@charset "utf-8";


/*　fontstyle
*********************************************************/
html { 
  font-size: 62.5%;

}


.fs12{line-height: 1.6; font-size:1.2rem;}
.fs13{line-height: 1.6; font-size:1.3rem;}
.fs14{line-height: 1.6; font-size:1.4rem;}
.fs15{line-height: 1.6; font-size:1.5rem;}
.fs16{line-height: 1.6; font-size:1.6rem;}
.fs17{line-height: 1.6; font-size:1.7rem;}
.fs18{line-height: 1.6; font-size:1.8rem;}
.fs19{line-height: 1.6; font-size:1.9rem;}
.fs20{line-height: 1.6; font-size:2.0rem;}
.fs22{line-height: 1.6; font-size:2.2rem;}
.fs25{line-height: 1.6; font-size:2.5rem;}
.fs28{line-height: 1.6; font-size:2.8rem;}
.fs30{line-height: 1.6; font-size:3.0rem;}
.fs35{line-height: 1.6; font-size:3.5rem;}
.fs40{line-height: 1.6; font-size:4.0rem;}
.fs45{line-height: 1.6; font-size:4.5rem;}
.fs50{line-height: 1.6; font-size:5.0rem;}
.fs55{line-height: 1.6; font-size:5.5rem;}
.fs60{line-height: 1.6; font-size:6.0rem;}
.fs65{line-height: 1.6; font-size:6.5rem;}
.fs70{line-height: 1.6; font-size:7.0rem;}
.fs80{line-height: 1.6; font-size:8.0rem;}
.fs100{line-height: 1.6; font-size:10.0rem;}
.fs120{line-height: 1.6; font-size:12.0rem;}
.fs130{line-height: 1.6; font-size:13.0rem;}

.m10{margin-top:1.0rem;}
.m20{margin-top:2.0rem;}
.m30{margin-top:3.0rem;}
.m40{margin-top:4.0rem;}
.m50{margin-top:5.0rem;}
.m60{margin-top:6.0rem;}
.m70{margin-top:7.0rem;}
.m80{margin-top:8.0rem;}
.m90{margin-top:9.0rem;}
.m100{margin-top:10.0rem;}
.m120{margin-top:12.0rem;}
.m150{margin-top:15.0rem;}
.m200{margin-top:20.0rem;}

.mb20{margin-bottom:2rem;}
.mb30{margin-bottom:3.0rem;}
.mb50{margin-bottom:5.0rem;}
.mb100{margin-bottom:10.0rem;}
.mb150{margin-bottom:15rem;}

.p0{padding-top: 0;}
.p10{padding-top:1.0rem;}
.p20{padding-top:2.0rem;}
.p30{padding-top:3.0rem;}
.p40{padding-top:4rem;}
.p50{padding-top:5rem;}
.p60{padding-top:6rem;}
.p70{padding-top:7rem;}
.p80{padding-top:8rem;}
.p90{padding-top:9rem;}
.p100{padding-top:10rem;}
.p120{padding-top:12rem;}
.p130{padding-top:13rem;}
.p150{padding-top:15rem}
.p170{padding-top:17rem;}
.p200{padding-top:20rem;}

.pb0{padding-bottom:0rem;}
.pb10{padding-bottom:1rem;}
.pb20{padding-bottom:2rem;}
.pb30{padding-bottom:3rem;}
.pb40{padding-bottom:4rem;}
.pb50{padding-bottom:5rem;}
.pb100{padding-bottom:10rem;}
.pb150{padding-bottom:15rem;}
.pb200{padding-bottom:20rem;}

.ml10{ margin-left: 10px;}

.s10 {font-size: 10px;}
.s11 {font-size: 11px;}
.s12 {font-size: 12px;}
.s13 {font-size: 13px;}
.s14 {font-size: 14px;}
.s15 {font-size: 15px;}
.s16 {font-size: 16px;}
.s17 {font-size: 17px;}
.s18 {font-size: 18px;}
.s19 {font-size: 19px;}
.s20 {font-size: 20px;}
.s21 {font-size: 21px;}
.s22 {font-size: 22px;}
.s23 {font-size: 23px;}
.s24 {font-size: 24px;}
.s25 {font-size: 25px;}
.s26 {font-size: 26px;}
.s27 {font-size: 27px;}
.s28 {font-size: 28px;}
.s29 {font-size: 29px;}
.s30 {font-size: 30px;}
.s31 {font-size: 31px;}
.s32 {font-size: 32px;}
.s33 {font-size: 33px;}
.s34 {font-size: 34px;}
.s35 {font-size: 35px;}
.s36 {font-size: 36px;}
.s37 {font-size: 37px;}
.s38 {font-size: 38px;}
.s39 {font-size: 39px;}
.s40 {font-size: 40px;}
.s41 {font-size: 41px;}
.s42 {font-size: 42px;}
.s43 {font-size: 43px;}
.s44 {font-size: 44px;}
.s45 {font-size: 45px;}
.s46 {font-size: 46px;}
.s47 {font-size: 47px;}
.s48 {font-size: 48px;}
.s49 {font-size: 49px;}
.s50 {font-size: 50px;}
.s51 {font-size: 51px;}
.s52 {font-size: 52px;}
.s53 {font-size: 53px;}
.s54 {font-size: 54px;}
.s55 {font-size: 55px;}
.s56 {font-size: 56px;}
.s57 {font-size: 57px;}
.s58 {font-size: 58px;}
.s59 {font-size: 59px;}
.s60 {font-size: 60px;}
.s61 {font-size: 61px;}
.s62 {font-size: 62px;}
.s63 {font-size: 63px;}
.s64 {font-size: 64px;}
.s65 {font-size: 65px;}
.s66 {font-size: 66px;}
.s67 {font-size: 67px;}
.s68 {font-size: 68px;}
.s69 {font-size: 69px;}
.s70 {font-size: 70px;}
.s71 {font-size: 71px;}
.s72 {font-size: 72px;}
.s73 {font-size: 73px;}
.s74 {font-size: 74px;}
.s75 {font-size: 75px;}
.s76 {font-size: 76px;}
.s77 {font-size: 77px;}
.s78 {font-size: 78px;}
.s79 {font-size: 79px;}
.s80 {font-size: 80px;}
.s81 {font-size: 81px;}
.s82 {font-size: 82px;}
.s83 {font-size: 83px;}
.s84 {font-size: 84px;}
.s85 {font-size: 85px;}
.s86 {font-size: 86px;}
.s87 {font-size: 87px;}
.s88 {font-size: 88px;}
.s89 {font-size: 89px;}
.s90 {font-size: 90px;}
.s91 {font-size: 91px;}
.s92 {font-size: 92px;}
.s93 {font-size: 93px;}
.s94 {font-size: 94px;}
.s95 {font-size: 95px;}
.s96 {font-size: 96px;}
.s97 {font-size: 97px;}
.s98 {font-size: 98px;}
.s99 {font-size: 99px;}
.s100 {font-size: 100px;}
.s120 {font-size: 120px;}
.s200 {font-size: 200px;}

.w100{width: 100%;}
.w95{width: 95%;}
.w90{width: 90%;}
.w80{width: 80%;}
.w70{width: 70%;}
.w60{width: 60%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w20{width: 20%;}
.w10{width: 10%;}

.s80_ {font-size: 80%;}
.s120_ {font-size: 120%;}
.s150_ {font-size: 150%;}

.lh20{ line-height: 20px;}
.lh35{ line-height: 35px;}
.lh40{ line-height: 40px;}
.lh45{ line-height: 45px;}
.lh50{ line-height: 50px;}
.lh60{ line-height: 60px;}
.lh65{ line-height: 65px;}
.lh80{ line-height: 80px;}
.lh100{ line-height: 100px;}

.lh150_{ line-height: 150%;}

.center{text-align: center;}
.left{ text-align: left;}
.right{ text-align: right;}

.float_l{ float: left;}
.float_r{ float: right;}

.white { color: #ffffff;}
.black { color: #111111;}
.red { color: #ff0000;}
.yellow{ color: #FFF219;}
.orange{ color: #FF6600;}
.green{ color: #12C744;}
.purple{ color: #28004F;}
.blue{color:#003fc9;}
.pink{color:#ff0086;}
.grey{color:#D9D9D9;}

.bg_y{background-color: #ffff00;}

.bg_g{background-color: #eeeeee;}

.bg_ys{background-color: #ffffd0;}

.bg_yg{background-color: #ecff00;}

.bg_p{background-color: #ff0086;}

.bg_r{
    background: #cc0000 none repeat scroll 0 0;
    line-height: 2;
    padding: 2px 5px 0;
}

.b{font-weight: bold;}

.u {
    border-bottom: 1px solid #000000;
    line-height: 2;
    margin: 8px 0;
    padding-bottom: 2px;
    text-decoration: none;
}


.ured {
    border-bottom: 1px solid #ff0000;
    line-height: 2;
    margin: 8px 0;
    padding-bottom: 2px;
    text-decoration: none;
}

.u2 {
    border-bottom: 1px dashed #000000;
    line-height: 2;
    margin: 8px 0;
    padding-bottom: 2px;
    text-decoration: none;
}

.ten{border-bottom: dotted 3px #D10404; } /* _ */

.ni{ border-bottom: double 4px #D10404; } /* d */

.sen1{ border-bottom: solid 4px #D10404; } /* F */

.underline {
background:url(img/wave.png) bottom repeat-x; 
background-size: 20px;
}

.area-y{background:#ffee3a;}
.area-dy{background:#FFD92A;}

.area-wt{background-color: #ffffff;}
.area-rd{background-color: #C83231;}
.area-bk{background-color: #000000;}
.area-lgr{background-color: #cff2a2;}
.area-lg{background-color: #B0E860; margin-left: -4rem;}
.area-bl{background-color: #1D1042;}
.area-pk{background-color: #ff2b74;}

.area-bbk{border: 0.2rem solid #000000;}
.area-bwt{border: 0.2rem solid #ffffff;}
.area-bpk{border: 0.2rem solid #ff2b74;}
.area-double{border: 1rem double #000000;}

.area-p5{padding: 0.5rem;}
.area-p10{padding: 1rem;}
.area-p20{padding: 2rem;}
.area-p30{padding: 3rem;}
.area-p40{padding: 4rem;}


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

.fs10{line-height:1.5; font-size:1.0rem;}
.fs11{line-height:1.5; font-size:1.0rem;}
.fs12{line-height:1.5; font-size:1.2rem;}
.fs13{line-height:1.5; font-size:1.2rem;}
.fs14{line-height:1.5; font-size:1.2rem;}
.fs15{line-height:1.5; font-size:1.3rem;}
.fs16{line-height:1.5; font-size:1.4rem;}
.fs17{line-height:1.5; font-size:1.5rem;}
.fs18{line-height:1.5; font-size:1.5rem;}
.fs19{line-height:1.5; font-size:1.5rem;}
.fs20{line-height:1.5; font-size:1.7rem;}
.fs22{line-height:1.5; font-size:1.7rem;}
.fs25{line-height:1.5; font-size:1.7rem;}
.fs30{line-height:1.5; font-size:2rem;}
.fs35{line-height:1.5; font-size:2rem;}
.fs40{line-height:1.5; font-size:2.5rem;}
.fs45{line-height:1.5; font-size:2.5rem;}
.fs50{line-height:1.5; font-size:3rem;}
.fs55{line-height:1.5; font-size:3rem;}
.fs60{line-height:1.5; font-size:3.2rem;}
.fs65{line-height:1.5; font-size:3.2rem;}
.fs70{line-height:1.5; font-size:3.5rem;}
.fs80{line-height:1.5; font-size:4rem;}
.fs85 {line-height:1.5; font-size:4rem;}
.fs90 {line-height:1.5; font-size:4.5rem;}
.fs95 {line-height:1.5; font-size:4.5rem;}
.fs100 {line-height:1.5; font-size:5rem;}
.fs120 {line-height:1.5; font-size:5rem;}
.fs150 {line-height:1.5; font-size:5.5rem;}
.fs200 {line-height:1.5; font-size:5.5rem;}

.m0{margin-top:0rem;}
.m10{margin-top:0.5rem;}
.m20{margin-top:1.0rem;}
.m30{margin-top:1.0rem;}
.m40{margin-top:2.0rem;}
.m50{margin-top:2.0rem;}
.m60{margin-top:3.0rem;}
.m70{margin-top:3.0rem;}
.m80{margin-top:4.0rem;}
.m90{margin-top:4.0rem;}
.m100{margin-top:5.0rem;}
.m110{margin-top:5.0rem;}
.m120{margin-top:6.0rem;}
.m130{margin-top:6.0rem;}
.m140{margin-top:7.0rem;}
.m150{margin-top:7.0rem;}
.m200{margin-top:10.0rem;}


.mb0{margin-bottom:0rem;}
.mb10{margin-bottom:0.5rem;}
.mb20{margin-bottom:1.0rem;}
.mb30{margin-bottom:1.0rem;}
.mb40{margin-bottom:2.0rem;}
.mb50{margin-bottom:2.0rem;}
.mb60{margin-bottom:3.0rem;}
.mb70{margin-bottom:3.0rem;}
.mb80{margin-bottom:4.0rem;}
.mb90{margin-bottom:4.0rem;}
.mb100{margin-bottom:5.0rem;}
.mb110{margin-bottom:5.0rem;}
.mb120{margin-bottom:6.0rem;}
.mb130{margin-bottom:6.0rem;}
.mb140{margin-bottom:7.0rem;}
.mb150{margin-bottom:7.0rem;}
.mb200{margin-bottom:10.0rem;}

.p0{padding-top: 0;}
.p10{padding-top:0.5rem;}
.p20{padding-top:1rem;}
.p30{padding-top:1rem;}
.p40{padding-top:2rem;}
.p50{padding-top:2rem;}
.p60{padding-top:3rem;}
.p70{padding-top:3rem;}
.p80{padding-top:4rem;}
.p90{padding-top:4rem;}
.p100{padding-top:5rem;}
.p120{padding-top:5rem;}
.p150{padding-top:8rem}
.p200{padding-top:10rem;}

.pb0{padding-bottom:0rem;}
.pb10{padding-bottom:0.5rem;}
.pb20{padding-bottom:1rem;}
.pb30{padding-bottom:1rem;}
.pb40{padding-bottom:2rem;}
.pb50{padding-bottom:2rem;}
.pb100{padding-bottom:5rem;}
.pb150{padding-bottom:5rem;}
.pb200{padding-bottom:10rem;}

.w100{width: 100%;}
.w95{width: 98%;}
.w90{width: 95%;}
.w80{width: 90%;}


.area-p5{padding: 0.2rem;}
.area-p10{padding: 0.5rem;}
.area-p20{padding: 0.7rem;}
.area-p30{padding: 1rem;}
.area-p40{padding: 1.2rem;}


.br5{border-radius: 0.2rem;}
.br10{border-radius: 0.5rem;}



.area-ss{
	filter: drop-shadow(5px 5px 0px rgba(0,0,0,0.4));
}

.shadow{
	box-shadow: 0 0px 15px #222222;
}

.shadow-f{
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.4));
}

.shadow-in{
	box-shadow: 0 0px 15px #000000 inset;
}

.shadow-v{
	box-shadow: 10px 10px 0px rgba(0,0,0,0.4);
}

.flash-wt{
	filter: drop-shadow(0px 0px 10px rgba(255,255,255,1));
}

.flash-in{
	box-shadow: 0 0 10px 2px #ffffff inset;
}

.t-shadow{
 text-shadow: 0 1px 1.5px rgba(0, 0, 0, 1);
}

.t-shadow_f{
	text-shadow: 0 -1px 1px #fff;
}

.fr-c{
	float: none;
	text-align: center;
	margin: 1rem auto;
}


 }