@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{}

/********** ヘッダー **********/
.l_header{} /** .l_shop_headerは style_shop.cssを参照 **/
.l_header h1{/** background: url(../images/top_concept.png) no-repeat; **/}

.l_header{margin: 0 auto;}
.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:center;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";}

.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{}

/********** コンテンツ **********/
.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{}

.copyright{padding:5px 0;margin:0 auto;font-size:10px;background-color:#3c6645;color:#fff;}
.copyright address{ font-size:90%;text-align:center;}

/********** ログインフォーム **********/
.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;}
.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;}