@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,iframe{max-width:100%;}
iframe{vertical-align:bottom;}

/********** container ***********/
#contents{padding: 20px 12px;}

/********** ヘッダー **********/
#header{padding: 106px 0 0 0;position: relative;
background: url(../../images/bg_catch.png) left 6px no-repeat;
background-size: 960px 198px;}
#header h1{text-align: right;padding: 0 10px;margin-bottom: 10px;}
#header h1 img{width: 210px;}
#header .jimin{position: absolute;top: -1px;right: -1px;}
#header .slogan{position: absolute;left: 10px;top: 42px;}
#header .slogan img{width: 210px;}

/******************** メインナビ ********************/
.l_main_navi{position: fixed;z-index: 99;top: 36px;width: 100%;max-width: 480px;}
.l_main_navi .gnav{opacity: 0;transition: all .4s ease;height: 0;overflow: hidden;}
.l_main_navi.on .gnav{padding: 12px;opacity: 1;height: calc(100vh - 36px);overflow: auto;background: rgba(255,255,255,.95);box-sizing: border-box;}
.l_main_navi .gnav > nav{padding: 10px 0 0 0;overflow: auto;width: 100%;}

.gnav .in{opacity: 0;transform: translateY(-50px);transition: all .4s ease .1s;}
.l_main_navi.on .gnav .in{opacity: 1;transform: translateY(0);}

.l_main_navi .btn_gnav{top: -100%;opacity: 0;transition: opacity .4s ease;}
.l_main_navi.on .btn_gnav{top: 0;opacity: 1;}

.l_main_navi ul{border-top:1px solid #e5e5e5;}
.l_main_navi a{padding:11px 24px 11px 10px;color:#000000;display:block;position:relative;border-bottom:1px solid #e5e5e5;}

/*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{}

/*トップ固定ナビ*/
.top_nav{transition: all .3s ease;position: fixed;background:#243e92;width: 100%;max-width: 480px;top: 0;z-index: 100;box-shadow: 0px 1px 4px rgba(0,0,0,.5);}
.top_nav li{float: right;}
.top_nav .ico_menu{background-image: url(../images/ico_gnav_close.png);}
.top_nav .ico_home,
.top_nav .ico_menu{display: block;float: right;width: 84px !important;height: 36px !important;background: url(../images/ico_gnav_menu.png) center no-repeat;background-size: cover;background-size: 64px 19px;}
.top_nav .ico_home{background-image: url(../images/ico_gnav_home.png);}
.top_nav .ico_menu.on{background-image: url(../images/ico_gnav_close.png);}

.top_nav.on{background: #fff;position: fixed;}
.top_nav.on .ico_menu{background-image: url(../images/ico_gnav_menu_b.png);}
.top_nav.on .ico_home{background-image: url(../images/ico_gnav_home_b.png);}
.top_nav.on .ico_menu.on{background-image: url(../images/ico_gnav_close_b.png);}

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

/********** フッター **********/
#footer{border-top: 1px solid #d9d9d9;margin-top: 5px;}
#footer .bb{border-bottom: 1px solid #d9d9d9;}
#footer footer{border-top: 1px solid #fff;letter-spacing: 0;padding: 20px 12px 0 12px;font-size: 12px;background: #f3f3f3;}
#footer .info{line-height: 1.2}
#footer .sitemap{margin:0 5px 15px;padding-top:15px;}
#footer .sitemap li a{padding: 2px 0;display: inline-block;margin-bottom: 2px;}
#copyright{font-size: 11px;line-height: 1.1;padding: 7px 10px;background: #000;text-align: center;color: #fff;font-size: 13px;}

.side_mail{background: #f3f3f3;border: 1px solid #d9d9d9;text-align: center;}
.side_mail h2{margin: 0 0 10px;padding:5px 10px 4px;font-weight: bold;background: #ffd800;font-size: 17px;}
.side_mail h3{margin: 0 0 15px;}
.side_mail .in{border: 1px solid #fff;}
.side_mail .text{padding: 15px 10px;text-align: left;line-height: 1.2;}

.sns_list{padding: 7px 0 4px;background: #243e92;display: flex;font-size: 9px;color: #fff;}
.sns_list img{margin-bottom: 1px;}
.sns_list li{width: 33%;text-align: center;}
.sns_list a:link,
.sns_list a:hover,
.sns_list a:visited{color: #fff;}

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

/********** common **********/
/*tube*/
.box_tube{padding: 8px 0;align-items: center;}
.box_tube .title{line-height: 1.2;}
.box_tube .sub{font-size: 13px;color: #999;padding-top: 5px;display: inline-block;}

/*タイトル*/
.h2{border-left: #243e92 6px solid;background: #000;font-size: 17px;color: #fff;font-weight: normal;padding:2px 10px 1px;}
.h3{border-left: #243e92 4px solid;font-size: 18px;font-weight: normal;padding:1px 10px;}

/*カラム*/
.row{
   margin-right: -5px;
   margin-left: -5px;
   zoom:1;
}
.row_flex{
	display: flex;flex-wrap: wrap;
}
.row:after{content:""; display: block; clear: both; height: 0; visibility:hidden;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
   padding: 0 5px;
   float: left;box-sizing: border-box;position: relative;
}
.col-1{width: 8.33333333%;}
.col-2{width: 16.66666667%;}
.col-3{width: 25%;}
.col-4{width: 33.33333333%;}
.col-5{width: 41.66666667%;}
.col-6{width: 50%;}
.col-7{width: 58.33333333%;}
.col-8{width: 66.66666667%;}
.col-9{width: 75%;}
.col-10{width: 83.33333333%;}
.col-11{width: 91.66666667%;}
.col-12{width: 100%;}

/*ボタン*/
.button_s,
.button_m{background: #243e92;font-size: 14px;padding: 4px 25px;display: inline-block;position: relative;border-radius: 4px;}
.button_m{padding: 10px 35px;}
.button_m:link,
.button_m:visited,
.button_m:hover,
.button_s:link,
.button_s:visited,
.button_s:hover{color:#fff !important;}
.button_m::before,
.button_s::before{
	font-family: genericons;
	content: "\f432";
	font-size: 14px;
	position: absolute;
	top: 50%;
	right: 3px;
	line-height: 1;
	width: 14px;
	height: 14px;
	transform: translateY(-50%) rotate(90deg);
	color: #fff;
}
.button_m::before{right: 7px;}

/*arrow*/
.arrow_m_b,
.arrow_m_w{position: relative;}
.arrow_m_b::before,
.arrow_m_w::before{
	font-family: genericons;
	content: "\f432";
	font-size: 18px;
	position: absolute;
	top: 50%;
	right: 0px;
	line-height: 1;
	width: 18px;
	height: 18px;
	transform: translateY(-50%) rotate(90deg);
}
.arrow_m_w{
	color: #fff;
}