@charset "UTF-8";
/*index: 外部ファイルの読み込み */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Roboto+Condensed:wght@300;400;700&display=swap");
/*note: INDEXの表示は、コメントの「 index: 」でハイライト表示してください。*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: メディアクエリー*/
/* 切り替えポイントの設定 */
/* 処理 */
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: クリアフィックス*/
/* Class と ステークホルダー の名称設定 */
/* 処理 */
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*index: スクリーンリーダー*/
/* スクリーンリーダーテキスト の名称設定 */
/* 処理 */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0; }

#fh5co-page img {
  max-width: 100%;
  width: 100%;
  vertical-align: middle; }
#fh5co-page a:hover {
  opacity: .8; }
#fh5co-page .flex-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
#fh5co-page .nopc {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    #fh5co-page .nopc {
      display: block !important; } }
#fh5co-page .nosp {
  display: block !important; }
  @media only screen and (max-width: 767px) {
    #fh5co-page .nosp {
      display: none !important; } }

.nav-box {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: flex-end; }
  @media only screen and (max-width: 960px) {
    .nav-box {
      width: 60px; } }
  .nav-box #global-nav {
    display: block;
    height: 100%;
    right: 0;
    overflow-y: auto;
    position: fixed;
    z-index: 1;
    top: 0;
    width: 300px;
    background-color: rgba(0, 56, 128, 0.9);
    padding: 70px 30px 30px;
    transition: all .5s; }
    .nav-box #global-nav ul li {
      line-height: 1.75; }
      .nav-box #global-nav ul li a {
        color: #fff;
        display: block;
        font-size: 16px; }
  .nav-box .toggle-box {
    width: 100px;
    display: flex;
    align-items: center;
    z-index: 10; }
    @media only screen and (max-width: 960px) {
      .nav-box .toggle-box {
        height: 60px; } }
    .nav-box .toggle-box .toggle-in {
      margin: 30px auto; }
    .nav-box .toggle-box .toggle-span {
      margin: auto;
      width: 40px;
      height: 26px;
      position: relative; }
      @media only screen and (max-width: 960px) {
        .nav-box .toggle-box .toggle-span {
          height: 20px; } }
    .nav-box .toggle-box span {
      background-color: #00387f;
      height: 1px;
      width: 40px;
      display: block;
      position: absolute;
      transition: all .4s; }
    .nav-box .toggle-box span:first-child {
      top: 0; }
    .nav-box .toggle-box span:nth-child(2) {
      top: 0;
      bottom: 0;
      margin: auto; }
    .nav-box .toggle-box span:last-child {
      bottom: 0; }
  .nav-box .toggle-box.open {
    position: fixed; }
    .nav-box .toggle-box.open span {
      background-color: #fff; }
      .nav-box .toggle-box.open span:nth-child(1) {
        -webkit-transform: translateY(12.5px) rotate(-30deg);
        transform: translateY(12.5px) rotate(-30deg); }
        @media only screen and (max-width: 960px) {
          .nav-box .toggle-box.open span:nth-child(1) {
            -webkit-transform: translateY(8.5px) rotate(-20deg);
            transform: translateY(8.5px) rotate(-20deg); } }
      .nav-box .toggle-box.open span:nth-child(2) {
        opacity: 0; }
      .nav-box .toggle-box.open span:nth-child(3) {
        -webkit-transform: translateY(-12.5px) rotate(30deg);
        transform: translateY(-12.5px) rotate(30deg); }
        @media only screen and (max-width: 960px) {
          .nav-box .toggle-box.open span:nth-child(3) {
            -webkit-transform: translateY(-8.5px) rotate(20deg);
            transform: translateY(-8.5px) rotate(20deg); } }

#fh5co-page {
  position: relative;
  z-index: 1;
  transition: 0.5s; }
  #fh5co-page.open {
    -moz-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px); }
  #fh5co-page .top-view.index {
    z-index: -9999;
    transition: all .5s; }
  #fh5co-page .top-view {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%; }
    #fh5co-page .top-view .back-white {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #fff;
      animation: fadeOut 2s ease;
      animation-fill-mode: forwards;
      animation-delay: 26s;
      opacity: 1;
      z-index: 2;
      display: block; }
    #fh5co-page .top-view .banner-01 {
      position: absolute;
      animation: fadeIn2 25.5s ease;
      animation-fill-mode: forwards;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index: 2; }
      #fh5co-page .top-view .banner-01 video {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000; }
    #fh5co-page .top-view .top-text {
      position: absolute;
      right: 10%;
      bottom: 5%;
      z-index: 2;
      font-size: 25px;
      animation: fadeOut 2s ease;
      animation-fill-mode: forwards;
      animation-delay: 24.5s; }
      @media only screen and (max-width: 767px) {
        #fh5co-page .top-view .top-text {
          right: 5%; } }
    #fh5co-page .top-view .top-text:hover {
      cursor: pointer; }
    #fh5co-page .top-view .closed {
      opacity: 0;
      animation: none; }

#fh5co-page {
  font-family: '小塚ゴシック Pro','Kozuka Gothic Pro','Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
  #fh5co-page .en-font {
    font-family: 'Lato', sans-serif; }
  #fh5co-page .en-font2 {
    font-family: 'Roboto Condensed', sans-serif; }
  #fh5co-page .contents {
    background: url(../img/bg.jpg) no-repeat top center/contain #fff;
    overflow: hidden; }
  #fh5co-page .copyright {
    color: #7f7f7f;
    font-size: 14px;
    line-height: 1.5;
    margin: auto;
    padding-bottom: 15px;
    text-align: center;
    width: 90%; }
    @media only screen and (max-width: 767px) {
      #fh5co-page .copyright {
        font-size: 12px;
        text-align: left; } }
  #fh5co-page .container {
    max-width: 1000px;
    margin: auto;
    padding: 0; }
    @media only screen and (max-width: 960px) {
      #fh5co-page .container {
        width: 90%; } }
    #fh5co-page .container .sec-ttl {
      background-color: #e4e4e5;
      box-sizing: border-box;
      color: #00387f;
      font-weight: 900;
      font-size: 22px;
      margin-bottom: 15px;
      padding: 2px 5px; }
      @media only screen and (max-width: 767px) {
        #fh5co-page .container .sec-ttl {
          font-size: 20px; } }
  #fh5co-page .head .nav {
    max-width: 960px;
    margin: -15px auto 0;
    width: 90%; }
    @media only screen and (max-width: 960px) {
      #fh5co-page .head .nav {
        margin: -5px auto 0; } }
    @media only screen and (max-width: 767px) {
      #fh5co-page .head .nav ul {
        flex-wrap: wrap; } }
    #fh5co-page .head .nav ul li {
      box-sizing: border-box;
      border-right: 1px solid #00387f;
      width: calc(100% / 5); }
      #fh5co-page .head .nav ul li:first-child {
        border-left: 1px solid #00387f; }
      @media only screen and (max-width: 767px) {
        #fh5co-page .head .nav ul li {
          margin: 8px 0;
          width: calc(100% / 3); }
          #fh5co-page .head .nav ul li:nth-child(4) {
            border-left: 1px solid #00387f; } }
      #fh5co-page .head .nav ul li a {
        display: block;
        padding: 0 5px; }
        @media only screen and (max-width: 960px) {
          #fh5co-page .head .nav ul li a {
            padding: 0; } }
  #fh5co-page #sale .container {
    margin: 40px auto 60px; }
    @media only screen and (max-width: 767px) {
      #fh5co-page #sale .container {
        margin: 20px auto 30px; } }
  #fh5co-page #sale button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none; }
  #fh5co-page #sale .popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .6s; }
    #fh5co-page #sale .popup.is-show {
      opacity: 1;
      visibility: visible; }
    #fh5co-page #sale .popup .popup-inner {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 80%;
      max-width: 490px;
      padding: 40px 5%;
      background-color: #fff;
      border-radius: 20px;
      box-sizing: border-box;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        #fh5co-page #sale .popup .popup-inner {
          max-width: 335px;
          padding: 25px 5%;
          border-radius: 15px; } }
      #fh5co-page #sale .popup .popup-inner img {
        width: 100%; }
      #fh5co-page #sale .popup .popup-inner p {
        font-size: 13px;
        line-height: 20px;
        margin: 15px auto 30px; }
        @media only screen and (max-width: 767px) {
          #fh5co-page #sale .popup .popup-inner p {
            font-size: 12px;
            line-height: 1.75;
            margin: 10px auto 20px; } }
      #fh5co-page #sale .popup .popup-inner a {
        display: block;
        margin: auto;
        width: 90%; }
      #fh5co-page #sale .popup .popup-inner .close-btn {
        position: absolute;
        right: 0;
        top: -45px;
        width: 40px;
        height: 40px;
        text-align: center; }
        #fh5co-page #sale .popup .popup-inner .close-btn span {
          background-color: #fff;
          height: 2px;
          width: 40px;
          display: block;
          position: absolute;
          transition: all .4s; }
          #fh5co-page #sale .popup .popup-inner .close-btn span:first-child {
            top: 6px;
            -webkit-transform: translateY(12.5px) rotate(-45deg);
            transform: translateY(12.5px) rotate(-45deg); }
          #fh5co-page #sale .popup .popup-inner .close-btn span:last-child {
            bottom: 6px;
            -webkit-transform: translateY(-12.5px) rotate(45deg);
            transform: translateY(-12.5px) rotate(45deg); }
    #fh5co-page #sale .popup .black-background {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 56, 128, 0.9);
      z-index: 1;
      cursor: pointer; }
  #fh5co-page #sale .lead {
    color: #00387f;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.75;
    margin-bottom: 80px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #fh5co-page #sale .lead {
        font-size: 18px;
        margin-bottom: 40px; } }
    @media screen and (max-width: 520px) {
      #fh5co-page #sale .lead {
        font-size: 13px; } }
    @media screen and (max-width: 374px) {
      #fh5co-page #sale .lead {
        font-size: 11px; } }
  #fh5co-page #about {
    margin-bottom: 80px; }
    @media only screen and (max-width: 767px) {
      #fh5co-page #about {
        margin-bottom: 50px; } }
    #fh5co-page #about .head {
      color: #00387f;
      font-size: 25px;
      font-weight: 900;
      margin-bottom: 10px;
      text-align: center; }
      @media only screen and (max-width: 960px) {
        #fh5co-page #about .head {
          font-size: 18px;
          line-height: 30px; } }
      @media only screen and (max-width: 767px) {
        #fh5co-page #about .head {
          font-size: 16px; } }
    #fh5co-page #about .text {
      font-size: 16px;
      line-height: 1.75; }
      @media only screen and (max-width: 767px) {
        #fh5co-page #about .text {
          font-size: 14px; } }
    #fh5co-page #about .flex-box {
      margin: 35px -10px 0; }
      #fh5co-page #about .flex-box div {
        margin: 0 10px;
        width: calc(100% / 2 - 20px); }
      @media only screen and (max-width: 960px) {
        #fh5co-page #about .flex-box {
          margin: 15px -5px 0; }
          #fh5co-page #about .flex-box div {
            margin: 0 5px;
            width: calc(100% / 2 - 10px); } }
  #fh5co-page #feature {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      #fh5co-page #feature {
        margin-bottom: 40px; } }
    #fh5co-page #feature .sec-ttl {
      background-color: #fff;
      margin-bottom: 30px;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        #fh5co-page #feature .sec-ttl {
          max-width: 320px;
          margin: 0 auto 15px;
          width: 90%; } }
    #fh5co-page #feature .en-font {
      background-color: #e4e4e5;
      box-sizing: border-box;
      color: #00387f;
      font-weight: 900;
      font-size: 22px;
      margin-bottom: 15px;
      padding: 2px 5px; }
      @media only screen and (max-width: 767px) {
        #fh5co-page #feature .en-font {
          font-size: 20px;
          max-width: 100%;
          width: 100%; } }
    #fh5co-page #feature .flex-box {
      flex-wrap: wrap;
      margin: 0 -15px; }
      @media only screen and (max-width: 960px) {
        #fh5co-page #feature .flex-box {
          margin: 0 -10px; } }
      @media only screen and (max-width: 767px) {
        #fh5co-page #feature .flex-box {
          justify-content: space-between;
          margin: 0; } }
      #fh5co-page #feature .flex-box .box {
        margin: 0 15px 30px;
        position: relative;
        width: calc(33% - 30px); }
        #fh5co-page #feature .flex-box .box:nth-child(4), #fh5co-page #feature .flex-box .box:nth-child(6) {
          width: calc(66% - 30px); }
        @media only screen and (max-width: 960px) {
          #fh5co-page #feature .flex-box .box {
            margin: 0 10px 20px;
            width: calc(33% - 20px); }
            #fh5co-page #feature .flex-box .box:nth-child(4), #fh5co-page #feature .flex-box .box:nth-child(6) {
              width: calc(66% - 20px); } }
        @media only screen and (max-width: 767px) {
          #fh5co-page #feature .flex-box .box {
            margin: 0 0 10px;
            width: 49%; }
            #fh5co-page #feature .flex-box .box:nth-child(4) {
              margin: auto;
              width: 100%;
              -webkit-order: 2;
              -ms-flex-order: 2;
              order: 2; }
            #fh5co-page #feature .flex-box .box:nth-child(5) {
              -webkit-order: 1;
              -ms-flex-order: 1;
              order: 1; }
            #fh5co-page #feature .flex-box .box:nth-child(6) {
              margin: auto;
              width: 100%;
              -webkit-order: 3;
              -ms-flex-order: 3;
              order: 3; } }
        #fh5co-page #feature .flex-box .box .head {
          color: #00387f;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 800;
          font-size: 20px;
          margin: 5px 0 3px; }
          @media only screen and (max-width: 960px) {
            #fh5co-page #feature .flex-box .box .head {
              font-size: 18px; } }
          @media only screen and (max-width: 767px) {
            #fh5co-page #feature .flex-box .box .head {
              font-size: 15px; } }
        #fh5co-page #feature .flex-box .box .text {
          font-size: 15px;
          line-height: 1.55;
          text-align: justify; }
          @media only screen and (max-width: 767px) {
            #fh5co-page #feature .flex-box .box .text {
              font-size: 13px;
              line-height: 1.6; } }
        #fh5co-page #feature .flex-box .box .img {
          position: absolute;
          right: -20px;
          top: -15px;
          width: 30%; }
          @media only screen and (max-width: 960px) {
            #fh5co-page #feature .flex-box .box .img {
              right: -8px; } }
          @media only screen and (max-width: 767px) {
            #fh5co-page #feature .flex-box .box .img {
              right: -5px;
              top: -10px;
              width: 25%; } }
  #fh5co-page #product {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      #fh5co-page #product {
        margin-bottom: 40px; } }
    #fh5co-page #product dl {
      align-items: center;
      display: flex; }
      #fh5co-page #product dl dt {
        color: #00387f;
        font-size: 50px;
        font-weight: 900;
        font-feature-settings: "palt";
        line-height: 1;
        box-sizing: border-box;
        border-right: 1px solid #00387f;
        padding-right: 15px; }
      #fh5co-page #product dl dd {
        font-size: 15px;
        line-height: 1.55;
        padding-left: 15px; }
      @media only screen and (max-width: 767px) {
        #fh5co-page #product dl {
          display: block; }
          #fh5co-page #product dl dt {
            border-right: none;
            font-size: 35px;
            margin-bottom: 5px;
            padding-left: 5px;
            padding-right: 0; }
          #fh5co-page #product dl dd {
            font-size: 13px;
            padding-left: 5px; } }
    #fh5co-page #product .flex-box {
      align-items: center;
      margin: 10px auto 20px; }
      @media only screen and (max-width: 767px) {
        #fh5co-page #product .flex-box {
          flex-wrap: wrap;
          justify-content: space-evenly; } }
      #fh5co-page #product .flex-box .box {
        width: calc(100% / 3 - 10px); }
        @media only screen and (max-width: 767px) {
          #fh5co-page #product .flex-box .box {
            width: 48%; } }
        #fh5co-page #product .flex-box .box:nth-child(1) {
          width: 330px; }
          @media only screen and (max-width: 960px) {
            #fh5co-page #product .flex-box .box:nth-child(1) {
              width: 230px; } }
          @media only screen and (max-width: 767px) {
            #fh5co-page #product .flex-box .box:nth-child(1) {
              width: 100%; } }
        #fh5co-page #product .flex-box .box:nth-child(n + 2) {
          margin-right: 10px; }
          @media only screen and (max-width: 767px) {
            #fh5co-page #product .flex-box .box:nth-child(n + 2) {
              margin: 0;
              padding: 5px 0; } }
      #fh5co-page #product .flex-box.gear {
        background: linear-gradient(-135deg, #00387f, #002968); }
      #fh5co-page #product .flex-box.apparel {
        background: linear-gradient(-135deg, #61c1be, #a8d182); }
      #fh5co-page #product .flex-box.used {
        background: linear-gradient(-135deg, #dae000, #a0c101); }
  #fh5co-page #card {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      #fh5co-page #card {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 767px) {
      #fh5co-page #card .box-content {
        display: block; } }
    #fh5co-page #card .box-content .box1 {
      margin-right: 20px;
      width: calc(72% - 20px); }
      @media only screen and (max-width: 767px) {
        #fh5co-page #card .box-content .box1 {
          margin: auto;
          width: 100%; } }
      #fh5co-page #card .box-content .box1 dl {
        align-items: center;
        display: flex; }
        #fh5co-page #card .box-content .box1 dl dt {
          margin-right: 10px;
          width: 280px; }
        #fh5co-page #card .box-content .box1 dl dd {
          font-size: 15px;
          line-height: 1.55; }
          #fh5co-page #card .box-content .box1 dl dd strong {
            color: #00387f;
            display: inline-block;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 800;
            font-size: 20px;
            margin-bottom: 5px; }
        @media only screen and (max-width: 767px) {
          #fh5co-page #card .box-content .box1 dl {
            display: block; }
            #fh5co-page #card .box-content .box1 dl dt {
              margin: auto;
              max-width: 280px; }
            #fh5co-page #card .box-content .box1 dl dd {
              font-size: 14px; }
              #fh5co-page #card .box-content .box1 dl dd strong {
                font-size: 18px;
                margin-bottom: 8px; } }
      #fh5co-page #card .box-content .box1 .box {
        margin: 20px 0 0; }
        #fh5co-page #card .box-content .box1 .box .num {
          color: #00387f;
          font-size: 20px;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          letter-spacing: 0.25em;
          padding-bottom: 5px;
          border-bottom: 1px solid #00387f;
          margin-bottom: 8px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            #fh5co-page #card .box-content .box1 .box .num {
              font-size: 18px; } }
          #fh5co-page #card .box-content .box1 .box .num img {
            margin: auto;
            width: 80px; }
        #fh5co-page #card .box-content .box1 .box .head {
          color: #e83828;
          font-family: 'Noto Sans JP', sans-serif;
          font-size: 20px;
          font-weight: 900;
          line-height: 1.2;
          margin-bottom: 8px;
          text-align: center; }
          #fh5co-page #card .box-content .box1 .box .head span {
            font-size: 150%; }
          @media only screen and (max-width: 767px) {
            #fh5co-page #card .box-content .box1 .box .head {
              font-size: 18px; } }
        #fh5co-page #card .box-content .box1 .box .text {
          font-size: 15px;
          line-height: 1.75; }
        #fh5co-page #card .box-content .box1 .box small {
          display: inline-block;
          font-size: 70%;
          line-height: 1.35;
          margin: 5px auto; }
    #fh5co-page #card .box-content .box2 {
      width: 30%; }
      @media only screen and (max-width: 767px) {
        #fh5co-page #card .box-content .box2 {
          margin: auto;
          width: 100%; } }
  #fh5co-page #shop {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      #fh5co-page #shop {
        margin-bottom: 40px; } }
    #fh5co-page #shop .flex-box {
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        #fh5co-page #shop .flex-box {
          display: block; } }
      #fh5co-page #shop .flex-box .info {
        width: 38%; }
        @media only screen and (max-width: 767px) {
          #fh5co-page #shop .flex-box .info {
            width: 100%; } }
        #fh5co-page #shop .flex-box .info .logo {
          margin: 20px 0 30px;
          max-width: 280px; }
        #fh5co-page #shop .flex-box .info .shop-logo {
          margin-bottom: 10px;
          max-width: 250px; }
        #fh5co-page #shop .flex-box .info dl {
          display: flex;
          color: #00387f;
          font-family: 'Noto Sans JP', sans-serif; }
          #fh5co-page #shop .flex-box .info dl dt {
            font-weight: 500;
            text-align: justify;
            width: 5.5em; }
          #fh5co-page #shop .flex-box .info dl dd {
            font-weight: 500;
            width: calc(100% - 5.5em); }
      #fh5co-page #shop .flex-box .map {
        width: 60%;
        position: relative; }
        #fh5co-page #shop .flex-box .map iframe {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 100%; }
        @media only screen and (max-width: 767px) {
          #fh5co-page #shop .flex-box .map {
            margin-top: 20px;
            padding: 45% 0;
            width: 100%; } }
    #fh5co-page #shop .banner {
      max-width: 550px;
      margin: 3.5em auto 0; }
      #fh5co-page #shop .banner a {
        background: #00387f;
        color: #fff;
        display: block;
        font-size: 18px;
        font-weight: bold;
        padding: 1em 0;
        text-align: center;
        text-decoration: none; }
  #fh5co-page #store-list {
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      #fh5co-page #store-list {
        margin-bottom: 40px; } }
    #fh5co-page #store-list .flex-box {
      flex-wrap: wrap;
      margin: 0 -15px; }
      @media only screen and (max-width: 767px) {
        #fh5co-page #store-list .flex-box {
          display: block;
          margin: auto; } }
      #fh5co-page #store-list .flex-box .box {
        margin: 0 15px 30px;
        width: calc(100% / 2 - 30px);
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        @media only screen and (max-width: 767px) {
          #fh5co-page #store-list .flex-box .box {
            margin: 0 auto 30px;
            width: 100%; }
            #fh5co-page #store-list .flex-box .box:last-child {
              margin-bottom: 0; } }
        #fh5co-page #store-list .flex-box .box .name {
          color: #00387f;
          font-family: 'Lato', sans-serif;
          font-size: 18px;
          font-weight: bold;
          margin: 0 0 10px;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            #fh5co-page #store-list .flex-box .box .name {
              text-align: center; } }
        #fh5co-page #store-list .flex-box .box dl {
          display: flex;
          justify-content: space-between;
          color: #000;
          font-size: 14px;
          margin: 0 auto .25em;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            #fh5co-page #store-list .flex-box .box dl {
              font-size: 13px;
              margin: 0 auto; } }
          #fh5co-page #store-list .flex-box .box dl dt {
            width: 70px;
            font-weight: normal;
            line-height: 1.75; }
            @media only screen and (max-width: 767px) {
              #fh5co-page #store-list .flex-box .box dl dt {
                width: 60px; } }
          #fh5co-page #store-list .flex-box .box dl dd {
            width: calc(100% - 100px);
            font-weight: normal;
            line-height: 1.75; }
            @media only screen and (max-width: 767px) {
              #fh5co-page #store-list .flex-box .box dl dd {
                width: calc(100% - 70px); } }
        #fh5co-page #store-list .flex-box .box a {
          background-color: #e83434;
          color: #fff;
          display: block;
          font-size: 15px;
          margin-top: 15px;
          padding: 5px 0;
          position: relative;
          text-align: center;
          text-decoration: none; }
        #fh5co-page #store-list .flex-box .box .notes {
          color: #7f7f7f;
          font-size: 13px;
          line-height: 20px;
          margin-top: 10px; }
          @media only screen and (max-width: 767px) {
            #fh5co-page #store-list .flex-box .box .notes {
              font-size: 12px;
              line-height: 18px; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeIn2 {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  30% {
    opacity: 1; }
  50% {
    opacity: 1; }
  70% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }