@charset "UTF-8";
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*, ::before, ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

body {
  margin: 0;
}

main {
  display: block;
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg, img, embed, object, iframe {
  vertical-align: bottom;
}

button, input, optgroup, select, textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

button, [type=button], [type=reset], [type=submit] {
  cursor: pointer;
}

button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
  cursor: default;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px; /* 1 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/********************
AG2Origin
   https://ag2works.tokyo/
   Ver 2.0 - 5 January 2023
   License: none (public domain)
********************/
* {
  font-family: Helvetica, Arial, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

html, body {
  width: 100%;
  min-width: 320px;
  font-size: 0;
  line-height: 1;
  word-wrap: break-word;
  word-break: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

pre, code {
  background-color: #272822;
  color: #f8f8f2;
}

pre {
  padding: 2em 1em;
  margin: 15px auto;
}

a {
  color: #44A7C2;
  transition: 0.2s;
}

a:hover {
  color: #000;
  text-decoration: none;
}

img, svg {
  width: auto;
  height: auto;
}

hr {
  color: #505050;
}

input:not([type=radio]):not([type=checkbox]), button, textarea, select {
  outline: none;
  background-color: #fff;
  caret-color: #000;
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  border: 1px solid;
  padding: 5px;
}

button:not(:disabled), input[type=button]:not(:disabled), input[type=reset]:not(:disabled), input[type=submit]:not(:disabled) {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  transition: 0.2s;
}

button:not(:disabled):hover, input[type=button]:not(:disabled):hover, input[type=reset]:not(:disabled):hover, input[type=submit]:not(:disabled):hover {
  background-color: #909090;
  border: 1px solid #909090;
}

button:disabled, input[type=submit]:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
  background-color: #ccc;
  color: #fff;
  border: 1px solid #ccc;
  cursor: not-allowed;
}

/**********************************
Start of block-content
**********************************/
.block-content {
  counter-reset: headline001;
  text-align: left;
  font-size: var(--ag2txt);
  line-height: var(--ag2txtlh);
  /*font-feature-settings: 'palt';*/
  letter-spacing: 0.02em;
}
.block-content blockquote {
  position: relative;
  width: 90%;
  background-color: #ffffff;
  color: #909090;
  font-size: 90%;
  font-style: italic;
  line-height: var(--ag2txtlh);
  padding: 40px 20px;
  margin: 20px auto;
  border: 1px solid #eeeeee;
}
.block-content blockquote::before, .block-content blockquote::after {
  position: absolute;
}
.block-content blockquote::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M6.857%2C15.193L6.857%2C15.193c0.021%2C1.189%2C1.135%2C2.163%2C2.477%2C2.163h1.943c1.341%2C0%2C2.438%2C1.097%2C2.438%2C2.438v6.553%20c0%2C1.341-1.097%2C2.438-2.438%2C2.438H2.438C1.097%2C28.785%2C0%2C27.688%2C0%2C26.347v-8.99c0-6.044%2C1.816-8.997%2C5.054-12.216%20c0.663-0.66%2C1.282-1.264%2C1.282-1.264c0.958-0.938%2C2.457-0.871%2C3.329%2C0.147l1.219%2C1.423c0.873%2C1.019%2C0.828%2C2.388-0.099%2C3.042%20c0%2C0%2C0%2C0-0.947%2C0.817C7.916%2C10.966%2C6.857%2C12.785%2C6.857%2C15.193z%20M28.123%2C9.307C29.07%2C8.49%2C29.07%2C8.49%2C29.07%2C8.49%20c0.927-0.655%2C0.972-2.024%2C0.1-3.042l-1.22-1.423c-0.872-1.019-2.37-1.085-3.329-0.147c0%2C0-0.618%2C0.604-1.281%2C1.264%20c-3.238%2C3.219-5.054%2C6.171-5.054%2C12.216v8.99c0%2C1.341%2C1.097%2C2.438%2C2.438%2C2.438h8.838c1.341%2C0%2C2.438-1.098%2C2.438-2.438v-6.553%20c0-1.341-1.098-2.438-2.438-2.438h-1.942c-1.341%2C0-2.455-0.974-2.477-2.163l0%2C0C25.143%2C12.785%2C26.201%2C10.966%2C28.123%2C9.307z%22%2F%3E%3C%2Fsvg%3E");
  top: 0;
  left: 10px;
}
.block-content blockquote::after {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M25.143%2C16.806L25.143%2C16.806c-0.021-1.189-1.135-2.163-2.476-2.163h-1.943c-1.341%2C0-2.438-1.097-2.438-2.438V5.652%20c0-1.341%2C1.097-2.438%2C2.438-2.438h8.838C30.902%2C3.214%2C32%2C4.312%2C32%2C5.652v8.991c0%2C6.044-1.816%2C8.997-5.054%2C12.216%20c-0.663%2C0.659-1.282%2C1.264-1.282%2C1.264c-0.959%2C0.938-2.457%2C0.871-3.329-0.147l-1.219-1.424c-0.872-1.019-0.828-2.388%2C0.099-3.042%20c0%2C0%2C0%2C0%2C0.947-0.817C24.085%2C21.033%2C25.143%2C19.215%2C25.143%2C16.806z%20M3.876%2C22.692C2.93%2C23.51%2C2.93%2C23.51%2C2.93%2C23.51%20c-0.927%2C0.654-0.972%2C2.023-0.099%2C3.042l1.219%2C1.424c0.872%2C1.019%2C2.371%2C1.085%2C3.329%2C0.147c0%2C0%2C0.619-0.604%2C1.282-1.264%20c3.238-3.22%2C5.054-6.172%2C5.054-12.216V5.652c0-1.341-1.097-2.438-2.438-2.438H2.438C1.097%2C3.214%2C0%2C4.312%2C0%2C5.652v6.553%20c0%2C1.341%2C1.097%2C2.438%2C2.438%2C2.438h1.943c1.341%2C0%2C2.456%2C0.973%2C2.476%2C2.163l0%2C0C6.857%2C19.215%2C5.799%2C21.033%2C3.876%2C22.692z%22%2F%3E%3C%2Fsvg%3E");
  bottom: 0;
  right: 10px;
}
.block-content ol,
.block-content ul {
  padding-left: 1.5em;
  margin: 5px auto;
}
.block-content ol li,
.block-content ul li {
  list-style-position: outside;
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  padding: 2px 0;
}
.block-content ol li {
  list-style-type: decimal;
}
.block-content ul li {
  list-style-type: disc;
  list-style-type: "・";
}
.block-content hr {
  border-style: none;
  border: none;
  border-top: 1px solid var(--ag2black);
}
.block-content a {
  color: var(--ag2linkclr);
  text-decoration: underline;
  transition: 0.2s;
}
.block-content a:hover {
  color: var(--ag2black);
  text-decoration: none;
}
.block-content h2, .block-content h3, .block-content h4, .block-content h5, .block-content h6 {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 15px;
}
.block-content p {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
}
.block-content img,
.block-content iframe {
  display: block;
  max-width: 100%;
  margin: 15px auto;
}
.block-content iframe {
  min-width: 150px;
  min-height: 100px;
}

/**********************************
End of block-content
**********************************/
/** Start of body **/
:root {
  --ag2header: 55px;
  --ag2side: 20px;
  --ag2txt: 14px;
  --ag2txtlh: 1.8;
  --ag2navbg: #1E1F1F;
  --ag2black: #1a1a1a;
  --ag2white: #F7F7F7;
  --ag2graydark: #555;
  --ag2gray: #aaa;
  --ag2graylight: #D7D9D9;
  --ag2whitergba: rgba(247, 247, 247, .1);
  --ag2red: #c1272d;
  --ag2linkclr: #44A7C2;
  --ag2clr001: #1a1a1a;
  --ag2clr002: #e8cfa0;
  --ag2ffm001: Helvetica, Arial, "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

* {
  font-family: var(--ag2ffm001);
}

::selection {
  color: var(--ag2white);
  background-color: var(--ag2clr001);
}

html,
body {
  background-color: var(--ag2white);
  color: var(--ag2black);
}

#ag2wrap {
  position: relative;
  padding-top: calc(var(--ag2header) + 20px);
  display: flex;
  flex-flow: column;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
}

#ag2column-top {
  flex: 1 1 auto;
}

footer {
  flex: 0 0 auto;
}

/** End of body **/
/**********************************
***********************************
Start of mututal
***********************************
**********************************/
/***** index *****/
.div-h1-index,
.div-h2-index,
.div-h3-itempage {
  padding: 0 var(--ag2side) 25px;
}

body#ag2blogPage .div-h1-index,
body#ag2aboutPage .div-h1-index {
  padding: 0 var(--ag2side) 30px;
}

.div-h1-index h1,
.div-h2-index h2,
.div-h3-itempage h3 {
  font-size: 20px;
}
.div-h1-index h1 span,
.div-h2-index h2 span,
.div-h3-itempage h3 span {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
}
.div-h1-index h1 span::before,
.div-h2-index h2 span::before,
.div-h3-itempage h3 span::before {
  content: "/";
  padding: 0 0.5em 0;
}

.div-h4-index,
.div-h2-itempage {
  padding: 0 0 10px;
}

.div-h4-index h4,
.div-h2-itempage h2 {
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--ag2graylight);
}

.section-index-news .div-h4-index {
  padding: 0 0 15px;
}

/***** index-more *****/
.index-more-wrap {
  padding: 35px 0 0;
}
.index-more-wrap .index-more {
  text-align: center;
}
.index-more-wrap .index-more .a-index-more {
  display: inline-block;
  color: var(--ag2black);
}
.index-more-wrap .index-more .a-index-more span {
  display: inline-block;
  position: relative;
  font-size: 12px;
  padding-bottom: 7px;
}
.index-more-wrap .index-more .a-index-more span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--ag2black);
  transition: 0.6s cubic-bezier(0.175, 0.575, 0.34, 1);
}
.index-more-wrap .index-more .a-index-more:hover {
  color: var(--ag2gray);
}
.index-more-wrap .index-more .a-index-more:hover span::after {
  left: auto;
  right: 0;
  width: 0;
  background-color: var(--ag2gray);
}

/***** ul-item *****/
.item-loop-wrap {
  padding: 0 0 90px;
}

.ul-item {
  width: 100%;
  padding: 0 6px;
}

.li-item {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding: 0 4px 40px;
}
.li-item .a-block-item {
  display: block;
  color: var(--ag2black);
}
.li-item .a-block-item .block-item-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
}
.li-item .a-block-item .block-item-img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 0;
  transition: 0.3s;
}
.li-item .a-block-item .block-item-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.li-item .a-block-item .block-item-img-wrap .block-item-noimg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #fff;
  aspect-ratio: 1/1;
}
.li-item .a-block-item .block-item-img-wrap .block-item-noimg .block-item-noimg-logo {
  width: 70%;
}
.li-item .a-block-item .block-item-img-wrap .block-item-noimg .block-item-noimg-logo svg {
  fill: var(--ag2graydark);
  width: 100%;
  height: auto;
}
.li-item .a-block-item .block-item-img-wrap .block-item-soldout-wrap {
  position: absolute;
  top: 5px;
  left: 5px;
}
.li-item .a-block-item .block-item-img-wrap .block-item-soldout-wrap .block-item-soldout span {
  display: inline-block;
  background-color: var(--ag2graydark);
  color: var(--ag2white);
  font-size: 12px;
  font-weight: bold;
  padding: 3px 7px;
  border-radius: 2px;
}
.li-item .a-block-item .block-item-txt .block-item-h3-wrap {
  padding: 12px 0 7px;
}
.li-item .a-block-item .block-item-txt .block-item-h3-wrap h3 {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 14px;
  line-height: 1.3;
  opacity: 1;
  transition: 0.3s;
}
.li-item .a-block-item .block-item-txt .block-item-price-wrap .block-item-price span {
  font-size: 14px;
}
.li-item .a-block-item .block-item-txt .block-item-price-wrap .block-item-rate {
  padding: 0 0 5px;
}
.li-item .a-block-item .block-item-txt .block-item-price-wrap .block-item-rate span {
  display: inline-block;
  background-color: var(--ag2red);
  color: #fff;
  font-size: 11px;
  padding: 3px 5px;
  border-radius: 2px;
}
.li-item .a-block-item .block-item-txt .block-item-price-wrap .block-item-discount span {
  color: var(--ag2red);
  font-size: 14px;
  line-height: 1.6;
}
.li-item .a-block-item .block-item-txt .block-item-price-wrap .block-item-proper span {
  color: var(--ag2gray);
  font-size: 12px;
  text-decoration: line-through;
}
.li-item .a-block-item:hover .block-item-img-wrap::after {
  opacity: 1;
}
.li-item .a-block-item:hover .block-item-txt .block-item-h3-wrap h3 {
  opacity: 0.5;
}

/***** ag2content *****/
.ag2content-txt {
  padding: 0 var(--ag2side) 120px;
}
.ag2content-txt p {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: var(--ag2txt);
  line-height: var(--ag2txtlh);
}

/**********************************
***********************************
End of mututal
***********************************
**********************************/
/**********************************
***********************************
Start of z-index
***********************************
**********************************/
header {
  z-index: 999999;
}

#section-menubtn {
  z-index: 99999;
}

#section-nav-menu {
  z-index: 99990;
}

#ag2wrap {
  z-index: 10;
}

/**********************************
***********************************
End of z-index
***********************************
**********************************/
/**********************************
***********************************
Start of boxFn
***********************************
**********************************/
/***** fvOff *****/
body .index01-h1-wrap, body .index01-logo-wrap {
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
  transition: 0.8s cubic-bezier(0.175, 0.575, 0.34, 1), opacity 0.6s;
}
body.fvOff .index01-h1-wrap, body.fvOff .index01-logo-wrap {
  transform: translate3d(-60px, 0px, 0px);
  opacity: 0;
}

/***** boxfv *****/
#index01-h1bar.boxfv.boxfv {
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: 0.6s cubic-bezier(0.175, 0.575, 0.34, 1);
}
#index01-h1bar.boxfv.boxfvOn {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/***** boxcover *****/
.boxcover.boxfv, .boxcover.boxvw {
  display: inline-block;
  position: relative;
}
.boxcover.boxfv::after, .boxcover.boxvw::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.boxcover.boxfv.boxcoverclr01::after, .boxcover.boxvw.boxcoverclr01::after {
  background-color: var(--ag2white);
}
.boxcover.boxfv.boxcoverclr02::after, .boxcover.boxvw.boxcoverclr02::after {
  background-color: var(--ag2black);
}
.boxcover.boxfv.boxcoverclr03::after, .boxcover.boxvw.boxcoverclr03::after {
  background-color: var(--ag2clr001);
}
.boxcover.boxfv.boxcoverclr04::after, .boxcover.boxvw.boxcoverclr04::after {
  background-color: var(--ag2clr002);
}
.boxcover.boxfv.boxfvOn::after, .boxcover.boxfv.boxvwOn::after, .boxcover.boxvw.boxfvOn::after, .boxcover.boxvw.boxvwOn::after {
  animation: ag2boxcover 1s cubic-bezier(0.175, 0.575, 0.34, 1) forwards;
}

@keyframes ag2boxcover {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
  50% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
}
.boxcover.boxfv svg, .boxcover.boxfv span, .boxcover.boxvw svg, .boxcover.boxvw span {
  opacity: 0;
  transition: 0s 0.5s;
}
.boxcover.boxfv.boxfvOn svg, .boxcover.boxfv.boxfvOn span, .boxcover.boxfv.boxvwOn svg, .boxcover.boxfv.boxvwOn span, .boxcover.boxvw.boxfvOn svg, .boxcover.boxvw.boxfvOn span, .boxcover.boxvw.boxvwOn svg, .boxcover.boxvw.boxvwOn span {
  opacity: 1;
}

/***** boxfade *****/
.boxfade.boxfv, .boxfade.boxvw {
  opacity: 0;
  transform: translate3d(60px, 0px, 0px);
  transition: 1.2s 0.6s cubic-bezier(0.175, 0.575, 0.34, 1), opacity 0.8s 0.6s;
}
.boxfade.boxfv.boxfvOn, .boxfade.boxfv.boxvwOn, .boxfade.boxvw.boxfvOn, .boxfade.boxvw.boxvwOn {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

/***** boxrotate *****/
/**********************************
***********************************
End of boxFn
***********************************
**********************************/
/**********************************
***********************************
Start of header
***********************************
**********************************/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--ag2white);
}

.header-inner {
  position: relative;
  width: 100%;
  height: var(--ag2header);
}

/**********************************
***********************************
End of header
***********************************
**********************************/
/**********************************
***********************************
Start of logo
***********************************
**********************************/
.header-column-c {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header-column-c .header-logo {
  display: inline-block;
}
.header-column-c .header-logo a {
  display: inline-block;
  transition: 0.2s;
}
.header-column-c .header-logo a:hover {
  opacity: 0.6;
}
.header-column-c .header-logo a .logoText {
  color: var(--ag2black);
  white-space: nowrap;
  font-size: 16px;
  font-weight: bold;
}
.header-column-c .header-logo a img {
  width: auto;
  height: 30px;
}
.header-column-c .header-logo a svg {
  fill: var(--ag2black);
  width: auto;
  height: 30px;
}

/**********************************
***********************************
End of logo
***********************************
**********************************/
/**********************************
***********************************
Start of BASEMenu
***********************************
**********************************/
.header-column-r {
  width: 100%;
  height: 100%;
}
.header-column-r #baseMenu {
  width: 100%;
  height: 100%;
}
.header-column-r #baseMenu ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}
.header-column-r #baseMenu ul li a {
  transition: 0.2s;
}
.header-column-r #baseMenu ul li a:hover {
  opacity: 0.6;
}
.header-column-r #baseMenu ul li a img {
  width: 20px;
  height: auto;
}

/**********************************
***********************************
End of BASEMenu
***********************************
**********************************/
/**********************************
***********************************
Start of cart
***********************************
**********************************/
.cart {
  position: relative;
}

.cart-badge {
  display: block !important;
}

.cart-qty {
  position: absolute;
  top: 4px;
  right: 5px;
  padding: 0 1px;
  min-width: 14px;
  background: #fa5171;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

/**********************************
***********************************
End of cart
***********************************
**********************************/
/**********************************
***********************************
Start of menubtn
***********************************
**********************************/
.section-menubtn {
  position: fixed;
  left: 20px;
  bottom: 30px;
}

.menubtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  height: 55px;
  overflow: hidden;
  background-color: var(--ag2black);
  border-radius: 45px;
  border-radius: 55px;
  cursor: pointer;
  transition: 0.2s;
}
.menubtn .span-menubars {
  background-color: var(--ag2white);
  transition: 0.2s;
}
.menubtn .menubtn-txt > span {
  color: var(--ag2white);
  transition: 0.2s;
}
.menubtn:hover {
  background-color: #fff;
}
.menubtn:hover .span-menubars {
  background-color: var(--ag2black);
}
.menubtn:hover .menubtn-txt > span {
  color: var(--ag2black);
}

.menubars-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
}
.menubars-wrap .menubars {
  width: 16px;
}
.menubars-wrap .menubars .span-menubars {
  display: block;
  width: 100%;
  height: 1px;
  border-radius: 1px;
  transition: 0.6s cubic-bezier(0.175, 0.575, 0.34, 1);
}
.menubars-wrap .menubars .span-menubars:nth-child(1) {
  position: relative;
  top: -2.5px;
}
.menubars-wrap .menubars .span-menubars:nth-child(2) {
  position: relative;
  top: 2.5px;
}

body.ag2navOn .menubtn {
  background-color: var(--ag2white);
}
body.ag2navOn .menubtn .span-menubars {
  background-color: var(--ag2black);
}
body.ag2navOn .menubtn .menubtn-txt > span {
  color: var(--ag2black);
}
body.ag2navOn .menubtn:hover {
  background-color: #000;
}
body.ag2navOn .menubtn:hover .span-menubars {
  background-color: var(--ag2white);
}
body.ag2navOn .menubtn:hover .menubtn-txt > span {
  color: var(--ag2white);
}
body.ag2navOn .menubars-wrap .menubars .span-menubars:nth-child(1) {
  top: 0.5px;
  transform: rotate(225deg);
}
body.ag2navOn .menubars-wrap .menubars .span-menubars:nth-child(2) {
  top: -0.5px;
  transform: rotate(-225deg);
}

/***** menubtn-txt *****/
.menubtn-txt {
  display: inline-block;
  overflow: hidden;
  width: 3.5em;
  font-size: 12px;
  padding-right: 50px;
  transform: translateX(0);
  transform: translateX(-0.2em);
  opacity: 1;
  transition: 0.6s cubic-bezier(0.175, 0.575, 0.34, 1), opacity 0.3s 0.1s;
}
.menubtn-txt span {
  display: inline-block;
  white-space: nowrap;
}

body.fvOff .menubtn-txt {
  width: 0px;
  padding-right: 0;
  transform: translateX(-2em);
  opacity: 0;
  transition: 0.45s cubic-bezier(0.175, 0.575, 0.34, 1), opacity 0.3s;
}

/**********************************
***********************************
End of menubtn
***********************************
**********************************/
/**********************************
***********************************
Start of nav
***********************************
**********************************/
.section-nav-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0vh;
  pointer-events: none;
  transition: 0.7s cubic-bezier(0.175, 0.575, 0.565, 1), background-color 0.6s cubic-bezier(0.75, 0.02, 0.45, 0.45);
}
.section-nav-menu .menu-nav-wrap {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.section-nav-menu .menu-nav-wrap nav {
  padding: var(--ag2header) 0 200px;
}

body.ag2navOn {
  overflow: hidden;
}
body.ag2navOn .section-nav-menu {
  height: 1000vh;
  height: 100lvh;
  overflow-y: auto;
  transition: 1s cubic-bezier(0.175, 0.575, 0.565, 1), background-color 1s 0.2s cubic-bezier(0.75, 0.02, 0.45, 0.45);
  pointer-events: auto;
}

/***** svg-nav *****/
.svg-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

/**********************************
***********************************
End of nav
***********************************
**********************************/
/**********************************
***********************************
Start of boxNav
***********************************
**********************************/
.boxNav {
  opacity: 0;
  transform: translateY(-60px);
  transition: 1s cubic-bezier(0.175, 0.575, 0.34, 1), opacity 0.6s;
}
.boxNav.boxNavOn {
  opacity: 1;
  transform: translateY(0px);
}

/**********************************
***********************************
End of boxNav
***********************************
**********************************/
/**********************************
***********************************
Start of i18n
***********************************
**********************************/
.ag2i18n {
  display: flex;
  justify-content: right;
  align-items: center;
  padding: 15px 15px 45px;
}
.ag2i18n .span-ag2i18n {
  display: block;
  color: var(--ag2white);
  font-size: 12px;
  margin-right: 5px;
}
.ag2i18n > div .lang, .ag2i18n > div .currency {
  display: inline-block;
  position: relative;
  width: 70px;
  padding: 0 5px;
}
.ag2i18n > div .lang:after, .ag2i18n > div .currency:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 5px;
  height: 5px;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: var(--ag2white);
  transform: translateY(-60%) rotate(45deg);
  z-index: -1;
}
.ag2i18n > div .lang .x_i18nSelectBox, .ag2i18n > div .currency .x_i18nSelectBox {
  width: 100%;
  background-color: transparent;
  color: var(--ag2white);
  text-align: left;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
  border: 0;
  border-bottom: 1px solid;
  cursor: pointer;
}

/**********************************
***********************************
End of i18n
***********************************
**********************************/
/**********************************
***********************************
Start of ul-nav-menu
***********************************
**********************************/
.ul-nav-menu {
  width: 100%;
  padding: 0 var(--ag2side) 45px;
}

.li-nav-menu {
  border-top: 1px solid var(--ag2white);
}
.li-nav-menu:last-child {
  border-bottom: 1px solid var(--ag2white);
}

.a-nav-menu, .div-nav-menu {
  display: block;
  padding: 20px 0;
  cursor: pointer;
  transition: 0.2s;
}
.a-nav-menu .span-nav-menu, .div-nav-menu .span-nav-menu {
  display: inline-block;
  color: var(--ag2white);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.02em;
  transition: 0.4s;
}
.a-nav-menu:hover .span-nav-menu, .div-nav-menu:hover .span-nav-menu {
  text-indent: 0.5em;
  color: var(--ag2gray);
}

.div-nav-menu {
  position: relative;
}
.div-nav-menu::before, .div-nav-menu::after {
  content: "";
  position: absolute;
  top: 50%;
  background-color: var(--ag2white);
  transform: translateY(-50%);
  transition: 0.2s;
}
.div-nav-menu::before {
  right: 15px;
  width: 10px;
  height: 1px;
}
.div-nav-menu::after {
  right: 19.5px;
  width: 1px;
  height: 10px;
}

.li-nav-menu .div-nav-menu-sub-wrap {
  padding: 0 calc(var(--ag2side));
}
.li-nav-menu li.appsItemCategoryTag_child {
  padding: 15px 0;
}
.li-nav-menu li.appsItemCategoryTag_child:first-child {
  padding-top: 5px;
}
.li-nav-menu li.appsItemCategoryTag_child:last-child {
  padding-bottom: 20px;
}
.li-nav-menu ul.appsItemCategoryTag_lowerchild li {
  padding: 15px 0;
  padding-left: 20px;
}
.li-nav-menu ul.appsItemCategoryTag_lowerchild li:last-child {
  padding-bottom: 0;
}
.li-nav-menu li.appsItemCategoryTag_child > a,
.li-nav-menu ul.appsItemCategoryTag_lowerchild li > a {
  display: block;
  position: relative;
  color: var(--ag2white);
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.5;
  transition: 0.4s;
}
.li-nav-menu li.appsItemCategoryTag_child > a:hover,
.li-nav-menu ul.appsItemCategoryTag_lowerchild li > a:hover {
  color: var(--ag2gray);
  padding-left: 0.5em;
}
.li-nav-menu ul.appsItemCategoryTag_lowerchild li > a {
  padding-left: 1em;
}
.li-nav-menu ul.appsItemCategoryTag_lowerchild li > a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11.25px;
  left: 0;
  width: 8px;
  height: 1px;
  background-color: var(--ag2white);
  transform: translateY(-50%);
}
.li-nav-menu ul.appsItemCategoryTag_lowerchild li > a:hover {
  padding-left: 1.5em;
}

/***** menu-sub-toggle *****/
.div-nav-menu-sub-wrap {
  height: 0;
  overflow: hidden;
  transition: 0.6s cubic-bezier(0.175, 0.575, 0.34, 1);
}

.ag2menuSubOn::before, .ag2menuSubOn::after {
  transform: translateY(-50%) rotate(45deg);
}

#ag2nav-menu-sub li {
  opacity: 0;
  transform: translateX(50px);
  transition: 1s cubic-bezier(0.175, 0.575, 0.34, 1), opacity 0.6s;
}
#ag2nav-menu-sub li.boxCatOn {
  opacity: 1;
  transform: translateX(0px);
}

/**********************************
***********************************
End of ul-nav-menu
***********************************
**********************************/
/**********************************
***********************************
Start of search
***********************************
**********************************/
.ag2search-form-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 40px;
}

.form-search input:not([type=radio]):not([type=checkbox]) {
  display: inline-flex;
  align-items: center;
  width: 180px;
  height: 40px;
  background-color: var(--ag2black);
  caret-color: var(--ag2black);
  color: var(--ag2white);
  border: 1px solid;
  border-radius: 20px;
  padding: 0 20px;
  margin-right: 15px;
  transition: 0.5s cubic-bezier(0.175, 0.575, 0.215, 1.3);
}
.form-search input:not([type=radio]):not([type=checkbox]):focus {
  width: 240px;
}
.form-search button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: var(--ag2white);
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 x=%220px%22 y=%220px%22 viewBox=%220 0 32 32%22>%0A<path fill=%22%231a1a1a%22 d=%22M31.565%2C29.468l-5.971-5.971c2.017-2.479%2C3.226-5.642%2C3.226-9.087C28.821%2C6.452%2C22.369%2C0%2C14.409%2C0C6.452%2C0%2C0%2C6.452%2C0%2C14.41 c0%2C7.96%2C6.452%2C14.412%2C14.409%2C14.412c3.446%2C0%2C6.608-1.21%2C9.087-3.226l5.971%2C5.971c0.29%2C0.29%2C0.669%2C0.435%2C1.049%2C0.435 s0.759-0.145%2C1.049-0.435C32.145%2C30.986%2C32.145%2C30.047%2C31.565%2C29.468z M6.319%2C22.502c-2.161-2.162-3.352-5.036-3.352-8.093 c0-3.056%2C1.19-5.93%2C3.352-8.091c2.161-2.161%2C5.035-3.352%2C8.091-3.352c3.057%2C0%2C5.931%2C1.19%2C8.093%2C3.352 c2.161%2C2.161%2C3.352%2C5.035%2C3.352%2C8.091c0%2C3.057-1.19%2C5.931-3.352%2C8.093c-2.162%2C2.161-5.036%2C3.352-8.093%2C3.352 C11.353%2C25.854%2C8.48%2C24.664%2C6.319%2C22.502z%22/>%0A</svg>");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  border: none;
  border-radius: 50%;
}
.form-search button:hover {
  border: none;
}

/**********************************
***********************************
End of search
***********************************
**********************************/
/**********************************
***********************************
Start of ul-nav-menu-bottom
***********************************
**********************************/
.ul-nav-menu-bottom {
  padding: 0 var(--ag2side);
}
.ul-nav-menu-bottom .a-nav-menu-bottom {
  display: block;
  position: relative;
  color: var(--ag2white);
  font-size: 12px;
  letter-spacing: 0.02em;
  padding: 10px 15px 10px 17px;
  padding: 7px 0;
  padding-left: 1em;
  transition: 0.4s;
}
.ul-nav-menu-bottom .a-nav-menu-bottom::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: var(--ag2white);
  transform: translateY(-50%);
  transition: 0.3s;
}
.ul-nav-menu-bottom .a-nav-menu-bottom:hover {
  color: var(--ag2gray);
  padding-left: 1.5em;
}

/**********************************
***********************************
End of ul-nav-menu-bottom
***********************************
**********************************/
/**********************************
***********************************
Start of news
***********************************
**********************************/
body.ag2itemsAll .section-index-news {
  display: none;
}

.li-block-news {
  padding-bottom: 10px;
}
.li-block-news:last-child {
  padding-bottom: 0px;
}
.li-block-news .a-block-news {
  display: flex;
  color: var(--ag2black);
  transition: 0.2s;
}
.li-block-news .a-block-news .block-news-img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
}
.li-block-news .a-block-news .block-news-img-wrap .block-news-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 2/1;
  overflow: hidden;
  text-align: center;
}
.li-block-news .a-block-news .block-news-img-wrap img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: 0.5s;
}
.li-block-news .a-block-news .block-news-txt-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  width: 70%;
  padding-left: 10px;
}
.li-block-news .a-block-news .block-news-txt-wrap span {
  display: inline-block;
  color: var(--ag2gray);
  font-size: 12px;
  line-height: 1.2;
  padding: 0 0 3px;
}
.li-block-news .a-block-news .block-news-txt-wrap h3 {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 13px;
  line-height: 1.5;
}
.li-block-news .a-block-news:hover {
  color: var(--ag2gray);
}
.li-block-news .a-block-news:hover .block-news-img-wrap img {
  transform: scale(1.05);
}

/**********************************
***********************************
End of news
***********************************
**********************************/
/**********************************
***********************************
Start of index-categories
***********************************
**********************************/
.index-cat-wrap {
  padding: 0 15px;
}
.index-cat-wrap .a-index-cat,
.index-cat-wrap li.appsItemCategoryTag_child > a,
.index-cat-wrap ul.appsItemCategoryTag_lowerchild li > a {
  display: block;
  position: relative;
  color: var(--ag2black);
  font-size: 12px;
  letter-spacing: 0.02em;
  padding: 7px 0;
  padding-left: 1em;
  transition: 0.4s;
}
.index-cat-wrap .a-index-cat::before,
.index-cat-wrap li.appsItemCategoryTag_child > a::before,
.index-cat-wrap ul.appsItemCategoryTag_lowerchild li > a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: var(--ag2black);
  transform: translateY(-50%);
}
.index-cat-wrap .a-index-cat:hover,
.index-cat-wrap li.appsItemCategoryTag_child > a:hover,
.index-cat-wrap ul.appsItemCategoryTag_lowerchild li > a:hover {
  color: var(--ag2gray);
  padding-left: 1.5em;
}
.index-cat-wrap ul.appsItemCategoryTag_lowerchild li > a {
  padding-left: 2em;
}
.index-cat-wrap ul.appsItemCategoryTag_lowerchild li > a::before {
  left: 1.1em;
}
.index-cat-wrap ul.appsItemCategoryTag_lowerchild li > a:hover {
  padding-left: 2.5em;
}

/**********************************
***********************************
End of index-categories
***********************************
**********************************/
.section-index-footer {
  padding: 0 var(--ag2side) 20px;
}
.section-index-footer.section-index-news {
  padding-bottom: 60px;
}
.section-index-footer.section-footer-info {
  padding-bottom: 30px;
}

/**********************************
***********************************
Start of footer-info
***********************************
**********************************/
.ul-nav-footer {
  padding: 0 15px;
}
.ul-nav-footer .a-nav-menu-bottom {
  display: block;
  position: relative;
  color: var(--ag2black);
  font-size: 12px;
  letter-spacing: 0.02em;
  padding: 7px 0;
  padding-left: 1em;
  transition: 0.4s;
}
.ul-nav-footer .a-nav-menu-bottom::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: var(--ag2black);
  transform: translateY(-50%);
}
.ul-nav-footer .a-nav-menu-bottom:hover {
  color: var(--ag2gray);
  padding-left: 1.5em;
}

/**********************************
***********************************
End of footer-info
***********************************
**********************************/
/**********************************
***********************************
Start of footer-sns
***********************************
**********************************/
.section-footer-sns::before {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid var(--ag2graylight);
}

.ul-footer-sns {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
.ul-footer-sns li {
  display: inline-block;
  padding: 0 7px;
}
.ul-footer-sns li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
}
.ul-footer-sns li a svg {
  fill: var(--ag2black);
  width: 16px;
  height: auto;
  transition: 0.2s;
}
.ul-footer-sns li a:hover svg {
  fill: var(--ag2gray);
}

/**********************************
***********************************
End of footer-sns
***********************************
**********************************/
/**********************************
***********************************
Start of footer-logo
***********************************
**********************************/
.section-footer-logo {
  padding: 0 var(--ag2side) 25px;
}

/**********************************
***********************************
End of footer-logo
***********************************
**********************************/
/**********************************
***********************************
Start of footer-i18n
***********************************
**********************************/
.section-footer-i18n .ag2i18n {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 30px;
}
.section-footer-i18n .ag2i18n .span-ag2i18n {
  color: var(--ag2black);
}
.section-footer-i18n .ag2i18n > div .lang:after, .section-footer-i18n .ag2i18n > div .currency:after {
  border-color: var(--ag2black);
}
.section-footer-i18n .ag2i18n > div .lang .x_i18nSelectBox, .section-footer-i18n .ag2i18n > div .currency .x_i18nSelectBox {
  color: var(--ag2black);
}

/**********************************
***********************************
End of footer-i18n
***********************************
**********************************/
/**********************************
***********************************
Start of copyright
***********************************
**********************************/
.section-footer-copyright {
  padding: 0 0 10px;
}
.section-footer-copyright .copyright {
  text-align: center;
}
.section-footer-copyright .copyright p {
  color: var(--ag2black);
  font-size: 10px;
}

/**********************************
***********************************
End of copyright
***********************************
**********************************/
/**********************************
***********************************
Start of breadcrumb
***********************************
**********************************/
ul.breadcrumb {
  padding: 0 10px 30px;
}
ul.breadcrumb li {
  display: inline-block;
}
ul.breadcrumb li:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 1px solid var(--ag2gray);
  border-right: 1px solid var(--ag2gray);
  margin: 0 7px 0 5px;
  transform: translateY(-2px) rotate(45deg);
}
ul.breadcrumb li:last-child:after {
  display: none;
}
ul.breadcrumb li a, ul.breadcrumb li span {
  font-size: 12px;
}
ul.breadcrumb li a {
  color: var(--ag2black);
  transition: 0.2s;
}
ul.breadcrumb li a:hover {
  color: var(--ag2gray);
}
ul.breadcrumb li span {
  color: var(--ag2gray);
}

/**********************************
***********************************
End of breadcrumb
***********************************
**********************************/
/**********************************
***********************************
Start of detail
***********************************
**********************************/
.section-ag2itempage-detail::after {
  content: "";
  display: block;
  width: 100%;
  width: calc(100% - var(--ag2side) * 2);
  border-bottom: 1px solid var(--ag2graylight);
  margin: 0 auto;
}

/***** itempage-img *****/
.itempage-img-wrap {
  padding: 0 var(--ag2side) 10px;
}

.ul-itempage-img li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ul-itempage-img li .itempage-img {
  max-width: 720px;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: var(--ag2white);
}
.ul-itempage-img li .itempage-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ul-itempage-img li .itempage-img .itempage-noimg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.ul-itempage-img li .itempage-img .itempage-noimg .itempage-noimg-logo {
  width: 60%;
}
.ul-itempage-img li .itempage-img .itempage-noimg .itempage-noimg-logo svg {
  fill: var(--ag2graydark);
  width: 100%;
  height: auto;
}

/***** ag2swpr necessary *****/
#ag2swpr {
  overflow: hidden;
  opacity: 0;
  transition: 0.5s 0.3s;
}
#ag2swpr.swpr-initialized {
  opacity: 1;
}

ul.ag2swpr-wrapper {
  display: flex;
}
ul.ag2swpr-wrapper li {
  flex: 0 0 auto;
}

/***** img-nav *****/
.itempage-img-nav-wrap {
  text-align: center;
  padding: 0 40px 30px;
}

.nav-itempage-img {
  display: inline-block;
  max-width: calc(((100vw - 20px) / 8 + 4px) * 5.5);
  background-color: #fff;
  padding: 4px;
  padding-right: 0;
  border-radius: 3px;
  box-shadow: 1px 1px 20px 3px rgba(0, 0, 0, 0.1);
}
.nav-itempage-img .ul-itempage-nav-img li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100vw - 20px) / 8);
  margin-right: 4px;
  cursor: pointer;
}
.nav-itempage-img .ul-itempage-nav-img li .itempage-nav-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
}
.nav-itempage-img .ul-itempage-nav-img li .itempage-nav-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  transition: 0.2s;
}
.nav-itempage-img .ul-itempage-nav-img li .itempage-nav-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.nav-itempage-img .ul-itempage-nav-img li .itempage-nav-img .itempage-nav-noimg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.nav-itempage-img .ul-itempage-nav-img li .itempage-nav-img .itempage-nav-noimg .itempage-nav-noimg-logo {
  width: 60%;
}
.nav-itempage-img .ul-itempage-nav-img li .itempage-nav-img .itempage-nav-noimg .itempage-nav-noimg-logo svg {
  fill: var(--ag2graydark);
  width: 100%;
  height: auto;
}
.nav-itempage-img .ul-itempage-nav-img li.swiper-slide-thumb-active .itempage-nav-img::after {
  border-color: var(--ag2black);
}

/***** ag2swprNav necessary *****/
nav#ag2swpr-nav {
  overflow: hidden;
  opacity: 0;
  transition: 0.5s 0.3s;
}
nav#ag2swpr-nav.swprNav-initialized {
  opacity: 1;
}

ul.ag2swpr-nav-wrapper {
  display: inline-flex;
}
ul.ag2swpr-nav-wrapper li {
  flex: 0 0 auto;
}

/***** product-info *****/
.itempage-product-info-wrap {
  padding: 0 var(--ag2side);
}
.itempage-product-info-wrap .itempage-soldout-wrap {
  padding: 0 0 15px;
}
.itempage-product-info-wrap .itempage-soldout-wrap span {
  display: inline-block;
  background-color: var(--ag2graydark);
  color: var(--ag2white);
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 2px;
}
.itempage-product-info-wrap .itempage-h1 {
  padding: 0 0 15px;
}
.itempage-product-info-wrap .itempage-h1 h1 {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 16px;
  line-height: 1.3;
}
.itempage-product-info-wrap .itempage-price-wrap {
  padding: 0 0 20px;
}
.itempage-product-info-wrap .itempage-price-wrap .itempage-price {
  font-size: 16px;
  letter-spacing: 0.02em;
}
.itempage-product-info-wrap .itempage-price-wrap .itempage-price-rate {
  padding: 0 0 10px;
}
.itempage-product-info-wrap .itempage-price-wrap .itempage-price-rate span {
  display: inline-block;
  background-color: var(--ag2red);
  color: #fff;
  font-size: 12px;
  padding: 3px 5px;
  border-radius: 2px;
}
.itempage-product-info-wrap .itempage-price-wrap .itempage-price-discount {
  padding: 0 0 5px;
}
.itempage-product-info-wrap .itempage-price-wrap .itempage-price-discount span {
  color: var(--ag2red);
  font-size: 16px;
  letter-spacing: 0.02em;
}
.itempage-product-info-wrap .itempage-price-wrap .itempage-price-proper span {
  color: var(--ag2gray);
  font-size: 12px;
  text-decoration: line-through;
}

/***** payid *****/
.ag2itempage-payid p.bnplBanner {
  display: inline-block;
  padding: 0;
  line-height: 2 !important;
  padding: 0 0 5px;
}
.ag2itempage-payid p, .ag2itempage-payid span {
  display: inline;
  color: var(--ag2graydark);
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 12px;
  line-height: 1.6;
}
.ag2itempage-payid img {
  width: auto;
  height: 14px;
  vertical-align: middle;
}

/***** itemAttention *****/
.ag2itempage-note #itemAttention {
  padding: 0 0 30px;
}
.ag2itempage-note #itemAttention p, .ag2itempage-note #itemAttention a {
  color: var(--ag2graydark);
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 12px;
  line-height: 1.8;
}
.ag2itempage-note #itemAttention a {
  color: var(--ag2black);
  text-decoration: underline;
}
.ag2itempage-note #itemAttention a:hover {
  color: var(--ag2graydark);
}

/***** addtocart *****/
.ag2itempage-addtocart {
  padding: 0 var(--ag2side) 40px;
}

a.purchaseButton__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: var(--ag2black);
  color: var(--ag2white);
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
a.purchaseButton__btn.purchaseButton__btn--soldOut {
  background-color: var(--ag2gray);
}
a.purchaseButton__btn:hover {
  background-color: var(--ag2gray);
}

/***** desc-txt *****/
.itempage-desc-txt-wrap {
  padding: 0 var(--ag2side);
}
.itempage-desc-txt-wrap .itempage-desc-txt {
  padding: 0 0 15px;
}
.itempage-desc-txt-wrap .itempage-desc-txt p {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: var(--ag2txt);
  line-height: var(--ag2txtlh);
}

.itempage-desc-txt-btn-wrap {
  padding: 0 0 25px;
}

.itempage-desc-txt-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 120px;
  height: 40px;
  background-color: #fff;
  border-radius: 40px;
  margin: 0 auto;
  cursor: pointer;
  transition: 0.2s;
}
.itempage-desc-txt-btn::before, .itempage-desc-txt-btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  background-color: var(--ag2black);
  transform: translateY(-50%);
  transition: 0.2s;
}
.itempage-desc-txt-btn::before {
  right: 12px;
  width: 10px;
  height: 1px;
}
.itempage-desc-txt-btn::after {
  right: 16.5px;
  width: 1px;
  height: 10px;
}
.itempage-desc-txt-btn:hover {
  background-color: var(--ag2gray);
  color: var(--ag2white);
}
.itempage-desc-txt-btn:hover::before, .itempage-desc-txt-btn:hover::after {
  background-color: var(--ag2white);
}
.itempage-desc-txt-btn span {
  font-size: 12px;
  font-weight: bold;
}

body.ag2descTxtOn .itempage-desc-txt-btn::before, body.ag2descTxtOn .itempage-desc-txt-btn::after {
  transform: translateY(-50%) rotate(45deg);
}

/**********************************
***********************************
End of detail
***********************************
**********************************/
/**********************************
***********************************
Start of report
***********************************
**********************************/
.ag2itempage-report {
  padding: 10px var(--ag2side) 120px;
  text-align: right;
}
.ag2itempage-report a#openIllegalReport {
  display: inline-block;
  color: var(--ag2gray);
  font-size: 12px;
  text-decoration: underline;
}
.ag2itempage-report a#openIllegalReport:hover {
  color: var(--ag2graydark);
}

/**********************************
***********************************
End of report
***********************************
**********************************/
/**********************************
***********************************
Start of related
***********************************
**********************************/
.section-ag2itempage-related {
  padding: 0 0 60px;
}

.itempage-related-loop {
  overflow: hidden;
  padding: 0 var(--ag2side);
}

.ul-itempage-related {
  margin-right: -8px;
}
.ul-itempage-related li {
  display: inline-block;
  vertical-align: top;
  width: 33.3333333333%;
  padding-right: 8px;
}
.ul-itempage-related li a {
  display: block;
  width: 100%;
  color: var(--ag2black);
}
.ul-itempage-related li a .itempage-related-img-wrap {
  position: relative;
  margin: 0 auto 10px;
}
.ul-itempage-related li a .itempage-related-img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 0;
  transition: 0.2s;
}
.ul-itempage-related li a .itempage-related-img-wrap img {
  width: 100%;
  height: auto;
}
.ul-itempage-related li a .itempage-related-txt-wrap h4 {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 13px;
  line-height: 1.3;
  padding: 0 0 3px;
}
.ul-itempage-related li a .itempage-related-txt-wrap span {
  font-size: 13px;
}
.ul-itempage-related li a:hover {
  color: var(--ag2gray);
}
.ul-itempage-related li a:hover .itempage-related-img-wrap::after {
  opacity: 1;
}

/**********************************
***********************************
End of related
***********************************
**********************************/
/**********************************
***********************************
Start of contact
***********************************
**********************************/
section.inquirySection {
  padding: 0 var(--ag2side) 30px;
}
section.inquirySection h1 {
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 30px;
}
section.inquirySection p {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: var(--ag2txt);
  line-height: var(--ag2txtlh);
}
section.inquirySection form {
  padding: 30px 0 0;
}
section.inquirySection form dl dt {
  font-size: var(--ag2txt);
  font-weight: bold;
  padding-bottom: 5px;
}
section.inquirySection form dl dt span {
  display: inline-block;
  color: var(--ag2red);
  vertical-align: middle;
  font-size: 11px;
  padding-left: 5px;
}
section.inquirySection form dl dd.error {
  color: var(--ag2red);
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 11px;
  line-height: 1.3;
  padding: 5px 0 15px;
}
section.inquirySection form dl dd input:not([type=radio]):not([type=checkbox]),
section.inquirySection form dl dd textarea {
  width: 100%;
  border-color: var(--ag2gray);
  transition: 0.3s;
}
section.inquirySection form dl dd input:not([type=radio]):not([type=checkbox]):focus,
section.inquirySection form dl dd textarea:focus {
  border-color: var(--ag2graydark);
}
section.inquirySection form dl dd textarea {
  height: 200px;
}
section.inquirySection form #buttonLeave {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.inquiry-note-wrap {
  padding: 0 var(--ag2side) 120px;
}
.inquiry-note-wrap .inquiry-note {
  background-color: #fff;
  font-size: var(--ag2txt);
  padding: 20px calc(10px + 1em);
  border-radius: 5px;
}
.inquiry-note-wrap .inquiry-note p {
  text-indent: -1em;
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  font-size: var(--ag2txt);
  line-height: var(--ag2txtlh);
}

/**********************************
***********************************
End of contact
***********************************
**********************************/
/**********************************
***********************************
Start of privacy
***********************************
**********************************/
#privacy {
  padding: 0 var(--ag2side) 120px;
}
#privacy h2 {
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 30px;
}
#privacy p {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: var(--ag2txt);
  line-height: var(--ag2txtlh);
  padding-bottom: 45px;
}
#privacy dl dt {
  font-size: var(--ag2txt);
  font-weight: bold;
  padding-bottom: 10px;
}
#privacy dl dd {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: var(--ag2txt);
  line-height: var(--ag2txtlh);
  padding-bottom: 30px;
}

/**********************************
***********************************
End of privacy
***********************************
**********************************/
/**********************************
***********************************
Start of law
***********************************
**********************************/
#law {
  padding: 0 var(--ag2side) 120px;
}
#law h2 {
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 45px;
}
#law h3 {
  font-size: var(--ag2txt);
  padding: 40px 0 5px;
}
#law h3:nth-child(2) {
  padding-top: 0;
}
#law p {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: var(--ag2txt);
  line-height: var(--ag2txtlh);
}
#law p.law_attention {
  background-color: #fff;
  border-radius: 5px;
  padding: 15px 20px;
  margin: 15px auto 5px;
}

/**********************************
***********************************
End of law
***********************************
**********************************/
/**********************************
***********************************
Start of blog-list
***********************************
**********************************/
.blogListMain {
  padding: 0 var(--ag2side) 120px;
}
.blogListMain .blog_inner {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 !important;
  border: 0 !important;
}
.blogListMain .blog_inner .blog_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  width: 70%;
}
.blogListMain .blog_inner .blog_title h2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 13px;
  line-height: 1.5;
}
.blogListMain .blog_inner .blog_title h2 a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--ag2black);
  padding-left: 10px;
}
.blogListMain .blog_inner .blog_publish {
  display: none;
}
.blogListMain .blog_inner .blog_head_image {
  width: 30%;
}
.blogListMain .blog_inner .blog_head_image a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 2/1;
  overflow: hidden;
  text-align: center;
}
.blogListMain .blog_inner .blog_head_image a img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: 0.5s;
}
.blogListMain .blog_inner .blog_head_image a:hover img {
  transform: scale(1.05);
}
.blogListMain .blog_inner .blog_contents {
  display: none;
}
.blogListMain .blog_inner:hover .blog_title h2 a {
  color: var(--ag2gray);
}
.blogListMain .blog_inner:hover .blog_head_image a img {
  transform: scale(1.05);
}
.blogListMain .paginate-wrp {
  text-align: center;
}
.blogListMain .paginate-wrp ul.paginate {
  display: inline-block;
  font-size: 10px;
}
.blogListMain .paginate-wrp ul.paginate li {
  display: inline-block;
  padding: 0 3px;
}

/**********************************
***********************************
End of blog-list
***********************************
**********************************/
/**********************************
***********************************
Start of blog-single
***********************************
**********************************/
.blogDetail {
  padding: 0 var(--ag2side) 90px;
}
.blogDetail .blog_inner {
  border-bottom: 0 !important;
  padding: 0 !important;
}
.blogDetail .blog_inner .blog_title {
  padding-bottom: 5px;
}
.blogDetail .blog_inner .blog_title h2 {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: 14px;
  line-height: 1.6 !important;
}
.blogDetail .blog_inner .blog_title h2 a {
  color: var(--ag2black);
  pointer-events: none;
}
.blogDetail .blog_inner .blog_publish {
  padding-bottom: 10px;
  border-bottom: 1px solid;
  border-color: var(--ag2graylight);
  margin: 0 auto !important;
}
.blogDetail .blog_inner .blog_publish p {
  color: var(--ag2gray);
  font-size: 12px !important;
  margin: 0 auto !important;
}
.blogDetail .blog_inner .blog_body {
  max-width: 840px;
  padding: 15px 0 30px;
  margin: 0 auto !important;
}
.blogDetail .blog_inner .blog_body img {
  display: block;
  margin: 15px auto !important;
}
.blogDetail .blog_inner .blog_body p, .blogDetail .blog_inner .blog_body div {
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  font-size: var(--ag2txt);
  line-height: var(--ag2txtlh);
}
.blogDetail .blog_inner .social {
  margin: 0 auto !important;
}
.blogDetail .blog_inner .social ul {
  text-align: center;
}
.blogDetail .blog_inner .social ul::before {
  content: "SHARE";
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 15px auto;
}
.blogDetail .blog_inner .social ul li {
  display: inline-block;
  padding: 0 3px;
  margin: 0 auto;
}
.blogDetail .blog_inner .social ul li img {
  width: 24px;
  height: auto;
}

/**********************************
***********************************
End of blog-single
***********************************
**********************************/
/**********************************
***********************************
Start of postageInfo
***********************************
**********************************/
#postageInfo {
  margin-top: var(--ag2header);
}
#postageInfo .shippingModal__closeIcon {
  background-color: transparent;
  border: 0;
}

@media screen and (min-width: 640px) {
  #postageInfo {
    margin-top: -265px;
  }
}
/**********************************
***********************************
End of postageInfo
***********************************
**********************************/
/**********************************
***********************************
Start of restockMailNotificationModal
***********************************
**********************************/
.purchaseButtonModal__container {
  padding: 30px 5px;
}
.purchaseButtonModal__container .purchaseButtonModal__informationText {
  line-height: 1.6;
}
.purchaseButtonModal__container .purchaseButtonModal__closeIcon {
  background-color: transparent;
  border: 0;
}
.purchaseButtonModal__container .purchaseButtonModal__closeIcon:hover {
  background-color: transparent;
  border: 0;
}

/**********************************
***********************************
End of restockMailNotificationModal
***********************************
**********************************/
.display-pc {
  display: none;
}

/**********************************
***********************************
Start of 640
***********************************
**********************************/
@media screen and (min-width: 640px) {
  :root {
    --ag2header: 90px;
    --ag2side: 30px;
    --ag2txtlh: 2;
    --ag2columnSide: 220px;
  }
  /** Start of body **/
  .display-sp {
    display: none !important;
  }
  .display-pc {
    display: inline;
  }
  #ag2wrap {
    padding-top: calc(var(--ag2header) + 30px);
  }
  .ag2column-max {
    max-width: calc(1200px + var(--ag2columnSide) + var(--ag2side) * 2);
    padding: 0 var(--ag2side);
    margin: 0 auto;
  }
  #ag2column-top {
    display: flex;
  }
  #ag2column-side {
    flex: 0 0 auto;
    position: relative;
    width: var(--ag2columnSide);
  }
  #ag2column-side aside {
    width: var(--ag2columnSide);
    padding: 0 40px 40px 0;
  }
  #ag2column-main {
    flex: 1 1 auto;
    position: relative;
    width: calc(100% - var(--ag2columnSide));
  }
  .ag2aside-fixedtop {
    position: fixed;
    top: var(--ag2header);
  }
  .ag2aside-fixedbottom {
    position: fixed;
    bottom: 0;
  }
  .ag2aside-absobottom {
    position: absolute;
    bottom: 0;
  }
  /** End of body **/
  /**********************************
  Start of mututal
  **********************************/
  /***** index *****/
  .div-h1-index,
  .div-h2-index,
  .div-h3-itempage {
    padding: 0 0 25px;
  }
  body#ag2blogPage .div-h1-index,
  body#ag2aboutPage .div-h1-index {
    padding: 0 0 30px;
  }
  .div-h4-index h4,
  .div-h2-itempage h2 {
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: 0 solid var(--ag2graylight);
  }
  .div-h2-itempage h2 {
    border-bottom: 1px solid var(--ag2graylight);
  }
  .section-index-news .div-h4-index {
    padding: 0 0 20px;
  }
  .section-index-news .div-h4-index h4 {
    border-bottom: 1px solid var(--ag2graylight);
  }
  /***** index-more *****/
  .index-more-wrap {
    padding: 60px 0 0;
  }
  /***** ul-item *****/
  .ul-item {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
  }
  .li-item {
    width: calc((100% - 16px) / 3);
    padding: 0 0 40px;
  }
  /***** ag2content *****/
  .ag2content-txt {
    padding: 0 0 120px;
  }
  /**********************************
  End of mututal
  **********************************/
  /**********************************
  Start of header
  **********************************/
  .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  /***** search *****/
  .header-column-l .ag2search-form-wrap {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  .header-column-l .ag2search-form-wrap .form-search {
    display: inline-block;
    height: 35px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 40px;
  }
  .header-column-l .ag2search-form-wrap .form-search input:not([type=radio]):not([type=checkbox]) {
    width: 90px;
    height: 100%;
    background-color: transparent;
    caret-color: var(--ag2gray);
    color: var(--ag2black);
    font-size: 14px;
    border: none;
    border-radius: 0;
    padding: 0 0 0 15px;
    margin: 0;
    box-shadow: none;
  }
  .header-column-l .ag2search-form-wrap .form-search input:not([type=radio]):not([type=checkbox]):focus {
    width: 110px;
  }
  .header-column-l .ag2search-form-wrap .form-search button {
    height: 100%;
    background-color: transparent;
    border-radius: 0;
  }
  .header-column-l .ag2search-form-wrap .form-search button:hover {
    opacity: 0.5;
  }
  /***** logo *****/
  .header-column-c .header-logo a .logoText {
    font-size: 24px;
  }
  .header-column-c .header-logo a img {
    width: auto;
    height: 34px;
  }
  .header-column-c .header-logo a svg {
    width: auto;
    height: 50px;
  }
  /***** BASEMenu *****/
  .header-column-r {
    display: inline-block;
    width: auto;
    height: auto;
  }
  .header-column-r #baseMenu {
    width: auto;
    height: auto;
  }
  .header-column-r #baseMenu ul {
    width: auto;
    height: auto;
    padding: 0;
  }
  .header-column-r #baseMenu ul li {
    padding-right: 25px;
  }
  .header-column-r #baseMenu ul li:last-child {
    padding-right: 0;
  }
  .header-column-r #baseMenu ul li a img {
    width: 20px;
    height: auto;
  }
  /**********************************
  End of header
  **********************************/
  /**********************************
  Start of nav
  **********************************/
  .ul-nav-side > li {
    padding: 0 0 15px;
  }
  .ul-nav-side > li a {
    display: inline-block;
    color: var(--ag2black);
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    transition: 0.4s, color 0.2s;
  }
  .ul-nav-side > li a:hover {
    color: var(--ag2gray);
  }
  .ul-nav-side > li .span-nav-side {
    display: inline-block;
    color: var(--ag2black);
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 0 15px;
  }
  div.side-nav-category-list > ul {
    padding-left: 12px;
  }
  div.side-nav-category-list > ul > li {
    padding: 0 0 15px;
  }
  div.side-nav-category-list > ul > li:last-child {
    padding: 0;
  }
  div.side-nav-category-list > ul > li a {
    font-weight: 400;
    line-height: 1.5;
  }
  div.side-nav-category-list > ul > li > ul.appsItemCategoryTag_lowerchild > li {
    padding: 7px 0 0;
    padding-left: 15px;
  }
  div.side-nav-category-list > ul > li > ul.appsItemCategoryTag_lowerchild > li a {
    position: relative;
    padding-left: 1em;
  }
  div.side-nav-category-list > ul > li > ul.appsItemCategoryTag_lowerchild > li a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 9.75px;
    left: 0;
    width: 8px;
    height: 1px;
    background-color: var(--ag2black);
    transform: translateY(-50%);
    transition: 0.3s;
  }
  /**********************************
  End of nav
  **********************************/
  /**********************************
  Start of news
  **********************************/
  #ul-block-news {
    margin-right: -20px;
    overflow: hidden;
  }
  .li-block-news {
    display: inline-block;
    width: calc(33.3333333333% - 20px);
    vertical-align: top;
    padding-bottom: 0;
    margin-right: 20px;
  }
  .li-block-news .a-block-news {
    display: inline-block;
  }
  .li-block-news .a-block-news .block-news-img-wrap {
    width: 100%;
    padding: 0 0 15px;
  }
  .li-block-news .a-block-news .block-news-txt-wrap {
    display: block;
    width: 100%;
    padding-left: 0;
  }
  .li-block-news .a-block-news .block-news-txt-wrap h3 {
    line-height: 1.6;
  }
  /**********************************
  End of news
  **********************************/
  /**********************************
  Start of footer
  **********************************/
  footer {
    padding: 45px 0 0;
    border-top: 1px solid var(--ag2graylight);
  }
  /***** index-news *****/
  .section-index-footer {
    padding: 0;
  }
  .section-index-footer.section-index-news {
    padding: 0 0 120px;
  }
  .section-index-footer.section-footer-info {
    width: 240px;
    margin-right: 60px;
  }
  /***** footer-info *****/
  .footer-top {
    display: flex;
    padding: 0 0 40px;
  }
  .ul-nav-footer {
    justify-content: start;
    padding: 0;
  }
  .ul-nav-footer .a-nav-menu-bottom {
    display: inline-block;
  }
  /***** footer-sns *****/
  .section-footer-sns::before {
    display: none;
  }
  .ul-footer-sns {
    justify-content: start;
    padding: 0;
    border-top: 0;
  }
  .ul-footer-sns li {
    padding: 0;
    padding-right: 7px;
  }
  .ul-footer-sns li:last-child {
    padding: 0;
  }
  /***** footer-logo *****/
  .section-footer-logo {
    padding: 0 0 30px;
  }
  /***** footer-i18n *****/
  .section-footer-i18n .ag2i18n {
    padding: 0 0 35px;
  }
  .section-footer-i18n .ag2i18n .x_i18nSelectBox {
    height: auto;
    min-width: auto;
    margin: 0;
    border-radius: 0;
  }
  /**********************************
  End of footer
  **********************************/
  /**********************************
  Start of breadcrumb
  **********************************/
  ul.breadcrumb {
    padding: 0 0 45px;
  }
  /**********************************
  End of breadcrumb
  **********************************/
  /**********************************
  Start of itempage
  **********************************/
  .section-ag2itempage-detail::after {
    width: 100%;
  }
  /**********
  detail
  **********/
  /***** itempage-img *****/
  .itempage-img-wrap {
    padding: 0 0 20px;
  }
  /***** img-nav *****/
  .itempage-img-nav-wrap {
    padding: 0 40px 45px;
  }
  .nav-itempage-img {
    max-width: 357.5px;
    padding: 5px;
    padding-right: 0;
  }
  .nav-itempage-img .ul-itempage-nav-img li {
    width: 60px;
    margin-right: 5px;
  }
  /***** product-info *****/
  .itempage-product-info-wrap {
    padding: 0;
  }
  .itempage-product-info-wrap .itempage-h1 h1 {
    font-size: 24px;
  }
  .itempage-product-info-wrap .itempage-price-wrap .itempage-price-proper span {
    font-size: 14px;
  }
  /***** addtocart *****/
  .ag2itempage-addtocart {
    padding: 0 0 40px;
  }
  /***** desc-txt *****/
  .itempage-desc-txt-wrap {
    padding: 0;
  }
  .itempage-desc-txt-wrap .itempage-desc-txt {
    padding: 0 0 25px;
  }
  .itempage-desc-txt-btn-wrap {
    padding: 0 0 30px;
  }
  /**********
  report
  **********/
  .ag2itempage-report {
    padding: 15px 0 120px;
  }
  /**********
  related
  **********/
  .itempage-related-loop {
    padding: 0;
  }
  .ul-itempage-related {
    margin-right: -10px;
  }
  .ul-itempage-related li {
    padding-right: 10px;
  }
  .ul-itempage-related li a .itempage-related-txt-wrap h4 {
    padding: 0 0 5px;
  }
  /**********************************
  End of itempage
  **********************************/
  /**********************************
  Start of blog
  **********************************/
  /**********
  blog-list
  **********/
  .blogListMain {
    padding: 0 0 120px;
    margin-right: -20px;
  }
  .blogListMain .blog_inner {
    display: inline-flex;
    flex-flow: column;
    flex-direction: column-reverse;
    width: calc(33.3333333333% - 20px);
    vertical-align: top;
    padding-bottom: 0;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .blogListMain .blog_inner .blog_title {
    display: block;
    width: 100%;
  }
  .blogListMain .blog_inner .blog_title h2 a {
    padding-top: 15px;
    padding-left: 0;
  }
  .blogListMain .blog_inner .blog_head_image {
    width: 100%;
  }
  .blogListMain .paginate-wrp ul.paginate {
    font-size: 12px;
  }
  .blogListMain .paginate-wrp ul.paginate li {
    padding: 0 5px;
  }
  /**********
  blog-single
  **********/
  .blogDetail {
    padding: 0 0 40px;
  }
  .blogDetail .blog_title {
    padding-bottom: 10px;
  }
  .blogDetail .blog_title h2 {
    font-size: 20px;
  }
  .blogDetail .blog_publish p {
    font-size: 14px !important;
  }
  /**********************************
  End of blog
  **********************************/
  /**********************************
  Start of contact
  **********************************/
  section.inquirySection {
    padding: 0 0 45px;
  }
  .inquiry-note-wrap {
    padding: 0 0 50px;
  }
  .inquiry-note-wrap .inquiry-note {
    padding: 20px calc(20px + 1em);
  }
  .inquiry-note-wrap .inquiry-note p {
    text-indent: -1em;
  }
  /**********************************
  End of contact
  **********************************/
  /**********************************
  Start of privacy
  **********************************/
  #privacy {
    padding: 0 0 50px;
  }
  /**********************************
  End of privacy
  **********************************/
  /**********************************
  Start of law
  **********************************/
  #law {
    padding: 0 0 50px;
  }
  /**********************************
  End of law
  **********************************/
}
/**********************************
***********************************
End of 640
***********************************
**********************************/
/**********************************
***********************************
Start of 840
***********************************
**********************************/
@media screen and (min-width: 840px) {
  /**********************************
  Start of mututal
  **********************************/
  /***** ul-item *****/
  .item-loop-wrap {
    padding: 0 0 240px;
  }
  .block-no-item-wrap {
    padding: 0 var(--ag2side) 40px;
  }
  .li-item {
    width: calc((100% - 24px) / 4);
  }
  /**********************************
  End of mututal
  **********************************/
  /**********************************
  Start of header
  **********************************/
  /***** search *****/
  .header-column-l .ag2search-form-wrap .form-search input:not([type=radio]):not([type=checkbox]) {
    width: 180px;
  }
  .header-column-l .ag2search-form-wrap .form-search input:not([type=radio]):not([type=checkbox]):focus {
    width: 210px;
  }
  /**********************************
  End of header
  **********************************/
  /**********************************
  Start of itempage
  **********************************/
  .section-ag2itempage-detail {
    display: flex;
    border-bottom: 1px solid var(--ag2graylight);
  }
  .section-ag2itempage-detail::after {
    display: none;
  }
  /***** detail *****/
  #itempage-column-img {
    width: 50%;
  }
  #itempage-column-info {
    width: 50%;
    padding-top: 30px;
    padding-left: 4.5%;
  }
  section.section-itempage-img,
  section.section-itempage-product-info {
    position: sticky;
    top: var(--ag2header);
  }
  /***** product-info *****/
  .itempage-product-info-wrap .itempage-soldout-wrap {
    padding: 0 0 25px;
  }
  /***** desc-txt *****/
  .itempage-desc-txt-wrap .itempage-desc-txt {
    padding: 0 0 40px;
  }
  /**********
  report
  **********/
  .ag2itempage-report {
    padding: 15px 0 180px;
  }
  /**********************************
  End of itempage
  **********************************/
}
/**********************************
***********************************
End of 840
***********************************
**********************************/
/*# sourceMappingURL=style.css.map */