/* CSS Document */

/*====================================================

　温泉

====================================================*/
.header_nav li.nav_spa a{
    color: #D3C3EA;
    border-bottom: 2px solid #D3C3EA;
}

/*メインビジュアル　タイトル
-------------------------------------------------- */
.mv_title{
	background-image: url(../images/spa/mv_img.jpg);
}

/*====================================================
　基本設定
====================================================*/
/*コンテンツ（メイン）とコンテンツ（サブ）交互レイアウト設定
-------------------------------------------------- */
#MAIN_CONTENTS_WRAP .spa_wrap .main_content:nth-child(even) .content{
	float: right;
	border-radius: 5px 0 0 0;
	background-position: left 650px top 150px;
}
#MAIN_CONTENTS_WRAP .spa_wrap .main_content:nth-child(even) .sub_content{
	float: left;
}
#MAIN_CONTENTS_WRAP .spa_wrap .main_content:nth-child(even) .content_inner{
	float: left;
	padding: 0 15px 0 80px;
}
/*コンテンツ（メイン）とコンテンツ（サブ）（スマホ）--------------*/
@media screen and (max-width:736px){
	#MAIN_CONTENTS_WRAP .spa_wrap .main_content:nth-child(even) .content{
		background-color: none;
		float: none;
		width: calc(100% - 40px);
		border-radius: 5px 5px 0 0;
		margin: 0 auto;
		background-size: 150px auto;
		background-position: left -40px top 150px;
		background-repeat: no-repeat;
		padding: 15px 0;
	}
	#MAIN_CONTENTS_WRAP .spa_wrap .main_content:nth-child(even) .sub_content{
		float: none;
		width:  100%;
		padding: 15px 20px 0;
	}
	.sub_content img{
		max-width: 100%;
	}
	#MAIN_CONTENTS_WRAP .spa_wrap .main_content:nth-child(even) .content_inner{
		max-width: 100%;
		width: 100%;
		float: none;
		padding: 0;
		min-height: 0;
	}
}

/*温泉ボックス基本設定
-------------------------------------------------- */
.spa_intoro_wrap{
	padding: 100px 0;
}
.spa_intoro_wrap .main_intoro_text p{
	color: #fff;
}
.spa_title{
	width:100%;
	height: 300px;
	/*line-height: 300px;*/
	text-align: center;
	background-size: 1440px auto;
	background-position: center center;
	background-color: #000;
	background-repeat: no-repeat;
	margin: 0;
	padding: 110px 0;
}
.spa_title img{
	height: 80px;
	width: auto;
}
.spa_intoro_wrap .wide_img{
	margin-top: 50px;
}
.spa_intoro_wrap .map_img{
	margin: 50px -62px 0;
}
/*詳細*/
.spa_intoro_wrap .content_gray .dl{
	color: #fff;
}
/*温泉ボックス基本設定（スマホ）--------------*/
@media screen and (max-width:736px){
	.spa_intoro_wrap{
		padding: 30px 20px 80px;
	}
	.spa_intoro_wrap .main_intoro_text p{
		color: #fff;
	}
	.spa_title{
		height: 150px;
		line-height: 150px;
		background-size: cover;
	}
	.spa_title img{
		height: 40px;
	}
	.spa_intoro_wrap .wide_img{
		margin-top: 30px;
	}
	.spa_intoro_wrap .map_img{
	margin: 30px 0 0;
	}
	/*詳細*/
	.spa_intoro_wrap .content_gray .dl dt{
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.spa_intoro_wrap .content_gray .dl > dt::before{
		color: rgba(255,255,255,.2);
	}
}

/*温泉の紹介部分のプルダウンコンテンツ
-------------------------------------------------- */
.spa_intoro_wrap .content_title02.-open-btn{
	color: #fff;
}



/*====================================================
　ひとりじめの湯
====================================================*/
/*温泉タイトル
-------------------------------------------------- */
#HITORIJIMENOYU .spa_title{
	background-image: url(../images/spa/hitorijimenoyu_title_bg.jpg);
}
#HITORIJIMENOYU .spa_intoro_wrap{
	background-color: #725A86;
	background-image: url(../images/spa/hitorijimenoyu_bg.png),url(../images/spa/hitorijimenoyu_bg.png);
	background-size: 762px auto;
	background-repeat: no-repeat;
	background-position: top -30px right -30px,bottom -30px left -30px;
}
/*温泉タイトル（スマホ）--------------*/
@media screen and (max-width:736px){
	#HITORIJIMENOYU .spa_intoro_wrap{
		background-image: url(../images/spa/hitorijimenoyu_bg.png),url(../images/spa/hitorijimenoyu_bg.png);
		background-size: 100% auto;
		background-position: top -10px right -10px,bottom -30px left -30px;
	}
}
/*絹の湯
-------------------------------------------------- */
#KINUNOYU .main_content_mv{
	background-image: url(../images/spa/kinunoyu_mv.jpg);
}
/*檜の湯
-------------------------------------------------- */
#HINOKINOYU .main_content_mv{
	background-image: url(../images/spa/hinokinoyu_mv.jpg);
}


/*====================================================
　南部曲り屋の湯
====================================================*/
/*温泉タイトル
-------------------------------------------------- */
#NANBUMAGARIYANOYU .spa_title{
	background-image: url(../images/spa/nanbumagariyanoyu_title_bg.jpg);
}
#NANBUMAGARIYANOYU .spa_intoro_wrap{
	background-color: #5A5C86;
	background-image: url(../images/spa/nanbumagariyanoyu_bg.png),url(../images/spa/nanbumagariyanoyu_bg.png);
	background-size: 481px auto;
	background-repeat: no-repeat;
	background-position: bottom 50px right 30px,top 50px left 30px;
}
/*温泉タイトル（スマホ）--------------*/
@media screen and (max-width:736px){
	#NANBUMAGARIYANOYU .spa_intoro_wrap{
		background-image: url(../images/spa/hitorijimenoyu_bg.png),url(../images/spa/hitorijimenoyu_bg.png);
		background-size: 100% auto;
		background-position: bottom 20px right 30px,top 20px left 10px;
	}
}
/*赤松の湯の湯
-------------------------------------------------- */
#AKAMATSUNOYU .main_content_mv{
	background-image: url(../images/spa/akamatsunoyu_mv.jpg);
}
/*大岩の湯
-------------------------------------------------- */
#OOIWANOYU .main_content_mv{
	background-image: url(../images/spa/ooiwanoyu_mv.jpg);
}
/*貸切露天風呂
-------------------------------------------------- */
#KASHIKIRI .main_content_mv{
	background-image: url(../images/spa/kashikiri_mv.jpg);
}
#KASHIKIRI .content_gray{
    margin-top: 30px;
}
@media screen and (max-width:736px){
    #KASHIKIRI .content_gray{
        margin-top: 15px;
    }
}

/*====================================================
　外来入浴
====================================================*/
/*外来入浴タイトル
-------------------------------------------------- */
#GAIRAI .spa_title{
	background-image: url(../images/spa/gairai_title_bg.jpg);
}
#GAIRAI .content_gray .atention_list{
	margin-bottom: 0;
}
/*外来入浴のdl（PC）--------------*/
@media screen and (min-width:736px){
	#GAIRAI .content_gray .dl dt{
		width: 8em;
		clear: both;
	}
	#GAIRAI .content_gray .dl dd{
		padding: 0 0 1.5em 10em;
	}
}

/*====================================================
　愛真館湯めぐり
====================================================*/
#YUMEGURI .purple_inner{
	background-image: url(../images/spa/yumeguri_bg.png);
}
@media screen and (min-width:736px){
    #YUMEGURI .purple_inner{
        background-size: 55% auto;
        background-position: center right -20px;
    }
}
/*====================================================
　「つなぎ温泉」について
====================================================*/
@media screen and (min-width:736px){
	/*コンテンツ（メイン）とコンテンツ（サブ）交互レイアウト設定　辻褄が合わない時はクラスにeven
	-------------------------------------------------- */
	#TSUNAGI .content{
		float: right;
		border-radius: 5px 0 0 0;
		background-position: left 650px top 150px;
	}
	#TSUNAGI .sub_content{
		float: left;
	}
	#TSUNAGI .content_inner{
		float: left;
		padding: 0 15px 0 80px;
	}
}

/*注意*/
.caution_box{
	background-color: rgba(169,36,39,0.1);
	padding: 20px;
	margin-top: 30px;
	color: #A92427;
}
.caution_box p{
	margin: .5em 0 0;
	line-height: 1.6em;
}
.caution_t{
	color: #A92427;
	font-size: 1.3em;
	margin: 0 0 .5em;
	line-height: 1.6em;
	padding: 0;
}