@charset "utf-8";

#infodiv{
	width:300px;
	height:250px;
}

/* ================================================ */
/*  Top																							*/
/* ================================================ */
#map iframe{
	pointer-events:none;
}
.sightsee_detail #map iframe{
	pointer-events:all;
}

/*----------------------------
	mainVisual
----------------------------*/
#top #mainVisual{
	width: 100% ;
}

	/*  背景  */
	#top #mainVisual .content_inner{
		position: relative ;
		width: 100% ;
		margin: 0 ;
		height: 716px ;
		background-image: url(../img/top/mainVisual_img.jpg) ;
		background-position: center left ;
		background-repeat: no-repeat ;
		background-size: cover ;
		-webkit-animation: animation_opacity 1.5s ease 0.5s 1 forwards;
	  animation: animation_opacity 1.5s ease 0.5s 1 forwards;
		opacity: 0 ;
	}

	/*  キャプション  */
	#top #mainVisual .content_inner .caption{
		position: absolute ;
		top:  50px ;
		left: -160px ;
		opacity: 0 ;
		-webkit-animation: animation_opacity 1.5s ease 1.5s 1 forwards;
	  animation: animation_opacity 1.5s ease 1.5s 1 forwards;
	}

	/*  見出し  */
	#top #mainVisual .content_inner h2{
		position: absolute ;
		top:  100px ;
		left: -160px ;
		opacity: 0 ;
		-webkit-animation: animation_opacity 2.0s ease 2.5s 1 forwards;
	  animation: animation_opacity 2.0s ease 2.5s 1 forwards;
	}

	/*  テキスト  */
	#top #mainVisual .content_inner .note{
		position: absolute ;
		bottom:  100px ;
		right: 30px ;
		opacity: 0 ;
		-webkit-animation: animation_opacity 2.0s ease 3.5s 1 forwards;
	  animation: animation_opacity 2.0s ease 3.5s 1 forwards;
	}

	#top #mainVisual .content_inner .caption.fadeOutEffect,
	#top #mainVisual .content_inner h2.fadeOutEffect {
		-webkit-animation: fadeOutEffect 1s;
		animation: fadeOutEffect 1s;
		visibility: visible !important;
	}

	@-webkit-keyframes fadeOutEffect {
		0% { opacity: 1; -webkit-transform: translateX(0); }
		100% { opacity: 0; -webkit-transform: translateX(50px); }
	}
	@keyframes fadeOutEffect {
		0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
		100% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
	}

	@keyframes animation_opacity {
		100% { opacity: 1; }
	}
	@-webkit-keyframes animation_opacity {
		100% { opacity: 1; }
	}

@media screen and (max-width:767px ){
	#top #mainVisual{
		margin-bottom: 15px ;
	}
	#top #mainVisual .content_inner{
		height:0 ;
		padding: 71.6% 0 0 0;
		box-sizing: border-box ;
	}

	#top #mainVisual .content_inner .caption{
		width: 50% ;
		position:absolute;
		top: 7% ;
		left: 5px ;
		margin: 0 5% 10px 5% ;
	}

	#top #mainVisual .content_inner h2{
		width: 80% ;
		position:absolute;
		top: 20% ;
		left: 5px ;
		margin: 0 5% ;
	}

	#top #mainVisual .content_inner .note{
		width: 90% ;
		right: 5px ;
		bottom: 20px ;
		text-align: right ;
	}

	#top #mainVisual .content_inner img{
			max-width: 90% ;
	}
}


/*----------------------------
	specialContents
----------------------------*/
#top #specialContents,
#under #specialContents{}

	#top #specialContents .box,
	#under #specialContents .box{
		overflow: hidden ;
	}
	#under #specialContents .box{
		margin-bottom: 50px ;
		position: relative ;
	}

		/*  写真  */
		#top #specialContents .box .img,
		#under #specialContents .box .img{
			width: calc(100% - 600px) ;
			float: left ;
		}

		/*  紹介  */
		#top #specialContents .box .info,
		#under #specialContents .box .info{
			width: 580px ;
			float: right ;
			padding-top: 50px ;
			padding-bottom: 30px ;
		}
		#under #specialContents .box .info{
			padding-bottom: 70px ;
		}

			/*  見出し  */
			#top #specialContents .box .info .midashi,
			#under #specialContents .box .info .midashi{
				margin-bottom: 10px ;
			}

			/*  テキスト１  */
			#top #specialContents .box .info .txt1,
			#under #specialContents .box .info .txt1{
				margin-bottom: 0 ;
				font-size: 1.3rem ;
			}

			/*  テキスト２  */
			#top #specialContents .box .info .txt2,
			#under #specialContents .box .info .txt2{
				margin-bottom: 30px ;
				font-weight: bold ;
				font-size: 1.6rem ;
				line-height: 1.5 ;
			}

			/*  詳細リンク  */
			#top #specialContents .box .info .more,
			#under #specialContents .box .info .more{
				position: absolute ;
				right: 0 ;
				bottom: 0 ;
				text-align: right ;
			}

				#top #specialContents .box .info .more a,
				#under #specialContents .box .info .more a{
					width: 200px ;
					position: relative;
					display: inline-block;
					color: #ffffff;
					padding: 10px 30px 10px 10px ;
					border: 1px solid #64A523 ;
					background-color: #64A523 ;
					text-align: left ;
				}
				#top #specialContents .box .info .more a:hover,
				#under #specialContents .box .info .more a:hover{
					background-color: #335303 ;
					border: 1px solid #335303 ;
				}

				#top #specialContents .box .info .more ::before,
				#under #specialContents .box .info .more ::before{
					position: absolute;
					content:'';
					top: 20px;
					right: 15px;
					width: 10px;
					height: 10px;
					border-top: 3px solid #fff;
					border-right: 3px solid #fff;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}

@media screen and (max-width:767px ){
	#under #specialContents .box{
		margin-bottom: 20px ;
	}

		#top #specialContents .box .img,
		#under #specialContents .box .img{
			width:100% ;
			float:none ;
		}

		#top #specialContents .box .info,
		#under #specialContents .box .info{
			width: 95% ;
			float: none ;
			margin: 15px auto 15px auto ;
			padding-top: 0 ;
		}

		#top #specialContents .box .info .midashi,
		#under #specialContents .box .info .midashi{}
		#top #specialContents .box .info .txt1,
		#under #specialContents .box .info .txt1{
			font-size: 1rem ;
		}
		#top #specialContents .box .info .txt2,
		#under #specialContents .box .info .txt2{
			margin-bottom: 15px ;
			font-size: 1.2rem ;
			line-height: 1.4 ;
		}
		#top #specialContents .box .info .more,
		#under #specialContents .box .info .more{
			position:relative;
			margin:0 auto 10px auto ;
			text-align: center ;
		}

		#top #specialContents .box .info .more a,
		#under #specialContents .box .info .more a{
			margin: 0 auto 5px auto ;
		}
}

/*----------------------------
	MainVinusline
----------------------------*/
#top #MainVinusline {
  margin-bottom: 50px ;
}

#top #MainVinusline .content_inner {
  display: table ;
}

#top #MainVinusline .block {
  position: relative ;
  width: 47% ;
  height: 350px ;
  display: table-cell ;
  overflow: hidden ;
  background-repeat: no-repeat ;
  background-size: cover ;
}

#top #MainVinusline .block:after {
  position: absolute;
  display: block;
  content: '';
  top: -700px;
  left: -700px;
  width: 800px;
  height: 800px;
  background-color: #FEAA09;
  -webkit-transition: .8s ease-in-out;
  transition: .8s ease-in-out;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#top #MainVinusline .block.b1:after {
 background-color: #4564A5 ;
}

#top #MainVinusline .block.b2:after {
 background-color: #e94515 ;
}

#top #MainVinusline .block:hover:after {
 top: -189px ;
 left: -74px ;
}

#top #MainVinusline .block a {
 position: relative ;
 display: block ;
 width: 100% ;
 height: 100% ;
 text-indent: -9999em ;
 background-position: center center ;
 background-repeat: no-repeat ;
 background-size: 400px ;
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
 z-index: 10;
}

#top #MainVinusline .block.b1 {
 background-image: url(../img/top/menu/feature_back.png) ;
}
#top #MainVinusline .block.b2 {
 background-image: url(../img/top/menu/trekking_back.png);
}
#top #MainVinusline .block.b1 a {
 background-image: url(../img/top/menu/feature_logo.png) ;
}
#top #MainVinusline .block.b2 a {
 background-image: url(../img/top/menu/trekking_logo.png);
}
#top #MainVinusline .block.b1 a:hover {
 background-image: url(../img/top/menu/feature_logo.png) ;
}
#top #MainVinusline .block.b2 a:hover {
 background-image: url(../img/top/menu/trekking_logo.png);
}

@media screen and (max-width: 767px ) {
 #top #MainVinusline {
  width: 95% ;
  margin: 0 auto 30px auto ;
 }

 #top #MainVinusline .content_inner {
  display: block ;
  height: auto ;
  overflow: hidden ;
 }

 #top #MainVinusline .block {
  display: block ;
  width: 100% ;
  height: 0 ;
  padding-bottom: 58% ;
 }

 #top #MainVinusline .block a {
  padding-bottom: 58% ;
 }
}

/*----------------------------
	aboutVinusline
----------------------------*/
#top #aboutVinusline{
 margin-bottom: 50px ;
}

	#top #aboutVinusline .content_inner{
		width: 100% ;
		display: table ;
	}

		#top #aboutVinusline .block{
			position: relative ;
			width: 33.3333333% ;
			height: 350px ;
			display: table-cell ;
			overflow: hidden ;
			background-repeat: no-repeat ;
			background-size: cover ;
		}

			#top #aboutVinusline .block:after{
				position: absolute;
				display: block;
				content: '';
				top: -700px;
				left: -700px;
				width: 800px;
				height: 800px;
				background-color:#7dbd84;
				-webkit-transition: .8s ease-in-out;
				transition: .8s ease-in-out;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}
      #top #aboutVinusline .block.b2:after{
        background-color: #83BFD8 ;
      }
      #top #aboutVinusline .block.b3:after{
        background-color: #7dbd84 ;
      }
      #top #aboutVinusline .block.b7:after{
        background-color: #FEAA09 ;
      }

				#top #aboutVinusline .block:hover:after{
					top: -189px ;
					left: -74px ;
				}

			#top #aboutVinusline .block a{
				position: relative ;
				display: block ;
				width: 100% ;
				height: 100% ;
				text-indent: -9999em ;
				background-position: center center ;
				background-repeat: no-repeat ;
				background-size: 250px ;
				-webkit-transition: .3s ease-in-out;
				transition: .3s ease-in-out;
				z-index: 10;
			}

				#top #aboutVinusline .block.b1{ background-image:url(../img/top/menu/about_back.png) ;}
				#top #aboutVinusline .block.b2{ background-image:url(../img/top/menu/spmovie_back.png);}
				#top #aboutVinusline .block.b7{ background-image:url(../img/top/menu/tabikura_back.png);}

				#top #aboutVinusline .block.b1 a{ background-image:url(../img/top/menu/about_logo.png) ;}
				#top #aboutVinusline .block.b2 a{ background-image:url(../img/top/menu/spmovie_logo.png);}
				#top #aboutVinusline .block.b7 a{ background-image:url(../img/top/menu/tabi_logo.png);}

				#top #aboutVinusline .block.b1 a:hover{ background-image:url(../img/top/menu/about_logo_over.png) ;}
				#top #aboutVinusline .block.b2 a:hover{ background-image:url(../img/top/menu/spmovie_logo_over.png);}
				#top #aboutVinusline .block.b7 a:hover{ background-image:url(../img/top/menu/tabi_logo.png);}

    #top #aboutVinusline .block.b3{ background-image:url(../img/top/menu/insta_back.png) ;}
    #top #aboutVinusline .block.b3 a{ background-image:url(../img/top/menu/insta_logo.png) ;}
    #top #aboutVinusline .block.b3 a:hover{ background-image:url(../img/top/menu/insta_logo.png) ;}

@media screen and (max-width:767px ){
	#top #aboutVinusline{
		width: 95% ;
		margin: 0 auto 30px auto ;
	}

		#top #aboutVinusline .content_inner{
			display: block ;
			height: auto ;
			overflow: hidden ;
		}

			#top #aboutVinusline .block{
				display: block ;
				width: 100% ;
				height: 0 ;
				padding-bottom: 58% ;
			}

			#top #aboutVinusline .block a{
				padding-bottom: 58% ;
			}
}



/*----------------------------
	favoritePlace
----------------------------*/
#top #favoritePlace{
	background-color: #f1f9fa ;
	background-color: rgba(241,249,250,0.6) ;
	border: 2px solid #64A523 ;
	margin-bottom: 0 ;
}

	#top #favoritePlace .content_inner{
		overflow: hidden ;
	}

	/*  地図  */
	#top #favoritePlace .map{
		float: left ;
		width: calc(100% - 290px) ;
		text-align: center ;
		padding: 10px 0 ;
		box-sizing: border-box ;
	}

	/*  絞り込み  */
	#top #favoritePlace .info{
		float: right ;
		width: 290px ;
		margin: 0 0 0 0 ;
	}

		/*  見出し  */
		#top #favoritePlace .midashi{
			width: 100% ;
			height: 220px ;
			background-color: #64A523 ;
			color: #ffffff ;
			text-align: center ;
			border-bottom: 1px solid #fff ;
		}

			#top #favoritePlace .midashi h2{
				padding: 85px 0 50px 0 ;
				background-image:url(../img/top/benri_title.png) ;
				background-position:center 35%  ;
				background-repeat: no-repeat ;
				box-sizing: border-box ;
				font-size: 1.3rem ;
				line-height: 1.6 ;
			}

		/*  ブロック  */
		#top #favoritePlace .search_block{
			background-color: #64A523 ;
			box-sizing: border-box ;
			color: #ffffff ;
		}

			#top #favoritePlace .search_block dl{
				margin: 0 auto 1px auto ;
			}

				#top #favoritePlace .search_block dl dt{
					position: relative ;
					padding: 5px 10px ;
					box-sizing: border-box ;
					cursor: pointer ;
					border-bottom: 1px solid #fff ;
				}

				#top #favoritePlace .search_block dl dt::before{
					position: absolute ;
					content: '';
					top: 15px ;
					right: 10px ;
					box-sizing: border-box;
					width: 6px;
					height: 6px;
					border: 6px solid transparent;
					border-left: 6px solid #fff;
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
				}

				#top #favoritePlace .search_block dl dt.open::before{
					top: 9px ;
					-webkit-transform: rotate(-90deg);
					transform: rotate(-90deg);
				}

				#top #favoritePlace .search_block dl dd{
					display: none ;
					padding: 5px;
					box-sizing: border-box ;
					background-color:#DFECDE;
				}

					#top #favoritePlace .search_block dl dd ul li{
						margin: 0 0 1px 0 ;
						list-style: none ;
					}

						#top #favoritePlace .search_block dl dd ul li a{
							display: block ;
							width: 100% ;
							padding: 5px ;
							box-sizing: border-box ;
							color: #64A523 ;
							font-weight: bold ;
							background-color: #fff ;
						}

@media screen and (max-width:767px ){
	#top #favoritePlace{
		width: 95% ;
		margin-bottom: 0 ;
	}

		#top #favoritePlace .map{
			float:none ;
			width: 100% ;
		}

			#top #favoritePlace .map img{
				max-width: 100% ;
			}

		#top #favoritePlace .info{
			float: none ;
			width: 100% ;
			margin: 0 auto 10px auto ;
		}

			#top #favoritePlace .midashi{
				height: 100px ;
			}

				#top #favoritePlace .midashi h2{
					padding: 30px 0 0 0 ;
					background-position:center 10%  ;
				}
}


/*----------------------------
	TagList
----------------------------*/
#top #tagList{}

#top #tagList .content_inner{
	background-color: #64A523 ;
	padding: 20px 60px 20px 60px;
	box-sizing: border-box ;
}

	#top #tagList .content_inner h2{
		min-height: 27px ;
		margin: 0 auto 10px auto ;
		background-image: url(../img/top/icon_tags.png) ;
		background-position: left center ;
		background-repeat: no-repeat ;
		padding-left: 35px ;
		font-size: 1.3rem ;
		color: #fff ;
	}



	#top #tagList .content_inner ul{
		overflow: hidden ;
		margin: 0 5px ;
	}

		#top #tagList .content_inner ul li{
			list-style: none ;
			display: inline-block ;
			margin: 0 5px 10px 0 ;
		}

			#top #tagList .content_inner ul li a{
				display: block ;
				padding: 0 15px  ;
				color: #64A523 ;
				font-size: 1rem ;
				text-align: center ;
				background-color: #fff ;
			}

@media screen and (max-width:767px ){
	#top #tagList{
	width: 96% ;
	}

	#top #tagList .content_inner{
		padding: 10px 15px ;
	}

		#top #tagList .content_inner ul li a{
			font-size: 0.9rem ;
		}
}

/*----------------------------
	benri
----------------------------*/
#top #benri,
#under #benri.baseunder{}
#top #benri .content_inner,
#under #benri.baseunder .content_inner{
	overflow: hidden ;
}

	#top #benri .block,
	#under #benri.baseunder .block{
		position: relative ;
		width:33.3333333% ;
		height: 200px ;
		float: left ;
		text-align: center ;
		overflow: hidden ;
		background-repeat: no-repeat ;
		background-size: cover ;
	}

	#top #benri .block:after,
	#under #benri.baseunder .block:after{
		position: absolute;
		display: block;
		content: '';
		top: -600px;
		left: -840px;
		width: 800px;
		height: 800px;
		background-color:#fff;
		-webkit-transition: .8s ease-in-out;
		transition: .8s ease-in-out;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

		#top #benri .block:hover:after,
		#under #benri.baseunder .block:hover:after{
			top: -300px ;
			left: -130px ;
		}

		#top #benri .block a,
		#under #benri.baseunder .block a{
			position: relative ;
			display: block ;
			width: 100% ;
			height: 100% ;
			text-indent: -9999em ;
			background-position: center center ;
			background-repeat: no-repeat ;
			background-size: 250px ;
			-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
			z-index: 10;
		}

		#top #benri .block a:hover,
		#under #benri.baseunder .block a:hover{
			filter: alpha(opacity=100);
			-moz-opacity:1;
			opacity:1;
		}

		#top #benri .block.b1,
		#under #benri.baseunder .block.b1{ 
      background-image:url(../img/top/menu/weather_back.png) ;}
		#top #benri .block.b2,
		#under #benri.baseunder .block.b2{
      background-image:url(../img/top/menu/benri_back.png) ;}
		#top #benri .block.b3,
		#under #benri.baseunder .block.b3{
      background-image:url(../img/top/menu/digi_back.png) ;}
		#top #benri .block.b4,
		#under #benri.baseunder .block.b4{
      background-image:url(../img/top/menu/facebook_back.png) ;}
		#top #benri .block.b5,
		#under #benri.baseunder .block.b5{
      background-image:url(../img/top/menu/twitter_back.png) ;}
		#top #benri .block.b6,
		#under #benri.baseunder .block.b6{
      background-image:url(../img/top/menu/instagram_back.png) ;}
		#top #benri .block.b7,
		#under #benri.baseunder .block.b7{
      background-image:url(../img/top/menu/tabikura_back.png) ;}

		#top #benri .block.b1 a,
		#under #benri.baseunder .block.b1 a{ 
      background-image:url(../img/top/menu/weather_logo.png) ;}
		#top #benri .block.b2 a,
		#under #benri.baseunder .block.b2 a{
      background-image:url(../img/top/menu/benri_logo.png) ;}
		#top #benri .block.b3 a,
		#under #benri.baseunder .block.b3 a{
      background-image:url(../img/top/menu/digi_logo.png) ;}
		#top #benri .block.b4 a,
		#under #benri.baseunder .block.b4 a{ 
      background-image:url(../img/top/menu/facebook_logo.png) ;}
		#top #benri .block.b5 a,
		#under #benri.baseunder .block.b5 a{
      background-image:url(../img/top/menu/twitter_logo.png) ;}
		#top #benri .block.b6 a,
		#under #benri.baseunder .block.b6 a{
      background-image:url(../img/top/menu/instagram_logo.png) ;}
		#top #benri .block.b7 a,
		#under #benri.baseunder .block.b7 a{
      background-image:url(../img/top/menu/tabikura_logo.png) ;}

		#top #benri .block.b1 a:hover,
		#under #benri.baseunder .block.b1 a:hover{ 
      background-image:url(../img/top/menu/weather_logo_over.png) ;}
		#top #benri .block.b2 a:hover,
		#under #benri.baseunder .block.b2 a:hover{
      background-image:url(../img/top/menu/benri_logo_over.png) ;}
		#top #benri .block.b3 a:hover,
		#under #benri.baseunder .block.b3 a:hover{
      background-image:url(../img/top/menu/digi_logo_over.png) ;}
		#top #benri .block.b4 a:hover,
		#under #benri.baseunder .block.b4 a:hover{
      background-image:url(../img/top/menu/facebook_logo_over.png) ;}
		#top #benri .block.b5 a:hover,
		#under #benri.baseunder .block.b5 a:hover{
      background-image:url(../img/top/menu/twitter_logo_over.png) ;}
		#top #benri .block.b6 a:hover,
		#under #benri.baseunder .block.b6 a:hover{
      background-image:url(../img/top/menu/instagram_logo_over.png) ;}
		#top #benri .block.b7 a:hover,
		#under #benri.baseunder .block.b7 a:hover{
      background-image:url(../img/top/menu/tabikura_logo_over.png) ;}

@media screen and (max-width:767px ){
	#top #benri .block,
	#under #benri.baseunder .block{
		position: relative ;
		width:100% ;
		height: 200px ;
		float: none ;
		margin-bottom: 1px ;
	}

	#top #benri .block:after,
	#under #benri.baseunder .block:after{
		display: none ;
	}

		#top #benri .block a,
		#under #benri.baseunder .block a{
			position: relative ;
			display: block ;
			width: 100% ;
			height: 100% ;
			text-indent: -9999em ;
			background-position: center center ;
			background-repeat: no-repeat ;
			background-size: 250px ;
			-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
			z-index: 10;
		}
		#top #benri .block.b1 a:hover,
		#under #benri.baseunder .block.b1 a:hover{ 
      background-image:url(../img/top/menu/weather_logo.png) ;}
		#top #benri .block.b2 a:hover,
		#under #benri.baseunder .block.b2 a:hover{ 
      background-image:url(../img/top/menu/benri_logo.png) ;}
		#top #benri .block.b3 a:hover,
		#under #benri.baseunder .block.b3 a:hover{ 
      background-image:url(../img/top/menu/digi_logo.png) ;}
		#top #benri .block.b4 a:hover,
		#under #benri.baseunder .block.b4 a:hover{ 
      background-image:url(../img/top/menu/facebook_logo.png) ;}
		#top #benri .block.b5 a:hover,
		#under #benri.baseunder .block.b5 a:hover{
      background-image:url(../img/top/menu/twitter_logo.png) ;}
		#top #benri .block.b6 a:hover,
		#under #benri.baseunder .block.b6 a:hover{
      background-image:url(../img/top/menu/instagram_logo.png) ;}

}



/*----------------------------
	information
----------------------------*/
#top #information{}

#top #information .content_inner{
	overflow: hidden ;
}
#top #information .block{
	width: 48% ;
	float: left ;
}
#top #information .block:nth-child(2){
	float: right ;
}

	#top #information .block h2{
		position: relative ;
		margin: 0 auto 15px auto ;
		font-size: 1.3rem ;
		border-bottom: 1px solid #ccc ;
	}

		#top #information h2 .more{
			position: absolute ;
			top: 0 ;
			right: 0 ;
		}

			#top #information h2 .more a{
				font-size: 0.8rem ;
				width: 70px ;
				position: relative;
				display: inline-block;
				color: #ffffff;
				padding: 0 20px 0 10px ;
				border: 1px solid #64A523 ;
				background-color: #64A523 ;
				text-align: left ;
			}

			#top #information h2 .more a:hover{
				background-color: #335303 ;
				border: 1px solid #335303 ;
			}

				#top #information h2 .more ::before{
					position: absolute;
					content:'';
					top: 10px;
					right: 10px;
					width: 5px;
					height: 5px;
					border-top: 2px solid #fff;
					border-right: 2px solid #fff;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}

	#top #information .block ul{
		margin-bottom: 15px ;
	}

	#top #information .block ul li{
		list-style: none ;
		margin: 0 auto 5px auto ;
		overflow: hidden ;
	}

	#top #information .block ul li a{
		display: block ;
	}

		#top #information .block ul li .date{
			width: 100% ;
			font-size: 0.8rem ;
			padding-top: 1px ;
			color: #999 ;
		}

		#top #information .block ul li h3{
			font-size: 1.1rem ;
		}

		#top #information .block:last-child ul li h3{
			width: 100% ;
			float: none ;
		}

		#top #information .block ul li a:hover h3{ color: #64A523 ; }

@media screen and (max-width:767px ){
	#top #information .block{
		width: 95% ;
		float: none ;
		margin: 0 auto 15px auto;
	}
	#top #information .block:nth-child(2){
		float: none ;
	}

		#top #information .block h2{
			margin: 0 auto 15px auto ;
			font-size: 1.3rem ;
			border-bottom: 1px solid #ccc ;
		}
}



/* ================================================ */
/*  Under																						*/
/* ================================================ */
/* ----------------------------- */
/*  見出し 						 					*/
/* ----------------------------- */
/*  H2
-----------------------*/
#under main h2{
	position: relative ;
	height: 250px ;
	margin: 0 auto 35px auto ;
	padding: 95px 15px 15px 15px ;
	background-position: left center ;
	background-repeat: no-repeat ;
  background-size: cover ;
	box-sizing: border-box ;
	font-size: 2.5rem ;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color: #ffffff ;
}

	#under.recommended main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.sightsee main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.access main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.policy main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.sitemap main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.events main h2,
	#under.event main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.post main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.video main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.feature main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.photogallery main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.pamphlet main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.benri main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.wishlist main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.course-send main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.news main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.information main h2{ background-image: url(../img/recommended/header.jpg) ; }
	#under.search main h2{ background-image: url(../img/recommended/header.jpg) ; }

#under main h2.feature{
	height: auto ;
	margin: 0 auto 20px auto ;
	padding: 0 ;
	font-size: 1.5rem ;
	color:#64A523 ;
	background: none ;
}

@media screen and (max-width:767px ){
	#under main h2{
		width:95% ;
		height: auto ;
		padding: 25px 15px 20px 15px ;
		font-size: 1.7rem ;
		background-size: cover ;
	}
}


/*  H3
-----------------------*/
#under main h3{
	position: relative ;
	font-size: 1.5rem ;
	line-height: 1.4;
	margin-bottom:20px ;
	color: #64A523 ;
	border-left: 5px solid #64A523 ;
	padding: 3px 0 3px 15px ;
	box-sizing: border-box ;
}

	#under main h3 .wishBtn{
		position:absolute ;
		top: 5px ;
		right: 0 ;
	}

@media screen and (max-width:767px ){
	#under main h3{
		width: 95% ;
		margin: 0 auto 20px auto ;
	}
	#under main .content h3{
		width: 100% ;
		margin: 0 auto 20px auto ;
	}
}



/*  H4
-----------------------*/
#under main h4{
	font-size: 1.3rem ;
	line-height: 1.4;
	margin-bottom:25px ;
	color: #64A523 ;
	border-bottom: 1px solid #64A523 ;
	padding: 0 0 3px 5px ;
	box-sizing: border-box ;
}



/* -------------------- */
/*  Box 								*/
/* -------------------- */
#under .boxL .block,
#under .boxR .block{
	width: 100% ;
	display: table ;
}
#under .boxC .block{
	width: 100% ;
}

	#under .boxL .block{
		margin: 0 auto 0 0 ;
	}

	#under .boxR .block{
		margin: 0 0 0 auto ;
	}

		#under .boxL .block h3,
		#under .boxL .block p{
			width: 60% ;
			float: right ;
		}

		#under .boxR .block h3,
		#under .boxR .block p{
			width: 60% ;
			float: left ;
		}

		#under .boxL .block .img{
			width: 35% ;
			float: left ;
			text-align: left ;
		}
		#under .boxR .block .img{
			width: 35% ;
			float: right ;
			text-align: right ;
		}



/* -------------------- */
/*  パーツ 			    */
/* -------------------- */
#under main{
	word-break:break-all ;
}

	#under main img{
		max-width: 100% ;
		height: auto ;
	}

	#under main .space{
		margin-bottom:25px ;
	}

	#under .body{
		overflow: hidden ;
}

	#under main .content p{
		font-size: 1rem ;
		line-height: 2.3 ;
		margin-bottom:25px ;
	}

	#under main ul{}
	#under main ul li{
		position:relative ;
		list-style:none ;
		padding-left:20px ;
	}

		#under main ul li::before{
			position:absolute ;
			content:"●";
			top:0 ;
			left:0 ;
		}
		#under main #side ul li::before{
      display: none ;}

			#under .wishBtn{
				position: relative ;
				text-align: center ;
			}

				#under .wishBtn i{
					position: absolute ;
					top: 28% ;
					left: 2% ;
					color: #ffffff ;
					font-size: 1rem ;
				}

				#under .wishBtn input{
					width: 100% ;
					margin: 0 auto ;
					display: inline-block ;
					padding: 10px 15px ;
					text-align: center ;
					background-color: #24B0AE ;
					color: #ffffff ;
					border: none ;
					cursor: pointer ;
					font-size: 0.8rem ;
					font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;
				}

				#under .wishBtn input:hover{
					background-color:#135352 ;
				}

				#under .wishBtn input.add{
					background-color:#565555 ;
				}

#under main #map {
	width: 100%;
	height: 80% ;
	min-height: 300px ;
	margin: 10px auto 40px auto ;
	border: 5px solid #D0D0D0 ;
	box-sizing: border-box ;
}

#under main #map + .map_note{
	width: 50%;
  margin: -40px 0 40px 50% ;
	border: 3px solid #D0D0D0 ;
  border-top :none ;
  padding: 5px ;
  line-height: 1.4 ;
  box-sizing:border-box ;
}


@media screen and (max-width:767px ){
	#under main .content p{
		font-size: 1rem ;
		line-height: 1.6 ;
	}

	#under main ul{}
	#under main ul li{
		position:relative ;
		list-style:none ;
		padding-left:20px ;
	}

		#under main ul li::before{
			position:absolute ;
			content:"●";
			top:0 ;
			left:0 ;
		}

			#under .wishBtn{
				position: relative ;
				text-align: center ;
			}

				#under .wishBtn i{
					position: absolute ;
					top: 28% ;
					left: 5% ;
					color: #ffffff ;
					font-size: 1rem ;
				}

				#under .wishBtn input{
					width: 100% ;
					margin: 0 auto ;
					display: inline-block ;
					padding: 10px 15px ;
					text-align: center ;
					background-color: #24B0AE ;
					color: #ffffff ;
					border: none ;
					cursor: pointer ;
					font-size: 0.8rem ;
					font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;
				}

				#under .wishBtn input:hover{
					background-color:#135352 ;
				}

				#under .wishBtn input.add{
					background-color:#565555 ;
				}

	#under main #map {
		width: 100%;
		height: 80% ;
		min-height: 300px ;
		margin: 10px auto 40px auto ;
		border: 5px solid #D0D0D0 ;
		box-sizing: border-box ;
	}
  #under main #map + .map_note{
	width: 100%;
  margin: -40px 0 40px 0 ;
  }


}






/*	List
====================================================*/
#under .list{
	width:100% ;
	margin:0 auto 30px auto;
}

	#under .list aside{
		text-align: center ;
		margin-bottom: 40px ;
	}

		#under .list aside .archive_title{
			position: relative ;
			font-size: 1.2rem ;
			margin: 0 auto 25px auto ;
		}

			#under .list aside .archive_title:after{
				position: absolute ;
				content: '';
				top: 110% ;
				left: 42% ;
				width: 200px ;
				border: 1px solid #eee ;
			}

		#under .list aside div{
			overflow: hidden ;
		}

			#under .list aside span{
				width: 80px ;
				display: inline-block ;
				list-style: none ;
				border: none ;
			}

				#under .list aside span a{
					display: block ;
					width: 100% ;
					padding: 5px 0 ;
					background-color: #64A523 ;
					color: #ffffff ;
				}

	#under .list h2{}
	#under .list ul{}
	#under .list li{
		width:100% ;
		display:table ;
		list-style:none ;
		margin:0 auto 10px auto ;
		padding-bottom: 10px ;
		border-bottom:1px dashed #bfbebc ;
		padding-left: 0 ;
	}
		#under .list li:before{
			display: none ;
		}
		#under .list li .date{
			display:table-cell ;
			width:250px ;
			padding:5px 0 ;
		}
		#under .list li .title{
			display:table-cell ;
			padding:5px 0 ;
		}

@media screen and (max-width:767px ){
	#under .list{
		width:95% ;
	}

	#under .list li{
		display:block ;
	}
		#under .list li .date{
			display:block ;
			width:100% ;
		}
		#under .list li .title{
			display:block ;
		}

			#under .list aside .archive_title:after{
				left: 5% ;
				width: 90% ;
				border: 1px solid #eee ;
			}
}



/*-------------------------------------------------------------
 	box_list
-------------------------------------------------------------*/
#under .box_list{
	overflow: hidden ;
}

	#under .box_list .list{
		overflow: hidden ;
	}

		#under .box_list .item{
			position: relative ;
			width: 24% ;
			float: left ;
			background-color: #F1F1F1 ;
			margin: 0 0 15px 16px ;
			padding-bottom: 115px ;
		}

			#under .box_list .item:first-child,
			#under .box_list .item:nth-child(4n+1){
				clear: both ;
				margin-left: 0 ;
			}

				#under .box_list .item .img{
					width: 100% ;
					height: 190px ;
					overflow: hidden ;
					margin: 0 auto 10px auto ;
					text-align: center ;
					background-color: #ccc ;
				}

				#under .box_list .item .name{
					margin: 0 10px 10px 10px ;
					font-size: 1.3rem ;
					line-height: 1.2 ;
				}

				#under .box_list .item .catch{
					margin: 0 10px 10px 10px ;
				}

				#under .box_list .item .type{
					margin: 0 10px 10px 10px ;
				}

					#under .box_list .item .type a{
						display: inline-block ;
						margin: 0 5px 5px 0 ;
						line-height: 1.2 ;
						padding: 3px 5px 1px ;
						font-size: 0.8rem ;
						background-color:#ffffff ;
						color: #333 ;
					}

				#under .box_list .item .more{
					position: absolute ;
					width: 100% ;
					bottom: 40px ;
					text-align: center ;
				}

					#under .box_list .item .more a{
						display: inline-block ;
						padding: 4px 15px ;
						background-color: #EC901B;
						font-size: 0.8rem ;
						color: #ffffff ;
					}

				#under .box_list .item .wishBtn{
					position: absolute ;
					width: 90% ;
					bottom: 15px ;
					left: 5% ;
					text-align: center ;
				}

@media screen and (max-width:767px ){
	#under .box_list .item{
		width: 100% ;
		float: none ;
		margin: 0 0 15px 0 ;
		padding-bottom: 115px ;
		height: auto !important ;
	}

		#under .box_list .item:nth-child(odd){
			float: none ;
		}

		#under .box_list .item:nth-child(even){
			float: none ;
		}
}



/*-------------------------------------------------------------
 	banner_list
-------------------------------------------------------------*/
#under .banner_list{
	overflow: hidden ;
}

	#under .banner_list .list{
		overflow: hidden ;
	}

		#under .banner_list .item{
			position: relative ;
			width: 24% ;
			float: left ;
			margin: 0 0 15px 16px ;
			padding: 0 ;
		}

			#under .banner_list ul .item:first-child,
			#under .banner_list ul .item:nth-child(4n+1){
				clear: both ;
				margin-left: 0 ;
			}
			#under .banner_list .item:before{
				display: none ;
			}

@media screen and (max-width:767px ){
	#under .banner_list .item{
		width: 100% ;
		float: none ;
		margin: 0 0 15px 0 ;
	}

		#under .banner_list ul .item:first-child,
		#under .banner_list ul .item:nth-child(4n+1){
			clear:none ;
		}

		#under .banner_list ul .item:nth-child(odd){
			float: none ;
		}
		#under .banner_list ul .item:nth-child(even){
			float: none ;
		}
}


/*	Detail
====================================================*/
#under .detail{
	width:100% ;
	margin:0 auto 30px auto;
}

	#under .detail h2{}
	#under .detail .date{
		text-align:right ;
		margin:0 auto 15px auto ;
		font-size:0.9rem ;
	}

@media screen and (max-width:767px ){
	#under .detail{
		width:95% ;
	}
}


/*	戻るボタン
====================================================*/
#under .back{
	margin-top: 30px ;
	text-align:center ;
}

	#under .back a{
		display:inline-block ;
		margin:0 auto ;
		background-color:#64A523 ;
		color:#ffffff ;
		padding:2px 15px ;
	}

	#under .back a:hover{
		background-color:#335303 ;
	}


/*	編集ボタン
====================================================*/
#under .edit{
	background-color: #E9E9E9 ;
	padding: 15px ;
	box-sizing: border-box ;
	text-align: center ;
	margin: 0 auto 5px auto ;
}

	#under .edit a,
	#under .edit input[type=submit],
	#under .edit input[type=button]{
		font-size: 0.9rem ;
		display: inline-block ;
		padding: 5px 15px ;
		background-color: #156CD4 ;
		color: #ffffff ;
		border: none ;
		cursor: pointer ;
		line-height: 2.3 ;
	}

	#under .edit input[type=text]{
		font-size: 0.9rem ;
		display: inline-block ;
		padding: 13px 15px ;
		border: none ;
		box-sizing: border-box ;
	}

	#under .edit .err{
		display: block ;
		margin: 0 ;
		color: #ff0000 ;
	}

@media screen and (max-width:767px ){
	#under .edit input[type=text]{
		width: 100% ;
		margin: 15px auto 0 auto ;
	}
}

/*-------------------------------------------------------------
 	video
-------------------------------------------------------------*/
.video main ul{
	overflow: hidden ;
}

	.video main .main ul li{
		width: 50% ;
		float: left ;
		list-style: none ;
		padding: 0 10px ;
		box-sizing: border-box ;
	}

		.video main ul li iframe{
			width: 100% ;
		}


/*-------------------------------------------------------------
 	Sitemap
-------------------------------------------------------------*/
.sitemap{}

	.sitemap .content ul li{
		list-style: none ;
		margin-bottom: 10px ;
		padding-left:25px ;
	}




/*-------------------------------------------------------------
 	My map
-------------------------------------------------------------*/
/*  ルート情報  */
#under .myRoot_root{
	overflow:hidden ;
}

	#under .myRoot_root .wrap{
		padding: 20px;
		background: #fffcef;
		border: solid 3px #1995d1;
		margin-bottom: 30px;
	}

		#under .myRoot_root ul#route_list{}
			#under .myRoot_root ul#route_list li {
				position: relative ;
				list-style: none;
				margin-bottom: 10px;
				border: 1px solid #ccc ;
				padding: 15px 15px 5px 15px;
				box-sizing: border-box ;
				background-color: #fff3f3 ;
				overflow: hidden ;
			}

			#under .myRoot_root ul#route_list li:before{
				display: none ;
			}

			#under .myRoot_root ul#route_list li .num{
				width: 40px ;
				float: left ;
			}

				#under .myRoot_root ul#route_list li .num span{
					display: inline-block ;
					padding: 1px 10px ;
					box-sizing: border-box ;
					background-color: #DD1717 ;
					color: #ffffff ;
					margin-right: 15px ;
				}

			#under .myRoot_root ul#route_list li .data{
				width: 350px ;
				float: left ;
			}

				#under .myRoot_root ul#route_list li .name{
					margin: 5px 0 5px 0 ;
					line-height: 1.2 ;
				}

				#under .myRoot_root ul#route_list li .note{
					margin: 5px 0 5px 0 ;
					line-height: 1.2 ;
				}

				#under .myRoot_root ul#route_list li input{
					position: absolute ;
					top: 15px ;
					right: 15px ;
					display:block ;
					margin: 0 auto 10px auto ;
					border: none ;
					padding: 6px 10px 6px 10px;
					box-sizing: border-box ;
					background-color:#999 ;
					color: #ffffff ;
				}

				#under .myRoot_root ul#route_list li input:hover{
					background-color: #333 ;
				}

			#under .myRoot_root .access{
				padding: 15px 15px 10px 15px ;
				box-sizing: border-box ;
				font-size: 1.2rem ;
				border-bottom: none ;
				text-align: center ;
			}

			#under .myRoot_root .btn{
				padding: 0 15px 15px 15px ;
				box-sizing: border-box ;
				font-size: 1.2rem ;
				text-align: center ;
				border-top: none ;
			}

				#under .myRoot_root .btn input{
					display: inline-block ;
					background-color:#999 ;
					border: none ;
					color: #ffffff ;
					padding: 5px 15px ;
					cursor: pointer ;
				}

				#under .myRoot_root .btn input.mail{
					background-color: #156CD4 ;
					}

@media screen and (max-width:767px ){
	#under .myRoot_root .wrap{
		padding: 20px;
		background: #fffcef;
		border: solid 3px #1995d1;
		margin-bottom: 30px;
	}

		#under .myRoot_root ul#route_list li .num{
			width: 10% ;
		}

		#under .myRoot_root ul#route_list li .data{
			width: 85% ;
		}
}


/*  編集  */
#under .myRoot_edit{
	overflow:hidden ;
	background-color: #E9F7F0 ;
	padding: 15px ;
	box-sizing: border-box ;
}

#under .myRoot_edit .content_inner{
	width: 100% ;
}

	#under .myRoot_edit .map{
		width: 55% ;
		float: left ;
	}

		#under .myRoot_edit .map .select{
			display: none ;
		}

		#under .myRoot_edit .map #map{
			min-height: 796px ;
			height: 100% ;
			margin-bottom:  0;
		}

	#under .myRoot_edit .search_block{
		width: 42% ;
		float: right ;
	}


	/*--------------------------------------------------------------------*/	
	/*  絞り込み条件  																										*/
	/*--------------------------------------------------------------------*/	
	#under .shiborikomi{
		margin: 0 auto 30px auto;
	}

		#under .shiborikomi .shiborikomi_toggle{
			position: relative ;
			font-size: 1rem ;
			padding: 5px 10px ;
			background-color: #64A523 ;
			border: none ;
			color: #ffffff ;
			cursor: pointer;
			margin: 0 0 1px 0;
		}

		#under .shiborikomi .shiborikomi_toggle.active {
			margin: 0;
		}

			#under .shiborikomi .shiborikomi_toggle:after {
				content: "";
				display: inline-block;
				border: solid 10px transparent;
				border-top: solid 10px #ffffff;
				position: absolute;
				right: 15px;
				top: 19px;
			}

			#under .shiborikomi .shiborikomi_toggle.active:after {
				content: "";
				display: inline-block;
				border: solid 10px transparent;
				border-bottom: solid 10px #ffffff;
				position: absolute;
				right: 15px;
				top: 7px;
			}

		#under .shiborikomi .shiborikomi_box{
			background-color: #ecf8df ;
			padding: 15px ;
			box-sizing: border-box ;
			display: none ;
		}

			#under .shiborikomi .shiborikomi_box dl{
				width: 100% ;
				overflow: hidden ;
				margin: 0 auto 15px auto ;
				display: table ;
			}

				#under .shiborikomi .shiborikomi_box dl dt{
					width:100px ;
					display: table-cell ;
					font-size: 1rem ;
					font-weight: bold ;
					padding: 7px 0 0 0 ;
					color: #64A523 ;
				}

				#under .shiborikomi .shiborikomi_box dl dd{
					display: table-cell ;
					border-left: 2px solid #64A523 ;
					padding:10px 0 0 10px ;
					box-sizing: border-box ;
				}

					/*  エリア  */
					#under .shiborikomi .shiborikomi_box dl dd label{
						display: inline-block ;
						margin: 0 5px 10px 0 ;
						padding: 7px 15px 7px 10px ;
						box-sizing: border-box ;
						background-position: 5px 5px ;
						background-repeat: no-repeat ;
						background-color: #ffffff ;
						cursor: pointer ;
					}

					#under .shiborikomi .shiborikomi_box dl dd.area label{ width: 325px ;}
					#under .shiborikomi .shiborikomi_box dl dd.season label{ width: 194px ;}
					#under .shiborikomi .shiborikomi_box dl dd.time label{ width: 194px ;}
					#under .shiborikomi .shiborikomi_box dl dd.target label{ width: 194px ;}

						#under .shiborikomi .shiborikomi_box dl dd label input{
							margin-right: 10px ;
						}

		#under .shiborikomi .btn{
			text-align: center ;
			margin: 15px auto ;
		}

@media screen and (max-width:767px ){
	#under .shiborikomi .shiborikomi_toggle:after {
		top: 14px;
	}

	#under .shiborikomi .shiborikomi_toggle.active:after {
		top: 2px;
	}

		#under .shiborikomi .shiborikomi_box{
			padding: 10px ;
		}

			#under .shiborikomi .shiborikomi_box dl{
				display:block ;
			}

				#under .shiborikomi .shiborikomi_box dl dt{
					width:100% ;
					display: block ;
					padding: 7px 0 7px 0 ;
				}

				#under .shiborikomi .shiborikomi_box dl dd{
					display: block ;
					border-top: 2px solid #64A523 ;
					border-left: none ;
					padding:10px 0 0 0 ;
				}

					#under .shiborikomi .shiborikomi_box dl dd.area label{ width: auto ;}
					#under .shiborikomi .shiborikomi_box dl dd.season label{ width: auto ;}
					#under .shiborikomi .shiborikomi_box dl dd.time label{ width: auto ;}
					#under .shiborikomi .shiborikomi_box dl dd.target label{ width: auto ;}
}


	/*  検索部  */
	#under .search{
		margin: 0 auto 30px auto;
	}

		#under .search h3.ac_link {
			/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;*/
			font-size: 1rem ;
			padding: 10px ;
			background-color: #1995d1 ;
			border: none ;
			color: #ffffff ;
			cursor: pointer;
			margin: 0 0 1px 0;
		}
		#under .sub_search h3.ac_link {
			background-color: #64A523 ;
		}

		#under .search h3.ac_link.active {
			margin: 0;
		}

			#under .search h3.ac_link:after {
				content: "";
				display: inline-block;
				border: solid 10px transparent;
				border-top: solid 10px #ffffff;
				position: absolute;
				right: 15px;
				top: 16px;
			}

			#under .search h3.ac_link.active:after {
				content: "";
				display: inline-block;
				border: solid 10px transparent;
				border-bottom: solid 10px #ffffff;
				position: absolute;
				right: 15px;
				top: 5px;
			}

		#under .search .ac_cont {
			background-color: #ecf7fd ;
			padding: 15px ;
			box-sizing: border-box ;
			display: none;
		}

		#under .sub_search .ac_cont {
			background-color: #ecf8df ;
}

			#under .search .ac_cont label{
				display: inline-block ;
				margin: 0 5px 10px 0 ;
			}


			/*  エリア  */
			#under .search .area label{
				width: 375px ;
				display: inline-block ;
				margin: 0 5px 10px 0 ;
				padding: 7px 0px 7px 10px ;
				box-sizing: border-box ;
				background-position: 5px 5px ;
				background-repeat: no-repeat ;
				background-color: #ffffff ;
				cursor: pointer ;
			}
			#under .search .area label:hover,
			#under .search .area label.checked{
				background-color: #FFFF99 ;
			}

			/*  カテゴリ  */
			#under .search .category dl{
				overflow: hidden ;
				margin-bottom: 10px ;
			}

				#under .search .category dt{
					clear: both ;
					width: 185px ;
					float: left ;
					font-weight: bold ;
					margin-bottom: 10px ;
				}

					#under .search .category dt label{
						display: block ;
						width: 100% ;
						padding: 7px 0px 7px 40px ;
						box-sizing: border-box ;
						background-position: 5px 5px ;
						background-repeat: no-repeat ;
						background-color: #ffffff ;
						cursor: pointer ;
					}
					#under .search .category dt label:hover,
					#under .search .category dt label.checked{
						background-color: #FFFF99 ;
					}

					#under .search .category .chkbox dt.spot label{ background-image:url(../img/mapicon/mapicons_spot.png); }
					#under .search .category .chkbox dt.gourmet label{ background-image:url(../img/mapicon/mapicons_gourmet.png); }
					#under .search .category .chkbox dt.gift label{ background-image:url(../img/mapicon/mapicons_gift.png); }
					#under .search .category .chkbox dt.lodging label{ background-image:url(../img/mapicon/mapicons_lodging.png); }

				#under .search .category dd{
					width: 940px ;
					float: left ;
					margin-bottom: 10px ;
					padding-left: 10px ;
				}

					#under .search .category label{
						display: inline-block ;
						width: 160px ;
						padding: 7px 0px 7px 10px ;
						margin: 0 13px 10px 0 ;
						box-sizing: border-box ;
						background-color: #ffffff ;
						cursor: pointer ;
					}
					#under .search .category label:hover,
					#under .search .category label.checked{
						background-color: #FFFF99 ;
					}

					#under .search .category dd label{
						width: 330px ;
					}

					#under .search .category dd label:nth-child(3n){
						margin-left: 0 ;
					}

			/*  タイプ  */
			#under .search .type label{
				width: 280px ;
				display: inline-block ;
				margin: 0 5px 10px 0 ;
				padding: 7px 0px 7px 10px ;
				box-sizing: border-box ;
				background-position: 5px 5px ;
				background-repeat: no-repeat ;
				background-color: #ffffff ;
				cursor: pointer ;
			}
			#under .search .type label:hover,
			#under .search .type label.checked{
				background-color: #FFFF99 ;
			}

				#under .search .type .chkbox label{
					padding: 7px 0 7px 40px ;
				}

				#under .search .type .chkbox label.toilet{ background-image: url(../img/mapicon/mapicons_toilet.png) ; }
				#under .search .type .chkbox label.parking{ background-image: url(../img/mapicon/mapicons_parking.png) ; }
				#under .search .type .chkbox label.ev-station{ background-image: url(../img/mapicon/mapicons_ev-station.png) ; }
				#under .search .type .chkbox label.freewifi{ background-image: url(../img/mapicon/mapicons_freewifi.png) ; }
				#under .search .type .chkbox label.gasstation{ background-image: url(../img/mapicon/mapicons_gasstation.png) ; }
				#under .search .type .chkbox label.convenience-store{ background-image: url(../img/mapicon/mapicons_convenience-store.png) ; }
				#under .search .type .chkbox label.station{ background-image: url(../img/mapicon/mapicons_station.png) ; }
				#under .search .type .chkbox label.interchange{ background-image: url(../img/mapicon/mapicons_interchange.png) ; }
				#under .search .type .chkbox label.freewifi2{ background-image: url(../img/mapicon/mapicons_wifi.png) ; }

			/*  季節  */
			#under .search .season label{
				width: 223px ;
				display: inline-block ;
				margin: 0 5px 10px 0 ;
				padding: 7px 0px 7px 10px ;
				box-sizing: border-box ;
				background-position: 5px 5px ;
				background-repeat: no-repeat ;
				background-color: #ffffff ;
				cursor: pointer ;
			}
			#under .search .season label:hover,
			#under .search .season label.checked{
				background-color: #FFFF99 ;
			}

			/*  時間帯  */
			#under .search .time label{
				width: 223px ;
				display: inline-block ;
				margin: 0 5px 10px 0 ;
				padding: 7px 0px 7px 10px ;
				box-sizing: border-box ;
				background-position: 5px 5px ;
				background-repeat: no-repeat ;
				background-color: #ffffff ;
				cursor: pointer ;
			}
			#under .search .time label:hover,
			#under .search .time label.checked{
				background-color: #FFFF99 ;
			}

			/*  ターゲット  */
			#under .search .target label{
				width: 223px ;
				display: inline-block ;
				margin: 0 5px 10px 0 ;
				padding: 7px 0px 7px 10px ;
				box-sizing: border-box ;
				background-position: 5px 5px ;
				background-repeat: no-repeat ;
				background-color: #ffffff ;
				cursor: pointer ;
			}
			#under .search .target label:hover,
			#under .search .target label.checked{
				background-color: #FFFF99 ;
			}

	#under .my_map .map .select{}
		#under .my_map .map .select select{
			display:block ;
			margin: 0 0 10px 0 ;
			border: 1px solid #ccc ;
			padding: 6px 10px 6px 10px;
			box-sizing: border-box ;
			background-color:#ffffff ;
		}

	/*  スポット一覧  */
	#under .my_map .item_list {
		width: 100%;
		margin-top: 10px ;
	}

		#under .my_map .item_list h4{
			margin-bottom: 10px ;
		}

		#under .my_map .item_list .kankou_list{
			box-sizing: border-box ;
			margin-bottom: 10px ;
		}

			#under .my_map .item_list ul{
				height: 320px ;
				overflow-y: scroll ;
				padding: 10px ;
				box-sizing: border-box ;
			}
			#under .my_map .item_list ul li{
				width: 97% ;
				padding: 10px 0 ;
				box-sizing: border-box ;
				overflow: hidden ;
				list-style: none ;
				margin: 0  ;
				border-bottom: 1px dotted #cccccc ;
			}
			#under .my_map .item_list ul li:before{
				display: none ;
			}

				#under .my_map .item_list ul li .img{
					width: 130px ;
					float: left ;
				}
				#under .my_map .item_list ul li .info{
					width: 290px ;
					float: right ;
				}
					#under .my_map .item_list ul li .info .title{
						margin: 0 auto ;
						line-height: 1.2 ;
					}
					#under .my_map .item_list ul li .info input{
						display: block ;
						margin: 0 auto 0 auto ;
						width: 80% ;
						background-color: #156CD4 ;
						color: #ffffff ;
						border: none ;
						padding: 6px 15px;
						line-height: 1 ;
						text-align: center;
						cursor: pointer;
					}

					#under .my_map .item_list ul li .info input:hover{
						background-color: #0c3d77 ;
						}

					#under .my_map .item_list ul li .info .area{
						margin: 0 auto ;
						font-size: 0.8rem ;
					}


@media screen and (max-width:767px ){
	#under .myRoot_edit .map{
		width: 100% ;
		float: none ;
		margin: 0 auto 15px auto ;
	}

		#under .myRoot_edit .map #map{
			min-height: 200px ;
		}

	#under .myRoot_edit .search_block{
		width: 100% ;
		float: none ;
	}

		#under .search .ac_cont {
			overflow: hidden ;
	}

		#under .search .category dt{
			width: 100% ;
			float: none ;
			clear: both ;
		}

		#under .search .category dd{
			width: 100% ;
			float:none ;
			padding: 0 ;
		}

			#under .search .chkbox label{
				display: block ;
				width: 100% ;
				float: none ;
				margin: 0 0 15px 0 ;
			}

			/*  エリア  */
			#under .search .area label{
				width: 100% ;
				margin: 0 0 10px 0 ;
			}

			#under .search .category label{
				width: 100% ;
				margin: 0 0 10px 0 ;
			}

				#under .search .category dd label{
					width: 100% ;
				}

			/*  タイプ  */
			#under .search .type label{
				width: 100% ;
				margin: 0 0 10px 0 ;
			}

	/*  スポット一覧  */
	#under .my_map .item_list ul{
		height: 250px ;
	}
		#under .my_map .item_list ul li .img{
			width: 30%;
		}
		#under .my_map .item_list ul li .info{
			width: 65% ;
		}

}

/*  ルート情報送信  */
#under.course-send{}
	#under.course-send .err{
		color: #F00 ;
	}

	#under.course-send .form dl{
		overflow: auto ;
		margin: 0 auto 15px auto ;
		border-top: 1px solid #ccc ;
		border-bottom: 1px solid #ccc ;
	}
	#under.course-send .form dl dt{
		width: 150px ;
		float: left ;
		padding: 10px 0 ;
		text-align: center ;
	}
	#under.course-send .form dl dd{
		width: 600px ;
		float: left ;
		padding: 10px 0 ;
	}
		#under.course-send .form dl dd input{
			padding: 5px ;
		}

	#under.course-send .form .submit{
		text-align: center ;
	}

		#under.course-send .form .submit input{
			display: inline-block ;
			background-color:#156CD4 ;
			border: none ;
			color: #ffffff ;
			padding: 8px 15px ;
			cursor: pointer ;
		}





/*	Insta
-----------------------------------------*/
#insta_section{}

	#insta_section #scroller{
		height:300px ;
		overflow:auto ;
	}

	#insta_section ul{
		overflow:hidden ;
		margin-left:0 ;
	}

		#insta_section ul li{
			float:left ;
			list-style:none ;
			margin:0 0 1px 1px ;
		}

		#insta_section ul li:first-child,
		#insta_section ul li:nth-child(3n+1){
			margin-left:0 ;
		}


/*	Banner
-----------------------------------------*/
#banner_section{}

	#banner_section ul{
		overflow:hidden ;
		margin-left:0 ;
	}

		#banner_section ul li{
			float:left;
			list-style:none;
			margin: 0px 0.5% 1% 0;
			box-sizing:border-box;
			width: 24%;
		}
		#banner_section ul li:first-child{
			margin-left:1%;
		}

			#banner_section ul li img{
				max-width:100% ;
			}




/*-------------------------------------------------------------
 	recommended
-------------------------------------------------------------*/
#under.recommended{}

/* list
-----------------------------------------*/
#under.recommended .reco_list{}

#under.recommended .reco_list ul{}

	#under.recommended .reco_list ul li{
		position: relative ;
		list-style: none ;
		margin: 0 auto 15px auto ;
		border: 5px solid #ccc ;
		padding: 20px ;
		box-sizing: border-box ;
		overflow: hidden ;
	}

	#under.recommended .reco_list ul li a{
		display: block ;
		width: 100% ;
		height: 100% ;
	}

	#under.recommended .reco_list ul li:before{
		display: none ;
	}

		#under.recommended .reco_list ul li .img{
			width: 200px ;
			float: left ;
			text-align: center ;
		}

			#under.recommended .reco_list ul li .img img{
				max-width: 100% ;
			}

		#under.recommended .reco_list ul li .info{
			width: 920px ;
			float: right ;
			margin-bottom: 50px ;
		}

			#under.recommended .reco_list ul li .info .date{
				display: inline-block ;
				font-size: 0.8rem ;
				margin: 0 auto 10px auto ;
				background-color:#A7C49B ;
				padding: 0 10px ;
				text-align: center ;
			}

			#under.recommended .reco_list ul li .info .title{
				font-size: 1.8rem ;
				margin: 0 auto 5px auto ;
				line-height: 1.4 ;
			}

			#under.recommended .reco_list ul li .info .note{
				font-size: 1rem ;
				margin: 0 auto 5px auto ;
				line-height: 1.6 ;
			}

			#under.recommended .reco_list ul li .more{
				position: absolute ;
				bottom: 0 ;
				right: 15px ;
				display: inline-block ;
				padding: 0 15px ;
				background-color:#EC901B ;
				color: #ffffff ;
			}

@media screen and (max-width:767px ){
	#under.recommended .reco_list ul li{
		padding: 10px ;
	}

		#under.recommended .reco_list ul li .img{
			width: 100% ;
			float: none ;
			margin: 0 auto 10px auto ;
		}

		#under.recommended .reco_list ul li .info{
			width: 100% ;
			float: none ;
			margin-bottom:20px ;
		}

			#under.recommended .reco_list ul li .info .date{
				font-size: 0.8rem ;
			}

			#under.recommended .reco_list ul li .info .title{
				font-size: 1.5rem ;
			}

			#under.recommended .reco_list ul li .more{
				position:relative ;
				width: 130px ;
				display: block ;
				right: 0 ;
				margin: 0 auto ;
			}
}




/* detail
-----------------------------------------*/
#under.recommended .reco_detail{}

#under .reco_detail .wrap,
#under.recommended .reco_detail .wrap{
	overflow: hidden ;
	margin: 0 auto 20px auto ;
	background-color: #E9F7F0 ;
	padding: 15px ;
	box-sizing: border-box ;
}

	/*  map  */
	#under .reco_detail #map,
	#under.recommended .reco_detail #map{
		width: 60% ;
		height: 550px ;
		float: left ;
		margin: 0 ;
	}

	/*  course  */
	#under .reco_detail .course,
	#under.recommended .reco_detail .course{
		width: 38% ;
		float: right ;
	}

		#under.recommended .reco_detail .course .block{
			height: 550px ;
			overflow-y: auto ;
		}

		#under .course .step,
		#under.recommended .course .step{
			position: relative ;
			width: 95% ;
			margin:0 0 0 0 ;
			padding-bottom: 20px ;
		}

		#under .course .step{
			width: 100% ;
		}

			#under .course dl,
			#under.recommended .course dl{
				overflow: hidden ;
				display:block;
				text-align: left;
				background-color: #ffffff ;
				border: 3px solid #64A523 ;
				padding: 10px ;
				box-sizing:border-box ;
			}

				#under .course .img,
				#under.recommended .course .img{
					width: 100px ;
					float: left;
					text-align: center ;
				}

				#under .course .img{
					width: 130px ;
				}

					#under .course .img img,
					#under.recommended .course .img img{
						width: 100% ;
					}

				#under .course .info,
				#under.recommended .course .info{
					width: 270px ;
					float: right;
				}

					#under .course .info .name,
					#under.recommended .course .info .name{
						font-size: 1rem ;
						margin-bottom: 10px ;
						line-height: 1.4 ;
						color: #64A523 ;
					}

					#under .course .info .description,
					#under.recommended .course .info .description{
						font-size: 0.8rem ;
						line-height: 1.7 ;
					}

			#under .course .kyori ,
			#under.recommended .course .kyori{
				position: relative ;
				width: 50% ;
				min-height: 24px ;
				margin: 20px 0 0 40% ;
				font-size: 1.1rem ;
				line-height: 1.4 ;
			}

				#under .course .kyori::before,
				#under.recommended .course .kyori::before{
					position: absolute;
					content: '';
					top: 43%;
					left: -128px;
					box-sizing: border-box;
					width: 0px;
					height: 28px;
					border: 30px solid transparent;
					border-left: 22px solid #7a0;
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
				}
				#under .course .kyori::after,
				#under.recommended .course .kyori::after{
					position: absolute;
					content: '';
					top: -20%;
					left: -117px;
					width: 15px;
					height: 21px;
					border-left: 30px solid #7a0;
				}

				#under .course .step:last-child .kyori,
				#under.recommended .course .step:last-child .kyori{
					display: none ;
				}

			#under .course .total ,
			#under.recommended .course .total {
				width: 95% ;
				margin: 0 0 0 0 ;
				text-align: center ;
			}

				#under .course .total p,
				#under.recommended .course .total p{
					display: block ;
					padding: 5px 20px ;
					border: 3px solid #DC6D00 ;
					background-color: #FCF3E6 ;
				}

				#under .course .total p .t1,
				#under.recommended .course .total p .t1{
					font-size: 1.3rem ;
					color: #DC6D00 ;
					display: inline-block ;
					margin-right: 10px ;
				}
				#under .course .total p .t2,
				#under.recommended .course .total p .t2{
					font-size: 1.3rem ;
					font-weight: bold ;
					color: #DC6D00 ;
				}


@media screen and (max-width:767px ){
	/*  map  */
	#under .reco_detail #map,
	#under.recommended .reco_detail #map{
		width: 100%;
		height: 150px ;
		float: none ;
		margin-bottom: 15px ;
	}

	/*  course  */
	#under .reco_detail .course,
	#under.recommended .reco_detail .course{
		width: 100%;
		float: none ;
	}

		#under.recommended .reco_detail .course .block{
			height: auto ;
		}

		#under .course .step,
		#under.recommended .course .step{
			width: 100% ;
		}

		#under .course .step{
			width: 100% ;
		}

				#under .course .img,
				#under.recommended .course .img{
					width: 30% ;
				}

				#under .course .img{
					width: 30% ;
				}

				#under .course .info,
				#under.recommended .course .info{
					width: 65% ;
				}

			#under .course .total ,
			#under.recommended .course .total {
				width: 100% ;
			}

				#under .course .total p,
				#under.recommended .course .total p{
					padding: 5px 10px ;
				}

				#under .course .total p .t1,
				#under.recommended .course .total p .t1{
					font-size: 1.2rem ;
				}
				#under .course .total p .t2,
				#under.recommended .course .total p .t2{
					font-size: 1.2rem ;
				}
}



/*-------------------------------------------------------------
 	sightsee
-------------------------------------------------------------*/
#under.sightsee{}

/* list
-----------------------------------------*/
#under.sightsee .sub_category{
	width: 100% ;
	margin: 0 auto 30px auto ;
}

	#under.sightsee .sub_category ul{
		overflow: hidden ;
	}

		#under.sightsee .sub_category ul li{
			float: left ;
			list-style: none ;
			margin: 0 5px 10px 0 ;
			padding: 0 ;
		}
		#under.sightsee .sub_category ul li:before{
			display: none ;
}

			#under.sightsee .sub_category ul li a,
			#under.sightsee .sub_category ul li span{
				display: block ;
				width: 100% ;
				padding: 3px 15px ;
				text-align: center ;
				border: 1px solid #ccc ;
				box-sizing:border-box ;
			}

			#under.sightsee .sub_category ul li a:hover,
			#under.sightsee .sub_category ul li.active a{
				border: 1px solid #64A523 ;
				background-color: #64A523 ;
				color: #ffffff ;
			}


/* list：施設一覧
++++++++++++++++++++++++++++++++++*/
#under.sightsee .box_list{
	overflow: hidden ;}

  #under.sightsee .box_list .item{
    /*width: 290px ;*/
    width: 19% ;
    float: left ;
    background-color: #F1F1F1 ;
    margin: 0 0 15px 1.3% ;
    border: 1px solid #ccc ;
    box-sizing:border-box ;}

  #under.sightsee .box_list .item:nth-child(4n+1){
    clear:none ;
    margin-left:1.3% ;}

  #under.sightsee .box_list .item:first-child,
  #under.sightsee .box_list .item:nth-child(5n+1){
    clear: both ;
    margin-left: 0 ;}

  #under.sightsee .box_list .item:nth-child(5n){
    float: right ;
    margin-left: 0 ;}

	#under.sightsee #banner.box_list .item:before{
		display: none ;}

	#under.sightsee .box_list .item .img{
		width: 100% ;
		/*height: 190px ;*/
    height: 150px ;
		overflow: hidden ;
		margin: 0 auto 10px auto ;
		text-align: center ;
		background-color: #ccc ;}

	#under.sightsee .box_list .item .name{
		margin: 0 10px 10px 10px ;
		font-size: 1.3rem ;
		line-height: 1.2 ;}

	#under.sightsee .box_list .item .type,
	#under.sightsee .box_list .item .area,
	#under.sightsee .box_list .item .favorite{
		margin: 0 10px 10px 10px ;
		line-height: 1.2 ;}

@media screen and (max-width:767px ){
	#under.sightsee .box_list .item{
		width: 100% ;
    height: auto !important ;
		float: none ;
		margin: 0 auto 15px auto ;
    overflow: hidden ;}
  
  #under.sightsee .box_list .item .img{
		width: 40% ;
    float: left ;
    height:auto ;
		margin: 10px 0 10px 2% ;}

	#under.sightsee .box_list .item .name{
    width: 52% ;
    float: right ;
		margin: 10px 10px 10px 0 ;
		font-size: 1rem ;
		line-height: 1.2 ;}

	#under.sightsee .box_list .item .type,
	#under.sightsee .box_list .item .area,
	#under.sightsee .box_list .item .favorite{
    width: 52% ;
    float: right ;
		margin: 10px 10px 10px 0 ;}
}


/* detail
-----------------------------------------*/
#under.sightsee .sightsee_detail{}

#under.sightsee .sightsee_detail .osusume{}

	#under.sightsee .sightsee_detail .osusume ul{
		overflow: hidden ;
	}

		#under.sightsee .sightsee_detail .osusume ul li{
			width: 24% ;
			float: left ;
			padding: 0 ;
		}
		#under.sightsee .sightsee_detail .osusume ul li:nth-child(1),
		#under.sightsee .sightsee_detail .osusume ul li:nth-child(2){
			margin-right: 1.3% ;
		}
		#under.sightsee .sightsee_detail .osusume ul li:nth-child(4){
			float: right ;
		}
		#under.sightsee .sightsee_detail .osusume ul li:before{
			display: none ;
		}

			#under.sightsee .sightsee_detail .osusume ul li img{
				margin: 0 auto 10px auto ;
			}

			#under.sightsee .sightsee_detail .osusume ul li p{
				line-height: 1.4 ;
				font-size: 0.9rem ;
			}

#under.sightsee .sightsee_detail .media{
	overflow: hidden ;
	margin: 0 auto 60px auto ;
}

	#under.sightsee .sightsee_detail .media #map{
		width: 100% ;
		height: 420px ;
		float: right ;
		margin: 0 ;
	}

	#under.sightsee .sightsee_detail .information{
		overflow: hidden ;
		margin: 0 auto 30px auto ;
	}

		#under.sightsee .sightsee_detail .information .image{
			width: 50% ;
			float: right ;
		}

				#under.sightsee .sightsee_detail .information .image .main_img {
					text-align: center;
					margin-bottom: 0 ;
				}

					#under.sightsee .sightsee_detail .information .image img {
						max-width: 100%;
					}

				#under.sightsee .sightsee_detail .information .image li {
					width: 32.5%;
					overflow: hidden;
					display: inline-block;
					cursor: pointer;
					margin-right: 1.2%;
					margin-top: 10px;
					float: left;
					padding-left: 0 ;
				}

					#under.sightsee .sightsee_detail .information li:before{
						display: none ;
					}

					#under.sightsee .sightsee_detail .information li:nth-child(3n) {
						margin-right: 0 ;
						float: right ;
					}
					#under.sightsee .sightsee_detail .information li:nth-child(3n+1) {
						clear: both ;
					}

		#under.sightsee .sightsee_detail .information .box{
			width: 48% ;
			float: left ;
		}

		#under.sightsee .sightsee_detail .information .box .discription{
			font-size: 1.2rem ;
			margin-bottom: 25px ;
		}


		#under.sightsee .sightsee_detail .information table{
			width: 100% ;
			border: 1px solid #ccc ;
			margin: 0 auto 30px auto ;
		}

		#under.sightsee .sightsee_detail .information table caption{
			display: none ;
}

			#under.sightsee .sightsee_detail .information table th{
				width: 250px ;
				background-color: #EDEDED ;
				padding: 10px ;
				box-sizing: border-box ;
				border-bottom: 1px solid #ccc ;
			}

			#under.sightsee .sightsee_detail .information table td{
				padding: 10px ;
				box-sizing: border-box ;
				border-bottom: 1px solid #ccc ;
			}


		#under.sightsee .sightsee_detail .other table{
			width: 100% ;
			border: 1px solid #ccc ;
			margin: 0 auto 50px auto ;
		}

		#under.sightsee .sightsee_detail .other table caption{
			display: none ;
}

			#under.sightsee .sightsee_detail .other table th{
				width: 250px ;
				background-color: #EDEDED ;
				padding: 10px ;
				box-sizing: border-box ;
				border-bottom: 1px solid #ccc ;
			}

			#under.sightsee .sightsee_detail .other table td{
				padding: 10px ;
				box-sizing: border-box ;
				border-bottom: 1px solid #ccc ;
			}


/* detail : new
-----------------------------------------*/
#under.sightsee .sightsee_detail{}

#under.sightsee .sightsee_detail .information{
	width: 50% ;
	float: left ;
	margin-bottom: 70px ;
}

	#under.sightsee .sightsee_detail .information .h3{}
	#under.sightsee .sightsee_detail .information .discription{
		font-size: 1.2rem ;
	}

#under.sightsee .sightsee_detail .image{
	width: 45% ;
	float: right ;
	margin-bottom: 70px ;
}

	#under.sightsee .sightsee_detail .image .main_img {
		text-align: center;
		margin-bottom: 0 ;
	}

		#under.sightsee .sightsee_detail .image img {
			max-width: 100%;
		}

	#under.sightsee .sightsee_detail .image ul{
		overflow: hidden ;
}
	#under.sightsee .sightsee_detail .image li {
		width: 32.5%;
		height: 120px ;
		overflow: hidden;
		display: inline-block;
		cursor: pointer;
		margin-right: 1.2%;
		margin-top: 10px;
		float: left;
		padding-left: 0 ;
		background-position: center center ;
		background-repeat: no-repeat ;
		background-size: contain ;
		background-color: rgba(239,239,239,1.00) ;
	}

		#under.sightsee .sightsee_detail .image li:before{
			display: none ;
		}

		#under.sightsee .sightsee_detail .image li:nth-child(3n) {
			margin-right: 0 ;
			float: right ;
		}
		#under.sightsee .sightsee_detail .image li:nth-child(3n+1) {
			clear: both ;
		}

/* ++++++++++++++++++++++ */
/*  お気に入りに追加  		*/
/* ++++++++++++++++++++++ */
#under.sightsee .sightsee_detail .wishBtn,
#under.benri .benri_detail .wishBtn{
	clear: both ;
	width: 50% ;
	margin: 70px auto ;
}

	#under.sightsee .sightsee_detail .wishBtn i,
	#under.benri .benri_detail .wishBtn i{
		left: 17% ;
		top: 31% ;

		font-size: 1.5rem ;
	}

	#under.sightsee .sightsee_detail .wishBtn input ,
	#under.benri .benri_detail .wishBtn input {
		width: 100% ;
		padding: 20px 15px;
		font-size: 1.2rem;
	}

@media screen and (max-width:767px ){
	#under.sightsee .sightsee_detail .wishBtn,
	#under.benri .benri_detail .wishBtn{
		width: 100% ;
	}

		#under.sightsee .sightsee_detail .wishBtn i,
		#under.benri .benri_detail .wishBtn i{
			left: 5% ;
		}
}


/* ++++++++++++++++++++++ */
/*  基本情報							*/
/* ++++++++++++++++++++++ */
#under.sightsee .sightsee_detail .info_box{
	width: 100% ;
	overflow: hidden ;
	margin: 0 auto 70px auto ;
	font-size: 1rem ;
}

	#under.sightsee .sightsee_detail .info_box dl{
		width: 47% ;
		margin: 0 0 5px 0 ;
		float: right ;
		display: table ;
	}

	#under.sightsee .sightsee_detail .info_box dl:nth-child(2n+1){
		float: left ;
		clear: both ;
	}

		#under.sightsee .sightsee_detail .info_box dl dt{
			display: table-cell ;
			width: 140px ;
			padding: 15px 15px 15px 15px ;
			border-bottom: 1px solid #64A523 ;
			color: #999 ;
			font-weight: bold ;
		}

		#under.sightsee .sightsee_detail .info_box dl dd{
			display: table-cell ;
			padding: 15px 15px 15px 15px ;
			border-bottom: 1px solid #ccc ;
		}


/* ++++++++++++++++++++++ */
/*  その他の情報					*/
/* ++++++++++++++++++++++ */
#under.sightsee .sightsee_detail .other{
	width: 100% ;
	overflow: hidden ;
	margin: 0 auto 0 auto ;
	font-size: 1rem ;
}

	#under.sightsee .sightsee_detail .other .box1,
	#under.sightsee .sightsee_detail .other .box2{
		overflow: hidden ;
		margin: 0 auto 70px auto ;
	}

	#under.sightsee .sightsee_detail .other .box1 div,
	#under.sightsee .sightsee_detail .other .box2 div{
		margin: 0 0 15px 1% ;
		width: 47% ;
		padding: 15px ;
		float: right ;
		background-color: #f3f8e3 ;
		border-left: 5px solid #64A523 ;
		box-sizing: border-box ;
	}
	#under.sightsee .sightsee_detail .other .box1 div{
		width: 100% ;
		float: none ;
	}

	#under.sightsee .sightsee_detail .other .box1 div:nth-child(2n+1),
	#under.sightsee .sightsee_detail .other .box2 div:nth-child(2n+1){
		clear: both ;
		margin: 0 0 15px 0 ;
		float: left ;
	}

		#under.sightsee .sightsee_detail .other dl{
			overflow: hidden ;
		}

			#under.sightsee .sightsee_detail .other dl dt{
				width: 120px ;
				padding: 0 0;
				color: #64A523 ;
				font-weight: bold ;
				float: left ;
			}

			#under.sightsee .sightsee_detail .other dl dd{
				width: 400px ;
				float: right ;
			}
			#under.sightsee .sightsee_detail .other .box1 dl dd{
				width: 1035px ;
			}

				#under.sightsee .sightsee_detail .other dl dd p{
					margin-bottom: 0;
				}

/* ++++++++++++++++++++++ */
/*  バリアフリー					*/
/* ++++++++++++++++++++++ */
#under.sightsee .sightsee_detail .barrier_free{
	width: 100% ;
	overflow: hidden ;
	margin: 0 auto 70px auto ;
	font-size: 1rem ;
}

	#under.sightsee .sightsee_detail .barrier_free .box1{
		overflow: hidden ;
	}


	#under.sightsee .sightsee_detail .barrier_free dl{
		width:100%;
		box-sizing: border-box ;
		overflow: hidden ;
	}

		#under.sightsee .sightsee_detail .barrier_free dl dt{
			width: 137px ;
			float: left ;
			padding: 15px 15px 15px 15px ;
			box-sizing: border-box ;
			color: #fff ;
			font-weight: bold ;
			border:1px solid #64A523 ;
			background-color: #64A523 ;
			margin-bottom: 5px ;
		}

		#under.sightsee .sightsee_detail .barrier_free dl dd{
			width: 262px ;
			float: left ;
			padding: 15px 15px 15px 15px ;
			box-sizing: border-box ;
			border:1px solid #64A523 ;
			margin-bottom: 5px ;
		}


@media screen and (max-width:767px ){
	/* detail
	-----------------------------------------*/
	#under.sightsee .sightsee_detail .osusume ul{
		overflow: hidden ;
	}

		#under.sightsee .sightsee_detail .osusume ul li{
			width: 49% ;
			float: left ;
			padding: 0 ;
		}
		#under.sightsee .sightsee_detail .osusume ul li:nth-child(1){
			margin-right: 0 ;
		}
		#under.sightsee .sightsee_detail .osusume ul li:nth-child(2){
			float: right ;
			margin-right: 0 ;
		}
		#under.sightsee .sightsee_detail .osusume ul li:nth-child(3){
			clear: both ;
			margin-right: 0 ;
		}
		#under.sightsee .sightsee_detail .osusume ul li:before{
			display: none ;
		}

			#under.sightsee .sightsee_detail .osusume ul li img{
				margin: 0 auto 5px auto ;
			}

	#under.sightsee .sightsee_detail .media{
		overflow: hidden ;
		margin: 0 auto 60px auto ;
	}

		#under.sightsee .sightsee_detail .media #map{
			width: 100% ;
			height: 420px ;
			float: right ;
			margin: 0 ;
		}

		#under.sightsee .sightsee_detail .information{
			overflow: hidden ;
			margin: 0 auto 30px auto ;
		}

			#under.sightsee .sightsee_detail .information .image{
				width: 50% ;
				float: right ;
			}

				#under.sightsee .sightsee_detail .information .image .main_img {
					text-align: center;
					margin-bottom: 0 ;
				}

					#under.sightsee .sightsee_detail .information .image img {
						max-width: 100%;
					}

				#under.sightsee .sightsee_detail .information .image li {
					width: 32.5%;
					overflow: hidden;
					display: inline-block;
					cursor: pointer;
					margin-right: 1.2%;
					margin-top: 10px;
					float: left;
					padding-left: 0 ;
				}

					#under.sightsee .sightsee_detail .information li:before{
						display: none ;
					}

					#under.sightsee .sightsee_detail .information li:nth-child(3n) {
						margin-right: 0 ;
						float: right ;
					}
					#under.sightsee .sightsee_detail .information li:nth-child(3n+1) {
						clear: both ;
					}

		#under.sightsee .sightsee_detail .information .box{
			width: 48% ;
			float: left ;
		}

		#under.sightsee .sightsee_detail .information .box .discription{
			font-size: 1.2rem ;
			margin-bottom: 25px ;
		}

		#under.sightsee .sightsee_detail .information table{
			width: 100% ;
			border: 1px solid #ccc ;
			margin: 0 auto 30px auto ;
		}

		#under.sightsee .sightsee_detail .information table caption{
			display: none ;
		}

			#under.sightsee .sightsee_detail .information table th{
				width: 250px ;
				background-color: #EDEDED ;
				padding: 10px ;
				box-sizing: border-box ;
				border-bottom: 1px solid #ccc ;
			}

			#under.sightsee .sightsee_detail .information table td{
				padding: 10px ;
				box-sizing: border-box ;
				border-bottom: 1px solid #ccc ;
			}


		#under.sightsee .sightsee_detail .other table{
			width: 100% ;
			border: 1px solid #ccc ;
			margin: 0 auto 50px auto ;
		}

		#under.sightsee .sightsee_detail .other table caption{
			display: none ;
		}

			#under.sightsee .sightsee_detail .other table th{
				width: 250px ;
				background-color: #EDEDED ;
				padding: 10px ;
				box-sizing: border-box ;
				border-bottom: 1px solid #ccc ;
			}

			#under.sightsee .sightsee_detail .other table td{
				padding: 10px ;
				box-sizing: border-box ;
				border-bottom: 1px solid #ccc ;
			}


	/* detail : new
	-----------------------------------------*/
	#under.sightsee .sightsee_detail .information{
		width: 100% ;
		float: none ;
		margin-bottom: 40px ;
	}

		#under.sightsee .sightsee_detail .information .discription{
			font-size: 1rem ;
		}

	#under.sightsee .sightsee_detail .image{
		width: 100% ;
		float: none ;
		margin-bottom: 40px ;
	}

	/* ++++++++++++++++++++++ */
	/*  お気に入りに追加  		*/
	/* ++++++++++++++++++++++ */
	#under.sightsee .sightsee_detail .wishBtn{
		clear: both ;
		width: 80% ;
		margin: 30px auto ;
	}

		#under.sightsee .sightsee_detail .wishBtn i{
			left: 5% ;
			top: 32% ;
			font-size: 1rem ;
		}

		#under.sightsee .sightsee_detail .wishBtn input {
			padding: 15px 15px;
			font-size: 0.9rem;
		}

	/* ++++++++++++++++++++++ */
	/*  基本情報							*/
	/* ++++++++++++++++++++++ */
	#under.sightsee .sightsee_detail .info_box{
		margin: 0 auto 30px auto ;
	}

		#under.sightsee .sightsee_detail .info_box dl{
			width: 100% ;
			margin: 0 0 5px 0 ;
			float: none ;
			font-size: 0.9rem ;
		}

		#under.sightsee .sightsee_detail .info_box dl:nth-child(2n+1){
			float: none ;
		}

			#under.sightsee .sightsee_detail .info_box dl dt{
				width: 110px ;
				padding: 10px 10px 10px 10px ;
			}

			#under.sightsee .sightsee_detail .info_box dl dd{
				padding: 10px 10px 10px 10px ;
			}


	/* ++++++++++++++++++++++ */
	/*  その他の情報					*/
	/* ++++++++++++++++++++++ */
	#under.sightsee .sightsee_detail .other{
		font-size: 0.9rem ;
	}

		#under.sightsee .sightsee_detail .other .box1,
		#under.sightsee .sightsee_detail .other .box2{
			margin: 0 auto 40px auto ;
		}

		#under.sightsee .sightsee_detail .other .box1 div,
		#under.sightsee .sightsee_detail .other .box2 div{
			margin: 0 auto 15px auto ;
			width: 100% ;
			padding: 10px ;
			float: none ;
		}

		#under.sightsee .sightsee_detail .other .box1 div:nth-child(2n+1),
		#under.sightsee .sightsee_detail .other .box2 div:nth-child(2n+1){
			margin: 0 auto 15px auto ;
			float: none ;
		}

			#under.sightsee .sightsee_detail .other dl dt{
				width: 100% ;
				float: none ;
			}

			#under.sightsee .sightsee_detail .other dl dd{
				width: 100% ;
				float: none ;
			}

	/* ++++++++++++++++++++++ */
	/*  バリアフリー					*/
	/* ++++++++++++++++++++++ */
	#under.sightsee .sightsee_detail .barrier_free{
		margin: 0 auto 30px auto ;
		font-size: 0.9rem ;
	}

		#under.sightsee .sightsee_detail .barrier_free dl dt{
			display: block ;
			width: 100% ;
			box-sizing: border-box ;
			padding: 5px 0 ;
			margin-bottom: 0 ;
			text-align: center ;
		}

		#under.sightsee .sightsee_detail .barrier_free dl dd{
			display: block ;
			width: 100% ;
			box-sizing: border-box ;
			padding: 5px 5px ;
			text-align: center ;
			margin-bottom: 0 ;
		}

}


/*-------------------------------------------------------------
 	sitemap
-------------------------------------------------------------*/
#under.sitemap{}

#under.sitemap .content ul{overflow: hidden ;}

	#under.sitemap .content ul li{
		width: 48% ;
		float: left ;
		list-style: none ;
		border-left: 3px solid #64A523 ;
		padding: 3px 0 3px 15px ;
		margin: 0 auto 20px auto ;
		background-color:#EEE ;
		font-size:1.2rem ;
		box-sizing: border-box ;
	}

		#under.sitemap .content ul li:nth-child(odd){
			clear: both ;
		}
		#under.sitemap .content ul li:nth-child(even){
			float: right ;
		}


		#under.sitemap .content ul li:before{
			display: none ;
		}

@media screen and (max-width:767px ){
	#under.sitemap .content ul li{
		width: 100% ;
		float: none ;
		font-size:1rem ;
	}

		#under.sitemap .content ul li:nth-child(even){
			float: none ;
		}
}




/*-------------------------------------------------------------
 	スペシャルムービー
-------------------------------------------------------------*/
#under.video{}

#under.video .content .tab{
  width: 100% ;
margin: 0 auto 15px auto ;}
#under.video .content .tab{
  padding: 0 ;
  margin: 0 auto ;}
#under.video .content .tab li{
  list-style: none ;
  display: inline ;
  margin: 0 ;
  padding: 0 ;}
#under.video .content .tab li+li{
  margin-left: 10px ;}
#under.video .content .tab li:before{
  display: none ;}
#under.video .content .tab li input{
  border: 1px solid #cccccc ;
  border-bottom: none ;
  background: #ffffff ;
  padding: 5px 15px ;
  font-size: 0.9rem ;
  box-sizing: border-box ;
  margin: 0 ;}
#under.video .content .tab li input.active{
  border: 1px solid #64A523 ;
  background: #64A523 ;
  color: #ffffff ;}

#under.video .content .box{
  display: none ;}
#under.video .content .box.active{
  display: block ;
  border: 2px solid #64A523 ;
  padding: 25px 25px 0 25px;
  box-sizing: border-box ;
  background: #f2fff9 ;}

#under.video .content .box ul{
  overflow: hidden ;}

	#under.video .content .box ul li{
		width: 32% ;
		float: left ;
		list-style: none ;
		font-size:1.2rem ;
		padding: 0 ;
		margin: 0 0 15px 24px ;
	}

		#under.video .content .box ul li:first-child,
		#under.video .content .box ul li:nth-child(3n+1){
			clear: both ;
			margin-left: 0 ;
		}
		#under.video .content .box ul li:nth-child(3n){
      float: right ;
      margin-left: 0 ;}

		#under.video .content .box ul li:before{
			display: none ;
		}

			#under.video .content .box ul li img{
				margin-bottom: 10px ;
			}
			#under.video .content .box ul li p{
				font-size: 1.2rem ;
				line-height: 1.2 ;
			}

@media screen and (max-width:767px ){
	#under.video .content .box ul li{
		width: 49% ;
		font-size:1rem ;
		margin: 0 0 15px 0;
	}

		#under.video .content .box ul li:nth-child(3n+1){
			clear: none ;
		}
		#under.video .content .box ul li:nth-child(3n){
      float: left ;}
		#under.video .content .box ul li:nth-child(odd){
			clear: both ;
			float: left ;
		}

		#under.video .content .box ul li:nth-child(even){
			float: right ;
		}

			#under.video .content .box ul li p{
				font-size: 1rem ;
			}
}




/*-------------------------------------------------------------
 	特集
-------------------------------------------------------------*/
#under.feature{}

/* detail
-----------------------------------------*/
/*  メインビジュアル  */
#under.feature main .mainVisual{
	position: relative ;
	margin: 0 auto 30px auto ;
}

	#under.feature main .mainVisual a{
		position: relative ;
		display: block ;
		z-index: 2 ;
	}

		#under.feature main .mainVisual a:after{
			position: absolute ;
			width: 97% ;
			height: 96% ;
			content: '' ;
			top: 2% ;
			left: 1% ;
			border: 1px solid #aaa ;
			z-index: 0 ;
		}

	#under.feature main .mainVisual img{
		width:100% ;
	}

	#under.feature main .mainVisual div.box{
		width: 100% ;
		display: table ;
		position: absolute ;
		bottom: 10% ;
		right: 0;
		background-color: rgba(0,0,0,0.7);
		box-sizing: border-box ;
	}

		#under.feature main .mainVisual div.box .info{
			display: table-cell ;
			padding: 20px 30px 0 40px ;
			box-sizing: border-box ;
		}

			#under.feature main .mainVisual .name{
				color: #ffffff ;
				display: inline-block ;
				font-size: 1.4rem ;
				line-height: 1.4 ;
				border-bottom: 1px solid #24B0AE ;
			}

			#under.feature main .mainVisual .catch{
				color: #ffffff ;
				font-size: 2rem ;
				line-height: 1.5 ;
			}

		#under.feature main .mainVisual .btn{
			width: 180px;
			min-height: 180px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			background-color: #24B0AE;
			color: #ffffff;
			padding-top: 5%;
			box-sizing: border-box;
		}

				#under.feature main .mainVisual .btn::before{
					position: absolute;
					content: '';
					top: 32%;
					left: 75px;
					box-sizing: border-box;
					width: 6px;
					height: 6px;
					border: 20px solid transparent;
					border-left: 30px solid #fff;
				}

	/*  コンテンツ部  */
	#under img.alignleft{
		float: left;
		margin-right: 2em;
		margin-bottom: 10px;
	}

	#under img.alignright{
		float: right;
		margin-left: 2em;
		margin-bottom: 10px;
	}

	under div.desc {
		font-size: 1rem;
		line-height: 2.3;
		margin-bottom: 25px;
		clear: both;
	}

	#under p.que {
		font-weight: bold;
		margin-bottom: 0px;
	}

@media screen and (max-width:767px ){
	#under.feature main .mainVisual div.box{
		width: 100% ;
		display: block ;
		position:relative;
		bottom: 0 ;
		right: 0;
		background-color: rgba(0,0,0,0.7);
		box-sizing: border-box ;
	}

		#under.feature main .mainVisual div.box .info{
			display:block;
			padding: 15px  ;
			box-sizing: border-box ;
		}

			#under.feature main .mainVisual .name{
				font-size: 1.2rem ;
				line-height: 1.4 ;
				padding-bottom: 5px ;
			}

			#under.feature main .mainVisual .catch{
				font-size: 1.4rem ;
				line-height: 1.4 ;
			}

		#under.feature main .mainVisual .btn{
			width:100%;
			min-height: auto;
			display:block;
			padding-top: 0;
			padding: 10px 0 ;
			margin: 0 ;
		}

			#under.feature main .mainVisual .btn::before{
				display: none ;
			}
}




/* -------------------- */
/*  スライド				    */
/* -------------------- */
#under.feature main .feature_slide{}
	#under.feature main .feature_slide ul{}

	#under.feature main .feature_slide ul li{
		width: 300px ;
		padding: 10px ;
		box-sizing: border-box ;
		list-style: none ;
		padding-bottom: 20px ;
	}


	#under.feature main .feature_slide .slick-dots li{
		width: auto ;
	}


	#under.feature main .feature_slide li:before{
		display: none ;
	}

		#under.feature main .feature_slide li a{
			display: block ;
			width: 100% ;
			height: 100% ;
			border: 1px solid #ccc ;
		}

			#under.feature main .feature_slide li .img{
				margin: 0 auto 10px auto ;
			}

			#under.feature main .feature_slide li .name{
				margin: 0 10px 5px 10px;
				line-height: 1.4 ;
				color: #64A523 ;
			}

			#under.feature main .feature_slide li .catch{
				margin: 0 10px 5px 10px;
				line-height: 1.4 ;
				font-size: 0.9rem ;
			}

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


/* -------------------- */
/*  パーツ feature	    */
/* -------------------- */
#under main .content p.feature{
	font-size: 1.2rem ;
	line-height: 2.3 ;

	margin-bottom:25px ;
}
#under main .content p.que_feature {
	font-size: 1.5rem ;
	font-weight: bold;
	line-height: 2.3 ;
	margin-bottom:25px ;
	text-align:center;
}
#under main .content .mt30 {
	margin-top:50px ;
}
#under main .content .pt30 {
	padding-top:50px ;
}
#under main .content img.alignleft_feature{
	float: left;
	margin-right: 5em;
	margin-bottom: 2em;
}

#under main .content img.alignright_feature{
	float: right;
	margin-left: 5em;
	margin-bottom: 2em;
}
#under.feature div.info_feature {
	border: #777777 1px solid;
	padding: 40px 40px;
	margin: 70px auto;
}

#under.feature div.info_feature p span.name{
	font-weight: bold;
}

#under.feature div.info_feature p {
	margin-bottom: 5px;
	line-height: 1.6;
}


@media screen and (max-width:767px ){
	#under main .content p.feature{
		font-size: 1rem ;
		line-height: 1.6 ;
	}
	#under main .content p.que_feature {
		font-size: 1.2rem ;
		line-height: 1.5 ;
	}
	#under.feature div.info_feature {
		padding: 15px;
		box-sizing: border-box ;
	}
}

/* -------------------- */
/*  パーツ ビーナスラインとは */
/* -------------------- */
#under main h3.about{
	position: relative ;
	font-size: 2.2rem ;
	line-height: 1.9;
	margin-bottom:20px ;
	color: #64A523 ;
	border-left:none;
	padding:0;
	margin:120px auto;
	box-sizing: border-box ;
	text-align:center;
}
#under main p.about{
	font-size: 1.3rem ;
	line-height: 3.8;
	margin-bottom:30px ;
	text-align:center;
	font-weight:normal;
}
#under main p.m60{
	margin:120px auto;
}
#under main .img_about{
	margin:120px auto;
	text-align:center;
}
@media screen and (max-width:767px ){
	#under main h3.about{
		font-size: 1.4rem ;
		line-height: 1.6;
		margin:30px auto;
	}
	#under.about main .content_inner{
		width: 95% ;
		margin: 0 auto ;
	}
	#under main p.about{
		font-size: 1.2rem ;
		line-height: 1.9;
	}
}


/* -------------------- */
/*  PageImage: 					*/
/* -------------------- */
#under #pageImage{
	width: 100% ;
	margin: 0 0 40px 0 ;
}

	#under #pageImage a{
		width:100%;
		height:700px;
		position: relative ;
		display: block ;
	}

	#under #pageImage a:after{
		position: absolute ;
		width: 98% ;
		height: 96% ;
		content: '' ;
		top: 2% ;
		left: 1% ;
		border: 1px solid #fff ;
		z-index: 0 ;
	}

		#under #pageImage a span.none{
			display:none;
		}

	#under #pageImage .content_inner{
		position: relative ;
		width: 100% ;
		height: 700px ;
		background-position: center left ;
		background-repeat: no-repeat ;
		background-size: cover ;
	}

	#under.about #pageImage .content_inner{
		background-image: url(../img/page1/img1.jpg) ;
	}

	#under #pageImage .content_inner .caption{
		position: absolute;
		top: 310px;
		left: 65px;
		z-index: 999;
		opacity: 0;
	}

	#under #pageImage .content_inner .caption{
		-webkit-animation: animation1 0.5s ease 0.5s 1 forwards;
	  animation: animation1 0.5s ease 0.5s 1 forwards;
	}

	#under #pageImage .content_inner h2{
		position: absolute;
		top: 350px;
		left: 65px;
		z-index: 999;
		opacity: 0;
		margin: 0 ;
		background: none ;
		padding: 0 ;
	}

	#under #pageImage .content_inner h2:before{
		display: none ;
	}

	#under #pageImage .content_inner h2{
		-webkit-animation: animation1 1.0s ease 1.5s 1 forwards;
	  animation: animation1 1.0s ease 1.5s 1 forwards;
	}

	@-webkit-keyframes animation1 {
		100% {
			opacity: 1;
		}
	}

	#under #pageImage .content_inner  div.box{
		width: 100% ;
		display: table ;
		position: absolute ;
		bottom: 10% ;
		right: 0;
		background-color: rgba(255,255,255,0.5);
		box-sizing: border-box ;
	}

		#under #pageImage .content_inner .info{
			display: table-cell;
		}
		#under #pageImage .content_inner .btn{
			width: 180px;
			height: 160px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			background-color: #24B0AE;
			color: #ffffff;
			padding-top: 5%;
			box-sizing: border-box;
		}

				#under #pageImage .content_inner  .btn::before{
					position: absolute;
					content: '';
					top: 32%;
					left: 75px;
					box-sizing: border-box;
					width: 6px;
					height: 6px;
					border: 20px solid transparent;
					border-left: 30px solid #fff;
				}

@media screen and (max-width:767px ){
	#under #pageImage a{
		width:100%;
		height:250px;
	}

	#under #pageImage a:after{
		width: 97% ;
	}

	#under #pageImage .content_inner{
		height: 250px ;
	}

	#under #pageImage .content_inner .caption{
		width: 90% ;
		top: 100px ;
		left: 5%;
	}

	#under #pageImage .content_inner h2{
		position: absolute;
		width: 90% ;
		top: 110px;
		left: 5%;
	}

	#under #pageImage .content_inner h2:before{
		display: none ;
	}

	#under #pageImage .content_inner  div.box{
		width: 100% ;
		display: table ;
		bottom:0 ;
	}

		#under #pageImage .content_inner .info{
			display: none ;
		}
		#under #pageImage .content_inner .btn{
			width: 150px;
			height: auto;
			padding-top: 0%;
			padding: 10px 0 ;
		}

			#under #pageImage .content_inner  .btn::before{
				display: none ;
			}
}





/*-------------------------------------------------------------
 	photogallery
-------------------------------------------------------------*/
#under.photogallery{}

/* list
-----------------------------------------*/
#under.photogallery .box_list .item .catch{
	margin: 0 10px 10px 10px ;
}




/*-------------------------------------------------------------
 	benri
-------------------------------------------------------------*/
#under.benri{}

/* list
-----------------------------------------*/
#under.benri .benri_list .wrap{
	overflow: hidden ;
	background-color: #ECEAEA ;
}

	#under.benri .benri_list .wrap #map{
		width: 875px ;
    width: calc(100% - 330px) ;
		height: 865px ;
		float: left ;
		margin: 15px 0 0 15px ;
	}

	#under.benri .benri_list .wrap .search{
		width: 310px ;
		float: right ;
		background-color: #ECEAEA ;
		padding: 15px 15px 0 15px;
		box-sizing: border-box;
		margin-bottom: 0 ;
	}

		#under.benri .benri_list .box{
			margin: 0 auto 20px auto ;
		}

		#under.benri .benri_list .box:first-child{
			display: none ;
		}

		#under.benri .benri_list .box h4{
			margin: 0 auto 10px auto ;
		}

			#under.benri .benri_list .box .select select{
				width: 100% ;
				padding: 5px ;
				border: 1px solid #ccc ;
			}

			#under.benri .benri_list .box dl{
				margin: 0 auto 10px auto ;
				background-color: #F4F4F4 ;
				padding: 10px ;
				box-sizing: border-box ;
			}

				#under.benri .benri_list .box dl dt{
					font-weight: bold ;
					background-color: rgba(110,110,110,0.7) ;
					padding: 5px ;
					box-sizing: border-box ;
					color: #ffffff ;
					margin-bottom: 5px ;
				}

				#under.benri .benri_list .box dl dd{}
				#under.benri .benri_list .box dl dd label{
					width: 100% ;
					display: inline-block ;
					margin: 0 10px 5px 0;
				}


@media screen and (max-width:767px ){
	#under.benri .benri_list .wrap{
		background-color: #ffffff;
	}
	#under.benri .benri_list .wrap #map{
		width: 100% ;
		height: 250px ;
		float: none ;
		margin: 0 0 0 0 ;
	}

	#under.benri .benri_list .wrap .search{
		width: 100% ;
		float: none ;
		padding: 10px 10px 5px 10px;
	}

		#under.benri .benri_list .box dl{
			overflow: hidden ;
		}

}


/* detail
-----------------------------------------*/
#under.benri .benri_detail{
	overflow: hidden ;
}

	#under.benri .benri_detail .discription{
		margin: 0 auto 15px auto ;
	}

	#under.benri .benri_detail dl{
		overflow: hidden ;
		margin: 0 auto 30px auto ;
	}

		#under.benri .benri_detail dl dt{
			width: 70px ;
			float: left ;
			background-color:#CFD339 ;
			padding: 0 5px ;
			text-align: center ;
		}

		#under.benri .benri_detail dl dd{
			width: 600px ;
			float: left ;
			margin: 0 0 0 10px ;
		}

		#under.benri .benri_detail .wrap{
			overflow: hidden ;
		}

		#under.benri .benri_detail .image{
			width: 45% ;
			float: left ;
		}
			#under.benri .benri_detail .image ul{
				overflow: hidden ;
				margin-bottom: 15px ;
			}

				#under.benri .benri_detail .image .main_img {
					text-align: center;
					margin-bottom: 0 ;
					background-color: #F0EFEF ;
				}

					#under.benri .benri_detail .image img {
						max-width: 100%;
					}

				#under.benri .benri_detail .image li {
					width: 32.5%;
					overflow: hidden;
					display: inline-block;
					cursor: pointer;
					margin-right: 1.2%;
					margin-top: 10px;
					float: left;
					padding-left: 0 ;
				}

					#under.benri .benri_detail li:before{
						display: none ;
					}

					#under.benri .benri_detail li:nth-child(3n) {
						margin-right: 0 ;
						float: right ;
					}
					#under.benri .benri_detail li:nth-child(3n+1) {
						clear: both ;
					}


			#under.benri .benri_detail .image .sub{
				overflow: hidden ;
				margin-bottom: 5px ;
				display: table ;
				width: 100% ;
				font-size: 1rem ;
			}
				#under.benri .benri_detail .image .sub dt{
					width: 120px ;
					background: none ;
					border-bottom: 1px solid #64A523 ;
					padding: 10px 0 ;
					display: table-cell ;
					color: #999 ;
					font-weight: bold ;
					float: none ;
				}

				#under.benri .benri_detail .image .sub dd{
					width: 300px ;
					padding: 10px 0 ;
					display: table-cell ;
					border-bottom: 1px solid #ccc ;
					margin: 0 ;
					float: none ;
				}

		#under.benri .benri_detail #map{
			width: 54% ;
			height: 500px ;
			float: right ;
			margin: 0 ;
		}


@media screen and (max-width:767px ){
	#under.benri .benri_detail dl dt{
		width: 70px ;
		float: left ;
		background-color:#CFD339 ;
		padding: 0 5px ;
		text-align: center ;
	}

	#under.benri .benri_detail dl dd{
		width: 200px ;
		float: left ;
		margin: 0 0 0 10px ;
	}

	#under.benri .benri_detail .image{
		width: 100% ;
		float: none ;
		margin-bottom: 15px ;
	}

	#under.benri .benri_detail #map{
		width: 100% ;
		float: none ;
		height: 500px ;
	}
}



#under main .content .infoWin{
	width: 100% ;
}

	#under main .content .infoWin p{
		margin: 0 auto 5px auto ;
	}

	#under main .content .infoWin p:first-child{
		border-left:5px solid #64A523;
		padding: 2px 0 2px 5px ;
		line-height: 1.2 ;
		margin: 0 auto 10px auto ;
	}
#under main .content .infoWin div i{
	display: none ;
}

	#under main .content .infoWin input{
		display:block ;
		margin: 0 auto 10px auto ;
		border: 1px solid #24B0AE ;
		padding: 6px 10px 6px 10px;
		box-sizing: border-box ;
		background-color:#24B0AE ;
		color: #ffffff ;
		cursor: pointer ;
	}

	#under main .content .infoWin input.add {
		background-color: #565555;
		border: 1px solid #565555 ;
	}

	#under main .content .infoWin img{
		display: block ;
		margin: 0 auto ;
		max-width: 100% ;
	}




/*-------------------------------------------------------------
 	pamphlet
-------------------------------------------------------------*/
#under.pamphlet .box_list .item{
	width: 24% ;
	margin: 0 0 15px 16px ;
	padding-bottom: 0 ;
	border: 1px solid #ccc ;
	box-sizing:border-box ;
}

	#under.pamphlet .box_list .item:first-child,
	#under.pamphlet .box_list .item:nth-child(4n+1){
		clear:both;
		margin-left: 0 ;
	}

	#under.pamphlet .box_list .item .img{
		height: auto ;
		padding: 10px 0 ;
		background-color: #ffffff ;
	}

@media screen and (max-width:767px ){
	#under.pamphlet .box_list .item{
		width: 49% ;
		margin: 0 0 15px 0 ;
	}

		#under.pamphlet .box_list .item:first-child,
		#under.pamphlet .box_list .item:nth-child(4n+1){
			clear: both ;
			margin-left: 0 ;
		}

		#under.pamphlet .box_list .item:first-child,
		#under.pamphlet .box_list .item:nth-child(6n+1){
			margin-left: 0 ;
		}

		#under.pamphlet .box_list .item:first-child(odd){
			float: left ;
		}

		#under.pamphlet .box_list .item:first-child(even){
			float: right ;
		}
}

/*-------------------------------------------------------------
 	Access
-------------------------------------------------------------*/
#under.access{}

#under.access .map{
	border: 5px solid #ccc ;
	box-sizing: border-box ;
}

#under.access .root{
}

#under.access .root dl{
	width: 100% ;
	border: 1px solid #ccc ;
	border-bottom: none ;
	display: table ;
	box-sizing: border-box ;
}

	#under.access .root dl:last-child{
		border-bottom: 1px solid #ccc ;
	}

	#under.access .root dl dt{
		width: 250px ;
		display: table-cell ;
		padding: 15px ;
		box-sizing: border-box ;
		border-right: 1px solid #ccc ;
		background-color: rgba(239,239,239,1.00) ;
	}

	#under.access .root dl dd{
		padding: 15px ;
		display: table-cell ;
		box-sizing: border-box ;
	}

@media screen and (max-width:767px ){
	#under.access .root dl{
		display: block ;
	}

		#under.access .root dl dt{
			width: 100% ;
			display: block ;
			border: none ;
		}

		#under.access .root dl dd{
			width: 100% ;
			display: block ;
		}
}


/*-------------------------------------------------------------
 	Event
-------------------------------------------------------------*/
#under.event .body{}
#under.event .body dl{
	overflow: hidden ;
	margin: 0 auto 30px auto ;
}

#under.event .info_box{
	width: 100% ;
	overflow: hidden ;
	margin: 0 auto 70px auto ;
	font-size: 1rem ;
}

	#under.event .info_box dl{
		margin: 0 0 5px 0 ;
		display: table ;
		width:100% ;
	}

		#under.event .info_box dl dt{
			display: table-cell ;
			width: 120px ;
			padding: 15px 15px 15px 15px ;
			border-bottom: 1px solid #64A523 ;
			color: #999 ;
			font-weight: bold ;
			box-sizing: border-box ;
		}

		#under.event .info_box dl dd{
			display: table-cell ;
			padding: 15px 15px 15px 15px ;
			border-bottom: 1px solid #ccc ;
			box-sizing: border-box ;
		}

		#under.event .info_box dl dd.category a{
			display: inline-block ;
			margin: 0 10px 0 0 ;
			padding: 1px 5px ;
			border: 1px solid #ccc ;
		}

@media screen and (max-width:767px ){
	#under.event .info_box dl{
		display:block ;
	}

		#under.event .info_box dl dt{
			display: block;
			width: 100% ;
			background: #64A523 ;
			color: #ffffff ;
			border: none ;
			padding: 10px 15px ;
		}

		#under.event .info_box dl dd{
			display: block;
			width: 100% ;
			border: none ;
		}
}




/*-------------------------------------------------------------
 	協議会について
-------------------------------------------------------------*/
#under.information .about{
	font-size: 1rem ;
}

	#under.information .about dl{
		width: 100% ;
		margin: 0 0 5px 0 ;
		display: table ;
	}

		#under.information .about dl dt{
			display: table-cell ;
			width: 120px ;
			padding: 15px 15px 15px 15px ;
			border-bottom: 1px solid #64A523 ;
			color: #999 ;
			font-weight: bold ;
		}

		#under.information .about dl dd{
			display: table-cell ;
			padding: 15px 15px 15px 15px ;
			border-bottom: 1px solid #ccc ;
		}

#under.information .kamei{
	font-size: 1rem ;
}

	#under.information .kamei table{
		width: 100% ;
		overflow: hidden ;
		margin: 0 auto ;
		border-top: 1px solid #ccc ;
	}

		#under.information .kamei table th{
			padding: 5px 0 ;
			text-align: center ;
			border-bottom: 1px solid #ccc ;
			background-color:rgba(245,245,245,1.00) ;
		}

			#under.information .kamei table th.th1{ width: 200px ; }
			#under.information .kamei table th.th2{ }
			#under.information .kamei table th.th3{ width: 120px ; }
			#under.information .kamei table th.th4{ }

		#under.information .kamei table td{
			padding: 5px 0 ;
			border-bottom: 1px solid #ccc ;
		}

			#under.information .kamei table td.td1{ }
			#under.information .kamei table td.td2{ }
			#under.information .kamei table td.td3{ }
			#under.information .kamei table td.td4{ }

@media screen and (max-width:767px ){
	#under.information .kamei table th.th1{ width: auto ; }
	#under.information .kamei table th.th2{ }
	#under.information .kamei table th.th3{ width: auto ; }
	#under.information .kamei table th.th4{ }
}



/*-------------------------------------------------------------
 	PageNavi
-------------------------------------------------------------*/
main .wp-pagenavi ,
main .gsc-cursor-box{
	text-align:center ;
	clear: both;
	margin:  40px auto 50px auto ;
}

	main .wp-pagenavi a,
	main .wp-pagenavi span,
	main .gsc-cursor-box .gsc-cursor-page{
		text-decoration: none;
		border: 1px solid #BFBFBF;
		padding: 5px 10px;
		margin: 0 5px 5px 5px ;
	}

	main .wp-pagenavi a:hover,
	main .wp-pagenavi span.current,
	main .gsc-cursor-box .gsc-cursor-current-page{
		border-color: #000;
		background-color: #64A523 ;
		color: #ffffff ;
		border: 1px solid #64A523 ;
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}

	main .wp-pagenavi span.current {
		font-weight: bold;
		background-color: #64A523 ;
		color: #ffffff ;
		border: 1px solid #64A523 ;
	}

@media screen and (max-width:767px ){
	main .wp-pagenavi {
		margin:  40px auto 0 auto ;
	}

	main .wp-pagenavi a,
	main .wp-pagenavi span {
		margin: 0 5px 10px 5px ;
		display: inline-block ;
	}

	main .wp-pagenavi .pages{
		display: block ;
		margin: 0 auto 15px auto ;
	}
}





/*-------------------------------------------------------------
 	PageNavi
-------------------------------------------------------------*/
.gsc-control-cse{
	margin-bottom: 100px !important ;
}
.gsc-webResult{
	border-bottom: 1px dotted #cccccc !important ;
}
.gs-title{
	margin-bottom: 5px !important ;
}

/*-------------------------------------------------------------
 	検索/リセットボタン
-------------------------------------------------------------*/
#under .search .btn{
	padding: 0 15px 15px 15px ;
	box-sizing: border-box ;
	font-size: 1.2rem ;
	text-align: center ;
	border-top: none ;
}
.btn .type01{
	font-size: 0.9rem ;
	display: inline-block ;
	padding: 5px 15px ;
	background-color: #64A523 ;
	color: #ffffff ;
	border: none ;
	cursor: pointer ;
	line-height: 2.3 ;
}
.btn .type02{
	font-size: 0.9rem ;
	display: inline-block ;
	padding: 5px 15px ;
	background-color:#999 ;
	border: none ;
	color: #ffffff ;
	cursor: pointer ;
	line-height: 2.3 ;
}


/*-------------------------------------------------------------
 	trekking
-------------------------------------------------------------*/

.trekking {
	font-family: "Yu Gothic", YuGothic;
}
.trekking .pc{
	display: block;
}
.trekking .sp{
	display: none;
}
.trekking.top {
	min-width: 1000px;
	margin-left: 20px;
	overflow-x: scroll;
}
.trekking.top .content_inner{
	width: 1200px;
}
.trekking.top .mainimg{
	display: flex;
	margin-bottom: 120px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.trekking.top .mainimg .left{
	width: 310px;
	background: url(../img/trekking/mainbg.png) no-repeat 10px 490px;
}
.trekking.top .mainimg .left h1{
	font-size: 64px;
	font-weight: bold;
	font-family: 'Oswald','Open Sans';
	line-height: 1.1;
	margin-bottom: 20px;
}
.trekking.top .mainimg .left h1 span{
	color: #e94515;
}
.trekking.top .mainimg .left p strong{
	font-size: 22px;
}
.trekking.top .mainimg .left p {
	margin-bottom: 40px;
}
.trekking.top .mainimg .img_map{
	width: 870px;
}
.trekking.top .img_trekking{
	position: relative;
	width: 100%;
	margin-bottom: 120px;
}
.trekking.top .img_trekking::before {
	content: "";
	width: 300px;
	height: 130px;
	background: url(../img/trekking/course01no.png) no-repeat top right;
	display: block;
	position: absolute;
	z-index: 2;
	right: 0;
	top: -90px;
}
.trekking.top .img_trekking.course02::before {
	background: url(../img/trekking/course02no.png) no-repeat top right;
}
.trekking.top .img_trekking.course03::before {
	background: url(../img/trekking/course03no.png) no-repeat top right;
}
.trekking.top .img_trekking.course04::before {
	background: url(../img/trekking/course04no.png) no-repeat top right;
}
.trekking.top .img_trekking.course05::before {
	background: url(../img/trekking/course05no.png) no-repeat top right;
}
.trekking.top .img_trekking > div {
	font-weight: bold;
	position: absolute;
	right: 20px;
	top: 60px;
	font-size: 14px;
	text-align: right;
}
.trekking.top .img_trekking > div .time span {
	font-size: 18px;
	display: inline-block;
	border-bottom: solid 3px #000;
}
#under .trekking.top .img_trekking > div h2{
	color: #000;
	border: 0;
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
	height: auto;
	font-family: "Yu Gothic", YuGothic;
	font-size: 26px;
}
#under .trekking.top .img_trekking.course02 > div,
#under .trekking.top .img_trekking.course02 > div h2 {
	color:#FFF;
}
.trekking.top .img_trekking.course02  > div .time span {
	border-bottom: solid 3px #FFF;
}
@media screen and (max-width:767px ){
	.trekking .pc{
		display: none;
	}
	.trekking .sp{
		display: block;
	}
	.trekking.top {
		min-width: 100%;
		margin-left: 0;
		overflow-x: inherit;
	}
	.trekking.top .content_inner{
		width: 100%;
	}
	.trekking.top .mainimg .left{
		width: 100%;
		background: 0;
	}
	#under.about main .content_inner {
		width: 100%;
	}
	.trekking.top .mainimg .left h1{
		padding: 0 5%;
	}
	.trekking.top .mainimg .left p{
		padding: 0 5%;
	}
	.trekking.top .mainimg .left .photo {
		overflow: hidden;
		position: relative;
		margin: 20px 0;
		padding: 0;
	}
	.trekking.top .mainimg .left p {
		margin-bottom: 0;
	}
	.trekking.top .img_trekking > div {
		position: static;
		margin-top: 10px;
		padding-right: 15px;
	}
	.trekking.top .img_trekking{
		margin-bottom: 150px;
	}
	#under .trekking.top .img_trekking.course02 > div,
	#under .trekking.top .img_trekking.course02 > div h2 {
		color:#000;
	}
}

#under .trekking.course .mainimg {
	margin-bottom: 40px;
	height: 660px;
	background: url(../img/trekking/course01/main.png) no-repeat;
	background-size: cover;
	position: relative;
}
#under .trekking.course.course02 .mainimg {
	background: url(../img/trekking/course02/main.png) no-repeat;
	background-size: cover;
}
#under .trekking.course.course03 .mainimg {
	background: url(../img/trekking/course03/main.png) no-repeat;
	background-size: cover;
}
#under .trekking.course.course04 .mainimg {
	background: url(../img/trekking/course04/main.png) no-repeat;
	background-size: cover;
}
#under .trekking.course.course05 .mainimg {
	background: url(../img/trekking/course05/main.png) no-repeat;
	background-size: cover;
}
#under .trekking.course .mainimg div{
	background: #FFF;
	max-width: 650px;
	box-sizing: border-box;
	position: absolute;
	padding: 20px 20px 20px 140px;
	bottom: 50px;
	left: 0;
	font-size: 16px;
	font-weight: bold;
}
#under .trekking.course.course01 .mainimg div{
	background: #FFF url(../img/trekking/course01/course.png) no-repeat 20px 30px;
}
#under .trekking.course.course02 .mainimg div{
	background: #FFF url(../img/trekking/course02/course.png) no-repeat 20px 30px;
}
#under .trekking.course.course03 .mainimg div{
	background: #FFF url(../img/trekking/course03/course.png) no-repeat 20px 30px;
}
#under .trekking.course.course04 .mainimg div{
	background: #FFF url(../img/trekking/course04/course.png) no-repeat 20px 30px;
}
#under .trekking.course.course05 .mainimg div{
	background: #FFF url(../img/trekking/course05/course.png) no-repeat 20px 30px;
}
#under .trekking.course .mainimg .time span {
	font-size: 18px;
	display: inline-block;
	border-bottom: solid 3px #000;
}
#under .trekking.course .mainimg h1{
	font-weight: bold;
	font-size: 32px;
	color: #e94515;
	margin: 10px 0;
}
#under .trekking.course {
	min-width: 1000px;
	overflow-x: scroll;
}
#under .trekking.course .content_inner{
	width: 1200px;
}
#under .trekking.course .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#under .trekking.course dl {
	border: 0;
	margin: auto;
	padding: 0;
}
#under .trekking.course .flex div {
	width: 580px;
	font-size: 16px;
}
#under .trekking.course .flex div p {
	margin-bottom: 30px;
}
#under .trekking.course .flex > p{
	margin-bottom: 30px;
	font-size: 16px;
	padding: 0 20px;
}
#under .trekking.course dl.num {
	width: 580px;
	margin: 0;
	position: relative;
	padding-top: 30px;
	margin-bottom: 30px;
}
#under .trekking.course dl.num:nth-child(odd) {
	margin-top: -80px;
}
#under .trekking.course dl.num.change:nth-child(even) {
	margin-top: -80px;
}
#under .trekking.course dl.num.change:nth-child(odd) {
	margin-top:0;
}
#under .trekking.course dl.num span,
#under .trekking.course dl.num02 span{
	width: 50px;
	height: 50px;
	color: #FFF;
	font-size: 24px;
	background: #e94515;
	font-weight: bold;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	position: absolute;
	left: 30px;
	top: 0px;
}
#under .trekking.course dl.num span.co02,
#under .trekking.course dl.num02 span.co02{
	background: #006c36;
}
#under .trekking.course dl.num02 {
	margin-bottom: 80px;
	position: relative;
}
#under .trekking.course dl.num02 dt {
	display: flex;
	position: relative;
	padding-top: 25px;
}
#under .trekking.course dl.num dd,
#under .trekking.course dl.num02 dd{
	padding: 20px;
	font-size: 16px;
}
#under .trekking.course dl.num02 dd.flex {
	display: flex;
	justify-content: space-between;
}
#under .trekking.course dl.num02 dd.flex p{
	max-width: 530px;
}
#under .trekking.course .pickup {
	width: 1200px;
	text-align: center;
	background: url(../img/trekking/pickupbg.png) no-repeat;
	background-size: cover;
	margin-top: 50px;
}
#under .trekking.course .pickup .content_inner {
	width: 980px;
	padding: 150px 0 50px;
	margin: auto;
	position: relative;
}
#under .trekking.course .pickup .content_inner::before {
	content: "";
	width: 335px;
	height: 130px;
	background: url(../img/trekking/pickuptitle.png) no-repeat;
	position: absolute;
	left: -30px;
	top:0;
	display: block;
}
#under .trekking.course .pickup dl {
	padding: 0;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.7);
}
#under .trekking.course .pickup .flex {
	display: flex;
}
#under .trekking.course .pickup .flex dl {
	max-width: 440px;
	background: #FFF;
}
#under .trekking.course.course04 .num dd p{
	margin-bottom: 20px;

}
#under .trekking.course .pickup dl dd {
	padding: 20px;
}

#under .trekking.course .pickup dl dd h3 {
	border-left: 0;
	padding: 0;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 10px;
 color:#ea4615;
}
#under .trekking.course .pickup dl dd p {
	font-size: 16px;
}
#under .trekking.course .btn{
	text-align: center;
	margin: 30px 0 100px;
}
#under .trekking.course .btn a{
	display: inline-block;
	padding: 10px 20px;
	background: #e94515;
	color: #FFF;
}
#under .trekking.course .flex div:first-child {
	padding: 0 30px;
	box-sizing: border-box;
}
#under .trekking.course.course01 .flex div:first-child {
	width: 430px;
	padding: 0 30px;
	box-sizing: border-box;
}
#under .trekking.course.course01 .flex div:nth-child(2) {
	width: 750px;
}
@media screen and (max-width:767px ){
	#under .trekking.course .flex div:first-child,
	#under .trekking.course.course01 .flex div:first-child,
	#under .trekking.course.course01 .flex div:nth-child(2) {
		width: 95%;
		padding: 0;
	}
	#under .trekking.course {
		min-width: 100%;
		overflow-x: inherit;
	}
	#under .trekking.course .content_inner{
		width: 100%;
	}
	#under .trekking.course dl.num:nth-child(odd) {
		margin-top: 0px;
	}
	#under .trekking.course dl.num.change:nth-child(even) {
		margin-top: 0px;
	}
	#under .trekking.course dl.num.change:nth-child(odd) {
		margin-top:0;
	}
	#under .trekking.course dl.num {
		width: 100%;
	}
	#under .trekking.course .pickup {
		width: 100%;
	}
	#under .trekking.course .pickup .content_inner {
		width: 95%;
		margin: auto;
	}
	#under .trekking.course .pickup .content_inner h3 {
		font-size: 18px;
		padding: 0;
		margin: 0 0 5px 0;
	}
	#under .trekking.course .pickup .content_inner::before {
		left: 0;
	}
	#under .trekking.course .mainimg {
		height: auto;
		background: 0 !important;
	}
	#under .trekking.course .mainimg div{
		width: 100%;
		position:static;
		padding: 10px 10px 10px 110px;
		background-position: 10px 10px !important;
	}
	#under .trekking.course .mainimg h1 {
		line-height:1.1;
		margin-bottom: 10px;
	}
	#under .trekking.course .flex div {
		width: 95%;
		font-size: 16px;
		margin: auto;
	}
	#under .trekking.course .flex div:first-child {
		order: 2;
	}
	#under .trekking.course .flex div:nth-child(2) {
		order: 1;
	}
	#under .trekking.course .flex dl,
	#under .trekking.course .flex >p {
		order: 3;
	}
	#under .trekking.course .flex dl.num,
	#under .trekking.course .flex dl.num02 {
		width: 95%;
		margin: auto;
		margin-bottom: 20px;
		padding-top: 12px;
	}
	#under .trekking.course .flex dl.num dd,
	#under .trekking.course .flex dl.num02 dd {
		padding: 10px 0;
	}
	#under .trekking.course dl.num span,
	#under .trekking.course dl.num02 span{
		width: 30px;
		height: 30px;
		font-size: 15px;
		background: #e94515;
		left: 10px;
		top: 0px;
	}
	#under .trekking.course .btn a{
		display: inline-block;
		padding: 3px 20px;
		background: #e94515;
		color: #FFF;
	}
	#under .trekking.course dl.num02 dt {
		display: block;
		text-align: center;
	}
	#under .trekking.course .pickup .flex dl {
		margin-bottom: 20px;
	}
}