/* sfメインCSS */

/********** パソコン用 **********/
@media screen and (min-width: 769px) {
	/***** H1タグ *****/
	.sf-h1-container { width:100%; margin:0px auto; padding:0px; background-color:#2e2e2e; }
	.sf-h1-area { width:1000px; margin:0px auto; padding:0px; text-align:right; }
	h1 { margin:0px; font-size:14px; color:#fff; font-weight:normal; line-height:1.5em; }
	h1 a { color:#fff; text-decoration:none; }
	h1 a:hover { color:#fff; text-decoration:underline; }
	
	/***** ヘッダー *****/
	.sf-header-container { width:100%; margin:0px auto; padding:0px; border-bottom:2px #2e2e2e solid; }
	.sf-header-area { width:1000px; margin:0px auto; padding:5px 0px; text-align:center; }
	.sf-logo-pc { width:100%; margin:0px auto; padding:0px; }
	.sf-logo-sp { display:none; }
	
	/***** ヘッダーナビ *****/
	.sf-h-navi-pc-container { width:1000px; margin:0px auto; padding:0px; text-align:center; }
	.sf-h-navi-pc-container img { float:left; }
	.sf-h-navi-sp-container { display:none; }
	
	/***** フッダー *****/
	.sf-fooder-container { width:100%; margin:0px auto; padding:0px; background-image:url('../img/bk/bk_001.png'); background-size:cover; }
	.sf-fooder-area { width:1000px; margin:0px auto; padding:80px 0px; text-align:center; }
	
	/***** コピーライト *****/
	.sf-copyright { width:1000px; margin:0px auto; padding:0px; font-size:14px; line-height:2em; text-align:center; }
	
	/***** コンテンツメイン *****/
	.sf-cont-container { width:100%; margin:0px auto; padding:0px; }
	
	/***** トップページ用 *****/
	/* トップページタイトル（背景：白） */
	.sf-top-title-1-container { width:100%; margin:0px auto; padding:0px; border-bottom:2px #666666 solid; }
	.sf-top-title-1-area { width:1000px; margin:0px auto; padding:0px; font-size:250%; font-weight:bold; text-shadow:1px 1px #cccccc; }
	.sf-top-title-1-area img { margin:0px; padding:0px 10px 0px 0px; border:0px; }
	
	/* トップページタイトル（背景：白） */
	.sf-top-title-2-container { width:100%; margin:0px auto; margin-top:20px; padding:0px; border-bottom:2px #666666 solid; }
	.sf-top-title-2-area { width:1000px; margin:0px auto; padding:0px; font-size:250%; font-weight:bold; text-shadow:1px 1px #cccccc; }
	.sf-top-title-2-area img { margin:0px; padding:0px 10px 0px 0px; border:0px; }
		
	/* トップページコンテンツ（背景：白） */
	.sf-top-cont-1-container { width:100%; margin:0px auto; margin-top:10px; padding:0px; }
	.sf-top-cont-1-area { width:1000px; margin:0px auto; padding:0px; }

	/* トップページコンテンツ（背景：柄） */
	.sf-top-cont-2-container { width:100%; margin:0px auto; margin-top:10px; padding:0px; background-image:url('../img/bk/bk_002.png'); background-attachment:fixed; background-repeat:no-repeat; background-position:center center; }
	.sf-top-cont-2-area { width:1000px; margin:0px auto; padding:0px 10px; background-color:#fff; }
	.sf-top-cont-2-area-f { font-size:110%; font-weight:bold; text-shadow:1px 1px #cccccc; border-bottom:1px #cccccc dotted; margin-bottom:10px; }
	.sf-top-cont-2-area-m { width:100%; margin:0px auto; padding:0px; }
	.sf-top-cont-2-area-m img { width:100%; height:auto; }
	.sf-top-cont-2-area-m table { width:100%; border:0px; }
	.sf-top-cont-2-area-m button { width:70%; border-radius:5px; margin:5px 0px; padding:5px; text-align:center; background-color:#fff; }
	.sf-top-cont-2-area-m a button { color:#333333; }
	.sf-top-cont-2-area-m a:hover button { color:#ffffff; background-color:#666666; }
	.sf-top-cont-2-area-t { width:100%; padding:3px 5px; font-size:130%; font-weight:bold; text-shadow:1px 1px #666666; background-color:#578b40; color:#fff; }
	.sf-top-cont-2-area-p { font-size:110%; color:#f2076a; }
		
	/* トップページフォトギャラリー */
	.sf-top-photogallery-area { width:100%; margin:0px auto; padding:0px; }	
	.sf-top-photogallery-area img { width:100%; height:auto; padding:10px; }
	
	/***** コンテンツページ用 *****/
	/* コンテンツタイトル */
	.sf-cont-title-1-container { width:100%; margin:0px auto; margin-top:20px; padding:0px; border-bottom:2px #666666 solid; }
	.sf-cont-title-1-area { width:1000px; margin:0px auto; padding:0px; font-size:280%; text-shadow:1px 1px #cccccc; }	
	
	/* コンテンツ部分メイン（背景あり） */
	.sf-cont-1-container { width:100%; margin:0px auto; padding:0px; background-image:url('../img/bk/bk_002.png'); background-repeat:no-repeat; background-position:center top; }
	.sf-cont-1-area { width:1000px; margin:0px auto; padding:10px 0px; }
	
	/* 利用規約 */
	.sf-rule-area { width:100%; margin:0px auto; padding:0px; }
	.sf-rule-area table { width:100%; border:0px; }
	.sf-rule-area table th { font-size:180%; border-bottom:1px #cccccc solid; }
	.sf-rule-area table td { padding:15px 0px 20px 0px; }
	.sf-rule-ul1 { list-style-type:decimal; }
	.sf-rule-ul2 { list-style-type:lower-roman; margin:0px 0px 0px 10px; padding:0px; }
	
	/* 料金表 */
	.sf-price-area-title { font-size:180%; text-shadow:1px 1px #cccccc; }
	.sf-price-area { width:90%; margin:0px auto; padding:0px; }
	.sf-price-area table { width:100%; border:1px #cccccc solid; }
	.sf-price-area table tr { border:1px #cccccc solid; }
	.sf-price-area table th { padding:5px; border:1px #cccccc solid; color:#fff; background-color:#787878; }
	.sf-price-area table td { padding:5px; border:1px #cccccc solid; }
	
	/* よくある質問 */
	.acMenu-a dt{ width:100%; margin:0px auto; padding:5px; line-height:2.2em; color:#fff; text-align:left; cursor:pointer; border:1px #cccccc solid; border-radius:5px 5px 0px 0px; background-image:url('../img/icon/ico-faqallow-green_01.png'); background-position:right center; background-repeat:no-repeat; background-color:#175f01; }
	.acMenu-a dd{ width:100%; margin:0px auto; padding:5px; line-height:1.9em; text-align:left; border:1px #cccccc solid; border-radius:0px 0px 5px 5px; display:none; }
	.acMenu-a dd img { float:right; }
	
	/* お問合せ */
	.sf-contact-area { width:100%; margin:0px auto; padding:0px; }
	.sf-contact-area iframe { width:100%; height:450px; }
		
	/* 予約 */
	.sf-reserve-area { width:100%; margin:0px auto; }
	.sf-reserve-area table { width:100%; border:0px; margin:10px 0px 0px 0px; }
	.sf-reserve-area table th { font-size:180%; border-bottom:1px #cccccc solid; padding-top:20px; }
	.sf-reserve-area table td { padding:5px 0px; }
	.sf-reserve-area table td button { width:70%; padding:10px; border-radius:10px; border:1px #0e4f04 solid; background-color:#fff; }
	.sf-reserve-area table td a button { margin:20px 0px; color:#333333; font-size:110%; text-shadow:1px 1px #cccccc; }
	.sf-reserve-area table td a:hover button { background-color:#cccccc; }
	.sf-reserve-area iframe { width:100%; height:900px; }
	.sf-reserve-ul1 { list-style:disc; }
	
	/* 予約フォーム */
	.sf-reserve-area2 { width:100%; margin:0px auto; }
	.sf-reserve-area2 table { width:100%; border:0px; margin:10px 0px 0px 0px; }
	.sf-reserve-area2 table th { font-size:180%; border-bottom:1px #cccccc solid; padding-top:20px; }
	.sf-reserve-area2 table td { padding:5px 0px; }
	.sf-reserve-area2 iframe { width:100%; height:1050px; }
	
	/* アクセス */
	.sf-access-area { width:100%; margin:0px auto; padding:0px; }
	.sf-access-area table { width:100%; border:0px; }
	.sf-access-area table td { font-size:120%; line-height:2em; }
	.sf-access-area iframe { width:100%; height:600px; }
	
	/* 施設について */
	.sf-play-area-title { font-size:180%; text-shadow:1px 1px #cccccc; }
	.sf-play-area { width:100%; margin:0px auto; padding:0px; }
	.sf-play-area table { width:100%; border:0px; }
	.sf-play-area table tr { border-bottom:1px #cccccc solid; }
	.sf-play-area table th { padding:5px; text-align:left; }
	.sf-play-area table td { padding:5px; }
	.sf-play-area table td img { width:100%; height:auto; padding:5px; }
	.sf-play-area-b { font-weight:bold; }
	.sf-play-area-h { font-weight:normal; }
	.sf-karaoke-area { width:100%; margin:0px auto; padding:0px; }
	.sf-karaoke-title { font-size:130%; text-shadow:1px 1px #cccccc; }
	.sf-karaoke-area table { width:90%; border:1px #cccccc solid; }
	.sf-karaoke-area table tr { border:1px #cccccc solid; }
	.sf-karaoke-area table th { border:1px #cccccc solid; background-color:#787878; color:#fff; }
	.sf-karaoke-area table td { border:1px #cccccc solid; }
	
	/* ショップ紹介 */
	.sf-shop-area { width:100%; margin:0px auto; padding:0px;}
	.sf-shop-area table { width:100%; margin:10px 0px; padding:20px; border:20px #dcdcdc solid; }
	.sf-shop-area table td { width:100%; padding:10px; background-color:#dcdcdc; border:0px; }
	
	/* Youtube枠 */
	.sf-youtube-area { width:660px; height:440px; margin:0px auto; text-align:center; display:block; }
	.sf-youtube-area iframe { margin-left:auto; margin-right:auto; display:block; }
	
	/* バナーエリア1 */
	.sf-banner1-area { max-width:1000px; margin:0px auto; text-align:center; }
}


/********** スマホ用 **********/
@media screen and (max-width: 768px) {
	/***** H1タグ *****/
	.sf-h1-container { width:100%; margin:0px auto; padding:0px; background-color:#2e2e2e; }
	.sf-h1-area { width:100%; margin:0px auto; padding:0px; text-align:right; }
	h1 { margin:0px; font-size:14px; color:#fff; font-weight:normal; line-height:1.5em; }
	h1 a { color:#fff; text-decoration:none; }
	h1 a:hover { color:#fff; text-decoration:underline; }
	
	/***** ヘッダー *****/
	.sf-header-container { width:100%; margin:0px auto; padding:0px; }
	.sf-header-area { width:100%; margin:0px auto; padding:5px 0px; text-align:center; }
	.sf-logo-pc { display:none; }
	.sf-logo-sp { width:100%; margin:0px auto; padding:0px; }
	.sf-logo-sp img { width:100%; height:auto; }
	
	/***** ヘッダーナビ *****/
	.sf-h-navi-pc-container { display:none; }
	.sf-h-navi-sp-container { position:fixed; }
	
	/***** フッダー *****/
	.sf-fooder-container { width:100%; margin:0px auto; padding:0px; background-image:url('../img/bk/bk_001.png'); background-size:cover; }
	.sf-fooder-area { width:100%; margin:0px auto; padding:30px 0px; text-align:center; font-size:80%; }
	
	/***** コピーライト *****/
	.sf-copyright { width:100%; margin:0px auto; padding:0px; font-size:12px; line-height:2em; text-align:center; }
	
	/***** コンテンツメイン *****/
	.sf-cont-container { width:100%; margin:0px auto; padding:0px; }
	
	/***** トップページ用 *****/
	/* トップページタイトル（背景：白） */
	.sf-top-title-1-container { width:100%; margin:0px auto; padding:0px; border-bottom:2px #666666 solid; }
	.sf-top-title-1-area { width:100%; margin:0px auto; padding:0px; font-size:180%; font-weight:bold; text-shadow:1px 1px #cccccc; }
	.sf-top-title-1-area img { margin:0px; padding:0px 10px 0px 0px; border:0px; width:15%; height:auto; }
	
	/* トップページタイトル（背景：白） */
	.sf-top-title-2-container { width:100%; margin:0px auto; margin-top:20px; padding:0px; border-bottom:2px #666666 solid; }
	.sf-top-title-2-area { width:100%; margin:0px auto; padding:0px; font-size:180%; font-weight:bold; text-shadow:1px 1px #cccccc; }
	.sf-top-title-2-area img { margin:0px; padding:0px 10px 0px 0px; border:0px; width:15%; height:auto; }
		
	/* トップページコンテンツ（背景：白） */
	.sf-top-cont-1-container { width:100%; margin:0px auto; margin-top:10px; padding:0px; }
	.sf-top-cont-1-area { width:100%; margin:0px auto; padding:0px; }
	
	/* トップページコンテンツ（背景：柄） */
	.sf-top-cont-2-container { width:100%; margin:0px auto; margin-top:10px; padding:0px; }
	.sf-top-cont-2-area { width:100%; margin:0px auto; padding:0px 10px; background-color:#fff; }
	.sf-top-cont-2-area-f { font-size:110%; font-weight:bold; text-shadow:1px 1px #cccccc; border-bottom:1px #cccccc dotted; margin-bottom:10px; }
	.sf-top-cont-2-area-m { width:100%; margin:0px auto; padding:0px; }
	.sf-top-cont-2-area-m img { width:100%; height:auto; padding-bottom:10px; }
	.sf-top-cont-2-area-m table { width:100%; border:0px; }
	.sf-top-cont-2-area-m button { width:70%; border-radius:5px; margin:5px 0px; padding:5px; text-align:center; background-color:#fff; }
	.sf-top-cont-2-area-m a button { color:#333333; }
	.sf-top-cont-2-area-m a:hover button { color:#ffffff; background-color:#666666; }
	.sf-top-cont-2-area-t { width:100%; padding:3px 5px; font-size:130%; font-weight:bold; text-shadow:1px 1px #666666; background-color:#578b40; color:#fff; }
	.sf-top-cont-2-area-p { font-size:110%; color:#f2076a; }
	
	/* トップページフォトギャラリー */
	.sf-top-photogallery-area { width:100%; margin:0px auto; padding:0px; }	
	.sf-top-photogallery-area img { width:100%; height:auto; padding:10px; }
	
		
	
	/***** コンテンツページ用 *****/
	/* コンテンツタイトル */
	.sf-cont-title-1-container { width:100%; margin:0px auto; margin-top:20px; padding:0px; border-bottom:2px #666666 solid; }
	.sf-cont-title-1-area { width:100%; margin:0px auto; padding:0px; font-size:220%; text-shadow:1px 1px #cccccc; }
	.sf-cont-title-1-area img { width:20%; height:auto; }
	
	/* コンテンツ部分メイン（背景あり） */
	.sf-cont-1-container { width:100%; margin:0px auto; padding:0px;}
	.sf-cont-1-area { width:100%; margin:0px auto; padding:10px 0px; }
	
	/* 利用規約 */
	.sf-rule-area { width:100%; margin:0px auto; padding:0px; }
	.sf-rule-area table { width:100%; border:0px; }
	.sf-rule-area table th { font-size:150%; border-bottom:1px #cccccc solid; }
	.sf-rule-area table td { padding:15px 0px 20px 0px; }
	.sf-rule-ul1 { list-style-type:decimal; }
	.sf-rule-ul2 { list-style-type:lower-roman; margin:0px 0px 0px 10px; padding:0px; }
	
	/* 料金表 */
	.sf-price-area-title { font-size:150%; text-shadow:1px 1px #cccccc; }
	.sf-price-area { width:95%; margin:0px auto; padding:0px; }
	.sf-price-area table { width:100%; border:1px #cccccc solid; }
	.sf-price-area table tr { border:1px #cccccc solid; }
	.sf-price-area table th { padding:5px; border:1px #cccccc solid; color:#fff; background-color:#787878; }
	.sf-price-area table td { padding:5px; border:1px #cccccc solid; }
	
	/* よくある質問 */
	.acMenu-a dt{ width:95%; margin:0px auto; padding:5px; line-height:2.2em; color:#fff; text-align:left; cursor:pointer; border:1px #cccccc solid; border-radius:5px 5px 0px 0px; background-image:url('../img/icon/ico-faqallow-green_01.png'); background-position:right center; background-repeat:no-repeat; background-color:#175f01; }
	.acMenu-a dd{ width:95%; margin:0px auto; padding:5px; line-height:1.9em; text-align:left; border:1px #cccccc solid; border-radius:0px 0px 5px 5px; display:none; }
	.acMenu-a dd img { width:50%; height:auto; }
	
	/* お問合せ */
	.sf-contact-area { width:100%; margin:0px auto; padding:0px; }
	.sf-contact-area img { width:10%; height:auto; }
	.sf-contact-area iframe { width:100%; height:600px; }
	
	/* 予約 */
	.sf-reserve-area { width:100%; margin:0px auto; }
	.sf-reserve-area table { width:100%; border:0px; margin:10px 0px 0px 0px; }
	.sf-reserve-area table th { font-size:180%; border-bottom:1px #cccccc solid; padding-top:20px; }
	.sf-reserve-area table td { padding:5px; }
	.sf-reserve-area table td button { width:80%; padding:10px; border-radius:10px; border:1px #0e4f04 solid; background-color:#fff; }
	.sf-reserve-area table td a button { margin:20px 0px; color:#333333; font-size:110%; text-shadow:1px 1px #cccccc; }
	.sf-reserve-area table td a:hover button { background-color:#cccccc; }
	.sf-reserve-area iframe { width:100%; height:500px; }
	.sf-reserve-ul1 { list-style:disc; }
	
	/* 予約フォーム */
	.sf-reserve-area2 { width:100%; margin:0px auto; }
	.sf-reserve-area2 table { width:100%; border:0px; margin:10px 0px 0px 0px; }
	.sf-reserve-area2 table th { font-size:180%; border-bottom:1px #cccccc solid; padding-top:20px; }
	.sf-reserve-area2 table td { padding:5px 0px; }
	.sf-reserve-area2 iframe { width:100%; height:1200px; }
	
	/* アクセス */
	.sf-access-area { width:100%; margin:0px auto; padding:0px; }
	.sf-access-area table { width:100%; border:0px; }
	.sf-access-area table td { font-size:100%; line-height:2em; padding:5px; }
	.sf-access-area iframe { width:100%; height:400px; }
	
	/* 施設について */
	.sf-play-area-title { font-size:180%; text-shadow:1px 1px #cccccc; }
	.sf-play-area { width:100%; margin:0px auto; padding:0px; }
	.sf-play-area table { width:100%; border:0px; }
	.sf-play-area table tr { border-bottom:1px #cccccc solid; }
	.sf-play-area table th { padding:5px; text-align:left; }
	.sf-play-area table td { padding:5px; }
	.sf-play-area table td img { width:100%; height:auto; padding:5px; }
	.sf-play-area-b { font-weight:bold; }
	.sf-play-area-h { font-weight:normal; padding-left:10px; }
	.sf-karaoke-area { width:100%; margin:0px auto; padding:0px; }
	.sf-karaoke-title { font-size:130%; text-shadow:1px 1px #cccccc; }
	.sf-karaoke-area { width:100%; margin:0px auto; padding:0px; }
	.sf-karaoke-area table { width:90%; border:1px #cccccc solid; }
	.sf-karaoke-area table tr { border:1px #cccccc solid; }
	.sf-karaoke-area table th { border:1px #cccccc solid; background-color:#787878; color:#fff; }
	.sf-karaoke-area table td { border:1px #cccccc solid; }
	
	/* ショップ紹介 */
	.sf-shop-area { width:100%; margin:0px auto; padding:0px;}
	.sf-shop-area table { width:95%; margin:0px auto; margin-bottom:10px; padding:20px; border:20px #dcdcdc solid; }
	.sf-shop-area table td { width:100%; padding:10px; background-color:#dcdcdc; border:0px; }
	.sf-shop-area table td img { width:100%; height:auto; }
	
	/* Youtube枠 */
	.sf-youtube-area { width:100%; height:auto; margin:0px auto; text-align:center; }
	.sf-youtube-area iframe { width:80%; height:auto; }
}