@charset "utf-8";


/*　fontstyle
*********************************************************/
html { 
  font-size: 100%; /*16px */
}


.fs12{line-height: 1.6; font-size:0.75rem;}
.fs15{line-height: 1.6; font-size:0.9375rem;}
.fs17{line-height: 1.6; font-size:1.0625rem;}
.fs20{line-height: 1.6; font-size:1.25rem;}
.fs22{line-height: 1.6; font-size:1.375rem;}
.fs25{line-height: 1.6; font-size:1.5625rem;}
.fs30{line-height: 1.6; font-size:1.875rem;}
.fs35{line-height: 1.6; font-size:2.1875rem;}
.fs40{line-height: 1.6; font-size:2.5rem;}
.fs45{line-height: 1.6; font-size:2.8125rem;}
.fs50{line-height: 1.6; font-size:3.125rem;}
.fs55{line-height: 1.6; font-size:3.4375rem;}
.fs60{line-height: 1.6; font-size:3.75rem;}
.fs65{line-height: 1.6; font-size:4.0625rem;}
.fs70{line-height: 1.6; font-size:4.375rem;}
.fs130{line-height: 1.6; font-size:8.125rem;}

.m10{margin-top:0.625rem;}
.m20{margin-top:1.25rem;}
.m30{margin-top:1.875rem;}
.m40{margin-top:2.5rem;}
.m50{margin-top:3.125rem;}
.m60{margin-top:3.75rem;}
.m70{margin-top:4.375rem;}
.m80{margin-top:5rem;}
.m90{margin-top:5.625rem;}
.m100{margin-top:6.25rem;}
.m120{margin-top:7.5rem;}
.m150{margin-top:9.375rem;}
.m200{margin-top:12.5rem;}

.mb15{margin-bottom:0.9375rem;}
.mb30{margin-bottom:1.875rem;}
.mb50{margin-bottom:3.125rem;}
.mb100{margin-bottom:6.25rem;}

.p10{padding-top:0.625rem;}
.p20{padding-top:1.25rem;}
.p30{padding-top:1.875rem;}
.p40{padding-top:2.5rem;}
.p50{padding-top:3.125rem;}
.p60{padding-top:3.75rem;}
.p70{padding-top:4.375rem;}
.p80{padding-top:5rem;}
.p90{padding-top:5.625rem;}
.p100{padding-top:6.25rem;}
.p130{padding-top:8.125rem;}
.p150{padding-top:9.375rem}
.p170{padding-top:10.625rem;}

.pd50{padding-bottom:3.125rem;}
.pd100{padding-bottom:6.25rem;}
.pd150{padding-bottom:9.375rem;}


.bld{font-weight: bold;}
.nml{font-weight: normal;}
.str{text-decoration: line-through;}
.und{text-decoration: underline;}


.red{color:#FF2E00;}
.blue{color: #2020A0;}
.yellow{color:#EDD524;}
.orange{color: #FF6F16;}
.gleen{color: #1D4C12;}
.bk{color: #000000;}
.wt{color: #ffffff;}

.bg-y{background: #FFF000;}
.bg-bk{background: #000000;}
.bg-red{background-color:#EA2C07; }
.bg-gr{background-color: #9B9B9B;}

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

.area-lty{
	background:#fdf7a8;
	padding: 20px;
}

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

.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 14px 10px rgba(0,0,0,0.15),
               0px 24px 2px rgba(0,0,0,0.1),
               0px 34px 30px rgba(0,0,0,0.1);
}

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

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