@charset "UTF-8";

/*------------------------------------------------------------*/
/* top
/*------------------------------------------------------------*/
.main {
  width: 100%;
  height: 500px;
  background: url(../../img/bg01.gif) repeat left top;
}

#mainimage {
  margin: 0 auto;
  width: 1000px;
  position: relative;
}

#mainimage li {
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
  position: absolute;
}

/* about */
#top_about {
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  margin: 50px 0 70px;
}

#top_about h2 {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-size: 28px;
  font-weight: normal;
  line-height: 36px;
  margin-bottom: 40px;
}

#top_about .read span { display: block; }


#top_about ul {
  margin: 50px auto;
  width: 1030px;
  overflow: hidden;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  gap: 30px 0;
}

#top_about ul li {
  padding: 0 15px;
  width: 25%;
}

#top_about ul li:nth-child(1) { background: url(../../img/about_bg01.png) no-repeat center top; }
#top_about ul li:nth-child(2) { background: url(../../img/about_bg02.png) no-repeat center top; }
#top_about ul li:nth-child(3) { background: url(../../img/about_bg03.png) no-repeat center top; }
#top_about ul li:nth-child(4) { background: url(../../img/about_bg04.png) no-repeat center top; }
#top_about ul li:nth-child(5) { background: url(../../img/about_bg05.png) no-repeat center top; }
#top_about ul li:nth-child(6) { background: url(../../img/about_bg06.png) no-repeat center top; }

#top_about ul li a {
  font-size: 18px;
  color: #515151;
  line-height: 24px;
  letter-spacing: 0px;
  padding: 155px 0 0;
  width: 230px;
  height: 230px;
  display: block;
}

#top_about ul li:nth-child(1) a,
#top_about ul li:nth-child(5) a,
#top_about ul li:nth-child(6) a {
   padding: 145px 0 0; 
}
#top_about ul li a span {
  display: block;
}
#top_about ul li a span.small-txt {
  font-size: 12px;
  line-height: 20px;
}

#top_about #short_stay {
  border-radius: 30px;
  margin: 0 auto;
  padding: 10px;
  width: 1000px;
  background: #f9effc;
}

#top_about #short_stay div {
  border-radius: 25px;
  border: 3px solid #efcdf8;
  background: #fff;
  overflow: hidden;
}

#top_about #short_stay h3 {
  border-radius: 20px 20px 0 0;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-size: 18px;
  color: #8a2da3;
  margin: 2px;
  padding: 10px;
  background: #fcf4ff;
}

#top_about #short_stay dl {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  padding: 20px 30px;
  width: 700px;
  float: left;
}

#top_about #short_stay dt { font-weight: bold; }

#top_about #short_stay a {
  border-radius: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
  margin: 20px 30px 20px 0;
  padding: 30px 0;
  width: 240px;
  display: block;
  background: url(../../img/point_rabit.png) no-repeat 95% bottom #e7abf7;
  float: right;
}

/* oneday */
#oneday {
  padding: 0 0 50px;
  background: url(../../img/line02.png) repeat-x left bottom #fff6e4;
}

#oneday #morning { float: left; }
#oneday #afternoon { float: right; }

#oneday h4 {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-size: 28px;
  font-weight: normal;
  line-height: 36px;
  text-align: center;
  padding: 33px 0 8px;
  background: url(../../img/line01.png) repeat-x left top;
}

#oneday h4:before {
  vertical-align: middle;
  margin-right: 20px;
  width: 68px;
  height: 78px;
  top: -1px;
  display: inline-block;
  background: url(../../img/point_pic01.png) no-repeat left top;
  content: " ";
  position: relative;
}

#oneday h4:after {
  vertical-align: middle;
  margin-left: 20px;
  width: 74px;
  height: 78px;
  top: -1px;
  display: inline-block;
  background: url(../../img/point_pic02.png) no-repeat left top;
  content: " ";
  position: relative;
}

#oneday .box {
  width: 480px;
  background: url(../../img/oneday_bg.gif) repeat-y left top;
}

#oneday .box p {
  padding: 37px 50px 10px;
  background: url(../../img/oneday_hd.gif) no-repeat left top;
}

#oneday .box p span {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 7px;
  display: block;
}

#oneday #morning p span { background: url(../../img/bg_yellow.gif) repeat left top; }
#oneday #afternoon p span { background: url(../../img/bg_blue.gif) repeat left top; }

#oneday .box dl {
  padding: 0 50px 33px;
  background: url(../../img/oneday_ft.gif) no-repeat left bottom;
  overflow: hidden;
}

#oneday .box dt {
  border-radius: 10px 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 5px 5px 0;
  padding: 5px 20px;
  width: 135px;
  position: absolute;
}

#oneday #morning dt {
  color: #e8830d;
  background: #fff0a2;
}

#oneday #afternoon dt {
  color: #13928b;
  background: #d0f4f4;
}

#oneday .box dt img { margin-right: 10px; }

#oneday .box dd {
  border-radius: 0 10px 10px 0;
  font-size: 18px;
  margin: 0 0 5px 140px;
  padding: 5px 20px;
  width: 240px;
  background: #fff6e4;
}