/*
Theme Name:リユースショップBONBON
*/

/* よくあるご質問セクション */
.schema-faq.wp-block-yoast-faq-block {
  background: #f8f8fc;
  
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  border-left: 4px solid #160a36;
  transition: transform 0.3s ease;
}
.schema-faq.wp-block-yoast-faq-block:hover {
  transform: translateY(-3px);
}
div#faq-question-1749176878226{
    text-align: left;
}
/* 質問 */
.schema-faq-question {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #0d3445;
    margin-bottom: 0.5rem;
}

.schema-faq-question::before {
  content: "Q";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
  background:#456391; /* 青系 */
  width: 1.8em;
  height: 1.8em;
  font-size: 0.95rem;
  border-radius: 6px;
  margin-right: 0.6em;
  flex-shrink: 0;
}

/* 回答 */
.schema-faq-answer {
  display: flex;
  align-items: flex-start;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #333;
  margin-bottom: 1.2rem;
  text-align: left;
}

.schema-faq-answer::before {
  content: "A";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
  background: #ffb347; /* 赤系 */
  width: 1.8em;
  height: 1.8em;
  font-size: 0.95rem;
  border-radius: 6px;
  margin-right: 0.6em;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
.schema-faq-question {
    font-size: 1.25rem;
}
}



.mt-0 { margin-top: 0 !important; }
.mt-20 { margin-top: 20px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-60 { margin-top: 60px !important; }

/* 下マージン */
.mb-0 { margin-bottom: 0 !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-60 { margin-bottom: 60px !important; }

/* パディングも必要なら追加 */
.pt-20 { padding-top: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }
.image-button-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 700px; /* 必要に応じて調整 */
  text-align: center;
}

.image-button-wrap img {
  width: 100%;
  height: auto;
  display: block;
}

.image-overlay-button {
  display: inline-block;
  margin-top: 12px;
  background-color: #FFB347;
  color: #fff;
  padding: 12px 24px;
  border-radius: 9999px;
  font-weight: bold;
  font-size: 1.5rem;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.image-overlay-button:hover {
  background-color: #FF9247; /* 少し濃いオレンジに */
  color: #fffbe7; /* やや柔らかい白系に */
  transform: scale(1.05); /* ふわっと拡大 */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); /* 影を強めに */
}

.not-found {
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/404.png);
    background-size: contain;
    background-color: #f7f1f1;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: center;
}
.top h2{
    margin-bottom: 0;
}
.custom-button-wrapper {
  max-width: 400px;
  margin: 2rem auto;
  text-align: center;
}

.custom-button-link {
  display: inline-block;
  padding: 1em 6em;
  font-size: 1.1rem;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background-color: #456391; /* 紺色ベース */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
  line-height: 1.5;
}

.custom-button-link:hover {
  background-color: #0a2a5d; /* 少し明るい濃紺に */
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.35);
}

.custom-heading.with-icon {
  position: relative;

  line-height: 1.3;
  
  width: 100%;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  margin: 0 auto;
  max-width: 900px; /* 幅制限して中央寄せ感を強める */
  text-align: center;
}
.wp-block-columns.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
h2.custom-heading.with-icon {

  font-size: 1.8rem;
  font-weight: 600;
}



.wp-block-image.aligncenter,
.wp-block-image .aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.wp-block-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/**ここまで*/
.buying.col-lg-8.gy-2.mt-5.underline-Area {

    border-radius: 16px;
    text-align: left;
}
.underline-Area {
   
    text-align: left;
}

.buying-inner {
    display: flex;
    flex-wrap: wrap;
}
.buying.col-10.gy-2.mt-5 {
    border: rgb(25, 22, 219) solid 1px;
    border-radius: 16px;
}


ul.disp-undertext.buying>li>span {
  
    
    color: #181717;
   
    padding: 1px 6px;
    display: inline-block;
    width: 100%;
}
.titlewrap {
    position: absolute;
    top: 0;
    overflow: hidden;
}
.dashed {
    position: absolute;
    width: 90%;
    border-bottom: 1px dashed black;
    /* top: 80%; */
}
p.h3-after {
    position: absolute;
    background: #ffffff9e;
    color: #131414;
    top: 0rem;
    left: 8rem;
    /* padding: 0 1rem 0 3rem; */
    font-weight: 400;
    font-size: 1.25rem;
    height: 8rem;
    width: 100%;
    line-height: 8rem;
}

ul.tenpo,ul.office,ul.house{
  height: 300px;  
background-size: cover;
color:white;
border: 2px solid white;

position: relative;
}
ul.tenpo{
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tenpogaikan.jpg);
}
ul.office{
    background-image:url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/officegaikan.jpg);
}
ul.house{
    background-image:url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/zitakuhikkosi.jpg);
}
.h1block {
   
    text-align: center;
    /* padding: 0rem; */
    position: relative;
  
    background-size: cover;
}
.h1block.buying,.h1block.howto{
   
    background-position: center;
    background-repeat: no-repeat;
  
    animation: fadeinbackground 2s ease-in-out 0s 1 normal both;
}
.h1block.buying {
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/buying-bunner2.webp);
    height: 400px;
}

.h1block.howto{
    height: 250px;
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/howtobunner2shot.png);
}

.h1block.buying>p, .h1block.howto>p {
    position: absolute;
    /* top: -3rem; */
    left: 0;
    right: 0;
    margin: auto;
    /* background-color: #0a0b0c9e; */
    display: inline-block;
    width: fit-content;
    padding: 1rem;
    color: #f9fafb;
    font-weight: 300;
    bottom: 0;
    font-size: 1.5rem;
}
.h1block>p{
    
} 
.h1block.buying>p>span {
    /* border: 1px solid #0f0f10; */
    border-radius: 16px;
    background-color: white;
    color: black;
    padding: 8px;
    margin: 6px;
}
ul.howtouse {
    position: relative;
}
img.arrow {
    position: absolute;
    width: 40px;
    top: 50%;
    right: -25%;
}

li.howtouse.col-12.text-left>p {
    padding: 0 1rem;
}

figure.howtouuse.col-12>img {
    width: 100%;
}
p.linkinnner-re-p {
    color: #1c1a1a;
    position: relative;
    background-color: #160a36;
    padding-top: 1rem;
    font-weight: bold;
    padding: 0.5rem;
    z-index: 12;
    border-radius: 16px;
    /* top: 20%; */
    opacity: 1;
    right: 2%;
    left: 0;
    right: 0;
    width: fit-content;
    margin: auto;
    /* bottom: 10%; */
    border: black 1px solid;
    color: #ffc107;
}
@media screen and (max-width: 500px) {
figure.howtouuse.col-12>img {
    width: 90%;
}

}
i.fa.fa-angle-down {
    position: absolute;
    top: 72%;
    color: white;
    right: 0;
    left: 0;
}
i.fa.fa-angle-down.itembox {
    position: absolute;
    top: 60%;
    color: #274c77;
    right: 42%;
    left: 0;
}
.howtouuse.circle{
    background-color: white;
    text-align: center;
    height: 90px;
    width: 90px;
    position: relative;
    margin: 0;
    border: 3px solid #274c7785;
    border-radius: 50% 50%;
    box-shadow: 0 5px 0 #0842987d;
}
.howtouuse.circle>span {
    color: #274c77;
    position: relative;
    top: 1rem;
    display: inline-block;
    width: 100%;
}
.howtouuse.circle:hover{


-webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  -webkit-box-shadow:0 5px 0 #084298d9;
  box-shadow: 0 2px 0 #5703f3;
}

figure.howtouuse.circle>img {
    /* width: 80px; */
    position: absolute;
    width: 30px;
    top: 45px;
    /* bottom: 0; */
    right: 0;
    left: 0;
    margin: auto;
}
figure.howtouuse.circle>figcaption {
    position: absolute;
    top: 1rem;
    left: 0;
    right: 0;
    color: #274c77;
    font-size: 1rem;
    font-weight: 800;
}

.howtouse.online.osusume,.howtouse.tel.osusume{
 margin-top: 3rem;  
}

#tel,#online{
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #e5e9eb57;
}
li.col-12.title {
    position: absolute;
    top: -3rem;
}
/**
#online{
    background-image: url(https://fa-fa.site/sakata/img/howtobunneronline.jpg);
   
}
#tel{

    background-image: url(https://fa-fa.site/sakata/img/howtousemen.jpg);
  
    

}*/
.buying.wrap1,.buying.wrap2,.buying.wrap3{
    position: relative;
}
figure.howtouse.tel, figure.howtouse.online {
    /* padding-left: 1rem; */
   
    position: relative;
    padding: 1rem 0rem 0rem 1rem;
}
figure.howtouse>figcaption {
    position: absolute;
    top: -2rem;
    right: 1rem;
}
figure.howtouse>img{
    width: 100%;
    margin: auto;
    
}

.kaitori-con {
    z-index: 10;
    background-color: #e1e3e536;
    /* margin-top: 1rem; */
    padding: 1rem 1rem 0rem 1rem;
}
p.page.howto {
    background-color: #f9fafb99;
    color: black;
    font-weight: 500;
}
img.imageicon {
    width: 4rem;
   
}
figure.kaitori {
    position:relative;
   
    
    overflow: hidden;
    text-align: end;
    opacity: 0.8;

}

figure.kaitori>img {
    width: 100%;
    height: auto;
 
}


@media screen and (max-width: 767px) {
    .howtouse.online.osusume,.howtouse.tel.osusume{
        background-size: cover;
        
   }
   .image-overlay-button{
    font-size: 1.2rem;
   }
   figure.howtouse.tel,figure.howtouse.online{
    padding-right: 0rem;
    align-self: center;
}
   li.howtouse.col-12.text-left {
    margin-top: 0rem;
 }
    figure.howtouuse.col-12 {
        position: relative;
    }
    figure.howtouse>img{
        width: 100%;
        margin: auto;
    }

    figure.kaitori {
        position: relative;
        right: 0;
        height: auto;
        overflow: hidden;
        text-align: end;
        opacity: 0.8;
        /* bottom: 50%; */
        top: 0%;
        width: 100%;
    }

    figure.kaitori>img {
        width: 100%;
        height: auto;
        padding: 1rem;
        opacity: 0.7;
    }
   
}
    .h1block.buying{
        height: 300px;
    }
    h1block>p {
        top:-4rem;
    }
  
   
.h1block.buying {
   
}

/***
h3.page>p::before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    position: absolute;
    font-size: 2rem;
    left: 0rem;
    top: 0.5rem;
    color: #5ab9ff;
    font-weight: 900;
}
*/
img.linkaria {
   
    width: 100%;
    border-radius: 16px;
}
a.linkaria>img :hover{
    transform: translate(8px, 8px);
}
.linkaria {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  
    margin: auto;
    position: relative;
}
p.linkaria {
    position: relative;
    top: -5rem;
    background-color: #0d6efd;
    padding: 1rem;
    color: white;
}
p.circle {
    background-color: #fff;
 
    margin: 0.5rem;
    color: #274c77;
    font-size: 1rem;
}
.disp-undertext.satei{
display: flex;
flex-wrap: wrap;

list-style: none;
padding: 0;
position: relative;

border-radius: 16px;
}

ul.disp-undertext{
    position: relative;

 
}

ul.disp-undertext.buying.justify-content-center.text-center>p {
    width: 100%;
    color: black;
    position: relative;
    bottom: -3rem;
   
}
ul.disp-undertext.buying.justify-content-center.text-center>li.col-md-2.col-4 {
    display: flex;
    flex-wrap: wrap;
    border: #202122 1px solid;
    border-radius: 16px;
}



li.satei>img {
    border-style: none;
    width: 60%;
}
li.satei.col-lg-2.col-md-3.col-5.mt-5>span {
    display: inline-block;
}
li.satei, li.howtouse {
   
 
    border-radius: 16px;

    position: relative;
    /* border: 1px solid black; */
    align-self: center;
}
@media screen and (max-width: 767px) {
li.satei{

    display: flex;
}}


li.satei>span {
    font-size: 1rem;
}
span.red {
    color: red;
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    padding-top: 2rem;
}
span.satei,span.howtouse {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
}
span.satei>p {
    position: absolute;
    right: 1.5rem;
    top: -1rem;
    font-size: 2rem;
    font-weight: 800;
}
.h2-under.container.buying.pb-4{
    /***
   background-image: url(https://fa-fa.site/sakata/img/satei.jpg);
    background-size: cover;
   */
    height: 200px;
    background-position: 0% 16%;
}
h2.post {
    width: 100%;
    font-weight: bold;
}
    .filter {
        width: 80%;
        margin: auto;
        text-align: left;
        
    }

    .spanbox {
        border: 1px solid #6096ba;
        padding: 1rem;
        border-radius: 16px;
        width:fit-content;
    }
@media screen and (max-width: 820px) {
    .disp-undertext.satei{
       
    }
        li.satei>img {
            border-style: none;
            width: 50px;
            height: auto;
        
    }
    img.arrow {
        transform: rotate(90deg);
        top: 107%;
        right: 0;
        left: 0;
        margin: auto;
    }

    .h2-under.container.buying.pb-4{
        background-position: 30% 10%;
        height: 150px;
    }
    
li.satei {
    margin: 1rem auto;
    /* background-color: #2c2828; */
    justify-content: space-between;
    text-align: center;
    padding: 2rem;
   
}
.filter {
   
    width: 100%;
    margin: auto;
    
    lign: left;
}

}




.filter>p.p-1 {
    width: 80%;
    margin: auto;
   
}


/***HOWTOUSE****/

ul.howtouse.disp-undertext.satei.justify-content-evenly {
    margin: 1rem auto;
   
    background-repeat: no-repeat;
   
    
   
}
ul.howtouse.col-md-3.col-10.boxshadow.px-0.justify-content-center.mb-3.md-md-0{
    background-color: white;
}
ul.howtouse.justify-content-center.text-center.pt-5 {
    padding-bottom: 5rem;
}
/**
.howtouse1,.howtouse2{
    background-size: cover;
}
.howtouse1{
    background-image: url("https://fa-fa.site/sakata/img/1399773_s.jpg");
}
.howtouse2{

background-image: url("https://fa-fa.site/sakata/img/tel.jpg");
}
*/

ul.howtouse.disp-undertext.satei.justify-content-evenly.howtouse1,ul.howtouse.disp-undertext.satei.justify-content-evenly.howtouse2{
 /** background-image: url("http://closehauled.cranky.jp/fa-fa/25231578_s.jpg");*/

 border: 5px solid  #9d9b95;
 background-repeat: no-repeat;


 border-radius: 16px;
 width: 90%;
}
li.howtouse>img {
    width: 100px;
    padding: 1rem;
}
@media screen and (max-width: 820px) {
ul.howtouse.disp-undertext.satei.justify-content-evenly.howtouse1, ul.howtouse.disp-undertext.satei.justify-content-evenly.howtouse2{
    width: 100%;
}
li.howtouse>img {
    width: 80px;
    padding: 1rem;
}
}

.balloon4 {
    position: relative;
    margin: 0;
    padding: 15px;
    border-radius: 30px;
   
    background-color:#dddddd;
 
}
.balloon4>p {
    padding: 0.5rem;
}
  

  .balloon4 p {
    margin: 0; 
    padding: 0;
  }
  
  @media screen and (max-width: 767px){
    
    .balloon4 {
        position: relative;
        margin: 0;
        padding: 15px;
        margin-top: 3rem;
        border-radius: 30px;
    }
    .balloon4:before {
        content: "";
        position: absolute;
        left: 10rem;
        width: 13px;
        height: 12px;
        /* bottom: 0; */
       
        border-radius: 50%;
        bottom: -2rem;
    }

  .balloon4:before {
    content: "";
    position: absolute;
    left: 10rem;
    width: 13px;
    height: 12px;
    /* bottom: 0;*/
  
    border-radius: 50%;
    bottom: -2rem;
}

.balloon4:after {
    content: "";
    position: absolute;
    left: 11rem;
    width: 28px;
    height: 18px;
    bottom: -1rem;
   
    border-radius: 50%;
}

}


.box.col-12 {
    position:relative;
    bottom: 0;
  
    text-align: center;
    margin-top: 1rem;
    align-self:center;
}
.box.col-12>p {
    margin-bottom: 0;
    line-height: 1.5rem;
   text-align: left;
    
   
    width: 100%;
}

figure.howto >img{
    width: 100%;
}
img.height {height: 3rem;}

ul.howtouse {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
 
}
p.mini {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding: 0 1rem 0rem 1rem;
}
ul.osususme {
   
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding-left: 0;
}
figure.osusume {
    text-align: center;
}
ul.osususme>p {
    text-align: center;
    width: 100%;
    font-weight: 800;
}
li.osususme {
    text-align: center;
    vertical-align: baseline;
  
   
}
li.osususme>p {
    margin-bottom: 0;
   
    color: rgb(27, 8, 8);
}
li.howtouse.osusume.col-md-5.col-12 {
    background-color: white;
}
li.howtouse>span {
    position: relative;
    font-size: 1.5rem;
    color: black;
    width: 100%;
    display: inline-block;
    margin-top: 1rem;
}

.buying.justify-content-around.container.wrap{
    position: relative;
}

section.item-container{
    background-color: #e5dfdf30;
}
/***item*/
ul.itemlist {
    padding-left: 0;
    align-self: flex-start;
    padding-bottom: 2rem;
    margin: auto;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.5);
    background-color: white;
    position: relative;
    padding: 0 1rem 2rem 1rem;
}

.filter2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffffab;
}
.filter3 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff26;
}
.maker>li.col-12{position: relative;
}

.maker>li.col-12:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50% 50%;
    background-color: #ffc107;
    left: -1rem;
    top: 0.25rem;
    /* bottom: 50%; */
    line-height: 0.75rem;
}
h1.page {
    font-size: 1.5rem;
    margin: 0.67em 0;
    line-height: 2rem;
    font-weight: bolder;
    background-color: white;
}
ul.page.item {
    height: 150px;
    margin: 0 auto;
    /* padding: 32px 0 0 30px; */
    font-size: 36px;
    font-weight: normal;
    line-height: 1;
    background: no-repeat center/contain;
    position: relative;
       
        background-color:#b1b2b369;



    }
    section.item{
        margin-top: 3rem;
    }
    h1.page.item {
        font-size: 2rem;
        font-weight: 600;
        line-height: 1;
        background: no-repeat center/contain;
        position: absolute;
        top: 4rem;
        padding-left: 3rem;
        color: rgb(22, 21, 21);
         background-color: #fdf9f9bd ;
        padding: 1rem;
        width: 50%;
        left: 0;
        right: 0;
        margin: auto;
    }
ul.page.item.kaden{
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kadenback.webp);
    width: 100%;
    height: 30vw;
    background-color: white;
    background-size: cover;
    background-position: inherit;
}
ul.page.item.car{
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/uploads/2023/11/car.webp);
    width: 100%;
    height: 30vw;
    background-color: white;
    background-size: cover;
    background-position: center;
}

ul.page.item.tyuubou {
    /* background-image: url(https://reuse-bonbon.stripper.jp/reuse-bonbon/wp-content/themes/reuse-bonbon/img/bunnertyuubou.png); */
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tyuubouback.webp);
    width: 100%;
    height: 30vw;
    background-color: white;
    background-size: cover;
    background-position: inherit;
}



ul.page.item.kaigo{
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaigoback.webp);
    width: 100%;
        height: 30vw;
        background-color: white;
        background-size: cover;
        background-position: left;
}
ul.page.item.kougu{
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/bunnerkougu.png);
    
      background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/homeback.webp);
        width: 100%;
        height: 30vw;
        background-color: white;
        background-size: cover;
        background-position: left;
    }

ul.page.item.office{
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/officeback.webp);
    width: 100%;
    height: 30vw;
    background-color: white;
    background-size: cover;
    background-position: left;
}
ul.page.item.others{
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/othersback.webp);
    width: 100%;
    height: 30vw;
    background-color: white;
    background-size: cover;
    background-position: center;
}
ul.page.item.tenpo{
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/bunnertenpo2.webp);
    width: 100%;
    height: 30vw;
    background-color: white;
    background-size: cover;
    background-position: left;
}
ul.page.item.brand{
    /*background-image: url(https://reuse-bonbon.stripper.jp/reuse-bonbon/wp-content/themes/reuse-bonbon/img/bunnerdesigner.png);*/
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaguback-1.webp);
    width: 100%;
    height: 30vw;
    background-color: white;
    background-size: cover;
    background-position: left;
}
ul.page.item.zyuutaku{
    /*background-image: url(https://reuse-bonbon.stripper.jp/reuse-bonbon/wp-content/themes/reuse-bonbon/img/bunnerdesigner.png);*/
    background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/uploads/2025/08/zyuutakusetubi.webp);
    width: 100%;
    height: 30vw;
    background-color: white;
    background-size: cover;
    background-position: left;
}
li.toptext {
    position: relative;
    bottom: 0;
    width: 100%;
    /* left: 3rem; */
    padding: 1rem;
    z-index: 30;
    top: -6rem;
    background-color: #fdf9f9bd;
    text-align: center;
}
.card-body.hover-non.item>li {
    border-bottom: 1px solid #6c757d47;
}
.card-body.hover-non:before{
display: none;
}
h1.page.houzin {
    font-size: 1.5rem;
    margin: 0.67em 0;
    line-height: 2rem;
    font-weight: bolder;
    background-color: #f0f8ff00;
    color: white;
    border-bottom: 2px solid white;
    padding: 1rem 0;
    font-family: serif;
}
h1.page.item:before {
    content: "";
    font-size: 0.75rem;
    top: 0;
    position: absolute;
    color: #221f1f;
    top: -3.5rem;
    /* left: 50%; */
    /* right: 50%; */
    margin: auto;
}
h1.page.item.before-none:before{
    opacity: 0;
    content: "";
}
h1.page.buying, h1.page.howto {
    text-align: center;
    display: inline-block;
    color: #161718;
    display: inline-block;
    width: fit-content;
    height: fit-content;

    background-color: #2e303400;
    border-radius: 16px;
    font-size:1.5rem;
    margin-bottom: 0;
    padding: 1rem;
    height: 4rem;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    padding-right: 2rem;
   

    font-weight: 700;
}
h1.page::before{
    position: absolute;
    font-size: 1rem;
    left: 0;
    right: 0;
    margin: auto;
    top: -1rem;
}

h1.page.howto::before {
   
    content: "出張買取";
    
}
h1.page.buying::before{
    content:"1点からおうかがい";
}

.single_content>h2 {
    width: 100%;
}

.list-box-right>h2 {
    width: 100%;
}
h2.main,h1.main {
    position: relative;
   
}

h2.page {
    width:auto;
    color:rgb(5, 5, 5);
    line-height: 2rem;
    padding: 0.25rem;
    font-size: 1.5rem;
    position: relative;
    font-weight: 600;
    
    
}
h2.page:after {
    content: "";
    width: 30%;
    height: 3px;
    /* top: 0; */
    position: absolute;
    color: black;
    left: 0;
    right: 0;
    border-bottom: 3px solid black;
    bottom: -3PX;
    margin: auto;
}
h2.page.item:before {
    
    /* top: 0; */
    position: absolute;
    color: #2e3032;
    left: 0;
    right: 0;
    /* border-bottom: 3px solid black; */
    bottom: -2.5rem;
    margin: auto;
    font-size: 0.75rem;
}
h2.zisseki{
    height: 4rem;
    padding: 1rem 3rem;
    background-color: #061e3f;
    color: white;
    border-radius: 16px;
    width: fit-content;
    margin: auto;
    top: 2rem;

}
h2.after-none:after{
display: none;
}
h2.page.buying {
    position: absolute;
    left: 0;
    right: 0;
    /* bottom: 0; */
    top: 52%;
    /* bottom: 50%; */
    line-height: 1.25rem;
    margin-top: 0;
    color: white;
}
h2.page.buying2, h2.page.howtouse {
    color: white;
   
   background-color: #274c77;
}
h2.page.houzin{
    background-color: #414448;
}
h2.page.buying:after, h2.page.howtouse:after {
   display: none;
}
h2.page.howto {
    color: #363030;
    background-color: #f9fafb00;
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
}
h2.page.howtouse.simple {
    color: #274c77;
    background-color: white;
    text-align: left;
}
.h2-under {
    width: 80%;
    margin: auto;
    text-align: left;
  
   
}
.h2-under.container>p {
    margin-bottom: 0;
    padding: 0 1rem;

    width: 80%;
    margin: auto;
}

ul.itemlist>ul.wrap>img {
    border-style: none;
    width: auto;
    height: 150px;
    margin: auto;
}

@media screen and (max-width: 821px)
{
    .filter2{
        background-color: #ffffffb8;}


        .filter3 {
            position: absolute;
            background-color: #ffffff59;
            width: 100%;
            height: 100%;
        }
    .h2-under{
        width: 100%;
    }
    .h2-under.container>p{
        width: 100%;
    }
    h2.page:after {
       
        width: 70%;
       
    }

    h1.page.item{
        left:1rem;
        font-size: 1.5rem;
        top:0;
        padding-left: 0;
    }
    ul.page.item {
        margin-top: 0;
    }
    
}



h4.card-text.col-11.mx-auto {
    font-size: 1rem;
}
h3.item-list-page {
    height: 4rem;
    text-align: left;
    color: black;
    line-height: 1.5rem;
  
    /* margin-top: 3rem; */
    padding-top: 1.5rem;
    /* background-image: linear-gradient(94deg, #274c77 0%, #52647a 50%, #acc7df 100%); */
    margin-top: 0;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
}
h3.item-list-page::before{
    position: absolute;
    content: "";
    display: block;
    width: 5px;
    height:3rem;
    background-color:white;
    position: absolute;
    top: 20%;
    left: 10px;

}
h3.item-list-page::after{
    position: absolute;
    content: "";
    width: 100%;
    background-color: black;
}
h4.item{
    font-size: 1rem;
    font-weight: bold;
}
h3.page {
  
    color: #0a0b0c;
    font-size: 1rem;
   
   
 
    padding: 1rem;
    line-height: 1.45;
    display: inline-block;
    display: -ms-flexbox;
   
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;

    border-radius: 10px 10px 0 0;

    }
    p.soudan {
        
        line-height: 2rem;
      
       
        margin: auto;
       
    }
    img.icon {
        position: absolute;
        top: -2rem;
        /* left: 90%; */
        left: 31%;
        margin: auto;
    }
    h3.howtouse.widthauto {
        width: 14rem;
        padding-top: 0;
        line-height: 1.5rem;
        font-size: 1.25rem;
        text-align: left;
    }
    h3.page.howto {
        padding: 0;
        top: -6rem;
        display: inline-block;
        font-weight: 100;
        /* left: -32%; */
        /* position: absolute; */
        /* right: 0; */
        width: fit-content;
    }
    h3.howtouse {
        position: relative;
        padding-bottom: 1rem;
        top: 0;
        font-size: 1.5rem;
        color: #28292a;
        font-weight: 800;
        z-index: 10;
        
        /* left: -3rem; */
    }
    
    h3.page.howto-b
{
    padding: 0;
    font-weight: 600;
    font-size: 1.5rem;
}
figure.caution {
 align-self: center;
}
img.caution{
    height: 100px;
    width: auto;
}

   
    h3.howtouse.step{
        font-size: 1.25rem;
        color: #274c77;
    }

   h3.page.item {
    font-size: 1.25rem;
    color: #274c77;
    background-color: #9fc0d5;
    padding-top: 0.5rem;
}
  
   
    h3.page>p {
     
        display: inline-block;
       padding-left: 2rem;
        position: relative;
    }
    h3.reason {
        position: relative;
        overflow: hidden;
        padding: 1rem;
        border: solid 2px #274c77;
        background-color: white;
    }
      h3.reason:before {
        position: absolute;
        content: '';
        top: -150%;
        left: -100px;
        width: 200px;
        height: 300%;
        transform: rotate(25deg);
        background: #274c77;
      }
      h3.reason >span {
        position: absolute;
        display: block;
        top: 33%;
        left: 0;
        z-index: 1;
        font-size: 30px;
        font-size: 3rem;
        padding-left: 16px;
        color: #ffc107;
        bottom: 30%;
        height: 3rem;
        right: 0;
        text-align: left;
    }
    h3.reason>p {
        /* width: 100%; */
        left: 8rem;
        position: absolute;
        font-weight: 700;
        color: #274c77;
        bottom: 15px;
    }
    p.buying-takane {
        position: absolute;
        top: -2rem;
        width: fit-content;
        color: #274c77;
        font-size: 1rem;
        font-family: 'Sawarabi+Gothic';
    }
    .kaitori-con>p {
        font-size: 1rem;
    }
    p.buying-takane>img{
        padding-bottom: 1rem;
    }
    .wrap.pt-5 {
        font-family: 'Sawarabi+Gothic';
    }
    span.first:first-letter{
        color:white;
        background-color:rgb(109, 109, 102);
                border-radius: 50%;
        font-size: 1rem;
        width: 2rem;
        padding: 0.5rem 1rem;
      
    }
    p.howtouse-number {
        color: #f9fafb;
        background: #6096ba;
        position: relative;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        letter-spacing: .03em;
        line-height: 1.5rem;
        border-radius: 16px;
        width: 6rem;
        padding: 0;
        font-size: 0.75rem;
        height: 1.5rem;
    }
    .howtouse-number.auto {
        width: auto;
        font-size: 1rem;
        line-height: 1rem;
        padding: 0.4rem 1rem;
        height: 2rem;
        font-family: 'Sawarabi+Gothic';
    }
    ul.slideitem.col-12 {
        position: absolute;
       top: 54%;
    }

/*店舗ページ背景 */
    #designer {
        background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tenpo-brand.jpg);
        background-size: 200px;
        background-repeat: no-repeat;
        background-position: right;
    }

#training
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tenpo-tr.png);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#model
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tenpo-mode.png);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}

#Drug-store
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tenpo-ttyouzai.png);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}

#training
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tenpo-tr.png);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
/**#stock
{

background-image: url(https://reuse-bonbon.stripper.jp/reuse-bonbon/wp-content/themes/reuse-bonbon/img/tenpo-zaiko.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#lawyer
{

background-image: url(https://reuse-bonbon.stripper.jp/reuse-bonbon/wp-content/themes/reuse-bonbon/img/tenpo-bengo.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
*/





/**office*/
#desk
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/office-desk.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#chair
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/office-chair.png);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#locker
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/office-syuunou.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#OA
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/office-OA.png);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#desiner-o
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/office-brand.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#others-o
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/office-others.png
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
/**kagu*/
#itaria
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/brand-itl.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#hokuou
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/brand-hokuou.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#kaigai
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/brand-others.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#kokunai
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/brand-kokunai.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#series
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/brand-ot.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#mingei
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/brand-mingei.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}

/***others*/
#gakki
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/ot-audio.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#fishhing
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/ot-fis.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#sport
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/ot-sports.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#outdoor
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/ot-outdoor.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#bicykle
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/ot-b.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#camera
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/ot-camera.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}

/**kaigo*/
#bed
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaigo-bed.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#suport
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaigo-hokou.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#car
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-c…tent/themes/reuse-bonbon/img/kaigo-kurumaisu.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#others-k
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaigo-athers.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}





/***tyuubou*/
#reizouko
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tyuubou-reizou.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#seihyouki
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tyubou-seihyou.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#netutyouri
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tyuubou-netu.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#eisei
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tyuubou-eiseikiki.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#shink
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/shrink.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#others-t
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/tyuubou06.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
/**kaden*/


#seikatu
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaden-seikatu.avif);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#tyouri
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaden-tyouri.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#kisetu
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaden-air.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#kenkou
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaden04.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#tv
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaden05.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#pc
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kaden06.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}

/***kougu*/
#kenma
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kougu-kenma.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#anaake
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kougu-anaake.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#dendouathers
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kougu-others.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#air
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kougu-air.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#enzin
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kougu-enzin.webp
);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#others-kougu
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/themes/reuse-bonbon/img/kougu-hunmu.webp);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}



/**car*/


#car
{

background-image: url(https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/uploads/2023/11/96442f4cff3e08bdd634e82d227389c4.jpg);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#taiya
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/uploads/2023/11/taiya.jpg);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#car-audio
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/uploads/2023/11/car-o-.jpg);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}
#car-goods
{

background-image: url(	https://reuse-bonbon.stripper.jp/reusebonbon/wp-content/uploads/2023/11/goods.jpg);
background-size: 200px;
background-repeat: no-repeat;
background-position: right;}






    @media screen and (max-width: 767px){
    ul.slideitem.col-12 {
      
        top: 43%;
    }
    h3.item-list-page{
        font-size: 1rem;
    }
    h1.page.item {
        /* left: 1rem; */
        font-size: 1.25rem;
        top: 50%;
        padding-left: 0;
        width: 100%;
        left: 0;
    }

    li.toptext{
        top:0;
    }
     ul.page.item.car,ul.page.item.tyuubou,ul.page.item.kougu,ul.page.item.tenpo,ul.page.item.kaigo,ul.page.item.office,ul.page.item.kaden,ul.page.item.others,ul.page.item.zyuutaku{
        height: 50vw;
    }
    ul.page.item.brand{
        height: 50vw;
    }
    img.caution {
        height: auto;
        width: 100%;
    }
    
}
article.mainaria.contentwrappaer.buying.mb-5.b-t-b.pt-5 {
    text-align: center;
}
p.recycle {
    font-weight: 100;
    padding: 0.5rem;
    line-height: 2rem;
}
p.howtousenumber.width-auto {
    padding: 0 1rem;
    font-size: 1rem;
    color: #f9fafb;
    background: #274c77;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    letter-spacing: .03em;
    width: auto;
    border-radius: 16px;
    line-height: 1.5rem;
    height: fit-content;
    margin-bottom: 1rem;
}

   
    .howtousenumber.yellow {
        display: inline-block;
        background-color: #ffc107;
        color: #141313;
        /* margin-bottom: 2rem; */
        align-self: center;
        font-size: 1rem;
        /* line-height: 2.5rem; */
        padding: 0.555rem 0.9rem 0.9rem 0.8rem;
        height: 2.5rem;
        border-radius: 16px;
        font-weight: bold;
        width: 10rem;
        margin-top: 0.5rem;
    }


    p.howtouse-number.width-10{
        width: 10rem;
    }
    p.howtouse-number.red{
        background-color: red;
        color: white;
    }
 
    p.howtouse-number.arrow {
        position: relative;
    }
    
    p.howtouse-number.long  {
        width: fit-content;
        padding-left: 0;
        font-size: 1.5rem;
        position: relative;
        /* padding: 26px 33px 22px 18px; */
        border-radius: 50% 50%;
        height: 8rem;
        width: 8rem;
        text-align: center;
        line-height: 8rem;
        color: #f9fafb;
      
        box-shadow:0px 9px 1px 0px #4f7e9d;
    }
    p.howtouse-number.long.mini {
        width: 100px;
        height: 100px;
        padding:0;
        line-height: 100px;
    }
   
    p.howtouse-number.long.mini>span {
        position: absolute;
        bottom: -39px;
        left: 0;
        right: 0;
        color: white;
        font-size: 1rem;
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }
    p.howtouse-number.long:hover{
        transform: translate(0, 3px);
    }
  
        p.howtouse-number.width {
            width: 18rem;
            padding: 0rem 0rem 2rem 0rem;
            font-size: 1rem;
            line-height: 2.5rem;
            height: 2.5rem;
        
        font-size: 1rem;
        /* line-height: 1rem; */
        height: 2.5rem;
    }

    p.howtouse-number.yellow {
        background-color: #ffc107;
        color: #141313;
        /* margin-bottom: 2rem; */
        align-self: center;
        font-size: 1rem;
        line-height: 2.5rem;
        padding: 0rem 1rem 2rem 1rem;
        height: 2.5rem;
        width: fit-content;
    }
    .arrow::after {
        content: "";
        position: absolute;
        top: 27px;
        right: 54px;
        transform: translateY(-50%);
        border: 15px solid transparent;
      
        border: 10px solid transparent;
        border-top: 10px solid #fffbfb;
    }
   .arrow.left {
        margin-bottom: 0;
    }
    .arrow.left:after {
        margin-bottom: 0;
       
        top: 13px;
        left: -25px;
        right: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #f9fafb;
    }
   
    .arrow.left.itiran:after {
        left: 20px;
        border-left: 10px solid #6096ba;
        top: 11px;
    }

   
    i.fa.fa-angle-down.item {
        position: absolute;
        top: 0.5rem;
        color:#1e1b1b6e;
        right: 100%;
        left: 0;
    }
    p.howtouse-number.item {
        background-color: #f9fafb;
        color: #0b2536;
        font-weight: 800;
        font-size: 1rem;
        /* margin-bottom: 0.5rem; */
        position: absolute;
        top: 50%;
        width: 100%;
        height: auto;
        /* padding: 1rem 1rem; */
        z-index: 5;
        transition: 0.3ms;
        border-radius: 0px;
    }

    p.howtouse-number.item:hover{
        color: white;
        background-color:#6096ba;
           
        }
    
    p.howtouse-number.point{
        line-height: 1.5rem;
    padding: 0rem 0rem 1rem 0rem;
    }
    
    .must {
        position: relative;
       
    }
    
    p.disp {
        position: relative;
        top: 0rem;
        left: 0;
        right: 0;
        width: 100%;
        font-weight: 700;
        font-size: 1.5rem;
    }

    @media screen and (max-width: 767px){
h3.howtouse.step{
    left:-3rem;
}
    
}

    @media screen and (max-width: 860px)
{
    p.howtouse-number.buying {
       position: relative;
        bottom: 0rem;
    }
    .trance{
        transform: rotate(90deg)
    }
    h3.reason >span {
        position: absolute;
        display: block;
        top: 33%;
        left: 0;
        z-index: 1;
        font-size: 30px;
        font-size: 3rem;
        color: #ffc107;
        bottom: 30%;
        height: 3rem;
        right: 73%;
    }
}

    @media screen and (min-width: 768px)
{
    
    h3.howtouse.widthauto{
        width: 100%;
        text-align: center;
    }}
    h3.buying.what {
       
        padding-left: 0rem;
        font-size: 1.25rem;
        position: relative;
        /* padding: 26px 33px 22px 18px; */
        /* border-radius: 50% 50%; */
        /* height: 8rem; */
     
        text-align: left;
        /* line-height: 8rem; */
        z-index: 5;
        color: black;
        /* background: #274c77; */
        position: relative;
        font-size: 1.5rem;
        font-family: 'Sawarabi+Gothic';
        /* top: 0rem; */
        margin-top: 0;
       text-align: center;
        align-self: center;
        font-weight: bold;
    }
   
    
       
   
    i.fa-solid.fa-magnifying-glass {
    width: auto;
}
    .underline-before {

        background: linear-gradient(#ffc107, #ffc107) 2rem 100%/0 2px no-repeat;
        /*左から、カラー（始点と終点それぞれ同じものを指定）、position / サイズ横縦 繰り返しの有無 */
    
        transition: background 1s;
        /*トランジションの設定。下線を引く動きをアニメーションにするのに必要 */
    
        text-decoration: none;
        /*テキストの装飾の設定 */
    }
    .underline-after {
        background-size: 100% 8px;
      /* 変化後のスタイル。横サイズを0から100%に変えることで指定の文字列に下線を引く */
    }

    span.text-animationquick,span.text-animation, span.text-animation2, span.text-animation3{
        opacity: 0;
        line-height: 2rem;
    }
    span.text-animationquick.is-show{
        animation: fadeinbackground 0.2s ease-in-out 0s 1 normal both;
        
      
    
    }
    span.text-animation.is-show{
        animation: fadeinbackground 0.5s ease-in-out 0s 1 normal both;
      
    }
    span.text-animation.animation2.is-show{
        animation: fadeinbackground2 0.5s ease-in-out 0.5s 1 normal both;
        
    }
    span.text-animation.animation3.is-show{
        animation: fadeinbackground3 0.5s ease-in-out 0s 1 normal both;
    }
    span.text-animation>p {
        position:relative;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        
    }

    @keyframes fadeinbackground {
        0% {
          top: 0%;
          opacity: 0;
        
        }
       
       50%{
    opacity: 0.5;       }
    
        100% {
          top: 0%;
          opacity: 1;
          transform:scale(1) ;
          left:0
        }
      }
      
    @keyframes fadeinbackground2 {
        0% {
          top: 0%;
          opacity: 0;
         
        }
       
      
    
        100% {
          top: 0%;
          opacity: 1;
          transform:scale(1) ;
        }
      }

      @keyframes fadeinbackground3 {
        0% {
          top: 0%;
          opacity: 0;
         
        }
       
      
    
        100% {
          top: 0%;
          opacity: 1;
          transform:scale(1) ;
        }
      }
  /****item*/

  ul.wrap.itembox>li {
    padding: 0.5rem;
    text-align: center;
    transition: 0.1s;
    position: relative;
    padding: 17% 0 0;
}
/****
@media screen and (max-width: 768px) {
ul.wrap.itembox>li {
    padding: 0.5rem;
    text-align: center;
    transition: 0.1s;
    position: relative;
    padding: 50% 0 0;
}
}*/

/****
a.item {
    position: relative;

    height: 80%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-background-size: cover;
    background-size: contain;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
*/
.titlebox {
    /* border: 1px solid black; */
    padding: 0.5rem 0.5rem;
    justify-content: unset;
    margin: auto;
    background-color: #f8f8f9;
    font-size: 1.25rem;
    font-family: 'Sawarabi+Gothic';
}
ul.wrap.aria{
    border: 1px dotted blue;
}
figure.bunner{
    position: relative;
    overflow: hidden;
}
figure.bunner>img{
    position: relative;
    width: 100%;
   
    overflow: hidden;
  
}

li.kaitori {
    position: relative;
    margin-bottom: 5rem;
    display: flex;
    flex-direction: column;
}

/**#itaria{
    background-image: url("https://reuse-bonbon.stripper.jp/reuse-bonbon/wp-content/themes/reuse-bonbon/img/brand-itaria2.png");
}*/


li.kaitori>h3 {
    position: absolute;
    bottom: 4rem;
    left: 0;
    color: #212529;
    font-size: 1rem;
    right: 0;
    margin: auto;
    width: fit-content;
    display: inline-block;
    /* background-color: #f9fafb; */
    /* text-align: center; */
    line-height: 2rem;
    font-weight: 900;
    z-index: 20;
    padding: 1rem;
}

figue.itemlist>img {
    width: 100%;
    height: auto;
}

figure.item-slider {
    position: relative;
}
figure.item-slider>img{
    width: 100%;
}

figure.item-slider>figcaption{
    position: absolute;
    top:0%;
   font-size: 1.5rem;
   left:0;
   right: 0;
   margin: auto;
   font-size:1rem;
}
/**
.wrap.abs{
    position: absolute!important;
}*/
ul.wrap.itembox>li:hover{
    filter: contrast(0.9);
    
    overflow: hidden;
}

.disp-undertext>p{
    line-height: 1.5rem;
}
ul.wrap.itembox>li >img{
    overflow: hidden;
}
.boxshadow {
    box-shadow: 3px 4px #c5bebe40;
    border-radius: 16px;
    border: 1px solid #0000001c;
}
.boxshadow-c {
    /* box-shadow: 3px 4px #c5bebe40; */
    /* border-radius: 6px; */
    border: 1px solid #0000001c;
    /* background-color: #cdd0d3; */
    padding: 3px;
   font-size: 0.75rem;
}
  .boxshadow.circle {
    border-radius: 50%;
}
.border-box {
    /* border: 1px solid #dee2e6!important; */
    border: 1px solid black;
    padding: 0.5rem 1rem;
    border-radius: 16px;
    border: 1px solid black;
    line-height: 2rem;
}
.katai-box{
    border: 1px solid black;
    line-height: 2rem;
    width: fit-content;
    margin: 1rem 0;

}

.katai-box>p {
    line-height: 2rem;
    width: fit-content;
    padding: 0.5rem 1rem;
}
.inline{
    display: inline-block;
}
.black{
    color: #121111;
}
.circle{
    border-radius: 50%;
    position: relative;
}
.border-normal{
    border: 1px solid black;
}
.translate{
    background-color: #fffefe04;
}

.wrap{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.white {
    background-color: white;
    border-radius: 16px;
}
.white-text {
    color: #343232;
    background-color: white;
    position: relative;
    /* bottom: -6.5rem; */
    line-height: 1.5rem;
    text-align: left;
}
.whiteshape{
    background-color: white;
    border-radius: 0;
}
.font-white{
    color: white;
}
.bold{
    font-weight: 700!important;
    font-size: 1rem;
}
.f-big{
    font-size: 1.25rem;
}
.gray{
    color: gray;
}
.serif{
    font-family: 'Times New Roman', Times, serif;
}
.peal{
    color: #6096ba;
    display: inline-block;
    width: 100%;
    font-weight: bold;
}
.backpeal{
    background-color: #6096ba;
}
.backpeal2{
    background-color: #274c77;
    color: white;
}

.backgray {
    background-color: #adbbd747;
}

img.widht-50 {
    height: 57px;
}
p.spanbox.red {
    border: red 6px solid;
}
p.spanbox.peal{
    border: 7px solid #6a96ba;
}

p.disp.red {
    color: red;
}
.yellow{
    color: yellow;
}
p.spanbox.yellow {
    border:yellow  6px solid;
    color:black;
}
p.link{
  
    font-weight: 600;
  
    transition: 0.5s;
    
}
a.link-button {
  
    /* border: 1px solid black; */
    padding: 14px 2px 13px 2px;
    background-color: #6096ba;
    color: white;
    text-align: center;
    box-shadow: 3px 3px 6px 1px #717174d4;
    transition: all 0.25s;
    display: inline-block;
    text-align: center;
    
}
a.link-button:hover {
  
    -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  box-shadow: 1px 1px 1px 1px #717174d4;

}
a.link-button.full {
    position: relative;
    font-size: 1.5rem;
    /* background: #ff6e00; */
    color: #fff;
    font-weight: 700;
    width: 100%;
    display: block;
    margin: 0 auto;
    box-shadow: 0px -9px 0px 0px #084298 inset;
    border-radius: 45px;
    padding: 20px;
    height: 4rem;
}
a.line-link {
   text-align: center;
    padding: 14px 2px 13px 2px;
    background-color: #06c755;
    color: #f9fafb;
    text-align: center;
    box-shadow: 3px 3px 6px 1px #717174d4;
    transition: all 0.25s;
    display: inline-block;
}
a.line-link.whiteshape,a.link-button.whiteshape{
    background-color: white;
    color: #0a0b0c;
}
a.line-link.full {
    position: relative;
    font-size: 30px;
    /* background: #ff6e00; */
    color: #fff;
   
    font-weight: 700;
    width: 100%;
    display: block;
    margin: 0 auto;
    box-shadow:0px -9px 0px 0px #476254  inset;
    border-radius: 45px;
    padding: 20px;
    height: 4rem;
 }



 div.linkcopy{
    position: absolute;
    top: -1.5rem;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    width: 60%;
    max-width: 240px;
    font-size: 18px;
    font-family: source-han-sans-japanese, 游ゴシック体, YuGothic, メイリオ, Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: rgb(81, 56, 46);
    line-height: 1;
    font-weight: 700;
    border-radius: 30px;
    background: rgb(255, 255, 255);
    border-width: 3px;
    border-style: solid;
    border-color: rgb(230, 226, 21);
    border-image: initial;
    padding: 5px 10px 6px;

 }
a.simple-link {
    border: 1px solid #00000024;
    padding: 14px 13px 13px 14px;
    background-color: #ffffff;
    color: black;
    text-align: center;
    box-shadow: 3px 3px 6px 1px #717174d4;
    transition: all 0.25s;
    display: inline-block;
    text-align: center;
}
a.simple-link:hover,a.line-link:hover,a.link-button.full:hover {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    box-shadow: 1px 1px 1px 1px #717174d4;
  

}
a.link-button.full:hover,a.line-link.full:hover{



}
ul.wrap.houzin>li>a.link-button,ul.wrap.houzin>li>a.line-link {
    background-color: white;
}

p.background-deep.col-12.text-center.mb-0 {
    font-size: 1.25rem;
    line-height: 3rem;
    font-weight: 700;
}
p.link:hover{
  
    font-weight: 600;
    border-bottom: 1px solid black;
    background-color: #0d91fd23;
    color: white;
}
.background-deep{
    background-color: #274c77;
    color: white;
}
.background-peal {
    position: absolute;
    background-color: #baccd966;
    width: 100%;
    height: 77%;
    top: 12rem;
    right: 0;
}
.bold{
    font-weight: bold;
}
.b-b{
    
        border-bottom: 1px solid #0000006e;
        transition: all 0.3s;
}
div.b-b-b {
    border-bottom: 3px solid #0000006e;
    position: absolute;
    width: 50%;
    height: 3px;
    right: 0;
    bottom: -2rem;
}
span.b-b:hover{
    background-color: rgba(255, 255, 255, 0.384);
    padding: 0.5rem;
}
.b-b-b{
    border-bottom: 2px solid #8080800a;
    box-shadow: -1px -4px 0px 2px #00000014;
}
.b-b-b-b{
border-bottom: 2px solid #1a181842
}

.b-b-b.yellow{
    border-bottom: 3px solid #f5f1036e;

}
.b-t{
    border-top:  1px solid #0000006e;
}
.b-t-b {
    border-top: 2px solid #e2e8f3;
    box-shadow: -3px 7px 3px 2px #dde1e9;
}
.sellect-item {
    background-color: white;
    /* color: black; */
    border: 4px solid #274c77;
    transition: all 0.3s;
}
.sellect-item:hover{
    opacity: 0.5;
}
.sellect-item>a {
    color:black;
    font-weight: normal;
    padding: 1rem 0;
}
.red{
    color: red;
}
.sellect-item>a>p>i.fa.fa-angle-right {
    padding-right: 0.5rem;
}
li.sellect-item.itempage {
    display: inline-block;
    border: none;
    position: relative;
    font-family: 'Sawarabi+Gothic';
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
li.sellect-item.itempage>a>p {
    position: relative;
    top: 0;
    left: 0;
    background-color: #fffffff0;
    overflow: hidden;
}
li.sellect-item.itempage>a {
    display: block;
    text-align: center;
    background: #fff;
    display: flex;
   /** height: 230px;*/
    justify-content: center;
    flex-wrap: wrap;
}


li.sellect-item.itempage>a>img {
    width: 90%;
    height: auto;
    display: block;
    align-self: center;
    padding: 1rem;
}
.pb-10{
    padding-bottom: 5rem;
}


    a.link.wrap,li.link.wrap, figure.link.wrap {
        position: relative;
    }

    a.link.wrap.short,li.link.wrap.short, figure.link.wrap.short {
        position: relative;
        /**height: 200px;*/
    }
    a.link.wrap {
        /**height: 300px;*/
        opacity: 1;
        transition: all 0.3s;
    }
    figure.link.wrap.short:after{
        position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(38 27 27 / 45%);

    }
 div.linkinner{
    position: absolute;
    transition: all 0.3s;
    height: 100%;
   
 }

 figure.link.wrap.nonradius>figcaption {
    position: absolute;
    color: #ffffff1a;
    /* top: 50%; */
    bottom: 0%;
    font-family: serif;
    font-size: 5rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.pt-pl{
    padding: 1rem 0rem 0rem 1rem;
}

div.linkinner-re {
    
    position: relative;
    overflow: hidden;
    text-align: center;
    background-color: white;
    background-color: white;
    background-size: cover;
    background-position: center;
    align-content: center;

   
    
}
div.linkinner-re.radius {
    border: gainsboro 1px solid;
    position: relative;
    overflow: hidden;
    text-align: center;
 
    border-radius: 0px 16px 16px 0;
    height: 250px;
    width: 60%;
}


.nonradius{
    border-radius: 0!important;
}
.onradius{
    border-radius: 16px!important;
}
 .link.wrap:hover div.linkinner>p:last-child{
  opacity: 1;
 }
    p.link.wrap {
        position: absolute;
        top: 50%;
        background-color: white;
      
        /* width: 100%; */
    }
    figure.link.wrap {
       /** height: 300px;*/
        overflow: hidden;
       
      
    }

    figure.link.wrap.radius {
     /**   height: 300px;*/
        overflow: hidden;
     
    }
figure.link.wrap.small {
    justify-content: center;
}
figure.link.wrap>img {
    /* width: 100%; */
    /* height: auto; */
    object-fit: cover;
    width: 100%;
    
}
figure.link.wrap.small >img {
    /* height: auto; */
    /* width: 100%; */
    object-fit: contain;
    height: 100%;
}



.h-100{
    height: 100%;
}

@media screen and (max-width:821px) {
div.b-b-b{
    display:none ;
}

div.linkinner-re.radius{
    overflow: visible;
    width: 90%;
}

li.sellect-item.itempage>a>img {
    width: 100%;
    height: auto;

}
li.sellect-item.itempage{
    /**height: 200px;*/
}
li.sellect-item.itempage>a{
   /* height: 180px;*/
}
a.link-button.full,a.line-link.full{
    font-size: 1.25rem;
    margin-bottom: 1rem;
}








}






figure.bunner.link.wrap{
    position: relative;
    /**height: 200px;*/
}
figure.bunner.link.wrap>h3{
position: absolute;
top: 40%;
right: 3%;
margin: auto;
width:fit-content;
text-align: center;
border-bottom: 3px solid white;
color: #f8f9fa;
font-weight: 700;
/* height: 4rem; */
padding: 0.5rem 0;
font-size: 1.25rem;
}
div.linkinner>p:first-child {
    position: absolute;
    top: -19%;
    z-index: 5;
    text-align: right;
    color: #322d2d;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
}
a.link.wrap:hover p.linkinnner-re-p{
    opacity: 0.8;
}
.maincontainer.service>a.link.wrap {
    opacity: 1;
    transition: all 0.3s;
    flex-flow: row-reverse;
}
.maincontainer.service>a.link.wrap:hover img.img-fluid{
    opacity:0.7;
}
    @media screen and (max-width:767px) {
        a.link.wrap,li.link.wrap{
            height: auto;
           
    }
 
   

    .maincontainer.service>a.link.wrap {
        opacity: 1;
        transition: all 0.3s;
        flex-direction: column-reverse;}

 
    div.linkinner-re{
        height: auto;
        overflow: visible;
    }
    p.linkinnner-re-p:after{
        bottom: -12px;
    }
    figure.link.wrap{
        /**height: 200px;*/

    }
   

    figure.link.wrap>img {
        object-fit: cover;
        object-position: left;}

        figure.link.wrap.radius{
            height: 200px;
        }
        div.linkinner>p:last-child {
            position: absolute;
            top: 40%;
            right: 3%;
            margin: auto;
            width:fit-content;
            text-align: center;
            border-bottom: 3px solid white;
            color: #f8f9fa;
            font-weight: 700;
            /* height: 4rem; */
            padding: 0.5rem 0;
            font-size: 1.5rem;
            opacity: 0.5;
        }

    .wrap-tab-content{
        height: auto;
    }
   
    
    
    
    }
    @media screen and (max-width:820px){
    div.linkinner-re.buyingcontainer,div.linkinner-re.serviscontainer,div.linkinner-re.areacontainer,div.linkinner-re.QandAcontainer{

        height: auto;
    }
    .maincontainer.service>a.link.wrap {
        opacity: 1;
        transition: all 0.3s;
        flex-direction: column-reverse;}


        #designer,#training,#model,#Drug-store,#training,#desk,#chair,#locker,#OA,#desiner-o,#others-o,#itaria,#hokuou,#kaigai,
    #kokunai,#series,#mingei,#gakki,#fishhing,#sport,#outdoor,#bicykle,#camera,#bed,#suport,#car,
   #others-k,#reizouko,#seihyouki,#netutyouri,#eisei,#shink,#others-t,#seikatu,#tyouri,#kisetu,#kenkou,#tv,#pc,#kenma,#anaake,
#dendouathers,#air,#enzin,#others-kougu,#car,#car-goods,#taiya,#car-audio
   
    {
        background-size: 200px;
        background-position: center;
    }
}


    .light_box{
       
        opacity: 1;
      
        animation: flash 1.5s 5 linear;
      }
      
      @keyframes flash {
        50% {
          opacity: 0;
        }
      }

      .thumbnails {
        display: flex;
        margin: 1rem auto 0;
        padding: 0;
        justify-content: center;
      }
      
      .thumbnail {
        width: 70px;
        height: 70px;
        overflow: hidden;
        list-style: none;
        margin: 0 0.2rem;
        cursor: pointer;
        opacity: 0.3;
      }
      
      .thumbnail img {
        width: 100%;
        height: auto;
      }
    
      .thumbnail.is-active {
        opacity: 1;
      }
.pagination .page-numbers {
  display: inline-block;
  padding: 0.8em 1.4em;
  margin: 0.5em;
  background: #6096ba;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}
.pagination .page-numbers.current {
  background: #406882;
}
.pagination .page-numbers:hover {
  background: #4f7a9f;
}

.post-splide-slider {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3rem 1rem;
  text-align: center;
}

/* 各スライドのカード */
.list-box-300 {
  background: #fff;
  border-radius: 10px;
  padding: 1.5rem 1rem;
  max-width: 320px;
  margin: 0 auto;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease;
}
.list-box-300:hover {
  transform: translateY(-4px);
}

/* タイトル */
.list-box-title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #333;
  line-height: 1.4;
}

/* 日付 */
.list-box-meta {
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 0.5rem;
}

/* 画像 */
.list-box-image img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
}

/* タグ */
.list-box-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-top: 0.75em;
}
.list-box-tags span {
  font-size: 0.75rem;
  background: #f0f0f0;
  padding: 0.3em 0.7em;
  border-radius: 4px;
  color: #333;
}

/* 矢印位置微調整（Splide標準矢印） */
.splide__arrow {
  top: 45%;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  width: 40px;
  height: 40px;
  opacity: 0.8;
}
.splide__arrow:hover {
  opacity: 1;
}

/* 下部リンクボタン */
.kizi-link {
  display: inline-block;
  margin: 2rem auto 0;
  padding: 0.8rem 2rem;
  background: #160a36;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  font-weight: bold;
  transition: background 0.3s ease;
  text-decoration: none;
}
.kizi-link:hover {
  background: #3b1e77;
}
.splide__arrow {
  top: 50% !important;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  width: 40px;
  height: 40px;
  opacity: 0.85;
  transition: opacity 0.3s ease;
  z-index: 10;
}
.splide__arrow:hover {
  opacity: 1;
}

/* ========== 2. スライダー全体の最大幅をPCで制限 ========== */
.post-splide-slider {
  max-width: 960px; /* ← ここを必要に応じて調整（900〜1100くらいが目安） */
  margin: 0 auto;
  padding: 3rem 1rem;
}

/* 補足：画像の下マージン調整が必要なら */
.list-box-image {
  margin-bottom: 1rem;
}
.splide__pagination {
  display: none !important;
}