@charset "utf-8";
/* CSS Document */
html{
	/*height: 100%;*/
	overflow-y: scroll;
}
body{
	height:auto;
	position: static;
}
.singleBtnArea{
	width:815px;
	margin:0 auto;
}
.singleBtnArea > a.selfBtn{
	display: inline-block;
}
#search_input{
	overflow: visible;
}
.toggleTrigger{
	position: relative;
	z-index:99999;
	zoom:1;
	margin-left: 334px;
}
#modal-overlay{
	z-index:998;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: white;
	opacity: 0;
	filter: alpha(opacity=0)
}
#more_narrow{
	margin:0;
	padding:0;
	width:662px;
	z-index:99999;
	position: absolute;
	top: 49px;
	right: 12px;
	zoom:1;
	background: #fff;
}
#more_narrow .more_narrowInner{
	position: relative;
	margin:0;
	background-color:#fff;
	border:1px solid #959595;
	border-top:none;
}
#modal-arrow{
	position:absolute;
	z-index:9999;
	right:37px;
	top:-11px;
}
#modal-arrow img{
	vertical-align: top;
}
/* modal-close
--------------------------------------------------*/
#modal-close{
	right:10px;
	top:6px;
	z-index:9999;
	position: absolute;
	cursor:pointer;
	width:44px;
	height:25px;
	text-align:center;
	vertical-align: middle;
	font-size:22px;
	color:#EB6769;
}
.more_narrow_panel{
	width:100%;
}

/*.narrow_panel_wrap {
	display:table;
	width:100%;
	margin-top:-1px;
	margin-bottom:3px;
	border-bottom:1px solid #CAC2C1;
}*/

/*.narrow_panel_col {
	display:table-cell;
	width:33.33333%;
	box-sizing:border-box;
	vertical-align:top;
	border-left:1px solid #CAC2C1;
}
.narrow_panel_col:first-child{
	border-left:none;
}*/
/*.narrow_panel_col:nth-child(2) {
	border-left:1px solid #CAC2C1;
	border-right:1px solid #CAC2C1;
}*/
.narrow_panel_wrap{
	overflow: hidden;
	height: 100%;
	border-right: 1px solid #CAC2C1;
}
.narrow_panel_col{
	float: left;
	width:219px;
	height: 100%;
	border-left:1px solid #CAC2C1;
	zoom:1;
}
.narrow_panel_col.first{
	width:220px;
	border-left:none;
}
#narrow_panel_cat,
#narrow_panel_ing,
#narrow_panel_pro,
#narrow_panel_tim{
	padding-bottom: 3px;
}
#more_narrow_panel h2 {
	border-bottom:1px solid #998987;
	padding-left:36px;
	line-height:32px;
	color:#482C00;
	font-size: 78%;
	z-index:5;
	position:relative;
	border: 1px solid #CAC2C1;
}
#narrow_panel_cat h2 {
	border-top: 3px solid #EB6759;
	background: url(../images/top/pc_icon_nav_cat.png) 10px 50% no-repeat;
	background-size: 22px 20px;
	zoom:1;
}

#narrow_panel_ing h2 {
	border-top: 3px solid #E67F21;
	background: url(../images/top/pc_icon_nav_ing.png) 10px 50% no-repeat;
	background-size: 22px 20px;
	zoom:1;
}

#narrow_panel_pro h2 {
	border-top: 3px solid #8EB33C;
	background: url(../images/top/pc_icon_nav_pro.png) 10px 50% no-repeat;
	background-size: 22px 20px;
	zoom:1;
}

#narrow_panel_tim h2 {
	border-top: 3px solid #26ACBB;
	background: url(../images/top/pc_icon_nav_tim.png) 10px 50% no-repeat;
	background-size: 22px 20px;
	zoom:1;
}


.narrow_panel_cell {
	width:100%;
}
/*.narrow_toggle_wrap {
	display:table;
	width:100%;
}
.narrow_panel_cell .narrow_toggle,
.narrow_panel_cell a,
.narrow_cell_null {
	display:table-cell;
	width:220px;
	height:35px;
	padding: 3px 21px 3px 10px;
	vertical-align: middle;
	border-top:1px solid #CAC2C1;
	font-size:100%;
	cursor:pointer;
	border-collapse: collapse;
}*/
.narrow_cell_null {
	border-bottom: 1px solid #CAC2C1;
	height: 48px;
}
.narrow_panel_cell a,
.narrow_toggle{
	display: block;
	height:30px;
	padding: 15px 25px 3px 10px;
	/*padding: 10px 21px 10px 10px;*/
	border-bottom:1px solid #CAC2C1;
	font-size: 78%;
	cursor:pointer;
}
.narrow_panel_cell ul {
	display:none;
}

.narrow_panel_cell > a {
	background: url(../images/top/pc_arr_nav.png) 90% 50% no-repeat;
	background-size: 5px 8px;
}

.narrow_panel_cell .narrow_toggle {
	background: url(../images/top/pc_icon_nav_cl.png) 90% 50% no-repeat;
	background-size: 16px 16px;
}
.narrow_panel_cell .open .narrow_toggle {
	background: url(../images/top/pc_icon_nav_op.png) 90% 50% no-repeat;
	background-size: 16px 16px;
}

#narrow_panel_cat .narrow_panel_wrap { background:#FCF2F1;}
#narrow_panel_ing .narrow_panel_wrap { background:#FBF3EB;}
#narrow_panel_pro .narrow_panel_wrap { background:#F3F6ED;}
#narrow_panel_tim .narrow_panel_wrap { background:#F3F8F8;}

#narrow_panel_cat .narrow_panel_cell ul { background-color:#FEFBFB;}
#narrow_panel_ing .narrow_panel_cell ul { background-color:#FEFDF5;}
#narrow_panel_pro .narrow_panel_cell ul { background-color:#F5FFF7;}

/*.narrow_panel_cell ul a {
	padding: 0 3px 0 10px;
	width: 93px;
}*/

.narrow_panel_cell ul a {
	background: url(../images/top/pc_arr_nav.png) 90% 50% no-repeat;
	background-size: 5px 8px;
	/*width:220px;*/
	padding: 15px 21px 3px 20px;
}
.narrow_toggle_wrap+ul .narrow_toggle_wrap .narrow_toggle{
	padding-left:20px;
}
.narrow_toggle_wrap+ul .narrow_toggle_wrap+ul a {
	padding-left:30px;
}
@media screen and (max-width:640px) {
#topContants{
	position: relative;
}
.toggleTrigger{
	position: static;
}
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#more_narrow{
	margin:0 auto;
	width:100%;
	z-index:99999;
	background-color:#fff;
	border:1px solid #959595;
	border-top:none;
	top: 100%;
	right: 0;
}
#modal-arrow{
	position:absolute;
	z-index:9999;
	/*top:-11px;*/
	right:37px;
}
/* modal-close
--------------------------------------------------*/
#modal-close{
	right:10px;
	top:8px;
	z-index:9999;
	position: absolute;
	cursor:pointer;
	width:44px;
	height:25px;
	text-align:center;
	vertical-align: middle;
	font-size:22px;
	color:#EB6769;
}

#more_narrow_panel {
	width:100%;
	display:block;
	position: absolute;
	background-color:#fff;
	z-index:3;
}

#narrow_panel_cat h2 {
	border-top: 3px solid #EB6759;
	background: url(../images/sp_icon_nav_cat.png) 10px 50% no-repeat;
	background-size: 22px 20px;
}

#narrow_panel_ing h2 {
	border-top: 3px solid #E67F21;
	background: url(../images/sp_icon_nav_ing.png) 10px 50% no-repeat;
	background-size: 22px 20px;
}

#narrow_panel_pro h2 {
	border-top: 3px solid #8EB33C;
	background: url(../images/sp_icon_nav_pro.png) 10px 50% no-repeat;
	background-size: 22px 20px;
}

#narrow_panel_tim h2 {
	border-top: 3px solid #26ACBB;
	background: url(../images/sp_icon_nav_tim.png) 10px 50% no-repeat;
	background-size: 22px 20px;
}
.narrow_panel_wrap {
	display:table;
	width:100%;
	margin-top:-1px;
	margin-bottom:3px;
	border-bottom:none;
}


.narrow_panel_cell .narrow_toggle,
.narrow_panel_cell a,
.narrow_panel_cell ul a,
.narrow_cell_null {
	display:table-cell;
	width:220px;
	height:50px;
	padding: 3px 21px 3px 10px;
	vertical-align: middle;
	border-top:none;
	font-size: 78%;
	cursor:pointer;
	border-collapse: collapse;
}
.narrow_cell_null {
	border-bottom: 1px solid #CAC2C1;
	height: 50px;
}
.narrow_panel_col {
	float: none;
	display:table-cell;
	width:33.33333%;
	box-sizing:border-box;
	vertical-align:top;
	border-left: none;
}
.narrow_panel_col.first{
	width:33.33333%;
	border-left:none;
}
.narrow_panel_col:nth-child(2) {
	border-left:1px solid #CAC2C1;
	border-right:1px solid #CAC2C1;
}
.narrow_panel_cell > a {
	background: url(../images/sp_arr_nav.png) 90% 50% no-repeat;
	background-size: 5px 8px;
}
.narrow_panel_cell ul a {
	padding-left: 20px;
}

.narrow_panel_cell .narrow_toggle {
	background: url(../images/sp_icon_nav_cl.png) 90% 50% no-repeat;
	background-size: 16px 16px;
}
.narrow_panel_cell .open .narrow_toggle {
	background: url(../images/sp_icon_nav_op.png) 90% 50% no-repeat;
	background-size: 16px 16px;
}

}/*メディアクエリここまで*/