/*-------body-------*/
 
body {
	padding: 0;
	margin: 0 auto;
	border: 0 none;
    overflow-x: hidden;
    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;}


/* ヘッダーに適用 */

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

header {height: 135px; background: url(../images/footer-bg.png);}
header h1 {padding-top: 12px; 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 {padding-top: 14px; padding-bottom: 11px; font-weight: bold; line-height: 1.2em; float: right; display: inline-block; color: #fff;}
header .mainwrap .tell-area .tell-nom {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: 1200px; margin: auto; display: flex; padding-top: 18px;}
header .menu li {text-align: center; width: calc(100% / 6); border-right: 1px solid #fff; font-size: 15px;}
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: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;}
.slider-area h1 {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; width: 25%; float: left;}
/*.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 15px; width: 399px; border-left: 1px solid #dddddd;}
.page-content .content ul.about-list li h2 {line-height: 1.3em; text-align: center; font-size: 24px; font-weight: 600; margin-bottom: 25px;}
.page-content .content ul.about-list li .box {}
.page-content .content ul.about-list li .text {line-height: 1.7em; font-size: 18px;}
.page-content .content ul.about-list li .text img {display: none; /*width: 100%; display: block; background: #c2c2c2; height: 200px; margin-bottom: 20px;*/}
.page-content .content ul.about-list li .btn { 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 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 .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: 0px auto; padding-top: 20px; display: flex;}
#pankuzu li {display: inline-block; font-size: 14px;}






/* お問い合わせ */
.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;
	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 .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: 110px; /*margin-top: 25px;*/}
#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 h1 {width: 295px; margin-top: 15px; margin-bottom: 10px;}
footer h1 img {width: 100%;}
footer a {color: #fff;}
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: 90px; text-align: center; font-size: 13px; font-weight: bold;}
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-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: 6px;}
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: 250px; 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%;}








/* お問い合わせ */

.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: 50px;}
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;}











body.open_popup {
    overflow: 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;
}

.yoyaku-btn{
    display: block;
    position: fixed;
    bottom: 250px;
    z-index: 9999;
    right: 30px;
    max-width: 130px;
    bottom: 10%;
    border-radius: 50%;
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75), 0px 0px 5px 0px rgba(255, 255, 255, 0.75), 0px 0px 5px 0px rgba(255, 255, 255, 0.75), 0px 0px 5px 0px rgba(255, 255, 255, 0.75), 0px 0px 5px 0px rgba(255, 255, 255, 0.75);

}

.yoyaku-btn a{
    width: 100%;
    display: block;
}

.yoyaku-btn a:hover img{
    filter:invert(100%) contrast(200%) ;
    transition: 0.3s;
    }
    

    .yoyaku-btn:hover {
        box-shadow: 0px 0px 5px 0px rgba(5, 5, 5, 0.75), 0px 0px 5px 0px rgba(5, 5, 5, 0.75), 0px 0px 5px 0px rgba(5, 5, 5, 0.75), 0px 0px 5px 0px rgba(5, 5, 5, 0.75), 0px 0px 5px 0px rgba(5, 5, 5, 0.75);
    }

.yoyaku-btn img{
    width: 100%;
    height: auto;
}

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