@charset "UTF-8";
/*-------------------------------------------------------------
 	TOP PAGE
-------------------------------------------------------------*/

/* Clear Fix */
.cf:after {
    content:" ";
    display:block;
    clear:both;
}

/*+++++++++++++++++++++++++
	Button
+++++++++++++++++++++++++*/

.btn-style {
  background: #2E4497;
  color: #fff;
  display: inline-block;
  padding: 8px 25px;
  text-decoration: none !important;
}

.btn-style:visited {
  color: #fff;
  text-decoration: none;
}

/*+++++++++++++++++++++++++
	banner slider
+++++++++++++++++++++++++*/
#banner_slider{
	width:100% ;
	background-color:#ecf0f3 ;
	padding:30px 0 ;
}

	#banner_slider ul{
		width:900px ;
		margin:0 auto ;
	}

		#banner_slider ul li{
			padding:0 20px ;
		}

@media screen and (max-width: 641px){
	#banner_slider{
		padding:15px 0 ;
	}

		#banner_slider ul{
			width:85% ;
		}

			#banner_slider ul li{
				padding:0 10px ;
				text-align:center ;
			}
}


/*+++++++++++++++++++++++++
	Information
	Movie
+++++++++++++++++++++++++*/
#index .information{}

#index .information h2,
#index .movie h2{
	position:relative ;
	font-size:145% ;
	font-weight:bold ;
	color:#2d4496 ;
	padding:13px 0 13px 45px;
	box-sizing:border-box ;
	line-height:1 ;
	vertical-align:middle ;
	background-image:url(../images/icon/title_bar.jpg) ;
	background-position:315px center ;
	background-repeat:no-repeat ;
	margin-bottom:10px
}

#index .movie h2{
	background-position:230px center ;
}

	#index .information h2:before,
	#index .movie h2:before{
		position:absolute;
		content:'';
		top:0 ;
		left:0 ;
		background-image:url(../images/icon/okomin.jpg) ;
		background-repeat:no-repeat ;
		width:33px ;
		height:43px ;
	}

	#index .information h2 a,
	#index .movie h2 a{
		position:relative ;
		display:inline-block ;
		padding:5px 30px ;
		text-align:center ;
		color:#ffffff ;
		font-size:60% ;
		background-color:#2d4496 ;
		margin:0 0 0 10px ;
		border-radius:20px ;
		vertical-align:middle ;
		text-decoration:none ;
	}

		#index .information h2 a:hover,
		#index .movie h2 a:hover{
			background-color:#0062d0 ;
		}

		#index .information h2 a:after,
		#index .movie h2 a:after{
			position:absolute;
			top: 8px;
			left: 16px;
			display: block;
			width: 3px;
			height: 3px;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			content: "";
		}

#index .information .block,
#index .movie .block{}
#index .information .block ul,
#index .movie .block ul{
	overflow:hidden ;
}

	#index .information .block ul li,
	#index .movie .block ul li{
		width:200px ;
		float:left ;
		list-style:none ;
		margin-right:30px ;
	}

	#index .information .block ul li:last-child,
	#index .movie .block ul li:last-child{
		margin-right: 0 ;
	}

		#index .information .block ul li a,
		#index .movie .block ul li a{
			text-decoration:none ;
		}

		#index .information .block ul li .img,
		#index .movie .block ul li .img{
			width:100% ;
			height:135px ;
			overflow:hidden ;
			margin-bottom:10px ;
			text-align:center ;
		}

			#index .information .block ul li .img img,
			#index .movie .block ul li .img img{
				max-width:100% ;
			}

		#index .information .block ul li .date,
		#index .information .block ul li .title,
		#index .movie .block ul li .title{
			padding:0 5px ;
			box-sizing:border-box ;
			line-height:1.3 ;
		}

		#index .information .block ul li .date,
		#index .movie .block ul li .date{
			font-size:90% ;
		}

		#index .information .block ul li a .date,
		#index .movie .block ul li a .date{
			color:#000000 ;
			text-decoration:none ;
		}


@media screen and (max-width: 641px){
	#index .information{
		padding:15px 0 ;
		border-top:1px solid #2d4496 ;
		border-bottom:1px solid #2d4496 ;
	}

	#index .movie{
		padding:15px 0 ;
		border-bottom:1px solid #2d4496 ;
	}

	#index .information h2,
	#index .movie h2{
		width:90% ;
		margin:0 auto 20px auto ;
		padding:0 ;
		background:none;
	}

		#index .information h2:before,
		#index .movie h2:before{
			display:none ;
		}

	#index .information .block,
	#index .movie .block{}
	#index .information .block ul,
	#index .movie .block ul{
		width:90% ;
		margin:0 auto ;
	}

		#index .information .block ul li,
		#index .movie .block ul li{
			width:100% ;
			float:none ;
			list-style:none ;
			margin:0 auto 15px auto ;

		}

			#index .information .block ul li .img,
			#index .movie .block ul li .img{
				height:auto ;
			}
}


/*+++++++++++++++++++++++++
　Traffic
+++++++++++++++++++++++++*/
#index .traffic{
	width:100% ;
	display:table ;
}

#index .traffic .midashi{
	display:table-cell ;
	width:85px ;
	background-color:#2d4496 ;
	background-image:url(../images/icon/traffic.png) ;
	background-position:center 15px ;
	background-repeat:no-repeat ;
	color:#ffffff ;
	text-align:center ;
	vertical-align:top ;
	padding-top:40px ;
	box-sizing:border-box ;
}

#index .traffic .list{
	display:table-cell ;
	vertical-align:top ;
	background-color:#fafafa ;
}

	#index .traffic .list li,
	#index .traffic .list p{
		padding:10px ;
		box-sizing:border-box ;
		list-style:none ;
	}

	#index .traffic .list li:nth-child(even),
	#index .traffic .list p:nth-child(even){
		background-color:#ecf0f3 ;
	}

		#index .traffic .list li .title,
		#index .traffic .list p em{
			font-weight:bold ;
			display:inline-block ;
		}

		#index .traffic .list li .txt{}

			#index .traffic .list li .title span,
			#index .traffic .list p strong{
				display:inline-block ;
				margin-left:1em ;
				color:#f00 ;
			}

			#index .traffic .list li .txt span{
				display:inline-block ;
				font-size:90% ;
			}

@media screen and (max-width: 641px){
	#index .traffic{
		width:90% ;
		margin:0 auto ;
		display:block ;
	}

	#index .traffic .midashi{
		display:block;
		width:100% ;
		background-position:10px center ;
		padding:15px 0 15px 65px ;
		text-align:left ;
		font-weight:bold ;
	}

	#index .traffic .list{
		display:block;
		width:100% ;
	}

		#index .traffic .list li{
			width:100% ;
		}
}


/*+++++++++++++++++++++++++
　Live Camera
+++++++++++++++++++++++++*/
#index .livecamera{
	padding-top:30px ;
}

	#index .livecamera h2{
		position:relative ;
		color:#e74288 ;
		border-bottom:1px solid #e74288 ;
		padding:0 0 5px 35px ;
		line-height:1.2 ;
		background-image:url(../images/icon/livecamera.png) ;
		background-position:5px 2px ;
		background-repeat:no-repeat ;
		font-size:140% ;
		font-weight:bold ;
		margin-bottom:10px ;
	}

	#index .livecamera h2:after{
		position:absolute ;
		top:-30px;
		right:5px ;
		background-image:url(../images/icon/okomin_livecamera.png) ;
		background-position:0 0 ;
		background-repeat:no-repeat ;
		width:60px ;
		height:71px ;
		content:'' ;
	}

#index .livecamera .waku{
	border-bottom:1px solid #e74288 ;
	padding-bottom:10px ;
}

	#index .livecamera ul{
		overflow:hidden ;
	}

		#index .livecamera ul li{
			width:33% ;
			float:left ;
			list-style:none ;
			padding:15px 8px 5px 8px ;
			box-sizing:border-box ;
		}

			#index .livecamera ul li img{
				margin-bottom:5px ;
			}

#index .livecamera .link{
	text-align:center ;
}
#index .livecamera .link a{
	position:relative ;
	display:inline-block ;
	padding:3px 30px ;
	background:#e74288 ;
	color:#ffffff;
	text-decoration:none ;
	margin-bottom:15px ;
	border-radius:5px ;
}

		#index .livecamera .link a:hover{
			background-color:#eb609b ;
		}

		#index .livecamera .link a:after{
			position:absolute;
			top: 11px;
			left: 16px;
			display: block;
			width: 3px;
			height: 3px;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			content: "";
		}





@media screen and (max-width: 641px){
	#index .livecamera{
		display:none ;
	}
}



/*+++++++++++++++++++++++++
　Other
+++++++++++++++++++++++++*/
#index .other{
	overflow:hidden ;
}

	#index .other .facebook{
		width:320px ;
		height:345px ;
		float:left ;
	}

	#index .other .twitter{
		width:320px ;
		height:345px ;
		float:right ;
		border:1px solid #cccccc ;
		border-radius:5px ;
		background-color:#ffffff ;
		padding:5px 3px 0 3px;
		box-sizing:border-box ;
	}

	#index .other .facebook_icon,
	#index .other .twitter_icon{
		display:none ;
	}


@media screen and (max-width: 641px){
	#index .other{
		width:90% ;
		margin:0 auto ;
		overflow:hidden ;
	}

		#index .other .facebook,
		#index .other .twitter{
			display:none ;
		}

		#index .other .facebook_icon{
			display:block ;
			width:48% ;
			float:left ;
			text-align:center ;
			color:#ffffff ;
			padding:20px 0 ;
			background-color:#2d4496 ;
		}

		#index .other .twitter_icon{
			display:block ;
			width:48% ;
			float:right ;
			text-align:center ;
			color:#ffffff ;
			padding:20px 0 ;
			background-color:#19aef4 ;
		}

		#index .other .facebook_icon a,
		#index .other .twitter_icon a{
			color:#ffffff ;
			text-decoration:none ;
		}
}

/*+++++++++++++++++++++++++
　Search
+++++++++++++++++++++++++*/
.side .search{
	background-color:#ecf0f3 ;
	border:3px solid #6a6a6a ;
	box-sizing:border-box ;
}

	#index .search h2{
		background-color:#6a6a6a ;
		padding:10px 0 ;
		text-align:center ;
		color:#ffffff ;
		margin-bottom:10px ;
	}

	#index .search dl{
		width:85% ;
		margin:0 auto 15px auto ;
	}

		#index .search dl dt{
			font-size:90% ;
			margin-bottom:3px ;
		}

		#index .search dl dd{
			margin-bottom:10px ;
		}

			#index .search dl dd select{
				padding:5px 20px 5px 10px;
				box-sizing:border-box ;
				border:1px solid #c0c0c0 ;
				background-color:#ffffff ;
			}

	#index .search .btn{
		width:85% ;
		margin:0 auto 15px auto ;
	}

		#index .search .btn input{
			width:100% ;
			padding:10px 0 ;
			text-align:center ;
			color:#ffffff ;
			background-color:#329bde ;
			border:none ;
			cursor:pointer ;
		}

		#index .search .btn input:hover{
			background-color:#0062d0 ;
		}

@media screen and (max-width: 641px){
	.side .search{
		width:90% ;
		margin:0 auto ;
	}
}

 /*+++++++++++++++++++++++++
　Side Banner
+++++++++++++++++++++++++*/
.side .banner{}

.side .banner ul{}
.side .banner ul li{
	width:100% ;
	list-style:none ;
	margin:0 auto 15px auto ;
}

	.side .banner ul li a{
		position:relative ;
		display:block ;
		width:100% ;
		padding:15px ;
		color:#ffffff ;
		box-sizing:border-box ;
		text-decoration: none ;
	}

		.side .banner ul li a:after{
			position:absolute;
			top: 20px;
			right: 10px;
			display: block;
			width: 7px;
			height: 7px;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			-webkit-transform:
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			content: "";
		}

	.side .banner ul li.btn_today a{
		background-color:#118087 ;
	}

		.side .banner ul li.btn_today a:hover{
			background-color:#19b9c3 ;
		}

	.side .banner ul li.btn_group a{
		background-color:#6da708 ;
	}

		.side .banner ul li.btn_group a:hover{
			background-color:#82c70a ;
		}

	.side .banner ul li.img a{
		padding:0 ;
		text-align:center ;
	}

		.side .banner ul li.img a:after{
			display:none ;
		}

		.side .banner ul li.img img{
			max-width:100% ;
		}

@media screen and (max-width: 641px){
	.side .banner{
		width:90% ;
		margin:0 auto ;
	}

}


/*+++++++++++++++++++++++++
　flickr
+++++++++++++++++++++++++*/
.side .flickr{}
.side .flickr h2{
	color:#4d4d4d ;
	font-weight:bold ;
	font-size:130% ;
	margin-bottom:3px ;
	position:relative ;
}

/*	.side .flickr h2:after{
		position:absolute ;
		top:47% ;
		right:0 ;
		content:'';
		width:210px ;
		height:1px ;
		background-color:#4d4d4d ;
	}*/

.side .flickr ul{
	overflow:hidden ;
}

	.side .flickr ul li{
		width:85px ;
    height: 55px;
    overflow: hidden;
		float:left ;
		margin:7px 0 0 0;
		list-style:none ;
	}

  .side .flickr ul li img{
		max-width: 100%;
    height: auto;
	}

	.side .flickr ul li:nth-child(3n+2) {
		margin-left:7px ;
	}
	.side .flickr ul li:nth-child(3n+3) {
		float:right ;
	}


@media screen and (max-width: 641px){
	.side .flickr{
		width:90% ;
		margin:0 auto ;
		overflow:hidden ;
	}

	.side .flickr h2:after{
		width:100% ;
		left:80px ;

	}
	.side .flickr ul{
		overflow:hidden ;
	}

		.side .flickr ul li{
			width:32% ;
			float:left ;
			margin:7px 0 0 0;
		}

		.side .flickr ul li img{
			max-width:100% ;
		}

		.side .flickr ul li:nth-child(3n+2) {
			margin-left:1% ;
		}
		.side .flickr ul li:nth-child(3n+3) {
			float:right ;
		}
}




/*-------------------------------------------------------------
 	UNDER PAGE
-------------------------------------------------------------*/
#under #mainImage{
	width:100%;
	height:248px ;
	background-position:center bottom ;
	background-repeat:no-repeat ;
	background-size: cover;
	background-image: url(../images/mv/main_base.jpg);
}

#under.seasonGreen #mainImage{
	background-image: url(../images/mv/main_base_green.jpg);
}

#under.seasonAutumn #mainImage{
	background-image: url(../images/mv/main_base_autumn.jpg);
}

/*  H2 : Page Title  */
#under h2#pageTitle{
	width:100% ;
	padding:20px 0 ;
	text-align:center ;
	color:#ffffff ;
	background-color:#197fbf ;
	font-size:200% ;
	line-height:1.3 ;
	margin-bottom:10px ;
}

	#under h2#pageTitle span{
		display:block ;
		font-size:50% ;
	}

/*  H3  */
#under h3{
	position:relative ;
	font-size:125% ;
	font-weight:bold ;
	padding:0 0 15px 0 ;
	margin-bottom:20px ;
	background-image:url(../images/icon/bar.png) ;
	background-position:left bottom ;
	background-repeat:no-repeat ;
}

#under.seasonGreen h3{
	background-image:url(../images/icon/bar_green.png);
}

	#under  h3 a{
		text-decoration:none ;
	}

/*  H3  */
#under h4.title-style1{
	position:relative ;
	font-size:116% ;
	font-weight:bold ;
	padding:8px 15px;
	margin-bottom:20px ;
	background: #f0f0f0;
	border-radius: 5px;
}

/* BASE - Table */
#under .table {
	border: 1px solid #ddd;
	background: #fff;
	margin-bottom: 25px;
}

#under .table.full {
	width: 100%;
}

#under .table.fix {
	table-layout: fixed;
}

	#under .table th,
	#under .table td {
		padding: 6px 8px;
		border: 1px solid #ddd;
		vertical-align: top;
	}

	#under .table th {
		background: #efefef;
	}

/* BASE - Attention */
#under .attention-list {
	margin-bottom: 25px;
  list-style: none;
}

	#under .attention-list li {
		margin-bottom: 5px;
		text-indent: -1em;
		margin-left: 1em;
		font-size: 0.9em;
		color: #666;
	}

	#under .attention-list li::before {
		content: '※';
	}

	#under .attention-list li:last-child {
		margin-bottom: 0;
	}

/*  left  */
#under .left{
	width:590px ;
	float:left ;
}
@media screen and (max-width: 641px){
#under .left{
	width:100% ;
	float:none ;
	margin-bottom: 20px;
	}
}
/*  right  */
#under .right{
	width:335px ;
	float:right ;
}
@media screen and (max-width: 641px){
#under .right{
	width:100% ;
	float:none ;
	}
}

/*  left  */
#under .lead{
	word-break:break-all ;
	overflow:hidden ;
	font-size:140% ;
	color: rgb(45, 68, 150);
	font-weight: bold;
	line-height: 1.667;
	text-align: center;
	margin-bottom:30px ;
}

/*  Body：CMSにてユーザ入力テキストエリア  */
#under .body{
	word-break:break-all ;
	overflow:hidden ;
}

	#under .body img{
		max-width:100% ;
	}


/*  サイド：H4  */
#under .side h4{
	background-color:#ecf0f3 ;
	padding:10px 0 ;
	text-align:center ;
	font-size:110% ;
	margin-bottom:15px ;
}

/*  サイド：UL  */
#under .side ul{
	margin-bottom:25px ;
}

	#under .side ul li{
		list-style:none ;
		margin:0 auto 10px auto ;
	}

		#under .side ul li a{
			text-decoration:none ;
		}



@media screen and (max-width: 641px){
	#under #mainImage{
		height:150px ;
	}

	#under h2#pageTitle{
		padding:10px 0 ;
	}

	/*  サイド  */
	#under .side h4,
	#under .side ul{
		width:90% ;
		margin-left:auto ;
		margin-right:auto ;
	}
}



/*+++++++++++++++++++++++++
　Event
+++++++++++++++++++++++++*/
/*  Under  */
#under.event #mainImage{
	background-image:url(../images/mv/main_event.jpg) ;
}

.event .content{
	padding-bottom:50px ;
}

	.event .date{
		font-size:90% ;
		margin-bottom:2px ;
	}

	.event .body{
		overflow:hidden ;
		word-break:break-all ;
		line-height:1.6 ;
	}

.event .side{
	margin-top:14px ;
}

.to_event_link {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.to_event_link p,
.to_event_link figure {
  display: table-cell;
  vertical-align: top;
}

.to_event_link figure {
  width: 290px;
  text-align: right;
}

@media screen and (max-width: 641px){
	.event .main .content{
		width:90% ;
		margin-left:auto ;
		margin-right:auto ;
	}

  .to_event_link p,
  .to_event_link figure {
    display: block;
    width: 100%;
  }

  .to_event_link figure {
    width: 100%;
    margin-top: 15px;
    text-align: center;
  }
}


/*+++++++++++++++++++++++++
　Live Camera
+++++++++++++++++++++++++*/
/*  Under  */
.livecamera #mainImage{
	background-image:url(../images/base/mainImage01.jpg) ;
}

/*  Map  */
.livecamera .map{
	text-align:center ;
	margin-bottom:30px ;
}

	.livecamera .map img{
		max-width:100% ;
		margin-bottom:15px ;
	}

/*  動画ライブカメラ  */
#under.livecamera .left .live1{
	padding: 10px 0 15px 44px;
	color:#e74288 ;
}

	.livecamera .left .live1:before{
		position:absolute;
		top: 2px;
		left:0;
		content:'';
		width:35px;
		height:34px;
		background-image:url(../images/livecamera/icon02.png);
		background-position:0 0;
		background-repeat:no-repeat;
		display:block;
	}

	#under.livecamera .left ul{
		width:50% ;
		float:left ;
	}
	#under.livecamera .right ul{}

		#under.livecamera .left ul li,
		#under.livecamera .right ul li{
			margin:0 auto 5px auto ;
			list-style:none ;
		}

			#under.livecamera .right ul li span,
			#under.livecamera .left ul li span{
				width:15px ;
				display:inline-block ;
				margin-right:15px ;
				font-weight:bold ;
				color:#e74288 ;
				text-align:center ;
			}
			#under.livecamera .right ul li span{
				color:#22b573 ;
			}


/*  静止画ライブカメラ  */
#under.livecamera .right .live2{
	padding: 10px 0 15px 44px;
	color:#22b573 ;
}

	.livecamera .right .live2:before{
		position:absolute;
		top: 2px;
		left:0;
		content:'';
		width:35px;
		height:34px;
		background-image:url(../images/livecamera/icon01.png);
		background-position:0 0;
		background-repeat:no-repeat;
		display:block;
	}

  /*  道路状況カメラ  */
  #under.livecamera .live3{
  	padding: 10px 0 15px 44px;
  	color:#64bdeb ;
  }

  	.livecamera .live3:before{
  		position:absolute;
  		top: 2px;
  		left:0;
  		content:'';
  		width:37px;
  		height:35px;
  		background-image:url(../images/livecamera/icon03.png);
  		background-position:0 0;
  		background-repeat:no-repeat;
  		display:block;
  	}

    .livecamera .link-btn a {
      background: #64bdeb;
      border-radius: 5px;
      padding: 5px 20px;
      display: inline-block;
      margin-top: 15px;
      margin-bottom: 25px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
    }


/*  外部リンク  */
#under.livecamera h3.blue{
	color:#0077d3 ;
}

	#under.livecamera ul.link{	}
	#under.livecamera ul.link li{
		position:relative ;
		list-style:none ;
		margin:0 auto 30px auto ;
		text-indent:1em ;
	}

		#under.livecamera ul.link li:before{
			position:absolute ;
			top:6px ;
			left:0 ;
			content:'';
			width:5px ;
			height:5px ;

			border-top: 2px solid #0077d3;
			border-right: 2px solid #0077d3;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			margin: auto;
			vertical-align: middle;
		}

		#under.livecamera ul.link li a{
			display:block ;
			margin-bottom:7px ;
		}


@media screen and (max-width: 641px){
	/*    */
	#under.livecamera .content{
		width:90% ;
		margin-left:auto ;
		margin-right:auto ;
	}

	#under.livecamera .left ul{
		width:100%;
		float:none ;
	}

}

/*+++++++++++++++++++++++++
　Green Season
+++++++++++++++++++++++++*/
/*  全体  */
.greenseason #body_section{
	background-image:url(../images/greenseason/background_bottom_green.jpg) ;
}
/*  Under  */
.greenseason #mainImage{
	background-image:url(../images/greenseason/mainImage07.jpg) ;
}
/*  H2 : Page Title  */
.greenseason#under h2#pageTitle{
	background-color:#06a248 ;
}

.greenseason#under .lead{
	color: #06a248;
}
/*  H3  */
#under h3.wood{
	padding:0;
	margin-bottom:13px ;
	background:none ;
}
#under h3.wood img{
	max-width:100%;
}
/*  緑のボタン  */
.green_btn{
	width:80%;
	margin:10px auto;
	text-align:center;
}
	.green_btn a{
		color:#06a248;
		border-radius:8px;
		border:3px solid #06a248;
		display:block;
		text-decoration:none;
		padding:10px 0;
	}
		.green_btn a:hover{
		color:#ffffff;
		background:#06a248;
		transition: background-color 0.4s linear 0s;
	}

/*  トレッキングコース  */
#contents_inner .wrapper .content.cont_trekking{
	margin-bottom:60px;
}
.greenseason .map{
	text-align:center ;
	margin-bottom:30px ;
  position: relative;
}

.greenseason .map a{
  width: 39px;
  height: 35px;
  display: block;
  position: absolute;
}

.greenseason .map a:hover{
  border-radius: 5px;
  background: rgba(255,255,255,.5);
}

.greenseason .map a.map_id1{ top: 10px; right: 47px; }
.greenseason .map a.map_id2{ top: 374px; right: 454px; }
.greenseason .map a.map_id3{ top: 174px; left: 415px; }
.greenseason .map a.map_id4{ bottom: 87px; left: 431px; }
.greenseason .map a.map_id5{ top: 294px; left: 30px; }
.greenseason .map a.map_id6{ bottom: 225px; left: 303px; }
.greenseason .map a.map_id7{ top: 250px; left: 206px; }
.greenseason .map a.map_id8{ top: 212px; left: 297px; }
.greenseason .map a.map_id9{ top: 113px; left: 525px; }
.greenseason .map a.map_id10{ top: 250px; left: 630px; }
.greenseason .map a.map_id11{ top: 277px; left: 677px; }
.greenseason .map a.map_id12{ top: 285px; left: 633px; }
.greenseason .map a.map_id13{ top: 490px; left: 405px; }
.greenseason .map a.map_id14{ top: 182px; left: 752px; }
.greenseason .map a.map_id15{ top: 211px; left: 32px; }
.greenseason .map a.map_id16{ top: 15px; left: 303px; }
.greenseason .map a.map_id17{ top: 213px; left: 908px; }
.greenseason .map a.map_id18{ top: 54px; left: 774px; }
.greenseason .map a.map_id19{ top: 41px; left: 633px; }

@media screen and (max-width: 641px){
.greenseason .map a {
  display: none; }
}



	.greenseason .map img{
		max-width:100% ;
		margin-bottom:15px ;
	}
.trekking_course{
	width:300px;
	float:left;
	margin-bottom:20px;
	margin-right:30px;
}
.trekking_course.course03{
	margin-right:0;
}
	.trekking_course h4{
		font-size:110%;
 		font-weight:bold;
		position:relative;
		padding: 0 0 0 47px;
		margin-bottom:10px;
	}
	.trekking_course.course01 h4{
		color:#00931e;
	}
	.trekking_course.course02 h4{
		color:#ff1da9;
	}
	.trekking_course.course03 h4{
		color:#136cb1;
	}
		.trekking_course h4 small{
			font-size:85%;
		}
		.trekking_course h4:before{
			content:'';
			display:block;
			width:40px;
			height:3px;
			position: absolute;
			left: 0;
			top: 10px;
			border-radius:2px;
		}
		.trekking_course.course01 h4:before{
			background:#00931e;
		}
		.trekking_course.course02 h4:before{
			background:#ff1da9;
		}
		.trekking_course.course03 h4:before{
			background:#136cb1;
		}
	.trekking_course p{
		margin-bottom:1em;
	}
	.trekking_course ul{
		list-style:none;
	}
		.trekking_course ul li{
			margin-bottom:5px;
		}
			.trekking_course ul li span{
				width:15px ;
				display:inline-block ;
				margin-right:15px ;
				font-weight:bold ;
				text-align:center ;
			}
				.trekking_course.course01 ul li span{
					color:#00931e;
				}
				.trekking_course.course02 ul li span{
					color:#ff1da9;
				}
				.trekking_course.course03 ul li span{
					color:#136cb1;
				}
			.trekking_course ul img{
				vertical-align:middle;
				margin-left:3px;
			}
.p_therapy{
	margin:0;
	color:#66ad5e;
	text-align:right;
	clear:both;
}
	.p_therapy img{
		vertical-align:middle;
		margin-right:3px;
	}


/*  森林セラピーロード  */
#contents_inner .wrapper .content.cont_therapy{
	margin-bottom:60px;
}
.photo_cont{
	float:right;
	width:541px;
	text-align:center;
}
.photo_cont img{
	border-radius:20px;
	width:auto;
	max-width:100%;
}
.text_cont{
	float:left;
	width:364px;
}
#contents_inner .wrapper .content.cont_unesco{
	margin-bottom:60px;
}
.cont_unesco .photo_cont{
	float:left;
}
.cont_unesco .text_cont{
	float:right;
}
/*グリーンシーズン定番イベント*/
#under .cont_green_event h3{
	background:#06a248;
	color:#ffffff;
	font-size: 110%;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 10px 0 ;
	text-align:center;
}
.cont_green_event ul li{
	width:254px;
	margin-bottom:40px;
	margin-right:99px;
	float:left;
	list-style:none;
}
.cont_green_event ul li:last-child{
	margin-right:0;
}
	.cont_green_event ul li img{
		display:block;
		border-radius:50%;
		margin:0 auto 20px;
	}
	.cont_green_event ul li h4{
		color:#06a248;
		text-align:center;
		margin-bottom:1em;
	}
@media screen and (max-width: 641px){
#under.greenseason .content{
	width:90% ;
	margin-left:auto ;
	margin-right:auto ;
}
#under.greenseason .trekking_course{
	width:100%;
	float:none ;
	margin-right:0;
}
.photo_cont{
	float:none;
	width:100%;
	margin-bottom:10px;
}
.text_cont{
	float:none;
	width:100%;
}
.cont_unesco .photo_cont,
.cont_unesco .text_cont{
	float:none;
}
.cont_green_event ul li{
	width:100%;
	margin-right:0;
	float:none;
}
	.cont_green_event ul li h4 br{
		display:none;
	}
}
/*+++++++++++++++++++++++++
　Green Season トレッキングコースポップアップ
+++++++++++++++++++++++++*/
#popup_section img{
	max-width:100%;
}
#popup_section .wrapper{
	width:800px;
	margin:0 auto 60px;
}
#popup_section #pageTitle{
	background:#06a248;
	color:#ffffff;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	padding:30px 5px;
	margin:0 0 30px;
}
#popup_section .content{
	overflow:hidden;
}
.cont_googlemap{
	margin-bottom:30px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.cont_googlemap iframe,
.cont_googlemap object,
.cont_googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#popup_section .content_left{
	width:530px;
	float:left;
	margin-bottom:30px;
}
#popup_section h2{
	color:#06a248;
	font-weight:bold;
	margin-bottom:0.2em;
}
#popup_section .content_right{
	width:240px;
	float:right;
	margin-bottom:30px;
}
#popup_section .content_right dt{
	color:#06a248;
	font-weight:bold;
	margin-bottom:0.2em;
}
#popup_section .content_right dd{
	margin-bottom:1em;
}

/* thumbsnail */
#popup_section .thumbsnail{
	width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 25px;
}

  #popup_section .thumbsnail > li{
  	width: 250px;
	float: left;
	margin-right: 25px;
	list-style: none;
	text-align: center;
  }

  #popup_section .thumbsnail > li:last-child {
  	margin-right: 0;
  }

	#popup_section .thumbsnail > li > figure img {
	  height: auto;
	  margin-bottom: 10px;
	}

#popup_section .content_outline{
	margin-bottom:30px;
}

  #popup_section .course-table {
  	width: 100%;
	height: auto;
  	border: 1px solid #aaa;
	tabl-layout: fixed;
  }

	#popup_section .course-table th,
	#popup_section .course-table td {
		border: 1px solid #aaa;
	  padding: 5px 8px;
	}

	#popup_section .course-table th {
	  background: #d8f4e5;
	  width: 35%;
	}
#popup_section .course-step {
  clear: both;
	width: 100%;
  height: auto;
	text-align: center;
}
#popup_section .streetview{
	margin-bottom:30px;
}
.map_open{
	color: #0077d3;
    text-decoration: underline;
	margin-bottom:20px;
}
.map_open:hover{
	text-decoration:none ;
	color:#0077d3 ;
	cursor:pointer;
}
.g_street,
.g_map{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.g_map{
	margin-bottom:10px;
}
.g_map iframe,
.g_map object,
.g_map embed,
.g_street iframe,
.g_street object,
.g_street embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*  緑のボタン  */
.green_btn.green_btn_course a{
	width:48%;
	float:left;
}

.green_btn.green_btn_course a.disable{
  color:#aaa;
  border:3px solid #aaa;
}

.green_btn.green_btn_course a.disable:hover{
  color:#fff;
  background: #aaa;
}

.green_btn.green_btn_course a:last-child{
	float:right;
}
@media screen and (max-width: 641px){
#popup_section .wrapper{
	width:100%;
}
#popup_section .content_left,
#popup_section .content_right{
	width:100%;
	float:none;
}
/* thumbsnail */
#popup_section .thumbsnail > li{
	  width: 100%;
	float: none;
	margin-right: 0;
}
/*  緑のボタン  */
.green_btn.green_btn_course a{
	width:100%;
	float:none;
}
.green_btn.green_btn_course a:last-child{
	margin-top:1em;
	float:none;
}
}


/*+++++++++++++++++++++++++
	施設情報系 - Search -
+++++++++++++++++++++++++*/
#under.facility .search-message {
	width: 100%;
	height: auto;
	border: 3px solid #ddd;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 30px;
	border-radius: 5px;
}

	#under.facility	.search-message::before {
		content: '';
		border: 18px solid transparent;
		display: inline-block;
		border-top: 18px solid #fff;
		position: absolute;
		left: 50%;
		margin-left: -18px;
		bottom: -35px;
		z-index: 50;
	}

	#under.facility .search-message::after {
		content: '';
		border: 21px solid transparent;
		display: inline-block;
		border-top: 21px solid #ddd;
		position: absolute;
		left: 50%;
		margin-left: -21px;
		bottom: -42px;
		z-index: 35;
	}

#under.facility .form-block {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #ecf0f3;
	margin-bottom: 25px;
}

	#under.facility .form-block h3 {
		background: #197fbf;
		color: #fff;
		font-size: 120%;
		text-align: center;
		padding: 10px 15px;
		background-image: none;
	}

	#under.facility .form-block .form-block-search {
		padding: 25px;
		overflow: hidden;
		text-align: center;
	}

		#under.facility .search-group {
			display: inline-block;
			margin: 0 auto;
			text-align: left;
		}


			#under.facility .search-group div {
				margin-bottom: 10px;
			}

			#under.facility .search-group div input,
			#under.facility .search-group div select {
				margin: 0 8px;
			}

				#under.facility .search-group div:last-child {
					margin-bottom: 0;
				}

				#under.facility .search-group div input:last-child,
				#under.facility .search-group div select:last-child {
					margin-right:0;
				}

		#under.facility .form-block .form-block-search p {
			margin-bottom: 15px;
		}

		#under.facility .form-block .form-block-search .submit-btn {
			text-align: center;
		}

		#under.facility .form-block .form-block-search input,
		#under.facility .form-block .form-block-search select {
			border: 1px solid #aaa;
			padding: 5px 8px;
			border-radius: 2px;
			font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
		}

		#under.facility .form-block .form-block-search input[type="submit"] {
			padding: 10px 35px;
			background: #2d4496;
			color: #fff;
			font-size: 110%;
			font-weight: bold;
			font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
			border: 0;
			cursor: pointer;
			display: inline-block;
			margin-top: 25px;
			transition: 0.3s all ease-out;
			opacity: 1;
		}

		#under.facility .form-block .form-block-search input[type="submit"]:hover {
			opacity: 0.7;
		}

		#under.facility .icon-guide {
			border: 1px solid #2d4496;
			padding: 8px 15px;
			border-radius: 5px;
			font-size: 110%;
			color: #2d4496;
			margin-bottom: 15px;
		}

		#under.facility .icon-list {
			width: 100%;
			background: rgba(255,255,255, 0.7);
		}

			#under.facility .icon-list th,
			#under.facility .icon-list td {
				padding: 5px;
			}

			#under.facility .icon-list td img {
				margin-right: 5px;
			}

/*+++++++++++++++++++++++++
	施設情報系 - List -
+++++++++++++++++++++++++*/

/* メインビジュアル系 */
#under.stay #mainImage{
	background-image:url(../images/mv/main_stay.jpg) ;
}

#under.onsen #mainImage{
	background-image:url(../images/mv/main_onsen.jpg) ;
}

#under.restaurant #mainImage{
	background-image:url(../images/mv/main_rest.jpg) ;
}


/* ページナビ */
#under .facility-nav {
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	padding: 5px;
	box-sizing: border-box;
}

	#under .facility-nav > li {
		display: inline-block;
		color: #197fbf;
	}

	#under .facility-nav > li.link-prev {
		float: left;
	}

	#under .facility-nav > li.link-pages {
		font-size: 120%;
		position: relative;
		top:7px ;
	}

		#under .facility-nav > li.link-pages > a{
			display: inline-block ;
			padding: 0 8px;
			text-decoration: none;
			color: #197fbf;
			transition: 0.3s all ease-out;
			vertical-align:middle ;
		}

		#under .facility-nav > li.link-pages > span{
			display: inline-block ;
			padding: 0 8px;
			text-decoration: none;
			color: #aaa;
			transition: 0.3s all ease-out;
			vertical-align:middle ;
		}

	#under .facility-nav > li.link-next {
		float: right;
	}

		#under .facility-nav > li.link-prev > a,
		#under .facility-nav > li.link-next > a {
			border: 1px solid #197fbf;
			display: block;
			padding: 8px 15px;
			text-decoration: none;
			color: #197fbf;
			transition: 0.3s all ease-out;
		}

		#under .facility-nav > li.link-prev > a:hover,
		#under .facility-nav > li.link-next > a:hover {
			background: #197fbf;
			color: #fff;
		}

		#under .facility-nav > li.link-prev > a::before {
			content: '\00ab';
			margin-right: 5px;
		}
		#under .facility-nav > li.link-next > a::after {
			content: '\00bb';
			margin-left: 5px;
		}



/* 施設情報リスト => Header部 */

#under.facility .facility-block {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 80px;
}

#under.facility .content .facility-block:last-child {
	margin-bottom: 0;
}

#under.facility .content .facility-header h3 {
	border-bottom: 3px solid #197fbf;
	background: none;
	padding-bottom: 8px;
}

	#under.facility .content .facility-header .area {
		background: #5aa8d9;
		padding: 3px 15px;
		margin-bottom: 10px;
		font-size: 12px;

		display: inline-block;
		color: #fff;
	}

	#under.facility .content .facility-header .pr {
		color: #666;
		margin-bottom: 10px;
	}

  #under.facility .content .facility-header .edit {
    background: #efefef;
    padding: 5px 8px;
    margin-bottom: 15px;
    border-radius: 5px;
  }

    #under.facility .content .facility-header .edit input[type="password"] {
      width: 240px;
      padding: 5px 8px;
    }

    #under.facility .content .facility-header .edit input[type="submit"] {
      border-radius: 0 5px 5px 0;
      padding: 7px 15px;
      background: #2E4497;
      border: 0;
      color: #fff;
      cursor: pointer;
    }

#under.facility. content .facility-body {
	width: 100%;
	height: auto;
	overflow: hidden;
}

	#under.facility .content .facility-body .facility-photo {
		width: 260px;
		height: auto;
		float: left;
	}

		#under.facility .content .facility-body .facility-photo .main-photo {
			width: 100%;
			height: 195px;
			margin-bottom: 10px;
			display: block;
      overflow: hidden;
      background-size: cover;
		}

			#under.facility .content .facility-body .facility-photo .main-photo > img {
				width: 100%;
				height: auto;
			}

	#under.facility .content .facility-body .facility-photo .photo-thumbs {
			width: 100%;
			height: auto;
			overflow: hidden;
			margin-bottom: 10px;
		}

		#under.facility .content .facility-body .facility-photo .photo-thumbs > li {
			width: 80px;
			height: 80px;
			float: left;
			margin-right: 10px;
			list-style-type: none;
			display: inline;
			cursor: pointer;
			text-indent: -999em;
			background-position: center center;
			background-size: cover;
		}

		#under.facility .content .facility-body .facility-photo .photo-thumbs > li:last-child {
			float: right;
			margin-right: 0;
		}

			#under.facility .content .facility-body .facility-photo .photo-thumbs > li > img {
				width: 100%;
				height: 80px;
				opacity: 0.6;
				transition: 0.3s all ease-out;
			}

			#under.facility .content .facility-body .facility-photo .photo-thumbs > li.active > img {
				opacity: 1;
			}

		#under.facility .content .facility-body .facility-photo .to-plan {
			text-align: center;
		}

			#under.facility .content .facility-body .facility-photo .to-plan > a {
				background: #2d4496;
				color: #fff;
				display: block;
				padding: 8px 0;
				text-decoration: none;
				transition: 0.7s all ease-out;
			}

			#under.facility .content .facility-body .facility-photo .to-plan.disable > a {
				background: #aaa;
				color: #ddd;
			}

	#under.facility .content .facility-body .facility-info {
		width: 680px;
		height: auto;
		float: right;
	}

		#under.facility .content .facility-body .facility-info .facility-reserve {
			width: 100%;
			height: auto;
			display: table;
			table-layout: fixed;
			margin-bottom: 10px;
		}

			#under.facility .content .facility-body .facility-info .facility-reserve li {
				display: table-cell;
				vertical-align: middle;
				position: relative;
				width: 90px;
			}

			#under.facility .content .facility-body .facility-info .facility-reserve > li.price {
				/*float: right;*/
				max-width: auto;
				width: 410px;
			}

				#under.facility .content .facility-body .facility-info .facility-reserve > li.cat span {
					display: inline-block;
					border: 1px solid #3a509d;
					padding: 1px 5px;
					text-align: center;
					margin-left: 38px;
					text-align: center;
					min-width: 30px;
				}

				#under.facility .content .facility-body .facility-info .facility-reserve > li.cat.price span {
					display: block;
					text-align: left;
				}

				#under.facility .content .facility-body .facility-info .facility-reserve > li.cat span::before {
					content: '';
					width: 27px;
					height: 27px;
					display: inline-block;
					vertical-align: middle;
					position: absolute;
					top: 50%;
					margin-top: -14px;
					left: 0;

				}

				#under.facility .content .facility-body .facility-info .facility-reserve > li.cat.wa span::before {
					background: url(../images/icon/stay/01.gif) no-repeat 0 0;
				}

				#under.facility .content .facility-body .facility-info .facility-reserve > li.cat.you span::before {
					background: url(../images/icon/stay/02.gif) no-repeat 0 0;
				}

				#under.facility .content .facility-body .facility-info .facility-reserve > li.cat.wayou span::before {
					background: url(../images/icon/stay/03.gif) no-repeat 0 0;
				}

				#under.facility .content .facility-body .facility-info .facility-reserve > li.cat.price span::before {
					background: url(../images/icon/stay/fee.gif) no-repeat 0 0;
				}

				#under.facility .content .facility-body .facility-info .facility-reserve > li.cat span::after {
					content: '';
					border: 5px solid transparent;
					border-right: 8px solid #3a509d;
					position: absolute;
					top: 50%;
					margin-top: -5px;
					left: 25px;
				}

	#under.facility .content .facility-body .facility-info .facility-cat-list {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
	}

		#under.facility .content .facility-body .facility-info .facility-cat-list > li {
			display: inline;
			float: left;
			margin-left: 3px;
		}

		#under.facility .content .facility-body .facility-info .facility-cat-list > li:first-child {
			margin-left: 0;
		}

		#under.facility .content .facility-body .facility-info .facility-cat-list > li.mark-link {
			float: right;
		}

			#under.facility .content .facility-body .facility-info .facility-cat-list > li.mark-link > a {
				background: #2d4496;
				display: inline-block;
				padding: 2px 20px;
				color: #fff;
				font-size: 12px;
				text-decoration: none;
				transition: 0.7s all ease-out;
			}

	#under.facility .content .facility-body .facility-info .facility-data {
		width: 100%;
		height: auto;
		table-layout: fixed;
		background: rgba(255,255,255,0.8);
	}

		#under.facility .content .facility-body .facility-info .facility-data th,
		#under.facility .content .facility-body .facility-info .facility-data td {
			padding: 6px 8px;
			vertical-align: top;
			border-top: 1px solid #7f7f7f;
			border-bottom: 1px solid #7f7f7f;
		}

		#under.facility .content .facility-body .facility-info .facility-data th {
			background: #ecf0f3;
			text-align: left;
			width: 25%;
		}

@media screen and (max-width: 641px){
	/* ページナビ */
	#under.facility .facility-nav {
		width: 90%;
		margin: 0 5%;
	}

		#under.facility .facility-nav > li.link-pages {
			font-size: 100%;

		}

	.stay #mainImage{
		background-image:url(../images/base/mainImage01.jpg) ;
	}

	/* 施設情報リスト => Header部 */

	#under.facility .facility-block {
		margin-bottom: 35px;
		width: 90%;
		margin: 0 5% 35px 5%;
	}

		#under.facility .content .facility-header .area {
			background: #5aa8d9;
			padding: 3px 15px;
			margin-bottom: 10px;
			font-size: 12px;
			display: inline-block;
			color: #fff;
		}

		#under.facility .content .facility-header .pr {
			color: #666;
			margin-bottom: 10px;
		}

	#under.facility. content .facility-body {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

		#under.facility .content .facility-body .facility-photo {
			width: 100%;
		}

			#under.facility .content .facility-body .facility-photo .main-photo {
				width: 70%;
				margin: 0 15%;
				display: block;
				margin-bottom: 10px;
			}

			#under.facility .content .facility-body .facility-photo .photo-thumbs {
				width: 70%;
				margin: 0 15%;
				display: table;
				table-layout: fixed;
				margin-bottom: 20px;
			}

			#under.facility .content .facility-body .facility-photo .photo-thumbs > li {
				width: auto;
				display: table-cell;
				float: none;
				margin-right: 0;
				cursor: pointer;
				vertical-align: top;
			}

			#under.facility .content .facility-body .facility-photo .photo-thumbs > li:last-child {
				float: none;
			}

			#under.facility .content .facility-body .facility-photo .to-plan {
				margin-bottom: 20px;
			}

				#under.facility .content .facility-body .facility-photo .to-plan > a {
					border-radius: 5px;
					box-shadow: 0 1px 0 rgba(0,0,0,.3);
					padding: 15px 0;
					font-size: 110%;
					font-weight: bold;
				}

		#under.facility .content .facility-body .facility-info {
			width: 100%;
			height: auto;
			float: none;
		}

			#under.facility .content .facility-body .facility-info .facility-reserve {
				width: 100%;
				height: auto;
				display: inline-block;
				margin-bottom: 15px;
			}

				#under.facility .content .facility-body .facility-info .facility-reserve li {
					display: inline-block;
					margin-bottom: 10px;
				}

				#under.facility .content .facility-body .facility-info .facility-reserve > li.price {
					/*float: right;*/
					max-width: auto;
					width: auto;
					margin-bottom: 0;
				}

		#under.facility .content .facility-body .facility-info .facility-cat-list {
			margin-bottom: 15px;
		}

			#under.facility .content .facility-body .facility-info .facility-cat-list > li.mark-link {
				float: none;
				clear: both;
				width: 100%;
				height: auto;
				display: block;
				padding-top: 10px;
			}

				#under.facility .content .facility-body .facility-info .facility-cat-list > li.mark-link > a {
					display: block;
					color: #fff;
					font-size: 100%;
					text-align: center;
					position: relative;
					padding: 10px 0;
				}

				#under.facility .content .facility-body .facility-info .facility-cat-list > li.mark-link > a::after {
					content: '';
					width: 7px;
					height: 7px;
					display: inline-block;
					border-top: 1px solid #fff;
					border-right: 1px solid #fff;
					transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					position: absolute;
					right: 15px;
					top: 50%;
					margin-top: -3px;
				}

			#under.facility .content .facility-body .facility-info .facility-data th,
			#under.facility .content .facility-body .facility-info .facility-data td {
				width: 100%;
				display: block;
				border: 0;
			}

			#under.facility .content .facility-body .facility-info .facility-data th {
				text-align: center;
				width: 100%;
			}

			#under.facility .content .facility-body .facility-info .facility-data td {
				margin-bottom: 15px;
			}
}

/*+++++++++++++++++++++++++
　フッターナビのコンテンツ
+++++++++++++++++++++++++*/
@media screen and (max-width: 641px){

	#under.faq .main .content,
	#under.privacy .main .content,
	#under.about .main .content {
		width: 95%;
		margin: auto;
		margin-bottom: 30px;
	}
	#under.faq .side p,
	#under.privacy .side p,
	#under.about .side p {
		width: 95%;
		margin: auto;
	}

}


/*+++++++++++++++++++++++++
		リンク集
+++++++++++++++++++++++++*/
#under.link .main {
box-sizing: border-box; padding: 0 10px; background:rgba(255,255,255,0.8);
}
#under.link .main .content ul li {
	display: inline-block;
	min-height: 20px;
	width: 30%;
	box-sizing: border-box;
	margin-bottom: 10px;
	margin-right: 10px;
	vertical-align: top;
	padding-left: 20px;
	background: url(../images/icon/link_icon.png) no-repeat left 4px;
}

#under.link .main .content.shiga ul li {
	display: block;
	width: 100%;
	margin-right: 0;
}


@media screen and (max-width: 641px){
/*link*/
#under.link .main .content {
	width: 95%;
	margin: auto;
}
#under.link .main .content ul li {
	display: block;
	min-height: auto;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 5px;
	margin-right: 0px;
}
#under.link .main {
	padding: 0;
}
}

#under .main .content ul.arrow li {
	padding-left: 20px;
	background: url(../images/icon/link_icon.png) no-repeat left 3px;
	list-style: none;
}

#under.privacy .main .content ul {
	padding-left: 1em;
	margin-top: 1em;
}

#under.privacy .content p {
	margin-bottom: 1em;
}


/*+++++++++++++++++++++++++
		よくある質問
+++++++++++++++++++++++++*/
#under.faq h3 {
	margin-bottom: 10px;
}

#under.faq h3:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
	vertical-align:middle;
	margin-right: 10px;
    background: url(../images/icon/faq_q_ico.png) no-repeat 0 0;
}

#under.faq .content {
	margin-bottom: 50px;
}

#under.faq .content .body{
	padding-left: 50px;
	padding-top: 10px;
	background: url(../images/icon/faq_a_ico.png) no-repeat 0 0;
}


/*+++++++++++++++++++++++++
		問い合わせ









+++++++++++++++++++++++++*/

/*フォーム*/
#under.contact .content table.contact {
	width: 100%;
	background: #FFF;
	margin-top: 20px;
}
	#under.contact .content .contact th,
	#under.contact .content .contact td {
		padding: 6px 8px;
		vertical-align: top;
		border-top: 1px solid #7f7f7f;
		border-bottom: 1px solid #7f7f7f;
	}
	#under.contact .content .contact td {
		vertical-align: middle;
	}
	#under.contact .content .contact th {
		background: #ecf0f3;
		text-align: left;
		width: 25%;
	}
			#under.contact .content .contact input[type="text"] {
				border: solid 1px #CCC;
			}
			#under.contact .content .contact textarea {
				border: solid 1px #CCC;
			}
			#under.contact .content .contact #address {
				display: block;
				margin-top: 10px;
				margin-left: 1em;
			}
			#under.contact .content .contact select#pref_code {
				width: 120px;
				padding: 1px;
			}
			#under.contact .content .contact select#description {
				padding: 1px;
				width: 140px;
			}

/*電話番号*/
#under.contact p.tel{
	font-size: 25px;
	font-weight: bold;
	color: #197FBF;
}

/*パンくず*/
#under.contact .contact-st li {
	display: inline-block;
	background: #CCC;
	height: 40px;
	vertical-align: middle;
	position: relative;
	box-sizing: border-box;
	width: 319px;
	padding: 9px 0px 9px 45px;
}

	#under.contact .contact-st li:after {
		content:"";
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-left: 10px solid #CCC;
		position: absolute;
		right: 0;
		top: 0;
	}

	#under.contact .contact-st li:before {
		content: "";
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-left: 20px solid #CCC;
		position: absolute;
		right: -38px;
		top: 0px;
		z-index: 2;
	}
	#under.contact .contact-st li:after {
		content: "";
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-left: 20px solid #FFF;
		position: absolute;
		right: -40px;
		top: 0;
		z-index: 1;
	}

			#under.contact .contact-st li:last-child:after,
			#under.contact .contact-st li:last-child:before,
			#under.contact .contact-st li.active:last-child:before{
				display: none;
			}

			#under.contact .contact-st li.active {
				background: #197FBF;
				color: #FFF;
			}

			#under.contact .contact-st li.active:before {
				content: "";
				width: 0;
				height: 0;
				border: 20px solid transparent;
				border-left: 20px solid #197FBF;
				border-right: 20px solid #CCC;
				border-top: 20px solid #CCC;
				border-bottom: 20px solid #CCC;
				position: absolute;
				right: -40px;
				top: 0px;
				z-index: 1;
			}
			#under.contact .contact-st li.active:after {
				display: none;
			}

/*ボタン*/
#under.contact .btn {
	text-align: center;
	margin-top: 20px;
}

#under.contact .btn input[type="submit"] {
	padding: 10px 35px;
	background: #2d4496;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	border: 0;
	cursor: pointer;
	display: inline-block;
	margin-top: 25px;
}

@media screen and (max-width: 641px){
	#under.contact .content {
		width: 95%;
		margin: auto;
	}
	#under.contact .content {
		margin-bottom: 30px;
	}
	#under.contact .content table.contact {
		width: 100%;
		margin-top: 20px;
		background: #FFF;
		box-sizing: border-box;
	}
	#under.contact .content .contact th{
		text-align: center;
	}
	#under.contact .content .contact th,
	#under.contact .content .contact td {
		width: 100%;
		display: block;
		border-top: 0;
		border-bottom: 0;
		box-sizing: border-box;
	}
	#under.contact .content .contact td {
		margin-bottom: 20px;
	}

	#under.contact .content .contact input,
	#under.contact .content .contact textarea {
		width: 100% !important;
		box-sizing: border-box;
	}

	#under.contact .content .contact #address {
		display: block;
		margin-top: 10px;
		margin-left: 0;
	}

	#under.contact .content .contact #zip{
		width: 120px !important;
		margin-bottom: 10px;
		vertical-align: middle;
	}

	#under.contact .content .contact select#pref_code {
		display: block;
	}

	#under.contact .content .contact select#description {
		padding: 1px;
		width: 120px;
	}

	#under.contact p.tel{
		font-size: 25px;
		font-weight: bold;
		color: #197FBF;
	}
	#under.contact .contact-st li {
		width: 100%;
		margin-bottom: 20px;
	}

	#under.contact .contact-st li:after {
		content:"";
		width: 0;
		height: 0;
		border-top: 10px solid #CCC;
		border-right: 20px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 20px solid transparent;
		right: 50%;
		left: 45%;
		top: 40px;
	}

	#under.contact .contact-st li:before {
		display: none;
	}

	#under.contact .contact-st li.active:before {
		content:"";
		display: block;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top: 10px solid #197FBF;
		border-right: 20px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 20px solid transparent;
		right: 50%;
		left: 45%;
		top: 40px;
	}

}

/*+++++++++++++++++++++++++
		団体予約
+++++++++++++++++++++++++*/

/*パンくず*/

#under.contact.group .contact-st li.active {
	background: #E74287;
	color: #FFF;
}

	#under.contact.group .contact-st li.active:before {
		content: "";
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-left: 20px solid #E74287;
		border-right: 20px solid #CCC;
		border-top: 20px solid #CCC;
		border-bottom: 20px solid #CCC;
		position: absolute;
		right: -40px;
		top: 0px;
		z-index: 1;
	}

#under.contact .form_btn{
	width:400px ;
	overflow:hidden ;
	margin:0 auto ;
}

#under.contact .form_btn .half{
	width:50% ;
	float:left ;
	text-align:center ;
}
/*ボタン*/
#under.contact .btn input[type="submit"] {
	padding: 10px 35px;
	background: #2d4496;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	border: 0;
	cursor: pointer;
	display: inline-block;
	margin-top: 25px;
}

#under.contact .btn input#btnToInput{
	padding: 10px 35px;
	background:#666 ;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	border: 0;
	cursor: pointer;
	display: inline-block;
	margin-top: 25px;
}

/*FAX*/
#under.contact.group p.FAX{
	font-size: 25px;
	font-weight: bold;
	color: #9F3134;
}

#under.contact.group .fax-btn a {
	width: 100%;
	background: #9F3134;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 10px;
}

@media screen and (max-width: 641px){


	#under.contact.group .contact-st li:before,#under.contact.group .contact-st li.active:after {
		display: none;
	}

	#under.contact.group .contact-st li.active:before {
		content:"";
		display: block;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top: 10px solid #E74287;
		border-right: 20px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 20px solid transparent;
		right: 50%;
		left: 45%;
		top: 40px;
	}

	#under.contact .form_btn{
		width:100% ;
	}

	#under.contact .form_btn .half{
		width:100% ;
		float:none ;
	}
}

/*+++++++++++++++++++++++++
		求人情報
+++++++++++++++++++++++++*/
#under.recruit #mainImage {
	background-image: url(../images/mv/main_recruit.jpg);
}
#under.recruit .content .facility-block .pr,
#under.recruit .content .facility-block .btn{
	display: inline-block;
}
#under.recruit .content .facility-block .btn{
	float: right;
}
#under.recruit .content .facility-block .btn a{
	background: #197fbf;
	color: #FFF;
	padding: 3px 10px;
	display: inline-block;
	text-decoration: none;
	margin-left: 5px;
	transition: 0.3s all ease-out;
}

#under.recruit .content .facility-block .facility-photo img {
	width: 100%;
}

#under.recruit .content .facility-block .facility-header {
	margin-bottom: 10px;
}

#under.recruit .content .facility-block .lim {
	color: #197fbf;
	margin-top: 10px;
  background: rgba(255,255,255, 0.8);
  padding: 8px 16px 4px 16px;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
}

#under.recruit .content .facility-block .contact {
  background: rgba(255,255,255, 0.8);
  padding: 4px 16px 8px 16px;
  border-radius: 0 0 5px 5px;
}

#under.recruit .content .facility-block .contact a {
	color: #d25e18;
	text-decoration: none;
	font-size: 1.1em;
}

#under.recruit .content .facility-block .contact a {
	color: #FF8C00;
	text-decoration: none;
	font-size: 1.1em;
}

/*詳細ページ*/
#under.recruit.detail .content .facility-body .facility-info {
    width: 100%;
    height: auto;
    float: none;
	margin: auto;
}
#under.recruit.detail .content .facility-body .facility-info .massage {
    padding: 20px 0;
}
#under.recruit.detail .content .facility-body .facility-info p.title {
    font-weight: bold;
    color: #1983C1;
}
#under.recruit.detail .content .facility-body .facility-info p.title {
    font-weight: bold;
    color: #1983C1;
}

#under.recruit .content .facility-block .back_btn{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

#under.recruit .content .facility-block .back_btn a{
	background: #197fbf;
	color: #FFF;
	padding: 3px 10px;
	display: inline-block;
	text-decoration: none;
	margin-left: 5px;
	transition: 0.3s all ease-out;
}


@media screen and (max-width: 641px){
	#under.recruit .content .facility-block .btn{
		float: none;
		display: block;
	}
}

/*+++++++++++++++++++++++++
			温泉
+++++++++++++++++++++++++*/

#under.spa #mainImage {
	background-image: url(../images/mv/main_spa.jpg);
}

#under.spa .content {
	/*text-align: center;*/
}

	#under.spa .content h3.title {
		display: inline-block;
		width: 80%;
		margin: auto;
		text-align: center;
		background: none;
		color: #2d4496;
	}
		#under.spa .content h3.title:after {
			content: "";
			width: 60%;
			position: relative;
			display: inline-block;
			border-bottom: solid 3px #197fbf;
		}

	#under.spa .content .massage_area {
		position: relative;
		text-align: left;
		margin-bottom: 50px;
	}
		#under.spa .content .massage_area .massage {
			position: absolute;
			top: 0;
			right: 0;
			width: 60%;
		}
		#under.spa .content .massage_area .massage p{
			text-align: center;
			padding-top: 20px;
		}
@media screen and (max-width: 641px){

#under.spa .content h3.title {
		display: inline-block;
		width: 95%;
		margin: auto;
	}
	#under.spa .content h3.title:after {
		content: "";
		width: 100%;
	}

	#under.spa .content .massage_area {
		width: 95%;
		margin: 0px auto 30px auto;
	}
		#under.spa .content .massage_area .massage {
			position: inherit;
			top: auto;
			right: auto;
			width: 100%;
		}
		#under.spa .content .massage_area .massage p{
			text-align: center;
			padding-top: 20px;
		}
		#under.spa .content .massage_area img{
			width: 100%;
		}
}

/*+++++++++++++++++++++++++
		レストラン
+++++++++++++++++++++++++*/
#under.restaurant .facility-body {
	overflow: hidden;
}

	#under.restaurant .content .facility-header .pr {
		color: #666;
		margin-bottom: 10px;
		padding: 10px;
		border: solid 2px #ffbe59;
		border-radius: 5px;
	}
	#under.restaurant .content .osusume {
		display: block;
		overflow: hidden;
		width: 100%;
		color: #666;
		border: solid 2px #5aa8d9;
		margin-top: 30px;
		padding: 10px 10px 20px 60px;
		box-sizing: border-box;
		border-radius: 5px;
		background: #FFF;
	}
	#under.restaurant .content .osusume .title {
		padding: 10px 50px;
		background: url(../images/icon/osusume_menu.png) no-repeat left 0;
		margin-left: -50px;
	}

	#under.restaurant .content .facility-header .pr {
		position: relative;
		margin-bottom: 35px;
	}
		#under.restaurant .content .facility-header .pr:after {
			content: '';
			border: 10px solid transparent;
			display: inline-block;
			border-top: 10px solid #ffbe59;
			position: absolute;
			left: 10%;
			margin-left: -10px;
			bottom: -22px;
			z-index: 50;
		}
		#under.restaurant .content .facility-header .pr:before {
			content: '';
			border: 10px solid transparent;
			display: inline-block;
			border-top: 10px solid #FFF;
			position: absolute;
			left: 10%;
			margin-left: -10px;
			bottom: -19px;
			z-index: 52;
		}

		#under.restaurant .content .osusume .title {
			font-weight: bold;
			font-size: 1.1em;

			color: #197fbf;
		}

@media screen and (max-width: 641px){
	#under.restaurant .content .osusume {
		margin-top: 0;
	}
}

/*+++++++++++++++++++++++++
		アクセス
+++++++++++++++++++++++++*/

#under.access #mainImage {
	background-image: url(../images/mv/main_access.jpg);

}

#under.access .main .content h3 {
	border-bottom: solid 3px #197fbf;
	background: none;
	padding: 10px 0 10px 50px;
	background: url(../images/icon/ac_car_ico.png) no-repeat left center;
}

#under.access .main .content#bus h3 {
	background: url(../images/icon/ac_bus_ico.png) no-repeat left center;
}

#under.access .main .content#JR h3 {
	background: url(../images/icon/ac_tra_ico.png) no-repeat left center;
}

/* Green season */
#under.access.seasonGreen .main .content h3 {
	border-bottom: solid 3px #05A247;
}

#under.access .main .content h4 {
	color: #2d4496;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 1.1em;
	margin-top: 15px;
	border-bottom: solid 2px #2d4496;
}
#under.access .main .content p {
	margin-bottom: 20px;
}

#under.access .main .content p span {
	font-size: 0.9em;
	display: inline-block;
	color: #197fbf;
}


#under.access .content .map_tab {
	margin-top: 30px;
	overflow:hidden ;
}

	#under.access .content .map_tab .tab_menu li{
		display: inline-block;
		margin-right: 3px;
	}

		#under.access .content .map_tab .tab_menu li a{
			border: solid 2px #197fbf;
			color: #197fbf;
			font-weight: bold;
			border-bottom: 0;
			display: block;
			padding: 5px;
			text-decoration: none;
			border-radius:6px 6px 0 0 ;
		}

			#under.access .content .map_tab .tab_menu li a.active{
				color: #FFF;
				font-weight: bold;
				background: #197fbf;
			}

#under.access .content .map_tab .maps div{
	display: none;
}

	#under.access .content .map_tab .maps div.active{
		display: block;
		border: solid 2px #197fbf;
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
/*		margin-top: -2px;*/
	}
	#under.access .content .map_tab .maps div iframe{
		width: 100%;
	}

#under.access .content .body {
	margin-bottom: 5px;
}

	#under.access .content .link ul li {
		display: inline-block;
		min-height: 20px;
		width: 30%;
		box-sizing: border-box;
		margin-bottom: 5px;
		margin-right: 10px;
		vertical-align: top;
		padding-left: 20px;
		background: url(../images/icon/link_icon.png) no-repeat left center;
	}

	#under.access .content .body.bor {
		border: solid 2px #197fbf;
		padding: 5px 10px 20px 10px;
		margin-bottom: 20px;
		background: #FFF;
	}
	#under.access .content .body.bor.red {
		border: solid 2px #FF8C00;
		padding: 5px;
		margin-bottom: 20px;
		background: #FFECD7;
		color: #333;
	}
#under.access .side .content.dora div{
	width: 160px;
	margin: auto;
}
	#under.access .side .content.dora {
		text-align: center;
	}
		#under.access .side .content table {
			width: 95% !important;
		}

			#under.access .side .content table * {
				-webkit-appearance: inherit;
			}
				#under.access .side .content table input {
					border: solid 1px #CCC;
				}
					#under.access .side .content table input[type="radio"] {
						-webkit-appearance: radio;
						margin-top: -2px;
					}
					#under.access .side .content table select {
						-webkit-appearance: menulist;
						width: 86px;
					}

#under.access .content span.blk {
	display: inline-block;
	vertical-align: baseline;
	padding: 1px 5px 1px 5px;
	background: #CCC;
	border-radius: 5px;
	margin-bottom: 0.5em;
	margin-right: 3px;
	margin-left: 3px;
}

#under.access .content .JR_block {
	border: solid 3px #b4b4b4;
	padding: 0 10px 10px 10px;
	border-radius: 5px;
	margin-bottom: 60px;
	position: relative;
}

#under.access .content .JR_block:after {
	content: '';
	border: 30px solid transparent;
	display: inline-block;
	border-top: 30px solid #b4b4b4;
	position: absolute;
	left: 50%;
	margin-left: -21px;
	bottom: -78px;
	z-index: 35;
}

	#under.access .content span.blk.ic {
		background: #fbd58c;
		color: #333;
	}
	#under.access .content span.blk.jct {
		background: #009881;
		color: #FFF;
	}
	#under.access .content span.blk.shiga {
		background: #017f40;
		color: #FFF;
	}
	#under.access .content span.blk.ssta {
		background: #8b92c8;
		color: #FFF;
	}
	#under.access .content span.blk.JRnaga {
		background: #cb5e71;
		color: #FFF;
	}
	#under.access .content span.blk.yudanaka {
		background: #ea6ea4;
		color: #FFF;
	}
	#under.access #JR.content h4 span.blk {
		background: #2d4496;
		font-weight: normal;
		font-size: 0.85em;
		color: #FFF;
	}

@media screen and (max-width: 641px){
	#under.access .main .content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	#under.access .content .map_tab .tab_menu li{
		display: block;
		margin-right: 0px;
	}
	#under.access .content .link ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}
}

#under.access #contents_inner .wrapper .content {
    overflow: hidden;
    margin-bottom: 40px;
}

/*追加 NEW*/
#under.facility .content .new .facility-header h3:before {
    content: "NEW";
    width: 50px;
    padding: 3px;
    font-size: 12px;
    background: #E74287;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    margin-right: 10px;
    /* float: right; */
}



/*+++++++++++++++++++++++++
　Today Inn
+++++++++++++++++++++++++*/

#under.todayinn #mainImage{
}


#under.todayinn .main {
	width: 100%;
}

@media screen and (max-width: 641px){
	#under.todayinn .main {
		width: 90%;
		margin: 0 5% 15px 5%;
	}
}

	#under.todayinn .main .msg {
		margin-bottom: 15px;
	}

		#under.todayinn .main .msg .msg-attention {
			color: #f00;
		}

	#under.todayinn .main .todayinn-list > li {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		border: 3px solid #ddd;
		padding: 15px 15px 15px 38px;
		background: #fff;
		margin-bottom: 15px;
		box-sizing: border-box;
	}

	#under.todayinn .main .todayinn-list > li:last-child {
		margin-bottom: 0;
	}

		#under.todayinn .main .todayinn-list > li .todayinn-list-num {
			display: inline-block;
			background: #2e4497;
			position: absolute;
			top: -3px;
			left: -3px;
			text-align: center;
			color: #fff;
			font-size: 120%;
			font-weight: bold;
			padding: 2px 8px;
		}

		#under.todayinn .main .todayinn-list > li h4 {
			font-weight: bold;
			font-size: 120%;
			border-bottom: 1px solid #ddd;
			padding-bottom: 5px;
			margin-bottom: 10px;
		}

		#under.todayinn .main .todayinn-list > li .todayinn-list-num-attention {
			color: #f00;
		}

		#under.todayinn .main .todayinn-list > li .todayinn-list-bikou {
			word-wrap: break-word;
		}

			#under.todayinn .main .todayinn-list > li .todayinn-list-bikou time {
				font-size: 80%;
				font-style: italic;
				color: #666;
				margin-top: 10px;
			}

		#under.todayinn .main .todayinn-list > li .todayinn-list-info{
			padding: 5px;
			background: #efefef;
			border-radius: 2px;
			margin-top: 10px;
		}

		#under.todayinn .main .post-table{
			width: 100%;
			height: auto;
			margin-bottom: 35px;
			border: 1px solid #aaa;
		}

			#under.todayinn .main .post-table th,
			#under.todayinn .main .post-table td {
				padding: 6px 8px;
				border: 1px solid #aaa;
				vertical-align: middle;
			}

			#under.todayinn .main .post-table th {
				background: #efefef;
				text-align: center;
			}

#under.todayinn .main .pass-block {

}

	#under.todayinn .main .pass-block form {
		margin-top: 25px;
	}

  #under.todayinn .main input[type="text"],
  #under.todayinn .main input[type="select"],
  #under.todayinn .main input[type="password"] {
		padding: 5px 8px;
    border-radius: 3px;
    border: 1px solid #aaa;
	}

	#under.todayinn .main input[type="submit"],
	#under.todayinn .main input[type="reset"] {
		width: auto;
		padding: 5px 20px;
		background: #ddd;
		font-size: 16px;
    font-weight: bold;
		cursor: pointer;
    color: #666;
    border: 0;
    border-radius: 5px;
	}

    #under.todayinn .main input[type="submit"] {
  		background: #2E4497;
      color: #fff;
      margin-right: 10px;
  	}

#under.todayinn .main .error-msg {
	color: #f00;
	background: #fff;
	padding: 15px;
	border: 3px solid #ddd;
	border-radius: 5px;
}


/*+++++++++++++++++++++++++
	POPUP
+++++++++++++++++++++++++*/

/* POPUP 初期化 */
#under.popup #contents_section {
	margin-top: 0;
}

#under.popup #body_section {
	background: #fff;
}

#under.popup #header_inner #header,
#under.popup #contents_inner .wrapper,
#under.popup #contents_inner .wrapper .main {
	width: 660px;
}

#under.popup #contents_section {
	padding-bottom: 45px;
}

/* Close Btn */
#under.popup .close-btn {
	text-align: center;
	margin-bottom: 35px;
}

	#under.popup .close-btn a {
		display: inline-block;
		padding: 8px 20px;
		border-radius: 3px;
		background: #ddd;
		color: #666;
		font-weight: bold;
		text-decoration: none;
	}





/*+++++++++++++++++++++++++
	Information list
+++++++++++++++++++++++++*/
#under.news .list ul,
#under.event .list ul{}
#under.news .list ul li,
#under.event .list ul li{
	width:100% ;
	margin: 0 auto 15px auto ;
	overflow:hidden ;
	display:table ;
	border-bottom:1px dotted #ccc ;
}
#under.news .list ul li .img,
#under.event .list ul li .img{
	width:130px ;
	display:table-cell ;
	padding-bottom:15px ;
}
	#under.news .list ul li .img img,
	#under.event .list ul li .img img{
		max-width:100% ;
	}
#under.news .list ul li .info,
#under.event .list ul li .info{
	display:table-cell ;
	padding:0 0 0 15px ;
	box-sizing:border-box ;
	vertical-align:top ;
	padding-bottom:15px ;
}
	#under.news .list ul li .date,
	#under.event .list ul li .date{
		display:inline-block ;
		font-size:90% ;
		background-color:#666 ;
		padding:1px 5px ;
		color:#fff ;
		margin-bottom:10px ;
	}
		#under.news .list ul a,
		#under.event .list ul a{
			text-decoration:none ;
		}
	#under.news .list ul li .title,
	#under.event .list ul li .title{
		font-size:110% ;
		font-weight:bold ;
	}

@media screen and (max-width: 641px){
	#under.news .list ul li,
	#under.event .list ul li{
		display:block;
		width:95% ;
		margin:0 auto 15px auto ;
	}
	#under.news .list ul li .img,
	#under.event .list ul li .img{
		width:95% ;
		display:block ;
	}
	#under.news .list ul li .info,
	#under.event .list ul li .info{
		display:block ;
		padding:0 ;
	}
}

/*+++++++++++++++++++++++++
	Information
	Movie
+++++++++++++++++++++++++*/


#under.movie .block{}
#under.movie .block ul{
	overflow:hidden ;
}

	#under.movie .block ul li{
		width:200px ;
		float:left ;
		list-style:none ;
		margin-right:53px ;
		margin-bottom:15px ;
	}

	#under.movie .block ul li:nth-child(4n+1){
		clear:both ;
	}

	#under.movie .block ul li:nth-child(4n){
		margin-right: 0 ;
	}

		#under.movie .block ul li a{
			text-decoration:none ;
		}

		#under.movie .block ul li .img{
			width:100% ;
			height:135px ;
			overflow:hidden ;
			margin-bottom:10px ;
			text-align:center ;
		}

			#under.movie .block ul li .img img{
				max-width:100% ;
			}

		#under.movie .block ul li .title{
			padding:0 5px ;
			box-sizing:border-box ;
			line-height:1.3 ;
		}

		#under.movie .block ul li .date{
			font-size:90% ;
		}

		#under.movie .block ul li a .date{
			color:#000000 ;
			text-decoration:none ;
		}
@media screen and (max-width: 641px){
	#under.movie .block ul li{
		width:200px ;
		float:none ;
		margin:0 auto 15px auto ;
	}

		#under.movie .block ul li:nth-child(4n){
			margin-right: auto ;
		}
}



/*++++++++++++

test
++++++++++++*/

li.link-no {
    width: 84px;
    height: 40px;
    background: #FFF;
}

li.link-no-prev {
    float: left;
}

li.link-no-next {
    float: right;
}

/*+++++++++++++++++++++++++
		おこみん
+++++++++++++++++++++++++*/
#under.okomin #mainImage {
	background-image: url(../images/mv/main_okomin.jpg);
}

#under.okomin .okomin-table th {
	width: 15%;
	vertical-align: middle;
}

#under.okomin .okomin-info {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#under.okomin .okomin-title {
	text-align: center;
}

#under.okomin .okomin-info img {
	float: left;
}

#under.okomin .okomin-info figcaption {
	width: 550px;
	height: auto;
	border: 3px solid #ddd;
	background: #fff;
	border-radius: 8px;
	position: relative;
	float: right;
	padding: 10px;
	font-size: 18px;
	margin-top: 80px;
}

	#under.okomin .okomin-info figcaption::before {
		content: '';
		border: 20px solid transparent;
		border-right: 20px solid #ddd;
		position: absolute;
		top: 50%;
		margin-top: -20px;
		left: -40px;;
	}

	#under.okomin .okomin-info figcaption::after {
		content: '';
		border: 17px solid transparent;
		border-right: 17px solid #fff;
		position: absolute;
		top: 50%;
		margin-top: -17px;
		left: -33px;
	}

	#under.okomin .okomin-goods ul {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 25px;
	}

	#under.okomin .okomin-goods ul:last-child {
		margin-bottom: 0;
	}

	#under.okomin .okomin-goods ul > li {
		width: 300px;
		height: auto;
		float: left;
		margin-right: 20px;
		list-style-type: none;
	}

	#under.okomin .okomin-goods ul > li:nth-child(3n) {
		margin-right: 0;
	}

	#under.okomin .okomin-goods ul > li:nth-child(3n+1) {
		clear: both;
	}


	#under.okomin .okomin-goods ul > li figure .img {
		height: 168px;
		overflow: hidden;
		margin-bottom: 10px;
	}

	#under.okomin .okomin-goods ul > li figure img {
		max-width: 100%;
		height: auto;

	}

	#under.okomin .okomin-goods ul > li figure figcaption {
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 10px;
	}

	#under.okomin .content{
		overflow: visible;
	}

	#under.okomin .content {
		overflow: visible;
		margin-bottom: 50px;
	}

	#under.okomin .content:after {
	    content:" ";
	    display:block;
	    clear:both;
	}

	#under.okomin h3 {
		border-bottom: 1px solid #e74288;
		background: none;
		padding-bottom: 0;
		color: #e74288;
		font-weight: bold;
    font-size: 24px;
	}

	#under.okomin h3:first-letter{
    font-size:48px;
	}

	#under.okomin h3:after{
		position:absolute ;
		top: 18px;
		right:5px ;
		background-image:url(../images/icon/okomin_livecamera.png) ;
		background-position:0 0 ;
		background-repeat:no-repeat ;
		width:60px ;
		height:71px ;
		content:'' ;
	}

  #under.okomin h4{
		font-size: 16px;
    color: #05a247;
    font-weight: bold;
    margin-bottom: 3px;
	}

    #under.okomin .content .oshirase-block {
  		width: 100%;
      height: auto;
      overflow: hidden;
      margin-bottom: 25px;
  	}

    #under.okomin .content .oshirase-block:last-child {
      margin-bottom: 0;
  	}



/*+++++++++++++++++++++++++
		宿泊施設MAP
+++++++++++++++++++++++++*/
#under.map #box_red {
	background-color: #FFF9FF;
	width: 85%;
	padding: 10px 10px 10px 10px;
	margin:0px auto;
	border: 2px solid #EE7777;
}

#under.map .content{
	margin-top: 30px;
	overflow:hidden ;
}

	#under.map .content .tab_menu li{
		display: inline-block;
		margin-right: 3px;
		width:40% ;
	}

		#under.map .content .tab_menu li a{
			border: solid 2px #197fbf;
			color: #197fbf;
			font-weight: bold;
			border-bottom: 0;
			display: block;
			padding: 5px;
			text-decoration: none;
			border-radius:6px 6px 0 0 ;
			text-align:center ;
		}

			#under.map .content .tab_menu li a.active{
				color: #FFF;
				font-weight: bold;
				background: #197fbf;
			}


#under.map .content .maps div{
	display: none;
	text-align:center ;
	background-color:#fff ;
	padding:15px 0 ;
}

	#under.map .content .maps div.active{
		display: block;
		border: solid 2px #197fbf;
		width: 100%;
		box-sizing: border-box;
		margin-top: -2px;
	}

	#under.map .content .maps div img{
		max-width:100% ;
	}

#under.map .content .map-wrap {
	background: rgba(255,255,255,0.8);
  padding: 25px;
  border-radius: 8px;
}

#under.map .content ul.stay_map_list:after{
	content:"";
	display:block;
	clear:both;
}
#under.map .content ul.stay_map_list li{
	width:33% ;
	float:left ;
	box-sizing:border-box ;
	list-style:none ;
	margin-bottom:10px;
	position:relative;
}
#under.map .content ul.stay_map_list li{
	width:33% ;
	float:left ;
	box-sizing:border-box ;
	list-style:none ;
	margin-bottom:10px;
	position:relative;
}
#under.map .content ul.stay_map_list li span{
	display:inline-block;
	position: relative;
	background: #ffffff;
	border: 1px solid #999999;
	margin-right:3px;
	width:23px;
	text-align:center;
	border-radius:50%;
	font-size:90%;
	top:-5px;
}
#under.map .content ul.stay_map_list li span:after,
#under.map .content ul.stay_map_list li span:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-top: -1px;
}

#under.map .content ul.stay_map_list li span:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 4px 0 4px 4px;
	margin-left: 2px;
}
#under.map .content ul.stay_map_list li span:before {
	border-color: rgba(153, 153, 153, 0);
	border-top-color: #999999;
	border-width: 5px 1px 5px 5px;
	margin-left: 1px;
}

#under.map .content ul.stay_map_list {
  margin-bottom: 35px;
}

#under.map .content ul.stay_map_list:last-child {
  margin-bottom: 75px;
}


@media screen and (max-width: 641px){
#under.map .content ul.stay_map_list li{
		width:100% ;
		float:left ;
	}
}

/*追加宿泊バナー*/
#under.stay .bnr_area,
#under .bnr_area.stay {
	margin-bottom: 30px;
	overflow: hidden;
}

#under.stay .bnr_area a,
#under .bnr_area.stay a {
	display: inline-block;
	float: left;
}
#under.stay .bnr_area a:first-child,
#under .bnr_area.stay a:first-child {
	margin-right: 20px;
}

@media screen and (max-width: 641px){
#under.stay .bnr_area,
#under .bnr_area.stay {
	text-align: center;
}
#under.stay .bnr_area a,
#under .bnr_area.stay a {
	margin: auto;
	width: 95%;
	float: none;
}
#under.stay .bnr_area a img,
#under .bnr_area.stay a img{
	width: 100%;
	display: inline-block;

	margin-bottom: 10px;
	max-width: 470px;

}
#under.stay .bnr_area a:first-child,
#under .bnr_area.stay a:first-child {
	margin-right: 0px;
}
}



/* end CSS */