@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
#content.l-content{
margin: 0% auto;
}

br.responsive960{
display:none;
}
br.responsive680{
display:none;
}


 #main_content .l-mainContent__inner .top-headline{
    text-align:left;
    padding-left:11px;
    padding-right:11px;
}


@media screen and (max-width: 960px) {
br.responsive960o{
display:none;
}
    br.responsive960{
    display:inline;
    }
 #main_content .l-mainContent__inner .top-headline{
    text-align:left;
    font-size:2.4vw;
    padding-left:4vw;
    padding-right:4vw;
    }

}
@media screen and (max-width: 680px) {
br.responsive960o{
display:none;
}
br.responsive960{
display:none;
}

    br.responsive680{
    display:inline;
    }
 #main_content .l-mainContent__inner .top-headline{
    text-align:left;
    font-size:3.2vw;
    padding-left:0vw;
    padding-right:0vw;
    }
}
@media screen and (max-width: 810px) {
   #main_content .l-mainContent__inner  .top-headline-h2{
    font-size:5vw;
   }
}



/*single intro**/

.single-introduce #main_content{
width:100%;
}
.single-introduce #sidebar{
display:none;
}
.single-introduce .post_content_wrap{
display:flex;
}
.single-introduce .post_content_wrap .col_right{
    width:320px;
    box-sizing:border-box;
    padding-left:20px;
}

.single-introduce .post_content_wrap .post_content{
    width:calc(100% - 320px);
}


.popoptionarea > ul{
    list-style-type:none;
    padding:0%;

}
.popoptionarea > ul > li {
display:flex;
flex-wrap:wrap;
}
.popoptionarea > ul > li > span{
    display:block;
    width:90px;
}

.popoptionarea > ul > li ul{
    display:block;
    flex-wrap:wrap;
    list-style-type:none;
    padding:0%;
    width:calc(100% - 100px);
}
.popoptionarea > ul > li ul li{
    display:inline-block;
    margin:0px 4px 4px 0px 
}
.popoptionarea > ul > li ul li span{
    display:inline-block;
    border-radius:30px;
    border:solid 1px #8e0013;
    color:#8e0013;
    text-align:center;
    padding:2px 7px;
    font-size:80%;
}
.post_content h2.title_main_sub{
background-color:#8e0013;
color:#FFFFFF;
font-size:20px;
padding:10px;
}
.post_content h2.title_main_sub:before{
    display:none;
}
.post_content ul.tab_singlepage{
    margin:0px;
    padding:0px;
    display:flex;
    list-style-type:none;
    border-left:solid 1px #8e0013;
    flex-wrap:wrap;
}
.tab_singlepage li{
    margin:0px;
    padding:0px;
    display:inline-block;
}
.tab_singlepage li a{
    border-top:solid 1px #8e0013;
    border-right:solid 1px #8e0013;
    text-decoration:none;
    color:#8e0013;
    display:inline-block;
    padding:3px 18px;
    font-size:115%;
}
.tab_singlepage li.current a{
    background-color:#8e0013;
    color:#FFFFFF;
}

.tabcont{
    display:none;
    border:solid 1px #8e0013;
    padding:20px;
}

.tabcont.current{
    display:block;
}

.maparea_singlepage{
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.maparea_singlepage iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.guarantor,
.examination{
display:flex;
flex-wrap:wrap;
}
.guarantor .label,
.examination .label{
    width:100px;
}
.guarantor .v span,
.examination .v span{
    border:solid 1px #8e0013;
    border-radius:50px;
    color:#8e0013;
    font-size:80%;
    line-height:100%;
    padding:3px 10px;
}
.propsearchtag{
margin:0%;
padding:0% 0% 5px;
list-style-type:none;
white-space: nowrap;
}
.propsearchtag li{
    display:inline-block;
    margin-right:0px;
    margin-bottom:7px;
    padding:0%;
}
.propsearchtag li a{
    border-radius:50px;
    display:inline-block;
    background-color:#8e0013;
    border:solid 1px #8e0013;
    color:#FFFFFF;
    text-decoration:none;
    padding:2px 10px;
    font-size:80%;
}
.propsearchtag li a:hover{
    background-color:#ffffff;
    color:#8e0013;
}
table.pricetable {
width:100%;
table-layout:fixed;
}
table.pricetable .span{
    width:40%;
}
table.pricetable .basic{
    width:20%;
    text-align:center;
}
table.pricetable .secu{
    width:20%;
    text-align:center;
}
table.pricetable .clean{
    width:20%;
    text-align:center;
}
table.pricetable thead th{
    background-color:#EFEFEF;
    color:#8e0013;
    font-weight:700;
    min-width:initial;
    border:solid 1px #FFFFFF;
}
table.pricetable tbody th{
    min-width:initial;
    border:solid 1px #ededed;
}
table.pricetable tbody th:before{
    display:none;
}
.pricetable .label{
    display:block;
}
.pricetable .label_sub{
display:block;
font-size:75%;

}

.notice_price{
    font-size:90%;
}
#singlemainslider .swiper-slide-inr{
position:relative;
}
#singlemainslider .swiper-slide-inr:before{
    content:"";
    display:block;
    width:100%;
    height:auto;
    padding-top:75%;
    position:relative;
    z-index:1;
}
#singlemainslider .swiper-slide-inr .mainslideimg{
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    object-fit:contain;
}



#singlethumbnailslider .swiper-slide-inr{
position:relative;
}
#singlethumbnailslider .swiper-slide-inr:before{
    content:"";
    display:block;
    width:100%;
    height:auto;
    padding-top:75%;
    position:relative;
    z-index:1;
}
#singlethumbnailslider .swiper-slide-inr .slideimg{
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    object-fit:contain;
}



@media screen and (max-width: 770px) {
    .single-introduce .post_content_wrap{
    display:block;
    }
    .single-introduce .post_content_wrap .col_right{
        width:100%;
        box-sizing:border-box;
        padding-left:0px;
    }
    
    .single-introduce .post_content_wrap .post_content{
        width:100%;
    }
    .summary_row{
        padding-bottom:3vw;
    }
    .summary_row:last-child{
        padding-bottom:0vw;
    }
    .col_right{
        padding-top:6vw;
        font-size:4.5vw;
    }
    .col_right h3{
        border-top:solid 1px #8e0013;
         border-bottom:solid 1px #8e0013;
        color:#8e0013;
        text-align:center;
        font-size: 5vw;
        padding:1.5vw;
        margin-bottom:4vw;
    }
    .col_right .reservebox_reservetype{
        font-size:100%;
    }
    .reservebox_checkinout_label .label{
        font-size:75%;
    }
    .tabcont{
        padding:2vw;
    }
    .ul_propoption{
        padding:0%;
    }
    #tabcont_price.tabcont{
        padding:0%;
    }
    table.pricetable th{
        padding:1vw;
        font-size:3.4vw;
    }
    table.pricetable td{
        padding:1vw;   
        font-size:3.4vw;
    }
    table.pricetable .span{
        width:25%;
    }
    table.pricetable .basic{
        width:25%;
        text-align:center;
    }
    table.pricetable .secu{
        width:25%;
        text-align:center;
    }
    table.pricetable .clean{
        width:25%;
        text-align:center;
    }
    .notice_price{
        box-sizing:border-box;
        padding:2vw;
    }
    
.propsearchtag{
display:block;
	width:100%;
}
.propsearchtag li{
float:left;
margin-right:3px;
margin-bottom:3px;
}
    
}
@media screen and (max-width: 960px) {
    body.frontpage #pickup_banner .p-pickupBanners__list{
        display:block;
        overflow:hidden;
    }
        body.frontpage #pickup_banner .p-pickupBanners__list .menu-item{
            width:100%;
            margin:0%;
        }
    
    

}