@charset "UTF-8";
.sp {
  display: none; }

body {
  font-family: YakuHanJP_Narrow, 'Lato', "Noto Sans JP", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

.fs-l-main {
  width: 100%;
  margin: 0;
  max-width: 100%;
  display: block; }

.fs-l-main.m_top {
  margin: 0; }

section {
  padding: 0; }

.sidebar {
  position: absolute;
  height: 100vh;
  right: 0;
  left: auto;
  width: 30px;
  display: flex;
  align-items: center; }
  .sidebar.is-fixed {
    position: fixed;
    top: 0;
    width: 30px;
    height: 100vh;
    right: 0;
    z-index: 1000;
    display: flex;
    align-items: center; }
  .sidebar .anker_navi a {
    display: block; }

.LB_MV {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  .LB_MV .LB_main_visual {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: -1;
    overflow: hidden;
    top: 0; }
    .LB_MV .LB_main_visual video {
      min-width: 100%;
      min-height: 100%;
      width: 100%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: -1;
      object-fit: cover; }
  .LB_MV .LB_a_visual_auto {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: -1;
    top: 0;
    background: url("https://filagolf.itembox.cloud/item/lookbook/26fw/img/look_main.jpg?1");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat; }
    .LB_MV .LB_a_visual_auto span {
      display: block;
      text-align: center;
      color: #fff;
      line-height: 1; }
    .LB_MV .LB_a_visual_auto img {
      max-width: 600px;
      width: 100%;
      padding: 0 20px; }
    .LB_MV .LB_a_visual_auto .tt {
      font-size: 3.5rem;
      font-weight: bold; }
    .LB_MV .LB_a_visual_auto .bb {
      font-size: 6em;
      letter-spacing: -2px;
      padding-top: 10px;
      font-weight: bold; }

/*　タブ切り替え　*/
.tab-content {
  display: none;
  background: #fff;
  width: 100%; }

.tab-content.active {
  display: block;
  position: relative;
  padding: 40px 0 0; }

.tab-menu {
  display: flex;
  justify-content: center;
  background: #EFEFEF;
  padding: 15px 0; }

.tab-btn:first-child {
  border-left: 1px solid #707070; }

.tab-btn {
  color: #838383;
  font-weight: bold;
  font-size: 20px;
  border: none;
  display: block;
  max-width: 300px;
  width: 100%;
  border-right: 1px solid #707070;
  padding: 15px 0;
  letter-spacing: 2px;
  background: #EFEFEF; }

.tab-btn.active {
  color: #000; }

.LB_catchcopy {
  background: #fff;
  padding: 100px 0;
  text-align: center; }
  .LB_catchcopy b {
    font-size: 3em;
    padding-bottom: 20px;
    display: block;
    font-weight: bold; }
  .LB_catchcopy p {
    font-size: 100%; }
  .LB_catchcopy .botan a {
    display: block;
    width: 470px;
    text-align: center;
    color: white;
    font-weight: 500;
    font-size: 18px;
    padding: 25px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #173359;
    border-image: none;
    margin: 40px auto 0;
    text-decoration: none;
    background: #173359;
    transition: 0.3s; }
    .LB_catchcopy .botan a:hover {
      color: #173359;
      background: white; }

.LB_tabs_section .tab-content-area .tab-content .block_flex {
  display: flex;
  align-items: center;
  height: 120vh; }
  .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph {
    height: 120vh;
    overflow: hidden; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph img {
      object-fit: cover;
      height: 125vh; }
  .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text {
    width: calc(100%/2);
    text-align: center; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .title, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .title {
      font-size: 40px;
      font-weight: bold;
      display: inline-block;
      position: relative;
      padding-bottom: 40px;
      margin: 3% 0 0; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .title::after, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .title::after {
      position: absolute;
      content: "";
      width: 30px;
      height: 4px;
      background: #000;
      top: 25%;
      left: -45px; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .title:before, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .title:before {
      position: absolute;
      content: "";
      width: 30px;
      height: 4px;
      background: #000;
      top: 25%;
      right: -45px; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .text, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .text {
      max-width: 700px;
      margin: 0 auto;
      padding: 0 5% 40px;
      text-align: left;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .item_block, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block {
      margin: 0 auto 3%;
      max-width: 400px;
      padding: 0 2%; }
      .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .item_block li, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block li {
        padding-bottom: 10px; }
        .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .item_block li a, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block li a {
          text-decoration: none;
          color: #000;
          display: flex;
          justify-content: space-between; }
          .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .item_block li a .thisblock, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block li a .thisblock {
            display: flex;
            max-width: 240px;
            width: 100%;
            justify-content: inherit; }
            .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .item_block li a .thisblock .item, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block li a .thisblock .item {
              padding-right: 20px; }
          .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph .item_block li a .buy, .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block li a .buy {
            padding: 3px 10px;
            background: #000;
            color: #fff;
            font-size: 90%; }
.LB_tabs_section .tab-content-area .tab-content .main_block {
  padding: 40px 0 0; }

.anker_navi {
  scroll-target-group: auto;
  display: grid;
  gap: 12px; }
  .anker_navi li a {
    font-size: 20px;
    font-weight: bold;
    color: #C8C8C8;
    padding: 10px 0;
    border-bottom: solid 1px #C8C8C8;
    width: 20px;
    text-align: center;
    transition: all 0.3s ease; }
    .anker_navi li a.active {
      color: #000; }
    .anker_navi li a.target-after {
      color: #C8C8C8; }
    .anker_navi li a.target-current {
      color: #000; }
    .anker_navi li a.target-before {
      color: #8E8E8E; }

.LB_inner {
  background: #fff;
  padding: 100px 0; }
  .LB_inner .botan a {
    display: block;
    padding: 25px 0;
    width: 470px;
    text-align: center;
    border: #173359 solid 1px;
    margin: 0 auto;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    background: #173359;
    transition: all 0.3s;
    font-size: 18px; }
  .LB_inner .botan a:hover {
    border: #173359 solid 1px;
    color: #173359;
    background: #fff; }

@media (max-width: 1024px) {
  .LB_MV {
    height: 68vh; }
    .LB_MV .LB_a_visual_auto {
      background: url("https://filagolf.itembox.cloud/item/lookbook/26fw/img/look_main_sp.jpg");
      height: 68vh;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top; }
      .LB_MV .LB_a_visual_auto .tt {
        font-size: 3.4rem; }
      .LB_MV .LB_a_visual_auto .bb {
        font-size: 4.6em; }

  .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .text {
    padding: 0 10% 40px; }
  .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .title {
    font-size: 30px; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .title::after {
      width: 30px;
      height: 3px;
      top: 21%;
      left: -40px; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .title::before {
      width: 30px;
      height: 3px;
      top: 21%;
      right: -40px; }
  .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block {
    padding: 0 12%; }

  .anker_navi {
    gap: 0; }
    .anker_navi li a {
      font-size: 16px;
      width: 16px; } }
@media (max-width: 768px) {
  .sp {
    display: block; }

  .LB_maintitle {
    align-items: start; } }
@media (max-width: 580px) {
  .LB_MV {
    height: 58vh; }
    .LB_MV .LB_a_visual_auto .tt {
      font-size: 1.8rem; }
    .LB_MV .LB_a_visual_auto .bb {
      font-size: 3.2em;
      letter-spacing: 0;
      padding-top: 5px; }

  .LB_catchcopy {
    padding: 60px 0; }
    .LB_catchcopy b {
      font-size: 2.1em; }
    .LB_catchcopy p {
      font-size: 14px;
      padding: 0 6%; }
    .LB_catchcopy .botan a {
      padding: 12px 20px;
      width: 80%;
      font-size: 16px; }

  .LB_inner {
    padding: 60px 0; }
    .LB_inner .botan a {
      padding: 12px 20px;
      width: 80%;
      font-size: 16px; }

  .tab-content.active {
    padding: 0; }

  .LB_tabs_section .tab-content-area .tab-content .block_flex {
    display: block;
    height: auto;
    padding: 0 0 30px; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph {
      width: 85%;
      margin: 0 auto;
      height: 60vh;
      padding: 30px 0 0; }
      .LB_tabs_section .tab-content-area .tab-content .block_flex .block_ph img {
        height: 62vh;
        object-position: 50% -50px; }
    .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text {
      width: 85%;
      margin: 0 auto;
      height: auto; }
      .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .title {
        font-size: 22px;
        padding-bottom: 20px;
        margin: 30px 0 0; }
        .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .title::before {
          width: 14px;
          height: 2px;
          top: 22%;
          right: -22px; }
        .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .title::after {
          width: 14px;
          height: 2px;
          top: 22%;
          left: -22px; }
      .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .text {
        font-size: 14px;
        padding: 0 10% 30px; }
      .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block li {
        padding-bottom: 5px; }
        .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block li .item_flex p {
          font-size: 14px; }
        .LB_tabs_section .tab-content-area .tab-content .block_flex .block_text .item_block li .item_flex .buy {
          width: 60px;
          margin-left: 15px; }
  .LB_tabs_section .tab-content-area .tab-content .main_block {
    padding: 0; }
    .LB_tabs_section .tab-content-area .tab-content .main_block img {
      object-fit: cover;
      object-position: center;
      height: 50vh; }

  .sidebar {
    width: 18px; }
    .sidebar.is-fixed {
      width: 18px; }

  .anker_navi li a {
    font-size: 14px;
    width: 14px; } }