/* CSS Document */

@charset "utf-8";

body{background: url("../image/common/bg.jpg");}
#doriru{background: url("../image/common/bg2.jpg"); background-size: contain;padding-bottom: 80px;}

.MainArea{position: relative;max-width: 980px;margin: 0 auto;}
.youjiBtn{position: absolute;right: 0%;
    width: 21%;
    bottom: 18%;
    max-width: 241px;}

@media screen and (max-width:920px){
    .youjiBtn {
    right: 2%;
    bottom: 42%;}
}
@media screen and (max-width:768px){
    .youjiBtn {
       display: none;}
}

.youjiBtnArea{
    display: none;
    width: 67%;
    max-width: 445px;
    position: fixed;
    z-index: 999;
    bottom: 12px;
    left: 15px;
    opacity: 0;
    transition: 0.3s;}

@media screen and (max-width:768px){
   .youjiBtnArea {display: block;}
}

.youjiBtnClose{cursor: pointer;width: 11%; margin-bottom: -6%;}

#youjiBtnArea.hidden{display: none;}

.no-border{
	position: relative;
    padding:0!important;
    border: none!important;}

#doriru2{padding-top: 60px;
    margin-top: -60px;}

.nm1{max-width: 129px; margin: 0 auto 25px auto}

.Mainread_txt {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    color: #e70012;
    text-align: center;
    margin: 10px auto 30px auto;
    font-weight: 900;
    font-size: 55px;
    text-shadow: 3px 4px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
	letter-spacing: -0.2rem;
}

.Mainread{width: 90%; max-width: 532px; margin:-15px auto 0px auto;}
.Mainread_2{width: 90%; max-width: 607px; margin: 0 auto -20px auto;}
.Mainread2{width: 70%; max-width: 473px; margin:-30px auto -110px auto;}
.Mainread3{width: 70%; max-width: 473px; margin:0 auto;padding: 8rem 0 5rem 0;}

#Features{padding-top: 80px;margin-top:-80px;}
#Features2{padding-top: 160px;margin-top:-160px;}
#Features3{padding-top: 160px;margin-top:-160px;}
#FeaturesArea{ padding: 80px 0;overflow: hidden;}
.FeaturesArea{max-width: 980px; width: 90%;margin: 0 auto;}
.Featurescont{max-width: 94%;margin: 0 auto 120px auto;position: relative;}
.poke01{    position: absolute;
    background: url(../image/top/poke01.png) no-repeat;
    background-size: contain;
    padding: 9.5%;
    left: 0px;
    top: 20%;
    z-index: 1;}

.poke02{ position: absolute;
    background: url(../image/top/poke02.png) no-repeat;
    background-size: contain;
    padding: 9.5%;
    right: -5px;
    top:20%;
    z-index: 1;}

.poke03{position: absolute;
    background: url(../image/top/poke03.png) no-repeat;
    background-size: contain;
    padding: 8.5%;
    right: -6%;
    top: -12%;
    z-index: 1;}

.poke04{    position: absolute;
    background: url(../image/top/poke04.png) no-repeat;
    background-size: contain;
    padding: 8.5%;
    left: -43px;
    bottom: 4%;
    z-index: 1;}

.poke05{position: absolute;
    background: url(../image/top/poke05.png) no-repeat;
    background-size: contain;
    padding: 9%;
    right: -10px;
    bottom: 1%;
    z-index: 1;}

.poke06{position: absolute;
    background: url(../image/top/poke06.png) no-repeat;
    background-size: contain;
    padding: 9%;
    left: -5%;
    bottom: -6%;
    z-index: 1;}

.poke07{position: absolute;
    background: url(../image/top/poke07.png) no-repeat;
    background-size: contain;
    padding: 15%;
    right: -18%;
    bottom: -8%;
    z-index: 1;}

.poke08{position: absolute;
    background: url(../image/top/poke08.png) no-repeat;
    background-size: contain;
    padding: 13%;
    left: -7%;
    bottom: -33%;
    z-index: 1;}

.poke09{    position: absolute;
    background: url(../image/top/poke09.png) no-repeat;
    background-size: contain;
    padding: 9%;
    right: -7%;
    bottom: -30%;
    z-index: 1;}

.poke10{display: none;}
.poke11{display: none;}


.Featureslist{font-size: 22px;font-weight: bold;line-height: 3rem;margin: 30px auto;}
.Featureslist li{
	background: url(../image/common/listicon.png) no-repeat 0% 4px;
    background-size: auto;
    padding-left: 30px;
    margin: 0 0 20px 0;}

.numberTtile{position: relative; display: block; margin: 0 auto 0 auto;}

.DetailArea{background: #feffc6; border-radius: 10px; padding: 3rem 2.5rem;}
.DetaiTxt{ margin-bottom: 25px; font-size: 18px; line-height: 3rem;}
.DetaiImg{width:100%; max-width: 660px; margin: 0 auto 60px auto;}
.DetaiImg2{width:90%; max-width: 660px; margin:60px auto;position: relative;}

.popbtn01{width: 22.3%;
    position: absolute;
    top: 3.6%;
    left: 1.1%;cursor: pointer;}
.popbtn02{width: 23%;position: absolute;top:1.5%;right: 1%;cursor: pointer;}
.popbtn03{width: 44%;
    position: absolute;
    top: 16%;
    left: 1.1%;
    cursor: pointer;}

.poptxt{font-size: 2rem;
    font-weight: 600;
line-height: 1.5;}

.mfp-content .white-popup {
    width: 100%;
	max-width: 600px;
    padding: 30px 0 0 0!important;}

.popbtn-read{background:#f2f2f2;padding: 20px;display: flex;justify-content: center;align-items: center;}
.popbtn-read .popcont1{flex-basis: 7%;}
.popbtn-read .popcont2{flex-basis: 92%; padding: 2%; font-size: 2rem; line-height: 2.5rem;}

/* スライド */
.container {
margin:-25px auto 100px auto;
	padding:13px 25px 11px 25px;
background: #fff;
}
.infinite-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.infinite-slider .swiper-slide {
  height: auto !important; /* 高さを指定 */
  width: auto !important;
	padding: 10px;
}
.infinite-slider .swiper-slide img {
border: 1px solid #aeaeae;
  width: auto;
  height: 240px;
	display: block;
}
.infinite-slider .swiper-slide p{
	font-size: 13px;
    text-align: center;
    background: #fff;
    color: #e70012;
    border-radius: 20px;
    margin: 18px auto 0 auto;
    display: table;
    padding: 0.5rem 1.5rem 0.3rem 1.5rem;
}

.infinite-slider .swiper-slide a{
	font-size: 15px;
    text-align: center;
    color: #e70012;
	background: #fff;
    border-radius: 20px;
    margin: 9px auto 0 auto;
    display: table;
	text-decoration: none;
    padding: 1rem 2.5rem;
	border: 2px solid #e70012;
	font-weight: 800;
}

.infinite-slider .swiper-slide a:hover{
    color: #fff;
	background: #e70012;
	border: 2px solid #e70012;
}

.toggle {
display: none;
}
.option {
position: relative;
padding-bottom: 80px;
}

.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}

.content {
height: 0;
overflow: hidden;
}

.title {
background: url("../image/top/open2.png") no-repeat;
background-size: contain;
position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
	width: 264px;
    height: 60px;
}

.toggle:checked + .title + .content {
height: auto;
transition: all 1.5s;
}
.toggle:checked + .title {
background: url("../image/top/close2.png") no-repeat;
background-size: contain;
}

.poke01sp,.poke02sp,.poke03sp,.poke04sp,.poke05sp,.poke06sp{display: none;}

.dorilu-cont{display: flex; flex-wrap: wrap;max-width: 980px; width: 90%;margin: 0 auto;}
.dorilu-cont li{width: 26.3%;padding: 2.5%;background: #fff;border-radius: 20px;margin-bottom: 4%;margin-left: 3%;}
.dorilu-cont li:nth-child(3n+1){margin-left: 0;}

.dorilu-cont li .dorilu-title{font-size: 19px;font-weight: bold;line-height: 2.4rem; margin-bottom: 10px;}
.dorilu-cont li .dorilu-price{font-size: 14px;font-weight: bold;line-height: 2rem;margin-bottom: 10px;}
.dorilu-cont li .Img{margin-bottom: 8px; position: relative;}
.dorilu-cont li .Img img{border: 1px solid #aeaeae;}
.dorilu-cont li a{margin-bottom: 5px; display: block;}

.movie{max-width: 980px;
    width: 90%;
    margin: 0 auto 30px auto;
position: relative;}

.movie iframe{
    width: 100%;
    height: 500px;
	border: none;}
.movieBox {
    position: relative;
    width: 100%;
}

.newitem{width: 100%;
    margin: 5px auto 0 auto;
    font-size: 90%;
	text-align: center;
    padding: 8px 0 6px 0;
    background: #fff600;
    color: #cf2319;
    border: 1px solid #cf2319;
    font-weight: bold;}

.newitem2{
    width: 100%;
    margin: 0 auto 5px auto;
    font-size: 135%;
	text-align: center;
    padding: 8px 0 6px 0;
    background: #fff600;
    color: #cf2319;
    border: 1px solid #cf2319;
    font-weight: bold;}

.movirBtn{max-width: 419px; margin:  0 auto;}

.Mainread3_2{max-width: 980px;
    width: 90%;
    text-align: center;
    margin: 0 auto 30px auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 3.2rem;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}


@media screen and (max-width:768px){
    
    .poke01{
    padding: 11%;
        left: -4%;
        top: 102%;}
    
    .poke02 {
   padding: 11%;
        right: -6%;
        top: 102%;}
    
    .poke03 {
        padding: 13%;
        right: -4%;
        top: -5%;
    }
    
    .poke04 {display: none;}
    .poke05 {display: none;}
    .poke06 {display: none;}
    .poke07 {display: none;}
    
    .poke08 {
        padding: 17%;
        left: -3%;
        bottom: -7%;
    }
    .poke09 {
       padding: 12%;
        right: -6%;
        bottom: -6%;
    }
    
    .poke10 {
     display: block;
        position: absolute;
        background: url(../image/top/poke04.png) no-repeat;
        background-size: contain;
        padding: 13.5%;
        left: -5%;
        bottom: 4%;
        z-index: 1;
    }
    .poke11 {
     display: block;
        position: absolute;
        background: url(../image/top/poke05.png) no-repeat;
        background-size: contain;
        padding: 11.5%;
        right: -2%;
        bottom: 10%;
        z-index: 1;
    }
    
body{background-size: 12%;}
	
	.Mainread_txt{font-size: 7vw;
    margin: 18px auto 25px auto;}
	
	.Mainread3_2{font-size: 17px;line-height: 2.8rem;}
	
	.movie{padding-bottom: 50%;}
	
	.movie iframe{
		width: 100%;
		position: absolute;
		height: 100%;
		left: 0;
		top: 0;
		}
		.movieBox{
		padding-bottom: 56%;
		}
	
	#doriru{padding-bottom: 50px;}
	
	.Mainread2 {margin:-17px auto -85px auto;}
	.Mainread3{width: 70%; max-width: 473px; margin:0 auto;padding: 6rem 0 3rem 0;}
	
	.Mainread{width: 85%; margin:-15px auto -12px auto;}
	
	#Features2{padding-top: 120px;margin-top:-120px;}
#Features3{padding-top: 120px;margin-top:-120px;}
	#FeaturesArea{padding: 50px 0; background-size: 80%;background-position: center;}
	
	.Featureslist{font-size: 18px;font-weight: bold;line-height: 3rem;margin: 30px auto;}
	.Featureslist li{margin: 0 0 13px 0;}
	
	.DetaiTxt{ margin-bottom: 15px; font-size: 16px; line-height: 2.6rem;}
	.DetaiImg{width:100%; max-width: 660px; margin: 0 auto 35px auto;}
	.DetaiImg2{width:90%; max-width: 660px; margin:35px auto;}
	
	.container {margin:-25px auto 60px auto;padding:20px 0 15px 0;}
	.infinite-slider .swiper-slide img {height: 180px;display: block;}
	.infinite-slider .swiper-slide p{font-size: 12px;}
	
	.title {
	width: 210px;
    height: 48px;}
	.option { padding-bottom: 63px;}
	
	.infinite-slider .swiper-slide a{
	font-size: 13px;
}
	
	.mfp-content .white-popup {
    width: 83%!important;
}
	
	.mfp-close {
    top: -27px!important;
    right: -16px!important;
}
	
	.popbtn-read{background:#f2f2f2;padding: 12px;display: flex;justify-content: center;}
.popbtn-read .popcont1{flex-basis: 22%;}
.popbtn-read .popcont2{flex-basis: 92%; padding: 2%; font-size: 1.5rem; line-height: 2rem;}
	
	.dorilu-cont li{width: 41%;
    padding: 3.5%;
    margin-left: 4%!important;
    margin-bottom: 6%;border-radius: 12px;}
	.dorilu-cont li:nth-child(2n+1){margin-left: 0!important;}
	.dorilu-cont li .dorilu-title{font-size: 15px;font-weight: bold;line-height: 2rem; margin-bottom: 10px;}
.dorilu-cont li .dorilu-price{font-size: 13px;font-weight: bold;line-height: 2rem;margin-bottom: 10px;}
}