@charset "UTF-8";
/* CSS Document */

/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 100%;
    max-width: 100%;
    margin:0 auto;
}

.accordion-area li{
   margin: 0 0 0px;
}

.accordion-area section {
}
.accordion-area section h3 {
color: black !important;
border-bottom: 1px solid #969696;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    /*cursor: pointer;*/
    font-weight: normal;
    padding: 1% 0.5%;
    transition: all .5s ease;

    background-color: #e3e3e3;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
    display: none!important;/*親カテゴリができたので非表示に*/
}
.title::before{
    top:48%;
    right: 15px;
    transform: rotate(0deg);
    
}
.title::after{    
    top:48%;
    right: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{
  transform: rotate(45deg);
}

.title.close::after{
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
  /*display: none;/*はじめは非表示*/
  margin:0;
  padding: 1.5% 2%;
  background: #f6f6f8;
}

/* 2026.06.26追加 親カテゴリ用 */
.title_parent {
    position: relative;
    cursor: pointer;
    font-family: "NewCezanneProN7", sans-serif;
    font-weight: 600;
    padding: 3% 45px 3% 2%;
    transition: all .5s ease;

    font-size: 1.8rem;
}
.title_parent.bgr {
  background-color: #778899;
  color: #fff;
}
.title_parent::before,
.title_parent::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.title_parent::before{
    top:48%;
    right: 15px;
    transform: rotate(0deg);
    
}
.title_parent::after{    
    top:48%;
    right: 15px;
    transform: rotate(90deg);

}
.title_parent.close::before{
  transform: rotate(45deg);
}
.title_parent.close::after{
  transform: rotate(-45deg);
}
.box_parent {
  display: none;
  margin:0;
  background: #f6f6f8;
}