@charset "utf-8";

body{
	font-family: sans-serif;
	}
.page-home main{
	margin-top: 100px;
	}
#sectionHomeKv{
	grid-template-rows: unset;
	}
#sectionHomeKv > *{
	grid-row: unset !important;
	}
#sectionHomeKv .areaListTag,
#sectionHomeKv .areaTagline,
#sectionHomeKv .areaClock,
#sectionHomeKv .areaLogo,
#sectionHomeKv .areaMenuContent,
#sectionHomeKv .areaMenuLanguage,
#sectionHomeKv .areaNavi{
	display: none;
	}
#loading{
	display: none;
	pointer-events: none;
	}
.container{
	opacity: 1;
	}
/* スマートフォン縦以下 */
@media screen and (max-width:750px){
	main{
		margin-top: 0;
	}
	header #btnMenu{
		display: none;
		}
	header{
		position: static;
		padding-bottom: 1em;
		}
	header .areaMenuContent{
		pointer-events: auto;
		position: static;
		transform: unset;
		grid-row: 2;
		grid-column: 1 / 5;
		width: 100%;
		padding-bottom: var(--def_margin-basic);
		overflow-x: auto;
		}
	header .areaMenuContent ul{
		display: flex;
		padding: 0 1em;
		}
	header .areaMenuContent ul li a{
		font-size: 1em;
		transform: scaleY(1);
		padding: 0;
		margin: 0 0.5em;
		}
	header .areaMenuContent ul li a.active:after{
		content: "";
		background-color: var(--def_color-line);
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		bottom:-0.5em;
		}
	/* スクロールバー全体を対象にする */
	header .areaMenuContent::-webkit-scrollbar{
	    width: 6px; /* スクロールバーの幅 */
	    height: 6px; /* スクロールバーの高さ */
	    display: none;
		}
	/* スクロールバーの背景部分をカスタマイズ */
	header .areaMenuContent::-webkit-scrollbar-track{
	    background: var(--def_color-bg); /* スクロールバーの背景色 */
	    border-radius: 3px; /* 角丸にする */
		}
	/* スクロールバーの操作部分をカスタマイズ */
	header .areaMenuContent::-webkit-scrollbar-thumb{
	    background: var(--def_color-ci); /* スクロールバーの操作部分の背景色 */
	    border-radius: 3px; /* 角丸にする */
		}
	}