@charset "utf-8";

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

	.navAnchor

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

.navAnchor ul {
	display: flex;
}

.navAnchor a {
	align-items: center;
	border: 1px solid #000;
    box-sizing: border-box;
	color: #000;
	display: flex;
	font-size: 14px;
	justify-content: center;
	padding: 10px;
	position: relative;
	text-align: center;
}

.navAnchor a::before {
	border-color: #000 transparent transparent transparent;
	border-style: solid;
	border-width: 8px 5px;
	content: "";
	display: block;
	left: 10px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
}

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

	.navAnchor {
        margin-bottom: 40px;
	}

	.navAnchor ul {
		flex-wrap: wrap;
	}

	.navAnchor li {
		width: calc( calc( 100% - 20px ) / 2 );
	}

	.navAnchor li:nth-child( even ) {
		margin-left: 20px;
	}

	.navAnchor li:nth-child( n + 3 ) {
		margin-top: 20px;
	}

	.navAnchor a {
		font-size: 12px;
	}

}

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

	.navAnchor {
        margin-bottom: 70px;
	}

    .navAnchor ul {
        justify-content: center;
    }

	.navAnchor li {
		width: calc( calc( 100% - 20px * 3 ) / 4 );
	}

	.navAnchor li + li {
		margin-left: 20px;
	}

    .navAnchor a {
        min-height: 60px;
    }

}

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

    .dominoLineup

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

.dominoLineup {}

.dominoLineup figure {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.dominoLineup figure img {
    height: auto;
    width: 100%;
}

.dominoLineup .type {
    font-size: 14px;
    margin-bottom: 10px;
}

.dominoLineup .color {
    font-size: 14px;
}

.dominoLineup .product {}

.dominoLineup .product b {}

.dominoLineup .product span {}

.dominoLineup .price {
    font-size: 14px;
    margin-top: 10px;
}

.dominoLineup .price span {}

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

    .dominoLineup .product {
        font-size: 15px;
    }

    .dominoLineup .product b {
        font-size: 16px;
    }

    .dominoLineup .product span {
        font-size: 14px;
    }

    .dominoLineup .price span {
        font-size: 16px;
    }

}

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

    .dominoLineup .product {
        font-size: 18px;
    }

    .dominoLineup .price span {
        font-size: 18px;
    }

}