@charset "euc-jp";
/*==================
初期設定
==================*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, address, em, img, strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;font-size:100%;}
html{margin: 0; padding: 0; font-size: 100%; overflow-y: scroll;}
body{
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, "游ゴシック", YuGothic, "Noto Sans Japanese", Meiryo, sans-serif; color:#000;
	font-size: 12px;
	background-color:#fff;
}
a{
	color: #222;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:hover img,
a.opacity:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}
img{
	border: 0;
	max-width: 100%;
}
ul,li{
	list-style: none;
}
/*font*/
h1{
	font-size: 160%;
}
h2{
	font-size: 130%;
}
h3{
	font-size: 110%;
}
.txt01{
	padding: 20px 0;
}
/*align*/
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
}
/*float*/
.float-left{
	float: left;
}
.float-right{
	float: right;
}
/*clearfix*/
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;
	height: auto;
	overflow: hidden;
	/**/
}
.clear{
	clear: both;
}
/*color*/
.red{
	color: #c21835 !important;
}
/*layout*/
.list-inline li{
	display: inline-block;
	vertical-align: middle;
}
/*form*/
.input-txt{
	padding: 6px 8px;
}
.btn{
	border: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}
/*position*/
.relative{
	position: relative;
}

.table_price,
.t_stock_num,
table#option_tbl .cell_2 br{display:none;}

/*form*/
#description input[type=text]{
	padding: 4px 6px;
	height: 24px;
	font-size: 14px;
}

.mb20{
	margin-bottom: 20px;
}

#notice{
	text-align: center;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	padding: 8px 0 6px;
	margin-bottom: 20px;
}

/*==================
共通レイアウト
==================*/
#fairinfo{
  margin-bottom:20px;
}
#fairinfo img{
  display:block;
  border:1px solid #eee;
}
@-webkit-keyframes AnimationName{0%,100%{background-position:4% 0}50%{background-position:97% 100%}}
@keyframes AnimationName{0%,100%{background-position:4% 0}50%{background-position:97% 100%}}
#gradation{
	-webkit-animation: AnimationName 15s ease infinite;
	animation: AnimationName 15s ease infinite;
	background: -webkit-linear-gradient(180deg,#A18E5C,#E3DECC,#E6E5E1);
	/*background: -webkit-linear-gradient(180deg,#f32e72,#c558f5,#27bcf5,#21e777);
	background: linear-gradient(270deg,#f32e72,#c558f5,#27bcf5,#21e777);*/
	background-color: #e5155d;
	background-size: 1400% 1400%;
  width:100%;
  text-align:center;
  line-height:40px;
  font-size:16px;
  display:block;
color:#fff;
}
#gradation:hover{text-decoration:none;}
#wrapper{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 40px;
}
/*==================
headerレイアウト
==================*/
#headline{
	background-color: #333;
	color: #fff;
	text-align: center;
	padding: 4px 0 2px;
}
#headline a{
	color: #fff;
}
#globalHeader{
	padding-top: 20px;
	margin-bottom: 20px !important;
}
#globalHeader h1{
	float: left;
}
#globalHeader li{
	font-size: 90%;
	padding-left: 22px;
	margin-left: 14px;
	position: relative;
}
#naviRegister{
	background: url(https://file001.shop-pro.jp/PA01002/168/images/ico_register.png) no-repeat 0 0;
}
#naviMailmagazine{
	background: url(https://file001.shop-pro.jp/PA01002/168/images/ico_mail.png) no-repeat 0 0;
}
#naviShoppingGuide{
	background: url(https://file001.shop-pro.jp/PA01002/168/images/ico_guide.png) no-repeat 0 0;
}
#naviMypage{
	background: url(https://file001.shop-pro.jp/PA01002/168/images/ico_mypage.png) no-repeat 0 0;
}
#naviLogin{
	background: url(https://file001.shop-pro.jp/PA01002/168/images/ico_login.png) no-repeat 0 0;
}
#naviLogout{
	background: url(https://file001.shop-pro.jp/PA01002/168/images/ico_logout.png) no-repeat 0 0;
}
#naviCart{
	background: url(https://file001.shop-pro.jp/PA01002/168/images/ico_cart.png) no-repeat 0 0;
}
#productNum{
	display: block;
	text-align: center;
	width: 24px; line-height: 24px;
	position: absolute;
	top: -5px; right: -26px;
	color: #fff;
	background: url(https://file001.shop-pro.jp/PA01002/168/sp/images/ico_productnum.png) no-repeat 0 0;
}
/*検索*/
#search{
	position: absolute;
	top: 60px;
	right: 0;
}
#search .input-txt{
	width: 250px;
  color:#000;
	line-height: 15px;
	vertical-align: middle;
}
#searchBtn{
	background: url(https://file001.shop-pro.jp/PA01002/168/images/ico_search.png) no-repeat center center #000;
	text-indent: -9999px;
	width: 31px; height: 31px;
	vertical-align: middle;
}

/*ランキング*/
#ranking ol{
  padding:10px;
}
#ranking ol li{
  padding:4px 0 10px 30px;
}
#ranking ol li:nth-child(1){
  background:url(https://file001.shop-pro.jp/PA01002/168/images/rank1.png) no-repeat 0 0;
}
#ranking ol li:nth-child(2){
  background:url(https://file001.shop-pro.jp/PA01002/168/images/rank2.png) no-repeat 0 0;
}
#ranking ol li:nth-child(3){
  background:url(https://file001.shop-pro.jp/PA01002/168/images/rank3.png) no-repeat 0 0;
}
#ranking ol li:nth-child(4){
  background:url(https://file001.shop-pro.jp/PA01002/168/images/rank4.png) no-repeat 0 0;
}
#ranking ol li:nth-child(5){
  background:url(https://file001.shop-pro.jp/PA01002/168/images/rank5.png) no-repeat 0 0;
}
#ranking .new_mark_img2{
  display:none !important;
}

.banner-link{
  display:block;
  padding:10px;
  margin-bottom:20px;
  color:#fff;
  background:#000;
  text-align:center
}
.banner-link:hover{
  text-decoration:none;
  background:#FFE100;
}

.banner-link.amazon{
	background: url(https://file001.shop-pro.jp/PA01002/168/images/amazon/amazon.png) no-repeat 10px center #fff;
	background-size: 32px;
	padding-left:36px;
	color:#000;
	border:3px solid #f6c94c;
}
.banner-link.amazon:hover{
	background-color:#f6c94c;
}

/*メルマガ*/
.banner-link.mail:hover{
	background-color:#ccc;
}
.banner{
  display:block;
  margin-bottom:20px;
}

/*==================
グローバルナビ
==================*/
#globalNavi {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 20px;
}
#globalNavi li{
	text-align: center;
	position: relative;
	width: 106px;
	padding: 12px 0 10px;
}
#globalNavi li:hover{
	cursor: pointer;
}
#globalNavi li:hover a{
	text-decoration: none;
}
#globalNavi ul li ul{
	display:none;
	width: 200px;
	list-style: none;
	position: absolute;
	margin-top: 10px;
	left: 0;
	z-index: 999;
}
#globalNavi ul li ul li{
	width: 200px;
	padding: 0;
	text-align: left;
	font-size: 80%;
}
#globalNavi ul li ul li a{
	display: block;
	padding: 12px 0 10px 20px;
	background-color: #f5f5f5;
}
#globalNavi ul li ul li a:hover{
	background-color: #dcdcdc;
}

.breadcrumbs{
margin-bottom:20px;
}


/*==================
ショッピングガイド
==================*/
#shoppingGuide{
	border-top:1px solid #dbdbdb;
	padding: 20px 0;
}
#shoppingGuide .block{
	width: 960px;
	margin: 0 auto;
}
#shoppingGuide h2{
	font-weight: normal;
	margin-bottom: 20px;
}
#shoppingGuide .float-left,
#shoppingGuide .float-right{
	width: 48%;
}
#shoppingGuide img{
	display: block;
	margin-bottom: 10px;
}
#shoppingGuide p{
	font-weight: 700;
	margin-bottom: 10px;
}
#shoppingGuide dl{
	margin-bottom: 20px;
}
#shoppingGuide dt{
	text-align: left;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#shoppingGuide dd{
	font-size: 90%;
	line-height: 1.8em;
}
#shoppingGuide dd span{
	display: block;
	padding: 16px 0 6px;
}
#shoppingGuide dd span.span01{
	padding: 0 0 6px;
}
#shoppingGuide table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	text-align: center;
}
#shoppingGuide table th{
	font-weight: normal;
	padding: 4px 6px;
	background-color: #eee;
	border: 1px solid #ccc;
}
#shoppingGuide table td{
	padding: 4px 6px;
	background-color: #fff;
	border: 1px solid #ccc;
}

/*==================
フッターエリア
==================*/
#globalFooter{
	border-top: 1px solid #000;
	padding-top: 20px;
}
#globalFooter a{
}
#globalFooter .block{
	width: 960px;
	margin: 0 auto;
}
#globalFooter .float-left,
#globalFooter .float-right{
	width: 48%;
}
#globalFooter p,
#globalFooter address,
#globalFooter li{
	line-height: 1.8em;
}
#globalFooter li{
	width: 50%;
	float: left;
}
#facebook{
	display: block;
	position: absolute;
	right: 0;
}
.copyright{
	padding-top: 40px;
}
#pagetop{
	position: fixed;
	bottom:50px;
	right:3%;
	display: block;
	width: 60px;
	line-height: 80px;
	text-align: center;
	background-color: #151515;
	margin-top: 10px;
}


/*==================
第二階層エリア
==================*/
#recent div,
#recommend div,
#productList div{
	float: left;
	margin: 0 10px 20px 0;
}
#newarrival div{
	float: left;
	margin: 0 6px 20px 0;
}
#recent h2,
#recommend h2,
#newarrival h2,
#voice h2{
	border-bottom: 1px solid #eee;
	padding-bottom: 5px; margin-bottom: 10px;
	color: #333;
}
#recent img,
#recommend img,
#productList img,
#newarrival img{
	display: block;
	margin: 0 auto 10px;
}
/*最近チェックした*/
#recent div {
	width: 95px;
}
#recent div:nth-child(9n){
clear:both;
}
#recent div img{
margin:0 auto;
}
/*新着一覧*/
#recommend div,
#productList div{
	width: 175px;
}
#newarrival div{
	width: 240px;
}
#newarrival{
	margin-bottom: 40px;
}

#pageHeader{
	color: #fff;
	text-align: center;
	padding: 30px 0;
}
#pageHeader h1{
	font-size: 200%;
	padding-bottom: 20px;
}
#pageHeader h2{
	font-size: 160%;
	font-weight: normal;
}

/*tab*/
#tab li{
	width: 50%;
	padding: 16px 0;
	display: inline-block;
	text-align: center;
	font-size: 140%;
	color: #fff;
	cursor: pointer;
}
#tab li.active{
	background-color: #fff;
	color: #000;
}
.tab-content{
	padding-top: 20px;
	background-color: #fff;
}
/*products*/
.products{
	width: 235px;
	text-align: center;
	float: left;
	padding-bottom: 20px;
}
.products a:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

/*ログインを促す*/
#loginBox{
	text-align: center;
	padding: 100px 0;
}
#loginBox p{
	font-size: 18px;
	margin-bottom: 30px;
}
#loginBox a{
	display: block;
	width: 240px;
	line-height: 60px;
	margin: 0 auto;
	background-color: #333;
	color: #fff;
}
#loginBox a:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	text-decoration: none;
}

/* GIFT */
.gift .products:nth-child(5){
	clear: both;
}

#main{
	float: right;
	width: 740px;
}
#sidenavi{
	float: left;
	width: 200px;
}
#sidenavi p.tit{
	font-weight: 700;
	padding: 0 10px 10px;
  border-bottom: 1px solid #dbdbdb;
}
#sidenavi .side-menu li a{
	display: block;
	padding: 10px 0 8px 8px;
	border-bottom: 1px solid #f5f5f5;
vertical-align: middle;
}
#sidenavi .side-menu li a img{
vertical-align: middle;
}
#sidenavi .side-menu li a:hover{
	text-decoration: none;
	background-color: #eee;
}
#globalNavi .block,
#globalHeader.block{
	width: 960px;
	margin: 0 auto;
}

#topbanner li{
	width:200px;
	position: relative;
	margin-bottom: 10px;
}
#topbanner li img.new{
	display: block;
	position: absolute;
	top: 0; left:  0;
}

  #zouzei{
    width: 810px;
    margin: 0 auto 20px;
    background-color: #E71312;
    color:#fff;
    padding:0 10px 0 0;
  }
  #zouzei figure{
    margin: 0;
    padding: 0;
  }
  #zouzei .img{
    width:10%;
    display: inline-block;
    vertical-align: middle;
  }
  #zouzei figcaption{
    width:88%;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
  }