@media(max-width: 1100px) {

header .title{width: 78%;}
header .title h1{font-size: 3.63vw;}/*1.1*/
header .title h2{font-size: 1.76vw;}
header .title h3{width: 6.93vw;}

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

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

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


.imageArea .setBox .textBox{font-size: 13px;line-height: 2.2;}

.c01 .imageArea .set04 .textBox{top: 57%;}
.c02 .imageArea .set02 .categoryTitle{bottom:11%;}
.c02 .imageArea .set04 .textBox{top: 36%;width: 30%;}
.c03 .imageArea .set04 .textBox{left: 10%;width: 28%;}

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

.recommend{padding: 200px 0 500px;}/*bottom + 300*/
.c03 .recommend{padding-bottom: 200px;}


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

.campEvent .imageBox{width: 50%;}
.campEvent .textBox h2{font-size: 40px;}
.campEvent .textBox h3{font-size: 23px;}
.campEvent .textBox .element h4{width: 95%;}
.campEvent .textBox .element h4 br{display: none;}
.campEvent .textBox .element h4 br.res{display: block;}
.campEvent .textBox .element p{	font-size: 14px;}
.campEvent .textBox .element h5{width: 90%;}
.campEvent .textBox .element h5 br{display: block;}

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

footer{padding: 220px 0 170px;}
footer .pageTop{margin: 140px 0 180px;}
footer .logo{width: 160px;}



}




@media(max-width: 950px) {

.lead .leadText{font-size: 15px;line-height: 4.8em;}
.lead .navi ul li{width: 130px;}
.lead .navi ul li a{font-size: 11px;}

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

.imageArea .setBox .chach{font-size: 2.0vw;}

.imageArea .setBox .categoryTitle h2{font-size: 6.2vw;}
.imageArea .setBox .categoryTitle h3{font-size: 2.3vw;margin-top: 0.7em;}



.c01 .imageArea .set02 .categoryTitle{left: 6%;width: 40%;}
.c01 .imageArea .set04 .textBox{width: 35%;}

.c02 .imageArea .set02 .categoryTitle{bottom:10%;left: 55%;width: 40%;}
.c02 .imageArea .set04 .textBox{left: 7%;top: 40%;width: 35%;}

.c03 .imageArea .setBox .categoryTitle h2{padding-left: 4.0em;}
.c03 .imageArea .setBox .categoryTitle h3{margin-left: 12.0em;}
.c03 .imageArea .set02 .categoryTitle{top:5%;left: 10%;width: 80%;}
.c03 .imageArea .set04 .textBox{top: 52%;left: 8%;width: 32%;}

.imageArea .setBox .categoryTitle .textBox{margin-top: 2.3em;}
.imageArea .setBox .textBox{font-size: 12px;}

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

.recommend{padding: 180px 0 480px;}/*bottom + 300*/
.c03 .recommend{padding-bottom: 180px;}

.recommend h2{font-size: 18px;}

.recommend .specList{font-size: 12px;}
.recommend .specList .buy svg{width: 20px;height: 9px;}


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

.campEvent .eventInner{width: 88%;padding: 90px 0;}

.campEvent .textBox{width: 48%;margin-right: 2%;}
.campEvent .textBox .logo{width: 90px;}

.campEvent .textBox h2{font-size: 35px;margin-top: 0.4em;}
.campEvent .textBox h3{font-size: 20px;}

.campEvent .textBox .element{margin-top: 20px;}
.campEvent .textBox .element h4{font-size: 15px;margin-bottom: 1.5em;}
.campEvent .textBox .element h4 br{display: none;}
.campEvent .textBox .element p{	font-size: 13px;}
.campEvent .textBox .element h5{width: 98%;font-size: 16px;margin-top: 20px;}

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

footer{padding: 190px 0 150px;}
footer .logo{width: 150px;}
footer .pageTop{font-size: 18px;margin: 130px 0 160px;}


}




/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




@media(max-width: 768px) {
.wide{display: none;}



.fadeIn,
.delighter .fadeIn{ top: 4vw;}

.imageArea .fadeIn,
.imageArea .delighter .fadeIn{
	opacity:1;
    top: 0;
	-webkit-transition:none;
	transition: none;
}

.fadeInSP,
.fadeInSP.delighter{
	opacity:0;
    position: relative;
    top: 4vw;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	will-change: transform,animation,position;
	-webkit-transition: top 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s;
	transition: top 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.2s;
}
.fadeInSP.delighter.started{
	opacity:1;
    top: 0;
}


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


.mainImage{
	width: 100vw;
	height: 100vh;
}
.mainImage .main{background-image: url("../images/mainimage_sp.jpg");}
.mainImage .cover{background-image: url("../images/mainimage_sp.jpg");}

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

header .title{top: 41%;width: 80%;}
header .title h1{font-size: 5.0vw;line-height: 1.6;}
header .title h2{font-size: 3.0vw;}
header .title h3{width: 13vw;margin-top: 6.0vw;}

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

.lead{padding: 0;height: 100%;overflow: hidden;min-height: 50em;}
.lead .leadInner{margin-top: 13%;}
.lead .leadText{font-size: 16px;line-height: 4em;}
.lead .navi,
.lead .navi.delighter{display: none;}


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


.imageArea .setBox .chach{font-size: 3.4vw;}
.imageArea .setBox .chach span{padding: 1.0em 0;}

.c02 .imageArea .setBox .chach span.line02{margin-top: 5.5em;}
.c03 .imageArea .setBox .chach span.line02{margin-top: 5.2em;}


.imageArea .setBox figure{border: none;}

.imageArea .setBox .categoryTitle{position:relative;}
.imageArea .setBox .categoryTitle h2{font-size: 62px;}
.imageArea .setBox .categoryTitle h3{font-size: 24px;padding-left: 3.0em;margin-top: 0.7em;}
.imageArea .setBox .categoryTitle h3:before{width: 2.5em;}

.c01 .imageArea .setBox .categoryTitle h2{padding-left: 0;}
.c02 .imageArea .setBox .categoryTitle h2{padding-left: 0;}
.c03 .imageArea .setBox .categoryTitle h2{padding-left: 0;}
.c01 .imageArea .setBox .categoryTitle h3{margin-left: 0;}
.c02 .imageArea .setBox .categoryTitle h3{margin-left: 0;}
.c03 .imageArea .setBox .categoryTitle h3{margin-left: 0;}


.imageArea .setBox .categoryTitle .titleInner{
	background: #E5DFD3;
	border-top: 2px solid #2E0B05;
	border-bottom: 2px solid #2E0B05;
	padding: 8%;
	-webkit-transition-delay: 0;
	transition-delay: 0;
}
.imageArea .setBox .categoryTitle .textBox{
	background:none;
	border:none;
	padding: 0;
	margin-top: 2.5em;
}
.imageArea .setBox .textBox{font-size: 15px;}
.imageArea .setBox .textBox .textInner{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	border: none;
	background: none;
	padding: 0 2em;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


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


.c01 .imageArea .set01{margin-top: 14.5%;z-index: 10;}
.c01 .imageArea .set01 .img01{width: 100%;border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c01 .imageArea .set01 .img01 span{padding-top: 67%;background-image: url("../images/c01img01_sp.jpg");}
.c01 .imageArea .set01 .chach{top: -5.5%;left: 6%;}


.c01 .imageArea .set02{margin-top: -2px;}
.c01 .imageArea .set02 .img02{width: 100%;margin-left: 0;}
.c01 .imageArea .set02 .img02 span{padding-top: 67%;border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;background-image: url("../images/c01img02_sp.jpg");}
.c01 .imageArea .set02 .categoryTitle{top: -2px;left: 0;width: 100%;}
.c01 .imageArea .set02 .categoryTitle .textBox{margin-left:0;}

.c01 .imageArea .set03{margin-top: -5px;}
.c01 .imageArea .set03 .img03{width: 50%;border-top: 2px solid #2E0B05;border-right: 1px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c01 .imageArea .set03 .img03 span{padding-top: 133%;background-image: url("../images/c01img03_sp.jpg");}
.c01 .imageArea .set03 .img04{width: 50%;border-top: 2px solid #2E0B05;border-left: 1px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c01 .imageArea .set03 .img04 span{padding-top: 133%;background-image: url("../images/c01img04_sp.jpg");}

.c01 .imageArea .set04{margin-top: -2px;}
.c01 .imageArea .set04 .img05{width: 100%;border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c01 .imageArea .set04 .img05 span{padding-top: 67%;background-image: url("../images/c01img05_sp.jpg");}
.c01 .imageArea .set04 .textBox{display: none;}

.c01 .imageArea .set05{margin-top:-2px; display: flex;flex-wrap: wrap;}
.c01 .imageArea .set05 .img06{width: 50%;-webkit-transition-delay: 0s;transition-delay: 0s;}
.c01 .imageArea .set05 .img06 span{padding-top: 133%;background-image: url("../images/c01img06_sp.jpg");border-top: 2px solid #2E0B05;border-right: 1px solid #2E0B05;border-bottom: 2px solid #2E0B05;}

.c01 .imageArea .set05 .img07{width: 100%;margin-top: -2px;}
.c01 .imageArea .set05 .img07 span{padding-top: 67%;background-image: url("../images/c01img07_sp.jpg");border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c01 .imageArea .set05 .textBox{
	display: block;
	width: 50%;
	background: #E5DFD3;
	border-top: 2px solid #2E0B05;
	border-bottom: 2px solid #2E0B05;
	border-left: 1px solid #2E0B05;
}


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


.c02 .imageArea .set01{margin-top: 14.5%;}
.c02 .imageArea .set01 .img01{width: 100%;margin-left: 0; border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c02 .imageArea .set01 .img01 span{padding-top: 67%;background-image: url("../images/c02img01_sp.jpg");}
.c02 .imageArea .set01 .chach{top: -12%;left:auto;right: 6%;}

.c02 .imageArea .set02{margin-top: -2px;}
.c02 .imageArea .set02 .img02{width:100%;}
.c02 .imageArea .set02 .img02 span{padding-top: 67%;border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;background-image: url("../images/c02img02_sp.jpg");}
.c02 .imageArea .set02 .categoryTitle{top: -2px;left: 0;bottom: auto;width: 100%;}

.c02 .imageArea .set03{margin-top: -5px;}
.c02 .imageArea .set03 .img03{width: 50%;border-top: 2px solid #2E0B05;border-right: 1px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c02 .imageArea .set03 .img03 span{padding-top: 133%;background-image: url("../images/c02img03_sp.jpg");}
.c02 .imageArea .set03 .img04{width: 50%;border-top: 2px solid #2E0B05;border-left: 1px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c02 .imageArea .set03 .img04 span{padding-top: 133%;background-image: url("../images/c02img04_sp.jpg");}

.c02 .imageArea .set04{margin-top: -3px;}
.c02 .imageArea .set04 .img05{width: 100%;margin-left: 0; border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c02 .imageArea .set04 .img05 span{padding-top: 67%;background-image: url("../images/c02img05_sp.jpg");}
.c02 .imageArea .set04 .textBox{display: none;}


.c02 .imageArea .set05{margin-top:-2px; display: flex;flex-wrap: wrap;}
.c02 .imageArea .set05 .img06{width: 50%;-webkit-transition-delay: 0s;transition-delay: 0s;}
.c02 .imageArea .set05 .img06 span{padding-top: 133%;background-image: url("../images/c02img06_sp.jpg");border-top: 2px solid #2E0B05;border-left: 1px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c02 .imageArea .set05 .img07{width: 100%;margin-top: -2px;}
.c02 .imageArea .set05 .img07 span{padding-top: 67%;background-image: url("../images/c02img07_sp.jpg");border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c02 .imageArea .set05 .textBox{
	display: block;
	width: 50%;
	background: #E5DFD3;
	border-top: 2px solid #2E0B05;
	border-bottom: 2px solid #2E0B05;
	border-right: 1px solid #2E0B05;
}


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


.c03 .imageArea .set01{margin-top: 14.5%;}
.c03 .imageArea .set01 .img01{width: 100%;margin-left: 0; border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c03 .imageArea .set01 .img01 span{padding-top: 67%;background-image: url("../images/c03img01_sp.jpg");}
.c03 .imageArea .set01 .chach{top: -7%;left:6%;}

.c03 .imageArea .set02-03{width: 100%;display: block;margin-top: -2px;}
.c03 .imageArea .set02{width: 100%;margin-top: 0;}
.c03 .imageArea .set02 .img02{margin: 0;}
.c03 .imageArea .set02 .img02 span{padding-top: 67%;border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;background-image: url("../images/c03img02_sp.jpg");}
.c03 .imageArea .set02 .categoryTitle{top: -2px;left: 0;width: 100%;}

.c03 .imageArea .set03{width: 100%;margin-top: -4px;display: flex;}
.c03 .imageArea .set03 .img03{width: 50%;border-top: 2px solid #2E0B05;border-right: 1px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c03 .imageArea .set03 .img03 span{padding-top: 133%;background-image: url("../images/c03img03_sp.jpg");}
.c03 .imageArea .set03 .img04{width: 50%;border-top: 2px solid #2E0B05;border-left: 1px solid #2E0B05;border-bottom: 2px solid #2E0B05;margin-top: 0;}
.c03 .imageArea .set03 .img04 span{padding-top: 133%;background-image: url("../images/c03img04_sp.jpg");}

.c03 .imageArea .set04{margin-top: -2px;}
.c03 .imageArea .set04 .img05{width: 100%;margin-left: 0; border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c03 .imageArea .set04 .img05 span{padding-top: 67%;background-image: url("../images/c03img05_sp.jpg");}
.c03 .imageArea .set04 .textBox{display: none;}

.c03 .imageArea .set05{margin-top:-2px; display: flex;flex-wrap: wrap;}
.c03 .imageArea .set05 .img06{width: 50%;-webkit-transition-delay: 0s;transition-delay: 0s;}
.c03 .imageArea .set05 .img06 span{padding-top: 133%;background-image: url("../images/c03img06_sp.jpg");border-top: 2px solid #2E0B05;border-right: 1px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c03 .imageArea .set05 .img07{width: 100%;margin-top: -2px;}
.c03 .imageArea .set05 .img07 span{padding-top: 67%;background-image: url("../images/c03img07_sp.jpg");border-top: 2px solid #2E0B05;border-bottom: 2px solid #2E0B05;}
.c03 .imageArea .set05 .textBox{
	display: block;
	width: 50%;
	background: #E5DFD3;
	border-bottom: 2px solid #2E0B05;
	border-top: 2px solid #2E0B05;
	border-left: 1px solid #2E0B05;
}


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


.recommend{padding: 20% 0 calc(40% + 300px);}/*bottom + 300*/
.c03 .recommend{padding-bottom: 40%;}


.recommend h2 {line-height: 1.2;padding: 0.3em 0em 0.4em;width: 55%;}
.recommend h2 br{display: block;}

.recommend .coordinate{width: 55%;max-width: none;margin-top: 5%;}
.recommend .coordinate ul{display: block;}
.recommend .coordinate ul li{width: 100%;}
.recommend .coordinate ul li:nth-child(2){margin: 30% 0;}

.recommend .specList{font-size: 13px;}

.recommend .specList .box{margin-top: 1em;}
.recommend .specList .box:first-of-type{margin-top: 2.0em;}

.recommend .pickup{margin-top: 30px;font-size: 13px;}
.recommend .pickup h3{font-size: 14px;}
.recommend .pickup h4 span{white-space: nowrap;}
.recommend .pickup .pickItem{margin-top: 18px;}
.recommend .pickup .pickItem:first-of-type{margin-top: 14px;}


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


.campEvent .eventInner{
	width: 63%;
	max-width: none;
	padding: 12% 0;
	display:block;
}
.campEvent .textBox{width: 100%;}
.campEvent .imageBox{display: none;}

.campEvent .textBox .logo{width: 102px;}
.campEvent .textBox h2{font-size: 42px;}
.campEvent .textBox h3{font-size: 24px;}

.campEvent .textBox .spImage{margin-top: 25px; display: block;border: 2px solid #2E0B05;}

.campEvent .textBox .element{margin-top: 30px;}
.campEvent .textBox .element h4{font-size: 16px;width: 100%;}
.campEvent .textBox .element h4 br.res{display: block;}
.campEvent .textBox .element p{	font-size: 14px;}
.campEvent .textBox .element h5{width: 100%;margin-top: 30px;font-size: 17px;}
.campEvent .textBox .element h5 br{display: none;}


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

footer{padding: 22% 0 15%;}
footer .image{width: 70%;}
footer .pageTop{font-size:17px;margin: 15% 0 20%;}
footer .logo{width: 130px;}
footer .copyright{margin-top: 30px;}



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




body.fixed{
    position:fixed;
    width:100%;
    height:100%;
    overflow:hidden;    
}


#naviTrigger{display: block;}
/*トリガー*/
.menu-trigger{
	position:fixed;
	top:20px;
	left:22px;
	width:35px;
	height:14px;
	z-index:600;
    pointer-events: auto;
}
.menu-trigger span{
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	background-color:#2E0B05;
	-webkit-transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.2s, background-color 0.6s 0.2s;
	transition: all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.2s,  background-color 0.6s 0.2s;
}
.menu-trigger span:nth-of-type(1){top:0;}
.menu-trigger span:nth-of-type(2){bottom:0;}

.menu-trigger.open span{background-color:#3E0E0E;}
.menu-trigger.open span:nth-of-type(1){
	top: 6px;
	-webkit-transform:rotate(20deg);
	transform:rotate(20deg);
}
.menu-trigger.open span:nth-of-type(2){
	bottom: 6px;
	-webkit-transform:rotate(-20deg);
	transform:rotate(-20deg);
}


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

.spNavi{
	position:fixed;
	top:0;
	left: -80.5vw;
	width:80vw;
	max-width: 320px;
	height:100%;
	z-index:500;
	pointer-events: none;
	overflow:hidden;
	display: block;
	background: #E5DFD3;
	border-right: 2px solid #3E0E0E;
	-webkit-transition: left 0.8s cubic-bezier(0.76, 0, 0.24, 1);
	transition: left 0.8s cubic-bezier(0.76, 0, 0.24, 1);
}
.spNavi.open{pointer-events: auto;left: 0;}

.spNavi .menu{
	width: 100%;
	margin-top: 105px;
}
.spNavi .menu ul{
	width: 100%;
	border-top: 2px solid #3E0E0E;
}

.spNavi .menu ul li{
	width: 100%;
	border-bottom: 2px solid #3E0E0E;
}
.spNavi .menu ul li p{
	display: block;
	width: 100%;
	font-size: 18px;
	letter-spacing: 0.03em;
	color: #3E0E0E;
	line-height: 1;
	padding: 0.9em 0 0.9em 12%;	
}
.spNavi .naviFooter{
	position: absolute;
	left: 12%;
	bottom: 0;
	padding-bottom: 13%;
	line-height: 1.4;
	letter-spacing: 0.05em;
}
.spNavi .naviFooter h3{font-size: 19px;}
.spNavi .naviFooter h4{font-size: 14px;margin-top: 0.3em;}
.spNavi .naviFooter .logo{width: 82px;margin-top: 25px;}

}







@media(max-width: 680px) {

.fadeIn,
.delighter .fadeIn,
.fadeInSP,
.fadeInSP.delighter{top: 5vw;}

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

header .title{width: 72%;}
header .title h1{font-size: 7.0vw;line-height: 1.5;}
header .title h2{font-size: 4.0vw;}
header .title h3{width: 20vw;margin-top: 5.5vw;}

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

.lead{min-height: 46em;}
.lead .leadText{font-size: 15px;line-height: 9.5vw;}

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

.imageArea .setBox .categoryTitle h2{font-size: 58px;}
.imageArea .setBox .categoryTitle h3{font-size: 22px;}

.imageArea .setBox .categoryTitle .textBox{margin-top: 2.0em;}
.imageArea .setBox .textBox{font-size: 14px;}

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

.recommend h2{font-size: 17px;width: 70%;}
.recommend .coordinate{width: 70%;margin-top: 7%;}

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

.campEvent .eventInner{width: 70%;padding: 14% 0;}
.campEvent .textBox .logo{width: 95px;}
.campEvent .textBox h2{font-size: 39px;}
.campEvent .textBox h3{font-size: 22px;}
.campEvent .textBox .element h4{font-size: 15px;}
.campEvent .textBox .element p{	font-size: 13px;}
.campEvent .textBox .element h5{font-size: 16px;}
.campEvent .textBox .element h5 br{display: block;}

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



}








@media(max-width: 530px) {


.lead{min-height: 40em;}
.lead .leadText{font-size: 14px;line-height: 9.5vw;}

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


.imageArea .setBox .chach{font-size: 4.0vw;letter-spacing: 0.12em;}
.imageArea .setBox .chach span{padding: 1.0em 0 0.7em;}

.imageArea .setBox .categoryTitle .titleInner{padding: 10% 8%;}
.imageArea .setBox .categoryTitle h2{font-size: 50px;}
.imageArea .setBox .categoryTitle h3{font-size: 20px;padding-left: 2.7em;}
.imageArea .setBox .categoryTitle h3:before{width: 2.2em;}

.imageArea .setBox .textBox{font-size: 14px;}
.imageArea .setBox .textBox .textInner{padding: 0 1.5em;}

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

.recommend h2{font-size: 16px;width: 72%;}
.recommend .coordinate{width: 72%;}

.recommend .specList{font-size: 13px;}

.recommend .pickup{margin-top: 20px;font-size: 13px;}
.recommend .pickup h3{font-size: 14px;}
.recommend .pickup .pickItem{margin-top: 12px;}
.recommend .pickup .pickItem:first-of-type{margin-top: 10px;}

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

.campEvent .eventInner{width: 72%;padding: 14% 0;}
.campEvent .textBox .logo{width: 80px;}
.campEvent .textBox h2{font-size: 32px;}
.campEvent .textBox h3{font-size: 20px;}

.campEvent .textBox .spImage{margin-top: 20px;}
.campEvent .textBox .element{margin-top: 20px;}
.campEvent .textBox .element h4{font-size: 14px;margin-bottom: 1.0em;}
.campEvent .textBox .element h5{font-size: 15px;margin-top: 10%;}

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

footer{padding: 29% 0 15%;}
footer .image{width: 72%;}
footer .pageTop{font-size:15px;margin:20% 0 29%;}
footer .logo{width: 110px;}
footer .copyright{margin-top: 25px;}
footer .copyright br{display: block;}


}




@media(max-width: 460px) {

.lead .leadText{font-size: 13px;}

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

.imageArea .setBox .categoryTitle .titleInner{padding: 10% 8.5%;}
.c03 .imageArea .setBox .categoryTitle .titleInner{padding: 10% 6.5% 10% 8.0%;}
.c03 .imageArea .setBox .categoryTitle .titleInner .textBox{letter-spacing: -0.06em;}



.imageArea .setBox .categoryTitle h2{font-size: 12.0vw;}
.imageArea .setBox .categoryTitle h3{font-size: 5.0vw;padding-left: 2.8em;}
.imageArea .setBox .categoryTitle h3:before{width: 2.4em;}

.imageArea .setBox .textBox{font-size: 3.3vw;line-height: 2.0;}
.imageArea .setBox .textBox .textInner{padding: 0 1.0em;}


.c01 .imageArea .set05 .img06 span{padding-top: 136%;}
.c02 .imageArea .set05 .img06 span{padding-top: 136%;}
.c02 .imageArea .set05 .textBox .textInner{padding: 0 1.2em;}
.c03 .imageArea .set05 .textBox .textInner{padding: 0 1.2em;}

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

.recommend h2{font-size: 3.9vw;line-height: 1.3;padding: 0.4em 0 0.5em;}
.recommend .specList{font-size: 3.1vw;}

.recommend .pickup{font-size: 3.2vw;padding: 1.3em 1.1em;}
.recommend .pickup .pickItem{margin-top: 4.8vw;}
.recommend .pickup .pickItem:first-of-type{margin-top: 3.0vw;}

.recommend .pickup p{line-height: 1.8;letter-spacing: -0.01em;}
.recommend .pickup h3{font-size: 3.7vw;}


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

.campEvent .textBox .logo{width: 15.2vw;}
.campEvent .textBox h2{font-size: 6.6vw;}
.campEvent .textBox h3{font-size: 4.3vw;}

.campEvent .textBox .element h4{font-size: 3.4vw;}
.campEvent .textBox .element p{	font-size: 3.3vw;}
.campEvent .textBox .element h5{font-size: 3.5vw;}


}





@media(max-width: 391px) {

.spNavi{overflow: auto;}
.spNavi .naviInner{height: calc(100% - 90px); min-height: 470px;position: relative;}
.spNavi .menu{margin-top: 85px;}
.spNavi .menu ul li p{font-size: 17px;padding: 0.9em 0 0.9em 10%;}
.spNavi .naviFooter h3{font-size: 17px;}
.spNavi .naviFooter h4{font-size: 12px;}
.spNavi .naviFooter .logo{width: 75px;margin-top: 20px;}


}



@media(max-width: 360px) {
.spNavi .naviInner{height: calc(100% - 85px); min-height: 420px;}
.spNavi .menu{margin-top: 80px;}
.spNavi .menu ul li p{font-size: 16px;}
.spNavi .naviFooter h3{font-size: 16px;}
.spNavi .naviFooter h4{font-size: 11px;}
.spNavi .naviFooter .logo{width: 70px;margin-top: 17px;}

/*

.recommend h2{width: 80%;}
.recommend .coordinate{width: 80%;}
.campEvent .eventInner{width: 80%;}
*/
}