@charset "UTF-8";

@import url(../../common/css/bg_pagetitle.css);
@import url(../../common/css/theme_reset_type01.css);

/* ============================
施設利用ページのCSS
-------------------------------
1.ページ共通のCSS
2.見出しの調整のCSS
3.表組のCSS
4.但書のCSS
5.旧ページ由来のCSS
6.画像と施設スペックのCSS
7.表題付き但書ブロックのCSS
8.ご利用上の注意のCSS
============================== */
/* ===========================
1.ページ共通のCSS
============================== */
#new-content-wrap #wide-main * {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#new-content-wrap #wide-main *, 
#new-content-wrap #wide-main *:before,
#new-content-wrap #wide-main *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/* リセット追加 */
#new-content-wrap #wide-main h4 {
	border-left: none;
	padding-left: 0;
	font-weight: normal;
}
#new-content-wrap #wide-main .top_section {
	margin-bottom: 20px;
}
#new-content-wrap #wide-main .level3_section {
	margin-bottom: 12px;
}
#new-content-wrap #wide-main h2 {
	color: #000;
	text-align: center;
}
#new-content-wrap #wide-main .under_h2 {
	color: #444;
	text-align: center;
}
#new-content-wrap #wide-main img {
	max-width: 100%;
	height: auto;
}
#new-content-wrap #wide-main .sp-m {
	display: none;
}
@media screen and (max-width: 480px){
	#new-content-wrap #wide-main .not-sp-xs {
		display: none;
	}
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
	#new-content-wrap #wide-main h2 {
		font-size:24px;
		font-size:2.4rem;
	}
	#new-content-wrap #wide-main .under_h2 {
		margin-bottom: 28px;
		font-size:14px;
		font-size:1.4rem;
		line-height: 1.5;
	}
}
@media screen and (min-width: 481px){
	#new-content-wrap #wide-main .top_section {
		margin-bottom: 32px;
	}
	#new-content-wrap #wide-main .top_section:last-of-type {
		margin-bottom: 20px;
	}
	#new-content-wrap #wide-main .level3_section {
		margin-bottom: 16px;
	}
	#new-content-wrap #wide-main .level3_section:last-of-type {
		margin-bottom: 12px;
	}
	#new-content-wrap #wide-main .sp-xs,
	#new-content-wrap #wide-main .not-sp-m {
		display: none;
	}
	#new-content-wrap #wide-main .sp-m {
		display: inline;
	}
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main .top_section {
		margin-bottom: 48px;
	}
	#new-content-wrap #wide-main .top_section:last-of-type {
		margin-bottom: 32px;
	}
	#new-content-wrap #wide-main .level3_section {
		margin-bottom: 32px;
	}
	#new-content-wrap #wide-main .level3_section:last-of-type {
		margin-bottom: 18px;
	}
	#new-content-wrap #wide-main h2 {
		font-size:40px;
		font-size:4rem;
	}
	#new-content-wrap #wide-main .under_h2 {
		margin-bottom: 48px;
		font-size:18px;
		font-size:1.8rem;
		line-height: 1.5;
	}
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main .under_h2 {
		line-height: 1.7;
	}
}
@media screen and (min-width: 881px){
	#new-content-wrap #wide-main .not-sp-m {
		display: inline;
	}
	#new-content-wrap #wide-main .sp-m {
		display: none;
	}
}
/* ===========================
2.見出しの調整のCSS
============================== */
#new-content-wrap #wide-main .tracking1000 {
	letter-spacing: 1em;
}
#new-content-wrap #wide-main h2 .underline {
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: #000 solid 4px;
}
#new-content-wrap #wide-main .tracking1000 .underline {
	padding-left: 1em;
}
#new-content-wrap #wide-main h3 {
	border-bottom: #1f6141 solid 3px;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 3px;
	margin-bottom: 8px;
	color: #000;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	#new-content-wrap #wide-main h3 {
		padding-bottom: 8px;
		margin-bottom: 12px;
	}
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main h2 {
		margin-bottom: 32px;
	}
	#new-content-wrap #wide-main h2 .underline {
		padding-bottom: 4px;
	}
	#new-content-wrap #wide-main h3 {
		font-size: 20px;
		font-size: 2rem;
		margin-bottom: 14px;
	}
}
@media screen and (min-width: 881px){
}
@media screen and (min-width: 1016px){
}
/* ===========================
3.表組のCSS
============================== */
#new-content-wrap #wide-main .table table {
	margin-bottom: 4px;
	border: #000 solid 4px;
	width: 100%;
	max-width: 640px;
	background-color: #000;
}
#new-content-wrap #wide-main .table table thead {
	border-bottom: #000 solid 3px;
}
#new-content-wrap #wide-main .table table th,
#new-content-wrap #wide-main .table table td {
	border: #000 solid 1px;
	padding: 4px 0.8em;
	background-color: #fff;
	color: #000;
	text-align: center;
}
#new-content-wrap #wide-main .table table th.first {
	background-color: #e8e8e8;
}
#new-content-wrap #wide-main .table table .br_4px {
	border-right: #000 solid 3px;
}
#new-content-wrap #wide-main .table table .bb_4px {
	border-bottom: #000 solid 3px;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	#new-content-wrap #wide-main .table table {
		margin-bottom: 6px;
	}
	#new-content-wrap #wide-main .table table th,
	#new-content-wrap #wide-main .table table td {
		font-size: 14px;
		font-size: 1.4rem;
	}
	
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main .table table thead {
		border-bottom: #000 solid 4px;
	}
	#new-content-wrap #wide-main .table table th,
	#new-content-wrap #wide-main .table table td {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 8px 0.8em;
	}
	#new-content-wrap #wide-main .table table .br_4px {
		border-right: #000 solid 4px;
	}
	#new-content-wrap #wide-main .table table .bb_4px {
		border-bottom: #000 solid 4px;
	}
}
@media screen and (min-width: 881px){
}
@media screen and (min-width: 1016px){
}
/* ===========================
4.但書のCSS
============================== */
#new-content-wrap #wide-main .note {
	color: #333;
	line-height: 1.5;
	text-indent: -2em;
	padding-left: 2em;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	#new-content-wrap #wide-main .note {
		line-height: 1.6;
	}
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main .note {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 881px){
	#new-content-wrap #wide-main .note {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
}
@media screen and (min-width: 1016px){
}
/* ===========================
5.旧ページ由来のCSS
============================== */
/* ブロックと画像の幅適応 */
.btnBlock01{ width: 100% !important; }
.section01{ width: 100% /*!important*/; }
.section01 img{ width: 100%; }
/* 定義リスト */
.dlList { border: none /*!important*/; text-align: center; }
.dlList dl{ border: 1px solid #436909; display: inline-block; width: 19%; }
.dlList dl dt{ text-align: left; }
.dlList dl dd{ text-align: right; padding: 0 10px /*!important*/; }

/* ===========================
6.画像と施設スペックのCSS
============================== */
#new-content-wrap #wide-main .level3_section.facilspec_area {
	margin-bottom: 16px;
}
#new-content-wrap #wide-main .facilspec_area .dlList02 {
	text-align: left;
	width: 100%;
	border: #444 1px solid;
	margin: 12px auto 0;
	padding: 20px 20px;
	color: #000;
}
#new-content-wrap #wide-main .facilspec_area .dlList02 dl {
	display: inline-block;
	border: none;
	width: 48%;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7142857;
}
#new-content-wrap #wide-main .facilspec_area .dlList02 dl dt {
	display: inline-block;
}
#new-content-wrap #wide-main .facilspec_area .dlList02 dl dt::after {
	content:"：";
}
#new-content-wrap #wide-main .facilspec_area .dlList02 dl dd {
	display: inline-block;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
	#new-content-wrap #wide-main .level3_section.facilspec_area {
		margin-bottom: 20px;
	}
	#new-content-wrap #wide-main .facilspec_area .dlList02 {
		width: 430px;
	}
	#new-content-wrap #wide-main .facilspec_area .dlList02 dl {
		
	}
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main .level3_section.facilspec_area {
		margin-bottom: 30px;
	}
	#new-content-wrap #wide-main .facilspec_area .dlList02 {
		margin-top: 24px;
		width: 514px;
	}
	#new-content-wrap #wide-main .facilspec_area .dlList02 dl {
		width: 32%;
	}
}
@media screen and (min-width: 881px){
	#new-content-wrap #wide-main .level3_section.facilspec_area {
		margin-bottom: 40px;
	}
	#new-content-wrap #wide-main .facilspec_area .dlList02 {
		margin-top: 24px;
		padding: 20px 32px;
		width: 598px;
	}
	#new-content-wrap #wide-main .facilspec_area .dlList02 dl {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.875;
	}
}
@media screen and (min-width: 1016px){
}


/* 20250806追加 */

#new-content-wrap #wide-main .attention_box{
	text-align: left;
	width: 100%;
	border: #444 1px solid;
	margin: 12px auto 0;
	padding: 20px 20px;
	font-size: 1.6rem;
	color: #f00;
}
@media screen and (min-width: 481px){
	#new-content-wrap #wide-main .attention_box{
		width: 430px;
	}
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main .attention_box{
		margin-top: 24px;
		width: 514px;
	}
}
@media screen and (min-width: 881px){
	#new-content-wrap #wide-main .attention_box{
		margin-top: 24px;
		padding: 20px 32px;
		width: 598px;
	}
}


/* ===========================
7.表題付き但書ブロックのCSS
============================== */
#new-content-wrap #wide-main .level4_section {
	font-size: 14px;
	font-size: 1.4rem;
	color: #000;
}
#new-content-wrap #wide-main .level4_section:first-of-type {
	margin-top: 16px;
}
#new-content-wrap #wide-main .level4_section h4 {
	font-size: 14px;
	font-size: 1.4rem;
}
#new-content-wrap #wide-main .level4_section .level4_right {
	padding-left: 20px;
}
#new-content-wrap #wide-main .level4_section p {
	line-height: 1.5;
}
#new-content-wrap #wide-main .level4_section .alt_ol li {
	list-style: none;
	margin-left: 0;
	padding-left: 2em;
	text-indent: -2em;
	line-height: 1.5;
}
#new-content-wrap #wide-main .level4_section .alt_ol li .num {
	display: inline-block;
	width: 2em;
	padding-left: 2em;
}
#new-content-wrap #wide-main .level4_section .alt_ol li .inquire_address {
	display: inline-block;
	padding-left: 2em;
	width: 0.5em;
}
#new-content-wrap #wide-main .level4_section .alt_ol li .address_head {
	display: inline-block;
	padding-left: 4em;
}
#new-content-wrap #wide-main .level5_section {
	margin-top: 1em;
	padding-left: 20px;
	font-size: 14px;
	font-size: 1.4rem;
}
#new-content-wrap #wide-main .level5_section h5 {
	margin-bottom: 0.5em;
	text-align: left;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
#new-content-wrap #wide-main .level5_section p {
	line-height: 1.5;
}
#new-content-wrap #wide-main .level5_section p.txt {
	color: #000;
}
#new-content-wrap #wide-main .level5_section p.note {
	font-size: 12px;
	font-size: 1.2rem;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main .level4_section {
		display: table;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	#new-content-wrap #wide-main .level4_section:first-of-type {
		margin-bottom: 1em;
	}
	#new-content-wrap #wide-main .level4_section h4,
	#new-content-wrap #wide-main .level4_section .level4_right {
		display: table-cell;
		width: auto;
	}
	#new-content-wrap #wide-main .level4_section h4 {
		padding-left: 2em;
		width: 10.5em;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	#new-content-wrap #wide-main .level4_section p {
		line-height: 1.8;
	}
	
	#new-content-wrap #wide-main .level4_section .level4_right {
		padding-right: 1em;
	}
	#new-content-wrap #wide-main .level4_section .alt_ol li {
		line-height: 1.8;
	}
	#new-content-wrap #wide-main .level4_section .level4_right .num01 {
		margin-bottom: 1em;
	}
	#new-content-wrap #wide-main .level4_section .note {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	#new-content-wrap #wide-main .level5_section {
		padding-left: 2em;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	#new-content-wrap #wide-main .level5_section h5 {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	#new-content-wrap #wide-main .level5_section p {
		line-height: 1.8;
	}
	#new-content-wrap #wide-main .level5_section p.note {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
	}
}
@media screen and (min-width: 881px){
	#new-content-wrap #wide-main .level4_section {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#new-content-wrap #wide-main .level4_section h4 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#new-content-wrap #wide-main .level4_section .note {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#new-content-wrap #wide-main .level5_section {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#new-content-wrap #wide-main .level5_section h5 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#new-content-wrap #wide-main .level5_section p.note {
		font-size: 15px;
		font-size: 1.5rem;
	}
}
@media screen and (min-width: 1016px){
}
/* ===========================
8.ご利用上の注意のCSS
============================== */
#new-content-wrap #wide-main .h3_sec_content {
	margin-top: 16px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #000;
}
#new-content-wrap #wide-main .h3_sec_content ul li {
	margin-left: 1.5em;
	list-style: disc;
	line-height: 1.5;
}
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
}
@media screen and (min-width: 681px){
	#new-content-wrap #wide-main .h3_sec_content {
		font-size: 15px;
		font-size: 1.5rem;
	}
	#new-content-wrap #wide-main .h3_sec_content ul {
		margin-left: 1em;
		margin-right: 1em;
	}
	#new-content-wrap #wide-main .h3_sec_content ul li {
		line-height: 1.8;
	}
}
@media screen and (min-width: 881px){
	#new-content-wrap #wide-main .h3_sec_content {
		font-size: 16px;
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 1016px){
}
/* ===========================
ブレイクポイントセット
============================== */
@media screen and (max-width: 680px){/* スマホ用のみの共通 */
}
@media screen and (min-width: 481px){
}
@media screen and (min-width: 681px){
}
@media screen and (min-width: 881px){
}
@media screen and (min-width: 1016px){
}