/* --------------------------------------------------
	contact
-------------------------------------------------- */
#hidden-shop-list {
  display: none; }

@media only screen and (min-width: 769px) {
  .contact-content {
    padding: 40px 0 0; }
    .contact-content .shop-list {
      text-align: center;
      margin: 50px auto 70px auto;
      position: relative; }
      .contact-content .shop-list .catch {
        text-align: center;
        font-size: 2rem;
        padding-bottom: 15px; }
        .contact-content .shop-list .catch span {
          position: relative; }
          .contact-content .shop-list .catch span:before {
            content: "";
            background: url(/commons/images/form/bg_catch.png) no-repeat;
            background-size: 75px auto;
            width: 75px;
            height: 21px;
            position: absolute;
            left: -90px;
            top: 50%;
            margin-top: -10px; }
          .contact-content .shop-list .catch span:after {
            content: "";
            background: url(/commons/images/form/bg_catch.png) no-repeat;
            background-size: 75px auto;
            width: 75px;
            height: 21px;
            position: absolute;
            right: -90px;
            top: 50%;
            margin-top: -10px;
            transform: scale(-1, 1); }
      .contact-content .shop-list .shop-list-inner {
        background: #FEF4F6;
        padding: 15px; }
        .contact-content .shop-list .shop-list-inner .btn {
          clear: both;
          position: relative;
          position: 1;
          text-align: center; }
          .contact-content .shop-list .shop-list-inner .btn a {
            width: 300px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            margin: 0 auto;
            background: #fff;
            border-radius: 15px;
            font-size: 1.3rem;
            display: block; }
            .contact-content .shop-list .shop-list-inner .btn a i {
              color: #ff9ca8; }
        .contact-content .shop-list .shop-list-inner ul {
          width: 1000px;
          margin: 0px auto;
          padding-bottom: 10px; }
          .contact-content .shop-list .shop-list-inner ul li {
            width: 20%;
            float: left;
            padding: 0 5px; }
            .contact-content .shop-list .shop-list-inner ul li figure {
              margin-bottom: 5px; }
              .contact-content .shop-list .shop-list-inner ul li figure img {
                width: 100%;
                height: auto;
                border: 3px solid #FEF4F6; }
        .contact-content .shop-list .shop-list-inner .time {
          font-size: 1.6rem;
          letter-spacing: 3px; }
          .contact-content .shop-list .shop-list-inner .time b {
            color: #d93156;
            font-size: 2rem;
            font-weight: 400; }
          .contact-content .shop-list .shop-list-inner .time span {
            font-size: 1.2rem;
            margin-left: 5px; }

  .accordion-group {
    text-align: center;
    padding: 20px 0;
    background: url(../../images/common/bg_dot.png);
    background-size: 32px auto;
    margin: 20px 0; }
    .accordion-group .accordion-btn {
      width: 450px;
      line-height: 50px;
      border-radius: 25px;
      font-size: 1.6rem;
      background: #ffd7dc;
      text-align: center;
      margin: 0 auto; }
      .accordion-group .accordion-btn i {
        color: #d93156; }
      .accordion-group .accordion-btn i.icon-d {
        display: inline-block; }
      .accordion-group .accordion-btn i.icon-u {
        display: none; }
      .accordion-group .accordion-btn.on i.icon-d {
        display: none; }
      .accordion-group .accordion-btn.on i.icon-u {
        display: inline-block; }
    .accordion-group dl {
      border-bottom-color: rgba(255, 214, 219, 0.4); }
      .accordion-group dl:after {
        background: rgba(255, 214, 219, 0.7); }
      .accordion-group dl dt {
        text-align: left; }

  dl dd .hasDatepicker {
    float: left;
    margin-right: 10px; }

  dl dd .select {
    float: left; }

  dl dd > p {
    padding-bottom: 1rem; }
    dl dd > p small {
      font-size: 1.2rem; } }
@media only screen and (max-width: 768px) {
  .contact-content {
    padding: 2rem 0 0; }
    .contact-content .shop-list {
      margin-bottom: 3rem; }
      .contact-content .shop-list .catch {
        text-align: center;
        font-size: 1.6rem;
        padding: 1rem 0; }
      .contact-content .shop-list .shop-list-inner {
        background: #FEF4F6;
        padding: 1rem .5rem; }
        .contact-content .shop-list .shop-list-inner .btn {
          clear: both;
          position: relative;
          position: 1;
          text-align: center; }
          .contact-content .shop-list .shop-list-inner .btn a {
            width: 20rem;
            height: 3rem;
            line-height: 3rem;
            text-align: center;
            margin: 0 auto;
            background: #fff;
            border-radius: 1.5rem;
            font-size: 1.2rem;
            display: inline-block; }
            .contact-content .shop-list .shop-list-inner .btn a i {
              color: #ff9ca8; }
        .contact-content .shop-list .shop-list-inner ul {
          padding-bottom: .5rem; }
          .contact-content .shop-list .shop-list-inner ul li {
            width: 20%;
            float: left;
            letter-spacing: 0;
            padding: 0 .1rem; }
            .contact-content .shop-list .shop-list-inner ul li figure {
              margin-bottom: .5rem; }
              .contact-content .shop-list .shop-list-inner ul li figure img {
                width: 100%;
                height: auto;
                border: .2rem solid #FEF4F6; }
            .contact-content .shop-list .shop-list-inner ul li.yokohama .time {
              font-size: .9rem;
              line-height: 1.35; }
        .contact-content .shop-list .shop-list-inner .time {
          line-height: 1.1;
          text-align: center; }
          .contact-content .shop-list .shop-list-inner .time b {
            color: #d93156;
            font-size: 1.8rem;
            font-weight: 400; }
          .contact-content .shop-list .shop-list-inner .time span {
            font-size: 1rem;
            display: block; }

  .accordion-group {
    text-align: center;
    padding: 1.5rem 0;
    background: url(../../images/common/bg_dot.png);
    background-size: 32px auto;
    margin: 1rem 0; }
    .accordion-group .accordion-btn {
      line-height: 3rem;
      border-radius: 1.5rem;
      background: #ffd7dc;
      text-align: center;
      margin: 0 1rem; }
      .accordion-group .accordion-btn i {
        color: #d93156; }
      .accordion-group .accordion-btn i.icon-d {
        display: inline-block; }
      .accordion-group .accordion-btn i.icon-u {
        display: none; }
      .accordion-group .accordion-btn.on i.icon-d {
        display: none; }
      .accordion-group .accordion-btn.on i.icon-u {
        display: inline-block; }
    .accordion-group dl {
      border-bottom-color: rgba(255, 214, 219, 0.4); }
      .accordion-group dl:after {
        background: rgba(255, 214, 219, 0.7); }
      .accordion-group dl dt {
        text-align: left; }

  dl dd .hasDatepicker {
    margin-bottom: .5rem; }

  dl dd > p {
    padding-bottom: .5rem; }
    dl dd > p small {
      font-size: 1rem;
      display: inline-block;
      line-height: 1.2; } }
