@import '../orodoki-explore-tour.css';

/* l-container */
#main #l-container {
  margin-bottom: 0;
}

/* Header */
#main .p-box-border .c-headline-2 {
  color: #3e377f;
}
#main .p-main-visual__title--vomlume {
  line-height: 56px;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  #main .p-main-visual__title--vomlume {
    margin-top: 24px;
    line-height: 36px;
  }
}
/* Section */
#main .c-section--thick--bg {
  background-color: #f0f0f0;
}
#main .c-section--bg.p-section--1 {
  background-color: #f7f3ed;
}
#main .c-section--bg.p-section--1 {
  margin-top: 0;
}
#main .c-section--bg.p-section--1 + .p-section--1 {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  #main .c-section--bg.p-section--1 + .p-section--1 {
    padding-top: 16px; } }
#main .js-carousel--single + .c-container__header {
  margin-top: 48px;
}

@media screen and (max-width: 767px) {
  #main .js-carousel--single + .c-container__header {
    margin-top: 24px;
  }
}
/* Border */
#main .p-box-border {
  border-color: #3e377f;
}
/* Button */
#main .c-button {
  background-color: #3e377f;
}
#main .c-button:hover {
  background-color: #008bd2;
}
#main .p-media__image + .c-container__body {
  margin-top: 80px;
}
#main .p-media__image + .p-media__image,
#main .p-media-caption + .p-media__image {
  margin-top: 48px;
}
#main .p-media__text + .p-media__text,
#main .c-text + .p-media__text {
  margin-top: 8px;
}
#main .c-text + .c-text-xsmall {
  margin-top: 36px;
}
#main .c-section--bg.blue,
#main .c-section--bg.orange {
  color: #fff;
}
@media screen and (max-width: 767px) {
  #main .c-section--bg.blue,
  #main .c-section--bg.orange {
    padding: 48px 0;
  }
}
/* Section Background */
#main .c-section--bg.blue,
#main .c-section--bg.blue .js-carousel--multi::before {
  background-color: #005d8c;
}

#main .c-section--bg.orange,
#main .c-section--bg.orange .js-carousel--multi::before {
  background-color: #d86b2a;
}

#main .js-carousel--multi {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  #main .js-carousel--multi {
    margin-top: 48px;
  }
}

#main .js-carousel--multi__header .c-headline-3 {
  letter-spacing: 0.17em;
}

#main .js-carousel--multi__text {
  min-height: 168px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .js-carousel--multi__text {
    min-height: initial;
  }
}
@media screen and (max-width: 767px) {
  #main .js-carousel--multi__text {
    min-height: initial;
  }
}
/* Bordered Button */
#main .c-btn-bordered {
  background-color: transparent;
  background-image: unset;
  border-radius: 3px;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin-top: 28px;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  transition: .3s ease-in-out;
  width: 100%;
}
#main .c-btn-bordered:hover {
  background-color: #fff;
  color: #333;
}
#module_breadcrumbs .utilityNav .pdfBtn > a {
  vertical-align: middle;
}
#module_breadcrumbs .utilityNav .pdfBtn > a > img {
  vertical-align: middle;
  position: relative;
  top: -0.2em;
}
/* Full Image Background */
#main .p-media--staticheigh .p-media__image {
  height: 375px;
}
#main .p-media--staticheigh .p-media__image-1 {
  background-image: url(/areahighlights/tohoku/tanken/img/04/img_01.jpg)
}
#main .p-media--staticheigh .p-media__image-2 {
  background-image: url(/areahighlights/tohoku/tanken/img/04/img_11.jpg)
}

#main .p-introduce-row .p-introduce-area::after {
  background: url(/areahighlights/tohoku/tanken/img/index/bg_map.png) no-repeat right bottom;
  bottom: -6px;
  height: 220px;
}

#main .p-introduce-row .p-introduce-person__img-1::after {
  background: url(/areahighlights/tohoku/tanken/img/index/bg_introduce_01.png) no-repeat right bottom;
}

#main .p-introduce-row .p-introduce-person::after {
  bottom: -18px;
  height: 232px;
}

#main .p-introduce-row .p-introduce-person::after,
#main .p-introduce-row .p-introduce-area::after {
  background-size: contain;
  content: '';
  position: absolute;
  width: 166px;
  right: 96px;
}

@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-introduce-row .p-introduce-person::after {
    bottom: -48px;
  }

  #main .p-introduce-row .p-introduce-person::after,
  #main .p-introduce-row .p-introduce-area::after {
    right: 24px;
  }
}

@media screen and (max-width: 767px) {
  #main .p-introduce-row .p-introduce__name {
    margin-top: 0;
  }

  #main .p-introduce-row .p-introduce-person::after {
    bottom: auto;
    right: 16px;
    top: 8px;
    height: 110px;
  }

  #main .p-introduce-row .p-introduce-area::after {
    right: 4px;
    top: 0;
    bottom: auto;
    height: 110px;
  }

}

#main .c-text-small--thin.c-text--unique {
  min-height: 192px;
}

/* Carousel Navigation */
#main .js-carousel--single .slick-dots li:hover button::before {
  background-color: #3e377f;
}
#main .js-carousel--single .slick-dots li.slick-active button::before {
  background-color: #3e377f;
}


@media print {
  #main .p-main-visual__header {
    zoom: 60%;
  }
}

#main .publication-note {
  max-width: 1120px;
  margin-top: 24px;
  font-size: 14px;
  text-align: right;
}

@media screen and (max-width: 767px) {
  #main .publication-note {
    text-align: left;
  }
}

#main .c-section--thick--bg.p-introduce {
  padding-bottom: 24px;
}

.global-header {
  -webkit-font-smoothing: subpixel-antialiased;
}

.global-footer {
  font-size: 14.08px;
  -webkit-font-smoothing: subpixel-antialiased;
}
