@charset "UTF-8";
/*
My Accordion Style
*/
/* colors */
/* 固定ページ コンテンツの背景色 */
/*  サイドバー【.sidemenu-box__inner】の背景色*/
/* ページコンテンツ内で使う背景色 */
/*アコーディオンタイトル*/
.accordion-title {
  position: relative;
  /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  padding-top: 0.5em;
  padding-right: 0.5em;
  padding-left: 50px;
  padding-bottom: 0.5em;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-color: #3B00C1;
  color: #ffffff;
  /* アイコンの＋と× */
  /* アイコンの＋と× ここまで */
  /* 隠す動作 */
}

.accordion-title::before, .accordion-title::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  background-color: #ffffff;
}

.accordion-title::before {
  top: 48%;
  left: 15px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.accordion-title::after {
  top: 48%;
  left: 15px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-title.accordion-close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

/* 表示するエリア */
.accordion-box {
  display: none;
}