/* Theme Name: speed */

@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}

@media (min-width: 751px){
    html{ font-size: 62.5%; }
    body{ font-size: 2rem; }
}
@media (max-width: 750px){
    html, body{ font-size: 4.2666vw; }
}

body{
	position: relative;
	line-height: 2;
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    font-weight: 500;
	color: #000;
	user-select:none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout:none;
}

a{
	text-decoration: underline;
	color: #0170b1;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
ul, ol{ margin-left: 20px; }
table{
	margin: 1.25em 0;
	width: 100%;
	background: #fff;
	border-collapse: collapse;
}
th, td{
	padding: .375em;
	border: 1px solid #d5dcde;
	line-height: 1.4;
	font-size: .875em;
}
th{ background: #f5f7f8; }

@media (min-width: 751px){
	a:hover{ text-decoration: none; }
	a:hover img{
		opacity: .7;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.inner{
		margin: auto;
		padding: 50px 0;
		width: 750px;
	}
}

/* ------------------------------------------------
 header
------------------------------------------------ */
header{
	position: relative;
	z-index: 1;
}
header .inner.flx{
	justify-content: space-between;
	height: 50px;
	background: #fff;
}
#logo{
	flex: 1 auto;
	margin-left: 3vw;
	padding: 0 .625em;
	font-weight: bold;
	font-size: 1.25em;
}
#logo a{
	display: block;
	margin: auto;
	width: 226.2px;
	height: 36px;
	background: url(/wp-content/uploads/2020/08/logo_2.png) 0 0 no-repeat;
	background-size: contain;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.header_btn{
	flex: 0 50px;
	padding: 2px;
    box-sizing: border-box;
	text-align: center;
	font-weight: bold;
}
.header_btn a{
	position: relative;
	display: table-cell;
	padding-top: 28px;
	width: 50px;
	background: #f5bf1e;
	border-radius: 3px;
	box-sizing: border-box;
	vertical-align: middle;
	text-decoration: none;
	line-height: 1.6;
	color: #000;
}
.header_btn span{ display: block; }
.header_btn a:after{
	position: absolute;
	content: "";
	top: 4px;
	left: 50%;
	width: 24px;
	height: 24px;
	background: url(images/icon_fa.png) 0 0 no-repeat;
	background-size: 240px auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.pr{
	position: absolute;
	bottom: -25px;
}
.pr span{
	display: inline-block;
	padding: 2px 5px;
	background: rgba(0, 0, 0, 0.6);
	line-height: 1;
	color: #fff;
}

@media (min-width: 751px){
	header .inner{ padding: 0; }
	.pr{
		left: 50%;
		width: 750px;
		text-align: right;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.pr span{ font-size: 1rem; }
}
@media (max-width: 750px){
	.pr{ right: 0; }
	.pr span{
		font-size: .7rem;
	}
}
@media (min-width: 451px){
	.header_btn i{ font-size: 24px; }
    .header_btn span{ font-size: 10px; }
}
@media (max-width: 450px){
	.header_btn i{ font-size: 1.5em; }
    .header_btn span{ font-size: .625em; }
}

/* ------------------------------------------------
 main
------------------------------------------------ */
main h2, main h3, main h4{ line-height: 1.4; }
main h3, main h4, main p{ margin: 1.875em 0; }
main h2{
	padding: 1.25em .9375em;
	background: #f5bf1e;
	font-size: 1.25em;
}
main h3{
	padding: .75em;
	border: 3px solid #f5bf1e;
	font-size: 1.125em;
}
main h4{
	padding: .75em 0;
	border-top: 2px solid #f5bf1e;
	border-bottom: 2px solid #f5bf1e;
	font-size: 1em;
}

/* ------------------------------------------------
 top
------------------------------------------------ */
#top{
	position: relative;
	height: 100vh;
	background: #ffb52f;
}
#top img{
	position: absolute;
	top: 49%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
}

/* ------------------------------------------------
 lp
------------------------------------------------ */
.eyecatch{
	background: -webkit-linear-gradient(#ffb52f, #f5bf1e);
	background: linear-gradient(#ffb52f, #f5bf1e);
	text-align: center;
}

/* refine
-------------------- */
.refine h2{
	margin: 0 0 .625em;
	padding: 0;
	background: none;
	font-size: 1.125em;
}
.refine h3{
	margin: .625em 0;
	padding: 0;
	border: 0;
	font-size: 1em;
}
.refine .flx{ flex-wrap: wrap; }
.refine .flx label{
	position: relative;
	padding: .3125em .625em .3125em 1.5em;
	background: #fff;
	border-bottom: 1px solid #d5dcde;
	border-left: 1px solid #d5dcde;
	box-sizing: border-box;
	font-size: .8125em;
	-webkit-transition: .3s;
	transition: .3s;
}
.refine .flx label:before,
.refine .flx label:after{
	position: absolute;
	content: "";
}
.refine .flx label:before{
	top: .625em;
	left: .375em;
	width: .75em;
	height: .75em;
	background: #fff;
	border: 1px solid #d5dcde;
	border-radius: 3px;
}
.refine .flx label.checked{ background: #fdecb8; }
.refine .flx label.checked:after{
	top: .4375em;
	left: .625em;
	width: .25em;
	height: .625em;
	border-right: 3px solid #0170b1;
	border-bottom: 3px solid #0170b1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.refine .flx label input{ display: none; }
.refine .bt_s{ position: relative; }
.refine .bt_s:after{
	position: absolute;
	content: "";
	top: 50%;
	right: 30px;
	width: 18px;
	height: 18px;
	background: url(images/icon_fa.png) -54px 0 no-repeat;
	background-size: 180px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.refine input[type=submit]{
	padding: 1.25em;
	width: 100%;
	background: #4C4D55;
	border: 0;
	border-radius: 5px;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	-webkit-appearance: none;
}
.refine .select{
	position: relative;
	border-radius: 5px;
	font-size: .875em;
}
.refine .select:after{
	position: absolute;
	content: "";
	right: .625em;
	background-image: url(images/icon_fa.png);
	background-repeat: no-repeat;
}
.refine .select label{
	position: absolute;
	left: .625em;
    font-weight: bold;
    z-index: 1;
}
.refine .select select{
	position: relative;
	border: 2px solid transparent;
	border-radius: 5px;
	z-index: 1;
	-webkit-appearance: none;
}
.refine .select select:focus{ outline: 0; }
.bt_s{
	border: 2px solid transparent;
	border-radius: 5px;
}
.refine .select.focus select, .bt_s.on,
.refine .select.focus button{
	-webkit-animation: blink .5s infinite alternate;
	animation: blink .5s infinite alternate;
}
@-webkit-keyframes blink{
	100% { border-color: #11aa68; }
}
@keyframes blink{
	100% { border-color: #11aa68; }
}

.loading{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 1;
}
.load_box{
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 1em;
	width: 90%;
	max-width: 600px;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: .8em;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (min-width: 751px){
	.refine h2{ margin-top: 0; }
	.refine .flx{ justify-content: start; }
	.refine .flx label{
		flex: 0 24.25%;
		margin: 0 1% 5px 0;
		cursor: pointer;
	}
    .refine .flx label:nth-of-type(4n){ margin-right: 0; }
    .refine input[type=submit]{ cursor: pointer; }
    .refine input[type=submit]:hover{
    	background: #da463c;
		-webkit-transition: .3s;
		transition: .3s;
    }
    .refine .select{
	    margin-bottom: .625em;
    	padding: 0 0 .625em 300px;
    	border-bottom: 2px dotted #d5dcde
    }
    .refine .select:after{
    	top: 14px;
    	width: 18px;
    	height: 18px;
    	background-position: -18px 0;
    	background-size: 180px auto;
    	z-index: 1;
    }
    .refine .select label{ top: .1875em; }
    .refine .select select{
    	padding: .375em 1.25em;
    	width: 100%;
    	background: #fff;
    	border: 1px solid #000;
		font-size: 1em;
        cursor: pointer;
    }
    .refine .select.done:after{ background-position: -36px 0; }
	.refine .select.done .selModalButton{ background: #f1f8e9; }
}
@media (max-width: 750px){
	.refine .flx{ justify-content: space-between; }
	.refine .flx label{
		flex: 0 49%;
	    margin-bottom: 5px;
	}
    .refine .flx label:nth-of-type(even){ margin-right: 0; }
    .refine .select{
	    margin-bottom: .3125em;
		background: #fff;
		border: 1px solid #000;
	}
	.refine .select:after, .refine .select label{
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.refine .select:after{
		width: 14px;
		height: 14px;
		background-position: -14px 0;
		background-size: 140px auto;
	}
	.refine .select select{
		padding: .625em .625em .4375em 45%;
		width: 100%;
		background: none;
		font-size: .8125rem;
	}
	.refine .select.done{ background: #f1f8e9; }
	.refine .select.done:after{ background-position: -28px 0; }
}

/* ranking
-------------------- */
.ranking h2 strong{
	display: inline-block;
	border-bottom: 1px solid #000;
	font-size: 2.25em;
}
.ranking h2 span{
	font-weight: normal;
	font-size: .875em;
}
.ranking .cashing_box .ttl{
	position: relative;
	padding: .1875em 0 0 3em;
}
.ranking .cashing_box .ttl:before{
	position: absolute;
	top: -.375em;
	left: 0;
	font-size: 1.875em;
	color: #ffb52f;
}
.ranking .cashing_box:nth-of-type(1) .ttl:before{ content: "01"; }
.ranking .cashing_box:nth-of-type(2) .ttl:before{ content: "02"; }
.ranking .cashing_box:nth-of-type(3) .ttl:before{ content: "03"; }
.ranking .cashing_box:nth-of-type(4) .ttl:before{ content: "04"; }
.ranking .cashing_box:nth-of-type(5) .ttl:before{ content: "05"; }

.ranking_lp0 h2{
	padding: .9375em;
	background: #fdecb4;
	border-top: 5px solid #f6bf1e;
	border-bottom: 5px solid #f5bf1e;
}
.ranking_lp0 h2 span{
	position: relative;
	display: inline-block;
}
.ranking_lp0 h2 span:before, .ranking_lp0 h2 span:after{
    position: absolute;
    content: "";
    bottom: 0;
    width: 2px;
    height: 90%;
    background: #fb8c00;
    border-radius: 100px;
}
.ranking_lp0 h2 span:before{
	left: -30px;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.ranking_lp0 h2 span:after{
	right: -30px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.ranking_lp0 h2 strong{
	font-size: 1.2em;
	color: #fb8c00;
}

/* mokuteki/column
-------------------- */
.mokuteki h2{
	padding: 1.25em 0;
	background: none;
	font-size: 1.5em;
}
.column h2, .pickup h2{
	padding-bottom: 1em;
	background: center no-repeat transparent;
	background-size: contain;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
}
.column h2{ background-image: url(images/h2_column.png); }
.pickup h2{
	margin-bottom: 1.875em;
    background-image: url(images/h2_pickup.png);
    border-bottom: 2px solid #f5bf1e;
}
.catlist li{ margin-bottom: .9375em; }
.postlist li{
    position: relative;
    border-bottom: 1px solid #d5dcde;
}
.postlist li:last-child{ border-bottom: 0; }
.postlist li.popular{ background: #FFFDE7; }
.postlist li label{
	position: absolute;
	top: 5px;
	left: 70px;
	padding: 2px 5px 2px 2px;
	background: #ffe2ec;
	border-left: 5px solid #e97875;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	line-height: 1;
	font-weight: bold;
	font-size: .875em;
	color: #e97875;
	z-index: 1;
}
.postlist li a{
	position: relative;
	padding: .625em 1.25em .625em 0;
	text-decoration: none;
	color: #000;
}
.postlist li a:after, .bt_bl a:after,
.arclist li a:after{
	position: absolute;
	content: "";
	top: 50%;
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) -96px 0 no-repeat;
	background-size: 160px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.postlist li a:after,.arclist li a:after{
	right: 0;
	background-position: -64px 0;
}
.postlist li .thumb{ flex: 0 0 80px; }
.postlist li .thumb img{
	width: 80px;
	height: 80px;
	border-radius: 5px;
	object-fit: cover;
}
.postlist li .txt{
	flex: 1 auto;
	padding-left: .625em;
	line-height: 1.8;
	font-weight: bold;
	font-size: .875em;
}
.postlist li .txt .date{
	font-weight: normal;
	font-size: .625em;
}
.bt_bl a{
	position: relative;
	display: block;
	padding: 1.25em;
	background: #4C4D55;
	border: 0;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
}
.bt_bl a:after{ right: .625em; }
@media (min-width: 751px){
	.catlist{
		flex-wrap: wrap;
		justify-content: center;
	}
	.catlist li{ flex: 0 49%; }
	.catlist li a:hover,
	.postlist li a:hover{
		background: rgba(1, 112, 177, .1);
		-webkit-transition: .3s;
		transition: .3s;
	}
	.catlist li a:hover .txt b{ color: #0170b1; }
	.bt_bl a:hover{
		background: #0170b1;
		-webkit-transition: .3s;
		transition: .3s;
	}
}

/* pickup */
.pickup ul{ position: relative; }
.pickup .slick-arrow{
	position: absolute;
	top: 35%;
	width: 30px;
	height: 50px;
	background: #f5bf1e;
	border: 0;
	text-indent: 200%;
	white-space: none;
	overflow: hidden;
	z-index: 1;
	opacity: .7;
}
.pickup .slick-arrow:after{
	position: absolute;
	content: "";
	top: 50%;
	border: 8px solid transparent;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pickup .slick-prev{ left: 0; }
.pickup .slick-prev:after{
	left: 0;
	border-right: 12px solid #fff;
}
.pickup .slick-next{ right: 0;}
.pickup .slick-next:after{
	right: 0;
	border-left: 12px solid #fff;
}
.slick-dots{
    display: flex;
    justify-content: center;
    margin-left: 0;
    list-style: none;
}
.slick-dots li{ margin: 0 10px; }
.slick-dots button{
	width: 10px;
	height: 10px;
	background: #c4c6c6;
	border: 0;
	border-radius: 100%;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.slick-dots li.slick-active button{ background: #ffb530; }

/* ------------------------------------------------
 cashing_box
------------------------------------------------ */
.cashing_box{
	position: relative;
	margin-bottom: 3em;
	background: #fff;
	border: 2px solid #000;
	border-radius: 10px;
	box-shadow: 0 1px 20px rgba(0, 0, 0, .2);
}
.icon_nenmatsu{
	position: absolute;
	display: inline-block;
	right: 8px;
	background: url(images/card_nenmatsu.png);
	box-sizing: border-box;
	color: #fff;
}
.icon_nenmatsu span{ color: #ff0; }
.cashing_box .ttl{
	line-height: 1.4;
	font-weight: bold;
	font-size: 1.125em;
}
.cashing_box .ttl a{
	position: relative;
	display: block;
	padding-right: 1.875em;
	text-decoration: none;
	color: #000;
}
.cashing_box .ttl a:after, .res_cashing .flx .ttl a:after{
	position: absolute;
	content: "";
	right: 0;
	width: 20px;
	height: 20px;
	background: url(images/icon_fa.png) -80px 0 no-repeat;
	background-size: 200px auto;
}
.cashing_box .img a{ display: block; }
.cashing_box .catch,
.sgl_header .catch{
	line-height: 1.4;
	font-weight: bold;
	font-size: 1.125em;
}
.cashing_box table,
.sgl_header table{
	table-layout: fixed;
	margin: .625em 0 0;
}

.cashing_box table th, .cashing_box table td,
.sgl_header table th, .sgl_header table td{
	padding: .3125em;
	border: 0;
	text-align: center;
	font-size: .75em;
}
.cashing_box table th,
.sgl_header table th{
	background: none;
	color: #ffb52f;
}
.cashing_box .point_ttl strong,
.cashing_box .ng_ttl strong,
.sgl_header .point_ttl strong,
.sgl_feature .ng_box .ng_ttl strong{
	position: relative;
	padding: .3125em .9375em;
	height: 1.875em;
	background: #f5bf1e;
	font-size: .875em;
	color: #fff;
}
.cashing_box .point_ttl strong:after,
.cashing_box .ng_ttl strong:after,
.sgl_header .point_ttl strong:after,
.sgl_feature .ng_box .ng_ttl strong:after{
	position: absolute;
	content: "";
	top: 0;
	right: -1.875em;
	border-width: .9375em;
	border-style: solid;
	border-color: #f6bf1e transparent transparent #f6bf1e;
}
.cashing_box .ng_ttl strong,
.sgl_feature .ng_box .ng_ttl strong{
	background: #4c4d55;
}
.cashing_box .ng_ttl strong:after,
.sgl_feature .ng_box .ng_ttl strong:after{
	border-color: #4c4d55 transparent transparent #4c4d55;
}
.cashing_box ul li,
.sgl_header .bg_ylw ul li,
.res_cashing ul li,
.sgl_feature .ng_box .ng_list li{
	position: relative;
	padding-left: 20px;
    font-weight: bold;
    font-size: .875em;
}
.cashing_box ul li:before,
.sgl_header .bg_ylw ul li:before,
.res_cashing ul li:before,
.sgl_feature .ng_box .ng_list li:before{
	position: absolute;
	content: "";
	top: 6px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) -32px 0 no-repeat;
	background-size: 160px auto;
}
.cashing_box .ng_list li:before,
.sgl_feature .ng_box .ng_list li:before{
    background-position: -64px -16px;
}
.cashing_box .timerBox b.h,
.res_cashing .timerBox b.h{ position: relative; }
.cashing_box .timerBox b.h:before,
.res_cashing .timerBox b.h:before{
	position: absolute;
	content: "";
	left: 0;
	background-image: url(images/icon_fa.png);
	background-repeat: no-repeat;
}
.bt_gr, .bt_re{ margin: .625em 0;}
.bt_gr a{
	position: relative;
	display: block;
	padding: .9375em .625em;
	background: #11aa68;
	border-radius: 5px;
	box-shadow: 0 4px 0 #226f27;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #fff;
	-webkit-animation: anim 3s ease infinite;
	animation: anim 3s ease infinite;
}
.bt_gr a:after, .bt_re a:after{
	position: absolute;
	content: "";
	top: 50%;
	right: .625em;
	width: 18px;
	height: 18px;
	background: url(images/icon_fa.png) -108px 0 no-repeat;
	background-size: 180px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.bt_re a{
	position: relative;
	display: block;
	padding: .9375em .625em;
	background: -webkit-linear-gradient(#fd3838, #e50011);
	background: linear-gradient(#fd3838, #e50011);
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #fff;
	-webkit-animation: anim_r 3s ease infinite;
	animation: anim_r 3s ease infinite;
}
.bt_re a:after{ background-position: -18px -18px; }
.bt_fuki span{
	position: relative;
	display: block;
	margin-bottom: 5px;
	padding: 2px 5px;
	background: #d3efff;
	border: 1px solid #017bc0;
	border-radius: 5px;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	font-size: .75em;
	z-index: 1;
}
.bt_fuki span:before, .bt_fuki span:after{
	position: absolute;
	content: "";
	left: 50%;
	border: 8px solid transparent;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.bt_fuki span:before{
	bottom: -18px;
	border-top: 10px solid #017bc0;
}
.bt_fuki span:after{
	bottom: -16px;
	border-top: 10px solid #d3efff;
}
.bt_over, .bt_under{
	display: block;
	font-size: .75em;
	color: #ff0;	
}
.bt_over{ margin-bottom: -3em; }
.bt_under{ margin-top: -10px; }
@-webkit-keyframes anim{
	0%{ top: 0; }
	5%{ top: 3px; box-shadow: 0 1px 0 #226f27; }
	10%{ top: 0; box-shadow: 0 4px 0 #226f27; }
	15%{ top: 3px; box-shadow: 0 1px 0 #226f27; }
	20%{ top: 0; box-shadow: 0 4px 0 #226f27; }
	25%{ top: 3px; box-shadow: 0 1px 0 #226f27; }
	30%{ top: 0; box-shadow: 0 4px 0 #226f27; }
}
@keyframes anim{
	0%{ top: 0; }
	5%{ top: 3px; box-shadow: 0 1px 0 #226f27; }
	10%{ top: 0; box-shadow: 0 4px 0 #226f27; }
	15%{ top: 3px; box-shadow: 0 1px 0 #226f27; }
	20%{ top: 0; box-shadow: 0 4px 0 #226f27; }
	25%{ top: 3px; box-shadow: 0 1px 0 #226f27; }
	30%{ top: 0; box-shadow: 0 4px 0 #226f27; }
}
@-webkit-keyframes anim_r{
	0%, 10%, 20%, 30%{ top: 0; }
	5%, 15%, 25%{ top: 3px; }
}
@keyframes anim_r{
	0%, 10%, 20%, 30%{ top: 0; }
	5%, 15%, 25%{ top: 3px; }
}
.timerBox{
	margin-top: .3125em;
	padding: .1875em;
	background: #f5bf1e;
	border-radius: 3px;
	text-align: center;
	line-height: 1;
	font-size: .75em;
}
.timerBox dt{ flex: 1; }
.timerBox dd{
	display: inline-block;
	flex: 1;
	padding: .3125em;
	background: #4c4d55;
	border-radius: 3px;
	color: #fff;
}
@media (min-width: 751px){
	.icon_nenmatsu{
		top: -32px;
		padding: 0.4em 1em;
		height: 30px;
		background-size: 30px auto;
		font-size: 12px;
	}
	.cashing_box .m_p15{ padding: 30px 40px; }
	.cashing_box .ttl a:hover{
		background: rgba(1, 112, 177, 0.1);
		color: #0170b1;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.cashing_box .img{
		flex: 0 0 300px;
		margin: 1.25em 0;
	}
	.cashing_box .spec{
		flex: 1 auto;
		padding-left: 1.5em;
	}
	.cashing_box .spec table{ display: flex; }
	.cashing_box .spec thead{ flex: 0 0 20%; }
	.cashing_box .spec tbody{ flex: 0 0 80%; }
	.cashing_box .spec tr{
		display: block;
		width: 100%;
	}
	.cashing_box .spec th, .cashing_box .spec td{
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid #d5dcde;
		text-align: left;
	}
	.cashing_box .spec td{ padding-left: 20px; }
	.cashing_box .point_ttl,
	.cashing_box .ng_ttl,
	.sgl_header .point_ttl{
		margin: -30px 0 .625em -40px;
		line-height: 1.6;
	}
	.cashing_box .timerBox b.h,
	.res_cashing .timerBox b.h{padding-left: 18px; }
	.cashing_box .timerBox b.h:before,
	.res_cashing .timerBox b.h:before{
		top: 1px;
		width: 16px;
		height: 16px;
		background-position: -112px 0;
		background-size: 160px auto;
	}
	.bt_gr a:hover{
		box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
	    -webkit-animation: none;
	    animation: none;
	}
}
@media (max-width: 750px){
	.icon_nenmatsu{
		top: calc(-7vw - 2px);
		padding: 0.2em 1em;
		height: 7vw;
		background-size: 8vw auto;
		font-size: .75em;
	}
	.cashing_box table thead{ border-bottom: 1px solid #d5dcde; }
	.cashing_box .img{ margin: .625em 2.5em .9375em; }
	.cashing_box .point_ttl,
	.cashing_box .ng_ttl,
	.sgl_header .point_ttl{
		margin: -.9375em 0 .625em -.9375em;
		line-height: 1.6;
	}
	.cashing_box .timerBox b.h,
	.res_cashing .timerBox b.h{ padding-left: 14px; }
	.cashing_box .timerBox b.h:before,
	.res_cashing .timerBox b.h:before{
		width: 12px;
		height: 12px;
		background-position: -84px 0;
		background-size: 120px auto;
	}
}

/* ------------------------------------------------
 single
------------------------------------------------ */
.sgl_header h1{
	background: #f5bf1e;
	font-size: 1.25em;
}
.sgl_header .icon_nenmatsu{
	position: static;
	display: block;
	margin-top: -1em;
	text-align: center;
}
.sgl_header .img{ position: relative; }
.sgl_header .img:after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 50%;
	background: #f5bf1e;
	z-index: -1;
}
.sgl_header .img img{ box-shadow: 0 1px 20px rgba(0, 0, 0, .2); }
.sgl_header thead{ border-bottom: 1px solid #d5dcde; }
.sgl_header .feature{
	flex-wrap: wrap;
	justify-content: space-between;
}
.sgl_header .feature li{
	position: relative;
    flex: 0 23%;
    margin-bottom: .625em;
    padding: .9375em 0;
    background: #d5dcde;
    border-radius: 5px;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    font-size: .875em;
    color: #fff;
}
.sgl_header .feature.au li:after{
	position: absolute;
	content: "×";
	top: 50%;
	left: 50%;
	font-weight: bold;
	font-size: 4em;
	color: #f00;
	opacity: .2;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.sgl_header .feature li a{
	display: block;
	text-decoration: none;
	color: #fff;
}
.sgl_header .feature li.on{ background: #f5bf1e; }
.sgl_header .feature.au li.on:after{ content: ""; }
.sgl_feature dl{
	margin: .625em 0 .9375em;
	background: #fff;
	border-radius: 5px;
}
.sgl_feature dt{
	padding: 2.25em 4.25em 1.25em .9375em;
	line-height: 1.2;
	font-weight: bold;
	font-size: 1.125em;
}
.sgl_feature dt{ position: relative; }
.sgl_feature dt span:before{
	position: absolute;
	top: .9375em;
    font-size: .875em;
    color: #ffb52f;
}
.sgl_feature dl:nth-of-type(1) dt span:before{ content: "01"; }
.sgl_feature dl:nth-of-type(2) dt span:before{ content: "02"; }
.sgl_feature dl:nth-of-type(3) dt span:before{ content: "03"; }
.sgl_feature dl:nth-of-type(4) dt span:before{ content: "04"; }
.sgl_feature dl:nth-of-type(5) dt span:before{ content: "05"; }
.sgl_feature dl:nth-of-type(6) dt span:before{ content: "06"; }
.sgl_feature dl:nth-of-type(7) dt span:before{ content: "07"; }
.sgl_feature dl:nth-of-type(8) dt span:before{ content: "08"; }
.sgl_feature dl:nth-of-type(9) dt span:before{ content: "09"; }
.sgl_feature dl:nth-of-type(10) dt span:before{ content: "10"; }
.sgl_feature .accordion dt:before{ right: calc(14px + .625em); }
.sgl_feature .accordion dt:after{ right: .625em; }
.sgl_feature dd{ padding: 0 .9375em 1.25em; }
.sgl_feature .attention{
	margin-top: 2em;
	background: #fce2e5;
	border-radius: 5px;
}
.sgl_feature .attention .ttl{
	position: relative;
	border-bottom: 1px dotted #e61b08;
	font-weight: bold;
	font-size: 1.125em;
	color: #e61b08;
}
.sgl_feature .attention .ttl:before,
.sgl_feature .attention .ttl:after{
	position: absolute;
	content: "";
}
.sgl_feature .attention .ttl:before{
	top: -2em;
	background: url(images/icon_attention.png) 0 0 no-repeat;
}
.sgl_feature .attention .ttl:after{
	right: 0;
	background: url(images/bg_attention.png) 0 0 no-repeat;
}
.sgl_feature .ng_box{
	margin-top: 1em;
	padding-bottom: 10px;
	background: #ddd;
	border: 2px solid #ccc;
	border-radius: 5px;
}
.sgl_feature .ng_box .ng_ttl strong{ border-radius: 5px 0 0 0; }
.sgl_info dt{
	padding: .3125em 0;
	border-bottom: 1px solid #d5dcde;
	font-weight: bold;
}
.sgl_info th{ text-align: left; }
@media (min-width: 751px){
	.sgl_header .inner{ padding-top: 30px; }
	.sgl_header h1{ padding: .625em 0; }
	.sgl_header .catch{ text-align: center; }
	.sgl_header .bg_ylw{ padding: 20px 30px; }
	.sgl_header .feature li{ flex: 0 12%; }
	.sgl_feature .attention .ttl:before{
		left: -1em;
		width: 55px;
		height: 48px;
		background-size: 55px auto;
	}
	.sgl_feature .attention .ttl:after{
		width: 76.5px;
		height: 65.5px;
		background-size: 76.5px auto;
		top: -0.9em;
	}
    .sgl_feature .ng_box .ng_ttl{ margin: -24px 0 0 -30px; }
	.sgl_info th{ width: 20%; }
	.single .sgl_header .inner,
	.search .sgl_header .inner,
	.category .sgl_header .inner{ padding: 0; }
	.single .inner:nth-of-type(2){ padding-top: 0; }
}
@media (max-width: 750px){
	.sgl_header h1{ padding: .625em; }
	.sgl_header .img{ padding: 0 .625em; }
	.single .sgl_header .date{ padding: 0 1.25em 1.25em; }
    .sgl_header .feature li{ flex: 0 23%; }
	.sgl_feature .attention .ttl{ padding-left: 12vw; }
	.sgl_feature .attention .ttl:before{
		top: -2em;
		left: 0;
		width: 14.6666vw;
		height: 12.8vw;
		background-size: 14.6666vw auto;
	}
	.sgl_feature .attention .ttl:after{
		top: -1.6em;
		width: 20.4vw;
		height: 17.4666vw;
		background-size: 20.4vw auto;
	}
    .sgl_feature .ng_box .ng_ttl{ margin: -1.15em 0 0 -.9375em; }
	.sgl_info th, .sgl_info td{
		display: block;
		border-top: 0;
		font-size: .75em;
	}
	.sgl_info tr:first-child th{ border-top: 1px solid #d5dcde; }}
}

/* ------------------------------------------------
 search
------------------------------------------------ */
.search .sgl_header .data{
	padding: 0 .3125em .3125em;
	line-height: 1.2;
}
.search .sort{
	justify-content: space-around;
	border-top: 1px solid #d5dcde;
	border-bottom: 1px solid #d5dcde;
}
.search .sort label{
	flex: 0 33%;
	padding: .625em;
	border-bottom: 2px solid transparent;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	font-size: .875em;
}
.search .sort label input{ display: none; }
.search .sort label span{
	position: relative;
	display: block;
}
.search .sort label span:after{
	line-height: 1;
	font-size: 1.2em;
}
.search .sort label .up:after{
    content: "▼";
    color: #0170b1;
}
.search .sort label .down:after{
    content: "▲";
    color: #e65808;
}
.res_cashing{
	position: relative;
	padding: .9375em;
	border-bottom: 1px solid #d5dcde;
}
.res_cashing .flx{
    justify-content: space-between;
    align-items: start;
    line-height: 1.2;
}
.res_cashing .flx .img{
	flex: 0 0 120px;
	padding-top: .3125em;
}
.res_cashing .flx .txt{
	flex: 1 auto;
	padding-left: .625em;
}
.res_cashing .flx .ttl{ font-weight: bold; }
.res_cashing .flx .ttl a{
	position: relative;
	display: block;
	padding-right: .625em;
    text-decoration: none;
    color: #000;
}
.res_cashing .flx table tr{ border-bottom: 1px solid #d5dcde; }
.res_cashing .flx table th, .res_cashing .flx td{
	padding: .3125em 0;
	border: 0;
	font-size: .75em;
}
.res_cashing .flx table th{
	width: 5em;
	background: none;
	text-align: left;
	color: #ffb52f;
}
.res_cashing.sl{
	margin: 2.5em .625em;
	padding: .9375em .625em;
	border: 2px solid #000;
	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
}
.res_cashing .timerBox{ align-items: center; }
.sp_box{
	margin-bottom: .9375em;
	padding: .625em .9375em;
	border: 1px solid #000;
	border-radius: 10px;
}
.sp_box .txt{
    flex: auto 1 0;
    padding-left: .625em;
    line-height: 1.8;
}
.sp_box .ttl a{
	position: relative;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.25em;
	color: #000;
}
.sp_box .ttl a:after{
	position: absolute;
	top: 8px;
	right: 0;
	content: "";
    width: 20px;
    height: 20px;
    background: url(images/icon_fa.png) -60px -20px no-repeat;
    background-size: 200px auto;
}
.sp_box ul li{
	background: url(/wp-content/uploads/2020/10/icon_maru2.png) 0 center no-repeat;
	font-weight: bold;
}
.sp_box .bt_gr a{ padding: .625em; }
@media (min-width: 751px){
	.sp_box .img{ flex: 150px 0 0; }
	.sp_box ul li{
		padding-left: 36px;
		background-size: 30px;
	}
}
@media (max-width: 750px){
    .sp_box .img{ flex: 30% 0 0; }
    .sp_box ul li{
	    padding-left: 1.25em;
	    background-size: 4.8vw;
	}
}

/* ------------------------------------------------
 archive
------------------------------------------------ */
.arclist li{ border-bottom: 1px solid #d5dcde; }
.arclist li a{
	position: relative;
	text-decoration: none;
	color: #000;
}
.arclist li a .thumb{ flex: 0 0 80px; }
.arclist li a .thumb img{
	width: 80px;
	height: 80px;
	border-radius: 5px;
	object-fit: cover;
}
.arclist li a .txt{
	flex: 1 auto;
	padding-left: 0.625em;
	line-height: 1.4;
	font-size: .75em;
}
.arclist li a .ttl{
	margin-bottom: .3125em;
	font-weight: bold;
	font-size: 1.16em;
}
.arclist li a .date{
	margin: .3125em;
	text-align: right;
	color: #707070;
}
.pagenation ul{
	display: flex;
	justify-content: start;
	margin-left: 0;
	list-style: none;
}
.pagenation li{
	flex-basis: 30px;
	margin: .625em 0 .625em .625em;	
}
.pagenation li.active, .pagenation li a{
	width: 30px;
	height: 30px;
	border: 1px solid #f5bf1e;
	text-align: center;
	line-height: 30px;
}
.pagenation li.active{ background: #f5bf1e; }
.pagenation li a{
	display: block;
	text-decoration: none;
	color: #ffb52f;
}
@media (min-width: 751px){
	.arclist li a{ padding: .625em 1.25em .625em 0; }
	.arclist li a:after{ right: 0; }
	.arclist li a:hover{
		background: rgba(1, 112, 177, 0.1);
		-webkit-transition: .3s;
		transition: .3s;
	}
	.pagenation li:first-child{ margin-left: 0; }
	.pagenation li a:hover{
		background: #f5bf1e;
		color: #fff;
		-webkit-transition: .3s;
		transition: .3s;
	}
}
@media (max-width: 750px){
	.arclist li a{ padding: 1.2em; }
	.arclist li a:after{ right: .625em; }
}

/* ------------------------------------------------
 contact
------------------------------------------------ */
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 textarea{
	padding: .3125em;
	width: 100%;
	border: 1px solid #d5dcde;
	border-radius: 3px;
	box-sizing: border-box;
	font-size: 1em;
	-webkit-appearance: none;
}
.bt_bl input[type=submit]{
	margin-top: .625em;
	padding: 1em 1.25em;
	width: 100%;
	background: #4c4d55;
	border: 0;
	border-radius: 5px;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	-webkit-appearance: none;
}

/* ------------------------------------------------
 footer
------------------------------------------------ */
footer{ font-size: .875em; }
.footer_menu li{
	margin: 0 1.25em .625em 0;
	font-size: .75em;
}
.footer_menu li a{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
#copyright{
	line-height: 1.2;
	font-size: .625em;
	color: #fff;
}
@media (min-width: 751px){
	footer .inner{ padding: 30px 0; }
}

/* ------------------------------------------------
 popup
------------------------------------------------ */
#pop{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 1;
}
.pop_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	max-width: 600px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pop_close{
	border: 2px solid #fff;
	border-radius: 10px;
}

/* ------------------------------------------------
 lp_mobit
------------------------------------------------ */
.lp_mobit .eyecatch{ background: none; }
.lp_mobit .inner{ padding-bottom: 2em; }
.lp_mobit dl.timer{
	margin-bottom: 1.5em;
	padding: .5em;
	background: #9c0;
	font-size: 1em;
}
.lp_mobit dl.timer dt{
	font-weight: bold;
	color: #02411e;
}
.lp_mobit dl.timer dd{
	background: #333;
	color: #ff0;
}
.lp_mobit dl.timer dd b{ font-size: 1.5em; }
.lp_mobit h2{
	padding: .2em 1em .5em;
	background: #004b34;
	border-bottom: 4px solid #bdd630;
	text-align: center;
	font-size: 1.5em;
	color: #fff;
}
.lp_mobit h2 span{ font-size: .7em; }
.lp_mobit h3{
	position: relative;
	padding: .5em;
	background: #ff8c01;
	border: 0;
	text-align: center;
	color: #fff;
}
.lp_mobit h3:after{
	position: absolute;
	content: "";
	bottom: -20px;
	left: 50%;
	border: 10px solid transparent;
	border-top: 10px solid #ff8c01;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.lp_mobit .box_point{
	margin-top: 3em;
	padding: 1em;
	border: 2px solid #ff8c01;
}
.lp_mobit .box_point h3{ margin: -3em .5em 1em; }
.lp_mobit .box_point ol li{
	position: relative;
	margin: 1.5em 0;
	line-height: 1.6;
	list-style: none;
}
.lp_mobit .box_point ol li:last-child{ margin-bottom: .5em; }
.lp_mobit .box_point ol li:before{
	position: absolute;
	left: -1.2em;
}
.lp_mobit .box_point ol li:nth-of-type(1):before{ content: "①"; }
.lp_mobit .box_point ol li:nth-of-type(2):before{ content: "②"; }

/* ------------------------------------------------
 styles
------------------------------------------------ */
.hide{ display: none; }
.layer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}
.flx{
    display: flex;
    align-items: center;
}
.li_n{ list-style: none; }
th.sub{ background: #f5bf1e; }
td.maru2, td.maru, td.sankaku, td.batsu{
	position: relative;
	height: 50px;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff;
	z-index: 0;
}
td.maru2:after, td.maru:after, td.sankaku:after, td.batsu:after{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 3em;
	z-index: -1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
td.maru2:after, td.maru:after, td.batsu:after{
	content: "";
	width: 48px;
	height: 48px;
	background-image: url(images/icon_fa.png);
	background-size: 480px auto;
}
td.maru2:after{ background-position: -240px -48px; }
td.maru:after{ background-position: -288px -48px; }
td.batsu:after{ background-position: -336px -48px; }
td.sankaku:after{
	content: "▲";
	color: #fddb6a;
}
.txtlink a{
	position: relative;
	padding-right: 14px;
	text-decoration: none;
	font-weight: bold;
	font-size: .875em;
}
.txtlink a:after{
	position: absolute;
	content: "";
	top: 2px;
	right: 0;
	width: 14px;
	height: 14px;
	background: url(images/icon_fa.png) -70px 0 no-repeat;
	background-size: 140px auto;
}
.accordion dt{
	position: relative;
	padding-right: 4.25em;
}
.accordion dt:before,
.accordion dt:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.accordion dt:before{
	content: "開く";
	right: 12px;
	font-weight: bold;
	font-size: .625em;
	color: #ffb52f;
}
.accordion dt:after{
	content: "";
	right: 0;
	width: 10px;
	height: 10px;
	background: url(images/icon_fa.png) -80px 0 no-repeat;
	background-size: 100px auto;
}
.accordion dt.open:before{ content: "閉じる"}
.accordion dt.open:after{ background-position: -90px 0; }
.accordion dd{ display: none; }
.accordion.box{
	margin: 1.25em 0;
    border: 1px solid #000;
    border-radius: 10px;
}
.accordion.arw{
	position: relative;
	margin-bottom: 1.875em;
}
.accordion.arw:after{
	position: absolute;
	content: "";
	bottom: -2.5em;
	left: 50%;
	border: 1.25em solid transparent;
	border-top: .625em solid #ffb52f;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
ul.checklist{
	margin-left: 0;
	list-style: none;
}
ul.checklist li{
	position: relative;
	margin: 1.25em 0;
	padding-left: 20px;
}
ul.checklist li:before{
	position: absolute;
	content: "";
	left: 0;
	background-image: url(images/icon_fa.png);
	background-repeat: no-repeat;
}
p.check{
	position: relative;
	margin-bottom: -1.25em;
	padding: 0 10px 0 30px;
	background: #fff;
	border: 2px solid #ffb52f;
	border-radius: 5px;
	font-weight: bold;
	font-size: 1.125em;
	z-index: 0;
}
p.check:before{
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    background: url(images/icon_fa.png) 0 -22px;
    background-size: 220px auto;
}
p.check.bad{ border-color: #e61b08; }
p.check.bad:before{ background-position: -44px -22px; }
.box p:first-child{ margin-top: .625em; }
.box p:last-child{ margin-bottom: .625em; }
.bg_wh{ background: #fff; }
.bg_gry{ background: #f5f7f8; }
.bg_ora{ background: #f5bf1e; }
.bg_ylw{ background: #fdecb4; }

.al-l, .alignleft{ text-align: left; }
.al-c, .aligncenter{ text-align: center; }
.al-r, .alignright{ text-align: right; }
img.alignleft{ float: left; }
img.aligncenter{
	display: block;
	margin: auto;
}
img.alignright{ float: right; }

.f14{ font-size: .875em; }
.f12{ font-size: .75em; }

.marker{
	background: -webkit-linear-gradient(transparent 60%, #f5bf1e 60%);
	background: linear-gradient(transparent 60%, #f5bf1e 60%);
	
}
.notes{
	line-height: 1.4;
	font-size: .75em;
	color: #707070;
}
.b{ font-weight: bold; }
.red{ color: #e61b08; }
.orange{ color: #ffb52f; }
.gry{ color: #999; }
.white{ color: #fff; }

@media (min-width: 751px){
	.sp{ display: none; }
	.p_flx{
		display: flex;
		align-items: center;
	}
	.txtlink a:hover{ text-decoration: underline;}
	.accordion dt{ cursor: pointer; }
	.box{ padding: 20px 30px; }
	ul.checklist li:before{
		top: 9px;
		width: 20px;
		height: 20px;
		background-position: -40px 0;
		background-size: 200px auto;
	}
	p.check:before{
		left: 5px;
		top: 7px;
	}
}
@media (max-width: 750px){
	.pc{ display: none; }
	.m_p15, .box{ padding: .9375em; }
	.contents{ padding: 0 .9375em 2.5em; }
	ul.checklist li:before{
		top: 7px;
		width: 16px;
		height: 16px;
		background-position: -32px 0;
		background-size: 160px auto;
	}
	p.check:before{
		left: 4px;
		top: 4px;
	}
}

.m0{ margin: 0!important; }
.mt0{ margin-top: 0!important; }
.mb0{ margin-bottom: 0!important; }
.ml0{ margin-left: 0!important; }
.mr5{ margin-right: 5px!important; }
.mt10{ margin-top: .625em!important; }
.mb10{ margin-bottom: .625em!important; }
.mt20{ margin-top: 1.25em!important; }
.mb20{ margin-bottom: 1.25em!important; }
.mt30{ margin-top: 1.875em!important; }
.ml30{ margin-left: 1.875em!important; }

.p0{ padding: 0!important; }
.pt0{ padding-top: 0!important; }
.pb0{ padding-bottom: 0; }
.p15{ padding: .9375em!important; }
.pb40{ padding-bottom: 2.5em!important; }