@charset "UTF-8";
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Oswald:wght@400;700&family=Roboto:wght@400;700&display=swap');

/* --------------------------------------------------
 normalize
--------------------------------------------------- */
button,hr,input{overflow:visible;padding:0;}progress,sub,sup{vertical-align:baseline;}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0;}html{line-height:1;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{margin:.67em 0;font-size:2em;}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-size:1em;font-family:monospace,monospace;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1;}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none;}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{display:table;max-width:100%;color:inherit;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px-webkit-appearance:textfield;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}summary{display:list-item}[hidden],template{display:none}table{border-spacing:0;border-collapse:collapse;}td,th{padding:0;font-weight:normal;}ul{margin:0;padding:0;}ul li{margin:0;padding:0;list-style:none;}ol{margin:0;padding:0;}ol li{margin:0;padding:0;list-style:none;}
main,figure,figcaption,time,address,dl,dt,dd{display: block;margin:0;padding:0;}h1,h2,h3,h4,h5{margin:0;font-size:100%;}p{margin:0; padding:0;}address{font-style: normal;}*,*:after,*:before{outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);scrollbar-color: transparent transparent;
scrollbar-width: 0px;-ms-overflow-style: none;}h1,h2,h3,h4{font-weight:normal;}*::-webkit-scrollbar{display: none;width: 0;-webkit-appearance: none;}*:-webkit-scrollbar-track{ background: transparent;}*:-webkit-scrollbar-thumb{border:none;background:transparent;}mark{background: none;}html{box-sizing:border-box;}*,*:before,*:after{box-sizing:border-box;}

/* --------------------------------------------------
 common
--------------------------------------------------- */
html{ width: 100%; font-size: 62.5%;}
body{
    min-width: 1200px;
    width: 100%;
    background: #fff;
    color: #191308;
    font-size: 1.6rem;
    font-family: 'Roboto', 'Noto Sans JP', sans-serif;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 1024px){
    body{ min-width: 0;}
}
@media screen and (max-width: 896px){
    body{ font-size: 1.4rem;}
}

img{ vertical-align: bottom;}
img.alignleft{ display: block; margin-right: auto;}
img.aligncenter{ display: block; margin: auto;}
img.alignright{ display: block; margin-left: auto;}
a{ color: #191308; text-decoration: none;}
a:hover{ color: #191308; text-decoration: none;}
.sp{ display: none;}

@media screen and (max-width: 896px){
    img{ max-width: 100%; width: auto; height: auto;}
    img.alignleft{ display: inherit;}
    img.aligncenter{ display: inherit;}
    img.alignright{ display: inherit;}
}
@media screen and (max-width: 480px){
    .pc{ display: none;}
    .sp{ display: block;}
}

#wrap{ position: relative;}
.inner{ position: relative; margin: 0 auto;}

/* --------------------------------------------------
 header
--------------------------------------------------- */
.header{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 75px; background: #191308; color: #fff; line-height: 75px;}
.header a{ color: #fff;}
.header h1{ position: absolute; top: 0; left: 20px; display: inline-block; height: 100%; font-size: 2.8rem;}
.header h1 a{ display: block; height: 75px; line-height: 75px;}
.header h1 i{ display: inline-block; margin: 0 10px 0 0; padding: 15px 0; height: 75px; line-height: 1;}
.header h1 i img{ height: 100%; vertical-align: middle;}
.header nav{ padding: 0 120px 0 0; text-align: right;}
.header nav ul{ display: flex; height: 75px; justify-content: flex-end; align-items: center;}
.header nav li{ padding: 0 0 0 30px;}
.header nav a{ position: relative; display: block; padding: 0 0 0 1.8rem; font-size: 1.6rem; line-height: 1;}
.header nav a:before{ position: absolute; top: 50%; left: 0; margin: -3px 0 0; width: 6px; height: 6px; border-top: solid 2px; border-right: solid 2px; content: ''; transform: rotate(45deg);}
.header nav a:hover{ opacity: .5;}
.header .menu{ position: absolute; top: 23px; right: 20px;}

@media screen and (max-width: 1024px){
    .header h1{ font-size: 2.4rem;}
    .header h1 i{ padding: 20px 0;}
    .header nav{ padding: 0 90px 0 0;}
    .header nav li{ padding: 0 0 0 15px;}
    .header nav a{ padding: 0 0 0 1.6rem; font-size: 1.4rem;}
}
@media screen and (max-width: 896px){
    .header{ height: 65px; line-height: 65px;}
    .header h1{ left: 30px; font-size: 2rem;}
    .header h1 a{ height: 65px; line-height: 65px;}
    .header h1 i{ padding: 15px 0; height: 65px;}
    .header nav{ display: none;}
    .header .menu{ top: 18px; right: 30px;}
}
@media screen and (max-width: 480px){
    .header h1{ left: 20px; font-size: 1.8rem;}
    .header h1 i{ padding: 18px 0;}
    .header .menu{ top: 15px; right: 20px;}
}

/* --------------------------------------------------
 main
--------------------------------------------------- */
main{ padding: 75px 0 0;}
main .inner{ width: 1200px;}

@media screen and (max-width: 1024px){
    main .inner{ padding: 0 30px; width: 100%;}
}
@media screen and (max-width: 896px){
    main{ padding: 65px 0 0;}
}
@media screen and (max-width: 480px){
    main .inner{ padding: 0 20px;}
}

/* common -------------------------------------------- */
.list-news li{ border-bottom: 1px solid #ddd;}
.list-news img{ max-width: 100%; width: 100%; height: auto; vertical-align: bottom;}
.list-news a{ display: flex; padding: 30px 0; align-items: center;}
.list-news a:hover{ opacity: .5;}
.list-news li:first-child a{ padding: 0 0 30px;}
.list-news figure{ padding: 0 15px 0 0; width: 38.2%;}
.list-news figcaption{ display: flex; height: 100px; color: #ccc; justify-content: center; align-items: center;}
.list-news .detail{ padding: 0 0 0 15px; width: 61.8%; line-height: 1.8;}
.list-news .cat{ vertical-align: middle;}
.list-news .cat span{ display: inline-block; margin: 0 8px 0 0; padding: 4px 8px; min-width: 80px; border: 1px solid; color: #8e1728; vertical-align: middle; text-align: center; font-size: 1.2rem; line-height: 1;}
.list-news time{ display: inline-block; vertical-align: middle; font-size: 1.4rem; line-height: 1;}
.list-news h2{ margin: 10px 0 0; font-size: 2.4rem; line-height: 1.5;}
.list-news p{ margin: 10px 0 0; font-size: 1.4rem;}

@media screen and (max-width: 896px){
    .list-news figure{ padding: 0; width: 19.1%;}
    .list-news .detail{ width: 80.9%;}
    .list-news .cat span{ min-width: 60px; font-size: 1rem;}
    .list-news time{ font-size: 1.2rem;}
    .list-news h2{ font-size: 1.8rem;}
    .list-news p{ display: none;}
}
@media screen and (max-width: 480px){
    .list-news a{ padding: 20px 0;}
    .list-news li:first-child a{ padding: 0 0 20px;}
    .list-news figure{ padding: 0;}
    .list-news .detail{ padding: 0 0 0 10px; line-height: 1.5;}
    .list-news h2{ margin: 5px 0 0; font-size: 1.4rem;}
}

.pagenation{ margin: 60px 0 0; text-align: center; font-size: 1.4rem;}
.pagenation a,
.pagenation span{ display: inline-block; margin: 0 4px; width: 30px; height: 30px; border: 1px solid; color: #8e1728; vertical-align: top; text-decoration: none; line-height: 30px;}
.pagenation span{ border: 1px solid #8e1728; background: #8e1728; color: #fff;}
.pagenation .pages{ display: none;}
.pagenation .first,
.pagenation .previouspostslink,
.pagenation .nextpostslink,
.pagenation .extend,
.pagenation .last{ margin: 0 4px; width: auto; border: none; background: none; color: #8e1728; text-decoration: underline;}
.pagenation .first:hover,
.pagenation .previouspostslink:hover,
.pagenation .nextpostslink:hover,
.pagenation .extend:hover,
.pagenation .last:hover{ text-decoration: none;}

@media screen and (max-width: 896px){
    .pagenation{ margin: 30px 0 0; font-size: 1.2rem;}
}
@media screen and (max-width: 480px){
    .pagenation{ margin: 20px 0 0;}
    .pagenation a,
    .pagenation span{ margin: 0 2px; width: 20px; height: 20px; line-height: 20px;}
}

/* top -------------------------------------------- */
.hero{ overflow: hidden; height: 35vw; background: url("/img/2025_2.jpg") no-repeat top center / cover;}
.swiper-pagination-bullet{ background: #fff;}
.swiper-pagination-bullet-active{ background: #fff;}

@media screen and (max-width: 480px){
    .hero{ height: auto; background: none;}
}

.news{ padding: 60px 0;}
.news h2{ font-size: 3.2rem;}
.news .flex{ display: flex;}
.news .cont1{ padding: 0 60px 0 0; width: calc(50% + 60px);}
.news .cont2{ padding: 15px; width: calc(50% - 60px); background: #F2F4F3;}
.news .list-news{ margin: 30px 0 0;}
.news .list-news a{ padding: 15px 0;}
.news .list-news li:first-child a{ padding: 0 0 15px;}
.news .list-news figure{ width: 19.1%;}
.news .list-news .detail{ padding: 0 15px; width: 80.9%;}
.news .list-news h2{ font-weight: normal; font-size: 1.6rem;}
.news .list-btn{ display: flex; margin: 45px 0 0; justify-content: space-between;}
.news .list-btn > li{ width: calc(100% / 3 - 15px);}
.news .list-btn a{ display: flex; height: 40px; border: 1px solid; color: #8e1728; text-decoration: none; line-height: 1; justify-content: center; align-items: center;}
.news .list-btn a:hover{ opacity: .5;}
.sns1{ display: flex; margin: 0 -7px;}
.sns1 li{ padding: 0 7px; width: 50%;}
.news .cont2 h3{ display: none;}

@media screen and (max-width: 1024px){
    .news .cont1{ padding: 0 30px 0 0; width: calc(50% + 30px);}
    .news .cont2{ width: calc(50% - 30px);}
    .news .list-btn a{ font-size: 1.4rem;}
}
@media screen and (max-width: 896px){
    .news h2{ font-size: 2.8rem;}
    .news .cont1{ padding: 0 15px 0 0; width: calc(61.8% + 30px);}
    .news .cont2{ width: calc(38.2% - 30px);}
    .news .list-news h2{ font-size: 1.4rem;}
    .news .list-btn{ margin: 15px 0 0;}
    .news .list-btn a{ font-size: 1.2rem;}
    .news .cont2 .sns1{ display: none;}
    .news .cont2 h3{ display: block; padding: 7px 0; text-align: center; letter-spacing: .1rem; font-weight: 600; font-size: 1.6rem;}
}
@media screen and (max-width: 480px){
    .news{ padding: 40px 0;}
    .news h2{ font-size: 2.4rem;}
    .news .flex{ display: block;}
    .news .cont1{ padding: 0; width: 100%;}
    .news .cont2{ margin: 40px 0 0; padding: 0; width: 100%; background: none;}
    .news .list-news{ margin: 20px 0 0;}
    .news .list-news a{ padding: 10px 0;}
    .news .list-news li:first-child a{ padding: 0 0 10px;}
    .news .list-news .detail{ padding: 0 0 0 10px;}
    .news .btn{ margin: 20px 0 0;}
    .news .btn a{ padding: 10px 60px;}
    .news .list-btn{ margin: 20px 0 0; flex-direction: column; align-items: center;}
    .news .list-btn > li{ width: 50%;}
    .news .list-btn > li + li{ margin: 10px 0 0;}
    .news .list-btn a{ height: 35px;}
    .news .cont2 h3{ padding: 10px 0 0;}
}

.team{ padding: 60px 0; background: #191308; color: #fff;}
.team .inner{ display: flex;}
.team .cont1{ padding: 0 30px 0 0; width: 50%;}
.team .cont2{ padding: 0 0 0 30px; width: 50%;}
.team h2{ font-size: 3.2rem;}
.team figure{ margin: 30px 0 0;}
.team img{ width: 100%;}
.team nav{ padding: 15px 0 0;}
.team ul{ display: flex; margin: 0 -15px; flex-wrap: wrap;}
.team li{ padding: 0 15px; width: 25%;}
.team a{ position: relative; display: block; padding: 15px 0; border-bottom: 1px solid; color: #fff;}
.team a:after{ position: absolute; top: 50%; right: 5px; margin: -3px 0 0; width: 6px; height: 6px; border-top: 1px solid; border-right: 1px solid; content: ""; transform: rotate(45deg);}
.team a:hover{ opacity: .5;}

@media screen and (max-width: 1024px){
    .team .cont1{ padding: 0 15px 0 0;}
    .team .cont2{ padding: 0 0 0 15px;}
}
@media screen and (max-width: 896px){
    .team h2{ font-size: 2.8rem;}
    .team ul{ margin: 0 -7px;}
    .team li{ padding: 0 7px; width: calc(100% / 3);}
}
@media screen and (max-width: 480px){
    .team{ padding: 40px 0;}
    .team .inner{ display: block;}
    .team .cont1{ padding: 0; width: 100%;}
    .team .cont2{ margin: 40px 0 0; padding: 0; width: 100%;}
    .team h2{ font-size: 2.4rem;}
    .team figure{ margin: 20px 0 0;}
}

.top .widget{ display: none;}

/* article -------------------------------------------- */
article header{ position: relative; display: flex; height: 20vw; background: url("/img/bg_team.jpg") no-repeat top center / cover; justify-content: center; align-items: center;}
.page header,
.page-single header{ background-image: url("/img/bg_page.jpg");}
.page-single2 header{ background-image: url("/img/bg_page_single.jpg");}
.men1 header{ background-image: url("/img/bg_men2025-1.jpg");}
.men2 header{ background-image: url("/img/bg_men2025-2.jpg");}
.men3 header{ background-image: url("/img/bg_men2025-3.jpg");}
.men4 header{ background-image: url("/img/bg_men2025-4.jpg");}
.men5 header{ background-image: url("/img/bg_men2025-5.jpg");}
.women header{ background-image: url("/img/bg_women2025.jpg");}
article header:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.3); content: "";}
article header h1{ z-index: 99; color: #fff; font-size: 4.2rem; line-height: 1;}
article header a{ color: #fff;}

@media screen and (max-width: 896px){
    article header{ height: 25vw;}
    article header h1{ font-size: 3.6rem;}
}
@media screen and (max-width: 480px){
    article header{ height: 30vw;}
    article header h1{ font-size: 2.4rem;}
}

.content{ padding: 60px 0 120px;}
.page .content{ background: #F2F4F3;}

@media screen and (max-width: 1024px){
    .content{ padding: 60px 30px;}
}
@media screen and (max-width: 480px){
    .content{ padding: 40px 20px;}
}

article .header2{ padding: 30px 0; background: #8e1728;}
article .header2 h2{ margin: 0 auto; width: 1200px; color: #fff; font-size: 3.2rem;}

@media screen and (max-width: 1024px){
    article .header2{ padding: 30px;}
    article .header2 h2{ width: 100%;}
}
@media screen and (max-width: 896px){
    article .header2 h2{ font-size: 2.8rem;}
}
@media screen and (max-width: 480px){
    article .header2{ padding: 20px;}
    article .header2 h2{ font-size: 2rem;}
}

article .flex{ display: flex; margin: 0 auto; width: 1200px;}
article .flex .cont1{ padding: 0 75px 0 0; width: 80.9%;}
article .flex .cont2{ padding: 15px; width: 19.1%; background: #F2F4F3; color: #fff;}

@media screen and (max-width: 1024px){
    article .flex{ padding: 0; width: 100%;}
    article .flex .cont1{ padding: 0 30px 0 0;}
}
@media screen and (max-width: 480px){
    article .flex{ display: block;}
    article .flex .cont1{ padding: 0; width: 100%;}
    article .flex .cont2{ margin: 40px 0 0; padding: 0; width: 100%; background: none;}
}

article nav{ padding: 15px 0; background: #191308; color: #fff; justify-content: center;}
article nav ul{display: flex;  margin: 0 auto; width: 1200px; justify-content: center;}
article nav li{ position: relative; width: calc(100% / 6); border-right: 1px solid;}
article nav li:first-child{ border-left: 1px solid;}
article nav a{ display: block; color: #fff; text-align: center;}
article nav a:hover{ color: #fff; opacity: .5;}

@media screen and (max-width: 1024px){
    article nav{ padding: 15px 30px;}
    article nav ul{ width: 100%;}
}
@media screen and (max-width: 480px){
    article nav{ padding: 0;}
    article nav ul{ border-top: 1px solid; flex-wrap: wrap; justify-content: flex-start;}
    article nav li{ width: calc(100% / 3); border-bottom: 1px solid;}
    article nav li:first-child{ border-left: none;}
    article nav li:nth-child(3n){ border-right: none;}
    article nav a{display: block; padding: 10px 0; }
}

.entrybody{ padding: 30px 0 0; line-height: 1.8;}
.entrybody:after{ display: block; clear: both; content: "";}
.entrybody .block + .block{ margin: 45px 0 0;}
.entrybody h3{ color: #8e1728; font-size: 2.4rem;}
.entrybody p{ margin: 15px 0 0; word-wrap: break-word; overflow-wrap: break-word;}
.entrybody figure{ margin: 15px 0 0;}
.entrybody a{ color: #8e1728; text-decoration: underline;}
.entrybody a:hover{ text-decoration: none;}
.entrybody img{ max-width: 100%; text-align: center;}
.entrybody iframe{ max-width: 100%;}

@media screen and (max-width: 896px){
    .entrybody h3{ font-size: 2rem;}
}
@media screen and (max-width: 480px){
    .entrybody{ padding: 20px 0 0;}
    .entrybody .block + .block{ margin: 40px 0 0;}
    .entrybody h3{ font-size: 1.6rem;}
    .entrybody p{ margin: 10px 0 0;}
    .entrybody figure{ margin: 10px 0 0;}
}

.block{ padding: 0 0 45px; border-bottom: 1px solid #ddd; line-height: 1.8;}
.block + .block{ margin: 45px 0 0;}
.block h3{ padding: 0 0 0 1.6rem; border-left: 5px solid; color: #8e1728; font-size: 2.4rem;}
.block p{ margin: 15px 0 0;}
.block h3 + p{ margin: 30px 0 0;}
.block figure{ margin: 15px 0 0;}
.block a{ color: #8e1728; text-decoration: underline;}
.block a:hover{ text-decoration: none;}
.block img{ max-width: 100%; height: auto; text-align: center;}

@media screen and (max-width: 896px){
    .block{ padding: 0 0 30px;}
    .block + .block{ margin: 30px 0 0;}
    .block h3{ padding: 0 0 0 1rem; font-size: 2rem; line-height: 1.5;}
}
@media screen and (max-width: 480px){
    .block{ padding: 0 0 20px;}
    .block + .block{ margin: 20px 0 0;}
    .block h3{ padding: 0 0 0 .8rem; font-size: 1.6rem;}
    .block p{ margin: 10px 0 0;}
    .block h3 + p{ margin: 20px 0 0;}
    .block figure{ margin: 10px 0 0;}
}

/* news -------------------------------------------- */
.archive{ font-size: 1.4rem;}
.archive h2{ padding: 10px; background: #8e1728;}
.archive ul{ margin: 15px 0 0 2.4rem; color: #191308;}
.archive li{ margin: 10px 0 0; list-style: disc;}
.archive ul + h2{ margin: 30px 0 0;}
.archive a{ color: #8e1728; text-decoration: underline;}
.archive a:hover{ text-decoration: none;}


@media screen and (max-width: 480px){
    .archive ul{display: flex;  margin: 0 0 0 2.4rem; flex-wrap: wrap;}
    .archive li{ margin: 10px 0 0; width: 50%;}
    .archive ul + h2{ margin: 20px 0 0;}
}

.news-detail .ttl .cat{ vertical-align: middle; line-height: 1;}
.news-detail .ttl .cat span{ display: inline-block; margin: 0 8px 0 0; padding: 4px 0; width: 80px; border: 1px solid; color: #8e1728; vertical-align: middle; text-align: center; font-size: 1.2rem; line-height: 1;}
.news-detail .ttl time{ display: inline-block; vertical-align: middle; font-size: 1.4rem; line-height: 1;}
.news-detail .ttl h2{ margin: 10px 0 0; padding: 0 0 30px; border-bottom: 1px solid #ddd; font-weight: 500; font-size: 3.2rem; line-height: 1.5;}

@media screen and (max-width: 896px){
    .news-detail .ttl .cat span{ width: 60px; font-size: 1rem;}
    .news-detail .ttl time{ font-size: 1.2rem;}
    .news-detail .ttl h2{ font-size: 2.4rem;}
}
@media screen and (max-width: 480px){
    .news-detail .ttl h2{ padding: 0 0 20px; font-size: 1.8rem;}
}

/* team-detail -------------------------------------------- */
.team-detail .ttl{ padding: 0 0 0 1.6rem; border-left: 5px solid; color: #8e1728; font-weight: 500; font-size: 2.4rem; line-height: 1.5;}

@media screen and (max-width: 896px){
    .team-detail .ttl{ font-size: 2rem;}
}
@media screen and (max-width: 480px){
    .team-detail .ttl{ font-size: 1.8rem;}
}

.list-sch li{ border-bottom: 1px solid #ddd; line-height: 1.5;}
.list-sch a{ display: block; padding: 30px 0; color: #333;}
.list-sch li:first-child a{ padding: 0 0 30px;}
.list-sch a:hover{ opacity: .5;}
.list-sch h3{ color: #8e1728; font-weight: 500; font-size: 2.4rem;}
.list-sch .date{ margin: 10px 0 0; font-size: 1.4rem;}

@media screen and (max-width: 896px){
    .list-sch h3{ font-size: 2rem;}
}
@media screen and (max-width: 480px){
    .list-sch a{ padding: 20px 0;}
    .list-sch li:first-child a{ padding: 0 0 20px;}
    .list-sch h3{ font-size: 1.8rem;}
}

.list-player{ display: flex; margin: 0 -15px; flex-wrap: wrap;}
.list-player li{ margin: 0 0 45px; padding: 0 15px; width: calc(100% / 3);}
.list-player img{ max-width: 100%; width: 100%; height: auto; vertical-align: bottom;}
.list-player figcaption{ position: relative; background: #F2F4F3; color: #fff;}
.list-player figcaption:after{ display: block; padding: 100% 0 0; content: "";}
.list-player figcaption div{ position: absolute; top: 50%; left: 50%; white-space: nowrap; transform: translate(-50%, -50%);}
.list-player .detail{ display: flex; margin: 15px 0 0; flex-wrap: wrap;}
.list-player .detail .num{ margin: 0 2rem 0 0; color: #8e1728; font-style: italic; font-size: 4.2rem; font-family: 'Oswald', sans-serif;}
.list-player .detail .name{ font-size: 2.4rem;}
.list-player .detail .name .t1{ display: block; padding: 0 0 .5rem; font-size: 1.2rem;}
.list-player .detail .name .t2{ display: block; padding: 1rem 0 0; font-size: 1.2rem;}
.list-player table{ margin: 15px 0 0; width: 100%; font-size: 1.2rem; line-height: 1.5;}
.list-player th{ padding: 5px 10px; width: 35%; vertical-align: top; white-space: nowrap; font-weight: 500;}
.list-player td{ padding: 5px 10px; vertical-align: top;}
.list-player tr:nth-child(odd) th,
.list-player tr:nth-child(odd) td{ background: #F2F4F3;}

@media screen and (max-width: 1024px){
    .list-player .detail .num{ margin: 0 1.6rem 0 0; font-size: 3.8rem;}
    .list-player .detail .name{ font-size: 2rem;}
}
@media screen and (max-width: 896px){
    .list-player{ margin: 0 -7px;}
    .list-player li{ margin: 0 0 30px; padding: 0 7px;}
    .list-player .detail .num{ margin: 0 1.2rem 0 0; font-size: 2.8rem;}
    .list-player .detail .name{ font-size: 1.6rem;}
    .list-player .detail .name .t1{ padding: 0 0 .25rem; font-size: 1rem;}
    .list-player .detail .name .t2{ padding: .5rem 0 0; font-size: 1rem;}
    .list-player th{ padding: 5px; width: 35%;}
    .list-player td{ padding: 5px;}
}
@media screen and (max-width: 480px){
    .list-player{ margin: -40px -10px 0;}
    .list-player li{ margin: 0; padding: 40px 10px 0; width: 50%;}
    .list-player .detail{ margin: 10px 0 0;}
    .list-player .detail .num{ margin: 0 1rem 0 0; font-size: 2.6rem;}
    .list-player .detail .name{ font-size: 1.4rem;}
    .list-player table{ margin: 10px 0 0; font-size: 1rem;}
}

.list-staff{ border-top: 1px solid #ddd;}
.list-staff li{ display: flex; padding: 15px 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; line-height: 1.8; align-items: center;}
.list-staff .num{ width: 30%; color: #8e1728; text-align: center; font-size: 1.4rem;}
.list-staff .name{ padding: 0 45px; width: 50%; border-left: 1px solid #ddd; font-size: 2.4rem;}
.list-staff .other{ width: 20%; font-size: 1.2rem;}

@media screen and (max-width: 896px){
    .list-staff .num{ width: 40%; font-size: 1.2rem;}
    .list-staff .name{ padding: 0 15px; width: 40%; font-size: 2rem;}
    .list-staff .other{ font-size: 1rem;}
}
@media screen and (max-width: 480px){
    .list-staff{ display: flex; flex-wrap: wrap;}
    .list-staff li{ display: block; padding: 10px; width: 50%;}
    .list-staff li:nth-child(even){ border-left: none;}
    .list-staff .num{ width: 100%; text-align: left; font-size: 1.2rem;}
    .list-staff .name{ padding: 0; width: 100%; border-left: none; font-size: 1.6rem;}
    .list-staff .other{ width: 100%; font-size: 1rem;}
}

/* page -------------------------------------------- */
.list-cont{ display: flex; margin: 0 -15px; flex-wrap: wrap;}
.list-cont li{ margin: 30px 0 0; padding: 0 15px; width: calc(100% / 3);}
.list-cont a{ position: relative; display: flex; padding: 0 45px; height: 120px; border-radius: 4px; background: #fff; box-shadow: 0px 2px 4px 0 rgba(0,0,0,.1); font-weight: 600; font-size: 1.8rem; line-height: 1.3; justify-content: center; align-items: center;}
.list-cont a:before{ position: absolute; top: 50%; right: 15px; margin: -4px 0 0; width: 8px; height: 8px; border-top: solid 2px #8e1728; border-right: solid 2px #8e1728; content: ''; transform: rotate(45deg);}

@media screen and (max-width: 1024px){
    .page .inner{ padding: 0;}
    .list-cont{ margin: -15px -7px 0;}
    .list-cont li{ margin: 0; padding: 15px 7px 0;}
    .list-cont a{ padding: 0 30px; height: 90px; font-size: 1.6rem;}
}
@media screen and (max-width: 896px){
    .list-cont li{ width: 50%;}
    .page + .info{ background: #fff;}
}
@media screen and (max-width: 480px){
    .list-cont{ margin: -10px -5px 0;}
    .list-cont li{ padding: 10px 5px 0;}
    .list-cont a{ padding: 0 20px; height: 80px; text-align: center; font-size: 1.3rem;}
    .list-cont a:before{ right: 10px;}
}

.page-single .inner{ width: 900px;}
.page-single .ttl{ padding: 20px 0; background: #8e1728; color: #fff; text-align: center; font-size: 2.4rem;}
.page-single iframe{ width: 100%;}
.list{ margin: 0 0 0 1.8rem;}
.list li{ list-style: disc;}
.block2{ line-height: 1.8;}
.block2 + .block2{ margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #ddd;}
.block2 h3{ color: #8e1728; font-size: 2.4rem;}
.block2 p{ margin: 15px 0 0;}
.no{ text-align: center;}

@media screen and (max-width: 1024px){
    .page-single .inner{ padding: 0; width: 100%;}
}
@media screen and (max-width: 896px){
    .page-single .ttl{ font-size: 2rem;}
    .block2 h3{ font-size: 1.8rem;}
}
@media screen and (max-width: 480px){
    .page-single .ttl{ padding: 10px 0; font-size: 1.8rem;}
    .block2 + .block2{ margin: 20px 0 0; padding: 20px 0 0;}
    .block2 h3{ font-size: 1.4rem;}
    .block2 p{ margin: 10px 0 0;}
}

/* aside -------------------------------------------- */
.info{ display: none;}

@media screen and (max-width: 896px){
    .info{ display: block; padding: 30px; background: #F2F4F3;}
    .info ul{ display: flex; margin: 0 -7px; justify-content: center;}
    .info ul li{ padding: 0 7px; width: calc(100% / 3);}
    .info a{ position: relative; display: block; padding: 15px 0; border-radius: 4px; background: #9BC53D; color: #fff; text-align: center; font-weight: 600; }
    .info a:before{ position: absolute; top: 50%; right: 15px; margin: -4px 0 0; width: 8px; height: 8px; border-top: solid 2px; border-right: solid 2px; content: ''; transform: rotate(45deg);}
}
@media screen and (max-width: 480px){
    .info{ display: block; padding: 20px;}
    .info ul{ display: block; margin: -10px 0 0;}
    .info ul li{ padding: 10px 0 0; width: 100%;}
    .info a{ padding: 10px 0;}
}

#insta-window{ border: none !important; border-radius: none !important;}
.iswd-copyright-wrapper{ display: none !important;}
.iswd-images-item{ width: 50% !important;}
.iswd-name{ font-size: 1.2rem !important;}
.iswd-biography{ display: none;}

@media screen and (max-width: 1024px){
    .iswd-images{ margin: 0 -4px;}
    .iswd-images-item{ padding: 4px !important;}
    .iswd-biography{ display: block; font-size: 1rem !important;}
}

.widget{ padding: 60px 0; background: #191308; color: #fff;}
.widget h2{ text-align: center; letter-spacing: .16rem; font-weight: 900; font-size: 3.2rem;}
.widget .iswd-name{ color: #191308; font-size: 1.4rem !important;}

@media screen and (max-width: 896px){
    .widget{ padding: 30px;}
    .widget h2{ font-size: 2.4rem;}
}
@media screen and (max-width: 480px){
    .widget{ padding: 20px;}
    .widget h2{ font-size: 1.8rem;}
    .widget{ padding: 40px 0;}
}

.sns1{ display: flex; margin: 0 -7px;}
.widget .sns1{ margin: 30px auto 0; width: 50%;}
.sns1 li{ padding: 0 7px; width: 50%;}
.widget .sns1 li{ padding: 0 15px; width: 50%;}
.sns2{ display: none;}

@media screen and (max-width: 896px){
    .sns1{ display: none;}
    .sns2{ display: block; font-weight: 600; font-size: 1.2rem;}
    .widget .sns2{display: flex; margin: 15px 0 0; padding: 0 120px; }
    .sns2 li{ margin: 7px 0 0;}
    .widget .sns2 li{ margin: 0; padding: 0 7px; width: 50%;}
    .sns2 a{ position: relative; display: block; padding: 10px 0; border-radius: 4px; color: #fff; text-align: center; line-height: 1;}
    .sns2 a:before{ position: absolute; top: 50%; right: 15px; margin: -4px 0 0; width: 8px; height: 8px; border-top: solid 2px; border-right: solid 2px; content: ''; transform: rotate(45deg);}
    .sns2 i{ display: inline-block; margin: 0 4px 0 0;}
    .sns2 span{ display: block; padding: 4px 0 0; letter-spacing: .1rem; font-size: 1.6rem;}
    .tw{ background: #1DA1F2; color: #fff;}
    .insta{ background: #D93177; color: #fff;}
}
@media screen and (max-width: 480px){
    .sns2{ display: flex; margin: 10px -5px 0; font-size: 1rem;}
    .widget .sns2{ margin: 10px -5px 0; padding: 0;}
    .sns2 li{ margin: 0; padding: 0 5px; width: 50%;}
    .widget .sns2 li{ padding: 0 5px;}
    .sns2 span{ font-size: 1.4rem;}
}

/* --------------------------------------------------
 footer
--------------------------------------------------- */
.footer{ padding: 30px 0; border-top: 1px solid #666; background: #191308; color: #fff;}
.footer small{ display: block; text-align: center; font-size: 1.4rem;}

@media screen and (max-width: 896px){
    .footer small{ font-size: 1.2rem;}
}
@media screen and (max-width: 480px){
    .footer{ padding: 20px 0;}
}