@charset "UTF-8";
/**
 *
 *  トップページ
 *
 */
/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   .mv
---------------------------------------------------------------------------*/
.mv {
  overflow: hidden;
}
.mv .slider {
  position: relative;
}
.mv .slider .list li {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.mv .slider .list li .txt {
  position: absolute;
  top: 0;
  left: 0;
}
.mv .slider img {
  width: 100%;
  height: auto;
}
.mv .controller {
  position: absolute;
/*  bottom: 15px;*/
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 8px;
  z-index: 50;
}
.mv .pointer {
  width: 100%;
}

/*--------------------------------------------------------------------------
   .sec_pick_up  おすすめブランド
---------------------------------------------------------------------------*/
.sec_pick_up {
  background: #ffffff url(../images/bg01.png) no-repeat 100% 0;
  -webkit-background-size: 86px 51px;
          background-size: 86px 51px;
  padding-top: 47px;
}
.sec_pick_up .bnrs {
  overflow: hidden;
}
.sec_pick_up .bnrs li {
  float: left;
  width: 50%;
}
.sec_pick_up .bnrs li img {
  width: 100%;
  height: auto;
}

/*--------------------------------------------------------------------------
   .sec_ranking  人気ランキング
---------------------------------------------------------------------------*/
.sec_ranking {
  overflow: hidden;
  padding: 57px 0 50px;
  background: #f3f3f3 url(../images/bg02.png) no-repeat;
  -webkit-background-size: 86px 51px;
          background-size: 86px 51px;
}

/* .ranking_sort
-----------------------------------------------------------------*/
.sec_ranking .ranking_sort {
  margin-bottom: 40px;
  border: solid #fff;
  border-width: 2px 0;
  line-height: 1;
}
.sec_ranking .ranking_sort ul {
  overflow: hidden;
}
.sec_ranking .ranking_sort li {
  width: 50%;
  float: left;
}
.sec_ranking .ranking_sort a {
  display: block;
  padding: 16px 0;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  letter-spacing: .1em;
  text-align: center;
  color: #000;
  font-size: 10px;
  font-weight: 700;
}
.sec_ranking .ranking_sort a.is_active {
  background: #fff;
}
.sec_ranking .ranking_sort a[data-rank-sex="ladies"] {
  color: #e85a56;
}

/* .contents_wrap
-----------------------------------------------------------------*/
.sec_ranking .contents_wrap {
  position: relative;
}
.sec_ranking .contents_wrap .slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 100%;
  padding: 0 20px;
  opacity: 0;
}
.sec_ranking .contents_wrap .list_wrap {
  position: relative;
}
.sec_ranking .contents_wrap .list {
  position: absolute;
}
.sec_ranking .contents_wrap .list .item {
  margin: 0 1px;
}
.sec_ranking .contents_wrap .prev,
.sec_ranking .contents_wrap .next {
  position: absolute;
  top: 60px;
}
.sec_ranking .contents_wrap .prev {
  left: 5px;
}
.sec_ranking .contents_wrap .next {
  right: 5px;
}

/*--------------------------------------------------------------------------
   .sec_new_arrival  新着アイテム
---------------------------------------------------------------------------*/
.sec_new_arrival {
  padding: 49px 0 50px;
}
.sec_new_arrival .contents img {
  width: 100%;
  height: auto;
}
.sec_new_arrival .box {
  overflow: hidden;
}
.sec_new_arrival .item {
  float: left;
  width: 50%;
}
.sec_new_arrival .box._col3 .item {
  width: 33.33%;
}
.sec_new_arrival .box._col3 .item:first-child {
  width: 33.34%;
}
.sec_new_arrival .item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.sec_new_arrival .item .bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#e6433e), to(#ed8c3e));
  background: linear-gradient(to left, #e6433e 0%, #ed8c3e 100%);
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
.sec_new_arrival .item.hover02 .bg {
  background: -webkit-gradient(linear, right top, left top, from(#16a6cf), to(#18d9ce));
  background: linear-gradient(to left, #16a6cf 0%, #18d9ce 100%);
}
.sec_new_arrival .item.hover03 .bg {
  background: -webkit-gradient(linear, right top, left top, from(#d54a9c), to(#f28daf));
  background: linear-gradient(to left, #d54a9c 0%, #f28daf 100%);
}
.sec_new_arrival .item:hover .bg {
  opacity: 0.96;
}
.sec_new_arrival .item .txt_box {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  font-size: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.sec_new_arrival .item .txt_box:hover {
  opacity: 1;
}
.sec_new_arrival .item .txt_box > .inline {
  display: table;
  width: 100%;
  height: 100%;
}
.sec_new_arrival .item .txt_box > .inline > .inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
}
.sec_new_arrival .item .txt_box > .inline span {
  display: block;
}
.sec_new_arrival .item .txt_box .price {
  margin-top: 14px;
}
.sec_new_arrival .item .txt_box .price .em {
  font-size: 11px;
}



/*--------------------------------------------------------------------------
	追加160421
--------------------------------------------------------------------------*/

/* -----------------------
SMP用フッター
------------------------ */

.lHead {
background: #666;
color: #fcfbfd;
padding: 10px 7px;
}

.rstLinkCmnBlock li:first-child {
border-top: 1px solid #bebebe;
}

.rstLinkCmnBlock li {
border-bottom: 1px solid #bebebe;
background: #fff;
}

nav, ul, ol, li {
list-style: none;
}

.rstLinkCmnBlock li a:link, .rstLinkCmnBlock li a:visited, .rstLinkCmnBlock li a:active, .rstLinkCmnBlock li a:hover {
color: #333;
padding: 10px 7px;
display: block;
background: url(http://image.rakuten.co.jp/com/img/home/smart/common/icn_move_arrow.png) 98% 50% no-repeat;
-webkit-background-size: 8px 13px;
-moz-background-size: 8px 13px;
-ms-background-size: 8px 13px;
background-size: 8px 13px;
text-decoration:none;
}

#rstSearch {
clear: both;
overflow: hidden;
padding: 10px 5px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
background-color: #efefef;
margin-bottom: 0;
}

#sm input#sitem {
width: 75%;
float: left;
}

#rstSearch input[type=text] {
border: #666 2px solid;
font-size: 120%;
height: 33px;
width: 75%;
padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
border-radius: 0;
float: left;
}
#rstSearchSubmit {
float: left;
width: 25%;
height: 33px;
}

#rstSearchSubmit input[type=submit] {
padding: 0 10px;
border: none;
color: #fcfbfd;
background: #666;
font-weight: bold;
font-size: 110%;
width: 100%;
height: 33px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
border-radius: 0;
text-align:center;
}

button, input, select {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}

#investigate {
    width: 0px;
    height: 0px;
    visibility: hidden;
}


/*--------------------------------------------------------------------------
   #NEWS お知らせ
---------------------------------------------------------------------------*/
#news {
	padding: 20px 0;
	background:#f3f3f3;
}

#news .contents {
	text-align:center;
}

#news .notice {
	position: relative;
	font-size: 12px;
	padding-left: 28px;
	display: inline-block;
	vertical-align: middle;
}

#news .notice:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
	width: 20px;
	height: 20px;
	background: url(http://www.rakuten.ne.jp/gold/10keiya/assets_t/shared/images/hd_ico_notice.png);
}
.c_list_style_all div.item p.rank {
	font-size: 23px;
	border-bottom: 4px solid #333;
	font-family: 'Oswald', sans-serif;
	top: -23px;
	left: 9px;
	width: 24px;
}
.c_list_style_all div.item:first-child p.rank {
	color:#ffc610;
	letter-spacing: 2px;
	border-bottom: 4px solid #ffc610;
}

#Content {
    margin-top: 37px;
}


.sec_pick_up .square li img {
  width: 80%;
  height: auto;
}

ul.square li{
margin: -25px 0;
text-align: center;
}

.content_banner_area {
  text-align: center;
}

.content_banner_area img {
  width: 300px;
  margin-bottom: 10px;
}