/* カスタマイズ用CSS */

/* COMMON */
body{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 1.6px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sans-serif{
     font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
.serif{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h1{
	font-size: 30px;
}
h2{
	font-size: 26px;
}
h3{
	font-size: 22px;
}
h4{
	font-size: 20px;
}
a{
	opacity: 1;
	transition: all .3s ease;
}
a:hover{
	text-decoration: none;
	opacity: .8;
}
a.hover-anker{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
a.hover-anker:hover{
	background-color: rgba(255,255,255,.3);
}
.wrap{
	max-width: 1200px;
	margin: 0 auto;
}
.ps_re{
	position: relative;
}
.ps_ab{
	position: absolute;
}
.tac{
	text-align: center;
}
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}
.fll{
	float: left;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.col_2{
	width: 48%;
	margin: 1%;
}
.col_3{
	width: 31.33%;
	margin: 1%;
}
.col_4{
	width: 23%;
	margin: 1%;
}
.text.flex.mw1 {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
span.l_bold {
	font-weight: bold;
	font-size: 18px;
	line-height: 36px;
}
span.red{
	color: #FF0000;
}
.lb-data .lb-number{
	display: none !important;
}

/* HEADER */
.ec-layoutRole__header{
	position: absolute;
	width: 100%;
	z-index: 2;
}
header#header{
	min-height: 70px;
}
header#header .logo{
	top: 0;
	left: 0;
}
header#header .menu{
	top: 20px;
	right: 0;
}

header#header .menu .cart{
	display: inline-block;
	vertical-align: middle;
}
.ec-cartNavi{
	min-width: inherit;
    width: auto;
    padding: 0;
    padding-top: 9px;
	color: #8B7E4D;
    background: transparent;
}
i.ec-cartNavi__icon{
	font-size: 28px !important;
}
.ec-cartNavi__label{
	display: none;
}
.ec-cartNavi .ec-cartNavi__badge{
	display: none !important;
}
.ec-cartNaviNull{
	right: inherit;
	left: 50%;
	transform: translate(-50%, 0);
}
.ec-headerNav .ec-headerNav__item{
	margin: 0 10px;
}
.ec-headerNav .ec-headerNav__item img{
	height: 38px;
}

header#header .menu .login{
	display: inline-block;
	vertical-align: middle;
}
header#header .menu .login .ec-headerNav .ec-headerNav__itemIcon{
	color: #8B7E4D;
	font-size: 28px;
}

/* PC DRAWER */
.fold{
	padding-top: 10px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}
.fold .fold_menu{
	display: inline-block;
	width: 40px;
	height: 40px;
}
.fold .fold_menu span{
	position: absolute;
	display: inline-block;
	width: 38px;
	height: 2px;
	background: #8B7E4D;
	transition: all .3s ease;
}
.fold .fold_menu span:nth-of-type(1){
	top: 8px;
	left: 2px;
}
.fold .fold_menu span:nth-of-type(2){
	top: 20px;
	left: 2px;
}
.fold .fold_menu span:nth-of-type(3){
	top: 32px;
	left: 2px;
}
.fold .fold_menu:hover span:nth-of-type(1){
	top: 2px;
	left: 2px;
}
.fold .fold_menu:hover span:nth-of-type(2){
	top: 20px;
	left: 2px;
}
.fold .fold_menu:hover span:nth-of-type(3){
	top: 36px;
	left: 2px;
}

.fold_inner{
	display: none;
	width: 100%;
	top: 0;
	left: 0;
	color: #8B7E4D;
	background: #000;
	padding-bottom: 50px;
}
.fold_inner h2{
	background: #000;
	padding: 20px 0;
	margin: 0;
	margin-bottom: 20px;
}
.fold_inner ul{
	list-style: none;
}
.fold_inner ul li{
	display: inline-block;
	border-right: 1px solid #8B7E4D;
}
.fold_inner ul li:last-child{
	border-right: 0;
}
.fold_inner ul li a{
	color: #8B7E4D;
	font-size: 18px;
	font-weight: bold;
	padding: 20px;
}
.fold_inner .fold_close{
	left: 50%;
	bottom: 10px;
	transform: translate(-50%, 0);
	color: #8B7E4D;
	font-size: 28px;
}

/* FOOTER */
footer#footer section.footer-1{
	text-align: center;
}
footer#footer section.footer-1 ul.footer-menu--1{
	padding: 0;
	list-style: none;
	margin: 5px auto;
	display: inline-block;
	vertical-align: middle;
}
footer#footer section.footer-1 ul.footer-menu--1 li{
	display: inline-block;
}
footer#footer section.footer-1 ul.footer-menu--1 li a{
	font-size: 16px;
	color: #8B7E4D;
	padding: 5px 15px;
}
footer#footer section.footer-1 ul.footer-menu--2{
	padding-left: 20px;
	list-style: none;
	margin: 5px auto;
	display: inline-block;
	vertical-align: middle;
}
footer#footer section.footer-1 ul.footer-menu--2 li{
	display: inline-block;
	margin: 10px;
}
footer#footer section.footer-1 ul.footer-menu--2 li a{
	color: #8B7E4D;
	background-color: transparent;
	border: 1px solid #8B7E4D;
	padding: 5px 15px;
}
footer#footer section.footer-1 ul.footer-menu--2 li a:hover{
	color: #FFF;
	background-color: #8B7E4D;
}

footer#footer section.footer-2{
	color: #FFF;
	text-align: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
footer#footer section.footer-2 ul.footer-menu--3{
	padding: 20px 0 70px;
	list-style: none;
	margin: 5px auto;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
footer#footer section.footer-2 ul.footer-menu--3 li{
	display: inline-block;
	margin: 0;
	border-left: 1px solid #FFF;
}
footer#footer section.footer-2 ul.footer-menu--3 li:last-child{
	border-right: 1px solid #FFF;
}
footer#footer section.footer-2 ul.footer-menu--3 li a{
	color: #FFF;
	padding: 5px 15px;
}
footer#footer section.footer-2 article.company_info div.head h4{
	vertical-align: bottom;
	font-weight: 900;
}
footer#footer section.footer-2 article.company_info div.head h4.pt20{
	padding-top: 26px;
}
footer#footer section.footer-2 article.company_info div.head h4 img{
	display: inline-block;
	vertical-align: bottom;
	margin-right: 1em;
}
footer#footer section.footer-2 article.company_info div.head h4 span.small{
	color: #fff;
	margin-left: 1em;
}
footer#footer section.footer-2 article.company_info div.head h4:after{
	content: '';
	max-width: 384px;
	width: 100%;
	display: block;
	margin: 10px auto 0;
	border-top: 1px solid #FFF;
}
footer#footer section.footer-2 article.company_info div.body p{
	text-align: left;
	max-width: 370px;
	margin: 2px auto;
}
footer#footer section.footer-2 article.company_info div.body p span.small{
	margin-left: .4em;
	letter-spacing: .4px;
}
footer#footer section.footer-2 article.company_info div.body p.tel{
	font-size: 16px;
	font-weight: bold;
	margin: 4px auto;
}
footer#footer section.footer-2 article.company_info div.body p.tel a{
	color: #FFF;
}
footer#footer section.footer-2 div.copyright{
	padding: 40px 0 10px;
}
footer#footer section.footer-2 div.copyright p.copyright{
	color: #A0A1A2;
	font-size: 10px;
	text-align: center;
}
.ec-blockTopBtn {
	width: 160px;
}

/* COMMON PARTS */
div.mv{
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 900px;
	height: calc( 100vw / 19 * 9 );
}
div.mv-common{
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 550px;
}
h2.mv-logo{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
a.btn-border{
	color: #000;
	padding: 4px 10px;
	margin: 3px;
	border: 1px solid #000;
	background-color: transparent;
}
a.btn-border:hover{
	color: #FFF;
	background-color: #000;
}
a.single-btn-anker{
	clear: both;
	display: block;
	width: 320px;
	padding: 6px 20px;
	color: #FFF;
	font-weight: bold;
	border-radius: 25px;
	background-color: #384B5A;
	margin: 5em auto;
	text-align: center;
}

/* INDEX */
div.mv div.movgif{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
div.mv div.logo-bottom{
	bottom: 100px;
	left: 80px;
}
.front_page .ec-layoutRole .ec-layoutRole__contents{
	padding: 0;
}

section.index-news{
	background-color: #DBDBDB;
	padding: 70px 0;
}
section.index-news .wrap{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
section.index-news .wrap a.btn-border{
	display: inline-block;
	margin-right: 150px;
	margin-bottom: 10px;
}
section.index-news .wrap .flex .head{
	width: 240px;
	padding-right: 30px;
}
section.index-news .wrap .flex .body{
	width: calc( 100% - 300px );
}
section.index-news article.news-list{
	padding: 20px;
	border-bottom: 1px dotted #646464;
}
section.index-news article.news-list span.tag{
	background: #8B7E4D;
	color: #FFF;
	padding: 5px 7px;
	font-size: 13px;
	min-width: 130px;
	display:inline-block;
	text-align: center;
}
section.index-news article.news-list span.date{
	margin: 0 1em;
}
section.index-news article.news-list h4.title{
	display: inline-block;
}

section.index-menu article.index-menu--btn {
	width: 33.33333%;
	height: calc( 100vw / 3 );
	overflow: hidden;
}
section.index-menu article.index-menu--btn .index-menu--btn---inner{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .6s ease;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}
section.index-menu article.index-menu--btn:hover .index-menu--btn---inner{
	transform: scale(1.1);
}
section.index-menu article.index-menu--btn a{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.index-goldline{
	padding-bottom: 25px;
	background-color: #8B7E4D;
}

section.index-museum{
	padding: 2em 0;
	background-color: #9B0D23;
	color: #FFFFFF;
}
section.index-museum h4 {
	line-height: 1.8;
	font-weight: bold;
	margin-top: 0;
	letter-spacing: 3px;
}
section.index-museum img{
	width: 100%;
}
section.index-museum a{
	color: #FFF;
}
section.index-museum div.index-museum--box {
	border: 2px solid #FFF;
	padding: 1em;
	margin: 1.4em auto;
}
section.index-museum div.index-museum--box dl{
	margin-bottom: 10px;
}
section.index-museum div.index-museum--box dl:last-child{
	margin-bottom: 0;
}
section.index-museum div.index-museum--box dl dt, section.index-museum div.index-museum--box dl dd{
	display: inline-block;
}
section.index-museum div.index-museum--box dl dt{
	width: 100px;
}
section.index-museum a.btn.btn-white{
	font-size: 20px;
	font-weight: bold;
	color: #9B0D23;
	background-color: #FFF;
	display: block;
	width: 300px;
	padding: 5px 30px;
	margin: 2em auto;
}

/* SHOP LIST */
section.shop-list{
	padding: 100px 0;
}

section.shop-list .tabs .tab{
	width: 25%;
	color: #FFF;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	padding: 15px 10px 0px;
	cursor: pointer;
}
section.shop-list .tabs .tab.tab-material{
	background-color: #8B7E4D;
}
section.shop-list .tabs .tab.tab-type{
	background-color: #384B5A;
}
section.shop-list .tabs .tab.tab-category{
	background-color: #6A6A6A;
}
section.shop-list .tabs .tab h3.title{
	font-size: 20px;
	margin: 0 0 4px;
}
section.shop-list .tabs .tab p.text{
	font-size: 14px;
}

section.shop-list article.body{
	border: 6px solid #FFF;
	background-color: #FFF;
	padding: 20px;
}
section.shop-list article.body.body-material{
	border-color: #8B7E4D;
}
section.shop-list article.body.body-type{
	border-color: #384B5A;
}
section.shop-list article.body.body-category{
	border-color: #6A6A6A;
}

section.shop-list article.body .flex div.material-box{
	position: relative;
	width: 22%;
	margin: 1%;
	border-radius: 25px;
	padding: 10px 20px;
	padding-bottom: 240px;
	color: #8B7E4D;
	border: 2px solid #8B7E4D;
	background-color: transparent;
	transition: all .3s ease;
}
section.shop-list article.body .flex div.material-box p.box-border{
	position: absolute;
	width: calc( 100% - 40px );
	border: 1px solid #8B7E4D;
	padding: 3px;
	bottom: 5px;
	left: 50%;
	transform: translate(-50%, 0);
}
section.shop-list article.body .flex div.material-box h4{
	font-weight: bold;
}
section.shop-list article.body .flex div.material-box h4:after{
	content: '';
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	width: 50px;
	border-bottom: 3px solid #384B5A;
}
section.shop-list article.body .flex div.material-box dl {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	width: calc( 100% - 40px );
	bottom: 60px;
	left: 50%;
	transform: translate(-50%, 0);
	font-size: 17px;
}
section.shop-list article.body .flex div.material-box dl dt{
	width: 50%;
	color: #384B5A;
}
section.shop-list article.body .flex div.material-box dl dd{
	width: 50%;
	color: #C6C6C7;
}
section.shop-list article.body .flex div.material-box dl dd span.on{
	color: #384B5A;
}
section.shop-list article.body .flex div.material-box p{
	margin: 1em 0;
}
section.shop-list article.body .flex div.material-box:hover{
	background-color: #8B7E4D;
	color: #FFF;
}
section.shop-list article.body .flex div.material-box:hover p.box-border{
	border: 1px solid #FFF;
}
section.shop-list article.body .flex div.material-box a:hover{
	background-color: transparent;
}

section.shop-list article.body.body-type h4.type-title{
	font-size: 27px;
	color: #384B5A;
}
section.shop-list article.body.body-type h4.type-title:after{
	content: '';
	display: block;
	margin: 0 auto;
	width: 50px;
	border-bottom: 3px solid #8B7E4D;
	padding-top: 10px;
}
section.shop-list article.body.body-type .flex{
	padding: 20px 40px;
}
section.shop-list article.body.body-type div.type-box{
	width: calc( 100% / 3 - 20px );
	margin: 10px;
	padding: 13px;
	color: #384B5A;
	border-radius: 25px;
	border: 1px solid #384B5A;
	background-color: #FFF;
	transition: all .3s ease;
}
section.shop-list article.body.body-type div.type-box dl{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
section.shop-list article.body.body-type div.type-box dl dt{
	width: 40%;
	padding-right: 15px;
}
section.shop-list article.body.body-type div.type-box dl dt p{
	font-size: 20px;
	font-weight: bold;
	text-align: right;
}
section.shop-list article.body.body-type div.type-box dl dd{
	width: 60%;
}
/*section.shop-list article.body.body-type div.type-box div.underimg{
	max-width: 130px;
	bottom: -20px;
	left: 3px;
}*/
section.shop-list article.body.body-type div.type-box div.underimg {
	max-width: 120px;
	bottom: 10px;
	left: 10px;
}
section.shop-list article.body.body-type div.type-box div.underimg img{
	width: 100%;
}
section.shop-list article.body.body-type div.type-box:hover{
	color: #FFF;
	background-color: #384B5A;
}
section.shop-list article.body.body-type div.type-box a:hover{
	background: transparent;
}

section.shop-list article.body.body-category .flex{
	padding: 0 20px;
}
section.shop-list article.body.body-category .flex div.category-btn{
	width: calc( 100% / 3 - 20px);
	margin: 10px;
	padding: 10px;
	color: #6A6A6A;
	background-color: transparent;
	border-radius: 25px;
	border: 1px solid #6A6A6A;
	transition: all .3s ease;
}
section.shop-list article.body.body-category .flex div.category-btn p{
	font-size: 12px;
}
section.shop-list article.body.body-category .flex div.category-btn:hover{
	color: #FFF;
	background-color: #6A6A6A;
}
section.shop-list article.body.body-category .flex div.category-btn a:hover{
	background: transparent;
}

.ec-topicpath .ec-topicpath__item a, .ec-topicpath .ec-topicpath__item--active a{
	color: #000;
}
.ec-topicpath__divider{
	margin: 0 1em;
}
.category-label{
	margin-bottom: 180px;
}
.category-label .photo{
	width: 40%;
	position: relative;
	z-index: 2;
}
.category-label .photo img{
	width: 100%;
}
.category-label .description{
	width: 70%;
	min-height: 250px;
	height: 100%;
	top: 60px;
	right: 0;
	color: #FFF;
	background-color: #8B7E4D;
	padding: 10px 10px 10px 14%;
	z-index: 1;
}
.category-label .description h3 {
	font-size: 32px;
	margin-top: 16px;
	letter-spacing: 3px;
	margin-bottom: 20px;
}
.category-label .description p.text {
	line-height: 30px;
	letter-spacing: ;
}

.item-box .thumb img{
	width: 100%;
}
.item-box .description{
	margin: 1em 0;
	padding: 3px 20px;
	border-left: 2.8px solid #384B5A;
}
.item-box .description p.price{
	font-size: 18px;
	font-weight: bold;
}
.item-box .description p.price span{
	font-size: 12px;
	font-weight: normal;
}

.item-detail--box{
	padding: 0px 0 20px;
}
.item-detail--box .ec-topicpath{
	margin-bottom: 1.6em;
}
.item-detail--box .ec-headingTitle{
	padding-left: 10px;
	border-left: 2.8px solid #384B5A;
}
.ec-productRole .ec-productRole__price{
	border-bottom: 0;
}
.ec-productRole__tags{
	border-bottom: 0;
}
.ec-productRole .ec-productRole__price{
	color: #000;
}
.ec-productRole .ec-productRole__btn{
	width: 100%;
}
.ec-blockBtn--action{
	width: 100%;
	background-color: #9B0D23;
}
h3.related-head{
	color: #FFF;
	background-color: #384B5A;
	padding: 1em;
	margin: 3em 0 1em;
}
#RelatedProduct-product_area .ec-shelfGrid .ec-shelfGrid__item-image{
	height: auto;
}

.ec-productRole .ec-productRole__price .ec-price-notax{
	font-size: 20px;
	color: #666;
	font-weight: normal;
}
span.price_notax{
	font-size: 16px;
}
.ec-price-notax span.ec-price__tax{
	font-size: 12px;
}

/* SPECIAL */
.special{
	color: #FFF;
	background-color: #000;
	padding-bottom: 100px;
}
.page-title{
	display: inline-block;
	text-align: center;
	margin: 4em auto;
	padding: 10px 50px 20px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.text.flex.mw1 {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.text.flex.mw1 img.col_2 {
	margin: 0 2%;
	width: 46%;
}

/* HISTORY */
.special-btns{
	padding: 150px 0;
}
.special-btns .special-btn{
	width: 480px;
	height: 300px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	border: 5px solid transparent;
	transition: all .3s ease;
}
.special-btns .special-btn:hover{
	border: 5px solid #FFF;
}

.history{
	padding: 30px 0 100px;
}
.history .page-title{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.whitepage h3 {
	color: #8B7E4D;
	padding: 10px 0;
	margin: 3em auto 1em;
	border-bottom: 1px solid #8B7E4D;
	clear: both;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 26px;
}
.whitepage p{
	padding: 20px;
	clear: both;
}
.whitepage p img{
	max-width: 100%;
	margin: 0 20px 20px 0;
}
.history h3 {
	padding-top: 60px;
}
.history h3:first-child {
	padding-top: 0;
}
.history .whitepage p {
	line-height: 34px;
}

.history .whitepage .images{
	max-width: 600px;
	padding: 30px 0 50px;
}
.history .whitepage .images img{
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
}
.history .whitepage .images figcaption {
	font-size: 17px;
	font-weight: 500;
}
.history .whitepage .images.col_2_inline {
	width: 100%;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}
.item-box .description h4 {
	line-height: 30px;
}
.page-title h2 {
	font-size: 30px;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
	background-color: #384B5A;
}
.ec-login {
	padding: 30px 10% 60px;
}
.ec-productRole .ec-productRole__description {
	line-height: 26px;
	letter-spacing: 1px;
}
.ec-pageHeader h1 {
	margin-top: 50px;
}
.full_dd {
	width: 100% !important;
}
span.code {
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
	letter-spacing: 2px;
}
.item-box .description span.code {
	font-size: 16px;
	margin-bottom: 0;
}
.ec-blockBtn--action {
	border-color: #9B0D23;
}
.history .whitepage .images.sizel {
	max-width: 900px;
}

/* ABOUT */
.ec-borderedDefs dt{
	padding: 0;
	line-height: 1.6;
}
.ec-borderedDefs dd{
	line-height: 1.6;
}

/* TRADELAW */
ul.numbered{
	list-style: decimal;
}
.ec-borderedDefs p{
	line-height: 1.6;
	padding-bottom: 6px;
}

/* GUIDE */
span.guide-head{
	display: block;
	padding: 5px 10px;
	color: #FFF;
	background-color: #384B5A;
	border-bottom: 3px solid #000;
	margin-bottom: 10px;
}
span.guide-head.crimson{
	background-color: #9B0D23;
}
span.guide-head i{
	margin-right: 1em;
}
table.maintenance-price{
	width: 100%;
	margin: 1em 0;
}
table.maintenance-price td{
	border: 1px solid #494949;
	padding: 0px;
}
table.maintenance-price td:first-child{
	width: 240px;
}
.center_image {
	display: block;
	margin: 0 auto;
	padding: 1em;
	max-width: 100%;
}

/* PRIVACY */
.ec-heading-bold{
	color: #FFF;
	padding: 5px 10px;
	background-color: #384B5A;
	border-bottom: 3px solid #000;
}

/* 直売所について */
.direct .direct-area--1 img{
	width: 70%;
}
.direct .direct-area--1 span.gray_box{
	background-color: #8B7E4D;
	color: #FFF;
	padding: 2em;
	right: 0;
	bottom: -4em;
	width: 40%;
}
.direct .gray_box__2{
	background-color: #8B7E4D;
	color: #FFF;
	padding: 2em;
	margin-bottom: 2em;
}
.direct .gray_box__2 p strong{
	font-size: 150%;
	margin-top: 1em;
	display: block;
}
.direct .gray_box__2 .white_box{
	border: 2px solid #FFF;
	padding: 1em;
	margin: 2em auto 15px;
	width: 500px;
}
.direct .gray_box__2 .white_box__underline{
	display: block;
	width: 500px;
	margin: 0 auto;
}
.direct .gray_box__2 .white_box dl{
	margin-bottom: 10px;
}
.direct .gray_box__2 .white_box dl:last-child{
	margin-bottom: 0;
}
.direct .gray_box__2 .white_box dl dt, .direct .gray_box__2 .white_box dl dd{
	display: inline-block;
}
.direct .gray_box__2 .white_box dl dt{
	width: 100px;
}
.direct .gray_box__2 .white_box dl dd a{
	color: #FFF;
}

/* OTHER PAGE */
body.registration_page .otherpage_padding, body.mypage .otherpage_padding, body.cart_page .otherpage_padding, body.other_page .otherpage_padding, body.tabacms_post_page .otherpage_padding{
	background-color: #384B5A;
	padding-top: 100px;
}
.ec-layoutRole .ec-layoutRole__contents{
	padding-bottom: 100px;
}

.item-detail--box .ec-headingTitle {
	font-size: 26px !important;
	letter-spacing: 3px;
	font-weight: bold;
}
dl.history-table{
	width: 100%;
	display: table;
	margin-bottom: 10px;
}
dl.history-table dt{
	display: table-cell;
	padding-left: 2em;
	width: 170px;
}
dl.history-table dt:before{
	content:'・';
	display: inline-block;
}
dl.history-table dd{
	display: table-cell;
}
dl.history-table dd p{
	padding: 0;
}
dl.history-table dt,dl.history-table dd{
	padding: 5px;
}

/* NEWS CMS */
.row{
	margin: 0 !important;
}
.tabacms_post_page .btn_border{
	display: inline-block;
	margin: 3em auto;
	color: #384B5A;
	border: 1px solid #384B5A;
	padding: 5px 10px;
}
.tabacms_post_list{
	margin-bottom: 30px;
}
.tabacms_post_list li label{
	background: transparent;
}
.tabacms_post_list li label a{
	display: inline-block;
	color: #FFF;
	background: #8B7E4D;
	padding: 7px 10px;
	width: 100%;
	min-width: 130px;
}
.tabacms_post label{
	background: #384B5A;
}
.tabacms_post label a{
	display: inline-block;
	color: #FFF;
	background: #8B7E4D;
	padding: 7px 10px;
	width: 100%;
	min-width: 130px;
}

.news-category-list{
	margin-bottom: 40px;
	padding: 8px;
}
.tabacms_widget h4.category-header{
	font-size: 12px;
	font-weight: bold;
}
.tabacms_category_list{
	list-style: disc;
}
.tabacms_category_list li{
	display: inline-block;
	margin-bottom: 8px;
}
.tabacms_category_list li a{
	display: inline-block;
	color: #8B7E4D;
	border: 1px solid #8B7E4D;
	padding: 7px 10px;
	width: 100%;
	min-width: 130px;
}
.tabacms_category_list li a:hover{
	color: #FFF;
	background: #8B7E4D;
}

/* SHOPPING */
.ec-orderDelivery__title p.text{
	font-size: 14px;
	margin: 5px 0;
}
.ec-orderRole .ec-input .ec-errorMessage{
	display: none;
}

.ec-orderDelivery__actions p.mini{
	color: #9B0D23;
	font-size: 14px;
}

@media screen and (max-width:1200px){
	/* COMMON */
	.wrap{
		width: 90%;
	}
	/* HEADER */
	/* PC DRAWER */
	/* FOOTER */
	/* INDEX */
	div.mv div.logo-bottom {
		bottom: 30px;
		left: 5%;
	}
	/* SHOP LIST */
	section.shop-list article.body .flex div.material-box{
		width: 48%;
	}
	section.shop-list article.body.body-type div.type-box{
		width: calc( 100% / 2 - 20px );
	}
	section.shop-list article.body.body-type div.type-box dl dt p{
		font-size: 16px;
	}
	section.shop-list article.body.body-type div.type-box div.underimg{
		max-width: 110px;
	}
	.category-label .description{
		min-height: 300px;
		top: 0;
	}
	/* SPECIAL */
	.special-btns .special-btn{
		width: 100%;
	}
	/* HISTORY */
	/* ABOUT */
	/* TRADELAW */
	/* GUIDE */
	/* PRIVACY */
	/* OTHER PAGE */
}

@media screen and (max-width:991px){	
	/* COMMON */
	.col_3{
		width: 48%;
		margin: 1%;
	}
	h2.mv-logo img{
		height: 25vw;
	}
	div.mv-common{
		height: 450px;
	}
	/* HEADER */
	header#header .menu .login .ec-headerNav .ec-headerNav__itemIcon{
		font-size: 24px;
	}
	.fold_inner ul li a{
		font-size: 16px;
	}
	.fold_inner .fold_close{
		font-size: 20px;
	}
	/* PC DRAWER */
	/* FOOTER */
	.company_info .col_2{
		width: 100%;
	}
	footer#footer section.footer-1 ul.footer-menu--1 li a{
		font-size: 14px;
	}
	footer#footer section.footer-1 ul.footer-menu--2 li a,
	footer#footer section.footer-2 ul.footer-menu--3 li a{
		font-size: 12px;
	}
	i.ec-cartNavi__icon {
		font-size: 25px !important;
	}
	footer#footer section.footer-2 article.company_info div.head h4{
		font-size: 16px;
	}
	/* INDEX */
	div.mv div.movgif img{
		width: 100%;
	}
	div.mv div.movgif{
		width: 65vw;
	}
	section.index-menu article.index-menu--btn {
		width: 33.333%;
		height: calc( 100vw / 3 );
		overflow: hidden;
	}
	div.mv div.logo-bottom{
		width: 50%;
	}
	div.mv div.logo-bottom img{
		width: 100%;
	}
	section.index-news .wrap a.btn-border{
		margin-right: 5%;
	}
	.index-news .flex{
		display: block;
	}
	section.index-news article.news-list span.tag{
		display: block;
		max-width: 150px;
		margin-bottom: 7px;
	}
	section.index-news .wrap .flex .head{
		width: initial;
	}
	section.index-news .wrap .flex .head{
		padding-left: 5%;
	}
	section.index-news .wrap .flex .head h3.tar{
		text-align: left;
	}
	section.index-news article.news-list{
		margin-left: 5%;
		margin-right: 5%;
		padding: 20px 0;
	}
	section.index-news .wrap .flex .body{
		width: 100%;
	}
	section.index-news article.news-list h4.title{
		font-size: 16px;
	}
	section.index-museum .flex .col_3:last-child{
		width: 100%;
		margin: 0;
	}
	/* SHOP LIST */
	section.shop-list article.body.body-type h4.type-title{
		font-size: 24px;
	}
	section.shop-list article.body.body-type div.type-box div.underimg{
		bottom: 0;
	}
	section.shop-list article.body.body-type div.type-box dl dt p{
		font-size: 14px;
	}
	section.shop-list article.body.body-type .flex{
		padding: 20px 0;
	}
	section.shop-list article.body.body-category .flex div.category-btn h4{
		font-size: 16px;
	}
	section.shop-list .tabs .tab h3.title{
		font-size: 14px;
	}
	section.shop-list .tabs .tab p.text{
		font-size: 12px;
	}
	section.shop-list .tabs .tab{
		width: 27%;
	}
	/* PRODUCT LIST */
	#page_product_list .col_4{
		width: 46%;
	}
	.category-label .photo{
		width: 100%;
	}
	.category-label .description{
		position: initial;
		padding: 30px 5%;
		width: 100%;
		height: auto;
		min-height: inherit;
	}
	.category-label .description h3 {
		font-size: 18px;
		margin: 0;
		margin-bottom: 1em;
	}
	.category-label {
		margin-bottom: 50px;
	}
	.item-box .description p.price{
		font-size: 16px;
	}
	.ec-productRole .ec-productRole__title .ec-headingTitle{
		font-size: 20px;
	}
	.ec-price .ec-price__price{
		font-size: 18px;
	}
	/* SPECIAL */
	.special-btns .special-btn{
		height: 210px;
	}
	.special-btns{
		padding: 80px 0;
	}
	/* HISTORY */
	.whitepage h3{
		font-size: 20px;
	}
	.whitepage p img{
		width: 100%;
		margin: 0 0 20px 0;
	}
	/* ABOUT */
	/* TRADELAW */
	/* GUIDE */
	/* PRIVACY */

	/* 直売所について*/
	.direct .direct-area--1 img{
		width: 100%;
	}
	.direct .direct-area--1 span.gray_box{
		right: 0;
    	bottom: 0;
	    width: 100%;
    	position: relative;
    	display: block;
	}

	/* OTHER PAGE */
	.ec-pageHeader h1{
		font-size: 22px !important;
	}
}

@media screen and (max-width:767px){
	/* COMMON */
	body{
		font-size: 16px;
	}
	/* ログインナビSP */
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item img{
		max-width: 100%;
	}
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item{
		background: rgba(255,255,255,1);
		font-size: 14px;
		color: #494949;
		border-bottom: 0;
	}
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon,
	.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading,
	.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
		font-size: 14px;
		color: #494949;
	}
	.ec-drawerRole, .ec-drawerRole .ec-headerLinkArea {
		background: transparent;
	}
	.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
		border-top: 0;
	}
	.ec-drawerRole .ec-headerSearch {
		background: rgba(255,255,255,1);
	}
	.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading,
	.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
		background: rgba(255,255,255,1);
		border: 0;
	}
	.ec-drawerRole.is_active a:hover {
		opacity: 1;
	}
	.ec-headerSearch {
		display: none;
	}
	.ec-drawerRole, .ec-drawerRole .ec-headerLinkArea {
		background: #fff;
	}
	.ec-headerCategoryArea {
		display: none;
	}
	/* COMMON */
	.col_3{
		width: 100%;
		margin: 0;
	}
	h2.mv-logo img{
		height: 35vw;
	}
	div.mv-common{
		height: 300px;
	}
	/* HEADER */
	header#header .logo{
		width: 140px;
		margin: 0;
		left: initial;
		right: 0;
		top: 10px;
	}
	header#header .logo img{
		width: 100%;
	}
	/* PC DRAWER */
	header#header .menu{
		display: none;
	}
	/* FOOTER */
	footer#footer section.footer-1 ul.footer-menu--1 li{
		width: 48%;
	}
	footer#footer section.footer-1 ul.footer-menu--2 li{
		margin: 0 10px;
	}
	footer#footer section.footer-1 ul.footer-menu--1{
		margin: 10px auto 0;
	}
	footer#footer section.footer-1 ul.footer-menu--2{
		padding-left: 0;
		margin: 10px auto;
	}
	footer#footer section.footer-2 ul.footer-menu--3{
		padding: 20px 0;
	}
	footer#footer section.footer-2 ul.footer-menu--3 li{
		width: 100%;
		border-left: none;
	}
	footer#footer section.footer-2 ul.footer-menu--3 li:last-child{
		border-right: none;
	}
	footer#footer section.footer-2 article.company_info div.head h4{
		font-size: 14px;
	}
	footer#footer section.footer-2 article.company_info div.body p,
	footer#footer section.footer-2 article.company_info div.body p.tel{
		font-size: 13px;
	}
	/* INDEX */
	div.mv div.logo-bottom {
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		width: 70%;
		max-width: 400px;
	}
	section.index-news article.news-list h4.title{
		font-size: 14px;
	}
	section.index-news article.news-list span.date,
	section.index-news article.news-list span.tag{
		font-size: 13px;
	}
	section.index-news .wrap .flex .head h3.tar img{
		width: 75px;
	}
	section.index-menu article.index-menu--btn{
		width: 100%;
		height: 100vw;
	}
	/* SHOP LIST */
	section.shop-list .tabs .tab{
		width: 100%;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	section.shop-list article.body .flex div.material-box,
	section.shop-list article.body.body-type div.type-box{
		width: 100%;
	}
	section.shop-list article.body .flex div.material-box h4{
		font-size: 16px;
	}
	section.shop-list article.body.body-type div.type-box div.underimg{
		max-width: 90px;
		bottom: initial;
		top: 0;
		right: 10px;
		left: initial;
	}
	section.shop-list article.body.body-type div.type-box dl dt{
		padding-right: 0;
		padding-bottom: 15px;
	}
	section.shop-list article.body.body-type div.type-box dl dt p{
		text-align: left;
	}
	section.shop-list article.body.body-type div.type-box dl dt p br{
		display: none;
	}
	section.shop-list article.body.body-type div.type-box dl dt,
	section.shop-list article.body.body-type div.type-box dl dd{
		width: 100%;
	}
	section.shop-list article.body.body-type h4.type-title{
		font-size: 18px;
	}
	section.shop-list article.body.body-category .flex div.category-btn{
		width: 100%;
	}

	section.index-museum .col_2{
		width: 98%;
		margin: 1%;
	}
	/* PRODUCT LIST */
	#page_product_list .col_4 {
		width: 100%;
		margin: 5%;
	}
	.item-box .description h4{
		font-size: 15px;
	}
	.item-box .description p.price {
		font-size: 14px;
	}
	.ec-productRole .ec-productRole__title .ec-headingTitle {
		font-size: 15px;
	}
	.ec-price .ec-price__price,
	.ec-productRole .ec-productRole__description,
	.ec-productRole .ec-productRole__code{
		font-size: 14px;
	}
	.slick-dots li button:before{
		width: 9px;
		height: 9px;
	}
	.ec-productRole .ec-productRole__price .ec-price-notax{
		font-size: 12px;
		padding: 3px 0 6px;
	}
	span.price_notax{
		font-size: 12px;
	}
	.ec-productRole .ec-productRole__price .ec-price-notax span.ec-price__tax{
		font-size: 10px;
	}
	.category-label .description p.text {
		font-size: 14px;
	}
	/* SPECIAL */
	.special-btns .col_2,
	.special-footer .col_2{
		width: 100%;
		text-align: center;
		margin: 2% 0;
	}
	.special-footer .col_2 img {
		width: 280px;
	}
	.ec-layoutRole .ec-layoutRole__contents{
		padding-bottom: 0;
	}
	table.maintenance-price td{
		padding: 5px;
	}
	.history .page-title h2{
		font-size: 25px;
	}
	.history .page-title p.text{
		font-size: 13px;
	}
	/* HISTORY */
	.whitepage h3 {
		font-size: 16px;
		line-height: 26px;
	}
	.whitepage p{
		padding: 0;
	}
	.history .whitepage p {
		line-height: 28px;
		font-size: 14px;
	}
	.history .whitepage .images figcaption {
		font-size: 14px;
	}
	/* ABOUT */
	/* TRADELAW */
	/* GUIDE */
	/* PRIVACY */

	/* 直売所について */
	.direct .direct-area--1 span.gray_box{
		padding: 20px;
		font-size: 14px;
	}
	.direct .gray_box__2{
		padding: 20px;
	}
	.direct .gray_box__2 p strong{
		font-size: 120%;
	}
	.direct .gray_box__2 .white_box, .direct .gray_box__2 .white_box__underline{
		width: 100%;
	}

	/* OTHER PAGE */
	.tabacms_post_list li time {
		display: block;
		margin-bottom: 4px;
		font-size: 14px;
	}
	.tabacms_post_list .col-md-4, .tabacms_post_list .col-md-8 {
		padding-left: 0;
		padding-right: 0;
		font-size: 15px;
	}
	.tabacms_category_list li a {
		font-size: 12px;
	}
	.tabacms_header .col-xs-12 {
		padding-left: 0;
	}
	.tabacms_body .col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.tabacms_post_list li label {
		float: inherit;
	}
	.ec-pageHeader h1 {
		font-size: 18px !important;
	}
	.ec-contactRole p,
	.ec-label,
	.ec-zipInputHelp span{
		font-size: 14px;
	}
	.ec-zipInputHelp span{
		vertical-align: initial;
	}
	.ec-required{
		vertical-align: initial;
	}
	body.registration_page .otherpage_padding, body.mypage .otherpage_padding, body.cart_page .otherpage_padding, body.other_page .otherpage_padding{
		padding-top: 65px;
	}
	.ec-zipInput input{
		font-size: 14px;
	}
	.ec-borderedDefs dd{
		font-size: 14px;
	}
	.ec-off1Grid__cell p{
		font-size: 14px;
	}
	dl.history-table dt,dl.history-table dd{
		display: block;
		padding: 15px;
	}
	dl.history-table dt{
		border-bottom: 1px solid #777;
	}
	.text.flex.mw1 img.col_2{
		width: 96%;
	}
	.category-label .photo {
		z-index: 1;
	}
}

@media screen and (max-width:480px){	
	/* COMMON */
	/* HEADER */
	header#header .logo {
		width: 110px;
	}
	div.mv-common {
		height: 260px;
	}
	/* PC DRAWER */
	/* FOOTER */
	/* INDEX */
	section.index-news {
		padding: 30px 0;
	}
	section.index-museum h4 {
		letter-spacing: 2px;
		font-size: 17px;
	}
	div.mv div.logo-bottom {
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		width: 50%;
		max-width: 400px;
	}
	div.mv div.movgif {
		width: 35vw;
	}
	section.index-news .wrap a.btn-border {
		font-size: 12px;
	}
	section.index-museum div.index-museum--box dl dt, section.index-museum div.index-museum--box dl dd{
		display: block;
	}
	section.index-museum a.btn.btn-white{
		width: 100%;
	}
	/* SHOP LIST */
	section.shop-list article.body .flex div.material-box {
		padding-bottom: 180px;
	}
	section.shop-list {
		padding: 30px 0 100px;
	}
	.item-detail--box .ec-headingTitle {
		font-size: 20px !important;
		letter-spacing: 2px;
	}
	span.code {
		font-size: 15px;
	}
	h3.related-head {
		padding: 0.5em;
		font-size: 18px;
	}
	.ec-inlineBtn--action {
		font-size: 12px;
	}
	.ec-inlineBtn--cancel {
		font-size: 12px;
	}
	/* SPECIAL */
	.page-title {
		margin: 2em auto;
	}
	/* HISTORY */
	/* ABOUT */
	/* TRADELAW */
	/* GUIDE */
	/* PRIVACY */

	/* 直売所について */
	.direct .gray_box__2 .white_box dl dt, .direct .gray_box__2 .white_box dl dd{
		display: block;
	}

	/* OTHER PAGE */
	.ec-withdrawRole .ec-withdrawRole__title {
		font-size: 19px;
	}
	#form_cart {
		padding-right: 0;
		padding-left: 0;
		font-size: 13px;
	}
	.ec-orderRole .ec-orderRole__detail {
		font-size: 14px;
	}
	.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6 {
		font-size: 18px;
	}
	.ec-blockTopBtn {
		width: 120px;
		font-size: 12px;
	}
	.text.flex.mw1 img.col_2 {
		max-width: 300px;
		margin: 0 auto;
		height: 178px;
	}
}

@media screen and (max-width:320px){	
	/* COMMON */
	/* HEADER */
	/* PC DRAWER */
	/* FOOTER */
	/* INDEX */
	/* SHOP LIST */
	/* SPECIAL */
	/* HISTORY */
	/* ABOUT */
	/* TRADELAW */
	/* GUIDE */
	/* PRIVACY */
	/* OTHER PAGE */
}