@charset "utf-8"; @font-face {
    font-family: "icomoon";
    src: url("font/icomoon.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LINESeedJP_OTF_Bd";
    src: url("font/LINESeedJP_OTF_Bd.otf");
}

@font-face {
    font-family: "LINESeedJP_OTF_Eb";
    src: url("font/LINESeedJP_OTF_Eb.otf");
}

@font-face {
    font-family: "LINESeedJP_OTF_Rg";
    src: url("font/LINESeedJP_OTF_Rg.otf");
}

@font-face {
    font-family: "LINESeedJP_OTF_Th";
    src: url("font/LINESeedJP_OTF_Th.otf");
}

#wpadminbar {
    display: none;
}

/*global style*/
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,.object,input,textarea,body {
}

body {
    font: 15px/1.5em "LINESeedJP_OTF_Rg";
    color: #666;
    overflow-x: hidden;
    background: #fff;
    margin: 0;
    position: static !important;
}

html {
    margin: 0 !important;
}

table {
    border-collapse: collapse;
}

em,i {
    font-style: normal;
}

a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
}

a:hover {
    color: #009245;
}

ul,li {
    list-style: none;
}

img,video {
    vertical-align: top;
}

input {
    outline: none;
    vertical-align: middle;
}

textarea {
    resize: none;
    outline: none;
    overflow: hidden;
}

input[type="submit"] {
    cursor: pointer;
}

p {
    line-height: 25px;
}

h1 {
    font-size: 32px;
    color: #000;
    line-height: 34px;
    font-weight: normal;
}

h2 {
    font-size: 32px;
    color: #000;
    line-height: 34px;
    font-weight: normal;
}

h3 {
    font-size: 24px;
    color: #000;
    line-height: 26px;
    font-weight: normal;
}

h4 {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    font-weight: normal;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.clearm:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    content: "";
}

.clearm {
    *zoom:1;}

.hidden {
    display: none !important;
}

/* bread */
.bread {
    padding: 10px 0;
    line-height: 25px;
    color: #009245;
    text-transform: uppercase;
}

.bread a,.bread span {
    color: #009245;
}

.bread a:nth-last-child(1) {
    font-size: 12px;
    color: #c1b2aa;
}

/* 修改 */
.m-Top {
    margin-top: 70px;
}

.main-width {
    /*max-width:1500px;*/
    margin: 0 auto;
}

.age-tips {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.age-tips .box {
    width: 800px;
    height: 590px;
    padding: 128px 100px 0;
    background-color: rgba(0, 0, 0, .8);
    position: relative;
    box-sizing: border-box;
    text-align: center;
}

.age-tips .box i {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 40px;
    right: 40px;
}

.age-tips .box i::after {
    content: "\e900";
    font-family: 'icomoon';
    color: #fff;
    font-size: 30px;
}

.age-tips .box p {
    font-size: 1.04vw;
    line-height: 1.56vw;
    color: #fff;
    margin-top: 2.92vw;
}

.age-tips .box h3 {
    font-size: 1.35vw;
    line-height: 2.08vw;
    color: #fff;
    margin-top: 2.92vw;
    font-family: 'LINESeedJP_OTF_Bd';
}

.age-tips .box .btn {
    margin-top: 2.34vw;
    font-size: 0;
}

.age-tips .box .btn span {
    display: inline-block;
    width: 220px;
    height: 48px;
    line-height: 48px;
    margin: 0 15px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.age-tips .box .btn span#adult {
    background-color: #fff;
    color: #000;
}

.age-tips.on {
    display: flex;
}

header {
    jutify-content: space-between;
    z-index: 9999;
}

header .main-width {
    display: flex;
    justify-content: center;
}

header .logo {
    position: absolute;
    left: 10.935vw;
    top: 50%;
    transform: translateY(-50%);
}

header .logo.l2 {
    display: none;
}

header .nav .one > li {
    position: relative;
    float: left;
    height: 71px;
    line-height: 30px;
    padding: 0 1.56vw;
    text-transform: uppercase;
    font-size: 15px;
    transition: all .3s;
    box-sizing: border-box;
}

header .nav .one > li > a {
    position: relative;
    color: #fff;
    display: block;
    padding: 20px 0;
    line-height: 30px;
}

header .nav .one > li > a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
}

header .nav .one > li:hover .sub-menu {
    display: block;
}

header .nav .one > li.pro {
    position: initial;
}

header .nav .sub-menu {
    display: none;
    position: fixed;
    left: 0;
    top: 70px;
    width: 100%;
    padding: 1.3vw 0;
    text-align: center;
    background: #f7f7f7;
    box-sizing: border-box;
}

header .nav .sub-menu > li {
    display: inline-block;
    line-height: 30px;
    font-size: 16px;
    padding: 0 1.04vw;
}

header .nav .sub-menu > li > a {
    display: block;
    color: #888888;
}

header .nav .sub-menu > li > i {
    display: none;
}

header .nav .sub-menu > li:hover > a {
    color: #000;
}

header .nav .sub-item {
    display: none;
}

header .phone-menu {
    display: none;
    position: absolute;
    left: 4vw;
    top: 13px;
    width: 40px;
    height: 24px;
    margin-top: 17px;
    cursor: pointer;
    z-index: 99999;
}

header .phone-menu span {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #fff;
    border-radius: 1px;
    -moz-transform-origin: 5% 50%;
    -webkit-transform-origin: 5% 50%;
    -o-transform-origin: 5% 50%;
    transition: all .3s;
}

header .phone-menu .b1,header .phone-menu .b2 {
    margin-bottom: 12px;
}

header .func {
    position: absolute;
    top: 50%;
    right: 10.935vw;
    transform: translateY(-50%);
    transition: all .3s;
    display: flex;
}

header .func .search {
    position: relative;
    width: 30px;
    height: 40px;
    line-height: 40px;
    z-index: 9;
    transition: all 0.3s;
}

header .func .search .box {
    width: 30px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

header .func .search .box::after {
    content: "\e901";
    font-family: 'icomoon';
    font-size: 26px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    color: #fff;
}

header .func .search .text {
    width: 100%;
    height: 40px;
    padding: 0 10px 0 40px;
    color: #fff;
    background-color: transparent;
    box-sizing: border-box;
    transition: border 0.5s;
}

header .func .search .btn, header .func .search .sub {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 39px;
    background-color: transparent;
}

header .func .search .sub {
    display: none;
}

header .func .search.on .box {
    width: 160px;
    border-bottom: 1px solid #ffff;
}

header .func .search.on .sub {
    display: block;
}

header .func .search.on .btn {
    display: none;
}

header .func .lang {
    position: relative;
    height: 100%;
    margin-left: 30px;
}

header .func .lang span {
    display: block;
    width: 30px;
    height: 40px;
    line-height: 40px;
}

header .func .lang span::after {
    content: "\e902";
    font-size: 30px;
    line-height: 40px;
    font-family: 'icomoon';
    color: #fff;
}

header .func .lang .sel {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 120px;
    margin-left: -28px;
    padding: 0.7vw 0;
    border: 1px solid #000;
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
}

header .func .lang .sel::before {
    content: "";
    position: absolute;
    left: 1.15vw;
    top: -0.6vw;
    border: 0.3vw solid transparent;
    border-bottom-color: #000;
}

header .func .lang .sel p {
    padding: 0 15px;
    font-size: 16px;
    line-height: 25px;
}

header .func .lang.active .sel {
    display: block;
    animation: langInUp .4s ease-out;
}

header .nav .sub-menu.drop-item {
    display: none;
    position: fixed;
    left: 0;
    top: 68px;
    width: 100%;
    text-align: center;
    background: #f7f7f7;
    box-sizing: border-box;
    z-index: -1;
}

header .nav .sub-menu.drop-item .main-width {
    display: flex;
}

header .nav .sub-menu.drop-item .dropbox-l {
    width: 19.79vw;
    border-right: 1px solid #ebebeb;
    text-align: left;
    padding-right: 2.08vw;
    box-sizing: border-box;
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item {
    padding: 1.04vw 0;
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item > li {
    margin-top: 1.04vw;
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item .title {
    font-size: 16px;
    line-height: 25px;
    padding: 10px 30px 10px 0;
    position: relative;
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item .title i {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 0;
    transform: rotate(90deg)
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item .title i::before {
    display: block;
    content: "\e905";
    font-size: 14px;
    font-family: 'icomoon';
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item .dropbox-l-sub {
    display: none;
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item .dropbox-l-sub li {
    height: 48px;
    display: flex;
    align-items: center;
    line-height: 20px;
    font-size: 15px;
    padding: 0 1.04vw;
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item .dropbox-l-sub li:hover, header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item .dropbox-l-sub li.is-active {
    background-color: #dedede;
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item li.is-open .title i {
    transform: rotate(270deg);
}

header .nav .sub-menu.drop-item .dropbox-r {
    width: calc(100% - 19.79vw);
    padding: 2.08vw 0 0 2.08vw;
    box-sizing: border-box;
}

header .nav .sub-menu.drop-item .dropbox-r .item {
    display: none;
}

header .nav .sub-menu.drop-item .dropbox-r .navname {
    display: flex;
    justify-content: space-between;
}

header .nav .sub-menu.drop-item .dropbox-r .navname span {
    font-size: 16px;
    line-height: 25px;
    color: #333333;
}

header .nav .sub-menu.drop-item .dropbox-r .navname a {
    display: inline-block;
    line-height: 25px;
    font-size: 15px;
    color: #333333;
}

header .nav .sub-menu.drop-item .dropbox-r .navname a::after {
    content: "\e905";
    display: inline-block;
    font-family: 'icomoon';
    margin-left: 0.26vw;
    font-size: 12px;
    font-weight: bold;
}

header .nav .sub-menu.drop-item .dropbox-r .list {
    display: none;
    margin-top: 1.04vw;
}

header .nav .sub-menu.drop-item .dropbox-r .list h3 {
    display: none;
}

header .nav .sub-menu.drop-item .dropbox-r .list ul {
    width: 103%;
    overflow: hidden;
}

header .nav .sub-menu.drop-item .dropbox-r .list li {
    width: 10.42vw;
    float: left;
    margin: 0 1.04vw 1.04vw 0;
}

header .nav .sub-menu.drop-item .dropbox-r .list li a {
    display: block;
}

header .nav .sub-menu.drop-item .dropbox-r .list li .pic {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

header .nav .sub-menu.drop-item .dropbox-r .list li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

header .nav .sub-menu.drop-item .dropbox-r .list li p {
    padding-top: 10px;
    line-height: 20px;
    font-size: 14px;
    color: #333333;
    text-align: center;
}

header .nav .sub-menu.drop-item .dropbox-l .dropbox-l-item > li.is-open .dropbox-l-sub {
    display: block;
}

header .nav .sub-menu.drop-item .dropbox-r .item.is-show {
    display: block;
}

header .nav .sub-menu.drop-item .dropbox-r .item .list.is-on {
    display: block;
}

header.active .phone-menu .b1 {
    width: 42px;
    transform: rotate(45deg);
}

header.active .phone-menu .b2 {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

header.active .phone-menu .b3 {
    width: 42px;
    transform: rotate(-45deg);
}

header.show {
    background-color: #fff;
}

header.show .logo.l1 {
    display: none;
}

header.show .logo.l2 {
    display: block;
}

header.show .nav .one > li > a {
    color: #000;
}

header.show .func .search .box::after {
    color: #000;
}

header.show .func .lang span::after {
    color: #000;
}

header .nav .one > li:hover a::before, header .nav .one > li.on a::before {
    background-color: #000;
}

header .nav .one > li.on .sub-menu {
    display: block;
    animation: langInUp .4s ease-out;
}

header .nav .sub-menu.drop-item.on {
    display: block;
}

@keyframes langInUp {
    0% {
        transform: translateY(20px);
        opacity: 0.5;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.index-banner.pc {
    display: block;
}

.index-banner.mob {
    display: none;
}

.slidebox {
    overflow: hidden;
    position: relative;
    width: 100vw;
}

.slidebox .slideshow {
    width: 100%;
}

.slidebox .slideshow .ul {
    display: flex;
    flex-wrap: wrap;
    width: 1000%;
}

.slidebox .slideshow figure {
    margin: 0;
    width: 100vw;
}

.slidebox .wp-block-cover {
    width: 100vw;
    height: 57.81vw;
    margin: 0;
    padding: 0;
    float: left;
}

.slidebox .wp-block-cover > img {
    display: none;
    width: 100%;
    height: auto;
    position: relative;
}

.slidebox .wp-block-cover .wp-block-image {
    display: block;
}

.slidebox .slidelist {
    position: absolute;
    left: 0;
    bottom: 70px;
    width: 100%;
    text-align: center;
    z-index: 5;
}

.slidebox .slidelist ul {
    display: flex;
    justify-content: center;
}

.slidebox .slidelist ul li {
    width: 1.35vw;
    height: 1.35vw;
    margin: 0 0.52vw;
    border-radius: 50%;
    background-color: #fff;
    transition: all .5s;
}

.slidebox .slidelist ul li.active {
    background-color: #020202;
}

.slidebox .btn {
    display: none;
    cursor: pointer;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding: 0;
    margin: 0;
    text-align: center;
    border: 0;
    border-radius: 50%;
    position: absolute;
    z-index: 20;
    top: 50%;
    margin-top: -35px;
}

.slidebox .btn::after {
    content: '\e905';
    font-family: 'icomoon';
    font-size: 33px;
}

.slidebox .btn.prev {
    left: 4.04vw;
    transform: rotate(180deg);
}

.slidebox .btn.next {
    right: 4.04vw;
}

.slidebox:hover .btn {
    display: block;
}

.top-title {
    font-size: 0;
}

.top-title h1 {
    font-size: 1.77vw;
    line-height: 1.77vw;
    color: #000000;
    text-align: center;
    font-family: 'LINESeedJP_OTF_Bd';
}

.top-title h2 {
    font-size: 1.88vw;
    line-height: 1.88vw;
    color: #000000;
    text-align: center;
}

.top-title p {
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    margin-top: 30px;
    text-align: center;
    word-break: keep-all;
}

.index-products {
    padding: 6.25vw 0;
}

.index-products .slide-pro {
    position: relative;
    margin-top: 2.6vw;
}

.index-products .slide-pic {
    width: 100%;
    overflow: hidden;
}

.index-products .slide-pic ul {
    width: 1000%;
}

.index-products .slide-pic li {
    float: left;
    width: 14.58vw;
    margin-right: 1.3vw;
    text-align: center;
}

.index-products .slide-pic li .pic {
    overflow: hidden;
    background-color: #f7f7f7;
}

.index-products .slide-pic li .pic img {
    width: 100%;
    height: auto;
    transition: all .5s;
}

.index-products .slide-pic li .pic:hover img {
    transform: scale(1.15);
}

.index-products .slide-pic li .info {
    padding: 1.04vw 0.52vw;
}

.index-products .slide-pic li .info h3 {
    line-height: 25px;
    font-size: 18px;
}

.index-products .slide-pic li .info p {
    line-height: 20px;
    font-size: 15px;
    margin-top: 0.78vw;
}

.index-products .slide-pic li .info a {
    display: inline-block;
    line-height: 20px;
    font-size: 15px;
    color: #009245;
    margin-top: 1.15vw;
}

.index-products .slide-pic li .info a::after {
    content: "\e905";
    display: inline-block;
    font-family: 'icomoon';
    margin-left: 0.26vw;
    font-size: 12px;
    font-weight: bold;
}

.index-products .slide-pic li .info a:hover {
    text-decoration: underline;
}

.index-products .btn {
    position: absolute;
    top: 0;
    width: 3.75vw;
    height: 3.75vw;
    margin-top: 7.29vw;
    cursor: pointer;
    background-color: #ddd;
    border-radius: 50%;
}

.index-products .btn::after {
    content: "\e905";
    font-family: 'icomoon';
    display: block;
    font-size: 1.82vw;
    width: 1.82vw;
    height: 1.82vw;
    line-height: 1.82vw;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}

.index-products .prev {
    left: -5.42vw;
    transform: rotate(180deg);
}

.index-products .next {
    right: -5.42vw;
}

.index-products.compro-list .btn {
    display: none;
}

.index-products.compro-list:hover .btn {
    display: block;
}

.index-products.compro-list ul li .pic {
    background-color: transparent;
}

.index-products.compro-list ul li:hover .pic {
    background-color: #f7f7f7;
}

.index-products.compro-list ul li p {
    margin-top: 5px !important;
}

/* .index-about .wp-block-cover{padding: 8.59vw 0;}
.index-about .wp-block-cover h2{font-size: 3.13vw; line-height: 3.65vw; text-align: center; color: #252525; font-family: 'LINESeedJP_OTF_Bd';}
.index-about .wp-block-cover p{font-size: 1.56vw; line-height: 2.08vw; margin-top: 1.56vw; color: #868686;}
.index-about .wp-block-cover .wp-block-button a{display: inline-block;padding: 0; width: 13.54vw;height: 2.92vw;line-height: 2.92vw;text-align: center;margin-top: 3.13vw; font-size: 0.94vw;background-color: #000;color: #fff;border: 1px solid #000; box-sizing: border-box;border-radius: 0;transition: all .5s;}
.index-about .wp-block-cover .wp-block-button a:hover{background-color: #fff;color: #000;} */
.index-about .wp-block-cover {
    padding: 5vw 0 40vw;
}

.index-about .mob {
    display: none;
}

.index-about .wp-block-cover h2 {
    font-size: 3.13vw;
    line-height: 3.65vw;
    text-align: center;
    color: #fff;
    font-family: 'LINESeedJP_OTF_Bd';
}

.index-about .wp-block-cover h2 strong {
    display: inline-block;
    background: -webkit-linear-gradient(0deg, #00ffaa 0, #0066ff 32%, #ff00ea 67%, #ff9000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.index-about .wp-block-cover p {
    font-size: 1.56vw;
    line-height: 2.08vw;
    margin-top: 1.56vw;
    color: #fff;
}

.index-about .wp-block-cover .wp-block-button a {
    display: inline-block;
    padding: 0;
    width: 13.54vw;
    height: 2.92vw;
    line-height: 2.92vw;
    text-align: center;
    margin-top: 3.13vw;
    font-size: 0.94vw;
    background-color: #fff;
    color: #000;
    box-sizing: border-box;
    border-radius: 0;
    transition: all .5s;
}

.index-about .wp-block-cover .wp-block-button a:hover {
    color: #009245;
}

.index-news {
    padding: 4.69vw 0;
}

.index-news .list {
    margin-top: 3.13vw;
}

.index-news ul {
    width: 101.12%;
    overflow: hidden;
    display: flex;
}

.index-news ul li {
    width: 23.78%;
    float: left;
    margin-right: 1.5%;
    background-color: #f6f7f9;
}

.index-news ul li .pic {
    width: 100%;
    height: 0;
    padding-bottom: 67%;
    overflow: hidden;
}

.index-news ul li .pic img {
    width: 100%;
    height: auto;
    transition: all .5s;
}

.index-news ul li .text {
    padding: 1.56vw;
}

.index-news ul li .text span {
    font-size: 15px;
    color: #ff0000;
    line-height: 15px;
}

.index-news ul li .text h2 {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin-top: 0.78vw;
    height: 60px;
}

.index-news ul li .text time {
    font-size: 15px;
    line-height: 15px;
    color: #626262;
    display: block;
    margin-top: 2.6vw;
}

.index-news ul li:hover .pic img {
    transform: scale(1.15);
}

.index-news ul li:hover .text h2 {
    text-decoration: underline;
}

.index-news .more {
    display: block;
    width: 120px;
    line-height: 20px;
    font-size: 15px;
    color: #009245;
    margin: 40px auto 0;
}

.index-news .more::after {
    content: "\e905";
    display: inline-block;
    font-family: 'icomoon';
    margin-left: 0.26vw;
    font-size: 12px;
    font-weight: bold;
    transition: all .5s;
}

.index-news .more:hover {
    text-decoration: underline;
}

.index-news .more:hover::after {
    margin-left: 10px;
}

footer {
    background-color: #f2f2f2;
}

footer .f1 {
    padding: 6.77vw 0 4.27vw;
}

footer .f1 .main-width {
    display: flex;
    justify-content: space-between;
}

footer .f1 .menu-footer-menu-container {
    /*width: 48.96vw;*/
    width: 55%;
}

footer .f1 .menu-footer-menu-container > ul {
    display: grid;
    gap: 5.1vw;
    grid-template-columns: 1fr 1fr 1fr;
}

footer .f1 .menu-footer-menu-container > ul > li > a {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    font-family: 'LINESeedJP_OTF_Bd';
}

footer .f1 .menu-footer-menu-container > ul > li.menu-item-39 {
    width: 240px;
}

footer .f1 .menu-footer-menu-container > ul > li.menu-item-40 {
    width: 195px;
}

footer .f1 .menu-footer-menu-container > ul > li.menu-item-41 {
    width: 195px;
}

footer .f1 .menu-footer-menu-container .sub-menu {
    padding: 1.04vw 0;
}

footer .f1 .menu-footer-menu-container .sub-menu li {
    padding: 0.26vw 0;
}

footer .f1 .menu-footer-menu-container .sub-menu a {
    font-size: 15px;
    line-height: 22px;
}

footer .f1 .subscribe {
    min-width: 28.91vw;
    width: 37.5%;
}

footer .f1 .subscribe h2 {
    display: none;
}

footer .f1 .subscribe h3 {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    font-family: 'LINESeedJP_OTF_Bd';
}

footer .f1 .subscribe p {
    font-size: 15px;
    line-height: 30px;
    margin-top: 1.3vw;
    color: #000;
}

footer .f1 .subscribe p a {
    text-decoration: underline;
}

footer .f1 .subscribe p:nth-child(3) {
    display: none;
}

footer .simple-message {
    position: relative;
}

footer .simple-message label {
    display: none;
}

footer .simple-message .sm-name {
    width: 100%;
    height: 55px;
    overflow: hidden;
    border: 1px solid #000;
    box-sizing: border-box;
}

footer .simple-message .sm-name input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    padding: 0 120px 0 15px;
    box-sizing: border-box;
    color: #000;
    background-color: transparent;
}

footer .simple-message .sm-subtn {
    position: absolute;
    top: 0;
    right: 0;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    width: 120px;
}

footer .simple-message .sm-subtn button {
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #000;
    cursor: pointer;
    border: none;
}

footer .simple-message .sm-subtn button::before {
    content: "\e904";
    font-family: 'icomoon';
    font-size: 30px;
    color: #fff;
    vertical-align: middle;
    margin: 0 8px 0 0;
}

footer .f2 {
    padding: 2.19vw 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

footer .f2 p {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000;
}

footer .f2 .main-width {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .f2 .sns {
    display: flex;
}

footer .f2 .sns li {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 0;
    margin: 0 0 0 3.91vw;
    position: relative;
    transition: all .5s;
}

footer .f2 .sns li a {
    font-size: 0;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
}

footer .f2 .sns li a::before {
    font-family: 'icomoon';
    display: block;
    line-height: 30px;
    font-size: 30px;
    color: #000;
}

footer .f2 .sns li.fb a::before {
    content: "\e90b";
    font-size: 35px;
}

footer .f2 .sns li.tt a::before {
    content: "\e90d";
}

footer .f2 .sns li.ins a::before {
    content: "\e90c";
    font-size: 35px;
}

footer .f2 .sns li a:hover::before {
    color: #0066ff;
}

.main-3d {
}

.main-3d .banner {
    position: relative;
    /* min-height: 500px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ccc;
}

.main-3d .banner .text {
    position: absolute;
    width: 52.08vw;
    font-size: 0;
}

.main-3d .banner .text.tc {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.main-3d .banner .text.tl {
    left: 14.06%;
    width: 37%;
}

.main-3d .banner .text.mid {
    top: 50%;
    transform: translateY(-50%);
}

.main-3d .banner .text h2 {
    font-size: 3.28vw;
    line-height: 3.8vw;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-3d .banner .text h2:nth-child(2) {
    margin-left: -2vw;
}

.main-3d .banner .text p {
    font-size: 1.56vw;
    line-height: 2.08vw;
    margin-top: 1.04vw;
    font-family: 'LINESeedJP_OTF_Rg';
}

.main-3d .banner .text.white h2 {
    color: #fff;
}

.main-3d .banner .text.white p {
    color: #fff;
}

.main-3d .content {
    font-size: 0;
}

.main-3d .content .item {
    position: relative;
}

.main-3d .content .item img {
    width: 100%;
    height: auto;
}

.main-3d .content .item .text {
    position: absolute;
}

.main-3d .content .item .text h2 {
    font-size: 2.4vw;
    line-height: 2.5vw;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-3d .content .item .text h2 strong {
    font-size: 1.88vw;
}

.main-3d .content .item .text.white h2 {
    color: #fff;
}

.main-3d .content .item .text.white ul li {
    color: #fff;
}

.main-3d .content .item .text ul {
    margin-top: 0.52vw
}

.main-3d .content .item .text ul li {
    font-size: 1.56vw;
    line-height: 2.08vw;
    padding-left: 2.08vw;
    margin-top: 2.08vw;
    position: relative;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-3d .content .item .text ul li::before {
    content: "";
    display: block;
    width: 1.04vw;
    height: 1.04vw;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0.52vw;
}

.main-3d .content .item .text ul.color1 li::before {
    background-color: #702600;
}

.main-3d .content .item .text ul.color2 li::before {
    background-color: #fff;
}

.main-3d .content .item .text.tr {
    left: 51.04%;
    top: 6.25vw;
    width: 41.02vw;
}

.main-3d .content .item .text.tl {
    left: 14.06vw;
    top: 12.24vw;
    width: 50.92vw;
}

.list-down {
    padding: 6.25vw 0;
}

.list-down h1 {
    font-size: 1.88vw;
    line-height: 1.88vw;
    text-align: center;
    font-family: 'LINESeedJP_OTF_Bd';
}

.list-down h2 {
    font-size: 1.25vw;
    line-height: 1.25vw;
    margin-top: 3.91vw;
    font-family: 'LINESeedJP_OTF_Bd';
}

.list-down ul {
    margin-top: 2.08vw;
}

.list-down li {
    padding: 0.26vw 0;
}

.list-down li a {
    font-size: 0.94vw;
    line-height: 1.56vw;
    color: #000;
}

.list-down li a::before {
    content: "\e909";
    font-family: 'icomoon';
    vertical-align: middle;
    line-height: 1.56vw;
    font-size: 1.56vw;
    color: #000;
    margin-right: 0.42vw;
}

.list-down li a:hover {
    color: #009245;
}

.list-down li a:hover::before {
    color: #009245;
}

.inner-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-banner .text {
    position: absolute;
    font-size: 0;
}

.inner-banner .text h1 {
    font-size: 3.13vw;
    line-height: 3.65vw;
    text-align: center;
    color: #252525;
    font-family: 'LINESeedJP_OTF_Bd';
}

.inner-banner .text h2 {
    font-size: 3.13vw;
    line-height: 3.65vw;
    text-align: center;
    color: #252525;
    font-family: 'LINESeedJP_OTF_Bd';
}

.inner-banner .text p {
    font-size: 1.56vw;
    line-height: 2.08vw;
    margin-top: 1.56vw;
    color: #868686;
}

.inner-banner .text.tc {
    width: 53.65vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.contact {
    padding: 0 0 5.1vw 0;
}

.contact h2 {
    font-size: 1.88vw;
    line-height: 1.88vw;
    color: #000;
    font-family: 'LINESeedJP_OTF_Bd';
}

.contact .cont {
    width: 100%;
    justify-content: space-around;
    margin-top: 3.13vw;
    align-items: stretch;
}

.contact .cont .wp-block-group {
    width: 40.5%;
    font-size: 0;
    background-color: #f7f7f7;
    padding: 8.23vw 0 2.34vw;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

.contact .cont .wp-block-group::before {
    font-family: 'icomoon';
    color: #000;
    line-height: 3.13vw;
    position: absolute;
    top: 3.13vw;
    left: 50%;
    transform: translateX(-50%);
}

.contact .cont .wp-block-group.c1::before {
    content: "\e908";
    font-size: 3.13vw;
}

.contact .cont .wp-block-group.c2::before {
    content: "\e906";
    font-size: 4.06vw;
}

.contact .cont .wp-block-group.c3::before {
    content: "\e907";
    font-size: 4.06vw;
}

.contact .cont .wp-block-group h3 {
    font-size: 1.25vw;
    line-height: 1.56vw;
    color: #000;
    font-family: 'LINESeedJP_OTF_Bd';
}

.contact .cont .wp-block-group p {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-top: 1vw;
    text-align: center;
    padding: 0 2vw;
    word-break: keep-all;
}

.contact .cont .wp-block-group a {
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    color: #009245;
}

.contact .cont .wp-block-group:hover {
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, .05);
}

.contact .cont .wp-block-group a:hover {
    text-decoration: underline;
}

.about {
    padding: 4.69vw 0;
}

.about .merits {
    margin-top: 4.69vw;
    width: 100%;
}

.about .merits h2 {
    font-size: 1.88vw;
    line-height: 1.88vw;
    color: #000;
}

.about .merits .map {
    width: 70.83vw;
    padding: 8.07vw 5.73vw 10.16vw;
    box-sizing: border-box;
}

.about .merits .map .wp-block-cover__inner-container {
    display: grid;
    gap: 4.27vw 6.25vw;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr;
}

.about .merits .map p {
    position: relative;
    font-size: 18px;
    line-height: 30px;
}

.about .merits .map p strong {
    display: block;
    margin-bottom: 2.24vw;
    font-size: 2.19vw;
    font-family: 'Inter Medium';
    font-weight: inherit;
}

.about .merits .map p::before {
    content: "";
    display: block;
    position: absolute;
    top: 3vw;
    width: 100%;
    height: 1px;
    background-color: #000;
}

.heating .img-text {
    padding: 4.95vw 0;
    width: 100%;
}

.heating .img-text .wp-block-group__inner-container {
    justify-content: space-between;
}

.heating .img-text .wp-block-image {
    width: 23.85vw;
}

.heating .img-text .text h2 {
    font-size: 1.88vw;
    line-height: 2.08vw;
    color: #000000;
    font-family: 'LINESeedJP_OTF_Bd';
}

.heating .img-text .text p {
    font-size: 0.94vw;
    line-height: 1.56vw;
    margin-top: 1.04vw;
}

.heating .img-text:nth-child(1) .text {
    width: calc(100% - 26vw);
}

.heating .img-text:nth-child(even) {
    padding: 8.59vw 0;
    background-color: #f7f7f7;
}

.compro-list {
    padding: 4.69vw 0;
}

/* .compro-list h2{font-size: 1.88vw;line-height: 2.08vw;color: #000000;text-align: center; font-family: 'LINESeedJP_OTF_Bd';}
.compro-list ul{width: 103%;overflow: hidden;margin-top: 1.56vw;}
.compro-list ul li{width: 17.87%;float: left;margin: 0 1.56vw 1.56vw 0;}
.compro-list ul li .pic{width: 100%;}
.compro-list ul li .pic img{width: 100%;height: 100%;object-fit: cover;}
.compro-list ul li p{padding-top: 0.78vw;line-height: 1.56vw;font-size: 0.94vw;color: #333333;text-align: center;}
.compro-list ul li:hover .pic{background-color: #f7f7f7;} */
.main-page {
    padding: 5.73vw 0;
}

.main-page .cont-purchase {
    display: flex;
    gap: 2.08vw;
    margin-top: 2.08vw;
    justify-content: center;
}

.main-page .cont-purchase .wp-block-group {
    display: flex;
    align-items: center;
    font-size: 0;
    width: 17.97vw;
    height: 12.5vw;
    box-sizing: border-box;
}

.main-page .cont-purchase .wp-block-group .wp-block-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    max-height: 7.81vw;
}

.main-page .cont-purchase .wp-block-group img {
    max-width: 100%;
    height: auto;
}

.main-page .cont-purchase .wp-block-group p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(12.5vw - 7.81vw);
    width: 100%;
    padding: 1vw;
    text-align: center;
    font-size: 1.25vw;
    line-height: 1.25vw;
    color: #000;
    text-decoration: underline;
    box-sizing: border-box;
    background-color: #f7f7f7;
}

.main-page .cont-purchase .wp-block-group:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.main-page h1 {
    font-size: 2.08vw;
    line-height: 2.34vw;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-page .content {
    margin-top: 2.08vw;
}

.main-page .content h2 {
    font-size: 1.35vw;
    line-height: 1.88vw;
    margin-top: 20px;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-page .content p {
    font-size: 0.94vw;
    line-height: 1.56vw;
}

.list-news {
    padding: 4.69vw 0;
}

.list-news .cont {
    overflow: hidden;
    width: 102%;
}

.list-news .cont li {
    width: 25vw;
    float: left;
    overflow: hidden;
    margin: 0 1.56vw 1.56vw 0;
}

.list-news .cont li .pic {
    width: 100%;
    height: 16.41vw;
    overflow: hidden;
    background-color: #7d7d7d;
}

.list-news .cont li .pic a {
    display: block;
    width: 100%;
    height: 100%;
}

.list-news .cont li .pic img {
    width: 100%;
    height: auto;
}

.list-news .cont li .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 12.5vw;
    padding: 1.56vw;
    box-sizing: border-box;
    background-color: #f6f7f9;
}

.list-news .cont li .text span {
    display: block;
    font-size: 12px;
    color: #ff0000;
    line-height: 12px;
}

.list-news .cont li .text h2 a {
    display: block;
    position: relative;
    height: 3.13vw;
    line-height: 1.56vw;
    font-size: 0.94vw;
    margin-top: 0.52vw;
    font-family: 'LINESeedJP_OTF_Bd';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-news .cont li .text h2 a:hover {
    color: #009245;
}

.list-news .cont li .text .line {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.list-news .cont li .text .more {
    display: inline-block;
    line-height: 20px;
    font-size: 15px;
    color: #3f68e0;
}

.list-news .cont li .text .more::after {
    content: "\e905";
    display: inline-block;
    font-family: 'icomoon';
    margin-left: 0.26vw;
    font-size: 12px;
    font-weight: bold;
}

.list-news .cont li .text .more:hover {
    text-decoration: underline;
}

.list-news .cont li .text time {
    font-size: 15px;
    line-height: 20px;
    color: #626262;
}

.list-product {
    padding: 4.69vw 0;
    overflow: hidden;
}

.list-product .toggle-filter {
    display: none;
    position: sticky;
    top: 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.list-product .toggle-filter::before {
    content: "\e90a";
    font-family: 'icomoon';
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    margin: 0 5px 3px 0;
    color: #000;
}

.list-product .left {
    width: 320px;
    float: left;
}

.list-product .left h2 {
    font-size: 18px;
    line-height: 30px;
    padding: 1.04vw 0;
}

.list-product .left .category {
    border-top: 1px solid #dddddd;
}

.list-product .left .box {
    margin-top: 1.04vw;
}

.list-product .left .box h3 {
    position: relative;
    font-size: 16px;
    line-height: 25px;
    color: #020202;
}

.list-product .left .box h3 i {
    position: absolute;
    right: 0;
    top: 0;
}

.list-product .left .box h3 i::after {
    content: "\e905";
    display: inline-block;
    font-family: 'icomoon';
    margin-left: 0.26vw;
    font-size: 12px;
    font-weight: bold;
}

.list-product .left .box ul {
    padding: 1.04vw 0 0;
    visibility: hidden;
    height: 0;
    transition: height .5s;
}

.list-product .left .box ul li {
    position: relative;
    font-size: 15px;
    color: #333333;
    padding-left: 25px;
    line-height: 30px;
}

.list-product .left .box ul li::before {
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.list-product .left .box.is-open ul {
    height: auto;
    visibility: visible;
}

.list-product .left .box.is-open h3 i {
    transform: rotate(-90deg);
}

.list-product .left .confirm {
    display: none;
}

.list-product .cont {
    width: calc(100% - 360px);
    float: right;
}

.list-product .cont ul {
    width: 103%;
    overflow: hidden;
}

.list-product .cont ul li {
    width: 13.67vw;
    float: left;
    margin: 0 1.56vw 1.56vw 0;
}

.list-product .cont ul li .pic {
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
}

.list-product .cont ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-product .cont ul li p {
    padding-top: 0.78vw;
    line-height: 1.56vw;
    font-size: 0.9vw;
    color: #333333;
    text-align: center;
}

.list-product .cont ul li:hover .pic {
    background-color: #f7f7f7;
}

.pro-width {
}

.main-product hr {
    display: none;
}

.main-product .top-option {
    background-color: #1f1f1f;
    position: sticky;
    top: 0;
    z-index: 99;
}

.main-product .top-option .main-width {
    padding: 0.52vw 0;
    display: flex;
    justify-content: space-between;
}

.main-product .top-option .proname {
    font-size: 0.94vw;
    line-height: 1.77vw;
    color: #fff;
}

.main-product .top-option .tab {
    display: inline-block;
    padding: 0 1.56vw;
    height: 1.77vw;
    line-height: 1.77vw;
    cursor: pointer;
    color: #949494;
    font-size: 0.94vw;
}

.main-product .top-option .tab:hover, .main-product .top-option .tab.on {
    color: #fff;
}

.main-product .top-option .tab.buy {
    background-color: #3e65d7;
    border-radius: 1.77vw;
    color: #fff;
    animation: wobble-animation 1s infinite ease-in-out;
}

.main-product .mob {
    display: none;
}

.main-product .banner img {
    width: 100%;
    height: auto;
}

.main-product .banner .slide-pic {
    overflow: hidden;
}

.main-product .banner .slide-pic ul {
    display: flex;
    flex-wrap: wrap;
    width: 1000%;
}

.main-product .banner .slide-pic li {
    width: 100vw;
}

.main-product .tab-con {
    display: none;
}

.main-product .tab-con.on {
    display: block;
}

/* .main-product .pro-details{position: relative;} */
.main-product .pro-details.fasoul-mate-air {
    background: linear-gradient(to bottom, #ffffff , #c0d9f4);
    padding-bottom: 7.03vw;
}

.main-product .pro-details.fasoul-c1 {
    background: linear-gradient(to bottom, #ffffff , #c0d9f4);
}

.main-product .pro-details .selling_point {
    padding: 2.6vw 0;
}

.main-product .pro-details .selling_point ul {
    display: flex;
    justify-content: space-around;
    gap: 1.04vw;
}

.main-product .pro-details .selling_point ul li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 12.08vw;
}

.main-product .pro-details .selling_point ul li .pic {
    width: 7.03vw;
    height: 7.03vw;
    border-radius: 50%;
    overflow: hidden;
}

.main-product .pro-details .selling_point ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-product .pro-details .selling_point ul li p {
    font-size: 0.94vw;
    line-height: 1.5vw;
    color: #373737;
    text-align: center;
    margin-top: 0.94vw;
}

/* .main-product .pro-details .btn-buy{display: block; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; position: absolute; bottom: 0; left: 50%; font-size: 16px; z-index: 10; background-color: #3e65d7; color: #fff; text-align: center; animation: wobble-animation 1s infinite ease-in-out;} */
@keyframes wobble-animation {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: bottom center;
    }

    25% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    75% {
        transform: rotate(5deg);
    }
}

.main-product .container {
    font-size: 0;
}

.main-product .container .text {
    width: 47.05%;
    padding-left: 1.56vw;
    padding-right: 1%;
    box-sizing: border-box;
}

.main-product .container .text.white h2 {
    color: #fff;
}

.main-product .container .text.white p {
    color: #fff;
}

.main-product .container .text h2 {
    font-size: 2.08vw;
    line-height: 2.6vw;
    color: #373737;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-product .container .text h2.orange-gradient strong {
    display: inline-block;
    background: -webkit-linear-gradient(0deg, #ff912d, #ed000b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .container .text h2.green-gradient strong {
    display: inline-block;
    background: -webkit-linear-gradient(35deg, #5eeda0,#00fcff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .container .text h2.brown-gradient strong {
    display: inline-block;
    background: -webkit-linear-gradient(0deg, #d1aa78, #fff5e7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .container .text h2.color2 {
    line-height: 3.65vw;
}

.main-product .container .text h2.color2 strong {
    display: inline-block;
    font-size: 3.65vw;
    background: -webkit-linear-gradient(270deg, #5ff5bb, #26ff4f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .container .text h2.colors strong {
    display: inline-block;
    background: -webkit-linear-gradient(0deg, #6c6f82 0, #87bcff 21%, #87bcff 36%, #9171dd 59%, #ffbf52 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .container .text h2.color3 strong {
    display: inline-block;
    background: -webkit-linear-gradient(0deg, #00ffaa 0, #0066ff 32%, #ff00ea 67%, #ff9000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .container .text p {
    font-size: 1.25vw;
    line-height: 1.77vw;
    color: #666666;
    margin-top: 1.35vw;
    word-break: keep-all;
}

.main-product .container .text .wp-block-image {
    width: auto;
    margin-bottom: 4.95vw;
}

.main-product .container .text-img {
    display: flex;
    align-items: center;
}

.main-product .container .text-img > .wp-block-image {
    width: 52.94%;
    border-radius: 1.56vw;
    overflow: hidden;
}

.main-product .container .text-img > .wp-block-image img {
    width: 100%;
    height: auto;
}

.main-product .container .text-img.top {
    align-items: flex-start;
}

.main-product .container .text-img.reverse {
    flex-direction: row-reverse;
}

.main-product .container .text-img.reverse .text {
    padding-left: 3.13vw;
}

.main-product .container .text-img.column {
    padding: 0;
    flex-direction: column;
}

.main-product .container .text-img.column .text {
    width: 100%;
}

.main-product .container .text-img.column > .wp-block-image {
    width: 100%;
    margin-top: 2.71vw;
}

.main-product .container .text-img.usage h2 {
    padding: 0.89vw 2.34vw;
    background-color: #8bb5d1;
    border-radius: 1.04vw;
    font-size: 3.54vw;
    line-height: 3.54vw;
    color: #fff;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-product .container .text-img .step {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-radius: 1.04vw;
    padding: 1.04vw;
    margin-top: 1.56vw;
    box-sizing: border-box;
}

.main-product .container .text-img .step::before {
    content: "";
    display: block;
    position: absolute;
    top: -0.26vw;
    left: -0.26vw;
    width: 100%;
    height: 100%;
    border-radius: 1.04vw;
    box-sizing: border-box;
    border: 3px solid #fff;
    z-index: -1;
}

.main-product .container .text-img .step h3 {
    display: inline-block;
    font-size: 2.34vw;
    line-height: 2.34vw;
    position: relative;
    padding: 0 2.6vw 0 0;
    font-family: 'LINESeedJP_OTF_Bd';
    z-index: 2;
}

.main-product .container .text-img .step h3::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.26vw;
    width: 100%;
    height: 1.15vw;
    background-color: #ffbf52;
    z-index: -1;
    border-radius: 1.15vw;
}

.main-product .container .text-img .step p {
    font-size: 1.04vw;
    line-height: 1.56vw;
    color: #666666;
}

.main-product .container .text-img .step > figure {
    margin: 0;
    position: absolute;
    top: 0;
    height: 100%;
    box-sizing: border-box;
}

.main-product .container .text-img .step > figure img {
    width: auto;
    height: 100%;
}

.main-product .container .text-img .step.s1 {
    margin-top: 2.34vw;
}

.main-product .container .text-img .step.s3 .wp-block-group {
    display: flex;
    align-items: center;
}

.main-product .container .text-img .step.s1 figure {
    bottom: 0;
    right: 2%;
    padding: 0.94vw 0 0;
}

.main-product .container .text-img .step.s2 figure {
    bottom: 0;
    right: 12%;
    padding: 0.94vw 0;
}

.main-product .container .text-img .step.s3 figure {
    margin: 0;
    width: 6.29vw;
    padding-right: 1.56vw;
    box-sizing: border-box;
}

.main-product .container .tip {
    position: absolute;
    bottom: 3%;
    font-size: 2.24vw;
    line-height: 2.76vw;
    z-index: 2;
}

.main-product .container .tip.white {
    color: #fff;
}

.main-product .container .tip.tr {
    right: 4.8%;
}

.main-product .container .wp-block-cover {
    overflow: hidden;
    position: relative;
}

.main-product .container .wp-block-cover img {
    position: inherit;
    z-index: 0;
}

.main-product .container .wp-block-cover .text {
    position: absolute;
    padding: 0;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.main-product .container .table-box {
    position: relative;
    background-color: #fff;
    border-radius: 1.56vw;
    padding: 3.13vw;
    text-align: center;
    box-sizing: border-box;
}

.main-product .container .table-box::before {
    content: "";
    display: block;
    position: absolute;
    top: -0.42vw;
    left: -0.42vw;
    width: 100%;
    height: 100%;
    border-radius: 1.56vw;
    box-sizing: border-box;
    border: 3px solid #fff;
    z-index: 0;
}

.main-product .container .table-box h2 {
    display: inline-block;
    font-size: 3.54vw;
    line-height: 3.54vw;
    position: relative;
    padding: 0 1.04vw;
    font-family: 'LINESeedJP_OTF_Bd';
    z-index: 2;
}

.main-product .container .table-box h2::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.57vw;
    width: 100%;
    height: 1.15vw;
    background-color: #caddf0;
    z-index: -1;
    border-radius: 1.15vw;
}

.main-product .container .table-box .box {
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    padding: 0 1.56vw;
    margin-top: 2.6vw;
}

.main-product .container .table-box .box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-product .container .table-box .box ul li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 47.5%;
    font-size: 0.99vw;
    line-height: 1.56vw;
    padding: 0 1.04vw 0 12.5vw;
    min-height: 3.28vw;
    color: #373737;
    margin-bottom: 1.46vw;
    text-align: center;
    background-color: #e7edf4;
    box-sizing: border-box;
}

.main-product .container .table-box .box ul li code {
    position: absolute;
    top: -3px;
    left: 0;
    bottom: 0;
    width: 11.98vw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.09vw;
    color: #373737;
    border: 3px solid #000;
    box-sizing: border-box;
    background-color: #fff;
    font-family: 'LINESeedJP_OTF_Bd';
    box-shadow: 5px 5px #000
}

.main-product .container .table-box .box ul li strong {
    font-weight: inherit;
    min-width: 36%;
    font-size: 0.94vw;
}

.main-product .container .table-box .box ul li strong img {
    width: 20px !important;
    vertical-align: middle;
    margin: 0 5px 3px 0;
}

.main-product .full-slide {
    position: relative;
    overflow: hidden;
}

.main-product .full-slide .slide-pic {
    width: 100vw;
    overflow: hidden;
}

.main-product .full-slide .slide-pic ul {
    display: flex;
    flex-wrap: wrap;
    width: 1000%;
}

.main-product .full-slide .slide-pic li {
    width: 100vw;
}

.main-product .full-slide .slide-pic li img {
    width: 100%;
    height: auto;
}

.main-product .full-slide.mob {
    display: none;
}

.main-product .fasoul-mate-air .container {
    padding: 0 3.54vw 0;
    margin-top: 7.03vw;
}

.main-product .fasoul-mate-air .selling_point {
    padding: 7.03vw 0 0;
}

.main-product .fasoul-mate-air .wp-block-cover {
    border-radius: 1.56vw;
}

.main-product .fasoul-mate-air .wp-block-cover .text.tr {
    top: 14.73%;
    right: 0;
    width: 31.25vw;
}

.main-product .fasoul-mate-air .wp-block-cover .text.tc {
    top: 4.3%;
    left: 0;
    width: 100%;
}

.main-product .fasoul-q1 .selling_point ul li .pic {
    width: 4.95vw;
    height: 4.95vw;
}

.main-product .fasoul-q1 .text h2 {
    font-size: 3.23vw;
    line-height: 3.75vw;
}

.main-product .fasoul-q1 .text p {
    font-size: 1.56vw;
    line-height: 2.08vw;
    margin-top: 2.6vw;
    word-break: keep-all;
    font-family: 'LINESeedJP_OTF_Rg';
}

.main-product .fasoul-q1 .text.tr {
    left: 45.09%;
    width: 50%;
}

.main-product .fasoul-q1 .text.mid {
    top: 50%;
    transform: translateY(-50%);
}

.main-product .fasoul-q1 .text.tl {
    left: 6.64%;
    width: 53.34%;
}

.main-product .fasoul-q1 .text.top {
    top: 6.4%;
}

.main-product .fasoul-q1 .text.center {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.main-product .fasoul-q1 .level0 .text {
    left: 8.5%;
    top: 33%;
    width: auto;
}

.main-product .fasoul-q1 .level3-5 .text {
    left: 7%;
    top: 43%;
    width: auto;
}

.main-product .fasoul-q1 .level3-5 .text p {
    margin-top: 1vw;
}

.main-product .fasoul-q1 .new-section {
    padding-top: 5.7vw;
    background-image: url(/wp-content/uploads/2025/07/q1-new-bg-scaled.webp);
    background-size: cover;
}

.main-product .fasoul-q1 .new-section h2 {
    line-height: 3vw;
    font-size: 2.7vw;
    text-align: center;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-product .fasoul-q1 .new-section .white {
    color: #fff;
}

.main-product .fasoul-q1 .new-section .sec-width {
    width: 79.3vw;
    margin: 0 auto;
}

.main-product .fasoul-q1 .new-section .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6vw 0;
}

.main-product .fasoul-q1 .new-section .item .text {
    width: 28%;
}

.main-product .fasoul-q1 .new-section .item .text h3 {
    line-height: 2.8vw;
    margin-bottom: 1.5vw;
    font-size: 2.4vw;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-product .fasoul-q1 .new-section .item .text p {
    line-height: 2.5vw;
    margin: 0;
    font-size: 1.75vw;
    font-family: 'LINESeedJP_OTF_Rg';
}

.main-product .fasoul-q1 .new-section .item .pic {
    width: 51.9vw;
    overflow: hidden;
}

.main-product .fasoul-q1 .new-section .item .pic img {
    width: 100%;
    height: auto;
}

.main-product .fasoul-q1 .new-section .item .slide-pic {
    position: relative;
    width: 51.9vw;
    overflow: hidden;
}

.main-product .fasoul-q1 .new-section .item .slide-pic ul {
    display: flex;
    flex-wrap: wrap;
    width: 1000%;
}

.main-product .fasoul-q1 .new-section .item .slide-pic li {
    width: 51.9vw;
}

.main-product .fasoul-q1 .new-section .item .slide-pic li img {
    width: 100%;
    height: auto;
}

.main-product .fasoul-q1 .new-section .item .slide-pic .btn {
    position: absolute;
    top: 50%;
    width: 2.85vw;
    height: 2.85vw;
    line-height: 2.85vw;
    margin-top;1.4vw;text-align: center;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    font-family: dashicons;
    color: #0693e3;
    font-size: 1.5vw;
}

.main-product .fasoul-q1 .new-section .item .slide-pic .prev {
    left: 1.5vw;
}

.main-product .fasoul-q1 .new-section .item .slide-pic .prev:before {
    content: "\f341";
}

.main-product .fasoul-q1 .new-section .item .slide-pic .next {
    right: 1.5vw;
}

.main-product .fasoul-q1 .new-section .item .slide-pic .next:before {
    content: "\f345";
}

.main-product .fasoul-q1 .new-section.mob {
    display: none;
    padding-top: 10vw;
}

.main-product .fasoul-q1 .new-section.mob h2 {
    line-height: 6vw;
    font-size: 5.5vw;
}

.main-product .fasoul-q1 .new-section.mob .sec-width {
    width: 93.5vw;
}

.main-product .fasoul-q1 .new-section.mob .item {
    display: block;
    padding: 9vw 0;
}

.main-product .fasoul-q1 .new-section.mob .item .text {
    width: 100%;
    text-align: center;
}

.main-product .fasoul-q1 .new-section.mob .item .text h3 {
    line-height: 6.5vw;
    font-size: 6.2vw;
}

.main-product .fasoul-q1 .new-section.mob .item .text p {
    line-height: 5vw;
    font-size: 4.3vw;
}

.main-product .fasoul-q1 .new-section.mob .item .text p br {
    display: none;
}

.main-product .fasoul-q1 .new-section.mob .item .pic {
    width: 93.5vw;
    margin-top: 6vw;
}

.main-product .fasoul-q1 .new-section.mob .item .slide-pic {
    width: 93.5vw;
    margin-top: 6vw;
}

.main-product .fasoul-q1 .new-section.mob .item .slide-pic li {
    width: 93.5vw;
}

.main-product .fasoul-q1 .new-section.mob .item .slide-pic .btn {
    width: 7vw;
    height: 7vw;
    line-height: 7vw;
    margin-top: -5vw;
    font-size: 3.5vw;
}

/* ------------------------------------------------------------------------ */
.main-product .fasoul-c1 .container {
    position: relative;
}

.main-product .fasoul-c1 .wp-block-cover {
    min-height: auto;
}

.main-product .fasoul-c1 .text {
    width: 51%;
}

.main-product .fasoul-c1 .text h2 {
    color: #1d0f00
}

.main-product .fasoul-c1 .text p {
    color: #1d0f00
}

.main-product .fasoul-c1 .text.short {
    width: 47%;
}

.main-product .fasoul-c1 .text.tl {
    left: 8.98%;
}

.main-product .fasoul-c1 .text.tr {
    right: 5.47%;
}

.main-product .fasoul-c1 .text.mid {
    top: 50%;
    transform: translateY(-50%);
}

.main-product .fasoul-c1 .text.top {
    top: 10.3%;
}

.main-product .fasoul-c1 .text.tc {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.main-product .fasoul-q1-pro {
    background-color: #edf6f1;
}

.main-product .fasoul-q1-pro .selling_point ul {
    gap: 0;
}

.main-product .fasoul-q1-pro .selling_point ul li {
    max-width: none;
    flex: 1;
}

.main-product .fasoul-q1-pro .selling_point ul li p {
    line-height: 1.3vw;
    font-size: 0.85vw;
}

.main-product .fasoul-q1-pro h2 {
    line-height: 2.9vw;
    margin-bottom: 1.56vw;
    font-size: 2.1vw;
    font-family: 'LINESeedJP_OTF_Bd';
    color: #373737;
}

.main-product .fasoul-q1-pro p {
    line-height: 1.65vw;
    font-size: 1.2vw;
    color: #666;
}

.main-product .fasoul-q1-pro .container {
    padding: 0 3.9vw 0;
    margin-top: 3.9vw;
}

.main-product .fasoul-q1-pro .container .wp-block-cover > img {
    position: absolute;
}

.main-product .fasoul-q1-pro .wp-block-media-text__media {
    border-radius: 1.56vw;
    overflow: hidden;
}

.main-product .fasoul-q1-pro .level1 .wp-block-media-text__content {
    padding: 0 0 0 7.6%;
}

.main-product .fasoul-q1-pro .level1 h2 mark {
    background-image: -webkit-linear-gradient(left,#ff8e2c,#ed000b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .fasoul-q1-pro .level2 .wp-block-cover {
    height: 41vw;
    padding: 6.6vw 8.2vw;
    border-radius: 1.56vw;
}

.main-product .fasoul-q1-pro .level3 {
    padding: 0;
    margin: 0;
}

.main-product .fasoul-q1-pro .level3 .wp-block-cover {
    padding: 5vw 3.9vw 3.9vw;
}

.main-product .fasoul-q1-pro .level4 {
    margin-top: 0;
}

.main-product .fasoul-q1-pro .level4 .wp-block-cover {
    height: 41vw;
    padding: 8.2vw;
    border-radius: 1.56vw;
}

.main-product .fasoul-q1-pro .level4 p {
    line-height: 2.8vw;
}

.main-product .fasoul-q1-pro .level4 strong {
    display: inline-block;
    font-size: 1.65vw;
    font-family: 'LINESeedJP_OTF_Bd';
    background-image: -webkit-linear-gradient(left,#f4b367,#e64d02);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .fasoul-q1-pro .level5 .wp-block-cover {
    height: 41vw;
    padding: 2vw 3.9vw;
    border-radius: 1.56vw;
    text-align: center;
}

.main-product .fasoul-q1-pro .level5 h2 {
    position: relative;
    display: inline-block;
    padding: 0 1vw;
}

.main-product .fasoul-q1-pro .level5 h2 strong {
    position: relative;
    font-weight: normal;
}

.main-product .fasoul-q1-pro .level5 h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.3vw;
    width: 100%;
    height: 1.2vw;
    background-color: #ffefb8;
    border-radius: 2vw;
}

.main-product .fasoul-q1-pro .level6 .wp-block-cover {
    height: 41vw;
    padding: 10.6vw 8.8vw;
    border-radius: 1.56vw;
    border: 3px solid #bae5d9;
}

.main-product .fasoul-q1-pro .level6 h2 {
    font-size: 3.9vw;
    background-image: -webkit-linear-gradient(#15dfca,#0ab695);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .fasoul-q1-pro .level6 h2 img {
    width: 8.4vw !important;
    height: auto;
    margin-top: -4vw;
    vertical-align: middle;
}

.main-product .fasoul-q1-pro .level7 .wp-block-cover {
    height: 41vw;
    padding: 6vw 8.8vw;
    border-radius: 1.56vw;
}

.main-product .fasoul-q1-pro .level7 h2 {
    color: #6e7d86;
}

.main-product .fasoul-q1-pro .level7 h2 strong {
    font-size: 3.9vw;
    background-image: -webkit-linear-gradient(#51abff,#096bd5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .fasoul-q1-pro .level8 {
    padding: 0;
    margin-top: 2vw;
}

.main-product .fasoul-q1-pro .level8 .wp-block-cover {
    height: 43.35vw;
    padding: 7.8vw 12.7vw;
}

.main-product .fasoul-q1-pro .level8 h2 {
    display: inline-block;
    background-image: -webkit-linear-gradient(-70deg,#00fdab,#0067ff,#ff02e3,#ffc600);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-product .fasoul-q1-pro .level9 {
    padding: 2vw 2.15vw;
    margin-top: 0;
}

.main-product .fasoul-q1-pro .level9 p {
    line-height: 1.2vw;
    margin-top: 1vw;
    font-size: 0.72vw;
}

.main-product .fasoul-q1-pro .level9 .wp-block-media-text {
    height: 100%;
}

.main-product .fasoul-q1-pro .level9 .wp-block-media-text__media {
    height: 100%;
}

.main-product .fasoul-q1-pro .level9 .wp-block-media-text__media img {
    height: 100%;
    object-fit: contain;
}

.main-product .fasoul-q1-pro .level9 .row {
    display: flex;
    flex-direction: column;
    width: 48.8%;
    row-gap: 1vw;
}

.main-product .fasoul-q1-pro .level9 .stepbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-product .fasoul-q1-pro .level9 .step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 17.4vw;
    padding: 1vw 2.9vw;
    background-color: #fff;
    border-radius: 0.8vw;
    box-shadow: 0.1vw 0.1vw 0.3vw rgba(0,0,0,.1);
    box-sizing: border-box;
}

.main-product .fasoul-q1-pro .level9 .step h3 {
    line-height: 1.3vw;
    font-size: 1.3vw;
    font-family: 'LINESeedJP_OTF_Bd';
    color: #333;
}

.main-product .fasoul-q1-pro .level9 .step h3 strong {
    position: relative;
    display: inline-block;
    line-height: 2.8vw;
    padding-right: 0.55vw;
    font-size: 1.7vw;
}

.main-product .fasoul-q1-pro .level9 .step h3 strong mark {
    position: relative;
}

.main-product .fasoul-q1-pro .level9 .step h3 strong:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.3vw;
    width: 100%;
    height: 0.55vw;
    background-color: #86eece;
    border-radius: 1vw;
}

.main-product .fasoul-q1-pro .level9 .step h3 em {
    display: inline-block;
    line-height: 1vw;
    font-size: 0.9vw;
}

.main-product .fasoul-q1-pro .level9 .step h4 {
    line-height: 1vw;
    margin-top: 1vw;
    font-size: 0.9vw;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-product .fasoul-q1-pro .level9 .s1 {
    display: flex;
    justify-content: space-between;
}

.main-product .fasoul-q1-pro .level9 .s1 .wp-block-media-text {
}

.main-product .fasoul-q1-pro .level9 .s1 .m1 {
    width: 45% !important;
}

.main-product .fasoul-q1-pro .level9 .s1 .m2 {
    width: 55% !important;
}

.main-product .fasoul-q1-pro .level9 .s2 .wp-block-media-text {
    width: 60.5%;
}

.main-product .fasoul-q1-pro .level9 .s2 .wp-block-group {
    width: 35%;
}

.main-product .fasoul-q1-pro .level10 {
    margin-top: 0;
}

.main-product .fasoul-q1-pro .table-box {
    background: none;
}

.main-product .fasoul-q1-pro .table-box::before {
    display: none;
}

.main-product .fasoul-q1-pro .table-box .box ul li {
    border: 1px solid #bdd5cf;
    border-radius: 0.8vw;
    background-image: linear-gradient(#e1f8ee,#c3f5e4);
}

.main-product .fasoul-q1-pro .table-box h2::after {
    background-color: #b2f6e1;
}

.main-product .fasoul-q1-pro .table-box .box ul li strong {
    min-width: 25%;
}

.main-product .fasoul-stellar .selling_point {
    display: none;
}

.main-product .fasoul-stellar h2 {
    font-size: 2.08vw;
    line-height: 2.6vw;
    font-family: 'LINESeedJP_OTF_Bd';
    color: #fff;
}

.main-product .fasoul-stellar .text h2 {
    color: #fff;
}

.main-product .fasoul-stellar .text p {
    font-size: 1.25vw;
    line-height: 1.77vw;
    margin-top: 1.35vw;
    word-break: keep-all;
    color: #fff;
}

.main-product .fasoul-stellar .level3 .text {
    left: 57%;
    top: 30%;
}

.main-product .fasoul-stellar .level4 .text {
    left: 0;
    top: 5%;
    width: 100%;
}

.main-product .fasoul-stellar .level5 .text {
    left: 0;
    top: 7%;
    width: 100%;
}

.main-product .fasoul-stellar .level6 .text {
    left: 0;
    top: 5%;
    width: 100%;
}

.main-product .fasoul-stellar .level6 .text .spec {
    margin-top: 0;
}

.main-product .fasoul-stellar .level7 .text {
    left: 6%;
    top: 40%;
}

.main-product .fasoul-stellar .level8 .text {
    left: 0;
    top: 5%;
    width: 100%;
}

.main-product .fasoul-stellar .level9 .text {
    left: 0;
    top: 8%;
    width: 100%;
}

.main-product .fasoul-stellar .level10 .text {
    left: 12%;
    top: 40%;
}

.main-product .fasoul-stellar .slide {
    padding: 3vw 4vw 5vw;
    overflow: hidden;
}

.main-product .fasoul-stellar .slide .dg-slide {
    width: 21vw;
    height: 23.94vw;
    margin: 4vw auto 0;
}

.main-product .fasoul-stellar .slide .dg-slide ul {
    position: relative;
    width: 100%;
    height: 100%;
}

.main-product .fasoul-stellar .slide .dg-slide li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1vw;
    opacity: 0;
    overflow: hidden;
    transition: all .5s;
}

.main-product .fasoul-stellar .slide .dg-slide li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-product .fasoul-stellar .slide .dg-slide li.on {
    transform: ;
    opacity: 1;
    z-index: 3;
}

.main-product .fasoul-stellar .slide .dg-slide li.le {
    transform: translateX(-101%) scale(.82);
    opacity: .5;
    z-index: 2;
}

.main-product .fasoul-stellar .slide .dg-slide li.left {
    transform: translateX(-185%) scale(.66);
    opacity: .5;
    z-index: 1;
}

.main-product .fasoul-stellar .slide .dg-slide li.leftout {
    transform: translateX(-225%) scale(.5);
    opacity: 0;
}

.main-product .fasoul-stellar .slide .dg-slide li.rig {
    transform: translateX(101%) scale(.82);
    opacity: .5;
    z-index: 2;
}

.main-product .fasoul-stellar .slide .dg-slide li.right {
    transform: translateX(185%) scale(.66);
    opacity: .5;
    z-index: 1;
}

.main-product .fasoul-stellar .slide .dg-slide li.rightout {
    transform: translateX(225%) scale(.5);
    opacity: 0;
}

.main-product .fasoul-stellar .useful {
    padding: 2vw 2.15vw;
    margin-top: 0;
    background-image: url(/wp-content/uploads/2025/04/stellar-bg.webp);
    background-size: 100% 100%;
}

.main-product .fasoul-stellar .useful h2 {
    margin-bottom: 3vw;
}

.main-product .fasoul-stellar .useful p {
    line-height: 1.2vw;
    margin-top: 1vw;
    font-size: 0.72vw;
    color: #fff;
}

.main-product .fasoul-stellar .useful .wp-block-media-text {
    height: 100%;
}

.main-product .fasoul-stellar .useful .wp-block-media-text__media {
    height: 100%;
}

.main-product .fasoul-stellar .useful .wp-block-media-text__media img {
    height: 100%;
    object-fit: contain;
}

.main-product .fasoul-stellar .useful .row {
    display: flex;
    flex-direction: column;
    width: 48.8%;
    row-gap: 1vw;
}

.main-product .fasoul-stellar .useful .stepbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-product .fasoul-stellar .useful .step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 17.4vw;
    padding: 1vw 2.9vw;
    background-color: #282c5a;
    border-radius: 0.8vw;
    box-shadow: 0.1vw 0.1vw 0.3vw rgba(0,0,0,.1);
    box-sizing: border-box;
}

.main-product .fasoul-stellar .useful .step h3 {
    line-height: 1.3vw;
    font-size: 1.3vw;
    font-family: 'LINESeedJP_OTF_Bd';
    color: #fff;
}

.main-product .fasoul-stellar .useful .step h3 strong {
    position: relative;
    display: inline-block;
    line-height: 2.8vw;
    padding-right: 0.55vw;
    font-size: 1.7vw;
}

.main-product .fasoul-stellar .useful .step h3 strong mark {
    position: relative;
}

.main-product .fasoul-stellar .useful .step h3 strong:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.3vw;
    width: 100%;
    height: 0.55vw;
    background-color: #4f57b7;
    border-radius: 1vw;
}

.main-product .fasoul-stellar .useful .step h3 em {
    display: inline-block;
    line-height: 1vw;
    font-size: 0.9vw;
}

.main-product .fasoul-stellar .useful .step h4 {
    line-height: 1vw;
    margin-top: 1vw;
    font-size: 0.9vw;
    font-family: 'LINESeedJP_OTF_Bd';
    color: #fff;
}

.main-product .fasoul-stellar .useful .s1 {
    display: flex;
    justify-content: space-between;
}

.main-product .fasoul-stellar .useful .s1 .wp-block-media-text {
}

.main-product .fasoul-stellar .useful .s1 .m1 {
    width: 45% !important;
}

.main-product .fasoul-stellar .useful .s1 .m2 {
    width: 55% !important;
}

.main-product .fasoul-stellar .useful .s2 .wp-block-media-text {
    width: 60.5%;
}

.main-product .fasoul-stellar .useful .s2 .wp-block-group {
    width: 35%;
}

.main-product .fasoul-stellar .parm {
    padding: 3vw 6vw 5vw 15vw;
    background-image: url(/wp-content/uploads/2025/04/stellar-bg.webp);
    background-size: 100% 100%;
}

.main-product .fasoul-stellar .parm h2 {
    margin-bottom: 3vw;
    padding-right: 9vw;
}

.main-product .fasoul-stellar .parm li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5vw;
    line-height: 2.5vw;
    padding-left: 18vw;
    font-size: 1.1vw;
    border-bottom: 1px solid #3b3d51;
    color: #fff;
}

.main-product .fasoul-stellar .parm li strong {
    position: absolute;
    left: 2.5vw;
    top: 0;
}

.main-product .fasoul-stellar .parm li mark {
    display: flex;
    align-items: center;
    column-gap: 0.2vw;
}

.main-product .fasoul-stellar .parm li mark:before {
    content: "";
    display: block;
    width: 0.9vw;
    height: 0.9vw;
    border-radius: 50%;
}

.main-product .fasoul-stellar .parm li mark:nth-child(2):before {
    background-color: #cc594c;
}

.main-product .fasoul-stellar .parm li mark:nth-child(3):before {
    background-color: #30438e;
}

.main-product .fasoul-stellar .parm li mark:nth-child(4):before {
    background-color: #3d4b48;
}

.main-product .fasoul-stellar .parm li mark:nth-child(5):before {
    background-color: #d5ebe1;
}

.main-product .fasoul-stellar .parm li mark:nth-child(6):before {
    background-color: #fff;
}

.main-product .fasoul-stellar .parm li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.8vw;
    width: 0.9vw;
    height: 0.9vw;
    background-color: #fff;
    border-radius: 50%;
}

.main-product .fasoul-stellar .parm .wp-block-media-text__content {
    padding: 0 0 0 5vw;
}

.main-product .fasoul-c2 .selling_point {
    display: none;
}

.main-product .fasoul-c2 h2 {
    font-size: 2.08vw;
    line-height: 2.6vw;
    font-family: 'LINESeedJP_OTF_Bd';
    color: #fff;
}

.main-product .fasoul-c2 .text p {
    font-size: 1.25vw;
    line-height: 1.77vw;
    margin-top: 1.35vw;
}

.main-product .fasoul-c2 .text.shu {
    right: 13%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.main-product .fasoul-c2 .text.shu h2 {
    width: 2.5vw;
    line-height: 2.1vw;
    white-space: pre-wrap;
    word-break: break-all;
    text-align: center;
}

.main-product .fasoul-c2 .text.shu p {
    width: 1.6vw;
    margin-right: 2vw;
    word-break: break-all;
    text-align: center;
}

.main-product .fasoul-c2 .level3 .text {
    left: 52.3%;
    top: 30%;
}

.main-product .fasoul-c2 .level4 .text {
    left: 0;
    top: 10%;
    width: 100%;
}

.main-product .fasoul-c2 .level4 .text p {
    font-size: 1.17vw;
    margin-top: 29vw;
    color: #000;
}

.main-product .fasoul-c2 .level4 .text .has-small-font-size {
    line-height: 1.3em;
    margin-top: 0;
    font-size: 0.8vw !important;
}

.main-product .fasoul-c2 .level5 .text {
    left: 0;
    top: 6%;
    width: 100%;
}

.main-product .fasoul-c2 .level6 .text {
    left: 12.1%;
    top: 20%;
}

.main-product .fasoul-c2 .level7 .text {
    left: 0;
    top: 13%;
    width: 100%;
}

.main-product .fasoul-c2 .level8 .text.shu p {
    line-height: 1.3vw;
    margin-right: 0.5vw;
    font-size: 1.17vw;
}

.main-product .fasoul-c2 .level8 .text.shu p:nth-child(3) {
    margin-right: 1.5vw;
}

.main-product .fasoul-c2 .level9 .text {
    left: 0;
    top: 6%;
    width: 100%;
}

.main-product .fasoul-c2 .level10 {
    padding: 4vw 2vw 1vw;
    background-color: #f5f8f9;
    text-align: center;
}

.main-product .fasoul-c2 .level10 h2 {
    position: relative;
    display: inline-block;
    line-height: 3.54vw;
    margin-bottom: 2vw;
    padding: 0 1.04vw;
    font-size: 3vw;
    color: #333;
    z-index: 1;
}

.main-product .fasoul-c2 .level10 h2:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1.15vw;
    background-image: linear-gradient(#cacdd0,#9fa0a1);
    z-index: -1;
    border-radius: 1.15vw;
}

.main-product .fasoul-c2 .level10 .stepbox2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 2vw;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group {
    display: flex;
    justify-content: space-between;
    width: 48.8%;
    padding: 1.2vw;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0.2vw 0.2vw 0.8vw rgba(0,0,0,.1);
    border-radius: 0.8vw;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group strong {
    position: relative;
    display: inline-block;
    line-height: 1.3em;
    margin-bottom: 0.6em;
    font-size: 1em;
    color: #000;
    z-index: 1;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group strong:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0.35em;
    background-color: #c1ccda;
    z-index: -1;
    border-radius: 2em;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group .wp-block-image {
    width: 47.5%;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group .wp-block-image img {
    width: auto;
    height: 8.6vw;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group .wp-block-image figcaption {
    line-height: 1vw;
    margin: 0.5vw 0 0;
    font-size: 0.75vw;
    text-align: left;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group .wp-block-image.spec img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group .wp-block-media-text {
    width: 47.5%;
    padding-right: 2.9vw;
    box-sizing: border-box;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group .wp-block-media-text p {
    line-height: 1vw;
    font-size: 0.75vw;
    text-align: left;
}

.main-product .fasoul-c2 .level10 .stepbox2 > .wp-block-group .wp-block-media-text__content {
    padding-left: 0;
}

.main-product .fasoul-c2 .level11 {
    background-color: #f5f8f9;
}

.main-product .fasoul-c2 .level12 {
    padding: 1vw 7.8vw 5vw;
    background-color: #f5f8f9;
}

.main-product .fasoul-c2 .table-box {
    background: none;
}

.main-product .fasoul-c2 .table-box h2 {
    font-size: 3vw;
    color: #333;
}

.main-product .fasoul-c2 .table-box h2:after {
    bottom: 0;
    background-image: linear-gradient(#cacdd0,#9fa0a1);
}

.main-product .fasoul-c2 .table-box .box ul li {
    background-image: linear-gradient(#b9bcc1,#7b7b7b);
    border-radius: 0 0.8vw 0.8vw 0;
    color: #fff;
}

.main-product .fasoul-c2 .table-box:before {
    border: none;
}

.main-product .pro-spec {
    padding: 2.08vw 0 7.03vw;
}

.main-product .pro-spec table {
    max-width: 66.75%;
    margin: 0 auto;
    border: none;
}

.main-product .pro-spec table tr td {
    padding: 2.08vw 2.6vw;
    min-width: 15.63vw;
    font-size: 14px;
    color: #888888;
    font-family: 'LINESeedJP_OTF_Rg';
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #efeded;
}

.main-product .pro-spec table tr td img {
    display: block;
    margin: 0 auto;
}

.main-product .pro-spec table tr td strong {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-family: 'LINESeedJP_OTF_Bd';
}

.main-product .pro-spec table tr td code {
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    margin-top: 8px;
    font-family: 'LINESeedJP_OTF_Rg';
}

.main-product .pro-spec ul {
    max-width: 66.75%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.main-product .pro-spec ul li {
    display: flex;
    width: 50%;
    flex: 1 auto;
    padding: 1vw 0;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    font-family: 'LINESeedJP_OTF_Rg';
    box-sizing: border-box;
    border-bottom: 1px solid #efeded;
}

.main-product .pro-spec ul li:first-child {
    width: 100%;
    justify-content: center;
    padding: 0 0 30px;
}

.main-product .pro-spec ul li img {
    max-width: 80%;
}

.main-product .pro-spec ul li > strong {
    color: #000;
    font-size: 18px;
    padding: 1vw 2.6vw;
    min-width: 15.63vw;
    box-sizing: border-box;
}

.main-product .pro-spec ul li code {
    display: block;
    color: #000;
    line-height: 20px;
    margin-top: 8px;
    font-family: 'LINESeedJP_OTF_Rg';
}

.main-product .purchase {
    padding: 4.69vw 0;
}

.main-product .purchase .purchase-box {
    overflow: hidden;
}

.main-product .purchase .purchase-box .max-pic {
    width: 36.46vw;
    height: 36.46vw;
    float: left;
    overflow: hidden;
}

.main-product .purchase .purchase-box .max-pic ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.main-product .purchase .purchase-box .max-pic li {
    display: none;
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.main-product .purchase .purchase-box .max-pic li img {
    width: 100%;
    height: 100%;
}

.main-product .purchase .purchase-box .max-pic li.on {
    display: flex;
}

.main-product .purchase .purchase-box .infooption {
    width: calc(100% - 42vw);
    float: left;
    padding-top: 4.69vw;
    margin-left: 4.69vw;
}

.main-product .purchase .purchase-box .infooption h1 {
    font-size: 1.88vw;
    line-height: 2.4vw;
}

.main-product .purchase .purchase-box .infooption .box {
    margin-top: 10px;
    width: 26.04vw;
}

.main-product .purchase .purchase-box .infooption .box p {
    font-size: 1.04vw;
    color: #000000;
}

.main-product .purchase .purchase-box .infooption .box select {
    margin-top: 1vw;
    width: 100%;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    border: 1px solid #dcdcdc;
    padding: 0 10px;
}

.main-product .purchase .purchase-box .infooption .btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 2.19vw;
}

.main-product .purchase .purchase-box .infooption .btn a {
    display: flex;
    flex: 1 auto;
    justify-content: center;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.main-product .purchase .purchase-box .infooption .btn a.b1 {
    background-color: #bf0000;
}

.main-product .purchase .purchase-box .infooption .btn a.b2 {
    background-color: #e47910;
}

.main-product .purchase .compare {
    padding: 1.56vw 0 4.69vw;
}

.main-product .purchase .compare h2 {
    font-size: 1.88vw;
    line-height: 1.88vw;
    text-align: center;
}

.main-product .purchase .compare .cont {
    margin-top: 1.56vw;
    overflow: hidden;
}

.main-product .purchase .compare .cont .box {
    overflow: hidden;
}

.main-product .purchase .compare .cont .left {
    width: 26.5%;
    float: left;
    padding: 3.13vw 0;
    font-size: 18px;
    color: #000000;
    line-height: 30px;
}

.main-product .purchase .compare .cont .left label {
    padding-left: 25px;
    position: relative;
}

.main-product .purchase .compare .cont .left label::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 8px;
    border: 1px solid #000;
    box-sizing: border-box;
}

.main-product .purchase .compare .cont .list {
    display: flex;
    justify-content: center;
    width: 100%;
    float: left;
    font-size: 18px;
    color: #888888;
    line-height: 30px;
}

.main-product .purchase .compare .cont .list .item {
    width: 22.95%;
    float: left;
    padding: 3.13vw 0;
    padding-left: 2%;
    box-sizing: border-box;
}

.main-product .purchase .compare .cont .list .item h3 {
    font-size: 18px;
    line-height: 30px;
    padding: 5px 0;
    color: #000000;
    border-bottom: 1px solid #dcdcdc;
}

.main-product .purchase .compare .cont .list .item .pic {
    width: 100%;
    text-align: center;
}

.main-product .purchase .compare .cont .list .item .pic img {
    max-width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.main-product .purchase .compare .cont .list .item p {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    height: 40px;
}

.main-product .purchase .compare .cont .list .item .btn {
    display: block;
    width: 8.23vw;
    height: 2.5vw;
    line-height: 2.5vw;
    text-align: center;
    margin: 0.52vw auto 0;
    border: 1px solid #000;
    box-sizing: border-box;
}

.main-product .purchase .compare .cont .list .item .btn.buy {
    background-color: #000;
    color: #fff;
}

.main-product .purchase .compare .cont .list .item .btn.view {
    color: #000;
}

.main-news {
    padding: 5vw 0;
}

.main-news .title {
    margin-bottom: 3vw;
}

.main-news .title h1 {
    line-height: 1.75vw;
    margin-bottom: 0.8vw;
    font-size: 1.4vw;
    font-family: "Gotham-Bold";
}

.main-news .title span {
    display: block;
    line-height: 1.15vw;
    font-size: 0.7vw;
    color: #323232;
}

.main-news .cont {
    line-height: 1.45vw;
    font-size: 0.9375vw;
    font-family: "Gotham-Book";
    color: #323232;
}

.main-news .cont p {
    line-height: 1.45vw;
    margin-bottom: 1.45vw;
    font-size: 0.9375vw;
    font-family: "Gotham-Book";
    color: #323232;
}

.main-news .cont strong {
    font-family: "Gotham-Medium";
}

.main-news .cont img {
    max-width: 100% !important;
    height: auto !important;
    margin: 0.5vw 0 2vw;
}

.main-news .cont .vobj {
    cursor: pointer;
}

.main-news .cont .logolist {
    display: flex;
    justify-content: space-between;
}

.main-news .cont .logolist img {
    width: auto !important;
    height: 7.8vw !important;
    vertical-align: middle;
}

.main-news .cont .spec {
    line-height: 1.5vw;
    font-size: 1.2vw;
}

.caimg {
    position: fixed;
    width: 60px !important;
    height: 60px !important;
    padding: 5px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 50%;
    object-fit: contain;
    opacity: 0;
    z-index: 999999999;
}

.caimg.gone {
    transform: scale(0.2);
    transition: transform .5s;
}

.bullet {
    display: none;
    position: fixed;
    background-color: rgba(0,0,0,.2);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.bullet .box {
    position: relative;
    width: 41.67vw;
    max-height: 60%;
    background-color: #fff;
    margin: 0 auto;
    padding: 1.56vw 1.04vw;
    box-sizing: border-box;
    border-radius: 1.04vw;
    overflow: hidden;
}

.bullet .box .close {
    display: block;
    width: 2.6vw;
    height: 2.6vw;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/wp-content/uploads/2024/12/icon-close.png) center center no-repeat;
    background-size: 1.3vw;
}

.bullet .box .topt {
    font-size: 1.56vw;
    line-height: 1.56vw;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.bullet .box .slide-item {
    width: 16.77vw;
    float: left;
    border: 1px solid #ccc;
    box-sizing: border-box;
    position: sticky;
    top: 10%;
}

.bullet .box .slide-item .slide-pic {
    width: 100%;
    height: 16.67vw;
    overflow: hidden;
}

.bullet .box .slide-item .slide-pic li {
    display: none;
    width: 100%;
    height: 16.67vw;
    float: left;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    background-color: #fcfcfc;
}

.bullet .box .slide-item .slide-pic li img {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.bullet .box .slide-item .slide-pic li.on {
    display: flex;
}

.bullet .box .proinfo {
    width: calc(100% - 18.75vw);
    float: right;
}

.bullet .box .proinfo .title {
    font-size: 1.56vw;
    line-height: 2.08vw;
    color: #333;
    font-family: 'Gotham-Bold';
}

.bullet .box .proinfo .price {
    font-size: 1.04vw;
    line-height: 1.04vw;
    color: #ff6b00;
    margin-top: 15px;
}

.bullet .box .proinfo .color {
    margin-top: 1.56vw;
}

.bullet .box .proinfo ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.bullet .box .proinfo ul li {
    padding: 0 10px;
    height: 1.67vw;
    line-height: 1.67vw;
    text-align: center;
    cursor: pointer;
    font-size: .825vw;
    color: #000;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.bullet .box .proinfo ul li:hover, .bullet .box .proinfo ul li.on {
    background-color: #ff6b00;
    color: #fff;
    border-color: #ff6b00;
}

.bullet .box .proinfo .addcart {
    margin-top: 2.08vw;
    display: inline-block;
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    background-color: #ff6b00;
    color: #fff;
    border-radius: 40px;
}

.bullet .box .proinfo .addcart.load:after {
    content: "\f531";
    font-family: dashicons;
    font-size: 16px;
    animation: load 1s linear infinite;
}

.bullet.on {
    display: flex;
}

@keyframes load {
    to {
        transform: rotate(-360deg);
    }
}

.main-cart {
    padding: 100px 0;
}

.main-cart h1 {
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 24px;
}

.main-cart .cont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.main-cart .cont .prolist {
    width: calc(100% - 400px);
}

.main-cart .cont .prolist .qx {
    display: flex;
    margin-bottom: 20px;
}

.main-cart .cont .prolist .ckbox {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

.main-cart .cont .prolist .ckbox i {
    opacity: 0;
    color: #fff;
}

.main-cart .cont .prolist .ckbox.selall {
    margin-right: 5px;
}

.main-cart .cont .prolist .selected .ckbox {
    background-color: #9b7e5e;
}

.main-cart .cont .prolist .selected .ckbox i {
    opacity: 1;
}

.main-cart .cont .prolist li {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-top: 1px solid #d3d3d3;
}

.main-cart .cont .prolist li .pic {
    width: 150px;
    height: 150px;
    cursor: pointer;
    flex: 0 0 150px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.main-cart .cont .prolist li .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-cart .cont .prolist li .info {
    width: 100%;
    padding: 30px 40px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.main-cart .cont .prolist li .info .box {
    display: flex;
    flex-direction: column;
}

.main-cart .cont .prolist li .info .box .text {
    margin-bottom: 8px;
}

.main-cart .cont .prolist li .info .box h3 {
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main-cart .cont .prolist li .info .box span {
    display: block;
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #999;
    cursor: pointer;
}

.main-cart .cont .prolist li .info .box span:after {
    content: ">";
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    line-height: 24px;
    padding: 0 2px 0 0;
    text-align: center;
    transform: rotate(90deg);
    box-sizing: border-box;
}

.main-cart .cont .prolist li .info .box span:hover {
    color: #00b2fd;
}

.main-cart .cont .prolist li .info .box .quantity {
    display: inline-block;
}

.main-cart .cont .prolist li .info .box .quantity .setnum {
    display: inline-block;
    border: 1px solid #d3d3d3;
    font-size: 0;
}

.main-cart .cont .prolist li .info .box .quantity .setnum input {
    width: 35px;
    height: 24px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    text-align: center;
    box-sizing: border-box;
    font-size: 16px;
}

.main-cart .cont .prolist li .info .box .quantity .setnum i {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 2px;
    font-size: 16px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    font-family: 'Gotham-Light';
}

.main-cart .cont .prolist li .info .box .quantity .setnum i:before {
    color: #999;
}

.main-cart .cont .prolist li .info .box .quantity .setnum i:hover:before {
    color: #333;
}

.main-cart .cont .prolist li .price {
    text-align: right;
    flex: 0 0 130px;
}

.main-cart .cont .prolist li .price p {
    display: block;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 18px;
}

.main-cart .cont .prolist li .price .del {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #aaa;
    cursor: pointer;
    font-size: 24px;
    font-weight: normal;
    background: url(/wp-content/uploads/2024/12/icon-del.png) center center no-repeat;
    background-size: cover;
}

.main-cart .cont .prolist li.cus {
    align-items: stretch;
}

.main-cart .cont .prolist li.cus .ckbox {
    margin-top: 69px;
}

.main-cart .cont .prolist li.cus .info {
    padding-top: 30px;
}

.main-cart .cont .prolist li.cus .info p {
    display: none;
}

.main-cart .cont .prolist li.cus .price {
    padding-top: 50px;
}

.main-cart .cont .prolist li.cus.op .info span:after {
    padding: 0 0 0 2px;
    transform: rotate(-90deg);
}

.main-cart .cont .prolist li.cus.op .info p {
    display: block;
}

.main-cart .cont .prolist li.acc {
    align-items: stretch;
}

.main-cart .cont .prolist li.acc .ckbox {
    margin-top: 69px;
}

.main-cart .cont .prolist li.acc .info {
    padding-top: 30px;
}

.main-cart .cont .prolist li.acc .info p {
    display: none;
}

.main-cart .cont .prolist li.acc .price {
    padding-top: 50px;
}

.main-cart .cont .prolist li.acc.op .info span:after {
    padding: 0 0 0 2px;
    transform: rotate(-90deg);
}

.main-cart .cont .prolist li.acc.op .info p {
    display: block;
}

.main-cart .cont .prolist .load {
    display: none;
    padding-top: 100px;
}

.main-cart .cont .prolist .load.ing {
    display: block;
}

.main-cart .cont .abstract {
    position: relative;
    width: 350px;
    padding: 20px;
    border: 5px solid #ff6b00;
    box-sizing: border-box;
}

.main-cart .cont .abstract h3 {
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 18px;
}

.main-cart .cont .abstract p {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    padding: 15px;
    border-bottom: 1px solid #f3f3f3;
    font-size: 16px;
    background-color: #fff;
}

.main-cart .cont .abstract p span {
    font-weight: bold;
}

.main-cart .cont .abstract button {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    border: none;
    cursor: pointer;
    background-color: #ff6b00;
    color: #fff;
    font-size: 18px;
}

.main-cart .cont .abstract .box {
    position: sticky;
    top: 150px;
}

.main-cart .cont .abstract .total h3 {
    color: #333;
}

.main-cart .cont .abstract .shipping {
    margin-bottom: 30px;
}

.main-cart .cont .abstract .shipping li {
    margin-top: 10px;
}

.main-cart .cont .abstract .shipping label {
    display: block;
    line-height: 30px;
    font-size: 16px;
    ;}

.main-cart .cont .abstract .shipping label i {
    color: #ff0000;
}

.main-cart .cont .abstract .shipping select {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #ccc;
    font-size: 16px;
    box-sizing: border-box;
}

.main-cart .cont .abstract .shipping input {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #ccc;
    font-size: 16px;
    box-sizing: border-box;
}

.main-cart .cont .abstract .shipping input:focus {
    border-color: #ff6b00;
}

.main-cart .cont .abstract .note {
    padding: 30px 0;
}

.main-cart .cont .abstract .note h3 {
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 16px;
}

.main-cart .cont .abstract .note li {
    padding: 10px;
    background-color: #eee;
    font-size: 15px;
    line-height: 25px;
}

.notebox,.loadbox {
    position: fixed;
    padding: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-45%);
    opacity: 0;
    background-color: rgba(0,0,0,.5);
    border-radius: 10px;
    transition: all .5s;
}

.notebox p,.loadbox p {
    display: flex;
    line-height: 25px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    align-items: center;
}

.notebox p i {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 21px;
    margin-right: 5px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.notebox p i.success:after {
    content: "\f15e";
    font-family: dashicons;
}

.notebox p i.fail:after {
    content: "\f335";
    font-family: dashicons;
}

.notebox p i.error:after {
    content: "!";
    font-weight: bold;
}

.notebox.on,.loadbox.on {
    transform: translate(-50%,-50%);
    opacity: 1;
}

.main-success {
    padding: 7.29vw 0;
    text-align: center;
}

.main-success img {
    width: 150px;
    height: 150px;
}

.main-success h1 {
    font-size: 30px;
    line-height: 30px;
    margin-top: 20px;
}

.main-success p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
}

.main-faq {
    padding: 5vw 0;
    background-color: #000;
}

.main-faq h2 {
    line-height: 4vw;
    margin-bottom: 3vw;
    font-size: 3.5vw;
    font-family: 'LINESeedJP_OTF_Bd';
    color: #fff;
}

.main-faq details {
    width: 100%;
    padding: 1.3vw 0;
    border-bottom: 1px solid #000;
}

.main-faq details > * {
    margin-top: 1vw;
    padding-right: 3vw;
}

.main-faq details p {
    line-height: 1.5vw;
    font-size: 1vw;
}

.main-faq details summary {
    position: relative;
    list-style: none;
    line-height: 1.8vw;
    margin-top: 0;
    font-size: 1.3vw;
    font-weight: bold;
    color: #000;
}

.main-faq details summary:before {
    content: "\f345";
    position: absolute;
    right: 0;
    top: 0;
    width: 1.8vw;
    height: 1.8vw;
    line-height: 1.9vw;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #151515;
    box-sizing: border-box;
    font-family: dashicons;
    font-size: 1vw;
}

.main-faq details[open] summary:before {
    content: "\f347";
    line-height: 1.8vw;
}

.main-faq details:last-child {
    border: none;
}

.main-faq .main-width > .wp-block-group {
    padding: 2vw 4.5vw;
    background-color: #fff;
    border-radius: 1vw;
}

.main-faq .wp-block-separator {
    margin: 5vw 0;
}

.main-faq .describe {
    margin-top: 5vw;
}

.main-faq .describe h3 {
    position: relative;
    width: 100%;
    line-height: 2.6vw;
    margin-bottom: 2.3vw;
    padding-bottom: 1vw;
    font-size: 1.8vw;
}

.main-faq .describe h3 a {
    position: relative;
    display: block;
}

.main-faq .describe h3 a:before {
    content: "\f345";
    position: absolute;
    right: 0;
    top: 0.6vw;
    width: 1.4vw;
    height: 1.4vw;
    line-height: 1.5vw;
    padding-left: 0.1vw;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    font-family: dashicons;
    font-size: 1vw;
    box-sizing: border-box;
}

.main-faq .describe h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
}

.main-faq .describe h3:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 2px;
    background-color: #000;
}

.main-faq .describe p {
    line-height: 2vw;
    font-size: 1.2vw;
}

.main-faq .describe .is-vertical {
    padding: 1.5vw 2.85vw 2.85vw;
    border-radius: 0.8vw;
    background-color: #c9c9c9;
    background-image: url(/wp-content/uploads/2025/07/faq-bg.webp);
    background-size: cover;
}

@media only screen and (min-width: 640px) {
    .an-overall .animate {
        filter:alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        transition: transform .8s ease,opacity .8s ease;
    }

    .an-overall .ant {
        transform: translateY(80px);
    }

    .an-overall .anf {
        transform: translateX(-80px);
    }

    .an-overall .anr {
        transform: translateX(80px);
    }

    .an-overall .t1 {
        transition-delay: .2s;
    }

    .an-overall .t2 {
        transition-delay: .4s;
    }

    .an-overall .t3 {
        transition-delay: .6s;
    }

    .an-overall .t4 {
        transition-delay: .8s;
    }

    .an-overall .t5 {
        transition-delay: 1s;
    }

    .an-overall .t6 {
        transition-delay: 1.2s;
    }

    .an-overall .t7 {
        transition-delay: 1.4s;
    }

    .an-overall .t8 {
        transition-delay: 1.6s;
    }

    .an-overall.action .animate {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .an-overall.action .ant {
        transform: translateY(0);
    }

    .an-overall.action .anf {
        transform: translateX(0);
    }

    .an-overall.action .anr {
        transform: translateX(0);
    }
}