@charset "UTF-8";
/*---------------------------------------------
 reset css
--------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,th,td { margin:0; padding:0; }
input { font-size:16px; margin:0;position:relative;}
textarea { margin:0; font-size:100%; position:relative; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
img { border:0; }
address,em,th { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
label { cursor:pointer;}
a,
area,
area:focus,
area:active { outline:none; border:none; border:0; position:relative;}
*, *:before, *:after { box-sizing: border-box; }
/* ---------------------------------------------
 font-size
--------------------------------------------- */
html{ font-size:62.5%; } /*初期値16pxの62.5%でルートが10px*/
.f10{font-size:10px !important;font-size:1rem !important;}
.f11{font-size:11px !important;font-size:1.1rem !important;}
.f12{font-size:12px !important;font-size:1.2rem !important;}
.f13{font-size:13px !important;font-size:1.3rem !important;}
.f14{font-size:14px !important;font-size:1.4rem !important;}
.f15{font-size:15px !important;font-size:1.5rem !important;}
.f16{font-size:16px !important;font-size:1.6rem !important;}
.f17{font-size:17px !important;font-size:1.7rem !important;}
.f18{font-size:18px !important;font-size:1.8rem !important;}
.f20{font-size:20px !important;font-size:2.0rem !important;}
.f22{font-size:22px !important;font-size:2.2rem !important;}
.f24{font-size:24px !important;font-size:2.4rem !important;}
.f26{font-size:26px !important;font-size:2.6rem !important;}
.f28{font-size:28px !important;font-size:2.8rem !important;}

.fBold { font-weight:bold;}
.fNormal  { font-weight:normal; }
.no_Wrap { white-space:nowrap; }

/* ---------------------------------------------
 tag
--------------------------------------------- */
b,strong {font-weight:bold; color:#000;}
i { font-style:italic;}
em {color:#222; font-weight:bold; font-style:normal;}
sub {vertical-align:baseline;}
p { line-height:1.8;}
img {vertical-align:middle;}
/* link */
a { outline:none; }
a:visited { outline:none; }
a span { cursor:pointer;}
a img { border:none; }


/* ---------------------------------------------
 PC/SP
--------------------------------------------- */
.hide { display:none !important; }
@media only screen and (min-width:768px) {
    .hidePC { display:none !important; }
}
@media only screen and (max-width:767px) {
    .hideSP { display:none !important; }
}
/* ---------------------------------------------
 clearfix
--------------------------------------------- */
.clearfix:after { content:""; display:table; clear:both; }
.clearfix { /zoom:1; }

/* -----------------------------------
 Layout
-------------------------------------*/
.fl { float:left; margin-right:20px; }
.fr { float:right; margin-left:20px; }
@media only screen and (max-width:767px) {
.fl { float:none; margin-right:0px;}
.fr { float:none; margin-left:0px; }
}

/* margin */
.mt { margin-top:50px;}
.mb { margin-bottom:50px;}
@media only screen and (max-width:767px) {
    .mt { margin-top:20px; }
    .mb { margin-bottom:20px; }
}
.mt00 { margin-top:0 !important; } .mt05 { margin-top:5px !important; } .mt10 { margin-top:10px !important; } .mt12 { margin-top:12px !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; } .mt60 { margin-top:60px !important; } .mt70 { margin-top:70px !important; } .mt80 { margin-top:80px !important; } .mt90 { margin-top:90px !important; } .mt100 { margin-top:100px !important; }
.mr00 { margin-right:0   !important; } .mr05 { margin-right:5px !important; } .mr10 { margin-right:10px !important; } .mr12 { margin-right:12px !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; }
.mb00 { margin-bottom:0   !important; } .mb05 { margin-bottom:5px !important; } .mb10 { margin-bottom:10px !important; } .mb12 { margin-bottom:12px !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; }
.ml00 { margin-left:0   !important; } .ml05 { margin-left:5px !important; } .ml10 { margin-left:10px !important; } .ml12 { margin-left:12px !important; } .ml15 { margin-left:15px !important; } .ml20 { margin-left:20px !important; } .ml25 { margin-left:25px !important; } .ml30 { margin-left:30px !important; } .ml30 { margin-left:35px !important; } .ml40 { margin-left:40px !important; } .ml45 { margin-left:45px !important; } .ml50 { margin-left:50px !important; } .ml60 { margin-left:60px !important; } .ml70 { margin-left:70px !important; } .ml80 { margin-left:80px !important; } .ml90 { margin-left:90px !important; } .ml100 { margin-left:100px !important; } .ml150 { margin-left:150px !important; }
/* padding */
.pt00 { padding-top:0 !important; } .pt05 { padding-top:5px !important; } .pt10 { padding-top:10px !important; } .pt12 { padding-top:12px !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; } .pt100 { padding-top:100px !important; }
.pr00 { padding-right:0   !important; } .pr05 { padding-right:5px !important; } .pr10 { padding-right:10px !important; } .pr12 { padding-right:12px !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; }
.pb00 { padding-bottom:0   !important; } .pb05 { padding-bottom:5px !important; } .pb10 { padding-bottom:10px !important; } .pb12 { padding-bottom:12px !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; }
.pl00 { padding-left:0   !important; } .pl05 { padding-left:5px !important; } .pl10 { padding-left:10px !important; } .pl12 { padding-left:12px !important; } .pl15 { padding-left:15px !important; } .pl20 { padding-left:20px !important; } .pl25 { padding-left:25px !important; } .pl30 { padding-left:30px !important; } .pl30 { padding-left:35px !important; } .pl40 { padding-left:40px !important; } .pl45 { padding-left:45px !important; } .pl50 { padding-left:50px !important; }
/* width */
.w30 { width:30px !important; } .w50 { width:50px !important; } .w70 { width:70px !important; } .w80 { width:80px !important; } .w100 { width:100px !important; } .w150 { width:150px !important; } .w180 { width:180px !important; } .w200 { width:200px !important; } .w250 { width:250px !important; } .w300 { width:300px !important; } .w350 { width:350px !important; } .w400 { width:400px !important; } .w450 { width:450px !important; } .w500 { width:500px !important; } .w550 { width:550px !important; } .w600 { width:600px !important; } .w650 { width:650px !important; }
/* width % */
.w05p { width:5%;} .w06p { width:6%;} .w07p { width:7%;} .w08p { width:8%;} .w09p { width:9%;} .w10p { width:10%;} .w11p { width:11%;} .w12p { width:12%;} .w13p { width:13%;} .w14p { width:14%;} .w15p { width:15%;} .w16p { width:16%;} .w17p { width:17%;} .w18p { width:18%;} .w19p { width:19%;} .w20p { width:20%;} .w25p { width:25%;} .w30p { width:30%;} .w33p { width:33%;} .w40p { width:40%;} .w50p { width:50%;} .w60p { width:60%;} .w70p { width:70%;} .w80p { width:80%;} .w90p { width:90%;} .w100p { width:100%;}
/* height */
.h70  { height:70px !important; } .h280 { height:280px !important; } .h290 { height:290px !important; } .h300 { height:300px !important; } .h310 { height:310px !important; } .h320 { height:320px !important; } .h330 { height:330px !important; } .h340 { height:340px !important; } .h350 { height:350px !important; } .h420 { height:420px !important; }
/* line-height */
.lh14 { line-height:1.4 !important; } .lh16 { line-height:1.6 !important; } .lh18 { line-height:1.8 !important; } .lh20 { line-height:2.0 !important; }
/* 横並び */
.lft50 { float:left; width:50px;} .lft60 { float:left; width:60px;} .lft70 { float:left; width:70px;} .lft80 { float:left; width:80px;} .lft90 { float:left; width:90px;} .lft100 { float:left; width:100px;} .lft110 { float:left; width:110px;} .lft120 { float:left; width:120px;} .lft130 { float:left; width:130px;} .lft140 { float:left; width:140px;} .lft150 { float:left; width:150px;} .lft160 { float:left; width:160px;} .lft170 { float:left; width:170px;} .lft180 { float:left; width:180px;} .lft190 { float:left; width:190px;} .lft200 { float:left; width:200px;} .lft210 { float:left; width:210px;} .lft220 { float:left; width:220px;} .lft230 { float:left; width:230px;} .lft240 { float:left; width:240px;} .lft250 { float:left; width:250px;} .lft260 { float:left; width:260px;} .lft270 { float:left; width:270px;} .lft280 { float:left; width:280px;} .lft290 { float:left; width:290px;} .lft300 { float:left; width:300px;} .lft310 { float:left; width:310px;} .lft320 { float:left; width:320px;} .lft330 { float:left; width:330px;} .lft340 { float:left; width:340px;} .lft350 { float:left; width:350px;} .lft360 { float:left; width:360px;} .lft370 { float:left; width:370px;} .lft380 { float:left; width:380px;} .lft390 { float:left; width:390px;} .lft400 { float:left; width:400px;} .lft410 { float:left; width:410px;} .lft420 { float:left; width:420px;} .lft430 { float:left; width:430px;} .lft440 { float:left; width:440px;} .lft450 { float:left; width:450px;} .lft460 { float:left; width:460px;} .lft470 { float:left; width:470px;} .lft480 { float:left; width:480px;} .lft490 { float:left; width:490px;} .lft500 { float:left; width:500px;} .lft510 { float:left; width:510px;} .lft520 { float:left; width:520px;} .lft530 { float:left; width:530px;} .lft540 { float:left; width:540px;} .lft550 { float:left; width:550px;} .lft560 { float:left; width:560px;} .lft570 { float:left; width:570px;} .lft580 { float:left; width:580px;} .lft590 { float:left; width:590px;} .lft600 { float:left; width:600px;} .lft610 { float:left; width:610px;} .lft620 { float:left; width:620px;} .lft630 { float:left; width:630px;} .lft640 { float:left; width:640px;} .lft650 { float:left; width:650px;} .lft660 { float:left; width:660px;} .lft670 { float:left; width:670px;} .lft680 { float:left; width:680px;} .lft690 { float:left; width:690px;} .lft700 { float:left; width:700px;}
.rgt50 { float:right; width:50px;} .rgt60 { float:right; width:60px;} .rgt70 { float:right; width:70px;} .rgt80 { float:right; width:80px;} .rgt90 { float:right; width:90px;} .rgt100 { float:right; width:100px;} .rgt110 { float:right; width:110px;} .rgt120 { float:right; width:120px;} .rgt130 { float:right; width:130px;} .rgt140 { float:right; width:140px;} .rgt150 { float:right; width:150px;} .rgt160 { float:right; width:160px;} .rgt170 { float:right; width:170px;} .rgt180 { float:right; width:180px;} .rgt190 { float:right; width:190px;} .rgt200 { float:right; width:200px;} .rgt210 { float:right; width:210px;} .rgt220 { float:right; width:220px;} .rgt230 { float:right; width:230px;} .rgt240 { float:right; width:240px;} .rgt250 { float:right; width:250px;} .rgt260 { float:right; width:260px;} .rgt270 { float:right; width:270px;} .rgt280 { float:right; width:280px;} .rgt290 { float:right; width:290px;} .rgt300 { float:right; width:300px;} .rgt310 { float:right; width:310px;} .rgt320 { float:right; width:320px;} .rgt330 { float:right; width:330px;} .rgt340 { float:right; width:340px;} .rgt350 { float:right; width:350px;} .rgt360 { float:right; width:360px;} .rgt370 { float:right; width:370px;} .rgt380 { float:right; width:380px;} .rgt390 { float:right; width:390px;} .rgt400 { float:right; width:400px;} .rgt410 { float:right; width:410px;} .rgt420 { float:right; width:420px;} .rgt430 { float:right; width:430px;} .rgt440 { float:right; width:440px;} .rgt450 { float:right; width:450px;} .rgt460 { float:right; width:460px;} .rgt470 { float:right; width:470px;} .rgt480 { float:right; width:480px;} .rgt490 { float:right; width:490px;} .rgt500 { float:right; width:500px;} .rgt510 { float:right; width:510px;} .rgt520 { float:right; width:520px;} .rgt530 { float:right; width:530px;} .rgt540 { float:right; width:540px;} .rgt550 { float:right; width:550px;} .rgt560 { float:right; width:560px;} .rgt570 { float:right; width:570px;} .rgt580 { float:right; width:580px;} .rgt590 { float:right; width:590px;} .rgt600 { float:right; width:600px;} .rgt610 { float:right; width:610px;} .rgt620 { float:right; width:620px;}
/* align */
.alignL,.inlineL { text-align:left !important; }
.alignC,.inlineC { text-align:center !important; }
.alignR,.inlineR { text-align:right !important; }
.vlineT { vertical-align:top !important; }
.vlineM { vertical-align:middle !important; }
.vlineB { vertical-align:bottom !important; }
.m_auto,.mAuto { margin-left:auto; margin-right:auto; display:block; }
/* .clear */
br.clear { clear:both; height:0; font-size:0; line-height:0; }

.block { display:block; }

@media only screen and (max-width:767px) {
.w300, .w350, .w400, .w450, .w500, .w550 { width:inherit !important; }
}