/* CSS Document */

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

　温泉

====================================================*/
/*メインビジュアル　タイトル
-------------------------------------------------- */
.mv_title{
	background-image: url(../images/spa/mv_img.jpg);
	background-position: bottom center;
}
/*====================================================
　基本設定
====================================================*/
.spa_wrap .c_wrap{
	padding-bottom: 100px;
}
/*コンテンツ（メイン）とコンテンツ（サブ）交互レイアウト設定
-------------------------------------------------- */
#mcS_WRAP .spa_wrap .mc:nth-child(even) .content{
	float: right;
	border-radius: 5px 0 0 0;
	background-position: left 650px top 150px;
}
#mcS_WRAP .spa_wrap .mc:nth-child(even) .sub_content{
	float: left;
}
#mcS_WRAP .spa_wrap .mc:nth-child(even) .c_in{
	float: left;
	padding: 0 15px 0 80px;
}

/*温泉ボックス基本設定
-------------------------------------------------- */
.spa_intoro_wrap{
	padding: 100px 0;
}
.spa_intoro_wrap .m_i_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: 0;
}
.spa_title img{
	height: 80px;
	width: auto;
}
.spa_intoro_wrap .w_img{
	margin-top: 50px;
}
p.map_img{
	margin: 0;
	padding: 0;
}
.atention_text{
	text-align: right;
	padding: 0 20px;
	color: #666;
}
/*詳細*/
.spa_intoro_wrap .content_gray .dl{
	color: #fff;
}

/*温泉の紹介部分のプルダウンコンテンツ
-------------------------------------------------- */
.spa_intoro_wrap .content_title02.-open-btn{
	border-top: rgba(255,255,255,.3) solid 1px;
	background-image: url(../common/images/icon_more_w.png);
	background-position: center right 15px;
	color: #fff;
}
.spa_intoro_wrap .-open-btn.active{
	background-image: url(../common/images/icon_close_w.png);
}
.spa_intoro_wrap .-open-wrap:last-child .-open-btn.active{
	border-bottom:none;
}
.spa_intoro_wrap .-open-wrap:last-child .-open-btn{
	border-bottom: rgba(255,255,255,.3) solid 1px;
}
.spa_intoro_wrap .-open-wrap:last-child .-open-box{
	border-bottom: rgba(255,255,255,.3) solid 1px;
}


/*====================================================
　庭園縄文風呂
====================================================*/
/*温泉タイトル
-------------------------------------------------- */
#JOUMON .m_i_w{
	background-image: url("../images/spa/joumon_title_bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 95%;
	background-color: #F4F9F5;
	border-top: 5px solid #2D8842;
}
#JOUMON .content_footer{
	background-image: url("../images/spa/green_bg.jpg");
	background-size: 270 auto;
	background-position: center center;
	background-repeat: repeat;
	padding: 100px 15px 70px;
}
#JOUMON .dl{
	margin-top: 0;
}
#JOUMON .dl,#JOUMON dd{
	border-color: #2D8842;
}
#JOUMON dt{
	color: #2D8842;
}


/*しだないの湯
-------------------------------------------------- */
#SHIDANAI .m_c_mv{
	background-image: url(../images/spa/shidanai_mv.jpg);
}
/*ぬりさわの湯
-------------------------------------------------- */
#NURISAWA .m_c_mv{
	background-image: url(../images/spa/nurisawa_mv.jpg);
}


/*====================================================
　大浴場
====================================================*/
/*温泉タイトル
-------------------------------------------------- */
#DAIYOKUJO .m_i_w{
	background-image: url("../images/spa/daiyokujo_title_bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 95%;
	background-color: #FDF7F5;
	border-top: 5px solid #CD6447;
}
#DAIYOKUJO .content_footer{
	background-image: url("../images/spa/orange_bg.jpg");
	background-size: 270 auto;
	background-position: center center;
	background-repeat: repeat;
	padding: 100px 15px 70px;
}
#DAIYOKUJO .dl{
	margin-top: 0;
}
#DAIYOKUJO .column-text{
	margin: 1em 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
/*まごころの湯
-------------------------------------------------- */
#MAGOKORO .m_c_mv{
	background-image: url(../images/spa/magokoro_mv.jpg);
}
/*あいの湯
-------------------------------------------------- */
#AI .m_c_mv{
	background-image: url(../images/spa/ai_mv.jpg);
}

/*====================================================
　貸切風呂
====================================================*/
/*温泉タイトル
-------------------------------------------------- */
#KASHIKIRI_WRAP .m_i_w{
	background-image: url("../images/spa/kashikiri_title_bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 95%;
	background-color: #FEFBF4;
	border-top: 5px solid #D9A22B;
}
#KASHIKIRI_WRAP .content_footer{
	background-image: url("../images/spa/yellow_bg.jpg");
	background-size: 270 auto;
	background-position: center center;
	background-repeat: repeat;
	padding: 100px 15px 70px;
}
#KASHIKIRI_WRAP .dl{
	margin-top: 0;
}
#KASHIKIRI_WRAP .dl,#KASHIKIRI_WRAP dd{
	border-color: #D9A22B;
}
#KASHIKIRI_WRAP dt{
	color: #D9A22B;
}

/*貸切風呂
-------------------------------------------------- */
#KASHIKIRI_WRAP .m_c_mv{
	background-image: url("../images/spa/kashikiri_mv.jpg?v2");
}


/*====================================================
　リラクゼーション
====================================================*/
#RELAXATION .bgw_in{
	background-image: url("../images/spa/relaxation_img.png");
}
/*====================================================
　湯めぐり
====================================================*/
#YUMEGURI .bgg_in{
	background-image: url("../images/spa/yumeguri_bg.png");
}
/*====================================================
　日帰り
====================================================*/
#HIGAERI .bgg_in{
	background-image: url("../images/spa/higaeri_img.png");
}
#HIGAERI .dl dl{
	margin: 0;
}
#HIGAERI .dl dt{
	width: 6.5em;
}
#HIGAERI .dl dd{
	padding:1em 0 1em 7.5em;
}
#HIGAERI .dl dl dt:first-child{
	padding-top: 0;
}
#HIGAERI .dl dl dt:first-child + dd{
	padding-top: 0;
}
#HIGAERI .dl dl dd:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

/*楽天用*/
#HIGAERI .dl{
	border-top: none;
}
#HIGAERI .dl dt.w_dt{
	width: 100%;
	border-bottom: 2px solid #CD6447;
	padding: 1em 0;
	float: none;
}
#HIGAERI .dl dt.w_dt::before {
	content: "■ ";
	opacity: .5;
}
#HIGAERI .dl dd.w_dd{
	width: 100%;
	padding:1em 0 1em 0;
	float: none;
}
#HIGAERI .dl dd.w_dd + dt.w_dt{
	margin-top: 1.5em;
}
/*====================================================
　つなぎ温泉について
====================================================*/
#TUNAGI .bgw_in{
	background-image: url("../images/spa/tunagi_img.png");
}
/*====================================================
　2カラム
====================================================*/
.column2_wrap{
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.column2_wrap > div{
	width: 50%;
	display: inline-table;
	float: left;
	padding: 0 20px 40px;
}
.column2_wrap.jomon_03box::before{
	content: "";
	border-top: 1px solid rgba(0,0,0,.2);
	width: calc(100% - 40px);
	padding: 40px 0 0;
	margin: 0 20px;
}
.column2_wrap.jomon_03box > div{
	padding-bottom: 0;
}

/*====================================================
　2カラム（画像とテキストを並べるスタイル）
====================================================*/
.column2_wrap_imgSmall{
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.column2_wrap_imgSmall > div{
	width: 35%;
	display: inline-table;
	float: left;
	padding: 0 20px;
	vertical-align: middle;
}
.column2_wrap_imgSmall > div + div{
	width: 65%;
	padding: 0 20px 40px;
}


/*====================================================
　3カラム
====================================================*/
.column3_wrap{
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.column3_wrap > div{
	width: 33.3333%;
	display: inline-table;
	float: left;
	padding: 0 20px 40px;
}

/*====================================================
　4カラム
====================================================*/
.column4_wrap{
	width: 100%;
	max-width: 1180px;
	margin: auto;
}
.column4_wrap > div{
	width: 25%;
	display: inline-table;
	float: left;
	padding: 0 20px 40px;
}

.red {
color: #963014;
}