@charset "utf-8";
/* CSS Document */

/*------------------------------------*/
/*reset.cssに入っている。slick.jsの妨げ。*/
*{max-width:none;}
/*------------------------------------*/

top_text{
    margin-bottom: 0px;
}

#mr-area {
/* margin-top: 10px;
margin-bottom: 45px; */

}
.mr-font .caption{
letter-spacing: 0;
font-size: 12px;
	padding-top: 5px;
	text-align: center;
}

.mr-font .slick-current .caption{
font-size: 18px;
}

.mr-font .slick-current .caption br {
display: none;
}

.slider_sp li {
margin-bottom: 20px;
}

.slider_sp li img{
	max-height: 300px;
	object-fit: contain;
}

@media screen and (min-width: 768px){
	.slider_sp li img{
	max-height: 500px;
	object-fit: contain;
}
}

#slider_pc li img{
	width: 100%;
	max-height: 700px;
	object-fit: contain;
}
@media screen and (max-width: 1020px){
#slider_pc {
display: none;
}
		.caption{
		text-align: start;
	}
}



@media screen and (min-width: 1020px){
#slider_pc{
display: block;
}
.slider_sp{
		display: none;
	}
}
.view_360 {
    display: block;
    margin: auto;
    text-align: center;
    max-width: 900px;
	line-height: 1.5;
}
.view_360 img {
    width: 40px;
    height: auto;
    padding: 5px 3px 0;
    margin-bottom: -5px;
}
.view_360 p {
    text-align: center;
    margin-top: 1em;
    font-size: 0.8em;
    margin-bottom: 2em;
}


.roomplan {
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: auto;
    text-align: center;
    align-items: center;
}

.dog_img{
    margin: 10px 0px 10px 0px;
}
.under{
    border-bottom: solid 3px orange;
}

@media screen and (max-width:768px){
		.mr-font .caption{
letter-spacing: 0;
font-size: 15px;
		display: block;
		padding-top: 10px;
}
.dog_img{
    margin: 10px;
}

.top-content-title{
	margin-top:0;
    padding-top: 10px;
}

.mr-wrapper{
	margin-top: 150px;
}
.tab wrapper{
    padding-bottom: 0px;
}
.tab{
    align-items: center;
}