@charset "utf-8";

/*toggle*/
#categoryTreeArea{
/* デザイン適用*/
  margin-top:10px;
  border: solid #333 10px;
}
#categoryTreeArea ul{
  list-style: none;
}
.toggle_menu {
/* デザイン適用
  padding: 0;
*/
}
.toggle_menu ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
  white-space: nowrap;
  border-top: 1px dashed #cdcdcd;
  line-height: 40px;
}
.accordionExpansion ul {
  display: none;
}
.accordionExpansion li {
  cursor: pointer;
  /* デザイン適用 */
  position: relative;
  background: #999;
  color: #fff;
}
/* デザイン適用 */
.accordionExpansion li a {
  color: #fff;
  text-decoration: none;
  margin-left: 10px;
}
/* デザイン適用 */
.accordionExpansion li h4::after {
    content: "▼";
//    float: right;
//    margin-left: auto;
    position: absolute;
    right: 10px;
    color: #fff;
    transition: 0.2s all;
}
/* デザイン適用 */
.accordionExpansion li h4.open::after {
    transform: rotate(-180deg);
}
.accordion_expansion_depth_1 {
/* デザイン適用
  color: rgba(255, 255, 255, 1);
  background: rgba(51, 51, 51, 1);
*/
    background: #666;
    color: #fff;
}
.accordion_expansion_depth_1:hover {
/* デザイン適用
  text-decoration:underline;
*/
}
.accordion_expansion_depth_2 {
/* デザイン適用
  color: rgba(255, 255, 255, 1);
  background: rgba(0, 104, 183, 1);
*/
    background: #666;
    color: #fff;
  /* デザイン適用 */
  padding-left: 20px;
}
.accordion_expansion_depth_2:hover {
/* デザイン適用
  color: rgba(0, 104, 183, 1);
  background: rgba(255, 255, 255, 1);
*/
}
.accordion_expansion_depth_3 {
/* デザイン適用
  color: rgba(255, 255, 255, 1);
  background: rgba(55, 150, 225, 1);
*/
    background: #666;
    color: #fff;
  /* デザイン適用 */
  padding-left: 30px;
}
.accordion_expansion_depth_3.open {
/* デザイン適用
  color: rgba(255, 255, 255, 1);
  background: rgba(0, 104, 183, 1);
*/
}
.accordion_expansion_depth_3:hover {
/* デザイン適用
  color: rgba(55, 150, 225, 1);
  background: rgba(255, 255, 255, 1);
*/
}
.accordion_expansion_depth_4 {
/* デザイン適用
  background: rgba(218, 231, 240, 1);
*/
    background: #666;
    color: #fff;
  /* デザイン適用 */
  padding-left: 40px;
}
.accordion_expansion_depth_4:hover {
/* デザイン適用
  text-decoration:underline;
*/
}

/*IE10,11*/
@media screen and (-ms-high-contrast: active) , ( -ms-high-contrast :
  none) {
  .accordion .toggle {
    padding-top: 1px;
  }
}