:root {
--baseFont: "Noto Sans JP", sans-serif;
--shipporiFont: "Shippori Mincho", serif;
--lustria: "Lustria", serif;
--navy: #303351;
--white: #ffffff;
--white-100: #f3f3f3;
--white-200: #f8f8f8;
--white-300: #f1f2f4;
--black: #333333;
--blue: #0268b7;
--red: #c60f23;
--txt-gray: #aaa;
--border-gray: #f2f2f2;
}

/* Reset */

html {
font-size: 62.5%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}

body {
-webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

svg:not(:root) {
overflow: hidden;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,
img {
height: auto;
border: 0;
}

li {
list-style: none;
}

caption,
th {
text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}

q:before,
q:after {
content: "";
}

abbr,
acronym {
border: 0;
font-variant: normal;
}

sup {
vertical-align: super;
}

sub {
vertical-align: sub;
}

input,
textarea,
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

input,
textarea,
select {
font-size: 100%;
}

input,
select {
vertical-align: middle;
}

/* legend {
color: #000;
} */

*,
*:before,
*:after {
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
color: var(--navy);
}

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

.u-bg-gray {
background-color: #f6f6f6;
}

.u-p-30px {
padding: 30px;
}

.u-pt-10px {
padding-top: 10px;
}

.u-flex-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}

.u-flex-col {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

body {
font-weight: 500;
font-size: 1.6rem;
line-height: 1.4;
font-family: var(--baseFont);
color: var(--navy);
min-width: 375px;
}

body.body-js-active {
overflow: hidden;
}
body.fixed {
overflow: hidden;
}

@media (max-width: 767px) {
body {
  font-size: 1.4rem;
  line-height: 2;
}
}

a {
color: var(--navy);
}

/* container */

.container {
max-width: 1330px;
margin: 0 auto;
width: 100%;
padding: 0 15px;
}

.sp {
display: none;
}

@media (max-width: 767px) {
.pc {
  display: none;
}
.sp {
  display: block;
}
}

.c-breadcrumb {
max-width: 1200px;
margin: 35px auto 30px;
font-size: 1rem;
letter-spacing: 0.05em;
}

@media (max-width: 767px) {
.c-breadcrumb {
  margin: 30px 0;
  padding: 0 15px;
}
}

.c-breadcrumb span {
margin: 0 5px;
}

@media (max-width: 767px) {
.c-breadcrumb span {
  margin: 0;
}
}

.c-breadcrumb a {
text-decoration: none;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

.hide-pc {
display: block;
}

@media only screen and (min-width: 768px) {
.hide-pc {
  display: none;
}
}

.hide-sp {
display: none;
}

@media only screen and (min-width: 768px) {
.hide-sp {
  display: block;
}
}

.c-btn {
font-family: var(--shipporiFont);
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 1.4px;
text-decoration: none;
position: relative;
padding-left: 39px;
height: 20px;
line-height: 20px;
display: block;
}

@media only screen and (min-width: 768px) {
.c-btn {
  font-size: 1.6rem;
  letter-spacing: 1.6px;
  padding-left: 47px;
}
}

.c-btn.c-btn-small {
font-size: 1.2rem;
letter-spacing: 1.2px;
padding-left: 38px;
margin-left: -1px;
display: block;
}

@media only screen and (min-width: 768px) {
.c-btn.c-btn-small {
  font-size: 1.4rem;
  padding-left: 40px;
}
}

@media only screen and (min-width: 768px) {
.c-menu_head {
  width: 235px;
  flex: 0 0 235px;
}
}

.c-menu_head .title {
text-align: center;
font-family: var(--shipporiFont);
font-size: 2.8rem;
font-weight: 600;
letter-spacing: 1.4px;
margin-bottom: 14px;
}

@media only screen and (min-width: 768px) {
.c-menu_head .title {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  line-height: 55px;
  text-align: left;
  font-size: 4.2rem;
  padding-left: 56px;
  letter-spacing: 8.1px;
}
.c-menu_head .title span {
  display: block;
  margin-top: 61px;
}
}

.c-menu_head .menu-product {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px;
overflow-x: auto;
position: relative;
}

@media only screen and (min-width: 768px) {
.c-menu_head .menu-product {
  margin-top: 67px;
  overflow: hidden;
  padding: 40px 0;
}
}

.c-menu_head .menu-product ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 545px;
gap: 15px;
}

@media only screen and (min-width: 768px) {
.c-menu_head .menu-product ul {
  display: block;
  width: 100%;
}
.c-menu_head .menu-product ul li {
  margin-bottom: 20px;
}
}

.c-menu_head .menu-product a.active {
font-weight: 700;
background: var(--right-gray, #f7f7f7);
}

.c-menu_head .menu-product a.active:before {
opacity: 1;
}

.c-menu_head .menu-product a {
font-family: var(--shipporiFont);
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.7px;
padding: 6px 15px 6px 23px;
text-decoration: none;
position: relative;
display: block;
white-space: nowrap;
}

@media only screen and (min-width: 768px) {
.c-menu_head .menu-product a {
  font-size: 2rem;
  padding: 12px 0 12px 29px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.c-menu_head .menu-product a:hover {
  font-weight: 700;
  background: var(--right-gray, #f7f7f7);
}
.c-menu_head .menu-product a:hover:before {
  opacity: 1;
}
}

.c-menu_head .menu-product a:before {
content: "";
width: 9px;
height: 10px;
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot.svg?1730904246179)
  no-repeat center center;
background-size: 9px 10px;
position: absolute;
left: 9px;
top: 15px;
opacity: 0;
}

@media only screen and (min-width: 768px) {
.c-menu_head .menu-product a:before {
  top: 20px;
}
}

.c-list-product, .p-top .section05 .c-list-product {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 10px;
margin-top: 30px;
}

@media only screen and (min-width: 768px) {
.c-list-product, .p-top .section05 .c-list-product  {
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 70px;
  gap: 60px 50px;
  padding-top: 100px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-list-product, .p-top .section05 .c-list-product {
  grid-template-columns: 1fr 1fr;
}
}

.c-list-product .item {
text-decoration: none;
transition: all 0.3s linear;
}

.c-list-product .item:hover {
opacity: 0.7;
}

.c-list-product .item_photo {
width: 100%;
border: 1px solid #d9d9d9;
position: relative;
}

.c-list-product .item_photo img {
width: 100%;
height: auto;
display: block;
margin: auto;
}

.c-list-product .item_photo .tag {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 30px;
padding: 8px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 1.4rem;
font-weight: 500;
font-family: var(--shipporiFont);
letter-spacing: 1.82px;
line-height: 15.4px;
text-align: center;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
border-radius: 100px;
border: 1px solid var(--navy, #303351);
background: var(--white, #fff);
position: absolute;
right: 12px;
top: 10px;
}

@media only screen and (min-width: 768px) {
.c-list-product .item_photo .tag {
  width: 34px;
  font-size: 1.6rem;
  right: 19px;
  top: 19px;
  padding: 14px 8px;
}
}

.c-list-product .item_photo .number {
width: 36.3px;
height: 33px;
font-size: 1.6rem;
font-family: var(--lustria);
font-weight: 400;
color: var(--white, #fff);
letter-spacing: 2.059px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
position: absolute;
top: -4px;
left: -3px;
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot5.svg?1730904289978)
  no-repeat center center;
background-size: 36.3px 33px;
display: none;
}

@media only screen and (min-width: 768px) {
.c-list-product .item_photo .number {
  background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot5.svg?1730904289978)
    no-repeat center center;
  background-size: 55px 50px;
  width: 55px;
  height: 50px;
  line-height: 50px;
  font-size: 2.4rem;
  top: -6px;
  left: -7px;
}
}

.c-list-product .item_photo .number.n01 {
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot1.svg?1730904313172)
  no-repeat center center;
background-size: 36.3px 33px;
}

@media only screen and (min-width: 768px) {
.c-list-product .item_photo .number.n01 {
  background-size: 55px 50px;
}
}

.c-list-product .item_photo .number.n02 {
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot2.svg?1730904333156)
  no-repeat center center;
background-size: 36.3px 33px;
}

@media only screen and (min-width: 768px) {
.c-list-product .item_photo .number.n02 {
  background-size: 55px 50px;
}
}

.c-list-product .item_photo .number.n03 {
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot3.svg?1730904333169)
  no-repeat center center;
background-size: 36.3px 33px;
}

@media only screen and (min-width: 768px) {
.c-list-product .item_photo .number.n03 {
  background-size: 55px 50px;
}
}

.c-list-product .item_photo .number.n04 {
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot4.svg?1730904333214)
  no-repeat center center;
background-size: 36.3px 33px;
}

@media only screen and (min-width: 768px) {
.c-list-product .item_photo .number.n04 {
  background-size: 55px 50px;
}
}

.c-list-product .item .item_tagname {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px;
}

@media only screen and (min-width: 768px) {
.c-list-product .item .item_tagname {
  margin-top: 23px;
}
}

.c-list-product .item .item_tagname span {
border-radius: 100px;
border: 1px solid var(--navy, #303351);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 8px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 1.2rem;
letter-spacing: 1.56px;
line-height: 19.2px;
text-align: center;
}

@media only screen and (min-width: 768px) {
.c-list-product .item .item_tagname span {
  font-size: 1.6rem;
  padding: 4px 9px;
}
}

.c-list-product .item h3 {
font-family: var(--shipporiFont);
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: 0.8px;
font-weight: 500;
text-decoration: none;
display: block;
margin-top: 10px;
}

@media only screen and (min-width: 768px) {
.c-list-product .item h3 {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 3.12px;
}
}

.c-list-product .item dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: -2px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

@media only screen and (min-width: 768px) {
.c-list-product .item dl {
  margin-top: 16px;
}
}

.c-list-product .item dl dt {
color: var(--txt-gray, #aaa);
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 1.56px;
}

@media only screen and (min-width: 768px) {
.c-list-product .item dl dt {
  font-size: 1.6rem;
  letter-spacing: 2.08px;
}
}

.c-list-product .item dl dd {
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 2.08px;
font-family: var(--lustria);
}

@media only screen and (min-width: 768px) {
.c-list-product .item dl dd {
  font-size: 2rem;
  letter-spacing: 2.08px;
}
}

.c-list-product .item dl dd span {
font-weight: 500;
font-family: var(--shipporiFont);
}

@media only screen and (min-width: 768px) {
.c-list-product .item dl dd span {
  font-size: 1.6rem;
}
}

.pageup {
display: none;
}

@media only screen and (min-width: 768px) {
.pageup {
  display: block;
  width: 63px;
  height: 63px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  opacity: 0;
}
.pageup.show {
  opacity: 1;
}
.pageup.absolute {
  top: -70px;
  position: absolute;
}
}

.c-header-order {
background: var(--navy);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 6px 10px;
color: var(--white, #fff);
text-align: center;
font-size: 1.4rem;
font-weight: 700;
line-height: 2.1428571429;
letter-spacing: 1.12px;
}

@media only screen and (min-width: 768px) {
.c-header-order {
  padding: 9px;
  font-size: 1.4rem;
  gap: 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
}

.c-header-order .tit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 71px;
height: 24px;
padding: 2px 0 3px 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
border: 1px solid #fff;
text-align: center;
font-family: var(--shipporiFont);
font-weight: 600;
color: var(--white);
}
.c-header-order p > * {
color: var(--white);
}
.c-header-order div {
width: calc(100% - 71px);
overflow: hidden;
padding-left: 9px;
line-height: 1;
}

.c-header-order div span {
    display: none;
    color: #fff;
}

.c-header-order a {
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .c-header-order div a:hover {
        text-decoration: underline;   
    }
.c-header-order div {
  width: auto;
  padding-left: 0;
}
.c-header-order div marquee {
  display: none;
}
.c-header-order div span {
  display: block;
}
}

.c-header-inner-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding-top: 10px;
}

@media only screen and (min-width: 768px) {
.c-header-inner-top {
  padding-top: 14px;
}
}

.c-header-inner .btn-menu {
position: absolute;
left: 0;
top: 5px;
font-family: var(--lustria);
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 30px;
cursor: pointer;
}

@media only screen and (min-width: 768px) {
.c-header-inner .btn-menu {
  left: 0;
  top: 52px;
  font-size: 2rem;
  line-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
}

.c-header-inner .btn-menu span {
width: 30px;
height: 2px;
display: block;
background: var(--navy);
position: relative;
margin-top: 9px;
margin-left: 4px;
}

@media only screen and (min-width: 768px) {
.c-header-inner .btn-menu span {
  top: 1px;
  margin: 0;
}
}

.c-header-inner .btn-menu span:after,
.c-header-inner .btn-menu span:before {
content: "";
height: 2px;
background: var(--navy);
position: absolute;
left: 0;
}

.c-header-inner .btn-menu span:before {
width: 100%;
top: -9px;
}

.c-header-inner .btn-menu span:after {
width: 50%;
top: 9px;
}

.c-header-inner .list-btnheader {
position: absolute;
top: 20px;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 20px;
}

@media only screen and (min-width: 768px) {
.c-header-inner .list-btnheader {
  top: 49px;
  right: 5px;
  gap: 50px;
}
}

.c-header-inner .list-btnheader .ic-seach {
display: block;
width: 21px;
height: 21px;
}

@media only screen and (min-width: 768px) {
.c-header-inner .list-btnheader .ic-seach {
  width: 24px;
  height: 24px;
}
}

.c-header-inner .list-btnheader .ic-account {
display: block;
width: 18px;
height: 20px;
}

@media only screen and (min-width: 768px) {
.c-header-inner .list-btnheader .ic-account {
  width: 20px;
  height: 23px;
}
}

.c-header-inner .list-btnheader .ic-cart {
display: block;
width: 25px;
height: 20px;
}

@media only screen and (min-width: 768px) {
.c-header-inner .list-btnheader .ic-cart {
  width: 29px;
  height: 23px;
}
}

.c-header-inner .list-btnheader .btn-cart {
position: relative;
}

.c-header-inner .list-btnheader .btn-cart span {
width: 16px;
height: 16px;
display: block;
border-radius: 50%;
background: var(--navy);
color: var(--white, #fff);
text-align: center;
font-family: var(--shipporiFont);
font-size: 1.2rem;
font-weight: 600;
line-height: 16px;
position: absolute;
right: -8px;
bottom: -7px;
}

@media only screen and (min-width: 768px) {
.c-header-inner .list-btnheader .btn-cart span {
  width: 18px;
  height: 18px;
  bottom: 0;
  line-height: 18px;
}
}

.c-header-inner .c-header-logo img {
width: 106px;
height: 59px;
display: block;
}

@media only screen and (min-width: 768px) {
.c-header-inner .c-header-logo img {
  width: 180px;
  height: 100px;
}
}

.c-header-inner-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 34px;
margin-top: 8px;
}

@media only screen and (min-width: 768px) {
.c-header-inner-nav {
  gap: 101px;
  margin-top: 17px;
}
}

.c-header-inner-nav a {
font-family: var(--shipporiFont);
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 1.6px;
text-decoration: none;
position: relative;
}

.c-header-inner-nav a.is-active:before,
.c-header-inner-nav a.is-active:after {
opacity: 1;
}

.c-header-inner-nav a:before {
content: "";
width: 9px;
height: 10px;
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot.svg?1730904246179)
  no-repeat left center;
background-size: 9px 10px;
position: absolute;
left: -12px;
top: 14px;
opacity: 0;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.c-header-inner-nav a:after {
content: "";
width: 100%;
height: 1px;
background: var(--navy);
position: absolute;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}

@media only screen and (min-width: 768px) {
.c-header-inner-nav a {
  font-size: 1.8rem;
  padding-left: 37px;
  padding-bottom: 7px;
  letter-spacing: 1.8px;
}
.c-header-inner-nav a:hover:before,
.c-header-inner-nav a:hover:after {
  opacity: 1;
}
.c-header-inner-nav a:before {
  left: 18px;
  top: 7px;
}
.c-header-inner-nav a:after {
  width: calc(100% - 18px);
}
}

.c-header-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow: auto;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
.c-header-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
}

.c-header-menu.is-open {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
opacity: 1;
visibility: visible;
}

.c-header-menu_left {
background: var(--white);
padding: 100px 30px 50px;
position: relative;
width: 100%;
}

@media only screen and (min-width: 768px) {
.c-header-menu_left {
  width: 29.37%;
  padding: 200px 3.58% 4.1% 4.02%;
}
.c-header-menu.is-open {
  flex-wrap: wrap;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-header-menu_left {
  padding: 150px 3% 5%;
  width: 40%;
}
}

@media only screen and (max-width: 767px) {
.c-header-menu_left {
  padding-top: 125px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
}

.btn-menu-close {
font-family: var(--lustria);
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 30px;
}

@media only screen and (min-width: 768px) {
.btn-menu-close {
  font-size: 2rem;
  line-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
}

.btn-menu-close span {
width: 30px;
height: 0;
display: block;
background: var(--navy);
position: relative;
margin-top: 9px;
margin-left: 4px;
}

@media only screen and (min-width: 768px) {
.btn-menu-close span {
  top: -1px;
  margin: 0;
}
}

.btn-menu-close span:after,
.btn-menu-close span:before {
content: "";
height: 2px;
background: var(--navy);
position: absolute;
left: 0;
width: 100%;
top: 0;
}

.btn-menu-close span:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.btn-menu-close span:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.c-header-menu_left .title {
text-align: center;
font-family: var(--shipporiFont);
font-size: 2.4rem;
font-weight: 500;
letter-spacing: 1.4px;
margin-bottom: 30px;
color: var(--navy);
}

@media only screen and (min-width: 768px) {
.c-header-menu_left .title {
  font-size: 2.8rem;
  padding-left: 4px;
  margin-bottom: 46px;
}
}

@media only screen and (max-width: 767px) {
.c-header-menu_left .title {
  text-align: left;
  margin-bottom: 13px;
}
}

.c-header-menu_left .list-category_menu {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.c-header-menu_left .list-category_menu a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: var(--white);
height: 50px;
gap: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-family: var(--shipporiFont);
font-size: 1.4rem;
font-weight: 600;
}

@media only screen and (min-width: 768px) {
.c-header-menu_left .list-category_menu a {
  height: 80px;
  font-size: 1.6rem;
  letter-spacing: 1.6px;
  transition: all 0.3s linear;
}
.c-header-menu_left .list-category_menu a:hover {
  opacity: 0.7;
}
}

.c-header-menu_left .list-category_menu a .photo {
width: 50px;
position: relative;
aspect-ratio: 1;
}

@media only screen and (min-width: 768px) {
.c-header-menu_left .list-category_menu a .photo {
  width: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-header-menu_left .list-category_menu a .photo {
  width: 60px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
}
}

.c-header-menu_left .list-category_menu a .photo img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

.c-header-menu_right {
background: var(--navy);
color: var(--white);
position: relative;
overflow: auto;
padding: 30px 20px 50px;
width: 100%;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right {
  width: 70.63%;
  padding: 200px 0 100px 92px;
  padding-left: 4.8%;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-header-menu_right {
  padding-left: 5%;
  padding-top: 150px;
  width: 60%;
}
}

@media only screen and (max-width: 767px) {
.c-header-menu_right {
  overflow: unset;
}
}

.c-header-menu_right .inner {
max-width: 826px;
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-header-menu_right .inner {
  padding-right: 5%;
}
}

.c-header-menu_right a {
color: var(--white);
text-decoration: none;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-header-menu_right a:hover {
  opacity: 0.7;
}
}
.list-btnheader_w {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: flex;
align-items: center;
}
@media only screen and (min-width: 768px) {
.list-btnheader_w {
  gap: 51px;
  padding-right: 5px;
  padding-bottom: 11px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.list-btnheader_w {
  top: 5%;
}
}

@media only screen and (max-width: 767px) {
.list-btnheader_w {
  gap: 20px;
  padding-top: 11px;
}
}

.list-btnheader_w .ic-seach {
display: block;
width: 21px;
height: 21px;
}

@media only screen and (min-width: 768px) {
.list-btnheader_w .ic-seach {
  width: 24px;
  height: 24px;
}
}

.list-btnheader_w .ic-account {
display: block;
width: 18px;
height: 20px;
}

@media only screen and (min-width: 768px) {
.list-btnheader_w .ic-account {
  width: 20px;
  height: 23px;
}
}

.list-btnheader_w .ic-cart {
display: block;
width: 25px;
height: 20px;
}

@media only screen and (min-width: 768px) {
.list-btnheader_w .ic-cart {
  width: 29px;
  height: 23px;
}
}

.list-btnheader_w .btn-cart {
position: relative;
}

.list-btnheader_w .btn-cart span {
width: 16px;
height: 16px;
display: block;
border-radius: 50%;
color: var(--navy);
background: var(--white, #fff);
text-align: center;
font-family: var(--shipporiFont);
font-size: 1.2rem;
font-weight: 600;
line-height: 16px;
position: absolute;
right: -8px;
bottom: -7px;
}

@media only screen and (min-width: 768px) {
.list-btnheader_w .btn-cart span {
  width: 18px;
  height: 18px;
  bottom: -9px;
  line-height: 18px;
}
}

@media only screen and (max-width: 767px) {
.list-btnheader_w .btn-cart span {
  color: var(--white);
  background: var(--navy);
}
}

.c-header-menu_right .title {
color: var(--white, #fff);
font-family: var(--shipporiFont);
font-size: 2.4rem;
font-weight: 500;
letter-spacing: 1.4px;
margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .title {
  font-size: 2.8rem;
  margin-bottom: 25px;
}
}

.c-header-menu_right .menu-banner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-banner {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-header-menu_right .menu-banner {
  grid-template-columns: 1fr 1fr;
}
}

.c-header-menu_right .menu-banner a img {
width: 100%;
}

.c-header-menu_right .menu-banner a,
.c-header-menu_right .menu-banner img {
display: block;
}

.c-header-menu_right .menu-table {
background: #1d1f34;
margin-top: 20px;
padding: 10px;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-table {
  padding: 10px 20px;
}
}

.c-header-menu_right .menu-table div {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0 15px;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-table div {
  gap: 0 17px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-header-menu_right .menu-table div {
  grid-template-columns: 1fr 1fr;
  gap: 0 15px;
}
}

@media only screen and (max-width: 767px) {
.c-header-menu_right .menu-table div {
  display: flex;
  gap: 0 15px;
  flex-wrap: wrap;
}
.c-header-menu_right .menu-table div a {
  border-top: 0 !important;
  width: calc(100% / 3 - 10px);
  border-bottom: 1px solid #2b2d49;
}
.c-header-menu_right .menu-table div a:last-child {
  flex: 1;
  border-bottom: 0;
}
.c-header-menu_right .menu-table div a:nth-child(7) {
  border-bottom: 0;
}
}

.c-header-menu_right .menu-table div a {
display: block;
border-top: 1px solid #2b2d49;
font-family: var(--shipporiFont);
font-size: 1.4rem;
line-height: 1.875;
font-weight: 600;
padding: 10px 0;
}

@media only screen and (min-width: 1201px) {
.c-header-menu_right .menu-table div a:first-child,
.c-header-menu_right .menu-table div a:nth-child(2),
.c-header-menu_right .menu-table div a:nth-child(3),
.c-header-menu_right .menu-table div a:nth-child(4) {
  border-top: 0;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-header-menu_right .menu-table div a:first-child,
.c-header-menu_right .menu-table div a:nth-child(2) {
  border-top: 0;
}
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-table div a {
  font-size: 1.6rem;
  letter-spacing: 1.6px;
  padding: 10px;
}
}

@media only screen and (max-width: 767px) {
.c-header-menu_right .menu-table div a:first-child,
.c-header-menu_right .menu-table div a:nth-child(2),
.c-header-menu_right .menu-table div a:nth-child(3) {
  border-top: 0;
}
}

.c-header-menu_right .menu-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px 15px;
margin-top: 20px;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-list {
  gap: 15px 50px;
  margin-top: 75px;
  grid-template-columns: 1fr 1fr 1fr;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-header-menu_right .menu-list {
  grid-template-columns: 1fr 1fr;
  gap: 15px 15px;
}
}

.c-header-menu_right .menu-list li a {
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 1.4px;
padding: 0 0 5px;
font-family: var(--shipporiFont);
line-height: 30px;
display: block;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-list li a {
  font-size: 1.8rem;
  padding: 0 0 10px;
}
.c-header-menu_right .menu-list li a:hover {
  opacity: 1;
  text-decoration: underline;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.c-header-menu_right .menu-list li a {
  font-size: 1.6rem;
}
}

.c-header-menu_right .menu-buttom {
margin-top: 20px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-buttom {
  margin-top: 70px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
}

.c-header-menu_right .menu-buttom a {
height: 69px;
font-family: var(--shipporiFont);
font-size: 1.8rem;
font-weight: 500;
letter-spacing: 0.9px;
background: #fff;
color: var(--navy);
padding-left: 67px;
border: 1px solid transparent;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transition: all 0.3s linear;
}

.c-header-menu_right .menu-buttom a svg {
position: absolute;
left: 18px;
top: 22px;
width: auto;
}

.c-header-menu_right .menu-buttom a:after {
content: "";
width: 1px;
height: 10px;
background: var(--navy);
position: absolute;
bottom: 0;
left: 50%;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-buttom a:after {
  width: var(--ttl-s, 24px);
  height: 1px;
  bottom: 50%;
  left: auto;
  right: 0;
}
.c-header-menu_right .menu-buttom a:hover {
  background-color: var(--navy);
  color: var(--white);
  border-color: var(--white);
}
.c-header-menu_right .menu-buttom a:hover:after {
  background: var(--white);
}
.c-header-menu_right .menu-buttom a:hover path {
  fill: var(--white);
}
}

@media only screen and (max-width: 767px) {
.c-header-menu_right .menu-buttom a {
  height: auto;
  flex-direction: column;
  padding-left: 0;
  padding-right: 0;
  padding-top: 50px;
  line-height: 1.4;
  padding-bottom: 20px;
  font-size: 1.6rem;
  text-align: center;
}
.c-header-menu_right .menu-buttom a svg {
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
}
}

.c-header-menu_right .menu-list1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 1.4px;
gap: 15px;
margin-top: 36px;
}

.c-header-menu_right .menu-list1 a {
transition: all 0.3s linear;
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-list1 a {
  width: auto;
}
.c-header-menu_right .menu-list1 a:hover {
  text-decoration: underline;
  opacity: 1;
}
}

@media only screen and (min-width: 768px) {
.c-header-menu_right .menu-list1 {
  gap: 50px;
}
}

@media only screen and (max-width: 767px) {
.c-header-menu_right .menu-list1 {
  flex-direction: column;
}
}

/* footer */

.c-footer {
background: var(--navy, #303351);
margin-top: 52px;
padding: 30px 20px;
color: var(--white, #fff);
}

@media only screen and (min-width: 768px) {
.c-footer {
  margin-top: 0;
  padding: 70px 0 90px;
}
}

@media only screen and (min-width: 768px) {
.c-footer .inner {
  max-width: 1100px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
}

.c-footer_logo {
width: 235px;
margin: auto;
}

@media only screen and (min-width: 768px) {
.c-footer_logo {
  width: 247px;
  margin: 0;
}
}

.c-footer_logo .txt1 {
border: 1px solid var(--white, #fff);
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.96px;
text-align: center;
padding: 2px 0 4px;
margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
.c-footer_logo .txt1 {
  font-size: 1.4rem;
  padding: 5px 0 5px;
  margin-bottom: 13px;
  letter-spacing: 1.12px;
}
}

.c-footer_logo img {
width: 100%;
height: auto;
display: block;
}

@media only screen and (min-width: 768px) {
.c-footer_logo img {
  width: 235px;
}
}

.c-footer_logo .txt2 {
    font-size: 1.4rem;
    letter-spacing: 1.12px;
    font-weight: 700;
    position: relative;
    top: -7px;
    right: 13px;
    text-align: right;
    color: #fff;
}

@media only screen and (min-width: 768px) {
.c-footer_logo .txt2 {
  top: -2px;
  right: 25px;
}
}

.c-footer_ico {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 30px;
margin-top: 18px;
}
.c-footer_ico a {
transition: 0.3s all linear;
}
.c-footer_ico a:hover {
opacity: 0.7;
}

@media only screen and (min-width: 768px) {
.c-footer_ico {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 42px;
  margin-top: 20px;
}
}

.c-footer_ico img {
width: auto;
height: 26px;
display: block;
}

.c-footer .copyright {
font-size: 1.2rem;
line-height: 1.3;
letter-spacing: 0.96px;
text-align: center;
margin-top: 22px;
}

@media only screen and (min-width: 768px) {
.c-footer .copyright {
  margin-top: 40px;
}
}

body {
-webkit-transition: 0.7s;
transition: 0.7s;
}

body.hovered {
position: relative;
}

body.hovered:after {
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.p-top-mainvisual {
background: var(--navy);
margin-top: 28px;
padding-bottom: 6px;
position: relative;
}

@media only screen and (min-width: 768px) {
.p-top-mainvisual {
  margin-top: 88px;
  padding-bottom: 25px;
}
}

.p-top-mainvisual:after {
content: "";
width: 100%;
height: 226px;
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bg_slide.png?1730904402701)
  no-repeat bottom center;
background-size: 100% auto;
position: absolute;
bottom: -1px;
left: 0;
}

.p-top-mainvisual .swiper-slide {
width: calc(100% - 60px) !important;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
position: relative;
}
.p-top-mainvisual .swiper-slide-text {
background-color: var(--white);
width: 30px;
height: 30px;
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
padding-top: 25px;
padding-bottom: 25px;
text-decoration: none;
transition: all 0.3s linear;
}

@media only screen and (min-width: 768px) {
.p-top-mainvisual .swiper-slide {
  width: 960px !important;
}
.p-top-mainvisual .swiper-slide-text:hover {
  opacity: 0.7;
}
.p-top-mainvisual .swiper-slide-text {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--navy);
  width: 64px;
  height: auto;
  font-family: var(--shipporiFont);
}
.p-top-mainvisual .swiper-slide-t {
  letter-spacing: 0.4em;
  margin-top: 25px;
}
}

@media only screen and (max-width: 767px) {
.p-top-mainvisual .swiper-slide-text {
  padding-top: 0;
  padding-bottom: 0;
}
}

.p-top-mainvisual .swiper-slide img {
width: 100%;
height: auto;
display: block;
}

.p-top-mainvisual .swiper {
position: relative;
top: -19px;
}

@media only screen and (min-width: 768px) {
.p-top-mainvisual .swiper {
  top: -60px;
}
}

.p-top-mainvisual .splide__pagination {
position: relative;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
}

@media only screen and (min-width: 768px) {
.p-top-mainvisual .splide__pagination {
  margin-top: 42px;
}
}

.p-top-mainvisual .splide__pagination__page {
width: 20px;
height: 2px;
padding: 0;
margin: 0;
}

@media only screen and (min-width: 768px) {
.p-top-mainvisual .splide__pagination__page {
  width: 70px;
}
}

.p-top-mainvisual .splide__pagination__page.is-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background: #070819;
}

.p-top-mainvisual .swiper-button-next,
.p-top-mainvisual .swiper-button-prev {
width: 31px;
height: 31px;
margin-top: -8px;
opacity: 1;
}

.p-top-mainvisual .swiper-button-next:after,
.p-top-mainvisual .swiper-button-prev:after {
display: none;
}

.p-top-mainvisual .swiper-button-next img,
.p-top-mainvisual .swiper-button-prev img {
width: 100%;
height: 100%;
}

@media only screen and (min-width: 768px) {
.p-top-mainvisual .swiper-button-next,
.p-top-mainvisual .swiper-button-prev {
  width: 60px;
  height: 60px;
  margin-top: -41px;
}
}

.p-top-mainvisual .swiper-button-next {
right: 4px;
}

@media only screen and (min-width: 768px) {
.p-top-mainvisual .swiper-button-next {
  right: calc(50% - 585px);
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top-mainvisual .swiper-button-next {
  right: 20px;
}
}

.p-top-mainvisual .swiper-button-prev {
left: 4px;
}

@media only screen and (min-width: 768px) {
.p-top-mainvisual .swiper-button-prev {
  left: calc(50% - 585px);
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top-mainvisual .swiper-button-prev {
  left: 20px;
}
}

.p-top-mainvisual .swiper-button-disabled {
display: none;
}

.p-top .section01 {
margin-top: 13px;
}

.p-top .section01 p {
font-size: 1.4rem;
letter-spacing: 1.4px;
line-height: 1.6;
margin-bottom: 5px;
color: var(--navy);
}

@media only screen and (min-width: 768px) {
.p-top .section01 p {
  font-size: 1.6rem;
  letter-spacing: 1.6px;
  line-height: 1.875;
  margin-bottom: 12px;
}
}

.p-top .section01 .inner {
max-width: 375px;
margin: auto;
}

@media only screen and (min-width: 768px) {
.p-top .section01 .inner {
  max-width: 1300px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section01 .inner {
  padding-bottom: 50px;
}
}

.p-top .section01 .inner > div {
}

.p-top .section01 .item1 {
width: 218px;
position: relative;
}

@media only screen and (min-width: 768px) {
.p-top .section01 .item1 {
  width: 608px;
  margin-left: 21px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section01 .item1 {
  width: 50%;
  margin-left: 0;
}
}

.p-top .section01 .item1 img {
width: 100%;
height: auto;
display: block;
}

.p-top .section01 .item1 .item-ct {
padding: 0;
position: absolute;
top: 179px;
left: 20px;
width: 175px;
}

@media only screen and (min-width: 768px) {
.p-top .section01 .item1 .item-ct {
  top: 394px;
  left: 292px;
  width: 210px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section01 .item1 .item-ct {
  top: 69%;
  left: 55%;
}
}

.p-top .section01 .item2 {
width: 218px;
position: relative;
float: right;
margin-top: -158px;
}

@media only screen and (min-width: 768px) {
.p-top .section01 .item2 {
  width: 647px;
  margin-top: -505px;
  overflow: hidden;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section01 .item2 {
  width: 50%;
  margin-top: -200px;
}
}

.p-top .section01 .item2 img {
width: 203px;
height: auto;
display: block;
margin-left: 15px;
}

@media only screen and (min-width: 768px) {
.p-top .section01 .item2 img {
  width: 100%;
  margin-left: 10px;
}
}

.p-top .section01 .item2 .item-ct {
padding: 0;
position: absolute;
top: 245px;
right: 19px;
width: 185px;
}

@media only screen and (min-width: 768px) {
.p-top .section01 .item2 .item-ct {
  top: 482px;
  right: 140px;
  width: 226px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section01 .item2 .item-ct {
  top: 75%;
  left: 38%;
}
}

.p-top .section01 .item2 .item-ct p {
margin-bottom: 9px;
}

.p-top .section01 .item2 .item-ct .c-btn {
float: right;
}

@media only screen and (min-width: 768px) {
.p-top .section01 .item2 .item-ct .c-btn {
  float: none;
  margin-left: 7px;
}
}

.p-top .section01 .banner {
margin: 50px 20px;
border: 1px solid var(--border-gray, #f2f2f2);
background: -webkit-linear-gradient(
  left,
  rgba(247, 247, 247, 0) 36.63%,
  #919191 64.05%
);
background: linear-gradient(
  90deg,
  rgba(247, 247, 247, 0) 36.63%,
  #919191 64.05%
);
background-image: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bk-sp.png?1731469591787);
background-size: auto 100%;
background-position: right center;
background-repeat: no-repeat;
position: relative;
height: 130px;
padding: 32px 0 0 43px;
}

@media only screen and (min-width: 768px) {
.p-top .section01 .banner {
  max-width: 1100px;
  margin: 0 auto 0;
  height: 164px;
  padding: 39px 0 0 310px;
  background-image: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bk.png?1731469591864);
  background-color: #fffaf9;
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
}
}

.p-top .section01 .banner img {
width: 37px;
position: absolute;
bottom: -10px;
left: -1px;
}

@media only screen and (min-width: 768px) {
.p-top .section01 .banner img {
  width: 151px;
  bottom: -16px;
  left: 50px;
}
}

.p-top .section01 .banner .title {
font-size: 1.8rem;
font-family: var(--shipporiFont);
font-weight: 500;
letter-spacing: 0.9px;
line-height: 1.3;
color: var(--navy);
}

@media only screen and (min-width: 768px) {
.p-top .section01 .banner .title {
  font-size: 2.8rem;
  line-height: 1.6;
  letter-spacing: 1.4px;
  margin-bottom: 19px;
}
}
.p-top .section01 .banner a::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}

.p-top .section01 .banner .c-btn {
margin-left: 3px;
}

.p-top .section02 {
margin-top: 57px;
}

@media only screen and (min-width: 768px) {
.p-top .section02 {
  background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bg1.png?1730904465485)
    no-repeat top left;
  margin-top: 20px;
  padding-top: 140px;
}
}

.p-top .section02 .inner {
padding-left: 15px;
padding-right: 15px;
}

@media only screen and (min-width: 768px) {
.p-top .section02 .inner {
  max-width: 1450px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
}

.p-top .section02_head .menu-product ul {
width: 545px;
}

@media only screen and (min-width: 768px) {
.p-top .section02_head .menu-product ul {
  width: 100%;
}
}

.p-top .section03 {
margin-top: 45px;
}

@media only screen and (min-width: 768px) {
.p-top .section03 {
  margin-top: 81px;
}
}

.p-top .section03 .inner {
padding-left: 15px;
padding-right: 15px;
}

@media only screen and (min-width: 768px) {
.p-top .section03 .inner {
  max-width: 1130px;
  margin: auto;
}
}

.p-top .section03 .title {
font-size: 2.2rem;
font-family: var(--shipporiFont);
font-weight: 600;
letter-spacing: 1.1px;
border-bottom: 1px solid #000;
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot.svg?1730904246179)
  no-repeat left top 20px;
background-size: 8px 9px;
padding: 0 0 7px 11px;
width: 213px;
line-height: 1;
margin-bottom: 34px;
white-space: nowrap;
}

@media only screen and (min-width: 768px) {
.p-top .section03 .title {
  background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/dot.svg?1730904246179)
    no-repeat left top 33px;
  background-size: 15px 16px;
  font-size: 3.8rem;
  letter-spacing: 1.9px;
  padding: 0 0 14px 29px;
  width: 395px;
  letter-spacing: 1.9px;
  margin-bottom: 52px;
}
}

.p-top .section03 .title span {
font-size: 3rem;
letter-spacing: 1.5px;
position: relative;
top: -2px;
}

@media only screen and (min-width: 768px) {
.p-top .section03 .title span {
  font-size: 5.6rem;
  letter-spacing: 2.8px;
  top: -3px;
  margin-left: 9px;
}
}

@media only screen and (min-width: 768px) {
.p-top .section03_list01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
}

.p-top .section03_list01 .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
position: relative;
text-decoration: none;
transition: all 0.3s linear;
}

.p-top .section03_list01 .item:hover {
opacity: 0.7;
}

@media only screen and (min-width: 768px) {
.p-top .section03_list01 .item {
  display: block;
  width: calc((100% - 80px) / 3);
}
}

.p-top .section03_list01 .item img {
width: 148px;
height: auto;
display: block;
}

@media only screen and (min-width: 768px) {
.p-top .section03_list01 .item img {
  width: 100%;
}
}

.p-top .section03_list01 .item h3 {
width: calc(100% - 148px);
padding: 47px 0 0 15px;
letter-spacing: 1.82px;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.5;
display: block;
text-decoration: none;
}

@media only screen and (min-width: 768px) {
.p-top .section03_list01 .item h3 {
  width: 100%;
  padding: 16px 0 0;
  letter-spacing: 2.08px;
  font-size: 1.6rem;
  line-height: 2;
}
}

.p-top .section03_list01 .item span {
position: absolute;
font-size: 2rem;
font-weight: 500;
letter-spacing: 0.8px;
background: #fff;
padding: 8px 5px;
line-height: 1;
top: 6px;
left: 134px;
font-family: var(--shipporiFont);
}

@media only screen and (min-width: 768px) {
.p-top .section03_list01 .item span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 2.8rem;
  letter-spacing: 3.64px;
  line-height: 1.1;
  top: -29px;
  left: 21px;
  padding: 13px 5px;
}
}

.p-top .section03_list02 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 14px 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 31px;
}

@media only screen and (min-width: 768px) {
.p-top .section03_list02 {
  gap: 20px;
  margin-top: 35px;
}
}

.p-top .section03_list02 .item {
width: calc((100% - 20px) / 3);
text-decoration: none;
transition: all 0.3s linear;
}

.p-top .section03_list02 .item:hover {
opacity: 0.7;
}

@media only screen and (min-width: 768px) {
.p-top .section03_list02 .item {
  width: calc((100% - 80px) / 5);
}
}

.p-top .section03_list02 .item img {
width: 100%;
height: auto;
display: block;
}

.p-top .section03_list02 .item h3 {
font-size: 1.6rem;
text-decoration: none;
font-family: var(--shipporiFont);
letter-spacing: 0.8px;
display: block;
margin-top: -2px;
font-weight: 500;
}

@media only screen and (min-width: 768px) {
.p-top .section03_list02 .item h3 {
  font-size: 2rem;
  margin-top: 15px;
  letter-spacing: 1px;
}
}

.p-top .section04 {
margin-top: 39px;
}

@media only screen and (min-width: 768px) {
.p-top .section04 {
  margin-top: 137px;
  position: relative;
        z-index: 2;
}
}

.p-top .section04 .inner {
padding-left: 15px;
padding-right: 15px;
}

@media only screen and (min-width: 768px) {
.p-top .section04 .inner {
  max-width: 1130px;
  margin: auto;
}
}

.p-top .section04 .title {
text-align: center;
font-family: var(--shipporiFont);
font-size: 2.8rem;
font-weight: 600;
letter-spacing: 1.4px;
margin-bottom: 28px;
}

@media only screen and (min-width: 768px) {
.p-top .section04 .title {
  font-size: 4.6rem;
  letter-spacing: 2.3px;
  margin-bottom: 70px;
}
}

.p-top .section04_list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 20px;
}

@media only screen and (min-width: 768px) {
.p-top .section04_list {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0 50px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section04_list {
  grid-template-columns: 1fr 1fr;
}
}

.p-top .section04 .item {
padding: 13px 12px 8px;
position: relative;
background: #efefef
  url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bg_brand.png?1730904510637)
  no-repeat center right;
background-size: 144px auto;
transition: all 0.3s linear;
text-decoration: none;
}
.p-top .section04 .item:hover {
opacity: 0.7;
}

@media only screen and (min-width: 768px) {
.p-top .section04 .item {
  padding: 25px 17px 14px;
}
}

.p-top .section04 .item .img_brand {
width: 75px;
height: auto;
display: block;
position: absolute;
top: -12px;
right: 12px;
}

@media only screen and (min-width: 768px) {
.p-top .section04 .item .img_brand {
  width: 115px;
  top: -12px;
  right: 12px;
}
}

.p-top .section04 .item_ct img {
    max-width: 100%;
    display: block;
}

@media only screen and (max-width: 767px) {
    .p-top .section04 a:first-child .item_ct img,
    .p-top .section04 a:nth-child(2) .item_ct img {
        width: 73px;
        margin-left: -15px;
    }
    .p-top .section04 a:nth-child(3) .item_ct img {
        width: 44px;
        margin-left: 10px;
    }
    .p-top .section04 a:nth-child(4) .item_ct img {
        width: 76px;
    }
    .p-top .section04 .item:nth-child(4) .item_ct p {
        margin-top: 15px;
    }
}

.p-top .section04 .item_ct p {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
font-size: 1.2rem;
letter-spacing: 2px;
line-height: 17px;
margin-top: 10px;
min-height: 148px;
}

@media only screen and (min-width: 768px) {
.p-top .section04 .item_ct p {
  font-size: 1.4rem;
  letter-spacing: 2.9px;
  line-height: 24px;
  margin-top: 24px;
  margin-left: 5px;
  min-height: 195px;
}
}

.p-top .section04 .item .c-btn {
margin-top: 9px;
}

@media only screen and (min-width: 768px) {
.p-top .section04 .item .c-btn {
  margin-top: 29px;
  margin-left: 10px;
}
}

.p-top .section04 .item:nth-child(1) .img_brand {
width: 71px;
top: -12px;
right: 17px;
}

@media only screen and (min-width: 768px) {
.p-top .section04 .item:nth-child(1) .img_brand {
  width: 107px;
  top: -33px;
  right: 16px;
}
}

.p-top .section04 .item:nth-child(2n) {
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
}

@media only screen and (min-width: 768px) {
.p-top .section04 .item:nth-child(2n) {
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}
.p-top .section04 .item:nth-child(2n) .img_brand {
  width: 120px;
  top: -29px;
  right: 9px;
}
}

@media only screen and (min-width: 768px) {
.p-top .section04 .item:nth-child(3) .c-btn {
  margin-top: 12px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section04 .item:nth-child(3) {
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}
}

@media only screen and (max-width: 767px) {
.p-top .section04 .item:nth-child(3) {
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
}
}

.p-top .section04 .item:nth-child(3) .img_brand {
width: 80px;
top: -18px;
right: 12px;
}

@media only screen and (min-width: 768px) {
.p-top .section04 .item:nth-child(3) .img_brand {
  width: 115px;
  top: -29px;
  right: 12px;
}
.p-top .section04 .item:nth-child(4) .item_ct {
        min-height: 330px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section04 .item:nth-child(4) {
  -webkit-transform: translateY(160px);
  -ms-transform: translateY(160px);
  transform: translateY(160px);
}

}

@media only screen and (max-width: 767px) {
.p-top .section04 .item:nth-child(4) {
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}
.p-top .section04 .item:nth-child(4) .item_ct {
        min-height: 235px;
}
}

.p-top .section05 {
background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bg_section5.png?1730904511090)
  no-repeat center center;
background-size: cover;
margin-top: 140px;
padding-top: 32px;
padding-bottom: 40px;
position: relative;
}

@media only screen and (min-width: 768px) {
.p-top .section05 {
  background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bg2.png?1730904465852)
    no-repeat top right;
  background-size: auto;
  margin-top: -20px;
  padding-top: 298px;
  padding-bottom: 0;
}
}

.p-top .section05 .inner {
padding-left: 15px;
padding-right: 15px;
}

@media only screen and (min-width: 768px) {
.p-top .section05 .inner {
  max-width: 1620px;
  background: url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bg_brand_pc.png?1730904511056)
    no-repeat center center;
  background-size: cover;
  margin: auto;
  padding-bottom: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 100px;
  padding-right: 100px;
}
}

.p-top .section05 .c-list-product {
    grid-template-columns: 1fr 1fr;
}

.p-top .section05 ul.c-list-product {
    display: grid;
}

@media only screen and (min-width: 768px) {
.p-top .section05 .c-list-product {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 120px;
  gap: 20px;
}
.p-top .section05 .c-list-product .item .item_tagname {
  margin-top: 10px;
}
.p-top .section05 .c-list-product .item h3 {
  font-size: 2rem;
  letter-spacing: 1px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 90px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section05 .c-list-product {
  grid-template-columns: 1fr 1fr;
}
}

.p-top .section05_head .title {
margin-bottom: 14px;
}

@media only screen and (min-width: 768px) {
.p-top .section05_head .title {
  margin-top: -70px;
}
}

@media only screen and (min-width: 768px) {
.p-top .section05_head .menu-product {
  margin-top: 57px;
}
}

.p-top .section05_head .menu-product ul {
width: 760px;
}

@media only screen and (min-width: 768px) {
.p-top .section05_head .menu-product ul {
  width: 100%;
}
}

.p-top .section06 {
margin-top: 68px;
}

@media only screen and (min-width: 768px) {
.p-top .section06 {
  margin-top: 200px;
}
}

.p-top .section06 .inner {
padding: 0 20px;
position: relative;
}

@media only screen and (min-width: 768px) {
.p-top .section06 .inner {
  padding: 0;
  max-width: 1100px;
  margin: auto;
}
}

.p-top .section06 .title {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
border-left: 1px solid var(--navy);
height: 140px;
margin-left: 21px;
position: absolute;
top: -14px;
left: 21px;
padding-top: 4px;
}

@media only screen and (min-width: 768px) {
.p-top .section06 .title {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: -72px;
  left: 38px;
  padding-top: 0px;
  padding-left: 13px;
}
}

.p-top .section06 .title span {
display: block;
font-size: 2.8rem;
font-weight: 600;
letter-spacing: 5.4px;
font-family: var(--shipporiFont);
line-height: 36.6px;
}

@media only screen and (min-width: 768px) {
.p-top .section06 .title span {
  display: inline-block;
  font-size: 4.2rem;
  letter-spacing: 4.1px;
  line-height: 1.1;
}
}

.p-top .section06 .title span:last-child {
margin-top: 34px;
position: relative;
right: -6px;
}

@media only screen and (min-width: 768px) {
.p-top .section06 .title span:last-child {
  margin-top: 0;
  right: 0;
}
}

.p-top .section06 .map {
width: 100%;
height: 418px;
background: var(--right-gray, #f7f7f7);
}

@media only screen and (min-width: 768px) {
.p-top .section06 .map {
  height: 700px;
}
}

.p-top .section07 {
margin-top: 35px;
}

@media only screen and (min-width: 768px) {
.p-top .section07 {
  margin-top: 150px;
}
}

.p-top .section07 .inner {
position: relative;
padding-bottom: 72px;
}

@media only screen and (min-width: 768px) {
.p-top .section07 .inner {
  max-width: 1670px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 190px;
}
}

.p-top .section07 .inner-img1 {
width: calc(100% - 20px);
}

@media only screen and (min-width: 768px) {
.p-top .section07 .inner-img1 {
  width: 483px;
}
}

.p-top .section07 .inner-img1 img {
width: 100%;
height: auto;
display: block;
}

.p-top .section07 .inner-ct {
padding-left: 20px;
padding-top: 26px;
}

@media only screen and (min-width: 768px) {
.p-top .section07 .inner-ct {
  width: calc(100% - 483px);
  padding-left: 10.65vw;
  padding-top: 9.95vw;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section07 .inner-ct {
  padding-top: 30px;
  padding-left: 30px;
}
}

.p-top .section07 .inner-ct p {
padding: 0 20px;
font-size: 1.4rem;
line-height: 2;
letter-spacing: 1.82px;
font-weight: 500;
}

@media only screen and (min-width: 768px) {
.p-top .section07 .inner-ct p {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 2.08px;
  margin: 44px 0 0 115px;
  max-width: 435px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section07 .inner-ct p {
  margin-left: 0;
  padding: 0;
}
}

.p-top .section07 .inner-img2 {
width: 148px;
position: absolute;
right: 0;
bottom: 0;
}

@media only screen and (min-width: 768px) {
.p-top .section07 .inner-img2 {
  width: 400px;
}
}

.p-top .section07 .c-btn {
margin: 20px 0 0 22px;
}

@media only screen and (min-width: 768px) {
.p-top .section07 .c-btn {
  margin: 20px 0 0 134px;
  display: inline-block;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section07 .c-btn {
  margin-left: 0;
}
}

.p-top .section07 .title {
font-size: 2rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 1px;
font-family: var(--shipporiFont);
margin-bottom: 19px;
}

@media only screen and (min-width: 768px) {
.p-top .section07 .title {
  font-size: 2.8rem;
  line-height: 1.6;
  letter-spacing: 1.4px;
  margin-bottom: 19px;
}
}

.p-top .section07 .title span {
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 1.4px;
display: block;
margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
.p-top .section07 .title span {
  font-size: 2rem;
  letter-spacing: 2px;
  margin-bottom: 9px;
}
}

.p-top .section08 {
margin-top: 60px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 {
  margin-top: 150px;
}
}
.parallax_banner {
height: 350px; /* Full viewport height */
background-image: url("https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bg_paralax.jpg"); /* Replace with your image */
background-attachment: fixed; /* Key property for parallax effect */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) {
.p-top .section08 .item01 .item01-ct-inner {
  max-width: 1670px;
  margin: auto;
}
.p-top .section08 .item01 .item01-ct-inner:after {
  content: "";
  clear: both;
  display: block;
}
}

.p-top .section08 .item01-img {
padding-right: 40px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item01-img {
  padding-right: 0;
  width: calc(50% + 398px);
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item01-img {
  width: 100%;
}
}

.p-top .section08 .item01-img img {
width: 100%;
height: auto;
display: block;
}

.p-top .section08 .item01-ct {
margin: -71px 0 0 15px;
background: #fff
  url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/logo_bg.png?1730904578287)
  no-repeat top 10px right;
background-size: 334px auto;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 20px 22px;
gap: 20px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item01-ct {
  width: 962px;
  height: 669px;
  float: right;
  background: #fff
    url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/logo_bg.png?1730904578287)
    no-repeat bottom right;
  background-size: auto;
  margin-top: -11.5vw;
  padding: 60px 70px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item01-ct {
  width: 95%;
}
}

.p-top .section08 .item01 .title {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
font-size: 2.8rem;
font-weight: 600;
letter-spacing: 1.4px;
font-family: var(--shipporiFont);
padding-top: 15px;
position: relative;
padding-top: 28px;
line-height: 1.05;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item01 .title {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  font-size: 4.2rem;
  position: absolute;
  top: 60px;
  left: 547px;
  padding-top: 58px;
  letter-spacing: 4px;
}
}

.p-top .section08 .item01 .title:before {
content: "";
width: 1px;
height: 20.64px;
background: var(--navy, #303351);
position: absolute;
top: 0;
left: 50%;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item01 .title:before {
  height: 43px;
}
}

.p-top .section08 .item01 .in-ct {
padding-top: 34px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item01 .in-ct {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p-top .section08 .item01 .in-ct div {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin: 30px 0 0;
  left: 87px;
  position: absolute;
}
}

.p-top .section08 .item01 .in-ct h3 {
font-size: 2rem;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.5;
font-family: var(--shipporiFont);
margin-bottom: 18px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item01 .in-ct h3 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 2.4rem;
  letter-spacing: 5px;
  line-height: 1.67;
  position: absolute;
  left: 381px;
  top: 122px;
}
}

.p-top .section08 .item01 .in-ct h3 span {
display: block;
}

.p-top .section08 .item01 .in-ct h3 span:last-child {
padding-left: 19px;
padding-top: 3px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item01 .in-ct h3 span:last-child {
  padding-left: 0;
  padding-top: 61px;
}
}

.p-top .section08 .item01 .in-ct p {
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: 1.82px;
margin-bottom: 10px;
font-weight: 500;
padding-left: 23px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item01 .in-ct p {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 1.6rem;
  line-height: 36.2px;
  letter-spacing: 3px;
  padding-left: 26px;
}
.p-top .section08 .item01 .in-ct p:last-child {
  padding-left: 0;
}
}

.p-top .section08 .item01 .c-btn {
margin: 13px 0 0 23px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item01 .c-btn {
  position: absolute;
  bottom: 97px;
  left: 80px;
  padding-left: 48px;
  font-size: 1.6rem;
}
}

.p-top .section08 .item02 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 32px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02 {
  max-width: 1100px;
  margin: auto;
  position: relative;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item02 {
  display: block;
}
}

.p-top .section08 .item02-img {
width: 50%;
margin-top: 20px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-img {
  width: 400px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 0;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item02-img {
  width: 350px;
  text-align: right;
  margin-left: auto;
}
}

.p-top .section08 .item02-img img {
width: 100%;
height: auto;
display: block;
}

.p-top .section08 .item02-title {
width: 50%;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
padding-right: 4px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-title {
  padding-right: 0;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item02-title {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 350px);
  height: 565px;
}
}

.p-top .section08 .item02-title .title {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
font-size: 2.8rem;
font-weight: 600;
letter-spacing: 1.4px;
font-family: var(--shipporiFont);
padding-top: 15px;
position: relative;
padding-top: 28px;
line-height: 1.05;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-title .title {
  font-size: 4.2rem;
  position: absolute;
  top: 37px;
  left: 537px;
  padding-top: 58px;
  letter-spacing: 4px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item02-title .title {
  right: 25px;
  width: 43px;
}
}

.p-top .section08 .item02-title .title:before {
content: "";
width: 1px;
height: 20.64px;
background: var(--navy, #303351);
position: absolute;
top: 0;
left: 50%;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-title .title:before {
  height: 43px;
}
}

.p-top .section08 .item02-title h3 {
font-size: 2rem;
font-weight: 500;
letter-spacing: 4px;
line-height: 31px;
font-family: var(--shipporiFont);
padding-right: 27px;
padding-top: 30px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-title h3 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  position: absolute;
  top: 67px;
  right: 610px;
  font-size: 2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 5px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item02-title h3 {
  letter-spacing: 3px;
  right: 60px;
}
}

.p-top .section08 .item02-title h3 span {
display: block;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-title h3 span {
  display: inline-block;
}
}

.p-top .section08 .item02-title h3 span:last-child {
padding-top: 22px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-title h3 span:last-child {
  padding-top: 0;
}
}

.p-top .section08 .item02-ct {
margin-top: 13px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-ct {
  margin-top: 0;
}
.p-top .section08 .item02-ct div {
  position: absolute;
  left: -12px;
  top: 99px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item02-ct div {
  width: 100%;
  position: static;
  padding-right: 15px;
  margin-top: 15px;
  -webkit-writing-mode: inherit;
  -ms-writing-mode: inherit;
  writing-mode: inherit;
}
}

.p-top .section08 .item02-ct p {
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: 1.82px;
margin-bottom: 14px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-ct p {
  font-size: 1.6rem;
  line-height: 36.2px;
  letter-spacing: 3px;
  height: 330px;
  margin-left: 25px;
}
.p-top .section08 .item02-ct p:last-child {
  margin-left: 0;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item02-ct p {
  height: auto;
  margin-left: 25px;
}
.p-top .section08 .item02-ct p:last-child {
  margin-left: 25px;
}
}

@media only screen and (min-width: 768px) {
.p-top .section08 .item02-ct a {
  position: absolute;
  left: 0px;
  bottom: 70px;
  font-size: 1.6rem;
  padding-left: 48px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section08 .item02-ct a {
  left: 25px;
  bottom: 0;
  right: 0;
  position: relative;
  display: inline-block;
}
}

.p-top .section08 .banner {
margin-top: 58px;
}

@media only screen and (min-width: 768px) {
.p-top .section08 .banner {
  margin-top: 143px;
}
}

.p-top .section08 .banner img {
width: 100%;
height: auto;
display: block;
}

.p-top .section09 {
margin-top: 44px;
display: flex;
gap: 90px;
justify-content: center;
}

@media only screen and (max-width: 1200px) {
.p-top .section09 {
  gap: 40px;
}
}

.section09-in {
max-width: 870px;
padding-right: 15px;
}

@media only screen and (min-width: 768px) {
.p-top .section09 {
  background: #fff
    url(https://d2w53g1q050m78.cloudfront.net/shoptatenokawaco/uploads/bg1.png?1730904465485)
    no-repeat top left;
  margin: 0;
  padding: 172px 0 0;
}
}

.p-top .section09 .inner {
padding-left: 15px;
padding-right: 15px;
}

@media only screen and (min-width: 768px) {
.p-top .section09 .inner {
  max-width: 1450px;
}
.p-top .section09 .inner .c-btn {
  font-size: 1.6rem;
}
}

@media only screen and (max-width: 991px) {
.p-top .section09 {
  flex-direction: column;
}
.section09-in {
  padding-left: 15px;
  max-width: 100%;
}
}

.p-top .section09 .title {
font-size: 2.8rem;
font-family: var(--lustria);
font-weight: 400;
letter-spacing: 1.4px;
}

@media only screen and (min-width: 768px) {
.p-top .section09 .title {
  font-size: 4.2rem;
  letter-spacing: 2.1px;
  margin-bottom: 25px;
}
}

.p-top .section10 {
margin-top: 44px;
}

@media only screen and (min-width: 768px) {
.p-top .section10 {
  max-width: 787px;
  margin: 55px auto 0;
}
}

.p-top .section10 .inner {
padding-left: 15px;
padding-right: 15px;
}

.p-top .section10 .title {
font-size: 2.8rem;
font-family: var(--shipporiFont);
font-weight: 600;
letter-spacing: 1.4px;
text-align: center;
margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
.p-top .section10 .title {
  font-size: 4.6rem;
  margin-bottom: 23px;
}
}

.p-top .section10 li {
border-bottom: 1px solid var(--border-gray, #f2f2f2);
padding: 10px 0;
}

@media only screen and (min-width: 768px) {
.p-top .section10 li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  padding: 20px 0;
}
}

.p-top .section10 li span {
display: block;
font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
.p-top .section10 li span {
  font-size: 1.6rem;
  letter-spacing: 1.6px;
}
}

.p-top .section10 li a {
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
max-height: 29px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 1.4px;
text-decoration: none;
}

@media only screen and (min-width: 768px) {
.p-top .section10 li a {
  font-size: 1.6rem;
  letter-spacing: 1.6px;
}
.p-top .section10 li a:hover {
  text-decoration: underline;
}
}

.p-top .section10-btn {
margin: 15px auto 0;
text-align: center;
}

@media only screen and (min-width: 768px) {
.p-top .section10-btn {
  margin: 36px auto 0;
}
}

.p-top .section10-btn a {
display: inline-block;
}

@media only screen and (min-width: 768px) {
.p-top .section10-btn a {
  font-size: 1.6rem;
  padding-left: 50px;
}
}

.p-top .section11 {
margin-top: 54px;
}

@media only screen and (min-width: 768px) {
.p-top .section11 {
  max-width: 1130px;
  margin: 148px auto 0;
}
}

.p-top .section11 .inner {
padding-left: 15px;
padding-right: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 10px;
}

@media only screen and (min-width: 768px) {
.p-top .section11 .inner {
  gap: 40px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section11 .inner {
  gap: 20px;
}
}

.p-top .section11 .inner a {
width: 33.3333333333%;
display: block;
border: 1px solid var(--navy, #303351);
text-align: center;
padding: 16px 5px;
text-decoration: none;
position: relative;
}

.p-top .section11 .inner a svg {
width: auto;
margin: auto;
}

@media only screen and (min-width: 768px) {
.p-top .section11 .inner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  padding: 28px 22px;
  transition: all 0.3s linear;
}
.p-top .section11 .inner a svg {
  width: auto;
  height: 32px;
  display: block;
  margin: 0;
}
.p-top .section11 .inner a:hover {
  background-color: var(--navy, #303351);
  color: var(--white);
}
.p-top .section11 .inner a:hover p {
  color: var(--white);
}
.p-top .section11 .inner a:hover path {
  fill: var(--white);
}
.p-top .section11 .inner a:hover:after {
  background: var(--white);
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section11 .inner a {
  gap: 15px;
  padding: 20px;
}
.p-top .section11 .inner a img {
  height: 20px;
}
}

.p-top .section11 .inner a:after {
content: "";
width: 1px;
height: 10px;
background: var(--navy);
position: absolute;
bottom: 0;
left: 50%;
}

@media only screen and (min-width: 768px) {
.p-top .section11 .inner a:after {
  width: var(--ttl-s, 24px);
  height: 1px;
  bottom: 50%;
  left: auto;
  right: 0;
}
}

.p-top .section11 .inner a p {
font-size: 1.6rem;
line-height: 1.3;
letter-spacing: 0.8px;
font-family: var(--shipporiFont);
letter-spacing: 0.8px;
margin-top: 2px;
}

@media only screen and (min-width: 768px) {
.p-top .section11 .inner a p {
  font-size: 2.6rem;
  letter-spacing: 1.3px;
  margin-top: 0;
}
.p-top .section11 .inner a p br {
  display: none;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section11 .inner a p {
  font-size: 1.8rem;
}
}

.p-top .section12 {
margin-top: 71px;
}

@media only screen and (min-width: 768px) {
.p-top .section12 {
  margin-top: 105px;
  position: relative;
}
.p-top .section12 .inner {
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 53px;
}
}

.p-top .section12 .title {
padding: 0 19px;
}

@media only screen and (min-width: 768px) {
.p-top .section12 .title {
  margin-top: 0;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 15%;
}
}

.p-top .section12 .title img {
width: 188.5px;
height: auto;
display: block;
}

@media only screen and (min-width: 768px) {
.p-top .section12 .title img {
  width: 64px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
.p-top .section12 .title img {
  width: 44px;
}
}

.p-top .section12 .img {
margin-top: 30px;
}

@media only screen and (min-width: 768px) {
.p-top .section12 .img {
  margin-top: 0;
  width: 35.6%;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
}

.p-top .section12 .img img {
width: 100%;
height: auto;
display: block;
}

.p-top .section12 .inner-ct {
padding: 30px 20px 0;
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: 1.82px;
font-weight: 500;
}

@media only screen and (min-width: 768px) {
.p-top .section12 .inner-ct {
  padding: 0;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 2.08px;
  padding-top: 55px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
}

.p-top .section12 .inner-ct p.txt {
font-size: 1.2rem;
letter-spacing: 1.56px;
margin-top: 12px;
}

@media only screen and (min-width: 768px) {
.p-top .section12 .inner-ct p.txt {
  font-size: 1.4rem;
  letter-spacing: 1.82px;
}
}

.p-top .section12 .inner-ct dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 9px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

@media only screen and (min-width: 768px) {
.p-top .section12 .inner-ct dl {
  font-size: 1.6rem;
}
}

.p-top .section12 .inner-ct dl dt {
width: 72px;
height: 30px;
border: 1px solid #303351;
text-align: center;
line-height: 28px;
}

@media only screen and (min-width: 768px) {
.p-top .section12 .inner-ct dl dt {
  font-size: 1.6rem;
  width: 90px;
  height: 34px;
  line-height: 32px;
}
}

.p-top .section12 .inner-ct dl dd {
width: calc(100% - 72px);
padding-left: 9px;
}

@media only screen and (min-width: 768px) {
.p-top .section12 .inner-ct dl dd {
  width: calc(100% - 90px);
}
}

@media only screen and (max-width: 1200px) {
.p-top .section12 .inner-ct img {
  width: 80% !important;
}
}

@media only screen and (max-width: 767px) {
.p-top .section12 .inner-ct img {
  width: 100% !important;
}
}

.p-news {
max-width: 1130px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
padding: 0 15px;
}

.p-news .inner {
background-color: #f6efd5;
}

.p-news dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
font-size: 1.6rem;
padding: 10px 20px;
}

.p-news dd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}

.p-news dd span {
width: 90px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 90px;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
height: 28px;
border-radius: 20px;
background-color: #303351;
color: #fff;
text-align: center;
line-height: 28px;
}

.p-news dd a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size: 1.6rem;
color: #303351;
text-decoration: none;
}

.p-news dd a:hover {
text-decoration: underline;
}

.c-header-menu-top {
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 17px;
height: 217px;
}
.c-header-menu-top .container {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}

@media only screen and (max-width: 767px) {
.c-header-menu-top {
  height: 121px;
  right: 0;
}
.parallax_banner {
  height: 155px;
}
}

.c_icon01 {
display: inline-block;
position: absolute;
width: 40px;
height: 13px;
transition: 0.4s cubic-bezier(0, 0, 0.5, 1);
transform: translateY(-50%);
left: 0;
top: 50%;
}
@media screen and (min-width: 769px) {
.c_icon01::after {
  border-width: 2px;
}
}
.c_icon01::after {
content: "";
width: 13px;
height: 100%;
border: 1px solid var(--navy);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 100%;
transition: 0.4s cubic-bezier(0, 0, 0.5, 1);
}
.c_icon01__line {
display: inline-block;
width: 24px;
height: 1px;
position: absolute;
overflow: hidden;
top: 50%;
transform: translateY(-50%);
left: 6px;
}

@media screen and (min-width: 769px) {
.c_icon01__line::before {
  height: 2px;
}
}
.c_icon01__line::before {
content: "";
width: 100%;
height: 1px;
background-color: var(--navy);
position: absolute;
left: 0;
top: 50%;
transform: translate(0%, -50%);
transition: 0.6s cubic-bezier(0, 0, 0.5, 1);
}

@media screen and (min-width: 769px) {
.c_icon01__line::after {
  height: 2px;
}
}
.c_icon01__line::after {
content: "";
width: 100%;
height: 1px;
background-color: var(--navy);
position: absolute;
left: 0;
top: 50%;
transform: translate(200%, -50%);
transition: 0.6s cubic-bezier(0, 0, 0.5, 1);
}

@media screen and (min-width: 768px) {
.c-btn:hover {
  opacity: 0.8;
}

.c-btn:hover .c_icon01, .section01 .banner:hover .c_icon01 {
  transform: translateY(-50%) translateX(-5px);
}
}

@media screen and (min-width: 768px) {
.c-btn:hover .c_icon01__line::before, .section01 .banner:hover .c_icon01__line::before {
  transform: translate(-200%, -50%);
}
}

@media screen and (min-width: 768px) {
.c-btn:hover .c_icon01__line::after, .section01 .banner:hover .c_icon01__line::after {
  transform: translate(0%, -50%);
}
}

.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0;
margin-right: 20px;
}

.swiper-pagination-bullet {
position: relative;
width: 70px;
height: auto;
text-align: left;
border-radius: 0;
opacity: 1;
margin-right: 10px;
background-color: transparent;
}
.swiper-pagination-bullet em {
font-size: 15px;
line-height: 28px;
font-weight: bold;
letter-spacing: -0.38px;
color: #111;
}
.swiper-pagination-bullet i {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 2px;
background-color: var(--white);
}
.swiper-pagination-bullet b {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 0%;
height: 2px;
background-color: #070819;
}

.swiper-pagination-bullet-active {
background-color: transparent;
}
.swiper-pagination-bullet-active b {
animation-name: countingBar;
animation-duration: 3s;
animation-timing-function: ease-in;
animation-iteration-count: 1;
animation-direction: alternate;
animation-fill-mode: forwards;
}

@keyframes countingBar {
0% {
  width: 0;
}
100% {
  width: 100%;
}
}

.p-top-mainvisual .swiper-pagination {
height: 2px;
bottom: 65px;
}

@media screen and (max-width: 767px) {
.swiper-pagination-bullet {
  width: 20px;
}
.p-top-mainvisual .swiper-pagination {
  bottom: 30px;
}
}

.c-header-menuPc {
background-color: #f7f7f7;
font-family: var(--shipporiFont);
color: var(--navy);
position: absolute;
left: 0;
right: 0;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.c-header-menuPc.is-active {
opacity: 1;
visibility: visible;
}

.c-header-menuPc-inner {
max-width: 900px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 40px;
}

.c-header-menuPc-inner h2 {
margin-bottom: 20px;
font-size: 1.6rem;
font-weight: 600;
}

.c-header-menuPc01 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px 20px;
margin-bottom: 30px;
}

.c-header-menuPc01 a {
background-color: var(--white);
display: flex;
text-decoration: none;
align-items: center;
font-size: 1.6rem;
font-weight: 600;
transition: all 0.3s linear;
}

.c-header-menuPc01 a img {
margin-right: 10px;
width: 60px;
}

.c-header-menuPc02 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 70px;
}

.c-header-menuPc02 a {
text-decoration: none;
font-size: 1.6rem;
font-weight: 600;
transition: all 0.3s linear;
}

@media screen and (min-width: 768px) {
.c-header-menuPc01 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 20px;
}
.c-header-menuPc01 a img {
  width: 80px;
}

.c-header-menuPc01 a:hover {
  opacity: 0.7;
}
.c-header-menuPc02 a:hover {
  text-decoration: underline;
}
.c-header-menuPc02 {
  display: flex;
  gap: 0 80px;
}
}

@media screen and (max-width: 992px) {
.c-header-menuPc-inner {
  padding-left: 20px;
  padding-right: 20px;
}
.c-header-menuPc {
  margin-top: 8px;
}
}

.search-form {
display: flex;
width: 190px;
border: 1px solid #f2f2f2;
}

.search-form input[type="text"] {
border: none;
width: 100%;
padding: 0 5px;
font-size: 1.4rem;
font-family: var(--shipporiFont);
outline: none;
background-color: var(--white);
}
.search-form button {
background-color: var(--navy);
border: none;
padding: 3px 5px;
}
@media screen and (max-width: 992px) {
.list-btnheader .search-form {
  display: none;
}
}

.list-btnheader .search-form {
border-color: transparent;
height: 32px;
}
.list-btnheader .search-form input[type="text"] {
opacity: 0;
visibility: hidden;
}
.list-btnheader .search-form button {
background-color: var(--white);
cursor: pointer;
}

.list-btnheader .active.search-form {
border-color: #f2f2f2;
}
.list-btnheader .active.search-form input[type="text"] {
opacity: 1;
visibility: visible;
}
.list-btnheader .active.search-form button {
background-color: var(--navy);
}
.list-btnheader .active.search-form button path {
fill: var(--white);
}
.section02_head,
.section05_head {
position: relative;
}
.scroll-hint-icon-wrap {
display: none;
overflow: hidden;
pointer-events: none;
}
.scroll-hint-hand {
text-align: center;
animation: scroll-hint-appear 1.2s infinite;
animation-iteration-count: 10;
}
.scroll-hint-icon {
padding-top: 5px;
}
@media screen and (max-width: 767px) {
.scroll-hint-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 82px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border: 1px solid var(--navy);
  border-radius: 50%;
  top: 44px;
}
}

@keyframes scroll-hint-appear {
0% {
  transform: translateX(30px);
  opacity: 0;
}
10% {
  opacity: 1;
}
50%,
100% {
  transform: translateX(-30px);
  opacity: 0;
}
}

/* .fade-in.is-show {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.fade-in {
opacity: 0;
} */

.top-chart {
    padding-top: 137px;
    padding-bottom: 150px;
}

.top-chart .inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}


.top-chart {
    padding-top: 55px;
    padding-bottom: 60px;
}
.top-chart .title {
    text-align: center;
    font-family: var(--shipporiFont);
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1.4px;
    margin-bottom: 28px;
}
.top-chart p {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 44px;
}

@media only screen and (min-width: 768px) {
    .top-chart .title {
        font-size: 4.6rem;
        letter-spacing: 2.3px;
    }
    .top-chart {
        padding-top: 137px;
        padding-bottom: 150px;
    }
}

@media only screen and (max-width: 375px) {
    .c-list-product .item_photo .tag {
        font-size: 13px;   
    }
}

@media only screen and (max-width: 390px) {
    .brand-list03-sub {
        line-height: 1.7;
    }
}


/* ====================================================
PRIVACY
==================================================== */

.privacy-section .privacy {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  max-width: 910px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.privacy-section .privacy__ttl {
  padding: 25px 0;
  background: #f6f6f6;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 35px;
  font-weight: normal;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__ttl {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px 0;
    margin-bottom: 20px;
  }
}
.privacy-section .privacy__ttl.__02 {
  padding: 0 0 10px;
  background: none;
  border-bottom: 1px solid #d2d2d2;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__ttl.__02 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.privacy-section .privacy__txt {
  margin-bottom: 35px;
  font-weight: 500;
}
.privacy-section .privacy__txt.__normal {
  font-weight: normal;
}
.privacy-section .privacy__list {
  counter-reset: number 0;
  margin-bottom: 75px;
}
.privacy-section .privacy__list-item {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
  font-weight: normal;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__list-item {
    padding-left: 25px;
  }
}
.privacy-section .privacy__list-item::before {
  position: absolute;
  left: 0;
  top: -3px;
  display: block;
  counter-increment: number 1;
  content: counter(number) ".";
  color: #bda366;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__list-item::before {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.privacy-section .privacy__list-list {
  margin-top: 10px;
}
.privacy-section .privacy__list-list li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__list-list li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.privacy-section .privacy__list-list li::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "・";
  color: #bda366;
}
.privacy-section .privacy--02 .company__table th {
  width: 260px;
}

/* ====================================================
PRIVACY
==================================================== */


.privacy-section .privacy {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  max-width: 910px;
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.privacy-section .privacy__ttl {
  padding: 25px 0;
  background: #f6f6f6;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 35px;
  font-weight: normal;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__ttl {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px 0;
    margin-bottom: 20px;
  }
}
.privacy-section .privacy__ttl.__02 {
  padding: 0 0 10px;
  background: none;
  border-bottom: 1px solid #d2d2d2;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__ttl.__02 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.privacy-section .privacy__txt {
  margin-bottom: 35px;
  font-weight: 500;
}
.privacy-section .privacy__txt.__normal {
  font-weight: normal;
}
.privacy-section .privacy__list {
  counter-reset: number 0;
  margin-bottom: 75px;
}
.privacy-section .privacy__list-item {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__list-item {
    padding-left: 25px;
  }
}
.privacy-section .privacy__list-item::before {
  position: absolute;
  left: 0;
  top: -3px;
  display: block;
  counter-increment: number 1;
  content: counter(number) ".";
  color: #bda366;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__list-item::before {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.privacy-section .privacy__list-list {
  margin-top: 10px;
}
.privacy-section .privacy__list-list li {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
  .privacy-section .privacy__list-list li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.privacy-section .privacy__list-list li::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "・";
  color: #bda366;
}
.privacy-section .privacy--02 .company__table th {
  width: 260px;
}
.product_option03 {
    margin-top: 10px;
}
.product_option03 a {
    text-decoration: underline;
}
.product_option03 a:hover {
    text-decoration: none;
}