@charset "utf-8";

/* INDEX

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


/* 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;
	color: #ffffff;
	text-align: center;
	font-size: 26px;
	line-height: 1.3em;
	background: #0066b3;
}

@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; }
}

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

#productsDetail .column_multiple .blockCont .anchorNavArea ul{
	display: flex;
	justify-content: space-between;
	padding-left: 0;
}

#productsDetail .column_multiple .blockCont .anchorNavArea ul li{
	width: 100%;
	list-style-type: none;
}
.anchorNavArea ul li + li{ margin-left: 24px; }

.anchorNavArea ul li a{
	display: block;
	padding: 20px 10px 35px 10px;
	text-align: center;
	border: 1px solid #a0a0a0;
	position: relative;
	text-decoration: none !important;
	transition: all 0.2s ease;
}
.anchorNavArea 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;
}

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

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


/* 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{
		padding: 20px 0 30px;
		background: #e0e0e0;
		width: 100%;
	}

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

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

	#content #catNav .list .item a{
		display: block;
		padding: 8px 10px;
		font-weight: normal;
		font-size: 85%;
		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 .img img {
    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: 1.6vw 2.4vw; font-size: 3.2vw; 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{}

@media only screen and (max-width: 768px) {
	#productsDetail #contentInner > .inner {
		padding: 15.2vw 10vw !important;
	}
}

/* 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;
	padding-left: 0 !important;
}

/* 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: 4px 10px;
	margin: 10px 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-top: 5px;
	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;
}

/* Full wide box layout
------------------------------- */
.freeArea01 p {
	margin-bottom: 0.5em;
}

.freeArea01 h4:nth-child(n+2) {
	padding-top: 0.6em;
}


/* Gray ------------------ */
.freeArea01 {
	padding-top: 3em;
}

.boxLayoutG {
	padding: 1.5em 1.5em 0.8em;
	margin-bottom: 1.5em;
	border: solid 1px #ccc;
}

.boxLayoutG h4 {
	margin-bottom: 0.5em;
}

/* Caution ------------------ */
.boxLayoutC {
	padding: 1.5em;
	margin-bottom: 1.5em;
	border: solid 1px #f9c9c9;
	background: #fff3f3;
}

.boxLayoutC h4 {
	margin-bottom: 0.5em;
}

/* Campaign */
.boxLayoutCam {
	padding: 1.5em 2.5em;
	margin-bottom: 1.5em;
	border: solid 4px #e6e6e6;
}

.boxLayoutCam h4 {
	text-align: center;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	border-bottom: solid 1px #d2d2d2;
	font-size: 120%;
}

.boxLayoutCam p.btn {
	width: 35%;
	margin: 0.8em auto;
}

.freeArea01 .boxLayoutCam p.btn a {
	display: block;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 110%;
	background: #cd0000;
}

.boxLayoutCam p.btn a:hover {
	opacity: 0.8;
	transition: all 0.4s;
}


@media only screen and (max-width: 768px) {
	.boxLayoutCam {
		padding: 1.5em;
	}
	.boxLayoutCam p.btn {
		width: 100%;
		margin: 0.8em auto;
	}
}


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

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

#productsDetail #linkArea .linkList{
	margin-bottom: -20px;
	margin-top: 0;
	overflow: hidden;
}
#contentInner #linkArea .linkList .linkArw{
	color: #444 !important;
	text-decoration: none !important;
}
#contentInner #linkArea .linkList .linkArw:hover{
	text-decoration: underline!important;
}

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

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

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

#productsDetail a.linkArw {
	color: #0066b3;
	text-decoration: underline;
	line-height: 1.5;
}
#productsDetail a.linkArw:hover {
	text-decoration: none;
}


/* tableUnit ---------------------- */
#productsDetail .tableUnit{
	width: 100%;
	margin-bottom: 10px;
	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% !important; word-wrap: anywhere; }
	#productsDetail .tableUnit2 th, #productsDetail .tableUnit2 td{ width: 33.3333333333% !important; word-wrap: anywhere; }
	#productsDetail .tableUnit3 th, #productsDetail .tableUnit3 td{ width: 25% !important; word-wrap: anywhere; }
	#productsDetail .tableUnit4 th, #productsDetail .tableUnit4 td{ width: 20% !important; word-wrap: anywhere; }
	#productsDetail .tableUnit5 th, #productsDetail .tableUnit5 td{ width: 16.6666666667% !important; word-wrap: anywhere; }
	#productsDetail .tableUnit6 th, #productsDetail .tableUnit6 td{ width: 14.2857142857% !important; word-wrap: anywhere; }
	#productsDetail .tableUnit7 th, #productsDetail .tableUnit7 td{ width: 12.5% !important; word-wrap: anywhere; }

#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%; }


/* tableUnit ---------------------- */
#contentInner .tableUnit1 th, #contentInner .tableUnit1 td{ width: 100%; }
#contentInner .tableUnit2 th, #contentInner .tableUnit2 td{ width: 50%; }
#contentInner .tableUnit3 th, #contentInner .tableUnit3 td{ width: 33.3333333333%; }
#contentInner .tableUnit4 th, #contentInner .tableUnit4 td{ width: 25%; }
#contentInner .tableUnit5 th, #contentInner .tableUnit5 td{ width: 20%; }

#contentInner table.fontS th,
#contentInner table.fontS td{ font-size: 12px; line-height: 1.7em; }

@media only screen and (max-width: 768px) {
	#contentInner .tableArea{ overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	#contentInner .tableArea::-webkit-scrollbar{ height: 5px; }
	#contentInner .tableArea::-webkit-scrollbar-track{ background: #F1F1F1; }
	#contentInner .tableArea::-webkit-scrollbar-thumb { background: #BCBCBC; }
}


/* 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;
	text-align: center;
}

#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%; }
}

/* productsPage
---------------------------------------------------------------------- */
#productsPage {}

@media only screen and (max-width: 768px) {
	#productsPage #contentInner > .inner {
		padding: 15.2vw 10vw !important;
	}
}


/* productsPage / agency
---------------------------------------------------------------------- */
.agency_title {
	font-size: 20px;
	font-weight: bold;
	color: #0165BA;
	margin: 0 0 20px 0;
	padding: 0 0 5px;
	border-bottom: 3px solid #0165BA;
}

@media only screen and (max-width: 768px) {
	.agency_title {
		font-size: 4.8vw;
		margin: 0 0 5.3vw 0;
	}
}

@media only screen and (max-width: 768px) {
	.agency_text {
		font-size: 3.2vw;
		line-height: 1.8;
	}
}

@media only screen and (max-width: 768px) {
	.agency_box-1 {
		padding: 5.3vw 0;
		margin: 5.3vw 0;
	}

	.agency_box-1_title {
		font-size: 4.8vw;
		margin: 0 0 2.65vw 0;
	}
}

.agency_btn_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0 3.5%;
	margin: 40px 0;
}

@media only screen and (max-width: 768px) {
	.agency_btn_wrap {
		display: block;
		margin: 5.3vw 0;
	}
}

.agency_btn_wrap > li {
	width: 31%;
}

@media only screen and (max-width: 768px) {
	.agency_btn_wrap > li {
		width:100%;
	}
}

.agency_container-map {
	padding: 50px 0 0 0;
	margin: 0 0 50px 0;
	position: relative;
}

@media only screen and (max-width: 768px) {
	.agency_container-map {
		padding: 5.3vw 0 0 0;
		margin: 5.3vw 0 8vw 0;
	}
}

.agency_box-howto {
	position: absolute;
	top: 50px;
	left: 0;
}

@media only screen and (max-width: 768px) {
	.agency_box-howto {
		width: 100%;
		position: relative;
		top: 0;
	}

	.agency_box-howto > dt {
		font-size: 4.2vw;
		padding: 2.65vw 3vw;
	}

	.agency_box-howto > dd {
		padding: 2.65vw 3vw;
	}
}

.agency_map {
	display: block;
}

@media only screen and (max-width: 768px) {
	.agency_map {
		display: none;
	}
}

.agency_block + .agency_block {
	margin-top: 30px;
}

#contentInner a.agency_btn-pagetop {
	text-align: center;
	text-decoration: none;
	margin: 0 0 0 auto;
	display: block;
	width: 140px;
	font-size: 14px;
	padding: 7px 0;
	border: 1px solid #0066b2;
	cursor: pointer;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

#content #productsPage .btnStyle{
	margin: 0 0 0 auto;
}

@media only screen and (max-width: 768px) {
	.agency_btn-pagetop {
		display: none;
	}
}

/* .agency_block.-tohoku .agency_block_title {
	background-color: #225c90;
	color: #ffffff;
}

.agency_block.-kanto .agency_block_title {
	background-color: #7aacd1;
	color: #ffffff;
}

.agency_block.-koshinetsu .agency_block_title {
	background-color: #3681ba;
	color: #ffffff;
}

.agency_block.-tokai .agency_block_title {
	background-color: #589db7;
	color: #ffffff;
}

.agency_block.-hokuriku .agency_block_title {
	background-color: #1d7795;
	color: #ffffff;
}

.agency_block.-kinki .agency_block_title {
	background-color: #88bfd3;
	color: #ffffff;
}

.agency_block.-chugoku .agency_block_title {
	background-color: #456295;
	color: #ffffff;
}

.agency_block.-shikoku .agency_block_title {
	background-color: #6983b1;
	color: #ffffff;
}

.agency_block.-kyushu .agency_block_title {
	background-color: #93a7c9;
	color: #ffffff;
} */

.agency_tableWrapper {
	margin: 0 0 25px 0;
}

@media only screen and (max-width: 768px) {
	.agency_tableWrapper {
		overflow: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		margin: 0 0 30px 0;
	}

	.agency_tableWrapper::-webkit-scrollbar {
		height: 5px;
	}

	.agency_tableWrapper::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.agency_tableWrapper::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
}

#contentInner .agency_table {
	width: 100%;
	border-top: 1px solid #deded9;
	border-left: 1px solid #deded9;
	box-sizing: border-box;
	border-collapse: collapse;
	border-spacing: 0;
	/*margin: 10px 0 25px 0;*/
	margin-top: 10px;
	margin-bottom: 20px;
	table-layout: fixed;
}

#contentInner table.agency_table th,
#contentInner table.agency_table td{
	font-size: 14px;
	line-height: 1.8;	
}

#contentInner #agency .agency_table a {
	color: #444;
	text-decoration: none;
}
#contentInner #agency .agency_table a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 768px) {
	#contentInner .agency_table {
		/*font-size: 4vw;*/
		font-size: 3.2vw;
		line-height: 1.5;
		width: 948px;
		margin-bottom: 0;
	}
	span.icon-target-brank {
		padding-right: 7vw;
	}
}

#contentInner ._table_head {
	position: relative;
}

#contentInner ._table_title {
	margin-bottom: 0;
}

#contentInner ._table_note {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 0;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
}

#contentInner p._table_note2 {
	font-size: 14px;
	line-height: 1.8;
	margin: 1em 0;
}

#contentInner ._table_note2 a {
	color: #444;
}

#contentInner .agency_table th {
	text-align: left;
}

#contentInner .agency_table ._table_tc {
	text-align: center;
}

#contentInner ._table_text-w {
	color: #5db9b7;
}

#contentInner ._table_text-m {
	color: #EF7F20;
}

.agency_table ._table_column-s-shop1 {
	width: 250px;
}

.agency_table ._table_column-s-shop2 {
	width: 120px;
}

/*.agency_table ._table_column-s-address {*/
/*	width: calc(100% - 130px - 130px - 26px);*/
/*}*/

.agency_table ._table_column-s-tel {
	width: 110px;
}

.agency_table ._table_column-s-check {
	width: 35px;
}

.agency_table ._table_column-os1 {
	width: 250px;
}

.agency_table ._table_column-os2 {
	/*width: 200px;*/
}

@media only screen and (max-width: 768px) {
	.agency_return-map {
		display: none;
	}
}

/* accordion ---------------- */
.accordion {
  /*  box-shadow: 0 0 0 1px #bbb;*/
  margin-bottom: 30px;
  overflow: hidden;
  border: solid 2px #dedede;
  border-radius: 6px;
}

.accordion + .accordion {
    margin-top: -1px;
}
.accordion__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em;
  background: #f8f8f8;
  cursor: pointer;
  font-size: 110%;
}

/* Safariで表示されるデフォルトの三角形アイコンを削除 */
.accordion__title::-webkit-details-marker {
  display: none;
}

.accordion__title::after {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    margin: 0 .5em;
    background-color: currentColor;
    clip-path: polygon(50% 80%, 0 20%, 100% 20%);
    transition: transform .25s;
}

.accordion.is-opened > .accordion__title::after{
  transform: rotate(180deg);
}

.accordion__content {
	padding: 1.5em 1em;
	border-top: solid 1px #dfdfdf;
	background: #fff;
	font-size: 110%;
}
#contentInner .accordion__content .blockTit {
	margin-top: 10px;
}

/* agency map ----------------- */

#map .map_region.-tohoku .map_prefecture {
 background-color: #225c90;
}

#map .map_region.-kanto .map_prefecture {
 background-color: #7aacd1;
}

#map .map_region.-koshinetsu .map_prefecture {
 background-color: #3681ba;
}

#map .map_region.-tokai .map_prefecture {
 background-color: #589db7;
}

#map .map_region.-hokuriku .map_prefecture {
 background-color: #1d7795;
}

#map .map_region.-kinki .map_prefecture {
 background-color: #88bfd3;
}

#map .map_region.-chugoku .map_prefecture {
 background-color: #456295;
}

#map .map_region.-shikoku .map_prefecture {
 background-color: #6983b1;
}

#map .map_region.-kyushu .map_prefecture {
 background-color: #93a7c9;
}

#map {
	display: block;
	width: 860px;
	aspect-ratio: 860/674;
	background-color: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#map p{
	margin-bottom: 0;
}

#map .map_title-region {
	display: none;
}

#map .map_prefecture {
	color: #fff;
	font-size: 13px;
	border: 1px #ffffff solid;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: #78B9EA;
	position: absolute;
	box-sizing: border-box;
	transition: 0.2s;
}

#map .map_prefecture:hover {
	opacity: 0.5;
	transition: 0.2s;
}

/* 北海道・東北 */
#map .map_prefecture.-hokkaido {
	width: calc(120/860 * 100%);
	aspect-ratio: 120/100;
	top: 0;
	left: calc(740/860 * 100%);
}

#map .map_prefecture.-aomori {
	width: calc(120/860 * 100%);
	aspect-ratio: 120/50;
	top: calc(120/674 * 100%);
	left: calc(740/860 * 100%);
}

#map .map_prefecture.-akita {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(170/674 * 100%);
	left: calc(740/860 * 100%);
}

#map .map_prefecture.-iwate {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(170/674 * 100%);
	left: calc(800/860 * 100%);
}

#map .map_prefecture.-yamagata {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(220/674 * 100%);
	left: calc(740/860 * 100%);
}

#map .map_prefecture.-miyagi {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(220/674 * 100%);
	left: calc(800/860 * 100%);
}

#map .map_prefecture.-fukushima {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(270/674 * 100%);
	left: calc(800/860 * 100%);
}

/* 関東 */
#map .map_prefecture.-ibaraki {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/100;
	top: calc(320/674 * 100%);
	left: calc(800/860 * 100%);
}

#map .map_prefecture.-tochigi {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(320/674 * 100%);
	left: calc(740/860 * 100%);
}

#map .map_prefecture.-gunma {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(320/674 * 100%);
	left: calc(680/860 * 100%);
}

#map .map_prefecture.-saitama {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(370/674 * 100%);
	left: calc(740/860 * 100%);
}

#map .map_prefecture.-chiba {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/100;
	top: calc(420/674 * 100%);
	left: calc(800/860 * 100%);
}

#map .map_prefecture.-tokyo {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(420/674 * 100%);
	left: calc(740/860 * 100%);
}

#map .map_prefecture.-kanagawa {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/100;
	top: calc(420/674 * 100%);
	left: calc(680/860 * 100%);
}

/* 甲信越 */
#map .map_prefecture.-nigata {
	width: calc(120/860 * 100%);
	aspect-ratio: 120/50;
	top: calc(270/674 * 100%);
	left: calc(680/860 * 100%);
}

#map .map_prefecture.-nagano {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/100;
	top: calc(320/674 * 100%);
	left: calc(620/860 * 100%);
}

#map .map_prefecture.-yamanashi {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(370/674 * 100%);
	left: calc(680/860 * 100%);
}

/* 東海 */
#map .map_prefecture.-gifu {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/100;
	top: calc(320/674 * 100%);
	left: calc(560/860 * 100%);
}

#map .map_prefecture.-shizuoka {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/100;
	top: calc(420/674 * 100%);
	left: calc(620/860 * 100%);
}

#map .map_prefecture.-aichi {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(420/674 * 100%);
	left: calc(560/860 * 100%);
}

#map .map_prefecture.-mie {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/100;
	top: calc(420/674 * 100%);
	left: calc(500/860 * 100%);
}

/* 北陸 */
#map .map_prefecture.-toyama {
	width: calc(120/860 * 100%);
	aspect-ratio: 120/50;
	top: calc(270/674 * 100%);
	left: calc(560/860 * 100%);
}

#map .map_prefecture.-ishikawa {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/80;
	top: calc(240/674 * 100%);
	left: calc(500/860 * 100%);
}

#map .map_prefecture.-fukui {
	width: calc(120/860 * 100%);
	aspect-ratio: 120/50;
	top: calc(320/674 * 100%);
	left: calc(440/860 * 100%);
}

/* 近畿 */
#map .map_prefecture.-kyoto {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(370/674 * 100%);
	left: calc(380/860 * 100%);
}

#map .map_prefecture.-shiga {
	width: calc(120/860 * 100%);
	aspect-ratio: 120/50;
	top: calc(370/674 * 100%);
	left: calc(440/860 * 100%);
}

#map .map_prefecture.-osaka {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(420/674 * 100%);
	left: calc(380/860 * 100%);
}

#map .map_prefecture.-nara {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(420/674 * 100%);
	left: calc(440/860 * 100%);
}

#map .map_prefecture.-wakayama {
	width: calc(120/860 * 100%);
	aspect-ratio: 120/50;
	top: calc(470/674 * 100%);
	left: calc(380/860 * 100%);
}

#map .map_prefecture.-hyogo {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/100;
	top: calc(370/674 * 100%);
	left: calc(320/860 * 100%);
}

/* 中国 */
#map .map_prefecture.-tottori {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(370/674 * 100%);
	left: calc(260/860 * 100%);
}

#map .map_prefecture.-okayama {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(420/674 * 100%);
	left: calc(260/860 * 100%);
}

#map .map_prefecture.-shimane {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(370/674 * 100%);
	left: calc(200/860 * 100%);
}

#map .map_prefecture.-hiroshima {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(420/674 * 100%);
	left: calc(200/860 * 100%);
}

#map .map_prefecture.-yamaguchi {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/80;
	top: calc(370/674 * 100%);
	left: calc(140/860 * 100%);
}

/* 四国 */
#map .map_prefecture.-kagawa {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(490/674 * 100%);
	left: calc(260/860 * 100%);
}

#map .map_prefecture.-ehime {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(490/674 * 100%);
	left: calc(200/860 * 100%);
}

#map .map_prefecture.-tokushima {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(540/674 * 100%);
	left: calc(260/860 * 100%);
}

#map .map_prefecture.-kochi {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(540/674 * 100%);
	left: calc(200/860 * 100%);
}

/* 九州・沖縄 */
#map .map_prefecture.-fukuoka {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(460/674 * 100%);
	left: calc(120/860 * 100%);
}

#map .map_prefecture.-saga {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(460/674 * 100%);
	left: calc(60/860 * 100%);
}

#map .map_prefecture.-nagasaki {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(460/674 * 100%);
	left: 0;
}

#map .map_prefecture.-oita {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(510/674 * 100%);
	left: calc(120/860 * 100%);
}

#map .map_prefecture.-kumamoto {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/100;
	top: calc(510/674 * 100%);
	left: calc(60/860 * 100%);
}

#map .map_prefecture.-miyazaki {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(560/674 * 100%);
	left: calc(120/860 * 100%);
}

#map .map_prefecture.-kagoshima {
	width: calc(80/860 * 100%);
	aspect-ratio: 80/50;
	top: calc(610/674 * 100%);
	left: calc(100/860 * 100%);
}

#map .map_prefecture.-okinawa {
	width: calc(60/860 * 100%);
	aspect-ratio: 60/50;
	top: calc(624/674 * 100%);
	left: calc(10/860 * 100%);
}

@media screen and (max-width: 768px) {
	#map {
		display: block;
		width: 100%;
		height: auto;
	}

	#map .map_region {
		display: flex;
		flex-wrap: wrap;
		width: 100% !important;
		height: auto!important;
		position: static;
		margin-left: 0px;
		margin-right: 0px;
	}

	#map .map_prefectures {
		font-size: 14px;
		display: flex;
		flex-wrap: wrap;
		width: 100% !important;
		height: auto!important;
	}

	#map .map_prefectures a {
		display: block;
		height: auto;
		width: 25%;
	}

	#map .map_prefecture {
		font-size: 16px;
		display: block;
		width: 100%!important;
		height: auto!important;
		padding: 0.5em 0.3em 0.5em 0.3em;
		border-radius: 0px;
		position: static;
	}
}

/* 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;
	}
}

#contentInner #agency .anchorNavArea ul li a{
	color: #ffffff;
	border: 1px solid #0066b3;
	background: #0066b3;
}

#contentInner #agency .anchorNavArea ul li a::before{
	border-top-color: #fff;
	border-right-color: #fff;
}

#contentInner #agency .anchorNavArea ul li a:hover{
	color: #444!important;
	background: #FFF;
	border: 1px solid #a0a0a0;
}

#contentInner #agency .anchorNavArea ul li a:hover::before{
		border-top: 1px solid #444;
		border-right: 1px solid #444;
}



/* online-shop
----------------------------------------------------------------------
.anchorNavArea,
#agency_onlineshop{
	display: none;
} */