/* カスタマイズ用CSS */
/* headerNav */
.ec-headerNaviRole{background:#3C4B3C;max-width:100%;padding:10px;}
.ec-headerNav .ec-headerNav__itemIcon{color:white;}
.ec-headerNav .ec-headerNav__itemLink{color:white;}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search{background:#757E75;}
/* logo */
.ec-headerRole{padding:30px 0;}
.ec-headerTitle .ec-headerTitle__title a{margin:0;}
.ec-headerTitle .ec-headerTitle__title a img{max-width:600px;width:auto;display:block;margin:10px auto;}
/* layoutRole */
.ec-layoutRole .ec-layoutRole__contents {max-width:1200px;}
.ec-layoutRole .ec-cartNavi__icon::before{color: #2E3B2E;}
/* ec-topicpath */
.ec-topicpath{border-top:none;}
.ec-topicpath a{font-weight:normal;}
.ec-topicpath__divider{margin:0 10px;}
/* catnav */
.catnav{padding:10px 0 0 20px;max-width:240px;}
.catnav ul{margin:0;padding:0;list-style-type:none;}
.catnav a{text-decoration:none;color:inherit;}
.catnav_cat{border-bottom:1px solid #CCC;font-size:18px;line-height:30px;}
.catnav_cat li a{border-top:1px solid #CCC;display:block;padding:15px 5px;background:url(images/nav.svg) right 8px center no-repeat;}
.catnav_cat li a:hover{background:#F1F1F1 url(images/nav.svg) right 3px center no-repeat;}
.catnav_page li{font-size:16px;line-height:20px;margin-top:10px;}
.catnav_page li a{display:block;background:#3C4B3C;color:#FFF;font-weight:bold;padding:15px;border-radius:5px;}
.catnav_page li a:hover{background:#828C82;}
/* ec-productRole */
.ec-productRole .ec-productRole__title .ec-headingTitle{padding-bottom:10px;}
/* footer */
.ec-footerRole{background:#3C4B3C;text-align:center;}
.ec-footerRole a,.ec-footerNavi__link a{text-decoration:none;}
.footer_toi{display:inline-block;background:rgba(255,255,255,0.1);margin:30px 0;padding:20px;color:#FFF;}
.footer_toi a{color:#FFF;}
.footer_toi_title{font-size:18px;font-weight:bold;}
.footer_toi_tx{font-size:16px;margin:10px 0 0 0;}
.footer_ban div{display:inline-block;margin:5px;}
.footer_ban a{display:block;}
.footer_ban a:hover img{opacity:0.8;}
.ec-footerRole .footer_ban img{width:250px;}
.ec-footerTitle{padding:20px;}
@media screen and (max-width: 767px) {
	.ec-headerRole{padding:10px 0;}
	.ec-headerTitle .ec-headerTitle__title a img{max-width:320px;width:320px;margin:10px auto;}
	.ec-contactRole .ec-pageHeader h1,
	.ec-role .ec-pageHeader h1{font-size:24px;line-height:1.5;padding:5px 0;margin-bottom:10px;}
	.ec-productRole .ec-productRole__title .ec-headingTitle{font-size:28px;line-height:1.5;padding-bottom:0;}
	.footer_toi a{text-decoration:underline;}
	.ec-layoutRole .ec-cartNavi__icon::before{color: #FFF;}
}
/*-------------------------common*/
body .mincho{font-family:serif;}
.clearfix::after{display: block;clear: both;content: "";}
.ec-totalBox__taxLabel{display:none;}
.ec-totalBox__taxRate,.ec-totalBox__taxRate dt,.ec-totalBox__taxRate dd{display:none;}
.movie{width:100%;margin:0 auto;position:relative;margin-bottom:20px;padding-top:30px;padding-bottom:56.25%;overflow:hidden;}
.movie iframe{position:absolute;top:0;left:0;height:100%;width:100%;}
@media print, screen and (min-width: 768px) {
	.sp{display:none;}
}
@media screen and (max-width: 767px) {
	.pc{display:none;}
}
body p{
    margin-top:0;
    margin-bottom:10px;
}

/*mainarea
-----------------------------------------------------------------------------------------*/
.mainimg img{
	max-width:100%;
	}
.maincopy1{
	text-align:center;
	color:#B84230;
	font-family:serif;
	font-size:35px;
	line-height:1.5;
	padding:50px 0 20px;
}
.maincopy2{
	font-size:18px;
	line-height:2;
	padding-left:40px;
}
.mainmovie{
	float:right;
	width:360px;
	margin:10px 40px 0 30px;
}
@media screen and (max-width: 767px) {
	.maincopy1{font-size:20px;padding:0 10px;}
	.maincopy2{padding:0 20px;}
	.mainmovie{width:auto;float:none;margin:0;padding:10px 20px;}
}

/*news
-----------------------------------------------------------------------------------------*/
.ec-role.news{
	padding:5px;
	margin-bottom:50px;
}
.newstitle{
	background:#C0A175;
	color:#FFF;
	font-size:24px;
	padding:10px;
	margin-bottom:-15px;
}
.news .ec-newsRole__news{
	background:none;
	padding:0;
	border:none;
	border-bottom:1px solid #d9d9d9;
}
.news .ec-newsRole__newsDate,
.news .ec-newsRole__newsTitle{
	font-size:18px;
	line-height:1.5;
}
@media screen and (max-width: 767px) {
.ec-role.news{padding:0 20px;margin-bottom:30px;}
.newstitle{margin:0;}
}

/*banner
-----------------------------------------------------------------------------------------*/
.banner{text-align:center;padding:5px 20px;}
.banner img{max-width:800px;width:100%;}
.banner img:hover{opacity:0.8;}

/*topcate
-----------------------------------------------------------------------------------------*/
.topcate{
	padding:70px 15px 0 15px;
}
.topcatetitle{
	color:#525F52;
	text-align:center;
	font-size:36px;
	letter-spacing:3px;
	margin-bottom:20px;
}
.topcate ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.topcate li{
	display:inline-block;
	vertical-align:top;
	width:33.3%;
	text-align:center;
	padding:10px;
}
.topcate li a{
	display:block;
	color:#000;
	line-height:1.5;
	padding:10px;
	text-align:left;
	transition: all 0.2s ease-in-out;
}
.topcate li img{
	mix-blend-mode:multiply;
	max-width:100%;
}
.topcate li a:hover{
	background:#F1F1F1;
	text-decoration:none;
}
.topcate li a h2{
	font-size:24px;
	padding:10px 0;
	margin:0;
	background:url(images/ya.svg) right no-repeat;
}
.topcate li p{
	font-size:14px;
}
@media screen and (max-width: 1060px) {
	.topcate li br.pc{display:none;}
}
@media screen and (max-width: 767px) {
	.topcatetitle{font-size:24px;margin-bottom:0;}
	.topcate li{display:block;width:auto;margin:0 auto;max-width:370px;padding:10px 0;}
}

/*guide
-----------------------------------------------------------------------------------------*/
.guide_mi1{
	font-size:21px;
	line-height:1.5;
	font-weight:bold;
	color:#A07004;
	margin:20px 0 0 0;
}
.guide_mi2{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#000;
	margin:0;
}
.guide_tx{
	font-size:17px;
	line-height:1.66;
	margin:5px 0 0 0;
}
.guide_waku{
	background:#F0F0F0;
	padding:20px;
	margin-top:20px;
}
.guide hr{
	margin:30px 0;
}
.guide figure{
	margin:20px 0;
	padding:0;
}
.guide table{
	empty-cells:show; 
	border-collapse:collapse; 
	border-spacing:0;
	width:100%;
	background:#FFF;
}
.guide th,
.guide td{
	padding:10px 15px;
	border:1px solid #999;
	text-align:left;
	font-size:18px;
	line-height:1.6;
}
.guide th{
	background-color:#FDF6FF;
	font-weight:normal;
}
.guide th strong{
	color:#D91E00;
	margin-right:3px;
}
.pdfbtn a{
	margin:10px auto;
	max-width:480px;
	font-size:18px;
	letter-spacing:1px;
	line-height:45px;
	padding-left:50px;
	color:#FFF;
	display:block;
	background-color:#1E8DBE;
	background-image:url(images/icon_pdf.png), url(images/ya_w.png);
	background-repeat:no-repeat,no-repeat;
	background-position: left 20px center,right;
	background-size:20px;
	border-radius: 23px;
}
.pdfbtn a:hover{
	background-color:#006699;
	text-decoration:none;
}
@media print, screen and (min-width: 768px) {
	.guide{padding:0 20px;}
}
@media screen and (max-width: 767px) {
	.guide th,
	.guide td{padding:5px;font-size:16px;}
	.guide th{white-space:nowrap;}
}

/*page_product_list
-----------------------------------------------------------------------------------------*/
#page_product_list .ec-select select{
	max-width:100%;
}
@media print, screen and (min-width: 768px) {
#page_product_list .ec-shelfGrid .ec-shelfGrid__item{width:33.3%;}
#page_product_list .ec-shelfGrid .ec-shelfGrid__item-image {height:auto;max-height: auto;}
}
/*page_product_detail
-----------------------------------------------------------------------------------------*/
#page_product_detail .ec-numberInput{
	margin-top:20px;
}

/*page_help_about
-----------------------------------------------------------------------------------------*/
#page_help_about .ec-off1Grid{
	padding:0 20px;
}
#page_help_about .ec-off1Grid__cell {
    width:100%;
    margin-left: 0;
}
#page_help_about .ec-borderedDefs dd{
	padding-top:14px;
	padding-bottom:24px;
	line-height:1.75;
}
@media screen and (max-width: 767px) {
	#page_help_about .ec-borderedDefs dd{padding-top:5px;padding-bottom:10px}
	#page_help_about .ec-off1Grid{padding:0;}
}

/*page_help_tradelaw
-----------------------------------------------------------------------------------------*/
#page_help_tradelaw .ec-off1Grid{
	padding:0 20px;
}
#page_help_tradelaw .ec-off1Grid__cell {
    width:100%;
    margin-left: 0;
}
#page_help_tradelaw .ec-borderedDefs dd{
	padding-top:14px;
	padding-bottom:24px;
	line-height:1.75;
}
@media screen and (max-width: 767px) {
	#page_help_tradelaw .ec-borderedDefs dd{padding-top:5px;padding-bottom:10px}
	#page_help_tradelaw .ec-off1Grid{padding:0;}
}

/*page_help_privacy
-----------------------------------------------------------------------------------------*/
#page_help_privacy .ec-off1Grid{
	padding:0 20px;
}
#page_help_privacy .ec-off1Grid__cell {
    width:100%;
    margin-left: 0;
}
#page_help_privacy .ec-off1Grid__cell  > ol,
#page_help_privacy .ec-off1Grid__cell  > ol > li > ul{
	padding-left:1.5em;
}
#page_help_privacy .ec-off1Grid__cell  > ol > li{
	margin-bottom:10px;
}
#page_help_privacy .ec-off1Grid__cell  > ol > li > ul >li{
	list-style-type:disc;
	margin-top:5px;
}
#page_help_privacy .ec-borderedDefs dd{
	padding-top:14px;
	padding-bottom:24px;
	line-height:1.75;
}
@media screen and (max-width: 767px) {
	#page_help_privacy .ec-borderedDefs dd{padding-top:5px;padding-bottom:10px}
	#page_help_privacy .ec-off1Grid{padding:0;}
}
.ec-maintenanceAlert + *{margin-top:0 !important;}