@charset "utf-8";
/* CSS information */
/* ===================================================================
  file name  : accordion
  author     : honyaclub.com
  date       : 2022/02/01
  update     : 
  about      : accordion
=================================================================== */

/* ========== PC ========== */

/* ------------------------
    共通 
------------------------ */
/* --- .accordion_container --- */
.accordion_container {
  /* padding-bottom: 40px; */
  background-color: #fff;
  /* font-size: 14px; */
  line-height: 1.5;
  padding-top: 10px;
}
 a {
  color: #0077b3;
}
 span.attention {
  color: #FF0004;
  /* color: #ee6677; */
}
 li div.button {
  width: 50%;
  margin: 10px 0;
  background-color: #eeeeee;
  border: solid 2px #ccc;
  border-radius: 15px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}
 /* .section {
  margin-bottom: 40px;
} */

/* --- .title_faq --- */
 .title_faq {
  font-size: 18px;
  font-weight: bold;
  border-bottom: solid 3px #4c8795;
  padding: 5px 0;
  margin-bottom: 15px;
  color: #434343;
}

/* --- .accordion_area --- */
 .accordion_area h3.title.question {
	background-color: #cde7e0;
  /*background-color: #bad9d3; */
  /* background-color: #d6e8b9; */
  /* color: #83684c */
  /* color: #fff; */
  color: #444;
  /* font-size: 14px; */
  font-weight: bold;
  padding: 5px 40px;
  border-bottom: solid 1px #fff;
  position: relative;
  /* text-indent: -40px; */
}

/*
.accordion_area h3.title.question::before {
  content: 'Q';
  color: #ffffff;
  background-color: #333;
  padding: 3px 5px;
  margin: 0 10px 0 10px;
}
*/
.accordion_area h3.title.question::before {
	position: absolute;
  content: '';
	top: 5px;
	left: 10px;
	width: 20px;
	height: 20px;
	background: url("../../img/campaign/common/ico_faq01.png") center center no-repeat;
	background-size: contain;
}

 /* .accordion_area h3.title.question span.many {
  font-size: 16px;
} */
 .accordion_area .js_ac .title::after {
  content: '＋';
  position: absolute;
  right: 20px;
}
 .accordion_area .js_ac .toggle {
  display: none;
}
 .accordion_area .js_ac .title.is_active::after {
  content: '－';
}
 /* .accordion_area .j_-ac.is_active .toggle {
  display: block;
} */
 .accordion_area .toggle.answer {
  margin-bottom: 20px;
  border: solid 1px #ccc;
  box-sizing: border-box;
  /* text-indent: -40px; */
  padding: 5px 40px;
	position: relative;
}
 /* .accordion_area .toggle.answer ul {
  background: url(https://shopping.c.yimg.jp/lib/honyaclubbook/ico_faq03.gif) no-repeat left 0 top 5px;
} */

/*
 .accordion_area .toggle.answer li::before {
  content: 'A';
  color: #ffffff;
  background-color: #c6141d;
  padding: 3px 5px;
  margin:  0 10px 0 10px;
} 
*/

.accordion_area .toggle.answer li::before {
	position: absolute;
  content: '';
	/* top: 50%; */
	left: 10px;
	width: 20px;
	height: 20px;
	background: url("../../img/campaign/common/ico_faq02.png") center center no-repeat;
	background-size: contain;
}


 .accordion_area .toggle.answer li a {
  padding: 0;
  line-height: 1.2;
}
 .accordion_area .toggle.answer dt {
  margin-bottom: 5px;
}
 .accordion_area .toggle.answer dd {
  text-indent: 1em;
}




/* ========== /PC ========== */


/* ========== SP ========== */
@media screen and (max-width: 767px) {
  /* ------------------------
    共通 
------------------------ */
  /* --- .accordion_container --- */
  .accordion_container {
    padding: 10px 0 0;
  }
  /* --- .title_faq --- */
   .title_faq {
    /* padding-top: 20px; */
    margin-bottom: 10px;
  }
  
  /* --- .accordion_area --- */
  .accordion_area {
    width: 100%;
  }
  .accordion_area h3.title.question {
    padding: 5px 30px 5px 40px;
     line-height: 1.5;
  }
   .accordion_area .js_ac .title::after {
    content: '＋';
    position: absolute;
    /* right: -20px; */
		 right: 10px;
    top: 25%;
  }
   .accordion_area .js_ac .toggle {
    display: none;
  }
   .accordion_area .js_ac.is_active .title::after {
    content: '－';
  }
   .accordion_area .js_ac.is_active .toggle {
    display: block;
  }
   /* .accordion_area .toggle.answer ul {
    background: url(https://shopping.c.yimg.jp/lib/honyaclubbook/ico_faq03.gif) no-repeat left 0 top 5px;
  } */
  .accordion_area .toggle.answer {
    padding: 5px 10px 5px 40px;
		line-height: 1.5;
  }
   .accordion_area .toggle.answer li {
    letter-spacing: normal;
    /* padding: 5px 0 5px 30px; */
  }
   .accordion_area .toggle li a {
    position: relative;
    display: block;
    /*padding-right: 30px;*/
    padding: 15px 30px 15px 10px;
  }
  /*  .accordion_area .toggle li a::after {
    content: "〉";
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 15px;
  } */
  
  
  
}
/* ========== /SP ========== */