@charset "utf-8";
/* CSS Information========

Table of Contents:
 * info
 
========================== */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
a,
button {
  cursor: revert;
}
a:link {
  text-decoration: none;
}
a:hover {
  opacity: 0.75;
}
.pc_none {
  display: none;
}
.sp_none {
  display: block;
}
.goshiki_on {
  display: block;
}
.niji_on {
  display: none;
}

/*main_visual*/
.mainvisual_title_header {
  line-height: 1.35;
}
.mainvisual_title_header span {
  font-size: 60%;
  display: block;
  letter-spacing: 0.1em;
  margin-top: 6px;
}
/* =======================
		page_image
========================== */
.autumn_box_001 h4 {
  display: none;
}
.header_box {
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  background-color: #fff;
  height: 123px;
}
.header_box header {
  width: 1230px;
}
/* =======================
		start
========================== */
#lakeresort_contents #start {
  background-size: cover;
  text-align: center;
  position: relative;
  background-image: url(/niji/autumn/image/common/ttl_bg_001.png);
  background-repeat: no-repeat;
  background-position: top;
  min-height: 90vh;
}
#lakeresort_contents #start h2 {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  position: absolute;
  display: none;
}
#lakeresort_contents h3 {
  text-align: center;
  padding: 40px 0;
  font-size: 3.2rem;
}
/*======================================
	　　　　cate_navi
=======================================*/
#lakeresort_contents #navi {
  width: 1100px;
  margin: 0 auto;
  padding: 30px 0 50px;
}
#lakeresort_contents #navi p {
  text-align: center;
  font-size: 3.2rem;
}
#lakeresort_contents #navi p a {
  color: #000;
}
#lakeresort_contents #navi p.enjoy_hotel {
  margin-top: 30px;
}
#lakeresort_contents #cate_navi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
#lakeresort_contents #cate_navi li {
  margin: 10px 0;
  padding: 0 10px;
  border-left: #adadad solid 1px;
  line-height: 1.4;
  width: 20%;
  text-align: center;
  display: grid;
  align-items: center;
}
#lakeresort_contents #cate_navi li:nth-child(5n) {
  border-right: #adadad solid 1px;
}
#lakeresort_contents #cate_navi li:last-child {
  border-right: #adadad solid 1px;
}
#lakeresort_contents #cate_navi li a {
  display: block;
  -webkit-transition: 0s ease-in-out;
  -moz-transition: 0s ease-in-out;
  -o-transition: 0s ease-in-out;
  transition: 0s ease-in-out;
  color: #e1791d;
  font-size: 1.8rem;
  font-weight: bold;
}
#lakeresort_contents #cate_navi li a::first-line {
  color: #595959;
  font-size: 1.3rem;
  font-weight: bold;
}
/* #lakeresort_contents #cate_navi li a:hover {
  background-image: url(/autumn/img/240930/momiji.png);
  background-repeat: no-repeat;
} */
/*======================================
	　　　　map
=======================================*/
#lakeresort_contents #map {
  background-color: #f7c191;
  padding: 40px 0;
}
#lakeresort_contents #map .autumn_map iframe {
  width: 1100px;
  height: 600px;
  margin: 0 auto;
  display: block;
}

/* =======================
		autumn_box_001
========================== */
#lakeresort_contents .autumn_box_001 {
  padding: 20px 0;
  background-size: cover;
  background-image: url(/autumn/image/common/back_img_001.webp);
  background-repeat: no-repeat;
  background-position: top;
}
#lakeresort_contents .autumn_box_001.autumn_box_002 {
  background-image: url(/autumn/image/common/back_img_002.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_003 {
  background-image: url(/autumn/image/common/back_img_001.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_004 {
  background-image: url(/autumn/image/common/back_img_002.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_005 {
  background-image: url(/autumn/image/common/back_img_001.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_006 {
  background-image: url(/autumn/image/common/back_img_002.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_007 {
  background-image: url(/autumn/image/common/back_img_001.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_008 {
  background-image: url(/autumn/image/common/back_img_002.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_009 {
  background-image: url(/autumn/image/common/back_img_001.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_010 {
  background-image: url(/autumn/image/common/back_img_002.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_011 {
  background-image: url(/autumn/image/common/back_img_001.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_012 {
  background-image: url(/autumn/image/common/back_img_002.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_013 {
  background-image: url(/autumn/image/common/back_img_001.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_014 {
  background-image: url(/autumn/image/common/back_img_002.webp);
}
#lakeresort_contents .autumn_box_001.autumn_box_015 {
  background-image: url(/autumn/image/common/back_img_001.webp);
}
#lakeresort_contents .autumn_box_001 .box {
  width: 1100px;
  display: block;
  margin: 0 auto;
  padding: 3%;
  background-color: rgba(255, 255, 255);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
#lakeresort_contents .autumn_box_001 .box .h4_img {
  width: 46%;
}
.spot_no {
  display: block;
  color: #e1791d;
  font-weight: bold;
  font-size: 1.7rem;
}
#container #lakeresort_contents .box .h4_img .autumn_title {
  font-size: 4rem;
  line-height: 1.3;
}
#container #lakeresort_contents .box .h4_img .autumn_title {
  font-size: 3.3rem;
}
#container #lakeresort_contents .box .h4_img .autumn_title span {
  font-size: 2rem;
}
#container #lakeresort_contents .box .h4_img .autumn_title span:first-child {
  line-height: 1.8;
}
#container #lakeresort_contents .box .h4_img .autumn_title .kana {
  font-size: 1.7rem;
  display: block;
  line-height: 2;
}
#container #lakeresort_contents .box .autumn_img {
  width: 52%;
}
.secondary_photo {
  margin-bottom: 0;
}
#container #lakeresort_contents .box .autumn_img .sub_text {
  margin: 5px 0;
  text-align: right;
  font-size: 1.1rem;
  display: block;
}

#container #lakeresort_contents .box .text_box {
  width: 46%;
}

#container #lakeresort_contents .box .text_box .text {
  color: #000;
}
#container #lakeresort_contents .box .text_box .autumn_list {
  line-height: 1.8;
  color: #000;
}
#container #lakeresort_contents .box .text_box .text,
#container #lakeresort_contents .box .text_box .autumn_list dt,
#container #lakeresort_contents .box .text_box .autumn_list dd {
  font-size: 1.5rem;
  line-height: 1.8;
}
#container #lakeresort_contents .box .text_box .btn_a_box {
  width: 100%;
}
#container #lakeresort_contents .box .text_box .btn_a_box a .btn_a {
  background-color: #ea9040;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url(img/common/yazi.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 3%;
  display: block;
  margin-top: 3%;
  width: 100%;
}
#container #lakeresort_contents .box .text_box .btn_a_box a .btn_a span {
  display: block;
  color: #fff;
  padding: 10px 0;
  margin: 0 auto;
  text-decoration: none;
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
}

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

	autumn_box_013
		
========================== */
#lakeresort_contents .autumn_box_016 {
  padding: 99px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
#lakeresort_contents .autumn_box_016.goshiki_on {
  background-image: url(/autumn/image/common/back_img_012.webp);
}
#lakeresort_contents .autumn_box_016.niji_on {
  background-image: url(/niji/autumn/image/common/back_img_012.webp);
}
#lakeresort_contents .autumn_box_016 .box {
  width: 960px;
  display: block;
  margin: 0 auto;
}
#lakeresort_contents .autumn_box_016 .box .h4_img {
  width: 39%;
  display: block;
  margin: 0 auto;
}
#lakeresort_contents .autumn_box_016 .box .btn_a_box {
  width: 315px;
  margin: 0 auto;
}
#lakeresort_contents .autumn_box_016 .box .btn_a_box a .btn_a {
  background-color: #ea9040;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url(../img/common/yazi.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 3%;
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
  display: block;
  margin-top: 20px;
  width: 100%;
}
#lakeresort_contents .autumn_box_016 .box .btn_a_box a .btn_a span {
  display: block;
  color: #fff;
  padding: 10px 0;
  margin: 0 auto;
  text-decoration: none;
  text-align: center;
  font-size: 1.8rem;
  width: 72%;
}
.thumbnail_img img {
  width: 100%;
}
.plan_link_title {
  text-align: center;
  line-height: 1.5;
  padding: 0 4px;
  text-shadow: 3px 3px 4px rgba(255, 255, 255, 1), -3px -3px 4px rgba(255, 255, 255, 1), -2px 2px 4px rgba(255, 255, 255, 1), 2px -2px 4px rgba(255, 255, 255, 1), 3px 3px 4px rgba(255, 255, 255, 1),
    -3px -3px 4px rgba(255, 255, 255, 1), -2px 2px 4px rgba(255, 255, 255, 1), 2px -2px 4px rgba(255, 255, 255, 1), 3px 3px 4px rgba(255, 255, 255, 1), -3px -3px 4px rgba(255, 255, 255, 1),
    -2px 2px 4px rgba(255, 255, 255, 1), 2px -2px 4px rgba(255, 255, 255, 1);
  font-size: 220%;
}
@media screen and (max-width: 1500px) {
  .goshiki_on {
    display: none;
  }
  .niji_on {
    display: block;
  }
  #lakeresort_contents #cate_navi li {
    width: 25%;
  }
  #lakeresort_contents #cate_navi li:nth-child(4n) {
    border-right: #adadad solid 1px;
  }
  #lakeresort_contents #cate_navi li:nth-child(5n) {
    border-right: none;
  }
  #lakeresort_contents #cate_navi li a {
    font-size: 1.5rem;
  }
}
/*タブレット*/
@media screen and (max-width: 1024px) {
  #nav-toggle {
    box-sizing: content-box;
  }
  #bnr_area,
  #r_bnr_area {
    width: 97%;
    margin: 0 auto 40px auto;
  }
  .goshiki_on {
    display: none;
  }
  .niji_on {
    display: block;
  }
  /* =======================
		nav
========================== */
  nav .tel span {
    font-size: 1.8rem;
  }
  nav .tel {
    top: 79px;
    right: -27px;
  }

  /* =======================
		.autumn_map iframe
========================== */
  #lakeresort_contents #map .autumn_map iframe {
    width: 90%;
    height: 400px;
  }
  /*======================================
　　　　cate_navi
=======================================*/
  #lakeresort_contents #navi {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
  }

  /* =======================
		autumn_box_001
========================== */
  #lakeresort_contents .autumn_box_001 .box {
    width: 90%;
    padding: 3%;
  }
  #lakeresort_contents .autumn_box_001 .box .h4_img {
    width: 100%;
    float: left;
  }
  #container #lakeresort_contents .box .autumn_img {
    width: 100%;
    margin-bottom: 20px;
  }
  #container #lakeresort_contents .box .text_box {
    width: 100%;
  }
  /* =======================
	autumn_box_013
========================== */
  #lakeresort_contents .autumn_box_016 {
    padding: 60px 0;
  }
  #lakeresort_contents .autumn_box_016 .box {
    width: 97%;
  }
  #lakeresort_contents .autumn_box_016 .box .btn_a_box a .btn_a {
    width: 100%;
  }
  #lakeresort_contents .autumn_box_016 .box .btn_a_box a .btn_a span {
    font-size: 1.8rem;
  }
}

/*スマートフォン*/
@media screen and (max-width: 750px) {
  .page_image {
    margin-bottom: 10px;
  }
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
  .goshiki_on {
    display: block;
  }
  .niji_on {
    display: none;
  }
  /* =======================
		container
========================== */
  .search {
    margin-bottom: 5px;
  }
  #lakeresort_contents #start {
    height: 320px;
  }
  #lakeresort_contents #navi {
    display: none;
  }
  /* =======================
		bnr_area
========================== */
  #bnr_area,
  #r_bnr_area {
    width: 95%;
    margin: 0 auto 60px;
  }

  /* =======================
		#acMenu
========================== */
  #lakeresort_contents #acMenu dt {
    display: block;
    margin: 3%;
    font-weight: normal;
    text-align: left;
    color: #fff;
    padding: 17px 25px;
    text-decoration: none;
    background-color: #e7a248;
    position: relative;
    cursor: pointer;
    font-size: 1.5rem;
  }
  #lakeresort_contents #acMenu dt:after {
    position: absolute;
    content: url(/autumn/image/common/icon_list_open.gif);
    transform: scale(0.3);
    top: -40%;
    right: -20px;
  }
  #lakeresort_contents #acMenu dd {
    display: none;
  }
  #lakeresort_contents .box_points {
    margin: 0 auto;
    width: 92%;
    background: #fff;
    padding-top: 0;
    text-align: center;
    border: 1px solid #fff;
    border-left: 0;
    border-right: 0;
    padding: 0 0 30px;
  }
  #lakeresort_contents .box_points li,
  #lakeresort_contents .box_points li.point04,
  #lakeresort_contents .box_points li.point05 {
    float: none;
    width: 100%;
    margin: 0;
  }
  #lakeresort_contents .box_points li a {
    width: 92%;
    background: none;
    text-indent: 0;
    text-align: left;
    height: auto;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    padding: 1em;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5rem;
  }
  lakeresort_contents .box_points li a:after {
    position: absolute;
    content: ">";
    font-size: 20px;
    top: 50%;
    margin-top: -10px;
    right: 10px;
  }
  #lakeresort_contents .box_points li.enjoy_drive a,
  #lakeresort_contents .box_points li.enjoy_hotel a {
    text-align: center;
    font-weight: bold;
  }
  #lakeresort_contents .box_points li.enjoy_hotel a {
    padding: 2em 2em 1em 2em;
  }
  /* =======================
		.map_img
========================== */
  #lakeresort_contents #map .map_img {
    margin: 0 auto;
    padding: 4%;
  }
  #lakeresort_contents .swiper {
    width: 100%;
  }
  /* =======================
	autumn_box_001
========================== */
  #container #lakeresort_contents .box .text_box .btn_a_box a {
    display: block;
  }
  #container #lakeresort_contents .autumn_box_001 .box .h4_img {
    width: 100%;
  }
  #container #lakeresort_contents .box .h4_img .autumn_title {
    font-size: 2.8rem;
    text-align: center;
  }
  #container #lakeresort_contents .box .h4_img .autumn_title span {
    font-size: 1.8rem;
  }
  #container #lakeresort_contents .box .h4_img .autumn_title .kana {
    font-size: 1.5rem;
  }
  #container #lakeresort_contents .box .autumn_img {
    width: 100%;
    margin-bottom: 20px;
  }
  #container #lakeresort_contents .box .text_box {
    width: 100%;
    padding: 0 15px 10px;
    box-sizing: border-box;
    font-size: 1.5rem;
  }
  #container #lakeresort_contents .box .text_box p {
    font-size: 1.5rem;
    line-height: 2;
  }
  #lakeresort_contents .autumn_box_001 .box .text_box .btn_a_box a .btn_a {
    margin-top: 5%;
    width: 100%;
  }
  #lakeresort_contents .autumn_box_001 .box .text_box .btn_a_box a .btn_a span {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .spot_no {
    text-align: center;
  }
  /* =======================
	autumn_box_002
========================== */
  #lakeresort_contents .autumn_box_002 {
    padding: 20px 0;
    background-size: cover;
    background-image: url(../img/common/back_img_002.webp);
    background-repeat: no-repeat;
    background-position: top;
  }
  #lakeresort_contents .autumn_box_002 .autumn_img {
    width: 100%;
  }
  #lakeresort_contents .autumn_box_002 .autumn_img img {
    width: 100%;
  }
  #lakeresort_contents .autumn_box_002 .box {
    display: block;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.9);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5% 3% 3% 3%;
    width: 87%;
  }
  #lakeresort_contents .autumn_box_002 .box .btn_a_box {
    width: 100%;
  }
  #lakeresort_contents .autumn_box_002 .box .btn_a_box a {
    width: 100%;
  }
  #lakeresort_contents .autumn_box_002 .box .btn_a_box a .btn_a {
    background-color: #ea9040;
    border-radius: 5px;
    background-image: url(../img/common/yazi.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 3%;
    display: block;
    margin-top: 5%;
    width: 100%;
  }
  #lakeresort_contents .autumn_box_002 .box .btn_a_box a .btn_a span {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
    display: block;
    color: #fff;
    padding: 10px 0;
    margin: 0 auto;
    text-decoration: none;
    text-align: center;
  }
  #lakeresort_contents .autumn_box_002 .box h4 {
    text-align: center;
    margin-bottom: 7px;
    font-size: 1.6rem;
    display: none;
  }
  #lakeresort_contents .autumn_box_002 .box .h4_img {
    margin: 0 auto 10px;
  }
  #lakeresort_contents .autumn_box_002 .box .h4_img .autumn_002 {
    width: 35%;
    margin: 0 auto 1%;
    display: block;
  }
  /* =======================
	autumn_box_013
========================== */
  #lakeresort_contents .autumn_box_016 {
    padding: 60px 0;
    background-size: cover;
    background-image: url(/autumn/image/common/back_img_012.webp);
    background-repeat: no-repeat;
    background-position: top;
  }
  #lakeresort_contents .autumn_box_016 .box {
    width: 87%;
    margin: 0 auto;
    display: block;
  }
  #lakeresort_contents .autumn_box_016 .box .h4_img {
    width: 100%;
  }
  #lakeresort_contents .autumn_box_016 .box .btn_a_box {
    width: 100%;
    margin: 0 auto;
  }
  #lakeresort_contents .autumn_box_016 .box .btn_a_box a {
    width: 100%;
  }
  #lakeresort_contents .autumn_box_016 .box .btn_a_box a .btn_a {
    background-color: #ea9040;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../img/common/yazi.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 3%;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
    display: block;
    width: 85%;
    margin: 20px auto;
  }
  #lakeresort_contents .autumn_box_016 .box .btn_a_box a .btn_a span {
    display: block;
    color: #fff;
    padding: 10px 0;
    margin: 0 auto;
    text-decoration: none;
    text-align: center;
    font-size: 1.8rem;
  }
  .plan_link_title {
    font-size: 180%;
  }
}