@charset "utf-8";

#contents.mod_wrap {
  /* position: relative; */
  /* margin-top: -110px; */
}

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

.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: 80px;
}
@media (max-width:767px){
  #wrap-contents .mod_heading_lv2 {
    margin-top: 30px;
    margin-bottom: 45px;
  }
}
#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: url(/domestic/area/chushikoku/local_kagawa-promotion_tc/images/ico_under_heading.png) top center no-repeat;
  background-size: contain;
}

/* 背景画像幅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: no-repeat;
  background-position: 0 0;
  position: relative;
  padding-bottom: 50px;
}
#wrap-contents .c_bgImage > *:first-child {
  padding-top: 60px;
}
#wrap-contents .c_bgImage > * {
  position: relative;
}
#wrap-contents .c_bgImage--searchmodule,
#wrap-contents .c_bgImage--searchmodule > * {
  position: static;
}
#wrap-contents .c_bgImage::before {
  content: '';
  display: block;
  width: 100vw;
  height: 168px;
  position: absolute;
  bottom:0;
  left:0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,7db9e8+100 */
  background: linear-gradient(to top,  #ffffff 0%,transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#wrap-contents .c_bgImage--searchmodule::before {
  content: none;
}

/* ステップ要素のスタイル修正 */
#wrap-contents .c_bgImage--step {
  background-image: url(/domestic/area/chushikoku/local_kagawa-promotion_tc/images/bg_step.jpg);
}
@media (max-width:767px) {
  #wrap-contents .c_bgImage--step {
    background-image: url(/domestic/area/chushikoku/local_kagawa-promotion_tc/images/bg_step_sp.jpg);
  }
}

#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--green .step-box-heading{
  background: linear-gradient(90deg, #d7fbea 0%, #e6f4a7 100%);
  color: #0b594a;
}
#wrap-contents .cp-step-container.mod_step--green .label {
  background-color: #2c8018;
}
#wrap-contents .cp-step-container.mod_step--red .step-box-heading{
  background: linear-gradient(90deg, #ffc7d5 0%, #ffe6c2 100%);
  color: #99004b;
}
#wrap-contents .cp-step-container.mod_step--red .label {
  background-color: #d62d5d;
}
#wrap-contents .cp-step-container.mod_step--blue .step-box-heading{
  background: linear-gradient(90deg, #a6b9ee 0%, #b2eaef 100%);
  color: #00146e;
}
#wrap-contents .cp-step-container.mod_step--blue .label {
  background-color: #00146e;
}
  /* プラスアイコン */
#wrap-contents .cp-step-container.mod_step--green .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:%230b594a'/%3E%3Crect x='10' width='2' height='22' style='fill:%230b594a'/%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:%2399004b'/%3E%3Crect x='10' width='2' height='22' style='fill:%2399004b'/%3E%3C/svg%3E");
}
#wrap-contents .cp-step-container.mod_step--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--green .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:%230b594a'/%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:%2399004b'/%3E%3C/svg%3E");
}
#wrap-contents .cp-step-container.mod_step--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");
}
@media (max-width: 767px){
  #wrap-contents .cp-step-container.mod_step .mod_text {
    margin-top: 20px;
  }
}
  /* リンクの色修正 */
#wrap-contents .cp-step-container.mod_step .mod_link_color {}

#wrap-contents .cp-step-container.mod_step--green .mod_link_color .ficon-s-arrow:before { background-color: #0b594a; }
#wrap-contents .cp-step-container.mod_step--green .mod_link_color .ficon-text { color: #0b594a; }
#wrap-contents .cp-step-container.mod_step--red .mod_link_color .ficon-s-arrow:before { background-color: #99014c; }
#wrap-contents .cp-step-container.mod_step--red .mod_link_color .ficon-text { color: #99004b; }
#wrap-contents .cp-step-container.mod_step--blue .mod_link_color .ficon-s-arrow:before { background-color: #00146e; }
#wrap-contents .cp-step-container.mod_step--blue .mod_link_color .ficon-text { color: #00146e; }

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

#wrap-contents .cp-step-container.mod_step--green .mod_necessarytime { color: #0b594a; }
#wrap-contents .cp-step-container.mod_step--red .mod_necessarytime { color: #99004b; }
#wrap-contents .cp-step-container.mod_step--blue .mod_necessarytime { color: #00146e; }
#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--green .mod_necessarytime .res-main-back { background-color: #eef1e0; }
#wrap-contents .cp-step-container.mod_step--red .mod_necessarytime .res-main-back { background-color: #eee1e6; }
#wrap-contents .cp-step-container.mod_step--blue .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 .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--green .cp-toggle-title {
  background-color: #2c8018;
}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--red .cp-toggle-title {
  background-color: #d62d5d;
}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--blue .cp-toggle-title {
  background-color: #00146e;
}
#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;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--green .c_toggle__num {background-color: #2c8018;}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--red .c_toggle__num {background-color: #d62d5d;}
#wrap-contents .cp-toggle-container.mod_toggle.mod_toggle--blue .c_toggle__num {background-color: #00146e;}
#wrap-contents .c_toggle__num_i {
  color: #fff;
  padding-top: 2px;
}
#wrap-contents .c_toggle__info {
  flex-basis: auto;
  flex-shrink: 1;
  flex-grow: 1;
  padding-left: 6px;
}
#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_kagawa-promotion_tc/images/bg_search_module.jpg);
  padding-bottom: 0;
}
@media (max-width: 767px){
  #wrap-contents .c_bgImage--searchmodule {
    background-image: url(/domestic/area/chushikoku/local_kagawa-promotion_tc/images/bg_search_module_sp.jpg);
    padding-bottom: 10px;
  }
}
#wrap-contents .c_bgImage--searchmodule .moduleTab {
  padding-bottom: 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;
}
@media (max-width: 769px) and (min-width: 571px) {
  .modal__content{
    padding: 20px;
  }
}
@media (max-width: 570px) and (min-width: 0px) {
  .modal__content{
    padding: 10px;
  }
}