﻿@media screen and (max-width:768px){
/*************************************************************************************************************************/
body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	color:#333333;	
	margin:0px;
	padding:0px;
}

.clear-both { clear:both; }

/***** TOP移動ボタン *****/
.pagetop { display: none; position: fixed; bottom: 70px; right: 10px; }
.pagetop a { display: block; }
.pagetop a:hover { display: block; }
.pagetop img { width:80%; height:auto; }

/***** ヘッダー *****/
.pc-header-container { display:none; }
.sp-header-container { width:100%; margin:0px auto; padding:10px 0px; }
.sp-header-container table { width:100%; margin:0px auto; padding:0px; background:#ffc000; }
.sp-header-container table td { width:33%; color:#fff; line-height:2.3em; text-align:center; font-size:90%; font-weight:bold; border-right:1px #fff solid; border-left:1px #fff solid; }
.sp-header-container table td a, .sp-header-container table td a:hover { color:#fff; text-decoration:none; display:block; }

/***** メイン画像 *****/
.pc-mainimg-wrap { display:none; }
.sp-mainimg-wrap { width:100%; margin:0px auto; padding:15px 0px; }
.sp-mainimg-wrap img { width:100%; height:auto; }

/***** スマホ用コンテンツエリア *****/
.sp-container { width:100%; margin:0px auto; }
.sp-container img { width:100%; height:auto; }

.sp-wrap1 { width:100%; margin:0px auto; padding:0px; }
.sp-wrap1 table { width:100%; margin:0px auto; padding:0px; }
.sp-wrap1 table td { width:50%; margin:0px; padding:5px; }
.sp-wrap1 table td img { width:100%; height:auto; }

.sp-title1 { width:90%; margin:0px auto; margin-top:20px; margin-bottom:20px; padding:0px; line-height:2.3em; font-size:115%; font-weight:bold; background:#ffc000; color:#fff; border-radius:20px; text-align:center; }

.sp-map img { width:100%; height:auto; padding:8px 30px; }
.sp-slides-container { margin: 0 0 20px 0; }

/***** スマホ用フッター *****/
.sp-footer-container { width:100%; margin:0px auto; padding:30px 0px 90px 0; text-align:center; color:#fff; background:#ffc000;}
.sp-footer-font1 { font-size:140%; font-weight:bold; }

/***** スマホ用フッターバナー *****/
.sp-fb-container { width:100%; margin:0px auto; padding:0px; position:fixed; bottom:0; background:rgba(255,192,0,0.7); }
.sp-fb-container table  { width:100%; margin:0px auto; padding:0px; }
.sp-fb-container table td { width:50%; padding:10px; }
.sp-fb-container table td img { width:100%; height:auto; }


/*************************************************************************************************************************/
}

