/*-------body-------*/
 
body {
	padding: 0;
	margin: 0 auto;
	border: 0 none;
    color: #333333;
    font-family: 'Nunito',"游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}

.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5*/
	height: auto;
	overflow: hidden;
	/**/
}

a {text-decoration: none; color: #2f373a;}
a:hover {color: #e6002d; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.clear {clear:both;}

/* 全てに適用 */
.right {float: right}
.left {float: left;}

.page-content .content .menu .sp {display: none !important;}


.page-content.takeout .content {width: 1000px;}
.page-content.takeout .content .tabBox.open {width: 100%;}
.page-content.takeout .content .read {text-align: center;}
.page-content.takeout .content .contact-area {
    text-align: center;
}
.page-content.takeout .content .btn {
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}
.page-content.takeout .content .btn a {
    padding: 10px 50px;
    border: 1px solid #000;

}
.page-content.takeout .content .btn-sec {
    margin-bottom: 50px;
}
.page-content.takeout .content .read span {
    font-size: 14px;
}

.page-content .content .takeout-menu {display: flex; justify-content: space-between; flex-wrap: wrap;}
.page-content .content .takeout-menu .takeout-menu-list {width: 48%; margin-bottom: 30px;}
.page-content .content h2.takeout {text-align: center; margin-top: 20px; font-size: 15px; font-weight: bold;}
.page-content .content h2.takeout span {display: block; font-size: 13px; margin-top: 10px;}
.page-content .content .takeout-menu h3 {text-align: center; margin-bottom: 15px; font-size: 18px; font-weight: bold;}
.page-content .content .takeout-menu span.price {position: absolute; right: 20px;}
.page-content .content .takeout-menu ul {margin-bottom: 35px;}
.page-content .content .takeout-menu ul li {border-bottom: 1px solid #efefef; padding-bottom: 5px; margin-bottom: 15px; position: relative;}
.page-content .content .takeout-menu ul li span {font-size: 16px; font-weight: 600; padding-left: 15px;}



/* ヘッダーに適用 */

.pagetop {
    position: fixed;
    top: 0px;
}


body {overflow-x: hidden;}

header {/*height: 135px;*/ height: 90px; background: url(../images/footer-bg.png);}
header h1 {padding-top: 17px; padding-bottom: 13px; float: left; width: 295px; height: 54px; display: inline-block;}
header h1 img {width: 100%;}
/*header .main {background: url(../images/header-bg.png);}*/
header .mainwrap {margin: 0 auto; width: 1290px; /*padding-top: 12px; padding-bottom: 13px;*/ display: table;}
header .mainwrap ul.first-navi {margin-left: 155px; float: left;}
header .mainwrap ul.first-navi li {/*padding-top: 12px; padding-bottom: 13px;*/ text-align: center; float: left; font-weight: bold; font-size: 26px;}
header .mainwrap ul.first-navi li a {padding: 17px 35px 18px 35px; display: block; color: #fff;}
header .mainwrap ul.first-navi li.current a {background: url(../images/header-bg02.png);}
header .mainwrap ul.first-navi li.current02 a {background: url(../images/header-bg02.png);}
header .mainwrap ul.first-navi li.no-current a {background: none;}
header .mainwrap ul.first-navi li span {font-size: 18px;}
header .mainwrap .tell-area {text-align: right; padding-top: 9px; padding-bottom: 11px; font-weight: bold; line-height: 1.2em; float: right; display: inline-block; color: #fff;}
header .mainwrap .tell-area .tell-nom {padding-top: 7px; margin-right: -2px; display: inline-block; margin-bottom: 5px; font-size: 25px;}
header .mainwrap .tell-area .tell-nom:before {text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right: 30px; content: ''; background: url(../svg/tell.svg) no-repeat; background-size: 25px; width: 25px; height: 25px;}
header .mainwrap .tell-area .text {font-size: 12px;}
header .menu {justify-content: space-between; width: 900px; margin: auto; display: flex; padding-top: 15px;}
header .menu li {text-align: center; width: calc(100% / 7); border-right: 1px solid #fff; font-size: 14px;}
header .menu li a {display: block; padding: 0 0px; color: #fff; font-weight: bold;}
header .menu li a:hover {color: #e6002d; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
header .menu li:nth-child(2) {border-left: 1px solid #fff;}
/*header .menu li:last-child {border-right: 0px solid #fff;}*/
header.ramen .menu li {width: calc(100% / 6);}

header .menu li#menu-item-96 {display: none;}
header .menu li#menu-item-97 {display: none;}

header.sogo-top {height: 85px;}
header.top {position: fixed; top: 0; z-index: 999; width: 100%;}


/* インデックスに適用 */
.slider-area {width: 100%; position: relative; margin-top: 90px;}
.slider-area .title {position: absolute; width: 12%; z-index: 998; left: 0; right: 0; top: 15%; margin: auto;}
.slider-area img {width: 100%;}
.slider-area .slide-wrap {}
.slider-area .slide-wrap .bx-wrapper {margin: 0; display: block; max-width: 25% !important; width: 25%; float: left;}
.slider-area .slide-wrap .bx-wrapper li {width: 100% !important;}
/*.bxslider {width: 100% !important;}
.bxslider li {width: 25% !important; margin-right: 0px !important;}*/
.bx-controls {display: none;}
.bx-wrapper {margin: 0 auto; pointer-events: none;}


/* page.phpに適用 */
.page-content {    background-repeat: repeat;
    background-attachment: fixed;
    background-position: right bottom; background: url(../images/page-bg.png); display: block; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.page-content .content {line-height: 1.2em; margin: 0 auto; width: 1200px; padding: 100px 0 180px 0;}
.page-content .content h1 {line-height: 1.7em; font-size: 32px; font-weight: bold; text-align: center; margin-bottom: 100px;}
.page-content .content h1.single-title {text-align: left; margin: 0 auto 30px auto; width: 820px;}


/* こだわりと特徴 */
.page-content .content ul.about-list {display: flex;}
.page-content .content ul.about-list li {padding: 0 20px; width: 399px; border-left: 1px solid #dddddd;}
.page-content .content ul.about-list li h2 {/*height: 95px;*/ letter-spacing: -1px; line-height: 1.3em; text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 25px;}
.page-content .content ul.about-list li .box {margin-bottom: 20px;}
.page-content .content ul.about-list li .box img {width: 100%; height: auto;}
.page-content .content ul.about-list li .text {line-height: 1.7em; font-size: 18px;}
.page-content .content ul.about-list li .text .box {display: none;}
.page-content .content ul.about-list li .text img { /*width: 100%; display: block; background: #c2c2c2; height: 200px; margin-bottom: 20px;*/}
.page-content .content ul.about-list li .btn {margin-bottom: 20px; margin-top: 40px; text-align: center;}
.page-content .content ul.about-list li .btn a {padding: 10px 50px; border: 1px solid #000;}
.page-content .content ul.about-list li .btn a:hover {background-color: #fff; color: #333;}

/* お品書き */
.content .tabBox {display: none;}
.content .tabBox.open {display: inline-block; width: 1200px;}
.page-content .content .menu .page-link {display: flex; margin-bottom: 20px;}
.page-content .content .menu .page-link li {border-right: 1px solid;}
.page-content .content .menu .page-link li a {text-align: center; font-weight: 600; font-size: 18px; width: 200px; display: block;}
.page-content .content .menu .page-link li:last-child {border-right: none;}
.page-content .content .menu h2 {font-size: 27px; text-align: center; font-weight: 600; margin-top: 80px; margin-bottom: 60px;}
.page-content .content .menu h2.last {margin-top: 0;}
.page-content .content .menu .first {margin-top: 90px;}

.page-content .content .menu ul.menu-list {margin: 80px -90px 0 -90px;}
.page-content .content .menu ul.menu-list li {width: 170px; height: 262px; margin-left: 90px; float: left; margin-bottom: 100px;}
.page-content .content .menu ul.menu-list li.display-none {display: none;}
.page-content .content .menu ul.menu-list li a {display: inline-block;}
.page-content .content .menu ul.menu-list li .photo {text-align: center; margin-bottom: 15px;}
.page-content .content .menu ul.menu-list li .photo img {width: auto; height: 170px;}
.page-content .content .menu ul.menu-list li h3 {float: left; font-size: 18px; font-weight: bold;}
.page-content .content .menu ul.menu-list li h3 span {font-weight: normal; margin-top: 5px; font-size: 15px; display: block;}
.page-content .content .menu ul.menu-list li .menu-title {float: left; font-size: 18px; font-weight: bold;}
.page-content .content .menu ul.menu-list li .menu-title span {font-weight: normal; margin-top: 5px; font-size: 15px; display: block;}

.page-content .content .menu ul.menu-list li .part {float: right; width: 42px;}
.page-content .content .menu ul.menu-list li .part img {width: 100%;}
.page-content .content .menu ul.menu-list li.listmain h3 {line-height: 1.4em; height: 62px; float: none; text-align: center;}
.page-content .content .menu ul.menu-list02 {width: 800px; margin: 0 auto 60px auto;}
.page-content .content .menu ul.menu-list02 li {margin-top: 20px; padding-bottom: 1px; border-bottom: 1px solid #e1e1e1;}
.page-content .content .menu ul.menu-list02 li h4 {position: relative;}
.page-content .content .menu ul.menu-list02 li span {padding-left: 15px;}
.page-content .content .menu ul.menu-list02 li span.plice {position: absolute; right: 20px; top: 0;}
.page-content .content .menu ul.menu-list02 li span.plice02 {position: absolute; right: 4px; top: 0;}
.page-content .content .menu ul.menu-list02 li span.title {font-size: 16px; font-weight: 600;}
.page-content .content .menu ul.menu-list02 li span.cap {position: absolute; left: 0; top: -15px; font-size: 12px;}

.page-content .content .menu ul.menu-list03 {margin-bottom: 90px;}

.page-content .content .menu h3.sub-title {font-size: 24px; font-weight: 600; width: 800px; margin: 0 auto; /*color: #d7132e;*/}
.page-content .content .menu .tab-list {margin-bottom: 100px;}


#pankuzu {width: 1200px; margin: 90px auto 0 auto; padding-top: 20px; display: flex;}
#pankuzu li {display: inline-block; font-size: 14px;}






/* お問い合わせ */
.content .contact {width: 1000px; margin: 0 auto;}

.page-content .content .contact-area {}
.page-content .content .contact-area h2 {margin-bottom: 30px; font-size: 20px; font-weight: bold;}
.page-content .content .contact-area .tel-form {margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; font-weight: 600; font-size: 36px;}
.page-content .content .contact-area .tel-form span {font-size: 18px; font-weight: normal; margin-right: 10px;}

#mw_wp_form_mw-wp-form-26 form dt {font-size: 15px; margin-left: 30px; width: 240px; float: left; clear: both; line-height: 160%; padding: 0 0 0px; margin-bottom: 30px;}

#mw_wp_form_mw-wp-form-26 form dt span {
    font-weight: bold;
    display: inline-block;
    font-size: 9px;
    color: #fff;
    background: #ee6264;
    padding: 2px 4px;
    margin-left: 5px;
    line-height: 1em;
    border-radius: 2px;
}

#mw_wp_form_mw-wp-form-26 form dd.form-bar {
	margin-bottom: 30px;
    padding-bottom: 15px;
}

#mw_wp_form_mw-wp-form-26 textarea#message {
    padding: 0 5px;
	border: 1px solid #ddd;
	width: 60%;
    background: #fff;
}

#mw_wp_form_mw-wp-form-26 form input {
    font-size: 15px;
    padding: 5px;
	border: 1px solid #ddd;
	width: 60%;
}

.form-Confirmation {
	text-align: center;
}

#mw_wp_form_mw-wp-form-26 form input[type="submit"] {
    font-weight: bold;
    min-width: 140px;
    width: 140px;
    /*height: 30px;
    line-height: 30px;*/
    border-style: none;
    background: #555;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
#mw_wp_form_mw-wp-form-26 form input[type="submit"]:hover {background: #e6002d;}

li.form-back {text-align: center; margin-bottom: 30px;}
.mw_wp_form_complete {line-height: 2.0em; text-align: center;}

.page-content .content h1.single-title br.sp {display: none;}
.page-content .content h1.single-title br.pc {display: block;}















/* 来店予約 */
.content .contact {width: 1000px; margin: 0 auto;}

.page-content .content .contact-area {}
.page-content .content .contact-area h2 {margin-bottom: 30px; font-size: 20px; font-weight: bold;}
.page-content .content .contact-area .tel-form {margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; font-weight: 600; font-size: 36px;}
.page-content .content .contact-area #mw_wp_form_mw-wp-form-141 .tel-form span {font-size: 18px; font-weight: normal; margin-right: 10px; margin-left: 10px;}

#mw_wp_form_mw-wp-form-141 form dt {font-size: 15px; margin-left: 30px; width: 240px; float: left; clear: both; line-height: 160%; padding: 0 0 0px; margin-bottom: 50px;}

#mw_wp_form_mw-wp-form-141 form dt span {
    font-weight: bold;
    display: inline-block;
    font-size: 9px;
    color: #fff;
    background: #ee6264;
    padding: 2px 4px;
    margin-left: 5px;
    margin-left: 3px;
    line-height: 1em;
    border-radius: 2px;
}

#mw_wp_form_mw-wp-form-141 form dd.form-bar {
	margin-bottom: 30px;
    padding-bottom: 15px;
}

#mw_wp_form_mw-wp-form-141 textarea#message {
    padding: 0 5px;
	border: 1px solid #ddd;
	width: 60%;
    background: #fff;
}

#mw_wp_form_mw-wp-form-141 form input {
    font-size: 15px;
    padding: 5px;
	border: 1px solid #ddd;
	width: 60%;
}

.form-Confirmation {
	text-align: center;
}

#mw_wp_form_mw-wp-form-141 form input[type="submit"] {
    font-weight: bold;
    min-width: 140px;
    width: 140px;
    /*height: 30px;
    line-height: 30px;*/
    border-style: none;
    background: #555;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
#mw_wp_form_mw-wp-form-141 form input[type="submit"]:hover {background: #e6002d;}

li.form-back {text-align: center; margin-bottom: 30px;}
.mw_wp_form_complete {line-height: 2.0em; text-align: center;}

.page-content .content h1.single-title br.sp {display: none;}
.page-content .content h1.single-title br.pc {display: block;}






.re__content {
    margin-bottom: 60px;
}

.re__area .read {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
#mw_wp_form_mw-wp-form-141 .contact-area.re__area dd.sec {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 20px;
}

#mw_wp_form_mw-wp-form-141 .contact-area.re__area dd.sec .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
}

#mw_wp_form_mw-wp-form-141 .contact-area.re__area dd.sec .info01 {
    width: 40%;
}
#mw_wp_form_mw-wp-form-141 .contact-area.re__area dd.sec #day01 {
    width: 25%;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: calc(0.7% - 0.5px);
    margin: 0 10px;
}
#mw_wp_form_mw-wp-form-141 .contact-area dd #info02 {
    width: 20%;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: calc(.7% - 0.5px);
}
#mw_wp_form_mw-wp-form-141 form input[type="submit"] {
    font-weight: bold;
    min-width: 185px;
    width: 185px;
    border-style: none;
    background: #555;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.contact-area.re__area .btnbox {
    text-align: center;
}
.contact-area.re__area .btnbox li input {
    margin-bottom: 30px;
}

#mw_wp_form_mw-wp-form-141.mw_wp_form.mw_wp_form_complete .contact_title {
    margin-bottom: 20px;
    font-size: 120%;
}
#mw_wp_form_mw-wp-form-141.mw_wp_form.mw_wp_form_complete p {
    margin-bottom: 20px;
}





.yoyaku-btn {
    position: fixed;
    bottom: 5%;
    right: 20px;
    z-index: 9999;
    width: 10%;
    border-radius: 50%;
    background: #fff;
}
.yoyaku-btn img {
    width: 100%;
    height: auto;
    transition: .3s;
}
.yoyaku-btn:hover img {
    opacity: .7;
}

.yoyaku-btn-sp {
    display: none;
}






/* お知らせ */
.page-content .content .archive {width: 1000px; margin: 0 auto;}
.page-content .content .archive li a {}
.page-content .content .archive li {display: block; padding-top: 30px; padding-bottom: 5px; border-bottom: 1px solid #d3d3d3;}
.page-content .content .archive li span {width: 120px; display: inline-block;}

.page-content .content .back-btn {text-align: center; margin-top: 60px;}

.page-content .content .single {line-height: 1.5em; padding: 20px 0 50px 0; width: 820px; margin: 0 auto; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
.page-content .content .single h2 {font-weight: bold; font-size: 30px; margin-bottom: 30px;}
.page-content .content .single h3 {font-weight: bold; font-size: 24px; margin-bottom: 15px;}
.page-content .content .single h4 {font-weight: bold; font-size: 20px; margin-bottom: 5px;}
.page-content .content .single strong {font-weight: bold;}
.page-content .content .single img {max-width: 100%; height: auto;}



.page-content #breadCrumb {padding-top: 20px; margin: 0 auto; width: 1200px;}
.page-content #breadCrumb li {float: left; margin-right: 20px;}
.page-content #breadCrumb li a {margin-right: 20px;}
.page-content #breadCrumb li:after {content:'＞';}
.page-content #breadCrumb li:last-child:after {content:'';}
.page-content .content .time {width: 820px; margin: 0 auto 40px 0; text-align: right;}

.page-content .content .back-btn a.btn {padding: 10px 50px; border: 1px solid #000;}
.page-content .content .back-btn a.btn:hover {color: #333; background: #fff;}



/* アクセス */
.page-content .content #address {text-align: center; width: 45%; float: right; height: 85%;}
.page-content .content #address img{width: 370px;}
#address #name {line-height: 1.2em; font-weight: 600; /*margin: 25px 0;*/ text-align: center; font-size: 32px; margin-bottom: 45px;}
#address #name span {display: block; font-size: 15px;}

#address dl span {font-weight: 600; font-size: 18px; display: inline-block; margin-bottom: 5px;}
#address dl {line-height: 1.5em; width: 430px; margin: 20px auto 0 auto; text-align: left;}
#address dl dt {display: inline-block; vertical-align: top; width: 130px; /*margin-top: 25px;*/}
#address dl dt:before {content: '・';}
#address dl dd {display: inline-block;}
#address h1 {margin-bottom: 60px;}

.page-content .content #map {width: 55%; float: left;}
.page-content .content #map img { display: block; /*background: #f2f2f2;*/}
.page-content .content #map #googlemap {text-align: right; margin-top: 10px;}
.page-content .content #map #googlemap a {/*text-decoration: underline;*/}
.page-content .content #map #googlemap a:after {content: '▶︎';}




/* 店舗紹介 */
.page-content .store {width: 1000px; margin: 0 auto;}
.page-content .store .left {width: 48%;}
.page-content .store .right {width: 48%;}
.page-content .store img {width: 100%; height: 240px; background: #c2c2c2;}
.page-content .store .store-box {margin-bottom: 90px;}
.page-content .store .store-box h2 {font-size: 27px; line-height: 1.4em; font-weight: 600; margin-bottom: 30px;}



/*PAGENAVI
-------------------------------*/
.wp-pagenavi {text-align:center; clear:both; margin:20px 0px 50px 0px; font-weight:500;}
.wp-pagenavi a { margin-bottom:10px;}
.wp-pagenavi a, .wp-pagenavi span { font-size:16px; margin:2px; padding:0px 0px; box-sizing: border-box; display: inline-block; min-width: 30px; height: 38px; text-align: center; border-radius:10%; line-height:38px;}
.wp-pagenavi a:hover { background: #EEFFCC; }
/* current & extend */
.wp-pagenavi .current { background-color:#542b18; color: #ffffff; font-weight:bold;}
.wp-pagenavi .extend { background:#eeeeee;}
/* first & last */
.wp-pagenavi .first, .wp-pagenavi .last { background-color: #6c6c6c; color: #FFFFFF; font-weight:bold;}
.wp-pagenavi .first:hover, .wp-pagenavi .last:hover { background-color: #8c8c8c; color:#FFFFFF;}
.wp-pagenavi .first:active, .wp-pagenavi .last:active { color:#FFFFFF;}
/* previouspostslink & nextpostslink */
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {background-color: #6c6c6c; color: #FFFFFF; }
.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover { background-color: #8c8c8c; color:#FFFFFF;}
/* smaller & larger */
.wp-pagenavi .smaller, .wp-pagenavi .larger { border:1px solid #eeeeee;}
.wp-pagenavi .smaller:hover, .wp-pagenavi .larger:hover { background-color: #ffffff;}
.wp-pagenavi .smaller:active, .wp-pagenavi .larger:active { color:#333333;}
.wp-pagenavi .pages { font-size:10px; width:100%; padding:0px; margin:auto;}
.wp-pagenavi .pages {display: none;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border: none;}










.Btn-navi_first {display: none;}
.Btn-navi {display: none;}
.navi navi {display: none;}









.test .tab{overflow:hidden;}
.test .tab li{background:#ccc; padding:5px 25px; float:left; margin-right:1px;}
.test .tab li.select{background:#eee;}
.test .content li{background:#eee; padding:20px;}
.test .hide {display:none;}









ul.menu-list li {
    opacity : 0;
    transform : translate(0, 100px);
    transition : all 500ms;
}
ul.menu-list li.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}





/* フッターに適用 */
footer {background: url(../images/footer-bg.png);}
footer .footer-title {width: 295px; margin-top: 15px; margin-bottom: 10px;}
footer .footer-title img {width: 100%;}
footer a {color: #fff;}

.sp-footer-menu {display: none;}
footer .mainwrap {margin: 0 auto; width: 1290px; padding-top: 25px; padding-bottom: 30px; display: table;}
footer .mainwrap .text {font-size: 12px; font-weight: bold; line-height: 1.5em; color: #fff;}
footer .footer-menu {vertical-align: top; display: inline-block; width: 200px; text-align: center; font-size: 13px; font-weight: bold;}
footer .footer-menu-second {vertical-align: top; display: inline-block; width: 200px; margin-left: 40px; text-align: center; font-size: 13px; font-weight: bold;}
footer .footer-menu-banner {background: #000; vertical-align: top; display: inline-block; width: 300px; margin-left: 40px; text-align: center; font-size: 13px; font-weight: bold;}
footer .footer-menu-banner a {display: block;}
footer .footer-menu-banner a:hover {opacity: 0.5;}
footer .footer-menu li {border-bottom: 1px solid #d3d3d3;}
footer .footer-menu li a {position: relative; padding-bottom: 10px; padding-top: 10px; display: inline-block;}
footer .footer-menu li.current {position: relative;}
/*footer .footer-menu li.current a:before {margin-right: 5px; white-space: nowrap; overflow: hidden; background-size: 20px; width: 15px; height: 14px; background: url(../images/title-ball.png); content: '.'; margin-top: 0px; text-indent: -9999px; display: inline-block;}*/
footer .footer-menu li.current a:before {display: inline-block; content: '●'; color: #4f2a12; position: absolute; left: -1.5em; bottom: text-bottom;}
footer .footer-menu li.no-current a:before {background: none; content: '';}

footer .footer-two li.current {position: relative;}
footer .footer-two li.current a:before {display: inline-block; content: '●'; color: #4f2a12; position: absolute; left: -1.5em; bottom: text-bottom;/*background-size: 15px; width: 15px; height: 15px; background: url(../images/title-ball.png); content: ''; position: absolute; left: 30px;*/}
footer .footer-two li.no-current a:before {display: none; content: '';}
footer .footer-menu li:nth-child(2) {padding-top: 25px;}
footer .footer-menu li:nth-child(3) {padding-top: 25px;}
footer .footer-menu-second li {border-bottom: 1px solid #d3d3d3;}
footer .footer-menu-second li a {padding-bottom: 12px; padding-top: 12px; display: inline-block; position: relative;}
footer .footer-menu-second li.menu-current a:before {display: inline-block; content: '●'; color: #4f2a12; position: absolute; left: -1.5em; bottom: text-bottom;}

footer .footer-menu-second ul.sub-menu {}
footer .footer-menu-second ul.sub-menu li {border: none; /*float: left; width: 50%;*/}
footer .footer-menu-second ul.sub-menu li a {text-align: left; padding-left: 10px; width: 100%; border-bottom: 0px solid #d3d3d3; padding-bottom: 0px; padding-top: 15px;}
footer .footer-menu-second ul.sub-menu li a:before {content: '・';}

footer .copyright {font-size: 12px; color: #fff; text-align: center; padding: 10px 0; }

















/* 以下、昼の部のページに適用 */

.top-photo img {width: 100%; max-width: 100%;}
.slider-area h1.ramen {position: absolute; width: 215px; z-index: 999;left: auto;  right: 9%; top: 5%; margin: auto;}
/*.slider-area .tsukemen-top h1.ramen {right: 8%;}*/
header .ramen .menu {justify-content: space-between; width: 1000px; margin: auto; display: flex; padding-top: 18px;}
header .ramen .menu ul {display: flex; width: 1000px;}
header .ramen .menu ul li {font-size: 15px;}
header .ramen .menu ul li.page-item-5 {display: none;}
/*header .ramen-main {background: url(../images/header-bg.png);}*/
header .ramen-main .mainwrap ul.first-navi li.current a {color: #fff;}
/*header .ramen-main .mainwrap ul.first-navi li.no-current a {color: #000;}*/
/*header .ramen-main .mainwrap .tell-area {color: #000;}*/
header .ramen-main .mainwrap .tell-area .tell-nom:before {background: url(../svg/tell.svg) no-repeat;}

.navi.open ul.sp li a {color: #fff;}



footer.ramen .copyright {font-size: 12px; /*color: #000;*/ text-align: center; padding: 10px 0; /*background: url(../images/header-bg.png);*/}
footer.ramen .footer-menu {margin-left: 90px;}


.page-content .content .menu .ramen-page-link {width: 600px; display: flex; margin: 0 auto 20px auto;}
.page-content .content .menu .ramen-page-link li {border-right: 1px solid;}
.page-content .content .menu .ramen-page-link li a {text-align: center; font-weight: 600; font-size: 18px; width: 300px; display: block;}
.page-content .content .menu .ramen-page-link li:last-child {border-right: none;}
.page-content .content .menu .ramen-list h2 {margin-bottom: 30px; text-align: left;}
.page-content .content .menu .menu-img {text-align: center;}
.page-content .content .menu .menu-img img {width: 400px; height: auto;}
.page-content .content .menu .menu-img ul {display: flex; margin: 0 auto; width: 650px;}
.page-content .content .menu .menu-img ul li {margin-left: 50px;}
.page-content .content .menu .menu-img ul li:first-child {margin-left: 0;}
.page-content .content .menu .menu-img .topping {position: relative; width: 400px; margin: 0 auto;}
.page-content .content .menu .ramen-list {margin-bottom: 150px;}
.page-content .content .menu .ramen-list ul.menu-list02 {margin-bottom: 20px;}

.page-content .content .ramen-about {width: 1000px; margin: 0 auto;}
.page-content .content .ramen-about .left {width: 45%;}
.page-content .content .ramen-about .left h2 {font-size: 20px; font-weight: 600; line-height: 1.5em; margin-bottom: 30px; text-align: center;}
.page-content .content .ramen-about .left .text {margin-bottom: 30px;}
.page-content .content .ramen-about .left .rink {text-align: center;}
.page-content .content .ramen-about .left a {width: 214px; text-align: center; display: block; padding: 10px 0px; border: 1px solid #000; margin: 0 auto;}
.page-content .content .ramen-about .right {width: 50%;}
.page-content .content .ramen-about .right img {width: 100%;}






br.pc-zone {display: block;}
br.sp-zone {display: none;}



/* お問い合わせ */

.page-content .content .franchise {margin: 0 auto; width: 1000px;}
.page-content .content .franchise h2 {font-size: 22px; font-weight: 600; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;}
.page-content .content .franchise .tel {font-size: 32px; letter-spacing: 2px; font-weight: 600;}
.page-content .content .franchise .tel span {font-size: 16px; width: 55px; display: inline-block;}
.page-content .content .franchise .text {text-align: center; margin-bottom: 60px; font-size: 18px; line-height: 1.7em;}
.page-content .content .franchise .form-area {margin-bottom: 100px;}
.page-content .content .franchise .form-area:last-child {margin-bottom: 0px;}

.content .contact {width: 1000px; margin: 0 auto;}
#mw_wp_form_mw-wp-form-26 form dt {font-size: 15px; margin-left: 30px; width: 240px; float: left; clear: both; line-height: 160%; padding: 0 0 0px; margin-bottom: 30px;}

#mw_wp_form_mw-wp-form-26 form dt span {
    font-weight: bold;
    display: inline-block;
    font-size: 9px;
    color: #fff;
    background: #ee6264;
    padding: 2px 4px;
    margin-left: 5px;
    line-height: 1em;
    border-radius: 2px;
}

#mw_wp_form_mw-wp-form-26 form dd.form-bar {
    margin-bottom: 30px;
    padding-bottom: 15px;
}

#mw_wp_form_mw-wp-form-26 textarea#message {
    padding: 0 5px;
    border: 1px solid #ddd;
    width: 60%;
    background: #fff;
}

#mw_wp_form_mw-wp-form-26 form input {
    font-size: 15px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    width: 60%;
}

.form-Confirmation {
    text-align: center;
}

#mw_wp_form_mw-wp-form-26 form input[type="submit"] {
    font-weight: bold;
    min-width: 155px;
    width: 155px;
    /*height: 30px;
    line-height: 30px;*/
    border-style: none;
    background: #555;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
#mw_wp_form_mw-wp-form-26 form input[type="submit"]:hover {background: #e6002d;}

li.form-back {text-align: center; margin-bottom: 30px;}
.mw_wp_form_complete {line-height: 2.0em; text-align: center;}



.brand {position: relative; height: 720px;}
.brand li {cursor: pointer; width: 50%; height: 100%; overflow: hidden; position: relative; float: left; display: block;}
.brand li img {width: 100%; position: absolute; top: -15%; left: 0px; -moz-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; /*filter: saturate(0%);*/}
.brand li img:hover {-webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: 0.6; filter: saturate(90%);}
.brand li a {display: block;}
.brand .title-class {color: #fff; font-size: 24px; pointer-events: none; text-align: center; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; position: absolute; top: -20%; left: 0; right: 0; bottom: 0; width: 50%; height: 100px; margin: auto; z-index: 99;}
.brand .title-class h2 {font-weight: bold; font-size: 42px; margin-bottom: 25px;}
.brand .title-class h2 span {font-weight: normal; display: block; font-size: 34px; margin-bottom: 15px;}
.brand .title-class .top-time {}
.brand li .title-class .logo {width: 65%; margin: auto auto 15px;}
.brand li .title-class .logo img {position: relative; width: 100%;}

.brand li.yakitori .title-class {color: #000;}


.brand li.yakitori img {top: 0;}


header .mainwrap ul.first-navi {display: none;}
header.ramen .mainwrap ul.first-navi {display: none;}
header.sogo-top .mainwrap ul.first-navi {display: block;}
header .mainwrap ul.first-navi li a {vertical-align: middle; display: table-cell; height: 52px;}
header.sogo-top .mainwrap .tell-area {padding-top: 23px;}
footer .footer-menu li.menu-current a:before {display: inline-block; content: '●'; color: #4f2a12; position: absolute; left: -1.5em; bottom: text-bottom;}

.lity-container {/*width: 580px; height: 570px;*/}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {max-width: 500px !important; }
.lity-container .lity-content {/*background: url(../images/menu/popup/popup01.png);*/ margin: auto; width: 580px !important; position: relative; height: 570px; display: block;}
.lity-iframe-container iframe {background: none !important;}




a.newsbtn {z-index: 9999; position: fixed; bottom: 120px; border: 2px solid #a50a0a; text-align: center; right: 100px; border-radius: 50%; background: #a50a0a; padding: 35px 30px; /*padding: 55px 30px;*/ line-height: 1.7em; color: #fff; font-weight: bold;}
/*a.newsbtn {z-index: 9999; position: fixed; bottom: 120px; border: 2px solid #a50a0a; text-align: center; right: 100px; border-radius: 50%; background: #a50a0a; padding: 40px 21px; line-height: 1.7em; color: #fff; font-weight: bold;}*/
a.newsbtn:hover {background:#fff; color: #a50a0a;}
a.newsbtnsp {display: none;}
/*a.newsbtn { 
background: #a50a0a;   
line-height: 1.7em; 
color: #fff; 
font-weight: bold;
z-index: 9999; 
position: fixed; 
bottom: 120px; 
border: 2px solid #a50a0a;
right: 100px;
display: inline-block;
width: 163px;
height: 163px;
border-radius: 50%;
}*/
a.newsbtn span.main {display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
    width: 165px;
    text-align: center;}
a.newsbtn span.ymd {font-size: 13px;}







body.open_popup {
    overflow-x: hidden;
}

.bg_onetime_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

body.open_popup .bg_onetime_popup {
    opacity: 1;
    visibility: visible;
}

.onetime_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 50%;
    min-width: 500px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
    border-radius: 25px;
}

.onetime_popup_title {
    position: relative;
    padding: 1em 80px;
    margin: 0px;
    background-color: #3388dd;
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 1.5;
}

.onetime_popup_title_close {
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    cursor: pointer;
}
.onetime_popup_title_close::before,
.onetime_popup_title_close::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 4px;
    content: "";
    background: #333;
}
.onetime_popup_title_close::before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.onetime_popup_title_close::after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.onetime_popup_content {
    text-align: center;
}
.onetime_popup_content img {
    max-width: 100%;
    height: auto;
}