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



@media(min-width:1800px) {



}





@media(max-width:1180px) {


#header .headerInner{padding-top: 4%;}
#header .topIcon{margin-top: 3%;}

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

.lead h2{font-size: 30px;}
.lead p{font-size: 20px;}

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



.category{padding-top: 200px;width:85%;}


.category .styleLeft .balloon,
.category .styleLeft.delighter .balloon{
	width: 180px;
	padding-top: 180px;
	-webkit-transform:translate(20%,-65%) scale(0.8);
	transform:translate(20%,-65%) scale(0.8);
}
.category .styleLeft.delighter.started .balloon{
	-webkit-transform:translate(20%,-65%) scale(1.0);
	transform:translate(20%,-65%) scale(1.0);
}
.category .styleLeft .balloon h4{font-size: 17px;}



.category .styleLeft .photoSet .photoInner{padding-top: 17%;}
.category .styleLeft .photoSet .image,
.category .styleLeft.delighter .photoSet .image{width: 49%;left:1%;}
.category .styleLeft.delighter.started .photoSet .image{left: 3%;}

.category .styleLeft .photoSet .colorBK{width: 96%;padding-top: 123%;}
.category .styleLeft .comment{width: 46%; margin-top: 100px;}
.category .styleLeft .comment .inner,
.category .styleLeft.delighter .comment .inner{width: 90%;}

.category .comment p{font-size: 16px;margin-bottom: 1.5em;}


.category .styleRight{margin-top: -20vw;}
.category .styleRight .photoSet{width: 52%;}
.category .styleRight .photoSet .image,
.category .styleRight.delighter .photoSet .image{width: 49%;top: 0%;left:51%;padding-top: 3%;}
.category .styleRight.delighter.started .photoSet .image{left:48%;}

.category .styleRight .photoSet .colorBK{width:100%;padding-top: 152%;margin-top: -20vw;}
.category .styleRight .itemBox{width: 48%;padding: 20vw 3% 0 0%;position: relative;}
.category .styleRight .itemBox h3{margin-top:4vw;}

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

.itemList{margin-top: 0px;}
.itemList dl .name{width: calc( 100% - 200px );}
.itemList dl .price{width: 120px;right: 80px;}
.itemList dl dd{width: 65px;}

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


.coordinate{margin-top: 200px;}
.coordinate .cooedTitle{width: 80%;}
.coordinate .cooedTitle h3,
.coordinate .cooedTitle.delighter h3{font-size: 55px;}
.coordinate .cooedTitle .bar,
.coordinate .cooedTitle.delighter .bar{height: 18px;}

.coordinate  .itemBox{margin-top: 40px;}

.coordinate  .itemList dl .name{width: calc( 100% - 70px );padding-bottom:0;}
.coordinate  .itemList dl .price{right:0;position:relative;text-align: left;padding-top: 0;}

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

.sideNavi{width:40px;}

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

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

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

.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: 24px;}
.footer .otherContents .inner{margin-top: 80px;width: 100%;}

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

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


}


@media(max-width:960px) {
.category .comment p{font-size: 15px;}
}

@media(max-width:900px) {

#header .onward{width: 80px;right: 15px;}
#header .logo23ku{width: 50px;left:15px;}

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

#menu{margin-top: 1.5%;}
#menu .centerBox ul li a{font-size: 14px;}

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

.lead h2{font-size: 28px;}
.lead p{font-size: 18px;}

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

.categoryTitle .titleInner{width: 93%;}
.categoryTitle .image{width: 84%;}
.categoryTitle .temp{right: -3%;padding-top:39.5%;}
.categoryTitle .temp p{width: 70%;}



.category{padding-top: 200px;width:90%;}

.category .styleLeft .balloon,
.category .styleLeft.delighter .balloon{width: 160px;padding-top: 160px;}
.category .styleLeft .balloon h4{font-size: 16px;}

.category .styleLeft .comment{margin-top:85px;}
.category .styleLeft .comment .inner,
.category .styleLeft.delighter .comment .inner{width: 95%;}
.category .comment p{font-size: 15px;line-height: 1.6;}

.category .styleRight{margin-top: -16vw;}
.category .styleRight .photoSet .colorBK{margin-top: -16vw;}
.category .styleRight .itemBox{;padding: 16vw 3% 0 0;}
.category .styleRight .itemBox h3{font-size: 15px;margin-top: 35px;}

.itemList dl {margin-top: 12px;}
.itemList dl .name{width: calc( 100% - 190px );}
.itemList dl .price{width: 110px;right: 75px;}
.itemList dl dd{width: 60px;}


.itemList .otherTrigger{margin-top:12px;font-size: 13px;padding: 7px 0 8px;width: 90%;}


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

.coordinate{margin-top: 180px;}
.coordinate .cooedTitle{width:90%;}
.coordinate .cooedTitle .bar,
.coordinate .cooedTitle.delighter .bar{height: 15px;}
.coordinate .cooedTitle h3,
.coordinate .cooedTitle.delighter h3{font-size: 50px;}

.coordinate .cooedItems{margin-top: 80px;}
.coordinate .cooedItems h4{font-size: 26px;margin-bottom:40px;}
.coordinate .cooedItems h5{font-size: 16px;}
.coordinate .cooedItems .photo{margin-top: 20px;}

.coordinate  .itemBox{margin-top: 30px;}

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

.sideNavi{display: none;}

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

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

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

.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 h3{font-size: 22px;}
.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: 32px;right: -35px;}


}








@media(max-width:768px) {

.wide{display: none;}

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

#header .headerInner{padding-top: 8%;}
#header h1{width: 50%;}

#header .topIcon{display: none;}

#header .onward{
	width: 15%;
    top: 2%;
    right: 2%;
}
#header .logo23ku{
	width: 8%;
    top: 2%;
    left:2%;
	right:auto;
	margin: 0;
}
/*--------------*/

#menu{margin-top: 5%;}

#menu .cover{
	-webkit-transition: width 1.4s cubic-bezier(0.45, 0, 0.55, 1);
	transition: width 1.4s cubic-bezier(0.45, 0, 0.55, 1);
}

#menu .naviInner{position: relative;}
#menu .sideBox{
	width: 14%;
	padding-top: 117%;
}
#menu .sideBox.left p{
	top:auto;
	bottom: 6%;
	width: 35%;
	-webkit-transform:none;
	transform:none;  
}
#menu .sideBox.right p{
	top:10%;
	width: 35%;
	-webkit-transform:none;
	transform:none;  
}
#menu .centerBox{
	width: 72%;
}
#menu .centerBox ul{
	width: 100%;
	padding: 7% 0 4%;
}
#menu .centerBox ul li{
	width:100%;
	margin-right:0%;
	margin-bottom: 3%;
	display: block;
}
#menu .centerBox ul li p{
	width: 50%;
	display: inline-block;
}
#menu .centerBox ul li a{
	font-size: 2.8vw;
	bottom: 5%;
	left: 50%;
	display:inline-block;
	margin: 0 auto;
	padding:7px 10px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);  
	-webkit-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 2.0s;
	transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 2.0s;
}
#menu.start .centerBox ul li a{opacity: 1;bottom: 9%;}

#menu .centerBox ul li h4{
	position: absolute;
	top: 36%;
	left:0;
	right: 0;
	display:block;
	margin: 0 auto;
	width: 34%;
	z-index: 10;
	opacity: 0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);  
	-webkit-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 2.0s;
	transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 2.0s;
}

#menu.start .centerBox ul li h4{opacity: 1;top: 40%;}



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

.lead{padding:15% 0;width: 100%;}
.lead h2{font-size: 34px;line-height: 1.8;padding:0 1em;background:none;}
.lead h2 br{display: block;}

.lead h2 span{position: relative;display: inline-block;width: 10em;}
.lead h2 span:after{
	content: "";
	position: absolute;
	bottom: 17%;
	left: 0;
	right: 0;
	height: 5px;
	z-index: -1;
	width: 100%;
	background: #D6D1C4;
}
.lead p{
	font-size: 20px;
}

.lead p br.res{display: block;}

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


.categoryTitle{padding: 3%;}
.categoryTitle .titleInner{width: 100%;}
.categoryTitle .image{width: 92%;margin: 0 auto;}
.categoryTitle .image h2{display: none;}


.categoryTitle .spTitle{width: 94%;margin: 3% auto 0;display: block;}
.categoryTitle .spTitle h2{width: 45%;}


.categoryTitle .temp{
	top:auto;
	right: 0;
	bottom: 5%;
	z-index: 5;
	width: 32%;
	padding: 0;
}
.categoryTitle .temp p{
	position:relative;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transform:none;
	transform:none;
}

.categoryTitle .temp p span{
	position: absolute;
	top: 67%;
	left: 17%;
	width: 60%;
	height: 16%;
	z-index: 10;
	overflow: hidden;
}
.categoryTitle .temp p span img,
.categoryTitle.delighter .temp p span img{
	position: relative;
	top: 0;
	left: -86%;
	display: block;
	-webkit-transition: left 1.5s cubic-bezier(0.45, 0, 0.55, 1) 1.8s;
	transition: left 1.5s cubic-bezier(0.45, 0, 0.55, 1) 1.8s;
}

.categoryTitle.early.delighter.started .temp p span img{top: 0;left: -10%;}
.categoryTitle.mid.delighter.started .temp p span img{top: 0;left: -21%;}
.categoryTitle.late.delighter.started .temp p span img{top: 0;left: -32%;}

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


.category{width:100%;padding-top: 10%;}

.category .styleLeft{margin-top: 32vw;}
.category .styleLeft .balloon,
.category .styleLeft.delighter .balloon{
	width: 30vw;
	height: 30vw;
	padding-top: 0;
	top: -25vw;
	left: 7.5%;
	right:auto;
	margin: 0;
	-webkit-transform:translate(0,0) scale(0.8);
	transform:translate(0,0) scale(0.8);
	-webkit-transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.9s;
	transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.9s;
}
.category .styleLeft.delighter.started .balloon{
	-webkit-transform:translate(0,0) scale(1.0);
	transform:translate(0,0) scale(1.0);
}
.category .styleLeft .balloon h4{font-size: 2.5vw;}



.category .styleLeft .photoSet{width: 92.5%;float:none;position: relative;}
.category .styleLeft .photoSet .photoInner{padding-top: 20%;}
.category .styleLeft .photoSet .image,
.category .styleLeft.delighter .photoSet .image{
	width: 91.8%;top: 3%;left: 5%;
	-webkit-transition: all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.7s;
		  		  transition: all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.7s;
}
.category .styleLeft.delighter.started .photoSet .image{top: 0;left: 8.25%;}
.category .styleLeft .photoSet .colorBK{width: 100%;padding-top: 125%;}
.category .styleLeft .photoSet .colorBK span,
.category .styleLeft.delighter .photoSet .colorBK span{
	-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);
}

.category .styleLeft .comment,
.category .styleLeft .comment.delighter{
	width: 85%;
	float: none;
	top: 30px;
	margin: 6% 0 0 7.5%;
	opacity:0;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
		  		  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.category .styleLeft .comment.delighter.started{
	top: 0;
	opacity:1;
}

.category .styleLeft .comment .inner,
.category .styleLeft.delighter .comment .inner{
	width: 100%;
	top:0;
	opacity:1;
	-webkit-transition: none;
		  		  transition: none;
}

.category .styleLeft .itemBox,
.category .styleLeft .itemBox.delighter{
	width: 85%;
	top: 30px;
	display: block;
	margin: 40px auto 0;
	position: relative;
	opacity:0;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
		  		  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.category .styleLeft .itemBox.delighter.started{
	top: 0;
	opacity:1;
}

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

.category .comment p{font-size: 17px;line-height: 1.7;}
.category .comment p.pcView{display: none;}
.category .comment p span{display: none;}



.itemList{}
.itemList dl{margin: 15px 0 0;}
.itemList dl .name{width: calc( 100% - 250px );font-size: 16px;padding: 5px 0;}
.itemList dl .price{width:120px;right:120px;font-size: 16px;padding: 5px 0;}
.itemList dl dd{width: 80px;}
.itemList dl dd a{padding: 7px 0px 8px;font-size: 15px;}

.itemList .otherTrigger{margin-top:20px;font-size: 15px;padding: 8px 0 10px;width: 90%;}




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


.category .styleRight{margin-top: 15%;}
.category .styleRight .photoSet{width: 92.5%;float: none;margin-left: 7.5%;position: relative;}

.category .styleRight .photoSet .colorBK{margin-top: 0;padding-top: 154%;}

.category .styleRight .photoSet .image,
.category .styleRight.delighter .photoSet .image{
	width: 91.7%;
	top: 2.5%;
	left:3%;
	right: auto;
	padding-top: 0%;
	-webkit-transition: all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.7s;
	transition: all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.7s;
}
.category .styleRight.delighter.started .photoSet .image{top: 5.5%;left:0%;right: auto;}

.category .styleRight .photoSet .image span,
.category .styleRight .delighter .photoSet .image span{margin-top: 0%;}



.category .styleRight .itemBox,
.category .styleRight .itemBox.delighter{
	width: 85%;
	top: 30px;
	display: block;
	padding: 0;
	margin: 40px auto 0;
	position: relative;
	opacity:0;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.category .styleRight .itemBox.delighter.started{
	top: 0;
	opacity:1;
}
.category .styleRight .itemBox .itemBoxInner,
.category .styleRight.delighter .itemBox .itemBoxInner{
	top: 0px;
	opacity:1;
	-webkit-transition: none;
		  		  transition: none;
}
.category .styleRight .itemBox .itemList.pcView{display: none;}
.category .styleRight .itemBox h3{display: none;}



.category .styleRight .comment,
.category .styleRight .comment.delighter{
	width: 85%;
	float: none;
	top: 30px;
	position: relative;
	display: block;
	margin: 6% 0 0 7.5%;
	opacity:0;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.category .styleRight .comment.delighter.started{
	top: 0;
	opacity:1;
}
.category .styleRight .comment .inner,
.category .styleRight.delighter .comment .inner{
	width: 100%;
}


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



.coordinate{margin-top: 22%;}
.coordinate .cooedTitle{width:85%;}
.coordinate .cooedTitle h3,
.coordinate .cooedTitle.delighter h3{font-size: 50px;}



.coordinate .cooedItems,
.coordinate .cooedItems.delighter{
	width: 100%;
	margin:14% auto 0;
	overflow: hidden;
	top: 30px;
	position: relative;
	padding: 3px 0;
	opacity:0;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
.coordinate .cooedItems.delighter.started{
	top: 0;
	opacity:1;
}
.coordinate .cooedItems li,
.coordinate .cooedItems.delighter li{
	opacity:1;
	top: 1;
	position: relative;
	-webkit-transition: none;
	transition:none;
}

.coordinate .cooedItems li.left,
.coordinate .cooedItems.delighter li.left,
.coordinate .cooedItems li.center,
.coordinate .cooedItems.delighter li.center,
.coordinate .cooedItems li.right,
.coordinate .cooedItems.delighter li.right{
	padding: 0%;
	-webkit-transition-delay:0;
	transition-delay:0;
}
.coordinate .cooedItems li .photo,
.coordinate .cooedItems li .comment,
.coordinate .cooedItems li .itemBox{padding: 0 10%;}
.coordinate .cooedItems .photo span,
.coordinate .cooedItems.delighter .photo span{display: none;}



.coordinate .cooedItems h4{font-size: 32px;margin-bottom: 60px;}

.coordinate .cooedItems h5{font-size: 3vw;}
.coordinate .cooedItems .photo{margin-top: 4vw;}

.coordinate .itemBox{width: 100%;margin: 9vw auto 0;padding: 0;}
.coordinate .itemList{width: 100%;}
.coordinate .itemList dl{margin: 15px 0 0;}
.coordinate .itemList dl .name{width: calc( 100% - 250px );font-size: 16px;padding: 5px 0;}
.coordinate .itemList dl .price{width:120px;right:120px;font-size: 16px;padding: 5px 0;position: absolute;text-align: right;}
.coordinate .itemList dl dd{width: 80px;}
.coordinate .itemList dl dd a{padding: 7px 0px 8px;font-size: 15px;}

.coordinate .itemList .otherTrigger{margin-top:20px;font-size: 15px;padding: 8px 0 10px;width: 90%;}


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

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

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




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


.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: 60px;}
.footer .otherContents .otherTitle h3{font-size: 22px;}
.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: -14.5vw;
	z-index: 180;
	-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: 29%;
	height: 14vw;
	display: inline-block;
	text-align: center;
	position: relative;
	vertical-align: top;
}
.spBottomNavi ul li:last-child{
	width: 13%;
	background: #a89a8a;
}
.spBottomNavi ul li a{
	display: block;
	width: 100%;
	position: relative;
	height: 14vw;
}
.spBottomNavi ul li.n01{background:#676142; }
.spBottomNavi ul li.n02{background:#9e7c42; }
.spBottomNavi ul li.n03{background:#853e4a; }

.spBottomNavi ul li img{
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 60%;
	-webkit-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.spBottomNavi ul li:last-child img{width: 90%;}


}







@media(max-width:650px) {




.lead{padding:18% 0;}
.lead h2{font-size: 30px;}
.lead p{font-size: 17px;}


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

.category{padding-top: 10%;}

.category .styleLeft{margin-top: 40vw;}
.category .styleLeft .balloon,
.category .styleLeft.delighter .balloon{width: 38vw;height: 38vw;top: -31vw;}
.category .styleLeft .balloon h4{font-size: 3.4vw;}

.itemList dl .name{width: calc( 100% - 230px );}
.itemList dl .price{right:100px;}



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

.coordinate{margin-top: 23%;}
.coordinate .cooedTitle .bar,
.coordinate .cooedTitle.delighter .bar{height: 11px;}
.coordinate .cooedTitle h3,
.coordinate .cooedTitle.delighter h3{font-size: 42px;}


.coordinate .cooedItems,
.coordinate .cooedItems.delighter{margin-top: 16%;}
.coordinate .cooedItems.secnd,
.coordinate .cooedItems.secnd.delighter{margin-top: 20%;}

.coordinate .cooedItems h4{font-size: 28px;margin-bottom: 40px;padding:0 1.5em 7px;}
.coordinate .cooedItems h5{font-size: 3.2vw;}

.coordinate .cooedItems .photo{padding: 0 9.0%;}
.coordinate .cooedItems .itemBox{padding: 0 7.5%;margin-top: 12vw;}

.coordinate .itemList dl .name{width: calc( 100% - 230px );}
.coordinate .itemList dl .price{right:100px;}


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


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

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

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


.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: 20px;}
.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: -15.5vw;}
.spBottomNavi ul li{height: 15vw;}
.spBottomNavi ul li a{height: 15vw;}
.spBottomNavi ul li img{width: 70%;}
.spBottomNavi ul li:last-child img{width: 100%;}



}






@media(max-width:510px) {

#header h1{width: 60%;}

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

#menu .sideBox{width: 12%;padding-top: 124%;}
#menu .sideBox.left p{bottom: 5%;width: 45%;}
#menu .sideBox.right p{top:9%;width: 45%;}

#menu .centerBox{width: 76%;}
#menu .centerBox ul{padding: 8% 0 5%;}

#menu .centerBox ul li a{font-size: 3.0vw;}

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

.lead{padding:20% 0;}
.lead h2{font-size: 27px;}
.lead p{font-size: 16px;margin-top: 3.0em;}

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

.categoryTitle{padding: 5% 0 4%;}
.categoryTitle .image{width: 88%;}
.categoryTitle .spTitle{width: 88.5%;}
.categoryTitle .spTitle h2{width: 50%;}

.categoryTitle .temp{right: 5%;bottom: 4.5%;width: 33%;}




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

.category{padding-top: 12%;}

.category .styleLeft .balloon h4{font-size: 3.7vw;}
.category .styleLeft .comment,
.category .styleLeft .comment.delighter{margin-top:6%;}
.category .styleLeft .itemBox,
.category .styleLeft .itemBox.delighter{margin-top:6%;}

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

.category .styleRight{margin-top: 20%;}
.category .styleRight .comment,
.category .styleRight .comment.delighter{margin-top:6%;}
.category .styleRight .itemBox,
.category .styleRight .itemBox.delighter{margin-top:6%;}

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

.category .comment p{font-size: 16px;}

.itemList dl{margin-top: 12px;}
.itemList dl .name{font-size: 15px;width: calc( 100% - 210px );}
.itemList dl .price{font-size: 15px;right: 85px;}
.itemList dl dd{width: 70px;}
.itemList dl dd a{padding: 6px 0px 7px;font-size: 13px;}
.itemList .otherTrigger{font-size:14px;width:70%;}


.coordinate .itemList dl{margin-top: 12px;}
.coordinate .itemList dl .name{font-size: 15px;width: calc( 100% - 210px );}
.coordinate .itemList dl .price{font-size: 15px;right: 85px;}
.coordinate .itemList dl dd{width: 70px;}
.coordinate .itemList dl dd a{padding: 6px 0px 7px;font-size: 13px;}
.coordinate .itemList .otherTrigger{font-size:14px;width:70%;}

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

.coordinate{margin-top: 30%;}

.coordinate .cooedTitle h3,
.coordinate .cooedTitle.delighter h3{font-size: 38px;}

.coordinate .cooedItems.secnd,
.coordinate .cooedItems.secnd.delighter{margin-top: 23%;}

.coordinate .cooedItems .photo,
.coordinate .cooedItems.delighter .photo{padding: 0 8%;}
.coordinate .cooedItems .itemBox,
.coordinate .cooedItems.delighter .itemBox{padding:0 8%;margin-top: 15vw;}

.coordinate .cooedItems h4{font-size: 26px;margin-bottom: 40px;}
.coordinate .cooedItems h5{font-size: 3.7vw;}


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

.footer{margin-top: 28%;}
.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: 20px;}
.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: -15.5vw;}
.spBottomNavi ul li{height: 15vw;width: 27%;}
.spBottomNavi ul li:last-child{width: 19%;}
.spBottomNavi ul li a{height: 15vw;}
.spBottomNavi ul li img{width: 87%;}
.spBottomNavi ul li:last-child img{width: 87%;}


}










@media(max-width:440px) {

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

#menu .sideBox.left p{bottom: 4%;width: 50%;}
#menu .sideBox.right p{top:8%;width: 50%;}

#menu .centerBox ul li p.top{left: -15px;opacity: 0;}
#menu .centerBox ul li p.bottom{left: 15px;opacity: 0;}
#menu .centerBox ul li a{font-size: 3.5vw;padding: 4px 8px;}
#menu .centerBox ul li h4{top: 33.5%;width: 37%;}
#menu.start .centerBox ul li h4{opacity: 1;top: 37.5%;}

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

.lead{padding:22% 0;}
.lead h2{font-size: 23px;}
.lead h2 span{width: 11em;}

.lead p{font-size: 15px;letter-spacing: 0.05em;}


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

.category{padding-top: 5%;}


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

.category .styleRight{margin-top: 22%;}

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


.category .comment p{font-size: 14px;margin:2em auto 2.5em;}


.itemList dl .name{font-size: 15px;width: calc( 100% - 185px );}
.itemList dl .price{font-size: 15px;right: 75px;width: 110px;}
.itemList dl .price span{font-size: 10px;}
.itemList dl dd{width: 60px;}
.itemList dl dd a{padding: 6px 0px 7px;font-size: 13px;}
.itemList .otherTrigger{font-size:13px;width:70%;}

.coordinate .itemList dl .name{font-size: 15px;width: calc( 100% - 185px );}
.coordinate .itemList dl .price{font-size: 15px;right: 75px;width: 110px;}
.coordinate .itemList dl .price span{font-size: 10px;}
.coordinate .itemList dl dd{width: 60px;}
.coordinate .itemList dl dd a{padding: 6px 0px 7px;font-size: 13px;}
.coordinate .itemList .otherTrigger{font-size:13px;width:70%;}

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


.coordinate .cooedTitle .bar,
.coordinate .cooedTitle.delighter .bar{height: 2.3vw;}
.coordinate .cooedTitle h3,
.coordinate .cooedTitle.delighter h3{font-size: 8.0vw;}


.coordinate .cooedItems h4{font-size: 5.0vw;margin-bottom: 8vw;padding: 0 2vw 5px;}
.coordinate .cooedItems h5{font-size: 4.3vw;}




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

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

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

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

.footer .footerTitle h3{font-size: 30px;}
.footer .otherContents{margin-top: 13%;}
.footer .otherContents .otherTitle h3{font-size: 18px;}
.footer .otherContents .otherTitle h3:after{height: 2px;}

.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;}



}






@media(max-width:350px) {



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


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

.category .comment p{font-size: 13px;}

.category .styleLeft{margin-top: 45vw;}
.category .styleLeft .balloon,
.category .styleLeft.delighter .balloon{width: 45vw;height: 45vw;top: -38vw;}
.category .styleLeft .balloon h4{font-size: 4.2vw;}

.category .itemList{width: 104%;margin-left: -2%;}


.itemList dl .name{font-size: 14px;width: calc( 100% - 165px );}
.itemList dl .price{font-size: 14px;right: 65px;width: 100px;}
.itemList dl .price span{font-size:9px;}
.itemList dl dd{width: 55px;}
.itemList dl dd a{padding: 6px 0px 7px;font-size: 12px;}
.itemList .otherTrigger{font-size:12px;width:70%;}

.coordinate .itemList dl .name{font-size: 14px;width: calc( 100% - 165px );}
.coordinate .itemList dl .price{font-size: 14px;right: 65px;width: 100px;}
.coordinate .itemList dl .price span{font-size: 9px;}
.coordinate .itemList dl dd{width: 55px;}
.coordinate .itemList dl dd a{padding: 6px 0px 7px;font-size: 12px;}
.coordinate .itemList .otherTrigger{font-size:12px;width:70%;}




}