@charset "UTF-8";
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("//fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap");
@import url("//code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css");
@import url("//use.fontawesome.com/releases/v5.0.6/css/all.css");
@import url("//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css");
@import url("//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css");
@import url("//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css");
/*-----------------------------------

seasoneopening2023.scss

------------------------------------*/
.pcDISP {
  display: initial; }

.spDISP {
  display: none !important; }

a {
  color: #e60012;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out; }

a:hover {
  opacity: 0.4;
  text-decoration: none; }

.fade-here,
.fade-scale,
.fade-up,
.fade-down,
.fade-from-left,
.fade-from-right {
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all; }

html {
  font-size: 62.5%;
  overflow-y: auto; }

body {
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.65;
  background: url(/img/leaguecup/2022/special/BG_lightgray.jpg) repeat-y top center;
  background-size: 100% auto; }

.mgnB01 {
  margin-bottom: 50px; }

.mgnB02 {
  margin-top: 50px;
  margin-bottom: 50px; }

.CLM__half, .CLM__three, .CLM__four {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: -ms- left;
  justify-content: -webkit- left;
  justify-content: left;
  align-items: -ms- top;
  align-items: -webkit- top;
  align-items: top; }
  .CLM__half img, .CLM__three img, .CLM__four img {
    width: 100%; }
  .CLM__half .wide100, .CLM__three .wide100, .CLM__four .wide100 {
    width: 100% !important; }
.CLM__half > li, .CLM__half > article, .CLM__half > figure {
  width: 48%;
  margin-right: 4%; }
  .CLM__half > li:nth-child(2n), .CLM__half > article:nth-child(2n), .CLM__half > figure:nth-child(2n) {
    margin-right: 0; }
.CLM__three > li, .CLM__three > article, .CLM__three > figure, .CLM__three > div {
  width: 32%;
  margin-right: 2%; }
  .CLM__three > li:nth-child(3n), .CLM__three > article:nth-child(3n), .CLM__three > figure:nth-child(3n), .CLM__three > div:nth-child(3n) {
    margin-right: 0; }
.CLM__four > li, .CLM__four > article {
  width: 23.5%;
  margin-right: 2%; }
  .CLM__four > li:nth-child(4n), .CLM__four > article:nth-child(4n) {
    margin-right: 0; }

.nowrapCLM {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: -ms- space-between;
  justify-content: -webkit- space-between;
  justify-content: space-between;
  align-items: -ms- top;
  align-items: -webkit- top;
  align-items: top; }
  .nowrapCLM > li,
  .nowrapCLM > article {
    flex: 1;
    margin-right: 3%; }
    .nowrapCLM > li:last-child,
    .nowrapCLM > article:last-child {
      margin-right: 0; }
    .nowrapCLM > li img,
    .nowrapCLM > article img {
      width: 100%; }
    .nowrapCLM > li a,
    .nowrapCLM > article a {
      display: block; }

.txt__red {
  color: #cd0404; }
.txt__blue {
  color: #33bbd4; }
.txt__pink {
  color: #ffa5ae; }
.txt__green {
  color: #a5cb49; }
.txt__orange {
  color: #ffa401; }
.txt__brown {
  color: #d8960d; }
.txt__dotline {
  padding-bottom: 5px;
  border-bottom: 2px dotted #cd0404; }
.txt__left {
  text-align: left; }
.txt__center {
  text-align: center; }
.txt__right {
  text-align: right; }
.txt__bold {
  font-weight: bold; }

p {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.65;
  text-align: left; }

.list__disc {
  list-style: disc;
  padding-left: 1em;
  text-align: left;
  line-height: 1.5;
  font-size: 13px;
  font-size: 1.3rem; }
  .list__disc li {
    padding-bottom: 0.5em; }
.list__attention {
  list-style: none; }
  .list__attention li {
    padding-left: 1em;
    position: relative; }
    .list__attention li:after {
      content: '※';
      position: absolute;
      left: 0;
      top: 0; }

.headline__main {
  text-align: center; }
  .headline__main .eng_S {
    font-family: "alkaline", sans-serif;
    color: #cd0404;
    font-size: 50px;
    font-size: 5rem;
    font-weight: bold;
    display: block;
    line-height: 1;
    padding-bottom: 15px; }
  .headline__main .jpn_L {
    font-family: "Kiwi Maru", sans-serif;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1; }
.headline__wide {
  background: red;
  overflow: hidden; }
  .headline__wide .sec__inner980 {
    padding: 20px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: -ms- flex-start;
    justify-content: -webkit- flex-start;
    justify-content: flex-start;
    align-items: -ms- center;
    align-items: -webkit- center;
    align-items: center; }
  .headline__wide .num {
    font-size: 20px;
    font-size: 2rem;
    background: #000;
    color: #fff;
    font-family: "alkaline", sans-serif;
    width: 37px;
    height: 37px;
    line-height: 37px;
    border-radius: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-right: 5px; }
  .headline__wide .jpn {
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    margin-right: 5px; }
    .headline__wide .jpn span {
      color: #fff;
      font-size: 30px;
      font-size: 3rem;
      font-weight: bold; }
  .headline__wide .eng {
    font-family: "alkaline", sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    padding-top: .5em; }
.headline__dotline {
  display: flex;
  align-items: center; }
  .headline__dotline:after, .headline__dotline:before {
    content: "";
    flex-grow: 1;
    border-bottom: 3px dotted #000000; }
  .headline__dotline:before {
    margin-right: 1rem; }
  .headline__dotline:after {
    margin-left: 1rem; }
  .headline__dotline p {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1; }
    .headline__dotline p span {
      font-weight: bold; }
.headline__S {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px; }

.btn {
  display: inline-block;
  position: relative;
  background: #000;
  color: #FFF;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.05em;
  text-align: center;
  font-weight: 800;
  display: block;
  width: 300px;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  border: 1px solid #000; }
  .btn:after {
    position: absolute;
    font-family: 'ionicons';
    content: '\f30f';
    right: 7%;
    color: #fff;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all; }
  .btn:hover:after {
    right: 5%; }
  .btn__S {
    width: 210px;
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    font-size: 12px;
    font-size: 1.2rem; }
    .btn__S:after {
      font-size: 12px;
      font-size: 1.2rem; }
  .btn__L {
    width: 90%; }
  .btn__M {
    min-width: 70%;
    padding: 0 30px 0 10px;
    box-sizing: border-box; }
  .btn__red {
    background: #e60c11;
    color: #fff;
    border: 1px solid #e60c11; }
    .btn__red:after {
      color: #fff; }
  .btn__border {
    border: 1px solid #000;
    color: #000;
    background: #fff; }
    .btn__border:after {
      color: #000; }

span.btn {
  background: #aaa;
  border: 1px solid #aaa;
  opacity: 1;
  color: #828080; }
  span.btn:after {
    color: #999 !important; }
  span.btn:hover:after {
    right: 7%; }

.table__wrap {
  width: 100%; }
  .table__wrap table {
    width: 100%; }
  .table__wrap thead tr th {
    background: #000;
    color: #fff; }
  .table__wrap tbody tr th {
    color: #fff;
    font-weight: bold; }
    .table__wrap tbody tr th.j1 {
      background: #e60012; }
    .table__wrap tbody tr th.j2 {
      background: #007e41; }
    .table__wrap tbody tr th.j3 {
      background: #1f62b2; }
    .table__wrap tbody tr th.levain {
      background: #e60c11; }
  .table__wrap tbody tr td {
    background: #fff; }
    .table__wrap tbody tr td span {
      display: inline-block;
      vertical-align: middle; }
  .table__wrap tbody tr.brder {
    border-bottom: 2px solid #000; }
  .table__wrap th,
  .table__wrap td {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #d7d7d7; }

.sec {
  width: 100%;
  text-align: center; }
  .sec__inner800 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 80px 5vw; }
  .sec__inner900 {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 5vw; }
  .sec__inner980 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 80px 5vw; }
  .sec__inner1100 {
    width: 100%;
    min-width: 980px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 80px 5vw; }
  .sec__inner1200 {
    width: 100%;
    min-width: 980px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 5vw; }
  .sec__innerWide {
    width: 100%;
    min-width: 980px;
    max-width: 1500px;
    margin: 0 auto;
    padding: 80px 5vw;
    box-sizing: border-box; }
  .sec__lightgry {
    background: #eee; }
  .sec__lightBG {
    background: url(/img/special/gw2022/BG_light.jpg) no-repeat top center;
    background-size: cover; }
  .sec__nanameBG {
    background: url(/img/special/gw2022/BG_naname.png) no-repeat top center;
    background-size: 100%;
    background-repeat: repeat; }
  .sec__greennanameBG {
    background: url(/img/special/gw2022/BG_nanamegreen.png) no-repeat top center;
    background-size: 100%;
    background-repeat: repeat; }
  .sec__goldBG {
    background: url(/img/special/gw2022/BG_gold.jpg) no-repeat top center;
    background-size: 100%;
    background-repeat: repeat; }
  .sec__yellow {
    background-color: #fffccc; }

/* ==========================================================================
   header
========================================================================== */
#header {
  display: initial; }

.menutriggerWrap {
  position: fixed;
  right: 0;
  z-index: 11111111;
  width: 70px;
  height: 70px;
  background: #000; }

.menu-trigger {
  display: inline-block;
  width: 30px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 222222;
  margin-top: 10px;
  cursor: pointer;
  z-index: 1; }
  .menu-trigger:hover {
    opacity: 1; }
  .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background-color: #fff; }
    .menu-trigger span:nth-of-type(1) {
      top: 0; }
    .menu-trigger span:nth-of-type(2) {
      top: 9px; }
    .menu-trigger span:nth-of-type(3) {
      bottom: 0; }
  .menu-trigger.active span {
    background-color: #fff; }
    .menu-trigger.active span:nth-of-type(1) {
      transform: translateY(9px) rotate(-45deg); }
    .menu-trigger.active span:nth-of-type(2) {
      opacity: 0; }
    .menu-trigger.active span:nth-of-type(3) {
      transform: translateY(-9px) rotate(45deg); }

#navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  height: 100%;
  overflow-y: auto;
  padding: 60px 0 40px;
  box-sizing: border-box;
  text-align: center; }
  #navigation .navigation_inner {
    width: 980px;
    margin: auto;
    box-sizing: border-box; }

.seasonopening2023Header__jLogo {
  position: fixed;
  left: 15px;
  top: 15px;
  z-index: 100000; }
  .seasonopening2023Header__jLogo a img {
    width: 40px; }
.seasonopening2023Header__gnav li {
  padding: 20px;
  border-bottom: 1px solid #fff;
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out; }
  .seasonopening2023Header__gnav li:hover {
    background: #696969; }
  .seasonopening2023Header__gnav li a, .seasonopening2023Header__gnav li span {
    color: #fff;
    font-size: 20px;
    font-size: 2rem; }
    .seasonopening2023Header__gnav li a:hover, .seasonopening2023Header__gnav li span:hover {
      opacity: 1; }
  .seasonopening2023Header__gnav li span {
    pointer-events: none;
    color: #828080; }
  .seasonopening2023Header__gnav li.nolink:hover {
    background: inherit; }

@keyframes kurukuru {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* ==========================================================================
   kv
========================================================================== */
.kvArea .sec__inner980 {
  width: 90%;
  max-width: 1100px;
  padding: 30px 0;
  display: none; }
.kvArea img {
  width: 100%;
  vertical-align: top; }
.kvArea__lead {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2; }

/* ==========================================================================
   navArea
========================================================================== */
.navArea {
  background: #000; }
  .navArea .sec__inner980 {
    padding: 0; }
  .navArea__nav {
    flex-wrap: nowrap; }
    .navArea__nav__list {
      width: calc((100% - 4px) / 3) !important;
      border-right: 1px solid #747474;
      text-align: center;
      margin-right: 0 !important; }
      .navArea__nav__list:first-child {
        border-left: 1px solid #747474; }
      .navArea__nav__list a {
        text-align: center;
        color: #fff;
        display: block;
        line-height: 1.3;
        padding: 18px;
        box-sizing: border-box; }
        .navArea__nav__list a:hover {
          background: #cd0404;
          opacity: 1; }
      body.top .navArea__nav__list.top a {
        background: #cd0404; }
        body.top .navArea__nav__list.top a:hover {
          opacity: 1; }
      body.howtochoose .navArea__nav__list.howtochoose a {
        background: #cd0404; }
        body.howtochoose .navArea__nav__list.howtochoose a:hover {
          opacity: 1; }
      body.bigginersguide .navArea__nav__list.bigginersguide a {
        background: #cd0404; }
        body.bigginersguide .navArea__nav__list.bigginersguide a:hover {
          opacity: 1; }
      body.match .navArea__nav__list.match a {
        background: #cd0404; }
        body.match .navArea__nav__list.match a:hover {
          opacity: 1; }
      body.kokuritsu .navArea__nav__list.kokuritsu a {
        background: #cd0404; }
        body.kokuritsu .navArea__nav__list.kokuritsu a:hover {
          opacity: 1; }

.clubnav {
  opacity: 0;
  position: fixed;
  top: 0;
  z-index: 10000;
  width: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  padding: 0;
  box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.26);
  transition: 1s ease-in-out;
  display: none;
  height: 70px; }
  .clubnav.is-in {
    display: block;
    opacity: 1; }
    .clubnav.is-in ul {
      padding-top: 10px; }
      .clubnav.is-in ul li a {
        padding: 0; }
        .clubnav.is-in ul li a img {
          width: 170px; }
        .clubnav.is-in ul li a:after {
          bottom: -30px; }
  .clubnav__btn {
    display: none; }

/* ==========================================================================
   titleArea
========================================================================== */
.titleArea {
  display: block;
  padding-top: 70px;
  margin-top: -70px; }
  .titleArea .sec__nanameBG {
    padding: 50px 0; }
  .titleArea__txt {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Kiwi Maru", sans-serif;
    font-weight: bold;
    margin: 30px 0 0; }

body.top .titleArea .sec__nanameBG, body.bigginersguide .titleArea .sec__nanameBG {
  padding: 50px 0; }

/* ==========================================================================
   TOP
========================================================================== */
.ankerArea_place {
  background: #000000;
  position: sticky;
  top: 0;
  z-index: 600;
  border-top: 1px solid #747474; }
  .ankerArea_place__nav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: -ms- center;
    justify-content: -webkit- center;
    justify-content: center;
    align-items: -ms- center;
    align-items: -webkit- center;
    align-items: center; }
    .ankerArea_place__nav__list {
      width: 215px;
      text-align: center;
      border-right: 1px solid #ffffff; }
      .ankerArea_place__nav__list a {
        display: block;
        color: #000000;
        padding: 23px;
        box-sizing: border-box;
        position: relative;
        background-color: #d8d5b4;
        font-size: 14px;
        font-size: 1.4rem; }
        .ankerArea_place__nav__list a img {
          width: 200px; }
        .ankerArea_place__nav__list a:hover {
          opacity: 1; }
          .ankerArea_place__nav__list a:hover:after {
            bottom: -10px; }
          .ankerArea_place__nav__list a:hover img {
            opacity: 1; }
        .ankerArea_place__nav__list a:after {
          display: inline-block;
          font-family: "ionicons";
          content: "\f104";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          bottom: -5px;
          font-size: 25px;
          font-size: 2.5rem;
          transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -webkit-transition: 0.3s ease-in-out; }
      .ankerArea_place__nav__list:first-child a {
        background-color: #c4b867; }
      .ankerArea_place__nav__list:first-child a:after {
        color: #000000; }
      .ankerArea_place__nav__list:nth-child(2) a:after {
        color: #000000; }
      .ankerArea_place__nav__list:nth-child(3) a:after {
        color: #000000; }
      .ankerArea_place__nav__list:last-child a:after {
        color: #000000; }

.ankerArea_kokuritsu {
  background: #000000;
  position: sticky;
  top: 0;
  z-index: 600;
  border-top: 1px solid #747474; }
  .ankerArea_kokuritsu__nav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: -ms- center;
    justify-content: -webkit- center;
    justify-content: center;
    align-items: -ms- center;
    align-items: -webkit- center;
    align-items: center; }
    .ankerArea_kokuritsu__nav__list {
      width: 500px;
      text-align: center;
      border-left: 1px solid #747474;
      border-right: 1px solid #747474; }
      .ankerArea_kokuritsu__nav__list a {
        display: block;
        color: #000000;
        padding: 0px 0px 20px 0px;
        box-sizing: border-box;
        position: relative;
        background-color: #000000;
        font-size: 14px;
        font-size: 1.4rem; }
        .ankerArea_kokuritsu__nav__list a img {
          width: 90%;
          vertical-align: top; }
        .ankerArea_kokuritsu__nav__list a:hover {
          opacity: 1; }
          .ankerArea_kokuritsu__nav__list a:hover img {
            opacity: 0.8; }
        .ankerArea_kokuritsu__nav__list a:after {
          display: inline-block;
          font-family: "ionicons";
          content: "\f104";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          bottom: -15px;
          font-size: 30px;
          font-size: 3rem;
          transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -webkit-transition: 0.3s ease-in-out;
          color: #ffffff; }
      .ankerArea_kokuritsu__nav__list:first-child {
        border-right: 0px solid #747474; }

/*
.ankerArea_kokuritsu{
	background: #fff;
	position: sticky;
	top: 0;
	z-index: 600;
	&__nav{
		@include flexbox(nowrap, center, center);
		&__list{
			width: 400px;
			text-align: center;
			border-right: 1px solid #ffffff;
			a{
				display: block;
				color: #000000;
				padding: 23px;
    			box-sizing: border-box;
				position: relative;
				background-color: #d8d5b4;
				@include rem(14);
				img{
					width: 200px;
				}
				&:hover{
					opacity: 1;
					&:after{
						bottom: -10px;
					}
					img{
						opacity: 1;
					}
				}
				&:after{
					display: inline-block;
					font-family: "ionicons";
					content: "\f104";
					position: absolute;
					left: 50%;
					@include PropertySetPrefix(transform, translateX(-50%));
					bottom: -5px;
					font-size: 25px;
					font-size: 2.5rem;
					@include PropertySetPrefix(transition, 0.3s ease-in-out);
				}
			}
			&:first-child a{ background-color: #c4b867;}
			
			&:first-child a:after{ color: #000000;}
			&:nth-child(2) a:after{ color: #000000;}
		}
	}
}
*/
.ankerArea {
  background: #fff; }
  .ankerArea__nav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: -ms- center;
    justify-content: -webkit- center;
    justify-content: center;
    align-items: -ms- center;
    align-items: -webkit- center;
    align-items: center; }
    .ankerArea__nav__list {
      width: 250px;
      text-align: center; }
      .ankerArea__nav__list a {
        display: block;
        padding: 30px;
        box-sizing: border-box;
        position: relative; }
        .ankerArea__nav__list a img {
          width: 200px; }
        .ankerArea__nav__list a:hover {
          opacity: 1; }
          .ankerArea__nav__list a:hover:after {
            bottom: -5px; }
          .ankerArea__nav__list a:hover img {
            opacity: 1; }
        .ankerArea__nav__list a:after {
          display: inline-block;
          font-family: "ionicons";
          content: "\f104";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          bottom: 0px;
          font-size: 30px;
          font-size: 3rem;
          transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -webkit-transition: 0.3s ease-in-out; }
      .ankerArea__nav__list:first-child a:after {
        color: #e60012; }
      .ankerArea__nav__list:nth-child(2) a:after {
        color: #e60c11; }
      .ankerArea__nav__list:nth-child(3) a:after {
        color: #007e41; }
      .ankerArea__nav__list:last-child a:after {
        color: #1f62b2; }

.campaignArea__wrap {
  padding-left: 80px;
  position: relative;
  margin-top: 30px; }
  .campaignArea__wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 39px;
    transform: translateX(-50%);
    z-index: 500;
    pointer-events: none;
    background: #000;
    width: 5px;
    height: 100%;
    background-position: center; }
    .j1league .campaignArea__wrap:after, .j1league__end .campaignArea__wrap:after {
      background: #e60012; }
    .j2league .campaignArea__wrap:after, .j2league__end .campaignArea__wrap:after {
      background: #007e41; }
    .j3league .campaignArea__wrap:after, .j3league__end .campaignArea__wrap:after {
      background: #1f62b2; }
    .levain .campaignArea__wrap:after, .levain__end .campaignArea__wrap:after {
      background: #e60c11; }
.campaignArea__ttl {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: .13em;
  line-height: 40px;
  margin-bottom: 10px;
  position: relative;
  width: 100%; }
  .campaignArea__ttl:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #000;
    position: absolute;
    top: 15px;
    border-radius: 100px;
    left: -48px; }
    .j1league .campaignArea__ttl:before, .j1league__end .campaignArea__ttl:before {
      background: #e60012; }
    .j2league .campaignArea__ttl:before, .j2league__end .campaignArea__ttl:before {
      background: #007e41; }
    .j3league .campaignArea__ttl:before, .j3league__end .campaignArea__ttl:before {
      background: #1f62b2; }
    .levain .campaignArea__ttl:before, .levain__end .campaignArea__ttl:before {
      background: #e60c11; }
  .campaignArea__ttl .eng {
    font-family: "alkaline", sans-serif;
    font-weight: bold;
    font-size: 40px;
    font-size: 4rem; }
.campaignArea__card {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: -ms- center;
  justify-content: -webkit- center;
  justify-content: center;
  align-items: -ms- stretch;
  align-items: -webkit- stretch;
  align-items: stretch;
  border-radius: 0 20px 20px 0;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.07);
  overflow: hidden; }
  .campaignArea__card + .campaignArea__ttl {
    margin-top: 60px; }
  .campaignArea__card + .campaignArea__card {
    margin-top: 30px; }
  .campaignArea__card img {
    width: 50%; }
  .campaignArea__card.kokuritsu {
    border: 5px solid #c9a63d;
    border-radius: 20px; }
    .campaignArea__card.kokuritsu .campaignArea__card--con .kikan span {
      color: #ac8421; }
    .campaignArea__card.kokuritsu .btnwrap {
      padding: 0px 0; }
  .campaignArea__card--con {
    width: 50%;
    background: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: -ms- center;
    justify-content: -webkit- center;
    justify-content: center;
    align-items: -ms- flex-start;
    align-items: -webkit- flex-start;
    align-items: flex-start; }
    .campaignArea__card--con .ttl {
      background-color: #33bbd4;
      padding: 15px 0;
      width: 100%; }
    .campaignArea__card--con .seki {
      color: #fff;
      font-size: 18px;
      font-size: 1.8rem;
      text-align: center;
      font-weight: bold;
      letter-spacing: 2px;
      margin-bottom: 13px;
      line-height: 1; }
    .campaignArea__card--con .kikan {
      color: #fff;
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: -ms- center;
      justify-content: -webkit- center;
      justify-content: center;
      align-items: -ms- center;
      align-items: -webkit- center;
      align-items: center; }
      .campaignArea__card--con .kikan + .kikan {
        margin-top: 2px; }
      .campaignArea__card--con .kikan span {
        background: #fff;
        color: #33bbd4;
        padding-left: 5px;
        position: relative;
        font-size: 14px;
        font-size: 1.4rem;
        height: 25px;
        display: inline-block;
        line-height: 25px;
        margin-right: 15px;
        letter-spacing: 1px;
        font-weight: bold;
        padding: 0 3px 0 10px; }
        .campaignArea__card--con .kikan span:after {
          width: 0;
          height: 0;
          border-left: 10px solid white;
          border-top: 13px solid transparent;
          border-bottom: 13px solid transparent;
          position: absolute;
          content: '';
          right: -10px; }
      .campaignArea__card--con .kikan i {
        font-style: normal;
        width: 55%;
        text-align: left; }
    .campaignArea__card--con .kome {
      color: #fff;
      text-align: center;
      padding: 0; }
    .campaignArea__card--con .txt__dotline {
      border-bottom: 2px dotted #fff600;
      font-weight: bold; }
    .campaignArea__card--con .eng {
      font-family: "alkaline", sans-serif;
      font-size: 30px;
      font-size: 3rem;
      font-weight: bold;
      margin: 0 2px; }
    .campaignArea__card--con .caution {
      font-size: 13px;
      font-size: 1.3rem;
      letter-spacing: 1px; }
    .campaignArea__card--con .btnwrap .btn + .btn {
      margin-top: 8px; }

.precautionsArea ul {
  margin-top: 30px; }

/* ==========================================================================
   how to choose
========================================================================== */
.japanandyoungArea .headline__dotline {
  margin-bottom: 30px; }

body.howtochoose .titleArea .sec__nanameBG {
  /*padding-bottom: 120px;*/ }

.japanandyoungArea__wrap {
  background: #fff; }

.choosecard__wrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: -ms- flex-start;
  justify-content: -webkit- flex-start;
  justify-content: flex-start;
  align-items: -ms- flex-start;
  align-items: -webkit- flex-start;
  align-items: flex-start; }
  .choosecard__wrap + .headline__dotline {
    margin-top: 70px; }
.choosecard__card {
  width: 32%;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #e8e8e8;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.07);
  margin-right: 2%;
  margin-bottom: 20px; }
  .choosecard__card:nth-child(3n) {
    margin-right: 0; }
  .choosecard__card img {
    width: 100%; }
.choosecard__list li, .choosecard__widelist li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: -ms- flex-start;
  justify-content: -webkit- flex-start;
  justify-content: flex-start;
  align-items: -ms- center;
  align-items: -webkit- center;
  align-items: center;
  border-bottom: 1px solid #d7d7d7;
  padding: 10px 0;
  text-align: center; }
  .choosecard__list li .data, .choosecard__widelist li .data {
    width: 57%;
    text-align: left;
    margin-bottom: 5px; }
    .choosecard__list li .data .day, .choosecard__widelist li .data .day {
      font-weight: bold;
      display: block;
      text-align: left; }
    .choosecard__list li .data .match, .choosecard__widelist li .data .match {
      text-align: left;
      font-size: 11px;
      font-size: 1.1rem; }
      .choosecard__list li .data .match .embS, .choosecard__widelist li .data .match .embS {
        display: inline-block;
        vertical-align: middle; }
  .choosecard__list li .btn, .choosecard__widelist li .btn {
    width: 43%;
    height: auto;
    line-height: 1.2;
    font-size: 11px;
    font-size: 1.1rem;
    padding: 7px 0; }
    .choosecard__list li .btn:after, .choosecard__widelist li .btn:after {
      content: none; }
.choosecard__widelist {
  margin-top: 30px;
  border-top: 1px solid #d7d7d7; }
  .choosecard__widelist + .headline__dotline {
    margin-top: 70px; }
  .choosecard__widelist li .data {
    margin-bottom: 0; }
    .choosecard__widelist li .data .day {
      font-size: 16px;
      font-size: 1.6rem;
      display: inline-block; }
    .choosecard__widelist li .data .match {
      font-size: 14px;
      font-size: 1.4rem;
      margin-left: 10px;
      display: inline-block; }
  .choosecard__widelist li .btn {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem; }
    .choosecard__widelist li .btn:after {
      position: absolute;
      font-family: 'ionicons';
      content: '\f30f';
      right: 7%;
      color: #fff;
      transition: 0.5s all; }
.choosecard__ttl {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px; }
.choosecard__clubttl {
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
  margin-top: -60px; }
  .choosecard__clubttl .embL {
    display: block;
    margin: 0 auto; }
.choosecard__img {
  margin-bottom: 10px; }
  .choosecard__img--con {
    background-color: #efefef;
    background-size: cover;
    padding: 20px;
    padding-top: 70px;
    padding-bottom: 0; }
    .choosecard__img--con ul li {
      text-align: center;
      font-weight: bold;
      line-height: 1.8; }
      .choosecard__img--con ul li span {
        font-weight: bold; }
  .choosecard__img img {
    width: auto;
    height: 100px;
    position: relative;
    margin: 0 auto -60px;
    display: block; }
.choosecard__wrap.club {
  padding-top: 60px; }
  .choosecard__wrap.club .choosecard__card {
    margin-bottom: 60px; }
  .choosecard__wrap.club .choosecard__card--con {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px; }
    .choosecard__wrap.club .choosecard__card--con .choosecard__list li, .choosecard__wrap.club .choosecard__card--con .choosecard__widelist li {
      padding: 0;
      border: none;
      padding-bottom: 10px; }
      .choosecard__wrap.club .choosecard__card--con .choosecard__list li .data, .choosecard__wrap.club .choosecard__card--con .choosecard__widelist li .data {
        width: 100%;
        margin-bottom: 0; }
  .choosecard__wrap.club .choosecard__list li .data .name, .choosecard__wrap.club .choosecard__widelist li .data .name {
    display: block;
    font-weight: bold; }
    .choosecard__wrap.club .choosecard__list li .data .name i, .choosecard__wrap.club .choosecard__widelist li .data .name i {
      font-style: normal;
      font-size: 11px;
      font-size: 1.1rem; }
  .choosecard__wrap.club .choosecard__list li .data .kikan, .choosecard__wrap.club .choosecard__widelist li .data .kikan {
    font-size: 11px;
    font-size: 1.1rem; }

.txt-hide {
  display: none; }

button.more {
  width: 120px;
  margin: 20px auto 0;
  display: block;
  color: #000;
  border: none;
  outline: 0;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  position: relative;
  background: none;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem; }
  button.more:before {
    position: absolute;
    font-family: 'ionicons';
    content: '\f30f';
    right: 7%;
    color: #000;
    transition: 1s all;
    -moz-transition: 1s all;
    -webkit-transition: 1s all;
    top: 5px;
    transform: rotate(90deg); }
  button.more::after {
    content: "もっとみる";
    transition: 0.2s all;
    -moz-transition: 0.2s all;
    -webkit-transition: 0.2s all; }
  button.more.on-click::after {
    content: "とじる"; }
  button.more.on-click::before {
    transform: rotate(-90deg); }

.clearfix {
  overflow: inherit; }

.tabSelecter {
  width: 980px;
  margin: -70px auto 0; }
  .tabSelecter li {
    position: relative;
    margin: 0;
    width: 50%; }
    .tabSelecter li.current a {
      background: #fff;
      color: #000; }
    .tabSelecter li > a {
      border-radius: 5px;
      padding: 0;
      height: 70px;
      line-height: 70px;
      font-size: 18px;
      font-size: 1.8rem;
      background: #000;
      color: #fff;
      border-radius: 0; }
      .tabSelecter li > a:hover {
        opacity: 1; }

.japanandyoungArea {
  display: block;
  margin-top: -70px;
  padding-top: 70px; }
  .japanandyoungArea__lead {
    text-align: center;
    margin-bottom: 40px;
    display: block; }
    .japanandyoungArea__lead span {
      font-weight: bold;
      border-bottom: 2px solid #000;
      padding-bottom: 5px;
      margin-bottom: 15px;
      display: inline-block;
      font-size: 16px;
      font-size: 1.6rem; }

/* ==========================================================================
   bigginers guide
========================================================================== */
body.bigginersguide .headline__main {
  top: 50%; }
  body.bigginersguide .headline__main img {
    width: 30px;
    vertical-align: middle;
    margin-right: 10px; }

.bigginerankerArea .sec__inner800 {
  padding: 50px 0; }
.bigginerankerArea__nav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: -ms- space-between;
  justify-content: -webkit- space-between;
  justify-content: space-between;
  align-items: -ms- center;
  align-items: -webkit- center;
  align-items: center;
  align-items: stretch; }
  .bigginerankerArea__nav__list {
    position: relative;
    display: inline-block;
    background: none;
    box-sizing: border-box;
    width: 25%;
    border-right: 1px solid #000;
    padding: 1em 0 2em;
    transition: 0.3s ease-in-out; }
    .bigginerankerArea__nav__list a {
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      box-sizing: border-box;
      z-index: 3;
      border-radius: 10px;
      height: 100%;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: nowrap;
      justify-content: -ms- center;
      justify-content: -webkit- center;
      justify-content: center;
      align-items: -ms- center;
      align-items: -webkit- center;
      align-items: center; }
      .bigginerankerArea__nav__list a:hover {
        opacity: 1; }
        .bigginerankerArea__nav__list a:hover:after {
          bottom: -1.2em; }
        .bigginerankerArea__nav__list a:hover img {
          opacity: 1; }
      .bigginerankerArea__nav__list a:after {
        display: inline-block;
        font-family: "ionicons";
        content: "\f104";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        bottom: 5px;
        font-size: 30px;
        font-size: 3rem;
        transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        color: #fff;
        line-height: 1;
        color: #000;
        bottom: -1em; }
    .bigginerankerArea__nav__list .txt {
      text-align: center;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      letter-spacing: 1px;
      color: #000;
      line-height: 1.3; }
      .bigginerankerArea__nav__list .txt span {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold; }
    .bigginerankerArea__nav__list img {
      width: 60px;
      margin: auto;
      display: block; }
    .bigginerankerArea__nav__list:before, .bigginerankerArea__nav__list:after {
      content: none; }
    .bigginerankerArea__nav__list:nth-child(1) {
      border-left: 1px solid #000; }
    .bigginerankerArea__nav__list:hover {
      background: rgba(255, 255, 255, 0.3); }

.bigginerArea__title {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 30px; }
  .bigginerArea__title .jpn {
    color: #000;
    font-weight: bold;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1;
    text-align: center; }
    .bigginerArea__title .jpn span {
      font-weight: bold; }
    .bigginerArea__title .jpn img {
      width: 30px;
      vertical-align: middle;
      margin-right: 10px; }
  .bigginerArea__title .engttl {
    border-bottom: 5px solid #1ba496;
    margin-bottom: 20px; }
    .bigginerArea__title .engttl img {
      display: block;
      margin: auto;
      height: 120px;
      margin-bottom: -5px; }

.bigginerseatArea {
  background: #fff;
  padding-top: 1px; }
  .bigginerseatArea .sec__inner980 {
    padding-top: 0; }
  .bigginerseatArea__wrap .CLM__half img {
    margin-bottom: 0; }
  .bigginerseatArea__con {
    width: calc((100% - 30px) / 2);
    box-sizing: border-box;
    margin-right: 30px; }
    .bigginerseatArea__con:nth-child(2) {
      margin-right: 0; }
    .bigginerseatArea__con .ttl {
      color: #000;
      font-weight: bold;
      font-size: 20px;
      font-size: 2rem;
      padding: 15px 0;
      text-align: center;
      background: #1ba496;
      color: #fff;
      position: relative; }
      .bigginerseatArea__con .ttl .txt__yellow {
        font-weight: bold;
        font-size: 25px;
        font-size: 2.5rem; }
      .bigginerseatArea__con .ttl:after {
        width: 0;
        height: 0;
        border-left: 15px solid #1ba496;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        content: '';
        display: block;
        bottom: -20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
    .bigginerseatArea__con .txt {
      color: #1ba496;
      text-align: center;
      font-size: 20px;
      font-size: 2rem;
      font-weight: bold; }
      .bigginerseatArea__con .txt span {
        border: 2px solid #1ba496;
        font-size: 20px;
        font-size: 2rem;
        margin: 0 3px;
        padding: 5px;
        line-height: 1;
        font-weight: bold; }
    .bigginerseatArea__con .kome {
      margin-bottom: 10px; }
  .bigginerseatArea__txt {
    background-color: #fffccc;
    padding: 40px;
    margin-top: 30px; }

.bigginerpreventionArea {
  background: #fff;
  padding-top: 1px; }
  .bigginerpreventionArea .sec__inner800 {
    padding: 0; }
  .bigginerpreventionArea__img {
    margin: 0px auto 60px;
    display: block; }
  .bigginerpreventionArea__wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: -ms- space-between;
    justify-content: -webkit- space-between;
    justify-content: space-between;
    align-items: -ms- center;
    align-items: -webkit- center;
    align-items: center; }
  .bigginerpreventionArea__con {
    width: 46%;
    position: relative; }
    .bigginerpreventionArea__con .img {
      width: 100%;
      position: relative; }
      .bigginerpreventionArea__con .img:before {
        content: '';
        background: url(/img/special/natsuyasumi/2022/BG_nanamegreen.png) no-repeat top center;
        background-size: 100%;
        background-repeat: repeat;
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 25px;
        left: 25px;
        background-size: cover; }
      .bigginerpreventionArea__con .img img {
        width: 100%;
        z-index: 1;
        position: relative; }
    .bigginerpreventionArea__con .icon {
      width: 130px;
      position: absolute;
      top: -30px;
      left: -50px; }
      .bigginerpreventionArea__con .icon img {
        z-index: 2;
        position: relative; }
  .bigginerpreventionArea__txt {
    background: #e6e6e6;
    margin-top: -100px;
    padding-top: 160px;
    padding-bottom: 80px; }
    .bigginerpreventionArea__txt p {
      text-align: center;
      margin-bottom: 30px;
      font-size: 16px;
      font-size: 1.6rem; }

.bigginerbelongingsArea {
  background: #e6e6e6;
  padding-top: 80px; }
  .bigginerbelongingsArea .sec__inner980 {
    padding-top: 40px; }
  .bigginerbelongingsArea .bigginerArea__title {
    margin-top: 0; }
  .bigginerbelongingsArea__subttl {
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem; }
  .bigginerbelongingsArea__wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: -ms- space-between;
    justify-content: -webkit- space-between;
    justify-content: space-between;
    align-items: -ms- stretch;
    align-items: -webkit- stretch;
    align-items: stretch;
    margin-bottom: 30px; }
  .bigginerbelongingsArea__ticket {
    background: #fff;
    padding-bottom: 40px;
    margin-bottom: 80px; }
    .bigginerbelongingsArea__ticket--ttl {
      background: #1ba496;
      color: #fff;
      font-weight: bold;
      font-size: 24px;
      font-size: 2.4rem;
      padding: 15px 10px;
      text-align: center;
      position: relative; }
      .bigginerbelongingsArea__ticket--ttl .hissu {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 40px;
        width: 150px; }
    .bigginerbelongingsArea__ticket--img {
      text-align: center;
      padding-top: 40px; }
      .bigginerbelongingsArea__ticket--img img {
        width: 300px; }
    .bigginerbelongingsArea__ticket--txt {
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center;
      padding: 20px; }
  .bigginerbelongingsArea__con {
    width: calc((100% - 3px) / 3);
    border-right: 1px solid #e6e6e6;
    background: #fff; }
    .bigginerbelongingsArea__con:last-child {
      border-right: none; }
    .bigginerbelongingsArea__con img {
      width: 100%;
      display: block; }
    .bigginerbelongingsArea__con div {
      box-sizing: border-box; }
      .bigginerbelongingsArea__con div .ttl {
        background: #1ba496;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 20px 10px;
        text-align: center; }
      .bigginerbelongingsArea__con div p {
        padding: 20px;
        font-size: 16px;
        font-size: 1.6rem; }

.bigginerenjoyArea {
  background: #fff;
  padding-top: 1px; }
  .bigginerenjoyArea .sec__inner980 {
    padding-top: 0; }
  .bigginerenjoyArea__wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: -ms- space-between;
    justify-content: -webkit- space-between;
    justify-content: space-between;
    align-items: -ms- stretch;
    align-items: -webkit- stretch;
    align-items: stretch; }
  .bigginerenjoyArea__con {
    background: #fff;
    border: 5px solid #e8e8e8;
    overflow: hidden; }
    .bigginerenjoyArea__con + .bigginerenjoyArea__con {
      margin-top: 30px; }
    .bigginerenjoyArea__con.mascot {
      border: none; }
    .bigginerenjoyArea__con:nth-child(odd) .img {
      order: 2; }
    .bigginerenjoyArea__con:nth-child(odd) figcaption {
      order: 1; }
    .bigginerenjoyArea__con .img, .bigginerenjoyArea__con figcaption {
      width: 50%; }
    .bigginerenjoyArea__con .img {
      overflow: hidden;
      position: relative; }
      .bigginerenjoyArea__con .img img {
        height: 100%;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%); }
    .bigginerenjoyArea__con figcaption {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: -ms- center;
      justify-content: -webkit- center;
      justify-content: center;
      align-items: -ms- flex-start;
      align-items: -webkit- flex-start;
      align-items: flex-start; }
    .bigginerenjoyArea__con .ttl {
      background-color: #1ba496;
      background-size: inherit;
      background-repeat-x: repeat;
      padding: 20px 0;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: nowrap;
      justify-content: -ms- flex-start;
      justify-content: -webkit- flex-start;
      justify-content: flex-start;
      align-items: -ms- center;
      align-items: -webkit- center;
      align-items: center;
      width: 100%; }
    .bigginerenjoyArea__con .sttl {
      color: #1ba496;
      font-weight: bold;
      display: block;
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 5px; }
    .bigginerenjoyArea__con .num {
      font-family: "alkaline", sans-serif;
      color: #fff;
      font-weight: bold;
      font-size: 40px;
      font-size: 4rem;
      padding: 0 20px;
      line-height: 1;
      border-right: 1px solid #fff;
      text-align: center; }
      .bigginerenjoyArea__con .num .eng {
        font-size: 14px;
        font-size: 1.4rem;
        display: block;
        font-weight: bold;
        margin-bottom: 2px; }
    .bigginerenjoyArea__con .jpn {
      padding-left: 20px;
      font-weight: bold;
      font-size: 16px;
      font-size: 1.6rem;
      color: #fff;
      line-height: 1.3; }
    .bigginerenjoyArea__con .txt {
      padding: 20px 40px; }
    .bigginerenjoyArea__con .addtxt {
      background-color: #f2f2f2;
      border-radius: 10px;
      padding: 20px;
      margin: 0 40px 20px; }
  .bigginerenjoyArea__wide {
    padding: 40px; }
    .bigginerenjoyArea__wide--ttl {
      position: relative;
      margin-bottom: 20px; }
      .bigginerenjoyArea__wide--ttl img {
        margin: 0 auto 10px;
        display: block;
        width: 450px; }
      .bigginerenjoyArea__wide--ttl:after {
        content: '人気マスコットを紹介';
        position: absolute;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        font-weight: bold;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        top: 23px;
        left: 50%; }
    .bigginerenjoyArea__wide--wrap {
      box-sizing: border-box; }
      .bigginerenjoyArea__wide--wrap li {
        box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.07);
        border-radius: 10px;
        overflow: hidden;
        background: #fff; }
        .bigginerenjoyArea__wide--wrap li .name {
          font-weight: bold;
          font-size: 16px;
          font-size: 1.6rem;
          border-bottom: 3px solid #000;
          margin-bottom: 15px;
          text-align: center; }
          .bigginerenjoyArea__wide--wrap li .name span {
            font-weight: bold;
            font-size: 20px;
            font-size: 2rem; }
        .bigginerenjoyArea__wide--wrap li img {
          margin-bottom: 0;
          display: block; }
        .bigginerenjoyArea__wide--wrap li .txt {
          padding: 20px; }
        .bigginerenjoyArea__wide--wrap li p {
          margin-bottom: 20px; }
    .bigginerenjoyArea__wide .CLM__three {
      padding-bottom: 30px; }
      .bigginerenjoyArea__wide .CLM__three.paddB0 {
        padding-bottom: 0; }

.margT0 {
  margin-top: 0px; }

.margT10 {
  margin-top: 10px; }

.margT20 {
  margin-top: 20px; }

.margT30 {
  margin-top: 30px; }

.margT40 {
  margin-top: 40px; }

.margT50 {
  margin-top: 50px; }

.margT60 {
  margin-top: 60px; }

.margT70 {
  margin-top: 70px; }

.margT80 {
  margin-top: 80px; }

.margB0 {
  margin-bottom: 0px; }

.margB10 {
  margin-bottom: 10px; }

.margB20 {
  margin-bottom: 20px; }

.margB30 {
  margin-bottom: 30px; }

.margB40 {
  margin-bottom: 40px; }

.margB50 {
  margin-bottom: 50px; }

.margB60 {
  margin-bottom: 60px; }

.margB70 {
  margin-bottom: 70px; }

.margB80 {
  margin-bottom: 80px; }

.pt0 {
  padding-top: 0 !important; }

.paddT0 {
  padding-top: 0px; }

.paddT10 {
  padding-top: 10px; }

.paddT20 {
  padding-top: 20px; }

.paddT30 {
  padding-top: 30px; }

.paddT40 {
  padding-top: 40px; }

.paddT50 {
  padding-top: 50px; }

.paddT60 {
  padding-top: 60px; }

.paddT70 {
  padding-top: 70px; }

.paddT80 {
  padding-top: 80px; }

.paddB0 {
  padding-bottom: 0px; }

.paddB10 {
  padding-bottom: 10px; }

.paddB20 {
  padding-bottom: 20px; }

.paddB30 {
  padding-bottom: 30px; }

.paddB40 {
  padding-bottom: 40px; }

.paddB50 {
  padding-bottom: 50px; }

.paddB60 {
  padding-bottom: 60px; }

.paddB70 {
  padding-bottom: 70px; }

.paddB80 {
  padding-bottom: 80px; }