body {
  background: url(../../shared/images/bg_texture.jpg) center top repeat;
  background-size: 100%;
}

@media print, screen and (min-width: 768px) {
  .commonTitleArea .iconRow {
    width: 136px;
  }
  .commonTitleArea .iconRow img {
    width: 100%;
  }
}
.secTop .secTopIn .topTitle {
  font-weight: bold;
}
.secTop .secTopIn .btnArea {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .secTop {
    padding: 0 0 48px 0;
  }
  .secTop .secTopIn .topTitle {
    font-size: clamp(14px, 5.64vw, 22px);
  }
  .secTop .secTopIn .btnArea {
    padding: 24px 0 0 0;
    flex-direction: column;
    row-gap: 10px;
  }
}
@media print, screen and (min-width: 768px) {
  .secTop {
    padding: 0 0 64px 0;
  }
  .secTop .secTopIn .topTitle {
    font-size: clamp(21px, 2.43vw, 35px);
  }
  .secTop .secTopIn .btnArea {
    padding: 24px 0 0 0;
  }
  .secTop .secTopIn .btnArea .commonBtn {
    width: 48.8%;
  }
  .secTop .secTopIn .btnArea .commonBtn .text {
    font-size: clamp(14px, 1.67vw, 24px);
  }
}
.secSeries {
  background: #ffffff;
}
.secSeries .secSeriesIn .boxRakuchin {
  border: solid 1px #F68300;
  background: #FFFBF4;
}
.secSeries .secSeriesIn .boxRakuchin .boxTitle {
  background: #F68300;
  color: #ffffff;
}
.secSeries .secSeriesIn .boxRakuchin .boxTitle .titleMain {
  font-weight: bold;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupTitle {
  display: flex;
  align-items: center;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupTitle.type01 {
  background: #FFDB9E;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupTitle.type02 {
  background: #F9EA81;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupTitle .titleText {
  color: #F68300;
  font-weight: bold;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList {
  display: flex;
  justify-content: space-between;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem {
  border: solid 1px #F68300;
  background: #ffffff;
  position: relative;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .img {
  text-align: center;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .title {
  font-weight: bold;
  text-align: center;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .category {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3px;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .category .cat {
  border: solid 1px #F68300;
  border-radius: 100px;
  font-weight: 500;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .bottomText {
  position: absolute;
  left: 0;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .tableArea {
  overflow-x: auto;
}
.secSeries .secSeriesIn .boxRakuchin .boxIn .noteArea .noteList {
  display: flex;
  align-items: baseline;
}
.secSeries .secSeriesIn .boxPublic {
  border: solid 1px #F0B000;
  background: #ffffff;
}
.secSeries .secSeriesIn .boxPublic .boxTitle {
  background: #F0B000;
  color: #ffffff;
}
.secSeries .secSeriesIn .boxPublic .boxTitle .titleMain {
  font-weight: bold;
}
.secSeries .secSeriesIn .boxPublic .boxIn .textCol .titleRow .title {
  color: #F68300;
  font-weight: bold;
}
.secSeries .secSeriesIn .boxPublic .boxIn .textCol .titleRow .icon {
  background: #F68300;
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
}
.secSeries .secSeriesIn .boxPublic .boxIn .textCol .caption {
  font-weight: bold;
}
.secSeries .secSeriesIn .boxPublic .boxIn .imgCol {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .secSeries {
    padding: 40px 0 48px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin {
    margin: 0 0 40px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxTitle {
    padding: 4px 8px;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxTitle .titleMain {
    font-size: clamp(14px, 6.15vw, 24px);
    padding: 0 0 8px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxTitle .titleSub {
    font-size: clamp(14px, 4.62vw, 18px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn {
    padding: 18px 12px;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap {
    padding: 0 0 40px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea {
    padding: 0 0 64px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupTitle {
    padding: 5px 12px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    margin: 0 0 14px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupTitle .titleText {
    font-size: clamp(14px, 5.64vw, 22px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem {
    width: 49%;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn {
    padding: 6px;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .title {
    padding: 8px 0 7px;
    font-size: clamp(14px, 4.62vw, 18px);
    min-height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .category {
    padding: 0 0 12px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .category .cat {
    font-size: clamp(14px, 4.1vw, 16px);
    padding: 1px 18px;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .btnWrap .commonBtn {
    padding: 6px 4px;
    height: auto;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .btnWrap .commonBtn .text {
    font-size: 14px;
    letter-spacing: -0.03em;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .btnWrap .commonBtn .arrow {
    width: min(13%, 18px);
    height: auto;
    aspect-ratio: 1/1;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .bottomText {
    font-size: 12px;
    top: calc(100% + 10px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .tableArea .tableIn {
    width: 764px;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .noteArea {
    padding: 20px 0 0 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .noteArea .noteList {
    font-size: 14px;
    padding: 0 0 2px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .noteArea .noteList .head {
    width: 30px;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .noteArea .noteList .text {
    width: calc(100% - 30px);
  }
  .secSeries .secSeriesIn .boxPublic .boxTitle {
    padding: 4px 8px;
  }
  .secSeries .secSeriesIn .boxPublic .boxTitle .titleMain {
    font-size: clamp(14px, 6.15vw, 24px);
  }
  .secSeries .secSeriesIn .boxPublic .boxIn {
    padding: 18px 12px;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol {
    padding: 0 0 24px 0;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .titleRow .title {
    font-size: clamp(14px, 5.64vw, 22px);
    padding: 0 0 4px 0;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .titleRow .icon {
    font-size: clamp(14px, 4.1vw, 16px);
    padding: 1px 6px;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .caption {
    font-size: clamp(14px, 4.62vw, 18px);
    letter-spacing: -0.03em;
    padding: 12px 0 8px 0;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .detail {
    font-size: clamp(14px, 3.85vw, 15px);
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .btnWrap {
    width: min(100%, 240px);
    padding: 14px 0 0 0;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .imgCol .imgItem {
    width: 49%;
  }
}
@media print, screen and (min-width: 768px) {
  .secSeries {
    padding: 56px 0 96px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin {
    margin: 0 0 80px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxTitle {
    display: flex;
    align-items: baseline;
    padding: 7px 2.35%;
    -moz-column-gap: 1.18%;
         column-gap: 1.18%;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxTitle .titleMain {
    font-size: clamp(24px, 2.78vw, 40px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxTitle .titleSub {
    font-size: clamp(14px, 1.25vw, 18px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn {
    padding: min(4vw, 56px) 2.2%;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 84px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea {
    width: min(49%, 637px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupTitle {
    padding: 10px 3.77%;
    -moz-column-gap: 10px;
         column-gap: 10px;
    margin: 0 0 13px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupTitle .titleText {
    font-size: clamp(21px, 2.43vw, 35px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem {
    width: min(49%, 306px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn {
    width: min(96%, 240px);
    margin: 16px auto;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .title {
    padding: 16px 0 7px;
    font-size: clamp(14px, 1.67vw, 24px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .category {
    padding: 0 0 24px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .itemIn .category .cat {
    font-size: clamp(14px, 1.25vw, 18px);
    padding: 7px min(2vw, 24px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .lineupWrap .lineupArea .lineupList .lineupItem .bottomText {
    font-size: 14px;
    top: calc(100% + 10px);
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .tableArea {
    width: min(100%, 1268px);
    margin: 0 auto;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .noteArea {
    width: min(100%, 1268px);
    margin: 0 auto;
    padding: 24px 0 0 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .noteArea .noteList {
    font-size: 14px;
    padding: 0 0 2px 0;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .noteArea .noteList .head {
    width: 30px;
  }
  .secSeries .secSeriesIn .boxRakuchin .boxIn .noteArea .noteList .text {
    width: calc(100% - 30px);
  }
  .secSeries .secSeriesIn .boxPublic .boxTitle {
    padding: 7px 2.35%;
  }
  .secSeries .secSeriesIn .boxPublic .boxTitle .titleMain {
    font-size: clamp(24px, 2.78vw, 40px);
  }
  .secSeries .secSeriesIn .boxPublic .boxIn {
    padding: min(4vw, 48px) 2.2%;
    display: flex;
    justify-content: space-between;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol {
    width: min(46%, 520px);
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .titleRow {
    display: flex;
    align-items: center;
    -moz-column-gap: 14px;
         column-gap: 14px;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .titleRow .title {
    font-size: clamp(18px, 2.08vw, 30px);
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .titleRow .icon {
    font-size: clamp(14px, 1.25vw, 18px);
    padding: 1px 6px;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .caption {
    font-size: clamp(14px, 1.25vw, 18px);
    letter-spacing: -0.03em;
    padding: 12px 0 8px 0;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .detail {
    font-size: clamp(14px, 1.25vw, 18px);
    letter-spacing: -0.03em;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .textCol .btnWrap {
    width: min(100%, 240px);
    padding: 14px 0 0 0;
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .imgCol {
    width: min(52%, 500px);
  }
  .secSeries .secSeriesIn .boxPublic .boxIn .imgCol .imgItem {
    width: min(48%, 240px);
  }
}/*# sourceMappingURL=style.css.map */