/* common */

.contact{
        margin-top: 20px;
    }.contact dt{
        font-size: 120%;
        font-weight: bold;
        font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #887E3C;
    margin-bottom: 10px;
    line-height: 1.4;
    text-indent: -0.7em;
    padding-left: 0.7em;
    }

.contact dd{
    margin-bottom: 30px;
    margin-left: 15px;
}

.contact p{
    margin-bottom: 1em;
}

.contact ol{
    margin-left: 1em;
}

.contact li{
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 0.5em;
}

.contact input[type="text"] , .contact textarea{
    border:1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
    width: calc(100% - 20px);
}

select, option{
    font-size: 100%;
    font-weight: bold;
    font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #887E3C;
    margin-bottom: 10px;
    line-height: 1.4;
    padding: 5px 0;
    width: 300px;
}

.contact_btn input{
    width: 100%;
    background: rgba(159,51,53,1.00);
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    border:none;
}

.error{
    display: block;
    font-size: 120%;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}

/* mobile only*/
@media all and (max-width: 767px) {
    
    .hotellist > span{
        display: block !important;
        margin: 0 !important;
        margin-right: 10px !important;
    }
    
}

/* PC only*/
@media all and (min-width: 768px) {
    
    .contact dt{
        font-size: 120%;
        border-bottom: 1px solid #887E3C;
        padding-bottom: 8px;
        margin-bottom: 15px;
    }
    
    .hotellist{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    .hotellist span{
        margin: 0 0 10px !important;
        width: 30%;
        margin-right: 20px;
    }
    
    .contact input[type="text"]{
        padding: 10px;
    }
    
    .contact input[name=name] {
        width: 300px;
}
    
    
    
    .contact input[name=mailadd] {
        width: 500px;
}
    
    .contact_btn{
        display: flex;
        justify-content: center;
    }
    
    .contact_btn input{
        cursor: pointer;
        padding: 15px;
        width: 300px;
        margin: 0 10px;
        display: block;
        font-size: 100%;

    }
    
    

}

@media all and (min-width: 1200px) {

}