@charset "UTF-8";

/* ====== TOTOP ====== */
/* ====== TOP IMAGE ====== */
.top-image {
	width:				100%;
	max-width:			1200px;
}

.top-image img {
	width:				100%;
	height:				auto;
	display:			block;
}

header.top-page {
  position: fixed;
  height: 10vh;
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  z-index: 1000;
}

.main-contents {
  padding-top: 10vh;
}

/* ====== TOP CATEGORY ====== */
.top-category {
}

.top-center-area {
	display:	flex;
}

/* ====== TOP NEWS ====== */
.top-news-area {
}

.top-news {
	width: 600px;
	padding: 10px 0px;
	margin: 20px auto;
}

.top-news-item {
	display: flex;
	width:	375px;
	padding: 10px 0px;
	margin:	auto;
}

.top-news-date {
	width: 140px;
	padding-left:	5px;
	font-weight:	bold;
}

.top-news-date-single {
}

.top-news-date-multi-1 {
}

.top-news-date-multi-2 {
}

.top-news-value {
	width: 235px;
}

.top-news-lebel {
	border-radius: 10px;
	padding: 0px 10px;
	width: fit-content;
	font-size: small;
}

.top-news-lebel-jpba {
	background-color:	crimson;
	color:				white;
}
.top-news-lebel-tournament {
	background-color:	darkviolet;
	color:				white;
}
.top-news-lebel-challenge {
	background-color:	royalblue;
	color:				white;
}
.top-news-lebel-lesson {
	background-color:	darkgreen;
	color:				white;
}
.top-news-lebel-league {
	background-color:	darkcyan;
	color:				white;
}
.top-news-lebel-event {
	background-color:	deeppink;
	color:				white;
}
.top-news-lebel-etc {
	background-color:	darkorange;
	color:				white;
}

.top-news-title {
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 2px;
	font-size: large;
}

.top-news-detail {
	padding-left: 10px;
}

/* ====== TWITTER ====== */
.top-twitter-area {
	width: 375px;
	margin: 10px auto 30px;
}

/* ====== SNS ====== */

.top-sns-area {
	padding: 10px 0px;
	margin:	20px 0px;
}

.top-sns {
	display:		flex;
	width:			fit-content;
	margin:			auto;
}

.top-sns-button {
	width:				50px;
	height:				50px;
	background-size:	50px 50px;
	background-repeat:	no-repeat;
	padding:			0px 10px;
}

.top-twitter-image {
	background-image:	url(../img/twitter.png);
}
.top-instagram-image {
	background-image:	url(../img/instagram.png);
}
.top-facebook-image {
	background-image:	url(../img/facebook.png);
}
.top-jpba-image {
	background-image:	url(../img/jpba.png);
}


/* ====== SCHEDULE ====== */
.schedule-news {
	width: 900px;
	background-color: palegoldenrod;
	padding: 10px 0px;
	margin: 20px auto;
}

.schedule-list {
	display:	flex;
}

.schedule-month {
	width:			450px;
}

.schedule-month-label {
	margin:			auto;
	width:			fit-content;
	font-weight:	bold;
	font-size:		x-large;
	padding:		10px;
}

/* =============================================
メディアクエリ
============================================= */

/* 大デバイス（デスクトップ, 1200px 未満）
==============================================*/
@media screen and (max-width: 1199.98px) {
}

/* 中デバイス（タブレット, 992px 未満）
==============================================*/
@media screen and (max-width: 991.98px) {
	.top-center-area {
		display:	block;
	}
	.top-news {
		width:		100%;
	}
	.schedule-news {
		width:		100%;
	}
	.schedule-list {
		display:	block;
	}
	.schedule-month {
		width:		100%;
		margin:		auto;
	}
}

/* 小デバイス（横向きモバイル, 768px 未満）
==============================================*/
@media screen and (max-width: 767.98px) {
}

/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width: 575.98px) {
}

/* END */