@charset "UTF-8";
/* CSS Document */
/* =========================================================
　メインビジュアル
========================================================= */
.page_title{
	background:url(images/title_bg.jpg),url(images/title_sub_bg.jpg);
	background-repeat: no-repeat,no-repeat;
	background-size: 1000px auto,cover;
	background-position: center center;
	width: 100%;
	height :440px;
	text-align : center;
}

.page_title h2{
	display: none;
}

.main{
	background-color: #fff;
}
.contents-line-y{
/*	position: absolute;*/
	position: relative;
	background:  url(../spring_special/images/contents-line-p.png) repeat-x center top;
	z-index : 10000;
	height : 5px;
	display : block;
/*	top : 715px;*/
	top : -5px;
	width: 100%;
}
.footer-line{
	display : block;
	width: 100%;
	height: 5px;
}
.bg{
	padding: 4.3em 0 5em;	
}
	.footer_sitemap::before{
		background-image: url("images/contents-line-p_b.png");
}
@media screen and (max-width:736px){
	body{
		font-size: 13px;
	}
	.page_title{
		background-size: 100% auto,cover;
		padding-top: 43%;
		height: auto;
	}
	.site_title a {
    width: 250px;
    height: 60px;
    display: block;
}
.footer_address address::before {
	background-image: url("images/contents-line-p_b.png");
	background-size: auto 6px;
    height: 6px;
}
}/*@media*/
/* 共通パーツ
--------------------------------------------------------- */
/*タイトル*/
.title{
	text-align: center;
	margin: 0em auto 2em;
	width: 100%;
	max-width: 380px;
}
.announce h3{
	width: 100%;
	max-width: 550px;
}
.title{
max-width: 565px;
}
.title img{
width: 100%;
}
@media screen and (max-width:1000px){
}

.catch_warp{
	margin: 4em 0;
}
/*「温泉むすめ」とは------------------------------------------------------*/
.about_warp{
	background: url(images/bg_img01@2x.png),#fce0e9;
	background-size: 50px ,cover;
}
.about_warp .title{
	max-width: 318px;
}
.about_box{
	 max-width: 1000px;
	background-color: #fff;
    padding: 50px 50px;
	max-width: 1000px;
	margin: 0 auto;
	border-radius: 15px;
/*	text-align: center;*/
}
.about_box h4{
	font-size: 1.733em;
	font-weight: bold;
	margin: 1.5em 0;
	line-height: 1.7;
	color: #333;
}
.onsen_musume_link{
	display: flex;
	justify-content: center;
	align-items: center;
}
.onsen_musume_link img{
	max-width: 210px;
	margin-right: 2em;
	width: 100%;
    height: 100%;
}
.onsen_musume_link .morebtn p {
    max-width: 348px;
    margin: 10px auto;
    box-sizing: border-box;
}
.onsen_musume_link .morebtn_s a {
    width: 100%;
    background-color: #564A7E;
    padding: 0.7em 4em;
    color: #fff;
}
@media screen and (max-width:768px){
	.about_warp .title{
	max-width: 208px;
}
	.about_warp{
	background: url(images/bg_img01@2x.png),#FFBEC3;
	background-size: 50px ,cover;
		padding: 2em 20px 5em;
}
	.about_box{
	padding: 5em 20px;
}
	.about_box h4{
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.5em 0;
	line-height: 1.7;
	color: #333;
}
	.onsen_musume_link{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.onsen_musume_link img {
    margin-right: 0em;
}
}

/*花巻温泉郷の「温泉むすめ」------------------------------------------------------*/
.onsen_musume_warp{
	background: url(images/bg_img02@2x.png),#fac6c6;
	background-size: 50px ,cover;
}
.onsen_musume_warp .title{
	max-width: 565px;
}
.suika,.satuki{
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;
}
.suika::after,.satuki::after{
	content: "";
	position: absolute;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	align-items: center;
	height: 489px;
	width: 1000px;
	border-radius: 15px;
	z-index: 1;
}
.suika::after,.satuki::after{
	height: 491px;
}
.onsen_musume_warp .suika .img_box,.onsen_musume_warp .satuki .img_box{
	max-width: 412px;
	z-index: 5;
}
.onsen_musume_warp .suika .img_box img,.onsen_musume_warp .satuki .img_box img{
	width: 100%;
}
.onsen_musume_warp .suika .text_box,.onsen_musume_warp .satuki .text_box{
	max-width: 430px;
	z-index: 5;
}
.onsen_musume_warp .satuki .text_box{
	margin-left: 1em;
}
.onsen_musume_warp .suika .text_box img{
	max-width: 313px;
	width: 100%;
}
.onsen_musume_warp .satuki .text_box img{
	max-width: 377px;
	width: 100%;
}
.onsen_musume_warp .text_box p{
	margin: 1.333em 0;
	padding: 0;
}
.onsen_musume_warp .text_box ul{
	margin-bottom: 1.7em;
}
.onsen_musume_warp .text_box ul li{
	padding: 0.5em;
	border-top: 1px solid #ccc;
}
.onsen_musume_warp .text_box ul li:last-of-type{
	border-bottom: 1px solid #ccc;
}
.onsen_musume_warp .morebtn p {
    max-width: 100%;
    margin: 0px auto;
    box-sizing: border-box;
	width: 100%;
}
.onsen_musume_warp .morebtn_s a {
    width: 400px;
    margin: 0 auto;
}
@media screen and (max-width:1000px){
.onsen_musume_warp {
   padding: 5em 20px;
}
.suika, .satuki {
flex-wrap: wrap;
	padding: 40px 30px;
	margin: 6em 0;
}
.satuki .img_box{
	order: 1;
	}
.satuki .text_box{
	order: 2;
	}
.suika::after, .satuki::after {
    content: "";
    position: absolute;
    max-width: 100%;
    margin: 2em auto;
    background-color: #fff;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 15px;
    z-index: 1;
	padding: 2em 0;
}

.onsen_musume_warp .morebtn_s a {
    width: 80%;
    margin: 0 auto;
}
}


/*その他のバス------------------------------------------------------*/
.hotel_warp{
	background: url(images/bg_img02@2x.png),#ccd4e5;
	background-size: 50px ,cover;
}

.event_warp{
	background: url(images/bg_img03@2x.png),#F5F5F5;
	background-size: 50px ,cover;
}

.event_warp .column_1{
	flex-direction: column;
}

.column_1,.column_2{
	margin: 2.5em auto;
}

.column_1 .column_img,.column_2 .column_img{
	max-width: 417px;
	text-align: center;
}
.column_1 img,.column_2 img{
	width: 100%;
}
.column_1{
	max-width: 1000px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #fff;
	padding: 50px 30px;
	border-radius: 15px;
}
.column_text{
	max-width: 45%;
}
.column_text h6{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0.5em 0;
}
.column_text p{
	text-align: left;
	margin-top: 1em;
}
.column_text p:nth-of-type(2){
	font-weight: bold;
	font-size: 1.200em;
}
.column_2{
	max-width: 1000px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #fff;
	padding: 50px 30px;
	border-radius: 15px;
}
.column_2 .column_text{
	max-width: 45%;
	order: 1;
}
.column_2 .column_img{
	order: 2;
}

.column_text h6{
	font-weight: bold;
	font-size: 1.667em;
	margin: 0.5em 0 0.5em;
	position: relative;
	text-align: center;
}
/*
.column_text h6:before{
	content: '';
	position: absolute;
	bottom: -8px;
	display: inline-block;
	width: 40px;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
}
*/

.pink{
	color: #ec7393;
    font-size: 2em;
    font-weight: bold;
}
@media screen and (max-width:768px){
.hotel_warp, .event_warp{
padding: 5em 20px;
}
.column_1,.column_2{
	max-width: 100%;
	margin: 2em auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	padding: 2em 20px 2em;

}
.column_text{
	max-width: 100%;
}
.column_2 .column_text{
	max-width: 100%;
}
.column_1 .column_text,.column_2 .column_text{
	margin: 1em 0;
}
.column_2 .column_text{
	order: 2;
}
.column_1 .column_text{
	margin: 1em 0;
}
.column_1 .column_text img{
	width: 100%;
	margin: 0 0 0 -8px;
}
.column_2 .column_img{
	order: 1; 
	width: 100%;
}
.column_1 .column_img img,.column_2 .column_img img{
	order: 1;
	width: 100%;
	height: auto;
}
}

/* 戻るボタン
--------------------------------------------------------- */
.backbtn{
background: url(images/bg_img03@2x.png),#F5F5F5;
	background-size: 50px;
	text-align: center;
}
.backbtn p{
	max-width: 600px;
	margin: 0 auto;
	padding: 0 20px 4em;
	box-sizing: border-box;
/*	background-color: #fff;*/
}
.btn_box_s a {
    width: 100%;
/*    background-color: #1C273F;*/
    padding: 1em;
    color: #fff;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: 12px 20px;
    background-position: right 10px center;
    text-align: center;
    transition: opacity 0.3s ease 0s;
    box-sizing: border-box;
}
.jr a{
	background-color: #1C273F;
}
.pdf a{
	background-color: #1C273F;
	padding: 1em 1.8em;
	margin-top: 2em;
}
/* 詳しく見るボタン
--------------------------------------------------------- */
.morebtn{
	text-align: center;
	margin-top: 1.2em;
}
.morebtn p{
	max-width: 500px;
	margin: 10px auto;
	box-sizing: border-box;
	min-width: 430px;
}
.morebtn_s{

}
.morebtn_s a {
    width: 100%;
    background-color: #ec7393;
    padding: 0.7em;
    color: #fff;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: 12px 20px;
    background-position: right 10px center;
    text-align: center;
    transition: opacity 0.3s ease 0s;
    box-sizing: border-box;
	background-image: url(../../common/img/arrow_w_l.png);
	font-size:  1em;
}
.footer-line {
    background: url(images/titline-w-bt_btm.png) repeat-x center top;
    display: block;
    width: 100%;
    height: 5px;
}
.ouen{
	text-align: center;
	font-size: 1.2em;
	margin: 4em 0 0 0;
}
@media screen and (max-width:768px){
	.morebtn p{
	 width: 100%;
}
.morebtn_s a {
padding: 1.3em;
}
.morebtn p{
	margin: 10px auto;
	box-sizing: border-box;
	min-width: 100%;
}
}



/*施設サービスリスト*/

.service p{
	font-weight:bold;
}
.service ul{
	display: flex;
    flex-wrap: wrap;
}

.service ul li{
	padding: 5px 10px;
	border: solid 1px #FE4895;
	border-radius: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
}