@charset "utf-8";
/* CSS Document */


/*reset style*/
/*-----------------------------------------------------------------*/
article,aside,figure,figcaption,footer,header,nav,section,main{ display: block; }
small{ font-size: inherit; line-height: inherit; }
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,div{ margin: 0; padding: 0; font-size: 100%; line-height: 1.5; }
ul,li,ol{ list-style: none; margin: 0; padding: 0; }
button{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
a img{ border: none; }
a{ transition: all 0.25s linear; }
a:hover{ opacity: 0.7; text-decoration: none; }
img{ vertical-align: middle; }
body,p,div{
	color: #333333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px; line-height: 2.5;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
@media screen and (max-width: 480px){
	img{ max-width: 100%; height: auto; }
	a:hover{ opacity: 1; }
	a:active{ opacity: 0.7; text-decoration: none; }
}


/*base style*/
/*-----------------------------------------------------------------*/
#wrapper{ min-width: 1000px; }
#header{ position: fixed; background-color: #ffffff; background-color: rgba(255,255,255,0.9); width: 100%; transition: all 0.5s ease-in-out; z-index: 1000; min-width: 1000px; }
#wrapper.page-home #header{ top: -88px; }
#wrapper.page-home #header.fix{ top: 0; }
#header .logo{ padding: 14px; position: relative; z-index: 10; display: inline-block; }
#header .global-navi-menu{ display: none; }
#header .global-navi{ position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; padding: 8px; }
#header .global-navi .navi{ background: url(../image/common/icon_allow02.png) 0 center no-repeat; padding-left: 10px; margin-right: 30px; line-height: 60px; display: inline-block; }
#header .global-navi .navi:first-child{ background-image: url(../image/common/icon_home.png); padding-left: 15px; margin-left: 120px; }
#header .global-navi .navi-shopping{ position: absolute; right: 20px; top: 50%; margin-top: -26px; margin-right: 0; background: none; float: none; }
#header .global-navi .navi-shopping a{ background-color: #000000; display: block; padding: 10px 20px; line-height: 0; }
#header .global-navi .navi-shopping a img{ vertical-align: middle; }
#header .global-navi a{ text-decoration: none; color: #292929; }
#main{ padding: 88px 0 180px; }
#wrapper.page-home #main{ padding-top: 0; }
#footer .footer-bnr{ border-top: 1px solid #000000; text-align: center; padding: 80px 0 180px; }
#footer .footer-bnr .bnr+.bnr{ margin-top: 30px; }
#footer .btn-totop a{ display: block; background: url(../image/common/icon_allow03.gif) center 18px #000000 no-repeat; text-align: center; text-decoration: none; color: #ffffff; padding: 22px 0 12px; }
#footer .footer-credit{ position: relative; overflow: hidden; width: 1000px; margin: 0 auto; }
#footer .logo{ position: relative; left: 50%; margin-left: -500px; padding: 25px 0; }
#footer .copyright{ position: absolute; right: 0; top: 0; font-size: 10px; line-height: 109px; letter-spacing: 0.2em; }
.btn-cm01{ margin: 60px auto 0; text-align: center; }
.btn-cm01 a{ display: inline-block; border: 2px solid #000000; color: #000000; text-decoration: none; font-size: 15px; padding: 17px 40px; background: url(../image/common/icon_allow01.gif) 95% center no-repeat; opacity: 1; min-width: 200px; line-height: 1.5; text-align: center; }
.btn-cm01 a:hover{ background-color: #000000; background-position: 98% center; color: #ffffff }
.btn-cm02{ width: 170px; margin: 30px auto 0; text-align: center; }
.btn-cm02 a{ display: block; border: 1px solid #000000; color: #000000; text-decoration: none; font-size: 12px; background: url(../image/common/icon_allow04.gif) 95% center no-repeat; opacity: 1; }
.btn-cm02 a:hover{ background-color: #000000; background-position: 98% center; color: #ffffff }
.local-navi{ background-color: #f7f7f7; text-align: center; padding: 5px 0; }
.local-navi .navi{ display: inline-block; }
.local-navi .navi+.navi{ margin-left: 30px; }
.local-navi a{ font-size: 13px; text-decoration: none; color: #999999; opacity: 1; }
.local-navi .current a,
.local-navi a:hover{ color: #292929; }
.local-navi~.local-navi{ margin: 180px 0 -181px; position: relative; }
.hero-image img{ width: 100%; height: auto; }
.sw-elm .pc,.sw-elm .sp{ display: none; }
.sw-elm .pc{ display: block; }
.sw-elm img.pc,.sw-elm span.pc{ display: inline; }
.page-name{ display: none; }
.js-inview{ opacity: 0; transition: opacity 1s ease-in; }
.js-slide-inview{ opacity: 0; transition: opacity 1s ease-in, transform 1s ease-out; transform: translateY(50px); }
.show{ opacity: 1!important; transform: translateY(0); }

@media screen and (max-width: 1200px){
	#header .global-navi .navi{ line-height: 35px; float: left; }
	#header .global-navi .navi.separate{ clear: left; margin-left: 120px; }
}

@media screen and (max-width: 480px){
	#wrapper{ min-width: 0; }
	#header{ position: static; background-color: transparent; min-width: 0; }
	#wrapper.page-home #header .logo{ display: none; }
	#header .global-navi-menu{ width: 80px; height: 80px; position: fixed; top: 0; right: 0; z-index: 3000; background: url(../image/common/sp/icon_menu.png) center center no-repeat; background-size: auto 30px; display: block; }
	#header .global-navi-menu.icon-close{ background-image: url(../image/common/sp/icon_menu_close.png); }
	#header .global-navi-wrapper{ position: fixed; top: 50%; left: 0; width: 100%; height: 0; overflow: hidden; transition: all 0.25s ease-in-out; }
	#header .global-navi-wrapper.show{ top: 0; height: 100vh; z-index: 2000; background-color: #ffffff; background-color: rgba(255,255,255,0.95); }
	#header .global-navi{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-top: 0; width: 100%; height: auto; }
	#header .global-navi .navi{ display: block; line-height: 0; background: none; padding-left: 0; margin: 0; text-align: center; float: none; }
	#header .global-navi .navi:first-child{ background-image: none; padding-left: 0; margin-left: 0; }
	#header .global-navi .navi+.navi:before{ content: ''; position: absolute; width: 18px; left: 50%; margin-left: -9px; height: 1px; background-color: #000000; }
	#header .global-navi .navi.separate{ margin-left: 0; }
	#header .global-navi a{ display: block; font-size: 16px; padding: 20px 0; line-height: 1.5; }
	#header .global-navi .navi-shopping{ position: static; }
	#header .global-navi .navi-shopping a{ background: none; padding: 20px 0; position: relative; }
	#main{ padding: 20% 0 20%; }
	#footer .footer-bnr{ padding: 15% 15px 20%; }
	#footer .footer-bnr .bnr+.bnr{ margin-top: 30px; }
	#footer .footer-credit{ width: auto; text-align: center; }
	#footer .logo{ position: static; margin-left: 0; padding: 25px 0; }
	#footer .copyright{ position: static; line-height: 1.5; padding: 20px 0; border-top: 1px solid #000000; }
	.btn-cm01{ margin-top: 12.5%; }
	.btn-cm02{ margin-top: 6.25%; }
	.local-navi{ padding: 0; display: flex; flex-wrap: wrap; }
	.local-navi .navi{ width: 50%; box-sizing: border-box; border-bottom: 1px solid #ffffff; }
	.local-navi .navi+.navi{ margin-left: 0; }
	.local-navi .navi:nth-child(even){ border-left: 1px solid #ffffff; }
	.local-navi a{ display: block; padding: 5px 0; position: relative; }
	.local-navi a:before{ content: ''; position: absolute; right: 10px; top: 0; height: 100%; background: url(../image/common/icon_allow02.png) 0 center no-repeat; width: 3px; opacity: 0.4; }
	.local-navi~.local-navi{ margin: 20% 0 -20%; top: 1px; }
	.sw-elm .pc,.sw-elm img.pc,.sw-elm span.pc{ display: none; }
	.sw-elm .sp{ display: block; }
	.sw-elm img.sp,.sw-elm span.sp{ display: inline; }
	.page-name{ display: block; font-weight: bold; font-size: 16px; color: #000000; padding: 20px 0; position: relative; text-align: center; margin-bottom: 15%; }
	.page-name:before{ content: ''; position: absolute; border: solid #000000; border-width: 3px 0; width: 34px; left: 50%; margin-left: -17px; top: -3px; height: 100%; }
}
/*IE FIX*/
#header .global-navi .navi{ *display: inline; *zoom: 1; }
.local-navi .navi{ *display: inline; *zoom: 1; }
#header .global-navi .navi{ line-height: 81px\9; padding-top: 6px\9; }
#header .global-navi .navi-shopping{ margin-top: -28px\9; }
#header .global-navi .navi-shopping a{ padding-top: 6px\9; line-height: 34px\9; }
#footer .logo{ *zoom: 1; }
@media all and (-ms-high-contrast: none){
	#header .global-navi .navi{ line-height: 81px; padding-top: 6px; }
	#header .global-navi .navi-shopping{ padding-top: 0; }
}
@media screen and (max-width: 480px) and (-ms-high-contrast: none){
	#header .global-navi a{ padding: 25px 0 15px; }
	#header .global-navi .navi-shopping{ padding-top: 6px; }
}




/*set style*/
/*-----------------------------------------------------------------*/
/*トップページ*/
.home-visual{ max-height: 1000px; min-height: 800px; height: 100vh; background: url(../image/top/bg01.png) 90% 0 no-repeat; position: relative; background-size: auto 100%; }
/*.home-visual:before{ content: ''; position: absolute; left: 50%; bottom: 50px; width: 1px; height: 50px; background-color: #000000; animation: scroll-anime 1.5s ease-in-out infinite; }*/
.home-visual:before{ content: ''; position: absolute; left: 0; bottom: 20px; width: 100%; height: 18px; background: url(../image/top/icon_scroll.png) center center no-repeat; animation: scroll-anime 1.5s ease-out infinite; }
.home-visual:after{ content: 'Scroll'; position: absolute; bottom: 50px; width: 100%; text-align: center; left: 0; font-size: 14px; line-height: 1.5; }
/*@keyframes scroll-anime{
	0%{ height: 50px; margin-bottom: 0; }
	50%{ height: 0; margin-bottom: 0; }
	51%{ height: 0; margin-bottom: 50px; }
	100%{ height: 50px; margin-bottom: 0; }
}*/
@keyframes scroll-anime{
	0%{ transform: translateY(-10px); opacity: 0; }
	10%{ transform: translateY(-10px); opacity: 1; }
	60%{ opacity: 1; }
	90%{ transform: translateY(10px); opacity: 0; }
	100%{ transform: translateY(0); opacity: 0; }
}
.home-visual .logo{ position: absolute; top: 50%; margin-top: -119px; left: 3.2%; }
.home-visual .home-navi{ position: absolute; z-index: 5; overflow: hidden; top: 50%; margin-top: 30px; left: 3.2%; width: 380px; }
.home-visual .home-navi .navi{ background: url(../image/common/icon_allow02.png) 0 center no-repeat; padding-left: 10px; float: left; margin-right: 30px; }
.home-visual .home-navi a{ text-decoration: none; color: #292929; }
.home-visual .copy{ position: absolute; left: 0; width: 100%; text-align: center; top: 50%; margin-top: -271px; }
.home-visual .bnr{ position: absolute; z-index: 5; overflow: hidden; top: 50%; margin-top: 160px; left: 3.2%; }
.home-visual .bnr2{ position: absolute; z-index: 5; overflow: hidden; top: 60%; margin-top: 160px; left: 3.2%; }
.home-intro{ text-align: center; }
.home-intro .bg{ height: 600px; background: url(../image/top/p01.jpg) center center no-repeat; background-size: cover; }
.home-intro .txt{ margin-top: 70px; }
.home-intro .txt+.txt{ margin-top: 35px; }
.home-section{ margin-top: 180px; text-align: center; }
.home-section .ttl{ font-weight: bold; font-size: 16px; color: #000000; padding: 20px 0; position: relative; }
.home-section .ttl:before{ content: ''; position: absolute; border: solid #000000; border-width: 3px 0; width: 34px; left: 50%; margin-left: -17px; top: -3px; height: 100%; }
.home-section .ttl+*{ margin-top: 50px; }
.home-section .produce-navi{ margin: 50px auto 0; max-width: 1400px; background-color: #000000; }
.home-section .produce-navi .navi{ position: relative; overflow: hidden; }
.home-section .produce-navi .navi+.navi{ border-top: 1px solid #ffffff; }
.home-section .produce-navi .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.6; transition: all 1s ease-in-out; background: center 0 no-repeat; background-size: cover; }
.home-section .produce-navi a{ display: block; text-decoration: none; color: #ffffff; font-size: 18px; line-height: 24px; padding: 94px 0; opacity: 1; position: relative; z-index: 5; }
.home-section .produce-navi a .sub{ font-size: 13px; display: block; margin-top: 4px; }
.home-section .produce-navi a:hover+.bg{ opacity: 1; transform: scale(1.1); }
.home-section .copy{ margin-top: 60px; }
.home-section .copy+*{ margin-top: 40px; }
@media screen and (max-width: 480px){
	.home-visual{ max-height: none; min-height: 0; height: 530px; background-position: right center; }
	/*.home-visual:before{ bottom: 20px; }*/
	.home-visual .logo{ width: 24.58%; padding: 4.58%; position: absolute; top: 0; left: 0; margin-top: 0; }
	.home-visual .home-navi{ display: none; }
	.home-visual .copy{ margin-top: -221px; }
	.home-visual .copy img{ height: 382px; width: auto; }
	.home-visual .bnr{ top: auto; left: auto; right: 10px; bottom: 10px; }
	.home-visual .bnr2{
    top: auto;
    left: 10px;
    bottom: 10px;
    right: auto;
}
	.home-intro .bg{ height: 210px; background-size: auto 130%; }
	.home-intro .txt{ margin-top: 14.58%; }
	.home-intro .txt+.txt{ margin-top: 7.29%; }
	.home-section{ margin-top: 25%; text-align: center; }
	.home-section .ttl+*{ margin-top: 10.42%; }
	.home-section .produce-navi{ margin: 10.42% auto 0; }
	.home-section .produce-navi a{ padding: 12% 0; }
	.home-section .produce-navi a .sub{ margin-top: 0.83%; }
	.home-section .produce-navi a:hover+.bg{ transform: scale(1); }
	.home-section .produce-navi a:active+.bg{ opacity: 1; transform: scale(1.1); }
	.home-section .copy{ margin-top: 12.5%; }
	.home-section .copy+*{ margin-top: 8.33%; }
}
/*IE FIX*/
.home-section .produce-navi .navi{ *vertical-align: middle; }

/*-------------------------*/

/*大和路の想い*/
.concept-article{ text-align: center; }
.concept-article .copy{ padding-top: 100px; }
.concept-article .intro{ margin-top: 80px; }
.concept-article .photo{ margin-top: 130px; }
.concept-article .txt-body{ width: 600px; margin: 0 auto; text-align: left; margin-top: 70px; }
.concept-article .txt-body .txt+.txt{ margin-top: 35px; }
@media screen and (max-width: 480px){
	.concept-article .copy{ padding-top: 0; }
	.concept-article .copy img{ height: 300px; width: auto; }
	.concept-article .intro{ margin-top: 15%; }
	.concept-article .photo{ margin-top: 20%; padding: 0 15px; }
	.concept-article .txt-body{ width: auto; margin-top: 10%; padding: 0 15px; }
	.concept-article .txt-body .txt+.txt{ margin-top: 7.29%; }
}

/*-------------------------*/

/*生産者のご紹介*/
.produce-name-container{ padding: 76px 0; }
.produce-name{ width: 100%; height: 170px; position: relative; font-size: 20px; line-height: 1.3; color: #292929; text-align: center; }
.produce-name:before,
.produce-name:after{ content: ''; position: absolute; width: 34px; left: 50%; margin-left: -17px; background-color: #000000; height: 1px; }
.produce-name:after{ bottom: 0; }
.produce-name .writing-vertical{ writing-mode: vertical-rl; white-space: nowrap; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: left; display: block; }
.produce-hero{ position: relative; max-width: 1400px; margin: 0 auto; overflow: hidden; padding-top: 66px; margin-top: -66px; }
.produce-hero .photo{ position: relative; left: 50%; margin-left: -700px; }
.produce-hero .copy{ position: absolute; right: 50%; margin-right: -450px; top: 0; }
.produce-hero .caption{ position: absolute; left: 0; bottom: 0; padding: 5px 10px; background: #000000; background: rgba(0,0,0,0.8); font-size: 13px; line-height: 1.5; color: #ffffff; }
.produce-column{ width: 900px; margin: 90px auto 0; }
.produce-column > *+*{ margin-top: 90px; }
.produce-column .txt-body{ overflow: hidden; padding-left: 300px; }
.produce-column .txt-body.body-replace{ padding-right: 300px; padding-left: 0; }
.produce-column .ttl{ text-align: center; width: 300px; float: left; margin-left: -300px; }
.produce-column .txt-body.body-replace .ttl{ float: right; margin-right: -300px; margin-left: 0; }
.produce-column .txt{ margin-left: auto; margin-top: 35px; }
.produce-column .ttl+.txt{ margin-top: 0; }
.produce-scene{ width: 820px; margin: 100px auto 0; padding: 40px 40px 20px; position: relative; overflow: hidden; }
.produce-scene:before,
.produce-scene:after{ content: ''; position: absolute; width: 90px; height: 90px; border: solid #333333; }
.produce-scene:before{ left: 0; top: 0; border-width: 1px 0 0 1px; }
.produce-scene:after{ right: 0; bottom: 0; border-width: 0 1px 1px 0; }
.produce-scene .photo-list{ overflow: hidden; display: table; float: left; padding: 0 25px 20px 0; }
.produce-scene .photo-list .item{ display: table-cell; }
.produce-scene .photo-list .item+.item{ padding-left: 1px; }
.produce-scene .txt{ line-height: 2.14; padding-bottom: 20px; }
.produce-scene .list-item{ margin: 0 0 -20px -60px; }
.produce-scene .list-item .item{ display: inline-block; width: 380px; margin: 0 0 20px 60px; vertical-align: top; }
.produce-scene .list-item .txt{ margin-top: 20px; }
.produce-item{ margin-top: 100px; text-align: center; }
.produce-item > .ttl{ font-weight: bold; font-size: 16px; color: #000000; padding: 20px 0; position: relative; text-align: center; margin-bottom: 40px; }
.produce-item > .ttl:before{ content: ''; position: absolute; border: solid #000000; border-width: 3px 0; width: 34px; left: 50%; margin-left: -17px; top: -3px; height: 100%; }
.produce-item > .item{ width: 700px; margin: 0 auto; text-align: center; }
.produce-item > .item > *{ display: inline-block; vertical-align: middle; text-align: left; }
.produce-item > .item > *+*{ margin-left: 30px; }
.produce-item > .item .txt-body{ width: 290px; }
.produce-item .split-view{ text-align: center; width: 700px; margin: 0 auto; }
.produce-item .split-view > .item{ width: 280px; display: inline-block; vertical-align: top; }
.produce-item .split-view > .item+.item{ margin-left: 60px; }
.produce-item .split-view .txt-body{ margin-top: 15px; }
.produce-item .split-view .txt{ text-align: left; }
.produce-item .item .ttl{ font-size: 20px; }
.produce-item .item .ttl .s-size{ font-size: 14px; display: block; }
.produce-item .item .txt{ margin-top: 15px; }
.produce-item .item .spec{ font-size: 12px; margin-top: 10px; }
.produce-shopinfo{ padding: 34px; width: 830px; border: 1px solid #000000; margin: 170px auto 0; overflow: hidden; position: relative; }
.produce-shopinfo .photo{ float: left; margin-right: 35px; }
.produce-shopinfo .txt-body{ overflow: hidden; margin-top: 20px; }
.produce-shopinfo .shop-name{ font-size: 18px; color: #000000; border-bottom: 1px solid #000000; }
.produce-shopinfo .address{ line-height: 1.7; margin-top: 15px; }
.produce-shopinfo .tel{ color: #808080; font-size: 12px; line-height: 1.7; }
.produce-shopinfo .btn-cm02{ position: absolute; right: 34px; bottom: 34px; }
@media screen and (max-width: 480px){
	.produce-name-container{ padding: 15.83% 0; }
	.produce-hero{ padding-top: 10%; margin-top: -10%; }
	.produce-hero .photo{ position: relative; left: 0; margin: 0 -20% 0 -35%; }
	.produce-hero .photo img{ max-width: none; width: 100%; height: auto; }
	.produce-hero .copy{ position: absolute; right: 5%; max-width: 25%; width: 100%; margin-right: 0; top: 0; }
	.produce-hero .copy img{ width: 100%; height: auto; }
	.produce-hero .caption{ position: static; padding: 5px 15px; background: transparent; font-size: 12px; color: #333333; }
	.produce-column{ width: auto; margin: 15% auto 0; }
	.produce-column > *+*{ margin-top: 15%; }
	.produce-column .photo{ padding: 0 15px; }
	.produce-column .txt-body{ padding: 0 15px; }
	.produce-column .txt-body.body-replace{ padding: 0 15px; }
	.produce-column .ttl{ width: auto; float: none; margin-left: 0; height: auto; }
	.produce-column .ttl img{ transform: scale(0.7); }
	.produce-column .txt-body.body-replace .ttl{ float: none; margin: 0; }
	.produce-column .txt{ margin-top: 5%; }
	.produce-column .ttl+.txt{ margin-top: 5%; }
	.produce-scene{ width: auto; margin: 15% 15px 0; padding: 5%; }
	.produce-scene:before,
	.produce-scene:after{ width: 30px; height: 30px; }
	.produce-scene .photo-list{ display: block; float: none; padding: 0; }
	.produce-scene .photo-list .item{ display: block; text-align: center; }
	.produce-scene .photo-list .item+.item{ padding: 1px 0 0; }
	.produce-scene .txt{ padding-bottom: 0; margin-top: 15px; }
	.produce-scene .list-item{ margin: 0; }
	.produce-scene .list-item .item{ max-width: 380px; display: block; width: auto; margin: 0 auto; }
	.produce-scene .list-item .item+.item{ margin-top: 30px; }
	.produce-scene .list-item .txt{ margin-top: 15px; }
	.produce-item{ margin-top: 20%; padding: 0 15px; }
	.produce-item > .ttl{ margin-bottom: 10%; }
	.produce-item > .item{ width: auto; }
	.produce-item > .item > *{ display: block; text-align: left; }
	.produce-item > .item > *+*{ margin: 5% 0 0; }
	.produce-item > .item .txt-body{ width: auto; }
	.produce-item .split-view{ width: auto; }
	.produce-item .split-view > .item{ width: auto; display: block; }
	.produce-item .split-view > .item+.item{ margin: 10% 0 0; }
	.produce-item .split-view .photo{ line-height: 0!important; }
	.produce-item .split-view .txt-body{ margin-top: 5%; }
	.produce-item .item .photo{ text-align: center; }
	.produce-item .item .ttl .s-size{ display: inline; }
	.produce-item .item .txt{ margin-top: 3%; }
	.produce-shopinfo{ padding: 30px 15px; width: auto; margin: 15% 15px 0; }
	.produce-shopinfo .photo{ float: none; margin-right: 0; text-align: center; }
	.produce-shopinfo .txt-body{ margin-top: 15px; text-align: center; }
	.produce-shopinfo .btn-cm02{ position: static; text-align: center; }
}
/*IE FIX*/
.produce-name{ height: auto\9; }
.produce-name:not(:target){ height: 170px\9; }
.produce-name .writing-vertical{ position: static\9; text-align: center\9; padding: 30px 0\9; }
.produce-name .writing-vertical:not(:target){ margin-left: -6px\9; -ms-writing-mode: tb-rl\9; text-align: left\9; position: absolute\9; padding: 0\9; }
.produce-hero .photo{ *zoom: 1; }
.produce-scene{ *border: 1px solid #000000; *width: 844px; *padding-right: 16px; }
.produce-scene .photo-list .item{ *display: inline; *zoom: 1; }
.produce-scene .txt{ *padding-right: 24px; }
.produce-scene .list-item .item{ *display: inline; *zoom: 1; }
.produce-item > .item > *{ *display: inline; *zoom: 1; }
.produce-item .split-view > .item{ *display: inline; *zoom: 1; }
@media all and (-ms-high-contrast: none){
	.produce-name .writing-vertical{ margin-left: -6px; -ms-writing-mode: tb-rl; }
}

/*-------------------------*/

/*大和路ショップ店舗紹介*/
.yamatoji-shop .local-navi-cst{ text-align: center; padding: 50px 0; }
.yamatoji-shop .local-navi-cst .navi{ display: inline-block; width: 300px; border: 1px solid #000000; }
.yamatoji-shop .local-navi-cst .navi+.navi{ margin-left: 20px; }
.yamatoji-shop .local-navi-cst .navi a{ font-size: 18px; font-weight: bold; color: #000000; text-decoration: none; display: block; padding: 10px 0; position: relative; }
.yamatoji-shop .local-navi-cst .navi.current a{ background-color: #000000; color: #ffffff; opacity: 1; }
.yamatoji-shop .local-navi-cst .navi.current a:after{ content: ''; position: absolute; left: 50%; top: 100%; border: 6px solid; margin-left: -3px; border-color: #000000 transparent transparent; }
.yamatoji-shop .bnr{ margin-top: 60px; text-align: center; }
.yamatoji-shop .bnr img{ max-width: 100%; height: auto; }
.shop-about{ width: 1000px; margin: 0 auto; }
.shop-about > .copy{ text-align: center; font-size: 28px; color: #000000; padding: 80px 0; }
.shop-feature{ display: flex; display: -ms-flexbox; align-items: center; justify-content: space-between; }
.shop-feature:nth-child(odd){ flex-direction: row-reverse; }
.shop-feature+.shop-feature{ margin-top: 40px; }
.shop-feature .txt-body{ width: 470px; }
.shop-feature .ttl{ padding-bottom: 34px; margin-bottom: 20px; font-size: 30px; border-bottom: 1px solid #000000; }
.shop-feature .btn-cm01{ text-align: left; }
.shop-info{ text-align: center; margin: 120px auto 0; width: 1000px; border: 1px solid #000000; padding: 50px 0 80px; }
.shop-info .ttl{ font-size: 16px; color: #000000; display: inline-block; border-bottom: 1px solid #000000; padding-bottom: 15px; }
.shop-info .place{ font-size: 20px; margin-top: 20px; }
.shop-info .address{ font-size: 12px; }
.shop-logo{ padding: 80px 0 40px; text-align: center; }
.shop-logo .ttl{ font-size: 20px; margin-top: 10px; }
.shop-note{ border: 1px solid #000000; margin-top: 40px; padding: 50px; overflow: hidden; }
.shop-note .photo{ float: left; padding-right: 40px; }
.shop-note .ttl{ font-size: 18px; padding-bottom: 10px; }
.shop-20books{ border: 1px solid #000000; margin-top: 40px; padding: 50px; overflow: hidden; }
.shop-20books .logo{ text-align: center; }
.shop-20books .sub-txt{ font-size: 12px; }
.shop-20books .about{ margin-top: 40px; overflow: hidden; }
.shop-20books .about .txt-body{ width: 460px; float: left; }
.shop-20books .about .txt-body .ttl{ font-size: 22px; line-height: 2; margin-bottom: 10px; }
.shop-20books .about .person-body{ width: 400px; float: right; }
.shop-20books .about .person-body .photo-body{ float: left; padding-right: 20px; }
.shop-20books .about .person-body .photo-body .caption{ font-size: 10px; }
.shop-20books .about .person-body .person-txt{ overflow: hidden; }
.shop-20books .about .person-body .person-txt > *{ line-height: 1.8; }
.shop-20books .item{ overflow: hidden; margin-top: 40px; }
.shop-20books .item .photo{ float: left; padding-right: 20px; }
.shop-20books .item .txt-body{ overflow: hidden; }
.shop-20books .item .txt-body > *{ line-height: 1.8; }
.shop-20books .item .txt-body .separate{ margin-top: 10px; }
@media screen and (max-width: 480px){
	.yamatoji-shop .local-navi-cst{ padding: 0 15px; margin-bottom: 10%; }
	.yamatoji-shop .local-navi-cst .navi{ width: 50%; box-sizing: border-box; }
	.yamatoji-shop .local-navi-cst .navi+.navi{ margin-left: 0; }
	.yamatoji-shop .local-navi-cst .navi a{ font-size: 14px; }
	.yamatoji-shop .bnr{ margin-top: 10%; padding: 0 15px; }
	.shop-about{ width: auto; margin: 0 15px; }
	.shop-about > .copy{ text-align: left; font-size: 24px; padding: 10% 0; }
	.shop-feature{ display: block; }
	.shop-feature+.shop-feature{ margin-top: 15%; }
	.shop-feature .txt-body{ width: auto; margin-top: 10%; }
	.shop-feature .ttl{ padding-bottom: 20px; font-size: 24px; margin-bottom: 20px; }
	.shop-feature .ttl img{ zoom: 0.9; }
	.shop-feature .btn-cm01{ text-align: center; }
	.shop-info{ margin: 15% 15px 0; width: auto; padding: 15% 5%; }
	.shop-logo{ padding: 15% 0 8%; text-align: center; }
	.shop-note{ margin-top: 5%; padding: 5%; }
	.shop-note .photo{ float: none; padding-right: 0; text-align: center; }
	.shop-note .photo+*{ margin-top: 5%; }
	.shop-20books{ margin-top: 5%; padding: 5%; }
	.shop-20books .about{ margin-top: 5%; overflow: hidden; }
	.shop-20books .about .txt-body{ width: auto; float: none; }
	.shop-20books .about .txt-body .ttl{ font-size: 18px; }
	.shop-20books .about .person-body{ width: auto; float: none; margin-top: 5%; }
	.shop-20books .about .person-body .photo-body{ float: none; padding-right: 0; text-align: center; }
	.shop-20books .about .person-body .person-txt{ margin-top: 5px; }
	.shop-20books .item{ margin-top: 5%; }
	.shop-20books .item .photo{ float: none; padding-right: 0; text-align: center; }
	.shop-20books .item .txt-body{ margin-top: 10px; }
}
/*IE FIX*/
.shop-info .ttl{ *display: inline; *zoom: 1; }
.shop-feature{ overflow: hidden\9; }
.shop-feature .photo{ float: left\9; margin-right: 60px\9; }
.shop-feature:nth-child(odd) .photo{ float: right\9; margin: 0 0 0 60px\9; }
.shop-feature .txt-body{ overflow: hidden\9; }
.shop-feature+.shop-feature{ margin-top: 100px\9; }

/*-------------------------*/

/*オリジナル商品*/
.original-shop .top-ttl .sp{display:none;}
.original-shop .shop-top{width: 1000px; margin: 0 auto; padding-top: 200px}
.original-shop .shop-top p{font-size: 28px; text-align:center; font-weight:bold;}
.original-shop .txt-small{font-size: 20px;}
.original-shop .shop-top img { padding: 20px 0 0; display:block;}
.original-shop .shop-article .top-ttl{text-align: center; font-size: 35px; padding: 50px 0; font-weight:bold; line-height: 40px;}
.original-shop .produce-comment {color:#C03;}
.original-shop .shop-feature{margin-top: 120px;}
.original-shop .produce-copy{ width: 1000px; margin: 50px auto 0; }
.original-shop .shop-feature .ttl{ font-size: 25px; }
.original-shop .shop-photo{margin: 0 auto; width: 100%;}
.original-shop .ttl-photo{ float:left;}
.original-shop .produce-column-original{ width: 900px; margin: 90px auto 0; }
.original-shop .produce-column-original > *+*{ margin-top: 90px; }
.original-shop .produce-column-original .txt-body{ overflow: hidden; padding-left: 220px; }
.original-shop .produce-column-original .txt-body.body-replace{ padding-right: 300px; padding-left: 0; }
.original-shop .produce-column-original .ttl{ text-align: center; width: 300px; float: left; margin-left: -300px; }
.original-shop .produce-column-original .ttl img { -webkit-backface-visibility: hidden;}
.original-shop .produce-column-original .txt-body.body-replace .ttl{ float: right; margin-right: -300px; margin-left: 0; }
.original-shop .produce-column-original .txt{ margin-left: auto; margin-top: 35px; }
.original-shop .produce-column-original .ttl+.txt{ margin-top: 0; }
.original-shop .produce-txt{ width: 1000px; margin: 90px auto 0; }
.original-shop .produce-txt > *+*{ margin-top: 90px; }
.original-shop .produce-txt .txt-body p{ display: table-cell; vertical-align: middle;  }
.original-shop .produce-txt .txt-body img{ padding-right: 60px; width: 260px;}
.original-shop .shop-feature-text-small{font-size: 12px;}
.original-shop .top-img-1{ max-width: 1400px; margin: 0 auto;}
.original-shop .img-box{ display: table-cell;}
.original-shop .img-box img {width: 100%; height:100%}
.original-shop figure { position: relative;　overflow: hidden; width: 100%;　height:100%;  margin: 0;}
.original-shop figcaption {position: absolute; top: 0;left: 0; z-index: 2; width: 100%; height: 100%; background:rgba(0,0,0,.6); -webkit-transition: .3s; transition: .3s; opacity: 0;}
.original-shop figcaption p { color: #fefefe; text-align: center; font-size: 22px; padding-top: 25%; line-height: 30px;}
.original-shop figure:hover figcaption { opacity: 1;}
.original-shop .sp-original{ display:none;}

@media screen and (max-width: 480px){
	.original-shop .shop-top{width: auto; margin: 0 15px; padding-top: 70px}
	.original-shop .top-ttl .sp{display:block; line-height:24px;}
	.original-shop .shop-top p{font-size: 22px; text-align:center; font-weight:bold;}
	.original-shop .shop-article .top-ttl{font-size: 20px; padding: 0 0 30px; line-height:28px}
	.original-shop .shop-feature{margin-top: 70px;}
	.original-shop .produce-copy{ width: 100%; margin: 20px auto 60px; }
	.original-shop .shop-feature .ttl{ font-size: 18px; }
	.original-shop .produce-column-original{ width: auto; margin: 15% auto 0; }
	.original-shop .produce-column-original > *+*{ margin-top: 15%; }
	.original-shop .produce-column-original .photo{ padding: 0 15px; }
	.original-shop .produce-column-original .txt-body{ padding: 0 15px; }
	.original-shop .produce-column-original .txt-body.body-replace{ padding: 0 15px; }
	.original-shop .produce-column-original .ttl{ width: auto; float: none; margin-left: 0; height: auto; }
	.original-shop .produce-column-original .ttl img{ transform: scale(0.7); }
	.original-shop .produce-column-original .txt-body.body-replace .ttl{ float: none; margin: 0; }
	.original-shop .produce-column-original .txt{ margin-top: 5%; }
	.original-shop .produce-column-original .ttl+.txt{ margin-top: 5%; }
	.original-shop .produce-txt{ width: auto; margin: 0 auto 0; }
	.original-shop .produce-txt > *+*{ margin-top: 15%; }
	.original-shop .produce-txt .txt-body p{ display: block; vertical-align: none;}
	.original-shop .produce-txt .txt-body img{ display:block; margin: 0 auto; padding: 5px 0 20px; width: 100%;}
	.original-shop .top-img-1{ width: 100%; height: 100%; margin: 0 auto;}
	.original-shop .img-box{ display: table-cell;}
	.original-shop .img-box img {max-width: none; width: 100%; height: auto;}
	.original-shop figcaption p { color: #fefefe; text-align: center; font-size: 12px; padding-top: 24%; line-height: 16px;}
	.original-shop .sp-original{ display:block;}
	.original-shop #asukamura p{line-height: 30px;}
}


/*-------------------------*/