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

/* -------------------------------- PC版のスタイルここから ------------------------------------*/

@media print, screen and (min-width: 751px) {
    .floor-img-wrap{
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
    }

    .floor-img-wrap figure img{
        width: 100%;
    }
    .floor-img-wrap figure{
        margin-bottom: 0;
    }

    .floor-img-wrap figure+figure{
        margin-left: 3%;
    }

    .floor-img-wrap figcaption{
        font-weight: normal;
        font-size: 16px;
        line-height: 1.4em;
        margin-top: 24px;
        text-align: center;
    }

    .rooms-list-wrap h4{
        vertical-align: middle;
        font-weight: bold;
        font-size: 20px;
        line-height: 1.4em;
        position: relative;
        margin-bottom: 24px;
    }

    .rooms-list-wrap h4 b{
        background: #F2F2F2;
        display: inline-block;
        position: relative;
        z-index: 2;
        padding-left: 24px;
    }

    .rooms-list-wrap h4:before{
        content: '';
        background: #EBC34A;
        left: 0;
        top: 0;
        position: absolute;
        width: 8px;
        height: 100%;
        z-index: 3;
    }

    .rooms-list-wrap h4:after{
        content: '';
        border-top: 1px solid #898989;
        width: 100%;
        height: 1px;
        position: absolute;
        top: auto;
        bottom: -12px;
        right: 0;
        transform: translateY(0);
        z-index: 1;
    }

    .rooms-list-wrap ul{
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-inline-start: 0;
        padding: 12px 0 0 0;
    }

    .rooms-list-wrap ul li{
        width: 23%;
        position: relative;
        margin-left: 2.6%;
        margin-bottom:  24px;
    }

    .rooms-list-wrap ul li:nth-child(4n+1) {
        margin-left: 0;
    }

    .rooms-list-wrap ul li:nth-child(4n):nth-last-child(-n+5) ~ li {
        margin-bottom: 0;
    }

    .rooms-list-wrap ul li a{
        display: block;
    }

    .rooms-list-wrap ul li figure img{
        width: 100%;
    }

    .rooms-list-wrap figure{
        position: relative;
        margin-bottom: 0;
    }

    .rooms-list-wrap figcaption{
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 16px;
    }

    .rooms-list-wrap .room-name{
        display: block;
        font-weight: bold;
        font-size: 18px;
        line-height: 1.4em;
        text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.25);
        color: #FFFFFF;
    }

    .rooms-list-wrap .capacity-breadth{
        display: block;
        font-weight: normal;
        font-size: 16px;
        line-height: 1.4em;
        text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.25);
        color: #FFFFFF;
        margin-top: 0;
    }

    .rooms-list-wrap .max-capacity{
        font-weight: normal;
    }

    .rooms-list-wrap .breadth{
        font-weight: normal;
    }

    .rooms-list-wrap .max-capacity+.breadth:before{
        content: '／';
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px;
    }

/* Vale Rusutsu */
	.madal_inner{
		max-width: 800px;
		margin: 0 auto;
		padding: 80px 24px;
	}

	.madal_inner h4{
		color: #fff;
		font-size: 20px;
		line-height: 1.8em;
		margin-bottom: 24px;
		text-align: left;
		font-weight: bold;
	}

	.madal_inner .img-box{
		width: 100%;
		margin-bottom: 24px;
	}

	.madal_inner .img-box img{
		width: 100%;
	}

	.madal_inner ul.room-info{
		padding: 0 0 0 20px;
		margin-bottom: 24px;
	}

	.madal_inner ul.room-info li{
		list-style: disc;
		color: #fff;
		font-size: 16px;
		line-height: 1.8em;
	}

	.madal_inner div+h5{
		margin-top: 24px;
	}

	.madal_inner h5{
		color: #fff;
		font-size: 18px;
		line-height: 1.8em;
		text-align: left;
		margin-top: 0;
		margin-bottom: 16px;
	}

	.madal_inner p{
		color: #fff;
		font-size: 16px;
		line-height: 1.8em;
		text-align: left;
		margin-bottom: 24px;
	}

	.lity-wrap{
		overflow-y: scroll;
	}


	.madal_inner .btn-entry02:hover{
		background: #A44949!important;
	}


}


/* -------------------------------- SP版のスタイルここから ------------------------------------*/

@media screen and (max-width: 750px) {

    .floor-img-wrap figure img{
        width: 100%;
    }

    .floor-img-wrap figure+figure{
        margin-top: 40px;
    }

    .floor-img-wrap figcaption{
        font-weight:normal;
        font-size: 14px;
        line-height: 26px;
        margin-top: 16px;
        text-align: center;
    }

    .rooms-list-wrap h4{
        vertical-align: middle;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
        position: relative;
        margin-bottom: 24px;
    }

    .rooms-list-wrap h4 b{
        display: inline-block;
        position: relative;
        z-index: 2;
        padding-left: 24px;
    }

    .rooms-list-wrap h4:before{
        content: '';
        background: #EBC34A;
        left: 0;
        top: 0;
        position: absolute;
        width: 8px;
        height: 100%;
        z-index: 3;
    }

    .rooms-list-wrap h4:after{
        content: '';
        border-top: 1px solid #ccc;
        width: 100%;
        height: 1px;
        position: absolute;
        top: auto;
        bottom: -8px;
        right: 0;
        transform: translateY(0);
        z-index: 1;
    }

    .rooms-list-wrap ul{
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-inline-start: 0;
    }

    .rooms-list-wrap ul li{
        width: 49%;
        position: relative;
        margin-left: 2%;
        margin-bottom:  6px;
    }

    .rooms-list-wrap ul li:nth-child(2n+1) {
        margin-left: 0;
    }

    .rooms-list-wrap ul li:nth-child(2n):nth-last-child(-n+3) ~ li {
        margin-bottom: 0;
    }

    .rooms-list-wrap ul li a{
        display: block;
    }

    .rooms-list-wrap ul li figure img{
        width: 100%;
    }

    .rooms-list-wrap figure{
        position: relative;
        margin-bottom: 0;
    }

    .rooms-list-wrap figcaption{
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 8px;
    }

    .rooms-list-wrap .room-name{
        display: block;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
        text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.25);
        color: #FFFFFF;
    }

    .rooms-list-wrap .capacity-breadth{
        display: block;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.25);
        color: #FFFFFF;
        margin-top: 2px;
    }

    .rooms-list-wrap .max-capacity{
        font-weight: normal;
    }

    .rooms-list-wrap .breadth{
        font-weight: normal;
    }

    .rooms-list-wrap .max-capacity+.breadth:before{
        content: '／';
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px;
    }

/* Vale Rusutsu */
 		.madal_inner{
 			width: 90%;
 			margin: 0 auto;
 			padding: 80px 0;
 		}

 		.madal_inner h4{
 			color: #fff;
 			font-size:18px;
 			line-height: 1.8em;
 			margin-bottom: 24px;
 			text-align: left;
 			font-weight: bold;
 		}

 		.madal_inner .img-box{
 			width: 100%;
 			margin-bottom: 24px;
 		}

 		.madal_inner .img-box img{
 			width: 100%;
 		}

 		.madal_inner ul.room-info{
 			padding: 0 0 0 20px;
 			margin-bottom: 24px;
 		}

 		.madal_inner ul.room-info li{
 			list-style: disc;
 			color: #fff;
 			font-size: 14px;
 			line-height: 1.8em;
 		}

 		.madal_inner h5{
 			color: #fff;
 			font-size: 16px;
 			line-height: 1.8em;
 			text-align: left;
 			margin-top: 0;
 			margin-bottom: 16px;
 		}

		.madal_inner div+h5{
			margin-top: 24px;
		}

 		.madal_inner p{
 			color: #fff;
 			font-size: 14px;
 			line-height: 1.8em;
 			text-align: left;
 			margin-bottom: 24px;
 		}

 		.lity-wrap{
 			overflow-y: scroll;
 		}
}