@charset "utf-8";

li:not(#header li, #sub_nav li, #footer li) {
	margin-bottom: 0.50rem !important;
}

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

#subtop_image {
	width: 100%;
	margin-bottom: 2.00rem !important;
}

#subtop_image + p {
	margin-bottom: 2.00rem !important;
	font-size: 1.15rem;
	font-weight: bold;
	text-align: center;
}

main h2 {
	margin-bottom: 3.00rem !important;
	color: rgba(220 105 140 / 1.00);
	font-size: 2.50rem;
	text-align: center;
}

main h2 em {
	margin-bottom: 0.50rem !important;
	font-size: 1.25rem;
}

main h2 span {
	margin-top: 0.50rem !important;
	color: rgba(220 105 140 / 1.00);
	text-shadow: none;
}

#detail {
	width: 80%;
	margin-right: auto !important;
	margin-bottom: 3.00rem !important;
	margin-left: auto !important;

}
#detail > li {
	padding-top: 0.50rem !important;
	padding-bottom: 0.50rem !important;
	border-bottom: 1px solid rgba(200 200 200/ 1.00);
}

#detail > li > dl {
	display: flex;
	justify-content: space-between;
}

#detail > li > dl > dt {
	width: 24%;
	padding-left: 3.00rem !important;
}

#detail > li > dl > dd {
	width: 76%;
	padding-left: 2.00rem !important;
}

.list-plans {
	border: 1px solid rgba(245 245 245/ 1.00);
	border-radius: 3px;
}

.list-plans:not(:last-child) {
	margin-bottom: 2.00rem !important;
}

.list-plans > dt {
	padding: 0.75rem !important;
	background: rgba(250 250 250/ 1.00);
}

.list-plans > dd {
	padding: 0.75rem !important;
}

.list-plans > dd > ol > li {
	padding: 0.50rem 0 0.50rem 0.50rem !important;
}

.list-plans > dd > ol > li span {
	display: inline-block;
	width: 310px;
}

.list-plans > dd > ol > li a {
	display: inline-block;
	white-space: nowrap;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	font-size: 1.00rem;
}


#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;
	}



#list-opts {
	display: flex;
	width: 80%;
	margin-bottom: 1.00rem !important;
}

	#list-opts li {
		width: calc(100% / 3 - 5px);
	}

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



.border_none {
	border: none !important;
}

#to_himeji_gourmet a {
	max-width: 420px;
	margin-right: auto !important;
	margin-left: auto !important;

}


#restaurant-foot {
	width: 90%;
	max-width: 1240px;
	margin: 3.00rem auto 0 !important;
}

	#restaurant-foot > * {
		margin-bottom: 3.00rem !important;
	}

		#restaurant-foot > * > h2 {
			margin: 2.00rem 0 !important;
			text-align: center;
		}

		#restaurant-foot > * > article {
			display: flex;
			justify-content: space-between;
		}

			#for_kids > article > dl {
				display: flex;
				justify-content: space-between;

				width: calc(100% / 2 - 10px);
			}

				#for_kids > article > dl > dt {
					width: 60%;
				}

					#for_kids > article > dl > dt img {
						width: 100%;
					}

				#for_kids > article > dl > dd {
					width: calc(40% - 30px);
				}

					#for_kids > article > dl > dd > p {
						display: flex;
						flex-direction: column;
					}

						#for_kids > article > dl > dd > p > strong {
							font-size: 1.75rem;
							font-weight: bold;
						}

						#for_kids > article > dl > dd > p > i {
							font-size: 1.75rem;
							font-weight: bold;
						}

							#for_kids > article > dl > dd > p > i::after {
								content: "円";
								font-size: 1.25rem;
							}

					#for_kids > article > dl > dd > ul > li {
						font-size: 0.90rem;
					}






#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;
			}

#for_kids h2 {
	color: rgba(51 51 51/ 1.00);
	text-shadow: none;
}
.inc_tax {
	display: none;
}
#for_kids article > dl {

}

	#to_privateroom {
		width: 75%;
		margin: 3.00rem auto !important;
	}

		#to_privateroom h2 {
			color: rgba(51 51 51/ 1.00);
			text-align: center;
			text-shadow: none;
		}

		#to_privateroom ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

			#to_privateroom ul li {
				width: calc(100% / 3 - 10px);
			}

				#to_privateroom ul li img {
					width: 100%;
				}

				#to_privateroom ul li figcaption {
					text-align: center;
				}


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

}

@media screen and (max-width: 767px) {
	#detail {
		width: 100%;
	}

	#detail > li > dl {
		display: flex;
		flex-direction: column;
	}

	#detail > li > dl > dt,
	#detail > li > dl > dd {
		width: 100%;
	}

	#detail > li > dl > dt {
		padding-left: 2.00rem !important;
		margin-bottom: 1.00rem !important;
		font-size: 1.25rem;
	}

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

	#for_kids article > dl {
		width: 100%;;
	}

}