/** Shopify CDN: Minification failed

Line 678:196 Expected ":"
Line 1089:0 Unexpected "}"
Line 2066:196 Expected ":"

**/
/* L */
@font-face {
font-family: "ryo-gothic-plusn";
font-weight: 300;
font-style: normal;
}
/* R */
@font-face {
font-family: "ryo-gothic-plusn";
font-weight: 400;
font-style: normal;
}
/* M */
@font-face {
  font-family: "ryo-gothic-plusn";
font-weight: 500;
font-style: normal;
}
/* B */
@font-face {
font-family: "ryo-gothic-plusn";
font-weight: 700;
font-style: normal;
}
@font-face {
  font-family: 'Moderat';
  src: url("/cdn/shop/files/Moderat-Light.ttf?v=1734949026");
  font-weight: 300;
  font-style: normal;
    }
@font-face {
  font-family: 'Moderat';
  src: url("/cdn/shop/files/Moderat-Medium.ttf?v=1734947300");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Moderat';
  src: url("/cdn/shop/files/Moderat-Medium.ttf?v=1734947300");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Moderat';
  src: url("/cdn/shop/files/Moderat-Bold.ttf?v=1734949026");
  font-weight: 800;
  font-style: normal;
}
:root {
  --main-color: #3B3B3B;
  --sub-color: #1B7FC0;
  --sub-color2: #EB7D42;
}
body{line-height: 0;}
 a[href^="tel:"] {
    color: inherit;
  }
div,p,span,a,li,h1,h2,h3,h4,h5,.title{
  font-family: "ryo-gothic-plusn", sans-serif; font-weight:400; color: var(--main-color); letter-spacing:0; line-height:1em; margin: 0;}
.en{
  font-family: "Moderat", sans-serif; font-weight: 400;
}
.inline{display: inline-block; color: inherit; font-weight: unset; line-height: inherit; letter-spacing: unset;}
*:focus-visible{ 
    outline: none;
    outline-offset: 0;
    box-shadow: none;
}
.flex{
  display:flex;
  justify-content:space-between;
}
.flex-wrapper{
  max-width:1470px; margin:136px auto 150px; padding: 0 50px; box-sizing:content-box; gap:59px;
}
.flex-wrapper .sidebar{
    flex-shrink:0;
}
.flex-wrapper .flex-main{
    width:100%;
    max-width:100%;
}
a{text-decoration:none;}
ul,p{padding:0; margin:0;}
li{list-style-type: none;}

.accordion-content{background:#000;}

.original-header{
  display:flex; align-items:center; justify-content: right; position:relative; z-index:100; padding:0 82px 0 0; height: 117px;
}
.original-header #cart-icon-bubble{display:none;}
.original-header.fixed{
      position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
}
.original-header .header-logo{
  position: absolute; top:0; left:0;
}
.original-header .header-logo a{
  max-width: 279px; display: block;
}
.original-header .header-logo a img{width:100%;}
.original-header nav {max-width: 485px; width: 100%; margin: 0 77.5px 0 0;}
.original-header nav .main-list{
  display:flex; align-items:center; justify-content: space-between;  gap:15px;
}
.original-header nav .main-list>li a{
  font-size: 15px; font-weight: 500;
}
.original-header nav .main-list>li a:hover{
  color: var(--sub-color);
}
.original-header nav .main-list>li.dropdown{
  font-size: 15px; font-weight: 500; position:relative;
}
.original-header nav .main-list>li.dropdown span:first-of-type{
   content: "";
    position: absolute;
    top: 0px;
  right: 0px;
  width:39px;
  height:15px;
  transform: translate( 100%, 0);
}
.original-header nav .main-list>li.dropdown span:nth-of-type(2){
   content: "";
    position: absolute;
    bottom: 0px;
  left: -17px;
  width:225px;
  height:50px;
  transform: translate( 0, 100%);
}
.original-header nav .main-list>li.dropdown:before,.original-header nav .main-list>li.dropdown:after{
  content: "";
    position: absolute;
    right: -24px;
    top: 50%;
   transform: translate( 0, -50%);
    margin: auto;
    height: 14.5px;
    width: 1px;
    background: #3C3E42;
    transition: all 0.3s;
    cursor: pointer !important;
}
.original-header nav .main-list>li.dropdown:after{
    transform:translate( 0, -50%) rotate(-90deg);
}
.original-header nav .main-list>li.dropdown:hover:before{
    transform:translate( 0, -50%) rotate(-90deg);
}
.original-header nav .main-list>li.dropdown:hover .dropdown-list{
  display: block;
}
.original-header nav .dropdown:first-of-type:hover .dropdown-list{
  display:flex !important;
}
.original-header nav .dropdown-list{
  display: none;
  position: absolute;
  bottom: -30px;
  left: -17px;
  width:225px;
  background:#fff;
  border-radius:5px; 
  box-shadow: 0 6px 26px #00000006;
  padding: 21px 15px 19px 30px;
  transform: translateY(100%);
} 
.original-header nav .dropdown:first-of-type .dropdown-list{
flex-direction: column; width: 441px; height: 508px; flex-wrap:wrap; 
}
.original-header nav .dropdown-list li:not(:last-child){
  margin: 0 0 21px;
}
.original-header nav .dropdown-list li a{
  font-size: 14px; font-weight: 500;
}
.original-header nav .dropdown-list li a:hover{
  color: var(--sub-color);
}
.original-header .search-box{
  position:relative;
}
.original-header .search-box input{
  border: 0;
  background:#F7F7F7;
  width: 221px;
  height:35px;
  padding: 0 20px 0 40px;
}
.original-header .search-box button{
  display: none;
}
.original-header .search-box:before{
  position:absolute;
  content:url(//shop.marujo-net.com/cdn/shop/t/29/assets/Search.svg?v=8618226841662146591779419194);
  left: 12px;
  top:10px;
  pointer-events:none;
}
.original-header .rightbox{display: flex;}
.original-header .my{
  margin: 0 29px 0 42px;
}
.original-header .cart{
  position:relative; 
}
.original-header .cart .header-quantity{
  position:absolute; right: -13.6px; top:-8px; display: flex; align-items:center; justify-content:center; 
  width: 23px; height:23px; border-radius:100%; border:2px solid var(--main-color); background: #fff;
  font-size: 14px; font-weight: 800; line-height: 1.21em; 
}
/*  */
#index .original-footer .shopping-guide{
  background:#FAFAFA; padding:97px 50px 86px; margin: 0;
}
.original-footer .shopping-guide{
   padding:77px 50px 81px; margin: 100px 0 0;
}
.original-footer .shopping-guide .container{
  background:#ffffff;
  width:100%;
  max-width:1471px;
  padding: 74px 30px 81px;
  margin:0 auto;
}
.original-footer .shopping-guide .inner{
  width:100%; 
  max-width:1210px;
  margin:0 auto;
}
.original-footer .shopping-guide h2{
  font-size:35px; font-weight:300; color:#1B7FC0;  display:flex; align-items:center; gap:30px; margin: 0 0 48px;
}
.original-footer .shopping-guide h2 span{
  font-size:15px; font-weight:700;
}
.original-footer .shopping-guide .indent{ text-indent: -13px; display: inline-block; padding-left: 10px; line-height: inherit; letter-spacing:inherit;}
.original-footer .shopping-guide .guide-list{
  display: flex; justify-content:space-between; gap:25px;
}
.original-footer .shopping-guide .guide-list li h3{
  font-size:18px; font-weight:500; color:#1B7FC0; margin: 0 0 24px;
}
.original-footer .shopping-guide .guide-list li .business-calendar h3{
  color: var(--main-color);
}
.original-footer .shopping-guide .guide-list li p{
  font-size:12px; font-weight:400; letter-spacing:0.123em; line-height: 1.416em;
}

.original-footer .shopping-guide .guide-list li .credit{
  margin:12px 0; width: 196px;
}
.original-footer .shopping-guide .guide-list.guide-top ul{
  width:calc(50% - 20px); max-width:580px;
}
.original-footer .shopping-guide .guide-list.guide-top table{margin: 30px 0 0; box-shadow:none !important; border-bottom: 1px solid #e5e5e5 ;border-top: 1px solid #e5e5e5 ;}
.original-footer .shopping-guide .guide-list.guide-top table tr td{border: 1px solid #e5e5e5 ; padding: 15px 0 15px 29px;
  font-size:12px; font-weight:400; letter-spacing:0.123em; line-height:1.416em;}
.original-footer .shopping-guide .guide-list.guide-top table tr td:first-child{border-left:none; padding-left: 0; width:158px; vertical-align: baseline;}
.original-footer .shopping-guide .guide-list.guide-top table tr td:last-child{border-right:none;}
.original-footer .shopping-guide .guide-list.guide-top .right li:nth-child(1){
  margin: 0 0 56px;
}
.original-footer .shopping-guide .guide-list.guide-top h4{
  margin: 56px 0 11px; font-size:12px; font-weight:800; letter-spacing:0.123em;
}
.original-footer .shopping-guide .guide-middle{margin: 49px 0 62px; display:block; position:relative; background: #FAFAFA; border-radius:10px; padding: 18px 0 45px;}
.original-footer .shopping-guide .guide-middle:after{
  content:""; background: #FAFAFA; border-radius: 20px; z-index: 1; width:calc(100% + 64px); height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.original-footer .shopping-guide .guide-middle h3{
  margin: 0 0 21px; font-size:18px; font-weight:800; letter-spacing:0.133em; color:#1B7FC0; z-index:2;  position: relative;
}
.original-footer .shopping-guide .guide-middle .guide-middlebox{justify-content: space-between; gap: 20px; z-index:2; position: relative;}

.original-footer .shopping-guide .guide-middle .left,.original-footer .shopping-guide .guide-middle .right{
max-width:580px; width: 50%;
} 
.original-footer .shopping-guide .guide-middle p{
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.123em;
  line-height: 1.416em;
}
.original-footer .shopping-guide .guide-middle p span{font-weight: 800;}
.original-footer .shopping-guide .guide-list.guide-bottom{
  margin:72px 0 0;
}
.original-footer .shopping-guide .guide-list.guide-bottom>li:nth-child(1){
  max-width:353px;
}
.original-footer .shopping-guide .guide-list.guide-bottom li:nth-child(1) p{
  font-size:12px; letter-spacing:0.123em; line-height: 1.66em;
}
.original-footer .shopping-guide .guide-list.guide-bottom li:nth-child(1) p.note{
  font-size:10px; letter-spacing:0.01em; line-height: 1em;
}
.original-footer .shopping-guide .guide-list.guide-bottom .color-list{
  margin: 28px 0 16px;
}
.original-footer .shopping-guide .guide-list.guide-bottom .color-list li {
  display:flex; align-items:center; gap: 12px; font-size:11px; letter-spacing:0.123em;
}
.original-footer .shopping-guide .guide-list.guide-bottom .color-list li:not(:last-child){
  margin: 0 0 8px;
}
.original-footer .shopping-guide .guide-list.guide-bottom .color-list li span{
 display:block; width: 60px; height: 33px; border-radius: 10px; 
}
.original-footer .shopping-guide .guide-list.guide-bottom .color-list li:nth-child(1) span{
 background:#F6E4E1;
}
.original-footer .shopping-guide .guide-list.guide-bottom .color-list li:nth-child(2) span{
 background:#E1EFF6;
}
.original-footer .shopping-guide .guide-list.guide-bottom .color-list li:nth-child(3) span{
 background:#EBF6E1;
}
.original-footer .shopping-guide .guide-list.guide-bottom>li:nth-child(2){
  width:100%
}
.original-footer .main-footer{
  max-width:1422px; margin:0 auto; padding: 110px 50px 104px; box-sizing: content-box; 
}
.original-footer .main-footer .footer-top{
  border-bottom:1px solid #D1D1D1; padding: 0 0 58px;
}
.original-footer .main-footer .footer-top .logo{
  max-width:273px; margin-bottom:45px; display:block;
}
.original-footer .main-footer .footer-top .logo img{width:100%;}
.original-footer .main-footer .footer-top .footer-grid{
  display: flex; 
  justify-content: space-between;
}
.original-footer .main-footer .footer-top .footer-grid .address-box .address{
  font-size:15px; letter-spacing:0.06em; line-height:1em; margin: 2px 0 43px;
}
.original-footer .main-footer .footer-top .footer-grid .address-box .tel-text{
  font-size:16px; font-weight:500; line-height:1em;
}
.original-footer .main-footer .footer-top .footer-grid .address-box .tel{
  font-size:26px; line-height:1em; margin: 5px 0 2px;
}
.original-footer .main-footer .footer-top .footer-grid .address-box .tel span{
  font-size:48px; line-height:1.2em; font-weight:300; color:var(--sub-color); vertical-align: sub; margin:0 0 0 5px;
}
.original-footer .main-footer .footer-top .footer-grid .address-box .note{
  font-size:14px; line-height:1em; margin: 0 0 19px;
}
.original-footer .main-footer .footer-top .footer-grid .address-box .fax{
  font-size:14px; line-height:1em; 
}
.original-footer .main-footer .footer-top .footer-grid .menu .ttl{
  font-size:15px; line-height:1em; margin: 0 0 35px; font-weight:500;
}
.original-footer .main-footer .footer-top .footer-grid .menu .ttl span{
  font-size:30px; line-height:1.2em; color:var(--sub-color); vertical-align: sub; margin:0 12px 0 0;
}
.original-footer .main-footer .footer-top .footer-grid .menu ul{
  display: flex; flex-wrap: wrap; gap: 26px 0; max-width: 426px;
}
.original-footer .main-footer .footer-top .footer-grid .menu li{
  font-size:16px; line-height:1em; min-width:50%;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link {
  max-width:424px; width: 100%; box-sizing: border-box;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .btn-box a{
  width:100%; height: 86px; display: flex; align-items:center; font-size: 17px; font-weight:500; border:1px solid var(--sub-color); border-radius:10px; position:relative;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .btn-box a img{
  margin: 0 20px 0 0;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .btn-box a:first-child{
  padding: 0 0 0 32px; margin: 0 0 10px;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .btn-box a:first-child p{display:flex; align-items: center; color: var(--sub-color); font-size: 17px; font-weight:500;}
.original-footer .main-footer .footer-top .footer-grid .blank-link .btn-box a:first-child p span{
  color: inherit; font-size:13px; font-weight: 500; line-height: 1.46em; margin: 0 0 0 20px;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .btn-box a:first-child::after{
  content:url(//shop.marujo-net.com/cdn/shop/t/29/assets/blank.svg?v=63922623007556739461779419030);position:absolute; right:10px; bottom:10px;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .btn-box a:nth-child(2){
  color: #ffffff; background: var(--sub-color); padding: 0 0 0 27px;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .btn-box a:nth-child(2)::after{
  content:url(//shop.marujo-net.com/cdn/shop/t/29/assets/blank_white.svg?v=182058297324558157331779419031); position:absolute; right:10px; bottom:10px;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .sns{
    display: flex; gap:15px; align-items: center; margin:45px 0 0; justify-content: right;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .sns p{
  color: var(--sub-color); font-size: 15px; font-weight: 500; letter-spacing: 0.07em;
}
.original-footer .main-footer .footer-top .footer-grid .blank-link .sns ul{
  display: flex; gap:15px; align-items: center;
}
.original-footer .main-footer .footer-bottom{
  padding: 43px 0 0;
}
.original-footer .main-footer .footer-bottom ul{
  display: flex; gap:10px; justify-content: space-between; margin: 0 0 74px auto; max-width:630px; 
}
.original-footer .main-footer .footer-bottom ul li a{
 font-size:14px; color: #959595;
}
.original-footer .main-footer .footer-bottom .copyright{
  font-size:13px; color: #3B3B3B; letter-spacing:0.1em; line-height: 1.23em;
}
 .sidenav1 .sideinnav_title{
  margin: 0 0 34px;
}
 .sidenav1 .sideinnav_title span{
 font-size: 22px; font-weight:500; 
}
 .sidenav1 li:not(:last-child){
  margin-bottom:15px;
}
 .sidenav1 li a{
  display:flex;
  align-items:center; gap:22px;
  font-size:17px; font-weight:400; line-height:1.58em; color:#3B3B3B; letter-spacing:0; width:325px; white-space:nowrap;
} 
 .sidenav1 li:hover a, .sidenav2 li:hover a{
  text-decoration:underline;
}
 .sidenav1 li a img{
  border-radius:100%;
  width: 56px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.sidenav3{margin:0 0 74px;}
  .sidenav3 .sideinnav_title{
  margin: 0 0 36px; 
}
  .sidenav3 .sideinnav_title span{
 font-size: 23px; font-weight:800; 
}
 .sidenav3 li:not(:last-child){
  margin-bottom:7px;
}
  .sidenav3 li a{
  display:flex; background:#fff; border-radius:10px; overflow:hidden;
  align-items:center; gap:21px;
  font-size:15px; font-weight:400; line-height:1.58em; color:#3B3B3B; letter-spacing:0;
} 
 .sidenav3 li:hover a{
  color: var(--sub-color);
}
 .sidenav3 li a .image{
  object-fit:cover;
  object-position:center;
  width:95px;
  overflow:hidden;
  line-height:0;
}
 .sidenav3 li a .image img{
  width:100%;
}
.sidenav3 li:hover a img{
transform: scale(1.15);
      transition: 0.3s;
}
.sidebar .insta{
  margin: 39px 0 0; display:block; max-width: 342px;
}
.sidebar .insta img{width:100%;}
.original-header .nav-box {
    display: none;
    background: #FAFAFA;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
    padding: 21px 0 50px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.original-header .nav-box.active {display:block;}
.original-header .nav-box .closebtn{position: absolute; top:18px; right: 20px;  display: flex;  height: 100%; cursor: pointer;
        z-index: 999;
        transition: all .4s;
        width: 37px;
        height: 39px;
        align-items: center;
        flex-direction: column;
        justify-content: end;
        font-size: 11px;
        letter-spacing: .022em;
    }
    .original-header .nav-box .closebtn span{display: inline-block; background: var(--main-color); transition: all 0.4s; position: absolute; height: 0px; width: 21px;  top: -5px;}
    .original-header .nav-box .closebtn span:before,.original-header .nav-box .closebtn span:after{ content:""; width: 3px; height:26px; position: absolute; background: var(--main-color); }
 .original-header .nav-box .closebtn span:before{transform: translateY(6px) rotate(-135deg); top: 0px; left: 17px;}
.original-header .nav-box .closebtn span:after{transform: translateY(-6px) rotate(135deg);top: 12px; left: 17px;}
.original-header .nav-box .closebtn span{width: 100%;}
.original-header .nav-box .logobox{max-width: 335px; margin: 0 auto 29px;}
.original-header .nav-box .logobox img{width: 125px;}
.original-header .nav-box nav { max-width: 341px; width: 100%; margin: 0 auto;}
.sidenav4{ margin: 56px 0 45px;}
.sidenav4>ul>li:not(:last-child){margin-bottom: 40px;}
.sidenav4>ul>li a,.sidenav4>ul li .ttl span{ font-size: 17px; font-weight: 500;}
.sidenav4>ul li .ttl{margin: 0 0 34px;}
.sidenav4>ul li ul li:not(:last-child){margin-bottom: 22px;}
 .sidenav4>ul li ul li a{ font-size: 16px; font-weight: 500; display: flex; align-items:center; gap: 12px; }
 .sidenav4>ul li ul li a::before{
   content:""; width: 15px; height: 2px; background: #D9D9D9; display:block;
 }
.sidenav5 ul li:not(:last-child){margin-bottom: 26px;}
.sidenav5 ul li a{ font-size: 16px;}
.original-header .sidenav1 .sideinnav_title span { font-size: 19px;}
.original-header .sidenav1 li a { gap: 25px width: 100%;}
.original-header .sidenav3{margin:65px 0 0;}
.original-header .sidenav3 .sideinnav_title span { font-size: 20px;}
.original-header .sidenav3 li a{font-size:19px;}
/*  */
.top-page{background:#FAFAFA;}
.top-swiper {
  overflow:hidden;
  background:#fff;
}
.top-swiper .swiper-wrapper{overflow:visible;}
.top-swiper li {
  width: fit-content; 
}
.top-swiper li a{
  height:100%; 
  display:block;
  position:relative;
  line-height: 0;
}
.top-swiper li a img{
  max-width: 346px;
  width: 100%;
  object-fit:cover;
  object-position:center;
  border-radius: 5px;
  position:relative;
  aspect-ratio: 346 / 261;
}
@media screen and (max-width: 750px) {
  .top-swiper li a img{
   max-width: 197px; aspect-ratio: 197 / 149;
  }
}

.top-swiper li a:before{
  content:"";width:100%; height:45%; bottom:0; left:0;  position:absolute; z-index:1; background: linear-gradient(0deg,#4b494960,#96919100); border-radius: 5px; opacity:0.6;
}
.top-swiper li a .textbox{
  position:absolute;
  left:50%; bottom:36px; transform: translate(-50%,0); z-index:1;
  width:100%; padding: 0 35px; box-sizing:border-box;
}
.top-swiper li a .textbox h3{
  color:#fff;
  font-size:25px;
  line-height:1em;
  letter-spacing: 0.03em;
  font-weight:400;
  margin:0;
  font-family: Moderat,ryo-gothic-plusn, sans-serif;
}
.top-swiper li a .textbox p{
  color:#ffffff;
  font-size:18px;
  line-height:1.33em;
  font-weight:300;
}
.top-swiper li a .textbox p:first-of-type{
  margin:21px 0 12px;
}
.top-swiper li a .recommend{
  position:absolute;
  right:22px; top:19px; z-index:1;
  border-radius:100%;
  background:#7E7E7E26;
  border:1px solid #00000026;
  color:#fff;
  font-size:18px;
  line-height:1em;
  height:88px;
  width:88px;
  text-align:center;
  padding-top:33px;
  box-sizing:border-box;
}
.info-sec{
  background:#fff; padding: 49px 0 39px; position: relative;
}
.info-sec .container a{
 display:flex; justify-content:center; gap: 20px; width: fit-content;  margin: 0 auto;
}
.info-sec .container span{
 color: var(--sub-color);  font-size:18px; letter-spacing: 0.1em; font-weight: 800;
}
.info-sec .container p{
 font-size:18px; letter-spacing: 0.1em;
}
.oem-tab{
  position: fixed; right:-5px; bottom:50px; z-index:100; transition: 0.5s;
}
.oem-tab.remove{right:-300px; }
.oem-tab .delete{
  border-radius:100%; position: absolute; top:-6px; left:-5px; cursor: pointer;
}
.oem-tab a{
  display:flex; border-radius: 13px 0 0 12px; overflow:hidden;   box-shadow: 0 3px 26px rgba(0, 0, 0, 0.1);
}
.oem-tab a .right{
 padding: 15px 20px 0 24px; background: #fff;
}
.oem-tab a .right p:first-child{
 font-size:12px; font-weight: 800; line-height:16px;
}
.oem-tab a .right p:first-child span{
 color: var(--sub-color);  font-size:21px; font-weight: 800; 
}
.oem-tab a .right p:nth-child(2){
 color: #ACACAC;  font-size:11px; font-weight: 400; margin: 10px 0 0; text-align:left;
}
.popular-word{padding: 39px 0 0; }
.popular-word .popular-slide{overflow:hidden;}
.popular-word .popular-slide .swiper-wrapper{transition-timing-function: linear; transition-property: transform;}
.popular-word h2{
  text-align:center; margin: 0 0 25px;  font-size: 22px; font-weight: 500;
}
.popular-word li{width: fit-content;}
.popular-word li a{
  text-align:center;
  display:block;
  background:#fff;
  border-radius:28px;
  border: 1px solid #1B7FC0;
  color:#1B7FC0;
  font-size:16px;
  line-height:1em;
  text-decoration:none;
  white-space:nowrap;
  padding: 13px 24px 15px;
}

.top-cate-list{max-width:1470px; padding: 0 50px; margin:43px auto 0; box-sizing: content-box;}
.top-cate-list h2{
  text-align:center; margin: 0 0 42px;  font-size: 20px; font-weight: 500;
}
.top-cate-list .box-list{
display:flex; justify-content:space-between;
}
.top-cate-list .box-list ul{max-width: 212px; width: 100%; }
.top-cate-list .box-list li{
padding: 14.5px 0 15.5px; border-bottom: 1px solid #D9D9D9; position:relative;
}
.top-cate-list .box-list li::after{
   content: url(//shop.marujo-net.com/cdn/shop/t/29/assets/catelist-arrow.svg?v=25009723201928295871779419051); position: absolute; top: 50%; right:0; transform: translate(0, -50%); pointer-events
}
.top-cate-list .box-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.36em;
    color: #3B3B3B;
    letter-spacing: 0;
    white-space: nowrap;
}
.top-cate-list .box-list li a img {
    border-radius: 100%;
    width: 30px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.top-cate-list .box-list li a p{white-space:normal; line-height:1.1em;}
.top-cate-list .box-list li a .inline{ display:inline-block;}
@media (min-width: 1481px) {
.top-cate-list .box-list ul .column1{
  display:none;
}
}
@media (min-width: 851px) {

.top-cate-list .box-list ul .column2{
  display:none;
}
}

@media (max-width: 1480px) {
  .top-cate-list .box-list{
    flex-wrap:wrap;
}
.top-cate-list .box-list ul{
  max-width:calc(100% / 3 - 50px);
}
.top-cate-list .box-list ul:nth-child(2){
order:4;
}
.top-cate-list .box-list ul:nth-child(4){
order:5;
}
.top-cate-list .box-list ul:nth-child(6){
order:6;
}

.top-cate-list .box-list ul:nth-child(5) .column1{
display:block;
}
.top-cate-list .box-list ul .column1-hide{
display:none;
}
   
}
@media (max-width: 850px) {
    .top-cate-list {
        padding: 0 20px;
        gap: 0;
        overflow-x: hidden;
    }
.top-cate-list .box-list li a{font-size: 13px;}
.top-cate-list .box-list ul{
  max-width:calc(100% / 2 - 50px); min-width:162px;
}
.top-cate-list .box-list ul:nth-child(2){
order:3;
}
.top-cate-list .box-list ul:nth-child(3){
order:5;
}
.top-cate-list .box-list ul:nth-child(4){
order:2;
}
.top-cate-list .box-list ul:nth-child(5){
order:4;
}
.top-cate-list .box-list ul:nth-child(6){
order:6;
}

.top-cate-list .box-list ul:nth-child(3) .column2-hide{
  display:none;
}
.top-cate-list .box-list ul:nth-child(4) .column2{
  display:block;
}
.top-cate-list .box-list ul:nth-child(4) .column2-hide{
  display:none;
}
.top-cate-list .box-list ul:nth-child(5) .column2{
  display:block;
}
.top-cate-list .box-list ul:nth-child(5) .column1{
display:none;
}
.top-cate-list .box-list ul:nth-child(6) .column1-hide{
display:block;
}
   
}


#index .product-swiper .grid__item{max-width: 282px;}
.collection-sec .section-featured-collection-padding{
  padding:0; margin:0 0 151px;
}
.collection-sec .section-featured-collection2-padding{
  padding: 0; margin: 0 0 105px;
}
.rank-sec{border-bottom: 1px solid #D9D9D9; padding: 59px 0 60px;}
#shopify-section-rank-collection3 .rank-sec{border:none;}
.shopify-section .rank-sec .collection__title {margin: 0 0 37px;}
.rank-sec li,#shopify-section-product-swiper2 li{
  position: relative;
}
.rank-sec li:before,#shopify-section-product-swiper2 li:before{
  position: absolute; top:9px; left:10px; z-index:1; content:""; width:50px; aspect-ratio: 500 / 465.5;
}
.rank-sec li:nth-child(1):before,#shopify-section-product-swiper2 li:nth-child(1):before{
 background:url(//shop.marujo-net.com/cdn/shop/t/29/assets/ranking1.svg?v=114921458326608939761779419190) no-repeat ; background-size:cover;
}
.rank-sec li:nth-child(2):before,#shopify-section-product-swiper2 li:nth-child(2):before{
 background:url(//shop.marujo-net.com/cdn/shop/t/29/assets/ranking2.svg?v=42826748421431239521779419191) no-repeat; background-size:cover;
}
.rank-sec li:nth-child(3):before,#shopify-section-product-swiper2 li:nth-child(3):before{
 background:url(//shop.marujo-net.com/cdn/shop/t/29/assets/ranking3.svg?v=48869461376025213591779419191) no-repeat;background-size:cover;
}
#shopify-section-product-swiper2{margin:56px 0;}
.top-page .multicolumn .section-multicolumn-padding{
  margin: 0 0 213px;
}
.multicolumn .section-multicolumn-padding{
  padding: 0;
}
.collection-sec .collection__title,.blog-sec .ttl-box,.multicolumn .multicolumn__title{
  display: flex; justify-content:space-between; align-items: center;
}
.collection-sec .collection__title .title, .multicolumn .title,.blog-sec h2,.ranking h2{
  font-size:27px; font-weight: 500; line-height: 1em;
}
.rank-sec .collection__title .title{font-size:24px;}
  #collection .collection-sec .grid{
    row-gap:59px;
  }
  .card__content .product-tagbox{
    padding: 12px 0 11px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    row-gap: 2px;
  }

  .card__content .product_card_ttl{
   font-size:15px;line-height: 1.26em; letter-spacing:0.09em; margin: 0 0 17px; color:#212121;
        text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  } 
  .card--standard>.card__content .card__information{
    padding:0;
  }
  .card__content .card-information .price{
    color: var(--sub-color); font-size: 14px; letter-spacing: -0.005em;
  }
  .card__content .price span{
  color: inherit; font-size: 20px; font-weight:400; letter-spacing: -0.005em; line-height: 1.2em; vertical-align: baseline; font-family: Moderat, sans-serif;
  }
 .more{
   font-family: 'Moderat'; font-size:21px; font-weight: 300; border-bottom: 1px solid var(--main-color); line-height: 25px;
 }
  .blog-sec{max-width:100%;}
  .blog-sec .ttl-box{margin: 0 0 20px;}
  .blog-item{ padding: 31px 0 27px;}
 .blog-item a{
  display:flex;
  align-items:center;
  justify-content:left;
  gap:50px;
  text-decoration:none;
 }
.blog-item:not(:last-child){
  border-bottom:1px solid #E2E2E2;
}
.blog-item h3{
    overflow: hidden; 
    text-overflow: ellipsis; 
     display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; 
}
@keyframes loop_scroll-btm {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}
@keyframes loop_scroll-top {
  from { transform: translateY(0); }
  to { transform: translateY(-100%); }
}
.about-sec .animebox .imgbox{
    animation: loop_scroll-top 100s infinite linear .5s both;
}
.about-sec .animebox .imgbox2{
    animation: loop_scroll-btm 100s infinite linear .5s both;
}
.about-sec{
  padding: 0 50px 70px; 
}    
.about-sec .wrapper{
  padding:156px 94px;
  background:url(//shop.marujo-net.com/cdn/shop/t/29/assets/marujo-back.jpg?v=177272743211940393941779419146);
  background-position:center;
  background-size:cover;
  border-radius:10px;
    position:relative; overflow:hidden;
}
.about-sec .animebox{
 position: absolute;
    top: -20%;
    right: -5vw;
    display: flex;
    gap: 27px;
    width: 46%;
    height: 100%;
}
.about-sec .animebox ul li{margin: 0 0 25px;}
.about-sec h3{
  font-size:32px; 
  letter-spacing:0.07em; 
  line-height: 1.65em;
  color:#fff;
  margin: 40px 0 0;
}
.about-sec .textbox{
    position:relative; z-index:1;
}
 .about-sec p{
  font-size:15px; 
  letter-spacing:-0.013em; 
  line-height: 2.26em;
  color:#fff;
  margin:47px 0 74px;
}
.about-sec .btnbox{
  display:flex;
  justify-content:space-between;
    flex-wrap:wrap;
  gap:8px 0;
  max-width:640px;
}
.about-sec .btnbox li{
    max-width:calc(100% / 3 - 7px); width:100%;
}
.about-sec .btnbox li:nth-child(4),.about-sec .btnbox li:nth-child(5){
  max-width:calc(100% / 2 - 5px);
}
.about-sec .btnbox li a{
    display:block;
    background:#fff;
    border-radius:10px;
    font-size:14px;
    color:#1B7FC0;
    font-weight:500;
    letter-spacing: 0.02em;
    line-height:1em;
    padding:30px 0 33px;
    text-align:center;
    width:100%;
}
/*  */
.right{
  text-align: initial;
}
.gradient{
  background:initial;
}
.page-width-desktop,.page-width{
  padding:0;
}
.multicolumn .link{
  width:100%
}
.multicolumn .multicolumn-list{
  justify-content: space-between;
}
.multicolumn .grid--3-col-desktop .grid__item{
  max-width: calc( 100%/3 - 15px);
}
.multicolumn.background-none .multicolumn-card__image-wrapper{
  margin:0;
}
.product-tagbox span{
display:inline-block; height: 21px; line-height:21px; border-radius:13px; padding:0 6px;
color:#fff; font-weight: 300; font-size: 12px; margin: 0 4px 0 0;
}
.product-tagbox span.bulk{
  background: var(--sub-color);
}
.product-tagbox span.seller{
  background: var(--sub-color2);
}


.business-calendar-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 45px;
}

.calendar-title {
    text-align: center;
}

.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .5rem;
    text-align: center;
}

.calendar .day {
    line-height: 1;
    padding: .5em;
  border-radius:4px;
}

.calendar .day[data-week="sun"],
.calendar .holiday {
    color: red;
}

.calendar .day[data-week="sat"] {
    color: blue;
}

.calendar .day[data-holiday2="true"] {
    background: #e1eff6;
}
.calendar .day[data-holiday3="true"] {
    background: #ebf6e1;
}
.calendar .day[data-holiday="true"] {
    background: var(--holiday-bg);
}

.calendar .day[data-business-day="true"] {
	background: none;
}

.calendar .day.current {
    /* box-shadow: 0 0 0 1px red inset; */
}

.calendar .day.disabled {
    opacity: .5;
}

.business-calendar-information .business-holiday {
    display: flex;
    align-items: center;
    gap: .5em;
}

.business-calendar-information .business-holiday::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: var(--holiday-bg);
} 
#index .collection-sec .grid, #collection  .collection .grid,#list-collections .collection-sec .grid{
  justify-content: space-between;
}
#index .collection-sec .grid,#list-collections .collection-sec .grid{row-gap: 51px;}
#index .collection-sec .grid .grid__item,#list-collections .collection-sec .grid .grid__item{
  max-width: calc(100% / 6 - 10px); width: 100%;
}
/* #index .collection-sec .grid::after{
  max-width: calc(100% / 6 - 12px); width: 100%; height:0; content:"";
} */
#collection .collection .grid .grid__item{
  max-width: calc(100% / 6 - 10px); width: 100%;
}
#collection .collection .grid::before,#collection .collection .margin_item{
   max-width: calc(100% / 6 - 10px); width: 100%; height:0; content:"";  order:1;
}
#collection .collection .grid::after{
  max-width: calc(100% / 6 - 10px); width: 100%; height:0; content:"";
}
#search .searchtext{text-align: center;}
#collection .page-width{
  max-width: 1470px; padding: 0 50px; box-sizing: content-box; gap: 0 59px;
}
#collection .facets-vertical .facets-wrapper{
  padding: 0;
}
#collection .collection-head.pc{margin: 0 0 35px;}
#collection .collection-head img{
  width: 100%; height: 433px; object-fit: cover; object-position: center;
}
#collection .collection-head h1{
  font-size: 27px; font-weight: 500; margin: 69px 0 36px;
}
#collection .collection-head .sub-category{
  margin: 0 0 30px; display: flex; gap: 14px; flex-wrap: wrap;}
}
#collection .collection-head .sub-category li{width: fit-content;}
#collection .collection-head .sub-category li a{
    text-align: center;
    display: block;
    background: #fff;
    border-radius: 14px;
    border: 1px solid var(--sub-color);
    color: #1b7fc0;
    font-size: 12px;
    line-height: 1em;
    text-decoration: none;
    white-space: nowrap;
    padding: 8px 19px;
}
#collection .facets-container{
  padding: 75px 0;
}
#collection .grid{
  row-gap: 59px; 
}
#collection .more-button{
  max-width: 391px; width: 100%; height:60px; border:none; 
  margin:107px auto 0; display: flex; background: var(--sub-color); 
} 
#collection .more-button::after,collection .more-button::before{
  content:none;
}
#collection .button-label{
  font-size: 15px; color: #fff; font-weight: 500;
}
#collection .multicolumn {
  padding: 150px 0 100px;
}
  #collection .multicolumn .page-width {max-width: 1141px;}
#product .product--thumbnail .product__media-list{
  margin-bottom: 5px;
}
#product .thumbnail-list{
 gap: 5px;
}

.sub-head{
   padding: 98.5px 50px; border-bottom: 1px solid #E6E6E6;
}
.sub-head h1{
 display: block; max-width:1140px; box-sizing: content-box;  margin: 0 auto;  font-size: 40px; font-weight: 500; line-height: 1em; 
} 
.sub-head h1 span{
  display: block; font-size: 30px; font-weight: 400; line-height: 1.2em; margin: 21px 0 0; color: var(--sub-color);
} 

#page main .container{
  max-width: 1000px;
    margin: 0 auto;
    box-sizing: content-box;
    padding: 0 50px;}
.color-round {
  display: flex;
  max-width: 20px;
  gap: 4px;
  margin: 0 auto;
}
.color-round::before,
.color-round::after {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--sub-color);
  border-radius: 100%;
}
.color-round::after {
  background: var(--sub-color2);
}
#page .fv-text {
  text-align: center;
  margin-top: 109px;
}
#page .fv-text h2 {
  font-size: 31px;
  letter-spacing: 0.12em;
  font-weight: 500;
  line-height: 1.87em;
}
#page .fv-text p {
  font-size: 17px;
}
#page .fullimg img{
  width: 100%; border-radius: 15px;
}
#page main .inner {
  background-color: #FAFBFC; border: 1px solid var(--sub-color); border-radius: 20px;
}
.strength .fv-text p {
  line-height: 2.17em;
  margin-top: 86px;
}
.strength .fv-text .color-round{
  margin-bottom: 28px;
}
.strength .strength-list {
  margin: 96px 0 158px;
}
.strength .strength-list li{
  display: flex; gap: 62px; align-items: center;
}
.strength .strength-list li:not(:last-child){
  margin: 0 0 82px;
}
.strength .strength-list li:nth-child(even){
  gap: 54px;  flex-direction: row-reverse;
}
.strength .strength-list li .left{
  max-width: 391px; width: 100%; flex-shrink: 0;
}
.strength .strength-list li img{
  width: 100%; border-radius: 20px;
}
.strength .strength-list li h3{
  font-size: 18px;
  font-weight: 500;
  color: var(--sub-color);
}
.strength .strength-list li h3 .color-round{
  margin: 28px auto 0 0;
}
.strength .strength-list li h4{
  font-size: 27px;
  font-weight: 500;
  line-height: 1.74em;
  letter-spacing: 0.13em;
  margin: 40px 0 54px;
}
.strength .strength-list li p{
  font-size: 16px;
  line-height: 1.94em;
  color: #000000;
}
.strength .strength-list li:nth-child(4) p{
  max-width: 485px;
  font-size: 16px;
  line-height: 2.0625em;
}
.strength .point{
  margin: 123px 0 132px;
  text-align: center;
}
.strength .point .inner{
  padding: 82px 25px;
}
.strength .point .box{
  max-width: 720px; margin: 0 auto;
}
.strength .point h2{
  font-size: 17px;
  font-weight: 500;
  color: var(--sub-color);
}
.strength .point h3{
  font-size: 26px;
  font-weight: 500;
  color: var(--sub-color);
  line-height: 1.73em;
  margin: 28px 0 31px;
}
.strength .point h3 .color-round{
  margin-top: 33px;
}
.strength .point .text-box{
  display: block; background: #fff; border-radius: 10px; padding: 27px 25px 19px; font-size: 17px; line-height: 2em; color: #000000;
}
.strength .point ul{
  display: flex;  margin: 74px 0 0; justify-content: space-between; gap: 15px;
}
.strength .point li{max-width: 203px; width: calc(100% / 3 - 20px);}
.strength .point li h4{
  font-size: 17px; line-height: 1.41em; color: var(--sub-color);
}
.strength .point li .image{
  margin: 16px 0 41px; background-color: #fff; border-radius: 100%; border: 1px solid var(--sub-color); display: flex; align-items: center; justify-content: center;width: 100%;  aspect-ratio: 1 / 1;
}
.strength .point li p{
  font-size: 17px; line-height: 1.94em; color: var(--sub-color); letter-spacing: 0.07em; font-weight: 500;
}
.strength .comment .inner{
  padding: 57px 20px 56px; border-radius: 10px;
}
.strength .comment .flex{gap: 62px; max-width: 882px; margin: 0 auto;}
.strength .comment .left{
  max-width: 243px; width:100%; flex-shrink: 0;
}
.strength .comment .left img{
  width: 100%; border-radius: 100%;
 }
 .strength .comment .right h2{
  font-size: 16px; color: var(--sub-color); position:relative;  width: fit-content; z-index:1; transform: translate(20px, 0);
}
 .strength .comment .right h2:before{
    content:""; width: 204px; height:48.5px; background:url(//shop.marujo-net.com/cdn/shop/t/29/assets/comment.svg?v=147397004143764469151779419054) no-repeat; background-size: contain; top: -13px; transform: translate(-50%,0); left: 50%; position: absolute; line-height: 0; z-index: -1;
 }
.strength .comment .right h3{
  font-size: 24px; font-weight: 500; line-height: 1.7em; color: #000000; margin: 28px 0 35px;
}
.strength .comment p{
  font-size: 17px; color: #000000; line-height: 1.7em;
}

.quality .fv-text h2 .color-round{
  margin-bottom: 38px;
}
.quality .fv-text p{
  font-size:15px; line-height: 2.46em; margin: 75px 0 0;
}
.quality .check{
  margin: 236px 0 197px;
}
.quality .check h2{
  font-size: 30px; font-weight: 500; letter-spacing: 0.07em; margin: 0 0 39px; text-align:center;
}
.quality .check h2 .color-round{
  margin-bottom: 30px;
}
.quality .check .container>p{
  font-size: 17px; line-height: 2.17em; margin: 0 0 86px; color: #000000; text-align:center;
}
.quality .check .check-box{
  font-size: 30px; font-weight: 500; letter-spacing: 0.07em; margin: 0 0 39px;
}
.quality .check .check-box .ttl{
  display: flex; padding: 0 30px 0 159px; height: 70px; align-items: center; position: relative; border-radius: 10px; background: #FAFBFC; max-width: 805px; margin: 0 auto; box-sizing: border-box;
}
.quality .check .check-box .ttl img{
  position: absolute; left: 23px; top: 50%; transform: translateY(-50%); max-width: 107px; border-radius: 100%;
}
.quality .check .check-box .ttl h3{
  font-size: 27px; font-weight: 500; letter-spacing: 0.07em; margin: 0 29px 0 0; color: var(--sub-color);
}
.quality .check .check-box .ttl p{
  font-size: 13px; font-weight: 500; letter-spacing: 0.07em;
}
.quality .check .check-box>p{
  font-size: 17px; color: #000000; line-height: 2.17em;
}
.quality .check .check-box:first-of-type{
  border-bottom: 1px solid #C6C6C6; padding: 0 0 145px;
  }
.quality .check .check-box:first-of-type>img{
margin: 62px 0 55px; width: 100%;
}
.quality .check .check-box:nth-of-type(2)>img{
  margin: 61px 0 63px;  width: 100%;
  }
.quality .check .check-box:nth-of-type(2){
  padding: 152px 0 0;
}
.quality .flow{
  margin: 230px 0 130px;
}
.quality .flow h2{
  font-size: 31px; font-weight: 500; letter-spacing: 0.12em; margin: 0 0 67px; text-align:center;
}
.quality .flow h2 .color-round{
  margin-bottom: 38px;
}
.quality .quality-list{margin: 230px 0 130px;}
.quality .quality-list h2{
  font-size: 31px; margin: 0 0 67px; text-align: center; font-weight: 500;
}
.quality .quality-list h2 .color-round{
  margin-bottom: 38px;
}
.quality .quality-list .container>p{
  font-size: 15px; line-height: 2.46em; margin: 0 0 89px; color: #000000; text-align: center;
}
.num-list li{
padding: 38px 75px 38px 48px; border: 1px solid var(--sub-color); border-radius: 10px; display: flex; align-items: center;  gap: 75px; 
}
.num-list li:not(:last-child){margin: 0 0 16px;}
.num-list li:nth-child(even){background: #FAFBFC;}
.num-list li .left h3{
  display: flex; align-items: center; justify-content: center; flex-direction: column; background: #F0F5FA; border-radius: 10px; height: 179px; width: 179px; flex-shrink: 0;
   color: var(--sub-color); font-size: 21px; font-weight: 500; letter-spacing: 0.07em; text-align: center;
}
.num-list li .left h3 span{
  color: inherit; font-size: 74px;  letter-spacing: 0.07em; display: block; line-height: 1.297em;
}
.num-list li h4{
  color: var(--sub-color); font-size: 28px; font-weight: 500; letter-spacing: 0.07em; margin: 0 0 31px;
}
.num-list li .right p{
  font-size: 17px; line-height: 1.94em; letter-spacing: -0.04em; color: #000000;
}
.quality .flow{
  margin: 0 0 219px;
}
#page main .flow .container{
  max-width: 943px;
}
.flow h2{
  font-size: 31px; font-weight: 500; letter-spacing: 0.12em; margin: 0 0 68px; text-align: center;
}
.flow h2 .color-round{
  margin-bottom: 38px;
}
.flow ul li{
display: flex; align-items: center;  gap: 59px; 
}
.flow ul li:not(:last-child){margin: 0 0 38px;}
.flow ul li .left{
  max-width: 154px; flex-shrink: 0;
}
.flow ul li .left img{
  width: 100%; border-radius: 100%;
}
.flow ul li .right h3{
   color: var(--sub-color); font-size: 28px; font-weight: 500; letter-spacing: 0.07em; 
}
.flow ul li .right h3 span{
  color: inherit; font-size: 14px;  letter-spacing: 0; line-height: 1.21em; display: block;  margin: 0 0 9px;
}
.flow ul li .right p{
  font-size: 17px; line-height: 1.88em; margin: 25px 0 0;
}
#page main .document .container{max-width: 1023px;}
.document .inner{
border-radius: 10px; padding: 57px 20px 74px;
} 
.document h2{
  font-size: 25px; font-weight: 500; letter-spacing: 0.17em; line-height: 1.96em; text-align: center;
}
.document h2 .sub-ttl{
  font-size: 20px; font-weight: 500; color: var(--sub-color); letter-spacing: 0.12em; margin: 0 auto 31px; position: relative; display: table;
}
.document h2 .sub-ttl::before,.document h2 .sub-ttl::after{
  content: ""; background: var(--sub-color); width: 2px; height: 15px;  position: absolute; top: calc(50% + 3px);
}
.document h2 .sub-ttl::before{
  left: -11px;  transform: translate(-100% , -50%) rotate(-25deg);
}
.document h2 .sub-ttl::after{
  right: -11px;  transform: translate( 0 , -50%) rotate(25deg);
}
.document h2 .color-round{margin-top: 39px;}
.document .tel{
  max-width: 906px; box-sizing: border-box; margin: 35px auto 38px; background: #fff; border-radius: 10px; padding: 25px 20px; 
}
.document .tel .flex{justify-content: space-between; gap: 20px; align-items: center; max-width: 677px; margin: 0 auto;}
.document .tel .flex .left{background: #ECF3FA; padding: 12px 0 13px; text-align: center; color: var(--sub-color); letter-spacing: 0.12em; font-weight: 500; width: 284px; border-radius: 20px; }
.document .tel .flex .right{
  font-size: 48px; line-height: 1.2em; color: var(--sub-color); display: flex; align-items: center; gap: 5px;
}
.document .tel .flex .right span{
  font-size: 26px; line-height: 1em; color: var(--main-color); font-family: "ryo-gothic-plusn";
}
.document ul{
  display: flex; justify-content: space-between; max-width: 906px; box-sizing: border-box; margin: 0 auto;
}
.document li{
  max-width: 297px; width: calc(100% / 3 - 5px); text-align: center; background: #fff; border-radius: 10px; padding: 41px 10px 31px; position: relative;
}
.document li::before{
   content:url(//shop.marujo-net.com/cdn/shop/t/29/assets/check.svg?v=86513780334858465511779419052); top: 0; transform: translate(-50%,-50%); left: 50%; position: absolute; line-height: 0;
}
.document li h3{
  color: var(--sub-color); font-size: 20px; font-weight: 800; letter-spacing: 0.03em; margin: 0 0 25px;
} 
.document li p{
  font-size: 15px; font-weight: 500; line-height: 1.86em;
} 
.document .link-text{
  color: var(--sub-color); font-size: 17px; font-weight: 500; margin: 52px 0 9px; text-align: center;
}
.document .link{
 text-decoration: none; border-radius: 10px; background: #ffffff; border: 1px solid var(--sub-color); max-width: 490px; width: 100%; padding: 17px 0 19px; text-align: center; color:var(--sub-color); font-size: 22px; font-weight: 500; letter-spacing: 0.12em; margin: 0 auto; position: relative; display: block;
}
.document .link::after{
  content:url(//shop.marujo-net.com/cdn/shop/t/29/assets/arrow.svg?v=97506598683708327841779419029); position:absolute; top: 50%; transform: translateY(-50%); right: 25px; line-height: 0;
}
.company .fv-text{
  margin: 109px 0 102px;
}
.company .fv-text h2 .color-round{
  margin-bottom: 38px;
}
.company .fv-text p{
  font-size: 17px; line-height: 2.176em; margin: 59px 0 0;
}
.company .fv-text video{
  max-width: 100%; border-radius: 15px; margin: 110px 0 0;
}
.company .company{
  margin: 0 0 102px;
}
.company .company h2,.company .history h2{
  font-size: 31px; letter-spacing: 0.12em; text-align: center;
}
.company .company h2 .color-round,.company .history h2 .color-round{
  margin-bottom: 38px;
}
.company .company .flex{
  margin: 91px 0 0; justify-content: space-between; gap: 30px;
}
.company .company .flex .left{
  max-width: 425px; flex-shrink: 0;
}
.company .company .flex .left img{
  border-radius: 15px; width: 100%; 
}
.company .company .flex .right{
  max-width: 500px; width: 100%;
}
.company .history-box{
  margin: 50px auto 0; position: relative; padding: 0 0 0 45px; max-width: 725px;
}
.company .history-box .border{
      height: calc(100% - 40px); transform: translateY(-50%); width:1px; position: absolute; left:0; top: 50%; background: var(--sub-color); display: block;
}
.company .history-box .border::after{
  transform: translateY(100%); position: absolute; left:0; bottom: -2px; content:url(//shop.marujo-net.com/cdn/shop/t/29/assets/company-history_border.svg?v=166701972994244930291779419056); display: block;
}
.company .history li{
  display: flex; gap: 60px;
}
.company .history li:not(:first-child){margin: 31px 0 0;}
.company .history li .year{
  font-size: 15px; line-height: 33px; color: var(--sub-color); flex-shrink: 0; position: relative;
}
.company .history li .year::before{
   height: 10px; width:10px; border-radius:100%; position: absolute; left: -45px; transform: translateX(-50%); background: #fff; top: 10px; border: 1px solid var(--sub-color); display: block; content:"";
}
.company .history li .text-box p{
  font-size: 15px; line-height: 2.2em; color: #000;
}
.company .history li .text-box p:not(:first-child){margin: 6px 0 0;}
 .company table:not([class]){box-shadow: none;}
.company table:not([class]) td,.company table:not([class]) th{
  border: none; padding: 0;
}
table a{ text-decoration: underline; color: var(--sub-color);}
.company .company .flex .right th{
  font-size: 15px; color: #000; width: 203px; font-weight: 400; vertical-align: baseline; text-align: left; line-height: 2.2em; 
}
.company .company .flex .right td{
font-size: 15px; color: #000; line-height: 2.2em; padding:0 0 24px;
}
.suppliers .fv-text{
  margin: 81px 0 139px; 
}
.suppliers .fv-text h2 .color-round{
  margin-bottom: 82px;
}
.suppliers .service h2,.suppliers .reason h2{
  font-size:31px; color: var(--sub-color); letter-spacing: 0.12em; font-weight: 500; margin: 0 0 58px; text-align: center;
}
.suppliers .service ul{
  display: flex; justify-content: space-between; gap: 107px 0; flex-wrap: wrap;
}
.suppliers .service li{
  max-width: 480px; width: calc(100% / 2 - 15px);
}
.suppliers .service li img{
  width: 100%;
}
.suppliers .service li h3{
  margin: 44px 0 25px; color: var(--sub-color); font-size: 27px; letter-spacing: 0.07em; font-weight: 500; 
}
.suppliers .service li p{
  font-size: 16px; letter-spacing: 0.07em; font-weight: 500; line-height: 1.8125em;
}
.suppliers .reason{
  margin: 130px 0 186px;
}
.suppliers .reason ul{
  display: flex; justify-content: space-between; gap: 20px 0px; flex-wrap: wrap;
}
.suppliers .reason li{
  max-width: 490px; width: calc(100% / 2 - 10px); text-align: center; position: relative; border:1px solid var(--sub-color); border-radius:10px; padding: 51px 0 52px;
}
.suppliers .reason li .point{
  position: absolute; top:0; left: 33px; color: #ffffff; text-align: center; font-size: 10px; letter-spacing: 0.12em; line-height: 1.7em; padding: 11px 0 0; height: 63px; width: 54px; background:url(//shop.marujo-net.com/cdn/shop/t/29/assets/ribbon.svg?v=162780007615148354641779419193) no-repeat; background-size: cover; background-position: center;
}
.suppliers .reason li .point span{
  font-size: 15px; color: inherit; display: block;
}
.suppliers .reason li h3{
  margin: 0 0 30px; color: var(--sub-color); font-size: 22px; letter-spacing: 0.07em; font-weight: 500; 
}
.suppliers .reason li p{
  font-size: 15px; letter-spacing: 0.07em; font-weight: 500; line-height: 2em;
}
.suppliers .point-sec{
  margin: 81px 0 139px; text-align: center;
}
.suppliers .point-sec h2{
  font-size:31px; letter-spacing: 0.12em; font-weight: 500; 
}
.suppliers .point-sec h2 .color-round{
  margin-bottom: 58px;
}
.suppliers .point-sec .container>p{
  font-size:18px; line-height:1.77em ; letter-spacing: 0.07em; margin: 58px 0 109px;
}
.suppliers .point-sec ul{
  display: flex; justify-content: space-between; gap: 79px 20px; flex-wrap: wrap;
}
.suppliers .point-sec li{
  width: calc(100% / 2 - 15px); max-width: 434px;
}
.suppliers .point-sec li:last-child{
  max-width: 770px; width: 100%; display: flex; margin: 0 auto; gap: 25px; justify-content: space-between; text-align:left;
}
.suppliers .point-sec li .image{
  border-radius: 100%; border: 1px solid var(--sub-color); display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 121px; height: 121px; margin: 0 auto 22px;
}
.suppliers .point-sec li:last-child image{margin: 0;}
.suppliers .point-sec li:nth-child(4) .textbox , .suppliers .point-sec li:nth-child(6) .textbox{max-width: 400px; margin: 0 auto;}
.suppliers .point-sec li .textbox h3{
font-size: 20px; font-weight: 500; line-height:1.7em; letter-spacing: 0.07em; color: var(--sub-color); margin: 0 0 33px;
}
.suppliers .point-sec li .textbox h3 span{
  font-size: 13px; font-weight: 400; letter-spacing: 0.12em; color: var(--sub-color); line-height: 1.23em; margin: 0 auto 33px; display: block; background: #ECF3FA; border-radius: 16px; text-align: center; padding: 8px 0 ; width: 95px;
  }
  .suppliers .point-sec li:last-child .textbox h3 span{margin:0 26px 0 0; display: inline-block;}
.suppliers .point-sec li .textbox p{
    font-size: 15px; font-weight: 500; letter-spacing: 0.07em; line-height: 2em;
}

.oem .fv-text{
  margin: 109px 0 174px; 
}
.oem .fv-text h2{
  font-size:31px; letter-spacing: 0.12em; font-weight: 500; margin: 0 0 75px; 
}
.oem .fv-text h2 .color-round{
  margin-bottom: 82px;
}
.oem .fv-text .container>p{
  font-size:31px; letter-spacing: 0.12em; font-weight: 500; margin: 0 0 100px; line-height: 2.46em;
}
.oem .fv-text h3{
  color: var(--sub-color); font-size:31px; letter-spacing: 0.12em; font-weight: 500; 
}
.oem .fv-text h3:last-of-type{
  font-size: 30px; letter-spacing: 0.07em;
}
.oem .fv-text ul{
  display: flex; flex-wrap: wrap; justify-content: space-between; margin: 66px 0; gap: 19px 0;
}
.oem .fv-text li{
  max-width: 490px; width: calc(100% / 2 - 10px); border: 1px solid var(--sub-color); display: flex; align-items: center; justify-content:center; height: 94px; background: #FAFBFC; border-radius: 10px; padding: 0 10px; box-sizing: border-box;
}
.oem .fv-text li p{
  color: var(--sub-color); font-size:18px; letter-spacing: 0.07em; font-weight: 500; line-height: 2.22em; text-align: center;
}
.oem .point-sec{ text-align: center;}
.oem .point-sec h2{
  font-size:31px; letter-spacing: 0.12em; font-weight: 500; margin: 0 0 76px;
}
.oem .point-sec h2 .color-round{
  margin-bottom: 82px;
}
.oem .point-sec ul{
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 102px 0;
}
.oem .point-sec li{
  max-width: 313px; width: calc(100% / 3 - 10px);
}
.oem .point-sec li img{
  width: 100%; border-radius: 10px
 }
.oem .point-sec li h3{
  color: var(--sub-color); font-size:18px; letter-spacing: 0.07em; font-weight: 500; line-height: 1.66em; margin: 31px 0 27px;
}
.oem .point-sec li h3 span{
  display: block; color: inherit; font-size:18px; letter-spacing: 0; font-weight: 400; line-height: 1.22em; margin: 0 0 18px; 
}
.oem .point-sec li p{
  color: #000; font-size:14px; line-height: 1.57em;
}
.oem .flow{
  margin: 169px 0 134px;
}
.oem .flow h2{
  font-size:31px; letter-spacing: 0.12em; font-weight: 500; margin: 0 0 75px; text-align: center;
}
.oem .flow h2 .color-round{
  margin-bottom: 38px;
}
.oem .flow li{
  display: flex; gap: 0 59px; align-items: center;
}
.oem .flow li .left{
  max-width: 154px; flex-shrink: 0;
}
.oem .flow li .left img{
  width: 100%; border-radius: 100%
 }
.oem .flow li .right h3{
  color: var(--sub-color); font-size:28px; letter-spacing: 0.07em; font-weight: 500; margin: 0 0 23px;
}
.oem .flow li .right h3 span{
  display: block; color: inherit; font-size:14px; letter-spacing: 0; font-weight: 400; line-height: 1.21em; margin: 0 0 9px; 
}
.oem .flow li .right p{
 font-size:17px; line-height: 1.88em;
}

.oem .method{text-align: center;}
.oem .method .inner{
  padding: 56px 20px 65px;
}
.oem .method h2{
  font-size:26px; letter-spacing: 0.07em; font-weight: 500; margin: 0 0 89px; color: var(--sub-color);
}
.oem .method h2 .sub-ttl{
  font-size:17px; letter-spacing: 0; font-weight: 500; margin: 0 0 28px; color: inherit; display: block;
}
.oem .method h2 .color-round{
  margin-top: 50px;
}
.oem .method ul{
  display: flex; align-items: center; margin: 0 auto 42px;  max-width: 773px; justify-content: space-between;
}
.oem .method li{
  max-width: 370px; width: calc(100% / 2 - 15px); background: #fff; border: 1px solid var(--sub-color); border-radius: 10px; position: relative; padding: 80px 15px 69px; box-sizing: border-box;
}
.oem .method li h3{
  color: var(--sub-color); font-size:22px; letter-spacing: 0.07em; font-weight: 500; line-height: 1.54em; margin: 0 0 39px;
}
.oem .method li h3 span{
  display: flex; align-items: center; justify-content: center; color: #fff; font-size:14px; letter-spacing: 0; font-weight: 400; line-height: 1em; width: 80px; height: 80px; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); background: var(--sub-color); border-radius:100%;
} 
.oem .method li p{
 font-size:15px; line-height: 2em;
}
.oem .method .inner>p{
  max-width: 773px; display: flex; justify-content:center; color:#000000; align-items: center; background: #fff; width: 100%; height: 90px; border: 1px solid var(--sub-color); border-radius: 10px; margin: 0 auto; font-size:18px; font-weight: 500; line-height: 1.88em;
}

.oem .date{margin: 182px 0 127px;}
.oem .date h2{
  font-size:26px; letter-spacing: 0.07em; font-weight: 500; margin: 0 0 45px; color: var(--sub-color); text-align: center; line-height: 1.73em;
}
.oem .date h2 .sub-ttl{
  font-size:17px; letter-spacing: 0; font-weight: 500; margin: 0 0 33px; position: relative; line-height: 1em; display: block;
}
.oem .date h2 .sub-ttl::before{
  content: url(//shop.marujo-net.com/cdn/shop/t/29/assets/subttl-icon.svg?v=19318566282173616021779419219); top: -22.5px; left: 50%; transform: translateX(-50%); position:absolute;
}
.oem .date h2 .color-round{
  margin-top: 33px;
}
.oem .date .num-list li .right h4{
  font-size:22px; 
}
.oem .date .num-list li .right p{
  font-size:16px; line-height: 2.0625em;  
}
.oem .case{text-align: center; }
.oem .case h2{
  font-size:30px; letter-spacing: 0.07em; font-weight: 500; margin: 0 0 92px; line-height: 1.73em; 
}
.oem .case h2 .color-round{
  margin-bottom: 30px;
}
.oem .case ul{
  display: flex; justify-content: space-between; max-width: 769px; margin: 0 auto;
}
.oem .case li{
 max-width: 370px; width: calc(100% / 2 - 10px);
}
.oem .case li img{max-width: 100%; margin: 0 0 27px;}
.oem .case li h3{
  display: flex; align-items:center; justify-content: center;  margin:0 auto; padding:0 30px;  font-size: 16px; font-weight: 400; height: 30px; width: fit-content; border-radius: 15px; background: #F0F5FB;
}
.oem .case li p{
  font-size: 16px; letter-spacing: 0.07em; line-height: 1.3125em; margin: 19px auto 11px;
}
.oem .case li span{
  font-size: 22px; letter-spacing: 0.07em; font-weight: 800;  color: var(--sub-color);
}
.oem .oem-sec{text-align: center; margin: 210px 0 170px;}
.oem .oem-sec h2{
  font-size:30px; letter-spacing: 0.07em; font-weight: 500; margin: 0 0 59px;
}
.oem .oem-sec h2 .color-round{
  margin-bottom: 30px;
}
.oem .oem-sec .container>p{
  font-size:17px; line-height: 2.17em; margin: 0 0 74px;
}
.oem .oem-sec .inner{
  padding: 58px 20px;
}
.oem .oem-sec h3{
  font-size:26px; letter-spacing: 0.07em; font-weight: 500; color: var(--sub-color); line-height: 1.69em; max-width: 773px; margin: 0 auto; display: block;
}
.oem .oem-sec ul{
  display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: space-between; margin: 55px auto 72px; gap: 35px 0 ;max-width: 773px;
}
.oem .oem-sec li img{
 max-width: 130px; border-radius: 100%; margin-bottom: 20px; 
}
.oem .oem-sec li p{
  color: #000; font-size: 17px; line-height: 1.7em; 
}
.oem .oem-sec li p .note{
  color: inherit; font-size: 14px; line-height: 1em; display: block; margin: 12px 0 0;
}
.oem .oem-sec .textbox{
  max-width: 773px; display: block; padding-top: 20px; box-sizing: content-box; background: #fff; width: 100%; height: 90px;  border-radius: 20px; margin: 0 auto; font-size: 18px; line-height: 1.77em; color:var(--sub-color);
}
.oem .qa h2{
  font-size:30px; letter-spacing: 0.07em; font-weight: 500; margin: 0 0 74px;text-align: center; 
}
.oem .qa h2 .color-round{
  margin-bottom: 30px;
}

.qa-list li {
    border: 1px solid var(--sub-color);
    border-radius: 10px;
    margin-bottom: 14px;
    padding: 0 31px;
}
.qa-list li .question {
    position: relative; display: flex; align-items: center; gap:44px; padding: 36px 0; cursor: pointer;
}
.qa-list li h3 {
   font-size: 20px; font-weight: 500; color: var(--sub-color); letter-spacing: 0.07em;
}
.qa-list li .left{
  font-size: 36px; color: var(--sub-color); letter-spacing: 0.07em; line-height: 1.19em;
}
.qa-list li .question .left{
  color: var(--sub-color2); 
}
.qa-list li .question::before {
    position: absolute; right: 0; top: 50%; bottom: 50px; transform: translateY(-50%) translateX(0%) rotate(90deg);
    content: ""; width: 21.5px; height: 1px; background-color: var(--sub-color); transition: 0.3s;
}
.qa-list li .question::after {
    position: absolute; right: 0; top: 50%; bottom: 50px; transform: translateY(-50%) translateX(0%);
    content: ""; width: 21.5px; height: 1px; background-color: var(--sub-color);
}
.qa-list li .question.active::before {
    transform: translateY(-50%) translateX(0%) rotate(0deg);
}
.qa-list li .answer{display:none;}
.qa-list li .answer-wrapper {
    display: flex; align-items: center; gap:44px; padding: 0 0 60px;
}
.qa-list li p {
    font-size: 17px; letter-spacing: -0.04em; line-height: 1.94em; color: #000;
} 
.news .container{
  max-width:1070px; margin: 0 auto; padding: 0 50px; box-sizing: content-box;
}
.news ul{margin: 110px 0 120px;}
.news .blog-item{padding: 39.5px 0; position:relative;}
.news .blog-item::after{position:absolute; pointer-events:none; content:url(//shop.marujo-net.com/cdn/shop/t/29/assets/news-arrow.svg?v=140860974298512267881779419149); top:50%; right: 26px; transform: translate(0 , -50%);}
.news .blog-item a {
    gap: 112px; width: 100%;
}
.news .blog-item span{ font-size: 26px; color: #AAAAAA; line-height: 1.192em;}
.news .blog-item h3{ font-size: 22px; font-weight: 500; padding: 0 50px 0 0; }

.pagination-original .pagination__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  gap: 26px;
}
.pagination-original .pagination__list>li{width: 54px;}
.pagination-original .pagination__item {
    color: var(--sub-color);
    border: 1px solid var(--sub-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 54px;
    width: 100%;
  font-size: 26px;
    padding: 0;
    text-decoration: none;
}
.pagination-original .pagination__item:not([href]) {
    pointer-events:none;
    color: #ffffff;
  background:var(--sub-color);
}
.pagination-original .pagination__item--current:after,.pagination-original .pagination__item:hover:after{
  content:none;
}
.pagination__item-arrow img{max-width:100%;}
.pagination-original .pagination__item--prev img{
    transform: rotate(180deg); 
    }
#article .container{
  max-width:1070px; margin: 0 auto; padding: 0 50px; box-sizing: content-box;
}
#article .ttlbox{margin: 143px 0 70px;}
#article .ttlbox .date{
   font-size: 26px; color: #AAAAAA; line-height: 1.192em; padding: 0 0 20px; margin: 0 0 60px; border-bottom:1px solid #D9D9D9;
}
#article .ttlbox h2{
  line-height: 1.7em; font-size: 28px; font-weight: 500; letter-spacing: 0.12em; 
}
#article .content{margin: 0 0 129px;}
#article .content p{
  line-height: 2.66em; font-size: 18px; font-weight: 500; letter-spacing: 0.12em; 
}
#article .thum{margin: 0 auto 30px; max-width: 100%; display: block;}
.btn1{
  font-size: 20px; color: var(--sub-color); padding: 17px 0 17px 43px; margin: 0 auto; border:1px solid var(--sub-color); display:block; width: 306px; position:relative; max-width: 100%;
    box-sizing: border-box;
}
.btn1::after{
position:absolute; pointer-events:none; content:url(//shop.marujo-net.com/cdn/shop/t/29/assets/btn1-arrow.svg?v=142812265725450511661779419031); 
  top:50%; right: 43px; transform: translate(0 , -50%);}  
#product  .product.grid{ gap: 50px 0; justify-content: center;}
#product product-info{padding: 65.5px 0 0;}
#product .product__media-wrapper{max-width: 570px; width: 100%;}
#product h1{ font-size: 20px; font-weight: 500; letter-spacing: 0.031em; line-height: 1.8em;}
#product .product__tax{display: none;}
#product variant-selects{margin: 54px 0 52px;}
#product .product-form__input--dropdown{
  display: flex; justify-content: space-between; align-items: center; gap: 33px;
}
#product .product-form__input .form__label{
  flex-shrink: 0; 
}
#product .form__label,#product .select__select,#product .accordion__title{
  font-size: 15px; font-weight: 500; letter-spacing: 0; line-height: 1em; color: var(--main-color);
}
#product .select__select{
  font-size: 16x;
}
#product .accordion__title{
  font-size: 14px;
}
#product .select__select{
  background: #F8F8F8; border-radius: 10px; color: var(--main-color); max-width: 187px;
}
#product .select:after{
  content: none;
}
#product .product-form__input--dropdown .svg-wrapper{
  display: none;
}
#product .quantity{
  min-height: 43px; border: 1px solid #707070; max-width: 167px; width: 100%;
}
#product .quantity:after{
  content: none;
}
#product .quantity__input{
  width: 93px;
}
#product .quantity__button{ width: 35px;}
#product .quantity__button.disabled{opacity: 1;}
#product .quantity__button.disabled span{opacity: 0.5;}
#product .quantity__button:first-child{
  border-right: 1px solid #707070;
}
#product .quantity__button:last-child{
  border-left: 1px solid #707070;
}
#product .product__description h2{
  font-size: 18px; letter-spacing: 0.004em; font-weight: 500; margin: 0 0 35px;
}
#product .product__description p{
  font-size: 14px; letter-spacing: 0.004em; font-weight: 300; line-height: 1.71em;
}
#product .accordion summary{
  padding: 25.5px 0 20.5px;
}
#product .accordion__content p span{
  font-size: 13px; letter-spacing: 0; line-height: 2em; color: #000000;
}
#product .accordion__content{
  padding: 0 0 0 94px;
}
#product .accordion:last-of-type{
  border-bottom: 1px solid #3B3B3B;
}
#product .accordion{
  border-top: 1px solid #3B3B3B; border-bottom: none; 
}
#product .price-item .en{
  font-size: 27px; font-weight: 400; letter-spacing: 0; line-height: 1.185em; margin: 0 4px 0 0;
}
#product .price-item{
  font-size: 19px; font-weight: 500; letter-spacing: 0; line-height: 1em;
}
#product .price-item .tax{
  font-size: 11px; font-weight: 500; letter-spacing: 0; line-height: 1em; margin: 0 0 0 6px;
}
#product .product-form__buttons .button:after,#product .product-form__buttons .button:before{content: none;}
#product .product-form__buttons button{
  background: var(--sub-color); border: 1px solid var(--sub-color); height: 60px; max-width: 391px; width: 100%;
}
#product .product-form__buttons button span{
color: #fff; font-size: 15px; font-weight: 500; 
}
#product .product-form__buttons .button:before{
  content:url(//shop.marujo-net.com/cdn/shop/t/29/assets/cart-icon2.svg?v=5878573606011569201779419033); position: relative; z-index: 1; margin: 0 23px 0 0;
}
#product .related-products{
    margin: 145px auto 170px; max-width: 1141px;
}
#product .related-products__heading{
  border-bottom: 1px solid #3B3B3B; padding: 0 0 32px; font-size: 22px; letter-spacing: 0; line-height: 1em; color: var(--main-color);
}
#product .related-products .grid{gap: 59px 12px;}
#product .related-products .grid__item{
width: calc(100% / 6 - 10px); max-width: 348px; flex-grow: 0;
}
#product .related-products .grid::after{
  width: calc(100% / 6 - 10px); max-width: 348px; content:""; height:0;
}
#product .page-width{ max-width: 1141px; padding: 0 20px;}
#product .shopify-app-block{margin: 145px 0;}

.template-404 p{
  color: var(--sub-color) ; font-size: 44px; 
}
.template-404 h1{
  margin: 37px 0 58px; font-size: 16px; 
}
.template-404 a{display:flex; align-items: center; justify-content: center; margin:0 auto; color:#fff; font-size: 16px;  text-align:center; background: var(--sub-color); border-radius:24px; width: 177px; height:48px;}
#cart-page .cart__empty-text{color: var(--sub-color) ; font-size: 44px; margin: 0 0 31px;}
#cart-page .emptybtn{display:flex; align-items: center; justify-content: center; margin:0 auto; color:#fff; font-size: 16px;  text-align:center; background: var(--sub-color); border-radius:24px; width: 177px; height:48px;}
#cart-page .cart__login-title{font-size:16px; margin: 47px 0 23px;}
#cart-page .cart__login-paragraph{font-size:15px; line-height: 1.66;}
#cart-page .cart__login-paragraph a{color: var(--sub-color);}
#cart-page .note{margin: 0 0 60px;}
#cart-page .notebox{justify-content: space-between; display: flex; align-items: center;}
#cart-page .notebox label{ display:block;}
#cart-page .notebox select{width: 125px; height: 35px; font-size: 14px; padding-left: 5px;}
#cart-page .notebox:not(first-child){margin:30px 0 0;}
#cart-page .page-width { padding: 0 1.5rem; }
#cart-page .cart__footer {
        flex-direction: column;
        align-items: end;}

#cart-page .cart__note{ top:0; display:block; margin:30px 0 0;}
#cart-page .cart__note label{display:block; top: -5rem; color:#000000;}
#cart-page .cart__note label span{margin: 10px 0 0; display: block; font-size:1.3rem;}
#cart-page .note-text2{margin: 10px 0 0 0; display: block; font-size:1.3rem;}
#cart-page .cart__blocks{margin: 50px 0 0 ;}

#list-collections h1.title{margin: 0 0 55px; font-size: 27px; letter-spacing: 0;line-height: 1.33em; }
#list-collections .catebox-container{
display: flex; justify-content: space-between; margin: 0 0 115px ;flex-wrap: wrap; gap: 0px 20px; 
}
#list-collections .catebox{
  max-width:330px; min-width:245px; width: calc(100% / 3 - 20px);
}
#list-collections .catebox .category:not(:last-child){
margin: 0 0 20px;
}
#list-collections .catebox .category .main-cate{
    display: flex;
    align-items: center;
    gap: 21px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.34em;
    color: #3B3B3B;
    letter-spacing: 0;
    margin: 0 0 25px;
    position:relative;
}
#list-collections .catebox .category .main-cate img{width: 60px;}
#list-collections .catebox .category .main-cate::after,#list-collections .catebox .sub-cate li a::after{
   content: url(//shop.marujo-net.com/cdn/shop/t/29/assets/catelist-arrow.svg?v=25009723201928295871779419051); position: absolute; top: 50%; right:0; transform: translate(0, -50%); pointer-events
}
#list-collections .catebox .sub-cate li{
    padding: 14.5px 0 15.5px;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
}
#list-collections .catebox .sub-cate li a{
display: flex; justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.33em;
    color: #3B3B3B;
    letter-spacing: 0;
    white-space: nowrap;
}
#list-collections .catebox .sub-cate li:last-child{margin: 0 0 73px;}


/* aa */
@media screen and (min-width: 750px) {
   #cart-page  .cart__footer>* {
        width: 42rem;
    }
  #cart-page  .cart__ctas {
        justify-content: center;
    }
}

@media screen and (max-width: 750px) {
  #cart-page .cart__note{ top:3rem; margin:30px 0 0;}
  #cart-page .cart__note label{display:block; top: -6.2rem; color:#000000; line-height: 1.2em;}
  #cart-page .note-text2{margin: 50px 0 0 0;}
}
        
@media screen and (min-width: 990px) {
    .product--medium:not(.product--no-media) .product__info-wrapper, .product--small:not(.product--no-media) .product__media-wrapper {
            max-width: 570px; width: 100%;
    }
}
.jdgm-rev-widg .jdgm-star, .jdgm-revs-tab .jdgm-star, .jdgm-all-reviews .jdgm-star, .jdgm-gallery-popup .jdgm-star,.jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown, .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow,.jdgm-rev__author,.jdgm-rev__icon:before{
  color: var(--sub-color) !important;
}
.jdgm-histogram__bar-content ,.jdgm-write-rev-link.jdgm-write-rev-link,.jdgm-btn--solid, input[type=submit].jdgm-btn--solid{
  background: var(--sub-color) !important; border-color: var(--sub-color) !important; font-weight:500;
}
.jdgm-btn--border{color: var(--sub-color) !important;border-color: var(--sub-color) !important;}
#cart .page-width { 
    padding: 0 1.5rem;
}
.shopify-policy__title,.onlineshop .main-page-title{display:none;}
.shopify-policy__container,#page .onlineshop .page-width{max-width:770px; padding: 50px 50px;}
.legal-notice p,.privacy-policy p,.onlineshop p,.terms-of-service p{
  line-height: 1.8em; margin: 20px 0;
}
.privacy-policy li{line-height:1.5em;}
.terms-of-service span{line-height: 1.8em;}
.legal-notice h2,.privacy-policy h2,.onlineshop h2,.terms-of-service h2{
  margin: 40px 0 10px;
}
.legal-notice h3,.privacy-policy h3,.onlineshop h3,.terms-of-service h3{
  margin: 30px 0 10px;
}
.rte ul, .rte ol { list-style-position: inherit;}
.onlineshop .rte li:not(:first-child),.terms-of-service .rte li:not(:first-child),.privacy-policy .rte li:not(:first-child){ margin: 20px 0 0;}

.template-search{margin: 0 20px;}
  
@media (min-width: 560px) {
    .business-calendar-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .business-calendar-information .business-holiday {
        justify-content: center;
    }
}













