@charset "UTF-8";

@import url(../../../common/css/bg_pagetitle.css);
@import url(../../../common/css/theme_reset_type02.css);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);

/* ============================
収穫の秋フェアページのCSS
-------------------------------
1.ページ内共通＋骨格のCSS
2.ヘッダ部分のCSS
3.セクション上部のCSS
4.メニュー部分のCSS
5.但し書きのCSS
============================== */

/* ===========================
1.ページ内共通＋骨格のCSS
============================== */
#new-content-wrap #wide-main * {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#new-content-wrap #wide-main .sawarabi {
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#new-content-wrap #wide-main *,
#new-content-wrap #wide-main *:before,
#new-content-wrap #wide-main *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#new-content-wrap #wide-main img,
#new-content-wrap #wide-main iframe {
	max-width: 100%;
	height: auto;
}
#wide-main.page p.ali_right {
	text-align: right;
}
/* 本来のページタイトル表示を隠す */
#new-content-wrap #wide-main #topicsDetail {
	margin-bottom: 24px;
}
#new-content-wrap #wide-main #topicsDetail h2 {
	display: none;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
	.sp_block {
		display: block;
	}
	.sp_inline {
		display: inline;
	}
	.pc_block, .pc_inline {
		display: none;
	}
	
}
@media screen and (min-width: 481px){

}
@media screen and (min-width: 681px){
	
	.pc_block {
		display: block;
	}
	.pc_inline {
		display: inline;
	}
	.sp_block, .sp_inline {
		display: none;
	}
}
@media screen and (min-width: 881px){
	#new-content-wrap #wide-main .harvest_menu {
		margin-top: 60px;
	}
}
@media screen and (min-width: 1016px){
	
}
/* ===========================
2.ヘッダ部分のCSS
============================== */
#new-content-wrap #wide-main #page_header {
	margin-bottom: 24px;
}
#new-content-wrap #wide-main #page_header .page_hgroup {
	margin: 20px 0;
}
#new-content-wrap #wide-main #page_header .sup_h2 {
	margin-bottom: 10px;
	text-align: center;
}
#new-content-wrap #wide-main #page_header .sup_h2 img {
	width: 200px;
	height: auto;
}
#new-content-wrap #wide-main #page_header h2 {
	margin-bottom: 10px;
	padding-bottom: 0;
	text-align: center;
	color: #1f6141;
	font-weight: bold;
}
#new-content-wrap #wide-main #page_header h2 img {
	width: 355px;
	height: auto;
}
#new-content-wrap #wide-main #page_header .sub_h2 {
	margin-top: 4px;
	margin-bottom: 12px;
	text-align: center;
	font-size: 1.4rem;
	font-size: 14px;
	color: #1f6141;
}

#new-content-wrap #wide-main #page_header .under_h2 {
	font-size: 1.3rem;
	font-size: 13px;
	color: #434343;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	#new-content-wrap #wide-main #page_header {
		margin-bottom: 36px;
	}
	#new-content-wrap #wide-main #page_header .page_hgroup {
		margin: 32px 0 28px;
	}
	#new-content-wrap #wide-main #page_header h2 {
		font-size: 2.6rem;
		font-size: 26px;
	}
	#new-content-wrap #wide-main #page_header h2 img {

	}
	#new-content-wrap #wide-main #page_header .sub_h2 {
		font-size: 1.8rem;
		font-size: 18px;
	}
	#new-content-wrap #wide-main #page_header .sub_h2 span {
		display: inline-block;
		border-top: #1f6141 solid 2px;
		padding: 2px 8px 0;
	}
	#new-content-wrap #wide-main #page_header .under_h2 {
		font-size: 1.5rem;
		font-size: 15px;
	}
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main #page_header {
		margin-bottom: 64px;
	}
	#new-content-wrap #wide-main #page_header .page_hgroup {
		margin: 44px 0 38px;
	}
	#new-content-wrap #wide-main #page_header .sup_h2 {
		margin-bottom: 16px;
	}
	#new-content-wrap #wide-main #page_header .sup_h2 img {
		width: 250px;
	}
	#new-content-wrap #wide-main #page_header h2 {
		margin-bottom: 14px;
		font-size: 4.8rem;
		font-size: 48px;
	}
	#new-content-wrap #wide-main #page_header h2 img {
		width: 400px;
	}
	#new-content-wrap #wide-main #page_header .sub_h2 {
		margin-top: 6px;
		margin-bottom: 18px;
		font-size: 2.4rem;
		font-size: 24px;
	}
	#new-content-wrap #wide-main #page_header .sub_h2 span {
		border-top: #1f6141 solid 3px;
		padding: 4px 36px 0;
	}
	#new-content-wrap #wide-main #page_header p.under_h2 {
		font-size: 1.8rem;
		font-size: 18px;
		text-align: center;
	}
}
@media screen and (min-width: 881px){
	#new-content-wrap #wide-main #page_header {
		margin-bottom: 80px;
	}
	#new-content-wrap #wide-main #page_header .page_hgroup {
		margin: 54px 0 42px;
	}
	#new-content-wrap #wide-main #page_header .sup_h2 {
		margin-bottom: 26px;
	}
	#new-content-wrap #wide-main #page_header .sup_h2 img {
		width: 321px;
	}
	#new-content-wrap #wide-main #page_header h2 {
		margin-bottom: 20px;
		font-size: 6.2rem;
		font-size: 62px;
	}
	#new-content-wrap #wide-main #page_header h2 img {
		width: 532px;
	}
	#new-content-wrap #wide-main #page_header .sub_h2 {
		margin-top: 10px;
		margin-bottom: 26px;
		font-size: 2.8rem;
		font-size: 28px;
	}
	#new-content-wrap #wide-main #page_header .sub_h2 span {
		border-top: #1f6141 solid 6px;
		padding: 4px 72px 0;
	}
}
@media screen and (min-width: 1016px){
	#new-content-wrap #wide-main #page_header {
		margin-bottom: 90px;
	}
	#new-content-wrap #wide-main #page_header .page_hgroup {
		margin: 56px 0 44px;
	}
	#new-content-wrap #wide-main #page_header h2 {
		font-size: 6.2rem;
		font-size: 62px;
	}
	#new-content-wrap #wide-main #page_header h2 span {
		padding-right: 20px;
		padding-left: 20px;
	}
	#new-content-wrap #wide-main #page_header .sub_h2 {
		font-size: 3rem;
		font-size: 30px;
	}
}
/* ===========================
3.セクション上部のCSS
============================== */
.top_section {
	margin: 34px 0;
}
#new-content-wrap #wide-main .top_section h3 {
	border-bottom: #000 solid 2px;
	padding-bottom: 4px;
	text-align: center;
	color: #000;
}
#new-content-wrap #wide-main .top_section h3 .garden_area {
	display: block;
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 1.7142857;
}
#new-content-wrap #wide-main .sec_header {
	position: relative;
	margin-bottom: 36px;
}
#new-content-wrap #wide-main .sec_header .inImage_h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 10px;
	text-align: right;
	font-size: 1.2rem;
	font-size: 12px;
	color: #ffffff;
}
#new-content-wrap #wide-main .sec_header .sec_copy {
	margin-top: 8px;
	font-size: 1.3rem;
	font-size: 13px;
	color: #434343;
}
#new-content-wrap #wide-main .sec_header .link_button {
	margin-top: 20px;
	text-align: center;
}
#new-content-wrap #wide-main .sec_header .link_button a {
	display: inline-block;
}
#new-content-wrap #wide-main .sec_header .link_button a button {
	border: #ccc solid 1px;
	outline: none;
	padding: 8px 26px;
	background-color: #f2f2f2;
	color: #434343;
	transition-property: all;
	transition-duration: 0.6s;
}
#new-content-wrap #wide-main .sec_header .link_button a:active button ,
#new-content-wrap #wide-main .sec_header .link_button a:hover button {
	border: #999 solid 1px;
	background-color: #ccc;
	color: #232323;
}
#new-content-wrap #wide-main #veranda-1f {
	margin-top: 30px;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	.top_section {
		margin: 60px 0;
	}
	#new-content-wrap #wide-main .top_section h3 {
		margin-bottom: 16px;
		padding-bottom: 4px;
		font-size: 2.4rem;
		font-size: 24px;
	}
	#new-content-wrap #wide-main .top_section h3 .garden_area {
		font-size: 1.6rem;
		font-size: 16px;
		line-height: 1.75;
	}
	#new-content-wrap #wide-main .sec_header .inImage_h4 {
		padding-right: 10px;
		font-size: 1.4rem;
		font-size: 14px;
	}
	#new-content-wrap #wide-main .sec_header .sec_copy {
		margin-top: 10px;
		font-size: 1.5rem;
		font-size: 15px;
	}
	#new-content-wrap #wide-main .sec_header .link_button a {
		font-size: 1.4rem;
		font-size: 14px;
	}
}
@media screen and (min-width: 681px){
	.top_section {
		margin: 84px 0;
	}
	#new-content-wrap #wide-main .top_section h3 {
		border-bottom: #000 solid 3px;
		padding-bottom: 6px;
		font-size: 2.8rem;
		font-size: 28px;
	}
	#new-content-wrap #wide-main .top_section h3 .garden_area {
		font-size: 1.8rem;
		font-size: 18px;
		line-height: 1.7222222;
	}
	#new-content-wrap #wide-main .sec_header .inImage_h4 {
		padding-right: 10px;
		font-size: 1.6rem;
		font-size: 16px;
	}
	#new-content-wrap #wide-main .sec_header .sec_copy {
		margin-top: 18px;
		font-size: 1.7rem;
		font-size: 17px;
		text-align: center;
	}
	#new-content-wrap #wide-main #veranda-1f {
		margin-top: 60px;
	}
}
@media screen and (min-width: 881px){
	.top_section {
		margin: 106px 0;
	}
	#new-content-wrap #wide-main .top_section h3 {
		padding-bottom: 8px;
		font-size: 3.2rem;
		font-size: 32px;
	}
	#new-content-wrap #wide-main .top_section h3 .garden_area {
		font-size: 2rem;
		font-size: 20px;
		line-height: 1.75;
	}
	#new-content-wrap #wide-main .sec_header .inImage_h4 {
		padding-right: 12px;
		font-size: 1.8rem;
		font-size: 18px;
	}
	#new-content-wrap #wide-main .sec_header .sec_copy {
		margin-top: 24px;
		font-size: 1.8rem;
		font-size: 18px;
	}
	#new-content-wrap #wide-main #veranda-1f {
		margin-top: 84px;
	}
}
@media screen and (min-width: 1016px){
	.top_section {
		margin: 112px 0;
	}
	#new-content-wrap #wide-main .top_section h3 {
		font-size: 3.4rem;
		font-size: 34px;
	}
	#new-content-wrap #wide-main .sec_header .inImage_h4 {
		padding-right: 12px;
		font-size: 1.9rem;
		font-size: 19px;
	}
	#new-content-wrap #wide-main .sec_header .sec_copy {
		margin-top: 26px;
		font-size: 1.9rem;
		font-size: 19px;
	}
	#new-content-wrap #wide-main #veranda-1f {
		margin-top: 120px;
	}
}
/* ===========================
4.メニュー部分のCSS
============================== */
.harvest_menu > div h5 {
	margin-bottom: 18px;
}
.harvest_menu > div h5 img {
	width: 92px;
	height: auto;
}
.harvest_menu > div .menuitem {
	margin-bottom: 20px;
}
.harvest_menu > div .menuitem img {
	width: 100%;
	height: auto;
}
#new-content-wrap #wide-main .harvest_menu > div .menuitem h6 {
	margin-top: 12px;
	margin-bottom: 6px;
	font-size: 1.5rem;
	font-size: 15px;
	text-align: left;
	color: #bc553c;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#new-content-wrap #wide-main.page .harvest_menu > div .menuitem p {
	font-size: 1.3rem;
	font-size: 13px;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#wide-main.page .harvest_menu > div .menuitem p .mb10 {
	display: inline-block;
	padding-bottom: 6px;
}
#new-content-wrap #wide-main.page .harvest_menu > div .menuitem table {
	margin-top: 0.4em;
}
#new-content-wrap #wide-main.page .harvest_menu > div .menuitem table td {
	font-size: 1.3rem;
	font-size: 13px;
	line-height: 1.8;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#new-content-wrap #wide-main.page .harvest_menu > div .menuitem table + p {
	margin-top: 0.4em;
}
#wide-main.page .harvest_menu > div .menuitem table td:first-child {
	padding-right: 0.8em;
}
#veranda-1f .harvest_menu .sweets .menuitem_area .menuitem:first-child h6 + p {
	letter-spacing: -0.02em;
}
#wide-main.page .harvest_menu .menuitem_area .indmin1em {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
#new-content-wrap #wide-main .harvest_menu > div .menuitem h6 .smaller {
	display: inline-block;
	font-size: 1.6rem;
	font-size: 16px;
}
.harvest_menu .drink,
#restaurant .harvest_menu .sweets {
	margin-top: 30px;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
	
}
@media screen and (min-width: 481px){
	.harvest_menu > div h5 {
		margin-bottom: 24px;
	}
	.harvest_menu > div h5 img {
		width: 88px;
	}
	#new-content-wrap #wide-main .harvest_menu > div .menuitem h6 {
		margin-top: 12px;
		margin-bottom: 6px;
		font-size: 1.8rem;
		font-size: 18px;
	}
	#new-content-wrap #wide-main.page .harvest_menu > div .menuitem p {
		font-size: 1.4rem;
		font-size: 14px;
	}
	#new-content-wrap #wide-main.page .harvest_menu > div .menuitem p .mb10 {
		padding-bottom: 8px;
	}
	#new-content-wrap #wide-main.page .harvest_menu > div .menuitem table td {
		font-size: 1.4rem;
		font-size: 14px;
	}
	.harvest_menu .drink,
	#restaurant .harvest_menu .sweets {
		margin-top: 40px;
	}
}
@media screen and (min-width: 681px){
	.harvest_menu {
		max-width: 840px;
		margin-right: auto;
		margin-left: auto;
	}
	.harvest_menu > div h5 img {
		width: 123px;
	}
	.harvest_menu > div .menuitem:not(:first-child) {
		margin-top: 50px;
	}
	#new-content-wrap #wide-main .harvest_menu > div .menuitem h6 {
		margin-top: 10px;
		margin-bottom: 8px;
		font-size: 2rem;
		font-size: 20px;
	}
	#new-content-wrap #wide-main .harvest_menu > div .menuitem h6 .smaller {
		padding-bottom: 2px;
		font-size: 1.8rem;
		font-size: 18px;
	}
	#new-content-wrap #wide-main.page .harvest_menu > div .menuitem p {
		font-size: 1.6rem;
		font-size: 16px;
	}
	#new-content-wrap #wide-main.page .harvest_menu > div .menuitem p .mb10 {
		padding-bottom: 10px;
	}
	#new-content-wrap #wide-main.page .harvest_menu > div .menuitem table td {
		font-size: 1.6rem;
		font-size: 16px;
	}
	.menuitem.with_image {
		display: table;
		width: 100%;
	}
	.menuitem.with_image .item_image,
	.menuitem.with_image .item_desc {
		display: table-cell;
		vertical-align: bottom;
	}
	.menuitem.with_image .item_image {
		width: 47.619%;
	}
	.menuitem.with_image .item_desc {
		width: 52.381%;
		padding-left: 3.57142%;
	}
	.harvest_menu .drink,
	#restaurant .harvest_menu .sweets {
		margin-top: 48px;
	}
	.harvest_menu .drink .menuitem.without_image {
		margin-bottom: 30px;
	}
	.harvest_menu .drink .menuitem.without_image:last-child {
		margin-bottom: inherit;
	}
}
@media screen and (min-width: 881px){
	.harvest_menu > div h5 img {
		width: 133px;
	}
	#new-content-wrap #wide-main .harvest_menu > div .menuitem h6 {
		margin-top: 10px;
		margin-bottom: 8px;
		font-size: 2.2rem;
		font-size: 22px;
	}
	#new-content-wrap #wide-main .harvest_menu > div .menuitem h6 .smaller {
		padding-bottom: 3px;
		font-size: 1.9rem;
		font-size: 19px;
	}
	#new-content-wrap #wide-main.page .harvest_menu > div .menuitem p {
		font-size: 1.7rem;
		font-size: 17px;
	}
	#new-content-wrap #wide-main.page .harvest_menu > div .menuitem table td {
		font-size: 1.7rem;
		font-size: 17px;
	}
	.harvest_menu .drink,
	#restaurant .harvest_menu .sweets {
		margin-top: 55px;
	}
	.harvest_menu .drink .menuitem.without_image {
		margin-bottom: 40px;
	}
}
@media screen and (min-width: 1016px){
	
}
/* ===========================
5.但し書きのCSS
============================== */
.notation {
	color: #434343;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	.notation {
		font-size: 1.3rem;
		font-size: 13px;
	}
}
@media screen and (min-width: 681px){
	.notation {
		font-size: 1.4rem;
		font-size: 14px;
	}
}
@media screen and (min-width: 881px){
	.notation {
		 margin-right: 24px;
	}
}
@media screen and (min-width: 1016px){
}
/* ===========================
ブレイクポイントセット
============================== */
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
}
@media screen and (min-width: 681px){
}
@media screen and (min-width: 881px){
}
@media screen and (min-width: 1016px){
}