@charset "utf-8";
/*====================================================================

main.css

====================================================================*/
#main-contents{
   border: none !important;
   background: none !important;
}
.here{
   border-bottom: none;
}
.contents-basic-container{
   margin-top: 0;
   border-top: none;
}
.contents-basic-container.detail{
}
#main .column-container .box-child dt{display: none;}

.list-page-title{
   font-size: 12px;
   font-weight: normal;
   padding: 0 15px 15px;
}

/*--------------------------------------------------------------------
title
--------------------------------------------------------------------*/
.item-list-header .text-title{
   position: relative;
   color: #272727;
   font-weight: normal;
   text-align: center;
   font-size: 25px;
   line-height: 1.2;
   padding-bottom: 16px;
   border-bottom: solid 1px #e7e7e7;
}
.item-list-header .text-title .sub{
   font-size: 10px;
   color: #7a7a7a;
}
.item-list-header .rss{
   position: absolute;
   right: 0;
   top: 8px;
}
.item-list-header .rss a{
   color: #555555;
}

.title-pickup{
   text-align: center;
   font-size: 16px;
   font-weight: normal;
   color: #272727;
   line-height: 1;
   padding: 20px 0;
}
.pickup-item-list .item{
   margin-bottom: 20px;
}

/*--------------------------------------------------------------------
item-list
--------------------------------------------------------------------*/
#item-list-contents{
   margin-top: 20px;
}
.item-list-container{
   width: 801px;
   margin: 0 0 0 0px;
}
.item-list-container:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#main .item-list-header{
   position: relative;
}
#main .item-list-header,
#main .item-list-header h2{
}
#main .item-list-header h2 img{
   display: block;
}
#main .item-list-header p{}


/*list-tab*/
.list-tab ul,
.list-tab ul li,
.list-tab ul li a {
   display: block;
   margin: 0;
   padding: 0;
}

.list-tab {
   width: 100%;
   text-align: center;
   background: #eae4e4;
   /*background: -moz-linear-gradient(top, #fffbfb 0%, #f1bbc5 99%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbfb), color-stop(99%,#f1bbc5));*/
   border-bottom: solid 1px #b1b1b1;
   /*border-top: solid 1px #fff;*/
}

.list-tab ul li,
.list-tab ul li a {
   width: 80px;
}

.list-tab ul li {
   display: inline-block;
   width: 78px;
   border-right: solid 1px #fff;
   border-left: solid 1px #fff;
}

.list-tab ul li a {
   text-align: center;
   font-family: Arial;
   font-size: 16px;
   font-weight: normal;
   color: #3a3a3a;
   text-decoration: none;
   padding: 12px 0;
}

/*.list-tab ul li.tab-anap a{color: #f52498;}
.list-tab ul li.tab-kids a{color: #325ee3;}
.list-tab ul li.tab-girl a{color: #eb90b7;}*/

.list-tab ul li.this {
   position: relative;
   background: #ef487f;
   border-top: solid 1px #ef487f;
   border-left: solid 1px #ef487f;
   border-right: solid 1px #ef487f;
   border-bottom: none;
}

.list-tab ul li.this a {
   color: #fff;
   font-weight: bold;
}

.list-tab ul li.this span {
   display: block;
   position: absolute;
   bottom: -14px;
   left: 0;
   width: 78px;
   height: 10px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../../img/ipn/list-tab-selected-bg.png) no-repeat center top;
   background-size: auto 10px;
   -webkit-background-size: auto 10px;
}
.list-tab {
   margin-top: 25px;
   margin-bottom: -1px;
   background: none;
   border-bottom: solid 1px #eae9ea;
}

.list-tab ul {
   padding: 0 10px;
}

.list-tab ul li {
   width: 24%;
   border: none !important;
   background: none;
}

.list-tab ul li a {
   width: 80%;
   text-align:center;
   font-size: 12px;
   color: #707070;
   border: none;
   margin: auto;
}

.list-tab ul li.this {
   background: none;
}

.list-tab ul li.this a {
   color: #000000;
   background: none !important;
   border-bottom: solid 1px #000 !important;
}

.list-tab ul li.this span {
   display: none;
}


/*list-view-control*/
.list-view-control{
   padding: 10px 5px;
}
.list-view-control:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.list-view-control p{
   font-size: 10px;
   display: inline-block;
   margin-right: 10px;
}
.list-view-control p a{
   color: #1f7974;
}
/*
.list-view-control .list-view-control-menu{
   float: left;
   height: 18px;
   margin: 4px 7px 0 0;
}
.list-view-control .list-view-control-menu dt,
.list-view-control .list-view-control-menu dd{
   display: block;
   float: left;
   height: 18px;
   line-height: 18px;
   font-size: 10px;
   border-right: solid 1px #ededed;
}
.list-view-control .list-view-control-menu dt{
   padding: 0 7px 0;
}
.list-view-control .list-view-control-menu dd{
   background: url(../img/common/list/pager-bg2.gif) repeat-x left top;
   padding: 0 0;
   margin-top: 0px;

}
.list-view-control .list-view-control-menu:first-child{

}
.list-view-control .list-view-control-menu dd a,
.list-view-control .list-view-control-menu dd span{
   display: block;
   height: 18px;
   color: #404040;
   padding: 0 5px;
   text-decoration: none;
}
.list-view-control .list-view-control-menu dd span{
   background: url(../img/common/list/pager-bg-selected.gif) repeat-x left top;
}
.list-view-control dl#lvcm1{
   margin-left: 3px;
}
.list-view-control dl#lvcm2,
.list-view-control dl#lvcm3{
   border-left: solid 1px #bfbfbf;
}
*/

/*pager*/
.pager{
   position: relative;
   padding: 10px 0;
   overflow: hidden;
   border-top: solid 1px #e7e7e7;
}
.pager ul{
   display: block;
}
.pager ul{
   margin: 0;
   padding: 0;
}
.pager ul:after{

}
.pager ul li{
   display: inline-block;
   font-size: 10px;
}
.pager ul li:first-child{
}
.pager ul li a,
.pager ul li strong,
.pager ul li span{
   display: block;
   color: #505050;
   font-size: 12px;
   line-height: 1;
   padding: 3px 5px;
   text-decoration: none;
}
.pager ul li strong{
   color: #000;
   border: solid 1px #ababab;
}

.pager .list-view-control-menu{
   float: left;
   height: 18px;
   margin: 4px 7px 0 0;
}
.pager .list-view-control-menu dt,
.pager .list-view-control-menu dd{
   display: block;
   float: left;
   height: 18px;
   line-height: 18px;
   font-size: 10px;
   border-right: solid 1px #ededed;
}
.pager .list-view-control-menu dt{
   padding: 0 7px 0;
}
.pager .list-view-control-menu dd{
   background: url(../img/common/list/pager-bg2.gif) repeat-x left top;
   padding: 0 0;
   margin-top: 0px;

}

.pager p{
   position: absolute;
   right: 0;
   top: 0;
   color: #877f83;
   font-size: 10px;
   text-align: right;
   padding: 13px 0 0 0;
   margin: 0;
}

.pager p strong{
   font-weight: normal;
}
.pager.bottom{margin-top: 0;}

/*thumbnail*/
.item-list-container dl.box-child{
   width: 801px !important;
   background: url(../img/common/list/border.gif) no-repeat bottom;
   padding-bottom: 5px;
}
.item-list-container dl dd{
   position: relative;
   width: 160px!important;
   margin-right: 0!important;
}
.item-list-container dl dd:first-child{
   margin-left: 3px;
}
.item-detail{
   text-align: left;
}

.item-list-container dl dd div.thumb{
   width: 141px;
   height: 165px;
   background: url(../img/common/thumbs/bg.gif) no-repeat;
   text-align: center;
   margin: 9px 0 0 10px;
}
.item-list-container dl dd div.thumb img{
   width: 141px;
   height: auto;
}
.item-list-container dl dd div.thumb img.old{
   margin-top: 27px;
   width: 90px;
   border: solid 1px #ddd;
}

.item-properties1,
.item-properties1 li,
.item-properties2,
.item-properties2 li{
   display: block;
   margin: 0;
   padding: 0;
}
.item-properties1 li,
.item-properties2 li{
   zoom:1;
   height: 15px;
   line-height: 1;
   overflow: hidden;
}

.item-properties1,
.item-properties2{
   position: absolute;
   left: 10px;
   text-align: left;
}

.item-properties1{
   top: 9px;
   width: 141px;
}
.item-properties1 li{
   float: left;
   width: 47px;
}
.item-properties2{
   /*top: 159px;*/
   bottom: 33px;
}
.item-properties2 li{
   float: left;
   width: 141px;
   list-style-position:outside;
   margin: 0!important;
}
.item-properties2.dual{
   /*top: 144px!important;*/
}

ul.item-btns{
   clear: both;
   display: block;
   float: left;
   /*width: 20px;*/
   width: 37px;
   height: 24px;
   background:  url(../img/common/list/item-btns-bg1.gif) no-repeat 1px top;
   margin: 9px 0 0;
   padding: 0;
}
ul.item-btns.type1{
   background:  url(../img/common/list/item-btns-bg1.gif) no-repeat 1px top;
}
ul.item-btns.type2{
   background:  url(../img/common/list/item-btns-bg2.gif) no-repeat 1px top;
}

ul.item-btns:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
ul.item-btns li,
ul.item-btns li a{
   display: block;
   width: 17px;
   height: 23px;
}
ul.item-btns li{
   float: left;
   margin: 0 1px 0 0;
   padding: 0;
   list-style: none;
   text-indent: -9999px;
   overflow: hidden;
   cursor: pointer;
}
ul.item-btns li a{
   text-indent: -9999px;
   overflow: hidden;
}

div.price{
   float: right;
   width: 123px;
   /*width: 140px;*/
   height: 24px;
   background: url(../img/common/list/item-price-bg.gif) repeat-x;
   margin: 9px 0 0!important;
   padding: 0!important;
   overflow: hidden;
}
div.price p{
   text-align: right;
   padding: 3px 2px 3px 1px;
}
div.price p span.default_price{
   font-weight: bold;
   color: #0c5d6e;
}
div.price p span.default_price.sale{
   font-size: 10px;
   font-weight: normal;
   text-decoration: line-through;
   color: #868686;
}
div.price p span.sale_price{
   font-weight: bold;
   color: #fa2d54;
}
.list-send-request{

}



#item-notice{
   margin-top: 40px;
   margin-bottom: 40px;
}
#item-notice ul li{
   font-size: 10px;
   color: #877f83;
}



.list_item dd{
   display: block;
   border-bottom: solid 1px #dedede;
}
.detail table td{
   padding: 0px;
}
.detail div.thumb{
   width: 141px;
   height: 165px;
   background: url(/img/common/thumbs/bg.gif) no-repeat;
   text-align: center;
   margin: 9px 9px 9px 10px;
}
.detail div.thumb img.old{
   display: inline;
   margin-top: 27px;
   border: solid 1px #ddd;
}

.detail td{vertical-align: top;}
.detail td.border-right{
   border-right: solid 1px #dedede;
}
div.item_name{
   border-bottom: solid 1px #dedede;
   padding: 15px;
}
div.item_price{
   padding: 10px 15px;
   font-size: 16px;
   font-weight: bold;
   color: #000000;
}
p.comment{
   padding: 0 15px 15px;
   font-size: 12px;
   color: #666;
}
div.icons{padding: 0 15px 10px;}
div.tags{
   border-top: dotted 1px #ddd;
   padding: 7px 15px;
   font-size: 10px;
}


/*
----------------------------------------------------*/
.auto-width-item-list-container{
   text-align: center;
}
.auto-width-item-list-container .item{
   text-align: left;
}
.auto-width-item-list-container .item .thumb,
.auto-width-item-list-container .item .thumb img{
   width: 100%;
   height: auto;
}

.auto-width-item-list-container.item-count-1 .item{width: 50%;}
.auto-width-item-list-container.item-count-2 .item{width: 47%;}
.auto-width-item-list-container.item-count-3 .item{width: 31%;}
.auto-width-item-list-container.item-count-4 .item{width: 22%;}

.auto-width-item-list-container.item-count-3{
   text-align: left;
}
.auto-width-item-list-container.item-count-3 .item:nth-child(5n) {
   margin-right: 14px;
}

/* List Cart
----------------------------------------------------*/
#list-cart-container{
   z-index: 1200;
   position: absolute;
   left: 0;
   top: 0;
   /*
   width: 320px;
   height: 212px;
   */
   width: 320px!important;
   height: auto!important;
   display: none;

   background: url(../img/common/list/item-list-container-bg.png)!important;
   border: none!important;
   padding: 5px 0;

   font-size: 9pt;
   overflow: visible!important;
}
#list-cart-container .close-btn{
   position: absolute;
   right: -14px;
   top: -14px;
   width: 35px;
   height: 35px;
   background: url(../img/common/list/close-btn.png) no-repeat;
   cursor: pointer;
}

#list-cart-container div.item-cart-only-container {
   width: 310px;
   margin-left: 5px;
}

#list-cart-container div.list-cart-item-name {
   background-color: #fec0da;
   color: #d72166;
   padding: 5px;
   font-weight: bold;
}
#list-cart-container table.item-cart-only {
   border-collapse: collapse;
   border-width: 1px 1px 0 0;
   border-style: solid;
   border-color: #fe78b1;
   width: 100%;
   font-size: 8pt;
   background: #fff
}
#list-cart-container table.item-cart-only th {
   border-width: 0 0 1px 1px;
   border-style: solid;
   border-color: #fe78b1;
   text-align: center;
}
#list-cart-container table.item-cart-only td {
   border-width: 0 0 1px 1px;
   border-style: solid;
   border-color: #fe78b1;
   text-align: center;
}
#list-cart-container table.item-cart-only td input {
   font-size: 8pt;
}
#list-cart-container table.item-cart-only td input{
   display: block;
   width: 103px;
   height: 28px;
   border: none;
   text-indent: -9999px;
   overflow: hidden;
}
#list-cart-container table.item-cart-only td input.request{
   background: url(../img/common/list/send-request.gif) no-repeat;
}
#list-cart-container table.item-cart-only td input.mail{
   background: url(../img/common/list/send-mail.gif) no-repeat;
}
#list-cart-container table.item-cart-only td input.cart{
   background: url(../img/common/list/send-cart.gif) no-repeat;
}

/* List magazine
----------------------------------------------------*/
.magazine-list {overflow: hidden;width:801px;margin-bottom:5px;}
.magazine-list dt {display: none;}
.magazine-list dd {
   width:132px;
   height:31px;
   float:left;
   text-align: center;
   border-left: 1px solid #cccccc;
   border-top: 1px solid #cccccc;
   font-weight: bold;
   font-size:1.05em;
}
.magazine-list dd a{
   width:130px;
   height:29px;
   display: block;
   float:left;
   line-height:31px;
   text-align: center;
   background: #FDF4B9;
   /* background: url(/img/common/bg-magazinenavi.png); */
   text-decoration: none;
   border:1px solid #ffffff;
   color:#620100;
}

.magazine-list dd a:hover{
   color:#FF53B7;
   text-decoration: none;
   background: #fefefe;
   /* background: url(/img/common/bg-magazinenavi-on.png); */
   border:1px solid #fefefe;
}

.magazine-list dd.rb{border-right: 1px solid #cccccc; width:132px;}
.magazine-list dd.bb{border-bottom: 1px solid #cccccc;}
.maglist{
   padding:3px;
}

.ttl-magazinelist{
   width:796px;
   margin-left:3px;
   height:18px;
   line-height:18px;
   padding:1px;
   text-indent: -10000px;
   border: 1px solid #cccccc;
}

#magtitle{background: url(/img/list/magtitle.png) top left no-repeat #FC58B1;}
#listtitle{background: url(/img/list/listtitle.png) top left no-repeat #FC58B1;}


/*list-control-btn*/
.list-control-btn{
   height: 50px;
   margin-top: 20px;
   background: #242424;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
}
.list-control-btn ul,
.list-control-btn ul li,
.list-control-btn ul li a,
.list-control-btn ul li a i{
   display: block;
   height: 50px;
   line-height: 50px;
   text-align: center;
   color: #fff;
   margin: 0;
   padding: 0;
}
.list-control-btn ul{
   position: relative;
   padding-left: 0px;
}
.list-control-btn li{
   position: absolute;
   top: 0;
   background: #242424;
}
.list-control-btn li a{
   text-decoration: none;
}

.list-control-btn li.list-control-btn-prev{width: 50px;left: 0; font-size: 30px; border-right: solid 1px #6f6f6f;}
.list-control-btn li.list-control-btn-next{width: 50px;right: 0px; font-size: 30px; border-left: solid 1px #6f6f6f;}
.list-control-btn li.list-control-btn-more{width: 680px;left: 51px; font-size: 16px;}
.list-control-btn li.list-control-btn-more .fa{
   position: absolute;
   left: 0;
   top: 30px;
   width: 100%;
}

.list-control-btn li.list-control-btn-loading{
   width: 680px;
   left: 51px;
   overflow: hidden;
}

.list-control-btn li.list-control-btn-more{
   cursor: pointer;
}



/*---------------------------------------
絞り込み検索
---------------------------------------*/
.refine-search{
   margin-top: 30px;
}
.refine-search .refine-search-title{
   overflow: hidden;
   cursor: pointer;
}
.refine-search .refine-search-title h3{
   font-size: 14px;
   font-weight: normal;
}

.refine-search .refine-search-body{
   height: 0px;
   overflow: hidden;
   padding: 0;
}
.refine-search .refine-search-body .btn{
   padding: 10px 0 0;
   margin-top: 10px;
   border-top: dotted 1px #dedede;
}
.refine-search .refine-search-body .btn input{
   background: none;
   margin: auto;
}
.refine-search .refine-search-body table{
   width: 100%;
   border-collapse:separate;
   border-spacing:0px;
}
.refine-search .refine-search-body table th,
.refine-search .refine-search-body table td{
   font-size: 12px;
   padding: 10px 2px 0;
}
.refine-search .refine-search-body table th{
   text-align: right;
}
.refine-search .refine-search-body table td{
   text-align: left;
}
.refine-search .refine-search-body .refine-search-table1 th,
.refine-search .refine-search-body .refine-search-table1 td{
   padding-bottom: 0;
}

.refine-search .select_opt1,
.refine-search .select_opt2{
   width: 120px;
   visibility: hidden;
}


/*---------------------------------------
not found
---------------------------------------*/
.not-found .column-header{
   border-top: solid 1px #dedede;
   margin-top: 2px;
}
.not-found h3{
   background: none repeat scroll 0 0 #F8F7EE;
   color: #5F1378!important;
   font-size: 18px;
   font-weight: bold;
   padding: 10px;
}
.not-found .list-view-control{
   margin-top: 2px;
}


/*---------------------------------------
category-list-title-header
---------------------------------------*/
.category-list-title-header{
   height: 170px;
   background-repeat: no-repeat;
   background-position: center center;
}
.category-list-title-header h2{
   height: 130px;
   visibility: hidden;
}
.category-list-title-header .sns-btns{
   border: none;
   text-align: center;
   margin: 0 0 0 0;
   padding: 0;
}
.category-list-title-header .sns-btns li{
   float: none;
   display: inline-block;
   *display: inline;
   *zoom: 1;
}


/*---------------------------------------
ltsale-header
---------------------------------------*/
.ltsale-header table{
   width: 100%;
   border-top: solid 1px #dedede;
}
.ltsale-header table th,
.ltsale-header table td{
   padding: 15px 10px 10px;
}
.ltsale-header .sub-title{
   font-size: 16px;
   font-weight: bold;
   padding: 3px 5px;
}
.ltsale-header .navi{
   border: none!important;
}
.ltsale-header .btn li{
   border: none!important;
}
.ltsale-header .btn li a{
   padding: 0 6px 0!important;
   border: none;
}
.ltsale-header .btn li a:hover{
   background: none!important;
}
.ltsale-header .btn li a img{
   width: 55px;
   height: 55px;
}
.ltsale-header .btn li a:hover img{
   opacity:0.8;
   filter: alpha(opacity=80);
}


/*---------------------------------------
simple_c
---------------------------------------*/
.simple_c .thumb{
   height: 189px!important;
}
.simple_c .brand-logo{
   clear: both;
   display: block;
   float: left;
   /*width: 20px;*/
   width: 37px;
   height: 24px;
   background:  url(../img/common/list/item-price-bg.gif) no-repeat 1px top;
   margin: 9px 0 0;
   padding: 0;
   overflow: hidden;
   zoom: 1;
}
.simple_c .brand-logo img{
   display: block;
   width: 30px;
   height: auto;
   margin: 4px auto 0;
}



.btns.list-foot{
   text-align: center;
   padding: 20px;
}
.btns.list-foot .btn{
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   width: 40%;
   font-size: 15px;
   padding: 10px 0px;
   line-height: 1.4;
}
.btns.list-foot .btn:hover{
   opacity:0.8;
   filter: alpha(opacity=80);
}