@charset "UTF-8";

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


/*107-- contact navigation
----------------------------------------------- */
p#b_contact {
	display:inline-block;
	position:static;	/*absolute*/
	left:312px;
	width:100px;
	height:20px;
	background:url(../../img/navigation/b_contact.png) no-repeat 0 -20px;
	background-size:100px 40px;
	padding:0;
	margin:0;
}
#b_contact a {
	display:block;
	width:100px;
	height:20px;
	text-indent:-9000px;
	overflow:hidden;
	outline:none;
	background:url(../../img/navigation/b_contact.png) no-repeat 0 0;
	background-size:100px 40px;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.2s ease;
}
#b_contact a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}


/*137-- privacy-policy navigation
----------------------------------------------- */
p#b_privacy-policy {
	display:inline-block;
	position:static;	/*absolute*/
	left:420px;
	width:100px;
	height:20px;
	background:url(../../img/navigation/b_privacy-policy.png) no-repeat 0 -20px;
	background-size:100px 40px;
	padding:0;
	margin:0;
}
#b_privacy-policy a {
	display:block;
	width:100px;
	height:20px;
	text-indent:-9000px;
	overflow:hidden;
	outline:none;
	background:url(../../img/navigation/b_privacy-policy.png) no-repeat 0 0;
	background-size:100px 40px;
	opacity:0;
	filter:alpha(opacity=0);
	transition:opacity 0.2s ease;
}
#b_privacy-policy a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}


/*167-- jp site navigation
----------------------------------------------- */
p#b_jp{
position:absolute;
margin:0; padding:0;
width:86px; height:20px;
border-right:1px solid #ccc;
background:url(../../img/navigation/b_jp.gif) no-repeat 0 -20px;
}
#b_jp a{display:block; width:64px; height:20px; text-indent:-9000px; overflow:hidden; outline:none; background:url(../../img/navigation/b_jp.gif) no-repeat 0 0;
opacity:0; filter:alpha(opacity=0);
transition:opacity 0.2s ease;
}
#b_jp a:hover{opacity:1; filter:alpha(opacity=100);}


/*182-- en site navigation
----------------------------------------------- */
p#b_en{
	display:inline-block;
	float:none;
	margin:0;
	padding:0;
	width:86px;
	height:20px;
	border-right:none;
	background:url(../../img/navigation/b_en.gif) no-repeat 0 0;
}
#b_en a{ display:block; width:64px; height:20px; text-indent:-9000px; overflow:hidden; outline:none; background:url(../../img/navigation/b_en.gif) no-repeat 0 -20px;
opacity:0; filter:alpha(opacity=0);
transition:opacity 0.2s ease;
}
#b_en a:hover{ opacity:1; filter:alpha(opacity=100);}


/*199-- index navigation
----------------------------------------------- */
#mokuji {
	font-family:'Shippori Mincho', serif;
	padding:124px 0 0 10px;
}

h3#h_index_hondamiso,
h3#h_index_aboutmiso,
h3#h_index_recipe a,
h3#h_index_items a,
h3#h_index_onlineshop a {
	margin:0;
	padding:0;
	width:220px;
	height:45px;
	font-family:'Shippori Mincho', serif;
	text-indent:0;
	text-decoration:none;
	color:#111;
	overflow:hidden;
	margin-top:2.0rem;
}
h3#h_index_hondamiso a,
h3#h_index_aboutmiso a {
	text-decoration:none;
	color:#111;
}

h3#h_index_hondamiso,
h3#h_index_aboutmiso {
	height:auto;
	background:none;
}
h3#h_index_recipe a,
h3#h_index_items a,
h3#h_index_onlineshop a {
	display:block;
	background:none;
}

h3#h_index_recipe a:hover,
h3#h_index_items a:hover,
h3#h_index_onlineshop a:hover { opacity:0.7; filter:alpha(opacity=70);}


h3#h_index_recipe a span,
h3#h_index_items a span,
h3#h_index_onlineshop a span {
	display:block;
	font-family:sans-serif;
	font-size:1.3rem;
	color:#bb8936;
}


/*226-- index navigation
----------------------------------------------- */
#mokuji ul {
	margin:0;
	padding:5px 0 22px 0;
	padding-left:4.0rem;
}
	
#mokuji li {
	position:relative;
	float:none;
	margin:0;
	width:auto;
	padding-right:12px;
	background:none;
	margin-top:0.5rem;
}
#mokuji li:before {
	content:'';
	display:block;
	position:absolute;
	left:-20px;
	top:12px;
	width:12px;
	height:1px;
	background-color:#bb8936;
}

#in_greeting a,
#in_yomoyama a,
#in_history a,
#in_profile a,
#in_location a,
#in_saikyomiso a,
#in_wonder a,
#in_aesthetic a,
#in_miso a {
	display:block;
	height:21px;
	text-indent:0;
	text-decoration:none;
	color:#111;
	overflow:hidden;
}

#in_greeting a,
#in_yomoyama a,
#in_history a,
#in_profile a,
#in_location a,
#in_saikyomiso a,
#in_wonder a,
#in_aesthetic a,
#in_miso a {
	width:auto;
	background:none;
}

#in_greeting a:hover,
#in_yomoyama a:hover,
#in_history a:hover,
#in_profile a:hover,
#in_location a:hover,
#in_saikyomiso a:hover,
#in_wonder a:hover,
#in_aesthetic a:hover,
#in_miso a:hover { opacity:0.7; filter:alpha(opacity=70);}


/*275-- aesthetic nav
----------------------------------------------- */
.n_aesthetic ul li 	{font-size:12px; font-size:1.2rem;}
.n_aesthetic ul li em { font-size:14px; font-size:1.4rem}
.n_aesthetic ul li a { display:block; margin:0 0 4px; padding:6px 16px 4px 16px; text-decoration:none; color:#666; background:url(../../img/navigation/arrow_aesthetic.png) no-repeat right center; border:1px solid #ccc; border-radius:4px;}
.n_aesthetic ul li a:hover { color:#C6000C; background:#f0f0f0 url(../../img/navigation/arrow_aesthetic.png) no-repeat right center;}

.col_aa {
	padding:0;
}
.col_aa ul li {
	float:none;
	margin-right:10px;
	width:auto;
	font-size:11px;
	font-size:1.1rem;
}
.col_aa ul li em { font-size:13px; font-size:1.3rem}
.col_aa ul li a { display:block; margin:0 0 4px; padding:6px 16px 4px 10px; text-decoration:none; color:#666; background:url(../../img/navigation/arrow_aesthetic.png) no-repeat right center; border:1px solid #ccc; border-radius:4px;}
.col_aa ul li a:hover { color:#C6000C; background:#f0f0f0 url(../../img/navigation/arrow_aesthetic.png) no-repeat right center;}
.col_aa ul li.selected a { color:#AA9C6B; background:#f3f3f3 url(../../img/navigation/arrow_aesthetic.png) no-repeat right center;}


}