@charset "UTF-8";

/* 2025年1月改訂-スケジュール共通 */
:root {
	/*color*/
	--main_bk: #111;
	--main_blue: #23b7fe;
	--main_red: #FF0000;
	/*色相-彩度(％)-輝度(％-50%中間)*/
	--ex_pale_blue: hsl(202, 65%, 96%);
	--ex_pale_home_blue: hsl(200, 60%, 89%);
	--ex_pale_away_red: hsl(200, 60%, 89%);
	--pale_gray: hsl(0, 0%, 94%);
	--ex_pale_gray: hsl(0, 0%, 96%);
	--ex_pale_gray2: hsl(0, 0%, 98%);

	/*font*/
	--ffDIN_light: "DINNextLTPro-Light", "Roboto", sans-serif;
	--ffDIN_reg: "DINNextLTPro-Regular", "Roboto", sans-serif;
	--ffDIN_med: "DINNextLTPro-Medium", "Roboto", sans-serif;
	--ffDIN_cond_med: "DINNextLTPro-MediumCond", "Roboto Condensed", sans-serif;
	--ffDIN_cond_reg: "DINNextLTPro-Condensed", "Roboto Condensed", sans-serif;
	--ffNoto_jp: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	;
}

[lang='en'] {
	font-family: var(--ffDIN_med);
	font-weight: normal;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

aside#box_bottom_bnrs {
	margin-top: 0;
}


/*width common -pc*/
#box_cate_selector,
article.game,
article.monthly,
#box_page_ttl {
	width: 1234px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

article {
	padding-bottom: 106px;
}


/* page_ttl-pc */
#box_page_ttl {

	/*nest-start*/
	.inner {
		width: 1234px;
		margin: 0 auto;
		padding: 32px 0 32px 0;
	}

	& h1 {
		width: calc(7em + 96px);
		height: auto;
		position: relative;
		z-index: 0;
		font-size: 3.6rem;
		line-height: 1;
		text-align: center;
		margin: 0 auto;
		padding: 0.2em 0 0.2em 0;
	}

	& h1::before,
	& h1::after {
		content: "";
		display: block;
		height: 100%;
		width: 1px;
		background-color: var(--main_blue);
		position: absolute;
		top: 0;
		transform-origin: center center;
		transform: skew(-30deg);
	}

	& h1::before {
		left: 0;
	}

	& h1::after {
		right: 0;
	}

	& h1>small {
		font-size: 1.8rem;
		display: block;
		text-transform: uppercase;
		margin-top: 0.75em;
		color: var(--main_blue);
		letter-spacing: 0.03em;
	}

	/*nest-end*/
}



/*#box_cate_selector-pc*/

#box_cate_selector {
	margin-top: 0;

	/*nest-start*/
	& ul {
		display: flex;
		justify-content: center;
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: bold;
		font-weight: 500;
		padding: 0 0 0 0;
	}

	& ul>li {
		border-bottom: 4px solid var(--main_bk);
		padding: 0 4px;
		text-align: center;
	}

	& ul>li:nth-of-type(1) {
		padding-left: 20px;
	}

	& ul>li:last-of-type {
		padding-right: 20px;
	}

	& ul>li>a {
		display: block;
		color: var(--main_bk);
		padding: 0.8em 0.8em 0.8em 0.8em;
		border-radius: 4px 4px 0 0;
	}

	& ul>li.current>a {
		color: #fff;
		background-color: var(--main_bk);
		pointer-events: none;
		cursor: default;
	}

	/*nest-end*/
}

#box_next_homegame.show+#box_cate_selector {
	margin-top: 48px;
}


body.monthly #box_cate_selector,
/*月間*/
body.office #box_cate_selector {
	/*店舗事務所*/
	margin-top: 0;
}

/*box_note-start-pc*/

.box_note {
	margin-top: 32px;
	display: flex;
	align-items: center;

	/*nest-start*/
	& h6 {
		font-size: 1.8rem;
		line-height: 1.4;
		text-align: center;
		padding: 0 1em;
		width: 15%;
	}

	& ul {
		width: 85%;
		border-left: 2px solid var(--main_bk);
		padding: 0.5em 0 0.5em 1.5em;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	& ul>li {
		margin-top: 0.4em;
		position: relative;
		z-index: 0;
		padding-left: 0.7em;
	}

	& ul>li.annot {
		line-height: 1.6;
		padding-left: 0;
	}

	& ul>li:not(.annot)::before {
		content: "";
		display: block;
		position: absolute;
		z-index: 0;
		width: 6px;
		height: 6px;
		border-radius: 3px;
		background-color: #222;
		left: 0;
		top: 0.65em;
	}

	& ul>li:first-of-type {
		margin-top: 0;
	}

	& ul>li>a {
		text-decoration: underline;
	}

	/*nest-end*/
}

.box_note.caution {

	/*nest-start*/
	h6,
	li {
		color: var(--main_red);
	}

	h6>br {
		display: none;
	}

	ul {
		border-color: var(--main_red);
	}

	ul>li {
		padding-left: 1.2em;
		text-indent: -1.2em;
	}

	ul>li::before {
		background-color: var(--main_red);
		content: '※';
		border: none;
		background-color: transparent;
		position: static;
		width: auto;
		height: auto;
		display: inline;
		margin-right: 0.2em;
	}

	/*nest-end*/
}

/*box_note-end*/


/*------------------------*/
/*Responsive*/
/*------------------------*/


/* ===== 1024px（PC-tab）以内 ===== */

@media (max-width: 1024px) {
	/* mq-start */
	/* mq-end */
}


/* ===== 768px（sp）以内 ===== */

@media (max-width: 768px) {

	/* mq-start */

	/*width common -sp*/
	#box_cate_selector,
	article.game,
	article.monthly,
	#box_page_ttl {
		width: 100%;
		margin: 0;
	}

	article {
		padding-bottom: 24vw;
	}

	/* page_ttl-sp */
	#box_page_ttl {

		/*nest-start*/
		.inner {
			width: 100%;
			padding: 5vw 0 5vw 0;
		}

		& h1 {
			width: calc(7em + 6vw);
			font-size: 6.25vw;
			padding: 0.5em 0 0.3em 0.3em;
		}

		& h1>small {
			font-size: 3.75vw;
			margin-top: 0.85em;
		}

		/*nest-end*/
	}



	/*#box_cate_selector-sp*/

	#box_cate_selector {
		margin-top: 0;
		overflow: auto;

		/*nest-start*/
		& ul {
			width: 194vw;
			font-size: 3.75vw;
			padding: 0 5vw 0 5vw;
			border-bottom: 4px solid var(--main_bk);
		}

		& ul>li {
			border-bottom: none;
			padding: 0 0.5vw;
		}

		& ul>li:nth-of-type(1) {
			padding-left: 0;
		}

		& ul>li:last-of-type {
			padding-right: 0;
		}

		& ul>li>a {
			display: flex;
			height: 100%;
			justify-content: center;
			align-items: center;
			border-radius: 1vw 1vw 0 0;
			min-width: 29vw;
		}

		/*nest-end*/
	}

	#box_next_homegame.show+#box_cate_selector {
		margin-top: 8vw;
	}


	body.monthly #box_cate_selector,
	/*月間*/
	body.office #box_cate_selector {
		/*店舗事務所*/
		margin-top: 0;
	}


	/*box_note-start-sp*/

	.box_note {
		align-items: flex-start;
		flex-wrap: wrap;
		width: 88vw;
		margin: 0 auto 0 auto;
		margin-top: 6vw;

		/*nest-start*/
		& h6 {
			width: 100%;
			font-size: 3.125vw;
			line-height: 1;
			padding: 0;
		}

		& ul {
			width: 100%;
			margin-top: 0.6em;
			border-top: 2px solid var(--main_bk);
			border-left: none;
			padding: 0.75em 0 0 0.5em;
			font-size: 3.125vw;
		}

		& ul>li {
			margin-top: 0.5em;
		}


		& ul>li:first-of-type {
			margin-top: 0;
		}

		& ul>li::before {
			width: 1.5vw;
			height: 1.5vw;
			border-radius: 1vw;
			top: 1.75vw;
		}



		/*nest-end*/
	}






	/* mq-end */
}

/*--*/


/*--*/


/*--*/


/*--*/


/*--*/


/*--*/


/*--*/


/*--*/