/* CSS Document */

/*基本指定*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    font-size: 100%;
	font-family:"MingLiU","平成角ゴシック",sans-serif;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
	
/*画像指定*/

img{
　　border: none;
}
a img {
    border: none;
}

/* リンク色（ページ全体） */
a { 
	color: #0000ff; 
	text-decoration: 
	underline; 
}

a:hover { 
	color: #ff0000; 
	text-decoration: none;
}

hr{
	color:#CCCCCC;
	margin: 10px 20px;
}

/*文字装飾*/

/*文字色指定*/
.red { color: #ff0000; }
.blue { color: #0000cc; }
.orange { color: #FF9900; }
.green { color: #00CC33; }
.light_b { color: #33CCFF; }


/*太文字指定*/
.b { font-weight: bold; }

/*フォントの大きさ指定*/

.xx-small { font-size:58%; }
.x-small { font-size:69%; }
.small { font-size:83%; }
.large { font-size:120%; }
.x-large { font-size:144%; }
.xx-large { font-size:172%; }



/*文字装飾*/
.yline { background: #ffff00; }


/*文字列右寄せ*/

.link_r {
	text-align: right;
	margin-right:10px;
}

#content .to-center {text-align:center;}
#content .to-right {text-align:right;}

.float-right {
  margin-bottom:10px;
  margin-left:10px;
  float:right;
  display:inline;
}

.float-left {
  margin-bottom:10px;
  margin-right:10px;
  float:left;
  display:inline;
}

/*コンテンツ指定*/

body {
	text-align: left;
	font-size:19px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',	Meiryo,'MingLiU';
	background-image: none;
	background-repeat: repeat;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (min-width: 641px){

/*画像指定*/

.img_l{
	float:left;
	background:#fff;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15;
}

.img_r{
	float:right;
	padding-left:10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-right: 15px;
}



#wrapper{
	width:1020px;
	background-image: url(img/bg.gif);
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

/**▼ヘッダー*****/

#header{
	width:1000px;
	margin:0 auto;
}

#head_img{
	height: 323px;
	background: url(img/top.jpg) no-repeat;
	margin-bottom:30px;
	border-bottom:4px solid #336699;
}

h1{
	font-size:12px;
	font-weight:bold;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	width: 1000px;
	background-color: #336699;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	color: #FFFFFF;
}

h1 a{
	text-decoration:none;
	color:#FFFFFF;
}


/*メイン記事指定*/

h2{
	height: 45px;
	background: url(img/h2.gif);
	line-height: 45px;
	font-size: 26px;
	font-weight:bold;
	clear:both;
	color: #FFFFFF;
	text-indent: 1.5em;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 20px;
	margin-left: 1px;
	text-align: left;
font-family:'HGP創英角ﾎﾟｯﾌﾟ体',Arial,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

/*
h3{
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight:bold;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #316AC5;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
*/

#content{
	width:960px;
	margin: 0px auto;
	padding-top: 0px 20px;
	text-align: left;
}

#content .inner p {
	background-image: none;
}


.inner{
	margin: 10px 15px 20px 15px;
	border: 1px solid #336699;
	padding: 1px 1px 10px 1px ;
}

.inner p{
	background: url(img/p_bg.gif) left bottom;
	margin:0 15px 15px;
	font-size: 16px;
	line-height: 25px;
	text-align:justify;
}

/*フッター*/

#footer{
	text-align: center;
	clear: both;
	overflow:hidden;
}
#footer p {
	margin-right: 30px;
	margin-left: 30px;
	text-align: left;
}


address {
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	display: block;
	background: #336699;
	font-size: 14px;
	margin: 30px auto 0px auto;
	padding: 5px 0px;
	width: 1000px;
}

/**▼フッターリンク*****/

#space{
	margin: 0 15px 15px;
	padding:15px 0;
	font-size:12px;
	border-top:1px #ccc solid;
	clear:both;
	text-align: left;
}


/*ボタン指定*/

.bt_c{
	text-align:center;
	clear:both;
	width: 600px;
	height: 60px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 63px;
	padding-bottom: 10px;
	padding-left: 63px;
}



/*画像指定*/



/*回り込み解除*/
.c_both{ clear:both;}

}

@media screen and (max-width: 640px){

.link_r {
	display: none;
}


/*画像指定*/

.img_l{
	background:#fff;
}

.img_r{
	margin: 10px;
}


#header {
	margin:0 auto;
	padding: 0;
}

#header img {
	width: 100%;
}

#head_img{
	margin-bottom: 10px;
	border-bottom: 4px solid #336699;
	height: auto;
}

h1{
	font-size:12px;
	font-weight:bold;
	padding: 5px 8px;
	background-color: #336699;
	text-align: right;
	color: #FFFFFF;
}

/*メイン記事指定*/

h2{
	background: #316497;
	font-size: 24px;
	font-weight:bold;
	clear:both;
	color: #FFFFFF;
	padding: 10px;
}

*/
h3{
	font-size: 24px;
	font-weight:bold;
	border-bottom: solid thin #316AC5;
	padding: 10px;
}
*/

#content{
	margin: 0px auto;
	padding: 0px 10px;
	text-align: left;
}

#content img {
	width: 280px;
}

#content .inner p {
	background-image: url(img/p_bg3.gif);
}

.inner{
	background: #FFF;
	margin: 10px auto 20px;
	border: 1px solid #336699;
	padding: 1px 1px 10px 1px ;
}

.inner p{
	background: url(img/p_bg.gif) left bottom;
	margin: 10px;
	font-size: 16px;
	line-height: 25px;
	text-align:justify;
}

.bt_c {
	text-align: center;
}

/*フッター*/

#footer{
	text-align: center;
	clear: both;
	overflow:hidden;
}

#footer p {
	margin: 0 20px;
	text-align: left;
	font-size: 10px;
}


address {
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	display: block;
	background: #336699;
	font-size: 14px;
	margin: 20px auto 0px;
	padding: 5px 0px;
}

}

.innerc{     margin: 10px 15px 20px 15px;     padding: 1px 1px 10px 1px ; }
ul.check{ margin-bottom: 10px; list-style-position: inside; list-style-image: url(img/check.png); list-style-type: none; }
ul.check li{ margin-right: 15px; margin-left: 15px; font-weight: bold; }


.balloon1-left {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #e0edff;
}

.balloon1-left:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #e0edff;
}

.balloon1-left p {
	margin: 0;
	padding: 0;
}

.balloon4 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 15px;
    background: #fff0c6;
    border-radius: 30px;
}

.balloon4:before{    
    content: "";
    position: absolute;
    left: -38px;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff0c6;
    border-radius: 50%;
}

.balloon4:after{
    content: "";
    position: absolute;
    left: -24px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff0c6;
    border-radius: 50%;
}
.balloon4 p {
    margin: 0; 
    padding: 0;
}
.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon5 .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
}

.balloon5 .chatting {
    width: 100%;
}

.says {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}

.says p {
    margin: 0;
    padding: 0;
}
/*以下、�@背景色など*/
.line-bc {
  padding: 20px 10px;
  max-width: 450px;
  margin: 15px auto;
  text-align: right;
  font-size: 14px;
  background: #7da4cd;

}

/*以下、�A左側のコメント*/
.balloon6 {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}

.balloon6 .faceicon {
    float: left;
    margin-right: -50px;
    width: 40px;
}

.balloon6 .faceicon img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.balloon6 .chatting {
    width: 100%;
    text-align: left;
}
.says {
    display: inline-block;
    position: relative; 
    margin: 0 0 0 50px;
    padding: 10px;
    max-width: 250px;
    border-radius: 12px;
    background: #edf1ee;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px; 
    left: -19px;
    border: 8px solid transparent;
    border-right: 18px solid #edf1ee;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.says p {
    margin: 0;
    padding: 0;
}

/*以下、�B右側の緑コメント*/
.mycomment {
    margin: 10px 0;
}
.mycomment p{
    display: inline-block;
    position: relative; 
    margin: 0 10px 0 0;
    padding: 8px;
    max-width: 250px;
    border-radius: 12px;
    background: #30e852;
    font-size: 15px:
}

.mycomment p:after {
    content: "";
    position: absolute;
    top: 3px; 
    right: -19px;
    border: 8px solid transparent;
    border-left: 18px solid #30e852;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

/* カスタム CSS をここに入力してください */

h3 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
font-family:'HGP創英角ﾎﾟｯﾌﾟ体',Arial,'ＭＳ Ｐゴシック',Osaka,sans-serif;
font-size:170%;
}

h3#s1{
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

h3#s2 {
color: #364e96;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}

h3#s3 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}

h3#s4{
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}

h3:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

h3#s5 {
position: relative;
padding: 5px 26px 5px 42px;
background: #fff0d9;
font-size: 20px;
color: #2d2d2d;
margin-left: -33px;
line-height: 1.3;
border-bottom: solid 3px orange;
z-index:-2;
}

h3:before {
position: absolute;
content: '';
left: -2px;
top: -2px;
width: 0;
height: 0;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index: -1;
}

h3:after {
position: absolute;
content: '';
right: -3px;
top: -7px;
width: 0;
height: 0;
border: none;
border-left: solid 40px transparent;
border-bottom: solid 79px white;
z-index: -1;
}

h3#s6{
position: relative;
color: black;
background: #d0ecff;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

h3:after {/*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c Check';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
  }

h3#s7{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

h3:after {/*タブ*/
position: absolute;
font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
line-height: 1;
letter-spacing: 0.05em;
font-size: 0.7em;
  }

/*クチコミ*/
.user2 {
	background-color: #faf8f3;

	background-image: url(img/user2.gif);

	background-position: left top;
	background-repeat: no-repeat;

	border: none;
	color: #cc5a72;
	font-size: 13px;

	line-height: 1.6;

	margin: 10px 0;
	min-height: 0;

	overflow: hidden;

	position: relative;

	padding: 60px 15px 60px 165px;

	_height: auto;
}