@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}


h1,h2,h4,h5{
font-size:100%;
font-weight:normal;
margin:0;
}

img{border:0; vertical-align:bottom; max-width:100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	padding:0;
	margin-right: 0;
	margin-left: 0;
}

table{
    border-collapse:collapse;
	border-spacing:0;
	width:880px;
	margin:10px auto;
}

table th{
	font-weight:normal;
	padding:10px;
	border:#fff 1px solid;
	text-align:center;
}
table td{
	font-weight:normal;
	padding:10px;
	border:#eee 1px solid;
}


p{
margin-bottom:20px;
text-align:left;
}


ol,ul{list-style:none;}

input,
select,
textarea{
font-size:1em;
}

.fl_r{float:right;margin-left:10px;}
.fl_l{float:left;margin-right:10px;}

.fl_r{float:right;margin-left:10px;}
.fl_l{float:left;margin-right:10px;}

.fl_r40{float:right;margin-left:10px;}
.fl_l40{float:left;margin-right:10px;}

.fl_r30{float:right;margin-left:10px;}
.fl_l30{float:left;margin-right:10px;}

.fl_r-60{float:right;margin-left:15px;}
.fl_l-60{float:left;margin-right:15px;}

.fl_r-90{float:right;margin-left:15px;}
.fl_l-90{float:left;margin-right:15px;}

.fl_r-60-02{float:right;margin-left:15px;}

@media only screen and (max-width: 758px) {
	
.fl_r-60{float:none; width:60%; margin:0 auto 10px auto; text-align:center;}
.fl_l-60{float:none; width:60%; margin:0 auto 10px auto; text-align:center;}	
	
.fl_r-90{float:none; width:90%; margin:0 auto 10px auto; text-align:center;}
.fl_l-90{float:none; width:90%; margin:0 auto 10px auto; text-align:center;}

.fl_r-60-02{float:none; margin:0 auto 20px auto; text-align:center; display:block;}
.fl_r-60-02 img{ width:60% !important; }

.fl_r40{float:right;margin-left:5px; width:40%;}
.fl_l40{float:left;margin-right:5px; width:40%;}

.fl_r30{float:right;margin-left:5px; width:30%;}
.fl_l30{float:left;margin-right:5px; width:30%;}

img { max-width:100%;}

.s-right{ text-align:right;}

.lh2{ line-height:2 !important;}

}

.aligncenter{text-align:center;}
.alignright{text-align:right;}
.alignleft{text-align:left}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml30{margin-left:30px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}

.PCnone{display:none;}
.SPnone{display:block;}


.mb30-10{ margin-bottom:30px !important;}
.mb20-10{ margin-bottom:20px !important;}
.mb40-15{ margin-bottom:40px !important;}
.mb60-20{ margin-bottom:60px !important;}
.mb60-40{ margin-bottom:60px !important;}
.mb80-20{ margin-bottom:80px !important;}
.mb80-40{ margin-bottom:80px !important;}
.mb100-20{ margin-bottom:100px !important;}

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

.PCnone{display:block;}	
.SPnone{display:none;}

.ws100{ width:100%;}
.ws95{ width:95%;}
.ws90{ width:90%;}
.ws80{ width:80%;}
.ws70{ width:70%;}


.mb30-10{ margin-bottom:10px !important;}
.mb20-10{ margin-bottom:10px !important;}
.mb40-15{ margin-bottom:15px !important;}
.mb60-20{ margin-bottom:20px !important;}
.mb80-20{ margin-bottom:20px !important;}
.mb60-40{ margin-bottom:40px !important;}
.mb80-40{ margin-bottom:40px !important;}
.mb100-20{ margin-bottom:20px !important;}

.txt-s{text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;}
	
}

.PCnone-w{display:none;}
.SPnone-w{display:block;}


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

.PCnone-w{display:block;}	
.SPnone-w{display:none;}

}

br.clr{
clear:both;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;
min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

a img { transition: 0.5s;}
a img:hover {opacity: 0.8;transition: 0.5s;}



/*文字の設定
-----------------------------------------------------------------------------*/

body{
font:16px/1.8 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
*font-size:small;
*font:x-small;
color:#000;
text-align:left;
}

/* IE6 and IE7 Hack */
* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;}

.bigger{font-size:18px;}
.smaller{font-size:14px; line-height:1.4;}

.min {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.fnt12{font-size:12px;}
.fnt14{font-size:14px;}
.fnt15{font-size:15px;}
.fnt16{font-size:16px;}
.fnt18{font-size:18px;}
.fnt20{font-size:20px;}
.fnt21{font-size:21px;}
.fnt23{font-size:23px;}
.fnt25{font-size:25px;}
.fnt26{font-size:26px;}
.fnt28{font-size:28px;}
.fnt30{font-size:30px;}
.fnt35{font-size:35px;}
.fnt40{font-size:40px;}
.fnt45{font-size:45px;}
.fnt50{font-size:50px;}

.fnt100s{ font-size:100% !important;}
.fnt110s{ font-size:110% !important;}
.fnt120s{ font-size:120% !important;}
.fnt130s{ font-size:130% !important;}
.fnt140s{ font-size:140% !important;}
.fnt150s{ font-size:150% !important;}
.fnt180s{ font-size:180% !important;}
.fnt200s{ font-size:200% !important;}
.fnt95s{ font-size:95% !important;}
.fnt90s{ font-size:90% !important;}
.fnt80s{ font-size:80% !important;}
.fnt70s{ font-size:70% !important;}
.fnt60s{ font-size:60% !important;}

.fnt130-120s{ font-size:130% !important;}

.lh-15{ line-height:1.5 !important;}

.line-through{ text-decoration:line-through;}

/* スマホ用のCSS */
@media only screen and (max-width: 758px) {

.fnt150s{ font-size:120% !important;}
.fnt130s{ font-size:110% !important; !important;}	
.fnt140s{ font-size:110% !important;}
.fnt120s{ font-size:110% !important;}
.fnt180s{ font-size:130% !important;}


}

.f_min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.red{color:#cc0000;}
.blue{color:#005899;}
.green{color:#003333;}
.orange{color:#ff6600;}
.orange2{color:#ffae34;}
.black{color:#333333;}
.brown{color:#996600;}
.gray{color:#5e5d5d;}
.ochre{color:#e08f02;}
.blue02{color:#015bb8;}
.white{color:#ffffff;}
.pink{color:#ff4165;}
.yellow{color:#ffff03;}
.yellow02{color:#fbff0a;}


.u{text-decoration:underline;}

.u_pink{background: linear-gradient(#ffffff 60%, #ff99ff 60%);}	
.u_yellow2{background: linear-gradient(#ffffff 20%, #fdf607 50%);}
.u_blue{background: linear-gradient(#ffffff 60%, #a7d2f3 60%);}	
.u_blue_02{background: linear-gradient(#ffffff 70%, #cde7fc 70%);}