@charset "utf-8";
.articleWrap{overflow:hidden;}
/* 基本設定 */

.articleWrap .mainWrap {
    color: #333;
    font-size: 14px;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
}



/* col2 */
.main time{display: inline;}
.col2 .main {
    width: 68%;
}

.col2 .side {
    width: 29%;
}

@media (max-width: 599px) {
    .col2 .main {
        width: 100%;
    }

    .col2 .side {
        width: 100%;
        margin-top: 20px;
    }
}



/* article */

.article_ttl {
    font-size: 28px;
    border-bottom: 2px solid #333;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.article_list .item + * {
    margin-top: 30px;
}

.article_list .item .left {
    width: 22%;
}

.article_list .item .right {
    width: 73%;
}

.article_list .item .tit {
    margin-bottom: 10px;
}

.article_list .item .tit a {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.article_list .item .tit a:hover {
    text-decoration: underline;
}

.article_list .item .btn {
    margin-top: 5px;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.article_list .item .btn a {
    color: #fff;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* border: 1.5px solid #333; */
    padding: 5px 10px;
    border-radius: 30px;
    background: #333;
}

.article_list .item .btn a:before {
    display: block;
    content: "\f35d";
    font-size: 120%;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 5px;
}
.article_list .desc{
  font-size: 14px;
    color: #444;
    line-height: 1.8;
}
@media (max-width: 1024px) {
    .article_ttl {
        font-size: 24px;
    }
}

@media (max-width: 599px) {
    .article_ttl {
        font-size: 20px;
    }

    .article_list .item .left {
        width: 30%;
    }

    .article_list .item .right {
        width: 65%;
        margin-top:0;
    }

    .article_list .item .tit a {
        font-size: 15px;
    }
}



/* pager */

.article_pager {
    margin-top: 30px;
}

.article_pager li {
    margin: 0 3px;
}

.article_pager li > * {
    display: block;
    border: solid 1px #555;
    padding: 2px 8px;
}

.article_pager li.active > * {
    color: #fff;
    background: #00A0E9;
    border: solid 1px #00A0E9;
}

.article_pager li.first > *:before {
    content: "<<";
}

.article_pager li.prev > *:before {
    content: "<";
}

.article_pager li.next > *:before {
    content: ">";
}

.article_pager li.last > *:before {
    content: ">>";
}



/* side */

.side_ttl {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ff8f00;
    padding: 0 10px 5px;
    margin-bottom: 10px;
}

.side_box + * {
    margin-top: 20px;
}

.side_key li {
    margin: 0 5px 5px 0;
}

.side_key li a {
    font-weight: bold;
    border: 2px solid #ccc;
    border-radius: 30px;
    padding: 3px 20px 3px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.side_key li a:before {
    display: block;
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 5px;
}

.side_key li a:hover {
    text-decoration: underline;
}

.side_bnr li + * {
    margin-top: 10px;
}

.side_bnr li a {
    display: block;
    color: #1D7DBE;
}

.side_bnr li a:hover {
    text-decoration: underline;
}

.side_bnr li .tit {
    margin-bottom: 5px;
}

.side_search dl + * {
    margin-top: 10px;
}

.side_search dt {
    font-size: 16px;
    border-bottom: 1px dotted #929090;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.side_search dd {
    width: 100%;
}

.side_search dd input[type="text"], .side_search dd select {
    font-size: 14px;
    padding: 5px;
}

.side_search dd input[type="text"] {
    width: 100%;
}

.side_search .submit {
    display: block;
    width: 160px;
    max-width: 100%;
    color: #fff;
    font-size: 18px;
    background: #ff8f00;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 15px auto 0;
    text-align: center;
    cursor: pointer;
}

.kaigai_tour_search_dptext {
  display:none;
  margin-bottom: 10px;
}

.kaigai_tour_search_dptext a {
    display: block;
    color: #312f26;
    font-size: 12px;
    background: #ffc822;
    border-radius: 5px;
    line-height: 1.2;
    padding: 10px;
    text-align: center;
    position: relative;
}

.kaigai_tour_search_dptext a:after {
    content: "";
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #ffc822 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.side_kaigai_search_btn ul {
    margin: 0 -1px;
}

.side_kaigai_search_btn li {
    padding: 0 1px;
}

.side_kaigai_search_btn li > * {
    display: block;
    font-size: 12px;
    background: #e8f8ff;
    padding: 5px 0;
    text-align: center;
}

.side_kaigai_search_btn li.active > * {
    color: #fff;
    background: #1eabec;
}

.side_kaigai_search_item form {
    border: 1px solid #1eabec;
    background: #e8f8ff;
    padding: 10px;
}

.side_kaigai_search_item li + * {
    margin-top: 10px;
}

[data-element-id] .side_kaigai_search_item .toshi {
    display: block;
}

.side_kaigai_search_item .toshi {
    display: none;
}

.side_kaigai_search_item dt {
    font-size: 12px;
    margin-bottom: 2px;
}

.side_kaigai_search_item .require {
    color: red;
    margin-left: 5px;
}

.side_kaigai_search_item .mini {
    font-size: 12px;
    margin-top: 2px;
}

.side_kaigai_search_item input[type="text"], .side_kaigai_search_item select {
    width: 100%;
    height: 35px;
    font-size: 14px;
    padding: 5px;
}

.side_kaigai_search_item label {
    display: inline-block;
    margin-right: 5px;
}

.side_kaigai_search_item label input {
    display: inline-block;
    margin-right: 2px;
}

.side_kaigai_search_item .submit {
    display: block;
    width: 160px;
    max-width: 100%;
    color: #fff;
    font-size: 18px;
    background: #ff8f00;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 15px auto 0;
    text-align: center;
    cursor: pointer;
}

.side_list li {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.side_list li a {
    display: block;
}

.side_list li a:hover {
    text-decoration: underline;
}

.side_list li .img {
    width: 30%;
}

.side_list li .tit {
    width: 68%;
}

.side_catgory li {
    border-bottom: 1px dotted #929090;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.side_catgory li a {
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.side_catgory li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent #929292;
    margin-right: 5px;
}

.side_catgory li a:hover {
    text-decoration: underline;
}

.side_btn a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #ffa500;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.side_btn a:hover {
    text-decoration: underline;
}

/* 2023.05.02 add */
.sidev2{
  
}
.side__cate ul{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.side__cate li{
  display:none;
  width:100%;
}
.side__cate li a{
  font-size:16px;
  display:block;
  padding:10px 0;
  font-weight: bold;
  border-bottom: 1px solid #aaa;
}
.side__cate li:last-of-type a{border-bottom:none;}
.sc__smlTxt {
  color: #5a5656;
  font-size: 12px;
}
.sc__ttl{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #0070b4;
    padding: 5px 0;
    margin-bottom: 15px;
}

/* add */
.mlpres.rn .side_ttl {
    padding: 0 0 5px;
    font-size: 18px;
    margin:0;
    display: flex;
    flex-wrap: wrap;
    width:100%;
    align-items: center;
    border-color:#aaa;
}
.mlpres.rn .side_ttl .ico{
    background: #0070b4;
    display: inline-block;
    padding: 8px 10px;
    border-radius: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-right:5px;
}
.mlpres.rn .mainttl-ptn02 {
    font-size: 200%;
    padding: 0;
    font-weight: bold;
}
.art--time{
  font-size: 18px;
  color: #666;
}
.side__sb_tab{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:10px 0;
}
.side__sb_tab li {
  cursor: pointer;
    width: calc(100% / 2 - 5px);
    padding: 10px;
    background:#fff;
    border: 2px solid #0070b4;
    border-radius: 5px;
    text-align: center;
}
.side__sb_tab li.sel {
    background: #0070b4;
    color: #fff;
    font-weight: bold;
}

.mlpres.rn .side_search,.side__cate.cat,.side__cate.area{
    background: #eee;
    padding: 10px;
    margin:20px 0;
    border-radius: 20px;
}
.art__ttl{margin:15px 0;}
.new__list{margin:20px 0;}
.searchBox_wbf{width:100%;}
.art__atBox{
    border: 2px solid #ccc;
    padding: 20px;
    border-radius: 20px;
}
.mdlBox.rec{margin:20px 0;}
/* 空港 */
/* .sbw_airModal[data-type="tbpnarr"] .air__left li,.sbw_airModal[data-type="tbpndepf"] .air__left li{
  display:none;  
}
.sbw_airModal[data-type="tbpnarr"] .air__left li.list_chugoku,.sbw_airModal[data-type="tbpndepf"] .air__left li.list_chugoku{
  display:block;  
} */
.art_ftMenu{display:none;}
.rec .side_list li a{text-decoration:underline;}
.article_list .pic img {
    width: 100%;
    height: 130px !important;
}

/* add */
.infoBox{
    margin: 20px 0;
    border: 1px solid #aaa;
    border-radius: 10px;
    overflow:hidden;
}
.ib__first dt{
    font-size: 20px;
    font-weight: bold;
    padding: 15px 15px 10px;
    text-align: center;
}
.ib__first dd{
    padding: 0 20px;
    font-size: 16px;
    text-align: center;
}
.ib__btn{
  cursor:pointer;
  background: #333;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    font-size: 16px;
}
.ib__second {
    margin: 15px 20px 0;
    border-top: 1px dashed #aaa;
    padding:15px 0 0;
}
.ib__inr{
    background: #f9f6ea;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
}
.ib__inr p b{font-size:120%;}
.ib__third {
    padding: 15px 15px 0;
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ib__third.on {
    display: flex;
}
.ib__third a{display:block;width:calc(100% / 2 - 10px);}

.ib__third a.ibt__col1{width:100%;}

.ib__third a span {
    text-decoration: underline;
    display: block;
    margin: 10px 0;
}
.ib__btn span{margin-left:10px;}
.ib__btn.on i{
  transform: rotate(180deg);
}


/* 2024.0731 add */
.wbf__ov{
    border: 1px solid #ccc;
    padding: 15px;
    margin: 30px 0;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.8;
}
.wbf__h1{
    font-size: 30px;
    font-weight: bold;
}
.wbf__time{
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.wbf__time i{
    margin-right: 5px;
}
.wbf__h2{
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid var(--main-color);
    padding: 10px 0;
    margin-bottom: 20px;
}
.wbf__h3{
    font-size: 20px;
    font-weight: bold;
    border-left: 6px solid var(--main-color);
    padding-left: 10px;
    margin-bottom: 20px;
}
.wbf__btn {
    background: #f5f5f5;
    padding: 30px 20px;
    margin: 20px 0;
    border-radius: 8px;
}
.wbf__btn a{
    display: block;
    background: #FFC107;
    text-align: center;
    font-weight: bold;
    width: 70%;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 24px;
    font-size: 18px;
}
.wbf__btn--ttl{
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    font-size: 15px;
}
.wbf__btn--ttl::before{content:"＼";}
.wbf__btn--ttl::after{content:"／";}

.wbf__txt{
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.8;
}
.wbf__mokuji{
    background: #eee;
    padding:15px 20px 20px;
    border-radius: 8px;
}
.wbf__mokuji .subttl-mokuji{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px dashed #aaa;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.wbf__mokuji a {
    display: block;
    padding: 6px 0;
}
.wbf__writer{
    border: 5px solid #d1dfe6;
    padding: 20px;
}
.wbf__writer{
    border: 5px solid #d1dfe6;
    padding: 20px;
}
.wbf__writer dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.wbf__writer dt{
    width: 150px;
}
.wbf__writer dd{
    width:calc(100% - 200px);
}
.wbf__writer dd b {
    display: block;
    margin-bottom: 10px;
    font-size: 110%;
}
.wbf__writer--ttl{
    font-weight: bold;
    font-size: 16px;
    border-left: 6px solid var(--main-color);
    padding-left: 5px;
}

@media (max-width: 599px) {
  .art_ftMenu{
      position: fixed;
      bottom: 0;
      width: 100%;
      background: #0070b4;
      display: flex;
      color: #fff;
      text-align: center;
  }
  .art_ftMenu p {
    text-align: center;
      color: #fff;
      width: 100%;
      padding: 15px;
  }
  .art_ftMenu p:last-of-type{width:200%;}
  .art_ftMenu p span{font-size:10px;font-weight:bold;}
  #ovl2{
      height: 100vh;
      background: rgba(0, 0, 0, 0.8);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 40;
      width: 100%;
  }
  .mdlBox.on {
      background: #fff;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 100%;
      z-index: 41;
      border-radius: 20px;
      padding: 20px;
  }
  .mlpres.rn .mdlBox.on .side_search,.mdlBox.on .side__cate.cat,.mdlBox.on .side__cate.area{
   background:#fff; 
   margin:0;
  }
  .mdlBox.on .side__cate.cat {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      justify-content: space-between;
  }
  .mdlBox.on .side__cate li {
      width: calc(100% / 2 - 10px);
  }
  .mdlBox.on .side__cate li a{font-size:12px;transition:none;}

  #return_top_under{bottom: 85px;}
  .article_list img{height:100px !important;}
  .article_list .desc{font-size: 12px;}
  
  .ib__first dt{font-size:16px;}
  .ib__first dd {font-size: 13px;}  
  .infoBox{font-size:90%;}
  .ib__third a{width:100%;}
  .wbf__btn a{width: 100%;}
  .wbf__writer dt {
      width: 100%;
  }
  .wbf__writer dt img{
      width: 40%;
      margin: 0 auto;
  }
  .wbf__writer dd {
      width: 100%;
      margin-top: 15px;
  }
  .wbf__writer dd b{text-align: center;}
  
}

.date {
  /* font-weight: bold; */
  text-align: left;
  /* margin: 5px 0; */
}

.artWrap h2{
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #333;
    line-height: 150%;
}
.artWrap img{
  margin-bottom:24px;
}
.artWrap p{
    margin: 16px 0;
    line-height: 180%;
    font-size: 16px;
}
.artInfoBox{
    border: 2px solid #aaa;
    padding: 16px;
    border-radius: 8px;
}
.artInfoBox a{
  text-decoration:underline;
}
.dateWrap{
display: flex;
    gap: 8px;
    margin-bottom: 8px;
    color: #555;
}
.artWrap .artWrap_att {
    border: 2px solid #b43100;
    padding: 16px;
    border-radius: 8px;
    font-size: 14px;
}
.artWrap  table th{
    width: 6rem;
    background: #e3e3e3;
    padding: 8px;
}
.artWrap  table td{
      padding: 8px;
}