@charset "UTF-8";
/*
article {margin-top: 60px;}
*/
body:not(.home) h2 {font-size: 2.4em; text-align: center; font-weight: 500; /*margin-bottom: 40px; color: #8b0000;*/}
body:not(.home) h2 {
	background: #000;
	box-sizing: border-box;
	padding: 60px 10px;
	color: #fff;
	position: relative;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 640px){
	body:not(.home) h2 {font-size: 2.0em;}
}

body:not(.home) h2::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/*
	background: url("../images/mv04.jpg") center;
	background-size: cover;
	*/
	opacity: 0.8;
}

body:not(.home) h2 span {position: relative;}
body:not(.home) h2 span.h2Sub {position: relative; display: block; font-size: 0.6em; margin-top: 10px}
body:not(.home) h3 {font-size: 1.8em; font-weight: 500; margin-bottom: 30px; text-align: center; color: #69965c;}
body:not(.home) h3 span {}
h3 span.h3sub01 {
	font-size: 0.8em;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #69965c;
	padding: 2px 15px;
	border-radius: 20px;
}

/*** about us ***/

body.aboutus {}
body.aboutus h2::before {
	background: url("../images/mv04.jpg") center center /cover;
}

body.aboutus main .container {max-width: 960px}

.aisatsu {
	background: #f7f5ea;
}
.aisatsu .fbox02 {}
.aisatsu .fbox02 .imgArea {width: 200px;}
.aisatsu .fbox02 .tArea {width: calc(100% - 250px);}
.aisatsu .fbox02 .tArea p {line-height: 2;}
.aisatsu .fbox02 .tArea .name {margin-top: 20px;}
.aisatsu .fbox02 .tArea .name b {font-size: 1.4em;}

@media screen and (max-width: 860px){
	.aisatsu .fbox02 {display: block;}
	.aisatsu .fbox02 .imgArea {width: 100%; text-align: center; margin-bottom: 30px;}
	.aisatsu .fbox02 .tArea {width: calc(100%);}
}


.outline {}
.outline ul.ol_list {}
.outline ul.ol_list > li {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.outline ul.ol_list > li:nth-child(1) {
	border-top: 1px solid #ccc;
}
.outline ul.ol_list > li > div {}
.outline ul.ol_list > li > div.ol_title {width: 130px; font-weight: bold;}
.outline ul.ol_list > li > div.ol_cnt {width: calc(100% - 150px); position: relative; text-align: left;}
/*
.outline ul.ol_list > li > div.ol_cnt::before {
	content: '';
	position: absolute;
	top: 0;
	left: -20px;
	height: 100%;
	width: 1px;
	background: #ccc;
}
*/
.outline ul.ol_list > li > div.ol_cnt > ul {}
.outline ul.ol_list > li > div.ol_cnt > ul > li:not(:last-child) {margin-bottom: 5px;}

@media screen and (max-width: 520px){
.outline ul.ol_list > li > div.ol_title {width: 90px;}
.outline ul.ol_list > li > div.ol_cnt {width: calc(100% - 100px);}
}
@media screen and (max-width: 420px){
	.outline ul.ol_list > li {display: block;}
.outline ul.ol_list > li > div.ol_title {width: 100%; margin-bottom: 10px; }
	.outline ul.ol_list > li > div.ol_title::before {content: '■'; display: inline-block; margin-right: 5px;}
.outline ul.ol_list > li > div.ol_cnt {width: calc(100% - 0px)}
}



/*** aut_wine ***/
body.aut_wine h2 {}
body.aut_wine h2 {padding: 200px 0;}
body.aut_wine h2:before {
	background: url("../images/aut_wine_img02.jpg") center center /cover;
	opacity: 0.8;
}

body.aut_wine h2 .h2Sub {}
body.aut_wine .h2Sub::before, body.aut_wine .h2Sub::after {
	content: '～';
}
@media screen and (max-width: 390px){
	body.aut_wine .h2Sub::before, body.aut_wine .h2Sub::after {display: none;}
	body.aut_wine .h2Sub br.sp {display: inline-block;}
}



.charmList {}
.charmList > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 30px;
	background: #f7f5ea;
	border-radius: 10px;
}
.charmList > li:nth-child(odd) {flex-direction: row-reverse;}
.charmList > li:not(:last-child) {margin-bottom: 40px;}
.charmList > li .imgArea {
	max-width: 500px;
	width: 42%;
}

.charmList > li .imgArea > .imgBox {
	height: 360px;
	overflow: hidden;
	border-radius: 10px;
}
.charmList > li .imgArea > p.cap {margin-top: 5px;}




.charmList > li .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	
}
.charmList > li .tArea {
	/*width: calc(100% - 540px);*/
	width: calc(58% - 40px);
}
.charmList > li .tArea h3 {
	font-size: 1.5em;
	text-align: left;
}


.charmList > li .tArea p {line-height: 2;}


@media screen and (max-width: 748px){
	.charmList > li {display: block;}
	.charmList > li .imgArea {max-width: none; width: 100%;  margin-top: 30px;}
	.charmList > li .imgArea > .imgBox {height: 200px;}
	.charmList > li .tArea {width:100%;}
}
@media screen and (max-width: 520px){
	.charmList > li .tArea h3 {font-size: 1.3em; margin-bottom: 15px;}
}
@media screen and (max-width: 420px){
	.charmList > li {padding: 15px;}
}



/*** winary ***/

#winary {}
#winary h2:before, body.single-winary h2:before {
	background: url("../images/aut_wine_img03.jpg") center center /cover;
	opacity: 0.8;
}






/*** news ***/
#news {}
#news h2:before, body.post-template-default h2::before {
	background: url("../images/news_bg.jpg") center center /cover;
	opacity: 0.8;
}

.newsListBox {
	display: flex;
	justify-content: space-between;
}

.newsList {width: calc(100% - 300px); border-top: 2px dotted #ccc;}
.newsList > li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 20px 0 20px;
	border-bottom: 2px dotted #ccc;
	position: relative;
}
.newsList > li > div {}
.newsList > li > div.date {width: 140px;}
.newsList > li > div.newsTitle {width: calc(100% - 300px)}
.newsList > li > div.newsTitle a {color: #000;}
.newsList > li > div.newsTitle a:hover {text-decoration: underline;}
.newsList > li > div.more {
	width: 140px;
	/*
	position: absolute;
	right: 0;
	bottom: 5px;
	*/
}
.newsList > li > div.more a {
	width: 130px;
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 20px;
	background: #69965c;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
	text-align: center;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right: 0;
	font-weight: 600;
}
.newsList > li > div.more a:hover {opacity: 0.5;}
.newsList > li > div.more a span::after {
	width: 14px;
	height: 14px;
}


.newsListBox aside{}
.newsListBox aside > ul{}
.newsListBox aside > ul > li {margin-bottom: 10px;}
.newsListBox aside > ul > li a {color: #000;}
.newsListBox aside.newsTag{}
.newsListBox aside.newsArchive{order: 3; }

.newsListBox aside > ul > li a {transition: all 0.5s ease;}
.newsListBox aside > ul > li a span {position: relative; padding-left: 16px; }
.newsListBox aside > ul > li a span::after {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: calc(0%);
	top: 56%;
	transform: translateY(-50%);
	background: url("../images/arrow04.svg") no-repeat center center / contain;
}
.newsListBox aside > ul > li a:hover {opacity: 0.5;}


@media screen and (max-width: 940px){
	.newsList > li > div.date {width: 100%;}
.newsList > li > div.newsTitle {width: calc(100%); margin: 10px 0;}
.newsList > li > div.more {width: 100%; text-align: right;}
	.newsList > li > div.more a {position: static; transform: translateY(0);}
}
@media screen and (max-width: 748px){
	.newsListBox {display: block;}
	.newsList {width: calc(100%); margin-top: 30px;}
	.newsListBox aside {margin-bottom: 10px; }
	.newsListBox aside > ul {display: flex;  overflow-x: scroll;}
	.newsListBox aside > ul > li {flex-shrink: 0;}
	.newsListBox aside > ul > li:not(:last-child) {margin-right: 20px;}
}





/*** sContents ***/

#sContents {}
#sContents h2:before {
	background: url("../images/mv02.jpg") center center /cover;
	opacity: 0.8;
}
#sContents .container {max-width: 1160px;}
.sCList {}
.sCList > ul {
	display: flex;
	/*justify-content:space-between;*/
	justify-content:flex-start;
	flex-wrap: wrap;
}
.sCList > ul > li {
	box-sizing: border-box;
	/*padding: 30px;*/
	padding-bottom: 70px;
	border-radius: 8px;
	background: #fff;
	/*
	display: flex;
	justify-content: space-between;
	align-items: center;
	*/
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	position: relative;
	overflow: hidden;
	width: calc(33.3333% - 30px);
	margin: 0 15px 30px;
	/*margin-bottom: 30px;*/
}


.sCList > ul > li .prof {
	/*width: 220px;*/
	display: flex;
	/*justify-content: space-between;*/
	align-items: center;
	background: #333;
	margin-bottom: 10px;
}
.sCList > ul > li .prof .imgArea {
	width: 200px;
	height: 200px;
	background: #ccc;
}
.sCList > ul > li .prof .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.sCList > ul > li .prof .tArea { padding-left: 15px; color: #fff;}
.sCList > ul > li .prof .tArea span {display: block; text-align: left;}
.sCList > ul > li .prof .tArea span:not(.name) {font-size: 12px;}
.sCList > ul > li .cnt {
	/*width: calc(100% - 260px);*/
	box-sizing: border-box;
	padding: 0 30px;
}
.sCList > ul > li .cnt h4 {font-size: 1.2em; font-weight: 600; margin-bottom: 10px; line-height: 1.4;}
.sCList > ul > li .cnt .date {font-size: 0.8em; margin-bottom: 10px; border-bottom: 1px solid #333;}
.sCList > ul > li .cnt .more {
	margin-top: 20px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 60px);
}
.sCList > ul > li .cnt .more a {
	width: 100%;
	text-align: center;
	display: block;
	background: #69965c;
	color: #fff;
	box-sizing: border-box;
	padding: 5px;
	border-radius: 6px;
}

.sCList > ul > li .cnt .more a:hover {
	opacity: 0.5;
}


@media screen and (max-width: 1200px){
	.sCList > ul > li {width: calc(50% - 30px);}
}
@media screen and (max-width: 860px){
	.sCList > ul > li .prof .imgArea {width: 170px;}
}
@media screen and (max-width: 748px){
	.sCList > ul {max-width: 480px; margin: auto;}
	.sCList > ul > li {width: 100%;}
}
@media screen and (max-width: 370px){
	.sCList > ul > li .prof .imgArea {width: 120px; height: 150px;}
}
/*
.topBtn .btnContainer::before {
	background: url("../images/btnBg01.jpg") no-repeat center center;
}
@media screen and (max-width: 520px) {}
*/




/**** report ****/
.report_list {}
.report_list > ul {}
.report_list > ul > li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	border-radius: 8px;
	overflow: hidden;
	background: #f7f5ea;
}
.report_list > ul > li:not(:last-child) {margin-bottom: 40px;}
.report_list > ul > li .imgArea {
	width: 320px;
	overflow: hidden;
}
.report_list > ul > li .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.report_list > ul > li .tArea {
	box-sizing: border-box;
	padding: 20px;
	width: calc(100% - 330px);
}
.report_list > ul > li .tArea h3 {
	text-align: left;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.report_list > ul > li .tArea .date {font-size: 0.9em;  margin-bottom: 3px}
.report_list > ul > li .tArea .position, .report_top .position {position: relative;}
.report_list > ul > li .tArea .position::before, .report_top .position::before {
	content: '場所';
	background: #181818;
	color: #fff;
	font-size: 0.8em;
	line-height: 1;
	display: inline-block;
	padding: 4px 12px;
	border-radius: 3px;
	margin-right: 5px;
}
.report_list > ul > li .tArea .report_list_txt {
	margin-top: 10px;
	padding-top: 10px;
	box-sizing: border-box;
	border-top: 1px solid #333;

}

.report_list > ul > li .tArea .more {
	margin-top: 20px;
	/*
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 60px);
	*/
	text-align: right;
}
.report_list > ul > li .tArea .more a {
	background: #69965c;
	box-sizing: border-box;
	padding: 3px 30px;
	display: inline-block;
	color: #fff;
	font-weight: 600;
	border-radius: 20px;
	font-size: 0.9em;
}

.report_list > ul > li .tArea .more a:hover {opacity: 0.5;}
.report_list > ul > li .tArea .more a span::after {
	background: url("../images/arrow04_w.svg") no-repeat center center / contain;
}

@media screen and (max-width: 800px){
	.report_list > ul > li .imgArea {width: 35vw;}
	.report_list > ul > li .tArea {width: calc(100% - 35vw);}
}
@media screen and (max-width: 600px){
	.report_list > ul > li .imgArea {width: 100%; height: 45vw}
	.report_list > ul > li .tArea {width: calc(100%);}
}


/*** report_cnt ***/
.report_cnt {}
.report_top {margin-bottom: 20px;}
.report_top h3 {text-align: left!important; font-size: 1.6em!important; margin-bottom: 15px!important;}
.report_top > div {font-size: 0.9em;}
.report_top .date {margin-bottom: 5px;}
.report_top .writer {display: flex; flex-wrap: wrap; margin-top: 5px;}

.report_cnt .topImg {}
.report_cnt .topImg img {width: 100%;}

.report_cnt .block_cnt {margin-bottom: 80px;}
.report_cnt .block_cnt {}
.report_cnt .block_cnt .tArea {margin-top: 40px; line-height: 2;}

.report_cnt .block_cnt .url {margin-top: 30px; display: flex; flex-wrap: wrap;}

.report_cnt .map {}
.report_cnt .map iframe {width: 100%;}


.report_cnt .imgs_2 {
	display: flex;
	justify-content: space-between;
}
.report_cnt .imgs_2 .imgArea {
	width: calc(50% - 10px);
	height: 380px;
	overflow: hidden;
}
.report_cnt .imgs_2 .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 1200px){
	.report_cnt .imgs_2 .imgArea {height: 300px;}
}
@media screen and (max-width: 860px){
	.report_cnt .imgs_2 .imgArea {height: 32vw; min-height: 120px;}
}


@media screen and (max-width: 920px){
	.report_cnt .imgs_2 .imgArea{ width: calc(50% - 5px)}
}
@media screen and (max-width: 620px){
	.report_cnt .map iframe {height: 70vw;}
}
@media screen and (max-width: 420px){
	.report_cnt .imgs_2 .imgArea{ width: calc(50% - 3px)}
}








/*** winary_cnt ***/
.winary_cnt {}
.winary_cnt .container {max-width: 1160px;}
.winary_cnt .topImg {}
.winary_cnt h4 {text-align: left; margin-bottom: 20px; font-size: 1.4em; color: #69965c;}
.winary_cnt .tArea {margin-top: 40px;}
.winary_cnt .tArea p {line-height: 2;}
.winary_cnt .tArea p b {font-weight: bold; color: #8b0000;}
.winary_cnt .imgs_2 {display: flex; justify-content: space-between;}
.winary_cnt .imgs_2 .imgArea {width: calc(50% - 10px)}
.winary_cnt .imgArea p.cap {margin-top: 5px;}

.winary_info {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	box-sizing: border-box;
	background: #e5eee2;
	padding: 20px;
	border-radius: 7px;
	align-items: center;
	flex-wrap: wrap;
	
}
.winary_info .winary_name {width: calc(45% - 50px);}
.winary_info .winary_name .logo {margin-bottom: 10px;}
.winary_info .winary_name .logo img {width: 150px;}
.winary_info .winary_name h3 {text-align: left; margin-bottom: 25px; }
.winary_info .winary_name h3 span {line-height: 1.4;}
.winary_info .winary_name .url {position: relative; padding-left: 55px}
.winary_info .winary_name .url::before {
	content: 'URL';
	box-sizing: border-box;
	background: #181818;
	color: #fff;
	font-size: 0.8em;
	line-height: 1;
	padding: 2px 8px;
	border-radius: 3px;
	position: absolute;
	top: 2px;
	left: 0;
}
.winary_info .winary_name .url a {color: #000; word-break: break-all; line-height: 1.2;}
.winary_info .winary_name .url a:hover {text-decoration: underline;}
.winary_info .map {width: 55%; border: 1px solid #fff; box-sizing: border-box;}
.winary_info .map iframe {width: 100%; height: 300px;}

@media screen and (max-width: 748px){
	.winary_info .winary_name {width: calc(100%);}
	.winary_info .map {width: 100%; margin-top: 30px;}
}



.winary_cnt .block_cnt {margin-top: 80px;}
.winary_cnt .block_cnt h4 {}
.winary_cnt .block_cnt .fbox01 {flex-wrap: wrap;}
.winary_cnt .block_cnt .fbox01 .imgArea {width: 45%;}
.winary_cnt .block_cnt .fbox01 .tArea {width: calc(55% - 30px); margin-top: 0;}


@media screen and (max-width: 748px){
	.winary_cnt .block_cnt .fbox01 .imgArea {width: 100%; max-width: 570px; margin: auto;}
	.winary_cnt .block_cnt .fbox01 .tArea {width: calc(100%); margin-top: 30px;}
}





/*** newInfo ***/
.newInfo {}
.newInfo .container {max-width: 960px;}
.newInfo .container .date {margin-bottom: 10px;}
.newInfo .container h3 {text-align: left; font-size: 1.5em; margin-bottom: 20px;}








/*** privacy ***/

body.privacy h2:before {
	background: url("../images/privacy_topImg.jpg") center center /cover;
	opacity: 0.8;
}

.privacy_cnt {}
.privacy_cnt .container {max-width: 960px;}

.privacy_list {margin-top: 50px; margin-left: 25px;}
.privacy_list > li {list-style: decimal; margin-bottom: 30px; text-align: left;}
.privacy_list > li > dl {}
.privacy_list > li > dl > dt {margin-bottom: 10px;}
.privacy_list > li > dl > dd {font-size: 0.9em;}
.privacy_list > li > dl > dd > p + ul {margin-top: 20px;}

.privacy_contact {}
.privacy_contact > li {display: flex; justify-content: space-between;}
.privacy_contact > li:not(:last-child) {margin-bottom:5px;}
.privacy_contact > li > span:first-child {width: 110px; position: relative;}
.privacy_contact > li > span:last-child {width: calc(100% - 120px)}
.privacy_contact > li > span:first-child::after {
	content: '：';
	position: absolute;
	top: 0;
	right: 0;
	letter-spacing: 0;
}

.privacy_contact > li.mail > span:first-child {letter-spacing: -0.2em;}

@media screen and (max-width: 960px){
	.privacy_contact > li > span:first-child {width: 100px;}
.privacy_contact > li > span:last-child {width: calc(100% - 110px)}
}
@media screen and (max-width: 520px){
	.privacy_contact > li > span:first-child {width: 85px;}
.privacy_contact > li > span:last-child {width: calc(100% - 90px)}
}


.privacy_date {}
.privacy_date ul {display: flex; justify-content: flex-end; flex-wrap: wrap; }
.privacy_date ul > li {margin-left: 20px;}
.privacy_date ul > li {}

@media screen and (max-width: 460px){
	.privacy_date ul > li {margin-left: 0; width: 100%; text-align: right; }
}
@media screen and (max-width: 420px){
	.privacy_list { margin-left: 20px;}
	.privacy_contact > li br.sp {display: inline-block;}
}

/*** contact top***/

body.contact h2:before, body.contact_normal h2:before, body.contact_store h2:before {
	background: url("../images/contact_topImg.jpg") center center /cover;
	opacity: 0.8;
}

.contact_top_cnt {}
.contact_top_cnt .fbox01 {flex-wrap: wrap; margin-top: 30px;}
.contact_top_cnt .fbox01 > section {
	box-sizing: border-box;
	background: #f7f5ea;
	padding: 30px;
	width: calc(50% - 20px);
	border-radius: 8px;
}
.contact_top_cnt .fbox01 > section .box {}
.contact_top_cnt .fbox01 > section .box h3 {
	font-size: 1.4em!important;
	margin-bottom: 10px!important;
}

.contact_top_cnt .fbox01 > section .box .imgArea {margin-bottom: 15px;}

.contact_top_cnt .fbox01 > section .box .more {margin-top: 20px;}
.contact_top_cnt .fbox01 > section .box .more a {
	display: block;
	text-align: center;
	box-sizing: border-box;
	padding: 20px;
	background: #69965c;
	color: #fff;
	border-radius: 8px;
	transition: all 0.5s ease;
}
.contact_top_cnt .fbox01 > section .box .more a:hover {opacity: 0.6;}

@media screen and (max-width: 1000px){
	.contact_top_cnt .fbox01 > section {width: calc(50% - 10px);}
}
@media screen and (max-width: 800px){
	.contact_top_cnt .fbox01 > section {padding: 15px;}
}
@media screen and (max-width: 620px){
	.contact_top_cnt .fbox01 > section {

	width: calc(100%);
		margin-bottom: 30px;
}
}



/*** contact ***/
.contact_cnt {}
.contact_cnt .container {
	padding: 0;
}

.contact_cnt .container > div {
	max-width: 680px;
	box-sizing: border-box;
	padding: 30px;
	background: #f7f5ea;
	border-radius: 8px;
}

.contact_cnt .container .wpforms-field {}
.contact_cnt .container .wpforms-field input {max-width: 100%;}

.contact_cnt .container .wpforms-image-choices {
	display: flex;
	justify-content: space-between;
	
}
.contact_cnt .container .wpforms-image-choices > li {
	width: calc(50% - 20px);
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
	opacity: 0.7;
	transition: all 0.3s ease;
}
.contact_cnt .container .wpforms-image-choices > li.wpforms-selected {opacity: 1;}



.contact_cnt .container .wpforms-image-choices > li .wpforms-image-choices-image {
	max-width: 80px;
	width: 100%;
}
@media screen and (max-width: 420px){
	.contact_cnt .container .wpforms-image-choices > li {

	}
}




.contact_cnt .container .wpforms-submit-container {margin-top: 60px!important;}

.contact_cnt .container .wpforms-submit-container button {
	width: 70%;
	max-width: 220px;
	display: block;
	margin: auto;
	letter-spacing: 0.2em;
	padding: 20px;
	box-sizing: border-box;
	transition: all 0.5s ease;
	background: #69965c!important;
	font-size: 1.2em;
	height: auto;
	
}
.contact_cnt .container .wpforms-submit-container button:hover {opacity: 0.6;}