/* Header */
#main .c-headline-1 {
  color: #c2492a;
}
#main .p-box-border .c-headline-2 {
  color: #c2492a;
}
/* Section */
#main .c-section--thick--bg {
  background-color: #eceef2;
}
#main .c-section--bg.p-section--1 {
  background-color: #fdffe5;
}
/* Border */
#main .p-box-border {
  border-color: #c2492a;
  background-color: #fcfafa;
}
/* Button */
#main .c-button {
  background-color: #c2492a;
}
#main .c-button:hover {
  background-color: #ce0000;
}
#module_breadcrumbs .utilityNav .pdfBtn > a {
  vertical-align: middle;
}
#module_breadcrumbs .utilityNav .pdfBtn > a > img {
  vertical-align: middle;
  position: relative;
  top: -0.2em;#main .p-introduce .p-introduce-person::after
}
/* Full Image Background */
#main .p-media--staticheigh .p-media__image-1 {
  background-image: url(/areahighlights/chugoku/autumn2017/img/bg_full_01.png);
  height: 416px;
}
#main .p-media--staticheigh .p-media__image-2 {
  background-image: url(/areahighlights/chugoku/autumn2017/img/bg_full_02.png);
  height: 416px;
}
#main .p-media--staticheigh .p-media__image-3 {
  background-image: url(/areahighlights/chugoku/autumn2017/img/bg_full_03.jpg);
  height: 416px;
}
#main .p-media--staticheigh .p-media__image-4 {
  background-image: url(/areahighlights/chugoku/autumn2017/img/bg_full_04.jpg);
  height: 416px;
}
@media screen and (min-width: 666px) and (max-width: 1119px) {
  #main .p-media--staticheigh .p-media__image-1,
  #main .p-media--staticheigh .p-media__image-2,
  #main .p-media--staticheigh .p-media__image-3,
  #main .p-media--staticheigh .p-media__image-4 {
    height: 320px;
  }
}
@media screen and (max-width: 665px) {
  #main .p-media--staticheigh .p-media__image-1,
  #main .p-media--staticheigh .p-media__image-2,
  #main .p-media--staticheigh .p-media__image-3,
  #main .p-media--staticheigh .p-media__image-4 {
    height: 160px;
  }
}
/* Introduce Area */
#main .p-introduce .p-introduce-person::after {
  background-image: url(/areahighlights/chugoku/autumn2017/img/bg_introduce.png);
  height: 290px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-introduce .p-introduce-person::after {
    height: 230px;
  }
}
@media screen and (max-width: 767px) {
  #main .p-introduce .p-introduce-person::after {
    height: 145px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-introduce .p-introduce-person .p-introduce__text::after {
    background: none; } }
@media screen and (max-width: 767px) {
  #main .p-introduce .p-introduce-person .p-introduce__text::after {
    background: none; } }
#main .p-introduce .p-introduce-area {
  background-image: url(/areahighlights/chugoku/autumn2017/img/bg_map.png);
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-introduce .p-introduce-area {
    background-size: 150px; } }
/* Carousel Navigation */
#main .js-carousel--single .slick-dots li:hover button:before {
  background-color: #c2492a;
}
#main .js-carousel--single .slick-dots li.slick-active button:before {
  background-color: #c2492a;
}
#main .js-carousel--multi .slick-arrow,
#main .js-carousel--multi .slick-prev:before,
#main .js-carousel--multi .slick-next:before {
  width: 32px;
  height: 32px;
}

#main .p-media__image + .p-media__image {
  margin-top: 48px;
}
#main .p-movie-area__link {
  margin-top: 24px;
}
#main .c-section--nomargin.p-introduce {
  background-color: #f0f0f0;
}
#main .c-section--nomargin.p-introduce .p-introduce-person::after {
  background: url(/areahighlights/chugoku/autumn2017/img/bg_introduce_02.png) no-repeat right bottom;
  width: 198px;
}
#main .c-section--nomargin.p-introduce .p-introduce-area {
  background-image: none;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .c-section--nomargin.p-introduce .p-introduce-person::after {
    height: 260px;
  }
  #main .c-section--nomargin .p-introduce__text {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  #main .c-section--nomargin.p-introduce .p-introduce-person::after {
    height: 130px;
    background-size: contain;
  }
}

#main .js-carousel--multi .slick-prev:before,
#main .js-carousel--multi .slick-next:before {
  background-color: #FDB10A;
}

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

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