@charset "utf-8";

/* asahiyama */
.preload .wow.fadeIn,
.preload .wow.fadeInUp,
.preload .wow.fadeInRight,
.preload .wow.fadeInLeft {
  opacity: 0 !important;
}

article {
  overflow: hidden;
}

.page {
  width: 100%;
  max-width: 1260px;
  padding: 0 20px;
}

.sp {
  display: none;
}

.nolink {
  pointer-events: none;
  cursor: default;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.align_items_cen {
  align-items: center;
}

.align_items_start {
  align-items: flex-start;
}

.align_items_end {
  align-items: flex-end;
}

.justify_c_center {
  justify-content: center;
}

.posrel {
  position: relative;
}

.abimg {
  position: absolute;
  z-index: 1;
}

/* 登録フォーム ↓ */
#sale {
  padding: 70px 0 70px 0;
  background-color: #f5a435;
}
.sale__heading {
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}
.sale__heading--lrg,
.sale__heading--sml {
  display: block;
}
.sale__heading--lrg {
  font-size: 20px;
}
.sale__heading--sml {
  font-size: 18px;
}
.sale__form-btn {
  width: 100%;
  max-width: 264px;
  margin: 0 auto;
}
.sale__form-btn a {
  color: #333;
  font-size: 14px;
  text-align: center;
  width: 100%;
  padding: 15px 0;
  display: block;
  border-radius: 75px;
  background: #fff;
  border: 2px solid #000;
  background: #fff url(../../imgs_new/tokyo/nagaoka/arr_bl.png) center right 15px / 27px 11px no-repeat;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.sale__form-btn:hover a {
  color: #fff;
  background-color: #000;
  border: 2px solid #000;
  background-image: url(../../imgs_new/tokyo/nagaoka/arr_wh.png);
}

/* 登録フォーム ↑ */



#lead {
  padding: 170px 0 70px 0;
  background: url(../../imgs_new/tokyo/nagaoka/lead_hanabi.jpg) no-repeat center center;
  background-size: cover;
}

#lead .inner {
  max-width: 1100px;
  padding: 8% 20px 45px 20px;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #fff;
}


#lead .inner p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}

#lead .abimg1 {
  width: 16.8%;
  max-width: 242px;
  top: 2%;
  left: -10px;
}

#lead .abimg2 {
  width: 12.2%;
  max-width: 176px;
  bottom: 0;
  left: 5.5%;
  transform: translateY(50%);
}

#lead .abimg3 {
  width: 17.4%;
  max-width: 251px;
  top: 5%;
  right: 20px;
}

#lead .abimg4 {
  width: 26.4%;
  max-width: 381px;
  bottom: 0;
  right: 0;
  transform: translateY(33%);
}

.section_ttl.tac.best {
  color: #036eb0;
}
.section_ttl.tac {
  margin-bottom: 35px;
}
.section_ttl.tac {
  text-align: center;
  margin-bottom: 46px;
}
h2.ttl {
font-size: 36px;
font-weight: lighter;
letter-spacing: 0.1em;
}
.section_ttl.tac span.min {
  color: #036eb0;
  font-weight: 300;
  font-size: 18px;
  padding-bottom: 7px;
  opacity: 1;
  line-height: 1.6;
}
.section_ttl.tac span.min, .section_ttl.tac span.high_min {
  text-align: center;
  letter-spacing: 0.1em;
}
.section_ttl span {
  line-height: 1.4;
  display: inline-block;
}

#bustour {
  padding-top: 90px;
}

#bustour .bustour__title {
  margin-right: -15px;
  margin-bottom: 40px;
  left: -15px;
	z-index: 2;
	text-align: center;
}

#bustour .bustour__title img {
  width: 90.2%;
  max-width: 1101px;
}

#bustour li {
  width: 29.9%;
}

#bustour li:not(:last-child) {
  margin-right: 3.4%;
}

#bustour li figure {
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
}

#bustour li h4 {
  font-size: 16px;
  font-weight: bold;
  color: #28b472;
  margin-bottom: 15px;
}

#bustour li .cap {
  font-size: 14px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #323940;
}

#bustour li dt,
#bustour li dd {
  font-size: 14px;
}

#bustour li dt {
  font-feature-settings: normal;
  width: 4em;
}

#bustour li dd {
  width: calc(100% - 4em);
}

#bustour li .price {
  margin-bottom: 30px;
}

#bustour li .price dt {
  font-size: 16px;
  width: auto;
}

#bustour li .price dd {
  font-size: 24px;
  width: auto;
  margin-left: auto;
}

#bustour li a {
  font-size: 14px;
  font-weight: bold;
  color: #28b472;
  text-align: center;
  max-width: 265px;
  padding: 15px 20px 15px 10px;
  margin: 0 auto;
  border: 2px solid #28b472;
  border-radius: 30px;
  background: #fcee21 url(../../imgs_new/hokkaido/asahiyama/arrow_gr.svg) no-repeat right 20px center;
  background-size: 27px auto;
  transition: color 0.5s, background 0.5s;
}

#bustour li a:hover {
  color: #fff;
  background: #28b472 url(../../imgs_new/hokkaido/asahiyama/arrow_wh.svg) no-repeat right 20px center;
  background-size: 27px auto;
  opacity: 1;
}

#charm {
  padding: 45px 0;
  background: url(../../imgs_new/hokkaido/asahiyama/charm_bg.jpg) no-repeat center center;
  background-size: cover;
}

#charm .head {
  margin-bottom: 95px;
}

#charm .head .text {
  width: 65.9%;
  max-width: 805px;
  padding-left: 20px;
  position: relative;
  z-index: 2;
}

#charm .head .text h3 {
  margin-bottom: 20px;
}

#charm .head .text p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.05em;
  padding-right: 30px;
}

#charm .head .abimg {
  width: 35.1%;
  max-width: 429px;
  top: 50%;
  right: 18px;
  z-index: 0;
  transform: translateY(-52.5%);
}

#charm ul {
  z-index: 2;
}

#charm ul li {
  width: 47.6%;
}

/* #charm ul li:nth-child(1) {
  width: 49.5%;
}
#charm ul li:nth-child(4) {
  width: 49.4%;
} */
#charm ul li:nth-child(2) {
  margin-top: auto;
}

#charm ul li:nth-child(even) {
  margin-left: auto;
}

#charm ul li:nth-child(-n + 2) {
  margin-bottom: 25px;
}

#experience {
  padding: 100px 0 160px 0;
}

#experience .head {
  text-align: center;
  margin-bottom: 70px;
}

#experience .head .text {
  z-index: 2;
}

#experience .head .head__title {
  width: 71.1%;
  max-width: 868px;
  margin: 0 auto 35px auto;
}

#experience .head p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 0 12%;
}

#experience .head .abimg1 {
  width: 24.1%;
  max-width: 295px;
  top: 50%;
  left: -3.5%;
  transform: translateY(-50%);
}

#experience .head .abimg2 {
  width: 52.7%;
  max-width: 644px;
  top: 50%;
  right: -10%;
  transform: translateY(-78%);
}

#experience ul {
  max-width: 1115px;
  margin: 0 auto;
  z-index: 2;
}

#experience ul li>.photo {
  width: 51%;
}

#experience ul li>.text {
  width: 46%;
  margin-left: auto;
}

#experience ul li:nth-child(even)>.photo {
  order: 2;
  margin-left: auto;
}

#experience ul li:nth-child(even)>.text {
  width: 45%;
  margin-left: 0;
}

#experience ul li>.photo img {
  position: relative;
  left: -10px;
}

#experience ul li:nth-child(even)>.photo img {
  left: 0;
  right: -10px;
}

#experience ul li:nth-child(1) {
  margin-bottom: 100px;
}

#experience ul li:nth-child(3) {
  margin-bottom: 50px;
  position: relative;
  top: -50px;
}

#experience ul li:nth-child(3)>.text {
  padding-bottom: 50px;
  margin-top: auto;
}

#experience ul li>.text .text__title {
  margin-bottom: 2px;
  position: relative;
}

#experience ul li>.text .text__title span {
  font-size: 24px;
  font-weight: 700;
  color: #28b472;
  display: inline-block;
  padding-right: 10px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

#experience ul li>.text .text__title::after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  border-top: 3px dotted #28b472;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
  transform: translateY(-50%);
}

.cap {
  margin-left: 0 !important;
  text-indent: 0 !important;
}

#experience ul li>.text .cap {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 12px;
}

#experience li .habits dt {
  color: #fff;
  line-height: 1.4;
  width: 86px;
  padding: 13px 10px;
  border-radius: 10px;
  background-color: #28b472;
}

#experience li .habits dd {
  font-size: 12px;
  font-weight: 500;
  flex: 1;
  padding-left: 15px;
  margin-top: -5px;
}

#experience li .news {
  padding: 10px 30px;
  margin-top: 15px;
  border-radius: 10px;
  background-color: #d4f0e3;
}

#experience li .news .text {
  flex: 1;
  padding: 5px 20px 0 0;
}

#experience li .news .photo {
  width: 120px;
  margin-left: auto;
}

#experience li .news .text h5 {
  font-size: 14px;
  font-weight: bold;
  color: #28b472;
  margin-bottom: 2px;
}

#experience li .news .text p {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
}

#map {
  padding: 0 0 110px 0;
  background: url(../../imgs_new/hokkaido/asahiyama/map_bg.jpg) no-repeat center center;
  background-size: cover;
}

#map .head {
  text-align: center;
  margin-bottom: 55px;
}

#map .head .in {
  z-index: 2;
}

#map .head h3 {
  width: 54%;
  max-width: 660px;
  margin: 0 auto 10px auto;
}

#map .head p {
  font-size: 16px;
  font-weight: bold;
}

#map .head .abimg1 {
  width: 24.5%;
  max-width: 299px;
  top: 50%;
  left: -5%;
  transform: translateY(-38%);
}

#map .head .abimg2 {
  width: 44%;
  max-width: 537px;
  top: 50%;
  right: -16.5%;
  transform: translateY(7%);
}

#map .abimg3 {
  width: 40.8%;
  max-width: 510px;
  bottom: -60px;
  left: -2.3%;
}

#map #map_img {
  width: 91.2%;
  max-width: 1113px;
  margin: 0 auto 60px auto;
}

#facility {
  padding: 12% 20px 50px 20px;
  border: 5px solid #ffa830;
  border-radius: 10px;
  background-color: #fff;
}

#facility h4 {
  width: 71.1%;
  max-width: 868px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  transform: translateY(-35%);
}

#facility .in {
  max-width: 1086px;
  margin: 0 auto;
}

#facility #spot_list li {
  width: 22.5%;
  margin: 0 3.3% 4.6% 0;
}

#facility #spot_list li:nth-child(4n) {
  margin-right: 0;
}

#facility #restaurant_list li {
  width: 29.9%;
}

#facility #restaurant_list li:not(:last-child) {
  margin-right: 5.15%;
}

#facility .list figure {
  margin-bottom: 10px;
}

#facility .list h5,
#facility .list h6 {
  font-size: 16px;
  font-weight: bold;
  color: #f2941d;
  margin-bottom: 5px;
}

#facility .list p {
  font-size: 14px;
}

#facility #restaurant h5 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding-left: 20px;
  margin-bottom: 15px;
}

#facility #restaurant h5::after {
  content: "";
  width: 15px;
  height: 1px;
  display: block;
  background-color: #036eb8;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
}

#info {
  padding: 135px 0;
}

#info h3 {
  font-size: 20px;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 40px;
}

#info h3::after {
  content: "";
  width: 15px;
  height: 1px;
  display: block;
  background-color: #036eb8;
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 1;
  transform: translateY(-50%);
}

#info .in {
  padding-left: 20px;
}

#info .in .text {
  width: 60%;
  padding-right: 30px;
}

#info .in .frame {
  width: 40%;
  position: relative;
  overflow: hidden;
}

#info .in .frame iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#info .in .text .time {
  margin-bottom: 65px;
}

#info .in .guide {
  margin-top: 65px;
}

#info .in h4 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}

#info .in p {
  font-size: 14px;
}

#info .in dl:not(:last-child) {
  margin-bottom: 20px;
}

#info .in dt {
  font-size: 17px;
  font-weight: bold;
  color: #28b472;
  margin-bottom: 2px;
}

#info .in dd {
  font-size: 14px;
  line-height: 1.6;
}

#info .in dd:not(:last-child) {
  margin-bottom: 10px;
}

#info .in dd span {
  font-weight: bold;
  display: block;
}

#info .in .guide li {
  font-size: 14px;
  line-height: 1.6;
  text-indent: -1em;
  padding-left: 1em;
}

#info .in .guide li:not(:last-child) {
  margin-bottom: 5px;
}

#tourist_spot {
  padding: 80px 0 100px 0;
  background-color: #e0edf6;
}

#tourist_spot .head {
  text-align: center;
  margin-bottom: 65px;
}

#tourist_spot .head h3 {
  margin-bottom: 35px;
}

#tourist_spot .head h3 span {
  color: #036eb8;
  line-height: 1.4;
  display: block;
}

#tourist_spot .head h3 .en {
  font-size: 49px;
  letter-spacing: 0.1em;
  font-weight: 100;
}

#tourist_spot .head h3 .en span {
  font-size: 64px;
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
}

#tourist_spot .head h3 .ja {
  font-size: 18px;
}

#tourist_spot .head p {
  font-size: 16px;
  font-weight: bold;
}

#tourist_spot #slider1 {
  margin-bottom: 60px;
}

#tourist_spot #slider2 li a * {
  direction: ltr;
}

#tourist_spot .slick-slide {
  margin: 0 25px;
}

#tourist_spot figure {
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
}

#tourist_spot li .mh {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #323940;
}

#tourist_spot li h4 {
  font-size: 21px;
  font-weight: bold;
  color: #036eb8;
  margin-bottom: 5px;
}

#tourist_spot li .cap {
  font-size: 14px;
}

#tourist_spot li a {
  color: #000;
}

#tourist_spot li dl:not(:last-child) {
  margin-bottom: 10px;
}

#tourist_spot li dl dt,
#tourist_spot li dl dd {
  font-size: 14px;
  line-height: 1.4;
}

#tourist_spot li dl dt {
  text-align: center;
  color: #fff;
  width: 68px;
  padding: 5px;
  border-radius: 6px;
  background-color: #036eb8;
}

#tourist_spot li dl dd {
  flex: 1;
  padding-top: 5px;
  padding-left: 15px;
}

#tourist_spot #slider2 {
  text-align: left;
  text-orientation: mixed;
}

/*2022/08/04 追加 開始↓*/
.spbr,
.spbr_480 {
  display: none;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px !important;
  height: 10px;
  margin: 0 6px !important;
  padding: 0;
  cursor: pointer;
  margin-bottom: 0 !important;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 50%;
  background-color: #036eb8;
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

#bustour .slick_com .slide .slick-list {
  padding: 0 !important;
}

#bustour .slick_com .slide .slick-slide {
  margin: 0 15px;
  height: auto !important;
}

#bustour .slick_com .slide .slick-prev:before,
#bustour .slick_com .slide .slick-next:before {
  content: "";
  font-family: "slick";
  font-size: 30px;
  line-height: 1;
  display: block;
  width: 13px;
  height: 13px;
  opacity: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: url(../../imgs_new/common/arr2l_wh.png) center center / 12px 12px no-repeat;
}

#bustour .slick_com .slide .slick-next:before {
  background: url(../../imgs_new/common/arr2r_wh.png) center center / 12px 12px no-repeat;
}

#bustour .slick_com .slide .slick-initialized .slick-slide {
  height: auto !important;
}

#bustour .slick_com .slide .slick-prev,
#bustour .slick_com .slide .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 42px;
  height: 42px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  background-color: #323940;
  z-index: 5;
}

#bustour .slick_com .slide .slick-prev {
  left: -3%;
}

#bustour .slick_com .slide .slick-next {
  right: -3%;
}

#bustour .slick-dots {
  bottom: -35px !important;
}

#bustour li button:before {
  background-color: #000;
  width: 6px;
  height: 6px;
}

#bustour li.slick-active button:before {
  opacity: 0.75;
  color: black;
  width: 10px !important;
  height: 10px !important;
}

/*#bustour .slick-slider .slick-track, #bustour .slick-slider .slick-list {
    width: 100%!important;
    transform: translate3d(-204px, 0px, 0px);
}*/


#bestseason {
    margin-bottom: 50px;
}


#bestseason .bs_ct {
  font-size: 0;
  position: relative;
}

#bestseason .bs_ct:not(:last-child) {
  margin-bottom: 150px;
}

#bestseason .bs_ct>* {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

#bestseason .bs_ct figure {
  text-align: center;
}

#bestseason .bs_ct figure img {
  width: 92%;
  margin: 0 auto;
  border-radius: 0px 15px 0px 0px;
}

#bestseason .bs_ct .section_ttl>div {
  max-width: 560px;
  margin: 0 auto;
}

#bestseason .bs_ct .section_ttl .ttl {
  margin-bottom: 30px;
}

#bestseason .bs_ct .section_ttl .ttl span {
  display: block;
  line-height: 1.5em;
}

#bestseason .bs_ct .section_ttl .ttl span.min {
  font-size: 18px;
  margin-bottom: 19px;
  padding-left: 31px;
  position: relative;
}

#bestseason .bs_ct .section_ttl .ttl span.min:before {
  content: "";
  width: 20px;
  height: 30px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../../imgs_new/common/icon_pin.png) center center / contain no-repeat;
}

#bestseason .bs_ct .section_ttl .ttl .ttl--heading {
  font-size: 27px;
  color: #036eb8;
}

#bestseason .bs_ct .section_ttl .txt {
  padding-bottom: 18px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #000000;
}

#bestseason .blugra .bs_ct .section_ttl .txt {
  border-bottom: 1px dotted #fff;
}

#bestseason .bs_ct .section_ttl .txt p {
  font-size: 14px;
}

#bestseason .bs_ct .section_ttl .detail {
  margin-bottom: 30px;
}

#bestseason .bs_ct .section_ttl .detail .date {}

#bestseason .bs_ct .section_ttl .detail .date dl {
  font-size: 0;
}

#bestseason .bs_ct .section_ttl .detail .date dl>* {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}

#bestseason .bs_ct .section_ttl .detail .date dl dt {
  width: 55px;
}

#bestseason .bs_ct .section_ttl .detail .date dl dd {
  width: calc(100% - 55px);
}

#bestseason .bs_ct .section_ttl .detail .price {
  font-size: 0;
}

#bestseason .bs_ct .section_ttl .detail .price>* {
  display: inline-block;
  vertical-align: middle;
}

#bestseason .bs_ct .section_ttl .detail .price .min {
  font-size: 16px;
  margin-right: 17px;
}

#bestseason .bs_ct .section_ttl .detail .price .lrg {
  font-size: 27px;
}

#bestseason .bs_ct .section_ttl .detail .btn1 {}

#bestseason .bs_ct .section_ttl .detail .btn1 a {}

#bestseason .bs_ct .section_ttl .detail .btn1 a span {}

#bestseason .bs_ct .section_ttl .btn1 {
  margin-left: 0;
}

#bestseason .bs_ct.lt {
  position: relative;
}

#bestseason .blugra .bs_ct.lt {
  padding-top: 15%;
}

#bestseason .bs_ct.lt figure {
  text-align: right;
  float: right;
}

#bestseason .bs_ct.lt figure img {}

#bestseason .bs_ct.lt .section_ttl.tal {
  float: left;
}

#bestseason .bs_ct.lt .section_ttl.tal p.ttl {}

#bestseason .bs_ct.lt .section_ttl.tal p.ttl span.min {}

#bestseason .blugra .bs_ct.lt .section_ttl.tal p.ttl span.lrg {
  color: #fff;
}

@media screen and (max-width: 1200px) {

  #bestseason .page {
    width: calc(100% - 40px);
    max-width: 1040px;
    margin: 0 auto;
  }

  #bestseason .blugra .bs_ct.lt {
    padding-top: 13%;
  }

  #bestseason .bs_ct .section_ttl .detail {
    margin-bottom: 20px;
  }

  #bestseason .bs_ct .section_ttl .ttl {
    margin-bottom: 20px;
  }

  #bestseason .bs_ct .section_ttl .ttl span.min {
    font-size: 16px;
    padding-left: 26px;
  }

  #bestseason .bs_ct .section_ttl .ttl span.min:before {
    width: 17px;
    height: 26px;
  }

  #bestseason .bs_ct .section_ttl .ttl .ttl--heading {
    font-size: 23px;
  }

  #bestseason .blugra {
    padding: 100px 0 75px;
    margin-bottom: 75px;
  }

  #bestseason .bs_ct:not(:last-child) {
    margin-bottom: 120px;
  }
}

@media screen and (max-width: 980px) {
  h2.ttl, .two_cruise .mini_ttl {
      font-size: 30px;
  }
  .section_ttl.tac span.min {
      font-size: 15px;
  }
}


@media screen and (max-width: 768px) {

  .section_ttl.tac.best h2.ttl {
    font-size: 27px;
  }

  #bestseason .bs_ct>* {
    width: 100%;
    max-width: 400px;
    display: block;
    margin: 0 auto;
  }

  #bestseason .bs_ct figure {
    margin-bottom: 20px;
  }


  #bestseason .blugra {
    padding: 40px 0 50px;
  }

  #bestseason .bs_ct>* {
    float: none !important;
  }

  #bestseason .bs_ct figure img {
    width: 100%;
  }

  .btn1,
  #bestseason .bs_ct .section_ttl .btn1 {
    display: block;
    margin: 0 auto;
  }

  .imgin .section_ttl.tal,
  #bestseason .bs_ct.lt .section_ttl.tal {
    padding: 0 10px;
  }

  #bestseason .bs_ct:not(:last-child) {
    margin-bottom: 50px;
  }

  #bestseason .bs_ct .section_ttl .ttl .ttl--heading {
    font-size: 16px;
  }

  #bestseason .bs_ct .section_ttl .ttl {
    margin-bottom: 10px;
  }

  #bestseason .bs_ct .section_ttl .txt {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }

  #bestseason .bs_ct .section_ttl .detail {
    margin-bottom: 15px;
  }

}

@media screen and (max-width: 640px) {
  .section_ttl.tac span.min {
      font-size: 14px;
  }
}

@media screen and (max-width: 480px) {

  .section_ttl.tac span.min {
    font-size: 13px;
    padding-bottom: 0;
}

  #bestseason .bs_ct figure {
    margin-bottom: 15px;
  }


  #bestseason .bs_ct .section_ttl .ttl span.min {
    font-size: 12px;
    margin-bottom: 5px;
    padding-left: 18px;
  }

  #bestseason .bs_ct .section_ttl .ttl span.min:before {
    width: 12px;
    height: 19px;
  }

  #bestseason .bs_ct .section_ttl .ttl .ttl--heading {
    font-size: 15px;
  }

  #bestseason .bs_ct .section_ttl .txt p {
    font-size: 12px;
  }
}


/*2022/08/04 終了↑*/
@media screen and (max-width: 1280px) {
  #lead {
    padding: 14.1% 0 65px 0;
  }

  #lead .inner {
    padding: 8% 20px 40px 20px;
  }

  #lead .inner p {
    font-size: 19px;
    letter-spacing: 0.08em;
  }

  #bustour {
    padding-top: 7.1%;
  }

  #experience {
    padding: 7.9% 0 12.6% 0;
  }

  #experience .head {
    margin-bottom: 65px;
  }

  #experience .head .head__title {
    margin: 0 auto 33px auto;
  }

  #experience ul li:nth-child(1) {
    margin-bottom: 80px;
  }

  #experience ul li:nth-child(3) {
    margin-bottom: 30px;
    position: relative;
    top: -50px;
  }

  #experience li .news {
    padding: 10px 26px;
  }

  #map {
    padding: 0 0 8.7% 0;
  }

  #map .head {
    margin-bottom: 50px;
  }

  #info {
    padding: 10.6% 0;
  }

  #info h3 {
    margin-bottom: 36px;
  }

  #info .in .text .time {
    margin-bottom: 60px;
  }

  #info .in .guide {
    margin-top: 60px;
  }

  #tourist_spot .head {
    margin-bottom: 60px;
  }

  #tourist_spot .head h3 {
    margin-bottom: 32px;
  }

  #tourist_spot #slider1 {
    margin-bottom: 56px;
  }

  #tourist_spot .slick-slide {
    margin: 0 20px;
  }
}

@media screen and (max-width: 1100px) {
  #experience ul li:not(:last-child) {
    margin-bottom: 80px;
  }

  #experience ul li:nth-child(3) {
    top: 0;
  }

  #experience ul li:nth-child(3)>.text {
    padding-bottom: 0;
    margin-top: 0;
  }

  #tourist_spot {
    padding: 6.3% 0 7.9% 0;
  }

  #tourist_spot .head h3 .en {
    font-size: 44px;
    letter-spacing: 0.08em;
  }

  #tourist_spot .head h3 .en span {
    font-size: 58px;
  }

  #tourist_spot .slick-slide {
    margin: 0 15px;
  }
}

@media screen and (max-width: 980px) {

  #mainimg figure {
    overflow: hidden;
  }

  #mainimg figure img {
    width: 963px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  #lead {
    padding: 14.1% 0 60px 0;
  }

  #lead .inner {
    padding: 8% 20px 35px 20px;
  }

  #lead .inner p {
    font-size: 18px;
    letter-spacing: 0.05em;
  }

  #bustour li {
    width: 31%;
  }

  #bustour li:not(:last-child) {
    margin-right: 3.4%;
  }

  #bustour li .price {
    margin-bottom: 28px;
  }

  /*2022/08/05 追加 開始↓*/
  #bustour .slick_com .slide .slick-prev,
  #bustour .slick_com .slide .slick-next {
    width: 30px;
    height: 30px;
  }

  /*2022/08/05 終了↑*/

  #charm .head {
    margin-bottom: 40px;
  }

  #experience .head {
    margin-bottom: 60px;
  }

  #experience .head .head__title {
    margin: 0 auto 30px auto;
  }

  #experience .head .abimg2 {
    transform: translateY(-85%);
  }

  #experience ul li:not(:last-child) {
    margin-bottom: 70px;
  }

  #experience ul li>.text .text__title span {
    font-size: 23px;
  }

  #experience li .news {
    padding: 10px 24px;
  }

  #map .head {
    margin-bottom: 45px;
  }

  #info h3 {
    margin-bottom: 34px;
  }

  #info .in .text .time {
    margin-bottom: 55px;
  }

  #info .in .guide {
    margin-top: 55px;
  }

  #tourist_spot .head {
    margin-bottom: 55px;
  }

  #tourist_spot .head h3 {
    margin-bottom: 30px;
  }

  #tourist_spot .head h3 span {
    line-height: 1.5;
  }

  #tourist_spot .head h3 .en {
    font-size: 38px;
    letter-spacing: 0.07em;
  }

  #tourist_spot .head h3 .en span {
    font-size: 50px;
  }

  #tourist_spot #slider1 {
    margin-bottom: 54px;
  }

  #tourist_spot .slick-slide {
    margin: 0 18px;
  }

  #tourist_spot li h4 {
    font-size: 20px;
  }
}

@media screen and (max-width: 800px) {

  /*2022/08/05 追加 開始↓*/
  #bustour .slick_com .slide .slick-prev,
  #bustour .slick_com .slide .slick-next {
    width: 20px;
    height: 20px;
  }

  #bustour .slick_com .slide .slick-slide {
    margin: 0 10px;
  }

  /*2022/08/05 終了↑*/
}

@media screen and (max-width: 768px) {
  #lead {
    padding: 14.1% 0 50px 0;
  }

  #lead .inner {
    padding: 8% 20px 30px 20px;
  }

  #lead .inner p {
    font-size: 17px;
  }

  #bustour li h4 {
    font-size: 15px;
  }

  #bustour li .price {
    margin-bottom: 25px;
  }

  #bustour li .price dt {
    font-size: 15px;
  }

  #bustour li .price dd {
    font-size: 23px;
  }

  #bustour li a {
    padding: 13px 20px 13px 10px;
  }

  #charm .head {
    margin-bottom: 35px;
  }

  #charm .head .text p {
    font-size: 15px;
  }

  #experience .head {
    margin-bottom: 50px;
  }

  #experience .head .head__title {
    margin: 0 auto 25px auto;
  }

  #experience .head p {
    font-size: 15px;
  }

  #experience ul {
    max-width: 550px;
  }

  #experience ul li:not(:last-child) {
    margin-bottom: 60px;
  }

  #experience ul li>.photo {
    width: 100%;
    margin-bottom: 15px;
  }

  #experience ul li>.text {
    width: 100%;
  }

  #experience ul li:nth-child(even)>.photo {
    order: 1;
  }

  #experience ul li:nth-child(even)>.text {
    order: 2;
    width: 100%;
  }

  #experience ul li>.photo img {
    left: 0;
  }

  #experience ul li:nth-child(even)>.photo img {
    right: 0;
  }

  #experience ul li>.text .text__title span {
    font-size: 22px;
  }

  #experience li .news {
    padding: 10px 20px;
  }

  #map .head {
    margin-bottom: 40px;
  }

  #map .head p {
    font-size: 15px;
  }

  #facility .list h5,
  #facility .list h6 {
    font-size: 15px;
  }

  #facility #restaurant h5 {
    font-size: 17px;
    margin-bottom: 12px;
  }

  #facility #spot_list li {
    width: 29.9%;
    margin: 0 5.15% 5.15% 0;
  }

  #facility #spot_list li:nth-child(4n) {
    margin-right: 5.15%;
  }

  #facility #spot_list li:nth-child(3n) {
    margin-right: 0;
  }

  #info .in {
    padding-left: 0;
  }

  #info h3 {
    font-size: 19px;
    margin-bottom: 30px;
  }

  #info .in .text {
    width: 100%;
    padding-right: 0;
  }

  #info .in .frame.pc {
    display: none;
  }

  #info .in .frame.sp {
    display: block;
  }

  #info .in .frame {
    width: 100%;
    height: 400px;
    margin-top: 30px;
  }

  #info .in .text .time {
    margin-bottom: 50px;
  }

  #info .in .guide {
    margin-top: 50px;
  }

  #info .in h4 {
    font-size: 16px;
  }

  #info .in dt {
    font-size: 16px;
  }

  #tourist_spot .head {
    margin-bottom: 50px;
  }

  #tourist_spot .head h3 {
    margin-bottom: 28px;
  }

  #tourist_spot .head h3 .en {
    font-size: 32px;
    letter-spacing: 0.05em;
  }

  #tourist_spot .head h3 .en span {
    font-size: 44px;
  }

  #tourist_spot .head h3 .ja {
    font-size: 17px;
  }

  #tourist_spot .head p {
    font-size: 15px;
  }

  #tourist_spot #slider1 {
    margin-bottom: 50px;
  }

  #tourist_spot .slick-slide {
    margin: 0 15px;
  }

  #tourist_spot li h4 {
    font-size: 19px;
  }

  #tourist_spot li dl dt,
  #tourist_spot li dl dd {
    font-size: 13px;
  }

  #tourist_spot li dl dt {
    width: 60px;
  }
}

@media screen and (max-width: 750px) {

  /*2022/08/05 追加 開始↓*/
  #bustour .slick_com .slide .slick-prev,
  #bustour .slick_com .slide .slick-next {
    display: none !important;
  }

  #bustour li .cap {
    display: none;
  }

  #bustour li dd span.sp_none {
    display: none;
  }

  #bustour li h4 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed;
  }

  /*2022/08/05 終了↑*/
}

@media screen and (max-width: 640px) {
  img.pc {
    display: none;
  }

  img.sp {
    display: block;
  }

  /*2022/08/04 追加 開始↓*/
  .spbr {
    display: block;
  }

  /*2022/08/04 終了↑*/


  #mainimg figure img {
    width: 100%;
    position: static;
    left: 0;
    transform: translateX(0);
  }

  /*2022/08/04 追加 開始↓*/
  #lead .inner {
    padding: 17% 20px 30px 20px;
  }

  #lead .inner .lead__heading {
    width: 100vw;
    position: absolute;
    top: -24px;
    left: -20px;
    transform: translateY(0);
  }

  #lead .abimg.abimg2,
  #lead .abimg.abimg4 {
    display: none;
  }

  #lead .abimg3 {
    right: 5px;
  }

  /*2022/08/04 終了↑*/

  #bustour .bustour__title {
    margin-right: 0;
    margin-bottom: 30px;
    left: 0;
  }

  /*2022/08/04 追加 開始↓*/
  #bustour .bustour__title img.sp {
    width: 100%;
    margin: 0 auto;
  }

  /*2022/08/04 終了↑*/
  #bustour li {
    width: 100%;
  }

  #bustour li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 50px;
  }

  #bustour li figure {
    margin-bottom: 15px;
  }

  #bustour li h4 {
    margin-bottom: 10px;
  }

  #bustour li .price {
    margin-bottom: 20px;
  }

  /*2022/08/04 追加 開始↓*/
  #charm {
    padding: 30px 0 55px;
  }

  /*2022/08/04 終了↑*/
  #charm .head {
    margin-bottom: 30px;
  }

  #charm .head .text {
    width: 100%;
    padding-left: 0;
  }

  /*2022/08/04 追加 開始↓*/
  #charm .head .text h3 {
    width: 76.5%;
    margin: 0 auto 20px;
  }

  /*2022/08/04 終了↑*/
  #charm .head .text p {
    padding-right: 0;
  }

  #charm ul li {
    width: 100% !important;
    margin: 0 auto;
  }

  #charm ul li:nth-child(1) {
    margin-bottom: 0;
  }

  #charm ul li:nth-child(2) {
    margin-bottom: 0;
  }

  /* #charm ul li:nth-child(3) {
    margin-bottom: -8px;
    position: relative;
    top: -8px;
  } */
  /* #charm ul li:nth-child(4) {
    margin-bottom: -20px;
    position: relative;
    top: -20px;
  } */
  #charm ul li img {
    width: 103%;
  }

  #charm .head .abimg {
    display: none;
  }

  #experience {
    padding: 2.8% 0 50px 0;
  }

  #experience .head {
    margin-bottom: 30px;
  }

  #experience .head .head__title {
    width: calc(100% + 40px);
    margin-right: -20px;
    position: relative;
    left: -20px;
  }

  #experience .head p {
    padding: 0;
  }

  #experience .head .abimg {
    display: none;
  }

  #experience ul li:not(:last-child) {
    margin-bottom: 50px;
  }

  #map .head {
    margin-bottom: 35px;
  }

  /*2022/08/04 追加 開始↓*/
  #map .head h3 {
    width: 100%;
    margin-bottom: 25px;
  }

  /*2022/08/04 終了↑*/
  #map #map_img {
    width: 100%;
    margin-bottom: 80px;
  }

  #map .abimg {
    display: none;
  }

  #facility {
    padding: 5px 20px 30px 20px;
  }

  #facility h4 {
    width: calc(100% + 80px);
    margin-right: -40px;
    position: relative;
    left: -40px;
    transform: translateY(-35px);
  }

  /*2022/08/05 追加 開始↓*/
  #facility .in {
    max-width: 500px;
  }

  #facility #spot_list li {
    width: 47.4%;
  }

  #facility #spot_list li:nth-child(2n) {
    margin-right: 0;
  }

  #facility #spot_list li:nth-child(3n) {
    margin-right: auto;
  }

  /* #facility #spot_list li:nth-child(4n) {
  margin-right: 0;
} */
  #facility #spot_list li:not(:last-child) {
    margin-bottom: 30px;
  }

  #facility #restaurant_list li {
    width: 47.4%;
  }

  #facility #restaurant_list li:nth-child(odd) {
    margin-right: 3.4% !important;
  }

  #facility #restaurant_list li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
  }

  #facility .list h5,
  #facility .list h6 {
    font-size: 14px;
    margin-bottom: 0;
  }

  #facility .list p {
    font-size: 13px;
  }

  /*2022/08/05 終了↑*/

  #info h3 {
    margin-bottom: 28px;
  }

  #info .in .frame {
    height: 380px;
  }

  #info .in .text .time {
    margin-bottom: 45px;
  }

  #info .in .guide {
    margin-top: 45px;
  }

  #tourist_spot {
    padding: 50px 0 50px 0;
  }

  #tourist_spot .head {
    margin-bottom: 45px;
  }

  #tourist_spot .head h3 {
    margin-bottom: 25px;
  }

  #tourist_spot .head h3 span {
    line-height: 1.6;
  }

  #tourist_spot .head h3 .en {
    font-size: 28px;
  }

  #tourist_spot .head h3 .en span {
    font-size: 38px;
  }

  #tourist_spot #slider1 {
    margin-bottom: 48px;
  }

  #tourist_spot .slick-slider {
    padding: 0 5px;
  }

  #tourist_spot .slick-slide {
    margin: 0 13px;
  }
}

@media screen and (max-width: 500px) {
  #lead {
    padding: 35px 0 45px 0;
  }

  /*2022/08/04 追加 開始↓*/
  #lead .inner {
    padding-bottom: 25px;
  }

  #lead .inner .lead__heading {
    top: -20px;
  }

  /*2022/08/04 終了↑*/
  #lead .inner p {
    font-size: 16px;
  }

  #experience li .news {
    padding: 20px 20px;
  }

  #experience li .news .text {
    flex: auto;
    padding: 0;
  }

  #map {
    padding: 0 0 50px 0;
  }

  #info {
    padding: 50px 0;
  }

  #info h3 {
    margin-bottom: 25px;
  }

  #info .in .frame {
    height: 350px;
  }

  #info .in .text .time {
    margin-bottom: 40px;
  }

  #info .in .guide {
    margin-top: 40px;
  }

  #tourist_spot .head {
    margin-bottom: 40px;
  }

  #tourist_spot .head h3 .en {
    font-size: 22px;
  }

  #tourist_spot .head h3 .en span {
    font-size: 32px;
  }

  #tourist_spot #slider1 {
    margin-bottom: 45px;
  }

  #tourist_spot .slick-slider {
    padding: 0 10px;
  }

  #tourist_spot .slick-slide {
    margin: 0 10px;
  }
}

@media screen and (max-width: 480px) {

  /*2022/08/04 追加 開始↓*/
  .spbr_480 {
    display: block;
  }

  #facility {
    padding: 5px 15px 30px 15px;
  }

  /* #facility .in {
    max-width: 300px;
    padding: 0 10px;
  } */
  #facility #spot_list {
    margin-bottom: 40px;
  }

  /* #facility #spot_list li {
    width: 100%;
    margin: 0;
  }
  #facility #spot_list li:nth-child(4n) {
    margin-right: 0;
  }*/
  #facility #spot_list li:not(:last-child) {
    margin-bottom: 20px;
  }

  #facility #restaurant_list li {
    width: 100%;
  }

  #facility #restaurant_list li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
  }

  #facility #restaurant_list li:nth-child(odd) {
    margin-right: 0 !important;
  }

  /*2022/08/04 終了↑*/

  #bustour .page {
    padding: 0 10px;
  }

  #bustour .slick_com .slide .slick-slide {
    margin: 0 5px;
  }

  #bustour li a {
    font-size: 14px;
    font-weight: bold;
    color: #28b472;
    text-align: center;
    max-width: 265px;
    padding: 15px 20px 15px 10px;
    margin: 0 auto;
    border: 2px solid #28b472;
    border-radius: 30px;
    background: #fcee21 url(../../imgs_new/hokkaido/asahiyama/arrow_gr.svg) no-repeat right 8px center;
    background-size: 27px auto;
    transition: color 0.5s, background 0.5s;
  }
}

/*-----------------------------------------------------
margin関係
-----------------------------------------------------*/

.m-t-5 { margin-top: -5px!important; }
.m-t1 { margin-top: 1px!important; }
.m-t2 { margin-top: 2px!important; }
.m-t3 { margin-top: 3px!important; }
.m-t4 { margin-top: 4px!important; }
.m-t5 { margin-top: 5px!important; }
.m-t6 { margin-top: 6px!important; }
.m-t7 { margin-top: 7px!important; }
.m-t8 { margin-top: 8px!important; }
.m-t9 { margin-top: 9px!important; }
.m-t10 { margin-top: 10px!important; }
.m-t11 { margin-top: 11px!important; }
.m-t12 { margin-top: 12px!important; }
.m-t13 { margin-top: 13px!important; }
.m-t14 { margin-top: 14px!important; }
.m-t15 { margin-top: 15px!important; }
.m-t16 { margin-top: 16px!important; }
.m-t17 { margin-top: 17px!important; }
.m-t18 { margin-top: 18px!important; }
.m-t19 { margin-top: 19px!important; }
.m-t20 { margin-top: 20px!important; }
.m-t21 { margin-top: 21px!important; }
.m-t22 { margin-top: 22px!important; }
.m-t23 { margin-top: 23px!important; }
.m-t24 { margin-top: 24px!important; }
.m-t25 { margin-top: 25px!important; }
.m-t26 { margin-top: 26px!important; }
.m-t27 { margin-top: 27px!important; }
.m-t28 { margin-top: 28px!important; }
.m-t29 { margin-top: 29px!important; }
.m-t30 { margin-top: 30px!important; }
.m-t35 { margin-top: 35px!important; }
.m-t40 { margin-top: 40px!important; }
.m-t45 { margin-top: 45px!important; }
.m-t50 { margin-top: 50px!important; }
.m-t60 { margin-top: 60px!important; }
.m-t70 { margin-top: 70px!important; }
.m-t80 { margin-top: 80px!important; }
.m-t90 { margin-top: 90px!important; }
.m-t100 { margin-top: 100px!important; }
.m-t200 { margin-top: 200px!important; }
.m-t300 { margin-top: 300px!important; }
.m-t400 { margin-top: 400px!important; }
.m-t500 { margin-top: 500px!important; }
.m-b1 { margin-bottom: 1px!important; }
.m-b2 { margin-bottom: 2px!important; }
.m-b3 { margin-bottom: 3px!important; }
.m-b4 { margin-bottom: 4px!important; }
.m-b5 { margin-bottom: 5px!important; }
.m-b10 { margin-bottom: 10px!important; }
.m-b15 { margin-bottom: 15px!important; }
.m-b20 { margin-bottom: 20px!important; }
.m-b25 { margin-bottom: 25px!important; }
.m-b30 { margin-bottom: 30px!important; }
.m-l1{ margin-left: 1px!important; }
.m-l2{ margin-left: 2px!important; }
.m-l3{ margin-left: 3px!important; }
.m-l4{ margin-left: 4px!important; }
.m-l5{ margin-left: 5px!important; }
.m-l6{ margin-left: 6px!important; }
.m-l7{ margin-left: 7px!important; }
.m-l8{ margin-left: 8px!important; }
.m-l9{ margin-left: 9px!important; }
.m-l10{ margin-left: 10px!important; }
.m-l11{ margin-left: 11px!important; }
.m-l12{ margin-left: 12px!important; }
.m-l15{ margin-left: 15px!important; }
.m-l20{ margin-left: 20px!important; }
.m-l25{ margin-left: 25px!important; }
.m-l30{ margin-left: 30px!important; }
.m-r1{ margin-right: 1px!important; }
.m-r2{ margin-right: 2px!important; }
.m-r3{ margin-right: 3px!important; }
.m-r4{ margin-right: 4px!important; }
.m-r5{ margin-right: 5px!important; }
.m-r6{ margin-right: 6px!important; }
.m-r7{ margin-right: 7px!important; }
.m-r8{ margin-right: 8px!important; }
.m-r9{ margin-right: 9px!important; }
.m-r10{ margin-right: 10px!important; }
.m-r15{ margin-right: 15px!important; }
.m-r20{ margin-right: 20px!important; }
.m-r25{ margin-right: 25px!important; }
.m-r30{ margin-right: 30px!important; }

/*-----------------------------------------------------
padding関係
-----------------------------------------------------*/
.p-2{ padding: 2px; }
.p-3{ padding: 3px; }
.p-5{ padding: 5px; }
.p-rl5{ padding: 0 5px 0 5px; }
.p-10{ padding: 10px 10px 10px 10px; }
.p-15{ padding: 15px; }
.p-20{ padding: 20px; }
.p-25{ padding: 25px; }
.p-30{ padding: 30px; }
.p-35{ padding: 35px; }
.p-40{ padding: 40px; }
.p-45{ padding: 45px; }
.p-50{ padding: 50px; }
.p-55{ padding: 55px; }
.p-60{ padding: 60px; }
.p-65{ padding: 65px; }
.p-70{ padding: 70px; }
.p-t30 { padding-top: 30px!important; }


/*-----------------------------------------------------
フォントweight
-----------------------------------------------------*/
.fb{ font-weight: bold; }
.fn{ font-weight: normal; }
/*-----------------------------------------------------
フォントサイズ
-----------------------------------------------------*/
.f-s06em { font-size: 0.6em; }
.f-s07em { font-size: 0.7em; }
.f-s08em { font-size: 0.8em; }
.f-s09em { font-size: 0.9em; }
.f-s11em { font-size: 1.1em; }
.f-s12em { font-size: 1.2em; }
.f-s13em { font-size: 1.3em; }
.f-s14em { font-size: 1.4em; }
/*-----------------------------------------------------
フォントカラー
-----------------------------------------------------*/
.fc-333{ color:#333333; }
.fc-666{ color:#666666; }
.fc-999{ color:#999999; }
.fc-ccc{ color:#CCCCCC; }
.fc-red{ color:#CC0000; }
.fc-red2{ color:#AB0128; }
.fc-red3{ color:#D05656; }
.fc-pink{ color:#E95079; }
.fc-pink2{ color:#EB4678; }
.fc-ora{ color:#FF6600; }
.fc-whi{ color:#FFFFFF; }
.fc-green{ color:#009900; }
.fc-green2{ color:#336600; }
.fc-blu{ color:#006699 }
.fc-blu2{ color:#72d5d6; }
.fc-gra2{ color:#979a9b; }
.fc-bro2{ color:#d0773c; }
.fc-red4{ color:#fe584b; }
.fc-gre2{ color:#dde04a; }
.fc-yel2{ color:#ffcc00; }

.red{ color: #CC0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.sky{ color: #3399ff!important; }/*青*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/

.col-red{ color: #ff574a!important; }/*ロゴ赤*/
.col-yel{ color: #fff000!important; }/*ロゴ黄色*/
.col-blu{ color: #74d4d5!important; }/*ロゴ水色*/
.col-gla{ color: #999a9B!important; }/*ロゴグレー*/
.col-bro{ color: #d1773B!important; }/*ロゴ茶*/
.col-gre{ color: #dee049!important; }/*ロゴ黄緑*/

/*-----------------------------------------------------
マーカー
-----------------------------------------------------*/

.marker_yel{
	background:#FFFF33;
}

/*-----------------------------------------------------
背景色
-----------------------------------------------------*/
.bg_grey1{ background:#F9F9F9; }/* うすグレー */
.bg_yellow{ background:#FFFFE0;	border:solid 1px #E6DB55;}/* うす黄色 */
.bg_d-yellow{background:#f6f4e7;	border:solid 1px #e6decf;}/* ダークイエロー */
/*background:#F4EFE1; 濃いベージュ*/
.bg_beige{background:#FDE8CB;}/* ベージュ */
.bg_l-blue{ background:#3498db; }/* 水色 */
.bg-blu{ background:#006699; }/* 青色 */
.bg-000{ background:#000000; }/*黒*/
.bg-333{ background:#333333; }/*グレー*/
.bg-666{ background:#666666; }/*グレー*/
.bg-999{ background:#999999; }/*グレー*/
.bg-ccc{ background:#CCCCCC; }/*グレー*/
.bg-efefef{ background:#efefef; }/*グレー*/
.bg-f9f9f9{ background:#f9f9f9; }/*グレー*/
.bg-f1f1f1{ background:#f1f1f1; }/*グレー*/
.bg-fff{ background:#fff; }/*白*/
.bg-pin1{ background:#FDE0DA; }/*薄紅*/
.bg-pink{ background:#FF99FF; }/*ピンク*/
.bg-s-pink{ background:#F53D7E; }/*ショッキングピンク*/
.bg-pink2{ background:#ffccff; }/*うすピンク*/
.bg-ora{ background:#FF9933; }/*オレンジ*/
.bg-green{ background:#e0e8d0; }/*薄緑*/
.bg-green2{ background:#009900; }/*緑*/
.bg-line-green{ background:#00B900; }/*Lineグリーン*/
.bg-blue{ background:#C8D2E3;}/*薄青*/
.bg-ashblue{ background:#F0F6FD;}/*アッシュblue*/
.bg-ffffcc{ background:#ffffcc; }/*薄黄*/
.bg-ffcc99{ background:#ffcc99; }/*薄茶*/
.bg-natsu-fes2020{ background:linear-gradient(to right, #222 10%, #fcbd18 10% 26%, #3b4dd3 26% 42%, #e64d14 42% 58%, #9e9f99 58% 74%, #00963d 74% 90%, #222 10%); }/*フジロックイメージカラー*/
.bg-natsu-fes-img{background-color:#e64d14; background-image: url("../img/natsu-fes/bg_1914x442.png") ;background-repeat: no-repeat;background-position: center bottom;}/*フジロックイメージpict*/

.bg-col-red{ background:#ff574a; }/*ロゴ赤*/
.bg-col-yel{ background:#fff000; }/*ロゴ黄色*/
.bg-col-blu{ background:#74d4d5; }/*ロゴ水色*/
.bg-col-gla{ background:#999a9B; }/*ロゴグレー*/
.bg-col-bro{ background:#d1773B; }/*ロゴ茶*/
.bg-col-gre{ background:#dee049; }/*ロゴ黄緑*/

.bg-rgba60{background-color: rgba(0,0,0,0.6);}/*半透明黒60％*/
.bg-rgba40{background-color: rgba(0,0,0,0.4);}/*半透明黒40％*/
.bg-rgba20{background-color: rgba(0,0,0,0.2);}/*半透明黒20％*/
.bg-rgba60-fff{background-color: rgba(255,255,255,0.6);}/*半透明白60％*/
.bg-rgba40-fff{background-color: rgba(255,255,255,0.4);}/*半透明白40％*/
.bg-rgba20-fff{background-color: rgba(255,255,255,0.2);}/*半透明白20％*/


/*-----------------------------------------------------
ボーダー border
-----------------------------------------------------*/

/* 実線グレー */

.bo{ border:solid 1px #CCCCCC; }
.bo-t{ border-top:solid 1px #CCCCCC; }
.bo-l{ border-left:solid 1px #CCCCCC; }
.bo-r{ border-right:solid 1px #CCCCCC; }
.bo-b{ border-bottom:solid 1px #CCCCCC; }

/* 実線グレー(太枠) */

.bo-5px{ border:solid 5px #CCCCCC; }


/* 点線グレー */

.bo-dot{ border:dotted 1px #CCCCCC; }
.bo-dot-t{ border-top:dotted 1px #CCCCCC; }
.bo-dot-l{ border-left:dotted 1px #CCCCCC; }
.bo-dot-r{ border-right:dotted 1px #CCCCCC; }
.bo-dot-b{ border-bottom:dotted 1px #CCCCCC; }

/* 実線*上5pxロゴカラー */
.bo-t5_red{ border-top:5px solid #ff574a!important; }/*ロゴ赤*/
.bo-t5_yel{ border-top:5px solid #fff000!important; }/*ロゴ黄色*/
.bo-t5_blu{ border-top:5px solid #74d4d5!important; }/*ロゴ水色*/
.bo-t5_gla{ border-top:5px solid #999a9B!important; }/*ロゴグレー*/
.bo-t5_bro{ border-top:5px solid #d1773B!important; }/*ロゴ茶*/
.bo-t5_gre{ border-top:5px solid #dee049!important; }/*ロゴ黄緑*/
.bo-t5_ora{ border-top:5px solid #FF9933!important; }/*オレンジ*/

/* 実線*上8pxロゴカラー */
.bo-t8_red{ border-top:8px solid #ff574a!important; }/*ロゴ赤*/
.bo-t8_yel{ border-top:8px solid #fff000!important; }/*ロゴ黄色*/
.bo-t8_blu{ border-top:8px solid #74d4d5!important; }/*ロゴ水色*/
.bo-t8_gla{ border-top:8px solid #999a9B!important; }/*ロゴグレー*/
.bo-t8_bro{ border-top:8px solid #d1773B!important; }/*ロゴ茶*/
.bo-t8_gre{ border-top:8px solid #dee049!important; }/*ロゴ黄緑*/

/* 実線*上10pxロゴカラー */
.bo-t10_red{ border-top:10px solid #ff574a!important; }/*ロゴ赤*/
.bo-t10_yel{ border-top:10px solid #fff000!important; }/*ロゴ黄色*/
.bo-t10_blu{ border-top:10px solid #74d4d5!important; }/*ロゴ水色*/
.bo-t10_gla{ border-top:10px solid #999a9B!important; }/*ロゴグレー*/
.bo-t10_bro{ border-top:10px solid #d1773B!important; }/*ロゴ茶*/
.bo-t10_gre{ border-top:10px solid #dee049!important; }/*ロゴ黄緑*/

/* 実線*下5pxロゴカラー */
.bo-b5_red{ border-bottom:5px solid #ff574a!important; }/*ロゴ赤*/
.bo-b5_yel{ border-bottom:5px solid #fff000!important; }/*ロゴ黄色*/
.bo-b5_blu{ border-bottom:5px solid #74d4d5!important; }/*ロゴ水色*/
.bo-b5_gla{ border-bottom:5px solid #999a9B!important; }/*ロゴグレー*/
.bo-b5_bro{ border-bottom:5px solid #d1773B!important; }/*ロゴ茶*/
.bo-b5_gre{ border-bottom:5px solid #dee049!important; }/*ロゴ黄緑*/
.bo-b5_ora{ border-bottom:5px solid #FF9933!important; }/*オレンジ*/

/*-----------------------------------------------------
テキスト位置
-----------------------------------------------------*/
.cen{ text-align: center; }
.tacen{ margin: 0 auto; display: table; }
.rit{ text-align: right; }
.lef{ text-align: left; }

.m-auto{ margin:0px auto 0px auto; }

/*-----------------------------------------------------
float関係
-----------------------------------------------------*/
.fl-box{ overflow: hidden;}
.fl{ float: left; }
.fr{ float: right; }


/*-----------------------------------------------------
width関係(%)
-----------------------------------------------------*/

/* ●モバイル時に広がる */
.w1per{ width: 1%; }
.w2per{ width: 2%; }
.w3per{ width: 3%; }
.w4per{ width: 4%; }
.w5per{ width: 5%; }
.w6per{ width: 6%; }
.w7per{ width: 7%; }
.w8per{ width: 8%; }
.w9per{ width: 9%; }
.w10per{ width: 10%; }
.w11per{ width: 11%; }
.w12per{ width: 12%; }
.w13per{ width: 13%; }
.w14per{ width: 14%; }
.w15per{ width: 15%; }
.w16per{ width: 16%; }
.w16-666per{ width: 16.666666%; }
.w17per{ width: 17%; }
.w18per{ width: 18%; }
.w19per{ width: 19%; }
.w20per{ width: 20%; }
.w21per{ width: 21%; }
.w22per{ width: 22%; }
.w23per{ width: 23%; }
.w24per{ width: 24%; }
.w25per{ width: 25%; }
.w26per{ width: 26%; }
.w27per{ width: 27%; }
.w28per{ width: 28%; }
.w29per{ width: 29%; }
.w30per{ width: 30%; }
.w31per{ width: 31%; }
.w32per{ width: 32%; }
.w33per{ width: 33%; }
.w34per{ width: 34%; }
.w35per{ width: 35%; }
.w36per{ width: 36%; }
.w37per{ width: 37%; }
.w38per{ width: 38%; }
.w39per{ width: 39%; }
.w40per{ width: 40%; }
.w41per{ width: 41%; }
.w42per{ width: 42%; }
.w43per{ width: 43%; }
.w44per{ width: 44%; }
.w45per{ width: 45%; }
.w46per{ width: 46%; }
.w47per{ width: 47%; }
.w48per{ width: 48%; }
.w49per{ width: 49%; }
.w50per{ width: 50%; }
.w51per{ width: 51%; }
.w52per{ width: 52%; }
.w53per{ width: 53%; }
.w54per{ width: 54%; }
.w55per{ width: 55%; }
.w56per{ width: 56%; }
.w57per{ width: 57%; }
.w58per{ width: 58%; }
.w59per{ width: 59%; }
.w60per{ width: 60%; }
.w61per{ width: 61%; }
.w62per{ width: 62%; }
.w63per{ width: 63%; }
.w64per{ width: 64%; }
.w65per{ width: 65%; }
.w66per{ width: 66%; }
.w67per{ width: 67%; }
.w68per{ width: 68%; }
.w69per{ width: 69%; }
.w70per{ width: 70%; }
.w71per{ width: 71%; }
.w72per{ width: 72%; }
.w73per{ width: 73%; }
.w74per{ width: 74%; }
.w75per{ width: 75%; }
.w76per{ width: 76%; }
.w77per{ width: 77%; }
.w78per{ width: 78%; }
.w79per{ width: 79%; }
.w80per{ width: 80%; }
.w81per{ width: 81%; }
.w82per{ width: 82%; }
.w83per{ width: 83%; }
.w84per{ width: 84%; }
.w85per{ width: 85%; }
.w86per{ width: 86%; }
.w87per{ width: 87%; }
.w88per{ width: 88%; }
.w89per{ width: 89%; }
.w90per{ width: 90%; }
.w91per{ width: 91%; }
.w92per{ width: 92%; }
.w93per{ width: 93%; }
.w94per{ width: 94%; }
.w95per{ width: 95%; }
.w96per{ width: 96%; }
.w97per{ width: 97%; }
.w98per{ width: 98%; }
.w99per{ width: 99%; }
.w100per{ width: 100%; }

/* スマホ用 */

@media
only screen and (max-width : 640px){

.w1per,.w2per,.w3per,.w4per,.w5per,
.w6per,.w7per,.w8per,.w9per,.w10per,
.w11per,.w12per,.w13per,.w14per,.w15per,
.w16per,.w16-666per,.w17per,.w18per,.w19per,.w20per,
.w21per,.w22per,.w23per,.w24per,.w25per,
.w26per,.w27per,.w28per,.w29per,.w30per,
.w31per,.w32per,.w33per,.w34per,.w35per,
.w36per,.w37per,.w38per,.w39per,.w40per,
.w41per,.w42per,.w43per,.w44per,.w45per,
.w46per,.w47per,.w48per,.w49per,.w50per,
.w51per,.w52per,.w53per,.w54per,.w55per,
.w56per,.w57per,.w58per,.w59per,.w60per,
.w61per,.w62per,.w63per,.w64per,.w65per,
.w66per,.w67per,.w68per,.w69per,.w70per,
.w71per,.w72per,.w73per,.w74per,.w75per,
.w76per,.w77per,.w78per,.w79per,.w80per,
.w81per,.w82per,.w83per,.w84per,.w85per,
.w86per,.w87per,.w88per,.w89per,.w90per,
.w91per,.w92per,.w93per,.w94per,.w95per,
.w96per,.w97per,.w98per,
.w99per{
	width:96%!important;
	margin-left:2%!important;
	margin-right:2%!important;
}
}
/* ●モバイルでも比率を保つ */
.mw10per{ width: 10%; }
.mw11per{ width: 11%; }
.mw12per{ width: 12%; }
.mw13per{ width: 13%; }
.mw14per{ width: 14%; }
.mw15per{ width: 15%; }
.mw16per{ width: 16%; }
.mw16-666per{ width: 16.666666%; }
.mw17per{ width: 17%; }
.mw18per{ width: 18%; }
.mw19per{ width: 19%; }
.mw20per{ width: 20%; }
.mw21per{ width: 21%; }
.mw22per{ width: 22%; }
.mw23per{ width: 23%; }
.mw24per{ width: 24%; }
.mw25per{ width: 25%; }
.mw26per{ width: 26%; }
.mw27per{ width: 27%; }
.mw28per{ width: 28%; }
.mw29per{ width: 29%; }
.mw30per{ width: 30%!important; }
.mw31per{ width: 31%; }
.mw32per{ width: 32%; }
.mw33per{ width: 33%; }
.mw34per{ width: 34%; }
.mw35per{ width: 35%; }
.mw36per{ width: 36%; }
.mw37per{ width: 37%; }
.mw38per{ width: 38%; }
.mw39per{ width: 39%; }
.mw40per{ width: 40%; }
.mw41per{ width: 41%; }
.mw42per{ width: 42%; }
.mw43per{ width: 43%; }
.mw44per{ width: 44%; }
.mw45per{ width: 45%; }
.mw46per{ width: 46%; }
.mw47per{ width: 47%; }
.mw48per{ width: 48%; }
.mw49per{ width: 49%; }
.mw50per{ width: 50%!important; }
.mw51per{ width: 51%; }
.mw52per{ width: 52%; }
.mw53per{ width: 53%; }
.mw54per{ width: 54%; }
.mw55per{ width: 55%; }
.mw56per{ width: 56%; }
.mw57per{ width: 57%; }
.mw58per{ width: 58%; }
.mw59per{ width: 59%; }
.mw60per{ width: 60%; }
.mw61per{ width: 61%; }
.mw62per{ width: 62%; }
.mw63per{ width: 63%; }
.mw64per{ width: 64%; }
.mw65per{ width: 65%; }
.mw66per{ width: 66%; }
.mw67per{ width: 67%; }
.mw68per{ width: 68%; }
.mw69per{ width: 69%; }
.mw70per{ width: 70%; }
.mw71per{ width: 71%; }
.mw72per{ width: 72%; }
.mw73per{ width: 73%; }
.mw74per{ width: 74%; }
.mw75per{ width: 75%; }
.mw76per{ width: 76%; }
.mw77per{ width: 77%; }
.mw78per{ width: 78%; }
.mw79per{ width: 79%; }
.mw80per{ width: 80%; }
.mw81per{ width: 81%; }
.mw82per{ width: 82%; }
.mw83per{ width: 83%; }
.mw84per{ width: 84%; }
.mw85per{ width: 85%; }
.mw86per{ width: 86%; }
.mw87per{ width: 87%; }
.mw88per{ width: 88%; }
.mw89per{ width: 89%; }
.mw90per{ width: 90%; }
.mw91per{ width: 91%; }
.mw92per{ width: 92%; }
.mw93per{ width: 93%; }
.mw94per{ width: 94%; }
.mw95per{ width: 95%; }
.mw96per{ width: 96%; }
.mw97per{ width: 97%; }
.mw98per{ width: 98%; }
.mw99per{ width: 99%; }
.mw100per{ width: 100%; }

@media screen and (max-width: 375px) {
  #tourist_spot .head h3 .en {
    font-size: 20px;
  }

  #tourist_spot .head h3 .en span {
    font-size: 30px;
  }
}

#mainimg #mv_ct {
  color: #fff;
  max-width: 1250px;
  width: 98%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 2;
}

#mainimg #mv_ct .mainimg__heading .mainimg__heading--txt1 {
  font-size: 35px;
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 1em;
  margin-bottom: 15px;
  line-height: 1.6em;
  display: block;
  text-shadow: 1px 2px 3px #808080;
}

#mainimg #mv_ct .mainimg__heading .mainimg__heading--txt2 {
  font-size: 14px;
  display: block;
  text-shadow: 1px 2px 3px #808080;
}

#lead .inner .lead__heading {
  position: static;
  text-align: center;
  font-size: 28px;
  transform: none;
  color: #036eb8;
  margin-bottom: 30px;
  width: 100%;
}

#lead .inner {
  padding-top: 40px;
}


@media screen and (max-width: 768px) {
  #mainimg #mv_ct .mainimg__heading .mainimg__heading--txt1 {
    font-size: 25px;
  }

  #mainimg #mv_ct .mainimg__heading .mainimg__heading--txt2 {
    font-size: 13px;
  }

  #lead .inner .lead__heading {
    font-size: 20px;
  }
}