@charset "utf-8";

/* ===========================================
 * SP版トップページ
 * ======================================== */
/* .main_content_wrapper { */
	/* width: 37.5rem; */
	/* background-size: 87.4rem 275.1rem; */
	/* background-color: #F7F5F2; */
	/* background-position: bottom 4.9rem left -25rem; */
	/* background-repeat: no-repeat; */
	/* margin-top: 0; */
/* } */

/* サブタイトル */
.top_sub_ttl {
	display: flex;
    justify-content: space-between;
	align-items: flex-end;
	height: 5.6rem;
	font-size: 2.4rem;
	font-weight: bold;
	padding-left: 2rem;
}

 .top_title_bar_content {
	display: flex;
	width: 100%;
	padding: 0 1rem;
	margin: 1rem 0;
}

 .top_title_bar_content_2 {
	width: 37.5rem;
	padding: 0 1rem;
}

.top_title_bar {
	position: relative;
	width: 100%;
	height: 4rem;
	line-height: 4.8rem;
	color: var(--MAIN_COLOR, #003288);
	/* font-family: "Oswald"; */
	font-size: 3rem;
	margin: 1rem 0 1rem 0;
}

 .top_title_bar_content .top_title_bar h2{
	margin-left: 0.5rem;
}

.top_title_bar .bg_chara {
	position: absolute;
	content: '';
    width: 9rem;
    top: -2rem;
    right: 1rem;
	z-index: 0;
}

.top_title_bar img.bg_chara.topics_tokotan {
    width: 7rem;
    top: -1.5rem;
}

/*-------------------------
 * レース情報コンテンツ 
-------------------------*/

.top_content {
	background-color: #ffdd80;
	z-index: -100;
	padding-bottom: 1rem;
}

.kaisai_bg {
  background-color: #C3EDFF;
}

.top_raceinfo_content {
	width: 37.5rem;
}

.top_raceinfo_content .top_raceinfo_wrapper {
	width: 100%;
}

.top_raceinfo_content .top_raceinfo_wrapper .top_marquee_content {
	display: flex;
	width: 100%;
	flex-direction: column;
	/* padding: 0 1rem; */
	padding-top: 1.6rem;
	gap: 1.6rem;
	align-items: center;
}

/*-------------------------
 * 緊急お知らせの表示 
-------------------------*/
.top_main_caution {
	padding-top: 1.6rem;
}

.top_main_caution h3 {
	height: 5.2rem;
	padding-top:1.5rem;
	background-color: #DD0000;;
	text-align: center;
	align-items: center;
	color: #FFFFFF;;
	font-size: 1.8rem;
	font-weight: bold;
}

.top_main_caution .top_caution_content {
	background-color: #FFFFFF;
	border: 0.2rem solid #DD0000;
	padding: 1.8rem 1.7rem 2.8rem 2.7rem;
	font-size: 1.6rem;
}

.top_main_caution .top_caution_content p{
	font-size: 1.6rem;
	font-weight: bold;
}

.top_content .raceinfo_eventinfo_button_area ,
.top_content .top_hatsubai_title_area {
	display: flex;
}

.top_content .top_hatsubai_title_area {
	margin-top: 1rem;
}

.top_content .raceinfo_eventinfo_button_area .top_title_bar .bg_chara{
    position: absolute;
    width: 11rem;
    margin-top: 0.5rem;
    margin-right: 0rem;
    z-index: 0;
}

/* レースガイド */
.top_main_caution .tenbo_btnlist {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
    gap: 0.8rem;
}

/*-------------------------
 * 非開催展望表示  
-------------------------*/
.top_raceinfo_tenbo_area .top_tenbo_block {
	padding: 0 1rem;
	background: #FFFFFF;
}

.top_raceinfo_tenbo_area .top_tenbo_block p {
	height: 2.4rem;
	font-size: 1.6rem;
	font-weight: bold;
}

.top_raceinfo_tenbo_area .top_tenbo_block .series_leader_list {
	display: flex;
	flex-wrap: wrap;
	margin: 1.6rem 0 2.4rem;
	gap: 0.7rem;
	justify-content: space-evenly;
}

.top_raceinfo_tenbo_area .series_leader_list li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 1.6rem;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_image img {
	display: block;
	width: 14.4rem;
	height: auto;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_kyu_toban {
	display: flex;
	height: 1.55rem;
	align-items: center;
	margin: 0.8rem 0 0.0rem;
	gap: 0.8rem;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_kyu_toban .par-ico_kyubetu {
	display: inline-flex;
	width: 2.8rem;
	height: 1.4rem;
	justify-content: center;
	border-radius: 0.8rem;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.4rem;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_kyu_toban .player_kyu_toban_text {
	font-size: 1.2rem;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_name {
	font-size: 1.6rem;
	font-weight: bold;
}

.top_raceinfo_tenbo_area .series_leader_list li .player_name .ico-lady{
	width: 1.2rem;
	margin-left: 0.1rem;
}

.top_raceinfo_tenbo_area .series_leader_list li .shibu_name {
	height: 1.7rem;
	font-size: 1.2rem;
}

.top_raceinfo_tenbo_area .tenbo_article {
	margin: 0 1.8rem;
	margin-bottom: 1.7rem;
}

.top_raceinfo_tenbo_area .tenbo_title {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 1.2rem;
}

.top_raceinfo_tenbo_area .tenbo_comment {
	height: auto;
	line-height: 1.6;
	overflow: hidden;
}

/* ボタンエリア */
.top_kaisai_countdown_wrapper .tenbo_btnlist {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
    gap: 0.8rem;
}

.top_kaisai_countdown_wrapper .btn-s {
	width: 16rem;
	height: 10.8rem;
	border-radius: 0.8rem;
}

.top_kaisai_countdown_wrapper .btn-s a {
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 0.8rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 {
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	height: 100%;
    font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.5rem;
	padding: 0.8rem 0 1rem 0;
	background-color: #FFFFFF;
	color: #262525;
	border: 0.2rem solid var(--MAIN_COLOR, #003288);
	text-align: center;
	border-radius: 0.8rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02:hover .race_chara{
	animation:select_top 0.1s both;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02:hover .ctg_arrow_img{
	animation:select_right 0.1s both;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset{
	display: flex;
	position: relative;
	top: 0.5rem;
	width: 6.5rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .race_icon{
	position: absolute;
    background-size: contain;
    width: 5.0rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .race_chara{
	position: absolute;
	background-size: contain;
	width: 5.5rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .assen_icon{
	left: -0.5rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .assen_chara{
	left: 1rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .series_icon{
	left: -0.5rem;
	width: 4rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .series_chara{
	left: 1.5rem;
	top: 0rem;
	width: 5rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .info_icon{
	left: 3.5rem;
	width: 3.5rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .info_chara{
	left: 0.5rem;
	top: 0rem;
	width: 5rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .result_icon{
	left: -0.5rem;
	width: 5rem;
	z-index: 0;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .result_chara{
	top: 0.5rem;
	left: 2rem;
	width: 5rem;
	z-index: 1;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .replay_icon{
	top: 1rem;
	left: -0.5rem;
	width: 3rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_tenbo_imgset .replay_chara{
	top: 0.5rem;
	left: 3rem;
	width: 4rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .ctg_arrow_img{
	position: absolute;
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    right: 1.5rem;
    top: 4.4rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 img {
	width: 3.4rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02:has(.race_icon) {
	gap: 0;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .race_icon {
	margin-top: 0.8rem;
}

.top_kaisai_countdown_wrapper .btn-s .par-btn02 .player_icon {
	margin-top: 1.5rem;
	width: 5.6rem;
}

/*-------------------------
 * マキー表示  
-------------------------*/
.top_marquee_content_area {
	display: flex;
	width: 35.5rem;
}

.c_header_msg {
	display: flex;
	width: 100%;
}

.c_header_msg .c_header_msg_content {
	display: flex;
	position: relative;
	width: 100%;
	background: #FFFFFF;
	align-items: center;
	gap: 0.4rem;
	border-radius: 0.5rem;
	z-index: 1;
}

.c_header_msg_content .c_header_msg_title {
	display: flex;
	width: 5.3rem;
	background: var(--MAIN_COLOR, #003288);
	height: 3rem;
	color: #FFFFFF;
	font-size: 1.4rem;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem 0 0 0.5rem;
}

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

.c_header_msg_marquee {
	overflow: hidden;
	margin-right: 0.4rem;
}

.c_header_msg_marquee p {
	display: inline-block;
	padding-left: 30rem;
	min-width: 25.7rem;
	font-size: 1.2rem;
	line-height: 3.6rem;
	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%);
	}

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

/* おすすめバナーエリア */
.top_recommend_banner_content .top_recommend_banner_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.8rem;
	padding: 0 1.4rem;
}

.top_recommend_banner_content .top_recommend_banner_list li {
	width: 100%;
	border-radius: 0.8rem;
}

.top_recommend_banner_content .top_recommend_banner_list li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 8rem;
	justify-content: center;
	border-radius: 0.8rem;
	background-color: gray;
}

.top_recommend_banner_content .top_recommend_banner_list img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	border-radius: 0.8rem;
}

.top_raceinfo_wrapper .top_kaisai_countdown_wrapper {
	display: flex;
	width: 37.5rem;
	flex-direction: column;
	margin: 0 auto;
	margin-top: -0.25rem;
}

.top_raceinfo_wrapper.is_hikaisai .top_kaisai_countdown_wrapper {
	gap: 1.6rem;
	position: relative;
	background: #FFFFFF;
	padding-bottom: 2rem;
	margin-bottom: 1rem;
	border-radius: 1rem;
}

.top_raceinfo_wrapper.is_kaisai .par-racetitle_group {
	display: flex;
	flex-direction: column;
}

.top_raceinfo_wrapper.is_kaisai .par-racetitle_group .par-kaisai_wrapper {
	display: flex;
	justify-content: space-between;
}

.top_raceinfo_wrapper.is_kaisai .par-racetitle_group .par-kaisai_wrapper .par-icon_area {
	display: flex;
	font-weight: bold;
}

.top_raceinfo_wrapper.is_kaisai .par-racetitle_group .par-kaisai_wrapper .par-icon_area .par-ico_grade.has_nthday {
	display: flex;
	justify-content: center;
    align-items: center;
	width: 7.2rem;
	height: 3.2rem;
	border-radius: 1.6rem 0 0 1.6rem;
	font-size: 1.4rem;
	padding-top: 0;
}

.top_raceinfo_wrapper .par-racetitle_group .par-kaisai_wrapper .par-icon_area .par-ico_kaisai_nthday {
	display: flex;
	width: 7.2rem;
	height: 3.2rem;
	border-radius: 0 1.6rem 1.6rem 0;
	justify-content: center;
    align-items: center;
	background: #E33773;
	color: #FFFFFF;
	border: 0.2rem solid #FFFFFF;
	font-size: 1.6rem;
}

.top_raceinfo_wrapper .event_button {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 7rem;
	height: 4.5rem;
	background: var(--MAIN_COLOR, #003288);
	box-shadow: 0rem 0.3rem 0.6rem #00000029;
	border-radius: 0.6rem;
	flex-direction: column;
	margin-top: 1rem;
}

.top_raceinfo_wrapper .event_button .event_button_text {
	color: #FFFFFF;
	line-height: 1.8rem;
	font-size: 1.4rem;
	font-weight: bold;
}

.kaisai_bg .event_button {
	background: #FF9D00;
}

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

.top_raceinfo_wrapper .top_kaisai_countdown_area {
	display: flex;
	flex-direction: column;
	background: #FFFFFF;
	border-radius: 1.6rem 1.6rem 0.8rem 0.8rem;
	/* box-shadow: 0 0.3rem 0.6rem #00000029; */
}

.top_raceinfo_wrapper .par-racetitle_group .par-icon_area{
    display: flex;
    width: auto;
    justify-content: flex-start;
    flex-direction: column;
}

.top_raceinfo_wrapper.is_kaisai .top_kaisai_countdown_wrapper .par-racetitle_group .par-racetitle {
	color:  var(--MAIN_COLOR, #003288);
	font-size: 2rem;
	font-weight: bold;
	line-height: 3rem;
	margin: 0rem 1.5rem -1rem;
}

.top_raceinfo_wrapper .par-racetitle_group .par-title_wrapper {
	background: #FFFFFF;
}

/* 日程 */
.raceinfo_countdownday .racedays_group {
	display: flex;
	width: 100%;
	min-height: 6rem;
	justify-content: flex-start;
	align-items: center;
	padding-right: 1.8rem;
	color: #FFFFFF;
	background: var(--MAIN_COLOR, #003288);
	border-radius: 1rem 1rem 0 0;
	box-shadow: 0 0.3rem 0.6rem #00000029;
	font-weight: bold;
	/* gap: 0.2rem; */
	padding-left: 1rem;
}

.raceinfo_countdownday .racedays_group .item_month {
	font-size: 2.4rem;
	margin-left: 1.8rem;
	margin-right: 0.6rem;
}

.raceinfo_countdownday .racedays_group .item_month .item_month_num {
	font-size: 2.4rem;
}

/* 日 */
.raceinfo_countdownday .racedays_group .day {
	display: flex;
	width: 3.6rem;
	height: 6rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.3rem;
}

/* 曜日 */
.raceinfo_countdownday .racedays_group .day .weekday {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	/* background: #FFFFFF; */
	border-radius: 50%;
	color: #FFFFFF;;
	text-align: center;
	font-size: 1rem;
	line-height: 1.4rem;
}

/* カレントデイ */
.raceinfo_countdownday:not(.type_3) .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:
            1px 1px 1px #FFF, -1px -1px 1px #FFF,
           -1px 1px 1px #FFF,  1px -1px 1px #FFF,
            1px 0px 1px #FFF, -1px -0px 1px #FFF,
            0px 1px 1px #FFF,  0px -1px 1px #FFF;
}

.raceinfo_countdownday:not(.type_3) .racedays_group .day.cancel .item_day {
	position: relative;
}

.raceinfo_countdownday:not(.type_3) .racedays_group .day.cancel .item_day:after {
    content: '';
    position: absolute;
    display: block;
    top: 1rem;
    width: calc(100% + 0.2rem);
    height: 0.2rem;
    background: #FFFFFF;
}

/* 開催まであと〇日 */
.top_raceinfo_content .top_raceinfo_wrapper.is_hikaisai .raceinfo_countdown {
	display: flex;
	width: 100%;
	min-height: 4.8rem;
	justify-content: center;
	align-items: center;
}

.top_raceinfo_wrapper.is_hikaisai .raceinfo_countdown .countdown_header .countdown_text {
	font-size: 1.8rem;
	font-weight: bold;
	color: #DD0000;
}

.top_raceinfo_wrapper.is_hikaisai .raceinfo_countdown .countdown_header .countdown_day {
	font-size: 2.4rem;
}

.top_raceinfo_wrapper.is_hikaisai .raceinfo_ttl_area {
	background: #FFFFFF;
}

.top_raceinfo_wrapper.is_hikaisai .par-title_wrapper {
	display: flex;
	flex-direction: column;
	font-weight: bold;
	margin: 0 1rem;
	margin-bottom: 1.6rem;
	gap: 0.8rem;
}

.top_raceinfo_wrapper.is_hikaisai .par-title_wrapper .par-ico_grade {
	display: flex;
	width: 7.2rem;
	height: 3.2rem;
	font-size: 1.8rem;
	justify-content: center;
	align-items: center;
	border-radius: 1.6rem;
}

.top_raceinfo_wrapper.is_hikaisai .par-title_wrapper .par-racetitle {
	width: 100%;
	font-size: 2rem;
	line-height: 3rem;
}

/* 共通ボタンエリア */
.top_raceinfo_wrapper .top_racelive_btn_area {
	position: relative;
	width: 100%;
	background: #FFFFFF;
}

.top_raceinfo_wrapper.is_kaisai .top_racelive_btn_area {
	padding: 3.4rem 0;
	border-radius: 1.6rem;
}

/* Live エリア */
.top_raceinfo_live_area {
	display: flex;
	flex-direction: column;
}

.top_raceinfo_live_area .top_raceinfo_liveheader h2 {
	font-size: 2.8rem;
	padding-bottom: 1.8rem;
}

/* レースライブ・リプレイ */
.raceinfo_is-kaisai_haishin {
	position: relative;
	display: flex;
	height: 28.4rem;
	align-items: center;
	flex-direction: column;
}

.top_raceinfo_videoarea {
	position: relative;
	display: flex;
	width: 100%;
	height: 21rem;
}

.top_raceinfo_videoarea .js-videoarea {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(/cdn/sp/images/top/racelive_img01.png);
	background-size: cover;
}

.top_raceinfo_videoarea .js-videoarea.selected {
	display: block;
}

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

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

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

.top_raceinfo_livearea iframe {
	display: none;
}

.top_raceinfo_livearea.play iframe {
	display: block;
}

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

.top_raceinfo_youtubearea iframe {
	width: 100%;
	height: 100%;
}

.top_raceinfo_live_area .top_raceinfo_reply_content {
	position: relative;
	width: 32.8rem;
}

.top_raceinfo_live_area .top_raceinfo_videoarea_reply {
	position: relative;
    display: flex;
	width: auto;
    height: 4.5rem;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #FF0700;
    border-radius: 0.6rem;
    align-items: center;
    justify-content: center;
    padding-right: 2rem;
}

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

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

/* 2種類のボタン */
 .top_raceinfo_livebtn {
	display: flex;
	justify-content: center;
	width: auto;
	background-color: #FFFFFF;
}

.top_raceinfo_livebtn ul {
	display: flex;
	height: 4.5rem;
	gap: 0.8rem;
}

.top_raceinfo_livebtn ul span {
	
}

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

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

.top_raceinfo_livebtn ul .raceinfo_livebtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 11rem;
	height: 100%;
	font-size: 1.3rem;
	font-weight: bold;
	color: #FFFFFF;
}

.top_raceinfo_livebtn ul .selected {
	background-color: #DD0000;
	
}

.top_raceinfo_livebtn ul li {
	background-color: #868686;
	border-radius: 0.6rem 0.6rem 0 0;
}

/* Youtubeボタン */
/*.top_raceinfo_livebtn ul .raceinfo_livebtn_youtube span:before {
	content: '';
	position: absolute;
	background: url(/cdn/sp/images/top/live_youtube_w.svg) no-repeat;
	background-size: 2.15rem 1.743rem;
}*/

/*.top_raceinfo_livebtn ul .selected .raceinfo_livebtn_youtube span:before {
	background: url(/cdn/sp/images/top/live_youtube.svg) no-repeat;
	background-size: 2.15rem 1.743rem;
}*/

.suimen_area_btn {
	display: flex;
	height: 4.8rem;
    gap: 0.8rem;
    margin: 0 2.4rem 2rem 2.4rem;
	font-size: 1.3rem;
}

.suimen_area_btn .item {
	display: flex;
	justify-content: center;
    align-items: center;
    font-weight: bold;
	width: 100%;
	height: 4.8rem;
}

.suimen_area_btn .youtube {
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #EF0E0E;
	color: #FFFFFF;
}

.suimen_area_btn .youtube::before {
	content: '';
    background: url(/cdn/sp/images/top/live_youtube_w.svg) no-repeat;
	background-size: contain;
	width: 2.2rem;
    height: 1.8rem;
	margin-right: 0.7rem;
}

.suimen_area_btn .nikkan {
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	color: var(--MAIN_BLACK, #000000);
	border: 0.2rem solid var(--MAIN_BLACK, #000000);
}

.suimen_area_btn .nikkan::before {
	content: '';
	background: url(/cdn/sp/images/top/ico_nikkan.svg) no-repeat;
	background-size: contain;
	width: 2.6rem;
    height: 2rem;
	margin-right: 0.7rem;
}

/* インターネット投票 */
.top_raceinfo_wrapper .raceinfo_btnlist  {
	display: flex;
	justify-content: center;
}

.top_raceinfo_wrapper .raceinfo_btnlist a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 1.8rem;
	width: 32.8rem;
	height: 6.4rem;
	background: url(/cdn/sp/images/top/btn_vote.png) no-repeat;
	background-size: cover;
	padding-bottom: 0;
	font-weight: bold;
}

.top_racelive_btn_area .raceinfo_btn_area {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}

.top_racelive_btn_area .raceinfo_btn_area .small_btn_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.8rem;
}

.top_racelive_btn_area .raceinfo_btn_area .small_btn_area .arrow_img {
	content: '';
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	right: 0.5rem;
	top: 2.3rem;
}

.raceinfo_btn_area .par-btn02 {
	background: var(--MAIN_WHITE, #FFF);
}

.small_btn_area .btn-s .par-btn02 {
	position: relative;
	display: flex;
	width: 16rem;
	height: 10.8rem;
	flex-direction: column;
	border: 0.2rem solid var(--MAIN_COLOR, #003288);
	border-radius: 0.8rem;
	align-items: center;
	text-align: center;
	padding-top: 1.6rem;
	gap: 0.4rem;
}

.small_btn_area .btn-s .par-btn02 img {
	width: 3.6rem;
    height: 4rem;
}

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

.small_btn_area .btn-s .par-btn02 .race_result_imgset .raceinfo_img{
	top: 0;
	left: 0;
}

.small_btn_area .btn-s .par-btn02 .race_result_imgset .raceinfo_result_chara_img{
	position: absolute;
	top: -1rem;
	left: 2.5rem;
	width:6rem;
	height:auto;
}

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

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

.small_btn_area .btn-s .par-btn02 .race_pdf_imgset .raceinfo_pdf_chara_img{
	position: absolute;
	top: -1.5rem;
	left: 0.25rem;
	width: 6rem;
	height:auto;
}

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

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

.small_btn_area .btn-s .par-btn02 .race_ranking_imgset .raceinfo_ranking_chara_img{
	position: absolute;
	top: 0rem;
	left: 2.25rem;
	width: 5.5rem;
	height:auto;
}

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

.small_btn_area .btn-s .par-btn02 .race_motor_imgset .raceinfo_img{
	top: 0;
	left: 0;
}

.small_btn_area .btn-s .par-btn02 .race_motor_imgset .raceinfo_motor_chara_img{
	position: absolute;
	top: -1rem;
	left: 2.75rem;
	width: 4.5rem;
	height:auto;
}

.small_btn_area .btn-s .par-btn02 .ctg_arrow_img {
	content: '';
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	right: 1.4rem;
	top: 4.4rem;
}

.small_btn_area .btn-s_link .par-btn02 {
	position: relative;
	display: flex;
	width: 16rem;
	height: 6.3rem;
	border: 0.2rem solid var(--MAIN_COLOR, #003288);
	border-radius: 0.8rem;
	gap: 0.4rem;
	font-size: 1.3rem;
	color: #000;
}

.small_btn_area .btn-s_link .raceinfo_btn_youtube {
	background-color: #EF0E0E;
	border: 0.2rem solid #EF0E0E;
	color: #FFFFFF;
	font-size: 1.4rem;
}

.small_btn_area .btn-s_link .btn-s_text_youtube {
	padding: 0rem 1rem;
}

.small_btn_area .btn-s_link .par-btn02 .icon_youtube,
.small_btn_area .btn-s_link .par-btn02 .icon_shinnyu {
	width: 3.5rem;
	height: auto;
	margin-left: -1rem;
}

.small_btn_area .btn-s .par-btn02 span {
	display: flex;
	height: 3.8rem;
	color: var(--MAIN_BLACK, #313131);
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.8rem;
	align-items: center;
}

.small_btn_area .btn-s a:hover .raceinfo_chara_img,
.long_btn_area .btn-l a:hover .raceinfo_chara_img {
	animation:select_top 0.1s both;
}

.small_btn_area .btn-s a:hover .ctg_arrow_img,
.long_btn_area .btn-l a:hover .ctg_arrow_img,
.small_btn_area .btn-s_link a:hover .arrow_img{
	animation:select_right 0.1s both;
}

.top_racelive_btn_area .raceinfo_btn_area .long_btn_area {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}

.long_btn_area .btn-l .par-btn02 {
	display: flex;
    justify-content: start;
    width: 32.8rem;
    height: 6.3rem;
    border: 0.2rem solid var(--MAIN_COLOR, #003288);
	gap: 0.4rem;
	border-radius: 0.8rem;
}

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

.long_btn_area .btn-l .par-btn02 .race_suimen_imgset .raceinfo_faq_img{
	position: relative;
	top: 1.5rem;
	left: -1rem;
	width:6.5rem;
}

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

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

.long_btn_area .btn-l_gradation .par-btn02 .raceinfo_chara_img {
	width: 8.6rem;
	height: auto;
	margin-left: 1.5rem;
}

.long_btn_area .btn-l_gradation .par-btn02 .btn_title {
	font-size: 2rem;
	margin-left: -3.5rem;
}

.long_btn_area .btn-l_gradation .par-btn02 .race_funaken_img_set {
	
}

.long_btn_area .btn-l_gradation a:hover .raceinfo_funaken_chara_img {
	animation:select_spin 0.1s both;
}

.long_btn_area .btn-l_gradation a:hover .ctg_arrow_img {
	animation:select_right 0.1s both;
}

.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;
}

.long_btn_area .btn-l .par-btn02 .ctg_arrow_img{
	content: '';
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	right: 1.6rem;
	top: 2.0rem;
}

.long_btn_area .btn-l_gradation .par-btn02 .ctg_arrow_img {
	top: 3.5rem;
	width: 2rem;
	height: 2rem;
}

.long_btn_area .btn-l .par-btn02 img {
	flex: 1;
	width: 3.6rem;
	height: 3.6rem;
	margin-left: 3.7rem;
}

.long_btn_area .btn-l .par-btn02 span {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 8;
	height: 3.8rem;
	color: var(--MAIN_BLACK, #313131);
	font-weight: bold;
	line-height: 1.8rem;
	margin-right: 2.7rem;
	font-size: 1.4rem;
}

/* モーター抽選結果前倹タイムランキング */
.top_racelive_btn_area .raceinfo_btn_area .raceinfo_btn_timerank span {
	font-size: 1.4rem;
}

/* バナーエリア */
.top_raceinfo_banner_list {
	display: flex;
	padding: 2.4rem;
	flex-direction: column;
	background: var(--MAIN_COLOR, #2160AF);
	gap: 0.8rem;
}

.top_raceinfo_banner_list li .top_raceinfo_banner,
.top_raceinfo_banner_list li .top_raceinfo_banner img {
	display: block;
}

.top_raceinfo_banner_list li .top_raceinfo_banner img {
	width: 100%;
	border-radius: 0.8rem;
}

.top_news_cal_wrapper.hakubo{
	background-size: cover;
}

/*-------------------------
 * 発売情報コンテンツ 
-------------------------*/
.top_hatsubai_content {
	/* padding: 2.4rem 0 4rem; */
}

.top_hatsubai_content .top_hatsubai_area {
	position: relative;
	margin: 0 1rem;
}

.top_hatsubai_content .top_hatsubai_area .top_hatsubai_title_area .top_title_bar .bg_chara{
	position: absolute;
	width: 8rem;
	height: auto;
	top: -2rem;
	left: 16.5rem;
	z-index: 0;
}

.top_hatsubai_content .top_cal_wrapper {
	display: flex;
	width: 16rem;
	top: 0.8rem;
	right: 1rem;
	justify-content: flex-end;
}

.top_hatsubai_content .top_cal_wrapper .cal_button {
	position: relative;
	display: flex;
	width: 11rem;
	height: 3rem;
	justify-content: center;
	background: #FFFFFF;
	box-shadow: 0rem 0.3rem 0.6rem #00000029;
	border-radius: 6.4rem;
	margin-top: 1rem;
}

.top_hatsubai_content .top_cal_wrapper .cal_button .arrow_img {
	content: '';
	position: relative;
	width: 1.1rem;
	height: 1.1rem;
	top: 35%;
	right: -10%;
}

.top_hatsubai_content .top_cal_wrapper .cal_button .cal_button_text {
	color: var(--MAIN_COLOR, #003288);
	font-size: 1.4rem;
	line-height: 3.2rem;
	font-weight: bold;
}

.top_hatsubai_content .hatsubai_block {
	position: relative;
	display: flex;
	width: 35.5rem;
	flex-direction: column;
	margin: 0 auto;
	margin-top: 1.6rem;
	gap: 1.6rem;
	z-index: 1;
}

.top_hatsubai_content .hatsubai_header {
	display: flex;
	height: 4rem;
	background: var(--MAIN_COLOR, #003288);
	align-items: center;
	justify-content: space-evenly;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 0.8rem 0.8rem 0 0;
	box-shadow: 0rem 0.3rem 0.6rem #00000029;
	gap: 1.1rem;
}

.top_hatsubai_content .hatsubai_header .item_title {
	flex: 0.5;
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: center;
}

.top_hatsubai_content .hatsubai_header .item_kaimon {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	gap: 0.5rem;
}

.top_hatsubai_content .soto_hatsubai .hatsubai_header .item_title {
	border-right: 0.1rem solid #FFFFFF;
}

.top_hatsubai_content .hatsubai_header .item_kaimon .item_time {
	font-size: 1.2rem;
}

.top_hatsubai_content .hatsubai_data {
	display: flex;
	padding: 1.6rem 0 1.6rem;
	border-radius: 0 0 0.8rem 0.8rem;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0rem 0.3rem 0.6rem #00000029;
}

.top_hatsubai_content .hatsubai_data .hatsubai_data_list {
	display: flex;
    flex-wrap: wrap;
    padding: 0 5rem;
    font-size: 1.2rem;
    font-weight: bold;
    gap: 1rem;
}

.top_hatsubai_content .hatsubai_data_list li:not(.__nodata) {
	display: flex;
	width: 12rem;
	height: 1.6rem;
	gap: 0.2rem;
}

.top_hatsubai_content .hatsubai_data_list .jo_grade_area {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.top_hatsubai_content .hatsubai_data_list .jo_grade_area .item_jo {
	display: flex;
	width: 4rem;
	flex-direction: row-reverse;
	font-size: 1.2rem;
}

.top_hatsubai_content .hatsubai_data_list li .par-ico_grade {
	display: flex;
	width: 2.5rem;
	height: 1.6rem;
	line-height: 1.15rem;
	justify-content: center;
	border-radius: 0.2rem;
	font-size: 1rem;
}

/* 時間帯アイコン */
.top_hatsubai_content i.mark {
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
}

/*-------------------------
 * スライダーバナーエリア
-------------------------*/
.top_slider_banner_content {
	background: #BABABA;
	background-size: cover;
	overflow: hidden;
}

.top_slider_banner_content .top_slider_inner_content {
	position: relative;
	height: 24rem;
    /*padding: 2.7rem 0 3.6rem;*/
}

.top_slider_banner_content .top_slider_list {
	display: flex;
    flex-direction: column;
    gap: 4rem;
}

.top_slider_banner_content .top_slider_list li,
.top_slider_banner_content .top_slider_list li a,
.top_slider_banner_content .top_slider_list li img {
	width: 37.6rem;
	height: 24rem;
	margin: 0 auto;
}

/* スライダー前・後ボタン */
.top_slider_banner_content .top_slider_arrows {
	display: inline-flex;
	align-items: center;
}

.top_slider_banner_content .top_slider_controls {
    display: flex;
    justify-content: center;
    align-items: center;
	height: 3.8rem;
	margin-top: -5rem;
	background-color: #BABABA;
}

.top_slider_banner_content .slick-dots {
	bottom: 0;
}

.top_slider_banner_content .slick-dots li {
	width: 1rem;
}

.top_slider_banner_content .slick-dots li button {
	background-color: #FFF;
}

.top_slider_banner_content .slick-dots>li.slick-active>button {
	background: #000000;
}

.top_slider_banner_content .top_slider_prev {
	position: absolute;
	background: url(/cdn/sp/images/top/btn_circle_carret_back_w_m.svg) no-repeat;
	background-size: contain;
    top: 11.55rem;
    left: 1rem;
    width: 2.4rem;
    height: 2.4rem;
}

.top_slider_banner_content .top_slider_next {
	position: absolute;
    background: url(/cdn/sp/images/top/btn_circle_carret_forward_w_m.svg) no-repeat;
    background-size: contain;
    top: 11.55rem;
    right: 1rem;
    width: 2.4rem;
    height: 2.4rem;
}

.top_slider_banner_content .slick-slider {
	width: 100%;
}

.top_slider_banner_content .slick-slider .slick-slide {
	display: flex;
	justify-content: normal;
    align-items: normal;
}

/*-------------------------
 * トピックバナーエリア 
-------------------------*/
.top_topic_banner_inner_content {
	width: 100%;
}

.top_topic_banner_inner_content .topic_banner_list {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	gap: 1.6rem;
	padding-left: 1.4rem;
	margin-bottom: 3.8rem;
	flex-direction: column;
}

.top_topic_banner_inner_content .topic_banner_list a {
	display: flex;
}

.top_topic_banner_inner_content img {
	width: 34.6rem;
	height: 11.5rem;
	border-radius: 1rem;
}

/*-------------------------
 * SNSエリア 
-------------------------*/
.top_topic_banner_inner_content .top_sns_content {
	background-color: #000000;
	height: 7.2rem;
}

/* ===========================================
 * ピックアップボタンエリア
 * ======================================== */
.pickup_area {
	margin: 2rem 1rem 0rem 1rem;
}

.pickup_area  .top_title_bar h2{
	margin-left: -0.5rem;
}

.top_pickup_content {
	width: 100%;
	min-height: 40rem;
	margin: 1rem 0;
}

.pickup_btn_area {
	position: relative;
	padding: 0 0 10px 0;
	margin:  0 0 10px 0;
	background: #FFFFFF;
	border-radius: 1rem;
}

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

.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;
	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:35%;
	height:auto;
}

.pickup_btn_area .pickup_btn .pickup_img_2 {
	position: absolute;
	right:1rem;
	width:35%;
	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 {
	background-color: #262525;
	height: 56rem;
}

.foot_btn_area .player_wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
    gap: 0.8rem;
	padding-top: 2.8rem;
}

.foot_btn_area .player_btn {
	width: 32.8rem;
    height: 8rem;
    background-color: var(--MAIN_COLOR, #003288);
	border-radius: 0.8rem;
}

.foot_btn_area .player_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
	color: var(--MAIN_COLOR, #003288);
	font-size: 1.7rem;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 0.2rem solid #D02424;
	border-radius: 0.8rem;
	
}

.foot_btn_area .topic_wrapper {
	display: flex;
    margin-top: 2rem;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.foot_btn_area .topic_btn {
	width: 16rem;
    background-color: var(--MAIN_GRAY, #BABABA);
    height: 10.8rem;
    border-radius: 0.8rem;
}

.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: 16rem;
	height: 10.8rem;
	border-radius: 0.8rem;
}

.top_news_X_content {
	display: flex;
	width: 37.5rem;
	flex-direction: column;
	/* gap: 4.1rem; */
}

.top_news_X_content .top_news_area {
	display: flex;
	flex-direction: column;
}

/* 新着情報 */
.top_news_content {
	position: relative;
	display: flex;
	width: 37.5rem;
	flex-direction: column;
	/* padding-top: 4rem; */
	/* gap: 4rem; */
}

.top_news_content .par-tab01 {
    border-bottom: 0.1rem solid #999999;
	gap: 0.5rem;
}

/* 新着情報タブ */
.top_news_content .par-tab01 .par-tab_li .par-tab_item .par-tab_item_cell {
	border: none;
	font-size: 1.4rem;
	width: 100%;
}

.top_news_content .top_news_inner_content {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	padding-top: 1.5rem;
	border-radius: 1.0rem;
}

.top_news_content .top_news_inner_content>ul {
	gap: 0.3rem;
	/* border-width: 0.3rem; */
}

.top_news_content .top_news_inner_content>ul>li {
	height: 6rem;
	background: #DDDDDD;
	border-radius: 0.6rem 0.6rem 0 0;
}

.top_news_content .top_news_inner_content>ul>li>a {
	display: flex;
	width: 100%;
	height: 6rem;
	align-items: center;
}

.top_news_content .top_news_inner_content>ul>li>a>span {
	display: flex;
	width: 12.4rem;
	justify-content: center;
	text-align: center;
	font-weight: bold;
}

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

.top_news_content .top_news_inner_content>ul>li.selected>a>span {
	color: #FFFFFF;
}

.top_news_content .par-tab01 .par-tab_li .par-tab_item .par-tab_item_cell {
	color: #000000;
}

.top_news_content .par-tab01 .par-tab_li .par-tab_item .par-tab_item_cell.youtube_icon {
	font-size: 1.7rem;
}

.top_news_content .top_news_inner_content>ul>li>a>span.youtube_icon::before {
	content: '';
    background: url(/cdn/pc/images/top/ico_youtube.svg) no-repeat;
    background-size: contain;
	width: 2.7rem;
	height: 2.2rem;
    margin-right: 0.5rem;
}

.top_news_content .par-tab01 .par-tab_li.selected .par-tab_item .par-tab_item_cell::after {
	/* content: ''; */
	/* position: absolute; */
	/* background: url(/cdn/sp/images/top/ico_arrow_b_down.svg) no-repeat; */
	/* background-size: 1.2rem 0.7rem; */
	/* width: 1.2rem; */
	/* height: 0.7rem; */
	/* bottom: 0.3rem; */
}

.top_news_content .top_news_inner_content .news_tab_content_wrapper {
	background: #FFFFFF;
	border-radius: 0 0 1rem 1rem;
}

.top_news_content .top_X_inner_content {
	width: 100%;
	margin: 0 auto;
	height: 32.6rem;
	background: #FFFFFF;
	border-radius: 1.6rem;
	border: 0.1rem solid rgb(207, 217, 222);
	box-shadow: 0 0.3rem 0.6rem #10457C29;
	overflow: scroll;
}

/* ===========================================
 * BOSTCASTエリア
 * ======================================== */
.top_news_content .top_bostcast_inner_content>ul {
	height: 5rem;
	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;
	gap: 1.5rem;
}

.top_news_content .top_bostcast_inner_content>ul>li {
	display: inline-block;
	width: 100%;
	height: 3.5rem;
}

.top_news_content .top_bostcast_inner_content>ul>li>a {
	position: relative;
	display: flex;
	width: 100%;
	height: 3.5rem;
	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 .par-tab_li {
	width: 16rem;
}

.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: 44.7rem;
	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: 12rem;
}

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

.top_news_content .top_bostcast_inner_content .display_block .articleCard__logo img{
	width: 11rem;
}

.top_news_content .top_bostcast_inner_content .display_block .articleCard__title{
	text-align: left;
	font-size: 1.1rem;
	color: #262525;
	font-weight: bold;
}

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

.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: 35rem;
	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: 17.6rem;
	height: 4rem;
	border-radius: 6.4rem;
	font-size: 1.8rem;
}

/* リアルタイム水面気象状況 */
.top_raceinfo_suimen_area {
	display: flex;
	flex-direction: column;
	margin-top: 2.4rem;
	margin-bottom: 2.4rem;
	gap: 1.6rem;
	color: var(--MAIN_COLOR, #003288);
}

.top_raceinfo_suimen_area .sumimen_info_area {
	display: flex;
	width: 32.8rem;
	height: 18.4rem;
	margin: 0 auto;
}

.top_raceinfo_suimen_area .sumimen_info_area .top_raceinfo_youtubearea {
	display: block;
	width: 32.8rem;
	height: 18.4rem;
	margin: 0 auto;
}

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

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

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

/* トップソーリーコンテンツ */
.top_content .sorry {
	/* padding-bottom: 6rem; */
	/* background: var(--MAIN_WHITE, #FFF); */
}

.top_content .sorry .sorry_info p {
	/* font-size: 1.8rem; */
	/* font-weight: normal; */
	/* background-color: #ffffff; */
}

.top_content .sorry .sorry_image {
	/* margin-top: 4rem; */
}

/* 月 */
.is_kaisai .raceinfo_countdownday .racedays_group .item_month {
	/* width: 2.1rem; */
	/* height: 1.8rem; */
	/* color: #FFF; */
	/* font-size: 1.2rem; */
	/* font-style: normal; */
	/* font-weight: normal; */
	/* line-height: normal; */
	/* padding-left: 0.6rem; */
	/* padding-top: 0.31rem; */
	/* margin-left: 0rem; */
}

/* 中止 */
.raceinfo_countdownday .racedays_group .day.cancel .item_day:after {
	/* content: ''; */
	/* display: block; */
	/* position: absolute; */
	/* top: 0.5rem; */
	/* left: -0.1rem; */
	/* width: calc(100% + 0.2rem); */
	/* height: 0.2rem; */
	/* background: var(--MAIN_WHITE, #FFF); */
}

/* 共通レースタイトル（type_1） */
.raceinfo_countdownday.type_1 {
	/* padding: 2rem 1rem 1rem; */
}

/* 日 */
.raceinfo_countdownday.type_1 .racedays_group .day:first-child:not(.current) {
	/* margin-left: -0.55rem; */
}

/* 共通レースタイトル（type_2） */
.raceinfo_countdownday.type_2 {
	/* padding: 2rem 2rem 4rem; */
}

.raceinfo_countdownday.type_2 .par-racetitle {
	/* font-size: 1.8rem; */
	/* padding-bottom: 2rem; */
}

/* 日 */
.raceinfo_countdownday.type_2 .racedays_group .day:first-child {
	/* margin-left: -0.55rem; */
}

/* 共通レースタイトル（type_3） */
.raceinfo_countdownday.type_3 {
	/* padding: 0 1rem; */
}

.raceinfo_countdownday.type_3 .par-icon_area {
	/* justify-content: center; */
}

.raceinfo_countdownday.type_3 .par-ico_grade,
.raceinfo_countdownday.type_3 .par-ico_kaisai_nthday {
	/* height: 4rem; */
	/* line-height: 4rem; */
}

.raceinfo_countdownday.type_3 .par-racedays_wrapper {
	/* width: fit-content; */
	/* margin: 0 auto; */
}

.top_raceinfo_wrapper.is_kaisai .top_kaisai_countdown_area {
	/* display: flex; */
	/* padding: 0rem 0.8rem 1.2rem 0.8rem; */
	/* flex-direction: column; */
	/* align-items: center; */
	/* gap: 1.2rem; */
	/* align-self: stretch; */
	/* border-radius: 1.6rem; */
	/* background: var(--MAIN_NAVY, #113952); */
	/* box-shadow: 0rem 0.3rem 0.6rem 0rem #9DBCC7; */
	/* height: 10.6rem; */
}

.top_raceinfo_wrapper.is_hikaisai .raceinfo_countdown .countdown_header {
	/* display: flex; */
	/* padding: 1.2rem 0.8rem 1.4rem 0.8rem; */
	/* align-items: center; */
	/* gap: 1rem; */
	/* align-self: stretch; */
	/* justify-content: center; */
	/* border-bottom: 0.2rem solid var(--MAIN_WHITE, #FFF); */
	/* height: 4.7rem; */
}

.top_raceinfo_wrapper.is_kaisai .top_kaisai_countdown_wrapper .raceinfo_eventinfo_button_area {
	margin: 0 0 0.8rem 0.8rem;
	width: 35.5rem;
}

.top_raceinfo_wrapper.is_kaisai .top_kaisai_countdown_wrapper .par-racetitle_group.type_1 {
	background: none;
	/* padding: 0 0.8rem; */
}

.top_raceinfo_wrapper.is_kaisai .top_kaisai_countdown_wrapper .par-racetitle_group .par-ico_kaisai_nthday {
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* border-radius: 0rem 1.6rem 1.6rem 0rem; */
	/* background: var(--MAIN_WHITE, #FFF); */
	/* font-size: 2.2rem; */
	/* font-weight: bold; */
	/* letter-spacing: 0.04rem; */
	/* width: 9.3rem; */
	/* height: 4.4rem; */
	/* padding: 0.4rem 0.2rem 0 0; */
	/* color: var(--MAIN_BLACK, #222); */
}

.top_raceinfo_wrapper.is_kaisai .top_kaisai_countdown_wrapper .par-racetitle_group .racedays_group .day {
	/* padding: 0.6rem 0rem 0.6rem; */
	/* width: 2.8rem; */
}

.top_raceinfo_wrapper.is_kaisai .raceinfo_ttl_area .par-racedays_wrapper {
	/* display: flex; */
	/* width: 35.9rem; */
	/* height: 4.4rem; */
	/* padding: 0rem 3.6852rem 0rem 3.8rem; */
	/* justify-content: center; */
	/* align-items: center; */
	/* background: var(--MAIN_NAVY, #113952); */
	/* border-radius: 1.6rem 1.6rem 0 0; */
	z-index: 1;
}

.top_raceinfo_wrapper.is_hikaisai .is_nakayasumi.raceinfo_countdown .countdown_header .countdown_text {
	/* font-size: 1.5rem; */
	/* letter-spacing: -0.03em; */
}

.top_raceinfo_tenbo_area .series_leader_list li>span {
	/* display: block; */
	/* text-align: center; */
}

.top_raceinfo_tenbo_area .series_leader_list li .player_info {
	/* display: block; */
	/* width: 10.4rem; */
	/* height: 14.8rem; */
}

.top_raceinfo_tenbo_area .top_raceinfo_content_divider {
	/* display: block; */
	/* width: 34.3rem; */
	/* height: 0.5rem; */
	/* margin: 4rem 0.8rem 3rem; */
	/* background-image: radial-gradient(var(--orange2) 22%, #ffffff 26%); */
	/* background-position: -0.4rem -0.5rem; */
	/* background-size: 1.5rem 1.5rem; */
}

.top_raceinfo_tenbo_area .tenbo_read_more_btn.par-btn01 {
	/* display: block; */
	/* width: 24rem; */
	/* margin: 0 auto; */
}

.top_hatsubai_content .hatsubai_block .soto_hatsubai {
	/* display: flex; */
	/* flex-direction: column; */
	/* justify-content: center; */
	/* align-items: center; */
	/* align-self: stretch; */
	/* border-radius: 0.8rem; */
	/* border: 0.15rem solid var(--BASE_LINE, #D9D9D9); */
}

.top_hatsubai_content .hatsubai_header .item_title span {
	/* color: #FFF; */
	/* font-size: 0.8rem; */
	/* font-style: normal; */
	/* font-weight: 700; */
	/* line-height: 1rem; */
}

.top_hatsubai_content .hatsubai_data_list li.__nodata {
	/* width: 100%; */
	/* margin: 0 !important; */
	/* font-weight: bold; */
	/* background: var(--MAIN_WHITE, #FFF); */
}

.top_hatsubai_content .hatsubai_data_list li:nth-child(3n) {
	/* margin-right: 0; */
}

.top_hatsubai_content .hatsubai_data_list li .item_jo {
	/* color: var(--MAIN_BLACK, #222); */
	/* text-align: right; */
	/* font-size: 1.2rem; */
	/* font-style: normal; */
	/* font-weight: normal; */
	/* line-height: 1.2rem; */
	/* letter-spacing: 0.06rem; */
	/* width: 4rem; */
	/* flex-shrink: 0; */
}

.top_hatsubai_content .hatsubai_data_list li .col-IP {
	/* border-radius: var(----margin_m, 0.4rem); */
}

.top_hatsubai_content .hatsubai_data_list i.is-lady {
	/* width: 1.4rem; */
}

/* アイコン説明 */
.top_hatsubai_content .hatsubai_icon_group {
	/* width: 100%; */
	/* padding: 1.6rem 1.5rem 0 2rem; */
}

.top_hatsubai_content .hatsubai_icon_list {
	/* display: flex; */
	/* width: 100%; */
	/* font-size: 0; */
	/* flex-wrap: wrap; */
	/* justify-content: flex-start; */
}

.top_hatsubai_content .hatsubai_icon_list li {
	/* display: inline-block; */
	/* vertical-align: top; */
	/* width: 10rem; */
	/* height: 1.6rem; */
	/* font-size: 0; */
}

.top_hatsubai_content .hatsubai_icon_list li:nth-of-type(n+4) {
	/* margin-top: 1rem; */
}

.top_hatsubai_content .hatsubai_icon_list li:nth-of-type(2),
.top_hatsubai_content .hatsubai_icon_list li:nth-of-type(5) {
	/* width: 11.4rem; */
}

.top_hatsubai_content .hatsubai_icon_list li:nth-of-type(3) {
	/* width: 10.5rem; */
}

.top_hatsubai_content .hatsubai_icon_list li .item_icon {
	/* display: inline-block; */
	/* vertical-align: top; */
	/* width: 1.4rem; */
	/* height: 1.4rem; */
}

.top_hatsubai_content .hatsubai_icon_list li .item_text {
	/* display: inline-block; */
	/* vertical-align: top; */
	/* line-height: 1.5rem; */
	/* font-size: 1.4rem; */
	/* margin-left: 0.5rem; */
}

.news_tab_content_wrapper .news_tab_content {
	/* display: none; */
	/* position: relative; */
	/* width: 100%; */
}

.news_tab_content_wrapper .news_tab_content.selected {
	/* display: block; */
	/* height: 100%; */
}

.news_tab_content_wrapper .news_tab_content .news_list {
	display: flex;
	height: 44.7rem;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 1.6rem;
	margin: 2.7rem 0 2.4rem;
	gap: 1.6rem;
	overflow-y: auto;
}

.news_tab_content .news_list li {
	width: 34.4rem;
}

.news_tab_content .news_list li.__nodata {
	margin-top: 3rem;
}

.news_tab_content .news_list li.__nodata:after {
	/* height: 0; */
}

.news_tab_content .news_list .news_date_tag {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.news_tab_content .news_list .news_date {
	color: #999999;
	/* font-size: 1.4rem; */
	/* font-weight: bold; */
	/* line-height: 1.8rem; */
	/* padding-top: 0.3rem; */
}

.news_tab_content .news_list .news_icon_text {
	/* display: flex; */
	/* width: 100%; */
	/* padding-bottom: 1.6rem; */
	/* border-bottom: 0.1rem solid var(--BASE_LINE, #D9D9D9); */
	/* background: rgba(217, 217, 217, 0.00); */
	/* align-items: center; */
	/* gap: 1.6rem; */
}

.news_tab_content .news_list .news_icon_text .par-news_label {
	/* display: flex; */
	/* align-items: flex-start; */
	/* justify-content: flex-start; */
}

.news_tab_content .news_list .news_icon_text .par-news_label>span {
	/* width: 3.2rem; */
	/* font-size: 1.1rem; */
	/* height: 1.8rem; */
	/* line-height: 1.8; */
	/* padding: 0 0.5rem; */
}

.news_tab_content .news_list .news_icon_text .par-news_label>span.col-tag_new {
	/* width: 3.9rem; */
}

.news_tab_content .news_list .news_text {
	padding: 0.6rem 0;
	background-image: linear-gradient(to right, #999999, #999999 1.0rem, transparent 1.0rem);
	background-size: 1rem 0.1rem;
	background-position: left bottom;
	background-repeat: repeat-x;
}

.news_tab_content .news_list li .information_link {
	color: #313131;
	font-size: 1.6rem;
	line-height: 2.4rem;
}

.top_content .news_list .sorry {
	margin-top: 5rem;
	margin: auto;
}

.top_content .news_list .sorry .sorry_image {
	padding-bottom: 9rem;
	width: 31.9rem;
	margin: 5rem auto 0;
	background-image: linear-gradient(to right, #999999, #999999 0.5rem, transparent 0.3rem);
	background-size: 1rem 0.1rem;
	background-position: left bottom;
	background-repeat: repeat-x;
}

.news_tab_content_wrapper .news_tab_content .news_link {
	text-align: center;
	margin-bottom: 2.4rem;
}

.news_tab_content_wrapper .news_tab_content .news_link .news_list_link {
	width: 17.6rem;
	height: 4rem;
	border-radius: 6.4rem;
	font-size: 1.8rem;
}

.news_tab_content_wrapper .news_tab_content .news_link .news_list_link img {
	/* width: 1.6rem; */
	/* height: 1.6rem; */
	/* position: absolute; */
	/* left: 21.2rem; */
	/* top: 2.4rem; */
}

/* イベントポップアップ */
html .slick-arrow {
	position: relative;
}

.top_modal_content .overlay {
	position: fixed;
	display: flex;
	align-items: center;
	width: 37.5rem;
	height: 100vh;
	background: rgba(0, 0, 0, 0.70);
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
}

.top_modal_content .overlay.none {
	display: none;
}

.top_modal_content .modal:has(.js-card_slider) {
	height: 54.7rem;
	opacity: 0;
	transition: .3s linear;
}

.top_modal_content .modal:has(.js-card_slider.slick-initialized) {
	opacity: 1;
}

.top_modal_content .modal_btn_area {
	display: flex;
	width: 32rem;
	height: 3.2rem;
	margin: 0 auto 0.8rem;
	align-items: flex-end;
	justify-content: space-between;
}

.top_modal_content .modal-keep__wrap {
	display: flex;
	position: relative;
	align-items: center;
	gap: 0.8rem;
}

.top_modal_content .modal-keep {
	display: none;
}

.top_modal_content .modal-keep__wrap .modal-keep-text {
	color: var(--MAIN_WHITE, #FFF);
	font-size: 1.4rem;
	font-weight: bold;
	height: 3.2rem;
	padding-top: 0.1rem;
	margin-left: 4rem;
	line-height: 3.2rem;
	letter-spacing: 0.007rem;
}

.top_modal_content .modal-keep__wrap input+.modal-keep-text:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3.2rem;
	height: 3.2rem;
	background-size: contain;
	background-image: url(/cdn/sp/images/top/btn_check_g.svg);
	background-repeat: no-repeat;
}

.top_modal_content .modal-keep__wrap input:checked+.modal-keep-text:before {
	background-image: url(/cdn/sp/images/top/btn_check_b.svg);
	background-repeat: no-repeat;
}

.top_modal_content .modal-keep img {
	width: 100%;
	height: 100%;
}

.top_modal_content .modal-close__wrap {
	width: 2.8rem;
	height: 2.8rem;
}

.top_modal_content .modal-close {
	position: relative;
	right: 0.5rem;
	width: 3.2rem;
	height: 3.2rem;
	padding: 0;
	border: none;
	background: transparent;
	border-color: transparent;
}

/* アイコンカラー設定 */
.ico-grade.lady {
	background-color: #FFF !important;
	color: var(--MAIN_PALEPINK, #F59CAD) !important;
}

.ico-grade.hikaisai {
	background-color: #FFF !important;
	color: var(--MAIN_NAVY, #113952) !important;
}

/* 祝日カラー設定 */
.card_slider_inner_content .item_weekday.days-state-7 {
	background-color: #E73348 !important;
	color: #FFF !important;
	padding-right: 0.2rem;
}

/* カード・カレンダー共通 */
.card_slider_inner_content .card-header {
	display: flex;
	align-items: center;
	background-color: #22328E;
}

.card_slider_inner_content .card-header .event-date {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.card_slider_inner_content .card-header .event-date .targetDate {
	display: flex;
	gap: 0.4rem;
	color: var(--MAIN_WHITE, #FFF);
	text-align: center;
	align-items: center;
}

.card_slider_inner_content .card-header .targetDate .event-day {
	font-weight: bold;
	font-size: 2.2rem;
	line-height: 3rem;
}

.card_slider_inner_content .card-header .targetDate .item_weekday {
	width: var(----margin_l, 2.4rem);
	height: var(----margin_l, 2.4rem);
	/* background: var(--MAIN_WHITE, #FFF); */
	border-radius: 50%;
	/* color: #123952; */
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2.2rem;
	margin-top: 0.4rem;
}

.card_slider_inner_content .card-header .event-date .endDate {
	display: flex;
	gap: 0.4rem;
	align-items: center;
}

.card_slider_inner_content .card-header .endDate .event-day {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #FFFFFF;
	letter-spacing: 0.005em;
}

.card_slider_inner_content .card-header .endDate .item_weekday {
	width: 1.2rem;
	height: 1.2rem;
	/* background: #FFFFFF; */
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 1.2rem;
	/* color: #113952; */
	border-radius: 50%;
	text-align: center;
}

.card_slider_inner_content .card-header .ico-grade {
	width: 6.4rem;
	height: var(----margin_l, 2.4rem);
	margin-left: auto;
	color: #000;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2.4rem;
	border-radius: 2rem;
}

.card_slider_inner_content .card-wrapper .event-announce {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.card_slider_inner_content .card-wrapper .event-announce .event-opendate,
.card_slider_inner_content .card-wrapper .event-announce .event-locate {
	display: flex;
	height: 2rem;
	gap: 0.4rem;
}

.card_slider_inner_content .card-wrapper .event-announce .event-opendate img,
.card_slider_inner_content .card-wrapper .event-announce .event-locate img {
	width: 2rem;
	height: 2rem;
}

.card_slider_inner_content .card-wrapper .event-announce .event-opendate span,
.card_slider_inner_content .card-wrapper .event-announce .event-locate span {
	line-height: 2rem;
	overflow: hidden;
	word-break: break-all;
}

.card_slider_inner_content .card-wrapper .event-textarea {
	max-height: 3.6rem;
	font-size: 1.2rem;
	overflow: hidden;
	word-break: break-all;
}

.card_slider_inner_content .card-wrapper .event_link_area {
	display: flex;
	align-items: center;
	text-align: center;
	vertical-align: middle;
}

.card_slider_inner_content .card-wrapper .event_link_area .event_link {
	display: flex;
	width: 15.4rem;
	height: 3.8rem;
	margin: auto;
	border-radius: 0.8rem;
	background-color: #22328E;
	line-height: 3.8rem;
	align-items: center;
	justify-content: center;
	gap: 0.7rem;
}

.card_slider_inner_content .card-wrapper .event_link_area .event_link span {
	color: var(--MAIN_WHITE, #FFF);
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	height: 100%;
	font-size: 1.4rem;
    padding-bottom: 0.2rem;
}

.card_slider_inner_content .card-wrapper .event_link_area .event_link img {
	width: 1.6rem;
	height: 1.6rem;
}

/* カードタイプエリア */
.card_slider_inner_content {
	width: 37.5rem;
	height: 46.9rem;
}

.card_slider_inner_content .card_content_wrapper {
	display: block;
	width: 32rem;
	height: 45.7rem;
	margin: 0 auto;
	border-radius: 1.8rem 1.8rem 1.6rem 1.6rem;
	background: var(--MAIN_WHITE, #FFF);
}

.card_slider_inner_content .card_content_wrapper .card-header {
	height: 6rem;
	margin: 0 auto;
	padding: 0 1.6rem;
	border-radius: 1.6rem 1.6rem 0 0;
}

.card_slider_inner_content .card_content_wrapper .card-wrapper {
	display: flex;
	flex-direction: column;
	padding: 1.4rem 1.6rem 2.4rem;
}

.card_slider_inner_content .card_content_wrapper .card-wrapper .card-img-area {
	position: relative;
	width: 28.8rem;
	height: 16.875rem;
	background: #D9D9D9;
	margin-bottom: 1rem;
}

.card_slider_inner_content .card_content_wrapper .card-wrapper .card-img-area img {
	width: 28.8rem;
	height: 16.875rem;
	aspect-ratio: 80 / 47;
	object-fit: contain;
}

.card_slider_inner_content .card_content_wrapper .card-wrapper .card-img-area .free-flg {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.2rem;
	height: var(----margin_l, 2.4rem);
	text-align: center;
	border-radius: 0 0 0.4rem 0;
	background: #D02424;
	color: var(--MAIN_WHITE, #FFF);
	text-align: center;
	font-weight: bold;
	line-height: 2.4rem;
}

.card_slider_inner_content .card_content_wrapper .card-wrapper .card_title {
	height: 6rem;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2rem;
	margin-bottom: 0.8rem;
	overflow: hidden;
	word-break: break-all;
}

.card_slider_inner_content .card_content_wrapper .card-wrapper .card_info {
	height: 7rem;
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.card_slider_inner_content .card-wrapper .event-announce {
	margin-bottom: 0.8rem;
}

/* スライダーエリア */
.card_slider_controls {
	display: flex;
	width: 100%;
	transition: opacity .3s linear;
	justify-content: center;
	opacity: 1;
}

.card_slider_controls .card_slider_arrows {
	display: inline-flex;
	align-items: center;
	gap: var(----margin_l, 2.4rem);
}

.card_slider_controls .card_slider_prev {
	display: flex;
    justify-content: center;
}

.card_slider_controls .card_slider_next {
	display: flex;
}

.card_slider_prev {
	position: relative;
}
.card_slider_next::before,
.card_slider_prev::before {
	position: relative;
	content: '';
	width: 3.2rem;
    height: 3.2rem;
	background-color: #FFF;
	border-radius: 100%;
	left: 0;
}
.card_slider_prev img,
.card_slider_next img {
	position: absolute;
	width: var(----margin_xl, 3.2rem);
	height: var(----margin_xl, 3.2rem);
}


.card_slider_controls .card_slider_dots {
	display: block;
	width: 100%;
}

.card_slider_controls .card_slider_dots .slick-dots {
	position: relative;
	display: flex;
	bottom: 0;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.8rem;
}

.card_slider_dots .slick-dots>li {
	width: 1.2rem;
	height: 1.2rem;
	margin: 0;
}

.card_slider_dots .slick-dots>li>button {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	text-indent: -99.9rem;
	padding: 0;
	border: 0.1rem solid #22328E;
	border-radius: 50%;
	background: #fff;
}

.card_slider_dots .slick-dots>li.slick-active>button {
	background: #22328E;
	background-size: 1.2rem 1.2rem;
}