body {
	font-family: 游ゴシック, メイリオ, "Meiryo UI", "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	color: #262626;
	width:100%;
	margin:0px auto;
}
a { 	color: #3072f5; text-decoration: none; }
a:hover { color:#3072f5; text-decoration:underline; }
p { margin:0px; padding:0px; }
img { border:0px; }
.clear-both { clear:both; }

/* 空白用 */
@media screen and (min-width: 769px){ /* 空白　パソコン用 */
	.pc-padding-top10 { padding-top:10px; }
	.pc-padding-top20 { padding-top:20px; }
	.pc-padding-top30 { padding-top:30px; }
	
	.sp-padding-top10 { padding-top:0px; }
	.sp-padding-top20 { padding-top:0px; }
	.sp-padding-top30 { padding-top:0px; }
}
@media screen and (max-width:768px){ /* 空白　スマホ用 */
	.pc-padding-top10 { padding-top:0px; }
	.pc-padding-top20 { padding-top:0px; }
	.pc-padding-top30 { padding-top:0px; }
	
	.sp-padding-top10 { padding-top:10px; }
	.sp-padding-top20 { padding-top:20px; }
	.sp-padding-top30 { padding-top:30px; }
}

/* HRライン用 */
@media screen and (min-width: 769px){ /* HRライン　パソコン用 */
	.hr-1 { border:1px #000 solid; }
}
@media screen and (max-width:768px){ /* HRライン　スマホ用 */
	.hr-1 { border:1px #000 solid; }
}



.pagetop { display: none; position: fixed; bottom: 10px; right: 30px; }
.pagetop a { display: block; }
.pagetop a:hover { display: block; }
.pagetop img { width:80%; height:auto; }

@media screen and (min-width: 769px){ /* 基本スタイル　パソコン用 */
	body { font-size:14px; }
	a:hover { cursor:pointer; }
	a:hover img { opacity:0.7; }
}
@media screen and (max-width:768px){ /* 基本スタイル　スマホ用 */
	body { font-size:16px; }
}


/*--------------------------------------------------------------------------------------------
	共通スタイル
--------------------------------------------------------------------------------------------*/
/* ヘッダー */
.head-container { width:100%; text-align:center; background:#0f341d; position:fixed; }

@media screen and (min-width: 769px){ /* 共通スタイル　パソコン用 */
	/* ヘッダーナビ */
	.h-pc-navi-container { width:100%; margin:0px auto; padding:0px; /*background:#373737;*/ background:#07421d; }
	.h-pc-navi-area { max-width:1024px; margin:0px auto; padding:0px; }
	.h-pc-navi-area table { width:100%; border-collapse:collapse; }
	.h-pc-navi-area table td { width:12.5%; border-left:1px #cccccc solid; border-right:1px #cccccc solid; color:#fff; text-align:center; font-size:80%; }
	.h-pc-navi-area table td a { display:block; color:#fff; border-top:4px #07421d solid; border-bottom:4px #07421d solid; }
	.h-pc-navi-area table td a:hover { border-bottom:5px #a40808 solid; display:block; text-decoration:none; color:#fff; }
	.h-pc-navi-font { font-size:150%; }
	
	.h-sp-navi-container { display:none; }
	
	/* フッダー */
	.fooder-container { width:100%; padding:80px 0px; background:#0f341d; color:#fff; text-align:center; line-height:2.2em; }
	.fooder-container a { color:#fff; }
	.fooder-container a:hover { text-decoration:none; }
	
	.fooder-sns { width:100%; max-width:1024px; margin:0px auto; padding:20px 0px; }
	.fooder-sns table { margin:0px auto; }
	.fooder-sns table td { vertical-align:top; text-align:center; padding:15px; }
	.fooder-sns table td img { width:32px; height:32px; }
		
	.copyright { width:100%; font-size:80%; background:#000; color:#fff; text-align:center; }
}
@media screen and (max-width:768px){ /* 共通スタイル　スマホ用 */
	/* ヘッダーナビ */
	.h-pc-navi-container { display:none; }
	
	.h-sp-navi-container { width:100%; margin:0px auto; padding:0px; background:#07421d; }
	.h-sp-navi-container table { width:100%; border-collapse:collapse; }
	.h-sp-navi-container table td { width:50%; border:1px #cccccc solid; font-size:80%; color:#fff; text-align:center; }
	.h-sp-navi-container table td a, .h-sp-navi-container table td a:hover { color:#fff; text-decoration:none; }
	.h-sp-navi-font { font-size:120%; }
	
	/* フッダー */
	.fooder-container { width:100%; padding:80px 0px; background:#0f341d; color:#fff; text-align:center; line-height:2.2em; }
	.fooder-container img { width:25%; height:auto; }
	.fooder-container a { color:#fff; }
	.fooder-container a:hover { text-decoration:none; }
		
	.fooder-sns { width:100%; margin:0px auto; padding:20px 0px; }
	.fooder-sns table { margin:0px auto; }
	.fooder-sns table td { vertical-align:top; text-align:center; padding:15px; }
	.fooder-sns table td img { width:32px; height:32px; }
	
	.copyright { width:100%; font-size:80%; background:#000; color:#fff; text-align:center; }
}


/*--------------------------------------------------------------------------------------------
	フォントスタイル
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* フォントスタイル　パソコン用 */
}
@media screen and (max-width:768px){ /* フォントスタイル　スマホ用 */
}


/*--------------------------------------------------------------------------------------------
	トップページスタイル
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* トップページスタイル　パソコン用 */
	/* メインイメージ */
	.tp-mainimg-container { width:100%; margin:0px auto; padding:0px; }
	.tp-mainimg-container img { width:100%; height:auto; }
	.tp-mainimg-sp-container { display:none; }
	
	/* インフォメーション */
	.tp-info-container { width:100%; padding-bottom:20px; border-bottom:30px #373737 solid; }
	.tp-info-title1 { font-size:340%; color:#292929; font-weight:bold; line-height:2em; text-align:center; }
	.tp-info-area { max-width:1024px; margin:0px auto; padding:0px; }
	.tp-info-area table { width:100%; max-width:960px; margin:0px auto; border-collapse:collapse; }
	.tp-info-area table tr { border-bottom:1px #cccccc dotted; }
	.tp-info-area table th { vertical-align:top; padding:3px 2px; color:#b90404; }
	.tp-info-area table td { padding:3px 2px; color:#666666; }
	
	/* 施設簡易案内 */
	.tp-about-container { width:100%; margin:0px auto; padding:0px; background-image:url('imgs/bk/main-bk_001.png'); background-attachment:fixed; }
	.tp-about-title1 { font-size:340%; color:#292929; font-weight:bold; line-height:2em; text-align:center; }
	.tp-about-area { width:100%; max-width:1024px; margin:0px auto; padding:10px 0px; line-height:1.9em; text-align:center; }
	.tp-about-area table { width:100%; border-collapse:collapse; }
	.tp-about-area table td { width:33%; padding:5px; }
	.tp-about-area table td img { width:100%; height:auto; border:4px #fff solid; }
	
	.tp-about-area button { margin:10px 0px; padding:10px; text-align:center; width:30%; background:#333333; color:#fff; border:1px #333333 solid; border-radius:10px; }
	.tp-about-area button a { color:#fff; display:block; }
	.tp-about-area button a:hover { text-decoration:none; color:#e02f00; }
	
	/* カレンダー */
	.tp-calendar-container { width:100%; }
	.tp-calendar-title1 { font-size:340%; color:#292929; font-weight:bold; line-height:2em; text-align:center; }
	.tp-calendar-area { width:100%; max-width:1024px; margin:0px auto; padding:0px; text-align:center; }
	.tp-calendar-area iframe { width:100%; height:600px; }
}
@media screen and (max-width:768px){ /* トップページスタイル　スマホ用 */
	/* メインイメージ */
	.tp-mainimg-container { display:none; }
	.tp-mainimg-sp-container { width:100%; margin:0px auto; padding:30px 0px 0px 0px; }
	.tp-mainimg-sp-container img { width:100%; height:auto; }
	
	/* インフォメーション */
	.tp-info-container { width:100%; margin-bottom:20px; }
	.tp-info-title1 { font-size:240%; color:#292929; font-weight:bold; line-height:2em; text-align:center; }
	.tp-info-area { width:100%; margin:0px auto; padding:0px; }
	.tp-info-area table { width:100%; margin:0px auto; border-collapse:collapse; }
	.tp-info-area table tr { border-bottom:1px #cccccc dotted; }
	.tp-info-area table th { vertical-align:top; padding:1px 1px; color:#b90404; display:block; }
	.tp-info-area table td { padding:1px 1px 1px 6px; color:#666666; display:block; }
	
	/* 施設簡易案内 */
	.tp-about-container { width:100%; margin:0px auto; padding:0px; background-image:url('imgs/bk/main-bk_001.png'); background-attachment:fixed; }
	.tp-about-title1 { font-size:240%; color:#292929; font-weight:bold; line-height:2em; text-align:center; }
	.tp-about-area { width:100%; max-width:1024px; margin:0px auto; padding:10px 0px; line-height:1.9em; }
	.tp-about-area table { width:100%; border-collapse:collapse; }
	.tp-about-area table td { width:33%; padding:5px; }
	.tp-about-area table td img { width:100%; height:auto; border:4px #fff solid; }
	
	.tp-about-area button { margin:10px; padding:10px; text-align:center; width:95%; background:#333333; color:#fff; border:1px #333333 solid; border-radius:10px; }
	.tp-about-area button a { color:#fff; display:block; }
	.tp-about-area button a:hover { text-decoration:none; color:#e02f00; }
	
	/* カレンダー */
	.tp-calendar-container { width:100%; }
	.tp-calendar-title1 { font-size:240%; color:#292929; font-weight:bold; line-height:2em; text-align:center; }
	.tp-calendar-area { width:100%; max-width:1024px; margin:0px auto; padding:0px; text-align:center; }
	.tp-calendar-area iframe { width:100%; height:400px; }
}
/*--------------------------------------------------------------------------------------------
	ページ共通スタイル
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* パソコン用 */
	.page-title-container { width:100%; max-width:1024px; margin:0px auto; padding:0px; font-size:280%; font-weight:bold; line-height:2.1em; }
	.page-container { width:100%; background-image:url('imgs/bk/main-bk_002.png'); background-attachment:fixed; background-size:cover; }
	.page-area { width:100%; max-width:1024px; margin:0px auto; padding:0px; /*background:#fff;*/ background-image:url('imgs/bk/main-bk_003.png'); background-position:center center; background-attachment:fixed; background-size:cover; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.page-title-container { width:100%; margin:0px auto; padding:0px; font-size:200%; font-weight:bold; line-height:2.1em; text-align:center; }
	.page-title-container img { width:20%; height:auto; }
	.page-container { width:100%; }
	.page-area { width:100%; margin:0px auto; padding:0px; background:#ebebeb; }
}

/*--------------------------------------------------------------------------------------------
	施設
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* パソコン用 */
	.play-container { width:100%; margin:0px auto; padding:15px; font-size:110%; line-height:2.2em; font-weight:bold; }
	.play-container table { width:100%; margin:0px auto; padding:15px 0px; text-align:center; border-collapse:collapse; }
	.play-container table td { padding:10px; }
	.play-container table td img { border:4px #fff solid; width:100%; height:auto; }
	.play-container iframe { width:100%; height:600px; }

	.play-title1 { font-size:160%; }
	
	.play-facility { width:100%; max-width:1024px; margin:0px auto; padding:10px 30px; font-size:120%; }
	.play-facility table { width:100%; margin:0px auto; border-collapse:collapse; }
	.play-facility table tr { border-bottom:1px #cccccc dotted;}
	.play-facility table th { width:15%; vertical-align:top; padding:5px 10px; }
	.play-facility table td { padding:5px 10px; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.play-container { width:100%; margin:0px auto; padding:15px; font-size:110%; line-height:2.2em; font-weight:bold; }
	.play-container table { width:100%; margin:0px auto; padding:15px 0px; text-align:center; border-collapse:collapse; }
	.play-container table td { padding:10px; }
	.play-container table td img { border:4px #fff solid; width:100%; height:auto; }
	.play-container iframe { width:100%; height:250px; }
	
	.play-title1 { font-size:160%; }
	
	.play-facility { width:100%; margin:0px auto; padding:10px 5px; }
	.play-facility table { width:100%; margin:0px auto; border-collapse:collapse; }
	.play-facility table tr { border-bottom:1px #cccccc dotted;}
	.play-facility table th { padding:2px 0px; display:block; }
	.play-facility table td { padding:2px 20px; display:block; }
}

/*--------------------------------------------------------------------------------------------
	料金
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* パソコン用 */	
	.price-container { width:100%; margin:0px auto; padding:15px; font-weight:bold; }
	.price-container table { width:100%; border-collapse:collapse; margin:0px auto; padding:0px; font-size:120%; }
	.price-container table tr { border-bottom:1px #cccccc solid; }
	.price-container table th { display:block; padding-top:25px; }
	.price-container table td { display:block; padding:0px 20px; font-weight:normal; line-height:2.3em; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.price-container { width:100%; margin:0px auto; padding:15px; font-weight:bold; }
	.price-container table { width:100%; border-collapse:collapse; margin:0px auto; padding:0px; font-size:120%; }
	.price-container table tr { border-bottom:1px #cccccc solid; }
	.price-container table th { display:block; padding-top:25px; }
	.price-container table td { display:block; padding:0px 20px; font-weight:normal; line-height:2.3em; }
}

/*--------------------------------------------------------------------------------------------
	利用規約
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* パソコン用 */
	.rule-container { width:100%; margin:0px auto; padding:15px 5px; }
		
	.rule-area-title { font-size:200%; font-weight:bold; }
	
	.rule-area { width:100%; margin:0px auto; padding:0px; font-size:120%; }
	.rule-area ul { margin:0px 0px 0px 25px; padding:0px; list-style:decimal; }
	.rule-area li { line-height:2.3em; }
	
	.rule-area2 { width:100%; margin:0px auto; padding:0px; font-size:120%; }
	.rule-area2 ul { margin:0px 0px 0px 25px; padding:0px; list-style:none; }
	.rule-area2 li { line-height:2.3em; }
	.rule-area2 li ul { margin:0px 0px 0px 40px; padding:0px; list-style:disc; font-weight:normal; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.rule-container { width:100%; margin:0px auto; padding:15px 5px; }
		
	.rule-area-title { font-size:140%; font-weight:bold; }
	
	.rule-area { width:100%; margin:0px auto; padding:0px; }
	.rule-area ul { margin:0px 0px 0px 15px; padding:0px; list-style:decimal; }
	.rule-area li { line-height:1.9em; }
	
	.rule-area2 { width:100%; margin:0px auto; padding:0px; }
	.rule-area2 ul { margin:0px 0px 0px 15px; padding:0px; list-style:none; }
	.rule-area2 li { line-height:1.9em; }
	.rule-area2 li ul { margin:0px 0px 0px 40px; padding:0px; list-style:disc; font-weight:normal; }
}

/*--------------------------------------------------------------------------------------------
	予約・イベント
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* パソコン用 */
	.reserve-container { width:100%; margin:0px auto; padding:15px 5px; }
	.reserve-container iframe { width:100%; height:700px; }
	.reserve-container table { width:90%; margin:0px auto; padding:0px; border-collapse:collapse; }
	.reserve-container table tr { border-bottom:1px #000 dotted; }
	.reserve-container table th { width:20%; }
	.reserve-container table td { width:80%; }
	.reserve-container table td input { margin:8px 2px; padding:3px; }
	.reserve-title { padding:20px 0px 0px 0px; font-size:200%; font-weight:bold; }
	
	/* インプットボックスの長さ */
	.reserve-input1 { width:70%; }
	.reserve-input2 { width:50%; }
	.reserve-input3 { width:30%; }
	.reserve-input4 { width:10%; }
	
	.reserve-btn-area { width:100%; margin:0px auto; padding:15px; text-align:center; }
	.reserve-btn-area input { width:20%; margin:5px 10px; padding:6px; background:#226202; border:1px #226202 solid; border-radius:10px; color:#fff; text-align:center; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.reserve-container { width:100%; margin:0px auto; padding:15px 5px; }
	.reserve-container iframe { width:100%; height:500px; }
	.reserve-container table { width:90%; margin:0px auto; padding:0px; border-collapse:collapse; }
	.reserve-container table tr { border-bottom:1px #000 dotted; }
	.reserve-container table th { display:block; }
	.reserve-container table td { display:block; padding-left:15px; }
	.reserve-container table td input { margin:8px 2px; padding:3px; }
	.reserve-title { padding:20px 0px 0px 0px; font-size:200%; font-weight:bold; }
	.reserve-title { padding:20px 0px 0px 0px; font-size:140%; font-weight:bold; }
	
	/* インプットボックスの長さ */
	.reserve-input1 { width:90%; }
	.reserve-input2 { width:90%; }
	.reserve-input3 { width:50%; }
	.reserve-input4 { width:10%; }
	
	.reserve-btn-area { width:100%; margin:0px auto; padding:15px; text-align:center; }
	.reserve-btn-area input { width:40%; margin:5px 10px; padding:6px; background:#226202; border:1px #226202 solid; border-radius:10px; color:#fff; text-align:center; }
}

/*--------------------------------------------------------------------------------------------
	アクセス
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* パソコン用 */
	.access-container { width:100%; margin:0px auto; padding:15px 5px; font-size:120%; }
	.access-container iframe { width:100%; height:1000px; }
	.access-container blockquot { margin:0px auto; padding:0px; width:10%; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.access-container { width:100%; margin:0px auto; padding:15px 5px; font-size:120%; }
	.access-container iframe { width:100%; height:600px; }
}

/*--------------------------------------------------------------------------------------------
	ギャラリー
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* パソコン用 */
	.gallery-container { width:100%; margin:0px auto; padding:15px 5px; }
	.gallery-title { font-size:140%; font-weight:bold; }
	.gallery-img-area { width:100%; }
	.gallery-img-area table { width:100%; margin:0px auto; padding:0px; border-collapse:collapse; background:#fff; }
	.gallery-img-area table td { width:33%; text-align:center; padding:8px; }
	.gallery-img-area table td img { width:100%; height:auto; }
	
	.gallery-mov-area { width:100%; }
	.gallery-mov-area table { width:100%; margin:0px auto; padding:0px; background:#fff; }
	.gallery-mov-area table td { width:50%; text-align:center; padding:8px; }
	.gallery-mov-area table td iframe { width:100%; height:320px; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.gallery-container { width:100%; margin:0px auto; padding:15px 5px; }
	.gallery-title { font-size:140%; font-weight:bold; }
	.gallery-img-area { width:100%; }
	.gallery-img-area table { width:100%; margin:0px auto; padding:0px; border-collapse:collapse; background:#fff; }
	.gallery-img-area table td { width:33%; text-align:center; padding:8px; }
	.gallery-img-area table td img { width:100%; height:auto; }
	
	.gallery-mov-area { width:100%; }
	.gallery-mov-area table { width:100%; margin:0px auto; padding:0px; background:#fff; }
	.gallery-mov-area table td { display:block; text-align:center; padding:8px; }
	.gallery-mov-area table td iframe { width:100%; height:280px; }
}


/*--------------------------------------------------------------------------------------------
	お問合せ
--------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px){ /* パソコン用 */
	.contact-container { width:100%; margin:0px; padding:10px; }
	.contact-container table { width:100%; margin:0px auto; padding:10px; }
	.contact-container table th { width:20%; vertical-align:top; }
	.contact-container table td input { margin:6px; }
	.contact-container table td textarea { margin:6px; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.contact-container { width:100%; margin:0px; padding:10px; }
	.contact-container table { width:100%; margin:0px auto; padding:10px; }
	.contact-container table th { display:block; }
	.contact-container table td { display:block; padding:3px 0px 0px 10px; }
	.contact-container table td input { margin:0px; width:100%; }
	.contact-container table td textarea { margin:0px; width:100%; }
}