@charset "utf-8";

/*####################################################


SP、PC向け：共通のレイアウト設定


####################################################*/

.l-header__systemNav { z-index:5; }


/*=============================================

領域分け

=============================================*/

.specialcontents_summer {
  font-size: 160%;
  line-height: 180%;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}

.specialcontents_summer p,
.specialcontents_summer li,
.specialcontents_summer dt,
.specialcontents_summer dd {
  font-size: 100%;
}

.specialcontents_summer img {
  vertical-align: top;
}

.specialcontents_summer strong {
  font-weight: 800;
}

.specialcontents_summer .tx_center {
  text-align: center;
}


/*エリアサイズの基本*/

.specialcontents_summer .fv {
  position: relative;
  padding-bottom: 130px;
  width: 100%;
  height: 500px;
  background-color: #b1d131;
}


.specialcontents_summer .contents {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}

.specialcontents_summer2 .c01 .contents {
  width: 100%;
  max-width: 1100px;
}

a:hover img {
  opacity: 1;
}


/*=============================================

共通素材

=============================================*/

.specialcontents_summer .small {
	font-size: 60%;
	line-height: 180%;
}

.specialcontents_summer .small_text {
	font-size: 67%;
}
.specialcontents_summer .small2 {
	font-size: 90%;
}

.flexbox {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

.flexbox.nmgn {
	margin-bottom:30px;
}

.flexbox.mgn {
	margin-bottom:60px;
}





/*ボックスリンク*/

a.boxlink {
	margin: 0;
	padding: 14px 20px 14px 20px;
	background-color: #397a2e;
	background: linear-gradient(180deg, #65cd54 0%, #397a2e 100%);
	border: 4px solid #ffffff;
	color: #ffffff;
	font-size: 100%;
	line-height: 280%;
	font-weight: bold !important;
	border-radius: 10px;
	box-shadow: 0 1px 6px 0 #a2a5a0;
}

a.boxlink:hover {
	background-color: #4d9142;
}


/*こちらボタン*/

.here_button {
  margin: 0;
  padding: 30px 80px;
  background-color: #ff0000;
  color: #ffffff;
  font-size: 140%;
  line-height: 280%;
  font-weight: bold !important;
  border-radius: 40px;
  box-shadow: 0 1px 6px 0 #a2a5a0;
}


/*説明枠*/

.photo_block .text_box {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 1px 6px 0 #e1dbdb;
  border-radius: 10px;
  margin: -20px 10px 10px 10px;
  padding: 10px;
}


.photo_block h3 {
  position: relative;
  margin: 10px 0 10px -20px;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 120%;
  border-radius: 10px;
  background-color: #e6d0bf;
}

.photo_block p {
  font-size: 95%;
  margin: 0 10px 10px 10px;
}

.photo_block .photo {
  display: block;
  position: relative;
}

.photo_block .photo img {
  border-radius: 10px;
}


/*外部施設の説明枠*/

.note {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 1px 6px 0 #e1dbdb;
  border-radius: 10px;
  margin: 0 10px 50px 10px;
  padding: 30px;
}

.note::after {
  content: "";
  display: block;
  clear: both;
}

.note {
  zoom: 1;
}



.note.block2 {
  grid-template-columns: repeat(2, 1fr);
}

.note h4 {
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  background: url(../img/common/dot.png) bottom center repeat-x;
  background-size: 7px;
  font-weight: bold;
  text-align: center;
  font-size: 140%;
  color: #b9121b;
}

/*マージン*/

.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }

.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }


h1.in,h2.in,h3.in { margin-top: 1.5em !important; }
h4.in,h5.in { margin-top:20px !important; }

.textshadow {
	text-shadow:
#ffffff 2px 0px,  #ffffff -2px 0px,
#ffffff 0px -2px, #ffffff 0px 2px,
#ffffff 2px 2px , #ffffff -2px 2px,
#ffffff 2px -2px, #ffffff -2px -2px,
#ffffff 1px 2px,  #ffffff -1px 2px,
#ffffff 1px -2px, #ffffff -1px -2px,
#ffffff 2px 1px,  #ffffff -2px 1px,
#ffffff 2px -1px, #ffffff -2px -1px;
}

/*フロート解除*/

.clearbox::after {
	content: "";
	display: block;
	clear: both;
}
.clearbox {
	zoom: 1;
}

/*色*/
.tx_red {
  color: #ff3300;
}


/*ライオンロゴ*/

.hakuba_lion {
  background: url(../img/common/Hakuba-Lion2.png) center center no-repeat;
  background-size: 100%;
  border: 2px solid #ffffff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

/*おたりロゴ*/

.otari {
  background: url(../img/common/otari.png) center center no-repeat;
  background-size: 100%;
  background-color: #ffffff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

/**/

.yama_kawa {
  background: url(../img/common/yama-kawa.png) center center no-repeat;
  background-size: 100%;
  border: 2px solid #FFFFFF;
  background-color: #5f9900;
  border-radius: 50%;
  width: 70px;
  height: 70px;
}




/*以上*/