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



@media(max-width:1180px) {

#header .logo23ku{width: 70px;top: 22px;left: 22px;}

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

.category{margin-top: 25%;}

.categoryHeader .cTitle .cover,
.categoryHeader .cTitle.delighter .cover{right: 10%;width:90%;}
.categoryHeader .cTitle .titleBox{padding: 9% 0 9%;}
.categoryHeader .num,
.categoryHeader .delighter .num{font-size: 23px;}
.categoryHeader .num span{font-size: 17px;}
.categoryHeader h2,
.categoryHeader .delighter h2{font-size: 62px;}
.categoryHeader h3,
.categoryHeader .delighter h3{font-size: 32px;}


.categoryHeader .cImage{padding: 7% 0;}

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

.itemSet{margin-top: 23%;}

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

.footer{margin-top: 23%;}
.footer .fullLine{margin: 21%  -5%;}
.footer .allBanner a .text h3{font-size: 24px;}
.footer .allBanner a .text h3 span{top: 36px;width: 250px;}
.footer .allBanner a .photo p{font-size: 23px;}

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

.footer .otherContents{margin-top: 80px;}
.footer .otherContents .otherTitle h3{font-size: 28px;}
.footer .otherContents .otherTitle h4{font-size: 23px;}

.footer .golf h2{max-width:300px;}
.footer .golf .onlinestore{margin-top: 70px;}
.footer .golf .onlinestore h3{font-size: 40px;}
.footer .golf .onlinestore h4{font-size: 28px;}
.footer .golf ul{margin-top: 100px;}

.footer .sns{margin: 160px auto;}

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

.sideNavi{max-width:8.5%;}
.sideNavi ul li{padding: 16px 0;}
.sideNavi ul li a .num{font-size: 14px;}
.sideNavi ul li a .num p{padding-left: 1.8em;}
.sideNavi ul li a .num span{font-size: 10px;}


}



@media(max-width:960px) {

#header .logo23ku{width: 65px;top: 20px;left: 20px;}

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

.categoryHeader .num,
.categoryHeader .delighter .num{font-size: 21px;border-width: 5px;}
.categoryHeader .num span{font-size: 17px;}
.categoryHeader h2,
.categoryHeader .delighter h2{font-size: 58px;}
.categoryHeader h3,
.categoryHeader .delighter h3{font-size: 29px;}

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

.itemSet .itemHeader .gender{font-size: 28px;padding: 0 1.2em 30px;}
.itemSet .itemHeader .gender:after,
.itemSet .itemHeader.delighter .gender:after{height: 16px;}

.itemSet .photoSet .colorBK{padding-top: calc(116% + 70px);}

.itemSpec,
.delighter .itemSpec{height: 70px;}
.itemSpec dl .price{left: 54%;}



}






@media(max-width:900px) {


#header .onward{width: 75px;top: 15px;right: 15px;}
#header .logo23ku{width: 55px;top: 15px;left: 15px;}

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

.categoryHeader .cTitle .cover,
.categoryHeader .cTitle.delighter .cover{right: 7%;width:93%;}

.categoryHeader .cTitle .inner{width: 94%;}
.categoryHeader .cTitle .inner:after{width: 94.5%;}

.categoryHeader .cTitle .titleBox{width: 94%;padding: 8% 0 8%;}

.categoryHeader .text{padding-left: 4.5%;}
.categoryHeader .text:after{width: 97.5%;height: 5px;}
.categoryHeader h2,
.categoryHeader .delighter h2{font-size: 55px;}
.categoryHeader h3,
.categoryHeader .delighter h3{font-size: 26px;}

.categoryHeader .imageSet{width: 84%;}

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

.itemSet{width: 94%;}
.itemSet .itemSetInner{width: 100%;}
.itemSet .itemHeader{width: 92%;}
.itemSet .itemHeader .gender{font-size: 26px;padding: 0 1.1em 28px;}
.itemSet .itemHeader .gender:after,
.itemSet .itemHeader.delighter .gender:after{height: 14px;}
.itemSet .itemHeader p,
.itemSet .itemHeader.delighter p{font-size: 15px;}


.itemSet .photoSet .colorBK{padding-top: calc(116% + 65px);}
.itemSpec,
.delighter .itemSpec{height: 65px;}

.itemSpec dl .name{font-size: 13px;}
.itemSpec dl .price{font-size: 13px;}
.itemSpec dl .price span{font-size: 11px;}
.itemSpec dl dd a{font-size: 15px;}

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

.sideNavi{display: none;}

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


.footer{width:90%;margin-top: 25%;}
.footer .allBanner a .text h3{font-size: 21px;top: 47%;}
.footer .allBanner a .text h3 span{top: 32px;width: 215px;}
.footer .allBanner a .photo p{font-size: 20px;}

.footer .footerTitle{margin-top: 23%;width: 100%;padding-bottom: 25px;}
.footer .footerTitle h3{font-size: 38px;}

.footer .otherContents{margin-top: 70px;}
.footer .otherContents .otherTitle h3{font-size: 25px;}
.footer .otherContents .otherTitle h4{font-size: 21px;}

.footer .otherContents .inner{margin-top: 50px;}
.footer .otherContents ul{width: 105%;}
.footer .otherContents ul li{width: 45%;margin-right: 5%;}

.footer .fullLine{width: 106%;margin: 22%  -3%;}

.footer .golf h2{max-width:280px;}
.footer .golf .onlinestore{margin-top: 60px;}
.footer .golf .onlinestore h3{font-size: 38px;}
.footer .golf .onlinestore h4{font-size: 25px;}
.footer .golf ul{margin-top: 80px;}



.footer .sns{margin: 18% auto;}
.footer .sns h3{font-size: 19px;}
.footer .sns .instagram{ width: 35px;margin-top: 25px;}
.footer .onwardLogo{width: 180px;}
.footer .copyright{font-size: 14px;padding: 30px 0 40px;}
.footer .pagetop{width: 35px;right: -40px;}


}




@media(max-width:768px) {

.wide{display: none;}


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

#header{padding-top: 77%;}

#header h2{top: 52%;font-size: 2.0vw;}
#header.start h2{top: 58%;}
#header h2 span{font-size: 2.6vw;}
/*
#header{width: 100%;height: 100%;padding-top: 0;}

#header h1{
	position: absolute;
	width: 70%;
	top:auto;
	bottom: 52%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform:none;
	transform:none;
}

#header.start h1:before{top: -10%;}
#header.start h1:after{bottom: -10%;}

#header h2{
	width: 70%;
	top: auto;
	bottom: 53%;
	font-size: 2.3vw;
	text-align: left;
	-webkit-transform:translateY(-600%);
	transform:translateY(-600%);
	-webkit-transition: bottom 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.6s 0.5s;
	transition: bottom 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.6s 0.5s;
}
#header.start h2{top: auto;bottom: 50%;}
#header h2 span{font-size: 2.7vw;}

#header .onward{width: 80px;top: 20px;right: 20px;}
#header .logo23ku{width: 70px;top: 18px;left: 18px;}




.cover-slider_wrap{width: 100%;top: 0;right: 0;bottom: 0;}
.cover-slider_wrap.slide01{top: 0;bottom: 50%;left: 0;}
.cover-slider_wrap.slide02{top: 50%;bottom: 0;left: 0;}

.slide01 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp_01.jpg");}
.slide01 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp_02.jpg");}
.slide01 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp_03.jpg");}
.slide02 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp_04.jpg");}
.slide02 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp_05.jpg");}
.slide02 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp_06.jpg");}


*/

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

.category{margin-top: 30%;}

.categoryHeader .cTitle .cover,
.categoryHeader .cTitle.delighter .cover{right: 5%;width:95%;}

.categoryHeader .cTitle .inner{width: 90.5%;}
.categoryHeader .cTitle .inner:after{width: 97.5%;}

.categoryHeader .cTitle .titleBox{width: 95%;padding: 9% 0;margin: 0 0 0 5%;}

.categoryHeader .text{padding-left: 5.5%;padding-bottom: 40px;}
.categoryHeader .text:after{height: 6px;}

.categoryHeader .num,
.categoryHeader .delighter .num{border-width: 6px;padding: 0 0.3em;}
.categoryHeader h2,
.categoryHeader .delighter h2{font-size: 52px;margin-top: 20px;}
.categoryHeader h3,
.categoryHeader .delighter h3{font-size: 24px;}

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

.categoryHeader .cImage{padding: 8% 0;}
.categoryHeader .imageSet{width: 87%;}

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

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


.itemSet .itemHeader{width: 84%;}
.itemSet .itemHeader .gender:after,
.itemSet .itemHeader.delighter .gender:after{height: 12px;}

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

.itemSet .detail{width: 84%;margin: 0 auto;}

.itemSet .photoSet{width: 92%;margin-top: 10%;}
.itemSet.sta .photoSet{float: none;}
.itemSet.rev .photoSet{float: none;margin-left: 8%;}

.itemSet .photoSet .photoInner{padding-top: 15%;}
.itemSet .photoSet .colorBK{padding-top: calc(118% + 100px);}

.itemSpec,
.delighter .itemSpec{height: 100px;}

.itemSpec dl .name{font-size: 14px;}
.itemSpec dl .price{font-size: 14px;}
.itemSpec dl .price span{font-size: 12px;}
.itemSpec dl dd a{font-size: 15px;}


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

.itemSet .itemInfo{width: 88%;margin-top: 14%;padding-top: 1px;padding-bottom: 15vw;}
.itemSet.sta .itemInfo{float: none;margin-left: 8.5%;}
.itemSet.rev .itemInfo{float: none;margin-left: 3.5%;}

.itemSet .itemInfo .line,
.itemSet .itemInfo.delighter .line{
	-webkit-transition: height 1.5s cubic-bezier(0.76, 0, 0.3, 1) 0s;
	transition: height 1.5s cubic-bezier(0.76, 0, 0.3, 1) 0s;
}
.itemSet .itemInfo.delighter.started .line{height: 65%;}

.itemSet .itemInfo .line:before,
.itemSet .itemInfo.delighter .line:before{
	-webkit-transition: width 1.5s cubic-bezier(0.76, 0, 0.3, 1) 0s;
	transition: width 1.5s cubic-bezier(0.76, 0, 0.3, 1) 0s;
}
.itemSet .itemInfo .line:after{
	-webkit-transition: width 1.3s cubic-bezier(0.76, 0, 0.3, 1) 1.1s;
	transition: width 1.3s cubic-bezier(0.76, 0, 0.3, 1) 1.1s;
}
.itemSet .itemInfo .itemPhoto,
.itemSet .itemInfo.delighter .itemPhoto{
	margin-top: 18%;
	-webkit-transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.3s, opacity 1.2s 1.3s;
	transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.3s, opacity 1.2s 1.3s;
}
.itemSet .itemInfo .otherPhoto,
.itemSet .itemInfo.delighter .otherPhoto{
	-webkit-transition: left 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.3s, opacity 1.2s 1.3s;
	transition: left 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.3s, opacity 1.2s 1.3s;
}
.itemSet .itemInfo span,
.itemSet .itemInfo.delighter span{
	-webkit-transition: opacity 1.0s 2.0s;
	transition: opacity 1.0s 2.0s;
}

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



.footer{width:90%;margin-top: 27%;}


.footer .allBanner a{border:1px solid #A7641A; }
.footer .allBanner a .photo{background-image:url("../../images/allbanner_sp.jpg");padding-top: 27.5%;}

.footer .allBanner a .text h3{
	font-size: 21px;
	text-align:left;
	line-height: 1.5;
	left: 50%;
	margin: 0 auto;
	white-space: nowrap;
	 -webkit-transform:translate(-50%,-50%);
	transform:translate(-50%, -50%);
}
.footer .allBanner a .text h3 br{display: block;}
.footer .allBanner a .text h3 i{display: inline-block;}
.footer .allBanner a .text h3 span{
	top: 70px;
	width: auto;
	left: -10px;
	right: -10px;
	padding-top: 5%;
}
.footer .allBanner a .photo p{opacity: 1;}


.footer .footerTitle{margin-top: 26%;padding-bottom: 20px;}
.footer .footerTitle h3{font-size: 38px;}

.footer .otherContents{margin-top: 50px;}
.footer .otherContents .otherTitle h3{font-size: 24px;}
.footer .otherContents .otherTitle h4{font-size: 20px;margin-top: 0.5em;}

.footer .otherContents .inner{margin-top: 40px;}
.footer .otherContents ul{width: 103%;}
.footer .otherContents ul li{width: 47%;margin-right: 3%;}

.footer .fullLine{margin: 24% 0;width: 100%;}


.footer .golf h2{max-width:250px;}
.footer .golf .onlinestore{margin-top: 50px;}
.footer .golf .onlinestore h3{font-size: 38px;padding: 0.6em 0 0.5em;}
.footer .golf .onlinestore h4{font-size: 24px;}

.footer .golf .onlinestore h3:before{height: 2px;}
.footer .golf .onlinestore h3:after{height: 2px;}

.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: 24% auto;}
.footer .sns h3{font-size: 18px;}
.footer .sns .instagram{ width: 35px;margin-top: 25px;}

.footer .onwardLogo{width: 170px;}
.footer .copyright{font-size: 14px;padding: 30px 0 calc(16vw + 40px);}

.footer .pagetop{display: none;}


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


.spBottomNavi{
	display: block;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: -15vw;
	z-index: 200;
	-webkit-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: 28%;
	display: inline-block;
	text-align: center;
	height: 14.5vw;
	position: relative;
	vertical-align: top;
}
.spBottomNavi ul li:last-child{
	width: 16%;
	background: #C8C8C8;
}
.spBottomNavi ul li:last-child img{
	width: 36%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.spBottomNavi ul li a{
	display: block;
	width: 100%;
	height: 14.5vw;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.spBottomNavi ul li.n01 a{background-image: url("../../images/spnav01.jpg") }
.spBottomNavi ul li.n02 a{background-image: url("../../images/spnav02.jpg") }
.spBottomNavi ul li.n03 a{background-image: url("../../images/spnav03.jpg") }

.spBottomNavi ul li a p{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	padding: 0 7%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}


}















@media(max-width:650px) {


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


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



#header{width: 100%;height: 100%;padding-top: 0;}

#header h1{
	position: absolute;
	width: 70%;
	top:auto;
	bottom: 52%;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transform:none;
	transform:none;
}

#header.start h1:before{top: -10%;}
#header.start h1:after{bottom: -10%;}

#header h2{
	top: auto;
	bottom: 53%;
	text-align: left;
	-webkit-transform:translateY(-600%);
	transform:translateY(-600%);
	-webkit-transition: bottom 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.6s 0.5s;
	transition: bottom 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.6s 0.5s;
}
#header.start h2{top: auto;bottom: 50%;}
#header h2 span{font-size: 2.7vw;}


#header h1{width: 80%;bottom: 51.8%;}
#header h1 span{width: 90%;margin: 0 auto;}

#header h2{
	width: 80%;
	font-size: 3.0vw;
	-webkit-transform:translateY(-475%);
	transform:translateY(-475%);
}
#header h2 span{font-size: 3.6vw;}

#header .onward{width: 70px;top: 15px;right: 15px;}
#header .logo23ku{width: 57px;top: 15px;left: 15px;}



.cover-slider_wrap{width: 100%;top: 0;right: 0;bottom: 0;}
.cover-slider_wrap.slide01{top: 0;bottom: 50%;left: 0;}
.cover-slider_wrap.slide02{top: 50%;bottom: 0;left: 0;}

.slide01 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp_01.jpg");}
.slide01 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp_02.jpg");}
.slide01 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp_03.jpg");}
.slide02 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainsp_04.jpg");}
.slide02 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainsp_05.jpg");}
.slide02 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainsp_06.jpg");}













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


.categoryHeader .cTitle .inner{width: 86%;}
.categoryHeader .cTitle .inner:after{width: 102%;}

.categoryHeader .cTitle .titleBox{width: 95%;margin-left:7%;padding: 9% 0;}

.categoryHeader .text{padding-left: 5.5%;padding-bottom: 35px;}
.categoryHeader .text:after{width: 100%;height: 6px;}

.categoryHeader .num,
.categoryHeader .delighter .num{border-width: 6px;padding: 0 0.1em;line-height: 1.2;}
.categoryHeader h2,
.categoryHeader .delighter h2{font-size: 45px;margin-top: 16px;}
.categoryHeader h3,
.categoryHeader .delighter h3{font-size: 22px;line-height: 1.5;}
.categoryHeader h3 br{display: block;}

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

.categoryHeader .cImage{padding: 7% 0;}

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

.itemSet{margin-top: 25%;}
.itemSet.c0101,
.itemSet.c0201,
.itemSet.c0301{margin-top: 20%;}

.itemSet .itemHeader{width: 85%;}
.itemSet .itemHeader .gender{font-size: 23px;padding: 0 1.1em 22px;}
.itemSet .itemHeader .gender:after,
.itemSet .itemHeader.delighter .gender:after{height: 10px;}
.itemSet .itemHeader p,
.itemSet .itemHeader.delighter p{margin-top: 2.0em;line-height: 1.9;}

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

.itemSet .detail{width: 100%;}
.itemSet .photoSet{width: 92%;margin-top: 14%;}

.itemSet .photoSet .colorBK{padding-top: calc(118% + 85px);}
.itemSpec,
.delighter .itemSpec{height: 85px;width: 86%;}
.itemSet.sta .itemSpec{left: 10%;}
.itemSet.rev .itemSpec{right: 11%;}

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

.itemSet .itemInfo{width: 87%;}
.itemSet.sta .itemInfo{float: none;margin-left: 8.5%;}
.itemSet.rev .itemInfo{float: none;margin-left: 4.5%;}

.itemSet .itemInfo.delighter.started .line:after{width: 60%;}

.itemSet .itemInfo .itemPhoto,
.itemSet .itemInfo.delighter .itemPhoto{width: 78%;margin-top: 19%;}
.itemSet.sta .itemInfo .itemPhoto{margin-left: 8.75%;}
.itemSet.rev .itemInfo .itemPhoto{margin-left: 13.25%;}

.itemSet .itemInfo .otherPhoto,
.itemSet .itemInfo.delighter .otherPhoto{margin-top: 18%;width: 47%;}
.itemSet.rev .itemInfo .otherPhoto,
.itemSet.rev .itemInfo.delighter .otherPhoto{margin-left: 60%;left: -30px;}





.itemSet .itemInfo span,
.itemSet .itemInfo.delighter span{width: 120%;}
.itemSet .itemInfo .otherPhoto span{width: 199%;}/*x166*/




.itemSet.c0101 .itemInfo .t01{right: -12.5%;top: -13%;}
.itemSet.c0101 .itemInfo .t02{right: -11%;bottom: -18%;}
.itemSet.c0101 .itemInfo .t03{left: 10%;bottom: -25%;}

.itemSet.c0102 .itemInfo .t01{left: -10%;top: -17%;}
.itemSet.c0102 .itemInfo .t02{right: -12%;bottom: -18%;}
.itemSet.c0102 .itemInfo .t03{left: -95%;bottom: -37%;}

.itemSet.c0201 .itemInfo .t01{left: -11%;top: -11%;}
.itemSet.c0201 .itemInfo .t02{right: -11%;bottom: -15%;}
.itemSet.c0201 .itemInfo .t03{left: 0%;bottom: -35%;}

.itemSet.c0202 .itemInfo .t01{left: -11%;top: -11%;}
.itemSet.c0202 .itemInfo .t02{right: -11%;bottom: -17%;}
.itemSet.c0202 .itemInfo .t03{left: -95%;bottom: -37%;}

.itemSet.c0301 .itemInfo .t01{left: -11%;top: -13%;}
.itemSet.c0301 .itemInfo .t02{left: 5%;bottom: -15%;}
.itemSet.c0301 .itemInfo .t03{left: 10%;bottom: -25%;}

.itemSet.c0302 .itemInfo .t01{left: -10%;top: -16%;}
.itemSet.c0302 .itemInfo .t02{right: -11%;bottom: -17%;}
.itemSet.c0302 .itemInfo .t03{left: -95%;bottom: -25%;}

.itemSet.c0303 .itemInfo .t01{right: -12%;top: -14%;}
.itemSet.c0303 .itemInfo .t02{left: -10%;bottom: -16%;}
.itemSet.c0303 .itemInfo .t03{left: 10%;bottom: -25%;}

.itemSet.c0304 .itemInfo .t01{left: -12%;top: -21%;}
.itemSet.c0304 .itemInfo .t02{right: -11%;bottom: -17%;}
.itemSet.c0304 .itemInfo .t03{left: -95%;bottom: -25%;}












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

.footer{margin-top: 29%;}

.footer .allBanner a .text h3{font-size: 3.4vw;width: 29vw;}
.footer .allBanner a .text h3 span{top: 11.0vw;left: -1vw;right: -1vw;}
.footer .allBanner a .photo p{font-size: 3.3vw;padding: 1.3vw 1.6vw;}


.footer .footerTitle{margin-top: 26%;padding-bottom: 15px;width: 90%;}
.footer .footerTitle h3{font-size: 32px;}
.footer .footerTitle .bar{height: 1px;}

.footer .otherContents{margin-top: 30px;width:90%;}
.footer .otherContents .otherTitle h3{font-size: 22px;}
.footer .otherContents .otherTitle h4{font-size: 17px;}

.footer .otherContents .inner{margin-top: 40px;}
.footer .otherContents ul{width: 90%;margin: 0 auto;}
.footer .otherContents ul li{width: 100%;margin:0 0 7% 0;}
.footer .otherContents ul li:last-child{margin-bottom: 0;}

.footer .fullLine{margin: 25% 0;}


.footer .golf h2{max-width:200px;}
.footer .golf .onlinestore{margin-top: 30px;}
.footer .golf .onlinestore h3{font-size: 30px;}
.footer .golf .onlinestore h4{font-size: 22px;}
.footer .golf .onlinestore h3:before{height: 1px;}
.footer .golf .onlinestore h3:after{height: 1px;}

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


.footer .sns .instagram{ width: 32px;margin-top: 21px;}
.footer .onwardLogo{width: 160px;}
.footer .copyright{font-size:13px;padding: 25px 0 calc(17vw + 40px);}


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

.spBottomNavi{bottom: -15.7vw;}
.spBottomNavi ul li{height: 15.5vw;width: 29%;}
.spBottomNavi ul li a{height: 15.5vw;}
.spBottomNavi ul li:last-child{width: 13%;}
.spBottomNavi ul li:last-child img{width: 50%;}
.spBottomNavi ul li a p{padding: 0 4%;}


}





@media(max-width:510px) {

#header h1{width: 90%;margin: 0 0 0 10%;}
#header h1 span{width: 90%;margin:0;}
#header h2{
	font-size: 3.4vw;
	-webkit-transform:translateY(-470%);
	transform:translateY(-470%);
}
#header h2 span{font-size: 4.0vw;}
#header .onward{width: 12%;top: 15px;right: 15px;}
#header .logo23ku{width: 11%;top: 15px;left: 15px;}

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

.category{margin-top: 35%;}

.categoryHeader .cTitle .titleBox{padding: 11% 0 14%;}

.categoryHeader .delighter .num{font-size: 18px;}
.categoryHeader .num span{font-size: 15px;}

.categoryHeader h2,
.categoryHeader .delighter h2{font-size: 42px;margin-top: 16px;}
.categoryHeader h3,
.categoryHeader .delighter h3{font-size: 20px;}

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

.itemSet{margin-top: 30%;}
.itemSet.c0101,
.itemSet.c0201,
.itemSet.c0301{margin-top: 20%;}

.itemSet .itemHeader .gender{font-size: 20px;padding: 0 1.1em 19px;}

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

.footer .footerTitle{margin-top: 28%;padding-bottom: 12px;}
.footer .footerTitle h3{font-size: 27px;}

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

.footer .otherContents .otherTitle h3{font-size: 19px;}
.footer .otherContents .otherTitle h4{font-size: 16px;}

.footer .golf h2{max-width:180px;}
.footer .golf .onlinestore h3{font-size: 27px;}
.footer .golf .onlinestore h4{font-size: 18px;}
.footer .golf .inner{width: 85%;}

.footer .sns{margin: 28% auto;}
.footer .sns h3{font-size: 16px;}
.footer .sns .instagram{ width: 30px;margin-top: 20px;}

.footer .onwardLogo{width: 150px;}
.footer .copyright{font-size:12px;padding-bottom:calc(17vw + 40px);}


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

.spBottomNavi{bottom: -17.5vw;}
.spBottomNavi ul li{height: 17vw;width: 29%;}
.spBottomNavi ul li a{height: 17vw;}
.spBottomNavi ul li:last-child{width: 13%;}
.spBottomNavi ul li:last-child img{width: 58%;}
.spBottomNavi ul li a p{padding: 0 1%;}

}







@media(max-width:440px) {


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

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

#header h1{width: 93%;margin: 0 0 0 7%;bottom: 51.5%;}
#header h1 span{width: 94%;}

#header h2{width: 86%;font-size: 3.6vw;}
#header h2 span{font-size: 4.4vw;}

#header .onward{width: 14%;}
#header .logo23ku{width: 10%;}

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

.categoryHeader .text{padding-bottom: 25px;}

.categoryHeader .delighter .num{font-size: 17px;}
.categoryHeader .num span{font-size: 13px;}

.categoryHeader h2,
.categoryHeader .delighter h2{font-size: 39px;}
.categoryHeader h3,
.categoryHeader .delighter h3{font-size: 17px;margin-top: 14px;}

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

.itemSet .itemHeader .gender{font-size: 19px;padding: 0 1.1em 19px;}

.itemSet .itemHeader p,
.itemSet .itemHeader.delighter p{font-size: 14px;}

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

.itemSet .photoSet{margin-top: 15%;}
.itemSet .photoSet .colorBK{padding-top: calc(118% + 70px);}
.itemSpec,
.delighter .itemSpec{height: 70px;width: 85%;}

.itemSpec dl .name{font-size: 13px;}
.itemSpec dl .price{font-size: 13px;left: 52%;}
.itemSpec dl .price span{font-size: 10px;padding-left: 3px;}
.itemSpec dl dd{width: 55px;}
.itemSpec dl dd a{font-size: 13px;padding: 5px 0px 6px;}

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


.footer{margin-top: 32%;}

.footer .allBanner a .text h3{font-size: 3.6vw;width: 31vw;}
.footer .allBanner a .text h3 span{top: 12.0vw;left: -1vw;right: -1vw;}


.footer .footerTitle{margin-top: 32%;padding-bottom: 10px;}
.footer .footerTitle h3{font-size: 24px;}


.footer .otherContents{margin-top: 30px;width: 100%;}
.footer .otherContents .otherTitle h3{font-size: 16px;}
.footer .otherContents .otherTitle h4{font-size: 14px;}

.footer .otherContents .inner{margin-top: 30px;}


.footer .golf h2{max-width:150px;}
.footer .golf .onlinestore{margin-top: 24px;}
.footer .golf .onlinestore h3{font-size: 24px;}
.footer .golf .onlinestore h4{font-size: 17px;margin-top: 10px;}

.footer .golf ul{margin-top:15%;}

.footer .sns h3{font-size:14px;}
.footer .sns .instagram{ width: 26px;margin-top: 15px;}

.footer .onwardLogo{width: 120px;}
.footer .copyright{font-size:11px;}

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

.spBottomNavi{bottom: -18.5vw;}
.spBottomNavi ul li{height: 18vw;}
.spBottomNavi ul li a{height: 18vw;}
.spBottomNavi ul li a p{padding: 0;}

}






@media(max-width:360px) {


.categoryHeader h2,
.categoryHeader .delighter h2{font-size: 37px;}
.categoryHeader h3,
.categoryHeader .delighter h3{font-size: 16px;margin-top: 12px;}

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

.itemSet .itemHeader .gender{font-size: 18px;padding: 0 1.1em 18px;}

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

.itemSet .itemHeader p,
.itemSet .itemHeader.delighter p{font-size: 13px;}

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


.footer .footerTitle h3{font-size: 23px;}
.footer .otherContents .otherTitle h3{font-size: 15px;}
.footer .otherContents .otherTitle h4{font-size: 13px;}
.footer .golf h2{max-width:130px;}
.footer .golf .onlinestore{margin-top: 20px;}
.footer .golf .onlinestore h3{font-size: 23px;}
.footer .golf .onlinestore h4{font-size: 16px;margin-top: 10px;}

.footer .golf ul{margin-top:15%;}
.footer .copyright{font-size:10px;}

}




