/* ==================================================
[Style:English]
	 2. General
	 3. Header
	 4. Main img
	 5. Content
	 6. Footer
	 7. Index
	 9.Rooms
	14. Hot springs
================================================== */


/* ---------------------------------------------------------------
	 3. Header
--------------------------------------------------------------- */
.logo a{
	display: block;
	width: calc(470px / 2);
	height: calc(150px / 2);
	background: url(../png/logo-2.png) no-repeat left top;
	background-size: contain;
	text-indent: -9999px;
}
/* PC */
@media all and (min-width: 769px) {
	.logo a{
		margin: 55px 0 0 10px;
		width: calc((470px / 2) - 60px);
	}
}
/* big PC */
@media all and (min-width: 1600px) {
	.logo a{
		margin: 37px 30px 0 10px;
		width: calc(470px / 2);
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.logo a{
		margin: 15px 5px 0;
		background-size: contain;
		width: 175px;
		height: 60px;
	}
}
/* more small SP */
@media only screen and (max-width: 374px) {
	.logo a{
		margin: 20px 5px 0;
		width: 160px;
		height: 50px;
	}
}


/* wrap_menu
-------------------------------------------------- */

/* PC */
.head_tel{
	font-size: 12px;
	margin: 5px 0 0 20px;
}


/* global_menu
-------------------------------------------------- */
#global_menu ul li a{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
}

#global_menu ul li a[href^="http"] span{
	display: inline-block;
}



/* PC */
@media all and (min-width: 769px) {
	#global_menu ul li a{
		padding-bottom: 20px;
	}
	#global_menu ul li a[href^="http"] :after,
	.sub_menu a[href^="http"]::after{
		content: "";
		background: url("../png/icon_blank.png") no-repeat right center;
		background-size: contain;
		display: inline-block;
		width: 15px;
		height: 10px;
		margin-left: 0.2em;
		margin-right: -10px;
	}
}

/* SP */
@media only screen and (max-width: 768px) {
	#global_menu ul li a{
		font-size: 18px;
	}
	.sub_menu a[href^="http"]::after{
		content: "";
		background: url("../png/icon_blank_white.png") no-repeat right center;
		background-size: contain;
		display: inline-block;
		width: 15px;
		height: 10px;
		margin-left: 0.2em;
		margin-right: -10px;
	}
}

/* more small SP */
@media only screen and (max-width: 374px) {
	#global_menu ul li a,
	.sub_menu ul li a{
		font-size: 14px;
	}
}


/* ---------------------------------------------------------------
	 5. Content
--------------------------------------------------------------- */

/* タイトル
---------------------------------------------------------- */
h2{
	margin-bottom: 2em;
}

body.index h2{
	margin-bottom: 2em;
}

.kome::before{
	content: "*";
}

/* SP */
@media only screen and (max-width: 768px) {
	h2{
		font-size: 30px;
	}
	
	h3:not(.h3_left)::before,
	h3:not(.h3_left)::after{
		width: 20px;
		margin: 0 10px;
	}
}
	
/* head_lang
-------------------------------------------------- */
.head_lang{
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
}


/* head_book
-------------------------------------------------- */
.head_book a{
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
}




/* ---------------------------------------------------------------
	 6. Footer
--------------------------------------------------------------- */
/* foot_tel
---------------------------------- */
.foot_tel a{
	display: block;
	background: url("../png/txt_foot_tel-2.png") no-repeat center center;
	background-size: contain;
	width: calc(590px / 2);
	height: 100px;
	text-indent: -9999px;
}


/* foot_address
---------------------------------- */
.logo_foot{
	background: url("../png/logo_foot-2.png") no-repeat center top;
	background-size: contain;
	text-indent: -9999px;
	display: block;
	width: 235px;
	height: 85px;
	margin: 0 0 0.7em;
}

/* SP */
@media only screen and (max-width: 768px) {
	.logo_foot{
		background-size: contain;
		margin: 0 auto 0.5em;
	}
}


/* ---------------------------------------------------------------
	 7. Index
--------------------------------------------------------------- */

/* form_book
---------------------------------------------------------- */

.form_tit > div{
	font-family: 'Century Gothic', Arial, Helvetica, "sans-serif";
	font-weight: normal;
	font-size: 13px;
}
.search_3btn ul li a{
	letter-spacing: -0.03em;
}


/* PC */
@media all and (min-width: 769px) {
	.form_input > div{
		padding: 1% 2%;
	}
	.search_3btn ul li a{
		line-height: 1;
	}

	.form_input input[type="text"]{
		 display: inline-block;
	}
	.form_input input[type="checkbox"] + label{
		line-height: 1;
		min-width: 150px;
		display: inline-block;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.form_tit > div{
		line-height: 2;
	}
	.btn_search_detail > div,
	.submit_search{
		font-size: 15px;
	}
	.submit_search{
		background: #948c00 url("../png/icon_search.png") no-repeat left 10% center;
		background-size: 20px 20px;
	}
}




/* top_party
---------------------------------------------------------- */
.top_party a{
	pointer-events: none;
	cursor: default;
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_party a{
		padding-top: 8%;
	}
	.top_party_txt strong {
		line-height: 1.7;
	}
}


/* top_hot_cuisine
---------------------------------------------------------- */
.top_hot_cuisine h3{
	margin-bottom: 30px;
}

/* top_link
---------------------------------------------------------- */
/* PC */
@media all and (min-width: 769px) {
	.top_link dl{
		padding: 15px 20px;
		min-height: 120px;
	}
	.top_link ul:last-child dl{
		max-width: 320px;
	}
	
	.top_link dt{
		margin-bottom: 0;
	}
	.top_link dd{
		line-height: 1.3;
	}
	
	
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_link ul:last-child dl{
		display: block;
	}
}



/* top_access
---------------------------------------------------------- */
/* top_info01
---------------------------------- */
.top_info01 li a{
	font-size: 15px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.top_info01 li a br{
		display: none;
	}
}

/* top_info03
---------------------------------- */
/* PC */
@media all and (min-width: 769px) {
	.top_info04_link li{
		width: 100%;
	}
}




/* ---------------------------------------------------------------
	 9. Rooms
--------------------------------------------------------------- */

/* rooms_list
---------------------------------------------------------- */
.rooms_list strong{
	font-size: 20px;
}

/* PC */
@media all and (min-width: 769px) {
	.rooms_list li::after{
		width: 85%;
	}
	.rooms_list .rooms_list_txt{
		width: 85%;
	}
}

/* index
---------------------------------------------------------- */
/* intro
---------------------------------- */
.sazantei .tag_green{
	margin-bottom: 15px;
}


/* bnr_indoor
---------------------------------- */
/* SP */
@media only screen and (max-width: 768px) {
	.sazantei .bnr_indoor li a .bnr_indoor_txt,
	.suigetsu .bnr_indoor .bnr_indoor_txt{
		line-height: 1.1;
	}
}


/* no_slider
---------------------------------- */
/* SP */
@media only screen and (max-width: 768px) {
	.no_slider .rooms_list_txt p{
		padding: 0 1em;
	}
}


/* each_room
---------------------------------- */
.each_room > div.align_center a span{
	font-size: 15px;
}

/* PC */
@media all and (min-width: 769px) {
	.each_room > div.align_center a.basic_btn{
		width: 320px;
	}
	#room07 .each_room_img_s,
	.sazantei #room05 .each_room_img_s,
	.tsukisuite #room01 .each_room_img_s,
	.tsukisuite #room04 .each_room_img_s{
		bottom: inherit;
	}
	
	.tsukisuite #room04 {
		margin-bottom: 120px;
	}
	
}
	
/* SP */
@media only screen and (max-width: 768px) {
	.each_room > div.align_center a span{
		font-size: 12px;
	}
}





/* ---------------------------------------------------------------
	14. Hot springs
--------------------------------------------------------------- */
#bath01,#bath02,#bath03,#bath04{
	margin-top: -125px;
	padding-top: 125px;
}