:root {
  --fontSizeBase: 16px;
  --colorFontBase: #000;
  --zindexHide: -1;
  --zindexFoward: 2;
  --zindexModal: 3;
  --zindexLoader: 4;
  --fontFamily: 'Helvetica Neue', arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', meiryo, sans-serif;
}
html {
  /* font-family: var(--fontFamily);
  font-size: var(--fontSizeBase); */
}
html, body {
  /* width: 100%;
  height: 100%; */
}
body {
  /* background-color: var(--colorBg); */
}
body.Error {
  padding-top: 0;
}
body.error #__nuxt, body.error #__layout {
    height: 100%;
  }
.main-content {
  line-height: 1.6;
  color: #000;
  color: var(--colorFontBase);

}
.main-content ul {
    list-style-type: none;
  }
.main-content img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
  }
.main-content iframe {
    vertical-align: bottom;
  }
.main-content em {
    font-style: normal;
    font-weight: bolder;
  }
.main-content .h1, .main-content .h2, .main-content .h3, .main-content .h4, .main-content .h5, .main-content .h6 {
    font-weight: normal;
  }
.main-content .ul {
    list-style-type: disc;
  }
@media (max-width: 960px) {
.main-content .span {
      display: block
  }
    }
@media (max-width: 960px) {
.main-content .br {
      display: none
  }
    }
.main-content .a {
    text-decoration: underline;
  }
.main-content .a:hover {
      text-decoration: none;
    }
.main-content .dt {
    font-weight: bold;
  }
.main-content .content-letter-parent {
    width: 100%;
  }
.main-content button {
    font-size: 1rem;
  }
.main-content svg .cls-1 {
      fill: #fff;
    }
.main-content svg .cls-2 {
      fill: #231815;
    }
.main-content svg .st0 {
      fill: #fff;
    }
.main-content svg .st1 {
      fill: #404040;
    }
.main-content {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.main-content .Container {
    box-sizing: border-box;

    /* 1040pxは朝日新聞側のCSSに記述されている元々の幅 */
    max-width: 65rem;
    margin-right: auto;
    margin-left: auto;
  }
.main-content .Container.-w1100 {
    max-width: 68.75rem;
  }
@media (max-width: 960px) {
.main-content .Container.-w1100 {
      padding-right: 10px;
      padding-left: 10px
  }
    }
.main-content .Button {
    box-sizing: border-box;
    display: inline-block;
    padding: 0.625rem 1.25rem;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    background-image: linear-gradient(180deg, #fff, #000);
    border-color: black;
    border-style: solid;
    border-width: 3px;
    border-radius: 8px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
@media (max-width: 960px) {
.main-content .Button {
      padding: 4px 5px;
      font-size: 0.75rem
  }
    }
.main-content .Button.-full {
    width: 100%;
  }
.main-content .Button.-small {
    padding: 0.3125rem 0.9375rem;
  }
.main-content .Button.-small > .Button__link {
      padding: -0.3125rem -0.9375rem;
    }
.main-content .Button.-large {
    padding: 1.5625rem 3.125rem;
  }
.main-content .Button.-large > .Button__link {
      padding: -1.5625rem -3.125rem;
    }
.main-content .Button.-hasIcon > .Button__link {
      display: flex;
      align-items: center;
    }
.main-content .Button__link {
    display: block;
    padding: 0.625rem 1.25rem;
    margin: -0.625rem -1.25rem;
    color: #fff;
    text-decoration: none;
  }
.main-content .Button.-blue {
    background-image: linear-gradient(180deg, #55c0f0, #0160ff);
    border-color: #0e84bc;
  }
.main-content .Button.-orange {
    background-image: linear-gradient(180deg, #F0A855, #F22500);
    border-color: #C4623E;
  }
.main-content .Button.-brown {
    background-image: linear-gradient(180deg, #A74700, #482501);
    border-color: #4D3A31;
  }
.main-content .Button[disabled='disabled'] {
    color: #999;
    pointer-events: none;
    background-color: #ccc;
    background-image: none;
    border-color: #999;
  }
.main-content .Wrapper {
    padding-top: 3.125rem;
    padding-bottom: 6.875rem;
    margin-right: -50vw;
    margin-left: -50vw;
    background-color: #f8f4f4;
    /* stylelint-disable unit-no-unknown */
    background-image:
      
        url('../images/common/bg-body-up.png');
  }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.main-content .Wrapper {
    background-image:
      
        url('../images/common/bg-body-up@2x.png');
  }
}
.main-content .Wrapper {
    background-image:
      
        url('../images/common/bg-body-bottom.png');
  }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.main-content .Wrapper {
    background-image:
      
        url('../images/common/bg-body-bottom@2x.png');
  }
}
.main-content .Wrapper {
    background-image:
      -webkit-image-set(
        url('../images/common/bg-body-up.png') 1x,
        url('../images/common/bg-body-up@2x.png') 2x
      ),
      -webkit-image-set(
        url('../images/common/bg-body-bottom.png') 1x,
        url('../images/common/bg-body-bottom@2x.png') 2x
      );
    background-image:
      image-set(
        url('../images/common/bg-body-up.png') 1x,
        url('../images/common/bg-body-up@2x.png') 2x
      ),
      image-set(
        url('../images/common/bg-body-bottom.png') 1x,
        url('../images/common/bg-body-bottom@2x.png') 2x
      );
    background-repeat: no-repeat;
    background-position: center top, center bottom;
  }
@media (max-width: 960px) {
.main-content .Wrapper {
      margin-right: 0;
      margin-left: 0
  }
    }
.main-content .Wrapper.-category {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
  }
@media (max-width: 960px) {
.main-content .Wrapper.-category {
      padding-right: 10px;
      padding-left: 10px
  }
    }
.main-content .Wrapper.-enjoy {
    background-color: #f9ffd9;
  }
.main-content .Wrapper.-delicious {
    background-color: #fff1d9;
  }
.main-content .Wrapper.-living {
    background-color: #fff0f7;
  }
.main-content .Wrapper.-infra {
    background-color: #e2eff5;
  }
.main-content .Wrapper.-technology {
    background-color: #f2efff;
  }
.main-content .Categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -1.5625rem;
    margin-left: -1.5625rem;
    line-height: 1;
    text-align: center;
  }
.main-content .Categories__item {
    flex-basis: 21.875rem;
    margin-top: 1.5625rem;
    margin-left: 1.5625rem;
    overflow: hidden;
    font-size: 1.625rem;
    background-color: transparent;
    background-color: initial;

    /* https://css-stripe-generator.firebaseapp.com/ */
    background-image: repeating-linear-gradient(
      0deg,
      transparent,
      transparent 5px,
      none 5px,
      none 10px
    );
    background-image: repeating-linear-gradient(
      0deg,
      transparent,
      transparent 5px,
      initial 5px,
      initial 10px
    );
    background-size: auto auto;
    border-radius: 8px;
  }
@media (max-width: 960px) {
.main-content .Categories__item {
      flex-basis: 45%;
      margin-top: 0.9375rem;
      margin-left: 0.9375rem
  }
    }
.main-content .Categories__itemLink {
    display: block;
    padding-top: 1.25rem;
    font-weight: bolder;
    color: #000;
    color: initial;
    text-decoration: none;
    letter-spacing: 0.1em;
  }
@media (max-width: 960px) {
.main-content .Categories__itemLink {
      padding-top: 1rem;
      font-size: 1.1875rem
  }
    }
.main-content .Categories__itemText {
    display: block;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    margin-top: 1.25rem;
    font-size: 0.875rem;
    color: #fff;
    letter-spacing: normal;
    background-color: transparent;
    background-color: initial;
  }
@media (max-width: 960px) {
.main-content .Categories__itemText {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
      font-size: 0.5625rem;
      line-height: 1.4
  }
    }
.main-content .Categories__item.-enjoy {
    background-color: #d7eb7d;
    background-image: repeating-linear-gradient(
      0deg,
      transparent,
      transparent 5px,
      #d7eb7d 5px,
      #cee65f 10px
    );
    border-bottom: #1B601B solid 7px;
  }
.main-content .Categories__item.-enjoy .Categories__itemLink {
      color: #064606;
    }
.main-content .Categories__item.-enjoy .Categories__itemText {
      background-color: #329132;
    }
.main-content .Categories__item.-delicious {
    background-color: #f8c363;
    background-image: repeating-linear-gradient(
      0deg,
      transparent,
      transparent 5px,
      #f8c363 5px,
      #ffbe64 10px
    );
    border-bottom: #8D5810 solid 7px;
  }
.main-content .Categories__item.-delicious .Categories__itemLink {
      color: #4e2e02;
    }
.main-content .Categories__item.-delicious .Categories__itemText {
      background-color: #e88700;
    }
.main-content .Categories__item.-living {
    background-color: #fcc5de;
    background-image: repeating-linear-gradient(
      0deg,
      transparent,
      transparent 5px,
      #fcc5de 5px,
      #fcbdda 10px
    );
    border-bottom: #BE5886 solid 7px;
  }
.main-content .Categories__item.-living .Categories__itemLink {
      color: #5d1f3b;
    }
.main-content .Categories__item.-living .Categories__itemText {
      background-color: #ea87b4;
    }
.main-content .Categories__item.-infra {
    background-color: #bbe1f4;
    background-image: repeating-linear-gradient(
      0deg,
      transparent,
      transparent 5px,
      #bbe1f4 5px,
      #afdbf2 10px
    );
    border-bottom: #075279 solid 7px;
  }
.main-content .Categories__item.-infra .Categories__itemLink {
      color: #094564;
    }
.main-content .Categories__item.-infra .Categories__itemText {
      background-color: #3c9dd0;
    }
.main-content .Categories__item.-technology {
    background-color: #d2c8fe;
    background-image: repeating-linear-gradient(
      0deg,
      transparent,
      transparent 5px,
      #d2c8fe 5px,
      #c8bcff 10px
    );
    border-bottom: #392981 solid 7px;
  }
.main-content .Categories__item.-technology .Categories__itemLink {
      color: #1C0F5C;
    }
.main-content .Categories__item.-technology .Categories__itemText {
      background-color: #8170D0;
    }
/* カテゴリーページのカード */
.main-content .CategoryList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -1.875rem;
  }
@media (max-width: 960px) {
.main-content .CategoryList {
      display: block;
      margin-top: 0.625rem
  }
    }
.main-content .CategoryList__item {
    box-sizing: border-box;
    flex-basis: 31.5625rem;
    max-width: 31.5625rem;
    padding: 0.9375rem 1.25rem;
    margin-top: 1.875rem;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }
@media (max-width: 960px) {
.main-content .CategoryList__item {
      padding: 0.5rem 0.625rem;
      margin-top: 15px
  }
    }
.main-content .CategoryList__itemImage {
    position: relative;
    min-height: 29.0625rem; /* 画像がない時に崩れるので、画像の高さを指定 */
    overflow: hidden;
  }
.main-content .CategoryList__itemImage img {
      width: 100%;
      height: auto;
      vertical-align: top;
    }
.main-content .CategoryList__itemBody > a {
      text-decoration: none;
    }
.main-content .CategoryList__itemCategory {
    display: none;
  }
.main-content .CagegoryList__itemLink {
    position: relative;
    text-decoration: none;
  }
.main-content .CategoryList__itemImageIcon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    z-index: var(--zindexFoward);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.375rem;
    height: 4.375rem;
    background-color: #482501;
  }
@media (max-width: 960px) {

    }
.main-content .CategoryList__itemTitle {
    /* position: absolute;
  bottom: 0;
  width: 100%; */
    position: relative;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    margin-top: -5.5625rem;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.70);
  }
.main-content .CategoryList__itemTitle > dt {
      font-size: 1.0625rem;
      font-weight: bold;
    }
@media (max-width: 960px) {
.main-content .CategoryList__itemTitle > dt {
        margin-top: 0.3125rem;
        font-size: 0.75rem
    }
      }
.main-content .CategoryList__itemTitle > dd {
      margin-top: 0.625rem;
      font-size: 0.875rem;
    }
.main-content .CategoryList__itemMeta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
.main-content .CategoryList__itemIcons {
    display: flex;
    align-items: center;
  }
.main-content .CategoryList__itemIcons > li {
      position: relative;
    }
.main-content .CategoryList__itemIcons > li:hover .CategoryList__itemTooltip {
          opacity: 1;
          transform: translateY(-35px);
          will-change: opacity, transform;
        }
.main-content .CategoryList__itemIcons > li + li {
      margin-left: 0.3125rem;
    }
.main-content .CayrhotyLisy__linkIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 0.625rem;
    background-color: #fff;
    border-radius: 50%;
  }
.main-content .CategoryList__itemTooltip {
    position: absolute;
    left: 50%;
    box-sizing: border-box;
    min-width: 6em;
    padding: 0.3125rem;
    margin-left: -3em;
    font-size: 0.6875rem;
    color: #fff;
    text-align: center;
    background-color: #ea5818;
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transform: translateY(-25px);
  }
.main-content .CategoryList__itemTooltip > span {
      position: relative;
      display: block;
    }
.main-content .CategoryList__itemTooltip > span::after {
        position: absolute;
        bottom: -12px;
        left: 50%;
        width: 0;
        height: 0;
        content: '';
        border-color: #ea5818 transparent transparent transparent;
        border-style: solid;
        border-width: 8.7px 5px 0 5px;
        transform: translateX(-50%);
      }
/* 折り紙アイコンのツールチップ 文字数が多いので調整 */
.main-content .CategoryList__itemTooltip.-papercraft {
    left: 0;
    min-width: 11em;
  }
.main-content .CategoryList__itemButton {
    font-size: 0.9375rem;
    border-width: 1px;
  }
@media (max-width: 960px) {
.main-content .CategoryList__itemButton {
      font-size: 0.75rem
  }
    }
.main-content .CategoryList__itemReccomender {
    display: flex;
    align-items: center;
    padding-top: 1.25rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    border-top: solid 1px #a1a1a1;
  }
.main-content .CategoryList__itemReccomenderImg {
    flex-shrink: 0;
    margin-right: 1.25rem;
    font-size: 0.625rem;
    text-align: center;
  }
.main-content .CategoryList__itemReccomenderText {
    font-size: 0.875rem;
    line-height: 2;
  }
.main-content .CategoryList__itemReccomenderName {
    margin-top: 0.625rem;
  }
/* TOPページのカード */
.main-content .CategoryList.-horizontal {
    margin-top: 0;
  }
.main-content .CategoryList.-horizontal .CategoryList__item {
      display: flex;
      flex-basis: 33.4375rem;
      justify-content: space-between;
      max-width: 33.4375rem;
    }
@media (max-width: 960px) {
.main-content .CategoryList.-horizontal .CategoryList__item {
        margin-top: 10px
    }
      }
.main-content .CategoryList.-horizontal .CategoryList__itemImage {
      box-sizing: border-box;
      flex-basis: 10.625rem;
      flex-shrink: 0;
      max-width: 10.625rem;
      height: auto;
      min-height: 0;
    }
@media (max-width: 960px) {
.main-content .CategoryList.-horizontal .CategoryList__itemImage {
        flex-basis: 30%
    }
      }
.main-content .CategoryList.-horizontal .CategoryList__itemImageIcon {
      width: 2.5rem;
      height: 2.5rem;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemImageIcon svg {
        width: 1.875rem;
        height: auto;
      }
.main-content .CategoryList.-horizontal .CategoryList__itemCategory {
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%; 
      font-size: 0.75rem;
      color: #fff;
      text-align: center;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemCategory.-enjoy {
      background-color: #006211;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemCategory.-delicious {
      background-color: #f58200;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemCategory.-living {
      background-color: #f882b6;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemCategory.-infra {
      background-color: #009fd3;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemCategory.-technology {
      background-color: #8670d4;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemBody {
      flex-basis: 18.75rem;
    }
@media (max-width: 960px) {
.main-content .CategoryList.-horizontal .CategoryList__itemBody {
        flex-basis: 70%;
        padding-left: 20px
    }
      }
.main-content .CategoryList.-horizontal .CategoryList__itemTitle {
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 0;
      color: #000;
      color: initial;
      text-align: left;
      background-color: transparent;
      background-color: initial;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemTitle > dt {
        font-size: 0.9375rem;
      }
.main-content .CategoryList.-horizontal .CategoryList__itemTitle > dd {
        margin-top: 0;
        font-size: 0.625rem;
      }
.main-content .CategoryList.-horizontal .CategoryList__itemMeta {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemIcons > li {
        flex-shrink: 0;
      }
.main-content .CategoryList.-horizontal .CategoryList__itemIcons > li + li {
        margin-left: 0.3125rem;
      }
.main-content .CategoryList.-horizontal .CategoryList__itemIcons svg {
        width: 1.875rem;
        height: auto;
      }
.main-content .CategoryList.-horizontal .CategoryList__itemButton {
      flex-shrink: 0;
      padding-right: 0.3125rem;
      padding-left: 0.3125rem;
      font-size: 0.625rem;
    }
.main-content .CategoryList.-horizontal .CayrhotyLisy__linkIcon {
      width: 1.5625rem;
      height: 1.5625rem;
      margin-right: 0.3125rem;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemReccomender {
      padding-top: 0.625rem;
      padding-right: 0;
      padding-left: 0;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemReccomenderImg {
      margin-right: 0.625rem;
    }
.main-content .CategoryList.-horizontal .CategoryList__itemReccomenderImg > img {
        width: 40px;
        border: #EBEBEB solid 1px;
        border-radius: 100%;
      }
.main-content .CategoryList.-horizontal .CategoryList__itemReccomenderName {
      margin-top: 0.3125rem;
      transform: scale(0.9);
    }
.main-content .CategoryList.-horizontal .CategoryList__itemReccomenderText {
      font-size: 0.625rem;
      line-height: 2;
    }
/* stylelint-disable unit-no-unknown */
.main-content .TopLead {
    min-height: 676px;

    margin-right: -50vw;
    margin-left: -50vw;
    background: rgb(97,195,240);
    background: linear-gradient(0deg, rgba(97,195,240,1) 0%, rgba(255,255,255,1) 100%);

    border-bottom: 5px solid #b9dff0;
  }
@media (max-width: 960px) {
.main-content .TopLead {

      margin-right: 0;
      margin-left: 0;
      background-size: 100% auto;
      border-bottom: 2px solid #b9dff0
  }
    }
/* stylelint-enable */
.main-content .TopLeadInner {
    padding-bottom: 2.8125rem;
    background-image: url("../images/top/bkg-head-kengaku-transparent.png");
    background-repeat: no-repeat;
    background-position: bottom;
  }
@media (max-width: 960px) {
.main-content .TopLeadInner {
      padding-bottom: 4.6875rem
  }
    }
.main-content .TopLead__title {
    text-align: center;
  }
.main-content .TopLead__block {
    display: flex;
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem;
    margin-top: -1.25rem;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 5px #b9dff0;
  }
@media (max-width: 960px) {
.main-content .TopLead__block {
      display: block;
      padding-right: 20px;
      padding-left: 20px
  }
    }
.main-content .TopLead__block > div {
      flex-basis: 50%;
      padding-right: 3.125rem;
      padding-left: 3.125rem;
    }
@media (max-width: 960px) {
.main-content .TopLead__block > div {
        padding-right: 0;
        padding-left: 0
    }
      }
.main-content .TopLead__block > div + div {
        border-left: 2px solid #efefef;
      }
@media (max-width: 960px) {
.main-content .TopLead__block > div + div {
          padding-top: 20px;
          margin-top: 20px;
          border-top: 2px solid #efefef;
          border-left: none
      }
        }
.main-content .TopLead__block .TopLead__blockLabel {
      display: inline-block;
      padding-right: 0.625rem;
      padding-left: 0.625rem;
      font-size: 0.875rem;
      color: #fff;
      background-color: #674132;
    }
.main-content .TopLead__block .TopLead__blockTitle {
      font-size: 1.375rem;
      font-weight: bolder;
      line-height: 2;
      color: #032e43;
    }
@media (max-width: 960px) {
.main-content .TopLead__block .TopLead__blockTitle {
        line-height: 1.4
    }
      }
.main-content .TopLead__block .TopLead__blockText {
      margin-top: 1.25rem;
      font-size: 0.875rem;
      line-height: 2;
    }
.main-content .TopLead__block .TopLead__button {
      margin-top: 1.25rem;
      font-size: 1.25rem;
    }
@media (max-width: 960px) {
.main-content .TopLead__block .TopLead__button .Button__link {
          font-size: 80%;
          font-weight: bold
      }
        }
.main-content .TopLead__block .TopLead__button .Button__link > img:nth-of-type(2) {
          margin-right: 0.625rem;
          margin-left: 1.25rem;
        }
.main-content .TopCategories {
    position: relative;
  }
.main-content .TopCategories__kemo {
    position: absolute;
    right: -3.75rem;
    bottom: -4.375rem;
  }
@media (max-width: 960px) {
.main-content .TopCategories__kemo {
      right: 0.25rem;
      bottom: 0.0625rem;
      width: 110px;
      height: auto
  }
    }
.main-content .TopRandomPickup {
    margin-top: 4.0625rem;
  }
@media (max-width: 960px) {
.main-content .TopRandomPickup {
      margin-top: 1.5625rem
  }
    }
.main-content .TopRandomPickup__title {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    font-size: 1.625rem;
    font-weight: bolder;
    line-height: 1;
    color: #482501;
    text-align: center;
    letter-spacing: 0.1em;
    background-color: #fff;
    border: solid 5px #EBEBEB;
  }
@media (max-width: 960px) {
.main-content .TopRandomPickup__title {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem;
      margin-top: 1.5625rem;
      font-size: 1.125rem;
      border: solid 2px #EBEBEB
  }
    }
.main-content .TopRandomPickup__more {
    max-width: 21.875rem;
    margin-top: 2.5rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
.main-content .TopRandomPickup__more .Button {
      font-size: 1.25rem;
    }
@media (max-width: 960px) {
.main-content .TopRandomPickup__more .Button {
        font-size: 1.0625rem
    }
      }
/* stylelint-disable unit-no-unknown */
.main-content .CategoryLead {
    margin-right: -50vw;
    margin-left: -50vw;
    background: rgb(97,195,240);
    background: linear-gradient(0deg, rgba(97,195,240,1) 0%, rgba(255,255,255,1) 100%);
    border-bottom: 5px solid #b9dff0;
  }
.main-content .CategoryLeadInner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16.25rem;
    padding-bottom: 2.8125rem;
    background-image: url('../images/top/bkg-head-kengaku-transparent.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1500px auto;
  }
@media (max-width: 960px) {
.main-content .CategoryLeadInner {
      min-height: 8.125rem
  }
    }
/* stylelint-enable */
@media (max-width: 960px) {
.main-content .CategoryLead__title img {
        width: 200px;
        height: auto
    }
      }
.main-content .CategoryBar {
    position: relative;
    z-index: 2;
    z-index: var(--zindexFoward);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9375rem;
    margin-top: -2.5625rem;
    margin-bottom: -2.5625rem;
    background-color: #fff;
    border: solid 5px #ebebeb;
  }
@media (max-width: 960px) {
.main-content .CategoryBar {
      margin-right: 10px;
      margin-left: 10px
  }
    }
.main-content .CategoryBar__toTop {
    position: relative;
    padding-left: 1.5625rem;
    font-size: 0.875rem;
    font-weight: bolder;
  }
@media (max-width: 960px) {
.main-content .CategoryBar__toTop {
      font-size: 0.75rem
  }
    }
.main-content .CategoryBar__toTop::before, .main-content .CategoryBar__toTop::after {
      position: absolute;
      top: 50%;
      left: 0;
      width: 0.625rem;
      height: 0.625rem;
      margin-top: -0.3125rem;
      content: '';
      border-bottom: 2px solid transparent;
      border-left: 2px solid transparent;
      transform: rotate(45deg);
    }
.main-content .CategoryBar__toTop::before {
      border-color: #707070;
    }
.main-content .CategoryBar__toTop::after {
      left: 0.5rem;
      border-color: #b7b7b7;
    }
.main-content .CategoryBar__toTop > a {
      color: #080808;
      text-decoration: none;
    }
.main-content .CategoryBar__name {
    font-size: 1.625rem;
    font-weight: bolder;
    color: #482501;
  }
@media (max-width: 960px) {
.main-content .CategoryBar__name {
      font-size: 1.0625rem
  }
    }
.main-content .CagegoryBar__button {
    font-size: 0.875rem;
  }
.main-content .CategoryCategories {
    margin-top: 4.375rem;
  }
.main-content .CategoryDownload {
    position: fixed;
    bottom: 1.875rem;
    left: 1.875rem;
    z-index: 3;
    z-index: var(--zindexModal);
    width: 8.4375rem;
    height: 8.4375rem;
    font-size: 0.875rem;
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transform: translateY(100px);
  }
.main-content .CategoryDownload .Button {
      width: 100%;
      height: 100%;
      padding: 0;
      border-radius: 50%;
    }
.main-content .CategoryDownload .Button__link {
      flex-direction: column;
      justify-content: center;
      height: 100%;
      padding: 0;
      margin: 0;
    }
.main-content .CategoryDownload .Button__link > span {
        display: block;
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
        line-height: 1.3;
        text-align: center;
      }
.main-content .CategoryDownload.-show {
    opacity: 1;
    transform: translateY(0);
    will-change: opacity, transform;
  }

/*# sourceMappingURL=style.css.map */