@charset "UTF-8";
.shopnum1 .shop-hero{background-image: url(/img/shop1-hero_pc.jpg);}
.shopnum1 .shop-hero-txt{background-image: url(/img/shop1-nami.svg);}
.shopnum2 .shop-hero{background-image: url(/img/shop2-hero_pc.jpg);}
.shopnum2 .shop-hero-txt{background-image: url(/img/shop2-nami.svg);}
.shopnum3 .shop-hero{background-image: url(/img/shop3-hero_pc.jpg);}
.shopnum3 .shop-hero-txt{background-image: url(/img/shop3-nami.svg);}
.shopnum5 .shop-hero{background-image: url(/img/shop5-hero_pc.jpg);}
.shopnum5 .shop-hero-txt{background-image: url(/img/shop5-nami.svg);}

@media screen and (max-width:768px){
	.shopnum1 .shop-hero{background-image: url(/img/shop1-hero_sp.jpg);}
	.shopnum2 .shop-hero{background-image: url(/img/shop2-hero_sp.jpg);}
	.shopnum3 .shop-hero{background-image: url(/img/shop3-hero_sp.jpg);}
	.shopnum5 .shop-hero{background-image: url(/img/shop5-hero_sp.jpg);}
}





/* - - - - - - TOP - - - - - - */

.com-shopnav-pict a{
	display: block;
	/* background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center; */
}
.com-shopnav-pict a img {
    width: 70%;
    height: auto;
}
.com-shopnav-pict{
	display: flex;
	flex-wrap: wrap;
}
@media screen and (min-width:769px){
	.com-shopnav-pict>li+li{
		margin-left: 0.9vw;
	}
}
.com-shopnav-pict>li{
	width: 10vw;
	/* height: 10vw; */
}
@media screen and (max-width:768px){
	.com-shopnav-pict>li{
		width: 23.5vw;
		height: 23.5vw;
		margin: 1vw;
	}
	.com-shopnav-pict{
		margin: -1vw -1vw 2vw;

	}
}
@media screen and (min-width:769px){
	.head-nav.open .nav-fill{
		display: block;
	}
	.head-nav .nav-fill{
		position: fixed;
		display: none;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(174, 199, 222, 0.6);
	}
	.elem-in-nav-sele.sp{
		display: none;
	}
	.head-ov-nav{
		cursor: pointer;
		/* height: 100%; */
		display: flex;
		align-items: center;
	}
	.head-ov-nav>a{
		position: relative;
		z-index: 10;
		
	}
	/* .head-ov-nav>a:hover{
		background-color: var(--col-black);
	} */
	.head-ov-nav:hover .elem-in-nav{
		display: block;
	}
	.head-ov-nav:hover>a{
		background-color: var(--col-black);
	}
	.head-ov-nav .elem-in-nav{
		display: none;
		position: fixed;
		z-index: 9;
		left: 0;
		width: 100%;
		top: 0;
		margin-top: 5.4vw;
	}
	.head-ov-nav .elem-in-nav a:hover{
		opacity: 0.6;
	}
	.elem-in-nav .part-fx-wrap{
		display: flex;
		justify-content: center;
		background-color: var(--col-black);
		padding-top: 5vw;
		padding-bottom: 5vw;
	}
	.elem-in-nav .part-fx{
		width: 1015px;
		margin-top: -15px;
	}
	.elem-in-nav .part-fx li{
		position: relative;
		width: calc((100% - 75px) / 5.001);
		height: 80px;
		margin: 15px 7.5px 0;
	}
}

/* .hero-top{
	margin-top: -4.7vw;
} */
.hero-top .top-slicks .box{
	padding: 0 0.45vw;
}

@media screen and (max-width:768px){
	.hero-top .top-slicks .box{
		padding: 0;
	}
}
.hero-top .part-titleimg{
	width: 43.6vw;
	margin-bottom: 3.5vw;
}
.hero-top .elem-txt{
	padding: 12vw 0 6.5vw;
}
@media screen and (max-width:768px){
	.hero-top .part-titleimg{
		width: 100%;
	}
	.hero-top .elem-txt{
		padding: 6vw 0 6.3vw;
	}
}

.top-store{
	background-image: url(/img/top-nami.svg);
	background-size: 32.5vw 16.4vw;
	background-repeat: no-repeat;
	background-position: 0 26vw;
}
.top-store .elem-wrap{
	display: flex;
}
.top-store .elem-wrap .wrap-title{
	flex: 1;
	padding-right: 5vw;
}
.top-store .elem-wrap .elem{
	width: 60vw;
}
.top-store .slick-prev,
.top-store .slick-next{
	width: 2.8vw;
	height: 2.8vw;
	background-size: cover;
}
.top-store .slick-prev:before,
.top-store .slick-next:before{
	display: none;
}
.top-store .slick-prev{
	background-image: url(/css/slick/arrow_l.svg);
	left: -1.4vw;
}
.top-store .slick-next{
	background-image: url(/css/slick/arrow_r.svg);
	left: auto;
	right: -1.4vw;
}

@media screen and (max-width:768px){
	.top-store{
		background-size: 85.3vw 42.9vw;
		background-position: 0 33vw;
	}
	.top-store .elem-wrap{
		display: block;
	}
	.top-store .elem-wrap .wrap-title{
		flex: 1;
		padding-right: 2.5vw;
	}
	.top-store .elem-wrap .elem{
		width: 100%;
	}
	.top-store .slick-prev,
	.top-store .slick-next{
		width: 5.3vw;
		height: 5.3vw;
	}
	.top-store .slick-prev{
		left: -2.15vw;
	}
	.top-store .slick-next{
		right: -2.15vw;
	}
}


.top-store .elem-stores{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.8vw;
}
.top-store .elem-stores>*{
	width: calc((100% - 4.8vw) / 3.001);
	margin: 4vw 0.8vw 0;
	display: flex;
	flex-direction: column;
}
/* .top-store .elem-stores .part-img:before{
	padding-top: 100%;
}
.top-store .elem-stores .part-img>*{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 26%;
} */
.top-store .elem-stores .com-shop-box>*{
	padding: 26%;
}
.top-store .elem-stores .part-title+.lead{
	margin-top: 0.8em;
}
.top-store .elem-stores .part-title,
.top-store .elem-stores .lead{
	font-size: var(--lead16);
	line-height: 1.4;
	text-align: left;
}
.top-store .elem-stores .part-title{
	margin-top: 1em;
}
.top-store .elem-stores .lead{
	font-size: var(--lead14);
}
.top-store .elem-stores .part-tags{
	display: flex;
	flex-wrap: wrap;
	margin: auto -0.2vw 0;
	padding-top: 1vw;
}

@media screen and (min-width:769px){
	.top-store .elem-stores .part-tags{
		min-height: 6.5vw;
		align-items: flex-start;
	}
}
.top-store .elem-stores .part-tags>li{
	font-family: var(--wf-c);
	font-weight: bold;
	font-size: var(--lead12);
	padding: 0.8em;
	background-color: #646464;
	border-radius: 0.3vw;
	margin: 0.4vw 0.2vw 0;
	white-space: nowrap;
}

@media screen and (max-width:768px){
	.top-store .elem-stores{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -2.5vw;
	}
	.top-store .elem-stores>*{
		width: calc((100% - 10vw) / 2.001);
		margin: 9vw 2.5vw 0;
	}
	.top-store .elem-stores .part-title{
		font-size: var(--lead12);
	}
	.top-store .elem-stores .lead{
		font-size: var(--lead10);
	}
	.top-store .elem-stores .part-tags{
		margin: auto -0.6vw 0;
		padding-top: 3vw;
	}
	.top-store .elem-stores .part-tags>li{
		font-size: var(--lead10);
		border-radius: 1.5vw;
		margin: 1.2vw 0.6vw 0;
	}
}

.top-store .elem-bnrs{
	margin-top: 4vw;
}
.top-store .elem-bnrs .btn-img{
	display: block;
	border-radius: 1vw;
	overflow: hidden;
}
.top-store .elem-bnrs .btn-img+.btn-img{
	margin-top: 2vw;
}
@media screen and (max-width:768px){
	.top-store .elem-bnrs{
		margin-top: 12vw;
	}
	.top-store .elem-bnrs .btn-img{
		border-radius: 2vw;
	}
	.top-store .elem-bnrs .btn-img+.btn-img{
		margin-top: 5vw;
	}
}



.top-about .elem>li{
	display: flex;
}
.top-about .elem>li:nth-child(even){
	flex-direction: row-reverse;
}
.top-about .elem .part-img{
	width: 55vw;
}
.top-about .elem .part-txt{
	flex: 1;
	background-color: #000;
	padding: 5.5vw 4.8vw;
}
.top-about .elem .part-txt .part-title{
	font-family: var(--wf-c);
	font-weight: bold;
	font-size: 2.3vw;
}
.top-about .elem .part-txt .lead{
	margin-top: 0.5em;
}
.top-about .elem .part-txt *+.wrap-btn{
	margin-top: 4.6vw;
}

@media screen and (max-width:768px){
	.top-about .elem>li{
		display: block;
	}
	.top-about .elem .part-img{
		width: 100%;
	}
	.top-about .elem .part-txt{
		width: 100%;
		padding: 8.5vw 9.6vw;
	}
	.top-about .elem .part-txt .part-title{
		font-size: var(--lead18);
	}
	.top-about .elem .part-txt .lead{
		font-size: var(--lead12);
	}
	.top-about .elem .part-txt *+.wrap-btn{
		margin-top: 5.6vw;
	}
}


.top-diary .wrap-btn{
	margin-top: 5vw;
}
@media screen and (min-width:769px){
	.top-diary{
		padding-top: 10vw;
	}
}
@media screen and (max-width:768px){
	.top-diary .wrap-btn{
		margin-top: 12vw;
	}
}







/* - - - - - - SHOP - - - - - - */
.cate-shop main{
	padding-top: 44px;
}
main.type-pt0{
	padding-top: 0;
}

.shop-hero{
	height: 54.7vw;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 5vw;
}

.shop-hero .part-titleimg{
	height: 11.8vw;
}
.shop-hero .part-titleimg img{
	display: block;
	height: 100%;
	width: auto;
	filter: drop-shadow(0 0 0.2vw rgba(0, 0, 0, 0.1)) drop-shadow(0 0 0.6vw rgba(0, 0, 0, 0.1));
}
.shop-hero-txt{
	background-repeat: no-repeat;
	background-position: 100% 5vw;
	background-size: 36.1vw 11.3vw;
}




@media screen and (max-width:768px){
	.cate-shop main{
		padding-top: 0;
	}
	.shop-hero{
		height: 140vw;
		padding-bottom: 10vw;
	}
	.shop-hero .part-titleimg{
		height: auto;
		width: 90%;
	}
	.shop-hero .part-titleimg img{
		height: auto;
		width: 100%;
		filter: drop-shadow(0 0 0.6vw #000) drop-shadow(0 0 1.8vw #000);
	}
	.shop-hero-txt{
		background-position: 100% 10vw;
		background-size: 61.6vw 19.3vw;
	}
	/* .shop-hero-txt h2{
		display: initial;
		text-align: justify;
		text-shadow: 0 0 1vw #2A2A2A,0 0 2vw #2A2A2A;
	} */
	.shop-hero-txt .com-obi-txt{
		text-align: justify;
		text-shadow: 0 0 1vw #2A2A2A,0 0 2vw #2A2A2A;
	}
}


.com-cate-hero{
	padding-top: 10vw;
}
.com-cate-hero .elem-in{
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	height: 28.1vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #DDD;
	padding: 5vw;
}
.com-cate-hero .part-title{
	font-family: var(--wf-c);
	font-size: 3.3vw;
	font-weight: bold;
	line-height: 1.4;
	text-shadow: 0 0 0.5vw #000,0 0 2vw #000;
}
.com-cate-hero .elem-txt{
	padding-top: 7vw;
}
.com-cate-hero .elem-txt .lead{
	font-size: var(--lead20);
}
@media screen and (max-width:768px){
	.com-cate-hero .elem-in{
		height: 34vw;
		margin: 0 -6.4vw;
		padding: 6.4vw;
	}
	.com-cate-hero .part-title{
		font-size: var(--lead20);
		font-weight: bold;
		line-height: 1.4;
		text-shadow: 0 0 0.5vw #000,0 0 2vw #000;
	}
	.com-cate-hero .elem-txt{
		padding-top: 5vw;
	}
	.com-cate-hero .elem-txt .lead{
		font-size: var(--lead16);
	}
}

.com-bnr-cont .elem-wrap>*{
	display: block;
	overflow: hidden;
	border-radius: 0.9vw;
	margin: 2.2vw 1.1vw 0;
}
@media screen and (min-width:769px){
	.com-bnr-cont .elem-wrap{
		display: flex;
		flex-wrap: wrap;
		margin: -2.2vw -1.1vw 0;
	}
	.com-bnr-cont .elem-wrap .size1{
		width: calc((100% - 4.4vw) / 2.001);
	}
	.com-bnr-cont .elem-wrap .size2{
		width: 100%;
	}
}
@media screen and (max-width:768px){
	.com-bnr-cont .elem-wrap>*{
		border-radius: 1.8vw;
		margin: 0;
	}
	.com-bnr-cont .elem-wrap>*+*{
		margin-top: 5.3vw;
	}
}




.camper-top .box-hbtn+.box-hbtn{margin-top: 2.5vw;}
.camper-top .box-hbtn{
    padding: 11.7vw;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.camper-top .box-hbtn .part{
    display: block;
    width: 39.8vw;
    margin: 0 auto;
    background-color: #FFF;
    color: #000;
    padding: 2.3vw 1.6vw 1.6vw;
    -webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.camper-top .box-hbtn .part:hover{
    opacity: 0.7;
    -webkit-transition: opacity 0s;
	transition: opacity 0s;
}
.camper-top .box-hbtn .btn-wrap{margin-top: 1.4vw;}
.camper-top .box-hbtn .btn{
	display: inline-block;
	font-family: var(--wf-c);
    font-size: var(--lead16);
    padding-bottom: 0.3vw;
	border-bottom: 0.1vw solid #000;
}
.camper-top .box-hbtn .title+.lead{margin-top: 1em;}
.camper-top .box-hbtn .title{
    font-size: 1.8vw;
    font-weight: 500;
}
.camper-top .box-hbtn .lead{
    font-size: var(--lead16);
    font-weight: 500;
}
@media screen and (max-width:768px){
    .camper-top .box-hbtn{padding: 16vw 5.3vw;}
    .camper-top .box-hbtn .part{
        width: 100%;
        padding: 5.3vw 4vw 4vw;
    }
	.camper-top .box-hbtn .btn-wrap{margin-top: 3.5vw;}
	.camper-top .box-hbtn .btn{
		padding-bottom: 0.8vw;
		border-bottom: 0.3vw solid #000;
	}
    .camper-top .box-hbtn .title{font-size: var(--lead18);}
    .camper-top .box-hbtn .lead{font-size: var(--lead14);}
}













.box2-type1 .part-marker{
	position: absolute;
	top: -1vw;
	left: 1vw;
	font-size: 0;
}
.box2-type1 .part-marker:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2vw;
	height: 2vw;
	background-color: #666;
}
.box2-type1 .part-marker span{
	position: relative;
	top: 2.6vw;
	left: 1.4vw;
	display: inline-block;
	font-family: var(--wf-c);
	font-weight: bold;
	font-size: var(--lead12);
	line-height: 1;
	transform: rotate(90deg);
    transform-origin: left top;
    white-space: nowrap;
}
@media screen and (max-width:768px){
	.box2-type1 .part-marker{
		top: -2.65vw;
		left: 2.65vw;
	}
	.box2-type1 .part-marker:before{
		width: 5.3vw;
		height: 5.3vw;
	}
	.box2-type1 .part-marker span{
		top: 6.5vw;
		left: 3.5vw;
		font-size: var(--lead10);
	}
}

.box2-type1>li{
	display: flex;
	flex-direction: row-reverse;
}
.box2-type1 .lead{
	font-size: var(--lead20);
	line-height: 1.6;
}
.box2-type1>li+li{
	margin-top: 7vw;
}
.box2-type1>li>.img{
	width: 50vw;
}
.box2-type1>li>.txt{
	position: relative;
	flex: 1;
	background-color: #000;
}
.box2-type1>li>.txt>div{
	padding: 4.5vw 4.5vw 0;
}
@media screen and (min-width:769px){
	.box2-type1>li:nth-child(even){
		flex-direction: row;
	}
}


@media screen and (max-width:768px){
	.box2-type1 .lead{
		font-size: var(--lead14);
	}
	.box2-type1>li{
		flex-direction: column-reverse;
	}
	.box2-type1>li>.img{
		width: 100%;
	}
	.box2-type1>li>.txt{
		width: 100%;
	}
	.box2-type1>li>.txt>div{
		padding: 6.4vw 6.4vw 6.4vw 14.4vw;
	}
}




/*box-sub*/

/* 
.box2-frame1{
	background-color: #F5F3F1;
	padding: 5vw;
	display: flex;
	flex-direction: row-reverse;
}
.box2-frame1>.img{
	width: 40vw;
}
.box2-frame1>.txt{
	flex: 1;
	padding-right: 5vw;
}
@media screen and (max-width:768px){
	.box2-frame1{
		display: block;
	}
	.box2-frame1>.img{
		width: 100%;
	}
	.box2-frame1>.txt{
		padding: 5vw 0 0;
	}
}

.box2-framelr1{
	background-color: #FFF;
	padding: 5vw;
	display: flex;
}
.box2-framelr1>.img{
	position: relative;
	width: 56.3vw;
	height: 26vw;
}
.box2-framelr1>.txt{
	flex: 1;
	padding-left: 5vw;
}
.box2-framelr1:not(.type64)>.txt{
	margin-top: auto;
}
.box2-framelr1>.img>div{
	position: absolute;
	width: 30.6vw;
}
.box2-framelr1>.img .img-1{
	left: 0;
	top: 0;
}
.box2-framelr1>.img .img-2{
	right: 0;
	bottom: 0;
}

@media screen and (min-width:769px){
.box2-framelr1.type64>.img{
	width: 45vw;
}
.box2-framelr1.type64>.img .img-1{
	width: 30.6vw;
}
.box2-framelr1.type64>.img .img-2{
	width: 21.1vw;
}
}
@media screen and (max-width:768px){
	.box2-framelr1{
		display: block;
	}
	.box2-framelr1>.img{
		width: 100%;
		height: 40vw;
	}
	.box2-framelr1>.txt{
		padding: 5vw 0 0;
	}
	.box2-framelr1>.img>div{
		position: absolute;
		width: 55%;
	}
}


.cont-tables .lead{
	line-height: 1.6;
}
.cont-tables .lead+*{
	margin-top: 1em;
}

.cont-tables>.box>.part-title{
	font-size: 2.3vw;
	font-weight: bold;
}
.cont-tables>.box>.part-title+*{
	margin-top: 2.5vw;
}

.cont-tables>.box{
	width: 50%;
}
.cont-tables .type-table1+*{
	margin-top: 2.5vw;
}
.cont-tables .type-table1{
	gap: 0.2vw 0;
}

.cont-tables .type-table1 dt{
	background-color: #F9F7F5;
}
.cont-tables .type-table1 dd{
	background-color: #FFF;
}
.cont-tables .type-table1>*{
	padding: 1.3em 1em;
	font-size: var(--lead20);
	font-weight: normal;
	text-align: center;
}
@media screen and (min-width:769px){
	.cont-tables>.box:nth-child(odd){
		padding-right: 2.5vw;
	}
	.cont-tables>.box:nth-child(even){
		padding-left: 2.5vw;
	}
}

@media screen and (max-width:768px){
	.cont-tables{
		display: blocks;
	}
	.cont-tables>.box>.part-title{
		font-size: var(--lead18);
	}
	.cont-tables>.box>.part-title+*{
		margin-top: 5vw;
	}
	.cont-tables>.box+.box{
		margin-top: 10vw;
	}
	.cont-tables>.box{
		width: 100%;
	}
	.cont-tables .type-table1+*{
		margin-top: 5vw;
	}
	.cont-tables .type-table1{
		gap: 0.5vw 0;
	}
	
	.cont-tables .type-table1 dt{
		background-color: #F9F7F5;
	}
	.cont-tables .type-table1 dd{
		background-color: #FFF;
	}
	.cont-tables .type-table1>*{
		font-size: var(--lead16);
	}
} */

/*box-part*/








.title-elem-type1 .part-e{
	font-family: var(--wf-c);
	font-weight: bold;
	font-size: 2.3vw;
	line-height: 1.4;
}

.title-elem-type1 *+.part-lead{
	margin-top: 0.8em;
}
.title-elem-type1+*{
	margin-top: 1.2vw;
}
.title-elem-type2 .part-j{
	font-size: 2.3vw;
	background-color: #000;
	color: #FFF;
}

@media screen and (max-width:768px){
	.title-elem-type1{
		padding-bottom: 1vw;
	}
	.title-elem-type1 .part-j{
		font-size: var(--lead18);
	}
	.title-elem-type1 .part-e{
		font-size: var(--lead20);
	}
	.title-elem-type1 .part-e+.part-j{
		margin-top: 2vw;
	}
	
	.title-elem-type1 .part-lead{
		font-size: 4vw;
	}
	.title-elem-type2 .part-j{
		font-size: 5.3vw;
	}
	
}
















/* .top-news .inner{
	padding-left: 5vw;
	padding-right: 5vw;
} */
.title-add-btn .wrap-title{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 3.1vw;
}
.title-add-btn .com-title-elem{
	padding-bottom: 0;
}


/* .title-add-btn .wrap-title .wrap-btn{
	position: absolute;
	right: 0;
	top: 0;
} */


@media screen and (max-width:768px){
	.title-add-btn .wrap-title{
		padding-bottom: 5vw;
	}
	/* .top-news .inner{
		padding-left: 9.3vw;
		padding-right: 9.3vw;
	} */
	/* .title-add-btn .wrap-btn{
		margin-top: 15vw;
	} */
}


/* 

.top-maps .elem-imgnav{
	position: relative;
	height: 54.7vw;
	background: url(/img/top-maps-img1.jpg) no-repeat 50%;
	background-size: cover;
}


.top-maps .elem-imgnav .part-nav>a{
	position: absolute;
	
}
.top-maps .elem-imgnav .part-nav .btn1{
	top: 18.7vw;
	right: 16.1vw;
}
@media screen and (max-width:768px){
	.top-maps .elem-imgnav .part-nav .btn1{
		top: 18.7vw;
		right: 16.1vw;
	}
}

.top-insta{
	background-color: #E3E7DB !important;
}
.top-insta .elem-thumbs .box{
	width: 15vw;
	margin: 0 0.6vw;
}
.top-insta .elem-thumbs+.elem-thumbs{
	margin-top: 1.2vw;
}
@media screen and (max-width:768px){
	.top-insta .elem-thumbs .box{
		width: 30.7vw;
		margin: 0 1.2vw;
	}
	.top-insta .elem-thumbs+.elem-thumbs{
		margin-top: 2.4vw;
	}
} */




.catep-404{
	padding-top: 10vw;
}
.catep-404 .wrap-title .part-title{
	justify-content: center;
}
.catep-404 .com-title-elem .part-e{
	font-size: 2.2vw;
	line-height: 1.4;
	text-align: center;
}
.catep-404 .lead{
	text-align: center;
}
.catep-404 .wrap-btn{
	margin-top: 5vw;
}
@media screen and (max-width:768px){
	.catep-404{
		padding-top: 33vw;
	}
	.catep-404 .com-title-elem .part-e{
		font-size: 4vw;
	}
}