/*
Theme Name: a	
Theme URI: https://dessin.work/
Description: dessin Inc. Client theme.
Author: dessin Inc. development team [Yuki Fujii]
Version: 2023-08-03
*/
:root{
    --bgi_w: url("/wp-content/themes/a/img/arrow_r_w.svg");
    --bgi_k: url("/wp-content/themes/a/img/arrow_r_k.svg");
    --bgi_line_w: url("/wp-content/themes/a/img/icon_line_w.svg");
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  color: #000;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.6;
  letter-spacing: 0.06em;
  font-family: "Noto Sans", sans-serif;
}
input {
  font-family: "Noto Sans", sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font: inherit;
}
html {
  scroll-behavior: smooth;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
a.added_to_cart.wc-forward { display: none !important; }
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: #000;
  text-decoration: none;
  transition: 0.3s;
}
a:hover img {
  opacity: 0.8;
}
img, iframe {
  vertical-align: bottom;
  max-width: 100%;
  background: transparent;
  transition: 0.3s;
}
input[type=submit], input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
        appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus, input[type=button]::focus {
  outline-offset: -2px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}
.grecaptcha-badge {
  display: none;
}
.clear:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.df {
  display: flex;
}
.dg{
    display: grid;
}
.dg.lis2{
    grid-template-columns: 1fr 1fr;
    gap: 0 55px;
}
.dg.lis3{
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 54px;
}
.dg.lis4{
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0 41px;
}
.sb {
  justify-content: space-between;
}
.fw {
  flex-wrap: wrap;
}
.w90 {
  margin: 0 auto;
  width: 90%;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 27px 3%;
    align-items: center;
    z-index: 999;
    transition: .3s;
}
header.sp{
  display: none;
}
header.down{
  background-color: rgba(255,255,255,0.9);
}
header.pc nav{
    margin: 0 auto 0 0;
}
header.pc nav li{
    margin-right: 2.8vw;
}
header.pc nav li::after{
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  transform: scale(0,1);
  transform-origin: right top;
  transition: transform .3s;
}
header.pc.down nav li::after{
  background-color: #000;
}
header.pc nav li:hover::after{
  transform: scale(1,1);
  transform-origin: left top;
}
header.pc nav li:last-child{
    margin-right: 0;
}
header.pc nav li a{
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}
header.pc.down nav li a{
  color: #000;
}
header.pc h1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header h1 .black{
  display: none;
}
header.down h1 .black{
  display: block;
}
header.down h1 .white{
  display: none;
}
header.pc .otherLinkWrap{
    margin: 0 0 0 auto;
}
header.pc .otherLink{
  margin-right: 2.5vw;
}
header.pc .otherLink li{
    margin-right: 2.2vw;
}
header.pc .otherLink li:last-child{
    margin-right: 0;
}
header.pc .otherLink li a{
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}
header.pc.down .otherLink li a{
  color: #000;
}
header.pc .searchBtn{
  display: flex;
  align-items: center;
  margin-right: 2.1vw;
  position: relative;
  cursor: pointer;
}
header.pc .searchBtn > img.sblack{
  display: none;
}
header.pc.down .searchBtn > img.sblack{
  display: block;
}
header.pc.down .searchBtn > img.swhite{
  display: none;
}
header.pc .searchBtn .serchBoxWrap{
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 20px;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
}
header.pc .searchBtn.on .serchBoxWrap{
  visibility: visible;
  opacity: 1;
}
header.pc .searchBtn .serchBox{
  background-color: #fff;
  width: 320px;
  padding: 5%;
  box-sizing: border-box;
}
header.pc .searchBtn .serchBox form{
  display: flex;
  flex-direction: column;
}
header.pc .searchBtn .serchBox input[type="search"]{
  border: 1px solid #000;
  margin-bottom: 20px;
  padding: 10px 10px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 5px;
}

header.pc .searchBtn .serchBox .searchSelect{
  margin-bottom: 20px;
  justify-content: center;
}
header.pc .searchBtn .serchBox .searchSelect label{
  font-size: 12px;
  font-weight: 500;
}
header.pc .searchBtn .serchBox .searchSelect label:nth-child(1){
  margin-right: 10px;
}
header.pc .searchBtn .serchBox button{
  display: flex;
  width: 100%;
  height: 50px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
header.pc .searchBtn .serchBox .close{
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}
header.pc .cartCount{
  position: relative;
}
header.pc .cartCount .cartNumber{
  width: 38px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 13px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
}
header.pc.down .cartCount .cartNumber{
  color: #000;
  border-color: #000;
}
header.pc .cartCount .cartMiniBoxWrap{
  display: none;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  transition: opacity .2s ease, transform .2s ease;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox{
  width: 374px;
  background-color: #fff;
  padding: 3%;
  box-sizing: border-box;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .cartMiniTit{
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 1.3rem;
  display: flex;
  align-items: center;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .cartMiniTit img{
  width: 17px;
  display: block;
  margin-right: 5px;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .itemDetailWrap{
  margin-bottom: 1.5rem;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .itemDetailWrap img{
  width: 30%;
  display: block;
  padding-right: 1rem;
  box-sizing: border-box;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .itemDetailWrap .textBox{
  width: 70%;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .itemDetailWrap .textBox .product_title{
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #707070;
  padding-left: 0.5em;
  margin-bottom: 16px;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .itemDetailWrap .textBox .itmDetail p{
  font-size: 12px;
  font-weight: 500;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .itemDetailWrap .textBox 
.topPage .mainvisual{
  position: relative;
  margin-bottom: 205px;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .freeShip{
  background-color: #E6F3FF;
  padding: 3%;
  box-shadow: 0 3px 6px rgba(180,180,180,0.16);
  margin-bottom: 1.5rem;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .freeShip .titTxt{
  font-size: 15px;
  font-weight: 700;
  color: #0031FF;
  margin-bottom: 9px;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox .freeShip p:last-child{
  font-size: 12px;
  font-weight: 500;
  color: #000;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox a{
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  transition: .3s;
  font-size: 15px;
  font-weight: 600;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox a:hover{
  background-color: #fff;
  color: #000;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox a.cartLink{
  margin-bottom: 0.5rem;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox a.cartLink span{
  color: #fff;
}
header.pc .cartCount .cartMiniBoxWrap .cartMiniBox a.cartLink:hover span{
  color: #000;
}
.topPage .mainvisual{
  position: relative;
  margin-bottom: 205px;
}
.topPage .mainvisual video{
  width: 100%;
}
.topPage .mainvisual video#home-header-sp{
  display: none;
}
.topPage .mainvisual .newPost{
  position: absolute;
  bottom: 41px;
  right: 43px;
  width: 341px;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 10px;
}
.topPage .mainvisual .newPost img{
  width: 30%;
  aspect-ratio: 87 / 97;
}
.topPage .mainvisual .newPost .txtBox{
  width: 70%;
  padding-left: 11px;
  box-sizing: border-box;
}
.topPage .mainvisual .newPost .txtBox .postDataWrap{
  align-items: center;
  margin-bottom: 10px;
}
.topPage .mainvisual .newPost .txtBox .postDataWrap .postDate{
  font-size: 14px;
  font-weight: 400;
  font-family: din-2014, sans-serif;
}
.topPage .mainvisual .newPost .txtBox .postDataWrap .categoryName{
  font-size: 12px;
  font-weight: 500;
  padding: 2px 12px;
  border: 1px solid #000000;
  margin-left: 12px;
}
.topPage .mainvisual .newPost .txtBox .postttl{
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #000;
  display: inline;
}
.ttlWrap{
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 29px;
  border-bottom: 1px solid #707070;
}
.ttl1{
  font-size: 32px;
  font-weight: 600;
  font-family: din-2014, sans-serif;
}
.ttl1 span{
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.listLink{
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.listLink.sp{
  display: none;
}
.listLink .icon{
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 19px;
  border: 1px solid #000;
  margin-left: 31px;
  position: relative;
  background: var(--bgi_w) no-repeat center #000;
  background-size: auto;
  transition: .3s;
}
.listLink:hover .icon{
  background: var(--bgi_k) no-repeat center #fff;
}
.topBlock1{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 153px;
}
.topBlock1.sp{
  display: none;
}
.topBlock1 .ttlWrap{
  margin-bottom: 75px;
}
.topBlock1 .postList li img{
  aspect-ratio: 490 / 552;
  margin-bottom: 29px;
}
.postList li h3{
  width: fit-content;
  margin: 0 auto 29px;
  padding: 0 1em 6px;
  border-bottom: 1px solid #000;
  font-weight: 700;
  margin-bottom: 20px;
}
.postList li .postDate{
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #909090;
  font-family: din-2014, sans-serif;
}
.topBlock2{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 166px;
}
.topBlock2 .ttlWrap{
  margin-bottom: 75px;
}
.itemList li a{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.itemList .itemThumnb{
  overflow: hidden;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin-bottom: 19px;
}
.itemList .itemThumnb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.itemList .itmSubThumb{
  display: grid;
  width: 50%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0 5px;
  margin-bottom: 26px;
}
.itemList h3{
  font-weight: 700;
  width: fit-content;
  padding-right: 1em;
  border-bottom: 1px solid #000;
  padding-bottom: 6px;
  margin-bottom: 15px;
}
.itemList .itemCatName{
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 14px;
}
.itemList .price{
  font-weight: 700;
  font-family: din-2014, sans-serif;
}
.topBlock3{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 166px;
}
.topBlock3 .ttlWrap{
  margin-bottom: 75px;
}
.topBlock4{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 179px;
}
.topBlock4 .ttlWrap{
  margin-bottom: 75px;
}
.topBlock4 .postList img{
  aspect-ratio: 761 / 858;
  object-fit: cover;
  margin-bottom: 40px;
}
.topBlock5{
  margin-bottom: 147px;
}
.topBlock5 .ttlWrap{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 69px;
}
.topBlock5 .imgBox{
  width: 90%;
  max-width: 1792px;
  margin: 0 auto;
  position: relative;
}
.topBlock5 .imgBox img{
  width: 100%;
}
.topBlock5 .imgBox img.sp{
  display: none;
}
.topBlock5 .imgBox .txtBox{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.topBlock5 .imgBox .txtBox .subTit{
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 24px;
  color: #fff;
}
.topBlock5 .imgBox .txtBox h3{
  font-size: 69px;
  font-weight: 600;
  font-family: din-2014, sans-serif;
  color: #fff;
  margin-bottom: 24px;
  text-align: center;
}
.topBlock5 .imgBox .txtBox .note{
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}
.topBlock5 .imgBox .txtBox a{
  display: flex;
  width: 189px;
  height: 66px;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  border-radius: 42px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  transition: .3s;
}
.topBlock5 .imgBox .txtBox a:hover{
  background-color: #000;
  color: #fff;
}
.topBlock6{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 230px;
}
.topBlock6 .ttlWrap{
  margin-bottom: 75px;
}
.topBlock7{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 186px;
}
.topBlock7 .ttlWrap{
  margin-bottom: 75px;
}
.topBlock7 .topicsList{
  grid-template-columns: 1fr 1fr;
  gap: 32px 51px;
}
.topBlock7 .topicsList li a{
  align-items: center;
}
.topBlock7 .topicsList li a img{
  width: 20%;
}
.topBlock7 .topicsList li a .txtBox{
  width: 80%;
  padding-left: 2%;
  box-sizing: border-box;
}
.topBlock7 .topicsList li a .txtBox .postaDataWrap{
  align-items: center;
  margin-bottom: 28px;
}
.topBlock7 .topicsList li a .txtBox .postaDataWrap .postDate{
  font-size: 14px;
  font-weight: 400;
  font-family: din-2014, sans-serif;
}
.topBlock7 .topicsList li a .txtBox .postaDataWrap .categoryName{
  font-size: 12px;
  font-weight: 500;
  padding: 2px 12px;
  border: 1px solid #000000;
  margin-left: 12px;
}
.topBlock7 .topicsList li a .txtBox h3{
  font-weight: 700;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}
.topBlock7 .topicsList li a .txtBox span{
  width: 100px;
  height: 1px;
  display: block;
  background-color: #000000;
  margin: 25px 0 19px;
}
.topBlock7 .topicsList li a .txtBox .tagList li{
  font-size: 12px;
  font-weight: 500;
  color: #000AFF;
}
.topBlock8{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 188px;
  background-color: #F0F0F0;
  padding: 71px 3% 85px;
  box-sizing: border-box;
}
.topBlock8 .ttl1{
  margin-bottom: 113px;
}
.topBlock8 .supportWrap{
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 50px;
}
.topBlock8 .supportWrap h3{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 50px;
}
.topBlock8 .supportWrap p{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 33px;
}
.topBlock8 .supportWrap a{
  width: 100%;
  height: 83px;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  transition: .3s;
}
.topBlock8 .supportWrap a:hover{
  background-color: #000;
  color: #fff;
}
footer{
  background-color: #000;
  padding: 141px 5% 40px;
}
.footerContainer{
  padding-bottom: 115px;
  border-bottom: 1px solid #fff;
  margin-bottom: 47px;
}
.footerContainer .footerBlock1{
  width: 40%;
}
.footerContainer .footerBlock1 .logo{
  margin-bottom: 70px;
}
.footerContainer .footerBlock1 .address{
  margin-bottom: 39px;
}
.footerContainer .footerBlock1 .address::after{
  display: block;
  content: "";
  width: 84px;
  height: 1px;
  margin-top: 16px;
  background-color: #fff;
}
.footerContainer .footerBlock1 .address,
.footerContainer .footerBlock1 .address a,
.footerContainer .footerBlock1 .open{
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.footerContainer .footerBlock1 .open{
  margin-bottom: 452px;
}
.footerContainer .footerBlock1 .snsBox a{
  display: block;
}
.footerContainer .footerBlock1 .snsBox a:nth-child(1){
  margin-right: 20px;
}
.footerContainer .footerBlock2{
  width: 60%;
}
.footerContainer .footerBlock2 .footerBlock2Inner{
  margin-bottom: 86px;
  justify-content: space-between;
}
.footerContainer .footerBlock2 .footerBlock2Inner .ttl{
  color: #fff;
  margin-bottom: 55px;
  font-weight: 700;
}
.footerContainer .footerBlock2 .footerBlock2Inner .subTtl{
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 17px;
}
.footerContainer .footerBlock2 .footerBlock2Inner .linkttl{
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
}
.footerContainer .footerBlock2 .footerBlock2Inner .footerLinkWrap.no1 .footerLink.no1{
  margin-bottom: 25px;
}
.footerContainer .footerBlock2 .footerBlock2Inner .footerLinkContent li{
  margin-bottom: 7px;
}
.footerContainer .footerBlock2 .footerBlock2Inner .footerLinkContent li:last-child{
  margin-bottom: 0;
}
.footerContainer .footerBlock2 .footerBlock2Inner .footerLinkContent li a{
  color: #848484;
  font-weight: 700;
  font-size: 12px;
  transition: .3s;
}
.footerContainer .footerBlock2 .footerBlock2Inner .footerLinkContent li:hover a{
  color: #ccc;
}
.footerContainer .footerBlock2 .bnrBox .ttl{
    font-weight: 700;
    color: #fff;
    margin-bottom: 54px;
}
.footerContainer .footerBlock2 .bnrBox .bnrWrap{
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0 25px;
}
.footerContainer .footerBlock2 .bnrBox .bnrWrap li img{
  width: 100%;
}
.footerOther {
  justify-content: space-between;
}
.footerOther .copy{
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.footerOther ul li{
  margin-right: 69px;
}
.footerOther ul li:last-child{
  margin-right: 0;
}
.footerOther ul li a{
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.footerOther ul li::after{
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  transform: scale(0,1);
  transform-origin: right top;
  transition: transform .3s;
}
.footerOther ul li:hover:after{
  transform: scale(1,1);
  transform-origin: left top;
}
.subPage{
  padding-top: 155px;
}
.privacyPageInner{
  width: 90%;
  max-width: 1695px;
  margin-left: 3%;
}
.privacyPageInner .pankuzu{
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 10px;
}
.privacyPageInner h2{
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 100px;
}
.privacyContentWrap{
  margin-bottom: 134px;
}
.privacyPageInner .pageLinkList{
  width: 30%;
  position: sticky;
  height: fit-content;
  padding-bottom: 155px;
  top: 155px;
}
.privacyPageInner .pageLinkList a{
  display: block;
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 500;
}
.privacyPageInner .pageLinkList a:last-child{
  margin-bottom: 0;
}
.privacyPageInner .privacyContent{
  width: 70%;
}
.privacyContent .privacyInner h3{
  font-size: 26px;
  font-weight: 500;
  padding-bottom: 22.5px;
  border-bottom: 1px solid #707070;
}
.privacyContent .privacyInner .box1{
  margin-bottom: 53px;
}
.privacyContent .privacyInner .box1:last-child{
  margin-bottom: 0;
}
.privacyContent .privacyInner .box1 h4{
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 19px;
}
.privacyContent .privacyInner .box1 p{
  font-size: 15px;
  font-weight: 400;
}
.privacyContent .privacyBox{
  margin-bottom: 181px;
}
.privacyContent .privacyBox h3{
  margin-bottom: 53px;
}
.privacyContent .privacyBox .note{
  margin-bottom: 67px;
}
.privacyContent .tokusyoyBox{
  margin-bottom: 241px;
}
.privacyContent .tokusyoyBox h3{  
  margin-bottom: 59px;
}
.backToTop{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 221px;
  height: 54px;
  border: 1px solid #000;
  margin: 0 auto;
  transition: .3s;
}
.backToTop:hover{
  color: #fff;
  background-color: #000;
}
.backToTop .icon{
  display: block;
  width: 9px;
  height: 15px;
  transform: rotate(180deg);
  margin-right: 18px;
  background: var(--bgi_k) no-repeat center;
  background-size: auto;
}
.backToTop:hover .icon{
  background: var(--bgi_w) no-repeat center;
}
.itemPage{
  padding-bottom: 93px;
}
.itemPage .pankuzu{
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 69px;
  margin-left: 3%;
}
.itemPage .itemDetailWrap{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 204px;
}
.itemPage .itemDetailWrap .left{
  width: 60%;
  padding-right: 5%;
  box-sizing: border-box;
}
.itemPage .itemDetailWrap .left .leftContainer{
  position: sticky;
  height: fit-content;
  top: 120px;
}
.itemPage .itemDetailWrap .left .ImgBox{
  margin-bottom: 109px;
  align-items: flex-start;
}
.itemPage .itemDetailWrap .left .subImgBoxContainer{
  box-sizing: border-box;
  width: 15%;
  padding-right: 5%;
}
.itemPage .itemDetailWrap .left .subImgBoxContainer .subImgCounter{
    width: 100%;
    padding: 8px 0;
    box-sizing: border-box;
    border: 1px solid #000;
    margin-top: 22px;
    font-size: 19px;
    font-weight: 600;
    justify-content: center;
    display: flex !important;
}
.itemPage .itemDetailWrap .left .subImgBoxContainer .subImgCounter{
  font-size: 19px;
  font-weight: 600;
}
.itemPage .itemDetailWrap .left .mainItemImg,
.itemPage.teamorder .itemDetailWrap .left .mainItemImgWrap{
  width: 85%;
}
.itemPage.teamorder .itemDetailWrap .left .mainItemImg{
  width: 100%;
  margin-bottom: 30px;
}
.itemPage.teamorder .itemDetailWrap .left .mainItemImgWrap .orderRelation a{
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 80px;
  margin-bottom: 21px;
}
.itemPage.teamorder .itemDetailWrap .left .mainItemImgWrap .orderRelation a .imgBox{
  margin-right: 42px;
  line-height: 0;
}
.itemPage.teamorder .itemDetailWrap .left .mainItemImgWrap .orderRelation a p{
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.itemPage.teamorder .itemDetailWrap .left .mainItemImgWrap .orderRelation .limit{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
}
.itemPage.teamorder .itemDetailWrap .left .mainItemImgWrap .orderRelation .limit img{
  display: block;
  margin-right: 9px;
}
.itemPage.teamorder .itemDetailWrap .left .mainItemImgWrap .orderRelation .note{
  font-size: 10px;
  font-weight: 500;
}
.itemPage .itemDetailWrap .left .mainItemImg li img{
  width: 100%;
}
.itemPage .styleContent.sp{
  display: none;
}
.styleContent .tit2{
  margin-bottom: 64px;
}
.styleContent .postList{
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 30px;
}
.styleContent .postList li img{  
    display: block;
    margin-bottom: 36px;
}
.styleContent .postList li p{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  border-bottom: 1px solid #000000;
}
.itemPage .itemDetailWrap .right{
  width: 40%;
}
.itemPage .itemDetailWrap .right .itemTtlBox .categoryName{
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
}
.itemPage .itemDetailWrap .right .itemTtlBox h2{
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 10px;
}
.itemPage .itemDetailWrap .right .itemTtlBox .itemNumber{
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 18px;
}
.itemPage .itemDetailWrap .right .itemTtlBox .price{
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 33px;
}
.itemPage .itemDetailWrap .right .colorBox{
  margin-bottom: 18px;
}
.itemPage .itemDetailWrap .right .colorBox .ttlTxt{
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 11px;
}
.itemPage .itemDetailWrap .right .colorBox .refImg li{
  margin-right: 11px;
}
.itemPage .itemDetailWrap .right .sizeBox{
  padding-bottom: 29px;
  border-bottom: 1px solid #D3D3D3;
  margin-bottom: 32px;
}
.itemPage .itemDetailWrap .right .sizeBox .ttlTxt{
  margin-bottom: 5px;
}
.itemPage .itemDetailWrap .right .sizeBox .sizeList{
  margin-bottom: 8px;
}
.itemPage .itemDetailWrap .right .sizeBox .sizeList li{
  margin-right: 10px;
}
.itemPage .itemDetailWrap .right .sizeBox .sizeList li:last-child{
  margin-right: 0;
}
.custom-quantity {
  display: inline-flex;
  align-items: center;
  border: 1px solid #999;
  padding: 5px 10px;
  gap: 15px;
  font-size: 24px;
  font-family: sans-serif;
}
.qty-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 24px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.custom-quantity .qty-input {
  width: 40px;
  text-align: center;
  font-size: 20px;
  border: none;
  outline: none;
}
.hidden{visibility:hidden !important;}
.itemPage .itemDetailWrap .right .variation-add-to-cart .custom-quantity{
  margin-bottom: 25px;
}
.itemPage .itemDetailWrap .right .variation-add-to-cart button[type="submit"]{
  display: block;
  width: 100%;
  height: 80px;
  background-color: #000;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
  cursor: pointer;
  transition: .3s;
}
/* 無効時（どれか1つでも当たれば効く） */
.itemPage .itemDetailWrap .right .variation-add-to-cart
  .single_add_to_cart_button.disabled,
.itemPage .itemDetailWrap .right .variation-add-to-cart
  .single_add_to_cart_button[disabled],
.itemPage .itemDetailWrap .right .variation-add-to-cart
  .single_add_to_cart_button[aria-disabled="true"] {
  pointer-events: none;
  opacity: .5;
  cursor: not-allowed;
}
.itemPage .itemDetailWrap .right .variation-add-to-cart button[type="submit"]:not(:disabled):hover{
  background-color: #fff;
  color: #000;
}
.itemPage .itemDetailWrap .right .cartWrap{
  margin-bottom: 73px;
}
.itemPage .itemDetailWrap .right .cartWrap .stock.out-of-stock{
  color: #f00;
  font-weight: 500;
  margin-bottom: 8px;
}
.itemPage .itemDetailWrap .right .cartWrap .lineLink{
  width: 100%;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #848484;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-bottom: 12px;
}
.itemPage .itemDetailWrap .right .cartWrap .memo{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 58px;
}
.itemPage .itemDetailWrap .right .cartWrap .attention{
  font-size: 14px;
  font-weight: 600;
  color: #FF0000;
  margin-bottom: 34px;
}
.itemPage .itemDetailWrap .right .cartWrap .postage,
.itemPage .itemDetailWrap .right .cartWrap .payment,
.itemPage .itemDetailWrap .right .cartWrap .deadline{
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}
.itemPage .itemDetailWrap .right .cartWrap .postage img,
.itemPage .itemDetailWrap .right .cartWrap .payment img,
.itemPage .itemDetailWrap .right .cartWrap .deadline img{
  display: block;
  margin-right: 10px;
}
.itemPage .itemDetailWrap .right .cartWrap .postage,
.itemPage .itemDetailWrap .right .cartWrap .payment{
  margin-bottom: 16px;
}
.itemPage .itemDetailWrap .right .cartWrap .payment a{
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 2px;
  border-bottom: 1px solid #000;
}
.itemPage .itemDetailWrap .right .cartWrap .deadline{
  margin-bottom: 12px;
}
.itemPage .itemDetailWrap .right .cartWrap .memo2{
  font-size: 10px;
  font-weight: 400;
}
.itemPage .itemDetailWrap .right .overviewWrap{
  margin-bottom: 107px;
}
.itemPage .itemDetailWrap .right .overviewWrap h3{
  margin-bottom: 59px;
}
.itemPage .itemDetailWrap .right .chartBox h3{
  margin-bottom: 29px;
}
.itemPage .itemDetailWrap .right .chartBox table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 33px;
}
.itemPage .itemDetailWrap .right .chartBox table tr th,
.itemPage .itemDetailWrap .right .chartBox table tr td{
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.itemPage .itemDetailWrap .right .chartBox table tr th{
  padding: 10px 0;
}
.itemPage .itemDetailWrap .right .chartBox table tr td{
  padding: 13px 0;
}
.itemPage .itemDetailWrap .right .chartBox table tr th:last-child,
.itemPage .itemDetailWrap .right .chartBox table tr td:last-child{
  border-right: none;
}
.itemPage .itemDetailWrap .right .chartBox table tr:last-child td{
  border-bottom: none;
}
.itemPage .itemDetailWrap .right .chartBox table tr td.sizeName{
  width: 15%;
}
.itemPage .itemDetailWrap .right .chartBox .note{
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 32px;
}
.itemPage .itemDetailWrap .right .chartBox .sizeImgWrap  .sizeImgBtn{
  width: 100%;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  border: 1px solid #000;
  transition: .3s;
}
.itemPage .itemDetailWrap .right .chartBox .sizeImgWrap  .sizeImgBtn:hover{
  background-color: #000;
  color: #fff;
}
.itemPage .itemDetailWrap .right .chartBox .sizeImgWrap .modalWrap{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
}
.itemPage .itemDetailWrap .right .chartBox .sizeImgWrap.on .modalWrap{
  visibility: visible;
  opacity: 1;
}
.itemPage .itemDetailWrap .right .chartBox .sizeImgWrap .modalWrap .modal{
  width: 90%;
  max-width: 794px;
}
.itemPage .itemDetailWrap .right .chartBox .sizeImgWrap .modalWrap .modal img{
  width: 100%;
  object-fit: contain;
}
.colorOption {
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.3s;
}
.colorOption.selected {
  border-color: #000;
}
.colorOption img {
  display: block;
  width: 51px;
  height: auto;
}
.sizeBtn {
  border: 1px solid #ccc;
  background: #fff;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sizeBtn.selected {
  background: #e0e0e0;
  border: 2px solid #000;
}
.sizeBtn.disabled {
  background: #f5f5f5;
  border: 1px solid #ccc;
  color: #aaa;
  cursor: not-allowed;
}
.sizeBtn .soldOutMark {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  line-height: 1;
  transform: rotate(15deg);
  color: #999;
  pointer-events: none;
}
.selectColor,
.selectSize {
  font-size: 12px;
  font-weight: 500;
  color: #525252;
}
.sizeBtn.sold-out::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10%;
  width: 80%;
  height: 2px;
  background: #999;
  transform: rotate(-20deg);
  pointer-events: none;
}
.tit2{
  padding: 20px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  font-weight: 500;
}
.singlePage .pankuzu{
  margin: 0 0 40px 3%;
  font-size: 10px;
  font-weight: 500;
}
.singlePage .ttlBox{
  width: 90%;
  max-width: 1577px;
  margin: 0 auto 91px;
  border-bottom: 1px solid #707070;
  padding-bottom: 64px;
}
.singlePage .ttlBox h2{
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 18px;
  text-align: center;
}
.singlePage .ttlBox .postDetail{
  justify-content: center;
  align-items: center;
}
.singlePage .ttlBox .postDetail .postDate{
  font-size: 14px;
  font-weight: 400;
  font-family: din-2014, sans-serif;
  margin-right: 12px;
}
.singlePage .ttlBox .postDetail .catName{
  padding: 1px 14px;
  border: 1pX solid #000;
}
.singlePage .singleContent{
  width: 90%;
  max-width: 733px;
  margin: 0 auto 231px;
}
.singlePage .singleContent h2{
  font-size: 18px;
  font-weight: 700;
}
.singlePage .singleContent p{
  font-size: 15px;
  font-weight: 400;
}
.singlePage .shareBox{
  width: 90%;
  max-width: 1577px;
  margin: 0 auto 45px;
  padding: 40px 0;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.singlePage .shareBox .ttlTxt{
  font-size: 18px;
  font-weight: 600;
  font-family: din-2014, sans-serif;
}
.singlePage .shareBox .snsBox a{
  display: block;
  margin-right: 36px;
  transition: .3s;
}
.singlePage .shareBox .snsBox a:hover{
  opacity: 0.6;
}
.singlePage .shareBox .snsBox a:last-child{
  margin-right: 0;
}
.singlePage .nextPrev{
  width: 90%;
  max-width: 1577px;
  margin: 0 auto 211px;
  position: relative;
}
.singlePage .nextPrev .prevPost{
  width: fit-content;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.singlePage .nextPrev .backToList{
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  height: auto;
  text-align: right;
}
.singlePage .nextPrev .nextPost{
  width: fit-content;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.singlePage .nextPrev .prevPost a,
.singlePage .nextPrev .nextPost a{
  display: flex;
  align-items: center;
}
.singlePage .nextPrev .prevPost a img{
  display: block;
  margin-right: 24px;
}
.singlePage .nextPrev .nextPost a img{
  display: block;
  margin-left: 24px;
}
.singlePage .topBlock3{
  margin-bottom: 116px;
}
.singlePage .backToTop{
  margin-bottom: 159px;
}
.faqPage .pankuzu{
  width: 90%;
  max-width: 1790px;
  margin: 0 auto 40px;
  font-size: 10px;
  font-weight: 500;
}
.faqPage > h2{
  font-size: 26px;
  font-weight: 500;
  width: 90%;
  max-width: 1790px;
  margin: 0 auto 90px;
}
.faqPage .faqContentWrap{
  width: 90%;
  max-width: 1790px;
  margin: 0 auto;
}
.faqPage .faqContentWrap .questionLink{
  width: 25%;
  height: fit-content;
  position: sticky;
  top: 120px;
}
.faqPage .faqContentWrap .questionLink .box1{
  margin-bottom: 58px;
}
.faqPage .faqContentWrap .questionLink .box1:last-child{
  margin-bottom: 0;
}
.faqPage .faqContentWrap .questionLink .box1 .ttlLink{
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.faqPage .faqContentWrap .questionLink .box1 ul li{
  margin-bottom: 11px;
  width: fit-content;
}
.faqPage .faqContentWrap .questionLink .box1 ul li:after{
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #000;
  transform: scale(0,1);
  transform-origin: right top;
  transition: transform .3s;
}
.faqPage .faqContentWrap .questionLink .box1 ul li:hover::after{
  transform: scale(1,1);
  transform-origin: left top;
}
.faqPage .faqContentWrap .questionLink .box1 ul li a{
    font-size: 14px;
    font-weight: 500;
}
.faqPage .faqContentWrap .faqContent{
  width: 75%;
}
.faqPage .faqContentWrap .faqContent .faqContentInner.no1{
  margin-bottom: 186px;
}
.faqPage .faqContentWrap .faqContent .faqContentInner.no2{
  margin-bottom: 233px;
}
.faqPage .faqContentWrap .faqContent .faqContentInner h3{
  font-size: 26px;
  font-weight: 700;
  padding-bottom: 23px;
  margin-bottom: 104px;
  border-bottom: 1px solid #707070;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox{
  margin-bottom: 94px;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox:last-child{
  margin-bottom: 0;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox h4{
  width: 30%;
  font-size: 22px;
  font-weight: 700;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail{
  width: 70%;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox{
  padding: 34px 8% 34px 5%;
  box-sizing: border-box;
  background-color: #F8F8F8;
  margin-bottom: 7px;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox div{
  display: flex;
  align-items: center;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox div .contentNum{
  font-size: 22px;
  font-weight: 600;
  width: 10%;
  font-family: din-2014, sans-serif;
  display: block;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox div .contentTxt{
  width: 90%;
  font-size: 15px;
  font-weight: 600;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox .question{
  position: relative;
  cursor: pointer;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox .question::before{
  width: 16px;
  height: 2px;
  display: block;
  content: "";
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox .question::after{
  width: 2px;
  height: 16px;
  display: block;
  content: "";
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  transition: .3s;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox.on .question::after{
  transform: translateY(-50%) rotate(90deg);
  transform-origin: 50% 50%;
  opacity: 0;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox .anser{
  max-height: 0;
  overflow: hidden;
  transition: .3s;
  margin-top: 0;
}
.faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox.on .anser{
  max-height: 500px;
  margin-top: 20px;
}
.faqPage .backToTop{
  margin-bottom: 123px;
}
.sMargin{
  scroll-margin-top: 150px;
}
.guidePage .pankuzu{
  font-size: 10px;
  font-weight: 500;
  margin: 0 0 40px 3%;
}
.guidePage h2{
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 90px 3%;
}
.guidePage .guideContentWrap{
  width: 90%;
  max-width: 1696px;
  margin: 0 0 0 3%;
}
.guidePage .guideContentWrap .guideLink{
  width: 25%;
  position: sticky;
  top: 150px;
  height: fit-content;
}
.guidePage .guideContentWrap .guideLink li{
  margin-bottom: 11px;
  width: fit-content;
}
.guidePage .guideContentWrap .guideLink li:last-child{
  margin-bottom: 0;
}
.guidePage .guideContentWrap .guideLink li::after{
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #000;
  transform: scale(0,1);
  transform-origin: right top;
  transition: transform .3s;
}
.guidePage .guideContentWrap .guideLink li:hover:after{
  transform: scale(1,1);
  transform-origin: left top;
}
.guidePage .guideContentWrap .guideLink li a{
  font-size: 14px;
  font-weight: 500;
}
.guidePage .guideContentWrap .guideContent{
  width: 75%;
}
.guidePage .guideContentWrap .guideContent .guideContentInner h3{
  font-size: 26px;
  font-weight: 500;
  padding-bottom: 23px;
  border-bottom: 1px solid #707070;
  margin-bottom: 54px;
}
.guidePage .guideContentWrap .guideContent .guideContentInner .box1{
  margin-bottom: 72px;
}
.guidePage .guideContentWrap .guideContent .guideContentInner .box1:last-child{
  margin-bottom: 0;
}
.guidePage .guideContentWrap .guideContent .guideContentInner .box1 h4{
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 19px;
}
.guidePage .guideContentWrap .guideContent .guideContentInner .box1 .note{
  font-size: 15px;
  font-weight: 400;
}
.guidePage .guideContentWrap .guideContent .guideContentInner .box1 img{
  display: block;
}
.guidePage .guideContentWrap .guideContent .guideContentInner .box1.credit img{
  margin-top: 27px;
}
.guidePage .guideContentWrap .guideContent .guideContentInner .box1.convenience img{
  margin-top: 31px;
}
.guidePage .guideContentWrap .guideContent .guideContentInner .box1.pay img{
  margin-top: 52px;
}
.guidePage .guideContentWrap .guideContent .guideContentInner .box1.career img{
  margin-top: 19px;
}
.guidePage .guideContentWrap .guideContent .guideContentInner.no1{
  margin-bottom: 121px;
}
.guidePage .guideContentWrap .guideContent .guideContentInner.no2{
  margin-bottom: 205px;
}
.guidePage .guideContentWrap .guideContent .guideContentInner.no3{
  margin-bottom: 255px;
}
.guidePage .backToTop{
  margin-bottom: 134px;
}
.contactPage .pankuzu{
  font-size: 10px;
  font-weight: 500;
  margin: 0 0 40px 3%;
}
.contactPage h2{
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 133px 3%;
}
.contactPage .contactContainer{
  width: 90%;
  max-width: 1272px;
  margin: 0 auto 132px;
}
.contactPage .contactContainer .contactWrap.lineBox{
  margin-bottom: 188px;
}
.contactPage .contactContainer .contactWrap h3{
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 34px;
}
.contactPage .contactContainer .contactWrap .note{
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 44px;
}
.contactPage .contactContainer .contactWrap.lineBox a{
  display: block;
  width: 353px;
  height: 80px;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  line-height: 80px;
  transition: .3s;
  position: relative;
  transition: .3s;
  margin-right: 10px;
}
.contactPage .contactContainer .contactWrap.lineBox a:last-child{
  margin-right: 0;
}
.contactPage .contactContainer .contactWrap.lineBox a:hover{
  background-color: #fff;
  color: #000;
}
.contactPage .contactContainer .contactWrap.lineBox a .icon{
  display: inline-block;
  width: 32px;
  height: 32px;
  background: var(--bgi_line_w) no-repeat center;
  background-size: auto;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}
.contactPage .contactContainer .contactWrap .contactInput{
  margin-bottom: 23px;
}
.contactPage .contactContainer .contactWrap .contactInput li{
  padding: 45px 0;
  border-bottom: 1px solid #DDDDDD;
}
.contactPage .contactContainer .contactWrap .contactInput li:first-child{
  border-top: 1px solid #DDDDDD;
}
.contactPage .contactContainer .contactWrap .contactInput li p{
  display: flex;
  align-items: center;
  width: 100%;
}
.contactPage .contactContainer .contactWrap .contactInput li:last-child p{
  align-items: flex-start;
}
.contactPage .contactContainer .contactWrap .contactInput li p .title{
  display: block;
  width: 20%;
  font-weight: 500;
}
.contactPage .contactContainer .contactWrap .contactInput li p .wpcf7-form-control-wrap{
  width: 80%;
}
.contactPage .contactContainer .contactWrap .contactInput li p .wpcf7-form-control-wrap select{
  width: 100%;
  padding: 22px 3%;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #ACACAC;
}
.contactPage .contactContainer .contactWrap .contactInput li p .wpcf7-form-control-wrap input[type="text"],
.contactPage .contactContainer .contactWrap .contactInput li p .wpcf7-form-control-wrap input[type="email"],
.contactPage .contactContainer .contactWrap .contactInput li p .wpcf7-form-control-wrap input[type="tel"]{
  width: 100%;
  padding: 17px 3%;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  color: #626262;
  background-color: #E5E5E5;
}
.contactPage .contactContainer .contactWrap .contactInput li p .wpcf7-form-control-wrap textarea{
  width: 100%;
  padding: 17px 3%;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  color: #626262;
  background-color: #E5E5E5;
  border: none;
  height: 368px;
}
.contactPage .contactContainer .contactWrap .acceptance{
  text-align: center;
}
.contactPage .contactContainer .contactWrap .policyLink{
  text-align: center;
  font-weight: 400;
  margin-bottom: 32px;
}
.contactPage .contactContainer .contactWrap .policyLink{
  text-align: center;
}
.contactPage .contactContainer .contactWrap .policyLink a{
  font-size: 12px;
  font-weight: 500;
  color: #0000FF;
  text-decoration: underline;
  margin-bottom: 45px;
}
.contactPage .contactContainer .contactWrap .submit{
  width: fit-content;
  margin: 0 auto;;
}
.contactPage .contactContainer .contactWrap .submit.prev{
  margin-bottom: 20px;
}
.contactPage .contactContainer .contactWrap .submit p{
  position: relative;
}
.contactPage .contactContainer .contactWrap .submit input[type="submit"],
.contactPage .contactContainer .contactWrap .submit input[type="button"]{
  width: 353px;
  height: 80px;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  line-height: 80px;
  transition: .3s;
}
.contactPage .contactContainer .contactWrap .submit input[type="submit"]:hover{
  background-color: #fff;
  color: #000;
}
.contactPage .contactContainer .contactWrap .submit p .wpcf7-spinner{
  position: absolute;
  top: 50%;
  right: 0;
}
.subPage.teamOrderPage{
  padding-top: 133px;
}
.teamOrderPage .tit3{
  font-size: 32px;
  font-weight: 600;
  font-family: din-2014, sans-serif;
}
.teamOrderPage .tit3 span{
  display: block;
  font-size: 14px;
  font-weight: 500;
}
.teamOrderPage  .mainVisual{
  margin-bottom: 196px;
  position: relative;
}
.teamOrderPage  .mainVisual .txtBox{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.teamOrderPage  .mainVisual .txtBox h1{
  font-size: 69px;
  font-weight: 600;
  font-family: din-2014, sans-serif;
  color: #fff;
  margin-bottom: 12px;
  text-align: center;
}
.teamOrderPage  .mainVisual .txtBox .subTit{
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
}
.teamOrderPage .teamOrderBlock1{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 159px;
}
.teamOrderPage .teamOrderBlock1 .tit3{
  width: 30%;
}
.teamOrderPage .teamOrderBlock1 .txtBox{
  width: 70%;
  box-sizing: border-box;
}
.teamOrderPage .teamOrderBlock1 .txtBox h3{
  font-size: 29px;
  font-weight: 500;
  margin-bottom: 39px;
}
.teamOrderPage .teamOrderBlock1 .txtBox p{
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 44px;
}
.teamOrderPage .teamOrderBlock1 .txtBox .circleLink{
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 0 auto;
}
.teamOrderPage .teamOrderBlock1 .txtBox .circleLink .icon{
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 19px;
  border: 1px solid #000;
  margin-left: 31px;
  position: relative;
  background: var(--bgi_w) no-repeat center #000;
  background-size: auto;
  transition: .3s;
}
.teamOrderPage .teamOrderBlock1 .txtBox .circleLink:hover .icon{
  background: var(--bgi_k) no-repeat center #fff;
}
.teamOrderPage .teamOrderBlock1 img{
  width: 50%;
}
.teamOrderPage .teamOrderBlock2{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 211px;
}
.teamOrderPage .teamOrderBlock2 .tit3{
  margin-bottom: 56px;
}
.teamOrderPage .teamOrderBlock2 h3{
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 65px;
}
.teamOrderPage .teamOrderBlock2 .reason{
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 43px;
}
.teamOrderPage .teamOrderBlock2 .reason li{
  position: relative;
  padding-top: 25px;
}
.teamOrderPage .teamOrderBlock2 .reason li::before{
  display: block;
  content: "";
  width: 80%;
  height: 1px;
  background-color: #707070;
  position: absolute;
  top: 0;
  left: 0;
}
.teamOrderPage .teamOrderBlock2 .reason li .ttlWrap2{
  justify-content: space-between;
  align-items: center;
  margin-bottom: 73px;
}
.teamOrderPage .teamOrderBlock2 .reason li h4{
  font-size: 15px;
  font-weight: 700;
  font-family: din-2014, sans-serif;
}
.teamOrderPage .teamOrderBlock2 .reason li h4 span{
  display: block;
  font-size: 15px;
  font-weight: 700;
}
.teamOrderPage .teamOrderBlock2 .reason li .ttlWrap2 .titNum{
  font-size: 42px;
  font-weight: 600;
  font-family: din-2014, sans-serif;
}
.teamOrderPage .teamOrderBlock2 .reason li .note{
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 78px;
}
.teamOrderPage .teamOrderBlock3{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 310px;
}
.teamOrderPage .teamOrderBlock3 h2{
  margin-bottom: 77px;
}
.teamOrderPage .teamOrderBlock3 .flow li{
  position: relative;
  margin-bottom: 58px;
  border: 5px solid #F2F2F2;
  padding: 68px 3%;
  box-sizing: border-box;
  align-items: center;
}
.teamOrderPage .teamOrderBlock3 .flow li:last-child{
  margin-bottom: 0;
}
.teamOrderPage .teamOrderBlock3 .flow li .role{
  position: absolute;
  top: -9px;
  left: 3%;
  width: fit-content;
  padding: 10px 36px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  background-color: #000;
}
.teamOrderPage .teamOrderBlock3 .flow li:nth-child(even) .role{
  background-color: #848484;
}
.teamOrderPage .teamOrderBlock3 .flow li .flowNum{
  width: 20%;
  font-size: 27px;
  font-weight: 600;
  color: #909090;
  display: flex;
  align-items: center;
  font-family: din-2014, sans-serif;
}
.teamOrderPage .teamOrderBlock3 .flow li .flowNum span{
  font-size: 38px;
  font-weight: 600;
  color: #000;
  display: block;
  font-family: din-2014, sans-serif;
  margin-left: 23px;
}
.teamOrderPage .teamOrderBlock3 .flow li .title{
  width: 30%;
  font-size: 22px;
  font-weight: 600;
}
.teamOrderPage .teamOrderBlock3 .flow li .note{
  width: 50%;
  font-size: 15px;
  font-weight: 500;
}
.teamOrderPage .topBlock3{
  margin-bottom: 193px;
}
.teamOrderPage .topBlock3 .newsList li a .postDetail{
  margin-bottom: 13px;
}
.teamOrderPage .topBlock3 .newsList li a .postDetail .postDate{
  margin-right: 12px;
}
.teamOrderPage .topBlock3 .newsList li a .postDetail .catName{
  font-size: 12px;
  font-weight: 400;
  padding: 1px 11px;
  border: 1px solid #000;
  width: fit-content;
}
.teamOrderPage .topBlock3 .newsList li a h3{
  font-weight: 700;
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
  margin-bottom: 22px;
}
.teamOrderPage .topBlock3 h3{
  text-align: center;
  font-size: 114px;
  font-weight: 700;
  margin-bottom: 13px;
  font-family: din-2014, sans-serif;
}
.teamOrderPage .topBlock3 .note{
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 64px;
}
.teamOrderPage .itemList{
  width: 90%;
  max-width: 1578px;
  margin: 0 auto 240px;
}
.teamOrderPage .teamOrderBlock4{
  margin-bottom: 112px;
}
.teamOrderPage .teamOrderBlock4 .ttlWrap{
  border: none;
  width: 90%;
  max-width: 1578px;
  margin: 0 auto;
  padding-bottom: 0;
}
.teamOrderPage .teamOrderBlock4 .ttlWrap h2{
  font-size: 69px;
  font-weight: 600;
  font-family: din-2014, sans-serif;
}
.teamOrderPage .backToTop{
  margin-bottom: 160px;
}
.teamOrderPage .teamOrderBlock4:hover a span{
  background: var(--bgi_k) no-repeat center #fff;
}
.categoryPage .pankuzu{
  width: 90%;
  max-width: 1790px;
  margin: 0 auto 40px;
  font-size: 10px;
  font-weight: 500;
}
.categoryPage h2{
  font-size: 26px;
  font-weight: 500;
  width: 90%;
  max-width: 1790px;
  margin: 0 auto 101px;
}
.categoryPage .categoryContentWrap{
  width: 90%;
  max-width: 1790px;
  margin: 0 auto 178px;
}
.categoryPage .categoryContentWrap .categoryLinks{
  width: 25%;
  position: sticky;
  top: 150px;
  height: fit-content;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no1{
  margin-bottom: 64px;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no2{
  margin-bottom: 58px;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1 .txtTit{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no1 li{
  margin-bottom: 11px;
  width: fit-content;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no1 li::after{
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #000;
  transform: scale(0,1);
  transform-origin: right top;
  transition: transform .3s;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no1 li:hover::after{
  transform: scale(1,1);
  transform-origin: left top;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no1 li a{
  font-size: 14px;
  font-weight: 500;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no2 ul{
  display: flex;
  flex-wrap: wrap;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no2 li{
  background-color: #000;
  border: 1px solid #000;
  border-radius: 14px;
  overflow: hidden;
  width: fit-content;
  margin: 0 4px 13px 0;
  transition: .3s;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no2 li:hover{
  background-color: #fff;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no2 li a{
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 5px 20px;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no2 li:hover a{
  color: #000;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no3 form{
  position: relative;
  width: 100%;
  max-width: 207px;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no3 input[type="text"]{
  width: 100%;
  max-width: 207px;
  padding: 8px 48px 8px 8px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  color: #646464;
  border: 1px solid #000000;
}
.categoryPage .categoryContentWrap .categoryLinks .linkBox1.no3 button{
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background-color: #000;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.categoryPage .categoryContentWrap .categoryContent{
  width: 75%;
} 
.categoryPage .categoryContentWrap .categoryContent form{
  width: fit-content;
  margin: 0 0 45px auto;
  border-bottom: 1px solid #000;
}
.categoryPage .categoryContentWrap .categoryContent > .itemList,
.categoryPage .categoryContentWrap .categoryContent > .newsList{
  gap: 75px 36px;
  margin-bottom: 147px;
}
.categoryPage .categoryContentWrap .categoryContent .newsList li a img,
.singlePage .itemList li a img{
  margin-bottom: 31px;
}
.categoryPage .categoryContentWrap .categoryContent .newsList li a .postDetail,
.singlePage .itemList li a .postDetail{
  margin-bottom: 13px;
}
.categoryPage .categoryContentWrap .categoryContent .newsList li a .postDetail .postDate,
 .singlePage .itemList li a .postDetail .postDate{
  font-size: 14px;
  font-weight: 400;
  font-family: din-2014, sans-serif;
  margin-right: 12px;
}
.categoryPage .categoryContentWrap .categoryContent .newsList li a .postDetail .catName,
.singlePage .itemList li a .postDetail .catName{
  font-size: 12px;
  font-weight: 400;
  padding: 1px 11px;
  border: 1px solid #000;
  width: fit-content;
}
.categoryPage .categoryContentWrap .categoryContent .newsList li a h3,
.singlePage .itemList li a h3{
  font-weight: 700;
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
  margin-bottom: 22px;
}
.categoryPage .categoryContentWrap .categoryContent .itemList .priceWrap{
  align-items: center;
}
.categoryPage .categoryContentWrap .categoryContent .itemList .price.sale{
  margin-right: 10px;
}
.categoryPage .categoryContentWrap .categoryContent .itemList .price.sale *{
  color: #f00;
}
.categoryPage .categoryContentWrap .categoryContent .itemList .price.regular{
  font-size: 12px;
}
.categoryPage .categoryContentWrap .categoryContent .pagination{
  width: fit-content;
  margin: 0 auto 14rem;
}
.categoryPage .categoryContentWrap .categoryContent .pagination span,
.categoryPage .categoryContentWrap .categoryContent .pagination a{
  margin-right: 43px;
  font-size: 18px;
  font-weight: 500;
}
.categoryPage .categoryContentWrap .categoryContent .pagination .current{
  padding-bottom: 6px;
  border-bottom: 1px solid #000000;
}
.categoryPage .categoryContentWrap .categoryContent .pagination span:last-child,
.categoryPage .categoryContentWrap .categoryContent .pagination a:last-child{
  margin-right: 0;
}
.categoryPage .backToTop{
  margin-bottom: 159px;
}
.categoryPage.items .categoryLinks .linkTit{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px;
}
.categoryPage.items .categoryContentWrap{
  margin-bottom: 151px;
}
.categoryPage.items .categoryContentWrap .categoryContent .newsList{
  margin-bottom: 118px;
}
.categoryPage.items .categoryContentWrap .categoryContent .topBlock3{
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.categoryPage.items .categoryContentWrap .categoryContent .topBlock3.recommend{
  margin-bottom: 103px;
}
.categoryPage.items .backToTop{
  margin-bottom: 172px;
}
.registerPage .register-page h2{
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 27px;
}
.registerPage .register-page > p{
  text-align: center;
  margin-bottom: 20px;
}
.registerPage .register-page .memo{
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 72px;
}
.registerPage .register-page .inputBox{
  width: 90%;
  max-width: 733px;
  margin: 0 auto 69px;
  padding: 94px 5%;
  box-sizing: border-box;
  border: 1px solid #ACACAC;
}
.registerPage .register-page .inputBox label{
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  display: block;
}
.registerPage.login .register-page .inputBox label.remember{
  margin-bottom: 28px;
}
.registerPage .register-page .inputBox input[type="text"],
.registerPage .register-page .inputBox input[type="email"],
.registerPage.login .register-page .inputBox input[type="text"],
.registerPage .register-page .inputBox input[type="password"]{
  width: 100%;
  padding: 12px 7px;
  box-sizing: border-box;
  background-color: #D9D9D9;
  margin-bottom: 14px;
}
.registerPage .register-page .inputBox .note{
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 40px;
}
.registerPage .register-page .inputBox button[type="submit"]{
  display: block;
  width: 100%;
  height: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  background-color: #000;
  border: 1px solid #000;
  cursor: pointer;
}
.registerPage.reset .register-page .inputBox input[type="email"]{
  margin-bottom: 47px;
}
.registerPage.login .register-page .inputBox button{
  margin-bottom: 28px;
}
.registerPage.login .register-page .inputBox .lostPass{
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  border-bottom: 1px dashed #000;
  margin: 0 auto;
  display: block;
  width: fit-content;
}
.myaccount h2{
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 3% 90px;
}
.myaccount .accountContentWrap{
  width: 90%;
  max-width: 1696px;
  margin: 0 auto 270px;
}
.myaccount .accountContentWrap .accountMenu{
  width: 25%;
}
.myaccount .accountContentWrap .accountMenu .titTxt{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.myaccount .accountContentWrap .accountMenu .menuList li{
  margin-bottom: 11px;
  width: fit-content;
}
.myaccount .accountContentWrap .accountMenu .menuList li::after{
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #000;
  transform: scale(0,1);
  transform-origin: right top;
  transition: transform .3s;
}
.myaccount .accountContentWrap .accountMenu .menuList li:hover::after{
  transform: scale(1,1);
  transform-origin: left top;
}
.myaccount .accountContentWrap .accountMenu .menuList li:last-child{
  margin-bottom: 0;
}
.myaccount .accountContentWrap .accountMenu .menuList li a{
  font-size: 14px;
  font-weight: 500;
}
.myaccount .accountContentWrap .accountContent{
  width: 75%;
}
.myaccount .accountContentWrap .accountContent .box1 .titWrap{
  padding-bottom: 23px;
  margin-bottom: 48px;
  border-bottom: 1px solid #707070;
  justify-content: space-between;
}
.myaccount .accountContentWrap .accountContent .box1 h3{
  font-size: 26px;
  font-weight: 500;
}
.myaccount .accountContentWrap .accountContent button{
  padding: 10px 28px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans", sans-serif;
  cursor: pointer;
  transition: .3s;
}
.myaccount .accountContentWrap .accountContent button:hover{
  background-color: #ACACAC;
}
.myaccount .accountContentWrap .accountContent .box1.history{
  margin-bottom: 117px;
}
.myaccount .accountContentWrap .accountContent .box1.history table{
  width: 100%;
  border: 1px solid #707070;
  border-collapse: collapse;
}
.myaccount .accountContentWrap .accountContent .box1.history table th,
.myaccount .accountContentWrap .accountContent .box1.history table td{
  padding: 20px 10px;
  border-right: 1px solid #707070;
  font-size: 14px;
  text-align: left;
  width: 20%;
  box-sizing: border-box;
}
.myaccount .accountContentWrap .accountContent .box1.history table th:last-child,
.myaccount .accountContentWrap .accountContent .box1.history table td:last-child{
  border-right: none;
}
.myaccount .accountContentWrap .accountContent .box1.history table th{
  background-color: #EFEFEF;
  border-bottom: 1px solid #707070;
}
.myaccount .accountContentWrap .accountContent .box1.address{
  margin-bottom: 100px; 
}
.myaccount .accountContentWrap .accountContent .box1.address table{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #707070;
  margin-bottom: 16px;
}
.myaccount .accountContentWrap .accountContent .box1.address table tr{
  border-bottom: 1px solid #707070;
}
.myaccount .accountContentWrap .accountContent .box1.address table td{
  padding: 20px 10px;
  box-sizing: border-box;
  border-right: 1px solid #707070;
}
.myaccount .accountContentWrap .accountContent .box1.address table td:last-child{
  border-right: none;
}
.myaccount .accountContentWrap .accountContent .box1.address table td:nth-child(1),
.myaccount .accountContentWrap .accountContent .box1.address table td:nth-child(3){
  width: 20%;
}
.myaccount .accountContentWrap .accountContent .box1.address table td:nth-child(2){
  width: 60%;
}
.myaccount .accountContentWrap .accountContent .box1.address table td:nth-child(1) input[type="checkbox"]{
  margin-right: 10px;
}
.myaccount .accountContentWrap .accountContent .box1.address .addWrap{
  margin-top: 85px;
}
.myaccount .accountContentWrap .accountContent .box1.address .addWrap h4{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 24px;
}
.myaccount .accountContentWrap .accountContent .box1.address .addWrap .inputBox{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  width: 90%;
  max-width: 930px;
  margin-bottom: 21px;
}
.myaccount .accountContentWrap .accountContent .box1.address .addWrap .inputBox input[type="text"]{
  width: 100%;
  border: 1px solid #707070;
  padding: 20pX 10px;
  box-sizing: border-box;
}
.myaccount .accountContentWrap .accountContent .box1.address .addWrap button[type="submit"]{
  margin-right: 9px;
}
.myaccount .accountContentWrap .accountContent .box1.account .titWrap{
  margin-bottom: 40px;
}
.myaccount .accountContentWrap .accountContent .box1.account ul{
  margin-bottom: 27px;
}
.myaccount .accountContentWrap .accountContent .box1.account li.nameWrap{
  margin-bottom: 19px;
}
.myaccount .accountContentWrap .accountContent .box1.account li.nameWrap:last-child{
  margin-bottom: 0;
}
.myaccount .accountContentWrap .accountContent .box1.account .nameWrap .title{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.myaccount .accountContentWrap .accountContent .box1.account .nameWrap input[type="text"],
.myaccount .accountContentWrap .accountContent .box1.account .nameWrap input[type="email"],
.myaccount .accountContentWrap .accountContent .box1.account .nameWrap input[type="password"]{
  border: 1px solid #707070;
  padding: 20px 10px;
  width: 100%;
  box-sizing: border-box;
}
.myaccount .accountContentWrap .accountContent .box1.account .nameWrap.nameContent{
  justify-content: space-between;
  align-items: center;
}
.myaccount .accountContentWrap .accountContent .box1.account .nameWrap.nameContent .NameBox{
  width: 49%;
}
.myaccount.viewOrder > p{
  text-align: center;
  margin-bottom: 40px;
  font-weight: 500;
}
.myaccount.viewOrder .woocommerce-order-details{
  width: 90%;
  max-width: 1430px;
  margin: 0 auto;
}
.myaccount.viewOrder .woocommerce-order-details table thead th{
  width: 25%;
}
.myaccount.viewOrder .woocommerce-order-details table tbody td{
  text-align: center;
  vertical-align: middle;
}
.myaccount.viewOrder .woocommerce-order-details table tbody td.product-thumb a{
  display: block;
  width: 100%;
  height: 100%;
}
.subPage.cartPage{
  padding-top: 240px;
  padding-bottom: 151px;
  background-color: #F2F2F2;
}
.subPage.cartPage .emptyTxt{
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.cartPage > h2{
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 106px;
}
.cartPage .cartStep{
  width: 90%;
  max-width: 606px;
  margin: 0 auto 110px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
.cartPage .cartStep::before{
  display: block;
  content: "";
  width: 80%;
  height: 2px;
  background-color: #919191;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
.cartPage .cartStep li{
  width: 20%;
}
.cartPage .cartStep li .stepName{
  font-size: 17px;
  font-weight: 700;
  font-family: din-2014, sans-serif;
  margin-bottom: 10px;
  color: #919191;
  text-align: center;
}
.cartPage .cartStep li.active .stepName{
  color: #000;
}
.cartPage .cartStep li .circle{
  display: block;
  width: 36px;
  height: 36px;
  background-color: #919191;
  border-radius: 50%;
  margin: 0 auto 11px;
}
.cartPage .cartStep li.active .circle{
  background-color: #000;
}
.cartPage .cartStep li .text{
  font-size: 15px;
  font-weight: 700;
  color: #919191;
  text-align: center;
}
.cartPage .cartStep li.active .text{
  color: #000;
}
.cartPage .cartWrap{
  background-color: #fff;
  width: 90%;
  max-width: 1430px;
  padding: 116px 5% 111px;
  box-sizing: border-box;
  margin: 0 auto 267px;
}
.cartPage .cartWrap .cartDetail{
  width: 60%;
}
.cartPage .cartWrap .cartDetail h3{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 12px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 37px;
}
.cartPage .cartWrap .cartDetail .cart-item{
  justify-content: space-between;
}
.cartPage .cartWrap .cartDetail .cart-item .itemDetail img{
  margin-right: 31px;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
.cartPage .cartWrap .cartDetail .cart-item .itemDetail .txtBox h5{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 26px;
  text-decoration: underline;
}
.cartPage .cartWrap .cartDetail .cart-item .itemDetail .txtBox p{
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 23px;
}
.cartPage .cartWrap .cartDetail .cart-item .itemDetail .txtBox > a{
  display: flex;
  width: 83px;
  height: 25px;
  justify-content: center;
  align-items: center;
  border: 1px solid #707070;
}
.cartPage .cartWrap .cartDetail .cart-item .priceBox .quantity{
  border: 1px solid #707070;
  margin-bottom: 91px;
}
.cartPage .cartWrap .cartDetail .cart-item .priceBox .price{
  text-align: right;
  font-size: 18px;
  font-weight: 500;
}
.cartPage .cartWrap .cartTotal{
  width: 40%;
  padding-left: 10%;
  box-sizing: border-box;
}
.cartPage .cartWrap .cartTotal h3{
  font-size: 15px;
  font-weight: 700;
  padding: 0 0 12px 1em;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 25px;
}
.cartPage .cartWrap .cartTotal .payTotal{
  margin-bottom: 22px;
}
.cartPage .cartWrap .cartTotal .payTotal .subtotalPriceWrap{
  justify-content: space-between;
  margin-bottom: 22px;
}
.cartPage .cartWrap .cartTotal .payTotal .subtotalPriceWrap p{
  font-size: 18px;
  font-weight: 500;
}
.cartPage .cartWrap .cartTotal .payTotal .shippingPriceWrap{
  justify-content: space-between;
  flex-direction: column;
}
.cartPage .cartWrap .cartTotal .payTotal .shippingPriceWrap p{
  font-size: 18px;
  font-weight: 500;
}
.cartPage .cartWrap .cartTotal .shippingFreeBox{
  background-color: #E6F3FF;
  margin-bottom: 26px;
  padding: 14px 5% 22px;
}
.cartPage .cartWrap .cartTotal .shippingFreeBox .title{
  font-size: 15px;
  font-weight: 800;
  color: #0031FF;
  margin-bottom: 9px;
}
.cartPage .cartWrap .cartTotal .shippingFreeBox .note{
  font-size: 12px;
  font-weight: 500;
}
.cartPage .cartWrap .cartTotal .coupon{
  margin-bottom: 35px;
}
.cartPage .cartWrap .cartTotal .coupon .title{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 11px;
}
.cartPage .cartWrap .cartTotal .coupon input[type="text"]{
  border: 1px solid #989898;
  width: 100%;
  padding: 16px 8px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
}
.cartPage .cartWrap .cartTotal .coupon button.button{
  margin: 0 0 0 auto;
  display: block;
  width: fit-content;
}
.cartPage .cartWrap .cartTotal .couponAppliedNotice{
  margin-bottom: 10px;
}
.cartPage .cartWrap .cartTotal .couponAppliedNotice .couponAppliedTitle{
  font-weight: 700;
  color: #4ab866;
}
.cartPage .cartWrap .cartTotal .couponAppliedNotice .couponAppliedTitle strong .woocommerce-Price-amount{
  font-weight: 700;
  color: #4ab866;
}
.cartPage .cartWrap .cartTotal .couponAppliedNotice .couponAppliedTitle strong .woocommerce-Price-amount .woocommerce-Price-currencySymbol{
  font-weight: 700;
  color: #4ab866;
}
.cartPage .cartWrap .cartTotal .totalPriceWrap{
  margin-bottom: 25px;
  justify-content: space-between;
  align-items: center;
}
.cartPage .cartWrap .cartTotal .totalPriceWrap .title{
  font-size: 18px;
  font-weight: 700;
}
.cartPage .cartWrap .cartTotal .buyBtnBox a{
  display: flex;
  width: 100%;
  height: 64px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.cartPage .cartWrap .cartTotal .buyBtnBox a:hover{
  color: #000;
}
.cartPage .cartWrap .cartTotal .buyBtnBox .member{
  background-color: #000;
  border: 1px solid #000;
  margin-bottom: 9px;
}
.cartPage .cartWrap .cartTotal .buyBtnBox .member:hover{
  background-color: #fff;
}
.cartPage .cartWrap .cartTotal .buyBtnBox .guest{
  background-color: #909090;
  border: 1px solid #909090;
}
.cartPage .cartWrap .cartTotal .buyBtnBox .guest:hover{
  background-color: #fff;
}
.cartPage .topBlock3.ranking{
  margin-bottom: 151px;
}
.cartPage.checkout .wc-block-components-sidebar-layout{
  width: 90%;
  max-width: 1430px;
  background: #fff;
  padding: 110px 5% 150px;
  box-sizing: border-box;
}
.cartPage.checkout .wc-block-components-title.wc-block-components-title{
  padding-bottom: 11px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 27px;
}
.cartPage.checkout .custom-address-select{
  margin-bottom: 48px;
}
.cartPage.checkout .custom-address-select select{
  width: 100%;
  padding: 20px 10px;
  border: 1px solid #000;
  border-radius: 5px;
}
.cartPage.thanks .cartStep{
  margin-bottom: 156px;
}
.cartPage.thanks .msgWrap{
  width: 90%;
  max-width: 866px;
  margin: 0 auto 109px;
  padding: 75px 0 84px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.cartPage.thanks .msgWrap .titTxt{
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: center;
}
.cartPage.thanks .msgWrap .note{
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}
.itemPage.teamorder .itemDiscription{
  margin-bottom: 70px;
}
.itemPage.teamorder .itemDiscription p{
  font-size: 15px;
  font-weight: 500;
}
.itemPage.teamorder .teamorderBox h3{
  padding-bottom: 12px;
  margin-bottom: 27px;
  border-bottom: 1px solid #000000;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
}
.itemPage.teamorder .teamorderBox h3 span{
  display: block;
  width: 3px;
  height: 17px;
  background-color: #000;
  margin-right: 8px;
}
.itemPage.teamorder .teamorderBox.colorImgBox img,
.itemPage.teamorder .teamorderBox.fontBox img{
  width: 100%;
}
.itemPage.teamorder .kindsBox{
  margin-bottom: 52px;
}
.itemPage.teamorder .kindsBox li{
  align-items: center;
  border-bottom: 1px solid #D3D3D3;
}
.itemPage.teamorder .kindsBox li .kindsDetail{
  align-items: center;
  width: 80%;
}
.itemPage.teamorder .kindsBox li .kindsDetail img{
  width: 62px;
  margin-right: 16px;
  display: block;
}
.itemPage.teamorder .kindsBox li .kindsDetail .kindsTitle{
  font-size: 18px;
  font-weight: 500;
}
.itemPage.teamorder .kindsBox li .kindsPrice{
  width: 20%;
  padding: 36px 0;
  position: relative;
}
.itemPage.teamorder .kindsBox li .kindsPrice:after{
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}
.itemPage.teamorder .specificationBox li{
  width: fit-content;
  margin-right: 12px;
}
.itemPage.teamorder .specificationBox li:last-child{
  margin-right: 0;
}
.itemPage.teamorder .specificationBox li img{
  width: 81px;
  display: block;
  margin-bottom: 10px;
}
.itemPage.teamorder .specificationBox li .kindsTitle{
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
.itemPage.teamorder .specificationBox.no1{
  margin-bottom: 53px;
}
.itemPage.teamorder .specificationBox.no2{
  margin-bottom: 51px;
}
.itemPage.teamorder .colorImgBox{
  margin-bottom: 53px;
}
.itemPage.teamorder .colorImgBox ul{
  grid-template-columns: repeat(12,1fr);
  gap: 17px 10px;
}
.itemPage.teamorder .colorImgBox ul li .kindsTitle{
  text-align: center;
  font-size: 11px;
  font-weight: 400;
}
.itemPage.teamorder .fontBox ul li{
  align-items: center;
  padding: 29px 1.5rem;
  border: 1px solid #000000;
}
.itemPage.teamorder .fontBox ul li .kindsTitle{
  font-weight: 700;
  font-size: 15px;
  padding-right: 1.5rem;
  margin-right: 1.5rem;
  border-right: 1px solid #000;
}
.categoryPage.teamgoods .lis3{
  gap: 98px 24px;
}
.categoryPage.teamgoods .itemList .itemThumnb{
  aspect-ratio: 472 / 293;
}
.pageNotFound.singlePage .ttlBox{
  padding-bottom: 20px;
}
.pageNotFound.singlePage .singleContent p{
  font-weight: 700;
  text-align: center;
}
.cancel .my-cancel-notice{
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 80px;
}
.cancel .backShopping{
  width: 80%;
  max-width: 540px;
  height: 67px;
  margin: 0 auto;
}
.cancel .button{
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
@media(width < 1500px){
  .faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox{
    flex-direction: column;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox h4{
    width: 100%;
    margin-bottom: 40px;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail{
    width: 100%;
  }
}
@media (width < 1440px){
  .teamOrderPage .topBlock3 h3{
    font-size: 100px;
  }
}
@media (width < 1280px){
  header.pc{
    display: none;
  }
  header.sp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 2%;
    z-index: 997;
  }
  header.sp .cartCount{
    margin: 0 1.5% 0 auto;
  }
  header.sp .cartNumber{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin: 0 1.5% 0 auto;
  }
  header.sp.down .cartNumber{
    border-color: #000;
    color: #000;
  }
  header.sp .cartMiniBoxWrap{
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(12px);
    z-index: 1000;
    padding: 40px 5%;
    box-sizing: border-box;
    overflow-y: scroll;
  }
  header.sp .cartMiniBoxWrap.is-open{
    display: block;
    opacity: 1;
  }
  header.sp .cartMiniBoxWrap .itemDetailWrap{
    margin-bottom: 40px;
  }
  header.sp .cartMiniBoxWrap .itemDetailWrap > img{
    width: 30%;
  }
  header.sp .cartMiniBoxWrap .itemDetailWrap .textBox{
    width: 70%;
    padding-left: 5%;
    box-sizing: border-box;
  }
  header.sp .cartMiniBoxWrap .freeShip{
    margin-bottom: 40px;
    background-color: #E6F3FF;
    padding: 3%;
    box-shadow: 0 3px 6px rgba(180,180,180,0.16);
    margin-bottom: 1.5rem;
  }
  header.sp .cartCount .cartMiniBoxWrap .cartMiniBox .freeShip .titTxt{
    font-size: 15px;
    font-weight: 700;
    color: #0031FF;
    margin-bottom: 9px;
  }
  header.sp .cartCount .cartMiniBoxWrap .cartMiniBox .freeShip p:last-child{
    font-size: 12px;
    font-weight: 500;
    color: #000;
  }
  header.sp .cartMiniBox > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #000;
    color: #fff;
  }
  header.sp .cartMiniBox .cartLink{
    margin-bottom: 20px;
  }
  header.sp .cartMiniBox .cartLink .cart-count{
    color: #fff;
  }
  header.sp .cartMiniBox .cartMiniTit{
    margin-bottom: 60px;
  }
  header.sp .hbMenuWrap{
    width: 54px;
    height: 54px;
  }
  header.sp .hbMenuBtn{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 999;
  }
  header.sp .hbMenuBtn span{
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-bottom: 8px;
  }
  header.sp .hbMenuBtn span:last-child{
    margin-bottom: 0;
  }
  header.sp.down .hbMenuBtn span{
    background-color: #000;
  }
  header.sp .hbMenuWrap.on .hbMenuBtn span{
    background-color: #000;
    transform-origin: center;
    transition: .3s;
  }
  header.sp .hbMenuWrap.on .hbMenuBtn span:nth-child(1){
    transform: rotate(45deg);
    margin-bottom: -2px;
  }
  header.sp .hbMenuWrap.on .hbMenuBtn span:nth-child(2){
    display: none;
  }
  header.sp .hbMenuWrap.on .hbMenuBtn span:nth-child(3){
    transform: rotate(-45deg);
  }
  header.sp .hbMenu{
    width: 100%;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    z-index: 998;
    top: 0;
    left: 100%;
    transition: .3s;
    padding: 100px 5%;
    box-sizing: border-box;
    overflow-y: scroll;
  }
  header.sp .hbMenu nav{
    margin-bottom: 80px;
  }
  header.sp .hbMenu nav li{
    margin-bottom: 40px;
    border-bottom: 1px solid #000;
  }
  header.sp .hbMenu nav li:last-child{
    margin-bottom: 0;
  }
  header.sp .hbMenu nav li a{
    font-size: 20px;
    padding-bottom: 40px;
    display: block;
  }
  header.sp .hbMenu .otherLink{
    margin-bottom: 80px;
  }
  header.sp .hbMenu .otherLink li{
    margin-bottom: 20px;
  }
  header.sp .hbMenu .otherLink li:last-child{
    margin-bottom: 0;
  }
  header.sp .hbMenu .otherLink li a{
    font-size: 18px;
  }
  header.sp .hbMenu .cartLinks a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background-color: #000;
    color: #fff;
  }
  header.sp .hbMenu .cartLinks a.cartLink{
    margin-bottom: 20px;
  }
  header.sp .hbMenu .cartLinks a.cartLink span{
    color: #fff;
  }
  header.sp .hbMenuWrap.on .hbMenu{
    left: 0;
  }
  header.sp .searchBox{
    margin-bottom: 60px;
  }
  header.sp .searchBox input[type="search"]{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #000;
    margin-bottom: 20px;
  }
  header.sp .searchBox .searchSelect{
    justify-content: center;
    margin-bottom: 20px;
  }
  header.sp .searchBox .searchSelect label{
    font-size: 12px;
    font-weight: 500;
  }
  header.sp .searchBox .searchSelect label:nth-child(1){
    margin-right: 10px;
  }
  header.sp .searchBox button{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    height: 50px;
    background-color: #000;
    border: none;
  }
  .topPage .mainvisual video#home-header{
    display: none;
  }
  .topPage .mainvisual{
    width: 100%;
    height: 100vh;
    aspect-ratio: 9/16;
    position: relative;
  }
  .topPage .mainvisual video#home-header-sp{
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0; 
    display: block;
  }
  footer{
    padding: 40px 5%;
  }
  .footerContainer{
    flex-direction: column;
  }
  .footerContainer .footerBlock1{
    width: 100%;
    margin-bottom: 60px;
  }
  .footerContainer .footerBlock1 .open{
    margin-bottom: 40px;
  }
  .footerContainer .footerBlock2{
    width: 100%;
  }
  .dg.lis4{
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;
  }
  .categoryPage .categoryContentWrap .categoryContent > .itemList, 
  .categoryPage .categoryContentWrap .categoryContent > .newsList{
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;
    margin-bottom: 80px;
  }
  .itemList .itmSubThumb{
    width: 100%;
  }
  .topBlock7 .topicsList{
    grid-template-columns: 1fr;
    gap: 40px 0;
  }
  .topBlock8 .supportWrap{
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .footerOther{
    flex-direction: column;
  }
  .footerOther .copy{
    order: 2;
  }
  .footerOther .df{
    order: 1;
    margin-bottom: 20px;
    flex-direction: column;
  }
  .footerOther ul li{
    margin: 0 0 20px 0;
  }
  .subPage{
    padding-top: 114px;
  }
  .categoryPage .categoryContentWrap{
    flex-direction: column;
  }
  .categoryPage .categoryContentWrap .categoryLinks{
    width: 100%;
    position: static;
    margin-bottom: 40px;
  }
  .categoryPage .categoryContentWrap .categoryLinks .linkBox1 ul{
    display: flex;
    flex-wrap: wrap;
  }
  .categoryPage .categoryContentWrap .categoryLinks .linkBox1 ul li{
    margin-right: 5%;
  }
  .categoryPage .categoryContentWrap .categoryContent{
    width: 100%;
  }
  .itemPage .itemDetailWrap{
    flex-direction: column;
    margin-bottom: 80px;
  }
  .itemPage .itemDetailWrap .left{
    width: 100%;
    padding-right: 0;
  }
  .itemPage .itemDetailWrap .left .leftContainer{
    position: static;
  }
  .itemPage .itemDetailWrap .left .subImgBoxContainer .subImgCounter{
    display: none !important;
  }
  .itemPage .itemDetailWrap .left .ImgBox{
    flex-direction: column;
    order: 1;
    margin-bottom: 40px;
  }
  .itemPage .itemDetailWrap .left .mainItemImg, 
  .itemPage.teamorder .itemDetailWrap .left .mainItemImgWrap{
    width: 100%;
    margin-bottom: 20px;
  }
  .itemPage .itemDetailWrap .left .subImgBoxContainer{
    order: 2;
    width: 100%;
    padding-right: 0;
  }
  .itemPage .itemDetailWrap .left .subImgBoxWrap .subImgBox{
    flex-direction: row;
  }
  .itemPage .itemDetailWrap .left .subImgBoxWrap .subImgBox li{
    margin-bottom: 0;
  }
  .itemPage .styleContent.pc{
    display: none;
  }
  .itemPage .styleContent.sp{
    display: block;
    width: 90%;
    margin: 0 auto 80px;
  }
  .itemPage .styleContent.sp .tit2{
    margin-bottom: 40px;
  }
  .itemPage .styleContent.sp .postList{
    grid-template-columns: 1fr;
    gap: 40px 0;
  }
  .styleContent .postList li img{
    width: 100%;
  }
  .itemPage .itemDetailWrap .right{
    width: 100%;
  }
  .itemPage .itemDetailWrap .right .overviewWrap{
    margin-bottom: 60px;
  }
  .subPage.teamOrderPage{
    padding-top: 74px;
  }
  .teamOrderPage .mainVisual{
    margin-bottom: 80px;
  }
  .teamOrderPage .teamOrderBlock1{
    flex-direction: column;
    margin-bottom: 100px;
  }
  .teamOrderPage .teamOrderBlock1 .tit3{
    width: 100%;
    margin-bottom: 40px;
  }
  .teamOrderPage .teamOrderBlock1 .txtBox{
    order: 2;
    width: 100%;
    padding-right: 0;
  }
  .teamOrderPage .teamOrderBlock1 img{
    width: 100%;
    order: 1;
    margin-bottom: 40px;
  }
  .teamOrderPage .teamOrderBlock2 .reason{
    grid-template-columns: 1fr;
    gap: 40px 0;
  }
  .teamOrderPage .teamOrderBlock2 .tit3{
    margin-bottom: 40px;
  }
  .teamOrderPage .teamOrderBlock2 .reason li .ttlWrap2{
    margin-bottom: 40px;
  }
  .teamOrderPage .teamOrderBlock2 .reason li .note{
    margin-bottom: 40px;
  }
  .teamOrderPage .teamOrderBlock2{
    margin-bottom: 80px;
  }
  .teamOrderPage .teamOrderBlock3 .flow li{
    flex-direction: column;
  }
  .teamOrderPage .teamOrderBlock3 .flow li .flowNum{
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .teamOrderPage .teamOrderBlock3 .flow li .title{
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .teamOrderPage .teamOrderBlock3 .flow li .note{
    width: 100%;
  }
  .teamOrderPage .teamOrderBlock3{
    margin-bottom: 80px;
  }
  .topBlock3 .ttlWrap{
    margin-bottom: 40px;
  }
  .teamOrderPage .teamOrderLink{
    margin-bottom: 80px;
  }
  .teamOrderPage .backToTop{
    margin-bottom: 90px;
  }
  .teamOrderPage .teamOrderBlock1 .txtBox .tit3{
    margin-bottom: 40px;
  }
  .teamOrderPage .teamOrderBlock1 .txtBox p{
    margin-bottom: 40px;
  }
  .guidePage .guideContentWrap{
    flex-flow: column;
    margin: 0 auto;
  }
  .guidePage .guideContentWrap .guideLink{
    width: 100%;
    position: static;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
  }
  .guidePage .guideContentWrap .guideLink li{
    margin-right: 5%;
  }
  .guidePage .guideContentWrap .guideContent{
    width: 100%;
  }
  .guidePage .guideContentWrap .guideContent .guideContentInner.no1{
    margin-bottom: 80px;
  }
  .guidePage .guideContentWrap .guideContent .guideContentInner.no2{
    margin-bottom: 80px;
  }
  .guidePage .guideContentWrap .guideContent .guideContentInner.no3{
    margin-bottom: 80px;
  }
  .guidePage .backToTop{
    margin-bottom: 90px;
  }
  .myaccount .accountContentWrap{
    flex-direction: column;
  }
  .myaccount .accountContentWrap .accountMenu{
    width: 100%;
    margin-bottom: 60px;
  }
  .myaccount .accountContentWrap .accountMenu ul{
    display: flex;
    flex-wrap: wrap;
  }
  .myaccount .accountContentWrap .accountMenu ul li{
    margin-right: 5%;
  }
  .myaccount .accountContentWrap .accountContent{
    width: 100%;
  }
  .cartPage .cartWrap {
    flex-direction: column;
  }
  .cartPage .cartWrap .cartDetail{
    width: 100%;
    margin-bottom: 60px;
  }
  .cartPage .cartWrap .cartTotal{
    width: 100%;
    padding-left: 0;
  }
  .faqPage .faqContentWrap{
    flex-direction: column;
  }
  .faqPage .faqContentWrap .questionLink{
    margin-bottom: 60px;
    position: static;
    width: 100%;
  }
  .faqPage .faqContentWrap .questionLink .box1{
    margin-bottom: 40px;
  }
  .faqPage .faqContentWrap .questionLink .box1 ul{
    display: flex;
    flex-wrap: wrap;
  }
  .faqPage .faqContentWrap .questionLink .box1 ul li{
    margin-right: 5%;
    margin-bottom: 20px;
  }
  .faqPage .faqContentWrap .faqContent{
    width: 100%;
  }
  .privacyPageInner{
    margin: 0 auto;
  }
  .privacyContentWrap{
    flex-direction: column;
  }
  .privacyPageInner .pageLinkList{
    width: 100%;
    padding-bottom: 0;
    position: static;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
  }
  .privacyPageInner .pageLinkList a{
    margin-right: 10px;
    margin-bottom: 0;
  }
  .privacyPageInner .privacyContent{
    width: 100%;
  }
  .topBlock5 .imgBox img.pc{
    display: none;
  }
  .topBlock5 .imgBox img.sp{
    display: inline;
  }
  .teamOrderPage .topBlock3 h3{
    line-height: 1.2;
  }
}
@media(width < 820px){
  .dg.lis2{
    gap: 0 20px;
  }
  .listLink.pc{
    display: none;
  }
  .listLink.sp{
    display: flex;
    margin-top: 40px;
  }
  .topPage .mainvisual{
    margin-bottom: 80px;
  }
  .topBlock1.pc{
    display: none;
  }
  .topBlock1.sp{
    display: block;
    margin-bottom: 80px;
  }
  .topBlock1.sp .ttlWrap{
    margin-bottom: 40px;
  }
  .topBlock2{
    margin-bottom: 80px;
  }
  .topBlock2 .ttlWrap{
    margin-bottom: 40px;
  }
  .teamOrderPage .topBlock3{
    margin-bottom: 80px;
  }
  .topBlock3 .ttlWrap{
    margin-bottom: 40px;
  }
  .topBlock4{
    margin-bottom: 80px;
  }
  .topBlock4 .ttlWrap{
    margin-bottom: 40px;
  }
  .topBlock5{
    margin-bottom: 80px;
  }
  .topBlock5 .ttlWrap{
    margin: 0 auto 40px;
  }
  .topBlock6{
    margin-bottom: 80px;
  }
  .topBlock6 .ttlWrap{
    margin-bottom: 40px;
  }
  .topBlock7{
    margin-bottom: 80px;
  }
  .topBlock7 .ttlWrap{
    margin-bottom: 40px;
  }
  .topBlock8{
    margin-bottom: 90px;
    padding: 40px 3%;
  }
  .topBlock8 .ttl1{
    margin-bottom: 40px;
  }
  .topBlock8 .supportWrap h3{
    margin-bottom: 20px;
  }
  .footerContainer .footerBlock2 .footerBlock2Inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 10px;
  }
  .footerContainer .footerBlock2 .bnrBox .bnrWrap{
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 20px;
  }
  .topPage .mainvisual .newPost{
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
  }
  .categoryPage h2{
    margin-bottom: 40px;
  }
  .categoryPage .categoryContentWrap{
    margin-bottom: 60px;
  }
  .categoryPage .categoryContentWrap .categoryLinks .linkBox1.no1{
    margin-bottom: 40px;
  }
  .categoryPage .categoryContentWrap .categoryLinks .linkBox1.no1:last-child{
    margin-bottom: 0;
  }
  .categoryPage .categoryContentWrap .categoryContent .topBlock3.recommend{
    margin-bottom: 80px;
  }
  .categoryPage .backToTop{
    margin-bottom: 90px;
  }
  .categoryPage .categoryContentWrap .categoryLinks .linkBox1.no2{
    margin-bottom: 40px;
  }
  .categoryPage .categoryContentWrap .categoryContent .pagination{
    margin-bottom: 80px;
  }
  .itemPage.teamorder .fontBox ul li{
    flex-direction: column;
  }
  .itemPage.teamorder .fontBox ul li .kindsTitle{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    width: 100%;
  }
  .singlePage .ttlBox{
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .singlePage .ttlBox h2{
    font-size: 20px;
  }
  .singlePage .nextPrev{
    margin-bottom: 80px;
  }
  .singlePage .backToTop{
    margin-bottom: 90px;
  }
  .guidePage h2{
    margin-bottom: 40px;
  }
  .guidePage .guideContentWrap .guideContent .guideContentInner h3{
    margin-bottom: 40px;
  }
  .myaccount .accountContentWrap{
    margin-bottom: 90px;
  }
  .myaccount .accountContentWrap .accountContent .box1 .titWrap{
    margin-bottom: 40px;
  }
  .myaccount .accountContentWrap .accountContent .box1.history table th{
    font-size: 10px;
  }
  .myaccount .accountContentWrap .accountContent .box1.history table th, 
  .myaccount .accountContentWrap .accountContent .box1.history table td{
    font-size: 10px;
  }
  .myaccount .accountContentWrap .accountContent .box1.history{
    margin-bottom: 80px;
  }
  .myaccount .accountContentWrap .accountContent .box1.address{
    margin-bottom: 80px;
  }
  .myaccount .accountContentWrap .accountContent .box1.account .nameWrap.nameContent{
    flex-flow: column;
  }
  .myaccount .accountContentWrap .accountContent .box1.account .nameWrap.nameContent .NameBox{
    width: 100%;
  }
  .myaccount .accountContentWrap .accountContent .box1.account .nameWrap.nameContent .NameBox.last{
    margin-bottom: 20px;
  }
  .myaccount h2{
    margin: 0 0 40px 4%;
  }
  .subPage.cartPage{
    padding-top: 114px;
    padding-bottom: 90px;
  }
  .cartPage .cartStep::before{
    top: 38%;
  }
  .cartPage .cartStep li{
    height: 134px;
  }
  .cartPage > h2{
    margin-bottom: 40px;
  }
  .cartPage .cartStep{
    margin-bottom: 40px;
  }
  .cartPage .cartStep li .stepName{
    font-size: 14px;
  }
  .cartPage .cartStep li .text{
    font-size: 10px;
  }
  .cartPage .cartWrap{
    padding: 60px 5%;
    margin-bottom: 80px;
  }
  .cartPage .cartWrap .cartDetail{
    margin-bottom: 40px;
  }
  .cartPage .cartWrap .cartDetail .cart-item{
    flex-direction: column;
  }
  .cartPage .cartWrap .cartDetail .cart-item .itemDetail{
    margin-bottom: 40px;
  }
  .cartPage .cartWrap .cartDetail .cart-item .itemDetail img{
    width: 30%;
    margin-right: 10px;
  }
  .cartPage .cartWrap .cartDetail .cart-item .itemDetail .txtBox{
    width: 70%;
  }
  .cartPage .cartWrap .cartDetail .cart-item .priceBox .quantity{
    width: fit-content;
    margin-bottom: 20px;
  }
  .cartPage .topBlock3.ranking{
    margin-bottom: 0;
  }
  .cartPage.checkout .wc-block-components-sidebar-layout{
    padding: 40px 5%;
  }
  .cartPage.thanks .cartStep{
    margin-bottom: 40px;
  }
  .cartPage.thanks .msgWrap{
    padding: 40px 0;
    margin-bottom: 80px;
  }
  .cartPage.thanks .msgWrap .titTxt{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner h3{
    margin-bottom: 40px;
    font-size: 24px;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox div .contentNum{
    padding-right: 20px;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox .question::before{
    right: -5%;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox .faqDetail .qaBox .question::after{
    right: -3%;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox{
    margin-bottom: 60px;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner .faqContentBox h4{
    margin-bottom: 20px;
    font-size: 18px;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner.no1{
    margin-bottom: 80px;
  }
  .faqPage .faqContentWrap .faqContent .faqContentInner.no2{
    margin-bottom: 80px;
  }
  .faqPage .backToTop{
    margin-bottom: 90px;
  }
  .faqPage > h2{
    margin-bottom: 60px;
  }
  .contactPage .contactContainer .contactWrap.lineBox a{
    width: 100%;
    box-sizing: border-box;
  }
  .contactPage .contactContainer .contactWrap.lineBox{
    margin-bottom: 80px;
  }
  .contactPage .contactContainer .contactWrap .contactInput li{
    padding: 20px 0;
  }
  .contactPage .contactContainer .contactWrap .contactInput li p{
    flex-direction: column;
    align-items: flex-start;
  }
  .contactPage .contactContainer .contactWrap .contactInput li p br{
    display: none;
  }
  .contactPage .contactContainer .contactWrap .contactInput li p .title{
    width: 100%;
    margin-bottom: 20px;
  }
  .contactPage .contactContainer .contactWrap .contactInput li p .wpcf7-form-control-wrap{
    width: 100%;
  }
  .contactPage h2{
    margin-bottom: 60px;
  }
  .contactPage .contactContainer .contactWrap .submit{
    width: 100%;
  }
  .contactPage .contactContainer .contactWrap .submit input[type="submit"]{
    width: 100%;
    box-sizing: border-box;
  }
  .categoryPage.items .categoryContentWrap{
    margin-bottom: 80px;
  }
  .categoryPage.items .backToTop{
    margin-bottom: 90px;
  }
  .footerContainer .footerBlock2 .footerBlock2Inner .ttl{
    margin-bottom: 20px;
  }
  .privacyPageInner h2{
    margin-bottom: 60px;
  }
  .privacyContent .privacyBox h3{
    margin-bottom: 40px;
  }
  .privacyContent .privacyBox{
    margin-bottom: 80px;
  }
  .privacyContent .tokusyoyBox{
    margin-bottom: 80px;
  }
  .privacyContentWrap{
    margin-bottom: 90px;
  }
  .contactPage .contactContainer .contactWrap.lineBox .lineLinks{
    flex-direction: column;
  }
  .contactPage .contactContainer .contactWrap.lineBox .lineLinks a{
    margin-right: 0;
    margin-bottom: 10px;
  }
  .contactPage .contactContainer .contactWrap.lineBox .lineLinks a:last-child{
    margin-bottom: 0;
  }
  .contactPage .contactContainer .contactWrap.lineBox a .icon{
    left: 5%;
  }
  .topBlock5 .imgBox .txtBox .subTit{
    font-size: 16px;
    margin-bottom: 14px;
  }
  .topBlock5 .imgBox .txtBox h3{
    font-size: 40px;
    margin-bottom: 14px;
  }
  .topBlock5 .imgBox .txtBox .note{
    font-size: 10px;
  }
  .topBlock5 .imgBox .txtBox a{
    height: 52px;
  }
  .teamOrderPage .mainVisual > img{
    height: 90vw;
    object-fit: cover;
  }
  .teamOrderPage .teamOrderBlock1 .txtBox h3{
    font-size: 18px;
  }
  .teamOrderPage .mainVisual .txtBox h1{
    font-size: 30px;
  }
  .teamOrderPage .mainVisual .txtBox .subTit{
    font-size: 16px;
  }
  .teamOrderPage .teamOrderBlock4{
    margin-bottom: 40px;
  }
  .teamOrderPage .itemList{
    margin-bottom: 40px;
  }
  .teamOrderPage .orderView.sp{
    margin-bottom: 80px;
    margin-left: 5%;
  }
  .teamOrderPage .teamOrderBlock4 .ttlWrap h2{
    font-size: 30px;
  }
  .categoryPage .categoryContentWrap .categoryContent .newsList li a .postDetail, 
  .singlePage .itemList li a .postDetail{
    flex-direction: column;
  }
  .teamOrderPage .newsList li a .postDetail{
    flex-direction: column;
  }
  .teamOrderPage .newsList .postDate,
  .teamOrderPage .newsList .catName{
    font-size: 12px;
  }
  .teamOrderPage .topBlock3 h3{
    font-size: 48px;
  }
  .teamOrderPage .topBlock3 .note{
    font-size: 16px;
  }
  .cartPage .cartWrap .cartTotal .couponAppliedNotice .couponAppliedTitle{
    font-size: 14px;
  }
}