@charset "UTF-8";

@import url(base.css);

/*--------------------------------------------------------------*/

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	
*/

/* ------------------------------------------------------------ */
/* 営業・料金箇所 */
/* ------------------------------------------------------------ */
#information .infoBox {
    background:rgba(227,241,229,.6);
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    margin: 0 auto 20px;
}
#information .infoBox ul {
    clear: both;
/*    overflow: hidden; */
}
#information .infoBox li {
/*    width: 50%; */
/*    float: left; */
	background:url(../img/dot1.png) no-repeat left 6px;
    margin: 0px 0px 10px;
    padding-left: 15px;
}
#information .infoBox h4 {
	margin:10px 0px 10px;
}
#information .infoBox h4 span {
	font-size:20px;
	margin:0px;
}
#information .infoBox h4 img {
	width:180px;
	height:40px;
}
#information h3 {
	font-size:20px;
	color:#004400;
	margin:0 0 10px;
}

/* ------------------------------------------------------------ */
/* 電動アシストマウンテンバイク箇所 */
/* ------------------------------------------------------------ */
#e-mtb .item {
	width:100%;
	clear:both;
	overflow:hidden;
	margin:40px 0 30px;
}
#e-mtb .item .photo {
	width:300px;
	float:right;
	margin:0px 0px 0px 30px;
}
#e-mtb .item .textBox {
	font-size:16px;
}
#e-mtb .item .textBox2 {
	font-size:14px;
}
#e-mtb h4 {
	font-size:20px;
	color:#004400;
	margin:0 0 10px;
}
#e-mtb h3 {
	font-size:20px;
	color:#004400;
	margin:0 0 10px;
}

/* ------------------------------------------------------------ */
/* コースガイド箇所 */
/* ------------------------------------------------------------ */
#course .item {
	width:100%;
	clear:both;
	overflow:hidden;
	margin:40px 0 30px;
}
#course .item .photo {
	width:330px;
	float:right;
	margin:0px 0px 0px 30px;
}
#course .item .textBox {
	font-size:16px;
}
#course h4 {
	font-size:20px;
	color:#004400;
	margin:0 0 10px;
}
#course h3 {
	font-size:20px;
	color:#004400;
	margin:0 0 10px;
}

/* ------------------------------------------------------------ */
/* レンタル箇所 */
/* ------------------------------------------------------------ */
#rental .item {
	width:100%;
	clear:both;
	overflow:hidden;
	margin:40px 0 30px;
}
#rental .item .photo {
	width:50%;
	max-width:330px;
	float:right;
	margin:0px 0px 0px 30px;
}
#rental .item .textBox {
	width:50%;
	font-size:16px;
}
#rental h4 {
	font-size:20px;
	color:#004400;
	margin:0 0 10px;
}
#rental h3 {
	font-size:20px;
	color:#004400;
	margin:0px 0px 10px;
}
#rental .infoBox {
    background:rgba(227,241,229,.6);
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    margin: 0 auto 40px;
}
#rental .infoBox ul {
    clear: both;
    overflow: hidden;
}
#rental .infoBox li {
/*    width: 50%; */
/*    float: left; */
	background:url(../img/dot1.png) no-repeat left 6px;
    margin: 0px 0px 10px;
    padding-left: 15px;
}
#rental .infoBox h4 {
	margin:10px 0px 10px;
}
#rental .infoBox h4 span {
	font-size:13px;
	font-weight:normal;
	margin:0px 0px 0px 20px;
}
#rental .infoBox h4 img {
	width:180px;
	height:40px;
}

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

* html body {     
    background:url(null) fixed;
	    -webkit-font-smoothing: antialiased;
}  

body {
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	font-family:'Yu Gothic', "メイリオ", "ヒラギノ角ゴ Pro W3", Helvetica, Arial;
}
html {
	overflow-x:hidden;
} 

.img_left {
	float:left;
	margin:0 15px 15px 0;
}
.img_right {
	float:right;
	margin:0 0 15px 15px;
}

.sb-toggle-left {
  position: absolute;
  top: 5px;
  left: 5px;
}

.sb-toggle-right {
  position: absolute;
  top: 5px;
  right: 5px;
  overflow: hidden;
}

.content {
  display: block;
  width: 90%;
  max-width: 800px;
  margin: 80px auto 0;
}

.content p {
  margin-top: 80px;
}

.sb-slidebar {
  color: #fafafa;
  padding: 0;
}


/* サイドバー */
.sb-slidebar.sb-right {
  -webkit-overflow-scrolling: touch;
}

.sb-right-inner {
  border: none;
  width: 100%;
  height: 100%;
}

/* ------------------------------------------------------------ 
text-transform は、大文字と小文字の変換を指定するプロパティです。
------------------------------------------------------------ */

/* 一文字目を大文字にする */
.text {text-transform:capitalize;}

/* 全ての文字を大文字に変換 */
.text {text-transform:uppercase;}

/* 全ての文字を小文字に変換 */
.text {text-transform:lowercase;}

/* ------------------------------------------------------------ 
縦書きプロパティです。
------------------------------------------------------------ */
.vertical {
    font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
    height: 16em;
    margin-left: 2em;
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* ------------------------------------------------------------ 
要素に2D変形、または、3D変形を適用
------------------------------------------------------------ */
.vertical {
	-webkit-transition: all .5s;
	transition: all .5s;
}

/* ------------------------------------------------------------ 
角R
------------------------------------------------------------ */
.vertical {
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */
}



/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */
::selection {
    color: #95c2b6;
    background: rgba(149,194,182,0.2);
}
#info li a img,
#resv .btn,
a i,
a {
	-webkit-transition: all .5s;
	transition: all .5s;
}
a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}
a:active {
	color:#333;
	text-decoration:none;
}
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ------------------------------------------------------------ */
/* 全体格納 */
/* ------------------------------------------------------------ */
#wrapper {
	height:100%;
	clear:both;
	overflow:hidden;
}
#contener {
	max-width:1024px;
	width:100%;
	margin:0 auto;
}
/* ------------------------------------------------------------ */
/* MV */
/* ------------------------------------------------------------ */

.main-visual {
  width: 100%;
  position:relative;
}
.main-visual .en {
	position:absolute;
	top:30px;
	right:30px;
	display:block;
	color:#000;
	font-size:12px;
	text-align:center;
	padding:5px 10px;
	background:#8fc31f;
	z-index:99999;
}
.mv_slide {
	width:100%;
	margin:0 auto;
}
.mv_slide img {
	width:100%;
}
/* ------------------------------------------------------------ */
/* サイドバー */
/* ------------------------------------------------------------ */
#sidebar {
	width:250px;
	background:#fff;
	margin:-210px 0 0;
	height: 100vh;
	min-height:9600px;
	position:relative;
	z-index:99;
	float:left;
/* box-shadow */
box-shadow:0px 0px 6px 0px rgba(0,0,0,0.26);
-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.26);
-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.26);
}
#fixSide.fix {
    width: 250px;
    background: #fff;
    margin: -210px 0 0;
    min-height: 100vh;
    position: fixed;
    top: 0;
    float: none;
    margin: 0 !important;
    z-index: 99;
    float: left;
}
#sidebar.fix {
}
#sidebar.fix h1 {
	display:none;
}
#sidebar h1 img {
	width:140px;
	height:131px;
}
#sidebar h1 {
	width:140px;
	margin:0 auto;
	padding:40px;
}
#sidebar .info {
	background:#8FC31F;
	width:210px;
	margin:0 auto 20px;
	padding:15px 0;
	text-align:center;
	line-height:1em;
}
#sidebar .info .cap {
	font-size:15px;
	margin:0 0 10px;
}
#sidebar .info .tel {
	font-size:22px;
	margin:0 0 10px;
}
#sidebar .info a {
	background:#000;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	width:160px;
	display:block;
	margin:0 auto;
	font-size:12px;
border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */
}
#sidebar .info a:hover {
	color:#000;
	background:#fff;
}
#sidebar .nav {
	width:210px;
	margin:0 auto 20px;
	border-top:solid 1px #f0f0f0;
}
#sidebar .nav li a {
	height:45px;
	line-height:45px;
	border-bottom:solid 1px #f0f0f0;
	display:block;
	font-size:16px;
}
#sidebar .nav li a:hover {
	color:#666;
}
#sidebar .nav li a i {
	margin:0 10px;
	color: #f0f0f0;
}
#sidebar .nav li a:hover i {
	color:#000;
}
#sidebar #pagetop {
	width:210px;
	background:#8FC31F;
	height:25px;
	line-height:25px;
	font-size:12px;
	text-align:center;
	color:#333;
	display:block;
	margin:0 auto 20px;
border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */
}
#sidebar #pagetop:hover {
	color:#fff;
	background:#004400;
}
#sidebar .add {
	width:210px;
	margin:0 auto;
	font-size:12px;
}
/* ------------------------------------------------------------ */
/* コンテンツ */
/* ------------------------------------------------------------ */
#main {
	width:720px;
	float:right;
	padding:50px 0;
}
#main h2 {
	font-size:24px;
	font-weight:bold;
}
.nomal h2 {
	background:#fff url(../img/tt_dot1.png) no-repeat left center;
	color:#004400;
	border-top:solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;
	line-height:1.2em;
	width:100%;
	box-sizing:border-box;
	padding:10px 20px 8px 30px;
	margin:0 0 30px;
}
#main section {
	clear:both;
	overflow:hidden;
	margin:0 0 80px;
}
#main section.nomal h3 {
	margin:0 0 20px;
	font-size:22px;
}
#main section.nomal .txt {
	font-size:16px;
	margin:0 0 40px;
}
#main section.nomal .txt .box {
	margin:0 0 20px;
	line-height:1.6em;
}
#main section.nomal .txt p.cap {
	font-size:12px;
}
#info ul {
	width:386px;
	float:left;
}
#info li {
	margin:0 0 10px;
}
#info .fb-page {
	width:300px;
	float:right;
}
#info .fb-page iframe {
	width:300px;
	height:410px;
}
#info li a:hover img {
	opacity:0.7;
}
#guide {
	width:100%;
	background:url(../img/bg_rsev3.jpg) no-repeat center top;
	box-sizing:border-box;
	padding:35px;
}
#guide h2 span {
	color:#fff;
	padding:10px 0 0;
	border-top:solid 1px #fff;
}
#guide h2 {
	margin:0 0 40px;
}
#guide ul {
	margin:0 0 40px;
}
#guide li {
	padding:25px;
	width:100%;
	box-sizing:border-box;
	background:rgba(0,0,0,0.75);
	color:#fff;
	margin:0 0 20px;
}
#guide li h3 {
	font-size:22px;
	margin:0 0 10px;
	line-height:1em;
}
#guide li h3 span {
	padding:5px 10px;
	background:#fff;
	color:#000;
	font-size:14px;
	margin:0 15px 0 0;
}
#guide .btn {
	width:100%;
	height:100px;
	background:rgba(255,255,255,0.75);
	padding:5px;
	box-sizing:border-box;
	line-height:90px;
	display:block;
	text-align:center;
	font-size:30px;
	position:relative;
}
#guide .btn:hover {
	background:rgba(199,139,7,0.80);
	color:#fff;
	letter-spacing:.1em;
}
#guide .btn:after {
	content:'';
	position:absolute;
	top:5px;
	left:5px;
	display:block;
	width:640px;
	height:90px;
	border:solid 1px #000;
	box-sizing:border-box;
}
#information .top {
	margin:0 0 20px;
}
#information .photoBox {
	width:100%;
	overflow:hidden;}
#information .photo {
	width:103%;
}
#information .photo li {
	width:30%;
	height:164px;
	float:left;
	margin:0 3% 20px 0;
	position:relative;
}
#information .photo li span {
	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:30px;
	line-height:30px;
	background:#8fc31f;
	text-align:center;
	font-size:12px;
	color:#000;
}
#information .photo li img {
	width:100%;
	height:auto;
}
.sliderBox {
	margin:0 0 20px;
}
.sliderBox .bx-pager {
	position:absolute;
	right:15px;
	top:20px;
	text-align:right !important;
}
#event .item {
	width:100%;
	clear:both;
/*	overflow:hidden; */
	margin:0 0 30px;
}
#event .item .photo {
	width:15%;
	min-width:100px;
	float:left;
	margin:0 30px 0 0;
}
#event .item table {
	margin-top:30px;
	width:100%;
}
#event .item td .day {
	width:120px;
	min-width:120px;
	padding-right:20px;
	vertical-align:top;
}
#event .item td .r-area {
	width:85%;
	vertical-align:top;
}
#event .item h4 {
	font-size:18px;
	margin:0 0 10px;
}
#event .itemBox {
}
#event .itemBox ul {
	width:100%;
}
#event .itemBox ul li {
	width:22%;
	margin:0 2.5% 20px 0;
    display: inline-block;
    vertical-align: top;
	overflow:hidden;
	padding:0;
	font-size:95%;
	line-height:1.3em;
}
#event .itemBox ul li .photo {
	margin:0 0 10px;
}
#event .itemBox ul li .photo img {
	width:100%;
}
#event .itemBox ul li h4 {
	margin:0 0 5px;
	font-size:107%;
}
#access .item {
	margin:0 0 40px;
	line-height:1.8em;
}
#access .item h4 {
	font-size:20px;
	margin:0 0 10px;
	position:relative;
	padding:15px 0 0;
}
#access .item h4:before {
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:1px;
	content:'';
	border-top:solid 1px #000;
}
#access .cap {
	background:#f4f4f4;
	text-align:center;
	box-sizing:border-box;
	padding:40px;
	margin:0 0 40px;
	font-size:16px;
	line-height:1.8em;
}
#access #map{
    width: 100%;
    height: 400px;
	margin:0 0 20px;
}
#banner li {
	width:24%;
	margin:0 1% 8px 0;
	float:left;
}
#banner li img {
	width:100%;
	height:auto;
}

#w-topics .topics {
	width:55%;
	float:left;
}
#w-topics .topics h3 {
	font-weight:bold;
	color:#004400;
	border-top:solid 1px #e0e0e0;
	padding-top:6px;
	margin-bottom:10px;
	width:100%;
}

#w-topics .topics h3 span {
	font-size:16px;
}

#w-topics .facebook {
	width:40%;
	float:right;
}

#w-clear {
	width:100%;
	clear: both;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
footer {
	background:rgba(0,68,0,1.00);
	color:#fff;
	text-align:center;
	padding:20px 0;
	z-index:9999;
	position:relative;
	clear:both;
}
footer .box {
	max-width:1024px;
	margin:0 auto;
	padding:10px 0;
	clear:both;
	overflow:hidden;
}
footer h2 {
	width:110px;
	padding:0 0 0 70px;
	float:left;
}
footer h2 svg {
	width:110px;
	height:103px;
}
footer .bottom {
	clear:both;
	width:100%;
}
footer .add {
	float:left;
}
footer .copy {
	float:right;
	font-size:85%;
}
.hiwey {
	width:160px;
	float:right;
	margin:0 0 10px 10px;
}
footer .add a {
	color:#fff;
}
#yoyaku {
    background: #f4f4f4;
	width:100%;
	box-sizing:border-box;
	padding:35px;
}
#yoyaku form {
	font-size:107%;
}
#yoyaku form div.box {
	margin:0 0 40px;
}
#yoyaku form div.box h4 {
	padding:10px;
	background:#fff;
	margin:0 0 20px;
	font-size:107%;
}
#yoyaku form .nin li {
	margin:0 0 15px;
}
#yoyaku form select {
	margin:0 5px ;
}
/* デフォルト：980px以上用（PC用）の記述 */
@media screen and (min-width: 1024px) {
.sp {
	display:none;
}
/*#guide {
	margin:0 0 40px !important;
}
*/
}
@media screen and (max-width: 1023px) {
    /* 1023px以下用（タブレット用）の記述 */

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 2;
  background:rgba(255,255,255,0.89);
}
header::after {
  content: "";
  clear: both;
  display: block;
}
header h1 {
	width:200px;
	margin:0 auto;
	padding:15px 0 0;
}
header h1 img {
	width:100%;
	height:auto;
}

.sb-slidebar ul {
  padding: 0;
  width:100%;
  border-top:solid 1px rgba(255,255,255,0.1);
  margin:0 0 30px;
}
.sb-slidebar .pagetop {
	display:block;
	width:90%;
	margin:0 auto;
	background:rgba(255,255,255,0.85);
	color:#000;
	padding:8px;
	box-sizing:border-box;
	text-align:center;
border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */
}

.sb-slidebar li {
  list-style: none;
  margin: 2px 0;
  width:100%;
  box-sizing:border-box;
  border-bottom:solid 1px rgba(255,255,255,0.1);
}
.sb-slidebar li a {
	color:#fff;
  padding:20px;
  display:block;
  font-size:18px;
}
.sb-slidebar li a i {
	margin:0 10px 0 0;
}
section {
	margin-top:-60px !important;
	padding-top:60px !important;
}
.pc {
	display:none !important;
}
footer .box {
    margin: 0 auto;
    padding: 10px 0;
	width:92%;
}
footer .btn {
    width: 100%;
    height: 90px;
    background: rgba(255,255,255,0.75);
    padding: 5px;
    box-sizing: border-box;
    line-height: 90px;
    display: block;
    text-align: center;
    font-size: 28px;
    position: relative;
    float: none;
    margin: 0 0 30px;
}
footer .btn:after {
	display:none;
}
#main {
    width: 92%;
    float: none;
	margin:0 auto;
    padding: 50px 0;
}
#guide {
	width:100% !important;
	margin-top:10px !important;
	padding:20px;
}
#guide .btn:after {
	display:none;
}
/*ボタン*/
#button {
	position:absolute;
	left: 15px;
    top: 15px;
    width: 35px;
    height: 25px;
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
	z-index: 999;
}
#button span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #333;
	border-radius: 3px;
}
#button span:nth-of-type(1) {
	top: 0;
}
#button span:nth-of-type(2) {
	top: 11px;
}
#button span:nth-of-type(3) {
	bottom: 0;
}
div.btnBox.active {
    position: absolute;
    background: #fff;
    padding: 6% 0 0;
    width: 100%;
	/*min-height:15px;*/
}

.sb-active #button span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.sb-active #button span:nth-of-type(2) {
	opacity: 0;
}
.sb-active #button span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transform: translate( 0px );
	   -moz-transform: translate( 0px );
	     -o-transform: translate( 0px );
	        transform: translate( 0px );
	
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition:    -moz-transform 400ms ease;
	     -o-transition:      -o-transform 400ms ease;
	        transition:         transform 400ms ease;
	
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

.main-visual {
	padding:60px 0 0;
}
footer .add a {
	color:#fff;
}
#fixSp {
	background:rgba(0,68,0,0.50);
	width:100%;
	position:fixed;
	z-index:999;
	padding:10px 0;
	left:0;
	bottom:0;
}
#fixSp .sp_tel {
	color:#fff;
	font-size:18px;
	display:block;
	margin:0 0 0 3%;
	width:100%;
	float:left;
	text-align:center;
}
#fixSp .sp_tel i {
	margin:0 5px 0 0;
}
#fixSp .sp_btn {
	width:0%;
	text-align:center;
	background:#FFFFFF;
	color:#333;
	box-sizing:border-box;
	padding:5px ;
	font-size:12px;
	display:block;
	float:right;
	margin:0 3% 0 0;
}
footer {
	padding:10px 0 50px;
}

}

@media screen and (max-width: 767px) {
    /* 767px以下用（タブレット／スマートフォン用）の記述 */
.fb-page {
	/* display:none !important; */
}
#facility .photo li span,
#information .photo li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 20px;
    line-height: 20px;
    background: #000;
    text-align: center;
    font-size: 10px;
    color: #fff;
}
#info ul {
    width: 100%;
    float:none;
	margin:0 0 20px;
}
#info ul li img {
	width:100%;
	height:auto;
}
#main {
    padding: 30px 0;
	width:100%;
}
#main section {
	width:90%;
	margin:0px auto 40px;
}
#guide {
	width:100% !important;
	margin-top:10px !important;
	padding:20px;
}
#guide ul {
	margin:0 0 20px;
}
#guide li {
    padding: 15px;
	margin:0 0 10px;
	height:auto;
}
#guide h2 {
    margin: 0 0 20px;
}
#guide li h3 {
    font-size: 14px;
    margin: 0 0 10px;
}
#guide li h3 span {
    padding: 2px 5px;
    background: #fff;
    color: #000;
    font-size: 12px;
    margin: 0 10px 0 0;
}
#main h2 {
    font-size: 18px;
    font-weight: bold;
}
#main section.nomal h3 {
    margin: 0 0 15px;
    font-size: 18px;
}
#main section.nomal .txt {
    font-size: 14px;
    margin: 0 0 20px;
}
#information .top img {
	width:100%;
	height:auto;
}
#information .photo li {
    width: 48%;
    height: auto;
    float: left;
    margin: 0 2% 10px 0;
    position: relative;
}
#information .infoBox ul {
    margin: 0 0 20px;
}
#information .infoBox li {
    width: 100%;
    float: none;
    margin: 0 0 5px;
}
#information .infoBox h4 {
	margin:0px 0px 10px;
}
#information .infoBox h4 span {
	font-size:16px;
	margin:0 0 0 10px;
}
#information .infoBox h4 img {
	width:130px;
	height:40px;
}

#w-topics .topics {
	width:100% !important;
	float:none !important;
}
#w-topics .topics h3 {
	font-weight:bold;
	color:#004400;
	border-top:solid 1px #e0e0e0;
	padding-top:6px;
	margin-bottom:10px;
	width:100%;
}

#w-topics .topics h3 span {
	font-size:16px;
}

#w-topics .facebook {
	margin-top:20px !important;
	width:100% !important;
	float:none;
}

#guide .btn {
    width: 100%;
    height: 60px;
	line-height:60px;
	padding:0;
    background: rgba(255,255,255,0.75);
    text-align: center;
    font-size:18px;
border-radius: 6px; /* CSS3草案 */ 
-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 6px; /* Firefox用 */
}
footer .btn {
    width: 100%;
    height: 60px;
    background: rgba(255,255,255,0.75);
    padding: 0;
    box-sizing: border-box;
    line-height: 60px;
    display: block;
    text-align: center;
    font-size: 18px;
    position: relative;
    float: none;
    margin: 0 0 20px;
border-radius: 6px; /* CSS3草案 */ 
-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 6px; /* Firefox用 */
}
footer .add {
    float:none;
	text-align:center;
	margin:0 0 15px;
}
footer .add a {
	color:#fff;
	font-size:22px;
}
footer .copy {
    float:none;
	text-align:center;
    font-size: 85%;
}
.sb-slidebar li a {
    color: #fff;
    padding: 15px;
    display: block;
    font-size: 16px;
}
.hiwey {
	width:160px;
	float:none;
	margin:0 0 30px;
}
#information .infoBox {
    padding: 30px;
}
#information .infoBox h4 {
	margin:0 0 15px;
}
#information .infoBox h4 span {
	font-size:16px;
	display:block;
	margin:0 0 0 -10px;
}
#information .infoBox h4 img {
	width:130px;
	height:40px;
}

#access .cap {
    background: #f4f4f4;
    text-align: left;
    box-sizing: border-box;
    padding: 30px;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.6em;
}
#banner li {
    width: 48%;
    margin: 0 1% 8px;
    float: left;
}
.fb_sp_btn {
	margin:0 0 50px;
}
.fb_sp_btn a {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0;
    background:rgba(55,109,165,1.00);
    text-align: center;
    font-size: 17px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	display:block;
	color:#fff;
}
}

@media screen and (max-width: 479px) {
    /* 479px以下用（スマートフォン用）の記述 */
}