@charset "utf-8";
/* CSS Document */

		.menu-contents {
			font-family: "Roboto",'Droid Sans',"游ゴシック", "ヒラギノ角ゴ ProN W3",  Meiryo, sans-serif;
		}
		
		.hm {
			font-size: 1.5em!important;
			padding: 1em 0 0.2em 1em;
			border-bottom: solid 2px black;
			margin-bottom: 0!important;
		}
		.cte-link {
			font-size: 1.0em;
			padding: 1em 0 1em 1.5em;
		    border-bottom: solid 1px #c0c0c0;
		}
		
		.waribiki {
			display:inline-block;
			border: solid 1px gray;
			padding:1em;
			width:48%; 
			text-align: center;
			border-radius: 5px;
			margin-bottom:0.5em;
		}
		
		.arrow-h{
		position: relative;
		display: inline-block;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
		}
		.arrow-h::before,
		.arrow-h::after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
		}

		.hm-link::before{
		right: 15px;
		width: 8px;
		height: 8px;
		border-top: 2px solid #005faf;
		border-right: 2px solid #005faf;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		}

#new_header{
	/*position:fixed;*/
	width:100%;
	background: #005FAF;
	height:0px;
	z-index:500;
	top: 5px;
}

#inner_header999{
	display:table;
	width:95%;
	margin:0 auto;
}

#inner_header999 span.menu-icon{
	width:8%;
	position:absolute;
	z-index:11;
    top: 30%;
    left: 4%;
}

/*オープンメニュー*/
.catframe{
	position:fixed;
	left: 0;
	top:0;
	width:300px;
	height:100%;
	z-index:1001;
	display:none;
    background-color: #FFF;
}

.menu-background {
	position:fixed;
	top:0;
	left:0;
    background-color: rgba(104,104,104,0.9);
    width: 100%;
    height:100%;
    z-index:750;
	display:none;
}

.menu-background2 {
	position:fixed;
	top:100px;
	left:0;
    background-color: rgba(104,104,104,0.9);
    width: 100%;
    height:100%;
    z-index:250;
	display:none;
}

.menu-icon999 {
	top:13px;
	left:82%;
	position:fixed;
	z-index:1000;
	display:none;
}

.menu-icon999 img{
	width:50%;
}

/*------------カテゴリーフレーム用------------*/

#sp_cat{
	width:80%;
	height:100%;
	background-color:#FFFFFF;
	line-height:1.6em;
	position:fixed;
	top:0;
	left:0;
	-ms-transform:translate(-80%);
	-webkit-transform:translate(-80%);
	transform: translate(-100%);
	transition: all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s; /* Firefox 4 */
	-webkit-transition:all 0.3s linear 0s; /* Safari and Chrome */
	-o-transition:all 0.3s linear 0s; /* Opera */
	z-index:1000;
    /*overflow-X: hidden;*/
}

.stop_move{
	position:fixed;
	overflow:hidden;
	height:100%;
	width: 100%;
}

.stop_move2{
	position:fixed;
	overflow:hidden;
	height:100%;
}

.cat_move{
	-ms-transform:translate(0px)!important;
	-webkit-transform:translate(0px)!important;
	transform: translate(0px)!important;
	transition: all 0.3s linear 0s;
	-moz-transition:all 0.3s linear 0s; /* Firefox 4 */
	-webkit-transition:all 0.3s linear 0s; /* Safari and Chrome */
	-o-transition:all 0.3s linear 0s; /* Opera */
}

.menu-contents a{
	color:black!important;
}

.menu-contents a:hover{
	text-decoration: none!important;
}


.menu-contents {
	overflow: auto;
	height:100%;
}

.menu-contents ul.acc li {
	padding:10px 0;

}

.menu-cat {
	padding:0!important;
}

.menu-contents > ul > li {
	padding: 15px 10px;
	font-size: 15px!important;
	border-bottom: solid 1px #C0C0C0;
}

/* カテゴリから探す */

ul.acc > li > a.acc_c {
	padding: 10px 15px 15px!important;
}

.menu-contents a {
	display:block;
}

.keyword_search {
	position: fixed;
	top:60px;
	width: 100%;
	z-index: 9;
}


.hcate-all{
	width:100%;
	overflow-x:scroll;

}

.hcate-all ul {
	white-space:nowrap;
}

.hcate-all li {
	display: inline-block;
	white-space:normal;

}
.hcate-all li img {
	height:50px;
}

.hcate-all::-webkit-scrollbar {
	height: 3px;
}
.hcate-all::-webkit-scrollbar-thumb{
	background: #999;
	border-radius: 3px;
}
.hcate-all::-webkit-scrollbar-track-piece {
	background: #efefef;
}

.hcate-all{
	line-height: normal!important;
}

#top-line {
	display: block;
	border: solid 0.3px #F0F0F0;
	margin-bottom: 3px;
}

.header {
	padding: 0!important;
	align-items:baseline;
	height: 4.1em!important;
}

.top_logo{
	width: 42%;
    position: absolute;
    top: 26%; /* .55em */
    left: 15%; /* 1.7em */
}

.top_logo img ,.menu-icon img {
	width: 100%;
	vertical-align: top;
}

.cart_num_area {
	position: absolute;
	right: .6em;
	top:1.1em;
}

.header-member {
	position: absolute;
	top: 1.1em;
    right: 3.6em;
}

.header-member span {
	color: #FFF;
	font-size: .8em;
	vertical-align: top;
	padding: 1em .5em 1em;
	display: inline-block;
}