@charset "utf-8";

:root{
  --default-font:'Verdana', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
	--default-font:'Noto Sans JP', sans-serif;
	--mincho-font:"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
  --main-color:#1D71B1;
  --key-color:#88a5cf;
  --link-color:#1a0dab;
  --base-color:#222;
}
.main-color{color:#1D71B1;}
.key-color{color:#1D71B1;}

header{
	box-sizing:border-box;
	width:100%;
}
div.header-inner{
	box-sizing:border-box;
	width:100%;
	padding:2.0rem 5vw 1.0rem;
	margin:0 auto;
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:baseline;
}
div.header-inner #logo{
	width:269px; height:auto;
}
ul.header-nav{
}
ul.header-nav li{
	font-size:13px;
	line-height:18px;
	margin:0 0 0 15px;
	float:left;
}
ul.header-nav li a{
	color:var(--main-color);
	text-decoration:none;
}
ul.header-nav li a:hover{text-decoration:underline;}
ul.header-nav li a:before{
	content:"▲";
	font-size:10px;
	line-height:18px;
	color:var(--main-color);
	border-radius:100%;
	display:inline-block;
	transform:scale(0.6,1) rotate(90deg);
	margin-right:2px;
}
ul.header-nav li:last-child a::after{
	content:"";
	width:56px; height:11px;
	display:inline-block;
	background:url(../../img/common/icon_flag.gif) no-repeat center center;
	margin-left:5px;
}

nav#global-nav{
	box-sizing:border-box;
	width:100%;
	background:var(--main-color);
	padding:0 5vw;
}
nav#global-nav > ul{
	display:flex;
	justify-content:space-between;
}
nav#global-nav > ul > li{
	width:calc(100% / 5);
	text-align:center;
	position:relative;
}
nav#global-nav > ul > li > a{
	display:block;
	text-decoration:none;
	font-size:0.95rem; line-height:2.0;
	color:#FFF;
	padding:1.0em 0;
}
nav#global-nav ul li a:hover{
	background:#064c81;
}

#fade-in li ul{
	visibility:hidden;
	opacity:0;
	transition:0.4s;
}
#fade-in li:hover ul{
	visibility:visible;
	opacity:1;
}
#fade-in li ul li a{
	visibility:hidden;
	opacity:0;
	transition:0.4s;
}
#fade-in li:hover ul li a{
	visibility:visible;
	opacity:1;
}
nav#global-nav ul li ul.subnav{
	width:100%;
	position:absolute;
	top:3.8rem;
	z-index:1000;
	background:var(--main-color);
	text-align:left;
/*
	border:1px solid #DDD;
	border-top:1px dotted #DDD;
*/
}
nav#global-nav ul li ul.subnav:before{
	content:"▲";
	position:absolute;
	top:-16px; left:118px;
	z-index:9999;
	font-size:12px;
	color:#FFF;
	display:block;
	transform:scale(1,0.6);
}
nav#global-nav ul li ul li{
	line-height:21px;
	text-align:left;
	margin:0;
	display:block;
	height:auto;
}
nav#global-nav ul li ul li a{
	color:#FFF;
	text-decoration:none;
	font-size:0.9rem; line-height:3.6;
/*
	font-size:13px;
	line-height:42px;
*/
	font-weight:500;
	text-align:center;
	padding:0;
	border:none;
/*
	border-bottom:1px dotted #DDD;
*/
	display:block;
	white-space:nowrap;
/*
	font-family:var(--mincho-font);
*/
}
nav#global-nav ul li ul li:last-child a{border-bottom:none;}


div#index-thumbnail{
	box-sizing:border-box;
	width:100%;
	background:#e6d5c6;
	padding:2.5rem 5vw;
}
ul.index-thumbnail-list{
	display:flex;
	justify-content:space-between;
	gap:0.5rem;
}
ul.index-thumbnail-list li{
	width:calc((100% - 0.5rem * 4) / 5);
	height:auto;
	aspect-ratio:197/193;
	position:relative;
}
ul.index-thumbnail-list li .text-box{
	box-sizing:border-box;
	width:100%;
	position:absolute;
	bottom:0; left:0;
	color:#FFF;
	text-align:center;
	background:rgba(0,0,0,0.4);
	padding:0.5rem 0;
}
ul.index-thumbnail-list li a:hover .text-box{
	background:rgba(0,0,0,0.9);
}
ul.index-thumbnail-list li .text-box h3{
	font-size:0.95rem; line-height:1.8;
}
ul.index-thumbnail-list li .text-box p{
	font-size:12px;
	line-height:15px;
}
ul.index-thumbnail-list li .text-box:after{
	content:"";
	border-right:6px solid #FFF;
	border-bottom:6px solid #FFF;
	border-top:6px solid transparent;
	border-left:6px solid transparent;
	position:absolute;
	bottom:5px; right:5px;
}

div.index-content{
	box-sizing:border-box;
	width:1000px;
	margin:0 auto;
	padding:4.0rem 0;
}
div.index-content div.index-image01,
div.index-content div.index-image03{
	width:420px; height:250px;
	float:left;
}
div.index-content div.index-image02{
	width:420px; height:250px;
	float:right;
}
div.index-content div.index-text-box01,
div.index-content div.index-text-box03{
	width:540px;
	text-align:left;
	float:right;
}
div.index-content div.index-text-box02{
	width:540px;
	text-align:left;
	float:left;
}

div.index-gray-box{
	background:#e6e6e6;
}

div.index-text-box h2{
	font-family:var(--mincho-font);
	font-size:1.8rem; line-height:1.6;
	font-weight:600;
	margin-bottom:20px;
}
div.index-text-box p{margin:0 0 20px 0;}
div.index-text-box div.button-box{
	width:300px;
	text-align:center;
	position:relative;
}
div.index-text-box div.button-box a{
	display:block;
	text-decoration:none;
	font-size:0.9rem; line-height:1.8; font-weight:600;
	color:#FFF;
	background:var(--key-color);
	padding:0.75em 1.0em;
	position:relative;
}
div.index-text-box div.button-box a::after{
	content:"";
	width:0.4rem; height:auto;
	aspect-ratio:0.5/1;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background:#fff;
	position:absolute;
	top:50%; right:0;
	transform:translate(-1.2em,-50%);
}
div.index-text-box div.button-box a:hover{
	background:var(--main-color);
}

footer{
	width:100%;
	background:url(../../img/common/footer_bg.gif) repeat-x center top;
	background-color:#1978BE;
	color:#FFF;
	position:relative;
	margin:140px 0 0 0;
	padding:150px 0 40px 0;
	text-align:center;
}
footer div#page-top{
	position:absolute;
	top:-40px; right:20px;
}
footer div#page-top a{
	font-size:13px;
	line-height:32px;
	color:var(--main-color);
	text-decoration:none;
}
footer div#page-top a:before{
	content:"▲";
	font-size:8px;
	line-height:18px;
	color:#FFF;
	background:var(--main-color);
	border-radius:100%;
	width:18px; height:18px;
	display:inline-block;
	text-align:center;
	margin-right:4px;
}
footer h2{
	font-family:var(--mincho-font);
	font-size:22px;
	line-height:180%;
	font-weight:500;
	margin-bottom:15px;
}
footer p{
	margin-bottom:25px;
}
ul.footer-nav{
	font-size:0; line-height:0;
	text-align:center;
}
ul.footer-nav li{
	font-size:13px; line-height:160%;
	display:inline-block;
	vertical-align:top;
}
ul.footer-nav li a{
	color:#FFF;
	text-decoration:none;
}
ul.footer-nav li a:after{
	content:"｜";
	display:inline-block;
	margin:0 5px;
}
ul.footer-nav li:last-child a:after{
	content:"";
	margin:0;
}
ul.footer-nav li a:hover{
	text-decoration:underline;
}

div#copyright{
	background:#d1c0a5;
	font-size:12px;
	line-height:300%;
}



/* 山小屋カテゴリーページ
++++++++++++++++++++++++++++++*/
div.billboard{
	width:100%;
	background-position:center top;
	background-size:cover;
	overflow:hidden;
	height:200px;
	position:relative;
}

#lodge-header{
	background:url(../../img/lodge/header.jpg) no-repeat center center;
	background-size:cover;
}
div#area01{
	background:url(../../img/lodge/header_area01.jpg) no-repeat center center;
	background-size:cover;
}
div#area02{
//	background:url(../../img/hotaka/header.jpg) no-repeat center top;
	background:url(../../img/lodge/header_area02.jpg) no-repeat center center;
	background-size:cover;
}
div#area03{
	background:url(../../img/lodge/header_area03.jpg) no-repeat center center;
	background-size:cover;
}
div#area04{
	background:url(../../img/lodge/header_area04.jpg) no-repeat center center;
	background-size:cover;
}
div#area05{
	background:url(../../img/lodge/header_area05.jpg) no-repeat center center;
	background-size:cover;
}
div#season{
	background:url(../../img/season/header.jpg) no-repeat center center;
	background-size:cover;
}
div#onegai{
	background:url(../../img/please/header_title04.jpg) no-repeat center center;
	background-size:cover;
}
div#link{
	background:url(../../img/link/header.jpg) no-repeat center center;
	background-size:cover;
}
div.billboard-title{
	box-sizing:border-box;
	width:100%;
	padding:0 5vw;
	margin:0 auto;
	text-align:left;
	position:relative;
}
div.billboard-title h1{
	position:relative;
	top:70px;
/*
	font-family:"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
*/
	font-size:30px;
	line-height:32px;
	background:rgba(255,255,255,0.9);
//	background:rgba(0,0,0,0.4);
//	color:#FFF;
	font-size:24px;
	line-height:36px;
	font-weight:500;
	letter-spacing:2px;
	padding:4px 32px;
	display:inline-block;
}
div.billboard-title h1 span{
	font-size:16px;
	line-height:32px;
	margin:0 0 0 10px;
//	display:block;
	display:inline-block;
}
#link div.billboard-title h1{
	background:rgba(255,255,255,0);
	color:#FFF;
}

div.main{
	width:1000px;
	margin:0 auto;
	text-align:left;
}

div.area-info-box{
	margin:40px 0 50px 0;
}
div.area-info-box h2{
	font-family:var(--mincho-font);
	font-size:32px;
	line-height:150%;
	font-weight:500;
	margin-bottom:30px;
}
div.area-info-box h3{
	margin-bottom:15px;
	font-size:20px;
	line-height:150%;
	font-weight:500;
}
div.area-info-box h3.title-lodge{
	padding-left:42px;
	border-bottom:3px solid #B66919;
	background:url(../../img/lodge/icon_lodge.gif) no-repeat left 5px bottom;
	background-size:auto 26px;
}
div.area-info-box h3.title-mountain{
	padding-left:48px;
	border-bottom:3px solid #628ac7;
	background:url(../../img/lodge/icon_mountain.png) no-repeat left bottom;
}
div.area-info-box h3.title-viewspot{
	padding-left:32px;
	border-bottom:3px solid #289f59;
	background:url(../../img/hotaka/icon_viewspot.gif) no-repeat left bottom;
}
div.area-info-box p{
}

.area-description{
	width:500px;
	float:left;
}
.area-map{
	width:475px;
	float:right;
}
.area-info-box .area-image{
	margin-bottom:20px;
}
.area01-description{
	width:470px;
	float:left;
}
.area01-map{
	width:500px;
	float:right;
}
.area02-description{
	width:570px;
	float:left;
}
.area02-map{
	width:400px;
	float:right;
}
.area03-description{
	width:410px;
	float:left;
}
.area03-map{
	width:560px;
	float:right;
}


div.mountain-box{
	margin:40px 0;
}
div.mountain-title{
	border-bottom: 3px solid #628ac7;
	position:relative;
	margin-bottom:15px;
}
div.mountain-title h3{
	font-size:20px;
	line-height:160%;
	font-weight:500;
}
.mountain-title h3:before{
	content: "";
	display: inline-block;
  width: 44px;
  height: 22px;
  margin: 0 10px 0 0;
	background: url(../../img/hotaka/icon_yama.gif) no-repeat;
	background-size: contain;
	vertical-align: bottom;
}

div.viewspot-title{
	border-bottom: 3px solid #289f59;
	position:relative;
	margin-bottom:15px;
}
div.viewspot-title h3{
	font-size:20px;
	line-height:160%;
	font-weight:500;
}
.viewspot-title h3:before{
	content: "";
	display: inline-block;
  width: 22px;
  height: 29px;
  margin: 0 10px 0 0;
	background: url(../../img/hotaka/icon_viewspot.gif) no-repeat;
	background-size: contain;
	vertical-align: bottom;
}

div.accsess-title{
	border-bottom: 3px solid #964141;
	position:relative;
	margin-bottom:15px;
}
div.accsess-title h3{
	font-size:20px;
	line-height:160%;
	font-weight:500;
}
div.accsess-title h3:before{
	content: "";
	display: inline-block;
  width: 44px;
  height: 28px;
  margin: 0 10px 0 0;
	background: url(../../img/hotaka/icon_accsess.gif) no-repeat;
	background-size: contain;
	vertical-align: bottom;
}

ul.small-flag{
	position:absolute;
	display:inline-block;
	bottom:4px;
	right:0;
	width:300px;
	text-align:right;
	font-size:0; line-height:0;
}
ul.small-flag li{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height:18px;
	width:100px;
}
ul.small-flag li:before{
	content: "";
	display:inline-block;
  width:15px;
  height:18px;
  margin:0 5px 3px 0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	vertical-align: bottom;
}
ul.small-flag li:nth-child(1):before{
	background-image:url(../../img/hotaka/smallflag_humoto.gif);
}
ul.small-flag li:nth-child(2):before{
	background-image:url(../../img/hotaka/smallflag_ryousen.gif);
}
ul.small-flag li:nth-child(3):before{
	background-image:url(../../img/hotaka/smallflag_tyuuhuku.gif);
}

ul.mountain-list{
	font-size:0; line-height:0;
}
ul.mountain-list li{
	width:232px;
	display:inline-block;
	vertical-align:top;
	margin:0 24px 20px 0;
}
ul.mountain-list li:nth-child(4n){margin-right:0;}
ul.mountain-list li .thumbnail{
	margin-bottom:5px;
}
ul.mountain-list li h3{
	font-size:16px;
	line-height:160%;
	font-weight:600;
	margin:0 0 3px 0;
}
ul.mountain-list li h3 span{
	font-size:14px;
	font-weight:500;
	display:inline-block;
	margin-left:10px;
}
ul.mountain-list li p{
	font-size:14px;
	line-height:160%;
}

ul.mountain-lodge-list li:before{
	content: "";
	display: inline-block;
	width:18px;
	height:21px;
	margin:0 10px 0 0;
	background-repeat:no-repeat;
	background-position:right bottom -2px;
	background-size:14px auto;
}
ul.mountain-lodge-list li.flag01:before{
	background-image:url(../../img/hotaka/flag_humoto.gif);
}
ul.mountain-lodge-list li.flag02:before{
	background-image:url(../../img/hotaka/flag_ryousen.gif);
}
ul.mountain-lodge-list li.flag03:before{
	background-image:url(../../img/hotaka/flag_tyuuhuku.gif);
}


ul.yamagoya-name{
	width:1000px;
	margin: 0 auto;
}


ul.okuhotaka-box {
	float: left;
 text-align: left;
 padding: 260px 0px 30px 180px;

}


ul.okuhotaka-box li:nth-child(1){
	text-align: left;
	float: left;
	font-size:22px;
	font-family:var(--mincho-font);
  font-weight: bold;
}

ul.okuhotaka-box li:nth-child(2){
	font-size: 12px;
	padding-left: 15px;
	float: left;
}

ul.okuhotaka-box li:nth-child(3){
 font-size: 16px;

}

ul.okuhotaka-box li:nth-child(4){
	text-align: left;
 font-size: 16px;
 font-weight: bold;
 margin: 10px 0 0 30px
 }

ul.okuhotaka-box li:nth-child(5){
	text-align:left;
	float: left;
 font-size: 16px;
 font-weight: bold;
 margin: 10px 0 0 30px
 }

 ul.okuhotaka-box li:nth-child(6){
  font-size: 16px;
  font-weight: bold;
	margin: 10px 30px 0 50px

  }

ul.okuhotaka-box li:nth-child(7){
	text-align: left;
font-size: 16px;
font-weight: bold;
margin: 10px 0 0 30px
}



/* hotakadakesannsou.html
++++++++++++++++++++++++++++++*/
div#lodge{
	background:url(../../img/hotakadakesansou/sansou_header.jpg) no-repeat center top;
	background-size:cover;
	color:#FFF;
}

div.sansou-title{
	margin:30px 0 0 0;
}
div.sansou-title h2{
	font-family:var(--mincho-font);
	font-size:28px;
	line-height:160%;
	font-weight:600;
	border-bottom: 1px solid #333333;
	padding:0 0 0px 0;
	margin-bottom:30px;
	position:relative;
}
div.sansou-title h2 span{
	font-family:var(--default-font);
	font-weight:500;
}
div.sansou-title h2 span.kana{
	font-size:14px;
}
div.sansou-title h2 span.icon-ryosen,
div.sansou-title h2 span.icon-chufuku,
div.sansou-title h2 span.icon-fumoto{
	position:absolute;
	bottom:3px; right:0;
	width:82px; height:31px;
	font-size:12px;
	color:#FFF;
	line-height:33px;
	padding-left:36px;
}
div.sansou-title h2 span.icon-ryosen{
	background:url(../../img/season/02/icon_smallflag01.gif) no-repeat center top;
}
div.sansou-title h2 span.icon-chufuku{
	background:url(../../img/hotakadakesansou/chufuku.flagicon.gif) no-repeat center top;
}
div.sansou-title h2 span.icon-fumoto{
	background:url(../../img/hotakadakesansou/fumoto.flagicon.gif) no-repeat center top;
	width:86px; height:31px;
	padding-left:32px;
}

.sansou-title h2 ul.sansou-title-list{
	position:absolute;
	bottom:3px; right:0;
	font-size:0; line-height:0;
}
.sansou-title h2 ul.sansou-title-list li{
	font-family:var(--default-font);
	font-weight:500;
	font-size:14px;
	line-height:33px;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 1em;
}
.sansou-title h2 ul.sansou-title-list li.icon-ryosen,
.sansou-title h2 ul.sansou-title-list li.icon-chufuku,
.sansou-title h2 ul.sansou-title-list li.icon-fumoto{
	font-size:13px;
	line-height:22px;
	color:#FFF;
	padding:0 20px;
	position:relative;
	top:6px;
	border-radius:11px;
	position:relative;
	margin-left:25px;
}
.sansou-title h2 ul.sansou-title-list li.icon-ryosen{background:#EFB03F;}
.sansou-title h2 ul.sansou-title-list li.icon-chufuku{background:#F2A7C7;}
.sansou-title h2 ul.sansou-title-list li.icon-fumoto{background:#3C8843;}
.sansou-title h2 ul.sansou-title-list li.icon-ryosen::before,
.sansou-title h2 ul.sansou-title-list li.icon-chufuku::before,
.sansou-title h2 ul.sansou-title-list li.icon-fumoto::before{
	content:"";
	width:30px; height:30px;
	border-radius:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:18px auto;
	position:absolute;
	top:-4px; left:-12px;
}
.sansou-title h2 ul.sansou-title-list li.icon-ryosen::before{
	background-image:url(../../img/lodge/icon_height03.png);
	background-color:#EFB03F;
}
.sansou-title h2 ul.sansou-title-list li.icon-chufuku::before{
	background-image:url(../../img/lodge/icon_height02.png);
	background-color:#F2A7C7;
}
.sansou-title h2 ul.sansou-title-list li.icon-fumoto::before{
	background-image:url(../../img/lodge/icon_height01.png);
	background-color:#3C8843;
}


div.sansou-box{
	margin:0 0 60px 0;
}
.sansou-left,
.sansou-right{
	width:480px;
}
.sansou-left{float:left;}
.sansou-right{float:right;}

.sansou-box .sansou-image{
	width:500px;
	margin-bottom:20px;
	float:left;
}
.sansou-box .sansou-data{
	width:470px;
	margin-bottom:20px;
	float:right;
}
.sansou-box .sansou-data h3{
	font-family:var(--mincho-font);
	font-size:22px;
	line-height:160%;
	font-weight:600;
	margin-bottom:15px;
}
.sansou-box ul.sansou-data-list{
	margin:0 0 20px 0;
}
.sansou-box ul.sansou-data-list li{
	position:relative;
	padding:0 0 0 95px;
	margin:0 0 5px 0;
}
.sansou-box ul.sansou-data-list li.web a{
	font-weight:600;
}
.sansou-box ul.sansou-data-list li span{
	position:absolute;
	top:1px; left:0;
	width:80px;
	border:1px solid #B1C5E2;
//	background:#B1C5E2;
	font-size:13px;
	line-height:24px;
	text-align:center;
}

.sansou-data > .recruit-button{
	margin:2.0rem 0;
}
.sansou-data > .recruit-button a{
	display:block;
	text-decoration:none;
	font-size:0.9rem; line-height:1.8; font-weight:600;
	color:var(--main-color);
	text-align:center;
	border:1px solid var(--main-color);
	border-radius:9999px;
	padding:0.75em 4.0em;
	position:relative;
}
.sansou-data > .recruit-button a::after{
	content:"";
	width:0.4rem; height:auto;
	aspect-ratio:0.5/1;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background:var(--main-color);
	position:absolute;
	top:50%; right:0;
	transform:translate(-1.2em,-50%);
}
.sansou-data > .recruit-button a:hover{
	color:#fff;
	background:var(--main-color);
}
.sansou-data > .recruit-button a:hover::after{
	background:#fff;
}

.owner-information .owner-photo{
	width:82px;
	float:left;
	margin-right:10px;
}
.owner-information .owner-comment p.owner-name{
	font-weight:600;
}
.owner-information .owner-comment p.owner-name span{
	font-size:14px;
	font-weight:500;
	display:inline-block;
	margin-right:5px;
}


ul.sansou-topics{
	margin: 0 auto;
}
ul.sansou-topics li{
	width:320px;
	margin:0 20px 0 0;
  float:left;
}
ul.sansou-topics li:nth-child(3n){margin-right:0px;}
ul.sansou-topics li .thumbnail{
	max-height:320px;
	overflow:hidden;
	margin-bottom:10px;
}
ul.sansou-topics li h3{
	font-family:var(--mincho-font);
	font-size:18px;
	line-height:160%;
	margin-bottom:5px;
}
ul.sansou-topics li p{
	font-size:14px;
	line-height:160%;
}

div.sansou-box h2{
	font-family:var(--mincho-font);
	font-size:20px;
	line-height:180%;
	font-weight:600;
	border-left:6px solid #767676;
	padding-left:10px;
	margin-bottom:20px;
}

table.table-left{
	width:490px;
	float:left;
}
table.table-right{
	width:490px;
	float:right;
}
table.stay-table{
	width:100%;
	border-collapse:collapse;
	font-size:14px;
	line-height:180%;
}
table.stay-table caption{
	text-align:left;
	font-size:16px;
	line-height:180%;
	font-weight:600;
	margin-bottom:5px;
}
table.stay-table th{
 	width:100px;
  padding:10px;
  font-weight:600;
  vertical-align:top;
  border:1px solid #ccc;
	border-left:none;
	border-right:none;
  background:#efefef;
}
table.stay-table td{
  padding:10px;
  border:1px solid #ccc;
	border-left:none;
	border-right:none;
}
table.stay-table td strong{
	font-size:16px;
	line-height:180%;
	display:block;
	margin-bottom:5px;
}
table.stay-table td ul.mobile-list{
	font-size:0; line-height:0;
}
table.stay-table td ul.mobile-list li{
	font-size:14px;
	line-height:180%;
	display:inline-block;
	vertical-align:top;
}
table.stay-table td ul.mobile-list li::after{
	content:"、";
}
table.stay-table td ul.mobile-list li:last-child::after{
	content:"";
}

.sansou-border-box{
	border:1px solid #999;
	border-radius:5px;
	padding:15px 25px;
}
.sansou-box .sansou-border-box h2{
	font-family:var(--default-font);
	font-size:18px;
	line-height:180%;
	font-weight:600;
	border-left:none;
	padding-left:0px;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px dashed #999;
}
table.sansou-access-table{
	width:100%;
	border-collapse:collapse;
	margin:0;
}
table.sansou-access-table tr:first-child th,
table.sansou-access-table tr:first-child td{
	padding-bottom:20px;
}
table.sansou-access-table th{
	white-space:nowrap;
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:top;
}
table.sansou-access-table th span{
	font-size:14px;
	font-weight:500;
	display:block;
}
table.sansou-access-table td{
	padding:5px 0 5px 10px;
	text-align:left;
	vertical-align:top;
}
table.sansou-access-table td p{margin:0 !important;}
.sansou-box .sansou-border-box h3{
	font-size:16px;
	width:180px;
	float:left;
}
.sansou-box .sansou-border-box .access-right{
	width:740px;
	float:right;
}
.sansou-box ul.route-list{
}
.sansou-box ul.route-list{
	margin:0 0 15px 0;
}
.sansou-box ul.route-list li{
	position:relative;
	padding:0 0 0 115px;
	margin:0 0 10px 0;
}
.sansou-box ul.route-list li span{
	position:absolute;
	top:1px; left:0;
	width:100px;
	font-size:13px;
	line-height:24px;
	font-weight:600;
	text-align:center;
}
.sansou-box ul.route-list li span.season01{background:rgba(81,148,203,0.6);}
.sansou-box ul.route-list li span.season02{background:rgba(120,174,218,0.6);}
.sansou-box ul.route-list li span.season03{background:rgba(255,247,140,1);}
.sansou-box .gmap-box{
	width:100%;
	margin:20px 0 0 0;
}

.sansou-box p.neighborhood-caution{
	font-size:14px;
	line-height:160%;
}
ul.neighborhood-list{
	font-size:0; line-height:0;
}
ul.neighborhood-list li{
	display:inline-block;
	vertical-align:top;
	width:150px;
	font-size:14px;
	line-height:160%;
	margin:0 20px 20px 0;
}
ul.neighborhood-list li:nth-child(6n){margin-right:0;}

li.kinrin-flag01{
	float: left;
	padding: 0 40px 0 60px;
}

li.kinrin-flag01:before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 21px;
	margin: 0 10px 0 0;
	background: url(../../img/hotaka/flag_ryousen.gif) no-repeat;
	background-size: contain;
	vertical-align: bottom;

}

li.kinrin-flag02{
	float: left;
	padding: 0 40px 0 0px;
}

li.kinrin-flag02:before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 21px;
	margin: 0 10px 0 0;
	background: url(../../img/hotaka/flag_tyuuhuku.gif) no-repeat;
	background-size: contain;
	vertical-align: bottom;
}




li.kinrin-flag03{
	//float: right;
	padding: 0 0px 0 0px;
}

li.kinrin-flag03:before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 21px;
	margin: 0 10px 0 0;
	background: url(../../img/hotaka/flag_tyuuhuku.gif) no-repeat;
	background-size: contain;
	vertical-align: bottom;
}

li.kinrin-flag04{
	float: left;
	padding: 20px 0px 0 60px
}

li.kinrin-flag04:before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 21px;
	margin: 0 10px 0 0;
	background: url(../../img/hotaka/flag_ryousen.gif) no-repeat;
	background-size: contain;
	vertical-align: bottom;
}

li.kinrin-flag05{
	float: left;
	padding: 20px 0px 0px 50px;
}

li.kinrin-flag05:before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 21px;
	margin: 0 10px 0 0;
	background: url(../../img/hotaka/flag_tyuuhuku.gif) no-repeat;
	background-size: contain;
	vertical-align: bottom;
}

p.breadcrumb{
	float: left;
	padding: 20px 0 0 40px;
}

.virus2020{
	box-sizing:border-box;
	margin:-30px auto 0 auto;
	border:3px solid #DD0000;
	border-radius:5px;
	padding:25px;
	text-align:center;
}
.virus2020 p strong{
	font-size:17px; line-height:1.6;
	color:#DD0000;
}

/* 山小屋からのお願い
++++++++++++++++++++++++++++++*/
.safety-introduction{
	margin:50px auto 0 auto;
	text-align:center;
}
.safety-introduction p{
	font-family:var(--mincho-font);
	font-size:18px;
	line-height:180%;
	margin:0 auto;
}

.safety,
.stay,
.nature{
	width:780px;
	border-radius:20px;
	margin:100px auto 0 auto;
	padding:0 110px;
	position:relative;
}
.safety{border: 3px solid#1d83d2;}
.stay{border: 3px solid#ff7a2a;}
.nature{border: 3px solid#f59fd3;}

.safety .title{
	width:379px; height:40px;
	margin:-20px auto 20px auto;
}
.stay .title{
	width:454px; height:36px;
	margin:-20px auto 20px auto;
}
.nature .title{
	width:454px; height:41px;
	margin:-20px auto 20px auto;
}
.please-box h2{
	font-size: 18px;
  margin:0 0 10px 0;
}

.safety .illust01,
.safety .illust02,
.safety .illust03,
.safety .illust04{float:right; margin:0 0 20px 20px;}
.safety .illust01{width:95px; height:204px;}
.safety .illust02{width:217px; height:140px;}
.safety .illust03{width:257px; height:141px;}
.safety .illust04{width:151px; height:180px;}

.stay .illust01,
.stay .illust02,
.stay .illust03{float:right; margin:0 0 20px 20px;}
.stay .illust01{width:157px; height:117px;}
.stay .illust02{width:200px; height:88px;}
.stay .illust03{width:100px; height:72px;}

.nature .illust01,
.nature .illust02,
.nature .illust03{float:right; margin:0 0 20px 20px;}
.nature .illust01{width:141px; height:116px;}
.nature .illust02{width:177px; height:117px;}
.nature .illust03{width:208px; height:81px;}

.please-box ul{margin-bottom:40px;}
.please-box ul li{
	position:relative;
	padding:20px 0 20px 20px;
}
.safety ul li{counter-increment:safety;}
.stay ul li{counter-increment:stay;}
.nature ul li{counter-increment:nature;}
.safety ul li:before,
.stay ul li:before,
.nature ul li:before{
	font-size:18px;
	line-height:40px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	display:block;
	width:54px; height:47px;
	margin-left:-45px;
}
.safety ul li:before{
	content:counter(safety);
	background:url(../../img/please/balloon01.gif) no-repeat 0 0;
}
.stay ul li:before{
	content:counter(stay);
	background:url(../../img/please/balloon02.gif) no-repeat 0 0;
}
.nature ul li:before{
	content:counter(nature);
	background:url(../../img/please/balloon03.gif) no-repeat 0 0;
}

.please-box .button-box02{
	width:300px;
	text-align:center;
	background:var(--key-color);
	position:relative;
	margin:10px 0 0 0px;
}
.please-box .button-box02 a{
	display:block;
	text-decoration:none;
	font-size:0.9rem; line-height:1.8; font-weight:600;
	color:#FFF;
	background:var(--key-color);
	padding:0.75em 1.0em;
	position:relative;
}
.please-box .button-box02 a:after{
	content:"";
	width:0.4rem; height:auto;
	aspect-ratio:0.5/1;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background:#fff;
	position:absolute;
	top:50%; right:0;
	transform:translate(-1.2em,-50%);
}
.please-box .button-box02 a:hover{
	background:var(--main-color);
}



/* link
++++++++++++++++++++++++++++++*/
.link{
	margin:60px 0 0 0;
}
.link h2{
	font-size:20px;
	line-height:160%;
	font-family:var(--mincho-font);
	text-align:left;
	border-left:6px solid #767676;
	padding:0 0 0 7px;
	margin:0 0 10px 0;

}
.link ul li{
	list-style:disc outside;
	margin:0 0 15px 25px;
	font-size:14px;
	line-height:180%;
}
.link ul li a{
	font-size:16px;
	line-height:180%;
	font-weight:600;
}



/* 登山時期の持ち物・服装
++++++++++++++++++++++++++++++*/
.season{margin-top:60px;}
.season .season-title{
	margin-bottom:50px;
}
.season .season-title h2{
	font-size:20px;
	line-height:32px;
	font-family:var(--mincho-font);
	text-align:left;
	border-left:6px solid #767676;
	padding:0 0 0 7px;
	margin:0 30px 15px 0;
	display:inline-block;
}

ul.graph-box{
	margin:0;
	display:inline-block !important;
	font-size:0; line-height:0;
}
ul.graph-box li{
	font-size:15px;
	line-height:15px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin-right:20px;
}
ul.graph-box li.graph01:after,
ul.graph-box li.graph02:after,
ul.graph-box li.graph03:after{
	content:"";
	width:80px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:3px;
	margin-left:5px;
}
ul.graph-box li.graph01:after{
	border-top:8px solid #6aa4d3;
}
ul.graph-box li.graph02:after{
	border-top:8px solid #8bbadf;
}
ul.graph-box li.graph03:after{
	border-top:8px solid #fff68d;
}

ul#tab{
	width:100%;
	font-size:0; line-height:0;
	text-align:center;
	position:relative;
	margin-bottom:30px;
}
ul#tab li{
	display:inline-block;
	vertical-align:top;
	width:440px;
	height:42px;
	margin:0 5px;
	cursor:pointer;
	font-size:17px;
	line-height:42px;
	font-weight:600;
	font-family:var(--mincho-font);
	text-align:center;
	background:#F0F0F0;
	border-radius:5px 5px 0 0;
	box-shadow:2px 2px 4px #CCC;
}
ul#tab li:after{
	content:"▼";
	width:24px; height:24px;
	display:inline-block;
	background:#FFF;
	border-radius:100%;
	font-size:12px;
	line-height:24px;
	color:#BBB;
	text-align:center;
	position:relative;
	top:-2px;
	left:10px;
}
ul#tab li.select:after{color:#333;}
ul#tab li:nth-child(1).select{
	background:#FFF78C;
}
ul#tab li:nth-child(2).select{
	background:#78AEDA;
}
ul#tab li:nth-child(1).select:before,
ul#tab li:nth-child(2).select:before{
	content:"";
	width:1000px;
	height:5px;
	position:absolute;
	bottom:-10px; left:0;
	z-index:100;
}
ul#tab li:nth-child(1).select:before{
	border-top:5px solid #FFF78C;
}
ul#tab li:nth-child(2).select:before{
	border-top:5px solid #78AEDA;
}
.disnon{display:none;}

.season01-content-wrap,
.season02-content-wrap{margin-bottom:80px;}
.season01-content-wrap{border-bottom:5px solid #FFF78C;}
.season02-content-wrap{border-bottom:5px solid #78AEDA;}

.season01 h3,
.season02 h3{
	font-size:20px;
	line-height:32px;
	font-family:var(--mincho-font);
	text-align:left;
	padding:0 0 0 7px;
	margin:0 0 25px 0;
}
.season01 h3{border-left:6px solid #FFF78C;}
.season02 h3{border-left:6px solid #5194CB;}

ul.musetsuki-icon{
	font-size:0; line-height:0;
	margin-bottom:25px;
}
ul.musetsuki-icon li{
	width:33%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
ul.musetsuki-icon li .flag{
	width:250px; height:40px;
	margin:0 auto 10px auto;
	font-size:13px;
	line-height:40px;
	color:#FFF;
	text-indent:36px;
	text-align:left;
}
ul.musetsuki-icon li.fumoto .flag{
	background:url(../../img/season/02/icon_smallflag01.gif) no-repeat center center;
}
ul.musetsuki-icon li.chufuku .flag{
	background:url(../../img/season/02/icon_smallflag02.gif) no-repeat left center;
}
ul.musetsuki-icon li.ryosen .flag{
	background:url(../../img/season/02/icon_smallflag03.gif) no-repeat center center;
}
ul.musetsuki-icon li .illust{margin:0 auto 0 auto;}
.season01 ul.musetsuki-icon li .illust{width:92px;}
.season01 ul.musetsuki-icon li.chufuku .illust{width:89px;}
.season02 ul.musetsuki-icon li .illust{width:107px;}
.season02 ul.musetsuki-icon li.fumoto .illust{width:124px;}


.season-content{
	margin:0 auto 25px auto;
  padding:40px 0;
	border-radius:5px;
}
.season-content .illust-box{
	width:240px;
	float:left;
}
.fumoto-content{border:3px solid #398940;}
.chufuku-content{border:3px solid #f3a6c7;}
.ryosen-content{border:3px solid #f0b130;}
.chufuku-ryosen-content{
	border-top:3px solid #f3a6c7;
	border-bottom:3px solid #f3a6c7;
	border-left:3px solid #f0b130;
	border-right:3px solid #f0b130;
}

.fumoto-content .season01-illust img{width:92px; margin:0 auto;}
.chufuku-content .season01-illust img{width:89px; margin:0 auto;}
.ryosen-content .season01-illust img{width:92px; margin:0 auto;}

.fumoto-content .season02-illust img{width:124px; margin:0 auto;}
.chufuku-ryosen-content .season02-illust img{width:107px; margin:0 auto 25px auto;}

.season-content .text-box{
	width:690px;
	float:right;
	margin-right:50px;
}
.season-content .text-box .flag{
	width:300px; height:59px;
	font-size:15px;
	line-height:59px;
	color:#FFF;
	font-weight:bold;
	text-indent:50px;
	margin:0 0 15px -16px;
}
.fumoto-content .text-box .flag{
	background:url(../../img/season/02/icon_flag01.gif) no-repeat left top;
}
.chufuku-content .text-box .flag{
	background:url(../../img/season/02/icon_flag02.gif) no-repeat left top;
}
.ryosen-content .text-box .flag{
	background:url(../../img/season/02/icon_flag03.gif) no-repeat left top;
}

.season-content .text-box .flag-middle,
.season-content .text-box .flag-high{
	width:300px; height:59px;
	font-size:15px;
	line-height:59px;
	color:#FFF;
	font-weight:bold;
	text-indent:50px;
	display:inline-block;
}
.season-content .text-box .flag-middle{
	margin:0 0 15px -16px;
	background:url(../../img/season/02/icon_flag02.gif) no-repeat left top;
}
.season-content .text-box .flag-high{
	margin:0 0 15px 15px;
	background:url(../../img/season/02/icon_flag03.gif) no-repeat left top;
}


.season-content .text-box ul.style-list li{
	margin:0 0 15px 0;
}
.season-content .text-box ul.style-list li:last-child{margin-bottom:0;}
.season-content .text-box ul.style-list li h3{
	position:relative;
	font-size:15px;
	line-height:160%;
	display:inline-block;
}
.season-content .text-box ul.style-list li h3:before{
	content:"";
	width:100%;
	border-top:8px solid #FFFF00;
	position:absolute;
	bottom:4px; left:0;
	z-index:1;
	display:block;
}
.season-content .text-box ul.style-list li h3 span{
	position:relative;
	z-index:10;
	display:block;
}

.kigae-box{
	margin:0 auto 25px auto;
}
.kigae-box h3.kigae-title{
	position:relative;
	font-size:20px;
	line-height:32px;
	font-family:var(--mincho-font);
	text-align:left;
	margin:0 30px 50px 0;
	float:left;
}
.kigae-box h3.kigae-title:before{
	content:"！";
	width:36px; height:36px;
	font-size:18px;
	line-height:38px;
	font-weight:bold;
	background:#FFFF00;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	position:relative;
	top:-4px;
	margin-right:10px;
}
.kigae-box p{padding-top:3px !important;}

.zac-box{
	background:#EEEEEE;
	padding:40px 50px;
	margin-bottom:25px;
}
.zac-box h3.zac-title{
	font-size:20px;
	line-height:32px;
	font-family:var(--mincho-font);
	text-align:left;
	margin:0 0 15px 0;
}
.zac-box ul li h3.circle-text01,
.zac-box ul li h3.circle-text02{
	width:100px; height:100px;
	border-radius:100%;
	background:#88ABDA;
	font-size:17px;
	line-height:100px;
	color:#FFF;
	text-align:center;
	float:left;
	margin-right:20px;
}
.zac-box ul li{
	margin-top:15px;
}

.zac-content{
	background:#FFFAE8;
	padding:40px 50px;
	margin-bottom:25px;
}
.zac-content .zac-illust{
	width:240px;
	float:left;
	text-align:center;
}
.zac-content .zac-illust h3{
	font-size:16px;
	line-height:32px;
	font-family:var(--mincho-font);
	text-align:left;
	margin:0 0 15px 0;
}
.zac-content .zac-illust img{width:156px; margin:0 auto;}
.zac-content .zac-text{
	width:660px;
	float:right;
}
.zac-content .zac-text h4{
	position:relative;
	font-size:15px;
	line-height:160%;
	display:inline-block;
}
.zac-content .zac-text h4:before{
	content:"";
	width:100%;
	border-top:8px solid #FFFF00;
	position:absolute;
	bottom:4px; left:0;
	z-index:1;
	display:block;
}
.zac-content .zac-text h4 span{
	position:relative;
	z-index:10;
	display:block;
}
.zac-content .zac-text p{margin-bottom:10px;}
.zac-content .zac-text p:last-of-type{margin-bottom:0;}

.walking-content h3.walking-title{
	font-size: 20px;
	font-family:var(--mincho-font);
  text-align: left;
	margin: 10px 0 10px 0;
}
.walking-content h3.walking-title:after{
	content:"";
	display:inline-block;
	width:59px;
	height:24px;
	background:url(../../img/season/hokou_titleflag.jpg) no-repeat;
	background-size:contain;
	margin-left:10px;
}

.walking-content ul.walking-item-list{
	font-size:0; line-height:0;
	margin-bottom:25px;
}
.walking-content ul.walking-item-list li{
	width:296px;
	height:180px;
	margin:0 11px 11px 0;
	padding:15px;
	background:#fef8e2;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
.walking-content ul.walking-item-list li:nth-child(7){width:633px;}
.walking-content ul.walking-item-list li:nth-child(3n),
.walking-content ul.walking-item-list li:last-child{margin-right:0;}
.walking-content ul.walking-item-list li h3{
	font-size:15px;
	line-height:160%;
}
.walking-content ul.walking-item-list li h3:after{
	content:"";
	display:inline-block;
	width:40px;
	height:14px;
	background: url(../../img/season/hokou_flag.jpg) no-repeat right center;
	background-size:auto 14px;
}
.walking-content ul.walking-item-list li p{
	font-size:14px;
	line-height:160%;
}

.baggage-box{
	border:1px solid #000;
	padding:45px 60px;
	text-align:center;
}
.baggage-box .baggage-title{
	margin-bottom:25px;
}
.baggage-box h2.check-title{
	margin:0 auto 5px auto;
	font-size:20px;
	font-weight:bold;
	font-family:var(--mincho-font);
	border-bottom:3px dotted #000000;
	width:360px;
	position:relative;
}
.baggage-box h2.check-title:before{
	content:"";
	width:34px; height:34px;
	background:url(../../img/season/pin.png) no-repeat center center;
	position:absolute;
	top:-60px;
	left:50%;
	margin-left:-17px;
}
.baggage-box h2.check-title:after{
	content:"";
	position:absolute;
	display:block;
	width:10px;
	height:18px;
	top:8px;
	right:60px;
	border:solid 3px #f15a24;
	border-left:0;
	border-top:0;
	transform:translateY(-50%) rotate(45deg);
}

.baggage-left{
	width:395px;
	float:left;
}
.baggage-right{
	width:395px;
	float:right;
}
.baggage-box .baggage-list ul li{
	text-align:left;
	margin-bottom:25px;
}
.baggage-box .baggage-list ul li:last-child{margin-bottom:0;}
.baggage-box .baggage-list ul li h3{
	font-size:15px;
	line-height:16px;
	margin-bottom:5px;
	position:relative;
}
.baggage-box .baggage-list ul li h3:before{
	content:"";
	width:15px;
	height:15px;
	border:1px solid #333;
	display:inline-block;
	position:absolute;
	margin-left:-24px;
}
.baggage-box .baggage-list ul li p{
	font-size:14px;
	line-height:160%;
}



/* 山域別山小屋紹介
++++++++++++++++++++++++++++++*/
.lodge{
	width:1000px;
	margin:0px auto 30px auto;
}

.lodge #map-box{
	width:1000px !important;
	height:480px !important;
	position:relative;
	margin:0 auto 80px auto !important;
}
.lodge #map-box h2{
	border-bottom:3px solid #B66919;
	margin-bottom:0px;
	padding-left:42px;
	font-size:20px;
	line-height:140%;
	font-weight:600;
	background:url(../../img/lodge/icon_lodge.gif) no-repeat left 5px bottom;
	background-size:auto 26px;
	text-align:left;
}
.lodge #map-box #map{
	width:1000px;
	height:480px;
}
.lodge #lodge-list-box{
	display:none;
//	width:560px;
//	float:right;
}
.lodge ul#gmap_list{
	font-size:0; line-height:0;
	margin-bottom:50px;
}
.lodge ul#gmap_list li{
	width:200px;
	display:inline-block;
	vertical-align:top;
	font-size:15px;
	line-height:160%;
	border-right:1px dashed #999;
	border-bottom:1px dashed #999;
}
.lodge ul#gmap_list li:nth-child(even){
	border-right:none;
	padding-left:19px;
}
.lodge ul#gmap_list li .gmap_image{
	width:100px;
}

.lodge #map-box .gmap_coord{display:none;}
.lodge ul#gmap_list li .gmap_coord{display:none;}

.gmap_block{
	width:300px;
	font-size:0; line-height:0;
}
.gmap_block .gmap_image{
	width:100px;
	float:left;
	margin:0px 15px 0 0;
}
.gmap_block .gmap_title{
	font-size:16px;
	line-height:160%;
	font-weight:bold;
	margin:5px 0 5px 0;
}
.gmap_block .gmap_info{
	font-size:14px;
	line-height:160%;
}

.course-time-box{
	text-align:left;
}
.course-time-box h3.title-course-time{
	margin-bottom:12px;
	font-size:20px;
	line-height:150%;
	font-weight:500;
	padding-left:36px;
	border-bottom:2px solid #944243;
	background:url(../../img/lodge/icon_trail.png) no-repeat left 5px bottom 2px;
	background-size:auto 24px;
}
ul.course-time-list{
	font-size:0; line-height:0;
	margin:20px auto;
}
ul.course-time-list li{
	width:682px;
//	display:inline-block;
//	vertical-align:top;
//	margin:0 20px 20px 0;
	margin:0 auto 25px auto;
}
ul.course-time-list li h4{
	font-size:15px;
	line-height:160%;
	margin-bottom:5px;
}


.lodge-wrapper{
	width:100%;
	padding:50px 0 30px 0;
	text-align:center;
}
.wrapper-gray{
	background:rgba(36,114,175,0.05);
	background:#F9F9F9;
}
.lodge-area-box{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
.lodge-area-box h2{
	border-bottom:3px solid #628ac7;
	margin-bottom:15px;
	padding-left:48px;
	font-size:20px;
	line-height:140%;
	font-weight:600;
	background:url(../../img/lodge/icon_mountain.png) no-repeat left bottom;
}

.area-info{
	display:flex;
	justify-content:space-between;
	margin:0 auto 30px auto;
}
.area-info .area-image{
	width:420px;
	margin-right:30px;
}
.area-info .area-text{
	flex:1;
}
.area-info .area-text h3{
	font-family:var(--mincho-font);
	font-size:22px;
	line-height:160%;
	margin-bottom:10px;
}
.area-info .area-text .button-box{
	width:100%;
	text-align:center;
	background:var(--key-color);
	position:relative;
	margin-top:1.5rem;
}
.area-info .area-text .button-box a{
	display:block;
	text-decoration:none;
	font-size:0.9rem; line-height:1.8; font-weight:600;
	color:#FFF;
	background:var(--key-color);
	padding:0.75em 1.0em;
	position:relative;
}
.area-info .area-text .button-box a::after{
	content:"";
	width:0.4rem; height:auto;
	aspect-ratio:0.5/1;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background:#fff;
	position:absolute;
	top:50%; right:0;
	transform:translate(-1.2em,-50%);
}
.area-info .area-text .button-box a:hover{
	background:var(--main-color);
}

.area-lodge-box h3{
	font-size:18px;
	line-height:160%;
	font-weight:500;
	margin-bottom:10px;
}
.area-lodge-box h3::before{
	content:"";
	width:30px; height:30px;
	background:url(../../img/lodge/icon_lodge_white.png) no-repeat center center #b56a09;
	background-size:18px auto;
	border-radius:100%;
	display:inline-block;
	margin-right:8px;
	position:relative;
	top:7px;
}
ul.lodge-area-list{
	font-size:0; line-height:0;
}
ul.lodge-area-list li{
	width:232px;
	display:inline-block;
	vertical-align:top;
	margin:0 24px 20px 0;
//	background:#F3F3F3;
	position:relative;
}
ul.lodge-area-list li:nth-child(4n){margin-right:0;}
ul.lodge-area-list li .tag-height01,
ul.lodge-area-list li .tag-height02,
ul.lodge-area-list li .tag-height03{
	font-size:12px;
	line-height:20px;
	color:#FFF;
	position:absolute;
	top:0px; left:-5px;
	z-index:10;
	padding:0 1em;
}
ul.lodge-area-list li .tag-height01{background:#3C8843;}
ul.lodge-area-list li .tag-height02{background:#e5a0bd;}
ul.lodge-area-list li .tag-height03{background:#e2a542;}
ul.lodge-area-list li .thumbnail{
	height:140px;
	overflow:hidden;
}
ul.lodge-area-list li .text-box{
	padding:5px 0;
	text-align:center;
	font-size:14px;
	line-height:160%;
}

ul.lodge-list{
	font-size:0; line-height:0;
}
ul.lodge-list li{
	width:316px;
	display:inline-block;
	vertical-align:top;
	margin:0 26px 26px 0;
//	background:#F3F3F3;
	position:relative;
}
ul.lodge-list li:nth-child(3n){margin-right:0;}
ul.lodge-list li .tag-height01,
ul.lodge-list li .tag-height02,
ul.lodge-list li .tag-height03{
	font-size:13px;
	line-height:28px;
	color:#FFF;
	position:absolute;
	top:0px; left:-5px;
	z-index:10;
	padding:0 24px 0 40px;
	transform:rotate(-2deg);
	background-repeat:no-repeat;
	background-position:left 10px center;
	background-size:22px auto;
}
ul.lodge-list li .tag-height01{
	background-image:url(../../img/lodge/icon_height01.png);
	background-color:#3C8843;
}
ul.lodge-list li .tag-height02{
	background-image:url(../../img/lodge/icon_height02.png);
	background-color:#e5a0bd;
}
ul.lodge-list li .tag-height03{
	background-image:url(../../img/lodge/icon_height03.png);
	background-color:#e2a542;
}
ul.lodge-list li .thumbnail{
	width:100%; height:200px;
	position:relative;
	overflow:hidden;
}
ul.lodge-list li .thumbnail img{
	position:absolute;
	top:50%; left:0;
	transform:translateY(-50%);
}
ul.lodge-list li .text-box{
	padding:5px 0;
	text-align:left;
	font-size:16px;
	line-height:160%;
}

ul.viewspot-list{
	font-size:0; line-height:0;
}
ul.viewspot-list li{
	width:316px;
	display:inline-block;
	vertical-align:top;
	margin:0 26px 26px 0;
}
ul.viewspot-list li:nth-child(3n){margin-right:0;}
ul.viewspot-list li .thumbnail{
}
ul.viewspot-list li .text-box{
	padding:5px 0;
	text-align:left;
	font-size:14px;
	line-height:160%;
}
ul.viewspot-list li .text-box h3{
	font-size:16px;
	line-height:160%;
	font-weight:600;
	margin-bottom:5px;
}

.area-trail-box{
	border:1px solid #999;
	border-radius:5px;
	padding:20px 25px;
}
.area-trail-box h3.title-trail{
	margin-bottom:12px;
	font-size:20px;
	line-height:150%;
	font-weight:500;
	padding-left:36px;
	border-bottom:2px solid #944243;
	background:url(../../img/lodge/icon_trail.png) no-repeat left 5px bottom 2px;
	background-size:auto 24px;
}
.area-trail-box ul{
	font-size:0; line-height:0;
}
.area-trail-box ul li{
	font-size:16px;
	line-height:160%;
	display:inline-block;
	vertical-align:top;
//	margin:0 1em 0 0;
}
.area-trail-box ul li::after{
	content:"、";
}
.area-trail-box ul li:last-child::after{
	content:"";
}

/* 2020 GW */
.caution-2020gw{
	box-sizing:border-box;
	width:1000px;
	margin:0 auto 30px auto;
	padding:20px 25px;
	border:2px solid #DD0000;
	background:#FFF;
	font-size:16px; line-height:160%;
}
.caution-2020gw a{
	color:#222;
}
.caution-2020gw a:hover{
	text-decoration:underline;
}
.caution-2020gw h2{
	font-size:20px; line-height:160%;
	color:#DD0000;
	margin:0 auto 5px auto;
}
.caution-2020gw p{
	margin-bottom:15px;
}
.caution-2020gw p:last-of-type{
	margin-bottom:0px;
}

.caution2020-02{
	box-sizing:border-box;
	width:1000px;
	margin:0 auto 30px auto;
	padding:20px 25px;
	background:#FFF;
	font-size:16px; line-height:160%;
}
.caution2020-02 p{margin-bottom:10px;}
.caution2020-02 ul li{
	margin-bottom:10px;
}
.caution2020-02 ul li:last-child{
	margin-bottom:0px;
}

/* 2020 信大アンケート */
.research2020{
	box-sizing:border-box;
	width:1000px;
	margin:0 auto 30px auto;
	padding:20px 25px;
	border:2px solid #336600;
	background:#FFF;
	font-size:16px; line-height:160%;
}
.research2020 h2{
	font-size:20px; line-height:160%;
	color:#336600;
	margin:0 auto 5px auto;
}
.research2020 p{
	margin-bottom:15px;
}
.research2020 p:last-of-type{
	margin-bottom:0px;
}
.research2020 p strong{
	font-size:110%; line-height:1.8;
}
.research2020 .qr-code{
	width:135px; height:auto;
	margin:0 auto;
}
.research2020 ul.disc-list{
	width:500px;
	margin:0 auto;
	text-align:left;
}
.research2020 ul.disc-list li{
	font-size:15px; line-height:1.8;
}

.index-caution{
  box-sizing:border-box;
  width:1000px;
  margin:0 auto 30px;
  padding:20px 35px 25px;
  background:#fff;
  font-size:1.05em; line-height:1.8;
  border:2px solid var(--main-color);
}
.index-caution h2{
  font-size:1.4em; line-height:1.8;
  color:var(--main-color);
  margin-bottom:0.25em;
}
.index-caution p:not(:last-of-type){
  margin-bottom:1.0em;
}
.index-caution .button-box{
	width:300px; height:38px;
	text-align:center;
  margin:0 auto 1.1em;
	position:relative;
}
.index-caution .button-box:after{
	content:"";
  border-left:0.35em solid #fff;
  border-top:0.35em solid transparent;
  border-bottom:0.35em solid transparent;
	position:absolute;
	top:50%; right:1.0em;
	transform:translateY(-50%);
}
.index-caution .button-box a{
	text-decoration:none;
	display:block;
  font-size:0.90em; line-height:38px;
	color:#FFF;
	background:var(--key-color);
  transition:0.2s;
}
.index-caution .button-box a:hover{
	background:var(--main-color);
  transition:0.2s;
}

.index-caution.donation{
  border-color:#1E5C14;
}
.index-caution.donation h2{
  color:#1E5C14;
}
.index-caution.donation .button-box a{
  background:rgba(30,92,20,0.75);
}
.index-caution.donation .button-box a:hover{
  background:rgba(30,92,20,1);
}

/* 北アルプストレイルプログラム */
.donation-box{
	box-sizing:border-box;
	width:1000px;
	margin:0 auto 30px auto;
	padding:20px 35px;
	border:2px solid #1E5C14;
	background:#FFF;
	font-size:16px; line-height:160%;
}
.donation-box h2{
	font-size:21px; line-height:160%;
	color:#1E5C14;
	margin:0 auto 5px auto;
}
.donation-box p:not(:last-child){
	margin-bottom:15px;
}
.donation-box a{
	display:block;
	width:86%;
	margin:0 auto;
}

.job-story-introduction{
	margin:5.0rem 0;
	text-align:center;
}
.job-story{
	display:flex;
	flex-direction:column;
	gap:2.0rem;
}
.story-container{
	box-sizing:border-box;
	width:100%;
	border:3px solid var(--main-color);
	border-radius:1.0rem;
	padding:2.0rem 2.5rem 2.5rem;
}
.story-container > .story-header{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	border-bottom:1px solid var(--main-color);
	padding-bottom:0.5rem;
	margin-bottom:2.0rem;
}
.story-container > .story-header > h2{
	font-size:1.4rem; line-height:1.8; font-weight:500;
}
.story-container > .story-header > .parttime-data{
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:0em;
	font-size:0.9rem; line-height:1.8; font-weight:400;
}
.parttime-data > ul.job-data{
	display:flex;
	gap:1.5em;
}
.parttime-data > ul.job-data > li > span{
	font-size:0.9em;
}
.parttime-data > ul.job-data a{
	font-weight:bold;
}
.story-container > .story-box{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:1.5rem;
	margin-bottom:2.0rem;
}
.story-container > .story-box:last-of-type{
	margin-bottom:0;
}
.story-container > .story-box > figure{
	width:34%; height:auto;
	overflow:hidden;
}
.story-container > .story-box > .text-box{
	flex:1;
}
.story-container .button-lodge{
	display:flex;
	justify-content:flex-end;
}
.story-container .button-lodge a{
	display:block;
	text-decoration:none;
	font-size:0.9rem; line-height:1.8; font-weight:600;
	color:#FFF;
	background:var(--main-color);
	border-radius:9999px;
	padding:0.75em 4.0em;
	position:relative;
}
.story-container .button-lodge a::after{
	content:"";
	width:0.4rem; height:auto;
	aspect-ratio:0.5/1;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background:#fff;
	position:absolute;
	top:50%; right:0;
	transform:translate(-1.2em,-50%);
}
.story-container .button-lodge a:hover{
	background:var(--key-color);
}

.job-story-introduction div.button-box{
	width:300px;
	text-align:center;
	margin:1.5rem auto 0;
	position:relative;
}
.job-story-introduction div.button-box a{
	display:block;
	text-decoration:none;
	font-size:0.9rem; line-height:1.8; font-weight:600;
	color:#FFF;
	background:var(--key-color);
	padding:0.75em 1.0em;
	position:relative;
}
.job-story-introduction div.button-box a::after{
	content:"";
	width:0.4rem; height:auto;
	aspect-ratio:0.5/1;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	background:#fff;
	position:absolute;
	top:50%; right:0;
	transform:translate(-1.2em,-50%);
}
.job-story-introduction div.button-box a:hover{
	background:var(--main-color);
}