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

@media(max-width:1180px) {



#lead .catch{padding: 13% 0;}

#lead .catch h2,
#lead .catch.delighter h2{font-size: 33px;}
#lead .leadText p{font-size: 23px;}

/*--------------------------------------*/

.menu{ margin-top: 13%;}
.menu .category h2{font-size: 36px;}
.menu .category .menuName{font-size: 18px;}

/*--------------------------------------*/


.fullLine{margin: 24% auto;width: 88%;}
.footer .fullLine{width: 100%; margin: 20% auto;}

/*--------------------------------------*/

.scene.s01{margin-top: 22%;}
.scene .sceneHeader{width: 88%;}
.scene .sceneHeader .title .num,
.scene .sceneHeader.delighter .title .num{font-size: 36px;}
.scene .sceneHeader .title h3,
.scene .sceneHeader.delighter .title h3{font-size: 30px;}
.scene .sceneHeader .catch h2{font-size: 68px;margin: 70px 0 80px;}
.scene .sceneHeader .secneLead{font-size: 23px;}

/* --------------------------------- */

.scene .gender{margin-top: 18%;}
.scene .gender h3,
.scene .gender.delighter.started h3{font-size: 55px;}

.scene .subTitle p{font-size: 29px;}
.scene .subTitle h4{font-size: 38px;margin-top: 28px;}
.scene .subTitle h4:before,
.scene .subTitle h4:after{width: 21px;height: 21px;}
.scene .subTitle h4:before{left:-45px;}
.scene .subTitle h4:after{right: -45px;}

/* --------------------------------- */

.sideTitle,
.sideTitle.delighter{width: 6.4%;}

/* --------------------------------- */

.itemMain{margin-top: 10%;}
.itemMain .details{width: 41%;}
.itemMain .details .comment{font-size: 15px;padding-top:0;margin: 6% 0;}
.itemMain .details .comment p{position:relative;}

/* --------------------------------- */

.itemList dl .name{width:calc(100% - 180px);font-size: 15px;}
.itemList dl .price{font-size: 16px;}
.itemCoordinate .itemList dl .name{width:calc(100% - 200px);}

/* --------------------------------- */
.itemCoordinate{margin-top: 23%;}

.itemCoordinate .title h2,
.itemCoordinate .title.delighter h2{font-size: 56px;}
.itemCoordinate .styles{ margin-top: 9%;}

.itemCoordinate .coordiSubTitle p{font-size: 19px;}
.itemCoordinate .coordiSubTitle h4{font-size: 30px;}

/* --------------------------------- */

.footer{margin-top: 20%;}
.footer .relationBanner h3{font-size: 26px;}
.footer .footerTitle h3{font-size: 50px;}

.footer .otherContents{margin-top: 80px;}
.footer .otherContents .otherTitle h3{font-size: 28px;}
.footer .otherContents .otherTitle h4{font-size: 24px;}
.footer .otherContents .inner{margin-top: 80px;width: 100%;}

.footer .golf h4{font-size: 29px;}


/* --------------------------------- */


}








@media(max-width:900px) {

#lead .catch .main h1,
#lead .catch.delighter .main h1{width: 360px;}
#lead .catch .main .line.l01{top:45px;}
#lead .catch .main .line.l02{top:123px;}
#lead .catch.delighter.started .main .line{width:calc(50% + 220px);}
#lead .catch h2,
#lead .catch.delighter h2{font-size: 30px;}
#lead .leadText p{font-size: 21px;}


/* --------------------------------- */

.menu{width: 94%;margin-top: 15%;}
.menu .category{width: 103%;}
.menu .category li,
.menu.delighter .category li{width: 30.33333%;margin-right: 3%;}
.menu .category .num{font-size: 20px;}
.menu .category .num span{font-size: 30px;}
.menu .category h2{font-size: 31px;margin-top: 25px;}
.menu .category .menuName{font-size: 17px;}
.menu .category .navImage .caption p{font-size: 19px;}

/* --------------------------------- */

.fullLine{margin: 26% auto;width: 100%;}
/*.footer .fullLine{ margin: 22% auto;}*/

/* --------------------------------- */

.scene{width:100%;padding: 0 5%;}
.scene.s01{margin-top: 22%;}

.scene .sceneHeader{width: 100%;}
.scene .sceneHeader .title .num,
.scene .sceneHeader.delighter .title .num{font-size: 32px;}
.scene .sceneHeader .title h3,
.scene .sceneHeader.delighter .title h3{font-size: 27px;margin-top: 50px;}
.scene .sceneHeader.delighter.started .title .line{width: 90%;}
.scene .sceneHeader .catch h2{font-size: 65px;margin: 70px 0 50px;}
.scene .sceneHeader .secneLead{font-size: 20px;}


.scene .gender{margin-top: 18%;width: 100%;}
.scene .gender h3,
.scene .gender.delighter.started h3{font-size: 50px;padding: 25px 0;}


.scene .subTitle p{font-size: 27px;}
.scene .subTitle h4{font-size: 36px;margin-top: 26px;}


/* --------------------------------- */

.sideTitle,
.sideTitle.delighter{width: 5%;}
.sideTitle.delighter.started{ left: -5.25%;}

/*--------------*/

.itemMain{width: 100%; margin-top: 10%;}
.itemMain .details{width: 45%;}
.itemMain .styleImage{width: 52%;}

.itemMain .details .comment{font-size: 14px;}
.itemMain .details .comment p{position:relative;}

/* --------------------------------- */

.itemList dl .name{width:calc(100% - 170px);font-size: 14px;}
.itemList dl .price{font-size: 15px;}

.itemCoordinate .itemList dl .name{width:calc(100% - 180px);}

/* --------------------------------- */

.itemCoordinate{width: 100%;margin-top: 20%;}

.itemCoordinate .title h2,
.itemCoordinate .title.delighter h2{font-size: 50px;}
.itemCoordinate .styles{ margin-top: 7%;}
.itemCoordinate .coordiSubTitle p{font-size: 18px;}
.itemCoordinate .coordiSubTitle h4{font-size: 26px;}

/* --------------------------------- */

.sideNavi{display: none;}

/* --------------------------------- */


.footer{width:90%;}

.footer .relationBanner{max-width: 500px;}
.footer .relationBanner h3{font-size: 22px;}



.footer .footerTitle h3{font-size: 45px;}

.footer .otherContents{margin-top: 70px;}
.footer .otherContents .otherTitle h3{font-size: 24px;}
.footer .otherContents .otherTitle p{width: 18em;margin: 5px auto 22px;}

.footer .otherContents .otherTitle h4{font-size: 21px;}
.footer .otherContents .inner{margin-top: 60px;}

.footer .golf h2{max-width:310px;margin-bottom: 40px;}
.footer .golf h4{font-size: 27px;}
.footer .golf ul{margin-top: 12%;}

.footer .sns{margin: 22% auto;}
.footer .sns h3{font-size: 18px;}
.footer .sns .instagram{ width: 35px;margin-top: 25px;}

.footer .onwardLogo{width: 210px;}
.footer .copyright{font-size: 14px;padding: 30px 0 40px;}
.footer .pagetop{width: 35px;right: -40px;}



}


















@media(max-width:768px) {

.wide{display: none;}
.scrollbar{display: none !important;}



/* --------------------------------- */

#header .mianImage{padding-top: 117%;}

#header .pcMain{display: none;}
#header .spMain{display: block;}

#header .spMain p.p01{width:45%;top:8.4%;left:0;z-index:8;}
#header .spMain p.p02{width:55%;top:0;right:0;z-index:9;}
#header .spMain p.p03{width:33%;top:27%;left:26%;z-index:6;}
#header .spMain p.p04{width:55%;bottom:12.1%;left:21%;z-index:4;}
#header .spMain p.p05{width:45%;top:30%;right:0%;z-index:5;}
#header .spMain p.p06{width:39%;bottom:0;right:0;z-index:12;}
#header .spMain p.p07{width:32%;top:42%;left:0%;z-index:14;}
#header .spMain p.p08{width:45%;bottom:0;left:0;z-index:3;}


#header .spMain p.p01 span{left: 5vw;}
#header .spMain p.p02 span{top: 5vw;transition-delay:0.7s;t-webkit-ransition-delay:0.7s;}
#header .spMain p.p03 span{top: -5vw;transition-delay:0.7s;t-webkit-ransition-delay:0.7s;}
#header .spMain p.p04 span{left: -5vw;transition-delay:0.7s;t-webkit-ransition-delay:0.7s;}
#header .spMain p.p05 span{top: -5vw;}
#header .spMain p.p06 span{right: 5vw;}
#header .spMain p.p07 span{top: -5vw;transition-delay:0.7s;t-webkit-ransition-delay:0.7s;}
#header .spMain p.p08 span{left: 5vw;}

#header.start .spMain p.p01 span{left: 0;}
#header.start .spMain p.p02 span{top: 0;}
#header.start .spMain p.p03 span{top: 0;}
#header.start .spMain p.p04 span{left: 0;}
#header.start .spMain p.p05 span{top: 0;}
#header.start .spMain p.p06 span{right: 0;}
#header.start .spMain p.p07 span{top: 0;}
#header.start .spMain p.p08 span{left: 0;}



#header .mainTitle{
	top: 46.2%;
	width: 68%;
	-webkit-transform:none;
	 transform:none;
}
#header .onward{
	width: 15%;
    top: -5%;
    right: 4%;
}
#header .logo23ku{
	width: 20%;
    top: -5%;
    left:5%;
	right:auto;
	margin: 0;
}
#header.start .onward{top: 2.5%;}
#header.start .logo23ku{top: 2.5%;}





/* --------------------------------- */

#lead .catch{padding: 13% 0;}
#lead .catch .main h1,
#lead .catch.delighter .main h1{width:320px;}

#lead .catch .main .line.l01{top:40px;}
#lead .catch .main .line.l02{top:109px;}
#lead .catch.delighter.started .main .line{width:calc(50% + 180px);}

#lead .catch h2,
#lead .catch.delighter h2{font-size: 27px;margin-top:5%;}

#lead .leadText{margin-top:13%;}
#lead .leadText p{font-size: 20px;}

/* --------------------------------- */

.menu{ width: 80%;margin-top: 20%;}
.menu:after{display:none;}
.menu .category{width: 100%;}
.menu .category li,
.menu.delighter .category li{
    width: 100%;
	display: block;
	margin-right: 0;
    margin-bottom: 6%;
}
.menu .category .spInner{
    display: block;
    width: 100%;
	text-align: left;
	position: relative;	
}
.menu .category .spInner .name{
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	width: 55%;
	 border-top: 1px solid #1A5632;
	 border-bottom: 1px solid #1A5632;
}

.menu .category .num{
    font-size: 22px;
	width: 100%;
	margin: 15px 0 0;
	line-height: 1;
}
.menu .category .num span{
	font-size: 26px;
	padding-left: 0.2em;
	display:inline-block;
}
.menu .category h2{
    font-size: 30px;
	margin-top: 5px;
}
.menu .category .menuName{
	padding-top:0;
    font-size: 17px;
	 line-height:1.4;
    text-align: left;
	position: absolute;
	top: 57%;
	left: 0;
	right: 0;
	margin: 0 auto;
	 -webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.menu .category .menuName h3{
	position:relative;
	top: 0;
	 -webkit-transform:none;
	   -moz-transform:none;
	    -ms-transform:none;
	        transform:none;
}
.menu .category .more{
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.menu .category .more a{
     font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 1;
    position: relative;
    display:inline-block;
    padding: 0.7em 0.7em 0.5em;
    letter-spacing: 0.05em;
	background:#DEDAD4;
    color: #65665D;
	border: 1px solid #1A5632;
}
.menu .category .navImage{
    position:relative;
    width: 45%;
    margin: 0 0 0 55%;
    background: #FFF;
}
.menu .category .navImage .visual{
    padding-top:75%;
    -webkit-transform:none;
	   -moz-transform:none;
	    -ms-transform:none;
	        transform:none;
}
.menu .category .m01 .visual{background-image:url("../../images/menu01sp.jpg");}
.menu .category .m02 .visual{background-image:url("../../images/menu02sp.jpg");}
.menu .category .m03 .visual{background-image:url("../../images/menu03sp.jpg");}

.menu .category .navImage .caption{display: none;}
.menu .category .navImage .caption:before {display: none;}
.menu .category .navImage a{display: none;}


/* --------------------------------- */

.fullLine{margin: 26% auto;width: 90%;height:3px;}

/* --------------------------------- */

.scene{width:100%;padding: 0;}
.scene.s01{margin-top: 22%;}
.scene .sceneHeader{width: 90%;}
.scene .sceneHeader .title .num,
.scene .sceneHeader.delighter .title .num{font-size: 30px;}
.scene .sceneHeader .title h3,
.scene .sceneHeader.delighter .title h3{font-size: 25px;margin-top: 45px;}
.scene .sceneHeader.delighter.started .title .line{width: 95%;}
.scene .sceneHeader .catch h2{font-size: 58px;margin: 60px 0 45px;}
.scene .sceneHeader .secneLead{font-size: 19px;}

.scene .sceneHeader br.s03res{display: block;}

/* --------------------------------- */

.scene .gender{margin-top: 22%;}
.scene .gender h3,
.scene .gender.delighter.started h3{font-size: 45px;padding: 25px 0;}

/* --------------------------------- */

.scene .subTitle p{font-size: 25px;}
.scene .subTitle h4{font-size: 32px;margin-top: 20px;}
.scene .subTitle h4:before{width: 16px;height: 16px;left:-38px;top: 43%;}
.scene .subTitle h4:after{width: 16px;height: 16px;right: -38px;top: 43%;}

/* --------------------------------- */

.sideTitle.pcView{display: none;}
.sideTitle.spView{display: block;}


.itemMain .details .sideTitle,
.itemMain .details .sideTitle.delighter{left: -10%;width: 10%;}
.itemMain .details .sideTitle.delighter.started{left: -5%;}

/*.sideTitle .sub01{width: 200%;}*/

/* --------------------------------- */

.itemMain{margin-top:8%;width: 74%;}
.itemMain .styleImage{width: 100%;float: none;}

.itemMain .details{width:100%;float:none;margin:10% auto 0;position: relative;}
.itemMain .details .partImage{width:80%;margin: 0 auto;}
.itemMain .details .comment{font-size:16px;margin: 30px 0 0;}

/* --------------------------------- */

.itemList{margin-top: 30px;}
.itemList dl .name{padding-top: 1em;width:calc(100% - 210px);font-size: 16px;}
.itemCoordinate .itemList dl .name{padding-top: 1em;width:calc(100% - 210px);font-size: 16px;}
.itemList dl .price{font-size: 17px;padding: 12px 0;}
.itemList dl dd a{font-size: 14px;}

/* --------------------------------- */

.itemCoordinate{margin-top:24%;width: 100%;}

.itemCoordinate .title h2,
.itemCoordinate .title.delighter h2{font-size: 46px;}

.itemCoordinate .styles{margin:7% auto 0;width: 100%;padding:0 13%;}



.itemCoordinate .sideTitle,
.itemCoordinate .sideTitle.delighter{left: -7%;width: 7.3%;top:calc( 6% + 61px );}
.itemCoordinate .sideTitle.delighter.started{left: 3%;}


.itemCoordinate .styles .leftStyle{width:auto;padding: 0 0.8%;}
.itemCoordinate .styles .rightStyle{width:auto;padding: 0 0.8%;}


.itemCoordinate .coordiSubTitle p{font-size: 19px;}
.itemCoordinate .coordiSubTitle h4{font-size: 32px;}

.itemCoordinate .coordinateImage{margin-top: 7%;}

.itemCoordinate .itemList{width: 90%;margin: 25px auto 0;}



.itemCoordinate .slick-list{overflow:visible;}
.itemCoordinate .coodiSlick li{
    -webkit-opacity:0.3;
	-moz-opacity:0.3;
	-ms-opacity:0.3;
	opacity:0.3;
	 -webkit-transition: opacity 0.3s;
	   -moz-transition: opacity 0.3s;
	    -ms-transition: opacity 0.3s;
	        transition: opacity 0.3s;
}
.itemCoordinate .coodiSlick li.slick-current{
    -webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	opacity:1;
}
.slick-prev.slick-disabled::after,
.slick-next.slick-disabled::after {
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	opacity:0;
}


/* --------------------------------- */

.footer{width:90%;}


.footer .relationBanner a{padding-top: 36%;}
.footer .relationBanner h3{font-size: 22px;}
.footer .relationBanner h3:before{height: 2px;}
.footer .relationBanner h3:after{height: 2px;}

.footer .footerTitle{padding-bottom: 25px;}
.footer .footerTitle h3{font-size: 40px;}

.footer .otherContents{margin-top: 50px;}
.footer .otherContents .otherTitle h3{font-size: 24px;}
.footer .otherContents .otherTitle p{width: 18em;}
.footer .otherContents .otherTitle h4{font-size: 20px;}
.footer .otherContents .inner{margin-top: 60px;}

.footer .otherContents ul{width: 65%;margin: 0 auto;}
.footer .otherContents ul li{width: 100%;margin-right: 0%;display:block;}
.footer .otherContents ul li:first-child{margin-bottom: 8%;}

.footer .golf h2{max-width:260px;margin-bottom: 40px;}
.footer .golf h4{font-size: 26px;}


.footer .golf .inner{width: 65%;margin: 0 auto;}
.footer .golf ul{margin-top: 15%;width: 104%;}
.footer .golf ul li{width: 46%;margin-right: 4%;margin-bottom: 6%;}
.footer .golf ul li:first-child{width:96%;display: block;margin-left: 0%;margin-bottom: 6%;}
.footer .golf ul li:last-child{width: 96%;display: block;margin:0;}



.footer .sns{margin: 22% auto;}
.footer .sns h3{font-size: 18px;}
.footer .sns .instagram{ width: 35px;margin-top: 25px;}


.footer .onwardLogo{width: 190px;}
.footer .copyright{font-size:14px;padding: 30px 0 26vw;}
.footer .pagetop{display: none;}




/*-------------------------------------------------------------*/

.spBottomNavi{
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: -14vw;
	z-index: 105;
	-webkit-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	   -moz-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	    -ms-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	        transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.spBottomNavi.view{
	bottom: -1px;
}
.spBottomNavi ul{
	width: 100%;
	font-size: 0;
}
.spBottomNavi ul li{
	width: 29%;
	display: inline-block;
	text-align: center;
	height: 13.5vw;
	position: relative;
	vertical-align: top;
}
.spBottomNavi ul li:last-child{
	width: 13%;
	background: #BAB9AF;
}
.spBottomNavi ul li:last-child img{
	width: 42%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.spBottomNavi ul li a{
	display: block;
	width: 100%;
	height: 13.5vw;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.spBottomNavi ul li.n01 a{background-image: url("../../images/spnavi01.jpg") }
.spBottomNavi ul li.n02 a{background-image: url("../../images/spnavi02.jpg")  }
.spBottomNavi ul li.n03 a{background-image: url("../../images/spnavi03.jpg")  }

.spBottomNavi ul li a p{
	background: rgba(186,185,175,0.7);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 8%;
}

}








@media(max-width:650px) {



#lead .catch{padding: 14% 0;}
#lead .catch .main h1,
#lead .catch.delighter .main h1{width:290px;}

#lead .catch .main .line.l01{top:36px;height: 1px;}
#lead .catch .main .line.l02{top:99px;height: 1px;}
#lead .catch.delighter.started .main .line{width:calc(50% + 170px);}

#lead .catch h2,
#lead .catch.delighter h2{font-size: 23px;}

#lead .leadText p{font-size: 18px;}

#lead .leadText p br.res{display: block;}
#lead .leadText p br.resNo{display: none;}


/* --------------------------------- */

.menu{ width:90%;}
.menu .category .num{font-size: 18px;margin-top: 12px;}
.menu .category .num span{font-size: 22px;}
.menu .category h2{font-size: 26px;}
.menu .category .menuName{font-size: 15px;top: 56%;}
.menu .category .more a{font-size: 13px;}


/* --------------------------------- */

.fullLine{margin: 26% auto;}
.footer .fullLine{margin: 24% auto;}

.fullLine p,
.fullLine.delighter p{height: 3px;}

/* --------------------------------- */



.scene .sceneHeader .title{padding-bottom:7px;}

.scene .sceneHeader .title .num,
.scene .sceneHeader.delighter .title .num{font-size: 24px;}

.scene .sceneHeader .title .num p,
.scene .sceneHeader.delighter .title .num p{margin-left: 12%;left: -15px;}
.scene .sceneHeader.delighter.started .title .num:after{width: 10%;height: 1px;}

.scene .sceneHeader .title h3,
.scene .sceneHeader.delighter .title h3{font-size: 20px;margin-top: 30px;}
.scene .sceneHeader.delighter.started .title .line{width: 100%; height: 1px;}

.scene .sceneHeader .catch h2{font-size: 48px;margin: 45px 0 45px;}
.scene .sceneHeader .secneLead{font-size: 17px;}
.scene .sceneHeader .secneLead br.res{display:block;}

/* --------------------------------- */

.scene .gender{margin-top: 22%;}
.scene .gender .line{ height: 1px;}
.scene .gender h3,
.scene .gender.delighter.started h3{font-size: 36px;padding: 20px 0;}

/* --------------------------------- */

.scene .subTitle{margin-top:9%;}
.scene .subTitle p{font-size: 21px;}
.scene .subTitle h4{font-size: 26px;margin-top: 17px;}
.scene .subTitle h4:before{width: 13px;height: 13px;left:-35px;}
.scene .subTitle h4:after{width: 13px;height: 13px;right: -35px;}


/* --------------------------------- */

.itemMain .details .sideTitle,
.itemMain .details .sideTitle.delighter{left: -12%;width: 13.2%;}
.itemMain .details .sideTitle.delighter.started{left: -7%;}


/* --------------------------------- */

.itemMain{margin-top:8%;width: 80%;}
.itemMain .details .comment{font-size:15px;margin-top: 30px;}

/* --------------------------------- */

.itemList{margin-top: 25px;}

.itemList dl .name{padding-top: 1.3em;width:calc(100% - 185px);font-size: 15px;}
.itemCoordinate .itemList dl .name{padding-top: 1.3em;width:calc(100% - 185px);font-size: 15px;}
.itemList dl .price{font-size: 16px;padding: 14px 0;}
.itemList dl .price span{font-size: 10px;}
.itemList dl dd{width: 72px;}
.itemList dl dd a{font-size: 14px;}
.itemList .otherTrigger{font-size: 13px;width: 170px;}

/* --------------------------------- */

.itemCoordinate{margin-top:26%;}
.itemCoordinate .title h2,
.itemCoordinate .title.delighter h2{font-size: 36px;}
.itemCoordinate .title .line,
.itemCoordinate .title.delighter .line{height: 1px;}
.itemCoordinate .title.delighter.started .line{width: 90%;}

.itemCoordinate .styles{margin-top:8%;padding:0 10%;}

.itemCoordinate .coordiSubTitle p{font-size: 19px;}
.itemCoordinate .coordiSubTitle h4{font-size: 25px;}
.itemCoordinate .coordiSubTitle h4:before{width: 13px;height: 13px;left:-35px;}
.itemCoordinate .coordiSubTitle h4:after{width: 13px;height: 13px;right: -35px;}

.itemCoordinate .sideTitle,
.itemCoordinate .sideTitle.delighter{left: -5%;width: 10.5%;top:calc( 5.5% + 50px );}
.itemCoordinate .sideTitle.delighter.started{left: 0%;}

.itemCoordinate .coordinateImage{margin-top: 6%;}
.itemCoordinate .itemList{width: 95%;}

.slick-prev,
.slick-next {margin-top:-17px;width: 34px;height: 34px;top:48%;}
.slick-prev{left:-36px;}
.slick-next{right:-36px;}


/* --------------------------------- */

.footer .relationBanner{width: 90%;}
.footer .relationBanner a{padding-top: 40%;}
.footer .relationBanner h3{font-size: 20px;padding: 10px 0;}

.footer .footerTitle{padding-bottom:18px;width: 100%;}
.footer .footerTitle h3{font-size: 34px;}
.footer .footerTitle .bar{height: 1px;}
.footer .footerTitle.onlinestore h3:before{height: 1px;}
.footer .footerTitle.onlinestore h3:after{height: 1px;}


.footer .otherContents{margin-top: 10%;}
.footer .otherContents .otherTitle h3{font-size: 22px;}
.footer .otherContents .otherTitle p{width: 15em;margin: 5px auto 15px;}
.footer .otherContents .otherTitle h4{font-size: 18px;}
.footer .otherContents .inner{margin-top: 10%;}
.footer .otherContents ul{width: 80%;}

.footer .golf h2{max-width:200px;margin-bottom: 28px;}
.footer .golf h4{font-size: 24px;}

.footer .golf .inner{width: 80%;}

.footer .sns{margin: 23% auto;}
.footer .sns .instagram{ width:30px;margin-top:22px;}
.footer .onwardLogo{width: 170px;}
.footer .copyright{font-size:13px;padding: 25px 0 27vw;letter-spacing:0.02em;}


/* --------------------------------- */


.spBottomNavi{bottom: -16.5vw;}
.spBottomNavi ul li{height: 16vw;}
.spBottomNavi ul li:last-child img{width: 50%;}
.spBottomNavi ul li a{height: 16vw;}
.spBottomNavi ul li a p{padding: 0 5%;}


}





@media(max-width:510px) {


#lead .catch{padding: 16% 0;}
#lead .catch.delighter .main h1{width:55%;}
#lead .catch .main .line.l01{top:32%;}
#lead .catch .main .line.l02{top:87%;}
#lead .catch.delighter.started .main .line{width:calc(80%);}
#lead .catch h2,
#lead .catch.delighter h2{font-size: 4.5vw;}

#lead .leadText p{font-size: 17px;}

/* --------------------------------- */

.menu{ width:90%;}
.menu .category .num{font-size: 4.0vw;margin-top: 2.5vw;}
.menu .category .num span{font-size: 5.0vw;}
.menu .category h2{font-size: 5.0vw;}
.menu .category .menuName{font-size:3.0vw;top: 56%;}
.menu .category .more a{font-size:3.0vw;}
.menu .category .navImage{width: 52%;margin-left: 48%;}

/* --------------------------------- */

.scene .sceneHeader .title .num,
.scene .sceneHeader.delighter .title .num{font-size:22px;}
.scene .sceneHeader .title h3,
.scene .sceneHeader.delighter .title h3{font-size: 18px;}
.scene .sceneHeader .catch h2{font-size: 40px;margin: 10% 0 10%;}
.scene .sceneHeader .secneLead{font-size: 16px;}
.scene .sceneHeader .secneLead br.res02{display: block;}

.scene .gender h3,
.scene .gender.delighter.started h3{font-size: 32px;}
.scene .gender.delighter.started .line.top,
.scene .gender.delighter.started .line.bottom{width: 90%;}

.scene .subTitle p{font-size: 20px;}
.scene .subTitle h4{font-size: 25px;}

/* --------------------------------- */

.itemList dl .name{width:calc(100% - 170px);}
.itemCoordinate .itemList dl .name{width:calc(100% - 170px);}

/* --------------------------------- */

.itemCoordinate .title h2,
.itemCoordinate .title.delighter h2{font-size: 32px;}
.itemCoordinate .coordiSubTitle p{font-size: 18px;}
.itemCoordinate .coordiSubTitle h4{font-size: 24px;}

/* --------------------------------- */

.footer .relationBanner{width: 100%;}
.footer .relationBanner h3{font-size:4.0vw;}

.footer .footerTitle h3{font-size: 32px;}

.footer .otherContents{margin-top: 11%;}
.footer .otherContents .otherTitle h3{font-size: 21px;}
.footer .otherContents .otherTitle h4{font-size: 17px;}
.footer .otherContents .inner{margin-top: 14%;}

.footer .golf h2{max-width:180px;}
.footer .golf h4{font-size: 22px;}

.footer .golf .inner{width: 95%;}


.footer .sns{margin: 28% auto;}
.footer .onwardLogo{width: 150px;}
.footer .copyright{font-size:12px;}


.spBottomNavi{bottom: -17.5vw;}
.spBottomNavi ul li{height: 17vw;}
.spBottomNavi ul li:last-child img{width: 50%;}
.spBottomNavi ul li a{height: 17vw;}
.spBottomNavi ul li a p{padding: 0 5%;}

}







@media(max-width:440px) {


#loader-bg .spinner > div {width: 9px;height: 9px;margin: 0 6px;}

/* --------------------------------- */

#lead .catch.delighter .main h1{width:58%;}
#lead .catch h2,
#lead .catch.delighter h2{font-size: 5.0vw;}
#lead .leadText p{font-size: 15px;}

/* --------------------------------- */

.menu .category .num{font-size: 3.8vw;margin-top: 2.5vw;}
.menu .category .num span{font-size: 4.5vw;}
.menu .category .menuName{font-size:3.1vw;}

/* --------------------------------- */

.fullLine{margin: 28% auto;}
.footer .fullLine{margin: 27% auto;}

/* --------------------------------- */

.scene .sceneHeader .title .num,
.scene .sceneHeader.delighter .title .num{font-size:20px;}

.scene .sceneHeader .title h3,
.scene .sceneHeader.delighter .title h3{font-size: 15px;margin-top:25px;}

.scene .sceneHeader .catch h2{font-size: 36px;margin: 12% 0 10%;}
.scene .sceneHeader .secneLead{font-size: 14px;}

/* --------------------------------- */

.scene .gender h3,
.scene .gender.delighter.started h3{font-size: 30px;padding: 18px 0;}

/* --------------------------------- */

.scene .subTitle{margin-top:11%;}
.scene .subTitle p{font-size: 17px;}
.scene .subTitle h4{font-size: 22px;margin-top: 13px;}
.scene .subTitle h4:before{width: 11px;height: 11px;left:-30px;}
.scene .subTitle h4:after{width: 11px;height: 11px;right: -30px;}

/* --------------------------------- */

.itemMain{margin-top:9%;width: 83%;}
.itemMain .details .comment{font-size:14px;margin-top: 25px;}

/* --------------------------------- */

.itemList dl .name{padding-top: 1.2em; width:calc(100% - 140px);font-size: 14px;}
.itemCoordinate .itemList dl .name{padding-top:1.2em;width:calc(100% - 140px);font-size: 14px;}
.itemList dl .price{font-size: 14px;padding: 12px 0;width:4.5em;}
.itemList dl dd{width: 62px;}
.itemList dl dd a{font-size: 13px;}
.itemList .otherTrigger{font-size: 13px;width: 170px;}

/* --------------------------------- */

.itemCoordinate .title h2,
.itemCoordinate .title.delighter h2{font-size: 30px;}
.itemCoordinate .coordiSubTitle p{font-size: 17px;}
.itemCoordinate .coordiSubTitle h4{font-size: 22px;}
.itemCoordinate .coordiSubTitle h4:before{width: 11px;height: 11px;left:-30px;}
.itemCoordinate .coordiSubTitle h4:after{width: 11px;height: 11px;right: -30px;}


.itemCoordinate .styles{padding:0 7%;}

.itemCoordinate .sideTitle,
.itemCoordinate .sideTitle.delighter{left: -6%;width: 10%;top:calc( 5.5% + 45px );}
.itemCoordinate .sideTitle.delighter.started{left: -1%;}

.itemCoordinate .itemList{width: 100%;margin-top: 20px;}
.slick-prev,
.slick-next {margin-top:-13px;width: 25px;height: 25px;top:50%;}
.slick-prev{left:-23px;}
.slick-next{right:-23px;}

/* --------------------------------- */

.footer{margin-top: 27%;}
.footer .relationBanner h3{font-size:4.8vw;}

.footer .footerTitle h3{font-size: 30px;}
.footer .otherContents{margin-top: 13%;}
.footer .otherContents .otherTitle h3{font-size: 19px;}
.footer .otherContents .otherTitle h4{font-size: 15px;}
.footer .otherContents .otherTitle p{width: 16em;}

.footer .otherContents ul{width: 85%;}
.footer .otherContents ul li:first-child{margin-bottom:10%;}

.footer .golf h2{max-width:160px;}
.footer .golf h4{font-size: 20px;}
.footer .golf ul{margin-top:10%;}


.footer .sns{margin: 27% auto;}
.footer .sns h3{font-size:16px;}


.footer .onwardLogo{width: 140px;}
.footer .copyright{font-size:11px;padding: 20px 0 28vw;}

.spBottomNavi ul li a p{padding: 0%;}


}






@media(max-width:350px) {

#lead .catch h2,
#lead .catch.delighter h2{font-size: 4.7vw;}
#lead .leadText p{font-size: 4.0vw;}


.scene .sceneHeader .title .num,
.scene .sceneHeader.delighter .title .num{font-size:18px;}

.scene .sceneHeader .title h3,
.scene .sceneHeader.delighter .title h3{font-size: 4.0vw;}

.scene .sceneHeader .catch h2{font-size: 8.5vw;}
.scene .sceneHeader .secneLead{font-size: 3.8vw;}
.scene .sceneHeader .secneLead br.res04{display: block;}

.scene .gender h3,
.scene .gender.delighter.started h3{font-size: 8.0vw;padding: 15px 0;}


.scene .subTitle{margin-top:11%;}
.scene .subTitle p{font-size: 4.5vw;}
.scene .subTitle h4{font-size: 6.0vw;margin-top: 2.5vw;}

.itemMain .details .comment{font-size:13px;margin-top: 20px;}

.itemList dl .name{padding-top: 1.2em; width:calc(100% - 125px);font-size: 13px;}
.itemCoordinate .itemList dl .name{padding-top:1.2em;width:calc(100% - 125px);font-size: 13px;}
.itemList dl .price{font-size: 13px;padding: 12px 0;width:4.5em;}
.itemList dl dd{width: 55px;}
.itemList dl dd a{font-size: 12px;}
.itemList .otherTrigger{font-size: 12px;width: 160px;}


.itemCoordinate .title h2,
.itemCoordinate .title.delighter h2{font-size: 8.0vw;}
.itemCoordinate .coordiSubTitle p{font-size: 4.5vw;}
.itemCoordinate .coordiSubTitle h4{font-size: 6.0vw;}

.slick-prev,
.slick-next {margin-top:-10px;width: 20px;height: 20px;top:46%;}
.slick-prev{left:-19px;}
.slick-next{right:-19px;}


.footer .relationBanner h3{font-size:4.5vw;}

.footer .footerTitle h3{font-size: 8.0vw;}
.footer .otherContents{margin-top: 13%;}
.footer .otherContents .otherTitle h3{font-size: 5.3vw;}
.footer .otherContents .otherTitle h4{font-size: 4.2vw;}
.footer .otherContents .otherTitle p{width: 13em;}

.footer .otherContents ul{width: 85%;}
.footer .otherContents ul li:first-child{margin-bottom:10%;}

.footer .golf h2{max-width:50%;}
.footer .golf h4{font-size: 5.5vw;}
.footer .golf ul{margin-top:10%;}


.footer .sns h3{font-size:4.5vw;}


.footer .onwardLogo{width: 120px;}
.footer .copyright{font-size:10px;padding: 20px 0 26vw;}



.spBottomNavi{bottom: -16.5vw;}
.spBottomNavi ul li{height: 16vw;}
.spBottomNavi ul li a{height: 16vw;}


}