@charset "utf-8";
@import "genericons.css";/*web-font-icon-use*/
@import "../../manage/common/font-awesome.min.css";/*web-font-icon-use2*/
@import "common.css";

/* CSS Document */
/*==================== 基本設定 ====================*/
html{}
body{max-width:480px;margin:0 auto;font-family:"HiraKakuProN-W3",Arial,sans-serif;font-size:14px;line-height:1.5;color:#333333;-webkit-text-size-adjust:none;overflow-x:hidden;letter-spacing:1px;}
table{font-size:1em;}
img,object{max-width:100%;}

/********** container ***********/
.l_container{}

/********** ヘッダー **********/
.l_header{} /** .l_shop_headerは style_shop.cssを参照 **/
.l_header h1{width:150px;}

.l_header{margin: 0 auto;border-top:10px solid #CCCCCC;}
.l_header .tel{font-size: 10px;text-align:center;}
.l_header .ico{float:right;}
.l_header .ico img{ float:right;margin:5px 10px; }
.l_header a:link{text-decoration:none;}
.l_header .btn{font-size:0;width:32px;height:32px;margin-right:10px;border: 1px solid #ccc;text-align:cetner;margin-top:7px;}
.l_header .btn a{display:block;width:100%;height:100%;position:relative;}
.l_header .btn a:before{position:absolute;font-size:32px;line-height:1;margin-top:-16px;top:50%;left:0;font-family:genericons;}
.l_header .btn a.mn:before{content:"\f419";font-size:24px;margin-top:-12px;left:4px;}
.l_header .btn a.lg:before{content:"\f304";}
.l_header .btn a.mp:before{content:"\f425";}
.l_header .btn a.ct:before{content:"\f447";}

/*** shop_header(ショップ共通パーツ・色分け) *******/
.header{position:relative;}
.header .logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:10;}
.header .logo img{zoom:.5;}
.header a{display:block;}

.shop_header{}
.shop_header .l_header_contents{padding:20px 15px 0 10px;position:relative;z-index: 20;}
.shop_header .l_header_contents ul li a{display: block;}
.shop_header .l_header_contents ul li.access_btn a{background-image:url(../images/sp_icon_access.png);background-repeat:no-repeat; background-size:49px 44px;width:51px;height:46px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3));}
.shop_header .l_header_contents ul li.menu_btn a{background-image:url(../images/sp_icon_menu.png);background-repeat:no-repeat;background-size:35px 44px;width:37px;height:47px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3));}
.shop_header .l_header_contents ul li.menu_btn.on a{background-image:url(../images/sp_icon_menu_on.png);background-repeat:no-repeat;background-size:35px 44px;width:37px;height:47px;}

.shop_header .l_header_contents ul li.access_btn{margin-right:20px;}

.shop_header .language{z-index:30;}
.shop_header .language a.btn{display:block;color:#fff;padding:5px 20px;}

/* 言語ボタン色 */
.shop_header .language.ryukyu a.btn{background-color:#d71217;}
.shop_header .language.churak a.btn{background-color:#0D3386;}
.shop_header .language.obcafe a.btn{background-color:#008cba;}
.shop_header .language.kannon a.btn{background-color:#d75813;}
.shop_header .language.yawata a.btn{background-color:#0f9d3f;}
.shop_header .language.sushi a.btn{background-color: #0069af;}
.shop_header .language.akazawa a.btn{background-color:#f9ac33;}
.shop_header .language.sakura a.btn{background-color:#b9c31f;}
.shop_header .language.yukoubou a.btn{background-color: #8ec31f;}
.shop_header .language.kiyomizu a.btn{background-color: #990000;}
.shop_header .language.sannen a.btn{background-color: #eb7eaa;}
.shop_header .language.kaisan a.btn{background-color: #d01f1f;}

/** shop_slider **/
.shop_slider{position:relative;position:absolute;top: 0;}
#head_wrapper{width:100%;height:50vh;min-height: 425px;position: relative;}

#head_wrapper .shop_slider{width: 100%;height:50vh;min-height: 425px;position: absolute;top: 0;left: 0;}
#head_wrapper .shop_slider .img{width: 100%;height:50vh;min-height: 425px;background: center no-repeat;background-size: cover;}
#head_wrapper .shop_slider a{width: 100%;height:50vh;min-height: 425px;display: block;position: absolute;top: 0;left: 0;}

/** shop_slider detail **/
.header.detail .logo{position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);z-index:10;}
.header.detail .shop_slider{position:relative;position:absolute;top: 0;}
.header.detail #head_wrapper{width:100%;height: 30vh;min-height: 280px;position:relative;}
.header.detail #head_wrapper .shop_slider{width: 100%;height: 30vh;min-height: 280px;position: absolute;top: 0;left: 0;}
.header.detail #head_wrapper .shop_slider .img{width: 100%;height: 25vh;min-height: 280px;background: center no-repeat;background-size: cover;}
.header.detail #head_wrapper .shop_slider a{width: 100%;height: 30vh;min-height: 280px;display: block;position: absolute;top: 0;left: 0;}

/** lang-nav **/
.lang_nav{display:none;background-color: rgba(255,255,255,0.9);}
.lang_nav li a{display:block;padding:10px;}


.l_help_navi{float:right;width:;}
.l_help_navi li{ float:left; margin-left:10px; }

/******************** メインナビ ********************/
.l_main_navi ul{border-top:1px solid #A1A1A1;}
.l_main_navi > li{padding:5px 0 0 0;}
.l_main_navi a,.l_main_navi .hasChild > span{padding:15px 24px 15px 10px;color:#000000;display:block;position:relative;border-bottom:1px solid #a1a1a1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f1f1f1), color-stop(0.00, #e1e1e1));
background: -webkit-linear-gradient(#e1e1e1, #f1f1f1);
background: -moz-linear-gradient(#e1e1e1, #f1f1f1);
background: -o-linear-gradient(#e1e1e1, #f1f1f1);
background: -ms-linear-gradient(#e1e1e1, #f1f1f1);
background: linear-gradient(#e1e1e1, #f1f1f1);}

/*before a:beforeを用いることでaタグの更に下の階層も装飾できる*/
.l_main_navi a:before,.l_main_navi span:before{font-family:genericons;content:"\f432";font-size:18px;position:absolute;top:50%;right:5px;line-height:1;width:18px;height:18px;margin-top:-9px;}
.l_main_navi a:before{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.l_main_navi span:before{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

/*hasChild*/
.l_main_navi .hasChild ul{display:none;border-top:none;border-bottom:1px solid #A1A1A1;}
.l_main_navi .hasChild li{}
.l_main_navi .hasChild a{color:#aaa;}
.l_main_navi .hasChild a:before{}
.l_main_navi .hasChild li:last-of-type a{}

/* カレント用 */
.l_main_navi .mnv_off{}
.l_main_navi .mnv_on{}


/* SHOP用 main_navi */
.store_navi{position:absolute;top: 80px;display:none;background-color: rgba(255,255,255,0.95);left: 10px;width:calc(100% - 20px);max-width:480px;box-sizing: border-box;z-index:20;}
.store_navi ul{}
.store_navi li{position:relative;}
.store_navi li:last-of-type{border:none;}
.store_navi li:before{font-family:genericons;content:"\f432";font-size:18px;position:absolute;top:50%;right:5px;line-height:1;width:18px;height:18px;margin-top:-9px;}
.store_navi li:before{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}

.store_navi li a{display:block;padding: 14px 20px 14px 20px;}

/* ryukyu(赤) */
.store_navi.ryukyu li{border-bottom:1px solid rgba(215,18,23,0.4);}
.store_navi.ryukyu li:last-of-type{border:none;}
.store_navi.ryukyu li:before{color:rgba(215,18,23,0.9);}

/* churak(青) */
.store_navi.churak li{border-bottom:1px solid rgba(3,49,138,0.4);}
.store_navi.churak li:last-of-type{border:none;}
.store_navi.churak li:before{color:rgba(3,49,138,0.9);}

/* obcafe(水色) */
.store_navi.obcafe li{border-bottom:1px solid rgba(3,49,138,0.4);}
.store_navi.obcafe li:last-of-type{border:none;}
.store_navi.obcafe li:before{color:rgba(3,49,138,0.9);}

/* kannon(茶色) */
.store_navi.kannon li{border-bottom:1px solid rgba(215,88,19,0.4);}
.store_navi.kannon li:last-of-type{border:none;}
.store_navi.kannon li:before{color:rgba(215,88,19,0.9);}

/* yawata(濃緑) */
.store_navi.yawata li{border-bottom:1px solid rgba(19,67,35,0.4);}
.store_navi.yawata li:last-of-type{border:none;}
.store_navi.yawata li:before{color:rgba(19,67,35,0.9);}

/* sushi(紺) */
.store_navi.sushi li{border-bottom:1px solid rgba(0,105,175,0.4);}
.store_navi.sushi li:last-of-type{border:none;}
.store_navi.sushi li:before{color:rgba(0,105,175,0.9);}

/* akazawa(黄色) */
.store_navi.akazawa li{border-bottom:1px solid rgba(249,172,51,0.4);}
.store_navi.akazawa li:last-of-type{border:none;}
.store_navi.akazawa li:before{color:rgba(249,172,51,0.9);}

/* sakura(黄緑) */
.store_navi.sakura li{border-bottom:1px solid rgba(185,195,31,0.4);}
.store_navi.sakura li:last-of-type{border:none;}
.store_navi.sakura li:before{color:rgba(185,195,31,0.9);}

/* yukoubou(黄緑) */
.store_navi.yukoubou li{border-bottom:1px solid rgba(142,195,31,0.4);}
.store_navi.yukoubou li:last-of-type{border:none;}
.store_navi.yukoubou li:before{color:rgba(142,195,31,0.9);}

/* kiyomizu(黄色) */
.store_navi.kiyomizu li{border-bottom:1px solid rgba(153,0,0,0.4);}
.store_navi.kiyomizu li:last-of-type{border:none;}
.store_navi.kiyomizu li:before{color:rgba(153,0,0,0.9);}

/* sannen(ピンク) */
.store_navi.sannen li{border-bottom:1px solid rgba(235,126,170,0.4);}
.store_navi.sannen li:last-of-type{border:none;}
.store_navi.sannen li:before{color:rgba(235,126,170,0.9);}

/* kaisan(赤) */
.store_navi.kaisan li{border-bottom:1px solid rgba(208,31,31,0.4);}
.store_navi.kaisan li:last-of-type{border:none;}
.store_navi.kaisan li:before{color:rgba(208,31,31,0.9);}


/********** コンテンツ **********/
.l_contents,.l_contents_shop{ padding: 0 10px 20px 10px; }

  /* ぱんくず */
.pankuzu{padding-bottom:10px;text-align:right;font-size:11px;}
.pankuzu a:link { color:#698FDA;text-decoration:none;vertical-align:bottom;	}
.pankuzu a:visited { color:#698FDA;text-decoration:none;vertical-align:bottom; }
.pankuzu a:hover { color:#E0322C;text-decoration:underline;vertical-align:bottom; }

.pankuzu p{display:inline;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;background:url(../images/pan.jpg) left no-repeat;padding:6px 10px 3px 15px;vertical-align:bottom;}
.pankuzu .panF{display:inline;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;border-left:1px solid #EAEAEA;background:none;padding:6px 10px 3px 15px;vertical-align:bottom;}
.pankuzu img{display:inline;vertical-align:top;margin-bottom:-2px;_margin-bottom:-4px;}

*:first-child+html .pankuzu img{margin-bottom:-4px;}
head~/* */body .pankuzu img { margin-bottom:-4px; }
html:not(:target) .pankuzu img { margin-bottom:-2px; }

/********** 全ページ共通の下部 **********/
.gotop {margin:0 10px 15px 0;}

/********** フッター **********/
.l_footer{}

.l_footer a:link {	color:#333;text-decoration:none; }
.l_footer a:visited { color:#333;text-decoration:none; }
.l_footer a:hover { color:#E0322C;text-decoration:underline; }

.l_footer ul{}
.l_footer li{}

/* shop_footer(パーツは一緒・色分けしてください) *****/
.shop_footer{padding:18px 10px;}
.shop_footer .logo{}
.shop_footer .logo img{zoom:.5;}
.shop_footer .copyright{width:86%;text-align: center;color:#fff;font-size:12px;}

/* 色指定 */
.shop_footer.ryukyu{background-color:#d71217;}
.shop_footer.churak{background-color:#0D3386;}
.shop_footer.obcafe{background-color:#008cba;}
.shop_footer.kannon{background-color:#d75813;}
.shop_footer.yawata{background-color:#0f9d3f;}
.shop_footer.sushi{background-color: #0069af;}
.shop_footer.akazawa{background-color:#f9ac33;}
.shop_footer.sakura{background-color:#b9c31f;}
.shop_footer.yukoubou{background-color: #8ec31f;}
.shop_footer.kiyomizu{background-color: #990000;}
.shop_footer.sannen{background-color: #eb7eaa;}
.shop_footer.kaisan{background-color: #d01f1f;}


/********** ログインフォーム **********/
.login { margin-bottom:10px; }
.login p{ padding-left:10px;}
.login .form { padding:3px 0 0 10px; }
.login .form dt{ font-weight:bold; }
.login .form dd{ padding-bottom:5px; }

/********** ボタン関係 **********/
button,input[type=button],input[type=reset],input[type=submit] {}

/********** テキスト入力関係 **********/
textarea,select,input{width:100%;}
input[type="checkbox"],input[type="radio"]{width:auto;}

textarea,select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"] ,input[type="search"]{
font-family:"HiraKakuProN-W3",Arial,sans-serif;
font-size:14px;padding:7px 10px;
border:1px solid #ccc;
box-sizing:border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
-moz-box-sizing:border-box;-webkit-box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing: border-box;box-sizing:border-box;}

label{display:block;}
select,input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"] ,input[type="search"]{
}

textarea:focus,textarea:hover { height: 10em; }

/********** SNSボタン **********/
#sns li{ float:right; width:30%; text-align:center; }

/********** メインビジュアル **********/
/** jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ ** Copyright 2012 WooThemes* Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html ** Contributing author: Tyler Smith (@mbmufffin)*/

/* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles*********************************/
.slider_img{ position:relative;}
.slider{ background:#FFFFFF; position: relative;}
.flexslider {margin: 0; padding:0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{ /** max-height: 350px; **/ max-width: 640px; margin:0 auto; display: block; width:100%;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height:1%;}

/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

.flex-control-nav{height:20px;margin-right:-5px;text-align:center}
.flex-control-nav li{margin-right:5px;line-height:20px;display:inline-block;*zoom:1;*display:inline;}
.flex-control-nav a{width:20px;height:20px;overflow: hidden;text-indent: 100%;white-space: nowrap;display:block;position:relative;}
.flex-control-nav a:before,.flex-control-nav a.flex-active:before{position:absolute;font-size:44px;margin-top:-8px;left:-32px;line-height:1;top:0;font-family:genericons;content:"\f428";}
.flex-control-nav a:before{color:#ccc;}
.flex-control-nav a.flex-active:before{color:#000;}

/*** header_icon ******/
.header .icon_area{padding:20px 10px;}
.header .icon_area .icon{bottom: 46px;left: 20px;display: flex;flex-wrap: wrap;}
.header .icon_area .icon.none{display:none !important;}
.header .icon_area .icon p{border-radius: 11px;margin:3px auto;line-height: 1.2;padding: 4px 0;color:#444;background:#ebe8e6;text-align:center;font-size:12px;display:inline-block;*zoom:1;*display:inline;display: flex;justify-content: center;align-items: center;width:32%;}
.header .icon_area p:nth-of-type(4n){margin-right: 0;}
.header .icon_area p.long{max-width:292px;}

/*** header_sns ******/
.header .sns_area{background-color:#f5f5f5;padding:20px 0;}
.header .sns_area ul{text-align: center;}
.header .sns_area ul li{display:inline-block;margin-right:20px;}
.header .sns_area ul li:last-of-type{margin-right:0px;}
.header .sns_area ul li img{margin-bottom:10px;}

/*
.header .sns_area ul li.line{position:relative;}
.header .sns_area ul li.line iframe{position:absolute !important;top: 0;left: 0;}*/
.header .sns_area ul li img{zoom:.5;}

/*** simple_btn ******/
a.simple_btn{display:block;border:2px solid #cbcbcb;text-align: center;padding:10px 30px 10px 10px;font-size:14px;position:relative;}
a.simple_btn:before{content:"";position:absolute;background-image:url(../images/sp_next_icon.png);width:5px;height:8px;background-repeat: no-repeat;right:10px;top:50%;margin-top:-5px;background-size:contain;}

/*** simple_btn_m ******/
a.simple_btn_m{display:block;border:1px solid #cbcbcb;text-align: center;padding:5px 10px;font-size:14px;position:relative;}
a.simple_btn_m:before{content:"";position:absolute;background-image:url(../images/sp_next_icon.png);width:5px;height:8px;background-repeat: no-repeat;right:10px;top:50%;margin-top:-5px;background-size:contain;}

/*** simple_btn_b(戻る用) ******/
a.simple_btn_b{display:block;border:1px solid #cbcbcb;text-align: center;padding:5px 10px;font-size:14px;position:relative;}
a.simple_btn_b:after{content:"";position:absolute;background-image:url(../images/sp_next_icon_l.png);width:5px;height:8px;background-repeat: no-repeat;left:10px;top:50%;margin-top:-5px;background-size:contain;}

/* all_shop_list */
.all_shop_list{background-color:#f5f5f5;padding:40px 10px;}
.shop_scroll{width: 100%;display: flex;overflow: auto;-webkit-overflow-scrolling: touch;}
.all_shop_list .slick-slider{max-height:367px !important;}
.all_shop_list .slick-list{max-height:367px !important;}
.all_shop_list .slick-list .slick-slide{max-width:170px;}
.all_shop_list .box{padding:0 10px;background-color:#f5f5f5;position: relative;}
.all_shop_list .box span{display:inline-block;position:absolute;top: 10px;left: 10px;padding:1px 16px;color:#fff;}
.all_shop_list .box span.cate_01{background:#1c95cd;}
.all_shop_list .box span.cate_02{background:#75af1e;}
.all_shop_list .box span.cate_03{background:#e37d12;}

.all_shop_list .box img{zoom:.5;}
.all_shop_list .box .info_box{width:172px;font-size:13px;text-align: center;}
.all_shop_list .box .info_box .txt{margin:20px 0;}

.all_shop_list .box .gray_btn{display:block;border:1px solid #cbcbcb;text-align: center;padding:7px 0;font-size:14px;position:relative;margin:0 20px;}
.all_shop_list .box .gray_btn:before{content:"";position:absolute;background-image:url(../images/sp_next_icon.png);width:5px;height:8px;background-repeat: no-repeat;right:10px;top:40%;background-size:contain;}