@charset "utf-8";

[id^=slider-block] li a:not([href]):hover img {
  opacity: 1;
}
.res-inner-contents .ico-blank-img {
  width: auto!important;
}
#contents.mod_wrap {
  /* position: relative; */
  /* margin-top: -110px; */
}

@media (max-width: 767px){
  #contents.mod_wrap {
    /* margin-top: -57px; */
  }
}

.u_icon_in_heading {
  width: auto;
  height: 1em;
  vertical-align: -3px;
  box-sizing: content-box;
  padding-left: 10px;
}

@media (max-width: 767px){
  br.pc_only { display: none; }
}
@media (min-width: 768px){
  br.sp_only { display: none; }
}

.mod_fullscreen {
  margin-right: calc(((100vw - 100%) / 2) * -1);
  margin-left: calc(((100vw - 100%) / 2) * -1);
}

.c_bnr_1column {
  display: block;
}

/* 見出し要素のスタイル修正 */
#wrap-contents .mod_heading_lv2 {
  /* margin-bottom: 55px; */
}
#wrap-contents .mod_heading_lv2--sr_only .ttl-text {
  border: 0!important;
  clip: rect(0,0,0,0)!important;
  height: 1px!important;
  margin: -1px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  width: 1px!important;
}
#wrap-contents .mod_heading_lv2--sr_only {min-height: 12.5rem; position: relative;}
#wrap-contents .mod_heading_lv2--sr_only[data-text="west"] { background-color: #203669; }
#wrap-contents .mod_heading_lv2--sr_only[data-text="east"] { background-color: #85315e; }
#wrap-contents .mod_heading_lv2--sr_only::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 8.4rem;
  width: 40rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
  max-width: 100%;
}
#wrap-contents .mod_heading_lv2--sr_only[data-text="west"]::after {
  background-image: url(/domestic/area/chushikoku/local_yamaguchi-promotion_tc/images/txt_h2_west.png);
}
#wrap-contents .mod_heading_lv2--sr_only[data-text="east"]::after {
  background-image: url(/domestic/area/chushikoku/local_yamaguchi-promotion_tc/images/txt_h2_east.png);
}
#wrap-contents .mod_heading_lv2--sr_only::after {}
@media (max-width:767px){
  #wrap-contents .mod_heading_lv2 {
    margin-top: 30px;
    margin-bottom: 45px;
  }
  #wrap-contents .mod_heading_lv2--sr_only {
    min-height: 8.6rem;
  }
  #wrap-contents .mod_heading_lv2--sr_only::after {
    width: 26.3rem;
    height: 5.7rem;
  }
  #wrap-contents .mod_heading_lv2--sr_only[data-text="west"]::after {
    background-image: url(/domestic/area/chushikoku/local_yamaguchi-promotion_tc/images/txt_h2_west_sp.png);
  }
  #wrap-contents .mod_heading_lv2--sr_only[data-text="east"]::after {
    background-image: url(/domestic/area/chushikoku/local_yamaguchi-promotion_tc/images/txt_h2_east_sp.png);
  }
}
@media (max-width:374px){
  #wrap-contents .mod_heading_lv2--sr_only::after {
    width: 80%;
  }
}
#wrap-contents .mod_heading_lv2--first {
  margin-top: 35px;
}
@media (max-width:767px){
  #wrap-contents .mod_heading_lv2--first {
    margin-top: 15px;
  }
}
#wrap-contents .mod_heading_lv2 .ttl-text {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  font-size: 2.8rem;
  line-height: 1.18;
  font-weight: bold;
  color: #00146e;
  min-width: 384px;
}
@media (max-width:767px){
  #wrap-contents .mod_heading_lv2 .ttl-text {
    font-size: 2rem;
    line-height: 1.3;
    min-width: 257px;
  }
}
#wrap-contents .mod_heading_lv2 .ttl-text::after {
  content:'';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 30px;
  background-size: contain;
}
#wrap-contents .mod_heading_lv3 {
  text-align: center;
  padding-top: 25px;
  margin-top: 0;
}
#wrap-contents .mod_heading_lv3 .ttl-text {
  font-size: 3rem;
  line-height: 1.4;
  color: #00146e;
  font-weight: bold;
}
@media (max-width: 767px) {
  #wrap-contents .mod_heading_lv3 {
    padding-top: 30px;
  }
  #wrap-contents .mod_heading_lv3 .ttl-text {
    font-size: 2.1rem;
    line-height: 1.285;
  }
}

/* 背景画像幅100% */
#wrap-contents .c_bgImage {
  margin-right: calc(((100vw - 100%) / 2) * -1);
  margin-left: calc(((100vw - 100%) / 2) * -1);
  padding-right: calc(((100vw - 100%) / 2) * 1);
  padding-left: calc(((100vw - 100%) / 2) * 1);
  background-color: transparent;
  background-repeat: repeat;
  background-position: top center;
  position: relative;
  margin-top: 75px; 
  padding-bottom: 70px;
}
#wrap-contents .c_bgImage--searchmodule,
#wrap-contents .c_bgImage--searchmodule > * {
  position: static;
}
#wrap-contents .c_bgImage .cp-step-container.mod_step .step-box-body {
  background-color: transparent;
}

/* ステップ要素のスタイル修正 */

#wrap-contents .cp-step-container.mod_step {
  margin-top: 40px;
}
/* #wrap-contents .cp-step-container.mod_step .step-box-heading{
  border-radius: 20px;
} */
#wrap-contents .cp-step-container.mod_step .active .step-box-heading{
  /* border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; */
}
#wrap-contents .cp-step-container.mod_step .step-box-body {
  background-color: hsla(0,0%,100%,.9);
  /* border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; */
}
#wrap-contents .cp-step-container.mod_step--pale_blue .step-box-heading{
  background-color: #c5dce8;
  color: #00146e;
}
#wrap-contents .cp-step-container.mod_step--pale_blue .label {
  background-color: #296297;
  border-radius: 0;
}
#wrap-contents .cp-step-container.mod_step--violet .step-box-heading{
  background-color: #cdd3f2;
  color: #00146e;
}
#wrap-contents .cp-step-container.mod_step--violet .label {
  background-color: #484c9f;
  border-radius: 0;
  transform: rotate(45deg);
}
#wrap-contents .cp-step-container.mod_step--violet .label .num {
  transform: rotate(-45deg);
}
#wrap-contents .cp-step-container.mod_step--pink .step-box-heading{
  background-color: #eddbf2;
  color: #85315e;
}
#wrap-contents .cp-step-container.mod_step--pink .label {
  background-color: #a7357d;
  border-radius: 0;
}
#wrap-contents .cp-step-container.mod_step--red .step-box-heading{
  background-color: #f5d8eb;
  color: #85315e;
}
#wrap-contents .cp-step-container.mod_step--red .label {
  background-color: #bf2e50;
  border-radius: 0;
  transform: rotate(45deg);
}
#wrap-contents .cp-step-container.mod_step--red .label .num {
  transform: rotate(-45deg);
}
  /* プラスアイコン */
#wrap-contents .cp-step-container.mod_step--pale_blue .step-box-heading:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' preserveAspectRatio='xMinYMid' viewBox='x,y'%3E%3Crect y='10' width='22' height='2' style='fill:%2300146e'/%3E%3Crect x='10' width='2' height='22' style='fill:%2300146e'/%3E%3C/svg%3E");
}
#wrap-contents .cp-step-container.mod_step--violet .step-box-heading:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' preserveAspectRatio='xMinYMid' viewBox='x,y'%3E%3Crect y='10' width='22' height='2' style='fill:%2300146e'/%3E%3Crect x='10' width='2' height='22' style='fill:%2300146e'/%3E%3C/svg%3E");
}
#wrap-contents .cp-step-container.mod_step--pink .step-box-heading:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' preserveAspectRatio='xMinYMid' viewBox='x,y'%3E%3Crect y='10' width='22' height='2' style='fill:%2385315e'/%3E%3Crect x='10' width='2' height='22' style='fill:%2385315e'/%3E%3C/svg%3E");
}
#wrap-contents .cp-step-container.mod_step--red .step-box-heading:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' preserveAspectRatio='xMinYMid' viewBox='x,y'%3E%3Crect y='10' width='22' height='2' style='fill:%2385315e'/%3E%3Crect x='10' width='2' height='22' style='fill:%2385315e'/%3E%3C/svg%3E");
}
  /* マイナスアイコン */
#wrap-contents .cp-step-container.mod_step--pale_blue .active .step-box-heading:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' preserveAspectRatio='xMinYMid' viewBox='x,y'%3E%3Crect y='10' width='22' height='2' style='fill:%2300146e'/%3E%3C/svg%3E");
}
#wrap-contents .cp-step-container.mod_step--violet .active .step-box-heading:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' preserveAspectRatio='xMinYMid' viewBox='x,y'%3E%3Crect y='10' width='22' height='2' style='fill:%2300146e'/%3E%3C/svg%3E");
}
#wrap-contents .cp-step-container.mod_step--pink .active .step-box-heading:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' preserveAspectRatio='xMinYMid' viewBox='x,y'%3E%3Crect y='10' width='22' height='2' style='fill:%2385315e'/%3E%3C/svg%3E");
}
#wrap-contents .cp-step-container.mod_step--red .active .step-box-heading:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' preserveAspectRatio='xMinYMid' viewBox='x,y'%3E%3Crect y='10' width='22' height='2' style='fill:%2385315e'/%3E%3C/svg%3E");
}
@media (max-width: 767px){
  #wrap-contents .cp-step-container.mod_step .mod_text {
    margin-top: 20px;
  }
}
@media (min-width: 768px){
  #wrap-contents .cp-step-container.mod_step .res-ib-link {
    display: block;
  }
  #wrap-contents .cp-step-container.mod_step .ficon-s-arrow {
    display: block;
  }
  #wrap-contents .cp-step-container.mod_step .mod_link_color {
    padding-top: 1px;
  }
}
/* リンクの色修正 */
#wrap-contents .cp-step-container.mod_step .mod_link_color .ficon-s-arrow::before { top: 0.35em; }

#wrap-contents .cp-step-container.mod_step--pale_blue .mod_link_color .ficon-s-arrow:before { background-color: #00146e; }
#wrap-contents .cp-step-container.mod_step--pale_blue .mod_link_color .ficon-text { color: #00146e; }
#wrap-contents .cp-step-container.mod_step--violet .mod_link_color .ficon-s-arrow:before { background-color: #00146e; }
#wrap-contents .cp-step-container.mod_step--violet .mod_link_color .ficon-text { color: #00146e; }
#wrap-contents .cp-step-container.mod_step--pink .mod_link_color .ficon-s-arrow:before { background-color: #a7357d; }
#wrap-contents .cp-step-container.mod_step--pink .mod_link_color .ficon-text { color: #a7357d; }
#wrap-contents .cp-step-container.mod_step--red .mod_link_color .ficon-s-arrow:before { background-color: #bf2e50; }
#wrap-contents .cp-step-container.mod_step--red .mod_link_color .ficon-text { color: #bf2e50; }

#wrap-contents .cp-step-container.mod_step .mod_necessarytime {margin-top: 20px;}

#wrap-contents .cp-step-container.mod_step--pale_blue .mod_necessarytime { color: #00146e; }
#wrap-contents .cp-step-container.mod_step--violet .mod_necessarytime { color: #00146e; }
#wrap-contents .cp-step-container.mod_step--pink .mod_necessarytime { color: #99004b; }
#wrap-contents .cp-step-container.mod_step--red .mod_necessarytime { color: #85315e; }
#wrap-contents .cp-step-container.mod_step .mod_necessarytime * {font-weight: bold;}

#wrap-contents .cp-step-container.mod_step .mod_necessarytime .res-main-back {
  padding: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#wrap-contents .cp-step-container.mod_step--pale_blue .mod_necessarytime .res-main-back { background-color: #efefef; }
#wrap-contents .cp-step-container.mod_step--violet .mod_necessarytime .res-main-back { background-color: #efefef; }
#wrap-contents .cp-step-container.mod_step--pink .mod_necessarytime .res-main-back { background-color: #eee1e6; }
#wrap-contents .cp-step-container.mod_step--red .mod_necessarytime .res-main-back { background-color: #f1f1f1; }

#wrap-contents .cp-step-container.mod_step .mod_necessarytime .res-contents-text {
  margin-top: 0;
  padding-left: 20px;
}
#wrap-contents .cp-step-container.mod_step .mod_necessarytime .c_transport {
  flex-basis: auto;
  flex-shrink: 0;
  flex-grow: 0;
}
#wrap-contents .cp-step-container.mod_step .mod_necessarytime .c_transport__image {height: 24px;}

/* 地図部分修正 */
@media (max-width: 767px){
  #wrap-contents .mod_cp_column {
    margin-top: 0;
  }
  #wrap-contents .mod_cp_column .cp-box {
    margin-top: 20px;
  }
}
#wrap-contents .mod_cp_column {
  margin-bottom: 75px;
}
#wrap-contents .cp-toggle-container.mod_toggle .cp-toggle-title {
  border-top:none;
}
#wrap-contents .cp-toggle-container.mod_toggle .cp-toggle-ttl-btn {
  color: #fff;
  font-weight: bold;
  justify-content: center;
  padding-top: 2px;
  padding-bottom: 2px;
}
#wrap-contents .cp-toggle-container.mod_toggle .cp-toggle-ttl-btn[tabindex="-1"]:hover{
  cursor: default;
}
#wrap-contents .cp-toggle-container.mod_toggle .cp-toggle-ttl-btn[tabindex="-1"]:focus {
  outline: none!important;
}
#wrap-contents .cp-toggle-container.mod_toggle .cp-toggle-ttl-btn:hover {
  background-color: transparent;
}
#wrap-contents .cp-toggle-container.mod_toggle .cp-toggle-box:last-child {
  border-bottom:none;
}

#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--pale_blue .cp-toggle-title {
  background-color: #296297;
}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--violet .cp-toggle-title {
  background-color: #484c9f;
}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--pink .cp-toggle-title {
  background-color: #a7357d;
}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--red .cp-toggle-title {
  background-color: #bf2e50;
}
#wrap-contents .c_toggle {}
#wrap-contents .c_toggle__list {}
#wrap-contents .c_toggle__item {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#wrap-contents .c_toggle__item:first-child {
  margin-top: 0;
}
#wrap-contents .c_toggle__num {
  flex-basis: 30px;
  flex-shrink: 0;
  flex-grow: 0;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrap-contents .c_toggle__num--rotate {
  transform: rotate(45deg);
}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--pale_blue .c_toggle__num {background-color: #296297;}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--violet .c_toggle__num {background-color: #484c9f;}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--pink .c_toggle__num {background-color: #a7357d;}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--red .c_toggle__num {background-color: #bf2e50;}
#wrap-contents .c_toggle__num_i {
  color: #fff;
  padding-top: 2px;
}
#wrap-contents .c_toggle__num--rotate .c_toggle__num_i {
  transform: rotate(-45deg);
}
#wrap-contents .c_toggle__info {
  flex-basis: auto;
  flex-shrink: 1;
  flex-grow: 1;
  padding-left: 6px;
}
#wrap-contents .c_toggle__num--rotate + .c_toggle__info {
  padding-left: 11px;
}
#wrap-contents .c_toggle__name {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
}
#wrap-contents .c_toggle__address {
  display: block;
  font-size: 1.2rem;
  line-height: 1.3;
}
/* 検索モジュール */
#wrap-contents .c_bgImage--searchmodule {
  background-image: url(/domestic/area/chushikoku/local_yamaguchi-promotion_tc/images/bg_search_module.jpg);
  padding-top: 60px;
  padding-bottom: 0;
}
@media (max-width: 767px){
  #wrap-contents .c_bgImage--searchmodule {
    background-image: url(/domestic/area/chushikoku/local_yamaguchi-promotion_tc/images/bg_search_module_sp.jpg);
  }
}
#wrap-contents .c_bgImage--searchmodule .moduleTab {
  padding-bottom: 0;
}
#wrap-contents .c_bgImage--searchmodule .title-box.h2 {
  margin-top: 0;
}
#wrap-contents .moduleTab .module-travel_parts.horizon .mod-content_wrap {
  background-color: #fff; /* 背景が透明になるため */
}
#wrap-contents .moduleTab .d_awardReservationLink {
  display: none;
}
@media (max-width: 767px) {
  #wrap-contents .moduleTab .res-btn-link.type-01 a {
    width: auto;
    padding-left: 10px;
    text-align: center;
  }
  #wrap-contents .moduleTab {
    padding: 0;
  }
  #wrap-contents .moduleTab .res-btn-link.arrow-R a:after {
    right: 10px;
  }
  #wrap-contents .moduleTab .res-btn-link.arrow-R .btn-text {
    padding-right: 0;
  }
}

/* モーダル */
.modal_video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100%;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 40px;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 950px;
    height: auto;
}
.modal__content_i {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.modal__content_i > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 769px) and (min-width: 571px) {
  .modal__content{
    padding: 20px;
  }
}
@media (max-width: 570px) and (min-width: 0px) {
  .modal__content{
    padding: 10px;
  }
}

@media (min-width: 768px){
  #wrap-contents .mod_heading_lv2--sr_only + .mod_heading_lv3 { padding-top:40px; }
  #wrap-contents .mod_heading_lv2--sr_only + .mod_heading_lv3 .ttl-text {margin-top: 0}
}
@media (max-width: 767px){
  #wrap-contents .mod_heading_lv2--sr_only + .mod_heading_lv3 { padding-top:0; }
  #wrap-contents .mod_heading_lv2--sr_only + .mod_heading_lv3 .ttl-text {margin-top: 0;}
}


@media (min-width: 768px){
  #wrap-contents .mod_heading_lv3 { padding-top:40px; }
  #wrap-contents .mod_heading_lv3 .ttl-text {margin-top: 0}
}
@media (max-width: 767px){
  #wrap-contents .mod_heading_lv3 { padding-top:40px; }
  #wrap-contents .mod_heading_lv3 .ttl-text {margin-top: 0;}
}