@charset "UTF-8";
@import "common.css";
@import "form.css";
@import "genericons.css";/*web-font-icon-use*/
@import "../../common/slick.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%;}

.for_pc{display: none;}

/********** container ***********/
.l_container{padding-top: 60px;}
.l_wrapper{padding-right: 15px;padding-left: 15px;}
/********** ヘッダー **********/
.l_header{} /** .l_shop_headerは style_shop.cssを参照 **/
.l_header h1{width:150px;}

.l_header_navi{background: #000;height: 60px;}
.l_header_wrap{position: relative;}
.l_header_navi .logo{background: url(../../images/globalLogo.svg) no-repeat left bottom;max-width: 130px;height: 31.5px;background-size: contain;position: absolute;top: 14.5px;left: 15px;z-index: 10;
}
.l_header_navi .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{right: 0;top: 0;position: absolute;color: #fff;background: #082b73;
width: 60px;height: 60px;z-index: 10;}
.l_header .btn:hover{cursor: pointer;}
.l_header .btn a.mn{display: block;position: relative;width:30px;height: 21px;left: 50%;
top: 14.5px;margin-left: -15px;
}
.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: #fff;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{display: block;bottom: 10px;
position: absolute;
left: 16px;
font-size: 8px;
font-weight: bold;
line-height: 1;
}


.l_help_navi{float:right;}
.l_help_navi li{ float:left; margin-left:10px; }


.l_container .l_header_navi{position: fixed;top:0;top: 0;
left: 0;width: 100%;z-index: 10;
}
	
/******************** メインナビ ********************/
.l_main_navi{display: none;/**/position: fixed;width: 100%;top: 60px;left: 0;top: 0;z-index: 5;height: 100%;background: rgba(0,0,0,0.9);padding-top: 14px;
}
.l_container .l_main_navi{display: none;/**/position: fixed;width: 100%;top: 60px;left: 0;z-index: 5;height: 100%;max-height: calc(100% - 60px);padding-top: 0;
}
.l_main_navi ul.mainmenu{border-top:1px solid #fff;font-size: 110%;}
.l_main_navi > li{padding:5px 0 0 0;}
.l_main_navi a,.l_main_navi li.mn_business span.switch,.l_main_navi li.mn_about span.switch{padding:15px 24px 15px 10px;color:#fff;display:block;position:relative;border-bottom:1px solid #fff;
}
.l_main_navi li span.en{display: inline-block;font-size: 80%;margin-right: 10px;
}
/*before a:beforeを用いることでaタグの更に下の階層も装飾できる*/
.l_main_navi a:after,.l_main_navi li.mn_business span.switch:after,.l_main_navi li.mn_about span.switch:after{font-family:genericons;content:"\f432";font-size:18px;position:absolute;top:50%;line-height:1;width:18px;height:18px;margin-top:-9px;}
.l_main_navi a:after{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:5px;}
.l_main_navi span:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.l_main_navi li.mn_business span.switch:after,.l_main_navi li.mn_about span.switch:after{right:6px;}
.l_main_navi li.mn_business span.switch.selected:after,.l_main_navi li.mn_about span.switch.selected:after{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

.mn_contact a{background: #082b73;}

/*hasChild*/
.l_main_navi ul.submenu{display:none;font-size: 95%;}
.l_main_navi ul.submenu li a{padding-left: 25px;background: rgba(255,255,255,0.2);}
.l_main_navi ul.submenu li a::before{
position:absolute;content:"";width:0;height:0;position:absolute;left:10px;top:21px;
    border-color:transparent transparent transparent #4f81e6;
    border-width:4px 0px 4px 4px;border-style:solid;
}
.l_main_navi ul.submenu li .submenu_ul a{padding-left: 50px;background: rgba(255,255,255,0.4);}
.l_main_navi ul.submenu li .submenu_ul a::before{
position:absolute;content:"";display: block;width: 5px;height: 2px;position:absolute;left: 24px;top: 24px;
border: none;background: #fff;
}
.l_main_navi li.mn_about li.mn_dl a:after{
    content: "";width: 15px;height: 12px;background:url(../images/icon_menu_dl.png) no-repeat;background-size: contain;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);right: 10px;
}
.l_main_navi li.mn_about li.mn_link a:after{
    content: "";width: 14px;height: 14px;background:url(../images/icon_menu_link.png) no-repeat;background-size: contain;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);right: 10px;
}

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

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

  /* ぱんくず */
.l_breadcrumb{font-size: 11px;color: #707070;}
.l_breadcrumb a:link { color:#707070;text-decoration:none;vertical-align:bottom;	}
.l_breadcrumb a:visited { color:#707070;text-decoration:none;vertical-align:bottom; }
.l_breadcrumb a:hover { color:#707070;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; }

/********** 全ページ共通の下部 **********/
.l_gotop{width:40px;height:40px;position: fixed;right:10px;bottom:10px;display: none;}
.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: #082b73;position: relative;}
.l_gotop a::after{
    position:absolute;content:"";width:0;height:0;
    right:12px;bottom:14px;border-color: transparent transparent #fff transparent;
    border-width: 0px 8px 14px 9px;border-style:solid;
}

/********** ナカタニグラム **********/
.l_n_gram{background: #083aa0;
background: -webkit-linear-gradient(-45deg, #083aa0 0%,#2d5dbf 51%,#1357e5 100%);
background: linear-gradient(135deg, #083aa0 0%,#2d5dbf 51%,#1357e5 100%);
}
.l_n_gram .l_wrapper{padding: 40px 15px;}
.l_n_gram .title{color: #fff;font-style: italic;text-align: center;line-height: 1;}
.l_n_gram h2.title span{background: url(../images/title_n_gram.png) no-repeat center bottom;display: block;max-width: 287px;height: 35px;background-size: contain;margin: 0 auto 10px;
}
.l_n_gram p.btn_link a{display: block;border: 1px solid #fff;color: #fff;text-align: center;position: relative;line-height: 38px;
max-width: 300px;margin: 20px auto 0;
}
.l_n_gram .area_list{margin-top: 20px}
.l_n_gram .slider{margin-left: -5px;overflow: hidden;}
.l_n_gram .box .area_inner{-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 5px;display: block;font-size: 11px;
}
.l_n_gram .box .image{margin-bottom: 5px;display: block;}
.l_n_gram .box .tags{display: block;color: #fff;}


/********** フッター **********/
.l_footer{background: url(../../images/bg_footer.jpg) no-repeat center top;background-color: #000;
}

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

.footer_logo_wrapper .text_wrapper .company_data a{text-decoration: underline;pointer-events: initial;}

.area_footer_navi{padding: 40px 0 20px;}
.area_footer_navi ul{}
.area_footer_navi ul li{margin-bottom: 2px;}
.area_footer_navi ul li a{display: block;background: rgba(255,255,255,0.1);position: relative;padding: 10px;}
.area_footer_navi ul li a span{font-size: 80%;margin-right: 10px;}

.l_footer .logo{background: url(../../images/globalLogo.svg) no-repeat center bottom;width: 166px;
height: 40px;background-size: contain;margin: 20px auto 0;
}
.l_footer .company_text{color: #fff;text-align: center;font-weight: bold;line-height: 1;
font-size: 84%;margin-top: 8px;}

.area_copyright{padding: 5px 20px;font-size:10px;color: #fff;/*border-top: 1px solid #082b73;*/text-align: center;}
.copyright address{ font-size:90%;text-align:center;}


.banner_wrapper{padding: 15px 0 30px;border-top: 1px solid rgba(255,255,255,0.3); text-align: center;}
.banner_wrapper .banner{padding:15px 0;}

.footer_logo_wrapper{display:flex;flex-wrap: wrap;}
.footer_logo_wrapper .text_wrapper{color:#fff;    padding-left: 30px;}
.footer_logo_wrapper .text_wrapper > p{padding: 10px 0;}

.logo_wrapper{max-width: 200px;margin: 0 auto;}

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

.btn_link a::before{content: "";display: block;width: 6px;height: 9px;background: url(../images/icon_btn_arrow.png) no-repeat left top;background-size: contain;position: absolute;right: 10px;top: 50%;margin-top: -4.5px;
}

/********** テキスト入力関係 **********/
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; }

/****** sitemap ******/
.contents_sitemap {padding: 30px 20px;}
.contents_sitemap ul li a,.contents_sitemap .title{display: block;text-decoration: none;background: #082b73;padding: 11px 10px 11px 30px;position: relative;color: #fff;border-bottom: 1px solid #fff;
}
.contents_sitemap ul li a:hover{opacity: 0.8;}
.contents_sitemap ul li.sitemap_in ul li a{border-bottom: none;background: #fff;color:#082b73;padding-left: 50px;border-top: 1px solid #082b73;
}
.contents_sitemap ul li.sitemap_in ul li:first-of-type a{border-top: none;}
.contents_sitemap ul li a::before{content: "";display: block;width: 6px;height: 9px;background: url(../images/icon_btn_arrow.png) no-repeat left top;background-size: contain;position: absolute;left: 15px;top: 50%;margin-top: -4.5px;
}
.contents_sitemap ul li.sitemap_in ul li a::before{content: "";display: block;width: 6px;height: 9px;background: url(../images/icon_btn_arrow_b.png) no-repeat left top;background-size: contain;position: absolute;left: 35px;top: 50%;margin-top: -4.5px;
}