@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
	margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/
main {
	display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
	background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
	font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/
small {
	font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
	border-style: none;
}

/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
	/* 1 */
	overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
	/* 1 */
	text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
	vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
	overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type='checkbox'],
[type='radio'] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
	display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
	display: list-item;
}

/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
	display: none;
}

/**
* Add the correct display in IE 10.
*/
[hidden] {
	display: none;
}

/* ここから_clender.scss */
.calendar-modal {
	background-color: #fbfbfb;
	border-radius: 16px;
	width: 300px;
}

.container-calendar {
	width: 90%;
	margin: auto;
	padding: 16px;
}
.container-calendar table {
	width: 98%;
	border-collapse: collapse;
	margin: auto;
	font-family: 'Montserrat', sans-serif;
}
.container-calendar table td {
	text-align: center;
	vertical-align: middle;
	width: 14.2857143%;
	height: 40px;
	font-size: 14px;
	color: #1550ad;
	cursor: pointer;
}
.container-calendar table .calender-td-today {
	font-weight: 600;
}
.container-calendar table .calender-td-disable {
	opacity: 0.5;
	color: #0f1f38;
	cursor: none;
}
.container-calendar table .calender-td-active {
	background-color: #1550ad;
	border-radius: 8px;
	color: #fbfbfb;
}

.button-container-calendar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.button-container-calendar button {
	width: 40px;
	height: 40px;
	background: #fbfbfb;
	border: none;
	cursor: pointer;
	position: relative;
}
.button-container-calendar button img {
	width: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.button-container-calendar button img:first-child {
	transform: translate(-50%, -50%) rotate(180deg);
}
.button-container-calendar .button-container-calender__cursor-l {
	transform: rotate(180deg);
}
.button-container-calendar .text-container-calendar {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
}

.bottom-button-container-calendar {
	text-align: center;
	margin-top: 16px;
	font-family: 'Montserrat', sans-serif;
}
.bottom-button-container-calendar button {
	cursor: pointer;
	border: 1px solid #1550ad;
	border-radius: 999px;
	font-size: 14px;
	padding: 8px 16px;
	display: block;
	margin: auto;
}
.bottom-button-container-calendar button:first-child {
	background-color: #1550ad;
	color: #fbfbfb;
	padding: 8px 32px;
	margin-bottom: 16px;
}
.bottom-button-container-calendar button:last-child {
	background-color: #fbfbfb;
	color: #1550ad;
}
.bottom-button-container-calendar button:last-child:hover {
	background-color: #1550ad;
	color: #fbfbfb;
}
@media (hover: none) {
	.bottom-button-container-calendar button:last-child:hover {
		background-color: #fbfbfb;
		color: #1550ad;
	}
}

/* ここまで_clender.scss */
/* ここから_modal.scss
========================================================================== */
.modal {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	background-color: rgba(1, 14, 51, 0.5);
	cursor: pointer;
}

.modal-content {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 8px 16px 0 rgba(0, 0, 0, 0.17);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 6px;
	animation-name: modalopen;
	animation-duration: 0.15s;
	cursor: auto;
}

.container-calendar-modal {
	width: 85vw;
	margin: auto;
	max-width: 450px;
	padding: 16px;
	box-sizing: border-box;
}

.container-photo-modal {
	width: 85vw;
	height: auto;
	overflow: visible;
	border-radius: 6px;
	max-width: 700px;
	background-color: #0f1f38;
	box-sizing: border-box;
	padding: 8px;
}
@media screen and (min-width: 768px) {
	.container-photo-modal {
		max-width: auto;
		width: 740px;
		height: 555px;
		padding: 8px;
		box-sizing: border-box;
	}
	.container-photo-modal .modal-img-contain {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		object-fit: contain;
	}
}

@keyframes modalopen {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.modal-header h1 {
	margin: 10px 0;
}

.modalClose {
	font-size: 20px;
	position: absolute;
	top: -24px;
	right: 4px;
	color: #0f1f38;
}

.modalClose:hover {
	cursor: pointer;
}

.modal-content.modal-content-photo {
	padding: 0;
}

/* モーダルウィンドウの背景 */
.modal-ad {
	position: fixed; /* 固定位置 */
	top: 0; /* 上端から0pxの位置 */
	left: 0; /* 左端から0pxの位置 */
	width: 100%; /* 幅全体 */
	height: 100svh; /* 高さ全体 */
	background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒 */
	display: flex; /* Flexboxを使用 */
	justify-content: center; /* 中央揃え */
	align-items: center; /* 中夜揃え */
	z-index: 1000; /* 他の要素より前面に表示 */
}
.modal-ad::before {
	content: '';
	width: 100%;
	height: 100svh;
	background-color: #cad9f2;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
}
.modal-ad .modal-ad__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -1;
}

/* モーダルウィンドウの内容 */
.modal-ad__content {
	position: relative; /* 相対位置 */
	z-index: 2;
	height: 100svh;
	width: 100%;
}
.modal-ad__content .modal-ad__logo {
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.modal-ad__content .modal-ad__logo img {
	width: 50px;
	height: auto;
	padding: 16px;
	-o-object-fit: contain;
	object-fit: contain;
}
.modal-ad__content .modal-ad__heading {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.modal-ad__content .modal-ad__heading img {
	display: block;
	position: absolute;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-object-fit: contain;
	object-fit: contain;
	width: 70%;
	height: 100%;
	max-width: 330px;
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.789));
}
.modal-ad__content .modal-ad__btn-wrapper {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	text-align: center;
}
.modal-ad__content .modal-ad__btn-wrapper .modal-ad__notice {
	font-size: 16px;
	color: #fbfbfb;
	text-shadow: 0 0 2px rgba(0, 30, 81, 0.761);
	font-weight: 400;
	line-height: 1.4;
}
.modal-ad__content .modal-ad__btn-wrapper .modal-ad__btn-blue {
	display: block;
	border: 1px solid #fbfbfb;
	background-color: #fbfbfb;
	color: #0f1f38;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 0;
	margin: auto;
	margin-top: 6px;
	transition: all 0.1s;
	width: 40%;
	max-width: 180px;
	box-shadow: 0 0 4px rgba(0, 30, 81, 0.405);
	transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.modal-ad__content .modal-ad__btn-wrapper .modal-ad__btn-blue:hover {
	background-color: transparent;
	color: #fbfbfb;
	border: 1px solid #fbfbfb;
	text-shadow: 0 0 2px rgba(0, 30, 81, 0.761);
}
.modal-ad__content .modal-ad__btn-wrapper .modal-ad__btn-free {
	margin-top: 16px;
	border: none;
	background-color: transparent;
	color: #fbfbfb;
	font-size: 16px;
	font-weight: 400;
	padding: 12px 0;
	text-shadow: 0 0 2px rgba(0, 30, 81, 0.761);
	cursor: pointer;
}
.modal-ad__content .modal-ad__btn-wrapper .modal-ad__btn-free:hover span::after {
	transform: scaleX(1);
	transform-origin: left;
}
.modal-ad__content .modal-ad__btn-wrapper .modal-ad__btn-free span {
	position: relative;
	width: 100%;
}
.modal-ad__content .modal-ad__btn-wrapper .modal-ad__btn-free span::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	transform: scaleX(0);
	transform-origin: right;
	height: 1px;
	background-color: #ffffff;
	transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.blur {
	animation-name: blurAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

@keyframes blurAnime {
	from {
		filter: blur(10px);
		transform: scale(1.02);
		opacity: 0;
	}
	to {
		filter: blur(0);
		transform: scale(1);
		opacity: 1;
	}
}
.blurTrigger {
	opacity: 0;
}

/* ここまで_modal.scss
========================================================================== */
/* ここから_stats.scss
========================================================================== */
.ohtani-counter-wrapper {
	background-color: #0f1f38;
	box-shadow: 0 0 4px #b3b3b3;
	padding-top: 264px;
	padding-bottom: 40px;
	color: #fbfbfb;
	line-height: 1.2;
	font-size: 16px;
	position: relative;
}
.ohtani-counter-wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(https://digital.kyodonews.jp/ohtanitoday/images/counter_sp-min.png);
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	z-index: 1;
}
.ohtani-counter-wrapper .ohtani-counter {
	width: 90%;
	margin: auto;
}
.ohtani-counter-wrapper .ohtani-counter .ohtani-counter-heading {
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 400;
	font-size: 48px;
	letter-spacing: 0.04em;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 220px;
	left: 50%;
	transform: translate(-50%);
	z-index: 2;
}
.ohtani-counter-wrapper .ohtani-counter .ohtani-counter-notice {
	text-align: center;
	font-size: 15px;
	position: relative;
	z-index: 2;
}
.ohtani-counter-wrapper .ohtani-counter .ohtani-counter-notice span:first-child {
	padding-right: 4px;
}
.ohtani-counter-wrapper .ohtani-counter .ohtani-counter-record {
	margin-top: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 56px;
	border-bottom: 1px solid #fbfbfb;
	position: relative;
	z-index: 2;
}
.ohtani-counter-wrapper .ohtani-counter .ohtani-counter-record-heading {
	line-height: 1.2;
	max-width: 12em;
}
.ohtani-counter-wrapper .ohtani-counter .ohtani-counter-record-count {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 32px;
	font-weight: 400;
	padding-right: 10%;
}
.ohtani-counter-wrapper .year-result-heading {
	font-size: 18px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 4px;
	font-weight: 500;
	position: relative;
	z-index: 2;
}
.ohtani-counter-wrapper .year-result-box {
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
}
.ohtani-counter-wrapper .year-result-box .year-result-box-in {
	text-align: center;
}
.ohtani-counter-wrapper .year-result-box .year-result-box-in .year-result-category {
	font-size: 16px;
	margin-bottom: 8px;
}
.ohtani-counter-wrapper .year-result-box .year-result-box-in .year-result-data {
	font-size: 32px;
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 400;
	letter-spacing: 0.06em;
}
.ohtani-counter-wrapper .year-result-box .year-result-box-in-active {
	color: #ffc400;
}

.todays-result-wrapper {
	background-color: #fbfbfb;
	padding: 32px 0 32px 0;
	box-shadow: 0 0 4px #b3b3b3;
	line-height: 1.2;
	font-size: 16px;
}

.todays-result {
	width: 90%;
	margin: auto;
	background-color: #fbfbfb;
}

.tab-heading {
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	margin-bottom: 24px;
}

.scoreBox .scoreBoxIn {
	position: relative;
	height: 60px;
	border-bottom: 1px solid #acacac;
}
.scoreBox .scoreBoxIn .teamLeft {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
	font-weight: 600;
	width: 42.5%;
	text-align: center;
}
.scoreBox .scoreBoxIn .leftResult {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 32px;
	width: 42.5%;
	text-align: center;
}
.scoreBox .scoreBoxIn .gameSituation {
	position: absolute;
	top: 67%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 15%;
	text-align: center;
	font-size: 14px;
}
.scoreBox .scoreBoxIn .teamRight {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	font-weight: 600;
	width: 42.5%;
	text-align: center;
}
.scoreBox .scoreBoxIn .rightResult {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 32px;
	width: 42.5%;
	text-align: center;
}
.scoreBox .gamePlace {
	text-align: center;
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: 14px;
}

.scoreDetail {
	color: #fbfbfb;
	font-family: 'Bebas Neue', sans-serif, YakuHanJP, 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif, sans-serif;
	font-size: 16px;
	text-align: center;
	overflow-x: scroll;
	/*IE(Internet Explorer)・Microsoft Edgeへの対応*/
	-ms-overflow-style: none;
	/*Firefoxへの対応*/
	scrollbar-width: none;
	/*Google Chrome、Safariへの対応*/
}
.scoreDetail::-webkit-scrollbar {
	display: none;
}
.scoreDetail .scoreTable {
	width: 100%;
	border-collapse: collapse;
	background-color: #0f1f38;
	table-layout: fixed;
	border: 1px solid #fbfbfb;
}
.scoreDetail .scoreTable th,
.scoreDetail .scoreTable td {
	border: 1px solid #fbfbfb;
	text-align: center;
	vertical-align: middle;
	padding: 6px 4px 3px 4px;
	width: 2em;
	box-sizing: border-box;
}
.scoreDetail .scoreTable .scoreTeam {
	width: 6em;
	color: #ffc400;
}
.scoreDetail .scoreTable .headTitle {
	background-color: #0f1f38;
}
.scoreDetail .scoreTable thead {
	color: #ffc400;
}
.scoreDetail .scoreTable thead .scoreSum {
	font-size: 15px;
	white-space: nowrap;
}
.scoreDetail .scoreTable tbody .scoreTeam {
	font-size: 15px;
}
.scoreDetail .scoreTable tbody .inning {
	white-space: nowrap;
}
.scoreDetail .scoreTable tbody .scoreSum {
	white-space: nowrap;
}

.detailDescription .detailDescription .detailDescription .title {
	margin-top: 16px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	padding: 8px 0;
	background-color: #f0f0f2;
	box-sizing: border-box;
	border: 1px solid #acacac;
	border-bottom: none;
}
.detailDescription .detailDescription .detailDescription .detailTable {
	background-color: #fbfbfb;
	border: 1px solid #acacac;
	border-collapse: collapse;
	line-height: 1.6;
}
.detailDescription .detailDescription .detailDescription .detailTable tbody tr {
	border: 1px solid #acacac;
	border-collapse: collapse;
}
.detailDescription .detailDescription .detailDescription .detailTable tbody tr th {
	width: 30%;
	padding: 8px;
	border-right: 1px solid #acacac;
	box-sizing: border-box;
}
.detailDescription .detailDescription .detailDescription .detailTable tbody tr td {
	width: 70%;
	padding: 8px;
}
.detailDescription .detailDescription .detailDescription:nth-child(1) .title {
	border: 1px solid #acacac;
	border-bottom: none;
}
.detailDescription .detailDescription .detailDescription:nth-child(2) .title {
	border: 1px solid #acacac;
}

.table_player {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0;
	margin-bottom: 16px;
	margin-top: 16px;
	box-sizing: border-box;
	border: 1px solid #acacac;
}
.table_player thead .tr_dageki .th_playername {
	background-color: #f0f0f2;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	padding: 8px 0;
	width: 100%;
}
.table_player thead .MLB_KMKdXBSContentv12 th {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	padding: 8px 0;
	border: 1px solid #acacac;
	padding: 8px; /* 内側の余白を設定 */
}
.table_player thead .tr_result_period .td_result_period {
	background-color: #f0f0f2;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	padding: 8px 0;
	width: 100%;
}
.table_player tbody .tr_daseki_result td {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	border: 1px solid #acacac;
	padding: 8px; /* 内側の余白を設定 */
}

.table_player th,
td {
	text-align: center;
	vertical-align: middle;
}

.table_standing {
	width: 100%;
	border-spacing: 0;
	margin-bottom: 16px;
	margin-top: 16px;
}
.table_standing tbody .tr_standing .td_city {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	padding: 8px 0;
	background-color: #f0f0f2;
	box-sizing: border-box;
	border: 1px solid #acacac;
}
.table_standing tbody .tr_state .td_state {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	padding: 8px 0;
	background-color: #f0f0f2;
	box-sizing: border-box;
	border: 1px solid #acacac;
	border-top: none;
}

.table_result_standing {
	border-spacing: 0;
	width: 100%; /* テーブルの幅を親要素に合わせる */
	table-layout: fixed; /* 列幅を固定 */
	border-collapse: collapse;
}
.table_result_standing td {
	width: 33.33%; /* 3つのtd要素があるため、それぞれの幅を33.33%に設定 */
	text-align: center; /* テキストを中央揃えにする */
	border: 1px solid #ccc; /* 見た目を整えるために軽い境界線を追加 */
	padding: 8px; /* 内側の余白を設定 */
}

.div_ikkyu {
	margin-top: 16px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	padding: 8px 0;
	background-color: #f0f0f2;
	box-sizing: border-box;
	border: 1px solid #acacac;
	border-bottom: none;
}

.table_pbyp {
	width: 100%;
	margin: auto;
	border-spacing: 0;
	border: 1px solid #acacac;
	border-top: 0;
}
.table_pbyp .tr_inning .th_total {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding: 8px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #acacac;
	border-top: 1px solid #acacac;
}
.table_pbyp .tr_player .th_result .span_period {
	display: block;
	padding: 8px 0;
	text-align: center;
}
.table_pbyp .tr_ikyugoto .td_ikyugoto {
	padding-bottom: 16px;
	font-weight: 400;
	text-align: center;
}

.noticetext {
	font-size: 14px;
	font-weight: 400;
	margin-top: 8px;
}

/* ここまで_stats.scss
========================================================================== */
body .register {
	position: relative;
	font-family: YakuHanJP, 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #0f1f38;
}

.register__logo {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 50px;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	z-index: 100;
}

.registar__first-view {
	overflow: hidden;
}

.register__heading-copy {
	font-size: 16px;
	text-align: center;
	margin-bottom: 8px;
}

.register__heading-title {
	width: 50vw;
}

.registar__first-view-wrapper-top {
	background-color: #fff;
	height: 208px;
	width: 100%;
	position: relative;
}

.register__heading {
	text-align: center;
	position: absolute;
	top: 70px;
	left: 5vw;
}

.registar__first-view-wrapper-bottom {
	height: auto;
	background-color: #d1dcef;
	position: relative;
	/* add */
	padding-top: 20px;
}

.registar__first-view-img-back-wrapper {
	height: 146px;
	width: auto;
	padding-top: 10px;
	padding-bottom: 16px;
	position: relative;
}
.registar__first-view-img-back-wrapper .registar__first-view-img-back {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	transform-origin: center;
	height: 146px;
	width: auto;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.registar__first-view-img-front {
	position: absolute;
	top: -125%;
	right: 5vw;
	width: auto;
	height: 255px;
	@media (min-width: 768px){
		top: -60%;
		height: 300px;
	}
}

.resister__cta-btn-wrapper {
	width: 90%;
	margin: auto;
	padding-bottom: 16px;
}

.resister__cta-btn {
	background-color: #0f1f38;
	border-radius: 4px;
	display: block;
	color: #fff;
	line-height: 78px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	box-shadow: 0 0 12px rgba(0, 30, 81, 0.405);
	transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.resister__cta-btn:hover {
	background-color: #1550ad;
}
@media (hover: none) {
	.resister__cta-btn:hover {
		background-color: #0f1f38;
	}
}

.resister__cta-btn-notice {
	font-size: 13px;
	margin: auto;
	text-align: center;
	margin-top: 8px;
	width: 90%;
	line-height: 1.4;
}

.br_ctabtn_notice {
	display: none;
}

/* explanation
======================================*/
.registar__explanation {
	background: linear-gradient(to bottom, #1550ad, #0f1f38);
	position: relative;
	padding-bottom: 200px;
	overflow: hidden;
}

.register__explanation-copy {
	font-size: 24px;
	padding-top: 56px;
	font-weight: 600;
	padding-bottom: 40px;
	text-align: center;
	color: #fbfbfb;
	line-height: 1;
	position: relative;
}
.register__explanation-copy::after {
	content: url(../svg/heading_title_ad-white.svg);
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translateX(-50%);
	width: 95%;
	opacity: 0.1;
}

.register__explanation--paragraph {
	width: 90%;
	margin: auto;
	font-size: 15px;
	color: #fbfbfb;
	line-height: 1.8;
	text-align: justify;
	padding-bottom: 32px;
}

.register__explanation--wrapper {
	width: 90%;
	margin: auto;
	color: #fbfbfb;
	text-align: center;
	padding: 32px 0;
	position: relative;
}
.register__explanation--wrapper .register__explanation-h2 {
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 16px;
	text-align: center;
	line-height: 1;
}
.register__explanation--wrapper .register__explanation--paragraph-small {
	font-size: 14px;
	line-height: 1.8;
	text-align: justify;
}
.register__explanation--wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 1px;
	width: 50px;
	background-color: #fbfbfb;
}
.register__explanation--wrapper::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 1px;
	width: 50px;
	background-color: #fbfbfb;
}

.register__explanation--list {
	color: #fbfbfb;
	padding-top: 32px;
	width: 278px;
	margin: auto;
}
.register__explanation--list .register__explanation--list-h2 {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 24px;
	text-align: center;
	line-height: 1;
}
.register__explanation--list ul li {
	font-size: 16px;
	margin-bottom: 16px;
	padding-left: 20px;
	position: relative;
}
.register__explanation--list ul li::before {
	content: '';
	background-color: #fbfbfb;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.register__explanation--list ul li:last-child {
	margin-bottom: 0;
}

.registar__explanation-img-back {
	height: 146px;
	width: auto;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	transform-origin: center;
}

/* features
======================================*/
.registar__features {
	background-color: #0f1f38;
	padding-bottom: 56px;
}

.registar__section-title {
	font-size: 24px;
	padding-top: 56px;
	font-weight: 600;
	padding-bottom: 40px;
	text-align: center;
	color: #fbfbfb;
	line-height: 1;
	position: relative;
}

/* コンテナのスタイル */
.register_card--wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around; /* 余白を均等に配分 */
	gap: 16px; /* カード間の間隔 */
	width: 90%;
	margin: auto;
}

/* カードの基本スタイル */
.register_card {
	flex-basis: calc(50% - 8px); /* 2列になるように計算 (20pxはgapのサイズ) */
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 4px;
}
.register_card h3 {
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
}
.register_card h3 span {
	color: #1550ad;
}
.register_card .register_card__img {
	margin-top: 8px;
	margin-bottom: 8px;
	width: 100%;
	height: 95px;
	background-color: #cccccc;
}
.register_card p {
	font-size: 13px;
	line-height: 1.5;
	text-align: justify;
}

.registar__section-title-black {
	color: #0f1f38;
}

.registar__conversion-area_img {
	width: 70%;
	margin: auto;
	margin-bottom: 24px;
}

.registar__conversion-area_paragraph {
	width: 90%;
	margin: auto;
	font-size: 15px;
	line-height: 1.8;
	text-align: justify;
	padding-bottom: 48px;
}

.registar__conversion-area {
	padding-bottom: 56px;
}

.registar__conversion-area h2 {
	text-align: center;
	margin-bottom: 24px;
}
.registar__conversion-area h2 p {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
}
.registar__conversion-area h2 span {
	display: block;
	font-size: 13px;
	font-weight: 400;
}

.banner-list {
	width: 90%;
	margin: auto;
}

.banner-list__img {
	border: 1px solid #b1b6bc;
	margin-bottom: 16px;
	transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.banner-list__img:last-child {
	margin-bottom: 0;
}
.banner-list__img:hover {
	opacity: 0.6;
	border: 1px solid #1550ad;
}
@media (hover: none) {
	.banner-list__img:hover {
		opacity: 1;
	}
}

/* QandA
======================================*/
.registar__qa {
	background-color: #f0f0f2;
	padding-bottom: 56px;
}

.register__accordion--wrapper {
	width: 90%;
	margin: auto;
	text-align: left;
	padding-bottom: 24px;
}

.register__accordion {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #b1b6bc;
}
.register__accordion dt {
	border-top: 1px solid #b1b6bc;
	padding-top: 16px;
}
.register__accordion dd {
	padding-bottom: 16px;
	margin: 0;
	border: none;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	padding-left: 24px;
	padding-top: 16px;
	text-align: justify;
	position: relative;
}
.register__accordion dd .register__accordion-text::before {
	content: 'A';
	position: absolute;
	left: 0;
	font-family: 'Montserrat', sans-serif;
	color: #898c91;
	font-weight: bold;
}

.register__accordion-title button {
	border: none;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	padding-left: 24px;
	padding-right: 40px;
	width: 100%;
	text-align: justify;
	position: relative;
	box-sizing: border-box;
	background-color: #f0f0f2;
	cursor: pointer;
}
.register__accordion-title button:hover {
	color: #1550ad;
}
@media (hover: none) {
	.register__accordion-title button:hover {
		color: #0f1f38;
	}
}
.register__accordion-title button::before {
	content: 'Q';
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Montserrat', sans-serif;
	color: #1550ad;
	font-weight: bold;
}
.register__accordion-title button::after {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/cursor_gray.svg);
	position: absolute;
	width: 16px;
	height: 16px;
	top: 4px;
	right: 8px;
	transform: rotate(90deg);
	font-family: 'Montserrat', sans-serif;
	color: #1550ad;
	font-weight: bold;
	transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.register__accordion-title .register__accordion-btn {
	padding-bottom: 16px;
}
.register__accordion-title .register__accordion-btn--active {
	padding-bottom: 0;
}
.register__accordion-title .register__accordion-btn--active::after {
	transform: rotate(-90deg);
	right: 10px;
}

.register__accordion-body {
	display: none;
}

.register__accordion-body--active {
	display: block;
}

.registar__caution {
	padding-bottom: 56px;
}
.registar__caution ul {
	width: 90%;
	margin: auto;
	padding: 0;
}
.registar__caution ul li {
	font-size: 14px;
	line-height: 1.4;
	padding-left: 20px;
	padding-right: 10px;
	margin-bottom: 16px;
	text-align: justify;
	position: relative;
}
.registar__caution ul li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 8px;
}

.footer-wrapper-top {
	background-color: #d1dcef;
	padding: 56px 0 24px 0;
}

.footer-wrapper-bottom {
	background-color: #f0f0f2;
}
.footer-wrapper-bottom ul {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	justify-content: center;
}
.footer-wrapper-bottom ul li {
	padding: 10px;
}
.footer-wrapper-bottom .register__copyright {
	font-size: 10px;
	text-align: center;
	display: block;
	padding-bottom: 8px;
}

.resister__btn-tosite {
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 24px;
}
.resister__btn-tosite:hover span::after {
	transform: scaleX(1);
	transform-origin: left;
}
.resister__btn-tosite span {
	position: relative;
	width: 100%;
}
.resister__btn-tosite span::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	transform: scaleX(0);
	transform-origin: right;
	height: 1px;
	background-color: #0f1f38;
	transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/* 600px以上
========================================================================================*/
@media screen and (min-width: 390px) {
	.br_ctabtn_notice {
		display: block;
	}
}
@media screen and (min-width: 600px) {
	.resister__cta-btn-wrapper {
		width: 418px;
	}
	.registar__first-view-wrapper-top {
		height: 250px;
	}
	.br-register {
		display: none;
	}
	.register__heading {
		top: 100px;
		left: 10vw;
	}
	.registar__first-view-img-front {
		height: 340px;
		width: auto;
		position: absolute;
		top: -70%;
		right: 10vw;
	}
	.banner-list {
		width: 90%;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around; /* 余白を均等に配分 */
		gap: 16px; /* カード間の間隔 */
	}
	.banner-list__img {
		flex-basis: calc(50% - 16px);
		border: 1px solid #b1b6bc;
		margin-bottom: 0;
	}
}
@media screen and (min-width: 768px) {
	body.register {
		min-width: 768px;
	}
	.register__heading {
		top: 75px;
		left: 18vw;
	}
	.register__heading-title {
		width: 40vw;
	}
	.register__heading-copy {
		margin-bottom: 16px;
	}
	.resister__cta-btn-wrapper {
		width: 60%;
		max-width: 418px;
	}
	.registar__first-view-img-front {
		height: 400px;
		width: auto;
		position: absolute;
		top: -58%;
		right: 15vw;
	}
	.registar__first-view-img-back-wrapper {
		height: 220px;
		width: auto;
		padding-top: 10px;
		padding-bottom: 16px;
		position: relative;
	}
	.registar__first-view-img-back-wrapper .registar__first-view-img-back {
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		transform-origin: center;
		height: 200px;
		width: auto;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
	}
	.register__explanation--paragraph {
		width: 60%;
	}
	.register__explanation--wrapper {
		width: 60%;
	}
	.registar__explanation-img-back {
		height: 200px;
	}
	.registar__explanation {
		padding-bottom: 264px;
	}
	.register_card--wrapper {
		width: 80%;
	}
	.registar__conversion-area_img {
		width: 50%;
	}
	.registar__conversion-area_paragraph {
		width: 60%;
	}
	.banner-list {
		width: 60%;
	}
	.register__accordion--wrapper {
		width: 60%;
	}
	.registar__caution ul {
		width: 60%;
	}
}
@media screen and (min-width: 1100px) {
	.register__heading {
		top: 60px;
		left: 20vw;
	}
	.register__heading-title {
		width: 40vw;
		max-width: 420px;
	}
	.register__heading-copy {
		margin-bottom: 16px;
		font-size: 24px;
	}
	.resister__cta-btn-wrapper {
		width: 418px;
		margin: 0 auto 0 20vw;
	}
	.registar__first-view-img-front {
		height: 550px;
		top: -53%;
		/* add */
		top: -135%;
		left: calc(50% + 155px);
		z-index: 10;
		height: 470px;
		transform: rotate(7deg);
	}
	.register__explanation-copy {
		font-size: 32px;
	}
	.register__explanation--paragraph {
		width: 50%;
		max-width: 600px;
	}
	.register__explanation--wrapper {
		width: 50%;
		max-width: 600px;
	}
	.registar__explanation-img-back {
		height: 200px;
	}
	.registar__explanation {
		padding-bottom: 264px;
	}
	.register_card--wrapper {
		width: 60%;
		max-width: 600px;
	}
	.registar__conversion-area_img {
		width: 40%;
		max-width: 400px;
	}
	.registar__conversion-area_paragraph {
		width: 50%;
		max-width: 500px;
	}
	.banner-list {
		width: 60%;
		max-width: 600px;
	}
	.register__accordion--wrapper {
		width: 60%;
		max-width: 600px;
	}
	.registar__caution ul {
		width: 60%;
		max-width: 600px;
	}
	.resister__cta-btn-wrapper-950px {
		margin: auto;
	}
}
@media screen and (min-width: 1366px) {
	.register__explanation-copy {
		font-size: 40px;
	}
	.register__heading {
		top: 60px;
		left: 22vw;
	}
	.resister__cta-btn-wrapper {
		width: 418px;
		margin: 0 auto 0 22vw;
	}
	.registar__first-view-img-front {
		right: 20vw;
	}
	.resister__cta-btn-wrapper-950px {
		margin: auto;
	}
	.registar__section-title {
		font-size: 32px;
	}
	.resister__cta-btn {
		font-size: 24px;
	}
	.registar__conversion-area h2 p {
		font-size: 24px;
	}
}
@media screen and (min-width: 1500px) {
	.register__heading {
		top: 60px;
		left: 25vw;
	}
	.resister__cta-btn-wrapper {
		width: 418px;
		margin: 0 auto 0 25vw;
	}
	.registar__first-view-img-front {
		right: 22vw;
	}
	.resister__cta-btn-wrapper-950px {
		margin: auto;
	}
}
@media screen and (min-width: 1800px) {
	.register__heading {
		top: 60px;
		left: 28vw;
	}
	.resister__cta-btn-wrapper {
		width: 418px;
		margin: 0 auto 0 28vw;
	}
	.registar__first-view-img-front {
		right: 25vw;
	}
	.resister__cta-btn-wrapper-950px {
		margin: auto;
	}
}
/* ここからstyle.scss
========================================================================== */
/* サイトの初期設定
======================================*/
body {
	font-family: YakuHanJP, 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #0f1f38;
	letter-spacing: 0.04em;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
p {
	margin: 0;
}

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

a {
	color: #0f1f38;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:focus {
	outline: none;
}

/*========= ローディング画面のためのCSS ===============*/
#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999;
	text-align: center;
	color: #fff;
}

#splash-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.splash-logo__img {
	width: 100vw;
}
.splash-logo__img img {
	-o-object-fit: contain;
	object-fit: contain;
	width: 70%;
	height: 100%;
	max-width: 330px;
}

.column-wrapper {
	display: flex;
	height: 100svh;
}

.left-column {
	display: none;
}
@media screen and (min-width: 769px) {
	.left-column {
		display: block;
		flex: 1; /* 残りのスペースを全て使う */
		position: relative;
		overflow: hidden;
	}
	.left-column::before {
		content: '';
		width: 100%;
		height: 100vh;
		background-color: #9faec6;
		mix-blend-mode: multiply;
		position: absolute;
		top: 0;
		left: 0;
	}
}

.left-column__video {
	position: absolute; /* .left-column内で自由に動かせるようにする */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover; /* 動画が要素全体にフィットするように調整 */
	z-index: -1; /* 他のコンテンツより背後に配置 */
}

.left-column__logo {
	position: absolute;
	top: 24px;
	left: 24px;
	width: 8%;
	max-width: 56px;
}

.left-column__content {
	position: absolute;
	width: 40%;
	top: 64%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	filter: blur(8px);
	transition: 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.left-column__content .left-column__inner {
	position: relative;
	width: 100%;
	height: auto;
}
.left-column__content .left-column__inner .left-column__heading img {
	width: 100%;
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.789));
}
.left-column__content .left-column__inner .left-column__btn-wrapper {
	text-align: center;
	width: 100%;
	margin-top: 11%;
}
.left-column__content .left-column__inner .left-column__notice {
	font-size: 15px;
	color: #fbfbfb;
	text-shadow: 0 0 4px rgba(0, 30, 81, 0.761);
	font-weight: 500;
}
.left-column__content .left-column__inner .left-column__btn-blue {
	display: inline-block;
	border: 1px solid #fbfbfb;
	background-color: #fbfbfb;
	color: #0f1f38;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 0;
	margin: auto;
	margin-top: 8px;
	transition: all 0.1s;
	width: 40%;
	max-width: 180px;
	min-width: 160px;
	box-shadow: 0 0 4px rgba(0, 30, 81, 0.405);
	transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.left-column__content .left-column__inner .left-column__btn-blue:hover {
	background-color: transparent;
	color: #fbfbfb;
	border: 1px solid #fbfbfb;
}

.left-column__content__active {
	opacity: 1;
	filter: blur(0);
	top: 54%;
}

.left-column__navigation {
	position: absolute;
	bottom: 24px;
	right: 24px;
	width: auto;
}
.left-column__navigation .left-column__navigation-list {
	margin-top: 10px;
	padding: 6px 0;
	text-align: right;
}
.left-column__navigation .left-column__navigation-list:hover .left-column__navigation-list-en span::after {
	transform: scaleX(1);
	transform-origin: left;
}
.left-column__navigation .left-column__navigation-list .left-column__navigation-list-en {
	font-size: 16px;
	margin-bottom: 0.3em;
	line-height: 1;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color: #fbfbfb;
	text-shadow: 0 0 2px rgba(0, 30, 81, 0.761);
	letter-spacing: 0.05em;
}
.left-column__navigation .left-column__navigation-list .left-column__navigation-list-en span {
	position: relative;
	width: 100%;
}
.left-column__navigation .left-column__navigation-list .left-column__navigation-list-en span::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	transform: scaleX(0);
	transform-origin: right;
	height: 1px;
	background-color: #ffffff;
	transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.left-column__navigation .left-column__navigation-list .left-column__navigation-list-ja {
	font-size: 14px;
	line-height: 1;
	color: #fbfbfb;
	font-weight: 500;
	text-shadow: 0 0 2px rgba(0, 30, 81, 0.761);
}
.left-column__navigation .left-column__navigation-list .nav-small-en {
	font-size: 15px;
}
.left-column__navigation .left-column__navigation-list .nav-small-ja {
	font-size: 13px;
}

.left-column__copyright {
	font-size: 10px;
	line-height: 1;
	font-family: 'Montserrat', sans-serif;
	color: #fbfbfb;
	font-weight: 500;
	text-shadow: 0 0 2px rgba(0, 30, 81, 0.761);
	position: absolute;
	bottom: 16px;
	left: 16px;
}

.right-column {
	font-family: YakuHanJP, 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 16px;
	letter-spacing: 0.02em;
	background-color: #fbfbfb;
	color: #0f1f38;
	width: 100%;
}
@media screen and (min-width: 769px) {
	.right-column {
		flex: 0 0 30%; /* 基本的に30%の幅 */
		min-width: 375px; /* 最小幅を375pxに設定 */
		overflow-x: hidden;
	}
}

/* コンテンツ幅
======================================*/
.global_inner {
	position: relative;
	background-color: #f0f0f2;
	overflow: hidden;
}

/* トップイメージ
======================================*/
.topimg {
	position: relative;
	background-color: #1550ad;
}

/* 日付変更機能
======================================*/
.schedule_nav {
	height: 48px;
	width: 90%;
	border-radius: 999px;
	background-color: #fbfbfb;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
}
.schedule_nav .sche_nav_l {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 48px);
}
.schedule_nav .sche_nav_l .cursor {
	height: 40px;
	width: 40px;
	border: none;
	background-color: #fbfbfb;
	border-radius: 999px;
	position: relative;
	cursor: pointer;
	transition: all 0.1s;
}
.schedule_nav .sche_nav_l .cursor:hover .cursor_l_img {
	opacity: 0.5;
}
.schedule_nav .sche_nav_l .cursor:hover .cursor_r_img {
	opacity: 0.5;
}
.schedule_nav .sche_nav_l .cursor img {
	width: 8px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.schedule_nav .sche_nav_l .cursor .cursor_l_img {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(180deg);
}
.schedule_nav .sche_nav_l .cursor .cursor_r_img {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.schedule_nav .sche_nav_l .cursor_l {
	padding-right: 40px;
}
.schedule_nav .sche_nav_l .cursor_r {
	padding-left: 48px;
}
.schedule_nav .sche_nav_l .date {
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	line-height: 48px;
	color: #001c69;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.schedule_nav .sche_nav_l .date span {
	font-size: 55%;
	padding: 0 2px;
	font-family: YakuHanJP, 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: 400;
	display: block;
	line-height: 1;
}
.schedule_nav .calendar {
	height: 48px;
	width: 54px;
	background-color: #fbfbfb;
	border-radius: 999px;
	border: none;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.1s;
}
.schedule_nav .calendar:hover img {
	opacity: 0.5;
}
.schedule_nav .calendar img {
	height: 21px;
	width: 21px;
}

.tabcontent-text {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	font-size: 15px;
}

/* タブ切り替えボタン
======================================*/
.btn-wrapper {
	text-align: center;
}

.tab-navigation__inner {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: center;
}

.tab-navigation__item {
	width: 33.3333333333%;
	box-sizing: border-box;
}
.tab-navigation__item:nth-child(2) {
	border-left: 1px solid #001c69;
	border-right: 1px solid #001c69;
}
.tab-navigation__item .tab-navigation__link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	background-color: #1550ad;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color: #fbfbfb;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.tab-navigation__item .tab-navigation__link span {
	display: inline-block;
	padding: 3px 0;
	position: relative;
	opacity: 0.6;
	transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.tab-navigation__item .tab-navigation__link--active {
	background-color: #001c69;
}
.tab-navigation__item .tab-navigation__link--active span {
	display: inline-block;
	opacity: 1;
}
.tab-navigation__item .tab-navigation__link:hover span {
	display: inline-block;
	opacity: 1;
}

/* 当日の写真ギャラリー
======================================*/
.photolist {
	background-color: #fbfbfb;
	box-shadow: 0 0 4px #b3b3b3;
}
.photolist li {
	overflow: hidden;
	position: relative;
	cursor: pointer;
	height: 100vh;
	width: auto;
}
.photolist li:before {
	content: '';
	display: block;
	background: linear-gradient(to top, #b8b8b8, #ffffff);
	mix-blend-mode: multiply;
	position: absolute;
	height: 32px;
	width: 100%;
	bottom: 0;
	z-index: 1;
}
.photolist li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.photolist li:last-child::before {
	display: none;
}

/* 当日の大谷関連ニュースページ
======================================*/
ul li:last-child .card-ohtanitoday {
	margin-bottom: 0;
}

.card-ohtanitoday {
	background-color: #fbfbfb;
	box-shadow: 0 0 4px #b3b3b3;
	overflow: hidden;
	padding-bottom: 24px;
	margin-bottom: 24px;
	text-align: center;
}
.card-ohtanitoday .img_card-ohtanitoday {
	width: 100%;
	height: auto;
	background-color: #0f1f38;
	position: relative;
}
.card-ohtanitoday .heading-card-ohtanitoday {
	padding: 16px 5%;
	line-height: 1.6;
	font-size: 20px;
	text-align: left;
	font-weight: 600;
	transition: all 0.2s;
}
.card-ohtanitoday .time-card-ohtanitoday {
	margin: 0 16px 16px 5%;
	text-align: left;
	font-size: 14px;
	opacity: 0.7;
}
.card-ohtanitoday .time-card-ohtanitoday span {
	display: inline-block;
	padding-left: 20px;
	position: relative;
	font-family: 'Montserrat', sans-serif;
}
.card-ohtanitoday .time-card-ohtanitoday span::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/time.svg);
	background-position: center;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 42%;
	left: 0;
	transform: translateY(-50%);
	opacity: 0.8;
}
.card-ohtanitoday .morebtn_card-mlbnews {
	display: inline-block;
	border: 1px solid #1550ad;
	background-color: #fbfbfb;
	color: #1550ad;
	border-radius: 999px;
	font-size: 16px;
	padding: 8px 24px;
	margin: auto;
	margin-top: 24px;
	transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	cursor: pointer;
}
.card-ohtanitoday .morebtn_card-mlbnews:hover {
	background-color: #1550ad;
	color: #fbfbfb;
}
@media (hover: none) {
	.card-ohtanitoday .morebtn_card-mlbnews:hover {
		border: 1px solid #1550ad;
		background-color: #fbfbfb;
		color: #1550ad;
	}
}
.card-ohtanitoday .caption-card-ohtanitoday {
	font-size: 14px;
	opacity: 0.6;
	padding: 4px 0;
	-moz-text-align-last: left;
	text-align-last: left;
	line-height: 1.2;
	font-weight: 400;
}
.card-ohtanitoday .article-inner {
	width: 90%;
	margin: auto;
}
.card-ohtanitoday .article-inner .article {
	text-align: justify;
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.7;
}
.card-ohtanitoday .article-photo-inner {
	margin: 0 5%;
}

/* mlbnews
======================================*/
.mlbnews-header {
	background-color: #1550ad;
	margin-top: 40px;
	position: relative;
}
.mlbnews-header .mlbnews-header__txt {
	position: absolute;
	top: 50%;
	left: 70%;
	transform: translate(-50%, -50%);
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #fbfbfb;
}

.mlbnews {
	width: 80%;
	margin: auto;
	margin-top: 32px;
	text-align: left;
}
.mlbnews .category-mlbnews {
	font-size: 16px;
	margin-bottom: 16px;
	margin-top: 16px;
}
.mlbnews .margin_category-mlbnews {
	margin-top: 24px;
}

.card-mlbnews {
	background-color: #fbfbfb;
	box-shadow: 0 0 4px #b3b3b3;
	border-radius: 6px;
	overflow: hidden;
}
.card-mlbnews:hover {
	background-color: #f7f7f9;
}
.card-mlbnews:hover .heading-card-mlbnews {
	color: #1550ad;
}
.card-mlbnews:hover .img_card-mlbnews img {
	transform: scale(1.03);
}
.card-mlbnews .img_card-mlbnews {
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%;
	background-color: #797979;
	position: relative;
	transition: all 0.1s;
}
.card-mlbnews .img_card-mlbnews img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all 1s;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card-mlbnews .heading-card-mlbnews {
	padding: 16px;
	line-height: 1.6;
	font-size: 20px;
	text-align: left;
	font-weight: 600;
	transition: all 0.2s;
}
.card-mlbnews .time-card-mlbnews {
	margin: 0 16px 16px 16px;
	text-align: left;
	font-size: 14px;
	opacity: 0.7;
}
.card-mlbnews .time-card-mlbnews span {
	display: inline-block;
	padding-left: 20px;
	position: relative;
	font-family: 'Montserrat', sans-serif;
}
.card-mlbnews .time-card-mlbnews span::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/time.svg);
	background-position: center;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	opacity: 0.8;
}

.league .li_league {
	border-top: 1px solid #b3b3b3;
	transition: all 0.1s;
}
.league .li_league:hover a .player-box .facephoto img {
	transform: translate(-50%, -50%) scale(1.05);
}
.league .li_league:hover a .info-box {
	color: #1550ad;
}
.league .li_league a {
	display: block;
}
.league .li_league a .player-box {
	display: flex;
	justify-content: space-between;
}
.league .li_league a .player-box .facephoto {
	width: 80px;
	height: 80px;
	background-color: #f0f0f2;
	margin: 10px 10px 10px 0;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
}
.league .li_league a .player-box .facephoto img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all 1s;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.league .li_league a .info-box {
	margin: 10px 0 10px 10px;
	position: relative;
	width: calc(100% - 90px);
	transition: all 0.1s;
}
.league .li_league a .info-box::before {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 32px;
	height: auto;
	display: block;
	background-position: center;
	-o-object-fit: contain;
	object-fit: contain;
}
.league .li_league a .info-box .uni-posi {
	display: flex;
	align-items: center;
	position: absolute;
	top: -3px;
	left: 0;
}
.league .li_league a .info-box .uni-posi .uniform-number {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	padding-left: 2px;
}
.league .li_league a .info-box .uni-posi .player-position {
	font-size: 15px;
	padding-left: 8px;
}
.league .li_league a .info-box .player-name {
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.league .li_league a .info-box .player-team {
	display: block;
	font-size: 12px;
	position: absolute;
	bottom: 3px;
	left: 0;
	line-height: 1.2;
}
.league .li_league a .team-redsox::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/redsox.svg);
}
.league .li_league a .team-bluejays::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/bluejays.svg);
}
.league .li_league a .team-tigers::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/tigers.svg);
}
.league .li_league a .team-mets::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/mets.svg);
}
.league .li_league a .team-cubs::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/cubs.svg);
}
.league .li_league a .team-dodgers::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/dodgers.svg);
}
.league .li_league a .team-padres::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/padres.svg);
}

/* x宣伝用バナー（仮）
======================================*/
.x-banner {
	display: block;
	background-color: #001c69;
	height: auto;
	width: 80%;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	overflow: hidden;
}

/* コンテンツ説明
======================================*/
.info_content_footer {
	background-color: #0f1f38;
}
.info_content_footer .info_content_footer__inner {
	width: 80%;
	margin: auto;
	padding-top: 32px;
	padding-bottom: 100px;
	text-align: center;
	color: #fbfbfb;
}
@media screen and (min-width: 769px) {
	.info_content_footer .info_content_footer__inner {
		padding-bottom: 32px;
	}
}
.info_content_footer .info_content_footer__inner .heading_content_footer {
	font-size: 16px;
	margin-bottom: 16px;
	text-align: center;
}
.info_content_footer .info_content_footer__inner .p_content_footer {
	font-size: 15px;
	line-height: 1.8;
	text-align: justify;
}

/* ボタンのモジュール
======================================*/
.btn-blue {
	display: inline-block;
	border: 1px solid #1550ad;
	background-color: #fbfbfb;
	color: #1550ad;
	border-radius: 999px;
	font-size: 16px;
	padding: 12px 24px;
	margin: auto;
	margin-top: 32px;
	transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	cursor: pointer;
}
.btn-blue:hover {
	background-color: #1550ad;
	color: #fbfbfb;
}

.btn-black {
	display: inline-block;
	border: 1px solid #0f1f38;
	background-color: #fbfbfb;
	color: #0f1f38;
	font-weight: 600;
	border-radius: 999px;
	font-size: 16px;
	padding: 12px 24px;
	margin: auto;
	margin-top: 32px;
	transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-black:hover {
	background-color: #0f1f38;
	color: #fbfbfb;
	border: 1px solid #fbfbfb;
}

@media (hover: none) {
	.btn-blue:hover {
		background-color: #fbfbfb;
		color: #1550ad;
	}
	.btn-black:hover {
		border: 1px solid #0f1f38;
		background-color: #fbfbfb;
		color: #0f1f38;
	}
}
/* ニュースフィードとパンクズリスト
======================================*/
.newsfeed {
	margin-top: 24px;
}

.pankuzu {
	margin-top: 16px;
	margin-left: 5%;
	font-size: 16px;
	font-weight: 400;
}
.pankuzu span {
	display: inline-block;
	padding-right: 12px;
	position: relative;
}
.pankuzu span::before {
	content: '>';
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
}
.pankuzu span a {
	color: #1550ad;
}
.pankuzu span:last-child::before {
	opacity: 0;
}

.player-description-wrapper {
	width: 85%;
	margin: auto;
	margin-top: 24px;
}
.player-description-wrapper .li_league {
	transition: all 0.1s;
}
.player-description-wrapper .li_league .player-box {
	display: flex;
	justify-content: space-between;
}
.player-description-wrapper .li_league .player-box .facephoto {
	width: 80px;
	height: 80px;
	margin: 10px 10px 10px 0;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
}
.player-description-wrapper .li_league .player-box .facephoto img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all 1s;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.player-description-wrapper .li_league .player-box .info-box {
	margin: 10px 0 10px 10px;
	position: relative;
	width: calc(100% - 90px);
	transition: all 0.1s;
}
.player-description-wrapper .li_league .player-box .info-box::before {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 32px;
	height: auto;
	display: block;
	background-position: center;
	-o-object-fit: contain;
	object-fit: contain;
}
.player-description-wrapper .li_league .player-box .info-box .uni-posi {
	display: flex;
	align-items: center;
	position: absolute;
	top: -3px;
	left: 0;
}
.player-description-wrapper .li_league .player-box .info-box .uni-posi .uniform-number {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	padding-left: 2px;
}
.player-description-wrapper .li_league .player-box .info-box .uni-posi .player-position {
	font-size: 15px;
	padding-left: 8px;
}
.player-description-wrapper .li_league .player-box .info-box .player-name {
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.player-description-wrapper .li_league .player-box .info-box .player-team {
	display: block;
	font-size: 12px;
	position: absolute;
	bottom: 3px;
	left: 0;
	line-height: 1.2;
}
.player-description-wrapper .li_league .player-box .team-redsox::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/redsox.svg);
}
.player-description-wrapper .li_league .player-box .team-bluejays::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/bluejays.svg);
}
.player-description-wrapper .li_league .player-box .team-tigers::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/tigers.svg);
}
.player-description-wrapper .li_league .player-box .team-mets::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/mets.svg);
}
.player-description-wrapper .li_league .player-box .team-cubs::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/cubs.svg);
}
.player-description-wrapper .li_league .player-box .team-dodgers::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/dodgers.svg);
}
.player-description-wrapper .li_league .player-box .team-padres::before {
	content: url(https://digital.kyodonews.jp/ohtanitoday/svg/padres.svg);
}

/* ライブ時に表示する３点リーダ
======================================*/
.live-photo {
	text-align: center;
	margin-bottom: 16px;
}

.leader {
	height: 8px;
	width: 48px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}
.leader .leader-circle {
	background-color: #1550ad;
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	animation: anim-leader 0.9s ease infinite;
}

.leader .leader-circle.leader-1 {
	animation-delay: 0s;
}

.leader .leader-circle.leader-2 {
	animation-delay: 0.3s;
}

.leader .leader-circle.leader-3 {
	animation-delay: 0.6s;
}

@keyframes anim-leader {
	0% {
		transform: scale(0.8);
		opacity: 0.5;
	}
	30% {
		transform: scale(0.8);
		opacity: 0.5;
	}
	65% {
		transform: scale(1.1);
		opacity: 1;
	}
	100% {
		transform: scale(0.8);
		opacity: 0.5;
	}
}
/* inview スクロールで画面内に入ったらアニメーション
======================================*/
.js-scale {
	transform: scale(1);
	transition: 2s;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.inview {
	transform: scale(1.05);
}

.stats-accordion__content {
	display: none;
}

.movable-cta-btn {
	position: fixed;
	bottom: 0;
	left: 0;
	transform: translateY(63%);
	width: 100vw;
	background-color: #1550ad;
	text-align: center;
	padding: 8px;
	box-sizing: border-box;
	z-index: 90;
	transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.movable-cta-btn .movable-cta-btn_txt {
	padding-bottom: 8px;
	font-size: 14px;
	color: #fbfbfb;
}
.movable-cta-btn .movable-cta-btn_btn {
	margin-top: 0;
	border: none;
	font-weight: 500;
	border: 1px solid #fbfbfb;
}

.movable-cta-btn_visible {
	transform: translateY(0);
}

@media screen and (min-width: 769px) {
	.movable-cta-btn {
		display: none;
	}
}



/* === add ================================================= */
.registar__first-view {
	overflow: visible;
}

/* === import VisualNews =================================== */
.importVN {
	margin-bottom: 20px;
}

/* === fixed parts =================================== */
.register.v04 {
	.registar__explanation {
		&.top {
			position: relative;
			z-index: 10;
			overflow: visible;
			padding-bottom: 40px;
			background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(171, 180, 235, 1) 40%, rgba(54, 76, 210, 1) 75%, rgba(3, 20, 124, 1));

			.register__explanation-copy {
				width: 100%;
				text-shadow: 0px 0px 6px rgba(255,255,255,0.8);
				color: rgba(3, 20, 124, 1);
				&::after {
					content: none;
				}
			}
			.register__explanation--paragraph {
				margin: 0 auto;
				width: calc(100% - 20px);
				max-width: 800px;
				color: rgba(3, 20, 124, 1);
			}
			.register__explanation-h2 {
				margin: 0 auto;
				margin-bottom: 1em;
				width: calc(100% - 20px);
				text-align: center;
				line-height: 1;
				letter-spacing: 0.04em;
				font-size: 15px;
				font-weight: 500;
				color: rgba(251,251,251,1);
				text-shadow: 0px 0px 3px rgba(31,31,31,0.8);
				@media (min-width: 768px) {
					margin-left: calc((100% - 800px) / 2);
					max-width: 600px;
				}
				&::before {
					content: '';
					display: block;
					margin: 0px auto 32px;
					width: 50px;
					height: 1px;
					background-color: rgba(251,251,251,1);
				}
			}
			.register__explanation--paragraph-small {
				width: calc(100% - 20px);
				max-width: calc(100% - 150px - 10px - 10px);
				line-height: 1.8;
				letter-spacing: 0.04em;
				font-size: 14px;
				color: rgba(251,251,251,1);
				text-shadow: 0px 0px 3px rgba(31,31,31,0.8);
				@media (max-width: 767px) {
					margin-left: 10px;
				}
				@media (min-width: 768px) {
					margin: 0;
					margin-left: calc((100% - 800px) / 2);
					max-width: 600px;
				}
			}
			.topMock {
				position: absolute;
				right: 10px;
				z-index: 1;
				width: 150px;
				@media (max-width: 767px) {
					margin-top: 65px;
				}
				@media (min-width: 768px) {
					right: calc((100% - 800px) / 2);
					margin-top: -50px;
					width: 200px;
					transform: rotate(7deg);
				}
			}
			.tickerBox {
				position: absolute;
				bottom: 0;
				overflow: hidden;
				aspect-ratio: 75/52;
				width: 100%;
				@media (min-width: 768px){
					aspect-ratio: 75/13;
				}
				&::before,
				&::after {
					content: '';
					position: absolute;
					bottom: 0;
					aspect-ratio: 75/13;
					background-image: url(../svg/heading_title_ad-white.svg);
					background-repeat: repeat;
					background-size: cover;
					opacity: 0.1;
				}
				@media (max-width: 767px){
					&::before,
					&::after {
						width: 400%;
					}
					&::before {
						left: 0%;
						animation: tickerMove_Before 15s linear infinite;
					}
					&::after {
						left: 432%;
						animation: tickerMove_After 15s linear infinite;
					}
				}
				@media (min-width: 768px){
					&::before,
					&::after {
						width: 100%;
					}
					&::before {
						left: 0%;
						animation: tickerMove_BeforePC 10s linear infinite;
					}
					&::after {
						left: 108%;
						animation: tickerMove_AfterPC 10s linear infinite;
					}
				}
			}
		}
		&.bottom {
			padding-top: 20px;
			padding-bottom: 20px;
			height: 146px;
			@media (min-width: 768px) {
				padding-top: 40px;
				padding-bottom: 40px;
				height: 200px;
			}
			.registar__explanation-img-back {
				bottom: 20px;
				@media (min-width: 768px) {
					bottom: 40px;
				}
			}
		}
	}
}
.register.v04_1,
.register.v04_2 {
	.registar__explanation {
		&.top {
			position: relative;
			z-index: 10;
			overflow: visible;
			padding-bottom: 20px;
			background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 5%, rgba(150, 170, 235, 1) 40%, rgba(35, 76, 210, 1) 80%, rgba(3, 20, 124, 1));
			@media (min-width: 768px) {
				padding-bottom: 50px;
			}

			.register__explanation-copy {
				padding-top: 80px;
				padding-bottom: 30px;
				width: 100%;
				color: rgba(3, 20, 124, 1);
				text-shadow: 0px 0px 6px rgba(255,255,255,0.8);
				@media (min-width: 768px) {
					margin: 0;
					margin-left: calc((100% - 800px) / 2);
					padding-bottom: 40px;
					width: calc(800px - 250px);
				}
				&::after {
					content: none;
				}
			}
			.register__explanation--paragraph {
				position: relative;
				z-index: 1;
				margin: 0;
				margin-left: 15px;
				padding: 0;
				width: calc((100% - 150px) - 30px);
				font-size: 17px;
				line-height: 1.6;
				color: rgba(255, 255, 255, 1);
				text-shadow: 0px 0px 2px rgba(3, 20, 124, 1);
				@media (min-width: 768px) {
					margin: 0;
					margin-left: calc((100% - 800px) / 2);
					width: calc(800px - 250px);
					font-size: 18px;
					line-height: 1.8;
				}
				.textLink {
					position: relative;
					display: block;
					margin: 10px auto 5px;
					padding: 5px 10px 5px;
					width: fit-content;
					text-align: center;
					font-size: 15px;
					font-weight: bold;
					line-height: 1;
					color: rgba(220,30,30,1);
					text-shadow: none;
					transition-property: all;
					transition-duration: 200ms;
					transition-timing-function: ease-in;
					&::before,
					&::after {
						content: '';
						position: absolute;
						bottom: -45%;
						display: block;
						width: 15px;
						height: 6px;
						background-color: rgba(220,30,30,1);
						transition-property: all;
						transition-duration: 150ms;
						transition-timing-function: ease-in;
					}
					&::before {
						left: calc(50% - 14px);
						transform: skew(0deg, 20deg);
					}
					&::after {
						right: calc(50% - 14px);
						transform: skew(0deg, -20deg);
					}
					@media (min-width: 768px) {
						margin-top: 30px;
						&:hover {
							margin-top: 33px;
							margin-bottom: 2px;
							&::before,
							&::after {
								animation: arrowDowner 250ms;
							}
						}
					}
				}
				.textBox {
					position: relative;
					display: block;
					margin: 10px auto 0px;
					border: 1px solid rgba(220,30,30,1);
					border-radius: 3px;
					padding: 8px 15px 10px;
					width: fit-content;
					background-color: rgba(220,30,30,1);
					text-align: center;
					font-size: 15px;
					line-height: 1;
					color: rgba(255,255,255,1);
					text-shadow: none;
					transition-property: all;
					transition-duration: 200ms;
					transition-timing-function: ease-in;
					/* &::before,
					&::after {
						content: '';
						position: absolute;
						bottom: -45%;
						display: block;
						width: 15px;
						height: 6px;
						background-color: rgba(220,30,30,1);
						transition-property: all;
						transition-duration: 150ms;
						transition-timing-function: ease-in;
					}
					&::before {
						left: calc(50% - 14px);
						transform: skew(0deg, 20deg);
					}
					&::after {
						right: calc(50% - 14px);
						transform: skew(0deg, -20deg);
					} */
					@media (min-width: 768px) {
						margin-top: 25px;
						&:hover {
							padding: 7px 10px 9px;
							font-size: 16px;
							/* &::before,
							&::after {
								animation: arrowDowner 250ms;
							} */
						}
					}
				}
			}
			.topMock {
				position: absolute;
				right: 10px;
				z-index: 1;
				width: 150px;
				@media (max-width: 767px) {
					margin-top: -15px;
				}
				@media (min-width: 768px) {
					right: calc((100% - 800px) / 2 + 10px);
					margin-top: -120px;
					width: 200px;
					transform: rotate(6deg);
				}
			}
			.tickerBox {
				position: absolute;
				bottom: 0;
				overflow: hidden;
				aspect-ratio: 75/39;
				width: 100%;
				@media (min-width: 768px){
					aspect-ratio: 75/13;
				}
				&::before,
				&::after {
					content: '';
					position: absolute;
					bottom: 0;
					aspect-ratio: 75/13;
					background-image: url(../svg/heading_title_ad-white.svg);
					background-repeat: repeat;
					background-size: cover;
					opacity: 0.1;
				}
				@media (max-width: 767px){
					&::before,
					&::after {
						width: 300%;
					}
					&::before {
						left: 0%;
						animation: tickerMove_Before 12.5s linear infinite;
					}
					&::after {
						left: 324%;
						animation: tickerMove_After 12.5s linear infinite;
					}
				}
				@media (min-width: 768px){
					&::before,
					&::after {
						width: 100%;
					}
					&::before {
						left: 0%;
						animation: tickerMove_BeforePC 10s linear infinite;
					}
					&::after {
						left: 108%;
						animation: tickerMove_AfterPC 10s linear infinite;
					}
				}
			}
		}
		&.bottom {
			padding-top: 20px;
			padding-bottom: 20px;
			height: auto;
			@media (min-width: 768px) {
				padding-top: 40px;
				padding-bottom: 40px;
				height: auto;
			}
			.register__explanation--wrapper {
				margin-bottom: 166px;
				width: calc(100% - 30px);
				@media (min-width: 768px) {
					margin-bottom: 220px;
					width: auto;
					max-width: 800px;
				}
			}
			.registar__explanation-img-back {
				bottom: 20px;
				@media (min-width: 768px) {
					bottom: 40px;
				}
			}
		}
	}
}
@keyframes arrowDowner {
	0% {
		opacity: 0.2;
		bottom: 75%;
		background-color: rgba(255,255,255,1);
	}
	100% {
		opacity: 1;
		bottom: -45%;
		background-color: rgba(220,30,30,1);
	}
}
@keyframes tickerMove_Before {
	0% {
		left: 0%;
	}
	100% {
		left: -324%;
	}
}
@keyframes tickerMove_After {
	0% {
		left: 324%;
	}
	100% {
		left: 0%;
	}
}
@keyframes tickerMove_BeforePC {
	0% {
		left: 0%;
	}
	100% {
		left: -108%;
	}
}
@keyframes tickerMove_AfterPC {
	0% {
		left: 108%;
	}
	100% {
		left: 0%;
	}
}

.register.v04_2 {
	.registar__explanation {
		&.top {
			@media (max-width: 767px) {
				.register__explanation-copy {
					padding-bottom: 25px;
				}
				.topMock {
					margin-top: -10px;
				}
			}
		}
	}
}


/* btn cascading */
.resister__cta-btn {
	background-color: rgba(220,30,30,0.9);
	&:hover {
		background-color: rgba(220,30,30,1);
		font-size: 1.2em;
	}
}