@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{padding-bottom: 5px;} /** .l_shop_headerは style_shop.cssを参照 **/

.l_header_contents{display: flex;font-size: 0;position: relative;border-bottom: 1px solid #116caf;
box-shadow: 0 0 5px rgba(64,83,96,0.4); -webkit-box-shadow: 0 0 5px rgba(64,83,96,0.4);height: 70px;
padding: 0 10px;
}
.l_header p,.l_header h1{text-indent:100%;white-space:nowrap;overflow:hidden;display: inline-block;}
.l_header .logo{background:url("../images/logo.png") no-repeat left top;
width:194px;height:44px;background-size: contain;margin: 13.5px auto 0;
}
.l_header p a,.l_header .logo a{display: block;width: 100%;height: 100%;}

.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;height:37px;text-align:center;margin-top:16.5px;}
.l_header .btn a{display:block;width:100%;height:100%;position:relative;}
.l_header .btn a:before{position:absolute;line-height:1;top:0;}
.l_header .btn.bt_tel{width:25px;}
.l_header .btn.bt_mn{width:33px;}

.l_header .btn.bt_tel a:before{content:"";display:block;width:25px;height:37px;background:url("../images/btn_header_tel.png") no-repeat left top;background-size:contain;left:0;}
.l_header .btn.bt_mn a:before{content:"";display:block;width:33px;height:37px;background:url("../images/btn_header_menu.png") no-repeat right top;background-size:contain;right:0;}
.l_header .btn.bt_mn.active a:before{content:"";display:block;width:33px;height:37px;background:url("../images/btn_header_menu_on.png") no-repeat right top;background-size:contain;z-index:20;}




/******************** メインナビ ********************/
.l_main_navi {display: none;background:rgba(6,98,166,1);width:100%;position:absolute;padding-top:70px;left:0;top:0;z-index:10;height:100%;}
.l_main_navi ul{padding:10px 2.5px;max-width:480px;margin:0 auto;display:flex;flex-wrap:wrap;}
.l_main_navi li{width:50%;display:inline-block;font-size:0;}
.l_main_navi li:first-of-type{width:100%;}

.l_main_navi a,.l_main_navi .hasChild > span{padding:15px 0 15px 10px;color:#fff;display:block;position:relative;border-bottom:1px solid rgba(255,255,255,0.5);font-size:13px;margin:0 7.5px;letter-spacing:0;
}
.l_main_navi li:first-of-type a{margin-right:52%;}

/*before a:beforeを用いることでaタグの更に下の階層も装飾できる*/
.l_main_navi a:before,.l_main_navi span:before{content:"";position:absolute;top:20px;left:0;line-height:1;width:5px;height:10px;background:url(../images/icon_menu_arrow.png) left no-repeat;
background-size:contain;
}

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

/********** コンテンツ **********/


  /* ぱんくず */
.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{}

.area_footer{padding: 10px;color: #221815;background: #f2f2f2;}

.l_footer a:link {	text-decoration:none; }
.l_footer a:visited { text-decoration:none; }
.l_footer a:hover {text-decoration:none; }

.area_footer .ft_navi{position: relative;padding-right:100px;}
.ft_navi .sub_menu li{position: relative;padding-top: 2px;}
.ft_navi .sub_menu li::before{content: "";    position:absolute;width:0;height:0;position:absolute;left:0;top:9px;
    border-color:transparent transparent transparent #221815;
    border-width:4px 0px 4px 6px;border-style:solid;
}
.ft_navi .sub_menu li a{display: block;padding-left: 7px;}

.ft_navi .sns{width: 130px;position: absolute;right: 10px;top:7.5px;}
.ft_navi .sns{display: flex;flex-wrap: wrap;font-size: 0;justify-content: space-between;}
.ft_navi .sns li{display: inline-block;}
.ft_navi .sns li a{display: block;width:35px;height: 35px;}
.ft_navi .sns li.fb a{background: url(../images/icon_fb.png) no-repeat center top;background-size: contain;}
.ft_navi .sns li.in a{background: url(../images/icon_in.png) no-repeat center top;background-size: contain;}
.ft_navi .sns li.yt a{background: url(../images/icon_yt.png) no-repeat center top;background-size: contain;}

.ft_info{color: #5d5d5d;margin: 40px 0 20px;}
.ft_info dl{display: flex;flex-wrap: wrap;font-size: 0;}
.ft_info dt,.ft_info dd{font-size: 95%;display: inline-block;vertical-align: top;}
.ft_info dt{width:60px;}
.ft_info dd{width:80%;max-width: calc(100% - 70px);line-height: 1.6;}
.copyright{background: url(../images/logo.png) no-repeat center top;background-size: 194px 44px;
    color: #5d5d5d;text-align: center;padding-top: 60px;font-size: 80%;line-height: 1.2;
}


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

.come_btn.next a,.come_btn.back a{padding:0 20px;}
.come_btn.next a::after{content:"";display:block;width:7px;height:10px;position:absolute;right:12px;
top:50%;margin-top:-5px;background:url(../images/arrow_next.png) no-repeat center top;background-size: contain;
}
.come_btn.back a::after{content:"";display:block;width:7px;height:10px;position:absolute;left:12px;
top:50%;margin-top:-5px;background:url(../images/arrow_prev.png) no-repeat center top;background-size: contain;
}

.come_btn.drd a::after{position:absolute;font-size:16px;margin-top:-7px;right:15px;line-height:1;top:50%;font-family:fontawesome;content:"\f019";
}

/********** テキスト入力関係 **********/
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:15px;margin-right:-5px;text-align:center}
.flex-control-nav li{margin-right:0;line-height:20px;display:inline-block;*zoom:1;*display:inline;}
.flex-control-nav a{width:10px;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:20px;margin-top:0;left:-15px;line-height:1;top:0;font-family:genericons;content:"\f428";}
.flex-control-nav a:before{color:#dcdcdc;}
.flex-control-nav a.flex-active:before{color:#000;}



/**/
.l_footer .area_menu{padding-bottom: 40px;}

.l_footer .area_bnr{}
.l_footer .area_bnr ul{padding-bottom:10px;}
.l_footer .area_bnr ul li{margin-bottom:10px;}

.l_footer .area_menu .box{margin: 20px auto 0;max-width: 242px;}
.l_footer .area_menu .box h2{background: #000;text-align: center;color: #fff;line-height: 30px;font-size: 16px;}
.l_footer .area_menu .box ul{padding: 0 9px;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;}
.l_footer .area_menu .box li{position:relative;}
.l_footer .area_menu .box li::before{content:"";display:block;position:absolute;left:0;top:50%;background:none no-repeat left top;
-webkit-background-size:contain;background-size:contain;}

.l_footer .area_menu .box li.mn_le::before{width:13px;height:16px;background-image:url(../images/icon_mn_le.png);margin-top:-8px;}
.l_footer .area_menu .box li.mn_ne::before{width:13px;height:15px;background-image:url(../images/icon_mn_ns.png);margin-top:-7.5px;}
.l_footer .area_menu .box li.mn_sc::before{width:13px;height:11px;background-image:url(../images/icon_mn_sc.png);margin-top:-5.5px;}
.l_footer .area_menu .box li.mn_fb::before{width:11px;height:11px;background-image:url(../images/icon_mn_fb.png);margin-top:-5.5px;}
.l_footer .area_menu .box li.mn_in::before{width:11px;height:11px;background-image:url(../images/icon_mn_in.png);margin-top:-5.5px;}
.l_footer .area_menu .box li.mn_yt::before{width:11px;height:11px;background-image:url(../images/icon_mn_yt.png);margin-top:-5.5px;}
.l_footer .area_menu .box li.mn_ml::before{width:16px;height:16px;background-image:url(../images/icon_mn_ml.png);margin-top:-7px;left:2px;}

.l_footer .area_menu .box li a{display: block;position:relative;border-top: 1px solid #d9d7d4;font-size: 15px;
padding:10px 10px 10px 20px;line-height:1;
}
.l_footer .area_menu .box li:first-of-type a{border-top: none;}
.l_footer .area_menu .box li a::after{content:"";display:block;width:7px;height:10px;position:absolute;right:0;
top:50%;margin-top:-5px;background:url(../images/arrow_next.png) no-repeat center top;background-size: contain;
}

.l_footer .area_menu .box li span{display:block;font-size:80%;color:#636363;}
/**/
.l_footer .area_info{}
.l_footer .area_info .map{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;
}
.l_footer .area_info .map iframe{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;
}
.l_footer .area_info .data{background: #116caf;color: #fff;padding: 10px 10px 0;}
.l_footer .area_info .data table th{font-size:15px;width:25%;vertical-align:top;}
.l_footer .area_info .data table td{font-size:13px;padding-bottom:10px;}

.come_btn a{font-size:15px;line-height:45px;max-width:305px;margin:0 auto;}
.come_btn a.longtxt{line-height:1}


.bg_g{background: rgb(242,242,242);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 30%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(30%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 30%);
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 30%);
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 30%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 30%);
}

.area_bg_g::before{content:"";display:block;width:100%;max-width:480px;background: rgb(242,242,242);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 30%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(30%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 30%);
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 30%);
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 30%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 30%);
height:180px;position:absolute;z-index:0;
}
.area_bg_g .inner{position:relative;z-index:1;}



/* 2カラム */
.l_2col {display:flex;flex-wrap:wrap;font-size:0;}
.l_2col .box{display:inline-block;width:50%;padding-bottom:15px;}
.l_2col .box a{display:block;padding:0;}
.l_2col .box .inner{font-size:15px;position:relative;display:block;margin:5px;}

.image{display:inline-block;width:100%;}
.image span.bg_cover{background-size:cover;background-position:center;
background-repeat:no-repeat;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;
}

.l_2col .box .inner span.image{max-height:150px;padding-top:90%;}
.l_2col .box .inner span.image span.bg_cover{width:100%;padding-top:90%;position:absolute;
top:0;left:0;display:block;z-index:10;
}
.l_2col .box .inner span.date{display:block;font-size:80%;color:#929293;}
.l_2col .box .inner span.image{background:url(../images/no_blog_img.png) no-repeat;background-size:contain;
}

.l_2col.come_btn .box{padding-bottom:0;}

/* テーブルレイアウト */
.d_table{display:table;width:100%;position:relative;}
.d_table span.image{max-width:200px;display:table-cell;width:40%;}
.d_cell{display:table-cell;vertical-align:middle;}

/* フロー用矢印 */
.come_flow .box >div{position:relative;}
.come_flow .box:first-of-type >div::before,.come_flow .box:first-of-type >div::after{
    content:none;
}
.come_flow .box >div::before{
    position:absolute;content:"";width:0;height:0;
    left:50%;top:-25px;margin-left:-14px;
    border-color: #7ecb3f transparent transparent transparent;
    border-width:14px 14px 0px 14px;border-style:solid;
}
.come_flow .box >div::after{
    position:absolute;content:"";width:0;height:0;
    left:50%;top:-30px;margin-left:-14px;
    border-color: #fff transparent transparent transparent;
    border-width:14px 14px 0px 14px;border-style:solid;
}

/* area_news */
.area_news .inner span.date{display:block;font-size:80%;color:#929293;}
.area_news .inner span.title{text-decoration:underline;display:block;line-height:20px;
}
.area_news .inner .d_table span.image{width:30%;}
.area_news .inner span.image span{max-width:100px;margin-right:10px;}
/* news_cate_color */
.area_news .icon_category{display:inline-block;background:#333;font-size:80%;color:#fff;padding:2px 10px;line-height:16px;
}
.area_news .icon_category.id_0{background-color:#ee7948;}
.area_news .icon_category.id_1{background-color:#959595;}
.area_news .icon_category.id_2{background-color:#116caf;}
.area_news .icon_category.id_3{background-color:#10813c;}
.area_news .icon_category.id_4{background-color:#e9546b;}
.area_news .icon_category.id_5{background-color:#c92737;}
.area_news .icon_category.id_6{background-color:#4757aa;}
.area_news .icon_category.id_7{background-color:#94bf2c;}