@charset "UTF-8";

.text-overlay {
  position: absolute;
  max-width: 100%;
  display: block;
  top:20%;
  left:10%;
  /*
  bottom: 20%;
  left: 15%;
  transform: translate(-20%, -50%);
   */

/*
  color: #100129; 
  font-family:"fantasy";
*/
}

.region-title{
  text-align: center;
  font-size: 2.5rem;
  color: #0071BB; /* テキストの色 */
  font-weight: 900;
  text-shadow:2px 2px 0 #FFF, -1px -1px 0 #FFF,
  -1px 1px 0 #FFF, 1px -1px 0 #FFF,
  0px 1px 0 #FFF,  0-1px 0 #FFF,
  -1px 0 0 #FFF, 1px 0 0 #FFF;
  background: linear-gradient(transparent 70%, #e5f8ec 20%);

}

@media (max-width: 760px) {
 
.region-title{
  text-align: center;
  font-size: 1.5rem;
  color:#0071BB;  /* テキストの色 */
  font-weight: 900;
  text-shadow:2px 2px 0 #FFF, -1px -1px 0 #FFF,
  -1px 1px 0 #FFF, 1px -1px 0 #FFF,
  0px 1px 0 #FFF,  0-1px 0 #FFF,
  -1px 0 0 #FFF, 1px 0 0 #FFF;
}

}


.customer-area-contents{
    padding-top: 80px;
}

.customer-area-top{
    background-color: #f6f4f0;
    margin-bottom: 2rem;

}

.customer-area-title {
    text-align: center;
}


.kaden-m-title{
  margin-top: 1rem;
  margin-bottom: 1rem;
}


/*
.area-media{
  max-width: 920px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
*/
.customer-top-message{
  text-align: center;
  margin-bottom: 2rem;
  padding: 0rem;
  margin: 0 auto;
  font-weight: bold;/*2023/8/9追加　by ishihara*/
}

.customer-top-message > span{
color: red;
font-weight: 600;
}

.customer-message{
        text-align: left;
        margin-bottom: 2rem;
        padding: 2rem;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        /*background-color: #fdfda9;*/
        /*background-image:url(/retro/wp-content/themes/twentytwentythree-child/images/nisshou.webp);*/
       /* background-size: cover; */   /*retoroでは画像にしたので追加　20231211 by sunahara */
      }

.customer-message img {
        width: 10%;
      }

@media(max-width:760px){

.customer-message img {
        width: 20%;
      }
}




.customer-message > p{
  color:#2b2b2b;
  font-weight: bold;
  font-size: 20px;


}


.chiiki-division{
    border:2px #006836 solid;
    padding: 1rem;
    border-radius: 5px;
    margin-top: 1rem;
}

.rosen-list{
text-align: center;
margin-bottom: 1rem;
}

.rosen-list li{
    display: inline-block;
    padding:0 1rem;
    }

.ekimei-list{
    display: flex;
    flex-wrap: wrap; 
    max-width: 1000px; /* 任意の最大幅を指定 */
    margin: 0 auto; /* 中央揃えするために必要 */
    /*padding: 20px;*/
    background: #fff;
    text-align: center;
}

  .ekimei-list li {
    border-right: 1px #ccc solid;
    border-left: 1px #ccc solid;
    width: 23%; /* 4列に均等に表示されるように幅を指定 */
    margin-bottom: 20px;
  }

  /*対応エリアの地域を追加　20230706_sunahara */
  .chiiki2{
    border:2px #02645f solid;
    padding: 1rem;
    border-radius: 5px;
    margin-top: 1rem;
  }

  .area-list{
    display: flex;
    flex-wrap: wrap; 
    max-width: 1000px; /* 任意の最大幅を指定 */
    margin: 0 auto; /* 中央揃えするために必要 */
    padding: 40px 40px 40px 50px;/*左側余白作成　2023/8/21 by ishihara*/
    background: #fff;
    text-align: center;
}

.area-list li {
  border-right: 1px #ccc solid;
  border-left: 1px #ccc solid;
  width: 23%; /* 4列に均等に表示されるように幅を指定 */
  margin-bottom: 20px;
}

.wrap{
  max-width: 1220px;
  margin: 0 auto;
} 

/* タブにするためスタイル修正 20230714 by ando */

.ctab-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ctab-list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 45px;  /*iconの幅分の空白を右側に作る by sunahara */
  font-size: 1.25rem;
  font-weight: bold;
  background-color:#e5f8ec;
  width: 100%;
  text-align: center;
  border-radius: 5px;
}
.ctab-list-item.active {
  background-color: #268d86;
  color: #fff;
}
/*アイコン追加　sunahara*/
.tab-icon {
  width: 40px;
  margin-right: 5%;/* テキストとの間隔調整のため追加*/
  }

/* ここまで　タブにするためスタイル修正 20230714 by ando */

  .customer-act-message{
    text-align: center;
    margin-top: 1rem;
  }
/* タブコンテンツ表示・非表示追加  20230714 by ando */
.ctab-contents-item{
    display: none;
}
.ctab-contents-item.show {
  display: block;
}
/* pointer追加 20230714 by ando*/
.ctab-list {
  cursor: pointer;
}
/* カードが画面いっぱい広がっていたので修正  20230714 by ando */
.customer-all .customer-card {
  max-width: 280px;
}

/*レスポンシブル対応　20230727 by sunahara*/
.sp_br {
  display: none; /*767px以上では改行タグを無効に。*/
}

@media (max-width: 767px) {
  .ctab-list-item {
    font-size: 1.1rem;
    padding-right: 20px;    
  }
  .sp_br {
    display: block; /*767px未満で改行タグを有効に。*/
  }

}

  /*page-area,php */

.area-section{
  padding-top:80px;
  /*background-image:url(/retro/wp-content/themes/twentytwentythree-child/images/retro_bk_ptn.webp); *//*骨董は画像に変更　20231211 by sunahara*/
  /*background-repeat: repeat;*/
}


.area-media{
  padding: 0 4%;
  margin-top:1rem;
  /*margin-bottom: 1rem; */
  display: block;
}

.area-media-list{
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.area-media-list li {
  flex-basis: 23%;
  height: auto;
  text-align: center;
 margin-bottom: 1rem;
 display: inline-block;
 text-decoration: none;
  border: 2px solid #ccc;
  background-color: #f9f9f9;
  color: #333;
  border-radius: 4px;
  padding:10px;
}

.area-media-list li:hover {
  border: 3px solid #0b0f74; 
  color: #0b0f74;
  text-decoration: underline;
 
}

.pref-title{
font-weight: bold;

}




/*
.ekimei-list li{
    border-right: 1px #ccc solid;
    border-left: 1px #ccc solid;
    line-height: 1em;
    text-align: center;
    margin-top: 1em;
    margin-left: -1px;
}
*/



/*

<div class="chiiki-division">
<ul class="rosen-list">
<ul class="ekimei-list">


.kaden_maker-t{
    text-align: center;
   font-size: 1.75rem;
   padding-top: 40px;
}
*/

/*2023/8/7 追加　by石原*/
  /*目次*/
  .mokuji-area{
    max-width:920px;
    margin:0 auto; 
  }
  .mokuji-area h2{
    background-color: #5cbaac;
    color:#fff;
    padding:10px 20px;
    font-size:18px;
  }
  .mokuji-area ol{
  background-color: #f6f4f0; 
  padding:20px 20px 20px 50px;
  margin-bottom:40px;
  }
/*
  .mokuji-area ol li a:hover{
    text-decoration: underline;
  }*/
  .mokuji-area ol li a {
    position: relative; /*アンダーラインの位置を決めるための基準 */
    }
    
  .mokuji-area ol li a::after {
    position: absolute; /*親要素であるaタグを基準に位置を指定*/
    left: 0;            /*アンダーラインを各メニュー（aタグ）の左端に指定*/
    content: '';        /*本来は、擬似要素に入るテキストなどを’’内に指定。今回はアンダーラインなので何も記載しない*/
    width: 100%;        /*アンダーラインを各aタグの幅に合わせる*/
    height: 1px;        /*アンダーラインの高さ（太さ）*/
    background: #000000;/*アンダーラインの色*/
    bottom: -1px;       /*アンダーラインが位置する、各リストの下端からの高さ　ヘッダーの下端に合わせています*/
    visibility: hidden; /*ホバー前に、アンダーラインを可視化しない*/
  }
  .mokuji-area ol li a:hover::after {
    visibility: visible; /*ホバー後、アンダーラインを可視化する*/
    }

  /*家電買取エイブイが選ばれる３つの理由*/
  /*#kari1{ section-ttlに移動　2023/8/9 by ishihara
    max-width:920px;
    margin:0
    auto 20px;
  }*/
  .kari1_br{
    display: none;
  }
  .kari1-1{
    display:flex;
    justify-content:space-between;
  }
  .kari1-1-1{
    width:30%;
  }
  .kari1-1-1-h3{
  font-size:18px;
  color:#268d86;
  font-weight: bold;
  text-align: center;
  padding:20px 0;
  }
  .kari1-1-1 p span{
    font-weight: bold;
    background: linear-gradient(transparent 50%, yellow 50%);
  }
  .kari1-1-1 p .span-red{
    font-weight: bold;
    background: linear-gradient(transparent 50%, yellow 50%);
    color:#ff0000;
  }
  
  /* .kari2の場合は非表示　20230807 by ando */
  .kari2 .form_area{
    display: none;
  }

  /* 追加ここまで */

  /* 2023/8/8 追加　by ishihara */
 /* 横幅揃え*/
/*.card-wrapper{ section-wrapへ記述のためコメント化　2023/8/9 by ishihara
  max-width:920px !important;
  }*/
  /* ボタン非表示*/
.customer-all .button{
  display: none;
}
/* 買取の流れのタイトルをsection-titleと揃え*/
/*#chiiki-flow-title{ 2023/8/9 コメント化 by ishihara
  font-size: 2.0rem ;
  background-color: #fff ;
  color:#444444 ;
}*?
/* 買取品目*/

.hinmoku-details-content {
  max-width: 920px;
  background-color: #fff;
  padding: 20px 40px 40px 40px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.hinmoku-item{
  width:30%;
}
.hinmoku-details {
  color:#444;
  font-weight: bold;
  line-height: 2;
  max-width:100%;
  margin: 0 auto;
  border-bottom:1px solid #fff;
}
.hinmoku-details__summary {
  position: relative;
  display: block;
  background: #fff;;
  cursor: pointer;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size:1.2rem;
  text-align: center;
}
.hinmoku-details__summary::-webkit-details-marker {
  display: none;
}
.hinmoku-details__summary::before {
    border-radius: 5px;
    content: "";
    background-color: #fff;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 0.1rem 0.3rem;
    position: absolute;
    left: 0;
    width: 2rem;
}
.hinmoku-details__summary::after {
  display: block;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 6px);
  right: 17%;         /*20→17%　変更　2024/01/12 sunahara*/
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #444;
  transition: all 0.4s ease-out;
  transform-origin: 3px 6px;
  transform: rotate(90deg);
}
.details[open] .hinmoku-details__summary::after {
  transform: rotate(-90deg);
}
.hinmoku-details__content{
  padding: 0;
}
.hinmoku-details__content::before{
  display: none;
}
.hinmoku-details__content p{
  padding:0;
}
#kari3{
  padding-bottom: 0;
}
/* 2023/8/8 追加　ここまで　by ishihara */
/* 2023/8/9 追加　ここから　by ishihara */
.customer-top-message {
  opacity: 0;
  transform: translateY(20px);
  animation: floatIn 1.5s forwards;
}
@keyframes floatIn {
  to {
      opacity: 1;
      transform: translateY(0);
  }
}
.hinmoku-ichiran{
  padding-bottom: 0 !important;
}
.hinmoku-title{
  font-size:32px!important;
}
.section-ttl{
  margin: 0 auto;
  padding: 10px;
  font-size: 2.0rem;
  text-align: center;

  color: #ffffff;
  background: linear-gradient(to right, #7ed3c7, #14a28d);
}
.section-subttl{
  text-align: center;
  padding:20px;
  color:#02645f;
  font-size:1.3rem; /*サブタイトルフォントサイズ　2023/8/10変更　by ishihara*/
  font-weight: 500;
  margin-top: 0;
}
.section-wrap{
  max-width: 920px;
  margin: 60px auto;
  padding: 0;
}
.section-wrap .button{
  display: none;
}

.details-chiiki-content{
max-width: 920px;
background-color: #fff;
border: 2px solid #02645f;
padding: 20px 40px 40px 40px;
border-radius: 16px;
margin: 0 auto;
}
.details_chiiki {
  color: #444;
  font-weight: bold;
  line-height: 2;
  max-width: 100%;
  margin: 0 auto;
}
/*買取の流れをdisplay;flex;へ変更　2023/8/10 by ishihara*/
.nagare-box{
  display: flex!important;
  margin: 0!important;
  justify-content: space-between;
}
.details_summary {
  position: relative;
  display: block;
  background: #fff;
  cursor: pointer;
  margin: 0;
  padding: 10px 40px 10px 52px;
  overflow: hidden;
  border-bottom: 1px solid #01ac59
}
.details_summary::before {
  background: #01ac59;
  border-radius: 5px;
  content: "Q";
  color: #fff;
  display: inline-block;
  text-align: center;
  padding: 0.1rem 0.3rem;
  position: absolute;
  left: 0;
  width: 2rem;
}
.details_summary::after {
  display: block;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 6px);
  right: 16px;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #01ac59;
  transition: all 0.4s ease-out;
  transform-origin: 3px 6px;
  transform: rotate(90deg);
}
.details-answer{
  font-weight: 400;
    padding-left: 34px;
}

.brue-change{
  border-bottom: 1px solid #268d86;
}
.brue-change::before{
  background: #268d86;
}
.brue-change::after{
  border-left: 6px solid #268d86;
}
.shucchoarea-wrap{
  margin-bottom: 0;
}
/* 2023/8/9 追加　ここまで　by ishihara */



/*767px未満で1カラムに*/
@media (max-width: 767px) {
  /*.mokuji-area,#kari1{
    padding: 5%;
  2023/8/9 コメント化　by ishihara*/
  .mokuji-area,.section-wrap{
    padding: 5%;
  }
  .mokuji-area ol{
    margin-bottom: 0;
  }
  .section-wrap{
    margin: 20px 0;
  }
  .section-ttl{
    font-size: 1.8rem;
  }
  .section-subttl{
    font-size: 1.2rem;
  }
  .kari1_br{
    display: block;
  }
  .kari1-1{
    display:block;
  }
  .kari1-1-1{
    width:100%;
    text-align: center;
  }
  .kari1-1-1 img{
    width:100%;
  }
  .kari1-1-1 p{
    text-align: left;
  }
  .hinmoku-details-content{
    display: block;
    padding: 0;
  }
  .hinmoku-item {
    width: 100%;
    margin-bottom: 30px;
}
.image-wrap{
  text-align: center;
}
.image-wrap img{
  width:100%;
}
.pcard{
  padding: 0!important;
}
.nagare-box{
  display: block!important;
}
.point-list{
  margin-bottom: 30px;
}
.flex-box2{
  text-align: center;
}
.step-box{
  padding: 20px 0!important;
}
.hinmoku-details__summary::after {
  position: absolute;
  right: 38%;       /*40→38%に変更 2024/01/12 sunahara*/
}
  }
/*2023/8/22 by ishihara */
@media screen and (max-width: 440px) {
    .pref-title{
      font-size:12px;
    }
    .kanagawa-title{
        font-size:10px;
      }
    .hinmoku-details__summary::after {   /*文字上に表示されるので追加 2024/01/12 sunahara*/
        right: 31%;      
      } 
}
@media screen and (max-width: 330px) {
  .area-media-list .kanagawa-list{
    padding:  10px 0;
  }
  .kanagawa-list img{
    padding: 0 10px;
  }
  .kanagawa-title{
    padding: 0 0 10px 0;
  }
}

/*ここから 洋食器対応エリア追加変更　2023/11/14 sunahara*/
.customer-area-section-title {
  height: 20px;
  line-height: 10px;
  font-size: 2.0rem;
  color: #666562; /* テキストの色 */
  font-weight: 900;

}
.customer-area-h2section-title{
  text-align: center;
  font-size: 1.75rem;
}
.customer-area-top-pic{
  margin-top:30px;
}

@media (max-width: 767px) {
  .customer-area-section-title {
    height: 20px;
    line-height: 15px;
    font-size: 0.8rem;
    margin-top: 30px;
  }
  .customer-area-h2section-title{
    font-size: 1.2rem;
  }
  .customer-area-top-pic{
    margin-top:10px;
  }
}
/*ここまで　sunahara*/