@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

/* 大枠 */
html,
body {
	height: 100%;
	}
body {
	background: url(../img/bg.png) repeat-x left top;
	font-size: 14px;
	line-height: 1.6;
	}
#wrapper {
	width: 100%;
	min-width: 960px;
	position: relative;
	}
body > #wrapper {
	height: auto;
	}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }

@media print {
	html,
	html body{ *zoom: 0.65;}
	}

/* アクセシビリティ */
.guidance {
	left:-999px;
	position:absolute;
	width:990px;
	}
img {
	vertical-align: bottom;
	box-shadow: #000 0 0 0; /* ロールオーバー対応 */
	}
img, x:-moz-any-link, x:default {
    box-shadow: #000 0 0 0; /* IE7対応 */
	}

/* リンク */
a:link    {color:#333; text-decoration: none;}
a:visited {color:#333; text-decoration: none;}
a:hover   {color:#333; text-decoration: underline;}
a:active  {color:#333; text-decoration: underline;}

.mincho{
	font-family: "FOT-筑紫明朝 Pr6 L","TsukuMinPr6-L","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","TakaoEx明朝",TakaoExMincho,"MotoyaLCedar","Droid Sans Japanese","HGS明朝E","ipamin","ＭＳ Ｐ明朝",serif;
	position: relative;
	font-weight: normal;
	}

/* タイトル */
#site_title {
	margin: 72px 0 28px;
	text-align: center;
	overflow: hidden;
	}
h1.title {
	overflow: hidden;
	}
h1.title span {
	display: block;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}
/* 共通 */
h1.title {
	background: #FDFCE8 url(../img/title_line.png) repeat-x center bottom;
	padding-bottom: 5px;
	}
h1.title span:before {
	content: "";
	width: 156px;
	height: 100px;
	background: url(../img/title_img.png) no-repeat left top;
	position: absolute;
	top: 0;
	right: -50px;
	}

/* イベント情報 */
#event h1.title {
	background: #EAE9F4 url(../../event/img/title_line.png) repeat-x center bottom;
	padding-bottom: 5px;
	}
#event h1.title span:before {
	content: "";
	background: url(../../event/img/title_img.png) no-repeat left top;
	position: absolute;
	left: -50px;
	}
/* パーク情報 */
#info h1.title {
	background: #FFECED url(../../info/img/title_line.png) repeat-x center bottom;
	padding-bottom: 5px;
	}
#info h1.title span:before {
	content: "";
	background: url(../../info/img/title_img.png) no-repeat left top;
	position: absolute;
	left: -50px;
	}
/* キャンプ場 */
#camp h1.title {
	background: #FFE1D1 url(../../camp/img/title_line.png) repeat-x center bottom;
	padding-bottom: 5px;
	}
#camp h1.title span:before {
	content: "";
	background: url(../../camp/img/title_img.png) no-repeat left top;
	position: absolute;
	right: -50px;
	}
/* ご利用案内・営業時間 */
#guide h1.title {
	background: #E6F2DD url(../../guide/img/title_line.png) repeat-x center bottom;
	padding-bottom: 5px;
	}
#guide h1.title span:before {
	content: "";
	background: url(../../guide/img/title_img.png) no-repeat left top;
	position: absolute;
	left: -50px;
	}
/* 自転車センターの取り組み */
#efforts h1.title {
	background: #DEF9FA url(../../efforts/img/title_line.png) repeat-x center bottom;
	padding-bottom: 5px;
	}
#efforts h1.title span:before {
	content: "";
	background: url(../../efforts/img/title_img.png) no-repeat left top;
	position: absolute;
	left: -50px;
	}
/* 初心者自転車教室 */
#school h1.title {
	background: #E3EEF7 url(../../school/img/title_line.png) repeat-x center bottom;
	padding-bottom: 5px;
	}
#school h1.title span:before {
	content: "";
	background: url(../../school/img/title_img.png) no-repeat left top;
	position: absolute;
	right: -50px;
	}


/* ▼▼▼ ヘッダー
=====================================*/
header {
	width: 100%;
	height: 235px;
	background: url(../img/bg_header.png) no-repeat center top;
	position: relative;
	overflow: hidden;
	}
#header_inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}
	header #bicycle {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: -60px;
		}

/* グローバルナビゲーション */
#gnav {
	position: relative;
	clear: both;
	z-index: 2000;
	}
	#gnav li {float: left;}
	#gnav li.event {background: url(../img/gnav01_over.png) no-repeat left top;}
	#gnav li.info {background: url(../img/gnav02_over.png) no-repeat left top;}
	#gnav li.camp {background: url(../img/gnav03_over.png) no-repeat left top;}
	#gnav li.guide {background: url(../img/gnav04_over.png) no-repeat left top;}
	#gnav li.efforts {background: url(../img/gnav05_over.png) no-repeat left top;}
	#gnav li a {display: block;height: 73px;}
.menu {
	display: none;
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 2000;
	}
	.menu .menu_inner {
		position: absolute;
		top: 0;
		left: 0;
		padding: 30px 30px 10px;
		}
		.menu ul + span {
			display: block;
			width: 28px;
			height: 10px;
			position: absolute;
			top: -10px;
			}
	.menu .menu_inner li {
		float: left;
		width: 210px;
		margin: 0 20px 20px 0;
		color: #fff;
		line-height: 1.2;
		}
		.menu .menu_inner li a {
			display: block;
			margin: 10px 0 0;
			color: #fff;
			text-decoration: underline;
			overflow: hidden;
			}
		.menu .menu_inner li a:hover {text-decoration: none;}
		.menu .menu_inner li img {
			display: block;
			margin-bottom: 10px;
			}
		.menu .menu_inner li span {
			background: url(../img/arrow_menu.png) no-repeat right center;
			padding-right: 10px;
			}
	.menu_inner li:nth-child(4n) {margin-right: 0;}
	#m_info .menu_inner li:nth-child(1),
	#m_info .menu_inner li:nth-child(2),
	#m_info .menu_inner li:nth-child(3),
	#m_info .menu_inner li:nth-child(4) {min-height: 220px;}
	#m_info .menu_inner {background: #FB444A;}
	#m_camp .menu_inner {background: #FD6717;}
	#m_guide .menu_inner {background: #58A22C;}
	#m_efforts .menu_inner {background: #23A2EC;}
	#m_info ul + span {
		background: url(../img/gnav02_arrow.png) no-repeat left top;
		left: 264px;
		}
	#m_camp ul + span {
		background: url(../img/gnav03_arrow.png) no-repeat left top;
		left: 410px;
		}
	#m_guide ul + span {
		background: url(../img/gnav04_arrow.png) no-repeat left top;
		left: 598px;
		}
	#m_efforts ul + span {
		background: url(../img/gnav05_arrow.png) no-repeat left top;
		left: 840px;
		}

#hnav {
	position: absolute;
	top: 0;
	right: 0;
	}
	#hnav > li {
		float: left;
		margin-left: 15px;
		}
	#hnav li #lang ul {
	    display: none;
		}
	#hnav li #lang p,
	#hnav li #lang li {
		width: 130px;
		height: 30px;
		background: #fff url(../img/bg_lang.png) no-repeat right top;
		padding: 0 10px;
		font-size: 13px;
		line-height: 30px;
		}
	#hnav li #lang li {
		background: #fff url(../img/bg_lang02.png) no-repeat right top;
		border-top: 1px solid #999;
		}
		#hnav li #lang li a {display: block;}


/* google翻訳 */
.goog-te-gadget-simple {
	height: 30px;
	padding-top: 3px !important;
	}
.goog-te-menu-value:hover {
	text-decoration: none;
	}
.goog-te-menu-frame {
	left: 300px !important;
	}
/* ▼▼▼ 1400px
=====================================*/
@media screen and (max-width: 1400px) {

	.goog-te-menu-frame {
		left: 200px !important;
		}
}
/* ▼▼▼ 1200px
=====================================*/
@media screen and (max-width: 1200px) {

	.goog-te-menu-frame {
		left: 50px !important;
		}
}
/* ▼▼▼ 1100px
=====================================*/
@media screen and (max-width: 1100px) {

	.goog-te-menu-frame {
		left: 0 !important;
		}
}




/* ▼▼▼ メイン 「コンテンツとサイドを囲む要素」
=====================================*/
#main {
	width: 960px;
	padding: 20px 0;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	}
#home #main {
	width: 100%;
	padding: 0;
	}

/* パンくず */
#path {
	margin-bottom: 30px;
	overflow: hidden;
	}
	#path li {
		float: left;
		margin-right: 10px;
		line-height: 22px;
		}
	#path li a {
		text-decoration: underline;
		line-height: 22px;
		}
	#path li a:hover {text-decoration: none;}
	#path li:after {
		content: ">";
		margin-left: 10px;
		}
	#path li:last-child:after {content: "";}
	#path li:first-child a {
		background: url(../img/ico_home.png) no-repeat left center;
		padding: 0 0 0 35px;
		}


/* コンテンツ */
#contents {
	float: right;
	width: 714px;
	overflow: hidden;
	}
	#contents h2 {margin-bottom: 40px;}
.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
	}

/* ▼▼▼ サイド
=====================================*/
#side {
	float: left;
	width: 220px;
	overflow: hidden;
	}


/* ▼ バナー */
#bnr {
	background: #F3F6F3;
	padding: 25px 0 10px;
	margin-bottom: 50px;
	overflow: hidden;
	}
	#bnr ul {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
		}
		#bnr ul li {
			float: left;
			margin: 0 13px 15px 0;
			}
		#bnr ul li:nth-child(6n) {margin-right: 0;}

/* ▼ フッター背景 */
#bottom {
	height: 247px;
	background: url(../img/bg_footer.png) no-repeat center bottom;
	position: relative;
	overflow: hidden;
	}
	#bottom	#bottom_bicycle {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: -1000px;
		}

/* ▼▼▼ フッター
=====================================*/
footer {
	width: 100%;
	background: url(../img/footer_line.png) repeat-x left top;
	padding: 40px 0;
	clear: both;
	overflow: hidden;
	}
#fnav {
	float: left;
	width: 760px;
	margin-bottom: 20px;
	overflow: hidden;
	}
	#fnav .fnav {
		float: left;
		width: 33%;
		overflow: hidden;
		}
		#fnav .fnav .title {
			margin-bottom: 10px;
			font-size: 17px;
			font-weight: bold;
			}
		#fnav .fnav ul {
			margin-bottom: 10px;
			overflow: hidden;
			}
			#fnav .fnav ul li {margin-bottom: 5px;}
			#fnav .fnav ul li a {
				background: url(../img/arrow_footer.png) no-repeat left center;
				padding-left: 15px;
				}
footer .guide {
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
	}
#footer_inner {
	display: table;
	width: 100%;
	background: #434343;
	padding: 30px 0;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
	overflow: hidden;
	}
	要素 {

    margin-bottom: 10px;

}
#footer_inner .logo_footer {
	margin-bottom: 10px;
}
	#footer_inner .logo_footer,
	#footer_inner .address {
		display: block;
		vertical-align: middle;
		font-size: 16px;
		padding-right: 30px;
		text-align: center;
		}
		#footer_inner .logo_footer a {
			color: #fff;
		}

footer ul.other {
	margin-bottom: 10px;
	font-size: 13px;
	text-align: center;
	overflow: hidden;
	}
	footer ul.other li {
		display: inline-block;
		margin-right: 20px;
		}
	footer ul.other li:after {
		content: "｜";
		margin-left: 20px;
		}
	footer ul.other li:last-child {
		margin-right: 0;
		}
	footer ul.other li:last-childi:after {
		content: "";
		margin-right: 0;
		}

/* ▼ ページ上部へ戻る */
.pagetop {
	position: absolute;
	bottom: -5px;
	right: 0;
	cursor: pointer;
	}

/* ▼ コピーライト */
#copyright {
	font-size: 11px;
	text-align: center;
	}


/* ▼▼▼ トップ
=====================================*/

/* ▼ メインビジュアル */
#mainVisual {
	height: 480px;
	background: url(../img/top/mainVisual.jpg) no-repeat center top;
	}
#mainVisual ul.top_slider {padding-left: 0;}
	#mainVisual ul.top_slider li {height: 480px;}
	#mainVisual ul.top_slider li.v01 {background: url(../img/top/mainVisual01.jpg) no-repeat center top;}
	#mainVisual ul.top_slider li.v02 {background: url(../img/top/mainVisual02.jpg) no-repeat center top;}
	#mainVisual ul.top_slider li.v03 {background: url(../img/top/mainVisual03.jpg) no-repeat center top;}
	#mainVisual ul.top_slider li.v04 {background: url(../img/top/mainVisual04.jpg) no-repeat center top;}
#mainVisual .inner {height: 480px;}
#mainVisual .inner02 {position: absolute;top: 0;left: 0;}
	#next {
		width: 226px;
		height: 262px;
		background: url(../img/top/next_event_bg.png) no-repeat left top;
		padding: 63px 37px 0 31px;
		color: #fff;
		position: absolute;
		bottom: -90px;
		left: -60px;
		z-index: 1000;
		}
		#next p {text-align: center;}
		#next .date {
			margin: 5px 0;
			font-size: 15px;
			}
		#next .subject a {
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			line-height: 1.3;
			}
		#next .list a {
			color: #fff;
			font-size: 12px;
			text-decoration: underline;
			}
		#next .list a:hover {text-decoration: none;}
			#next .list:after {
				content: ">";
				margin-left: 5px;
				}

/* ▼ 営業時間 */
.hours table {
	width: 794px;
	height: auto;
	margin-left: 160px;
	background: #fff;
	border: 5px solid #336600;
	font-size: 30px;
	border-radius: 18px;
	box-shadow: 5px 5px rgba(141,159,122,0.8);
	color: #3d3d3d;
	font-weight: bold;
}
.hours table th,
.hours table td {
	text-align: center;
	vertical-align: middle;
}
.hours table th {
	background: #336600;
	color: #fff;
	width: 50%;
	height: 58px;
	letter-spacing: 5px;
}
.hours table th::before {
	content: url(../img/top/clock.png);
	margin: 10px;
	position: relative;
	top: 8px;
	left: -10px;
}
.hours table td.text {
	padding: 10px 5px;
	font-size: 20px;
	line-height: 2;
	border-top: 1px solid #336600;
}

#blog_top {
	height: auto;
	padding: 30px 0 55px;
	position: relative;
	background: url(../img/top/blog_bg_repeat.png) repeat left top;
	background-size: contain;
	}
	#blog_top h2 {
		margin-bottom: 45px;
	}
	#blog_top h2,
	#blog_top p.list {
		text-align: center;
	}
	#blog_top ul {
		width: 100%;
		overflow: hidden;
		margin-bottom: 30px;
		}
		#blog_top ul li {
			width: 470px;
			float: left;
			background: #fff url(../img/top/blog_bg.png) no-repeat left top;
			padding: 20px;
			box-shadow:3px 3px 8px 0px #c4c4c4;
			border-radius: 20px;
			margin-bottom: 20px;
			margin-right: 5px;
		}
		#blog_top ul li:nth-child(even) {margin-left: 10px;}
		#blog_top ul li:hover {opacity: 0.6;}
		#blog_top ul li a {text-decoration: none;}
		#blog_top ul li a > div {
			display: inline-block;
			width: 250px;
			float: right;
		}
		#blog_top ul li .photo {
			display: inline-block;
		}
		#blog_top ul li .height {
			padding-left: 20px;
			overflow: hidden;
		}
		#blog_top ul li .subject {
			font-size: 20px;
			font-weight: bold;
			color: #E63357;
			margin-bottom: 15px;
		}
		#blog_top ul li .read {
			margin-bottom: 25px;
		}
		#blog_top ul li .date {
			font-size: 14px;
			color: #666;
		}

/* ▼ 楽しみ方 */
#enjoy {
	height: auto;
	padding-bottom: 20px;
	position: relative;
	}
	#enjoy::before{
		background: url(../img/top/enjoy_line.png) repeat-x left top;
		margin-bottom: 25px;
		content: " ";
		display: block;
		width: 100%;
		height: 13px;
	}
	#enjoy .enjoy_box {
		width: 962px;
		height: 347px;
		margin: 0 auto;
		position: relative;
		}
	#enjoy h2 {
		position: absolute;
		top: -15px;
		left: 215px;
		z-index: 200;
		}
		#enjoy ul {
			padding: 100px 0 0;
			text-align: center;
			position: relative;
			z-index: 100;
			overflow: hidden;
			}
			#enjoy ul li {
				display: inline-block;
				}
			#enjoy ul li:last-child {margin-left: 0;}

/* ▼ イベント */
#event_top {
	background: url(../img/top/line.png) repeat-x left bottom;
	padding: 30px 0 70px;
	position: relative;
	overflow: hidden;
	}
	#event_top h2 {
		text-align: center;
		position: relative;
		z-index: 100;
		margin-bottom: 30px;
		}
		#event_top ul {
			margin: -24px auto 0;
			overflow: hidden;
			}
			#event_top ul li {
				float: left;
				width: 305px;
				margin: 0 20px 30px 0;
				position: relative;
				z-index: 200;
				}
			#event_top ul li:nth-child(3n) {margin-right: 0;}
				#event_top ul li .date {
					padding-left: 80px;
					margin: 10px 0 5px;
					}
				#event_top ul li .date.e01 {background: url(../img/top/event_cate01.png) no-repeat left center;}
				#event_top ul li .date.e02 {background: url(../img/top/event_cate02.png) no-repeat left center;}
				#event_top ul li .date.e03 {background: url(../img/top/event_cate03.png) no-repeat left center;}
				#event_top ul li .date.e04 {background: url(../img/top/event_cate04.png) no-repeat left center;}
				#event_top ul li .subject {
					font-size: 15px;
					font-weight: bold;
					margin-bottom: 10px;
				}
				#event_top ul li:hover {
				    -ms-filter: "alpha(opacity=60)";
				    -moz-opacity:0.6;
				    -khtml-opacity: 0.6;
				    opacity: 0.6;
				    }
		#event_top .list {
			text-align: center
			}
		#event_top #event_b01,
		#event_top #event_b02,
		#event_top #event_b03,
		#event_top #event_b04 {
			position: absolute;
			top: -40px;
			}
		#event_top #event_b01 {left: -140px;}
		#event_top #event_b02 {left: -70px;}
		#event_top #event_b03 {right: -70px;}
		#event_top #event_b04 {right: -140px;}
#event_top #event_car {
	width: 100%;
	position: absolute;
	bottom: 5px;
	left: -143px;
	}

/* ▼ インフォメーション */
#guide_top {
	background: url(../img/top/guide_bg.jpg) no-repeat center top;
	}
#guide_top .guide_top_inner {
	height: 600px;
	background: url(../img/top/line.png) repeat-x left bottom;
	padding: 50px 0;
	}
	#guide_top #calendar {
		float: left;
		width: 290px;
		min-height: 500px;
		background: #fff;
		}
		#guide_top #calendar .calendar_inner {
			padding: 20px;
			}
			#guide_top #calendar .calendar_inner .calendar {margin: -74px -20px 7px;}
	#guide_top #other {
		float: right;
		width: 650px;
		}
		#guide_top #other ul {overflow: hidden;}
			#guide_top #other ul li {
				float: left;
				margin: 0 20px 20px 0;
				position: relative;
				}
			#guide_top #other ul li:nth-child(2) {margin-right: 0;}
			#guide_top #other ul li:last-child {margin: 0;}

			#guide_top #other ul li p {
				position: absolute;
				top: 35px;
				right: 25px;
				}

/* ▼ ツイッター */
#twitter {
	padding: 50px 0;
	overflow: hidden;
	}
	#twitter h3 {
		margin-bottom: 20px;
		text-align: center;
		}
	#twitter div {
		height: 350px;
		background: #64C4F9 url(../img/top/twitter_dummy.png) no-repeat center top;
		}