@charset "UTF-8";
/*--------------------------------------------------------------
Foundation
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, b, em, i, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, mark, time, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption,
button, input, textarea, select, i {
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  letter-spacing: .08em;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 10px;
  scroll-behavior: smooth;
}

@media screen and (min-width: 768px) and (max-width: 1340px) {
  html {
    font-size: calc(100vw * 10 / 1340);
  }
}

@media screen and (max-width: 420px) {
  html {
    font-size: calc(100vw * 10 / 420);
  }
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 1.6rem;
  line-height: 1.5;
  background: url(../img/bg-pattern.jpg) center top/144rem;
  color: #212121;
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

ul, li {
  list-style: none;
}

table {
  border-collapse: collapse;
  width: 100%;
}

a:hover,
a:active,
a:focus {
  outline: 0;
}

a {
  backface-visibility: hidden;
  transition: .2s ease-in;
  transition-property: opacity, color, border, background, transform, box-shadow;
  opacity: 1;
  line-height: inherit;
}

img {
  vertical-align: middle;
}

img,
input[type="image"] {
  border: 0;
  height: auto;
  max-width: 100%;
}

input[type="submit"], input[type="button"], button {
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: inherit;
  letter-spacing: inherit;
  background: none;
}

strong {
  font-weight: bold;
}

a {
  text-decoration: none;
}

a:hover,
input[type="image"]:hover {
  opacity: 0.7;
}

main {
  overflow: hidden;
}

.m_ft {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.g_ft {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.ft_e {
  font-family: "Roboto", sans-serif;
}

/*--------------------------------------------------------------
Component
--------------------------------------------------------------*/
.evt {
  visibility: hidden;
}

.evt.done {
  visibility: visible;
}

.c_anchor {
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: -16.7rem;
}

@media screen and (max-width: 767px) {
  .c_anchor {
    margin-top: -11.6rem;
  }
}

.c_btn {
  text-align: center;
  margin-top: 6rem;
}

.c_btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 6.4rem;
  width: 35.6rem;
  color: #fff;
  background: #1A237E url(../img/arrow-right.svg) no-repeat calc(100% - 2rem) center/3rem;
  border-radius: .8rem;
  font-weight: bold;
  font-size: 1.8rem;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}

.c_ttl {
  font-size: 3.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: .5rem 1.8rem;
  margin-bottom: 4rem;
}

.c_ttl.b {
  flex-direction: column;
}

.c_ttl.b i {
  padding-left: 0;
  padding-top: .5em;
}

.c_ttl.b i:before {
  content: '';
  left: 50%;
  translate: -50% 0;
  height: 0;
  top: 0;
  width: 1.33em;
  border-top: solid 1px #1A237E;
}

@media screen and (max-width: 767px) {
  .c_ttl {
    font-size: 2.6rem;
    gap: .5rem 2.5rem;
  }
}

.c_ttl i {
  color: #1A237E;
  font-size: 2.4rem;
  padding-left: 2rem;
  text-transform: capitalize;
  position: relative;
}

.c_ttl i:before {
  content: '';
  position: absolute;
  height: 1.33em;
  border-left: solid 1px #1A237E;
  left: 0;
}

@media screen and (max-width: 767px) {
  .c_ttl i:before {
    top: .3em;
  }
}

@media screen and (max-width: 767px) {
  .c_ttl i {
    padding-left: 3rem;
    font-size: 1.8rem;
    line-height: 4rem;
  }
}

.c_ttl2 {
  font-size: 4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: .5rem 2.8rem;
  margin-bottom: 4rem;
}

@media screen and (min-width: 768px) {
  .c_ttl2.b {
    margin-top: .6em;
  }
}

.c_ttl2.s {
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .c_ttl2.s {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .c_ttl2 {
    font-size: 2.6rem;
    gap: .5rem 2.5rem;
    margin-bottom: 3rem;
  }
}

.c_ttl2 i {
  color: #1A237E;
  font-size: 2.4rem;
  padding-left: 3rem;
  text-transform: capitalize;
  position: relative;
}

.c_ttl2 i:before {
  content: '';
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  height: 2em;
  border-left: solid 1px #1A237E;
  left: 0;
}

@media screen and (max-width: 767px) {
  .c_ttl2 i {
    padding-left: 3rem;
    font-size: 1.8rem;
  }
}

.c_ttl3 {
  font-size: 2.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: .5rem 1.8rem;
  margin: 9rem 0 3rem;
  color: #fff;
  background: #1A237E;
  padding: .4em .8em;
}

@media screen and (max-width: 767px) {
  .c_ttl3 {
    font-size: 2.1rem;
    gap: .5rem 2.7rem;
    margin-bottom: 3rem;
  }
}

.c_ttl3 i {
  font-size: 2rem;
  padding-left: 2rem;
  text-transform: capitalize;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c_ttl3 i {
    font-size: 1.8rem;
  }
}

.c_ttl3 i:before {
  content: '';
  position: absolute;
  height: 1.33em;
  border-left: solid 1px #fff;
  left: 0;
}

@media screen and (max-width: 767px) {
  .c_ttl3 i:before {
    top: .3em;
  }
}

@media screen and (max-width: 767px) {
  .c_ttl3 i {
    padding-left: 3rem;
    font-size: 1.8rem;
    line-height: 4rem;
  }
}

.c_rank a {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: .4rem;
  padding: 1rem;
  display: block;
  background: #fff;
  height: calc(100% - 4.1rem);
}

.c_rank em {
  border-radius: 3em;
  background: #283594;
  color: #fff;
  padding: 0 .6em;
  letter-spacing: 0;
  display: inline-block;
}

.c_rank img {
  width: 100%;
}

.c_rank i {
  font-size: 1.6875em;
  line-height: 1.3;
}

.c_rank .no1 {
  background: #D8B803;
}

.c_rank .no2 {
  background: #AEBCC1;
}

.c_rank .no3 {
  background: #9C6448;
}

.c_rank p:nth-of-type(1) {
  font-weight: bold;
  margin: .8em 0 .3em;
}

.c_rank p:nth-of-type(2) {
  color: #1A237E;
  font-size: 1.4rem;
}

.c_rank p:nth-of-type(3) {
  color: #757575;
  font-size: 1.1rem;
  margin-top: .8em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.c_rank p:nth-of-type(3) br {
  display: none;
}

.btn_cart {
  background: #1A237E url(../img/ico-cart02.svg) no-repeat calc(50% - 4em) center/1.5em !important;
  color: #fff;
  padding-left: 2em;
  height: 4.7rem;
  width: 100%;
  font-weight: bold;
  font-size: 1.6rem;
}

/*--------------------------------------------------------------
Utility
--------------------------------------------------------------*/
.u_wrap {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .u_inner {
    width: 117.6rem;
    max-width: calc(100% - 4rem);
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .u_inner {
    margin: 0 2rem;
  }
}

.u_switch_img {
  opacity: 1;
}

.u_relative {
  position: relative;
}

@media screen and (min-width: 768px) {
  .is_sp {
    display: none;
  }
  .is_tel {
    pointer-events: none;
    cursor: default;
  }
  .is_tel:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .is_pc {
    display: none;
  }
}

/*--------------------------------------------------------------
Layout/PageBase
--------------------------------------------------------------*/
:where(#header, #footer) a {
  display: block;
}

header {
  background: none;
  position: absolute;
  height: 16.7rem;
  overflow: hidden;
  top: 0;
}

@media screen and (max-width: 767px) {
  header {
    height: 11.6rem;
  }
}

#header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 66;
  height: 16.7rem;
  background: #fff;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 767px) {
  #header {
    height: 11.6rem;
  }
}

@media screen and (min-width: 768px) {
  .h_logo {
    position: absolute;
  }
}

.h_logo img {
  width: 26.8rem;
}

@media screen and (max-width: 767px) {
  .h_logo img {
    width: 17rem;
  }
}

@media screen and (min-width: 768px) {
  .h_shop {
    color: #757575;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3.2rem;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .h_shop {
    border-top: solid 1px #8C8C8C;
    margin-top: 4rem;
    padding-top: 2.5rem;
    font-size: 1.8rem;
  }
  .h_shop li {
    border-bottom: solid 1px #CDCDCD;
  }
}

.h_shop img {
  width: 2.4rem;
}

.h_shop a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
}

@media screen and (max-width: 767px) {
  .h_shop a {
    justify-content: flex-start;
    padding: 1.2em .5em;
  }
}

.h_shop .login {
  background: #1A237E;
  color: #fff;
  height: 3.6rem;
  width: 12.7rem;
}

.h_shop .login img {
  width: 2rem;
}

@media screen and (min-width: 768px) {
  .h_nav {
    display: flex;
    position: relative;
    left: -5.5rem;
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
  }
  .h_nav > li > a, .h_nav > li > p {
    padding: .5em 3.3em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .h_nav > li > a:hover, .h_nav > li > p:hover {
    background: #1A237E;
    opacity: 1;
    color: #fff;
  }
  .h_nav > li + li > a, .h_nav > li + li > p {
    position: relative;
  }
  .h_nav > li + li > a:before, .h_nav > li + li > p:before {
    content: '';
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    border-left: solid 1px #BDBDBD;
    height: 2.4rem;
    left: 0;
  }
  .h_nav > li:hover .sub {
    display: block;
  }
  .h_nav > li:hover .sub {
    display: block;
    animation: itemFadeIn .5s;
  }
  .h_nav .sub {
    position: absolute;
    left: 50%;
    translate: -50% 0;
    width: 100vw;
    margin-left: 5.5rem;
    background: rgba(26, 35, 126, 0.7);
    display: none;
    padding: 5rem 0;
    animation: itemFadeOut .5s;
  }
  .h_nav .price2 .box {
    display: flex;
    gap: 1.6rem;
    justify-content: center;
  }
  .h_nav .price2 a {
    width: 30rem;
    border: solid 1px #B0B0B0;
    border-radius: .2rem;
    background: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    position: relative;
    padding-left: 1.5em;
    display: flex;
    align-items: center;
    height: 3.6em;
    gap: 1em;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.45);
  }
  .h_nav .price2 a:before {
    content: '';
    width: 1.45em;
    height: .36em;
    background: #1A237E;
  }
  .h_nav .youto .box {
    display: flex;
    gap: 1.6rem;
    justify-content: center;
  }
  .h_nav .youto a {
    width: 30rem;
    position: relative;
  }
  .h_nav .youto img {
    border-radius: .4rem;
    width: 100%;
  }
  .h_nav .youto p {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.85);
    font-weight: bold;
    font-size: 2rem;
  }
  .h_nav .ingre {
    font-size: 1.4rem;
  }
  .h_nav .ingre p.s {
    font-size: 1rem;
  }
  .h_nav .ingre ul {
    width: 108.4rem;
    margin: 0 auto;
    gap: 1.5rem;
    grid-template-columns: repeat(7, 1fr);
  }
  .h_nav .ingre a {
    padding: .6rem .6rem 0;
  }
}

@media screen and (max-width: 767px) {
  .h_nav {
    margin-top: 4rem;
    font-size: 1.8rem;
    font-weight: 500;
  }
  .h_nav li {
    border-bottom: solid 1px #CDCDCD;
  }
  .h_nav li:has(.sub) {
    display: none;
  }
  .h_nav a {
    padding: 1em .4em;
  }
}

.h_search input[type=text] {
  width: calc(100% - 7rem);
  border-radius: .4rem;
  height: 4.8rem;
  border: solid 1px #000;
  padding: 0 1em;
}

@media screen and (max-width: 767px) {
  .h_search input[type=text] {
    height: 3.8rem;
    width: calc(100% - 4.8rem);
  }
}

.h_search input[type=submit] {
  color: transparent;
  background: url(../img/h-search.svg) no-repeat 50%/contain;
  width: 4.8rem;
  height: 4.8rem;
}

@media screen and (max-width: 767px) {
  .h_search input[type=submit] {
    width: 3.8rem;
    height: 3.8rem;
  }
}

.h_search form {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .h_search {
    position: absolute;
    right: 34.5rem;
    width: 45.2rem;
    max-width: 100%;
  }
}

.h_nori {
  width: 31.8rem;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .h_nori {
    width: 100%;
  }
}

.h_nori a {
  background: linear-gradient(91.84deg, #EAC706 6.28%, #FCE355 47.43%, #EAC706 93.72%);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: .4rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .06em;
  position: relative;
  color: #3C3C3C;
  gap: .7em;
}

.h_nori a:after {
  content: '';
  background: url(../img/arrow-nori.svg) no-repeat 50%/contain;
  width: .611em;
  height: .722em;
}

@media screen and (min-width: 768px) {
  .h_login {
    display: none;
  }
  .h_inner {
    width: 119rem;
    margin: 0 auto;
    max-width: calc(100% - 4rem);
    padding-top: 1.7rem;
    position: relative;
  }
  #toggle_menu {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.3rem 2.3rem;
  }
  .h_nav {
    width: 100%;
  }
  .h_nori {
    width: 31.8rem;
  }
}

@media screen and (max-width: 767px) {
  .h_sp {
    margin-top: 7rem;
  }
  .h_sp .column_side {
    background: none;
    padding: 0;
  }
  .h_inner {
    padding: 2rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
  }
  .h_login {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    font-size: 1.8rem;
    margin-bottom: 4rem;
    text-align: center;
  }
  .h_login a {
    background: #1A237E;
    border-radius: .5rem;
    color: #fff;
    border: solid 1px #1A237E;
    line-height: 3;
    font-weight: bold;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  }
  .h_login .reg {
    background: #fff;
    color: #1A237E;
  }
  .h_menu {
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    width: 3rem;
    height: 2rem;
    cursor: pointer;
    z-index: 10;
  }
  .h_menu .icon {
    position: relative;
    display: block;
    left: calc(50% - 1.5rem);
    top: calc(50% - 0.1rem);
  }
  .h_menu .icon, .h_menu .icon:before, .h_menu .icon:after {
    width: 3rem;
    height: 0.2rem;
    background: #29241d;
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition-property: background-color, top;
  }
  .h_menu .icon:before, .h_menu .icon:after {
    content: '';
    position: absolute;
    top: calc(((2rem / 2) - 0.1rem) * -1);
    left: 0;
  }
  .h_menu .icon:after {
    top: calc((2rem / 2 - 0.1rem));
  }
  body.open .h_menu .icon {
    background: transparent;
  }
  body.open .h_menu .icon:before, body.open .h_menu .icon:after {
    top: 0;
  }
  body.open .h_menu .icon:before {
    transform: rotate(45deg);
  }
  body.open .h_menu .icon:after {
    transform: rotate(-45deg);
  }
  #toggle_menu {
    display: none;
    position: fixed;
    overflow-y: auto;
    top: 11.6rem;
    height: calc(100% - 11.6rem);
    left: 0;
    width: 100%;
    background: url(../img/bg-pattern.jpg) center top/144rem;
    padding: 4.5rem 2rem;
  }
  body.open {
    overflow-y: hidden;
  }
  body.open #toggle_menu {
    display: block;
    animation: itemFadeIn 1s;
  }
  body:not(.open) #toggle_menu {
    display: none;
    animation: itemFadeOut .8s;
  }
}

#gototop.show {
  display: block;
  animation: itemFadeIn 1s;
}

#gototop:not(.show) {
  display: none;
  animation: itemFadeOut .8s;
}

@keyframes itemFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes itemFadeOut {
  from {
    opacity: 1;
    display: block;
  }
  to {
    opacity: 0;
  }
}

#footer {
  background: #fff;
  padding: 7rem 0 0;
}

.f_logo img {
  width: 26.8rem;
}

.f_nav {
  background: url(../img/f-bg.jpg) no-repeat 50%/cover;
  padding: 8rem 0;
}

@media screen and (min-width: 768px) {
  .f_nav ul {
    display: flex;
    gap: 1rem;
  }
  .f_nav li {
    flex: 1;
  }
}

@media screen and (max-width: 767px) {
  .f_nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.f_nav a {
  background: #fff;
  border-radius: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 10rem;
  font-size: 1.4rem;
  gap: .7em;
}

.f_nav a:hover {
  background: #1A237E;
  color: #fff;
  opacity: 1;
}

.f_nav a:hover img:nth-child(1) {
  opacity: 0;
}

.f_nav a:hover img + img {
  opacity: 1;
}

.f_nav a:hover p:after {
  background-image: url(../img/arw-r03-ro.svg);
}

.f_nav figure {
  position: relative;
}

.f_nav img {
  width: 3.6rem;
  transition: opacity .3s;
}

.f_nav img + img {
  position: absolute;
  opacity: 0;
  left: 0;
}

.f_nav p {
  display: flex;
  align-items: center;
  gap: .7em;
  font-weight: bold;
}

.f_nav p:after {
  content: '';
  background: url(../img/arw-r03.svg) no-repeat 50%/contain;
  width: .5714em;
  height: .928em;
  background: background .3s;
}

.f_row {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .f_row {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
}

.f_row.b {
  align-items: flex-end;
  margin-top: 4.5rem;
}

@media screen and (max-width: 767px) {
  .f_row.b {
    align-items: center;
  }
}

.f_tel a {
  font-size: 2rem;
  background: url(../img/f-tel.svg) no-repeat left 0.2em/2.1rem;
  letter-spacing: 0;
  padding-left: 2em;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 1em;
}

@media screen and (max-width: 767px) {
  .f_tel a {
    font-size: 1.6rem;
    gap: .6em;
    padding-left: 1.6em;
  }
}

.f_tel i {
  font-size: 3.2rem;
  font-weight: 100;
  letter-spacing: .04em;
  line-height: 1;
  font-weight: bold;
  color: #1A237E;
}

@media screen and (max-width: 767px) {
  .f_tel i {
    letter-spacing: 0;
  }
}

.f_tel small {
  display: block;
  text-align: right;
  letter-spacing: .04em;
  margin-top: .6em;
}

.f_link {
  display: flex;
  font-size: 1.5rem;
  gap: 5rem;
}

.f_link a {
  letter-spacing: 0;
}

.f_sns {
  display: flex;
  gap: 1.5rem;
}

.f_sns img {
  width: 5.6rem;
}

.f_copy {
  background: #1A237E;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: .05em;
  line-height: 3.5rem;
  margin-top: 3rem;
}

/*--------------------------------------------------------------
Project
--------------------------------------------------------------*/
.top_main {
  margin-top: 16.7rem;
  padding: 3rem 0 1.8rem;
  background: url(../img/bg-mv.jpg) no-repeat 50%/cover;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .top_main {
    margin-top: 11.6rem;
  }
}

.top_main li {
  width: 108rem;
  margin: 0 2rem;
}

@media screen and (max-width: 767px) {
  .top_main li {
    width: 100%;
    margin: 0 1rem;
  }
}

.top_main li img {
  width: 100%;
}

.top_main .slide {
  position: relative;
}

.top_main .pager {
  margin-top: 1.8rem;
  display: flex;
  gap: 3.2rem;
  justify-content: center;
}

.top_main .swiper-pagination-bullet {
  height: 1.4rem;
  width: 1.4rem;
  border-radius: 50%;
  cursor: pointer;
  background: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
}

.top_main .swiper-pagination-bullet-active {
  background: #1A237E;
  width: 2.8rem;
  border-radius: 3em;
}

.top_main .btn i {
  position: absolute;
  top: 0;
  cursor: pointer;
  z-index: 2;
  width: 4.6rem;
  height: 100%;
  background: url(../img/btn-prev.svg) no-repeat 50%/contain;
}

@media screen and (max-width: 767px) {
  .top_main .btn i {
    width: 3rem;
  }
}

.top_main .btn .prev {
  left: calc(50% - 63rem);
}

@media screen and (max-width: 767px) {
  .top_main .btn .prev {
    left: 0;
  }
}

.top_main .btn .next {
  background-image: url(../img/btn-next.svg);
  right: calc(50% - 63rem);
}

@media screen and (max-width: 767px) {
  .top_main .btn .next {
    right: 0;
  }
}

.rank_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4rem 1rem;
}

@media screen and (max-width: 767px) {
  .rank_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.rank_list li a {
  margin-top: .6rem;
}

.rank_list li img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 212 / 185;
}

.top_rank {
  background: url(../img/idx-ranking-bg.jpg) no-repeat 50%/cover;
  padding: 9rem 0 6rem;
}

@media screen and (max-width: 767px) {
  .top_rank {
    padding: 6rem 0;
  }
}

@media screen and (min-width: 768px) {
  .top_rank .c_ttl {
    margin-bottom: 3rem;
  }
}

.top_rank .c_btn {
  margin-top: 3.8rem;
}

.news_list li img {
  width: 100%;
  aspect-ratio: 200 / 124;
  object-fit: cover;
  border-radius: .2rem;
}

.news_list li a {
  display: flex;
  justify-content: space-between;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .news_list li a {
    flex-direction: column;
    font-size: 1.4rem;
    gap: 1rem;
  }
}

.news_list li time {
  display: block;
  color: #1A237E;
  font-weight: bold;
  letter-spacing: .04em;
}

.news_list li p {
  font-weight: 500;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .news_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .news_list .desc {
    border-bottom: solid 1px #AEAEAE;
  }
  .news_list li + li {
    margin-top: 4rem;
  }
  .news_list figure {
    width: 20rem;
  }
  .news_list .desc {
    width: calc(100% - 24rem);
  }
}

.top_news {
  position: relative;
  background: #fff;
  z-index: 0;
  padding: 6rem 0 8rem;
}

@media screen and (max-width: 767px) {
  .top_news {
    padding: 6rem 0;
  }
}

.top_news:before {
  content: '';
  position: absolute;
  background: url(../img/idx-news-bg01.png) no-repeat 50%/contain;
  width: 38.6rem;
  aspect-ratio: 386 / 139;
  z-index: -1;
  top: 13rem;
  left: calc(50% - 87rem);
}

@media screen and (max-width: 767px) {
  .top_news:before {
    top: 10rem;
    left: -20rem;
    width: 19.3rem;
  }
}

.top_news:after {
  content: '';
  position: absolute;
  background: url(../img/idx-news-bg02.png) no-repeat 50%/contain;
  width: 66.1rem;
  aspect-ratio: 661 / 239;
  right: calc(50% - 105rem);
  bottom: -6rem;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .top_news:after {
    width: 33.05rem;
    right: -14rem;
  }
}

@media screen and (min-width: 768px) {
  .top_news ul {
    width: 104.3rem;
    margin-left: auto;
  }
}

.top_special {
  padding: 9rem 0 6rem;
  position: relative;
  background: #fff;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .top_special {
    padding: 6rem 0;
  }
}

.top_special:before {
  content: '';
  position: absolute;
  background: url(../img/idx-special-bg01.png) no-repeat 50%/contain;
  width: 43.1rem;
  aspect-retio: 431 / 123;
  z-index: -1;
  top: 8rem;
  left: calc(50% - 81.5rem);
}

@media screen and (max-width: 767px) {
  .top_special:before {
    left: -5rem;
  }
}

.top_special ul {
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
}

.top_special ul:before {
  content: '';
  position: absolute;
  background: url(../img/idx-special-bg02.png) no-repeat 50%/contain;
  width: 57.3rem;
  aspect-ratio: 573 / 207;
  right: -46rem;
  top: 12rem;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .top_special ul:before {
    top: 20rem;
    width: 28.65rem;
    right: -20rem;
  }
}

.top_special ul:after {
  content: '';
  position: absolute;
  background: url(../img/idx-special-bg03.png) no-repeat 50%/contain;
  width: 33.6rem;
  aspect-ratio: 336 / 96;
  z-index: -1;
  bottom: -2.4rem;
  left: -20.6rem;
}

@media screen and (max-width: 767px) {
  .top_special ul:after {
    left: -5rem;
    bottom: 0;
    width: 16.8rem;
  }
}

@media screen and (max-width: 767px) {
  .top_special ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .top_special ul {
    width: 93.2rem;
    margin: 0 auto;
  }
}

.top_special li img {
  border-radius: .4rem;
  width: 100%;
  aspect-ratio: 1280 / 720;
  object-fit: cover;
}

.top_special li p {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-top: .8em;
}

.top_special li a {
  display: block;
}

.top_bg {
  background: url(../img/idx-bg-pattern.jpg) repeat-y center top/100%;
  padding: 8rem 0 9rem;
}

@media screen and (max-width: 767px) {
  .top_bg {
    padding: 6rem 0;
  }
}

.item_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 1.6rem;
}

@media screen and (max-width: 767px) {
  .item_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.item_list a {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: .4rem;
  padding: 1rem;
  display: block;
  background: #fff;
}

.item_list p:nth-of-type(1) {
  font-size: 1.3rem;
  margin-top: .8em;
}

.item_list p:nth-of-type(2) {
  color: #1A237E;
  font-weight: bold;
  font-size: 1.4rem;
}

.item_list p:nth-of-type(3) {
  color: #757575;
  font-size: 1.1rem;
  margin-top: .8em;
}

.item_list img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 214 / 179;
}

.top_food {
  margin-bottom: 13rem;
}

@media screen and (max-width: 767px) {
  .top_food {
    margin-bottom: 6rem;
  }
}

.top_food ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

@media screen and (max-width: 767px) {
  .top_food ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.top_food li a {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: .4rem;
  padding: 1.2rem;
  display: block;
  background: #fff;
  height: 100%;
}

.top_food li p {
  padding: 0 1rem;
}

.top_food li p:nth-of-type(1) {
  font-size: 1.8rem;
  margin-top: 1em;
  font-weight: bold;
}

.top_food li p:nth-of-type(2) {
  color: #1A237E;
  font-size: 1.4rem;
  margin-top: .4em;
}

.top_food li p:nth-of-type(3) {
  color: #757575;
  font-size: 1.1rem;
  margin-top: .8em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.top_food li p:nth-of-type(3) br {
  display: none;
}

.top_food li img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 356 / 308;
}

.ingre_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
}

@media screen and (max-width: 767px) {
  .ingre_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.ingre_list li img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 204 / 173;
}

.ingre_list li a {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: .4rem;
  padding: 1rem;
  display: block;
  background: #fff;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .column_side .ingre_list li a {
    padding: .6rem;
  }
}

.ingre_list li p {
  text-align: center;
  font-weight: bold;
  margin: .7em 0 .4em;
}

@media screen and (max-width: 767px) {
  .ingre_list li p {
    margin: .5em 0 .2em;
  }
  .ingre_list li p.s {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 768px) {
  .column_side .ingre_list li p {
    font-size: 1.4rem;
    margin: .5em 0 .2em;
  }
  .column_side .ingre_list li p.s {
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .column_side .ingre_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
  }
}

.top_ingre {
  margin-bottom: 13rem;
}

@media screen and (max-width: 767px) {
  .top_ingre {
    margin-bottom: 6rem;
  }
}

.top_purpose {
  padding-bottom: 8rem;
}

@media screen and (max-width: 767px) {
  .top_purpose {
    padding-bottom: 6rem;
  }
}

.top_purpose ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}

@media screen and (max-width: 767px) {
  .top_purpose ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .top_purpose ul {
    width: 93.1rem;
    margin: 0 auto;
  }
}

.top_purpose li img {
  border-radius: .4rem;
}

.top_purpose li a {
  display: block;
  position: relative;
}

.top_purpose li p {
  position: absolute;
  width: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.85);
  text-align: center;
  bottom: 0;
  padding-bottom: .6em;
}

.top_price {
  padding: 7rem 0 6.4rem;
  background: #fff;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .top_price {
    padding: 6rem 0;
  }
}

.top_price:before {
  content: '';
  position: absolute;
  background: url(../img/idx-price-bg01.png) no-repeat 50%/contain;
  width: 30.3rem;
  aspect-ratio: 303 / 127;
  left: calc(50% - 85.5rem);
  top: 7rem;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .top_price:before {
    width: 15.15rem;
    left: -7rem;
  }
}

.top_price:after {
  content: '';
  position: absolute;
  background: url(../img/idx-price-bg02.png) no-repeat 50%/contain;
  width: 38.6rem;
  aspect-ratio: 386 / 139;
  z-index: -1;
  bottom: 0;
  right: calc(50% - 90.5rem);
}

@media screen and (max-width: 767px) {
  .top_price:after {
    width: 19.3rem;
    right: -5rem;
  }
}

.top_price ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
}

@media screen and (max-width: 767px) {
  .top_price ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.top_price li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9rem;
  font-size: 1.8rem;
  font-weight: bold;
  background: #1A237E;
  color: #fff;
  border-radius: .4rem;
}

.top_nav {
  padding: 9rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

@media screen and (max-width: 767px) {
  .top_nav {
    padding: 6rem 0 0;
  }
}

.top_nav img {
  border-radius: .8rem;
}

.top_nav a {
  display: block;
  position: relative;
}

.top_nav p {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  font-size: 3.6rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
  width: 100%;
  padding: 0 8rem;
}

@media screen and (max-width: 767px) {
  .top_nav p {
    padding: 1rem 2rem 0;
    font-size: 2.4rem;
    text-align: center;
  }
}

.top_article {
  background: #E8E8E8;
  padding: 9rem 0 8rem;
}

@media screen and (max-width: 767px) {
  .top_article {
    padding: 6rem 0;
  }
}

@media screen and (min-width: 768px) {
  .top_article figure {
    margin-bottom: 1.5rem;
  }
}

.top_insta {
  padding: 9rem 0 8rem;
  background: #fff;
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .top_insta {
    padding: 6rem 0;
  }
}

.top_insta:before {
  content: '';
  position: absolute;
  background: url(../img/idx-insta-bg01.png) no-repeat 50%/contain;
  width: 46.4rem;
  aspect-ratio: 464 / 167;
  left: calc(50% - 118.4rem);
  top: 14.5rem;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .top_insta:before {
    width: 24.128rem;
    left: -5rem;
    top: 9rem;
  }
}

.top_insta:after {
  content: '';
  position: absolute;
  background: url(../img/idx-insta-bg02.png) no-repeat 50%/contain;
  width: 37.5rem;
  aspect-ratio: 375 / 146;
  z-index: -1;
  bottom: 4rem;
  right: calc(50% - 86.6rem);
}

@media screen and (max-width: 767px) {
  .top_insta:after {
    width: 18.75rem;
    right: -5rem;
    bottom: 1rem;
  }
}

.top_insta ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media screen and (max-width: 767px) {
  .top_insta ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

.top_insta a {
  display: block;
}

.top_insta a img {
  aspect-atio: 1 / 1;
  object-fit: cover;
  width: 100%;
}

.low {
  margin-top: 16.7rem;
  padding: 9rem 0 13rem;
}

@media screen and (max-width: 767px) {
  .low {
    margin-top: 11.6rem;
    padding: 6rem 0 10rem;
  }
}

.low_header {
  margin: 18.7rem 3.6rem 8rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .low_header {
    margin: 14rem 2rem 6rem;
  }
}

.low_header img {
  width: 100%;
  border-radius: .8rem;
  height: 31.9rem;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .low_header img {
    height: 20rem;
  }
}

.low_header .box {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  padding: 0 8rem;
}

@media screen and (max-width: 767px) {
  .low_header .box {
    padding: 0 3rem;
  }
}

.low_header .ttl {
  font-size: 4rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}

@media screen and (max-width: 767px) {
  .low_header .ttl {
    font-size: 2.4rem;
  }
}

.low_header p {
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: .4em;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}

@media screen and (max-width: 767px) {
  .low_header p {
    font-size: 1.6rem;
  }
}

.gift_header {
  color: #fff;
}

.feature_header {
  color: #fff;
}

.low_ttl {
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  text-align: center;
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .low_ttl {
    font-size: 2.2rem;
  }
}

.low_ttl.b:before, .low_ttl.b:after {
  content: none;
}

.low_ttl:before, .low_ttl:after {
  content: '';
  position: absolute;
  width: 4rem;
  height: .3rem;
  background: #1A237E;
  top: .6em;
  margin-left: -2.5em;
}

.low_ttl:after {
  margin-left: .9em;
}

.news_body .ttl {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: .8em;
}

@media screen and (max-width: 767px) {
  .news_body .ttl {
    font-size: 2.1rem;
  }
}

.news_body time {
  display: block;
  color: #757575;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .04em;
  margin-bottom: 1em;
}

.news_body p {
  line-height: 2.1;
}

@media screen and (max-width: 767px) {
  .news_body p {
    line-height: 1.875;
  }
}

.news_body figure {
  margin-bottom: 8.5rem;
}

@media screen and (max-width: 767px) {
  .news_body figure {
    margin-bottom: 4.5rem;
  }
}

.news_body .pager {
  display: flex;
  font-size: 1.4rem;
  margin-top: 27rem;
}

@media screen and (max-width: 767px) {
  .news_body .pager {
    margin-top: 10rem;
  }
}

.news_body .center {
  width: 30rem;
  text-align: center;
  margin-top: .5em;
}

@media screen and (max-width: 767px) {
  .news_body .center {
    width: 10rem;
  }
}

.news_body .center img {
  display: block;
  margin: 0 auto 1.3em;
  width: 3.4rem;
}

.news_body .prev, .news_body .next {
  width: calc(50% - 15rem);
  padding-bottom: 2rem;
  color: #757575;
}

.news_body .prev:has(a), .news_body .next:has(a) {
  border-bottom: solid 1px #000;
}

@media screen and (max-width: 767px) {
  .news_body .prev, .news_body .next {
    width: calc(50% - 5rem);
  }
}

.news_body .prev a, .news_body .next a {
  display: block;
  line-height: 2.1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.news_body .prev a {
  background: url(../img/arw-prev02.svg) no-repeat left center/1.5rem;
  padding-left: 5rem;
}

@media screen and (max-width: 767px) {
  .news_body .prev a {
    padding-left: 3rem;
  }
}

.news_body .next a {
  background: url(../img/arw-next02.svg) no-repeat right center/1.5rem;
  padding-right: 5rem;
}

@media screen and (max-width: 767px) {
  .news_body .next a {
    padding-right: 3rem;
  }
}

.pp_body {
  line-height: 1.8;
  margin-top: 9rem;
  font-weight: 500;
}

.pp_body dt {
  font-weight: bold;
  font-size: 2.4rem;
  position: relative;
  border-left: solid 0.4rem #1A237E;
  padding-left: .6em;
  line-height: 1.3;
  margin: 6rem 0 1em;
}

@media screen and (max-width: 767px) {
  .pp_body dt {
    font-size: 2.2rem;
  }
}

.pp_body ul {
  margin-top: 2em;
}

.pp_body li {
  text-indent: -1em;
  margin-left: 1em;
}

.pp_body li:before {
  content: '・';
}

.scta_body {
  background: #fff;
  padding: 4.5rem 5.2rem;
  border: solid 1px #D2D2D2;
  border-radius: .4rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .scta_body {
    padding: 3rem 3rem;
  }
}

.scta_body th {
  background: #EEEEF2;
  text-align: left;
  width: 27rem;
  padding: 1em 1.5em;
}

@media screen and (max-width: 767px) {
  .scta_body th {
    padding: .5em 2rem;
  }
}

@media screen and (min-width: 768px) {
  .scta_body th {
    border-right: solid 1px #D1D1D1;
  }
}

.scta_body td {
  background: #F7F7F8;
  font-size: 1.4rem;
  padding: 1em 2em;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .scta_body td {
    padding: 1em 2rem;
  }
}

.scta_body td p + p {
  margin-top: 2em;
}

.scta_body td figure {
  margin: .8rem 0 1rem;
}

.scta_body tr > * {
  border-bottom: solid 1px #D1D1D1;
}

@media screen and (max-width: 767px) {
  .scta_body table.b th {
    border-right: solid 1px #D1D1D1;
    width: 8em;
  }
  .scta_body table:not(.b) tr > * {
    float: left;
    width: 100%;
  }
}

.scta_body .ttl {
  font-weight: bold;
  font-size: 2rem;
  margin: 6rem 0 .8em;
}

.low_ttl2 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 4.5rem;
}

@media screen and (max-width: 767px) {
  .low_ttl2 {
    font-size: 2.2rem;
  }
}

.low_ttl2:before, .low_ttl2:after {
  content: '';
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 1.66em;
  height: .3rem;
  background: #1A237E;
  margin-left: 1em;
}

.low_ttl2:before {
  margin-left: -2.7em;
}

.gift_body {
  margin-bottom: 6rem;
}

@media screen and (min-width: 768px) {
  .gift_body {
    margin-bottom: 12rem;
  }
  .gift_body .u_inner {
    width: 116rem;
  }
}

.gift_lead {
  margin-bottom: 10rem;
}

@media screen and (max-width: 767px) {
  .gift_lead {
    margin-bottom: 6rem;
  }
}

.gift_lead .nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.3rem;
  margin-bottom: 10rem;
}

.gift_lead .nav img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .gift_lead .nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem;
    margin-bottom: 6rem;
  }
}

.gift_lead .nav p {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .gift_lead .nav p {
    font-size: 1.8rem;
  }
}

.gift_lead .nav p:after {
  content: '';
  background: url(../img/nav-arrow.svg) no-repeat 50%/contain;
  width: 1.33em;
  height: 1.33em;
}

.gift_lead .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .7rem;
  margin-bottom: 5rem;
}

.gift_lead .items img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .gift_lead .items {
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    margin-bottom: 3rem;
  }
}

.gift_lead .items + p {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .gift_lead .items + p {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .gift_recom li:nth-child(3) {
    display: none;
  }
}

.gift_recom .c_btn {
  margin-bottom: 10rem;
}

@media screen and (max-width: 767px) {
  .gift_recom .c_btn {
    margin-bottom: 6rem;
  }
}

.feature_body {
  margin-bottom: 6rem;
}

@media screen and (min-width: 768px) {
  .feature_body {
    margin-bottom: 12rem;
  }
  .feature_body .u_inner {
    width: 116rem;
  }
}

.feature_body .low_ttl2 {
  margin-top: 12rem;
}

@media screen and (max-width: 767px) {
  .feature_body .low_ttl2 {
    margin-top: 8rem;
  }
}

.feature_body .wp-pagenavi {
  margin-top: 8rem;
}

@media screen and (max-width: 767px) {
  .feature_body .wp-pagenavi {
    margin-top: 5rem;
  }
}

.feature_list {
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6rem 1.3rem;
}

@media screen and (max-width: 767px) {
  .feature_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 1rem;
  }
}

@media screen and (min-width: 768px) {
  .feature_list {
    width: 93.2rem;
    margin: 0 auto;
  }
}

.feature_list li img {
  border-radius: .4rem;
  width: 100%;
}

.feature_list li p {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  margin-top: .8em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6em;
}

.feature_list li a {
  display: block;
}

.biz_body p {
  line-height: 2.1875;
}

.biz_body .lead {
  border-bottom: solid 1px #000;
  padding-bottom: 6rem;
  margin-bottom: 8rem;
}

.biz_body .lead p {
  margin: -1.8em auto 0;
}

.biz_body .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7rem;
}

.biz_body .row:has(.inner) {
  align-items: stretch;
}

@media screen and (min-width: 768px) {
  .biz_body .row:has(.inner) figure {
    width: 61.4rem;
  }
  .biz_body .row:has(.inner) .desc {
    width: calc(100% - 61.4rem);
  }
}

@media screen and (max-width: 767px) {
  .biz_body .row:has(.inner) {
    gap: 0;
  }
}

.biz_body .row:has(.inner) .desc {
  border: solid 1px #999999;
  display: flex;
  align-items: center;
  padding: 0 6.5rem;
}

@media screen and (max-width: 767px) {
  .biz_body .row:has(.inner) .desc {
    padding: 3rem 3rem;
  }
}

.biz_body .row figure img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .biz_body .row {
    gap: 2rem;
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .biz_body .row figure {
    width: 50rem;
  }
  .biz_body .row .desc {
    padding-top: 5rem;
    width: calc(100% - 62rem);
  }
}

.biz_body .ttl {
  font-weight: bold;
  font-size: 2.8rem;
  margin-bottom: .8em;
}

.biz_body .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 10rem;
  margin-bottom: 12rem;
}

@media screen and (max-width: 767px) {
  .biz_body .list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

.biz_body .list img {
  width: 100%;
}

.biz_body .list p {
  font-weight: 500;
  text-align: center;
  margin-top: .8em;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .biz_body .list p {
    font-size: 1.8rem;
  }
}

.biz_body .list figure {
  display: grid;
  gap: .8rem;
}

.biz_body .list figure:has(img:nth-child(4)) {
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 768px) {
  .biz_body .large {
    gap: 4rem 5.5rem;
  }
}

.biz_body .note {
  text-align: right;
  margin-bottom: 1rem;
}

.biz_body .lineup p {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .biz_body .lineup {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem 1.3rem;
  }
}

@media screen and (min-width: 768px) {
  .form dl {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px) {
  .form dt, .form dd {
    border-bottom: solid 1px #D9D9D9;
    padding: 3.1rem 0;
  }
  .form dt {
    padding-right: 6rem;
    width: calc(100% - 58rem);
  }
  .form dl:has(input[type="text"]) dt {
    width: calc(100% - 62.6rem);
  }
  .form dl:has(input[type="text"]) dd {
    padding: 2.2rem 0;
    width: 62.6rem;
  }
  .form dd {
    width: 58rem;
  }
}

.form dt {
  font-weight: bold;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .form dt {
    font-size: 1.8rem;
    margin-bottom: .2em;
  }
}

.form dt em {
  background: #EA5757;
  border-radius: .4rem;
  font-size: .8em;
  color: #fff;
  padding: .1em 1em;
}

.form dd {
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .form dd {
    margin-bottom: 1em;
  }
}

.form dd input[type="text"], .form dd input[type="email"], .form dd input[type="tel"], .form dd textarea, .form dd select {
  font-size: 1.8rem;
  font-weight: 400;
  width: 100%;
  background: #FCFCFC;
  border: solid 1px #9E9E9E;
  padding: .6em 1em;
  border-radius: .2rem;
}

.form dd textarea {
  height: 12em;
}

.form dd select {
  width: auto;
  padding-right: 2em;
  background: #F7F7F7;
  margin: .6em 0;
}

.form dd label {
  display: flex;
  gap: .5em;
  font-weight: bold;
  align-items: center;
}

.form dd label input[type="text"] {
  width: 10em;
}

.form .btn {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 2.4rem;
}

@media screen and (max-width: 767px) {
  .form .btn {
    gap: 1rem;
  }
}

.form .btn input {
  background: #1A237E;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  width: 35.6rem;
  max-width: 100%;
  height: 5.6rem;
  border-radius: .4rem;
}

.form .btn .back {
  background: #757575;
}

.biz_form {
  margin-bottom: 9.4rem;
}

@media screen and (min-width: 768px) {
  .biz_form dt:last-of-type, .biz_form dd:last-of-type {
    border: none;
  }
}

.biz_form dl {
  background: #E1F5FE;
  padding: 3rem 7rem 3.3rem;
  border-radius: .8rem;
  margin-bottom: 3.6rem;
}

@media screen and (max-width: 767px) {
  .biz_form dl {
    padding: 3rem 2rem 3.3rem;
  }
}

.form_body .last {
  border: none;
}

@media screen and (min-width: 768px) {
  .form_body dl:has(input[type="text"]) dt {
    width: 39rem;
  }
  .form_body dl:has(input[type="text"]) dd {
    width: calc(100% - 39rem);
  }
}

.form_body dl:has(input[type="text"]) dd.last {
  width: 100%;
  padding: 0;
  text-align: center;
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .form_body dl:has(input[type="text"]) dd.last {
    margin: 2rem 0 4rem;
    font-size: 1.8rem;
  }
}

.form_body dl:has(input[type="text"]) dd.last label {
  justify-content: center;
  margin-top: 1.5em;
  font-weight: 500;
  gap: 1em;
}

.form_body dl:has(input[type="text"]) dd.last input {
  width: 1.5em;
  height: 1.5em;
}

.form_confirm .lead {
  text-align: center;
  margin: -2rem 0 7rem;
}

@media screen and (max-width: 767px) {
  .form_confirm dl {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 768px) {
  .form_confirm dl {
    width: 96.8rem;
    margin: 0 auto 6rem;
  }
  .form_confirm dt:last-of-type, .form_confirm dd:last-of-type {
    border: none;
  }
}

.com_header {
  margin-top: 16.7rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .com_header {
    margin-top: 11.6rem;
  }
}

.com_header img {
  width: 100%;
  height: 32rem;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .com_header img {
    height: 13rem;
  }
}

.com_header .ttl {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 100%;
  left: 0;
  font-size: 3.2rem;
  font-weight: bold;
  z-index: 1;
  text-align: center;
  padding-top: .1em;
}

@media screen and (max-width: 767px) {
  .com_header .ttl {
    font-size: 2.6rem;
  }
}

.com_lead {
  background: url(../img/co-philosophy-bg.jpg) no-repeat 50%/cover;
  text-align: center;
  padding: 7.5rem 0 7rem;
}

.com_lead .ttl {
  color: #1A237E;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: .18em;
}

@media screen and (max-width: 767px) {
  .com_lead .ttl {
    font-size: 2.6rem;
  }
}

.com_lead p {
  font-size: 1.8rem;
  line-height: 1.77;
  font-weight: 500;
  margin-top: 1.7em;
  letter-spacing: .38em;
}

.com_info {
  padding: 7.5rem 0 8rem;
}

@media screen and (min-width: 768px) {
  .com_info .u_inner {
    width: 81.5rem;
  }
  .com_info dl {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2em 0;
  }
  .com_info dt, .com_info dd {
    border-bottom: solid 1px #CFCFCF;
    padding-bottom: 1.6rem;
    line-height: 2;
  }
  .com_info dt {
    width: 20rem;
  }
  .com_info dd {
    width: calc(100% - 20rem);
  }
}

.com_info dt {
  font-weight: bold;
  color: #1A237E;
  letter-spacing: .04em;
}

@media screen and (max-width: 767px) {
  .com_info dt {
    margin-bottom: .3em;
  }
}

.com_info dd {
  font-weight: 500;
  letter-spacing: .04em;
}

@media screen and (max-width: 767px) {
  .com_info dd {
    border-bottom: solid 1px #CFCFCF;
    padding-bottom: .8em;
    margin-bottom: .8em;
  }
}

.com_info dd p:before {
  content: '・';
}

.com_catch {
  background: url(../img/co-creed-bg01.jpg) no-repeat 50%/cover;
  position: relative;
  height: 30rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  margin-bottom: 11rem;
}

@media screen and (max-width: 767px) {
  .com_catch {
    height: 26rem;
  }
}

.com_catch:before, .com_catch:after {
  content: '';
  position: absolute;
  background: url(../img/co-creed-bg02.png) no-repeat 50%/contain;
  width: 32.3rem;
  aspect-ratio: 323 / 103;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .com_catch:before, .com_catch:after {
    width: 18rem;
  }
}

.com_catch:before {
  left: calc(50% - 52.5rem);
  top: 4.5rem;
}

@media screen and (max-width: 767px) {
  .com_catch:before {
    left: -5rem;
  }
}

.com_catch:after {
  background-image: url(../img/co-creed-bg03.png);
  width: 35rem;
  aspect-ratio: 350 / 100;
  bottom: 2.5rem;
  right: calc(50% - 49.4rem);
}

@media screen and (max-width: 767px) {
  .com_catch:after {
    width: 20rem;
    right: -5rem;
  }
}

.com_catch p {
  font-size: 3.2rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .com_catch p {
    font-size: 2.6rem;
  }
}

.com_history {
  margin-bottom: 5rem;
}

@media screen and (min-width: 768px) {
  .com_history .u_inner {
    display: flex;
    justify-content: space-between;
    width: 111.2rem;
  }
  .com_history .img {
    width: 35.6rem;
  }
  .com_history .desc {
    width: calc(100% - 48rem);
  }
}

.com_history .img {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .com_history .img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4rem;
  }
  .com_history .img img {
    width: 38%;
  }
}

.com_history .img .s {
  width: 14%;
}

@media screen and (min-width: 768px) {
  .com_history .img .s {
    width: 9rem;
    margin: 7rem 0 8rem;
  }
}

.com_history .ttl {
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 1em;
}

.com_history p, .com_history dd {
  line-height: 2.2;
}

.com_history dt {
  color: #1A237E;
  font-weight: bold;
  font-size: 1.8rem;
  margin: 2em 0 .5em;
}

@media screen and (max-width: 767px) {
  .com_history dt {
    margin: 1em 0 .4em;
  }
}

.com_history dd {
  margin-bottom: 2.8em;
}

.com_store {
  margin-bottom: 10rem;
}

@media screen and (min-width: 768px) {
  .com_store .u_inner {
    width: 111.2rem;
  }
}

.com_store .name {
  color: #1A237E;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: .8em;
}

.com_store ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .com_store ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.com_store li {
  background: #fff;
  border-radius: .8rem;
  overflow: hidden;
  border: solid 2px #E1E1E1;
  padding: 0 2rem 2.5rem;
}

.com_store li p {
  font-weight: bold;
  margin-top: 1.2em;
}

.com_store dl {
  display: flex;
  flex-wrap: wrap;
  gap: .5em 0;
}

.com_store dt, .com_store dd {
  line-height: 1.6;
}

.com_store dt {
  width: 5.2em;
  color: #1A237E;
  font-weight: bold;
}

.com_store dd {
  width: calc(100% - 5.2em);
}

.com_store figure {
  margin: 0 -2rem 2.5rem;
}

.com_store .large {
  margin-bottom: 2.2rem;
}

@media screen and (min-width: 768px) {
  .com_store .large {
    gap: 4.8rem;
    font-size: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .com_store .large li {
    padding: 0 4rem 2.5rem;
    white-space: nowrap;
  }
  .com_store .large figure {
    margin: 0 -4rem 2.5rem;
  }
  .com_store .large .name {
    font-size: 2.4rem;
  }
  .com_store .large dt {
    width: 12rem;
  }
  .com_store .large dd {
    width: calc(100% - 12rem);
  }
}

.img_slider {
  display: flex;
  overflow: hidden;
  margin-bottom: 10rem;
}

.img_slider p {
  animation: scroll-left 80s infinite linear .5s both;
  display: flex;
  gap: .8rem;
  padding-right: .8rem;
}

.img_slider img {
  height: 28.2rem;
  max-width: none;
}

@media screen and (max-width: 767px) {
  .img_slider img {
    height: 20rem;
  }
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.com_item figure img {
  width: 100%;
}

.com_item .name {
  font-weight: bold;
  font-size: 2.4rem;
  margin: 0 0 1.4em;
}

@media screen and (max-width: 767px) {
  .com_item .name {
    margin: 0 0 .4em;
  }
}

.com_item p {
  line-height: 2.21;
}

@media screen and (max-width: 767px) {
  .com_item .desc {
    padding: 3rem 2rem 0;
  }
  .com_item li {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 768px) {
  .com_item li {
    display: flex;
    gap: 8rem;
    align-items: center;
  }
  .com_item li:nth-child(even) {
    flex-direction: row-reverse;
  }
  .com_item figure {
    width: 50%;
  }
  .com_item .desc {
    width: 47.6rem;
  }
}

.column_inner {
  width: 138.4rem;
  margin: 0 auto 8rem;
  max-width: calc(100% - 4rem);
}

@media screen and (min-width: 768px) {
  .column_inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 3.6rem;
    align-items: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .column_body {
    width: calc(100% - 37.6rem);
  }
}

.column_side {
  background: #fff;
  padding: 2rem 2rem 3rem;
}

@media screen and (max-width: 767px) {
  .column_side {
    margin-top: 5rem;
  }
}

@media screen and (min-width: 768px) {
  .column_side {
    width: 34rem;
  }
}

.column_side dt {
  border: solid 2px #B0B0B0;
  border-radius: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.4rem;
  font-weight: bold;
  font-size: 1.8rem;
  color: #444444;
  background: #fff;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .column_side dt {
    height: 5rem;
  }
}

.column_side dd + dt {
  margin-top: 4.8rem;
}

.column_side .kw {
  background: #FAF9F4;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
  border-radius: .4rem;
  padding: .8rem;
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  font-size: 1.3rem;
}

.column_side .kw a {
  border: solid 1px #A7A7A7;
  border-radius: .4rem;
  background: #fff;
  padding: .1em .7em;
  font-weight: bold;
}

.column_side .bnr img {
  border-radius: .4rem;
  width: 100%;
}

.column_side .bnr a {
  position: relative;
  display: block;
  margin-top: .8rem;
}

.column_side .bnr p {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 2rem;
}

.column_side .rank {
  padding: 0 1.1rem;
}

.column_side .rank li {
  margin-top: 1rem;
  position: relative;
}

.column_side .rank a {
  margin-left: 7rem;
}

.column_side .rank em {
  position: absolute;
  left: 0;
  top: 0;
}

.column_side .rank img {
  width: 100%;
  aspect-ratio: 188 / 185;
  object-fit: cover;
}

.column_side .price a {
  display: block;
  border: solid 1px #B0B0B0;
  border-radius: .2rem;
  background: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  position: relative;
  padding-left: 1.5em;
  display: flex;
  align-items: center;
  height: 3.6em;
  gap: 1em;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.45);
  margin-top: 1.2rem;
}

.column_side .price a:before {
  content: '';
  width: 1.45em;
  height: .36em;
  background: #1A237E;
}

.product_inner {
  margin: 16.7rem auto 4.5rem;
  padding-top: 3rem;
}

@media screen and (max-width: 767px) {
  .product_inner {
    margin: 11.6rem auto 4.5rem;
  }
  .product_inner .column_side {
    display: none;
  }
}

.cat_search {
  background: #fff;
  padding: 2rem;
  margin-bottom: 2rem;
}

.cat_search dt {
  background: #E8E8E8 url(../img/arw-d01.svg) no-repeat calc(50% + 10em) center/1.8rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  padding: .8em 0;
  border-radius: .2rem;
  cursor: pointer;
}

.cat_search dt.open {
  background-image: url(../img/arw-u01.svg);
}

.cat_search dt.open + dd {
  display: block;
}

.cat_search dd {
  display: none;
  padding-top: .5rem;
  font-size: 1.4rem;
}

.cat_search p {
  font-weight: bold;
  position: relative;
  padding-left: 1.2em;
  margin: 2.5rem 0 .2em;
}

.cat_search p:before {
  content: '';
  position: absolute;
  width: .71em;
  height: .71em;
  background: #1A237E;
  left: 0;
  top: .25em;
}

.cat_search ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.cat_search li {
  border: solid 1px #BDBDBD;
  border-radius: .2rem;
  text-align: center;
}

.cat_search li > * {
  padding: .65em;
  display: block;
}

.cat_search li > *:has(input:checked) {
  background: #1A237E;
  color: #fff;
}

.cat_search li > * input {
  position: absolute;
  opacity: 0;
}

.cat_search li label {
  cursor: pointer;
  transition: background .3s;
}

.cat_search li a:hover {
  opacity: 1;
}

.cat_search .btn {
  text-align: center;
  margin-top: 2rem;
}

.cat_search .btn input {
  background: #1A237E;
  color: #fff;
  width: 100%;
  font-weight: bold;
  padding: 1em 0;
}

.cat_view {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  font-weight: 500;
  gap: 1rem 0;
  margin-bottom: 5rem;
}

.cat_view dt {
  width: 7.5em;
}

@media screen and (max-width: 767px) {
  .cat_view dt {
    width: 6em;
  }
}

.cat_view dd {
  width: calc(100% - 7.5em);
  display: flex;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .cat_view dd {
    width: calc(100% - 6em);
  }
}

.cat_view a {
  background: #fff;
  border: solid 1px #1A237E;
  font-size: 1rem;
  padding: .5em 1em;
  border-radius: .2rem;
  height: 2.6em;
}

@media screen and (max-width: 767px) {
  .cat_view a {
    padding: .5em .5em;
  }
}

.cat_view .active {
  background: #1A237E;
  color: #fff;
}

.cat_total {
  font-weight: 500;
  margin-bottom: 1em;
}

.category-title {
  margin-bottom: 2rem;
}

.category-title h2 {
  font-size: 1.8rem;
  font-weight: bold;
}

.category-title span {
  font-weight: 400;
  font-size: 1.4rem;
}

.cat_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 1.6rem;
}

@media screen and (min-width: 768px) {
  .cat_list {
    margin-bottom: 6.5rem;
  }
}

@media screen and (max-width: 767px) {
  .cat_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.cat_list a {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: .4rem;
  padding: 1.2rem;
  display: block;
  background: #fff;
  height: 100%;
}

.cat_list p:nth-of-type(1) {
  font-weight: bold;
  margin-top: 1em;
}

.cat_list p:nth-of-type(2) {
  color: #1A237E;
  font-size: 1.4rem;
  margin-top: .4em;
  font-weight: bold;
}

.cat_list p:nth-of-type(3) {
  color: #757575;
  font-size: 1.1rem;
  margin-top: .8em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.cat_list p:nth-of-type(3) br {
  display: none;
}

.cat_list img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 356 / 308;
}

@media screen and (min-width: 768px) {
  .view_list {
    grid-template-columns: repeat(5, 1fr);
    gap: 4rem 1rem;
  }
}

@media screen and (max-width: 767px) {
  .view_list li:nth-child(n + 5) {
    display: none;
  }
}

.favorite-wrap {
  flex-direction: column;
  gap: 1.2rem;
}

.favorite-wrap > * {
  width: 100%;
}

.favorite-wrap .restock-btn {
  font-size: 1.8rem;
  padding: .5em 0;
}

.low_path {
  display: flex;
  font-size: 1.2rem;
  font-weight: bold;
  gap: 2.4em;
  margin-bottom: 2rem;
}

.low_path a {
  color: #757575;
}

.low_path li + li {
  position: relative;
}

.low_path li + li:before {
  content: '';
  position: absolute;
  background: url(../img/arw-r02.svg) no-repeat 50%/contain;
  width: .54rem;
  height: 90%;
  top: 0;
  left: -1.3em;
}

.product_body .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10rem;
}

@media screen and (max-width: 767px) {
  .product_body .row {
    flex-direction: column;
    gap: 3rem;
  }
}

.product_body .fig {
  overflow: hidden;
}

.product_body .fig img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .product_body .fig {
    width: 49.8rem;
  }
  .product_body .desc {
    width: calc(100% - 55rem);
  }
}

.product_body .large {
  overflow: hidden;
}

.product_body .large img {
  width: 100%;
}

.product_body .thumb {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .6rem;
  margin-top: 1.5rem;
}

.product_body .thumb .active img {
  border: solid 1px #1A237E;
}

.product_body .head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.product_body .cool {
  background: #fff;
  border: solid 1px #4FC3F7;
  border-radius: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #424242;
  width: 5rem;
  height: 5rem;
  font-weight: 500;
  font-size: 1.4rem;
  background: linear-gradient(135deg, #E1F5FE 49.52%, #FFFFFF 49.53%);
}

.product_body .name {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: .8em;
}

.product_body .price {
  color: #1A237E;
  font-weight: bold;
  font-size: 2.4rem;
}

.product_body .price small {
  color: #424242;
  font-size: 1.6rem;
}

.product_body .data {
  display: flex;
  font-size: 1.4rem;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 500;
  gap: 1.3em 0;
  margin: 3rem 0 2rem;
}

.product_body .data dt {
  width: 4em;
  color: #616161;
}

.product_body .data dd {
  width: calc(100% - 4em);
}

.product_body .data dd:not(:has(input)) {
  font-weight: bold;
}

.product_body .data dd:has(input) {
  display: flex;
  align-items: center;
  gap: 1em;
}

.product_body .data input {
  border: solid 1px #212121;
  width: 5.5em;
  padding: .4em 1em;
  text-align: right;
}

.product_body .review-summary-container .starRating {
  display: flex;
  align-items: flex-end;
  gap: .7em;
}

.product_body .review-summary-container .starRating:before, .product_body .review-summary-container .starRating:after {
  content: none;
}

.product_body .review-summary-container .starRating span {
  font-size: 2.2rem;
  padding: 0;
  float: none;
  margin: 0 !important;
}

.product_body .review-summary-container .starRating .reviewNumber {
  font-size: 1.4rem;
  position: relative;
  top: .15em;
}

.product_body .reviewWidget_inner {
  padding: 0;
}

.add-cart {
  display: block;
  margin: 0;
  text-align: center;
  margin-bottom: 2.5rem;
}

.add-cart .add-cart-btn {
  background: #1A237E url(../img/ico-cart01.svg) no-repeat calc(50% - 4em) center/2.4rem;
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  padding: .8em 0 .8em 3.5em;
}

.add-cart .btn {
  width: 100%;
}

.add-cart .modal-open {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.add-cart .favorite {
  width: 100%;
}

.add-cart .modal-wrapper {
  max-width: 600px;
}

.favorite-icon {
  background: #fff url(../img/ico-favorite.svg) no-repeat calc(50% - 4em) center/2.4rem;
  border: solid 1px #1A237E;
  border-radius: .4rem;
  color: #1A237E;
  font-weight: bold;
  display: block;
  font-size: 1.8rem;
  padding: .5em 0 .5em 3.5em;
}

.favorite-icon:after {
  content: none;
}

.item_description1 {
  margin-top: 4rem;
}

.item_description1 h3 {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1em;
}

.item_description2 h3 {
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 1em;
}

.item_description2 h3:before {
  content: '';
  position: absolute;
  width: .6em;
  height: .6em;
  background: #1A237E;
  left: 0;
  top: .4em;
}

.item_description2 h4 {
  font-weight: 500;
  font-size: 1.8rem;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .item_description2 {
    width: 92.1rem;
    margin-left: auto;
    max-width: 100%;
  }
}

.item_description {
  font-size: 1.4rem;
  line-height: 1.71;
}

.item_description h3 {
  line-height: 1.5;
}

.item_description dl {
  margin-top: 3rem;
  background: #fff;
  padding: 3rem 2rem;
  border-radius: .3rem;
  font-size: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1em 0;
}

.item_description dt {
  font-weight: 500;
  width: 9em;
}

.item_description dd {
  width: calc(100% - 9em);
}

.item_description .box {
  background: #fff;
  padding: 3rem 2.8rem;
  border-radius: .8rem;
  margin-top: 3rem;
}

.item_description ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.item_description figure img {
  border-radius: .4rem;
}

.item_description figure.box {
  margin-top: 1.5rem;
}

.item_description figcaption {
  font-size: 1.6rem;
  margin-top: 1em;
}

.item_description tr > * {
  border: solid 1px #212121;
  text-align: left;
  padding: .4em .5em;
}

.item_description th {
  font-weight: bold;
  width: 10em;
}

.item_description .tbl {
  display: flex;
  gap: 2.2rem;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .item_description .tbl {
    flex-direction: column;
  }
}

.item_description .group-review-section {
  width: 100%;
}

.item_description .reviewWidget_title {
  margin: 0;
  font-weight: bold;
}

.product_other {
  background: #fff;
  padding: 4rem 1.4rem;
  border-radius: .4rem;
  margin: 6rem 0;
}

.product_other:last-child {
  margin-bottom: 8rem;
}

.product_other ul {
  margin-bottom: 0;
}

.product_other h3 {
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 1em;
  text-align: center;
}

.product_other h3:before {
  content: '';
  display: inline-block;
  width: .6em;
  height: .6em;
  background: #1A237E;
  position: relative;
  top: -.1em;
  margin-right: .8em;
}

.media_category {
  margin: 16.7rem auto 4.5rem;
  width: 138.4rem;
  max-width: calc(100% - 4rem);
  padding-top: 2.2rem;
}

@media screen and (max-width: 767px) {
  .media_category {
    margin: 11.6rem auto 4.5rem;
  }
  .media_category ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .8rem;
  }
}

@media screen and (min-width: 768px) {
  .media_category ul {
    display: flex;
    gap: .8rem;
  }
  .media_category li {
    flex: 1;
  }
}

.media_category a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F3F3F3 url(../img/arw-r01.svg) no-repeat calc(100% - 1.3rem) center/2.4rem;
  border-radius: .4rem;
  border: solid 2px #757575;
  font-weight: bold;
  height: 6.4rem;
}

@media screen and (max-width: 767px) {
  .media_category a {
    padding-right: 1.2em;
  }
}

.media_header {
  margin-left: 2rem;
  overflow: hidden;
  margin-bottom: 2.4rem;
}

.media_header li {
  width: 35rem;
  margin-right: .8rem;
}

.media_header .cat {
  display: flex;
  gap: .5em;
  flex-wrap: wrap;
}

.media_header i {
  background: #1A237E;
  color: #fff;
  font-size: 1.2rem;
  min-width: 10.3rem;
  height: 2.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1em;
}

.media_header img {
  width: 100%;
  aspect-ratio: 350 / 197;
  object-fit: cover;
}

.media_header .desc {
  position: absolute;
  width: 100%;
  padding: 1rem;
  bottom: 0;
  left: 0;
  background: rgba(33, 33, 33, 0.6);
  color: #fff;
}

.media_header time {
  display: block;
  font-size: 1.1rem;
  margin-bottom: .6em;
}

.media_header p {
  font-size: 1.3rem;
}

.media_ttl {
  font-size: 3.2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 4rem;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .media_ttl {
    font-size: 2.6rem;
    gap: 3rem;
  }
}

.media_ttl i {
  color: #1A237E;
  border-left: solid 1px #1A237E;
  font-size: 2rem;
  padding-left: 4rem;
  line-height: 4.8rem;
}

@media screen and (max-width: 767px) {
  .media_ttl i {
    padding-left: 3rem;
    font-size: 1.8rem;
    line-height: 4rem;
  }
}

.media_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
}

@media screen and (max-width: 767px) {
  .media_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.media_list img {
  border-radius: .2rem;
  aspect-ratio: 350 / 197;
  object-fit: cover;
  width: 100%;
}

.media_list li {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: .4rem;
}

.media_list a {
  padding: 1.2rem 1rem;
  display: block;
}

.media_list p {
  font-size: 1.4rem;
}

.media_list p:has(i) {
  margin-bottom: .5em;
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
}

.media_list p i {
  color: #fff;
  background: #1A237E;
  padding: .2em 1em;
  font-size: 1rem;
}

.media_list .desc {
  margin-top: 1.5rem;
}

.media_list time {
  display: block;
  color: #BDBDBD;
  font-size: 1.2rem;
  margin-top: .3em;
}

@media screen and (max-width: 767px) {
  .media_list a {
    display: flex;
    justify-content: space-between;
    padding: 1.2rem 2rem 1.2rem 1rem;
  }
  .media_list figure {
    width: 14rem;
  }
  .media_list .desc {
    width: calc(100% - 16.5rem);
  }
}

.media_list2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}

@media screen and (max-width: 767px) {
  .media_list2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.media_list2 img {
  border-radius: .2rem;
  aspect-ratio: 350 / 197;
  object-fit: cover;
}

.media_list2 figure {
  width: 14rem;
}

.media_list2 .desc {
  width: calc(100% - 16.5rem);
}

.media_list2 li {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: .4rem;
}

.media_list2 a {
  display: flex;
  justify-content: space-between;
  padding: 1.2rem 2rem 1.2rem 1rem;
}

.media_list2 p {
  font-size: 1.4rem;
}

.media_sec {
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .media_sec {
    margin-bottom: 5rem;
  }
}

.media_sec:last-child {
  margin-bottom: 0;
}

.media_sec .c_btn {
  margin-top: 3rem;
}

@media screen and (min-width: 768px) {
  .media_sec .c_btn {
    text-align: right;
  }
}

.media_sec .c_btn a {
  width: 26rem;
  height: 4.8rem;
  font-size: 1.6rem;
  background-size: 2rem;
  border-radius: .4rem;
}

.media_sec .media_list2 {
  margin-top: 3rem;
}

.history_list {
  margin-top: 2rem;
}

.history_list a {
  background: url(../img/arw-r02.svg) no-repeat calc(100% - 1rem) center/1rem;
  display: block;
  padding: .8em 0;
}

.history_list li {
  border-bottom: solid 1px #BDBDBD;
  margin-top: 1rem;
}

.cat_ttl {
  font-size: 3.2rem;
  font-weight: bold;
  margin-bottom: 3.5rem;
}

.wp-pagenavi, .c_pager {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-top: 5.2rem;
}

@media screen and (max-width: 767px) {
  .wp-pagenavi, .c_pager {
    gap: 1rem;
    margin-top: 4rem;
  }
}

.wp-pagenavi a, .wp-pagenavi span, .c_pager a, .c_pager span {
  text-align: center;
  width: 2.22em;
  height: 2.22em;
  line-height: 2.22;
  font-size: 1.8rem;
  font-weight: bold;
  background: #DEDEDE;
  color: #1A237E;
}

@media screen and (max-width: 767px) {
  .wp-pagenavi a, .wp-pagenavi span, .c_pager a, .c_pager span {
    font-size: 1.6rem;
  }
}

.wp-pagenavi .current, .c_pager .current {
  background: #1A237E;
  color: #fff;
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .prev, .wp-pagenavi .next, .c_pager .previouspostslink, .c_pager .nextpostslink, .c_pager .prev, .c_pager .next {
  background: #DEDEDE url(../img/arw-prev01.svg) no-repeat 50%/1rem;
  color: transparent;
}

.wp-pagenavi .nextpostslink, .wp-pagenavi .next, .c_pager .nextpostslink, .c_pager .next {
  background-image: url(../img/arw-next01.svg);
}

.wp-pagenavi a span, .c_pager a span {
  display: block;
}

.post_body #toc_container, .editor_body #toc_container {
  border: none;
  display: block;
  margin: 0 2.5rem 6rem;
}

@media screen and (max-width: 767px) {
  .post_body #toc_container, .editor_body #toc_container {
    margin: 0 1.5rem 6rem;
  }
}

.post_body #toc_container p.toc_title, .editor_body #toc_container p.toc_title {
  text-align: left;
  background: #F1F8FE;
  font-size: 2rem;
  padding: .5em 1em;
}

.post_body #toc_container p.toc_title:after, .editor_body #toc_container p.toc_title:after {
  content: 'contents';
  font-size: 1.2rem;
  margin-left: .6em;
}

.post_body #toc_container p.toc_title + ul.toc_list, .editor_body #toc_container p.toc_title + ul.toc_list {
  margin-top: 3rem;
}

.post_body #toc_container .toc_list, .editor_body #toc_container .toc_list {
  padding: 0 2.5rem;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .post_body #toc_container .toc_list, .editor_body #toc_container .toc_list {
    padding: 0 1.5rem;
  }
}

.post_body #toc_container .toc_list li, .editor_body #toc_container .toc_list li {
  line-height: 1.71;
  margin-top: .6em;
}

.editor_body #toc_container {
  margin: 3rem 0 6rem;
}

.post_body {
  margin-bottom: 28rem;
}

@media screen and (max-width: 767px) {
  .post_body {
    margin-bottom: 12rem;
  }
}

.post_body .mv {
  margin-bottom: 2rem;
}

.post_body .author {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin: 3rem 2.5rem 2rem;
}

.post_body .author img {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 5.6rem;
}

.post_body .author p {
  font-size: 1.4rem;
  padding: 0;
}

.post_body .author time {
  color: #757575;
  font-size: 1.2rem;
  display: block;
}

.post_body .cat {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin: 0 2.5rem 1rem;
}

.post_body .cat a {
  background: #1A237E;
  color: #fff;
  display: block;
  padding: .1em 1em;
  min-width: 5em;
  font-size: 1.2rem;
}

.post_body .tag {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin: 0 2.5rem 1rem;
}

.post_body .tag a {
  padding: .1em 1em;
  min-width: 6em;
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #757575;
  border: solid 1px #BDBDBD;
  background: #fff;
  border-radius: .3rem;
}

.post_body .tag a:before {
  content: '#';
}

.post_body .line {
  border-bottom: solid 1px #BDBDBD;
  margin: 4rem 0 3rem;
}

.post_body h1, .post_body h2, .post_body h3, .post_body h4, .post_body h5, .post_body h6, .post_body p {
  padding: 0 2.5rem;
}

@media screen and (max-width: 767px) {
  .post_body h1, .post_body h2, .post_body h3, .post_body h4, .post_body h5, .post_body h6, .post_body p {
    padding: 0 1.5rem;
  }
}

.post_body h1 {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.82;
  margin-bottom: .5em;
}

.post_body h1 span {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  display: inline;
  color: #fff;
  background: #1A237E;
  padding: .1em .2em;
}

.post_body h2 {
  font-size: 2.2rem;
  border-bottom: dashed 1px #BDBDBD;
  padding-bottom: .7em;
  font-weight: bold;
  margin: 5rem 0 1.3em;
}

.post_body h2 + h3 {
  margin-top: 3rem;
}

.post_body h3 {
  font-size: 2rem;
  font-weight: bold;
  margin: 5rem 0 .8em;
}

.post_body p {
  line-height: 1.6;
}

.post_body .wp-block-image, .post_body .wp-block-embed, .post_body .wp-block-table {
  margin: 2rem 2.5rem;
}

.post_relate .ttl {
  background: #1A237E;
  color: #fff;
  font-size: 2.4rem;
  padding: .4em 1em;
  font-weight: bold;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .post_relate .ttl {
    font-size: 2rem;
  }
}

.post_relate .ttl i {
  font-size: .83em;
  border-left: solid 1px #fff;
  margin-left: 1em;
  padding-left: 1em;
}

body:has(.editor_body) {
  background: #fff;
}

@media screen and (min-width: 768px) {
  .editor_body {
    width: 100rem;
    margin: 0 auto;
  }
}

:where(.wp-block-post-content, .editor_body) h1 {
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  border-bottom: solid 1px #BDBDBD;
  padding-left: 1.5em;
  margin-bottom: 1em;
}

:where(.wp-block-post-content, .editor_body) h1:before {
  content: '';
  position: absolute;
  height: calc(100% - .4em);
  top: 0;
  background: #1A237E;
  width: .4rem;
  border-radius: 3em;
  left: .4em;
}

:where(.wp-block-post-content, .editor_body) p {
  font-size: 1.8rem;
  line-height: 1.94;
}

@media screen and (max-width: 767px) {
  :where(.wp-block-post-content, .editor_body) p {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}

:where(.wp-block-post-content, .editor_body) h2 {
  font-size: 1.8rem;
  font-weight: 500;
  border-top: solid 1px rgba(26, 35, 126, 0.4);
  border-bottom: solid 1px rgba(26, 35, 126, 0.4);
  padding: .5em;
  margin: 3em 0 1em;
}

:where(.wp-block-post-content, .editor_body) .toc {
  background: rgba(35, 46, 127, 0.04);
  padding: 3rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

:where(.wp-block-post-content, .editor_body) .toc p {
  font-weight: bold;
  margin-bottom: .7em;
}

:where(.wp-block-post-content, .editor_body) .toc li {
  font-size: 1.4rem;
  border-bottom: solid 1px #DEDEDE;
}

:where(.wp-block-post-content, .editor_body) .toc li a {
  display: block;
  padding: 1em 0;
}

:where(.wp-block-post-content, .editor_body) .nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: .8rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

@media screen and (min-width: 768px) {
  :where(.wp-block-post-content, .editor_body) .nav {
    width: 66rem;
  }
}

@media screen and (max-width: 767px) {
  :where(.wp-block-post-content, .editor_body) .nav {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

:where(.wp-block-post-content, .editor_body) .nav a {
  border: solid 1px #1A237E;
  border-radius: .4rem;
  height: 7.6rem;
  background: rgba(35, 46, 127, 0.04) url(../img/arw-d05.svg) no-repeat center calc(50% + 1.3em)/2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.4rem;
  padding-bottom: 1em;
}

:where(.wp-block-post-content, .editor_body) .link {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.6rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  :where(.wp-block-post-content, .editor_body) .link {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem;
  }
}

:where(.wp-block-post-content, .editor_body) .link a {
  border: solid 1px #1A237E;
  border-radius: .4rem;
  height: 4.5em;
  background: #1A237E url(../img/arw-r03-ro.svg) no-repeat calc(100% - 1em)/0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
}

@media screen and (max-width: 767px) {
  :where(.wp-block-post-content, .editor_body) .link a {
    font-size: 1.6rem;
  }
}

:where(.wp-block-post-content, .editor_body) .item {
  margin: 5rem 0;
}

@media screen and (min-width: 768px) {
  :where(.wp-block-post-content, .editor_body) .item {
    width: 72rem;
  }
}

:where(.wp-block-post-content, .editor_body) .name {
  font-weight: bold;
  font-size: 1.8rem;
  margin: 1.5em 0 .8em;
}

:where(.wp-block-post-content, .editor_body) .place i {
  background: rgba(35, 46, 127, 0.12);
  padding: .3em 1em;
  font-size: 1.4rem;
  border-radius: .3rem;
}

:where(.wp-block-post-content, .editor_body) .star {
  font-size: 1.4rem;
  color: #F7CC28;
  letter-spacing: .2em;
  margin: .3em 0;
}

:where(.wp-block-post-content, .editor_body) .make {
  font-size: 1.4rem;
}

:where(.wp-block-post-content, .editor_body) .price {
  font-size: 1.8rem;
  font-weight: bold;
  color: #1A237E;
}

:where(.wp-block-post-content, .editor_body) .price small {
  font-size: 1.4rem;
}

:where(.wp-block-post-content, .editor_body) .btn {
  display: flex;
  gap: 1rem;
  text-align: center;
  margin-top: 5rem;
}

:where(.wp-block-post-content, .editor_body) .btn > * {
  flex: 1;
}

:where(.wp-block-post-content, .editor_body) .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.7rem;
  font-weight: bold;
}

:where(.wp-block-post-content, .editor_body) .more a {
  border: solid 1px #1A237E;
  color: #1A237E;
}

:where(.wp-block-post-content, .editor_body) .desc {
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

@media screen and (min-width: 768px) {
  :where(.wp-block-post-content, .editor_body) .desc {
    width: 72rem;
  }
}

:where(.wp-block-post-content, .editor_body) .review {
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  :where(.wp-block-post-content, .editor_body) .review {
    width: 72rem;
  }
}

:where(.wp-block-post-content, .editor_body) .review em {
  color: #F7CC28;
  letter-spacing: .4em;
  display: block;
  font-size: 1.6rem;
}

:where(.wp-block-post-content, .editor_body) .review strong {
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  margin: .5em 0 .8em;
}

:where(.wp-block-post-content, .editor_body) .point {
  background: rgba(35, 46, 127, 0.04);
  padding: 3rem 5rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  :where(.wp-block-post-content, .editor_body) .point {
    padding: 3rem;
  }
}

@media screen and (min-width: 768px) {
  :where(.wp-block-post-content, .editor_body) .point {
    width: 72rem;
  }
}

:where(.wp-block-post-content, .editor_body) .point p {
  text-align: center;
  font-weight: bold;
  position: relative;
  font-size: 2rem;
  margin-bottom: 1.5em;
}

:where(.wp-block-post-content, .editor_body) .point p:before, :where(.wp-block-post-content, .editor_body) .point p:after {
  content: '';
  width: 2em;
  background: #1A237E;
  height: 2px;
  top: .8em;
  position: absolute;
  margin-left: 2em;
}

:where(.wp-block-post-content, .editor_body) .point p:before {
  margin-left: -4em;
}

:where(.wp-block-post-content, .editor_body) .point li {
  padding-left: 2em;
  background: url(../img/ico-check.svg) no-repeat left center/2rem;
  margin-top: 1em;
}

:where(.wp-block-post-content, .editor_body) .comment {
  display: flex;
  align-items: flex-end !important;
  justify-content: space-between;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

@media screen and (min-width: 768px) {
  :where(.wp-block-post-content, .editor_body) .comment {
    width: 72rem;
  }
}

:where(.wp-block-post-content, .editor_body) .comment p {
  width: calc(100% - 14rem);
  background: #F7F7F7;
  border-radius: .4rem;
  font-size: 1.4rem;
  line-height: 1.85;
  padding: 1.5em;
}

:where(.wp-block-post-content, .editor_body) .comment figure {
  border-radius: 50%;
  overflow: hidden;
  width: 11rem;
}

:where(.wp-block-post-content, .editor_body) .comment figure img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

:where(.wp-block-post-content, .editor_body) .soldout {
  background: #E6E6E6;
  line-height: 4.7rem;
  font-weight: bold;
  font-size: 1.6rem;
}

.editor_body figure {
  margin-bottom: 2.5rem;
}

.editor_body .mv {
  margin-bottom: 4rem;
}

.editor_body .point, .editor_body .comment, .editor_body .item, .editor_body .nav, .editor_body .desc, .editor_body .review {
  margin-left: auto;
  margin-right: auto;
}

.editor_items {
  margin-top: 5rem;
}

.editor_items .head {
  font-size: 2rem;
  font-weight: bold;
  border-bottom: solid 1px #BDBDBD;
  padding-bottom: .8em;
  position: relative;
  line-height: 1.5;
  padding-left: 1.2em;
  margin-bottom: .8em;
}

.editor_items .head:before {
  content: '';
  position: absolute;
  width: .6em;
  height: .6em;
  background: #1A237E;
  left: 0;
  top: .35em;
}

.editor_items .meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}

.editor_items .meta p {
  font-size: 1.4rem;
  font-weight: 500;
}

.editor_items .meta i {
  color: #757575;
  font-weight: 400;
}

.editor_items .sort {
  display: flex;
  gap: 1.5em;
}

.editor_items .sort img {
  wikdth: .7em;
  margin-right: .5em;
}

.editor_items .sort .b {
  position: relative;
  padding-left: 1.5em;
}

.editor_items .sort .b:before {
  content: '';
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: solid 1px #212121;
  left: 0;
  top: .35em;
}

.editor_items li {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .editor_items li {
    flex-wrap: wrap;
    gap: 1.5rem 0;
  }
}

.editor_items li + li {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: solid 1px #E5E5E5;
}

.editor_items figure {
  width: 17.5rem;
}

@media screen and (max-width: 767px) {
  .editor_items figure {
    width: 15rem;
  }
}

.editor_items figure img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.editor_items dt {
  font-weight: 500;
  margin-bottom: .8em;
}

.editor_items dd {
  font-size: 1.4rem;
  line-height: 1.85;
}

.editor_items .btn2 {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.4rem;
}

.editor_items .btn2 a {
  display: block;
  line-height: 4.5rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .editor_items .btn2 a {
    line-height: 3.5rem;
  }
}

@media screen and (max-width: 767px) {
  .editor_items dl {
    width: calc(100% - 17rem);
  }
  .editor_items .right {
    width: 100%;
  }
  .editor_items .btn2 {
    display: flex;
    gap: 1rem;
  }
  .editor_items .btn2 > * {
    flex: 1;
  }
  .editor_items .btn_cart {
    height: 3.7rem;
  }
}

@media screen and (min-width: 768px) {
  .editor_items dl {
    padding: 1rem 0;
  }
  .editor_items .btn2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .editor_items .right {
    border-left: solid 1px #E5E5E5;
    width: 25.2rem;
    padding-left: 5.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .editor_items dl {
    width: 48rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.faq_body {
  font-weight: 500;
  margin-bottom: 10em;
}

.faq_body .ttl {
  color: #1A237E;
  font-weight: bold;
  font-size: 2.4rem;
  margin: 5rem 0 .8em;
}

@media screen and (max-width: 767px) {
  .faq_body .ttl {
    font-size: 2.1rem;
  }
}

.faq_body .menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .faq_body .menu {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}

.faq_body .menu a {
  background: #fff url(../img/arw-d03.svg) no-repeat calc(100% - 2.8rem) center/2.2rem;
  border: solid 1px #D2D2D2;
  border-radius: .4rem;
  min-height: 7.2rem;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 8rem 0 6.8rem;
}

@media screen and (max-width: 767px) {
  .faq_body .menu a {
    padding: 0 6rem 0 6rem;
    font-size: 1.4rem;
    background-position: calc(100% - 2rem) center;
  }
}

.faq_body .menu a:before {
  content: 'Q';
  background: #D8B803;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  border-radius: 50%;
  width: 2em;
  line-height: 2;
  height: 2em;
  left: 1.8rem;
  text-align: center;
  color: #fff;
}

.faq_body dt {
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  padding-left: 2em;
  margin-bottom: 1.2em;
  border-bottom: solid 1px #B3B3B3;
  padding-bottom: 2rem;
}

.faq_body dt.b {
  padding-bottom: 0;
  border: none;
}

.faq_body dt:before {
  content: 'Q';
  position: absolute;
  color: #D8B803;
  font-size: 2.4rem;
  left: 0;
  top: -.15em;
}

.faq_body dd {
  line-height: 1.7;
}

.faq_body dd + dt {
  margin-top: 6rem;
}

.faq_body dd em {
  color: #EC0E0E;
}

.faq_body dd dl {
  border: solid 1px #B3B3B3;
  border-radius: .4rem;
  background: #fff;
  padding: 2.5rem 4rem;
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .faq_body dd dl {
    padding: 2.5rem 2rem;
  }
}

.faq_body dd dl.mt {
  margin-top: 6rem;
}

.faq_body dd dt {
  padding: 0;
  font-weight: 500;
  border-bottom: solid 1px #B3B3B3;
  padding-bottom: .8em;
  margin-bottom: 1em;
}

.faq_body dd dt:before {
  content: none;
}

.faq_body dd p {
  line-height: 1.8;
}

.faq_body dd p + p {
  margin-top: 1.8em;
}

.faq_body .row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .faq_body .row {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.faq_body .top {
  text-align: right;
  margin-top: 4.3rem;
}

.faq_body .top a {
  background: url(../img/arw-u01.svg) no-repeat calc(100% - 1.3rem) center/1.8rem;
  padding-right: 6rem;
  color: #818181;
}

.faq_body .device {
  margin-top: 7rem;
}

.faq_body .device dt.b {
  padding-left: 0;
  margin-bottom: .8em;
}

.faq_body .device dt.b:before {
  content: none;
}

.faq_body .device dl {
  background: #F5F5F5;
  margin-top: 2rem;
}

.guide_body {
  font-weight: 500;
  margin-bottom: 9rem;
}

.guide_body .lead {
  line-height: 1.8;
  margin-bottom: 2rem;
}

.guide_body .ttl {
  color: #1A237E;
  font-weight: bold;
  font-size: 2.4rem;
  margin: 4.5rem 0 .8em;
}

@media screen and (max-width: 767px) {
  .guide_body .ttl {
    font-size: 2.1rem;
  }
}

.guide_body .ttl + p {
  margin: -.6em 0 .8em;
  line-height: 1.8;
}

.guide_body .menu {
  display: flex;
  gap: 1.3rem;
}

@media screen and (min-width: 768px) {
  .guide_body .menu li {
    flex: 1;
  }
}

@media screen and (max-width: 767px) {
  .guide_body .menu {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}

.guide_body .menu a {
  background: #fff url(../img/arw-d04.svg) no-repeat calc(100% - 1.8rem) center/1.7rem;
  border: solid 1px #D2D2D2;
  border-radius: .4rem;
  font-size: 1.4rem;
  height: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  padding-right: 2em;
}

.guide_body .frame {
  border: solid 1px #D2D2D2;
  border-radius: .4rem;
  background: #fff;
  padding: 3rem 4rem;
}

@media screen and (max-width: 767px) {
  .guide_body .frame {
    padding: 2.5rem 2rem;
  }
}

.guide_body .bg {
  padding: 2.5rem 5rem;
  background: #F7F7F8;
}

@media screen and (max-width: 767px) {
  .guide_body .bg {
    padding: 2.5rem 2rem;
  }
}

.guide_body dt {
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 1em;
}

.guide_body dt i {
  background: #D8B803;
  border-radius: .1rem;
  color: #fff;
  text-align: center;
  font-size: 2.2rem;
  width: 3.36em;
}

.guide_body dd + dt {
  border-top: solid 1px #D2D2D2;
  padding-top: 2.5rem;
  margin-top: 2.2rem;
}

.guide_reg {
  text-align: center;
}

.guide_reg .frame {
  background: #F2F2F2;
}

.guide_reg ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.6rem;
}

@media screen and (min-width: 768px) {
  .guide_reg ul {
    width: 99rem;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .guide_reg ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

.guide_reg li {
  background: #fff;
  border-radius: .8rem;
  height: 23rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2.5rem;
  padding-top: 2rem;
}

@media screen and (max-width: 767px) {
  .guide_reg li {
    gap: 2rem;
    height: 20rem;
  }
}

.guide_reg li img {
  width: 8.8rem;
}

.guide_reg li p {
  line-height: 1.8;
}

.guide_reg li em {
  display: block;
  color: #1A237E;
  font-weight: bold;
}

.guide_reg .catch {
  color: #1A237E;
  font-size: 2rem;
  margin-top: 2rem;
}

.guide_reg .catch i {
  font-size: 1.7em;
}

.guide_reg .catch b {
  font-weight: bold;
}

.guide_reg .catch em {
  font-size: 1.1764em;
}

.guide_point {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .guide_point ul, .guide_point .msg {
    width: 82rem;
    margin: 0 auto;
  }
}

.guide_point ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .guide_point ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.guide_point li, .guide_point .msg {
  background: #F7F7F8;
  border-radius: .4rem;
  font-size: 1.4rem;
}

.guide_point li {
  padding: 2rem 4rem 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .guide_point li {
    padding: 2.5rem 2rem;
  }
}

.guide_point li b {
  background: #1A237E;
  color: #fff;
  width: 14em;
  border-radius: .4rem;
  padding: .2em 0 .1em;
  font-weight: bold;
  font-size: 1.6rem;
}

.guide_point li p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 23.8rem;
  height: 8.9rem;
  margin: 2rem 0 1.5rem;
}

.guide_point li p span {
  width: 14rem;
  aspect-ratio: 140 / 89;
  background: url(../img/guide-point-bg01.svg) no-repeat left center/contain;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 3.2rem;
  letter-spacing: -.03em;
  padding-left: .32em;
}

.guide_point li p small {
  font-size: 1.3rem;
  position: relative;
  top: .3em;
  margin-left: .2em;
}

.guide_point li p i {
  font-size: 2.4rem;
  letter-spacing: -.03em;
  color: #1A237E;
  font-weight: 600;
}

.guide_point li p em {
  font-size: 2.33em;
  margin-right: -.05em;
}

.guide_point li .s span {
  width: 13.9rem;
  aspect-ratio: 139 / 79;
  background: url(../img/guide-point-bg02.svg) no-repeat right center/contain;
  justify-content: flex-end;
  padding-right: .6em;
}

.guide_point .msg {
  line-height: 1.8;
}

@media screen and (min-width: 768px) {
  .guide_point .msg {
    padding: 3rem 10rem;
  }
}

.guide_flow {
  font-size: 1.4rem;
}

.guide_flow .frame + .frame {
  margin-top: 2.4rem;
}

.guide_flow .flow1 li {
  background: #F7F7F8;
  border-radius: .4rem;
  padding: 2rem 3rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .guide_flow .flow1 li {
    padding: 2rem;
  }
}

.guide_flow .flow1 em {
  display: block;
  color: #1A237E;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: .5em;
}

.guide_flow .flow2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .guide_flow .flow2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.guide_flow .flow2 em {
  display: block;
  margin: 0 auto 1.2em;
  background: #1A237E;
  width: 4rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 4rem;
  color: #fff;
  font-weight: bold;
}

.guide_flow li {
  background: #F7F7F8;
  border-radius: .4rem;
  padding: 2.2rem 3rem;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .guide_flow li {
    padding: 2rem;
  }
}

.guide_flow .bg {
  background: #F7F7F8;
  border-radius: .4rem;
  padding: 2.2rem 4.5rem;
  margin-top: 2rem;
}

@media screen and (max-width: 767px) {
  .guide_flow .bg {
    padding: 2.5rem 2rem;
  }
}

.guide_flow .name {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}

.guide_flow .tel {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
}

.guide_flow .tel + p {
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
  margin-top: 1em;
}

.guide_flow .tel a, .guide_flow .tel em {
  display: inline-block;
  background: url(../img/ico-tel.svg) no-repeat left center/3.2rem;
  margin: .5em 0;
  padding-left: 1.5em;
}

@media screen and (min-width: 768px) {
  .guide_flow .tel a {
    pointer-events: none;
  }
}

.guide_flow .tel em {
  background-image: url(../img/ico-fax.svg);
}

.guide_flow .tel small {
  display: block;
  font-size: 1.6rem;
}

.guide_flow .mail p + p {
  border-top: solid 1px #D2D2D2;
  padding-top: 2rem;
  margin-top: 2rem;
}

.guide_flow .mail a {
  text-decoration: underline;
}

.guide_flow .mail em {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1em;
}

.guide_deliv p {
  background: #F7F7F8;
  border-radius: .4rem;
  line-height: 1.8;
  padding: 2.5rem 3rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .guide_deliv p {
    padding: 2.5rem 2rem;
  }
}

.guide_deliv th {
  background: #EEEEF2;
  text-align: left;
  width: 27rem;
  padding: 1em 1.5em;
}

@media screen and (max-width: 767px) {
  .guide_deliv th {
    padding: .5em 2rem;
    width: auto;
  }
}

.guide_deliv td {
  background: #F7F7F8;
  font-size: 1.4rem;
  padding: 1em 2em;
  line-height: 1.6;
  background: #F7F7F8;
  text-align: center;
  border-left: solid 1px #D1D1D1;
}

@media screen and (max-width: 767px) {
  .guide_deliv td {
    padding: 1em 2rem;
  }
}

.guide_deliv td p + p {
  margin-top: 2em;
}

.guide_deliv td figure {
  margin: .8rem 0 1rem;
}

.guide_deliv td.a {
  background: #FCF2F1;
}

.guide_deliv td.b {
  background: #E8F5F8;
}

.guide_deliv table {
  border-top: solid 1px #D1D1D1;
}

.guide_deliv tr > * {
  border-bottom: solid 1px #D1D1D1;
}

.guide_payment .frame {
  padding: 2.5rem 5rem;
}

@media screen and (max-width: 767px) {
  .guide_payment .frame {
    padding: 2.5rem 2rem;
  }
}

.guide_payment dl {
  background: #F7F7F8;
  border: solid 1px #D2D2D2;
  padding: 2.5rem 5rem 3.5rem;
}

@media screen and (max-width: 767px) {
  .guide_payment dl {
    padding: 2.5rem 2rem;
  }
}

.guide_payment dt {
  font-weight: 500;
}

.guide_payment dd {
  font-size: 1.4rem;
  line-height: 1.6;
}

.guide_payment dd:last-of-type {
  border-top: solid 1px #D2D2D2;
  padding-top: 3rem;
  margin-top: 2rem;
}

.guide_payment figure {
  margin-bottom: 2rem;
}

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