@charset "utf-8";

/* メインビジュアル
******************************************/
#Mainvis{margin-bottom:50px;}
#Mainvis_single{ position: relative; height: 385px; background: url(../../images/pc_mainvis_01.jpg) 50% 0 no-repeat; background-size: cover; }

/* (個別)Mainvis
******************************************/
#Mainvis_inner { height: auto; }
#Recipe_detail_area{ margin-bottom:50px;}

/* =========================================================
Local_nav
========================================================= */
#Local_nav { background: url(../images/local_nav_bg.png) center top repeat-x; margin-bottom: 77px; border-top: 8px solid #fff; min-height: 168px; }
#Local_nav_inner { width: 960px; margin: 0 auto; padding: 40px 0 17px; }
#Local_nav_inner .shop_name { text-align: center; line-height: 1.5; margin-bottom: 21px; color: #7f5319; font-size: 153.9%; }
#Local_nav_inner .nav_select { display: none; }
#Local_nav_inner .nav_list ul { width: 100%; display: table; table-layout: fixed; box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 10px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 10px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 10px 0px; -ms-box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 10px 0px; }
#Local_nav_inner .nav_list li { display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #ebd992; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FDE79A), color-stop(0.00, #FFFAA6)); background: -webkit-linear-gradient(#FFFAA6, #FDE79A); background: -moz-linear-gradient(#FFFAA6, #FDE79A); background: -ms-linear-gradient(#FFF9A5, #FDE79A); background: linear-gradient(#FFF9A5, #FDE79A); background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNTAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZBQTYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGQ0U2OTkiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNTApIiAvPgo8L3N2Zz4=); border-left: 1px solid #f9f6de; border-right: 1px solid #d7c36c; }
#Local_nav_inner .nav_list li:first-child { border-left: 1px solid #ebd992; }
#Local_nav_inner .nav_list li:last-child { border-right: 1px solid #ebd992; }
#Local_nav_inner .nav_list li.active,
#Local_nav_inner .nav_list li:hover { background: #fff; }
#Local_nav_inner .nav_list li a { display: block; color: #7f5319; padding: 11px 0; font-size: 85%; text-decoration: none; }
#Local_nav_inner .nav_list li.active a {}

/* =========================================================
sns
========================================================= */

.snsb { float: right;  padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.snsb2 { float: left; margin-left: 10px;  }
.snsb3 { float: left; margin-left: 10px; padding-top: 2px; }


/* =========================================================
Contact
========================================================= */
#Contact {}
#Contact h3 { font-size: 174%; line-height: 1.1; margin-bottom: 15px; color: #5d4e22; letter-spacing: 2px; }
#Contact .contact_box { height: 130px; background: url(/tokyo/common/images/contact_box_bg.png) 0 0 no-repeat; margin-bottom: 30px; }
#Contact .contact_box .contact_box_inner { padding: 28px 30px; }
#Contact .contact_box .contact_box_inner .box_L { width: 600px; display: inline; float: left; }
#Contact .contact_box .contact_box_inner .box_L .shop_info_top { color: #7f5319; border-bottom: 1px solid #fff; margin-bottom: 5px; }
#Contact .contact_box .contact_box_inner .box_L .shop_category { font-size: 93%; }
#Contact .contact_box .contact_box_inner .box_L .shop_name { font-size: 138.5%; }
#Contact .contact_box .contact_box_inner .box_L .shop_floor { font-size: 93%; color: #3f3a3a; }
#Contact .contact_box .contact_box_inner .box_R { width: 262px; display: inline; float: right; padding-top: 16px; margin-right: 5px; }
#Contact .contact_box .contact_box_inner .box_R a { display: block; background: #fff; box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 3px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 3px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 3px 0px; -ms-box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 3px 0px; }

/* social_box
******************************************/
.social_box{ margin-bottom:20px; text-align: right; }
.social_box>ul { letter-spacing: -.31em; }
.social_box li { display:inline-block; letter-spacing: normal; vertical-align: top; margin: 0 1px; }

/* recipe_detail_btn
******************************************/
.recipe_detail_btn{ display: inline-block; margin-left: 10px; vertical-align: top; letter-spacing: normal; width: 210px; text-align: center; font-size: 108%; float:right; }
.recipe_detail_btn a {display: block; padding: 5px 0; color: #fff; text-decoration: none;  background: #b09476 url(../../../images/ico-arrow_white.png) 20px 50% no-repeat; }
.recipe_detail_btn a:hover { opacity: 0.7; filter: alpha(opacity=70); }
.recipe_main_img{ position: relative; float:left; box-sizing:border-box; width:330px; margin-right:30px; }

/* recipe_detail_txt
******************************************/
.recipe_detail_txt{ float:left; width:600px; }
.recipe_detail_txt ul{ }
.recipe_detail_txt ol{ padding-left:30px; }
.recipe_detail_txt ul li:before{ content:"・"; text-indent:-1.0em; }
.recipe_detail_txt ul li{ text-indent:-1.0em; padding-left:1.0em; }
.recipe_detail_txt ol li{ list-style-type: decimal; }
.recipe_detail_block { margin-bottom: 30px; }
.recipe_detail_block a { color: #3f3a3a; text-decoration: underline; }
.recipe_detail_block a:hover { text-decoration: none; }

.recipe_detail_recommend ul li:before{ content:" "; text-indent:-1.0em; }
.recipe_detail_recommend ul li { list-style-type: none; float: left; width: 120px; height: 110px; font-size:10px; line-height:1.2; margin-right:20px; }
.recipe_detail_recommend ul li a { color: #5d4e22; text-decoration: none; }
.recipe_detail_recommend ul li a:hover { text-decoration: underline; }
.recipe_detail_recommend ul li img{ margin-bottom: 5px; border: 1px solid #ccc; }

/* recipe_detail_shop
******************************************/
.recipe_shop_img{ float:left; width:200px; margin-right:20px; }
.recipe_detail_shop_txt{ float:left; width:380px; }
#Main_inner .recipe_detail_shop_txt .ft_standard5 { margin-top: 0; }
#Main_inner .recipe_detail_shop_txt .tbl01 { margin-bottom: 20px; }
#Main_inner .recipe_detail_shop_txt .shop_txt{ margin-bottom: 20px; }



@media screen and (min-width: 668px){
#Local_nav_inner .nav_list { display: block !important; }
}

/* screens SMALLER than 667
******************************************/
@media screen and (max-width: 667px){
/* Recipe01
******************************************/
#Recipe_detail{ width: 93.75%; margin: 0 auto 36px; }
#Mainvis { margin-bottom: 35px; }
#Recipe_detail_area{ margin-bottom:0;}
/* メインビジュアル
******************************************/
#Mainvis_single{ position: relative; height: auto; background: none; background-size: auto; }
/********************/
.recipe_main_img{ float:none; width:100%; margin-right:0; margin-bottom:20px; }
.recipe_main_img img{ width:100%; }

/* recipe_detail_txt
******************************************/
.recipe_detail_txt{ float:none; width:100%; }

/* recipe_detail_shop
******************************************/
.tbl01 { margin: 0 0 20px; width:100%; }
.recipe_shop_img{ width:26.67%; margin-right:10px; margin-bottom:10px; }
.recipe_shop_img .shop_txt{ float:left; margin-bottom:20px; }
.recipe_detail_shop_txt{ clear:both; float:none; width:100%; }
.recipe_detail_shop .ft_standard5+p { clear: both; margin-bottom: 14px; }
.recipe_detail_btn { margin-left: 0; margin-bottom:20px; width:100%; text-align: center; font-size: 108%; }

/* =========================================================
Local_nav
========================================================= */
#Local_nav { display: block; background: #fff; height: auto; border-top: none;  padding-top: 16px; min-height: 0; }
#Local_nav_inner { width: 93.75%; margin: 0 auto; padding: 0; }
#Local_nav_inner .shop_name { text-align: left; font-size: 15px; line-height: 19px; color: #9d7f60; margin-bottom: 7px; }
#Local_nav_inner .nav_select { display: block; text-align: center; border: 1px solid #ebd992; padding: 8px 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FDE79A), color-stop(0.00, #FFF9A5)); background: -webkit-linear-gradient(#FFF9A5, #FDE79A); background: -moz-linear-gradient(#FFF9A5, #FDE79A); background: -ms-linear-gradient(#FFF9A5, #FDE79A); background: linear-gradient(#FFF9A5, #FDE79A); background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5ODgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkY5QTUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGREU3OUEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5ODgpIiAvPgo8L3N2Zz4=); cursor: pointer;  box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 5px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 5px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 5px 0px; -ms-box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 10px 0px; }
#Local_nav_inner .nav_select .arrow { display: inline-block; position: relative; color: #7f5319; font-size: 13px; padding-left: 25px; }
#Local_nav_inner .nav_select .arrow:before { content: ""; position: absolute; left: 0; top: 6px; width: 11px; height: 10px; background: url(../../images/select_arrow_01.png) 0 0 no-repeat; -webkit-background-size: 11px 10px; -ms-background-size: 11px 10px; background-size: 11px 10px; display: inline-block; }
#Local_nav_inner .nav_list { border: 1px solid #ebd992; border-top: none; display: none; }
#Local_nav_inner .nav_list ul { display: block; }
#Local_nav_inner .nav_list li { display: block; border: none; text-align: left; background: #fff; }
#Local_nav_inner .nav_list li:first-child { border: none; }
#Local_nav_inner .nav_list li:last-child { border: none; }
#Local_nav_inner .nav_list li.active { }
#Local_nav_inner .nav_list li a { padding: 10px 7.03125%; color: #5b4f4f; position: relative; }
#Local_nav_inner .nav_list li a:before { position: absolute; width: 4px; height: 6px; background: url(../../../common/images/sp_subnav_arrow_01.png) 0 0 no-repeat; content: ""; left: 3.75%; top: 16px; -webkit-background-size: 4px 6px; -ms-background-size: 4px 6px; background-size: 4px 6px; }

/* =========================================================
Contact
========================================================= */
#Contact { margin-bottom: 50px; }
#Contact h3 { font-size: 17px; line-height: 18px; width: 93.75%; margin: 0 auto 8px; letter-spacing: 0; }
#Contact .contact_box { height: auto; background: #fdf8e3; margin-bottom: 35px; border-top: 1px solid #d6d5d5; border-bottom: 1px solid #d6d5d5; box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; -ms-box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 4px 0px; }
#Contact .contact_box .contact_box_inner { padding: 22px 3.125%; }
#Contact .contact_box .contact_box_inner .box_L { width: 100%; display: block; float: none; margin-bottom: 20px; }
#Contact .contact_box .contact_box_inner .box_L .shop_info_top { border-bottom: 1px solid #dcc892; padding-bottom: 16px; margin-bottom: 20px; }
#Contact .contact_box .contact_box_inner .box_L .shop_category { font-size: 12px; line-height: 15px; margin-bottom: 4px; }
#Contact .contact_box .contact_box_inner .box_L .shop_name { font-size: 15px; line-height: 22px; }
#Contact .contact_box .contact_box_inner .box_L .shop_floor { font-size: 12px; line-height: 1; }
#Contact .contact_box .contact_box_inner .box_R { width: 100%; display: block; float: none; padding-top: 0; margin-right: 0; }
#Contact .contact_box .contact_box_inner .box_R a { box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 3px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 3px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 3px 0px; -ms-box-shadow:rgba(0, 0, 0, 0.12) 0px 3px 3px 0px; }

/* social_box
******************************************/
.social_box{ float:none; margin:0 auto 20px; text-align:center; }
.social_box li{ display:inline-block; }
.fixed { position: inherit; width: auto; }
}