@charset "UTF-8";
/*
  tag_all_page
*/
.tag_all .content_wrap {
  margin: 100px auto;
  width: 1080px;
}
.tag_all .content_wrap .tag_all_wrap {
  width: 740px;
}
.tag_all .content_wrap .tag_all_wrap h2 {
  font-family: europa, YakuHanJP, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
    "小塚ゴシック Pro", "Kozuka Gothic Pro", "Noto Sans JP";
  font-weight: 700;
  font-size: 44px;
}
.tag_all .content_wrap .tag_all_wrap .popular_tag_wrap,
.tag_all .content_wrap .tag_all_wrap .tag_list_wrap {
  margin-top: 110px;
  column-count: 2;
  -webkit-column-count: 2;
  -ms-column-count: 2;
}
.tag_all .content_wrap .tag_all_wrap .popular_tag_wrap .dropdown,
.tag_all .content_wrap .tag_all_wrap .tag_list_wrap .dropdown {
  margin-right: 60px;
  padding: 0;
}
.tag_all
  .content_wrap
  .tag_all_wrap
  .popular_tag_wrap
  .dropdown
  .dropdown_element
  h3,
.tag_all
  .content_wrap
  .tag_all_wrap
  .tag_list_wrap
  .dropdown
  .dropdown_element
  h3 {
  font-family: europa, YakuHanJP, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
    "小塚ゴシック Pro", "Kozuka Gothic Pro", "Noto Sans JP";
  font-weight: 700;
  font-size: 18px;
}
.tag_all .content_wrap .tag_all_wrap .popular_tag_wrap .dropdown .dropdown_view,
.tag_all .content_wrap .tag_all_wrap .tag_list_wrap .dropdown .dropdown_view {
  margin-top: 15px;
  margin-bottom: 60px;
}
.tag_all
  .content_wrap
  .tag_all_wrap
  .popular_tag_wrap
  .dropdown
  .dropdown_view
  .dropdown_list
  li
  a,
.tag_all
  .content_wrap
  .tag_all_wrap
  .tag_list_wrap
  .dropdown
  .dropdown_view
  .dropdown_list
  li
  a {
  font-family: europa, YakuHanJP, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
    "小塚ゴシック Pro", "Kozuka Gothic Pro", "Noto Sans JP";
  font-weight: 400;
  font-size: 14px;
  color: #7e7e7e;
}
@media only screen and (max-width: 796px) {
  .tag_all .content_wrap {
    margin: 60px auto;
    width: 100%;
  }
  .tag_all .content_wrap .tag_all_wrap {
    width: 100%;
  }
  .tag_all .content_wrap .tag_all_wrap h2 {
    font-size: 28px;
    text-align: center;
  }
  .tag_all .content_wrap .tag_all_wrap .tag_list_wrap {
    margin-top: 60px;
    column-count: 1;
    -webkit-column-count: 1;
    -ms-column-count: 1;
  }
  .tag_all .content_wrap .tag_all_wrap .tag_list_wrap .dropdown {
    margin-right: 0;
  }
  .tag_all
    .content_wrap
    .tag_all_wrap
    .tag_list_wrap
    .dropdown
    .dropdown_element {
    position: relative;
    padding: 24px 5%;
    background-color: #eaeaea;
    border-bottom: 1px solid #d2d2d2;
  }
  .tag_all
    .content_wrap
    .tag_all_wrap
    .tag_list_wrap
    .dropdown
    .dropdown_element
    h3 {
    font-size: 14px;
  }
  .tag_all
    .content_wrap
    .tag_all_wrap
    .tag_list_wrap
    .dropdown
    .dropdown_element:after {
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    margin: auto;
    width: 13px;
    height: 7px;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../img/icon/tag/arrow_down.png");
  }
  .tag_all .content_wrap .tag_all_wrap .tag_list_wrap .dropdown .dropdown_view {
    display: none;
    margin: 0 auto;
    padding: 24px 5%;
  }
  .tag_all
    .content_wrap
    .tag_all_wrap
    .tag_list_wrap
    .dropdown
    .dropdown_view
    .dropdown_list
    li
    a {
    font-family: europa, YakuHanJP, "ヒラギノ角ゴ Pro",
      "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro", "Kozuka Gothic Pro",
      "Noto Sans JP";
    font-weight: 400;
    font-size: 14px;
    color: #7e7e7e;
  }
  .tag_all .content_wrap .tag_all_wrap .tag_list_wrap .dropdown .active:after {
    background-image: url("../img/icon/tag/arrow_up.png");
  }
  .tag_all .content_wrap .tag_all_wrap .tag_list_wrap .dropdown .active_view {
    display: block;
  }
  .tag_all .content_wrap .sidebar {
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    width: 90%;
  }
  .tag_all .content_wrap .sidebar .popular_tag_wrap,
  .tag_all .content_wrap .sidebar .tags_list_wrap {
    margin-top: 0;
    padding-top: 20px;
  }
  .tag_all .content_wrap .sidebar .popular_tag_wrap .title_wrap,
  .tag_all .content_wrap .sidebar .tags_list_wrap .title_wrap {
    padding-left: 0;
  }
  .tag_all .content_wrap .sidebar .popular_tag_wrap .list_wrap,
  .tag_all .content_wrap .sidebar .tags_list_wrap .list_wrap {
    padding-top: 20px;
  }
}