@charset "UTF-8" ;
/*@media screen and (max-width: 1366px) {
	.hotel_frame {
		width: 93%;
	}
	.hotel_frame_main {
		width: 100%;
	}
}*/
@media screen and (max-width: 1024px) {
	.hotel_frame {
		width: 100%;
		justify-content: space-evenly;
	}
	.hotel_detail {
		width: 100%;
	}
	.hotel_info {
		width: 100%;
	}
	.hotel_frame_main {
		width: 46%;
	}
	.hotel_img_main img {
		width: 100%;
	}
	.hotel_frame_sub {
		width: 50%;
	}
	.hotel_img_sub li img {
		width: 100%;
	}
	.hotel_img_sub {
		padding-left: 13px;
	}
	.special_room div {
		margin: initial;
	}
	.special_room_info {
		font-size: 16px;
	}
	.btn a {
		font-size: 17px;
	}
	/*model*/
	.model_day {
		padding-top: 60px;
		font-size: 30px;
	}
	.model_img {
		width: 43%;
	}
	.tab-content ul {
		padding-top: 70px;
	}
	li.model_info span {
		font-size: 23px;
	}
	.pb42 {
		padding-bottom: 59px;
	}
}
@media screen and (max-width: 932px) {
	.hotel_frame_main {
		width: 50%;
	}
	.hotel {
		font-size: 23px;
	}
	.hotel_info {
		font-size: 12px;
	}
	#column p {
	line-height: 29px;
	}
	.pb42 {
		padding-bottom: 67px;
	}
}
@media screen and (max-width: 820px) {
	/*#wrapper {
		width: 910px;
	}*/
	.tomoe_info {
		font-size: 15px;
	}
	.hotel_frame {
		padding-top: 40px;
		display: block;
	}
	.hotel_frame_main {
		width: 100%;
	}
	.hotel_frame_sub {
		width: 100%;
		display: block;
	}
	.hotel_img_sub {
		display: flex;
		flex-wrap: initial;
		padding-left: 0;
		/*max-width: 800px;*/
		/*margin: auto;*/
		/*overflow-y: auto;*/
	}
	.hotel_img_sub li {
		/*width: 90%;*/
		padding: 8px;
		/*margin: 3px;*/
		margin-right: -25px;
		/*flex-shrink: 0;*/
		list-style: none;
	}
	.hotel_img_sub li img {
		width: 90%;
		max-height: 200px;
		object-fit: cover;
	}
	.hotel_img_sub li::-webkit-scrollbar {
		height: 12px; /* スクロールバーの高さ */
	}
	.hotel_img_sub li::-webkit-scrollbar-thumb {
		background: #aaa; /* ツマミの色 */
		border-radius: 6px; /* ツマミ両端の丸み */
	}
	.hotel_img_sub li::-webkit-scrollbar-track {
		background: #ddd; /* トラックの色 */
		border-radius: 6px; /* トラック両端の丸み */
	}
	.hotel {
		font-size: 19px;
	}
	.seating {
		font-size: 13px;
	}
	.special_room_info {
		font-size: 13px;
	}
	.title {
		font-size: 26px;
	}
	.title span {
		font-size: 15px;
	}
	/*model*/
	.tab-content ul {
		flex-direction: column;
	}
	.tab-content ul li {
		font-size: 17px;
	}
	li.model_info {
		padding-top: 45px;
		line-height: 35px;
		margin-top: 40px;
		padding: 40px 40px;
		width: 75%;
	}
	li.model_info span {
		font-size: 18px;
	}
	.model_day {
		padding-top: 30px;
	}
	.model_img {
		width: 90%;
		margin: auto;
		padding: 15px;
	}
	.model_img img {
		width: 88%;
	}
	.order1 {
		order: 0;
	}
	.order2 {
		order: 1;
	}
	.pt50 {
		padding-top: 5%;
	}
	.pb42 {
		padding-bottom: 69px;
	}
}
@media screen and (max-width: 430px) {
	/*#wrapper {
		width: 430px;
	}*/
	#header .logo {
		left: 10px;
	}
	#column .inner01 {
		width: 92%;
	}
	.hotel_name {
		font-size: 40px;
		padding: 10px 0;
	}
	.tomoe span {
		font-size: 17px;
	}
	.hotel_frame {
		padding-top: 45px;
		display: block;
	}
	.hotel_frame_main {
		width: 100%;
	}
	.hotel {
		font-size: 22px;
	}
	.hotel_frame_sub {
		width: 100%;
		display: block;
	}
	.hotel_img_sub {
		display: flex;
		flex-wrap: initial;
		max-width: 800px;
		margin: auto;
		overflow-y: auto;
	}
	.hotel_img_sub li {
		width: 90%;
		padding: 8px;
		margin: 3px;
		margin-right: -25px;
		flex-shrink: 0;
		list-style: none;
	}
	.hotel_img_sub li img {
		width: 90%;
		max-height: 200px;
		object-fit: cover;
	}
	.hotel_img_sub li::-webkit-scrollbar {
		height: 12px; /* スクロールバーの高さ */
	}
	.hotel_img_sub li::-webkit-scrollbar-thumb {
		background: #aaa; /* ツマミの色 */
		border-radius: 6px; /* ツマミ両端の丸み */
	}
	.hotel_img_sub li::-webkit-scrollbar-track {
		background: #ddd; /* トラックの色 */
		border-radius: 6px; /* トラック両端の丸み */
	}
	.title {
		font-size: 23px;
	}
	.title span {
		font-size: 18px;
	}
	.special, .osusume {
		padding-top: 30px;
	}
	.special_room {
		display: flex;
		justify-content: initial;
		margin: auto;
		overflow-x: auto;
	}
	.special_room div {
		width: 90%;
		padding: 8px;
		margin: 3px;
		margin-right: -25px;
		flex-shrink: 0;
		list-style: none;
		text-align: start;
	}
	.special_room div p {
		object-fit: cover;
	}
	.special_room div h3 {
		text-align: start;
	}
	.special_room_info {
		font-size: 16px;
	}
	.btn_block {
		display: block;
	}
	.btn {
		padding-top: 40px;
	}
	.btn a {
		font-size: 15px;
		padding: 15px 20px;
	}
	.hotel_list {
		padding-top: 70px;
	}
	.hotel_list li {
		font-size: 15px;
	}
	#footer .box01 ul li a img {
		width: 100%;
	}
	/*model*/
	.tab-content ul li {
		font-size: 13px;
	}

	.pt90 {
		padding-top: initial;
	}
}
@media screen and (max-width: 393px) {
	.tomoe span {
		font-size: 16px;
	}
	.hotel {
		font-size: 21px;
	}
	.title {
		font-size: 20px;
	}
	.title span {
		font-size: 16px;
	}
	.special_room_info {
		padding-bottom: 25px;
	}
}
@media screen and (max-width: 375px) {
	.hotel_name {
		font-size: 35px;
	}
	.tomoe span,.tomoe_info {
		font-size: 15px;
	}
	.hotel {
		font-size: 20px;
	}
	.title {
		font-size: 19px;
	}
	.title span {
		font-size: 16px;
	}
	.special_room div p {
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.btn a {
		font-size: 15px;
	}
}