@charset "UTF-8";
@font-face {
  font-family: 'fontello';
  src: url("/brand_common/font/fontello.eot?78752234");
  src: url("/brand_common/font/fontello.eot?78752234#iefix") format("embedded-opentype"), url("/brand_common/font/fontello.woff?78752234") format("woff"), url("/brand_common/font/fontello.ttf?78752234") format("truetype"), url("/brand_common/font/fontello.svg?78752234#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
html {
  font-family: Roboto,Yu Gothic Medium,"游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1; }
  html body {
    margin: 0;
    padding: 0; }
    html body h1, html body h2, html body h3, html body p, html body ul, html body ol, html body li, html body dl, html body dt, html body dd, html body figure {
      font-weight: normal;
      margin: 0;
      padding: 0; }
    html body ul {
      list-style: none; }
    html body a {
      text-decoration: none;
      transition: all .3s; }

main {
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding-top: 90px; }
  @media only screen and (max-width: 767px) {
    main {
      padding-top: 70px; } }
  main .breadcrumb {
    width: 100%;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      main .breadcrumb {
        display: none; } }
    main .breadcrumb ul {
      font-size: 0;
      padding: 10px 40px 14px; }
      main .breadcrumb ul li {
        display: inline-block;
        font-family: YuGothic,"Yu Gothic Medium","Yu Gothic","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;
        font-size: 1.1rem;
        line-height: 1;
        letter-spacing: 0.08em;
        margin-right: 10px; }
        main .breadcrumb ul li:after {
          font-family: "fontello";
          content: "\E820";
          color: #4c4c4c;
          margin-left: 10px; }
        main .breadcrumb ul li:last-child:after {
          display: none; }
        main .breadcrumb ul li a {
          color: #4c4c4c;
          text-decoration: underline; }
          main .breadcrumb ul li a:hover {
            color: #e2231a; }
        main .breadcrumb ul li span {
          color: #4c4c4c; }
  main section {
    width: 100%; }
    main section.result {
      background: #fff; }
    main section .container {
      width: 100%;
      max-width: 1260px;
      text-align: left;
      margin: 0 auto; }
      main section .container.kv {
        max-width: 100%;
        background: url(/shoplist/wp-content/themes/unitedathle/img/kv2.jpg) no-repeat center center;
        background-size: cover; }
        main section .container.kv .block_kv {
          position: relative;
          width: 100%;
          max-width: 1260px;
          height: 300px;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            main section .container.kv .block_kv {
              height: 120px; } }
          main section .container.kv .block_kv h1 {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            font-family: Roboto,Yu Gothic Medium,"游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",sans-serif;
            font-size: 4.6rem;
            font-weight: bold;
            color: #333;
            line-height: 1;
            letter-spacing: 0.05em; }
            @media only screen and (max-width: 767px) {
              main section .container.kv .block_kv h1 {
                top: 50%;
                left: 15px;
                font-size: 3rem; } }
            main section .container.kv .block_kv h1 span {
              display: block;
              font-size: 1.6rem;
              margin: 20px 0 0 3px; }
              @media only screen and (max-width: 767px) {
                main section .container.kv .block_kv h1 span {
                  font-size: 1.4rem;
                  margin: 8px 0 0 0; } }
      main section .container.topbnr {
        position: relative;
        height: 120px; }
        @media only screen and (max-width: 767px) {
          main section .container.topbnr {
            height: auto; } }
        main section .container.topbnr .list_nav_and_banner {
          position: absolute;
          bottom: 0;
          left: 0;
          width: calc(100% + 20px);
          font-size: 0;
          letter-spacing: 0; }
          @media only screen and (max-width: 767px) {
            main section .container.topbnr .list_nav_and_banner {
              position: static;
              width: calc(100% - 16px);
              margin: 15px 8px 0; } }
          main section .container.topbnr .list_nav_and_banner li {
            display: inline-block;
            vertical-align: top;
            width: calc(33.3% - 20px);
            background: #fff;
            margin: 0 10px; }
            @media only screen and (max-width: 767px) {
              main section .container.topbnr .list_nav_and_banner li {
                width: calc(33.3% - 14px);
                margin: 0 7px; } }
            main section .container.topbnr .list_nav_and_banner li a {
              display: block; }
              main section .container.topbnr .list_nav_and_banner li a img {
                display: block;
                width: 100%;
                height: auto; }
              main section .container.topbnr .list_nav_and_banner li a:hover {
                opacity: 0.8; }
      main section .container.search_shop {
        margin-top: 40px; }
        @media only screen and (max-width: 767px) {
          main section .container.search_shop {
            padding: 0; } }
        @media only screen and (max-width: 1099px) {
          main section .container.search_shop {
            margin-top: 20px; } }
        main section .container.search_shop .hide {
          display: none;
          margin-top: 30px;
          padding-bottom: 20px; }
        main section .container.search_shop h1 {
          position: relative;
          font-size: 2.4rem;
          font-weight: bold; }
          @media only screen and (max-width: 1099px) {
            main section .container.search_shop h1 {
              font-size: 2rem;
              margin: 0 15px; } }
          @media only screen and (max-width: 767px) {
            main section .container.search_shop h1 {
              font-size: 1.5rem; } }
          main section .container.search_shop h1:before {
            font-family: "fontello";
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: auto;
            text-align: center;
            content: "\E801";
            margin-right: 8px; }
            @media only screen and (max-width: 767px) {
              main section .container.search_shop h1:before {
                margin-right: 4px; } }
          main section .container.search_shop h1 .re_search {
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            font-size: 1.6rem;
            color: #666;
            line-height: 40px;
            background: #f4f4f4;
            border: solid #ccc 1px;
            padding: 0 12px; }
            @media only screen and (max-width: 1099px) {
              main section .container.search_shop h1 .re_search {
                font-size: 1.4rem;
                line-height: 36px; } }
            @media only screen and (max-width: 767px) {
              main section .container.search_shop h1 .re_search {
                font-size: 1.2rem;
                line-height: 30px;
                padding: 0 6px; } }
            main section .container.search_shop h1 .re_search:before {
              font-family: "fontello";
              font-style: normal;
              font-weight: normal;
              speak: none;
              display: inline-block;
              text-decoration: inherit;
              width: auto;
              text-align: center;
              content: "\E837";
              color: #e2231a;
              margin-right: 6px; }
              @media only screen and (max-width: 767px) {
                main section .container.search_shop h1 .re_search:before {
                  margin-right: 3px; } }
            main section .container.search_shop h1 .re_search:hover {
              color: #fff;
              background: #666; }
        main section .container.search_shop p {
          font-size: 1.5rem;
          line-height: 1.6;
          margin-top: 20px; }
          @media only screen and (max-width: 1099px) {
            main section .container.search_shop p {
              font-size: 1.4rem; } }
          @media only screen and (max-width: 767px) {
            main section .container.search_shop p {
              font-size: 1.2rem;
              margin-top: 10px; } }
        main section .container.search_shop dl {
          display: flex;
          align-items: center;
          font-size: 0;
          border-top: solid #d7d7d7 1px;
          margin: 0; }
          @media only screen and (max-width: 1099px) {
            main section .container.search_shop dl {
              width: 100%;
              margin: 0; } }
          @media only screen and (max-width: 767px) {
            main section .container.search_shop dl {
              padding: 20px 0; } }
          main section .container.search_shop dl.last {
            border-bottom: solid #d7d7d7 1px; }
          main section .container.search_shop dl dt, main section .container.search_shop dl dd {
            display: inline-block;
            vertical-align: top;
            font-size: 1.5rem;
            margin: 0; }
            @media only screen and (max-width: 767px) {
              main section .container.search_shop dl dt, main section .container.search_shop dl dd {
                display: block;
                padding: 0; } }
          main section .container.search_shop dl dt {
            width: 310px;
            font-weight: bold;
            padding: 20px 0 20px 40px; }
            @media only screen and (max-width: 1099px) {
              main section .container.search_shop dl dt {
                width: 180px;
                margin-left: 15px; } }
            @media only screen and (max-width: 767px) {
              main section .container.search_shop dl dt {
                font-size: 1.4rem;
                padding: 0; } }
          main section .container.search_shop dl dd {
            width: calc(100% - 310px);
            padding: 20px 0 10px; }
            @media only screen and (max-width: 1099px) {
              main section .container.search_shop dl dd {
                width: calc(100% - 210px); } }
            @media only screen and (max-width: 767px) {
              main section .container.search_shop dl dd {
                width: auto;
                padding: 10px 15px 5px; } }
            main section .container.search_shop dl dd ul {
              font-size: 0;
              margin: 0; }
              main section .container.search_shop dl dd ul li {
                display: inline-block;
                vertical-align: middle;
                margin: 0 60px 10px 0; }
                main section .container.search_shop dl dd ul li.w280 {
                  width: 280px; }
                  @media only screen and (max-width: 1099px) {
                    main section .container.search_shop dl dd ul li.w280 {
                      width: auto; } }
                  @media only screen and (max-width: 767px) {
                    main section .container.search_shop dl dd ul li.w280 {
                      display: block; } }
                @media only screen and (max-width: 767px) {
                  main section .container.search_shop dl dd ul li {
                    margin: 0 22px 12px 0; } }
                main section .container.search_shop dl dd ul li input[type="checkbox"] {
                  display: none; }
                main section .container.search_shop dl dd ul li input[type="checkbox"]:checked + label:before {
                  background: #e2231a;
                  border: solid #e2231a 1px; }
                main section .container.search_shop dl dd ul li input[type="checkbox"]:checked + label:after {
                  position: absolute;
                  top: 1px;
                  left: 2px;
                  font-family: "fontello";
                  font-style: normal;
                  font-weight: normal;
                  speak: none;
                  display: inline-block;
                  text-decoration: inherit;
                  width: auto;
                  text-align: center;
                  content: "\E808";
                  font-size: 1rem;
                  color: #fff; }
                main section .container.search_shop dl dd ul li label {
                  position: relative;
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 1.5rem;
                  line-height: 1.3;
                  cursor: pointer;
                  padding-left: 22px; }
                  @media only screen and (max-width: 1099px) {
                    main section .container.search_shop dl dd ul li label {
                      font-size: 1.4rem; } }
                  @media only screen and (max-width: 767px) {
                    main section .container.search_shop dl dd ul li label {
                      font-size: 1.3rem; } }
                  main section .container.search_shop dl dd ul li label:before {
                    position: absolute;
                    top: 1px;
                    left: 0;
                    content: "";
                    display: block;
                    width: 13px;
                    height: 13px;
                    background: #fff;
                    border: solid #ccc 1px; }
                main section .container.search_shop dl dd ul li .hatena {
                  position: relative;
                  display: inline-block;
                  vertical-align: top;
                  width: 28px;
                  height: 28px;
                  background: #ccc;
                  border-radius: 50%;
                  margin: -5px 0 0 6px;
                  transform: translateY(-1px);
                  cursor: pointer;
                  transition: all .3s;
                  z-index: 887; }
                  main section .container.search_shop dl dd ul li .hatena:before {
                    font-family: "fontello";
                    font-style: normal;
                    font-weight: normal;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: auto;
                    text-align: center;
                    content: "\E805";
                    width: 28px;
                    font-size: 1.6rem;
                    color: #fff;
                    line-height: 26px; }
                  main section .container.search_shop dl dd ul li .hatena:hover {
                    background: #999; }
                  main section .container.search_shop dl dd ul li .hatena .balloon {
                    display: none;
                    position: absolute;
                    top: 40px;
                    left: -140px;
                    width: 280px;
                    font-size: 1.3rem;
                    line-height: 1.4;
                    background: #ddd;
                    border-radius: 8px;
                    padding: 15px; }
                    @media only screen and (max-width: 767px) {
                      main section .container.search_shop dl dd ul li .hatena .balloon {
                        left: -80px;
                        width: 210px;
                        z-index: 998; } }
                    main section .container.search_shop dl dd ul li .hatena .balloon:before {
                      position: absolute;
                      top: -15px;
                      left: 146px;
                      content: "";
                      width: 0;
                      height: 0;
                      border-bottom: solid #ddd 16px;
                      border-left: solid transparent 8px;
                      border-right: solid transparent 8px; }
                      @media only screen and (max-width: 767px) {
                        main section .container.search_shop dl dd ul li .hatena .balloon:before {
                          left: 86px; } }
          @media only screen and (max-width: 767px) {
            main section .container.search_shop dl dl + dl {
              margin-top: 15px; } }
        main section .container.search_shop .block_btn {
          text-align: center;
          margin-top: 40px; }
          @media only screen and (max-width: 1099px) {
            main section .container.search_shop .block_btn {
              margin-top: 20px; } }
          main section .container.search_shop .block_btn ul {
            text-align: center; }
            main section .container.search_shop .block_btn ul li {
              display: block;
              width: 696px;
              margin: 0 auto; }
              @media only screen and (max-width: 767px) {
                main section .container.search_shop .block_btn ul li {
                  width: calc(100% - 30px); } }
              main section .container.search_shop .block_btn ul li a {
                display: block;
                font-size: 2rem;
                font-weight: bold;
                color: #fff;
                line-height: 71px;
                text-align: center; }
                @media only screen and (max-width: 1099px) {
                  main section .container.search_shop .block_btn ul li a {
                    font-size: 2rem;
                    line-height: 64px; } }
                @media only screen and (max-width: 767px) {
                  main section .container.search_shop .block_btn ul li a {
                    font-size: 1.8rem;
                    line-height: 56px; } }
                main section .container.search_shop .block_btn ul li a.submit {
                  background: #c00;
                  border: solid #c00 2px; }
                  main section .container.search_shop .block_btn ul li a.submit:before {
                    font-family: "fontello";
                    font-style: normal;
                    font-weight: normal;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: auto;
                    text-align: center;
                    content: "\E801";
                    margin-right: 8px; }
                  main section .container.search_shop .block_btn ul li a.submit:hover {
                    color: #c00;
                    background: #fdd; }
                main section .container.search_shop .block_btn ul li a.cancel {
                  background: #666;
                  border: solid #666 2px; }
                  main section .container.search_shop .block_btn ul li a.cancel:before {
                    font-family: "fontello";
                    font-style: normal;
                    font-weight: normal;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: auto;
                    text-align: center;
                    content: "\E811";
                    margin-right: 8px; }
                  main section .container.search_shop .block_btn ul li a.cancel:hover {
                    color: #666;
                    background: #e0e0e0; }
            main section .container.search_shop .block_btn ul li + li {
              margin-top: 20px; }
      main section .container.result {
        padding-top: 30px; }
        @media only screen and (max-width: 1099px) {
          main section .container.result {
            max-width: calc(100% - 30px);
            margin: 0 15px;
            padding-top: 20px; } }
        main section .container.result .block_result {
          width: calc(100% + 100px);
          border-top: solid #d7d7d7 1px;
          margin: 0 -50px;
          padding-top: 40px; }
          @media only screen and (max-width: 767px) {
            main section .container.result .block_result {
              padding-top: 20px; } }
          main section .container.result .block_result dl {
            width: calc(100% - 100px);
            font-size: 0;
            margin: 0 50px; }
            main section .container.result .block_result dl dt, main section .container.result .block_result dl dd {
              display: inline-block;
              vertical-align: top;
              font-size: 1.6rem; }
              @media only screen and (max-width: 1099px) {
                main section .container.result .block_result dl dt, main section .container.result .block_result dl dd {
                  font-size: 1.4rem; } }
            main section .container.result .block_result dl dt {
              width: 76px;
              font-weight: bold; }
            main section .container.result .block_result dl dd {
              width: calc(100% - 76px); }
              main section .container.result .block_result dl dd.tag {
                font-size: 0; }
                main section .container.result .block_result dl dd.tag span {
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 1.3rem;
                  color: #fff;
                  background: #d5251e;
                  margin: 0 6px 6px 0;
                  padding: 6px 8px 5px; }
                  @media only screen and (max-width: 1099px) {
                    main section .container.result .block_result dl dd.tag span {
                      font-size: 1.2rem; } }
                main section .container.result .block_result dl dd.tag .clear {
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 1.3rem;
                  color: #fff;
                  background: #9ab;
                  padding: 6px 8px 5px;
                  margin: 0 0 6px 0; }
                  main section .container.result .block_result dl dd.tag .clear:hover {
                    background: #789; }
                  main section .container.result .block_result dl dd.tag .clear:before {
                    font-family: "fontello";
                    font-style: normal;
                    font-weight: normal;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: auto;
                    text-align: center;
                    content: "\E811";
                    margin-right: 4px; }
          main section .container.result .block_result dl + dl {
            margin-top: 8px; }
            main section .container.result .block_result dl + dl dt {
              padding-top: 5px; }
        main section .container.result .shop_list {
          width: calc(100% + 30px);
          margin: 30px -15px 0; }
          @media only screen and (max-width: 1099px) {
            main section .container.result .shop_list {
              width: calc(100% + 20px);
              margin: 20px -10px 0; } }
          @media only screen and (max-width: 767px) {
            main section .container.result .shop_list {
              width: calc(100% + 14px);
              margin: 20px -7px 0; } }
          main section .container.result .shop_list > li {
            display: inline-block;
            vertical-align: top;
            width: calc(20% - 30px);
            margin: 0 15px 30px; }
            @media only screen and (max-width: 1099px) {
              main section .container.result .shop_list > li {
                width: calc(25% - 20px);
                margin: 0 10px 20px; } }
            @media only screen and (max-width: 767px) {
              main section .container.result .shop_list > li {
                width: calc(50% - 14px);
                margin: 0 7px 15px; } }
            main section .container.result .shop_list > li a {
              display: block;
              color: #666; }
              main section .container.result .shop_list > li a:hover {
                transform: translateY(-4px); }
                main section .container.result .shop_list > li a:hover figure .shop_img {
                  opacity: 0.8; }
              main section .container.result .shop_list > li a figure .shop_img {
                width: 100%;
                height: 170px;
                border: 1px solid #d7d7d7;
                transition: all .3s; }
                @media only screen and (max-width: 767px) {
                  main section .container.result .shop_list > li a figure .shop_img {
                    height: 100px; } }
              main section .container.result .shop_list > li a figure figcaption {
                padding: 10px 0 0; }
                main section .container.result .shop_list > li a figure figcaption h2 {
                  font-size: 1.5rem;
                  line-height: 1.2;
                  font-weight: bold; }
                  @media only screen and (max-width: 1099px) {
                    main section .container.result .shop_list > li a figure figcaption h2 {
                      font-size: 1.4rem; } }
                main section .container.result .shop_list > li a figure figcaption p {
                  font-size: 1.2rem;
                  line-height: 1.2;
                  margin-top: 8px; }
                  main section .container.result .shop_list > li a figure figcaption p:before {
                    font-family: "fontello";
                    font-style: normal;
                    font-weight: normal;
                    speak: none;
                    display: inline-block;
                    text-decoration: inherit;
                    width: auto;
                    text-align: center;
                    content: "\E81F";
                    margin-right: 3px; }
                main section .container.result .shop_list > li a figure figcaption ul {
                  font-size: 0;
                  margin: 8px -3px -6px; }
                  main section .container.result .shop_list > li a figure figcaption ul li {
                    display: inline-block;
                    vertical-align: top;
                    font-size: 1.2rem;
                    color: #a5a5a5;
                    border: solid #d7d7d7 1px;
                    margin: 0 3px 6px;
                    padding: 3px 6px; }
      main section .container.detail {
        position: relative;
        margin-top: 60px;
        padding-bottom: 40px; }
        @media only screen and (max-width: 1099px) {
          main section .container.detail {
            width: calc(100% - 30px);
            margin: 30px auto 0; } }
        @media only screen and (max-width: 767px) {
          main section .container.detail {
            width: 100%;
            margin: 0 auto; } }
        main section .container.detail .right_content {
          position: absolute;
          top: 0;
          right: 0;
          width: 40%; }
          @media only screen and (max-width: 767px) {
            main section .container.detail .right_content {
              position: static;
              width: 100%; } }
          main section .container.detail .right_content .swiper-slide {
            border: 1px solid #d7d7d7;
            box-sizing: border-box;
            height: 300px; }
        main section .container.detail .left_content {
          width: calc(60% - 60px);
          text-align: left; }
          @media only screen and (max-width: 1099px) {
            main section .container.detail .left_content {
              width: calc(60% - 30px); } }
          @media only screen and (max-width: 767px) {
            main section .container.detail .left_content {
              width: calc(100% - 30px);
              margin: 30px auto 0; } }
          main section .container.detail .left_content h1 {
            font-size: 3.4rem;
            font-weight: bold;
            border-bottom: 1px solid #d7d7d7;
            margin-bottom: 40px;
            padding-bottom: 10px; }
            @media only screen and (max-width: 767px) {
              main section .container.detail .left_content h1 {
                font-size: 1.9rem;
                margin-bottom: 20px; } }
          main section .container.detail .left_content dl {
            font-size: 0;
            margin-top: 20px; }
            @media only screen and (max-width: 767px) {
              main section .container.detail .left_content dl {
                margin-top: 10px; } }
            main section .container.detail .left_content dl dt, main section .container.detail .left_content dl dd {
              display: inline-block;
              vertical-align: top;
              font-size: 1.4rem;
              line-height: 1.8; }
              @media only screen and (max-width: 767px) {
                main section .container.detail .left_content dl dt, main section .container.detail .left_content dl dd {
                  display: block; } }
            main section .container.detail .left_content dl dt {
              width: 200px;
              font-weight: bold; }
              @media only screen and (max-width: 767px) {
                main section .container.detail .left_content dl dt {
                  width: auto; } }
              main section .container.detail .left_content dl dt:before {
                font-family: "fontello";
                font-style: normal;
                font-weight: normal;
                speak: none;
                display: inline-block;
                text-decoration: inherit;
                width: auto;
                text-align: center;
                text-align: center;
                width: 16px;
                text-align: left;
                margin-right: 4px; }
              main section .container.detail .left_content dl dt.add:before {
                content: "\E81F"; }
              main section .container.detail .left_content dl dt.tel:before {
                content: "\F098"; }
              main section .container.detail .left_content dl dt.tim:before {
                content: "\E810"; }
              main section .container.detail .left_content dl dt.cal:before {
                content: "\E829"; }
              main section .container.detail .left_content dl dt.shop:before {
                content: "\E80C"; }
              main section .container.detail .left_content dl dt.plain:before {
                content: "\E80D"; }
              main section .container.detail .left_content dl dt.plus:before {
                content: "\E82E"; }
              main section .container.detail .left_content dl dt.print:before {
                content: "\E80B"; }
              main section .container.detail .left_content dl dt.online:before {
                content: "\E80E"; }
              main section .container.detail .left_content dl dt.web:before {
                content: "\F032"; }
              main section .container.detail .left_content dl dt span {
                display: inline-block;
                font-size: 1.2rem;
                font-weight: normal;
                color: #e2231a;
                margin-left: 3px; }
              main section .container.detail .left_content dl dt .hatena {
                position: relative;
                display: inline-block;
                vertical-align: top;
                width: 28px;
                height: 28px;
                background: #ccc;
                border-radius: 50%;
                margin: -5px 0 0 6px;
                transform: translateY(-1px);
                cursor: pointer;
                transition: all .3s; }
                main section .container.detail .left_content dl dt .hatena:before {
                  font-family: "fontello";
                  font-style: normal;
                  font-weight: normal;
                  speak: none;
                  display: inline-block;
                  text-decoration: inherit;
                  width: auto;
                  text-align: center;
                  content: "\E805";
                  width: 28px;
                  font-size: 1.6rem;
                  color: #fff;
                  line-height: 26px; }
                main section .container.detail .left_content dl dt .hatena:hover {
                  background: #999;
                  z-index: 999; }
                main section .container.detail .left_content dl dt .hatena .balloon {
                  display: none;
                  position: absolute;
                  top: 40px;
                  left: -140px;
                  width: 280px;
                  font-size: 1.3rem;
                  line-height: 1.4;
                  background: #ddd;
                  border-radius: 8px;
                  padding: 15px; }
                  @media only screen and (max-width: 767px) {
                    main section .container.detail .left_content dl dt .hatena .balloon {
                      left: -80px;
                      width: 210px; } }
                  main section .container.detail .left_content dl dt .hatena .balloon:before {
                    position: absolute;
                    top: -15px;
                    left: 146px;
                    content: "";
                    width: 0;
                    height: 0;
                    border-bottom: solid #ddd 16px;
                    border-left: solid transparent 8px;
                    border-right: solid transparent 8px; }
                    @media only screen and (max-width: 767px) {
                      main section .container.detail .left_content dl dt .hatena .balloon:before {
                        left: 86px; } }
            main section .container.detail .left_content dl dd {
              width: calc(100% - 200px); }
              @media only screen and (max-width: 767px) {
                main section .container.detail .left_content dl dd {
                  width: auto; } }
              main section .container.detail .left_content dl dd a {
                color: #666; }
                main section .container.detail .left_content dl dd a:hover {
                  color: #e2231a; }
                main section .container.detail .left_content dl dd a.gmap {
                  display: inline-block;
                  color: #fff;
                  background-color: #d5251e;
                  margin: 10px 0 0;
                  padding: 4px 8px; }
                  main section .container.detail .left_content dl dd a.gmap:hover {
                    opacity: 0.8; }
                main section .container.detail .left_content dl dd a.link {
                  color: #fff;
                  background-color: #888;
                  padding: 4px 8px; }
                  main section .container.detail .left_content dl dd a.link:hover {
                    opacity: 0.8; }
                main section .container.detail .left_content dl dd a.blank:after {
                  font-family: "fontello";
                  font-style: normal;
                  font-weight: normal;
                  speak: none;
                  display: inline-block;
                  text-decoration: inherit;
                  width: auto;
                  text-align: center;
                  content: "\F08E";
                  margin-left: 4px; }
              main section .container.detail .left_content dl dd span:after {
                content: " / "; }
              main section .container.detail .left_content dl dd span:last-child:after {
                content: ""; }
          main section .container.detail .left_content dl + dl {
            margin-top: 14px; }
            @media only screen and (max-width: 767px) {
              main section .container.detail .left_content dl + dl {
                margin-top: 10px; } }
          main section .container.detail .left_content .message {
            margin-top: 60px; }
            main section .container.detail .left_content .message h2 {
              font-size: 1.7rem;
              font-weight: bold;
              border-bottom: 1px solid #d7d7d7;
              padding-bottom: 10px; }
            main section .container.detail .left_content .message p {
              font-size: 1.4rem;
              line-height: 1.8;
              margin-top: 30px; }
              @media only screen and (max-width: 767px) {
                main section .container.detail .left_content .message p {
                  margin-top: 10px; } }
          main section .container.detail .left_content .list_sns {
            margin-top: 30px; }
            main section .container.detail .left_content .list_sns li {
              display: inline-block;
              vertical-align: middle;
              font-size: 0;
              margin-right: 30px; }
              main section .container.detail .left_content .list_sns li a {
                display: block;
                font-size: 1.2rem;
                font-weight: bold;
                /*&:before {
                	@include fontello_icon;
                	vertical-align: middle;
                	width: 36px;
                	font-size: 2.4rem;
                	line-height: 36px;
                	color: #fff;
                	margin-right: 7px;
                }*/ }
                main section .container.detail .left_content .list_sns li a.fb {
                  color: #3b5998;
                  /*&:before {
                  	content: "\E802";
                  	background: #3b5998;
                  }*/ }
                main section .container.detail .left_content .list_sns li a.tw {
                  color: #55acee; }
                  main section .container.detail .left_content .list_sns li a.tw:before {
                    content: "\F309";
                    background: #55acee; }
                main section .container.detail .left_content .list_sns li a.x {
                  color: #000; }
                main section .container.detail .left_content .list_sns li a:hover {
                  color: #e2231a;
                  /*&:before {
                  	background: #e2231a;
                  }*/ }
                main section .container.detail .left_content .list_sns li a img,
                main section .container.detail .left_content .list_sns li a span {
                  display: inline-block;
                  vertical-align: middle; }
                main section .container.detail .left_content .list_sns li a span {
                  margin: 0 0 0 6px; }
        main section .container.detail .list_btn {
          font-size: 0;
          text-align: center;
          margin: 80px auto 0; }
          @media only screen and (max-width: 1099px) {
            main section .container.detail .list_btn {
              margin: 30px auto 0; } }
          main section .container.detail .list_btn li {
            display: inline-block;
            vertical-align: top;
            margin: 0 20px; }
            @media only screen and (max-width: 1099px) {
              main section .container.detail .list_btn li {
                margin: 10px 20px 0; } }
            main section .container.detail .list_btn li a {
              display: block;
              width: 260px;
              font-size: 1.8rem;
              color: #fff;
              background: #666;
              border: solid #666 2px;
              padding: 18px 0; }
              main section .container.detail .list_btn li a span:before {
                font-family: "fontello";
                font-style: normal;
                font-weight: normal;
                speak: none;
                display: inline-block;
                text-decoration: inherit;
                width: auto;
                text-align: center;
                content: "\E804";
                font-size: 1.6rem;
                margin-right: 8px; }
              main section .container.detail .list_btn li a:hover {
                color: #666;
                background: #e0e0e0; }
      main section .container .note {
        width: 100%;
        text-align: left;
        border-top: solid #d7d7d7 1px;
        margin: 40px 0 0;
        padding: 40px 0; }
        @media only screen and (max-width: 1099px) {
          main section .container .note {
            width: 100%;
            margin: 20px 0 0;
            padding: 20px 0; } }
        main section .container .note p {
          font-size: 1.3rem;
          line-height: 1.5;
          text-indent: -16px;
          padding-left: 16px;
          margin: 0; }
          @media only screen and (max-width: 1099px) {
            main section .container .note p {
              margin: 0 15px; } }
          main section .container .note p span {
            display: inline-block;
            vertical-align: top;
            width: 16px;
            color: #e2231a;
            text-indent: 0; }
          main section .container .note p.attention {
            display: inline-block;
            line-height: 1;
            text-indent: 0;
            margin-top: 30px;
            padding-left: 0; }
            main section .container .note p.attention a {
              display: block;
              font-size: 1.4rem;
              color: #666;
              background: #f4f4f4;
              border: solid #ccc 1px;
              padding: 12px; }
              main section .container .note p.attention a:before {
                font-family: "fontello";
                font-style: normal;
                font-weight: normal;
                speak: none;
                display: inline-block;
                text-decoration: inherit;
                width: auto;
                text-align: center;
                content: "\F0E0";
                color: #e2231a;
                margin-right: 4px; }
              main section .container .note p.attention a:hover {
                color: #fff;
                background: #666; }
        main section .container .note p + p {
          margin-top: 12px; }
