@charset "utf-8";


/*

----- 2019.07.31 memo -----
brand_rank19.cssはクレドランから、
レスポンシブ対応にしています。

*/

/*==================================================

PC スマホ 共通の指定 ここから

===================================================*/

/* 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表示用に明示 */
}
li, a {
display:block; /* スマホ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;}

.fz11em {font-size:1.1em;} .fz12em {font-size:1.2em;} .fz13em {font-size:1.3em;}
.fz14em {font-size:1.4em;} .fz15em {font-size:1.5em;} .fz16em {font-size:1.6em;}
.fz17em {font-size:1.7em;} .fz18em {font-size:1.8em;} .fz19em {font-size:1.9em;}
.fz2em {font-size:2em;} .fz095em{font-size: .95em;} .fz09em {font-size:.9em;}
.fz085em {font-size:.85em;} .fz08em {font-size:.8em;} .fz075em {font-size:.75em;}
.fz07em {font-size:.7em;}


/* 位置微調整 */
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }


/* 各ブランドの背景色
-----------------------------------------------------*/
.brand_rank_wrap {
background: #cccccc;
}
/* Dakota個別のスタイル */
.dakota_wrap {
background: #ffefef;
}
/* 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個別のスタイル */
.pellemorbida_lc_wrap {
background: #e8f2f7;
}
/* Dakota BLACK LABEL個別のスタイル */
.dakotablacklabel_wrap {
background: #f7efd6;
}
/* Rucca di Luce個別のスタイル */
.ruccadiluce_wrap {
background: #faf8ef;
}
/* ヌメ個別のスタイル */
.natural_wrap {
background: #FFD5BA;
}
/* CLEDRAN個別のスタイル */
.cledran_wrap {
background: #FFF0EA;
}
/* SEAGULLSHIP個別のスタイル */
.seagullship_wrap {
background: #fdfcec;
}
/* BAGGY'S ANNEX個別のスタイル */
.baggysannex_wrap {
background: #fef9ef;
}
/* FRAME WORK個別のスタイル */
.framework_wrap {
background: #ffeded!important;
}

/* 文字非表示(まとめて消してから、各幅サイズで表示) */
.pc950_show { display: none; }
.pc720_show { display: none; }
.sp_show { display: none; }


/*==================================================

PC 商品ページ等 幅950pxのときの指定 ここから

===================================================*/

@media screen and (min-width:950px) {

/* micro clearfix
-----------------------------------------------------*/
.cf:before, .cf:after {
 content: " ";
 display: table;
}
.cf:after {
 clear: both;
}
.cf {
*zoom:1;
}

/* 文字表示 */
.pc950_show { display: inline; }


/* 各ブランド共通のラップスタイル（幅950）
----------------------------------------*/
.brand_rank_wrap {
margin-top: 30px;
width: 950px;
height: 600px;
}

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

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

/*=== ロゴ 各ブランド共通 ===*/
.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;
}
/* PELLE MORBIDA Ladies Collectionの.tit_text位置 */
.brand_rank_wrap .tit .pellemorbida_lc .tit_text {
top: -50px;
}
/*=== 各ロゴ個別の位置や余白の設定 ===*/

/* ★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: -35px;
}
/* ★Dakota BLACK LABELロゴ 個別の指定 */
.brand_rank_wrap .tit .dakotablacklabel {
margin: 0 25px 0 10px;
top: -34px;
}
/* Rucca di Luceロゴ 個別の指定 */
.brand_rank_wrap .tit .ruccadiluce {
margin: 0 33px 0 10px;
top: -45px;
}
/* ★ヌメロゴ 個別の指定 */
.brand_rank_wrap .tit .natural {
margin: 0 33px 0 10px;
top: -30px;
}
/* BAGGY PORTロゴ 個別の指定  */
.brand_rank_wrap .tit .baggyport {
margin: 0 20px 0 10px;
top: -30px;
}
/* SEAGULLSHIP個別のスタイル */
.seagullship_wrap .tit .seagullship {
margin: 0 20px 0 10px;
top: -45px;
}
/* ★CLEDRANロゴ 個別の指定 */
.brand_rank_wrap .tit .cledran {
margin: 0 10px 0 10px;
top: -33px;
}
/* ★BAGGY'S ANNEXロゴ 個別の指定 */
.brand_rank_wrap .tit .baggysannex {
margin: 0 10px 0 10px;
top: -50px;
width:350px;
}
/* ★FRAME WORKロゴ 個別の指定 */
.brand_rank_wrap .tit .framework {
margin: 0 20px 0 20px;
top: -50px;
}

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

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

/* 各アイテムの指定、フロート */
.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: 162px;
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: 160px;
height: auto;
}
.brand_rank_wrap .items li:hover .itemimg {
opacity: .8;
}

/*--- 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; }

}

/*=== Welcome人気ランキング ===*/
.welcome_wrap .tit {
margin-left:10px;
}


/*==================================================

PC 商品ページ等 幅720pxのときの指定 ここから

===================================================*/

@media screen and (min-width:720px) and (max-width:949px) {

/* micro clearfix
-----------------------------------------------------*/
.cf:before, .cf:after {
 content: " ";
 display: table;
}
.cf:after {
 clear: both;
}
.cf {
*zoom:1;
}

/* 文字表示 */
.pc720_show { display: inline; }



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

/* 各ブランド共通のラップスタイル（幅720）
----------------------------------------*/
.brand_rank_wrap {
margin-top: 30px;
width: 720px;
height: 505px;
}


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

/*=== タイトル部分 ロゴと人気ランキング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: -35px;
}
/* ★PELLE MORBIDA LCロゴ 個別の指定 */
.brand_rank_wrap .tit .pellemorbida_lc {
margin: 0 10px 0 10px;
top: -37px;
/*width:210px;*/
}
/* ★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 10px 0 10px;
top: -35px;
width:230px;
}
/* SEAGULLSHIP個別のスタイル */
.brand_rank_wrap .tit .seagullship {
margin: 0 10px 0 10px;
top: -45px;
}
/* ★CLEDRANロゴ 個別の指定 */
.brand_rank_wrap .tit .cledran {
margin: 0 10px 0 10px;
top: -33px;
}
/* ★BAGGY'S ANNEXロゴ 個別の指定 */
.brand_rank_wrap .tit .baggysannex {
margin: 0 10px 0 10px;
top: -55px;
width:280px;
}
/* SEAGULLSHIP個別のスタイル */
.brand_rank_wrap .tit .framework {
margin: 0 10px 0 15px;
top: -50px;
}

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

/* 背景内側の白 */
.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 a:link,
.brand_rank_wrap .items li a:visited,
.brand_rank_wrap .items li a:hover,
.brand_rank_wrap .items li a:active {
color:#333333;
}

.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;
}

}


/*==================================================

PC 商品ページ等 幅415px 〜 幅719pxのときの指定 ここから

===================================================*/

/* ランキングのレスポンシブ
--------------------------------*/

@media screen and (min-width:415px) and (max-width:719px) {

a:link, a:visited, a:hover, a:active { text-decoration:none; }


/* micro clearfix
-----------------------------------------------------*/
.cf:before,
.cf:after { display: none; }


/* 文字表示
-----------------------------------------------------*/
.sp_show { display: inline-block; }



/* スタイル
-----------------------------------------------------*/

.brand_rank_wrap {
width:100%;
box-sizing:border-box;
position: relative;
padding: 5vw 0.5vw 0;
margin: 0 auto 0;
}

.brand_rank_wrap .tit {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
width:96%;
align-items: center;
position: absolute;
top:2vw;
left:1vw;
}
.brand_rank_wrap .tit_logo,
.brand_rank_wrap .tit_text {
display: block;
}
.brand_rank_wrap .tit_logo {
width:35%;
height:auto;
}
.brand_rank_wrap .tit_text {
width:60%;
height:auto;
}
.brand_rank_wrap .items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
width:100%;
padding: 9vw .8vw 0 .6vw;
box-sizing: border-box;
}

.brand_rank_wrap .items li a:link,
.brand_rank_wrap .items li a:visited,
.brand_rank_wrap .items li a:hover,
.brand_rank_wrap .items li a:active {
color:#333333;
}

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

/* ★Dakotaロゴ 個別の指定 */
.brand_rank_wrap .tit .dakota {
width:35%;
}
/* ★CORBO.ロゴ 個別の指定 */
.brand_rank_wrap .tit .corbo {
width:35%;
}
/* ★ALBEROロゴ 個別の指定 */
.brand_rank_wrap .tit .albero {
width:35%;
}
/* ★HERGOPOCHロゴ 個別の指定 */
.brand_rank_wrap .tit .hergopoch {
width:35%;
}
/* ★Mondロゴ 個別の指定 */
.brand_rank_wrap .tit .mond {
width:35%;
}
/* ★gentenロゴ 個別の指定 */
.brand_rank_wrap .tit .genten {
width:30%;
}
.genten_wrap .tit_text {
margin-bottom:2.5vw;
margin-right:5vw;
}
/* ★dangentenロゴ 個別の指定 */
.brand_rank_wrap .tit .dangenten {
width:25%;
}
.dangenten_wrap .tit_text {
margin-right:9vw;
}
.dangenten_wrap .items {
margin-top: 1vw;
}

/* ★BEAU DESSIN S.A.ロゴ 個別の指定 */
.brand_rank_wrap .tit .beaudessin {
width:35%;
}
/* ★PELLE MORBIDAロゴ 個別の指定 */
.brand_rank_wrap .tit .pellemorbida {
width:28%;
}
.pellemorbida_wrap .tit_text {
margin-right:5vw;
}
/* ★Dakota BLACK LABELロゴ 個別の指定 */
.brand_rank_wrap .tit .dakotablacklabel {
width:35%;
}
/* Rucca di Luceロゴ 個別の指定 */
.brand_rank_wrap .tit .ruccadiluce {
width:35%;
}
/* ★ヌメロゴ 個別の指定 */
.brand_rank_wrap .tit .natural {
width:35%;
}
/* BAGGY PORTロゴ 個別の指定  */
.brand_rank_wrap .tit .baggyport {
width:35%;
}
/* SEAGULLSHIP個別のスタイル */
.brand_rank_wrap .tit .seagullship {
width:40%;
}
/* ★CLEDRANロゴ 個別の指定 */
.brand_rank_wrap .tit .cledran {
width:24%;
}
.cledran_wrap .tit_text {
margin-right:9vw;
}

/* ★BAGGY'S ANNEXロゴ 個別の指定 */
.brand_rank_wrap .tit .baggysannex {
width:35%;
}
/* FRAME WORK個別のスタイル */
.brand_rank_wrap .tit .framework {
width:35%;
}

.items li {
box-sizing: border-box;
width:32.5%;
background-color: #ffffff;
font-size: 2.5vw;
line-height: 1.5;
text-align: center;
position: relative;
margin-bottom: 2vw;
padding: 1.5vw;
}

.ico {
width:20%;
position: absolute;
left: 1vw;
top:1vw;
z-index:1000;
overflow: auto;
}

.ico_003 {/* 3位ロゴサイズ調節用 */
width:28%;
}

.itemimg {
width:100%;
height:auto;
display: block;
box-sizing: border-box;
border:1px solid #aaaaaa;
margin-bottom: .5vw;
}

/*=== Welcome人気ランキングのみ2位以下を3列に ===*/
.welcome_wrap .items li {
width:32.5%;
}

/*スマホ版1位は領域大きめ */
.items li.big {
width:100%;
text-align: left;
font-size: 2.5vw;
}

/*2位を3位以下と同じ領域大きさに */
.items li.big:nth-child(2) {
width:32.5%;
}

.items li.big:nth-child(2) .ico {
width:28%;
}

.items li.big:nth-child(2) .rank1_img {
width:100%;
display:inline-block;
vertical-align:top;
}
.items li.big:nth-child(2) .sp_show {
display:none;
}
.items li.big:nth-child(2) .rank1_text {
display: block;
text-align: center;
width:100%;
font-size: 2.5vw;
}
/*
.items li.big .rank1_text {
text-align: left;
padding-left:1%;
width:40%;
display:inline-block;
font-size: 3.2vw;
}
*/

/*スマホ版1位は領域大きめ */
.items li.big .ico {
width:15%;
}

.items li.big .rank1_img {
width:45%;
display:inline-block;
vertical-align:top;
}

.items li.big .rank1_img {
width:45%;
display:inline-block;
vertical-align:top;
}

.items li.big .rank1_text {
text-align: left;
padding-left:1%;
width:45%;
display:inline-block;
font-size: 2.5vw;
}

.items li.big .rank1_text strong{
margin-bottom:3vw;
display:inline-block;
}

/*=== Welcome人気ランキング ===*/
.welcome_wrap .tit {
margin-left:10px;
top:-15px;
}
.welcome_wrap .tit .tit_text {
width:100%;
height:auto;
}



}/* @media ここまで */




/*=============================================

スマホの指定 ここから

==============================================*/

/* ランキングのレスポンシブ
--------------------------------*/
@media screen and (max-width:414px) {

a:link, a:visited, a:hover, a:active { text-decoration:none; }


/* micro clearfix
-----------------------------------------------------*/
.cf:before,
.cf:after { display: none; }


/* 文字表示
-----------------------------------------------------*/
.sp_show { display: inline-block; }



/* スタイル
-----------------------------------------------------*/

.brand_rank_wrap {
width:100%;
box-sizing:border-box;
position: relative;
padding: 5vw 0.5vw 0;
margin: 0 auto 0;
}

.brand_rank_wrap .tit {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
width:96%;
align-items: center;
position: absolute;
top:2vw;
left:1vw;
}
.brand_rank_wrap .tit_logo,
.brand_rank_wrap .tit_text {
display: block;
}
.brand_rank_wrap .tit_logo {
width:35%;
height:auto;
}
.brand_rank_wrap .tit_text {
width:60%;
height:auto;
}
.brand_rank_wrap .items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
width:100%;
padding: 9vw .8vw 0 .6vw;
box-sizing: border-box;
}

.brand_rank_wrap .items li a:link,
.brand_rank_wrap .items li a:visited,
.brand_rank_wrap .items li a:hover,
.brand_rank_wrap .items li a:active {
color:#333333;
}

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

/* ★Dakotaロゴ 個別の指定 */
.brand_rank_wrap .tit .dakota {
width:35%;
}
/* ★CORBO.ロゴ 個別の指定 */
.brand_rank_wrap .tit .corbo {
width:35%;
}
/* ★ALBEROロゴ 個別の指定 */
.brand_rank_wrap .tit .albero {
width:35%;
}
/* ★HERGOPOCHロゴ 個別の指定 */
.brand_rank_wrap .tit .hergopoch {
width:35%;
}
/* ★Mondロゴ 個別の指定 */
.brand_rank_wrap .tit .mond {
width:35%;
}
/* ★gentenロゴ 個別の指定 */
.brand_rank_wrap .tit .genten {
width:30%;
}
.genten_wrap .tit_text {
margin-bottom:2.5vw;
margin-right:5vw;
}
/* ★dangentenロゴ 個別の指定 */
.brand_rank_wrap .tit .dangenten {
width:25%;
}
.dangenten_wrap .tit_text {
margin-right:9vw;
}
.dangenten_wrap .items {
margin-top: 1vw;
}

/* ★BEAU DESSIN S.A.ロゴ 個別の指定 */
.brand_rank_wrap .tit .beaudessin {
width:35%;
}
/* ★PELLE MORBIDAロゴ 個別の指定 */
.brand_rank_wrap .tit .pellemorbida {
width:28%;
}
.pellemorbida_wrap .tit_text {
margin-right:5vw;
}
/* ★Dakota BLACK LABELロゴ 個別の指定 */
.brand_rank_wrap .tit .dakotablacklabel {
width:35%;
}
/* Rucca di Luceロゴ 個別の指定 */
.brand_rank_wrap .tit .ruccadiluce {
width:35%;
}
/* ★ヌメロゴ 個別の指定 */
.brand_rank_wrap .tit .natural {
width:35%;
}
/* BAGGY PORTロゴ 個別の指定  */
.brand_rank_wrap .tit .baggyport {
width:35%;
}
/* SEAGULLSHIP個別のスタイル */
.brand_rank_wrap .tit .seagullship {
width:40%;
}
/* ★CLEDRANロゴ 個別の指定 */
.brand_rank_wrap .tit .cledran {
width:24%;
}
.cledran_wrap .tit_text {
margin-right:9vw;
}

/* ★BAGGY'S ANNEXロゴ 個別の指定 */
.brand_rank_wrap .tit .baggysannex {
width:35%;
}
/* FRAME WORK個別のスタイル */
.brand_rank_wrap .tit .framework {
width:35%;
}

.items li {
box-sizing: border-box;
width:49%;
background-color: #ffffff;
font-size: 3vw;
line-height: 1.5;
text-align: center;
position: relative;
margin-bottom: 2vw;
padding: 1.5vw;
}

.ico {
width:20%;
position: absolute;
left: 1vw;
top:1vw;
z-index:1000;
overflow: auto;
}

.ico_003 {/* 3位ロゴサイズ調節用 */
width:28%;
}

.itemimg {
width:100%;
height:auto;
display: block;
box-sizing: border-box;
border:1px solid #aaaaaa;
margin-bottom: .5vw;
}

/*=== Welcome人気ランキングのみ2位以下を3列に ===*/
.welcome_wrap .items li {
width:32.5%;
}

/*スマホ版1位は領域大きめ */
.items li.big {
width:100%;
text-align: left;
}

/*スマホ版1位は領域大きめ */
.items li.big .ico {
width:15%;
}

.items li.big .rank1_img {
width:55%;
display:inline-block;
vertical-align:top;
}

.items li.big .rank1_text {
text-align: left;
padding-left:1%;
width:40%;
display:inline-block;
font-size: 3.2vw;
}

.items li.big .rank1_text strong{
margin-bottom:3vw;
display:inline-block;
}

/*=== Welcome人気ランキング ===*/
.welcome_wrap .tit {
margin-left:10px;
top:-15px;
}
.welcome_wrap .tit .tit_text {
width:100%;
height:auto;
}



}/* @media ここまで */