@charset "utf-8";

/* ===================================================================
style info :旅の素材、国内、海外
=================================================================== */

a img:hover {
    opacity: 0.8;
    -webkit-transition: all .4s;
    transition: all .4s;
}

h3 span {
    padding-left: 40px;
}

#season .flex a {
    display: block;
    background: #d1ecf3;
    margin: 15px 15px 0;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
}

#season .flex a:hover {
    background: #0068b7;
    color: #FFF;
}

#tour .flex a {
    display: block;
    background: #d1ecf3;
    margin: 15px 15px 0;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
}

#tour .flex a:hover {
    background: #0068b7;
    color: #FFF;
}
<!--190826 tour追加>

.three-columns a {
    font-size: 14px;
    font-weight: bold;
}

#daytrip ul li {
    display: inline-block;
    font-size: 13px;
    margin: 10px 0 0 0;
}

#daytrip ul li em {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

#daytrip ul li em:hover {
    color: #a3016f;
    -webkit-transition: all .4s;
    transition: all .4s;
}

#daytrip ul li.on em {
    background: #fce4ea;
    color: #a3016f;
}

#daytrip ul li:after {
    content: "｜";
}

#daytrip .btnL {
    margin-top: 20px;
}

#hotel .others {
    margin-top: 10px;
}

#bus .links a,
#bus .links li {
    display: inline-block;
}

#bus .links li {
    margin-right: 5px;
}

#air > div,
#air-int > div {
    overflow: hidden;
}

#air .step {
    margin-top: 10px;
    width: 390px;
    float: right;
}

#air iframe {
    width: 320px;
    height: 722px;
    overflow: hidden;
}

#air-int iframe {
    width: 320px;
    height: 530px;
    overflow: hidden;
}

#air-int .air-int {
    width: 390px;
    float: right;
}

.hotels a {
    display: block;
    margin-top: 10px;
}

.hotels a * {
    vertical-align: top;
}

.air-int .btnL {
    margin-top: 20px;
}

#preparation .infoBox {
    margin-top: 10px;
}

#preparation .infoBox dt {
    padding: 10px;
    width: 90px;
    background: #FFF;
}

#preparation .infoBox dd {
    background: #FFF;
    font-size: 13px;
}

#preparation .infoBox dd a {
    display: block;
    font-size: 15px;
    font-weight: bold;
}

#lcc .inlinks {
    background: #FFF;
    padding: 15px;
}


/* ===================================================================
style info :旅の素材
=================================================================== */

#dom li,
#int li {
    float: left;
    width: 233px;
    height: 120px;
    margin-top: 10px;
    margin-right: 10px;
}

#dom li a,
#int li a {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    display: block;
    background: #d1ecf3;
    height: 120px;
    border-radius: 10px;
    padding: 15px;
}

#dom li a {
    color: #a3016f;
    background: #ffeebc;
}

#dom li a i,
#int li a i {
    display: block;
    margin-bottom: 10px;
}

#int li a:hover {
    background: #0068b7;
    color: #FFF;
}

#dom li a:hover {
    background: #a3016f;
    color: #FFF;
}

.tabikura {
    background: #FFF;
    padding: 20px;
}

#jr .flex >div {
    margin-top: 10px;
    margin-right: 20px;
    background: #FFF;
    padding: 0 20px 20px;
}

#jr .flex h5 {
    margin-bottom: 10px;
}

#NTA_JR2_go {
    display: block;
    border: none;
    font-size: 14px;
    background-color: #0068b7;
    color: #FFF;
    margin-top: 15px;
    padding: 10px 20px 7px;
    min-width: 180px;
}

#searchwindowS001 div table th span {}

#searchwindowS001 div {
    width: auto;
}

.nihonryoko {
    font-size: 13px;
}





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

    #dom li,
    #int li {
        float: none;
        display: inline-block;
        width:48%;
        height: 120px;
        margin-top: 10px;
        margin-right: 0;
        margin-left: 1%;
    }
    
    #dom li a,
    #int li a {        
        font-size: 13px;
        display: block;
        height: 120px;
        border-radius: 10px;
        padding: 15px 0;
    }

}