@charset "utf-8";
/* CSS Document */
/*
Theme Name: merengue
Author: merengue
Description: merengue
*/

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, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hide{display: none;}



/********* 汎用パーツ **********/

/* clearfix */
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */


.fl { float:left; }
.fr { float:right; }
.box_wrap{display:table;}
.left,.right{display:table-cell;vertical-align:top;}
.rltv { position:relative;}
.clear { clear:both; }
.bold{font-weight: bold;}
img{vertical-align:bottom;}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.txt_c{text-align:center;}
.txt_r{text-align:right;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.fnt12{font-size:12px;}
.fnt16{font-size:16px;}
.fnt20{font-size:20px;}
.fnt23{font-size:23px;}

.innr{
	width:950px;
	margin:auto;
}

/*メディア投稿された画像のスタイル*/
img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }

/*********サイトレイアウト **********/
html{
	font-size:62.5%; /*1rem=10px*/
}
body{
	font-size:12px;
	color:#333;
	line-height:180%;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ", Meiryo,"游ゴシック","Yu Gothic",sans-serif;
	background-color:#fff;
	background-image: url(images/common/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#header{
	padding:27px 0 0;
}
#header #logo{
	margin:0 auto;
	display:block;
}
#gnavi_wrap{
	background-image: url(images/common/gnavi_bg.png);
	background-repeat: repeat-x;
	background-size:1394px auto;
	background-position: center;
	margin:30px 0;
}
/*変更、追加部分*/
#gnavi{
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	background-image: url(common/img/bg_gnavi.png);
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 15px 0;
}
#gnavi li ul {
  display: none;
  position: absolute;
	z-index: 1;
}
.submenu li:hover{
	opacity: 0.8;
}
/*終了*/
#gnavi li{
	text-align: center;
	position: relative;
	width:20%;
}
#gnavi li:last-child{
	padding:0;
}

#content{
	width:950px;
	margin:auto;
	padding-bottom:70px;
}
#content h2{
	text-align:center;
	margin:70px auto;
}

#footer{
	font-size:11px;
	width:100%;
	padding:70px 0 20px;
	text-align:center;
	color:#E5378C;
	background-image: url(images/common/footer_bg.jpg);
	background-repeat: repeat-x;
	background-size:1394px auto;
}
#footer ul{
	display:table;
	margin:30px auto 0;
}
#footer li{
	display:table-cell;
}
#footer a{
	color:#E5378C;
}

#footer p {
  font-size: 11px;
}

#footer .sns{
	padding: 25px 0 0;
}

/*----------------------------
ヘッダー背景
-----------------------------*/
#wrap{
	background-image: url(images/news/bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#index #wrap{
	background-image: url(images/top/bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#about #wrap{
	background-image: url(images/about/bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#category_menu #wrap,.archive.tag #wrap{
	background-image: url(images/menu/bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#service #wrap{
	background-image: url(images/service/bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#party #wrap{
	background-image: url(images/party/bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#shops #wrap{
	background-image: url(images/shops/bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
.single #wrap{
	background-image: url(images/news/bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}

/*----------------------------
top
-----------------------------*/
#index #header #logo{
	margin:105px auto -20px;
}

#index h2{
	margin:45px auto 30px;
}
#idx_news{
	width:100%;
	height:83px;
	padding-top:25px;
	padding-bottom: 43px; /*新規投稿 表示3→5件変更時の設定*/
	margin-top:108px;
	background-image: url(images/top/news_bg.png);
	background-repeat: repeat-x;
	/*background-size:5px auto;*/
	background-size:7px auto; /*新規投稿 表示3→5件変更時の設定*/
}
#idx_news .ttl{
	position:absolute;
	/*top:-28px;*/
	top:-10px; /*新規投稿 表示3→5件変更時の設定*/
}
#idx_news dl{
	display:table;
	margin-left:140px;
}
#idx_news dt{
	display:table-cell;
	padding-right:15px;
  font-size: 12px;
}
#idx_news dd{
	display:table-cell;
  font-size: 12px;
}
#idx_news dd span{
	display:inline-block;
	margin-left:20px;
  font-size: 12px;
}
#idx_about{
	padding-bottom:30px;
	text-align:center;
	line-height:200%;
	font-size:14px;
}
#idx_about p {
  font-size: 14px;
  line-height: 2.14;
}

#idx_menu,#idx_service{
	width:958px;
	margin:0 -4px 0;
}
#idx_menu .box_wrap{
	margin-top:15px;
}
#idx_menu .box_wrap .left{
	padding-right:13px;
}
#idx_menu .box_wrap p{
	padding:0 3px;
}
#idx_menu .box_wrap .ttl{
	margin:15px auto 10px;
	text-align:center;
}
#idx_menu .box_wrap .txt_c,#idx_service .box_wrap .txt_c{
	margin-top:10px;
}
#idx_menu .box_wrap p {
  font-size: 12px;
  line-height: 1.75;
}

#idx_service{
	padding:30px 0 0;
}
#idx_service .box_wrap .left{
	padding-right:8px
}
#idx_service p{
	padding:0 25px;
  font-size: 12px;
  line-height: 1.75;
}
#idx_service .box_wrap .ttl{
	font-size:14px;
	margin:15px auto;
	font-weight:bold;
	text-align:center;
}

#idx_shops .box_wrap{
	margin-bottom:35px;
}
#idx_shops .box_wrap p {
  font-size: 12px;
  line-height: 2;
}
#idx_shops .box_wrap .right{
  padding-top: 10px;
}
#idx_shops .box_wrap .left{
	padding-right:20px
}
#idx_shops .box_wrap .bold{
	font-size:14px;
}
#idx_shops .box_wrap li{
	display:inline-block;
	margin:10px 10px 0 0;
}


/*----------------------------
about  / party
-----------------------------*/
#about,#party{
	text-align:center;
	line-height:200%;
	font-size:14px;
}
#about h2,#party h2{
	margin:70px auto 40px;
}
#about .fnt16{
	margin:25px 0 10px;
}
#about .fnt23{
	margin-bottom:35px;
  font-size: 24px;
}
#about p.mb20 {
  font-size: 14px;
  line-height: 2.14;
}

/*----------------------------
shops
-----------------------------*/

#shops .box_wrap{
	margin-bottom:35px;
}
#shops .box_wrap .left{
	padding-right:20px
}
#shops .box_wrap .right {
  padding-top: 10px;
}
#shops .box_wrap .bold{
	font-size:14px;
}
#shops .box_wrap li{
	display:inline-block;
	margin:10px 10px 0 0;
}
#shops .map{
  width: 950px;
  height: 225px;
  margin-bottom:80px;
  border: 1px solid gray;
  position: relative;
  overflow: hidden;
}
#shops #news .right p {
  font-size: 12px;
  line-height: 2;
}
/*----------------------------
menu
-----------------------------*/
#menu #tag_list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin:0 auto 30px auto;
}

#menu #tag_list li a{
	display:block;
	padding:10px 25px;
}
#menu #tag_list li a:hover,#menu #tag_list li.current a{
	background-image: url(images/menu/bg_btn.png);
	background-repeat: no-repeat;
	background-position:0 0;
}
#menu #tag_list li {
  margin: 0 15px;
  padding:10px 25px;
  cursor: pointer;
  text-align: center;
}
#menu #tag_list li:hover,
#menu #tag_list li.on {
  background-image: url(images/menu/bg_btn.png);
  background-repeat: no-repeat;
  background-position:0 0;
}
/* タブメニュー */
.tab1 {
  display: block;
}
.tab2 {
  display: none;
}
.tab3 {
  display: none;
}
.tab4 {
  display: none;
}
#menu .item_wrap{
	float:left;
	margin:0 8px 40px;
	width:300px;
}
#menu .item_wrap:nth-child(3n+1){
	clear:both;
}
#menu .item .image{
	background:#fff;
	padding:12px;
	margin-bottom:15px;
	text-align:center;
	-webkit-box-shadow: 0 0 5px #ccc;
	        box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-o-box-shadow: 0 0 5px #ccc;
	-ms-box-shadow: 0 0 5px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
}
/*画像サイズ固定*/
#menu .item .image img {
  width: 276px !important;;
  height: auto !important;;
}
#menu .item .txt p {
  font-size: 12px;
  line-height: 1.75;
}
#menu .tag{
	font-size:9px;
	margin:0;
	color:#999;
}
#menu .tag a{
 margin-right: 10px;
}
#menu .item .title,#menu .item .drink{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:9px;
	border-collapse:collapse;
}
#menu .item .title{
	border-bottom:1px solid #FE918A;
}
#menu .item .title td,#menu .item .drink td{
	vertical-align:bottom;
	padding:10px 0 5px;
	line-height:1.5;
}
#menu .item .drink td{
	border-bottom:1px dashed #FE918A;
}
#menu .item .name{
	color:#FE918A;
	font-size:16px;
	padding-right:10px;
}
#menu .item .small{
	font-size:10px;
	color:#333;
	font-weight:normal;
	margin-top:10px;
}
#menu .item .price{
	white-space:nowrap;
	text-align:right;
	font-size:14px;
}
#menu .item .txt{
	margin-bottom:10px;
}
#menu .item .drink .small{
	display:inline-block;
	margin:0;
}
#menu .item .drink .name{
	display:inline-block;
	color:#333;
	font-size:14px;
}
#menu .menushop{
	text-align: center;
	margin: 0 auto 20px;
}
#menu .menu_list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}
#menu .menu_list li {
  width: 50%;
  margin-bottom: 15px;
}
#menu .menu_list li img,
#menu .menu_wrap img {
  max-width: 100%;
  height: auto;
}
#menu .morning_ttl {
  font-weight: bold;
  text-align: center;
}

/*----------------------------
news
-----------------------------*/
#news #title{
	position:relative;
	border-bottom:2px dashed #FE918A;
	margin-bottom:15px;
	padding-bottom:10px;
}
#news #title h3{
	color:#FE918A;
	font-size:23px;
	font-weight:bold;
}
#news #title #date{
	position:absolute;
	right:0;
	top:0;
}
.news_img {
	text-align:center;
	width:840px;
	margin:auto;
}
.news_msg{
	margin-top: 50px;
}

.news_img--inline{
	width: 50%;
	height: auto;
	display: inline-block;
}

.news_img img{
	width:80%;
  height: auto;
	display:inline-block;
	margin:10px;
}
.news_img img:nth-child(2n+1){
	clear:both;
}

/*----------------------------
pager
-----------------------------*/
#single_navi{
	display:table;
	margin:50px auto 10px;
	width:30%;
}
#single_navi li{
	display:table-cell;
	width:50%;
	text-align:center;
}
/*----------------------------
contact
-----------------------------*/
form dl{
	width:100%;
	padding:15px 0;
	border-bottom:2px solid #d32b7c;
}
form dt{
	display:table-cell;
	float:left;
	width:34%;
}
form dd{
	display:table-cell;
	width:66%;
}

dt span.required {
    padding: 2px 5px;
    font-size: 15px;
    background-color: #d32b7c;
    color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-right:10px;
}
p, span, input, textarea, select, dl, dt, dd {
	font-family: inherit;
	font-size: large;
	font-weight: inherit;
}

/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input{
background-color:#d32b7c;
width:210px;
height:40px;
color:#fff;
overflow:hidden;
border:none;
cursor:pointer;
}

.mw_wp_form_confirm .btn input{
/*送信ボタン用*/
background-color:#d32b7c;
width:210px;
height:40px;
color:#fff;
overflow:hidden;
border:none;
cursor:pointer;
}

/*.back input{
/*戻るボタン用*/
background:url(images/contact/form_back_btn.png) no-repeat;
width:120px;
height:40px;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;*/


/*プライバシーポリシー*/

#privacy .pr_txt {
  text-align: left;
  line-height: 1.7;
  margin-bottom: 100px;
}

#privacy .pr_txt p {
  font-size: 15px;
  margin-bottom: 30px;
}

#privacy .pr_txt h3 {
  font-size: 18px;
  font-weight: bold;
  color: #E5378C;
  text-decoration: underline;
  margin-bottom: 20px;
}


/*Retina*/
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

body{
	background-image: url(images/common/body_bg@2x.jpg);
	background-size:1394px auto;
}
#wrap{
	background-image: url(images/news/bg@2x.png);
	background-size:1394px auto;
}

#index #wrap{
	background-image: url(images/top/bg@2x.png);
	background-size:1394px auto;
}

#about #wrap{
	background-image: url(images/about/bg@2x.png);
	background-size:1394px auto;
}
#category_menu #wrap,.archive.tag #wrap{
	background-image: url(images/menu/bg@2x.png);
	background-size:1394px auto;
}
#service #wrap{
	background-image: url(images/service/bg@2x.png);
	background-size:1394px auto;
}
#party #wrap{
	background-image: url(images/party/bg@2x.png);
	background-size:1394px auto;
}
#shops #wrap{
	background-image: url(images/shops/bg@2x.png);
	background-size:1394px auto;
}
.single #wrap{
	background-image: url(images/news/bg@2x.png);
	background-size:1394px auto;
}

#menu #tag_list li a:hover{
	background-image: url(images/menu/bg_btn@2x.png);
	background-size:31px auto;
}
｝
}

/* 20201208 */
.reservation_btn {
	display: inline-block;
	margin-top: 10px;
	padding: 0.5rem 2.5rem 0.2rem;
	background-color: #FE918A;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05rem;
}
.reservation_btn:hover {
	text-decoration: none;
}