html{}
body{}
/*-----------------------------------------------------------------------------------------------
	パララックス設定
-----------------------------------------------------------------------------------------------*/
#parallax_1{
	background:url(../images/bg_01.jpg) repeat 0% 50% fixed #006432;
	background-size:auto 100%;
	background-size:auto auto;
	height:63em;
	z-index:-100;
	z-index:0;
}
#section_1 div:first-child{
	/*background:url(../images/bg_01.jpg) repeat fixed #006432;*/
	/*background-size:270%;*/
}
#parallax_2{
	background:url(../images/bg_02_140530.jpg) repeat fixed;
	background-position:center;
	background-size:auto 270%;
	background-size:auto 140%;
	/*background-size:auto;*/
	height:626px;
	z-index:-100;
}

#parallax_3{
	background:url(../images/bg_03.jpg) repeat fixed;
	background-size: 100% auto;
	height:606px;
	z-index:-100;
}

#parallax_4{
	background:url(../images/bg_04.jpg) repeat fixed;
	background-size:100% auto;
	height:606px;
	position:relative;
	z-index:-100;
}

#parallax_6{
	background:url(../images/bg_06.jpg) repeat fixed;
	background-size:120% auto;
	height:606px;
	position:relative;
	z-index:-100;
}

#parallax_5{
	background:url(../images/bg_05.jpg) repeat fixed;
	background:url(../images/bg_01_03.jpg) no-repeat bottom fixed #FFF;
	background-size:auto;
	background-size:265%;
	background-size:100% auto;
	height:100%;
	min-height:900px;
	position:relative;
	z-index:0;
	overflow:hidden;
	clear:both;
	margin-top:55px;
	border-top:#CCC solid 1px;
}

	@media (min-width: 1920px) {
		#parallax_1{background-size:100%;}
	}
	@media (max-width: 1919px) {
		#parallax_2{background-size:auto 120%;}
		#parallax_3{background-size:auto 140%;}
		#parallax_4{background-size:auto 140%;}
		#parallax_6{background-size:auto 140%;}
		#parallax_5{background-size:auto 265%;}
		#parallax_5{background-size:auto 120%;}
	}

	@media only screen and (max-device-width:1024px) and (orientation:landscape) {
		#parallax_1{height:668px; background-position-y:750px; background-size:110%}
		#parallax_2{background-position-y:350px; background-size:140%}
		#parallax_3{background-position-y:0px;   background-size:140%}
		#parallax_4{background-position-y:350px; background-size:140%}
		#parallax_6{background-position-y:250px; background-size:140%}
		#parallax_5{background-position-y:100px; background-size:200%}
	}

	@media only screen and (max-device-width:768px) and (orientation:portrait) {
		#parallax_3{background-position-y:-100px; background-size:140%}
		#parallax_4{background-position-y:-100px; background-size:140%}
		#parallax_6{background-position-y:-150px; background-size:140%}
	}

	@media only screen and (max-device-width:568px) and (orientation:landscape) {
		#parallax_1{height:668px; background-position-y:0; background-size:110%}
		#parallax_2{background-position-y:-100px; background-size:140%}
		#parallax_3{background-position-y:-100px;   background-size:140%}
		#parallax_4{background-position-y:-100px; background-size:140%}
		#parallax_6{background-position-y:-150px; background-size:140%}
		#parallax_5{background-position-y:-100px; background-size:200%}
	}

	@media only screen and (max-device-width:320px) and (orientation:portrait) {
		#parallax_3{background-position-y:-100px; background-size:140%}
		#parallax_4{background-position-y:-100px; background-size:140%}
		#parallax_6{background-position-y:-150px; background-size:140%}
	}

	@media (max-width: 768px) {

		#parallax_1{
			background-position:top 0;
			background-attachment:scroll;
			background-size:195%;
			height:60em;
		}
		#parallax_2{
			background-position: top 0;
			background-attachment:scroll;
			background-size:170%;
			height:400px;
		}

		#parallax_3{
			background-position: top 0;
			background-attachment:scroll;
			background-size:170%;
			height:400px;
		}

		#parallax_4{
			background-position: top 0;
			background-attachment:scroll;
			background-size:170%;
			height:400px;
		}

		#parallax_6{
			background-position: top 0;
			background-attachment:scroll;
			background-size:240%;
			height:400px;
		}


		#parallax_5{
			background-position: top 0;
			background-attachment:scroll;
			background-size:330%;
		}

	}

	@media (max-width: 701px) {
		#parallax_1{height:42em;}
		#parallax_2{height:400px;}
		#parallax_3{height:400px;}
		#parallax_4{height:400px;}
		#parallax_6{height:400px;}
		#parallax_5{background-size:300%;}
	}

	@media (max-width: 480px) {

		#parallax_1{
			background-position: 50% top;
			background-attachment:scroll;
			background-size:250%;
			height:500px;
		}

		#parallax_2{
			background-position: 50% top;
			background-attachment:scroll;
			background-size:250%;
			height:400px;
		}

		#parallax_3{
			background-position: 50% top;
			background-attachment:scroll;
			background-size:250%;
			height:400px;
		}

		#parallax_4{
			background-position: 50% top;
			background-attachment:scroll;
			background-size:250%;
			height:400px;
		}

		#parallax_6{
			background-position: 0 0;
			background-attachment:scroll;
			background-size:350%;
			background-position-y:0px;
			height:400px;
		}

		#parallax_5{
			background-position: 50% bottom;
			background-attachment:scroll;
			background-size:35%;
		}

	}



/*-----------------------------------------------------------------------------------------------
	WEBFONT設定
-----------------------------------------------------------------------------------------------*/
@font-face{
	font-family: mplus-2p-regular;
	src: url('../webfonts/mplus-2p-regular.ttf');
	format("truetype");
}
@font-face{
	font-family: mplus-2c-black;
	src: url('../webfonts/mplus-2c-black.ttf')
	format("truetype");
}

body{
	font-family: "mplus-2p-regular",Helvetica Neue,Helvetica,Arial,sans-serif;
}
/*-----------------------------------------------------------------------------------------------
	サイトロゴ設定
-----------------------------------------------------------------------------------------------*/
.site_logo{display:block; width:70%; margin:10px 15%;}
.logo{
	display:block;
	vertical-align: middle;
	max-width:100%;
	position:absolute;
	top:50%;
	margin-top:-12.5%
}
/*-----------------------------------------------------------------------------------------------
	ナビゲーション設定
-----------------------------------------------------------------------------------------------*/
.header{
		border-top:3px solid #156C30;
		box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
		-webkit-transform: translate3d(0,0,0);
}
.header{background:url(../images/bg_header_02.jpg) no-repeat 25% center; background-color:#23B14D; position:fixed; z-index:998; width:100%;}
.header a{
		z-index:1000;
		display: block;
		position:relative;
		height:55px;
		width:45%;
		max-width:211px;
		z-index:999;
		float:right;
}
.headerNav{
	position:fixed;
	-webkit-transform: translate3d(0,0,0);
	top:0;
	left:0;
	width:24%;
	max-width:260px;
	margin-left:5%;
	z-index:999;
	background:#FFFFFF;
	/*border:solid 1px #CCCCCC;*/
	border-top:solid 5px #23B14D;
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4);
	border-radius:0px 5px 5px;
}
.navi_container{/*padding-bottom:28%;*/ float:left; width:100%;}
.headerNavBox a{
	display:block;
	clear: both;
	width:100%;
}
.headerNavBox a div{
	width:100%;
}
.headerNavBtn{
	font-size:16px;
}
	@media (max-width: 700px) {
		.headerNav{
			position:absolute;
			width:25%;
			min-width:135px;
		}
		.headerNavBtn{
			font-size:12px;
		}
	}
	@media (min-width: 1370px) {
		.headerNav{
			/*margin-left:10%;*/
		}
	}

.navbar-toggle {
		position:absolute;
		top:3px;
		left:5%;
		height:auto;
		background-color:#FFF;
		padding:2px;
}
	@media (max-width: 768px){
		.navbar-toggle {border-color: #FFF; z-index:999;}
		.navbar-toggle .icon-bar {background-color: #FFF;}
	}

#headerNav .headerNavBtn{color:#008040;}
#headerNav .headerNavBox a:hover{/*font-weight:bold;*/}
#headerNav .headerNavBox a .headerNavBtn{border-top:1px #FFFFFF solid;}
#headerNav .headerNavBox a.cu .headerNavBtn{background-color:#23B14D; color:#FFFFFF; /*font-weight:bold;*/ border-top:1px #008521 solid;}
#headerNav .headerNavBox a.over .headerNavBtn{background-color:#EEEEEE; color:#008040; /*font-weight:bold;*/ border-top:1px #EDEDED solid;}
#headerNav .headerNavBox a.cu.over .headerNavBtn{background-color:#26BF54; color:#FFFFFF; /*font-weight:bold;*/ border-top:1px #00AE2C solid;}

/* sns_icon設定 */
.sns_icon{text-align:center; padding-bottom: 15%; padding-top:30px; display:block; clear:both;}
.sns_icon a:hover{}
.sns_icon a{margin:0 5px;}
	@media (max-width: 700px) {
		.sns_icon{padding-top:10px; }
		.sns_icon a img{width:15%;}
	}

/* page-top設定*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 30px;
	font-size: 100%;
	z-index:999;
	background:url(../images/pagetop_on.png) no-repeat 0 5px;
}
#page-top a {
	background:url(../images/pagetop.png) no-repeat 0 5px;
	text-decoration: none;
	color: #fff;
	width: 30px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	background:none;
}
#page-top a span{display:none;}


/*-----------------------------------------------------------------------------------------------
	レイアウト設定
-----------------------------------------------------------------------------------------------*/
.section .main_container{/*background:#FFFFFF;*/}
.section{padding-top:55px;}

	@media (max-width: 1370px) {
		.section .main_container,
		.section .container,
		.footer .container{
			position:relative;
			margin-left:30%;
			padding-left:20px;
			width:60%;
			max-width:920px;
		}
	}
	@media (min-width: 1371px) {
		.section .main_container,
		.section .container,
		.footer .container{
			position:relative;
			margin-left:25%;
			padding-left:20px;
			width:60%;
			max-width:1000px;
		}
	}
	@media (max-width: 700px) {
		.section .container,
		.footer .container{
			margin-left:0;
			padding-left:0;
			width:100%;
		}
		.section .main_container{
			margin:0 5%;
			padding-left:0;
			width:90%;
		}
	}

/*-----------------------------------------------------------------------------------------------
	ボタン設定
-----------------------------------------------------------------------------------------------*/
p.button{
	background:url("img01/a_img.gif") no-repeat;
}
p.button a{
	display:block;
	width:200px;
	height:50px;
	background:url("img01/b_img.gif");
	text-indent:-9999px;
}
p.button a:hover{
	background:none;
}


/*パークマップ*/
.bt_01  {background:url(../images/bt_01_on.jpg) 0 0 no-repeat; display:inline-block; margin:1em 0 0 0; left:0; bottom:0;}
.bt_01 a{background:url(../images/bt_01.jpg) 0 0 no-repeat; display:inline-block; width:200px; height:30px;}
.bt_01 a:hover{background:none;}
.bt_01 a span{display:none;}


/*詳細を見る*/
.bt_02  {background:url(../images/bt_02_on.jpg) 0 0 no-repeat; display:inline-block; margin:1em 1em 0 0; left:0; bottom:0;}
.bt_02 a{background:url(../images/bt_02.jpg) 0 0 no-repeat; display:inline-block; width:200px; height:30px;}
.bt_02 a:hover{background:none;}
.bt_02 a span{display:none;}


/*お知らせ一覧*/
.bt_03{width:200px; height:30px; display:inline-block; margin:1em 0 0 0; left:0; bottom:0;}
.bt_03{background: url(../images/bt_03.jpg) 0 0 no-repeat;}
.bt_03:hover{background:url(../images/bt_03_on.jpg) 0 0 no-repeat;}
.bt_03 span{display:none;}

.bt_03  {background:url(../images/bt_03_on.jpg) 0 0 no-repeat; display:inline-block; margin:1em 0 0 0; left:0; bottom:0;}
.bt_03 a{background:url(../images/bt_03.jpg) 0 0 no-repeat; display:inline-block; width:200px; height:30px;}
.bt_03 a:hover{background:none;}
.bt_03 a span{display:none;}


/*WEBサイト*/
.bt_04  {background:url(../images/bt_04_on.jpg) 0 0 no-repeat; display:inline-block; margin:1em 0 0 0; left:0; bottom:0;}
.bt_04 a{background:url(../images/bt_04.jpg) 0 0 no-repeat; display:inline-block; width:200px; height:30px;}
.bt_04 a:hover{background:none;}
.bt_04 a span{display:none;}


/*閉じる*/
.bt_05{width:200px; height:30px; display:inline-block; margin:1em auto 0 auto; left:0; bottom:0;}
.bt_05{background: url(../images/bt_05.jpg) 0 0 no-repeat;}
.bt_05:hover{background:url(../images/bt_05_on.jpg) 0 0 no-repeat;}
.bt_05 span{display:none;}

.bt_05  {background:url(../images/bt_05_on.jpg) 0 0 no-repeat; display:inline-block; margin:1em auto 0 auto; left:0; bottom:0;}
.bt_05 a{background:url(../images/bt_05.jpg) 0 0 no-repeat; display:inline-block; width:200px; height:30px;}
.bt_05 a:hover{background:none;}
.bt_05 a span{display:none;}


/*周辺マップ*/
.bt_06  {background:url(../images/bt_06_on.jpg) 0 0 no-repeat; display:inline-block; margin:1em 1em 0 0; left:0; bottom:0;}
.bt_06 a{background:url(../images/bt_06.jpg) 0 0 no-repeat; display:inline-block; width:200px; height:30px;}
.bt_06 a:hover{background:none;}
.bt_06 a span{display:none;}


/*詳細マップ*/
.bt_07  {background:url(../images/bt_07_on.jpg) 0 0 no-repeat; display:inline-block; margin:1em 0 0 0; left:0; bottom:0;}
.bt_07 a{background:url(../images/bt_07.jpg) 0 0 no-repeat; display:inline-block; width:200px; height:30px;}
.bt_07 a:hover{background:none;}
.bt_07 a span{display:none;}


/*-----------------------------------------------------------------------------------------------
	fancybox・lightbox設定
-----------------------------------------------------------------------------------------------*/
.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color:#333;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	display: none;
}

/*fancybox iframe設定*/
#fancybox-wrap {padding:0;}
#fancybox-content{margin:10px;}
#fancybox-outer{/*padding-top:5px;*/}
#fancybox-frame{/*padding-top:5px;*/}
#fancybox-content{height:600px; overflow:auto; border-width:0px!important; border-top:10px solid #FFF !important; -webkit-overflow-scrolling: touch;}
	@media (max-width: 320px) {
		.content-scroller .content-mask {height:280px;}
		.content-scroller .dragdealer{height:280px;}
	}

/*-----------------------------------------------------------------------------------------------
	コンテンツ設定
-----------------------------------------------------------------------------------------------*/
body{background: url(../images/bg_section_02.gif) repeat-y 10% 666px;}
.section .container h1{
	color:#FFFFFF;
	margin:0 0 -0.15em 0;
	padding:0 5% 0 5%;
	bottom:0px;
	position:absolute;
	width:100%;
	font-size:3.7em;
	font-family:mplus-2c-black;
	line-height:1em;

}
	#section_2.section .container h1:after,
	#section_3.section .container h1:after {
		position:absolute;
		top:0;
		left:0;
		color:#F2F2F2;
		content:attr(title);
		-webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.2) 71%, rgba(0,0,0,0));
	}
	#section_2.section .container h1:after,
	#section_3.section .container h1:after{	margin:0 0 -0.15em 0; padding:0 5% 0 5%; width: 100%;}

.section #parallax_4 .container h1{line-height: 0.791em;}
.section #parallax_6 .container h1{line-height: 0.91em;}
	@media (min-width: 360px) {
		.section .container h1{margin:0 0 -0.19em 0; padding:0 5% 0 5%; font-size:4.17857129233224em; line-height: 1em;}
		.section .container h1:after{margin:0 0 -0.19em 0; padding:0 5% 0 5%; line-height: 1em;}
		.section #parallax_3 .container h1:after{padding:0 5% 0 5%;}
		.section #parallax_4 .container h1{line-height: 0.8em;}
		.section #parallax_6 .container h1{line-height: 0.9em;}
	}
	@media (min-width: 701px) {
		.section .container h1{margin:0 0 -0.19em 0; padding:0 0 0 0; font-size:4.57857129233224em;}
		.section #parallax_2 .container h1:after{margin:0 0 -0.19em 0; padding:0 0 0 0;}
		.section #parallax_3 .container h1:after{padding-right:0;}
		.section #parallax_4 .container h1{line-height: 0.85em;}
		.section #parallax_6 .container h1{line-height: 0.91em;}
	}
	@media (min-width: 961px) {
		.section .container h1{margin:0 0 -0.21em 0; font-size:5.17857129233224em;}
		.section #parallax_2 .container h1:after{margin:0 0 -0.21em 0;}
		.section #parallax_3 .container h1:after{padding-right:0;}
		.section #parallax_4 .container h1{line-height: 1em;}
		.section #parallax_6 .container h1{line-height: 1em;}
	}
	@media (min-width: 1225px) {
		.section .container h1{margin:0 0 -0.18em 0; padding:0 30px 0 0; font-size:8em; }
		.section #parallax_2 .container h1:after{margin:0 0 -0.18em 0; padding:0 30px 0 0;}
		.section #parallax_3 .container h1:after{padding:0 30px 0 0;}
		.section #parallax_4 .container h1{line-height: 0.89em;}
		.section #parallax_6 .container h1{line-height: 1em;}
	}

#section_3.section h1,
#section_3.section h1:after{text-align:right;}
#section_2.section .row{padding-top:14px; background:#FFFFFF;}

.center {
	/*background:#f9f9f9;*/
	/*background:rgba(240,240,240,.7);*/
	width:100%;
	padding:1em;
	margin:2.5em auto 0em auto;
	/*border:1px solid #bbb;*/
}

#section_1 .center {background: url(../images/bg_center_01.png) no-repeat right 20px;}
#section_1_2 .center {background: url(../images/bg_center_01.png) no-repeat right 20px;}
#section_2 .center {background: url(../images/bg_center_02.png) no-repeat right 20px;}
#section_3 .center {background: url(../images/bg_center_03.png) no-repeat right 20px;}
#section_4 .center {background: url(../images/bg_center_04.png) no-repeat right 20px;}
#section_6 .center {background: url(../images/bg_center_06.png) no-repeat right 0px; margin-bottom:55px;}
	@media (max-width: 980px) {
		#section_1 .center,
		#section_1_2 .center,
		#section_2 .center,
		#section_3 .center,
		#section_4 .center,
		#section_6 .center {background-color:rgba(255,255,255,0.65);}
	}

#parallax_5 .map {background: url(../images/bg_center_05.png) no-repeat right 0%; margin-top:70px;}

/*#parallax_5 .link {margin-top:70px; margin-bottom:200px;}
	@media (max-width: 480px) {
		#parallax_5 .link {margin-bottom:150px;}
	}
*/
#parallax_5 .otoiawase {margin-top:0px; margin-bottom:200px;float: left; width: 100%;}
	@media (max-width: 480px) {
		#parallax_5 .otoiawase {margin-bottom:150px;}
	}

.mainVisual_wrapper {
	background: url(../images/bg_01.jpg) repeat-y fixed center 0;
}

.center h2{color:#3F8C8C;}
.center .main_text{color:#3F8C8C; font-size:1.2em; max-width:775px; margin-right:98px;}
	@media (max-width: 980px) {
		.center .main_text{margin-right:0px;}
	}

.sub_container{margin-top:2em; *zoom: 1;}
	.sub_container:after{content: ""; clear: both; display: block; overflow:hidden;}
.sub_container p{/*min-height:200px;*/ margin-bottom:2em; line-height:1.6em;}
	@media (max-width: 980px) {
		.sub_container p{min-height:0; margin-bottom:1em;}
	}
.sub_visual{float:left; clear:both;}
.sub_visual img{border:solid 1px #CCC; margin:0 1em 0 0; display:block; clear:both; border-radius:4px; width:320px;}
	@media (max-width: 980px) {
		.sub_visual{width:100%;}
		.sub_visual img{width:100%; margin:0 0 1em 0; }
	}


.container{
	height:100%;
	/*z-index:99;*/
}
.headerNavBtn{
	text-align:center;
	height:3em;
	line-height:3em;
	color:#5F5F5F;
}
.headerNavBtn:hover{
	/*background:#EEE;*/
}
a.touchstart{background:#EEE;}

.section_all{
	background: #232829;
	background: -moz-linear-gradient(50% 0% -90deg, #000 0%, #232829 100%);
	background: -o-linear-gradient(-90deg, #000 0%, #232829 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #000), color-stop(1, #232829));
	background: -webkit-linear-gradient(-90deg, #000 0%, #232829 100%);
	background: linear-gradient(180deg, #000 0%, #232829 100%);
	padding: 2em 0 3em;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000,endColorstr=#ff232829,GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000,endColorstr=#ff232829,GradientType=0);
}

.mainVisual_wrapper{}
.mainVisual_wrapper .container{padding:0;}
.mainVisual_wrapper.section{padding:0;}

.col_box{
	background:#FFF;
	border-radius:3px;
	padding:5px 0 5px;
	margin-bottom:1em;
	border: solid 1px #EFEFEF;
}



/*-----------------------------------------------------------------------------------------------
フッター設定
-----------------------------------------------------------------------------------------------*/
.col-xs-6{padding:0 5px 0 5px;}
.footer{float:left; width:100%; height:auto; clear:both; margin-top:-55px;}
#parallax_5 .container{padding-right:0;}
#parallax_5 .map {width:100%; color:#FFFFFF; color:#3F8C8C;}
#parallax_5 .map img{width:100%;}
#parallax_5 .link {color:#FFFFFF; color:#3F8C8C;}
#parallax_5 .map h2,
#parallax_5 .link h2{text-shadow:1px 1px 0px #000;}
/*#parallax_5 .row{margin:0 -10px 100px -10px; padding:10px 0;}*/
#parallax_5 .row{margin:0 -10px 0px -10px; padding:10px 0;}
#parallax_5 .img-responsive{width:100%;}
	@media (max-width: 768px) {
		#parallax_5{
			padding:0 5%;
			background-size:640%;
			background-size:200%;
			background-position:center bottom !important;
		}
	}

#parallax_5 .otoiawase h2{color:#FFFFFF; color:#3F8C8C; text-shadow:1px 1px 0px #000;}
#parallax_5 .otoiawase p{color:#3F8C8C;}
#parallax_5 .otoiawase div{background:#FFFFFF; padding:1.5% 1.5% 0 1.5%; border-radius:3px; float:left; width:100%; border:solid 1px #EFEFEF;}
#parallax_5 .otoiawase ul{padding:0 0 0 0; list-style:none;}
#parallax_5 .otoiawase li{margin:0 0 1.5% 0; padding:0 1%; list-style:none; background:#EFEFEF;}
#parallax_5 .otoiawase li span.o_title{display:inline-block; width:97%; margin-right:0.5em; font-size:1.2em; font-weight:bold; color:#3F8C8C;}
#parallax_5 .otoiawase li span.tel{width:97%;}
#parallax_5 .otoiawase li span{padding:0 0 0 0; vertical-align:middle; display: inline-block;}

.col-xs-6{width:100%;}
.copyright{
	position:absolute;
	text-align:left;
	margin:0.5em auto;
	left:0;
	bottom:0;
	display:block;
	color:#FFFFFF;
	color:#000000;
	padding:10px;
}
.copyright a{color:#FFFFFF; color:#000000;}

/*-----------------------------------------------------------------------------------------------
広告バナー設定(#section_5 .row)
-----------------------------------------------------------------------------------------------*/
#section_5 .row a{width:100%; height:100%; clear:both; display:block;}

/*-----------------------------------------------------------------------------------------------
PDFアイコン設定(#section_2 .row)
-----------------------------------------------------------------------------------------------*/
#section_2 a.bt_01{float:left; margin-right:1em;}

a.pdf_icon_d,
a.pdf_icon{background:url(../images/icon_pdf.gif) 0 center no-repeat; padding-left:22px; margin: 1em 0 1em 0; height: 30px; display:block; float: left;}
a.pdf_icon_d span,
a.pdf_icon span{margin:0.5em 0; display:inline-block; line-height:1.2em;}

span.map_g{display:block;}
span.pdf_g{margin: 1em 0 0.5em 0; display:block; float:left; clear:both; width:100%;}
span.pdf_g a.pdf_icon_d,
span.pdf_g a.pdf_icon{background:url(../images/icon_pdf.gif) 0 center no-repeat; padding-left:22px; margin: 0 1em 1em 0; height: 30px; display:block; float: left;}
span.pdf_g a.pdf_icon_d span,
span.pdf_g a.pdf_icon span{margin:0.5em 0; display:inline-block;}


.pdf_reader{padding-top:2em; font-size:12px; clear:both;}
.pdf_reader a img{float:left; margin: 0 1em 0 0; }

	@media (max-width: 1370px) {
		a.pdf_icon span{}
		span.map_g{clear:both;}
		.pdf_reader a img{float: none; display:block; margin-bottom:1em;}
	}
	@media (max-width: 350px) {
		a.pdf_icon span,
		a.pdf_icon_d{font-size:88% ; padding-top:0.25em;}
	}

/*-----------------------------------------------------------------------------------------------
	ローダー設定
-----------------------------------------------------------------------------------------------*/
#loader {
	width: 29px;
	height: 29px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -14.5px; /* heightの半分のマイナス値 */
	margin-left: -14.5px; /* widthの半分のマイナス値 */
	z-index: 999999;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #FFFFFF;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 555555;
}

/*-----------------------------------------------------------------------------------------------
メインビジュアル設定(#section_1)
-----------------------------------------------------------------------------------------------*/
/*共通*/
.section .parallax .container h2 {
	position:relative;
	float:left;
	width:auto;
	height:100%;
	padding:1em 0 3.3em 65px;
	/*left:60px;*/
}
	@media (min-width: 320px) {
		.section .parallax .container h2 {padding-top:1em; padding-bottom:3.3em;}
	}
	@media (min-width: 480px) {
		.section .parallax .container h2 {padding-top:1em; padding-bottom:3em;}
	}
	@media (min-width: 680px) {
		.section .parallax .container h2 {padding-top:1em; padding-bottom:3.3em;}
	}
	@media (min-width: 960px) {
		.section .parallax .container h2 {padding-top:2em; padding-bottom:5em;}
	}
	@media (min-width: 1224px) {
		.section .parallax .container h2 {padding-top:2em; padding-bottom:5.5em;}
	}

.section .parallax .container h2 img{
	height:100%;
}

/*個別*/
#section_1 #parallax_1 .container h1 {
	position:relative;
	float:right;
	width:auto;
	height:100%;
	padding:40px 20px 41% 0;
	right:0;
}
	@media (min-width: 1224px) {
		#section_1 #parallax_1 .container h1 {padding-bottom:30%;}
	}

#section_1 #parallax_1 .container h1 img{
	height:100%;
}

#section_3.section .parallax .container h2 {float:right; padding-right:5%;}
#section_6.section .parallax .container h2 {float:right; padding-right:5%;}
	@media (max-width: 700px) {
		#section_3.section .parallax .container h2 {padding-right:40px;}
		#section_6.section .parallax .container h2 {padding-right:40px;}
	}

/*トップのお知らせ*/
#news_list{
	position:absolute;
	width:100%;
	min-height:5em;
	/*padding-top:20em;*/
	bottom:5%;
	bottom:10%;
	padding-right:20px;
}
#news_list ul, #news_list li{
	list-style-type:none;
	margin:0;
	padding:0;
}
#news_list a{
	width:100%;
	display:block;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#news_list li span.date{
	float:left;
	display:inline-block;
	background:#23B14D;
	color:#FFF;
	padding:5px 10px;
	border-radius:4px 0 0 0;
}
#news_list li span.link{
	display:inline-block;
	color:#FFF;
	padding:5px 25px 5px 10px;
	background:url(../images/icon_right.gif) right center no-repeat;
	background-color:#008040;
	border-left:5px solid #005E2F;
	border-radius:0 4px 0 0;
}
#news_list li span.link a{
	display:inline;
	color:#FFFFFF;
}
#news_list li span.title{
	display:block;
	width:100%;
	background:#FFF;
	background-color:rgba(255,255,255,0.6);
	/*opacity: 0.6;*/
	padding:10px 10px;
	font-size:1.5em;
	color:#000;
	border-radius:0 4px 4px 4px;
}
#news_list li span.title a{color:#000;}
	@media (max-width: 700px) {
		#news_list{
			width:90%;
			margin:0 5%;
			padding-right:0;
			bottom: 20px !important;
			bottom: 80px !important;
		}
	}
	@media (max-width: 480px) {
		#news_list{
			bottom: 20px !important;
		}
	}
#news_list li span strong{font-weight:normal;}

/* #news list2 */
#news_list2{min-height:202px;}
#news_list2 .sub_visual img{width:320px;}
	@media (max-width: 980px) {
		#news_list2 .sub_visual img{width:100%;}
	}
#news_list2 ul,#news_list2 li{list-style:none; margin-left:0; padding-left:0;}
#news_list2 li span.data{display:none; font-size:25px; margin-top: 20px; margin-bottom: 10px;}
#news_list2 li span.title{font-size:25px; margin-top: 20px; margin-bottom: 10px; line-height:1.1;}
#news_list2 li span.title a{margin-top: 20px; margin-bottom: 10px; display:block; color:#333;}
.sub_container #news_list2 li span.title p{font-size:14px; height:auto; line-height:1.40857143;}
.sub_container #news_list2 p{min-height:initial; margin-bottom:0; display:block;}

/* Fix Google Maps canvas */
.google-map-canvas,
.google-map-canvas * { .box-sizing(content-box); }
/* Optional responsive image override */
#map_canvas { max-width: none; }


/*サンプルティッカー*/
.sample-ticker {margin: 0 auto; padding: 10px; width: 100%; text-align: left; border: #ccc 1px solid; position: relative; overflow: hidden; background-color:#ffffff;}
.sample-ticker ul { width: 100%; position: relative;}
.sample-ticker ul li {width: 100%; display: none;}

/*-----------------------------------------------------------------------------------------------
	お知らせ
-----------------------------------------------------------------------------------------------*/
body.news{
	margin:0;
	padding:0;
	padding-top:0;
	/*background: url(../images/bg_section_02.gif) repeat-y right 666px;*/
	background: none;
	font-family: "mplus-2p-regular",Helvetica,Arial,sans-serif;
}
body.news .logo_small{position: fixed ; position: absolute; top:0; z-index:50; background:#FFF; width:100%; border-bottom:1px solid #156C30 ;}
body.news .logo_small a img{border:none;}
body.news .header{
	margin-top:65px;
	position:inherit;
	overflow:auto;
	/*margin-top:20px;*/
	box-shadow:none;
	background:none;
	background-color:#23B14D;
	background: url(../images/bg_header_02.jpg) no-repeat right center #23B14D;
}
body.news .header h1{
	margin:0.5em;
	color:#FFF;
	font-size: 1.4em;
}
	@media (max-width: 391px) {
		body.news .logo_small img{width:100%; height:100%;}
	}

body.news .fotter_container {padding-top:3.8em; padding-left:10px; padding-right:10px; clear:both; width:auto; bottom:1em; background:#FFFFFF; position:relative;}
body.news .fotter_container .copyright{margin:0!important; padding:0!important; color:#666666; font-size:0.8em; position:relative;}
body.news .fotter_container .copyright a{color:#666666; text-decoration:none;}
	@media (max-width: 391px) {
		.copyright{font-size:0.5em}
		body.news .fotter_container .copyright{font-size:0.5em}
	}

#module_news .list{display:inline-block; width:100%;}

#module_news .list dl{
	width:100%;
	display:inline-block;
	padding:0;
	margin:0;
	font-size:14px;
}
#module_news .list dd{
	margin:0;
	padding:1.2em 0 0 0;
	clear:left;
	/*overflow:hidden;*/
	border-bottom:dotted 1px #CCCCCC;
}
	#module_news .list dd:after{
		content: "";
		display: block;
		clear: both;
	}

#module_news .list dd strong{
	background:#666666;
	color:#FFFFFF;
	display:block;
	font-weight:normal!important;
	font-size:0.9em;
	float:left;
	text-align:center;
	padding:2px 5px 2px 5px;
	margin-right:8px;
	border-radius:3px;
	-moz-border-radius:3px;
	/*margin-top:-1px;*/
	margin-bottom:8px;
}

#module_news .list dd span.data{
	padding-right:10px;
	float:left;
	font-weight:bold;
	font-size:1.2em;
	margin:0;
}
#module_news .list .title{float:left; display:block; /*overflow:hidden;*/ }
#module_news .list .title a{color:#008000; font-size:1.1em; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#module_news .list .title a:hover{color:#99C81E;}
#module_news .list .title a:after{content: ""; display: block; clear: both;}
#module_news .list dd span.ir{ background:url(../images/news_04.gif) no-repeat 72px 0;}
#module_news .list dd a{float:left; margin:0; padding-bottom:2px; line-height:1.2em; min-height:1.6em;}

/* Content slider */
.content-scroller .dragdealer {
	float: right;
	width: 30px;
	height: 500px;
}
.content-scroller .dragdealer .handle {
	width: 30px;
	height: 60px;
	text-align: center;
}
.content-scroller .dragdealer .handle i {
	line-height: 60px;
}
.content-scroller .content-mask {
	height: 508px;
	margin: 0 45px 0 0;
	border-radius: 3px;
	overflow: hidden;
}
.content-scroller .content-body {
	/* Incorporate the margins of the paragraphs inside */
	overflow: hidden;
	background: #fff;
}
.content-scroller .content-body p {
	margin: 15px;
	color: #333;
	font-family: monospace;
	line-height: 24px;
}
.dragdealer .red-bar{background:#99CC00!important;}
.content-scroller{margin-top:20px; margin-left:10px; margin-right:10px;}

/*新着情報エラー処理*/
.noNewsList{
	font-size:2.1em;
	border:none;
	margin-top:20px;
	width:570px;
}

/*詳細ページ*/
#module_news .detail{margin:0 10px 40px 10px; clear:both;}
#module_news .detail .date{background:#EEEEEE; color:#999; font-size:0.8em; margin:1.6em 0; padding:5px 10px; text-align:right; /*display:none;*/}
#module_news .detail h2{margin:20px 0 20px 0; padding-bottom:5px; border-bottom:#666666 solid 1px; color:#000000; line-height:1.2em;}

/*詳細ページ ボタン設定*/
#module_news .button{margin:0 10px 1.6em 10px; float:left;}
#module_news .button a{background:#94C70E; color:#FFF; padding:10px 20px; text-decoration:none; border-radius:5px;}
#module_news .button a:hover{background:#C9F358;}

	#module_news div.newslist,
	#module_news div.newsdetail{white-space:nowrap; float:right; height:auto; position:absolute; top:10px; right:10px; margin:0; padding:0; display:none;}
	#module_news div.newslist a,
	#module_news div.newsdetail a{width: auto; height:auto; padding:5px 15px;}

	#module_news.news_list div.newslist,
	#module_news.news_detail div.newsdetail{display:block;}


/*詳細ページ 画像レイアウト*/
#module_news .images.left{float:left; padding:0 20px 20px 0;}
#module_news .images.right{float:right; padding:0 0 20px 20px;}
#module_news .images.up span,
#module_news .images.down span{float:left;}
#module_news .images.up,
#module_news .images.down{clear:both;}

/*新着情報 詳細ページレイアウト設定*/
.detail .box {display: table; margin: 0 0 15px 0; width:100%;}
.detail .right {direction: rtl; /*右から並べる*/}
.detail .right *{direction: ltr; /*内容物は左から並べる*/}
.detail .detail  .photo,
.detail .box .comment{display: table-cell; vertical-align:top; padding-bottom:10px;}
.detail .box .comment{width:100%; line-height:1.6em;}
.detail .box .photo img{margin:0; clear:both;}

/*画像のサイズ設定*/
.detail .box.left .photo img,.detail .box.right .photo img{width:100%;}
.detail .box.up .photo img,.detail .box.down .photo img{width:100%;}

.detail .box .photo span{margin-bottom:1%; font-size:0.8em; line-height:1.2em;}

.detail .box.left .photo span,.detail .box.right .photo span{width:100%;}
.detail .box.up .photo span,.detail .box.down .photo span{width:100%;}
	@media (min-width: 320px) {
		.detail .box.left .photo span,.detail .box.right .photo span{width:100%;}
		.detail .box.up .photo span,.detail .box.down .photo span{width:100%;}
	}
	@media (min-width: 480px) {
		.detail .box.left .photo span,.detail .box.right .photo span{width:100%;}
		.detail .box.up .photo span,.detail .box.down .photo span{width:100%;}
	}
	@media (min-width: 680px) {
		.detail .box.left .photo span,.detail .box.right .photo span{width:100%;}
		.detail .box.up .photo span,.detail .box.down .photo span{width:100%;}
	}
	@media (min-width: 960px) {
		.detail .box.left .photo span,.detail .box.right .photo span{width:100%;}
		.detail .box.up .photo span,.detail .box.down .photo span{width:49%;}
	}
	@media (min-width: 1224px) {
		.detail .box.left .photo span,.detail .box.right .photo span{width:100%;}
		.detail .box.up .photo span,.detail .box.down .photo span{width:49.1%;}
	}



/*画像のパディング設定*/
.detail .box.left .photo{padding-right:20px;}
.detail .box.right .photo{padding-left:20px;}
.detail .box.up .photo{padding-bottom:20px;}
		/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		.detail .box.up .photo:after {
			clear: both;
			content: url(../images/blank.gif);
			display: block;
			height: 0px;
		}

		.detail .box.up .photo{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html .detail .box.up .photo{height: 1px;}
		.detail .box.up .photo{display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

.detail .box.down .photo{padding-top:10px;}

/*画像が上下/設定なしの時の表示設定*/
.detail .box.up .photo img,
.detail .box.down .photo img{clear:none;}
.detail .box .photo span,
.detail .box.up .photo span,
.detail .box.down .photo span{padding:0 0.9% 0 0; float:left;}
.detail .box.up .photo,
.detail .box.down .photo,
.detail .box .comment,
.detail .box.up .comment,
.detail .box.down .comment{display:block; clear:both;}

/*画像が左右の時の表示設定*/
.detail .box.left .photo{ float:left;}
.detail .box.right .photo{ float:right;}
.detail .box.left .photo span,
.detail .box.right .photo span{ display:block; clear:both; margin-bottom:10px;}
.detail .box.left .comment,
.detail .box.right .comment{display:table-cell; clear:none;width:auto;}

/* IE7以下に適用 */
.detail .ltie8 .box.left .photo,
.detail .ltie8 .box.right .photo{width:expression(this.getElementsByTagName("img")[0].clientWidth);}
.detail .ltie8 .left .photo {float: left;}
.detail .ltie8 .right .photo {float: right;}
.detail .ltie8 .box .comment {width:auto;}

.detail .ltie8 .box.left,
.detail .ltie8 .box.right{ padding:0!important;}

/*ページ送り設定*/
#module_news .navigation{margin: 30px 0 30px 0;}
#module_news .navigation a{ color:#FFFFFF; padding:4px 6px 3px 6px!important; background-color:#999999; margin-right:5px; text-decoration:none; border-radius:3px;}
#module_news .navigation span.on{background-color:#99CC00;color:#FFFFFF; padding:4px 6px 3px 6px; margin-right:5px; border-radius:3px;}
#module_news .navigation a:hover{ color:#FFFFFF!important; background-color:#99CC00;}

/*エラー設定*/
.noPage{ font-size:0.8em; height:20em}
.noPage h2{border-bottom:#000000 solid 1px;}

/*新着情報 詳細ページ レイアウト設定 ここまで*/



.footer .col-xs-12 {width: 25%;}
@media (max-width: 980px) {
		.footer .col-xs-12 {width: 50%;}
}
@media (max-width: 320px) {
		html{width:320px;}
		.footer .col-xs-12 {width: 50%;}
}