/* ===================================================================
CSS information
file name  :  base.css
=================================================================== */
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}

img {
vertical-align: bottom;
}

@media screen and (max-width: 768px) {
  header {
    display: block;
    width: 300px;
    margin: 0 auto;
    background: transparent;
    border-top: 0;
  }
}

li {
    list-style: none;
}

body{
	background:#F2F0EE;
}

ul {padding-left:0;}
ul li {text-indent:0;}

header img {display: block; margin: 0 auto;}

.menu_box .use_intro {text-align:center; line-height:2em;}
.menu_box span {display:block; width:200px; margin:0 auto; padding-top:40px; text-align: center; font-size:40px; font-family: 'Parisienne', cursive;}
.menu_box ul.osechi_menu {width: 94%; margin: 20px auto; padding: 0!important;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.menu_box ul.osechi_menu li {flex: 0 1 32%; max-width: 32%; margin-bottom: 20px;}
.menu_box ul.osechi_menu li a {display: block; width: 100%; height: auto; text-decoration:none; color:#000;}
.menu_box ul.osechi_menu li a {}
.menu_box ul.osechi_menu li a p > * {display:block;}
.menu_box ul.osechi_menu li a p {margin-bottom:20px; font-size:12px; text-align:left;}
.menu_box ul.osechi_menu li a p b {margin:10px auto; color:#B92C20; font-size:15px; text-align:center;}
.menu_box ul.osechi_menu li a img {width:100%; height:auto;}
.menu_box ul.osechi_menu li a img:hover {opacity:0.5;}

#container {width:980px; margin:30px auto; padding-bottom:5px; background:#fff;}
#intro {padding:0 0 30px; text-align:center;}
#intro h2 {margin-bottom:10px; padding-top:30px; font-size:28px;}
#intro p {padding-top:20px; line-height:1.8em;}
#intro p span {display:block; width:600px; margin:0 auto 20px; padding:10px 0; border-top:solid 1px #000; border-bottom:solid 1px #000; font-size:16px;}

section {margin:20px 0 70px;}
section.detail {margin:10px 0;}
section h3 {text-align:center;}
section h3 img {width:100%; height:auto;}
section .Image img {width:100%; height:auto; vertical-align: bottom;}
section img.icon {width:auto; position:absolute; bottom:10px; bottom:-50px; right:40px;}
section p {margin-bottom:20px; text-align:center;}

.under {padding: 50px 0 30px; background: #212121;} 

section#other {border:none; background:none;}
section#other h3.label {width: 98%; margin: 0 auto 20px; padding: 30px 0; background: #8c6825;}
section#other h3.label img {display: block; width: 400px; margin: 0 auto;}
section#other ul li {width:44%; margin-left:1%; margin-right:1%; padding:2%; float:left; background:#212121; color:#fff;}
section#other ul li.last {width:44%; margin-right:0; margin-left:1%; background:#212121; color:#fff;}
section#other ul li p.food_info {min-height:180px; margin-top: 20px; text-align:left; font-size:13px;}
section#other.cocktail ul li p.food_info {margin-top: 20px; text-align:left; font-size:13px;}

section#other.cocktail ul li.purple {background: #686c91;}
section#other.cocktail ul li.pink {background: #c8786d;}
section#other.cocktail ul li h3 {margin: 20px 0 20px; font-size: 18px;}

section#other ul li p.food_info b {color:#9F8546;} 
section#other.cocktail ul li p.food_info b {color:#fff;} 
section#other ul li p.price_label {}
section#other.cocktail  ul li p.price_label {}
section#other ul li.last p.price_label {border-top:solid 1px #fff; border-bottom:solid 1px #fff;}

section#onabe {margin-bottom: 0; padding-bottom:10px; background: #212121;}
section#onabe h3 {background: #000;}
section#onabe h3 img {width: 600px; margin: 0 auto;}


section#onabe ul li {width: 100%;}
section#onabe ul li img {width: 100%; height: auto;}
section#onabe ul li p {text-align:left;}
section#onabe ul li p.food_info {width:270px; min-height:220px; margin:0 auto;}
section#onabe ul li p.food_info span {display:block; width:50%; float:left;}
section#onabe .Image_center {display: block; margin:0 auto 50px;}

section#onabe .main-cont {
width: 100%;
}
section#onabe .main-cont ul {
width: 90%;
max-width: 700px;
margin: 0 auto;
}
section#onabe .main-cont ul li {
margin-top: 30px;
}
section#onabe table {
width: 100%;
margin: 30px 0 50px;
border-collapse: collapse;
position: relative;
border: solid 1px #b9a08c;
}
section#onabe table::before {
content: "";
display: block;
width: 1px;
height: 100%;
margin: 0 auto;
background: #b9a08c;
position: absolute;
top: 0;
left: 0;
right: 0;
}
section#onabe table tr td {
width: 50%;
border-bottom: solid 1px #b9a08c;
}
section#onabe table tr td.none {
background: #fff;
}
section#onabe table tr td img {
width: 100%;
height: auto;
}
section#onabe .link_btn {
margin-bottom: 40px;
}


section#okashi {padding:20px 0 10px;}
section#okashi h3 { }
section#okashi h3 img {width:100%; max-width: 980px;}
section#okashi .bgImg {width: 90%; margin: 0 auto 50px; display: block;}
section#okashi .bgImg .okashiBox .imgBox { box-sizing: border-box; width: 46%; float: left; }
section#okashi .bgImg .okashiBox .txtBox { box-sizing: border-box; width: 52%; float: right; }
section#okashi .bgImg .okashiBox .txtBox .title { font-size: 40px; text-align: left; color: #fff; margin: 0 0 40px; font-family: 'Noto Serif JP', serif; font-weight: 600; color: #b81c2b;}
section#okashi .bgImg .okashiBox .txtBox p {text-align: left; color: #524c3f;}
section#okashi .bgImg .okashiBox .txtBox .spec {font-size: 15px; margin-bottom: 10px; line-height: 1.8;}
section#okashi .bgImg .okashiBox .txtBox .item {font-size: 19px; line-height: 32px; margin-bottom: 10px;}
section#okashi .bgImg .okashiBox .txtBox .price {color: #b81c2b; text-align: right;}
section#okashi .bgImg .okashiBox .txtBox .price .yen {font-size: 50px; line-height:;font-family: 'Noto Serif JP', serif; font-weight: 600; border-bottom: 2px solid #b81c2b;}
section#okashi .bgImg .okashiBox .txtBox .price .tax {font-size: 18px; font-weight: 400;}
/*section#okashi .Image img {width:auto;}
section#okashi ul li {width:92%; margin:0 4%; padding:5% 0 2%;}
section#okashi ul li .box {padding:40px 40px 20px; background-color: #b81c2b;}
section#okashi ul li.last {border-bottom:none;}
section#okashi ul li .Left {width:60%; float:left; text-align:center;}
section#okashi ul li .Left p span {display:block;}
section#okashi ul li .Right {width:32%; margin-top:4%; padding: 4%; color:#fff; background: #2f2725; float:left;}
section#okashi ul li .Right p {position:relative; color:#fff; text-align: left; line-height: 2.4em;}  
section#okashi ul li .Right p img {position:absolute; left:0;}
section#okashi ul li .Right p span {display:block; padding-left:24%; text-align:left;}
section#okashi ul li .Right p span.title {display:block; margin-top:5px; padding-left:0;}
section#okashi ul li .box.bg_black {background: none; background: #b81c2b;}
section#okashi ul li .box.bg_black .Right {background: #e9d0a3;}
section#okashi ul li .box.bg_black .Right p {color:#2f2725; padding: 2%; border:solid 2px #524c3f;}
section#okashi ul li .box.bg_black .Left p {color:#fff;}
*/


/*詳細*/
section.detail h2 img {width:100%; height:auto;}
section#dt_tokusen {background: #f8f9fb; color:#65482e; position: relative;}
section#dt_tokusen::after {content:""; width:100%; height:30px; position: absolute; bottom: -30px; background: #f8f9fb;} 
section#dt_tokusen ul {border-top: solid 1px #e7e3e0;} 
section#dt_tokusen ul li {width:90%; margin:50px 5% 40px 5%; float:none; text-align:left;} 
section#dt_tokusen ul li.last {margin:40px 5% 0;}
section#dt_tokusen ul li .Left {width:50%; float:left;}
section#dt_tokusen ul li .Right {width:50%; float:left;}
section#dt_tokusen ul li p {text-align:left;}
section#dt_tokusen ul li p b {display: block; margin: 30px 0 20px; font-size: 30px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
section#dt_tokusen ul li p span {color:#65482e;}
section#dt_tokusen ul li img {width:auto;}
section#dt_tokusen p.line {margin:0 20px 20px; padding:20px 10px 10px;}
section#dt_tokusen .link_btn {}

section#dt_nidan {background: #212121; color:#fff; position: relative;}
section#dt_nidan::after {content:""; width:100%; height:30px; position: absolute; bottom: -30px; background: #212121;} 
section#dt_nidan .intro {margin: 50px 0 10px; text-align: center;}
section#dt_nidan .intro .catch {color: #ad8b6b; font-size: 30px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1.4;}
section#dt_nidan .intro .lead {margin: 20px 0 10px; line-height: 1.8;}
section#dt_nidan .intro .sozai img {display: block; width: 250px; margin: 20px auto 0;}

section#dt_nidan ul {padding:40px 0;}
section#dt_nidan ul li {width:46%; margin:0 1% 10px 3%; float:left; position:relative;}
section#dt_nidan ul li b {padding: 10px 0 0 20px; writing-mode: vertical-rl; text-align: initial; color: #ad8b6b; font-size: 30px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
section#dt_nidan ul li img {position:absolute; left:0; top:0;}
section#dt_nidan ul li p {margin-top: 45px; padding-left:20%; text-align:left; font-size:13px;}
section#dt_nidan ul li p.up {margin-top: -45px;}
section#dt_nidan ul li p span {width:48%; margin-right:2%; float:left;}

section#dt_wayou {background: #231816; color:#fff; position: relative;}
section#dt_wayou::after {content:""; width:100%; height:30px; position: absolute; bottom: -30px; background: #231816;} 
section#dt_wayou ul {width: 90%; margin: 40px auto 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;
-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
section#dt_wayou ul li {flex: 0 1 24%; max-width: 24%;}
section#dt_wayou ul li img {position:absolute; left:0; top:0;}
section#dt_wayou ul li p {margin-top:45px; padding-left:20%; text-align:left; font-size:13px;}
section#dt_wayou ul li p span {width:48%; margin-right:2%; float:left;}


.ls-1 {
    letter-spacing: -1px;
}
/*ボタン*/
#page-close {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 100%;
		z-index:100;
}
#page-close a {
    background: #221D17;
    text-decoration: none;
    color: #fff;
    width: 150px;
    padding: 20px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-close a:hover {
    text-decoration: none;
    background: #999;
}

.pagetop_btn a {display:block; width:280px; margin:40px auto 50px; padding:10px 0; border:solid 1px #d3d3d3; text-decoration:none; color:#000; text-align:center;}
.pagetop_btn a:hover {background:#221D17; color:#fff;}

footer {
    text-align: center;
}