@charset "utf-8";

/* グローバルナビ 
------------------------------------------------------------- */
.gnav {
}
.gnav .gnav__item:not(:last-child) {
	border-bottom: 1px dotted #ccc;
}
.gnav .gnav__item .gnav__item__link {
	display: flex;
	align-items: center;
	height: 32px;
	padding: 0 10px;
	color: #333;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: left;
}

.gnav .gnav__item .gnav__item__link [class^="icon-"] {
	width: 24px;
	font-size: 2.0rem;
	text-align: center;
}
.gnav .gnav__item .gnav__item__link .icon-arrow-right {
	width: auto;
	margin: 0 5px 0 0;
	font-size: 1.6rem;
}
.gnav .gnav__item .gnav__item__link .gnav__item__link__text {
	flex: 1 1 auto;
}
.gnav .gnav__item .gnav__item__link .icon-cheese {
	color: #e9d28f;
}
.gnav .gnav__item .gnav__item__link .icon-food {
	color: #d68b8c;
	font-size: 2.4rem;
}
.gnav .gnav__item .gnav__item__link .icon-cow2 {
	color: #8ccada;
	font-size: 2.4rem;
}
.gnav .gnav__item .gnav__item__link .icon-cow1 {
	color: #acb5a6;
	font-size: 2.0rem;
}
.gnav .gnav__item .gnav__item__link .icon-horse {
	color: #c6a37f;
	font-size: 2.0rem;
}
.gnav .gnav__item .gnav__item__link .icon-denim {
	color: #96a7b4;
}
.gnav .gnav__item .gnav__item__link .icon-knife {
	color: #bfa0bf;
	font-size: 2.4rem;
}

.gnav .gnav__item .gnav__item__link:hover,
.gnav .gnav__item.current .gnav__item__link {
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

.gnav .gnav__item.gnav__item--cheese .gnav__item__link:hover,
.gnav .gnav__item.gnav__item--cheese.current .gnav__item__link {
	background: #d2a51f;
}
.gnav .gnav__item.gnav__item--food .gnav__item__link:hover,
.gnav .gnav__item.gnav__item--food.current .gnav__item__link {
	background: #bf4d4e;
}
.gnav .gnav__item.gnav__item--rakuno .gnav__item__link:hover,
.gnav .gnav__item.gnav__item--rakuno.current .gnav__item__link {
	background: #1996b6;
}
.gnav .gnav__item.gnav__item--kyoshin .gnav__item__link:hover,
.gnav .gnav__item.gnav__item--kyoshin.current .gnav__item__link {
	background: #336600;
}
.gnav .gnav__item.gnav__item--horse .gnav__item__link:hover,
.gnav .gnav__item.gnav__item--horse.current .gnav__item__link {
	background: #a06a33;
}
.gnav .gnav__item.gnav__item--denim .gnav__item__link:hover,
.gnav .gnav__item.gnav__item--denim.current .gnav__item__link {
	background: #476883;
}
.gnav .gnav__item.gnav__item--tamahagane .gnav__item__link:hover,
.gnav .gnav__item.gnav__item--tamahagane.current .gnav__item__link {
	background: #996699;
}


/* .subnav
----------------------------------------------------------- */
.subnav {
	display: none;
}

.cheese .gnav .subnav--cheese,
.food .gnav .subnav--food,
.rakuno .gnav .subnav--rakuno,
.kyoshin .gnav .subnav--kyoshin,
.horse .gnav .subnav--horse,
.denim .gnav .subnav--denim,
.tamahagane .gnav .subnav--tamahagane {
	display: block;
}

.subnav .subnav__item .subnav__item__link {
	display: flex;
	align-items: center;
	padding: 8px 10px;
	font-size: 1.1rem;
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
}
.subnav .subnav__item .subnav__item__link > *:not(.icon-arrow-right) {
	flex: 1 1 auto;
}
.subnav .subnav__item .subnav__item__link .icon-arrow-right {
	flex: 0 0 auto;
	margin: 0 5px 0 0;
	font-size: 1.6rem;
}
.subnav .subnav__item .subnav__item__link:hover,
.subnav .subnav__item.current .subnav__item__link {
	color: #fff !important;
	text-decoration: none;
	opacity: 1;
}


.subnav--cheese .subnav__item .subnav__item__link {
	background: #faf7c3;
	color: #bf8811;
}
.subnav--cheese .subnav__item .subnav__item__link:hover,
.subnav--cheese .subnav__item.current .subnav__item__link {
	background: #e3c534;
}


.subnav--food .subnav__item .subnav__item__link {
	background: #f3dedf;
	color: #a73233;
}
.subnav--food .subnav__item .subnav__item__link:hover,
.subnav--food .subnav__item.current .subnav__item__link {
	background: #d87073;
}


.subnav--rakuno .subnav__item .subnav__item__link {
	background: #d6ebf2;
	color: #0d779c;
}
.subnav--rakuno .subnav__item .subnav__item__link:hover,
.subnav--rakuno .subnav__item.current .subnav__item__link,
.rakuno05_detail .subnav--rakuno .subnav__item.subnav__item--rakuno05 .subnav__item__link {
	background: #79c2d4;
	color: #fff;
}


.subnav--kyoshin .subnav__item .subnav__item__link {
	background: #e1f1d7;
	color: #1e4700;
}
.subnav--kyoshin .subnav__item .subnav__item__link:hover,
.subnav--kyoshin .subnav__item.current .subnav__item__link {
	background: #649535;
}


.subnav--horse .subnav__item .subnav__item__link {
	background: #ebe0c9;
	color: #824b1e;
}
.subnav--horse .subnav__item .subnav__item__link:hover,
.subnav--horse .subnav__item.current .subnav__item__link {
	background: #c08e61;
}


.subnav--denim .subnav__item .subnav__item__link {
	background: #d5dee4;
	color: #2d4963;
}
.subnav--denim .subnav__item .subnav__item__link:hover,
.subnav--denim .subnav__item.current .subnav__item__link {
	background: #728ca1;
}


.subnav--tamahagane .subnav__item .subnav__item__link {
	background: #eadfea;
	color: #7a477a;
}
.subnav--tamahagane .subnav__item .subnav__item__link:hover,
.subnav--tamahagane .subnav__item.current .subnav__item__link {
	background: #c199c1;
}