@charset "utf-8";

/** ミナミ */
div.shop1 h4, div.shop1 a{
	color:#e8887d;
}

/** キタ */
div.shop2 h4, div.shop2 a{
	color:#e6b000;
}

/** 天王寺・新世界 */
div.shop3 h4, div.shop3 a{
	color:#cf5d92;
}

/** 大阪城 */
div.shop5 h4, div.shop5 a{
	color:#b3c242;
}

/** ベイ */
div.shop7 h4, div.shop7 a{
	color:#35b1b5;
}

/** 万博 */
div.shop10 h4, div.shop10 a{
	color:#67ab33;
}

/** 各エリアの最後の行のborder-bottomは消す */
div.tempo div:last-child .tempo_body_left, div.tempo div:last-child .tempo_body_right {
	border-bottom: none;
}

/* --- SP ---------- */
@media print, screen and (max-width: 740px) {

	div#facility_contents{
		width: 100%;
		margin: 0 auto;
		padding: 15px 0 25px 0;
	}

	div.facility_contents_wrap{
		width: 98%;
		margin: 0 auto;
	}

	div.contents_title_service{
		width: 100%;
		margin: 0;
		padding: 15px 0;
		text-align: center;
	}

	div.facility_service{
		width: 280px;
		margin: 0 auto;
	}

	div.title_facility{
		width: 98%;
		margin: 25px auto;
	}

	div.facility_contents_body{
		width: 100%;
		margin: 0 auto;
		background: #fff;
	}

	div.facility_contents_text{
		width: 96%;
		margin: 0 auto;
		padding: 10px 2%;
	}

	div.facility_contents_text p{
		word-wrap: break-word;
	}

	div.facility_contents_body h3{
		font-size: 180%;
		line-height:1.4;
	}

	div.facility_contents_btn{
		width: 98%;
		padding-right: 1%;
		padding-left: 1%;
	}

	div.facility_contents_btn h3.btn{
		width: 21%;
		max-width: 105px;
		padding-right: 2%;
		padding-left: 2%;
		float: left;
	}

	div.facility_contents_btn a{
		transition: 0.3s;
	}

	div.facility_contents_btn a:hover{
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}

	div.free{
		width: 98%;
		margin: 0 auto;
		border: 1px solid #00A6CA;
		line-height: 160%;
	}

	div.free_body{
	}


	div.free_body_left{
		width: 98%;
		background-color: #f5ffff;
		padding: 5px 1%;
		font-size: 100%;
		color: #D95B72;
		font-weight: bold;
		text-align: left;
		border-bottom: 1px dotted #00A6CA;
	}

	div.free_body_left a{
		color: #00A6CA;
	}

	div.free_body_left span.small{
		font-size: 7.5pt;
		font-weight: normal;
	}

	div.free_body_right{
		width: 98%;
		padding: 5px 1%;
		font-size: 85%;
		border-bottom: 1px solid #00A6CA;
	}

	img.ic_limit{
		position: relative;
		top: 5px;
	}

	div.free_body_left img{
		position: relative;
		top: 5px;
	}

	div.free_body_right img{
		position: relative;
		top: 2px;
	}

	h3.free_title{
		font-size: 15pt;
		color: #00A6CA;
		padding-top: 25px !important;
		padding-bottom: 15px !important;
		font-weight: normal;
	}

	h3.free_title .icon{
		vertical-align: -5pt;
		margin-left: 10px;
	}

	.discount_fee .free{
		border: 1px solid #008ABA;
	}

	.discount_fee div.free_body_left{
		border-bottom: 1px dotted #008ABA;
	}

	.discount_fee div.free_body_left a{
		color: #008ABA;
	}

	.discount_fee div.free_body_right{
		border-bottom: 1px solid #008ABA;
	}

	.discount_fee h3.free_title{
		color: #008ABA;
	}

	div.detail{
		width: 98%;
		margin: 0 auto;
		border: 1px solid #ddd;
		line-height: 160%;
	}

	div.detail_body{
		border-bottom: 1px dotted #ddd;
	}

	div.detail_body.bg{
		border-bottom: 1px dotted #ddd;
		background: #F7F7F4;
	}

	div.detail_body_end.bg{
		background: #F7F7F4;
	}

	div.detail_body_left{
		width: 60px;
		border-right: 1px dotted #ddd;
		padding: 5px 10px;
		display: table-cell;
		vertical-align: middle;
		/display: inline;
		/zoom: 1;
		font-size: 100%;
		color: #504738;
		text-align: center;
	}

	div.detail_body_right{
		padding: 5px 10px;
		display: table-cell;
		vertical-align: middle;
		/display: inline;
		/zoom: 1;
	}

	.gmap{
		margin: 20px auto;
/*		max-width: 675px;*/
		width: 100%;
		height: 400px;
	}

	div#facility_footer{
		width: 100%;
		padding: 50px 0;
	}

	div.facility_footer_wrap{
		max-width: 1200px;
		margin: 0 auto;
	}

	div.facility_footer_menu{
		max-width: 480px;
		width: 100%;
	}

	div#facility_footer_slider{
		max-width: 1200px;
		margin: 0 auto;
	}

	div#item{
		position: relative;
		width: 47%;
		margin: 15px 1.5%;
		height: auto;
		background: #fff;
		float: left;
	}

	div.facility_footer_btn:before{
		content: "";
		display: block;
		padding-top: 100%;
	}

	div.facility_footer_btn a{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	div.facility_footer_btn a:hover{
		background: #fff1cf;
		text-decoration: none;
	}

	.discount_fee div.facility_footer_btn a:hover{
		background: #eaf4fc;
	}

	div.facility_footer_btn h4{
		font-size: 8pt;
		line-height: 1.5em;
	}



	h4.tempo_area{
		font-size: 120%;
		color: #c97586;
	}

	div.tempo{
		width: 98%;
		margin: 0 auto;
		border: 1px solid #e198b4;
		line-height: 160%;
		display: table;
		box-sizing: border-box;
		table-layout: fixed;
		border-collapse: collapse;
	}

	div.tempo img{
		max-width: 100%;
		width: auto;
		height: auto;
	}

	div.tempo_body{
		display: table-row;
	}


	div.tempo_body_left{
		width: 100%;
/*		border-right: 1px dotted #e198b4;*/
		padding: 10px 1.5%;
		display: block;
		vertical-align: top;
		box-sizing: border-box;
		border-bottom: 1px dotted #e198b4;
	}

	div.tempo_body_right{
		width: 100%;
		padding: 10px 1.5%;
		display: block;
		vertical-align: top;
		box-sizing: border-box;
/*		border-bottom: 1px dotted #e198b4;*/
	}

	div.tempo_body .shop-right{
		margin-top: 10px;
	}

	div.tempo_body .shop-right a:nth-child(1){
		font-weight: bold;
	}

	div.facility_footer_btn h4{
		margin-top: 5px;
		padding: 0 1em;
	}

	/** ミナミ */
	div.shop1 div.tempo_body_left{
/*		border-right: 1px dotted #e8887d;*/
		border-bottom: 1px dotted #e8887d !important;
	}
	div.shop1 div.tempo_body_right{
/*		border-bottom: 1px dotted #e8887d;*/
	}
	div.shop1 div.tempo{
		border: 1px solid #e8887d;
	}
	div.shop1 div.tempo_body{
		border-bottom: 1px dotted #e8887d;
	}

	/** キタ */
	div.shop2 div.tempo_body_left{
/*		border-right: 1px dotted #e6b000;*/
		border-bottom: 1px dotted #e6b000 !important;
	}
	div.shop2 div.tempo_body_right{
/*		border-bottom: 1px dotted #e6b000;*/
	}
	div.shop2 div.tempo{
		border: 1px solid #e6b000;
	}
	div.shop2 div.tempo_body{
		border-bottom: 1px dotted #e6b000;
	}

	/** 天王寺 */
	div.shop3 div.tempo_body_left{
/*		border-right: 1px dotted #cf5d92;*/
		border-bottom: 1px dotted #cf5d92 !important;
	}
	div.shop3 div.tempo_body_right{
/*		border-bottom: 1px dotted #cf5d92;*/
	}
	div.shop3 div.tempo{
		border: 1px solid #cf5d92;
	}
	div.shop3 div.tempo_body{
		border-bottom: 1px dotted #cf5d92;
	}

	/** 大阪城 */
	div.shop5 div.tempo_body_left{
/*		border-right: 1px dotted #b3c242;*/
		border-bottom: 1px dotted #b3c242 !important;
	}
	div.shop5 div.tempo_body_right{
/*		border-bottom: 1px dotted #b3c242;*/
	}
	div.shop5 div.tempo{
		border: 1px solid #b3c242;
	}
	div.shop5 div.tempo_body{
		border-bottom: 1px dotted #b3c242;
	}

	/** ベイ */
	div.shop7 div.tempo_body_left{
/*		border-right: 1px dotted #35b1b5;*/
		border-bottom: 1px dotted #35b1b5 !important;
	}
	div.shop7 div.tempo_body_right{
/*		border-bottom: 1px dotted #35b1b5;*/
	}
	div.shop7 div.tempo{
		border: 1px solid #35b1b5;
	}
	div.shop7 div.tempo_body{
		border-bottom: 1px dotted #35b1b5;
	}

	/** 万博 */
	div.shop10 div.tempo_body_left{
/*		border-right: 1px dotted #67ab33;*/
		border-bottom: 1px dotted #67ab33 !important;
	}
	div.shop10 div.tempo_body_right{
/*		border-bottom: 1px dotted #67ab33;*/
	}
	div.shop10 div.tempo{
		border: 1px solid #67ab33;
	}
	div.shop10 div.tempo_body{
		border-bottom: 1px dotted #67ab33;
	}

	/** その他 */
	div.shop11 div.tempo_body_left{
/*		border-right: 1px dotted #000;*/
		border-bottom: 1px dotted #000 !important;
	}
	div.shop11 div.tempo_body_right{
/*		border-bottom: 1px dotted #000;*/
	}
	div.shop11 div.tempo{
		border: 1px solid #000;
	}
	div.shop11 div.tempo_body{
		border-bottom: 1px dotted #000;
	}

	div.facility_footer_btn h4{
		margin-top: 5px;
		padding: 0 1em;
	}

	.ic_limit{
		width: 20px;
	}

	.ic_new{
		width: 20px;
	}

}


/* --- PC ---------- */
@media print, screen and (min-width: 741px) {

	div#facility_contents{
		width: 100%;
		margin: 0 auto;
		padding: 25px 0 50px 0;
	}

	div.facility_contents_wrap{
		max-width: 1200px;
		margin: 0 auto;
		padding-left: 15px;
	}

	div.facility_contents_body{
		width: 86%;
		margin: 0 auto;
		background: #fff;
		float: left;
	}

	div.contents_title_service{
		width: 86%;
		margin: 0;
		padding: 25px 0;
		text-align: center;
	}

	div.facility_service{
		width: 280px;
		margin: 25px auto;
	}

	div.title_facility{
		max-width: 920px;
		margin: 0 auto 25px auto;
	}


	div.facility_contents_text{
		width: 84%;
		margin: 0 auto;
		padding: 50px 8%;
		background: #fff;
	}

	div.facility_contents_body h3{
		font-size: 180%;
		line-height:1.5;
	}

	div.facility_contents_btn h3.btn:first-child{
		margin-top: 0;
		padding-top: 0;
	}

	div.facility_contents_btn a{
		transition: 0.3s;
	}

	div.facility_contents_btn a:hover{
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}

	div.free{
		width: 98%;
		margin: 0 auto;
		border: 1px solid #00A6CA;
		line-height: 160%;
		display: table;
	}

	div.free_body{
		display: table-row;
	}


	div.free_body_left{
		width: 47%;
		border-right: 1px dotted #00A6CA;
		background-color: #f5ffff;
		padding: 5px 1%;
		display: table-cell;
		vertical-align: middle;
		/display: inline;
		/zoom: 1;
		font-size: 120%;
		color: #D95B72;
		font-weight: bold;
		text-align: left;
		border-bottom: 1px dotted #00A6CA;
	}

	div.free_body_left a{
		color: #00A6CA;
	}

	div.free_body_left span.small{
		font-size: 7.5pt;
		font-weight: normal;
	}

	div.free_body_right{
		width: 48%;
		padding: 5px 1%;
		display: table-cell;
		vertical-align: middle;
		/display: inline;
		/zoom: 1;
		font-size: 85%;
		border-bottom: 1px dotted #00A6CA;
	}

	img.ic_limit{
		position: relative;
		top: 5px;
	}

	div.free_body_left img{
		position: relative;
		top: 5px;
	}

	div.free_body_right img{
		position: relative;
		top: 2px;
	}

	h3.free_title{
		font-size: 15pt;
		color: #00A6CA;
		padding-top: 25px !important;
		padding-bottom: 15px !important;
		font-weight: normal;
	}

	h3.free_title .icon{
		vertical-align: -5pt;
		margin-left: 10px;
	}

	.discount_fee .free{
		border: 1px solid #008ABA;
	}

	.discount_fee div.free_body_left{
		border-right: 1px dotted #008ABA;
		border-bottom: 1px dotted #008ABA;
	}

	.discount_fee div.free_body_left a{
		color: #008ABA;
	}

	.discount_fee div.free_body_right{
		border-bottom: 1px dotted #008ABA;
	}

	.discount_fee h3.free_title{
		color: #008ABA;
	}

	div.detail{
		width: 98%;
		margin: 0 auto;
		border: 1px solid #ddd;
		line-height: 160%;
	}

	div.detail_body{
		border-bottom: 1px dotted #ddd;
	}

	div.detail_body.bg{
		border-bottom: 1px dotted #ddd;
		background: #F7F7F4;
	}

	div.detail_body_end.bg{
		background: #F7F7F4;
	}

	div.detail_body_left{
		width: 100px;
		border-right: 1px dotted #ddd;
		padding: 10px 25px;
		display: table-cell;
		vertical-align: middle;
		/display: inline;
		/zoom: 1;
		font-size: 100%;
		color: #504738;
		text-align: center;
	}

	div.detail_body_right{
		padding: 10px 15px;
		display: table-cell;
		vertical-align: middle;
		/display: inline;
		/zoom: 1;
	}

	.gmap{
		margin: 20px auto;
/*		max-width: 675px;*/
		width: 100%;
		height: 400px;
	}

	div#facility_footer{
		width: 100%;
		padding: 50px 0;
	}

	div.facility_footer_wrap{
		max-width: 1200px;
		margin: 0 auto;
	}

	div.facility_footer_menu{
		max-width: 480px;
		width: 100%;
	}

	div#facility_footer_slider{
		max-width: 1200px;
		margin: 0 auto;
	}

	div#item{
		position: relative;
		width: 22%;
		margin: 15px 1.5%;
		height: auto;
		background: #fff;
		float: left;
	}

	div.facility_footer_btn:before{
		content: "";
		display: block;
		padding-top: 100%;
	}

	div.facility_footer_btn a{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	div.facility_footer_btn a:hover{
		background: #fff1cf;
		text-decoration: none;
	}

	.discount_fee div.facility_footer_btn a:hover{
		background: #eaf4fc;
	}


	h4.tempo_area{
		font-size: 120%;
	}

	div.tempo{
		width: 98%;
		margin: 0 auto;
/*		line-height: 160%;*/
		display: table;
		box-sizing: border-box;
		table-layout: fixed;
		border-collapse: collapse;
	}

	div.tempo img{
		max-width: 100%;
		width: auto;
		height: auto;
	}

	div.tempo_body{
		display: table-row;
	}

	div.tempo_body_left{
		width: 100%;
		padding: 10px 1.5%;
		display: block;
		vertical-align: top;
		box-sizing: border-box;
	}

	div.tempo_body_right{
		width: 100%;
		padding: 10px 1.5%;
		display: block;
		vertical-align: top;
		box-sizing: border-box;
	}

	div.tempo_body .shop-left{
		display: inline-block;
		width: 20%;
		vertical-align: top;
		margin-right: 2%;
	}

	div.tempo_body .shop-right{
		display: inline-block;
		width: 66%;
	}

	div.tempo_body .shop-right a:nth-child(1){
		font-weight: bold;
	}

	div.tempo_body p.tel, div.tempo_body p.privilege {
		margin: 5px 0;
	}

	/** ミナミ */
	div.shop1 div.tempo_body_left{
/*		border-right: 1px dotted #e8887d;*/
		border-bottom: 1px dotted #e8887d !important;
	}
	div.shop1 div.tempo_body_right{
/*		border-bottom: 1px dotted #e8887d;*/
	}
	div.shop1 div.tempo{
		border: 1px solid #e8887d;
	}
	div.shop1 div.tempo_body{
		border-bottom: 1px dotted #e8887d;
	}

	/** キタ */
	div.shop2 div.tempo_body_left{
/*		border-right: 1px dotted #e6b000;*/
		border-bottom: 1px dotted #e6b000 !important;
	}
	div.shop2 div.tempo_body_right{
/*		border-bottom: 1px dotted #e6b000;*/
	}
	div.shop2 div.tempo{
		border: 1px solid #e6b000;
	}
	div.shop2 div.tempo_body{
		border-bottom: 1px dotted #e6b000;
	}

	/** 天王寺 */
	div.shop3 div.tempo_body_left{
/*		border-right: 1px dotted #cf5d92;*/
		border-bottom: 1px dotted #cf5d92 !important;
	}
	div.shop3 div.tempo_body_right{
/*		border-bottom: 1px dotted #cf5d92;*/
	}
	div.shop3 div.tempo{
		border: 1px solid #cf5d92;
	}
	div.shop3 div.tempo_body{
		border-bottom: 1px dotted #cf5d92;
	}

	/** 大阪城 */
	div.shop5 div.tempo_body_left{
/*		border-right: 1px dotted #b3c242;*/
		border-bottom: 1px dotted #b3c242 !important;
	}
	div.shop5 div.tempo_body_right{
/*		border-bottom: 1px dotted #b3c242;*/
	}
	div.shop5 div.tempo{
		border: 1px solid #b3c242;
	}
	div.shop5 div.tempo_body{
		border-bottom: 1px dotted #b3c242;
	}

	/** ベイ */
	div.shop7 div.tempo_body_left{
/*		border-right: 1px dotted #35b1b5;*/
		border-bottom: 1px dotted #35b1b5 !important;
	}
	div.shop7 div.tempo_body_right{
/*		border-bottom: 1px dotted #35b1b5;*/
	}
	div.shop7 div.tempo{
		border: 1px solid #35b1b5;
	}
	div.shop7 div.tempo_body{
		border-bottom: 1px dotted #35b1b5;
	}

	/** 万博 */
	div.shop10 div.tempo_body_left{
/*		border-right: 1px dotted #67ab33;*/
		border-bottom: 1px dotted #67ab33 !important;
	}
	div.shop10 div.tempo_body_right{
/*		border-bottom: 1px dotted #67ab33;*/
	}
	div.shop10 div.tempo{
		border: 1px solid #67ab33;
	}
	div.shop10 div.tempo_body{
		border-bottom: 1px dotted #67ab33;
	}

	/** その他 */
	div.shop11 div.tempo_body_left{
/*		border-right: 1px dotted #000;*/
		border-bottom: 1px dotted #000 !important;
	}
	div.shop11 div.tempo_body_right{
/*		border-bottom: 1px dotted #000;*/
	}
	div.shop11 div.tempo{
		border: 1px solid #000;
	}
	div.shop11 div.tempo_body{
		border-bottom: 1px dotted #000;
	}

	div.facility_footer_btn h4{
		margin-top: 5px;
		padding: 0 1em;
	}

}

/* --- PC ---------- */
@media screen and (min-width: 741px) {
	div.facility_contents_btn{
		max-width: 105px;
		width: 12%;
		padding-right: 1%;
		padding-left: 1%;
		float: right;
	}
}
@page {
	margin: 12.7mm 9.7mm;
}
@media print {
	div.contents_title_service, div.facility_contents_btn, div.title_facility, div#pankuzu{
		display:none;
	}

	#facility_contents .tempo_fee div.facility_contents_body {
		width: 100%;
	}
	div.facility_contents_text {
		padding:0;
	}
	div#facility_contents {
		padding:0;
		margin:0;
	}
	div.tempo_body .shop-left {
		margin-top:5px;
	}
	div.tempo_body .shop-right {
		margin:0px;
	}
	div.facility_contents_text {
		margin:0;
		width: 100%;
	}

	#facility_contents .tempo_fee h4 {
		margin:5px auto;
	}

	#facility_contents .tempo_fee .shop1 h4 {
		margin-top:0;
	}

	#facility_contents .tempo_fee .tempo_body_left, #facility_contents .tempo_fee .tempo_body_right {
		padding:5px;
	}
}

@media print, screen and (min-width: 741px) and (max-width: 980px) {

	div.facility_footer_btn h4{
		font-size: 1.5vw;
		line-height: 1.5em;
	}

}

@media print, screen and (min-width: 981px){

	div.facility_footer_btn h4{
		font-size: 12pt;
	}

}


.free_fee div.facility_contents_body h3{
	color: #00A6CA;
	line-height:1.4;
}

.free_fee a h4{
	color: #00A6CA;
}


.free_fee span.num{
	background: #00A6CA;
	padding: 1px;
	font-size: 90%;
	margin-right: 1px;
	color: #fff;
}

.discount_fee div.facility_contents_body h3{
	color: #008ABA;
}

.discount_fee a h4{
	color: #008ABA;
}


.discount_fee span.num{
	background: #008ABA;
	padding: 1px;
	font-size: 90%;
	margin-right: 1px;
	color: #fff;
}


.tempo_fee div.facility_contents_body h3{
	color: #c97586;
}

.tempo_fee a h4{
	color: #c97586;
}

.tempo_fee span.num{
	background: #c97586;
	padding: 1px;
	font-size: 90%;
	margin-right: 1px;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

div.detail_body_right.url{
	word-break: break-all;
}

span.num{
	white-space: nowrap;
}