@charset "utf-8";

/* micro clearfix
-----------------------------------------------------*/
.cf:before, .cf:after {
 content: " ";
 display: table;
}
.cf:after {
 clear: both;
}
.cf {
*zoom:1;
}
/* reset
-----------------------------------------------------*/
/* リンク選択時の点線を削除 */
a:link, a:visited, a:hover, a:active {
overflow: hidden;
}
ul, ol, dl {
list-style: none;
}
ul, ol, dl, li, dt, dd, p, div, table, tr, th, td {
margin: 0;
padding: 0;
}
b {font-weight:normal;}
/* IE7 縮小画像 ニアレストネイバーによる画像荒れをバイキュービックで回避 IE 9+～微妙 */
img {
 -ms-interpolation-mode: bicubic;
}

/* ■ base style
==========================================================*/
body {
 background: #fff;
 font-family: Meiryo,"Hiragino Kaku Gothic ProN","MS PGothic",sans-serif;
 font-size: 16px;
 font-weight: normal;
 line-height: 1.5em; /* 24px */
 margin: 0 auto;
 padding: 0;
 -webkit-text-size-adjust: 100%; /* iOS文字サイズ調整 */
}
html, body {
 width: 100%; /* スマホPC表示用に明示 */
}
/* aタグのスタイル */
a:link, a:visited {
text-decoration: none;
}
a:active, a:hover {
text-decoration: underline;
}

/* font-size 微調整用 */
.fz6px {font-size: 6px;} .fz7px {font-size: 7px;} .fz8px {font-size: 8px;}
.fz9px {font-size: 9px;} .fz10px {font-size: 10px;} .fz11px {font-size: 11px;}
.fz12px {font-size: 12px;} .fz13px {font-size: 13px;} .fz14px {font-size: 14px;}
.fz15px {font-size: 15px;} .fz16px {font-size: 16px;} .fz17px {font-size: 17px;}
.fz18px {font-size: 18px;} .fz19px {font-size: 19px;} .fz20px {font-size: 20px;}

.fz09em {font-size:.9em;} .fz08em {font-size:.8em;} .fz07em {font-size:.7em;}

/* ブランド人気ランキングのスタイル
==========================================================*/


/* 各ブランド共通のラップスタイル（幅720）
----------------------------------------*/
.brand_rank_wrap {
background: #ccc;
margin-top: 30px;
width: 720px;
height: 312px;
}
/* Dakotaのラップ個別のスタイル（.brand_rank_wrapと複数指定でクラス適用しています） */
.dakota_wrap {
background: #ffefef;
height: 505px; /* Dakotaは10位まで */
}
/* CORBO個別のスタイル */
.corbo_wrap {
background: #f8f8f8;
}
/* ALBERO個別のスタイル */
.albero_wrap {
background: #fcf6ef;
}
/* BEAU DESSIN S.A.個別のスタイル */
.beaudessin_wrap {
background: #f9ffef;
}
/* HERGOPOCH個別のスタイル */
.hergopoch_wrap {
background: #f3f3f3;
}
/* Mond個別のスタイル */
.mond_wrap {
background: #f3f3f3;
}
/* genten個別のスタイル */
.genten_wrap {
background: #fcfbee;
}
/* dan genten個別のスタイル */
.dangenten_wrap {
background: #fff4df;
}
/* PELLE MORBIDA個別のスタイル */
.pellemorbida_wrap {
background: #e8dfca;
}
/* PELLE MORBIDA LC 個別のスタイル */
.pellemorbida_lc_wrap {
background: #e8f2f7;
}
/* regalo個別のスタイル */
.regalo_wrap {
background: #e0c2fd;
}
/* onesheart個別のスタイル */
.onesheart_wrap {
background: #f6fef6;
}
/* BARDOT ROSE個別のスタイル */
.bardotrose_wrap {
background: #ffefee;
}
/* CI-VA個別のスタイル */
.ci-va_wrap {
background: #fef9ef;
}
/* Dakota BLACK LABEL個別のスタイル */
.dakotablacklabel_wrap {
background: #f7efd6;
}
/* Rucca di Luce個別のスタイル */
.ruccadiluce_wrap {
background: #faf8ef;
}
/* CLEDRAN個別のスタイル */
.cledran_wrap {
background: #FFF0EA;
}
/* ヌメ革個別のスタイル */
.natural_wrap {
background: #fef9ef;
}

 
/* タイトル（見出し）部分のスタイル
--------------------------------*/

/*=== タイトル部分 ロゴと人気ランキングBEST文言共通 ===*/
.brand_rank_wrap .tit {
height: 55px;
position: relative;
width: 720px;
}

/*=== ロゴ 各ブランド共通 ===*/
.brand_rank_wrap .tit .tit_logo {
left: 0;
top: -30px;
position: relative;
}

/*=== 人気ランキングBEST共通 ===*/
.brand_rank_wrap .tit .tit_text {
position: relative;
right: 0;
top: -30px;
}
/*=== 各ロゴ個別の位置や余白の設定 ===*/

/* ★Dakotaロゴ 個別の指定 */
.brand_rank_wrap .tit .dakota {
margin: 0 25px 0 10px;
top: -40px;
}
/* ★CORBO.ロゴ 個別の指定 */
.brand_rank_wrap .tit .corbo {
margin: 0 15px 0 10px;
top: -40px;
}
/* ★ALBEROロゴ 個別の指定 */
.brand_rank_wrap .tit .albero {
margin: 0 20px 0 10px;
top: -40px;
}
/* ★HERGOPOCHロゴ 個別の指定 */
.brand_rank_wrap .tit .hergopoch {
margin: 0 20px 0 10px;
top: -45px;
}
/* ★Mondロゴ 個別の指定 */
.brand_rank_wrap .tit .mond {
margin: 0 20px 0 10px;
top: -35px;
}
/* ★gentenロゴ 個別の指定 */
.brand_rank_wrap .tit .genten {
margin: 0 20px 0 10px;
top: -25px;
}
/* ★dangentenロゴ 個別の指定 */
.brand_rank_wrap .tit .dangenten {
margin: 0 20px 0 10px;
top: -30px;
}
/* ★BEAU DESSIN S.A.ロゴ 個別の指定 */
.brand_rank_wrap .tit .beaudessin {
margin: 0 20px 0 10px;
top: -45px;
}
/* ★PELLE MORBIDAロゴ 個別の指定 */
.brand_rank_wrap .tit .pellemorbida {
margin: 0 14px 0 10px;
top: -30px;
}
/* ★PELLE MORBIDA LCロゴ 個別の指定 */
.brand_rank_wrap .tit .pellemorbida_lc {
margin: 0 10px 0 10px;
top: -37px;
/*width:210px;*/
}
/* ★regaloロゴ 個別の指定 */
.brand_rank_wrap .tit .regalo {
margin: 0 20px 0 10px;
top: -30px;
}
/* ★BARDOT ROSEロゴ 個別の指定 */
.brand_rank_wrap .tit .bardotrose {
margin: 0 20px 0 10px;
top: -60px;
}
/* ★one's heartロゴ 個別の指定 */
.brand_rank_wrap .tit .onesheart {
margin: 0 20px 0 10px;
top: -50px;
}
/* ★CI-VAロゴ 個別の指定 */
.brand_rank_wrap .tit .ci-va {
margin: 0 33px 0 10px;
top: -30px;
}
/* ★Dakota BLACK LABELロゴ 個別の指定 */
.brand_rank_wrap .tit .dakotablacklabel {
margin: 0 33px 0 10px;
top: -35px;
}
/* Rucca di Luceロゴ 個別の指定 */
.brand_rank_wrap .tit .ruccadiluce {
margin: 0 33px 0 10px;
top: -45px;
}
/* ★ヌメロゴ 個別の指定 */
.brand_rank_wrap .tit .natural {
margin: 0 20px 0 10px;
top: -40px;
}

/* BAGGY PORTロゴ 個別の指定  */
.brand_rank_wrap .tit .baggyport {
margin: 0 20px 0 10px;
top: -55px;
}
/* ★CLEDRANロゴ 個別の指定 */
.brand_rank_wrap .tit .cledran {
margin: 0 10px 0 10px;
top: -33px;
}

/* SEAGULL SHIPロゴ 個別の指定  */
.brand_rank_wrap .tit .seagullship {
margin: 0 100px 0 10px;
top: -55px;
}

/* genten cerchi ロゴ 個別の指定 */
/*.brand_rank_wrap .tit .albero {
margin: 0 33px 0 10px;
top: -40px;
}
*/

/* 各アイテム部分のスタイル
--------------------------------*/

/* 背景内側の白 */
.brand_rank_wrap .items {
background: #fff;
margin: 0 auto;
padding-bottom: 20px;
width: 700px;
}

/* 各アイテムの指定、フロート */
.brand_rank_wrap .items li {
float: left;
font-size: 12px;
line-height: 1.5;
margin: 35px 0 0 20px;
position: relative;
text-align: center;
width: 115px;
height: auto;
}
.brand_rank_wrap .items li:nth-child(5n) {
margin-right: 0;
}
/* ランキング順位 3位まで 王冠アイコンの絶対配置 */
.brand_rank_wrap .items li:nth-child(-n+3) .ico {
left: -16px;
top: -25px;
position: absolute;
z-index: 5;
}
/* ランキング順位 4位以降 王冠アイコンの絶対配置 */
.brand_rank_wrap .items li:nth-child(n+4) .ico {
left: -13px;
position: absolute;
top: -25px;
z-index: 5;
}
/* 各アイテム画像 境界線等スタイル */
.brand_rank_wrap .items li .itemimg {
border: 1px solid #999;
transition: all .2s;
width: 113px;
height: 113px;
}
.brand_rank_wrap .items li:hover .itemimg {
opacity: .8;
}




/* 各ブランド共通のラップスタイル（幅950）
----------------------------------------*/
.brand_rank_wrap950 {
background: #ccc;
margin-top: 30px;
width: 950px;
height: 360px;
}
/* Dakotaのラップ個別のスタイル（.brand_rank_wrapと複数指定でクラス適用しています） */
.dakota_wrap950 {
background: #ffefef;
height: 505px; /* Dakotaは10位まで */
}
/* CORBO個別のスタイル */
.corbo_wrap950 {
background: #f8f8f8;
}
/* ALBERO個別のスタイル */
.albero_wrap950 {
background: #fcf6ef;
}
/* BEAU DESSIN S.A.個別のスタイル */
.beaudessin_wrap950 {
background: #f9ffef;
}
/* HERGOPOCH個別のスタイル */
.hergopoch_wrap950 {
background: #f3f3f3;
}
/* Mond個別のスタイル */
.mond_wrap950 {
background: #f3f3f3;
}
/* genten個別のスタイル */
.genten_wrap950 {
background: #fcfbee;
}
/* dan genten個別のスタイル */
.dangenten_wrap950 {
background: #fff4df;
}
/* PELLE MORBIDA個別のスタイル */
.pellemorbida_wrap950 {
background: #e8dfca;
}
/* PELLE MORBIDA個別のスタイル */
.pellemorbida_lc_wrap950 {
background: #e8f2f7;
}
/* regalo個別のスタイル */
.regalo_wrap950 {
background: #f7efff;
}
/* onesheart個別のスタイル */
.onesheart_wrap950 {
background: #f6fef6;
}
/* BARDOT ROSE個別のスタイル */
.bardotrose_wrap950 {
background: #ffefee;
}
/* CI-VA個別のスタイル */
.ci-va_wrap950 {
background: #fef9ef;
}
/* Dakota BLACK LABEL個別のスタイル */
.dakotablacklabel_wrap950 {
background: #f7efd6;
}
/* Rucca di Luce個別のスタイル */
.ruccadiluce_wrap950 {
background: #faf8ef;
}
/* ヌメ個別のスタイル */
.natural_wrap950 {
background: #FFD5BA;
}
/* CLEDRAN個別のスタイル */
.cledran_wrap950 {
background: #FFF0EA;
}
/* seagullship個別のスタイル */
.seagullship_wrap950 {
background: #fdfcec;
}
/* タイトル（見出し）部分のスタイル
--------------------------------*/

/*=== タイトル部分 ロゴと人気ランキングBEST文言共通 ===*/
.brand_rank_wrap950 .tit {
height: 55px;
position: relative;
width: 950px;
}

/*=== ロゴ 各ブランド共通 ===*/
.brand_rank_wrap950 .tit .tit_logo {
left: 0;
top: -30px;
position: relative;
}

/*=== 人気ランキングBEST共通 ===*/
.brand_rank_wrap950 .tit .tit_text {
position: relative;
right: 0;
top: -30px;
}
/* PELLE MORBIDA Ladies Collectionの.tit_text位置 */
.brand_rank_wrap950 .tit .pellemorbida_lc .tit_text {
top: -50px;
}

/*=== 各ロゴ個別の位置や余白の設定 ===*/

/* ★Dakotaロゴ 個別の指定 */
.brand_rank_wrap950 .tit .dakota {
margin: 0 25px 0 10px;
top: -40px;
}
/* ★CORBO.ロゴ 個別の指定 */
.brand_rank_wrap950 .tit .corbo {
margin: 0 15px 0 10px;
top: -40px;
}
/* ★ALBEROロゴ 個別の指定 */
.brand_rank_wrap950 .tit .albero {
margin: 0 20px 0 10px;
top: -40px;
}
/* ★HERGOPOCHロゴ 個別の指定 */
.brand_rank_wrap950 .tit .hergopoch {
margin: 0 20px 0 10px;
top: -45px;
}
/* ★Mondロゴ 個別の指定 */
.brand_rank_wrap950 .tit .mond {
margin: 0 20px 0 10px;
top: -35px;
}
/* ★gentenロゴ 個別の指定 */
.brand_rank_wrap950 .tit .genten {
margin: 0 20px 0 10px;
top: -25px;
}
/* ★dangentenロゴ 個別の指定 */
.brand_rank_wrap950 .tit .dangenten {
margin: 0 20px 0 10px;
top: -30px;
}
/* ★BEAU DESSIN S.A.ロゴ 個別の指定 */
.brand_rank_wrap950 .tit .beaudessin {
margin: 0 20px 0 10px;
top: -45px;
}
/* ★PELLE MORBIDAロゴ 個別の指定 */
.brand_rank_wrap950 .tit .pellemorbida {
margin: 0 14px 0 10px;
top: -40px;
}
/* ★regaloロゴ 個別の指定 */
.brand_rank_wrap950 .tit .regalo {
margin: 0 20px 0 10px;
top: -30px;
}
/* ★BARDOT ROSEロゴ 個別の指定 */
.brand_rank_wrap950 .tit .bardotrose {
margin: 0 20px 0 10px;
top: -60px;
}
/* ★one's heartロゴ 個別の指定 */
.brand_rank_wrap950 .tit .onesheart {
margin: 0 20px 0 10px;
top: -50px;
}
/* ★CI-VAロゴ 個別の指定 */
.brand_rank_wrap950 .tit .ci-va {
margin: 0 33px 0 10px;
top: -30px;
}
/* ★Dakota BLACK LABELロゴ 個別の指定 */
.brand_rank_wrap950 .tit .dakotablacklabel {
margin: 0 25px 0 10px;
top: -34px;
}
/* Rucca di Luceロゴ 個別の指定 */
.brand_rank_wrap950 .tit .ruccadiluce {
margin: 0 33px 0 10px;
top: -45px;
}
/* ★ヌメロゴ 個別の指定 */
.brand_rank_wrap950 .tit .natural {
margin: 0 33px 0 10px;
top: -30px;
}

/* BAGGY PORTロゴ 個別の指定  */
.brand_rank_wrap950 .tit .baggyport {
margin: 0 20px 0 10px;
top: -30px;
}

/* ★CLEDRANロゴ 個別の指定 */
.brand_rank_wrap950 .tit .cledran {
margin: 0 10px 0 10px;
top: -33px;
}

/* SEAGULL SHIP ロゴ 個別の指定 */
.brand_rank_wrap950 .tit .seagullship {
margin: 0 20px 0 10px;
top: -35px;
}

/* genten cerchi ロゴ 個別の指定 */
/*.brand_rank_wrap950 .tit .albero {
margin: 0 33px 0 10px;
top: -40px;
}
*/

/* 各アイテム部分のスタイル
--------------------------------*/

/* 背景内側の白 */
.brand_rank_wrap950 .items {
background: #fff;
margin: 0 auto;
padding-bottom: 20px;
width: 930px;
}

/* 各アイテムの指定、フロート */
.brand_rank_wrap950 .items li {
float: left;
font-size: 12px;
line-height: 1.5;
margin: 35px 0 0 20px;
position: relative;
text-align: center;
width: 162px;
height: auto;
}
.brand_rank_wrap950 .items li:nth-child(5n) {
margin-right: 0;
}
/* ランキング順位 3位まで 王冠アイコンの絶対配置 */
.brand_rank_wrap950 .items li:nth-child(-n+3) .ico {
left: -16px;
top: -25px;
position: absolute;
z-index: 5;
}
/* ランキング順位 4位以降 王冠アイコンの絶対配置 */
.brand_rank_wrap950 .items li:nth-child(n+4) .ico {
left: -13px;
position: absolute;
top: -25px;
z-index: 5;
}
/* 各アイテム画像 境界線等スタイル */
.brand_rank_wrap950 .items li .itemimg {
border: 1px solid #999;
transition: all .2s;
width: 162px;
height: auto;
}
.brand_rank_wrap950 .items li:hover .itemimg {
opacity: .8;
}

/* ブランドページに直接入っている形式のランキングベスト5（brand-layout-w950の分）
--------------------------------*/
.rank5_items { clear:both; }
.rank5_item { font-size:.9em; float:left; margin:0 0 10px 25px; position:relative; text-align:center; width:160px; height:300px; }
.rank5_item a:hover { opacity:.9; text-decoration:underline; }
.rank5_item_img { position:ablolute; left:0; top:0; width:160px; height:160px; }
.rank5_item span { display: block; left:3px; top:0; position: absolute; text-align:left; }
.rank5_item span img { width:50px; height:50px; }

/*--- PELLE MORBIDA_LC ---*/
#pellemorbida_lc .rank5_wrap { width:950px; margin:24px auto 24px; border:1px solid #4d989b; }
#pellemorbida_lc .rank5_title { background:#e5f7f8; color:#4d989b; font-family:"Century Gothic",CenturyGothic;
font-style:normal; font-weight:normal; font-size:1.5em;/* 24px */ line-height:2em;/* 48px */
padding-left:12px; width:938px; margin: 0 auto 1em; text-align: center; }
#pellemorbida_lc .rank5_item>a>img { border:1px solid #4d989b; }