@charset "UTF-8";
/* CSS Document */
.dir-hajimetewe main > section {
		padding-top: 60px;
		padding-bottom: 60px;
}
.dir-hajimetewe main a.text-under {
		color: #957B4A;
		text-decoration: underline;
}
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
		transition: 0.8s ease-in-out;
		transform: translateY(30px);
		opacity: 0;
}
.scroll_up.on {
		transform: translateY(0);
		opacity: 1.0;
}
/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
		-webkit-transition: 0.8s ease-in-out;
		-moz-transition: 0.8s ease-in-out;
		-o-transition: 0.8s ease-in-out;
		transition: 0.8s ease-in-out;
		transform: translateX(-30px);
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
}
.scroll_left.on {
		opacity: 1.0;
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		transform: translateX(0);
}
/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
		-webkit-transition: 0.8s ease-in-out;
		-moz-transition: 0.8s ease-in-out;
		-o-transition: 0.8s ease-in-out;
		transition: 0.8s ease-in-out;
		transform: translateX(30px);
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
}
.scroll_right.on {
		opacity: 1.0;
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		transform: translateX(0);
}
.timing02 {
		transition-delay: .2s;
}
.timing03 {
		transition-delay: .4s;
}
.timing04 {
		transition-delay: .6s;
}
.timing05 {
		transition-delay: .8s;
}
/* スライド全体 */
.dir-hajimetewe .swiper-slide {
		transition: transform 0.6s;
		transform: scale(0.9);
}
.dir-hajimetewe .swiper-wrapper{
	height: auto;
}
/* 左右のスライド */
.dir-hajimetewe .swiper-slide-active {
		transform: scale(1) !important;
}
.dir-hajimetewe .swiper-button-next, .dir-hajimetewe .swiper-button-prev {
		background-color: #957B4A;
		border-radius: 50%;
		width: 50px;
		height: 50px;
}
.dir-hajimetewe .swiper-button-next::after, .dir-hajimetewe .swiper-button-prev::after {
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		color: #fff;
		font-size: 1.5rem;
		display: inline-block;
}
.dir-hajimetewe .swiper-button-next:after {
		content: '\f054'; /* FontAwesomeの右矢印 */
}
.dir-hajimetewe .swiper-button-prev:after {
		content: '\f053'; /* FontAwesomeの左矢印 */
}
/*ボタン*/
.button {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px auto;
		width: 400px;
		height: 67px;
		border-radius: 9999em;
		font-size: 2.0rem;
		font-weight: 600;
		cursor: pointer;
		transition-duration: .15s;
		transition-timing-function: ease-out;
		background-color: #957B4A;
}
.button._dazn {
		background-color: #000000;
}
.button._youtube {
		background-color: #c4302b;
}
.button._fifa {
		background-color: #00155f;
}
.button:hover {
		opacity: .8;
}
.dir-hajimetewe .page-link {
		padding: 15px;
		padding-bottom: 30px;
}
.dir-hajimetewe .page-link p{
	font-weight: bold;
	font-size: 2.0rem;
}
.dir-hajimetewe .page-link ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
}
.dir-hajimetewe .page-link ul li {
		font-weight: bold;
		position: relative;
		width: 178px;
	margin-left: 10px;
}
.dir-hajimetewe .page-link ul li:first-child{
	margin-left: 0;
}

.dir-hajimetewe .page-link ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	width: 178px;
	height: 128px;
	font-size: 1.8rem;
	position: relative;
	border: 1px solid #000;
	background-color: #957B4A;
	border-radius: 13px;
	box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.16);
}
.dir-hajimetewe .page-link ul li a:after {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		border-top: 9px solid #FFFFFF;
		border-bottom: 0;
		margin-left: 4px;
}
.dir-hajimetewe .page-link ul li span {
		font-size: 2.0rem;
		display: inline-block;
		margin-right: 7px;
}
.dir-hajimetewe .mainTtl {
	text-align: center;
		margin: 0 auto 30px;
		font-size:4.0rem;
		font-weight: bold;
	color: #000000;
}
.dir-hajimetewe .mainTtl img{
	height: 90px;
}
.dir-hajimetewe .maintext{
	font-weight: bold;
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 50px;
	line-height: 2.0;

}



.dir-hajimetewe .subttl{
	margin: 0 auto 20px;
	position: relative;
}
.dir-hajimetewe .subttl:before{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #000000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
}
.dir-hajimetewe .subttl span{
	position: relative;
	background-color: #000000;
	font-size: 3.2rem;
	line-height: 60px;
	color: #fff;
	font-weight: 800;
	text-align: center;
	border-radius: 30px;
	display: block;
	z-index: 1;
	width: 60%;
		margin-left: auto;
		margin-right: auto;
}
/*楽しむ*/
.dir-hajimetewe .list-box .item-box {
		display: flex;
		justify-content: center;
}
.dir-hajimetewe .list-box .item-box:nth-child(2n) {
		flex-direction: row-reverse;
}
.dir-hajimetewe .item-box:not(:first-child) {
		margin-top: 40px;
}
.dir-hajimetewe .item-box .enjoy-img {
		flex-shrink: 0;
		width: 600px;
}
.dir-hajimetewe .item-box .enjoy-text {
		display: flex;
		flex-direction: column;
		padding: 15px;
		box-sizing: border-box;
}
.dir-hajimetewe .item-box .enjoy-text h3 {
		padding-left: 10px;
		border-bottom: 3px solid;
		position: relative;
		border-image: linear-gradient(to right, rgba(45, 168, 231, 1) 0%, rgba(196, 0, 48, 1) 14%, rgba(208, 108, 21, 1) 26%, rgba(37, 56, 112, 1) 38%, rgba(239, 205, 0, 1) 50%, rgba(56, 102, 59, 1) 62%, rgba(183, 70, 32, 1) 75%, rgba(185, 0, 90, 1) 87%, rgba(75, 52, 138, 1) 100%) 1;
}
.dir-hajimetewe .item-box .enjoy-text h3:before {
		content: "";
		width: 8px;
		height: 8px;
		background-color: #000000;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
}
.dir-hajimetewe .item-box .enjoy-text p {
		flex-grow: 1;
}
.dir-hajimetewe .recommend-list{
	position: relative;
	padding-bottom: 30px;
	overflow: hidden;
}
.dir-hajimetewe .recommend-list .swiper{
	overflow: initial;
}
.dir-hajimetewe .recommend-list .swiper-slide{
	box-shadow: 6px 10px 0 rgba(0, 0, 0, 0.16);
}
.dir-hajimetewe .recommend-list a {
		position: relative;
		display: block;
	text-align: center;
}

.dir-hajimetewe .recommend-list .emb {
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
		width: 96px;
		height: 96px;
		position: absolute;
		bottom: -30px;
		left: 50%;
		margin-left: -50px;
		border-radius: 100%;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
}
.dir-hajimetewe .recommend-list .emb img {
		width: 65px;
}
.dir-hajimetewe .recommend-list .pro {
		padding: 40px 10px 30px;
		text-align: center;
		font-weight: bold;
}
.dir-hajimetewe .recommend-list .pro span {
		display: block;
}
.dir-hajimetewe .recommend-list .pro span:first-child {
		font-size: 2.2rem;
}
.dir-hajimetewe .recommend-list ._mynavi .pro{
	background-color: #00b7f1;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._reds .pro{
	background-color: #e6002e;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._ardija .pro{
	background-color: #081d52;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._as-elfen .pro{
	background-color: #0e3673;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._jefunited .pro{
	background-color: #fee101;
	color: #000000;
}
.dir-hajimetewe .recommend-list ._beleza .pro{
	background-color: #176939;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._stella .pro{
	background-color: #d22d29;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._parceiro .pro{
	background-color: #eb6001;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._albirex .pro{
	background-color: #ea5505;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._cerezo .pro{
	background-color: #d7005d;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._inac .pro{
	background-color: #ce1125;
	color: #FFFFFF
}
.dir-hajimetewe .recommend-list ._sanfrecce .pro{
	background-color: #51328f;
	color: #FFFFFF
}

.dir-hajimetewe #about {
		background-color: #E4DBC9;
		border-top: 3px solid;
		border-image: linear-gradient(to right, rgba(45, 168, 231, 1) 0%, rgba(196, 0, 48, 1) 14%, rgba(208, 108, 21, 1) 26%, rgba(37, 56, 112, 1) 38%, rgba(239, 205, 0, 1) 50%, rgba(56, 102, 59, 1) 62%, rgba(183, 70, 32, 1) 75%, rgba(185, 0, 90, 1) 87%, rgba(75, 52, 138, 1) 100%) 1;
}
.dir-hajimetewe #about h3 {
		font-size: 5.3rem;
		font-weight: bold;
}
.dir-hajimetewe .img {
		width: 420px;
		margin: 0 auto 30px;
}
.dir-hajimetewe .about-list .about-item:last-child {
		margin-top: 30px;
}
.dir-hajimetewe .about-list dl {
		display: flex;
		flex-wrap: wrap;
}
.dir-hajimetewe .about-list dl > dt, .dir-hajimetewe .about-list dl > dd {
		padding: 10px;
		margin-bottom: 5px;
}
.dir-hajimetewe .about-list dl > dt {
		width: 200px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #000000;
		color: #FFFFFF;
}
.dir-hajimetewe .about-list dl > dd {
		width: calc(100% - 205px);
		margin-left: 5px;
		background-color: #FFFFFF;
}
.dir-hajimetewe .about-list dl > dd.is-group {
		background-color: #E4DBC9;
		padding: 0;
}
.dir-hajimetewe .about-list dl > dd.is-group dt {
		background-color: #4E4E4E;
}
.dir-hajimetewe .floating-button {
	position: fixed;
	right: 0px;
	bottom: 30px;
	z-index: 10;
}
.dir-hajimetewe .floating-button a{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
	padding: 13px 10px;
	border-radius: 8px 0 0 8px;
	position: relative;
}
.dir-hajimetewe .floating-button a:after{
	display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 5px 7px;
  border-left-color: currentColor;
  border-right: 0;
	content: "";
	margin-left: 3px;
}
.dir-hajimetewe .gallery-list > ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
.dir-hajimetewe .gallery-list > ul > li {
	width: 25%;
	padding: 0 5px 5px 5px;
}
.dir-hajimetewe #aboutwe{
	background-color: #957B4A;
	color: #FFFFFF;
	position: relative;
	overflow: hidden;
}
.dir-hajimetewe #aboutwe:before{
	content: "";
	background-image: url("../../img/logo_weleague_w.svg");
	background-size:cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top:50%;
	left: 50%;
	opacity: .2;
	background-repeat: no-repeat;
	transform: translateY(-50%);
}
.dir-hajimetewe #club{
	background-color: #000000;
	color: #FFFFFF;
}
.dir-hajimetewe #club .btn,.dir-hajimetewe #club .we_ttl{
	display: none;
}
.dir-hajimetewe .hajimetewe-inner + .hajimetewe-inner{
	margin-top: 60px;
}
.dir-hajimetewe .dazn-icon{
	margin: 0 auto;
	display: block;
	margin-bottom: 30px;
	width: 290px;
}
.dir-hajimetewe .hajimetewe-bg{
	height: 30rem;
	position: relative;
	z-index: 0;
	background-color: #8f7343;
}
.dir-hajimetewe .hajimetewe-bg:before,.dir-hajimetewe .hajimetewe-bg:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	z-index: 10;
	width: 100%;
	height:  92.765625px;;
	border-radius: 92.777184px 92.777184px 0 0;
	background-color: #FFFFFF;
}
.dir-hajimetewe .hajimetewe-bg.bg_first:before{
	background-color: #000000;
}
.dir-hajimetewe .hajimetewe-bg:before{
	top: -1px;
	-webkit-transform: scale(1,-1);
	transform: scale(1,-1);
}
.dir-hajimetewe .hajimetewe-bg:after{
	bottom: 0;
}
.dir-hajimetewe #match{
	padding-top: 0;
	padding-bottom: 0;
}
.dir-hajimetewe #match .we_ttl,.dir-hajimetewe #match .btn{
	display: none;
}
.dir-hajimetewe .dir-top #match .match_date{
	border-color: #000000;
}
.dir-hajimetewe a.link{
	font-weight: bold;
}
.dir-hajimetewe .dli-chevron-round-right {
	display: inline-block;
	vertical-align: middle;
	color: #FFFFFF;
	line-height: 1;
	position: relative;
	width: .8em;
	height: .8em;
	transform: translateX(-25%) rotate(45deg);
}

.dir-hajimetewe .dli-chevron-round-right::before, .dir-hajimetewe .dli-chevron-round-right::after {
	content: '';
	position: absolute;
	background: currentColor;
	border-radius: 0.1em;
}

.dir-hajimetewe .dli-chevron-round-right::before {
	top: 0;
	left: 0;
	right: 0;
	height: 0.1em;
}

.dir-hajimetewe .dli-chevron-round-right::after {
	top: 0;
	right: 0;
	bottom: 0;
	width: 0.1em;
}
.dir-hajimetewe .week-outer{
	padding: 2rem;
	background-color: #F3F3F3;
	border-radius: 13px;
}
.dir-hajimetewe .week-list {
		list-style-type: none;
		padding: 1em;
		border: 2px solid #000000;
	background-color: #FFFFFF;
}

.dir-hajimetewe .week-list li {
		display: flex;
		align-items: center;
		gap: 0 5px;
		padding: .3em;
	font-weight: bold;
}

.dir-hajimetewe .week-list li::before {
		display: inline-block;
		width: 10px;
		height: 5px;
		border-bottom: 2px solid #957B4A;
		border-left: 2px solid #957B4A;
		transform: rotate(-45deg) translateY(-1.5px);
		content: '';
}
.dir-hajimetewe .week-contets{
	margin-top: 40px;
}
.dir-hajimetewe .week-contets_ttl {
		position: relative;
		padding: .5em 1em;
		color: #333333;
	text-align: center;
	background-color: #FFFFFF;
}
.dir-hajimetewe .week-contets_ttl:first-letter {
		color: #957B4A;
	font-size: 3.6rem;
}

.dir-hajimetewe .week-contets_ttl::before,
.dir-hajimetewe .week-contets_ttl::after {
		display: inline-block;
		position: absolute;
		width: 10px;
		height: 100%;
		border: 3px solid #000000;
		box-sizing: border-box;
		content: '';
}

.dir-hajimetewe .week-contets_ttl::before {
		top: 0;
		left: 0;
		border-right: none;
}

.dir-hajimetewe .week-contets_ttl::after {
		bottom: 0;
		right: 0;
		border-left: none;
}
.dir-hajimetewe .week-contets-list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.dir-hajimetewe .week-contets-item{
		margin-top: 15px;
		width: calc(50% - 10px);
		margin-left: 10px;
	background-color: #FFFFFF;
}
.dir-hajimetewe .week-contets-item p:first-child{
	text-align: center;
}
.dir-hajimetewe .week-contets-item p:last-child{
	padding: 1rem;
	margin-bottom: 0;
	background-color: #000000;
	color: #FFFFFF;
	
}
.dir-hajimetewe .week-contets-item div{
	display: flex;
	justify-content: center;
	align-items: center;
}
.dir-hajimetewe .week-contets-item div span{
	width: 100px;
	text-align: center;
	font-weight: bold;
}
.dir-hajimetewe .week-contets-item div em{
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.dir-hajimetewe .mainTtl img{
		height: auto;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
		.dir-hajimetewe main > section {
				padding-top: 40px;
				padding-bottom: 40px;
		}
	.dir-hajimetewe .maintext{
		font-size: 1.5rem;
		margin-bottom: 30px;
	}
		/*ボタン*/
		.button {
				width: 90%;
				margin: 10px auto 0;
				height: 56px;
				font-size: 1.6rem;
		}
		.dir-hajimetewe .page-link ul li {
				padding-left: 5px;
				padding-right: 5px;
			width: calc(50% - 5px);
			margin-bottom: 10px;
		}
	.dir-hajimetewe .page-link ul li:nth-child(2n + 1){
		margin-left: 0;
	}
		.dir-hajimetewe .page-link ul li a {
			font-size: 1.4rem;
			width: 100%;
			height: 100px;
		}
		.dir-hajimetewe .page-link ul li a:after {
			position: absolute;
			bottom: 15px;
			left: 50%;
			transform: translate(-50%);
			margin-left: auto;
		}
	.dir-hajimetewe .hajimetewe-bg{
	height: 15rem;
}
.dir-hajimetewe .hajimetewe-bg:before,.dir-hajimetewe .hajimetewe-bg:after{
	height:  50px;;
	border-radius: 50px 50px 0 0;
	background-color: #FFFFFF;
}
		.dir-hajimetewe .list-box .item-box {
				flex-wrap: wrap;
		}
		.dir-hajimetewe .item-box .enjoy-img {
				width: 100%;
		}
		.dir-hajimetewe .item-box .enjoy-text {
				width: 100%;
		}
		.dir-hajimetewe .img {
				width: 100%;
		}
		.dir-hajimetewe .about-list dl > dt {
				width: 80px;
				font-size: 1.1rem;
		}
		.dir-hajimetewe .about-list dl > dd {
				width: calc(100% - 83px);
				margin-left: 3px;
				font-size: 1.2rem;
		}
	.dir-hajimetewe .floating-button a{
	font-size: 1.5rem;
	padding: 10px;
	border-radius: 5px 0 0 5px;
}
	.dir-hajimetewe .gallery-list > ul > li {
	width: 33%;
	padding: 0 5px 5px 5px;
}
	.dir-hajimetewe #aboutwe:before{
		height: 180px;
		top: auto;
		bottom: -20%;
	}
	.dir-hajimetewe .subttl span{
		font-size: 1.7rem;
		width: 80%;
		line-height: 45px;
	}
	.dir-hajimetewe .dazn-icon{
		width: 50%;
	}
	.dir-hajimetewe #aboutwe .about-text{
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	.dir-hajimetewe .dir-top #match .match__item{
		border-right: 1px solid #000;
	}
	.dir-hajimetewe .dir-top #match .match__item:nth-child(1),.dir-hajimetewe .dir-top #match .match__item:nth-child(2){
		border-top: 1px solid #000;
	}
	.dir-hajimetewe .dir-top #match .match__item:nth-child(odd){
		border-left: 1px solid #000000;
		border-right: none;
	}
	.dir-hajimetewe .dir-top #match .match__item:first-child:last-child{
		border-right: 1px solid #000000;
	}
	.dir-hajimetewe .week-contets_ttl{
		padding: .3em .7em;
		font-size: 1.5rem;
	}
	.dir-hajimetewe .week-contets_ttl:first-letter {
	font-size: 2.2rem;
}
	.dir-hajimetewe .week-contets-item{
		margin-left: 0;
		width: 100%;
	}
	.dir-hajimetewe .week-contets-item div span{
		width: 65px;
	}
	.dir-hajimetewe .week-contets-item div span{
		font-size: 1.3rem;
	}
	.dir-hajimetewe .week-contets-item p:first-child{
		font-size: 1.3rem
	}
	.dir-hajimetewe .week-contets-item p:last-child{
		padding: 1rem;
		font-size: 1.3rem;
	}
}
@media screen and (min-width: 768px) {
		.button-row {
				display: flex;
				justify-content: center;
		}
		.button-row .button {
				margin: 10px;
		}
	.dir-hajimetewe #aboutwe .about-text{
		width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	.dir-hajimetewe .dir-top #match .match__item{
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	.dir-hajimetewe .dir-top #match .match__item:last-child,.dir-hajimetewe .dir-top #match .match__item:nth-child(4n+1){
		border-right: 1px solid #000000;
	}
	.dir-hajimetewe .dir-top #match .match__item:first-child{
		border-right: none;
	}
	.dir-hajimetewe .dir-top #match .match__item:nth-child(5n+1){
		border-left: 1px solid #000000;
	}
	.dir-hajimetewe .week-contets_ttl{
		width: 55%;
		margin-left: auto;
		margin-right: auto;
	}
	.dir-hajimetewe .week-contets-item:nth-child(2n + 1){
		margin-left: 0;
	}
	
}