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

body {
	margin:0;
	padding:0;
	font-size: 10px;
	color: #212121;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
	margin:0;
	padding:0;
}

a {
	color: #999;
}
a:link {
	text-decoration: none;
	color: #212121;
}
a:visited {
	text-decoration: none;
	color: #212121;
}
a:hover {
	opacity: 0.5;
}

a:active {
	text-decoration: none;
}


a:hover img {
opacity: 0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(Style=3,Opacity=80,FinishOpacity=80);}


input, select, textarea {
font-size: 11px;
}

/*====================
　　 　ロゴ
====================*/

#logo {
	margin:0 auto;
	text-align:center;
}

/*====================
　　 　検索
====================*/

#search  {
	margin:0 auto;
	text-align:center;
	width:100%;
}

.search-button {
	background:#212121;
	color:#FFF;
	border-style: none;
	width:80px;
	height:25px;
	margin:5px 0;
}

.search-button a:hover {
	background:#333;
}










/*====================
　　グローバルナビ
====================*/

.globalNav {
	margin:0 auto;
	padding:0;
	background:#efefef;
}

.globalNav ul {
	text-align:center;
    list-style: none;
	height:40px;
	padding:0;
}

.globalNav li {
	display:inline-block;
	font-family: 'Abril Fatface', cursive;
	padding:1px 0 0 0 ;
	font-size:14px;
}
 
.globalNav li a {
    display: block;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .globalNav li a {
    display: block;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
	font-size:14px;
}

}
 
.globalNav li span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: block;
    margin: 2px 0 0 0;
	font-size: 8px;
    letter-spacing: 1px;
	font-weight:normal;
}

/*====================
　お買いものカゴ
====================*/

#cart {
	top:5px;
	right:10px;
	position:fixed;
	display:inline-block;
	z-index:9;
}


/* パソコンで見たときは"pc_view"のclassがついた部分が表示される */
.pc_view { display: block !important; }
.sp_view { display: none !important; }
/* スマートフォンで見たときは"sp_view"のclassがついた部分が表示される */
@media only screen and (max-width: 1050px) {
.pc_view { display: none !important; }
.sp_view { display: block !important; }
}