<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

.maincontents {
    margin: 0 auto;
    max-width: 1024px;
}
.header {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-family: "Roboto Condensed","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 27px;
    padding: 8px;
    text-align: center;
    margin: 20px auto;
}
h2.ttl-detail01, h2.ttl-detail02 {
    background: rgba(0, 0, 0, 0) url(https://www.tabione.com/ib/img/top/ico_free.png) no-repeat scroll left center;
    font-size: 22px;
    padding: 0 0 5px 40px;
    margin: 20px 0 7px 0;
}
.dayplan h3, .item01 h3, .item02 h3 {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #b8b6b6;
}
.dayplan h3 a, .item01 h3 a, .item02 h3 a {
    color: #f3981c!important;
}
.dayplan p, .nightplan p {
    font-size: 15px;
}
.dayplan .txt, .nightplan .txt {
    padding: 10px;
    border: 1.5px solid #afafaf;
    margin: 10px;
}
.nightplan .txt {
    height: 184px;
}
.dayplan01img img {
    max-width: 1000px;
    width: 95%;
    height: auto;
    margin: 0 auto;
}
.nightplan01img img {
    max-width: 1000px;
    width: 512px;
    height: auto;
    margin: 0 auto;
    padding: 10px;
}
.dayplan01 {
    width: 50%;
}
h2.ttl-detail02 {
    margin-top: 35px;
}
.nightplan01 {
    display: flex;
    width: 50%;
}
p.img_c {
    width: 1000px;
    height: 500px;
}
.map .ttl-detail03 {
    background: url(https://www.tabione.com/ib/img/top/ico_map.png) center left no-repeat;
    font-size: 22px;
    padding: 0 0 5px 40px;
    margin: 25px 0 7px 0;
}
.map img {
    margin: 0 auto;
}
.guidance1 .ttl-detail04 {
    background: rgba(0, 0, 0, 0) url(https://www.tabione.com/ib/img/top/ico_guidance.png) no-repeat scroll left center;
    font-size: 22px;
    padding: 0 0 5px 40px;
    margin: 25px 0 7px 0;
}
.guidance01 {
    display: flex;
}
.guidance01 .item01, .guidance01 .item02, .guidance01 .item03 {
    width: 33%;
}
.guidance01 .item01 img, .guidance01 .item02 img, .guidance01 .item03 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: bottom;
    padding: 7px;
}
small {
    font-size: 90%;
    font-weight: 400;
    display: block;
}
#btn {
    background-image: none;
    cursor: pointer;
    -moz-user-select: none;
    border-radius: 3px;
    display: block;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.43;
    max-width: 100%;
    vertical-align: middle;
    white-space: nowrap;
    padding: 8px 100px 8px 110px;
    background-color: #F3981C;
    border-color: #F3981C #F3981C #BB7009;
    color: #fff;
    transition: all 0.2s ease 0s;
    margin: 0 auto 45px!important;
    text-align: center;
    width: 300px;
}
.guidance2 .item01, .guidance2 .item02 {
    border: 3px solid #b0acac;
    padding: 5px;
    margin-bottom: 10px;
    display: flex;
}
.guidance2 .item01 img, .guidance2 .item02 img {
    width: 33.333333%;
}
.guidance2 img {
    height: 200px;
    width: 100%;
}
.guidance2 img .txt {
    width: 66.666667%;
}
.guidance2 .guidance2-ttl {
    color: #f36a1c;
    font-size: 180%;
}
#arrow {
    display: inline-flex;
}
.guidance2 .item01, .guidance2 .item02 {
    display: flex;
}
.guidance2 .txt {
    padding: 7px;
    width: 100%;
}
.guidance2 p {
    font-size: 15px;
}
.guidance01 h3 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #b8b6b6;
}
.guidance01 p {
    font-size: 17px;
    font-weight: 200;
}
.guidance01 .txt {
    padding: 7px;
    height: 175px;
}
@media only screen and (max-width: 767px){
    .header {
        font-size: 18px;
    }
    .maincontents {
        margin: 0 auto;
        border: 8px solid #ddd;
    }
    .dayplan01 {
        width: 100%;
    }
    h2.ttl-detail01, h2.ttl-detail02 {
        background: none;
        font-size: 15px;
        font-weight: bold;
        padding: 0 0 5px 5px;
        background-color: #eee;
        border-left: 5px solid #666;
    }
    .dayplan p, .nightplan p {
        font-size: 15px;
        line-height: 17px;
        padding-top: 10px;
    }
    .dayplan h3, .item01 h3, .item02 h3 {
        padding-bottom: 5px;
    }
    .nightplan01 {
        display: block;
        width: 100%;
    }
    .nightplan01img img {
        width: 95%;
        margin: 0 auto;
    }
    p.img_c {
        width: 95%;
        height: 250px;
        margin: 0 auto;
    }
    .guidance01 {
    display: block;
}
    .guidance01 .item01, .guidance01 .item02, .guidance01 .item03 {
    width: 100%;
}
    .guidance01 .item01 img, .guidance01 .item02 img, .guidance01 .item03 img {
    width: 95%;
    margin: 0 auto;
}
    .guidance01 .txt {
    height: auto;
}
    .guidance01 .txt {
    margin: 0 auto 20px auto;
    width: 95%;
}
    .guidance2 .item01, .guidance2 .item02 {
    display: block;
}
    .guidance2 .item01 img, .guidance2 .item02 img {
    width: 90%;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
}
    .nightplan .txt {
    height: 200px;
}
    .map .ttl-detail03 {
        background-position-x: 8px;
    }
    .guidance1 .ttl-detail04 {
    padding: 0 0 5px 47px;
    background-position-x: 8px;
}
    .guidance2 .item01, .guidance2 .item02 {
        border: none;
        border-top: 8px solid #ddd;
    }
    .guidance2 .guidance2-ttl {
    font-size: 19px;
    text-align: center;
}
    .guidance2 p {
    font-size: 13px;
}
    }</pre></body></html>