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

.sp {
	display: none;
}

/*header*/
#header1 .head {
	width: 100%;
	max-width: 900px;
	text-align: center;
	overflow: hidden;
}
.hlogo {
	float: left;
}
.hright {
	max-width: 300px;
	float: right;
	padding: 10px 0 0;
	text-align: right;
}
#header1 .head .tel,
#header1 .head .toi {
	position: inherit;
	top: auto;
	left: auto;
}
.clear {
	clear: both;
}
.over {
	overflow: hidden;
}
.right {
	text-align: right;
}
.txt_S {
	font-size: 0.8em;
}

/*gnavi*/
#container #header1 .navi {
	background-repeat: repeat;
}
#header1 .navi ul {
	width: 100%;
	max-width: 900px;
}

/*baner*/
#header2 #navi #navi_bg ul {
	width: 100%;
	max-width: 900px;
	padding: 23px 0 0 30px;
}
#header2 #navi #navi_bg ul li {
	display: inline-block;
	width: 32%;
}
#header2 #navi #navi_bg ul li img {
	margin: 0;
	width: 100%;
	max-width: 260px;
	height: auto;
}

/*トップページ*/
#left #zatyou {
	text-align: center;
}
#left #zatyou img {
	margin: 0;
	width: 32%;
	height: auto;
}

/*banquet*/
#left .floor_table {
	width: auto;
}

/*アクセス*/
#main .access_map {
	padding: 0 10px;
}
#main .access_map iframe {
	height: 350px;
}


@media screen and (max-width: 1000px) {
	/*スライダー*/
	#gallery,
	#gallery .panel_wrap,
	#gallery .panel_wrap .panel {
		width: 100% !important;
	}
	#gallery .panel_wrap .panel {
		height: auto !important;
	}
	#gallery .panel img {
		left: 0 !important;
		width: 100% !important;
		height: auto !important;
	}
	div.strip_wrapper {
		left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
	}
	#gallery .pointer,
	#gallery .nav-next,
	#gallery .nav-prev,
	#gallery .panel-nav-next,
	#gallery .panel-nav-prev {
		display: none;
	}
}
@media screen and (max-width: 900px) {
	* {
		box-sizing: border-box;
	}
	img,
	#lightbox img {
		width: 100%;
		height: auto;
	}
	#header1 img,
	#right img,
	#footer img,
	#main .about_hotel li .title {
		width: auto;
	}
	.strip_wrapper {
		top: 320px !important;
	}
	#gallery,
	#gallery .panel_wrap {
		height: 375px !important;
	}
	#header2 #navi #navi_bg ul {
		padding: 23px 0 0;
	}
	
	/*パンくず*/
	#main #breadcrumb {
		padding: 0 5px 10px;
	}
	
	/*topページ*/
	#container #main {
		width: 100%;
	}
	#main #left {
		float: none;
		clear: both;
		margin: 0 auto 50px;
	}
	#main #right {
		width: 100%;
		float: none;
		clear: both;
	}
		#left #zatyou img {
		margin: 0;
		width: 32%;
		height: auto;
	}
	#left #chirashi {
		width: 100%;
		padding: 0 5px;
    box-sizing: border-box;
	}
	#left #chirashi table tr td {
		width: 20%;
	}
	#left #chirashi table tr td:first-child,
	#left #chirashi table tr td:last-child {
		display: none;
	}
	#left #chirashi table tr td img {
		width: 100%;
		height: auto;
	}
	#left .top_ban2 {
		max-width: 279px;
		display: block;
		margin: 20px auto;
	}
	
	/*サイドメニュー*/
	#main #right .plan {
		width: 100%;
		float: none;
	}
	#main #right .plan a {
		padding: 0 5px;
		display: inline-block;
	}
	#right .plan .plan2 {
		margin-right: 0;
	}
	#right .plan .plan3 {
		margin-left: 0;
	}
	#right .sihainin {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	/*フッター*/
	#footer #footer2 {
		height: auto;
		background-repeat: repeat;
	}
	#footer #footer2 div {
		width: 100%;
	}
	#footer #footer2 div ul {
		width: 100%;
		float: none;
		margin: 0 0 15px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#footer2 div ul li {
		display: inline-block;
		line-height: 1em;
	}
	#footer #footer2 .check {
		width: 100%;
		padding: 20px 10px 0;
		box-sizing: border-box;
		text-align: left;
	}
	#footer #footer2 .check span {
		display: inline-block;
	}
	#footer #footer2 .check a {
		color: #fff;
		text-decoration: none;
	}
	#footer #footer2 div .iruka {
		float: none;
		display: inline-block;
		margin: 0;
	}
	#footer #footer2 p {
		width: 100%;
		padding: 0 0 10px;
	}
	
	/*当ホテルについて*/
	#main .about_h3 {
		padding: 0 10px;
	}
	#main .about_hotel {
		width: 100%;
		padding: 0 10px;
    box-sizing: border-box;
		display: flex;
    flex-wrap: wrap;
	}
	#main .about_hotel li {
		border: 1px dashed #666;
	}
	#main .about_hotel .left,
	#main .about_hotel .center,
	#main .about_hotel .right {
		margin: 0 auto 10px;
    float: none;
    overflow: hidden;
		width: 287px;
	}
	.sp_over {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.sp_over img {
		width: auto;
	}
	#container #main #setubi_itiran_list {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#container #main #setubi_itiran_list li {
		margin: 0 5px 10px;
	}
	#main .about_faq {
		width: 100%;
	}
	#main .about_faq h3 {
		width: 100%;
		overflow: hidden;
	}
	#main .about_faq h3 img {
		width: auto;
	}
	#main .about_faq .about_faq_p {
		width: 100%;
		padding: 0 15px;
	}
	#main .about_faq ul {
    margin: 15px 0px 30px 25px;
    padding: 0px 10px;
	}
	#main .about_faq dl {
    margin: 0px 0px 10px;
    padding: 0px 10px 20px;
		float: none;
    width: 100%;
	}
	#main .about_faq dl dt,
	#main .about_faq dl dd {
		height: auto;
		margin-left: 0;
	}
	#main .about_faq dl dd .faq_cation,
	#main .about_faq dl dd .add {
		width: 100%;
		float: none;
	}
	#main .about_faq dl dd .add span:not(.pc) {
		display: inline-block;
	}
	#main .about_faq dl dd .add a {
		color: #333;
		text-decoration: none;
	}
	
	/*客室*/
	.guest_img_box {
		width: 100%;
		padding: 10px 10px 0;
		background-repeat: repeat;
	}
	.guest_img_box .left,
	.guest_img_box .right1,
	.guest_img_box .right2 {
		width: 100%;
		margin: 0 0 10px;
	}
	.guest_textbox {
		width: 100%;
		float: none;
		overflow: hidden;
	}
	.guest_textbox img {
    text-align: center;
		float: none;
		margin-bottom: 15px;
	}
	.guest_textbox p {
		width: 100%;
		padding: 0 10px;
	}
	.guest_textbox .magic_time_p {
		width: 90%;
		max-width: 450px;
	}
	.guest_textbox .magic {
	}
	.guest_textbox .magic_p {
    margin: 0;
    padding: 0 10px;
    width: 100%;
	}
	.room_spec,
	.room_spec div {
		width: 100%;
		float: none;
		border: none;
	}
	.room_spec .spec_title {
		width: 100%;
		float: none;
		margin: 0;
	}
	.room_spec dl,
	.room_spec ul {
		width: 100%;
		float: none;
		margin: 0;
		padding: 0 10px;
	}
	.room_spec dl dt,
	.room_spec dl dd {
		float: none;
		width: 100%;
		text-align: left;
		padding: 10px;
		border: none;
	}
	.room_spec img {
		width: 100%;
		height: auto;
		float: none;
		margin-left: 0;
	}
	.go_plan {
		width: 100%;
		float: none;
		padding: 0 10px;
		text-align: center;
	}
	.go_plan a {
		display: inline-block;
		margin-bottom: 8px;
	}
	#main .re_top {
		display: none;
	}
	
	/*お料理*/
	#left .rest_a {
		width: 100%;
		float: none;
		padding: 0 10px;
	}
	#left .rest_a .rest_p1 {
		height: auto;
	}
	#left .rest_a .rest_p1 img {
		float: none;
		max-width: 170px;
		margin: 0 auto 10px;
	}
	#left .rest_a .rest_back {
		float: none;
		overflow: hidden;
	}
	#left .rest_a .rest_dl1 {
		width: 100%;
		margin-bottom: 0;
	}
	#left .rest_a .rest_dl1 dt {
		position: relative;
		overflow: hidden;
	}
	#left .rest_a .rest_dl1 dt img {
		position: inherit;
		left: -33%;
		width: auto;
	}
	#left .rest_a .rest_dl1 dd {
		float: none;
	}
	#left #rest4 {
		width: 100%;
	}
	#left .rest_image_580 {
		float: none;
		width: 100%;
	}
	#left .rest_a .rest1 .iseebi_text {
		float: none;
		width: 100%;
	}
	#left .rest1 {
		float: none;
		overflow: hidden;
	}
	#left .rest1 img,
	#left .rest_a .rest1 table tr td .right {
		max-width: 300px;
		display: block;
		margin: 0 auto;
	}
	#left .rest1 .rest_h2_01 img,
	#left .rest1 img.rest_image_580 {
		max-width: none;
	}
	
	#left .rest1 table {
		width: 100%;
	}
	#left .rest_a .rest1 .boushin_plan_tokuten {
    background: none;
    height: auto;
    width: 100%;
    padding: 10px;
    border: double 4px #beb95e;
	}
	#left .rest_a .rest1 .boushin_plan_tokuten li {
    margin: 5px 0px 10px 30px;
	}
	#left #rest5,
	#left #rest8 {
		width: 100%;
		float: none;
	}
	#left .rest_a .rest1 table tr td {
		float: left;
		width: 100%;
	}
	#left .rest_a .rest1 table tr td .utage_tokuten_h4 {
		margin: 15px 0;
		width: 100%;
		text-align: left;
	}
	#left .rest_a .rest1 table tr td .utage_tokuten_naiyou {
		margin: 0 0 0 30px;
		text-align: left;
	}
	#left .rest_a .rest1 table tr td dl {
		width: 100%;
		margin: 0;
	}
	#left .rest_a .rest1 table tr td dl dd {
		padding: 0 0 0 10px;
		width: 100%;
	}
	#left .rest_a .rest1 .bousin,
	#left .rest_a .rest1 table tr td .plan_dl2,
	#left .rest_a .rest1 table tr td .plan_dl2 dd {
		float: none;
		width: 100%;
	}
	#left .rest_a .rest1 table tr td .plan_dl2 dd {
		padding: 0 0 0 10px;
	}
	
	/*ご宿泊プラン*/
	#container #main #reserve {
		width: 100%;
		float: none;
		overflow: hidden;
	}
	#main #reserve p {
		width: 100%;
		float: none;
		padding: 0 10px;
	}
	#main #reserve table {
		width: 100%;
		padding: 0 10px;
	}
	#main #reserve table th,
	#main #reserve table td {
		float: left;
		width: 100%;
	}
	#main #reserve table td {
		margin-bottom: 20px;
	}
	#main #reserve table th img {
		max-width: 205px;
	}
	
	/*タラサの湯*/
	.tarasa_box,
	.tarasa_box .tarasa_img_text,
	.tarasa_box .tarasa_img_text img,
	.tarasa_box .tarasa_img_text p,
	.tarasa_box .tarasa_img_text dl,
	.tarasa_box .charge_box {
		float: none;
		width: 100%;
		height: auto;
	}
	.tarasa_box .tarasa_img_text p {
		padding: 0 10px;
		margin: 20px 0;
	}
	.tarasa_box .tarasa_img_text dl {
		margin: 0;
	}
	.tarasa_box .charge_box .img01,
	.tarasa_box .charge_box .img02 {
		margin: 0;
		width: 48%;
	}
	.tarasa_box .charge_box {
		overflow: hidden;
	}
	.tarasa_box .charge_box .img02 {
		float: right;
	}
	.tarasa_box .charge_box div {
		padding: 20px 0 0;
		clear: both;
		float: none;
		width: 100%;
	}
	.tarasa_box .charge_box div table {
		width: 100%;
		float: none;
		padding: 0 10px;
	}
	.tarasa_box .charge_box div p {
		padding: 0 10px;
	}
	.tarasa_box .nyuyoku_box {
		width: 100%;
		float: none;
		overflow: hidden;
	}
	.tarasa_box .nyuyoku_box p {
		width: 100%;
		float: none;
		clear: both;
		padding: 0 10px;
	}
	.tarasa_box .tara_h2 {
		padding: 0;
	}
	.tarasa_box .tara_h2 img {
		margin: 0;
	}
	.tarasa_box .nyuyoku_box .after_01 {
		max-width: 220px;
		float: none;
		margin: 0 0 10px;
	}
	.tarasa_box .nyuyoku_box .after_02,
	.tarasa_box .nyuyoku_box .after_03 {
		max-width: 140px;
		float: none;
		display: inline-block;
		margin: 10px;
	}
	
	/*設備一覧*/
	#container #main .setubimapimg.pc {
		display: none;
	}
	#container #main .setubimapimg.sp {
		display: inline-block;
	}
	#container #main #setubi_list {
		width: 100%;
    margin: 0;
    padding: 0 10px;
	}
	#container #main #setubi_list table {
		width: 100%;
	}
	#container #main #setubi_list table tr th,
	#container #main #setubi_list table tr td {
		float: left;
		width: 100%;
	}
	#container #main #setubi_list table tr th {
		text-align: center;
	}
	#container #main #setubi_list table tr th img {
		max-width: 200px;
	}
	#container #main #setubi_list table tr td {
		padding: 5px;
		margin-bottom: 10px;
	}
	#container #main #setubi_list table tr .name {
		width: 100%;
		padding: 5px 0;
		text-align: center;
	}
}
@media screen and (max-width: 800px) {
	.strip_wrapper {
		top: 285px !important;
	}
	#gallery,
	#gallery .panel_wrap {
		height: 340px !important;
	}
}

@media screen and (max-width: 640px) {
	
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}

	div#outerImageContainer,
	div#imageDataContainer {
		width: 100% !important;
		height: auto !important;
	}
	
	/*header*/
	#container #header1 {
		padding-top: 30px;
	}
	.hlogo,
	.hright {
		float: none;
	}
	.hright {
		margin: 0 auto;
		text-align: center;
	}
	#header1 .head .toi.sp {
		display: inherit;
		margin: 3px 0;
	}
	#header1 .head .toi.goto {
		width: 100%;
		height: auto;
	}
	
	/*gnavi*/
	#container #header1 .navi.pc {
		display: none;
	}
	#container #mainvis.pc {
		display: none;
	}
	
	/*baner*/
	#header2 #navi #navi_bg ul {
		padding: 0;
	}
	#header2 #navi {
		height: auto;
		padding: 0 0 15px;
	}
	#header2 #navi #navi_bg {
		height: auto;
		background-position: center top;
		padding: 30px 0 10px;
	}
	
	/*見出し*/
	h2 img {
		width: 100%;
		height: auto;
	}
	
	/*topページ*/
	#main #left {
		width: 100%;
	}
	#left img,
	#left .sityaku2 {
		width: 100%;
		height: auto;
	}
	#left #zatyou {
		width: 100%;
	}

	#left #feed {
		width: 100%;
	}
	#left #feed ul li {
		font-size: 12px;
		line-height: 1.5;
	}
	#left #feed ul li a {
		display: block;
		padding-left: 15px;
	}
	#left .top_ban {
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	/*スライダー*/
	#gallery,
	#gallery .panel_wrap,
	#gallery .panel_wrap .panel {
		width: 100% !important;
	}
	#gallery,
	#gallery .panel_wrap {
		height: 225px !important;
	}
	#gallery .panel_wrap .panel {
		height: auto !important;
	}
	#gallery .panel img {
		left: 0 !important;
		width: 100% !important;
		height: auto !important;
	}
	#gallery .strip_wrapper,
	#gallery .strip_wrapper .filmstrip {
		width: 100% !important;
	}
	#gallery .strip_wrapper,
	#gallery .pointer,
	#gallery .nav-next,
	#gallery .nav-prev,
	#gallery .panel-nav-next,
	#gallery .panel-nav-prev {
		display: none;
	}
	
	/*宴会*/
	#left .banquet_top_p,
	#left .banquet_room {
		float: none;
		width: 100%;
		padding: 0 10px;
	}
	#left .banquet_room {
		overflow: hidden;
	}
	#left .banquet_room img {
		float: none;
		display: block;
		margin: 0 auto 15px;
	}
	#left .banquet_room dl,
	#left .banquet_room dl dt,
	#left .banquet_room dl dd {
		width: 100%;
		float: none;
	}
	div.banq.flex {
		margin-bottom: 20px;
	}
	#left .floor_table {
		width: 100%;
		padding: 0 20px;
		margin: 0;
	}
	#left .floor_table tr .left_t,
	#left .floor_table tr .center_t,
	#left .floor_table tr .right_t {
		width: 100%;
		padding: 10px 0;
	}
	#left .floor_table tr p {
		width: 100%;
		margin: 0;
	}
	#left .floor_table tr .left,
	#left .floor_table tr .center,
	#left .floor_table tr .right {
		text-align: center;
	}
	#left .floor_table tr .left img,
	#left .floor_table tr .center img,
	#left .floor_table tr .right img {
		max-width: 200px;
	}
	#left .floor_name {
		width: 100%;
		padding: 0 10px;
	}
	#left .floor_name .floor_3kai,
	#left .floor_name .floor_4kai {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}
	#left .floor_img {
		width: 100%;
	}
	
	/*昼食膳*/
	#left .tokubetu_menu_p {
		width: 100%;
		float: none;
		padding: 0 10px;
	}
	#left .dantaiwaribiki {
		width: 95%;
		float: none;
		margin: 0 auto 20px;
	}
	#left .dantaiwaribiki dd table {
		width: 100%;
	}
	#left .tokubetu_cation {
		padding: 0 10px 0 0;
	}
	
	/*会社概要*/
	#left .gaiyou {
		width: 100%;
		padding: 0 10px;
	}
	#left .gaiyou tr td {
		float: left;
		width: 100%;
	}
	#left .gaiyou tr .le,
	#left .gaiyou tr .rig {
		margin: 0;
		width: 100%;
	}
	
	/*個人情報保護方針*/
	#left #hoshin {
		float: none;
		width: 100%;
	}
	#left #hoshin .tex,
	#left #hoshin dl {
		padding: 0 10px;
	}
	#left #hoshin dl dd {
		width: 100%;
		margin-left: 0;
		padding-left: 10px;
	}
	
	/*採用情報*/
	.sp_wrap {
		padding: 0 10px;
	}
	#left #saiyo {
		margin-bottom: 30px;
	}
	#left #saiyo .sai_h3,
	#left #saiyo .sai_dl,
	#left #saiyo .sai_tbl {
		width: 100%;
	}
	#left #saiyo .sai_tbl th,
	#left #saiyo .sai_tbl td {
		float: left;
		width: 100%;
	}
	
	/*リンク集*/
	#left table.link {
		width: 100%;
		margin-bottom: 30px;
	}
	#left table.link td {
		float: left;
		width: 100%;
	}
	#left table.link td img {
		max-width: 150px;
	}
	
	/*アクセス*/
	#left .car_root_box {
		width: 100%;
		padding: 0 10px;
	}
	#left .car_root_box img {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#left .kakuaccess_box {
		width: 100%;
		padding: 0 10px;
	}
	#left .kakuaccess_box dl {
		margin-left: 0;
	}
	#left .kankou_box {
		width: 100%;
		padding: 0 10px;
		margin-bottom: 50px;
	}
	#left .kankou_box2 {
		width: 100%;
		padding: 0 10px;
		float: none;
		margin-bottom: 50px;
	}
	#left .kankou_box2 img {
		display: block;
		margin: 0 auto 10px;
		float: none;
	}
	#left .kankou_box2 dl {
		width: 100%;
		margin-left: 0;
		float: none;
	}
	
	
	/*sp用ナビゲーション*/
	#menu{
		/*アニメーション*/
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		/*配置*/
		position: fixed;
		top: 0px;
		left: 0;
		width: 100%;
		height: auto;
		/*pointer-events: none;*/
		z-index: 100;
	}

	/****メニュー開閉ボタン****/
	#menu div{
		/*デザイン*/
		width: 100%;
		height: 30px;
		background: rgba(0,0,0,0.8);
		/*配置*/
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}
	#menu div a{
		text-decoration: none;
		padding-top: 2px;
	}
	
	#menu .menuopen{
		/*デザイン*/
		color: rgba(255,255,255,1);
		font-size: 20px;
		text-align: center;
		/*配置*/
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: auto;
	}
	
	#menu .menuclose{
		/*デザイン*/
		color: rgba(255,255,255,1);
		font-size: 20px;
		text-align: center;
		/*配置*/
		display: none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: auto;
	}
	
	/****メニュー一覧****/
	#menu ul{
		/*デザイン*/
		width: 100%;
		/*配置*/
		position: absolute;
		left: 0;
		top: -280px;/*#menu liの高さ×個数*/
		margin: 0;
		padding: 0;
	}
	
	#menu li{
		/*デザイン*/
		background: rgba(0,0,0,0.8);
		padding: 10px;
		color: rgba(0,0,0,1);
		border-bottom: 1px rgba(255,255,255,1) solid;
		height: 40px;
		/*配置*/
		pointer-events: auto;
		box-sizing: border-box;
		list-style: none;
	}
	#menu li a {
		text-decoration: none;
		color: #fff;
	}
	
	/****メニューオープン時****/
	#menu:target{
		/*配置*/
		top: 280px;/*#menu liの高さ×個数*/
	}
	
	#menu:target .menuopen{
		/*配置*/
		display: none;
	}
	
	#menu:target .menuclose{
		/*配置*/
		display: block;
	}
	
	
	/*** メインエフェクト ***/
	
}

@media screen and (max-width: 530px) {
	#gallery,
		#gallery .panel_wrap {
			height: 185px !important;
	}
}
@media screen and (max-width: 420px) {
	#gallery,
		#gallery .panel_wrap {
			height: 155px !important;
	}
}
@media screen and (max-width: 360px) {
	#gallery,
		#gallery .panel_wrap {
			height: 125px !important;
	}
}