@charset "UTF-8";
/**
 * ----------------------------------------------------------------------------
 * Reset
 *
 * Thanks Destyle.css!
 * https://github.com/nicolas-cusan/destyle.css
 * ----------------------------------------------------------------------------
 */
.center {text-align: center;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{
	font-size:28px;
	line-height: 1.4;
}
.fs30{
	font-size:30px;
	line-height: 1.4;
}
.fs32{
	font-size:32px;
	line-height: 1.4;
}
.fs34{font-size:34px;}
.fs36{
	font-size:36px;
	line-height: 1.4;
}
.fs38{
	font-size:38px;
	line-height: 1.4;
}
.fs40{font-size:40px;line-height: 1.5;}
.fs42{font-size:42px;}
.fs44{font-size:44px;}
.fs46{font-size:46px;}
.fs48{font-size:48px;}
.fs50{
	font-size:50px;
	line-height: 1.4;
}
.fs55{font-size:55px;}
.fs60{font-size:60px;}
.fs65{font-size:65px;}
.fs70{font-size:70px;}
.fs75{font-size:75px;}
.fs80{font-size:80px;}

.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt170 {margin-top:170px !important;}
.mt180 {margin-top:180px !important;}
.mt190 {margin-top:190px !important;}
.mt200 {margin-top:200px !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}
.mb170 {margin-bottom:170px !important;}
.mb180 {margin-bottom:180px !important;}
.mb190 {margin-bottom:190px !important;}
.mb200 {margin-bottom:200px !important;}

.under {
	border-bottom: 1px solid #151515;
}
.red_under {
	border-bottom: 1px solid #e94733;
}
.marker {
	background: linear-gradient(transparent 60%, #f7ef69 0%);
}
.marker_gold {
	background: linear-gradient(transparent 60%, #d4a774 0%);
}
.bold {font-weight: bold;}
.torikeshi {text-decoration: line-through;}

.orange {color: #ff5b1a !important;}
.yellow {color: #f7ef69 !important;}
.gray {color: #919191 !important;}
.red {color: #e41313 !important;}
.blue {color: #4c5cb9 !important;}
.gold{color: #a27e59;}
.underline {
	text-decoration: underline;
}
/* max-width スクリーンサイズが479px以下の場合に適用 */
@media (max-width: 479px) {
	.fs26 {
		font-size: 18px;
		line-height: 1.5em;
	}
	.fs28 {
		font-size: 20px;
		line-height: 1.5em;
	}
	.fs30 {
		font-size: 21px;
		line-height: 1.5em;
	}
	.fs32 {
		font-size: 26px;
		line-height: 1.5em;
	}
	.fs36 {
		font-size: 30px;
		line-height: 1.5em;
	}
	.fs40 {
		font-size:30px;
		line-height: 1.5em;
	}
}
/* max-width スクリーンサイズが579px以下の場合に適用 */
@media screen and (max-width: 320px){
	.fs24 {font-size: 20px;}
	.fs32 {font-size: 22px;}
	.fs36 {font-size: 24px;}
}
/*デバイスごとの改行*/
/* max-width スクリーンサイズが414px以下の場合に適用 */
@media screen and (max-width: 414px) {
	br.none_414 {display: none !important;}
}
/* max-width スクリーンサイズが375px以下の場合に適用 */
@media screen and (max-width: 375px){
	br.none_375 {display: none !important;}
}
/* min-width スクリーンサイズが321px以上の場合に適用 */
@media screen and (min-width: 321px){
	br.none_320 {display: inline-block;}
}
/* min-width スクリーンサイズが320px以上の場合に適用 */
@media screen and (max-width: 320px){
	br.none_320 {display: none !important;}
}