@charset "utf-8";

/* ===========================================
 * トップページ
 * ======================================== */
main {
	width: 100%;
	/* background-color: #313131; */
}

.news_test {
	background-color: #FFFFFF;
}

.top_box_content {
	box-shadow: 0px 3px 6px #00000029;
}

.top_title_bar {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
	/* background-color: var(--MAIN_COLOR, #003288); */
	color: #003288;
	font-family: "Oswald";
	font-size: 4rem;
	font-weight: bold;
	/* border: 2px solid #FFFFFF; */
	border-radius: 8px;
	margin-bottom: 12px;
	justify-content: space-between;
	z-index: -1;
}

/* ===========================================
 * レース情報エリア
 * ======================================== */
.top_raceinfo_content {
	display: flex;
	flex-direction: column;
	padding-top: 24px;
	gap: 32px;
}

/*-------------------------
 * 緊急お知らせの表示 
-------------------------*/
.top_main_caution {
	display: flex;
	flex-direction: column;
	background: #FFFFFF;
	border: 2px solid #DD0000;
	font-weight: bold;
}

.top_main_caution h3 {
	display: flex;
	height: 52px;
	justify-content: center;
	align-items: center;
	background: #DD0000;
	color: #FFFFFF;
	font-size: 22px;
}

.top_main_caution .top_caution_content {
	padding: 22px 165px;
	font-size: 16px;
}

/*-------------------------
 * マーキー表示エリア
-------------------------*/
.top_marquee_recommend_wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.c_header_msg .c_header_msg_content {
	display: flex;
	background: #FFFFFF;
	align-items: center;
	width: 100%;
}

.c_header_msg_content .c_header_msg_title {
	display: flex;
	width: 120px;
	background: var(--MAIN_COLOR, #003288);
	height: 40px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	align-items: center;
	justify-content: center;
}

.kaisai_bg .c_header_msg_content .c_header_msg_title {
	background: #FF9D00;
	color: var(--MAIN_BLACK, #000000);
}

.c_header_msg_content .c_header_msg_marquee {
	width: 1100px;
	height: 40px;
	overflow: hidden;
}

.c_header_msg_content .c_header_msg_marquee p {
	display: inline-block;
	padding-left: 1100px;
	min-width: 1100px;
	line-height: 40px;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	white-space: nowrap;
}

.c_header_msg_marquee p a {
	text-decoration: underline;
	color: inherit;
}

@keyframes marquee {
	from {
		transform: translate(0%);
	}

	to {
		transform: translate(-100%);
	}
}

/* おすすめバナー */
.top_recommend_banner_content .top_recommend_banner_list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.top_recommend_banner_content>.top_recommend_banner img {
	display: block;
	width: 100%;
}

.top_recommend_banner_content .top_recommend_banner_list .top_recommend_banner img {
	display: block;
	width: 592px;
	height: 176px;
	border-radius: 8px;
}

/*-------------------------
 * レース情報エリア
-------------------------*/
/* イベント情報エリア */
.top_raceinfo_inner_content .eventinfo_area .top_title_bar{
	width:500px;
}


/* イベント情報ボタン */
.top_raceinfo_inner_content .raceinfo_eventinfo_button_area {
	display: flex;
	/* gap: 20px; */
	width: 80rem;
	margin: 0 0;
	justify-content: space-between;
}

.top_raceinfo_inner_content .raceinfo_eventinfo_button_area .event_btns{
	display: flex;
	width: 32rem;
	justify-content: space-between;
}

.top_raceinfo_inner_content .raceinfo_eventinfo_button_area .event_button {
	display: flex;
	width: 15rem;
	height: 3.4rem;
	align-items: center;
	gap: 8.62px;
	background: var(--MAIN_COLOR, #003288);
	border-radius: 64px;
}

.kaisai_bg .top_raceinfo_inner_content .raceinfo_eventinfo_button_area .event_button {
	background: #FF9D00;
}

.top_raceinfo_inner_content .raceinfo_eventinfo_button_area .access_button {
	display: flex;
	width: 15rem;
	height: 3.4rem;
	align-items: center;
	gap: 8.62px;
	background: var(--MAIN_COLOR, #003288);
	border-radius: 64px;
	justify-content: center;
}

.kaisai_bg .top_raceinfo_inner_content .raceinfo_eventinfo_button_area .access_button {
	background: #FF9D00;
}

.top_raceinfo_inner_content .raceinfo_eventinfo_button_area .event_button .event_carender_img {
	width: 21px;
	height: 21px;
	margin-top: 6px;
	margin-left: 14px;
}

.top_raceinfo_inner_content .raceinfo_eventinfo_button_area .event_button .event_button_text,
.top_raceinfo_inner_content .raceinfo_eventinfo_button_area .access_button .event_button_text {
	color: #FFFFFF;
	font-size:1.5rem;
	font-weight: bold;
}

.kaisai_bg .top_raceinfo_inner_content .raceinfo_eventinfo_button_area .event_button .event_button_text,
.kaisai_bg .top_raceinfo_inner_content .raceinfo_eventinfo_button_area .access_button .event_button_text {
	color: var(--MAIN_BLACK, #000000);
}

/* レース情報 */
.top_raceinfo_wrapper {
	position: relative;
	display: flex;
	gap: 24px;
	margin-top: 16px;
	align-items: flex-start;
}

/*-------------------------
 * TOPページ左側コンテンツ
-------------------------*/

/* 左側コンテンツ全体サイズ */
.top_raceinfo_inner_content .content_left {
	width: 37.5rem;
}

.top_raceinfo_inner_content .space_container {
	width: 34.5rem;
	margin: 0 auto;
}

/* RACE LIVE エリアコンテンツ */
.content_left .top_raceinfo_content_left {
	width: 100%;
	background: #FFFFFF;
	border-radius: 16px;
	margin-bottom: 40px;
	padding-bottom: 10px;
}

.top_racelive_area .racelive_title {
	display: flex;
	/* height: 80px; */
	/* width: auto; */
}

.top_racelive_area .racelive_title h2 {
	width: 100%;
    padding: 22px 0 18px 24px;
    font-size: 28px;
    font-weight: bold;
	white-space: nowrap;

}

/* リプレイボタン */
.top_racelive_area .top_raceinfo_reply_content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	margin: 1rem;
}

.top_racelive_area .top_raceinfo_videoarea_reply {
    display: flex;
    height: 4.5rem;
    width: 34rem;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    /* background: var(--MAIN_BLACK, #313131); */
    background-color: #FF0700;
    border-radius: 10px;
    align-items: center;
    padding: 8px 42px 8px 14px;
    white-space: nowrap;
    justify-content: center;
}

.top_racelive_area .top_raceinfo_reply_content .arrow_img{
	position: absolute;
	height: 1.2rem;
	top: 1.5rem;
	right: 2.2rem;
}

.top_racelive_area .top_raceinfo_reply_content a:hover .arrow_img{
	animation:select_right 0.1s both;
}

 .top_raceinfo_videoarea {
	position: relative;
	display: flex;
	width: 376px;
	height: 210px;
}

.top_racelive_area .top_raceinfo_videoarea .js-videoarea {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	background-repeat: no-repeat;
	background: #121212;
	background-image: url(/cdn/pc/images/top/racelive_img01.png);
}

.top_racelive_area .top_raceinfo_videoarea .js-videoarea.selected {
	display: block;
	background-size: cover;
}

.top_racelive_area .top_raceinfo_livearea .playbtn {
	position: absolute;
	display: flex;
	background-image: url(/cdn/pc/images/top/top_replay_button.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 48.02px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.top_racelive_area .top_raceinfo_livearea iframe {
	display: none;
}

.top_racelive_area .top_raceinfo_livearea.play iframe {
	display: block;
}

.top_racelive_area .top_raceinfo_livearea .playbtn:hover {
	opacity: 0.6;
	transition: 0.2s opacity;
}

.top_racelive_area .top_raceinfo_livearea.play .playbtn {
	display: none;
}

.top_racelive_area .top_raceinfo_livearea .top_raceinfo_livearea_iframe {
	border: 0 none transparent;
	width: 100%;
	height: 100%;
}

.top_racelive_area .top_racelive_youtubearea iframe {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

/* 2種類のボタン */
.top_racelive_area .top_raceinfo_livebtn {
	margin-top: 20px;
	/* margin-bottom: 26px; */
	display: flex;
	justify-content: center;
	width: auto;
}

.top_racelive_area .raceinfo_livebtnlist {
	display: flex;
	height: 48px;
	margin-left: 1.5rem;
	gap: 8px;
}

.top_racelive_area .raceinfo_livebtnlist li{
	border-radius: 10px 10px 0 0;
	background: #868686;
}

.top_racelive_area .js-livebtn.selected {
	background: #FF0000;
	border: 2px solid #FF0000;
}

.top_racelive_area .js-livebtn.selected .raceinfo_livebtn {
	color: #FFFFFF;
}

.top_racelive_area .raceinfo_livebtn {
	display: flex;
	width: 11rem;
	height: 4.5rem;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 1.8rem;
	font-weight: bold;
}

.top_racelive_area .raceinfo_livebtn_live span {
	position: relative;
	line-height: 1;
	/*padding-left: 37px;*/
}

.top_racelive_area .raceinfo_livebtn_youtube span {
	position: relative;
	line-height: 1;
	font-size: 1.2rem;
	padding-left: 1.6rem;
}

.top_racelive_area .raceinfo_livebtn_youtube span::before {
	content: '';
	position: absolute;
	background: url(/cdn/pc/images/top/live_youtube_w.svg) no-repeat;
	background-size: 1.5rem;
	width: 1.5rem;
	height: 1.7rem;
	top: -0.0rem;
	left: 0rem;
}

.top_racelive_area .selected .raceinfo_livebtn_youtube span::before {
	content: '';
	position: absolute;
	background: url(/cdn/pc/images/top/live_youtube_w.svg) no-repeat;
	background-size: 21.5px 17.43px;
	width: 21.5px;
	height: 17.43px;
	top: -1.5px;
	left: -5px;
}

/* ボタンエリア */
.top_raceinfo_content_left .raceinfo_btn_area {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
	gap: 8px;
	justify-content: center;
}

.raceinfo_btn_area .btn-s_line {
	display: flex;
	width: 34.5rem !important;
	justify-content: space-between;
}

.raceinfo_btn_area .btn-s .par-btn01 {
	position: relative;
	display: flex;
	width: 16rem;
	height: 10rem;
	flex-direction: column;
	border: 2px solid #22328E;
	border-radius: 8px;
	align-items: center;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 8px;
	gap: 8px;
	align-content: center;
}

.raceinfo_btn_area .btn-s .par-btn01 span {
	display: flex;
	height: 38px;
	color: var(--MAIN_BLACK, #000000);
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	align-items: center;
	/* z-index: 2; */
}

.raceinfo_btn_area .btn-s .par-btn01 .ctg_arrow_img {
	content: '';
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	right: 1.7rem;
	top: 4rem;
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-l .par-btn01 {
	width: 34.5rem;
	height: 6.4rem;
	border: 2px solid #22328E;
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-l_gradation .par-btn01 {
	position: relative;
	display: flex;
	justify-content: stretch;
	width: 34.5rem;
	height: 9.2rem;
	background: linear-gradient(#FFE200, #B4EF56);
	border: 2px solid #35AC00;
	border-radius: 8px;
	text-align: center;
	gap: 12px;
	align-items: center;
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-l .par-btn01.raceinfo_btn_suimen .btn_title {
	font-size: 1.6rem;
	margin-left: 5rem;
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-l .par-btn01 .btn_title {
	flex: 1;
	text-align: center;
	color: #0F0D2C;
	font-size: 2rem;
	margin: 0 auto;
	margin-left: 4rem;
	display: flex;
	justify-content: center;
	margin-right: 20%;
	white-space: nowrap;
}



.top_raceinfo_content_left .raceinfo_btn_area .raceinfo_btn_funaken .ctg_arrow_img{
	content: '';
	position: absolute;
	width: 2rem;
	height: 2rem;
	right: 2rem;
	top: 3.5rem;
}

.top_raceinfo_content_left .raceinfo_btn_area .raceinfo_btn_suimen .ctg_arrow_img{
	content: '';
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	right: 1.7rem;
	top: 2.5rem;
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-l:hover .raceinfo_funaken_chara_img {
	animation:select_spin 0.1s both;
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-l:hover .ctg_arrow_img {
	animation:select_right 0.1s both;
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-l .par-btn01::after {
	top: 2rem
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-l_gradation .par-btn01::after {
	top: 3.25rem
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-s:hover .raceinfo_chara_img,
.top_raceinfo_content_left .raceinfo_btn_area .btn-l .raceinfo_btn_suimen:hover .raceinfo_chara_img{
	animation:select_top 0.1s both;
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-s:hover .ctg_arrow_img {
	animation:select_right 0.1s both;
}

.top_raceinfo_content_left .raceinfo_btn_area .par-btn01 img {
	width: 40px;
	height: 40px;
}

.top_raceinfo_content_left .raceinfo_btn_area .btn-l .par-btn01 img {
	margin-left: 20px;
}

.raceinfo_btn_area .btn-l .par-btn01 .race_funaken_imgset {
	position: relative;
	display: inline-block;
	width: 4rem;
}

.raceinfo_btn_area .btn-l .par-btn01 .race_funaken_imgset .raceinfo_funaken_chara_img {
	width: 8rem;
	height:auto;
}

.raceinfo_btn_area .btn-l .par-btn01 a:hover 
.raceinfo_btn_area .btn-l .par-btn01 .race_funaken_imgset .raceinfo_funaken_chara_img {
	animation:select_right 0.1s both;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_result_imgset {
	position: relative;
	display: inline-block;
	width: 4rem;
	margin-left: -4.5rem;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_result_imgset .raceinfo_img{
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_result_imgset .raceinfo_result_chara_img{
	position: absolute;
	top: -1rem;
	left: 2.5rem;
	width:6rem;
	height:auto;
	z-index: 1;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_motor_imgset {
	position: relative;
	display: inline-block;
	width: 4rem;
	margin-left: -4.5rem;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_motor_imgset .raceinfo_img{
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_motor_imgset .raceinfo_motor_chara_img{
	position: absolute;
	top: -0.5rem;
	left: 3.25rem;
	width: 4rem;
	height:auto;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_pdf_imgset {
	position: relative;
	display: inline-block;
	width: 4rem;
	margin-left: -3.5rem;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_pdf_imgset .raceinfo_img{
	position: relative;
	top: 0.5rem;
	left: 3.5rem;
	width:3rem;
	z-index:1;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_pdf_imgset .raceinfo_pdf_chara_img{
	position: absolute;
	top: -1rem;
	left: 0.75rem;
	width: 5.5rem;
	height:auto;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_ranking_imgset {
	position: relative;
	display: inline-block;
	width: 4rem;
	top: -1rem;
	margin-left: -3rem;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_ranking_imgset .raceinfo_img{
	position: relative;
	top: 0.5rem;
	left: 0;
	width:5rem;
	z-index:1;
}

.raceinfo_btn_area .btn-s .par-btn01 .race_ranking_imgset .raceinfo_ranking_chara_img{
	position: absolute;
	top: 0rem;
	left: 2.75rem;
	width: 5rem;
	height:auto;
}

.raceinfo_btn_area .btn-l .par-btn01 .race_suimen_imgset {
	position: relative;
	display: inline-block;
	width: 4rem;
}

.raceinfo_btn_area .btn-l .par-btn01 .race_suimen_imgset .raceinfo_faq_img{
	position: relative;
	top: 1.5rem;
	left: 0;
	width:5rem;
	z-index: 1;
}

.raceinfo_btn_area .btn-l .par-btn01 .race_suimen_imgset .raceinfo_suimen_chara_img{
	position: absolute;
	top: -0.5rem;
	left: 0.25rem;
	width:4.5rem;
	height:auto;
}

/* リアルタイム水面気象状況 */
.top_raceinfo_suimen_area {
	display: flex;
	flex-direction: column;
	margin-top: 40px;
	gap: 17px;
}

.top_raceinfo_liveheader {
	font-size: 2rem;
    font-weight: bold;
	color: #003288;
}

.top_raceinfo_suimen_area .sumimen_info_area {
	display: flex;
	width: 376px;
	height: 212px;
}

.top_raceinfo_suimen_area .sumimen_info_area a {
	width: 100%;
	height: 100%;
}

.top_raceinfo_suimen_area .sumimen_info_area iframe {
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.top_raceinfo_suimen_area .sumimen_info_area img {
	width: 100%;
}

.btn-s_btn {
	display: flex;
	height: 6.3rem;
	gap: 1.6rem;
}

.btn-s_btn .item {
	display: flex;
	position: relative;
	justify-content: center;
    align-items: center;
    font-weight: bold;
	width: 16.5rem;
	height: 6.3rem;
}

.btn-s_btn .item:hover .arrow_img{
	animation:select_right 0.1s both;
}

.btn-s_btn .youtube {
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #EF0E0E;
	color: #FFFFFF;
	border-radius: 10px;
}

.btn-s_btn .icon_youtube {
	position: absolute;
	content: '';
    width: 22px;
    height: 20px;
	left: 3.7rem;
}

.btn-s_btn .btn-s_text_youtube {
	margin-left: 3.7rem;
}

.btn-s_btn .shinnyu {
	width: 100%;
    height: 100%;
    display: flex;
	font-size: 14px;
	line-height: 14px;
    justify-content: center;
    align-items: center;
	color: #22328E;
	border: 2px solid #22328E;
	border-radius: 10px;
}

.btn-s_btn .icon_shinnyu {
	position: absolute;
	content: '';
	width: 35px;
	height: 22px;
	margin-right: 6px;
	left: 1.5rem;
}

.btn-s_btn .btn-s_text_shinnyu {
	margin-left: 2rem;
}

.btn-s_btn .arrow_img {
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	right: 1.5rem;
}

/* インターネット投票ボタン */
.top_raceinfo_content_left .raceinfo_btnlist {
	display: flex;
	justify-content: center;
	/* padding-bottom: 24px; */
}

.top_raceinfo_content_left .raceinfo_btnlist a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	width: 328px;
	height: 64px;
	background: url(/cdn/pc/images/top/btn_vote.png) no-repeat;
	padding-bottom: 0;
	font-weight: bold;
}

/* ===========================================
 * NEWS・Xエリア
 * ======================================== */
.top_news_content {
	display:flex;
	flex-wrap: nowrap;
	flex-direction: row;
	gap: 5rem;
	width: 120rem;
	margin:0 auto;
}

.top_news_content .top_news_area{
	width: 69.4rem;
	height: 73.1rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.top_news_content .top_bostcast_area{
	width: 46rem;
	height: 73.1rem;
}

/* タイトル */
.top_information_content .top_news_area_ttl {
	height: 46px;
	color: #121212;
	font-size: 32px;
	font-weight: bold;
}

.top_news_content .top_news_inner_content>ul {
	display: flex;
	width: 100%;
	text-align: center;
	justify-content: space-between;
	border-bottom: 1px solid #B2B2B2;
	padding-top: 1.5rem;
	border-radius: 2rem;
	background-color: #FCFCFC;
}

.top_news_content .top_news_inner_content>ul>li {
	display: inline-block;
	width: 18rem;
}

.top_news_content .top_news_inner_content>ul>li>a {
	position: relative;
	display: flex;
	width: 100%;
	height: 54px;
	font-weight: bold;
	background: #DDDDDD;
	border-radius: 8px 8px 0px 0px;
	align-items: center;
	justify-content: center;
	color: #000000;
}

.top_news_content .top_news_inner_content>ul>li>a .youtube_icon {
	font-size: 17px;
	display: flex;
    align-items: center;
}

.top_news_content .top_news_inner_content>ul>li>a .youtube_icon::before {
	content: '';
    background: url(/cdn/pc/images/top/ico_youtube.svg) no-repeat;
    background-size: contain;
	width: 27px;
	height: 22px;
    margin-right: 5px;
}

.top_news_content .top_news_inner_content>ul>li.selected>a {
	background: #FF9D00;
}

.kaisai_bg .top_news_content .top_news_inner_content>ul>li.selected>a {
	background-color: #FF9D00;
	color: var(--MAIN_BLACK, #000000);
}

/* Newsリスト */
.top_news_content .top_news_inner_content .news_tab_content_wrapper {
	height: 546px;
	background: #FFFFFF;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0px 0px 16px 16px;
}

.top_news_content .top_bostcast_area .top_news_inner_content .news_tab_content_wrapper {
	border-radius: 16px;
	padding-top: 1rem;
}

.top_news_content .top_bostcast_area .news_tab_content_wrapper {
	border-radius: 16px;
	height: 616px;
}

.top_news_content .top_news_inner_content .news_tab_content {
	position: relative;
	width: 100%;
}

.top_news_content .top_news_area .top_news_inner_content .news_tab_content {
	position: relative;
	display: none;
	width: 100%;
}

.top_news_content .top_news_area .top_news_inner_content .selected {
	display: block;
}

.top_news_content .news_tab_content .news_list {
	display: flex;
	width: 100%;
	height: 447px;
	flex-direction: column;
	overflow-y: auto;
	padding: 27px 3px 0 20px;
	/* margin-bottom: 24px; */
	gap: 16px;
}

.top_news_content .news_tab_content .news_list li:not(.__nodata) {
	display: flex;
    flex-direction: column;
	border-bottom: 1px dashed var(--MAIN_GRAY, #BABABA);
	gap: 7px;
}

.top_news_content .news_tab_content .news_list .news_date_tag {
	display: flex;
	align-items: center;
	gap: 7px;
}

.top_news_content .news_tab_content .news_list .news_date {
	color: #999999;
}

.top_news_content .news_tab_content .news_list .news_icon_text {
	padding-bottom: 7px;
}

.top_news_content .news_tab_content .news_list .news_icon_text {
	text-decoration: underline;
}

.top_news_content .news_tab_content .news_list .info_text {
	color: var(--MAIN_BLACK, #000000);
	font-size: 20px;
	font-weight: bold;
	line-height: 29px;
	opacity: 0.9;
}

/* 一覧ボタン */
.top_news_content .news_tab_content .news_link {
	margin-top: 24px;
}

.top_news_content .news_tab_content .news_link .news_list_link {
	width: 176px;
	height: 40px;
	padding-right: 8px;
	border-radius: 64px;
	font-size: 18px;
}

 .pickup_area {
	width: 376px;
}

/* ===========================================
 * BOSTCASTエリア
 * ======================================== */
.top_news_content .top_bostcast_inner_content>ul {
	position: relative;
	display: flex;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #B2B2B2;
	padding-top: 1.5rem;
	border-radius: 2rem 2rem 0 0;
	background-color: #FCFCFC;
}

.top_news_content .top_bostcast_inner_content>ul>li {
	display: inline-block;
	/* width: 18rem; */
}

.top_news_content .top_bostcast_inner_content>ul>li>a {
	position: relative;
	display: flex;
	width: 100%;
	height: 54px;
	font-weight: bold;
	background: #DDDDDD;
	border-radius: 8px 8px 0px 0px;
	align-items: center;
	justify-content: center;
	color: #000000;
}

.top_news_content .top_bostcast_inner_content>ul>li>a .youtube_icon {
	font-size: 17px;
	display: flex;
    align-items: center;
}

.top_news_content .top_bostcast_inner_content>ul>li>a .youtube_icon::before {
	content: '';
    background: url(/cdn/pc/images/top/ico_youtube.svg) no-repeat;
    background-size: contain;
	width: 27px;
	height: 22px;
    margin-right: 5px;
}

.top_news_content .top_bostcast_inner_content>ul>li.selected>a {
	background: #FF9D00;
}

.kaisai_bg .top_news_content .top_bostcast_inner_content>ul>li.selected>a {
	background-color: #FF9D00;
	color: var(--MAIN_BLACK, #000000);
}

/* Newsリスト */

.top_news_content .top_bostcast_inner_content .display_block {
	height: 546px;
	background: #FFFFFF;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0px 0px 16px 16px;
	overflow-y: auto;
}

.top_news_content .top_bostcast_area .top_bostcast_inner_content .display_block {
	padding-top: 1rem;
	width: 100%;
}

.top_news_content .top_bostcast_area .top_bostcast_inner_content .display_block li {
	width: 100%;
}

.top_news_content .top_bostcast_inner_content .display_block .articleCard__body{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.top_news_content .top_bostcast_inner_content .display_block .articleCard__body.movie{
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.top_news_content .top_bostcast_inner_content .display_block .articleCard__body .articleCard__movie_area img{
	position: relative;
	width: 16rem;
}

.top_news_content .top_bostcast_inner_content .display_block .articleCard__body .articleCard__text_area {
	padding: 0rem 1rem;
	text-align: left;
	color: #262525;
}

.top_news_content .top_bostcast_inner_content .display_block .articleCard__title{
	text-align: left;
	font-weight: bold;
}

.top_news_content .top_bostcast_inner_content .display_block .articleCard__status{
	text-align: left;
}

.top_news_content .top_bostcast_area .top_bostcast_inner_content .bortcast_tab_content {
	position: relative;
	display: none;
	width: 100%;
}

.top_news_content .bortcast_list {
	display: flex;
	width: 100%;
	height: 447px;
	flex-direction: column;
	/* overflow-y: auto; */
	padding: 0px 2rem;
	/* margin-bottom: 24px; */
	gap: 0px;
}

.top_news_content .bortcast_list li:not(.__nodata) {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid var(--MAIN_GRAY, #BABABA);
	gap: 7px;
	margin-bottom: -1.5rem;
}

.top_news_content .top_bostcast_inner_content .bostcast_link .bostcast_list_link {
	width: 176px;
	height: 40px;
	padding-right: 8px;
	border-radius: 64px;
	font-size: 18px;
}

/*-------------------------
 * レース情報エリア右側コンテンツ
-------------------------*/
.top_raceinfo_content .top_raceinfo_content_right {
	width: 800px;
	background: #FFFFFF;
	border-radius: 16px;
	margin-bottom: 40px;
}

/* 開催まであと〇日 */
.top_raceinfo_content_right .raceinfo_countdown .countdown_header {
	display: flex;
	width: 800px;
	height: 44px;
	background: var(--MAIN_BLACK, #000000);
	align-items: center;
	padding: 9px 24px 9px 32px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	border-radius: 12px 12px 0 0;
}

.top_raceinfo_content_right .raceinfo_countdown .countdown_header .countdown_day {
	margin: 0 0.2rem;
	font-size: 2.4rem;
}

/*-------------------------
 * レース情報エリア 非開催
-------------------------*/
.top_raceinfo_content .is_hikaisai .top_raceinfo_content_right {
	min-height: 864px;
	margin-bottom: 40px;
}

/* 展望コンテンツ */
.par-racetitle_group.type_2 {
	position: relative;
	display: flex;
	width: 746px;
	padding-top: 3px;
	margin: 16px 33px 15.5px 21px;
	align-items: center;
	gap: 11px;
}

.par-racetitle_group.type_2.days {
	position: relative;
	display: block;
	width: 746px;
	padding-top: 3px;
	margin: 16px 33px 15.5px 21px;
	align-items: center;
	gap: 11px;
}

.par-racetitle_group.type_2.days .par-racedays_wrapper {
	position: absolute;
    top: -62px;
    right: 10px;
}

.top_raceinfo_content .top_raceinfo_wrapper.is_hikaisai .raceinfo_countdownday {
	width: 72px;
	height: 32px;
}

.top_raceinfo_content .top_raceinfo_wrapper.is_hikaisai .par-icon_racedays_group .par-racedays_wrapper {
	position: absolute;
	display: flex;
	height: 4.4rem;
	top: -6rem;
	right: -9px;
}

/* 日程 */
.raceinfo_countdownday .racedays_group {
	display: flex;
	margin: 0;
	justify-content: flex-end;
	align-items: center;
	color: #FFFFFF;
	font-weight: bold;
	/* gap: 1.6rem; */
}

/* 月 */
.raceinfo_countdownday .racedays_group .item_month {
	/* margin: 0 6px 0 14px; */
	font-size: 2rem;
}

.raceinfo_countdownday .racedays_group .item_month .item_month_num {
	margin-right: 2px;
	font-size: 22px;
}

/* 日 */
.par-racetitle_group .racedays_group .day {
	display: flex;
	width: 3.6rem;
	height: 50px;
	flex-direction: column;
	margin: 0;
	align-items: center;
	justify-content: center;
}

.raceinfo_countdownday .racedays_group .date_wrapper {
	display: flex;
	line-height: 1;
}

/* 曜日 */
.raceinfo_countdownday .racedays_group .day .weekday {
	display: block;
	width: 16px;
	height: 16px;
	/* background: var(--MAIN_COLOR, #003288); */
	color: #FFFFFF;
	border-radius: 50%;
	text-align: center;
	font-size: 1rem;
}

.par-racetitle_group .par-racetitle {
	font-size: 28px;
	font-weight: bold;
	line-height: 32px;
}

/* トップページ展望 */
.top_raceinfo_tenbo_area .top_tenbo_block {
	padding: 0 41px 34px 23px;
}

.top_raceinfo_tenbo_area .top_tenbo_block>p {
	height: 62.25px;
	padding: 15.5px 0 13.75px;
	color: var(--MAIN_BLACK, #000000);
	border-top: 1px solid var(--MAIN_BLACK, #000000);
	font-size: 20px;
	font-weight: bold;
}

.top_raceinfo_tenbo_area .series_leader_list {
	display: flex;
	margin-bottom: 23.75px;
	gap: 8px;
	justify-content: center;
}

.top_raceinfo_tenbo_area .series_leader_list li {
	display: flex;
	height: 236.5px;
	flex-direction: column;
	align-items: flex-start;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_image,
.top_raceinfo_tenbo_area .series_leader_list li .player_image img {
	width: 116px;
	height: 164px;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_kyu_toban {
	display: flex;
	height: 14px;
	align-items: center;
	font-size: 10px;
	margin-top: 9.5px;
	gap: 8px;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_kyu_toban .par-ico_kyubetu {
	width: 28px;
	height: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	border-radius: 8px;
	line-height: 13px;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_name {
	height: 24px;
	margin-top: 7.5px;
	font-size: 16px;
	font-weight: bold;
}

.top_raceinfo_tenbo_area .series_leader_list li .shibu_name {
	height: 17px;
	font-size: 12px;
}

.top_raceinfo_tenbo_area .tenbo_article {
	margin-bottom: 24px;
}

.top_raceinfo_tenbo_area .tenbo_article .tenbo_title {
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
}

.top_raceinfo_tenbo_area .tenbo_article .tenbo_comment {
	height: auto;
	overflow: hidden;
}

.top_raceinfo_tenbo_area .raceinfo_btnlist {
	display: flex;
    flex-wrap: wrap;
	gap: 8px;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 {
	position: relative;
	display: flex;
	width: 240px;
	height: 80px;
	padding-left: 24px;
	justify-content: start;
	align-items: center;
	color:  var(--MAIN_BLACK, #000000);
	border: 2px solid  var(--MAIN_BLACK, #000000);
	background-color: #FFFFFF;
	border-radius: 8px;
	gap: 6px;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01:hover .raceinfo_assen_chara_img,
.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01:hover .raceinfo_tenbo_chara_img,
.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01:hover .raceinfo_pdf_chara_img,
.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01:hover .raceinfo_archive_chara_img,
.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01:hover .raceinfo_result_chara_img,
.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01:hover .raceinfo_live_chara_img{
	animation:select_top 0.1s both;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_assen_imgset {
	position: relative;
	display: inline-block;
	width: 6rem;
	margin-top: -1.5rem;
	margin-left: -2rem;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_assen_imgset .raceinfo_img{
	position: relative;
	top: 1.0rem;
	width:4rem;
	z-index: 1;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_assen_imgset .raceinfo_assen_chara_img{
	position: absolute;
	top: 0.0rem;
	right: 0rem;
	width:4.5rem;
	height:auto;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_tenbo_imgset {
	position: relative;
	display: inline-block;
	width: 6rem;
	margin-top: -1.5rem;
	margin-left: -2rem;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_tenbo_imgset .raceinfo_img{
	position: relative;
	top: 1.0rem;
	width:3rem;
	z-index: 1;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_tenbo_imgset .raceinfo_tenbo_chara_img{
	position: absolute;
	top: 0.0rem;
	right: 0rem;
	width:4.5rem;
	height:auto;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_archive_imgset {
	position: relative;
	display: inline-block;
	width: 6rem;
	margin-top: -1.5rem;
	margin-left: -2rem;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_archive_imgset .raceinfo_img{
	position: relative;
	top: 1.0rem;
	width:3rem;
	z-index: 1;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_archive_imgset .raceinfo_archive_chara_img{
	position: absolute;
	margin-top: -1.5rem;
	margin-left: 1rem;
	width:4.5rem;
	height:auto;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_pdf_imgset {
	position: relative;
	display: inline-block;
	width: 6rem;
	margin-top: -1rem;
	margin-left: -2rem;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_pdf_imgset .raceinfo_img{
	position: relative;
	top: 0.5rem;
	left: 3.5rem;
	width:3rem;
	z-index:1;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_pdf_imgset .raceinfo_pdf_chara_img{
	position: absolute;
	top: 0.0rem;
	left: 0.5rem;
	width:4.5rem;
	height:auto;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_result_imgset {
	position: relative;
	display: inline-block;
	width: 6rem;
	margin-top: -1.5rem;
	margin-left: -2rem;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_result_imgset .raceinfo_img{
	position: relative;
	top: 1.0rem;
	width:3rem;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_result_imgset .raceinfo_pdf_chara_img{
	position: absolute;
	top: 0.0rem;
	right: 0rem;
	width:4.5rem;
	height:auto;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_live_imgset {
	position: relative;
	display: inline-block;
	width: 6rem;
	margin-top: -0.75rem;
	margin-left: -2rem;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_live_imgset .raceinfo_img{
	position: relative;
	top: 0.5rem;
	width:4.0rem;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .race_live_imgset .raceinfo_pdf_chara_img{
	position: absolute;
	top: 0.5rem;
	right: 0rem;
	width:3.0rem;
	height:auto;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 .ctg_arrow_img {
	content: '';
	position: absolute;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	right: 16px;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01:hover .ctg_arrow_img{
	animation:select_right 0.1s both;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .raceinfo_btn_tokutenrank img {
	width: 56px;
	height: 40px;
}
.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .raceinfo_btn_pdf img {
	width: 40px;
	height: 40px;
}

.top_raceinfo_tenbo_area .top_racelive_area .raceinfo_btnlist .par-btn01 span {
	display: flex;
	font-weight: bold;
	line-height: 20px;
}

/*-------------------------
 * レース情報エリア 開催
-------------------------*/
.is_kaisai .par-racetitle_group .par-icon_racedays_group {
	position: relative;
	display: flex;
	height: 5rem;
	padding-right: 24px;
	justify-content: space-between;
	background: var(--MAIN_COLOR, #003288);
	border-radius: 16px 16px 0 0;
}

.raceinfo_countdownday .par-icon_area {
	display: flex;
	align-items: center;
	margin-left: 1.2rem;
}

.is_kaisai .raceinfo_countdownday .par-ico_grade.has_nthday {
	display: flex;
	width: 7.5rem;
	height: 3.5rem;
	border-radius: 16px 0 0 0;
	justify-content: center;
	align-items: center;
	border-radius: 5rem 0 0 5rem;
}

.raceinfo_countdownday .par-ico_kaisai_nthday {
	display: flex;
	width: 7.5rem;
	height: 3.5rem;
	justify-content: center;
	align-items: center;
	background: #DD0000;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	border-radius: 0 5rem 5rem 0;
}

/* カレントデイ */
.par-racetitle_group .racedays_group .day.current {
	background: #DD0000;
}

.raceinfo_countdownday:not(.type_3) .racedays_group .day.current .days-state-7,
.raceinfo_countdownday:not(.type_3) .racedays_group .day.current .days-state-0{
	color: #F04C9F !important;
	text-shadow:
            0.5px 0.5px 0.5px #FFF, -0.5px -0.5px 0.5px #FFF,
           -0.5px 0.5px 0.5px #FFF,  0.5px -0.5px 0.5px #FFF,
            0.5px 0px 0.5px #FFF, -0.5px -0px 0.5px #FFF,
            0px 0.5px 0.5px #FFF,  0px -0.5px 0.5px #FFF;
}

.par-racetitle_group.type_1 .par-title_wrapper {
	padding-top: 3px;
	margin: 16px 24px 20px 21px;
}

/*-------------------------
 * レース情報エリア 中止
-------------------------*/
.raceinfo_countdownday .racedays_group .day.cancel .item_day:after {
	content: '';
	position: absolute;
	display: block;
	top: 11px;
	left: -1px;
	width: calc(100% + 2px);
	height: 2px;
	background: #FFFFFF;
}

/* ===========================================
 * スライダーバナーエリア 
 * ======================================== */

 .top_raceinfo_content .top_raceinfo_content_banner
{
	width: 800px;
	height: 240px;
	margin-bottom: 16px;
}

.content_right .right_package .kaisai .topic_area{
	padding-left: 2rem;
}

.content_right .right_package .kaisai .top_raceinfo_content_banner{
	width: 400px;
}

.top_slider_inner_content {
	position: relative;
	display: flex;
	justify-content: center;
	margin: auto;
}

.top_slider_banner_content {
	position: relative;
	width: 90rem;
	height: 240px;
}

.top_slider_banner_wrapper {
	position: relative;
	height: 100%;
	/* padding: 60px 70px 60px 94px; */
	width: 100%;
}

.top_slider_inner_content .top_slider_list {
	height: 100%;
	overflow: hidden;
}

.top_raceinfo_content .slick-initialized .slick-slide a {
	display: flex;
 
}


.top_slider_list span {
	display: block;
	margin: 0 auto;left: 50%;
}

.top_slider_list li a{
	display: flex;
	justify-content: center;
}

.top_slider_list li a img {
	object-fit: cover;
	/* width: 100%; */
	/* height: 240px; */
	border-radius: 10px;
}

.slick-slide a, 
.slick-slide img {
	display: block;
	/* height: 240px; */
	border-radius: 10px;
}

/* スライダードット */
.top_slider_controls {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: -70px;
}

/* スライダー前・後ボタン */
.top_slider_controls .top_slider_prev {
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	border-radius: 50%;
	cursor: pointer;
	background: url(/cdn/pc/images/top/btn_circle_carret_back_w_m.svg) no-repeat;
	background-size: 40px 40px;
	top: 50%;
	left: -3%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.top_slider_controls .top_slider_next {
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	border-radius: 50%;
	cursor: pointer;
	background: url(/cdn/pc/images/top/btn_circle_carret_forward_w_m.svg) no-repeat;
	background-size: 40px 40px;
	top: 50%;
	right: -3%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.top_slider_dots .slick-dots>li>button {
	background: #FFFFFF;
}

.top_slider_dots .slick-dots>li.slick-active>button {
	background: var(--MAIN_BLACK, #000000);
}

.top_slider_dots .slick-dots>li:hover,
.top_slider_dots .slick-dots>li:focus {
	opacity: .7;
}

/* スライダー無しの場合 */
.top_slider_inner_content .top_slider_list.is_not_slider {
	display: flex;
	justify-content: center;
	gap: 2rem;
}

/* ===========================================
 * トピックバナーエリア 
 * ======================================== */

 .top_topic_banner_content {
	position: relative;
}

.top_topic_banner_content .top_topic_banner_wrapper {
	background: var(--MAIN_BLACK, #313131);
}

.top_topic_banner_content .top_topic_banner_inner_content {
	padding: 46px 0 44.5px 0;
}

.top_topic_banner_content .top_topicbnr_list {
	display: flex;
	width: 1096px;
	flex-wrap: wrap;
	margin: 0 auto;
	gap: 24px;
}

.top_topic_banner_content .top_topicbnr_list .top_topicbnr a,
.top_topic_banner_content .top_topicbnr_list .top_topicbnr img {
	display: block;
	width: 200px;
	height: 56px;
}

.c_topic_menu {
	background: var(--MAIN_COLOR, #2160AF);
}

.c_topic_menu .topic_content {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 46px;
	padding: 80px 0 40.28px;
}

 .content_right .top_topic_banner_content {
}

.content_right .top_topic_banner_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	gap: 16px;
	flex-direction: column;
}

.content_right .top_topic_banner a,
.content_right .top_topic_banner img {
	display: block;
	/*width: 256px;
    height: 66px;*/
	border-radius: 10px;
}

.content_right .right_package {
	display: flex;
	/* width: 800px; */
	flex-wrap: nowrap;
}

.content_right .right_package .package_block{
	padding-right: 2rem;
}

/* SNSリスト */
.top_sns_content .top_sns_list {
	margin-top: 18px;
	margin-bottom: 100px;
	display: flex;
	background: #FFFFFF;
	padding: 26px 0;
	justify-content: center;
	gap: 36px;
}

/* ===========================================
 * 開催日程エリア
 * ======================================== */
.top_calendar_content {
	padding-top: 14px;
}

.top_calendar_content .top_calendar_wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
}

.top_calendar_content .top_calendar_ttl {
	position: relative;
	height: 46px;
	color: var(--MAIN_BLACK, #000000);
	font-size: 32px;
	font-weight: bold;
}

.top_calendar_content .top_calendar_inner_content {
	border-radius: 16px;
	background: #FFFFFF;
	margin-bottom: 122px;
}

.top_calendar_content .top_calendar_wrapper .par-btn02.top {
	color: #FFFFFF;
}

/* 開催日程未登録 */
.top_calendar_content .sorry_contents {
	height: 1040px;
}

.top_calendar_content .sorry_contents .sorry {
	padding-top: 200px;
	margin-top: 0;
}

/* JS SNSリスト */
.sns-list-area {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 112px;
}

.sns-list-area .inner {
	position: relative;
}

.sns-list-area .inner #sns-list {
	position: absolute;
	width: 96px;
	height: 484px;
	top: 336px;
	right: -16px;
	background: #FFFFFF;
	border: 2px solid var(--MAIN_COLOR, #003288);
	border-radius: 8px;
	text-align: center;
	padding-top: 9px;
}

.sns-list-area .inner #sns-list .title {
	height: 26px;
	color: #121212;
	font-size: 18px;
	font-weight: bold;
}

.sns-list-area .inner #sns-list ul {
	display: flex;
	flex-direction: column;
	padding: 8px 0 16px;
	gap: 8px;
}

.sns-list-area .inner #sns-list li {
	height: 64px;
}

.sns-list-area .inner #sns-list img {
	width: 64px;
	height: 64px;
}

/* ===========================================
 * ピックアップボタンエリア
 * ======================================== */
.pickup_btn_area {
	display: flex;
	padding: 10px 0 120px;
	background: #FFFFFF;
	position: relative;
	border-radius: 2rem;
}

.pickup_btn_area .player_wrapper {
	display: flex;
	justify-content: center;
	height: 60px;
}

.pickup_btn_area .player_btn {
	position: relative;
	width: 34.5rem;
    height: 8rem;
    border: 4px solid #FFAF2B;
	border-radius: 10px;
}

.pickup_btn_area .player_btn a {
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000000;
	font-size: 1.8rem;
	font-weight:bold;
}

.pickup_btn_area .player_btn .arrow_img{
	position: absolute;
	height: 1.8rem;
	top: 2.5rem;
	right: 2.2rem;
}

.pickup_btn_area .player_btn a:hover .arrow_img{
	animation:select_right 0.1s both;
}

.pickup_btn_area .pickup_wrapper {
	display: flex;
	justify-content: space-evenly;
	height: 200px;
	/* margin-top: 16px; */
	flex-wrap: wrap;
}

.pickup_btn_area .pickup_btn {
	FONT-VARIANT: JIS78;
	position: relative;
	display: inline-block;
	width: 17rem;
	height: 9rem;
	background-color: var(--MAIN_GRAY, #BABABA);
	margin-top: 1.1rem;
	border-radius: 8px;
}

.pickup_btn_area .pickup_btn a {
	width:100%;
	height:100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.pickup_btn_area .pickup_btn a img {
	width: 17rem;
	height: 9rem;
	border-radius: 8px;
}

.pickup_btn_area .pickup_btn .pickup_img_1 {
	position: absolute;
	left:1rem;
	width:30%;
	height:auto;
}

.pickup_btn_area .pickup_btn .pickup_img_2 {
	position: absolute;
	right:1rem;
	width:30%;
	height:auto;
}

.pickup_btn_area .pickup_btn a:hover .pickup_chara{
	animation:select_top 0.1s both;
}

.pickup_btn_area .pickup_btn .pickup_facility_text{
	position: absolute;
	left: 7.7rem;
	color: #4D97EF;
	font-size: 1.5rem;
	font-weight: bold;
}

.pickup_btn_area .pickup_btn .pickup_access_text{
	position: absolute;
	left: 7.7rem;
	color: #D02424;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2rem;
}

.pickup_btn_area .pickup_btn .pickup_rekishikan_text{
	position: absolute;
	left: 1.2rem;
	color: #55BC42;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2rem;
}

.pickup_btn_area .pickup_btn .pickup_card_text{
	position: absolute;
	left: 1.2rem;
	color: #f27326;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2rem;
}

/* ===========================================
 * バナーボタンエリア
 * ======================================== */
.foot_btn_area {
	padding: 50px 0 144px;
	/* background: #FFFFFF; */
	position: relative;
}

.foot_btn_area .player_wrapper {
	display: flex;
	justify-content: space-between;
	height: 60px;
}

.foot_btn_area .player_btn {
	position: relative;
	width: 384px;
    height: 88px;
    background-color: var(--MAIN_COLOR, #003288);
	border-radius: 8px;
}

.foot_btn_area .player_btn a {
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 30px;
	font-weight:bold;
}

.foot_btn_area .topic_wrapper {
	display: flex;
	justify-content: space-between;
	height: 100px;
	margin-top: 20px;
}

.foot_btn_area .topic_btn {
	position: relative;
	width: 288px;
    background-color: var(--MAIN_GRAY, #BABABA);
    height: 160px;
    margin-top: 24px;
	border-radius: 8px;
}

.foot_btn_area .topic_btn a {
	width:100%;
	height:100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.foot_btn_area .topic_btn a img {
	width: 288px;
	height: 160px;
	border-radius: 8px;
}

/*  とこたん画像調整 */
img.bg_chara.race_live_tokotan {
    width: 80px;
    margin-top: 20px;
}

img.bg_chara.race_guide_tokotan {
    width: 140px;
}

img.bg_chara.news_tokotan {
    width: 80px;
    margin-right: 15px;
}