@charset "UTF-8";
/*!
Theme Name: SUNPLUS
Theme URI: 
Author: SUNPLUS
Author URI: 
Description: 株式会社サンプラスのテーマ
Version: 1.0.0
*/
:root{--red:#d81f27;--gold:#8c7000;--lightgray:#f6f6ff;--beige:#fbf6e5;--wihte:#fff;--rightred:#fce4e5}:root{font-size:100px}html{margin:0 !important;width:100%;overflow-x:hidden}*,*:before,*:after{--min-size:20;--max-size:32;--min-viewport:375;--max-viewport:1080;--slope:calc((var(--max-size) - var(--min-size))/(var(--max-viewport) - var(--min-viewport)));--intercept:calc(var(--min-size) - var(--slope)*var(--min-viewport));--fluid-size:calc(var(--slope)*100vw + var(--intercept)/100*1rem);--clamp-size:clamp(var(--min-size)/100*1rem,var(--fluid-size),var(--max-size)/100*1rem)}body{font-family:"Shippori Mincho B1",serif;color:#333;font-size:.14rem;line-height:1.8;margin:0;display:flex;flex-flow:column;min-height:100vh}@media (min-width:600px){body{font-size:.16rem}}main{margin:0 10px;flex:1}@media (min-width:600px){main{margin:0 37px}}@media (min-width:1081px){main{width:100%;max-width:1080px;margin:0 auto}}img{max-width:100%;height:auto;vertical-align:bottom}ul{list-style:none}a{color:inherit;text-decoration:none}a:hover{opacity:.8}.smallname{width:100%;color:#000;--min-size:12;--max-size:18;font-size:var(--clamp-size);margin-block:0;padding:0 .1rem;text-align:center}h2{font-size:.25rem;font-weight:700}@media (min-width:600px){.smallname{font-size:.14rem}h2{font-size:.35rem}}dd{margin:0}:focus-visible{outline:2px solid #cd820a;outline-offset:-2px}.header{position:relative;padding-left:10px}.header__container{display:flex;flex-wrap:nowrap;justify-content:space-between;position:relative}.header__logo{height:100%;display:block}.header__logo>a>img{width:20vw;max-width:88px}.header__btn{display:none}.header__nav{opacity:0;visibility:hidden;position:fixed;top:0;right:0;background-color:var(--beige);color:#000;z-index:1000;transform:translate(100vw,0) scale(0,0);transition:all .5s}.header__nav-list{height:100%;display:grid;justify-content:center;align-content:center;text-align:center;gap:50px}.logo{height:.6rem}@media (min-width:600px){.header__container{margin-left:25px}.header__btnwrap{display:flex}.header__btn{display:flex;margin:0}.header__btn>li{width:202px;height:60px;text-align:center}.header__btn>li>a{height:100%;display:flex;align-items:center;justify-content:center}.header__mail{color:#000;background-color:var(--lightgray);transition:background-color .3s}.header__mail>a:before{content:"\f0e0";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:8px}.header__tel{background-color:var(--gold);color:var(--wihte);letter-spacing:.22em;transition:opacity .3s}.header__tel>a{line-height:1.1;padding:10px}.header__mail:hover{background-color:#c5c5f5;transition:background-color .3s}.header__tel:hover{opacity:.8;transition:opacity .3s}.icon-tel:before{content:"\f879";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:8px}.small{font-size:.11rem;letter-spacing:0}}.header__navbtn{width:60px;height:60px;border:none;background-color:var(--red);cursor:pointer;position:relative;z-index:1010}.header__navbtn:before,.header__navbtn:after{content:"";display:block;margin:auto;width:30px;height:4px;background-color:var(--wihte);transition:transform .5s}.header__navbtn:before{transform:translateY(-5px)}.header__navbtn:after{transform:translateY(5px)}.header__navbtn.is-active:before{transform:translateY(2px) rotate(45deg)}.header__navbtn.is-active:after{transform:translateY(-2px) rotate(-45deg)}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.header__nav.is-active{width:min(95%,450px);height:100vh;opacity:1;visibility:visible;transform:translate(0,0) scale(1,1);transform-origin:right top;transition:transform .5s}.open html,.open body{height:100%;overflow:hidden}.hero{position:relative;overflow:hidden}.hero__catch{width:40vw;max-width:111px;position:absolute;z-index:10;top:50%;left:58%;transform:translateY(-50%);margin:0}@media (min-width:460px){.hero__catch{max-width:100%}}@media (min-width:768px){.hero__catch{left:60%}}@media (min-width:900px){.hero__catch{left:68%}.hero__catch>img{width:30vw;max-width:330px}}.swiper{width:100%;height:210px}@media (min-width:460px){.swiper{height:304px}}@media (min-width:600px){.swiper{height:40%}}.swiper-slide img{width:100vw;height:100%;object-fit:cover}@media (min-width:1100px){.swiper-slide img{width:100%;min-width:1380px;height:auto}}.swiper-slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.swiper-pause{padding:0;border:none;font:inherit;color:inherit;background:0 0;cursor:pointer}.hero-nav{width:fit-content;display:flex;align-items:center;gap:.3rem;background-color:var(--beige);border:1px solid var(--red);position:absolute;right:0;bottom:0;z-index:100;padding-block:10px;padding-inline:20px}.swiper-pagination{position:static}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{width:fit-content}.swiper-pagination-bullet{background-color:#5c5c5c;opacity:1}.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--red)}.section__title{position:relative;width:234px;height:68px;margin:51px auto}.section__title>h2{font-size:.18rem;letter-spacing:.2em;text-align:center;line-height:68px}.section__title:before{content:"";position:absolute;display:block;width:19px;height:19px;background-color:var(--red);top:0;left:0}.section__title:after{content:"";position:absolute;display:block;width:19px;height:19px;background-color:var(--red);bottom:0;right:0}@media (min-width:600px){.section__title{width:388px;height:85px}.section__title>h2{font-size:.3rem;letter-spacing:.2em}}.conceptbg{display:grid;--min-size:20;--max-size:40;gap:var(--clamp-size);margin:22px auto;padding:43px 0;position:relative}.conceptbg:before{content:"";width:100%;height:100%;display:block;background-color:rgba(255,252,241,.9);position:absolute;top:0;right:0;z-index:5}.conceptbg:after{content:"";width:100%;height:100%;display:block;background-image:url(//spls-3.com/wp-content/themes/sunplus/img/conbg_pc.webp);background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:0}.conceptbg>p{width:100%;text-align:center;font-weight:700;letter-spacing:.22em;line-height:2.5;font-size:min(4.1vw,25px);margin-block:0;position:relative;z-index:10}.contxt-st{color:var(--red);font-size:min(5vw,30px)}.conbtn{display:flex;justify-content:center;position:relative;z-index:10}.conbtn>a{display:block;background-color:var(--red);width:40%;min-width:143px;height:46px;color:var(--wihte);text-align:center;line-height:46px;letter-spacing:.22em;transition:all .3s;position:relative}.conbtn>a:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:var(--gold);transform-origin:50% 0%;transform:scaleY(0);transition:transform ease .3s}.conbtn>a:hover{color:#fff}.conbtn>a:hover:before{transform-origin:50% 100%;transform:scaleY(1)}@media (min-width:768px){.conbtn>a{width:216px;height:70px;line-height:70px}}.products-link{width:100%;height:100%;aspect-ratio:1/1;display:block;background-color:var(--beige);padding-top:.3rem;padding-bottom:min(2vw,.22rem)}.pickup__inner{display:flex;gap:1em}.pickup__products-container{width:100%;display:flex;flex-wrap:wrap;gap:.14rem;margin-block:0;padding-inline-start:0}.pickup__products-item{width:100%;position:relative}@media (min-width:768px){.pickup__products-item{width:calc((100% - 30px)/2)}}.pickup__products-img{width:50%;height:100%;transition:.3s}.pickup__products-img:hover{transform:scale(1.1,1.1);transition:.3s}.rotate{width:100%;height:100%;display:grid;align-content:space-between;justify-items:center;position:relative;transition:.5s;z-index:2;backface-visibility:hidden}@media (min-width:960px){.pickup__products-img:hover{transform:none;transition:none}.pickup__products-item>a:hover .rotate{transform:rotateY(180deg)}.pickup__products-item>a .rotate_desc{position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--red);transform:rotateY(180deg);transition:transform .5s;z-index:1;backface-visibility:hidden;color:var(--wihte)}.rotate_desc-img{width:40%;max-width:200px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);opacity:.2}.pickup__products-item>a:hover .rotate_desc{transform:rotateY(0)}.rotate_desc-inner{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);width:84%;max-width:280px;max-height:280px;font-size:.14rem}.rotate_desc-inner>p{line-height:1.2em}.rotate_desc-inner>dl{display:flex;flex-wrap:wrap}.rotate_desc-inner>dl>dt{width:20%}.rotate_desc-inner>dl>dd{width:80%}.more{width:170px;color:#000;background-color:var(--wihte);padding:10px;text-align:center;position:absolute;right:0}}@media (min-width:1080px){.rotate_desc-inner{font-size:.18rem}}.products-msg{position:sticky;top:0;--min-size:50;--max-size:86;width:var(--clamp-size);height:100%;background-color:var(--red);padding-block:min(10vw,1.2rem)}.products-msg>p{width:100%;height:fit-content;--min-size:12;--max-size:20;font-size:var(--clamp-size);color:var(--wihte);letter-spacing:.5em;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;margin:0}.new{margin-bottom:80px}.new__products-container{display:flex;flex-wrap:wrap;gap:.04rem}.new__products-item{width:calc((100% - .04rem)/2);position:relative}@media (max-width:340px){.new__products-container{display:block}.new__products-item{width:100%}}@media (min-width:768px){.new__products-item{width:calc((100% - .08rem)/3)}}.new__products-img{width:50%;height:100%;overflow:hidden;transition:.3s}.new__products-img:hover{transform:scale(1.1,1.1);transition:.3s}@media (min-width:960px){.new__products-img:hover{transform:none;transition:0}.new__products-item>a:hover .rotate{transform:rotateY(180deg)}.new__products-item>a .rotate_desc{position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--red);transform:rotateY(180deg);transition:.5s;z-index:1;backface-visibility:hidden;color:var(--wihte)}.rotate_desc-img{width:40%;max-width:200px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);opacity:.1}.new__products-item>a:hover .rotate_desc{transform:rotateY(0)}.new__products-item>a>p{position:absolute;bottom:0;left:50%;transform:translateX(-50%);line-height:2;vertical-align:middle}.new__products-item>a>p{margin:0 0 20px}.new__products-item>a>p:after{bottom:-1px}}@media (min-width:1280px){.new__products-item>a>p{bottom:4%}}.new__products-btn{text-align:end;margin:40px 0}.new__products-btn>a{font-size:.16rem;line-height:1;vertical-align:middle}.new__products-btn>a:before{content:"";background-image:url(https://spls-3.com/wp-content/themes/sunplus/img/icon1.png);background-repeat:no-repeat;background-size:contain;display:inline-block;width:18px;height:18px;margin-right:5px;margin-bottom:2px}@media (min-width:768px){.new__products-btn{padding:55px 0}.new__products-btn>a{letter-spacing:.3em}.new__products-btn>a:before{margin-right:9px}}.news{border-top:solid 1px var(--gold);margin-bottom:80px}.news__title{position:relative;width:234px;height:68px;margin:51px auto}.news__title>h2{font-size:.18rem;letter-spacing:.5em;text-align:center;line-height:68px}@media (min-width:600px){.news__title{width:388px;height:106px}.news__title>h2{font-size:.3rem;letter-spacing:.2em}}.news__container>ul>li:not(:last-child){padding-bottom:27px}.news__date{letter-spacing:.1em;padding-right:20px}@media (min-width:900px){.news{display:flex;padding:30px}.news__title{width:30%;margin:80px auto}.news__container{width:70%}}.footer{background-image:url(https://spls-3.com/wp-content/themes/sunplus/img/footer_background.png);background-repeat:repeat-x;background-size:contain}.footer__container{color:#000;text-align:center;padding:33px 0 50px}.footer__company-address{padding:30px 0}.footer__menu>ul{padding:0}.footer__menu>ul>li:not(:last-child){padding-bottom:15px}@media (min-width:600px){.footer__container{display:flex;max-width:1080px;margin:0 auto}.footer__company{width:calc(100%/2);padding-left:90px;text-align:start}.footer__contact{width:calc(100%/3)}.footer__cotact-title{font-size:.3rem;letter-spacing:.17em;padding-bottom:17px}.footer__cotact-tel{font-size:.2rem;font-weight:700;letter-spacing:.22em;padding-bottom:19px}.footer__cotact-tel>span{font-size:.14rem;letter-spacing:0}.footer__cotact-tel:before{content:"\f879";font-family:"Font Awesome 5 Free";font-weight:900}.footer__contact-mail{width:307px;height:76px;background-color:var(--red);border-radius:10px;margin:0 auto}.footer__contact-mail>a{display:block;text-align:center;padding:24px;color:var(--wihte)}.footer__contact-mail>a:before{content:"\f0e0";font-family:"Font Awesome 5 Free";font-weight:900;padding-right:8px}.footer__contact-mail:hover,.footer__contact-mail>a:hover{opacity:.8}.footer__menu{width:calc(100%/3)}}@media (min-width:960px){.footer__company{width:calc(100%/3)}}.footer__bar{position:fixed;right:0;bottom:0;z-index:999;width:100%}.footer__bar>ul{padding:0;margin:0;display:flex;flex-wrap:wrap;background:rgba(246,246,255,.9);border-top:solid 1px var(--gold);table-layout:fixed;text-align:center;width:100%}.footer__bar-item{flex:1;padding-top:10px}.footer__bar-item>a{display:block;padding:0 0 10px}.mail{border-right:solid 1px var(--gold)}.mail:before{content:"\f0e0";font-family:"Font Awesome 5 Free";font-weight:900}.tel:before{content:"\f879";font-family:"Font Awesome 5 Free";font-weight:900}.copyright{text-align:center;padding-bottom:80px}@media (min-width:600px){.footer__bar{display:none}.copyright{padding:10px}}@media print{.footer{display:none}.footer__bar{display:none}}.sp-only{display:block}.pc-only{display:none}@media (min-width:960px){.sp-only{display:none}.pc-only{display:block}}.error-404{display:flex;flex-direction:column;align-items:center;justify-content:center}.error-404-link{width:fit-content;font-size:.16rem;color:var(--wihte);display:block;background-color:var(--red)}