@charset "UTF-8";
@import "reset.css";
@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:#333;-webkit-text-size-adjust:none;overflow-x:hidden;letter-spacing:1px;}
table{font-size:1em;}
img,object{max-width:100%;}

/********** container ***********/
.l_container{width:100%;overflow-x:hidden;}

/********** ヘッダー **********/
.l_header{padding-top:70px;} /** .l_shop_headerは style_shop.cssを参照 **/
.l_header .cont{width:100%;padding:10px;position:relative;background:#F6AC00;position:fixed;top:0;left:0;z-index:900;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.l_header h1 img{height:50px;}
.l_header .menu{width:50px;height:50px;position:absolute;top:10px;right:10px;background:url(../images/sp_menu.png) no-repeat 50% 50%;
-moz-background-size:30px 30px;-webkit-background-size:30px 30px;-o-background-size:30px 30px;-ms-background-size:30px 30px;background-size:30px 30px;}
.l_header .menu.on{background-image:url(../images/sp_close.png);}
.l_header .menu{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

/******************** メインナビ ********************/
.l_main_navi{position:fixed;top:70px;left:0;margin-top:-150%;background:rgba(0,0,0,0.5);padding:20px 0;z-index:800;}
.l_main_navi ul{margin:0 10px;}
.l_main_navi li{padding:5px;display:block;width:33.33%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.l_main_navi li a{display:table-cell;text-align:center;vertical-align:middle;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;background:#FF9C00;}
.l_main_navi.on{height:auto;margin:10px 0 20px;margin:0;}
.l_main_navi{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

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

/********** 全ページ共通の下部 **********/
.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 a{display:block;font-size:13px;padding:5px;text-align:center;}

.copyright{padding:10px;margin:0 auto;text-align:center;background-color:#FF9C00;color:#fff;}
.copyright address{font-size:12px;display:block;}

.gotop{position:fixed;opacity:0;bottom:0;right:0;width:40px;height:40px;display:block;border:1px solid #fff;background:url(../images/sp_gotop.png) no-repeat 50% 50% #c4d70f;
-moz-background-size:20px 20px;-webkit-background-size:20px 20px;-o-background-size:20px 20px;-ms-background-size:20px 20px;background-size:20px 20px;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.gotop.on{opacity:1;}
.gotop{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

/********** ボタン関係 **********/
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;margin:0 0 10px;}
.flexslider {margin: 0; padding:0;height:200px;}
.flexslider .slides > li{display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li span{display:block;width:100%;height:200px;background:none no-repeat 50% 50%;text-indent:100%;overflow:hidden;white-space:nowrap;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}
.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;}
.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;}