@charset "UTF-8";
/*----------------------------------------
 #main
----------------------------------------*/
.section_wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 45px 20px 45px;
}

.section_wrap > :first-child {
    margin-top: 0;
}

.section_wrap > :last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
    .section_wrap {
        padding: 5% 15px;
    }
}

.section_wrap_a {
    background: #f5f5f5;
}

.section_wrap_a .wrap_inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 45px 20px 68px;
}

.section_wrap_a .wrap_inner > :first-child {
    margin-top: 0;
}

.section_wrap_a .wrap_inner > :last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
    .section_wrap_a .wrap_inner {
        padding: 21px 15px 50px;
    }
}

.order_wrap {
    padding: 0 20px;
    background-color: #002573;
}

@media only screen and (max-width: 639px) {
    .order_wrap {
        padding: 0 15px;
    }
}

/* page top */
.page_top_a {
    box-sizing: border-box;
    max-width: 1240px;
    margin: 60px auto 0;
    padding: 0 20px;
    font-size: 1.4rem;
    text-align: right;
    line-height: 1.875;
}

.page_top_a > a {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 165px;
    padding: 9px 16px 5px 44px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background: #002673;
    border-radius: 4px 4px 0 0;
    transition: .2s;
}

.page_top_a > a:hover, .page_top_a > a:active {
    opacity: .85;
}

.page_top_a > a::before, .page_top_a > a::after {
    position: absolute;
    bottom: 0;
    display: block;
    margin: auto 0;
    content: "";
}

.page_top_a > a::before {
    top: 0;
    left: 18px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.page_top_a > a::after {
    position: absolute;
    top: 4px;
    left: 24px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    transform: rotate(-45deg);
}

.bg {
    background: #f5f5f5;
}

/* ==============================================================================================
 Modules
================================================================================================= */
/*
 * placeholder style
** ------------------------------------------------------ */
:placeholder-shown {
    color: #6c6c6c;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    color: #6c6c6c;
    opacity: 1;
}

[data-browser="Edge"] ::-webkit-input-placeholder {
    color: #6c6c6c;
    opacity: 1 !important;
}

/*
 * js style
** ------------------------------------------------------ */
.is_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.js_dropdown .js_dropdown_content,
.js_dropdown_hover .js_dropdown_content {display: none;}

.js_dropdown .js_dropdown_content.is_active,
.js_dropdown_hover .js_dropdown_content.is_active {display: block;}


[data-script-enabled="true"] .local_nav a.js_dropdown_hook {padding-left: 2em;}
[data-script-enabled="true"] .local_nav ul[class*="item"] > li.anc > a {padding-left: 2em;}


.js_fee_dsp {display: none;}
[data-fee-enabled="true"] .js_fee_dsp {display: block;}

#dropdown_overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

#dropdown_overlay.is_active {display: block;}

/*
 * heading
** ------------------------------------------------------ */
.tit_lv1_wrap {
    display: flex;
    background: #4c679d;
}

.tit_lv1_wrap .tit_lv1_content {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1240px;
    min-height: 120px;
    margin: 0 auto;
    padding: 15px 20px;
    color: #fff;
}

.tit_lv1_wrap .tit_lv1_content .tit_lv1_content_inner > p {
    margin: 0;
    font-size: 1.4rem;
}

@media only screen and (max-width: 639px) {
    .tit_lv1_wrap .tit_lv1_content {
        min-height: 70px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.tit_lv1 {
    margin: 0;
    padding: 0;
    font-size: 3rem;
    line-height: 1.5;
}

.tit_lv1 .sub_txt {
    display: block;
    font-size: 1.6rem;
}

@media only screen and (max-width: 639px) {
    .tit_lv1 {font-size: 2.2rem;}
    .tit_lv1 .sub_txt {font-size: 1.4rem;}
}

.section_head.embed_colabo {position: relative;}

@media (min-width: 640px) {
    .section_head.embed_colabo .tit_lv1_content {padding-right: 290px;}
}

@media only screen and (max-width: 880px) and (min-width: 640px) {
    .section_head .local_nav_wrap .local_nav {font-size: 1.4rem;}
}

@media only screen and (max-width: 639px) {
    .section_head.is_active .local_nav_wrap {
        display: block;
    }
    .section_head.is_active .local_nav_btn {
        background-position: bottom;
    }
}

@media only screen and (max-width: 639px) {
    .local_nav_wrap {display: none;}
}

.section_head,
.section_head * {box-sizing: border-box;}


/* ========= .local_nav_btn ========= */
.local_nav_btn {display: none;}

@media only screen and (max-width: 639px) {
    .local_nav_btn {
        position: relative;
        display: block;
        width: 32px;
        min-width: 32px;
        height: 32px;
        margin-right: 10px;
        padding: 0;
        background: url(/assets_legacy/css/images/icon_lnav_toggle_01.png) no-repeat;
        background-size: cover;
        border: none;
        cursor: pointer;
    }
    .local_nav_btn .txt {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        overflow: hidden;
        width: inherit;
        height: inherit;
        opacity: 0;
    }
    .local_nav_btn:hover {
        background-color: transparent;
    }
}

@media (min-width: 640px) {
    .item_colabo_wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0 20px;
    }
}

.item_colabo p {
    margin-top: 0;
    margin-bottom: .3em;
    font-size: 1.4rem;
    line-height: 1.6;
    position: relative;
}

.item_colabo p::after {content: "?"; position: absolute; top: 1px; right: 1px; background-color: #fff; height: 1.3em; width: 1.3em; display: flex; align-items: center; justify-content: center; border-radius: 3px; background-color: #002573; color: #fff;}

.item_colabo a {
    display: block;
    overflow: hidden;
    color: inherit;
    text-align: center;
    text-decoration: none;
    background-color: #e5e9f2;
}

.item_colabo ul {
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: 0;
    list-style: none;
}

.item_colabo ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin: 0;
    padding: .4em;
    color: #fff;
}

.item_colabo ul li:first-child {background-color: #002573;}
.item_colabo ul li:last-child  {background-color: #ff8605;}

@media (min-width: 640px) {
    .item_colabo {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }
    .item_colabo a {
        position: absolute;
        top: 22px;
        right: 0;
        width: 256px;
        padding: 4px;
        border-radius: 5px;
    }
    .item_colabo ul li:first-child {
        border-radius: 0 0 0 4px;
    }
}

@media only screen and (max-width: 639px) {
    .item_colabo a {
        padding: 10px 3% 15px;
    }
}

/*
 * list
** ------------------------------------------------------ */

.local_nav_wrap {
    background-color: #e5e9f1;
}

.local_nav {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.local_nav > ul {
    display: flex;
}

.local_nav ul {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    list-style: none;
}

.local_nav ul li {
    margin: 0;
    padding: 0;
}

.local_nav ul li > a {
    position: relative;
    color: #002673;
    text-decoration: none;
}

.local_nav ul li .off {
    position: relative;
    color: #888;
}

.local_nav ul li.js_dropdown_list > a > .status {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    font-size: 1rem;
    opacity: 0;
}

.local_nav ul li.order > a {
    justify-content: center;
    text-align: center;
}

.local_nav ul li.order .lnav_icon_order {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    text-align: left;
}

.local_nav ul li.order .lnav_icon_order::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px;
    content: url(/assets_legacy/css/images/icon_order_01.png);
}

.local_nav ul li[class*="order"] > a {
    font-weight: bold;
    background-color: #fc0;
}

.local_nav ul li[class*="order"] > a.is_current {
    background-color: #ffd940;
    opacity: 1;
}

.local_nav ul li.user > a {
    color: #fff;
    background-color: #002673;
}

.local_nav ul li.user > a.is_current {
    color: #002673;
    background-color: #fff;
}

.local_nav ul.dropdown_content {
    display: none;
    background-color: #fff;
}

.local_nav ul.dropdown_content.is_active {
    display: block;
}

.local_nav ul.dropdown_content li {
    display: flex;
}

.local_nav ul.dropdown_content a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding: .5em 1em .5em 2em;
    color: #0074bf;
}

.local_nav ul.dropdown_content a:hover, .local_nav ul.dropdown_content a:active {
    background-color: #e5e9f1;
}

.local_nav ul.dropdown_content a.is_current {
    background-color: #e5e9f1;
}

.local_nav ul.item_a > li > a.is_active {
    background-color: #fff;
    opacity: 1;
}

.local_nav ul.item_a > li > a.is_current {
    background-color: #fff;
    opacity: 1;
}

.local_nav ul.item_a > li > a:hover, .local_nav ul.item_a > li > a:active {
    background-color: #fff;
    opacity: 1;
}

@media (min-width: 640px) {
    .local_nav > ul > li {
        position: relative;
        display: flex;
    }
    .local_nav > ul > li > a {
        display: flex;
        align-items: center;
        min-width: calc(4.1em + 2px);
        min-height: 50px;
        padding: .5em 1em;
        border: solid transparent;
        border-width: 0 1px;
    }
    .local_nav > ul > li > a.is_active {
        z-index: 2;
    }
    .local_nav > ul > li > span {
        border: solid transparent;
        border-width: 0 1px;
    }
    .local_nav > ul > li > span.off {
        display: flex;
        align-items: center;
        min-width: calc(4.1em + 2px);
        min-height: 50px;
        padding: .5em 1em;
    }
    .local_nav > ul.item_a > li {
        margin-left: -1px;
    }
    .local_nav > ul.item_a > li > a, .local_nav > ul.item_a > li > span {
        border: solid transparent;
        border-width: 0 1px;
    }
    .local_nav > ul.item_a > li > a, .local_nav > ul.item_a > li > .off {
        display: flex;
        align-items: center;
        min-width: calc(4.1em + 2px);
        min-height: 50px;
        padding: .5em 1em;
    }
    .local_nav > ul.item_a > li a.is_active {
        border-color: #4c679d;
    }
    .local_nav > ul.item_a > li a.is_current {
        border-color: #4c679d;
    }
    .local_nav > ul.item_a > li a:hover, .local_nav > ul.item_a > li a:active {
        border-color: #4c679d;
    }
    .local_nav > ul.item_b > li::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        width: calc(100%);
        border-top: solid 1px #e5e9f1;
        content: "";
    }
    .local_nav > ul.item_b > li.user > a.is_current {
        border-color: #4c679d;
    }
    .local_nav > ul.item_b > li > a {
        transition: .2s;
    }
    .local_nav > ul.item_b > li > a:hover, .local_nav > ul.item_b > li > a:active {
        opacity: .85;
    }
    .local_nav ul.dropdown_content {
        position: absolute;
        top: calc(100% - 1px);
        left: 0;
        z-index: 1;
        width: 18em;
        border: solid 1px #4c679d;
    }
    .local_nav ul.dropdown_content li.order > a {
        min-width: 10.5em;
    }
}

@media only screen and (max-width: 639px) {
    .local_nav {
        flex-direction: column;
    }
    .local_nav > ul {
        flex-direction: column;
    }
    .local_nav > ul > li {
        border-bottom: solid 1px #002673;
    }
    .local_nav > ul > li > a {
        display: block;
        padding: 1em 1em 1em 2em;
    }
    .local_nav > ul > li .off {
        display: block;
        padding: 1em 1em 1em 2em;
    }
    .local_nav ul.dropdown_content > li {
        border-top: solid 1px #ccc;
    }
}

/*
 * icon
** ------------------------------------------------------ */
@font-face {
    font-family: icomoon;
    src: url("/assets_legacy/font/icomoon.woff2") format("woff2"), url("/assets_legacy/font/icomoon.woff") format("woff");
}

[data-script-enabled="true"] .local_nav a.js_dropdown_hook::before, .local_nav ul.item_a a.js_dropdown_hook::before, .local_nav ul.dropdown_content a::before, .local_nav ul[class*="item"] > li.anc > a::before {
    position: absolute;
    top: 50%;
    left: .7em;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    font-weight: normal;
    font-style: normal;
    font-family: "icomoon";
    vertical-align: middle;
    line-height: 1;
    transition: .2s;
}

.local_nav ul.dropdown_content a::before {
    content: "\e900";
}

.local_nav li.anc a::before {
    content: "\e901";
}

[data-script-enabled="true"] .local_nav a.js_dropdown_hook::before {
    content: "\e902";
}

[data-script-enabled="true"] .local_nav a.js_dropdown_hook::before {
    content: "\e902";
}

.local_nav > ul > li > a.is_active::before {
    transition: .2s;
    transform: rotateX(-180deg);
}

@media only screen and (max-width: 639px) {
    .local_nav > ul > li > a::before, .local_nav li > span.off::before {
        position: absolute;
        top: 50%;
        left: .7em;
        display: inline-block;
        width: 1em;
        height: 1em;
        margin-top: -.55em;
        font-weight: normal;
        font-style: normal;
        font-family: "icomoon";
        vertical-align: middle;
        line-height: 1;
        content: "\e900";
    }
}

/* cao */
form .btn_address {border: none; padding: 0; background: none !important; white-space: nowrap; color: #5192c8; cursor: pointer;}
form .btn_address:hover {text-decoration: underline;}

@media print {
    body {
        width: 1280px;
        transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
    }
}

li.sug_element {margin: 0;}


html .sug_list{
    z-index: 22000000 !important;
}