@charset "utf-8";

/*=========================================*/
/* SP navi */
/*=========================================*/

#navi_header_area{
	top:0;
	background-color:#fff;
	display:block;
	overflow: hidden;
	padding-bottom: 0px;
}

#navi_header_area #header_title{
	padding: 5px 0px 5px 15px;
}

#navi_header{
	width:100%;
	z-index:9999;
}

#navi_header #header_title .logo img{
	width: 100px;
}

#global_navi_sp_close{
	right:0;
	margin-top:10px;
	margin-right:20px;
	z-index:20;
	cursor:pointer;
	position:absolute;
	display:block;
}

#global_navi_sp_close a{
	display:block;
	padding:22px;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

#global_navi_sp_close a:hover {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

#global_navi_sp_close img{
	width:20px;
}

#navi_global_navi_sp{
    width: 100%;
	margin-top:0px;
	padding-bottom:0px;
	width:100%;
	z-index:10;
	background-color:#fff;
}

#navi_global_navi_sp_area{
	position:relative;
	width:100%;
	margin:0 auto;
}

#navi_global_navi_sp ul{
}

#navi_global_navi_sp ul li{
	font-size:15px;
	line-height:100%;
	letter-spacing: 0.00em;
	text-align:left;
}

#navi_global_navi_sp ul li a{
	border-top:#fa33a3 solid 1px;
	border-bottom:#c51779 solid 1px;
	display:block;
	padding:18px 20px;
	color:#000000;
	background-color: #f9f9f9;
	/*color:#ffffff;*/
	/*background-color: #e60c87;*/
	text-decoration:none;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	transition: all 0.5s;
}

#navi_global_navi_sp ul li a:hover {
	background-color: #fa33a3;
	color:#ffffff;
	transition: all 0.5s;
}

#navi_global_navi_sp ul li span{
	background-image:url(../images/ic_sp_navi.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:4px;
	padding: 0 2px 0 18px;
}

#navi_global_navi_sp ul li.first a{
	border-top:none;
}

#navi_global_navi_sp ul li.cart a{
	border-top:#ba0004 solid 1px;
	background-color: #cc2327;
	padding:18px 18px 18px 20px;
}

#navi_global_navi_sp ul li.cart span{
	background-image:url(../images/ic_cart.png);
	background-position:left center;
	background-size:15px;
	background-repeat:no-repeat;
	border-left:none;
	padding: 0 2px 0 20px;
}


#navi_global_navi_sp ul li.sub{
	font-size:15px;
}

#navi_global_navi_sp ul li.sub a{
	border-top:#dfdfdf solid 1px;
	border-bottom:none;
	padding:18px 20px;
	color:#000000;
	background-color:#ffffff;
}

#navi_global_navi_sp ul li.sub span{
	padding-left:20px;
	background-image:url(../images/ic01.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#navi_footer_copyright{
}

#navi_footer_copyright p{
	font-size: 11px;
	text-align: center;
	letter-spacing: 0.0em;
	color:#000000;
	padding:20px 20px 20px 20px;
}

@media screen and (max-width:1024px){
#global_navi_sp_close{
	margin-top:4px;
	margin-right:0px;
}
}