@charset "utf-8";

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;}
.fs150{line-height: 1.6; font-size:15.0rem;}
.fs200{line-height: 1.6; font-size:20.0rem;}
.clamp1{font-size: clamp(20px, 5vw, 30px);}
.clamp2{font-size: clamp(28px, 6vw, 45px);}
.clamp3{font-size: clamp(24px, 10vw, 55px);}
.clamp4{font-size: clamp(24px, 10vw, 70px);}


.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;}
.m300{margin-top:30.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;}
.pb60{padding-bottom:6rem;}
.pb70{padding-bottom:7rem;}
.pb80{padding-bottom:8rem;}
.pb90{padding-bottom:9rem;}
.pb100{padding-bottom:10rem;}
.pb150{padding-bottom:15rem;}

.ls0{letter-spacing:0 !important;}
.lh1{line-height:1 !important;}
.lh1_1{line-height:1.1 !important;}
.lh1_2{line-height:1.2 !important;}
.lh1_3{line-height:1.3 !important;}
.lh1_4{line-height:1.4 !important;}
.lh1_5{line-height:1.5 !important;}
.lh1_6{line-height:1.6 !important;}
.lh1_7{line-height:1.7 !important;}
.lh1_8{line-height:1.8 !important;}
.lh1_9{line-height:1.9 !important;}
.lh2{line-height:2 !important;}

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

.bld{font-weight: 800;}

.red{color:#ff2a2e;}
.pink{color:#FF2B74;}
.blue{color: #1c54a8;}
.blue2{color: #0084ff;}
.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;}
.beige{color: #e7b05e;}

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

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

.bg-y{
	background: #FFF000;
	padding: 0 1rem;
}

.bg-y2{
	background: #fff562b0;
	padding: 0 1rem;
}

.bg-bk{background: #000000;}

.bg-bk2{background: #424242;}

.bg-r{
	background-color:#DE2024;
  padding: 0 1rem;
}

.center{
	text-align:center;
}

.left{text-align: left;}

.right{text-align: right;}


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

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

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

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

.mincho1 {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 300;
}

.mincho2 {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 500;
}

.mincho3 {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 700;
}

.mincho4 {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 900;
}

.gothic1{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:300;
	transform: rotate(0.03deg);
}

.gothic2{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:400;
	transform: rotate(0.03deg);
}

.gothic3{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:700;
	transform: rotate(0.03deg);
}

.gothic4{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:800;
	transform: rotate(0.03deg);
}