@charset "UTF-8";

body{
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	color: #00371e;
	overflow-x: hidden;
}

a{
	color: inherit;
	text-decoration: none;
	outline: none;
}

a:hover{
	text-decoration: none;
	color: inherit;
}

.is-fixed {
  position: fixed;
}
.brsp{
	display: none;
}

@media ( max-width : 700px ) {
.brsp{
	display: inherit;
}
.brpc{
	display: none;
}
}

/* ヘッダー */
#header{
	width: 100%;
	position: relative;
	padding: 40px 20px 45px;
	background-color: #d7006e;
}
#header .mvpc{
	width: 100%;
	max-width: 1050px;
	display: block;
	margin: 0 auto 15px;
}
#header .mvsp{
	display: none;
	max-width: 100%;
	height: auto;
}

#header h2{
	font-size: 0;
	content: url("../img/about.svg");
	max-width: 822px;
	width: 100%;
	margin: 0 auto 16px;
}

#header h3{
	font-size: 0;
	content:"";
	mask-image:url("../img/place.svg");
	background: #fff;
	max-width: 823px;
	width: 100%;
	height: 43px;
	margin: 0 auto;
	transition: .5s;
	position: relative;
	mask-repeat: no-repeat;
}

@media ( min-width : 700px ) {
#header h3:hover{
	background: #3caba5;
}
}

@media ( max-width : 1090px ) {
#header{
	padding: calc(100vw * 35 / 1090) calc(100vw * 20/ 1090) calc(100vw * 35 / 1090);
}
}

@media ( max-width : 700px ) {
#header{
	padding: 0px 0px calc(100vw * 40 / 640);
}
#header .mvpc{
	display: none;
}
#header .mvsp{
	display: block;
	margin-bottom: calc(100vw * 30 / 640);
}
#header h2{
	content: url("../img/about_sp.svg");
	max-width: calc(100vw * 428 / 640);
}

#header h3{
	mask-image:none;
	background: none;
	content: url("../img/place_sp.svg");
	max-width: calc(100vw * 429 / 640);
	height: auto;
}
}


/* ハンバーガーメニュー */
.fullscreenmenu{
	display: none;
}

.menu, .menu span {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  box-sizing: border-box;
}

#humHead{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: calc(100vw * 90 / 640);
	z-index: 10;
	background: none;
	transition: .3s;
}

#humHead.is-scroll{
	background: #3caaa5;
}

#humHead h1{
	font-size: 0;
}

#humHead .logo{
	opacity: 0;
	pointer-events: none;
	content: url("../img/navLogo.svg");
	left: calc(100vw * 25 / 640);
	width: calc(100vw * 180 / 640);
	top:calc(100vw * 10 / 640);
	margin-bottom: 0;
	position: absolute;
	filter: blur(10px);
}

#hnav.active ~ #humHead .logo{
	pointer-events: inherit;
}

#humHead.is-scroll .logo{
	pointer-events: inherit;
	filter: blur(0px);
	opacity: 1;
	transition: 1s;
}

.menu {
	position: fixed;
	top: 0;
	right: 0;
	width: calc(100vw * 90 / 640);
	height: calc(100vw * 90 / 640);
	z-index: 9;
	background-color: #3caaa5;
}

.menu span {
	position: absolute;
	left: 0;
	width: calc(100vw * 37 / 640);
	height: calc(100vw * 4 / 640);
	background-color: #fff;
	z-index: 10;
	right: 0;
	margin: auto;
}

.menu span:nth-of-type(1) {
  top: calc(100vw * 20 / 640);
}

.menu span:nth-of-type(2) {
  top: calc(100vw * 32 / 640);
}

.menu span:nth-of-type(3) {
  top: calc(100vw * 44 / 640);
}

.menu.active span:nth-of-type(1) {
  -webkit-transform: translateY(calc(100vw * 6 / 375)) rotate(45deg);
  transform: translateY(calc(100vw * 6 / 375)) rotate(45deg);
}

.menu.active span:nth-of-type(2) {
  opacity: 0;
}

.menu.active span:nth-of-type(3) {
  -webkit-transform: translateY(calc(100vw * -8 / 375)) rotate(-45deg);
  transform: translateY(calc(100vw * -8 / 375)) rotate(-45deg);
}

.menu .hmenu{
	content: url("../img/menu.svg");
	width: calc(100vw * 43 / 640);
	position: absolute;
	bottom: calc(100vw * 15 / 640);
	right: 0;
	left: 0;
	margin: auto;
	transition: .4s;
}

.menu.active .hmenu{
	content: url("../img/close.svg");
	width: calc(100vw * 50 / 640);
	position: absolute;
	bottom: calc(100vw * 15 / 640);
	right: 0;
	left: 0;
	margin: auto;
}

#hnav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
	filter: blur(10px);
	background-color: #3caaa5;
}

#hnav h1{
	content: url("../img/navLogo.svg");
	position: absolute;
	left: calc(100vw * 25 / 640);
	width: calc(100vw * 180 / 640);
	top:calc(100vw * 10 / 640);
}

#hnav.active {
  opacity: 1;
  visibility: visible;
	filter: blur(0px);
}

#hnav ul {
	margin: 0 auto 15px;
	padding: calc(100vw * 160 / 640) 0 20px;
	width: calc(100vw * 540 / 640);
}

#hnav ul li {
	width: calc(100vw * 540 / 640);
  list-style-type: none;
	font-size: calc(100vw * 38 / 640);
	font-weight: 700;
	letter-spacing: 0.063em;
	font-family: 'Oswald', sans-serif;
	line-height: calc(100vw * 23 / 375);
	border-bottom: solid 1px #fff;
}

#hnav ul li:last-of-type {
	border-bottom: none;
}

#hnav ul li a {
  display: block;
  padding: calc(100vw * 39 / 640) calc(100vw * 25 / 640) calc(100vw * 19 / 640);
  transition: all 0.2s ease-in-out;
	text-align: left;
  text-decoration: none;
	color: #fff;
}

#hnav ul li.coming {
	position: relative;
	pointer-events: none;
}

#hnav ul li.coming::before {
	content: "COMING SOON";
	position: absolute;
	bottom: calc(100vw * 16 / 375);
	left: 0;
	right: 0;
	margin: auto;
	font-size: calc(100vw * 30 / 640);
	letter-spacing: 0.03em;
	text-align: center;
	z-index: 1;
	color: #004132;
}

#hnav ul li.coming a{
	opacity: .5;
}

#hnav ul li a span{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: calc(100vw * 20 / 640);
	letter-spacing: 0.08em;
	margin-left: calc(100vw * 25 / 640);
}

button {
    border: none;
    outline: none;
}

button:focus {
    border: none;
    outline: none;
}

@media ( max-width : 700px ) {
.fullscreenmenu{
	display: inherit;
}
}


/* ナビゲーション */
#nav{
	width: 100%;
	background-color: #3caaa5;
	margin: 0 auto;
	z-index: 1;
}

#nav h1{
	position: absolute;
	opacity: 0;
	pointer-events: none;
	content: url("../img/navLogo.svg");
	width: 180px;
	filter: blur(10px);
}

#nav.is-fixed{
	top: 0;
	position: fixed;
}

#nav ul{
	display: flex;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	transition: .3s;
}

#nav ul a{
	height: 120px;
	transition: .3s;
	position: relative;
}

#nav ul a:first-child {
  position: inherit;
}

#nav ul a:first-child::before {
	content: none;
}

#nav ul a.coming{
	position: relative;
	pointer-events: none;
}

#nav ul a.coming::after{
	content: "COMING SOON";
	font-weight: 800;
	font-size: 25px;
	letter-spacing: 0.02em;
	transform: rotate(-10deg);
	font-family: 'Oswald', sans-serif;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 35px;
	width: 153px;
	z-index: 1;
	color: #004132;
}

#nav ul li{
	color: #fff;
	/*width: 185px;*/
	width: 220px;
	text-align: center;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.063em;
	position: relative;
	margin-left: -1px;
	padding-bottom: 21px;
	transition: .3s;
}

#nav ul a.coming li{
	color: #3caaa5;
	mix-blend-mode: multiply;
	opacity: .4;
}

#nav ul a::before{
	position: absolute;
	content: "";
	width: 1px;
	height: 80px;
	background-color:#fff;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#nav ul a:last-child small{
	position: absolute;
	content: "";
	width: 1px;
	height: 80px;
	background-color:#fff;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#nav ul li span{
	font-size: 15px;
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1em;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 27px;
}
@media ( max-width : 1100px ) {
#nav h1{
	width: calc(100vw * 185 / 1100);
}

#nav ul a{
	height: calc(100vw * 120 / 1100);
}

#nav ul a.coming::after{
	font-size: calc(100vw * 25 / 1100);
	height: calc(100vw * 35 / 1100);
	width: calc(100vw * 153 / 1100);
}

#nav ul li{
	width: calc(100vw * 220 / 1100);
	font-size: calc(100vw * 30 / 1100);
	padding-bottom: calc(100vw * 21 / 1100);
}

#nav ul a::before{
	height: calc(100vw * 80 / 1100);
}

#nav ul a:last-child small{
	height: calc(100vw * 80 / 1100);
}

#nav ul li span{
	font-size: calc(100vw * 15 / 1100);
	bottom: calc(100vw * 27 / 1100);
}
}


/*スクロール後*/
#nav.is-fixed h1{
	opacity: 1;
	filter: blur(0);
	pointer-events: inherit;
	left: 35px;
	top: 0;
	bottom:0;
	margin: auto;
	transition: 1s;
}
#nav.is-fixed ul {
  justify-content: flex-end;
}

#nav.is-fixed ul a{
	height: 90px;
}

#nav.is-fixed ul li{
	width: 162px;
	font-size: 22px;
	padding-bottom: 21px;
}

#nav.is-fixed ul a::before {
  height: 65px;
}

#nav.is-fixed  ul a:last-child small {
  display: none;
}

#nav.is-fixed ul li span {
  font-size: 12px;
  bottom: 21px;
}

#nav.is-fixed ul a.coming::after {
  font-size: 21px;
  width: 129px;
}

@media ( max-width : 1040px ) {
#nav h1{
	width: calc(100vw * 180 / 1040);
}
#nav.is-fixed h1{
	left: calc(100vw * 35 / 1040);
}

#nav.is-fixed ul a{
	height: calc(100vw * 90 / 1040);
}

#nav.is-fixed ul li{
	width: calc(100vw * 162 / 1040);
	font-size: calc(100vw * 22 / 1040);
	padding-bottom: calc(100vw * 21 / 1040);
}

#nav.is-fixed ul a::before {
  height: calc(100vw * 65 / 1040);
}
	
#nav.is-fixed ul li span {
  font-size: calc(100vw * 12 / 1040);
  bottom: calc(100vw * 21 / 1040);
}

#nav.is-fixed ul a.coming::after {
  font-size: calc(100vw * 21 / 1040);
  width: calc(100vw * 129 / 1040);
}
}

@media ( max-width : 700px ) {
#nav {
	display: none;
}
}


@media ( min-width : 700px ) {
#nav ul a:hover li{
	color: #3caaa5;
	background-color: #fff;
}
}



#bg {
  position: fixed;
  background-image: url("../img/bg_pc.jpg");
  height: 100vh;
  width: 100%;
  background-size: cover;
  top: 0;
  z-index: -1;
}

@media ( max-width : 700px ) {
#bg {
  background-image: url("../img/bg_sp.jpg");
}
}





/* ニュース */
#news{
	width: 100%;
	padding: 70px 20px 0;
}

#news .newsWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 45px 20px 65px;
}

#news .newsWrap .newsBox{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.gloTit{
	font-family: 'Oswald', sans-serif;
	font-size: 80px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: #d7006e;
	margin-bottom: 18px;
	white-space: nowrap;
}

.gloTit span{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:19px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-left: 11px;
}

#news .newsWrap .newsBox ul{
	margin-bottom: 0;
}

#news .newsWrap .newsBox ul a{
	position: relative;
	padding-left: 70px;
	display: block;
}

#news .newsWrap .newsBox ul a.new::before{
	position: absolute;
	left: 0;
	content: "";
	background-image: url("../img/new.svg");
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	top: 1px;
	bottom: 0;
	margin: auto;
}

#news .newsWrap .newsBox ul a::after{
	position: absolute;
	right: 25px;
	content: "";
	mask-image: url("../img/arrow.svg");
	mask-repeat: no-repeat;
	background: #3caaa5;
	width: 9px;
	height: 15px;
	top: 1px;
	bottom: 0;
	margin: auto;
	transition: .3s;
}

#news .newsWrap .newsBox ul a.linkNone{
	pointer-events: none;
}

#news .newsWrap .newsBox ul a.linkNone::after{
	content: none;
}

#news .newsWrap .newsBox ul li{
	font-size: 15px;
	font-weight: 700;
	line-height: 21px;
	letter-spacing: 0.06em;
	position: relative;
	padding: 28px 50px 29px 50px;
	margin-bottom: 0;
	transition: .3s;
	display: flex;
	align-items: center;
	color: #00371e;
}

#news .newsWrap .newsBox ul li::before{
	content: "";
	width: 100%;
	height: 2px;
	background-image: url("../img/border.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

#news .newsWrap .newsBox ul a:last-child li::after{
	content: "";
	width: 100%;
	height: 2px;
	background-image: url("../img/border.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}

#news .newsWrap .newsBox ul li span{
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.07em;
	font-family: 'Oswald', sans-serif;
	margin-right: 42px;
}

@media ( min-width : 700px ) {
#news .newsWrap .newsBox ul a:hover li{
	color: #3caaa5;
}
#news .newsWrap .newsBox ul a:hover::after{
	right: 20px;
}
}

@media ( max-width : 700px ) {
#news{
	padding: calc(100vw * 60 / 640) calc(100vw * 30 / 640) 0;
}

#news .newsWrap{
	padding: calc(100vw * 45 / 640) calc(100vw * 30 / 640) calc(100vw * 65 / 640);
}

.gloTit{
	font-size: calc(100vw * 73 / 640);
	margin-bottom: 18px;
}

.gloTit span{
	font-size:calc(100vw * 22 / 640);
	margin-left: calc(100vw * 9 / 640);
}

#news .newsWrap .newsBox ul a{
	padding-left: 0px;
}

#news .newsWrap .newsBox ul a.new::before{
	left: 0;
	width: calc(100vw * 68 / 640);
	height: calc(100vw * 61 / 640);
	top: calc(100vw * -5 / 640);
	bottom: auto;
	margin: auto;
	background-color: #fff;
	z-index: 1;
	background-image: url("../img/new_sp.svg");
}

#news .newsWrap .newsBox ul a::after{
	right: calc(100vw * 10 / 640);
	width: calc(100vw * 15 / 640);
	height: calc(100vw * 25 / 640);
}

#news .newsWrap .newsBox ul li{
	font-size: calc(100vw * 22 / 640);
	line-height: calc(100vw * 28 / 640);
	padding: calc(100vw * 27 / 640) calc(100vw * 25 / 640) calc(100vw * 34 / 640) calc(100vw * 13 / 640);
	flex-wrap: wrap;
}

#news .newsWrap .newsBox ul li::before{
	height: 2px;
	background-image: url("../img/border_sp.svg");
}

#news .newsWrap .newsBox ul a:last-child li::after{
	height: 2px;
	background-image: url("../img/border_sp.svg");
}

#news .newsWrap .newsBox ul li span{
	font-size: calc(100vw * 19 / 640);
	margin-right: 0;
	margin-bottom: calc(100vw * 3 / 640);
	margin-right: calc(100vw * 290 / 640);
  }

#news .newsWrap .newsBox ul a.new li span{
	margin-left: calc(100vw * 65 / 640);
}
}







/* 概要 */
#about{
	width: 100%;
	padding: 40px 20px 0px;
}
#about.coming{
	padding: 40px 20px 80px;
}

#about .aboutWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 45px 20px 65px;
}

#about .aboutWrap .aboutBox{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

#about dl{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 5px;
	display: flex;
}

#about dl:last-of-type{
	margin-bottom: 0;
}

#about dt{
	width: 100%;
	max-width: 200px;
	background-color: #3caaa5;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	letter-spacing: 0.17em;
	font-weight: 700;
}

#about dd{
	width: 100%;
	max-width: 695px;
	color: #004132;
	margin-bottom: 0;
	display: block;
	padding: 13px 25px 14px;
	margin-left: 5px;
	font-size: 15px;
	letter-spacing: 0.06em;
	font-weight: 700;
	line-height: 23px;
	background-color: #f1f1f1;
}

#about dd .atn{
	font-weight: 700;
	position: relative;
	margin-left: 15px;
}

#about dd .atn::before{
	content: "※";
	position: absolute;
	left: -15px;
	top: 0;
	bottom: 0;
	margin: auto;
}

#about .linkBtn{
	display: flex;
	width: 170px;
	height: 25px;
	justify-content: center;
	align-items: center;
	background-color: #d7006e;
	color: #fff;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.09em;
	transition: .3s;
	margin-top: 2px;
}

@media ( min-width : 700px ) {
#about .linkBtn:hover{
	background-color: #3caaa5;
}
}

@media ( max-width : 700px ) {
#about{
	padding: calc(100vw * 40 / 640) calc(100vw * 30 / 640) calc(100vw * 0 / 640);
}
#about.coming{
	padding: calc(100vw * 40 / 640) calc(100vw * 30 / 640) calc(100vw * 70 / 640);
}
	
#about .aboutWrap{
	padding: calc(100vw * 45 / 640) calc(100vw * 30 / 640) calc(100vw * 60 / 640);
}
	
#about dl{
	flex-wrap: wrap;
	margin: 0 auto calc(100vw * 15 / 640);
}
	
#about dt{
	max-width: 100%;
	font-size: calc(100vw * 21 / 640);
	letter-spacing: 0.1em;
	justify-content: flex-start;
	padding: calc(100vw * 7 / 640) calc(100vw * 30 / 640) calc(100vw * 7 / 640);
}

#about dd{
	max-width: 100%;
	margin-left: 0;
	padding: calc(100vw * 22 / 640) calc(100vw * 30 / 640) calc(100vw * 25 / 640);
	font-size: calc(100vw * 23 / 640);
	letter-spacing: 0.05em;
	line-height: calc(100vw * 30 / 640);
}

#about dd .atn{
	margin-left: calc(100vw * 24 / 640);
	display: block;
}

#about dd .atn::before{
	left:calc(100vw * -24 / 640);
}

#about .linkBtn{
	width: calc(100vw * 460 / 640);
	height: calc(100vw * 60 / 640);
	font-size: calc(100vw * 22 / 640);
	margin-top: calc(100vw * 15 / 640);
}
}





/* イベント内容 */
#contents{
	width: 100%;
	padding: 40px 20px 0px;
}

#contents .contentsWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 45px 20px 60px;
}

#contents .contentsWrap .contentsBox{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

#contents .tabs__menu {
  display: flex;
	gap:0 18px;
}

#contents .tabs__menu-item {
  width: calc( 100% / 4 - 9px);
	cursor: pointer;
	transition: .3s;
}

#contents .tabs__body {
  display: none;
	position: relative;
	margin: 45px 0 0px;
	
}

#contents .tabs__body.is-active {
    display: block;
}

#contents .tabs__contain{
}

#contents .tabs__contain .borderOne{
    content: "";
	width: 1050px;
	height: 7px;
	background-color: #f1f1f1;
	transform: translate(-50%, 0%);
  position: absolute;
  top: 0;
  left: 50%;
}

#contents .tabs__contain .contentsOneWrap{
	padding-top: 47px;
}

#contents .tabs__contain .contentsOneBox{
	background-color: #f1f1f1;
	padding: 22px 25px 56px;
	margin-bottom: 65px;
}

#contents .tabs__contain .contentsOneBox .time{
	font-size: 38px;
	letter-spacing: 0.03em;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 0;
	line-height: 38px;
	display: flex;
	align-items: center;
	margin-bottom: -2px;
}

#contents .tabs__contain .contentsOneBox .time.no1{
	display: inline-flex;
}

#contents .tabs__contain .contentsOneBox .time.no1::before{
	content: "1";
	width: 30px;
	height: 30px;
	border:solid 2px;
	border-radius: 50%;
	font-size: 19px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 0;
	padding-bottom: 2px;
	margin-right: 5px;
	margin-top: 4px;
	padding-left: 1px;
}

#contents .tabs__contain .contentsOneBox .time.no1.four::before{
	width: 24px;
	height: 24px;
	font-size: 15px;
	margin-right: 4px;
}

#contents .tabs__contain .contentsOneBox .time.no2{
	display: inline-flex;
	margin-left: 31px;
}

#contents .tabs__contain .contentsOneBox .time.no2.four{
	margin-left: 19px;
}

#contents .tabs__contain .contentsOneBox .time.no2::before{
	content: "2";
	width: 30px;
	height: 30px;
	border:solid 2px;
	border-radius: 50%;
	font-size: 19px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 0;
	padding-bottom: 2px;
	margin-right: 5px;
	margin-top: 4px;
	padding-left: 1px;
}

#contents .tabs__contain .contentsOneBox .time.no2.four::before{
	width: 24px;
	height: 24px;
	font-size: 15px;
	margin-right: 4px;
}

#contents .tabs__contain .contentsOneBox .time.no3{
	display: inline-flex;
	margin-left: 31px;
}

#contents .tabs__contain .contentsOneBox .time.no3.four{
	margin-left: 19px;
}

#contents .tabs__contain .contentsOneBox .time.no3::before{
	content: "3";
	width: 30px;
	height: 30px;
	border:solid 2px;
	border-radius: 50%;
	font-size: 19px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 0;
	padding-bottom: 2px;
	margin-right: 5px;
	margin-top: 4px;
	padding-left: 1px;
}

#contents .tabs__contain .contentsOneBox .time.no3.four::before{
	width: 24px;
	height: 24px;
	font-size: 15px;
	margin-right: 4px;
}

#contents .tabs__contain .contentsOneBox .time.no4{
	display: inline-flex;
	margin-left: 31px;
}

#contents .tabs__contain .contentsOneBox .time.no4.four{
	margin-left: 19px;
}

#contents .tabs__contain .contentsOneBox .time.no4::before{
	content: "4";
	width: 30px;
	height: 30px;
	border:solid 2px;
	border-radius: 50%;
	font-size: 19px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 0;
	padding-bottom: 2px;
	margin-right: 5px;
	margin-top: 4px;
	padding-left: 1px;
}

#contents .tabs__contain .contentsOneBox .time.no4.four::before{
	width: 24px;
	height: 24px;
	font-size: 15px;
	margin-right: 4px;
	padding-left: 0px;
}

#contents .tabs__contain .contentsOneBox .time.four{
	font-size: 30px;
	margin-bottom: -6px;
}

#contents .tabs__contain .contentsOneBox .time span{
	content: "";
	width: 10px;
	height: 16px;
	-webkit-mask: url("../img/event/arrow.svg");
	mask: url("../img/event/arrow.svg");
	-webkit-mask-size:  contain;
	mask-size: contain;
	display: inline-block;
	margin: 7px 7px 0 12px;
	mask-repeat: no-repeat;
}

#contents .tabs__contain .contentsOneBox .time.four span{
	width: 8px;
	height: 13px;
	margin: 4px 3px 0 4px;
}

#contents .tabs__contain .centerSt .contentsOneBox .time{
	color: #14b1a5;
}

#contents .tabs__contain .skatebord .contentsOneBox .time{
	color: #d4000f;
}

#contents .tabs__contain .parkour .contentsOneBox .time{
	color: #00a8ff;
}

#contents .tabs__contain .bmx .contentsOneBox .time{
	color: #e0bd00;
}

#contents .tabs__contain .centerSt .contentsOneBox .time span{
	background-color: #14b1a5;
}

#contents .tabs__contain .skatebord .contentsOneBox .time span{
	background-color: #d4000f;
}

#contents .tabs__contain .parkour .contentsOneBox .time span{
	background-color: #00a8ff;
}

#contents .tabs__contain .bmx .contentsOneBox .time span{
	background-color: #e0bd00;
}

#contents .tabs__contain .contentsOneBox .contentsTit{
	color: #fff;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.08em;
	font-weight: 900;
	margin-bottom: 17px;
	padding: 18px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#contents .tabs__contain .contentsOneBox .contentsTit span{
	font-size: 16px;
	font-weight: 900;
	margin-left: 20px;
}

#contents .tabs__contain .centerSt .contentsOneBox .contentsTit{
	background-color: #14b1a5;
}

#contents .tabs__contain .skatebord .contentsOneBox .contentsTit{
	background-color: #d4000f;
}

#contents .tabs__contain .parkour .contentsOneBox .contentsTit{
	background-color: #00a8ff;
}

#contents .tabs__contain .bmx .contentsOneBox .contentsTit{
	background-color: #e0bd00;
}

#contents .tabs__contain .contentsOneBox .titUnder{
	text-align: center;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.06em;
	font-weight: 700;
	margin-bottom: 23px;
}

#contents .tabs__contain .centerSt .contentsOneBox .titUnder{
	color: #14b1a5;
}

#contents .tabs__contain .skatebord .contentsOneBox .titUnder{
	color: #d4000f;
}

#contents .tabs__contain .parkour .contentsOneBox .titUnder{
	color: #00a8ff;
}

#contents .tabs__contain .bmx .contentsOneBox .titUnder{
	color: #e0bd00;
}

#contents .tabs__contain .contentsOneBox .articleList{
	display: flex;
	gap:27px 20px;
	flex-wrap: wrap;
	margin-bottom: 26px;
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne{
	width: calc(100% / 3 - 14px);
}

#contents .tabs__contain .contentsOneBox .articleList.oneCol .articleOne {
  width: calc(100%);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .name{
	background-color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 900;
	letter-spacing: 0.13em;
	padding: 6px 0;
	margin-bottom: 11px;
}

#contents .tabs__contain .contentsOneBox .articleList.u15 .articleOne .name{
	padding: 18px 0 19px;
	position: relative;
}

#contents .tabs__contain .contentsOneBox .articleList.u15 .articleOne .name.tac{
	padding: 25px 0 12px;
}

#contents .tabs__contain .contentsOneBox .articleList.u15 .articleOne .name .tic{
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.07em;
	position: absolute;
	top: 10px;
	
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .name .old{
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-left: 4px;
}

#contents .tabs__contain .centerSt .contentsOneBox .articleList .articleOne .name{
	color: #14b1a5;
}

#contents .tabs__contain .skatebord .contentsOneBox .articleList .articleOne .name{
	color: #d4000f;
}

#contents .tabs__contain .parkour .contentsOneBox .articleList .articleOne .name{
	color: #00a8ff;
}

#contents .tabs__contain .bmx .contentsOneBox .articleList .articleOne .name{
	color: #e0bd00;
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .about{
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 20px;
	padding: 0 5px;
	margin-bottom: 8px;
	word-break: break-all;
  text-align: justify;
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .about.red{
	color: #d4000f;
}

#contents .tabs__contain .parkour .contentsOneBox .articleList .articleOne .about.red {
  color: #9bdc00;
}

#contents .tabs__contain .bmx .contentsOneBox .articleList .articleOne .about.red {
  color: #e0bd00;
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .tictac{
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 17px;
	padding: 2px 33px 3px;
	margin-bottom: 3px;
	display: inline-flex;
	align-items: center;
	background-color: #004b28;
	color: #fff;
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .award{
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 17px;
	position: relative;
	padding: 0 5px 0 20px;
	margin-bottom: 6px;
	display: flex;
	word-break: break-all;
}

#contents .tabs__contain .contentsOneBox .articleList.oneCol .articleOne .award {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .award::before{
	content: "";
	width: 10px;
	height: 10px;
	background-color: #004b28;
	position: absolute;
	left: 5px;
	top: 5px;
}

#contents .tabs__contain .contentsOneBox .mcList{
	display: flex;
	gap:23px 16px;
	flex-wrap: wrap;
	margin-bottom: 48px;
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne{
	width: calc(100% / 4 - 12px);
	position: relative;
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne::before{
	content: "MC";
	color: #fff;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
	padding: 0 22px 2px 15px;
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne.guest::before{
	content: "ゲスト解説";
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
	padding: 0 22px 1px 12px;
}

#contents .tabs__contain .centerSt .contentsOneBox .mcList .mcOne::before{
	background-color: #14b1a5;
}

#contents .tabs__contain .skatebord .contentsOneBox .mcList .mcOne::before{
	background-color: #d4000f;
}

#contents .tabs__contain .parkour .contentsOneBox .mcList .mcOne::before{
	background-color: #00a8ff;
}

#contents .tabs__contain .bmx .contentsOneBox .mcList .mcOne::before{
	background-color: #e0bd00;
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne .name{
	background-color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.08em;
	padding: 5px 0 6px;
	margin-bottom: 0;
}

#contents .tabs__contain .centerSt .contentsOneBox .mcList .mcOne .name{
	color: #14b1a5;
}

#contents .tabs__contain .skatebord .contentsOneBox .mcList .mcOne .name{
	color: #d4000f;
}

#contents .tabs__contain .parkour .contentsOneBox .mcList .mcOne .name{
	color: #00abff;
}

#contents .tabs__contain .bmx .contentsOneBox .mcList .mcOne .name{
	color: #e0bd00;
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne .name span{
	font-size: 13px;
	font-weight: 700;
}

#contents .tabs__contain .contentsOneBox .imgOne{
	margin-bottom: 20px;
}

#contents .tabs__contain .contentsOneBox .trialList{
	margin-bottom: 34px;
}

#contents .tabs__contain .contentsOneBox .trial{
	display: flex;
	padding: 0 5px;
	gap:0 10px;
	margin-bottom: 7px;
}

#contents .tabs__contain .contentsOneBox .trial .tH{
	color: #fff;
	background-color: #004b28;
	height: 22px;
	width: 127px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 0;
	padding-bottom: 2px;
}

#contents .tabs__contain .contentsOneBox .trial .tB{
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}

#contents .tabs__contain .contentsOneBox .trial .dd{
	margin-top: -1px;
	margin-bottom: 0;
}

#contents .tabs__contain .contentsOneBox .trialStep{
	display: flex;
	gap:0 7px;
	margin-bottom: 0px;
}

#contents .tabs__contain .bmx .contentsOneBox .tB .trialStep:first-of-type {
	margin-top: 5px;
}

#contents .tabs__contain .contentsOneBox .trialStep dt{
	color: #d4000f;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 0;
	font-family: 'Oswald', sans-serif;
	position: relative;
	width: 58px;
	display: flex;
	align-items: center;
}
#contents .tabs__contain .bmx .contentsOneBox .trialStep dt {
  color: #e0bd00;
}

#contents .tabs__contain .contentsOneBox .trialStep dt::after{
	content: "";
  width: 7px;
  height: 12px;
  -webkit-mask: url("../img/event/arrow.svg");
  mask: url("../img/event/arrow.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  display: inline-block;
	position: absolute;
	right: 0;
	background-color: #d4000f;
}

#contents .tabs__contain .bmx .contentsOneBox .trialStep dt::after{
	background-color:  #e0bd00;
}

#contents .tabs__contain .contentsOneBox .trialStep dd{
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}

#contents .tabs__contain .contentsOneBox .contentsTxt{
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0.05em;
	padding: 0 5px;
	margin-bottom: 0;
	text-align: justify;
}

#contents .tabs__contain .contentsOneBox .contentsBoldTxt{
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.05em;
	padding: 0 5px;
	margin-bottom: 13px;
	color: #d4000f;
	text-align: justify;
}

#contents .tabs__contain .parkour .contentsOneBox .contentsBoldTxt {
  color: #00abff;
}

#contents .tabs__contain .parkour .contentsOneBox .contentsBoldTxt.noColor {
 /* color: #004b28;*/
	/*margin-bottom: 28px;*/
}

#contents .tabs__contain .bmx .contentsOneBox .contentsBoldTxt {
  color: #e0bd00;
}

#contents .tabs__contain .contentsOneBox .contentsOne{
	margin-bottom: 43px;
}




@media ( min-width : 700px ) {
#contents .tabs__menu-item:hover {
	transform: translateY(10px);
	filter: brightness(70%);
}
}
@media ( max-width : 1130px ) {
#contents .tabs__contain .borderOne{
	width: calc(100vw * 1050 / 1130);
}
}

@media ( max-width : 980px ) {
#contents .tabs__menu {
	gap:0 calc(100vw * 18 / 980);
}

#contents .tabs__body {
	margin: calc(100vw * 45 / 980) 0 0px;	
}

#contents .tabs__contain .contentsOneWrap{
	padding-top: calc(100vw * 47 / 980);
}

#contents .tabs__contain .contentsOneBox{
	padding:calc(100vw * 21 / 980)  calc(100vw * 25 / 980) calc(100vw * 56 / 980);
	margin-bottom: calc(100vw * 65 / 980);
}

#contents .tabs__contain .contentsOneBox .time{
	font-size: calc(100vw * 38 / 980);
	line-height: calc(100vw * 38 / 980);
	margin-bottom: calc(100vw * -2 / 980);
}

#contents .tabs__contain .contentsOneBox .time.four{
	font-size: calc(100vw * 30 / 980);
	margin-bottom: calc(100vw * -6 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no1::before{
	width: calc(100vw * 30 / 980);
	height: calc(100vw * 30 / 980);
	font-size: calc(100vw * 19 / 980);
	margin-right: calc(100vw * 5 / 980);
	margin-top: calc(100vw * 4 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no1.four::before{
	width: calc(100vw * 24 / 980);
	height: calc(100vw * 24 / 980);
	font-size: calc(100vw * 15 / 980);
	margin-right: calc(100vw * 4 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no2{
	margin-left: calc(100vw * 29 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no2.four{
	margin-left: calc(100vw * 19 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no2::before{
	width: calc(100vw * 30 / 980);
	height: calc(100vw * 30 / 980);
	font-size: calc(100vw * 19 / 980);
	margin-right: calc(100vw * 5 / 980);
	margin-top: calc(100vw * 4 / 980);
	padding-left: calc(100vw * 2 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no2.four::before{
	width: calc(100vw * 24 / 980);
	height: calc(100vw * 24 / 980);
	font-size: calc(100vw * 15 / 980);
	margin-right: calc(100vw * 4 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no3{
	margin-left: calc(100vw * 29 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no3.four{
	margin-left: calc(100vw * 19 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no3::before{
	width: calc(100vw * 30 / 980);
	height: calc(100vw * 30 / 980);
	font-size: calc(100vw * 19 / 980);
	margin-right: calc(100vw * 5 / 980);
	margin-top: calc(100vw * 4 / 980);
	padding-left: calc(100vw * 2 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no3.four::before{
	width: calc(100vw * 24 / 980);
	height: calc(100vw * 24 / 980);
	font-size: calc(100vw * 15 / 980);
	margin-right: calc(100vw * 4 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no4{
	margin-left: calc(100vw * 29 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no4.four{
	margin-left: calc(100vw * 19 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no4::before{
	width: calc(100vw * 30 / 980);
	height: calc(100vw * 30 / 980);
	font-size: calc(100vw * 19 / 980);
	margin-right: calc(100vw * 5 / 980);
	margin-top: calc(100vw * 4 / 980);
	padding-left: calc(100vw * 2 / 980);
}

#contents .tabs__contain .contentsOneBox .time.no4.four::before{
	width: calc(100vw * 24 / 980);
	height: calc(100vw * 24 / 980);
	font-size: calc(100vw * 15 / 980);
	margin-right: calc(100vw * 4 / 980);
	padding-left: calc(100vw * 0 / 980);
}

#contents .tabs__contain .contentsOneBox .time span{
	width: calc(100vw * 10 / 980);
	height: calc(100vw * 16 / 980);
	margin: calc(100vw * 4 / 980) calc(100vw * 7 / 980) 0 calc(100vw * 12 / 980);
}

#contents .tabs__contain .contentsOneBox .time.four span{
	width: calc(100vw * 8 / 980);
	height: calc(100vw * 13 / 980);
	margin: calc(100vw * 4 / 980) calc(100vw * 3 / 980) 0 calc(100vw * 4 / 980);
}

#contents .tabs__contain .contentsOneBox .contentsTit{
	font-size: calc(100vw * 22 / 980);
	margin-bottom: calc(100vw * 17 / 980);
	padding: calc(100vw * 18 / 980) 0;
}

#contents .tabs__contain .contentsOneBox .contentsTit span{
	font-size: calc(100vw * 16 / 980);
	margin-left: calc(100vw * 20 / 980);
}

#contents .tabs__contain .contentsOneBox .titUnder{
	font-size: calc(100vw * 17 / 980);
	line-height: calc(100vw * 22 / 980);
	margin-bottom: calc(100vw * 23 / 980);
}

#contents .tabs__contain .contentsOneBox .articleList{
	gap:calc(100vw * 27 / 980) calc(100vw * 20 / 980);
	margin-bottom: calc(100vw * 26 / 980);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne{
	width: calc(100% / 3 - calc(100vw * 14 / 980));
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .name{
	font-size: calc(100vw * 22 / 980);
	padding: calc(100vw * 6 / 980) 0;
	margin-bottom: calc(100vw * 11 / 980);
}

#contents .tabs__contain .contentsOneBox .articleList.u15 .articleOne .name{
	padding: calc(100vw * 18 / 980) 0 calc(100vw * 19 / 980);
}

#contents .tabs__contain .contentsOneBox .articleList.u15 .articleOne .name.tac{
	padding: calc(100vw * 25 / 980) 0 calc(100vw * 12 / 980);
}

#contents .tabs__contain .contentsOneBox .articleList.u15 .articleOne .name .tic{
	font-size: calc(100vw * 14 / 980);
	top: calc(100vw * 10 / 980);
	
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .name .old{
	font-size: calc(100vw * 13 / 980);
	margin-left: calc(100vw * 4 / 980);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .about{
	font-size: calc(100vw * 14 / 980);
	line-height: calc(100vw * 20 / 980);
	padding: 0 calc(100vw * 5 / 980);
	margin-bottom: calc(100vw * 8 / 980);
}
	
#contents .tabs__contain .contentsOneBox .articleList .articleOne .tictac{
	font-size: calc(100vw * 13 / 980);
	line-height: calc(100vw * 17 / 980);
	padding: calc(100vw * 2 / 980) calc(100vw * 33 / 980) calc(100vw * 3 / 980);
	margin-bottom: calc(100vw * 3 / 980);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .award{
	font-size: calc(100vw * 13 / 980);
	line-height: calc(100vw * 17 / 980);
	padding: 0 calc(100vw * 5 / 980) 0 calc(100vw * 20 / 980);
	margin-bottom: calc(100vw * 6 / 980);
}

#contents .tabs__contain .contentsOneBox .articleList.oneCol .articleOne .award {
  font-size: calc(100vw * 15 / 980);
  line-height: calc(100vw * 20 / 980);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .award::before{
	width: calc(100vw * 10 / 980);
	height: calc(100vw * 10 / 980);
	left: calc(100vw * 5 / 980);
	top: calc(100vw * 5 / 980);
}

#contents .tabs__contain .contentsOneBox .mcList{
	gap:calc(100vw * 23 / 980) calc(100vw * 16 / 980);
	margin-bottom: calc(100vw * 48 / 980);
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne{
	width: calc(100% / 4 - calc(100vw * 12 / 980));
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne::before{
	height: calc(100vw * 30 / 980);
	padding: 0 calc(100vw * 22 / 980) calc(100vw * 2 / 980) calc(100vw * 15 / 980);
	font-size: calc(100vw * 13 / 980);
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne.guest::before{
	padding: 0 calc(100vw * 22 / 980) calc(100vw * 1 / 980) calc(100vw * 12 / 980);
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne .name{
	font-size: calc(100vw * 16 / 980);
	padding: calc(100vw * 5 / 980) 0 calc(100vw * 6 / 980);
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne .name span{
	font-size: calc(100vw * 13 / 980);
}

#contents .tabs__contain .contentsOneBox .imgOne{
	margin-bottom: calc(100vw * 20 / 980);
}

#contents .tabs__contain .contentsOneBox .trialList{
	margin-bottom: calc(100vw * 34 / 980);
}

#contents .tabs__contain .contentsOneBox .trial{
	padding: 0 calc(100vw * 5 / 980);
	gap:0 calc(100vw * 10 / 980);
	margin-bottom: calc(100vw * 7 / 980);
}

#contents .tabs__contain .contentsOneBox .trial .tH{
	height: calc(100vw * 22 / 980);
	width: calc(100vw * 127 / 980);
	font-size: calc(100vw * 13 / 980);
	padding-bottom: calc(100vw * 2 / 980);
}

#contents .tabs__contain .contentsOneBox .trial .tB{
	font-size: calc(100vw * 15 / 980);
	line-height: calc(100vw * 20 / 980);
}

#contents .tabs__contain .contentsOneBox .trialStep{
	gap:0 calc(100vw * 7 / 980);
}

#contents .tabs__contain .contentsOneBox .trialStep dt{
	font-size: calc(100vw * 15 / 980);
	width: calc(100vw * 58 / 980);
}

#contents .tabs__contain .contentsOneBox .trialStep dt::after{
  width: calc(100vw * 7 / 980);
  height: calc(100vw * 12 / 980);
}

#contents .tabs__contain .contentsOneBox .trialStep dd{
	font-size: calc(100vw * 15 / 980);
}

#contents .tabs__contain .contentsOneBox .contentsTxt{
	font-size: calc(100vw * 14 / 980);
	line-height: calc(100vw * 21 / 980);
	padding: 0 calc(100vw * 5 / 980);
}

#contents .tabs__contain .contentsOneBox .contentsBoldTxt{
	font-size: calc(100vw * 15 / 980);
	line-height: calc(100vw * 20 / 980);
	padding: 0 calc(100vw * 5 / 980);
	margin-bottom: calc(100vw * 13 / 980);
}

#contents .tabs__contain .parkour .contentsOneBox .contentsBoldTxt.noColor {
	margin-bottom: calc(100vw * 28 / 980);
}

#contents .tabs__contain .contentsOneBox .contentsOne{
	margin-bottom: calc(100vw * 43 / 980);
}
}

@media ( max-width : 700px ) {
#contents{
	padding: calc(100vw * 40 / 640) calc(100vw * 30 / 640) calc(100vw * 0 / 640);
}
	
#contents .contentsWrap{
	padding: calc(100vw * 45 / 640) calc(100vw * 30 / 640) calc(100vw * 60 / 640);
}

#contents .tabs__menu {
	flex-wrap: wrap;
	gap:calc(100vw * 10 / 640) 0;
}

#contents .tabs__menu-item {
  width: calc( 100%);
}

#contents .tabs__body {
	margin: calc(100vw * 35 / 640) 0 0px;
}

#contents .tabs__contain .borderOne{
	width: calc(100vw * 540 / 640);
	height: calc(100vw * 7 / 640);
}

#contents .tabs__contain .contentsOneWrap{
	padding-top: calc(100vw * 46 / 640);
}

#contents .tabs__contain .contentsOneBox{
	padding: calc(100vw * 40 / 640) calc(100vw * 20 / 640) calc(100vw * 47 / 640);
	margin-bottom: calc(100vw * 60 / 640);
	margin-top: calc(100vw * -15 / 640);
}

#contents .tabs__contain .contentsOneBox .time{
	font-size: calc(100vw * 37 / 640);
	line-height: calc(100vw * 37 / 640);
	margin-bottom: calc(100vw * -2 / 640);
	letter-spacing: 0;
}

#contents .tabs__contain .contentsOneBox .time.threeCol{
	font-size: calc(100vw * 35 / 640);
	line-height: calc(100vw * 35 / 640);
}

#contents .tabs__contain .contentsOneBox .time.four{
	font-size: calc(100vw * 38 / 640);
	margin-bottom: calc(100vw * -2 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no1::before{
	width: calc(100vw * 30 / 640);
	height: calc(100vw * 30 / 640);
	border:solid calc(100vw * 2 / 640);
	font-size: calc(100vw * 19 / 640);
	padding-bottom: calc(100vw * 2 / 640);
	margin-right: calc(100vw 9 5 / 640);
	margin-top: calc(100vw * 4 / 640);
	padding-left: calc(100vw * 1 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no1.four::before{
	width: calc(100vw * 30 / 640);
	height: calc(100vw * 30 / 640);
	font-size: calc(100vw * 19 / 640);
	padding-bottom: calc(100vw * 2 / 640);
	margin-right: calc(100vw * 5 / 640);
	margin-top: calc(100vw * 4 / 640);
	padding-left: calc(100vw * 0 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no2{
	margin-left: calc(100vw * 24 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no2.four{
	margin-left: calc(100vw * 15 / 640);
	margin-bottom: calc(100vw * 7 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no2::before{
	width: calc(100vw * 30 / 640);
	height: calc(100vw * 30 / 640);
	border:solid calc(100vw * 2 / 640);
	font-size: calc(100vw * 19 / 640);
	padding-bottom: calc(100vw * 2 / 640);
	margin-right: calc(100vw * 5 / 640);
	margin-top: calc(100vw * 4 / 640);
	padding-left: calc(100vw * 1 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no2.four::before{
	width: calc(100vw * 30 / 640);
	height: calc(100vw * 30 / 640);
	font-size: calc(100vw * 19 / 640);
	padding-bottom: calc(100vw * 2 / 640);
	margin-right: calc(100vw * 5 / 640);
	margin-top: calc(100vw * 4 / 640);
	padding-left: calc(100vw * 0 / 640);
	    padding-right: 1px;
}

#contents .tabs__contain .contentsOneBox .time.no3{
	margin-left: calc(100vw * 0 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no3.four{
	margin-left: calc(100vw * 0 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no3::before{
	width: calc(100vw * 30 / 640);
	height: calc(100vw * 30 / 640);
	border:solid calc(100vw * 2 / 640);
	font-size: calc(100vw * 19 / 640);
	padding-bottom: calc(100vw * 2 / 640);
	margin-right: calc(100vw * 5 / 640);
	margin-top: calc(100vw * 4 / 640);
	padding-left: calc(100vw * 1 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no3.four::before{
	width: calc(100vw * 30 / 640);
	height: calc(100vw * 30 / 640);
	font-size: calc(100vw * 19 / 640);
	padding-bottom: calc(100vw * 2 / 640);
	margin-right: calc(100vw * 5 / 640);
	margin-top: calc(100vw * 4 / 640);
	padding-left: calc(100vw * 0 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no4{
	margin-left: calc(100vw * 0 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no4.four{
	margin-left: calc(100vw * 15 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no4::before{
	width: calc(100vw * 30 / 640);
	height: calc(100vw * 30 / 640);
	border:solid calc(100vw * 2 / 640);
	font-size: calc(100vw * 19 / 640);
	padding-bottom: calc(100vw * 2 / 640);
	margin-right: calc(100vw * 5 / 640);
	margin-top: calc(100vw * 4 / 640);
	padding-left: calc(100vw * 1 / 640);
}

#contents .tabs__contain .contentsOneBox .time.no4.four::before{
	width: calc(100vw * 30 / 640);
	height: calc(100vw * 30 / 640);
	font-size: calc(100vw * 19 / 640);
	padding-bottom: calc(100vw * 2 / 640);
	margin-right: calc(100vw * 5 / 640);
	margin-top: calc(100vw * 4 / 640);
	padding-left: calc(100vw * 0 / 640);
}

#contents .tabs__contain .contentsOneBox .time span{
	width: calc(100vw * 10 / 640);
	height: calc(100vw * 17 / 640);
	margin: calc(100vw * 7 / 640) calc(100vw * 5 / 640) 0 calc(100vw * 8 / 640);
}

#contents .tabs__contain .contentsOneBox .time.four span{
	width: calc(100vw * 10 / 640);
	height: calc(100vw * 16 / 640);
	margin: calc(100vw * 7 / 640) calc(100vw * 5 / 640) 0 calc(100vw * 8 / 640);
}

#contents .tabs__contain .contentsOneBox .time.threeCol span{
	width: calc(100vw * 8 / 640);
	height: calc(100vw * 15 / 640);
	margin: calc(100vw * 6 / 640) calc(100vw * 5 / 640) 0 calc(100vw * 9 / 640);
}

#contents .tabs__contain .contentsOneBox .contentsTit{
	font-size: calc(100vw * 24 / 640);
	line-height: calc(100vw * 30 / 640);
	margin-bottom: calc(100vw * 17 / 640);
	padding: calc(100vw * 17 / 640) 0 calc(100vw * 18 / 640);
	flex-wrap: wrap;
}

#contents .tabs__contain .contentsOneBox .contentsTit span{
	font-size: calc(100vw * 19 / 640);
	margin-left: 0px;
}

#contents .tabs__contain .contentsOneBox .titUnder{
	text-align: left;
	font-size: calc(100vw * 23 / 640);
	line-height: calc(100vw * 30 / 640);
	letter-spacing: 0.05em;
	margin-bottom: calc(100vw * 28 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList{
	gap:calc(100vw * 17 / 640) calc(100vw * 20 / 640);
	margin-bottom: calc(100vw * 15 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne{
	width: calc(100% / 2 - calc(100vw * 11 / 640));
}
	
#contents .tabs__contain .contentsOneBox .articleList.oneCol .articleOne {
  padding: 0 calc(100vw * 10 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .name{
	font-size: calc(100vw * 23 / 640);
	padding: calc(100vw * 8 / 640) 0;
	margin-bottom: calc(100vw * 10 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList.u15 .articleOne .name{
	padding: calc(100vw * 19 / 640) 0 calc(100vw * 20 / 640);
	letter-spacing: 0.03em;
}

#contents .tabs__contain .contentsOneBox .articleList.u15 .articleOne .name.tac{
	padding: calc(100vw * 29 / 640) 0 calc(100vw * 10 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList.u15 .articleOne .name .tic{
	font-size: calc(100vw * 18 / 640);
	letter-spacing: 0.08em;
	top: calc(100vw * 9 / 640);
	
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .name .old{
	font-size: calc(100vw * 17 / 640);
	margin-left: calc(100vw * 4 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .name .old.sMall {
    font-size: calc(100vw * 14 / 640);
    margin-left: calc(100vw * 0 / 640);
    letter-spacing: 0;
  }

#contents .tabs__contain .contentsOneBox .articleList .articleOne .about{
	font-size: calc(100vw * 20 / 640);
	letter-spacing: 0.03em;
	line-height: calc(100vw * 27 / 640);
	padding: 0 0;
	margin-bottom: calc(100vw * 8 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .tictac{
	font-size: calc(100vw * 18 / 640);
	padding: 0;
	height: calc(100vw * 32 / 640);
	margin-bottom: calc(100vw * 4 / 640);
	display: flex;
	justify-content: center;
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .award{
	font-size: calc(100vw * 18 / 640);
	line-height: calc(100vw * 22 / 640);
	padding: 0 0 0 calc(100vw * 17 / 640);
	margin-bottom: calc(100vw * 7 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList.oneCol .articleOne .award {
  font-size: calc(100vw * 19 / 640);
    line-height: calc(100vw * 26 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList .articleOne .award::before{
	width: calc(100vw * 12 / 640);
	height: calc(100vw * 12 / 640);
	left: 0;
	top: calc(100vw * 5 / 640);
}

#contents .tabs__contain .contentsOneBox .articleList.oneCol .articleOne .award::before{
	top: calc(100vw * 8 / 640);
}

#contents .tabs__contain .contentsOneBox .mcList{
	gap:calc(100vw * 20 / 640) calc(100vw * 20 / 640);
	margin-bottom: calc(100vw * 47 / 640);
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne{
	width: calc(100% / 2 - calc(100vw * 11 / 640));
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne::before{
	height: calc(100vw * 35 / 640);
	clip-path: polygon(0 0, 100% 0, 72% 100%, 0% 100%);
	padding: 0 calc(100vw * 34 / 640) calc(100vw * 2 / 640) calc(100vw * 26 / 640);
	font-size: calc(100vw * 18 / 640);
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne.guest::before{
	clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);
	letter-spacing: 0.04em;
	padding: 0 calc(100vw * 29 / 640) calc(100vw * 1 / 640) calc(100vw * 12 / 640);
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne .name{
	font-size: calc(100vw * 20 / 640);
	letter-spacing: 0.13em;
	padding: calc(100vw * 5 / 640) 0;
}

#contents .tabs__contain .contentsOneBox .mcList .mcOne .name span{
	font-size: calc(100vw * 17 / 640);
	font-weight: 700;
	letter-spacing: 0.03em;
}

#contents .tabs__contain .contentsOneBox .imgOne{
	margin-bottom: calc(100vw * 20 / 640);
}

#contents .tabs__contain .contentsOneBox .trialList{
	margin-bottom: calc(100vw * 40 / 640);
}

#contents .tabs__contain .contentsOneBox .trial{
	flex-wrap: wrap;
	padding: 0 0;
	margin-bottom: calc(100vw * 18 / 640);
}

#contents .tabs__contain .contentsOneBox .trial .tH{
	height: calc(100vw * 32 / 640);
	width: 100%;
	font-size: calc(100vw * 18 / 640);
	margin-bottom: calc(100vw * 4 / 640);
	padding-bottom: calc(100vw * 2 / 640);
	justify-content: flex-start;
	padding-left: calc(100vw * 10 / 640);
}

#contents .tabs__contain .contentsOneBox .trial .tH.padL{
	padding-left: calc(100vw * 27 / 640);
}

#contents .tabs__contain .contentsOneBox .trial .tB{
	font-size: calc(100vw * 20 / 640);
	line-height: calc(100vw * 27 / 640);
	padding: 0 calc(100vw * 10 / 640);
	margin-bottom: calc(100vw * 0 / 640);
}

#contents .tabs__contain .contentsOneBox .trialStep{
	gap:0 calc(100vw * 10 / 640);
	align-items: flex-start;
	padding: 0 calc(100vw * 10 / 640);
}

#contents .tabs__contain .contentsOneBox .trialStep dt{
	font-size: calc(100vw * 21 / 640);
	min-width: calc(100vw * 79 / 640);
}

#contents .tabs__contain .contentsOneBox .trialStep dt::after{
  width: calc(100vw * 10 / 640);
  height: calc(100vw * 17 / 640);
}

#contents .tabs__contain .contentsOneBox .trialStep dd{
	font-size: calc(100vw * 20 / 640);
	line-height: calc(100vw * 24 / 640);
	padding-top: calc(100vw * 3 / 640);
}

#contents .tabs__contain .bmx .contentsOneBox .trialStep dd {
    padding-top: calc(100vw * 0 / 640);
 }

#contents .tabs__contain .contentsOneBox .contentsTxt{
	font-size: calc(100vw * 18 / 640);
	line-height: calc(100vw * 25 / 640);
	padding: 0 calc(100vw * 10 / 640);
}

#contents .tabs__contain .contentsOneBox .contentsBoldTxt{
	font-size: calc(100vw * 20 / 640);
    line-height: calc(100vw * 27 / 640);
    padding: 0 calc(100vw * 10 / 640);
    margin-bottom: calc(100vw * 11 / 640);
} 
	
#contents .tabs__contain .contentsOneBox .contentsBoldTxt.marB {
    margin-bottom: calc(100vw * 23 / 640);
  }

#contents .tabs__contain .parkour .contentsOneBox .contentsBoldTxt.noColor {
	margin-bottom: calc(100vw * 28 / 640);
}

#contents .tabs__contain .contentsOneBox .contentsOne{
	margin-bottom: calc(100vw * 42 / 640);
}
}





/* タイムテーブル */
#timetable{
	width: 100%;
	padding: 40px 20px 0px;
}

#timetable .timetableWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 45px 20px 65px;
}

#timetable .timetableWrap .timetableBox{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

#timetable .timetableWrap .timetableBox img{
	max-width: 100%;
	height: auto;
}


@media ( max-width : 700px ) {
#timetable{
	padding: calc(100vw * 40 / 640) calc(100vw * 30 / 640) calc(100vw * 0 / 640);
}
	
#timetable .timetableWrap{
	padding: calc(100vw * 45 / 640) calc(100vw * 30 / 640) calc(100vw * 60 / 640);
}
}





/* エリアマップ */
#map{
	width: 100%;
	padding: 40px 20px 0px;
}

#map .mapWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 45px 20px 65px;
}

#map .mapWrap .mapBox{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

#map .mapWrap .mapBox img{
	max-width: 100%;
	height: auto;
}


@media ( max-width : 700px ) {
#map{
	padding: calc(100vw * 40 / 640) calc(100vw * 30 / 640) calc(100vw * 0 / 640);
}
	
#map .mapWrap{
	padding: calc(100vw * 45 / 640) calc(100vw * 30 / 640) calc(100vw * 60 / 640);
}
}






/* フッター */
#footer{
	background-color: #3caaa5;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

#footer small{
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0.06em;
}

@media ( max-width : 700px ) {
#footer{
	height: calc(100vw * 80 / 640);
}

#footer small{
	font-size: calc(100vw * 17 / 640);
}
}





/*youtube*/
#youtube{
	background-color: #fff;
	width: 100%;
	padding: 35px 20px 52px;
}
#youtube.atn{
	padding: 0 20px 53px;
}

#youtube .youtubeWrap{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	border: solid 8px #004132;
	position: relative;
}

#youtube .youtubeWrap small{
	color: #004132;
	position: absolute;
	bottom: -30px;
	right: -8px;
	font-size: 12px;
	letter-spacing: 0.06em;
	font-weight: 400;
	text-align: center;
}

#youtube .movie-wrap {
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
	margin: 0 auto;
}
 
#youtube .movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

@media ( max-width : 700px ) {
#youtube{
	padding: calc(100vw * 40 / 640) calc(100vw * 20 / 640) calc(100vw * 64 / 640);
}
#youtube.atn{
	padding: 0 calc(100vw * 30 / 640) calc(100vw * 66 / 640);
}

#youtube .youtubeWrap{
	border: solid calc(100vw * 7 / 640) #004132;
}

#youtube .youtubeWrap small{
	text-align: center;
	bottom: calc(100vw * -39 / 640);
	right: 0;
	left: 0;
	margin: auto;
	font-size: calc(100vw * 18 / 640);
	font-weight: 700;
}
}





/* 協賛社 */
#sponsor{
	width: 100%;
	padding: 40px 20px 80px;
}

#sponsor .sponsorWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 45px 20px 65px;
}

#sponsor .sponsorWrap .sponsorBox2{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

#sponsor .sponsorWrap .sponsorBox2 ul{
	display: flex;
	flex-wrap: wrap;
	gap:20px 18px;
	justify-content: center;
	margin-bottom: 0;
}

#sponsor .sponsorWrap .sponsorBox2 ul li{
	width: calc(100% / 3 - 12px);
}

#sponsor .sponsorWrap .sponsorBox2 ul li img{
	max-width: 100%;
	height: auto;
}


@media ( max-width : 700px ) {
#sponsor{
	padding: calc(100vw * 40 / 640) calc(100vw * 30 / 640) calc(100vw * 70 / 640);
}
	
#sponsor .sponsorWrap{
	padding: calc(100vw * 45 / 640) calc(100vw * 30 / 640) calc(100vw * 60 / 640);
}

#sponsor .sponsorWrap .sponsorBox2 ul{
	gap:calc(100vw * 20 / 640) calc(100vw * 16 / 640);
}

#sponsor .sponsorWrap .sponsorBox2 ul li{
	width: calc(100% / 2 - calc(100vw * 9 / 640));
}
}




/*20231122追加*/
/*当日受付*/
#trial{
	background-color: #fff;
	width: 100%;
	padding: 0 20px 35px;
}

#trial .trialWrap{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	border: solid 8px #d4000f;
	color: #d4000f;
	padding: 23px 18px 20px;
}

#trial .trialWrap h3{
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	letter-spacing: .08em;
	margin-bottom: 9px;
}

#trial .trialWrap p{
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 22px;
	text-align: justify;
	margin-bottom: -4px;
}

#trial .trialWrap small{
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 22px;
	margin-bottom: 0;
}

@media ( max-width : 700px ) {
#trial{
	padding: 0 calc(100vw * 30 / 640) calc(100vw * 40 / 640);
}

#trial .trialWrap{
	border: solid calc(100vw * 7 / 640) #d4000f;
	padding: calc(100vw * 37 / 640) calc(100vw * 30 / 640) calc(100vw * 28 / 640);
}

#trial .trialWrap h3{
	font-size: calc(100vw * 28 / 640);
	text-align: left;
	margin-bottom: calc(100vw * 15 / 640);
}

#trial .trialWrap p{
	font-size: calc(100vw * 22 / 640);
	line-height: calc(100vw * 29 / 640);
	margin-bottom: calc(100vw * 9 / 640);
}

#trial .trialWrap small{
	font-size: calc(100vw * 19 / 640);
	line-height: calc(100vw * 29 / 640);
	display: block;
}
}


/*終了*/
#finish{
	background-color: #fff;
	padding: 0 20px;
	width: 100%;
}

#finish .finishWrap{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	color: #d4000f;
	padding: 8px 0 45px;
}

#finish .finishWrap h3{
	font-size: 30px;
	font-weight: 900;
	line-height: 41px;
	text-align: center;
	letter-spacing: .08em;
	margin-bottom: 0;
}

@media ( max-width : 700px ) {
#finish{
	padding: 0 calc(100vw * 30 / 640);
}

#finish .finishWrap{
	padding: calc(100vw * 1 / 640) 0 calc(100vw * 36 / 640);
}

#finish .finishWrap h3{
	font-size: calc(100vw * 32 / 640);
	line-height: calc(100vw * 42 / 640);
	margin-top: calc(100vw * -4 / 640);
}
}



#contents .tabs__contain .contentsOneBox .time.atn {
	position: relative;
}
#contents .tabs__contain .contentsOneBox .time.atn::after {
	content: "※センターステージエリアで開催";
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: #00371e;
	padding-top: 14px;
  line-height: 0;
  margin-left: 16px;
}


@media ( max-width : 980px ) {
#contents .tabs__contain .contentsOneBox .time.atn::after {
	font-size: calc(100vw * 12 / 980);
	padding-top: calc(100vw * 14 / 980);
  margin-left: calc(100vw * 16 / 980);
}
}

@media ( max-width : 700px ) {
#contents .tabs__contain .contentsOneBox .time.atn::after {
	font-size: calc(100vw * 17 / 640);
	letter-spacing: 0.03em;
	padding-top: calc(100vw * 7 / 640);
 margin-left: calc(100vw * 23 / 640);
}
}