.froat_saifu{
display: flex;
}
.saifu_main img{
margin: 0;
padding: 0;
vertical-align: bottom;
}


.list-product {
width: 90%;
margin: 0 auto;
}

.list-name {
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 150px;
}

.newproduct .list-name a {
color: #444;
font-size: 13px;
}

.list-waribiki {
font-size: 11px;
color: #fff;
background: #e73647;
width: 60px;
text-align: center;
padding: 1px 0;
float: left;
margin: 3px 0 0;
letter-spacing: 1px;
}

.list-waribiki {
/*color: #e73647;
background: #fff;*/
}

.list-price {
font-size: 16px;
color: #444;
float: right;
margin-right: 0;
}

.list-price-sale {
color: #e73647;
}

.list-price__tax {
font-size: 10px;
color: #666;
margin-left: 3px;
}

.list-price-sale .list-price__tax {
color: #e73647;
}

.list-soldout {
color: #555;
font-weight: bold;
text-align: right;
font-size: 14px;
}

.list-exp {
clear: both;
padding: 2px 0 0;
font-size: 13px;
color: #555;
}
/*--------------------------------------------------
  レディースへの導線
--------------------------------------------------*/

.l-link{
    text-align:right;
    margin:0 0 10px;
    letter-spacing:1px;
  }
  .l-link a{
    display:inline-block;
    color:#fff;
    text-align:center;
    padding:7px 15px;
    background:#e94c69;
    border-radius:3px;
    text-decoration:none;
    transition:.3s ease all;
  }
  .l-link a:hover{
    opacity:.7;
  }
  .l-link .fa{
    margin-left:5px;
  }

/*--------------------------------------------------
  オススメのアイテム
--------------------------------------------------*/
  .pick-wrap{
    padding:15px;
    background:#f5f5f5;
    overflow:hidden;
  }
  .pick-title{
    text-align:left;
    font-size:24px;
    padding: 15px 15px 0;
    margin:0;
    color:#555;
    letter-spacing: 2px;
    background:#f5f5f5;
    font-weight:normal;
    line-height:1;
  }

  .pick-title span{
    margin-left:20px;
    font-size:18px;
  }

  .pick-product{
    width: 164px;
      background: #fff;
    float: left;
    margin: 0 5px 10px 0;
  }
  .pick-product:hover{
    opacity:.7;
  }
  .pick-product:nth-of-type(4n){
    margin-right:0;
  }
  .pick-product a{
    color:#444;
    text-decoration:none;
  }
  .pick-product img{
    width: 100%;
  }
  .pick-name {
    width:90%;
      font-size: 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 150px;
      margin:0;
      padding:0;
  }
  .pick-price {
    width:90%;
      font-size: 16px;
      text-align: right;
      margin:0;
      padding:0;
  }
  .pick-price__tax {
    font-size: 10px;
    color: #666;
    margin-left: 3px;
  }

/*--------------------------------------------------
  product-list
--------------------------------------------------*/

.product_header{
}

.item_sort {
border-bottom: 1px solid #e9e9e9;
height: 38px;
margin: 0 0 20px;
/* overflow: hidden; */
position: relative;
}

/* firefox hack */
@-moz-document url-prefix() {
  .item_sort {
    height: 35px;
  }
}

.item_sort ul {
position: absolute;
right: 5px;
top: 0;
}

.item_sort ul li {
float: right;
padding: 7px 0;
text-align: center;
width: 100px;
font-size:16px;
}

.item_sort ul li a{
text-decoration:none;
color:#4169e1;
display:block;
transition:0.3s ease all;
}

.item_sort ul li a:hover{
text-decoration:underline;
}

.item_sort_n, .item_sort_p {
background: none repeat scroll 0 0 #fff;
border-left: 1px solid #ccc;
border-radius: 2px 2px 0 0;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
z-index: 9999;
}

h1.item_itiran_name {
clear: both;
color: #444;
font-size: 22px;
margin-bottom: 10px;
margin-top: 15px;
padding: 0;
}

.m-title{
font-weight:bold;
font-size:1.5em;
color:#fff;
background-color:#000;
padding:5px 0 5px 20px;
margin-bottom:15px;
}


p.price{
color:#666;
font-weight:bold;
text-align:right;
margin:0 5px 0 0;
}

p.sub-ca{
font-size:1.2em;
font-weight:bold;
margin:5px 0;
}

.sub-category{
margin: 15px auto 10px;
 }

.sub-catitle {
  float: left;
    margin: 0 10px 10px 0;
    font-size:12px;
}

.sub-catitle a {
   color: #444;
    background: #f1f1f1;
    text-align: center;
    display: block;
    padding: 5px 7px;
    border-radius: 3px;
    text-decoration: none;
 }

.sub-catitle a:hover {
text-decoration:underline;
}



/*--------------------------------------------------
  レディースリンク
--------------------------------------------------*/

.ladys_link{
text-align:center;
margin:0 0 15px;
font-size:14px;
line-height:1.5;
}

.ladys_link a{
display:block;
padding:10px;
border:1px solid #e1e1e1;
color:#4169e1;
text-decoration:none;
border-radius:2px;
}

.ladys_link a:hover{
transition:0.5s all ease;
border:1px solid #ff69b4;
}

.ladys_link a span{
font-weight:bold;
color:#ff69b4;
}

.ladys_link a:hover span{
}

/*--------------------------------------------------
  サブグループカテゴリー
--------------------------------------------------*/

.sub-group_inner{
    float: left;
    margin: 0 10px 10px 0;
    font-size:12px;
}


.sub-group_inner a {
    color: #444;
    background: #f1f1f1;
    text-align: center;
    display: block;
    padding: 5px 7px;
    border-radius: 3px;
    text-decoration: none;
}

.sub-group_inner a:hover{
text-decoration:underline;
}

/*----------------------------------------------------
カテゴリ詳細コンテンツ
----------------------------------------------------*/

.cat {
  padding: 10px 0 4px;
  overflow:hidden;
}
.cat-lists {
  text-align: center;
}
.cat-item {
  width: 32%;
  margin: 0 0 8px;
  padding: 0;
  float:left;
}
.cat-item:nth-of-type(3n-1){
  margin-right:2%;
  margin-left:2%;
}
.cat-item__link {
    display: block;
    text-align: left;
    color: #000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #ccc;
    padding: 3px;
    position: relative;
    text-decoration:none;
}

.cat-item__link:before{
  content:"";
  width:10px;
  height:10px;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  position: absolute;
  top:19px;
  right:8px;
}
.cat-item__thumb {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 40px;
  height:40px;
  line-height: 0;
  margin-right:10px;
}
.cat-item__thumb img{
  width:100%;
}
.cat-item__thumb .fa {
    font-size: 27px;
    color: #444;
    padding: 6px 0 0 5px;
}
.cat-item__name {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  line-height: 100%;
  letter-spacing: 0;
}
.cat-item__name--large {
    font-size: 16px;
    line-height: 1;
    padding-top: 0;
}
.cat-item__name--small {
  font-size: 14px;
}

.cat-item__name--large--space{
}

.cat-item__name--small--space{
}

.cat-item__crest{
  overflow:hidden;
  text-align:center;
  font-size:12px;
  font-weight:bold;
}

.cat-item__crest__list{
  width:49%;
    float:left;
    margin:0;
    padding-top:15px;
}

.cat-item__crest__list:first-child{
  margin-right:2%;
}

.cat-item__crest a{
    display: block;
    padding: 14px 0;
    margin: 0 0 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    color: #000;
    text-decoration: none;
    position:relative;
}

.cat-item__crest a:hover{
}

.cat-item__crest a:before{
  content:"";
  width:10px;
  height:10px;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  position: absolute;
  top:18px;
  right:8px;
}


/*----------------------------------------------------

----------------------------------------------------*/

p.sub_info_txt{
font-size: 1.2em;
font-weight: bold;
margin: 5px 0;
}

ul.sub_info li{
float:left;
width:330px;
font-size:12px;
font-weight:bold;
text-align:center;
margin:0 10px 10px 0;
}

ul.sub_info li a{
padding:5px 0;
width:330px;
display:block;
border:1px solid #cccccc;
text-decoration:none;
color:#323232;
}

ul.sub_info li a:hover{
text-decoration:underline;
color:blue;
}

/*--------------------------------------------------
  サムネイル設定
--------------------------------------------------*/

p.category-item-name{
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 170px;
}

p.category-item-exp{
font-size: 12px;
text-align:right;
color:#555555;
margin:0 5px 0 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.newproduct-inner{
width:165px;
height:165px;
display:table-cell;
vertical-align:middle;
text-align:center;
background-color:#ffffff;
}

.newproduct{
transition:0.3s ease all;
}

.newproduct:hover{
box-shadow:0 0 3px #999;
}



/*--------------------------------------------------
  pager
--------------------------------------------------*/


ul.page {
  text-align: left;
  margin: 10px auto;
  clear: both;
}
ul.page li {
  list-style-type:none;
  list-style-image:none;
  margin: 0px;
  padding: 0px;
  font: 10px Verdana, Geneva, sans-serif;
  display: inline;
        font-weight: bold;
}

ul.page li:first-child{
display:none;
}

ul.page li a, 
ul.page li span {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: 0 0 5px;
    padding:0;
    text-align: center;
    text-decoration: none;
    width: 35px;
}
ul.page li a {
  border: 1px solid #6495ed;
  color: #6495ed;
}
ul.page li a:hover {
  border: 1px solid #6495ed;
  background: #FCFCFC;
  color: #6495ed;
        text-decoration:underline;
}
ul.page li span{
  border: 1px solid #cccccc;
  background: #FFFFFF;
  font-weight: bold;
  color: #cccccc;
}

/*--------------------------------------------------
  カテゴリーピックアップ
--------------------------------------------------*/

.cat_pickup_banner{
margin:0 0 0;
padding:10px 0 0;
clear:both;
}

.cat_pickup_banner li{
float:left;
width:32%;
margin:0;
}

.cat_pickup_banner li:nth-of-type(2){
margin:0 2%;
}

.cat_pickup_banner li:hover{
box-shadow:0 0 5px #bbb;
}

.cat_pickup_banner li:last-child{
margin:0;
}

.cat_pickup_banner li img{
box-shadow:0 0 1px #bbb;
-webkit-box-shadow:0 0 1px #bbb;
-moz-box-shadow:0 0 1px #bbb;
-ms-box-shadow:0 0 1px #bbb;
width:100%;
vertical-align:bottom;
}

/*--------------------------------------------------
  各カテゴリーイメージ下のテキスト
--------------------------------------------------*/

.category-txt_first{
padding:15px 0;
margin:0;
color:#444;
}

.category-txt_first h2{
font-size:14px;
font-weight:bold;
margin:0 0 7px;
  letter-spacing:1px;
}
.category-txt_first p{
font-size:13px;
line-height:1.8;
}

/*--------------------------------------------------
  各カテゴリーイメージ下のテキスト
--------------------------------------------------*/

#category_text{
padding:5px 0;
width:670px;
margin:0;
}

#category_text p{
line-height:1.5;
font-size:14px;
}

/*-------------------------------------------------------
  カテゴリーフリースペースのパンクズリスト
-------------------------------------------------------*/

ul.category-pankuzu{
margin:20px 0 20px 0;
padding:0;
overflow:hidden;
}

ul.category-pankuzu li{
float:left;
margin:0 5px 10px 0;
}

ul.category-pankuzu li a{
    padding: 5px 10px;
    color: #333;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    border-radius: 3px;
    background: #f5f5f5;
}

ul.category-pankuzu li a:hover{
color:#333;
text-decoration:none;
}

/*-------------------------------------------------------
  ストールカテゴリーのフリースペース
-------------------------------------------------------*/

table.stole_category p{
margin-bottom:10px;
}

/*-------------------------------------------------------
  その他カテゴリーのフリースペース
-------------------------------------------------------*/


ul.category_img li{
float:left;
margin-right:8px;
}
ul.category_img img{
border:1px solid #cccccc;
}

p.category_code_text{
font-size:16px;
border-bottom:1px solid #cccccc;
padding-bottom:5px;
margin-bottom:8px;
margin-top:10px;
}

/* ------------------------------------- 
 *  アイテムガイド
 * ------------------------------------- */

#item_guide{
border:5px solid #f1f1f1;
padding:10px;
margin-bottom:20px;
clear:both;
}

#item_guide h2{
font-size:14px;
color:#444444;
}
#item_guide p{
font-size:12px;
color:#666666;
text-align:justify;
}

/* ------------------------------------- 
 *  サイズ別アイテム
 * ------------------------------------- */


p.slideBox-txt{
color:#ffffff;
cursor: pointer;
padding: 5px;
text-align:center;
width:230px;
border:1px solid #323232;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px; 
background: #888888; /* Old browsers */
background: -moz-linear-gradient(top, #888888 0%, #323232 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#323232)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 0%,#323232 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 0%,#323232 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #888888 0%,#323232 100%); /* IE10+ */
background: linear-gradient(to bottom, #888888 0%,#323232 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#323232',GradientType=0 ); /* IE6-9 */margin-bottom:3px;
}


#slideBox{
width:678px;
padding: 0px;
border: 1px #ccc solid;
display:none;
margin:0;
overflow:hidden;
}


#slideBox li a{
text-decoration: none; 
color:#444444;
}

#slideBox li a:hover{
text-decoration: underline; 
color:blue;
}

ul.slideBox_ul{
margin:0;
padding:5px 15px 10px 15px;
}

ul.slideBox_ul li{
list-style-type:none;
width:210px;
float:left;
margin:0 0 5px 0;
font-size:12px;
}

ul.slideBox_ul li.slideBox-title{
width:650px;
border-bottom:1px dotted #cccccc;
margin-top:7px;
margin-bottom:2px;
padding-bottom:2px;
font-size:12px;
color:#ff8c00;
font-weight:bold;
}

/*-------------------------------------------------------
     フリースペース
-------------------------------------------------------*/

.category_text{
padding:5px;
width:692px;
margin:10px 0;
}

.category_text h2 {
    border-left: 5px solid #666666;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0 0 0 10px;
    color:#666666
}

.category_text p{
font-size:12px;
line-height:1.6;
color:#666666;
padding:5px;
margin-bottom: 5px;
}


.cg_freespace_01 img{
}


.cg_freespace_02{
margin-top: 30px;
}

.cg_freespace_02 > h2{
margin-bottom: 5px;
font-size: 16px;
color: #666666;
width: 690px;
}

.cg_freespace_02 > p{
color: #666666;
float: right;
font-size: 12px;
line-height: 1.4;
padding: 0 20px 10px 0;
width: 470px;
}

.cg_freespace_02 > img{
float:left;
margin-right:10px;
}

.cg_freespace_02 > p.category-code-link{
    background: linear-gradient(to bottom, #7DB9E8 0%, #205EA0 96%) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    font-size: 11px;
    height: 30px;
    text-align: center;
    width: 250px;
    margin: 0 20px 20px 0;
    padding:0;
}

.cg_freespace_02 > p.category-code-link a{
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    width: 250px;
}


/*---------------------------------------
        コンテンツへのリンク
---------------------------------------*/


div.addContent {
  width: 100%;
        padding:10px;
        box-shadow:0 0 30px #f9f9f9 inset;
        border:1px solid #f1f1f1;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
  }
  
img.topImage {
    max-width: 100%;
                transition:0.3s ease all;
  }

img.topImage:hover{
    max-width: 100%;
                box-shadow:0 0 5px #ccc;
  }

div.topImage {
    width: 50%;
  }

div.topText {
    width: 50%;
    float: right;
    font-size: 14px;
    line-height: 1.6;
                color:#444;
                text-align:justify;
    }

h2.contentTitle {
    padding: 0;
                margin:0 0 5px;
    font-size: 18px;  
                text-align:center;
  }

h2.contentTitle a {
    color: #4169e1;
                text-decoration:none;
  }

h2.contentTitle a:hover {
                text-decoration:underline;
  }

h2.contentTitle a:visited {
    color: #4169e1
  }

p.contentText {
    font-size: 14px;
    padding-left: 20px;
  }

/*コンテンツタイトル2行用*/
h2.contentTitle2 {
    padding-left: 20px;
    font-size: 14pt;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px; 
  }

h2.contentTitle2 a {
    color: #4169e1;
                text-decoration:none;
  }

h2.contentTitle2 a:hover {
                text-decoration:underline;
  }

h2.contentTitle2 a:visited {
    color: #4169e1
  }

  span.contentSubtitle {
    font-size: 14px;
  }
/*---------------------------------------
  ランキングパート２
---------------------------------------*/

  .cat_rank {
    width: 100%;
    overflow: hidden;
    background: #000;
  }
  .cat_rank img {
    vertical-align: bottom;
  }

  .cat_rank_img {
    width: 100%;
    margin: 0 0 7px;
  }

  .cat_rank_day {
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 0 0 7px;
  }

  .cat_rank_list {
    overflow: hidden;
    padding: 0 15px 10px;
    margin: 0;
    list-style: none;
  }
  .cat_rank_list li {
    width: 23.5%;
    float: left;
    margin: 0 2% 0 0;
  }
  .cat_rank_list li:last-child {
    margin-right: 0;
  }
  .cat_rank_list li a {
    display: block;
    text-decoration: none;
  }
  .cat_rank_list li img {
    width: 100%;
    margin: 0 0 5px;
  }
  .cat_rank_list li p {
    color: #fff;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    padding: 0;
    text-align: right;
  }
  .cat_rank_list li p:after {
    content: "(税込)";
    font-size: 10px;
    margin: 0 0 0 2px;
  }
  .cat_rank_list li div {
    width: 100%;
    height: 30px;
    margin: 0 0 5px;
  }
  .cat_rank_list li:nth-of-type(1) div {
    background: url(https://wx13.wadax.ne.jp/~bbl-item-com/bbl-images01/cat-rank-1.png) no-repeat center 5px #3b3b3b;
    background-size: 40px;
  }
  .cat_rank_list li:nth-of-type(2) div {
    background: url(https://wx13.wadax.ne.jp/~bbl-item-com/bbl-images01/cat-rank-2.png) no-repeat center 5px #3b3b3b;
    background-size: 50px;
  }
  .cat_rank_list li:nth-of-type(3) div {
    background: url(https://wx13.wadax.ne.jp/~bbl-item-com/bbl-images01/cat-rank-3.png) no-repeat center 5px #3b3b3b;
    background-size: 50px;
  }
  .cat_rank_list li:nth-of-type(4) div {
    background: url(https://wx13.wadax.ne.jp/~bbl-item-com/bbl-images01/cat-rank-4.png) no-repeat center 5px #3b3b3b;
    background-size: 50px;
  }

.link_event{
font-size:16px;
 margin:15px 0;
  text-align:right;
  color:#4169e1;
  text-decoration:none;
  display:block;
}

.link_event i{
margin-left:7px;
}

.link_event:hover{
text-decoration:underline;
}