@charset "UTF-8";

/* =====================================
  Bリーグ干渉調整
===================================== */
.layout-content{
  background: none !important;
}

/* =====================================
  Root Variables
===================================== */
:root{
  --color-main: #8ec21f;
  --color-white: #fff;
  --color-black: #000;

  --color-sat: #2131c0;
  --color-sun: #c0212a;

  --bg-black: #000;
  --bg-white: #fff;
  --bg-main:#8ec21f;


  /* Overlay */
  --overlay-dark: rgba(0,0,0,.7);
  --overlay-light: rgba(255,255,255,.1);

  --glass-5: rgba(255, 255, 255, 0.05);
  --glass-10: rgba(255, 255, 255, 0.1);
  --glass-20: rgba(255, 255, 255, 0.2);
  --glass-40: rgba(255, 255, 255, 0.4);

  --bg-black-10: rgba(0,0,0,.1);
  --bg-black-20: rgba(0,0,0,.2);
  --bg-black-40: rgba(0,0,0,.4);
  --bg-black-75: rgba(0,0,0,.75);


}

/* =====================================
  Font
===================================== */
@font-face {
  font-family: "LEVANGA";
  src: url("https://www.levanga.com/files/user/fonts/0317_LEVANGAONE-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LEVANGA";
  src: url("https://www.levanga.com/files/user/fonts/0317_LEVANGAONE-Regular.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =====================================
  Reset / Base
===================================== */
body{
  padding: 0;
  margin: 0;
}

html,
body.mono{
  width: 100%;
  height: auto;
  overflow-x: hidden;
}

div.mono,
.mono{
  background: var(--color-white);
}

div.mono{
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.mono button,
.mono figure,
.mono dl,
.mono ul,
.mono span,
.mono a,
.mono div,
.mono p,
.mono h1,
.mono h2,
.mono h3,
.mono h4,
.mono h5,
.mono li,
.mono th,
.mono td,
.mono dd,
.mono dt,
.mono address{
  padding: 0;
  margin: 0;
  font-size: 16px;
  letter-spacing: 0.05rem;
  font-style: normal;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: var(--color-black);
}

.mono a{
  text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.mono li{
  list-style: none;
}

.mono hr{
  border: none;
}

.mono table{
  border-collapse: collapse;
}

.mono button{
  display: block;
  border: none;
}

/* =====================================
  Font Utility
===================================== */
.mono .t-en,
.mono .en{
  font-family: "LEVANGA", sans-serif;
  word-spacing: -0.4em;
}

.mono .en .t-jp
.mono .t-en .t-jp{
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.mono .serif{
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* =====================================
  Text Utility
===================================== */
.mono .t-bold{
  font-weight: 600;
}

.mono .t-large{
  font-size: 1.5rem;
  font-weight: 600;
}

.mono .tx-large{
  font-size: 2rem;
}

.mono .t-center{
  text-align: center;
}

.mono .t-tate{
  writing-mode: vertical-rl;
}

.mono .chu,
.mono .chu p,
.mono .chu li,
.mono .chu li a{
  font-size: 12px;
}

.mono em,
.mono em span{
  font-weight: 700;
  font-style: normal;
}

/* =====================================
  Color Utility
===================================== */
.mono .c-main,
.mono .c-main small,
.mono .c-main span{
  color: var(--color-main);
}

.mono .c-main small{
  font-size: 1.4rem;
}

.mono .sat{
  color: var(--color-sat);
}

.mono .sun{
  color: var(--color-sun);
}

/* =====================================
  Background Utility
===================================== */
.mono .bg-main{
  background: var(--color-main);
}

.mono .bg-white{
  background: var(--bg-white);
}

.mono .bg-black{
  background: var(--bg-black);
}
.mono .bg-black-10{
  background: var(--bg-black-10);
}
.mono .bg-black-20{
  background: var(--bg-black-20);
}
.mono .bg-black-40{
  background: var(--bg-black-40);
}
.mono .bg-black-75{
  background: var(--bg-black-75);
}



.mono .bg-dark .bg-gray5{
  background: var(--glass-5);
}

.mono .bg-dark .bg-gray10{
  background: var(--glass-10);
}

.mono .bg-dark .bg-gray20{
  background: var(--glass-20);
}

.mono .bg-dark .bg-gray40{
  background: var(--glass-40);
}

.mono .bg-kakomi{
  padding: 20px ;
}
.mono .bg-kakomi p + p{
  margin-top: 10px;
}
.mono .bg-kakomi.inline{
  padding: 10px;
}
.mono .kakomi-border,
.mono .bg-kakomi.kakomi-border{
  border: solid 1px var(--bg-black);
}



/* =====================================
  Layout Utility
===================================== */
.mono .pc{
  display: block;
}

.mono .sp{
  display: none;
}

.mono .waku{
  margin: 0 auto;
  width: calc(100% - 30px);
  padding-left: 15px;
  padding-right: 15px;
}

.mono .inner1280{
  display: table;
  margin: 0 auto;
  max-width: calc(1280px - 32px);
  width: 100%;
  padding: 0 16px;
}

.mono .inner900{
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  width: 100%;
}
.mono .inner900.bg-black-10{
  padding: 50px;
  max-width: calc(900px - 132px);
}

.mono .sec-first,
.mono article.sec-first{
  padding-top: calc(150px * var(--space-scale));
}
.mono .sec-normal{
  padding: calc(150px * var(--space-scale)) 0;
}
.mono .sec-normal.pt-none,
.mono .sec-normal + .sec-normal{
  padding-top: 0;
}


.mono .conte-bg,
.mono .conte-normal{
  padding: calc(100px * var(--space-scale)) 0;
}

.mono .conte-normal + .conte-normal{
  padding-top: 0;
}
.mono .conte-center{
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.mono .conte-center div,
.mono .conte-center p{
  text-align: center;
}
.mono .conte-center button{
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.mono .sec-bg{
  padding: calc(150px * var(--space-scale)) 0;
}




/* =====================================
  Flex Utility
===================================== */
.mono .c-flex{
  display: flex;
  align-items: stretch;
}

.mono .c-flex.rap{
  flex-wrap: wrap;
}

.mono .c-flex.v-center{
  align-items: center;
}

.mono .c-flex.c-center{
  display: flex;
  justify-content: center;
}

.mono .c-flex.re{
  flex-direction: row-reverse;
}

.mono .c-flex.space-between,
.mono .c-flex.c-between{
  justify-content: space-between;
}

.mono .c-flex.c-center.grow1 li{
  flex: 1;
}

/* =====================================
  Margin Utility
===================================== */
.mono .m-auto{
  margin-right: auto;
  margin-left: auto;
}

.mono .mt-16{ margin-top: 16px; }
.mono .mt-24{ margin-top: 24px; }
.mono .mt-32{ margin-top: 32px; }
.mono .mt-40{ margin-top: 40px; }

.mono .mb-8{ margin-bottom: 8px; }
.mono .mb-16{ margin-bottom: 16px; }
.mono .mb-24{ margin-bottom: 24px; }
.mono .mb-30{ margin-bottom: calc(30px * var(--space-scale-s)); }
.mono .mb-40{ margin-bottom: calc(40px * var(--space-scale-s)); }
.mono .mb-50{ margin-bottom: calc(50px * var(--space-scale-s)); }
.mono .mb-70{ margin-bottom: calc(70px * var(--space-scale-s)); }
.mono .mb-90{ margin-bottom: calc(90px * var(--space-scale-s)); }
.mono .mb-100{ margin-bottom: calc(100px * var(--space-scale)); }
.mono .mb-120{ margin-bottom: calc(120px * var(--space-scale)); }

/* =====================================
  Image
===================================== */
.mono .ph,
.mono .ph a,
.mono .ph img{
  line-height: 0;
}

.mono .ph{
  position: relative;
}

.mono .ph.tx{
  line-height: 1.5;
}

.mono .ph img{
  width: 100%;
  height: auto;
}
.mono .ph.ad-padding{
  padding: calc(20px * var(--space-scale-s));
}


/* =====================================
  Pseudo Elements
===================================== */
.mono .after,
.mono .before,
.mono .icon,
.mono .icon a{
  position: relative;
}

.mono .after::after,
.mono .before::before,
.mono .icon::before,
.mono .icon a::before{
  content: "";
  display: block;
  position: absolute;
}

/* =====================================
  Table
===================================== */
.mono table.normal th,
.mono table.normal td{
  padding: 8px;
  border: solid 1px rgba(0, 0, 0, 0.4);
  font-weight: 400;
}

.mono table .t-center,
.mono table .t-center th,
.mono table .t-center td{
  text-align: center;
}

.mono table.kaihi thead th{
  font-weight: 600;
}

.mono table td.bt-none{
  border-top: none !important;
  padding-top: 0;
}

.mono table th.bb-none{
  border-bottom: none !important;
  padding-bottom: 0;
}

.mono table.kaihi .money td{
  font-size: 1.2rem;
  letter-spacing: 0;
}


/*******************
font-size
*********************/
:root {
  /* PC基準 */
  --font-scale: 1;
  --font-scale-eng-large: 1;
  --space-scale: 1;
  --space-scale-s: 1;
}

/* タブレット-1 */
@media (max-width: 1024px) {
  :root {
    --font-scale: 0.75;
    --space-scale: 0.75;
  }
}
/* タブレット-2 */
@media (max-width: 820px) {
  :root {
  --font-scale-eng-large: 0.75;

  }
}

/* スマホ-1 */
@media (max-width: 600px) {
  :root {
    --font-scale: 0.60;
    --font-scale-eng-large: 0.35;
    --space-scale: 0.40;
    --space-scale-s: 0.60;
  }
}
/* スマホ-2 */
@media (max-width: 360px) {
  :root {
    --font-scale: 0.50;
    --font-scale-eng-large: 0.3;
    --space-scale: 0.35;
  }
}



/* 元サイズ × 共通倍率 */
.mono .title-eng {
  font-size: calc(160px * var(--font-scale-eng-large));
  line-height: 1;
  word-break: break-all;
  letter-spacing: -2px;
}
.mono .title-l-obi span {
  font-size: calc(90px * var(--font-scale));
  line-height: 1;
  word-break: break-all;
  letter-spacing: -1px;
}
.mono .tx-lead-no-eng {
  font-size: calc(50px * var(--font-scale));
  line-height: 1;
  word-break: break-all;
  letter-spacing: -1px;
}
.mono .tx-eng-m {
  font-size: calc(40px * var(--font-scale));
  line-height: 1;
  word-break: break-all;
}
.mono .tx-eng-s {
  font-size: calc(28px * var(--font-scale));
  line-height: 1;
  word-break: break-all;
}
.mono .tx-eng-ss {
  font-size: calc(24px * var(--font-scale));
  line-height: 1;
  word-break: break-all;
}


.mono .sub-title {
  font-size: calc(42px * var(--font-scale));
}


.mono .tx-lead span,
.mono .tx-lead {
  font-size: calc(40px * var(--font-scale));
  font-weight: 900;
}


.mono .midashi-l span,
.mono .midashi-l {
  font-size: calc(32px * var(--font-scale));
  font-weight: 600;
  line-height: 1.2;
}
.mono .midashi-m span,
.mono .midashi-m {
  font-size: calc(28px * var(--font-scale));
  font-weight: 600;
  line-height: 1.2;
}


.mono .midashi-s span,
.mono .midashi-s {
  font-size: 20px;
  font-weight: 600;
}
.mono .title span.pc,
.mono .title br.pc,
.mono .midashi-s span.pc,
.mono .midashi-s br.pc{
  display: inline-block;
}

.mono .tx-card-title {
  font-size: 18px;
  font-weight: 600;
}
.mono .tx-chu {
  font-size: 14px;
}

.mono .title-chon span,
.mono .title-chon {
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.mono .title-chon{
  padding-left: 1.8rem;
}
.mono .title-chon::before{
  content: '';
  width: 16px;
  height: 10px;
  background: var(--bg-main);
  position: absolute;
  border-radius: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}


/*********************
title
*********************/

.mono .title-eng{
  text-align: center;
  display: flex;
  justify-content: center;
}
.mono .title-eng.title-first{
  margin-top:0px ;
}

.title-eng + .tx-lead{
  margin-bottom: 70px;
}

.sec-bg .tx-lead,
.sec-bg .title-eng{
  color: var(--color-main);
}
.mono .title-kakomi-bl{
  padding: 6px 24px;
  background: var(--bg-black);
  display: table;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2px;
  color: var(--color-white);
}
.mono .title-l-obi{
  display: flex;
  justify-content: end;
  line-height: 1;
  padding: 0;

}
.mono .title-l-obi span{
  padding: 0 6px;
  color: var(--color-black);
  border-radius: 2px;
  line-height: 1;
}
.mono .title-l-obi span span{
  padding: 0;
}