/* カスタマイズ用CSS */
/* headerNav */
.ec-headerNaviRole{background:#1b1b1d;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:#555555;}
/* logo */
.ec-headerTitle .ec-headerTitle__title a{font-size:16px;}
.ec-headerTitle .ec-headerTitle__title a img{max-width:100%;width:auto;display:block;margin:10px auto;}
/* pagenav_pc */
.pagenav_pc{max-width:1200px;margin:-170px auto 40px auto;text-align:center;}
.pagenav_pc ul{font-size:0;padding:0 10px;}
.pagenav_pc li{display:inline-block;list-style-type: none;vertical-align:top;margin:0;padding:0;width:19%;font-size:18px;line-height:20px;position:relative;font-family:serif;}
.pagenav_pc li br{display:none;}
.pagenav_pc li:nth-child(3){margin-left:24%;}
.pagenav_pc li a{display:block;color:#000;padding-top:70px;height:120px;background:#FFF top 30px center no-repeat;background-size:35px;}
.pagenav_pc li.history a{background-image:url(images/history.svg);}
.pagenav_pc li.store a{background-image:url(images/store.svg);}
.pagenav_pc li.netshop a{background-image:url(images/netshop.svg);}
.pagenav_pc li.contact a{background-image:url(images/contact.svg);}
.pagenav_pc li a:hover{text-decoration:none;background-color:#F1F1F1;}
/* pagenav_sp */
.pagenav_sp ul{margin:0;padding:0;width:100%;}
.pagenav_sp li{list-style-type: none;margin:0;padding:0;font-size:16px;line-height:1.5;border-top:1px solid #000;}
.pagenav_sp li a{display:block;color:#000;padding:15px 15px 15px 50px;background:#FFF left 10px center no-repeat;background-size:30px;}
.pagenav_sp li.history a{background-image:url(images/history.svg);}
.pagenav_sp li.store a{background-image:url(images/store.svg);}
.pagenav_sp li.netshop a{background-image:url(images/netshop.svg);}
.pagenav_sp li.contact a{background-image:url(images/contact.svg);}
/* layoutRole */
.ec-layoutRole .ec-layoutRole__contents {max-width:1200px;}
/* telfax_pc */
#telfax_pc{padding:0 30px;max-width:300px;}
#telfax_pc p{margin:5px 0 0 0;padding:0;color:#000;max-width:220px;}
#telfax_pc p:nth-child(1){margin:20px 0 0 0;background:#000;color:#FFF;padding:5px 10px;font-size:16px;line-height:1.5;font-weight:bold;border-radius:5px;}
#telfax_pc p:nth-child(2){font-size:16px;line-height:1.5;font-weight:bold;word-break:break-all;}
#telfax_pc p:nth-child(2) span{white-space:nowrap;font-size:14px;}
#telfax_pc p:nth-child(3){font-size:14px;}
@media screen and (max-width: 767px) {
	#telfax_pc{display:none;}
	.ec-layoutRole .ec-cartNavi__icon::before{color: #FFF;}
}
/* footer */
.ec-footerRole a,.ec-footerNavi__link a{text-decoration:none;}
/* telfax */
#telfax{padding:10px;border:1px solid #666;margin:30px auto 0 auto;}
#telfax p{font-size:16px;line-height:1.5;margin:0;padding:5px;color:#FFF;text-align:center;letter-spacing:1px;}
#telfax p a{color:inherit;}
#telfax p span{font-size:14px;}
.ec-footerTitle__logo{width:80px;margin:0 auto;}
.ec-footerTitle__logo img{max-width:80px;max-height:80px;}
@media screen and (max-width: 980px) {
	.ec-headerTitle .ec-headerTitle__title a{font-size:14px;}
	.pagenav_pc li{font-size:14px;width:18%;}
	.pagenav_pc li br{display:inline;}
	.pagenav_pc li:nth-child(3){margin-left:28%;}
}
@media screen and (max-width: 767px) {
	.ec-headerRole{padding:0;}
	.ec-headerTitle .ec-headerTitle__title a{font-size:12px;margin:0;padding:10px;display:block;}
	.ec-headerTitle .ec-headerTitle__title a img{max-width:50px;width:50px;margin:5px auto 0 auto;}
	.pagenav_pc{display:none;}
	#telfax{padding:0 10px;border:none;}
	#telfax p{font-size:14px;letter-spacing:0px;font-weight:bold;}
	#telfax p a{width:280px;display:block;margin:5px auto;padding:5px 0;background:#FFF;color:#000;font-size:16px;font-weight:bold;border-radius:5px;}
}

/*toppage
-----------------------------------------------------------------------------------------*/
/* slider */
.ec-sliderRole{max-width:1200px;padding:0;}
/* maincopy */
.maincopy{font-family:serif;text-align:center;font-size:28px;line-height:1.5;margin-bottom:30px;}
.ec-eyecatchRole__image iframe{width:400px;height:225px;margin-top:10px;}
.ec-role img{display:block;margin:15px 0;}
.ec-newsRole{padding-top:0;padding-top:60px;}
.ec-categoryRole .ec-categoryRole__listItem{margin:0;}
.ec-categoryRole .ec-categoryRole__listItem img:hover{filter:brightness(150%);filter:opacity(60%);}
@media screen and (min-width: 1200px) {
	.maincopy br{display:none;}
}
@media screen and (min-width: 768px) {
	.ec-role img{width:auto;}
}
@media screen and (max-width: 767px) {
	.maincopy{font-size:21px;}
	.ec-eyecatchRole__image iframe{width:100%;}
	.ec-newsRole{padding-top:20px;}
}
@media screen and (max-width: 520px) {
	.maincopy{font-size:16px;}
}
/* kanren */
.kanren{margin:50px 0 -50px 0;word-spacing:15px;text-align:center;}
@media screen and (max-width: 767px) {
	.kanren{margin:0;padding-top:30px;border-top:10px solid #f8f8f8;}
}
@media screen and (max-width: 560px) {
	.kanren a{display:block;width:250px;margin:10px auto;}
}

/*history
-----------------------------------------------------------------------------------------*/
#history{
	padding:0 20px;
}
#history h1{
	font-size:32px;
	line-height:50px;
	font-family:serif;
	font-weight:bold;
	color:#1b1b1d;
	text-align:center;
	background:url(images/history_h1.png) top center no-repeat;
}
#history h2{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	color:#1b1b1d;
}
#history h3{
	font-size:21px;
	line-height:30px;
	font-weight:bold;
	padding-top:50px;
	border-top:1px solid #CCC;
	margin-top:50px;
	padding-bottom:10px;
	color:#cc6600;
	text-align:center;
}
#history strong{
	font-weight:bold;
	color:#FF0000;
}
#history p{
	font-size:16px;
	line-height:30px;
	margin-top:30px;
}
#history p:first-letter{
	font-size : 30px;
	font-weight : bold;
	float : left;
	margin: 0px 5px 0px 0px;
	color: #1b1b1d;
	}
#history figure.imgright{
	float:right;
	margin:25px 0 10px 30px;
}
#history figure.imgleft{
	float:left;
	margin:25px 30px 10px 0;
}
#history th,
#history td {
	border:none;
	border-bottom:1px solid #ece0c8; 
	font-size:14px;
	line-height:24px;
	padding:20px;
}
#history table,
#history tr:last-child th,
#history tr:last-child td{
	border:none;
}
#history table th{
	vertical-align:top;
	white-space: nowrap;
	background:none;
	padding:20px 0px 20px 20px;
	font-size:16px;
	font-weight:bold;
	color:#1b1b1d;
}
@media screen and (max-width: 980px) {
	#history {margin:0 -20px -30px -20px;}
}
@media screen and (max-width: 520px) {
	#history figure.imgright,#history figure.imgleft{float:none;margin:20px auto;max-width:200px;}
}
#history .historyimg img{width:100%;margin:0;}
#history .historyimg span{padding:5px;width:25%;}
#history .historyimg{display:flex;flex-wrap:wrap;margin:30px -5px;padding:0;}
@media screen and (max-width: 767px) {
	#history .historyimg span{width:50%;}
}

/*store
-----------------------------------------------------------------------------------------*/
.store{
	padding:0 20px;
	margin:0;
}
.store + .store{
	margin-top:50px;
}
.store h2{
	font-size:25px;
	line-height:1.5;
	font-weight:bold;
	background:#1b1b1d;
	color:#FFF;
	padding:10px 20px;
	margin-bottom:10px;
}
.store h3{
	font-size:20px;
	line-height:1.5;
	font-weight:bold;
	margin-bottom:10px;
	color:#1b1b1d;
}
.store strong{
	font-weight:bold;
	color:#FF0000;
}
.store p{
	font-size:16px;
	line-height:30px;
	margin-bottom:10px;
}
.store .map{
	width:100%;
	margin:20px 0;
}
.store .map iframe{
	width:100%;
	height:400px;
}
.store .img{
	float:right;
	margin:0 0 0 40px;
	max-width:50%;
}
.store p.tel{
	font-size:24px;
	font-weight:bold;
}
.store p.tel a{
	font-weight:inherit;
	color:#CC0000;
}
.store ul{
	margin:0;
	padding:0;
	min-height:240px;
}
.store ul li{
	font-size:16px;
	line-height:25px;
	color:#333333;
	margin:5px 0 5px 1em;
	padding:0;
	list-style-type:disc;
}
@media screen and (max-width: 767px) {
	.store h2{font-size:20px;}
	.store p.tel{font-size:15px;line-height:1.5;}
	.store p.tel a{font-size:20px;border:1px solid #CCC;border-radius:5px;display:inline-block;padding:5px 10px;}
}
@media screen and (max-width: 520px) {
	.store .img{float:none;margin:0 auto;max-width:100%;}
	.store ul{margin:10px 0;min-height:0;}
}

/*guide
-----------------------------------------------------------------------------------------*/
#guide{
	padding:0 20px;
}
#guide h2{
	font-size:21px;
	line-height:30px;
	font-weight:bold;
	padding-top:50px;
	border-top:1px solid #CCC;
	margin-top:50px;
	color:#cc6600;
}
#guide h2:first-child{
	border:none;
	padding-top:0;
}
#guide strong{
	font-weight:bold;
	color:#FF0000;
}
#guide p{
	font-size:16px;
	line-height:30px;
	margin-top:10px;
}
#guide .kome{
	padding-left:1em;
	text-indent:-1em;
	margin-top:5px;
}
#guide ol{
	margin-left:0;
	padding-left:0;
}
#guide ol li{
	font-size:16px;
	line-height:30px;
	margin-top:5px;
}
#guide table{
	width:100%;
	margin:10px auto;
}
#guide th,
#guide td {
	line-height:25px;
	padding:10px 15px;
	border:1px solid #CCCCCC;
	background:#FFF;
}
#guide th{
	background:#F1F1F1;
	white-space:nowrap;
	text-align:center;
}
@media screen and (max-width: 980px) {
	#guide {margin:0 -20px;}
}
@media screen and (max-width: 480px) {
	#guide th{white-space:normal;width:40px;}
}

/*page_product_list
-----------------------------------------------------------------------------------------*/
#page_product_list .ec-select select{
	max-width:100%;
}
@media screen and (min-width: 768px) {
	#page_product_list .ec-shelfGrid .ec-shelfGrid__item-image {height:auto;max-height: 250px;}
}