@import url(/themes/css/screen.css);
.news-detail_content {
	font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.56;
    margin-bottom: 200px;
}

.sec-visual {
max-width: 1280px;
margin: 0 auto 50px;
}
.sec-visual .inner {
bottom: 23%;
}
.bg-purple {
background:#c5bede !important;
}
.bg-kamakura-wave {
background:#fbedbd !important;
color: #000000 !important;
}
.bg-sapporo-ichiba {
background:#b73721 !important;
}

@media screen and (max-width:640px) {
.map-item {
display:none;
}
.sec-map {
padding-bottom:40px;
}
.sec-orientation {
margin-top:40px;
}
.sec-orientation {
display: none;
}
.sec-visual .inner .txt-visual img {
margin:0 0 0 20px;
}
}

button.headding-mv {
cursor: pointer;
border: none;
}
button.headding-mv:hover,
button.headding-mv:focus {
outline: 0;
background-color: #a1803d;
}

/* トップホステルマップSP表示 */
@media screen and (min-width:641px) {
.sec-map-sp {
display: none;
}
}
@media screen and (max-width:640px) {
.sec-map {
display: none;
}
.list-map-sp {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.list-map-sp li.item {
width: 50%;
padding: 0 10px;
}               
}
/* ホステル詳細 */
.table-info span.cancell {
text-decoration: line-through;
}
.box-access,
.box-information {
width:100%;
}
.flex-images{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.flex-images a {
width:calc(100%/2 - 20px);
}
.flex-images img{
height: 100%;
}
.mt-image-center{
height:auto;
}

 /*トップ画像キャンペーンロゴ追加*/
.sec-visual .campaign {
width: 30%;
position: absolute;
top:50%;
left:65%;
}
.sec-visual .campaign img {
width: 100%;
}
.sec-visual .campaign {
/* display: none;*/
}

.map-item .inner {
z-index: 0;
}
#Image-Maps-Com-image-maps-2020-01-08-210152 {
z-index: 0;
position: relative;
}
.hostel-block_txt .ttl.ttl-en {
width: 145px;
}

/* ------------------------------------------------------------
トリプラ検索
------------------------------------------------------------ */


/* PC 表示設定 */
@media screen and (min-width: 768px) {

    /* 開くボタン、非表示 */
    a#modalButton {
        display: none;
    }

    /* モーダルウインドウ */
    .remodal-wrapper.modalSheet {
        display: block !important;/* デフォルトだと非表示になってしまうので、PC表示では解除して常に表示 */
        /* フッターに固定 */
        position: sticky;
        left: 10px;
        bottom: 10px;
        right: 10px;
        /* フッターに固定 [ここまで] */
    }

    /* 閉じるボタン */
    .remodal-close,
    .remodal-close:before {
        /* デフォルトで表示されてしまうので、PC表示では常に非表示*/
        display: none;
    }
}

/* SP 表示設定 */
@media screen and (max-width: 767px) {

    .sec-visual .campaign {
      position: static;
      margin-top: 50px;
      width: 100%;
      padding-left:15px;
      padding-right:15px;
    }

    .flex-images{
      display: block;
    }
    .flex-images img{
      width:calc(100%);
      object-fit: cover;
      margin-bottom: 20px;
    }

    .sec-visual .inner {
      bottom: 75%;
    }

    /* 開くボタン、非表示 */
    a#modalButton {
        /* デザイン調整 なので、変更してOKです */
        z-index: 9999;
        display: block;
        background-color: black;
        border-radius: 3px;
        padding: 10px 20px;
        color: white;
        border-width: 0;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        /* デザイン調整 [ここまで] */
        /* フッターに固定 */
        position: fixed;
        left: 20px;
        bottom: 0;
        /* フッターに固定 [ここまで] */
    }

    /* モーダルウインドウ */
    .remodal.modalSheet {
        background: none;/* デフォルトだと白が指定されてるので、無しに。 */
        padding: 35px 0 0 0;/* 背景色がある分デザイン調整で余白が多く取られている。閉じるボタンを置く上の余白を残して削除 */
    }

    /* 閉じるボタン */
    .remodal-close,
    .remodal-close:before {
        /* 位置調整、右に。 */
        left: auto;
        right: 0;
    }

    .search-widget-search-container-bf1818 {
        position: static !important;
        margin-left: auto !important;
        }
}
.mt-image-none{
height:auto
}

 /* アンカーリンク関連 */
@media screen and (max-width: 767px) {
html { 
scroll-behavior: smooth;
}
#tripla-searching-app{
    margin-bottom: 100px;
 margin-top: 50px;
}
}