@charset "utf-8";
/* CSS Document */

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


/*==============================================================================
| Custom Properties
==============================================================================*/

:root {
	--color-accentColor: black;
	--color-cat-border: #e8eaeb;
}


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


	section.mainArea {

		h1 {
			display: flex;
			flex-direction: column-reverse;
			font-weight: normal;
		}
		h1 .en {
			line-height: 1;
			font-size: 10rem;
			margin-left: -0.6rem;
		}
		h1 .jp {
			font-size: 3rem;
			margin-top: 1.1rem;
			transition-delay: .6s;
		}
	}


	section.GeneralList.GeneralList_listPage {


		> .GeneralList_categoryList {display: none;}


		> .GeneralList_list {
			display: grid;
			grid-gap: 1em;
			grid-template-columns: repeat(4, 1fr);
			grid-auto-flow: dense;
		}
		> .GeneralList_list > li > a {
			display: block;
			aspect-ratio: 0.8;/* 540x675px (AspectRatio = 4:5 ≒ 0.8) */
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			font-size: 0;
			padding: 0;
			border: none;

			&::before,
			&::after {display: none;}
		}
		> .GeneralList_list > li > a > .bgImage {
			display: block;
			border-radius: 0;
		}
		> .GeneralList_list > li > a > .category {display: none;}
		> .GeneralList_list > li > a > .title    {display: none;}
		> .GeneralList_list > li > a > .date     {display: none;}


	}


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




/*============================================================================*/
@media screen and (max-width: 767px) {/*                         // Mobile // */
	/*============================================================================*/


	main > .commonBreadcrumb_upper {
		margin-bottom: 4rem;
	}


	section.mainArea {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 0 2rem;

		h1 {
			margin-top: 0;
			gap: 0.5rem;
			margin-bottom: 5rem;
		}
		h1 .en {
			font-size: 4.5rem;
			margin-left: 0;
		}
		h1 .jp {
			font-size: 1.6rem;
			margin-top: 0.4rem;
		}
	}


	section.GeneralList.GeneralList_listPage {
		width: auto;
		padding-left: 2rem;
		padding-right: 2rem;


		> .GeneralList_list {
			grid-gap: .8em;
			grid-template-columns: repeat(2, 1fr);
		}
		> .GeneralList_list > li > a > .bgImage {
			aspect-ratio: unset;
			float: unset;
			width: 100%;
		}


	}



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




/*============================================================================*/
@media screen and (min-width: 768px) {/*                             // PC // */
	/*============================================================================*/


	section.mainArea {
		max-width: 128rem;
		margin: 0 auto;
		padding: 0 4rem;

		h1 {margin-top: 3.5rem;}
		h1 .en {}
		h1 .jp {}
	}



	section.GeneralList.GeneralList_listPage {


		> * > a.btnRounder {left: 35.7rem;}


	}



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




/* - - - - - - - - - - - - - - - - - - -
/-/media/Project/globeride/General/custom/css/general_siteDaiwacomKrSp_list-css.css
ID = {}
- - - - - - - - - - - - - - - - - - - */