@charset "utf-8";

#header {
	padding-bottom: 80px !important;
}

main h2 {
    margin-bottom: 3.00rem !important;
    color: rgba(220 105 140 / 1.00);
    font-size: 2.50rem;
    text-align: center;
   /* text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4); */
}
	#detail {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		margin-top: 50px !important;
	}

	#right,
	#left {
		width: calc(50% - 30px);
		padding-bottom: 3.00rem !important;
	}

        #left {
            text-align: center;
        }

            #left img {
                width: 80%;
            }

	.spec {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto 2.00rem auto !important;
	}

        .spec dt {
            width: 30%;
            text-align-last: justify;
            text-align: justify;
            text-justify:inter-ideograph;
        }

            .spec dd {
                width: 70%;
            }

            .spec > * {
                padding: 0.50rem 1.00rem !important;
                border-bottom: 1px solid rgba(200 200 200/ 1.00);
            }

	

	#area_slide,
	#area_thumbnails {
		display: flex;
		justify-content: center;
	}

	#slider {
		overflow: hidden;
		position: relative;
		width: 80%;
		margin-bottom: 1.00rem !important;
	}

	.btn_prev,
	.btn_next {
		position: relative;
		width: 10%;
	}

	.btn_prev button,
	.btn_next button {
		display: none !important;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;

		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		margin: auto auto !important;
		background: rgba(95 175 160/ 1.00);
		border: none;
		border-radius: 100%;
		color: white;
		font-size: 1.25rem;
	}



	.slide{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		box-shadow: 0px 10px 10px -3px rgba(0 0 0 / 0.90);
	}


        .slide * {
            width: 100%;
            height: 100%;
        }

	#thumbnails {
		display: flex;
		justify-content: space-between;
		width: 80%;
	}

        #thumbnails > li {
            width: calc(100% / 4 - 10px);
        }

        #thumbnails img {
            width: 100%;
        }






#information_plans .slick-dots {
	bottom: -35px !important;
}


#information_plans {
	/**
	background-color: #F7F6F0;
	**/
	background-color: rgb(245 241 223);
	margin-top: 1.00rem !important;
}

	main #information_plans h2 {
		padding: 0.75rem 0 !important;
		color: rgba(220 105 140/ 0.80);
		text-align: center;
	}


	#information_plans .slick-track {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch; 
	}
		#information_plans .slick-track:before, #information_plans .slick-track:after {
			content: none; 
	}
	#information_plans .slick-slide {
		float: none;
		height: auto; 
	}

	#information_plans .img-container {
		position: relative;
		overflow: hidden;
		width: 100%;
		margin-bottom: 1.00rem !important;
	}
		#information_plans .img-container:before {
			display: block;
			padding-top: 66.66666%;
			content: ''; 
	}
		#information_plans .img-container img {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			width: 100%; 
/*
			max-width: 300px;

			max-width: 100%;
*/
		}


		#information_plans .slide-item .slide-item-inner h3 {
			color: rgba(220 105 140 / 1.00);
			font-size: 1.50rem;
			text-align: center;
			padding: 0.50rem 0 !important;
			margin: 0 1.00rem 0.50rem 1.00rem !important;
		}
		#information_plans .slide-item .slide-item-inner p {
			padding: 0 1.00rem 0.50rem 1rem !important;
			text-align: left;
		}


	#information_plans .slide-item {
		margin: 1rem !important;
	}
		#information_plans .slide-item .slide-item-inner {
			display: flex !important;
			flex-direction: column;
			color: inherit;
			text-decoration: none;
			display: block;
			opacity: 1;
			height: 100%;
			-webkit-transition: opacity .5s;
			-o-transition: opacity .5s;
			transition: opacity .5s;
			background-color: rgba(255, 255, 255, 1.00);
		}
			#information_plans .slide-item .slide-item-inner:hover {
				opacity: .5; 
		}


		#information_plans .slide-item > a > span {
			width: 90%;
			padding: 0.25rem !important;
			margin: 0 auto 0.50rem auto !important;
			padding-bottom: 0 !important;
			margin-bottom: 0 !important;

			font-size: 1.00rem;
			text-align: center;
		}

		#information_plans .slide-item > a > h3 {
			display: flex;
			flex-direction: column;
			padding-bottom: 0.50rem !important;
		}

		#information_plans .slide-item > a > h3 em {
			font-size: 1.10rem;
		}

		#information_plans .slide-item > a > h3 strong {
			font-size: 1.50rem;
		}

			#information_plans .slide-item > a.r_p > span {
				color: rgba(220 105 140/ 1.00);
				border-color: rgba(220 105 140/ 1.00);
			}
	
			#information_plans .slide-item > a.r_p > h3 strong {
				color: rgba(220 105 140/ 1.00);
			}

			#information_plans .slide-item > a.p > span {
				color: rgba(70 30 145/ 1.00);
				border-color: rgba(70 30 145/ 1.00);
			}
	
			#information_plans .slide-item > a.p > h3 strong {
				color: rgba(70 30 145/ 1.00);
			}

			#information_plans .slide-item > a.b > span {
				color: rgba(95 175 160/ 1.00);
				border-color: rgba(95 175 160/ 1.00);
			}
	
			#information_plans .slide-item > a.b > h3 strong {
				color: rgba(95 175 160/ 1.00);
			}


		#information_plans .slide-item > a > p {

		}




#information_plans .slick-prev {
				left: 0;
			}

			#information_plans .slick-next {
				right: 0 !important;
			}

			#information_plans .slick-prev,
			#information_plans .slick-next {
				z-index: 1;
				width: 3rem;
				padding: 1rem !important;
				height: 100%;
				background-color: rgba(205 215 110/ 0.8);
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
			}

			#information_plans .slick-prev:before,
			#information_plans .slick-next:before {
				content: "";
				position: absolute;
				display: block;
				width: 24px;
				height: 24px;
				border-left: 4px solid white;
				border-top: 4px solid white;
			}

			#information_plans .slick-next:before {
				-webkit-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				transform: rotate(135deg);

				margin: -12px 0px 0px -15px !important;
			}

			#information_plans .slick-prev:before {
				-webkit-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);

				margin: -12px 0px 0px 0px !important;
			}

			#information_plans .slick-prev,
			#information_plans .slick-next {
				font-size: 0;
				line-height: 0;
				position: absolute;
				top: 50%;
				display: block;
				width: 20px;
				height: 20px;
				padding: 0 !important;
				-webkit-transform: translate(0, -50%);
				-ms-transform: translate(0, -50%);
				transform: translate(0, -50%);
				cursor: pointer;
				color: transparent;
				border: none;
				outline: none;
				background: transparent;
			}


			#information_plans .slick-prev,
			#information_plans .slick-next {
				z-index: 1;
				width: 3rem;
				padding: 1rem;
				height: 100%;
				background-color: rgba(95 175 160/ 0.8);
				-webkit-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
	}




	#information_plans .slick-prev:hover, #information_plans .slick-next:hover {
			background-color: rgba(0, 0, 0, 0.25); 
	}
		#information_plans .slick-prev:before, #information_plans .slick-next:before {
			content: "";
			position: absolute;
			display: block;
			width: 24px;
			height: 24px;
			border-left: 4px solid white;
			border-top: 4px solid white; 
	}
	#information_plans .slick-prev {
		left: 0; 
	}
		#information_plans .slick-prev:before {
			-webkit-transform: rotate(315deg);
			-ms-transform: rotate(315deg);
			transform: rotate(315deg);
			margin: -12px 0px 0px 4px !important;
			margin: -12px 0px 0px 15px !important;
	}
	#information_plans .slick-next {
		right: 0; 
	}
		#information_plans .slick-next:before {
			-webkit-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			transform: rotate(135deg);
			margin: -12px 0px 0px -12px !important;
			margin: -12px 0px 0px 8px !important;
	}

			#information_plans .img-container {
				display: flex;
				justify-content: center;
			}




#list-rooms {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	#list-rooms > li {
		width: calc(100% / 6 - 6px);
	}

	#list-rooms > li img {
		width: 100%;
	}

	#list-rooms > li dl {
		display: flex;
		flex-direction: column-reverse;
	}

	#list-rooms > li dl dt h3 {
		padding-top: 0.75rem !important;
		font-size: 1.25rem;
		text-align: center;
	}





@media screen and (max-width: 960px) {
    @media screen and (orientation: portrait) {
        #header, #header.index {
            height: 80px;
        }
    }
 
	#header {
		padding-bottom: 80px !important;
	}

	#slider {
        width: 100%;
    }

    #detail {
		flex-direction: column;
	}

	#right,
	#left {
		width: 100%;
	}

}