/* iPad用 */
.is-ipad .section__container,
.is-ipad .breadcrumb {
  width: 100%;
}

/* スマホ用 */
.headfoot-is-sp .section__container,
.headfoot-is-sp .breadcrumb {
  width: 100%;
  margin-bottom: 1rem;
}
.headfoot-is-sp .goTop__img--pc {
  display: none;
}

img {
  max-width: 100%;
}
#area{
   width: 100%;
    margin: 0 auto;
    padding: 32px 16px;
}
.goto_where{
    display: flex;
    padding: 1%;
    margin: 1% auto;
    background: #FFF;
    border: solid 3px #bff3f0;
    border-radius: 10px;
  }
.where_left{
    width: 60%;
    margin: 1%
}
.where_left dl dt{
    font-size: 25px;
    font-weight: 600;
    color: #5fd7cf;
    margin-bottom: 1%;
}
.where_left dl dd{
    padding: 1%;
    font-size: 15px;
    line-height: 26px;
}
.where_right{
    width: 36%;
    margin:1%;
}
.section__container .ttl01{
    width: 70%;
    margin: auto;
}
.section__container .ttl02 p{
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #fd9baf;
    padding: 1%;
    margin: 1%;
}
.online_event_info {
    font-size: 17px;
    margin: -12px 0 25px;
    padding: 0 30px;
}
.grid-col {
  padding: 5px;
  border: solid 1px #ccc;
  border-radius: 5px;
  margin: 0 .5% 2em;
}
.grid-col__link {
    height:auto;
    width: 60%;
    margin: 0 auto;
}
.grid-col__link2 {
  height:auto;
  /*width: 60%;*/
  margin: 0 auto 2em;
  display: flex;
  height: 100%;
  flex-direction: column;
  text-decoration: none;
}
/*4つ並びの場合*/
.grid-col4 {
    width: 24%;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin: 0 .5% 2em;
}
/*2つ並びの場合*/
.grid-col2 {
    width: 49%;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin: 0 .5% 2em;
}
.grid-col4 .sub_ttl, .grid-col2 .sub_ttl{
    text-align: center;
    margin: 2%;
    font-size: 21px;
    font-weight: 600;
}
.grid-row .here,.real .here {
    background: #ff6384;
    text-align: center;
    color: #fff;
    font-size: 17px;
    border-radius: 5px;
    padding: 3% 4%;
    margin: 5% 0 7% 0;
}

.text--smallPrice {
  font-weight: bold;
  text-align: center;
}
.grid-col4 a .imgContainer--full::after,
.grid-col2 a .imgContainer--full::after,
.grid-col a .imgContainer--full::after {
  content: '';
  position: absolute;
  background-image: url(https://www.his-j.com/cmn/icon/icon_arrow_right_white.svg);
  width: 70px;
  height: 70px;
  top: calc( 100%/2 - 35px);
  right: -10px;
}
.eventday {
  background: #ffe6f4;
  display: block;
  font-size: 1.2em;
  padding: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
}

.tsuika {
  font-weight: bold;
  color: #f00;
}
.button[class*='--icon-'] {
  font-weight: bold;
}
.grid-col2.comingsoon .imgContainer--full::after{
  content: "";
  background: url("../images/comingsoon.png") no-repeat center center / contain;
  width: 100%;
  height: 85%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.grid-col2.comingsoon .imgContainer--full::before{
  content: "";
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.grid-col2.end .imgContainer--full::after{
  content: "";
  background: url("../images/end.png") no-repeat center center / contain;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.grid-col2.end .imgContainer--full::before{
  content: "";
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.grid-col2.end a,.grid-col2.comingsoon a {
  pointer-events: none;
}
.kirikae {
  color: #f00;
  text-align: center;
  margin-bottom: 1em;
}
#event{
    margin-top:2%;
}
.back{
    padding: 1% 2%;
    margin: 2em 0;
    background: #fff7fc;
    box-shadow: 0px 0px 0px 10px #fff7fc;
    border: dashed 2px #ffa4b7;
    margin: auto;
}
.back p {
    margin: 0;
    padding: 0;
}
.in01{
    color:#fd7b96;
    font-size: 18px;

}
.comingsoon {
  border: dotted 5px #bff3f0;
  border-radius: 10px;
  padding: 1%;
  margin-bottom: 3em;
}
.comingsoon dl{
  text-align: center;
}
.comingsoon dt{
  margin: 0 auto;
  font-weight: bold;
  font-size: 2em;
  color: #5fd7cf;
}
.entry-price{
  text-align: center;
  background: #fd800080;
  width: 80%;
  margin: 0 auto;
}
.entry-price p{
  font-size: 1.5em;
  font-weight: bold;
  padding: 0.5% 0 0;
}
/* セミナー */
.seminar_waku { display: flex;}
.seminar_waku dl {
  width: calc((100% - 10px) / 3);
  background: #f1eed8;
  border-radius: 10px;
  margin: 1rem 0.5rem;
  padding: 1rem 0.5rem;
}
.seminar_waku dt {
  color: #000 !important;
  font-size: 1rem !important;
  line-height: 1.3rem;
  text-align: center;
}
.seminar_waku dd {
  color: #000 !important;
  font-size: 2rem !important;
  line-height: 1.3rem;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 0.5rem !important;
  font-weight: bold;
  padding: 1rem 0 !important;
}
.seminar_w { display: flex;}
.seminar_w dt { width: 50%; margin: 0 0.2rem;}

.seminar {
  margin: 0 0 1rem;
  display: flex;
  flex-wrap: wrap;
}
.seminar > p { width: 100%;}
.seminar > dl { padding: 1.5em;}
.seminar_mi {
  background: #5fd7cf;
  border-radius: 1em;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding: 0.5rem;
}
.seminar dt {
  font-size: 1.2em;
  font-weight: bold;
}
.seminar dd:not(.seminar_theme){
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2;
}
.seminar dd span:first-child {
  background: #bff3f0;
  border-radius: 1em;
  font-weight: bold;
  padding: 0 1em;
  margin-right: 1em;
}
.seminar_theme {
  background: #f1eed8;
  border: 4px solid #f1eed8;
  border-radius: 10px;
  margin-top: 0.5em;
  display: flex;
  align-items: center;
}
.seminar dd.seminar_theme span:nth-child(1) {
  background: #fff;
  border-radius: 10px;
  padding: .5em 1em;
}
.seminar dd.seminar_theme span:nth-child(2) { flex:1;}
.skill_theme { display: flex;}
.men_theme{ background: #7a9ceb;}
.woman_theme{ background: #fa7490;}
.men_theme,.woman_theme{
  color: #fff !important;
  margin: 1rem 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  width: 50%;
  text-align: center;
}
.seminar_overview {
  background: #f1eed8;
  border-radius: 10px;
  padding: 1rem 2.5rem;
  display: flex;
}
.seminar_number{ display: flex;}
.seminar_content dl{ width: calc((992px - 10px) / 2);}
.seminar_detail{ margin: -0.8rem 0 0;}
.item{ color: #2274d5; font-size: 1.2rem;}
.adjustment{ margin-left: 3.3rem;}

/* 五島市婚活イベント */
.skill_overview{
  padding: 1rem 0 0 1.5%;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
}
.where_center dl dt {
  font-size: 26px;
  font-weight: 600;
  color: #5fd7cf;
  margin-bottom: 1rem;
}
.where_center dl dd {
  padding: 0 0 0 1.5%;
  font-size: 15px;
  line-height: 26px;
}
p.where_ivent {
  border-radius: 10px;
  margin: 0 0.5rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem;
}
.sma{
  display: none;
}
.eventinfo {
  border: dotted 5px #bff3f0;
  border-radius: 10px;
  padding: 1%;
  margin-bottom: 1.5em;
}
.eventinfo dl {
  margin: 1em;
}
.eventinfo dt {
  color: #5fd7cf;
  font-weight: bold;
}
.eventinfo dt::before {
  content: "●";
}
.eventinfo dd {
  padding: 0;
  margin-left: 1em ;
}
.eventinfo dd + dt {
  margin-top: 1em;
}
.point {
  display: block;
  margin: 1em;
}
.chui h3 {
  font-weight: bold;
}
.chui ul li {
  list-style-type: circle;
  margin-left: 2em;
}
.chui2 h3 {
  font-weight: bold;
}
.chui2 ul li {
  list-style-type: circle;
  margin-left: 2em;
}
.chui3 h3 {
  font-weight: bold;
}
.chui3 ul li {
  list-style-type: circle;
  margin-left: 2em;
}
.copyright{
  text-align: right;
  width: 100%;
  margin-bottom: 2%;
}
.nichiji {
  font-size: 2em;
  font-weight: bold;
  color: #5fd7cf;
  text-align: center;
}
.realschejule {
    background: #bff3f0;
    text-align: center;
    font-size: 24px;
    border-radius: 5px;
    padding: 2% 0;
    margin-bottom: 2%;
}

.toggleControl--active.num_01 .gridTab__item {
  background: #86C2DC;
  color: #000;
}
.toggleControl--active.num_01 .gridTab__item::after {
  border-top-color: #86C2DC;
}
.gridTab__item {
  font-size: 16px;
}

.gridTab__item.item_num_01 {
  /* font-size: 18px; */
  background: #fffbde;
}
.gridTab__item.item_num_01:hover {
  background: #86C2DC;
  color: #000;
}
.toggleControl--active.num_02 .gridTab__item {
  background: #5fd7cf;
  color: #000;
}
.toggleControl--active.num_02 .gridTab__item::after {
  border-top-color: #5fd7cf;
}
.gridTab__item.item_num_02 {
  /* font-size: 18px; */
  background: #fffbde;
}
.gridTab__item.item_num_02:hover {
  background: #5fd7cf;
  color: #000;
}
.toggleControl--active.num_03 .gridTab__item {
  background: #A5CF00;
  color: #000;
}
.toggleControl--active.num_03 .gridTab__item::after {
  border-top-color: #A5CF00;
}
.gridTab__item.item_num_03 {
  /* font-size: 18px; */
  background: #fffbde;
}
.gridTab__item.item_num_03:hover {
  background: #A5CF00;
  color: #000;
}

.event_timeschedule {
  background: #fffbde;
  border-radius: 10px;
  padding: 12px;
}
.event_timeschedule dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
.event_timeschedule dt {
  font-size: 23px;
  font-weight: bold;
  border-bottom: dashed 2px #fd8000;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  width: 100%;
  text-align: center;
}
.event_timeschedule dd {
  text-align: left;
  width: 50%;
  padding: 0 2%;
  display: flex;
  flex-wrap: wrap;
}
.event_timeschedule dd p {
  padding-bottom: 2%;
}
.event_timeschedule img {
  border-radius: 30px;
  margin-top: 10%;
}
.event_timeschedule figcaption {
  text-align: right;
  font-size: small;
}
.event_timeschedule text_bold,.online_event_info text_bold {
  color: #ff1515;
  font-weight: bold;
}
.event_timeschedule .day {
  width: 100%;
  background-color: #fd8000;
  padding: 3px;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
.day2 {
  margin: 5% 0 3%;
}
.timeline {
  width: 100%;
  padding: 0 10px;
}
p.dep_area {
  margin-bottom: -2%;
  font-size: 1.1rem;
}
p.small {
  font-size: 0.9rem;
}
.timeline p:first-child {
  margin-top: 3%;
}
.timeline p:last-child {
  margin-bottom: 3%;
}
.dep_area {
  color: #fd8000;
  font-weight: bold;
}
.time {
  color: #fd8000;
  font-weight: bold;
  width: 5.5em;
  margin-right: -0.8em;
}
.time + p {
  width: calc(100% - 5.5em);
  padding-left: 1em;
  border-left: 1px solid #999;
}
.point {
  display: block;
  position: relative;
  border: 2px solid #5fd7cf;
  background: #fff;
  border-radius: 10px;
  color: #28b6ac;
  font-size: 0.9em;
  font-weight: bold;
  padding: 1.5em 0.5em 0.5em;
  margin-bottom: 0.5em;
}
.point::before {
  content: "point!";
  color: #fff;
  background: #5fd7cf;
  font-style: italic;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 5px 0 10px 0;
  position: absolute;
  padding: 0 0.5em;
  top: 0;
  left: 0;
}
.time::after {
  content: '●';
  color: #999;
  margin-left: 0.5em;
}
.break {
  color: #2880b6;
  font-weight: bold;
  display: inline-block;
  margin-top: 5px;
}
.realinfo{
  border: dotted 5px #bff3f0;
  border-radius: 10px;
  padding: 1%;
  margin-bottom: 1.5em;
}
.realinfo.info_num_01 {
  border: dotted 5px #86C2DC;
}
.realinfo.info_num_02 {
  border: dotted 5px #5fd7cf;
}
.realinfo.info_num_03 {
  border: dotted 5px #A5CF00;
}
.realinfo dl {
  width: 50%;
  margin: 0.6em;
}
.realinfo dt {
  color: #5fd7cf;
  font-weight: bold;
}
.realinfo dt::before {
  content: "●";
}
.realinfo dl span{
  color: #f00;
  font-weight: bold;
}
.realinfo dd {
  padding: 0;
  margin-left: 1em ;
}
.realinfo dd + dt {
  margin-top: 1em;
}
.realinfo .kigen {
    margin-top: 0.3rem;
}
/*延長用　追記8/7*/
.realinfo .kigen .enchou{
    font-weight:bold;
    color:#f01c1c;
}
.attn-info {
  width: 100%;
  padding: 2%;
}
.ttl001{
    font-size:22px;
    color:#e9607d;
}
.half{
    width:50%;
}
.ttlimg{
    display: flex;
}
.schejule {
  background: hsl(204, 67%, 86%);
  text-align: center;
  color: rgb(0, 0, 0);
  font-size: 17px;
  border-radius: 5px;
  padding: 2%;
  margin-bottom: 2%;
}
.real dl{
    background: #dff0ff;
    padding: 2%;
    border-radius: 10px;
    margin: 1%;
    width: 48%;
}
.real dt{
    font-weight: bold;
}
.real_gotozaijyu_schejule{
    padding: 16px;
    margin-bottom: 1.5em;
    }
.real_gotozaijyu_schejule dl{
    padding: 3%;
    margin: 1% auto;
    width: 92%;
}
.real_gotozaijyu_schejule dt{
    text-align: center;
    font-size: 21px;
    border-bottom: dashed 2px #fd8000;
    margin-bottom: 1%;
}
.real_gotozaijyu_schejule dd{
    padding: 0.5% 0%;
}
.real_gotozaijyu_schejule dd span{
    padding: 0 3% 0 0;
    color: #fd8000;
    font-size: 15px;
}
.stayhotel {
    text-align: right;
    width: 100%;
    padding-right: 15px;
}
.goto_schejule {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  color: #5a5757;
}
.announce {
  text-align: center;
  color: #f00;
}
/* .day{
    margin:2% 0;
} */
.where_real dl dt {
  font-size: 24px;
  font-weight: 600;
  color: #f3960c;
  margin-bottom: 1%;
  padding: 1%;
}
.chuui{
text-align: center;
margin-bottom: 5%;
}
.red {
  color: #f00;
  font-weight: bold;
}
.gotozaijyu.text_num_01 dt {
  color: #86C2DC;
  font-weight: bold;
}
.gotozaijyu.text_num_02 dt {
  color: #5fd7cf;
  font-weight: bold;
}
.gotozaijyu.text_num_03 dt {
  color: #A5CF00;
  font-weight: bold;
}
.gotozaijyu dt::before {
  content: "●";
}
.gotozaijyu dd {
  padding: 0;
  margin-left: 1em ;
}
.gotozaijyu dd + dt {
  margin-top: 1em;
}
.gotozaijyu dl {
  margin: 2%;
}
.sankashaboshu {
  background: hsl(227deg 67% 71%);
  text-align: center;
  color: #fff;
  font-size: 20px;
  border-radius: 5px;
  padding: 1% 3%;
  margin: 2% auto 2% auto;
  width: 50%;
}
.hotel_img {
  margin-top: 2%;
  text-align: center;
}
.hotel_img img {
  width: 50%;
  height: 50%;
}
/* プラン内容 */
.details_tb_contents {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.details_tb_contents .align-left {
  text-align: left;
}
.details_tb_contents td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  padding: 7px;
}
.details_tb_contents .item {
  background-color: #f3f3f3;
  font-weight: bold;
}
.textdecoration_linethrough {
  text-decoration-line: line-through;
}
.tour-details {
  margin-top: 3%;
}

/* 移住視察ツアー */
.option_tour {
  background: rgba(255, 255, 255, 0.65);
  padding: 2%;
  margin: 2%;
}
.option_tour span {
  margin-right: 10px;
}
.option_tour dd p::before {
  content: "●";
}
.option_tour p {
    width: 100%;
    font-weight: bold;
    color: #f3960c;
    margin: 3% 0 -2% 0;
}
.option_tour ul {
    padding-left: 10px;
}
.option_info {
  margin-top: 20px;
}

/* デスクトップのみ */
@media (min-width: 767px){
  .pcnone{
    display: none;
  }
  .button[class*='--icon-'] {
    font-size: 1.2em;
  }
 /*1つのみ表示*/
    .grid-only{
    width: 99%;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin: 0.5%;
    }
    .tourbox{
    display: flex;
    }
    .tour_r{
        width:40%;
        margin:1%;
    }
    .tour_l{
        width:58%;
        margin:1%;
    }
    .eventinfo {
      display: flex;
    }
    .eventinfo dl {
      width: 48%;
    }
    .first-child {
      font-size: 1.2em;
      line-height: 1.8;
    }
    .realinfo {
      display: flex;
      flex-wrap: wrap;
    }
    .realinfo dl{
        width: 45%;
        margin: 2%;
    }
    .realinfo dl span{
      color: #f00;
      font-weight: bold;
    }
    .real_gotozaijyu_schejule2{
      display:flex;
    }
    }
    .program{
        display: flex;
        margin:1%;
    }
    .pro_l{
        width:80%;
    }
    .pro_r{
        width:19%;
    }
    .chuui{
      text-align: center;
      margin-bottom: 2%;
  }

@media (max-width: 767px){
    .spnone{
    display: none;
    }
    .where_left,.where_right,.section__container .ttl01.where_center,.where_ivent{
        width:98%;
        margin:1%;
    }
    .goto_where{
        display: block;
    }
    h2{
        margin-top:10%!important;
    }
    .grid-col4,.grid-col2{
        width:100%;
    }
    .section__container{
        padding: 0;
    }
    .back{
        padding: 1% 2%!important;
        margin-top: 8%;
        width: 90%;
    }
    .section__container .ttl01{
        width:100%;
    }
  .grid-col2 {
      width: 100%;
  }
  .tour-point {
    flex-direction: column;
  }
  .tour-point dt {
    margin: .5em 0;
  }
  .spblock {
    display: inline-block;
  }
  .where_center dl dt {
    text-align: center;
    margin: 3%;
    font-size: 20px;
}
.where_center dl dd,.where_left dl dd {
  font-size: 14px;
  padding: 0 1rem 1rem;
  text-align: center;
}
.where_left dl dt {
  text-align: center;
  margin: 3%;
}
  .sma{
      display: block;
  }
.eventinfo dd p{
    font-size: 0.9em;
  }
  .grid-col__link{
      width: 100%;
  }
  .grid-col__link2 {
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    text-decoration: none;
}
  .copyright{
    text-align: right;
    width: 100%;
    margin-bottom: 2%;
  }
  .online_event_info {
    font-size: 16px;
    margin: -4px 0 25px;
    padding: 0;
}
.realschejule {
    /* width: 92%; */
    margin-bottom: 5%;
}
.realschejule p{
  font-size: 0.65em;
  padding: 1%;
}
    .real .ask dl{
        width: 92%;
    margin: 4%;
    }
    .real_gotozaijyu_schejule dl{
        width: 98%;
        margin: 0.6em;
    }
    .real_gotozaijyu_schejule dd {
      padding: 0.5% 0%;
      font-size: 0.9em;
  }
  .real_gotozaijyu_schejule dt {
    margin-bottom: 5%;
}
.realinfo dl {
  width: 100%;
}
    .hotel{
        width:100%;
    }
    .pro_l{
      width: 100%;
  }
  .pro_r{
      display: none;
  }
    .sankashaboshu {
      width: 95%;
      margin-bottom: 5%;
    }
    .entry-price {
      width: 90%;
      padding: 1% 1.5%;
  }
  .entry-price p {
    font-size: 1em;
}
    .haikei.two {
      margin-top: 20%;
    }
    .where_real dl dt {
      font-size: 20px;
    }
    .hotel_img img {
      margin: 0 auto;
      width: 70%;
      height: 70%;
    }  
.br-sp {
  display: block;
}
.attn-size {
  font-size: 0.9rem;
}
.attn-info {
  padding: 4%;
}
.event_timeschedule dt {
  font-size: 16px;
}
.event_timeschedule dd {
  width: 100%;
}
.event_timeschedule img {
  margin-top: 0;
}
.margin-sp {
  margin-top: 3%;
} 

.sp_item_01 {
  order: 2;
}
.sp_item_02 {
  order: 1;
}
.sp_item_04 {
  order: 3;
}
.sp_item_03 {
  order: 4;
}
dd.seminar > dl {
  padding: 1.5em 0.5em;
  width: 100%;
}
.seminar_overview { 
  display: block;
  padding: 1rem 0.5rem;
  margin: 1rem;
}
.seminar {
  width: 80%;
  margin: 1rem auto;
}
.seminar_content dl { width: 95%;}
.seminar_waku { display: block;}
.seminar_waku dl { width: 95%;}
.adjustment { margin-left: 3rem;}
dd.implementation { text-align: center;}

/* 五島市婚活イベント */
.skill_overview{ padding: 1rem;}
.skill_theme { display: block;}
.men_theme, .woman_theme {width: 95%; margin: 0 auto 1rem;}
}