@charset "utf-8";

/****************************************
		0. 全体の設定
*****************************************/
/* reset ----------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}    
ol,ul {list-style:none;}
table{border-collapse:collapse;border-spacing:0;}  
caption,th {text-align:left;}
a{outline:none;}
li img{font-size:0;line-height:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
body{ /* Always show scroll bars */
	overflow-y: scroll;
	overflow-y: auto; /* for ie6/7 */
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/* clearfix ----------------------- */
.clearfix:before, .clearfix:after{ content:""; display:table;}
.clearfix:after { clear:both;}
.clearfix{ zoom:1;}/* for IE 6/7 */

html{font-size: 62.5%;}
body{font-size: 1.4em ;}
a:link, a:visited, a:hover, a:active {
    color: #333;
    text-decoration: none;
}


/*スマホリセット
*****************************/

.desktop-only{display: none;}
.mobile-only{display: inline;}

#wrap{
	box-sizing: border-box;
}

#headerMenu{
	width: 100%;
	background-color: #000;
	padding: 5px 0;
}
.header-menu{
	width: 960px;
	margin: 0 auto;
}
.header-menu li{
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	background-color: #666;
	color: #ccc;
	font-size: 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition:all 0.8s ease;
}
.header-menu li a{
	display: block;
	text-decoration: none;
	color: #CCC;
	padding: 2px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition:all 0.8s ease;
}
.header-menu li a:hover{
	transition:all 0.4s ease;
	background-color: #F2EB80;
	color: #000;
}
.header-menu li.active{
	padding: 2px 10px;
	transition:all 0.4s ease;
	background-color: #F2EB80;
	color: #000;
}
li.header-menu-shop{
	float: right;
	background: #000;
	text-align: right;
	margin-right: 0;
	margin-top: 0;
	transition:all 0.8s ease;
	cursor: pointer;
}
li.header-menu-shop a:hover{
	transition:all 0.4s ease;
	background-color: #333;
	color: #000;
}
li.header-menu-shop img{
	width: 95%;
}