@charset "UTF-8";
/* ### mixin.scss ### */
select { white-space: nowrap; }

/* -----------------------------------------------------------
CSS Information

File name:      common.css
Created:        2014-03-20
Style Info:     reset/base/header/footer/searchBox
----------------------------------------------------------- */
/* reset
----------------------------------------------------------- */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; }

img { border: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div { display: block; }

/* base
----------------------------------------------------------- */
body { color: #333; font-size: 13px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; line-height: 1.3; word-wrap: break-word; -webkit-text-size-adjust: 100%; background: white; }

a:link { color: #333333; }

/* ------ wrapper ------ */
#wrapper { display: block; width: 100%; margin: 0px auto; }

#contents { display: block; width: 960px; margin: 0px auto; }

/* for IE6 */
* html body { font-size: 82%; }

/* for IE7 */
*:first-child + html body { font-size: 82%; }

h1, h2, h3, h4, h5 { font-size: 100%; }

table { font-size: inherit; border-collapse: collapse; border-spacing: 0; }

pre, code, kbd, samp, tt { font-family: monospace; line-height: 99%; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

a:visited { color: #333; }

a:hover, a:focus, a:active { color: #333; }

img { border: none; }

em { font-style: normal; }

ul, ol { list-style: none; list-style-type: none \0/IE9; }

/* h1 */
.h1_tx { max-width: 980px; margin: 0 auto 12px; padding: 0 10px; font-size: 13px; font-weight: normal; color: #333; text-align: right; box-sizing: border-box; }

h1.h1_rt { font-size: 13px; font-weight: normal; color: #333; text-align: right; margin-top: 12px; }

/* ページ上部へ */
#pagetop, #box_pagetop { text-align: right; clear: both; font-size: 90%; width: 960px; margin: 20px auto; }

/* 解除 */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { min-height: 1px; }

.clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

* html .clearfix { height: 1px; }

.both { clear: both; }

/* マージン指定 */
.mt3 { margin-top: 3px; }

.mt5 { margin-top: 5px; }

.mt7 { margin-top: 7px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt40 { margin-top: 40px; }

.mb5 { margin-bottom: 5px; }

.mb7 { margin-bottom: 7px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.ml5 { margin-left: 5px; }

.ml7 { margin-left: 7px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.mr0 { margin-right: 0px; }

.mr5 { margin-right: 5px; }

.mr7 { margin-right: 7px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

/* flot指定 */
.f_left { float: left; }

.f_right { float: right; }

/* 太字 */
.bold { font-weight: bold; }

a:hover { opacity: 0.8; filter: alpha(opacity=80); }

a:hover img, button:hover { opacity: 0.6; filter: alpha(opacity=60); }

/* パンくず old（※まだ使用中の箇所あり そのうち削除してください）
-------------------------------------- */
#box_bread { clear: both; width: 900px; padding: 4px 0 4px 5px; }

#box_bread li { color: #333; display: inline; padding: 5px 0 5px 0; }

#box_bread li a, #box_bread li a:link, #box_bread li a:visited { color: #333; text-decoration: none; padding-right: 5px; }

#box_bread li a:hover { text-decoration: underline; }

/* パンくず new（2014/0402）
-------------------------------------- */
#pan { margin: 0 auto; max-width: 980px; padding: 12px 10px; box-sizing: border-box; width: 100%; }

#pan li { display: inline; font-size: 95%; }

#pan li a { color: #333; }

#pan li a:hover { text-decoration: underline; }

#pan_sp { margin: 0 auto; max-width: 980px; padding: 10px 10px; box-sizing: border-box; width: 100%; overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 11px; background: #f4f4f4; }

#pan_sp li { display: inline; font-size: 95%; }

#pan_sp li a { color: #333; }

#pan_sp li a:hover { text-decoration: underline; }

input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.modalClose { background: none; border-radius: 0; cursor: pointer; display: block; float: none; height: auto; right: 0; position: relative; top: 0; display: table-cell; }

.modalClose, .modalClose span { display: inline-block; box-sizing: border-box; }

.modalClose { display: table-cell; height: 100%; /*width: 6%;*/ width: 18px; }

.modalClose span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #F9423A; border-radius: 0; }

.modalClose span:nth-of-type(1) { top: 1px; -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); }

.modalClose span:nth-of-type(2) { bottom: 15px; opacity: 0; }

.modalClose span:nth-of-type(3) { bottom: 10px; -webkit-transform: translateY(-4px) rotate(45deg); transform: translateY(-4px) rotate(45deg); }

.rightArrow:after { left: 3px; width: 4px; height: 4px; border-top: 1px solid #7a0; border-right: 1px solid #7a0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.arrow { position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; }

.arrow::before, .arrow::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }

#container { padding-bottom: 0; }

/* header2016 （かなり古いヘッダースタイル）
-------------------------------------- */
.header2016 { padding-top: 0px; border-bottom: 1px #d2d2d2 solid; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; }

.header2016 .headTop { width: 100%; background-color: #f9423a; padding: 5px 0; }

.header2016 .headTop nav { width: 100%; max-width: 960px; margin: 0 auto; }

.header2016 .headTop nav ul { float: right; }

.header2016 .headTop nav ul li { float: left; margin: 0 0 0 9px; color: #fff; font-size: 12px; font-weight: bold; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; background: none; box-shadow: none; line-height: normal; border-radius: 0; }

.header2016 .headTop nav ul li a, .header2016 .headTop nav ul li a:visited, .header2016 .headTop nav ul li a:hover { color: #fff; }

.header2016 .headTop nav ul li:before { content: "/"; color: #fff; padding-right: 9px; }

.header2016 .headTop nav ul li:first-child:before { content: ""; color: #A9A9A9; padding-right: 0; }

.header2016 .headTop nav ul li.mypage_btn a { width: 134px; background: white; display: block; height: 25px; border-radius: 4px; position: relative; }

.header2016 .headTop nav ul li.mypage_btn a:before { content: "マイページ"; font-size: 12px; color: #f9423a; position: absolute; margin: auto; top: 0; bottom: 0; left: 25px; display: flex; align-items: center; line-height: 1; }

.header2016 .headTop nav ul li.mypage_btn a:after { border-right: 2px solid #ef463d; border-top: 2px solid #ef463d; box-sizing: content-box; height: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); width: 6px; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto; content: ""; vertical-align: middle; }

.header2016 #hdDetail { margin-top: 16px; width: 960px; margin-left: auto; margin-right: auto; }

.header2016 .headMain .left { float: left; margin-left: 1px; }

.header2016 .headMain .left .logo { float: left; }

.header2016 .headMain .left .logo img { margin-top: 10px; height: 44px; }

.header2016 .headMain .left .lead { float: left; color: #333; font-size: 13px; font-weight: bold; margin-left: 15px; padding-top: 13px; }

.header2016 .headMain .right { float: right; padding-top: 0px; }

.header2016 .headMain .right .bnrArea { float: left; font-size: 0; }

.header2016 .headMain .right .telListArea { float: left; }

.header2016 .headMain .right .telListArea { float: left; height: 54px; border-left: 1px #E7E7E7 solid; border-right: 1px #E7E7E7 solid; padding: 5px 10px; position: relative; box-sizing: content-box; }

.header2016 .headMain .right .tel span { background: url("../images/common/tel2016.gif") no-repeat left center; font-size: 1.7rem; font-weight: bold; padding-left: 38px; letter-spacing: -1px; float: none; letter-spacing: 0.2px; }

.header2016 .headMain .right .telList { position: absolute; bottom: 10px; right: 5px; }

.header2016 .headMain .right .telList a { color: #333333; display: block; font-size: 10px; margin-top: -2px; text-align: right; }

.header2016 .headMain .right .telList a i:after { border-right: 2px solid #333; border-top: 2px solid #333; height: 7px; left: 1px; top: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 7px; box-sizing: content-box; }

.header2016 .headMain .right .head_fav, .header2016 .headMain .right .head_history { float: left; height: 64px; width: 60px; margin: 0 10px; position: relative; border-left: 1px #E7E7E7 solid; border-right: 1px #E7E7E7 solid; box-sizing: content-box; }

.header2016 .headMain .right .head_fav { margin: 0; }

.header2016 .headMain .right .head_fav a, .header2016 .headMain .right .head_history a { height: 100%; width: 100%; position: absolute; text-align: center; top: 0; left: 0; }

.header2016 .headMain .right .head_fav .fav_count, .header2016 .headMain .right .head_history .history_count { position: absolute; top: -5px; right: -5px; border-radius: 100px; background: #f9423a; font-size: 11px; line-height: 2; text-align: center; height: 20px; width: 20px; font-weight: bold; color: white; display: none; }

.header2016 .headMain .right .head_fav .fav_cap, .header2016 .headMain .right .head_history .history_cap { font-size: 10px; color: #333; position: absolute; bottom: 10px; left: 0; right: 0; }

.header2016 .headMain .right .head_fav a img { margin-top: 5px; width: 34px; height: auto; }

.header2016 .headMain .right .head_history a img { margin-top: 5px; width: 25px; height: auto; }

.header2016 .headMain .spTel { display: none; }

.header2016 .pc { display: block; }

.header2016 .sp { display: none; }

#gNavi { margin-top: 35px; width: 100%; margin-bottom: 21px; padding-bottom: 0; letter-spacing: -.60em; display: none !important; }

#gNavi li { margin-right: 15px; display: inline-block; letter-spacing: normal; }

#gNavi li:after { content: '/'; color: #BBB; padding-left: 16px; }

#gNavi li.last:after { content: ''; color: #BBB; padding-left: 0px; }

#gNavi li a, #gNavi li a:visited, #gNavi li a:hover { font-size: 14px; color: #333; text-decoration: none; }

#gNavi li a { position: relative; }

#gNavi li a .arrow { display: none; }

#gNavi li a .icoFree { background: rgba(0, 0, 0, 0) url("../images/common/ico_free.gif") no-repeat; background-size: 100% auto; display: inline-block; height: 28px; margin: -13px 5px 0 0; position: relative; right: -4px; top: 2px; width: 42px; }

#gNaviSp li a .icoFree { background: rgba(0, 0, 0, 0) url("../images/common/ico_free.gif") no-repeat; background-size: 100% auto; display: inline-block; height: 28px; margin: -13px 5px 0 0; position: relative; right: -2px; top: 6px; width: 36px; }

#gNavi li#hdNaviSp, #gNavi li#hdLinkSp { display: none; }

.header2016.formHeader #hdDetail { margin-bottom: 34px; margin-top: 26px; }

#gNavi { letter-spacing: -.60em; }

#gNavi li .event { position: absolute; margin: -20px 0px 0px -15px; }

#gNavi li.last { margin-right: 0px; }

#gNavi li p, #gNavi li a { color: #532118; cursor: pointer; text-decoration: none; }

#gNavi li.red a { color: #ed2f20; }

#pcGlobalNav { margin: 16px 0 9px; }

#pcGlobalNav ul { margin-top: 12px; }

#pcGlobalNav ul li { display: table; float: left; height: 34px; text-align: center; vertical-align: middle; }

#pcGlobalNav ul li i { border-left: 1px solid #e7e7e7; display: inline-block; height: 25px; position: relative; top: 10%; }

#pcGlobalNav ul li span { color: #999999; font-size: 10px; }

#pcGlobalNav ul li a { color: #333333; display: table-cell; font-size: 12px; font-weight: bold; height: 100%; vertical-align: middle; padding: 0 10px; }

#pcGlobalNav ul li a:hover { text-decoration: none; }

#pcGlobalNav .left { float: left; margin-right: 1.5%; }

#pcGlobalNav .left p { color: #F9423A; border-bottom: 4px #F9423A solid; }

#pcGlobalNav .center { float: left; margin-right: 1.5%; }

#pcGlobalNav .center p { color: #333; border-bottom: 4px #333 solid; }

#pcGlobalNav .center2 { float: left; margin-right: 1.5%; }

#pcGlobalNav .center2 p { color: #63666A; border-bottom: 4px #63666A solid; }

#pcGlobalNav .right { float: left; }

#pcGlobalNav .right ul { margin-top: 33px; }

/* footer2015
-------------------------------------- */
#footer2015 { border-top: 3px solid #f9423a; background-color: #FFF; padding-bottom: 0px; margin-bottom: 0px; }

#footer2015 .footerTop { border-bottom: 1px #DCDCDC solid; padding-bottom: 17px; }

#footer2015 .footerTop h3 { text-align: center; font-size: 26px; }

#footer2015 .footerTop h3 span { position: relative; font-weight: bold; }

#footer2015 .footerTop .txt { text-align: center; max-width: 600px; margin: auto; }

#footer2015 .footerTop .txt a { float: right; font-weight: bold; clear: both; }

#footer2015 .footerTop h3 i:nth-of-type(1) { background: rgba(0, 0, 0, 0) no-repeat; background-size: 100% auto; display: inline-block; height: 27px; margin: -13px 5px 0 0; position: absolute; left: -38px; top: 14px; width: 31px; }

#footer2015 .footerTop h3 i:nth-of-type(2) { background: rgba(0, 0, 0, 0) url("../images/common/ico_footer_h3_02.png") no-repeat; background-size: 100% auto; display: inline-block; height: 54px; margin: -13px 5px 0 0; position: absolute; right: -61px; top: -35px; width: 68px; }

#footer2015 .footerTop .tourList { text-align: center; font-size: 0; margin-top: 15px; }

#footer2015 .footerTop .tourList li { display: inline-block; font-size: 14px; margin-left: 27px; }

#footer2015 .footerTop .tourList li:nth-of-type(3) { margin-left: 27px; }

#footer2015 .footerTop .tourList li:first-child { margin-left: 0px; }

#footer2015 .footerTop .tourList li a, #footer2015 .footerTop .tourList li span { padding-left: 27px; }

#footer2015 .footerTop .tourList li a:hover { text-decoration: none; }

#footer2015 .footerTop .tourList li a:before, #footer2015 .footerTop .tourList li span:before { background: #333 none repeat scroll 0 0; border-radius: 50%; height: 18px; width: 19px; }

#footer2015 .footerTop .tourList li a:after, #footer2015 .footerTop .tourList li span:after { border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; height: 4px; left: 5px; top: -2px; -webkit-transform: rotate(134deg); transform: rotate(134deg); width: 7px; box-sizing: content-box; }

#footer2015 .footerTop .bknumber { margin: 10px auto 0px auto; max-width: 600px; text-align: right; font-weight: bold; padding-right: 14px; font-size: 12px; }

#footer2015 .footerTop .mmSubmitForm { font-size: 0; text-align: center; margin-top: 12px; }

#footer2015 .footerTop .mmSubmitForm input[type="text"] { padding: 3px 0; border-top: 1px #B2B2B2 solid; border-bottom: 1px #B2B2B2 solid; border-left: 1px #B2B2B2 solid; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; width: 428px; padding: 10px 0 11px 10px; height: 40px; vertical-align: top; box-sizing: border-box; font-size: 16px; }

#footer2015 .footerTop .mmSubmitForm input[type="text"]::-webkit-input-placeholder, #footer2015 .footerTop .mmSubmitForm input[type="text"]:-ms-input-placeholder, #footer2015 .footerTop .mmSubmitForm input[type="text"]::-moz-placeholder { color: #b1a8a6; }

#footer2015 .footerTop .mmSubmitForm input[type="submit"] { background-color: #F9423A; border: 0 none; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color: #ffffff; font-size: 14px; padding: 9px 0 10px; width: 180px; margin-left: -2px; height: 40px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; cursor: pointer; }

#footer2015 .footerTop .mgCaution { font-size: 11px; margin: 9px auto 0; max-width: 960px; padding-left: 1em; text-indent: -1em; width: 605px; line-height: 1.5; box-sizing: border-box; }

#footer2015 .footerTop .mgCaution a { text-decoration: underline; }

#footer2015 .footerTop .snsArea { width: 100%; background-color: #F6F6F6; padding: 25px 0; }

#footer2015 .footerTop .snsArea > ul { margin: 0 auto; width: 650px; }

#footer2015 .footerTop .snsArea > ul li { display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0.14em; margin-right: 15px; }

#footer2015 .footerTop .snsArea .sns_ttl2 { margin-right: 37px; }

#footer2015 .footerTop .snsArea .sns_ttl2 p { position: relative; }

#footer2015 .footerTop .snsArea .sns_ttl2 p i { height: 32px; position: absolute; right: -14px; top: -7px; width: 31px; box-sizing: border-box; }

#footer2015 .footerTop .snsArea .sns_ttl2 p i:nth-of-type(1) { border-top: 1px #999 solid; -webkit-transform: rotate(16deg); transform: rotate(16deg); }

#footer2015 .footerTop .snsArea .sns_ttl2 p i:nth-of-type(2) { border-bottom: 1px #999 solid; -webkit-transform: rotate(-16deg); transform: rotate(-16deg); }

#footer2015 .footerTop .snsArea ul li img { width: 45px; vertical-align: middle; }

#footer2015 .footerTop .footerNav { text-align: center; font-size: 0; margin-top: 17px; }

#footer2015 .footerTop .footerNav li { display: inline-block; font-size: 12px; margin-left: 26px; }

#footer2015 .footerTop .footerNav li:first-child { margin-left: 0px; }

#footer2015 .footerTop .footerNav li a { padding-left: 19px; }

#footer2015 .footerTop .footerNav li a:hover { text-decoration: none; }

#footer2015 .footerTop .footerNav li a:after { border-right: 2px solid #ef463d; border-top: 2px solid #ef463d; box-sizing: content-box; height: 6px; left: 4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); width: 6px; }

#footer2015 #ftDetail { max-width: 960px; padding: 0; margin-left: auto; margin-right: auto; overflow: hidden; }

#footer2015 #ftDetail #ftNavi { margin-top: 28px; border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; }

#footer2015 #ftDetail #ftNavi .box { width: 100%; letter-spacing: -.40em; }

#footer2015 #ftDetail #ftNavi .box ul { width: 22.5%; display: inline-block; letter-spacing: 0; margin-right: 22px; vertical-align: top; float: none; font-size: 0; }

#footer2015 #ftDetail #ftNavi .box ul.mr0 { margin-right: 0px; }

#footer2015 #ftDetail #ftNavi .col3 { padding-left: 1px; margin-bottom: 0; }

#footer2015 #ftDetail #ftNavi .col3 li { position: relative; margin-top: 11px; margin-bottom: 0; padding: 0; text-indent: 0; line-height: 1.3em; font-size: 10px; }

#footer2015 #ftDetail #ftNavi .col3 li:first-child { margin-top: 0px; }

#footer2015 #ftDetail #ftNavi .col3 li a { margin-top: 0; padding-left: 15px; position: relative; display: inline-block; }

#footer2015 #ftDetail #ftNavi .col3 li a i:before, #footer2015 #ftDetail #ftNavi .col3 li a i:after { bottom: 0; content: ""; left: 0; margin: auto; position: absolute; top: 0; vertical-align: middle; }

#footer2015 #ftDetail #ftNavi .col3 li a i:after { border-right: 1px solid #a5a5a5; border-top: 1px solid #a5a5a5; height: 6px; left: 0; top: -2px; -webkit-transform: rotate(46deg); transform: rotate(46deg); width: 6px; box-sizing: border-box; }

#footer2015 #ftDetail #ftNavi .col5 { margin-top: 28px; border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0; }

#footer2015 #ftDetail #ftNavi .col5 > ul { margin-right: 2.1%; width: 23.4%; }

#footer2015 #ftDetail #ftNavi .col5 > ul.last { margin-right: 0; }

#footer2015 #ftDetail #ftNavi .col5 > ul .areaTtl { background-color: rgba(0, 0, 0, 0); border-top: 1px solid #c9c9c9; color: #333333; font-size: 10px; font-weight: bold; margin-bottom: 14px; margin-top: 0; padding-top: 13px; text-align: left; line-height: 1em; border-radius: 0; }

#footer2015 #ftDetail #ftNavi .col5 > ul li { margin-top: 8px; font-size: 10px; line-height: 1.2em; }

#footer2015 #ftDetail #ftNavi .col5 > ul li.last { margin-bottom: 28px; }

#footer2015 .naviBox { width: 100%; background-color: #F9423A; padding: 17px 0; box-sizing: border-box; }

#footer2015 .naviBox .naviBoxInner { width: 100%; max-width: 960px; margin: 0 auto; box-sizing: content-box; }

#footer2015 .naviBox .naviBoxInner p, #footer2015 .naviBox .naviBoxInner ul { float: left; }

#footer2015 .naviBox .naviBoxInner p { width: 19%; padding-top: 8px; line-height: 0; }

#footer2015 .naviBox .naviBoxInner ul { width: 81%; }

#footer2015 .naviBox .naviBoxInner ul li { border: medium none; display: inline-block; float: none; font-size: 12px; letter-spacing: normal; padding: 5px 10px 5px 0; margin: 0; vertical-align: middle; color: #FFF; line-height: normal; }

#footer2015 .naviBox .naviBoxInner ul li a, #footer2015 .naviBox .naviBoxInner ul li a:hover, #footer2015 .naviBox .naviBoxInner ul li a:visited { color: #FFF; text-decoration: none; }

#footer2015 .naviBox .naviBoxInner ul li a:after { content: "/"; padding-left: 10px; }

#footer2015 #ftMark { width: 100%; max-width: 960px; margin: 17px auto; overflow: hidden; box-sizing: border-box; font-size: 0; }

#ftMark ul#registration { display: inline-block; letter-spacing: normal; vertical-align: middle; width: 60%; overflow: hidden; float: none; }

#footer2015 #ftMark ul#registration li { float: none; text-align: left; font-size: 11px; border: none; line-height: normal; }

#ftMark ul#association { display: inline-flex; letter-spacing: normal; align-items: center; justify-content: flex-end; text-align: right; width: 40%; float: none; vertical-align: middle; }

#ftMark ul#association li { margin-left: 5%; width: 18%; }

#ftMark ul#association li:nth-child(1) { margin-left: 0; width: 31%; }

#ftMark ul#association li a { display: block; }

#ftMark ul#association li img { width: 100%; height: auto; }

#ftMark ul#association li#jpx { display: none; }

#footer2015 #ftBottom { border-top: 1px #DCDCDC solid; background-color: transparent; color: #666666; margin-top: 6px; box-sizing: border-box; height: 45px; }

#footer2015 #ftBottom #ftBottomDetail { color: #666666; max-width: 960px; width: 100%; margin: 0 auto; padding: 0; }

#ftBottom #copy { float: right; font-size: 11px; padding: 15px 0; height: 45px; box-sizing: border-box; line-height: normal; }

#footer2015.formFooter { border-top: 1px solid #e1e1e1; padding-top: 10px; }

#footer2015.formFooter #ftMark { margin-top: 0; }

#container.topContents { padding-bottom: 60px; padding-top: 55px; }

/* #gNaviSp
-------------------------------------- */
#gNaviSp { top: 108%; overflow: scroll; position: relative; z-index: 99999; }

#gNaviSp .dropDownList { display: none; }

#gNaviSp .dropDownList .subTtl { color: #999999; font-size: 10px; margin-left: 10px; }

#gNaviSp > a.dropdownTrigger { background-color: #E7E7E7; display: block; margin-right: 0; border-top: 1px solid #DCDCDC; border-bottom: none; cursor: pointer; display: block; font-weight: bold; padding: 10px 10px 8px; text-decoration: none; font-size: 14px; position: relative; color: #f9423a; }

#gNaviSp > a.dropdownTrigger:nth-of-type(2) { color: #333; }

#gNaviSp > a.dropdownTrigger:nth-of-type(3) { color: #63666A; }

#gNaviSp > a.dropdownTrigger i.bottomArrow { display: inline-block; padding: 0; position: absolute; right: 21px; top: 15px; }

#gNaviSp > a.dropdownTrigger i.bottomArrow:after { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; box-sizing: content-box; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

#gNaviSp > a.dropdownTrigger.open i.bottomArrow { display: inline-block; padding: 0; position: absolute; right: 21px; top: 19px; }

#gNaviSp > a.dropdownTrigger.open i.bottomArrow:after { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; box-sizing: content-box; -webkit-transform: rotate(-46deg); transform: rotate(-46deg); }

#gNaviSp a:hover { opacity: 1; }

#gNaviSp li { background-color: #ffffff; display: block; margin-right: 0; }

#gNaviSp li a { background: none; border-top: 1px solid #DCDCDC; border-bottom: none; cursor: pointer; display: block; font-weight: normal; padding: 10px 10px 8px; text-decoration: none; font-size: 14px; position: relative; }

#gNaviSp li a.stop { color: #e7e7e7; pointer-events: none; }

#gNaviSp li a span.stop { color: #f9423a; font-weight: bold; font-size: 13px; margin-left: 5px; }

#gNaviSp li:first-child a { border-top: none; }

#gNaviSp li p, #gNaviSp li a .rightArrow { display: inline-block; padding: 0; position: absolute; right: 20px; top: 17px; }

#gNaviSp li p, #gNaviSp li a .rightArrow:after { width: 7px; height: 7px; border-right: 2px solid #737373; border-top: 2px solid #737373; box-sizing: content-box; }

#gNaviSp li#hdLinkSp.myPageLink { background-color: #EE483C; display: block; margin-right: 0; border-bottom: none; padding: 5px 0 7px; }

#gNaviSp li#hdLinkSp.myPageLink a { background-color: #fff; display: block; border-radius: 5px; width: 93%; margin: 0 auto; border-color: #fff; color: #EE483C; font-size: 14px; font-weight: bold; position: relative; padding: 7px 0 5px; text-align: center; }

#gNaviSp li#hdLinkSp.myPageLink a span.rightArrow { display: inline-block; padding: 0; position: absolute; right: 21px; top: 14px; }

#gNaviSp li#hdLinkSp.myPageLink a span.rightArrow:after { border-right: 2px solid #EE483C; border-top: 2px solid #EE483C; }

#gNaviSp li#hdNaviSp ul { padding: 0; }

#gNaviSp li#hdNaviSp ul li { border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; color: #5b2e23; display: inline-block; float: left; font-size: 18px; height: 100%; letter-spacing: normal; width: 49.6549%; background-color: #FFF; box-sizing: content-box; }

#gNaviSp li#hdNaviSp ul li a { display: table; font-size: 14px; height: 32px; overflow: hidden; width: 100%; text-align: left; }

#gNaviSp li#hdNaviSp ul li a span { display: table-cell; padding-left: 12px; padding-right: 36px; padding-top: 6px; vertical-align: middle; width: 100%; font-size: 12px; border: none; }

#gNaviSp li#hdNaviSp ul li a span.rightArrow { display: inline-block; padding: 0; position: absolute; right: 20px; top: 16px; width: auto; }

@media screen and (max-width: 1024px) { .header2016 .headTop nav { padding-right: 15px; }
  #gNavi { margin-bottom: 10px; }
  #gNavi li { padding-bottom: 10px; }
  .header2016 #hdDetail { width: auto; padding-left: 20px; padding-right: 20px; }
  .header2016 .headMain .left .logo img { height: 30px; margin-top: 20px; }
  .header2016 .headMain .right .tel span { font-size: 1.4rem; }
  #footer2015 #ftDetail #ftNavi .box ul { width: 48%; margin-right: 2%; }
  #footer2015 .footerTop .footerNav li { padding-bottom: 10px; }
  #footer2015 #ftDetail #ftNavi .col3 { padding: 0 3%; width: 94%; }
  #footer2015 #ftDetail #ftNavi .col3 ul:nth-of-type(3), #footer2015 #ftDetail #ftNavi .col3 ul:nth-of-type(3) { margin-top: 11px; }
  #footer2015 #ftDetail #ftNavi .col5 { padding: 0 3%; width: 94%; }
  #footer2015 .naviBox .naviBoxInner { padding: 0 3%; width: 94%; }
  #footer2015 .naviBox .naviBoxInner p { float: none; }
  #footer2015 .naviBox .naviBoxInner ul { margin-top: 20px; float: none; width: 100%; text-align: center; }
  #footer2015 #ftMark { padding: 0 3%; width: 100%; box-sizing: border-box; margin: 11px 0; }
  #footer2015 #ftBottom #ftBottomDetail { padding: 0 3%; width: 94%; }
  #ftNavi .box.col3 ul { width: 48%; margin-right: 2%; } }
@media screen and (max-width: 1023px) { #pan { display: none; } }
@media screen and (max-width: 959px) { #pagetop, #box_pagetop { width: 100%; z-index: 900; } }
@media screen and (max-width: 870px) { .header2016 .headMain .left .lead { float: none; }
  .header2016 .headMain .left .lead { margin-left: 7px; padding-top: 3px; }
  .header2016 .headMain .right { padding-top: 7px; }
  .header2016 .headMain .right .myPageBtn { margin-left: 15px; margin-top: 4px; } }
@media screen and (max-width: 680px) { #bodyWrapper { min-width: inherit; } }
@media screen and (min-width: 658px) { #footer2015 .footerTop .snsArea > ul li .text, #footer2015 .footerTop .snsArea > ul li a .rightArrow { display: none; } }
@media screen and (max-width: 657px) { a:hover { opacity: 1; filter: alpha(opacity=100); text-decoration: none; }
  a:hover img, button:hover { opacity: 1; filter: alpha(opacity=100); }
  #bodyWrapper { background-color: #fff; width: 100%; padding: 55px 0 0; }
  .header2016.formHeader #hdDetail { margin-top: 10px; }
  #pcGlobalNav { display: none; }
  #gNaviSp { position: absolute; top: 54px; left: 0px; width: 100%; display: none; overflow: auto; }
  #gNaviSp li#hdNaviSp ul { letter-spacing: -.40em; text-align: center; width: 100%; border-bottom: 2px solid #333; }
  #gNaviSp li#hdNaviSp ul li a { border: none; padding: 0px; background-image: none; }
  #gNaviSp li#hdNaviSp ul li a span { display: table-cell; padding-left: 12px; padding-right: 36px; padding-top: 6px; vertical-align: middle; width: 100%; font-size: 12px; }
  .header2016 { background-color: #ffffff; box-sizing: content-box; height: 40px; left: 0; padding: 7px 0 7px 0; position: fixed; top: 0; width: 100%; z-index: 100; border-bottom: 1px #d2d2d2 solid; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; }
  .header2016 #hdDetail { margin-top: 0; padding: 0; }
  .header2016 .headTop { display: none; }
  .header2016 .headMain { display: block; margin: 0 auto; width: 96%; }
  .header2016 .headMain .left { display: inline-block; float: left; margin-left: 0; padding: 0; width: 65px; }
  .header2016 .headMain .left .logo { float: none; text-align: left; display: block; }
  .header2016 .headMain .left .logo img { height: 40px; width: auto; position: relative; margin: 0; }
  .header2016 .headMain .left .lead { display: none; }
  .header2016 .headMain .right { float: right; padding-top: 0; width: 220px; font-size: 0; text-align: right; }
  .header2016 .headMain.pc .right { display: none; }
  .header2016 .headMain .right .head_fav, .header2016 .headMain .right .head_history, .header2016 .headMain .spTel, .header2016 .headMain .menu { /* width: 57px; */ width: 60px; background: none; border: none; height: 40px; margin: 0; display: inline-block; float: none; position: relative; vertical-align: top; text-align: center; }
  .header2016 .headMain .spTel { /* width:60px; */ /* display: inline-block; */ }
  .header2016 .headMain .menu { width: 40px; padding: 0; }
  .header2016 .headMain .right .head_history a img { margin-top: 0; width: auto; height: 25px; }
  .header2016 .headMain .right .head_fav a img { margin-top: 0; width: auto; height: 28px; }
  .header2016 .headMain .right .head_fav .fav_count, .header2016 .headMain .right .head_history .history_count { position: absolute; top: 0; right: 0; border-radius: 100px; background: #f9423a; font-size: 10px; line-height: 2.2; text-align: center; height: 20px; width: 20px; font-weight: bold; color: white; }
  .header2016 .headMain .right .head_fav .fav_cap, .header2016 .headMain .right .head_history .history_cap, .header2016 .headMain .spTel .tel_cap, .header2016 .headMain .menu .menu_cap { font-size: 10px; color: #333; position: absolute; bottom: 0; left: 0; right: 0; line-height: 1; vertical-align: bottom; }
  .header2016 .headMain .spTel img { height: 22px; width: auto; }
  /* h1 */
  .h1_tx { width: 100%; }
  #footer2015 .footerTop { padding-bottom: 0; border: 0 none; }
  #footer2015 .footerTop h3 { font-size: 16px; margin: 0 0 5px 6%; text-align: center; }
  #footer2015 .footerTop h3 i:nth-of-type(1) { left: -23px; width: 18px; }
  #footer2015 .footerTop h3 i:nth-of-type(2) { display: none; }
  #footer2015 .footerTop .tourList { font-size: 0; margin: 8px auto; text-align: left; display: table; }
  #footer2015 .footerTop .tourList li { display: block; font-size: 12px; margin-left: 0; margin-top: 3px; padding: 3px 0 0; }
  #footer2015 .footerTop .tourList li:nth-of-type(1) { margin-top: 0; }
  #footer2015 .footerTop .tourList li:nth-of-type(3) { margin-left: 0; }
  #footer2015 .footerTop .tourList li a { padding-left: 15px; }
  #footer2015 .footerTop .tourList li a:before { background: #666666 none repeat scroll 0 0; border-radius: 50%; height: 13px; width: 13px; }
  #footer2015 .footerTop .tourList li a:after { border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; height: 2px; left: 3px; top: -1px; -webkit-transform: rotate(134deg); transform: rotate(134deg); width: 5px; }
  #footer2015 .footerTop .tourList li:nth-of-type(2) a { left: -1px; }
  #footer2015 .footerTop .mmSubmitForm { font-size: 0; margin: 15px auto 0; text-align: center; width: 93%; }
  #footer2015 .footerTop .mmSubmitForm input[type="text"] { width: 96%; padding: 0 0 0 10px; border: 1px solid #b2b2b2; vertical-align: middle; box-sizing: content-box; font-size: 14px; }
  #footer2015 .footerTop .mmSubmitForm input[type="submit"] { -webkit-appearance: none; margin-top: 11px; width: 100%; font-size: 16px; padding: 8px 0 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 0; vertical-align: middle; }
  #footer2015 .footerTop .txt { width: 90%; }
  #footer2015 .footerTop .txt span { display: none; }
  #footer2015 .footerTop .mgCaution { font-size: 10px; margin: 9px auto 0; width: 93%; }
  #footer2015 .footerTop .snsArea { margin-top: 10px; padding: 0; background: #fff; }
  #footer2015 .footerTop .snsArea > ul { width: 100%; }
  #sns { margin-top: 5%; text-align: center; }
  #sns li { margin: 0 5%; }
  #sns li img { width: 40px; }
  #sns .sns_ttl { display: block; width: 50%; margin: 2% auto 7%; }
  #sns .sns_ttl:before { left: 50%; top: 15px; }
  #footer2015 .footerTop .snsArea .sns_ttl2 { display: none; font-size: 12px; padding-top: 5px; margin: 0 0 8px 5%; }
  #footer2015 .footerTop .snsArea .sns_ttl2 p { display: inline; }
  #footer2015 .footerTop .snsArea .sns_ttl2 p i:nth-of-type(1) { border-top: 1px solid #999999; -webkit-transform: rotate(75deg); transform: rotate(75deg); left: -11%; }
  #footer2015 .footerTop .snsArea .sns_ttl2 p i:nth-of-type(2) { border-bottom: 1px solid #999999; -webkit-transform: rotate(-75deg); transform: rotate(-75deg); right: -4%; top: 2px; }
  #footer2015 .footerTop .snsArea .sns_ttl2 p i { height: 7px; position: absolute; top: 5px; width: 15px; }
  #footer2015 .footerTop .snsArea > ul li { width: 100%; margin: auto; border-bottom: 1px solid #b2b2b2; padding: 7px 0; }
  #footer2015 .footerTop .snsArea ul li img { width: 23px; }
  #footer2015 .footerTop .snsArea > ul li:nth-child(2) { border-top: 1px solid #b2b2b2; padding-top: 7px; }
  #footer2015 .footerTop .snsArea > ul li a { position: relative; display: block; }
  #footer2015 .footerTop .snsArea > ul li a:hover { text-decoration: none; }
  #footer2015 .footerTop .snsArea > ul li .pic { width: 15%; margin-right: 0; margin-bottom: 0; padding-left: 3%; display: inline-block; vertical-align: middle; box-sizing: border-box; }
  #footer2015 .footerTop .snsArea > ul li .pic img { display: block; width: 100%; height: auto; }
  #footer2015 .footerTop .snsArea > ul li .text { width: 80%; padding-right: 7%; display: inline-block; vertical-align: middle; box-sizing: border-box; }
  #footer2015 .footerTop .snsArea > ul li .text p span { font-weight: bold; }
  #footer2015 .footerTop .snsArea > ul li a .rightArrow { position: absolute; top: 50%; right: 7%; display: inline-block; margin-top: 4px; padding: 0; }
  #footer2015 .footerTop .snsArea > ul li a .rightArrow:after { width: 9px; height: 9px; border-top: 2px solid #737373; border-right: 2px solid #737373; box-sizing: border-box; }
  #ftDetail { padding: 0px 15px; }
  #ftNavi .box { display: none; }
  #ftMark ul#association { margin-top: 6px; width: 100%; text-align: center; display: inline-block; }
  #footer2015 .footerTop .footerNav { display: none; }
  #footer2015 #ftDetail #ftNavi { margin-top: 0; }
  #footer2015 .naviBox { padding: 11px 0 25px; }
  #footer2015 .naviBox .naviBoxInner ul li { padding: 0 10px 12px 0; }
  #footer2015 .naviBox .naviBoxInner p { text-align: center; width: auto; }
  #footer2015 .naviBox .naviBoxInner p a { margin-left: -8%; }
  #footer2015 .naviBox .naviBoxInner p a img { height: auto; width: 112px; }
  #ftMark ul#registration { margin-bottom: 9px; width: 100%; }
  #footer2015 #ftMark ul#registration li { float: none; text-align: center; font-size: 10px; padding: 0; }
  #ftMark ul#association li { margin-right: 6%; margin-left: 0; display: inline-block; letter-spacing: normal; vertical-align: middle; float: none; padding: 0px; border: none; width: 14%; }
  #ftMark ul#association li:nth-child(1) { width: 20%; }
  #footer2015 #ftBottom #ftBottomDetail { text-align: center; box-sizing: border-box; max-width: inherit; }
  #ftBottom #copy { display: inline-block; float: none; font-size: 9px; padding: 3% 0; height: auto; }
  #ftMark ul#association li#jpx { display: inline-block; margin-right: 0; }
  #footer2015 #ftBottom { height: auto; }
  .header2016 .pc { display: none; }
  .header2016 .sp { display: block; } }
/* 関連情報バナー */
.relationInfo { max-width: 100%; width: 900px; margin: 0 auto; line-height: 1.5; }

.relationInfo h2 { margin: 30px 0; padding: 5px 30px; border-left: solid #f9423a 3px; font-size: 22px; }

.relationInfo ul { display: flex; }

.relationInfo ul li { width: 23.7%; margin-left: 1.5%; }

.relationInfo ul li a { max-width: 100% !important; margin: 0 !important; padding: 30px 0 !important; display: block; }

.relationInfo ul li:first-child { margin-left: 0; }

.relationInfo ul li img { width: 100%; margin: 0 !important; padding: 0 !important; }

#world_heritage_top .relationInfo { max-width: calc(100% - 20px); }

#world_heritage_top .relationInfo h2 { border: none; }

.relationInfo.aurora_wrap { max-width: calc(100% - 20px); width: 960px; margin-bottom: 90px; color: #fff; }

.relationInfo.aurora_wrap h2 { font-size: 36px; font-weight: 700; line-height: 1; letter-spacing: 7px; position: relative; margin: 0; padding: 0 0 43px 0; border: none; text-align: center; }

.relationInfo.aurora_wrap h2:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -60px; width: 120px; height: 3px; background-color: #fff; }

@media screen and (max-width: 1072px) { .relationInfo.aurora_wrap h2 { font-size: 28px; } }
@media screen and (max-width: 767px) { .relationInfo.aurora_wrap h2 { font-size: 24px; padding: 0 0 19px 0; } }
@media screen and (max-width: 657px) { .relationInfo { padding-right: 0 !important; padding-left: 0 !important; }
  .relationInfo h2 { margin: 15px 0 30px !important; padding: 0 0 0 10px; font-size: 18px; }
  .relationInfo ul { justify-content: space-between; flex-wrap: wrap; }
  .relationInfo ul li { width: 49%; margin: 0; padding: 0 0 10px !important; }
  .relationInfo ul li a { padding: 0 !important; } }
.companyInfo { background: #f7f5f0; }
.companyInfo * { box-sizing: border-box; }
.companyInfo a:hover { text-decoration: none; opacity: 0.8; }
.companyInfoInner { width: 960px; max-width: 100%; margin: 0 auto; padding: 10px 0; display: flex; line-height: 1.4; font-size: 13px; }
.companyInfo h3 { color: #f9423a; font-size: 15px; font-weight: bold; width: 180px; align-items: center; display: flex; }
.companyInfo h3 img { width: 24px; height: 24px; margin-right: 15px; }
.companyInfo ul { padding-left: 10px; }
.companyInfo ul li:hover { opacity: 0.8; }
.companyInfo ul li dl { padding: 3px 0 3px 8px; margin-left: 15px; display: flex; position: relative; }
.companyInfo ul li dl:before { border-right: 2px solid #ef463d; border-top: 2px solid #ef463d; box-sizing: content-box; height: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); width: 6px; position: absolute; top: 0; bottom: 0; left: -15px; margin: auto; content: ""; vertical-align: middle; }
.companyInfo ul li dl dt { width: 120px; color: #f9423a; }
.companyInfoMore { width: 960px; max-width: 100%; margin: 0 auto; }
.companyInfoMore a { color: red; margin: 0 auto 10px 180px; display: inline-block; font-size: 13px; padding: 0 10px 3px; }

@media (max-width: 657px) { .companyInfo { background: white; border-bottom: solid 1px #d2d2d2; }
  .companyInfoInner { width: 100%; flex-direction: column; padding: 10px 4%; }
  .companyInfo h3 { justify-content: center; margin-bottom: 5px; width: auto; font-size: 13px; }
  .companyInfo h3 img { width: 15px; }
  .companyInfo ul { padding-left: 0; }
  .companyInfo ul li { flex-direction: column; font-size: 12px; }
  .companyInfo ul li dt { min-width: 120px; display: none; }
  .companyInfoMore { width: 100%; text-align: center; }
  .companyInfoMore a { margin: 0 auto 10px; padding: 0; text-align: center; } }
.headerCommon { background: white; }
.headerCommon * { box-sizing: border-box; vertical-align: bottom; }
.headerCommon a:hover { text-decoration: none; opacity: 0.8; }
.headerCommon .pc { display: block; }
.headerCommon .sp { display: none; }
.headerCommon .width960 { width: 100%; max-width: 960px; margin: 0 auto; }
.headerCommon .redZone { background: #f9423a; }
.headerCommon .redZone .width960 { display: flex; align-items: center; height: 50px; justify-content: space-between; }
.headerCommon .redZone .width960 ul { display: flex; align-items: center; }
.headerCommon .redZone .width960 ul li { display: block; }
.headerCommon .redZone .width960 ul li img { vertical-align: middle; margin-right: 10px; }
.headerCommon .redZone .width960 ul .mypage a { background: white; border-radius: 4px; color: #333333; height: 30px; display: flex; align-items: center; padding: 0 15px; }
.headerCommon .redZone .width960 ul li + li { margin-left: 25px; }
.headerCommon .redZone .width960 a { color: white; display: block; width: 100%; height: auto; }
.headerCommon .whiteZone .width960 { display: flex; }
.headerCommon .whiteZone .width960 > div { display: flex; border-right: solid 1px #d2d2d2; padding: 15px 20px; }
.headerCommon .whiteZone .width960 > div:nth-of-type(1) { border-left: solid 1px #d2d2d2; }
.headerCommon .whiteZone .width960 .globalMenu a { display: flex; flex-direction: column; justify-content: center; height: 100%; align-items: center; font-weight: normal; }
.headerCommon .whiteZone .width960 .globalMenu img { margin-top: auto; }
.headerCommon .whiteZone .width960 .globalMenu span { margin: 15px 0 0; }
.headerCommon .whiteZone .width960 ul { margin: auto auto auto 30px; }
.headerCommon .whiteZone .width960 ul li + li { margin-top: 5px; }
.headerCommon .whiteZone .width960 ul .goto:before { content: ""; width: 10px; height: 10px; border-radius: 100px; background: #00bfa5; display: inline-block; margin-right: 10px; }
@media screen and (max-width: 959px) { .headerCommon .width960 { padding: 0 2%; }
  .headerCommon .redZone .width960 ul { font-size: 0; }
  .headerCommon .redZone .width960 ul .mypage { font-size: 13px; }
  .headerCommon .whiteZone .width960 ul { display: none; } }
@media screen and (max-width: 657px) { .headerCommon .pc { display: none; }
  .headerCommon .sp { display: block; }
  .headerCommon .spNavi { background-color: #ffffff; height: 55px; left: 0; padding: 7px 2%; position: fixed; top: 0; width: 100%; z-index: 100; border-bottom: 1px #d2d2d2 solid; }
  .headerCommon .spNavi .left { display: inline-block; float: left; margin-left: 0; padding: 0; width: 65px; }
  .headerCommon .spNavi .logo img { height: 40px; width: auto; position: relative; margin: 0; }
  .headerCommon .spNavi .right { float: right; padding-top: 0; width: 220px; font-size: 0; }
  .headerCommon .spNavi .right .head_fav, .headerCommon .spNavi .right .head_history, .headerCommon .spNavi .spTel, .headerCommon .spNavi .menu { width: 60px; background: none; border: none; height: 40px; margin: 0; display: inline-block; float: none; position: relative; vertical-align: top; text-align: center; }
  .headerCommon .spNavi .menu { width: 40px; padding: 0; }
  .headerCommon .spNavi .head_history a img { margin-top: 0; width: auto; height: 25px; }
  .headerCommon .spNavi .head_fav a img { margin-top: 0; width: auto; height: 28px; }
  .headerCommon .spNavi .spTel img { height: 22px; width: auto; }
  .headerCommon .spNavi .head_fav .fav_cap, .headerCommon .spNavi .head_history .history_cap, .headerCommon .spNavi .spTel .tel_cap, .headerCommon .spNavi .menu .menu_cap { font-size: 10px; color: #333; position: absolute; bottom: 0; left: 0; right: 0; line-height: 1; vertical-align: bottom; } }

/* スマホヘッダー　ドロワーメニュー
-------------------------------------- */
#menuBtn, .drawer-nav { display: none; }

@media screen and (max-width: 657px) { #menuBtn, .drawer-nav { display: block; }
  .drawer-open { overflow: hidden !important; width: 100%; height: 100%; }
  .drawer-nav { position: fixed; z-index: 9999; top: 0; width: 85%; height: 100%; background: #63666a; color: #fff; font-size: 15px; overflow-y: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; right: -85%; -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  .drawer-nav a { padding: 10px 15px; display: block; background: #ffffff; box-sizing: border-box; }
  .drawer-nav a:after { border-right: 2px solid #d2d2d2; border-top: 2px solid #d2d2d2; box-sizing: content-box; height: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); width: 6px; position: absolute; top: 0; bottom: 0; right: 12px; margin: auto; content: ""; vertical-align: middle; }
  .drawer-nav dl { display: flex; flex-wrap: wrap; }
  .drawer-nav ul { font-size: 0; }
  .drawer-nav dt { padding: 12px 15px; font-weight: bold; background-color: #f9423a; position: relative; min-height: 43px; width: 100%; box-sizing: border-box; }
  .drawer-nav dt a { background: none; border: none; color: white; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; padding: 12px 15px; }
  .drawer-nav dt a:after { border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; }
  .drawer-nav .user dt, .drawer-nav .contents_menu dt { background-color: #63666a; }
  .drawer-nav dd, .drawer-nav li { width: 100%; position: relative; border-bottom: 1px #d2d2d2 solid; box-sizing: border-box; }
  .drawer-nav .contents_menu dd, .drawer-nav li { width: 50%; font-size: 12px; }
  .drawer-nav .contents_menu dd a, .drawer-nav li a { padding: 15px 10px; }
  .drawer-nav .contents_menu dd:nth-of-type(2n) { border-left: solid 1px #d2d2d2; }
  .drawer-nav li a { background: #d2d2d2; border-bottom: 1px #ffffff solid; line-height: 1.5; }
  .drawer-nav dd.mypage a { color: #f9423a; }
  .drawer-nav dd.mypage a span { font-size: 10px; }
  .drawer-nav li.sale a, .drawer-nav .contents_menu dd.sale a { color: #f9423a; }
  .drawer-brand { font-size: 1.5rem; font-weight: bold; line-height: 3.75rem; display: block; padding-right: .75rem; padding-left: .75rem; text-decoration: none; color: #222; }
  .drawer-menu { margin: 0; padding: 0; list-style: none; }
  .drawer-menu-item { font-size: 1rem; display: block; padding: .75rem; text-decoration: none; color: #222; }
  .drawer-menu-item:hover { text-decoration: underline; color: #555; background-color: transparent; }
  .drawer-overlay { position: fixed; z-index: 9998; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
  .drawer-open .drawer-overlay { display: block; }
  .drawer.drawer-open .drawer-nav, .drawer.drawer-open .drawer-navbar .drawer-hamburger { right: 0; }
  .drawer.drawer-open .drawer-hamburger { right: 85%; opacity: 1; }
  .drawer.drawer-open .drawer-hamburger .drawer-hamburger-icon:before, .drawer.drawer-open .drawer-hamburger .drawer-hamburger-icon:after { background-color: #ffffff; }
  body .drawer-hamburger { right: 3%; top: 7px; }
  .drawer-hamburger { position: fixed; z-index: 9999; top: 0; display: block; box-sizing: content-box; -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 0; outline: 0; background-color: transparent; width: 25px; height: 40px; padding: 0; margin: 0 7.5px; }
  .drawer-hamburger:hover { cursor: pointer; background-color: transparent; }
  .drawer-hamburger-icon { position: absolute; display: block; top: 10px; left: 0; right: 0; }
  .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { width: 25px; height: 2px; -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); background-color: #f9423a; margin: 0 auto; }
  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { position: absolute; top: -7px; left: 0; content: ' '; }
  .drawer-hamburger-icon:after { top: 7px; }
  .drawer-open .drawer-hamburger-icon { background-color: transparent; }
  .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after { top: 0; }
  .drawer-open .drawer-hamburger-icon:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .drawer-open .drawer-hamburger-icon:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
  .sr-only-focusable:active, .sr-only-focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; } }

/* フッターの「一般社団法人 日本経済団体連合会（経団連）」表示の削除 */  
#registration li:last-of-type {
  display: none;
}

/*# sourceMappingURL=common.css.map */