@charset "utf-8";
/******************************
 * CSS Responsive BasicStyle v1.0
******************************/
.SP{display:none !important;}
.PC{display:block !important;}
@media screen and (max-width: 768px) {
    .SP{display:block !important;}
    .PC{display:none !important;}
}

/******************************
 Font
******************************/

.gothic{font-family: "Helvetica Neue","Helvetica","游ゴシック体",YuGothic,"Hiragino Kaku Gothic ProN W3","ヒラギノ角ゴ ProN W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
.serif{font-family:'Roboto Slab', Garamond, 'Times New Roman', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;}
.f_share{font-family:"Share", cursive;}


/* ---FontSize---- */
.f10 { font-size:10px;font-size:1.0rem; }
.f11 { font-size:11px;font-size:1.1rem; }
.f12 { font-size:12px;font-size:1.2rem; }
.f13 { font-size:13px;font-size:1.3rem; }
.f14 { font-size:14px;font-size:1.4rem; }
.f15 { font-size:15px;font-size:1.5rem; }
.f16 { font-size:16px;font-size:1.6rem; }
.f17 { font-size:17px;font-size:1.7rem; }
.f18 { font-size:18px;font-size:1.8rem; }
.f19 { font-size:19px;font-size:1.9rem; }
.f20 { font-size:20px;font-size:2.0rem; }
.f21 { font-size:21px;font-size:2.1rem; }
.f22 { font-size:22px;font-size:2.2rem; }
.f23 { font-size:23px;font-size:2.3rem; }
.f24 { font-size:24px;font-size:2.4rem; }
.f25 { font-size:25px;font-size:2.5rem; }
.f26 { font-size:26px;font-size:2.6rem; }
.f27 { font-size:27px;font-size:2.7rem; }
.f28 { font-size:28px;font-size:2.8rem; }
.f29 { font-size:29px;font-size:2.9rem; }
.f30 { font-size:30px;font-size:3.0rem; }
.f31 { font-size:31px;font-size:3.1rem; }
.f32 { font-size:32px;font-size:3.2rem; }
.f33 { font-size:33px;font-size:3.3rem; }
.f34 { font-size:34px;font-size:3.4rem; }
.f35 { font-size:35px;font-size:3.5rem; }
.f36 { font-size:36px;font-size:3.6rem; }


/* ---FontColor---- */
.fc_FF0000{color:#FF0000;}
.fwb{font-weight: bold;}
/******************************
 Background-color
******************************/
.bgc_f7f8f8{background-color:#f7f8f8;}


/******************************
 Border
******************************/
/* ---AllBorder---- */
.bd_DCCDCD{border:solid 1px #DCCDCD;}

/* ---BottomBorder---- */
.bd_btm_BB9F9F{border-bottom:solid 1px #BB9F9F;}

/******************************
 Width
******************************/
.w40	{width:40px;}
.w45	{width:45px;}
.w55	{width:55px;}
.w90	{width:90px;}
.w100	{width:100px;}
.w110	{width:110px;}
.w120	{width:120px;}
.w150	{width:150px;}
.w160	{width:160px;}
.w170	{width:170px;}
.w180	{width:180px;}
.w190	{width:190px;}
.w200	{width:200px;}
.w206	{width:206px;}
.w220	{width:220px;}
.w222	{width:222px;}
.w260	{width:260px;}
.w270	{width:270px;}
.w300	{width:300px;}
.w350	{width:350px;}
.w400	{width:400px;}
.w430	{width:430px;}
.w460	{width:460px;}
.w480	{width:480px;}
.w500	{width:500px;}
.w530	{width:530px;}
.w580	{width:580px;}
.w600	{width:600px;}
.w660	{width:660px;}
.w680	{width:680px;}

.w25p{width:25%;}
.w50p{width:50%;}
/******************************
 Height
******************************/
.h40	{height:40px;}
.h50	{height:50px;}
.h60	{height:60px;}
.h80	{height:80px;}
.h90	{height:90px;}
.h100	{height:100px;}
.h150	{height:150px;}

.h100	{height:100px;}
.h100	{height:100px;}
.h100	{height:100px;}

@media screen and (max-width: 768px) {
    .sp_w300{width: 93.75%; margin:0 auto;}
    .sp_w320{width: 96.87%; margin:0 auto;}
}

/******************************
 Margin
******************************/
/* ---AllMargin---- */
.m0	{margin:0;}
.m5	{margin:5px;}
.m10	{margin:10px;}
.m15	{margin:15px;}
.m20	{margin:20px;}
.m25	{margin:25px;}
.m30	{margin:30px;}
.m35	{margin:35px;}
.m40	{margin:40px;}
.m45	{margin:45px;}
.m50	{margin:50px;}

/* ---TopMargin---- */
.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt30	{margin-top:30px;}
.mt35	{margin-top:35px;}
.mt40	{margin-top:40px;}
.mt45	{margin-top:45px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}
.mt70	{margin-top:70px;}
.mt90	{margin-top:90px;}

/* ---RightMargin---- */
.mr2	{margin-right:2px;}
.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr25	{margin-right:25px;}
.mr30	{margin-right:30px;}
.mr35	{margin-right:35px;}
.mr40	{margin-right:40px;}
.mr45	{margin-right:45px;}
.mr50	{margin-right:50px;}

/* ---BottomMargin---- */
.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb25	{margin-bottom:25px;}
.mb30	{margin-bottom:30px;}
.mb35	{margin-bottom:35px;}
.mb40	{margin-bottom:40px;}
.mb45	{margin-bottom:45px;}
.mb50	{margin-bottom:50px;}
.mb55	{margin-bottom:55px;}
.mb60	{margin-bottom:60px;}
.mb65	{margin-bottom:65px;}
.mb70	{margin-bottom:70px;}
.mb80	{margin-bottom:80px;}
.mb90	{margin-bottom:90px;}
.mb100	{margin-bottom:100px;}
.mb140	{margin-bottom:140px;}

/* ---leftMargin---- */
.ml-1	{margin-left:-1px;}
.ml1	{margin-left:1px;}
.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.ml35	{margin-left:35px;}
.ml40	{margin-left:40px;}
.ml45	{margin-left:45px;}
.ml50	{margin-left:50px;}
.ml55	{margin-left:55px;}
.ml60	{margin-left:60px;}
.ml80	{margin-left:80px;}
.ml90	{margin-left:90px;}
.ml100	{margin-left:100px;}
.ml120	{margin-left:120px;}
.ml150	{margin-left:150px;}
.ml170	{margin-left:170px;}
.ml210	{margin-left:210px;}


/******************************
 Padding
******************************/
/* ---AllPadding---- */
.p0	{padding:0;}
.p5	{padding:5px;}
.p10	{padding:10px;}
.p15	{padding:15px;}
.p20	{padding:20px;}
.p25	{padding:25px;}
.p30	{padding:30px;}
.p35	{padding:35px;}
.p40	{padding:40px;}
.p45	{padding:45px;}
.p50	{padding:50px;}

/* ---TopPadding---- */
.pt2	{padding-top:2px;}
.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt25	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt35	{padding-top:35px;}
.pt40	{padding-top:40px;}
.pt45	{padding-top:45px;}
.pt50	{padding-top:50px;}
.pt60	{padding-top:60px;}
.pt90	{padding-top:90px;}
.pt100	{padding-top:100px;}
.pt200	{padding-top:200px;}
.pt250	{padding-top:250px;}

/* ---RightPadding---- */
.pr5		{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}
.pr25	{padding-right:25px;}
.pr30	{padding-right:30px;}
.pr35	{padding-right:35px;}
.pr40	{padding-right:40px;}
.pr45	{padding-right:45px;}
.pr50	{padding-right:50px;}

/* ---BottomPadding---- */
.pb5		{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb25	{padding-bottom:25px;}
.pb30	{padding-bottom:30px;}
.pb35	{padding-bottom:35px;}
.pb40	{padding-bottom:40px;}
.pb45	{padding-bottom:45px;}
.pb50	{padding-bottom:50px;}

/* ---leftPadding---- */
.pl5		{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}
.pl25	{padding-left:25px;}
.pl30	{padding-left:30px;}
.pl35	{padding-left:35px;}
.pl40	{padding-left:40px;}
.pl45	{padding-left:45px;}
.pl50	{padding-left:50px;}
.pl330	{padding-left:330px;}
.pl410	{padding-left:410px;}
@media screen and (max-width: 768px) {
    .sp_pl20{padding-left: 3.12%;}
    .sp_pr20{padding-right: 3.12%;}
    .sp_pl10{padding-left: 1.56%;}
    .sp_pr10{padding-right: 1.56%;}
}


/******************************
 etc...
******************************/
.align_lft	{text-align:left;}
.align_cnr	{text-align:center;}
.align_rgt	{text-align:right;}

.clear		{clear:both;}
.cursor		{cursor:pointer;}
.float_lft	{float:left;}
.float_rgt	{float:right;}
.block		{display:block;}
.none{display:none;}
.clearfix:after { content: "";clear: both;display: block;}