@charset "UTF-8";
@import "common_1.css";
@import "blog_1.css";
@import "form_1.css";
/** @import "genericons.css"; **//*web-font-icon-use*/
/** @import "font-awesome.min.css";**//*web-font-icon-use2*/

/* 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;min-width: 300px;
counter-reset: number 0;}
table{font-size:1em;}
img,object{max-width:100%;}

body{max-width: 750px;margin: 0 auto;overflow-x: hidden;}
.l_container{overflow-x: hidden;}

.for_pc{display: none;}
/********** container ***********/
.l_container{padding-top: 55px;}
.l_gride{margin:0 auto;}

/********** ヘッダー **********/
.l_header{}
.l_header .logo{background:url("../images/logo.png") no-repeat left center;background-size: contain;width: 155px;height: 100%;text-indent:100%;white-space:nowrap;overflow:hidden;
}
.l_header .logo a,.l_header .logo span{display:block;width: 100%;height: 100%;font-weight: bold;}
.l_header .logo span:hover{cursor: pointer;}
.l_header_contents{position: fixed;padding: 0 15px;height: 55px;background: #fff;width: 100%;z-index: 10;
-webkit-box-sizing: border-box;box-sizing: border-box;top: 0;
}
.l_header .btn{font-size:0;width: 30px;height: 21px;text-align:center;position: absolute;
right: 15px;top: 10px;
}
.l_header .btn:hover{cursor: pointer;}
.l_header .btn.active a.mn span:first-of-type {
   transform: translateY(9.5px) rotate(-45deg);
}
.l_header .btn.active a.mn span:nth-of-type(2) {
    display: none;
}
.l_header .btn.active a.mn span:nth-of-type(3) {
  transform: translateY(-9.5px) rotate(45deg);
}

.l_header .btn a.mn span{display: block;position: absolute;
    height: 2px;background: #005bac;width: 100%;transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.l_header .btn a.mn span:first-of-type {top: 0;}
.l_header .btn a.mn span:nth-of-type(2) {margin-top: -1px;top: 50%;}
.l_header .btn a.mn span:nth-of-type(3) {bottom: 0;}

.l_header .btn span.name{background:url("../images/bg_btn_menu.png") no-repeat center bottom;background-size: contain;display: block;width: 30px;height: 8px;bottom: -13px;position: absolute;left: 0;
}
	

/******************** メインナビ ********************/
.l_main_navi{}
.l_main_navi ul{}
.l_main_navi li{}
.l_main_navi{display: none;/**/position: fixed;width: 100%;top: 55px;left: 0;z-index: 10;height: 100%;overflow-y: scroll;max-height: calc(100% - 55px);background: rgba(255,255,255,0.9);
}
.l_main_navi ul{}
.l_main_navi a,.l_main_navi .hasChild > span{padding: 18px 50px 18px 30px;color:#000;display:block;position:relative;background: #fff;font-size: 17px;line-height: 1;text-decoration: none;
    font-weight: bold;border-bottom: 1px solid #eee;
}

.ac_switch:hover{cursor: pointer;}
.ac_switch span{display: block;position: absolute;
    height: 1.5px;background: #005bac;width: 16.5px;transition: all 0.4s;
    -webkit-transition: all 0.4s;right: 15px;top: 24px;
}
.ac_switch span:nth-of-type(2){ transform: rotate(90deg);}
.ac_switch.selected span:nth-of-type(2){ transform: rotate(0);opacity: 0;}

.l_main_navi li.li_menu a::before{
    position:absolute;content:"";width:0;height:0;position:absolute;right: 18px;top: 50%;margin-top: -8px;
    border-color:transparent transparent transparent #005bac;
    border-width:8px 0px 8px 8px;border-style:solid;
}

.l_main_navi li.li_menu a::after{
    position:absolute;content:"";width:0;height:0;position:absolute;right: 20px;top: 50%;margin-top: -8px;
    border-color:transparent transparent transparent #fff;
    border-width:8px 0px 8px 8px;border-style:solid;
}


/*hasChild*/
.l_main_navi .hasChild ul{display:none;border-top:none;}
.l_main_navi .hasChild li{}
.l_main_navi .hasChild li.company{background: #005bac;color: #fff;padding: 20px;}
.l_main_navi .hasChild li.company span{display: block;font-size: 110%;}
.l_main_navi .hasChild li.company .c_blue{font-weight: bold;margin: 0;}
.l_main_navi .hasChild li.company .tel,.l_main_navi .hasChild li.company .fax{margin-left: 5px;}
.l_main_navi .hasChild li.company .time{margin-top: 20px;}

.l_main_navi .hasChild a{font-size: 14px;padding-right: 10px;padding-left: 43px;background-color: #fafdff;color: #005bac;
position: relative;
}
.l_main_navi .hasChild li span.sub{font-size: 15px;display: block;font-weight: normal;color: #000;margin-top: 8px;}
.l_main_navi .hasChild a:before{content:"";position:absolute;top:23.5px;left:30px;line-height:1;width:5.5px;height:2px;background: #005bac;}
.l_main_navi .hasChild a:before{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);
}

.l_main_navi .hasChild li.company .tel a{padding: 10px;
font-size: 20px;text-align: center;margin: 5px 0;
}
.l_main_navi .hasChild li.company a:before{content: none;}

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

/********** コンテンツ **********/
.l_contents,.l_contents_shop{}

  /* ぱんくず */
.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 .l_copy .logo{ background: url("../images/logo.png") no-repeat 50% 50%;
    background-size: contain;width: 155px;display: inline-block;
}
.l_footer .cont{margin-right:auto;margin-left:auto;}
.l_footer .cont ul{}
.l_footer .cont li{}
.l_footer .copyright{/*text-align:center;*/padding-left: 20px;max-width: calc(100% - 155px);
-webkit-box-sizing: border-box;box-sizing: border-box;color: #545555;font-size: 8.5px;width: 100%;
}
.l_copy{background: #f6f6f6;padding: 0 15px;}
.l_copy .l_wrap{display: flex;padding:20px 0;}
.l_gotop{display: none;}
/********** ログインフォーム **********/
.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;content:"";/** font-family:genericons;content:"\f428"; **/}
.flex-control-nav a:before{color:#ccc;}
.flex-control-nav a.flex-active:before{color:#000;}




.l_gotop{position: fixed;bottom: 50px;right: 40px;width: 49px;height: 49px;z-index: 10;}
.l_gotop a{text-indent:100%;white-space:nowrap;overflow:hidden;display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);background-color: #005bac;position: relative;-moz-transition: all 0.3s ease;-webkit-transition:  all 0.3s ease;transition:  all 0.3s ease;border: 1px solid #fff;
}
/*.l_gotop a:hover{background-color: #80c2fe;}*/
.l_gotop a::before{
    position:absolute;content:"";width:0;height:0;
    right: 10px;bottom: 15px;border-color: transparent transparent #fff transparent;
    border-width: 0px 15px 18px 15px;border-style:solid;
}
.l_gotop a::after{
    position:absolute;content:"";width:0;height:0;
    right: 10px;bottom: 9px;border-color: transparent transparent #005bac transparent;
    border-width: 0px 15px 18px 15px;border-style:solid;
}