@charset "UTF-8";
html {
  scroll-behavior: smooth; }

/* -------------------------------------------------
  bread-crumb
 ---------------------------------------------------- */
#detail-page {
  top: 0;
  padding-top: 4px;
  margin-bottom: 0;
  overflow: hidden; }

.bread-crumb-wrap {
  position: relative;
  width: 960px;
  margin: 0 auto; }

.bread-crumb::after {
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  visibility: hidden;
  content: ' '; }

.bread-crumb > #home {
  padding-left: 12px;
  background: url(/common/images/bread-clumb-home-bg-01.png) left 1px no-repeat; }

.bread-crumb li {
  display: inline;
  color: #666; }

/* -------------------------------------------------
  Reset
 ---------------------------------------------------- */
.main {
  padding: 0;
  margin: 0;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
  color: #171c61;
  font-size: 6.6px;
  line-height: 1;
  font-weight: 900;
  text-align: center;
  overflow: hidden; }
  .main * {
    box-sizing: border-box; }
  .main h1,
  .main h2,
  .main h3,
  .main h4,
  .main h5,
  .main h6,
  .main p {
    margin: 0; }
  .main ul[class],
  .main ol[class] {
    padding-right: 0;
    padding-left: 0;
    list-style: none; }
  .main picture {
    position: relative;
    z-index: 1;
    display: block; }
  .main figure {
    display: block;
    margin: 0; }
  .main img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: bottom; }

/* -------------------------------------------------
  Utility
 ---------------------------------------------------- */
.pc-only {
  display: none; }
  @media screen and (min-width: 768px) {
    .pc-only {
      display: block; } }

.sp-only {
  display: block; }
  @media screen and (min-width: 768px) {
    .sp-only {
      display: none; } }

.contents-layout {
  margin: 0 auto;
  padding-left: calc((35 / 750) * 100vw);
  padding-right: calc((35 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .contents-layout {
      max-width: 1100px;
      padding-left: calc((97 / 940) * 100vw);
      padding-right: calc((97 / 940) * 100vw); } }
  @media screen and (min-width: 940px) {
    .contents-layout {
      padding-left: 97px;
      padding-right: 97px; } }
  .contents-layout--sp {
    margin: 0 auto;
    padding-left: calc((35 / 750) * 100vw);
    padding-right: calc((35 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .contents-layout--sp {
        padding-left: 0;
        padding-right: 0; } }

/* -------------------------------------------------
  parts
 ---------------------------------------------------- */
.search-list {
  margin: 0 auto;
  display: grid;
  gap: calc((11 / 750) * 100vw);
  width: calc((450 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .search-list {
      display: none; } }
  .search-list--top {
    gap: calc((10 / 750) * 100vw); }
  .search-list--bottom {
    gap: calc((15 / 750) * 100vw);
    color: #fbcf05; }

.note-list {
  text-align: left;
  font-size: 9px;
  font-weight: 500;
  line-height: calc(27 / 18); }
  @media screen and (min-width: 768px) {
    .note-list {
      font-size: 14px;
      line-height: calc(25 / 14); } }
  .note-list__item {
    padding-left: 1em;
    text-indent: -1em; }

/* -------------------------------------------------
  book-section
 ---------------------------------------------------- */
.book-section--yellow {
  position: relative;
  background-color: #fbcf05; }

.book-section--yellow::before {
  background: url(/brand/35th/images/yellow_bg_sp.png) no-repeat center center; }
  @media screen and (min-width: 768px) {
    .book-section--yellow::before {
      background: url(/brand/35th/images/yellow_bg_pc.png) no-repeat center center; } }

.book-section--red {
  position: relative;
  background-color: #e63828; }

.book-section--red::before {
  background: url(/brand/35th/images/red_bg_sp.png) no-repeat center center; }
  @media screen and (min-width: 768px) {
    .book-section--red::before {
      background: url(/brand/35th/images/red_bg_pc.png) no-repeat center center; } }

.book-section--blue {
  position: relative;
  background-color: #171c61; }

.book-section--blue::before {
  background: url(/brand/35th/images/blue_bg_sp.png) no-repeat center center; }
  @media screen and (min-width: 768px) {
    .book-section--blue::before {
      background: url(/brand/35th/images/blue_bg_pc.png) no-repeat center center; } }

.book-section::before {
  content: '';
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  width: calc((750 / 750) * 100vw);
  height: calc((69 / 750) * 100vw);
  top: calc((-67 / 750) * 100vw);
  left: 0; }
  @media screen and (min-width: 768px) {
    .book-section::before {
      width: calc((1920 / 1920) * 100vw);
      height: calc((180 / 1920) * 100vw);
      top: calc((-178 / 1920) * 100vw); } }

/* -------------------------------------------------
  kv
 ---------------------------------------------------- */
.kv-section {
  background-image: url(/brand/35th/images/kv_bg_sp.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-bottom: calc((323 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .kv-section {
      background-image: url(/brand/35th/images/kv_bg_pc.png);
      padding-bottom: calc((605 / 1920) * 100vw); } }
  .kv-section__img--text {
    padding: calc((113 / 750) * 100vw) 0 calc((36 / 750) * 100vw);
    margin-left: calc((144 / 750) * 100vw);
    width: calc((412 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .kv-section__img--text {
        padding: calc((126 / 1920) * 100vw) 0 0;
        margin-left: calc((670 / 1920) * 100vw);
        width: calc((470 / 1920) * 100vw); } }
  .kv-section__img--logo {
    width: calc((166 / 750) * 100vw);
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .kv-section__img--logo {
        width: calc((195 / 1920) * 100vw);
        margin-left: calc((1100 / 1920) * 100vw);
        margin-top: calc((-135 / 1920) * 100vw); } }

/* -------------------------------------------------
  top-search
 ---------------------------------------------------- */
.top-search-section {
  padding: calc((20 / 750) * 100vw) 0 calc((28 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .top-search-section {
      padding: calc((32 / 940) * 100vw) 0 calc((55 / 940) * 100vw); } }
  @media screen and (min-width: 940px) {
    .top-search-section {
      padding: 32px 0 55px; } }
  .top-search-section__link {
    width: fit-content;
    margin: 0 auto; }
  .top-search-section__img--btn {
    width: calc((517 / 750) * 100vw);
    margin: 0 auto calc((13 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .top-search-section__img--btn {
        width: calc((414 / 940) * 100vw);
        margin-bottom: 0; } }
    @media screen and (min-width: 940px) {
      .top-search-section__img--btn {
        width: 414px; } }

/* -------------------------------------------------
  menu
 ---------------------------------------------------- */
.menu-section__wrap {
  display: grid;
  gap: calc((17 / 750) * 100vw);
  grid-auto-flow: column;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .menu-section__wrap {
      gap: calc((35 / 940) * 100vw); } }
  @media screen and (min-width: 940px) {
    .menu-section__wrap {
      gap: 35px; } }

.menu-section__link {
  width: fit-content;
  margin: 0 auto; }

.menu-section__img--present, .menu-section__img--sale, .menu-section__img--message {
  width: calc((239 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .menu-section__img--present, .menu-section__img--sale, .menu-section__img--message {
      width: calc((270 / 940) * 100vw); } }
  @media screen and (min-width: 940px) {
    .menu-section__img--present, .menu-section__img--sale, .menu-section__img--message {
      width: 270px; } }

/* -------------------------------------------------
  title
 ---------------------------------------------------- */
.title-section {
  padding-top: calc((92 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .title-section {
      padding-top: 55px; } }
  .title-section__img--35th {
    width: calc((659 / 750) * 100vw);
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .title-section__img--35th {
        width: calc((892 / 940) * 100vw); } }
    @media screen and (min-width: 940px) {
      .title-section__img--35th {
        width: 892px; } }

/* -------------------------------------------------
  present
 ---------------------------------------------------- */
.present-section {
  padding: calc(58 / 750 * 100vw) 0 calc((140 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .present-section {
      padding: 50px 0 calc((200 / 1920) * 100vw); } }
  .present-section__img--ano-bookmark-text {
    width: calc((569 / 750) * 100vw);
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .present-section__img--ano-bookmark-text {
        width: calc((881 / 940) * 100vw); } }
    @media screen and (min-width: 940px) {
      .present-section__img--ano-bookmark-text {
        width: 881px; } }
  .present-section__img--ano-bookmark-img {
    width: calc((660 / 750) * 100vw);
    margin-top: calc((-75 / 750) * 100vw);
    margin-left: calc((42 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .present-section__img--ano-bookmark-img {
        width: calc((832 / 940) * 100vw);
        margin: calc((-10 / 940) * 100vw) auto 0; } }
    @media screen and (min-width: 940px) {
      .present-section__img--ano-bookmark-img {
        width: 832px;
        margin: -10px auto 0; } }

/* -------------------------------------------------
  sale
 ---------------------------------------------------- */
.sale-section {
  position: relative;
  padding: calc((72 / 750) * 100vw) 0 calc((190 / 750) * 100vw);
  scroll-margin-top: 60px; }
  @media screen and (min-width: 768px) {
    .sale-section {
      padding: 125px 0 234px; } }
  .sale-section__wrap {
    display: grid;
    gap: calc((42 / 750) * 100vw);
    justify-content: center; }
    @media screen and (min-width: 768px) {
      .sale-section__wrap {
        gap: 50px; } }
    @media screen and (max-width: 1100px) and (min-width: 768px) {
      .sale-section__wrap {
        gap: calc((50 / 1100) * 100vw); } }
  .sale-section__link {
    width: fit-content;
    margin: 0 auto; }
  .sale-section__img--text {
    position: relative;
    margin: 0 auto;
    width: calc((604 / 750) * 100vw);
    z-index: 0; }
    @media screen and (min-width: 768px) {
      .sale-section__img--text {
        width: 909px; } }
    @media screen and (max-width: 1030px) and (min-width: 768px) {
      .sale-section__img--text {
        width: calc((909 / 1030) * 100vw); } }
  .sale-section__img--text::before {
    content: '';
    background: url(/brand/35th/images/sale_more.png) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    width: calc((171 / 750) * 100vw);
    height: calc((171 / 750) * 100vw);
    position: absolute;
    top: calc((-75 / 750) * 100vw);
    left: calc((-49 / 750) * 100vw);
    z-index: -1; }
    @media screen and (min-width: 768px) {
      .sale-section__img--text::before {
        width: 224px;
        height: 224px;
        top: -176px;
        left: -53px; } }
    @media screen and (max-width: 1030px) and (min-width: 768px) {
      .sale-section__img--text::before {
        width: calc((224 / 1030) * 100vw);
        height: calc((224 / 1030) * 100vw);
        top: calc((-176 / 1030) * 100vw);
        left: calc((-53 / 1030) * 100vw); } }
  .sale-section__img--banner {
    margin: 0 auto;
    width: calc((651 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .sale-section__img--banner {
        width: 890px; } }
    @media screen and (max-width: 1030px) and (min-width: 768px) {
      .sale-section__img--banner {
        width: calc((890 / 1030) * 100vw); } }

/* -------------------------------------------------
  message
 ---------------------------------------------------- */
.message-section {
  padding: calc((70 / 750) * 100vw) 0 calc((105 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .message-section {
      padding: 100px 0 136px; } }
  .message-section__text-wrap {
    margin: 0 auto;
    width: fit-content; }
  .message-section__img--title {
    width: calc((482 / 750) * 100vw);
    margin: 0 auto calc((90 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--title {
        width: 482px;
        margin-bottom: 83px; } }
  .message-section__img--text-01 {
    position: relative;
    width: calc((551 / 750) * 100vw);
    margin-left: calc((112 / 750) * 100vw);
    margin-bottom: calc((82 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-01 {
        width: 385px;
        margin-left: 66px;
        margin-bottom: 56px; } }
  .message-section__img--text-01::before {
    content: '';
    background: url(/brand/35th/images/message_decoration_left.png) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    width: calc((60 / 750) * 100vw);
    height: calc((164 / 750) * 100vw);
    position: absolute;
    top: calc((-16 / 750) * 100vw);
    left: calc((-92 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-01::before {
        width: 49px;
        height: 132px;
        top: -18px;
        left: -72px; } }
  .message-section__img--text-02 {
    position: relative;
    width: calc((419 / 750) * 100vw);
    margin-left: calc((18 / 750) * 100vw);
    margin-bottom: calc((80 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-02 {
        width: 294px;
        margin-left: 0;
        margin-bottom: 56px; } }
  .message-section__img--text-02::before {
    content: '';
    background: url(/brand/35th/images/message_decoration_right.png) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    width: calc((50 / 750) * 100vw);
    height: calc((136 / 750) * 100vw);
    position: absolute;
    top: calc((110 / 750) * 100vw);
    right: calc((-130 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-02::before {
        width: 41px;
        height: 110px;
        top: 32px;
        right: -68px; } }
  .message-section__img--text-03 {
    position: relative;
    width: calc((438 / 750) * 100vw);
    margin-left: calc((18 / 750) * 100vw);
    margin-bottom: calc((80 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-03 {
        width: 307px;
        margin-left: 0;
        margin-bottom: 56px; } }
  .message-section__img--text-03::before {
    content: '';
    background: url(/brand/35th/images/message_decoration_right.png) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    width: calc((50 / 750) * 100vw);
    height: calc((136 / 750) * 100vw);
    position: absolute;
    top: calc((338 / 750) * 100vw);
    right: calc((-105 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-03::before {
        width: 41px;
        height: 110px;
        top: 195px;
        right: -58px; } }
  .message-section__img--text-04 {
    width: calc((620 / 750) * 100vw);
    margin-left: calc((18 / 750) * 100vw);
    margin-bottom: calc((80 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-04 {
        width: 581px;
        margin-left: 0;
        margin-bottom: 56px; } }
  .message-section__img--text-05 {
    position: relative;
    width: calc((418 / 750) * 100vw);
    margin-left: calc((112 / 750) * 100vw);
    margin-bottom: calc((60 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-05 {
        width: 468px;
        margin-left: 66px;
        margin-bottom: 32px; } }
  .message-section__img--text-05::before {
    content: '';
    background: url(/brand/35th/images/message_decoration_left.png) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    width: calc((60 / 750) * 100vw);
    height: calc((164 / 750) * 100vw);
    position: absolute;
    top: calc((-5 / 750) * 100vw);
    left: calc((-92 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-05::before {
        width: 49px;
        height: 132px;
        top: -6px;
        left: -72px; } }
  .message-section__img--text-06 {
    width: calc((339 / 750) * 100vw);
    margin-left: calc((114 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .message-section__img--text-06 {
        width: 237px;
        margin-left: 66px; } }

/* -------------------------------------------------
  bottom-search
 ---------------------------------------------------- */
.bottom-search-section {
  background: #e63828;
  padding: calc((60 / 750) * 100vw) 0 calc((105 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .bottom-search-section {
      padding: 100px 0; } }
  .bottom-search-section__link {
    width: fit-content;
    margin: 0 auto; }
  .bottom-search-section__img--text {
    width: calc((399 / 750) * 100vw);
    margin: 0 auto calc((43 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .bottom-search-section__img--text {
        width: 521px;
        margin-bottom: 40px; } }
  .bottom-search-section__img--btn {
    width: calc((517 / 750) * 100vw);
    margin: 0 auto calc((38 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .bottom-search-section__img--btn {
        width: 414px;
        margin-bottom: 0; } }

/* -------------------------------------------------
  footer
 ---------------------------------------------------- */
.footer-section {
  background: #fbcf05;
  padding: calc((100 / 750) * 100vw) 0; }
  @media screen and (min-width: 768px) {
    .footer-section {
      padding: 100px 0; } }
  .footer-section__list-wrap {
    margin: 0 auto calc((99 / 750) * 100vw);
    width: calc((620 / 750) * 100%); }
    @media screen and (min-width: 768px) {
      .footer-section__list-wrap {
        margin-bottom: 64px; } }
  .footer-section__download-wrap {
    margin: 0 auto calc((124 / 750) * 100vw);
    width: fit-content; }
    @media screen and (min-width: 768px) {
      .footer-section__download-wrap {
        margin-bottom: 70px; } }
  @media screen and (min-width: 768px) {
    .footer-section__copyright-wrap {
      font-size: 11px; } }
  .footer-section__img--lead {
    width: calc((427 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .footer-section__img--lead {
        width: calc((698 / 940) * 100vw); } }
    @media screen and (min-width: 940px) {
      .footer-section__img--lead {
        width: 698px; } }
  .footer-section__img--logo {
    width: calc((140 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .footer-section__img--logo {
        width: calc((115 / 940) * 100vw); } }
    @media screen and (min-width: 940px) {
      .footer-section__img--logo {
        width: 115px; } }
  @media screen and (min-width: 768px) {
    .footer-section__img--qr {
      width: calc((115 / 940) * 100vw); } }
  @media screen and (min-width: 940px) {
    .footer-section__img--qr {
      width: 115px; } }
  .footer-section__img--apple {
    width: calc((193 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .footer-section__img--apple {
        width: calc((180 / 940) * 100vw); } }
    @media screen and (min-width: 940px) {
      .footer-section__img--apple {
        width: 180px; } }
  .footer-section__img--google {
    width: calc((219 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .footer-section__img--google {
        width: calc((204 / 940) * 100vw); } }
    @media screen and (min-width: 940px) {
      .footer-section__img--google {
        width: 204px; } }
  @media screen and (min-width: 768px) {
    .footer-section__img--triangle {
      width: calc((133 / 940) * 100vw); } }
  @media screen and (min-width: 940px) {
    .footer-section__img--triangle {
      width: 133px; } }

.download-container {
  display: grid;
  place-items: center;
  gap: calc((5 / 750) * 100vw); }
  @media screen and (min-width: 768px) {
    .download-container {
      grid-template-columns: calc((410 / 940) * 100vw) calc((270 / 940) * 100vw);
      row-gap: 0;
      column-gap: calc((50 / 940) * 100vw); } }
  @media screen and (min-width: 940px) {
    .download-container {
      grid-template-columns: 410px 270px;
      column-gap: 50px; } }
  @media screen and (min-width: 768px) {
    .download-container__lead-wrap {
      display: grid;
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 2; } }
  .download-container__app-wrap {
    width: fit-content;
    padding: calc((10 / 750) * 100vw);
    background: #e63828;
    border-radius: calc((36 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .download-container__app-wrap {
        margin-top: calc((51 / 940) * 100vw);
        display: grid;
        grid-auto-flow: column;
        gap: calc((16 / 940) * 100vw);
        padding: calc((10 / 940) * 100vw) calc((12 / 940) * 100vw);
        border-radius: calc((10 / 940) * 100vw);
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 4; } }
    @media screen and (min-width: 940px) {
      .download-container__app-wrap {
        margin-top: 51px;
        gap: 16px;
        padding: 10px 12px;
        border-radius: 10px; } }
  .download-container__store-wrap {
    width: fit-content;
    display: grid;
    grid-auto-flow: column;
    gap: calc((28 / 750) * 100vw);
    margin-top: calc((11 / 750) * 100vw);
    margin-left: calc((34 / 750) * 100vw); }
    @media screen and (min-width: 768px) {
      .download-container__store-wrap {
        gap: calc((26 / 940) * 100vw);
        margin-top: 0;
        margin-left: 0;
        margin-bottom: calc((-22 / 940) * 100vw);
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3; } }
    @media screen and (min-width: 940px) {
      .download-container__store-wrap {
        gap: 26px;
        margin-bottom: -22px; } }
  @media screen and (min-width: 768px) {
    .download-container__text-wrap {
      width: calc((406 / 940) * 100vw);
      font-size: calc((13 / 940) * 100vw);
      text-align: left;
      line-height: calc(24 / 13);
      display: grid;
      grid-auto-flow: column;
      gap: calc((13 / 940) * 100vw);
      align-items: center;
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 3;
      grid-row-end: 4; } }
  @media screen and (min-width: 940px) {
    .download-container__text-wrap {
      width: 406px;
      font-size: 13px;
      gap: 13px; } }