/*****************************************/
/* 中国料理 翠園 style.css */
/* 全ページで読み込み */
/*****************************************/

/* 共通
----------------------------------------- */

/* headline */
#content h1,
#content h2,
#content h3,
#content h4 {
	color: #000000;
	line-height: 1.5;
}

#content h1 {
	font-size: 18px;
	text-align: center;
}

#content h1.left {
	text-align: left;
}

#content h1 span {
	display: block;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 0.9em;
	margin: 0.8em 0 0 0;
}

#content h1.border {
	border-bottom: 2px solid #a1a1a1;
	line-height: 1;
	padding: 0 0 1.6em 0;
	position: relative;
	text-align: center;
}

#content h1.border:after {
	border-bottom: 1px solid #a1a1a1;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
}

/* paragraph */
#content p.lead {
	font-size: 14px;
	line-height: 1.57;
	margin: 1.6em 0 0 0;
	text-align: center;
}

#content p.notes {
	line-height: 1.38;
	margin: 0.77em 0 0 1em;
	text-indent: -1em;
}

#content p.notes+p.notes {
	margin-top: 0;
}

#content .orange {
	color: #f05a24;
}

/* table */
#content table {
	border-collapse: collapse;
	width: 100%;
}

#content table.fixed {
	table-layout: fixed;
}

#content table tr {
	line-height: 1.3;
}

#content table tr th {
	background: #a9a9a9;
	border: 1px solid #666666;
	color: #ffffff;
	letter-spacing: 0.05em;
	vertical-align: middle;
}

#content table tr td {
	border: 1px solid #666666;
	text-align: center;
	vertical-align: middle;
}

#content table tr .center {
	text-align: center !important;
}

#content table tr .left {
	text-align: left !important;
}

/* list */
#content ul.disc {
	list-style: none;
	padding: 0 0 0 1em;
}

#content ul.disc li {
	position: relative;
}

#content ul.disc li:before {
	background-color: #666666;
	border-radius: 100%;
	content: '';
	display: inline-block;
	height: 12px;
	position: absolute;
	top: 0;
	left: -1em;
	width: 12px;
}

/* parts */
/* linkBtn */
#content .linkBtn {
	margin: 0 auto;
	text-align: center;
	width: 340px;
}

#content .linkBtn a {
	background: #f05a24;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	font-weight: bold;
	height: 35px;
	letter-spacing: 0.05em;
	line-height: 35px;
	width: 100%;
}

#content .linkBtn.gray a {
	background: #808080;
}

#content .linkBtn.pdf {
	width: 240px;
}

#content .linkBtn.pdf a {
	background: #808080 url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/raw_assets/public/sunriver/growth-sunriver/images/amenity/common/icon_pdf.png) no-repeat 10px center;
	background-size: 26px;
	padding: 0 18px 0 0;
	text-align: right;
}

#content .linkBtn+p {
	line-height: 1.46;
	margin-top: 1em;
	text-align: center;
}

/* layout */
/* box */
#content .box {
	background: #f9f5e9;
}

/* boxHeader */
#content .boxHeader {
	background: #f0ebe1;
	padding: 1.5em 0 1.3em;
	text-align: center;
}

#content .boxHeader h2 {
	margin-bottom: 0;
}

/* twoColumns */
#content .twoColumns:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

#content .twoColumns>div {
	width: 480px;
}

#content .twoColumns .leftColumn {
	float: left;
}

#content .twoColumns .rightColumn {
	float: right;
}

/* images */
#content .twoColumns.images {
	margin: 60px 0;
}

#content .twoColumns.images>div {
	width: 480px;
}

/* boxCentering */
#content .boxCentering {
	display: table;
	margin: 0 auto;
}

/* wp-pagenavi */
.wp-pagenavi {
	margin: 50px 0 0 0;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	background: #ffffff;
	border: 1px solid #808080;
	color: #808080;
	display: inline-block;
	height: 2.6em;
	line-height: 2.6em;
	letter-spacing: -0.02em;
	margin: 0 0.2em;
	text-decoration: none;
	vertical-align: middle;
	width: 2.6em;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background: #808080;
	color: #ffffff !important;
	text-decoration: none !important;
}

/* Home
----------------------------------------- */

/* moreBtn */
#content .moreBtn {
	margin: 38px auto 0;
	text-align: center;
	width: 160px;
}

#content .moreBtn a {
	background: #808080;
	border-radius: 15px;
	color: #ffffff;
	display: block;
	height: 30px;
	line-height: 32px;
}

/* contentsIndex */
#content .contentsIndex {
	text-align: center;
}

#content .contentsIndex .item+.item {
	margin-top: 40px;
}

#content .contentsIndex .indexImg img {
	width: 100%;
}

#content .contentsIndex h2 {
	color: #000000;
	font-size: 24px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1;
	margin: 35px 0 0 0;
}

#content .contentsIndex h2 span {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.45em;
	margin: 0.7em 0 0 0;
}

#content .contentsIndex p {
	font-size: 14px;
	line-height: 1.85;
	margin: 1.1em 0 0 0;
}

/* お知らせ
 * information
----------------------------------------- */

#content .information {
	background: #ffffff;
	padding: 35px 0 50px;
}

#content .information .inner {
	position: relative;
	width: 1100px;
}

#content .information h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

#content .information dl {
	display: table;
	font-size: 14px;
	line-height: 1.57;
	margin: 15px 0 0 0;
	width: 100%;
}

#content .information dl dt,
#content .information dl dd {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

#content .information dl dt {
	font-weight: bold;
	width: 12.5em;
}

#content .information dl dd a {
	text-decoration: underline;
}

#content .information dl dd a:hover {
	opacity: 1;
	text-decoration: none;
}

#content .information .moreBtn {
	margin: 0;
	position: absolute;
	top: 0;
	left: 80px;
	width: 108px;
}

#content .information .moreBtn a {
	border-radius: 11px;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
}

/* Campaign & Event News
----------------------------------------- */

/* newsBlock */
#content .newsBlock {
	background: none;
	margin: 60px auto 30px;
	padding: 0;
	position: relative;
	width: 1100px;
}

/* headline */
#content .newsBlock .newsTtl {
	border-bottom: 2px solid #808080;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 0;
	padding: 0 0 0.9em 0;
	position: relative;
	text-align: center;
}

#content .newsBlock .newsTtl:after {
	border-bottom: 1px solid #808080;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
}

#content .newsBlock .newsTtl img {
	vertical-align: text-bottom;
  width: 46px;
}

/* cateChange */
#content .cateChange {
	position: absolute;
	top: 2px;
	left: 0;
}

#content .cateChange ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content .cateChange ul li {
	display: inline-block;
	margin-right: 4px;
}

#content .cateChange ul li a {
	background: #ffffff;
	border: 1px solid #808080;
	color: #000000;
  cursor: pointer;
	display: inline-block;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin: 0 4px 0 0;
	padding: 0 0.4em;
}

#content .cateChange ul li.select a {
	background: #f27344;
	border: 1px solid #f27344;
	color: #ffffff;
}

/* postList */
#content .postList {
	margin: -15px -36px 0 0;
	overflow: hidden;
}

/* post */
#content .post {
	float: left;
	margin: 50px 36px 0 0;
	position: relative;
	width: 248px;
}

#content .post .new {
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	z-index: 1;
}

#content .post .postThumb a {
	display: block;
	position: relative;
}

#content .post .postThumb a:after {
	background: rgba(0, 0, 0, 0.2);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#content .postList .post .postThumb img {
	height: 164px;
  object-fit: cover;
  width: 248px;
}

#content .post .entryContent {
	margin: 1em 0 0 0;
	position: relative;
}

#content .post .entryDate {
	color: #808080;
  line-height: 1;
  margin: 0;
}

#content .post .entryCate {
	background: #ffffff;
	border: 1px solid #aaaaaa;
	color: #808080;
	display: inline-block;
	font-size: 12px;
	height: 18px;
	line-height: 17px;
  margin: 0;
	padding: 0 0.3em;
	position: absolute;
	top: -4px;
	right: 0;
}

#content .post .entryTtl {
	font-size: 14px;
	line-height: 1.28;
	margin: 0.6em 0 0 0;
}

#content .postList .post .entryTtl a {
	font-weight: bold;
}

#content .post .entryDesc {
	color: #666666;
	line-height: 1.5;
	margin: 0.2em 0 0 0;
}

#content .postList .post .entryDesc p {
	margin: 0;
}

/* Page
----------------------------------------- */

/* headline */
#content h2 {
	font-size: 18px;
	margin: 0 0 15px 0;
}

#content h2.bg {
	background: url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/raw_assets/public/sunriver/growth-sunriver/images/amenity/suien/menu/bg_title.png) no-repeat center center;
	color: #ffffff;
	height: 52px;
	font-size: 16px;
	line-height: 52px;
	margin: 0 0 25px 0;
	text-align: center;
	width: 100%;
}

#content h2.image {
	background: #333333;
	color: #ffffff;
	font-size: 18px;
	margin: 0 0 30px 0;
	overflow: hidden;
	width: 100%;
}

#content h2.image span {
	display: block;
	float: left;
	height: 130px;
	line-height: 130px;
	overflow: hidden;
	position: relative;
	width: 500px;
}

#content h2.image span:first-child {
	background: #b4ae7a url(./images/menu/bg_image.jpg) no-repeat center center;
	text-align: center;
}

#content h2.image img {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

#content h3 {
	clear: both;
	color: #4d4d4d;
	font-size: 16px;
	margin: 0 0 12px 0;
}

#content h3.image {
	background: #000000;
	color: #ffffff;
	display: table;
	height: 204px;
	font-size: 22px;
	margin: 0 0 40px 0;
	width: 100%;
}

#content h3.image img,
#content h3.image span {
	display: table-cell;
	vertical-align: middle;
}

/* paragraph */
#content .lead {
	font-size: 13px;
	line-height: 1.86;
	margin: 35px 0 0 0;
	text-align: center;
}

#content .notes {
	line-height: 1.53;
}

/* bottomNotes */
#content .bottomNotes {
	border-top: 1px solid #a1a1a1;
}

#content .gallery+.bottomNotes,
#content .planTop+.bottomNotes,
#content .otherInfo+.bottomNotes,
#content .sectionMenu+.bottomNotes {
  margin: 55px 0 0 0;
}

/* attention */
#content h1+.attention {
	margin: 50px 0 0 0;
}

#content .attention p {
  margin-bottom: 0;
}

#content .attention p strong {
	color: #000000;
	display: block;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 0.8em 0;
}

#content .attention p em {
	color: #f05a24;
	font-style: normal;
}

#content .attention p.notes b {
	color: #3b3c3d;
	display: block;
	margin: 0 0 0.4em 0;
}

/* planTop */
#content .planTop {
	margin: 30px 0 0 0;
}

#content .planTop:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

#content .planTop .planImg {
	float: right;
}

#content .planTop .planTxt {
	float: left;
	padding: 0.25em 0 0 0;
}

#content .planTop .planTxt h2 {
	color: #000000;
	font-size: 20px;
	line-height: 1.6;
}

#content .planTop .planTxt p {
	line-height: 1.46;
	margin: 1.5em 0 0 0;
}

#content .planTop .numberOfPeople {
	background: #b4ae7a;
	color: #ffffff;
	margin: 40px 0 0 0;
	padding: 1.5em 0 1.4em;
	text-align: center;
	width: 400px;
}

#content .planTop .numberOfPeople dl {
  margin: 0;
}

#content .planTop .numberOfPeople dl dt {
	font-size: 16px;
	line-height: 1.4;
}

#content .planTop .numberOfPeople dl dd {
	font-size: 14px;
	margin: 0.2em 0 0 0;
}

#content .planTop .numberOfPeople dl dd ul {
	list-style: none;
  margin: 0;
}

#content .planTop .numberOfPeople dl dd ul li {
	display: inline-block;
  margin: 0;
	padding: 0 0.5em;
}

#content .planTop .numberOfPeople dl dd ul li span {
	border: 1px solid #ffffff;
	display: inline-block;
	font-size: 0.92em;
	height: 20px;
	line-height: 18px;
	margin: 0 0.5em 0 0;
	padding: 0 0.4em;
}

#content .planTop .numberOfPeople+p.notes {
	margin-top: 0.8em;
}

#content .planTop .planDetails {
	clear: both;
}

#content .planTop .planDetails .figure {
	padding: 70px 0 60px 0;
	text-align: center;
}

#content .planTop .planDetails .figure img {
	width: auto;
}

#content .planTop .planDetails p.notes b {
	color: #3b3c3d;
	display: block;
	margin: 0 0 0.4em 0;
}

#content .planTop .planDetails p.notes+p:not(.notes) {
	line-height: 1.38;
	margin: 0.77em 0 0 0;
}

/* sectionMenu */
#content .sectionMenu {
/* 	margin: 50px 0 0 0; */
}

#content .sectionMenu+.sectionMenu {
	margin-top: 80px;
}

/* categoryLink */
#content .categoryLink {
	margin: 50px 0 0 0;
}

#content .categoryLink ul {
	list-style: none;
	overflow: hidden;
}

#content .categoryLink ul li {
	float: left;
	position: relative;
	width: 250px;
}

#content .categoryLink ul li:nth-child(n + 5) {
	margin-top: 1.2em;
}

#content .categoryLink ul li:after {
	border: 8px solid #b4ae7a;
	border-bottom: 8px solid transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: '';
	display: block;
	position: absolute;
	top: 0.22em;
	left: 0;
}

#content .categoryLink ul li a {
	color: #000000;
	font-weight: bold;
	padding: 0 0 0 14px;
}

#content .categoryLink ul li a:hover {
	opacity: 0.6;
}

/* menuList */
#content .menuList {
	margin: 0 0 -50px 0;
}

#content .menuList:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

#content .course>div {
	clear: both;
}

/* menuItem */
#content .menuItem {
	margin: 0 0 50px 0;
}

#content .course .menuItem,
#content .gifts .menuItem {
	float: left;
	width: 480px;
}

#content .course .menuItem:nth-child(even),
#content .gifts .menuItem:nth-child(even) {
	float: right;
}

#content .single .menuItem {
	float: left;
	margin-right: 50px;
	margin-bottom: 30px;
	width: 300px;
}

#content .single .menuItem:nth-child(3n + 3) {
	margin-right: 0;
}

/* menuTxt */
#content .menuTxt {
	margin: 1.8em 0 0 0;
}

/* menuTtl */
#content .menuTtl {
	color: #4d4d4d;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
  margin-bottom: 0;
}

/* menuPrice */
#content .menuPrice {
	color: #4d4d4d;
	font-size: 18px;
	font-weight: bold;
  line-height: 1;
	margin: 0.7em 0 0 0;
	padding: 0 0 0 0.1em;
}

#content .single .menuPrice {
	margin: 0.4em 0 0 0;
}

#content .menuPrice+.menuPrice {
	margin-top: 0.4em;
}

#content .menuPrice span,
#content .menuPrice small {
	font-size: 0.6em;
}

#content .menuPrice span {
	margin-left: 0.5em;
}

#content .menuPrice small {
	margin-right: 0.5em;
	vertical-align: 0.1em;
}

/* menuSummary */
#content .course .menuSummary {
	padding: 0 0 20px 0;
}

#content .menuSummary p {
	line-height: 1.54;
	margin: 1.1em 0 0 0;
}

#content .menuSummary p+p {
	margin-top: 0.6em;
}

#content .menuSummary dl {
	display: inline-block;
	font-size: 12px;
	margin: 1.2em 0 0 0;
	width: 230px;
}

#content .menuSummary dl.period {
	width: auto;
}

#content .menuSummary dl:last-child {
	margin-top: 0.9em;
}

#content .menuSummary dl dt {
	background: #dedede;
	border: 1px solid #808080;
	height: 25px;
	line-height: 23px;
	text-align: center;
	width: 100px;
}

#content .menuSummary dl dd {
	margin: 0.7em 0 0 0;
}

/* courseContents */
#content .courseContents {
	border-top: 1px solid #a7a7a7;
	font-size: 12px;
	line-height: 1.7;
}

#content .weddings .courseContents {
	border-top: none;
	margin-top: 1.4em;
}

#content .contentsWrap {
	padding: 20px 0;
}

#content .courseContents p {
  margin: 0;
}

#content .courseContents p+p {
	margin: 0.8em 0 0 0;
}

#content .courseContents .trigger {
  font-size: 14px;
}

/* #content .courseContents .trigger {
	background: #9f9f9f;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	position: relative;
	text-align: center;
}

#content .courseContents .trigger:after {
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	content: '';
	display: inline-block;
	height: 8px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: rotate(45deg);
	width: 8px;
}

#content .courseContents .trigger.open:after {
	margin-top: -2px;
	transform: rotate(-135deg);
} */

/* Plan
 * プラン
----------------------------------------- */

/* drinkPlan */
#content .drinkPlan>p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

#content .drinkPlan p+.menuTtl,
#content .drinkPlan div+.menuTtl {
	margin-top: 1.8em;
}

#content .drinkPlan .menuSummary p {
	margin-top: 0.4em;
}

/* otherInfo */
#content .otherInfo h3 {
	border: 1px solid #b4ae7a;
	color: #b4ae7a;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	margin: 0 0 25px 0;
	padding: 0 1.4em;
	width: 100%;
}

#content .otherInfo h3 span {
	color: #666666;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 0 0 1.8em;
}

#content .otherInfo .menuTtl {
	color: #b4ae7a;
}

#content .otherInfo p+.menuTtl,
#content .otherInfo div+.menuTtl {
	margin-top: 2.4em;
}

#content .otherInfo .menuPrice,
#content .otherInfo .menuSummary p {
	margin-top: 0.4em;
}

#content .otherInfo .menuPrice.line {
	display: inline-block;
	margin-right: 25px;
}

#content .otherInfo .menuPrice+.menuPrice {
	margin-top: 0.8em;
}

#content .otherInfo .menuPrice small {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	margin-bottom: 0.5em;
}

/* rental -------------------------------- */

/* planTop */
#content .rental .planTop .planTxt h2 {
  color: #000000;
    font-size: 20px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: normal;
    line-height: 1.6;
}
#content .rental .planTop .planImg {
	width: 400px;
}
#content .rental .planTop .planImg img + img {
	margin-top: 20px;
}

/* rentalFee */
#content .rental table.rentalFee {
  background: none;
	margin: 30px 0 0 0;
	width: 560px;
}
#content .rental table.rentalFee tr th,
#content .rental table.rentalFee tr td {
	border-color: #b4ae7a;
	padding: 0.8em 1em 0.6em;
}
#content .rental table.rentalFee thead tr th {
	background-color: #b4ae7a;
}
#content .rental table.rentalFee tbody tr th {
	background: none;
	color: inherit;
	text-align: left;
	width: 380px;
}
#content .rental table.rentalFee tbody tr th span {
	font-size: 12px;
}
#content .rental table.rentalFee tbody tr th ul {
	list-style: none;
	margin: 0.2em 0 0 0;
  padding: 0;
}
#content .rental table.rentalFee tbody tr th ul li {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 0 1em;
  padding: 0;
	text-indent: -1em;
}

/* rentalFee */
#content .rental .rentalFee {
	margin: 70px 0 0 0;
}
#content .rental .rentalFee:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
#content .rental .rentalFee dl {
	border: 1px solid #b4ae7a;
	float: left;
	font-size: 16px;
	margin: 0 0 20px 0;
	width: 480px;
}
#content .rental .rentalFee dl:nth-child(even) {
	float: right;
}
#content .rental .rentalFee dl dt {
	background: #b4ae7a;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.4;
	padding: 1.1em 1.25em 1em;
}
#content .rental .rentalFee dl dd {
	color: #4d4d4d;
	display: table;
	min-height: 110px;
	line-height: 1.625;
	padding: 0.8em 1.25em;
}
#content .rental .rentalFee dl dd div {
	display: table-cell;
	vertical-align: middle;
}

/* contact */
#content .rental .contact {
	border: 1px solid #4d4d4d;
	margin: 55px 0 0 0;
	padding: 1em 0;
	text-align: center;
}
#content .rental .contact p {
  color: #4d4d4d;
	font-size: 22px;
	font-weight: bold;
	margin: 0;
}

#content .rental .contact span:not(.telLink) {
	font-size: 0.8em;
	margin: 0 1.2em 0 0;
}

/* layout ------------------------------- */

/* number */
#content .layout .number {
    margin: 60px 0 0 0;
}

#content .layout .number ul {
    border-collapse: collapse;
    display: table;
    list-style: none;
    margin: 0 auto;
  padding: 0;
    position: relative;
    table-layout: fixed;
    width: 900px;
}

#content .layout .number ul:before,
#content .layout .number ul:after {
    border-bottom: 1px solid #999999;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    width: 50px;
}

#content .layout .number ul:before {
    left: -50px;
}

#content .layout .number ul:after {
    right: -50px;
}

#content .layout .number ul li {
    border: 1px solid #999999;
    border-bottom: none;
    display: table-cell;
  margin: 0;
  padding 0;
    text-align: center;
    width: 300px;
}

#content .layout .number ul li a {
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 52px;
    padding: 1em 0 0 0;
    position: relative;
}

#content .layout .number ul li a:after {
    border: 12px solid #b4b4b4;
    border-left: 6px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    display: block;
    margin-left: -6px;
    position: absolute;
    top: 38px;
    left: 50%;
}

/* layoutList */
#content .layout .layoutList {
    margin: -50px -50px 0 0;
    overflow: hidden;
}

#content .layout .layoutList .item {
    float: left;
    margin: 100px 50px 0 0;
    width: 300px;
}

#content .layout .layoutList .item dl {
  margin: 0;
}

#content .layout .layoutList .item dl dt {
    border: 1px solid #666666;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#content .layout .layoutList .item dl dd {
    margin: 35px 0 0 0;
    text-align: center;
}

#content .layout .layoutList .item .linkBtn {
    margin-top: 40px;
}

#content .layout p.notes {
    font-size: 11px;
    margin-top: 2em;
}

/* gifts -------------------------------- */

/* giftContents */
#content .giftContents {
	line-height: 1.53;
	margin: 30px 0 0 0;
}

#content .giftContents p+p {
	margin: 0.8em 0 0 0;
}

#content .giftContents dl+.menuTtl {
	margin-top: 2.2em;
}

#content .giftContents dl {
	margin: 0.8em 0 0 0;
}

#content .giftContents dl dt {
	font-weight: bold;
}

#content .giftContents dl dd {
	margin: 0;
}

#content .giftContents p.set {
	border: 1px solid #666666;
	height: 35px;
	line-height: 35px;
	margin-top: 20px;
	text-align: center;
}

/* application */
#content .application {
	margin: 50px 0 0 0;
  padding: 0;
}

#content .application h3 {
	background: #c48080;
	color: #ffffff;
	font-size: 16px;
	height: 35px;
	line-height: 36px;
	margin-bottom: 0;
	padding: 0 1.1em;
}

#content .application h3 span {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 0 0 25px;
}

#content .application ul {
	list-style: none;
	margin: 0 -50px 0 0;
	overflow: hidden;
  padding: 0;
}

#content .application ul li {
	float: left;
	margin: 30px 50px 0 0;
	width: 300px;
}

#content .application ul li dl {
	font-size: 18px;
	font-weight: bold;
  margin: 0;
	text-align: center;
}

#content .application ul li dl dt {
	color: #a7272d;
	height: 26px;
	line-height: 26px;
}

#content .application ul li dl dt img {
	margin: 0 6px 0 0;
	vertical-align: -0.3em;
	width: 30px;
}

#content .application ul li dl dd {
	border: 1px solid #c48080;
	height: 55px;
	line-height: 55px;
	margin: 15px 0 0 0;
}

#content .application ul li dl dd small {
	font-size: 0.7em;
}

#content .application ul li dl dd a {
	color: #4d4d4d;
	display: block;
  font-weight: bold;
}

#content .application ul li .notes {
	font-size: 12px;
	margin-top: 0.6em;
}

/* mango */
#content #mango .menuPrice+.menuTtl {
	border-top: 1px solid #666666;
	margin-top: 1em;
	padding-top: 1em;
}

#content #mango .menuPrice+.menuTtl+.menuPrice {
	border-bottom: 1px solid #666666;
	padding-bottom: 0.8em;
}

/* Interior
 * 店内風景
----------------------------------------- */

/* interiorImage */
#content .interiorImage {
	margin: 50px 0 0 0;
}

#content .interiorImage+h2.bg {
	margin-top: 75px;
}

/* Weddings
 * ウェディング
----------------------------------------- */

/* image */
#content .weddings .image {
	margin: 40px 0 100px 0;
}

/* menuItem */
#content .weddings .menuItem {
	margin-top: 60px;
}

/* photo */
#content .weddings .gallery {
    margin: 60px 0 0 0;
}
#content .weddings .gallery ul {
    list-style: none;
	margin: -40px 0 0 0;
	overflow: hidden;
  padding: 0;
}
#content .weddings .gallery ul li {
    float: left;
	margin: 60px 0 0 0;
	width: 480px;
}
#content .weddings .gallery ul li:nth-child(even) {
    float: right;
}

/* お問い合わせ
 * inquiry
----------------------------------------- */

/* form */
.inquiry #content .form {
	margin: 40px auto 0;
	width: 760px;
}

.inquiry #content .form span:not(.mwform-zip-field) {
	color: #af0014;
}

.inquiry #content .form dl {
	display: table;
	width: 100%;
}

.inquiry #content .form dl dt {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

.inquiry #content .form dl dd {
	color: #a1a1a1;
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

.inquiry #content .form>dl {
	border-bottom: 1px solid #a1a1a1;
	padding: 6px 0;
}

.inquiry #content .form>dl>dt {
	font-weight: bold;
	line-height: 1.76;
	padding: 2px 0;
	width: 194px;
}

.inquiry #content .form>dl>dd {
	border-left: 1px solid #a1a1a1;
	padding: 5px 0 5px 18px;
}

.inquiry #content .form>dl>dd>dl+dl {
	margin-top: 0.7em;
}

.inquiry #content .form>dl>dd>dl dt {
	padding-top: 1em;
}

.inquiry #content .form dl dd small {
	display: block;
	margin: 0.5em 0 0 0;
}

.inquiry #content .form input[type="text"],
.inquiry #content .form input[type="email"] {
	border: 1px solid #a1a1a1;
	color: #333333;
	height: 35px;
	padding: 0 0.5em;
	width: 480px;
}

.inquiry #content .form textarea {
	border: 1px solid #a1a1a1;
	color: #333333;
	height: 245px;
	line-height: 1.4;
	padding: 0.8em 0.5em;
	width: 480px;
}

.inquiry #content .form dl.code dd span:not(.mwform-zip-field) {
	margin: 0 0 0 0.8em;
}

.inquiry #content .form dl.code dd input[type="text"] {
	margin: 0 0.2em;
	width: 68px;
}

.inquiry #content .form dl.address dd input[type="text"] {
	width: 410px;
}

/* privacy */
.inquiry #content .privacy {
	margin: 55px auto 0;
	width: 760px;
}

.inquiry #content .privacy h2 {
	background: #878787;
	color: #ffffff;
	font-size: 15px;
	height: 35px;
	line-height: 35px;
	padding: 0 1.2em;
}

.inquiry #content .privacy .textBox {
	border: 1px solid #a1a1a1;
	height: 446px;
	padding: 20px;
}

.inquiry #content .privacy .boxInner {
	height: 406px;
	overflow-y: auto;
	padding: 0 40px 0 0;
}

.inquiry #content .privacy .textBox p {
	font-size: 12px;
	line-height: 1.8;
}

.inquiry #content .privacy .textBox p+p {
	margin-top: 1.8em;
}

.inquiry #content .privacy p.agreement {
	font-size: 14px;
	margin: 1.2em 0 0 0;
	text-align: center;
}

.inquiry #content .privacy p.agreement input[type="checkbox"] {
	margin: 0 0.5em 0 0;
}

/* button */
.inquiry #content .button {
	margin: 30px 0 0 0;
	text-align: center;
}

.inquiry #content .button input[type="submit"] {
	background: #f05a24;
	border: none;
	color: #ffffff;
	cursor: pointer;
	height: 38px;
	font-size: 16px;
	text-align: center;
	width: 140px;
}

/* error */
.inquiry #content .error {
	margin-top: 0.6em;
}

/* mw_wp_form_complete */
.inquiry #content .mw_wp_form_complete p {
	font-size: 16px;
	line-height: 2;
	margin: 40px 0 0 0;
}

/* 空席状況・ご予約
 * reservation
----------------------------------------- */

/* calendar */
#content .calendar h3 {
	color: #000000;
	margin-bottom: 0;
}

#content .calendar p.notesSp {
	display: none;
}

#content .calendarWrapper {
	margin: 30px 0 60px;
  padding-bottom: 75%;
  position: relative;
  width: 100%;
}

#content .calendarWrapper iframe {
	height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


@media screen and (max-width: 767px) {

	/* 共通
----------------------------------------- */

	/* headline */
	#content h2 {
		margin-bottom: 0.6em;
	}

	/* paragraph */
	#content p.lead {
		margin-top: 1em;
		text-align: left;
	}

	/* list */
	#content ul.disc li:before {
		height: 10px;
		left: -0.8em;
		width: 10px;
	}

	/* parts */
	/* linkBtn */
	#content .linkBtn {
		width: 100%;
	}

	#content .linkBtn a {
		height: 36px;
		line-height: 36px;
	}

	/* layout */
	/* box */
	#content .box {}

	/* boxHeader */
	#content .boxHeader {
		padding: 1.2em 0 1.1em;
	}

	/* twoColumns */
	#content .twoColumns>div {
		width: 100%;
	}

	#content .twoColumns .leftColumn {
		float: none;
	}

	#content .twoColumns .rightColumn {
		float: none;
		margin-top: 8%;
	}

	/* images */
	#content .twoColumns.images {
		margin: 10% 0;
	}

	#content .twoColumns.images>div {
		width: 100%;
	}

	#content .twoColumns.images .rightColumn {
		margin-top: 4%;
	}

	/* boxCentering */
	#content .boxCentering {
		display: block;
	}

	/* wp-pagenavi */
	.wp-pagenavi {
		margin-top: 8%;
	}

  /* Home
----------------------------------------- */
  
	/* moreBtn */
	#content .moreBtn {
		margin-top: 8%;
	}

	#content .moreBtn a {
		border-radius: 18px;
		height: 36px;
		line-height: 36px;
	}

	/* contentsIndex */
	#content .contentsIndex .item+.item {
		margin-top: 10%;
	}

	#content .contentsIndex h2 {
		margin-top: 6%;
	}

	#content .contentsIndex p {
		padding: 0 3.4%;
	}
  
	/* お知らせ
 * information
----------------------------------------- */

	#content .information {
		padding: 8% 0 10%;
	}

	#content .information .inner {
		width: auto;
	}

	#content .information dl {
		display: block;
		margin-top: 0.8em;
	}

	#content .information dl dt,
	#content .information dl dd {
		display: block;
	}

	#content .information dl dt {
		width: auto;
	}

	#content .information dl dd {
		margin: 0.2em 0 0 0;
	}

	#content .information .moreBtn {
		margin: 8% auto 0;
		position: static;
		text-align: center;
		width: 160px;
	}

	#content .information .moreBtn a {
		border-radius: 18px;
		height: 36px;
		line-height: 36px;
	}

	/* Campaign & Event News
----------------------------------------- */

	/* newsBlock */
	#content .newsBlock {
		margin-top: 10%;
    margin-bottom: 2%;
    width: 93.2%;
	}

	/* headline */
	#content .newsBlock .newsTtl img {
		height: 12px;
		width: auto;
	}

	/* cateChange */
	#content .cateChange {
		position: static;
	}

	#content .cateChange ul li {
		height: 26px;
		line-height: 25px;
		margin-top: 8px;
	}

	/* postList */
	#content .postList {
    display: block;
		margin: -3% 0 0 0;
	}

	/* post */
	#content .post {
		margin: 10% 0 0 0;
		width: 48%;
	}

	#content .post:nth-child(even) {
		float: right;
	}

	#content .post .new {
		width: 30px;
	}

  #content .postList .post .postThumb img {
    height: 29.33vw;
    width: 100%;
  }
  
	#content .post .entryCate {
		margin: 0 0 0.6em 0;
		position: static;
	}

	/* single ------------------------------- */

	/* main */

	/* side */
	/* aside */
	#content aside+aside {
		margin-top: 12%;
	}

	/* Page
----------------------------------------- */

	/* headline */
	#content h2.bg {
		background: #b4ae7a;
		height: auto;
		line-height: 1.5;
		margin-bottom: 6%;
		padding: 5% 0.5em;
		position: relative;
	}

	#content h2.bg:before,
	#content h2.bg:after {
		background: #ffffff;
		content: '';
		display: block;
		height: 2px;
		position: absolute;
		left: 0;
		width: 100%;
	}

	#content h2.bg:before {
		top: 2px;
	}

	#content h2.bg:after {
		bottom: 2px;
	}

	#content h2.alacarte-image {
		font-size: 16px;
		margin-bottom: 6%;
	}

	#content h2.alacarte-image span {
		height: auto;
		line-height: auto;
	}

	#content h2.alacarte-image span:first-child {
		background-image: url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/raw_assets/public/sunriver/growth-sunriver/images/amenity/suien/menu/bg_image_sp_top.png), url(https://23961337.fs1.hubspotusercontent-na1.net/hubfs/23961337/raw_assets/public/sunriver/growth-sunriver/images/amenity/suien/menu/bg_image_sp_bottom.png);
		background-position: left top, right bottom;
		background-size: 100%;
		float: none;
		line-height: 1.4;
		position: relative;
		padding: 1.5em 5% 1.4em;
		width: 100%;
	}

	#content h2.alacarte-image span:first-child:before,
	#content h2.alacarte-image span:first-child:after {
		background: #ffffff;
		content: '';
		display: block;
		height: 2px;
		position: absolute;
		left: 0;
		width: 100%;
	}

	#content h2.alacarte-image span:first-child:before {
		top: 10%;
	}

	#content h2.alacarte-image span:first-child:after {
		bottom: 10%;
	}

	#content h2.alacarte-image span:last-child {
		float: none;
		height: 80px;
		line-height: 1;
		width: 100%;
	}

	#content .menuList+h3 {
		margin-top: 15%;
	}

	#content h3.image {
		display: block;
		font-size: 20px;
		height: auto;
		margin-bottom: 6%;
		text-align: center;
	}

	#content h3.image img,
	#content h3.image span {
		display: block;
	}

	#content h3.image span {
		padding: 4% 0.5em;
	}

	/* paragraph */
	#content .lead {
		margin-top: 9%;
		text-align: left;
	}

	/* bottomNotes */
  #content .gallery+.bottomNotes,
  #content .planTop+.bottomNotes,
  #content .otherInfo+.bottomNotes,
  #content .sectionMenu+.bottomNotes {
    margin-top: 10%;
  }
  
	/* attention */
	#content h1+.attention {
		margin-top: 10%;
	}

	/* sectionMenu */
	#content .sectionMenu {
/* 		margin-top: 10%; */
		margin-bottom: 15%;
	}

	#content .sectionMenu+.sectionMenu {
		margin-top: 20%;
	}

	/* categoryLink */
	#content .categoryLink {
		margin-top: 4%;
	}

	#content .categoryLink ul li {
		float: none;
		margin-top: 1.2em;
		width: 100%;
	}

	#content .categoryLink ul li:nth-child(n + 5) {
		margin-top: 1.2em;
	}

	/* menuList */
	#content .menuList {
		margin-bottom: -15%;
	}

	/* menuItem */
	#content .menuItem {
		margin-bottom: 15%;
	}

	#content .course .menuItem,
	#content .gifts .menuItem {
		float: none;
		width: 100%;
	}

	#content .course .menuItem:nth-child(even),
	#content .gifts .menuItem:nth-child(even) {
		float: none;
	}

	#content .single .menuItem {
		float: none;
		margin-bottom: 10%;
		margin-right: 0;
		width: 100%;
	}

  #content .menuItem.suien {
    margin-bottom: 10% !important;
  }
  
  #content .menuItem.suien:has(p.menuTtl:empty) {
    margin-bottom: 0 !important;
  }
  
	/* menuPrice */
	#content .single .menuPrice {
		margin-top: 0.4em;
	}

	/* menuTxt */
	#content .menuTxt {
		margin-top: 1.4em;
	}

	/* menuSummary */
	#content .menuSummary dl {
		width: 100%;
	}

	/* courseContents */
  #content .courseContents .trigger {
		height: 40px;
		line-height: 40px;
	}

	/* Plan
 * プラン
----------------------------------------- */

	/* planTop */
	#content .planTop {
		margin-top: 10%;
	}

	#content .planTop .planImg {
		float: none;
	}

	#content .planTop .planTxt {
		float: none;
		padding-top: 1.4em;
	}

	#content .planTop .planTxt h2 {
		font-size: 18px;
	}

	#content .planTop .planTxt h2 br {
		display: none;
	}

	#content .planTop .planTxt p {
		margin-top: 1.2em;
	}

	#content .planTop .numberOfPeople {
		margin-top: 7%;
		padding-left: 3.4%;
		padding-right: 3.4%;
		width: 100%;
	}

	#content .planTop .numberOfPeople dl dt {
		font-size: 15px;
	}

	#content .planTop .numberOfPeople dl dd {
		font-size: 12px;
	}

	#content .planTop .numberOfPeople dl dd ul li {
		padding: 0 0.3em;
	}

	#content .planTop .numberOfPeople dl dd ul li span {
		height: 20px;
		line-height: 18px;
		margin-right: 0.3em;
	}

	#content .planTop .planDetails .figure {
		padding: 8% 0 10% 0;
		text-align: center;
	}

  #content .otherInfo h3 {
		height: auto;
		line-height: 1.4;
		margin: 0 0 1.4em 0;
		padding: 5% 0.5em;
	}

	#content .otherInfo h3 span {
		display: block;
		margin: 0.5em 0 0 0;
	}

	/* rental -------------------------------- */

  /* planTop */
  #content .rental .planTop .planImg {
    width: 100%;
  }
  
  #content .rental .planTop .planImg img + img {
    margin-top: 20px;
  }

  /* rentalFee */
  #content .rental table.rentalFee {
    margin: 5% 0 0 0;
    width: 100%;
  }
  
  #content .rental table.rentalFee tbody tr,
  #content .rental table.rentalFee tbody tr th,
  #content .rental table.rentalFee tbody tr td {
    display: block;
    overflow: hidden;
  }
  
  #content .rental table.rentalFee tbody tr th {
    width: 100%;
  }
  
  #content .rental table.rentalFee tbody tr td {
    border-top: none;
    float: left;
    width: 50%;
  }
  
  #content .rental table.rentalFee tbody tr td:first-of-type {
    border-right: none;
  }

  /* rentalFee */
  #content .rental .rentalFee {
    margin-top: 15%;
  }
  
  #content .rental .rentalFee dl {
    border: 1px solid #b4ae7a;
    float: none;
    margin-bottom: 5%;
    width: 100%;
  }
  
  #content .rental .rentalFee dl:nth-child(even) {
    float: none;
  }
  
  #content .rental .rentalFee dl dd {
    min-height: auto;
  }

  /* contact */
  #content .rental .contact {
    margin-top: 15%;
  }
  
  #content .rental .contact span:not(.telLink) {
    display: block;
    font-size: 0.8em;
    margin: 0;
  }
  
  /* layout ------------------------------- */

  /* number */
  #content .layout .number {
      margin-top: 10%;
  }
  
  #content .layout .number ul {
      overflow: hidden;
      width: 100%;
  }
  
  #content .layout .number ul li {
    border-left: none;
      border-right: none;
      display: block;
      float: left;
      width: 33.33333%;
      width: calc(100% / 3);
  }
  
  #content .layout .number ul li a {
      font-size: 1.2rem;
      line-height: 1.3;
    height: 56px;
  }

  /* layoutList */
  #content .layout .layoutList {
    margin: -3% 0 0 0;
  }
  
  #content .layout .layoutList .item {
    float: none;
    margin: 15% 0 0 0;
    width: 100%;
  }
  
  #content .layout .layoutList .item dl dd {
    margin-top: 8%;
    text-align: left;
  }
  
  #content .layout .layoutList .item dl dd img {
      width: 92%;
      max-width: 300px;
  }
  
  #content .layout .layoutList .item .linkBtn {
    margin-top: 6%;
  }

	/* gifts -------------------------------- */

	/* giftContents */
	#content .giftContents {
		margin-top: 6%;
	}

	#content .giftContents p.set {
		height: auto;
		line-height: 1.4;
		margin-top: 5%;
		padding: 0.6em 5%;
		text-align: left;
	}

	/* application */
	#content .application {
		margin-top: 12%;
	}

	#content .application h3 {
		height: auto;
		line-height: 1.4;
		padding: 0.6em 5%;
	}

	#content .application h3 span {
		display: block;
		margin: 0.3em 0 0 0;
	}

	#content .application ul {
		margin: 0;
	}

	#content .application ul li {
		float: none;
		margin: 8% 0 0 0;
		width: 100%;
	}

	#content .application ul li dl dd {
		margin-top: 0.4em;
	}

	#content .application ul li dl dd small {
		font-size: 0.7em;
	}

	#content .application ul li dl dd a {
		display: inline-block;
	}

	#content .application ul li .notes {
		margin-top: 0.6em;
	}

	/* Interior
 * 店内風景
----------------------------------------- */

	/* interiorImage */
	#content .interiorImage {
		margin-top: 10%;
	}
  
  #content .interiorImage+h2.bg {
    margin-top: 15%;
  }

/* Weddings
 * ウェディング
----------------------------------------- */

  /* image */
  #content .weddings .image {
    margin: 10% 0 0 0;
  }

  /* menuItem */
  #content .weddings .menuItem {
    margin-top: 0;
    margin-bottom: 8%;
  }

  #content .weddings .gallery {
    margin-top: 10%;
  }
  
  #content .weddings .gallery ul {
    margin: 0;
  }
  
  #content .weddings .gallery ul li {
    float: none;
    margin-top: 5%;
    width: 100%;
  }
  
  #content .weddings .gallery ul li:nth-child(even) {
    float: none;
  }
  
	/* お問い合わせ
 * inquiry
----------------------------------------- */

	/* form */
	.inquiry #content .form {
		margin-top: 6%;
		width: 100%;
	}

	.inquiry #content .form dl {
		display: block;
	}

	.inquiry #content .form dl dt {
		display: block;
	}

	.inquiry #content .form dl dt br {
		display: none;
	}

	.inquiry #content .form dl dd {
		display: block;
	}

	.inquiry #content .form>dl>dt {
		padding-top: 10px;
		width: 100%;
	}

	.inquiry #content .form>dl>dd {
		border-left: none;
		padding: 5px 0 10px 0;
	}

	.inquiry #content .form>dl>dd>dl+dl {
		margin-top: 1.5em;
	}

	.inquiry #content .form>dl>dd>dl dt {
		padding-top: 0;
	}

	.inquiry #content .form>dl>dd>dl dd {
		margin-top: 0.6em;
	}

	.inquiry #content .form dl dd small {
		display: block;
		margin: 0.5em 0 0 0;
	}

	.inquiry #content .form input[type="text"],
	.inquiry #content .form input[type="email"] {
		width: 100%;
	}

	.inquiry #content .form textarea {
		height: 200px;
		width: 100%;
	}

	.inquiry #content .form dl.code dd span:not(.mwform-zip-field) {
		display: block;
		margin: 0.8em 0 0 0;
	}

	.inquiry #content .form dl.address dd input[type="text"] {
		width: 100%;
	}

	/* privacy */
	.inquiry #content .privacy {
		margin-top: 10%;
		width: 100%;
	}

	.inquiry #content .privacy .textBox {
		height: 240px;
		padding: 15px;
	}

	.inquiry #content .privacy .boxInner {
		height: 210px;
		overflow-y: auto;
		padding: 0 15px 0 0;
	}

	.inquiry #content .privacy p.agreement input[type="checkbox"] {
		vertical-align: -0.1em;
	}

	/* button */
	.inquiry #content .button {
		margin-top: 8%;
	}

	.inquiry #content .button input[type="submit"] {
		width: 100%;
	}

	/* mw_wp_form_complete */
	.inquiry #content .mw_wp_form_complete p {
		font-size: 14px;
		margin-top: 5%;
	}

	/* 空席状況・ご予約
 * reservation
----------------------------------------- */

	/* calendar */
	#content .calendarWrapper {
		margin: 5% 0 10%;
	}

	#content .calendar p.notesSp {
		display: block;
		line-height: 1.53;
		margin-top: 1em;
	}
}