@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.mainImage {
  margin-top: 100px;
  height: 280px;
}
@media screen and (max-width: 767px) {
  .mainImage {
    margin-top: 80px;
    /*height: 100%;
    aspect-ratio: 400 / 390;*/
  }
}
.mainImage__inner {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url("../img/common/bg-img01.jpg");
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
}
.mainImage__inner__hl {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 5px 15px;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  background-color: #fff;
  z-index: 10;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner__hl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .mainImage__inner__hl {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner__hl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 329px) {
  .mainImage__inner__hl {
    font-size: 1.25rem;
  }
}
.mainImage__inner .illust {
  width: 100%;
  height: 100%;
  max-width: 1020px;
  margin: 0 auto;
  position: relative;
}
.mainImage__inner .illust .illust-topLeft {
  position: absolute;
  top: 8px;
  left: 10px;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner .illust .illust-topLeft {
    width: calc(159px * 0.8);
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .illust .illust-topLeft {
    width: calc(159px * 0.6);
  }
}
.mainImage__inner .illust .illust-btmLeft {
  position: absolute;
  bottom: 35px;
  left: 18.5%;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner .illust .illust-btmLeft {
    width: calc(131px * 0.8);
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .illust .illust-btmLeft {
    width: calc(131px * 0.6);
    left: 5%;
  }
}
.mainImage__inner .illust .illust-topRight {
  position: absolute;
  top: 5px;
  right: 18.3%;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner .illust .illust-topRight {
    width: calc(175px * 0.8);
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .illust .illust-topRight {
    width: calc(175px * 0.6);
    top: 10px;
    right: 5%;
  }
}
.mainImage__inner .illust .illust-btmRight {
  position: absolute;
  bottom: 25px;
  right: 5px;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .mainImage__inner .illust .illust-btmRight {
    width: calc(161px * 0.8);
  }
}
@media screen and (max-width: 479px) {
  .mainImage__inner .illust .illust-btmRight {
    width: calc(161px * 0.6);
  }
}

.tab {
  width: 100%;
  position: relative;
  cursor: default;
  max-width: 1020px;
}
.tab__list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: -130px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 479px) {
  .tab__list {
    position: absolute;
    top: -90px;
    left: 50%;
    gap: 2px;
  }
}
.tab__item {
  flex: 1;
  width: min(30.8vw, 592px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-radius: 45px 45px 0 0;
  border: 5px solid #fff;
  border-bottom: 0px;
  background-color: #ffd28f;
}
@media screen and (max-width: 1279px) {
  .tab__item {
    width: min(36.5vw, 592px);
  }
}
@media screen and (max-width: 767px) {
  .tab__item {
    border-radius: 15px 15px 0 0;
    border: 2px solid #fff;
    border-bottom: 0px;
  }
}
.tab__item.category {
  background-color: #ffd28f;
}
.tab .tab-name {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 10px;
}
@media screen and (max-width: 479px) {
  .tab .tab-name {
    padding-top: 5px;
  }
}
.tab .tab-name__top {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .tab .tab-name__top {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 479px) {
  .tab .tab-name__top {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 329px) {
  .tab .tab-name__top {
    font-size: 0.5rem;
  }
}
.tab .tab-name__top span {
  background-color: #fff;
}
.tab .tab-name__btm {
  width: 96%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  padding-bottom: 5px;
  white-space: nowrap;
  /* 改行を禁止する */
  overflow: hidden;
  /* 溢れた分を隠す */
  text-overflow: ellipsis;
  /* 溢れた分を「...」にする */
}
@media screen and (max-width: 767px) {
  .tab .tab-name__btm {
    font-size: 1rem;
    text-align: left;
    white-space: unset;
    text-overflow: unset;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 2行目以降を…に */
  }
}
@media screen and (max-width: 479px) {
  .tab .tab-name__btm {
    font-size: 0.8125rem;
  }
}

.cnts {
  background-image: linear-gradient(to top, #fef7eb, #fdf9f1, #fef7eb, #fdf9f1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 60px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  .cnts {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .cnts {
    padding-top: 30px;
    padding-bottom: 100px;
  }
}
.cnts__inner {
  margin: 0 auto;
  max-width: 1020px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*padding: 70px min(29% , 30px) 150px;*/
  padding: 50px 60px 150px;
  background-color: #fff;
}
@media screen and (max-width: 1279px) {
  .cnts__inner {
    padding: 30px 40px 150px;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner {
    padding: 20px 15px 80px;
  }
}
.cnts__inner .news-detail {
  max-width: 900px;
  margin: 0 auto;
}
.cnts__inner .news-detail .large-category {
  width: max-content;
  max-width: 100%;
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  /*text-align: center;*/
}
@media screen and (max-width: 1279px) {
  .cnts__inner .news-detail .large-category {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner .news-detail .large-category {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .large-category {
    font-size: 1rem;
  }
}
.cnts__inner .news-detail .large-category--anchor {
  display: inline-block;
  text-decoration: none;
  color: #333 !important;
  transition: 0.3s linear;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 12px;
  background-color: #ecb9cb;
  word-break: keep-all;
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .large-category--anchor {
    padding: 3px 5px;
    word-break: inherit;
  }
}
.cnts__inner .news-detail .large-category--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .cnts__inner .news-detail .large-category--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.cnts__inner .news-detail .large-category--anchor.festa01 {
  background-color: #ecb9cb;
}
.cnts__inner .news-detail .large-category--anchor.festa02 {
  background-color: #c0f0f0;
}
.cnts__inner .news-detail .booth-category {
  width: max-content;
  max-width: 100%;
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  cursor: default;
}
@media screen and (max-width: 1279px) {
  .cnts__inner .news-detail .booth-category {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner .news-detail .booth-category {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .booth-category {
    font-size: 1rem;
  }
}
.cnts__inner .news-detail .booth-category--name {
  display: inline-block;
  color: #333 !important;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 12px;
  word-break: keep-all;
  background-image: url("../img/common/booth_bgimg.jpg");
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: center;
  border: 1px solid #ddd;
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .booth-category--name {
    padding: 3px 5px;
  }
}
.cnts__inner .news-detail .newsName {
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 60px;
  margin-top: 60px;
}
@media screen and (max-width: 1279px) {
  .cnts__inner .news-detail .newsName {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner .news-detail .newsName {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .newsName {
    font-size: 1.25rem;
    padding-bottom: 30px;
  }
}
.cnts__inner .news-detail .system-free {
  padding-bottom: 60px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 1279px) {
  .cnts__inner .news-detail .system-free {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner .news-detail .system-free {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .system-free {
    font-size: 0.875rem;
    padding-bottom: 40px;
  }
}
.cnts__inner .news-detail .file {
  padding-bottom: 100px;
}
.cnts__inner .news-detail .file dl {
  display: flex;
  margin: 0;
  /*padding-bottom: 40px;*/
}
@media screen and (max-width: 767px) {
  .cnts__inner .news-detail .file dl {
    flex-direction: column;
  }
}
.cnts__inner .news-detail .file dl dt {
  width: 180px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 1279px) {
  .cnts__inner .news-detail .file dl dt {
    font-size: 1.25rem;
    width: 140px;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner .news-detail .file dl dt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .file dl dt {
    font-size: 0.875rem;
  }
}
.cnts__inner .news-detail .file dl dd {
  flex: 1;
  margin: 0;
}
.cnts__inner .news-detail .file dl dd a {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  text-decoration: underline;
  text-underline-offset: 3px;
  word-break: break-all;
  transition: 0.3s linear;
}
@media screen and (max-width: 1279px) {
  .cnts__inner .news-detail .file dl dd a {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner .news-detail .file dl dd a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .file dl dd a {
    font-size: 0.875rem;
  }
}
@media (hover: hover) {
  .cnts__inner .news-detail .file dl dd a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.cnts__inner .news-detail .file .sns__list {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.cnts__inner .news-detail .file .sns__list .sns__item {
  transition: transform 0.2s;
}
.cnts__inner .news-detail .file .sns__list .sns__item:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .cnts__inner .news-detail .file .sns__list .sns__item:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}
.cnts__inner .news-detail .returnLink {
  text-align: center;
}
.cnts__inner .news-detail .returnLink a {
  display: inline-block;
  padding: 25px 40px 25px 90px;
  background-color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  transition: 0.3s linear;
  border: solid 1px #555;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .cnts__inner .news-detail .returnLink a {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .cnts__inner .news-detail .returnLink a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .returnLink a {
    font-size: 0.875rem;
    padding-left: 70px;
  }
}
.cnts__inner .news-detail .returnLink a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 28px;
  height: auto;
  aspect-ratio: 28 / 23;
  background-image: url("../img/common/arrow_icon.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 479px) {
  .cnts__inner .news-detail .returnLink a:before {
    width: 22px;
  }
}
.cnts__inner .news-detail .returnLink a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .cnts__inner .news-detail .returnLink a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}

/* CSS Document */