@charset "utf-8";
@import url("/-/media/Project/globeride/General/common/css/general_base_css");
/* CSS Document */

/*
==============================================================================*/

/*==============================================================================
 * Custom Properties
==============================================================================*/
:root {
	--ff-en: "Helvetica Neue", Helvetica, Arial, Verdana, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*============================================================================*/
html {scroll-behavior: smooth;}
main { margin-bottom: 15rem }
/*============================================================================*/

/* page.css // Overwrite */
main.main .h1_heading .inner {
	width: auto;
}
main.main .h1_heading h1 {
	font-weight: bold;
	width: auto;
}
main.main .h1_heading h1 .jp {
	margin-top: 0;
}
main.main .h1_heading h1 .en {
	margin-top: 0;
}
main.main .font_Midashi,
main.main .link_border .text {
	font-family: source-han-sans-japanese, sans-serif;
}



/* Generalパーツ // Overwrite */
body.eventCampaign-top .GeneralList.GeneralList_topList {
	font-size: 1.4rem;
}

body.eventCampaign-top .GeneralList .btnRounder {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24rem;
	height: 6rem;
	background: #fff;
	border: 1px solid #000;
	border-radius: 1000px;
	margin: 4rem auto 0;
}
body.eventCampaign-top .GeneralList .btnRounder:hover {
	color: #fff;
	background: #000;
	opacity: 1;
}
body.eventCampaign-top .GeneralList > .GeneralList_list > li .category {
	font-size: 1.2rem;
}
body.eventCampaign-top .GeneralList > .GeneralList_list > li .date {
    margin-top: 0.3rem;
	font-size: 1.2rem;
}

/*------------------------------*/



main .event-main .event__banners {}
main .event-main .event__banners .inner > .title {}
main .event-main .event__banners .inner > .title h2,
main .GeneralList .GeneralList_title {
	line-height: 1;
	text-align: center;
	margin-top: 17.2rem;
	margin-bottom: 4rem;
}
main .event-main .event__banners .inner > .title h2 .en,
main .GeneralList .GeneralList_title > .en {
	font-family: var(--ff-en);
	display: block;
	font-size: 4.8rem;
}
main .event-main .event__banners .inner > .title h2 .jp,
main .GeneralList .GeneralList_title > .jp {
	font-weight: 400;
	margin-top: 1rem;
	display: block;
	font-size: 1.4rem;
}


main .event-main .event__banners ul.container {
	display: grid;
	grid-gap: 1.2rem 2rem;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-flow: dense;
	width: 120rem;
	margin-right: auto;
	margin-left: auto;
}
main .event-main .event__banners ul.container > li.item .about_banner_card {
	height: 28.8rem;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
main .event-main .event__banners ul.container > li.item .about_banner_card .h2_heading {
	z-index: 30;
	position: relative;
	color: #fff;
	width: -moz-fit-content;
	width: fit-content;
}
main .event-main .event__banners ul.container > li.item .about_banner_card .h2_heading h2 {
	align-items: center;
	gap: 1rem;
	line-height: 1;
	/*filter: drop-shadow(0 0 3px black);*/
}
main .event-main .event__banners ul.container > li.item .about_banner_card .h2_heading h2::before {

}
main .event-main .event__banners ul.container > li.item .about_banner_card .h2_heading h2 .jp {
	font-size: 2.8rem;
}
main .event-main .event__banners ul.container > li.item .about_banner_card .image {
	z-index: 20;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
main .event-main .event__banners ul.container > li.item .about_banner_card .image img {
	transition: transform .3s ease-out;
	z-index: 10;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	filter: brightness(0.8)
}
main .event-main .event__banners ul.container > li.item a.about_banner_card:hover .image img {
	transform: scale(1.04);
}
main .event-main .event__banners ul.container > li.item .about_banner_card .arrow_bg {
	z-index: 30;
	position: absolute;
	border: 1px solid #fff;
	bottom: 1.6rem;
	right: 1.6rem;
	/*filter: drop-shadow(0 0 3px black);*/
}

main .event-main .event__banners ul.container > li.item.masters .about_banner_card .h2_heading h2::before {
	content: url(/-/media/Project/globeride/daiwa_com_jp/event_campaign/image/logo/masterslogo.svg);
}
main .event-main .event__banners ul.container > li.item.ginro .about_banner_card .h2_heading h2::before {
	content: url(/-/media/Project/globeride/daiwa_com_jp/event_campaign/image/logo/ginrologo.svg);
}
main .event-main .event__banners ul.container > li.item .about_banner_card .h2_heading h2 .jp {
	/*text-shadow: 0 0 5px black;*/
}


main .event-main .event__banners ul.container > li.item a.about_banner_card:hover .arrow_bg {
	background: #fff;
}
main .event-main .event__banners ul.container > li.item a.about_banner_card:hover .arrow_bg .arrow {
	background: #0a0a14;
	animation: arrow_run .3s 1 forwards linear;
}




/*============================================================================*/






/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ // Mobile // */
@media screen and (max-width: 767px) {
/*============================================================================*/
	.onlyMO {display: block;}
	br.pcbr {display: none;}
	br.mobr {display: inline;}
	.jusMO {text-align: justify;text-justify: inter-ideograph;}
	/*============================================================================*/
	/* page.css // Overwrite */
		main.main .h1_heading .inner {
			width: 100%;
			padding: 0 2rem;
		}
		main.main .event-header .inner {
			width: auto;
		}
		main.main .event-header .inner .breadcrumb {
			padding: 0 2rem;
			margin-top: -0.8rem;
		}


	/* Generalパーツ // Overwrite */
		body.eventCampaign-top .GeneralList.GeneralList_topList {
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list {
			gap: 1.92rem;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list > li {
			width: 36.983rem;
			margin-left: auto;
			margin-right: auto;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list > li .category {
			font-size: 1.14rem;
			margin-right: 1.12rem;
			margin-bottom: 1.12rem;
			padding: 0.3312rem 1.6560rem;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list > li .title {
			font-size: 1.5456rem;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list > li .date {
			font-size: 1.3248rem;
			margin-top: 0.4416rem;
		}
		main .event-main .event__banners .inner {
			width: 36.983rem;
			padding: 0;
			margin-right: auto;
			margin-left: auto;
		}
		main .event-main .event__banners .inner > .title h2,
		main .GeneralList .GeneralList_title {
			margin-top: 8.1696rem;
			margin-bottom: 3.2016rem;
		}
		main .event-main .event__banners .inner > .title h2 .jp,
		main .GeneralList .GeneralList_title > .jp {
			margin-top: 0.6624rem;
			font-size: 1.5456rem;
		}
		body.eventCampaign-top .GeneralList .btnRounder {
			width: 26.495rem;
			height: 6.623rem;
			margin-top: 3.3120rem;
			font-size: 1.5456rem;
		}


	/* .mobile-multilineEN-adjust // um8F3DCAE4 // */
		main .event-main .event__banners .inner > .title.mobile-multilineEN-adjust h2 .en { line-height: 0.9; }
		main .event-main .event__banners .inner > .title.mobile-multilineEN-adjust h2 .jp { margin-top: 1.05984rem; }



	/*------------------------------*/

		main .event-main .event__banners ul.container {
			display: flex;
			flex-direction: column;
			width: auto;
			gap: 2rem;
		}
		main .event-main .event__banners ul.container > li.item .about_banner_card {
			height: 18.3rem;
		}
		main .event-main .event__banners ul.container > li.item .about_banner_card .h2_heading h2 {
			align-items: flex-start;
			gap: 0.8rem;
		}
		main .event-main .event__banners ul.container > li.item .about_banner_card .h2_heading h2 .jp {
			font-size: 1.8rem;
		}
		main .event-main .event__banners ul.container > li.item .about_banner_card .h2_heading {
			width: 90%;
			margin-top: -3.4rem;
		}
		main .event-main .event__banners ul.container > li.item .about_banner_card .h2_heading h2::before {
			transform-origin: 0% 100%;
			transform: scale(0.6422018349);
		}
		main .event-main .event__banners .inner > .title h2 .en,
		main .GeneralList .GeneralList_title > .en {
			font-size: 3.9744rem;
		}
	/*------------------------------*/
	
	main .mainParts_link .item .link_border {
		width: 100%;
	}
	main .mainParts_link .item .link_border .text {
		margin-right: 1.4rem;
		overflow: hidden;
	}

	/*============================================================================*/
	.onlyPC {display: none;}
/*============================================================================*/
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ // PC // */
@media screen and (min-width: 768px) {
/*============================================================================*/
	.onlyPC {display: block;}
	br.mobr {display: none;}
	br.pcbr {display: inline;}
	.jusPC {text-align: justify;text-justify: inter-ideograph;}
	/*============================================================================*/
	/* page.css // Overwrite */
		main.main .h1_heading .inner {
			width: 152rem;
			margin: 0 auto;
			padding: 0 7rem;
		}
		main.main .event-header .inner {
			width: 152rem;
			margin: 4.5rem auto 0;
			padding: 0;
		}

	/* Generalパーツ // Overwrite */
		body.eventCampaign-top .GeneralList.GeneralList_topList {
			width: 152rem;
			max-width: 128rem;
			margin: 0 auto;
			padding: 0 4rem;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list {
			grid-template-columns: 27rem 27rem 27rem 27rem;
			grid-gap: 4rem 4rem;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list > li {
			width: 27rem;
			height: 33.75rem;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list > li .title {
			font-size: 1.6rem;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list > li .category {
			font-size: 1.2rem;
			margin: 1.1rem;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list > li > a {
			padding: 1.8rem 2.4rem;
		}
		body.eventCampaign-top .GeneralList .btnRounder {
			transition-property: color, background;
		}
		body.eventCampaign-top .GeneralList > .GeneralList_list > li > a::before {
			height: 12.1rem;
		}
	/*------------------------------*/


	/*============================================================================*/
	.onlyMO {display: none;}

/*============================================================================*/
}


/* - - - - - - - - - - - - - - - - - - -
https://---//---.css
https://www.daiwa.com/jp/-/media/---/ /---.css
/-/media/---/ /---.css
ID={----}
- - - - - - - - - - - - - - - - - - - */