/* CSS Document */
/*----- last up date 20170117 -----*/

.sp{display:none;}
.pc{display:block;}

/*--- base ---*/

@media only screen and (max-width:840px){


article{position: relative;}

body{width:100%; overflow-x:hidden; font-size:11px; font-size:calc(30% + 2vw); background:#fff;}
#wrap{background:#fff;}
img{width:100%; height:auto;}
*.pc{display:none;}
*.sp{display:block;}

body,
#wrap header{
	position:relative;
	width:100%;
	overflow-x:hidden;
	right:00;
	}

section{
	margin-bottom:5%;
	}

#wrap header,
#wrap header nav,
#wrap header nav ul,
#wrap header nav ul > li,
.topNav .tNavWrap ul,
.topNav .tNavWrap,
.pickup ul,
.list .listWrap,
.list,
.category ul,
.link ul,
.link h2,
.category div,
footer ul,
nav.fNav{
	width:100%;
	}

header nav > ul > li ul img,
header nav > ul > li ul br,
.link ul > li p{display:none;}

	
/*---==============================---*/
/*---========== top構成 ===========---*/
/*---==============================---*/

section h2{font-size:5vw;}

.sliderWrap{z-index:0; height:auto; overflow:hidden; width:100%;}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	padding: 0 !important;
	z-index: 0;
}
	

#topSlider.slick-slider .slick-track,
#topSlider.slick-slider .slick-list{
	position: relative;
	left: -23vw;
	width: 150%;
}
	
.slider .sliderWrap{z-index:1; height:40vw;}
.sliderWrap #contentSlider .slick-slide{width:130px;}
.sliderWrap .slick-initialized .slick-slide{margin:0 3px;}

.slick-dots {
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	z-index: 99;
	position: static;
	top: auto;
}

	
.sliderWrap #contentSlider .slick-prev{top:20%; left:-80%;}
.sliderWrap #contentSlider .slick-next{top:20%; right:-80%;}

.topNavWrap form{
	width:98%;
	padding:3vw;
	margin:0 1%;
	z-index:901;
	position:absolute;
	border:solid 2px #b8b4aa;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4) inset;
	border-radius:30px;
	background:#ebe8e0;
	text-align:left;
	top:-18vw;
	box-sizing:border-box;
	}

.topNavWrap form input{
	border:none;
	background:none;
	}

.topNavWrap form input[type="submit"]{
	background:url(https://www.mitoyo-kanko.com/site/wp-content/themes/mitoyo2021/images/common/h-nav_sprite.png) no-repeat 0 -116px;
	width:27px;
	height:27px;
	position:absolute;
	right:5px;
	top:10px;
	text-indent:-9999px;
	border:none;
	box-shadow:none;
	}

.topNav{height:60vw; margin-top:81vw;}
.topNav .tNavWrap{top:0;}
.topNav .tNavWrap ul{
		width:98%;
		background-size:100%;
		margin:0 1%;
		justify-content:start;
		height:13vw;
		}

.topNav .tNavWrap ul > li{
	margin:4vw 0;
	}

.topNav .tNavWrap ul:nth-child(1),
.topNav .tNavWrap ul:nth-child(2),
.topNav .tNavWrap ul:nth-child(3),
.topNav .tNavWrap ul:nth-child(4){padding:0 1vw 0 14vw;}
.topNav .tNavWrap ul:nth-child(4),
.topNav .tNavWrap ul:nth-child(5){width:48%;}
.topNav .tNavWrap ul:nth-child(1) > li:first-child a,
.topNav .tNavWrap ul:nth-child(2) > li:first-child a,
.topNav .tNavWrap ul:nth-child(3) > li:first-child a,
.topNav .tNavWrap ul:nth-child(4) > li:first-child a{width:14vw;}
.topNav .tNavWrap ul:nth-child(5) > li{width:49%; margin-top:1vw;}
.topNav .tNavWrap ul:nth-child(1) > li:nth-child(2) img{width:14vw;}
.topNav .tNavWrap ul:nth-child(1) > li:nth-child(3) img{width:11vw;}
.topNav .tNavWrap ul:nth-child(1) > li:nth-child(4) img{width:18vw;}
.topNav .tNavWrap ul:nth-child(1) > li:nth-child(5) img{width:11vw;}
.topNav .tNavWrap ul:nth-child(1) > li:nth-child(6) img{width:20vw;}
.topNav .tNavWrap ul:nth-child(2) > li:nth-child(2) img{width:14vw;}
.topNav .tNavWrap ul:nth-child(2) > li:nth-child(3) img{width:11vw;}
.topNav .tNavWrap ul:nth-child(2) > li:nth-child(4) img{width:11vw;}
.topNav .tNavWrap ul:nth-child(3) > li:nth-child(2) img{width:14vw;}
.topNav .tNavWrap ul:nth-child(3) > li:nth-child(3) img{width:17vw;}
.topNav .tNavWrap ul:nth-child(3) > li:nth-child(4) img{width:17vw;}
.topNav .tNavWrap ul:nth-child(3) > li:nth-child(5) img{width:14vw;}
.topNav .tNavWrap ul:nth-child(3) > li:nth-child(6) img{width:20vw;}
.topNav .tNavWrap ul:nth-child(4) > li:nth-child(2) img{width:7vw;}
.topNav .tNavWrap ul:nth-child(4) > li:nth-child(3) img{width:11vw;}

.pickup ul{margin:0 auto 0;}
.pickup ul > li{width:48%; margin:0 0 10px;}
.pickup ul > li:nth-child(2n+2){margin-left:2%;}
.pickup ul > li.hot::before{
	width:25%;
	height:23%;
	background-size:100%;
	}

.pickup.widget ul{
	justify-content:start;
	width:98%;
	margin:1%;
	}

.pickup.widget ul > li{
	width:calc(99% / 2);
	margin:1% 0;
	}

.pickup.widget ul > li:nth-child(1),
.pickup.widget ul > li:nth-child(2){
	width:100%;
	margin:1% 0;
	}

.pickup.widget ul > li:nth-child(2n+4){
	margin:0;
	margin:1% 0 1% 1%;
	}
	
.list .listWrap h2,
.widget.widgetWrap h2{
	border-bottom:#675c55 5px solid;
	color:#675c55;
	padding:10px 0;
	text-indent:5px;
	position:relative;
	font-size:20px;
	font-weight:bold;
	font-family: "Rounded Mplus 1p";
	text-align:left;
	}
	
.widget.widgetWrap,
.widget.widgetWrap h2{
	max-width:1000px;
	width:100%;
	margin:0 auto 10px;
	}
	
	
.widget.widgetWrap > p{
	margin:2vw 4vw;
	}

.widget.widgetWrap ul > li:nth-child(1),
.widget.widgetWrap ul > li:nth-child(2),
.widget.widgetWrap ul > li:nth-child(3),
.widget.widgetWrap ul > li:nth-child(4),
.widget.widgetWrap ul > li:nth-child(5),
.widget.widgetWrap ul > li:nth-child(6),
.widget.widgetWrap ul > li:nth-child(7),
.widget.widgetWrap ul > li:nth-child(8){
	text-align:center;
	margin:5vw;
	width:100%;
	}
	
.widget.widgetWrap ul > li:nth-child(1){
	margin-top:0;
	}

.widget.widgetWrap ul > li:nth-child(2n+1){
	margin-bottom:0;
	}

.widget.widgetWrap ul > li:nth-child(2n+1) img{
	margin:3vw 0;
	width:94vw;
	}

.widget.widgetWrap ul > li:nth-child(2n) img{
	display:none;
	}

.widget.widgetWrap ul > li p{
	text-align:left;
	}

.widget.widgetWrap ul > li p input{
	display: block;
	width: 96%;
	padding: 4px 2%;
	border: none;
	outline: none;
	background-color: #efefef;
	}


.mitoyo{
	background:url(https://www.mitoyo-kanko.com/site/wp-content/themes/mitoyo2021/images/top/section_bg_01_sp.png) repeat-x top center;
	background-size:110%;
	height:130vw;
	}
	

.mitoyo h2, .mitoyo div{width:80%;}
.mitoyo h2{font-size:7vw; padding-top:60vw;}

article section ul.bnrs02 li,
article section ul.bnrs03 li{width:160%; margin:0 -30%;}

.list .listWrap h2{font-size:5vw;}
.list .listWrap h2 a{right:5vw;}
.list .listWrap ul > li::after{background:none; border-bottom:dotted 3px #ccc; height:7px;}
.list .listWrap{float:none;}
.list .listWrap:first-child{padding-right:0; margin-bottom:10%;}

.category ul > li,
.link ul > li{width:47%;}

.link ul > li h3{
	float:right;
	width:70%;
	white-space:nowrap;
	}

.category ul > li:before{
	width:50px;
	height:32px;
	background-size:100%;
	}

}
.panNav ul > li::before{display:none;}

	.category ul > li.active > a:nth-child(1){
			height:auto;
	}

.list .listWrap ul{width:95%; margin:0 2.5%;}



}