@charset "UTF-8";

/*観光・アクティビティ*/
body.tourism{}

body.tourism .map{
    margin-top : 30px;
}

body.tourism h3{
    margin : 0 0 15px 0;
    padding : 0 0 0 10px;
    border-left : 5px solid #000;
}

.tourism .b_line{
    border-bottom : 1px solid #ccc;
    padding-bottom : 30px;
}

.twoBox .childLeftBox {
    
}
.twoBox .childRightBox {
    margin-top : 15px;
}

body.tourism .typeList {
    margin: 1em 0;
}
body.tourism .typeList li {
    width : 100%;
    background: #d7d6d6;
    border: 1px solid #bbbaba;
    box-sizing: border-box;
    margin-bottom: .5em;
    padding: 8px;
    font-size: 14px;
    text-align : center;
}
.twoBox .childBox {
    width: 100%;
}
.twoBox .blackBton{
    background-color: rgba(255, 255, 255, .2);
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
}
.twoBox .blackBton:hover{
    background-color: rgba(255, 255, 255, .7);
}

.twoBox .blackBton a{
    color : #000;
}

@media (min-width: 768px) {
    #mainhead.room{
        background : url("/images/room/head.jpg") no-repeat;
        background-size: cover;
        background-position : center bottom;
    }
    .twoBox .childLeftBox {
        width: 33%;
    }
    .twoBox .childRightBox {
        width: 67%;
        margin : 0;
    }
    body.tourism .typeList {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin : 15px 0 10px 0;

    }
    body.tourism .typeList li {
        width: 48%;
        margin-right: 2%;
    }
    body.tourism .typeList li:nth-child(even) {
        margin-right: 0;
    }
    .twoBox .childBox {
        width: 48%;
    }
}