@charset "UTF-8";

#customer_header,
#customer_footer{ font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500;}

/* --------------------------------------------------
#customer_header
-------------------------------------------------- */
#customer_header .inner { width: 1100px; margin: 0 auto; overflow: hidden;}
#customer_header #nav { width: 100%; height: 60px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #bdbdbd; background: url(https://www.gt-nagasaki.jp/wp-content/themes/gtn/img/common/nav/nav_back.png) repeat-x top center; background-size: contain; padding-top: 10px; line-height: 30px  }
#customer_header #nav ul { width: 100%; margin: 0 auto; overflow: hidden; list-style: none; display: table; padding: 0 20px; }
#customer_header #nav ul li { width: 14%; display: table-cell; vertical-align: middle; text-align: center; background: url(https://www.gt-nagasaki.jp/wp-content/themes/gtn/img/common/nav_line.png) no-repeat left center; position: relative; }
#customer_header #nav ul li:last-child { background: url(https://www.gt-nagasaki.jp/wp-content/themes/gtn/img/common/nav_line.png) no-repeat left center, url(https://www.gt-nagasaki.jp/wp-content/themes/gtn/img/common/nav_line.png) no-repeat right center;}
#customer_header #nav ul li a { font-size: 0.8em; width: 100%; height: 100%; text-decoration: none; color: #000000; display: block; padding: 8px 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
#customer_header #nav ul li a span { position: relative; z-index: 1; font-size: 13px;}
#customer_header #nav ul li a:before { content: ""; position: absolute; width: 100%; height: 100px; top: 0; left: 1px; background: url(https://www.gt-nagasaki.jp/wp-content/themes/gtn/img/common/nav_hover.png) no-repeat top center; background-size: cover; z-index: 0; transition: all 0.8s; opacity: 0; }
#customer_header #nav ul li a:hover:before { opacity: 1;}


/* --------------------------------------------------
#customer_footer
-------------------------------------------------- */
#customer_footer{}
#customer_footer .inner { width: 960px; margin: 0 auto; overflow: hidden;}
#customer_footer #footer .row_footer { width: 100%; margin: 0 auto; overflow: hidden; background: #f1f1f1; color: #231815; border-bottom: 1px solid #a0a0a0;}
#customer_footer #footer .row_footer ul { width: 848px; float: left; overflow: hidden; list-style: none; padding: 0;}
#customer_footer #footer .row_footer ul li { width: 167px; float: left; text-align: left; padding: 4px 0 0 0;}
#customer_footer #footer .row_footer ul li a { font-size: 10px; text-decoration: none; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; color: #6b6b6b; background: url(https://www.gt-nagasaki.jp/wp-content/themes/gtn/img/common/icon_mnuft.png) no-repeat left center; padding-left: 12px;}
#customer_footer #footer .row_footer ul li a:hover { text-decoration: underline;}
#customer_footer #footer .row_footer .inner { position: relative; height: 110px;}
#customer_footer #footer .row_footer .inner ul { position: absolute; top: 0; left: 0;}
#customer_footer #footer .row_footer .box_social{ position: absolute; bottom: 10px; right: 0; width: 130px; font-size: 12px;}
#customer_footer #footer .row_footer .box_social a{ color: #000;}
#customer_footer #footer .row_footer .box_social p{ margin: 0;}
#customer_footer #footer .row_footer .box_social .open_lg{ width: 90px; float: right; margin: 0; padding: 5px 0 0;}
#customer_footer #footer .row_footer .box_social .open_lg a{ display: block; background: url("../img/ico_select.png") no-repeat right center; background-size: 7px;}
#customer_footer #footer .row_footer .box_social .facebook{ width: 25px; flex: left; margin: 0;}
#customer_footer #footer .row_footer .box_social #open_lg:not(:target) { display: none;}
#customer_footer #footer .row_footer .box_social #open_lg:target { display: block;}
#customer_footer #footer .row_footer .box_social #open_lg{ position: absolute; bottom: 0; right: 0; padding: 10px 0; background: #f1f1f1; border: solid 1px #000; border-radius: 4px; line-height: 1.2; width: 100px; text-align: center;}
#customer_footer #footer .row_footer .box_social #open_lg p{ margin: 0;}
#customer_footer #footer .row_footer .box_social #open_lg .close_lg{ margin: 0 0 5px;}
#customer_footer #footer .row_footer .box_social #open_lg p a{ display: block;}
#customer_footer #footer .row_info { width: 100%; margin: 0 auto; overflow: hidden; padding-bottom: 15px; background: #e6e6e6; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
#customer_footer #footer .row_info .inner { padding: 0 10px; box-sizing: border-box;}
#customer_footer #footer .box_logo { width: 100%;}
#customer_footer #footer .box_logo .logo { float: left; margin: 10px 0; text-align: center; display: block;}
#customer_footer #footer .box_logo .logo img{ width: 180px}
#customer_footer #footer .wrap_info { width: 698px; float: right; margin-top: 18px;}
#customer_footer #footer .box_logo .info { font-size: 12px; color: #717171;}
#customer_footer #footer .box_logo .phone { float: left; margin-left: 0; margin-top: 4px;}
#customer_footer #footer .box_logo .phone a { font-size: 12px; text-decoration: none; color: #717171;}
#customer_footer #footer .box_logo .phone a:hover { text-decoration: underline;}
#customer_footer #footer .coppy_right { width: 100%; margin: 0 auto; overflow: hidden; background: #eaeaea;}
#customer_footer #footer .coppy_right .inner { padding: 0 13px; box-sizing: border-box;}
#customer_footer #footer .coppy_right .coppyright { color: #717171; text-align: right; font-size: 12px; padding: 12px 0; font-family:playfair-display,"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500}