@charset "utf-8";

.contents_title{
    color: black !important;
    text-align: initial!important;
    margin-bottom: 10px;
    padding-left: 8px;
    border-bottom: 1px dotted #999999;
    border-left: 8px solid #00A7EA;
    font-size: 1em;
    font-weight: bold;
}

.contents_title p{
    margin-left: 0.3em;
    font-weight: bold;
}

.yoyaku{
    margin: auto;
    text-align: center;
    background: bule;
    background-color: #004191;
    color: #fff;
    font-size: 0.7em;
    padding: 1em 0;
    font-weight: normal;
}

.main_banner img{
    height: auto;
    padding: 3px;
}

.ul_flex{
    font-size: 85%;
    font-weight: normal;
    /* padding: 10px; */
}

.ul_flex .width15{
    width: 50%;
    margin: auto;
}

.ul_flex .width15 img{
    width: unset;
}

.ul_flexinner{
    margin-bottom: 30px;
}

.ul_flexinner li{
    text-align: left;
    padding: 2px;
}

.ana_taxi{
    text-align: initial;
}



.img_ishigaki, .img_miyako{
    width: 100%;
}

#attention{
    font-size: 85%;
    font-weight: normal;
    padding: 10px;
    background-color: aliceblue;
}

#attention ul{
    font-size: 80%;
}


#attention ul li span, #info ul li span{
    display: inline-block;
    font-weight: bold;
    /* margin-top: 10px; */
}

.ul_flex center li .red{
    color: red;
}

.footer_text p{
    font-size: 90%;
}

.footer_nav{
    font-weight: normal;
}

.footer_nav ul li, .footer_contact{
    font-size: 13px;
}

/* ＪＲ　パス */


.jr_yoyaku{
    margin: auto;
    background-color: #004191;
    color: #fff;
    font-size: 0.7em;
    padding: 1em;
    font-weight: normal;
}

.setting_period{
    font-size: 0.9em;
    font-weight: normal;
}

.pc_jr{
    display: none;
}

.jr_kip_btnarea, .sp_jr, .sp_htl_hok, .sp_htl_tohoku_kanto{
    display: block;
}

.jr_kip_btnarea{
    margin: auto;
    font-weight: normal;
}

.price_area{
    display: block;
    margin-bottom: 0.5em;
}

.jr_kiparea{
    justify-content: space-around;
    box-sizing: border-box;
    border: #ccc 1px solid;
    margin: 0.5em 0;
}

/* .jr_kip_btnarea li a{
    font-size: 1.3em;
} */

.price_area .green, .jr_kyushu_kukan_price .green{
    background-color: rgb(186, 238, 214);
}

.price_area .yellow, .jr_kyushu_kukan_price .yellow{
    background-color:#fff3b8;
}

.jr_price_box{
    margin-top: 1em;
    font-size: 0.9em;
}

th, td{
    border: #ddd 1px solid;
    vertical-align: middle;
    text-align: center;
    padding: 0.5em 0;
}
 
.kukan_area li{
    font-weight: normal;
    text-align: center;
    margin: 1em 0;
}

.price_area td span{
    font-size: 0.7em;
    color: red;
}

/* ＪＲ　ana パス */

.jr_pass_img{
    text-align: center;
    margin-top: 1em;
}

/* ＪＲ九州　区間 */

.no_list li, .list li{
    margin-bottom: 0.5em;
}

.jr_kyushu_kukan_img{
    /* width: 90%; */
    margin: 2em auto;
}

.jr_kyushu_kukan_img img{
    width: 100%;
}

/* JR pass 九州 */

#navi .jr_kukanngata_kyuushu li{
    font-size: 0.5em;
    background-color: #337ab7;
    box-sizing: border-box;
    padding: 0.2em !important;
    margin: 0 0.1em 0.1em;
    line-height: 3;
}

#navi .jr_kukanngata_kyuushu li:nth-child(1),
#navi .jr_kukanngata_kyuushu li:nth-child(3),
#navi .jr_kukanngata_kyuushu li:nth-child(7){
    line-height: unset;
}


/* アコーデオン */
.menu {
    max-width: 600px;
    width: 90%;
    margin: auto;
    background-color: #f4f4f4f4;
    box-sizing: border-box;
    padding: 1em;
}

.menu a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
}

label {
    display: block;
    margin: 0 0 4px 0;
    padding : 8px;
    line-height: 1;
    color :#fff;
    background: #f0ad4e;
    cursor :pointer;
    text-align: center;
    border-radius: 10px;
    font-weight: normal;
    font-size: 0.9em;
}

input {
    display: none;
}

.menu ul {
    /* margin: 0; */
    padding: 0;
    background :#f4f4f4;
    list-style: none;
    /* margin-bottom: 1em; */
}

.menu li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* .infant_priceスマホアコデーオン */

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li, 
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li,
#menu_bar10:checked ~ #links10 li,
#menu_bar11:checked ~ #links11 li,
#menu_bar12:checked ~ #links12 li,
#menu_bar13:checked ~ #links13 li,
#menu_bar14:checked ~ #links14 li,
#menu_bar15:checked ~ #links15 li,
#menu_bar16:checked ~ #links16 li,
#menu_bar17:checked ~ #links17 li,
#menu_bar18:checked ~ #links18 li,
#menu_bar19:checked ~ #links19 li,
#menu_bar20:checked ~ #links20 li,
#menu_bar21:checked ~ #links21 li,
#menu_bar22:checked ~ #links22 li,
#menu_bar23:checked ~ #links23 li,
#menu_bar24:checked ~ #links24 li,
#menu_bar25:checked ~ #links25 li,
#menu_bar26:checked ~ #links26 li,
#menu_bar27:checked ~ #links27 li,
#menu_bar28:checked ~ #links28 li,
#menu_bar29:checked ~ #links29 li,
#menu_bar30:checked ~ #links30 li,
#menu_bar31:checked ~ #links31 li,
#menu_bar32:checked ~ #links32 li,
#menu_bar33:checked ~ #links33 li,
#menu_bar34:checked ~ #links34 li,
#menu_bar35:checked ~ #links35 li,
#menu_bar36:checked ~ #links36 li,
#menu_bar37:checked ~ #links37 li,
#menu_bar38:checked ~ #links38 li,
#menu_bar39:checked ~ #links39 li,
#menu_bar40:checked ~ #links40 li,
#menu_bar41:checked ~ #links41 li,
#menu_bar42:checked ~ #links42 li,
#menu_bar43:checked ~ #links43 li,
#menu_bar44:checked ~ #links44 li,
#menu_bar45:checked ~ #links45 li,
#menu_bar46:checked ~ #links46 li,
#menu_bar47:checked ~ #links47 li,
#menu_bar48:checked ~ #links48 li,
#menu_bar49:checked ~ #links49 li,
#menu_bar50:checked ~ #links50 li,
#menu_bar51:checked ~ #links51 li,
#menu_bar52:checked ~ #links52 li,
#menu_bar53:checked ~ #links53 li,
#menu_bar54:checked ~ #links54 li,
#menu_bar55:checked ~ #links55 li,
#menu_bar56:checked ~ #links56 li,
#menu_bar57:checked ~ #links57 li,
#menu_bar58:checked ~ #links58 li,
#menu_bar59:checked ~ #links59 li,
#menu_bar60:checked ~ #links60 li,
#menu_bar61:checked ~ #links61 li,
#menu_bar62:checked ~ #links62 li,
#menu_bar63:checked ~ #links63 li,
#menu_bar64:checked ~ #links64 li,
#menu_bar65:checked ~ #links65 li,
#menu_bar66:checked ~ #links66 li,
#menu_bar67:checked ~ #links67 li,
#menu_bar68:checked ~ #links68 li,
#menu_bar69:checked ~ #links69 li,
#menu_bar70:checked ~ #links70 li,
#menu_bar71:checked ~ #links71 li,
#menu_bar72:checked ~ #links72 li,
#menu_bar73:checked ~ #links73 li,
#menu_bar74:checked ~ #links74 li,
#menu_bar75:checked ~ #links75 li,
#menu_bar76:checked ~ #links76 li,
#menu_bar77:checked ~ #links77 li,
#menu_bar78:checked ~ #links78 li,
#menu_bar79:checked ~ #links79 li,
#menu_bar80:checked ~ #links80 li,
#menu_bar81:checked ~ #links81 li,
#menu_bar82:checked ~ #links82 li,
#menu_bar83:checked ~ #links83 li,
#menu_bar84:checked ~ #links84 li,
#menu_bar85:checked ~ #links85 li,
#menu_bar86:checked ~ #links86 li,
#menu_bar87:checked ~ #links87 li,
#menu_bar88:checked ~ #links88 li,
#menu_bar89:checked ~ #links89 li,
#menu_bar90:checked ~ #links90 li,
#menu_bar91:checked ~ #links91 li,
#menu_bar92:checked ~ #links92 li,
#menu_bar93:checked ~ #links93 li,
#menu_bar94:checked ~ #links94 li,
#menu_bar95:checked ~ #links95 li,
#menu_bar96:checked ~ #links96 li,
#menu_bar97:checked ~ #links97 li,
#menu_bar98:checked ~ #links98 li,
#menu_bar99:checked ~ #links99 li,
#menu_bar100:checked ~ #links100 li,
#menu_bar101:checked ~ #links101 li,
#menu_bar102:checked ~ #links102 li,
#menu_bar103:checked ~ #links103 li,
#menu_bar104:checked ~ #links104 li,
#menu_bar105:checked ~ #links105 li,
#menu_bar106:checked ~ #links106 li,
#menu_bar107:checked ~ #links107 li,
#menu_bar108:checked ~ #links108 li,
#menu_bar109:checked ~ #links109 li,
#menu_bar110:checked ~ #links110 li,
#menu_bar111:checked ~ #links111 li,
#menu_bar112:checked ~ #links112 li,
#menu_bar113:checked ~ #links113 li,
#menu_bar114:checked ~ #links114 li,
#menu_bar115:checked ~ #links115 li,
#menu_bar116:checked ~ #links116 li,
#menu_bar117:checked ~ #links117 li,
#menu_bar118:checked ~ #links118 li,
#menu_bar119:checked ~ #links119 li,
#menu_bar120:checked ~ #links120 li,
#menu_bar121:checked ~ #links121 li,
#menu_bar122:checked ~ #links122 li,
#menu_bar123:checked ~ #links123 li,
#menu_bar124:checked ~ #links124 li,
#menu_bar125:checked ~ #links125 li,
#menu_bar126:checked ~ #links126 li,
#menu_bar127:checked ~ #links127 li,
#menu_bar128:checked ~ #links128 li,
#menu_bar129:checked ~ #links129 li,
#menu_bar130:checked ~ #links130 li,
#menu_bar131:checked ~ #links131 li,
#menu_bar132:checked ~ #links132 li,
#menu_bar133:checked ~ #links133 li,
#menu_bar134:checked ~ #links134 li,
#menu_bar135:checked ~ #links135 li,
#menu_bar136:checked ~ #links136 li,
#menu_bar137:checked ~ #links137 li,
#menu_bar138:checked ~ #links138 li,
#menu_bar139:checked ~ #links139 li,
#menu_bar140:checked ~ #links140 li,
#menu_bar141:checked ~ #links141 li,
#menu_bar142:checked ~ #links142 li,
#menu_bar143:checked ~ #links143 li,
#menu_bar144:checked ~ #links144 li,
#menu_bar145:checked ~ #links145 li,
#menu_bar146:checked ~ #links146 li,
#menu_bar147:checked ~ #links147 li,
#menu_bar148:checked ~ #links148 li,
#menu_bar149:checked ~ #links149 li,
#menu_bar150:checked ~ #links150 li,
#menu_bar151:checked ~ #links151 li,
#menu_bar152:checked ~ #links152 li,
#menu_bar153:checked ~ #links153 li,
#menu_bar154:checked ~ #links154 li,
#menu_bar155:checked ~ #links155 li,
#menu_bar156:checked ~ #links156 li,
#menu_bar157:checked ~ #links157 li

{
    height: 23px;
    opacity: 1;
    line-height: -0.2;
}

.list_bule{
    background-color: #ffeddb;
}

/* JR pass 四国 */
.jr_s_time td{
    padding: 0.3em;
}

/* 幼児施設使用料　infant_price */

.areabox_sp{
    font-size: 1.3em;
    margin: 0.5em 0 !important;
    text-align: center;
}


#navi .infant_price_naviarea, #navi{
    justify-content: center !important;
}

#navi .infant_price_naviarea li{
    font-size: 0.6em;
    background-color: #337ab7;
    box-sizing: border-box;
    padding: 0.5em !important;
    margin: 0.2em;
    line-height: 4;
}

#navi .infant_price_naviarea li:nth-child(2),
#navi .infant_price_naviarea li:nth-child(3){
    line-height: 2;
}

#navi .infant_price_btnarea li{
    font-size: 0.6em;
    background-color:unset !important;
    box-sizing: border-box;
    /* padding: 0.5em !important; */
    margin: 0.2em;
    line-height: 1.3;
    color: #337ab7 !important;
    
}

/* #navi .infant_price_btnarea li:nth-child(5){
    line-height: 4;
} */

#navi .infant_price_btnarea li a{
    color: #337ab7 !important;
}

.htl_areatitle{
    font-size: 0.9em;
    text-align: center;
}

.area_wrap_title{
    font-size: 1em !important;
    font-weight: bold;
}

.infant_price_btnarea {
    margin-left: unset !important;
    margin-bottom: 1em !important;
    text-align: center !important;
}

.infant_price_btnarea li{
    /* text-align: center; */
}

.infant_price_btnarea li .infant_btnarea_inner{
    display: inline-block;
    width: 30%;
}

.infant_price_btnarea li .infant_sp_area{
    font-weight: normal;
    color: #337ab7;
    font-size: 0.9em;
}


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

    .width75{
        width: 75%;
    }


    .jr_kiparea{
        justify-content: space-around;
        box-sizing: border-box;
        padding: 2em;
        border: #ccc 1px solid;
        /* text-align: center */
    }

    .jr_kip_btnarea .sp{
        display: block;
    }
    
    .ul_flex {
        display: flex;
    }

    .jr_pass_img{
        margin-top: unset;
        padding-left: 1em;
    }

    .sp_jr, .sp_htl_hok, .sp_htl_tohoku_kanto{
        display: none;
    }
    
    .pc_jr{
        display: block;
    }

    /* ＪＲ九州　区間 */

   
    .jr_kyushu_kukan_price th, .jr_kyushu_kukan_price td{
        padding: 0.5em 1em;
    }

    .jr_kyushu_kukan_price{
        margin: auto;
    }
    .jr_kyushu_kukan_img{
        width: 70%;
    }

    #navi .jr_kukanngata_kyuushu li{
        font-size: 0.8em;
    }

    .jr_kukanngata_kyuushu{
        flex-wrap: nowrap;
    }

    .jr_kukanngata_kyuushu .width23 {
        width: 23%
    }

     /* ＪＲ四国　区間 */

     .jr_s_time{
         font-size: 0.9em
     }

     /* 幼児施設使用料　infant_price */
     #navi .infant_price_naviarea li, #navi .infant_price_btnarea li{
        font-size: 0.8em;
    }

    .infant_price_naviarea{
        flex-wrap: nowrap;
    }

    .infant_price_naviarea .width23 {
        width: 23%
    }

    .area_wrap_title_infant{
    color: #fff;
    background: #337ab7;
    text-align: center;
    margin: 1em　0;
    font-weight: normal;
    }

    .areabox .infant_price_btnarea{
        font-weight: normal;
        font-size: 0.7em;
    }

    .flex_wrap{
        margin-left: unset !important;
    }

    table{
        width: 100%;
    }

    table .htl_name{
        width: 35%;
    }
    table .term{
        width: 20%;
    }
    table .age{
        width: 10%;
    }
    table .age_price{
        width: 15%;
    }
    table .remark{
        width: 20%;
    }

    .areabox .infant_price_btnarea{
        font-size: 0.7em;
        margin-top: 1em;
    }

    .title_small3{
        font-weight: normal;
        font-size: 0.85em;
    }

}

@media screen and (min-width: 992px) {
.contents{
        max-width: 1200px;
    }

 .yoyaku  {
    font-size: 1em;
    width: 100%;
 }  

.ul_flex{
    display: flex;
    font-size: 16px;
}

.ul_flex .width70{
    width: 70%;
}

.ul_flex .width15{
    width: 15%;
    margin: auto;
}
.ul_flexinner{
    width:50%;
}

.ul_flexinner ul{
    box-sizing: border-box;
    padding: 5px;
}

.ul_flexinner li, #attention ul{
    font-size: 16px;
}

.ul_flexinner img{
    width:100%;
}

.text_center{
    text-align: center;
}

/* .center{
    margin: auto;
} */

#info .contents_title, #attention .contents_title{
    font-size: 20px;
}
/* 旭山動物園pass */
#navi .navi_asahiyama li:first-child{
    line-height: unset;
}

/* ＪＲ　パス */
#navi .navi_jrpass li:first-child{
    line-height: unset;
}

#navi .jr_kip_btnarea li{
    line-height: unset;
}


.jr_yoyaku{
    margin: auto;
    background-color: #004191;
    color: #fff;
    font-size: 1em;
    padding: 1em;
   
}

.jr_kip_btnarea{
    display: flex;
    text-align: unset;
}

.kukan_area li{
    text-align: unset;
}



/* ＪＲ九州区間 */
.jr_kyushu_kukan_img{
    width: 70%;
}

 /* ＪＲ四国　区間 */

.jr_s_time td{
    font-size: 0.8em;
}

/* 幼児施設使用料 */
.areabox .infant_price_btnarea{
    font-size: 0.9em;
    margin-top: 1em;
}

.title_small3{
    font-weight: normal;
    font-size: 0.9em;
}

}