/*
	Theme Name: Occigabi
	Theme URI: https://fabrec.jp
	Description: Occigabi official
	Version: 1.0.0
	Author: FABREC (@Riku Sugawara)
	Author URI: https://fabrec.jp
*/

/*------------------------------------*\
		MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	 font-family: 'Bodoni', "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#444;
	font-size: 10px;
	font-weight: 400;
}
.wf-sawarabi { font-family: "Sawarabi Mincho"; letter-spacing: 0.05em;}
.fadeIn {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:.5s;
-ms-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
}
.fadeInDown {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:.5s;
-ms-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
}
.load{
	animation: fadeInDown .5s ease 0s 1 normal;
 -webkit-animation: fadeInDown .5s ease 0s 1 normal;
}
.loadfast{
animation: fadeInDown .5s ease 0s 1 normal;
-webkit-animation: fadeInDown .5s ease 0s 1 normal;
}
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

.fb-color{
color: #395CA9;
}

/* clear */
.clear:before,
.clear:after {
		content:' ';
		display:table;
}

.clear:after {
		clear:both;
}
.clear {
		*zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
.jp{
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.jp li{
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p{
	line-height: 175%;
}
p,a{
	font-size: 1.4rem;
	color: #666;
	letter-spacing: 0.1em;
	line-height: 200%;
}
h1{
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: .15em;
}
h2{
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: .15em;
}
h3,h4,h5,h6{
	font-size: 1.6rem;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
ul,li,ol{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
}
.marker{
	background: linear-gradient(transparent 65%, rgba(177, 172, 155, .31) 40%);
}
/*------------------------------------*\
		STRUCTURE
\*------------------------------------*/


/* wrapper */
.wrapper {
	max-width:1200px;
	width:95%;
	margin:0 auto;
	position:relative;
}
.wrap{
	width: 100%;
	overflow: hidden;
	margin: 0 0;
}
div.breadcrumbs{
		margin: 30px auto 20px;
		max-width: 96%;
	}
div.breadcrumbs span{
	font-size: 1.2rem;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-left: 2px;
}

/* header */
.header {

}
/* logo */
.logo {
;
}
.logo-img {
width: 80px;
}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
margin-top: auto;
background: #fafafa;
color: #4d4d4d;
height: 100%;
width: 100%;
padding: 0;
}
div.footer-inner{
	margin: 0 auto;
}
.copyright{
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0.05em;
	font-weight: 400;
	background: #fff;
	color: #323232;
	margin: 0;
	padding: .5% 0;
}
.flex-container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

}
.flex-left{
	order: 1;
}
.flex-right{
	order: 2;
}
.mfp-bg{
	opacity: .2!important;
}

/*------------------------------------*\
		PAGES-note
\*------------------------------------*/

/* note記事一覧のレイアウト */
.note-feed-wrapper .rss-feed-list!important {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 記事間の余白 */
    list-style: none;
    padding: 0;
}

/* note記事ごとのデザイン */
.note-feed-wrapper .rss-feed-item!important {
    display: flex;
    align-items: flex-start;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 600px; /* 1記事の幅 */
}

/* note記事のサムネイル */
.note-feed-wrapper .rss-thumbnail!important {
    width: 120px;
    height: auto;
    border-radius: 4px;
    display: block;
}

/* サムネイルの配置 */
.note-feed-wrapper .rss-thumbnail-wrapper!important {
    flex-shrink: 0;
    margin-right: 15px;
}

/* 記事内容 */
.note-feed-wrapper .rss-content!important {
    flex: 1;
    text-decoration: none;
}

/* タイトルのスタイル */
.note-feed-wrapper .rss-title!important {
    font-size: 16px;
    color: #333;
    margin: 0;
}

/* 日付のスタイル */
.note-feed-wrapper .rss-date!important {
    font-size: 12px;
    color: #666;
    margin: 5px 0;
}

/* 記事概要（description）のスタイル */
.note-feed-wrapper .rss-description!important {
    font-size: 14px;
    color: #444;
    line-height: 1.4;
}


/*------------------------------------*\
		IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
	font-family:'Bodoni';
	src:url('fonts/BodoniURW-Lig.eot');
	src:url('fonts/BodoniURW-Lig.eot?#iefix') format('embedded-opentype'),
	url('fonts/BodoniURW-Lig.woff') format('woff'),
	url('fonts/BodoniURW-Lig.ttf') format('truetype'),
	url('fonts/BodoniURW-Lig#Bodoni') format('svg');
	font-weight: 300;
	font-style: 300;
}
@font-face {
	font-family:'Bodoni';
	src:url('fonts/BodoniURW-Reg.eot');
	src:url('fonts/BodoniURW-Reg.eot?#iefix') format('embedded-opentype'),
	url('fonts/BodoniURW-Reg.woff') format('woff'),
	url('fonts/BodoniURW-Reg.ttf') format('truetype'),
	url('fonts/BodoniURW-Reg#Bodoni') format('svg');
	font-weight: 400;
	font-style: 400;
}
/*------------------------------------*\
		RESPONSIVE
\*------------------------------------*/
.center{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


@media only screen and (min-width:320px) {
	.dropmenu{
		display: none;
	}
	.menu-text{
		display: none;
	}
	.drawer-container{
		display: block;
	}
	div.top-image{
		background-size: cover;
		background-position: center center;
		width: 100%;
		height: 50vh;
		position: relative;
	}
	div.top-image::before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(100,100,100,.05);
		z-index: 1;
}

#image1{
	background-image: url(./img/top/topimg.jpg);
}
#image2{
	background-image: url(./img/top/topimg2.jpg);
}
#image3{
	background-image: url(./img/top/topimg3.jpg);
}
#image4{
	background-image: url(./img/top/topimg5.jpg);
}
#image5{
	background-image: url(./img/top/topimg4.jpg);
}
/*---------------------------------------------
Hamburger Nav
---------------------------------------------*/

span.drawer-text::after{
	content: 'MENU';
	position: relative;
	display: block;
	bottom: -18px;
	font-size: 1.2rem;
	left: -8px;
}
.drawer-open span.drawer-text::after{
	content: 'CLOSE';
}
.drawer-menu{
height: 80vh;
padding: 15% 10% 5%;
text-align: left;
}
.drawer-menu li{
line-height: 200%;
}
.drawer-menu li a{
display: block;
padding: 8px;
}
.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger{
right: 16px;
}
.fb-banner a{
}
.fb-banner a i.fa.fa-facebook{
	background: #395CA9;
	color: #fff;
	padding: 8px;
	border-radius: 2px;
	text-align: center;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	margin-right: 8px;
}
	.logo span{
		letter-spacing: 0.2em;
		color: #323232;
	}


	.button-container{
		margin: 0 auto;
		text-align: center;
	}
	.under-border{
		position: relative;
		display: block;
	}
	.under-border::after{
		content: "";
		display: block;
		position: absolute;
		bottom: -10px;
		background-image: url(./img/common/border-re.svg);
		background-repeat: no-repeat;
		width: 80%;
		left: 8%;
		height: 10px;
	}
 .button{
	 position: relative;
	display: block;
	border: 1px solid #aaa;
	color: #666;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding: 1rem 2rem;
	letter-spacing: 0.2em;
	width: 90%;
	margin:16px auto;
 }
 .square_btn {
position: relative;
display: block;
width: 280px;
text-align: center;
font-weight: 700;
padding: 0.5em 1em;
text-decoration: none;
border: solid 2px #b1ac98;
color: #323232;
text-shadow: 0 0 5px white;
padding: 0.5em 1em;
margin: 16px auto;
background: -webkit-repeating-linear-gradient(-45deg, #fcfcfc, #fcfcfc 3px,#f6f6f6 3px, #f6f6f6 7px);
background: repeating-linear-gradient(-45deg, #fcfcfc, #fcfcfc 3px,#f6f6f6 3px, #f6f6f6 7px);
transition: all .4s ease;
}
.square_btn span{
display: inline-block;
margin-left: 16px;
}
.square_btn:hover {
letter-spacing: .11em;
color: #b1ac98;
background: -webkit-repeating-linear-gradient(-45deg, #fcfcfc, #fcfcfc 5px,#f6f6f6 5px, #f6f6f6 9px);
background: repeating-linear-gradient(-45deg, #fcfcfc, #fcfcfc 5px,#f6f6f6 5px, #f6f6f6 9px);
}
.square_btn i.fa{
	position: absolute;
	top: 12px;
	left: 28px;
}
	div.logo h1{
		margin: 0;
		font-weight: 300;
		letter-spacing: 0.2em;
	}
	.text-c{
		text-align: center;
		letter-spacing: 0.2em;
	}
	.angle-down::after{
		content: "";
		display: block;
		position: relative;
		font-family: FontAwesome;
		font-size: 1.8rem;
		margin: 1% 0;
		width: 40%;
		height: 20px;
		background-image: url(./img/common/border.svg);
		background-repeat: no-repeat;
		left: 34%;
		margin: 2.5% 0;
	}
	.header-inner .flex-container div:last-child{
		text-align: center;
		margin-left: auto;
	}
	.header-inner .flex-container div:last-child a{

	}
	.header-inner .flex-container div:last-child a span{
		display: block;
		text-align: center;
	}
	#shoplink{
		text-align: center;
		margin-right: 10px;
	}
	#shoplink a{
		color: #B1AC9B;
		font-size: 1.4rem;
		background: none;
		letter-spacing: 0.1em;
		padding: 20%;
		display: block;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	#shoplink a span{
		display: block;
		margin: 5px 0 0;
	}
	#shoplink a:hover{
		opacity: 0.6;
	}
	.themecolor{
		color: #B1AC9B;
	}
	.italic{
		font-family: 'Bodoni', serif;
		font-style: italic;
	}
	/*section1 topimage*/
	section.top{
		position: relative;
		margin: 0 0 0 ;
	}
	section.top h1{
		position: absolute;
		top: 40%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		z-index: 2;
		text-align: center;
		color: #fff;
		font-weight: 300;
		font-size: 1.4rem;

	}
	section.top h1 img{
		width: 220px;
	}
	section.top h1 span{
		display: block;
		letter-spacing: 0.1em;
		margin: 10% 0;
	}


/*section2 concept*/
.concept h1{
	font-weight: 300;
	letter-spacing: 0.2em;
	color: #666;
	font-size: 1.8rem;
	width: 98%;
	margin: 4% auto 6%;
	text-align: center;
}
.concept p{
	color: #666;
	font-size: 1.4rem;
	width: 92%;
	margin: 2% auto;
	letter-spacing: 0.1em;
	line-height: 200%;
}

/*restraunt*/
.restraunt{
	margin: 10% 0;
	padding: 5% 0;
	background: #fcfcfc;
	position: relative;
	z-index: 1;
}
.restraunt div{
	position: relative;
}
.restraunt .flex-left h1{
	margin: 0 0 2%;
	color: #b1ac98;
	text-align: center;
}
.restraunt h1{
	text-align: center;
	color: #b1ac98;
	letter-spacing: 0.2em;
	font-weight: 400;
}
.restraunt p{
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	line-height: 200%;
	color: #666;
	width: 80%;
	margin: 24px auto;
}

.sideborder{
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	color: #666;
	text-align: center;
	position: relative;
}
.sideborder span{
	padding: 0;
	position: relative;
	z-index: 2;
}
.sideborder span::before,
.sideborder span::after{
	content: "";
	display: inline-block;
	height: 1px;
	width: 20px;
	background: #ddd;
	vertical-align: middle;
	margin: 0 8px;
}

.atention{
	font-size: 1.2rem;
	color: #666;
	display: block;
	margin-bottom: 8px;
	margin-left: 8px;
}
/*section3 winelist*/
section.winelist{
	margin: 10% 0 20%;
}
.winelist .slick-slider{
	max-width: 1600px;
	margin: 0 auto;
}
.winelist .slick-prev:before, .winelist .slick-next:before{
	font-size: 48px;
	background: none;
	color: #B1AC98;
}
.winelist .slick-prev{
	margin-left: 8px;
}
.winelist .slick-next{
	margin-right: 8px;
}
.winelist .slick-prev, .winelist .slick-next{
	top: 50%;
	height: 100%;
	width: 42px;
}
	.winelist-inner1{
		width: 92%;
		margin: 16px auto 32px;
	}
	.winelist-inner2{
		padding: 16px;
		margin-top: 24px;
	}
.winelist .button-container{
	margin: 8px auto;
	background: #fff;
}
/* button effect*/
.c_btn_1{
	position: relative;
	display: block;
	width: 280px;
	padding: 1.2% 2%;
	border: 1px solid #ddd;
	margin: 16px auto;
	text-align: center;
	transition: all .3s ease;
}
.c_btn_1 span{
	vertical-align: text-top;
}
.c_btn_1-arr {
	width: 14px;
	height: 14px;
}
.c_arr-plus {
	position: absolute;
	display: block;
	right: 14px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.c_btn_1-arr {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: transparent;
	transition: all .3s ease;
}
.c_arr-plus:before {
	content: "";
	width: 100%;
	height: 1px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}
.c_arr-plus:after {
	content: "";
	width: 1px;
	height: 100%;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}
.c_btn_1-arr:before, .c_btn_1-arr:after{
	background: #666;
	transition: all .3s ease;
}
.c_btn_1:hover{
	border: 1px solid #B1AC9B;
}
.c_btn_1:hover .c_btn_1-arr {
		border-color: #666;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
}
.c_btn_1:hover .c_btn_1-arr:before,
.c_btn_1:hover .c_btn_1-arr:after {
	background: transparent;
}
/* button effect END*/
div.post-box{
	text-align: center;
}
div.post-box h2{
	margin: 0;
}
div.post-box h2 a{
	font-size: 1.6rem;
	transition: all .3s ease;
}
div.post-box h2 a:hover{
	color: #B1AC9B;
}
div.post-box p{
	font-size: 2.4rem;
	color: #B1AC9B;
	font-weight: 500;
	margin: 0;
}
div.price-box{
text-align: center;
}
.price-box p{
margin: 0;
color: #666;
font-weight: 400;
}
.winelist-wrap{
margin: 0 auto;
}
.item-eye{
background-size: cover;
background-position: center center;
border-radius: 100%;
width: 240px;
height: 240px;
text-align: center;
margin: 0px auto 8px;
transition: all .3s ease;
}
.item-eye:hover{
opacity: .9;
}
/*other content*/
section.other-content{

}
.other-content .flex-container{

}
.bg-image{
background-color: #464646;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
width: 100%;
}
.other-content .bg-image{
height: 300px;
}
#ownership{
background-image: url(./img/top/owner.jpg);
}
#magazine{
background-image: url(./img/top/magazine.jpg);
}
.other-content h1{
text-align: center;
}
.content-box{
align-items: stretch;
width: 100%;
background: #f0f0f0;
position: relative;
z-index: 1;
}
.content-inner{
background: #fff;
margin: 4%;
padding: 4%;
position: relative;
z-index: 2;
}
.content-box .sideborder h2 span{
}
.content-inner a.arrow-box{
color: #666;
padding: 2% 5%;
text-align: center;
margin: 0 auto;
display: block;
font-size: 1.4rem;
border: 1px solid #ddd;
transition: all .3s ease-in-out;
}
.content-inner a.arrow-box span{
padding-right: 5px;
}
.content-inner a.arrow-box:hover{
color: #B1aC98;
border-color: #b1ac98;
}
.content-inner a.arrow-box:hover span{
}
/* othercontent2*/
.other-content2 h1{
margin: 0;
padding: 80px 0 8px 0;
font-size: 2.4rem;
text-align: center;
}

.other-content2 .flex-container{
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.other-content2 .flex-container li{
width: 100%;
margin: 2%;
}
.other-content2 .bg-image{
height: 300px;
width: 100%;
position: relative;
}
.other-content2 .bg-image div{
background: rgba(255,255,255,.95);
position: relative;
width: 90%;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
text-align: center;
padding: 10% 0;
}
.bg-image-inner h2{
font-size: 3rem;
letter-spacing: .05em;
}
.bg-image-inner h2::after{
content: "";
display: block;
margin: 16px auto;
text-align: center;
background: #B1AC9B;
width: 140px;
height: 2px;
}
.bg-image-inner p{
font-weight: 400;
}
#school{
background-image: url(./img/top/school.jpg);
}
#goodearth{
background-image: url(./img/top/goodearth.jpg);
}
#tasting{
background-image: url(./img/tasting/tasting1.jpg);
}

/*event news*/
.news{

}
.news ul.flex-container{
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
padding:0 2%;
}
.news > ul.flex-container > li{
margin: 2% 0;
border-top: 1px solid #ddd;
padding: 4% 0;
}
.news > ul.flex-container > li:last-child{
border-bottom: 1px solid #ddd;
}
.blog-left{
width: 29%;
padding: 0 0.5%;
}
.blog-right{
width: 69%;
padding: 0 0 0 1.5%;
}
.blog-right h2{
font-size: 1.6rem;
margin: 0.2% 0;
}
.blog-right ul.flex-container{
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
ul.category-name > li{
background: #ddd;
margin-right: 3%;
padding: 0 3%;
}
/*access*/
section.access{
margin: 5% 0 0;
}

.address-right{
width: 90%;
margin: 0 auto;
}
.address-left div,
.address-right div{
width: 90%;
margin: 5% auto;
}

.address-box .flex-container{
display: block;
}
.fax-num{
font-size: 1.4rem;
letter-spacing: .1em;
padding-left: 8px;
}
.fax-num::before{
content: "/";
display: inline-block;
padding-right: 8px;
}
/*SINGLE SP*/
.page-single h1,
.page-single h2,
.page-single h3,
.page-single h4,
.page-single h5,
.page-single h6,
.page-single p,
.page-single li,
.page-single a{
font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.chronicle p{
font-size: 1.6rem;
}
.page-single ul{
line-height: 175%;
margin: 16px 0;
}
.page-single li{
padding-top: 8px;
letter-spacing: 0.01em;
}
.single-title a{
font-size: 2.4rem;
}
div.post-box p.desc-text{
font-size: 1.2rem;
color: #4d4d4d;
line-height: 150%;
text-align: left;
}
.magazine-wrap{
margin: 0 auto;
}
.magazine-col{
margin: 1%;
padding: 2%;
box-shadow: 1px 1px 1px 1px rgba(200, 200, 200, 0.3);
}
.magazine-col .item-eye{
border-radius: 0%;
width: 100%;
}
.magazine-col .post-box{
padding: 2%;
}
.magazine-col .post-box h2{
text-align: left;
}
.post-flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
width: 96%;
}
.post-text{
order: 2;
width: 100%;
flex:1 1 auto;
padding: 16px 0 0;
}
.post-image{
order: 1;
width: 100%;
flex:1 .8 auto;
height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.page-common p.price{
font-size: 2.4rem;
text-align: center;
margin: 16px auto 24px;
}
/*PAGE SP*/
.page-common h1{
font-weight: 400;
font-size: 2.4rem;
letter-spacing: 0.2em;
}
.page-common h1 span{
font-size: 1.4rem;
font-weight: 700;
display: block;
letter-spacing: 0.1em;
margin: 8px 0;
color: #999;
}
.page-common h2{
font-weight: 300;
font-size: 1.8rem;
letter-spacing: 0.3em;
}
.page-common h2::after{
content: "";
display: block;
background: #B1AC9B;
height: 2px;
width: 200px;
margin-top: 8px;
}
.menu-h2{
text-align: center;
margin: 40px 0;
}
.menu-h2::after{
margin: 8px auto;
}

.page-common h3{
padding: 0 0 0 12px;
border-left: 3px solid #B1AC9B;
color: #666;
letter-spacing: 0.2em;
font-weight: 300;
font-size: 1.8rem;
margin: 16px 0 0;
}
.page-common p{
font-size: 1.6rem;
letter-spacing: 0.08em;
line-height: 200%;
color: #666;
margin: 24px auto 24px;
}
.page-common p.sub{
margin: 16px 0;
font-size: 1.4rem;
}
.page-common p.hours{
text-align: center;
width: 100%;
max-width: 100%;
margin: 24px 0 48px;
font-size: 1.8rem;
}
.page-common p.hours span{
display: block;
font-size: 1.4rem;
}
.page-common img{
width: 100%;
height: 100%;
}
.page-bg{

}
.page-inner{
width: calc(100% - 16px);
padding: 40px 1%;
margin: 0 auto;
background: #fff;
}
.content_width{
width: 96%;
margin: 0 auto;
}
.title-box p{
max-width: 540px;
margin: 24px auto;
}
/*archive sp*/
.page-archive{
background: #fcfcfc;
padding: 8px 0;
}
.page-archive h2::after{
content: "";
display: none;
visibility: hidden;
background: none;
height: 0px;
width: 0px;
bottom: 0;
}
.page-archive article{
margin: 0 0 32px;
width: 100%;
}
.page-archive p{
margin: 0px auto 16px;
}
.page-archive .c_btn_1{
padding: .5% 1%;
}
.wp-pagenavi{
text-align: center;
}
/*about sp*/
.greeting-name{
width: 150px;
margin-left: auto;
text-align: left;
}
.greeting-box{
}
.greeting-content1{
}
.greeting-content2{
}
/*restraunt sp*/
.menu{
margin: 40px 0;
border: 1px solid #ddd;
padding: 3% 4%;
width: 100%;
font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.menu-image{
max-height: 184px;
overflow: hidden;
}
.menu-list li{
font-size: 1.4rem;
color: #666;
letter-spacing: 0.1em;
font-weight: 300;
}
.menu-h2{
font-size: 2.4rem;
letter-spacing: 0.2em;
margin: 40px 0 16px;
}
.page-common .menu-h2{
font-size: 2.4rem;
}
h2.garden,
h2.school{
text-align: center;
margin: 64px 0 0;
font-size: 2rem;
color: #B1AC9B;
font-weight: 700;
}
p.sub-title{
color: #666;
text-align: center;
letter-spacing: 0.1em;
font-size: 1.8rem;
margin: 8px 0;
}
p.sub-title::before,
p.sub-title::after{
content: "";
display: inline-block;
width: 16px;
height: 2px;
background: #666;
vertical-align: middle;
}
p.sub-title::before{
margin-right: 8px;
}
p.sub-title::after{
margin-left: 8px;
}

h2.garden::after,
h2.school::after{
content: "";
background: none;
display: none;
}

.menu h3{
font-size: 1.8rem;
margin: 0 0 12px;
}
.menu h3.sub{
margin: 32px 0 16px;
}
.price{
}
.menu h4{
margin-bottom: 8px;
font-weight: 400;
letter-spacing: .06em;
}

div.wavy{
position: relative;
}
div.wavy::after{
content:"〜";
display: inline-block;
position: absolute;
right: -16px;
}
p.menu-title{
font-size: 1.6rem;
margin: 24px 0 0px -8px;
font-weight: 300;
letter-spacing: .1em;
}
.menu-list i.fa{
font-size: 1.2rem;
}
.submenu{
margin: 16px 0;
border-top: 1px solid #ddd;
padding-top: 16px;
}
.drink-wrap{
margin-bottom: 48px;
}
.drink-list{
width: 100%;
margin: 0 auto 0 0 ;
padding: 1% 5%;
}
.drink-list li{
list-style: circle;
display: flex;
justify-content: space-between;
line-height: 200%;
letter-spacing: .06em;
}

.company-list{
width: 100%;
margin: 0 auto 0 0 ;
padding: 1% 5%;
}
.company-list li{
list-style: circle;
display: flex;
justify-content: space-between;
line-height: 200%;
letter-spacing: .06em;
}

.right-text{
}
p.drink-title{
font-size: 1.8rem;
letter-spacing: 0.2em;
font-weight: 500;
text-align: center;
margin: 24px auto;
}
.drink-h4{
width: 280px;
margin: 16px 0 12px;
border-bottom: 1px solid #ddd;
}
.drink-h4 span{
display: block;
}

/*ownership*/
.box-content{

}
.sideborder2{
text-align: center;
color: #b1ac98;
font-size: 1.4rem;
font-weight: 700!important;
margin-top: 48px;
}
.sideborder2::after{
width: 0!important;
height: 0!important;
background: none!important;
visibility: hidden!important;
display: none!important;
}
.sideborder2 span::before,
.sideborder2 span::after{
content: "";
display: inline-block;
background: #b1ac98;
width: 18px;
height: 2px;
vertical-align: middle;
}
.sideborder2 span::before{
margin-right: 16px;
}
.sideborder2 span::after{
margin-left: 16px;
}
.box-content{
padding: 16px 8%;
border: 1px solid #ddd;
border-radius: 2px;
}
.box-content h3{
padding: 0;
border: 0;
margin: 32px 0 0;
}
.box-content h3 span{
vertical-align: middle;
font-weight: 700;
}
.box-content h3 span::before{
content: "";
display: inline-block;
width: 16px;
height: 16px;
border-radius: 100%;
background: #b1ac98;
margin-right: 16px;
vertical-align: middle;
}
.box-content p{
margin: 16px 0 16px;
}
.box-content p::before{
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 100%;
background: #b1ac98;
margin-right: 8px;
vertical-align: middle;
}
.app-flow-list{
display: flex;
flex-wrap: wrap;
}
.app-flow-list li{
border: 2px solid #b1ac98;
border-radius: 2px;
display: block;
position: relative;
padding: 16px;
margin: 0 0 32px 0;
}
.app-flow-list li::before{
content: "";
display: inline-block;
position: absolute;
font-family: 'Bodoni', sans-serif;
font-size: 1.6rem;
font-weight: 700;
padding-top: 4px;
top: -8px;
left: -8px;
background: #b1ac98;
width: 24px;
height: 24px;
color: #fff;
border-radius: 100%;
text-align: center;
vertical-align: middle;
}
.app-flow-list li:nth-child(1)::before{
content: "1";
}
.app-flow-list li:nth-child(2)::before{
	content: "2";
}
.app-flow-list li:nth-child(3)::before{
		content: "3";
}
.app-flow-list li:nth-child(4)::before{
		content: "4";
}
.app-flow-list li:nth-child(-n+3)::after{
content: "";
display: block;
position: absolute;
border: 8px  solid transparent;
border-top: 8px solid #b1ac98;
left: 50%;
transform: translateX(-50%);
bottom: -32px;
}
/*goodearth*/
.ge-list{
}
.ge-item{
width: 100%;
margin: 0 auto;
text-align:center;
}
.ge-item span{
display: block;
}

/*chronicle SP*/
.read-text{
width: 93%;
margin: 0 auto;
}
.writen-name{
display: block;
text-align: right;
padding-top: 16px;
padding-right: 8px;
}
/*--------------------------
footer
--------------------------*/
#company-info{
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-items: center;
}
#company-info li{
width: 80%;
margin: 0 auto;
text-align: left;
font-size: 1.4rem;
}
#company-info li h1{
font-size: 1.6rem;
}
.shop-data{
line-height: 200%;
border-top: 1px solid #ddd;
margin-top: 16px;
padding-top: 16px;
}

div.fb{

}
div.footer-inner{
text-align: center;
padding: 10% 0;
}
div.footer-left{
margin: 5% 0;
}
div.footer-left .flex-container{
flex-wrap: wrap;
padding: 2% 5%;
text-align: left;
}
div.footer-inner .logo{
margin: 16px 0;
}
div.footer-inner h2{
font-size: 1.4rem;
letter-spacing: 0.2em;
font-weight: 500;
text-align: center;
}
div.copyright div{
text-align: center;
width: 90%;
margin: 0 auto;
}
div.copyright h2{
font-size: 1.6rem;
}
div.copyright div p{
font-size: 1.4rem;
}
div.copyright div p.copyright{
font-size: 1rem;
}
.mfp-iframe-holder .mfp-content{
width: 100%;
max-width: 1600px;
}
	/*--------------------------
	CONTACT
	--------------------------*/
	section.contact{
		width: 100%;
		margin: 15% auto 0;
		background: #fefefe;
	}
	section.contact h1{
		position: relative;
		top: -14px;
		font-size:
	}
	.form{
		width: 90%;
		margin: 0 auto;
		padding: 8% 0;
	}
	.form *{
		width: 100%;
		font-size: 1.6rem;
	}
	.form li{
		margin: 2% 0;
	}
	.form li p{

	}
	.form label{
		font-weight: 300;
		letter-spacing: 0.08em;
	}

	.form input{
		background: none;
border: none;
border-bottom: 1px solid #ddd;
	}
	.form textarea{
		background: none;
		border: none;
		border-bottom: 1px solid #ddd;
	}
	input.wpcf7-form-control.wpcf7-submit{
		background: #fff;
		border: 1px solid #ddd;
		color: #323232;

		padding: 2% 2%;
		font-size: 1.6rem;
		letter-spacing: 0.2em;
		width: 100%;
		margin: 0 auto;
		display: block;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	input.wpcf7-form-control.wpcf7-submit:hover{
		background: #323232;
		color: #fff;

	}

	input,textarea{
		font-size: 1.6rem;
		width: 100%;
		border: 1px solid #ddd;
	}
	/*Pagenation*/
	ul.page-numbers{
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		width: 90%;
		margin: 5% auto;
		justify-content: space-around;
	}
	a.page-numbers,span.current{
		font-size: 1.6rem;
		background: #b1ac98;
		color: #fff;
		border: 1px solid #b1ac98;
		}
	a.prev,a.next{
		border: none;
		background: none;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	a.prev:hover::after,
	a.next:hover::after{
		content: "";
		display: block;
		background: none;
	}
	a.prev:hover,
	a.next:hover{
		opacity: 0.7;
	}
	/*Page contact*/
	.contactpage article{
			max-width: 1024px;
			margin: 0 auto;
	}
	.contactpage h1{
		text-align: center;
	}
	.slick-slide.menu-slide{
		background:#000;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 240px;
	}
	#biz_calendar{
		margin: 0 auto 16px 0;
	}
}

.pdf{
	margin: 48px auto;
	width: 100%;
}
.pdf p a{
	color: #b1ac98;
	font-weight: bold;
	transition: all .3s ease;
}
.pdf p a:hover{
	opacity: .8;
}
.button-dl a{
	color: #999;
	display: block;
	font-weight: bold;
	width: 280px;
	border: 1px solid #999;
	border-radius: 50px;
	padding: 12px 24px 8px;
	margin: 32px auto;
	transition: all .3s ease;
}
.button-dl a:hover{
 color: #b1ac98;
 border-color: #b1ac98;
}
@media only screen and (min-width:370px) {

}
@media only screen and (max-width:420px){
	.movie li{
		padding: 2%;
	}
	div.flex-container{
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media only screen and (max-width:768px) {
	.smanone{
		display: none;
	}
	.address-left{
		width: 100%;
		display: block;
	}

	.top-image{
		width: 100%;
		height: 50vh;
		background-position: center center;
		background-size: cover;
	}
	.logo{
		margin: 0;
	}

div#fixedBox{
	padding: 0 0 3%;
	width: 100%;
	z-index: 1000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: rgba(255,255,255,1);
}
div.fixed{
	background: rgba(255, 255, 255, .9);
}
.slick-slide{
	padding: 0;
}

.page-common p.hours{
	margin: 8px 0 16px;
}
.slick-prev:before,
.slick-next:before{
	font-size: 32px;
	background: none;
	color: #fff;
}
.slick-prev,
.slick-next{
	top: 50%;
}
.movie a.button{
	font-size: 1.4rem;
}

}
@media only screen and (min-width:768px) {
	.pdf{
		margin: 48px auto;
		width: 600px;
		text-align:center;
	}
	div.breadcrumbs{
		margin:40px auto 20px;
		max-width: 720px;
	}
	.angle-down::after{
		width: 5%;
		left: 47.5%;
		margin: 2% 0 3%;
	}
	#h1box{
		width: 100%;
	}
	#h1box h1{
		top: 20%;
		left: 20%;
	}

	ul.content{
		flex-direction: row;
		-webkit-flex-direction:row;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	ul.content li{
	}
	ul.content li div{
		height: 480px;
	}
	ul.content li div::after{
		border: 4px solid #fff;
		width: 620px;
		height: 410px;
	}

	.drawer-hamburger{
		top: 0;
	}
	.sl-wrapper .sl-navigation button{
		padding: 7% 5% 14%;
	}

.pcnone{
	display: none;
}
.slick-prev:before, .slick-next:before{
	background: rgba(255,255,255,.8);
	color: #666;
}
.slick-prev, .slick-next{
	top: 50%;
}
.angle-down::after{
	width: 3%;
left: 48.5%;
margin: 1% 0;
}
.sl-wrapper .sl-navigation button{
	padding: 6% 4% 12%;
}
/* header */
.logo{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.logo:hover{
	opacity: 0.8;
}
div.top-image::before{
	content:"";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.title-text{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
}
.button {
	padding: .9em 3.6em;
	transition: all .6s ease-in-out;
	letter-spacing: 0.2em;
	width: 280px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: 2;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 2px solid transparent;
}
.button::before {
	top: 2px;
	left: -2px;
}
.button::after {
	bottom: 2px;
	right: -2px;
}
.button:hover {
	color: #7AB3B4;
}
.button:hover::before,
.button:hover::after {
	width: 100%;
	height: 100%;
}
.button:hover::before {
	border-bottom-color: #7AB3B4;
	border-left-color: #7AB3B4;
	transition: height .3s, width .3s .3s;
}
.button:hover::after {
	border-top-color: #7AB3B4;
	border-right-color: #7AB3B4;
	transition: height .3s, width .3s .3s;
}
.header-inner{
	position: relative;
}

	header div.flex-container{
		width: 100%;
		left: 0;
		top: 0;
		padding: 0 3% 1.5%;
		z-index: 2;
		align-items: center;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		background: rgba(255,255,255,1);
	}

			#fixedBox{
			}

	header div.flex-container.fixed {
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10;
				padding: 0 3% .7%;
				background: rgba(255,255,255,.9);
		}

	header div.flex-container div:first-child{
		margin-right: auto;
	}
	.logo span{
		color: #fff;
		font-size: 1.8rem;
		letter-spacing: 0.2em;
	}
	div.logo{
		padding: 0;
	}
.drawer-overlay{
z-index: 1;
}
.header-sns{
display: flex;
flex-wrap: wrap;
padding: 8px 8px 8px 0;
}
.menu-text{
font-size: 1.4rem;
margin-left: 10px;
}
.menu-text span{
padding-right: 40px;
}
.sns-icon{
}
	#fixedBox a{
	}
	.header-inner .flex-container div:last-child{
		text-align: left;
		margin-left: 0;
	}
	.nav ul.flex-container li{
		margin-right: 4px;
	}
	.nav ul.flex-container li:nth-last-child(-n+3){
	}
	.nav ul.flex-container li a{
		font-size: 1.6rem;
		font-weight: 300;
		letter-spacing: 0.08em;
		padding: 10px;
		font-weight: 500;
		color: #666;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;

	}
	.nav ul.flex-container li a:hover{
		color: #7AB3B4;
	}
	.nav ul.flex-container li a i.fa{
		font-size: 1.6rem;
	}
	.nav ul.flex-container li:nth-last-child(-n+3) a{
	}

	.fixed .nav ul.flex-container li a:first-child{
		padding-left: 0;
	}


/*section1 top */
section.top{
	margin: 0% 0 0;
}
section.top h1{
	font-size: 3.2rem;
}
div.top-image{
	height: 100vh;
}
section.blog article{
margin: 5% 1% 10%;
}
article a img{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;

}
article a:hover img{
opacity: 0.8;
}
/*section content2*/
.concept h1{
	margin: 5% auto 3%;
}
.concept p{
width: 540px;
margin: 0 auto 3%;
}

/*restraunt*/
.restraunt{
margin: 5% 0;
padding: 0;
background: #fafafa;
}
.section-inner{
max-width: 1920px;
margin: 0 auto;
}
.restraunt .flex-container{
width: 100%;
margin: 0 auto;
align-items: center;
}
.restraunt .flex-left{
flex: 1.5 0 0px;
position: relative;
z-index: 1
}
.restraunt .flex-right{
flex: 1 0 0px;
position: relative;
background: #fff;
padding: 5% 2.5%;
margin: 0 3%;
max-height: 420px;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
z-index: 2;
}
.restraunt .flex-right::after{
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 50%;
height: 3px;
background-color: #B1AC9B;
}
.restraunt h1{
text-align: center;
color: #b1ac98;

}
.restraunt a.button{
margin: 0 auto;
width: 240px;
display: block;
}
.slick-slide.menu-slide{
height: 480px;
}
/*
section3
------------------------------*/
section.winelist{
	margin: 64px 0 0;
}

.winelist-inner1{
	width: 540px;
}
.winelist-inner1 h1{
	font-size: 3.2rem;
}
.winelist-inner1 p{
	padding:0 2%;
}
div.price-box{
}
.winelist-inner2{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	margin: 24px auto;
	justify-content: space-around;
	/*background-image: url(./img/top/list-bg.jpg);
	height: 400px;
	background-size: cover;
	background-position: center center;
	*/
	width: 100%;
	max-width: 800px;
}
.winelist-inner2 .button-container{
	margin: 2.5% auto 10%;
}
.under-border::after{
	bottom: -20px;
	width: 50%;
	left: 25%;
}
.under-line{
	position: relative;
	margin-bottom: 60px;
}
.under-line::after{
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 30px;
	bottom: -40px;
	left: 50%;
	background: #aaa;
	margin: 40px 0 0;
}

/*other-content1*/
.other-content .bg-image{
	height: 540px;
}
.other-content .flex-container{
	overflow: hidden;
}
.other-content h1{
	letter-spacing: 0.1em;
}
#ownership{
	order: 1;
	flex: 1.5 0 0px;
}
#ownership-right{
	order: 2;
	flex: 1 0 0px;
}
#magazine{
	order: 2;
	flex: 1.5 0 0px;
}
#magazine-left{
	order: 1;
	flex: 1 0 0px;
}
.content-box{
	height: 540px;
}
.content-inner{
	width: 90%;
	margin: 0;
	padding: 13.5% 4%;
	max-height: 540px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5%;
}

/*other-content2 */
.other-content2 .flex-container{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	justify-content: space-between;
}
	.other-content2 .flex-container li{
		margin: 1% 0.5%;
	}
	.other-content2 .bg-image{
		height: 360px;
	}
	.other-content2 .bg-image div{
		background: rgba(255, 255, 255, 0.8);
		padding: 5% 0;
	}
	.other-content2 h1{
		letter-spacing: 0.1em;
		font-size: 2.4rem;
	}

	/* news */
	section.news{
		margin: 10% auto;
		max-width: 1600px;
	}
	.news .magazine-col{
		width: 24%;
		margin:.5%;
	}
	.news > ul.flex-container > li{
		border: none;
		margin: 0 .5%;
		width: 25%;
	}
	.news > ul.flex-container > li:last-child{
		border: none;
	}
	.news > ul.flex-container{
		flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		max-width: 1280px;
		margin: 0 auto;
		align-content: stretch;
	}
	.news ul.flex-container li div.flex-container{
		box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	ul.category-name{
		margin: 10px 0;
	}
	.blog-left{
		width: 100%;
		padding: 0;
	}
	.blog-right{
		width: 100%;
		padding: 2% 4%;
	}

	section.access{
		width: 100%;
		margin: 0 auto;
	}
	/*SINGLE PC*/
	.post-flex{
		flex-wrap: nowrap;
		max-width: 960px;
		margin: 0 auto;
	}
	.post-text{
		padding: 8px 16px 8px 48px;
	}
	/*PAGE PC*/
	.page-bg{
		width: 100%;
		display: block;
		background: #fcfcfc;
		padding: 1%;
	}
	.page-inner{
		background: #fff;
		margin: 20px auto;
		max-width: 1600px;
	}
	.content_width{
		max-width: 720px;
		margin: 0 auto;
	}
	/*restraunt*/
	.menu-wrap{
		display: -webkit-box; /*Android4.3*/
		display: -moz-box;    /*Firefox21*/
		display: -ms-flexbox; /*IE10*/
		display: -webkit-flex; /*PC-Safari,iOS8.4*/
		display: flex;
		margin: 0 -16px;
		justify-content: space-between;
	}
	.menu{
		margin: 40px 16px;
	}
	.restraunt_width{
		max-width: 1600px;
		margin: 0 auto;
		padding: 2%;
	}
	.drink-wrap{
		margin-bottom: 48px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	}
	.drink-menu{
		width: 48%;
		margin-bottom: 48px;
		margin-right: 2%;

	}
	.drink-list{
	}

	/*wine-list pc*/
	.winelist-wrap{
		margin: 0;
	}
	/*ownership PC*/
	.app-flow-list{
	}
	.app-flow-list li{
		width: 100%;
		font-size: 1.6rem;
	}

	.app-flow-list li:nth-child(-n+3)::after{
		}
		/*archive PC*/
		.page-archive .flex-container{
			flex-wrap: wrap;
		}
		.page-archive .flex-container > div{
			width: 48%;
		}
		.term-description{
			width: 720px;
			margin: 0 auto 48px;
		}
		/*goodearth tab*/
		.ge-list{
			display: flex;
			flex-wrap: wrap;
			max-width: 1280px;
			margin: 48px auto;
		}
		.ge-item{
			width: 32.3%;
			margin: .5%;
		}
		.ge-item span{
			display: inline;
		}
		/*chronicle*/
		.read-text{
			max-width: 720px;
		}
/*ABOUT PC*/
.greeting-name{
width: 200px;
}
.greeting-box{
display:flex;
align-items: flex-start;
justifay
}
.greeting-content1{
}
.greeting-content2{
padding:20px;
}
/*CONTACT*/
.form{
	width: 50%;
	padding: 1% 0 3%;
}
section.contact{
	margin: 5% auto;
}
/*------------------------------
FOOTER
------------------------------*/
.address-box{
	background: #fafafa;
	padding: 40px 5%;
}
.address-box .flex-container{
	max-width: 1600px;
	padding: 20px;
	background: #fff;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	align-items: flex-start;
}
.address-left{
	flex:1 0 0px;
}
.address-left div{
	width: 60%;
	margin: 0 auto;
}
.shop-data li:last-child{
	padding:16px 0;
}
.address-right{
	flex:1.2 0 0px;
	width: 100%;
}
.address-box .flex-container h1{
	letter-spacing: 0.2em;
	font-size: 2.4rem;
}
.address-box .flex-container h1 span{
	font-size: 1.6rem;
}
.address-box a{
	font-size: 1.4rem;
	letter-spacing: 0.1em;
}

.address-left div.button-container{
	width: 100%;
	margin: 20px 0;
}
.address-box a.button{
	font-size: 1.6rem;
	margin: 0;
}
.footer-banner{
	max-width: 320px;
	margin-right: auto;
}
address{
	font-style: normal;
	font-weight: 500;
	font-size: 1.4rem;
}
div.footer-inner{
	max-width: 1280px;
	padding: 2% 2%;
}
.footer-inner .flex-container{
	align-items:flex-start;
	justify-content: space-between;
}
ul.footernav{
	padding: 20px 0 0 20px;
	width: 94%;
	margin-right: auto;
}
.footernav > li > ul > li{
	text-align: left;
	list-style: disc;
}
.footernav li a{
	font-size: 1.2rem;
}
#company-info{
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	justify-content: space-around;
	border-bottom: 1px solid #ddd;
}
#company-info li h1{
	font-size: 1.4rem;
}
#company-info li span{
	font-size: 1.2rem;
}
div.copyright{
	align-items: center;
}
div.copyright div{
	width: 100%;
}
div.copyright h2{
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: 0.15em;
	color: #666;
}
div.copyright div p{
	font-size: 1rem;
}
div.footer-left{
	flex: 1.5 0 0px;
	margin: 1% 0;
}
div.footer-right{
	flex: 1 0 0px;
}
}/*768px End*/
@media only screen and (min-width:1024px) {
	/*goodearth PC*/
	.ge-item{
		width: 24%;
	}
	.page-archive .flex-container > div{
		width: 31.3%;
	}
	.menu-text{
		display: block;
	}
	.drawer-container{
		display: none;
	}
	.dropmenu{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	.dropmenu:before,.dropmenu:after{
		content: "";
		display: table;
	}
	.dropmenu::after{
		clear: both;
	}
	.dropmenu li{
		position: relative;
	}
	.dropmenu li ul{
		list-style: none;
		position: absolute;
		z-index: 9999;
		top: 100%;
		left: 0;
		margin: 10% 0 0;
		opacity: 0;
		opacity: 0;
		top: 50%;
	visibility: hidden;
	transition: .5s;

	} .dropmenu li ul{
		background: rgba(255, 255, 255, 0.9);
		padding: 25% 10%;
		margin: 6% 0 0;
		left: -30%;
	}
	.dropmenu li ul li{
		width: 100%;
		padding: 5% 0;
		line-height: 200%;
	}

	.dropmenu li:hover ul{
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.dropmenu li ul li a{
	padding: 5% 5% 5% 2%;
	font-size: 1.2rem;
	letter-spacing: 0.15em;
}
}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {
	ul.content li a div{
		height: 380px;
	}
	.page-archive .flex-container > div{
		width: 23%;
	}
}
@media only screen and (min-width:1600px) {
	ul.content li a div{
		height: 480px;
	}
	ul.content li div::after{
		max-width: 480px;
		max-height: 480px;
		border: 4px solid #fff;
	}
	header div.flex-container{
		padding: 0 7% 1.5%;
	}
	header div.flex-container.fixed{
		padding: 0 7% 1.5%;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
		 only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
		MISC
\*------------------------------------*/

::selection {
	background:#7AB3B4;
	color:#fff;
	text-shadow:none;
}
::-webkit-selection {
	background:#7AB3B4;
	color:#fff;
	text-shadow:none;
}
::-moz-selection {
	background:#7AB3B4;
	color:#fff;
	text-shadow:none;
}

/*------------------------------------*\
		WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
		PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*
 * Extend.
 */
.mgb-l
{
	margin-bottom: 40px;
}
.box-border
{
	border: 1px #afaba0 solid;
	padding: 4%;
}
.box-border .title-box p
{
	margin-top: 40px;
	margin-bottom: 0;
}
.header-subtitle
{
	font-size: .75em;
}
.menu-subtitle,
.menu-price
{
	display: block;
}
.menu-subtitle
{
	padding-left: 2rem;
}
.menu-price-tax
{
	font-size: .75em;
}
.menu-wrap.menu-wrap-ex h3
{
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 2rem;
}
.menu-wrap.menu-wrap-ex .menu-title
{
	margin-left: 0;
}
.menu-wrap.menu-wrap-dinner-ex .menu-title
{
	font-size: 1.8rem;
	margin-bottom: .5rem;
}
.menu-wrap.menu-wrap-dinner-ex .menu-subtitle
{
	margin-bottom: .5rem;
}
.font-sm
{
	font-size: .875em;
}
@media (min-width: 768px)
{
	.tab--bk
	{
		display: block;
	}
	.menu-wrap.menu-wrap-ex
	{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.menu-wrap.menu-wrap-ex .menu
	{
		width: calc(50% - 32px);
		margin-bottom: 16px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	.flex-2col
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.flex-2col > *
	{
		width: 47.5%;
	}
	.flex-2col > *:nth-of-type(even)
	{
		margin-left: 5%;
	}
	.menu-wrap.menu-wrap-ex .menu:nth-of-type(2) ~ .menu
	{
		margin-top: 16px;
	}
	.menu-wrap.menu-wrap-dinner-ex .menu-list
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.menu-wrap.menu-wrap-dinner-ex .submenu
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 50px;
	}
	.menu-wrap.menu-wrap-dinner-ex .submenu > li + li
	{
		margin-left: 3rem;
	}
	.menu-wrap.menu-wrap-dinner-ex .menu-list > li
	{
		width: 47.5%;
	}
	.menu-wrap.menu-wrap-dinner-ex .menu-list > li:nth-of-type(even)
	{
		margin-left: 5%;
	}
}
@media (max-width: 767px)
{
	.box-border .title-box p
	{
		text-align: justify;
		text-justify: inter-ideograph;
	}
	.header-subtitle
	{
		display: block;
	}
	.menu-subtitle
	{
		font-size: .875em;
	}
}

/*------------------------------------*\
		予約
\*------------------------------------*/
#reservations {
position: fixed;
right:0;
bottom: 0;
width: 36px;
padding: 16px 4px;
box-sizing:border-box;
background: #777;
z-index:9999;
}
#reservations p {
margin: 0;
}
#reservations p a {
display: block;
text-align:center;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
color: #fff;
}
@media(max-width: 480px) {
	#reservations {
		top: 0;
		left: 0;
		bottom: auto;
		width: 100%
	}

	#reservations p a {
		-ms-writing-mode: lr-tb;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}

	body.home header {
		margin-top: 60px;
	}
}
label[for="rtb-date"]::after {
content: "(毎週火曜日は休みなので受付できません)";
display:block;
}

label[for="rtb-time"]::after {
content: "(11:00−14::00までの時間帯で30分刻みで予約が可能です)";
display:block;
}

label[for="rtb-party"] {
text-indent: -9999px;
position:relative;
}
label[for="rtb-party"]::before {
display: block;
position:absolute;
text-indent: 0;
top:0;
left:0;
content:"人数";
}
label[for="rtb-party"]::after {
content: "(1組で最大7名様までです。それ以上は電話で確認が必要になります)";
display:block;
text-indent: 0;
}

/*-----予約プラグイン変更後-----*/
/*---月カレンダ---*/
.monthly-calendar {
font-size: 18px !important;
}

/*---時間別カレンダー---*/
.day-calendar h3 {
font-size: 20px !important; 
}
th.day-left {
font-size: 16px !important;
padding: 4px;
}
th.day-right {
font-size: 16px !important;
padding: 4px;
}
/*---予約フォーム---*/
.content-form th {
font-size: 16px !important;
font-weight: 300;
}
.content-form td {
font-size: 16px !important;
font-weight: 300;
}
#booking-form input, #booking-form textarea {
font-size: 16px !important;
padding: 4px 16px;
}
input#client-adult {
padding: 4px;
width: 5rem;
}
button[name="reserve_action"] {
font-size: 16px !important;
padding: 4px 16px;
}
.content-form legend {
font-size: 16px !important; 
}


/* ワイナリー起業塾ページ */
section.business-page .content_width {
	max-width: 1600px;
	margin: 0 auto;
	padding: 20px;
}
section.business-page .content_width h2::after {
	display: none;
}
section.business-page .business-header {
	text-align: center;
	margin-bottom: 3em;
}
section.business-page .business-header img {
	max-width: 300px;
}
section.business-page .business-header span {
	display: block;
	font-size: 24px;
	padding-top: 16px;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	letter-spacing: .6rem;
}
section.business-page .business-header hr {
	width: 24px;
	height: 1px;
	background-color: #B1AC9B;
	border: 0;
	margin: 48px auto;
	transform: rotate(90deg);
}
section.business-page .business-center {
	max-width: 720px;
	margin: 0 auto 96px;
}
section.business-page .business-flex {
	display: flex;
	margin-bottom: 32px;
}
section.business-page .business-flex .message {
	width: calc(50% - 32px);
	margin-right: 32px;
}
section.business-page .business-flex .message p {
	padding-right: 16px;
}
section.business-page .business-flex .message p span {
	letter-spacing: .2rem;
	display: block;
}
section.business-page .business-flex .image {
	width: calc(50% - 32px);
	margin-left: 32px;
}
section.business-page .business-flex .image img {
	max-width: 100%;
	height: auto;
}
section.business-page .business-introduction {
	margin: 3em 0;
	border: 1px solid #eee;
	padding: 1rem;
	display: flex;
	align-items: center;
}
section.business-page .business-introduction h2 {
	width: 30%;
	text-align: center;
}
section.business-page .business-introduction .detail {
	width: 70%;
}
section.business-page .business-introduction .detail p {
	font-size: 14px;
}
section.business-page .business-video, section.business-page .business-form {
	width: 80%;
	margin: 96px auto;
	position: relative;
}
section.business-page .business-video::before {
	display: block;
	content: '';
	padding-top: 56.25%;
}
section.business-page .business-video iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
section.business-page .business-form input[name="file-812"] {
	border: none !important;
}
.acceptance-975 input[name="acceptance-975"] {
	position: relative;
	width: 20px;
}
.acceptance-975 input[name="acceptance-975"]::after {
	content: '個人情報の取り扱いについて同意する';
	font-size: 12px;
	position: absolute;
	left: 30px;
	top: -3px;
	width: 240px;
}
@media(max-width: 768px) {
	section.business-page .business-flex {
		display: block;
	}
	section.business-page .business-flex .message {
		width: 100%;
		margin-right: 0;
		margin-bottom: 16px;
	}
	section.business-page .business-flex .image {
		width: 100%;
		margin-left: 0;
		margin-top: -32px;
	}
	section.business-page .business-video {
		width: 100%;
	}
	section.business-page .business-introduction {
		display: block;
		padding: 16px;
	}
	section.business-page .business-introduction h2 {
		width: 100%;
		text-align: left;
	}
	section.business-page .business-introduction .detail {
		width: 100%;
	}
	section.business-page .business-introduction .detail p {
		margin-top: 8px;
	}
}

label[for="client-tel"] {
position:relative;
}
label[for="client-tel"]::before {
content:'携帯';
display: block;
width: 32px;
height:16px;
position: absolute;
left:0;
top:-3px;
background: #fff;
}

/* レストランページ ツアー付き食事プラン */
.p-menu-grid {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 2rem;
	margin-bottom: 64px;
}
.p-menu-grid__image {
	position: relative;
	width: 100%;
}
.p-menu-grid__image::before {
	display: block;
	content: '';
	padding-top: 62.5%;
}
.p-menu-grid__image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.p-menu-grid__list {
	display: flex;
	margin-bottom: 48px;
	margin: 16px 0;
}
.p-menu-grid__list-title, .p-menu-grid__list-desc {
	font-size: 16px;
}
.p-menu-grid__list-title {
	width: calc(20% - 1rem);
	margin-right: 1rem;
}
.p-menu-grid__list-desc {
	width: 80%;
}
.p-menu-winery__banner {
	position: relative;
	width: 100%;
}
.p-menu-winery__banner::before {
	display: block;
	content: '';
	padding-top: 32%;
}
.p-menu-winery__banner img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.p-line-book {
	display: flex;
	align-items: center;
}
.p-line-book > span {
	display: block;
	font-size: 16px;
	margin-left: 32px;
}
@media(max-width: 768px) {
	.p-menu-grid {
		grid-template-columns: 1fr;
	}
	.p-menu-grid__list {
		display: block;
		margin-bottom: 16px;
		margin: 16px 0;
	}
	.p-menu-grid__list-title, .p-menu-grid__list-desc {
		font-size: 14px;
	}
	.p-menu-grid__list-title {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8px;
	}
	.p-menu-grid__list-desc {
		width: 100%;
	}
}

/* リクルートページ */
.p-recruit__list, .p-recruit__time {
	max-width: 1000px;
	margin: 32px auto;
	display: grid;
	grid-template-columns: 160px 1fr;
	align-items: center;
}
.p-recruit__list {
	margin: 32px auto;
}
.p-recruit__list-title {
	font-size: 20px;
	letter-spacing: 8px;
}
.p-recruit__list-desc {
	border-left: 1px solid #ddd;
	padding: 8px 48px;
	font-size: 16px;
}
.p-recruit__list-desc__span {
	display: block;
	line-height: 2;
}
.p-recruit__list-desc__span > small {
	font-size: 12px;
}
.p-recruit__time-wrap {
	border: 1px solid #ddd;
	padding: 16px 32px;
}
.p-recruit__time-wrap > .p-recruit__list {
	margin: 16px 0;
	font-size: 16px;
	padding: 0;
}
.p-recruit__form {
	padding-top: 64px;
}
.p-recruit__button {
	max-width: 1000px;
	margin: 0 auto 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 48px;
}
.p-recruit__button-item {
	max-width: 300px;
	width: 100%;
	height: 46px;
}
.p-recruit__button-link, .p-recruit__button-disabled {
	display: block;
	font-size: 14px;
	height: 46px;
	border-radius: 4px;
	line-height: 50px;
	text-align: center;
}
.p-recruit__button-link {
	background-color: #b1ac98;
	border: 1px solid #B1AC9B;
	color: #fff;
	/* background-color: #fff;
	color: #b1ac98; */
	transition: background-color 0.3s, color 0.3s, 0.3s;
	box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.1);
	position: relative;
}
.p-recruit__button-link::after {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	/* border-top: 2px solid #b1ac98;
	border-right: 2px solid #b1ac98; */
	transform: rotate(45deg);
	position: absolute;
	right: 12px;
	top: 18px;
	transition: border-color 0.3s;
}
.p-recruit__button-link:hover {
	background-color: #b1ac98;
	color: #fff;
	box-shadow: none;
}
.p-recruit__button-link:hover::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.p-recruit__button-disabled {
	background-color: #d4d1c5;
	/* background-color: #B1AC9B; */
	color: #fff;
}
@media(max-width: 767px) {
	section.business-page .content_width {
		padding: 0;
	}
	.p-recruit__list, .p-recruit__time {
		display: grid;
		grid-template-columns: 1fr;
	}
	.p-recruit__list-title {
		margin-bottom: 1rem;
	}
	.p-recruit__list-desc {
		border-left: none;
		padding-left: 0;
	}
	.p-recruit__button {
		flex-direction: column;
		gap: 16px;
	}
}



/* ********** ********** ********** **********
ポップアップ追加
********** ********** ********** ********** */
.c-popup {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}
.c-popup.is-active {
	opacity: 1;
	visibility: visible;
}
.c-popup__inner {
	width: 50%;
	position: relative;
}
.c-popup__link {
	display: block;
	width: 100%;
}
.c-popup__image {
	width: 100%;
}
.c-popup__delete {
	width: 50px;
	height: 50px;
	background-color: #000;
	font-weight: bold;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	position: absolute;
	right: -25px;
	top: -25px;
	z-index: 999999;
}
.c-popup__delete svg {
	fill: #fff;
}
@media(max-width: 767px) {
	.c-popup__inner {
		width: 90%;
	}
	.c-popup__delete {
		top: -66px;
		right: 0;
	}
}