.headBox .f-en {
	display: block;
	font-size: 1.6em;
	margin-bottom: 10px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	h1 {font-size: 2.8rem;}
	h2 {font-size: 2.6rem;}
	h3 {font-size: 2.3rem;}
	h4 {font-size: 2.1rem;}
	h5 {font-size: 2.0rem;}
}

@media screen and (max-width: 500px) {
	h1 {font-size: 7vw;}
	h2 {font-size: 5.0vw;}
	h3 {font-size: 4.2vw;}
	h4 {font-size: 4.0vw;}
	h5 {font-size: 3.8vw;}
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	h1 {font-size: 2.8rem;}
	h2 {font-size: 2.4rem;}
	h3 {font-size: 2.2rem;}
	h4 {font-size: 2.0rem;}
	h5 {font-size: 1.8rem;}

}

.bg-outer {
	z-index: -1;
}
.bg-outer .bgBox {
	width: 100%;
	height: 150vh;
}
.bg-outer .bgBox img {
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: top center;
	   object-position: top center;
}
/*====================================================
////id mv
====================================================*/
#mv .slide {
	margin-bottom: 0;
}
#mv .slick-dotted.slick-slider {
	padding-bottom: 0;
}
#mv .slick-dots {
	bottom: 20px;
}
#mv .slick-dots li button:before {
	border-color: #fff;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	#mv .coverImg {
		padding-top: 90%;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#mv .coverImg {
		padding-top: 870px;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	#mv .coverImg {
		padding-top: 600px;
	}
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id leadCopy
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id slide_banner
====================================================*/
#slide_banner .slide-outer {
	margin: 0 -5px;
	width: calc(100% + 10px);
}
#slide_banner .slick-slide {
	margin: 0 5px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	#slide_banner .innerBox {
		width: 100%;
	}
	#slide_banner .slick-prev {
		left: 0;
	}
	#slide_banner .slick-next {
		right: 0;
	}
	#slide_banner .slick-prev:before,
	#slide_banner .slick-next:before {
		border-color: #fff;
	}

}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id video
====================================================*/
#video .bgBox {
	top: auto;
	bottom: 0;
	width: 100%;
	height: 50%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id product_group
====================================================*/
#product_group .item .sub_head {
	overflow: hidden;
}
#product_group .item h4 {
	font-weight: 500;
	max-width: 80%;
	padding-right: 1em;
}
#product_group .item h4:after {
	border-top: solid 1px;
	content: '';
	margin: auto;
	position: absolute;
		top: 0;
		left: 100%;
		bottom: 0;
	width: 1000px;
	height: 0;
}
#product_group .item .imgBox .coverImg {
	padding-top: 42.4%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	#product_group .item {
		margin-bottom: 60px;
	}
	#product_group .item:last-child {
		margin-bottom: 0;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#product_group .item {
		padding: 30px 50px;
		width: 50%;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	#product_group .item {
		width: 100%;
	}
}

@media screen and (min-width:1200px) {
	#product_group .item {
		padding: 30px 100px;
	}
}

/*====================================================
////id ranking
====================================================*/
#ranking .slick-dots {
	bottom: -10px;
}
#ranking .item .coverImg {
	padding-top: 116.3%;
}
#ranking .item .coverImg img {
	-o-object-fit: contain;
	   object-fit: contain;
}
#ranking .item .imgBox {
	margin: auto;
	max-width: 245px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id message
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	#message .innerBox {
		padding-bottom: 0;
		text-align: center;
	}
	#message .txtBox {
		display: inline-block;
		text-align: left;
	}
	#message .txtBox .item {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#message .txtBox {
		padding-top: 20px;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id shop
====================================================*/
#shop .item h3 {
	margin-top: 20px;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	#shop .item {
		margin-bottom: 50px;
	}
	#shop .item:last-child {
		margin-bottom: 0;
	}
	#shop .item .coverImg {
		padding-top: 0;
		height: 58vw;
			max-height: 360px;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#shop .itemBox {
		margin: 0 -20px;
		width: calc(100% + 40px);
	}
	#shop .item {
		padding: 25px 20px;
		width: calc(100% / 3);
	}
	#shop .item .coverImg {
		padding-top: 68.75%;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:1099px) {
	#shop .item {
		display: flex;
		width: 100%;
	}
	#shop .item .imgBox {
		width: 40%;
	}
	#shop .item .txtBox {
		flex: 1;
		margin-left: 30px;
	}
	#shop .item h3 {
		margin-top: 0;
	}
}

@media screen and (min-width:1200px) {
	#shop .itemBox {
		margin: -20px -40px;
		width: calc(100% + 80px);
	}
	#shop .item {
		padding: 0 40px 40px;
	}
}

/*====================================================
////id detail_contents
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
	#detail_contents .item {
		flex-direction: column;
		margin-bottom: 30px;
	}
	#detail_contents .item .coverImg {
		padding-top: 0;
		height: 45vw;
			max-height: 360px;
	}
	#detail_contents .item .txtBox {
		padding: 20px;
	}
	#detail_contents .item .linkBox {
		text-align: center;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
	#detail_contents .item {
		margin-bottom: 40px;
	}
	#detail_contents .item:nth-child(even) {
		flex-direction: row-reverse;
	}
	#detail_contents .item:last-child {
		margin-bottom: 0;
	}
	#detail_contents .item h3 {
		font-size: 2.0rem;
	}
	#detail_contents .item h3 .f-en {
		font-size: 3.6rem;
	}
	#detail_contents .item .imgBox {
		width: 50%;
	}
	#detail_contents .item .imgBox .coverImg {
		padding: 0;
		height: 100%;
	}
	#detail_contents .item .txtBox {
		padding: 30px 50px;
		width: 50%;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id news_blog
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	#news_blog #news {
		margin-bottom: 70px;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#news_blog .box {
		/* background: rgba(255, 255, 255, .5); */
		width: calc(50% - 30px);
	}
	#news_blog .item a .date {
		width: 7.5em;
	}
	#news_blog .item a .title {
		flex: 1;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	#news_blog .innerBox {
		flex-direction: column;
	}
	#news_blog .box {
		width: 100%;
	}
	#news_blog #news {
		margin-bottom: 60px;
	}
}

@media screen and (min-width:1100px) {
	#news_blog .box {
		padding: 0 30px;
	}
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id pickup
====================================================*/
#pickup .item a {
	width: 100%;
	height: 100%;
}
#pickup .item .coverImg {
	padding-top: 0;
	height: 100%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
	#pickup .item-1 {
		width: 47%;
		height: 540px;
	}
	#pickup .item-2 ,
	#pickup .item-3 {
		position: absolute;
			top: 0;
			right: 0;
		width: 53%;
		height: 270px;
	}
	#pickup .item-3 {
		top: 270px;
	}
	#pickup .item-4 {
		height: 270px;
	}
	#pickup .item-5 {
		margin: 0 0 0 auto;
		width: 37%;
		height: 500px;
	}
	#pickup .item-6 ,
	#pickup .item-7 {
		position: absolute;
			bottom: 250px;
			left: 0;
		width: 63%;
		height: 250px;
	}
	#pickup .item-7 {
		bottom: 0;
	}
}

@media screen and (max-width:500px) {
	#pickup .item-1 {
		height: 90vw;
	}
	#pickup .item-2 ,
	#pickup .item-3 {
		height: 45vw;
	}
	#pickup .item-3 {
		top: 45vw;
	}
	#pickup .item-4 {
		height: 50vw;
	}
	#pickup .item-5 {
		height: 80vw;
	}
	#pickup .item-6 ,
	#pickup .item-7 {
		height: 40vw;
	}
	#pickup .item-6 {
		bottom: 40vw;
	}
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 768px) {
	#pickup .item figcaption {
		background: rgba(0, 0, 0, .5);
		color: #fff;
		display: flex;
			align-items: center;
			justify-content: center;
		opacity: 0;
		padding: 20px;
		position: absolute;
			top: 100%;
			left: 0;
		transition: .3s ease-in-out;
		width: 100%;
		height: 100%;
	}
	#pickup .item a:hover figcaption {
		opacity: 1;
		top: 0;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:960px) and (max-width:1400px) {
	#pickup .item {
		position: absolute;
	}
	#pickup .item-1 {
		position: relative;
		width: 34%;
		height: 64vw;
	}
	#pickup .item-2 {
		top: 0;
		left: 34%;
		width: 33%;
		height: 32vw;
	}
	#pickup .item-3 {
		top: 0;
		left: 67%;
		width: 33%;
		height: 32vw;
	}
	#pickup .item-4 {
		top: 32vw;
		left: 34%;
		width: 66%;
		height: 32vw;
	}
	#pickup .item-5 {
		margin: 0 0 0 auto;
		position: relative;
		width: 35%;
		height: 46vw;
	}
	#pickup .item-6 {
		bottom: 23vw;
		left: 0%;
		width: 65%;
		height: 23vw;
	}
	#pickup .item-7 {
		bottom: 0;
		left: 0;
		width: 65%;
		height: 23vw;
	}
}

@media screen and (min-width:1400px) {
	#pickup .item-1 {
		width: 30%;
		height: 960px;
	}
	#pickup .item:not(.item-1) {
		position: absolute;
	}
	#pickup .item-2 {
		top: 0;
		left: 30%;
		width: 23%;
		height: 320px;
	}
	#pickup .item-3 {
		top: 0;
		left: 53%;
		width: 23%;
		height: 320px;
	}
	#pickup .item-4 {
		top: 320px;
		left: 30%;
		width: 46%;
		height: 320px;
	}
	#pickup .item-5 {
		top: 0;
		left: 76%;
		width: 24%;
		height: 640px;
	}
	#pickup .item-6 {
		top: 640px;
		left: 30%;
		width: 35%;
		height: 320px;
	}
	#pickup .item-7 {
		top: 640px;
		left: 65%;
		width: 35%;
		height: 320px;
	}
}

/*====================================================
////id banner2
====================================================*/
#banner2 .item {
	margin-bottom: 50px;
}
#banner2 .item:last-child {
	margin-bottom: 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}

/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1200px) {
}



#shop .itemBox {
  justify-content: center;
}