@media only screen and (max-width: 767px) {
  /* brand_detail sp
  =================================================================== */
  .brand_detail {
    padding-bottom: 60px; }
    .brand_detail.section {
      width: calc(100% - 44px); }
    .brand_detail .brand__main {
      margin-bottom: 40px; }
      .brand_detail .brand__main .brand__main--image {
        width: 100%;
        float: none;
        margin-bottom: 15px; }
      .brand_detail .brand__main .brand__main--contents {
        margin-left: 0; }
        .brand_detail .brand__main .brand__main--contents .brand__main--logo {
          width: 140px;
          height: 46px;
          margin-bottom: 8px; }
        .brand_detail .brand__main .brand__main--contents .brand__main--name {
          line-height: 16px;
          float: left; }
        .brand_detail .brand__main .brand__main--contents .brand__main--link {
          margin-left: auto;
          margin-bottom: 18px; }
    .brand_detail .brand__item ul {
      margin-right: -12px;
      margin-bottom: 50px; }
      .brand_detail .brand__item ul li {
        width: calc(50% - 12px);
        margin-right: 12px;
        margin-bottom: 18px; }
        .brand_detail .brand__item ul li .brand__item--image {
          padding: 18px;
          margin-bottom: 5px;
          height: 0;
          padding-top: calc(100% - 22px);
          position: relative; }
          .brand_detail .brand__item ul li .brand__item--image span {
            position: absolute;
            left: 9px;
            top: 9px;
            width: calc(100% - 18px);
            height: calc(100% - 18px); }
    .brand_detail .brand__list .brand__list--title {
      margin-bottom: 20px;
      width: 72px;
      height: 24px; }
    .brand_detail .brand__list .brand__list--container {
      font-size: 10px; }
      .brand_detail .brand__list .brand__list--container ul {
        padding: 0 10px;
        width: calc(100%/3); }
        .brand_detail .brand__list .brand__list--container ul li {
          margin-bottom: 10px; } }