@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;}

.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%;}

.mcenter{margin-left: auto; margin-right: 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;}
.dot{text-decoration: underline dotted;}

.red{color:#DE2024;}
.pink{color:#FF2B74;}
.blue{color: #1c54a8;}
.sky{color: #00abff;}
.yellow{color:#ffff00;}
.orange{color: #FEBB48;}
.orange-k{color: #ff7f00;}
.green{color: #4EA63E;}
.bk{color: #000000;}
.wt{color: #ffffff;}
.gray{color: #adadad;}
.blown{color: #440808;}

.gold{
	background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em);
	-webkit-background-clip: text;
	color: transparent;
}
.gold2{
	background-image: linear-gradient(0deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
	-webkit-background-clip: text;
	color: transparent;
}
.gold3{
	background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
	-webkit-background-clip: text;
	color: transparent;
}
.gold4{
	color: transparent;
	background: repeating-linear-gradient(135deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em); 
	-webkit-background-clip: text;
}

.silver{
	color: transparent;
	background: repeating-linear-gradient(135deg, #757575 0.1em, #9E9E9E 0.2em, #E8E8E8 0.3em, #9E9E9E 0.4em, #757575 0.5em); 
	-webkit-background-clip: text;
}

.bg-y{background: #FFF000;}
.bg-bk{background: #000000;}
.bg-r{background-color:#DE2024; }
.bg-g{background-color:#4EA63E; }
.bg-vio{background-color:#5D23BA; }
.bg-lg{background-color: #BBDD64;}
.bg-bl{background-color: #1c54a8;}
.bg-sky{background-color: #0FC1B2;}
.bg-gr{background-color: #9B9B9B;}
.bg-o{background-color: #FEBB48;}
.bg-wt{background-color: #ffffff;}
.bg-pk{background-color: #FF2B74;}

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

.prl10{
	padding-right: 1.6rem;
	padding-left: 1.6rem;
}

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


.area-gr{
	background:#F7F6F4;
	border: 1px solid #dddddd;
}

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


.lh1{line-height:1!important;}
.lh11{line-height:1.1!important;}
.lh12{line-height:1.2!important;}
.lh13{line-height:1.3!important;}
.lh14{line-height:1.4!important;}
.lh15{line-height:1.5!important;}


.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;}

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

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

.area-dot{
	background-image: url("https://www.transparenttextures.com/patterns/white-carbon.png");
}


.shadow{
	box-shadow: 0 0px 25px #000000;
}

.shadow-s{
	box-shadow: 0 0px 10px #9e9e9e;
}

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

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


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

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

.flash-sky{
	filter: drop-shadow(0px 0px 20px rgba(83,224,252,1));
}

.flash-in{
	box-shadow: 0 0 13px 5px #ffffff inset;
}

.t-shadow{
	 text-shadow: 0 2px 15px rgba(0, 0, 0, 1);

}

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

.box-dou{
	padding: 10px;
	border: 0.5rem solid #000000;
	box-shadow:rgba(104, 66, 30, 0.5) 0px 0px 15px 5px inset;
	-webkit-box-shadow:rgba(104, 66, 30, 0.5) 0px 0px 15px 5px inset;
	-moz-box-shadow:rgba(104, 66, 30, 0.5) 0px 0px 15px 5px inset;	
}

.area-cwt{
	background-color: rgba(255,255,255,0.7);
}

.area-cbk{
	background-color: rgba(0,0,0,0.5);
}

.area-cgr{
	background-color: rgba(20, 170, 0, 0.5);
}


.marker{
    background: linear-gradient(transparent 60%, #FDF38C 60%);
}

.marker-r{
    background: linear-gradient(transparent 60%, #c01111 60%);
}


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

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

.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}

.grad{
	animation: example 3s linear infinite;
	width: 100%;
	background: linear-gradient(to right, #EEDD95 0%, #e1e0e5 50%, #EEDD95 100%) 0% center / 200% auto;
	text-shadow:none;
	display: inline-block;
}

@keyframes example {
	to { background-position-x: 200%; }
}