/*--- 全体
------------------------------*/


html {-webkit-text-size-adjust: none}

body {
width:100%;
font-size:12px;
font-family:arial, メイリオ, 'ＭＳ Ｐゴシック';
-webkit-text-size-adjust: none;
}



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}




a {
text-decoration:none;
color:#434343;
}


img {
border:none;
vertical-align:bottom;
 -ms-interpolation-mode: bicubic;
}


br {
clear:both;
}









/* 帯
------------------------------*/



.sp_obi {
background: #bfbfbf;
color: #434343;
border: none;
padding: 8px 0 8px 15px;
margin: 0;
text-decoration: none;
font-weight: normal;
text-align: left;
font-size: 13px;
display: block;
}



.sp_obi2 {
text-align: right;
margin:-20px 10px 0 0;
}


.sp_obi3 {
background: #111111;
color: #ffffff;
border: none;
padding: 8px 0 8px 15px;
margin: 0;
text-decoration: none;
font-weight: normal;
text-align: left;
font-size: 13px;
display: block;
}









/*--- ヘッダーナビメニュー
------------------------------*/

header.clearfix{
background:#000;
}


#menu {
width:100%;
margin:0;
padding:0;
background:#000000;
}



#menu h1 {
width: 190px;
float: left;
margin: 0;
padding: 0;
}

#menu h1 img {
width: 190px;
margin: 0;
padding: 0;
}

#menu ul {
float: right;
margin: 0 3px 0 0;
}

#menu ul li {
display:inline-block;
}


#menu ul li a {
display:block;
width:40px;
padding: 0;
margin:0;
text-decoration: none;
}



.navitex {
font-size:10px;
color:#434343;
background:#ffffff;
}






/*--- ヘッダー
------------------------------*/


#info {
width:100%;
float:left;
margin:0;
padding:0;
}

#info li {
list-style-type:none;
margin:0;
padding:0;
display:inline;
}

#info img {
margin:0;
padding:0;
width:20%;
}









/*--- インフォメーション
------------------------------*/

.guidearia {
width: 100%;
vertical-align: middle;
padding: 0;
margin: 0;
text-align: left;
}


.guidearia li {
list-style-type:none;
margin:0;
padding:0;
}


.guidearia img {
width: 35%;
float: left;
margin: 0 5px 0 0;
}


.gline1 {
font-size: 14px;
font-weight:bold;
text-align: left;
line-height: 130%;
color: #f35659;
padding: 0;
margin: 0 0 3px 0;
}

.gline2 {
font-size: 11px;
text-align: left;
line-height: 130%;
color: #666666;
padding: 0;
margin: 0 0 3px 0;
}









/*--- 検索まとめ
------------------------------*/



.searchhead {
font-size:15px;
border-color:#a0a0a0;
margin:10px 0;
padding:5px;
}


.searchother {
font-size:15px;
border-color:#a0a0a0;
margin:10px 0;
padding:5px;
float:left;
}






#key {
margin:10px 0;
padding:0;
position:relative;
background:#000000;
width:100%;
text-align:center;
}

#key .search_h {
position: absolute;
top: 0;
left: 15px;
width: 248px;
height: 28px;
background: #ffffff;
margin:0;
padding: 0;
color: #434343;
font-size:16px;
}
#key .search2_h {
position: absolute;
top:0;
left:260px;
margin:0;
height:32px;
}



















/* トップカテゴリ
------------------------------*/

.catetexbig a {
font-size: 15px;
text-align: left;
color: #ffffff;
margin: 0;
padding: 5px 0 10px 0;
width: 100%;
height: 20px;
float: left;
border-bottom: 1px #ffffff solid;
background:#000000;
display: block;
}

.catetex a {
font-size: 15px;
text-align: left;
color: #434343;
margin: 0 0 1px 0;
padding: 5px 0 10px 0;
width: 100%;
height: 20px;
float: left;
background:#e5e5e5;
display: block;
}





/* アコーディオンメニュー */

#cateacme dt{
	display:block;
	width:100%;
	height:auto;
	text-align:center;
	background:#ffffff;
	cursor:pointer;
	color:#000000;
	margin:-1px 0 0 0;
	padding:10px 0;
	font-size:15px;
	border-top:1px solid #434343;
	border-bottom:1px solid #434343;
	}
#cateacme dt a:hover {
	background:#000000;
	}
#cateacme dd{
	background:#e5e5e5;
	width:100%;
	height:auto;
	text-align:center;
	display:none;
	margin:0;
	padding:0;
	}







/* SNSエリア
------------------------------*/

.snsaria {
width:100%;
float:left;
margin: 0;
padding: 0;
}

.snsaria li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}















/*--- スマホトップ新作
------------------------------*/

#newre {
display: block; 
font-weight: bold; 
padding: 0; 
margin: 3px 3px 3px 1px; 
text-align: center; 
text-decoration: none; 
width: 95%; 
}

.newre_title {
display: block; 
font-weight: bold; 
font-size: 13px; 
padding: 0; 
margin: 0; 
color: #f35659; 
text-decoration: none; 
}

.newre_item {
display: block; 
font-weight: bold; 
font-size: 10px; 
padding: 0; 
margin: 0; 
color: #448aca; 
text-decoration: none; 
}

.newre_price {
display: block; 
font-weight: bold; 
font-size: 10px; 
padding: 0; 
margin: 0; 
color: #626262; 
text-decoration: none; 
}






/* 週間ランキング
------------------------------*/


.tabs {
width: 100%;
margin: 0 auto;
}

.tabs a {
display: block;
float: left;
width: 20%;
color: #dcdcdc;
text-align: center;
line-height: 40px;
font-size: 9px;
font-style: italic;
text-decoration: none;
background-color: #111;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
background-image: -webkit-linear-gradient(top, #333, #111);
background-image:-moz-linear-gradient(top, #333, #111);
background-image:-o-linear-gradient(top, #333, #111);
background-image: linear-gradient(to bottom, #333, #111);
margin: 0;
padding: 0;
}

.tabs a.active {
color: #fff;
background: #000;
}

.swiper-container {
height: 250px;
width: 100%;
display: block;
}

.swiper-slide {
height: 250px;
width: 100%;
}

.content-slide {
margin: 0;
padding: 0;
float: left;
}








#rankitem {
width:100%;
margin:0 0 1px 0;
padding:0;
}

.ureitem {
width: 33%;
border: none;
margin: 0;
padding: 2px 0;
text-decoration: none;
text-align: center;
}

.ureitem .item {
width:100%;
border:none;
margin:0 0 5px 0;
padding:0;
}



#ookan {
width:100%;
margin:0 0 1px 0;
padding:0;
text-align:center;
}

#ookan li {
list-style:none;
list-style-type:none;
margin:0;
padding:0;
display:inline;
}

.ookanitem {
width: 33%;
height: auto;
border: none;
float: left;
margin: 0px -1px -1px 0px;
padding: 0;
}










/* トップピックアップ
------------------------------*/

#spicspic {
width:100%;
float:left;
text-align:center;
margin:0;
padding:0;
}

.spic {
width:99%;
display:block;
margin:0;
padding:0;
text-align: center;
}

.spic img {
width:70%;
border:none;
vertical-align:bottom;
margin:0 0 10px 0;
padding:0;
}


.spic2 {
width:100%;
margin:0;
padding:0;
text-align: center;
}

.spic2 li {
list-style-type:none;
margin:0 1px 0 0;
padding:0;
display:inline-block;
width:33%;
float:left;
text-align: center;
}


.spic .kakaku {
color:#f35659;
font-size:40px;
font-weight:bold;
margin:0;
padding:0;
}

.spic2 .kakaku {
color:#f35659;
font-size:25px;
font-weight:bold;
margin:0;
padding:0;
}

.spic-midashi {
font-size: 18px;
text-align: center;
color: #f35659;
}

.spicchath {
width:100%;
margin:0;
padding:8px 0;
font-size:18px;
color:#434343;
text-align:center;
}












/*--- トップのフッター部分
------------------------------*/

#ft {
display: block; 
font-weight: bold; 
font-size: 0.8em; 
padding: 5px 0; 
margin: 3px 3px 3px 1px; 
color: #626262; 
text-decoration: none; 
}

#ft a {
display: block; 
text-decoration: none; 
color: #626262; 
}

.mode_changes {
width: 95%; 
border: #626262 1px solid; 
padding: 5px 0; 
margin: 5px 0px 5px 5px; 
text-align: center;
font-size: 13px
}










/* 【ここからフッターエリア】*/




/*--- フッターガイド
------------------------------*/

#guideicon {
width:96%;
height:auto;
background: #eeeeee;
border: 1px solid #dddddd;
color: #111111;
padding: 10px 0 10px 10px;
margin:0 0 1px 0;
text-decoration: none;
font-weight: bold;
text-align: left;
font-size: 13px;
display: block;
}

#guideicon li {
list-style-type:none;
display: inline-block;
text-align: left;
}


/* pcアイコン */

div.screenicon {
    width: 20px;
    height: 20px;
    position: relative;
    margin: 15px 15px 0 0;
    overflow: hidden;
    display: inline-block;
}


div.screenicon div.screen {
    width: 14px;
    height: 10px;
    border: 2px solid #333;
    background: #eee;
}

div.screenicon div.screen:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 3px;
    background: #333;
    bottom: 3px;
    left: 5px
}

div.screenicon div.screen:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 3px;
    background: #333;
    bottom: 1px;
    left: 2px;
}

.scrmoji {
font-size: 9px;
margin:-5px 15px 0 0;
padding:0;
}




















/* カテゴリ検索
------------------------------*/




.cateobi {
background: -moz-linear-gradient(top,#f9f9f9, #e9e9e9 50%,#dcdcdc 50%,#dddddd);
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), color-stop(0.5,#e9e9e9), color-stop(0.5,#dcdcdc), to(#dddddd));
border: 1px solid #a0a0a0;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
padding: 10px;
display: block;
}

.catemoji {
text-decoration: none;
font-weight: bold;
text-align: left;
font-size: 15px;
color: #434343;
display: block;
}







/* 注目カテゴリ
------------------------------*/


#chumoku {
width:100%;
margin:10px 0 0 0;
padding:0;
float:center;
font-size:12px;
}


#chumoku li {
list-style-type:none;
margin:0;
padding:5px;
display:inline;
}

.word-obi {
color:#fff;
background:#626262;
margin:0;
padding:0;
}

.word-item {
color:#626262;
border-right:1px #ccc solid;
margin:0;
padding:0;
}

.word-itemlast {
color:#626262;
border:none;
margin:0;
padding:0;
}






/* キャッチピック
------------------------------*/


.catchpick {
margin:0 0 10px 0;
padding:0;
}


.catchobi {
background: -moz-linear-gradient(top,#f9f9f9, #e9e9e9 50%,#dcdcdc 50%,#dddddd);
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), color-stop(0.5,#e9e9e9), color-stop(0.5,#dcdcdc), to(#dddddd));
border: 1px solid #a0a0a0;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
padding: 10px;
display: block;
}

.catchobi li {
list-style-type:none;
margin:0;
padding:0;
}

.catchmoji {
text-decoration: none;
font-weight: bold;
text-align: left;
font-size: 11px;
color: #434343;
}








/*フッター*/


.copywrite {
color: #111;
font-size:10px;
text-align:center;
}


#footernavaria {
border:1px #dcdcdc solid;
padding:5px 0;
}

.footnavitex1 {
font-size:15px;
color:#ff0000;
font-weight:bold;
margin:3px 0;
}
.footnavitex2 {
font-size:11px;
color:#434343;
margin:3px 0;
}









/*--- スマホ新商品ページ用
------------------------------*/




.s_item {
background-color:#434343;
font-size:15px;
color:#ffffff;
padding:10px 0 10px 0;
text-align:center;
width:100%;
line-height:120%;
}

.s_list {
background-color:#e5e5e5;
font-size:12px;
color:#434343;
padding:10px 0 10px 0;
text-align:center;
width:100%;
line-height:120%;
}

.s_list2 {
background-color:#e5e5e5;
font-size:12px;
color:#434343;
padding:10px 0 10px 0;
text-align:left;
width:100%;
line-height:120%;
}

.s_list_dubble {
background-color:#434343;
font-size:12px;
color:#ffffff;
padding:10px 0 10px 0;
text-align:center;
width:100%;
}

.s_list_color {
background-color:#e5e5e5;
font-size:12px;
color:#434343;
padding:5px;
margin:0px;
text-align:left;
table-layout: fixed;
width:100%;
}

ol {
padding:0px;
margin:0 0 0 2em;
}

.s_list_size {
background-color:#e5e5e5;
font-size:12px;
color:#434343;
padding:5px;
margin:0 0 10px 0;
text-align:center;
table-layout: fixed;
width:100%;
}

.s_list_size2 {
background-color:#ffffff;
font-size:12px;
color:#434343;
padding:5px;
margin:0px;
text-align:center;
table-layout: fixed;
}

.s_botton {
font-size:15px;
color:#434343;
padding:10px 0 10px 0;
margin:0;
text-align:center;
width:100%;
line-height:120%;
display:block;
text-decoration:none;
-webkit-border-radius: 8px;
background:-webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#a0a0a0));
}