@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:5.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;}
.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;}

.mb15{margin-bottom:1.5rem;}
.mb30{margin-bottom:3.0rem;}
.mb50{margin-bottom:5.0rem;}
.mb100{margin-bottom:10.0rem;}
.mb200{margin-bottom:20.0rem;}

.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;}
.pb50{padding-bottom:5rem;}
.pb100{padding-bottom:10rem;}
.pb150{padding-bottom:15rem;}

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

.m0a{margin: 0 auto}

.bld{font-weight: 800;}

.nml{font-weight: normal;}
.str{text-decoration: line-through;}
.und{text-decoration: underline;}
.wav{text-decoration: underline wavy;}
.dou{text-decoration: underline double;}

.red{color:#FF2626;}
.pink{color:#F92672;}
.blue{color: #49d4ed;}
.yellow{color:#FDF844;}
.orange{color: #FFAB25;}
.green{color: #4EA63E;}
.bk{color: #000000;}
.wt{color: #ffffff;}
.l-green{color:#1cff86;}

.bg-y{background: #FCF76C;}
.bg-bk{background: #000000;}
.bg-r{background-color:#DB2F11; }
.bg-gr{background-color: #9B9B9B;}
.bg-o{background-color: #f99e00; padding: 0 0.5rem; font-size: 90%;}

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

.area-lty{
	background:#F7F7F7;
	padding: 2rem;
}

.area-y{
	background:#FCF76C;
/*	border:0.5rem solid #F9E54A;
*/	padding: 2rem;
	box-sizing: border-box;
	border-radius: 0.5rem;
}

.area-gr{
	background:#ededed;
	padding: 2rem;
	box-sizing: border-box;
	border: 1px solid #dddddd;
}

.area-wt{
	background-color: #ffffff;
}

.area-rd{
	background-color: #DD3032;
	padding: 2rem;
	color: #ffffff;
}

.area-lg{
	background-color: #00e2a1;
	padding: 2rem;
	color: #ffffff;
}


.area-hy{border:1rem double #FDF844;}

.area-ltg{
	background-color: #998F8C;
}

.area-bk{
	background-color: #000000;
	padding: 2rem 2rem;
}

.area-bbk{
	border: 0.2rem solid #000000;
}

.area-bwt{
	border: 0.2rem solid #ffffff;
}

.area-p20{padding: 2rem;}
.area-p40{padding: 4rem;}



.btr{border-top: 0.4rem solid #EF7575;}
.bto{border-top: 0.4rem solid #FFB07F;}

.under{border-bottom: 0.2rem solid #000000; }


.border-td{border-top: 1px dashed #9e9e9e; }
.border-bd{border-bottom: 1px dashed #9e9e9e; }

.shadow{
	box-shadow:rgba(0, 0, 0, 0.55) 0px 0px 20px 10px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.55) 0px 0px 20px 10px;
	-moz-box-shadow:rgba(0, 0, 0, 0.55) 0px 0px 20px 10px;	
}

.lg-shadow{
	box-shadow: #00e2a1 0px 0px 10px 2px;
}



.flash-wt{
	box-shadow:rgba(255, 255, 255, 0.55) 0px 0px 5px 5px;
	-webkit-box-shadow:rgba(255, 255, 255, 0.55) 0px 0px 5px 5px;
	-moz-box-shadow:rgba(255, 255, 255, 0.55) 0px 0px 5px 5px;	
	padding: 30px 20px;
}

.t-shadow{
  text-shadow: 0px 3px 0px #6B6861,
               0px 5px 2px rgba(0,0,0,0.15),
               0px 5px 2px rgba(0,0,0,0.1),
               0px 5px 2px rgba(0,0,0,0.1);
}

.t-shadow_f{
	color: #ffffff;
	text-shadow: 0 0 3px #fff,0 0 60px #fff;
}

.box-dou{
	padding: 10px;
	border: 4px double #D8BF7F;
}

.clr{clear: both;}
.fr{float:right;}
.fl{float: left;}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}