/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*!///////////////////////////////////////////*/
/*!//////////// ↓↓↓reset↓↓↓ ////////////*/
/*!///////////////////////////////////////////*/
*, *::before, *::after { box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: 0; color: #251e1c;}
a { text-decoration: none;}
ul,ol { padding-left: 0; list-style-type: none;}
dd { margin-left: 0;}
p {font-size: 14px; line-height: 1.75;}
@media screen and (min-width: 768px) { p { font-size: 16px;}}
button {border: 0;}
/*!///////////////////////////////////////////*/
/*!//////////// ↑↑↑reset↑↑↑ ////////////*/
/*!///////////////////////////////////////////*/


/*!////////////////////////////////////////////*/
/*!//////////// ↓↓↓common↓↓↓ ////////////*/
/*!////////////////////////////////////////////*/
body { font-family: "Zen Maru Gothic", sans-serif;}
@media screen and (max-width: 768px) {
  .sp-none { display: none !important;}}
@media screen and (min-width: 769px) {
  .pc-none {display: none !important;}}
.hidden { display: none !important;}
.image { display: block; width: 100%;}
.wrapper {position: relative; overflow:clip;} /* overflowは適宜hiddenに変更 */
.container {
  position: relative;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: min(calc(20vw / 3.75),20px);
  padding-right: min(calc(20vw / 3.75),20px);
}

body * { min-height: 0vw;} /* clamp用 */

a { transition: .3s; }
a * {pointer-events: none; transition: .3s;} /* サイト計測用 */

img ,svg { width: 100%; height: auto; object-fit: contain; }

/* img {　画像コピー禁止用の場合使用
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
} */

section { position: relative; }

h2 { text-align: center; }

/* 可変改行指定、<wbr>と併用 */
.WBR { word-break: keep-all; overflow-wrap: anywhere; } 

.Grid {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: 20px;
}

footer {
  position: relative;
  padding-top: 0;
}

a:hover {
  opacity: .7;
}

main.main.top-page {
  padding: 0;
}

 /* .font-sample {
      font-family: "Noto Sans JP", sans-serif;
      font-family: "Zen Maru Gothic", sans-serif;
      font-family: "Bebas Neue", sans-serif;
} */

/* .link-button {display: block; width: 100%;} */

/* background用svgの記述
svgタグ内、viewBoxと内容を変更、カラー変更は#が効かないので%23を記述→fill="%23■■■■■■"
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10 8.66.24"><path fill="%23ffffff" d="M7.44,.1l2.44,4.23-2.44,4.23H2.56L.12,4.33,2.56,.1H7.44m.06-.1H2.5L0,4.33l2.5,4.33H7.5l2.5-4.33L7.5,0h0Z"/></svg>') ;
*/
/*!////////////////////////////////////////////*/
/*!//////////// ↑↑↑common↑↑↑ ////////////*/
/*!////////////////////////////////////////////*/

:root {
  --color-pink : #eaa6a6;
  --color-green : #6bb02f;
}

body.header-ac {
  overflow: clip;
}

.bg-pink {
  background-color: var(--color-pink);
}

.font-white ,.font-white * {
  color: #fff;
}

.nav-1__container,.nav-1-list ,.nav-1-list-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-1__container {
  max-width: 1136px;
  padding-right: 0;
  padding-left: min(calc(20vw / 11.36),20px);
}
@media screen and (max-width: 768px) {
.nav-1__container {
  padding-left: 0;
}
}

.nav-1-list {
  gap: 0 min(calc(20vw / 11.36),20px);
}

.nav-1-description {
  flex: 1;
  font-size: min(calc(15vw / 11.36),15px);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
.nav-1-description {
  display: none;
}
}

.nav-1-list * {
  font-size: min(calc(13vw / 11.36),13px);
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.35;
}

@media screen and (max-width: 768px) {
.nav-1-list {
  width: 100%;
}
.nav-1-list * {
  color: #646464;
  font-size: min(calc(14vw / 3.75),14px); 
}
}

.nav-1-list-link:hover,.nav-1-list-link--login:hover * ,.nav-1-list-link--login:hover::before {
  filter: drop-shadow(0 2px 0 rgba(0,0,0,.2));
  transform: translateY(-1px);
  transition: .3s;
}

.nav-1-list-link {
  gap: 2px;
  min-height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
.nav-1-list-link {
  display: flex;
  width: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: min(calc(70vw / 3.75),70px);
  gap: min(calc(3vw / 3.75), 3px);
}
}

.nav-1-list-link--right {
  position: relative;
  width: min(calc(124.3195vw / 11.36),124.3195px);
  min-height: 40px;
}
/* .nav-1-list a.nav-1-list-link--right:hover {
  filter: drop-shadow(0 0 0 rgba(0,0,0,.0));
  transform: translateY(0);
}

.nav-1-list a.nav-1-list-link--right:hover * {
  filter: drop-shadow(0 2px 0 rgba(0,0,0,.2));
  transform: translateY(-1px);
  text-decoration: underline;
} */

.nav-1-list-link--login {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + min(calc(15vw / 11.36),15px));
  padding: 5px;
  background-color: var(--color-green);
  border-radius: 0 0 min(calc(10vw / 11.36),10px) min(calc(10vw / 11.36),10px);
}

.nav-1-list-link--login:hover {
  filter: drop-shadow(0 0 0 rgba(0,0,0,0));
  transform: translateY(0);
}



@media screen and (max-width: 768px) {
.nav-1-list-link--memb {
grid-area: 1 / 1 / 2 / 2;
}
.nav-1-list-link--pass {
 grid-area: 1 / 3 / 2 / 4;
}
.nav-1-list-link--guide {
grid-area: 1 / 2 / 2 / 3;
}
}

.nav-1-list-link::before {
  content: "";
  display: inline-block;
  width: min(calc(24.2009vw / 11.36),24.2009px);
  height: min(calc(20.48vw / 11.36),20.48px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
.nav-1-list-link::before {
  width: min(calc(90vw / 3.75),90px);
  height: min(calc(30vw / 3.75),30px);
}
}
@media screen and (max-width: 768px) and (max-height: 667px){
  .nav-1-list-link::before {
    width: min(calc(75svh / 6.67),75px);
    height: min(calc(25svh / 6.67),25px);
  }
}


.nav-1-list-link--shop::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24.2 19.17"><path fill="%23ffffff" d="M21.78,7.17c-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.19.43-.48.76-.82.94v11.06h6.43v-8.85h8.18v8.85h6.43v-11.04c-.36-.17-.66-.5-.86-.95ZM6.48,14.52h-3.19c.08-1.31-.53-4.24,1.6-4.2,2.12-.04,1.52,2.89,1.59,4.2ZM20.99,14.52h-3.19c.08-1.31-.53-4.24,1.59-4.2,2.12-.04,1.52,2.89,1.6,4.2Z"/><path fill="%23ffffff" d="M2.07,6.55H0c.32,1.6,1.82,1.4,2.07,0Z"/><path fill="%23ffffff" d="M3.8,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.58,1.17,1.04,1.17Z"/><path fill="%23ffffff" d="M6.57,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.57,1.17,1.04,1.17Z"/><path fill="%23ffffff" d="M9.33,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.58,1.17,1.04,1.17Z"/><path fill="%23ffffff" d="M12.1,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.58,1.17,1.04,1.17Z"/><path fill="%23ffffff" d="M14.87,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.57,1.17,1.04,1.17Z"/><path fill="%23ffffff" d="M17.63,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.58,1.17,1.04,1.17Z"/><path fill="%23ffffff" d="M20.4,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.57,1.17,1.04,1.17Z"/><path fill="%23ffffff" d="M23.17,6.55h-1.04c.26,1.41,1.75,1.59,2.07,0h-1.03Z"/><path fill="%23ffffff" d="M1.34,6.03h22.83c-.74-1.51-2.21-4.5-2.96-6.03H3.03C2.28,1.54.82,4.52.07,6.03h1.26Z"/></svg>') ;
}
.nav-1-list-link--pass::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17.99 18.74"><path fill="%23ffffff" d="M3.61,18.74h10.76c2,0,3.61-1.62,3.61-3.61v-5.95c0-1.67-1.13-3.05-2.67-3.47-.31-2.36-1.75-5.71-5.73-5.71h-1.21C4.42,0,2.98,3.35,2.66,5.71c-1.53.42-2.66,1.81-2.66,3.47v5.95c0,2,1.62,3.61,3.61,3.61ZM10.62,14.96h-3.25l.53-3.29c-.45-.34-.75-.87-.75-1.47,0-1.02.83-1.84,1.84-1.84s1.84.82,1.84,1.84c0,.61-.3,1.15-.77,1.49l.55,3.27ZM8.39,1.81h1.21c2.74,0,3.6,2.34,3.86,3.76H4.52c.26-1.42,1.11-3.76,3.87-3.76Z"/></svg>') ;
}
.nav-1-list-link--memb::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22.48 20.48"><path fill="%23ffffff" d="M7.04,0c5.8-.08,5.8,9.02,0,8.94C1.24,9.02,1.24-.08,7.04,0Z"/><path fill="%23ffffff" d="M8.62,10.43C.78,9.64-.4,13.61.1,20.47H.1s13.87,0,13.87,0c.33-4.01.1-10.13-5.35-10.05Z"/><polygon fill="%23ffffff" points="22.48 14.39 19.81 14.39 19.81 11.91 17.84 11.91 17.84 14.39 15.25 14.39 15.25 16.36 17.84 16.36 17.84 19.13 19.81 19.13 19.81 16.36 22.48 16.36 22.48 14.39"/></svg>') ;
}
.nav-1-list-link--guide::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.25 20.65"><path fill="%23ffffff" d="M10.13,1.5c11.45-.16,11.45,17.81,0,17.65-11.45.16-11.45-17.81,0-17.65M10.13,0c-13.5.06-13.5,20.59,0,20.65,13.5-.06,13.5-20.59,0-20.65h0Z"/><path fill="%23ffffff" d="M9.84,13.34c-1.73-.08-1.24-2.49.28-3.64,1.04-.77,1.55-1.16,1.55-1.88,0-1.08-1.09-1.22-1.68-1.22-2.46-.22-1.01,2.26-2.87,2.28-.2,0-1.02-.03-1.02-.88.14-5.83,12.42-2.63,5.76,2.59-1.74.84-.23,2.45-2.02,2.75ZM10.98,15.56c.02,1.52-2.37,1.52-2.35,0-.02-1.53,2.37-1.53,2.35,0Z"/></svg>') ;
}
.nav-1-list-link--mail::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22.49 17.09"><polygon fill="%23eaa6a6" points="1.69 3.76 1.69 14.47 7.04 9.11 1.69 3.76"/><polygon fill="%23eaa6a6" points="20.49 1.69 2 1.69 11.25 10.93 20.49 1.69"/><path fill="%23eaa6a6" d="M12.18,12.38c-.25.25-.58.39-.94.39s-.69-.14-.94-.39l-2.07-2.07-5.09,5.09h16.21l-5.09-5.09-2.07,2.07Z"/><polygon fill="%23eaa6a6" points="20.81 14.47 20.81 3.76 15.45 9.11 20.81 14.47"/><path fill="%23ffffff" d="M21.17,0H1.32C.59,0,0,.59,0,1.32v14.44c0,.73.59,1.32,1.32,1.32h19.85c.73,0,1.32-.59,1.32-1.32V1.32c0-.73-.59-1.32-1.32-1.32ZM20.49,1.69l-9.24,9.24L2,1.69h18.48ZM1.69,3.76l5.36,5.36L1.69,14.47V3.76ZM3.14,15.4l5.09-5.09,2.07,2.07c.25.25.58.39.94.39s.69-.14.94-.39l2.07-2.07,5.09,5.09H3.14ZM20.81,14.47l-5.36-5.36,5.36-5.36v10.71Z"/></svg>') ;
}
.nav-1-list-link--login::before {
  width: min(calc(21.4622vw / 14),21.4622px);
  height: min(calc(23.3604vw / 14),23.3604px);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21.46 23.36"><polygon fill="%23ffffff" points="7.06 21.29 19.4 21.29 19.4 2.07 7.06 2.07 7.06 8.24 4.99 8.24 4.99 0 21.46 0 21.46 23.36 4.99 23.36 4.99 15.13 7.06 15.13 7.06 21.29"/><polygon fill="%23ffffff" points="12.09 8.11 9.11 8.11 10.72 10.19 0 10.19 0 13.17 10.72 13.17 9.11 15.25 12.09 15.25 14.85 11.68 12.09 8.11"/></svg>') ;
}
@media screen and (max-width: 768px) {
.nav-1-list-link--shop::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24.2 19.17"><path fill="%23646464" d="M21.78,7.17c-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.56,1.42-2.2,1.42-2.77,0-.19.43-.48.76-.82.94v11.06h6.43v-8.85h8.18v8.85h6.43v-11.04c-.36-.17-.66-.5-.86-.95ZM6.48,14.52h-3.19c.08-1.31-.53-4.24,1.6-4.2,2.12-.04,1.52,2.89,1.59,4.2ZM20.99,14.52h-3.19c.08-1.31-.53-4.24,1.59-4.2,2.12-.04,1.52,2.89,1.6,4.2Z"/><path fill="%23646464" d="M2.07,6.55H0c.32,1.6,1.82,1.4,2.07,0Z"/><path fill="%23646464" d="M3.8,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.58,1.17,1.04,1.17Z"/><path fill="%23646464" d="M6.57,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.57,1.17,1.04,1.17Z"/><path fill="%23646464" d="M9.33,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.58,1.17,1.04,1.17Z"/><path fill="%23646464" d="M12.1,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.58,1.17,1.04,1.17Z"/><path fill="%23646464" d="M14.87,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.57,1.17,1.04,1.17Z"/><path fill="%23646464" d="M17.63,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.58,1.17,1.04,1.17Z"/><path fill="%23646464" d="M20.4,7.73c.46,0,.87-.49,1.04-1.17h-2.07c.17.68.57,1.17,1.04,1.17Z"/><path fill="%23646464" d="M23.17,6.55h-1.04c.26,1.41,1.75,1.59,2.07,0h-1.03Z"/><path fill="%23646464" d="M1.34,6.03h22.83c-.74-1.51-2.21-4.5-2.96-6.03H3.03C2.28,1.54.82,4.52.07,6.03h1.26Z"/></svg>') ;
}
.nav-1-list-link--pass::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17.99 18.74"><path fill="%23646464" d="M3.61,18.74h10.76c2,0,3.61-1.62,3.61-3.61v-5.95c0-1.67-1.13-3.05-2.67-3.47-.31-2.36-1.75-5.71-5.73-5.71h-1.21C4.42,0,2.98,3.35,2.66,5.71c-1.53.42-2.66,1.81-2.66,3.47v5.95c0,2,1.62,3.61,3.61,3.61ZM10.62,14.96h-3.25l.53-3.29c-.45-.34-.75-.87-.75-1.47,0-1.02.83-1.84,1.84-1.84s1.84.82,1.84,1.84c0,.61-.3,1.15-.77,1.49l.55,3.27ZM8.39,1.81h1.21c2.74,0,3.6,2.34,3.86,3.76H4.52c.26-1.42,1.11-3.76,3.87-3.76Z"/></svg>') ;
}
.nav-1-list-link--memb::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22.48 20.48"><path fill="%23646464" d="M7.04,0c5.8-.08,5.8,9.02,0,8.94C1.24,9.02,1.24-.08,7.04,0Z"/><path fill="%23646464" d="M8.62,10.43C.78,9.64-.4,13.61.1,20.47H.1s13.87,0,13.87,0c.33-4.01.1-10.13-5.35-10.05Z"/><polygon fill="%23646464" points="22.48 14.39 19.81 14.39 19.81 11.91 17.84 11.91 17.84 14.39 15.25 14.39 15.25 16.36 17.84 16.36 17.84 19.13 19.81 19.13 19.81 16.36 22.48 16.36 22.48 14.39"/></svg>') ;
}
.nav-1-list-link--guide::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.25 20.65"><path fill="%23646464" d="M10.13,1.5c11.45-.16,11.45,17.81,0,17.65-11.45.16-11.45-17.81,0-17.65M10.13,0c-13.5.06-13.5,20.59,0,20.65,13.5-.06,13.5-20.59,0-20.65h0Z"/><path fill="%23646464" d="M9.84,13.34c-1.73-.08-1.24-2.49.28-3.64,1.04-.77,1.55-1.16,1.55-1.88,0-1.08-1.09-1.22-1.68-1.22-2.46-.22-1.01,2.26-2.87,2.28-.2,0-1.02-.03-1.02-.88.14-5.83,12.42-2.63,5.76,2.59-1.74.84-.23,2.45-2.02,2.75ZM10.98,15.56c.02,1.52-2.37,1.52-2.35,0-.02-1.53,2.37-1.53,2.35,0Z"/></svg>') ;
}
.nav-1-list-link--mail::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22.49 17.09"><polygon fill="transparent" points="1.69 3.76 1.69 14.47 7.04 9.11 1.69 3.76"/><polygon fill="transparent" points="20.49 1.69 2 1.69 11.25 10.93 20.49 1.69"/><path fill="transparent" d="M12.18,12.38c-.25.25-.58.39-.94.39s-.69-.14-.94-.39l-2.07-2.07-5.09,5.09h16.21l-5.09-5.09-2.07,2.07Z"/><polygon fill="transparent" points="20.81 14.47 20.81 3.76 15.45 9.11 20.81 14.47"/><path fill="%23646464" d="M21.17,0H1.32C.59,0,0,.59,0,1.32v14.44c0,.73.59,1.32,1.32,1.32h19.85c.73,0,1.32-.59,1.32-1.32V1.32c0-.73-.59-1.32-1.32-1.32ZM20.49,1.69l-9.24,9.24L2,1.69h18.48ZM1.69,3.76l5.36,5.36L1.69,14.47V3.76ZM3.14,15.4l5.09-5.09,2.07,2.07c.25.25.58.39.94.39s.69-.14.94-.39l2.07-2.07,5.09,5.09H3.14ZM20.81,14.47l-5.36-5.36,5.36-5.36v10.71Z"/></svg>') ;
}
.nav-1-list-link--login::before {
  width: min(calc(21.4622vw / 14),21.4622px);
  height: min(calc(23.3604vw / 14),23.3604px);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21.46 23.36"><polygon fill="%23646464" points="7.06 21.29 19.4 21.29 19.4 2.07 7.06 2.07 7.06 8.24 4.99 8.24 4.99 0 21.46 0 21.46 23.36 4.99 23.36 4.99 15.13 7.06 15.13 7.06 21.29"/><polygon fill="%23646464" points="12.09 8.11 9.11 8.11 10.72 10.19 0 10.19 0 13.17 10.72 13.17 9.11 15.25 12.09 15.25 14.85 11.68 12.09 8.11"/></svg>') ;
}
.nav-1-list-link--insta::before {
  background-image: url(../img/instagram.png) ;
}
}

.slider-deco1 {
  z-index: 100;
  position: absolute;
  top: 275px;
  left: 50%;
  transform: translateX(calc(-50% + min(calc(548.2202vw / 10.8), 548.2202px)));
  width: min(calc(117.4131vw / 10),117.4131px);
  height: min(calc(115.3252vw / 10),115.3252px);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 117.41 115.33"><path fill="%23e1ebcd" d="M114.52,40.78H2.89c-.31.95-.59,1.9-.85,2.87h113.33c-.26-.97-.55-1.92-.85-2.87Z"/><path fill="%23e1ebcd" d="M56.96,26.44H9.79c-.62.94-1.21,1.89-1.77,2.87h101.37c-.57-.97-1.15-1.93-1.77-2.87h-50.66Z"/><path fill="%23e1ebcd" d="M56.96,12.11H23.14c-1.19.91-2.34,1.87-3.45,2.87h78.04c-1.11-1-2.26-1.96-3.45-2.87h-37.31Z"/><path fill="%23e1ebcd" d="M50.11.64h17.19c-2.81-.41-5.67-.64-8.59-.64s-5.79.22-8.59.64Z"/><path fill="%23e1ebcd" d="M56.96,33.61H5.74c-.45.94-.87,1.9-1.27,2.87h108.48c-.4-.97-.82-1.93-1.27-2.87h-54.71Z"/><path fill="%23e1ebcd" d="M56.96,19.27H15.35c-.84.93-1.65,1.89-2.43,2.87h91.56c-.78-.98-1.59-1.94-2.43-2.87h-45.1Z"/><path fill="%23e1ebcd" d="M56.96,4.94h-21.74c-1.94.85-3.82,1.81-5.64,2.87h58.26c-1.82-1.05-3.71-2.01-5.64-2.87h-25.23Z"/><path fill="%23e1ebcd" d="M84.5,112.46h-51.59c2.23,1.1,4.54,2.05,6.92,2.87h37.76c2.38-.81,4.69-1.77,6.92-2.87Z"/><path fill="%23e1ebcd" d="M56.96,98.12H14.42c.85.98,1.72,1.94,2.63,2.87h83.32c.91-.92,1.78-1.89,2.63-2.87h-46.03Z"/><path fill="%23e1ebcd" d="M56.96,83.79H5.25c.44.97.9,1.93,1.39,2.87h104.13c.49-.94.95-1.9,1.39-2.87h-55.19Z"/><path fill="%23e1ebcd" d="M56.96,69.45H.86c.17.96.36,1.92.57,2.87h114.57c.21-.95.4-1.9.57-2.87h-59.59Z"/><path fill="%23e1ebcd" d="M56.96,55.11H.13c-.06.95-.11,1.91-.13,2.87h117.41c-.02-.96-.06-1.92-.13-2.87h-60.32Z"/><path fill="%23e1ebcd" d="M56.96,105.29H21.78c1.23,1.01,2.5,1.96,3.81,2.87h66.23c1.31-.9,2.58-1.86,3.81-2.87h-38.67Z"/><path fill="%23e1ebcd" d="M56.96,90.95H9.11c.61.98,1.26,1.93,1.92,2.87h95.34c.67-.94,1.31-1.89,1.92-2.87h-51.34Z"/><path fill="%23e1ebcd" d="M56.96,76.62H2.54c.29.97.61,1.92.95,2.87h110.43c.34-.94.66-1.9.95-2.87h-57.9Z"/><path fill="%23e1ebcd" d="M56.96,62.28H.04c.05.96.12,1.92.22,2.87h116.89c.09-.95.17-1.9.22-2.87h-60.4Z"/><path fill="%23e1ebcd" d="M56.96,47.95H1.05c-.18.95-.34,1.9-.48,2.87h55.9s.5,0,.5,0h59.88c-.14-.96-.3-1.92-.48-2.87h-59.4Z"/></svg>') ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  opacity: 0;
  transition: .3s;
}
.page-top .slider-deco1 {
  opacity: 1;
}

.splide--1 {
  background-image: url(../img/slider_top_bg1.webp);
  background-repeat: no-repeat;
  background-size: min(100% , 1400px);
  background-position: center;
}
@media screen and (max-width: 768px) {
  .splide--1 {
    background-image: url(../img/slider_top_bg1_sp.png);
    background-size: min(calc(500vw / 3.75) , 500px);
    background-position: center top;
  }
}

.splide--1 .splide__track {
  padding: clamp(min(calc(20vw / 3.75),20px),calc(55vw / 14),55px) 0 55px;
}
.splide--2 .splide__track {
  padding: clamp(min(calc(20vw / 3.75),20px),calc(55vw / 14),55px) 0 clamp(min(calc(70vw / 3.75),70px),calc(85vw / 14),85px);
}

/* @media screen and (max-width: 768px) {
.splide--2 .splide__list {
  justify-content: center;
}
} */

.splide--1 .splide__slide {
  position: relative;
  width: clamp(min(calc(350.4352vw / 3.75),350.4352px),calc(844.4515vw / 14),844.4515px); 
  height: auto;
  aspect-ratio: 844.4515 / 460.7319;
  margin: 0 auto;
}
.splide--2 .splide__slide {
  width: clamp(min(calc(352vw / 3.75),352px),calc(540vw / 14),540px); 
  aspect-ratio: auto;
  background-image: url(../img/topics_slider_bg.webp);
  background-size: 100px auto;
  padding: clamp(min(calc(23vw / 3.75),23px),calc(40vw / 14),40px) clamp(min(calc(20vw / 3.75),20px),calc(33vw / 14),33px);
  border-radius: 30px;
}

.splide__slide a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.splide--2 .splide__slide a {
  background-color: #fff;
}
.splide--1 .splide__slide a:hover {
  opacity: 1;
}

.splide--1 .splide__slide a::before ,.splide--1 .splide__slide a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 100%;
  height: 100%;
  transition: .3s;
}

.splide--1 .splide__slide a::before {
  top: clamp(min(calc(4vw / 3.75),4px),calc(15vw / 14),15px);
  left: 2.5px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 844.45 460.73"><path fill="%23e1ebcd" d="M830.97,368.28c-9.2,54.23-61.63,95.72-116.52,92.21l-191.23-12.23c-54.89-3.51-144.71-3.53-199.59-.04l-193.63,12.31c-54.89,3.49-107.29-38.03-116.45-92.26l-6.7-39.65c-9.16-54.23-9.14-142.97.05-197.2l6.6-38.96C22.69,38.23,75.11-3.28,130,.2l193.63,12.31c54.89,3.49,144.71,3.47,199.59-.04L714.45.24c54.89-3.51,107.28,37.99,116.42,92.22l6.74,39.98c9.15,54.23,9.1,142.97-.1,197.2l-6.55,38.63Z"/></svg>');
}
.splide--1 .splide__slide a:hover::before {
   top: calc(0% - clamp(min(calc(2vw / 3.75),2px),calc(5vw / 14),5px));
  left: -2.5px;
}
.splide--1 .splide__slide a::after {
  bottom: calc(100% + clamp(min(calc(4vw / 3.75),4px),calc(15vw / 14),15px));
  left: -2.5px;
  transform: translate(0,100%);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 844.45 460.73"><path fill="%23eaa6a6" d="M324.58,14.51c15.84,1.01,35.47,1.76,56.79,2.19l.04-2c-21.28-.43-40.89-1.18-56.7-2.19L131.08.21C75.56-3.32,22.82,38.43,13.53,93.29l-6.6,38.96c-9.22,54.46-9.25,143.07-.05,197.53l6.7,39.65c5.21,30.85,24.29,58.58,52.36,76.08l1.06-1.7c-27.58-17.2-46.33-44.43-51.44-74.72l-6.7-39.65c-9.17-54.28-9.14-142.59.05-196.87l6.6-38.96C24.63,39.75,76.42-1.26,130.95,2.2l193.63,12.31Z"/><path fill="%23eaa6a6" d="M80.8,453.37c5.47,2.4,11.14,4.38,16.84,5.87l.51-1.94c-5.6-1.46-11.17-3.4-16.54-5.76l-.8,1.83Z"/><path fill="%23eaa6a6" d="M324.58,448.22l-193.63,12.31.13,2,193.63-12.31c54.99-3.5,144.47-3.48,199.47.04l141.85,9.07.13-2-141.85-9.07c-55.06-3.52-144.66-3.54-199.72-.04Z"/><path fill="%23eaa6a6" d="M715.53,460.49l-22.18-1.42-.13,2,22.18,1.42c2.17.14,4.33.21,6.49.21,45.29,0,89-30.01,105.63-73.38l-1.87-.72c-17.11,44.65-63.43,74.88-110.13,71.89Z"/><path fill="%23eaa6a6" d="M839.62,133.29l-6.74-39.98C823.63,38.44,770.93-3.31,715.4.25l-191.23,12.23c-15.16.97-33.1,1.69-53.33,2.14l.04,2c20.25-.45,38.22-1.17,53.41-2.14l191.23-12.23c54.53-3.49,106.29,37.51,115.38,91.39l6.74,39.98c9.15,54.28,9.11,142.6-.09,196.87l-6.55,38.63,1.97.33,6.55-38.63c9.24-54.45,9.28-143.07.1-197.53Z"/></svg>');
}
.splide--1 .splide__slide a:hover::after {
  bottom: calc(100% - 5px);
  left: 2.5px;
}


.splide .splide__slide a img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.splide--1 .splide__slide a img {
  position: relative;
  height: 100%;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 844.45 460.73"><path fill="%23ffffff" d="M830.97,368.28c-9.2,54.23-61.63,95.72-116.52,92.21l-191.23-12.23c-54.89-3.51-144.71-3.53-199.59-.04l-193.63,12.31c-54.89,3.49-107.29-38.03-116.45-92.26l-6.7-39.65c-9.16-54.23-9.14-142.97.05-197.2l6.6-38.96C22.69,38.23,75.11-3.28,130,.2l193.63,12.31c54.89,3.49,144.71,3.47,199.59-.04L714.45.24c54.89-3.51,107.28,37.99,116.42,92.22l6.74,39.98c9.15,54.23,9.1,142.97-.1,197.2l-6.55,38.63Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transform-origin: center;
}  
.splide--2 .splide__slide a img {
  aspect-ratio: 469.3324 / 340.8427;
 }
 .splide--1 .splide__slide a:hover img {
  transform: scale(.995);
}
.splide--2 .splide__slide a:hover img {
  opacity: .7;
  transform: scale(.99);
}


.topics-slide-text {
  background-color: rgba(238, 238, 238, 0.8);
  position: absolute;
  left: 0;
  bottom: 0;
  min-height: clamp(min(calc(50vw / 3.75),50px),calc(120vw / 14),120px);
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  gap: clamp(4px,calc(8vw / 14),8px);
}

.topics-slide-text-title {
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 14),16px);
  letter-spacing: 0.1rem;
  font-weight: 700;
  line-height: 1.45;
}

.topics-slide-text-description {
  font-family: 'Noto Sans JP';
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(14vw / 14),14px);
  font-weight: 400;
  line-height: 1.45;
}

.splide__arrow {
  opacity: 1;
  transition: .3s;
}

.splide--1 .splide__arrow {
  width: clamp(min(calc(30vw / 3.75),30px),calc(58.7147vw / 14),58.7147px);
  height: clamp(min(calc(30vw / 3.75),30px),calc(58.7147vw / 14),58.7147px);
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%23ffffff" d="M23.88,6.12c-.74-2.14-2.78-3.68-5.17-3.68h0c-1.43,0-2.73.55-3.71,1.45-.98-.9-2.28-1.45-3.71-1.45-2.39,0-4.43,1.54-5.17,3.68-2.14.74-3.68,2.78-3.68,5.17,0,1.43.55,2.73,1.45,3.71-.9.98-1.45,2.28-1.45,3.71,0,2.39,1.54,4.43,3.68,5.17.74,2.14,2.78,3.68,5.17,3.68,1.43,0,2.73-.55,3.71-1.45.98.9,2.28,1.45,3.71,1.45,2.39,0,4.43-1.54,5.17-3.68,2.14-.74,3.68-2.78,3.68-5.17,0-1.43-.55-2.73-1.45-3.71.9-.98,1.45-2.28,1.45-3.71,0-2.39-1.54-4.43-3.68-5.17ZM18.98,15.6l-4.72,3.32c-.41.29-.75.12-.75-.39v-6.92c0-.51.34-.68.75-.39l4.72,3.32c.41.29.41.77,0,1.06Z"/><path fill="%236bb02f" d="M16.72,0h-3.43C5.95,0,0,5.95,0,13.28v3.43c0,7.34,5.95,13.28,13.28,13.28h3.43c7.34,0,13.28-5.95,13.28-13.28v-3.43c0-7.34-5.95-13.28-13.28-13.28ZM27.56,18.71c0,2.39-1.54,4.43-3.68,5.17-.74,2.14-2.78,3.68-5.17,3.68-1.43,0-2.73-.55-3.71-1.45-.98.9-2.28,1.45-3.71,1.45-2.39,0-4.43-1.54-5.17-3.68-2.14-.74-3.68-2.78-3.68-5.17,0-1.43.55-2.73,1.45-3.71-.9-.98-1.45-2.28-1.45-3.71,0-2.39,1.54-4.43,3.68-5.17.74-2.14,2.78-3.68,5.17-3.68,1.43,0,2.73.55,3.71,1.45.98-.9,2.28-1.45,3.71-1.45h0c2.39,0,4.43,1.54,5.17,3.68,2.14.74,3.68,2.78,3.68,5.17,0,1.43-.55,2.73-1.45,3.71.9.98,1.45,2.28,1.45,3.71Z"/><path fill="%236bb02f" d="M14.26,11.22c-.41-.29-.75-.12-.75.39v6.92c0,.51.34.68.75.39l4.72-3.32c.41-.29.41-.77,0-1.06l-4.72-3.32Z"/></svg>') ;

}
.splide--2 .splide__arrow {
  width: clamp(min(calc(40.8796vw / 3.75),40.8796px),calc(60.1147vw / 14),60.1147px);
  height: clamp(min(calc(40.8796vw / 3.75),40.8796px),calc(60.1147vw / 14),60.1147px);
  background-image: 
  url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 60.11 60.11"><g><path fill="%23ffffff" d="M30.06,59.38c-5.09,0-9.87-1.98-13.47-5.58l-10.27-10.27c-7.43-7.43-7.43-19.51,0-26.94l10.27-10.27C20.18,2.72,24.97.74,30.06.74s9.87,1.98,13.47,5.58l10.27,10.27c3.6,3.6,5.58,8.38,5.58,13.47s-1.98,9.87-5.58,13.47l-10.27,10.27c-3.6,3.6-8.38,5.58-13.47,5.58Z"/><path fill="%23eaa6a6" d="M30.06,1.48c4.89,0,9.49,1.9,12.95,5.36l10.27,10.27c3.46,3.46,5.36,8.06,5.36,12.95s-1.9,9.49-5.36,12.95l-10.27,10.27c-3.46,3.46-8.06,5.36-12.95,5.36s-9.49-1.9-12.95-5.36l-10.27-10.27C-.3,35.87-.3,24.25,6.84,17.11l10.27-10.27c3.46-3.46,8.06-5.36,12.95-5.36M30.06,0c-5.06,0-10.13,1.93-13.99,5.8l-10.27,10.27c-7.73,7.73-7.73,20.26,0,27.98l10.27,10.27c3.86,3.86,8.93,5.8,13.99,5.8s10.13-1.93,13.99-5.8l10.27-10.27c7.73-7.73,7.73-20.26,0-27.98l-10.27-10.27c-3.86-3.86-8.93-5.8-13.99-5.8h0Z"/></g><polygon fill="%23eaa6a6" points="27.83 38.59 37 30.83 27.83 23.07 27.83 38.59"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  filter: drop-shadow(min(calc(4vw / 14),4px) min(calc(4vw / 14),4px) 0 rgba(234,166,166,.4));
}
.splide--2 .splide__arrow:hover {
  filter: drop-shadow(0 0 0 rgba(234,166,166,.4));
}
@media screen and (max-width: 768px) {
  .splide--2 .splide__arrow {
    background-image: 
    url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40.88 40.88"><polygon fill="%23ffffff" points="11.36 27.09 19.63 20.09 11.36 13.08 11.36 27.09"/></svg>');
    filter: inherit;
    border-radius: 50%;
    background-color: var(--color-pink);
  }
}

.splide__arrow--prev {
  right: auto; left: 50%;
}
.splide__arrow--next {
  left: auto; right: 50%;
}

.splide--1 .splide__arrow--prev {
  transform: translate(calc(0% - clamp(min(calc(173vw / 3.75),173px),calc(461vw / 14),461px)),-50%) rotate(180deg);
}
.splide--1 .splide__arrow--next {
  transform: translate(clamp(min(calc(173vw / 3.75),173px),calc(461vw / 14),461px),-50%);
}
.splide--1 .splide__arrow--prev:hover {
  transform: translate(calc(0% - clamp(min(calc(173vw / 3.75),173px),calc(461vw / 14),461px)),-50%) rotate(180deg) scale(1.1);
}
.splide--1 .splide__arrow--next:hover {
  transform: translate(clamp(min(calc(173vw / 3.75),173px),calc(461vw / 14),461px),-50%) scale(1.1);
}
@media screen and (max-width: 768px) {
.splide--1 .splide__arrow--prev {
  transform: translate(calc(0% - clamp(min(calc(173vw / 3.75),173px),calc(461vw / 14),461px)),calc(-50% - 13.75px)) rotate(180deg);
}
.splide--1 .splide__arrow--next {
  transform: translate(clamp(min(calc(173vw / 3.75),173px),calc(461vw / 14),461px),calc(-50% - 13.75px));
}
.splide--1 .splide__arrow--prev:hover {
  transform: translate(calc(0% - clamp(min(calc(173vw / 3.75),173px),calc(461vw / 14),461px)),calc(-50% - 13.75px)) rotate(180deg) scale(1.1);
}
.splide--1 .splide__arrow--next:hover {
  transform: translate(clamp(min(calc(173vw / 3.75),173px),calc(461vw / 14),461px),calc(-50% - 13.75px)) scale(1.1);
}
}

.splide--2 .splide__arrow--prev {
  transform: translate(calc(0% - clamp(min(calc(415vw / 7.68),330px),calc(590vw / 14),590px)),-50%) rotate(180deg);
}
.splide--2 .splide__arrow--next {
  transform: translate(clamp(min(calc(415vw / 7.68),330px),calc(590vw / 14),590px),-50%);
}
.splide--2 .splide__arrow--prev:hover {
  transform: translate(calc(0% - clamp(min(calc(415vw / 7.68),330px),calc(590vw / 14),590px)),-50%) rotate(180deg) scale(1.1);
}
.splide--2 .splide__arrow--next:hover {
  transform: translate(clamp(min(calc(415vw / 7.68),330px),calc(590vw / 14),590px),-50%) scale(1.1);
}
@media screen and (max-width: 768px) {
.splide--2 .splide__arrow--prev {
  transform: translate(calc(0% - clamp(min(calc(415vw / 7.68),330px),calc(590vw / 14),590px)),calc(-50% - 13.75px)) rotate(180deg);
}
.splide--2 .splide__arrow--next {
  transform: translate(clamp(min(calc(415vw / 7.68),330px),calc(590vw / 14),590px),calc(-50% - 13.75px));
}
.splide--2 .splide__arrow--prev:hover {
  transform: translate(calc(0% - clamp(min(calc(415vw / 7.68),330px),calc(590vw / 14),590px)),calc(-50% - 13.75px)) rotate(180deg) scale(1.1);
}
.splide--2 .splide__arrow--next:hover {
  transform: translate(clamp(min(calc(415vw / 7.68),330px),calc(590vw / 14),590px),calc(-50% - 13.75px)) scale(1.1);
}
}

.splide__arrow svg {
  display: none;
}

.splide--1 .splide__pagination {
  bottom: 22.5px;
}
.splide--2 .splide__pagination {
  bottom: min(calc(40vw / 3.75),40px);
}

.splide__pagination {
  gap: 15px;
}

.splide__pagination__page {
  background: var(--color-pink);
  opacity: .4;
  width: 9px;
  height: 9px;
  margin: 0;
}

.splide__pagination__page.is-active {
  background: var(--color-pink);
  transform: scale(1);
  opacity: 1;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bg span,.bg-plaid-pattern span,.bg-plaid-pattern span::before ,.bg-green--light span::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.bg-plaid-pattern span {
  background-image: url(../img/bg_plaid_pattern.webp);
  background-size: 270px;
}
.bg-plaid-pattern span::before {
  mix-blend-mode: multiply;
  opacity: .4;
}
.bg-plaid-pattern--pink span::before {
  background-color: var(--color-pink);
}
.bg-green span {
  background-image: url(../img/bg_green.webp);
  background-size: 100px;
}
.bg-green--light span {
  opacity: .5;
}
.bg-green--light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  width: 100%;
  height: 100%;
  max-width: min(calc(100% - 40px),1000px);
  margin-inline: auto;
  background-image: url(../img/bg_illust_momotaro.webp);
  background-size: auto min(calc(150vw / 3.75),150px);
  background-repeat: no-repeat;
  background-position: right bottom;
  mix-blend-mode: multiply;
  pointer-events: none;
}
@media screen and (max-width: 700px) {
.bg-green--light::after {
  background-image: url(../img/bg_illust_momotaro_sp.webp);
  background-position: center bottom;
}
}

.bg-curve {
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 958.22 150"><path d="M836.43,30.48c-30.31,15.18-58.94,29.52-117.76,29.52s-87.45-14.34-117.76-29.52c-29.91-14.98-60.84-30.48-121.79-30.48s-91.88,15.49-121.79,30.48c-30.31,15.18-58.94,29.52-117.76,29.52s-87.45-14.34-117.76-29.52C91.88,15.49,60.95,0,0,0v150h958.22V0c-60.95,0-91.88,15.49-121.79,30.48Z"/></svg>'),url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1437.33 150"><path d="M1197.78,0c-60.95,0-91.88,15.49-121.79,30.48-30.31,15.18-58.94,29.52-117.76,29.52s-87.45-14.34-117.76-29.52c-29.91-14.98-60.84-30.48-121.79-30.48s-91.88,15.49-121.79,30.48c-30.31,15.18-58.94,29.52-117.76,29.52s-87.45-14.34-117.76-29.52C331.44,15.49,300.51,0,239.56,0s-91.88,15.49-121.79,30.48C87.45,45.66,58.83,60,0,60v90h1437.33V60c-58.83,0-87.45-14.34-117.76-29.52-29.91-14.98-60.84-30.48-121.79-30.48Z"/></svg>'),linear-gradient(#000,#000) ;
  mask-position: center top, center top, center bottom;
  mask-size: 
        auto clamp(min(calc(40.4074vw / 3.75),40.4074px),calc(150vw / 14),150px),
        auto clamp(min(calc(40.4074vw / 3.75),40.4074px),calc(150vw / 14),150px),
        100% calc(100% - clamp(min(calc(40vw / 3.75),40px),calc(100vw / 14),100px));
  mask-repeat: repeat-x;
  mask-composite: add,add;
}

.common-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,clamp(min(calc(150vw / 3.75),150px),calc(219.3368vw / 10),219px));
  justify-content: center;
  place-items: center;
  text-align: center;
  gap: clamp(min(calc(20vw / 3.75),20px),calc(30vw / 10),30px) clamp(min(calc(20vw / 3.75),20px),calc(35vw / 10),35px);
}
.common-list--3col {
  grid-template-columns: repeat(auto-fit,clamp(min(calc(150vw / 3.75),150px),calc(295.4939vw / 10),295px));
  gap: clamp(min(calc(20vw / 3.75),20px),calc(60vw / 10),60px) clamp(min(calc(20vw / 3.75),20px),calc(55vw / 10),55px);
}
.common-list--ranking {
   gap: 0 clamp(min(calc(20vw / 3.75),20px),calc(55vw / 10),55px);
}
@media screen and (max-width: 768px) {
.common-list,.common-list--3col {
  gap: min(calc(15vw / 3.75),20px);
}
}

.common-list-item {
  width:100%;
}

.new-item__common-list {
  align-items: flex-start;
}

.common-list * {
  font-family: "Noto sans JP";
}

.common-list-img {
  background-color: #fff;
}
.new-item .common-list-img {
  background-color: transparent;
}

.common-list-img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.1628 / 1;
  object-fit: cover;
  object-position: center;
} 
@media screen and (max-width: 768px) {
.common-list-img img {
  /* aspect-ratio: 1.9 / 1; */
  aspect-ratio: 1;
} 
}

.common-list-img--line-gray {
  border: clamp(0.1px,calc(0.6vw / 28),1px) solid #231815;
}
.common-list-img--line-pinkdot {
  padding: 5px;
  border: 1px dashed var(--color-pink);
  border-radius: 5px;
}
.common-list-img--line-greendot {
  padding: clamp(3px,calc(5vw / 10),5px);
  border: 1px dashed var(--color-green);
  border-radius: 5px;
}

.category {
  padding-top: clamp(30px,calc(55vw / 10),55px);
}

.category-map {
  position: relative;
  padding-bottom: min(calc(270vw / 3.75),270px);
  /* padding-bottom: min(calc(245vw / 10),245px); */
  background-image: url(../img/map_okayama.webp);
  background-size: clamp(min(calc(1000.8276vw / 3.75),1000.8276px),calc(964.0243vw / 14),964.0243px);
  background-repeat: no-repeat;
  background-position: calc(50% + clamp(min(calc(630vw / 10), 630px), calc(650vw / 14), 650px)) calc(150% - clamp(min(calc(15vw / 3.75), 15px), calc(110vw / 14), 110px));
}
@media screen and (max-width: 768px) {
.category-map {
  background-position: calc(50% + min(calc(275vw / 3.75), 275px)) calc(100% + min(calc(115vw / 3.75), 115px));
}
}


.category__common-list {
  grid-template-columns: repeat(3,1fr);
  background-color: transparent;
  margin-inline: auto;
  max-width: 851px;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
.category__common-list {
  grid-template-columns: repeat(2,1fr);
  max-width: 500px;
}
}

/* .category__common-list-img {

} */

.category__common-list a {
  width: 100%;
  height: 100%;
}

.category__common-list-img {
    max-width: 225px;
    max-height: 225px;
    width: 90%;
    margin-inline: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    padding: 5px;
    border: 1px dashed var(--color-green);
    overflow: clip;
}

.category__common-list a img {
  object-fit: cover;
  object-position: center right;
  width: 100%;
  height: auto;
  border-radius: 50%;
  aspect-ratio: 1;
}

.category__common-list a p {
  font-size: clamp(min(calc(15vw / 3.75),15px),calc(25vw / 10),25px);
  font-weight: 400;
}

.news-list {
  max-width: 700px;
  margin-inline: auto;
  padding-bottom: clamp(35px,calc(60vw / 10),60px);
  display: flex;
  flex-direction: column;
  gap: clamp(min(calc(20vw / 3.75),20px),calc(30vw / 10),30px) 0;
}

.news-item {
  padding: 0 clamp(min(calc(15vw / 3.75),15px),calc(20vw / 10),20px) clamp(min(calc(20vw / 3.75),20px),calc(30vw / 10),30px);
  border-bottom: 1px dotted var(--color-pink);
}

.news-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: min(calc(10vw / 3.75),10px) 40px;
}

.news-link * {
  font-family: 'Noto Sans JP';
}

.news-date {
  flex-shrink: 0;
  font-weight: 700;
  color: var(--color-pink);
  font-size: clamp(min(calc(15vw / 3.75),15px),calc(16vw / 10),16px);
}
.news-link:hover .news-date {
  text-decoration: underline;
}

.news-title {
  min-width: clamp(min(calc(200vw / 3.75),200px),calc(400vw / 7.68),400px);
  flex: 1;
  font-size: clamp(min(calc(15vw / 3.75),15px),calc(17vw / 10),17px);
  font-weight: 500;
}
.news-link:hover .news-title {
  text-decoration: underline;
}

.moreview-button ,.more_btn a {
  position: relative;
  display: grid;
  place-items: center;
  margin-inline: auto;
  min-width: 200px;
  width: max-content;
  min-height: 44.5px;
  background-color: var(--color-pink);
  color: #fff;
  font-size: min(calc(16vw / 3.75),16px);
  font-weight: 700;
  border-radius: min(calc(30vw / 3.75),30px);
  padding: 2px 40px;
}
@media screen and (max-width: 768px) {
.moreview-button ,.more_btn a {
  width: 100%;
  max-width: min(95%,355px);
}
}

.more_btn a {
  border: none;
}

.news__moreview-button {
  margin-bottom: clamp(40px,calc(110vw / 10),110px);
}
.topics__moreview-button {
  margin-bottom: clamp(40px,calc(65vw / 10),65px);
}

.moreview-button::after ,.more_btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: min(calc(15vw / 3.75),15px);
  transform: translate(0,-50%);
  display: block;
  width: min(calc(20vw / 3.75),20px);
  height: min(calc(20vw / 3.75),20px);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 19.64 19.64"><path fill="%23ffffff" d="M14.79,10.08c.04-.09.06-.19.06-.29s-.02-.2-.06-.29c-.04-.09-.09-.17-.16-.24l-5.24-5.24c-.29-.29-.77-.29-1.06,0s-.29.77,0,1.06l3.96,3.96H3.79c-.41,0-.75.34-.75.75s.34.75.75.75h8.49l-3.96,3.96c-.29.29-.29.77,0,1.06.15.15.34.22.53.22s.38-.07.53-.22l5.24-5.24c.07-.07.12-.15.16-.24Z"/></svg>') ;
  background-color: rgba(244,219,218,.4);
  border-radius: 50%;
  transition: .3s;
  pointer-events: none;
}
.moreview-button:hover ,.more_btn a:hover  {
  box-shadow: 0 1px 0 rgba(0,0,0,.4);
}
.moreview-button:hover .moreview-button::after ,.more_btn a:hover::after {
  right: min(calc(10vw / 3.75),10px);
}
.moreview-button:hover::after, .more_btn a:hover::after {
  right: min(calc(10vw / 3.75),10px);
}

.ranking {
  padding-top: clamp(min(calc(65vw / 3.75),65px),calc(105vw / 10),105px);
  padding-bottom: 130px;
}

.ranking .common-list-img {
  position: relative;
  height: max-content;
}
.ranking .common-list {
  counter-reset: ranking-counter;
}
.ranking .common-list-img::before {
  content: counter(ranking-counter);
  counter-increment: ranking-counter;
  z-index: 3;
  position: absolute;
  top: 0;
  left: calc(15% / 2.954939);
  width: calc(44.2937% / 2.954939);
  aspect-ratio:  44.29 / 54.39;
  height: auto;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(min(calc(14.5487vw / 3.75),14.5487px),calc(27.2vw / 10),27.2px);
  font-family: "Bebas Neue", sans-serif;
  line-height: 0;
  font-weight: 400;
}
.common-list-img---123::before {
  color: #000;
  clip-path: polygon(100% 0, 100% 100%, 50% calc(43.0657% / 0.543874), 0% 100%, 0 0);
  padding-bottom: clamp(min(calc(3vw / 3.75),3px),calc(6.6vw / 10),6.6px);
}
.common-list-img---456::before {
  background-color: #b7cf8e;
  color: #fff;
  clip-path: circle(calc(50% - clamp(min(calc(1vw / 3.75),1px),calc(5vw / 10),5px)) at 50% 60%);
  padding-top: clamp(min(calc(7vw / 3.75),7px),calc(12.5vw / 10),12.5px);
}
.ranking .common-list-item:nth-of-type(1) .common-list-img::before { background-color: #f6ed36; }
.ranking .common-list-item:nth-of-type(2) .common-list-img::before { background-color: #b4b4b4; }
.ranking .common-list-item:nth-of-type(3) .common-list-img::before { background-color: #e7b53e; }

.common-list a {
  width: 100%;
  display: block;
  height: auto;
  aspect-ratio: auto;
}

.common-list a:hover img {
  transform: scale(.999);
}

.ranking__common-list-item {
  text-align: center;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  margin-bottom: clamp(min(calc(20vw / 3.75),20px),calc(60vw / 10),60px);
  gap: 3px 0;
}

.rank_description {
  height: max-content;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(13vw / 10),13px);
  font-weight: 400;
  line-height: calc( 18.298 / 13);
  margin-top: min(calc(10vw / 3.75),10px);
} 

.rank_name {
padding-top: min(calc(10vw / 3.75),10px);
border-top: 1px solid #000;
margin-top: min(calc(10vw / 3.75),10px);
font-size: min(calc(15vw / 3.75),15px);
font-weight: 500;
line-height: 1.4;
}

.rank_price {
  font-size: min(calc(15vw / 3.75),15px);
  font-weight: 500;
  line-height: 1.4;
}

.common-title {
  position: relative;
  text-align: center;
  margin-bottom: clamp(min(calc(40vw / 3.75),40px),calc(55vw / 10),55px);
  padding-top: 15px;
}

.common-title img {
  position: relative;
  width: auto;
  height: clamp(min(calc(40vw / 3.75),40px),calc(60vw / 14),60px);
  display: block;
  margin-inline: auto;
}

.common-title p {
  position: relative;
}
.common-title small {
  position: relative;
  display: block;
  color: var(--color-pink);
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(15vw / 10),15px);
  font-weight: 400;
  letter-spacing: clamp(0.5px, calc(2vw / 10), 2px);
  line-height: 1;
  padding: 0;
  margin: 0;
}
.green .common-title small {
  color: var(--color-green);
}
.common-title--circle::before {
  content: "";
  display: block;
  width: min(calc(247.9995vw / 3.75),247.9995px);
  height: auto;
  aspect-ratio: 1; 
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -20%);
  pointer-events: none;
}


.pickup {
  padding-bottom: 70px;
}

.pickup .common-list {
  align-items: flex-start;
}

.pickup_common-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pickup_name,.pickup_price {
  font-size: min(calc(15vw / 3.75),15px);
  font-weight: 500;
  line-height: calc(24.298 / 15);
}
.pickup_name {
  margin-top: 10px;
}

.new-item {
  padding-top: clamp(30px,calc(90vw / 14),90px);
  padding-bottom: clamp(min(calc(80vw / 3.75),80px),calc(85vw / 14),85px);
}


.common-list-img--line-gray a {
  background-color: #fff;
  overflow: clip;
  /* width: 100%;
  height: auto;
  aspect-ratio: 1; */
}

.new-item_day {
  width: 100%;
  min-height: 32.5233px;
  background-color: var(--color-green);
  color: #fff;
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(14vw / 10),14px);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.new-item_name,.new-item_price {
  font-weight: 500;
  line-height: calc(24.298 / 15);
  font-size: min(calc(15vw / 3.75),15px);
}

.topics {
  padding-bottom: clamp(55px,calc(72vw / 10),75px);
}

.topics-foot-banner {
  width: 100%;
  max-width: 690px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .topics-foot-banner {
    max-width: 336.8702px;
  }
}

.topics-foot-banner a {
  display: block;
  width: 100%;
}

.topics-foot-banner a img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .topics-foot-banner a img {
    aspect-ratio: 336.8702 / 190.656;
    object-fit: cover;
    border-radius: min(calc(15vw / 3.75),15px);
  }
}
.topics-foot-banner a:hover img {
  transform: scale(.995);
}




.footer_info {
  padding-top: clamp(45px,calc(55vw / 10),55px);
}
@media screen and (max-width: 768px) {
  .footer_info {
    max-width: 400px;
    margin-inline: auto;
  }
}

.footer_info * ,.footer_info a {
    font-size:12px;
    color: #000;
    line-height: 1.45;
}
 ul.note_list li ul {
  display: block;
  visibility: visible;
  opacity: 1;
}

.footer_section {
  margin: 0;
}

.footer_grid {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.footer_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    cursor: pointer;
    list-style: none;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.footer_title::-webkit-details-marker {
    display: none;
}

.footer_title::after {
    content: "+";
    font-size: 1.5em;
    font-weight: 300;
    margin-left: 10px;
}

details[open] .footer_title::after {
    content: "-";
}

.footer_content {
    padding-bottom: 20px;
    padding-top: 10px;
}

.shipping_list, .info_list {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    margin-bottom: 1em;
}
.shipping_item, .info_item {
    display: grid;
    align-items: stretch;
    grid-template-columns: subgrid;
    grid-column: span 2;
    gap: 5px;
}
.shipping_item dt, .info_item dt {
    display: table-cell;
    padding: 4px 0;
    font-weight: bold;
    /* width: 60%; */
    width: 100%;
    min-width: 50px;
}
.shipping_item dd, .info_item dd {
    display: table-cell;
    padding: 4px 0;
    text-align: left;
}

.note_list {
    padding-left: 0;
    list-style: none;
}

.payment_block ,.contact_info_item {
  display: grid;
  grid-template-columns: calc(93.7455% / 2.912446) 1fr;
  margin-bottom: .5em;
  padding-bottom: .5em;
}
.payment_block {
    margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px dashed #000;
}
.payment_block:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.payment_head,.contact_info_item_head {
    margin-bottom: 0.5em;
    font-weight: bold;
    display: flex;
    place-items: center;
}

.contact_info p {
    margin-bottom: 1em;
}

@media screen and (min-width: 769px) {
    .footer_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40vw / 10),40px);
        align-items: start;
    }

    .footer_section {
      width: 100%;
        border-bottom: none;
        margin-bottom: 30px;
    }

    .footer_title {
        pointer-events: none;
        padding-bottom: 8px;
        border-bottom: 1px solid #000;
        margin-bottom: 8px;
    }

    .footer_title::after {
        display: none;
    }

    .footer_section > .footer_content {
        display: block !important;
        padding: 0;
    }
}

.copyright {
  position: relative;
  margin-inline: auto;
  font-size: min(calc(10vw / 3.75),10px);
  font-weight: 400;
  text-align: center;
  padding: clamp(25px,calc(40vw / 10),40px) clamp(10px,calc(25vw / 10),25px);
  background: transparent;
  color: #000;
}

/* ナビゲーション */

header {
  box-shadow: none;
}

header * {
  color: #000;
}

.header {
  position: sticky;
  top: 0;
  z-index: 99;
  display: grid;
  grid-template: "info info info info info" auto 
                 ". titl sarc shop ." 100px
                 "cate cate cate cate cate" auto
                / 1fr auto auto auto 1fr;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.page-top .header {
  grid-template: "info info info info info" auto 
                 ". titl sarc shop ." 137px
                 "cate cate cate cate cate" auto
                / 1fr auto auto auto 1fr;
}
@media screen and (max-width: 768px) {
  .header {
    display: grid;
    grid-template:  
                  "sarc spbt" auto
                  / 1fr 68px;
    background-color: var(--color-pink);
    gap: 1px 18px;
    padding-left: 15px;
    padding-top: 0;
  }
  .page-top .header {
    grid-template:  "titl ." auto 
                    "titl spbt" auto 
                    "sarc spbt" 35px
                  / 1fr auto;
    background-color: transparent;
  }
  .header-ac .header ,.page-top.header-ac .header {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #ffeaea;
    grid-template:  ". shop shop spbt ." min(calc(50svh / 6.67),50px)
                    ". cate cate cate ." auto
                    ". sarc sarc sarc ." 35px
                    ". info info info ." auto
                    ". .    .    .    ." 1fr 
                    /1fr auto auto auto 1fr;
    padding-left: 0;
  }
  .page-top .header,.header-ac .header ,.page-top.header-ac .header {
    background-image: linear-gradient(var(--color-pink),var(--color-pink));
    background-repeat: no-repeat;
    background-size: 100% 5px;
    background-position: top;
    padding-top: 15px;
  }
}

.header-nav1 {
  grid-area: info;
}
@media screen and (max-width: 768px) {
  .header-nav1 {
    display: none;
    background-color: transparent;
    border-top: 1px solid #eaa6a6;
    padding: min(calc(30svh / 6.67), 30px) 0;
    margin-top: min(calc(20svh / 6.67), 20px);
  }
  .header-ac .header-nav1 ,.page-top.header-ac .header-nav1 {
    display: block;
  }
}

.header-name {
  width: min(calc(630vw / 14),630px);
  max-height: 100px;
  grid-area: titl;
  max-width: 680px;
  padding: 5px min(calc(30vw / 14),30px);
  text-align: left;
  display: block;
}
@media screen and (max-width: 768px) {
  .header-name , .page-top.header-ac .header-name {
    padding: 0;
    display: none;
  }
  .page-top .header-name {
    display: block;
  }
}
.header-logo ,h1.header-logo {
  margin: 0;
  line-height: 1;
}

 {

}
@media screen and (min-width: 769px) {
  .nav4-item-link-icon {
    display: none;
  }
  .page-top .nav4-item-link-icon {
    display: block;
  }
}

.header-logo ,h1.header-logo {
  margin: 0;
  line-height: 1;
}

.header-logo img {
  display: block;
  max-width: 500px;
  object-fit: contain;
  margin-right: auto;
}

.header-nav2 {
    grid-area: sarc;
    margin: 0 25px;
    width: 100%;
    max-width: 241px;
}
@media screen and (max-width: 768px) {
.header-nav2 {
    margin: 0;
    max-width: 267px;
}
.header-ac .header-nav2 {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
}

.header-nav3 {
    grid-area: shop;
    display: flex;
    align-items: center;
    gap: min(calc(15vw / 10),15px);
}
@media screen and (max-width: 768px) {
  .header-nav3 {
    display: none;
    gap: min(calc(20vw / 3.75),20px);
  }
  .header-ac .header-nav3 ,.page-top.header-ac .header-nav3 {
    display: flex;
  }
}

.header-nav4 {
  grid-area: cate;
  background-color: #fff7ea;
  padding: 5px 0;
}
@media screen and (max-width: 768px) {
  .header .header-nav4 {
    display: none;
    background-color: transparent;
  }
  .header-ac .header .header-nav4 ,.page-top.header-ac .header .header-nav4 {
    display: block;
    border-top: 1px solid #eaa6a6;
    padding: min(calc(15vw / 3.75), 15px) 0 min(calc(30vw / 3.75), 30px);
    margin-top: min(calc(10vw / 3.75),10px);
  }
}
@media screen and (max-width: 768px) and (max-height: 667px){
  .header-ac .header .header-nav4 ,.page-top.header-ac .header .header-nav4 {
    padding: min(calc(25svh / 6.67), 25px) 0;
    margin-top: min(calc(15svh / 6.67),15px);
  }
}


.header-button {
  grid-area: spbt;
  width: min(calc(68vw / 3.75),68px);
  height: min(calc(68vw / 3.75),68px);
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68.09 67.88"><path fill="%23ffffff" d="M18.65,26.73c0,1.13,1.35,2.05,3,2.05h30.02c1.65,0,3-.92,3-2.05s-1.35-2.05-3-2.05h-30.02c-1.65,0-3,.92-3,2.05ZM18.65,36.76c0,1.13,1.35,2.05,3,2.05h30.02c1.65,0,3-.92,3-2.05s-1.35-2.05-3-2.05h-30.02c-1.65,0-3,.92-3,2.05ZM21.65,14.23c-1.65,0-3,.92-3,2.05s1.35,2.05,3,2.05h30.02c1.65,0,3-.92,3-2.05s-1.35-2.05-3-2.05h-30.02Z"/><g><path fill="%23ffffff" d="M21.59,54.94c-.5,0-.75-.26-.75-.77v-7.57c0-.29.08-.5.23-.6s.38-.16.67-.16c.4,0,.7.17.91.52l2.3,3.85,2.27-3.83c.12-.22.26-.36.42-.43s.37-.1.63-.1c.51,0,.77.26.77.77v7.57c0,.51-.26.77-.77.77s-.77-.26-.77-.77v-5.72l-1.83,3.17c-.18.36-.43.53-.74.53s-.56-.18-.74-.53l-1.85-3.17v5.72c0,.51-.25.77-.75.77Z"/><path fill="%23ffffff" d="M31.38,54.94c-.51,0-.77-.26-.77-.77v-7.57c0-.51.26-.77.77-.77h4.55c.51,0,.77.23.77.7s-.26.69-.77.69h-3.82v2.37h3.42c.51,0,.77.23.77.7s-.25.7-.77.7h-3.42v2.55h3.96c.51,0,.77.23.77.69s-.26.7-.77.7h-4.69Z"/><path fill="%23ffffff" d="M38.71,54.94c-.49,0-.74-.26-.74-.77v-7.57c0-.51.25-.77.74-.77h.17c.39,0,.7.17.92.51l3.95,5.95v-5.69c0-.25.07-.44.2-.57.13-.13.32-.2.57-.2.5,0,.75.26.75.77v7.57c0,.51-.24.77-.71.77h-.13c-.4,0-.71-.17-.92-.51l-4.04-6.14v5.88c0,.51-.25.77-.75.77Z"/><path fill="%23ffffff" d="M50.21,55.11c-1.14,0-2-.3-2.6-.9-.6-.6-.9-1.51-.9-2.71v-4.89c0-.25.07-.44.2-.57.13-.13.32-.2.57-.2.5,0,.75.26.75.77v4.81c0,.78.17,1.35.53,1.7.35.35.83.53,1.45.53s1.1-.18,1.44-.53c.35-.35.52-.92.52-1.7v-4.81c0-.51.25-.77.75-.77s.75.26.75.77v4.89c0,1.2-.29,2.11-.88,2.71-.59.6-1.45.9-2.59.9Z"/></g></svg>')
  ,var(--color-pink);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: auto;
  cursor: pointer;
}
.header-ac .header-button {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 50 50"><path fill="%23ffffff" d="M37.5,39.17c-.43,0-.85-.16-1.18-.49L11.32,13.68c-.65-.65-.65-1.71,0-2.36s1.71-.65,2.36,0l25,25c.65.65.65,1.71,0,2.36-.33.33-.75.49-1.18.49Z"/><path fill="%23ffffff" d="M12.5,39.17c-.43,0-.85-.16-1.18-.49-.65-.65-.65-1.71,0-2.36l25-25c.65-.65,1.71-.65,2.36,0s.65,1.71,0,2.36l-25,25c-.33.33-.75.49-1.18.49Z"/></svg>'),var(--color-pink);
  border-radius: 50%;
  max-width: 50px;
  width: min(calc(50vw / 3.75),50px);
  height: auto;
  margin-left: auto;
  aspect-ratio: 1;
  max-height: 10svh;
  margin-left: auto;
}
@media screen and (max-width: 768px) and (max-height: 667px){
  .header-ac .header-button {
     width: min(calc(40svh / 6.67),45px);
  }
}


.nav-3-item {

}

@media screen and (max-width: 768px) {
.header-nav4-container {
  padding: 0;
}
}
.nav4-list  {
  position: relative;
  display: flex;
  border-left: 1px #000 dashed;
  border-right: 1px #000 dashed;
}
@media screen and (max-width: 768px) {
  .nav4-list ,.nav-1-list  {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    gap: min(calc(17vw / 3.75),17px);
    border: 1px solid transparent;
    margin: 0 auto;
  }
  .nav4-list {
    place-items: center;
    max-width: 335px;
    margin: auto;
  }
  .header .nav4-list ,.nav-1-list  {
  max-width: 375px;
  }
}
@media screen and (max-width: 768px) and (max-height: 667px){
  .nav4-list ,.nav-1-list  {
    gap: min(calc(10svh / 6.67),10px);
  }
}

.item_search {
  height: 38.8739px;
  border: 1px solid #231815;
  border-radius: 5px;
  overflow: clip;
  max-width: 350px;
}
@media screen and (max-width: 768px) {
.item_search {
  margin-bottom: 2px;
  height: 35px;
}
}

.item_search form {
  height: 100%;
}

.head_input {
  display: flex;
  height: 100%;
}

.head_input input {
  border: transparent 0px solid;
  flex: 1;
  height: 100%;
  /* width: calc(100% - min(calc(42.3891vw / 3.75),42.3891px)); */
  width: 100%;
  padding-left: min(calc(14vw / 3.75),14px);
}

.head_input input::placeholder {
  border: transparent 0px solid;
  flex: 1;
  font-size: min(calc(14vw / 3.75),14px);
}

.head_input button {
  width: auto;
  width: min(calc(42.3891vw / 3.75),42.3891px);
  height: 100%;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 42.39 38.87"><path fill="%23000000" d="M31.99,29.33l-5.35-5.35c1.36-1.68,2.18-3.82,2.18-6.14,0-5.38-4.38-9.76-9.76-9.76s-9.76,4.38-9.76,9.76,4.38,9.76,9.76,9.76c2.54,0,4.86-.98,6.6-2.58l5.32,5.32c.14.14.32.21.5.21s.36-.07.5-.21c.28-.28.28-.73,0-1.01ZM19.06,26.17c-4.59,0-8.33-3.74-8.33-8.33s3.74-8.33,8.33-8.33,8.33,3.74,8.33,8.33-3.74,8.33-8.33,8.33Z"/></svg>') ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #e1ebcd;
  cursor: pointer;
  transition: .3s;
}
.head_input button:hover {
  /* opacity: .85; */
  filter: brightness(1.02);
}

.nav-3-link {
  display: block;
  text-align: center;
}

.nav-3-link::before {
  display: inline-block;
  margin-inline: auto;
  width: min(calc(50vw / 10),50px);
  height: min(calc(40vw / 10),40px);
  /* aspect-ratio: 5 / 4; */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: .3s;
}
.nav-3-link:hover::before {
  transform: scale(.97);
}
@media screen and (max-width: 768px) {
.nav-3-link::before {
  width: min(calc(50vw / 3.75),50px);
  height: min(calc(40vw / 3.75),40px);
}
}
.nav-3-link--fav::before {
  content: "";
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 50 40"><path fill="%23000000" d="M25,35.03c-.24,0-.49-.08-.69-.25-.33-.27-8.06-6.76-11.36-10.56-3.64-4.19-3.99-9.96-.81-13.14,3.16-3.16,8.29-3.16,11.45,0l1.41,1.41,1.41-1.41c1.53-1.53,3.56-2.37,5.72-2.37h0c2.16,0,4.2.84,5.72,2.37,3.18,3.18,2.82,8.95-.81,13.14-3.3,3.8-11.03,10.29-11.36,10.56-.2.17-.44.25-.69.25ZM17.86,10.85c-1.59,0-3.09.62-4.21,1.74-2.35,2.35-1.94,6.94.92,10.23,2.63,3.03,8.44,8.04,10.43,9.74,1.99-1.7,7.8-6.71,10.43-9.74,2.85-3.29,3.27-7.88.92-10.23-1.13-1.12-2.62-1.74-4.21-1.74s-3.09.62-4.21,1.74l-2.17,2.17c-.42.42-1.09.42-1.51,0l-2.17-2.17c-1.13-1.13-2.62-1.74-4.21-1.74Z"/></svg>') ;
}
.nav-3-link--cart::before {
  content: "";
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 50 40"><path d="M46.02,3.14h-7.1c-.48,0-.88.35-.96.82l-2.54,15.97H15.11l-1.31-10.46h19.18c.53,0,.97-.43.97-.97s-.43-.97-.97-.97H12.7c-.28,0-.54.12-.73.33-.18.21-.27.49-.23.76l1.55,12.4c.06.48.47.85.96.85h20.87l-.9,3.41H15.03c-.53,0-.97.43-.97.97s.43.97.97.97h20.02c.48,0,.88-.35.96-.82l1.19-5.2c.03-.1.05-.2.05-.3,0,0,0-.01,0-.02l2.51-15.8h6.28c.53,0,.97-.43.97-.97s-.43-.97-.97-.97Z"/><path d="M19.25,28.72c-2.35,0-4.26,1.91-4.26,4.26s1.91,4.26,4.26,4.26,4.26-1.91,4.26-4.26-1.91-4.26-4.26-4.26ZM19.25,35.3c-1.28,0-2.32-1.04-2.32-2.32s1.04-2.32,2.32-2.32,2.32,1.04,2.32,2.32-1.04,2.32-2.32,2.32Z"/><path d="M30.75,28.72c-2.35,0-4.26,1.91-4.26,4.26s1.91,4.26,4.26,4.26,4.26-1.91,4.26-4.26-1.91-4.26-4.26-4.26ZM30.75,35.3c-1.28,0-2.32-1.04-2.32-2.32s1.04-2.32,2.32-2.32,2.32,1.04,2.32,2.32-1.04,2.32-2.32,2.32Z"/></svg>') ;
}
.nav-3-link--login::before {
  content: "";
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 50 40"><polygon points="18.6 29.75 32.33 29.75 32.33 8.35 18.6 8.35 18.6 15.22 16.3 15.22 16.3 6.05 34.63 6.05 34.63 32.05 16.3 32.05 16.3 22.89 18.6 22.89 18.6 29.75"/><polygon points="24.21 15.08 20.89 15.08 22.67 17.39 10.75 17.39 10.75 20.71 22.67 20.71 20.89 23.02 24.21 23.02 27.28 19.05 24.21 15.08"/></svg>') ;
}

.nav-3-link p {
  font-size: min(calc(16vw / 14),16px);
  line-height: 1;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
.nav-3-link p {
  font-size: min(calc(14vw / 3.75),14px);
  color: #646464;
  font-weight: 700;
}
}

.nav-3-link--insta {
  width: min(calc(50vw / 10),50px);
  height: auto;
  aspect-ratio: 1;
  margin: 0 min(calc(15vw / 10),15px);
}
.nav-3-link--insta:hover img {
  transform: scale(.98);
}

.nav4-item {
  flex: 1;
  max-width: 200px;
  display: block;
}
.nav4-item:not(:last-of-type) {
  border-right: 1px #000 dashed;
}
@media screen and (max-width: 768px) {
  .header .nav4-item ,.header .nav4-item:not(:last-of-type)  {
    border: 1px var(--color-pink) dashed;
    background-color: #fff;
    width: min(calc(100vw / 3.75),100px);
    border-radius: 10px;
    width: 100%;
    max-width: calc(100vw / 3.75);
    height: auto;
    aspect-ratio: 1;
    flex: auto;
  }
}
@media screen and (max-width: 768px) and (max-height: 667px){
  .header .nav4-item ,.header .nav4-item:not(:last-of-type)  {
    max-height: calc(100svh / 6.67);
    width: auto;
  }
}

.nav4-item-link {
  position: relative;
  display: block;
  text-align: center;
  background-color: #fff7ea;
  padding: 0 min(calc(30vw / 14),30px);
}
@media screen and (max-width: 768px) {
.nav4-item-link {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  padding: min(calc(5svh / 6.67),5px) 0;
}
}

@media screen and (min-width: 769px) {
.nav4-item-link::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  left: 0;
  width: 100%;
  height: calc(100% + 10px);
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s;
  background-image: linear-gradient(#fff7ea,#fff7ea) ,linear-gradient(#fff7ea,#fff7ea) ;
  background-blend-mode: multiply;
}
.nav4-item-link:hover::before {
  opacity: 1;
}
}


.nav4-item-link img,.nav4-item-link p {
  position: relative;
  transition: transform .3s;
}
.nav4-item-link:hover img {
  transform: scale(.99);
}


.category-large {

}

.nav4-megamenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  min-height: 239.7173px;
  width: 100%;
}

.nav4-item-link:hover + .nav4-megamenu ,.nav4-megamenu:hover {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-image: linear-gradient(#faecec,#faecec);
  background-position: bottom left;
  background-size: 100% calc(100% - 5px);
  background-repeat: no-repeat;
  padding: 38px 30px 23px;
}

.category-links-1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 20px;
}

.category-large {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(calc(266.2915vw / 10),266.2915px);
  background-color: #fff;
  padding: 5px min(5vw / 10);
  border: 1px dashed var(--color-pink);
  flex-shrink: 0;
}

.category-large p {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: calc(57.2338% / 2.533761);
  padding: 5px min(5vw / 10);
  writing-mode: vertical-lr;
  font-size: min(calc(25vw / 10),25px);
  font-weight: 500;
  letter-spacing: min(calc(5vw / 10),5px);
}

.category-large img {
  width: calc(194.6879% / 2.533761);
  aspect-ratio: 194.6879 / 173.0144;
  object-fit: cover;
  transition: transform .3s;
}
.category-large:hover img {
  transform: scale(.99);
}

.category-links-3,.category-links-2.is-no-grandchild {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 40px;
}
.category-links-2.is-no-grandchild .category-links-3 {
  flex-wrap: wrap;
}

.category-links-3:not(:first-of-type) {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px dashed var(--color-pink);
}
.category-links-2.is-no-grandchild .category-links-3:not(:first-of-type) {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

.category-sub-1 {
  flex-shrink: 0;
  font-size: min(calc(18vw / 10),18px);
  font-weight: 700;
}

.category-links-4 ,.category-links-2.is-no-grandchild .category-links-4 {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 40px;
  flex-shrink: 0;
}
.category-links-4:not(:last-of-type) {
  border-bottom: 1px dashed var(--color-pink);
}
.category-links-2.is-no-grandchild .category-links-4:not(:last-of-type) {
  border-bottom: none;
}

.category-links-4 a {
  flex-shrink: 0;
  font-size: min(calc(16vw / 10),16px);
}

.category-links-4 a:before {
  display: inline-block;
  content: "";
  width: min(calc(5.261vw / 10),5.261px);
  height: auto;
  aspect-ratio: 5.261 / 9.5219;
  margin-right: min(calc(4vw / 10),4px);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 5.26 9.52"><path fill="%23000000" d="M.5,9.52c-.13,0-.26-.05-.35-.15-.2-.2-.2-.51,0-.71l3.91-3.91L.15.85C-.05.66-.05.34.15.15.34-.05.66-.05.85.15l4.26,4.26c.2.2.2.51,0,.71L.85,9.38c-.1.1-.23.15-.35.15Z"/></svg>') ;
  background-repeat: no-repeat;
  background-position: top left;
  transition: transform .6s;
}
.category-links-4 a:hover::before {
  transform: scale(.8) rotate3d(1,0,0,180deg);
}

.sp-nav .header-nav4 {
  background-color: transparent;
}

.sp-nav .nav4-list {
  gap: 20px 0;
  background-image: linear-gradient(90deg, #000000 50%, transparent 50%);
  background-size: 5.4px 1px;
  background-repeat: repeat-x;
  background-position: center;
  max-width: 450px;
}

.sp-nav .nav4-item:nth-of-type(3n) {
  border: 1px solid transparent;
}


/* お知らせ詳細 */


main.single {
  padding: clamp(70px,calc(100vw / 10),100px) 0 clamp(60px,calc(80vw / 10),80px);
}

.single_title {
  border-top: 1px solid #000;
  border-bottom: 0px solid #000;
  padding: 5px 0 25px;
  margin: 0;
}

.single_title * ,.single_content *  {
  font-family: 'Noto sans JP';
}

.single_title h1 {
  font-size: clamp(min(calc(20vw / 3.75),20px),calc(30vw / 10),30px);
  text-align: center;
  padding-top: 10px;
}

.single_title .single_date {
  font-size: 12px;
  font-weight: 400;
}

.common_content  {
  padding: 25px 0;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}

.single__common_content {
  margin-bottom: 25px;
}

.common_content p ,.post-navigation *  {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto sans JP';
  line-height: calc(25.3 / 14);
}

.single_content p {
  padding: 7px 0;
}

.aligncenter {
  clear: both;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
html :where(img[class*="wp-image-"]) {
  height: auto;
  max-width: 100%;
}

.post-navigation {
  text-align: center;
}

.nav-links {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.nav-links * {
  text-align: center;
  color: #231815;
  line-height: 1;
  font-size: min(calc(14vw / 3.75),14px);
}


.nav-links {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.nav-archive {
  display: inline-block;
}

.nav-archive a {
  display: inline-block;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15.64 17.95"><path fill="%23000000" d="M.5,9.52c-.13,0-.26-.05-.35-.15-.2-.2-.2-.51,0-.71l3.91-3.91L.15.85C-.05.66-.05.34.15.15.34-.05.66-.05.85.15l4.26,4.26c.2.2.2.51,0,.71L.85,9.38c-.1.1-.23.15-.35.15Z"/><path fill="%23231815" d="M15.62,5.06h0C15.46,2.54,13.57.49,11.13.08c-.28-.05-.56-.07-.85-.08-.01,0-.03,0-.05,0H2.75C1.23,0,0,1.23,0,2.75v12.45c0,1.51,1.23,2.75,2.75,2.75h10.15c1.51,0,2.75-1.23,2.75-2.75V5.41c0-.12,0-.24-.01-.35ZM14.08,5.06h0c.01.12.02.23.02.35v9.79c0,.67-.54,1.21-1.21,1.21H2.75c-.66,0-1.21-.54-1.21-1.21V2.75c0-.67.54-1.21,1.21-1.21h7.53c.29,0,.58.04.85.11v1.69c0,.95.77,1.72,1.72,1.72h1.23Z"/><rect fill="%23231815" x="3.18" y="5.45" width="2.29" height="2.41"/><rect fill="%23231815" x="6.55" y="5.45" width="2.29" height="2.41"/><rect fill="%23231815" x="9.92" y="5.45" width="2.29" height="2.41"/><rect fill="%23231815" x="3.18" y="8.66" width="2.29" height="2.41"/><rect fill="%23231815" x="6.55" y="8.66" width="2.29" height="2.41"/><rect fill="%23231815" x="9.92" y="8.66" width="2.29" height="2.41"/><rect fill="%23231815" x="3.18" y="11.87" width="2.29" height="2.41"/><rect fill="%23231815" x="6.55" y="11.87" width="2.29" height="2.41"/><rect fill="%23231815" x="9.92" y="11.87" width="2.29" height="2.41"/></svg>') ;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: min(calc(15vw / 3.75),15px);
  padding-left: min(calc(20vw / 3.75),20px);
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-previous ,.nav-next {
  position: absolute;
  top: 50%;
  transform: translate(0 ,-50%);
  width: auto;
  white-space: nowrap;
  cursor: pointer;
  padding: 0 min(calc(20vw / 3.75),20px);
}  

.nav-previous {
  border-right: 1px solid #231815;
  right: calc(100% + min(calc(20vw / 3.75),20px));
}

.nav-next {
    border-left: 1px solid #231815;
  left: calc(100% + min(calc(20vw / 3.75),20px));
}

/* メールマガジン */

main.email-newsletter * {
  font-family: 'Noto sans JP';
}

.email-newsletter .content.wrap {
  padding: 0;
  margin: 0;
}

.email-newsletter .section {
  padding: 0;  
}

.email-newsletter .section_page {
  border-top: 1px solid #000;
  padding-top: 35px;
  max-width: 650px;
  margin: 0 auto;
}

.email-newsletter .section.section_page p {
  padding: 0 20px;
}


.email-newsletter .more_btn {
  margin-top: 20px;
  border-top: 1px solid #000;
  padding-top: 35px;
}

.email-newsletter .more_btn {
  margin-top: 20px;
  border-top: 1px solid #000;
  padding-top: 35px;
}

/* ご利用ガイド */
.user-guide .footer_box h2 {
  text-align: left;
  font-weight: 700;
  font-size: clamp(15px,calc(20vw / 10),20px);
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

table.footer_contact th {
  width: 60px;
}

table.footer_pay tr:not(:last-of-type) td ,table.footer_pay tr:not(:last-of-type) th {
  border-bottom: 1px dashed #000;
}

table.footer_pay td ,table.footer_pay th {
  vertical-align: middle;
}

/* 特集ページ一覧 */

.page-topics__common-list {
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .page-topics__common-list {
    grid-template-columns: 1fr;  
  }
}

.page-topics__common-list-item {
  max-width: 400px;
}

.page-topics__common-list-item a {
  gap: 5px 0;
  display: flex;
  flex-direction: column;
  color: #251e1c;
}

.page-topics__common-list-item a img {
  aspect-ratio: 284.1553 / 244.367;
}
@media screen and (max-width: 768px) {
.page-topics__common-list-item a img {
  aspect-ratio: 1.9 / 1;
}
}

.page-topics__category {
  background-color: #eeefef;
  border-top: 1px solid #251e1c;
  border-bottom: 1px solid #251e1c;
  padding: 5px;
  font-size: min(calc(15vw / 3.75),15px);
  font-weight: 700;
  text-align: center;
}
.page-topics__category--okayama_sakagura_colors {
  background-color: #e7f3e3;
}
.page-topics__category--grandprix {
  background-color: #fae9e9;
}

.page-topics__name {
  font-size: min(calc(13vw / 3.75),13px);
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}

nav.pagination {
  margin-top: 30px;
}

ul.page-numbers li {
  border: none;
}

ul.page-numbers li a,ul.page-numbers li .current {
  overflow: clip;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 500;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 0;
}

ul.page-numbers li a {
  position: relative;
  color: #000;
  border: #000 1px solid;

}

ul.page-numbers li .current {
  background: #b4b4b4;
  color: #fff;
  border: #b4b4b4 1px solid;
}

ul.page-numbers li a.next ,ul.page-numbers li a.prev {
  border: #b4b4b4 1px solid;
  color: transparent;
  background-color: #b4b4b4;
}

ul.page-numbers li a.next::after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
ul.page-numbers li a.prev::after ,
ul.page-numbers li a.next::after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.51 20.51"><path fill="%23ffffff" d="M17.52,10.74c.1-.24.1-.52,0-.76-.05-.12-.12-.23-.22-.32l-6.04-6.04c-.39-.39-1.02-.39-1.41,0-.39.39-.39,1.02,0,1.41l4.33,4.33H4.39c-.55,0-1,.45-1,1s.45,1,1,1h9.79l-4.33,4.33c-.39.39-.39,1.02,0,1.41.2.2.45.29.71.29s.51-.1.71-.29l6.04-6.04c.09-.09.17-.2.22-.32Z"/></svg>');
  background-size: contain;
}
ul.page-numbers li a.prev::after {
  transform: translate(-50%,-50%) rotate(180deg);
}

.single__common_content p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.single__common_content a:has(img) {
  display: inline-block;
}

.single__common_content img  {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

table.footer_pay th ,table.footer_pay td {
  padding: 5px 0;
}
.section_page .footer_box td ,
.section_page .footer_box th {
  padding-top: 10px;
  padding-bottom: 10px;
}

table.footer_pay th {
  width: 10em;
}
@media screen and (max-width: 768px) {
table.footer_pay th {
  width: 5em;
}
}

.close_btn {
	width: 30px;
	height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 72 72"><path fill="%23000000" d="M 19 15 C 17.977 15 16.951875 15.390875 16.171875 16.171875 C 14.609875 17.733875 14.609875 20.266125 16.171875 21.828125 L 30.34375 36 L 16.171875 50.171875 C 14.609875 51.733875 14.609875 54.266125 16.171875 55.828125 C 16.951875 56.608125 17.977 57 19 57 C 20.023 57 21.048125 56.609125 21.828125 55.828125 L 36 41.65625 L 50.171875 55.828125 C 51.731875 57.390125 54.267125 57.390125 55.828125 55.828125 C 57.391125 54.265125 57.391125 51.734875 55.828125 50.171875 L 41.65625 36 L 55.828125 21.828125 C 57.390125 20.266125 57.390125 17.733875 55.828125 16.171875 C 54.268125 14.610875 51.731875 14.609875 50.171875 16.171875 L 36 30.34375 L 21.828125 16.171875 C 21.048125 15.391875 20.023 15 19 15 z"/></svg>');
  background-size: contain;
  transition: .3s;
}
.close_btn:hover {
  transform: scale(1.05);
}

@media screen and (max-width: 768px) {
  footer .footer_col {
    display: flex;
    flex-direction: column;
    gap: 15px 0;
  }
  footer .footer_col:not(:first-of-type) {
    margin-top: 15px;
  }
}

.recommend_list a {
  display: block;
}

.single .main img {
  width: auto;
}