@charset "utf-8";

#cover-coordinate.page-cover {
	height: 513px;
    background: url(../../_img/coordinate/page_cover01.jpg) no-repeat center top;
	background-size: cover;
}
.coordinate-nav__list {
    font-size: 0;
	text-align: center;
}
.coordinate-nav__item {
    display: inline-block;
    position: relative;
    margin: 0 35px;
    text-align: center;
}
.coordinate-nav__item-link:after {
    display: inline-block;
    font: normal 36px/1 "icomoon";
    content: "\f107";
    font-weight: 300;
    position: relative;
    top: 8px;
}
.coordinate-nav__item-link.link--natural:after { color: #cbe2c8;}
.coordinate-nav__item-link.link--sweet:after { color: #e3ccdb;}
.coordinate-nav__item-link.link--luxury:after { color: #e2ddc8;}
.coordinate-nav__item-link.link--original:after { color: #d0e0ef;}
.coordinate-nav__item-link.link--japanese:after { color: #c8cbe2;}

.coordinate-nav__item-title-primary {
    font-size: 34px;
	display: block;
}
.coordinate-nav__item-title-secondary {
    font: 32px "CaflischScriptW01-Regul";
    display: block;
}

.coordinate-item__thumb {
    position: relative;
    width: 1200px;
	height: 559px;
	background-repeat: no-repeat;
	background-position: center top;
}
.coordinate-item__thumb.thumb--natural { background-image: url(../../_img/coordinate/thumb_natural00.jpg);}
.coordinate-item__thumb.thumb--sweet { background-image: url(../../_img/coordinate/thumb_sweet00.jpg);}
.coordinate-item__thumb.thumb--luxury { background-image: url(../../_img/coordinate/thumb_luxury00.jpg);}
.coordinate-item__thumb.thumb--original { background-image: url(../../_img/coordinate/thumb_original00.jpg);}
.coordinate-item__thumb.thumb--japanese { background-image: url(../../_img/coordinate/thumb_japanese00.jpg);}

.coordinate-item__thumb-title {
    position: absolute;
    top: 0;
    display: table;
    width: 289px;
    height: 279px;
    background-size: 289px;
    background-repeat: no-repeat;
    background-position: center top;
}
.coordinate-item__thumb.thumb--natural .coordinate-item__thumb-title { background-image: url(../../_img/coordinate/ttl_natural00.png);}
.coordinate-item__thumb.thumb--sweet .coordinate-item__thumb-title { background-image: url(../../_img/coordinate/ttl_sweet00.png);}
.coordinate-item__thumb.thumb--luxury .coordinate-item__thumb-title { background-image: url(../../_img/coordinate/ttl_luxury00.png);}
.coordinate-item__thumb.thumb--original .coordinate-item__thumb-title { background-image: url(../../_img/coordinate/ttl_original00.png);}
.coordinate-item__thumb.thumb--japanese .coordinate-item__thumb-title { background-image: url(../../_img/coordinate/ttl_japanese00.png);}

.coordinate-item__thumb-title-inner {
    display: table-cell;
	text-align: center;
    vertical-align: middle;
}
.coordinate-item__thumb-title__type {
	display: block;
	font-size: 38px;
	line-height: 1.2;
}
.coordinate-item__thumb-title__unit {
	display: block;
	font: 52px/1.2 "CaflischScriptW01-Regul";
}
.coordinate-item__thumb-title.title--right { right: 289px;}
.coordinate-item__thumb-title.title--left { left: 289px;}

.coordinate-item__desc {
    font-size: 14px;
    line-height: 2;
    margin: 35px 0;
}
.coordinate-item {
    text-align: center;
}
.coordinate-gallery__title {
    font-size: 18px;
    margin-bottom: 35px;
}
.coordinate-gallery__list {
    width: 1001px;
    margin: 0 auto;
    font-size: 0;
    text-align: left;
}
.coordinate-gallery__item {
    display: inline-block;
    box-sizing: border-box;
    padding: 2px;
	transition: .3s;
}
.coordinate-gallery__item:hover {
    opacity: .6;
}