@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

@media screen and (min-width: 1025px) {

    .navbar-mobile {
        display: none;
    }

    .navbar-desktop .navbar-toggle {
        float: right;
    }
    .navbar-desktop {
        background-color: #08588c;
        border-color: #08588c;
    }
    .navbar-desktop .navbar-brand {
        color: #fff;
        font-weight: 500;
        font-size: 36px;
        font-family: "Times New Roman" ;
        line-height: 30px;
        margin-top: 5px;
    }
    
    .navbar-desktop .navbar {
        min-height: 73px;
        border-radius: 0px;
    }
    
    .navbar-desktop .navbar-nav > .dropdown {
        margin-left: 0;
        margin-right: 0;
    }
    /* .navbar ul.navbar-nav {
        margin-top: 10px;
    } */
    .navbar-desktop .navbar-nav > li > a {
        color: #fff;
        margin-left: 4px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        letter-spacing: 0;
        font-size: 14px;
        font-style: normal;
        line-height: 77px;
    }
    
    .navbar-desktop .navbar-nav > li:hover{
        background-color: #ededed;
    }
    
    .navbar-desktop .navbar-nav > li:hover a{
        background-color: #ededed;
        color: rgb(0, 74, 148);
    }
    
    .navbar-desktop .navbar-nav > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .navbar-desktop .navbar-right .dropdown-menu{
        right: auto;
        left: 0;
    }
    
    .navbar-desktop .dropdown a .caret {
        display: none;
    }
    
    .navbar-desktop .dropdown:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        margin-right: -55px;
        z-index: 3;
    }
    
    .navbar-desktop .dropdown .dropdown-menu > li > a {
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 16px;
    }
    
    .navbar-desktop .dropdown .dropdown-menu {
        /* -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; */

        max-height: 120;
        display: none;
        visibility: hidden;
    }

    .navbar-desktop .dropdown-menu li a {
        color: rgb(0, 74, 148);
        padding: 10px 15px;
        font-size: 14px;
    }
    
    .navbar-desktop .dropdown-menu li {
        border-bottom: 1px solid #a1a1a1;
    }
     
    .navbar-desktop .nested-dropdowns .dropdown:hover > ul {
        display: block;
    }

    .navbar-desktop .nested-dropdowns .dropdend:hover > ul {
        display: block;
    }

    .navbar-desktop .arrow {
        display: flex !important; 
        justify-content:space-between; 
        align-content:center;
    }

    .navbar-desktop .arrow .fa-angle-right {
        margin-left: 10px;
        color: grey;
    }

    
    .navbar-desktop .dropdown-menu {
        
        background-color: #ebebeb;
        /*background-clip: padding-box;*/
        border: 1px solid #a1a1a1;
        border-radius: 0px;
        padding: 0px;
    }

    .navbar-desktop .navbar-nav > .open > a, .navbar-desktop .navbar-nav > .open > a:hover, .navbar-desktop .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #08588c;
    }


}


@media only screen and (max-width: 890px){
.content-body .container .form-register {
                background: #fafafa;
                border: 1px solid #ddd;
                padding: 15px 30px 0;
                -moz-border-radius: 10px;
                -khtml-border-radius: 1px;
                -webkit-border-radius: 1px;
                border-radius: 1px;
            }
}


/* .dropdown-menu li a:hover {
     -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: #ebebeb;
    color: #fff;
} */


@media screen and (max-width: 1024px) {
.navbar-desktop {
    display: none;
}


/* .dropdown a .caret {
    display: inline-block;
    float: right;
    margin-right: 20px;
}
.dropdown:hover .dropdown-menu {
    margin-right: 0px;
}


.dropdown .dropdown-menu, .dropdown .dropdown-menu li a  {
    overflow: hidden;
    opacity: 1;
    color: #fff;
}
.navbar-collapse {
    margin-top: 25px;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
    background: #ddd;
    margin-top: 18px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #08588c;
}

.navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #7d7c81;
    background: #7d7c81;
    width: 104%;
    padding-left: 40px;
}
.navbar-default {
    width: 100%;
}
.nav > li {
    border-bottom: 1px solid rgba(255,255,255,.3);
    width: 100%;
}
.navbar-nav li:hover {
    background: #616161;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.dropdown-menu li {
    background: #616161;
    color: #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #616161;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
    border-top: 1px solid rgba(255,255,255,.3);
}
.navbar ul.navbar-nav {
    margin-top: 0px;
    width: 100%;
}
.navbar-nav {
    margin: 0px -15px;
} */


}


button,
input[type='button'],
input[type='reset'],
input[type='submit']
{font-family: 'Roboto',sans-serif;font-size: 1em;font-weight: 600;line-height: 1;display: inline-block;padding: .75em 1.5em;cursor: pointer;user-select: none;transition: background-color 150ms ease;vertical-align: middle;white-space: nowrap;text-decoration: none;color: #fff;border: 0;border-radius: 3px;background-color: #477dca;

    appearance: none;-webkit-font-smoothing: antialiased;
}button:hover,
button:focus,
input[type='button']:hover,
input[type='button']:focus,
input[type='reset']:hover,
input[type='reset']:focus,
input[type='submit']:hover,
input[type='submit']:focus
{color: #fff;
    background-color: #3964a2;
}button:disabled,
input[type='button']:disabled,
input[type='reset']:disabled,
input[type='submit']:disabled
{
    cursor: not-allowed;opacity: .5;
}button:disabled:hover,
input[type='button']:disabled:hover,
input[type='reset']:disabled:hover,
input[type='submit']:disabled:hover
{
    background-color: #477dca;
}fieldset
{margin: 0 0 .75em;padding: 1.5em;border: 1px solid #ddd;
    background-color: #f7f7f7;
}input,
label,
select
{font-family: 'Roboto',sans-serif;font-size: 1em;

    display: block;
}label
{
    font-weight: 600;margin-bottom: .375em;
}label.required::after
{
    content: '*';
}label abbr
{
    display: none;
}input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
input:not([type]),
textarea,
select[multiple=multiple]
{font-family: 'Roboto',sans-serif;font-size: 1em;box-sizing: border-box;width: 100%;margin-bottom: .75em;padding: .5em;transition: border-color 150ms ease;border: 1px solid #ddd;border-radius: 3px;
    background-color: #fff;box-shadow: inset 0 1px 3px rgba(0,0,0,.06);
}input[type='color']:hover,
input[type='date']:hover,
input[type='datetime']:hover,
input[type='datetime-local']:hover,
input[type='email']:hover,
input[type='month']:hover,
input[type='number']:hover,
input[type='password']:hover,
input[type='search']:hover,
input[type='tel']:hover,
input[type='text']:hover,
input[type='time']:hover,
input[type='url']:hover,
input[type='week']:hover,
input:not([type]):hover,
textarea:hover,
select[multiple=multiple]:hover
{
    border-color: #b1b1b1;
}input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='week']:focus,
input:not([type]):focus,
textarea:focus,
select[multiple=multiple]:focus
{
    border-color: #477dca;outline: none;box-shadow: inset 0 1px 3px rgba(0,0,0,.06),0 0 5px rgba(55,112,192,.7);
}input[type='color']:disabled,
input[type='date']:disabled,
input[type='datetime']:disabled,
input[type='datetime-local']:disabled,
input[type='email']:disabled,
input[type='month']:disabled,
input[type='number']:disabled,
input[type='password']:disabled,
input[type='search']:disabled,
input[type='tel']:disabled,
input[type='text']:disabled,
input[type='time']:disabled,
input[type='url']:disabled,
input[type='week']:disabled,
input:not([type]):disabled,
textarea:disabled,
select[multiple=multiple]:disabled
{cursor: not-allowed;

    background-color: #f2f2f2;
}input[type='color']:disabled:hover,
input[type='date']:disabled:hover,
input[type='datetime']:disabled:hover,
input[type='datetime-local']:disabled:hover,
input[type='email']:disabled:hover,
input[type='month']:disabled:hover,
input[type='number']:disabled:hover,
input[type='password']:disabled:hover,
input[type='search']:disabled:hover,
input[type='tel']:disabled:hover,
input[type='text']:disabled:hover,
input[type='time']:disabled:hover,
input[type='url']:disabled:hover,
input[type='week']:disabled:hover,
input:not([type]):disabled:hover,
textarea:disabled:hover,
select[multiple=multiple]:disabled:hover
{
    border: 1px solid #ddd;
}textarea
{
    resize: vertical;
}input[type='search']
{
    appearance: none;
}input[type='checkbox'],
input[type='radio']
{
    display: inline;margin-right: .375em;
}input[type='checkbox'] + label,
input[type='radio'] + label
{
    display: inline-block;
}input[type='file']
{width: 100%;
    margin-bottom: .75em;
}select
{width: auto;max-width: 100%;
    margin-bottom: 1.5em;
}@media (min-width: 1025px)
{
    #stock_table input
    {max-width: 100%;
        margin: 0 auto;
    }#stock_table .left
    {
        float: left;width: 48%;
    }#stock_table .right
    {
        float: right;width: 48%;
    }
}ul,
ol
{margin: 0;padding: 0;

    list-style-type: none;
}dl
{
    margin-bottom: .75em;
}dl dt
{
    font-weight: 600;margin-top: .75em;
}dl dd
{
    margin: 0;
}table
{margin: .75em 0;table-layout: fixed;
    border-collapse: collapse;
}th
{font-weight: 600;padding: .75em 0;text-align: left;

    border-bottom: 1px solid #a6a6a6;
}td
{padding: .75em 0;

    border-bottom: 1px solid #ddd;
}tr,
td,
th
{
    vertical-align: middle;
}body
{font-family: 'Roboto',sans-serif;
/*font-size: 1em;*/
line-height: 1.5;

    color: #333; 
}h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Roboto',sans-serif;font-size: 1em;line-height: 1.2;margin: 0 0 .75em;
}p
{
    margin: 0 0 .75em;
}a
{transition: color 150ms ease;text-decoration: none;

    color: #477dca;
}a:active,
a:focus,
a:hover
{
    color: #355e98;
}hr
{margin: 1.5em 0;border-top: 0;border-right: 0;
    border-bottom: 1px solid #ddd;border-left: 0;
}img,
picture
{max-width: 100%;
    margin: 0;
}html
{
    box-sizing: border-box;
}*,
*::after,
*::before
{
    box-sizing: inherit;
}@media screen and (min-width: 640px)
{
    html
    {
        min-width: 1220px;
    }
}body
{
    font-family: 'Roboto',sans-serif;font-weight: 500;margin: 0;margin-top: 0px;color: #333;
    /*background: url(../images/bg_head.png) top center repeat-x;*/
}#en body
{
    font-family: Roboto,sans-serif;
}select
{
    font-family: 'Roboto',sans-serif;
}#en select
{
    font-family: Roboto,sans-serif;
}label
{font-family: 'Roboto',sans-serif;
    font-weight: 500;cursor: pointer;
}#en label
{
    font-family: Roboto,sans-serif;
}h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Roboto',sans-serif;font-weight: normal;margin: 0 0 1.2em;color: #1c1f2e;
}#en h1,
#en h2,
#en h3,
#en h4,
#en h5,
#en h6
{
    font-family: Roboto,sans-serif;
}i
{
    font-style: normal;
}a
{
    color: #333;
}a img
{
    background: none !important;
}a:hover
{
    color: #fd6f07;
}a:hover img
{
    opacity: .8;background: none !important;filter: alpha(opacity=80);-ms-filter: 'alpha( opacity=80 )';
}img
{height: auto;

    border: none;
}dl,
dl dt
{
    margin-top: 0;
}select
{
    padding-right: 20px;
}::-webkit-input-placeholder
{
    color: #b2b2b2;
}:-moz-placeholder
{opacity: 1;
    color: #b2b2b2;
}::-moz-placeholder
{opacity: 1;
    color: #b2b2b2;
}:-ms-input-placeholder
{
    color: #b2b2b2;
}.btn a,
.btn button,
.more a,
.more button,
.back a,
.back button,
.visual_sp p a,
.plan_search p a,
.item > li .btn a,
.tour_catalog .catalog_item .detail a,
.detail .plan .btn a,
.detail .rankup .rankup_item .rankup_right .btn a,
.detail .spa_menu .spa_menu_item .spa_menu_right .btn a,
.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner #arrow button,
.detail .campaigns_hotel .campaign_price .reserve_btn a,
.detail .hotel_spa .hotel_spa_row_right li a,
.detail .price .btn a,
.pick-up .btn a,
.user .btn a,
.user .hgroup ul li:last-child a,
.user .reserve .btn a,
.login .btn a
{
    display: block;text-align: center;text-decoration: none;color: #fff;border-radius: 3px;background-color: #fd6f07;box-shadow: 0 5px 0 0 #a84a05;text-shadow: 0 -1px 3px rgba(0,0,0,.5);
}.btn a:hover,
.btn button:hover,
.more a:hover,
.more button:hover,
.back a:hover,
.back button:hover,
.visual_sp p a:hover,
.plan_search p a:hover,
.item > li .btn a:hover,
.tour_catalog .catalog_item .detail a:hover,
.detail .plan .btn a:hover,
.detail .rankup .rankup_item .rankup_right .btn a:hover,
.detail .spa_menu .spa_menu_item .spa_menu_right .btn a:hover,
.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner #arrow button:hover,
.detail .campaigns_hotel .campaign_price .reserve_btn a:hover,
.detail .hotel_spa .hotel_spa_row_right li a:hover,
.detail .price .btn a:hover,
.user .hgroup ul li:last-child a:hover,
.user .reserve .btn a:hover
{
    background-color: #fd7c1e;
}.detail .aside_tag li a,
.search .col02 li a
{font-weight: bold;

    display: block;padding: 6px 12px;text-align: center;text-decoration: none;color: #fff;color: #369;border: 1px solid #5387ba;border-bottom: 1px solid #369;border-radius: 5px;background-color: #fff;box-shadow: 0 3px 0 0 #369;text-shadow: 0 1px 0 #fff;
}.detail .aside_tag li a:hover,
.search .col02 li a:hover
{
    background-color: #dae2eb;
}@media screen and (max-width: 640px)
{
    .detail .aside_tag li a,
    .search .col02 li a
    {
        font-size: 12px;font-weight: 500;padding: 3px 6px;box-shadow: 0 2px 0 0 #369;
    }
}.user .hgroup ul li a
{
    display: block;text-align: center;text-decoration: none;color: #fff;border-radius: 3px;background-color: #428dc7;box-shadow: 0 5px 0 0 #2c6a9a;text-shadow: 0 -1px 3px rgba(0,0,0,.5);
}.user .hgroup ul li a:hover
{
    background-color: #2c6a9a;box-shadow: 0 5px 0 0 #1e527b;
}.is-fit-img
{font-family: 'object-fit: cover; object-position: center;';

    object-fit: cover;object-position: center;
}.crumbs
{font-size: 12px;

    padding: 10px;
}@media screen and (min-width: 640px)
{
    .crumbs
    {margin: 10px 0 30px;
        padding: 0;color: #999;
    }.crumbs a
    {
        text-decoration: underline;
    }
}.pagetop
{margin-bottom: 60px;

    text-align: right;
}.pagetop a
{padding-left: 18px;

    background: url(../images/ico_arrow8.png) left center no-repeat;background-size: 12px auto;
}.btn a,
.btn button
{
    font-family: 'Roboto',sans-serif;display: inline-block;margin: 0 auto;padding: 6px 18px 4px;
}.more
{
    text-align: center;
}.more a,
.more button
{
    font-family: 'Roboto',sans-serif;font-size: 16px;font-weight: bold;width: 300px;margin: 0 auto;padding: 12px 10px 8px;
}.back a,
.back button
{
    font-family: 'Roboto',sans-serif;font-size: 14px;display: inline-block;margin: 0 auto;padding: 8px 20px 6px;text-decoration: none !important;color: #fff !important;background-color: #3777c1;box-shadow: 0 5px 0 0 #244d7e;
}.back a:hover,
.back button:hover
{
    background-color: #418de4;
}.text-link
{text-decoration: underline !important;

    color: #f67f28;
}.text-link:hover
{text-decoration: none !important;

    color: #ff4a01;
}.ico
{padding-left: 28px;background-repeat: no-repeat;
    background-position: left center;
}.ico.pos_r
{padding-right: 28px;padding-left: 0;

    background-position: right center;
}.ico.movie
{padding-left: 32px;

    background-image: url(../images/ico_movie.png);background-size: 22px auto;
}.ico.arrow
{padding-left: 16px;

    background-image: url(../images/ico_arrow.png);
}.ico.target
{
    background-image: url(../images/ico_target.png);background-size: 20px auto;
}.ico.wifi
{line-height: 34px;display: inline-block;padding-right: 38px;

    background-image: url(../images/ico_wifi.png);
}.ico.maimai
{padding-left: 30px;

    background: url(../images/ico_maimai2.png) left 2px no-repeat;background-size: 26px;
}.ico.blank
{margin-left: 6px;

    background: url(../images/ico_blank.png) left center no-repeat;background-size: 16px;
}.question
{line-height: 1.4em;display: inline-block;width: 1.4em;height: 1.4em;margin-right: 5px;text-align: center;

    color: #fff !important;border-radius: 1.4em;background-color: #2671db;
}.hline01
{
    font-size: 30px;font-weight: bold;position: relative;overflow: hidden;margin-bottom: 30px;
}.hline01:after
{
    position: absolute;width: 100%;height: 30px;margin-left: 10px;content: '';background: url(../images/bg_line.png) left center repeat-x;
}.hline01.small
{
    font-size: 26px;
}.hline01.smaller
{
    font-size: 24px;
}@media screen and (max-width: 640px)
{
    .hline01
    {
        font-size: 22px;padding-right: 15px;padding-left: 10px;
    }
}.hline02
{
    font-size: 30px;font-weight: bold;padding-bottom: 8px;border-bottom: 1px solid #e9e9e9;
}.hline02.small
{
    font-size: 20px;
}.hline02.maimai
{padding-left: 38px;

    background: url(../images/ico_maimai2.png) 3px center no-repeat;background-size: 30px;
}@media screen and (max-width: 640px)
{
    .hline02
    {
        font-size: 22px;padding-right: 15px;
    }
}.hline03
{
    font-size: 26px;font-weight: bold;padding-bottom: 8px;border-bottom: 2px solid #f67726;
}.hline03.small
{
    font-size: 20px;border-bottom: 1px solid #f67726;
}.hline03 img
{margin-left: 8px;

    vertical-align: text-bottom;
}@media screen and (max-width: 640px)
{
    .hline03
    {
        font-size: 22px;padding-right: 15px;
    }
}.hgroup
{position: relative;margin-bottom: 15px;padding-bottom: 10px;

    border-bottom: 1px solid #e9e9e9;
}.hgroup .catch
{
    font-size: 16px;font-weight: bold;margin: 0 0 5px;color: #666;
}.hgroup .hline02
{margin-bottom: 0;padding-bottom: 0;

    border-bottom: none;
}.hgroup li
{
    display: inline-block;margin-bottom: 5px;
}.hgroup .lead
{
    margin-bottom: 5px;color: #666;
}.hgroup .lead span
{font-size: .8em;

    color: #999;
}.hgroup .star
{
    margin-left: 10px;
}.hgroup .star img
{
    margin-bottom: 3px;vertical-align: middle;
}@media screen and (max-width: 640px)
{
    .hgroup
    {
        padding: 0 15px;
    }
}.table_style img
{
    vertical-align: bottom;
}.table_style thead th
{border-right: 1px solid #ccc;border-bottom: solid 1px #000;
    background-color: #444;
}.table_style thead th:last-child
{
    border-right: none;
}.table_style th
{text-align: center;border-bottom: solid 1px #ddd;
    background-color: #fafafa;
}.table_style td
{margin: 10px;padding: 10px;word-break: break-all;

    border-bottom: solid 1px #ccc;
}.table_style th
{margin: 10px;
    padding: 10px;
}.table_style.small td,
.table_style.small th
{font-size: .9em;

    padding: 5px;
}.table_style.color td
{
    background-color: #f3f3f2;
}.table_style.color th
{
    background-color: #eeefe9;
}.table_style.color td,
.table_style.color th
{
    border-bottom: 3px solid #fff;
}.table_style td span
{
    font-size: 1.2em;font-weight: bold;color: #f90;
}.table_style.info
{
    text-align: center;
}.table_style label
{
    display: inline-block;margin-right: 15px;margin-bottom: 0;
}.table_style select,
.table_style input
{
    display: inline-block;margin-right: 8px;margin-bottom: 0;
}.table_style textarea
{margin-bottom: 0;

    vertical-align: bottom;
}.table_style.pink
{
    table-layout: fixed !important;
}.table_style.pink thead th
{color: #fff;border-bottom: solid 1px #b5585f;
    background-color: #c96269;
}.table_style.pink tbody td
{border-right: solid 1px #fff;
    background-color: #ffe9ec;
}.table_style.pink tbody td:nth-child(even)
{
    background-color: #ffe9ec !important;
}.table_style.orange
{
    table-layout: fixed !important;
}.table_style.orange thead th
{color: #fff;border-bottom: solid 1px #b06137;
    background-color: #d87744;
}.table_style.orange tbody td
{border-right: solid 1px #fff;
    background-color: #ffd3b6;
}.table_style.orange tbody td:nth-child(even)
{
    background-color: #ffd3b6 !important;
}.table_style.blue
{
    table-layout: fixed !important;
}.table_style.blue thead th
{color: #fff;border-bottom: solid 1px #186a9d;
    background-color: #1d7ebb;
}.table_style.blue tbody td
{border-right: solid 1px #fff;
    background-color: #c6dbe6;
}.table_style.blue tbody td:nth-child(even)
{
    background-color: #c6dbe6 !important;
}.table_style.green
{
    table-layout: fixed !important;
}.table_style.green thead th
{color: #fff;border-bottom: solid 1px #337d47;
    background-color: #3d9655;
}.table_style.green tbody td
{border-right: solid 1px #fff;
    background-color: #aadab7;
}.table_style.green tbody td:nth-child(even)
{
    background-color: #aadab7 !important;
}.table_style.brown
{
    table-layout: fixed !important;
}.table_style.brown thead th
{color: #fff;border-bottom: solid 1px #725830;
    background-color: #886939;
}.table_style.brown tbody td
{border-right: solid 1px #fff;
    background-color: #f6d8bb;
}.table_style.brown tbody td:nth-child(even)
{
    background-color: #f6d8bb !important;
}@media screen and (min-width: 640px)
{
    .table_style.label3column label,
    .table_style .label3column label
    {
        width: 32.5%;margin-right: 0;
    }.table_style.label4column label,
    .table_style .label4column label
    {
        width: 24.5%;margin-right: 0;
    }
}@media screen and (max-width: 640px)
{
    .table_style input
    {
        font-size: 16px;
    }.table_style.sp
    {font-size: 14px;

        width: 100%;
    }.table_style.sp tr,
    .table_style.sp th,
    .table_style.sp td
    {
        display: block;box-sizing: border-box;width: 100% !important;margin: 0;text-align: left;
    }
}.table_style2
{position: relative;

    padding-top: 1px;border-spacing: 0;border-collapse: collapse;
}.table_style2.space
{table-layout: fixed;
    border-spacing: 5px;border-collapse: separate;
}.table_style2.space .active
{border: 1px solid rgba(132,178,79,.4);
    background-color: rgba(177,229,118,.4);
}.table_style2.space.orenge .active
{border: 1px solid rgba(198,139,27,.4);
    background-color: rgba(255,167,0,.4);
}.table_style2 .active
{color: #111;border: 1px solid rgba(255,167,0,.6);
    background-color: rgba(255,167,0,.4);
}.table_style2 thead th
{
    text-align: center;
}.table_style2 thead .month
{
    font-size: 18px;
}.table_style2 thead .month a
{font-size: 14px;padding: 2px 10px 1px 10px;text-decoration: none;

    color: #fff;border-radius: 20px;background-color: #00a0e9;
}.table_style2 thead .month a:hover
{
    background-color: #1c6d91;
}.table_style2 thead .month .next
{
    position: absolute;top: 12px;right: 10px;
}.table_style2 thead .month .prev
{
    position: absolute;top: 12px;left: 10px;
}.table_style2 img
{
    vertical-align: bottom;
}.table_style2 th
{border: solid 1px #ddd;
    background-color: #fafafa;
}.table_style2 td
{margin: 10px;padding: 10px;text-align: center;word-break: break-all;

    border: solid 1px #eaeaea;
}.table_style2 th
{margin: 10px;
    padding: 10px;
}.table_style2 td span
{
    font-size: 1.2em;font-weight: bold;
}.table_style2.info
{
    text-align: center;
}.table_style2 .sun
{
    color: indianred;
}.table_style2 .sat
{
    color: deepskyblue;
}@media screen and (max-width: 640px)
{
    .table_style2
    {font-size: 14px;

        width: 100%;
    }.table_style2 .weekly
    {
        display: none;
    }.table_style2 td
    {
        padding: 5px;
    }.table_style2 input[type=image],
    .table_style2 input[type=text],
    .table_style2 textarea,
    .table_style2 select
    {box-sizing: border-box;
        width: 100% !important;margin: 0 auto;
    }.table_style2 .calendar tbody td
    {
        padding: 6px 2px;
    }.table_style2 .calendar tbody td span
    {font-size: 14px;
        font-weight: normal;
    }.table_style2 .calendar tbody td input
    {
        width: 30px !important;height: auto !important;
    }
}.table_style3
{
    padding-top: 1px;border-spacing: 0;
}.table_style3 select
{
    display: inline-block;height: 36px;margin-bottom: 0;
}.table_style3 img
{
    vertical-align: bottom;
}.table_style3 thead th
{border-right: 1px solid #ccc;border-bottom: solid 1px #000;
    background-color: #444;
}.table_style3 thead th:last-child
{
    border-right: none;
}.table_style3 th
{line-height: 1.4;padding-top: 1em !important;text-align: left;vertical-align: top;

    border-right: solid 1px #ddd;
}.table_style3 td,
.table_style3 th
{margin: 10px;
    padding: 10px 30px;word-break: break-all;border-bottom: none;background: #fff;
}.table_style3 .en
{font-family: Roboto,sans-serif;font-size: 13px;

    color: #999;
}.table_style3.small td,
.table_style3.small th
{
    padding: 5px;
}.table_style3.color td
{
    background-color: #f3f3f2;
}.table_style3.color th
{
    background-color: #eeefe9;
}.table_style3.color td,
.table_style3.color th
{
    border-bottom: 3px solid #fff;
}.table_style3 .inline input
{
    display: inline;
}.table_style3 td span
{
    font-size: 18px;font-weight: bold;color: #f90;
}.table_style3.info
{
    text-align: center;
}.table_style3 input
{
    margin: 0;
}.table_style3 input[type='checkbox'],
.table_style3 input[type='radio']
{position: relative;top: -1px;margin-right: 5px;

    vertical-align: middle;
}.table_style3 .table_style3
{
    border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;
}.table_style3 .table_style3 th
{
    font-size: 16px;padding: 0 0 10px;
}.table_style3 .check
{font-size: .7em;

    position: relative;top: -1px;margin-left: 5px;padding: 2px 6px;text-align: center;color: #fff;border-radius: 5px;background-color: indianred;
}@media screen and (max-width: 640px)
{
    .table_style3.sp
    {font-size: 14px;

        width: 100%;
    }.table_style3.sp tr:nth-child(odd) th,
    .table_style3.sp tr:nth-child(odd) td
    {
        background-color: #f5f5f5;
    }.table_style3.sp th,
    .table_style3.sp td
    {display: block;box-sizing: border-box;width: 100% !important;margin: 0;
        padding: 10px;text-align: left;
    }.table_style3.sp th
    {padding: 10px 10px 0 10px;

        border-right: none;
    }.table_style3.sp .en
    {
        font-size: 11px;
    }.table_style3.sp .table_style3 th
    {
        font-size: 14px;
    }
}.table_style4
{width: 100%;margin: 0 0 0 10px;border-spacing: 10px;
    border-collapse: separate;
}.table_style4 td,
.table_style4 th
{
    padding: 0 3px 0 3px;border-bottom: 1px dotted #666;
}.table_style4 td
{font-size: 16px;
    font-weight: bold;font-style: italic;color: #e05865;
}@media screen and (max-width: 640px)
{
    .table_style4
    {box-sizing: border-box;
        margin: 0;padding: 10px 15px;border-spacing: 0;
    }.table_style4.sp
    {
        width: 100%;
    }.table_style4.sp th,
    .table_style4.sp td
    {
        display: block;box-sizing: border-box;padding: 5px;
    }
}.table
{
    display: table;
}.table > *
{
    display: table-row;
}.table > * .td
{
    display: table-cell;vertical-align: middle;
}.table_list
{
    margin-bottom: 40px;
}.table_list::after
{display: table;
    clear: both;content: '';
}.table_list li
{
    float: left;width: 20%;padding: 0 6px 6px 0;text-align: center;
}.table_list li:last-child p
{
    height: 35px;
}@media screen and (min-width: 640px)
{
    .table_list li:nth-child(5n)
    {
        padding-right: 0;
    }
}.table_list li p
{
    display: block;margin: 0;padding: 6px;border: solid 1px #eaeaea;
}.table_list li p span
{position: relative;top: 50%;

    display: block;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}.table_list.green li.active p
{
    border: 1px solid rgba(132,178,79,.4);background-color: rgba(177,229,118,.4);
}.table_list.orange li.active p
{
    border: 1px solid rgba(198,139,27,.4);background-color: rgba(255,167,0,.4);
}@media screen and (max-width: 640px)
{
    .table_list li
    {
        width: 50%;
    }.table_list li:nth-child(2n)
    {
        padding-right: 0;
    }
}.list01
{line-height: 1.8;margin-left: 1.5em;

    list-style-type: circle;
}.list02
{line-height: 1.8;margin-left: 1.5em;

    list-style-type: decimal;
}.social_buttons
{
    position: absolute;right: 0;bottom: 0;margin: 0 0 5px;padding: 0;list-style-type: none;text-align: left;*zoom: 1;
}.social_buttons:before,
.social_buttons:after
{display: table;clear: both;

    content: '';
}.social_buttons li
{font-size: 12px;

    float: left;margin-right: 10px;margin-left: 0;
}.social_buttons li:last-child
{
    margin-right: 0;
}.social_buttons li .fb_iframe_widget > span
{
    vertical-align: baseline;
}@media screen and (max-width: 640px)
{
    .social_buttons
    {
        position: relative;
    }.social_buttons .twitter-share-button
    {
        width: 67px !important;
    }
}.label
{font-weight: normal;padding: 2px 6px 1px 4px;

    color: #fff;border-radius: 3px;
}.label.circle
{font-size: 16px;font-weight: bold;line-height: 1.7em;position: relative;top: -1px;

    display: inline-block;width: 1.7em;height: 1.7em;margin-right: 6px;text-align: center;border-radius: 1.7em;
}.label.campaign
{
    background-color: #df61ab;
}.label.category
{
    background-color: #8cbb2f;
}.label.gray
{
    background-color: #959595;
}.label.blue
{
    background-color: #2876dd;
}.label.sky
{
    background-color: #28b9dd;
}.label.orange
{
    background-color: #e99645;
}.label.green
{
    background-color: #8cb436;
}.label.pink
{
    background-color: #e86089;
}.label.brown
{
    background-color: #886939;
}.label.red
{
    background-color: #df403d;
}.label.check span
{padding-left: 22px;

    background: url(../images/ico_check.png) 3px center no-repeat;background-position: 4px 3px;
}.label.car span
{padding-left: 25px;

    background: url(../images/ico_car.png) 3px center no-repeat;
}.label.campaign span
{padding-left: 18px;

    background: url(../images/ico_bell.png) 3px center no-repeat;background-position: 4px 3px;
}.label.crown span
{
    padding-left: 23px;background: url(../images/ico_crown.png) 3px center no-repeat;background-position: 4px 3px;
}.label.maimai span
{padding-left: 23px;

    background: url(../images/ico_maimai.png) 3px center no-repeat;background-position: 3px 3px;
}.label.spa-home span
{padding-left: 23px;

    background: url(../images/ico_spa_home.png) 3px center no-repeat;background-position: 3px 2px;
}.label.spa-hotel span
{padding-left: 25px;background: url(../images/ico_spa_bill.png) 3px center no-repeat;
    background-position: 4px 3px;
}.label.watch span
{padding-left: 22px;background: url(../images/ico_watch.png) center center no-repeat;
    background-position: 4px 3px;background-position: 3px 2px;
}.spa-label
{font-weight: 500;line-height: 1;display: inline-block;margin-bottom: 5px;padding: 5px 10px 5px;text-align: center;

    color: #fff;border-radius: 3px;text-shadow: -1px -1px 1px #5b5b5b;
}.spa-label.gold
{
    background: url(../images/bg_gold.png) center center;
}.spa-label.launch
{
    background: #ffbf7f url(../images/bg_clear.png) center center;
}.spa-label.couple
{
    background: #ff7f7f url(../images/bg_clear.png) center center;
}.spa-label.morning
{
    background: #ffbf7f url(../images/bg_clear.png) center center;
}.spa-label.detox
{
    background: #ffff7f url(../images/bg_clear.png) center center;
}.spa-label.sliming
{
    background: #bfff7f url(../images/bg_clear.png) center center;
}.spa-label.kids
{
    background: #7fffff url(../images/bg_clear.png) center center;
}.spa-label.mens
{
    background: #7f7fff url(../images/bg_clear.png) center center;
}.spa-label.young
{
    background: #7fbfff url(../images/bg_clear.png) center center;
}.spa-label.oil
{
    background: #bfff7f url(../images/bg_clear.png) center center;
}.spa-label.yoga
{
    background: #ff7fbf url(../images/bg_clear.png) center center;
}.spa-label.recommend
{
    background: #7fff7f url(../images/bg_clear.png) center center;
}.spa-label.machi-spa
{
    background: #7fbfff url(../images/bg_clear.png) center center;
}.spa-label.hotel-spa
{
    background: #7fbfff url(../images/bg_clear.png) center center;
}.spa-label.high-tea
{
    background: #ffadad url(../images/bg_clear.png) center center;
}.spa-label.afternonn-tea
{
    background: #ffadad url(../images/bg_clear.png) center center;
}.spa-label.ayurveda
{
    background: #adffd6 url(../images/bg_clear.png) center center;
}.spa-label.thallaso-therapy
{
    background: #d6ffad url(../images/bg_clear.png) center center;
}.spa-label.costume-photo
{
    background: #c5d2ff url(../images/bg_clear.png) center center;
}.spa-label.reserve
{
    background: #f1f245 url(../images/bg_clear.png) center center;
}.col01
{
    color: #c66;
}.lanel01
{padding: 1px 10px 0;

    color: #fff;border-radius: 50px;background-color: #f67726;
}.lanel01:hover
{
    background-color: #e56f23;
}.lanel01.plus
{
    padding-right: 3px;
}.lanel01.plus i
{position: relative;top: -1px;display: inline-block;

    width: 1em;height: 1em;margin-left: 6px;vertical-align: middle;border-radius: 1em;background-color: #fff;
}.lanel01.plus i:before
{position: absolute;top: 6px;left: 3px;width: 9px;height: 2px;

    content: '';background-color: #f67726;
}.lanel01.plus i:after
{position: absolute;top: 6px;left: 3px;width: 9px;height: 2px;

    content: '';-webkit-transform: rotate(90deg);transform: rotate(90deg);background-color: #f67726;
}.lanel01.plus.active i
{
    transform: rotate(-45deg);
}.error_title
{
    font-size: 20px;font-weight: bold;padding-bottom: 8px;color: #a94442;border-bottom: 1px solid #f67726;
}.error_list
{margin-bottom: 20px;padding: 20px;list-style: disc;color: #a94442;border: 1px solid #ebcccc;border-radius: 3px;
    background-color: #f2dede;
}.error_list li
{
    margin-left: 20px;
}.middle
{
    vertical-align: middle !important;
}.attention
{font-size: 12px;font-weight: normal;margin-left: 8px;padding: 2px 5px;

    color: #fff;border-radius: 3px;background-color: #f66;
}.horizon::after
{display: table;
    clear: both;content: '';
}.horizon dt,
.horizon dd
{
    float: left;
}.horizon input
{
    vertical-align: middle;
}@media screen and (max-width: 640px)
{
    .horizon dt
    {
        width: 10%;text-align: center;
    }.horizon dd
    {
        width: 90%;
    }
}.font-jp
{
    font-family: 'Roboto',sans-serif;
}.ph-caption
{
    font-size: .6875em;font-weight: normal;display: block;padding-right: 8px;text-align: right;color: #999;
}.text-center
{
    text-align: center !important;
}.text-right
{
    text-align: right !important;
}.text-left
{
    text-align: left !important;
}.f-right
{
    float: right;
}.f-left
{
    float: left;vertical-align: bottom;
}.lead
{
    font-size: 18px;margin-bottom: 1em;
}.text-l
{
    font-size: 1.2em !important;
}.text-m
{
    font-size: 1em !important;
}.text-s
{
    font-size: .9em !important;
}.text-ss
{
    font-size: .8em !important;
}.text-xs
{
    font-size: .7em !important;
}@media screen and (max-width: 640px)
{
    .alt-txt:after
    {
        content: attr(data-label);
    }.alt-txt > img
    {
        display: none;
    }
}.full-img
{
    width: 100%;
}.img70
{
    width: 70%;
}@media screen and (min-width: 640px)
{
    .visible-middle
    {
        display: block;
    }.hidden-small
    {
        display: none;
    }
}@media screen and (max-width: 640px)
{
    .hidden-middle
    {
        display: none;
    }iframe
    {
        width: 100% !important;
    }
}.accordion > li > a
{
    font-weight: normal;
}.accordion .submenu
{
    display: none;
}.accordion .is-expanded
{
    display: block;
}.toggle-btn
{
    background-color: #f0f0eb;
}.toggle-btn span
{font-size: 16px;padding-right: 30px;

    color: #369;background: url(../images/ico_arrow4.png) right center no-repeat;
}.toggle-btn span:after
{
    content: 'を見る';
}.toggle-btn.active span
{
    color: #f57024;background: url(../images/ico_arrow5.png) right center no-repeat;
}.toggle-btn.active span:after
{
    content: 'を閉じる';
}.toggle-btn.white
{margin: 0 15px 15px;

    background-color: #fff;
}.ac label
{
    display: block;cursor: pointer;
}.ac input
{
    display: none;
}.ac article
{
    overflow: hidden;height: 0;transition: .6s;
}.ac input:checked ~ article
{z-index: 10;

    height: auto;
}.sp-toggle-area
{
    position: relative;
}.sp-toggle-btn
{
    display: none;
}@media screen and (max-width: 640px)
{
    .sp-toggle-btn
    {
        display: block;margin-bottom: 30px;padding: 3px;text-align: center;background-color: #f0f0eb;
    }.sp-toggle-btn span
    {font-size: 16px;padding-right: 30px;

        color: #369;background: url(../images/ico_arrow4.png) right center no-repeat;
    }.sp-toggle-btn span:before
    {
        content: 'さらに見る';
    }.sp-toggle-btn.active span
    {
        color: #f57024;background: url(../images/ico_arrow5.png) right center no-repeat;
    }.sp-toggle-btn.active span:before
    {
        content: '閉じる';
    }.sp-toggle-btn.white
    {margin: 0 15px 15px;

        background-color: #fff;
    }
}.sp-toggle-btn2
{
    display: none;
}@media screen and (max-width: 640px)
{
    .sp-toggle-btn2
    {line-height: 25px;

        position: absolute;z-index: 10;top: 2px;right: 2px;display: inline-block;box-sizing: border-box;width: 25px;height: 25px;transition: all .4s;border-radius: 100%;background-color: #369;
    }.sp-toggle-btn2 span
    {position: absolute;left: 6px;

        display: inline-block;box-sizing: border-box;width: 50%;height: 3px;transition: all .4s;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fff;-ms-border-radius: 4px;-o-border-radius: 4px;
    }.sp-toggle-btn2 span:nth-of-type(1)
    {
        top: 10px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
    }.sp-toggle-btn2 span:nth-of-type(2)
    {
        top: 10px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);
    }.sp-toggle-btn2.active
    {
        border-radius: 100%;background-color: #f63;
    }.sp-toggle-btn2.active span:nth-of-type(1)
    {
        display: none;
    }.sp-toggle-btn2.active span:nth-of-type(2)
    {
        top: 10px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);
    }
}.gray_box,
.user .reserve.finish .text
{padding: 15px 20px 1px;border-radius: 3px;
    background-color: #f0f0eb;
}.gray_box::after,
.user .reserve.finish .text::after
{display: table;
    clear: both;content: '';
}.gray_box strong,
.user .reserve.finish .text strong
{
    font-size: 22px;color: #c66;
}.gray_box p,
.user .reserve.finish .text p
{
    margin-bottom: 1em;
}.gray_box dt,
.user .reserve.finish .text dt
{
    font-size: 18px;
}.gray_box dd,
.user .reserve.finish .text dd
{
    font-size: 16px;
}.gray_box ul,
.user .reserve.finish .text ul
{
    margin-bottom: 8px;
}.gray_box.small,
.user .reserve.finish .small.text
{
    font-size: .8em;
}.gray_box.small dt,
.user .reserve.finish .small.text dt
{
    font-size: 16px;
}.gray_box.small dd,
.user .reserve.finish .small.text dd
{
    font-size: 14px;
}.gray_box2
{font-size: 16px;padding: 12px 15px 12px 15px;

    background-color: #eeefe9;
}.gray_box2 strong
{
    font-size: 26px;font-style: italic;
}.ph_frame
{
    padding: 5px;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
}.ph_frame.right
{
    float: right;margin-left: 20px;
}.ph_frame.left
{
    float: left;margin-left: 20px;
}@media screen and (max-width: 640px)
{
    .ph_frame.right
    {
        display: block;float: none;margin: 0 auto 20px;
    }.ph_frame.left
    {
        display: block;float: none;margin: 0 auto 20px;
    }
}.ind
{margin: 40px 0;padding: 40px;

    text-align: center;border: 1px solid #dfdfdf;border-radius: 3px;background: #f5f5f5;
}@media screen and (min-width: 640px)
{
    .box_two
    {
        max-width: 1220px;margin-right: auto;margin-left: auto;
    }.box_two::after
    {display: table;
        clear: both;content: '';
    }.box_two .column01
    {display: block;
        float: left;width: 40.29137%;margin-right: 2.35765%;
    }.box_two .column01:last-child
    {
        margin-right: 0;
    }.box_two .column02
    {display: block;
        float: left;width: 57.35098%;margin-right: 2.35765%;
    }.box_two .column02:last-child
    {
        margin-right: 0;
    }
}.box_two.half
{
    margin-bottom: 15px;
}@media screen and (min-width: 640px)
{
    .box_two.half
    {
        max-width: 1220px;margin-right: auto;margin-left: auto;
    }.box_two.half::after
    {display: table;
        clear: both;content: '';
    }.box_two.half .column01
    {display: block;
        float: left;width: 48.82117%;margin-right: 2.35765%;
    }.box_two.half .column01:last-child
    {
        margin-right: 0;
    }.box_two.half .column02
    {display: block;
        float: left;width: 48.82117%;margin-right: 2.35765%;
    }.box_two.half .column02:last-child
    {
        margin-right: 0;
    }
}.box_three
{
    margin-bottom: 60px;
}@media screen and (min-width: 640px)
{
    .box_three
    {
        max-width: 1220px;margin-right: auto;margin-left: auto;
    }.box_three::after
    {display: table;
        clear: both;content: '';
    }.box_three .column01
    {display: block;
        float: left;width: 31.76157%;margin-right: 2.35765%;
    }.box_three .column01:last-child
    {
        margin-right: 0;
    }.box_three .column02
    {display: block;
        float: left;width: 31.76157%;margin-right: 2.35765%;
    }.box_three .column02:last-child
    {
        margin-right: 0;
    }.box_three .column03
    {display: block;
        float: left;width: 31.76157%;margin-right: 2.35765%;
    }.box_three .column03:last-child
    {
        margin-right: 0;
    }
}@media screen and (min-width: 640px)
{
    .w100
    {
        width: 100px !important;
    }.w150
    {
        width: 150px !important;
    }.w200
    {
        width: 200px !important;
    }.w250
    {
        width: 250px !important;
    }.w300
    {
        width: 300px !important;
    }.w400
    {
        width: 400px !important;
    }.w500
    {
        width: 500px !important;
    }
}.wd5p
{
    width: 5% !important;
}.wd10p
{
    width: 10% !important;
}.wd15p
{
    width: 15% !important;
}.wd20p
{
    width: 20% !important;
}.wd25p
{
    width: 25% !important;
}.wd30p
{
    width: 30% !important;
}.wd35p
{
    width: 35% !important;
}.wd40p
{
    width: 40% !important;
}.wd45p
{
    width: 45% !important;
}.wd50p
{
    width: 50% !important;
}.wd55p
{
    width: 55% !important;
}.wd60p
{
    width: 60% !important;
}.wd65p
{
    width: 65% !important;
}.wd70p
{
    width: 70% !important;
}.wd75p
{
    width: 75% !important;
}.wd80p
{
    width: 80% !important;
}.wd85p
{
    width: 85% !important;
}.wd90p
{
    width: 90% !important;
}.wd95p
{
    width: 95% !important;
}.wd100p
{
    width: 100% !important;
}.p0
{
    padding: 0 !important;
}.p5
{
    padding: 5px !important;
}.p10
{
    padding: 10px !important;
}.p15
{
    padding: 15px !important;
}.p20
{
    padding: 20px !important;
}.p25
{
    padding: 25px !important;
}.p30
{
    padding: 30px !important;
}.p35
{
    padding: 35px !important;
}.p40
{
    padding: 40px !important;
}.p45
{
    padding: 45px !important;
}.p50
{
    padding: 50px !important;
}.p20b0
{
    padding: 2rem 2rem 0 !important;
}.p20tb0
{
    padding: 0 2rem 0 !important;
}.pt0
{
    padding-top: 0 !important;
}.pt5
{
    padding-top: 5px !important;
}.pt10
{
    padding-top: 10px !important;
}.pt15
{
    padding-top: 15px !important;
}.pt20
{
    padding-top: 20px !important;
}.pt25
{
    padding-top: 25px !important;
}.pt30
{
    padding-top: 30px !important;
}.pt35
{
    padding-top: 35px !important;
}.pt40
{
    padding-top: 40px !important;
}.pt45
{
    padding-top: 45px !important;
}.pt50
{
    padding-top: 50px !important;
}.pt55
{
    padding-top: 55px !important;
}.pt60
{
    padding-top: 60px !important;
}.pt65
{
    padding-top: 65px !important;
}.pt70
{
    padding-top: 70px !important;
}.pt75
{
    padding-top: 75px !important;
}.pt80
{
    padding-top: 80px !important;
}.pt85
{
    padding-top: 85px !important;
}.pt90
{
    padding-top: 90px !important;
}.pt95
{
    padding-top: 95px !important;
}.pt100
{
    padding-top: 100px !important;
}.pr0
{
    padding-right: 0 !important;
}.pr5
{
    padding-right: 5px !important;
}.pr10
{
    padding-right: 10px !important;
}.pr15
{
    padding-right: 15px !important;
}.pr20
{
    padding-right: 20px !important;
}.pr25
{
    padding-right: 25px !important;
}.pr30
{
    padding-right: 30px !important;
}.pr35
{
    padding-right: 35px !important;
}.pr40
{
    padding-right: 40px !important;
}.pr45
{
    padding-right: 45px !important;
}.pr50
{
    padding-right: 50px !important;
}.pr55
{
    padding-right: 55px !important;
}.pr60
{
    padding-right: 60px !important;
}.pr65
{
    padding-right: 65px !important;
}.pr70
{
    padding-right: 70px !important;
}.pr75
{
    padding-right: 75px !important;
}.pr80
{
    padding-right: 80px !important;
}.pr85
{
    padding-right: 85px !important;
}.pr90
{
    padding-right: 90px !important;
}.pr95
{
    padding-right: 95px !important;
}.pr100
{
    padding-right: 100px !important;
}.pb0
{
    padding-bottom: 0 !important;
}.pb5
{
    padding-bottom: 5px !important;
}.pb10
{
    padding-bottom: 10px !important;
}.pb15
{
    padding-bottom: 15px !important;
}.pb20
{
    padding-bottom: 20px !important;
}.pb25
{
    padding-bottom: 25px !important;
}.pb30
{
    padding-bottom: 30px !important;
}.pb35
{
    padding-bottom: 35px !important;
}.pb40
{
    padding-bottom: 40px !important;
}.pb45
{
    padding-bottom: 45px !important;
}.pb50
{
    padding-bottom: 50px !important;
}.pb55
{
    padding-bottom: 55px !important;
}.pb60
{
    padding-bottom: 60px !important;
}.pb65
{
    padding-bottom: 65px !important;
}.pb70
{
    padding-bottom: 70px !important;
}.pb75
{
    padding-bottom: 75px !important;
}.pb80
{
    padding-bottom: 80px !important;
}.pb85
{
    padding-bottom: 85px !important;
}.pb90
{
    padding-bottom: 90px !important;
}.pb95
{
    padding-bottom: 95px !important;
}.pb100
{
    padding-bottom: 100px !important;
}.pl0
{
    padding-left: 0 !important;
}.pl5
{
    padding-left: 5px !important;
}.pl10
{
    padding-left: 10px !important;
}.pl15
{
    padding-left: 15px !important;
}.pl20
{
    padding-left: 20px !important;
}.pl25
{
    padding-left: 25px !important;
}.pl30
{
    padding-left: 30px !important;
}.pl35
{
    padding-left: 35px !important;
}.pl40
{
    padding-left: 40px !important;
}.pl45
{
    padding-left: 45px !important;
}.pl50
{
    padding-left: 50px !important;
}.pl55
{
    padding-left: 55px !important;
}.pl60
{
    padding-left: 60px !important;
}.pl65
{
    padding-left: 65px !important;
}.pl70
{
    padding-left: 70px !important;
}.pl75
{
    padding-left: 75px !important;
}.pl80
{
    padding-left: 80px !important;
}.pl85
{
    padding-left: 85px !important;
}.pl90
{
    padding-left: 90px !important;
}.pl95
{
    padding-left: 95px !important;
}.pl100
{
    padding-left: 100px !important;
}.m0
{
    margin: 0 !important;
}.m5
{
    margin: 5px !important;
}.m10
{
    margin: 10px !important;
}.m15
{
    margin: 15px !important;
}.m20
{
    margin: 20px !important;
}.m25
{
    margin: 25px !important;
}.m30
{
    margin: 30px !important;
}.m35
{
    margin: 35px !important;
}.m40
{
    margin: 40px !important;
}.m45
{
    margin: 45px !important;
}.m50
{
    margin: 50px !important;
}.mt0
{
    margin-top: 0 !important;
}.mt5
{
    margin-top: 5px !important;
}.mt10
{
    margin-top: 10px !important;
}.mt15
{
    margin-top: 15px !important;
}.mt20
{
    margin-top: 20px !important;
}.mt25
{
    margin-top: 25px !important;
}.mt30
{
    margin-top: 30px !important;
}.mt35
{
    margin-top: 35px !important;
}.mt40
{
    margin-top: 40px !important;
}.mt45
{
    margin-top: 45px !important;
}.mt50
{
    margin-top: 50px !important;
}.mt55
{
    margin-top: 55px !important;
}.mt60
{
    margin-top: 60px !important;
}.mt65
{
    margin-top: 65px !important;
}.mt70
{
    margin-top: 70px !important;
}.mt75
{
    margin-top: 75px !important;
}.mt80
{
    margin-top: 80px !important;
}.mt85
{
    margin-top: 85px !important;
}.mt90
{
    margin-top: 90px !important;
}.mt95
{
    margin-top: 95px !important;
}.mt100
{
    margin-top: 100px !important;
}.mr0
{
    margin-right: 0 !important;
}.mr5
{
    margin-right: 5px !important;
}.mr10
{
    margin-right: 10px !important;
}.mr15
{
    margin-right: 15px !important;
}.mr20
{
    margin-right: 20px !important;
}.mr25
{
    margin-right: 25px !important;
}.mr30
{
    margin-right: 30px !important;
}.mr35
{
    margin-right: 35px !important;
}.mr40
{
    margin-right: 40px !important;
}.mr45
{
    margin-right: 45px !important;
}.mr50
{
    margin-right: 50px !important;
}.mr55
{
    margin-right: 55px !important;
}.mr60
{
    margin-right: 60px !important;
}.mr65
{
    margin-right: 65px !important;
}.mr70
{
    margin-right: 70px !important;
}.mr75
{
    margin-right: 75px !important;
}.mr80
{
    margin-right: 80px !important;
}.mr85
{
    margin-right: 85px !important;
}.mr90
{
    margin-right: 90px !important;
}.mr95
{
    margin-right: 95px !important;
}.mr100
{
    margin-right: 100px !important;
}@media screen and (min-width: 640px)
{
    .mr1md
    {
        margin-right: 1em !important;
    }
}.mb0
{
    margin-bottom: 0 !important;
}.mb3
{
    margin-bottom: 3px !important;
}.mb5
{
    margin-bottom: 5px !important;
}.mb10
{
    margin-bottom: 10px !important;
}.mb15
{
    margin-bottom: 15px !important;
}.mb20
{
    margin-bottom: 20px !important;
}.mb25
{
    margin-bottom: 25px !important;
}.mb30
{
    margin-bottom: 30px !important;
}.mb35
{
    margin-bottom: 35px !important;
}.mb40
{
    margin-bottom: 40px !important;
}.mb45
{
    margin-bottom: 45px !important;
}.mb50
{
    margin-bottom: 50px !important;
}.mb55
{
    margin-bottom: 55px !important;
}.mb60
{
    margin-bottom: 60px !important;
}.mb65
{
    margin-bottom: 65px !important;
}.mb70
{
    margin-bottom: 70px !important;
}.mb75
{
    margin-bottom: 75px !important;
}.mb80
{
    margin-bottom: 80px !important;
}.mb85
{
    margin-bottom: 85px !important;
}.mb90
{
    margin-bottom: 90px !important;
}.mb95
{
    margin-bottom: 95px !important;
}.mb100
{
    margin-bottom: 100px !important;
}@media screen and (max-width: 640px)
{
    .mb0_sp
    {
        margin-bottom: 0 !important;
    }.mb3_sp
    {
        margin-bottom: 3px !important;
    }.mb5_sp
    {
        margin-bottom: 5px !important;
    }.mb10_sp
    {
        margin-bottom: 10px !important;
    }.mb15_sp
    {
        margin-bottom: 15px !important;
    }.mb20_sp
    {
        margin-bottom: 20px !important;
    }.mb25_sp
    {
        margin-bottom: 25px !important;
    }.mb30_sp
    {
        margin-bottom: 30px !important;
    }.mb35_sp
    {
        margin-bottom: 35px !important;
    }.mb40_sp
    {
        margin-bottom: 40px !important;
    }.mb45_sp
    {
        margin-bottom: 45px !important;
    }.mb50_sp
    {
        margin-bottom: 50px !important;
    }.mb55_sp
    {
        margin-bottom: 55px !important;
    }.mb60_sp
    {
        margin-bottom: 60px !important;
    }.mb65_sp
    {
        margin-bottom: 65px !important;
    }.mb70_sp
    {
        margin-bottom: 70px !important;
    }.mb75_sp
    {
        margin-bottom: 75px !important;
    }.mb80_sp
    {
        margin-bottom: 80px !important;
    }.mb85_sp
    {
        margin-bottom: 85px !important;
    }.mb90_sp
    {
        margin-bottom: 90px !important;
    }.mb95_sp
    {
        margin-bottom: 95px !important;
    }.mb100_sp
    {
        margin-bottom: 100px !important;
    }
}.ml0
{
    margin-left: 0 !important;
}.ml5
{
    margin-left: 5px !important;
}.ml10
{
    margin-left: 10px !important;
}.ml15
{
    margin-left: 15px !important;
}.ml20
{
    margin-left: 20px !important;
}.ml25
{
    margin-left: 25px !important;
}.ml30
{
    margin-left: 30px !important;
}.ml35
{
    margin-left: 35px !important;
}.ml40
{
    margin-left: 40px !important;
}.ml45
{
    margin-left: 45px !important;
}.ml50
{
    margin-left: 50px !important;
}.ml55
{
    margin-left: 55px !important;
}.ml60
{
    margin-left: 60px !important;
}.ml65
{
    margin-left: 65px !important;
}.ml70
{
    margin-left: 70px !important;
}.ml75
{
    margin-left: 75px !important;
}.ml80
{
    margin-left: 80px !important;
}.ml85
{
    margin-left: 85px !important;
}.ml90
{
    margin-left: 90px !important;
}.ml95
{
    margin-left: 95px !important;
}.ml100
{
    margin-left: 100px !important;
}.contents
{
    width: 100%;margin: 0 auto;
}.contents::after
{display: table;
    clear: both;content: '';
}.contents .main_contents
{
    width: 100%;padding: 0 20px;
}.contents .aside_wrapper
{position: relative;

    width: 100%;
}.contents .aside_wrapper .aside
{
    position: relative;
}@media screen and (min-width: 1025px)
{
    .contents
    {
        width: 1220px;
    }.contents .main_contents
    {
        float: left;width: 980px;
    }.contents .main_contents.column01
    {
        float: none;width: 100%;
    }.contents .aside_wrapper
    {position: relative;

        float: right;width: 230px;
    }.contents .aside_wrapper .aside
    {
        position: relative;
    }
}.main
{
    font-size: 14px;position: relative;
}@media screen and (min-width: 640px)
{
    .inner
    {
        position: relative;width: 1220px;margin: 0 auto;padding: 0 20px;
    }
}@media screen and (min-width: 640px)
{
    .main .inner
    {position: relative;left: -120px;

        width: 940px;margin: 0 auto;
    }
}@media screen and (max-width: 640px)
{
    .main .inner .inner
    {
        width: 100%;padding: 0 15px;
    }
}@media screen and (min-width: 640px)
{
    .main.index .inner
    {
        padding: 0;
    }
}@media screen and (min-width: 640px)
{
    .main.column01 .inner
    {left: 0;

        width: 1220px;
    }
}@media screen and (max-width: 640px)
{
    .main.user .inner
    {
        padding: 0 15px;
    }
}@media screen and (min-width: 640px)
{
    .aside_wrapper
    {
        position: relative;width: 1220px;margin: 0 auto;
    }.aside_wrapper .aside
    {
        position: absolute;z-index: 100;top: 0;right: 0;width: 230px;border-radius: 0 0 3px 3px;background-color: #f0f0eb;box-shadow: 0 2px 2px rgba(0,0,0,.05);
    }
}.header
{
    background: url(../images/bg_header.png) center center no-repeat;background-size: cover;
}@media screen and (min-width: 640px)
{
    .header
    {
        height: 94px;
    }.header .sub_nav > ul
    {
        position: absolute;top: 0;right: 0;width: 334px;height: 40px;padding-left: 30px;text-align: center;background: url(../images/bg_mail.png) no-repeat;
    }.header .sub_nav li
    {
        float: left;text-shadow: 0 -1px 3px rgba(0,0,0,.5);
    }.header .sub_nav li:first-child
    {
        padding-right: 20px;border-right: 1px solid rgba(255,255,255,.2);
    }.header .sub_nav li:last-child
    {
        padding-left: 20px;border-left: 1px solid rgba(0,0,0,.2);
    }.header .sub_nav li.first
    {position: relative;

        padding-left: 15px;
    }.en .header .sub_nav li:first-child
    {
        padding-right: 30px;padding-left: 15px;
    }.en .header .sub_nav li.first
    {
        padding-left: 20px;
    }.header .sub_nav li ul.second_nav
    {position: absolute;z-index: 200;top: 21px;right: -21px;

        display: none;width: 180px;margin: 0;padding-top: 26px;border-radius: 5px;background-image: none;
    }.header .sub_nav li ul.second_nav:before
    {
        position: absolute;top: 16px;right: 50%;width: 0;height: 0;margin-left: -6px;content: '';border-width: 0 6px 10px 6px;border-style: solid;border-color: transparent transparent #2671db transparent;
    }.header .sub_nav li ul.second_nav li
    {
        display: block;float: none;padding: 0;color: #fff;border: none;border-radius: 5px 5px 0 0;background-image: none;
    }.header .sub_nav li ul.second_nav li:first-child
    {font-weight: bold;padding: 8px 5px;

        border-bottom: 1px solid rgba(223,223,223,.56);background-color: #2671db;
    }.header .sub_nav li ul.second_nav li a
    {font-size: .8125em;line-height: 40px;display: block;

        width: 100%;height: 40px;padding: 0 5px 0 20px;text-align: left;border-bottom: 1px solid rgba(223,223,223,.56);background: #2671db url(../images/ico_arrow2.png) 10px center no-repeat;
    }.header .sub_nav li ul.second_nav li a:hover
    {
        background-color: #276a9f;
    }.header .sub_nav li ul.second_nav li:last-child a
    {border: none;
        border-radius: 0 0 3px 3px;
    }.header .sub_nav a
    {font-size: 14px;
        line-height: 24px;display: block;padding: 5px;text-align: center;color: #fff;
    }.header .sub_nav a.mail span
    {line-height: 1.4em;display: inline-block;padding-left: 30px;

        background: url(../images/ico_mail.png) 0 0 no-repeat;
    }.header .sub_nav a.mail:hover
    {
        color: #ff0;
    }.header .sub_nav a.mail:hover span
    {
        background: url(../images/ico_mail_hover.png) no-repeat;
    }.header .sub_nav a.mypage
    {padding-right: 16px;

        background: url(../images/ico_arrow9.png) right center no-repeat;background-size: 8px auto;
    }.header .sub_nav a.mypage span
    {line-height: 1.4em;display: inline-block;padding-left: 24px;

        background: url(../images/ico_mypage.png) no-repeat;
    }.header .sub_nav a.mypage:hover
    {
        color: #ff0;
    }.header .sub_nav a.mypage:hover span
    {
        background: url(../images/ico_mypage_hover.png) no-repeat;
    }.header .sub_nav a.mypage-login span
    {padding: 3px 0 3px 28px;

        background: url(../images/ico_login.png) no-repeat;
    }.header .sub_nav a.mypage-login:hover
    {
        color: #ff0;
    }.header .sub_nav a.mypage-login:hover span
    {
        background: url(../images/ico_login_hover.png) no-repeat;
    }
}@media screen and (min-width: 640px) and (min-width: 640px)
{
    .header .sub_nav .searchbox
    {
        position: absolute;top: 0;right: 333px;width: 260px;margin: 0 auto;
    }.header .sub_nav .searchbox *,
    .header .sub_nav .searchbox *::after,
    .header .sub_nav .searchbox *::before
    {font-family: 'Roboto',sans-serif !important;font-weight: 500;

        box-sizing: content-box;
    }.header .sub_nav .searchbox table
    {
        margin: 1px 0 0 0;table-layout: auto;
    }.header .sub_nav .searchbox table td
    {padding: 3px;

        border: none;
    }.header .sub_nav .searchbox table.gsc-search-box td
    {
        vertical-align: top;
    }.header .sub_nav .searchbox .gsc-input-box
    {
        height: auto;border: none;border-radius: 5px;
    }.header .sub_nav .searchbox .gsc-search-box-tools .gsc-search-box .gsc-input
    {line-height: 24px;min-height: 24px !important;

        box-shadow: none;
    }.header .sub_nav .searchbox .gsst_a
    {line-height: 1;

        position: relative;top: 4px;padding: 0;
    }.header .sub_nav .searchbox .cse .gsc-search-button input.gsc-search-button-v2,
    .header .sub_nav .searchbox input.gsc-search-button-v2
    {
        padding: 6px 14px 5px;
    }.header .sub_nav .searchbox input.gsc-input
    {
        font-size: 13px;
    }.header .sub_nav .searchbox input.gsc-search-button,
    .header .sub_nav .searchbox input.gsc-search-button:hover,
    .header .sub_nav .searchbox input.gsc-search-button:focus
    {
        border-color: #245bb5;border-radius: 5px;background-color: #2671db;
    }
}@media screen and (min-width: 640px)
{
    .header h1
    {
        font-size: 10px;position: absolute;top: 16px;left: 32px;overflow: hidden;width: 550px;height: 12px;white-space: nowrap;text-overflow: ellipsis;color: #fff;
    }.header .logo
    {float: left;

        padding: 38px 20px 0 10px;
    }.header dl
    {
        margin: 0;
    }.header dt
    {
        float: left;padding: 54px 10px 0 0;
    }.header dd
    {
        float: left;padding: 54px 0 0 0;
    }.en .header dd
    {
        padding-top: 44px;
    }
}#sidr-menu
{
    display: none;
}@media screen and (min-width: 640px)
{
    #sidr-menu
    {
        display: none;
    }
}#sidr-menu .second_nav
{
    background-color: #494949;
}#sidr-menu .second_nav .name
{
    font-weight: bold;padding-left: 15px;
}#sidr-menu .searchbox
{
    margin: 0 auto;padding: 10px;
}#sidr-menu .searchbox *,
#sidr-menu .searchbox *::after,
#sidr-menu .searchbox *::before
{font-family: 'Roboto',sans-serif !important;font-weight: 500;

    box-sizing: content-box;
}#sidr-menu .searchbox table
{
    margin: 1px 0 0 0;table-layout: auto;
}#sidr-menu .searchbox table td
{padding: 3px;

    border: none;
}#sidr-menu .searchbox table.gsc-search-box td
{
    vertical-align: top;
}#sidr-menu .searchbox .gsc-input-box
{
    height: auto;border: none;border-radius: 5px;
}#sidr-menu .searchbox .gsc-search-box-tools .gsc-search-box .gsc-input
{
    box-shadow: none;
}#sidr-menu .searchbox .gsst_a
{line-height: 1;

    position: relative;top: 4px;padding: 0;
}#sidr-menu .searchbox .cse .gsc-search-button input.gsc-search-button-v2,
#sidr-menu .searchbox input.gsc-search-button-v2
{
    padding: 6px 14px 5px;
}#sidr-menu .searchbox input.gsc-input
{
    font-size: 13px;
}#sidr-menu .searchbox input.gsc-search-button,
#sidr-menu .searchbox input.gsc-search-button:hover,
#sidr-menu .searchbox input.gsc-search-button:focus
{
    border-color: #245bb5;border-radius: 5px;background-color: #2671db;
}@media screen and (max-width: 640px)
{
    .header
    {
        height: 48px;
    }.header .mail
    {
        display: none;
    }.header dl
    {
        display: none;
    }.header .logo
    {
        text-align: center;
    }.header .logo img
    {height: 28px;
        margin-top: 8px;
    }
}@media screen and (max-width: 640px)
{
    h1
    {
        font-size: 12px;
        margin: 0;
        padding: 10px;
        text-align: center;
        /* color: #fff; */
        /* background-color: #333; */
    }
}@media screen and (max-width: 640px)
{
    #panel-btn
    {
        position: absolute;top: 12px;right: 10px;width: 32px;height: 32px;border-radius: 50%;background: #fff;
    }#panel-btn:hover
    {
        background: #fafafa;
    }#panel-btn.close
    {
        top: 8px;
    }#panel-btn-icon
    {position: absolute;top: 50%;left: 50%;

        display: block;width: 14px;height: 2px;margin: -1px 0 0 -7px;transition: .2s;background: #f57024;
    }#panel-btn-icon:before,
    #panel-btn-icon:after
    {position: absolute;top: 50%;left: 0;

        display: block;width: 14px;height: 2px;content: '';transition: .3s;background: #f57024;
    }#panel-btn-icon:before
    {
        margin-top: -6px;
    }#panel-btn-icon:after
    {
        margin-top: 4px;
    }#panel-btn .close
    {
        background: transparent;
    }#panel-btn .close:before,
    #panel-btn .close:after
    {
        margin-top: 0;
    }#panel-btn .close:before
    {-webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }#panel-btn .close:after
    {-webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }.sidr
    {font-size: 15px;position: fixed;z-index: 999999;top: 0;

        display: block;overflow-x: hidden;overflow-y: auto;width: 260px;height: 100%;color: #fff;background: #333;box-shadow: 0 0 5px 5px #222 inset;
    }.sidr .sidr-inner
    {
        padding: 0 0 15px;
    }.sidr .sidr-inner > p
    {margin-right: 15px;
        margin-left: 15px;
    }.sidr.right
    {right: -260px;
        left: auto;
    }.sidr.left
    {right: auto;
        left: -260px;
    }.sidr ul
    {
        display: block;margin: 0 0 15px;padding: 0;
    }.sidr ul li
    {line-height: 48px;

        display: block;margin: 0;border-top: 1px rgba(0,0,0,.8);border-bottom: 1px solid rgba(0,0,0,.2);
    }.sidr ul li:hover,
    .sidr ul li.active,
    .sidr ul li.sidr-class-active
    {line-height: 49px;

        border-top: 0;
    }.sidr ul li:hover > a,
    .sidr ul li:hover > span
    {
        box-shadow: 0 0 15px 3px rgba(0,0,0,.2) inset;
    }.sidr ul li.active > a,
    .sidr ul li.active > span
    {
        box-shadow: 0 0 15px 3px rgba(0,0,0,.2) inset;
    }.sidr ul li.sidr-class-active > a,
    .sidr ul li.sidr-class-active > span
    {
        box-shadow: 0 0 15px 3px rgba(0,0,0,.2) inset;
    }.sidr ul li a,
    .sidr ul li span
    {display: block;

        padding: 0 15px;text-decoration: none;color: #fff;
    }.sidr ul li ul
    {margin: 0;

        border-bottom: 0;
    }.sidr ul li ul li
    {font-size: 13px;
        line-height: 40px;
    }.sidr ul li ul li:hover,
    .sidr ul li ul li.active,
    .sidr ul li ul li.sidr-class-active
    {line-height: 41px;

        border-top: 0;
    }.sidr ul li ul li:hover > a,
    .sidr ul li ul li:hover > span
    {
        box-shadow: 0 0 15px 3px rgba(255,255,255,.2) inset;
    }.sidr ul li ul li.active > a,
    .sidr ul li ul li.active > span
    {
        box-shadow: 0 0 15px 3px rgba(255,255,255,.2) inset;
    }.sidr ul li ul li.sidr-class-active > a,
    .sidr ul li ul li.sidr-class-active > span
    {
        box-shadow: 0 0 15px 3px rgba(255,255,255,.2) inset;
    }.sidr ul li ul li a,
    .sidr ul li ul li span
    {padding-left: 30px;

        color: rgba(255,255,255,.8);
    }.sidr form
    {
        margin: 0 15px;
    }.sidr label
    {
        font-size: 13px;
    }
}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto
{
    display: none;
}.bx-wrapper .bx-pager.bx-default-pager a:hover
{
    background-color: #ffddbf !important;
}.main_visual
{
    display: none;
}@media screen and (min-width: 640px)
{
    .main_visual
    {position: relative;

        display: block;height: 480px;background-color: #f2f0ed;
    }.main_visual .inner
    {
        z-index: 100;
    }.main_visual ul.visual_img li
    {position: relative;overflow: hidden;

        width: 100%;height: 480px;
    }.main_visual ul.visual_img li .bg
    {
        width: auto;max-width: 1980px;min-height: 480px;margin: 0 auto;
    }.main_visual ul.visual_img li .front
    {
        position: absolute;top: 0;left: 50%;margin-left: -609px;
    }.main_visual ul.visual_img li .center
    {
        position: absolute;top: 0;left: 50%;width: 1627px !important;max-width: 1627px !important;height: 480px;margin-left: -813px;
    }
}.visual_sp
{
    display: none;
}@media screen and (min-width: 640px)
{
    .visual_sp
    {
        display: none;
    }
}.visual_sp .bx-wrapper
{
    margin-bottom: 60px;
}.visual_sp .slide li span
{font-size: .8em;font-weight: bold;display: block;padding: 5px;

    text-align: right;text-decoration: underline;color: #e99645;
}.visual_sp p
{width: 300px;
    margin: 8px auto 0;
}.visual_sp p a
{
    padding: 10px 0 6px;
}.visual_sp .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager
{
    bottom: -36px;
}.visual_sp .bx-wrapper .bx-pager.bx-default-pager a
{width: 14px;height: 14px;border-radius: 14px;
    background-color: #ccc;
}.visual_sp .sp_nav
{
    padding-left: 1%;
}.visual_sp .sp_nav::after
{display: table;
    clear: both;content: '';
}.visual_sp .sp_nav li a
{font-size: 14px;line-height: 48px;float: left;box-sizing: border-box;width: 49%;margin-right: 1%;padding: 0 10px;cursor: pointer;text-align: center;

    color: #fff;color: #fff;border-radius: 3px;background-color: #f63;
}.visual_sp .sp_nav li a:hover
{
    background-color: #ff8e2c;
}.visual_sp .sp_nav li span
{line-height: 1.3;

    display: inline-block;vertical-align: middle;
}.plan_search
{position: relative;

    display: none;padding-top: 50px;
}@media screen and (min-width: 640px)
{
    .plan_search
    {position: absolute;top: 0;right: 0;

        display: block;width: 380px;height: 480px;color: #fff;background-color: rgba(0,0,0,.7);
    }.plan_search h2
    {font-weight: bold;position: absolute;top: 0;left: 0;margin: 0;
        padding: 16px;color: #fff;
    }.plan_search h2 span
    {
        padding: 7px 0 5px 30px;background: url(../images/ico_search.png) left center no-repeat;
    }.plan_search .tab_sec1
    {width: 100%;margin-bottom: 6px;padding-left: 11px;

        border-collapse: separate;border-bottom: 3px solid #f63;
    }.plan_search select
    {
        height: 34px;
    }.plan_search ul::after
    {display: table;
        clear: both;content: '';
    }.plan_search ul li
    {font-size: 14px;font-weight: bold;line-height: 48px;

        float: left;box-sizing: border-box;width: 118px;margin-right: 2px;padding: 0 10px;cursor: pointer;text-align: center;color: #333;border-radius: 3px 3px 0 0;background-color: #f2ecda;
    }.plan_search ul li span
    {line-height: 1.3;

        display: inline-block;vertical-align: middle;
    }.plan_search ul li.active
    {
        background-color: #f63;
    }.plan_search ul li.active span
    {
        color: #fff;
    }.plan_search dl
    {margin: 0;
        padding: 5px 15px 0;
    }.plan_search dl dt
    {
        margin-bottom: 4px;
    }.plan_search dl dd
    {
        margin: 0;
    }.plan_search dl dd select,
    .plan_search dl dd input[type='text']
    {font-size: 14px;

        width: 100%;margin: 0;padding: 4px 6px;border: none;border-radius: 3px;
    }.plan_search dl dd input[type='text']
    {
        padding: 8px 6px;
    }.plan_search dl dd label
    {font-size: 14px;

        display: inline-block;margin-right: 8px;
    }.plan_search dl dd label:last-child
    {
        margin-right: 0;
    }
}.plan_search p
{width: 300px;
    margin: 8px auto 0;
}.plan_search p a
{
    font-weight: bold;padding: 8px;
}.aside
{font-size: 14px;

    padding: 15px 0;
}.aside .btn_bnr
{margin-bottom: 50px;

    text-align: center;
}.aside .btn_bnr li
{
    margin-bottom: 5px;
}@media screen and (max-width: 640px)
{
    .aside .btn_bnr
    {
        margin-bottom: 30px;
    }.aside .btn_bnr li
    {display: inline-block;

        width: 46%;margin: 1%;padding: 2%;text-align: center;
    }
}.aside .baliscoop
{
    padding: 0 15px 20px;
}.aside .baliscoop h3
{margin-bottom: 5px;
    padding: 0 5px;
}.aside .baliscoop .lead
{font-size: 14px;margin-bottom: 10px;padding-bottom: 8px;

    border-bottom: 1px dotted #999;
}.aside .baliscoop li a
{
    text-decoration: underline;
}.aside .baliscoop li a:hover
{
    text-decoration: none;
}.aside .baliscoop dl dt
{
    text-align: center;
}.aside .baliscoop .more a
{font-size: 14px;font-weight: normal;

    width: 200px;padding: 8px 0 5px;
}@media screen and (max-width: 640px)
{
    .aside .baliscoop
    {
        text-align: center;
    }.aside .baliscoop h3 img
    {
        width: 80%;
    }.aside .baliscoop dl
    {
        margin-bottom: 15px;
    }.aside .baliscoop dl::after
    {display: table;
        clear: both;content: '';
    }.aside .baliscoop dl dt
    {
        float: left;width: 40%;margin-right: 10px;
    }.aside .baliscoop dl dd
    {
        text-align: left;
    }
}.aside .like_bali
{
    padding: 0 15px 20px;
}.aside .like_bali h3
{margin-bottom: 5px;
    padding: 0 5px;
}.aside .like_bali .lead
{margin-bottom: 10px;padding-bottom: 8px;

    border-bottom: 1px dotted #999;
}.aside .like_bali ul
{
    margin-bottom: 15px;
}.aside .like_bali li .label
{font-size: 13px;

    display: inline-block;
}.aside .like_bali li dd
{
    margin-bottom: 5px;
}.aside .like_bali li dd dl
{
    margin-bottom: 5px;
}.aside .like_bali li .comment
{padding-left: 30px;

    background: url(../images/ico_comment.png) left center no-repeat;
}.aside .like_bali li .comment a
{
    text-decoration: underline;
}.aside .like_bali li .comment a:hover
{
    text-decoration: none;
}.aside .like_bali .more a
{font-size: 14px;font-weight: normal;

    width: 200px;padding: 8px 0 5px;
}@media screen and (max-width: 640px)
{
    .aside .like_bali
    {
        text-align: center;
    }.aside .like_bali h3 img
    {
        width: 80%;
    }.aside .like_bali dl
    {
        margin-bottom: 15px;
    }.aside .like_bali dl::after
    {display: table;
        clear: both;content: '';
    }.aside .like_bali dl dt
    {
        float: left;width: 40%;
    }.aside .like_bali dl dd
    {
        float: right;width: 60%;padding-left: 10px;text-align: left;
    }.aside .like_bali dl dd dl dt
    {float: none;

        width: 100%;
    }.aside .like_bali dl dd dl dd
    {width: 100%;margin-left: 0;
        padding-left: 0;
    }.aside .like_bali dl .comment
    {position: relative;
        left: 10px;
    }
}.aside #fb-root
{
    margin-left: 5px;
}.aside .fb-page
{display: block;

    margin-bottom: 30px;text-align: center;
}.aside .fb-page > span
{
    width: 230px;
}.aside .fb-page > span > iframe
{
    width: 230px;
}.aside .maimai_magazine
{
    padding: 0 15px 20px;
}.aside .maimai_magazine ul
{
    margin-bottom: 15px;
}.aside .maimai_magazine ul li
{
    margin-bottom: 30px;
}.aside .maimai_magazine ul li dl
{
    padding: 0 5px;
}.aside .maimai_magazine ul li dt
{
    text-align: center;
}.aside .maimai_magazine ul li dt.ph
{
    padding: 0 20px;
}@media screen and (max-width: 640px)
{
    .aside .maimai_magazine
    {
        display: none;
    }
}.aside .aside_bnr
{
    text-align: center;
}.aside .aside_bnr li
{
    margin-bottom: 5px;
}@media screen and (max-width: 640px)
{
    .aside .aside_bnr
    {
        display: none;
    }
}.detail .price dt
{
    margin: 0;
}.detail .price .usd
{
    font-size: 21px;font-weight: bold;font-style: italic;color: #e05865;
}.detail .price .usd span
{
    font-size: 30px;
}.detail .table_style
{
    width: 100%;margin-bottom: 40px;
}.detail iframe
{
    margin-bottom: 20px;
}.detail .message
{
    margin-bottom: 40px;
}.detail .movie
{
    margin-bottom: 40px;
}.detail .baliscoop
{
    margin-bottom: 40px;
}.detail .baliscoop h3 span
{
    display: none;
}.detail .baliscoop p
{margin-bottom: 15px;padding-bottom: 8px;

    text-align: center;border-bottom: 1px dotted #999;
}.detail .baliscoop dl
{
    margin-bottom: 20px;
}.detail .baliscoop dl dt
{
    text-align: center;
}.detail .baliscoop .label
{line-height: 1;display: inline-block;margin-bottom: 8px;
    padding: 2px 8px;
}.detail .baliscoop .title
{
    font-weight: bold;margin-bottom: 5px;
}.detail .baliscoop .more
{
    border: none;
}.detail .baliscoop .more a
{font-size: 14px;
    font-weight: 500;
}@media screen and (max-width: 640px)
{
    .detail .baliscoop > h3
    {
        font-size: 20px;font-weight: bold;margin: 0 0 20px;padding-bottom: 8px;border-bottom: 1px solid #f67726;
    }.detail .baliscoop > h3 img
    {
        display: none;
    }.detail .baliscoop > h3 span
    {
        display: block;
    }
}.detail .aside_tag
{
    margin-bottom: 30px;
}.detail .aside_tag li
{font-size: .9em;

    display: inline-block;margin: 0 8px 12px 0;
}.detail .banner li
{
    margin-bottom: 10px;text-align: center;
}.detail .banner li:last-child
{
    margin-bottom: 0;
}.detail .banner img
{
    vertical-align: bottom;
}.topics
{
    padding: 30px 0;
}.topics dl::after
{display: table;
    clear: both;content: '';
}.topics dl dt
{
    float: left;margin-right: 10px;
}.topics dl dt .label
{display: inline-block;

    width: 7em;text-align: center;
}.topics dl dd a
{padding-left: 14px;

    background: url(../images/ico_arrow.png) left center no-repeat;
}.topics dl dd a:hover
{
    text-decoration: underline;
}@media screen and (max-width: 640px)
{
    .topics
    {margin-bottom: 30px;
        padding: 30px 15px 20px;border-bottom: 1px solid #ccc;
    }.topics dl:nth-child(3),
    .topics dl:nth-child(4)
    {
        display: none;
    }.topics dt
    {
        margin-bottom: 5px;
    }.topics dd a
    {display: block;
        clear: both;background-position: 0 5px !important;
    }
}.item::after
{display: table;
    clear: both;content: '';
}.item > li
{position: relative;float: left;margin-right: 20px;margin-bottom: 20px;
    padding: 10px;border-radius: 3px;
}.item > li .lead
{
    font-size: 13px;font-weight: bold;margin-bottom: 6px;
}.item > li .title
{font-size: 15px;font-weight: bold;line-height: 1.5;margin-bottom: 8px;

    color: #369;
}.item > li .tag
{
    font-size: 12px;font-weight: 500;display: block;margin-bottom: 8px;padding: 0 0 4px;border-bottom: 1px solid #dbdbd3;
}.item > li .image
{
    margin-bottom: 0;
}.item > li .price
{margin-bottom: .75em;padding: 0 5px;

    border-top: 1px dotted #999;border-bottom: 1px dotted #999;
}.item > li .price::after
{display: table;
    clear: both;content: '';
}.item > li .price dt
{
    float: left;
}.item > li .price p,
.item > li .price dd,
.item > li .price .price_usd
{font-family: Roboto,sans-serif;font-weight: bold;font-style: italic;line-height: 1.7;

    float: right;margin-bottom: 0;color: #e05865;
}.item > li .price p span,
.item > li .price dd span,
.item > li .price .price_usd span
{
    font-size: 22px;padding: 0 2px;
}.item > li .price .label
{
    margin-top: 10px;
}.item > li .price2 dl
{
    margin-bottom: 5px;
}.item > li .price2 dt
{font-size: 12px;font-weight: bold;

    text-align: center;color: #e05865;
}.item > li .price2 dt span
{
    font-size: 22px;
}.item > li .price2 dd
{font-size: 16px;

    text-align: center;color: #333;
}.item > li .price3 p
{
    font-size: 24px;font-weight: bold;margin-bottom: 8px;color: #f33;
}.item > li .sale_copy
{font-size: 12px;font-weight: bold;margin-bottom: 8px;padding: 3px;

    text-align: center;color: #fff;border-radius: 30px;background-color: #e05865;
}.item > li .sale_txt
{font-size: 12px;font-weight: bold;margin-bottom: 8px;

    text-align: center;color: #e05865;
}.item > li .normal_price
{font-size: 12px;font-weight: 500;margin-bottom: 3px;

    text-align: center;
}.item > li .special_price
{font-size: 24px;font-weight: bold;margin-bottom: 0;

    text-align: center;color: #f33;
}.item > li .jp_price
{font-size: 12px;font-weight: 600;margin-bottom: 3px;

    text-align: center;
}.item > li .jp_price-desc
{font-size: 10px;font-weight: 500;

    text-align: center;
}.item > li .ico-list
{
    margin-bottom: 5px;
}.item > li .ico-list::after
{display: table;
    clear: both;content: '';
}.item > li .label
{font-size: 12px;display: inline-block;

    margin: 0 5px 5px 0;
}.item > li .body
{
    line-height: 1.5;margin-bottom: 0;
}.item > li .rank
{font-family: Roboto,sans-serif;font-weight: bold;font-style: italic;

    position: absolute;z-index: 100;top: -10px;left: -10px;width: 103px;height: 53px;padding: 14px 0 0 55px;color: #fff;background: url(../images/bg_rank.png) left top no-repeat;
}.item > li .btn
{
    width: 80%;margin: 0 auto 15px;text-align: center;
}.item > li .btn a
{
    padding: 5px;
}.item > li a:hover .title
{
    color: #fd6f07;
}.item.medium .image
{overflow: hidden;

    width: 200px;height: 124px;margin-bottom: 8px;
}.item.medium .image img
{
    width: auto;min-height: 124px;
}.item.medium > li
{width: 220px;

    background-color: #f3f3ee;
}.item.medium > li:nth-child(4n+4)
{
    margin-right: 0;
}.item.medium > li .price
{
    background-color: #fff;
}.column01 .item.medium > li:nth-child(4n+4)
{
    margin-right: 20px;
}.column01 .item.medium > li:nth-child(5n+5)
{
    margin-right: 0;
}.item.large .image
{overflow: hidden;

    width: 280px;height: 174px;margin-bottom: 8px;
}.item.large .image img
{
    width: auto;min-height: 174px;
}.item.large > li
{width: 300px;

    background-color: #fff;box-shadow: 0 2px 2px rgba(0,0,0,.05);
}.item.large > li:nth-child(3n+3)
{
    margin-right: 0;
}.item.large > li .price
{
    background-color: #f4f3ea;
}@media screen and (max-width: 640px)
{
    .item > li
    {
        width: 100%;
    }.item > li::after
    {display: table;
        clear: both;content: '';
    }.item > li .image
    {float: left;

        width: 45%;padding-right: 0;
    }.item > li .image img
    {
        width: 100%;vertical-align: bottom;
    }.pickup .item > li .image
    {
        padding-right: 12px;
    }.feature .item > li .btn
    {
        clear: both;
    }.item > li .title
    {font-size: 16px;

        margin-bottom: 5px;
    }.item > li .price
    {
        float: none;margin-bottom: 0;padding: 0;border: none;background-color: #fff;
    }.item > li .price dt
    {
        display: none;
    }.item > li .price dd
    {float: right;
        clear: right;
    }.item > li .price dd span
    {
        font-size: 18px;
    }.item > li .body
    {
        float: none;
    }.item.medium > li
    {
        width: 100%                                                                                ;width: 100%;margin-bottom: 20px;padding: 15px;border: 1px solid #f3f3ee;background-color: #f3f3ee;
    }.item.medium > li .image
    {float: left;

        width: 45%;height: auto;margin-right: 5%;margin-bottom: 16px;padding-right: 0;
    }.item.medium > li .image img
    {
        height: auto;min-height: auto;
    }.item.medium > li:nth-child(even)
    {
        margin: 0 0 20px;background-color: #fff;
    }.item.medium > li:last-child
    {
        margin-bottom: 0;
    }.item.medium > li .title
    {
        margin-bottom: 8px;
    }.item.medium > li .price
    {padding: 0;

        border: none;background-color: transparent;
    }.item.medium > li .sale_copy,
    .item.medium > li .sale_txt,
    .item.medium > li .normal_price,
    .item.medium > li .special_price,
    .item.medium > li .jp_price
    {
        float: right;clear: right;width: 50%;
    }.item.medium > li .special_price
    {
        font-size: 21px;
    }.item.medium > li .text-xs
    {
        clear: both;text-align: center;
    }.item.large
    {
        padding: 0 10px;
    }.item.large > li
    {
        width: 100%;margin-bottom: 10px;
    }.item.large > li .image
    {
        float: none;margin-right: auto;margin-left: auto;
    }.item.large > li .image img
    {
        width: 100%;
    }.item.large > li .price
    {
        background-color: #fff;
    }.item.sp_2column .image
    {
        float: left;clear: left;width: 45%;margin-right: 5%;
    }.item.sp_2column .image img
    {
        margin-bottom: 4px;
    }.item.sp_2column .tag,
    .item.sp_2column .title,
    .item.sp_2column .price3,
    .item.sp_2column .sale_copy,
    .item.sp_2column .sale_txt,
    .item.sp_2column .normal_price,
    .item.sp_2column .special_price
    {
        float: right;clear: right;width: 50%;
    }.item.sp_2column .title,
    .item.sp_2column .special_price
    {
        font-size: 22px;
    }.item.sp_2column .btn
    {
        clear: both;padding-top: 12px;
    }
}.relation .item li
{padding: 10px;border: none;
    background-color: #f3f3ee;
}.relation .item li .price
{font-family: Roboto,sans-serif;font-weight: bold;font-style: italic;line-height: 1.7;text-align: right;color: #e05865;
    background-color: #fff;
}.relation .item li .price span
{
    font-size: 22px;padding: 0 2px;
}.relation .item li .image img
{width: auto;
    height: 133px;
}.pagination
{
    padding: 0 0 30px;
}.pagination ul
{
    text-align: center;
}.pagination ul li
{
    display: inline-block;margin: 0 2px 4px;
}.pagination ul li a
{line-height: 26px;display: block;width: 26px;height: 26px;text-decoration: none;

    color: #454545;border: 1px solid #dedede;
}.pagination ul li a:hover
{color: #fff;
    background-color: #ff8016;
}.pagination ul li.active a
{color: #fff;border: 1px solid #ff8016;
    background-color: #ff8016;
}.pagination ul li.next a,
.pagination ul li.prev a
{
    width: auto;padding: 0 15px;
}.search
{
    display: table;margin-bottom: 10px;
}.search .search_inner
{
    display: table-row;
}.search .col01
{font-size: 18px;font-weight: bold;line-height: 1.3;

    display: table-cell;box-sizing: border-box;width: 140px;text-align: center;vertical-align: middle;color: #fff;border-radius: 3px 0 0 3px;background: url(../images/bg_black.jpg) center center;box-shadow: 0 2px 2px rgba(0,0,0,.1);
}.search .col01 h4
{font-weight: bold;margin-bottom: 0;

    color: #fff;
}.search .col01 h4 span
{font-size: 22px;

    display: block;
}.search .col01 .accordion_icon
{
    display: none;
}.search .col02
{
    display: table-cell;box-sizing: border-box;width: 800px;padding: 13px 13px 5px 13px;border-radius: 0 3px 3px 0;background-color: #fff;box-shadow: 0 2px 2px rgba(0,0,0,.05);
}.search .col02 li
{
    display: inline-block;margin: 0 8px 12px 0;
}@media screen and (max-width: 640px)
{
    .search
    {
        display: block;width: 100%;padding: 0 10px;
    }.search .search_inner
    {
        display: block;width: 100%;
    }.search .col01
    {position: relative;

        display: block;width: 100%;padding: 8px 0 8px 12px;cursor: pointer;border-radius: 3px;
    }.search .col01 h4
    {font-size: 14px;line-height: 26px;

        text-align: left;
    }.search .col01 h4 span
    {font-size: 20px;

        display: inline;padding-right: 5px;
    }.search .col01 .accordion_icon
    {line-height: 25px;

        position: absolute;top: 9px;right: 9px;display: inline-block;box-sizing: border-box;width: 25px;height: 25px;transition: all .4s;border-radius: 100%;background-color: #fff;
    }.search .col01 .accordion_icon span
    {position: absolute;left: 6px;

        display: inline-block;box-sizing: border-box;width: 50%;height: 3px;transition: all .4s;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #f63;-ms-border-radius: 4px;-o-border-radius: 4px;
    }.search .col01 .accordion_icon span:nth-of-type(1)
    {
        top: 10px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
    }.search .col01 .accordion_icon span:nth-of-type(2)
    {
        top: 10px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);
    }.search .col01.active
    {
        border-radius: 3px 3px 0 0;
    }.search .col01.active .accordion_icon span:nth-of-type(1)
    {
        display: none;
    }.search .col01.active .accordion_icon span:nth-of-type(2)
    {
        top: 10px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);
    }.search .col02
    {
        display: block;width: 100%;padding: 10px 10px 8px 10px;border-radius: 0 0 3px 3px;background-color: #f8f8f2;
    }.search .col02 li
    {
        margin: 0 4px 8px 0;
    }
}.pickup
{
    padding-bottom: 35px;
}@media screen and (max-width: 640px)
{
    .pickup .item > li:nth-child(n+4)
    {
        display: none;
    }
}.ranking
{padding: 40px 0;

    background: url(../images/bg_blue.jpg) center center no-repeat;background-size: cover;
}.ranking .item
{
    margin-bottom: 20px;
}.ranking .item .image
{
    margin-top: 18px;
}.ranking .tab_sec2
{width: 100%;margin-bottom: 20px;padding-left: 11px;

    border-collapse: separate;border-bottom: 3px solid #f63;
}.ranking .tab_sec2 ul::after
{display: table;
    clear: both;content: '';
}.ranking .tab_sec2 ul li
{font-size: 16px;font-weight: bold;line-height: 46px;

    float: left;box-sizing: border-box;margin-right: 10px;padding: 0 20px;cursor: pointer;text-align: center;color: #333;border-radius: 3px 3px 0 0;background-color: #f2ecda;
}.ranking .tab_sec2 ul li span
{line-height: 1.3;

    display: inline-block;vertical-align: middle;
}.ranking .tab_sec2 ul li.active
{
    background-color: #f63;
}.ranking .tab_sec2 ul li.active span
{
    color: #fff;
}@media screen and (max-width: 640px)
{
    .ranking
    {
        padding: 30px 0;
    }.ranking .item
    {
        margin-bottom: 0;
    }.ranking .tab_sec2
    {
        padding-left: 3.5%;
    }.ranking .tab_sec2 ul li
    {
        font-size: 14px;width: 31%;margin-right: 1%;padding: 0 10px;
    }
}.tour
{padding: 40px 0;

    background: url(../images/bg_green.jpg) center center no-repeat;background-size: cover;
}.tour .item
{
    margin-bottom: 20px;
}.tour .more
{
    margin: 40px 0 20px 0;
}@media screen and (max-width: 640px)
{
    .tour
    {
        padding: 30px 0;
    }.tour .item
    {
        margin-bottom: 0;
    }.tour .item li:nth-child(n+4)
    {
        display: none;
    }.tour .more
    {
        margin: 20px 0;
    }
}.spa
{padding: 40px 0;

    background: url(../images/bg_red.jpg) center center no-repeat;background-size: cover;
}.spa .item
{
    margin-bottom: 20px;
}.spa .more
{
    margin: 40px 0 20px 0;
}@media screen and (max-width: 640px)
{
    .spa
    {
        padding: 30px 0;
    }.spa .item
    {
        margin-bottom: 0;
    }.spa .item li:nth-child(n+4)
    {
        display: none;
    }.spa .more
    {
        margin: 20px 0;
    }
}.hotel
{padding: 40px 0;

    background: url(../images/bg_yellow.jpg) center center no-repeat;background-size: cover;
}.hotel .item
{
    margin-bottom: 20px;
}.hotel .more
{
    margin: 40px 0 20px 0;
}@media screen and (max-width: 640px)
{
    .hotel
    {
        padding: 30px 0;
    }.hotel .item
    {
        margin-bottom: 0;
    }.hotel .item li:nth-child(n+4)
    {
        display: none;
    }.hotel .item li .price dt
    {
        display: block;float: right;margin-top: 0;
    }.hotel .more
    {
        margin: 20px 0;
    }
}.gourmet
{padding: 40px 0;

    background: url(../images/bg_orange.jpg) center center no-repeat;background-size: cover;
}.gourmet .item
{
    margin-bottom: 20px;
}.gourmet .more
{
    margin: 40px 0 20px 0;
}@media screen and (max-width: 640px)
{
    .gourmet
    {
        display: none;padding: 30px 0;
    }.gourmet .item
    {
        margin-bottom: 0;
    }.gourmet .more
    {
        margin: 20px 0;
    }
}@media screen and (min-width: 640px)
{
    .optional_tour .table_style
    {
        margin: 0 auto;
    }
}@media screen and (min-width: 640px)
{
    .catalog
    {
        position: relative;
    }.catalog dl
    {
        position: absolute;top: 12px;right: 0;
    }
}.catalog dt,
.catalog dd,
.catalog li,
.catalog ul
{
    display: inline;
}@media screen and (max-width: 640px)
{
    .catalog
    {margin-bottom: 20px;
        padding: 0 15px;
    }.catalog .hline03
    {
        margin-bottom: 10px;
    }
}@media screen and (min-width: 640px)
{
    .tour_catalog li::after
    {display: table;
        clear: both;content: '';
    }.tour_catalog .col01
    {
        float: left;width: 220px;margin-right: 20px;
    }.tour_catalog .col02
    {
        float: left;width: 620px;
    }.tour_catalog .col03
    {
        float: right;width: 300px;
    }.tour_catalog .col03 th
    {padding: 10px;

        text-align: center;
    }.tour_catalog .col03 td
    {
        padding: 10px;
    }.tour_catalog.column_two .col01
    {
        float: left;width: 220px;
    }.tour_catalog.column_two .col02
    {font-size: .9em;

        float: left;width: 450px;margin-right: 20px;
    }.tour_catalog.column_two .col03
    {font-size: .9em;

        float: right;width: 200px;
    }.tour_catalog.column_two .col03 dt
    {
        font-weight: normal;margin-bottom: 0;
    }.tour_catalog.column_two .col03 dt strong
    {
        font-size: 20px;
    }.tour_catalog.column_two .col03 dt strong span
    {
        font-size: 20px;
    }.tour_catalog.column_two .col03 .yen
    {margin-bottom: 15px;

        text-align: right;
    }.tour_catalog.column_two .col03 dd
    {font-size: 12px;

        text-align: left;
    }
}.tour_catalog .catalog_item
{margin-bottom: 20px;padding-bottom: 15px;

    border-bottom: 1px solid #ccc;
}.tour_catalog .catalog_item .icon
{
    margin-bottom: 6px;
}.tour_catalog .catalog_item h2
{
    font-size: 24px;font-weight: bold;margin-bottom: 8px;padding-bottom: 8px;letter-spacing: -.05em;border-bottom: 1px solid #e9e9e9;
}@media screen and (max-width: 640px)
{
    .tour_catalog .catalog_item h2
    {
        font-size: 20px;
    }
}.tour_catalog .catalog_item h2 a
{
    color: #477dca;
}.tour_catalog .catalog_item h2 a:hover
{
    text-decoration: underline;
}.tour_catalog .catalog_item h2 span
{
    font-size: 12px;display: inline-block;letter-spacing: 0;color: #69758f;
}@media screen and (min-width: 640px)
{
    .tour_catalog .catalog_item h2 span
    {
        margin-left: 4px;
    }
}.tour_catalog .catalog_item .lead
{font-size: 1em;margin-bottom: 0;

    color: #999;
}.tour_catalog .catalog_item de h3
{
    font-size: 18px;font-weight: bold;margin-bottom: 12px;letter-spacing: -.05em;
}.tour_catalog .catalog_item de h3 a
{
    color: #369;
}.tour_catalog .catalog_item de h3 a:hover
{
    text-decoration: underline;
}.tour_catalog .catalog_item .en
{
    font-size: 11px;font-weight: bold;margin-bottom: 12px;color: #69758f;
}.tour_catalog .catalog_item ul
{
    display: inline-block;margin: 0 0 8px;
}.tour_catalog .catalog_item ul li
{
    display: inline-block;margin-right: 5px;margin-bottom: 5px;
}.tour_catalog .catalog_item .detail
{
    text-align: right;
}.tour_catalog .catalog_item .detail a
{
    font-size: 16px;display: inline-block;padding: 4px 15px 2px;
}.tour_catalog .catalog_item dt
{
    margin-bottom: 10px;text-align: center;
}.tour_catalog .catalog_item dt strong
{
    font-size: 26px;font-style: italic;color: #e05865;
}.tour_catalog .catalog_item dt strong span
{
    font-size: 20px;padding-right: 5px;
}.tour_catalog .catalog_item .sale_copy
{font-size: 12px;font-weight: bold;margin-bottom: 8px !important;padding: 3px;

    text-align: center !important;color: #fff;border-radius: 30px;background-color: #e05865;
}.tour_catalog .catalog_item .sale_txt
{font-size: 12px;font-weight: bold;margin-bottom: 4px;

    text-align: center !important;color: #e05865;
}.tour_catalog .catalog_item .normal_price
{font-size: 12px;font-weight: 500;margin-bottom: 0;

    text-align: center !important;
}.tour_catalog .catalog_item .special_price
{font-size: 24px !important;font-weight: bold;margin-bottom: 0;

    text-align: center !important;color: #f33;
}.tour_catalog .catalog_item .jp_price
{font-size: 12px;font-weight: 600;margin-bottom: 4px;

    text-align: center !important;
}.tour_catalog .catalog_item .jp_price-desc
{font-size: 10px !important;font-weight: 500;margin-bottom: 4px;

    text-align: center !important;
}.tour_catalog.column_two .catalog_item
{padding: 15px;border-radius: 5px;
    background-color: #f7f4ea;
}.tour_catalog.column_two .catalog_item .detail
{
    margin-bottom: 10px;text-align: center;
}.tour_catalog.column_two .catalog_item .col03
{
    text-align: center;
}.tour_catalog.column_two .catalog_item .col03 dt
{
    font-weight: normal;margin-bottom: 0;
}.tour_catalog.column_two .catalog_item .col03 dt strong
{
    font-size: 20px;
}.tour_catalog.column_two .catalog_item .col03 dt strong span
{
    font-size: 20px;
}.tour_catalog.column_two .catalog_item .col03 .yen
{
    font-size: 14px;font-style: italic;margin-bottom: 8px;padding-right: 5px;color: #e05865;
}.tour_catalog.column_two .catalog_item .col03 dd
{
    font-size: 12px;
}@media screen and (max-width: 640px)
{
    .tour_catalog > ul
    {padding: 10px;

        background-color: #ededed;
    }.tour_catalog .catalog_item
    {margin: 0 0 10px;
        padding: 10px;border: none;border-radius: 3px;background-color: #fff;box-shadow: 0 2px 2px rgba(0,0,0,.1);
    }.tour_catalog .catalog_item::after
    {display: table;
        clear: both;content: '';
    }.tour_catalog .catalog_item .col01
    {
        float: left;width: 40%;margin-bottom: 10px;padding-right: 10px;
    }.tour_catalog .catalog_item .col02
    {
        float: right;width: 60%;
    }.tour_catalog .catalog_item .col02 h2
    {
        font-size: 14px;margin-bottom: 6px;padding-bottom: 6px;
    }.tour_catalog .catalog_item .col02 h3
    {
        font-size: 15px;margin-bottom: 5px;
    }.tour_catalog .catalog_item .col02 .en
    {font-size: 9px;

        margin-bottom: 0;
    }.tour_catalog .catalog_item .col02 ul
    {line-height: 1;

        margin-bottom: 5px;
    }.tour_catalog .catalog_item .col02 ul .label
    {
        font-size: 12px;line-height: 1.5;
    }.tour_catalog .catalog_item .col02 ul .label span
    {
        background-position: 2px 1px !important;
    }.tour_catalog .catalog_item .col02 .detail
    {
        display: none;
    }.tour_catalog .catalog_item .col03
    {
        clear: both;
    }.tour_catalog .catalog_item .col03 dt
    {
        margin: 8px 0;padding: 8px 15px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;
    }.tour_catalog .catalog_item .col03 dt strong
    {
        font-size: 20px;
    }.tour_catalog .catalog_item .col03 dt strong span
    {
        font-size: 14px;
    }.tour_catalog .catalog_item .col03 table
    {
        font-size: 12px;width: 100%;
    }.tour_catalog .catalog_item .col03 table th
    {
        width: 25%;text-align: center;
    }.tour_catalog .catalog_item .body
    {
        display: none;
    }.tour_catalog.column_two
    {margin-right: -20px;
        margin-left: -20px;
    }.tour_catalog.column_two .catalog_item
    {padding-bottom: 30px;

        background-color: #fff;
    }
}.catalog_item2 .catalog_item2-list
{
    margin-bottom: 30px;padding-bottom: 25px;border-bottom: 1px solid #ebebeb;
}.catalog_item2 .catalog_item2-list::after
{display: table;
    clear: both;content: '';
}@media screen and (min-width: 640px)
{
    .catalog_item2 .catalog_item2-list .col01
    {
        float: left;overflow: hidden;width: 280px;height: 180px;
    }.catalog_item2 .catalog_item2-list .col02
    {
        float: right;width: 640px;
    }
}.catalog_item2 .catalog_item2-list h3
{
    font-size: 18px;font-weight: bold;line-height: 1.3;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #ddd;
}.catalog_item2 .catalog_item2-list h3 a
{
    color: #00a0e9;
}.catalog_item2 .catalog_item2-list h3 a:hover
{
    text-decoration: underline;
}.catalog_item2 .catalog_item2-list .data
{
    font-size: 12px;color: #858585;
}.catalog_item2 .catalog_item2-list .body
{
    margin-bottom: 0;
}.menu_tab
{margin-bottom: 30px;

    text-align: center;border-bottom: 2px solid #fd7c1e;
}.menu_tab ul
{
    margin-bottom: -2px;
}.menu_tab li
{
    display: inline-block;width: 320px;
}.menu_tab li a
{font-size: 16px;font-weight: bold;

    display: block;padding: 8px 24px 6px;border: 1px solid rgba(253,124,30,.4);border-bottom: none;border-radius: 3px 3px 0 0;background-color: rgba(253,124,30,.6);background-image: linear-gradient(-45deg, rgba(253,124,30,.3) 25%, transparent 25%, transparent 50%, rgba(253,124,30,.3) 50%, rgba(253,124,30,.3) 75%, transparent 75%, transparent 100%),linear-gradient(45deg, rgba(253,124,30,.3) 25%, transparent 25%, transparent 50%, rgba(253,124,30,.3) 50%, rgba(253,124,30,.3) 75%, transparent 75%, transparent 100%);background-size: 4px 4px;
}.menu_tab li a:hover
{color: #fff;
    background-color: rgba(253,124,30,.8);
}.menu_tab li.active a
{position: relative;padding: 14px 24px 6px;color: #333;
    border: 2px solid #fd7c1e;border-bottom-color: #fff;background-color: #fff;background-image: none;
}@media screen and (max-width: 640px)
{
    .menu_tab li
    {
        width: auto;
    }
}@media screen and (min-width: 640px)
{
    .search
    {
        width: 940px;margin: 0 auto 10px;
    }
}.search *,
.search *::after,
.search *::before
{font-family: 'Roboto',sans-serif !important;font-weight: 500;

    box-sizing: content-box;
}.search table
{
    margin: 0;table-layout: auto;
}.search table td
{padding: 4px 6px;

    border: none;
}.search table.gsc-search-box td
{
    vertical-align: top;
}.search .gsc-input-box
{
    height: auto;
}.search .gsc-search-box-tools .gsc-search-box .gsc-input
{
    box-shadow: none;
}.search .gsst_a
{
    position: relative;top: 4px;
}.search .cse .gsc-search-button input.gsc-search-button-v2,
.search input.gsc-search-button-v2
{
    padding: 8px 27px;
}.photo
{
    margin-bottom: 10px;
}@media screen and (min-width: 640px)
{
    .photo::after
    {display: table;
        clear: both;content: '';
    }.photo img
    {width: 100%;height: auto;

        vertical-align: bottom;
    }.photo .photo_main
    {position: relative;

        float: left;overflow: hidden;width: 700px;height: 433px;
    }.photo .photo_main dt
    {
        position: absolute;top: 0;
    }.photo .photo_main dt img
    {
        width: 700px;height: auto;
    }.photo .photo_main dd
    {
        position: absolute;bottom: 0;left: 0;width: 100%;padding: 6px 8px;text-align: right;color: #fff;background-color: rgba(0,0,0,.6);
    }.photo .thumbnail
    {float: right;

        width: 480px;
    }.photo .thumbnail li
    {position: relative;

        float: left;overflow: hidden;width: 145px;height: 90px;margin-bottom: 12px;margin-left: 15px;
    }
}@media screen and (max-width: 640px)
{
    .photo
    {
        padding: 0 15px;
    }.photo .thumbnail
    {position: relative;overflow: scroll;

        margin-left: .5%;transform: translateZ(0);-webkit-overflow-scrolling: touch;
    }.photo .thumbnail::after
    {display: table;
        clear: both;content: '';
    }.photo .thumbnail ul
    {
        width: 2000px;
    }.photo .thumbnail li
    {
        float: left;overflow: hidden;box-sizing: border-box;width: 145px;height: 90px;margin-right: 8px;
    }.photo .thumbnail li img
    {
        width: 100%;height: auto;
    }
}.detail
{
    margin-bottom: 60px;
}@media screen and (min-width: 640px)
{
    .detail::after
    {display: table;
        clear: both;content: '';
    }.detail .detail_title
    {
        margin: 20px 0 15px;
    }.detail .detail_title dd
    {
        font-size: 22px;font-weight: bold;border-bottom: 1px dotted #ccc;
    }.detail .detail_left
    {
        float: left;width: 780px;
    }.detail .detail_left .description
    {
        margin-bottom: 30px;
    }.detail .detail_left .description p
    {
        display: inline;
    }.detail .detail_right
    {
        float: right;width: 340px;padding: 20px;border-radius: 3px;background-color: #f0f0eb;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
    }
}@media screen and (max-width: 640px)
{
    .detail .detail_title
    {
        margin: 20px 0 15px;
    }.detail .detail_title dt
    {
        font-size: 18px;font-weight: normal;
    }.detail .detail_title dd
    {font-size: 18px;font-weight: bold;padding-bottom: 5px;

        color: #369;border-bottom: 1px dotted #ccc;
    }
}.detail section
{
    margin-bottom: 40px;
}.detail section::after
{display: table;
    clear: both;content: '';
}.detail .plan h3
{line-height: 1.5;

    margin-bottom: 10px;
}.detail .plan h3 strong
{
    font-size: 20px;font-weight: bold;
}.detail .plan h3 .code
{
    display: inline-block;padding-right: 8px;color: #999;
}.detail .plan h3 .label
{
    display: inline-block;padding-top: 2px;padding-bottom: 2px;
}.detail .plan .plan_name dt
{font-size: 14px;font-weight: 500;

    display: inline-block;margin-bottom: 5px;padding: 1px 10px;color: #fff;border-radius: 3px;background-color: #e95f72;
}.detail .plan .plan_name dd
{font-size: 13px;font-weight: bold;

    display: block;color: #d83234;
}.detail .plan .plan_inner
{margin: 0 0 14px;padding: 20px;border-radius: 3px;
    background-color: #f0f0eb;box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
}@media screen and (min-width: 640px)
{
    .detail .plan .plan_inner
    {
        display: -webkit-flex                ;display:         flex;
    }.detail .plan .plan_inner .plan_left p
    {
        padding-right: 10px;
    }.detail .plan .plan_inner .plan_left table
    {
        margin-top: -10px;margin-left: -10px;padding: 0;
    }.detail .plan .plan_inner .plan_left table th
    {
        width: 40%;
    }.detail .plan .plan_inner .plan_left .text-ss
    {
        margin-bottom: 0;
    }.detail .plan .plan_inner .plan_right
    {
        -webkit-flex-basis: 205px                                                                ;flex-basis: 205px;align-self: center;
    }
}.detail .plan .plan_left table
{
    padding: 0 0 10px;
}.detail .plan .plan_left table p
{
    margin: 0;
}.detail .plan .plan_left .sale
{font-family: Roboto,sans-serif;font-size: 14px;font-weight: 500;

    padding: 1px 10px;color: #fff;border-radius: 3px;background-color: #e95f72;
}.detail .plan .plan_left .sale_cost
{font-size: 13px;font-weight: 500;padding-right: 5px;text-decoration: line-through;

    color: #69758f;
}.detail .plan .plan_left .sale_cost.off
{
    text-decoration: none;color: #000;
}.detail .plan .plan_right img
{
    vertical-align: bottom;
}.detail .plan .plan_right .disable
{font-size: 14px;font-weight: bold;padding: 8px 3px;cursor: no-drop;color: red;
    border: 2px solid red;background-color: transparent;box-shadow: none;text-shadow: none;
}.detail .plan .plan_right .disable:hover
{
    background-color: transparent !important;
}.detail .plan .btn a
{font-size: 18px;

    float: right;width: 205px;padding: 5px;
}@media screen and (max-width: 640px)
{
    .detail .plan .plan_name
    {
        margin-bottom: 10px;
    }.detail .plan .plan_left table tr:not(:last-child) td
    {
        margin-bottom: 20px;
    }.detail .plan .plan_right
    {
        padding: 0;
    }.detail .plan .plan_right .btn
    {
        margin-top: 20px;margin-bottom: 10px;
    }.detail .plan .plan_right .btn a
    {
        float: none;margin: 0 auto;
    }
}.detail .plan:last-child .plan_inner:last-child
{
    margin-bottom: 0;
}.detail .course
{
    position: relative;
}.detail .course ul::after
{display: table;
    clear: both;content: '';
}.detail .course ul li
{
    float: left;margin-bottom: 10px;padding-right: 40px;background: url(../images/ico_arrow3.png) 228px center no-repeat;
}.detail .course ul li:last-child
{
    background-image: none;
}.detail .course ul li dl
{width: 220px;padding: 4px 4px 8px 4px;

    border: 1px solid #dfdfda;
}.detail .course ul li dt
{overflow: hidden;margin-bottom: 4px;

    text-align: center;
}.detail .course ul li dt img
{
    width: 100%;height: 140px;margin: auto;
}.detail .course ul li dd
{
    padding: 3px;
}.detail .course ul li dd:nth-child(3)
{
    font-weight: bold;
}.detail .course ul li .label
{
    display: inline-block;margin: 3px;padding: 0 8px;
}@media screen and (max-width: 640px)
{
    .detail .course ul li
    {box-sizing: border-box;
        width: 52%;padding-right: 6%;background-position: right center;background-size: 14px auto;
    }.detail .course ul li:nth-child(2n)
    {
        width: 48%;padding-right: 0;padding-left: 3%;background: none;
    }.detail .course ul li dl
    {
        width: 100%;
    }.detail .course ul li dl dt
    {overflow: hidden;

        width: inherit;height: 120px;
    }.detail .course ul li dl dt img
    {
        height: 120px;
    }
}.detail .rankup
{
    position: relative;
}.detail .rankup > h3 span
{
    display: none;
}.detail .rankup .lead
{
    display: none;
}.detail .rankup .plan_name
{
    margin-top: 10px;margin-bottom: 15px;margin-left: 20px;
}.detail .rankup .plan_name dt
{font-size: 14px;font-weight: 500;

    display: inline-block;padding: 1px 10px;color: #fff;border-radius: 3px;background-color: #e95f72;
}.detail .rankup .plan_name dd
{font-size: 13px;font-weight: bold;

    display: inline-block;color: #d83234;
}.detail .rankup .rankup_item
{margin-bottom: 20px;border-radius: 5px;
    background-color: #f0f0eb;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
}.detail .rankup .rankup_item::after
{display: table;
    clear: both;content: '';
}@media screen and (min-width: 640px)
{
    .detail .rankup .rankup_item .rankup_left
    {
        float: left;width: 525px;
    }.detail .rankup .rankup_item .rankup_right
    {
        float: right;box-sizing: content-box;width: 205px;padding: 15px 15px 0 0;
    }
}.detail .rankup .rankup_item .rankup_left
{
    padding-bottom: 15px;
}.detail .rankup .rankup_item .rankup_left h3
{font-size: 20px;font-weight: bold;margin: 15px 0 10px 15px;padding-bottom: 12px;

    color: #558baa;background: url(../images/line_flour.png) left bottom repeat-x;
}.detail .rankup .rankup_item .rankup_left p
{margin: 0;
    padding: 0 0 0 20px;
}.detail .rankup .rankup_item .rankup_left p.body
{
    font-size: 14px;
}.detail .rankup .rankup_item .rankup_left p.code
{
    margin-top: 8px;color: #999;
}.detail .rankup .rankup_item .rankup_left .sale
{font-family: Roboto,sans-serif;font-size: 14px;font-weight: 500;

    padding: 1px 10px;color: #fff;border-radius: 3px;background-color: #e95f72;
}.detail .rankup .rankup_item .rankup_left .sale_cost
{font-size: 13px;font-weight: 500;padding-right: 5px;text-decoration: line-through;

    color: #69758f;
}.detail .rankup .rankup_item .rankup_left .sale_cost.off
{
    text-decoration: none;color: #000;
}.detail .rankup .rankup_item .rankup_left .table_style4 th
{
    width: 40%;
}.detail .rankup .rankup_item .rankup_right dt img
{margin-bottom: 10px;

    vertical-align: bottom;
}.detail .rankup .rankup_item .rankup_right .btn a
{font-size: 18px;

    float: right;width: 195px;padding: 5px;
}.detail .rankup .rankup_item .rankup_right .btn .disable
{font-size: 14px;font-weight: bold;padding: 8px 3px;cursor: no-drop;color: red;
    border: 2px solid red;background-color: transparent;box-shadow: none;text-shadow: none;
}.detail .rankup .rankup_item .rankup_right .btn .disable:hover
{
    background-color: transparent !important;
}@media screen and (max-width: 640px)
{
    .detail .rankup > h3
    {
        font-size: 20px;font-weight: bold;margin: 0;padding-bottom: 8px;border-bottom: 1px solid #f67726;
    }.detail .rankup > h3 img
    {
        display: none;
    }.detail .rankup > h3 span
    {
        display: block;
    }.detail .rankup .lead
    {font-size: 14px;

        display: block;padding: 8px 12px;background-color: #f0f0eb;
    }.detail .rankup .plan_name
    {
        margin-top: 15px;margin-bottom: 15px;margin-left: 10px;
    }.detail .rankup .rankup_item .rankup_left h3
    {margin: 0;padding: 10px;

        background: none;
    }.detail .rankup .rankup_item .rankup_left p
    {
        padding: 0 10px;
    }.detail .rankup .rankup_item .rankup_left .sp-toggle-btn
    {
        margin: 0 10px 20px;
    }.detail .rankup .rankup_item .rankup_left .rankup_right
    {
        margin-top: 15px;
    }.detail .rankup .rankup_item .rankup_right dt,
    .detail .rankup .rankup_item .rankup_right .ph
    {
        padding: 0 10px;
    }.detail .rankup .rankup_item .rankup_right dt img,
    .detail .rankup .rankup_item .rankup_right .ph img
    {
        width: 100%;margin-bottom: 10px;vertical-align: bottom;
    }.detail .rankup .rankup_item .rankup_right .btn a
    {
        float: none;width: 195px;margin: 0 auto 20px;padding: 5px;
    }.detail .rankup .rankup_item .table_style4 th
    {
        width: 100% !important;
    }
}@media screen and (min-width: 640px)
{
    .detail .check_point li
    {
        float: left;width: 380px;margin-right: 20px;
    }.detail .check_point li:last-child
    {
        margin-right: 0;
    }
}.detail .check_point li
{margin-bottom: 20px;
    padding: 20px 20px 10px;border-radius: 3px;background: url(../images/bg_pink.jpg) center center;background-size: cover;
}.detail .check_point li h3
{
    margin-bottom: 0;text-align: center;
}.detail .check_point li .title
{
    font-size: 20px;font-weight: bold;margin-bottom: 15px;padding: 5px 0 5px 80px;color: #947f34;border-bottom: 1px solid #d8cfb7;background: url(../images/ico_check2.png) left center no-repeat;
}.detail .check_point li .body
{margin-bottom: 0;
    padding-bottom: 12px;
}.detail .check_point li .course
{font-weight: bold;

    padding-top: 12px;color: #666;border-top: 1px solid #d8cfb7;
}@media screen and (max-width: 640px)
{
    .detail .check_point li
    {
        width: 100%;
    }.detail .check_point li h3 img
    {
        width: 100%;margin-bottom: 10px;
    }.detail .check_point li .title
    {
        padding: 25px 0 10px 0;text-align: center;background-position: center top;
    }.detail .check_point li .sp-toggle-btn2
    {
        top: 10px;right: 10px;
    }
}.detail .facility
{
    position: relative;
}@media screen and (min-width: 640px)
{
    .detail .facility li
    {
        float: left;width: 380px;margin-right: 20px;
    }.detail .facility li:last-child
    {
        margin-right: 0;
    }.detail .facility li dt
    {
        text-align: center;
    }
}@media screen and (max-width: 640px)
{
    .detail .facility li
    {
        width: 100%;
    }.detail .facility li dt img
    {
        width: 100%;
    }
}.detail .facility li dd
{
    font-size: 16px;
}.detail .spa_menu .spa_menu_item
{margin-bottom: 20px;border-radius: 5px;
    background-color: #f4f4ef;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
}.detail .spa_menu .spa_menu_item::after
{display: table;
    clear: both;content: '';
}@media screen and (min-width: 640px)
{
    .detail .spa_menu .spa_menu_item .spa_menu_right
    {
        float: right;box-sizing: content-box;width: 205px;padding: 15px 15px 20px 0;
    }.detail .spa_menu .spa_menu_item .spa_menu_left
    {
        float: left;width: 525px;padding: 15px 0 15px 15px;
    }
}.detail .spa_menu .spa_menu_item .icon
{
    margin: 0 0 2px;padding: 0;
}.detail .spa_menu .spa_menu_item .icon span
{
    margin-right: 6px;margin-bottom: 6px;
}.detail .spa_menu .spa_menu_item .title
{font-size: 20px;font-weight: bold;margin: 0 0 10px;

    color: #558baa;
}.detail .spa_menu .spa_menu_item .title span
{
    font-size: 12px;display: block;margin-top: 7px;margin-bottom: 7px;letter-spacing: 0;color: #62636e;
}.detail .spa_menu .spa_menu_item .body
{
    font-size: 14px;margin: 0;padding: 0;
}.detail .spa_menu .spa_menu_item .img
{float: left;width: 205px;
    margin: 0 15px 0 0;
}.detail .spa_menu .spa_menu_item .img img
{
    vertical-align: bottom;
}.detail .spa_menu .spa_menu_item .sp-toggle-btn
{
    margin: 15px 0 0 0;
}.detail .spa_menu .spa_menu_item .spa_menu_right dt img
{margin-bottom: 10px;

    vertical-align: bottom;
}.detail .spa_menu .spa_menu_item .spa_menu_right .sale
{font-family: Roboto,sans-serif;font-size: 14px;font-weight: 500;display: inline-block;margin-bottom: 4px;
    padding: 1px 10px;color: #fff;border-radius: 3px;background-color: #e95f72;
}.detail .spa_menu .spa_menu_item .spa_menu_right .sale_copy
{
    font-size: 12px;font-weight: bold;margin-bottom: 8px;padding: 3px;text-align: center;color: #fff;border-radius: 30px;background-color: #e05865;
}.detail .spa_menu .spa_menu_item .spa_menu_right .sale_txt
{
    font-size: 12px;font-weight: bold;margin-bottom: 8px;color: #e05865;
}.detail .spa_menu .spa_menu_item .spa_menu_right .sale_cost
{font-size: 13px;font-weight: 500;padding-right: 5px;text-decoration: line-through;

    color: #69758f;
}.detail .spa_menu .spa_menu_item .spa_menu_right .usd
{font-size: 18px;font-weight: bold;font-style: italic;

    color: #e05865;
}.detail .spa_menu .spa_menu_item .spa_menu_right .usd span
{
    font-size: 22px;
}.detail .spa_menu .spa_menu_item .spa_menu_right .btn a
{font-size: 18px;

    float: right;width: 195px;padding: 5px;
}.detail .spa_menu .spa_menu_item.original
{
    background: url(../images/bg_pink2.jpg) center center no-repeat;background-size: cover;
}.detail .spa_menu .spa_menu_item.original .title
{margin: 0 0 10px;padding-bottom: 12px;

    color: #947f34;background: url(../images/bg_line3.png) left bottom repeat-x;
}@media screen and (max-width: 640px)
{
    .detail .spa_menu .spa_menu_item .spa_menu_left
    {
        padding: 15px;
    }.detail .spa_menu .spa_menu_item .title
    {margin: 0 0 10px;padding: 0;

        background: none;
    }.detail .spa_menu .spa_menu_item .body
    {
        padding: 0;
    }.detail .spa_menu .spa_menu_item .img
    {
        float: none;width: 100%;margin: 0 0 10px;vertical-align: bottom;
    }.detail .spa_menu .spa_menu_item .img img
    {
        width: 100%;
    }.detail .spa_menu .spa_menu_item .spa_menu_right
    {
        padding: 0 15px;text-align: center;
    }.detail .spa_menu .spa_menu_item .spa_menu_right dt
    {
        padding: 0;
    }.detail .spa_menu .spa_menu_item .spa_menu_right .btn a
    {
        float: none;width: 195px;margin: 0 auto 20px;padding: 5px;
    }.detail .spa_menu .spa_menu_item.original .spa_menu_left h3
    {margin: 0 0 10px;padding: 0;

        background: none;
    }.detail .spa_menu .spa_menu_item.original .spa_menu_left p
    {
        padding: 0;
    }
}@media screen and (min-width: 640px)
{
    .detail .restaurant .restaurant_left
    {
        float: left;width: 380px;
    }.detail .restaurant .restaurant_right
    {
        float: right;width: 380px;
    }
}.detail .restaurant .restaurant_left,
.detail .restaurant .restaurant_right
{
    margin-bottom: 40px;
}.detail .restaurant .restaurant_left dt,
.detail .restaurant .restaurant_right dt
{
    text-align: center;
}.detail .restaurant .restaurant_left dd,
.detail .restaurant .restaurant_right dd
{
    margin-bottom: 10px;
}.detail .restaurant .restaurant_row::after
{display: table;
    clear: both;content: '';
}.detail .restaurant .restaurant_row .hline03
{
    margin-bottom: 12px;
}.detail .restaurant .restaurant_row .label
{
    display: inline-block;
}.detail .restaurant .restaurant_row dt
{
    margin-bottom: 10px;
}.detail .restaurant .restaurant_row .time
{
    font-size: 16px;margin: 10px 0 0 0;
}.detail .reserve_hotel .rooms_and_rate
{
    margin-bottom: 0;
}.detail .reserve_hotel .rooms_and_rate .head_title
{margin-bottom: 0;

    border-bottom: none;
}.detail .reserve_hotel .rooms_and_rate .head_title span
{
    display: inline-block;padding: 12px 15px 10px;border: 1px solid #f67726;border-bottom: none;border-radius: 5px 5px 0 0;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner
{margin: 0 0 8px;
    padding: 0;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .text
{
    font-size: 17px;margin: 0;padding: 10px 10px 14px;text-align: center;color: #fff;border-radius: 0 5px 0 0;background: #f67726;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out
{padding: 10px;

    border: 1px solid #f67726;border-top: none;border-radius: 0 0 5px 5px;
}@media screen and (min-width: 640px)
{
    .detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out
    {
        display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;
    }
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out > div
{
    padding: 10px;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out > div label
{
    font-weight: bold;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out ul
{
    display: flex;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out ul li
{
    display: flex;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out ul li label
{line-height: 32px;margin-right: 8px;

    white-space: nowrap;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out ul li select
{
    margin-right: 8px;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out input,
.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out select,
.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out option
{font-size: 14px;line-height: 28px;height: 32px;margin: 0;padding: 0 5px;

    border: thin solid #ccc;border-radius: 3px;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out input:focus,
.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .check_in_out select:focus
{
    border-color: #fff;box-shadow: 0 0 3px #f67726;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner .currency
{float: right;

    width: 100px;margin: 4px 0 0;
}.detail .reserve_hotel .rooms_and_rate .rooms_and_rate_inner #arrow
{
    text-align: right;
}.detail .reserve_hotel .rooms_and_rate .tax_text
{font-size: 13px;margin-bottom: 10px;

    text-align: right;color: #262626;
}.detail .campaigns_hotel
{
    /*!*.line1, .line2, .line3, .line4 {
            border-color: #F4B015;
            background-color: #FFFCF3;
        }
        .line5 {
            border-color: #707070;
            background-color: #F7F7F7;
        }*/
}.detail .campaigns_hotel [class^=type]
{font-size: 18px;line-height: 17px;position: absolute;top: 10px;left: 0;

    margin: 0 8px 0 0;padding: 5px 15px 5px 10px;color: #fff;
}.detail .campaigns_hotel [class^=type]:after
{position: absolute;top: 0;
    left: 100%;width: 0;height: 0;content: ' ';pointer-events: none;border: solid transparent;border-width: 13.5px;border-color: rgba(255,0,0,0);border-left-color: #f67726;
}.detail .campaigns_hotel .type1,
.detail .campaigns_hotel .type2,
.detail .campaigns_hotel .type3,
.detail .campaigns_hotel .type4,
.detail .campaigns_hotel .type5
{
    background: #f67726;
}.detail .campaigns_hotel [class^=line]
{
    margin-bottom: 20px;padding: 15px;border-radius: 5px;background-color: #f0f0eb;
}.detail .campaigns_hotel [class^=line]::after
{display: table;
    clear: both;content: '';
}@media screen and (min-width: 640px)
{
    .detail .campaigns_hotel .campaign_inner
    {
        display: flex;
    }.detail .campaigns_hotel .campaign_inner > div:nth-child(1)
    {padding-right: 20px;

        flex: 1 1 35%;
    }.detail .campaigns_hotel .campaign_inner > div:nth-child(2)
    {padding-right: 20px;

        flex: 2 1 30%;
    }.detail .campaigns_hotel .campaign_inner > div:nth-child(3)
    {
        flex: 3 1 35%;
    }
}.detail .campaigns_hotel .campaign_condition
{
    font-weight: bold;
}.detail .campaigns_hotel .image
{
    position: relative;
}.detail .campaigns_hotel .campaign_title .room_name
{
    font-size: 20px;font-weight: bold;margin-bottom: 10px;
}.detail .campaigns_hotel .campaign_title p
{
    margin-bottom: 0;
}.detail .campaigns_hotel .campaign_title .capacity
{position: relative;

    margin-top: 8px;margin-bottom: 10px;
}.detail .campaigns_hotel .campaign_title .capacity article
{
    position: absolute;top: 1.8em;left: 0;
}.detail .campaigns_hotel .campaign_title .capacity .content ul
{position: relative;width: 300px;
    padding: 14px 14px 0;border: 1px solid #d5d5d5;border-radius: 4px;background: #fff;
}.detail .campaigns_hotel .campaign_title .capacity .content ul li
{font-size: 13px;
    line-height: 30px;overflow: hidden;margin-bottom: 10px;
}.detail .campaigns_hotel .campaign_title .capacity .content ul li span
{
    float: left;padding-right: 8px;background-repeat: no-repeat;background-position: left center;
}.detail .campaigns_hotel .campaign_title .capacity .content ul li span.adult
{padding-left: 16px;

    background-image: url('../images/ico_adult.html');
}.detail .campaigns_hotel .campaign_title .capacity .content ul li span.child
{padding-left: 12px;

    background-image: url('../images/ico_child.html');
}.detail .campaigns_hotel .campaign_title .capacity .content ul li span.extra
{padding-left: 32px;

    background-image: url('../images/ico_bed.html');
}.detail .campaigns_hotel .campaign_price
{
    text-align: right;
}@media screen and (max-width: 640px)
{
    .detail .campaigns_hotel .campaign_price
    {
        text-align: left;
    }.detail .campaigns_hotel .campaign_price .tax article
    {
        left: 0;
    }
}.detail .campaigns_hotel .campaign_price .average
{
    margin-bottom: 5px;
}.detail .campaigns_hotel .campaign_price .currency_symbol
{
    color: #f67726;
}.detail .campaigns_hotel .campaign_price .price
{font-size: 22px;font-weight: bold;

    color: #f67726;
}.detail .campaigns_hotel .campaign_price .publish
{font-size: 14px;

    color: #707070;
}.detail .campaigns_hotel .campaign_price .tax
{position: relative;

    margin-top: 8px;margin-bottom: 5px;
}.detail .campaigns_hotel .campaign_price .tax article
{
    position: absolute;top: 1.8em;right: 0;
}.detail .campaigns_hotel .campaign_price .tax .content
{width: 300px;
    padding: 14px;border: 1px solid #d5d5d5;border-radius: 4px;background: #fff;
}.detail .campaigns_hotel .campaign_price .tax .content::after
{display: table;
    clear: both;content: '';
}.detail .campaigns_hotel .campaign_price .tax .content dl dt,
.detail .campaigns_hotel .campaign_price .tax .content dt,
.detail .campaigns_hotel .campaign_price .tax .content dl dd,
.detail .campaigns_hotel .campaign_price .tax .content dd
{display: block;
    float: left;width: 50%;padding: 1px 0 2px;text-align: left;
}.detail .campaigns_hotel .campaign_price .tax .content dl dt.last,
.detail .campaigns_hotel .campaign_price .tax .content dt.last,
.detail .campaigns_hotel .campaign_price .tax .content dl dd:last-child,
.detail .campaigns_hotel .campaign_price .tax .content dd:last-child
{padding-top: 5px !important;

    border-top: thin solid #d5d5d5 !important;
}.detail .campaigns_hotel .campaign_price .tax .content dl dd,
.detail .campaigns_hotel .campaign_price .tax .content dd
{font-weight: bold;

    text-align: right;color: #333;
}.detail .campaigns_hotel .campaign_price .reserve_btn
{
    text-align: right;
}.detail .campaigns_hotel .campaign_price .reserve_btn a
{
    font-weight: bold;display: inline-block;padding: 5px 40px;
}.detail .campaigns_hotel .campaign_price .remaining
{font-size: 11px;line-height: normal;

    float: right;margin: 0 0 15px 4px;text-align: left;
}.detail .campaigns_hotel .campaign_price .remaining .number
{font-size: 29px;
    font-style: normal;line-height: 30px;position: relative;float: left;padding: 0 8px 0 0;text-align: center;color: #fff;background-color: #f4b015;
}.detail .campaigns_hotel .campaign_price .remaining .number:before
{position: absolute;left: -15px;

    display: block;clear: both;content: '';border-width: 15px 15px 15px 0;border-style: solid;border-color: transparent #f4b015 transparent transparent;
}.detail .campaigns_hotel .campaign_price .remaining .text
{
    float: left;
}.detail .campaigns_hotel .campaign_price .contact
{position: relative;

    text-align: center;
}.detail .campaigns_hotel .campaign_price .contact .box
{position: absolute;top: 100%;left: 50%;display: none;

    width: auto;margin: 10px 0 0 -86px;padding: 8px;text-align: left;border: 1px solid #d5d5d5;border-radius: 4px;background: #fff;
}.detail .campaigns_hotel .campaign_price .contact .box .layer
{
    position: absolute;top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0,0,0,.1);background-image: url(images/loading_circle.html);background-repeat: no-repeat;background-position: center center;
}.detail .campaigns_hotel .campaign_price .contact .box.active
{z-index: 1000;

    display: block;
}.detail .campaigns_hotel .campaign_price .contact .box:after,
.detail .campaigns_hotel .campaign_price .contact .box:before
{position: absolute;z-index: 1000;top: -9px;left: 50%;margin-left: -8px;padding: 0;

    content: '';border-top: 0;border-right: 8px solid transparent;border-bottom: 8px solid #d5d5d5;border-left: 8px solid transparent;background: transparent;
}.detail .campaigns_hotel .campaign_price .contact .box:after
{top: -8px;

    border-bottom-color: #fff;
}.detail .campaigns_hotel .campaign_price .contact .box .form input
{
    width: 154px;
}.detail .campaigns_hotel .campaign_price .contact .box .form textarea
{
    width: 160px;
}.detail .campaigns_hotel .campaign_price .contact .box .form label
{font-size: 10px;font-size: 1.0rem;

    display: inline-block;margin: 4px 0 2px 0;
}.detail .campaigns_hotel .campaign_price .contact .box .form button
{
    margin: 4px 0 0 0;
}.detail .campaigns_hotel .campaign_price .contact .box .message p
{
    font-size: 14px                        ;font-size: 1.4rem;font-weight: bold;color: #707070;
}.detail .campaigns_hotel .campaign_price .contact .box .message ul
{
    margin: 0 0 0 14px;padding-bottom: 4px;list-style: disc;
}.detail .campaigns_hotel .campaign_price .contact .box .message ul li
{
    font-size: 10px                        ;font-size: 1.0rem;line-height: 12px;line-height: 1.2rem;
}@media screen and (min-width: 640px)
{
    .detail .hotel_spa .hotel_spa_row_left
    {
        float: left;width: 300px;
    }.detail .hotel_spa .hotel_spa_row_right
    {
        float: right;width: 460px;
    }
}.detail .hotel_spa .hotel_spa_row
{
    margin-bottom: 40px;
}.detail .hotel_spa .hotel_spa_row::after
{display: table;
    clear: both;content: '';
}.detail .hotel_spa .hotel_spa_row_right .time
{
    font-size: 16px;font-weight: bold;
}.detail .hotel_spa .hotel_spa_row_right ul::after
{display: table;
    clear: both;content: '';
}.detail .hotel_spa .hotel_spa_row_right li
{
    float: right;margin-left: 15px;
}.detail .hotel_spa .hotel_spa_row_right li a
{font-size: 18px;

    width: 205px;padding: 6px 3px 4px;vertical-align: bottom;background-color: #999;box-shadow: 0 5px 0 0 #666;
}.detail .hotel_spa .hotel_spa_row_right li a:hover
{
    background-color: #ccc;box-shadow: 0 5px 0 0 #999;
}@media screen and (max-width: 640px)
{
    .detail .hotel_spa .hotel_spa_row_right li
    {
        float: none;margin: 0 0 10px;text-align: center;
    }.detail .hotel_spa .hotel_spa_row_right li a
    {width: 85%;
        margin: 0 auto;
    }
}.detail .hotel_message h3
{
    display: none;
}@media screen and (max-width: 640px)
{
    .detail .hotel_message
    {
        width: 100%;
    }.detail .hotel_message h3
    {
        display: block;
    }.detail .hotel_message dt
    {
        display: none;
    }
}.detail .thview
{
    margin-bottom: 40px;
}.detail .thview #image
{
    margin: 0 auto;
}@media screen and (max-width: 640px)
{
    .detail .thview #image
    {
        width: 320px !important;height: 160px !important;
    }.detail .thview #image canvas
    {
        width: 320px !important;height: 160px !important;
    }
}.detail .challenge_code
{
    font-size: 11px;font-weight: normal;padding-left: 5px;color: #999;
}.detail .price
{
    margin-bottom: 30px;
}.detail .price dt
{
    margin-bottom: 5px;text-align: center;
}.detail .price dt strong
{
    font-size: 26px;font-style: italic;color: #e05865;
}.detail .price dt strong span
{
    font-size: 20px;padding-right: 5px;
}.detail .price .sale_copy
{font-size: 12px;font-weight: bold;margin-bottom: 8px !important;padding: 3px;

    text-align: center !important;color: #fff;border-radius: 30px;background-color: #e05865;
}.detail .price .sale_txt
{font-size: 12px;font-weight: bold;margin-bottom: 4px;

    text-align: center !important;color: #e05865;
}.detail .price .normal_price
{font-size: 12px;font-weight: 500;margin-bottom: 0;

    text-align: center !important;
}.detail .price .btn
{
    margin: 10px 0;
}.detail .price .btn a
{
    font-size: 18px;padding: 8px;
}@media screen and (max-width: 640px)
{
    .detail
    {
        padding: 0 15px;
    }.contents .detail
    {
        padding: 0;
    }.detail .lead
    {
        font-size: 16px;display: block;
    }
}.spa_title::after
{display: table;
    clear: both;content: '';
}@media screen and (min-width: 640px)
{
    .spa_title .spa_logo
    {
        float: left;padding-right: 16px;
    }
}.spa_title .spa_logo img
{
    max-height: 64px;
}@media screen and (min-width: 640px)
{
    #hotel_detail .rankup .rankup_item .rankup_left
    {
        width: 460px;
    }#hotel_detail .rankup .rankup_item .rankup_right
    {
        width: 280px;
    }
}#hotel_detail .rankup .rankup_item .rankup_left .label
{
    font-size: 12px;display: inline-block;margin-bottom: 10px;margin-left: 20px;padding: 0 3px;
}@media screen and (max-width: 640px)
{
    #hotel_detail .rankup .rankup_item .rankup_left .label
    {margin-top: 10px;
        margin-left: 10px;
    }
}#hotel_detail .rankup .rankup_item .rankup_left h3
{padding-bottom: 6px;

    color: #333;border-bottom: 1px solid #f67726;background: none;
}#hotel_detail .rankup .rankup_item .more
{
    clear: both;padding: 0 20px 20px;
}#hotel_detail .rankup .rankup_item .more .toggle-btn
{
    text-align: left;
}#hotel_detail .rankup .rankup_item .more .table_style
{
    margin-bottom: 0;
}#hotel_detail .rankup .rankup_item .more .table_style td
{
    text-align: left;
}.relation
{
    margin-bottom: 60px;
}.relation::after
{display: table;
    clear: both;content: '';
}.relation li
{
    float: left;width: 220px;margin-right: 20px;margin-bottom: 10px;padding: 4px;border: 1px solid #dfdfda;
}.relation li:last-child
{
    margin-right: 0;
}.relation li dd
{
    padding: 0 5px;
}.relation li .price
{font-size: 16px;font-weight: bold;

    color: #e05865;
}.relation li .label
{
    display: inline-block;margin: 3px;padding: 0 8px;
}.relation li .body
{line-height: 1.5;

    color: #666;
}@media screen and (max-width: 640px)
{
    .relation
    {
        display: none;
    }
}.pick-up .btn a
{font-size: 18px;

    width: 205px;margin: 30px auto;padding: 5px 0;
}.login
{
    padding: 0 15px;
}@media screen and (min-width: 640px)
{
    .login
    {
        width: 640px;margin: 0 auto;padding: 0;
    }
}.user a
{text-decoration: underline;

    color: #06c;
}.user a:hover
{
    text-decoration: none;
}@media screen and (min-width: 640px)
{
    .user .inner::after
    {display: table;
        clear: both;content: '';
    }.user .mypage
    {
        float: right;width: 780px;
    }
}.user .mypage
{
    margin-bottom: 40px;
}.user .btn
{margin-bottom: 30px;
    text-align: center;
    width: 100%;
}.user .btn a
{font-size: 18px;font-weight: bold;

    width: 270px;margin: 0 auto;padding: 6px 10px 4px 10px;
}.user .new
{
    text-align: center;
}.user .hgroup
{
    position: relative;padding-bottom: 0;border: none;
}@media screen and (min-width: 640px)
{
    .user .hgroup ul
    {
        position: absolute;top: -4px;right: 0;
    }
}.user .hgroup ul li
{
    margin: 0 10px 10px 0;
}.user .hgroup ul li a
{
    padding: 4px 10px 2px 10px;
}.user .reserve_list li
{margin-bottom: 20px;padding: 20px;border-radius: 5px;
    background-color: #f0f0eb;
}.user .reserve_list li::after
{display: table;
    clear: both;content: '';
}@media screen and (min-width: 640px)
{
    .user .reserve_list li .left
    {
        float: left;width: 280px;
    }.user .reserve_list li .right
    {
        float: right;width: 440px;
    }
}.user .reserve_list li .left
{
    text-align: center;
}.user .reserve_list li .left img
{
    vertical-align: bottom;
}.user .reserve_list li .right h3
{font-size: 20px;
    font-weight: bold;margin-bottom: 5px;
}.user .reserve_list li .right h3 a
{
    text-decoration: none;color: #369;
}.user .reserve_list li .right .table_style
{font-size: 12px;

    width: 100%;margin-bottom: 20px;
}.user .reserve_list li .right .table_style th
{
    width: 9em;text-align: center;
}.user .reserve_list li .right .btn
{
    margin-bottom: 0;
}@media screen and (max-width: 640px)
{
    .user .reserve_list li .left
    {
        margin-bottom: 10px;
    }
}.user .flow
{
    width: 100%;margin-bottom: 20px;
}.user .flow::after
{display: table;
    clear: both;content: '';
}.user .flow li
{
    float: left;width: 25%;padding: 0 .5em 0 1em;
}.user .flow li span
{position: relative;float: left;width: 100%;padding: 15px 10px 14px 10px;text-align: center;text-decoration: none;color: #444;
    background: #f4f4f3;text-shadow: 0 1px 0 rgba(255,255,255,.5);
}.user .flow li span::before
{position: absolute;top: 50%;left: -1em;margin-top: -25px;

    content: '';border-width: 26px 0 24px 1em;border-style: solid;border-color: #f4f4f3 #f4f4f3 #f4f4f3 transparent;
}.user .flow li span::after
{position: absolute;top: 50%;right: -1em;margin-top: -25px;

    content: '';border-top: 26px solid transparent;border-bottom: 26px solid transparent;border-left: 1em solid #f4f4f3;
}.user .flow li:first-child span::before
{
    border-color: #f4f4f3;
}.user .flow li:first-child.active span::before
{
    border-color: #ff8016;
}.user .flow li.active span
{
    font-weight: bold;color: #fff;background: #ff8016;text-shadow: none;
}.user .flow li.active span::before
{position: absolute;top: 50%;left: -1em;margin-top: -25px;

    content: '';border-width: 26px 0 24px 1em;border-style: solid;border-color: #ff8016 #ff8016 #ff8016 transparent;
}.user .flow li.active span::after
{position: absolute;top: 50%;right: -1em;margin-top: -25px;

    content: '';border-top: 26px solid transparent;border-bottom: 26px solid transparent;border-left: 1em solid #ff8016;
}@media screen and (max-width: 640px)
{
    .user .flow
    {
        display: none;
    }
}.user .reserve .row,
.user .reserve .calendar,
.user .reserve .center
{
    margin-bottom: 40px;
}.user .reserve .row::after,
.user .reserve .calendar::after,
.user .reserve .center::after
{display: table;
    clear: both;content: '';
}.user .reserve .preferred_date img
{
    vertical-align: middle;
}@media screen and (max-width: 640px)
{
    .user .reserve .preferred_date input[type='text']
    {
        width: auto;
    }
}@media screen and (min-width: 640px)
{
    .user .reserve .center
    {
        width: 860px;margin: 0 auto 40px;
    }.user .reserve .left
    {float: left;

        width: 620px;
    }.user .reserve .right
    {float: right;

        width: 540px;
    }.user .reserve .calendar table input
    {
        width: 41px;margin: 0 auto;
    }.user .reserve .left
    {float: left;

        width: 580px;
    }.user .reserve .right
    {float: right;

        width: 580px;
    }
}.user .reserve .terms
{font-size: 14px;overflow: auto;

    width: 100%;height: 200px;margin: 0 auto 20px;padding: 15px;border: 1px solid #ccc;border-radius: 3px;
}.user .reserve .terms ol
{margin-left: 25px;

    list-style-type: decimal;
}.user .reserve.finish
{padding: 80px 0 120px;

    text-align: center;
}.user .reserve.finish h2
{
    font-size: 30px;font-weight: bold;margin: 0;
}.user .reserve.finish p
{
    font-size: 22px;
}.user .reserve.finish .number
{font-size: 26px;padding: 30px;

    border-bottom: 1px solid #f67726;
}.user .reserve.finish .text
{font-size: 16px;

    width: 860px;margin: 0 auto;padding: 15px 20px;text-align: left;
}.user .reserve.finish .text strong
{
    font-size: 16px;
}@media screen and (max-width: 640px)
{
    .user .reserve.finish .text
    {
        width: 100%;
    }
}.user .aside
{
    width: 100%;margin-bottom: 40px;padding: 0;box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}@media screen and (min-width: 640px)
{
    .user .aside
    {float: left;

        width: 340px;
    }
}.user .aside .hline03
{
    font-size: 20px;margin: 0;padding: 15px;
}.user .aside ul li
{
    border-bottom: 1px solid #e3e3e3;
}.user .aside ul li:last-child
{
    border: none;
}.user .aside ul li a
{line-height: 45px;

    display: block;padding-top: 3px;padding-left: 32px;text-decoration: none;color: #333;background: url(../images/ico_arrow.png) 15px center no-repeat;
}.user .aside ul li.active a
{
    color: #fff;background-color: #ff653b;
}.user .messenger
{
    margin-bottom: 30px;
}@media screen and (min-width: 640px)
{
    .user .messenger .user
    {
        width: 80%;
    }.user .messenger .customer
    {
        width: 80%;margin-left: 20%;
    }
}.user .messenger dl
{
    position: relative;padding-bottom: 30px;
}.user .messenger dl::after
{display: table;
    clear: both;content: '';
}.user .messenger .user
{
    padding-left: 90px;
}.user .messenger .user dt
{
    float: left;
}.user .messenger .user .data
{font-size: 11px;font-weight: bold;

    float: right;color: #626e86;
}.user .messenger .user .ph
{
    position: absolute;top: 0;left: 0;width: 70px;
}.user .messenger .user .comment
{position: relative;

    clear: both;padding: 12px 16px;border-radius: 3px;background-color: #f5f5f5;
}.user .messenger .user .comment:after
{position: absolute;top: 15px;left: -12px;width: 0;height: 0;

    content: '';border-width: 6px 12px 6px 0;border-style: solid;border-color: transparent #f5f5f5 transparent transparent;
}.user .messenger .customer
{
    padding-right: 90px;
}.user .messenger .customer dt
{
    float: right;
}.user .messenger .customer .data
{font-size: 11px;font-weight: bold;

    float: left;color: #626e86;
}.user .messenger .customer .ph
{
    position: absolute;top: 0;right: 0;width: 70px;
}.user .messenger .customer .comment
{position: relative;

    clear: both;padding: 12px 16px;border-radius: 3px;background-color: rgba(242,150,8,.3);
}.user .messenger .customer .comment:after
{position: absolute;top: 15px;right: -12px;width: 0;height: 0;

    content: '';border-width: 6px 0 6px 12px;border-style: solid;border-color: transparent transparent transparent rgba(242,150,8,.3);
}.user .messenger_error
{margin-bottom: 20px;padding: 12px 16px;color: darkred;border-radius: 3px;
    background-color: rgba(200,0,0,.15);
}.user select
{
    font-size: 16px !important;
}@media screen and (max-width: 640px)
{
    .user .individual
    {position: relative;

        width: 100%;margin-bottom: 10px;
    }.user .individual input
    {
        width: 100%;
    }.user .individual:after
    {line-height: 37px;

        position: absolute;top: 0;right: .5em;
    }
}.user label[for='arrival_flight'],
.user label[for='return_flight']
{
    padding-right: 2em;
}.user label[for='arrival_flight']:before,
.user label[for='return_flight']:before
{
    display: none;
}.user label[for='arrival_flight']:after,
.user label[for='return_flight']:after
{
    content: '便';
}.en .user label[for='arrival_flight']:before,
.en .user label[for='return_flight']:before
{
    display: inline-block;padding-right: 5px;content: 'Flight';
}.en .user label[for='arrival_flight']:after,
.en .user label[for='return_flight']:after
{
    display: none;
}.user label[for='arrival_flight_time']
{
    padding-right: 4em;
}.user label[for='arrival_flight_time']:before
{
    display: none;
}.user label[for='arrival_flight_time']:after
{
    content: 'バリ着';
}.en .user label[for='arrival_flight_time']:before
{
    display: inline-block;padding-right: 5px;content: 'Arrive at Bali';
}.en .user label[for='arrival_flight_time']:after
{
    display: none;
}.user label[for='return_flight_time']
{
    padding-right: 4em;
}.user label[for='return_flight_time']:before
{
    display: none;
}.user label[for='return_flight_time']:after
{
    content: 'バリ発';
}.en .user label[for='return_flight_time']:before
{
    display: inline-block;padding-right: 5px;content: 'Depart From Bali';
}.en .user label[for='return_flight_time']:after
{
    display: none;
}@media screen and (min-width: 640px)
{
    .login
    {
        padding-top: 80px;
    }
}.login .hline03
{
    text-align: center;
}.login table
{
    width: 100%;
}.login table th
{
    width: 19em;
}.login table tfoot
{
    text-align: center;
}.login table tfoot a
{font-size: 12px;text-decoration: underline;

    color: #06c;
}.login .btn a
{font-size: 18px;

    width: 205px;margin: 30px auto;padding: 5px 0;
}.login .new
{
    text-align: center;
}.login .new a
{text-decoration: underline;

    color: #06c;
}.balloon
{font-size: 12px;position: relative;

    display: inline-block;
}.balloon .balloon-btn
{
    cursor: pointer;
}.balloon .balloon-btn:hover
{
    text-decoration: underline;
}.balloon .balloon-btn:hover + .balloon-content
{
    display: block;
}.balloon .balloon-content
{position: absolute;bottom: 100%;left: -50%;

    display: none;margin-top: -8px;margin-bottom: 10px;margin-left: -50%;padding: 20px;border: #ff8016 3px solid;border-radius: 5px;background-color: rgba(255,255,255,.95) !important;
}.balloon .balloon-content:after
{position: absolute;bottom: -12px;left: 50%;width: 0;height: 0;margin-left: -8px;

    content: '';border-width: 10px 8px 0 8px;border-style: solid;border-color: #ff8016 transparent transparent transparent !important;
}@media screen and (max-width: 640px)
{
    .balloon .balloon-content
    {
        width: 300px;margin-top: 0;margin-left: 0;
    }
}.balloon .balloon-content .balloon-box
{
    width: 400px;
}.balloon .balloon-content .balloon-box h5
{
    font-weight: bold                                ;font-weight: 14;line-height: 1.4;padding-bottom: 10px;border-bottom: 1px solid #ccc;
}.balloon .balloon-content .balloon-box ul
{margin-bottom: 10px;

    text-align: center;
}.balloon .balloon-content .balloon-box ul li
{
    display: inline;margin-bottom: 10px;padding: 5px;
}.balloon .balloon-content .balloon-box p
{
    font-size: 12px;font-weight: 500;margin: 0;
}@media screen and (max-width: 640px)
{
    .balloon .balloon-content .balloon-box
    {
        width: 100%;
    }.balloon .balloon-content .balloon-box ul li
    {float: left;

        width: 50%;
    }.balloon .balloon-content .balloon-box ul li img
    {
        width: 100%;
    }
}.balloon .balloon-content .balloon-box .close
{
    display: none;margin: 15px 0 0;text-align: center;
}.balloon .balloon-content .balloon-box .close a
{padding: 5px 20px;

    text-align: center;text-decoration: none;color: #fff;border-radius: 100px;background-color: #ff8016;
}@media screen and (max-width: 640px)
{
    .balloon .balloon-content .balloon-box .close
    {
        display: block;
    }
}.bottom
{padding: 30px 0 10px;

    background: url(../images/bg_dark.jpg) center center no-repeat;background-size: cover;
}@media screen and (min-width: 640px)
{
    .bottom img
    {
        vertical-align: bottom;
    }.bottom ul::after
    {display: table;
        clear: both;content: '';
    }.bottom ul li
    {
        float: left;margin-right: 20px;margin-bottom: 20px;
    }.bottom ul li:last-child
    {
        margin-right: 0;
    }.bottom ul li:nth-child(5n)
    {
        margin-right: 0;
    }
}@media screen and (max-width: 640px)
{
    .bottom
    {
        padding: 20px 0;
    }.bottom ul
    {padding: 0 5px;

        text-align: center;
    }.bottom ul::after
    {display: table;
        clear: both;content: '';
    }.bottom ul li
    {
        float: left;width: 50%;margin-right: 0;margin-bottom: 5px;padding-right: 5px;padding-left: 5px;
    }.bottom ul li:last-child
    {
        margin-bottom: 0;
    }
}.footer
{padding: 30px 0;

    color: #fff;background: url(../images/bg_black.jpg) center center no-repeat;background-size: cover;text-shadow: 0 -1px 3px rgba(0,0,0,.5);
}.footer .col4-2 ul
{
    margin-top: 12px;
}.footer .col4-2 ul li:last-child li
{
    display: inline-block;width: 24px;height: 24px;margin-right: 10px;
}.footer .col4-2 ul li:last-child li a
{
    padding-left: 0;background: none;
}@media screen and (min-width: 640px)
{
    .footer .col1
    {
        float: left;width: 380px;margin-right: 20px;
    }.footer .col1 .col1-1
    {
        float: left;width: 180px;margin-right: 20px;
    }.footer .col1 .col1-2
    {
        float: left;width: 180px;
    }.footer .col2
    {
        float: left;width: 380px;margin-right: 20px;
    }.footer .col2 .col2-1
    {
        float: left;width: 180px;margin-right: 20px;
    }.footer .col2 .col2-2
    {
        float: left;width: 180px;
    }.footer .col3
    {
        float: left;width: 180px;margin-right: 20px;
    }.footer .col4
    {
        float: left;width: 180px;
    }
}.footer::after
{display: table;
    clear: both;content: '';
}.footer h5
{font-weight: bold;margin-bottom: 15px;padding-bottom: 10px;

    color: #fff;background: url(../images/bg_line2.png) left bottom repeat-x;
}.footer h5 a
{padding-left: 0;

    background: none;
}.footer a
{padding-left: 15px;

    color: #fff;background: url(../images/ico_arrow2.png) left center no-repeat;
}.footer a:hover
{
    color: #fd6f07;
}.footer .target
{padding-right: 18px;padding-left: 0;background-position: right top;
    background-size: 14px;
}.footer dt,
.footer p
{font-size: 14px;font-weight: bold;margin-bottom: 6px;padding-bottom: 6px;

    background: url(../images/bg_line2.png) left bottom repeat-x;
}.footer ul
{
    margin-bottom: 20px;
}.footer li
{
    font-size: 12px;margin-bottom: 3px;
}@media screen and (max-width: 640px)
{
    .footer
    {
        padding: 20px 0;
    }.footer a
    {
        display: inline-block;margin-bottom: 5px;background-position: left 5px;
    }.footer .col1 dl,
    .footer .col2 dl
    {
        margin: 0;
    }.footer .col1 dt,
    .footer .col2 dt
    {float: left;width: 50%;padding-left: 15px;

        background: none;
    }.footer .col1 h5,
    .footer .col1 dd,
    .footer .col1 ul,
    .footer .col1 p,
    .footer .col2 h5,
    .footer .col2 dd,
    .footer .col2 ul,
    .footer .col2 p
    {
        display: none;
    }.footer .col1 .col2-2,
    .footer .col2 .col2-2
    {
        display: block;
    }.footer .col1 .col2-2 p,
    .footer .col2 .col2-2 p
    {display: block;
        float: left;padding-left: 15px;background: none;
    }.footer .col3
    {
        float: left;clear: both;width: 50%;margin-top: 15px;padding-right: 5px;padding-left: 15px;
    }.footer .col4
    {
        display: inline;width: 100%;
    }.footer .col4 .col4-1,
    .footer .col4 .col4-2
    {
        float: right;width: 50%;margin-top: 15px;padding-right: 5px;padding-left: 15px;
    }
}address
{font-size: 12px;font-style: normal;padding: 10px;

    text-align: center;color: #ccc;background-color: #2d2a26;
}