@charset "UTF-8";
/*
GENERAL STYLING
================================================ */
html {
  font-size: 24px;
  scroll-behavior: smooth;
}

body {
  color: #000;
  width: calc(100vw * 1920 / 1920);
  background-color: #fff !important;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 黒色の半透明オーバーレイ */
  z-index: 100; /* ハンバーガーメニューより下、コンテンツより上 */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

body.overlay-active::before {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}

.article {
  background-color: white;
  padding: calc(100vw * 10 / 1920) calc(100vw * 20 / 1920) 0;
  max-width: 1000px;
  margin: 0 auto;
}
.article-header {
  padding: 0 calc(100vw * 40 / 1920);
}

.archive-title {
  margin: 16px 12px !important;
}

#list {
  margin: 0 12px;
  max-width: 1000px;
  margin: 0 auto;
  padding-inline: 9px;
}

a {
  transition: opacity 0.3s ease-in-out;
}

a:hover {
  opacity: 0.5;
}

/*
アプリレビューのレビューを投稿するのCSS変更
================================================ */
.wpcr3_content {
  margin-block-end: 0;
  position: relative;
  padding: 16px;
  border: 2px solid var(--color_black);
  border-radius: 16px;
  margin-block-start: 0;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: var(--vk-margin-xs) !important;
}
.wpcr3_content p {
  font-family: var(--cocoon-default-font);
  font-size: var(--cocoon-default-text-size) !important;
  color: var(--cocoon-text-color);
  line-height: 1.8 !important;
}

.wpcr3_content::before {
  content: "“";
  font-family: var(--cocoon-default-font);
  color: var(--cocoon-text-color);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  left: auto;
  top: auto;
  height: 20px;
  line-height: 1;
  margin: 0 auto 0 0;
  transform: translate(-16px, -100%);
  font-size: 45px;
  padding: 0 0.25em;
  background: var(--color_white);
}

.wpcr3_content::after {
  content: "”";
  font-family: var(--cocoon-default-font);
  color: var(--cocoon-text-color);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  bottom: auto;
  height: 20px;
  line-height: 1;
  margin: 0 0 0 auto;
  transform: translate(16px, 100%);
  font-size: 45px;
  padding: 0 0.25em;
  background: var(--color_white);
}

.orange-star {
  font-size: 0.9rem;
  font-weight: var(--fa-style, 900);
  color: #f5bc55;
}

/*
投稿ページのCSS
================================================ */
.article-footer {
  display: none;
}

.app-buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 1.8em;
}

.app-buttons-img img {
  display: block;
  width: auto;
  height: 60px;
}

.pr-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(calc(50% + 125px));
  margin-top: 272px;
  font-size: 10px;
  color: white;
  background-color: #999;
  width: 30px;
  height: 15px;
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  .pr-label {
    transform: translateX(calc(50% + 110px));
    margin-top: 243px;
  }
}

.wpcr3_check_confirm {
  display: none;
}

/*
slider
================================================ */
.l-recommended-app__main-app .slick-prev {
  top: calc(100vw * 82 / 1920);
  left: calc(100vw * -75 / 1920);
}
.l-recommended-app__main-app .slick-prev:before {
  font-size: calc(100vw * 90 / 1920);
  border-radius: 50%;
  color: transparent;
  width: calc(100vw * 62 / 1920);
  height: calc(100vw * 62 / 1920);
}
.l-recommended-app__main-app .slick-next {
  top: calc(100vw * 82 / 1920);
  left: calc(100vw * 1130 / 1920);
}
.l-recommended-app__main-app .slick-next:before {
  font-size: calc(100vw * 90 / 1920);
  border-radius: 50%;
  color: transparent;
  width: calc(100vw * 62 / 1920);
  height: calc(100vw * 62 / 1920);
}

.ranking-slider .slick-prev {
  top: calc(100vw * 396 / 1920);
  left: calc(100vw * -77 / 1920);
}
.ranking-slider .slick-prev:before {
  font-size: calc(100vw * 90 / 1920);
  border-radius: 50%;
  color: transparent;
  width: calc(100vw * 62 / 1920);
  height: calc(100vw * 62 / 1920);
}
.ranking-slider .slick-next {
  top: calc(100vw * 396 / 1920);
  left: calc(100vw * 1322 / 1920);
}
.ranking-slider .slick-next:before {
  font-size: calc(100vw * 90 / 1920);
  border-radius: 50%;
  color: transparent;
  width: calc(100vw * 62 / 1920);
  height: calc(100vw * 62 / 1920);
}
.ranking-slider .slick-dots li {
  width: calc(100vw * 4 / 1920);
  margin: 0 calc(100vw * 10 / 1920);
}
.ranking-slider .slick-dots li button::before {
  font-size: calc(100vw * 22.5 / 1920);
}
.ranking-slider .slick-dots .slick-active button::before {
  color: #29abe2;
}

.preview-slider .slick-prev {
  top: calc(100vw * 325 / 1920);
  left: calc(100vw * -78 / 1920);
}
.preview-slider .slick-prev:before {
  font-size: calc(100vw * 90 / 1920);
  border-radius: 50%;
  color: transparent;
  width: calc(100vw * 62 / 1920);
  height: calc(100vw * 62 / 1920);
}
.preview-slider .slick-next {
  top: calc(100vw * 325 / 1920);
  left: calc(100vw * 1324 / 1920);
}
.preview-slider .slick-next:before {
  font-size: calc(100vw * 90 / 1920);
  border-radius: 50%;
  color: transparent;
  width: calc(100vw * 62 / 1920);
  height: calc(100vw * 62 / 1920);
}
.preview-slider .slick-dots li {
  width: calc(100vw * 4 / 1920);
  margin: 0 calc(100vw * 10 / 1920);
}
.preview-slider .slick-dots li button::before {
  font-size: calc(100vw * 22.5 / 1920);
}
.preview-slider .slick-dots .slick-active button::before {
  color: #29abe2;
}

/*
header
================================================ */
#l-header {
  position: relative;
  height: calc(100vw * 198 / 1920);
  background: #fff;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#l-header .l-header__left-title {
  display: flex;
  align-items: center;
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  left: calc(100vw * 50 / 1920);
}
#l-header .l-header__left-title img {
  display: block;
  width: auto;
  height: calc(100vw * 135 / 1920);
  transition: transform 0.3s ease;
}
#l-header .l-header__right-search {
  display: flex;
  align-items: center;
  width: calc(100vw * 357 / 1920);
  height: calc(100vw * 57 / 1920);
  position: absolute;
  top: calc(100vw * 37.5 / 1920);
  left: calc(100vw * 1522 / 1920);
  border: solid calc(100vw * 4 / 1920) #449ba0;
  border-radius: calc(100vw * 10 / 1920);
  color: #b3b3b3;
}
#l-header .l-header__right-search-submit {
  margin-left: calc(100vw * 10 / 1920);
  height: 100%;
}
#l-header .l-header__right-search-submit img {
  width: calc(100vw * 33 / 1920);
  display: flex;
  justify-content: center;
  align-items: center;
}
#l-header .l-header__right-search-spaceholder {
  color: #b3b3b3;
  font-size: calc(100vw * 30 / 1920);
  margin-left: calc(100vw * 5 / 1920);
  width: calc(100vw * 309 / 1920);
  height: 100%;
  border: none;
  outline-offset: 0;
}
#l-header .l-header__right-search-spaceholder::-moz-placeholder {
  color: #b3b3b3;
}
#l-header .l-header__right-search-spaceholder::placeholder {
  color: #b3b3b3;
}
#l-header .l-header__right-humburger, #l-header .l-header__right-menu-list {
  display: none;
}
#l-header .l-header__pcmenu {
  position: absolute;
  top: 66%;
  width: 100%;
  height: calc(100vw * 66 / 1920);
  display: grid;
  gap: calc(100vw * 100 / 1920);
  grid-auto-flow: column;
  justify-content: center;
  border-top: solid 1px #B3B3B3;
  align-items: center;
  color: #595757;
}
#l-header .l-header__pcmenu a {
  font-size: calc(100vw * 24 / 1920);
  position: relative;
}
#l-header .l-header__pcmenu > *:not(:last-child)::after {
  content: "";
  position: absolute;
  right: calc(100vw * -50 / 1920);
  top: 50%;
  transform: translateY(-50%);
  height: 80%;
  width: 1px;
  background-color: #B3B3B3;
}

#l-cover {
  position: relative;
  height: calc(100vw * 767 / 1920);
  background: #449ba0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow: hidden;
}
#l-cover img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
#l-cover .l-cover__app {
  height: 145%;
  left: calc(100vw * 120 / 1920);
  opacity: 0.5;
  z-index: 1;
  position: relative;
}
#l-cover .l-cover__app::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #449ba0;
  mix-blend-mode: multiply;
  z-index: 2; /* 追加 */
  pointer-events: none; /* 追加 */
}
#l-cover .l-cover__woman {
  height: 123%;
  right: calc(100vw * -316 / 1920);
  z-index: 3;
}
#l-cover .l-cover__title {
  height: calc(100vw * 387 / 1920);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100vw * 200 / 1920);
  z-index: 3;
  font-size: calc(100vw * 64 / 1920);
  line-height: 1.3;
  color: #fff;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 600;
  font-style: normal;
  background-color: rgba(68, 155, 160, 0.8);
  display: flex;
  align-items: center;
}
#l-cover .l-cover__title-sentence {
  margin-left: calc(100vw * 100 / 1920);
}
#l-cover .l-cover__title-sentence-second {
  display: inline-block;
  margin-left: calc(100vw * -40 / 1920);
}
#l-cover .l-cover__title-sentence-second-accent {
  font-size: calc(100vw * 90 / 1920);
}
#l-cover .l-cover__title-sentence-second-accent-y {
  color: #ffff00;
}
#l-cover .l-cover__title-sentence-second-accent-w {
  display: inline-block;
  margin-left: calc(100vw * -68 / 1920);
}

#l-recommended-app {
  height: calc(100vw * 388 / 1920);
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#l-recommended-app .l-recommended-app__title {
  margin-top: calc(100vw * 60 / 1920);
  margin-bottom: calc(100vw * 23 / 1920);
  text-align: center;
}
#l-recommended-app .l-recommended-app__main {
  display: flex;
  justify-content: center;
  align-items: center;
}
#l-recommended-app .l-recommended-app__main-img {
  width: calc(100vw * 56 / 1920);
  height: calc(100vw * 56 / 1920);
}
#l-recommended-app .l-recommended-app__main-app {
  max-width: 58vw;
  margin: 0 calc(100vw * 18 / 1920);
  display: flex;
}
#l-recommended-app .l-recommended-app__main-app-img {
  width: calc(100vw * 182.6 / 1920);
  height: calc(100vw * 182.6 / 1920);
  border-radius: calc(100vw * 25 / 1920);
  margin: 0 calc(100vw * 18 / 1920);
}

#l-ranking {
  height: calc(100vw * 1107 / 1920);
  border-top: 1px solid #e6e6e6;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#l-ranking .l-ranking__title {
  margin: calc(100vw * 87 / 1920) 0 calc(100vw * 30 / 1920) calc(100vw * 337 / 1920);
}
#l-ranking .l-ranking__responsive2 {
  display: none;
}
#l-ranking .l-ranking__main {
  display: flex;
  justify-content: center;
  align-items: center;
}
#l-ranking .l-ranking__main-box {
  width: calc(100vw * 1304 / 1920);
  margin: 0 calc(100vw * 20 / 1920);
}
#l-ranking .l-ranking__main img {
  width: calc(100vw * 56 / 1920);
  height: calc(100vw * 56 / 1920);
}
#l-ranking .l-ranking__main-container {
  height: calc(100vw * 814 / 1920);
  width: calc(100vw * 406.6 / 1920);
  margin: 0 calc(100vw * 20 / 1920);
  justify-content: space-between;
  border: 1px solid #e6e6e6;
  border-radius: calc(100vw * 4.5 / 1920);
}
#l-ranking .l-ranking__main-container-title {
  display: flex;
  align-items: center;
  padding-left: calc(100vw * 38 / 1920);
  position: relative;
  width: 100%;
  height: calc(100vw * 93 / 1920);
  font-size: calc(100vw * 30 / 1920);
}
#l-ranking .l-ranking__main-container-title::after {
  content: "";
  position: absolute;
  left: calc(100vw * 14 / 1920);
  bottom: 0;
  width: calc(100vw * 378 / 1920);
  border-bottom: 1px solid #e6e6e6;
}
#l-ranking .l-ranking__main-container-detail {
  display: flex;
  padding-left: calc(100vw * 14 / 1920);
  position: relative;
  width: 100%;
  height: calc(100vw * 144 / 1920);
  align-items: center;
}
#l-ranking .l-ranking__main-container-detail img {
  width: calc(100vw * 91 / 1920);
  height: calc(100vw * 91 / 1920);
}
#l-ranking .l-ranking__main-container-detail-number1 {
  margin: 0 calc(100vw * 13.9 / 1920);
  width: calc(100vw * 30.6 / 1920);
  height: calc(100vw * 30.6 / 1920);
  font-size: calc(100vw * 24 / 1920);
  border-radius: 50%;
  background-color: #cb9b0c;
  color: white;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#l-ranking .l-ranking__main-container-detail-number2 {
  margin: 0 calc(100vw * 13.9 / 1920);
  width: calc(100vw * 30.6 / 1920);
  height: calc(100vw * 30.6 / 1920);
  font-size: calc(100vw * 24 / 1920);
  border-radius: 50%;
  background-color: #999999;
  color: white;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#l-ranking .l-ranking__main-container-detail-number3 {
  margin: 0 calc(100vw * 13.9 / 1920);
  width: calc(100vw * 30.6 / 1920);
  height: calc(100vw * 30.6 / 1920);
  font-size: calc(100vw * 24 / 1920);
  border-radius: 50%;
  background-color: #998675;
  color: white;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#l-ranking .l-ranking__main-container-detail-number {
  margin: 0 calc(100vw * 13.9 / 1920);
  width: calc(100vw * 30.6 / 1920);
  height: calc(100vw * 30.6 / 1920);
  font-size: calc(100vw * 24 / 1920);
  color: #999;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#l-ranking .l-ranking__main-container-detail-info {
  width: calc(100vw * 240 / 1920);
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: calc(100vw * 28 / 1920);
  margin-top: calc(100vw * 0 / 1920);
  position: relative;
}
#l-ranking .l-ranking__main-container-detail-info-title {
  color: #0071bc;
  font-size: clamp(14px, 1.8vw, 15px);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: calc(100vw * 40 / 1920);
}
#l-ranking .l-ranking__main-container-detail-info-mobile {
  position: absolute;
  top: calc(100vw * 66 / 1920);
  left: calc(100vw * -52 / 1920);
  display: flex;
  justify-content: space-between;
  width: calc(100vw * 288 / 1920);
}
#l-ranking .l-ranking__main-container-detail-info-mobile img {
  height: calc(100vw * 46 / 1920);
  width: auto;
}
#l-ranking .l-ranking__main-container-detail::after {
  content: "";
  position: absolute;
  left: calc(100vw * 14 / 1920);
  bottom: 0;
  width: calc(100vw * 378 / 1920);
  border-bottom: 1px solid #e6e6e6;
}

#l-preview {
  height: calc(100vw * 980 / 1920);
  border-top: 1px solid #e6e6e6;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#l-preview .l-preview__title {
  margin: calc(100vw * 87 / 1920) 0 calc(100vw * 30 / 1920) calc(100vw * 337 / 1920);
}
#l-preview .l-preview__main {
  display: flex;
  justify-content: center;
  align-items: center;
}
#l-preview .l-preview__main-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100vw * 1304 / 1920);
  margin: 0 calc(100vw * 20 / 1920);
}
#l-preview .l-preview__main img {
  width: calc(100vw * 58 / 1920);
  height: calc(100vw * 58 / 1920);
}
#l-preview .l-preview__main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vw * 720 / 1920);
  width: calc(100vw * 406.6 / 1920);
  margin: 0 calc(100vw * 20 / 1920);
  border: 1px solid #e6e6e6;
  border-radius: calc(100vw * 4.5 / 1920);
}
#l-preview .l-preview__main-container img {
  width: calc(100vw * 260.5 / 1920);
  height: calc(100vw * 260.5 / 1920);
  margin-top: calc(100vw * 28 / 1920);
}
#l-preview .l-preview__main-container-explanation {
  margin-top: calc(100vw * 24.5 / 1920);
  width: calc(100vw * 347.8 / 1920);
  height: calc(100vw * 137.1 / 1920);
  font-size: calc(100vw * 30 / 1920);
  line-height: 1.6;
  letter-spacing: calc(100vw * 2 / 1920);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#l-preview .l-preview__main-container-title {
  margin-top: calc(100vw * 7 / 1920);
  width: calc(100vw * 347.8 / 1920);
  height: calc(100vw * 110 / 1920);
  font-size: calc(100vw * 20 / 1920);
  color: #999999;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#l-preview .l-preview__main-container-mobile {
  margin-top: calc(100vw * 56 / 1920);
  display: flex;
  justify-content: center;
  width: calc(100vw * 347.8 / 1920);
}
#l-preview .l-preview__main-container-mobile img {
  height: calc(100vw * 56 / 1920);
  width: auto;
  margin: 0 calc(100vw * 7 / 1920);
}

#l-userreview {
  height: calc(100vw * 787.8 / 1920);
  background-color: #efefef;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#l-userreview .l-userreview__title {
  padding: calc(100vw * 50 / 1920) 0 calc(100vw * 30 / 1920) calc(100vw * 337 / 1920);
}
#l-userreview .l-userreview__main {
  display: flex;
  justify-content: center;
  align-items: center;
}
#l-userreview .l-userreview__main-container {
  display: flex;
  flex-direction: column;
  height: calc(100vw * 602.4 / 1920);
  width: calc(100vw * 630 / 1920);
  margin: 0 calc(100vw * 20 / 1920);
  background-color: #fff;
}
#l-userreview .l-userreview__main-container-info {
  display: flex;
  justify-content: center;
  margin-top: calc(100vw * 70 / 1920);
}
#l-userreview .l-userreview__main-container-info img {
  width: calc(100vw * 146.2 / 1920);
  height: calc(100vw * 146.2 / 1920);
}
#l-userreview .l-userreview__main-container-info-explanation {
  font-size: calc(100vw * 33 / 1920);
}
#l-userreview .l-userreview__main-container-info-explanation-title {
  width: calc(100vw * 318.27 / 1920);
  height: calc(100vw * 73.1 / 1920);
  line-height: calc(100vw * 30 / 1920);
  letter-spacing: calc(100vw * -1.4 / 1920);
}
#l-userreview .l-userreview__main-container-info-explanation-icon {
  display: flex;
  align-items: center;
}
#l-userreview .l-userreview__main-container-info-explanation-icon img {
  width: calc(100vw * 31.16 / 1920);
  height: auto;
  margin-right: calc(100vw * 7 / 1920);
}
#l-userreview .l-userreview__main-container-info-explanation-icon span {
  margin-left: calc(100vw * 17 / 1920);
  color: #999999;
}
#l-userreview .l-userreview__main-container-user {
  display: flex;
  margin-top: calc(100vw * 9.4 / 1920);
  margin-left: calc(100vw * 100 / 1920);
}
#l-userreview .l-userreview__main-container-user img {
  width: calc(100vw * 112.3 / 1920);
  height: calc(100vw * 112.3 / 1920);
}
#l-userreview .l-userreview__main-container-user-info {
  margin-top: calc(100vw * 38 / 1920);
  margin-left: calc(100vw * 20 / 1920);
}
#l-userreview .l-userreview__main-container-user-info-star {
  letter-spacing: calc(100vw * -3 / 1920);
}
#l-userreview .l-userreview__main-container-user-info-staryellow {
  color: #ffeb6b;
}
#l-userreview .l-userreview__main-container-user-info-stargray {
  color: #dedede;
}
#l-userreview .l-userreview__main-container-user-info img {
  width: calc(100vw * 47 / 1920);
  height: calc(100vw * 13 / 1920);
  margin-bottom: calc(100vw * 13 / 1920);
}
#l-userreview .l-userreview__main-container-comment {
  font-family: "Hiragino Maru Gothic Pro", sans-serif;
  font-weight: 400;
  line-height: calc(100vw * 30 / 1920);
  letter-spacing: calc(100vw * -1.7 / 1920);
  margin: calc(100vw * 20 / 1920) auto;
  width: calc(100vw * 483 / 1920);
  font-size: calc(100vw * 33 / 1920);
}
#l-userreview .l-userreview__main-container-link {
  font-family: "Hiragino Maru Gothic Pro", sans-serif;
  font-weight: 400;
  line-height: calc(100vw * 30 / 1920);
  letter-spacing: calc(100vw * -1.7 / 1920);
  text-align: right;
  padding-right: calc(100vw * 20 / 1920);
  width: 100%;
  font-size: calc(100vw * 25.5 / 1920);
  color: #29abe2;
}
#l-userreview .l-userreview__pagenation {
  display: flex;
  justify-content: center;
  margin-top: calc(100vw * 36 / 1920);
}
#l-userreview .l-userreview__pagenation-main {
  display: block;
  margin: 0 calc(100vw * 5.45 / 1920);
  width: calc(100vw * 10.9 / 1920);
  height: calc(100vw * 10.9 / 1920);
  border-radius: 50%;
  background-color: #29abe2;
}
#l-userreview .l-userreview__pagenation-sub {
  display: block;
  margin: 0 calc(100vw * 5.45 / 1920);
  width: calc(100vw * 10.9 / 1920);
  height: calc(100vw * 10.9 / 1920);
  border-radius: 50%;
  background-color: #b3b3b3;
}

#l-popularcategories {
  height: calc(100vw * 769.4 / 1920);
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#l-popularcategories .l-popularcategories__title {
  padding: calc(100vw * 96.4 / 1920) 0 calc(100vw * 60 / 1920) calc(100vw * 337 / 1920);
}
#l-popularcategories .l-popularcategories__main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: calc(100vw * 24.8 / 1920);
       column-gap: calc(100vw * 24.8 / 1920);
  row-gap: calc(100vw * 15.6 / 1920);
  width: calc(100vw * 1270 / 1920);
  margin: 0 auto;
}
#l-popularcategories .l-popularcategories__main-container {
  height: calc(100vw * 88 / 1920);
  width: calc(100vw * 622.7 / 1920);
  border: calc(100vw * 1 / 1920) solid #e6e6e6;
  display: flex;
  align-items: center;
}
#l-popularcategories .l-popularcategories__main-container img {
  width: calc(100vw * 50.3 / 1920);
  height: calc(100vw * 50.3 / 1920);
  margin-left: calc(100vw * 20 / 1920);
}
#l-popularcategories .l-popularcategories__main-container-link {
  color: #29abe2;
  font-size: calc(100vw * 43.05 / 1920);
  margin-left: calc(100vw * 10 / 1920);
}

#l-categorysearch {
  height: calc(100vw * 870 / 1920);
  border-top: 1px solid #e6e6e6;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#l-categorysearch .l-categorysearch__title {
  padding: calc(100vw * 90 / 1920) 0 calc(100vw * 40 / 1920) calc(100vw * 337 / 1920);
}
#l-categorysearch .l-categorysearch__tag {
  width: calc(100vw * 1336.4 / 1920);
  height: calc(100vw * 45 / 1920);
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
  font-size: calc(100vw * 30 / 1920);
}
#l-categorysearch .l-categorysearch__tag-selected {
  width: calc(100vw * 186 / 1920);
  height: 100%;
  border-radius: calc(100vw * 17 / 1920) calc(100vw * 17 / 1920) 0 0;
  background-color: #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
}
#l-categorysearch .l-categorysearch__tag-unselected {
  width: calc(100vw * 186 / 1920);
  height: 100%;
  border-radius: calc(100vw * 17 / 1920) calc(100vw * 17 / 1920) 0 0;
  border: 1px solid #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
}
#l-categorysearch .l-categorysearch__choicecategory {
  width: calc(100vw * 1336.4 / 1920);
  height: calc(100vw * 63 / 1920);
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  margin: 0 auto;
}
#l-categorysearch .l-categorysearch__choicecategory-name {
  width: calc(100vw * 209.1 / 1920);
  height: calc(100vw * 27.6 / 1920);
  margin-left: calc(100vw * 33 / 1920);
  margin-top: calc(100vw * 28.6 / 1920);
  font-size: calc(100vw * 33.75 / 1920);
  color: #808080;
  background-color: #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
}
#l-categorysearch .l-categorysearch__details {
  width: calc(100vw * 1336.4 / 1920);
  height: auto;
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  font-size: calc(100vw * 36 / 1920);
}
#l-categorysearch .l-categorysearch__details-title {
  margin-left: calc(100vw * 40.4 / 1920);
  margin-top: calc(100vw * 28.6 / 1920);
  margin-bottom: calc(100vw * 7 / 1920);
  display: flex;
  margin-left: calc(100vw * 62 / 1920);
}
#l-categorysearch .l-categorysearch__details-title::before {
  content: "";
  display: inline-block;
  width: calc(100vw * 10 / 1920);
  height: calc(100vw * 26 / 1920);
  background-color: #29abe2;
  margin-right: calc(100vw * 7 / 1920);
}
#l-categorysearch .l-categorysearch__details-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: calc(100vw * 1336.4 / 1920);
  margin: 0 auto;
}
#l-categorysearch .l-categorysearch__details-container-app {
  border: calc(100vw * 1 / 1920) solid #e6e6e6;
  height: calc(100vw * 47 / 1920);
  display: flex;
  align-items: center;
}
#l-categorysearch .l-categorysearch__details-container-app:nth-child(odd) {
  border-left: none;
}
#l-categorysearch .l-categorysearch__details-container-app:nth-child(even) {
  border-right: none;
}
#l-categorysearch .l-categorysearch__details-container-app-title {
  margin-left: calc(100vw * 77 / 1920);
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#l-categorysearch .l-categorysearch__details-container-app-title img {
  width: calc(100vw * 31.2 / 1920);
  height: calc(100vw * 31.2 / 1920);
  margin-right: calc(100vw * 77 / 1920);
}

footer {
  height: calc(100vw * 350 / 1920);
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(100vw * 38 / 1920);
  background-color: #449ba0;
  color: #fff;
  transition: color 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: calc(100vw * 56 / 1920);
}
footer img {
  margin-top: calc(100vw * 39 / 1920);
  display: block;
  width: auto;
  height: calc(100vw * 150 / 1920);
  transition: transform 0.3s ease;
}
footer .footer__block {
  display: flex;
  width: 90vw;
  height: 60%;
  align-items: center;
}
footer .footer__block a {
  width: 30vw;
  text-align: center;
}/*# sourceMappingURL=style.css.map */