@charset "UTF-8";
@import "common.css";
@import "form.css";
@import "genericons.css";/*web-font-icon-use*/
@import "../../common/slick.css";
@import "../../manage/common/font-awesome.min.css";

/* CSS Document */
/*==================== 基本設定 ====================*/
html{}
body{max-width:768px;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 .logo{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_line_side {position: fixed;top: 50%;right: 0;width: 60px;transform: translateY(-50%);}
.l_line_side a{display:block;text-align:right !important;}
.l_line_side img{width:100%;}

.l_reason_side{position: fixed;bottom: 0;right: 0;width: 112px;}
.l_reason_side a{display:block;}
.l_reason_side span{display:none;}
.l_reason_side img{max-width:100%;} 

.l_gotop{width:40px;height:40px;position: fixed;left: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_cont .wrapper {padding: 40px 20px 60px;position: relative;}
.footer_cont .banner ul {max-width:640px;margin:0 auto 30px;}
.footer_cont .banner li{margin-bottom:10px;text-align:center;}
.footer_cont .banner li img{max-width:100%;}
.footer_cont .banner li:last-child{margin-bottom:0;}

.footer_info {padding-top: 30px;border-top: 1px dotted #fff;}
.footer_info .address {color: #fff;font-size: 13px;}
.footer_info .address h2 {width: 126px;margin-bottom: 10px;}
.footer_info .address h2 img {max-width: 100%;}
.footer_info .address p {padding-bottom: 10px;}
.footer_info .address p.tel,
.footer_info .address p.branch {padding-bottom: 0;}
.footer_info .address p.branch a{text-decoration:underline;}
.footer_info .boxes {margin-top:20px;padding-top:20px;border-top:1px dotted #fff;}
.footer_info .boxes .box {color: #fff;font-size: 14px;padding-bottom:10px;margin-bottom:10px;}
.footer_info .boxes .box:nth-child(1){ margin-bottom:0; }
.footer_info .boxes .box h3 {margin-bottom: 5px;font-weight: bold;}
.footer_info .boxes .box h3 >a {color: #fff !important;}
.footer_info .boxes .box ul {padding-left:20px;}

.footer_cont .copy{font-size:11px;color:#fff;margin-top:20px;}


/********** ログインフォーム **********/
.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;border-radius: 5px;-webkit-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;}

/** movie **/
.movie_bg,.movie_cont{display:none;}