@charset "UTF-8";


/* sass */
.area-pagettl::before { background-image: url(/publish/image/bg-pagettl-publish-sp.jpg); content: ''; }

.area-pagettl .hdg-wrap .hdg-sub { font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; }

.area-media .box-areattl .hdg-wrap .hdg img { margin-top: 17px; }

.area-campaign .box-areattl .hdg-wrap .hdg img { margin-top: 17px; }

.campaign-list .carousel-item { padding: 0 10px; }

.campaign-list .carousel-item .campaign-link { background-color: #EDE8E1; color: #333; display: block; }

.campaign-list .carousel-item .campaign-link .thum img { width: 100%; }

.campaign-list .carousel-item .campaign-link .cnt { padding: 10px 20px 20px; }

.campaign-list .carousel-item .campaign-link .cnt .ttl .sub { font-size: 1.2rem; }

.campaign-list .carousel-item .campaign-link .cnt .deadline { font-size: 1.2rem; margin-top: 20px; }

.media-list { margin: 30px -16px 0; }

.media-list .media-item { margin-top: 2px; }

.media-list .media-item .media-link { color: #fff; display: block; transition: opacity .2s ease; position: relative; }

.media-list .media-item .media-link .media-txt { align-content: center; align-items: center; display: flex; font-size: 3rem; height: 100%; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; }

.mt-3 {
  margin-top: 3em;
}


.linkbtn {
  border: solid 1px #ce1a1a;
  color: #ce1a1a;
  margin: 0 auto;
  padding: 10px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  min-width: 180px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.linkbtn.wide {
  min-width: 200px;
}
.linkbtn:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  opacity: 0.8;
}
.linkbtn:link, .linkbtn:visited {
  color: #ce1a1a;
}
.linkbtn:before {
  content: "";
  display: block;
  width: 22px;
  height: 6px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(calc(-50% + 2px));
      -ms-transform: translateY(calc(-50% + 2px));
          transform: translateY(calc(-50% + 2px));
  margin: auto;
  background: url(../../shared/top/images/ico_arrow_red.png) no-repeat;
  background-size: contain;
}

.center {
  text-align: center;
}

.release-list {
      border-bottom: 1px solid #ddd !important;
      border-top: 1px solid #ddd !important;
      box-sizing: border-box;
      padding: 30px 0;
      margin: 0px 0 30px !important;
}

.tab-area-list > .tab-area {
    margin: 0px 0;
}

.tab-btn-list {
  border-bottom: none !important;
}

.honbu {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .release-list.honbu {
      margin: 60px 0 30px !important;
  }

  .honbu {
    margin-bottom: 85px;
  }
}

.release-list li.release-item:nth-child(n+6) {
        display: none;
  }

@media only screen and (max-width: 767px) {
    .release-list li.release-item:nth-child(n+4) {
        display: none;
    }
}

@media all and (min-width: 768px) { .area-pagettl::before { background-image: url(/publish/image/bg-pagettl-publish-pc.jpg); }
  .area-news .news-tgl { align-content: flex-start; align-items: flex-start; display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 0 0px; }
  .area-news .news-tgl .news-notice, .area-news .news-tgl .news-prefhq { flex-shrink: 0; padding: 0 25px; width: 50%; }
  .area-news .news-tgl .news-notice .hdg-wrap, .area-news .news-tgl .news-prefhq .hdg-wrap { margin-top: 0; }
  .area-news .news-tgl .news-notice .hdg-wrap.lv5 .hdg, .area-news .news-tgl .news-prefhq .hdg-wrap.lv5 .hdg { font-size: 2rem; }
  .area-news .news-tgl .news-notice .tab-btn-list, .area-news .news-tgl .news-prefhq .tab-btn-list { align-items: stretch; flex-wrap: nowrap; justify-content: center; margin-left: 0; margin-right: 0; }
  .area-news .news-tgl .news-notice .tab-btn-list .tab-btn-item, .area-news .news-tgl .news-prefhq .tab-btn-list .tab-btn-item { flex-shrink: 1; margin: 0 10px; min-width: auto; width: 50%; }
  .area-news .news-tgl .news-notice .btn-box .btn.more, .area-news .news-tgl .news-prefhq .btn-box .btn.more { border-width: 0 0 1px; min-width: auto; padding: 5px; }
  .area-news .news-tgl .news-notice .btn-box .btn.more .btn-txt, .area-news .news-tgl .news-prefhq .btn-box .btn.more .btn-txt { font-size: 1.1rem; font-weight: bold; padding: 0 12px; }
  .area-campaign .box-areattl .hdg-wrap .hdg { font-size: 2.2rem; }
  .area-campaign .box-areattl .hdg-wrap .hdg img { margin-top: 17px; }
  .area-campaign .campaign-list .carousel-item { padding: 0 5px; }
  .area-campaign .campaign-list .carousel-item .campaign-link { align-content: flex-start; align-items: flex-start; display: flex; flex-flow: row nowrap; justify-content: flex-start; transition: opacity .2s ease; }
  .area-campaign .campaign-list .carousel-item .campaign-link:hover { opacity: .5; }
  .area-campaign .campaign-list .carousel-item .campaign-link .thum { flex-grow: 0; flex-shrink: 0; width: 50%; }
  .area-campaign .campaign-list .carousel-item .campaign-link .cnt { flex-grow: 0; flex-shrink: 0; padding: 10px 20px 20px; width: 50%; }
  .area-media .box-areattl .hdg-wrap .hdg { font-size: 2.2rem; }
  .area-media .media-list { align-content: flex-start; align-items: stretch; display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 30px 0 0 -10px; }
  .area-media .media-list .media-item { margin: 10px 0 0 10px; width: calc((100% - 1px) / 3 - 10px); }
  .area-media .media-list .media-item .media-link { transition: opacity .2s ease; }
  .area-media .media-list .media-item .media-link:hover { opacity: .5; }
  .area-media .media-list .media-item .media-link:hover .media-txt { text-shadow: 0 0 3px black; }
  .area-app .box-areattl .hdg-wrap .hdg { font-size: 2.2rem; }
  .area-app .box-areattl .hdg-wrap .hdg img { margin-top: 17px; }
  .area-app .app-box { margin-top: 45px; } }
