@charset 'UTF-8';
@font-face
{
    font-family: 'jhkicon';
    font-weight: normal;
    font-style: normal; 

    src: url('../fonts/jhkicon.ttf?989xrb') format('truetype'), url('../fonts/jhkicon.woff?989xrb') format('woff'), url('../fonts/jhkicon.svg?989xrb#jhkicon') format('svg');
}

[class^='jhkicon-'],
[class*=' jhkicon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'jhkicon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.jhkicon-hotel-1st:before
{
    content: '';
}

.jhkicon-hotel-2nd:before
{
    content: '';
}

.jhkicon-plane-1st:before
{
    content: '';
}

.jhkicon-plane-2nd:before
{
    content: '';
}

.jhkicon-home:before
{
    content: '';
}

.jhkicon-info:before
{
    content: '';
}

.jhkicon-hotelplane:before
{
    content: '';
}

.jhkicon-hotelplane-1st:before,
.jhk-footerNav-2nd .first:after,
.jhk-home-nav-2nd .first:after
{
    content: '';
}

.jhkicon-hotelplane-2nd:before,
.jhk-footerNav-2nd .second:after,
.jhk-home-nav-2nd .second:after
{
    content: '';
}

.jhkicon-hand:before
{
    content: '';
}

.jhkicon-vehicles1:before
{
    content: '';
}

.jhkicon-vehicles2:before
{
    content: '';
}

.jhkicon-notice:before
{
    content: '';
}

.jhkicon-talk:before
{
    content: '';
}

.jhkicon-ticket:before
{
    content: '';
}

.jhkicon-pencil:before
{
    content: '';
}

/*-----------------------------------------------------------------------------------------
//見出し
-----------------------------------------------------------------------------------------*/
.jhk-heading1
{
    font-size: 27px;
    font-weight: bold;

    position: relative; 

    margin-bottom: 30px;
    padding: 15px 10px;

    text-align: center;

    color: #fff;
    background: #093;
}
.jhk-heading1:before
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 0;
    height: 0;
    margin-left: -25px; 

    content: ' ';
    pointer-events: none;

    border: solid transparent;
    border-width: 25px;
    border-top-color: #093;
}

.jhk-heading2
{
    font-size: 24px;
    font-weight: bold;

    position: relative;

    margin-bottom: 25px; 
    padding: 10px 10px;

    text-align: center;

    color: #093;
    border-bottom: 2px solid #093;
}
.jhk-heading2:before,
.jhk-heading2:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 0;
    height: 0;

    content: ' ';
    pointer-events: none; 

    border: solid transparent;
}
.jhk-heading2:after
{
    margin-left: -12px; 

    border-width: 12px;
    border-top-color: #fff;
}
.jhk-heading2:before
{
    margin-left: -15px; 

    border-width: 15px;
    border-top-color: #093;
}

.jhk-heading3
{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;

    position: relative;

    margin-bottom: 10px; 
    padding-left: 1em;
}
.jhk-heading3:before
{
    position: absolute;
    top: .2em;
    left: 0; 

    width: .75em;
    height: .75em;
    margin-right: 5px;

    content: '';

    background: #093;
}

.jhk-heading4
{
    font-size: 23px;
    font-weight: bold;

    margin-bottom: 20px; 
    padding: 15px 5px;

    text-align: center;

    border-top: 4px solid #000;
    background: #f5f5f5;
}
.jhk-heading4_blue
{
    color: #00a0e9;
    border-top-color: #00a0e9;
}
.jhk-heading4_pink
{
    color: #e4007f;
    border-top-color: #e4007f;
}

.jhk-heading5
{
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5;

    padding: 13px 10px;

    text-align: center;

    color: #093; 
    border-top: 1px solid #093;
    border-bottom: 1px solid #093;
    background: #e9fbef;
}

.jhk-heading6
{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;

    margin-bottom: 10px;
}

.jhk-heading7
{
    font-size: 16px;
    font-weight: bold; 
    line-height: 1.3;

    margin: 5px 0;
}

.jhk-pagetop
{
    padding-top: 15px;

    text-align: right;
}
.jhk-pagetop a
{
    color: #00f;
}

/*-----------------------------------------------------------------------------------------
//btn
-----------------------------------------------------------------------------------------*/
.jhk-btn1
{
    font-size: 23px;
    line-height: 1.2; 

    display: block;

    padding: 10px;

    text-align: center;

    border-radius: 3px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
}
.jhk-btn1,
.jhk-btn1:link,
.jhk-btn1:visited
{
    text-decoration: none; 

    color: #fff;
}
.jhk-btn1:hover,
.jhk-btn1:active,
.jhk-btn1:focus
{
    opacity: .8;
}
.jhk-btn1_green
{
    background: #093;
    -webkit-box-shadow: 0 2px 0 #031;
            box-shadow: 0 2px 0 #031;
}
.jhk-btn1_orange
{
    background: #ff9a06;
    -webkit-box-shadow: 0 2px 0 #9f5f00;
            box-shadow: 0 2px 0 #9f5f00;
}
.jhk-btn1_block
{
    display: block;
}
.jhk-btn1_sm
{
    font-size: 15px;
}
.jhk-btn1_map
{
    font-size: 15px;

    display: block;

    padding: 5px;
}

.jhk-formbtn
{
    font-size: 23px;
    font-weight: bold;
    line-height: 1.3; 

    position: relative;

    display: inline-block;

    padding: 35px 20px;

    border-radius: 7px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff621f), to(#e64905));
    background: -webkit-linear-gradient(top, #ff621f 0%, #e64905 100%);
    background: -moz-linear-gradient(top, #ff621f 0%, #e64905 100%);
    background: linear-gradient(to bottom, #ff621f 0%, #e64905 100%);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}
.jhk-formbtn-wrap
{
    margin-top: 30px;
    padding-bottom: 20px; 

    text-align: center;
}
@media screen and (max-width: 767px)
{
    .jhk-formbtn
    {
        padding: 20px 10px;
    }
}
.jhk-formbtn:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: 0;
    border-right: 5px;
    background: #fff;
}
.jhk-formbtn,
.jhk-formbtn:link,
.jhk-formbtn:visited
{
    text-decoration: none; 

    color: #fff;
}
.jhk-formbtn:hover:after,
.jhk-formbtn:active:after
{
    opacity: .2;
}
.jhk-formbtn.disable
{
    cursor: default; 

    background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#c7c7c7)); 

    background: -webkit-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%); 

    background: -moz-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%); 

    background: linear-gradient(to bottom, #e0e0e0 0%, #c7c7c7 100%);
}
.jhk-formbtn.disable:hover:after,
.jhk-formbtn.disable:active:after
{
    opacity: 0;
}

.juhaku
{
    /*-----------------------------------------------------------------------------------------
    //ul ol dl
    -----------------------------------------------------------------------------------------*/
    /*/-----------------------------------------------------------------------------------------
    // テーブル
    //-----------------------------------------------------------------------------------------*/
    /*-----------------------------------------------------------------------------------------
    //マージン
    -----------------------------------------------------------------------------------------*/
    /* margin-top */
    /* margin-bottom */
    /* margin-left */
    /* margin-right */
    /* padding-top */
    /* padding-bottom */
    /* padding-left */
    /* padding-right */
    /*-----------------------------------------------------------------------------------------
    //width
    -----------------------------------------------------------------------------------------*/
}
@media screen and (max-width: 410px)
{
    .juhaku .hidden-xxs
    {
        display: none;
    }
}
.juhaku img
{
    max-width: 100%;
    height: auto;

    image-rendering: -moz-crisp-edges;
    /* Firefox */
    image-rendering:   -o-crisp-edges;
    /* Opera */
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (非標準の名前) */
    image-rendering:      crisp-edges;
}
.juhaku .text-red
{
    color: #e4007f !important;
}
.juhaku .text-blue
{
    color: #00a0e9 !important;
}
.juhaku .text-orange,
.juhaku .table-style1 .text-orange
{
    color: #f29739;
}
.juhaku .bg-blue
{
    color: #fff; 
    background: #00a0e9 !important;
}
.juhaku .icon-in,
.juhaku .icon-out
{
    font-size: 1.3rem;
    font-weight: bold;

    display: inline-block;

    width: 2.6em;
    margin-right: 5px;
    padding: 1px; 

    color: #fff;
    background: #5787e3;
}
.juhaku .icon-alpha
{
    font-weight: bold;
    line-height: 1.5; 

    display: inline-block;

    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin-right: 5px;

    text-align: center;

    color: #fff;
    border-radius: 1.5em;
    background: #eb553e;
}
.juhaku .table-cell
{
    display: table-cell;

    padding-right: 10px;
}
.juhaku .link-bk,
.juhaku .link-bk:link,
.juhaku .link-bk:visited
{
    color: #000;
}
.juhaku .lh1_5
{
    line-height: 1.5;
}
.juhaku .d-inlineblock
{
    display: inline-block;
}
.juhaku .note
{
    font-size: 13px;
    line-height: 1.4;
}

.juhaku .ul-style1,
.juhaku .ol-style1
{
    padding-left: 1em;
}
.juhaku .ul-style1 li,
.juhaku .ul-style2 li,
.juhaku .ol-style1 li
{
    line-height: 1.4; 

    margin-bottom: .75em;
}
.juhaku .ul-style1 li:last-child,
.juhaku .ul-style2 li:last-child,
.juhaku .ol-style1 li:last-child
{
    margin-bottom: 0;
}
.juhaku .ul-style1 em,
.juhaku .ul-style2 em,
.juhaku .ol-style1 em
{
    font-style: normal;

    color: #f00;
}
.juhaku .ul-style1
{
    list-style: disc;
}
.juhaku .ul-style2
{
    padding-left: 0; 

    list-style: none;
}
.juhaku .ul-style2 li
{
    position: relative; 

    padding-left: 1.1em;
}
/* .juhaku .ul-style2 li:before
{
    position: absolute;
    top: .25em;
    left: 0;

    width: .8em;
    height: .8em;

    content: ' ';

    border-radius: 100%; 
    background: #333;
} */
.juhaku .ol-style1
{
    /* padding-left: 1.3em;

    list-style: decimal; */
}
.juhaku .dl-style1 dt
{
    float: left;
    clear: left;

    width: 5em;
    margin-bottom: .5em;
}
@media screen and (max-width: 767px)
{
    .juhaku .dl-style1 dt
    {
        float: none;

        width: auto;
        margin-bottom: 0;
    }
}
.juhaku .dl-style1 dd
{
    margin-bottom: .5em; 
    padding-left: 5.5em;
}
@media screen and (max-width: 767px)
{
    .juhaku .dl-style1 dd
    {
        margin-bottom: .75em; 
        padding-left: 0;
    }
}
.juhaku .table-style1.text-bold td,
.juhaku .table-style1.text-bold th,
.juhaku .table-style1 .text-bold td,
.juhaku .table-style1 .text-bold th
{
    font-weight: bold;
}
.juhaku .table-style1 td.text-bold,
.juhaku .table-style1 th.text-bold
{
    font-weight: bold;
}
.juhaku .table-style1 .text-left
{
    text-align: left;
}
.juhaku .table-style1 .text-center
{
    text-align: center;
}
.juhaku .table-style1 .text-right
{
    text-align: right;
}
.juhaku .table-style1 .text-nowrap
{
    white-space: nowrap;
}
.juhaku .table-style1 .va-top
{
    vertical-align: top;
}
.juhaku .table-style1 .va-center
{
    vertical-align: center;
}
.juhaku .table-style1 .va-bottom
{
    vertical-align: bottom;
}
.juhaku .table-style1 .bg-white
{
    background: #fff;
}
.juhaku .table-style1 .bg-yellow
{
    background: #ffffd2 !important;
}
.juhaku .table-style1 .bg-lightblue
{
    background: #eaf6fd !important;
}
.juhaku .table-style1 .bg-lightred
{
    background: #fdeff5 !important;
}
.juhaku .table-style1 .bg-lightorange
{
    background: #fcead7;
}
@media screen and (max-width: 480px)
{
    .juhaku .table-style1.smallForSp th,
    .juhaku .table-style1.smallForSp td
    {
        font-size: 1.4rem;
        line-height: 1.4;

        word-wrap: break-word;
    }
}
.juhaku .table-style1
{
    width: 100%;
    margin: 0 0 15px 0;
}
.juhaku .table-style1_fixed
{
    table-layout: fixed;
}
.juhaku .table-style1_narrow
{
    width: auto;
}
.juhaku .table-style1 td,
.juhaku .table-style1 th
{
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4; 

    padding: 8px 8px;

    vertical-align: middle;
}
.juhaku .table-style1 th
{
    text-align: center; 

    color: #fff;
    border: 1px solid #fff;
    border-top-color: #093;
    background: #093;
}
.juhaku .table-style1 tr > th:first-child
{
    border-left-color: #093;
}
.juhaku .table-style1 tr > th:last-child
{
    border-right-color: #093;
}
.juhaku .table-style1 td
{
    border: 1px solid #ccc;
}
.juhaku .table-style1_orange th
{
    border-top-color: #f29739; 
    background: #f29739;
}
.juhaku .table-style1_orange tr > th:first-child
{
    border-left-color: #f29739;
}
.juhaku .table-style1_orange tr > th:last-child
{
    border-right-color: #f29739;
}
@media screen and (max-width: 768px)
{
    .juhaku .table-responsive
    {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .juhaku .table-responsive .table-style1
    {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;

        table-layout: auto;
    }
    .juhaku .table-responsive .table-style1 th,
    .juhaku .table-responsive .table-style1 td
    {
        white-space: nowrap;
    }
}
.juhaku .mt0
{
    margin-top: 0 !important;
}
.juhaku .mt5
{
    margin-top: 5px !important;
}
.juhaku .mt10
{
    margin-top: 10px !important;
}
.juhaku .mt15
{
    margin-top: 15px !important;
}
.juhaku .mt20
{
    margin-top: 20px !important;
}
.juhaku .mt25
{
    margin-top: 25px !important;
}
.juhaku .mt30
{
    margin-top: 30px !important;
}
.juhaku .mt35
{
    margin-top: 35px !important;
}
.juhaku .mt40
{
    margin-top: 40px !important;
}
.juhaku .mt45
{
    margin-top: 45px !important;
}
.juhaku .mt50
{
    margin-top: 50px !important;
}
.juhaku .mt-5
{
    margin-top: -5px !important;
}
.juhaku .mt-10
{
    margin-top: -10px !important;
}
.juhaku .mt-15
{
    margin-top: -15px !important;
}
.juhaku .mt-20
{
    margin-top: -20px !important;
}
.juhaku .mb-5
{
    margin-bottom: -5px !important;
}
.juhaku .mb-10
{
    margin-bottom: -10px !important;
}
.juhaku .mb-15
{
    margin-bottom: -15px !important;
}
.juhaku .mb-20
{
    margin-bottom: -20px !important;
}
.juhaku .mb5
{
    margin-bottom: 5px !important;
}
.juhaku .mb10
{
    margin-bottom: 10px !important;
}
.juhaku .mb15
{
    margin-bottom: 15px !important;
}
.juhaku .mb20
{
    margin-bottom: 20px !important;
}
.juhaku .mb25
{
    margin-bottom: 25px !important;
}
.juhaku .mb30
{
    margin-bottom: 30px !important;
}
.juhaku .mb35
{
    margin-bottom: 35px !important;
}
.juhaku .mb40
{
    margin-bottom: 40px !important;
}
.juhaku .ml0
{
    margin-left: 0 !important;
}
.juhaku .ml5
{
    margin-left: 5px !important;
}
.juhaku .ml10
{
    margin-left: 10px !important;
}
.juhaku .ml15
{
    margin-left: 15px !important;
}
.juhaku .ml20
{
    margin-left: 20px !important;
}
.juhaku .ml25
{
    margin-left: 25px !important;
}
.juhaku .ml30
{
    margin-left: 30px !important;
}
.juhaku .ml-5
{
    margin-left: -5px !important;
}
.juhaku .ml-10
{
    margin-left: -10px !important;
}
.juhaku .ml-15
{
    margin-left: -15px !important;
}
.juhaku .ml-20
{
    margin-left: -20px !important;
}
.juhaku .mr0
{
    margin-right: 0 !important;
}
.juhaku .mr5
{
    margin-right: 5px !important;
}
.juhaku .mr10
{
    margin-right: 10px !important;
}
.juhaku .mr15
{
    margin-right: 15px !important;
}
.juhaku .mr20
{
    margin-right: 20px !important;
}
.juhaku .mr25
{
    margin-right: 25px !important;
}
.juhaku .mr30
{
    margin-right: 30px !important;
}
.juhaku .mr-5
{
    margin-right: -5px !important;
}
.juhaku .mr-10
{
    margin-right: -10px !important;
}
.juhaku .mr-15
{
    margin-right: -15px !important;
}
.juhaku .mr-20
{
    margin-right: -20px !important;
}
.juhaku .pt0
{
    padding-top: 0 !important;
}
.juhaku .pt5
{
    padding-top: 5px !important;
}
.juhaku .pt10
{
    padding-top: 10px !important;
}
.juhaku .pt15
{
    padding-top: 15px !important;
}
.juhaku .pt20
{
    padding-top: 20px !important;
}
.juhaku .pt25
{
    padding-top: 25px !important;
}
.juhaku .pt30
{
    padding-top: 30px !important;
}
.juhaku .pt35
{
    padding-top: 35px !important;
}
.juhaku .pt40
{
    padding-top: 40px !important;
}
.juhaku .pt45
{
    padding-top: 45px !important;
}
.juhaku .pt50
{
    padding-top: 50px !important;
}
.juhaku .pb0
{
    padding-bottom: 0 !important;
}
.juhaku .pb5
{
    padding-bottom: 5px !important;
}
.juhaku .pb10
{
    padding-bottom: 10px !important;
}
.juhaku .pb15
{
    padding-bottom: 15px !important;
}
.juhaku .pb20
{
    padding-bottom: 20px !important;
}
.juhaku .pb25
{
    padding-bottom: 25px !important;
}
.juhaku .pb30
{
    padding-bottom: 30px !important;
}
.juhaku .pl0
{
    padding-left: 0 !important;
}
.juhaku .pl5
{
    padding-left: 5px !important;
}
.juhaku .pl10
{
    padding-left: 10px !important;
}
.juhaku .pl15
{
    padding-left: 15px !important;
}
.juhaku .pl20
{
    padding-left: 20px !important;
}
.juhaku .pl25
{
    padding-left: 25px !important;
}
.juhaku .pl30
{
    padding-left: 30px !important;
}
.juhaku .pr0
{
    padding-right: 0 !important;
}
.juhaku .pr5
{
    padding-right: 5px !important;
}
.juhaku .pr10
{
    padding-right: 10px !important;
}
.juhaku .pr15
{
    padding-right: 15px !important;
}
.juhaku .pr20
{
    padding-right: 20px !important;
}
.juhaku .pr25
{
    padding-right: 25px !important;
}
.juhaku .pr30
{
    padding-right: 30px !important;
}
.juhaku .w1em
{
    width: 1em !important;
}
.juhaku .w2em
{
    width: 2em !important;
}
.juhaku .w3em
{
    width: 3em !important;
}
.juhaku .w4em
{
    width: 4em !important;
}
.juhaku .w5em
{
    width: 5em !important;
}
.juhaku .w6em
{
    width: 6em !important;
}
.juhaku .w7em
{
    width: 7em !important;
}
.juhaku .w8em
{
    width: 8em !important;
}
.juhaku .w9em
{
    width: 9em !important;
}
.juhaku .w10em
{
    width: 10em !important;
}
.juhaku .max-w1em
{
    max-width: 1em;
}
.juhaku .max-w2em
{
    max-width: 2em;
}
.juhaku .max-w3em
{
    max-width: 3em;
}
.juhaku .max-w4em
{
    max-width: 4em;
}
.juhaku .max-w5em
{
    max-width: 5em;
}
.juhaku .max-w6em
{
    max-width: 6em;
}
.juhaku .max-w7em
{
    max-width: 7em;
}
.juhaku .max-w8em
{
    max-width: 8em;
}
.juhaku .max-w9em
{
    max-width: 9em;
}
.juhaku .max-w10em
{
    max-width: 10em;
}
.juhaku .max-w11em
{
    max-width: 11em;
}
.juhaku .max-w12em
{
    max-width: 12em;
}
.juhaku .max-w13em
{
    max-width: 13em;
}
.juhaku .max-w14em
{
    max-width: 14em;
}
.juhaku .max-w15em
{
    max-width: 15em;
}
.juhaku .max-w16em
{
    max-width: 16em;
}
.juhaku .max-w17em
{
    max-width: 17em;
}
.juhaku .max-w18em
{
    max-width: 18em;
}
.juhaku .max-w19em
{
    max-width: 19em;
}
.juhaku .max-w20em
{
    max-width: 20em;
}

.jhk-panel
{
    padding: 10px; 

    border: 2px solid #ff9a06;
    background: #ffe7ce;
}
.jhk-panel-title
{
    font-size: 20px;
    font-weight: bold; 

    margin: -10px -10px 10px -10px;
    padding: 7px 10px;

    text-align: center;

    color: #fff;
    background: #ff9a06;
}
.jhk-panel-title_arrow
{
    position: relative;

    margin-bottom: 30px; 

    border-color: inherit;
}
.jhk-panel-title_arrow:before
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 0;
    height: 0;
    margin-left: -25px; 

    content: ' ';
    pointer-events: none;

    border: solid transparent;
    border-width: 25px;
    border-top-color: inherit;
}
.jhk-panel_mint
{
    border-color: #6cc;
    background: #fff;
}
.jhk-panel_mint .jhk-panel-title
{
    background: #6cc;
}
.jhk-panel_pink
{
    border-color: #e4007f;
    background: #fdeff5;
}
.jhk-panel_pink .jhk-panel-title
{
    background: #e4007f;
}
.jhk-panel_blue
{
    border-color: #00a0e9;
    background: #eaf6fd;
}
.jhk-panel_blue .jhk-panel-title
{
    background: #00a0e9;
}

.jhk-topNav
{
    padding: 15px 0; 

    text-align: center;
}
@media screen and (max-width: 767px)
{
    .jhk-topNav
    {
        margin: 0 -15px 15px -15px; 
        padding: 0;
    }
}
.jhk-topNav li
{
    line-height: 1.4;

    display: inline-block;

    margin-right: 2px; 
    padding-right: 12px;

    border-right: 1px solid #000;
}
.jhk-topNav li:last-child
{
    margin-right: 0; 
    padding-right: 0;

    border-right: 0;
}
@media screen and (max-width: 767px)
{
    .jhk-topNav li
    {
        display: block;

        margin-right: 0;
        padding-right: 0;

        border-right: 0;
        border-bottom: 1px solid #fff;
    }
    .jhk-topNav li:last-child
    {
        margin-bottom: 0;
    }
    .jhk-topNav li a
    {
        display: block;

        padding: 10px;

        text-decoration: none; 

        background: #33ad5c;
    }
    .jhk-topNav li a,
    .jhk-topNav li a:hover
    {
        color: #fff;
    }
}
.jhk-topNav a
{
    color: #000;
}
.jhk-topNav a:hover
{
    color: #093;
}

.jhk-footerNav
{
    padding: 40px 0;

    border-top: solid 1px #ebebeb; 
    background: #ffe7ce;
}
.jhk-footerNav-1st
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 20px 0;
    padding: 0;

    list-style: none;

    text-align: center;

    -webkit-box-pack: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
}
@media screen and (max-width: 767px)
{
    .jhk-footerNav-1st
    {
        display: block;
    }
}
.jhk-footerNav-1st li
{
    width: 300px;
    margin: 10px;
}
@media screen and (max-width: 767px)
{
    .jhk-footerNav-1st li
    {
        display: block;

        width: auto;
        margin: 10px 0;
    }
}
.jhk-footerNav-1st li a
{
    font-size: 16px;
    line-height: 1.4;

    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%; 
    padding: 8px 10px;

    -webkit-box-pack: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.jhk-footerNav-1st_home
{
    border: 1px solid #ff9a06;
    background: #fff;
}
.jhk-footerNav-1st_home,
.jhk-footerNav-1st_home:link,
.jhk-footerNav-1st_home:visited
{
    text-decoration: none; 

    color: #ff9a06;
}
.jhk-footerNav-1st_home:hover,
.jhk-footerNav-1st_home:active,
.jhk-footerNav-1st_home:focus
{
    color: #fff; 
    background: #ff9a06;
}
.jhk-footerNav-1st_home span
{
    font-size: 18px;

    margin-right: 5px;

    vertical-align: -5%;
}
.jhk-footerNav-1st_form
{
    position: relative; 

    display: block;

    border-radius: 5px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#19b03c), to(#0c6f25));
    background: -webkit-linear-gradient(top, #19b03c 0%, #0c6f25 100%);
    background: -moz-linear-gradient(top, #19b03c 0%, #0c6f25 100%);
    background: linear-gradient(to bottom, #19b03c 0%, #0c6f25 100%);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}
.jhk-footerNav-1st_form:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: 0;
    border-right: 5px;
    background: #fff;
}
.jhk-footerNav-1st_form,
.jhk-footerNav-1st_form:link,
.jhk-footerNav-1st_form:visited
{
    text-decoration: none; 

    color: #fff;
}
.jhk-footerNav-1st_form:hover:after,
.jhk-footerNav-1st_form:active:after,
.jhk-footerNav-1st_form:focus:after
{
    opacity: .2;
}
.jhk-footerNav-1st_form span
{
    font-size: 18px;

    margin-right: 5px;

    vertical-align: -5%;
}
.jhk-footerNav-2nd
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.jhk-footerNav-2nd li
{
    width: 25%;
    padding: 2px;
}
@media screen and (max-width: 1019px) and (min-width: 768px)
{
    .jhk-footerNav-2nd li
    {
        width: 25%;
    }
    .jhk-footerNav-2nd li:nth-child(-n+6)
    {
        width: 33.333%;
    }
}
@media screen and (max-width: 767px)
{
    .jhk-footerNav-2nd li
    {
        width: 50%;
    }
}
@media screen and (max-width: 410px)
{
    .jhk-footerNav-2nd li
    {
        width: 100%;
    }
}
.jhk-footerNav-2nd a
{
    font-size: 15px;
    line-height: 1.25;

    position: relative;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;
    min-height: 5.5em; 
    padding: .5em 0 .5em 10px;

    background: #ff9a06;

    -webkit-box-align: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}
@media screen and (max-width: 480px)
{
    .jhk-footerNav-2nd a
    {
        min-height: 4em;
    }
}
.jhk-footerNav-2nd a,
.jhk-footerNav-2nd a:link,
.jhk-footerNav-2nd a:visited
{
    text-decoration: none; 

    color: #fff;
}
.jhk-footerNav-2nd a:hover,
.jhk-footerNav-2nd a:active,
.jhk-footerNav-2nd a:focus
{
    background: #ffaf3b;
}
.jhk-footerNav-2nd .icon
{
    font-size: 33px;

    width: 40px; 
    margin-right: 8px;
}
.jhk-footerNav-2nd .jhkicon-hotelplane
{
    position: relative;
}
.jhk-footerNav-2nd .jhkicon-hotelplane:before,
.jhk-footerNav-2nd .jhkicon-hotelplane:after
{
    font-size: 130%;
}
.jhk-footerNav-2nd .jhkicon-hotelplane:after
{
    font-family: 'jhkicon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 0;
    left: 0; 

    text-transform: none;

    color: #ff9a06;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.jhk-footerNav-2nd .jhkicon-plane-1st:before,
.jhk-footerNav-2nd .jhkicon-plane-2nd:before,
.jhk-footerNav-2nd .jhkicon-hotel-1st:before,
.jhk-footerNav-2nd .jhkicon-hotel-2nd:before
{
    font-size: 114%;
}
.jhk-footerNav-2nd .icon-map1
{
    margin-left: 3px;
}
.jhk-footerNav-2nd .icon-map1:before
{
    font-size: 103%;
}
.jhk-footerNav-2nd .jhkicon-vehicles2:before
{
    font-size: 114%;
}
.jhk-footerNav-2nd .jhkicon-talk:before
{
    font-size: 110%;
}
.jhk-footerNav-2nd .jhkicon-ticket:before
{
    font-size: 110%;
}
.jhk-footerNav-2nd .caution
{
    font-size: 13px;

    display: block;

    margin-top: 3px;
    padding: 2px 5px;

    text-align: center; 

    color: #f00;
    background: #fff;
}

.jhk-home-news a
{
    text-decoration: none; 

    color: inherit;
}
.jhk-home-news a:hover
{
    text-decoration: underline; 

    color: #093;
}

.jhk-home-nav
{
    margin: 30px 0 50px 0;
    padding: 40px 0;

    border-top: solid 1px #ebebeb; 
    background: #ffe7ce;
}
.jhk-home-nav-1st
{
    margin: 30px 0 0 0;
    padding: 0;

    list-style: none;

    text-align: center;
}
.jhk-home-nav-1st li
{
    display: inline-block;

    width: 300px;
    margin: 10px;
}
@media screen and (max-width: 410px)
{
    .jhk-home-nav-1st li
    {
        display: block;

        width: auto;
        margin: 10px 0;
    }
}
.jhk-home-nav-1st li a
{
    font-size: 16px; 

    display: block;

    padding: 18px 10px;
}
.jhk-home-nav-1st_form
{
    position: relative; 

    display: block;

    border-radius: 5px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#19b03c), to(#0c6f25));
    background: -webkit-linear-gradient(top, #19b03c 0%, #0c6f25 100%);
    background: -moz-linear-gradient(top, #19b03c 0%, #0c6f25 100%);
    background: linear-gradient(to bottom, #19b03c 0%, #0c6f25 100%);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
}
.jhk-home-nav-1st_form:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: 0;
    border-right: 5px;
    background: #fff;
}
.jhk-home-nav-1st_form,
.jhk-home-nav-1st_form:link,
.jhk-home-nav-1st_form:visited
{
    text-decoration: none; 

    color: #fff;
}
.jhk-home-nav-1st_form:hover:after,
.jhk-home-nav-1st_form:active:after,
.jhk-home-nav-1st_form:focus:after
{
    opacity: .2;
}
.jhk-home-nav-1st_form span
{
    font-size: 28px;

    margin-right: 5px;

    vertical-align: -15%;
}
.jhk-home-nav-2nd
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.jhk-home-nav-2nd li
{
    width: 16.66667%;
    padding: 2px;
}
@media screen and (max-width: 1019px) and (min-width: 768px)
{
    .jhk-home-nav-2nd li
    {
        width: 25%;
    }
    .jhk-home-nav-2nd li:nth-child(-n+6)
    {
        width: 33.333%;
    }
}
@media screen and (max-width: 767px)
{
    .jhk-home-nav-2nd li
    {
        width: 50%;
    }
}
@media screen and (max-width: 410px)
{
    .jhk-home-nav-2nd li
    {
        width: 100%;
    }
}
.jhk-home-nav-2nd a
{
    font-size: 15px;
    line-height: 1.25; 

    position: relative;

    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    height: 100%;
    padding: .75em .5em;

    text-align: center;

    background: #ff9a06;

    -webkit-box-pack: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (max-width: 410px)
{
    .jhk-home-nav-2nd a
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;

        text-align: left; 

        -webkit-box-pack: start; 

           -moz-box-pack: start; 

            -ms-flex-pack: start; 

                justify-content: flex-start;
    }
}
.jhk-home-nav-2nd a,
.jhk-home-nav-2nd a:link,
.jhk-home-nav-2nd a:visited
{
    text-decoration: none; 

    color: #fff;
}
.jhk-home-nav-2nd a:hover,
.jhk-home-nav-2nd a:active,
.jhk-home-nav-2nd a:focus
{
    background: #ffaf3b;
}
.jhk-home-nav-2nd .icon
{
    font-size: 50px; 

    display: block;

    margin: 0 auto 10px auto;
}
@media screen and (max-width: 410px)
{
    .jhk-home-nav-2nd .icon
    {
        font-size: 33px;

        width: 40px;
        margin: 0 8px 0 0;

        text-align: center;
    }
}
.jhk-home-nav-2nd .jhkicon-hotelplane
{
    position: relative;
}
.jhk-home-nav-2nd .jhkicon-hotelplane:before,
.jhk-home-nav-2nd .jhkicon-hotelplane:after
{
    font-size: 130%;
}
.jhk-home-nav-2nd .jhkicon-hotelplane:after
{
    font-family: 'jhkicon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    position: absolute;
    top: 0;
    left: 50%;

    margin-left: -.5em; 

    text-transform: none;

    color: #ff9a06;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 410px)
{
    .jhk-home-nav-2nd .jhkicon-hotelplane:after
    {
        left: 0; 

        margin-left: 0;
    }
}
.jhk-home-nav-2nd .jhkicon-plane-1st:before,
.jhk-home-nav-2nd .jhkicon-plane-2nd:before,
.jhk-home-nav-2nd .jhkicon-hotel-1st:before,
.jhk-home-nav-2nd .jhkicon-hotel-2nd:before
{
    font-size: 114%;
}
.jhk-home-nav-2nd .icon-map1:before
{
    font-size: 103%;
}
.jhk-home-nav-2nd .jhkicon-vehicles2:before
{
    font-size: 114%;
}
.jhk-home-nav-2nd .jhkicon-talk:before
{
    font-size: 110%;
}
.jhk-home-nav-2nd .jhkicon-ticket:before
{
    font-size: 110%;
}
.jhk-home-nav-2nd .caution
{
    font-size: 13px;

    display: inline-block;

    margin-top: 3px;
    padding: 2px 5px;

    text-align: center; 

    color: #f00;
    background: #fff;
}

.jhk-home-panelWrap
{
    display: inline-block;

    text-align: left;
}

.jhk-home-panel
{
    margin-bottom: 20px;
}
.jhk-home-panel_inner
{
    font-weight: bold; 

    display: table;
}
@media screen and (max-width: 767px)
{
    .jhk-home-panel_inner
    {
        display: block;
    }
}
.jhk-home-panel_inner > *
{
    line-height: 1.5;

    display: table-cell;

    padding: 5px;

    vertical-align: middle;
    white-space: nowrap;
}
@media screen and (max-width: 1019px)
{
    .jhk-home-panel_inner > *
    {
        white-space: normal;
    }
}
@media screen and (max-width: 767px)
{
    .jhk-home-panel_inner > *
    {
        display: block;

        padding: 0;
    }
}
.jhk-home-panel_inner h3
{
    font-size: 17px;
    font-weight: bold;

    width: 6em;
    padding: 10px;

    text-align: center;
    white-space: nowrap; 

    background: #fff;
}
@media screen and (max-width: 767px)
{
    .jhk-home-panel_inner h3
    {
        width: auto;
        margin-bottom: 10px;
    }
}
.jhk-home-panel_inner h4
{
    font-weight: bold;

    margin: 0 5px; 
    padding-right: 10px;
    padding-left: 20px;

    white-space: nowrap;
}
.jhk-home-panel_inner h4 span
{
    display: inline-block;

    vertical-align: middle;
}
@media screen and (max-width: 767px)
{
    .jhk-home-panel_inner h4
    {
        margin-bottom: 10px;
        padding-right: 0;
        padding-left: 0;

        text-align: center;
    }
    .jhk-home-panel_inner h4 br
    {
        display: none;
    }
}
.jhk-home-panel_inner .line
{
    padding-left: 10px; 

    border-left: 1px solid #000;
}
@media screen and (max-width: 767px)
{
    .jhk-home-panel_inner .line
    {
        padding-left: 0; 

        border-left: 0;
    }
}
.jhk-home-panel.jhk-panel_blue h3
{
    color: #009fe8;
}
.jhk-home-panel.jhk-panel_pink h3
{
    color: #e3007f;
}

.jhk-ticket-box
{
    padding: 10px; 

    border: 2px solid #ff9a06;
    background: #ffe7ce;
}

.juhaku .jhk-hotelList-table1 a
{
    color: #000;
}

.juhaku .jhk-hotelList-table1 > tbody tr.hover
{
    background: #f2faf5;
}
.juhaku .jhk-hotelList-table1 > tbody tr.hover .bg-yellow
{
    background: #f2faca;
}

@media screen and (max-width: 768px)
{
    .juhaku .jhk-hotelList-table1 td,
    .juhaku .jhk-hotelList-table1 th
    {
        font-size: 1.3rem;

        padding: 4px 6px;
    }
    .juhaku .jhk-hotelList-table1 > tbody tr td:first-child
    {
        white-space: normal !important;
    }
}

.jhk-hotelList-name
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 768px)
{
    .jhk-hotelList-name
    {
        width: 10em;
    }
}
@media screen and (max-width: 480px)
{
    .jhk-hotelList-name
    {
        width: 8em;
    }
}

.jhk-hotelList div.scroll_div
{
    overflow: auto;

    -webkit-box-sizing: content-box;

       -moz-box-sizing: content-box;

            box-sizing: content-box;
}

.jhk-hotelList div.scroll_div *
{
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

.jhk-hotelList .jhk-hotel-diffTable dt
{
    background: #e98694;
}

.jhk-price1-ex
{
    margin-top: 15px;
    margin-bottom: 30px; 
    padding: 15px;

    border-radius: 5px;
    background: #fff4eb;
}

@media screen and (max-width: 767px)
{
    .jhk-price1,
    .jhk-price1-ex,
    .jhk-price2
    {
        max-width: 480px; 
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
        padding: 10px;

        border-radius: 5px;
    }
    .jhk-price1,
    .jhk-price1-ex
    {
        background: #fff4eb;
    }
    .jhk-price2
    {
        margin-top: 30px;

        background: #fff5f6;
    }
}

.jhk-hotel-note
{
    margin-top: 30px;
}

.jhk-hotel-titleGroup
{
    overflow: hidden; 

    margin-top: 30px;
    margin-bottom: 10px;
    padding: 7px 0;

    background: #add9c1;
}
.jhk-hotel-titleGroup ul
{
    float: right;

    margin: 5px 0;
}
.jhk-hotel-titleGroup li
{
    display: inline-block;

    padding: 0 8px; 

    color: #fff;
}
.jhk-hotel-titleGroup .first
{
    background: #e4007f;
}
.jhk-hotel-titleGroup .second
{
    background: #00a0e9;
}

.jhk-hotel-title
{
    font-size: 22px;
    font-weight: bold;

    float: left;

    margin: 5px 10px 5px 0;
}

.jhk-hotel-address
{
    font-weight: bold;
    line-height: 1.4;

    margin-bottom: 15px; 

    text-align: right;
}
@media screen and (max-width: 480px)
{
    .jhk-hotel-address
    {
        text-align: left;
    }
}

.jhk-hotel-intro
{
    line-height: 1.4;

    margin-bottom: 20px; 
    padding: 10px 0;

    color: #093;
    border: 1px solid #093;
    border-right: 0;
    border-left: 0;
}

.jhk-hotel-phs
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 30px; 

    -ms-flex-wrap: wrap; 

        flex-wrap: wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.jhk-hotel-phs > *
{
    margin: 10px;
}

.jhk-hotel-price
{
    margin-bottom: 30px;
}

.jhk-hotel-remarks
{
    margin-bottom: 30px;
}

.jhk-hotel-diffTable
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 30px;

    border-top: solid 1px #ccc; 

    -ms-flex-wrap: wrap; 

        flex-wrap: wrap;
}
.jhk-hotel-diffTable dl
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 14.2857%;

    border: solid 1px #ccc;
    border-top: 0;
}
@media screen and (max-width: 768px)
{
    .jhk-hotel-diffTable dl
    {
        width: 33.333%;
    }
}
.jhk-hotel-diffTable dt
{
    width: 25%;

    text-align: center;

    color: #fff; 
    border-right: solid 1px #ccc;
    background: #093;
}
.jhk-hotel-diffTable dd
{
    width: 75%;

    text-align: center;
}

.jhk-hotel-map
{
    width: 100%;
    height: 400px; 
    margin-bottom: 30px;
}

.jhk-hotel-iframemap
{
    position: relative;

    margin-bottom: 30px;
}
.jhk-hotel-iframemap iframe
{
    width: 100%;
    height: 400px;
}

.jhk-hotel-spec
{
    margin-bottom: 40px;
}
.jhk-hotel-spec dl
{
    border-bottom: 1px solid #666;
}
.jhk-hotel-spec dt,
.jhk-hotel-spec dd
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.jhk-hotel-spec dt
{
    float: left;
    clear: left; 

    width: 11em;
}
.jhk-hotel-spec dt img
{
    margin-right: 4px; 

    vertical-align: middle;
}
.jhk-hotel-spec dt.checkinout
{
    width: 24px;
}
.jhk-hotel-spec dd
{
    padding-left: 11em;

    border-top: 1px solid #666;
}
.jhk-hotel-spec dd.checkinout
{
    padding-left: 28px;
}

.jhk-guidance-headerattention
{
    font-size: 16px;
    font-weight: bold;

    bottom: 0 !important; 

    padding-top: 15px;

    color: #f44;
}

.jhk-guidance-step
{
    list-style: none;

    counter-reset: step;
}
.jhk-guidance-step li
{
    position: relative; 

    margin-bottom: 15px;
}
.jhk-guidance-step li:before
{
    position: absolute;
    top: 2em;
    right: -5px;

    content: '▶';

    color: #80cc99;
}
.jhk-guidance-step li:last-child:before
{
    display: none;
}
@media screen and (max-width: 767px)
{
    .jhk-guidance-step li
    {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;

           -moz-box-align: center;

            -ms-flex-align: center;

                align-items: center;
    }
    .jhk-guidance-step li:before
    {
        display: none;
    }
}
.jhk-guidance-step li h4
{
    font-size: 18px;

    width: 4.5em;
    min-width: 4.5em;
    height: 4.5em;
    min-height: 4.5em;
    margin: 0 auto 10px auto; 

    text-align: center;

    color: #fff;
    border-radius: 100%;
    background: #093;
}
.jhk-guidance-step li h4:before
{
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; 
    font-size: 2.2em;

    display: block;

    padding-top: .15em;

    content: counter(step);
    counter-increment: step;
}
@media screen and (max-width: 767px)
{
    .jhk-guidance-step li h4
    {
        margin-right: 15px;
    }
}
.jhk-guidance-step li p
{
    line-height: 1.4;

    text-align: justify;

    -webkit-box-flex: 2;

       -moz-box-flex: 2;

        -ms-flex-positive: 2;

            flex-grow: 2;
    -ms-flex-negative: 2;
        flex-shrink: 2;
}

.jhk-guidance-expanel
{
    padding: 15px;
}
.jhk-guidance-expanel .jhk-panel-title
{
    font-size: 26px;

    margin-top: -15px;
    margin-right: -15px;
    margin-left: -15px;
    padding: 15px;
}
.jhk-guidance-expanel h4
{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;

    margin-bottom: 15px; 

    text-align: center;

    color: #6cc;
}

.jhk-agree
{
    margin-top: 30px; 
    padding-top: 20px;

    border-top: 1px dotted #999;
}
.jhk-agree li
{
    margin-top: 15px;
}
.jhk-agree label
{
    margin-left: 1.5em;
}
.jhk-agree input
{
    margin-right: 5px;
}

.jhk-warning
{
    font-size: 1.8rem;
    font-weight: bold;

    margin-top: 15px;
    margin-bottom: -20px;

    text-align: center;

    color: #f00;
}

.jhk-schedule-table2
{
    min-width: 35em;
}

.jhk-schedule-intro
{
    max-width: 30em;

    white-space: normal !important;
}

.jhk-schedule-nav
{
    padding: 15px 0; 

    text-align: center;
}
.jhk-schedule-nav li
{
    line-height: 1.4;

    display: inline-block;

    margin-right: 2px; 
    padding-right: 12px;

    border-right: 1px solid #000;
}
.jhk-schedule-nav li:last-child
{
    margin-right: 0; 
    padding-right: 0;

    border-right: 0;
}
.jhk-schedule-nav a
{
    color: #000;
}
.jhk-schedule-nav a:hover
{
    color: #093;
}

.jhk-access-route
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 10px; 

    -ms-flex-pack: distribute; 

        justify-content: space-around;
}
@media screen and (max-width: 1019px)
{
    .jhk-access-route
    {
        display: block;

        text-align: center;
    }
}
.jhk-access-route_1
{
    position: relative; 

    -webkit-box-flex: 1; 

       -moz-box-flex: 1; 

        -ms-flex: 1; 

            flex: 1;
}
@media screen and (max-width: 1019px)
{
    .jhk-access-route_1
    {
        padding-bottom: 20px;
    }
}
.jhk-access-route_1:after
{
    font-size: 12px;
    line-height: 1;

    position: absolute;
    top: 50%;
    right: .5em;

    margin-top: -.5em; 

    content: '▶';
}
@media screen and (max-width: 1019px)
{
    .jhk-access-route_1:after
    {
        top: inherit;
        right: 50%;
        bottom: .5em;

        margin-top: 0;
        margin-right: -.5em; 

        content: '▼';
    }
}
.jhk-access-route_2
{
    text-align: right;
}
.jhk-access-route_sapporo .jhk-access-route_1:after
{
    color: #e4007f;
}
.jhk-access-route_hakodate .jhk-access-route_1:after
{
    color: #00a0e9;
}

.jhk-map-gmap_iframe iframe
{
    width: 100%;
    height: 600px;
    margin-bottom: 20px;

    border: 0;
}
@media screen and (max-width: 767px)
{
    .jhk-map-gmap_iframe iframe
    {
        height: 400px;
    }
}

.jhk-map-gmap_sapporo,
.jhk-map-gmap_hakodate
{
    height: 600px; 
    margin-bottom: 20px;
}
@media screen and (max-width: 767px)
{
    .jhk-map-gmap_sapporo,
    .jhk-map-gmap_hakodate
    {
        height: 400px;
    }
}

.jhk-map-infowin
{
    min-width: 180px;
}
.jhk-map-infowin h3
{
    margin-bottom: 3px; 
    padding-top: 5px;
}
.jhk-map-infowin p
{
    margin-bottom: 5px;
}

.jhk-map-hotellist li
{
    line-height: 1.5;

    position: relative;

    margin-bottom: 15px;
    padding-left: 2em;

    cursor: pointer;
}
.jhk-map-hotellist li:hover
{
    color: #093;
}
.jhk-map-hotellist li span
{
    position: absolute;
    left: 0;

    display: block;

    width: 2em;
}

.jhk-map-hotellist a
{
    text-decoration: none; 

    color: inherit;
}