@charset "utf-8";

/* INDEX

	common
	productsTop			商品・サービスのTOP
	catContArea			一覧ページのコラム部分
	catNavArea			一覧ページのアンカー
	productsCat			一覧（第2階層）
	productsCat3rd		一覧（第3階層）
	productsCatLineup	一覧（部門別商品ラインナップ）
	productsDetail		詳細ページ	
	IE					IE対応
	Print				プリント
---------------------------------------------------------------------- */


/* common
---------------------------------------------------------------------- */
#contentHeader{
	background: url(../img/common/contentHeaderBg.jpg) no-repeat center bottom;
	background-size: cover;
}

#productsCat3rd #contentHeader .inner,
#productsCatLineup #contentHeader .inner,
#productsDetail #contentHeader .inner{
	padding-top: 70px;
	padding-bottom: 50px;
}

#content .listArea .blockTit{
	padding: 10px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 26px;
	line-height: 1.3em;
	background: #0066b3;
}
#content .listArea .blockTit a{color: #ffffff;}
#content .listArea .blockTit a:hover{color: rgba(255,255,255,.8);}
@media only screen and (max-width: 768px) {
	#productsCat3rd #contentHeader .inner,
	#productsCatLineup #contentHeader .inner,
	#productsDetail #contentHeader .inner{ padding-top: 8.4vw; padding-bottom: 8.4vw; }
	#content .listArea .blockTit{ font-size: 5.333333333vw; }
}


/* imgLayout ------------------- */
#content .listArea.imgLayout .block{}
	#content .imgLayout .block + .block{ margin-top: 60px; }

#content .listArea.imgLayout .blockTit{
	margin-bottom: 40px;
}

#content .listArea.imgLayout .blockInner{
	display: flex;
	flex-wrap: wrap;
}

#content .listArea.imgLayout .box{
	margin: 0 23px 0 0;
	width: 220px;
}
	#content .listArea.imgLayout .box:nth-child(3n){ margin-right: 22px; }
	#content .listArea.imgLayout .box:nth-child(4n){ margin-right: 0; }
	#content .listArea.imgLayout .box:nth-child(n + 5){ margin-top: 30px; }

#content .listArea.imgLayout .box a{
	display: block;
}

#content .listArea.imgLayout .box a:hover{
	color: #0066b3;
	text-decoration: none;
}

#content .listArea.imgLayout .box .img{
	margin-bottom: 15px;
	width: 220px;
	height: 220px;
	position: relative;
}
	#content .listArea.imgLayout .box .img::before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #828282;
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}

#content .listArea.imgLayout .box .cat,
#content .listArea.imgLayout .box .detailTit{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
}

#content .listArea.imgLayout .box .txt{
}

@media only screen and (max-width: 768px) {
	#content .imgLayout .block + .block{ margin-top: 12.4vw; }
	#content .listArea.imgLayout .blockTit{ margin-bottom: 3.6vw; }
	#content .listArea.imgLayout .blockInner{ justify-content: space-between; }
	#content .listArea.imgLayout .box{ margin: 0; width: 48%; }
		#content .listArea.imgLayout .box:nth-child(3n){ margin-right: 0; }
		#content .listArea.imgLayout .box:nth-child(4n){ margin-right: 0; }
		#content .listArea.imgLayout .box:nth-child(n + 5){ margin-top: 0; }
		#content .listArea.imgLayout .box:nth-child(n + 3){ margin-top: 7.2vw; }
	#content .listArea.imgLayout .box a:hover{ color: #444444; }
	#content .listArea.imgLayout .box .img{ margin-bottom: 2.8vw; width: 100%; height: 38.4vw; }
	#content .listArea.imgLayout .box .cat{ margin-bottom: 1vw; font-size: 4.266666667vw; }
	#content .listArea.imgLayout .box .detailTit{  margin-bottom: 1vw; font-size: 3.2vw; }
}


/* catFreeArea ----------------- */
#content .catFreeArea .blockInner{
	display: block !important;
}


/* catNav ---------------------- */
#content #catNav{
	padding: 35px 0;
	background: #e0e0e0;
}

#content #catNav .list{
	display: flex;
	margin: 0 auto -20px;
	width: 870px;
	justify-content: center;
	flex-wrap: wrap;
}

#content #catNav .list .item{
	margin: 0 10px 20px 10px;
}

#content #catNav .list .item a{
	display: block;
	padding: 15px 30px;
	font-weight: bold;
	background: #ffffff;
	/*transition: all 0.4s ease;*/
}

#content #catNav .list .item a:hover,
#content #catNav .list .item a.on{
	color: #ffffff;
	text-decoration: none;
	background: #0066b2;
}

#content #catNav .list .item a span{
	padding-left: 1em;
	position: relative;
}
	#content #catNav .list .item a:hover span::before,
	#content #catNav .list .item a.on span::before{
		border-top-color: #fff;
		border-right-color: #fff;
		/*transition: all 0.4s ease;*/
	}

#content #catNav .list .item a i{
	margin-top: -4px;
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 0;
}

@media only screen and (max-width: 768px) {
	/* catNav ---------------------- */
	#content #catNav{
		display: none;
		padding: 35px 0;
		background: #e0e0e0;
	}

	#content #catNav .list{
		display: flex;
		margin: 0 auto -20px;
		width: 870px;
		justify-content: center;
		flex-wrap: wrap;
	}

	#content #catNav .list .item{
		margin: 0 10px 20px 10px;
	}

	#content #catNav .list .item a{
		display: block;
		padding: 15px 30px;
		font-weight: bold;
		background: #ffffff;
		transition: all 0.4s ease;
	}

	#content #catNav .list .item a:hover,
	#content #catNav .list .item a.on{
		color: #ffffff;
		text-decoration: none;
		background: #0066b2;
	}

	#content #catNav .list .item a span{
		padding-left: 1em;
		position: relative;
	}

	#content #catNav .list .item a i{
		margin-top: -4px;
		font-size: 12px;
		position: absolute;
		top: 50%;
		left: 0;
	}
}



/* productsTop
---------------------------------------------------------------------- */
#productsTop{}

/* searchArea ------------------ */
#productsTop .searchArea{
	margin-bottom: 30px;
}

#productsTop .searchArea form{
	margin: 0 auto;
	width: 800px;
	border: 1px solid #0066b3;
	position: relative;
}

#productsTop .searchArea input[type=text]{
	padding: 5px 60px 5px 10px;
	width: 100%;
	font-size: 24px;
	line-height: 1em;
	border: none;
	outline: none;
	box-sizing: border-box;
}

#productsTop .searchArea button[type=submit]{
	border: none;
	width: 50px;
	height: 100%;
	background: #0066b3 url(../img/icon/search_top.svg) no-repeat center center;
	background-size: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	outline: none;
	cursor: pointer;
}

#productsTop .searchArea button[type=submit]:hover{
	opacity: 0.7;
}

/* listArea -------------------- */
#productsTop .listArea{
}

#productsTop .listArea .block{}
	#productsTop .listArea .block + .block{ margin-top: 40px; }

#productsTop .listArea .blockInner{
	display: flex;
	margin-bottom: -20px;
	flex-wrap: wrap;
	justify-content: space-between;
}
	#productsTop .listArea .blockInner::after{
		content:"";
		display: block;
		width: 33.33333%;
	}

#productsTop .listArea a{
	display: inline-block;
	position: relative;
}

#productsTop .listArea a:hover{
	color: #0066b3;
}

#productsTop .listArea .box{
	width: 33.33333%;
}

#productsTop .listArea dl{
	margin-bottom: 20px;
}

#productsTop .listArea dl dt{
	margin-bottom: 5px;
}

#productsTop .listArea dl dt a{
	font-weight: bold;
}

#productsTop .listArea dl dd{
	padding-left: 1em;
	font-size: 12px;
	line-height: 1.5em;
}

#productsTop .listArea ul{
}

#productsTop .listArea ul li{
}
	#productsTop .listArea ul li + li{ margin-top: 5px; }

#productsTop .listArea ul li a{
}

@media only screen and (max-width: 768px) {
	/* searchArea ------------------ */
	#productsTop .searchArea{ margin-bottom: 6.8vw; }
	#productsTop .searchArea form{ width: 100%; }
	#productsTop .searchArea input[type=text]{ padding: 2vw 12vw 2vw 2vw; font-size: 4vw; }
	#productsTop .searchArea button[type=submit]{ width: 11.2vw; }
	#productsTop .searchArea button[type=submit]:hover{ opacity: 1; }

	/* listArea -------------------- */
	#productsTop .listArea .block + .block{ margin-top: 5vw; }
	#productsTop .listArea .blockInner{ display: block; margin-bottom: 0; }
		#productsTop .listArea .blockInner::after{ display: none; }

	#productsTop .listArea a:hover{ color: #444444; }
	#productsTop .listArea .box{ width: 100%; }
	#productsTop .listArea dl{ margin-bottom: 14.4vw; }
	#productsTop .listArea dl dt{ margin-bottom: 2vw; }
	#productsTop .listArea dl dd{ font-size: 3.733333333vw; }
	#productsTop .listArea ul li + li{ margin-top: 2vw; }
}


/* catContArea
---------------------------------------------------------------------- */
.catContArea{
	padding: 10px;
	background: #f2f2f2;
}
	#productsCat .catContArea{ 
		margin-top: 40px;
	}

#content .catContArea .blockInner{
	justify-content: space-between;
}

.catContArea .catContBox{
	padding: 20px;
	background: #ffffff;
	box-sizing: border-box;
}
	.catContArea .catContUnit1 .catContBox{ width: 100%; }
	.catContArea .catContUnit2 .catContBox{ width: 459px; }

	.catContArea .catContUnit1 .catContBox + .catContBox{ margin-top: 10px; }
	.catContArea .catContUnit2 .catContBox:nth-child(n + 3) { margin-top: 10px; }

.catContArea .catContBox .tit{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
}

.catContArea .catContBox .img{
	margin-top: 10px;
	height: 100px;
}

.catContArea .catContBox .txt{
	margin-top: 10px;
}

.catContArea .catContBox .link{
	margin-top: 10px;
}

.catContArea .catContBox .link .item + .item{
	margin-top: 5px;
}

@media only screen and (max-width: 768px) {
	.catContArea{ padding: 2.666666667vw; }
		#productsCat .catContArea{ margin-top: 5.2vw; }
	.catContArea .catContBox{ padding: 4vw; }
		.catContArea .catContUnit2 .catContBox{ width: 100%; }
	.catContArea .catContUnit1 .catContBox + .catContBox,
	.catContArea .catContUnit2 .catContBox + .catContBox{ margin-top: 2.666666667vw; }
	.catContArea .catContUnit2 .catContBox:nth-child(n + 3) { margin-top: 2.666666667vw; }
 	.catContArea .catContBox .tit{ font-size: 3.733333333vw; }
 	.catContArea .catContBox .img{ margin-top: 2.4vw; height: auto; }
 	.catContArea .catContBox .txt{ margin-top: 2.4vw; }
 	.catContArea .catContBox .link{ margin-top: 2.4vw; }
	.catContArea .catContBox .link .item + .item{ margin-top: 1.2vw; }
}



/* catNavArea
---------------------------------------------------------------------- */
.catNavArea{
	margin-bottom: 60px;
}

.catNavArea ul{
	display: flex;
	justify-content: space-between;
}

.catNavArea ul li{
	width: 100%;
}
	.catNavArea ul li + li{ margin-left: 24px; }

.catNavArea ul li a{
	display: block;
	padding: 20px 10px 35px 10px;
	text-align: center;
	border: 1px solid #a0a0a0;
	position: relative;
	transition: all 0.2s ease;
}
	.catNavArea ul li a::before{
		content: '';
		display: block;
		margin-left: -3px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #444;
		border-right: 1px solid #444;
		transform: rotate(135deg);
		position: absolute;
		left: 50%;
		bottom: 10px;
		transition: all 0.2s ease;
	}

.catNavArea ul li a:hover{
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #0066b3;
	background: #0066b3;
}
	.catNavArea ul li a:hover::before{
		border-top-color: #fff;
		border-right-color: #fff;
	}

@media only screen and (max-width: 768px) {
	.catNavArea{ margin-bottom: 8vw; }
	.catNavArea ul{ margin-bottom: -2vw; flex-wrap: wrap; }
	.catNavArea ul li{ margin-bottom: 2vw; width: 48%; }
		.catNavArea ul li + li{ margin-left: 0; }
	.catNavArea ul li a{ padding: 3vw 0 6vw 0; transition: all 0s ease; }
	.catNavArea ul li a:hover{ color: #444444; border: 1px solid #a0a0a0; background: #ffffff; }
	.catNavArea ul li a:hover::before{ border-top: 1px solid #444444; border-right: 1px solid #444444; }
}


/* productsCat
---------------------------------------------------------------------- */
#productsCat{}

/* contentHeader --------------- */
#productsCat #contentHeader .inner{
	padding-top: 60px;
}

/* lead ------------------------ */
#productsCat .lead{
	text-align: center;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
}

/* listArea -------------------- */
#productsCat .listArea{}

@media only screen and (max-width: 768px) {
	#productsCat #contentHeader .inner{ padding-top: 8.4vw; }
	#productsCat .lead{ margin-bottom: 12vw; position: static; }
}



/* productsCat3rd
---------------------------------------------------------------------- */
#productsCat3rd{}

/* lead ------------------------ */
#productsCat3rd .lead{
	position: absolute;
	top: 20px;
	right: 0;
}

/* listArea -------------------- */
#productsCat3rd .listArea.imgLayout .box:nth-child(n + 5){
	margin-top: 60px;
}

#productsCat3rd .listArea .img .icon{
	padding: 6px 12px;
	font-weight: bold;
	line-height: 1em;
	border-radius: 5px;
	position: absolute;
	top: 10px;
	left: 10px;
}
	#productsCat3rd .listArea .img .iconNew{ color: #ee2c43; background: #fbe7fc; }
	#productsCat3rd .listArea .img .iconEnd{ color: #444444; background: #f2f2f2; }

#productsCat3rd .listArea .txtArea{
	margin-bottom: 15px;
}

#productsCat3rd .listArea .btnArea{}

#productsCat3rd .listArea .btnStyle{
	width: 100%;
}
	#productsCat3rd .listArea .btnStyle + .btnStyle{ margin-top: 10px; }

#productsCat3rd .listArea .btnStyle a{
	padding: 8px 0;
}

#productsCat3rd .endProducts .blockTit{
	color: #444444;
	background: #f2f2f2;
}

@media only screen and (max-width: 768px) {
	#productsCat3rd .lead{ margin-bottom: 12vw; position: static; }
	#productsCat3rd .listArea.imgLayout .box:nth-child(n + 5){ margin-top: 7.2vw; }
	#productsCat3rd .listArea .img .icon{ padding: 2vw 5vw; font-size: 1.6vw; top: 2vw; left: 2vw; }
	#productsCat3rd .listArea .txtArea{ margin-bottom: 4vw; }
	#productsCat3rd .listArea .btnStyle + .btnStyle{ margin-top: 3vw; }
	#productsCat3rd .listArea .btnStyle a{ padding: 4vw 0; }
}


/* productsCatLineup
---------------------------------------------------------------------- */
#productsCatLineup{}

/* lead ------------------------ */
#productsCatLineup .lead{
	position: absolute;
	top: 20px;
	right: 0;
}

/* catNavArea ------------------ */
#productsCatLineup .catNavArea ul li + li {
	margin-left: 10px;
}

#productsCatLineup .catNavArea ul li a{
	padding: 5px 5px 20px 5px;
}


/* listArea -------------------- */
#productsCatLineup .listArea.imgLayout .box{
	margin: 0 6px 0 0;
	width: 153px;
}
	#productsCatLineup .listArea.imgLayout .box:nth-child(3n){ margin-right: 6px; }
	#productsCatLineup .listArea.imgLayout .box:nth-child(4n){ margin-right: 6px; }
	#productsCatLineup .listArea.imgLayout .box:nth-child(6n){ margin-right: 0; }
	#productsCatLineup .listArea.imgLayout .box:nth-child(n + 5){ margin-top: 0; }
	#productsCatLineup .listArea.imgLayout .box:nth-child(n + 7){ margin-top: 30px; }

#productsCatLineup .listArea.imgLayout .box .img{
	width: 153px;
	height: 153px;
}

#productsCatLineup .listArea .img .icon{
	padding: 6px 12px;
	font-weight: bold;
	line-height: 1em;
	border-radius: 5px;
	position: absolute;
	top: 10px;
	left: 10px;
}
	#productsCatLineup .listArea .img .iconNew{ color: #ee2c43; background: #fbe7fc; }
	#productsCatLineup .listArea .img .iconEnd{ color: #444444; background: #f2f2f2; }

#productsCatLineup .listArea .txtArea{
	margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
	#productsCatLineup .lead{ margin-bottom: 12vw; position: static; }
	#productsCatLineup .catNavArea ul li + li { margin-left: 0; }
	#productsCatLineup .catNavArea ul li a{ padding: 2vw 2vw 5vw 2vw; }
	#productsCatLineup .listArea.imgLayout .box{ margin: 0; width: 48%; }
		#productsCatLineup .listArea.imgLayout .box:nth-child(3n){ margin-right: 0; }
		#productsCatLineup .listArea.imgLayout .box:nth-child(4n){ margin-right: 0; }
		#productsCatLineup .listArea.imgLayout .box:nth-child(6n){ margin-right: 0; }
		#productsCatLineup .listArea.imgLayout .box:nth-child(n + 7){ margin-top: 0; }
		#productsCatLineup .listArea.imgLayout .box:nth-child(n + 3){ margin-top: 7.2vw; }
	#productsCatLineup .listArea.imgLayout .box .img{ width: 100%; height: 38.4vw; }
	#productsCatLineup .listArea .img .icon{ padding: 2vw 5vw; font-size: 1.6vw; top: 2vw; left: 2vw; }
	#productsCatLineup .listArea .txtArea{ margin-bottom: 4vw; }
}


/* productsDetail
---------------------------------------------------------------------- */
#productsDetail{}

/* detailHeader ---------------- */
#productsDetail .detailHeader{
	margin-bottom: 40px;
}

#productsDetail .detailHeader .detailTit{
	color: #0066b3;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4em;
	position: relative;
}
	#productsDetail .detailHeader .detailTit::before{
		content: '';
		display: block;
		width: 20px;
		height: 2px;
		background: #0066b3;
		position: absolute;
		left: -48px;
		top: 50%;
	}

#productsDetail .detailHeader .iconList{
	display: flex;
	padding-top: 15px;
	margin-bottom: -10px;
	flex-wrap: wrap;
}

#productsDetail .detailHeader .icon{
	padding: 6px 12px;
	margin: 0 10px 10px 0;
	font-weight: bold;
	line-height: 1.2em;
	border-radius: 5px;
}
	#productsDetail .detailHeader .iconPNK{ color: #ee2c43; background: #fbe7fc; }
	#productsDetail .detailHeader .iconBLK{ color: #444444; background: #f2f2f2; }
	#productsDetail .detailHeader .iconBLU{ color: #0066b3; background: #eaf5ff; }

#productsDetail .detailHeader .icon a{
	text-decoration: underline;
}

#productsDetail .detailHeader .icon a:hover{
	text-decoration: none;
}

.freeArea01 p {
	margin-bottom: 1em;
}



/* block ----------------------- */
#productsDetail .block{}
	#productsDetail .block + .block{ margin-top: 50px; }

#productsDetail .blockTit{
	padding: 8px 12px;
	margin-bottom: 15px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	background: #0066b3;
}

#productsDetail .blockInner{}

/* box */
#productsDetail .block .box{}
	#productsDetail .block .box + .box{ margin-top: 20px; }
	
#productsDetail .block .boxTit{
	padding: 0.2em 0.6em;
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4em;
	border-left: solid 6px #78B9EA;
}

#productsDetail .block .boxInner{}


/* notes -------------------------- */
#productsDetail .notes{
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.6em;
}

/* tax --------------------------*/
.tax_include {
	display: none;
}


/* summaryArea ----------------- */
#productsDetail #summaryArea{
	display: flex;
	justify-content: space-between;
}

#productsDetail #summaryArea .summaryL{ width: 364px; }
#productsDetail #summaryArea .summaryR{ width: 545px; }

#productsDetail #summaryArea .summaryL .logo{
}

#productsDetail #summaryArea .summaryL .imgArea{
}

/* gallery-top */
#productsDetail #summaryArea .gallery-top{
	margin-top: 10px;
	z-index: 0;
}

#productsDetail #summaryArea .gallery-top .swiper-slide{
	width: 364px;
	height: auto;
	background: #ffffff;
}

#productsDetail #summaryArea .gallery-top .swiper-slide .img,
#productsDetail #summaryArea .gallery-top .swiper-slide .mov{
	width: 364px;
	height: 364px;
	border: 1px solid #828282;
	box-sizing: border-box;
	
	display: flex;
	justify-content: center;
	align-items: center;

	overflow: hidden;
	
	text-align: center;
}

#productsDetail #summaryArea .gallery-top .swiper-slide .caption{
	margin-top: 5px;
}

/* gallery-thumbs */
#productsDetail #summaryArea .gallery-thumbs{
	margin-top: 15px;
	z-index: 0;
}

#productsDetail #summaryArea .gallery-thumbs .swiper-wrapper{
	display: block;
	overflow: hidden;
}

#productsDetail #summaryArea .gallery-thumbs .swiper-slide{
	float: left;
	margin-right: 16px;
	width: 60px !important;
	height: 60px;
	position: relative;
	cursor: pointer;

	display: flex;
	justify-content: center;
	align-items: center;

	overflow: hidden;
}
	#productsDetail #summaryArea .gallery-thumbs .swiper-slide:nth-child(5n){ margin-right: 0; }
	#productsDetail #summaryArea .gallery-thumbs .swiper-slide:nth-child(n + 6){ margin-top: 16px; }

	body.ie11 #productsDetail #summaryArea .gallery-thumbs .swiper-slide{ display: block; }
	#productsDetail #summaryArea .gallery-thumbs .swiper-slide::before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #828282;
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}

#productsDetail #summaryArea .gallery-thumbs .swiper-slide-thumb-active{
	opacity: 0.5;
}
	#productsDetail #summaryArea .gallery-thumbs .swiper-slide-thumb-active::before{
		border: 1px solid #0066b3;
	}

/* btnStyle */
#productsDetail #summaryArea .summaryL .btnStyle{
	margin-top: 20px;
}

#productsDetail #summaryArea .summaryL .btnStyle a{
	padding: 15px 0;
}

/* detailSub */
#productsDetail #summaryArea .detailSub{
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1.4em;
}

/* sticker */
#productsDetail #summaryArea .sticker{
	padding-bottom: 5px;
}

#productsDetail #summaryArea .sticker .item{
	display: inline-block;
	padding: 5px 8px;
	margin: 0 5px 5px 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background: #0066b3;
}

#productsDetail #summaryArea .sticker .item span{
	font-size: 12px;
	line-height: 1em;
	vertical-align: super;
}

/* txtArea */
#productsDetail #summaryArea .txtArea{
	margin-bottom: 15px;
}

#productsDetail #summaryArea .txt + .txt{
	margin-top: 25px;
}

/* list */
#productsDetail #summaryArea .list{}

#productsDetail #summaryArea .list .item{
	padding-left: 1em;
	position: relative;
}
	#productsDetail #summaryArea .list .item + .item{ margin-top: 10px; }

#productsDetail #summaryArea .list .item .point{
	position: absolute;
	left: 0;
	top: 0;
}


#productsDetail #summaryArea .list .item .listTit{
	font-weight: bold;
}



/* notes */
#productsDetail #summaryArea .notes{
	margin-top: 25px;
	font-size: 12px;
	line-height: 1.6em;
}

/* freeArea */
#productsDetail #summaryArea .freeArea{
	margin-top: 35px;
}

#productsDetail .summaryR .freeArea p{
	margin-bottom: 1em;
}

#productsDetail .summaryR .freeArea ul{
	margin-bottom: 1em;
}

/* btnStyle */
#productsDetail #summaryArea .summaryR .btnStyle{
	margin-top: 40px;
}


/* linkArea -------------------- */
#productsDetail #linkArea{}

#productsDetail #linkArea .boxInner{
	padding: 14px 20px 20px;
	background: #f2f2f2;
}

#productsDetail #linkArea .linkList{
	margin-bottom: -20px;
	overflow: hidden;
}

#productsDetail #linkArea .item{
	float: left;
	margin: 0 30px 8px 0;
}

#productsDetail #linkArea .item i{
	font-size: 12px;
}

#productsDetail #linkArea .item a:hover{
	color: #0066b3;
}


/* tableUnit ---------------------- */
#productsDetail .tableUnit{
	width: 100%;
	border-top: 1px solid #deded9;
	border-left: 1px solid #deded9;
	box-sizing: border-box;
	border-collapse: collapse;
	border-spacing: 0;
}

#productsDetail .tableUnit th,
#productsDetail .tableUnit td{
	padding: 10px;
	border-right: 1px solid #deded9;
	border-bottom: 1px solid #deded9;
	box-sizing: border-box;
}
	#productsDetail .tableUnit1 th, #productsDetail .tableUnit1 td{ width: 50%; }
	#productsDetail .tableUnit2 th, #productsDetail .tableUnit2 td{ width: 33.3333333333%; }
	#productsDetail .tableUnit3 th, #productsDetail .tableUnit3 td{ width: 25%; }
	#productsDetail .tableUnit4 th, #productsDetail .tableUnit4 td{ width: 20%; }
	#productsDetail .tableUnit5 th, #productsDetail .tableUnit5 td{ width: 16.6666666667%; }
	#productsDetail .tableUnit6 th, #productsDetail .tableUnit6 td{ width: 14.2857142857%; }
	#productsDetail .tableUnit7 th, #productsDetail .tableUnit7 td{ width: 12.5%; }

#productsDetail .tableUnit .thTit{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: #eaf5ff;
}

#productsDetail .tableUnit .tdTit{
	font-weight: bold;
	background: #eaf5ff;
}

#productsDetail .tableUnit .tdTxt{}

	/* standardprice_jancode */
	#standardprice_jancode .tableSJUnit1 .thTit{ width: 25%; }
	#standardprice_jancode .tableSJUnit2 .thTit{ width: 20%; }


/* dlUnit ------------------------- */
#productsDetail .dlUnit{
	display: flex;
	flex-wrap: wrap;
}
	#productsDetail .dlUnit1{}
	#productsDetail .dlUnit2{}

#productsDetail .dlUnit dl{
	display: flex;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

	/* dlUnit11 */
	#productsDetail .dlUnit1 dl{ width: 100%; }
		#productsDetail .dlUnit1 dl + dl{ border-top: none; }

	/* blockUnit2 */
	#productsDetail .dlUnit2 dl{ width: 50%; }
		#productsDetail .dlUnit2 dl:nth-child(even){ border-left: none; }
		#productsDetail .dlUnit2 dl:nth-child(n + 3){ border-top: none; }

#productsDetail .dlUnit dt,
#productsDetail .dlUnit dd{
	padding: 10px;
	width: 50%;
	box-sizing: border-box;
}
	#productsDetail .dlUnit dt{
		font-weight: bold;
		background-color: #eaf5ff;
	}

	#productsDetail .dlUnit1 dt{ width: 25%; }
	#productsDetail .dlUnit1 dd{ width: 75%; }
	#productsDetail .dlUnit2 dt{ width: 35%; }
	#productsDetail .dlUnit2 dd{ width: 65%; }


#productsDetail .dlUnit1 dd ul,
#productsDetail .dlUnit2 dd ul,
#productsDetail .tableUnit ul{ margin: 0 0 0 20px;}
#productsDetail .dlUnit1 dd ul li,
#productsDetail .dlUnit2 dd ul li,
#productsDetail .tableUnit ul li{ list-style-type: disc;}


/* itemArea ----------------------- */
#productsDetail .itemArea{
	display: flex;
	flex-wrap: wrap;
}

#productsDetail .itemArea .item{
	margin: 0 23px 0 0;
	width: 220px;
}
	#productsDetail .itemArea .item:nth-child(3n){ margin-right: 22px; }
	#productsDetail .itemArea .item:nth-child(4n){ margin-right: 0; }
	#productsDetail .itemArea .item:nth-child(n + 5) { margin-top: 40px; }

#productsDetail .itemArea .item .name{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
}

#productsDetail .itemArea .item .img{
	margin-bottom: 5px;
	width: 220px;
	position: relative;
	overflow: hidden;
}

#productsDetail .itemArea .item .txt{
}

#productsDetail .itemArea .item .btnStyle{
	margin-top: 10px;
	width: 100%;
}

#productsDetail .itemArea .item .btnStyle a{
	padding: 13px 0;
}

	/* option */
	#productsDetail #option .itemArea{ margin-bottom: -30px; }
	#productsDetail #option .itemArea .item{ margin-bottom: 30px; }
	#productsDetail #option .itemArea .item .img{ height: 220px; display: flex; align-items: center; justify-content: center; }
	#productsDetail #option .itemArea .item .img::before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #828282;
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}

	/* supple02 */
	#productsDetail #supple02 .itemArea .item:nth-child(n + 5) { margin-top: 20px; }
	#productsDetail #supple02 .itemArea .item .btnStyle{ margin-top: 0; }


/* contactArea -------------------- */
#productsDetail .contactArea{
	padding: 30px 0;
	margin: -80px 0;
	background: #eaf5ff;
	position: relative;
	z-index: 1;
}

#productsDetail .contactArea + .inner{
	padding-top: 130px;
}

/* freeArea (column_multiple) ----- */
#productsDetail .column_multiple{}

/* ul / ol */
#productsDetail .column_multiple .blockCont ul,
#productsDetail .column_multiple .blockCont ol{
	padding-left: 1.5em;
}

#productsDetail .column_multiple .blockCont ul li{ list-style: disc; }
#productsDetail .column_multiple .blockCont ol li{ list-style: decimal; }

#productsDetail .column_multiple .blockUnit{
	display: flex;
	flex-wrap: wrap;
}
	#productsDetail .column_multiple .blockUnit + .blockUnit{
		margin-top: 30px;
	}

#productsDetail .column_multiple .box{
	box-sizing: border-box;
}
	#productsDetail .column_multiple .box + .box{ margin-top: 0; position: relative; }

	#productsDetail .column_multiple .blockUnit1 .box{ width: 100%; padding: 0; margin-bottom: 0;}
	#productsDetail .column_multiple .blockUnit1 .box + .box{ margin-top: 30px; }

	#productsDetail .column_multiple .blockUnit2 .box{ width: 464px; }
	#productsDetail .column_multiple .blockUnit2 .box:nth-child(even){ margin-left: 20px; }
	#productsDetail .column_multiple .blockUnit2 .box:nth-child(n + 3){ margin-top: 30px; }

	#productsDetail .column_multiple .blockUnit3 .box{ width: 304px; }
	#productsDetail .column_multiple .blockUnit3 .box + .box{ margin-left: 18px; }
	#productsDetail .column_multiple .blockUnit3 .box:nth-child(3n) + .box{ margin-left: 0; }
	#productsDetail .column_multiple .blockUnit3 .box:nth-child(n + 4){ margin-top: 30px; }

	#productsDetail .column_multiple .blockUnit4 .box{ width: 222px; }
	#productsDetail .column_multiple .blockUnit4 .box + .box{ margin-left: 20px; }
	#productsDetail .column_multiple .blockUnit4 .box:nth-child(4n) + .box{ margin-left: 0; }
	#productsDetail .column_multiple .blockUnit4 .box:nth-child(n + 5){ margin-top: 30px; }

	#productsDetail .column_multiple .blockUnit5 .box{ width: 176px; }
	#productsDetail .column_multiple .blockUnit5 .box + .box{ margin-left: 17px; }
	#productsDetail .column_multiple .blockUnit5 .box:nth-child(5n) + .box{ margin-left: 0; }
	#productsDetail .column_multiple .blockUnit5 .box:nth-child(n + 6){ margin-top: 17px; }

#productsDetail .column_multiple p,
#productsDetail .column_multiple ul,
#productsDetail .column_multiple ol{
	margin-bottom: 1em;
}

#productsDetail .column_multiple li {
	margin-bottom: 0.4em;
}

#productsDetail .column_multiple .box p{
	margin-bottom: 1em;
}

#productsDetail .column_multiple .box .detailTxt{
	position: relative;
}
	#productsDetail .column_multiple .box .detailTxt::after {
		display: block;
		clear: both;
		content: '';
	}


@media only screen and (max-width: 768px) {
	/* detailHeader ---------------- */
	#productsDetail .detailHeader{ margin-bottom: 8.4vw; }
	#productsDetail .detailHeader .detailTit{ font-size: 5.333333333vw; line-height: 1.375em; }
		#productsDetail .detailHeader .detailTit::before{ width: 5.333333333vw; left: -7.6vw; }
	#productsDetail .detailHeader .iconList{ padding-top: 3.2vw; margin-bottom: -1.333333333vw; }
	#productsDetail .detailHeader .icon{ padding: 1.6vw 2.4vw; margin: 0 1.333333333vw 1.333333333vw 0; font-size: 3.2vw; }

	/* block ----------------------- */
	#productsDetail .block + .block{ margin-top: 8vw; }
	#productsDetail .blockTit{ padding: 1.6vw 2.4vw; margin-bottom: 3.6vw; font-size: 4.266666667vw; }

	/* box ------------------------- */
	#productsDetail .block .box + .box{ margin-top: 4vw; }
	#productsDetail .block .boxTit{ margin-bottom: 2.8vw; font-size: 4.266666667vw; }

	/* notes -------------------------- */
	#productsDetail .notes{ margin-top: 2.8vw; font-size: 3.2vw; }

	/* summaryArea ----------------- */
	#productsDetail #summaryArea{ display: block; }
	#productsDetail #summaryArea .summaryL{ margin-bottom: 7.2vw; width: 100%; }
	#productsDetail #summaryArea .summaryR{ width: 100%; }

	#productsDetail #summaryArea .gallery-top{ margin-top: 2vw; }
	#productsDetail #summaryArea .gallery-top .swiper-slide{ width: 100%; }
	#productsDetail #summaryArea .gallery-top .swiper-slide .img,
	#productsDetail #summaryArea .gallery-top .swiper-slide .mov{ width: 100%; height: 80vw; }
	#productsDetail #summaryArea .gallery-top .swiper-slide .caption{ margin-top: 0.4vw; }

	#productsDetail #summaryArea .gallery-thumbs{ margin-top: 3.2vw; }
	#productsDetail #summaryArea .gallery-thumbs .swiper-slide{ margin-right: 3vw; width: 13.6vw !important; height: 13.6vw; }
		#productsDetail #summaryArea .gallery-thumbs .swiper-slide:nth-child(n + 6){ margin-top: 3vw; }
	#productsDetail #summaryArea .gallery-thumbs .swiper-slide-thumb-active{ opacity: 1; }

	#productsDetail #summaryArea .summaryL .btnStyle{ margin-top: 3.2vw; }
	#productsDetail #summaryArea .summaryL .btnStyle a{ padding: 1.6vw 0; line-height: 1.3em; }

	/* detailSub */
	#productsDetail #summaryArea .detailSub{ margin-bottom: 2vw; font-size: 4.533333333vw; line-height: 1.47em; }

	/* sticker */
	#productsDetail #summaryArea .sticker{ padding-bottom: 0; }
	#productsDetail #summaryArea .sticker .item{ padding: 2.4vw; margin: 0 2vw 2vw 0; font-size: 4vw; }
	#productsDetail #summaryArea .sticker .item span{ font-size: 2.933333333vw; }

	/* txtArea */
	#productsDetail #summaryArea .txtArea{ margin-bottom: 6.4vw; }
	#productsDetail #summaryArea .txt + .txt{ margin-top: 7.2vw; }

	/* list */
	#productsDetail #summaryArea .list .item + .item{ margin-top: 2.8vw; }

	/* notes */
	#productsDetail #summaryArea .notes{ margin-top: 3.6vw; font-size: 3.2vw; line-height: 1.45em; }

	/* freeArea */
	#productsDetail #summaryArea .freeArea{ margin-top: 3.6vw; }

	/* btnStyle */
	#productsDetail #summaryArea .summaryR .btnStyle{ margin-top: 3.6vw; }

	/* linkArea -------------------- */
	#productsDetail #linkArea .boxInner{ padding: 4vw; }
	#productsDetail #linkArea .linkList{ margin-bottom: 0; }
	#productsDetail #linkArea .item{ float: none; margin: 0; }
		#productsDetail #linkArea .item + .item{ margin-top: 4.4vw; }
	#productsDetail #linkArea .item i{ font-size: 2.8vw; }
	#productsDetail #linkArea .item a:hover{ color: #444444; }

	/* tableUnit ---------------------- */
	#productsDetail .tableUnit + .tableUnit{ margin-top: 2.8vw; }
	#productsDetail .tableUnit th,
	#productsDetail .tableUnit td{ padding: 2.4vw; }
	#productsDetail .tableUnit .thTit{ font-size: 3.733333333vw; }

		/* standardprice_jancode */
		#standardprice_jancode .thTit{ width: 35%; }
		/* seriesArea */
		#seriesArea .thTit{ width: 40%; }

	/* dlUnit ------------------------- */
	#productsDetail .dlUnit{ display: block; }
	#productsDetail .dlUnit dl{ display: block; }
		#productsDetail .dlUnit2 dl{ width: 100%; }
		#productsDetail .dlUnit2 dl:nth-child(even){ border-left: 1px solid #ddd; }
		#productsDetail .dlUnit2 dl + dl{ border-top: none; }

	#productsDetail .dlUnit dt,
	#productsDetail .dlUnit dd{ padding: 2.4vw; width: 100%; }

	#productsDetail .dlUnit dt{ font-size: 3.733333333vw; }
		#productsDetail .dlUnit1 dt, #productsDetail .dlUnit1 dd,
		#productsDetail .dlUnit2 dt, #productsDetail .dlUnit2 dd{ width: 100%; }

	/* itemArea ----------------------- */
	#productsDetail .itemArea{ justify-content: space-between; }
	#productsDetail .itemArea .item{ margin: 0 0 5.2vw 0; width: 36vw; }
		#productsDetail .itemArea .item:nth-child(3n){ margin-right: 0; }
		#productsDetail .itemArea .item:nth-child(4n){ margin-right: 0; }
		#productsDetail .itemArea .item:nth-child(n + 5) { margin-top: 0; }
	#productsDetail .itemArea .item .name{ margin-bottom: 1.6vw; font-size: 4.266666667vw; line-height: 1.4em; }
	#productsDetail .itemArea .item .img{ margin-bottom: 1.6vw; width: 100%; }
	#productsDetail .itemArea .item .btnStyle{ margin-top: 1.6vw; }
	#productsDetail .itemArea .item .btnStyle a{ padding: 2.8vw 0; }

	#productsDetail #option .itemArea{ margin-bottom: -5.2vw; }
	#productsDetail #option .itemArea .item{ margin-bottom: 5.2vw; }
	#productsDetail #option .itemArea .item .img{ height: 36vw; }

	#productsDetail #supple02 .itemArea .item:nth-child(n + 5) { margin-top: 0; }

	/* contactArea -------------------- */
	#productsDetail .contactArea{ padding: 5.2vw 0; margin: -10vw 0; }

	#productsDetail .contactArea + .inner{ padding-top: 15.2vw; }

	/* freeArea (column_multiple) ----- */
	#productsDetail .column_multiple .blockUnit{ display: block; }
	#productsDetail .column_multiple .blockUnit1 .box, #productsDetail .column_multiple .blockUnit2 .box,
	#productsDetail .column_multiple .blockUnit3 .box, #productsDetail .column_multiple .blockUnit4 .box,
	#productsDetail .column_multiple .blockUnit5 .box{ width: 100%;}

		#productsDetail .column_multiple .blockUnit1 .box + .box,

		#productsDetail .column_multiple .blockUnit2 .box:nth-child(even),
		#productsDetail .column_multiple .blockUnit2 .box:nth-child(n + 3),
		
		#productsDetail .column_multiple .blockUnit3 .box + .box,
		#productsDetail .column_multiple .blockUnit3 .box:nth-child(3n) + .box,
		#productsDetail .column_multiple .blockUnit3 .box:nth-child(n + 4),
		
		#productsDetail .column_multiple .blockUnit4 .box + .box,
		#productsDetail .column_multiple .blockUnit4 .box:nth-child(4n) + .box,
		#productsDetail .column_multiple .blockUnit4 .box:nth-child(n + 5),
		
		#productsDetail .column_multiple .blockUnit5 .box + .box,
		#productsDetail .column_multiple .blockUnit5 .box:nth-child(5n) + .box,
		#productsDetail .column_multiple .blockUnit5 .box:nth-child(n + 6){
			padding: 0;
			margin: 0;
		}

	#productsDetail .column_multiple .box + .box{ margin-top: 3.6vw !important; }

	/*iframe -------------------------- */
	#productsDetail iframe{ width: 100%; }
}




/* IE (body.ie11)
---------------------------------------------------------------------- */
@media all and (-ms-high-contrast: none){
	#productsDetail #summaryArea .gallery-top .swiper-slide .img,
	#productsDetail #summaryArea .gallery-top .swiper-slide .mov,
	#productsDetail #summaryArea .gallery-thumbs .swiper-slide,
	#productsDetail #option .itemArea .item .img{
		display: block;
	}
}




/* Print
---------------------------------------------------------------------- */
@media print {
	/* 一覧ページ */
	#content .listArea.imgLayout .block{
		display: block;
		overflow: hidden;
	}

	#content .listArea.imgLayout .blockInner{
		display: block;
		overflow: hidden;
	}
		#content .listArea.imgLayout .blockInner::after {
			display: block;
			clear: both;
			content: '';
		}

	#content .listArea.imgLayout .catContArea .blockInner{
		display: flex;
	}

	#content .listArea.imgLayout .box{
		float: left;
	}
}