body{ background:red; color:#eeeeee; margin: 0;padding:0;
	font-size: 15px; line-height: 1.8em; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", Verdana, YuGothic,"メイリオ", Meiryo, sans-seri;}


p{margin: 0;}
a{ text-decoration: none; outline:none; color:#44cbfc;  }
a:hover{ filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; color: navy; outline:none}
a img:hover{filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;color:#fff;}

img { -ms-interpolation-mode: bicubic; }
.img_main{width:100%;
	 	max-width: 1060px;
	 	margin: 0 auto;}

h2{/* color:<?=$design["color_h3"]?> */; font-size: 1.6em; font-weight: 700; margin: 0 0  -0.6em;} 
strong{font-size:1.1em; font-weight:bold;}



#wrapper {
  width:100%;
  overflow:hidden;
}


/* 編集機能
-------------------------------------------------------------- */
div.page_left{ float: left; width: 58%;}
div.page_right{ float: right; width: 40%;margin-right:-1em; margin-top: 2.5em;}
div.page_all{ }			/* ★★★★★★★★★★★★★ */






/* ページトップに戻る */
#pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
	}
#pagetop a {
	background: #2EA7E0;
	text-decoration: none;
	color: #fff;
	width: 50px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	display: block;
	border-radius: 50px;
	opacity: 0.5;
	
	}
#pagetop a:hover {
	text-decoration: none;
	background: #337AB7;
	opacity: 1;
	}

#pagebody{width:100%; background:#e30000; border: solid 0px green; }
#access{width:100%; background:firebrick; border: solid 0px green; }

@media screen and (min-width: 701px){
	.hidden_pc { display: none; } /* ★★ PCで非表示 ★★ */
	h1 img{width:480px; height:auto;
	 	margin: 0em auto;
	 }
	 
	  
	 
	 #main{text-align:left; border: 0px solid #ddd; padding:2em;margin:20 auto;
	 	width:85%;
	 	max-width: 1000px;
	 	border-radius: 0.5em;/* background:#ee0000; */ }
	 
	 #end{text-align:left; padding:2em;margin:20 auto;
	 	width:85%;
	 	max-width: 1000px;
	 	 }
	 	
	 	
	 #calendar{padding: 0.8em 0.8em 0.4em; 
	 	width:88.5%;
	 	max-width: 1000px;
	 	background:#f0e86f;border-radius: 0.5em; }
}



@media screen and (max-width: 700px){
	.hidden_sp { display: none; } /* ★★ SPで非表示 ★★ */
	 h1 img{width:90%; height:auto;
	 	border: solid 0px red;
	 	margin-top: 0;
	 }	 
	 #main{text-align:left; padding:1em; margin:20 auto; }
	 #end{text-align:left; padding:1em; margin:20 auto; }
	 
	 #calendar{margin: 0; width:98%; }
	 #calendar iframe { width:calc(100vw - 20px);
}
	 
	 /* ★2段=>1段 */
	 div.page_left{ float: none; width: auto; margin-bottom: 1em; padding: 0;}
	 div.page_right{ float: none; margin: 0 auto; width: 100%;text-align: center;}/* ★写真調整 */



/* ★電話ボタン button */
#phone{margin-top:0.2em; padding:0.3em 0.5em; list-style: none;}
#phone.li{display: block; }
li{max-width: 100%;margin-bottom: 1em;text-align: center;}

li#link01{border: solid 1px white;}
li#link01 a{ display: block; border: 1px solid #666; padding: 14px 0 6px; font-size: 1.5em; white-space: nowrap;  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "游明朝", YuMincho,  "メイリオ", Meiryo, serif; background:steelblue; color:white}
li#link01 span{ font-size: 0.6em}

li#link02{border: solid 1px steelblue;}
li#link02 a{display: block;background: #fff;color:steelblue;padding: 15px 0;}

li#link03{border: solid 1px steelblue;}
li#link03 a{ display: block; background: #fff; color:steelblue; padding: 10px 0 8px; }




	ul#sns{position: absolute; top:5px; right: 4px;}/* ★★★SNSボタン位置 */
	.sm_br{display: inline;}
}

/*
primary (重要) #428bca
success (成功) #5cb85c
info (お知らせ) #5bc0de
warning (警告) #f0ad4e
danger (危険) #d9534f
*/



/* 料金表　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */
.fee {
	width:100%; max-width: 600px;
	margin:0 auto;
	padding:0;
	text-align: center;
	color: #333;
	border-collapse:collapse !important;
}

.fee table {
	border-collapse:collapse !important;
	width: 90%;
	margin:0 auto;/* ★ */
	}
.fee th {
	background: #ddd;
	font-weight: bold;
	border:1px solid #000;
	padding:8px;
	font-size:0.9em;
	}
.fee td {
	background: #fff;
	border:1px solid #000;
	padding:8px;
	text-align: left;
	font-size:1em;
	line-height: 1.5em;
	}


/* CSS　共通テンプレート
================================================================================ */

/* Bootstrap共通
-------------------------------------------------------------- */
.text-primary {color: #428bca}
.text-success {color: #5cb85c}
.text-info {color: #5bc0de}
.text-warning {color: #f0ad4e}
.text-danger {color: #d9534f}
.text-muted {{color: #777777}}
.text-white {color: white}


.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}
.text-justify {text-align: justify}    /* 両端揃え */
.text-nowrap {white-space: nowrap}     /* 改行禁止 */

.bg-primary {background: #337ab7;color: white}
.bg-success {background: #dff0d8; color: #333333 }
.bg-info {background: #d9edf7; color: #333333 }
.bg-warning {background: #fcf8e3; color: #333333 }
.bg-danger {background: #f2dede; color: #333333 }
.bg-white {background: white; color: #333333 }
.bg-white2 {background: #e6e6e6; color: #333333 }
.bg-eee {background: #eeeeee; color: #333333 }




/* FLONT SIZE
-------------------------------------------------------------- */
.f08{ font-size: 0.8em;}
.f09{ font-size: 0.9em;}
.f11{ font-size: 1.1em;}
.f12{ font-size: 1.2em;}
.f13{ font-size: 1.3em;}
.f15{ font-size: 1.5em;}

/* MARGIN　----------------------------------------- */
.mt05{margin-top: 0.5em;}
.mt1{margin-top: 1em;}
.mt15{margin-top: 1.5em;}
.mt2{margin-top: 2em;}
.mt25{margin-top: 2.5em;}
.mt3{margin-top: 3em;}
.mt35{margin-top: 3.5em;}
.mt4{margin-top: 4em;}
.mt45{margin-top: 4.5em;}
.mt5{margin-top: 4em;}
.mt55{margin-top: 5.5em;}
.mt6{margin-top: 6em;}
.mt65{margin-top: 6.5em;}
.mt7{margin-top: 7em;}
.mt75{margin-top: 7.5em;}
.mt8{margin-top: 8em;}
.mt85{margin-top: 8.5em;}
.mt9{margin-top: 9em;}
.mt95{margin-top: 9.5em;}
.mt10{margin-top: 10em;}

.mt_05{margin-top: -0.5em;}
.mt-1{margin-top: -1em;}
.mt-15{margin-top: -1.5em;}
.mt-2{margin-top: -2em;}
.mt-25{margin-top: -2.5em;}
.mt-3{margin-top: -3em;}
.mt-35{margin-top: -3.5em;}
.mt-4{margin-top: -4em;}
.mt-45{margin-top: -4.5em;}
.mt-5{margin-top: -4em;}
.mt-55{margin-top: -5.5em;}
.mt-6{margin-top: -6em;}


/* BOTTOM---------- */
.mb0{margin-bottom: 0em;}
.mb05{margin-bottom: 0.5em;}
.mb1{margin-bottom: 1em;}
.mb15{margin-bottom: 1.5em;}
.mb2{margin-bottom: 2em;}
.mb25{margin-bottom: 2.5em;}
.mb3{margin-bottom: 3em;}
.mb35{margin-bottom: 3.5em;}
.mb4{margin-bottom: 4em;}
.mb45{margin-bottom: 4.5em;}
.mb5{margin-bottom: 4em;}
.mb55{margin-bottom: 5.5em;}
.mb6{margin-bottom: 6em;}
.mb65{margin-bottom: 6.5em;}
.mb7{margin-bottom: 7em;}
.mb75{margin-bottom: 7.5em;}
.mb8{margin-bottom: 8em;}
.mb9{margin-bottom: 9em;}
.mb10{margin-bottom: 10em;}
.mb11{margin-bottom: 11em;}
.mb12{margin-bottom: 12em;}
.mb13{margin-bottom: 13em;}
.mb14{margin-bottom: 14em;}
.mb15{margin-bottom: 15em;}

/* margin　RIGHT---------- */
.mr05{margin-right: 0.5em;}
.mr1{margin-right: 1em;}
.mr15{margin-right: 1.5em;}
.mr2{margin-right: 2em;}
.mr25{margin-right: 2.5em;}
.mr3{margin-right: 3em;}
.mr35{margin-right: 3.5em;}
.mr4{margin-right: 4em;}
.mr45{margin-right: 4.5em;}
.mr5{margin-right: 5em;}
.mr55{margin-right: 5.5em;}
.mr6{margin-right: 6em;}

/* margin　LEFT---------- */
.ml05{margin-left: 0.5em;}
.ml1{margin-left: 1em;}
.ml15{margin-left: 1.5em;}
.ml2{margin-left: 2em;}
.ml25{margin-left: 2.5em;}
.ml3{margin-left: 3em;}
.ml35{margin-left: 3.5em;}
.ml4{margin-left: 4em;}
.ml45{margin-left: 4.5em;}
.ml5{margin-left: 4em;}
.ml55{margin-left: 5.5em;}
.ml6{margin-left: 6em;}


/* padding　----------------------------------------- */
.pt1{padding-top: 1em;}
.pt15{padding-top: 1.5em;}
.pt2{padding-top: 2em;}
.pt25{padding-top: 2.5em;}
.pt3{padding-top: 3em;}
.pt35{padding-top: 3.5em;}
.pt4{padding-top: 3.5em;}
.pt45{padding-top: 4em;}
.pt5{padding-top: 4.5em;}
.pt55{padding-top: 5.5em;}
.pt6{padding-top: 6em;}


.pb1{padding-bottom: 1em;}
.pb15{padding-bottom: 1.5em;}
.pb2{padding-bottom: 2em;}
.pb25{padding-bottom: 2.5em;}
.pb3{padding-bottom: 3em;}
.pb35{padding-bottom: 3.5em;}
.pb4{padding-bottom: 3.5em;}
.pb45{padding-bottom: 4em;}
.pb5{padding-bottom: 4.5em;}
.pb55{padding-bottom: 5.5em;}
.pb6{padding-bottom: 6em;}
.pb7{padding-bottom: 7em;}
.pb8{padding-bottom: 8em;}

.pr1{padding-right: 1em;}
.pr15{padding-right: 1.5em;}
.pr2{padding-right: 2em;}
.pr25{padding-right: 2.5em;}
.pr3{padding-right: 3em;}
.pr35{padding-right: 3.5em;}
.pr4{padding-right: 3.5em;}
.pr45{padding-right: 4em;}
.pr5{padding-right: 4.5em;}
.pr55{padding-right: 5.5em;}
.pr6{padding-right: 6em;}
.pr7{padding-right: 7em;}
.pr8{padding-right: 8em;}

.pl1{padding-left: 1em;}
.pl15{padding-left: 1.5em;}
.pl2{padding-left: 2em;}
.pl25{padding-left: 2.5em;}
.pl3{padding-left: 3em;}
.pl35{padding-left: 3.5em;}
.pl4{padding-left: 3.5em;}
.pl45{padding-left: 4em;}
.pl5{padding-left: 4.5em;}
.pl55{padding-left: 5.5em;}
.pl6{padding-left: 6em;}




/* FLOAT
-------------------------------------------------------------- */
.fl1{ float: left; margin-right: 1em;}
.fl15{ float: left; margin-right: 1.5em;}
.fl2{ float: left; margin-right: 2em;}
.fl25{ float: left; margin-right: 2.5em;}
.fl3{ float: left; margin-right: 3em;}
.fl35{ float: left; margin-right: 3.5em;}
.fl4{ float: left; margin-right: 4em;}
.fl45{ float: left; margin-right: 4.5em;}
.fl5{ float: left; margin-right: 5em;}
.fl55{ float: left; margin-right: 5.5em;}

.fr1{ float: right; margin-left: 1em;}
.fr15{ float: right; margin-left: 1.5em;}
.fr2{ float: right; margin-left: 2em;}
.fr25{ float: right; margin-left: 2.5em;}
.fr3{ float: right; margin-left: 3em;}
.fr35{ float: right; margin-left: 3.5em;}
.fr4{ float: right; margin-left: 4em;}
.fr45{ float: right; margin-left: 4.5em;}
.fr5{ float: right; margin-left: 5em;}
.fr55{ float: right; margin-left: 5.5em;}




/*	Clearfix
========================================== */
/* clearfix：要素の末尾でfloatを解除する */
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }