@charset "utf-8";

/*共通ブロック*/
.layout-01{
  padding: 60px 0;
}
@media(min-width:767px) {
.layout-01{
  padding: 80px 0;
}
}


/* パーツ */
.coler-white{
	color: #fff;
}


/*タイトル・見出しの設定*/
.header-contents{
  margin-bottom: 25px;
  padding: 0 15px;
  text-align: center;
}
.header-contents .title-img{
	margin-bottom: 15px;
}
.header-contents .title-img img{
	zoom:0.25;
}
.header-contents h2{
	font-size: 18px;
	font-weight: bold;
}
.header-contents p{
	text-align: left;
  font-size: 14px;
}
.header-contents h2 + p{
  margin-top: 10px;
}
.header-spot .title-img img{
	zoom:0.5;
}
.header-spot .title-img{
	margin-bottom: 10;
}
@media(min-width:767px) {
.header-contents{
  margin-bottom: 60px;
}
.header-contents .title-img{
	margin-bottom: 25px;
}
.header-contents h2{
	font-size: 32px;
}
.header-contents p{
  font-size: 18px;
	text-align: center;
}
.header-contents h2 + p{
  margin-top: 15px;
}
}



#Hero{
	background: url(/static/img/campaign/trekking/sp_bg-ss.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 20px 20px 80px 20px;
}
#Hero.areapage{
	background: url(/static/img/campaign/trekking/pc_bg-ss.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 20px 20px 20px 20px;
}
.title-page{
	text-align: center;
}
.areapage .title-page{
	margin-bottom: 20px;
}
.title-underpage{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.title-underpage b{
	font-size: 120%;
}
@media(min-width:576px) {
.title-page img{
	width:100%;
	max-width: 300px;
}
}
@media(min-width:767px) {
#Hero{
	background: url(/static/img/campaign/trekking/pc_bg-ss.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 60px 0px 120px 0px;
}
#Hero.areapage{
	padding: 60px 0px 60px 0px;
}
.areapage .title-page{
	margin-bottom: 40px;
}
.title-page img{
	zoom:0.8;
	max-width: 752px;
}
.title-underpage{
	font-size: 26px;
}
.title-underpage b{
	font-size: 120%;
}
}

/*ページ内リンク*/
#Navi{
	background: #315b36;
	padding: 10px 0;
}
.nav-pagenavi{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.nav-pagenavi > li{
	width: 50%;
	padding:5px 5px;
	display: flex;
}
.nav-pagenavi > li + li{
	border-left: 2px solid #fff;
}
.nav-pagenavi > li a{
	color: #fff;
	display: flex;
	width: 100%;
	justify-content: center;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	flex-wrap: wrap;
	line-height: 1.4;
}
.nav-pagenavi > li a b{
	display: block;
	text-align: center;
	width: 100%;
}
.nav-pagenavi > li a img{
	zoom:0.5;
	margin-bottom: 10px;
}
.nav-pagenavi > li.nav-area a img{
	margin-bottom: 24px;
}
.nav-pagenavi > li a:hover{
	text-decoration: none;
}
@media(min-width:767px) {
#Navi{
	padding: 40px 0;
}
.nav-pagenavi{
	width: 100%;
	max-width: 970px;
	margin:0 auto;
}
.nav-pagenavi > li{
	padding: 0 10px;
}
.nav-pagenavi > li a{
	padding: 25px 5px;
	font-size: 24px;
	display: block;
	text-align: center;
}
.nav-pagenavi > li a img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.nav-pagenavi > li.nav-area a img{
	margin-bottom: 34px;
}
.nav-pagenavi > li a b{
	display: inline;
}
}



#Lead{
	padding: 30px 0;
	background: #EAEAEA;
	position: relative;
	z-index: 2;
}

.wrap-mainlead{
	text-align: center;
}
.title-mainlead-img img{
	zoom:0.25;
}
.wrap-leadtext{
	position: relative;
	padding:0 18% 45px;
	margin:20px -10px 0;
}
#Lead.areapage .wrap-leadtext{
	padding:0;
	margin:0;
}
.wrap-leadtext p{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
#Lead.areapage .wrap-leadtext p{
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}
.img-left{
	position: absolute;
	left: 0;
	bottom:0;
	zoom:0.6;
}
.img-right{
	position: absolute;
	right: 0;
	bottom:0;
	zoom:0.6;
}
@media(min-width:767px) {
#Lead{
	padding: 60px 0;
}
.wrap-mainlead{
	width: 100%;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}
.wrap-leadtext{
	margin-top: 40px;
}
.wrap-leadtext p{
	font-size: 26px;
	text-align: center;
}
#Lead.areapage .wrap-leadtext p{
	font-size: 20px;
	text-align: center;
}
.img-left{
	position: absolute;
	left: 20px;
	top: 0;
	bottom:auto;
	zoom:1;
}
.img-right{
	position: absolute;
	right: 20px;
	top: 0;
	bottom:auto;
	zoom:1;
}
}


#Merit{
	padding:0;
	background: #EAEAEA;
	position: relative;
	position: relative;
	z-index: 2;
}
/*#Merit:after{
	content: "";
	background: url(/static/img/campaign/trekking/bg-nami-01-sp.png) no-repeat center top;
	background-size: cover;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom:0;
	left: 0;
}*/
.list-merit{
	background: #fff;
	padding: 35px 25px;
	border-radius: 20px;
	position: relative;
	margin-top: 50px;
}
.list-merit:before {
	border: 30px solid transparent;
	border-bottom: 30px solid #fff;
	content: "";
	display: block;
	top: -60px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}
.list-merit > li{
	display: flex;
	width: 100%;
	font-size: 14px;
	position: relative;
	align-items: center;
}
.list-merit > li img{
	width: 100%;
	max-width: 60px;
	margin-right: 10px;
}
.list-merit > li span{
	padding: 10px 0 10px 0;
	border-bottom: 2px dashed #ADADAD;
}
.list-merit > li.bg-bus{
	position: absolute;
	right: 20px;
	bottom:-20px;
}
.list-merit > li.bg-bus img{
	width: 100%;
	max-width: 130px;
	margin:0 0 0 auto;
}
.wrap-pickupyamahack{
	width:100%;
	margin:30px auto 20px;
}
.card-yamahack{
	display: flex;
	width: 100%;
	background: #fff;
	padding: 10px 10px;
	text-decoration: none;
	color: #1a1a1a;
	border-radius: 10px;
	border:solid 2px #004f41;
}
.card-yamahack:hover{
	text-decoration: none;
	color: #1a1a1a;
	background: #feebf2;
}
.col-logoyamahack{
	width: 30%;
}
.list-merit > li .col-logoyamahack img{
	max-width: 100%;
}
.col-textyamahack{
	width: 70%;
	padding: 0 0 0 10px;
}
.col-textyamahack:after {
	content: "\f24d";
	font-family: "Font Awesome 5 Free";
	font-weight: normal;
}
.lead-yamahack{
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	font-weight: 900;
	color: #004f41;
}
.lead-yamahack span{
	padding: 0 20px !important;
	border: none !important;
}
.lead-yamahack:before,
.lead-yamahack:after{
	content: "";
	display: inline-block;
	width: 2px;
	height: 24px;
	background: #004f41;
	border-radius: 2px;
}
.lead-yamahack:before{
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.lead-yamahack:after{
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
@media(min-width:767px) {
#Merit{
	padding: 0;
}
.list-merit{
	width: 100%;
	max-width: 750px;
	margin:50px auto 0;
	background: #fff;
	padding: 35px 50px 80px 50px;
	border-radius: 20px;
	position: relative;
}
.list-merit > li{
	font-size: 20px;
}
.list-merit > li span{
	padding: 15px 10px 8px 10px;
	border-bottom: 2px dashed #ADADAD;
}
.list-merit > li.bg-bus img{
	max-width: 200px;
}
.wrap-pickupyamahack{
	width:100%;
	max-width: 580px;
	margin:30px 0 0 auto;
}
.card-yamahack{
	padding: 15px 15px;
	border:solid 3px #004f41;
}
.col-logoyamahack{
	width: 15%;
}
.col-textyamahack{
	width: 85%;
	font-size: 20px;
}
.lead-yamahack{
	font-size: 18px;
}
.lead-yamahack span{
	padding: 0 20px !important;
	border: none !important;
}
.lead-yamahack:before,
.lead-yamahack:after{
	width: 3px;
}
}



#Deparea{
	padding: 0;
	background: #BDD285;
	position: relative;
	z-index: 2;
}
.text-deparea{
	font-size: 16px;
}
.list-deparea{
	display: flex;
	margin:20px -10px 0;
}
.list-deparea > li{
	width: 33.33%;
	padding: 0 5px;
}
.list-deparea > li a{
	display: block;
	border-radius: 100px;
	padding: 15px 5px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #445D20;
	border:solid 3px #445D20;
	background: #fff;
}
.list-deparea > li a:hover{
	text-decoration: none;
	background: #445D20;
	color: #fff;
	border:solid 3px #445D20;
}
@media(min-width:767px) {
#Deparea{
	padding: 0;
}
.text-deparea{
	text-align: center;
	font-size: 20px;
}
.list-deparea{
	width: 100%;
	max-width: 855px;
	margin:40px auto 0;
}
.list-deparea > li a{
	padding: 20px 5px;
}
}



#Spot{
	padding: 0;
	background: #E8EB88;
	position: relative;
	z-index: 2;
}
.block-spot + .block-spot{
	margin-top: 55px;
}
.header-spot{
	text-align: center;
}
.header-spot .title-img{
	margin-bottom: 10px;
}
.header-spot h3{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 5px solid #455D20;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.slider-box{
  padding: 0 0 0 5px;
}
.slider-container{
  padding-left: 10px;
}
.slider-box-01{
  padding-bottom: 10px;
}
.slider-box-01.add-scroll{
  overflow-x: scroll;
}
.list-mountain{
  display: flex;
  padding-bottom: 5px;
}
.ver-2 .list-mountain{
  width: 130.6%;/*245px x 2 = 490 ⇒ 490/375 =130.6 */
}
.ver-3 .list-mountain{
  width: 196%;/*245px x 3 = 735 ⇒ 735/375 =196 */
}
.ver-4 .list-mountain{
  width: 261.3%;/*245px x 4 = 980 ⇒ 980/375 =261.3 */
}
.ver-5 .list-mountain{
  width: 326.6%;/*245px x 5 = 1225 ⇒ 1225/375 =326.6 */
}
.ver-6 .list-mountain{
  width: 392%;/*245px x 6 = 1470 ⇒ 1470/375 =392 */
}
.ver-7 .list-mountain{
  width: 457.3%;/*245px x 7 = 1715 ⇒ 1715/375 =457.3 */
}
.ver-8 .list-mountain{
  width: 522.6%;/*245px x 8 = 1960 ⇒ 1960/375 =522.6 */
}
.ver-9 .list-mountain{
  width: 588%;/*245px x 9 = 2205 ⇒ 2205/375 =588 */
}
.ver-10 .list-mountain{
  width: 653.3%;/*245px x 10 = 2450 ⇒ 2450/375 =653.3 */
}
.ver-11 .list-mountain{
  width: 718.6%;/*245px x 11 = 2695 ⇒ 2695/375 =718.6 */
}
.ver-12 .list-mountain{
  width: 784%;/*245px x 12 = 2940 ⇒ 2940/375 =784 */
}
.list-mountain > li{
  padding: 0 5px;
  display: flex;
}
.ver-2 .list-mountain > li{
  width: 50%;/*245px*/
}
.ver-3 .list-mountain > li{
  width: 33.33%;/*245px*/
}
.ver-4 .list-mountain > li{
  width: 25%;/*245px*/
}
.ver-5 .list-mountain > li{
  width: 20%;/*245px*/
}
.ver-6 .list-mountain > li{
  width: 16.66%;/*245px*/
}
.ver-7 .list-mountain > li{
  width: 14.28%;/*245px*/
}
.ver-8 .list-mountain > li{
  width: 12.5%;/*245px*/
}
.ver-9 .list-mountain > li{
  width: 11.11%;/*245px*/
}
.ver-10 .list-mountain > li{
  width: 10%;/*245px*/
}
.ver-11 .list-mountain > li{
  width: 9.09%;/*245px*/
}
.ver-12 .list-mountain > li{
  width: 8.33%;/*245px*/
}
.card-mt-select{
	display: block;
	background: #fff;
	padding: 15px;
	border-radius: 5px;
	color: #1C1C1C;
}
.card-mt-select:hover{
	text-decoration: none;
	color: #1C1C1C;
	background: #feebf2;
}
.card-mt-select img{
	margin-bottom: 20px;
	border-radius: 5px;
}
.card-mt-select p{
	font-size: 14px;
	font-weight: bold;
}
.list-mt-dep{
	display: flex;
	margin-top: 10px;
}
.list-mt-dep > li{
	background: #1C1C1C;
	border-radius: 5px;
	color: #fff;
	padding: 8px 10px;
	line-height: 1;
	display: inline-block;
	font-size: 12px;
}
.list-mt-dep > li + li{
	margin-left: 5px;
}
@media(min-width:576px) {
.list-mountain{
  width: 100% !important;
  flex-wrap: wrap;
  justify-content: center;
}
.list-mountain > li{
  width: 50% !important;
  padding: 5px 5px;
}
}
@media(min-width:767px) {
#Spot{
	padding: 0;
}
.header-spot h3{
	font-size: 24px;
}
.block-spot{
	width: 100%;
	max-width: 1140px;
	margin:0 auto;
}
.block-spot + .block-spot{
	margin-top: 75px;
}
.list-mountain > li{
  width: 33.33% !important;
}
.card-mt-select p{
	font-size: 16px;
}
.list-mt-dep > li{
	font-size: 14px;
}
}
@media(min-width:992px) {
.slider-box-01{
  overflow-x: initial !important;
  padding-bottom: 0;
}
.list-mountain{
  width: 100%;
  max-width: 1050px;
  margin-right: auto;
  margin-left: auto;
  flex-wrap: wrap;
}
.list-mountain > li{
  width: 25% !important;
}
}


#Rosen{
	margin-top: 80px;
}
.inner-rosen{
	background: #fff;
	border-radius: 10px;
	padding: 10px 10px 30px 10px;
	position: relative;
}
.title-rosenimg{
	margin-top: -40px;
	text-align: center;
	margin-bottom: 40px;
}
.title-rosenimg img{
	zoom:0.3;
}
.wrap-rosen + .wrap-rosen{
	margin-top: 40px;
}
.wrap-rosen h3{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.wrap-rosen h3 span{
	display: inline-block;
	border-bottom: 3px solid #CACF28;
	padding-bottom: 10px;
}
.list-rosen{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
}
.list-rosen + .list-rosen{
	margin-top: 25px;
}
.li-name{
	width: 50%;
	font-size: 16px;
	font-weight: bold;
}
.ver-package .li-name{
	width: 100%;
}
.li-price{
	width: 50%;
	text-align: right;
	font-size: 32px;
	color: #B55F5F;
	font-weight: bold;
}
.ver-package .li-price{
	width: 100%;
	font-size: 26px;
}
.ver-package .li-price b{
	font-size: 13px;
	color: #212529;
	display: block;
}
.li-price span:after{
	content: "円～";
	font-size:18px;
}
.li-price span.ver-package:after{
	display: none;
}
.li-price span.ver-package span.min:after{
	content: "～";
}
.li-price span.ver-package span.max:after{
	content: "円";
}
.li-btn{
	width: 100%;
	margin-top: 15px;
}
.list-btn-reserve > li a{
	display: block;
	background: #C77726;
	color: #fff;
	font-size: 18px;
	padding: 15px 25px;
	border-radius: 5px;
	position: relative;
	text-align: center;
}
.list-btn-reserve > li a:before{
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translate(0, -50%);
}
.list-btn-reserve > li a:hover{
	text-decoration: none;
	color: #fff;
	opacity: 0.5;
}
.list-btn-reserve > li + li{
	margin-top: 10px;
}

@media(min-width:767px) {
#Rosen{
	margin-top: 120px;
}
.inner-rosen{
	width: 100%;
	max-width: 940px;
	margin:0 auto;
	padding: 10px 50px 30px 50px;
}
.title-rosenimg{
	margin-top: -30px;
	margin-bottom: 60px;
}
.title-rosenimg img{
	zoom:0.5;
}
.wrap-rosen + .wrap-rosen{
	margin-top: 60px;
}
.list-rosen{
	padding: 15px 10px;
}
.list-rosen + .list-rosen{
	margin-top: 0;
	border-top: 2px dashed #ADADAD;
}
.li-name{
	width: 30%;
	font-size: 20px;
	font-weight: bold;
}
.ver-package .li-name{
	width: 20%;
}
.li-price{
	width: 23%;
	text-align: right;
	font-size: 32px;
	color: #B55F5F;
	font-weight: bold;
}
.ver-package .li-price{
	width: 33%;
	font-size: 22px;
}
.li-price span:after{
	font-size:18px;
}
.li-btn{
	width: 47%;
	margin-top:0;
}
.list-btn-reserve{
	display: flex;
}
.list-btn-reserve > li{
	width: 50%;
	padding: 0 5px;
	display: flex;
}
.list-btn-reserve > li + li{
	margin-top: 0;
}
.list-btn-reserve > li a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
	padding: 15px 20px;
}
}



#Faq{
	padding: 0 0 30px 0;
	background: #DFE1AA;
	position: relative;
	z-index: 2;
}
#faq-accordion{
   width: 100%;
   max-width: 960px;
   margin-left: auto;
   margin-right: auto;
   counter-reset:renban;
}
.card-faq{
   position: relative;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border-radius: 4px;
   box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 10%);
}
.card-faq + .card-faq{
   margin-top: 10px;
}
.card-faq-header{
   padding: 0;
   margin-bottom: 0;
}
.card-faq-header button{
   display:block;
   padding:15px 70px 15px 80px;
   position: relative;
   color:#333;
   background:#fff;
   border-radius: 4px;
   width: 100%;
   text-align: left;
   cursor: pointer;
}
.card-faq-header button:hover{
   cursor:pointer;
   background:#feebf2;
   opacity:1.0;
   text-decoration:none;
}
.card-faq-header button:after{
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 10px;
   font-size: 18px;
   content: "\f077";
   font-family: "Font Awesome 5 Free";
   font-weight:900;
   color:#1C1C1C;
   background: #FFD545;
   width: 45px;
   height: 45px;
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 1;
   border-radius: 100px;
}
.card-faq .card-faq-header button:before{
   counter-increment:renban;
   content:"Q"counter(renban) ;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   background: #455D20;
   width: 45px;
   height: 45px;
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 1;
   border-radius: 5px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 20px;
}
.card-faq-header button.collapsed:after{
   content: "\f078";
}
.card-faq-ttl{
   font-size:14px;
   line-height:1.4;
   display: block;
}
.card-faq-body{
   padding:15px;
}
.card-faq-body p{
   font-size:14px;
   line-height:1.8;
   color:#333;
   margin-left:5px;
}
.card-faq-body p + p{
   margin-top:10px;
}
@media(min-width:767px) {
#Faq{
	padding: 0 0 60px 0;
}
.card-faq-header button{
   padding:25px 70px 25px 80px;
}
.card-faq-ttl{
   font-size:18px;
}
}




#Connection{
	padding: 30px 0;
	background: #DFE1AA;
}
.card-connection{
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	display: block;
	color: #1C1C1C;
}
.card-connection:hover{
	text-decoration: none;
	color: #1C1C1C;
}
.card-connection img{
	border-radius: 5px;
}
.dl-plan{
	margin-top: 15px;
}
.dt-planname{
	font-size: 16px;
	margin-bottom: 15px;
}
.dd-plantext{
	font-size: 14px;
}
@media(min-width:767px) {
#Connection{
	padding: 60px 0;
}
.list-connection{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.list-connection > li{
	padding: 5px;
	width: 25%;
}
.card-connection{
	padding: 15px;
}
.dt-planname{
	font-size: 16px;
}
.dd-plantext{
	font-size: 16px;
}
}




#Mountain{
	padding: 30px 0 60px 0;
	background: #EAEAEA;
}
.box-area + .box-area{
	margin-top: 40px;
}
.btn-select{
	width: 100%;
	max-width: 450px;
	margin:0 auto;
}
.pref-search{
	margin-bottom: 50px;
}
.pref-select.form-control{
	font-size: 18px;
	padding: 10px;
	height: auto;
	appearance: none;
	background: none;
	position: relative;
	z-index: 2;
	border:none;
}
.wrap-select{
	position: relative;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	border:solid 3px #C8C8C8;
}
.wrap-select:before{
	content: "";
	background: url(/static/img/common/icon/angle-down-solid.png) no-repeat;
	background-size: cover;
	width: 10px;
	height: 6px;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translate(0, -50%);
	z-index: 1;
}
.title-mountain{
	display: flex;
	align-items: flex-end;
	border-bottom: 5px solid #455D20;
	padding: 0 20px;
	margin:0 -15px 30px;
}
.title-mountain span{
	width: calc(100% - 50px);
	padding: 0 10px 5px 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
}
.title-mountain span small{
	display: block;
}
.img-tr-left{
	width: 33px;
}
.img-tr-right{
	width: 27px;
}
.img-tr-left,
.img-tr-right{
	position: relative;
	bottom:-5px;
}
.inner-overview{
	margin-top: 15px;
}
.dl-spec{
	display: flex;
	padding: 10px 0;
	align-items: center;
	border-bottom: 1px dashed #B5B5B5;
}
.dl-spec dt{
	width: 30%;
	background: #455D20;
	color: #fff;
	line-height: 1;
	font-size: 14px;
	padding: 10px 10px;
	border-radius: 100px;
	text-align: center;
}
.dl-spec dd{
	width: 70%;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
}
.dl-spec .fa-star{
	color: #C5B41F;
}
.dl-spec .fa-star.ver-off{
	font-weight: normal;
}
.inner-overview p{
	font-size: 14px;
}
.inner-overview p + p{
	margin-top: 5px;
}
.text-map{
	text-align: right;
	color: #1276C4 !important;
}
.text-map:after{
	content: "\f24d";
	font-family: "Font Awesome 5 Free"; 
	font-weight: normal;
	margin-left: 3px;
}
.text-map:hover{
	text-decoration: underline;
}
.wrap-mountain-reserve{
	background: #fff;
	border-radius: 10px;
	border:solid 2px #455D20;
	padding: 15px;
	margin:25px auto 0;
	width: 100%;
	max-width: 750px;
}
.wrap-mountain-dep-arrive{
	border-bottom: 1px dashed #B5B5B5;
	padding: 15px 15px;
}
.list-dep-arrive{
	margin-bottom: 10px;
}
.list-dep-arrive > li{
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 20px;
}
.list-dep-arrive > li:after{
	content: "\f0dd";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	position:absolute;
	bottom:-18px; 
	left: 50%; 
	transform: translate(-50%, 0);
	font-size:240%;
	color: #CACF28;
	line-height: 1;
}
.list-dep-arrive > li:last-child{
	margin-bottom: 0;
}
.list-dep-arrive > li:last-child:after{
	display: none;
}
.list-dep-arrive > li img{
	width: 45px;
}
.list-dep-arrive > li span{
	width: calc(100% - 45px);
	padding-left: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
}
.list-dep-arrive > li span b{
	font-size: 120%;
}
.text-dep-arrive-hosoku{
	text-align: center;
	font-size: 14px;
}
.wrap-mountain-access{
	padding: 15px;
}
.dl-mountain-access dt{
	display: flex;
	align-items: center;
	justify-content: center;
}
.dl-mountain-access dt img{
	width: 35px;
}
.dl-mountain-access dt span{
	width: calc(100% - 45px);
	padding-left: 10px;
}
.list-step-access{
	width: calc(100% - 50px);
	margin:0 0 0 auto;
}
.list-step-access > li{
	font-size: 14px;
}
.list-step-access > li + li{
	margin-top: 5px;
}
.title-reserve-min{
	background: #455D20;
	color: #fff;
	padding: 10px;
	text-align: center;
	margin:20px -15px 20px;
}
.title-reserve-min img{
	zoom:0.5;
	margin:0 auto;
}
.btn-return-top{
	display: block;
	background: #C77726;
	color: #fff;
	font-size: 14px;
	padding: 10px 25px;
	border-radius: 5px;
	position: relative;
	text-align: center;
}
.btn-return-top:hover{
	color: #fff;
	text-decoration: none;
}
.btn-return-top:before{
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}
@media(min-width:767px) {
#Mountain{
	padding: 60px 0 120px 0;
}
.box-area + .box-area{
	margin-top: 80px;
}
.title-mountain{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 0 10px;
	margin:0 0 30px;
}
.title-mountain span{
	width: auto;
	padding: 0 20px 5px 20px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
}
.title-mountain span small{
	display:inline;
}
.img-tr-left{
	width: 43px;
}
.img-tr-right{
	width: 36px;
}
.pref-search{
	margin-bottom: 90px;
}
.wrap-mountain-overview{
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 950px;
	margin:0 auto;
}
.wrap-mountain-overview > img{
	width: 50%;
	max-width: 468px;
}
.inner-overview{
	width: 50%;
	padding-left: 8%;
}
.dl-spec dt{
	font-size: 18px;
}
.dl-spec dd{
	font-size: 18px;
}
.list-dep-arrive{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.list-dep-arrive > li{
	width: 46%;
	margin-bottom: 0;
}
.list-dep-arrive > li:after{
	content: "\f0da";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	position:absolute;
	top:50%;
	bottom:auto; 
	left: auto;
	right: -12%;
	transform: translate(0, -50%);
}
.list-dep-arrive > li:last-child:after{
	display: none;
}
.list-dep-arrive > li span{
	font-size: 18px;
}
.dl-mountain-access{
	display: flex;
	align-items: center;
}
.dl-mountain-access dt{
	width: 40%;
}
.dl-mountain-access dd{
	width: 60%;
}
.list-step-access{
	width: 100%;
}
#Mountain .li-name{
	width: 40%;
}
#Mountain .ver-package .li-name{
	width: 31%;
}
#Mountain .li-btn{
	width: 36%;
}
#Mountain .list-btn-reserve{
	display: block;
	padding-left: 10px;
}
#Mountain .list-btn-reserve > li{
	width: 100%;
}
#Mountain .list-btn-reserve > li + li{
	margin-top: 5px;
}
#Mountain .list-btn-reserve > li a{
	padding: 10px 15px;
	font-size: 16px;
}
}


#Other{
	padding: 30px 0 60px;
	background: #EAEAEA;
}


.position-nami{
	position: relative;
	bottom:-20px;
	margin-top: 30px;
	z-index: 1;
}
.position-nami-01{
	position: relative;
	margin-top: 60px;
	z-index: 1;
	position: relative;
	bottom:-2px;
}
.position-nami-01 .wrap-illust{
	display: flex;
	justify-content: space-between;
	width: 80%;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
}
.position-nami-01 .wrap-illust img{
	zoom:0.6;
	height: auto;
}
.position-nami-02{
	position: relative;
	margin-top: 60px;
	z-index: 1;
	position: relative;
	bottom:-2px;
}
.position-nami-02 .wrap-illust{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 80%;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
}
.position-nami-02 .wrap-illust img{
	zoom:0.6;
	height: auto;
}
.img-nami-02-right{
	margin-right: -15px;
}
.position-nami-03{
	position: relative;
	margin-top: 60px;
	z-index: 1;
	position: relative;
	bottom:-2px;
}
.position-nami-03 .wrap-illust{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 85%;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
}
.position-nami-03 .wrap-illust img{
	zoom:0.6;
	height: auto;
}
@media(min-width:767px) {
.position-nami{
	position: relative;
	bottom:-40px;
}
.position-nami-01 .wrap-illust{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 900px;
	padding: 0 20px;
	position: absolute;
	left: 50%;
	bottom:50%;
	transform: translate(-50%, 50%);
}
.position-nami-01 .wrap-illust img{
	zoom:0.9;
}
.position-nami-02 .wrap-illust{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 900px;
	padding: 0 20px;
	position: absolute;
	left: 50%;
	top: auto;
	bottom:15%;
	transform: translate(-50%, 0);
}
.position-nami-02 .wrap-illust img{
	zoom:0.9;
}
.position-nami-03 .wrap-illust{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 900px;
	padding: 0 20px;
	position: absolute;
	left: 50%;
	top: auto;
	bottom:15%;
	transform: translate(-50%, 0);
}
.position-nami-03 .wrap-illust img{
	zoom:0.9;
}
}



.wrap-mountain-reserve.ver-yamahack{
	border:none;
}
.ver-yamahack .title-reserve-min{
	background: none;
	border-bottom: 1px dashed #455D20;
	color: #455D20;
	font-weight: bold;
}
.list-yamahacklink{
	padding-left: 10px;
}
.list-yamahacklink > li{
	font-size: 16px;
}
.list-yamahacklink > li + li{
	margin-top: 10px;
}
.list-yamahacklink > li a{
	display: block;
	position: relative;
	padding-left: 20px;
	color: #455D20;
	text-decoration: underline;
}
.list-yamahacklink > li a:hover{
	text-decoration: none;
}
.list-yamahacklink > li a:before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	color: #1f1f1f;
}
@media(min-width:767px) {
.list-yamahacklink > li{
	font-size: 18px;
}
}


@media(min-width:767px) {
    .border-dashed-bottom {
        border-bottom: 2px dashed #ADADAD;
    }
}