@charset "UTF-8";

.modparts-sprite {
    background-image: url('/_shared/images/root/common/modparts.png');
    background-repeat: no-repeat;
}

.modtab-sprite {
    background-image: url('/_shared/images/root/common/modtab.png');
    background-repeat: no-repeat;
}

.boarding-sprite {
    background-image: url('/_shared/images/root/common/boarding.png');
    background-repeat: no-repeat;
}

/**/
/* =========================================================
◆Link Style
========================================================= */
/**:focus { background-color: #ccffcc !important;
}
*/
a {
    color: #333333;
    text-decoration: none;
}

a:hover {
    color: #354f88;
    text-decoration: underline;
}

/* =========================================================
◆Wrap
========================================================= */
body {
    color: #333;
    font-family: 'Myriad Pro', 'Segoe UI', 'Helvetica', 'Arial', 'Verdana', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'HiraKakuProN-W3', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ヒラギノ角ゴ Pro W3', 'Noto Sans CJK JP', 'メイリオ', 'Meiryo', 'Roboto', 'Droid Sans', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-size: 14px;
}

#Wrap {
    position: relative;
    min-width: 1100px;
    margin: 0 auto;
}

#Wrap {
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'HiraKakuProN-W3', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ヒラギノ角ゴ Pro W3', 'Noto Sans CJK JP', 'メイリオ', 'Meiryo', 'Roboto', 'Droid Sans', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
}

#Wrap.en {
    font-family: 'Myriad Pro', 'Segoe UI', 'Helvetica', 'Arial', 'Verdana', 'Roboto', 'Droid Sans', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'HiraKakuProN-W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'Noto Sans CJK JP', 'Meiryo', 'Osaka', 'MS PGothic', 'sans-serif';
}

/* =========================================================
◆header上　イレギュラーパーツ
========================================================= */
#SpMode {
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 20;
    border-bottom: 1px solid #ddd;
}

#SpMode a {
    text-indent: -9999px;
    background: url(/_shared/images/root/common/header_for_sp.gif) center top no-repeat;
    width: 100%;
    height: 120px;
    display: block;
}

#EmergencyNotice {
    position: relative;
    z-index: 20;
    padding: 10px 0;
    font-weight: bold;
    border: solid #ffc600;
    border-width: 4px 0;
}

#EmergencyNotice dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#EmergencyNotice dl dt {
    background: url(/_shared/images/root/common/ico_notice_001.png) left center no-repeat;
    padding-left: 21px;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
    color: #333;
}

html[lang="en"] #EmergencyNotice dl dt {
    background-position: left top;
}

#EmergencyNotice dl dd a {
    font-weight: bold;
    color: #333;
}

/* =========================================================
◆header　ログイン前
========================================================= */
header {
    position: relative;
}

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

/*追従時*/
#HeadFixed {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 56px;
    margin: 0 auto;
    background-color: #fff;
    border-bottom: 1px #ddd solid;
    z-index: 61;
    min-width: 1080px;
}

#HeadFixed h1 {
    padding: 15px 0 15px;
    float: left;
}

#HeadFixed h1 a {
    display: block;
}

#HeadFixed .head-right {
    float: right;
    padding: 10px 0;
}

#HeadFixed .head-right > ul > li {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;
    height: 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#HeadFixed .head-right > ul > li span {
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#HeadFixed .head-right > ul > li span > * {
    vertical-align: middle;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

#HeadFixed .head-right > ul > li span:after {
    content: "";
    height: 100%;
    vertical-align: middle;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

#HeadFixed .head-right > ul > li.head-support {
    font-size: 85.71429%;
    position: relative;
    background: url(/_shared/images/root/common/ico_arrow_009.png) right center no-repeat;
}

#HeadFixed .head-right > ul > li.head-support span {
    padding-right: 12px;
    color: #333;
}

#HeadFixed .head-right > ul > li.head-support:before {
    top: 33px;
}

#HeadFixed .head-right > ul > li.head-support:after {
    top: 35px;
}

#HeadFixed .head-right > ul > li.btn {
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#HeadFixed .head-right > ul > li.btn span {
    padding: 0 20px;
}

/*展開*/
#HeadOpen {
    background: #fff;
    min-width: 1080px;
    height: 138px;
    margin: auto;
}

#HeadOpen .head-top {
    padding: 0 0 21px;
    min-height: 1px;
}

#HeadOpen .head-top .basic-inner {
    position: relative;
    /*&:after { @include cFix;
}*/
}

#HeadOpen h1 {
    padding-top: 17px;
}

#HeadOpen .head-right-wrap {
    position: absolute;
    right: 0;
    top: 0;
    border-top: 17px solid #fff;
    display: table;
}

#HeadOpen .head-right-wrap .inner {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

#HeadOpen .head-right-wrap .inner .top {
    font-size: 85.71429%;
    margin-bottom: 8px;
    padding-right: 20px;
}

#HeadOpen .head-right-wrap .inner .top ul {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: baseline;
    margin-right: 16px;
}

#HeadOpen .head-right-wrap .inner .top ul.mod-customSelect {
    position: relative;
}

#HeadOpen .head-right-wrap .inner .top ul.mod-customSelect .mod-option {
    display: none;
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    text-align: left;
}

#HeadOpen .head-right-wrap .inner .top ul.mod-customSelect .mod-option .mod-current {
    background: #fff;
    padding: 5px 10px;
    display: block;
}

#HeadOpen .head-right-wrap .inner .top ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 15px;
}

#HeadOpen .head-right-wrap .inner .top ul li.language-language {
    padding-right: 10px;
    border-right: 1px #ddd solid;
    background: url(/_shared/images/root/common/head_ico_lang.png) left center no-repeat;
}

#HeadOpen .head-right-wrap .inner .top ul li.language-language a {
    padding-left: 20px;
}

#HeadOpen .head-right-wrap .inner .top ul li.language-open {
    background: url(/_shared/images/root/common/ico_arrow_015.png) right center no-repeat;
    cursor: pointer;
}

#HeadOpen .head-right-wrap .inner .top ul li.language-open a {
    padding-right: 17px;
    padding-left: 10px;
}

#HeadOpen .head-right-wrap .inner .top ul.tour li {
    border: none;
    padding-right: 0;
    margin-right: 0;
}

#HeadOpen .head-right-wrap .inner .top ul.tour li > p {
    padding-left: 20px;
}

#HeadOpen .head-right-wrap .inner .top .search-box {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    position: relative;
}

#HeadOpen .head-right-wrap .inner .top .search-box #search {
    background: #f0f1f4;
    padding: 3px 26px 3px 5px;
    width: 230px;
    height: 24px;
    border: 1px solid #ddd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#HeadOpen .head-right-wrap .inner .top .search-box #btnG {
    position: absolute;
    right: 5px;
    top: 5px;
}

#HeadOpen .head-right-wrap .inner .btm {
    font-size: 85.71429%;
    padding-right: 20px;
}

#HeadOpen .head-right-wrap .inner .btm ul {
    text-align: right;
}

#HeadOpen .head-right-wrap .inner .btm ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#HeadOpen .head-right-wrap .inner .btm ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-left: 1px solid #333;
    padding: 0 10px;
    cursor: pointer;
    height: 15px;
}

#HeadOpen .head-right-wrap .inner .btm ul li:first-child {
    border-left: none;
    padding-left: 0;
}

#HeadOpen .head-right-wrap .inner .btm ul li.support-support {
    position: relative;
    background: url(/_shared/images/root/common/ico_arrow_015.png) right center no-repeat;
    padding-right: 0;
}

#HeadOpen .head-right-wrap .inner .btm ul li.support-faq > span {
    position: relative;
    background: url(/_shared/images/root/common/ico_arrow_015.png) right center no-repeat;
    padding-right: 17px;
}

#HeadOpen .head-right-wrap .inner .btm ul li.support-support a,
#HeadOpen .head-right-wrap .inner .btm ul li.support-support span {
    padding-right: 17px;
}

#HeadOpen .head-right-wrap .inner .btm ul li a {
    display: block;
}

#HeadOpen .head-right-wrap .inner.head-login-btn {
    background-color: #f0f1f4;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding-right: 10px;
    /*&:after { content: ""; background: url(/_shared/images/root/common/ico_arrow_008.png) right center no-repeat; display: block; width: 12px; height: 7px; top: 50%; right: 10px; margin-top: -4px; position: absolute;
}*/
}

#HeadOpen .head-right-wrap .inner.head-login-btn:hover {
    background-color: #e3e4e9;
}

#HeadOpen .head-right-wrap .inner.head-login-btn span {
    display: block;
    position: relative;
    padding: 10px 10px 10px 0;
    width: 95px;
    height: 100%;
    background: url(/_shared/images/root/common/ico_arrow_008.png) right center no-repeat;
}

#HeadOpen.first {
    overflow: hidden !important;
}

#HeadOpen.first .triangle:before {
    content: ' ';
    position: absolute;
    top: -23px;
    right: 40px;
    border-bottom: 13px #f0f1f4 solid;
    border-right: 9px transparent solid;
    border-left: 9px transparent solid;
}

#HeadOpen.close {
    overflow: hidden !important;
}

#HeadOpen.close .head-login-btn {
    background-color: #ffc600 !important;
}

#HeadOpen.close .head-login-btn:after {
    content: ' ';
}

#HeadOpen.close .head-login-btn span {
    background: url(/_shared/images/root/common/ico_arrow_006.png) right center no-repeat !important;
}

#HeadOpen.max .head-btm .triangle:after,
#HeadOpen.open .head-btm .triangle:after {
    content: '    ';
    position: absolute;
    top: -23px;
    right: 40px;
    border-bottom: 13px #f0f1f4 solid;
    border-right: 9px transparent solid;
    border-left: 9px transparent solid;
}

#HeadOpen .head-btm {
    position: relative;
    background: #f0f1f4;
    padding: 10px 0 10px;
    height: 131px;
    border-top: 1px #ddd solid;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#HeadOpen .head-btm .basic-inner {
    position: relative;
}

#HeadOpen #head-bnr-amc {
    position: absolute;
}

#HeadOpen #head-bnr-amc a {
    display: block;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#HeadOpen #head-bnr-amc a.top {
    margin-bottom: 11px;
}

#HeadOpen #head-bnr-amc a img {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#HeadOpen #head-bnr-amc a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

#HeadOpen #login-area {
    position: absolute;
    right: 0;
    width: 735px;
}

#HeadOpen #login-area .top {
    padding-bottom: 7px;
}

#HeadOpen #login-area .login-input {
    margin-bottom: 5px;
    height: 36px;
}

#HeadOpen #login-area .login-input:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#HeadOpen #login-area .login-input li {
    float: left;
    vertical-align: middle;
    margin-right: 20px;
    position: relative;
}

#HeadOpen #login-area .login-input li input[type="text"],
#HeadOpen #login-area .login-input li input[type="password"] {
    border: none;
    border: 1px solid #ddd;
    padding-left: 14px;
    width: 210px;
    height: 36px;
    line-height: 36px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#HeadOpen #login-area .login-input li input.input-select + span {
    display: none;
    color: #555555 !important;
}

#HeadOpen #login-area .login-input li span.cus-place,
#HeadOpen #login-area .login-input li span.pass-place {
    top: 0 !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", Arial, Helvetica, sans-serif, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
}

#HeadOpen #login-area .login-input li.btn-parts {
    margin-right: 10px;
    min-width: 105px;
}

#HeadOpen #login-area .login-input li.btn-parts p {
    padding: 0;
    height: 36px;
    line-height: 36px;
    position: relative;
    z-index: 0;
}

#HeadOpen #login-area .login-input li.btn-parts .btn-login {
    border: none;
    padding: 0;
    display: block;
    margin: 0;
    width: 100%;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 85.71429%;
}

#HeadOpen #login-area .login-input li.btn-parts .btn-login span {
    display: block;
    padding: 10px 20px;
}

#HeadOpen #login-area .login-input li.btn-parts .btn-login::-moz-focus-inner {
    border-width: 0 !important;
    border: none;
}

#HeadOpen #login-area .login-input li.btn-parts .btn-other {
    font-size: 85.71429%;
}

#HeadOpen #login-area .login-input li.btn-parts .btn-other p {
    padding: 0 18px;
}

#HeadOpen #login-area .login-input li.last {
    margin-right: 0;
}

#HeadOpen #login-area .btm {
    font-size: 85.71429%;
    padding-bottom: 10px;
    min-height: 1px;
}

#HeadOpen #login-area .btm .list-arrow {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 9px;
    margin-bottom: 9px;
}

#HeadOpen #login-area .btm .list-arrow li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-right: 9px;
    margin-bottom: 0;
    width: 210px;
}

#HeadOpen #login-area .btm .list-arrow li input {
    margin-right: 5px;
}

#HeadOpen #login-area .other-login {
    float: right;
}

#HeadOpen #login-area .other-login li {
    display: inline-block;
    margin-right: 10px;
}

#HeadOpen #login-area .other-login li a,
#HeadOpen #login-area .other-login li #snsOpenBtn {
    padding: 8px 20px;
    width: auto;
}

#HeadOpen #login-area .other-login li.last-box {
    margin-right: 0;
    display: inline-block;
}

#HeadOpen #login-area .other-login li.last-box #snsOpenBtn {
    position: relative;
    padding-right: 33px;
}

#HeadOpen #login-area .other-login li.last-box #snsOpenBtn:after {
    content: "";
    background: url(/_shared/images/root/common/ico_arrow_010.png) left top no-repeat;
    display: block;
    width: 7px;
    height: 5px;
    position: absolute;
    margin-top: -2px;
    top: 50%;
    right: 10px;
}

#HeadOpen #login-area .skeyOuter {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding-top: 8px;
    width: auto;
}

#HeadOpen #login-area .skeyOuter a {
    background: url(/_shared/images/root/common/ico_Keyboard_001.png) left center no-repeat;
    padding-left: 30px;
}

.login #HeadOpen .head-right-wrap .top,
.login #HeadOpen .head-right-wrap .btm {
    padding-right: 0;
}

/*********************************
◎一般（AMC）会員　ここから
*********************************/
.login {
    /* アップグレート出しわけ */
    /*********************************
◎一般（AMC）会員　ここまで
*********************************/
    /*********************************
◎ACH会員　ここから
*********************************/
    /*********************************
◎ダイヤモンド会員　ここまで
*********************************/
    /*********************************
◎ダイヤモンド会員　ここから
*********************************/
    /*********************************
◎ダイヤモンド会員　ここまで
*********************************/
    /*********************************
◎プラチナ会員　ここから
*********************************/
    /*********************************
◎プラチナ会員　ここまで
*********************************/
    /*********************************
◎ブロンズ会員　ここから
*********************************/
    /*********************************
◎ブロンズ会員　ここまで
*********************************/
    /*********************************
◎SFC会員　ここから
*********************************/
}

.login #point-area .point-list li.upgrade {
    display: table-cell;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.login #point-area .point-list .point-data-year {
    display: none;
}

.login.upgrademember #point-area .point-list li.upgrade {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.login.upgrademember #point-area .point-list li.upgrade .point-data-year {
    display: none;
}

.login.upgradeyear #point-area .point-list li.upgrade .point-data-year {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

.login #HeadOpen .login-name-area .disp-dia,
.login #HeadOpen .login-name-area .disp-plt,
.login #HeadOpen .login-name-area .disp-sfc,
.login #HeadOpen .login-name-area .disp-brz,
.login #HeadOpen .login-name-area .disp-ach {
    display: none;
}

.login.card #HeadOpen .login-name-area .disp-dia,
.login.card #HeadOpen .login-name-area .disp-plt,
.login.card #HeadOpen .login-name-area .disp-brz,
.login.card #HeadOpen .login-name-area .disp-sfc,
.login.card #HeadOpen .login-name-area .disp-amc {
    display: none;
}

.login.card #HeadOpen .login-name-area .disp-ach {
    display: block;
}

.login.card.sfc #HeadOpen .login-name-area .disp-dia,
.login.card.sfc #HeadOpen .login-name-area .disp-plt,
.login.card.sfc #HeadOpen .login-name-area .disp-brz,
.login.card.sfc #HeadOpen .login-name-area .disp-sfc,
.login.card.sfc #HeadOpen .login-name-area .disp-ach,
.login.card.sfc #HeadOpen .login-name-area .disp-amc {
    display: none;
}

.login.card.sfc #HeadOpen .login-name-area .disp-sfc {
    display: block;
}

.login.card.dia #HeadOpen .login-name-area .disp-dia,
.login.card.dia #HeadOpen .login-name-area .disp-plt,
.login.card.dia #HeadOpen .login-name-area .disp-brz,
.login.card.dia #HeadOpen .login-name-area .disp-sfc,
.login.card.dia #HeadOpen .login-name-area .disp-ach {
    display: none;
}

.login.card.dia #HeadOpen .login-name-area .disp-dia {
    display: block;
}

.login.dia #HeadOpen .login-name-area .disp-plt,
.login.dia #HeadOpen .login-name-area .disp-brz,
.login.dia #HeadOpen .login-name-area .disp-sfc,
.login.dia #HeadOpen .login-name-area .disp-amc {
    display: none;
}

.login.dia #HeadOpen .login-name-area .disp-dia {
    display: block;
}

.login.dia.sfc #HeadOpen .login-name-area .disp-plt,
.login.dia.sfc #HeadOpen .login-name-area .disp-brz,
.login.dia.sfc #HeadOpen .login-name-area .disp-sfc,
.login.dia.sfc #HeadOpen .login-name-area .disp-amc {
    display: none;
}

.login.dia.sfc #HeadOpen .login-name-area .disp-dia {
    display: block;
}

.login.plt #HeadOpen .login-name-area .disp-dia,
.login.plt #HeadOpen .login-name-area .disp-brz,
.login.plt #HeadOpen .login-name-area .disp-sfc,
.login.plt #HeadOpen .login-name-area .disp-ach,
.login.plt #HeadOpen .login-name-area .disp-amc {
    display: none;
}

.login.plt #HeadOpen .login-name-area .disp-plt {
    display: block;
}

.login.plt.sfc #HeadOpen .login-name-area .disp-dia,
.login.plt.sfc #HeadOpen .login-name-area .disp-brz,
.login.plt.sfc #HeadOpen .login-name-area .disp-sfc,
.login.plt.sfc #HeadOpen .login-name-area .disp-ach,
.login.plt.sfc #HeadOpen .login-name-area .disp-amc {
    display: none;
}

.login.plt.sfc #HeadOpen .login-name-area .disp-plt {
    display: block;
}

.login.brz #HeadOpen .login-name-area .disp-dia,
.login.brz #HeadOpen .login-name-area .disp-plt,
.login.brz #HeadOpen .login-name-area .disp-sfc,
.login.brz #HeadOpen .login-name-area .disp-ach,
.login.brz #HeadOpen .login-name-area .disp-amc {
    display: none;
}

.login.brz #HeadOpen .login-name-area .disp-brz {
    display: block;
}

.login.brz.sfc #HeadOpen .login-name-area .disp-dia,
.login.brz.sfc #HeadOpen .login-name-area .disp-plt,
.login.brz.sfc #HeadOpen .login-name-area .disp-brz,
.login.brz.sfc #HeadOpen .login-name-area .disp-ach,
.login.brz.sfc #HeadOpen .login-name-area .disp-amc {
    display: none;
}

.login.brz.sfc #HeadOpen .login-name-area .disp-sfc {
    display: block;
}

.login.sfc #HeadOpen .login-name-area .disp-dia,
.login.sfc #HeadOpen .login-name-area .disp-plt,
.login.sfc #HeadOpen .login-name-area .disp-brz,
.login.sfc #HeadOpen .login-name-area .disp-ach,
.login.sfc #HeadOpen .login-name-area .disp-amc {
    display: none;
}

.login.sfc #HeadOpen .login-name-area .disp-sfc {
    display: block;
}

/*********************************
◎SFC会員　ここまで
*********************************/
/* =========================================================
◆headerログイン前（SSL,他社IDログイン切り替え部分）
========================================================= */
#snsOpenBtn {
    display: none;
}

#HeadOpen .other-login li > div {
    display: none;
}

#HeadOpen .other-login li.isHttps {
    display: none !important;
}

.dom #HeadOpen .other-login li .disp-dom {
    display: block;
}

.dom #snsOpenBtn.disp-dom {
    display: block;
}

.int #HeadOpen .other-login li .disp-int {
    display: inline-block;
}

.int #snsOpenBtn.disp-int {
    display: block;
}

.amc #HeadOpen .other-login li .disp-amc {
    display: inline-block;
}

.amc #snsOpenBtn.disp-amc {
    display: block;
}

.domtour #HeadOpen .other-login li .disp-domtour {
    display: inline-block;
}

.domtour #snsOpenBtn.disp-domtour {
    display: block;
}

.inttour #HeadOpen .other-login li .disp-inttour {
    display: inline-block;
}

.inttour #snsOpenBtn.disp-inttour {
    display: block;
}

/* =========================================================
ログインモーダル
========================================================= */
#login-module-wrapper {
    margin: 0 auto;
    min-width: 1080px;
    position: relative;
}

.loginHelp-wrap {
    display: none;
}

#loginHelp .loginHelp-area {
    padding: 30px;
    background-color: #eff0f4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#loginHelp .loginHelp-area:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#loginHelp .loginHelp-area h2 {
    padding-bottom: 30px;
    width: 100%;
    color: #333;
    font-weight: normal;
    font-size: 171.42857%;
}

#loginHelp .loginHelp-area h3 {
    line-height: 20px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 142.85714%;
}

#loginHelp .loginHelp-left {
    float: left;
    width: 700px;
    padding-right: 20px;
}

#loginHelp .loginHelp-left .txt {
    margin-bottom: 30px;
    color: #da0303;
    text-align: center;
}

#loginHelp .loginHelp-left .card-area {
    text-align: center;
}

#loginHelp .loginHelp-left .card-area ul.card-area-list {
    text-align: center;
}

#loginHelp .loginHelp-left .card-area .card-area-list li {
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

#loginHelp .loginHelp-left .card-area .card-area-list li span {
    display: block;
    margin-top: 10px;
    font-size: 85.71429%;
}

#loginHelp .loginHelp-left .card-area .card_02 {
    padding-top: 34px;
}

#loginHelp .loginHelp-left .card-area .small {
    clear: both;
    color: #666;
    padding: 20px 0 40px 0;
    font-size: 85.71429%;
}

#loginHelp .loginHelp-left .loginHelp-list:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#loginHelp .loginHelp-left .loginHelp-list li {
    float: left;
    background: #13448f;
    display: table;
    width: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#loginHelp .loginHelp-left .loginHelp-list li.panel_loginHelp {
    border: 1px #ddd solid;
    background: #fff;
    left: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#loginHelp .loginHelp-left .loginHelp-list li.close {
    border: 1px #ddd solid;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#loginHelp .loginHelp-left .loginHelp-list li a,
#loginHelp .loginHelp-left .loginHelp-list li span {
    display: table-cell;
    height: 67px;
    vertical-align: middle;
    color: #fff;
    padding: 15px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#loginHelp .loginHelp-left .loginHelp-list li span {
    cursor: pointer;
    color: #333;
    position: relative;
    /*&:after { position: absolute; content: ""; display: block; background: url(/_shared/images/root/common/ico_arrow_006.png) left top no-repeat; width: 2px; height: 7px; margin-top: -3px; top: 50%; right: 15px;
}*/
}

#loginHelp .loginHelp-left ul.loginHelp-list {
    position: relative;
}

#loginHelp .loginHelp-left li.loginHelp-list_btn {
    width: 310px;
    position: relative;
}

#loginHelp .loginHelp-left li.loginHelp-list_btn a {
    padding: 25px !important;
    height: auto !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#loginHelp .loginHelp-left li.loginHelp-list_btn a:before {
    position: absolute;
    content: "";
    display: block;
    background: url(/_shared/images/root/common/ico_arrow_007.png) left top no-repeat;
    width: 8px;
    height: 13px;
    margin-top: -6px;
    top: 50%;
    right: 15px;
}

#loginHelp .loginHelp-left li.loginHelp-list_btn a:hover {
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#loginHelp .loginHelp-left li.loginHelp-list_btn:hover {
    background-color: #2b589b;
}

#loginHelp .loginHelp-left li.panel_loginHelp {
    width: 310px;
    position: relative;
}

#loginHelp .loginHelp-left li.panel_loginHelp:before {
    display: block;
    position: absolute;
    content: "";
    background: url(/_shared/images/root/common/ico_arrow_006.png) left top no-repeat;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    width: 12px;
    height: 7px;
}

#loginHelp .loginHelp-left li.panel_loginHelp.close span {
    margin-left: 20px;
}

#loginHelp .loginHelp-left li.panel_loginHelp.open {
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0;
}

#loginHelp .loginHelp-left li.panel_loginHelp.open:before {
    content: " ";
    background: url(/_shared/images/root/common/ico_arrow_008.png) left top no-repeat;
}

#loginHelp .loginHelp-left li.panel_loginHelp.open:after {
    display: block;
    position: absolute;
    content: "";
    width: 310px;
    left: 0px;
    top: 100%;
    height: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#loginHelp .loginHelp-left section {
    padding: 30px;
    background-color: #fff;
    margin-bottom: 30px;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#loginHelp .loginHelp-left section h3 {
    margin-bottom: 30px;
    font-size: 142.85714%;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
}

#loginHelp .loginHelp-left section span {
    padding: 25px;
}

#loginHelp .loginHelp-left .loginHelp-open-area {
    display: none;
    line-height: 1.5;
    -moz-border-radius: 4px 0 4px 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 4px 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner {
    border: 1px #ddd solid;
    padding: 30px 30px;
    background-color: #eff0f4;
    text-align: left;
    width: 100%;
    margin-top: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px 0 4px 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 4px 4px;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl dt {
    display: block;
    border-bottom: 1px #bbb dotted;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl dd + dd {
    border-top: 1px #bbb dotted;
    margin-top: 30px;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl .txt {
    line-height: 1.5em;
    margin-top: 10px;
    color: #333;
    text-align: left;
    margin-bottom: 30px;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl .txt_01 {
    line-height: 1.5em;
    margin-top: 10px;
    color: #333;
    text-align: left;
    margin-bottom: 30px;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl .inner_txt_1 {
    line-height: 1.5em;
    margin-top: 10px;
    color: #333;
    text-align: left;
    margin-bottom: 30px;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl .link {
    text-align: center;
    margin: 0 auto;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl .link a {
    padding: 15px 40px 15px 20px;
    display: inline-block;
    position: relative;
    color: #fff;
    background-color: #13448f;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl .link a:hover {
    text-decoration: none;
    background-color: #2b589b;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl .link a:after {
    display: block;
    position: absolute;
    content: "";
    background: url(/_shared/images/root/common/ico_arrow_007.png) left top no-repeat #13448f;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    width: 7px;
    height: 11px;
}

#loginHelp .loginHelp-left .loginHelp-open-area .open-inner dl .link a + a {
    margin-left: 10px;
}

#loginHelp .loginHelp-left .btm {
    margin-top: 20px;
}

#loginHelp .loginHelp-right {
    float: right;
    width: 300px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#loginHelp .loginHelp-right p {
    border-bottom: 1px dotted #ddd;
    line-height: 1.5em;
    padding: 30px 0;
    text-align: center;
    font-size: 114.28571%;
}

#loginHelp .loginHelp-right li {
    border-top: 1px dotted #ddd;
}

#loginHelp .loginHelp-right li:first-child {
    border-top: none;
}

#loginHelp .loginHelp-right li a {
    display: block;
    padding: 20px 55px;
    position: relative;
}

#loginHelp .loginHelp-right li a:before {
    content: "";
    display: block;
    position: absolute;
    background: url(/_shared/images/root/common/ico_question_001.png) left top no-repeat;
    width: 22px;
    height: 24px;
    margin-top: -12px;
    top: 50%;
    left: 20px;
}

#loginHelp .loginHelp-right li a:after {
    content: "";
    display: block;
    position: absolute;
    background: url(/_shared/images/root/common/ico_arrow_001.png) left top no-repeat;
    width: 8px;
    height: 13px;
    margin-top: -6px;
    top: 50%;
    right: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #loginHelp .loginHelp-area .loginHelp-left section li.panel_loginHelp.open:after {
        left: -1px;
    }
}

/* サポート */
.support-cont ul {
    margin-right: -20px;
    overflow: hidden;
}

.support-cont ul li.sup-none {
    display: none;
}

.qtip-fixed .support-cont ul li.sup-none {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
}

.support-cont {
    position: relative;
    width: 448px;
    overflow: hidden;
    display: none;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.support-cont h1 {
    text-align: left;
    color: #fff;
    padding: 15px 20px;
    float: none;
    background: #134490;
    position: relative;
    font-weight: normal;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0;
    font-size: 114.28571%;
}

.support-cont h1:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 218px;
    border-bottom: 12px #134490 solid;
    border-right: 9px transparent solid;
    border-left: 9px transparent solid;
}

.support-cont h1 .sup-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px !important;
    color: #fff !important;
    cursor: pointer;
    display: none;
}

.support-cont .inner {
    padding: 5px 20px 20px 20px;
    background: #fff;
}

.support-cont ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.support-cont ul li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 49%;
    padding-right: 20px;
    padding-top: 15px;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.support-cont ul li a {
    display: block;
    padding-left: 15px;
    position: relative;
}

.support-cont ul li a:before {
    content: "";
    background: url(/_shared/images/root/common/ico_arrow_003.png) left center no-repeat;
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: 7px;
}

/* ログイン後サポートのみ位置修正 */
.login .support-support.active-arrow:before,
.login .support-support.active-arrow:after {
    top: 15px;
    right: 10px;
}

.language-wrap {
    display: none;
    background: #fff;
}

.language-wrap h1 {
    float: none;
    padding: 15px 20px;
}

.language-cont {
    display: block !important;
    position: relative;
    width: 265px;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.language-cont h1 {
    text-align: left;
    color: #fff;
    padding: 15px 20px;
    float: none;
    background: #134490;
    position: relative;
    font-weight: normal;
    font-size: 114.28571%;
}

.language-cont h1:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 218px;
    border-bottom: 12px #134490 solid;
    border-right: 9px transparent solid;
    border-left: 9px transparent solid;
}

.language-cont h1 .small-cont {
    display: block;
    margin-bottom: 5px;
    font-size: 85.71429%;
}

.language-cont h1 .sup-close {
    display: none;
}

.language-cont .inner {
    width: 265px;
    padding: 20px;
    background: #fff;
    text-align: left !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.language-cont ul {
    display: block !important;
}

.language-cont ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.language-cont ul li a {
    display: block;
    padding-left: 15px;
    position: relative;
}

.language-cont ul li a:before {
    content: "";
    background: url(/_shared/images/root/common/ico_arrow_003.png) left center no-repeat;
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: 7px;
}

/* -------------------------------------------------- [ SNS AREA ] -------------------------------------------------- */
#snsLoginBtnArea,
.login #HeadOpen #login-detaile .otherid {
    position: relative;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.qtip-content #snsLogin_area {
    display: block !important;
}

#snsLogin_area {
    background: #fff;
    width: 272px;
    text-align: center;
    margin: 0;
    padding: 0;
    /*&:before { content: ' '; position: absolute; top: -13px; right: 60px; border-bottom: 13px #ddd solid; border-right: 9px transparent solid; border-left: 9px transparent solid; }
 &:after { content: ' '; position: absolute; top: -11px; right: 60px; border-bottom: 13px #134490 solid; border-right: 9px transparent solid; border-left: 9px transparent solid; }
 h1::after { border-bottom: 12px solid #134490; border-left: 9px solid transparent; border-right: 9px solid transparent; content: " "; position: absolute; top: 0; }*/
}

#snsLogin_area .inner {
    padding: 20px 20px 10px;
    min-height: 91px;
}

#snsLogin_area h1 {
    background: #134490 none repeat scroll 0 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    float: none;
    padding: 15px 20px;
    text-align: left;
    position: relative;
    font-weight: normal;
    font-size: 114.28571%;
}

#snsLogin_area .snsLoginTxtNav {
    line-height: 1.5;
    color: #333;
    font-weight: normal;
    padding: 0;
    margin: 0 auto;
    min-width: 230px;
    padding-bottom: 7px;
    clear: both;
    text-align: center;
}

#snsLogin_area span.sup-close {
    display: none;
    right: 0;
    top: 0;
}

div#componentDiv_login {
    margin: auto;
    text-align: center;
    padding: 0;
    font-size: 85.71429%;
    line-height: 1.3;
    color: #f00;
}

div#componentDiv_login.componentDiv_login_message {
    margin-top: -10px;
}

/* =========================================================
◆header　ログイン後
========================================================= */
.login #tooltip {
    position: absolute;
    z-index: 100;
}

.login #HeadFixed .head-right > ul > li {
    cursor: pointer;
    float: left;
    height: 35px;
    margin-right: 10px;
}

.login .help-non {
    display: none;
}

.login #HeadOpen {
    height: auto;
    overflow: visible !important;
    /*一般(AMC)　会員*/
}

.login #HeadOpen .head-top {
    min-height: 64px;
}

.login #HeadOpen .head-top .inner.btn a {
    background: #f0f1f4;
    display: block;
    padding: 10px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.login #HeadOpen .head-top .inner.btn.first {
    padding-right: 10px;
}

.login #HeadOpen .head-btm {
    padding: 0;
    height: auto;
}

.login #HeadOpen #login-data {
    height: 80px;
    /* 閉じるボタン*/
}

.login #HeadOpen #login-data:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.login #HeadOpen #login-data .login-name-area {
    padding-top: 10px;
    float: left;
    width: 718px;
}

.login #HeadOpen #login-data .status-icon {
    width: 95px;
    height: 60px;
    float: left;
    margin-right: 20px;
}

.login #HeadOpen #login-data .login-personal-info {
    float: left;
    margin-right: 15px;
    width: 430px;
}

.login #HeadOpen #login-data .login-name {
    font-weight: bold;
    margin-bottom: 3px;
    padding-top: 2px;
    font-size: 157.14286%;
}

.login #HeadOpen #login-data .personal-info {
    display: table-cell;
    height: 28px;
    vertical-align: middle;
    font-size: 85.71429%;
}

.login #HeadOpen #login-data .basic-inner {
    position: relative;
    padding-bottom: 10px;
}

.login #HeadOpen #login-data .basic-inner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.login #HeadOpen #login-data #toggle-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 13px;
    width: 117px;
    text-align: center;
    cursor: pointer;
    font-size: 85.71429%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
}

.login #HeadOpen #login-data #toggle-btn:after {
    content: "マイル残高";
    text-align: center;
    display: block;
    padding-right: 10px;
    background: url(/_shared/images/root/common/ico_arrow_006.png) right center no-repeat;
}

.login #HeadOpen #login-data #toggle-btn.open:after {
    content: "閉じる";
    display: block;
    padding-right: 10px;
    background: url(/_shared/images/root/common/ico_arrow_008.png) right center no-repeat;
}

.login #HeadOpen .head_btn_list {
    float: right;
}

.login #HeadOpen .head_btn_list .btn {
    height: 60px;
    text-align: center;
    display: table;
    margin-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*& > * { vertical-align: middle;
 @include inline-block; }
 &:before { content: ""; height: 100%; vertical-align: middle; width: 0px;
 @include inline-block; }*/
}

.login #HeadOpen .head_btn_list .btn.btn-mymenu {
    background: #ffc600;
    border: 1px solid #fff;
    margin-right: 0;
    text-align: left;
    font-weight: normal;
    width: 155px;
    font-size: 114.28571%;
}

.login #HeadOpen .head_btn_list .btn.btn-mymenu:hover {
    text-decoration: none;
    background-color: #ffdd67;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.login #HeadOpen .head_btn_list .btn.btn-mymenu a {
    background: url(/_shared/images/root/common/ico_mymenu_001.png) 20px 15px no-repeat;
    background-size: 11px;
    padding-left: 40px;
    color: #333;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
}

.login #HeadOpen .head_btn_list .btn.btn-mymenu span {
    font-weight: normal;
    font-size: 75%;
}

.login #HeadOpen #login-detaile {
    float: right;
    padding-top: 10px;
    color: #fff;
    width: 350px;
    font-size: 85.71429%;
}

.login #HeadOpen #login-detaile .time {
    padding-right: 20px;
    text-align: right;
}

.login #HeadOpen #login-detaile .reload {
    position: absolute;
    text-indent: -9999px;
    top: 10px;
    right: 0;
}

.login #HeadOpen #login-detaile .reload a {
    width: 12px;
    height: 14px;
    background: url(/_shared/images/root/common/ico_reload_001.png) left top no-repeat;
    display: block;
}

.login #HeadOpen #login-detaile .reload a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.login #HeadOpen #login-detaile .list-inline {
    position: absolute;
    bottom: 10px;
}

.login #HeadOpen #login-detaile .list-inline a {
    color: #fff;
}

.login #HeadOpen #login-detaile .otherid {
    background: url(/_shared/images/root/common/ico_arrow_004.png) left center no-repeat;
    padding-left: 15px;
}

.login #HeadOpen #login-detaile .otherid p:hover {
    text-decoration: underline;
}

.login #HeadOpen #login-detaile .logout {
    background: url(/_shared/images/root/common/ico_logout_001.png) right center no-repeat;
    margin-right: 0;
    padding-right: 20px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.login #HeadOpen #login-data {
    background: url(/_shared/images/root/common/head_bg_amc.png) center top no-repeat;
}

.login #point-area {
    background: #fff;
    display: none;
}

.login #point-area .point-list {
    padding: 10px 0;
    display: table;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* .linkBox .pointnum a:after { display: block; content: ""; position: absolute; top: 50%; right: 10px; margin-top: -6px; width: 8px; height: 13px; background: url(/_shared/images/root/common/ico_arrow_001.png) left top no-repeat; }*/
}

.login #point-area .point-list li {
    border-left: 1px solid #dddddd;
    display: table-cell;
    width: 180px;
    vertical-align: middle;
    padding: 0 10px 0 20px;
    position: relative;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.login #point-area .point-list li.premium-point {
    width: 360px;
}

.login #point-area .point-list li.upgrade {
    width: auto;
}

.login #point-area .point-list li dt {
    margin-bottom: 5px;
    font-size: 85.71429%;
}

.login #point-area .point-list li dd {
    font-weight: bold;
    color: #13448f;
    font-size: 114.28571%;
}

.login #point-area .point-list li dd a {
    color: #13448f;
}

.login #point-area .point-list .pointnum {
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

.login #point-area .pointnum a {
    background: url(/_shared/images/root/common/ico_arrow_001.png) right center no-repeat;
    padding-right: 15px;
}

.login #point-area .upgrade {
    padding-right: 0 !important;
}

.login #point-area .upgrade dl,
.login #point-area .upgrade .point,
.login #point-area .upgrade .point-data-year {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    cursor: pointer;
    vertical-align: middle;
}

.login #point-area .upgrade dl {
    width: 174px;
}

.login #point-area .upgrade .point-data-year {
    background: #e9eef4;
    padding: 10px 0;
    width: 160px;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 85.71429%;
}

.login #point-area .upgrade .point-data-year .pointnum {
    font-weight: bold;
    color: #13448f;
}

.login #HeadFixed {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    height: 56px;
}

.login #HeadFixed .head-right {
    position: relative;
}

.login #HeadFixed .head-right:before {
    content: "";
    display: block;
    width: 2000px;
    height: 56px;
    top: 0;
    left: -10px;
    position: absolute;
    background: url(/_shared/images/root/common/head_bg_fixed_amc.png) center left no-repeat;
}

.login #HeadFixed .head-right > ul > li.head-support {
    background: url("/_shared/images/root/common/ico_arrow_013.png") right center no-repeat;
    position: relative;
}

.login #HeadFixed .head-right > ul > li {
    cursor: pointer;
    float: left;
    height: 35px;
}

.login #HeadFixed .head-right > ul > li.head-support span,
.login #HeadFixed .head-right > ul > li.support-contact a {
    color: #fff;
    padding-right: 12px;
}

.login #HeadFixed .head-right > ul > li.head-support span:hover,
.login #HeadFixed .head-right > ul > li.support-contact a:hover {
    text-decoration: underline;
}

.login.card {
    /*ACH　会員*/
}

.login.card #HeadOpen #login-data {
    background: url(/_shared/images/root/common/head_bg_ach.png) center top no-repeat;
}

.login.card #HeadFixed .head-right:before {
    content: "";
    display: block;
    width: 2000px;
    height: 56px;
    top: 0;
    left: -10px;
    position: absolute;
    background: url(/_shared/images/root/common/head_bg_fixed_ach.png) center left no-repeat;
}

.login.dia,
.login.dia.card {
    /*ダイアモンド　会員*/
}

.login.dia #HeadOpen #login-data,
.login.dia.card #HeadOpen #login-data {
    background: url(/_shared/images/root/common/head_bg_dia.png) center top no-repeat !important;
}

.login.dia #HeadFixed .head-right:before,
.login.dia.card #HeadFixed .head-right:before {
    content: "";
    display: block;
    width: 2000px;
    height: 56px;
    top: 0;
    left: -10px;
    position: absolute;
    background: url(/_shared/images/root/common/head_bg_fixed_dia.png) center left no-repeat !important;
}

.login.plt,
.login.plt.card {
    /*プラチナ　会員*/
}

.login.plt #HeadOpen #login-data,
.login.plt.card #HeadOpen #login-data {
    background: url(/_shared/images/root/common/head_bg_plt.png) center top no-repeat !important;
}

.login.plt #HeadFixed .head-right:before,
.login.plt.card #HeadFixed .head-right:before {
    content: "";
    display: block;
    width: 2000px;
    height: 56px;
    top: 0;
    left: -10px;
    position: absolute;
    background: url(/_shared/images/root/common/head_bg_fixed_plt.png) center left no-repeat !important;
}

.login.brz,
.login.brz.card {
    /*ブロンズ　会員*/
}

.login.brz #HeadOpen #login-data,
.login.brz.card #HeadOpen #login-data {
    background: url(/_shared/images/root/common/head_bg_brz.png) center top no-repeat;
}

.login.brz #HeadFixed .head-right:before,
.login.brz.card #HeadFixed .head-right:before {
    content: "";
    display: block;
    width: 2000px;
    height: 56px;
    top: 0;
    left: -10px;
    position: absolute;
    background: url(/_shared/images/root/common/head_bg_fixed_brz.png) center left no-repeat;
}

.login.sfc,
.login.sfc.card {
    /*SFC　会員*/
}

.login.sfc #HeadOpen #login-data,
.login.sfc.card #HeadOpen #login-data {
    background: url(/_shared/images/root/common/head_bg_sfc.png) center top no-repeat;
}

.login.sfc #HeadFixed .head-right:before,
.login.sfc.card #HeadFixed .head-right:before {
    content: "";
    display: block;
    width: 2000px;
    height: 56px;
    top: 0;
    left: -10px;
    position: absolute;
    background: url(/_shared/images/root/common/head_bg_fixed_sfc.png) center left no-repeat;
}

/* =========================================================
◆Gnav
========================================================= */
#Gnav {
    text-align: center;
    position: relative;
    background: #13448f;
    border-top: 1px solid #fff;
    min-width: 1080px;
}

#Gnav > ul {
    min-height: 1px;
    width: 1080px;
    margin: 0 auto;
    position: relative;
}

#Gnav > ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#Gnav > ul > li {
    width: 180px;
    float: left;
    background: #13448f;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#Gnav > ul > li > a {
    display: block;
    padding: 20px 0;
    position: relative;
    z-index: 10;
    color: #fff;
    cursor: pointer;
}

#Gnav > ul > li > a:hover {
    text-decoration: none;
    background: #2b579a;
}

#Gnav > ul > li.current {
    background: #0f2e5d;
}

#Gnav > ul > li.current > a {
    z-index: 21;
    top: 100%;
    left: 0;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 25px;
    position: relative;
}

#Gnav > ul > li.current > a:after {
    content: "";
    background: url(/_shared/images/root/common/ico_arrow_011.png) center center no-repeat #13448f;
    position: absolute;
    display: block;
    left: 20px;
    padding-left: 20px;
    width: 140px;
    height: 14px;
    line-height: 32px;
    font-size: 85.71429%;
    color: #fff;
    text-align: left;
    cursor: pointer;
    bottom: 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#Gnav > ul > li.current > a:hover {
    background: #0f2e5d;
}

#Gnav > ul > li.current > a:hover:after {
    background: url(/_shared/images/root/common/ico_arrow_011.png) center center no-repeat #2b579a;
}

#Gnav > ul > li.current.open .toggle {
    display: block;
}

#Gnav > ul > li.current.open .toggle:after {
    background: url(/_shared/images/root/common/ico_arrow_012.png) right 10px center no-repeat #2b579a;
}

#Gnav > ul > li.travel {
    padding: 10px 0 10px 10px;
}

#Gnav > ul > li.travel a {
    background: #4269a5;
    padding: 10px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#Gnav > ul > li.travel a:hover {
    background-color: #5578ae;
}

#Gnav > ul > li .gnavTab {
    display: none;
    width: 1080px;
    position: absolute;
    left: 0;
    top: 57px;
    z-index: 59;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#Gnav > ul > li .gnavTab .gnavBg {
    background: #13448f;
    padding: 20px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
}

#Gnav > ul > li .gnavTab .inner {
    margin-bottom: 0;
    position: relative;
    background: #f0f1f4;
    text-align: left;
    padding: 30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#Gnav > ul > li .gnavTab .inner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#Gnav > ul > li .gnavTab .inner .close {
    content: '';
    background: url(/_shared/images/root/common/gnav_ico_close.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30px;
    right: 40px;
    cursor: pointer;
}

#Gnav > ul > li .gnavTab .inner h1 {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 157.14286%;
}

#Gnav > ul > li .gnavTab .inner h1 span {
    font-size: 63.63636%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding-left: 20px;
    font-weight: normal;
}

#Gnav > ul > li .gnavTab .inner h1 span a {
    background: url(/_shared/images/root/common/ico_arrow_003.png) left center no-repeat;
    padding-left: 10px;
}

#Gnav > ul > li .gnavTab .inner .left {
    width: 460px;
    padding-right: 30px;
    float: left;
}

#Gnav > ul > li .gnavTab .inner .left.bdr-none {
    border: none;
}

#Gnav > ul > li .gnavTab .inner .left.tour-left {
    padding-right: 20px;
    width: 486px;
}

#Gnav > ul > li .gnavTab .inner .left.tour-left .inner div {
    width: 253px;
}

#Gnav > ul > li .gnavTab .inner .left.tour-left .inner div .megamenu-list {
    margin-right: 33px;
}

#Gnav > ul > li .gnavTab .inner .left.amc-left {
    width: 220px;
}

#Gnav > ul > li .gnavTab .inner .left .inner {
    margin-right: -20px;
    padding: 0;
}

#Gnav > ul > li .gnavTab .inner .left .inner div {
    width: 240px;
    float: left;
}

#Gnav > ul > li .gnavTab .inner .left .inner .megamenu-list .ttl {
    font-size: 114.28571%;
    font-weight: normal;
    border-bottom: 1px solid #13448f;
    padding-bottom: 10px;
    position: relative;
}

#Gnav > ul > li .gnavTab .inner .left .inner .megamenu-list .ttl a {
    display: block;
    padding-right: 25px;
}

#Gnav > ul > li .gnavTab .inner .left .inner .megamenu-list .ttl a:after {
    background: url("/_shared/images/root/common/ico_arrow_001.png") left top no-repeat;
    content: "";
    display: block;
    height: 13px;
    margin-top: -14px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
}

#Gnav > ul > li .gnavTab .inner .left .inner .megamenu-list .ttl_01 {
    font-size: 114.28571%;
    font-weight: normal;
    border-bottom: 1px solid #13448f;
    padding: 30px 0 10px 0;
    position: relative;
}

#Gnav > ul > li .gnavTab .inner .left .inner .megamenu-list .ttl_01 a {
    display: block;
    padding-right: 25px;
}

#Gnav > ul > li .gnavTab .inner .left .inner .megamenu-list .ttl_01 a:after {
    background: url("/_shared/images/root/common/ico_arrow_001.png") left top no-repeat;
    content: "";
    display: block;
    height: 13px;
    margin-top: 1px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
}

#Gnav > ul > li .gnavTab .inner .left .inner .megamenu-list li {
    background: none;
    padding-top: 15px;
    margin-bottom: 0;
    position: relative;
}

#Gnav > ul > li .gnavTab .inner .left .inner .megamenu-list li:before {
    content: "";
    display: block;
    position: absolute;
    background: url(/_shared/images/root/common/ico_arrow_003.png) left center no-repeat;
    width: 5px;
    height: 7px;
    top: 20px;
    left: 0;
}

#Gnav > ul > li .gnavTab .inner .right {
    width: 460px;
    float: left;
    padding-left: 29px;
    border-left: 1px solid #dddddd;
}

#Gnav > ul > li .gnavTab .inner .right.tour-right {
    padding-left: 0;
}

#Gnav > ul > li .gnavTab .inner .right.tour-right .inner div {
    width: 254px;
}

#Gnav > ul > li .gnavTab .inner .right.tour-right .inner div.tour-right-cont {
    width: 220px;
}

#Gnav > ul > li .gnavTab .inner .right.tour-right .inner div .megamenu-list {
    margin-right: 34px;
}

#Gnav > ul > li .gnavTab .inner .right.dom-tour-right,
#Gnav > ul > li .gnavTab .inner .right.int-tour-right {
    /*padding-right: 20px;*/
    width: 454px;
    border-left: none;
}

#Gnav > ul > li .gnavTab .inner .right.amc-right {
    width: 700px;
}

#Gnav > ul > li .gnavTab .inner .right.amc-right .inner div {
    width: 240px;
    float: left;
}

#Gnav > ul > li .gnavTab .inner .right .inner {
    margin-right: -20px;
    padding: 0;
}

#Gnav > ul > li .gnavTab .inner .right .inner div {
    width: 240px;
    float: left;
}

#Gnav > ul > li .gnavTab .inner .right .inner .megamenu-list .ttl {
    font-size: 114.28571%;
    font-weight: normal;
    border-bottom: 1px solid #13448f;
    padding-bottom: 10px;
    position: relative;
}

#Gnav > ul > li .gnavTab .inner .right .inner .megamenu-list .ttl a {
    display: block;
    padding-right: 25px;
}

#Gnav > ul > li .gnavTab .inner .right .inner .megamenu-list .ttl a:after {
    background: url("/_shared/images/root/common/ico_arrow_001.png") left top no-repeat;
    content: "";
    display: block;
    height: 13px;
    margin-top: -14px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
}

#Gnav > ul > li .gnavTab .inner .right .inner .megamenu-list .ttl_01 {
    font-size: 114.28571%;
    font-weight: normal;
    border-bottom: 1px solid #13448f;
    padding: 30px 0 10px 0;
    position: relative;
}

#Gnav > ul > li .gnavTab .inner .right .inner .megamenu-list .ttl_01 a {
    display: block;
    padding-right: 25px;
}

#Gnav > ul > li .gnavTab .inner .right .inner .megamenu-list .ttl_01 a:after {
    background: url("/_shared/images/root/common/ico_arrow_001.png") left top no-repeat;
    content: "";
    display: block;
    height: 13px;
    margin-top: 1px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
}

#Gnav > ul > li .gnavTab .inner .right .inner .megamenu-list li {
    background: none;
    padding-top: 15px;
    margin-bottom: 0;
    position: relative;
}

#Gnav > ul > li .gnavTab .inner .right .inner .megamenu-list li:before {
    content: "";
    display: block;
    position: absolute;
    background: url(/_shared/images/root/common/ico_arrow_003.png) left center no-repeat;
    width: 5px;
    height: 7px;
    top: 20px;
    left: 0;
}

#Gnav > ul > li .gnavTab .inner dl {
    width: 220px;
    margin-right: 20px;
    float: left;
}

#Gnav > ul > li .gnavTab .inner dl dt.txt {
    font-size: 114.28571%;
    font-weight: normal;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #13448f;
    position: relative;
}

#Gnav > ul > li .gnavTab .inner dl dt.txt a {
    display: block;
    padding-right: 25px;
}

#Gnav > ul > li .gnavTab .inner dl dt.txt a:after {
    background: url("/_shared/images/root/common/ico_arrow_001.png") left top no-repeat;
    content: "";
    display: block;
    height: 13px;
    margin-top: -11px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
}

#Gnav > ul > li .gnavTab .inner dl dt.txt_01 {
    font-size: 114.28571%;
    font-weight: normal;
    border-bottom: 1px solid #13448f;
    padding: 30px 0 10px 0;
    position: relative;
    margin-bottom: 15px;
}

#Gnav > ul > li .gnavTab .inner dl dt.txt_01 a {
    display: block;
    padding-right: 25px;
}

#Gnav > ul > li .gnavTab .inner dl dt.txt_01 a:after {
    background: url("/_shared/images/root/common/ico_arrow_001.png") left top no-repeat;
    content: "";
    display: block;
    height: 13px;
    margin-top: 1px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
}

#Gnav > ul > li .gnavTab .inner dl dt.img {
    background-color: #13448f;
    text-align: center;
    margin-bottom: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#Gnav > ul > li .gnavTab .inner dl dt.img.ico-chair {
    background: url(/_shared/images/root/common/gnav_ico_chair.png) center 20px no-repeat #13448f;
}

#Gnav > ul > li .gnavTab .inner dl dt.img.ico-pen {
    background: url(/_shared/images/root/common/gnav_ico_pen.png) center 20px no-repeat #13448f;
}

#Gnav > ul > li .gnavTab .inner dl dt.img.ico-card {
    background: url(/_shared/images/root/common/gnav_ico_card.png) center 20px no-repeat #13448f;
}

#Gnav > ul > li .gnavTab .inner dl dt.img.ico-domtour-search {
    background: url(/_shared/images/root/common/gnav_ico_domtour_search.png) center 20px no-repeat #13448f;
}

#Gnav > ul > li .gnavTab .inner dl dt.img a {
    color: #fff;
    display: block;
    padding: 70px 20px 20px 20px;
    font-size: 114.28571%;
}

#Gnav > ul > li .gnavTab .inner dl dd ul li {
    background: url(/_shared/images/root/common/ico_arrow_003.png) left 0.4em no-repeat;
    padding-left: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #999;
}

#Gnav > ul > li .gnavTab .inner dl dd .last_txt {
    background: url(/_shared/images/root/common/ico_arrow_003.png) left 0.4em no-repeat;
    padding-left: 10px;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: 1px dotted #999;
}

#Gnav > ul > li .gnavTab .bnr-area ul {
    margin-right: -20px;
    margin-top: 20px;
}

#Gnav > ul > li .gnavTab .bnr-area ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#Gnav > ul > li .gnavTab .bnr-area ul li {
    width: 248px;
    float: left;
    margin-right: 16px;
}

#Gnav > ul > li .gnavTab .bnr-area ul li a {
    display: block;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#Gnav > ul > li .gnavTab .bnr-area ul li a img {
    border: 1px solid #ddd;
    max-width: 100%;
    height: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#Gnav > ul > li .gnavTab .bnr-area ul li a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#Gnav > ul > li.open .gnavTab {
    display: block;
}

#gnavOverBg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 19;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

/* =========================================================
◆Main
========================================================= */
#Main {
    position: relative;
    line-height: 1.5;
}

/* =========================================================
◆SnsArea
========================================================= */
.sns-area {
    padding: 40px 0;
}

.sns-area .basic-inner {
    min-height: 1px;
    overflow: hidden;
}

.sns-area .basic-inner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sns-area .sns-list {
    width: 528px;
    text-align: center;
    vertical-align: middle;
    padding-right: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sns-area .sns-list ul {
    margin-bottom: 20px;
}

.sns-area .sns-list ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sns-area .sns-list ul li {
    float: left;
    width: 60px;
    margin-left: 47px;
}

.sns-area .sns-list ul li:first-child {
    margin-left: 0;
}

.sns-area .sns-list ul li a {
    display: block;
    background-color: #fff;
}

.sns-area .sns-list ul li a img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.sns-area .sns-txt {
    text-align: center;
    padding-left: 15px;
}

.sns-area .aside-info {
    vertical-align: middle;
    border-left: 1px solid #dddddd;
    padding-left: 40px;
}

.sns-area .aside-info .bnr-area {
    margin-right: -24px;
    margin-bottom: 20px;
}

.sns-area .aside-info .bnr-area:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sns-area .aside-info .bnr-area li {
    float: left;
    margin-right: 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.sns-area .aside-info .bnr-area li a {
    display: block;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.sns-area .aside-info .bnr-area li a img {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    height: auto;
    box-sizing: content-box;
}

.sns-area .aside-info .bnr-area li a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.sns-area .aside-info .list-arrow-bdr {
    margin-right: -24px;
}

.sns-area .aside-info .list-arrow-bdr:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.sns-area .aside-info .list-arrow-bdr li {
    float: left;
    width: 248px;
    margin-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sns-area .aside-info .list-arrow-bdr li:hover {
    background-color: #f0f1f5;
}

.sns-area .aside-info .list-arrow-bdr li:hover a {
    text-decoration: none;
}

/* bnrとlistの組み合わせul */
.sns-area .aside-info .list-arrow-bdr li.bnr-link {
    overflow: hidden;
}

.sns-area .aside-info .list-arrow-bdr li.bnr-link:hover {
    background-color: #fff;
}

.sns-area .aside-info .list-arrow-bdr li.bnr-link a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

/* =========================================================
◆pageTop
========================================================= */
.pageTop {
    clear: both;
    margin-bottom: 40px;
    text-align: right;
}

/* =========================================================
◆footer
========================================================= */
footer {
    background: #333333;
    color: #fff;
    position: relative;
    min-width: 1080px;
}

footer a,
footer a:hover {
    color: #fff;
}

footer .foot-top {
    width: 1080px;
    margin: 0 auto;
    /*padding: 40px 0;*/
    min-height: 1px;
    padding: 60px 0 40px 0;
}

footer .foot-top:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

footer .foot-top .foot-left {
    float: left;
    width: 529px;
}

footer .foot-top .foot-right {
    float: right;
    width: 510px;
}

footer .foot-top .bnr-anahd {
    text-align: left;
}

footer .foot-top .bnr-anahd h2 {
    font-size: 150%;
    border-bottom: 1px solid #fff;
    font-weight: normal;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

footer .foot-top .bnr-anahd h2 a:hover {
    text-decoration: none;
}

footer .foot-top .bnr-anahd h2 span:not(.no-background) {
    background: url(/_shared/images/root/common/ico_newwin_002.png) right center no-repeat;
    padding-right: 30px;
}

footer .foot-top .bnr-anahd ul {
    margin-bottom: 0;
}

footer .foot-top .bnr-anahd ul li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 30px;
    background: url(/_shared/images/root/common/ico_arrow_004.png) left center no-repeat;
    padding-left: 17px;
    margin-bottom: 20px;
}

footer .foot-top .bnr-anahd table {
    margin-top: 20px;
}

footer .foot-top .bnr-anahd table th {
    vertical-align: middle;
}

footer .foot-top .bnr-anahd table td {
    vertical-align: middle;
    padding-left: 20px;
}

footer .foot-top .box-whatsup {
    border: 1px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
}

footer .foot-top .box-whatsup h2 {
    border-bottom: 1px dotted #666;
    width: 285px;
    float: right;
    padding: 0 0 10px 0;
}

footer .foot-top .box-whatsup article:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

footer .foot-top .box-whatsup .thumb {
    float: left;
}

footer .foot-top .box-whatsup .thumb img {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

footer .foot-top .box-whatsup .innertext {
    float: right;
    width: 285px;
}

footer .foot-top .box-whatsup p.text {
    line-height: 1.6em;
    padding: 10px 0;
}

footer .foot-top .box-whatsup p.date {
    font-weight: bold;
}

footer .foot-btm {
    width: 1080px;
    margin: 0 auto;
    /*padding: 40px 0;*/
    min-height: 1px;
    padding: 0 0 40px 0;
}

footer .foot-btm:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

footer .foot-btm .foot-left {
    float: left;
    width: 529px;
}

footer .foot-btm .foot-right {
    float: right;
    width: 510px;
}

footer .foot-btm .fivestar {
    display: table;
    vertical-align: middle;
    width: 100%;
}

footer .foot-btm .fivestar dt,
footer .foot-btm .fivestar dd {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5;
}

footer .foot-btm .fivestar dt {
    width: 70px;
}

footer .foot-btm .olympic_banner {
    text-align: right;
    margin-bottom: 30px;
}

footer .foot-btm .olympic_banner a {
    display: block;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

footer .foot-btm .olympic_banner a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

footer .foot-btm .olympic_banner img,
footer .foot-top .ananews_banner img {
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

footer .foot-btm .en_olympic_banner {
    text-align: right;
    width: 510px;
}

footer .foot-btm .en_olympic_banner a,
footer .foot-top .ananews_banner a {
    display: block;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

footer .foot-btm .en_olympic_banner a:hover img,
footer .foot-top .ananews_banner a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

footer .foot-btm .en_olympic_banner img {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

footer .foot-btm .star-alliance {
    padding-top: 10px;
    text-align: right;
}

footer .foot-aside {
    font-size: 85.71429%;
    line-height: 1;
    min-height: 60px;
    background: #1f1f1f;
    line-height: 1.5;
}

footer .foot-aside .inner {
    width: 1080px;
    margin: 0 auto;
    padding: 22px 60px 22px 0;
    position: relative;
    min-height: 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

footer .foot-aside .inner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* 国別表記 */
footer .foot-aside .inner:first-child {
    padding-bottom: 0;
}

footer .foot-aside .inner .foot-language {
    display: inline-block;
}

footer .foot-aside .inner .language-icon {
    background: url(/_shared/images/root/common/foot_ico_lang.png) no-repeat 0 50%;
    padding-left: 25px;
    padding-top: 2px;
}

/* 国別表記 */

footer .foot-aside .inner .page-top {
    position: absolute;
    right: 0;
    top: 0;
    background: #000000;
}

footer .foot-aside .inner .page-top:hover {
    background-color: #333;
}

footer .foot-aside .inner .page-top a {
    background: url(/_shared/images/root/common/pagetop.png) center center no-repeat;
    text-indent: -9999px;
    width: 60px;
    height: 60px;
    display: block;
}

footer .foot-aside #copy {
    float: left;
    line-height: 1.5;
}

footer .foot-aside .footer-nav {
    float: right;
    max-width: 839px;
    text-align: right;
}

footer .foot-aside .footer-nav li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    line-height: 1.5;
    vertical-align: top;
    position: relative;
    border-left: 1px solid #FFFFFF;
    padding: 0 7px;
}

footer .foot-aside .footer-nav li:first-child {
    border-left: none;
}

footer .foot-aside .footer-nav li.bdl-none {
    border-left: none;
}

#login-module-wrapper .close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 214.28571%;
}

#login-module-wrapper .close:hover {
    text-decoration: none;
}

/* 20190419 MWBP対応追記 */
#HeadOpen .head-right-wrap .inner .top .search-box #search {
    background: none;
}

#HeadOpen #login-area .login-input li span.cus-place,
#HeadOpen #login-area .login-input li span.pass-place {
    color: #666666 !important;
}

.ico-blank-img {
    display: inline-block;
    margin-left: .3em;
    vertical-align: baseline;
}

.no-background + .ico-blank-img {
    margin-left: 16px;
}

.sns-area .sns-list ul .sns-addblank {
    width: calc(60px + 16px);
    margin-left: calc(47px - 22px);
    text-align: left;
    display: table;
}

.sns-area .sns-list ul .sns-addblank:first-child {
    margin-left: 0;
}

.sns-area .sns-list ul .sns-addblank > a {
    width: 60px;
    display: inline-block;
}

.sns-area .sns-list ul .sns-addblank > img {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
}

.service-area .box-service .bnr-area .banner-addblank {
    width: calc(235px + 13px);
    text-align: left;
    display: table;
    margin-left: 0px;
}

.service-area .box-service .bnr-area .banner-addblank > a {
    width: 235px;
    display: inline-block;
}

.service-area .box-service .bnr-area .banner-addblank > img {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 0px;
}

.sns-area a:focus {
    position: relative;
}

footer .foot-left a:focus {
    display: block;
}

.support-cont ul li a:focus {
    outline: 0px;
}

.support-cont ul li a:focus:after,
#Gnav > ul > li > a:focus:before,
.sns-area a:focus:after {
    width: calc(100% - 4px);
    outline: solid 2px #B2B2B2;
    content: " ";
    position: absolute;
    height: calc(100% - 4px);
    left: 2px;
    top: 2px;
}

#HeadFixed h1 a:focus,
#HeadFixed .head-right > ul > li.head-support:focus,
#HeadFixed .head-right > ul > li.btn:focus,
.language-cont ul li a:focus,
#componentDiv_login div[onclick]:focus,
#HeadOpen a:focus,
#HeadOpen span:focus,
#HeadOpen input:focus,
#HeadOpen div:focus,
#HeadOpen button:focus,
#HeadOpen label:focus,
#HeadOpen p:focus,
#Gnav a:focus,
#Gnav span:focus,
#loginHelp a:focus,
footer a:focus {
    outline: solid 2px #B2B2B2;
}

.aside-info.table-item {
    padding-left: 27px;
}

.aside-info.table-item .bnr-area {
    display: flex;
    flex-direction: row;
}

.aside-info.table-item .bnr-area li {
    width: calc(248px + 14px);
    text-align: left;
    display: table;
    float: none;
    margin-right: 0;
}

.aside-info.table-item .bnr-area li > a {
    display: inline-block;
}

.aside-info.table-item .bnr-area li > img {
    margin-left: 1px;
    vertical-align: bottom;
}

/* 20190822 MWBP対応追記 */
#HeadOpen.close:not([style*="overflow"]) .head-btm {
    display: none;
}

footer .page-top a:focus {
    outline-color: transparent !important;
    box-shadow: 0 0 0 2px #B2B2B2;
}

#HeadOpen .head-right-wrap .inner .top .search-box #search::-webkit-input-placeholder {
    color: #666666;
}

#HeadOpen .head-right-wrap .inner .top .search-box #search:-ms-input-placeholder {
    color: #666666;
}

#HeadOpen .head-right-wrap .inner .top .search-box #search::-moz-placeholder {
    color: #666666;
    opacity: 1;
}

#HeadOpen .head-right-wrap .inner .top .search-box #search::placeholder {
    color: #666666;
}

#HeadOpen #login-area .top.btm .list-arrow li{
    background: none;
    padding-left: 0;
    margin-right: 0;
}

#HeadOpen #login-area .top.btm .login-input{
    display:flex;
    height:auto;
    padding-bottom: 8px;
}

#HeadOpen #login-area .top.btm .login-input input[type="text"],
#HeadOpen #login-area .top.btm .login-input input[type="password"] {
    border: none;
    border: 1px solid #ddd;
    padding-left: 14px;
    width: 210px;
    height: 36px;
    line-height: 36px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

#HeadOpen #login-area .top.btm .login-input input.input-select + span {
    display: none;
    color: #555555 !important;
}

#HeadOpen #login-area .top.btm .login-input span.cus-place,
#HeadOpen #login-area .top.btm .login-input span.pass-place {
    top: 0 !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", Arial, Helvetica, sans-serif, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
}

#HeadOpen #login-area .top.btm .login-input .btn-parts{
    flex-direction: column;
}

#HeadOpen #login-area .top.btm .login-input .btn-parts,
#HeadOpen #login-area .top.btm .login-input .btn-parts > div{
    display:flex;
}

#HeadOpen #login-area .top.btm .list-arrow p + a{
    background: url(/_shared/images/root/common/ico_arrow_003.png) left center no-repeat;
    padding-left: 10px;
    border-bottom: 0;
}

#HeadOpen #login-area .top.btm .login-input .input-box{
    position: relative;
}

#HeadOpen #login-area .top.btm .login-input .btn-login {
    margin-right: 10px;
    width: 105px;
    min-width: 105px;
    position: relative;
    background: #ffc600;
    height: 34px;
    font-size:12px;
}

#HeadOpen #login-area .top.btm .login-input .btn-login-something {
    height: 34px;
    width: 160px;
    position: relative;
    font-size: 12px;
}