@charset "UTF-8";
@-webkit-keyframes linkAnime {
  0% {
    -webkit-transform: scaleX(1); }
  50% {
    -webkit-transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1); } }
@keyframes linkAnime {
  0% {
    transform: scaleX(1); }
  50% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }
/* top
=================================================================== */
.detail__link {
  text-indent: -9999px;
  height: 37px;
  margin: 0 auto;
  position: relative; }
  .detail__link a {
    height: 100%; }
  .detail__link:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    left: 0;
    bottom: 0; }
  .detail__link:hover:after {
    -webkit-animation: linkAnime .6s ease-in-out 1;
    animation: linkAnime .6s ease-in-out 1; }

.topSection {
  width: calc(100% - 132px);
  height: 690px;
  margin: -48px auto 0;
  border-radius: 30px;
  -ms-transition-duration: 2s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 2s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　-moz-transition-duration: 2s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  position: relative; }
  .topSection.color0 {
    background: rgba(115, 227, 169, 0.61); }
  .topSection.color1 {
    background: rgba(218, 163, 176, 0.61); }
  .topSection.color2 {
    background: rgba(200, 219, 162, 0.61); }
  .topSection ul {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
    .topSection ul li {
      text-indent: -9999px;
      opacity: 0; }
      .topSection ul li.boy {
        width: 584px;
        height: 620px;
        background: url(../img/top/top__boy.png) no-repeat center center;
        background-size: 100% auto;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
      .topSection ul li.women {
        width: 584px;
        height: 645px;
        background: url(../img/top/top__women.png) no-repeat center center;
        background-size: 100% auto;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
      .topSection ul li.men {
        width: 625px;
        height: 659px;
        background: url(../img/top/top__men.png) no-repeat center center;
        background-size: 100% auto;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
  .topSection .topSection__text {
    text-indent: -9999px;
    background: url(../img/top/top__text.png) no-repeat center center;
    background-size: 100% auto;
    width: 478px;
    height: 80px;
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1; }

.conceptSection {
  background: url(../img/top/cencept.jpg) no-repeat center center;
  background-size: cover;
  height: 538px;
  text-align: center;
  width: 100%; }
  .conceptSection h2 {
    background: url(../img/title__concept.png) no-repeat center center;
    background-size: auto 100%; }
  .conceptSection p {
    font-size: 15px;
    margin-bottom: 22px;
    color: #fff;
    font-weight: bold; }

.shopSection {
  margin-bottom: 128px; }
  .shopSection h2 {
    background: url(../img/title__shoplocation.png) no-repeat center center;
    background-size: auto 100%; }
  .shopSection .shopSection__info {
    width: 563px;
    float: left; }
    .shopSection .shopSection__info:first-of-type {
      margin-right: 44px; }
    .shopSection .shopSection__info .shopSection__info--name {
      font-size: 15px;
      margin-bottom: 10px; }
      .shopSection .shopSection__info .shopSection__info--name span {
        font-weight: bold; }
    .shopSection .shopSection__info .shopSection__info--image {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 15px; }
    .shopSection .shopSection__info .shopSection__info--container {
      position: relative;
      font-size: 12px; }
      .shopSection .shopSection__info .shopSection__info--container .shopSection__info--map {
        text-indent: -9999px;
        -ms-transition-duration: 0.4s;
        -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -webkit-transition-duration: 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        　-moz-transition-duration: 0.4s;
        -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        　transition-duration: 0.4s;
        transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        position: absolute;
        right: 0;
        top: 0;
        background: url(../img/top/icon__map.png) no-repeat center center;
        background-size: 100% auto;
        width: 103px;
        height: 22px; }
        .shopSection .shopSection__info .shopSection__info--container .shopSection__info--map:hover {
          opacity: 0.5; }
      .shopSection .shopSection__info .shopSection__info--container .shopSection__info--detail li {
        position: relative; }
        .shopSection .shopSection__info .shopSection__info--container .shopSection__info--detail li dt {
          position: absolute;
          left: 0;
          top: 0;
          width: 86px; }
        .shopSection .shopSection__info .shopSection__info--container .shopSection__info--detail li dd {
          margin-left: 86px; }