@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  enjoy.css
 style info :  楽しむ 共通スタイル
=================================================================== */

/* ===================================================================
		enjoy
=================================================================== */
#hap-page-migrate {
	background: #fff;

	*{
		box-sizing: content-box;
	}

	#main #article{
		float: none;
		margin-inline: auto;
		padding: 0;
	}
	#main #article .section{
		margin-bottom:25px;
	}
	#main #article .section.bottom{
		margin-bottom:15px;
	}

	#main #article h1.title_enjoy {
		background: url(/ja/spend/enjoy/img/ico-enjoy.gif) top left no-repeat;
		padding-left: 42px;
			font-size: 209%;
			font-weight: normal;
	}
	/*  air_area
	----------------------------------------*/
	#main #article .section .normal_title{
		margin-bottom:4px;
	}
	#air_area .section{
		margin-top:28px;
	}
	/*  spa
	----------------------------------------*/
	#spa{
		background: url(/ja/new-chitose/assets/pages/spend/relax/spa/images/bg.gif) top center repeat-y;
	}
	#spa .section{
		width:675px!important;
		margin:0 auto;
		padding:15px 0 0;
	}
	#spa p.title_spa{
		margin-bottom:0;
	}
	#spa .title_con dl {
		width:675px;
		margin:0 auto;
		padding:5px 0 15px;
	}
	#spa .title_con dl:after {
		content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
	}
	#spa .title_con dt{
		width:240px;
		float:left;	
	}
	#spa .title_con dd{
		width:435px;
		float:left;
		font-size:150%;
		font-weight:bold;
		padding-top:15px;
	}
	#spa_area{
		background: url(/ja/new-chitose/assets/pages/spend/relax/spa/images/bg02.gif) top center repeat-y;
		width:635px;
		margin:0 auto;
		padding:27px 20px 1px;
	}
	#spa_area .spa_list {
		width:635px;
	}
	#spa_area .spa_list:after {
		content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
	}
	#spa_area .spa_list dl{
		float:left;
		margin-top:10px;
	}
	#spa_area .spa_list dl.right{
		float:right;
	}
	#spa_area .spa_list dd{
		text-align:right;
		margin-top:5px;
	}
	#spa_area p.con{
		margin-top:5px;
	}

	#spa_time{
		font-size:80%
	}


	.spa_mess{
		border:#e6d6ae solid 8px;
		background:#FFF;
		margin-top:11px;
		margin-bottom:20px;
	}
	.spa_mess.bottom02{
		margin-bottom:30px;
	}
	.spa_mess .spa_list_con{
		padding:7px 15px 20px;
		width:629px;
	}
	.spa_mess .spa_list_con.bottom{
		padding:7px 15px 15px;
	}
	.spa_mess .spa_list_con:after {
		content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
	}
	.spa_mess .spa_list_left{
		width:280px;
		float:left;
	}
	.spa_mess h4{
		background: url(/ja/new-chitose/assets/pages/spend/relax/spa/images/bg-money.gif) left no-repeat;
		padding-left:20px;
		padding-top:3px;
		color:#df2462;
		font-size:117%;
		font-weight:bold;
		margin-top:15px;
		min-height:20px;
	}


	.spa_mess .spa_list_con ul{
		margin-top:4px;
	}
	.spa_mess .spa_list_con li{
		padding-left:10px;
	}
	.spa_mess .spa_list_con li.line{
		background: url(/ja/new-chitose/assets/pages/spend/relax/spa/images/bg-line.gif) 3px 7px no-repeat;
	}
	.spa_mess .spa_list_con li.caution{
		font-size:90%;
		padding-top:5px;
		width:230px;
	}
	.fee_con{
		font-size:90%;
		padding-top:5px;
	}

	.spa_mess .spa_list_con li:after {
		content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
	}
	.spa_mess .spa_list_con li span.left{
		float:left;
	}
	.spa_mess .spa_list_con li span.right{
		float:left;
		width:80px;
		text-align:right;
	}
	.spa_mess .spa_list_con li span.w_1{
		width:140px
	}
	.spa_mess .spa_list_con li span.w_2{
		width:160px;
	}
	.spa_mess .spa_list_con li span.w_3{
		width:110px;
	}
	.spa_mess .spa_list_con li span.w_4{
		width:170px;
	}
	.spa_mess .spa_list_right{
		width:340px;
		float:left;
		padding-left:5px;
	}
	.spa_mess .spa_more{
		width:320px;
		border:#999999 solid 1px;
		padding:9px;
		margin-top:17px;
	}
	.spa_mess .spa_more:after {
		content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
	}
	.spa_mess .spa_more dl{
		float:left;
		width:185px;
	}
	.spa_mess .spa_more dt{
		font-size:117%;
		font-weight:bold;
		width:160px;
		line-height:1.4;
	}
	.spa_mess .spa_more dd{
		background: url(/ja/new-chitose/assets/pages/spend/relax/spa/images/bg-02.gif) left no-repeat;
		padding-left:15px;
		margin-top:10px;
	}
	.spa_mess .spa_more dd span{
		background: url(/ja/new-chitose/assets/pages/spend/relax/spa/images/bg-03.gif) right no-repeat;
		padding-right:15px;
	}
	.spa_mess .spa_more dd a{
		color:#0088dd;
		text-decoration:underline;
	}
	.spa_mess .spa_more dd a:hover{
		text-decoration:none;
	}
	.spa_mess .spa_more img{
		float:left;
		width:135px;
	}
	.spa_mess .bnr_box{
		width:340px;
		margin-top:15px;
		}
	.air_map {
		width:629px;
		margin:0; padding:0;
		zoom:1;
	}
	.air_map:after{
		content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
	}

	.air_map dl{
		display:block;
		width:325px;
		margin:0 0 12px; padding-top:8px;
		float:left;
	}
	.air_map p{
		width:290px;
		margin-bottom:5px;
		padding-top:10px;
		float:right;
	}
	.air_map dt{
		font-size:125%;
		background:url(/ja/new-chitose/assets/pages/spend/relax/spa/images/bg-line02.gif) 0 5px no-repeat;
		border-bottom:#e5e5e5 solid 1px;
		padding-left:17px;
		padding-bottom:5px;
		font-weight:bold;
	}
	.air_map dd{
		border-bottom:#e5e5e5 solid 1px;
		line-height:2.5;
		zoom:1;
	}
	.air_map dd:after{
		content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
	}
	.air_map dd span{
		display:block;
		width:80px;
		font-weight:bold;
		float:left;
	}

	.air_map dd.line2{
		padding:0.75em 0 0.5em;
	}
	.air_map dd.line2 span{
		display:inline-block;
		width:80px;
		line-height:1.2;
	}

	.air_map .floormap{
		width:152px;
		margin:0 0 0 173px;
	}

	.air_map .floormap a:hover{
		opacity:1.0;
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
	}
	/*
	.air_map .floormap a:hover img{
		opacity:0.6;
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
	}
	*/


	/* ===================================================================
			bnr_area
	=================================================================== */

	#main #article .section .bnr_area {
		width:725px;
	}
	#main #article .section .bnr_area li {
		width:235px;
		float:left;
		padding-right:10px;
	}
	#main #article .section .bnr_area li.edge {
		padding-right:0;
	}
	#main #article .section .bnr_area:after {
		content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
	}



	/* ===================================================================
			bnr_area
	=================================================================== */
	#spa .onsen_news {
		width:675px;
		margin:0 auto 10px auto;
		background-color:#f2f8d9;
	}

	#spa .onsen_news .onsen_news_title{
		width:635px;
		height:15px;
		padding:10px 0px 7px 10px;
		margin-left:10px;
		margin-bottom:5px;
		border-bottom:#d8c290 solid;
	}

	#spa .onsen_news .onsen_news_title h2{
		float:left;
	}

	#spa .onsen_news .onsen_news_title p{
		float:right;
	}

	#spa .onsen_news dl {
		display: grid;
		grid-template-columns: max-content 1fr;
		gap: 4px 16px;
		padding: 10px 10px;
	}

	#spa .onsen_news dl.listpd {
		padding:10px 0 10px;
	}

	#spa .onsen_news dt{
	}
	#spa .onsen_news dd{
		font-size:100%;
	}

	#spa .onsen_news dd a{
		text-decoration:underline;
		color:#C42124;
	}


	#spa .onsen_news dd a:hover{
		text-decoration: none;
		color:#C42124;
	}

	.pb10 {
		padding:20px 20px 10px 20px;
		font-size:110%;
	}

	#main #article h1.shop_title {
	width: 500px;
	}
}