@charset "utf-8";

/* ----------------------------------------------------
		追加
---------------------------------------------------- */

/* 共通 */
a {
    color: #000;
}
.header {
    margin: 0px !important;
}
header h1 img {
    height: auto;
}
#topic_path {
    padding: 8px 0 10px 0 !important;
    margin-top: 0px;
}
#container {
    padding-top: 0px;
}
@media screen and (max-width: 1140px){
    .header .header-in {
        border-bottom: none;
    }
}
.mainvisual-slider ul li :hover {
    opacity: 1;
}
#spot_main_box p {
    font-size: 1.6rem;
}
.outline_list dt, .outline_list dd {
    font-size: 1.6rem;
}
#access_list {
    font-size: 1.6rem;
}
#related_site li {
    font-size: 1.8rem;
}
.story_box p, .story_box2 p {
    line-height: 1.8;
    font-size: 1.6rem;
}
#ninja .profile ul li dd {
    font-size: 1.6rem;
}
.spot_description {
    font-size: 1.6rem;
}
.spot .spot-txt {
    font-size: 1.6rem;
}
.tbl {
    font-size: 1.6rem;
}
/* TOP_info-sec 250328asa  */
.info-sec {
  width: min(1000px, 100%);
  margin: 0 auto min(200px, 15vw);
}
.info-sec .info-box {
  border-radius: 1em 1em 0 0;
  overflow: hidden;
}
.info-sec .info-ttl-wrap {
  background: linear-gradient(90deg, #dd5a80 0%, #d6351c 100%);
  color: #fff;
  padding: 1.5em;
}
@media screen and (max-width: 750px) {
  .info-sec .info-ttl-wrap {
    padding: 1em;
  }
}
.info-sec .info-ttl-wrap h2 {
  font-size: 1.9rem;
  text-align: center;
  line-height: 1.5;
  margin-bottom: .5em;
}
@media screen and (max-width: 750px) {
  .info-sec .info-ttl-wrap h2 {
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 1em;
  }
}
.info-sec .info-ttl-wrap span {
  display: block;
  text-align: right;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1;
}
.info-sec .info-txt-wrap {
  text-align: center;
  border-bottom: 4px solid;
  border-left: 4px solid;
  border-right: 4px solid;
  border-image: linear-gradient(to right, #dd5a80, #d6351c) 1;
  padding: 2em 1em;
}
@media screen and (max-width: 750px) {
  .info-sec .info-txt-wrap {
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
  }
}
.info-sec .info-lead {
  font-weight: 500;
  text-align: left;
  padding-inline: 2em;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 750px) {
  .info-sec .info-lead {
    padding-inline: 0;
  }
}
.info-sec .info-txt-con {
  margin-bottom: 1em;
}
.info-sec .info-txt-con h4 {
  color: #1f1f1f;
  font-size: 1.6rem;
  font-weight: 700;
}
.info-sec .info-txt-con p {
  font-weight: 600;
}
.info-txt-con .only-pc {
  padding-inline: 1em;
}
@media screen and (max-width: 750px) {
  .info-txt-con {
    width: fit-content;
    margin: auto;
  }
  .info-txt-con .only-sp {
    display: block;
    text-align: center;
  }
}