@charset "utf-8";
/* CSS Document */
/*@import url('sp_review.css');*/

/* Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote {
	margin:0px;
	padding:0px;
}

body {
	/*font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	position: relative;
	-webkit-text-size-adjust: 100%;
}
html,body{
     height:100%;
}

ul,li{
	marker-offset:0px;
}

li,dt,dd {
	list-style-type:none;
}

img {
	vertical-align:bottom;
	border:0;
}

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



/* ClearFix */
.clearfix {
/zoom: 1;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height:0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}




/* タイトル */

#sp {
	/*margin-top:10px;*/
	/*makeShop用調整*/
	/*padding-top:10px;*/
	background-color: #fff;
}
.ms_head{
	padding-top:45px;
}

#shop_rogo a{
	/*background-image:url(../images/sp/rococo.png) ;*/
	background-image:url(../images/sp/rococo_new.png) ;
	background-position:0 0;
	/*background-size:158px 34px;*/
	background-size:contain;
	background-repeat:no-repeat;
	/*width:158px;*/
	width:183px;
	height:34px;
	display:block;
	/*margin-left:5px;*/
	margin:0 auto;

}


#sitemap a{
	background-image:url(../images/sp/sitemap.png) ;
	background-position:0 0;
	background-size:35px 30px;
	background-repeat:no-repeat;
	width:35px;
	height:30px;
	display:block;
	float:right;
	margin-top:-30px;
	margin-right:5px;
}

#info_rogo a{
	background-image:url(../images/sp/info_rogo4.png) ;
	background-position:0 3px;
	background-size:27px 27px;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	display:block;
	margin-top:-30px;
	margin-right:50px;
	float:right;
}


/* ナビボタン */


#sp_navi {
	margin-top:15px;


}

#sp_navi ul {
	display:table;
	width:100%;
}


#sp_navi li {
	height:50px;
	background-color:#252525;
    display:table-cell;
	border-left:1px #ffffff solid;
	width:20%;
	text-align:center;
}

#sp_navi li:first-child {
	width:20%;
	height:50px;
	border-left:none;
	display:table-cell;
}


.new_rogo {
	display:block;
	background-image:url(../images/sp/new_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}


.style_rogo {
	display:block;
	background-image:url(../images/sp/style_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}


.campaign_rogo {
	display:block;
	background-image:url(../images/sp/campaign_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}



.category_rogo {
	display:block;
	background-image:url(../images/sp/category_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}


.brand_rogo {
	display:block;
	background-image:url(../images/sp/brand_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}


.guide_rogo {
	display:block;
	background-image:url(../images/sp/guide_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}

.feature_rogo {
	display:block;
	background-image:url(../images/sp/feature_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}


#sp_navi .txt {
	color:#FFF;
	font-size:10px;
	text-align:center;
	margin-top:3px;
}

/* カートログイン */

#sp #private {
	/*padding-right:5px;*/
	padding:0 0 20px;
}

#sp #private ul{
	text-align:right;
}


#sp #private li{
	display:block;
	float:right;
	padding:12px 10px 0 0;
	height:18px;
}

#sp #private li a{
	font-size:10px;
	text-align:left;
	padding:4px 0 0 24px;
}


#sp #private .member {
    display:block;
	background-image:url(../images/sp/member.png) ;
	background-position:0 0;
	background-size:19px 19px;
	background-repeat:no-repeat;
	height:18px;
}

#sp #private .cart {
    display:block;
	background-image:url(../images/sp/cart.png) ;
	background-position:0 0;
	background-size:25px 18px;
	background-repeat:no-repeat;
	height:18px;
}

#sp #private .login {
	display:block;
	background-image:url(../images/sp/login.png) ;
	background-position:0 0;
	background-size:18px 18px;
	background-repeat:no-repeat;
	height:18px;
	padding: 4px 0 0 20px;
}

#sp #private .order {
	display:block;
	background-image:url(../images/sp/order.png) ;
	background-position:0 0;
	background-size:19px 18px;
	background-repeat:no-repeat;
	height:18px;
}

#sp #private .correction {
	display:block;
	background-image:url(../images/sp/correction.png) ;
	background-position:0 0;
	background-size:18px 18px;
	background-repeat:no-repeat;
	height:18px;
	padding: 4px 0 0 20px;
}

/* サーチ */


#sp_search {
	clear:both;
	padding:25px 25px 10px 12px;
}

#sp_search_container {
	 width:100%;
}

#ico_search  {
    background: url(../images/sp/search.png) no-repeat;
	background-size:20px 20px;
	background-position:right 7px bottom 7px;
    padding: 0px 2px 2px 10px;
	width:100%;
	height:36px;
	border:1px solid #b3b3b3;
	border-radius:4px;
	-moz-border-radius:4px;    /* Firefox */
	-webkit-border-radius:4px; /* Safari,Chrome */
	-webkit-box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.2) inset;
	-webkit-appearance:none;
}


#sp_search .main  {
	float: left;
	width: 100%;
}


/*#sp_search .main dl { margin:0 120px 0 0; }　こだわり検索*/

#sp_search .main dl { margin:0 0 0 0; }
#sp_search .main dl dt { width:100%; float:left; }
#sp_search .main dl dt div { display:block; margin:0 0 0 0; 
	box-sizing:content-box !important;
	-webkit-box-sizing:content-box !important;
    -o-box-sizing: content-box !important;
    -ms-box-sizing:content-box !important;
    box-sizing:content-box !important;
}


#sp_search .sub {
	margin:7px 0 0 -105px;
	float:right;
	width:95px; 
	}
#sp_search .sub p {
	/*float:right;*/
	font-size:12px;

	height: 24px;
	width: 95px;
	display: block;
	line-height: 24px;
	 }
#sp_search .sub p a {
	display:block;
	padding:3px 5px 3px 0;
	width:85px;

	height: 18px !important;
	line-height: 18px !important;
	 }
#sp_search .sub p a:after { right:2px;
	/*top:45%;*/
	top:50%;
	 }

/* お知らせ */


#sp_top_news {
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

#sp_top_news a{
	color:#5e0b0b;
}




/* キャンペーンバナー */

#campaign_banner {
	/*margin-bottom:10px;*/

	/*makeShop用調整*/
	background-color: #fff;
	padding-bottom:1px;
}

#campaign_banner img{
	width:100%;
}
#campaign_banner li{
	margin-bottom: 10px;
}



/* カテゴリー */

#sp_category {
    font-size: 14px;
    text-align: left;
    margin: 0 auto;

}

#sp_category .title{
	border-top:1px #c9c9c9 solid;
	height:40px;
	line-height:42px;
	padding-left:10px;
	font-weight: bold;
}


#sp_category li{
	border-top:1px #c9c9c9 solid;
	height:40px;
	line-height:42px;
	padding-left:10px;
	background-color:#F2F2F2;
}


#icon_Tee {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_tee.png) no-repeat 10px 9px;
	background-size:22px 22px;
	line-height:40px;
	position:relative;
}

#icon_polo {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_polo.png) no-repeat 10px 9px;
	background-size:22px 22px;
}

#icon_shirts {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_shirts.png) no-repeat 10px 9px;
	background-size:22px 22px;
}

#icon_knit {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_knit.png) no-repeat 10px 9px;
	background-size:22px 22px;
}

#icon_sweat {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_sweat.png) no-repeat 10px 9px;
	background-size:22px 22px;
}

#icon_outer {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_outer.png) no-repeat 10px 9px;
	background-size:22px 22px;
}

#icon_pant {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_pants.png) no-repeat 10px 9px;
	background-size:22px 22px;
}
#icon_acce {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_acce.png) no-repeat 10px 9px;
	background-size:22px 22px;
}
#icon_shoe {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_shoe.png) no-repeat 10px 9px;
	background-size:22px 22px;
}
#icon_bag {
    display: inline-block;
    vertical-align: middle;
	padding:0 0 0 10px;
	width: 30px;
    height: 40px;
    background: url(../images/sp/sp-icon_bag.png) no-repeat 10px 9px;
	background-size:22px 22px;
}




/* ブランド */
#sp_brand {
    font-size: 12px;
    text-align: left;
    margin: 0 auto;

}

#sp_brand p{
	font-size:8px;
	padding:20px 0 0 63px;

}

#sp_jb{
	width:50%;
	height:60px;
	border-bottom:1px #c9c9c9 solid;
	background-image:url(../images/sp/sp_jb.png);
	background-size:50px 40px;
	background-repeat:no-repeat;
	background-position: 5px 12px;
	display:block;
	vertical-align:middle;
}


#sp_pel{
	width:50%;
	height:60px;
	float:right;
	margin-top:-61px;
	border-bottom:1px #c9c9c9 solid;
	border-left:1px #c9c9c9 solid;
	background-image:url(../images/sp/sp_pel.png) ;
	background-size:50px 40px;
	background-repeat:no-repeat;
	background-position: 5px 12px;
	display:block;
	vertical-align:middle;
}


#sp_ones{
	width:50%;
	height:60px;
	border-bottom:1px #c9c9c9 solid;
	background-image:url(../images/sp/sp_ones.png) ;
	background-size:50px 40px;
	background-repeat:no-repeat;
	background-position: 5px 12px;
	display:block;
	vertical-align:middle;
}

#sp_kaptain{
	width:50%;
	height:60px;
	background-image:url(../images/sp/sp_kaptain.png) ;
	background-size:52px;
	background-repeat:no-repeat;
	background-position: 6px 12px;
	display:block;
	vertical-align:middle;
}

#sp_mystery{
	width:50%;
	height:60px;
	background-image:url(../images/sp/sp_mystery.png) ;
	background-size:50px 40px;
	background-repeat:no-repeat;
	background-position: 5px 12px;
	display:block;
	vertical-align:middle;
}

#sp_fob{
	width:50%;
	height:61px;
	background-image:url(../images/sp/sp_fob.png) ;
	background-size:50px 40px;
	background-repeat:no-repeat;
	background-position: 5px 12px;
	display:block;
	vertical-align:middle;
	border-bottom:1px #c9c9c9 solid;
}


#sp_remi{
	width:50%;
	height:60px;
	float:right;
	margin-top:-61px;
	border-bottom:1px #c9c9c9 solid;
	border-left:1px #c9c9c9 solid;
	background-image:url(../images/sp/sp_remi.png) ;
	background-size:52px;
	background-repeat:no-repeat;
	background-position: 6px 16px;
	display:block;
	vertical-align:middle;
}


#sp_fidelity{
	width:50%;
	height:61px;
	background-image:url(../images/sp/sp_fidelity.png) ;
	background-size:45px;
	background-repeat:no-repeat;
	background-position: 7px 6px;
	display:block;
	vertical-align:middle;
	border-bottom:1px #c9c9c9 solid;
}

#sp_hiland{
	width:50%;
	height:61px;
	float:right;
	margin-top:-62px;
	border-left:1px #c9c9c9 solid;
	background-image:url(../images/sp/sp_hiland.png) ;
	background-size:50px;
	background-repeat:no-repeat;
	background-position: 6px 8px;
	display:block;
	vertical-align:middle;
	border-bottom:1px #c9c9c9 solid;
}

#sp_re{
	width:50%;
	height:61px;
	float:right;
	margin-top:-60px;
	border-left:1px #c9c9c9 solid;
	background-image:url(../images/sp/sp_re.png) ;
	background-size:52px;
	background-repeat:no-repeat;
	background-position: 6px 20px;
	display:block;
	vertical-align:middle;
}


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

#sp_info .bigBnr {
    font-size: 12px;
    text-align: center;
    margin: 10px auto;

}


#sp_info .bigBnr img{
	height:75px;
}


#sp_info {
    font-size: 12px;
    text-align: left;
    margin: 0 auto;

}

#sp_info_bnr img{
	height:75px;
}



#sp_info_bnr ul{
	margin-bottom:10px;
}

#sp_info_bnr li{
	width:50%;
	height:75px;
	text-align:center;
	margin-top:10px;
}

#sp_info_bnr .left{
    height:75px;

}

#sp_info_bnr .right{
	height:75px;
    float:right;
	margin-top:-75px;

}

#sp_info_txt .title{
	border-top:1px #c9c9c9 solid;
	height:40px;
	line-height:42px;
	padding-left:10px;
	font-weight: bold;
}


#sp_info_txt li{
	border-top:1px #c9c9c9 solid;
	height:40px;
	line-height:42px;
	padding-left:10px;
	background-color:#F2F2F2;
}


/* フッター */


#sp_search_footer {
	clear:both;
	padding:15px 25px 15px 12px;
	background-color:#252525;
	border-bottom:1px #FFF solid;
}

#sp_search_footer input{
	background-color:#FFF;
}

#sp_search_footer a{
	color:#FFF;
}

#sp_search_footer .main  {
	float: left;
	width: 100%;
}


/* #sp_search_footer .main dl { margin:0 120px 0 0; } こだわり検索*/

#sp_search_footer .main dl { margin:0 0 0 0; }
#sp_search_footer .main dl dt { width:100%; float:left; }
#sp_search_footer .main dl dt div { display:block; margin:0 0 0 0; }


#sp_search_footer .sub { margin:7px 0 0 -105px; float:right; width:95px; }
#sp_search_footer .sub p { float:right;
	font-size:12px;

	height: 24px;
	width: 95px;
	display: block;
	line-height: 24px;
	 }
#sp_search_footer .sub p a { display:block;
	padding:3px 5px 3px 0;
	width:85px;

	height: 18px !important;
	line-height: 18px !important;
	 }
#sp_search_footer .sub p a:after {
	right:2px;
	/*top:45%;*/
	top:50%;
	 }





#sp_navi_footer ul {
	display:table;
	width:100%;
	border-bottom:1px #FFF solid;
}


#sp_navi_footer li {
	height:50px;
	background-color:#252525;
    display:table-cell;
	border-left:1px #ffffff solid;
	width:20%;
	text-align:center;
}

#sp_navi_footer li:first-child {
	width:20%;
	height:50px;
	border-left:none;
	display:table-cell;
}


#sp_navi_footer .txt {
	color:#FFF;
	font-size:10px;
	text-align:center;
	margin-top:3px;
}


.campaign_rogo {
	display:block;
	background-image:url(../images/sp/campaign_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}



.category_rogo {
	display:block;
	background-image:url(../images/sp/category_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}


.brand_rogo {
	display:block;
	background-image:url(../images/sp/brand_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}


.guide_rogo {
	display:block;
	background-image:url(../images/sp/guide_rogo.png) ;
	background-position:0 0;
	background-size:22px 22px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	margin-left: auto;
    margin-right: auto;
	margin-top:6px;
}




#sp_txt_footer {
	background-color:#3d3d3d;
	padding:10px 0 10px 0;
	/*border-bottom:1px #ffffff dotted;*/
	    padding: 30px 0 30px;
}

#sp_txt_footer a{
	color:#FFF;
}

#sp_txt_footer ul{
	text-align:center;

}
#sp_txt_footer ul:first-child{
	margin-bottom:10px;

}

#sp_txt_footer li{
	display:inline-block;
	font-size:10px;
    padding:0 10px;
	border-left:1px #ffffff solid;
}


#sp_txt_footer li:first-child{
	display:inline-block;
	font-size:10px;
	border-left:none;
}

#sp_copy_footer{
	background-color:#3d3d3d;
	padding:13px 15px 20px 15px;

}

#sp_copy_footer .copy{
	font-size:10px;
	color:#FFF;
	/*float: left;*/
	text-align: center;
    padding-top: 10px;
}
#sp_copy_footer_kago{
	background-color:#3d3d3d;
	padding:15px;
}
#sp_copy_footer_kago .copy{
	font-size:10px;
	color:#FFF;
	text-align:center;
}
#sp_copy_footer .btn_silver {
	display:block;
	/*padding:11px 0 11px 0;*/
	border:1px solid #8b0008!important;
	border-radius:4px!important;
	background:#FFF;
	color:#8b0008!important;
	text-align:center;
	font-family:helvetica,arial,verdana,sans-serif;
	font-weight:normal!important;
}

#sp_copy_footer .btn {
width: 72px;
float: right;
font-size: 12px;
font-weight: bold;
text-align: center;
}

#sp_copy_footer .btn a{
/*height: 18px;*/
/*padding: 5px 0 2px 0;*/
padding: 2px 0 2px;
display: block;
height: 20px;
line-height: 20px;
}

.other_link{
    background-color:#3d3d3d;
	display: flex;
	align-items:center;
	justify-content :space-between;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	margin: 0 10%;
	padding: 15px 0;
}
.other_link li{
	width: 50%;
	padding: 15px 0;
	text-align: center;
}
.other_link li:last-child{
	border-left: 1px solid #999999;
}

.other_link li p{
	font-size: 10px;
	margin-top: 5px;

}
.insta_logo{
	width: 25px;
}
.koromobito_logo{
	width: 100px;
}


.campany_link{
	text-align: center;
	font-size: 13px;
	margin-top: 25px;
}
.campany_link span{
	font-size: 10px;
}

.sp_txt_footer_box{
	background-color: #3d3d3d;
}
.sp_txt_footer_box,
.sp_txt_footer_box a{
	color: #ffffff;
}



/* 共通-------------------------------------------------------------------------- */

.tit_blackbelt {
	clear: both;
	padding: 4px 12px 4px 12px;
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	height: 36px;
	line-height: 30px;
}

.tit_detail {
	clear: both;
	padding: 4px 0 4px 12px;
	background:#F2F2F2;
	color: #202020;
	text-align:right;
	top:10px;
	height: 36px;
	line-height: 36px;

}




/* 矢印 */

.arrow { display:block; padding-right:28px; position:relative; color:#202020; }
.arrow:link { color:#202020; text-decoration:none; }
.arrow:visited { /* color:#202020; */ /* text-decoration:none; */ }
.arrow:after { display:block; position:absolute; top:50%; right:14px; width:6px; height:6px; margin-top:-4px; border-top:solid 2px #2490d0; border-right:solid 2px #2490d0; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:""; }


.arrow_black { display:block; position:relative; top:0; right:0; color:#202020; }
.arrow_black:after { display:block; position:absolute; top:47%; right:13px; width:6px; height:6px; margin-top:-4px; border-right:solid 2px #202020; border-bottom:solid 2px #202020; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:""; }

/* 切り替えコンテンツメイン 
#sp_content {
	width: 100%;
	font-size: 12px;
}
#sp_content ul.Panel {
 width: 100%;
 height: auto;
}

 各パネル ココから
#sp_content .Panel #newItem {
	width: 100%;
	height: 260px;
	text-align: center;
	margin-top: 30px;
	position: relative;
}
#sp_content .Panel #pickUp {
	width: 100%;
	height: 262px;
	text-align: center;
	margin-top: 30px;
	position: relative;
}
#sp_content .Panel #styling {
	width: 100%;
	height: 300px;
	text-align: center;
	margin-top: 30px;
	position: relative;
}
 各パネル ココマデ 

 各パネルフッター部分 

#sp_content div.goToWrap {
	width: 100%;
	height: 26px;
	background-color: #e9e9e9;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: right;
	line-height: 26px;
}


 タブ 

#sp_content ul.Tab {
	width: 100%;
	margin: 0 auto;
	display: table;

}
#sp_content ul.Tab li {
 width: 33%;
 height: 36px;
 display: table-cell;
 text-align: center;
 line-height: 36px;
 color: #353535 !important;
 font-size: 13px;
 font-weight: bold;
 border: 1px solid #c0c0c0;
 border-bottom: none;
 border-radius: 7px 7px 0 0;
 -moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
-o-border-radius: 7px 7px 0 0;
-ms-border-radius: 7px 7px 0 0;

 background-color:#c0c0c0;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff, endColorstr=#c0c0c0);
 background-image:-moz-linear-gradient(top, #fff 27%, #c0c0c0 100%);
 background-image:-webkit-linear-gradient(top, #fff 27%, #c0c0c0 100%);
 background-image:-ms-linear-gradient(top, #fff 27%, #c0c0c0 100%);
 background-image:linear-gradient(top, #fff 27%, #c0c0c0 100%);
 background-image:-o-linear-gradient(top, #fff 27%, #c0c0c0 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(27%,#fff), color-stop(100%,#c0c0c0));

}
#sp_content ul.Tab li a {
	display: block;
	width: 100%;
	height: 36px;
}

#sp_content ul.Tab li a.selected {
 width: 100%;
 height: 36px;
 display: block;
 text-align: center;
 line-height: 36px;
 color: #fff !important;
 font-size: 13px;
 font-weight: bold;
 border: none;
 border-radius: 7px 7px 0 0;
 -moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
-o-border-radius: 7px 7px 0 0;
-ms-border-radius: 7px 7px 0 0;

 background-color:#353535;
}

 各パネル共通テキスト 

#sp_content .upDate {
    font-weight: bold;
    margin-bottom: 4px;
    text-align: center;
}
#sp_content .itemName {
	text-align: left;
    line-height: 1.4em;
    margin: 0 5px;
    width: 85px;
    height: 60px;
    overflow: hidden;
}
#sp_content .brandName {
	text-align: left;
    line-height: 1.4em;
    margin: 0 5px;
    width: 85px;
    height: auto;
    overflow: hidden;
}

 各パネル img要素 

#newItem img {
	width: 90px;
	height: auto;
	vertical-align: bottom;
}

#styling img, #pickUp img {
	width: 90px;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 4px;
}

*** スタイリングパーツ ***
#styling .upDate {
	font-size: 10px;
	letter-spacing: 0em;
}



*** NewItem パーツ ***

 新入荷 
#newItem .newBnr {
    width: 90px;
    height: 12px;
    text-align: center;
    background: #eee url(../images/sp/sptop_new-mark.png) 0 0 no-repeat;
    background-size: 90px 12px;
       text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 13px 0 7px;
}

 再入荷 
#newItem .reBnr {
    width: 90px;
    height: 12px;
    text-align: center;
    background: #fff url(../images/sp/sptop_reallival-mark.png) 0 0 no-repeat;
    background-size: 90px 12px;
       text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 13px 0 7px;
}

新色追加
#newItem .CnewBnr {
    width: 90px;
    height: 12px;
    text-align: center;
    background: #fff url(../images/sp/sptop_newcolor-mark.png) 0 0 no-repeat;
    background-size: 90px 12px;
       text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 13px 0 7px;
}

*** ランキング パーツ no.1~no.5 ***
#pickUp .rank1 {
	height:21px;
	background:url(../images/sp/rank1.png) center 0 no-repeat;
	background-size:30px 21px;
	margin-bottom:5px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


#pickUp .rank2 {
	height:21px;
	background:url(../images/sp/rank2.png) center 0 no-repeat;
	background-size:30px 21px;
	margin-bottom:5px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#pickUp .rank3 {
	height:21px;
	background:url(../images/sp/rank3.png) center 0 no-repeat;
	background-size:30px 21px;
	margin-bottom:5px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#pickUp .rank4 {
	height:21px;
	background:url(../images/sp/rank4.png) center 0 no-repeat;
	background-size:30px 21px;
	margin-bottom:5px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#pickUp .rank5 {
	height:21px;
	background:url(../images/sp/rank5.png) center 0 no-repeat;
	background-size:30px 21px;
	margin-bottom:5px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


 flipsnap共通 

#sp_content .Panel p.controls {
	width: 100%;
	position: absolute;
	top:35%;
	left: 0;
	z-index: 0;
}

#sp_content p.controls .prev {
	float: left;
	margin-left: 2px;
	display: block;
	cursor: pointer;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 9px solid #353534;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#sp_content p.controls .prev[disabled="disabled"], #sp_content p.controls .prev[disabled="true"] {
	cursor: none;
	margin-left: 2px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 9px solid #d9d9d9;

}
#sp_content p.controls .next {
	float: right;
	margin-right: 2px;
	display: block;
	cursor: pointer;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #353534;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#sp_content p.controls .next[disabled="disabled"], #sp_content p.controls .next[disabled="true"] {
	cursor: none;
	margin-right: 2px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #d9d9d9;

}

 スライダー用 flipsnap 
#sp_slider .viewport {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 20px;
    -webkit-transform: translateZ(0);  Optional: When heavy at iOS6+ 
}

#sp_slider .flipsnap {
    width: 1000%;
    overflow: hidden;  320px(item width) * 3(item count) 
}

#sp_slider .flipsnap:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

#sp_slider .item {
    float: left;
    width: 320px;
    height: auto;
    text-align: center;

    background: #EFEFEF;

    color: #666;
}
#sp_slider .item img {
max-width: 100%;
height: auto;
width *:auto;
}

.pointerWrap {
    width:100%;
    height:40px;
    position:relative;
}
.pointer {
    width:100%;
    margin-top: 0;
    top: 0;
}
.pointer span.current {
background: #666;
}
.pointer span {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #ccc;
}

#sp_slider {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
}

#sp_slider p.controls {
width: 100%;
height: 16px;
line-height: 16px;
position: absolute;
bottom: 3px;
left: 0;
z-index: 0;
}

.pointerWrap .prev {
    position:absolute;
    top: 5px;
    left: 30px;
    display: block;
    cursor: pointer;
    width: 10px;
    height: 16px;
    background: url(https://www.rococoweb.com/rococo/sp/images/sp/sp_slider_prev_btn.png) 0 0 no-repeat;
    background-size: 10px 16px;
        text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.pointerWrap .prev[disabled="disabled"], .pointerWrap .prev[disabled="true"] {
    cursor: none;
    width: 10px;
    height: 16px;
    background: url(https://www.rococoweb.com/rococo/sp/images/sp/sp_slider_prevend_btn.png) 0 0 no-repeat;
    background-size: 10px 16px;

}
.pointerWrap .next {
    position:absolute;
    top: 5px;
    right:30px;
    display: block;
    cursor: pointer;
    width: 10px;
    height: 16px;
    background: url(https://www.rococoweb.com/rococo/sp/images/sp/sp_slider_next_btn.png) 0 0 no-repeat;
    background-size: 10px 16px;
        text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.pointerWrap .next[disabled="disabled"], .pointerWrap .next[disabled="true"] {
    cursor: none;
    width: 10px;
    height: 16px;
    background: url(https://www.rococoweb.com/rococo/sp/images/sp/sp_slider_nextend_btn.png) 0 0 no-repeat;
    background-size: 10px 16px;

}



 キャンペーン用 flipsnap 
#sp_campain .viewport {
    width: 320px;
    overflow: hidden;
    margin: 30px auto 0;
    padding-bottom: 30px;
    -webkit-transform: translateZ(0);  Optional: When heavy at iOS6+ 
}

#sp_campain .flipsnap {
    width: 1280px;
    overflow: hidden;  320px(item width) * 4(item count) 
}

#sp_campain .flipsnap:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

#sp_campain .item {
    float: left;
    width: 310px;
    height: auto;
    text-align: center;
    padding: 0 5px;
    color: #666;
    font-size: 12px;
    line-height: 1.4em;
}
#sp_campain .item img {
	width: 310px;
	height: auto;
	vertical-align: middle;
	margin-bottom: 6px;
	display: block;
 }

#sp_campain .pointer {
position: absolute;
display: block;
bottom: 0;
left: 40%;
}
.pointer span.current {
background: #666;
}
.pointer span {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #ccc;
}

#sp_campain {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 25px;
	position: relative;
}

#sp_campain p.controls {
width: 100%;
height: 16px;
line-height: 16px;
position: absolute;
bottom: 3px;
left: 0;
z-index: 0;
}

#sp_campain p.controls .prev {
	float: left;
	display: block;
	cursor: pointer;
	width: 10px;
	height: 16px;
	background: url(../images/sp/sp_slider_prev_btn.png) 0 0 no-repeat;
	background-size: 10px 16px;
	    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 50px;
}
#sp_campain p.controls .prev[disabled="disabled"], #sp_campain p.controls .prev[disabled="true"] {
	cursor: none;
	width: 10px;
	height: 16px;
	background: url(../images/sp/sp_slider_prevend_btn.png) 0 0 no-repeat;
		background-size: 10px 16px;
    margin-left: 50px;

}
#sp_campain p.controls .next {
	float: right;
	display: block;
	cursor: pointer;
	width: 10px;
	height: 16px;
	background: url(../images/sp/sp_slider_next_btn.png) 0 0 no-repeat;
	background-size: 10px 16px;
	    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 50px;
}
#sp_campain p.controls .next[disabled="disabled"], #sp_campain p.controls .next[disabled="true"] {
	cursor: none;
	width: 10px;
	height: 16px;
	background: url(../images/sp/sp_slider_nextend_btn.png) 0 0 no-repeat;
	background-size: 10px 16px;
    margin-right: 50px;

}
*/
/* loader */
img.ajaxLoader {
width: 8px !important;
height: 8px !important;
}

/* 機種別調整 */
.android #sp_slider p.controls {
width: 100%;
height: 16px;
line-height: 16px;
position: absolute;
bottom: 0 !important;
left: 0;
z-index: 0;
}

.android #sp_campain p.controls {
width: 100%;
height: 16px;
line-height: 16px;
position: absolute;
bottom: 0 !important;
left: 0;
z-index: 0;
}

.android #sp_campain .pointer {
/*position: absolute;
display: block;
bottom: 2 !important;
left: 40%;*/
}

/* makeShop用調整 */
header#pagetop {
background-color: #fff;
margin-top:10px;
}
div#mainContents {
background-color: #fff;
}

body {
	/*background-color: #3d3d3d;*/
}

/* 商品ページ */
/*ul#topicPath {
margin:5px 0 10px;
}*/

li.multiTopicPath ul li {
font-size: 12px;
display: inline;
}

/* カテゴリ */
ul#topicPath li {
/*margin:5px 0 10px;*/
/*font-size: 16px;
font-weight:bold;
display: inline;*/
}

/* footer */
footer {
padding: 0;
margin: 0;
/*position: absolute;*/
width: 100%;
left: 0;
bottom: 0;
}

/* 買い物カゴページ basket.html */
/*div.name div.amount {
	display: none;
}
div.name ul.nameList {
border-top: 1px dashed #ccc;
margin-top: 5px;
}
div.name p.nameFix {
background-color: #eee;
padding: 5px;
}*/


/* バナー */

.sp_banner {
	margin:20px 0;
}

/* ヘッダー */
#header {
	width: 100%;
    height: 120px;
    background-color: #fff;
   /* margin-top: 10px;*/
    margin-top: 15px;
}
#header #headerFrame {
	height: 100px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	}

/* フッター */
#footer {
	width:100%;
/*	height: 155px;*/
	background-color: #fff;
	overflow:hidden;
}
#footer #footerFrame {
/*	height: 155px;*/
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	}
	
/* カテゴリページ　絞り込む */

/* OLD */
/*
#catNarrowdown h3 span{
	padding-right:30px;
	background:url("https://www.rococoweb.com/rococo/sp/images/sp/icon-close.png") no-repeat right center;	
	background-size:26px 26px;
}

#catNarrowdown.subCatOpen h3 span{
	background-image:url("https://www.rococoweb.com/rococo/sp/images/sp/icon-open.png");
}

#catNarrowdown a{
	display:block;
	background:#5E5E5E;
	padding:15px 0;
	color:#fff;
	font-weight:normal;
	font-size:15px;
	box-sizing:border-box;
}
.catBox ul{
	border-top: 1px solid #999;
}
#child_category_list a{
	padding:15px;
	border-color:#999;
	font-size:15px;
}
*/

/* NEW */
#catNarrowdown h3 {
	display: none;
}
.catBox {
	display: block !important;
	position: relative;
	margin-top:60px;
	    width: 100%;
	text-align: center;
}
.catBox:before {
    content: "▼ カテゴリを絞り込む ▼";
    position: absolute;
    top: -35px;
    /*font-weight: bold;*/
	display: block;
	width:100%;
	color: #333333;

}
ul#child_category_list {
    display: flex;
	flex-wrap: wrap;
	width: 90%;
    margin: 0 auto !important;
	justify-content: space-between;
}
ul#child_category_list li{
    width: 48%;
    border: solid 2px #d3d3d3;
	margin-bottom: 4%;
	border-radius: 3px;
	background-color: #F5F5F5;
}
ul#child_category_list li a {
    border: none;
	text-align: center;
	font-size: 12px;
	padding:0.5em;
}



/* イーレコメンド */
#erecommend .reco_title{
	text-shadow: none;
    padding: 8px 5px 7px 10px;
    background: none;
    background-color: #dcdcdc;
}
#erecommend .reco_title h3{
	font-size: 14px;
}
#erecommend .header{
	min-height: 0;
}
#erecommend .footer {
	background-image: none;
	background-color: #FFF;
	margin: -8px 0 10px;
}
#erecommend .item-name {
	font-size:11px;
	word-break: break-all;
}