@charset "utf-8";
/* CSS Document */

@media screen and (max-width:480px) {

.guide-box{
	width:95vw;height:57vw;
	text-align:left;
	margin:0 auto;
	font-size:0;
}
.guide-box .guidebtn{
	display:inline-block;
	width:45%;height:9vw;
	line-height:9vw;
	border:0.6vw solid #534741;
	font-size:4vw;
	margin:2vw calc(2.5% - 0.6vw);
	border-radius:4.5vw;
	text-align:center;
}
.guide-box .act:hover{
	color:white;
	background:#534741;
	transition:all 0.3s;
}
.textsection2 h2{
	margin:9.5vw auto;
	font-size:5.1vw;
	background:#ddd;
	line-height:9.1vw;
	height:9.1vw;
}

.acd-check{
    display: none;
}
.acd-label{
    display: block;
    margin: 0 auto;
    position: relative;
    width:86.4vw;height:4.2vw;
    font-size:4.1vw;
    line-height:4.2vw;
    padding:3vw 0 3vw 3vw;
    border:#898989 0.3vw solid;
    border-radius:2.1vw;
}
.acd-label h3{
    font-size:4.1vw;
    text-align:left;
}
.acd-label:after{
    box-sizing: border-box;
    content: '▼';
    display: block;
    height: 4.2vw;
    padding: 3vw;
    position: absolute;
    right: 0;
    top: 0;
}
.acd-content{
    border:#898989 0.3vw solid;
    border-bottom-right-radius:2.1vw;
    border-bottom-left-radius:2.1vw;
    border-top:none;
    display: block;
    width:83.4vw; height: 0;
    margin:auto;
    margin-top:-2vw;
    opacity: 0;
    padding: 4vw 3vw 0 3vw;
    visibility: hidden;
}
.acd-content-view{
    border:#898989 0.3vw solid;
    border-radius:2.1vw;
    display: block;
    width:87.4vw; height: auto;
    margin:auto;
    padding: 2vw;
}
.acd-check:checked + .acd-label:after{
    content: '▲';
}
.acd-check:checked + .acd-label{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    border-bottom:none;
    height:auto;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;
    margin-bottom:2vw;
}
.guide-wrap{
	width:95%;height:auto;
	margin:-2vw auto 4vw auto;
	border-top:0.3vw #898989 dotted;
	padding:0 2.5%;
	position:relative;
}
.acd-content-view .guide-wrap{
	margin:-2vw auto 0 auto;
	border-top:none;
}

.guide-wrap p{
	margin-bottom:4vw;
}
.guide-wrap p:last-child{
	margin-bottom:0;
}
.guide-wrap .guide-a-text{
	width:100%;height:auto;
	display:inline-block;
	padding:4vw 0 4vw 0;
	vertical-align:top;
}
.guide-wrap .guide-a-text3{
	width:100%;height:auto;
	display:inline-block;
	padding:4vw 0 0 0;
	vertical-align:top;
}
.guide-wrap .guide-a-image{
	width:100%;height:auto;
	display:inline-block;
	padding:0 0 6vw 0;
	vertical-align:top;
	text-align:center;
}
.guide-wrap .guide-a-text2{
	font-size:3.2vw;
	position:absolute;
	bottom:0;right:0;
}
.guide-wrap .guide-a-text3 .paytop{
	font-size:4.2vw;
}
.guide-wrap .guide-a-text3 .ul{
	display: inline-block;
	background: linear-gradient(transparent 60%, #f8e180 60%);
}
.guide-wrap .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}
.acd-content-view .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}
.ver2022 .ship-free{
	margin:4vw auto;
	font-size:4.5vw;
	text-align:center;
}
.guide-wrap .guide-a-text3 .rnd_btn1{
	width:calc(100% - 1.2vw);
}
.guide-wrap .guide-a-text3 .rnd_btn1:last-child{
	margin-top:3vw;;
}

}

@media screen and (min-width:481px) {
@media screen and (max-width:1100px) {

/*calc(100vw * calc(0 / 1100))による再計算*/
.guide-box{
	width:calc(100vw * calc(980 / 1100));height:calc(100vw * calc(128 / 1100));
	text-align:left;
	margin:0 auto calc(100vw * calc(20 / 1100)) auto;
	font-size:0;
}
.guide-box .guidebtn{
	display:inline-block;
	width:22%;height:calc(100vw * calc(40 / 1100));
	line-height:calc(100vw * calc(40 / 1100));
	border:calc(100vw * calc(2 / 1100)) solid #534741;
	font-size:calc(100vw * calc(15 / 1100));
	margin:calc(100vw * calc(10 / 1100)) calc(1.5% - calc(100vw * calc(2 / 1100)));
	border-radius:calc(100vw * calc(20 / 1100));
	text-align:center;
}
.guide-box .act:hover{
	color:white;
	background:#534741;
	transition:all 0.3s;
}
.textsection2 h2{
	height:calc(100vw * calc(51 / 1100));
	margin:calc(100vw * calc(20 / 1100)) auto calc(100vw * calc(40 / 1100)) auto;
	font-size:calc(100vw * calc(21 / 1100));
	background:#ddd;
	line-height:calc(100vw * calc(51 / 1100));
}

.acd-check{
    display: none;
}
.acd-label{
    display: block;
    margin: 0 auto;
    position: relative;
    width:calc(100vw * calc(800 / 1100));height:calc(100vw * calc(18 / 1100));
    font-size:calc(100vw * calc(18 / 1100));
    line-height:calc(100vw * calc(18 / 1100));
    padding:calc(100vw * calc(15 / 1100)) calc(100vw * calc(10 / 1100)) calc(100vw * calc(15 / 1100)) calc(100vw * calc(20 / 1100));
    border:#898989 calc(100vw * calc(1 / 1100)) solid;
    border-radius:calc(100vw * calc(10 / 1100));
}
.acd-label h3{
    text-align:left;
}
.acd-label:after{
    box-sizing: border-box;
    content: '▼';
    display: block;
    height: calc(100vw * calc(18 / 1100));
    padding: calc(100vw * calc(15 / 1100)) calc(100vw * calc(20 / 1100));
    position: absolute;
    right: 0;
    top: 0;
}
.acd-content{
    border:#898989 calc(100vw * calc(1 / 1100)) solid;
    border-bottom-right-radius:calc(100vw * calc(10 / 1100));
    border-bottom-left-radius:calc(100vw * calc(10 / 1100));
    border-top:none;
    display: block;
    width:calc(100vw * calc(800 / 1100)); height: 0;
    margin:auto;
    margin-top:calc(100vw * calc(-10 / 1100));
    opacity: 0;
    padding: calc(100vw * calc(20 / 1100)) calc(100vw * calc(15 / 1100)) 0 calc(100vw * calc(15 / 1100));
    visibility: hidden;
}
.acd-content-view{
    border:#898989 calc(100vw * calc(1 / 1100)) solid;
    border-radius:calc(100vw * calc(10 / 1100));
    display: block;
    width:calc(100vw * calc(800 / 1100)); height: auto;
    margin:auto;
    padding: calc(100vw * calc(15 / 1100));
}
.acd-check:checked + .acd-label:after{
    content: '▲';
}
.acd-check:checked + .acd-label{
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom:none;
    height:auto;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;
    margin-bottom:calc(100vw * calc(10 / 1100));
}
.guide-wrap{
	width:calc(100vw * calc(790 / 1100));height:auto;
	margin:calc(100vw * calc(-10 / 1100)) auto calc(100vw * calc(20 / 1100)) auto;
	border-top:calc(100vw * calc(1 / 1100)) #898989 dotted;
	position:relative;
}
.acd-content-view .guide-wrap{
	margin:calc(100vw * calc(-10 / 1100)) auto 0 auto;
	border-top:none;
}

.guide-wrap p{
	margin-bottom:calc(100vw * calc(20 / 1100));
}
.guide-wrap p:last-child{
	margin-bottom:0;
}
.guide-wrap .guide-a-text{
	width:43%;height:auto;
	display:inline-block;
	padding:calc(100vw * calc(20 / 1100)) 2% 0 0;
	vertical-align:top;
}
.guide-wrap .guide-a-text3{
	width:99%;height:auto;
	display:inline-block;
	padding:calc(100vw * calc(20 / 1100)) 0 0 0;
	vertical-align:top;
}
.guide-wrap .guide-a-image{
	width:53%;height:auto;
	display:inline-block;
	padding:calc(100vw * calc(20 / 1100)) 0 calc(100vw * calc(40 / 1100)) 0;
	vertical-align:top;
	text-align:center;
}
.guide-wrap .guide-a-text2{
	position:absolute;
	bottom:0;right:0;
}
.guide-wrap .guide-a-text3 .paytop{
	font-size:calc(100vw * calc(18 / 1100));
}
.guide-wrap .guide-a-text3 .ul{
	display: inline-block;
	background: linear-gradient(transparent 60%, #f8e180 60%);
}
.guide-wrap .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}
.acd-content-view .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}
.ver2022 .ship-free{
	margin:calc(100vw * calc(40 / 1100)) auto;
	font-size:calc(100vw * calc(18 / 1100));
	text-align:center;
}
}
}
@media screen and (min-width:1101px) {

.guide-box{
	width:980px;height:128px;
	text-align:left;
	margin:0 auto 20px auto;
	font-size:0;
}
.guide-box .guidebtn{
	display:inline-block;
	width:22%;height:40px;
	line-height:40px;
	border:2px solid #534741;
	font-size:15px;
	margin:10px calc(1.5% - 2px);
	border-radius:20px;
	text-align:center;
}
.guide-box .act:hover{
	color:white;
	background:#534741;
	transition:all 0.3s;
}
.textsection2 h2{
	height:51px;
	margin:20px auto 40px auto;
	font-size:21px;
	background:#ddd;
	line-height:51px;
}

.acd-check{
    display: none;
}
.acd-label{
    display: block;
    margin: 0 auto;
    position: relative;
    width:800px;height:18px;
    font-size:18px;
    line-height:18px;
    padding:15px 10px 15px 20px;
    border:#898989 1px solid;
    border-radius:10px;
}
.acd-label h3{
    text-align:left;
}
.acd-label:after{
    box-sizing: border-box;
    content: '▼';
    display: block;
    height: 18px;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 0;
}
.acd-content{
    border:#898989 1px solid;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    border-top:none;
    display: block;
    width:800px; height: 0;
    margin:auto;
    margin-top:-10px;
    opacity: 0;
    padding: 20px 15px 0 15px;
    visibility: hidden;
}
.acd-content-view{
    border:#898989 1px solid;
    border-radius:10px;
    display: block;
    width:800px; height: auto;
    margin:auto;
    padding: 15px;
}
.acd-check:checked + .acd-label:after{
    content: '▲';
}
.acd-check:checked + .acd-label{
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom:none;
    height:auto;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;
    margin-bottom:10px;
}
.guide-wrap{
	width:790px;height:auto;
	margin:-10px auto 20px auto;
	border-top:1px #898989 dotted;
	position:relative;
}
.acd-content-view .guide-wrap{
	margin:-10px auto 0 auto;
	border-top:none;
}

.guide-wrap p{
	margin-bottom:20px;
}
.guide-wrap p:last-child{
	margin-bottom:0;
}
.guide-wrap .guide-a-text{
	width:43%;height:auto;
	display:inline-block;
	padding:20px 2% 0 0;
	vertical-align:top;
}
.guide-wrap .guide-a-text3{
	width:99%;height:auto;
	display:inline-block;
	padding:20px 0 0 0;
	vertical-align:top;
}
.guide-wrap .guide-a-image{
	width:53%;height:auto;
	display:inline-block;
	padding:20px 0 40px 0;
	vertical-align:top;
	text-align:center;
}
.guide-wrap .guide-a-text2{
	position:absolute;
	bottom:0;right:0;
}
.guide-wrap .guide-a-text3 .paytop{
	font-size:18px;
}
.guide-wrap .guide-a-text3 .ul{
	display: inline-block;
	background: linear-gradient(transparent 60%, #f8e180 60%);
}
.guide-wrap .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}
.acd-content-view .guide-a-text3 p:last-of-type{
	margin-bottom:0;
}
.ver2022 .ship-free{
	margin:40px auto;
	font-size:18px;
	text-align:center;
}
}