@charset "utf-8";

/*
	Description: Page /index.cfm
	Update: 2015/03/19
	Notes: #main_fsp 内
	Log:
		2014/09/29	recommender_sp111 追加
		2015/03/09	recommender_sp111 タイトル出し分け
		2015/03/19	recommender_sp111 タップ用背景変更
		2015/10/08	recommender_sp111 アイコン追加
		2015/10/09	column_nav_fsp トップナビ追加
		2015/11/17	overseas_fsp 共通moduleに移動
*/

/*-------------------------------------------------------------
  icons
---------------------------------------------------------------*/
.icon_top {
	display: block;
	background-image: url("../images_sp/image_cnt/icons_top.png");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

/* category */
.icon_top.icon_link {
	width: 56px;
	height: 56px;
}
.icon_list_tab_category_fashion {
	background-position: 0px -616px;
}
.icon_list_tab_category_fashiongoods {
	background-position: 0px -616px;
}
.icon_list_tab_category_mens {
	background-position: 0px -616px;
}
.icon_list_tab_category_interior {
	background-position: 0px -616px;
}
.icon_list_tab_category_craft {
	background-position: 0px -616px;
}
.icon_list_tab_category_kids {
	background-position: 0px -616px;
}
.icon_list_tab_category_baby {
	background-position: 0px -616px;
}
.icon_list_tab_category_inner {
	background-position: 0px -616px;
}
.icon_list_tab_category_beauty {
	background-position: 0px -616px;
}
.icon_list_tab_category_food {
	background-position: 0px -616px;
}
.icon_list_tab_category_book {
	background-position: 0px -616px;
}
/* category_cn */
.icon_top.icon_link {
	width: 56px;
	height: 56px;
}
.icon_list_tab_category_fashion2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_fashiongoods2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_mens2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_interior2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_craft2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_kids2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_baby2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_inner2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_beauty2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_food2 {
	background-position: 0px -665px;
}
.icon_list_tab_category_book2 {
	background-position: 0px -665px;
}

/* brand */
.logo_top_brand_usedo {
	width: 130px;
	height: 48px;
	background-position: -56px 0px;
}
.logo_top_brand_iedit {
	width: 132px;
	height: 50px;
	background-position: -56px -50px;
}
.logo_top_brand_lic {
	width: 340px;
	height: 50px;
	background-position: -56px -100px;
}
.logo_top_brand_sunnyclouds {
	width: 330px;
	height: 50px;
	background-position: -56px -150px;
}
.logo_top_brand_andmyera {
	width: 210px;
	height: 50px;
	background-position: -56px -201px;
}
.logo_top_brand_syrup {
	width: 340px;
	height: 50px;
	background-position: -56px -251px;
}
.logo_top_brand_flufeel {
	width: 142px;
	height: 50px;
	background-position: -56px -300px;
}
.logo_top_brand_upde {
	width: 145px;
	height: 40px;
	background-position: -56px -350px;
}
.logo_top_brand_lami {
	width: 120px;
	height: 62px;
	background-position: -56px -390px;
}
.logo_top_brand_hy {
	width: 325px;
	height: 38px;
	background-position: -56px -460px;
}
.logo_top_brand_couturier {
	width: 286px;
	height: 50px;
	background-position: -56px -500px;
}
.logo_top_brand_frau {
	width: 189px;
	height: 48px;
	background-position: -56px -548px;
}
.logo_top_brand_minitsuku {
	width: 240px;
	height: 40px;
	background-position: -56px -597px;
}

.logo_top_brand_realstock {
	width: 255px;
	height: 45px;
	background-position: -56px -635px;
}
.logo_top_brand_kajisapo {
	width: 141px;
	height: 30px;
	background-position: -56px -680px;
}
.logo_top_brand_sunnycloudssoco {
	width: 200px;
	height: 50px;
	background-position: -56px -710px;
}
.logo_top_brand_mizu {
	width: 295px;
	height: 50px;
	background-position: -56px -760px;
}
.logo_top_brand_mist {
	width: 330px;
	height: 50px;
	background-position: -56px -810px;
}

.logo_top_brand_sukiyaki{
	width: 300px;
	height: 50px;
	background-position: -56px -860px;
}

.logo_top_brand_diy {
	width: 330px;
	height: 45px;
	background-position: -56px -915px;
}



.logo_top_brand_cara {
	width: 230px;
	height: 40px;
	background-position: -56px -965px;
}

.logo_top_brand_jun {
	width: 104px;
	height: 53px;
	background-position: -56px -1005px;
}


.logo_top_brand_mede {
	width:244px;
	height: 45px;
	background-position: -56px -1056px;
}

.logo_top_brand_LX {
	width: 210px;
	height: 66px;
	background-position: -56px -1115px;
}
.logo_top_brand_chocolate {
	width: 350px;
	height: 37px;
	background-position: -56px -1198px;
}

.logo_top_brand_see {
	width: 315px;
	height: 33px;
	background-position: -56px -1238px;
}

.logo_top_brand_harukaban {
	width: 210px;
	height: 55px;
	background-position: -56px -1297px;
}
.logo_top_brand_moifinland {
	width: 336px;
	height: 38px;
	background-position: -56px -1360px;
}
.logo_top_brand_dreco {
	width: 265px;
	height: 40px;
	background-position: -56px -1400px;
}
.logo_top_brand_nunoyanoshigoto {
	width:315px;
	height: 55px;
	background-position: -56px -1445px;
}



.logo_top_brand_pk15 {
	width:205px;
	height: 30px;
	background-position: -56px -1500px;
}



.logo_top_brand_fkids {
	width:277px;
	height: 38px;
	background-position: -56px -1540px;
}
.logo_top_brand_ym {
	width:320px;
	height: 62px;
	background-position: -56px -1695px;
}
.logo_top_brand_usedos {
	width:335px;
	height: 45px;
	background-position: -56px -1620px;
}

.logo_top_brand_350sd {
	width:338px;
	height: 21px;
	background-position: -56px -1670px;
}

.logo_top_brand_akikaban {
	width:205px;
	height: 55px;
	background-position: -56px -1700px;
}
.logo_top_brand_sccoat {
	width:266px;
	height: 55px;
	background-position: -56px -1758px;
}



.logo_top_brand_fashionsp {
	width:225px;
	height: 37px;
	background-position: -56px -1819px;
}



.logo_top_brand_kisetsuzakka {
	width:238px;
	height: 36px;
	background-position: -56px -1856px;
}
.logo_top_brand_ctspe {
	width:315px;
	height: 39px;
	background-position: -56px -1892px;
}
.logo_top_brand_nihonpro {
	width:295px;
	height: 35px;
	background-position: -56px -1930px;
}
.logo_top_brand_ffn {
	width:310px;
	height: 32px;
	background-position: -56px -1967px;
}

.logo_top_brand_kraso2 {
	width:340px;
	height: 35px;
	background-position: -56px -2000px;
}

.logo_top_brand_avec {
	width:195px;
	height: 37px;
	background-position: -56px -2035px;
}

.logo_top_brand_neco {
	width:155px;
	height: 55px;
	background-position: -56px -2072px;
}
.logo_top_brand_MAMA {
	width:280px;
	height: 35px;
	background-position: -56px -2130px;
}

.logo_top_brand_efj {
	width:345px;
	height: 60px;
	background-position: -56px -2165px;
}
.logo_top_brand_elme {
	width:200px;
	height: 45px;
	background-position: -56px -1445px;
}
.logo_top_brand_beauty {
	width:340px;
	height: 30px;
	background-position: -56px -1570px;
}
.logo_top_brand_ambe {
	width:170px;
	height: 30px;
	background-position: -56px -1535px;
}
.logo_top_brand_saana {
	width:265px;
	height: 45px;
	background-position: -56px -2230px;
}


/*-------------------------------------------------------------
  detail_share_container_fsp
---------------------------------------------------------------*/
#slider_fsp {
}

/*-------------------------------------------------------------
  top_order_container_fsp
---------------------------------------------------------------*/
#top_order_container_fsp {
}

/*-------------------------------------------------------------
  top_search_container_fsp
---------------------------------------------------------------*/
#top_search_container_fsp {
}

/*-------------------------------------------------------------
  top_column_navi_fsp
---------------------------------------------------------------*/
#top_column_navi_fsp {
}


/*-------------------------------------------------------------
  top_banners_container_fsp
---------------------------------------------------------------*/
#top_banners_container_fsp {
}

/*-------------------------------------------------------------
  top_collection_container_fsp
---------------------------------------------------------------*/
#top_collection_container_fsp {
}

/*-------------------------------------------------------------
  top_news_container_fsp
---------------------------------------------------------------*/
#top_news_container_fsp {
}

#top_news_container_fsp ul li .news_bg_fsp {
	padding: 28px 78px 36px 36px;
}
#top_news_container_fsp ul li .news_bg_fsp small {
	margin-right: 8px;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1em;
}
#top_news_container_fsp ul li .news_bg_fsp .news_title {
	display: block;
	padding: 12px 0 0 0;
	color: #444444;
	font-size: 28px;
	line-height: 1.4em;
}

/*-------------------------------------------------------------
  top_list_container_fsp
---------------------------------------------------------------*/

/* category */
#top_list_tab_category_fsp {
	padding: 44px 30px 44px;
}
#top_list_tab_category_fsp .select_category {
	margin: 0 0 12px 0;
}
#top_list_tab_category_fsp .select_category .select_bg .select_icon {
	position: absolute;
	left: 15px;
	top: 14px;
}
#top_list_tab_category_fsp .select_category .select_bg .select_default {
	padding-left: 80px;
}
#top_list_tab_category_fsp .select_category .select_bg.onTap .select_icon {
	opacity: 0.7;
}

/* brand */
#top_list_tab_brand_fsp {
	padding: 50px 30px 30px;
	overflow: hidden;
	
	display: none; /* !!! default !!! */
}
#top_list_tab_brand_fsp .brand_banner_fsp {
	margin: 0 0 16px 0;
	overflow: hidden;
	
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	
	box-shadow: 0 2px 0 rgba(255,255,255,0.3);
	-moz-box-shadow: 0 2px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: 0 2px 0 rgba(255,255,255,0.3);
}
body.template_c_fsp #top_list_tab_brand_fsp .brand_banner_fsp { /* コレクション */
	background-color: #504638;
	border: 2px solid #504638;
}
body.template_sn_fsp #top_list_tab_brand_fsp .brand_banner_fsp { /* セレ＆コネ */
	background-color: #000000;
	border: 2px solid #454545;
}

#top_list_tab_brand_fsp .brand_banner_fsp a {
	display: block;
}
#top_list_tab_brand_fsp .brand_banner_fsp .banner_bg_fsp {
	position: relative;
	display: block;
	min-height: 108px;
	padding: 18px 88px 18px 18px;
	overflow: hidden;
	
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 100%);
}
#top_list_tab_brand_fsp .brand_banner_fsp .banner_bg_fsp .brand_thumb {
	float: left;
	display: block;
	padding: 2px;
	margin: 0 16px 0 0;
	border: 2px solid #cbcbcb;
	background-color: #ffffff;
}
#top_list_tab_brand_fsp .brand_banner_fsp .banner_bg_fsp .brand_thumb img {
	display: block;
}
#top_list_tab_brand_fsp .brand_banner_fsp .banner_bg_fsp .brand_logo {
	display: block;
}
#top_list_tab_brand_fsp .brand_banner_fsp .banner_bg_fsp .brand_title {
	display: block;
	color: #000000;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
}
#top_list_tab_brand_fsp .brand_banner_fsp .banner_bg_fsp small {
	display: block;
	padding: 10px 0 0 0;
	color: #444444;
	font-size: 20px;
	line-height: 1.2;
	text-shadow: 0 2px 0 rgba(255,255,255,0.6);
}
#top_list_tab_brand_fsp .brand_banner_fsp .banner_bg_fsp .icon_link {
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -15px;
}
#top_list_tab_brand_fsp .brand_banner_fsp a.onTap {
	opacity: 0.7;
}

/* thumb_layout */
#top_list_tab_brand_fsp .brand_banner_fsp.thumb_layout .banner_bg_fsp .brand_title,
#top_list_tab_brand_fsp .brand_banner_fsp.thumb_layout .banner_bg_fsp small {
	margin-left: 124px;
}

/* right layout */
/* ロゴ＋ブランド名 */
#top_list_tab_brand_fsp .brand_banner_fsp.no-text .banner_bg_fsp .brand_logo {
	margin: 14px 0 0 0;
}
/* ブランド名＋テキスト */
#top_list_tab_brand_fsp .brand_banner_fsp.no-logo .banner_bg_fsp .brand_title {
	margin: 24px 0 0 0;
}
/* ロゴ＋テキスト */
#top_list_tab_brand_fsp .brand_banner_fsp.no-title .banner_bg_fsp .brand_logo {
	margin: 14px 0 0 0;
}
/* ロゴのみ */
#top_list_tab_brand_fsp .brand_banner_fsp.no-title.no-text .banner_bg_fsp .brand_logo {
	margin: 30px 0 0 0;
}
/* ブランド名のみ */
#top_list_tab_brand_fsp .brand_banner_fsp.no-logo.no-text .banner_bg_fsp .brand_title {
	margin: 38px 0 0 0;
}
/* テキストのみ */
#top_list_tab_brand_fsp .brand_banner_fsp.no-logo.no-title .banner_bg_fsp small {
	margin: 34px 0 0 0;
}

/*-------------------------------------------------------------
  recommender_sp111
---------------------------------------------------------------*/

#recommender_sp111 {
	width: 100%;
}
body.template_common_fsp #recommender_sp111 { /* 共通 */
	background-color: #ece8e2;
}
body.template_c_fsp #recommender_sp111 { /* コレクション */
	background-color: #ece8e2;
}
body.template_sn_fsp #recommender_sp111 { /* セレ＆コネ */
	background-color: #f4f4f4;
}

#recommender_sp111:before {
	display: block;
	padding: 15px 30px;
	font-size: 28px;
	font-weight: bold;
}
body.template_common_fsp #recommender_sp111:before { /* 共通 */
	border-top: 2px solid #c4beb6;
	border-bottom: 2px solid #b7b1a9;
	background-color: #bdb7ae;
	color: #ffffff;
	text-shadow: 0 -2px 0 rgba(39,27,11,0.2);
	content: "あなたにおすすめのアイテム";
}
body.template_c_fsp #recommender_sp111:before { /* コレクション */
	border-top: 2px solid #c4beb6;
	border-bottom: 2px solid #b7b1a9;
	background-color: #bdb7ae;
	color: #ffffff;
	text-shadow: 0 -2px 0 rgba(39,27,11,0.2);
	content: "あなたにおすすめのコレクション";
}
body.template_sn_fsp #recommender_sp111:before { /* セレ＆コネ */
	border-top: 2px solid #b7b7b7;
	border-bottom: 2px solid #8d8d8d;
	background: -moz-linear-gradient(top,  #a5a5a5 0%, #969696 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(100%,#969696));
	background: -webkit-linear-gradient(top,  #a5a5a5 0%,#969696 100%);
	color: #ffffff;
	text-shadow: 0 -2px 0 rgba(0,0,0,0.2);
	content: "あなたにおすすめのアイテム";
}

#recommender_sp111 .dv_recommend {
	width: 608px;
	padding: 30px 2px 30px 30px;
	margin: 0 auto;
}
#recommender_sp111 .dv_recommend:after {
	clear: both;
	display: block;
	content: "";
}

#recommender_sp111 .dv_recommend .dv_rc_items {
	float: left;
	display: block;
	width: 276px;
	margin: 0 28px 28px 0;
	overflow: hidden;
	/*
	background-color: #000000;
	*/
	background-color: #fff;
	
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	
	box-shadow: 0 0 7px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.23);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.23);
}

#recommender_sp111 .dv_recommend .dv_rc_items a.onTap > p {
	opacity: 0.7;
}

#recommender_sp111 .dv_recommend .dv_rc_items .dv_rc_img {
	width: 100%;
	height: 276px;
	overflow: hidden;
	border-top-left-radius: 14px;
	-webkit-border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	-webkit-border-top-right-radius: 14px;
}
#recommender_sp111 .dv_recommend .dv_rc_items .dv_rc_img img {
	display: block;
	width: 100%;
	height: auto;
}

#recommender_sp111 .dv_recommend .dv_rc_items .dv_rc_icon {
	display: block;
	padding: 24px 24px 0 24px;
	background-color: #ffffff;
}
#recommender_sp111 .dv_recommend .dv_rc_items .dv_rc_icon img {
	width: auto;
	height: 25px;
	margin: 0 6px 6px 0;
}
#recommender_sp111 .dv_recommend .dv_rc_items .dv_rc_name {
	display: block;
	height: 4.2em;
	padding: 18px 24px 28px 24px;
	overflow: hidden;
	background-color: #ffffff;
	color: #333333;
	font-size: 24px;
	line-height: 1.4em;
	
	border-bottom-left-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
}

#recommender_sp111 .dv_recommend .dv_rc_items .dv_rc_description,
#recommender_sp111 .dv_recommend .dv_rc_items .dv_rc_price {
	display: none;
}