@charset "UTF-8";


a {
	color: #484846;
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a:hover img{filter: alpha(opacity=60);opacity: 0.6;}

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #666666;
	background: url("../img/bg_sp.jpg") 0 0 repeat-y #f4f4ec;
	line-height: 1.8em;
	font-size: 85%;
}

.fs07{ font-size: 85%;}
.fs11{ font-size: 110%; }
.fcr{ color: #a21d1d; }

.clearfix {
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* ================================================================================
	common
================================================================================ */

.pc_element { display: none; }
.sp_element {  }

.text_left { text-align: left; }
.text_right { text-align: right; }
.text_center { text-align: center; }

/* 画面外にいる状態 */
.fadein { }
/* 画面内に入った状態 */
.fadein.scrollin { }


/* ================================================================================
	header
================================================================================ */

header{
	margin: 0 auto;
	padding-bottom: 5px;
	text-align: center;
	background: url("../img/line_hdr.png") bottom no-repeat;
}
h1{
	margin: 0;
	padding: 10px 20px 10px 0;
	background: #c3c1b1;
	line-height: 1;
}
nav{
	display:none;
	margin: 0 auto 20px;
	background: #333;
}
nav ul{
	font-size: 110%;
}
nav li{
	margin: 0;
	padding: 6px;
	border-top: 1px dotted #fff;
	color: #fff;
}
nav li a{
	color: #fff;
}
nav li.last{
	border-right: none;
}



/* ================================================================================
	sp_menu
================================================================================ */
#menuButton {
	display: block;
	background: #333;
	width: 42px;
	height:42px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
}
#menuButton span {
	display: block;
	background: #fff;
	width: 24px;
	height: 2px;
	position: absolute;
	left: 9px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}
#menuButton span:first-child {
	top: 12px;
}
#menuButton span:nth-child(2) {
	margin-top: -1px;
	top: 50%;
}
#menuButton span:last-child {
	bottom: 12px;
}
#menuButton.active span:first-child {
	-webkit-transform: translateY(8px) rotate(45deg);
	-moz-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}
#menuButton.active span:nth-child(2) {
	opacity: 0;
}
#menuButton.active span:last-child {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-moz-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}



/* ================================================================================
	text style
================================================================================ */
section{
	clear: both;
	margin: 50px auto;
	text-align: center;
}
h3{
position: relative;
	margin: 30px 0 0;
	padding: 15px 0 20px;
	line-height: 1;
	background: url("../img/line.png") bottom no-repeat;
	font-size: 130%;
	font-weight: normal;
	color: #000;
/* 	display: inline-block;	*/
	text-shadow: 0 0 2px white;
}
h3:before {
	content: "";
	position: absolute;
	background: #dedad4;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	top: 47%;
	/* border: dashed 1px white; */
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: -1;
}

p{
	clear: both;
	width: 95%;
	margin: 15px auto;
}
p.left{
	clear: both;
	width: 95%;
	margin: 10px auto;
	text-align: left;
}
strong{
	border-bottom: 1px dotted #000000;
}

table.sche{
	clear: both;
	width: 95%;
	margin: 10px auto 20px;
	border: 1px #dfd4bf solid;
}
table.sche th{
	background: #e9e4d8;
	border: 1px #dfd4bf solid;
	padding: 0 10px;
}
table.sche td{
	border: 1px #dfd4bf solid;
	line-height: 1em;
	padding: 4px 0;
	vertical-align: middle;
}

.ggmap{
	max-width: 500px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.imgw600 img{
	margin: 5px auto;
	max-width: 600px;
	width: 95%;
}
.alright{
	float: right;
	margin: 0 0 5px 5px;
}


/* ================================================================================
	footer
================================================================================ */

footer{
	margin: 0;
	padding: 25px 0;
	text-align: center;
	background: #c3c1b1;
	line-height: 1;
	color: #fff;
}
.topBtn {
	position:fixed; /*固定*/
	bottom:20px; /*場所を右下に移動*/
	right:20px; /*場所を右下に移動*/
	display:block; /*aタグをblock要素に変更*/
	background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	width:60px;
	height:60px;
	text-align:center;
	line-height:22px;
	border-radius:30px;
	padding-top:30px;
	box-sizing:border-box;
}
a.topBtn{
	text-decoration:none;
	color: #fff;
}
.topBtn:before {
	content:'\25B2';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	text-align:center;
	font-size:20px;
}
.topBtn:hover {
	opacity:0.7;
}