@charset "utf-8";

.page-header {
	height: 110vh !important;
	min-height: 700px;
}

.page-header .ttl {
	-ms-grid-row: 1;
	-ms-grid-row-span: 5;
	grid-row: 1 / 6;
}

.product__nav {
	-ms-grid-row: 5;
	-ms-grid-row-span: 2;
	grid-row: 5 / 7;
}

.product__list {
	display: block;
}

.product__item {
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	text-align: center;
}

.product__item + .product__item {
	margin: 30px 0 0;
}

.product__item .product__anchor {
	color: rgba(0,0,0,0.7); 
	font-size: 1.8rem;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.product__item .product__anchor:hover {
	border-bottom-color: rgba(0,0,0,1);
}

/* ie only */

.msie .product__nav {
	position: relative;
	z-index: 10;
}


/* ============================================================================================== */
/* Media query                                                                                    */
/* ============================================================================================== */

/* ----------------------------------------------------------------------- */
/* SmartPhone */

@media screen and (min-width: 375px) {

	.product__nav {
		-ms-grid-row: 4;
		-ms-grid-row-span: 3;
		grid-row: 4 / 7;
	}

}


@media screen and (min-width: 414px) {
}

@media screen and (orientation:landscape) {

	.page-header {
		height: 200vh !important;
	}

	.page-header .ttl {
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		grid-row: 1 / 4;
	}

	.product__nav {
		/* -ms-grid-row: 5;
		-ms-grid-row-span: 2;
		grid-row: 5 / 7; */
	}
}

/* over iphone 6 plus landscape */
@media screen and (orientation:landscape) and (min-width: 736px) {

	/* .product__nav {
		-ms-grid-row: 5;
		-ms-grid-row-span: 2;
		grid-row: 5 / 7;
	} */

}


/* ----------------------------------------------------------------------- */
/* Tablet */

@media screen and (min-width: 768px) {

	.page-header {
		height: 100vh !important;
	}

	.page-header .ttl {
		-ms-grid-row: 1;
		-ms-grid-row-span: 5;
		grid-row: 1 / 6;
	}
}


/* ----------------------------------------------------------------------- */
/* over ipad landscape */

@media screen and (orientation:landscape) and (min-width: 1024px) {

	.page-header {
		height: 100vh !important;
	}

	.page-header .ttl {
		-ms-grid-row: 1;
		-ms-grid-row-span: 6;
		grid-row: 1 / 7;
	}

	.product__nav {
		-ms-grid-row: 5;
		-ms-grid-row-span: 2;
		grid-row: 5 / 7;
	}

}


/* ----------------------------------------------------------------------- */
/* Desktop */

@media screen and (min-width: 1280px) {

	.product__nav {
		-ms-grid-row: 5;
		-ms-grid-row-span: 2;
		grid-row: 5 / 7;
	}

	.product__item .product__anchor {
		font-size: 2rem;
	}

	/* ie edge only */

	.msie .product__nav,
	.edge .product__nav {
		margin-top: 100px;
	}

}


@media screen and (min-width: 1440px) {

	/* ie edge only */

	.msie .product__nav,
	.edge .product__nav {
		margin: 0;
	}

}