@charset "UTF-8";

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


/*29-- slide navigation
----------------------------------------------- */
#b_open{
cursor:pointer;
position:relative;
top:0;
left:0;
}
#slidewrap h3{
margin:2em 0 0.5em 0;
font:normal 14pt/1.8 "Times New Roman", Times, serif;
color:#fff;
}
#slidewrap h3 a{
text-decoration:none;
color:#fff;
}

#slidewrap{
position:absolute;
width:100%;
background:#12100E url(../img/common/bg_slidewrap.png) repeat-x left bottom;
z-index:999;
opacity:0.8;
filter:alpha(opacity=80);
}
.nav{
	margin:0 auto;
	padding:0 5% 40px 5%;
	width:960px;
}
.nav .cola {
	float:none;
	padding:0 20px 0 0;
	width:auto;
}
.nav .colb {
	float:none;
	width:auto;
}
.nav .colc{
float:right;
padding:0 0;
width:290px;
}

.nav ul li{
font-size:10.5pt;
padding:0 0 12px 0;
line-height:1.4;
}
.nav ul li a{
color:#ccc;
text-decoration:none;
}
.nav ul li ul li{
	float:none;
	padding:0 0;
	margin-bottom:0.5rem;
}
.nav ul li ul{
padding:0 0 0 5px;
}
.nav ul li ul li a{
margin:0 21px 0 0;
padding:0 0 0 5px;
font-size:10pt;
color:#AEAAA4;
white-space: nowrap;
text-decoration:underline;
background:url(../img/navigation/sn_li.gif) no-repeat 0 0.6em;
}
.nav a:hover{
color:#fff;
}


/*130-- jp site navigation
----------------------------------------------- */
p#b_jp {
	display:inline-block;
	position:static;
	margin:0;
	padding:0;
	width:86px;
	height:20px;
	border-right:none;
	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);}


/*147-- index navigation
----------------------------------------------- */
#nav{
	padding:4.0rem 0 4.0rem 10px;
}

h3#h_index_hondamiso,
h3#h_index_aboutmiso,
h3#h_index_gifts{
	margin:0;
	padding:0;
	width:220px;
	height:30px;
	text-indent:-9000px;
}
h3#h_index_gifts {
	height:52px;
}
h3#h_index_hondamiso{
background:url(../../img/navigation/h_index_hondamiso.png) no-repeat 0 0;
}
h3#h_index_aboutmiso{
background:url(../../img/navigation/h_index_aboutmiso.png) no-repeat 0 0;
}
h3#h_index_gifts{
}
h3#h_index_gifts a{
display:block;
width:220px;
height:53px;
background:url(../../img/navigation/h_index_gifts.png) no-repeat 0 0;
overflow:hidden;
}


/*245-- giftlist navigation
----------------------------------------------- */
#giftlist{
	width:100%;
	max-width:399px;
	margin:10px auto 40px auto;
}
#giftlist::after {
	content:'';
	display: block;
	clear:both;
}


#giftlist a{
text-decoration:none;
}
#giftlist li{
	float:left;
	padding: 0 0 8px 0;
	width:49%;	/*152px*/
	border:solid #ddd;
	border-width:0 1px 1px 0;
	font-size:86%;
	line-height:1.25;
}
#giftlist li.left{
border-left:none;
}
#giftlist li:nth-child(1),
#giftlist li:nth-child(3),
#giftlist li:nth-child(5) {
	border-left:1px solid #ddd;
}
#giftlist li.selected{
background:#eee;
}
#giftlist li img {
	width:100%;		/*日本語版から変更*/
	/*max-width:100%;*/
	height:auto;
	vertical-align:middle;
}
#giftlist li .name {
	padding:4px 8px 0 8px;
	height:2.5em;
	overflow:hidden;
	display:block;

}
#giftlist li .price{
padding:0 8px;
display:block;
}
#giftlist li a:hover{
opacity:0.7;
filter:alpha(opacity=70);
}


/*284-- xtra navigation
----------------------------------------------- */
#extranav{
position:absolute;
top:0;
left:0;
width:100%;
z-index:1000;
}
#extranav ul{
	margin:0 auto;
	width:auto;
}
#extranav li{
float:right;
margin:0 1px 0 0;
}
#extranav li#b_menu a{
display:block;
width:80px;
height:40px;
text-indent:-9000px;
overflow:hidden;
background:url(../../img/navigation/b_menu.png) no-repeat 0 0;
opacity:0.7;
filter:alpha(opacity=70);
}
#extranav li#b_menu.close a{
background:url(../../img/navigation/b_menu.png) no-repeat 0 -40px;
}
#extranav li#b_menu a:hover{
opacity:1;
filter:alpha(opacity=100);
}
#extranav li#b_home a{
display:block;
width:80px;
height:40px;
text-indent:-9000px;
overflow:hidden;
background:url(../../img/navigation/b_home.png) no-repeat 0 0;
opacity:0.7;
filter:alpha(opacity=70);
}
#extranav li#b_home a:hover{
opacity:1;
filter:alpha(opacity=100);
}
#home #extranav li#b_home{
display:none;
}
#extranav li#b_menu{
display:none;
}


}