@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* リスト要素をリセットする ---------------- */
dl,dt,dd,ol,ul,li	{
	list-style-position: outside;
	list-style-type: none;
}
/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* floatの解除 ------------- */
.fbox{
	clear:both;
	_display: inline-block;
	min-height: 1%;
}
.fbox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}



/* ===================================================================

	スタイルの設定

=================================================================== */
html {
	scroll-behavior: smooth;
	font-size:14px;
}
body{
	color:#1A1A1A;
	line-height:1.5;
	margin:0;
	background:#fff;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
}

#contents {
	box-sizing: border-box;
}
#contents * {
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
}



/* ---------------- 上書き ------------- */
strong {font-weight:bold;}
p,li,dl,dt,dd {line-height:1.5;}
.red{	color:#F40027;}
.red2{	color:#DC0000;}
.blue{	color:blue;}
.blue{	color:blue;}
.txt-left {	text-align:left;}
.txt-right {	text-align:right;}


.bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(51,51,51,0.7);
	display: none;
}

/* ===================================================================
	通常のリンク
=================================================================== */
a:link {
	color: #558BC6;
	text-decoration: none;
}
a:visited {
	color: #558BC6;
	text-decoration:none;
}
a:hover {
	color: #7BA8DB;
	text-decoration:none;
	opacity: 0.7;
}
a:active {
	color: #7BA8DB;
	text-decoration:none;
}
/* メインエリアはリンクにアンダーライン */
/*#main a{
	text-decoration:underline;
}*/

/* ===================================================================
	#header
	ヘッダー
=================================================================== */

header {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	max-width: 1375px;
	margin: 0 auto;
	width: 90%;
	z-index: 100;
}

/* ---------------- sns ------------- */

.sns_link {
	display: flex;
	justify-content: flex-end;
}

.sns_link li a {
	margin-left: 5px;
}



/* ===================================================================
	#footer
	フッター
=================================================================== */

footer {
	position: relative;
	padding-top: 25%;
	margin-bottom: 100px;
	background: url(../img/bg_footer.png)no-repeat;
	background-size: cover;
}

footer p {
	position: absolute;
	max-width: 850px;
	width: 90%;
	top: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	font-family: 'Kaisei Opti', serif;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #fff;
}

footer p br {
	display: none;
}

.footer_icon_img_01 {
	position: absolute;
	top: -50px;
	left: -50px;
}

.footer_icon_img_02 {
	position: absolute;
	top: 30px;
	right: -40px;
}

address {
	padding-bottom: 5px;
 	margin: 0;
	color: #fff;
	font-style: normal;
 	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
}


/* ===================================================================
	共通CSS
=================================================================== */
.gmenu ul li a br,
.grand_menu p br {
	display: none;
}

/* ===================================================================
	gmenu
=================================================================== */

.gmenu {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #320000;
	z-index: 1000;
}

.gmenu ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 1440px;
	margin: 0 auto;
	width: 90%;
}

.gmenu ul li {
	width: 20%;
}

.gmenu ul li a {
	display: block;
	position: relative;
	padding: 15px 0 10px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-family: 'Kaisei Opti', serif;
	letter-spacing: 2px;
}

.gmenu ul li a::after {
	display: block;
	margin: auto;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 48px;
	background: #fff;
}

.gmenu ul li:last-child a::after {
	content: none;
}

.gmenu ul li a span {
	display: block;
	margin-bottom: 5px;
}

.gmenu ul li:last-child a span {
	margin-bottom: 3px;
}

/* ===================================================================
	MV
=================================================================== */

#mv {
	position: relative;
	max-width: 1360px;
	margin: 55px auto 0;
	width: 90%;
	padding-top: 38%;
	background: url(../img/main.png)no-repeat;
	background-size: 100%;
}

.copy {
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
	text-align: center;
}

.copy h2 {
	margin-bottom: 14px;
	font-family: 'Kaisei Opti', serif;
	font-size: 80px;
	font-weight: bold;
	letter-spacing: 7px;
	line-height: 1;
}

.copy p {
	font-size: 22px;
	letter-spacing: 2px;
}

.mv_icon_img_01 {
	position: absolute;
	top: 75px;
	right: -30px;
}

.mv_icon_img_02 {
	position: absolute;
	bottom: 160px;
	left: -40px;
}

.mv_icon_img_03 {
	position: absolute;
	bottom: 150px;
	right: -40px;
}

/* ===================================================================
	お店について
=================================================================== */

#about {
	margin-bottom: 150px;
}

.about_top,
.food_menu_top {
	max-width: 1000px;
	margin: 0 auto 90px;
	width: 90%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

section h3 {
	color: #802D32;
	font-size: 50px;
	font-weight: bold;
	font-family: 'Kaisei Opti', serif;
	line-height: 1;
	letter-spacing: 3px;
}

#about h3,
#food_menu h3 {
	width: 7%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.about_top_inner {
	position: relative;
	margin: 50px 50px 0 0;
	padding: 25px;
	width: 70%;
	background: url(../img/bg_about.png);
	background-size: 100%;
}

.about_icon_img_01 {
	position: absolute;
	top: -80px;
 	left: -50px;
}

.about_icon_img_02 {
	position: absolute;
	bottom: -55px;
	right: -70px;
}

.title_en {
	margin-bottom: 10px;
	color: #320000;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 2px;
}

.about_top_inner p {
	margin-bottom: 8px;
	line-height: 1.7;
}

.about_top_inner p span {
	display: inline-block;
	margin-left: -7px;
}

.about_top_inner p.btm {
	margin-bottom: 0;
}

/* ---------------- スライダー ------------- */

.slider .slick-slide {
	margin-right: 10px;
	width: 376px;
	height: 300px;
	position: relative;
	overflow: hidden;
}

.slider .slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

/* ===================================================================
	ご利用料金
=================================================================== */

#price {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 60px;
}

#price h3 {
	margin-bottom: 15px;
	text-align: center;
	letter-spacing: 7px;
}

section h3 span {
	display: block;
	padding-top: 10px;
	color: #929292;
	text-align: center;
	font-size: 24px;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 2px;
}

.price_top_txt {
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: 1px;
}

/* ---------------- テーブル ------------- */

.price_table {
	display: block;
	margin-bottom: 70px;
	background: #fff;
	border: solid 1px #C5C5C5;
	border-radius: 15px;
	font-family: 'Kaisei Opti', serif;
	text-align: center;
}

tbody {
	display: block;
}

.price_table tr {
	display: flex;
	align-items: center;
	width: 100%;
	border-bottom: solid 1px #C5C5C5;
}

.price_table tr:last-child {
	border-bottom: none;
}

.price_table tr th {
	display: block;
	padding: 20px 0;
	background: #F4F1E8;
}

.price_table tr th,
.price_table tr td:first-child,
.pack_price_txt {
	color: #802D32;
	font-size: 21px;
	line-height: 1.3;
	letter-spacing: 2px;
}

.price_table tr th:first-child {
	border-radius: 15px 0 0 0;
}

.price_table tr th:last-child {
	border-radius: 0 15px 0 0;
}

.price_table tr th,
.price_table tr td {
	width: calc( 100% / 4 );
	border-right: solid 1px #C5C5C5;
}

.price_table tr th:last-child,
.price_table tr td:last-child {
	border-right: none;
}

.item_title span {
	display: block;
	font-size: 75%;
}

.price_table tr td {
	padding: 15px 0;
	font-size: 50px;
	font-weight: bold;
	line-height: 1;
}

.price_table tr td span.unit {
	font-size: 30%;
}

/* ---------------- テーブル 2つ目 ------------- */

.pack_price h4,
.pack_price_txt {
	font-family: 'Kaisei Opti', serif;
	text-align: center;
}

.pack_price h4 {
	margin-bottom: 5px;
	color: #802D32;
	font-size: 36px;
	line-height: 1;
}

.pack_price_txt {
	margin-bottom: 15px;
}

.price_table.btm {
	margin-bottom: 10px;
}

.price_table.btm tr td {
	padding: 15px 0 20px;
}

.price_table.btm tr td.item_title {
	font-size: 50px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 1px;
}

.price_table.btm tr:last-child td.item_title {
	line-height: 0.7;
}

.price_table.btm tr td.item_title span {
	display: inline-block;
	margin-left: 3px;
	font-size: 40%;
}

.price_table tr td.item_title p {
	font-family: 'Kaisei Opti', serif;
	font-size: 25px;
	line-height: 1;
}

.price_table tr td p {
	padding-top: 5px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
}

.table_note {
	text-align: right;
	font-size: 13px;
	letter-spacing: 1px;
}

/* ===================================================================
	お食事メニュー
=================================================================== */

#food_menu {
	padding-top: 400px;
	margin-bottom: 90px;
	background: url(../img/shop.png)no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
}

.food_menu_inner {
	padding: 90px 0;
	background: url(../img/bg_food.png);
	background-size: cover;
}

.food_menu_top_txt {
	width: 75%;
	margin: 60px 0 0 80px;
}

.food_menu_txt_area {
	margin-bottom: 40px;
	padding: 25px;
	background: url(../img/bg_food_txt.png);
}

.food_menu_txt_area p {
	letter-spacing: 1px;
	line-height: 1.7;
}

/* ---------------- グランドメニュー ------------- */

.grand_menu h4 {
	text-align: center;
	color: #802D32;
	font-size: 36px;
	font-weight: bold;
	font-family: 'Kaisei Opti', serif;
}

.grand_menu p {
	margin-bottom: 20px;
	font-size: 12px;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
}

.grand_menu_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.grand_menu_list li {
	width: 30%;
	text-align: center;
}

.grand_menu_img {
	margin-bottom: 5px;
}

.grand_menu_list li:first-child .grand_menu_img {
	padding-top: 8px;
}

.grand_menu_list li:last-child .grand_menu_img {
	padding-top: 19px;
}

.grand_menu_list li h5 {
	color: #320000;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Kaisei Opti', serif;
	line-height: 1.2;
}

.grand_menu_list li p {
	margin: 0;
	font-size: 14px;
	letter-spacing: 1px;
}

/* ---------------- メニュー一覧 ------------- */

.menu_list {
	max-width: 1000px;
	margin: 0 auto;
	width: 90%;
	display: flex;
	flex-wrap: wrap;
}

.menu_list li {
	position: relative;
	margin: 0 12px 20px 0;
	width: 24%;
	font-family: 'Kaisei Opti', serif;
}

.menu_list.top li:last-child,
.menu_list li:nth-child(4n) {
	margin: 0 0 20px 0;
}

.menu_list.top li {
	width: 32.5%;
}

.menu_list li .menu_img {
	margin-bottom: 10px;
}

.menu_img img {
 	display: block;
	width: 100%;
 	aspect-ratio: 239/150;
 	object-fit: cover;
	border-radius: 10px;
}

.menu_list.top li .menu_img img {
 	aspect-ratio: 323/200;
}

.icon_popular {
	width: 164px;
	height: 61px;
	padding-top: 8px;
	background: url(../img/frame.svg)no-repeat;
	font-size: 25px;
}

.icon_popular,
.icon_specialty {
	position: absolute;
	top: -15px;
	left: -30px;
	color: #802D32;
	text-align: center;
	font-weight: bold;
}

.icon_popular span {
	padding-right: 5px;
	font-size: 75%;
}

.icon_specialty {
	width: 105px;
	height: 39px;
	padding-top: 5px;
	background: url(../img/frame_small.svg)no-repeat;
	font-size: 18px;
}

.menu_list li h4 {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.1;
}

.menu_list.top li h4 {
	font-size: 26px;
}

.menu_list li p {
	text-align: right;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.1
}

.menu_list li p span {
	font-size: 60%;
}

.menu_btn_txt {
	text-align: center;
}

/* ===================================================================
	店舗情報
=================================================================== */

.shop_top {
	max-width: 1000px;
	width: 90%;
	display: flex;flex-wrap: wrap;
}

.shop_top,
.floor_map {
	margin: 0 auto 60px;
}


/* ---------------- 店舗情報 ------------- */

.shop_info,
.shop_img_area {
	width: 50%;
}

#shop h3 {
	margin-bottom: 20px;
}

#shop h3 span {
	text-align: left;
}

.shop_info_list dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 15px 0;
	border-bottom: solid 1px #DFDFDF;
}

.shop_info_list dl:last-child {
	border-bottom: none;
}

.shop_info_list dl dt {
	width: 30%;
}

.shop_info_list dl dd {
	width: 70%;
}

.shop_info_list dl dt,
.shop_info_list dl dd {
	font-size: 17px;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 2px;
}

.shop_info_list dl dt {
	font-weight: bold;
}

.sns_list {
	display: flex;
}

.sns_list li {
	margin-right: 5px;
}

.sns_list li img {
	width: 30px;
}

/* ---------------- 店舗写真 ------------- */

.shop_img_area {
	position: relative;
}

.shop_img_area::before,
.shop_img_area::after {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 100;
}

.shop_img_area::before {
	top: 140px;
	right: 300px;
	width: 91px;
	height: 65px;
	background: url(../img/shop_icon_01.png) no-repeat;
	background-size: contain;
}

.shop_img_area::after {
	top: 530px;
	right: -40px;
	width: 100px;
	height: 89px;
	background: url(../img/shop_icon_02.png) no-repeat;
	background-size: contain;
}

.shop_img_01 {
	position: absolute;
	top: 0;
	right: -200px;
}

.shop_img_02 {
	position: absolute;
	bottom: 0;
	left: 55px;
}

/* ---------------- フロアマップ ------------- */

.floor_map,
.map {
	max-width: 1000px;
	width: 90%;
}

.floor_map h4,
.map h4 {
	margin-bottom: 10px;
	color: #802D32;
	font-size: 36px;
	font-weight: bold;
	font-family: 'Kaisei Opti', serif;
	text-align: center;
}

/* ---------------- マップ ------------- */

.map {
	margin: 0 auto 120px;
}

.map iframe {
	border-radius: 10px;
}


/* ===================================================================
	レスポンシブ対応用
=================================================================== */


@media ( max-width : 1700px ){ 
	
	/* ===================================================================
	mv
=================================================================== */
	
	#mv {
		padding-top: 42%;
	}
}

@media ( max-width : 1500px ){ 
	
	/* ===================================================================
	mv
=================================================================== */
	
	#mv {
		padding-top: 46%;
	}
	
	/* ===================================================================
	お店について
=================================================================== */
	
	.about_top_inner {
		padding: 25px 18px;
	}
	
	/* ===================================================================
	店舗情報
=================================================================== */
	
	/* ---------------- 店舗写真 ------------- */
	.shop_img_01 {
		right: -40px;
		width: 350px;
	}
	
	.shop_img_02 {
		left: 20px;
		width: 300px;
	}
	
	.shop_img_area::before {
		top: 230px;
	}
	
	.shop_img_area::after {
		top: 485px;
		right: 35px;
	}
}

@media ( max-width : 1200px ){
	
	/* ===================================================================
	gmenu
=================================================================== */
	
	.gmenu ul {
		width: 100%;
	}
	
	/* ===================================================================
	お食事メニュー
=================================================================== */
	.menu_list li {
		width: 23.5%;
	}
	
	.menu_list.top li {
		width: 32%;
	}
	
	/* ===================================================================
	footer
=================================================================== */
	
	footer p {
		font-size: 33px;
	}
	
	.footer_icon_img_01 {
		left: -10px;
	}
	
	.footer_icon_img_02 {
		right: -10px;
	}
	
}

@media ( max-width : 1000px ){ 
	
	/* ===================================================================
	mv
=================================================================== */
	
	.copy {
		top: 22%;
	}

}


/* タブレット */
@media ( max-width : 960px ){
	
	/* ===================================================================
	header
=================================================================== */
	
	.h_logo img {
		width: 150px;
	}
	
	/* ===================================================================
	gmenu
=================================================================== */
	
	.gmenu ul {
		padding: 10px 0;
	}
	
	.gmenu ul li {
		width: 25%;
	}
	
	.gmenu ul li:last-child {
		width: 100%;
	}
	
	.gmenu ul li a {
		padding: 0;
		font-size: 17px;
	}
	
	.gmenu ul li:last-child a {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 23px;
	}
	
	.gmenu ul li:first-child a span {
		margin: 0 0 18px 0;
	}
	
	.gmenu ul li:nth-child(3) a span {
		margin: 0 0 10px 0;
	}
	
	.gmenu ul li:nth-child(4) a span {
		margin: 0 0 12px 0;
	}
	
	.gmenu ul li a span img {
		width: 45px;
	}
	
	.gmenu ul li:nth-child(4) a::after {
		display: none;
	}
	
	.gmenu ul li:last-child {
		padding-top: 15px;
	}
	
	.gmenu ul li:last-child a span {
		display: inline-block;
		margin: 0 10px 0 0;
	}
	
	/* ===================================================================
	mv
=================================================================== */
	
	#mv {
		margin: 65px auto 50px;
		padding-top: 41%;
	}
	
	.mv_icon_img_01 {
		top: 0;
		right: -20px;
	}
	
	.mv_icon_img_02 {
		bottom: -30px;
		left: -25px;
	}
	
	.mv_icon_img_03 {
		bottom: -10px;
		right: -25px;
	}
	
	.mv_icon_img_02 img {
		width: 80px;
	}
	
	.mv_icon_img_01 img,
	.mv_icon_img_03 img {
		width: 70px;
	}
	
	.copy {
		top: 20%;
	}
	
	.copy h2 {
		font-size: 70px;
	}
	
	.copy p {
		font-size: 17px;
	}
	
	/* ===================================================================
	お店について
=================================================================== */
	
	#about {
		margin-bottom: 100px;
	}
	
	#about h3,
	#food_menu h3 {
		width: 10%;
	}
	
	.about_top_inner {
		margin: 50px 20px 0 0;
		width: 76%;
	}
	
	.about_icon_img_01 {
		top: -60px;
		left: -35px;
	}
	
	.about_icon_img_01 {
		width: 100px;
	}
	
	.about_icon_img_02 {
		bottom: -55px;
		right: -40px;
	}
	
	.about_icon_img_02 {
		width: 90px;
	}
	
	/* ---------------- スライダー ------------- */
	
	.slider .slick-slide {
		width: 250px;
		height: 200px;
	}
	
	/* ===================================================================
	ご利用料金
=================================================================== */
	
	/* ---------------- テーブル ------------- */
	
	.price_table {
		overflow-x: scroll;
		white-space: nowrap;
	}
	
	.price_table tbody {
		width: 122%;
	}
	
	.price_table tr th {
		padding: 12px 0;
		letter-spacing: 0;
	}
	
	.price_table.btm tr td.item_title {
		font-size: 40px;
	}
	
	.price_table tr td.item_title p {
		font-size: 20px;
	}
	
	.price_table tr td {
		font-size: 40px;
		line-height: 1.2;
	}
	
	.price_table.btm tr td {
		line-height: 0.9;
	}
	
	/* ===================================================================
	お食事メニュー
=================================================================== */
	
	#food_menu {
		padding-top: 300px;
		background-size: auto;
	}
	
	.food_menu_inner {
		padding: 90px 0 50px;
	}
	
	.food_menu_top {
		margin: 0 auto 30px;
	}
	
	.food_menu_top_txt {
		width: 75%;
		margin: 50px 0 0 30px;
	}
	
	.food_menu_txt_area {
		padding: 15px;
	}
	
	.grand_menu p {
		font-size: 13px;
	}

	.grand_menu_list li {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.grand_menu_list li:first-child .grand_menu_img,
	.grand_menu_list li:last-child .grand_menu_img {
		padding-top: 0;
	}
	
	.grand_menu_img img {
		width: 100px;
	}
	
	/* ---------------- メニュー一覧 ------------- */
	
	.menu_list.top li {
		width: 31.5%;
	}
	
	.menu_list.top {
		justify-content: center;
	}
	
	.menu_list li,
	.menu_list.top li {
		width: 47%;
	}
	
	.icon_popular,
	.icon_specialty {
		left: -20px;
	}
	
	.icon_popular {
		padding-top: 6px;
		width: 140px;
		font-size: 22px;
	}
	
	.icon_specialty {
		width: 100px;
		padding-top: 3px;
	}
	
	/* ===================================================================
	店舗情報
=================================================================== */
	
	.shop_info {
		width: 100%;
	}
	
	.shop_info_list {
		margin-bottom: 30px;
	}
	
	.shop_info_list dl {
		padding: 12px 0;
	}
	
	.sns_list li {
		margin-right: 9px;
	}
	
	/* ---------------- 店舗写真 ------------- */
	
	.shop_img_area {
		width: 85%;
		margin: 0 auto;
	}

	.shop_img_01 {
		position: relative;
		right: 0;
		width: 400px;
		margin: 0 0 0 auto;
	}
	
	.shop_img_02 {
		position: relative;
		left: 0;
		width: 350px;
		margin-top: -50px;
		z-index: 10;
	}
	
	.shop_img_area::before {
		top: 120px;
		right: 375px;
	}
	
	.shop_img_area::after {
		top: 450px;
		right: 100px;
	}
	
	/* ---------------- マップ ------------- */
	
	.map {
		margin: 0 auto 80px;
	}
	
	.map iframe {
		height: 300px;
	}
	
	/* ===================================================================
	footer
=================================================================== */
	
	footer {
		padding-top: 31%;
		margin-bottom: 144px;
	}
	
	footer p br {
		display: block;
	}
	
	footer p {
		top: 25%;
		line-height: 1.4;
	}
	
	.footer_icon_img_01 {
		top: -22px;
		left: 76px;
	}
	
	.footer_icon_img_02 {
		top: 68px;
		right: 30px;
	}
	
}

@media screen and (max-width: 700px) {
	
	/* ===================================================================
	店舗情報
=================================================================== */
	
	/* ---------------- 店舗写真 ------------- */
	
	.shop_img_area::after {
		right: 18px;
	}
	
	/* ===================================================================
	footer
=================================================================== */
	
	.footer_icon_img_01 {
		width: 60px;
		top: -11px;
		left: 40px;
	}
	
	.footer_icon_img_02 {
		width: 60px;
		right: -4px;
	}
}

/* スマホ（横） */
@media screen and (max-width: 600px) {
	
	/* ===================================================================
	header
=================================================================== */
	
	.h_logo img {
		width: 130px;
	}
	
	/* ===================================================================
	gmenu
=================================================================== */
	
	.gmenu ul li a br {
		display: block;
	}
	
	.gmenu ul li a {
		line-height: 1.2;
		font-size: 16px;
	}
	
	.gmenu ul li a::after {
		height: 70px;
	}
	
	.gmenu ul li a span img {
		width: 40px;
	}
	
	.gmenu ul li:last-child {
		padding-top: 9px;
	}
	
	/* ===================================================================
	mv
=================================================================== */
	
	.copy h2 {
		font-size: 58px;
	}
	
	.copy p {
		font-size: 14px;
	}
	
	.mv_icon_img_01 img,
	.mv_icon_img_03 img,
	.mv_icon_img_02 img {
		width: 58px;
	}
	
	.mv_icon_img_03 {
		bottom: -20px;
		right: -20px;
	}
	
	.mv_icon_img_02 {
		bottom: -25px;
		left: -20px;
	}
	
	/* ===================================================================
	お店について
=================================================================== */
	
	#about {
		margin-bottom: 80px;
	}
	
	section h3 {
		font-size: 45px;
	}
	
	#about h3,
	#food_menu h3 {
		width: 12%;
	}
	
	.about_top_inner {
		margin: 50px 0 0 0;
		width: 82%;
		padding: 20px;
	}
	
	.title_en {
		margin-bottom: 3px;
	}
	
	.about_icon_img_01 {
		width: 80px;
		top: -40px;
		left: -30px;
	}
	
	.about_icon_img_02 {
		width: 80px;
		right: -15px;
	}
	
	/* ---------------- スライダー ------------- */
	
	.slider .slick-slide {
		width: 200px;
		height: 150px;
	}
	
	/* ===================================================================
	ご利用料金
=================================================================== */
	
	.price_top_txt {
		margin-bottom: 10px;
	}
	
	.price_table {
		margin-bottom: 50px;
	}
	
	.price_table tbody {
		width: 140%;
	}
	
	.price_table tr th,
	.price_table tr td:first-child {
		font-size: 18px;
	}
	
	.item_title span {
		font-size: 100%;
	}
	
	.price_table tr td {
		padding: 10px 0;
		font-size: 35px;
		line-height: 1;
	}
	
	.price_table tr th,
	.price_table tr td:first-child {
		line-height: 1;
	}
	
	.price_table.btm tr td {
		padding: 12px 0;
	}
	
	.price_table.btm tr td.item_title {
		font-size: 36px;
	}

	
	/* ===================================================================
	お食事メニュー
=================================================================== */
	
	#food_menu {
		padding-top: 250px;
	}
	
	.food_menu_top_txt {
		width: 80%;
		margin: 50px 0 0 0;
	}
	
	/* ---------------- メニュー一覧 ------------- */
	
	.menu_list li,
	.menu_list.top li {
		width: 100%;
	}
	
	.menu_list li {
		margin: 0 0 20px 0;
	}
	
	.menu_list li h4 {
		font-size: 26px;
	}
	
	.icon_specialty {
		font-size: 21px;
	}
	
	.menu_list li h4 br {
		display: none;
	}
	
	/* ===================================================================
	店舗情報
=================================================================== */
	
	#shop h3 {
		margin-bottom: 10px;
	}
	
	.shop_info_list dl dt,
	.shop_info_list dl dd {
		width: 100%;
	}
	
	.sns_list li img {
		width: 40px;
	}
	
	.sns_list li {
		margin: 5px 9px 0 0;
	}
	
	/* ---------------- 店舗写真 ------------- */
	
	.shop_img_area {
		width: 100%;
	}
	
	.shop_img_area::before {
		right: 0;
		left: 0;
	}
	
	.shop_img_area::after {
		top: 741px;
		right: -15px;
	}
	
	.shop_img_01,
	.shop_img_02 {
		width: 90%;
	}
	
	.shop_img_01 {
		margin: 0 auto 10px;
	}
	
	.shop_img_02 {
		margin: 0 auto;
	}
	
	.shop_img_01 img,
	.shop_img_02 img {
		width: 100%;
	}
	
	/* ---------------- マップ ------------- */
	
	.map {
		margin: 0 auto 50px;
	}
	
	/* ===================================================================
	footer
=================================================================== */
	
	footer {
		margin-bottom: 145px;
	}
	
	footer p {
		font-size: 26px;
	}
	
	.footer_icon_img_01 {
		top: -27px;
	}
	
	.footer_icon_img_02 {
		top: 60px;
		right: -10px;
	}
}

/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
	/* ===================================================================
	header
=================================================================== */
	
	header {
		top: 10px;
	}
	
	.h_logo img {
		width: 100px;
	}
	
	.sns_link li a img {
		width: 35px;
	}
	
	/* ===================================================================
	gmenu
=================================================================== */
	
	.gmenu ul li a {
		line-height: 1.2;
		font-size: 15px;
	}
	
	.gmenu ul li a::after {
		height: 60px;
	}
	
	.gmenu ul li a span img {
		width: 35px;
	}
	
	/* ===================================================================
	mv
=================================================================== */
	
	#mv {
		width: 95%;
		margin: 65px auto 40px;
	}
	
	.copy h2 {
		font-size: 49px;
	}
	
	.copy p {
		font-size: 11px;
	}
	
	.mv_icon_img_01 img,
	.mv_icon_img_03 img,
	.mv_icon_img_02 img {
		width: 43px;
	}
	
	.mv_icon_img_01 {
		top: -14px;
		right: -9px;
	}
	
	.mv_icon_img_02 {
		left: -6px;
	}
	
	.mv_icon_img_03 {
		bottom: -26px;
		right: -3px;
	}
	
	/* ===================================================================
	お店について
=================================================================== */
	
	section h3 {
		font-size: 40px;
	}
	
	.about_icon_img_01 {
		width: 70px;
		top: -40px;
		left: -10px;
	}
	
	.about_top {
		margin: 0 auto 70px;
	}
	
	/* ===================================================================
	ご利用料金
=================================================================== */
	
	.price_table tbody {
		width: 170%;
	}
	
	.price_table tr th,
	.price_table tr td:first-child {
		font-size: 17px;
	}

	.price_table tr td p {
		font-size: 13px;
	}
	
	.price_table.btm tr td.item_title {
		letter-spacing: 0px;
	}
	
	/* ===================================================================
	お食事メニュー
=================================================================== */
	
	#food_menu {
		padding-top: 200px;
		margin-bottom: 70px;
	}
	
	.food_menu_inner {
		padding: 50px 0 30px;
	}
	
	.food_menu_top {
		margin: 0 auto 20px;
	}
	
	.grand_menu h4 {
		font-size: 31px;
	}
	
	.grand_menu p br {
		display: block;
	}
	
	.icon_popular,
	.icon_specialty {
		left: -10px;
	}
	
	.menu_list li .menu_img {
		margin-bottom: 5px;
	}
	
	.menu_btn_txt {
		font-size: 13px;
	}
	
	/* ===================================================================
	店舗情報
=================================================================== */
	
	#shop h3 {
		margin-bottom: 5px;
	}
	
	/* ---------------- 店舗写真 ------------- */
	
	.shop_img_01,
	.shop_img_02 {
		width: 100%;
	}
	
	.shop_img_area::before {
		left: -13px;
		top: -23px;
	}
	
	.shop_img_area::after {
		top: 635px;
		right: -10px;
		width: 80px;
	}
	
	.shop_top,
	.floor_map {
		margin: 0 auto 30px;
	}
	
	.map iframe {
		height: 200px;
	}
	
	/* ===================================================================
	footer
=================================================================== */
	
	footer {
		margin-bottom: 135px;
	}
	
	footer p {
		font-size: 21px;
	}
	
	.footer_icon_img_01 {
		top: -21px;
		width: 50px;
		left: -10px;
	}
	
	.footer_icon_img_02 {
		top: 2px;
		right: -15px;
		width: 46px;
	}