@charset "UTF-8";

/* フロント用CSS */
@media not all and (width >= 1000px) {} /* PC */
@media not all and (width < 1000px) {} /* Tablet */
@media not all and (min-width: 600px) {} /* SP */

/* Header
------------------------------- */
.l-container { /* PC */
    max-width: 1280px!important;
}

/* Global Nav
------------------------------- */
.c-gnav__a {
    font-weight: 600;
    font-size: .9rem;
}
.c-gnav__li>.c-gnav__a {
    align-items: center; /* flexbox 縦中央 */
    padding: 16px 6px;
}
.c-gnav li a:link {
    color: #fff;
}
.c-gnav li a:hover {
    color: #fff;
}
.c-gnav li a::before {
    width: 30px;
    height: 30px;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: .5rem;
}
.c-gnav li:nth-child(1) a::before {
/*
    width: 40px;
    height: 34px;
*/
    width: 30px;
    height: 26px;
    background-image: url(/xyz/wp-content/uploads/2024/06/icon_home_nitori_white.svg);
    margin: 4px auto 0;
}
.c-gnav li:nth-child(1) .__mainText {
    margin-top: 6px;
}
.c-gnav li:nth-child(2) a::before {
    background-image: url(/xyz/wp-content/uploads/2024/06/icon_about_white.svg);
}
.c-gnav li:nth-child(3) a::before {
    background-image: url(/xyz/wp-content/uploads/2024/06/icon_access_white.svg);
}
.c-gnav li:nth-child(4) a::before {
    background-image: url(/xyz/wp-content/uploads/2024/06/icon_tickets_white.svg);
}
.c-gnav li:nth-child(5) a::before {
    background-image: url(/xyz/wp-content/uploads/2024/06/icon_players_white.svg);
}
.c-gnav li:nth-child(6) a::before {
    background-image: url(/xyz/wp-content/uploads/2024/06/icon_winner_white.svg);
}
.c-gnav li:nth-child(7) a::before {
    background-image: url(/xyz/wp-content/uploads/2024/06/icon_instagram.svg);
}

/* Section
------------------------------- */
.ark-block-section__body[data-content=center-left] { /* 各セクション */
    padding: 4rem auto;
}


/* Headlines
------------------------------- */
/* H2 */
h2 {
    color: #009e96;
}
.roman {
    font-size: 1.6rem;
}
.ark-block-heading .ark-block-heading__sub {
    font-size: 1rem;
}
.ark-block-heading .ark-block-heading__line:before {
    content: "";
    display: block;
    width: 500px;
    height: 97px;
    background-image: url(/xyz/wp-content/uploads/2024/06/h2_icon_bg_gray.svg);
    background-color: inherit;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -60px;
    margin-left: 250px;
}
@media not all and (min-width: 600px) {  /* SP */
    .ark-block-heading .ark-block-heading__line:before {
    width: 260px;
    height: 50px;
    margin-top: -40px;
    margin-left: 60px;
    }
}

/* winner (section.p_winner) */

section.p_winner:nth-child(even) .ark-block-section__color {
    background-color: #f7f7f7!important;
}

.p_winner .winner_name h2 {
    font-size: 2rem;
    color: #333;
    border-bottom: 3px solid #30b2ab;
    position: relative;
    margin-left: 80px;
}
.p_winner .winner_name h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 38%;
}
.p_winner h2.ark-block-heading__main:before {
    content: "";
  display: inline-block;
  width: 80px;
  height: 80px;
  background: url(/xyz/wp-content/uploads/2024/06/icon_winner_h2.svg);
  background-size: contain;
  margin-right: 1rem;
  margin-bottom: -20px;
  margin-left: -80px;
}
@media not all and (min-width: 600px) {  /* SP */
   .p_winner .winner_name h2 {
        font-size: 1.4rem;
    }
    .p_winner .winner_name h2:after {
        width: 80%;
    }
    .p_winner h2.ark-block-heading__main:before {
        content: "";
        display: inline-block;
        width: 60px;
        height: 60px;
        background: url(/xyz/wp-content/uploads/2024/06/icon_winner_h2.svg);
        background-size: contain;
        margin-right: 1rem;
        margin-bottom: -20px;
        margin-left: -80px;
    }
}

.p_winner .ark-block-heading__line:before {
    display: none;
}

/* アコーディオン */
section.p_winner:nth-child(even) .ark-block-accordion__title {
    background-color: #fff!important;
}


/* H3 */
h3 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
}

h3:before, h3:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

h3:before {
  border-left: solid 1px #eb6157;
  border-top: solid 1px #eb6157;
  top:0;
  left: 0;
}

h3:after {
  border-right: solid 1px #eb6157;
  border-bottom: solid 1px #eb6157;
  bottom:0;
  right: 0;
}


h3.h_instagram {
    padding-left: 50px;
    margin-bottom: 1rem;
}
h3.h_instagram:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(/xyz/wp-content/uploads/2024/06/icon_instagram.png);
  background-size: contain;
  margin-left: 0;
  margin-top: 0;
  border: none;
}
h3.h_instagram:after {
    border: none;
} 




/* Table for SP
------------------------------- */
.table-wrap {
  overflow-x: scroll;
}
.table {
  width: 100%;
/*   min-width: 600px; */
  border-collapse: collapse;
}
.table th {
    white-space: nowrap;
}


/* Animation
------------------------------- */    
@keyframes fadeInUpSmall1 {
    from {
        opacity: 0;
        transform: translateY(100px); /* 例: 100px */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUpSmall2 {
    from {
        opacity: 0;
        transform: translateY(20px); /* 例: 50px */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

#top_service .ark-block-boxLink .arkb-boxLink__title {
    opacity: .5;
    transition: opacity 1s ease-in-out;
}

.animate__fadeInUpSmall1 {
    animation: fadeInUpSmall1 1s ease-in-out forwards;
}

.animate__fadeInUpSmall2 {
    animation: fadeInUpSmall2 1s ease-in-out forwards;
}

/* 縦書き
------------------------------- */ 
.vertical {
    font-size: 1.2rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
/* Visual */

/* gnSlider01 */
.arkp-gnSlider01 .ark-block-heading__main {
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: .8rem;
    margin-left: 20%;
}

.ark-block-slider .ark-block-slider__nav svg { /* arrow */
    display: none;
}


/* 下層カテゴリ
------------------------------- */ 
.lower_head {
    position: relative;
    z-index: 1;
}
.bg_lower_head {
    display: block;
    position: absolute;
    width: auto;
    height: 470px;
    content: "";
    background-image: url(/xyz/wp-content/uploads/2024/06/bg_head_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    z-index: 2;
}

/* テーブル（大会概要）
------------------------------- */ 
.table.t_about td:first-child {
    width: 10rem;
    font-weight: 600;
}
@media not all and (min-width: 600px) {  /* SP */
    .table.t_about td:first-child {
        width: 6rem;
    }
}

/* instagram */
#sb_instagram .sb_instagram_header, .sb_instagram_header {
    display: none;
}


a:link {
    transition-property: opacity;
  transition-duration: 0.5s;
}
a:hover {
    opacity: 0.7; 
}

/* 契約選手
------------------------------- */
/* gnSec24 追加 */
.arkp-gnSec24 [class^="arkb-columns--"].ark-block-columns {
    margin-top: 4rem;
}
[class^="arkb-column--"].ark-block-column { /* 優勝コメント */
    padding: 1rem 1.5rem 1.5rem;
}
@media not all and (min-width: 600px) { /* SP */
    [class^="arkb-column--"].ark-block-column {
        padding: 0;
    }
}
/* 選手名 */
.arkp-gnSec24__colHeading {
    display: flex;
    align-items: center;
}
.arkp-gnSec24__colHeading:before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 39px;
  background: url(/xyz/wp-content/uploads/2025/06/logo_nitori_300.svg);
  background-size: contain;
  margin-right: .8rem;
  margin-top: -.2rem;
}
.arkp-gnSec24__colHeading:after {
    content: "選手";
    font-size: .9rem;
    margin-left: .5rem;
    margin-bottom: -.25rem;
}
.roma {
    font-size: .9rem;
    margin-top: -1rem;
    text-align: right;
}

.tbl_profile {
    margin-top: .4rem;
}
.tbl_profile table {
    font-size: .9rem;
}
.tbl_profile td {
    padding: .2rem .5rem!important;
}


/* Footer */

.l-footer__widgets {
    padding: 0;
}


/* ATTENTION
------------------------------- */
@media not all and (min-width: 600px) { /* SP */
    .is-style-stronger>.ark-block-notice__body {
        padding: 1rem .8rem;
    }
}