@charset "utf-8";


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

}

.indent-f {
	text-indent: 1em;
	padding-left: 1em;
}

.indent-b {
	text-indent: -1em;
	padding-left: 2em;
}


.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;
}
.tSL{  font-size: clamp(2.0rem, 6vw, 3.5rem);}

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

.pb60 {
	padding-bottom: 6rem;
}

.pb70 {
	padding-bottom: 7rem;
}

.pb80 {
	padding-bottom: 8rem;
}

.pb90 {
	padding-bottom: 9rem;
}

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

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

.gradation_text1 {
	background: linear-gradient(to right, #FFFFFF 0%, #f9ef93 25%, #ffe500 50%, #f9ef93 75%, #FFFFFF 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}

.gradation_text2 {
	background: linear-gradient(to right, #FFFFFF 0%, #EEEEEE 25%, #999999 50%, #EEEEEE 75%, #FFFFFF 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}

.gradation_text3 {
	background: linear-gradient(to right, rgba(217, 217, 217, 1) 0%, rgba(157, 220, 220, 1) 10%, rgba(207, 207, 207, 1) 23%, rgba(75, 224, 224, 1) 51%, rgba(193, 193, 193, 1) 61%, rgba(138, 231, 231, 1) 71%, rgba(211, 213, 213, 1) 83%, rgba(228, 226, 225, 1) 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}

.gradation_text4 {
	background: linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(186, 186, 186, 1) 14%, rgba(255, 255, 255, 1) 32%, rgba(156, 156, 156, 1) 41%, rgba(235, 235, 235, 1) 52%, rgba(255, 255, 255, 1) 68%, rgba(173, 173, 173, 1) 85%, rgba(255, 255, 255, 1) 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}

.gradation_text5 {
	background: linear-gradient(to right, #82defe 16.6%, #fe8ece 33.2%, #feaba5 49.8%, #fff7a2 66.4%, #63c091 83%, #82defe 100%) 0% center / 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation: gradation_text 4s linear infinite;
}


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

.red {
	color: #ff2a2e;
}

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

.beige {
	color: #e7b05e;
}


.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-bk {
	background: #000000;
}

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

.bg-r2 {
	background-color: #DE2024;
	padding: 0 1rem;
	border: 1px solid #971c1e;
	border-radius: 30px;
}

.bg-y2 {
	background-color: #decb20;
	padding: 0 1rem;
	border: 1px solid #95971c;
	border-radius: 30px;
}
.bg-vio2 {
	background-color: #840cb4;
	padding: 0 1rem;
	border: 1px solid #840cb4;
	border-radius: 30px;
}

.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: #ececec;
}

.bg-dgr {
	background-color: #7e7e7e;
}

.bg-o {
	background-color: #FEBB48;
}

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

.bg-pk {
	background-color: #FF2B74;
}

.bg-p {
	background-color: #ffcbde;
}

.bg-dy {
	background: #fc0 !important
}

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


.txShadowY{text-shadow: 0 0 10px #fff700;}

.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: 0.5rem 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 0px 10px rgba(0, 0, 0, 0.4);
}

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

.fuchidori_bk {
	-webkit-text-stroke: 5px black;
	paint-order: stroke;
}

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

.marker-y {
	background: linear-gradient(transparent 60%, #fffb0e 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%;
	}
}


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

.new {
	padding-right: 20px;
	letter-spacing: 1px;
	padding: 3px 10px;
	margin: 0 30px 0 0;
	line-height: 1;
	display: inline-block;
	padding: 4px 8px;
	white-space: nowrap;
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 700;
}

.green-lights {
	text-shadow:
		5px 3px 6px #00ffffb3,
		-5px 3px 6px #00ffffb3,
		5px -3px 6px #00A99D,
		-5px -3px 6px #00A99D,
		5px 0px 6px #00A99D,
		0px 3px 6px #00A99D,
		-5px 0px 6px #00A99D,
		0px -3px 6px #00A99D;
}