#inner-wrapper {
    position: relative;
    display: block;
    height: 100%;
  }
  #inner-wrapper #slick {
    padding: 0;
    margin: 0 0 20px;

  }

  /*------------------------------------*\
    #card product
  \*------------------------------------*/
  .item-text {
    margin: 0.5rem 0 0;
    font-size: calc( 1rem - 4px );
    line-height: calc( 1rem + 2px );
  }
  .item-text .data{
    margin: 0.5rem 0 0;
    font-size: calc( 1rem - 6px );
    line-height: 1rem;
    display: block;
    color: #aaaaaa;
  }
  .item-text .name{
    margin: 1rem 0 0.5rem;
    font-size: calc( 1rem - 2px );
    line-height: calc( 1rem + 4px );
    display: block;
    color: #aaaaaa;
  }
  #top-contents,
  #top-news,
  #top-blog,
  #top-coordinate {
    position: relative;
    display: block;
    margin: 20px 0 40px;
  }
  #top-contents .top-contents--title,
  #top-news .top-news--title,
  #top-blog .top-blog--title,
  #top-coordinate .top-coordinate--title{
    position: relative;
    display: block;
    margin-bottom: 0rem;
    text-align: center;
  }
  #top-contents .top-contents--title h2,
  #top-news .top-news--title h2,
  #top-blog .top-blog--title h2,
  #top-coordinate .top-coordinate--title h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 0 0 .5rem;
  }
  #top-contents .top-contents--title p a,
  #top-news .top-news--title p a,
  #top-blog .top-blog--title p a,
  #top-coordinate .top-coordinate--title p a {
    text-decoration: underline;
  }
  #top-contents .top-contents--title p a:hover,
  #top-news .top-news--title p a:hover,
  #top-blog .top-blog--title p a:hover,
  #top-coordinate .top-coordinate--title p a:hover {
    text-decoration: none;
  }
  #top-contents .top-contents--data,
  #top-news .top-news--data,
  #top-blog .top-blog--data,
  #top-coordinate .top-coordinate--data {
    position: relative;
    display: block;
    margin-bottom: 20px;
  }
  #top-contents .top-contents--data ul,
  #top-news .top-news--data ul,
  #top-blog .top-blog--data ul,
  #top-coordinate .top-coordinate--data ul {
    display: block;
    position: relative;
  }
  #top-contents .top-contents--data li,
  #top-news .top-news--data li,
  #top-blog .top-blog--data li,
  #top-coordinate .top-coordinate--data li {
    display: inline-block;
    position: relative;
    margin: 1.5rem 0;
  }
  #top-contents .top-contents--data img,
  #top-news .top-news--data img,
  #top-blog .top-blog--data img,
  #top-coordinate .top-coordinate--data img {
    height: auto;
    width: 100%;
  }
  #top-contents .top-contents--btn,
  #top-news .top-news--btn,
  #top-blog .top-blog--btn,
  #top-coordinate .top-coordinate--btn {
    font-size: 1rem;
    line-height: calc( 1rem + 6px );
    margin: 0 0;
    text-align: center;
  }
  #top-contents .top-contents--btn a,
  #top-news .top-news--btn a,
  #top-blog .top-blog--btn a,
  #top-coordinate .top-coordinate--btn a {
    text-decoration: underline;
  }
  #top-contents .top-contents--btn a:hover,
  #top-news .top-news--btn a:hover,
  #top-blog .top-blog--btn a:hover,
  #top-coordinate .top-coordinate--btn a:hover {
    text-decoration: none;
  }
  #top-blog .top-blog--data .top-blog--staff {
    position: relative;
    display: block;
    text-align: left;
    font-size: 0;
  }
  #top-blog .top-blog--data .img-staff {
    display: inline-block;
    position: relative;
    max-width: 35px;
  }
  #top-blog .top-blog--data .staff {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin:0 0 0 5%;
    width: 65%;
    font-size: calc( 1rem - 6px );
    line-height: 1rem;
  }
  #social-icon {
    margin: 20px 0;
  }
  #social-icon a {
    display: inline-block;
    padding: 0 10px;
  }
  #social-icon img {
    max-width: 45px;
  }
  @media (max-width: 767px) {
    #top-contents,
    #top-news,
    #top-blog,
    #top-coordinate {
      margin: 15px 0;
    }
    #top-contents .top-contents--title h2,
    #top-news .top-news--title h2,
    #top-blog .top-blog--title h2,
    #top-coordinate .top-coordinate--title h2 {
      font-size: 1.0rem;
      line-height: 1.0rem;
    }
    #top-contents .top-contents--title,
    #top-news .top-news--title,
    #top-blog .top-blog--title,
    #top-coordinate .top-coordinate--title {
      margin-bottom: 0rem;
    }
    #top-contents .top-contents--data ul,
    #top-news .top-news--data ul,
    #top-blog .top-blog--data ul,
    #top-coordinate .top-coordinate--data ul {
      margin-left: -5px;
      margin-right: -5px;
    }
    #top-contents .top-contents--data li,
    #top-news .top-news--data li,
    #top-blog .top-blog--data li,
    #top-coordinate .top-coordinate--data li {
      margin-top: 0.5rem;
      margin-bottom: 0rem;
      padding-left: 5px;
      padding-right: 5px;
    }
    #top-contents .top-contents--data li {
      margin-top: 5px;
    }
    #top-contents .top-contents--btn,
    #top-news .top-news--btn,
    #top-blog .top-blog--btn,
    #top-coordinate .top-coordinate--btn {
      font-size: 1rem;
      line-height: calc( 1rem + 6px );
      margin: 0.5rem 0;
    }
    #social-icon a {
      padding: 0 5px;
    }
    #social-icon img {
      max-width: 30px;
    }
  }
  /*------------------------------------*\
    #Store Title
  \*------------------------------------*/
  #store-title {
    font-size: 2rem;
    line-height: 2rem;
  }
  @media (max-width: 767px) {
    #store-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      margin: 0 0 1.5rem;
      padding: 0 0 1rem;
      border-bottom: 1px solid #aaaaaa;
      text-align: center;
    }
  }
  /*------------------------------------*\
    #Store Detail
  \*------------------------------------*/
  .store-detail--basic > * {
    margin: 0 0 1rem;
  }
  .store-detail--basic .name{
    font-size: 2rem;
    line-height: 2rem;
    margin: 0 0 2rem;
  }
  .store-detail--basic .body{
      line-height: 1.5rem;
      margin: 0 0 2rem;
  }
  .store-detail--basic .body img{
      margin: 1rem 0;
  }
  .store-detail--img {
    text-align: right;
  }
  .store-detail--img figure {
    display: inline-block;
    width: 100%;
  }
  .store-detail--img figure img {
    width: 100%;
  }
  @media (max-width: 767px) {
    .store-detail--img figure {
      width: 100%;
    }
  }
  /*------------------------------------*\
    #Staff Blog
  \*------------------------------------*/

  #staff-blog .staff-blog--basic {
    font-size: calc( 1rem - 2px );
    line-height: calc( 1rem + 4px );
  }
  #staff-blog .staff-blog--basic .staff-date {
    margin: 0 0 1.5rem;
  }
  #staff-blog .staff-blog--basic .staff-title {
    margin: 0 0 1.5rem;
    font-size: 2rem;
    line-height: 2rem;
  }
  #staff-blog .staff-blog--basic .staff-name {
    margin: 0 0 1rem;
    vertical-align: middle;
  }
  #staff-blog .staff-blog--basic .staff-name  > * {
    display: inline-block;
    vertical-align: middle;
  }
  #staff-blog .staff-blog--basic .staff-name .image {
    margin: 0 5px 0 0;
  }
  #staff-blog .staff-blog--basic .staff-name .area {
    font-size: calc( 1rem - 4px );
    line-height: calc( 1rem + 2px );
  }
  #staff-blog .staff-blog--basic .staff-name span {
    display: block;
    margin: 1rem 0 0;
  }
  #staff-blog .staff-blog--basic .staff-name span a {
    color: #aaaaaa;
    font-size: calc( 1rem - 6px );
    line-height: 1rem;
  }
  #staff-blog .staff-blog--basic .staff-desc,
  #staff-blog .staff-blog--img,
  #staff-blog .staff-blog--btn {
    margin: 0 0 2rem;
  }
  #staff-blog .staff-blog--img img {
    width: 100%;
  }
  #staff-blog .staff-blog--btn li {
    display: inline-block;
  }
  @media (max-width: 767px) {
    #staff-blog .staff-blog--basic {
      margin: 1rem 0;
    }
    #staff-blog .staff-blog--basic .staff-date,
    #staff-blog .staff-blog--basic .staff-title {
      margin: 0 0 1rem;
    }
    #staff-blog .staff-blog--basic .staff-desc,
    #staff-blog .staff-blog--img,
    #staff-blog .staff-blog--btn {
      margin: 0 0 .5rem;
    }
  }