@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* Reset
----------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	zoom:1;	/* hasLayout in IE */
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font:inherit;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
}
p {
	max-height:100%;
	line-height: 1.6;
}
header, menu, nav, footer,
section,article, aside,
details, summary,
figure, figcaption {display:block;}
table {
	border-collapse:collapse;
	border-spacing:0;
}
q, blockquote {quotes:none;}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
	content:none;
}
img {
	font-size:0;
	line-height:0;
	vertical-align: bottom;
	height:auto;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#333;
}
a:focus {outline:none;}
a img {
	border:none;
	vertical-align:middle;
}
input[type="submit"] {-webkit-appearance: none;}
textarea {overflow:auto;}
label {cursor:pointer;}
.clearfix:after {
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}
* html .clearfix {zoom:1;}
*:first-child + html .clearfix {zoom:1;}
a {text-decoration: none;}
strong {font-weight: normal;}
ul,ol {list-style-type: none;}
body {
	background-size: contain;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 16px;
	line-height: 1.5;
	color: #111;
}
.wrap {
	width:100%;
	overflow-x: hidden;
}
h2,h3,h4,h5 {font-weight: bold;}
.inner {
	margin:0 auto;
	max-width: 1200px;
}
img {max-width:100%;}

@keyframes fadein {
	from {
		opacity: 0;
		/*transform: translate(-50%, -45%);*/
		top: calc(50% - 433px / 2 + 10px);
	}
	to {
		opacity: 1;
		/*transform: translate(-50%, -50%);*/
		top: calc(50% - 433px / 2);
	}
}

/*===============================================
横幅431px以上
===============================================*/
@media screen and (min-width: 431px) {
	html, body {
		height: 100%;
	}
	.sp {display: none;}

	/* splash
	----------------------------------------------------------- */
	#splash {
		width: 100%;
		height: 100%;
		background: url(img/home_splash_bg.jpg) no-repeat center bottom #000;
		background-size: cover;
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	#splash .image {
		position: absolute;
		/*top: 50%;
		left: 50%;*/
		top: calc(50% - 433px / 2);
		left: calc(50% - 122px / 2);
		/*transform: translate(-50%, -50%);*/
		animation: fadein 2s;
	}

	/* menu
	----------------------------------------------------------- */
	#menu {
		display: none;
		width: 100%;
		background: rgba(243, 243, 242, 0.95);
		padding-bottom: 60px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99999;
	}
	#menu .close {
		margin-bottom: 45px;
		text-align: right;
		position: fixed;
		top: 40px;
		right: 45px;
	}
	#menu .close img:hover {
		cursor: pointer;
		opacity: 0.7;
	}
	#menu h2 {
		margin: 45px 0 60px;
		font-size: 30px;
		font-weight: normal;
		text-align: center;
		color: #bdb785;
		letter-spacing: 0.25em;
	}
	#menu .list {
		display: flex;
		flex-direction: row; /* Cocoon 2.9 の .list { flex-direction: column } 対策 */
		row-gap: 0;
		justify-content: center;
		margin-bottom: 70px;
	}
	#menu .list li {
		margin-right: 40px;
	}
	#menu .list li:last-child {
		margin-right: 0;
	}
	#menu .list li a {
		display: inline-block;
		position: relative;
		padding-right: 20px;
	}
	#menu .list li a:after {
		display: block;
		content: url(img/menu_list_arrow.png);
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	#menu h3 {
		margin-bottom: 50px;
		font-size: 28px;
		font-weight: normal;
		color: #2f2d2d;
		text-align: center;
	}
	#menu h3 span {
		font-size: 16px;
		color: #bdb785;
	}
	#menu ul {
		width: 1080px;
		margin: auto;
	}
	#menu > div {
		width: 1080px;
		margin: 0 auto 80px;
	}
	#menu > div:after {
		display: block;
		content: "";
		width: 580px;
		height: 1px;
		margin: auto;
		padding-bottom: 90px;
		border-bottom: solid 1px #dedbd9;
	}
	#menu .n2-ss-widget div span {
		font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	}
	#menu div#n2-ss-12 .nextend-arrow {
		width: 64px !important;
		height: 64px !important;
	}
	#menu #drink {
		width: 352px;
		margin: auto;
		padding-bottom: 90px;
	}
	#menu #drink:after {
		display: none;
		content: unset;
	}
	#menu > div ul li .name {
		margin-bottom: 30px;
		font-size: 24px;
	}
	#menu > div ul li .price {
		margin-bottom: 30px;
	}
	#menu > div ul li .price span {
		font-size: 20px;
	}
	#menu .nextend-arrow {
		width: 64px !important;
		height: 64px !important;
	}
	#menu .nextend-arrow img {
		left: calc(50% - 16px);
	}
	#menu div table tr {
		background: none;
	}
	#menu div table th {
		width: 20%;
		font-size: 18px;
	}
	#menu div table th,
	#menu div table td {
		padding: 15px;
		background: none;
		border: none;
	}
	#menu div table th span {
		font-size: 12px;
	}
	#menu .grand_menu_list {
		width: 800px;
		margin: 40px auto 0;
		overflow: hidden;
	}
	#menu .grand_menu_list li {
		width: 50%;
		float: left;
		margin-bottom: 20px;
	}
	#menu .grand_menu_list h4 {
		margin-bottom: 10px;
	}
	#menu .grand_menu_list h4 span {
		display: inline-block;
		border-bottom: solid 1px #000;
		font-size: 18px;
	}
	#menu .grand_menu_list li div {
		font-size: 14px;
	}
	#menu .lunch_list {
		width: 800px;
		margin: 20px auto 40px;
		overflow: hidden;
	}
	#menu .lunch_list li {
		width: 45%;
		float: left;
		margin-right: 5%;
		margin-bottom: 30px;
	}
	#menu h4.lunch_list_name {
		width: 800px;
		margin: auto;
		margin-bottom: 10px;
	}
	#menu h4.lunch_list_name span {
		display: inline-block;
		border-bottom: solid 1px #000;
		font-size: 18px;
	}
	#menu .lunch_list li .lunch_name {
		width: 50%;
		float: left;
	}
	#menu .lunch_list li .lunch_price {
		width: 50%;
		float: right;
		font-size: 14px;
		text-align: right;
	}
	#menu .lunch_list li .lunch_info {
		clear: both;
		font-size: 13px;
	}
	#menu .drink_img {
		margin-bottom: 40px;
	}
	#menu .drink_box {
		width: 800px;
		margin: auto;
	}
	#menu .wine_list {
		clear: both;
		overflow: hidden;
		margin-bottom: 40px;
	}
	#menu .wine_list h4.drink_list_name {
		clear: both;
		width: 200px;
		float: left;
	}
	#menu h4.drink_list_name span {
		display: inline-block;
		border-bottom: solid 1px #000;
		font-size: 18px;
	}
	#menu .wine_list ul {
		width: 600px;
		float: left;
	}
	#menu .wine_list ul li {
		margin-bottom: 30px;
	}
	#menu .wine_list ul li .drink_name {
		width: 80%;
		float: left;
	}
	#menu .wine_list ul li .drink_price {
		width: 20%;
		float: right;
		text-align: right;
	}
	#menu .wine_list ul li .drink_type {
		clear: both;
		display: inline-block;
		float: left;
		border-radius: 5px;
		padding: 0 5px;
		font-size: 12px;
		color: #fff;
	}
	#menu .wine_list ul li .drink_info {
		clear: both;
		padding-top: 5px;
		font-size: 13px;
	}
	#menu .red_wine ul li .drink_type {
		background: #a33;
	}
	#menu .white_wine ul li .drink_type {
		background: #996;
	}
	#menu .sparkling ul li .drink_type {
		background: #399;
	}
	#menu .drink_list {
		width: 40%;
		float: left;
		margin-right: 10%;
		margin-bottom: 40px;
	}
	#menu .drink_list h4 {
		margin-bottom: 10px;
	}
	#menu .drink_list ul {
		width: 100%;
		margin-top: 20px;
		overflow: hidden;
	}
	#menu .drink_list ul li {
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;
	}
	#menu .drink_list ul li .drink_name {
		width: 45%;
		float: left;
	}
	#menu .drink_list ul li .drink_price {
		width: 55%;
		float: right;
		text-align: right;
	}
	#menu .drink_list ul li .drink_type {
		clear: both;
	}
	#menu .drink_list ul li .drink_info {
		font-size: 13px;
	}

	/* header
	----------------------------------------------------------- */
	header > h1 {
		display: none;
	}
	header .box {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
	}
	header .box a img {
		position: absolute;
		top: 10px;
		left: 30px;
		z-index: 9999;
	}
	header .box nav {
		height: calc(25px + 90px);
		background: rgba(0, 0, 0, 0.5);
	}
	header .box nav ul {
		margin: 45px 32px;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}
	header .box nav ul li {
		margin-right: 32px;
	}
	header .box nav ul li:last-child {
		margin-right: 0;
	}
	header .box nav ul li:hover {
		border-bottom: solid 1px rgba(255, 255, 255, 0.6);
	}
	header .box nav ul li a {
		color: #fff;
	}
	.lower header .box nav ul li a {
		color: #fff;
	}
	#home header .box nav ul li:nth-child(2) {
		border-bottom: solid 1px #bdb785;
	}
	#commit header .box nav ul li:nth-child(3) {
		border-bottom: solid 1px #bdb785;
	}
	#menu header .box nav ul li:nth-child(4) {
		border-bottom: solid 1px #bdb785;
	}
	#gallery header .box nav ul li:nth-child(5) {
		border-bottom: solid 1px #bdb785;
	}
	#gift header .box nav ul li:nth-child(6) {
		border-bottom: solid 1px #bdb785;
	}
	#access header .box nav ul li:nth-child(7) {
		border-bottom: solid 1px #bdb785;
	}
	#contact header .box nav ul li:nth-child(8) {
		border-bottom: solid 1px #bdb785;
	}

	/* main
	----------------------------------------------------------- */
	#home main h2,
	.lower main h2 {
		margin-bottom: 70px;
		font-size: 30px;
		font-weight: normal;
		color: #bdb785;
		letter-spacing: 0.25em;
	}
	#home main h3,
	.lower main h3 {
		margin-bottom: 60px;
		font-size: 28px;
		font-weight: normal;
		color: #2f2d2d;
	}
	#home main p,
	.lower main p {
		font-size: 15px;
		line-height: 40px;
	}
	#home main .button {
		display: inline-block;
		width: 200px;
		height: 60px;
		margin: 30px auto 0;
		background: url(img/button_bg.png) no-repeat 100%;
	}
	#home main .button.back {
		display: none;
	}
	#home main .button a {
		display: block;
		width: 200px;
		height: 60px;
		font-size: 15px;
		color: #b4af8a;
		text-align: center;
		line-height: 60px;
		letter-spacing: 0.1em;
	}
	#home main .button a:hover {
		opacity: 0.7;
	}
	#home main .button input[type="submit"] {
		appearance: none;
		border: none;
		background: transparent;
		padding: 21px 0;
		font-size: 15px;
		color: #bdb785;
	}
	#home main .inner {
		height: 875px;
		box-sizing: border-box;
		text-align: center;
		position: relative;
	}
	#home main .inner .box {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		transform: translateY(-50%);
	}
	#home main .content05 {
		background: #fcfbf9;
		padding: 90px 0;
	}
	#home main .content05 p {
		text-align: center;
	}
	#home main .content05 .inner {
		height: auto;
	}
	#home main .content05 .inner ul li .xo-months {
		display: flex;
	}
	#home main .content05 .inner ul li .xo-months .xo-month-wrap {
		width: 48%;
		margin: 0 1%;
	}
	#home main .content05 .inner ul li .xo-months .xo-month-wrap table caption span,
	#home main .content05 .inner ul li .xo-months .xo-month-wrap table th,
	#home main .content05 .inner ul li .xo-months .xo-month-wrap table td,
	#home main .content05 .inner ul li .holiday-titles .holiday-title {
		font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	}
	#home main .content05 .inner ul li .holiday-all {
		color: #fff;
	}
	#home main .content05 .xo-event-calendar table.xo-month .month-dayname td div.other-month {
		display: none;
	}
	#home main .content06 .box h3 {
		margin-bottom: 15px;
		font-size: 18px;
		font-weight: bold;
	}
	#home main .content06 .box p {
		margin-bottom: 60px;
	}
	#home main .content06 iframe {
		width: 100%;
		height: 560px;
	}
	#home main .content07 .inner {
		height: 1280px;
	}
	#home main .content07 p {
		margin-bottom: 30px;
	}
	#home main .content07 p span {
		font-size: 44px;
	}
	#home main .content07 p span.red {
		font-size: 15px;
	}
	#home main .content07 p.button {
		margin-top: 0;
	}
	#home main .content08 {
		background: #fcfbf9;
	}
	#home main .content08 table {
		width: 840px;
		margin: auto;
	}
	#home main .content08 table tr:last-child th {
		padding-top: 20px;
		vertical-align: top;
	}
	#home main .content08 table th,
	#home main .content08 table td {
		background: transparent;
		border: none;
	}
	#home main .content08 table th {
		padding: 9px 20px;
		font-weight: bold;
		text-align: right;
		vertical-align: middle;
	}
	#home main .content08 table th label {
		font-weight: bold;
	}
	#home main .content08 table td {
		padding: 9px 20px;
		text-align: left;
	}
	#home main .content08 table td input,
	#home main .content08 table td textarea {
		padding: 12px;
		background: #ededed;
		border: solid 1px #c3c3c3;
		outline: none;
	}
	#home main .content08 table td input[type="text"],
	#home main .content08 table td input[type="email"],
	#home main .content08 table td input[type="tel"] {
		width: 420px;
	}
	#home main .content08 table td textarea {
		width: 580px;
		height: 170px;
	}
	.lower main .inner {
		box-sizing: border-box;
		text-align: center;
		position: relative;
	}
	.lower main .head {
		margin-top: 115px;
		margin-bottom: 105px !important;
		text-align: center;
	}
	.lower main .head img {
		width: calc(100% - 292px);
	}

	/* error410
	----------------------------------------------------------- */
	#error410 main .inner {
		margin-top: 140px;
	}
	#error410 main .inner .text {
		margin-bottom: 40px;
		text-align: center;
	}
	#error410 main .inner .button {
		margin-bottom: 40px;
		text-align: center;
	}

	/* commit
	----------------------------------------------------------- */
	#commit main .head {
		background: url(img/commit_header.png) no-repeat center center;
		background-size: cover;
	}
	#commit main .head h1 {
		margin: auto;
		padding: 50px 0;
		font-size: 30px;
		color: #fff;
		writing-mode: vertical-rl;
		letter-spacing: 0.1em;
	}
	#commit main .inner > div {
		margin-bottom: 200px;
	}
	#commit main .inner > div .img {
		margin-bottom: 45px;
	}
	#commit main .content06 {
		display: flex;
		justify-content: center;
	}
	#commit main .content06 .left {
		width: 540px;
		margin-top: 275px;
		margin-right: 155px;
		box-sizing: border-box;
		overflow: hidden;
	}
	#commit main .content06 .left h3 {
		margin-left: 60px;
		font-size: 28px;
		color: #2f2f2f;
	}
	#commit main .content06 .left .text {
		font-size: 16px;
		color: #393939;
	}
	#commit main .content06 .right {
		clear: both;
	}
	#commit main .content06 .left h3,
	#commit main .content06 .left p {
		writing-mode: vertical-rl;
		text-align: left;
		float: right;
	}
	#commit main .content09 .box {
		width: 1080px;
		margin: auto;
	}
	#commit main .content09 .box h3 {
		margin-bottom: 45px;
	}
	#commit main .content09 .box > .text {
		margin-bottom: 50px;
	}
	#commit main .content09 .box .left {
		float: left;
		margin-bottom: 45px;
	}
	#commit main .content09 .box .left .img {
		margin-bottom: 0;
	}
	#commit main .content09 .box .right {
		padding-top: 25px;
		padding-left: 50px;
		float: left;
		text-align: left;
	}
	#commit main .content09 .box .right h4 {
		margin-bottom: 40px;
		font-size: 20px;
		font-weight: normal;
	}
	#commit main .content09 .box > .img {
		clear: both;
	}

	/* gift
	----------------------------------------------------------- */
	#gift main > .head {
		background: url(img/gift_header.png) no-repeat center center;
		background-size: cover;
	}
	#gift main > .head h1 {
		margin: auto;
		padding: 250px 0;
		font-size: 30px;
		color: #fff;
		writing-mode: vertical-rl;
		letter-spacing: 0.1em;
	}
	#gift main p {
		color: #393939;
	}
	#gift main .content01 {
		margin-bottom: 80px;
	}
	#gift main .content01:after {
		display: block;
		content: "";
		width: 580px;
		height: 1px;
		margin: auto;
		padding-bottom: 90px;
		border-bottom: solid 1px #e7e7e7;
	}
	#gift main .content02 {
		margin-bottom: 180px;
	}
	#gift main .content02 .inner h3,
	#gift main .content03 .inner h3 {
		margin-bottom: 35px;
	}
	#gift main .content02 .inner h3 span,
	#gift main .content03 .inner h3 span {
		font-size: 14px;
		color: #bdb785;
	}
	#gift main .content02 .inner .text,
	#gift main .content03 .inner .text {
		margin-bottom: 60px;
	}
	#gift main .content02 .inner ul li,
	#gift main .content03 .inner ul li {
		display: flex;
		margin-bottom: 90px;
	}
	#gift main .content02 .inner ul li .left,
	#gift main .content03 .inner ul li .left {
		width: 600px;
	}
	#gift main .content02 .inner ul li .right,
	#gift main .content03 .inner ul li .right {
		width: 600px;
		padding: 45px 40px;
		box-sizing: border-box;
		text-align: left;
	}
	#gift main .content02 .inner ul li .right .product_name,
	#gift main .content03 .inner ul li .right .product_name {
		margin-bottom: 40px;
		font-size: 24px;
	}
	#gift main .content02 .inner ul li .right .product_price1,
	#gift main .content02 .inner ul li .right .product_price2,
	#gift main .content02 .inner ul li .right .product_price3,
	#gift main .content03 .inner ul li .right .product_price1,
	#gift main .content03 .inner ul li .right .product_price2 {
		text-align: right;
	}
	#gift main .content02 .inner ul li .right .product_price1 span,
	#gift main .content02 .inner ul li .right .product_price2 span,
	#gift main .content02 .inner ul li .right .product_price3 span,
	#gift main .content03 .inner ul li .right .product_price1 span,
	#gift main .content03 .inner ul li .right .product_price2 span {
		font-size: 24px;
	}
	#gift main .content02 .inner ul li .right .product_info,
	#gift main .content03 .inner ul li .right .product_info {
		clear: both;
	}
	#gift main .content02 .inner ul li .right .product_buy a,
	#gift main .content03 .inner ul li .right .product_buy a {
		display: block;
		float: right;
		width: 240px;
		background: #4d4d4d;
		border-radius: 5px;
		margin: 55px 0;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	#gift main .content03 {
		margin-bottom: 140px;
	}
	#gift main .content03 .line {
		width: 580px;
	}
	#gift main .content03 .inner {
		width: 1200px;
		padding-top: 105px;
		border-top: solid 1px #e7e7e7;
	}
	#gift main .content04 {
		padding-bottom: 60px;
	}
	#gift main .content04 .inner {
		width: 580px;
		padding-top: 105px;
		border-top: solid 1px #e7e7e7;
	}
	#gift main .content04 .inner .text {
		margin-bottom: 80px;
	}
	#gift main .content04 .inner h4 {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: normal;
	}
	#gift main .content05 {
		margin-bottom: 115px;
		padding: 70px 0;
		background: #fcfbf9;
	}
	#gift main .content05 .inner {
		display: flex;
	}
	#gift main .content05 .inner div {
		width: calc(100% / 3);
	}
	#gift main .content05 .inner div.left .text span {
		font-size: 44px;
	}
	#gift main .content05 .inner div h3 {
		margin-bottom: 20px;
		font-size: 18px;
		color: #4d4714;
	}
	#gift main .content05 .inner div .button {
		width: 353px;
		margin: auto;
	}
	#gift main .content05 .inner div .button a {
		display: block;
		width: 353px;
		height: 93px;
		background: url(img/gift_cont5_button_bg.png) no-repeat;
		text-align: center;
		line-height: 93px;
		color: #4d4714;
	}
	#gift main .content05 .inner div .button a:hover {
		color: #4d4714;
		opacity: 0.7;
	}

	/* gallery
	----------------------------------------------------------- */
	#gallery main > .head {
		background: url(img/gallery_header.png) no-repeat center center;
		background-size: cover;
	}
	#gallery main > .head h1 {
		margin: auto;
		padding: 190px 0;
		font-size: 30px;
		color: #fff;
		writing-mode: vertical-rl;
		letter-spacing: 0.1em;
	}
	#gallery main p {
		color: #393939;
	}
	#gallery main .content01,
	#gallery main .content02,
	#gallery main .content03,
	#gallery main .content04,
	#gallery main .content05 {
		width: 1080px;
		margin: auto;
	}
	#gallery main .content01,
	#gallery main .content02,
	#gallery main .content03,
	#gallery main .content04 {
		margin-bottom: 80px;
	}
	#gallery main .content01:after,
	#gallery main .content02:after,
	#gallery main .content03:after,
	#gallery main .content04:after {
		display: block;
		content: "";
		width: 580px;
		height: 1px;
		margin: auto;
		padding-bottom: 90px;
		border-bottom: solid 1px #e7e7e7;
	}
	#gallery main .inner h3 span {
		font-size: 16px;
		color: #bdb785;
	}
	#gallery main .content05 {
		margin-bottom: 170px;
	}
	#gallery main .bx-wrapper {
		margin-bottom: 150px;
	}
	#gallery main .bx-pager {
		padding-top: 10px;
		bottom: -104px;
	}
	#gallery main .bx-pager-item {
		margin-right: 12px;
	}
	#gallery main .bx-pager-item:last-child {
		margin-right: 0;
	}
	#gallery main .bx-pager-item a:hover img {
		opacity: 0.7;
	}
	#gallery main .nextend-arrow {
		width: 64px !important;
		height: 64px !important;
	}

	/* contact
	----------------------------------------------------------- */
	#contact.customize-support main .content01 .inner {
		padding-bottom: 80px;
	}
	#contact main table {
		margin-bottom: 40px;
	}
	#contact main .button {
		display: inline-block;
		width: 200px;
		height: 60px;
		margin: 50px auto 0;
		background: url(img/button_bg.png) no-repeat 100%;
	}
	#contact main .button.back {
		margin-right: 60px;
	}
	#contact main .button input[type="submit"],
	#contact main .button a {
		appearance: none;
		border: none;
		background: transparent;
		padding: 21px 0;
		font-size: 15px;
		color: #bdb785;
	}
	#contact main .button a {
		display: inline-block;
	}

	/* footer
	----------------------------------------------------------- */
	footer .foot {
		background: url(img/footer_bg.png) no-repeat center center;
		/*background-size: calc(100% - 292px) 100%;*/
		background-size: 100%;
	}
	footer .foot .inner {
		overflow: hidden;
	}
	footer .foot .inner .left {
		width: 50%;
		float: left;
	}
	footer .foot .inner .left h2 {
		padding: 174px 0;
		font-size: 20px;
		font-weight: normal;
		text-align: center;
		color: rgba(255, 255, 255, 0.5);
		letter-spacing: 0.2em;
	}
	footer .foot .inner .right {
		width: 50%;
		float: right;
		margin-bottom: 85px;
	}
	footer .foot .inner .right p {
		color: #fff;
	}
	footer .foot .inner .right p a {
		color: #fff;
	}
	footer .foot .inner .right p a:hover {
		opacity: 0.7;
	}
	footer .foot .inner .right .tel {
		margin-bottom: 45px;
		padding-top: 120px;
		font-size: 15px;
	}
	footer .foot .inner .right .tel a {
		font-size: 44px;
	}
	footer .foot .inner .right .tel a:hover {
		opacity: 0.7;
	}
	footer .foot .inner .right .button a {
		display: block;
		width: 476px;
		height: 94px;
		background: url(img/footer_button_bg.png) no-repeat;
		font-size: 18px;
		text-align: center;
		line-height: 94px;
		letter-spacing: 0.25em;
	}
	footer > .inner {
		padding: 70px 0 90px;
	}
	footer .img {
		float: left;
		margin-right: 20px;
	}
	footer .text {
		margin-top: 130px;
		font-size: 12px;
		color: #403f3f;
	}
	footer ul {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 30px;
		font-size: 12px;
	}
	footer ul li {
		margin-right: 25px;
	}
	footer ul li:last-child {
		margin-right: 0;
	}
	footer ul li a {
		color: #403f3f;
	}
	footer .copy {
		text-align: right;
	}
	footer .copy small {
		font-size: 12px;
		color: #393939;
	}
	footer .top {
		position: fixed;
		bottom: 80px;
		right: 15px;
		text-align: center;
	}
	footer .top a {
		font-size: 12px;
		color: #bdb785;
	}
}


/*===============================================
横幅430px以下
===============================================*/
@media screen and (max-width: 430px) {
	html, body {
		width: 430px;
		height: 100%;
		/*overflow-x: hidden;*/
	}
	.wrap {
		width: 430px;
	}
	.inner {
		width: auto;
	}
	.pc {
		display: none;
	}
	img {
		max-width: 430px;
		width: 100%;
	}

	/* splash
	----------------------------------------------------------- */
	#splash {
		width: 430px;
		height: 100%;
		background: url(img/home_splash_bg.jpg) no-repeat center bottom #000;
		background-size: contain;
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	#splash .image {
		position: absolute;
		/*top: 50%;
		left: 50%;*/
		top: calc(50% - 433px / 2);
		left: calc(50% - 122px / 2);
		/*transform: translate(-50%, -50%);*/
		animation: fadein 2s;
	}

	/* menu
	----------------------------------------------------------- */
	#menu {
		display: none;
		width: 430px;
		/*height: 100%;*/
		padding-top: 40px;
		background: rgba(243, 243, 242, 0.95);
		overflow: scroll;
		/*position: fixed;*/
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99999;
	}
	#menu .close {
		position: fixed;
		top: 30px;
		right: 30px;
		z-index: 9999;
	}
	#menu .close img:hover {
		cursor: pointer;
		opacity: 0.7;
	}
	#menu h2 {
		margin-bottom: 60px;
		font-size: 30px;
		font-weight: normal;
		text-align: center;
		color: #bdb785;
		letter-spacing: 0.25em;
	}
	#menu .list {
		width: 390px;
		margin: 0 auto 70px;
		display: flex;
		flex-direction: row; /* Cocoon 2.9 の .list { flex-direction: column } 対策 */
		row-gap: 0;
		flex-wrap: wrap;
	}
	#menu .list li {
		width: calc(100% / 3);
		margin-bottom: 20px;
	}
	#menu .list li a {
		display: inline-block;
		position: relative;
		padding-right: 20px;
		font-size: 18px;
	}
	#menu .list li a:after {
		display: block;
		content: url(img/menu_list_arrow.png);
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	#menu h3 {
		margin-bottom: 50px;
		font-size: 28px;
		font-weight: normal;
		color: #2f2d2d;
		text-align: center;
	}
	#menu h3 span {
		font-size: 16px;
		color: #bdb785;
	}
	#menu ul {
		width: 430px;
		margin: auto;
	}
	#menu > div {
		width: 430px;
		margin: 0 auto 50px;
	}
	#menu > div:after {
		display: block;
		content: "";
		width: 390px;
		height: 1px;
		margin: auto;
		padding-bottom: 40px;
		border-bottom: solid 1px #dedbd9;
	}
	#menu .n2-ss-widget div span {
		font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	}
	#menu #drink {
		width: 180px;
		margin: auto;
		padding-bottom: 80px;
	}
	#menu #drink:after {
		display: none;
		content: unset;
	}
	#menu div#n2-ss-12 .nextend-arrow {
		width: 64px !important;
		height: 64px !important;
	}
	#menu > div ul li .name {
		margin-bottom: 30px;
		font-size: 24px;
	}
	#menu > div ul li .price {
		margin-bottom: 30px;
	}
	#menu > div ul li .price span {
		font-size: 20px;
	}
	#menu .nextend-arrow img {
		width: 32px !important;
		left: calc(50% - 16px);
	}
	#menu div table,
	#menu div table tbody,
	#menu div table tbody tr,
	#menu div table tbody tr th,
	#menu div table tbody tr td {
		display: block;
		width: 100%;
	}
	#menu div table {
		width: 380px;
		margin: auto;
	}
	#menu div table tr {
		background: none;
		margin-bottom: 40px;
	}
	#menu div table th {
		margin-bottom: 10px;
		font-size: 18px;
		text-align: left;
	}
	#menu div table td {
		margin-bottom: 10px;
	}
	#menu div table th,
	#menu div table td {
		background: none;
		border: none;
		padding: 0;
	}
	#menu div table th span {
		width: 40%;
		float: right;
		font-size: 11px;
		text-align: right;
	}
	#menu div table td {
		padding-top: 0;
	}
	#menu .grand_menu_list {
		width: 380px;
		margin: 40px auto 0;
		overflow: hidden;
	}
	#menu .grand_menu_list li {
		width: 100%;
		margin-bottom: 40px;
	}
	#menu .grand_menu_list h4 {
		margin-bottom: 10px;
	}
	#menu .grand_menu_list h4 span {
		display: inline-block;
		border-bottom: solid 1px #000;
		font-size: 18px;
	}
	#menu .grand_menu_list li div {
		clear: both;
		margin-top: 20px;
		font-size: 14px;
		overflow: hidden;
	}
	#menu .grand_menu_list li div p {
		width: 46%;
		float: left;
		margin: 0 4% 0 0;
	}
	#menu .lunch_list {
		width: 380px;
		margin: 20px auto 40px;
		overflow: hidden;
	}
	#menu .lunch_list li {
		width: 100%;
		margin-bottom: 30px;
	}
	#menu h4.lunch_list_name {
		width: 380px;
		margin: auto;
		margin-bottom: 10px;
	}
	#menu h4.lunch_list_name span {
		display: inline-block;
		border-bottom: solid 1px #000;
		font-size: 18px;
	}
	#menu .lunch_list li .lunch_name {
		width: 50%;
		float: left;
	}
	#menu .lunch_list li .lunch_price {
		width: 50%;
		float: right;
		font-size: 14px;
		text-align: right;
	}
	#menu .lunch_list li .lunch_info {
		clear: both;
		font-size: 13px;
	}
	#menu .drink_img {
		margin-bottom: 40px;
	}
	#menu .drink_box {
		width: 380px;
		margin: auto;
	}
	#menu .wine_list {
		clear: both;
		overflow: hidden;
		margin-bottom: 40px;
	}
	#menu .wine_list h4.drink_list_name {
		width: 100%;
	}
	#menu h4.drink_list_name span {
		display: inline-block;
		border-bottom: solid 1px #000;
		font-size: 18px;
	}
	#menu .wine_list ul {
		width: 100%;
		margin-top: 20px;
	}
	#menu .wine_list ul li {
		margin-bottom: 40px;
	}
	#menu .wine_list ul li .drink_name {
		width: 100%;
	}
	#menu .wine_list ul li .drink_price {
		width: 100%;
		text-align: right;
	}
	#menu .wine_list ul li .drink_type {
		display: inline-block;
		border-radius: 5px;
		padding: 0 5px;
		font-size: 12px;
		color: #fff;
	}
	#menu .wine_list ul li .drink_info {
		margin-top: 12px;
		font-size: 13px;
	}
	#menu .red_wine ul li .drink_type {
		background: #a33;
	}
	#menu .white_wine ul li .drink_type {
		background: #996;
	}
	#menu .sparkling ul li .drink_type {
		background: #399;
	}
	#menu .drink_list {
		width: 100%;
		margin-bottom: 40px;
	}
	#menu .drink_list h4 {
		margin-bottom: 10px;
	}
	#menu .drink_list ul {
		width: 100%;
		margin-top: 20px;
		overflow: hidden;
	}
	#menu .drink_list ul li {
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;
	}
	#menu .drink_list ul li .drink_name {
		width: 45%;
		float: left;
	}
	#menu .drink_list ul li .drink_price {
		width: 55%;
		float: right;
		text-align: right;
	}
	#menu .drink_list ul li .drink_type {
		clear: both;
	}
	#menu .drink_list ul li .drink_info {
		font-size: 13px;
	}

	/* header
	----------------------------------------------------------- */
	header > h1 {
		display: none;
	}
	header .box {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 430px;
	}
	header .box a img {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 60px;
		height: auto;
		z-index: 9999;
	}
	header .box nav ul {
		width: 430px;
		height: 100%;
		padding: 30px;
		background: rgba(0,0,0,0.7);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		box-sizing: border-box;
	}
	header .box nav ul li {
		margin-bottom: 20px;
	}
	header .box nav ul li#close {
		text-align: right;
	}
	header .box nav ul li#close img {
		top: 25px;
		right: 25px;
		left: unset;
	}
	header .box nav ul li:last-child {
		margin-right: 0;
	}
	header .box nav ul li a {
		font-size: 20px;
		color: #fff;
		text-shadow: 0 0 3px #333;
	}
	.lower header .box nav ul li a {
		color: #fff;
	}
	#nav {
		display: none;
	}
	#menubutton {
		margin: 30px;
		text-align: right;
	}
	#menubutton a img {
		top: 25px;
		right: 25px;
		left: unset;
	}

	/* main
	----------------------------------------------------------- */
	main {
		overflow-x: hidden;
	}
	#home main h2,
	.lower main h2 {
		margin-bottom: 30px;
		font-size: 30px;
		font-weight: normal;
		color: #bdb785;
		letter-spacing: 0.1em;
	}
	#home main h3,
	.lower main h3 {
		margin-bottom: 30px;
		font-size: 24px;
		font-weight: normal;
		color: #2f2d2d;
	}
	#home main p,
	.lower main p {
		width: 390px;
		margin: auto;
		font-size: 15px;
		line-height: 40px;
		text-align: left;
	}
	#home main p.image {
		width: 430px;
		margin-bottom: 30px;
	}
	#home main .button {
		width: 200px;
		height: 60px;
		margin: 50px auto;
		background: url(img/button_bg.png) no-repeat 100%;
	}
	#home main .button.back {
		display: none;
	}
	#home main .button a {
		display: block;
		width: 200px;
		height: 60px;
		background: url(img/button_bg.png) no-repeat 100%;
		font-size: 15px;
		color: #bdb785;
		text-align: center;
		line-height: 60px;
		letter-spacing: 0.1em;
	}
	#home main .button a:hover {
		opacity: 0.7;
	}
	#home main .button input[type="submit"] {
		appearance: none;
		border: none;
		background: transparent;
		padding: 21px 0;
		font-size: 15px;
		color: #bdb785;
	}
	#home main .inner {
		box-sizing: border-box;
		text-align: center;
	}
	#home main .content05 {
		background: #fcfbf9;
		margin-bottom: 30px;
		padding-top: 30px;
	}
	#home main .content05 .inner {
		width: 390px;
		margin: auto;
	}
	#home main .content05 .inner ul li .xo-months .xo-month-wrap table caption span,
	#home main .content05 .inner ul li .xo-months .xo-month-wrap table th,
	#home main .content05 .inner ul li .xo-months .xo-month-wrap table td,
	#home main .content05 .inner ul li .holiday-titles .holiday-title {
		font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		text-align: center;
	}
	#home main .content05 .inner ul li .holiday-all {
		color: #fff;
	}
	#home main .content05 .inner .xo-event-calendar table.xo-month .month-dayname td div {
		font-size: 14px;
	}
	#home main .content05 .xo-event-calendar table.xo-month .month-dayname td div.other-month {
		display: none;
	}
	#home main .content06 {
		margin-bottom: 30px;
	}
	#home main .content06 .box h3 {
		margin-bottom: 15px;
		font-size: 18px;
		font-weight: bold;
	}
	#home main .content06 .box p {
		margin-bottom: 60px;
	}
	#home main .content06 iframe {
		width: 430px;
		height: 430px;
	}
	#home main .content07 p {
		margin-bottom: 30px;
	}
	#home main .content07 p span {
		font-size: 44px;
	}
	#home main .content07 p span.red {
		font-size: 15px;
	}
	#home main .content08 {
		background: #fcfbf9;
		padding: 30px 0;
	}
	#home main .content08 table {
		width: 430px;
		margin: auto;
	}
	#home main .content08 table tr {
		display: block;
		margin-bottom: 20px;
	}
	#home main .content08 table tr:last-child th {
		padding-top: 0;
		vertical-align: top;
	}
	#home main .content08 table th,
	#home main .content08 table td {
		display: block;
		background: transparent;
		border: none;
	}
	#home main .content08 table th {
		padding: 0 20px;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
	}
	#home main .content08 table th label {
		font-weight: bold;
	}
	#home main .content08 table td {
		padding: 0 20px;
		text-align: left;
	}
	#home main .content08 table td input,
	#home main .content08 table td textarea {
		padding: 12px;
		background: #ededed;
		border: solid 1px #c3c3c3;
		outline: none;
	}
	#home main .content08 table td label {
		display: inline-block;
		margin: 10px 0;
		font-size: 16px;
	}
	#home main .content08 table td input[type="radio"] {
		margin-left: 1.0em;
	}
	#home main .content08 table td input[type="text"],
	#home main .content08 table td input[type="email"],
	#home main .content08 table td input[type="tel"] {
		width: 390px;
	}
	#home main .content08 table td textarea {
		width: 390px;
		height: 170px;
	}

	.lower main .inner {
		box-sizing: border-box;
		text-align: center;
		position: relative;
	}
	.lower main .head {
		margin-top: 85px;
		margin-bottom: 40px !important;
	}

	/* commit
	----------------------------------------------------------- */
	#commit main .head {
		background: url(img/commit_header.png) no-repeat center center;
		background-size: cover;
	}
	#commit main .head h1 {
		margin: auto;
		padding: 20px 0;
		font-size: 20px;
		color: #fff;
		writing-mode: vertical-rl;
		letter-spacing: 0.1em;
	}
	#commit main .inner > div {
		margin-bottom: 80px;
	}
	#commit main .inner > div .img {
		margin-bottom: 20px;
	}
	#commit main .content06 .left h3 {
		font-size: 24px;
		color: #2f2f2f;
		text-align: center;
	}
	#commit main .content06 .left .text {
		margin-bottom: 20px;
		font-size: 16px;
		color: #393939;
	}
	#commit main .content09 .box h3 {
		margin-bottom: 20px;
	}
	#commit main .content09 .box > .text {
		margin-bottom: 20px;
	}
	#commit main .content09 .box .left {
		margin-bottom: 45px;
	}
	#commit main .content09 .box .left .img {
		margin-bottom: 0;
		text-align: center;
		width: 40%;
	}
	#commit main .content09 .box .right {
		padding-top: 25px;
		text-align: left;
	}
	#commit main .content09 .box .right h4 {
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: normal;
		text-align: center;
	}
	#commit main .content09 .box .right .text {
		margin-bottom: 20px;
	}
	#commit main .content09 .box > .img {
		clear: both;
	}

	/* gift
	----------------------------------------------------------- */
	#gift main > .head {
		background: url(img/gift_header.png) no-repeat center center;
		background-size: cover;
	}
	#gift main > .head h1 {
		margin: auto;
		padding: 20px 0;
		font-size: 20px;
		color: #fff;
		writing-mode: vertical-rl;
		letter-spacing: 0.1em;
	}
	#gift main p {
		color: #393939;
	}
	#gift main .content01 {
		margin-bottom: 50px;
	}
	#gift main .content01:after {
		display: block;
		content: "";
		width: 390px;
		height: 1px;
		margin: auto;
		padding-bottom: 40px;
		border-bottom: solid 1px #e7e7e7;
	}
	#gift main .content02 {
		margin-bottom: 80px;
	}
	#gift main .content02 .inner h3,
	#gift main .content03 .inner h3 {
		margin-bottom: 35px;
	}
	#gift main .content02 .inner h3 span,
	#gift main .content03 .inner h3 span {
		font-size: 14px;
		color: #bdb785;
	}
	#gift main .content02 .inner .text,
	#gift main .content03 .inner .text {
		margin-bottom: 20px;
	}
	#gift main .content02 .inner ul li,
	#gift main .content03 .inner ul li {
		margin-bottom: 40px;
	}
	#gift main .content02 .inner ul li .left,
	#gift main .content03 .inner ul li .left {
		width: 390px;
		margin-bottom: 20px;
	}
	#gift main .content02 .inner ul li .right,
	#gift main .content03 .inner ul li .right {
		width: 390px;
		margin: auto;
		box-sizing: border-box;
		text-align: left;
	}
	#gift main .content02 .inner ul li .right .product_name,
	#gift main .content03 .inner ul li .right .product_name {
		margin-bottom: 10px;
		font-size: 24px;
	}
	#gift main .content02 .inner ul li .right .product_price1,
	#gift main .content02 .inner ul li .right .product_price2,
	#gift main .content02 .inner ul li .right .product_price3,
	#gift main .content03 .inner ul li .right .product_price1,
	#gift main .content03 .inner ul li .right .product_price2 {
		text-align: right;
	}
	#gift main .content02 .inner ul li .right .product_buy a,
	#gift main .content03 .inner ul li .right .product_buy a {
		display: block;
		width: 240px;
		background: #4d4d4d;
		border-radius: 5px;
		margin: 20px auto;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	#gift main .content03 {
		margin-bottom: 40px;
	}
	#gift main .content04 {
		padding-bottom: 40px;
	}
	#gift main .content04 .inner {
		width: 390px;
		padding-top: 50px;
		border-top: solid 1px #e7e7e7;
	}
	#gift main .content04 .inner h4 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	#gift main .content04 .inner .text {
		margin-bottom: 30px;
	}
	#gift main .content05 {
		width: 390px;
		margin: 0 auto 40px;
		padding: 40px 0 20px;
		background: #fcfbf9;
	}
	#gift main .content05 .inner {
		width: 390px;
	}
	#gift main .content05 .inner div {
		margin-bottom: 60px;
	}
	#gift main .content05 .inner div.right {
		margin-bottom: 0;
	}
	#gift main .content05 .inner div h3 {
		margin-bottom: 20px;
		font-size: 18px;
		color: #4d4714;
	}
	#gift main .content05 .inner div .text {
		text-align: center;
	}
	#gift main .content05 .inner div .text span {
		font-size: 44px;
	}
	#gift main .content05 .inner div .button {
		width: 353px;
		margin: auto;
		text-align: center;
	}
	#gift main .content05 .inner div .button a {
		display: block;
		width: 353px;
		height: 93px;
		background: url(img/gift_cont5_button_bg.png) no-repeat;
		line-height: 93px;
	}

	/* gallery
	----------------------------------------------------------- */
	#gallery main > .head {
		background: url(img/gallery_header.png) no-repeat center center;
		background-size: cover;
	}
	#gallery main > .head h1 {
		margin: auto;
		padding: 20px 0;
		font-size: 20px;
		color: #fff;
		writing-mode: vertical-rl;
		letter-spacing: 0.1em;
	}
	#gallery main p {
		color: #393939;
	}
	#gallery main .content01,
	#gallery main .content02,
	#gallery main .content03,
	#gallery main .content04,
	#gallery main .content05 {
		width: 390px;
		margin: auto;
	}
	#gallery main .content01,
	#gallery main .content02,
	#gallery main .content03,
	#gallery main .content04 {
		margin-bottom: 50px;
	}
	#gallery main .content01:after,
	#gallery main .content02:after,
	#gallery main .content03:after,
	#gallery main .content04:after {
		display: block;
		content: "";
		width: 390px;
		height: 1px;
		margin: auto;
		padding-bottom: 40px;
		border-bottom: solid 1px #e7e7e7;
	}
	#gallery main .inner h3 span {
		font-size: 16px;
		color: #bdb785;
	}
	#gallery main .content05 {
		margin-bottom: 80px;
	}
	#gallery main .bx-wrapper {
		margin-bottom: 70px;
	}
	#gallery main .bx-pager {
		padding-top: 10px;
		bottom: -50px;
	}
	#gallery main .bx-pager-item {
		width: calc(100% / 6 - 8px);
		margin-right: 8px;
	}
	#gallery main .bx-pager-item:last-child {
		margin-right: 0;
	}
	#gallery main .bx-pager-item a:hover img {
		opacity: 0.7;
	}

	/* contact
	----------------------------------------------------------- */
	#contact.customize-support main .content01 .inner {
		padding-bottom: 60px;
	}
	#contact main table {
		width: 390px;
		margin: 0 auto 30px;
	}
	#contact main table th,
	#contact main table td {
		padding: 10px;
		font-size: 14px;
	}
	#contact main .button {
		display: block;
		width: 200px;
		height: 60px;
		margin: 50px auto 0;
		background: url(img/button_bg.png) no-repeat 100%;
	}
	#contact main .button input[type="submit"],
	#contact main .button a {
		appearance: none;
		border: none;
		background: transparent;
		padding: 21px 0;
		font-size: 15px;
		color: #bdb785;
	}
	#contact main .button a {
		display: inline-block;
		padding: 0;
		line-height: 60px;
	}

	/* footer
	----------------------------------------------------------- */
	footer {
		width: 390px;
		margin: auto;
	}
	footer .foot {
		background: url(img/footer_bg.png) no-repeat center center;
		background-size: cover;
	}
	footer .foot .inner {
		width: 390px;
		margin: auto;
	}
	footer .foot .inner .left h2 {
		padding: 20px 0;
		font-size: 20px;
		font-weight: normal;
		text-align: center;
		color: rgba(255, 255, 255, 0.5);
		letter-spacing: 0.2em;
	}
	footer .foot .inner .right {
		padding-bottom: 30px;
	}
	footer .foot .inner .right p {
		color: #fff;
	}
	footer .foot .inner .right p a {
		color: #fff;
	}
	footer .foot .inner .right .tel {
		margin-bottom: 20px;
		padding-left: 20px;
		font-size: 15px;
	}
	footer .foot .inner .right .tel a {
		font-size: 44px;
	}
	footer .foot .inner .right .tel a:hover {
		opacity: 0.7;
	}
	footer .foot .inner .right .button a {
		display: block;
		width: 340px;
		height: 67px;
		margin: auto;
		background: url(img/footer_button_bg.png) no-repeat;
		background-size: contain;
		text-align: center;
		line-height: 67px;
	}

	footer > .inner {
		width: 390px;
		padding: 70px 0 90px;
	}
	footer .img {
		float: left;
		margin-right: 20px;
	}
	footer .img img {
		width: 60px;
		height: auto;
	}
	footer .text {
		margin-top: 80px;
		font-size: 12px;
		color: #403f3f;
	}
	footer ul {
		clear: both;
		margin: 30px 0;
		font-size: 12px;
		display: flex;
		flex-wrap: wrap;
	}
	footer ul li {
		width: calc(100% / 2);
		margin-bottom: 20px;
	}
	footer ul li a {
		font-size: 14px;
		color: #403f3f;
	}
	footer .copy {
		text-align: right;
	}
	footer .copy small {
		font-size: 12px;
		color: #393939;
	}
	footer .top {
		position: fixed;
		bottom: 80px;
		right: 15px;
		text-align: center;
	}
	footer .top a {
		font-size: 12px;
		color: #bdb785;
	}
}


/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}