@charset "utf-8";
/*!
 * css Library / RESET
 *
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * Date: Mon Aug 22 10:11:56 2011 -0400
 */

/* reset ----------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}    
ol,ul {list-style:none;}
table{border-collapse:collapse;border-spacing:0;}  
caption,th {text-align:left;}
a{outline:none;}
li img{font-size:0;line-height:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
body{ /* Always show scroll bars */
	overflow-y: scroll;
	/overflow-y: auto; /* for ie6/7 */
	font:76%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* clearfix ----------------------- */
.clearfix:before, .clearfix:after{ content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix{ zoom:1;}/* for IE 6/7 */

/* サイズ表示 ----------------------- */
.pc {

}


@media screen and (min-width: 768px) {
.pc-d-ib {
display: inline-block;
}
	.sp {
	display: none;
	}}
@media screen and (min-width: 993px) {
	.sp992 {
	display: none;
	}}
@media screen and (max-width: 992px) {
	.sp992 {

	}
}
@media screen and (max-width: 767px) {
.pc-d-ib {
display: none;
}
.pc {
	display: none;
}
.sp {

}
.tb-center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
}

@media screen and (max-width: 480px) {
.sp-center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
}
/* サイズ ----------------------- */
.w18{width: 18% !important;}
.w19{width: 19% !important;}
.w20{width: 20% !important;}
.w23{width: 23% !important;}
.w24{width: 24% !important;}
.w25{width: 25% !important;}
.w30{width: 30% !important;}
.w32{width: 32% !important;}
.w33{width: 33% !important;}
.w46{width: 46% !important;}
.w47{width: 47% !important;}
.w48{width: 48% !important;}
.w50{width: 50% !important;}
.w97{width: 97% !important;}
.w100{width:100% !important;}

.max-w50{max-width:50px!important;}
.max-w100{max-width:100px!important;}
.max-w150{max-width:150px!important;}
.max-w200{max-width:200px!important;}
.max-w250{max-width:250px!important;}
.max-w300{max-width:300px!important;}
.max-w400{max-width:400px!important;}
.max-w500{max-width:500px!important;}
.max-w600{max-width:600px!important;}
.max-w800{max-width:800px!important;}
/* font ----------------------- */
.fz10{ font-size:83.3% !important;}
.fz11{ font-size:91.7% !important;}
.fz13{ font-size:108.3% !important;}
.fz14{ font-size:116.7% !important;}
.fz15{ font-size:125% !important;}
.fz16{ font-size:133.3% !important;}

.fw-n{ font-weight:normal !important;}
.fw-b{ font-weight:bold !important;}

.f08{ font-size:8px !important;}
.f09{ font-size:9px !important;}
.f10{ font-size:10px !important;}
.f11{ font-size:11px !important;}
.f12{ font-size:12px !important;}
.f14{ font-size:14px !important;}
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.f20{ font-size:20px !important;}
.f22{ font-size:22px !important;}
.f24{ font-size:24px !important;}
.f26{ font-size:26px !important;}
.f28{ font-size:28px !important;}
.f30{ font-size:30px !important;}
.f40{ font-size:40px !important;}
.f50{ font-size:50px !important;}

.f30-22{ font-size:30px !important;}
.f24-20{ font-size:24px !important;}
.f22-18{ font-size:20px !important;}
.f20-16{ font-size:20px !important;}
.f18-14{ font-size:18px !important;}
.f16-12{ font-size:16px !important;}
@media screen and (max-width: 767px) {
.f30-22{ font-size:22px !important;}
.f24-20{ font-size:20px !important;}
.f22-18{ font-size:18px !important;}
.f20-16{ font-size:16px !important;}
.f18-14{ font-size:14px !important;}
.f16-12{ font-size:12px !important;}
}
/* 文字カラー ----------------------- */
.color-blue {color: #0087C8 !important;}
.color-red {color: #F95A90 !important;}
.color-aqua {color: #31BFF4 !important;}
.color-yellow {color: #F9BF34 !important;} 
.color-green {color: #57CA91 !important;}

.color-white {color: white !important;}
.color-gray {color: gray !important;}/* #333333 */
.color-gray02 {color: #3B0917 !important;}
.color-purple {color: #990099 !important;} 

/* margin ----------------------- */
.mg0{ margin:0 !important;}
.mg5{ margin:5px !important;}
.mg10{ margin:10px !important;}
.mg15{ margin:15px !important;}
.mg20{ margin:20px !important;}
.mg25{ margin:25px !important;}
.mg30{ margin:30px !important;}
.mg35{ margin:35px !important;}
.mg40{ margin:40px !important;}
.mg45{ margin:45px !important;}
.mg50{ margin:50px !important;}
.mt0{ margin-top:0 !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt45{ margin-top:45px !important;}
.mt50{ margin-top:50px !important;}
.mr0{ margin-right:0 !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr35{ margin-right:35px !important;}
.mr40{ margin-right:40px !important;}
.mr45{ margin-right:45px !important;}
.mr50{ margin-right:50px !important;}
.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb45{ margin-bottom:45px !important;}
.mb50{ margin-bottom:50px !important;}
.ml0{ margin-left:0 !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml35{ margin-left:35px !important;}
.ml40{ margin-left:40px !important;}
.ml45{ margin-left:45px !important;}
.ml50{ margin-left:50px !important;}

/* padding ----------------------- */
.pd0{ padding:0 !important;}
.pd5{ padding:5px !important;}
.pd10{ padding:10px !important;}
.pd15{ padding:15px !important;}
.pd20{ padding:20px !important;}
.pd25{ padding:25px !important;}
.pd30{ padding:30px !important;}
.pd35{ padding:35px !important;}
.pd40{ padding:40px !important;}
.pd45{ padding:45px !important;}
.pd50{ padding:50px !important;}
.pt0{ padding-top:0 !important;}
.pt5{ padding-top:5px !important;}
.pt10{ padding-top:10px !important;}
.pt15{ padding-top:15px !important;}
.pt20{ padding-top:20px !important;}
.pt25{ padding-top:25px !important;}
.pt30{ padding-top:30px !important;}
.pt35{ padding-top:35px !important;}
.pt40{ padding-top:40px !important;}
.pt45{ padding-top:45px !important;}
.pt50{ padding-top:50px !important;}
.pr0{ padding-right:0 !important;}
.pr5{ padding-right:5px !important;}
.pr10{ padding-right:10px !important;}
.pr15{ padding-right:15px !important;}
.pr20{ padding-right:20px !important;}
.pr25{ padding-right:25px !important;}
.pr30{ padding-right:30px !important;}
.pr35{ padding-right:35px !important;}
.pr40{ padding-right:40px !important;}
.pr45{ padding-right:45px !important;}
.pr50{ padding-right:50px !important;}
.pb0{ padding-bottom:0 !important;}
.pb5{ padding-bottom:5px !important;}
.pb10{ padding-bottom:10px !important;}
.pb15{ padding-bottom:15px !important;}
.pb20{ padding-bottom:20px !important;}
.pb25{ padding-bottom:25px !important;}
.pb30{ padding-bottom:30px !important;}
.pb35{ padding-bottom:35px !important;}
.pb40{ padding-bottom:40px !important;}
.pb45{ padding-bottom:45px !important;}
.pb50{ padding-bottom:50px !important;}
.pl0{ padding-left:0 !important;}
.pl5{ padding-left:5px !important;}
.pl10{ padding-left:10px !important;}
.pl15{ padding-left:15px !important;}
.pl20{ padding-left:20px !important;}
.pl25{ padding-left:25px !important;}
.pl30{ padding-left:30px !important;}
.pl35{ padding-left:35px !important;}
.pl40{ padding-left:40px !important;}
.pl45{ padding-left:45px !important;}
.pl50{ padding-left:50px !important;}

/* float ----------------------- */
.fl-r{ float:right !important;}
.fl-l{ float:left !important;}
.fl-n{ float:none !important;}

.fl-r-n{ float:right !important;}
.fl-l-n{ float:left !important;}


@media screen and (max-width: 767px) {
.fl-r-n{ float:none !important; text-align: center;}
.fl-l-n{ float:none !important; text-align: center;}}

/* background ----------------------- */
.bg-color-gray02 {background: #F0F0F0 !important;}
.bg-n{ background:none !important;}


.bg-color-green02 {background: #A2D220 !important;}

.bg-color-blue {background: #0087C8 !important;}
.bg-color-red {background: #F95A90 !important;}
.bg-color-aqua {background: #31BFF4 !important;}
.bg-color-yellow {background: #F9B006 !important;} 
.bg-color-green {background: #57CA91 !important;}
.bg-color-red02 {background: #FB7CA6 !important;}
.bg-color-yellow02 {background: #FBC851 !important;} 
.bg-color-green02 {background: #78D29D !important;}


/* display ----------------------- */
.d-n{ display:none !important;}
.d-b{ display:block !important;}
.d-ib{display:inline-block !important;}
.d-i{ display:inline !important;}

.d-ib-b {display:inline-block !important;}
@media screen and (max-width: 767px) {
.d-ib-b {display:block !important;}
}
/* text-align ----------------------- */
.ta-r{ text-align:right !important;}
.ta-l{ text-align:left !important;}
.ta-c{ text-align:center !important;}

.ta-r-c{ text-align:right !important;}
.ta-l-c{ text-align:left !important;}
.ta-c-l{ text-align:center !important;}
@media screen and (max-width: 767px) {
.ta-r-c{ text-align:center !important;}
.ta-l-c{ text-align:center !important;}
.ta-c-l{ text-align:left !important;}
	}
.v-a-t {vertical-align: top !important;}
.v-a-b {vertical-align: bottom !important;}


.mg-0-auto { margin:0 auto !important;}
.mg-10-auto { margin:10px auto !important;}
.mg-20-auto { margin:20px auto !important;}
.mg-30-auto { margin:30px auto !important;}
.mg-40-auto { margin:40px auto !important;}
/* border ----------------------- */
.bd-n{ border:none !important;}
.bd-t-1{ border-top: 1px solid #FFF !important;}
.bd-b-1{ border-bottom: 1px solid #FFF!important;}
.bd-t-2{ border-top: 2px solid #FFF !important;}
.bd-b-2{ border-bottom: 2px solid #FFF!important;}
.bd-b-10{ border-bottom: 10px solid #B5000D!important;}
/* overflow ----------------------- */
.ov-h{ overflow:hidden !important;}

/* line-height ----------------------- */
.l-h08e{line-height:0.8em !important;}
.l-h10e{line-height:1.0em !important;}
.l-h12e{line-height:1.2em !important;}
.l-h13e{line-height:1.3em !important;}
.l-h14e{line-height:1.4em !important;}
.l-h15e{line-height:1.5em !important;}
.l-h16e{line-height:1.6em !important;}
.l-h18e{line-height:1.8em !important;}
.l-h20e{line-height:2.0em !important;}
.l-h22e{line-height:2.2em !important;}
.l-h24e{line-height:2.4em !important;}
.l-h25e{line-height:2.5em !important;}