/*--------------------------------------------------------
PC show
--------------------------------------------------------*/
@charset "UTF-8";
.pcShow {
	display: block;
}

#footer .pcShow {
	display: block;
}

.pc_inl_Show {
	display: inline;
}

.spnShow {
	display: none;
}

.spn_inl_Show {
	display: none;
}


/*--------------------------------------------------------
SPN Show
--------------------------------------------------------*/
@media handheld, only screen and (max-width: 767px) {

	*{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

body { font-size: 16px; }


	.floatL {
		float: none;
	}

	.pcShow {
		display: none;
	}

	#footer .pcShow {
		display: none;
	}

	.pc_inl_Show {
		display: none;
	}

	.spnShow {
		display: block;
	}

	.spn_inl_Show {
		display: inline;
	}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
	#header {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-top: 0px;
/*		display: box;
		display: -webkit-box;
	    display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;*/
	}

	#header h1 a{
		display: block;
		width: 70%;
		/*max-height: 50px;*/
		max-width: 500px;
		height: auto;
		float: none;
		margin: 10px auto 0px;
		/*margin-top: 0px;*/
	}

	#header h1 a img{
		float: none;
		width: 100%!important;
		height: auto;
		margin-left: 0px;
		margin-top: 0px;
	}

	.link {
		display: none;
	}

	.pageTop {
		position: fixed;
			bottom: 20px;
			right: 20px;
			z-index: 1000;
		color: #fff;
		text-align: center;
		line-height: 50px;
		cursor: pointer;
		width: 50px;
		height: 50px;
		background-color: rgba(52,69,149,0.8);
		-webkit-border-radius: 50px;/* for Safari and Chrome */
		-moz-border-radius: 50px; /* for Firefox */
		-o-border-radius: 50px; /* for opera */
		border-radius: 50px;
	}


/*--------------------------------------------------------
スマホ gnav
--------------------------------------------------------*/
	/*Gnavi メインイメージ　を含む*/
	#mainNav {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	#mainNav .main_img{
		display: block;
		width: 100%;
		margin: 0px auto;
	}

	#mainNav .clearfix img{
		width: 100%;
		height: auto;
	}

	#mainNav ul{
		display: none;
	}

	.spnNavi {
		width: 100%;
		position: relative;
	}

	.spnNaviTrg {
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		margin: 10px auto 0px;
		background-color: #344595;
		cursor: pointer;
	}

	.spn_nav_wap {
	    position: absolute;
	    top: 50px;
	    left: 0;
	    z-index: 1000;
	    width: 100%;
	    background-color: rgba(0,0,0,0.8);
	}

	.spn_nav {

	}

	.spn_nav li {

	}

	.spn_nav li a {
		display: block;
		width: 100%;
		margin: 0px auto;
		color: #fff;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		border-bottom: dotted 1px #ccc;
	}

	.spn_nav li a:hover {
	    background-color: rgba(0,0,0,0.3);
	}

	.spNaviClose {
		color: #fff;
		text-align: center;
		cursor: pointer;
		padding: 7px 0px;
	}


	/*＝＝＝コンテンツ内　ローカルナビ＝＝＝*/
	#lnaviWap {
		width: 100%;
		margin-bottom: 35px;
	}

	#lnaviWap .h4Box {
		color: #ff0303;
		font-size: 13px;
		border-bottom: 1px solid #ff0303;
		margin-bottom: 10px;
	}

	#lnaviWap .link {
		font-size: 13px;
		color: #4a4a4a;
		margin-left: 0px;
	}



	/*左ブロックローカルナビ*/
		/*いまのところ　三日月のみ*/
		#locallNavblock {
			width: 100%;
		}

		#locallNav {
			width: 80%;
			margin: 0px auto;
		}

		#locallNav dl {
			width: 100%;
			margin-bottom: 10px;
			border: 1px solid #364ec2;
			padding:10px;
		}

		#locallNav dt{
			background-image: none;
			padding-left: 0px;
			border-bottom: 2px solid #364ec2;
			margin-bottom: 10px;
			font-weight: 500;
			font-size: 15px;
			color: #364ec2;
			text-align: center;
		}

		#locallNav dd{
			margin: 0 0 0 20px;
			width: 100%;
			margin-right: 0px;
		}

		#locallNav dd a{
			color: #364ec2;
		}

		#locallNav dd a:hover{
			color: #d31dcd;
		}


/*--------------------------------------------------------
ボディ枠 
--------------------------------------------------------*/

	#container {
		width: 100%;
		margin: 0 auto;
		background-image: none;	
		padding-bottom: 0px;
	}

	#container .top {
		background-image: none;	
		padding-top: 0px;
	}

	#container .body {
	background-image: none;	
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

/*該当ソースなし
.upper {
	margin-bottom: 25px;
}
*/
	.orderWrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.closed_news{
		border: 2px solid red;
		margin-bottom: 10px;
		padding: 10px 24px;
		/*padding-top: 25px;*/
		text-align: center;
	}

/*お知らせBOX*/
	.closed_title{
		font-size: 15px;
		color: #555;
		font-weight: bold;
		padding: 10px 0 0 0;
		margin-bottom: 15px;
		border-bottom: 1px dotted #ccc;
	}

	.closed_links{
		margin: 0 auto;
		display: inline-block;
	}

	.closed_text{
		font-size: 12px;
		text-align: left;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}

	.closed_text:last-child{
		margin-bottom: 5px;
	}

/*---------- コンテンツ枠 ----------*/


	#rightBlock {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 96%;
		margin: 0px auto 30px;
		float: none;
		order: 1;
	}


	#rightBlock h4{
		width: 100%;
		font-size: 15px;
		height: auto;
		background-image :none;
		color: #016a61;
		border-left: solid 3px #016a61;
		border-bottom: solid 1px #979797;
		padding: 3px 0px 3px 5px;
		background: #ffffff;
		background: -moz-linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e4e4 51%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), color-stop(48%, #fdfdfd), color-stop(51%, #e5e4e4), to(#ffffff));
		background: -webkit-linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e4e4 51%, #ffffff 100%);
		background: -o-linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e4e4 51%, #ffffff 100%);
		background: linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e4e4 51%, #ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fdfdfd, endColorstr=#ffffff,GradientType=1 );
	}

	#rightBlock h5 {
		font-size: 16px;
		height: auto;
		width: 100%;
		background-image: none;
		margin-bottom: 20px;
		padding-top: 0px;
		padding-left: 15px;
		margin-left: 0px;
		color: #ff0303;
		clear: both;
	}

	/*ニュース*/
	.information {
		width: 100%;
		overflow: hidden;
	}

	#rightBlock .newTxt {
		width: 100%;
	}

	#rightBlock .moreInfo {
		font-size: 12px;
		color: #025cf1;
		text-decoration: underline;
		text-align: right;
		cursor: pointer;
	}

	.information .newsLine{
		display: none;
	}

	.information .newsLine:first-child{
		display: block;
	}

	.information .newsLine:nth-child(2){
		display: block;
	}

	.information .newsLine:nth-child(3){
		display: block;
	}

	.newsLine {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 5px;
		font-size: 13px;
		padding-left: 10px;
		border-bottom: 1px solid #566ed4;
	}


	#rightBlock p {
	    padding-right: 15px;
	    color: #6E6E6E;
	    font-size: 13px;
	}

	#rightBlock table {
		width: 100%;
		font-size: 13px;
	}

#rightBlock th {
	/*color: #6E6E6E;
	width: 100px;
	padding: 5px;
	border-right: 1px solid #969696;
	border-bottom: 1px solid #969696;
	font-w*/eight: normal;
}

#rightBlock td {
	/*color: #6E6E6E;
	width:auto;
	padding: 5px;
	border-left: none;
	border-right: 1px solid #969696;
	border-bottom: 1px solid #969696;*/
}

/*---------- 左ブロック ----------*/
	#leftBlock {
		width: 96%;
		float: none;
		margin: 0px auto;
		order: 2;
	}

	/*施設名*/
	#leftBlock h2 {
		width: 100%;
		height: auto;
		padding: 15px 0px 10px 0px;
		background-image : none;
		color: #ffffff;
		text-align: center;
		background: #30458c;
		background: -moz-linear-gradient( #7994d1 0%, #30458c 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#7994d1), to(#30458c));
		background: -webkit-linear-gradient( #7994d1 0%, #30458c 100%);
		background: -o-linear-gradient( #7994d1 0%, #30458c 100%);
		background: linear-gradient( #7994d1 0%, #30458c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#7994d1, endColorstr=#30458c,GradientType=1 );
	}

	#leftBlock .side {
		border: solid 1px #364ec2;
		margin-bottom: 10px;
		color: #6E6E6E;
		font-size: 13px;
		width: 100%;
		padding: 5px 15px;
	}

	#leftBlock .side dl {
		margin-left: 6px;
		margin-top: 0px;
	}

	#leftBlock .side dt {
		float: left;
		width: 20%;
		margin-right: 0px;
		clear: left;
	}

	#leftBlock .side dd {
		float: left;
		width: 80%;
		margin-bottom: 6px;
	}

	#leftBlock .side .access {
		clear: left;
		float: none;
		width: 100%;
		text-align: center;
		padding-right: 0px;
		margin: 10px auto;
	}

	#leftBlock .side h3 a {
		color: #03788c;
		border: solid 1px #03788c;
		width: 60%;
		height: auto;
		float: none;
		margin: 0px auto 20px;
		padding: 15px 20px;
		text-align: center;
		cursor: pointer;
		display: block;
		background-image: none;
		background: #fdfdfd;
		background: -moz-linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e3e4 51%, #fdfdfd 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), color-stop(48%, #fdfdfd), color-stop(51%, #e5e3e4), to(#fdfdfd));
		background: -webkit-linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e3e4 51%, #fdfdfd 100%);
		background: -o-linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e3e4 51%, #fdfdfd 100%);
		background: linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e3e4 51%, #fdfdfd 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fdfdfd, endColorstr=#fdfdfd,GradientType=1 );
	}

	#leftBlock .side h3 a:hover {
		color: #ff0302;
		border: solid 1px #ff0302;
		background-image: none;
	}

	#leftBlock .side p {
		width: 60%;
		text-align: center;
		margin: 0px auto 10px;
	}

	#leftBlock .side .qr {
		display: block;
		width: 60%;
		max-width: 73px;
		height: auto;
		padding: 0px;
		text-align: center;
		margin: 0px auto 20px;
	}

	#rightBlock img {
	    width: 100%;
	    height: 100%;
	}

		/*ここからローカルナビ*/
		/*該当ソースが見当たらず うえにあげてブラインドにて調整した　三日月の時再調整*
		#locallNavblock {
			width: 100%;
		}

		#locallNav {
			width: 80%;
			margin: 0px auto;
		}

		#locallNav dl {
			width: 100%;
			margin-bottom: 10px;
			border: 1px solid #364ec2;
			padding:10px;
		}

		#locallNav dt{
			background-image: none;
			padding-left: 0px;
			border-bottom: 2px solid #364ec2;
			margin-bottom: 10px;
			font-weight: 500;
			font-size: 15px;
			color: #364ec2;
			text-align: center;
		}

		#locallNav dd{
			margin: 0 0 0 20px;
			width: 200px;
			margin-right: 150px;
		}

		#locallNav dd a{
			color: #364ec2;
		}

		#locallNav dd a:hover{
			color: #d31dcd;
		}
		*/



	/*天気予報*/
	.bold {
		font-weight: bold;
	}

	.new_weather {
		width: 100%;
		height: auto;
		border: solid 1px #969696;
		padding: 10px;
		margin: 15px auto;
	}

	.w_place {
	    background-color: #566ed4;
	    color: #fff;
	    text-align: center;
	    padding: 5px 0px;
	}

	.theDayTitle {
		text-align: center;
	}

	.visualWap {
		width: 50%;
		float: left;
	}

	.nowTime {
		font-size: 14px;
	}

	.todayIcon {
		max-width: 80px;
		margin: 0px auto;
	}

	/*今日info*/
	.todayInfo{
		width: 50%;
		font-size: 13px;
		border-left: solid 1px #566ed4;
		float: left;
	}

	.infLine {
		display: table;
	}

	.infT {
		display: table-cell;
		width: 30%;
		text-align: center;
		margin: 0px;
	}

	.infD {
		display: table-cell;
		width: 70%;
		padding-left: 5px;
	}

	/*天気週間*/
	.wTableWap table {
		width: 100%;
		height: auto;
		margin: 10px auto;
	}

	.banner {
		margin-bottom: 30px;
	}

	.banner ul li a {
		width: 60%;
		display: block;
		max-width: 300px;
		margin: 15px auto;
		text-align: center;
	}

	.banner ul li a img{
		width: 100%;
	}



/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
	#footer {
		height: auto;
		width: 100%;
		background-image: none;
		margin: 10px auto;
		padding-top: 0px;
		padding-left: 0px;
	}

	#footer address {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	#footer ul {
		display: table;
		height: auto;
		margin: 0px auto;
		float: none;
		text-align: center;
	}

	#footer li {
		display: table-cell;
		padding: 0px 5px;
		margin-left: 0px;
		text-align: center;
		/*border-right: solid 1px #6E6E6E;*/
		border: none;
	}

	#footer li a {
		font-size: 11px;
		color: #364ec2;
	}

	#footer li a:hover{
		color: #de8bf0;
	}

	#footer li.site_map {
		border: none;
	}

/*---------- お問い合わせ ----------*/
	#rightBlock .container h3{
		width: 100%;
		font-size: 15px;
		height: auto;
		background-image :none;
		color: #016a61;
		border-left: solid 3px #016a61;
		border-bottom: solid 1px #979797;
		padding: 3px 0px 3px 5px;
		background: #ffffff;
		background: -moz-linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e4e4 51%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), color-stop(48%, #fdfdfd), color-stop(51%, #e5e4e4), to(#ffffff));
		background: -webkit-linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e4e4 51%, #ffffff 100%);
		background: -o-linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e4e4 51%, #ffffff 100%);
		background: linear-gradient( #fdfdfd 0%, #fdfdfd 48%, #e5e4e4 51%, #ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fdfdfd, endColorstr=#ffffff,GradientType=1 );
	}

	#formBody {

	}


	#formBody table {
		width: 100%;
		font-size: 13px;
	}

	#formBody th {
		display: block;
		padding: 10px;
		text-align: left;
		font-weight: normal;
		width: 100%;
		color: #6E6E6E;
		border: none;
	}

	#formBody td {
		display: list-item;
		width: 100%;
		padding: 0px 0px 10px 0px;
		color: #6E6E6E;
		border: none;
		border-bottom: dotted 1px #ccc;
	}

	#formBody td input {
		width: 100%;
		border: solid 1px #f2f2f2;
		padding: 5px;
	}

	#formBody td textarea {
		width: 100%;
		border: solid 1px #f2f2f2;
		padding: 5px;
	}


	/*---------- アクセス ----------*/

	#rightBlock .accessFlex {
		display: block;
	}

	#rightBlock .accessFlex p {
		width: 100%;
		float: none;
		padding: 0px;
	}

	#rightBlock .accessFlex a{
			
	}

	#rightBlock .accessFlex img{
		display: block;
		width: 100%;
		margin: 10px auto;
		max-width: 391px;
		float: none;
		padding: 0px;
	}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

GoogleMapを　.map_iframe　で囲む

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.map_iframe {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
	 
	.map_iframe iframe,
	.map_iframe object,
	.map_iframe embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/*追加施策*/
	.box a {
		font-size: 12px;
		padding-right: 10px;
		float: none;
	}

	.payment_flexBox{
	    -webkit-flex-wrap: wrap;
	    -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    -o-flex-wrap: wrap;
	    flex-wrap: wrap;
	}

	.payment_txt{
		width: 100%;
	    text-align: center;
	}

	.payment_qr{
		margin: 0 auto;
	}

	.local_nav {
		font-size: 13px;
	}

	.caution_list li {
		font-size: 13px;
	}

	/*--------------------------------------------------------
	404
	--------------------------------------------------------*/
		#error404 {
			width: 95%;
			min-height: calc(100vh - 461px);
		}

		#error404 h3 {
				font-size: 7vw;
		}

		#error404 h4 {
			font-size: 4.3vw;
		}
	}

}