/** Shopify CDN: Minification failed

Line 9:9 "UTF-8" will be used instead of unsupported charset "euc-jp"
Line 118:1 Expected identifier but found "*"
Line 120:1 Expected identifier but found "*"
Line 2649:4 Unexpected "*"

**/
@charset "euc-jp";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
/*====================================================================

main.css

======================================================================
-Init
-Container
-Header
   -header上段
   -header下段
   -brand-header
-Side-tab
   -BRAND/CATEGORY
   -ALLBRANDS
   -BRAND INDEX
   -PRICE CATEGORY
   -CAMPAIGN
-Main
   -サイドなし
   -右サイドあり
   -両サイドあり
   -パンくず
   -各カラムパターン
   -アイテムのリスト表示
-Footer
-Others

====================================================================*/
/*--------------------------------------------------------------------
Init
--------------------------------------------------------------------*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, form {
   margin: 0; padding: 0;
}

html{
   /*background-image: url(../img/common/bg_anap_01.gif);
   background-position: top left;*/
}

img {
   border: 0;
}

p {
   margin: 0;
   padding-top: 5px;
   padding-bottom: 5px;
}

body {
   font-size: 10pt;
   font-family: 'メイリオ', Verdana;
   /*line-height: 120%;*/
   color: #404040;
   _margin-left: 1px;
}


body.no_sidebar #main,
body.sidebar-none #main{

}

body.no_sidebar_right #main,
body.sidebar-left #main{

}

body.no_sidebar_left #main,
body.sidebar-right #main{

}


table {
   font-size: 10pt;
}



a:hover img{
   opacity:0.8;
   filter: alpha(opacity=80);
}



.pointed {
   background-image: url(../img/common/pointer.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 12px;
   clear:left;
}

.notice {
   color: #000;
}

.low {
   font-size: 8pt;
}

ol,
ul {
   padding-left: 22px;
 *padding-left: 0;
   margin: 0;
 *margin-left: 25px;
}

.clearfix:after {
   content: url(../img/common/blank.gif);
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearfix {
   display: inline-block;
}

.clearfix {
   display: block;
}


/*--------------------------------------------------------------------
Container
--------------------------------------------------------------------*/
#container{
   padding-top: 39px;
   position: relative;
}



/*--------------------------------------------------------------------
Header
--------------------------------------------------------------------*/
#header{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 39px;
   /*background: url(../img/common/bg-head1.png) repeat-x center top;*/
   background-color: #1c1c1c;
   /*box-shadow:0px 1px 8px -1px #000000;
   -moz-box-shadow:0px 1px 8px -1px #000000;
   -webkit-box-shadow:0px 1px 8px -1px #000000;*/
   z-index: 1000;
}
#general-header{
   z-index: 100;
   width: 961px;
   margin: auto;
   zoom: 1;
}
#general-header:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#header-menu1{
   float: left;
   overflow: hidden;
}
#header-menu2{
   width: 580px;
   float: right;
   overflow: hidden;
}
/*donation*/
#header-donation{
   width: 100%;
   height: 26px;
   background: url(../img/common/bg-head-donation.png) repeat-x left top;
}
#header-donation:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#header-donation div{
   height: 25px;
   line-height: 25px;
   font-size: 10px;
}
#header-donation div#header-donation-title{
   float: left;
   padding-left: 15px;
}
#header-donation div#header-donation-title a{
   /*text-decoration: none;*/
   color: #585712;
}
#header-donation div#header-donation-count{
   float: right;
   padding-right: 15px;
}
#header-donation div#header-donation-count span{
   font-size: 12px;
   color: #d82e39;
}

/*send-free*/
#header-send-free{
   width: 100%;
   height: 50px;
   background: #E5547C;
   margin-top: 0px;
}
#header-send-free-text{
   width: 967px;
   line-height: 40px;
   font-size: 14px;
   font-weight: normal;
   margin: auto;
}
#header-send-free-text a{
   display: block;
   color: #fff;
   text-decoration: none;
   font-weight: normal;
   letter-spacing: 1px;
}

/*info-sale*/
#header-info-sale{
   width: 100%;
   background: url(../img/common/header-info-sale140321.png) no-repeat center 5px;
   margin-bottom: 10px;
}
#header-info-sale.after0401{
   background-image: url(../img/common/header-info-sale140401.png);
}
#header-info-sale-text{
   height: 40px;
   visibility: hidden;
   line-height: 26px;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   padding-left: 10px;
}
#header-info-sale-text strong{
   color: #F44387;
}
#header-info-sale .link-text{
   text-align: center;
   font-size: 14px;
   font-weight: bold;
   padding: 2px 0;
}
/*info-coupon*/
#header-info-coupon{
   width: 100%;
   text-align: center;
   padding: 10px 0 5px;
}
#header-info-coupon p{
   margin: 0;
   padding: 0;
}
#header-info-coupon .coupon{
   line-height: 1;
   font-size: 36px;
   margin-top: 5px;
}
#header-info-coupon .coupon img{
   vertical-align: top;
}
#header-info-coupon .caution{
   margin-top: 5px;
}

/* header
----------------------------------------------------------------*/
/*ロゴ*/
/*#general-header h1,
#general-header h1 a{
   width: 88px;
   height: 30px;
}
#general-header h1{
   float: left;
}
#general-header h1 a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
   background-image: url(../img/common/header-menu-bg.png);
   background-repeat: no-repeat;
   background-position: 0 0;
}
#general-header h1 a:hover{background-position: 0 -31px;}
#general-header h1 a:active{background-position: 0 -62px;}*/

/*ブランド*/
#header-menu-brand{
   float: left;
   height:18px;
   margin-top: 10px;
}
#header-menu-brand ul,
#header-menu-brand ul li,
#header-menu-brand ul li a{
   display: block;
   height: 18px;
}
#header-menu-brand ul{
   padding: 0;
   margin: 0;
   border-left: solid 1px #4b4b4b;
   padding-left: 15px;
}
#header-menu-brand ul li{
   display: inline-block;
   border-right: solid 1px #4b4b4b;
   padding-right: 15px;
   margin-right: 15px;
}
#header-menu-brand ul li a{
   line-height: 18px;
   letter-spacing: 1px;
   font-weight: normal;
   font-size: 11px;
   color: #fff;
   /*text-decoration: none;*/
}

/*カートボタン*/
#header-menu-cart{
   float: right;
   margin-left: 20px;
}
#header-menu-cart a{
   display: block;
   width: 39px;
   height: 39px;
   text-indent: -9999px;
   overflow: hidden;
   background-image: url(../img/common/header/header-menu-icons.png);
   background-repeat: no-repeat;
   background-position: -125px 0;
}
#header-menu-cart a:hover{background-position: -125px 1px;}

/*メニューリスト*/
#general-header .gnavi-menu{
   float: right;
}
#general-header .gnavi-menu .menu{
   float: right;
   vertical-align: top;
}
#general-header .gnavi-menu .menu li{
   display: inline-block;
   height: 39px;
   overflow: hidden;
}
#general-header .gnavi-menu .menu li.icon,
#general-header .gnavi-menu .menu li.icon a{
   width: 25px;
   height: 39px;
}
#general-header .gnavi-menu .menu li.icon a{
   display: block;
   text-align: left;
   text-indent: -9999px;
   overflow: hidden;
   background-image: url(../img/common/header/header-menu-icons.png);
   background-repeat: no-repeat;
}

#general-header .gnavi-menu .menu .beginner a{background-position:    0px   0px;}
#general-header .gnavi-menu .menu .guide    a{background-position:  -25px   0px;}
#general-header .gnavi-menu .menu .mm       a{background-position:  -50px   0px;}
#general-header .gnavi-menu .menu .bookmark a{background-position: -100px   0px;}

#general-header .gnavi-menu .menu .beginner a:hover{background-position:    0px   1px;}
#general-header .gnavi-menu .menu .guide    a:hover{background-position:  -25px   1px;}
#general-header .gnavi-menu .menu .mm       a:hover{background-position:  -50px   1px;}
#general-header .gnavi-menu .menu .bookmark a:hover{background-position: -100px   1px;}

#general-header .gnavi-menu .menu li.text{
   font-size: 11px;
   line-height: 39px;
   color: #d9d9d9;
}
#general-header .gnavi-menu .menu .join{
   margin-right: 10px;
}
#general-header .gnavi-menu .menu .login{}
#general-header .gnavi-menu .menu .myanap{
   margin-right: 10px;
}
#general-header .gnavi-menu .menu .myanap a.name{
   color: #fff;
   text-decoration: none;
}
#general-header .gnavi-menu .menu .myanap .point{
   display: inline;
   padding: 0;
}
#general-header .gnavi-menu .menu .myanap .point a{
   font-size: 13px;
}
#general-header .gnavi-menu .menu .login .icon,
#general-header .gnavi-menu .menu .myanap .icon{
   display: inline-block;
   width: 25px;
   height: 39px;
   background: red;
   vertical-align: middle;
   background: url(../img/common/header/header-menu-icons.png) no-repeat -75px 0;
}



/*ヘッダカート*/
#header-cart-box-view{
   position: fixed;
   z-index: 1010;
   right: 0px;
   top: 39px;
   display: none;
   width: 250px;
   background: url(../img/common/header-cart-bg.png);
   padding-bottom: 5px;
}
#header-cart-box-contents{
   width: 240px;
   padding: 5px 0 0;
   margin-left: 5px;
   border-bottom: solid 1px #f8a8c8;
}
#header-cart-box-view:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#header-cart-box-contents div{
   height: 345px;
   overflow-y: scroll;
   overflow-x:hidden;
   scrollbar-arrow-color:#f0377b;
   scrollbar-face-color:#ffffff;
   scrollbar-3dlight-color:#f8a9c9;
   scrollbar-darkshadow-color:#f8a9c9;
   scrollbar-highlight-color:#ffffff;
   scrollbar-shadow-color:#ffffff;
   scrollbar-track-color:#f8a9c9;
}
#header-cart-box-view table{
   display: block;
   width: 223px;
   border-collapse:separate;
   border-spacing:0px;
   background: url(../img/common/header-cart-bg2.gif) repeat-y left top;
   border-top: solid 1px #f8a8c8;
}
#header-cart-box-view table td{
   vertical-align: top;
   padding: 1px 10px 1px 2px;
   border-bottom: solid 1px #f8a8c8;
}
#header-cart-box-view table td a{
   font-size: 10px;
   color: #fff;
}
#header-cart-box-view table td span{
   color: #ffcde0;
}
#header-cart-box-view table td p{
   font-size: 16px;
   text-align: right;
   color: #fff;
   padding-top: 5px;
}

#header-cart-box-view .header-cart-box-sub{
   position: relative;
   overflow: hidden;
}
#header-cart-box-view .header-cart-box-sub .header-cart-price{
   float: right;
   height: 25px;
   line-height: 25px;
   font-size: 12px;
   color: #fff;
   font-weight: bold;
   padding: 0 5px;
   margin-top: 5px;
}
#header-cart-box-view .header-cart-box-sub .header-cart-btn{
   float: right;
   width: 82px;
   margin-top: 5px;
   margin-right: 5px;
}
#header-cart-box-view .header-cart-box-sub .header-cart-btn a{
   display: block;
   margin-left: 5px;
}

#header-cart-price{
   float: right;
   height: 29px;
   line-height: 29px;
   font-size: 12px;
   color: #fff;
   font-weight: bold;
   padding: 0 5px;
   margin-top: 5px;
}
#header-cart-btn{
   float: left;
   width: 82px;
   margin-top: 5px;
}
#header-cart-btn a{
   display: block;
   margin-left: 5px;
}
#header-cart-box-no-items{
   padding: 5px;
   color: #fff;
}
#header-cart-box-view table td{

}
#header-cart #member{

}
#header-cart #cart{

}
#header-cart-btn{

}
#header-cart-price{

}
#header-cart-contents{

}
#header-cart-contents dl{

}
#header-cart-contents dt{

}
#header-cart-contents dd{

}
#header-cart-contents dd.thumb{

}
#header-cart-contents dd.detail{

}
#header-cart-contents dd.detail .price{

}
#header-cart-contents div.total-price{

}
#header-cart-contents div.total-price .cart-btn{

}

/*ヘッダMyANAPおよびご利用ガイド*/
#header-myanap-box-view{
   right: 121px;
}
#header-guide-box-view{
   right: 236px;
}

.header-menu-box{
   position: fixed;
   z-index: 1010;
   top: 31px;
   display: none;
   width: 300px;
   background: #fcf5fc url(../img/common/header-myanap-bg.gif) repeat-y;
   padding-bottom: 15px;
   border-bottom: solid 5px #93928e;
}
.header-menu-box-contents{
   width: 290px;
   margin: 0 0 0 5px;
}
.header-menu-box-contents:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.header-menu-box h4{
   position: relative;
   color: #2b2b2b;
   border-bottom: solid 1px #dbd5db;
   padding: 9px 18px;
}
.header-menu-box h4 strong{
   font-size: 18px;
   font-weight: bold;
}
.header-menu-box h4 span.close{
   display: block;
   position: absolute;
   right: 7px;
   top: 12px;
   font-weight: normal;
   font-size: 10px;
}
#header-myanap-box-view.header-menu-box h4 span.close{
   padding-top: 1px;
}

.header-menu-box h4 span.close a{
   color: #000;
}
.header-menu-box ul,
.header-menu-box ul li{
   display: block;
}
.header-menu-box ul{
   zoom: 1;
   border-top: solid 1px #fff;
   padding: 0 0 0 18px;
   overflow: hidden;
}
.header-menu-box ul li{
   float: left;
   width: 130px;
   height: 15px;
   margin-top: 15px;
   background: url(../img/common/header-myanap-list-icon.gif) no-repeat left center;
   text-indent: 13px;
}
.header-menu-box ul li a{
   color: #2b2b2b;
   /*text-decoration: none;*/
}
.header-menu-box ul li a:hover{
   border-bottom: dotted 1px #2b2b2b;
}


/* global-header-title
----------------------------------------------------------------*/
#global-header-title{
   position: relative;
   max-width: 1000px;
   margin: auto;
}
#global-header-title .site-title{
   width: 140px;
   margin: 35px auto 0;
}
#global-header-title .site-title .logo,
#global-header-title .site-title .sub-title{
   display: block;
}
#global-header-title .site-title .logo{
   height: 41px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(/img/ipn/common/logo-anap.svg) no-repeat center center;
   -moz-background-size:  100% auto;
   -webkit-background-size: 100% auto;
   background-size: 100% auto;
}
#global-header-title .site-title .logo:hover{
   opacity:0.9;
   filter: alpha(opacity=90);
}
#global-header-title .site-title .sub-title{
   text-align: center;
   color: #444;
   font-size: 13px;
   font-weight: normal;
   letter-spacing: 2px;
}

#global-header-title .search{
   position: absolute;
   top: -5px;
   right: 0;
   width: 200px;
}
#global-header-title .search .keyword-search{
   border-bottom: solid 2px #606060;
}
#global-header-title .search .keyword-search .search-text{
   border: none;
   width: 155px;
   height: 24px;
   line-height: 24px;
}
#global-header-title .search .keyword-search .btn{
   background-color: transparent;
   border: none;
   cursor: pointer;
   outline: none;
   padding: 0;
   appearance: none;

   width: 24px;
   height: 24px;
   font-size: 24px;
   vertical-align: text-bottom;
}
#global-header-title .search .detail-search *{
   color: #f24496;
}
#global-header-title .search .detail-search{
   text-align: right;
   font-size: 12px;
   padding-top: 5px;
}
#global-header-title .search .detail-search a{

}


#global-header-title .navi{
   position: relative;
   border-top: solid 1px #e2e2e2;
   border-bottom: solid 1px #e2e2e2;
   margin-top: 20px;
   overflow: visible;
}
#global-header-title .navi ul{
   text-align: center;
   padding: 0;
}
#global-header-title .navi ul li{
   display: inline-block;
   position: static;
}
#global-header-title .navi ul li:first-child{margin-left: 0;}
#global-header-title .navi ul li:last-child{margin-right: 0;}
#global-header-title .navi ul li a{
   display: block;
   line-height: 1;
   font-size: 14px;
   font-weight: bold;
   color: #323232;
   /*text-decoration: none;*/
   padding: 20px 16px;
}
#global-header-title .navi ul li a:hover{
   color: #000;
}
#global-header-title .navi .sub-navi{
   position: absolute;
   z-index: 990;
   left: 0;
   top: 55px;
   width: 1000px;
   background-color: rgba(240, 240, 240, 0.95);
   display: none;
}
#global-header-title .navi .sub-navi .inner{
   padding: 15px 20px 50px 50px;
}
#global-header-title .navi .sub-navi.categories {
   /*display: block;*/
   left: 250px;
   width: 200px;
}
#global-header-title .navi .sub-navi.categories .inner {
   padding: 0;
}
#global-header-title .navi .sub-navi .category{
   position: relative;
   display: block;
   width: 200px;
   vertical-align: top;
   margin: 0;
}
#global-header-title .navi .sub-navi .category ul{
   display: none;
   position: absolute;
   z-index: 9999;
   left: 190px;
   top: -10px;
   padding: 15px 10px;
   border: solid 1px #ccc;
   background: #fcfcfc;
}
#global-header-title .navi .sub-navi .category:hover > ul{
   display: block;
}
#global-header-title .navi .sub-navi .category .category-title{
   font-size: 15px;
   font-weight: normal;
   text-align: left;
   color: #000;
   padding: 5px 10px;
   text-indent: 0;
   background: none;
   border-bottom: solid 1px #ddd;
}
#global-header-title .navi .sub-navi .category .category-title a{
   font-size: 14px;
   font-weight: normal;
   padding: 10px 0;
}
#global-header-title .navi .sub-navi .category .list-category-item{
   display: block;
   width: 200px;
   text-align: left;
   background: #fff;
}
#global-header-title .navi .sub-navi .category .list-category-item a{
   display: block;
   text-decoration: none;
   font-size: 12px;
   line-height: 1.2;
   font-weight: normal;
   padding: 7px 10px;
}
#global-header-title .navi .sub-navi .category .list-category-item a:hover{
   text-decoration: underline;
}
#global-header-title .navi .sub-navi .category .list-category-item .category-name{
   display: block;
   line-height: 1.2;
}
#global-header-title .navi .sub-navi .category .list-category-item .category-count{
   font-size: 10px;
   color: #f24496;
}

#global-header-title .navi .brands{}
#global-header-title .navi .brands .inner{
   padding: 30px 20px 80px;
}
#global-header-title .navi .brands .brand-list-container{
   zoom: 1;
   overflow: hidden;
}
#global-header-title .navi .brands .brand-list-container ul{
   text-align: left;
}
#global-header-title .navi .brands .brand-list-container .item{
   margin: 15px;
}
#global-header-title .navi .brands .brand-list-container .item a:hover img{
   opacity:0.7;
   filter: alpha(opacity=70);
}


/* brand header
----------------------------------------------------------------*/
#brand-header,
#brand-header-contents{
   width: 961px;
   height: 30px;
   overflow: hidden;
}
#brand-header{
   margin-left: 0px;
}
#brand-header *{font-size: 8pt;}
#brand-header-contents{}
#brand-header:after,
#brand-header-contents:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#brand-header-menu{
   float: left;
   margin-right: 5px;
}
#brand-header-menu ul,
#brand-header-menu ul li,
#brand-header-menu ul li a{
   display: block;
   height: 30px;
   padding: 0;
   margin: 0;
}
#brand-header-menu ul li,
#brand-header-menu ul li a{
   width: 80px;
}
#brand-header-menu ul li#brand-header-menu-sale,
#brand-header-menu ul li#brand-header-menu-sale a{
   width: 247px;
}
#brand-header-menu ul li{
   float: left;
}
#brand-header-menu ul li a{
   text-indent: -9999px;
   overflow: hidden;
}
#brand-header-menu ul li a:hover{
   background: #fff;
   opacity:0.1;
   filter: alpha(opacity=10);
}

#brand-header-search{
   float: right;
   padding: 0px;
}
#brand-header-search table{
   border-collapse:collapse;
   border:0px;
}
#brand-header-search table td{
   vertical-align: middle;
   padding: 3px 0 3px;
}
#brand-header-search table td input{
   padding: 0;
   border: 0;
   background: none;
}
#brand-header-search table td#search-input-text{
   padding-top: 2px;
}
#brand-header-search table td#search-select{
   padding-left: 3px;
   padding-right: 3px;
}
#brand-header-search table td#search-input-btn{
   padding-left: 3px;
}
#brand-header-search table td#search-detail{
   padding-left: 3px;
   padding-right: 4px;
   padding-top: 4px;
}
#brand-header-search table td#search-detail a{
   display: block;
   width: 65px;
   height: 22px;
   text-indent: -9999px;
   overflow: hidden;
}
#brand-header-search input#search-text{
   display: block;
   width: 145px;
   height: 20px;
   line-height: 20px;
   font-size: 12px;
   overflow: hidden;
}

#brand-header{
   background: url(../img/brand/anap/brand-header-bg-pink.gif) no-repeat;
   /*background: #efefef;*/
}
#brand-header-menu{
   width: 641px;
   background: url(../img/brand/anap/brand-header-menu-bg-pink.gif) no-repeat;
}
#brand-header-search table td{
   color: #fff;
}
#brand-header-search input#search-text{
   background: url(../img/brand/anap/brand-header-searchtext-bg.gif) repeat-x;
   /*border-left: solid 1px #df457c;*/
}
#brand-header-search table td#search-detail a{
   background: url(../img/brand/anap/brand-header-search-btn2.png) no-repeat;
}

#brand-header-menu ul li{
   position: relative;
}
#brand-header-menu ul li .new{
   display: block;
   position: absolute;
   top: -10px;
   left: -8px;
   width: 33px;
   height: 21px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../img/common/icon-new2.png) no-repeat;
}

/*brand-header-search-btn*/
#brand-header-search-btn{
   padding: 0 0 0;
}
#brand-header-search-btn a{
   display: block;
   width: 154px;
   height: 30px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../img/brand/anap/brand-header-search-btn-detail2.gif) no-repeat;
}

/*brand-header-text-area2*/
#brand-header-text-area2{
   width: 474px;
   height: 26px;
   background: url(../img/brand/anap/brand-top-text-area2.gif);
   float: left;
   margin-top: 2px;
   overflow: hidden;
}
#brand-header-text-area2 #brand-header-text-contents{
   width: 474px;
   height: 26px;
   text-align: center;
   margin-left: 4px;
   overflow: hidden;
}
#brand-header-text-area2 ul.scroller{
   display: block;
   height: 26px;
   line-height: 26px;
   margin-left: 4px;
   padding: 0;
}
#brand-header-text-area2 ul.scroller li{
   list-style-type: none;
   padding: 0;
   margin: 0;
}
/*brand-header-text-area3*/
#brand-header-text-area3{
   width: 239px;
   height: 26px;
   background: url(../img/brand/anap/brand-top-text-area3.gif);
   float: left;
   margin-top: 2px;
   overflow: hidden;
}
#brand-header-text-area3 #brand-header-text-contents{
   width: 239px;
   height: 26px;
   text-align: center;
   margin-left: 4px;
   overflow: hidden;
}
#brand-header-text-area3 ul.scroller{
   display: block;
   height: 26px;
   line-height: 26px;
   margin-left: 0px;
   padding: 0;
}
#brand-header-text-area3 ul.scroller li{
   list-style-type: none;
   padding: 0;
   margin: 0;
   line-height: 28px;
}



/* sale header
----------------------------------------------------------------*/
#sale-header{
   width: 961px;
   height: 30px;
   overflow: hidden;
   margin-left: 3px;
}
#sale-header *{font-size: 8pt;}
#sale-header:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#sale-header-search{
   float: right;
}
#sale-header-search table{
   border-collapse:collapse;
   border:0px;
   height: 28px;
}
#sale-header-search table td{
   vertical-align: middle;
   padding: 3px 0px 3px 3px;
   color: #fff;
}
#sale-header-search table td#sale-search-btn{
   padding: 0;
}
#sale-header-search table td input{
   padding: 0;
   border: 0;
}
#sale-header-search table td.search-select{
   padding-left: 3px;
   padding-right: 3px;
}
#sale-header-search input#search-text{
   display: block;
   width: 145px;
   height: 21px;
   line-height: 21px;
   font-size: 12px;
   overflow: hidden;

}


/*--------------------------------------------------------------------
Side-tab
--------------------------------------------------------------------*/
#side-tab ul,
#side-tab ul li{
   margin: 0;
   padding: 0;
   list-style: none;
}
#side-tab{
   z-index: 11000;
   position: absolute;
   left: -28px;
   top: 0px;
   width: 30px;/* width: 196px; */
}
#side-tab div#tab-navigation{
   width: 30px;
}
#side-tab div#tab-navigation ul{
   width: 30px;
}
#side-tab div#tab-navigation ul li{
   opacity:1;
   filter: alpha(opacity=100);
   width: 30px;
   background-repeat: no-repeat;
   cursor: pointer;
   margin-bottom: 1px;
}
#side-tab div#tab-navigation ul li.mouseover{
   opacity:1;
   filter: alpha(opacity=100);
}
#side-tab div#tab-navigation ul li#tab-brand{
   height: 103px;
   background-image: url(../img/common/tab/tab-search.png);
   text-indent: -9999px;
   overflow: hidden;
}
#side-tab div#tab-navigation ul li#tab-shopchannel{
   height: 131px;
   background-image: url(../img/common/tab/tab-shopchannel.png);
}
#side-tab div#tab-navigation ul li#tab-shopchannel a{
   display: block;
   width: 30px;
   height: 131px;
   text-indent: -9999px;
   overflow: hidden;
}
#side-tab div#tab-navigation ul li#tab-beck{
   height: 120px;
   background-image: url(../img/common/tab/tab-beck.png);
}
#side-tab div#tab-navigation ul li#tab-beck a{
   display: block;
   width: 30px;
   height: 120px;
   text-indent: -9999px;
   overflow: hidden;
}
#side-tab div#tab-navigation ul li#tab-sale{
   height: 175px;
   background-image: url(../img/common/tab/tab-sale-xmas.png);
   text-indent: -9999px;
   overflow: hidden;
}
#side-tab div#tab-navigation ul li#tab-sale-xmas{
   height: 175px;
   background-image: url(../img/common/tab/tab-sale-xmas.png);
   text-indent: -9999px;
   overflow: hidden;
}
#side-tab div#tab-navigation ul li#tab-campaign{ background-image:;}

#side-tab div.tab-contents-block{
   display: none;
   width: 325px;
   position: absolute;
   left: 31px;
   top: 0;
   background: url(../img/common/tab/bg.png);
   overflow: hidden;
   padding: 5px 0;
}
#side-tab div.tab-contents-block:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#side-tab div.tab-contents-pane{
   float: left;
   margin-right: 0px;
}
#side-tab div.tab-contents-block div.tab-contents-block-title,
#side-tab div.tab-contents-block div.tab-contents-block-body{
   width: 155px;
   margin-left: 5px;
   background-color: #000;
}
#side-tab div.tab-contents-block div.tab-contents-block-title{
   height: 38px;
}
#side-tab div.tab-contents-block div.tab-contents-block-title h3{
   visibility: hidden;
}

#side-tab div.tab-contents-block-title#tab-ttl1{
   background: url(../img/common/tab/tab-title-brand.gif) no-repeat 0 -1px;
   margin-top: 1px;
}
#side-tab div.tab-contents-block-title#tab-ttl2{
   background: url(../img/common/tab/tab-title-index.gif) no-repeat;
   margin-top: 1px;
}
#side-tab div.tab-contents-block-title#tab-ttl3{
   background: url(../img/common/tab/tab-title-price.gif) no-repeat;
}

#side-tab div.tab-contents-block-title#tab-ttl-search,
#side-tab div.tab-contents-block-title#tab-ttl-category,
#side-tab div.tab-contents-block-title#tab-ttl-brand,
#side-tab div.tab-contents-block-title#tab-ttl-select-brand{
   height: 32px;
   overflow: hidden;
   margin-left: 5px;
   clear: both;
}
#side-tab div.tab-contents-block-title#tab-ttl-search{
   background: url(../img/common/tab/side-tab-title-search.gif) no-repeat;
}
#side-tab div.tab-contents-block-title#tab-ttl-category{
   background: url(../img/common/tab/side-tab-title-category.gif) no-repeat;
}
#side-tab div.tab-contents-block-title#tab-ttl-brand{
   background: url(../img/common/tab/side-tab-title-brand.gif) no-repeat;
   margin-top: 0;
}
#side-tab div.tab-contents-block-title#tab-ttl-select-brand{
   height: 31px;
   background: url(../img/common/tab/side-tab-title-select-brand.gif) no-repeat;
   margin-top: 0;
}

#side-tab div.tab-contents-block div.tab-contents-block-body{
}
#side-tab div.tab-contents-block div.tab-contents-block-footer{
   height: 5px;
}
#side-tab div.tab-contents-block div.tab-contents-block-body ul{
   display: block;
   width: 153px;
   margin-left: 1px;
}
#side-tab div.tab-contents-block div.tab-contents-block-body ul.block li{
   display: block;
   background: #fafafa;
   border-bottom: solid 1px #d3d3d3;
}
#side-tab div.tab-contents-block div.tab-contents-block-body ul.block li:first-child{border-top: solid 1px #d3d3d3;}
div.tab-contents-block div.tab-contents-block-body ul.inline li{
   display: block;
   float: left;
   width: 76px;
   height: 30px;
   margin: 0 0px 0 0;
   overflow: hidden;
}
div.tab-contents-block-body ul.inline li a{
   display: block;
   width: 76px;
   height: 30px;
   text-indent: -9999px;
   overflow: hidden;
}
#container #main #side-tab div.tab-contents-block div.tab-contents-block-body ul.inline li.top-brand,
#container #main #side-tab div.tab-contents-block div.tab-contents-block-body ul.inline li.top-brand a{
   height: 77px;
   /*height: 46px;*/
}
#side-tab div.tab-contents-block div.tab-contents-block-body ul li a{
   display: block;
   height: 26px;
   line-height: 26px;
   font-size: 10px;
   color: #3f3f3f;
   padding: 0;
   margin: 0;
   text-decoration: none;
}


#side-tab div.tab-contents-block div.tab-contents-block-body#tab-search{
   position: relative;
   /*height: 481px;*/
   height: 421px;
   width: 153px;
   margin-left: 5px;
   background: #fff;
}
#side-tab div.tab-contents-block div.tab-contents-block-body#tab-search:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#tab-search dl{
   padding: 0 9px;
}
#tab-search dt{
   font-size: 10px;
   font-weight: bold;
   padding-bottom:1px;
   padding-top: 4px;
}
#tab-search dd{
   font-size: 10px;
   padding-bottom: 4px;
   border-bottom: dotted 1px #ddd;
}
#tab-search dd.checkbox{
   padding-top: 4px;
}
#tab-search .btn{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 153px;
   height: 40px;
   text-align: center;
   background: url(../img/common/tab/side-tab-btn-search-bg.gif) no-repeat 0;
   overflow: hidden;
}
#tab-search .btn .image-btn{
   margin-top: 6px;
}
#tab-search select{
   max-width: 135px;
}

/*select2.js*/
.select2-container{
   width: 150px;
   font-size: 12px;
}
#s2id_tab_color,
#s2id_tab_pattern{
   width: 120px;
   font-size: 10px;
}


#side-tab div.tab-contents-block div.tab-contents-block-body#tab-category{
   height: 89px;
   background: url(../img/common/tab/side-tab-navi-category.gif) no-repeat 0px 0;
}
#side-tab div.tab-contents-block div.tab-contents-block-body#tab-category:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#side-tab div.tab-contents-block div.tab-contents-block-body#tab-brand{
   /*height: 359px;*/
   height: 240px;
   background: url(../img/common/tab/side-tab-navi-brand.gif) no-repeat 0 0;
}
#side-tab div.tab-contents-block div.tab-contents-block-body#tab-brand:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#side-tab div.tab-contents-block div.tab-contents-block-body#tab-select-brand{
   /*height: 359px;*/
   height: 29px;
   background: url(../img/common/tab/side-tab-navi-select-brand.gif) no-repeat 0 0;
}
#side-tab div.tab-contents-block div.tab-contents-block-body#tab-select-brand:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#side-tab div.tab-contents div.tab-contents-block div.tab-contents-block-body ul li a:visited{ }
#side-tab div.tab-contents div.tab-contents-block div.tab-contents-block-body ul li a:active { }
#side-tab div.tab-contents div.tab-contents-block div.tab-contents-block-body ul li a:hover  { }


/*SALE*/
#side-tab div.tab-contents-block#tab-sale-contents{
   width: 325px;
   position: absolute;
   left: 31px;
   top: 0px;
   background: url(../img/common/tab/bg2.png);
   overflow: hidden;
   padding: 5px 0;
}
#side-tab div.tab-contents-block#tab-sale-contents div.tab-contents-block-title,
#side-tab div.tab-contents-block#tab-sale-contents div.tab-contents-block-title a{
   width: 315px;
   height: 91px;
}
#side-tab div.tab-contents-block#tab-sale-contents div.tab-contents-block-title h3{visibility: visible;}
#side-tab div.tab-contents-block#tab-sale-contents div.tab-contents-block-title{
   background: url(../img/common/tab/sale-title.gif) no-repeat;
}
#side-tab div.tab-contents-block#tab-sale-contents div.tab-contents-block-title h3 a{
   display: block;
   width: 315px;
   text-indent: -9999px;
   overflow: hidden;
}
#side-tab div.tab-contents-block#tab-sale-contents div.tab-contents-block-body{
   width: 315px;
   /*height: 73px;*/
   background: url(../img/common/tab/sale-bg.gif) repeat-y;
   border-bottom: solid 1px #e02626;
   overflow: hidden;
}
#side-tab div.tab-contents-block#tab-sale-contents div.tab-contents-block-body:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#side-tab div.tab-contents-block#tab-sale-contents div.tab-contents-block-footer{
   display: none;
}
#tab-sale-contents-left{
   float: left;
   width: 241px;
}
#tab-sale-contents-left table{
   width: 240px;
   height: 73px;
   margin-left: 1px;
}
#tab-sale-contents-left table th,
#tab-sale-contents-left table td{
   text-align: left;
   vertical-align: middle;
   padding-left: 5px;
}
#tab-sale-contents-left table th{
   font-size: 10px;
   font-weight: bold;
}

#tab-sale-contents-right{
   float: left;
   width: 73px;
   padding: 5px 0;
   border-left: solid 1px #dedede;
}
#tab-sale-contents-right div{
   width: 63px;
   height: 63px;
   margin-left: 5px;
}
#tab-sale-contents-right div input{
   border: none;
   padding: 0;
}
#side-tab div.tab-contents-block#tab-sale-contents ul{
   width: 104px;
   border-right: solid 1px #dedede;
   margin: 0;
}
#side-tab div.tab-contents-block#tab-sale-contents ul li a{
   height: 21px;
   line-height: 21px;
}
#side-tab div.tab-contents-block#tab-sale-contents ul li a:hover{
   background: #ff0000 !important;
   color: #fff;
}


/* BRAND/CATEGORY
----------------------------------------------------------------*/
#side-tab div.tab-contents#brand-category{

}


/* ALLBRANDS
----------------------------------------------------------------*/
#side-tab div.tab-contents#brand-category div.tab-contents-block#tab-contents-block-all{

}
#side-tab div.tab-contents#brand-category div.tab-contents-block#tab-contents-block-all h3{

}


/* BRAND INDEX
----------------------------------------------------------------*/
#side-tab div.tab-contents#brand-category div.tab-contents-block#tab-contents-block-index{

}
#side-tab div.tab-contents#brand-category div.tab-contents-block#tab-contents-block-index h3{

}
div.tab-contents-block#tab-contents-block-index ul li#tab-contents-block-index-anap   { }
div.tab-contents-block#tab-contents-block-index ul li#tab-contents-block-index-mimpi  { }
div.tab-contents-block#tab-contents-block-index ul li#tab-contents-block-index-chille { }
div.tab-contents-block#tab-contents-block-index ul li#tab-contents-block-index-settimo{ }
div.tab-contents-block#tab-contents-block-index ul li#tab-contents-block-index-usa    { }


/* PRICE CATEGORY
----------------------------------------------------------------*/
#side-tab div.tab-contents#brand-category div.tab-contents-block#tab-contents-block-price{

}
#side-tab div.tab-contents#brand-category div.tab-contents-block#tab-contents-block-price h3{

}

/* CAMPAIGN
----------------------------------------------------------------*/
#side-tab div.tab-contents#campaign{

}



/*--------------------------------------------------------------------
Main
--------------------------------------------------------------------*/

#main,
#main-contents-top,
#main-contents-bottom{
   position: relative;
  /* width: 967px;
   margin-left: auto;
   margin-right: auto;*/
}
#main{
   z-index: 99;
   /*margin-top: 20px;*/
}
@media(min-width:481px) {
  #main:after{
     content: ".";
     display: block;
     clear: both;
     height: 0;
     visibility: hidden;
  }
}
#main-contents{
   /*width: 959px;*/
   margin-left: 0px;
}

#main-contents-top{
   display: none;
   height: 4px;
   background: url(../img/common/bg-contents-top.png) no-repeat left bottom;
   margin-top: 4px;
   /*margin-top: 60px;*/
}
#main-contents-bottom{
   display: none;
   height: 4px;
   background: url(../img/common/bg-contents-bottom.png) no-repeat left bottom;
}

#main h2{
   /*background: #ddd;*/
}
#main h2.default{
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   padding: 10px 10px;
   background: #131313;
}

#main h2.default a{
   color: #fff;
   text-decoration: none;
}
#main h2.default a:hover, #main h2.default a:active {
   color: #ef1664;
}

.contents-basic-container{
   width: 801px;
}
/* has-left-menu */
.contents-basic-container.has-left-menu{
   background: url(/img/common/has-left-menu-bg.gif) repeat-y left top !important;
}
/* has-list */
.contents-basic-container.has-list{
   background: url(../img/common/list/item-list-container-bg.gif) repeat-y left top !important;
}


/* サイドなし
----------------------------------------------------------------*/
body.sidebar-none div#main{
}
body.sidebar-none div#main div#main-contents{

}


/* 右サイドあり
----------------------------------------------------------------*/
body.sidebar-right div#main{
   background-image: ;
}
body.sidebar-right div#main div#main-contents-right{
   float: left;
   width: 153px;
   padding-bottom: 5px;
}
body.sidebar-right div#main div#main-contents{
   float: right;
   width: 801px;
   background: url(../img/common/bg-contents-basic.gif) repeat-y left top;
   border-top: solid 1px #dedede;
   border-bottom: solid 1px #dedede;
   overflow: hidden;
}


/*両サイドあり
----------------------------------------------------------------*/
body.sidebar-right-left div#main{
   background-image: ;
}
body.sidebar-right-left div#main div#main-contents-right{

}
body.sidebar-right-left div#main div#main-contents-center{

}
body.sidebar-right-left div#main div#main-contents-left{

}


.right-side-banner{
   margin: 0px 0 0 0px;
}
.right-side-banner ul,
.right-side-banner ul li,
.right-side-banner ul li a{
   display: block;
   margin: 0;
   padding: 0;
   list-style-type: none;
}
.right-side-banner ul li{
   display: inline;
   margin-top: 0px;
   background: none;
   line-height: 0;
}
.right-side-banner ul li:first-child{
   margin-top: 4px;
}
.right-side-banner ul li a,
.right-side-banner ul li span{
   display: block;
   line-height: 1;
   padding-top: 3pt;
}
.right-side-banner ul li a img{
   display: block;
   margin: 0;
   padding: 0;
}

/*パンくず
----------------------------------------------------------------*/
/*.here{
   width: 803px;
   background: #fff;
   padding: 1px;
   border-top: solid 1px #d3d3d3;
   border-bottom: solid 1px #d3d3d3;
   margin-left: 1px;
}
.here ul{
   display: block;
   background: #ddd url(../img/common/here-bg.gif) repeat-x;
   margin: 0;
   padding: 0;
}
.here ul:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.here ul li,
.here ul li a{
   color: #000;
}
.here ul li{
   display: block;
   float: left;
   height: 25px;
   line-height: 25px;
   font-size: 10px;
   background: url(../img/common/here-icon.gif) no-repeat left center;
   margin: 0 5px 0 0;
   padding: 0 0 0 7px;
   list-style: none;
}
.here ul li:first-child{
   background: none;
}
*/

.here{}
.here ul{
   display: block;
   padding: 7px 15px;
}
.here ul:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.here ul li,
.here ul li a,
.here ul li span{
   color: #000;
   /*text-decoration: none;*/
}
.here ul li{
   display: inline-block;
}
.here ul li:after{
   display: inline-block;
   content: ">";
   font-size: 9px;
   color: #666;
   margin-left: 4px;
}
.here ul li a,
.here ul li span{
   font-size: 9px;
}
.here ul li a:hover,
.here ul li:last-child a,
.here ul li:last-child span{
   color: #666;
   background: none;
}
.here ul li:last-child{
   background: none;
}
.here ul li:last-child:after{
   content: none;
}




/*各カラムパターン
----------------------------------------------------------------*/

div.border-bottom{
   border-bottom: solid 1px #dedede;
}
div.border-size1{
   background: url(../img/common/item/bg-border-01.gif) repeat-y 160px top;
}
div.border-size2{
   background: url(../img/common/item/bg-border-01.gif) repeat-y 320px top;
}
div.border-size3{
   background: url(../img/common/item/bg-border-01.gif) repeat-y 480px top;
}
div.border-size2half{
   background: url(../img/common/item/bg-border-01.gif) repeat-y 400px top;
}
div.border-sizedouble{
   background: url(../img/common/item/bg-border-02.gif) repeat-y center top;
}
div.border-size0{
   background: url(../img/common/item/bg-border-01.gif) repeat-y 0px top;
}
/*共通の設定*/
#main .main-contents-inner{
   padding: 0 10px;
}
#main .column-basic{

}
#main .column-container{

}
#main .column-container .box-child,
#footer .column-container .box-child{
   float: left;
   margin-right: 0px;
   /*outline: solid 1px #ddd;*/
}
#main .column-container .box-child dt{/*display: none;*/}
#main .column-container .box-child:last-child,
#footer .column-container .box-child:last-child{
   margin-right: 0;
}
#main .column-container .box-child:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#main .column-container:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#main div.colmun-container div.colmun-container:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

/*カラムサイズ*/
.column-container .size1{ width: 160px;}
.column-container .size2{ width: 320px;}
.column-container .size3{ width: 480px;}
.column-container .size4{ width: 640px;}
.column-container .size5{ width: 800px;}
.column-container .size6{ width: 960px;}/*TODO*/

/*カラムタイトル*/
#main .column-header{
   background: #fff;
   padding: 1px;
   border-bottom: solid 1px #dedede;
   margin-left: 1px;
}
#main .column-header h2,
#main .column-header h3{
   /*background: #fbfbfb;*/
   font-size: 18px;
   font-weight: bold;
   color: #555;
   padding: 10px;
}
#main .column-header.type-img h2,
#main .column-header.type-img h3{
   padding: 0;
}
#main .column-header.type-img h2 img,
#main .column-header.type-img h3 img{
}
#main .column-container h2,
#main .column-container h3{
}
#main .column-container h2 a,
#main .column-container h3 a{
   display: block;
}

#main .column-container .column-header:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#main .column-container .column-header{
   position: relative;
   overflow: hidden;
}

#main .column-container .column-header h2,
#main .column-container .column-header h3{
   height: auto;
}
#main .column-container .column-header a{
   /*position: absolute;
   left: 500px;
   top: 50%;
   display: block;
   width: 50px;
   height: 30px;
   margin-top: -15px;*/
}

#main .column-container .column-description{

}

/*左のメニュー
----------------------------------------------------------------*/
#left-menu {
   padding-bottom: 9px;
}
#left-menu .left-menu-contents{
   width: 149px;
   margin: 10px 0 0 6px;
}
#left-menu .left-menu-contents h3,
#left-menu .left-menu-contents h4{
   font-size: 12px;
   margin-bottom: 10px;
   padding: 0 5px;
}
#left-menu .left-menu-contents ul,
#left-menu .left-menu-contents ul li{
   padding: 0;
   margin: 0;
   list-style-type: none;
}
#left-menu .left-menu-contents ul{
   width: 149px;
   background: url(../img/common/left-menu-bg.gif) repeat-y;
}
#left-menu .left-menu-contents ul li{
   padding: 5px 10px;
   border-bottom: solid 1px #e1e0d8;
}
#left-menu .left-menu-contents ul li a{
   font-size: 10px;
   color: #323232;
   text-decoration: none;
}
#left-menu .left-menu-contents ul li a:hover{
   color: #ee0c5e;
}
#left-menu .left-menu-contents ul li:first-child{
   background: url(../img/common/left-menu-bg-top.gif) no-repeat top;
}
#left-menu .left-menu-contents ul li:last-child{
   border-bottom: none;
   background: url(../img/common/left-menu-bg-bottom.gif) no-repeat bottom;
}





/*アイテムのリスト表示
----------------------------------------------------------------*/
#main .thumb-list{
   background: url(../img/common/list/item-list-container-bg.gif) repeat-y left top;
}
#main .thumb-list .column-header{
   background: #fff;
   padding: 1px;
   border-bottom: solid 1px #dedede;
   margin-left: 1px;
}
#main .thumb-list .column-header h3{
   background: #f8f7ee;
   font-size: 18px;
   font-weight: bold;
   color: #5f1378;
   padding: 10px;
}
#main .thumb-list dl{
   clear: both;
   border-bottom: solid 1px #dedede;
   margin-left: 0px;
}
#main .thumb-list dl:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#main .thumb-list dl:last-child{
   margin-right: 0px;
}
#main .thumb-list dl dt{
   display: none;
}
#main .thumb-list dl dd{
   position: relative;
   width: 160px!important;
   margin-right: 0px!important;
}
#main .thumb-list 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;
}
#main .thumb-list dl dd div.thumb img.old{
   margin-top: 27px;
   border: solid 1px #ddd;
}
#main .thumb-list div.detail{
   margin-top: 9px;
   border-top: solid 1px #dedede;
}
#main .thumb-list div.detail table{
   width: 159px;
   border-collapse:separate;
   border-spacing:0;
   margin-left: 1px;
   border-bottom: solid 1px #dedede;
}
#main .thumb-list div.detail table td{
   vertical-align: middle;
   background: #fff;
}
#main .thumb-list div.detail table td.name{
   display: block;
   font-size: 10px;
   color: #666;
   border-right: solid 1px #dedede;
   height: 34px;
   overflow: hidden;
}
#main .thumb-list div.detail table td.price{
   text-align: center;
   font-weight: bold;
   color: #0c5d6e;
}
#main .thumb-list div.detail table td .default-price-sale{
   color: red;
   line-height: 1;
}
#main .thumb-list div.detail table td .default-price-sale span{
   font-size: 10px;
}
#main .thumb-list div.detail table td p{
   /*background: #fbfbfb;*/
   padding: 5px;
}

.item-list-container{
   padding-bottom: 20px;
}
.item-list-container div,
.item-list-container p{
   margin: 0;
   padding: 0;
}
.item-list-container .item{
   position: relative;
   display: inline-block;
   width: 141px;
   vertical-align: top;
   margin: 0px 14px 50px 0;
}
.item-list-container .item:nth-child(5n){
   margin-right: 0;
}
.item-list-container.column3 .item:nth-child(3n){margin-right: 0;}
.item-list-container.column3 .item:nth-child(5n){margin-right: 14px;}

.item-list-container.column4 .item:nth-child(4n){margin-right: 0;}
.item-list-container.column4 .item:nth-child(5n){margin-right: 14px;}

.item-list-container .item .thumb{
   position: relative;
   vertical-align: top;
   width: 141px;
   height: 165px;
   overflow: hidden;
}
.item-list-container .item .thumb img{
   display: block;
   width: 100%;
   height: auto;
}
.item-list-container .item .thumb .item-properties1,
.item-list-container .item .thumb .item-properties2{
   position: absolute;
   left: 0;
}
.item-list-container .item .thumb .item-properties1{
   top: 0;
}
.item-list-container .item .thumb .item-properties2{
   bottom: 0;
}

.item-list-container .item .item-properties{
   width: 100%;
   overflow: hidden;
   padding: 0;
   margin: 5px 0;
}
.item-list-container .item .item-properties .icon{
   display: block;
   float: left;
   width: 48%;
   width: calc((100% - 5px) / 2);
   height: 15px;
   list-style-type: none;
   line-height: 16px;
   font-size: 9px;
   text-align: center;
   color: #fff;
   background: #999;
   vertical-align: top;
   margin-right: 5px;
}
.item-list-container .item .item-properties .icon:nth-child(2n){
   margin-right: 0px;
}
.item-list-container .item .item-properties .icon.comingsoon{background-color: #969696;}
.item-list-container .item .item-properties .icon.reserve{background-color: #888;}
.item-list-container .item .item-properties .icon.ordering{background-color: #666;}
.item-list-container .item .item-properties .icon.soldout{width: 100%;background-color: #231816;}
.item-list-container .item .item-properties .icon.no-send-price{background-color: #555;}
.item-list-container .item .item-properties .icon.limited-sale{background-color: #555;letter-spacing: 1px;}
.item-list-container .item .item-properties .icon.repeat{background-color: #999;}
.item-list-container .item .item-properties .icon.new{background-color: #444;letter-spacing: 1px;}
.item-list-container .item .item-properties .icon.coupon{background-color: #818181;}

.item-list-container .item .name{
   height: 45px;
   font-size: 11px;
   color: #877f83;
   line-height: 1.4;
   overflow: hidden;
   margin-top: 5px;
}
.item-list-container .item .name .opt_cat{
   font-size: 9px;display:block;
   height:15px;
   overflow:hidden;
/*    font-size: 10px;color:#4d9fd7;display:block;transform: scale(0.8);transform-origin:0 0; */
}
.item-list-container .item .name a{
   color: #877f83;
}
.item-list-container .item .info{
   position: relative;
   height: 15px;
   overflow: hidden;
   margin-top: 5px;
}
.item-list-container .item .info .price{
   text-align: right;
   font-family: 'Roboto', sans-serif;
   font-weight: 500;
}
.item-list-container .item .info .bookmark{
   display: none;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 15px;
   height: 15px;
   line-height: 17px;
   text-align: center;
}
.item-list-container .item .info .bookmark a{
   color: #d4d4d4;
}
.item-list-container .item .info .bookmark a:hover{
   color: #f156ae;
}
.item-list-container .item .rank{
   display: none;
   position: absolute;
   top: -12px;
   right: -12px;
   width: 24px;
   height: 24px;
   line-height: 25px;
   text-align: center;
   color: #fff;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   background: #666;
}
.item-list-container .item .rank1{background-color: #FFD700;}
.item-list-container .item .rank2{background-color: #C0C0C0;}
.item-list-container .item .rank3{background-color: #C47222;}

.index-ranking .item-list-container .item .rank{display: block;}

/*coordinate-list*/
.item-list-container.coordinate-list .item{
   background: red;
}


/*ブランドリスト
--------------------------------------------*/
.brand-list-container{}
.brand-list-container .item{
   position: relative;
   list-style-type: none;
   display: inline-block;
   text-align: center;
   margin: 0;
   padding: 0;

   width: 16%;
   height: 50px;
}
.brand-list-container .item img{
   height: 50px;
   width: auto;
}
.brand-list-container .item .icon{
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 15px;
   line-height: 16px;
   font-size: 10px;
   color: #fff;
   text-align: center;
   letter-spacing: 1px;
   background: rgba(31,175,240,0.8);
}


/*--------------------------------------------------------------------
カテゴリーで探す
--------------------------------------------------------------------*/
.side-detail-search-btn{}
.side-detail-search-btn a{
   display: block;
   text-align: center;
   text-decoration: none;
   line-height: 1;
   font-size: 15px;
   color: #1a1a1a !important;
   background-color: #f1f1f1;
   border: solid 1px #d9d9d9;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 10px 0 8px;
}

/* normal
-------------------------------------*/
.category-search-list{}
.category-search-list .title{
   font-size: 15px;
   color: #282828;
   padding: 8px 0;
   border-bottom: solid 2px #e7e7e7;
}
#main-contents-right .category-search-list a{
   color: #5c5c5c ;
   /*text-decoration: none;*/
}
.category-search-list ul,
.category-search-list ul li{
   display: block;
   list-style-type: none;
   padding: 0;
   margin: 0;
}
.category-search-list .category-container{}
.category-search-list .category-container .category-title,
.category-search-list .category-container .category-contents .inner{
   border-bottom: solid 1px #e7e7e7;
}
.category-search-list .category-container .category-title a{
   display: block;
   line-height: 1;
   font-size: 13px;
   padding: 13px 8px;
}
.category-search-list .category-container .category-contents{
   /*height: 0;
   overflow: hidden;*/
}
.category-search-list .category-container .category-contents .inner{
   padding: 10px 0;
}
.category-search-list .category-container .category-contents .list-category-item{
   padding: 5px 8px;
   font-size: 11px;
}
.category-search-list .category-container .category-count{
   font-weight: normal;
   vertical-align: middle;
   font-size: 10px;
   color: #aaa;
}

/*色柄アイコン*/
.category-search-list .category-icons-container{
   padding: 10px 0 0 5px;
}
.category-search-list .category-icons-container .category-icon{
   display: inline-block;
}
.category-search-list .category-icons-container .category-icon a:hover{
   opacity:0.8;
   filter: alpha(opacity=80);
}

/*テキストリンク*/
.category-search-list .category-text-container{
   padding: 5px 0 0 0;
}
.category-search-list .category-text-container .category-link a{
   display: block;
   padding: 2px 0;
}

/*キーワード*/
.category-search-list .category-keyword-container{
   padding: 10px 0;
}
.category-search-list .category-keyword-container .category-link{
   display: inline-block;
   margin: 0 3px 0;
}
.category-search-list .category-keyword-container .category-link a{
   font-size: 10px;
   color: #ee3aa0;
}

/*詳細検索*/
.side-search{
   border: solid 1px #e2e2e2;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   overflow: hidden;
}
.side-search .title{
   padding-top: 12px;
   text-align: center;
   background-color: #f9f9f9;
}
.side-search dl{
   padding: 0 10px;
}
.side-search dl dt,
.side-search dl dd{}
.side-search dl dt{
   font-size: 11px;
   margin-top: 10px;
}
.side-search dl dd{}
.side-search dl dd select{
   width: 100%;
   margin-top: 4px;
}
.side-search dl dd input[type="text"]{
   width: 90%;
}
.side-search dl dd ul,
.side-search dl dd ul li{
   display: block;
   padding: 0;
   margin: 0;
}
.side-search dl dd ul li{
   margin-top: 5px;
   font-size: 10px;
}

.side-search dl .checkbox{
   border-top: dotted 1px #ddd;
   margin-top: 15px;
   padding-top: 10px;
}

.side-search .btns{
   border-top: solid 1px #ddd;
   text-align: center;
   padding: 10px;
}
.side-search .btns .btn{
   width: 100%;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background-color: #1C1C1C;
}
.side-search .btns .btn:hover{
   background-color: #2a2a2a;
}


/* category-area
-------------------------------------*/
#category-area{
   font-size: 10px;
   color:#746d6f;
   background: url(../img/brand/anap/top-category-bg.gif) left repeat-y;
}
#category-area a{
   color: #746d6f;
   text-decoration: none;
}
#category-area div.r_box {
   width: 160px;
   float: right;
}
#category-area div.l_box {
   width: 160px;
   float: left;
}
#category-area ul{
   width: 160px;
   margin: 0;
   padding: 0;
}
#category-area ul li{
   list-style-type: none;
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #e6dbd5;
   border-left: 1px solid #c4c4c4;
}
#category-area ul li.none_border{
   border-bottom:none;
}
#category-area ul li.bg_thick{
   background-color:#fef7fa;
}
#category-area ul li.bg_thin{
   background-color:#fffbfd;
}
#category-area ul li.bg_thick span, #category-area ul li.bg_thin span{
   margin-left: 10px;
   padding:3px 6px;
   display: block;
   background: url(../img/brand/anap/category-bt-icon.gif) left center no-repeat;
}
#category-area .color-index ul{
   width: 321px;
   overflow: hidden;
}
#category-area .color-index ul li{
   display: block;
   float: left;
   width: 159px;
   margin-right: 0px;
}
#category-area .color-index ul li span{
   display: block;
   padding: 4px!important;
   background: none;
   margin: 0;
}

/*btn*/
/*#category-area .tops a,
#category-area .outer a,
#category-area .others a,
#category-area .bottoms a,
#category-area .onepeace a,*/
#category-area h4 a{
   display: block;
   height:26px;
   width:159px;
   text-decoration: none;
   border: 0px;
}
.category-titles #bt_area{
   /*height:52px;*/
}
.category-titles #bt_area p{
   height:33px;
   width:159px;
   float: left;
   border-left: 1px solid #c4c4c4;
   padding: 0!important;
   margin: 0;
}
.category-titles #bt_area p a{
   display: block;
   height:33px;
   width:159px;
   text-decoration: none;
   border: 0px;
}
.category-titles #bt_area p span{
   visibility: hidden;
   height:26px;
   width:159px;
}
.category-titles .arrive{
   background: url(../img/brand/anap/top-category-bt-arrive.jpg) no-repeat;
}
.category-titles .ltsale{
   background: url(../img/brand/anap/top-category-bt-ltsale.jpg) no-repeat;
}
.category-titles .sale{
   background: url(../img/brand/anap/top-category-bt-sale.jpg) no-repeat;
}
.category-titles .ran{
   background: url(../img/brand/anap/top-category-bt-ran.jpg) no-repeat;
}
.category-titles .rearrival{
   background: url(../img/brand/anap/top-category-bt-rearrival.jpg) no-repeat;
}
.category-titles .net{
   background: url(../img/brand/anap/top-category-bt-net.jpg) no-repeat;
}
.category-titles .arrival{
   background: url(../img/brand/anap/top-category-bt-arrival.jpg) no-repeat;
}
.category-titles .logo{
   background: url(../img/brand/anap/top-category-bt-logo.jpg) no-repeat;
}
#category-area h4{
   height:25px;
   width:159px;
   border-left: 1px solid #c4c4c4;
   border-bottom: 1px solid #c4c4c4;
   background: none !important;
}
#category-area h4 span{
   /*visibility: hidden;*/
   display: block;
   height:25px;
   line-height: 27px;
   font-weight: bold;
   font-size: 13px;
   padding-left: 6px;
   background-color: rgba(0,0,0,0.1);
}
#category-area h4 span a{
   display: block;
   width:159px;
}
#category-area h4.tops{
   background: url(../img/brand/anap/top-category-bt-tops.jpg) no-repeat;
}
#category-area h4.outer{
   background: url(../img/brand/anap/top-category-bt-outer.jpg) no-repeat;
}

#category-area h4.others{
   background: url(../img/brand/anap/top-category-bt-others.jpg) no-repeat;
}
#category-area h4.others2{
   background: url(../img/brand/anap/top-category-bt-others2.jpg) no-repeat;
}
#category-area h4.bottoms{
   background: url(../img/brand/anap/top-category-bt-bottoms.jpg) no-repeat;
}
#category-area h4.onepeace{
   background: url(../img/brand/anap/top-category-bt-onepeace.jpg) no-repeat;
}
#category-area h4.shoes{
   background: url(../img/brand/anap/top-category-bt-shoes.jpg) no-repeat;
}
#category-area h4.bag{
   background: url(../img/brand/anap/top-category-bt-bag.jpg) no-repeat;
}
#category-area h4.accessory{
   background: url(../img/brand/anap/top-category-bt-accessory.jpg) no-repeat;
}
#category-area h4.setitem{
   background: url(../img/brand/anap/top-category-bt-setitem.jpg) no-repeat;
}
#category-area h4.hu{
   background: url(../img/brand/anap/top-category-bt-hu.jpg) no-repeat;
}

/**/
#category-area .textbox{
   width: 159px;
   float: left;
   /*background-color:#fef7fa;*/
}
#category-area .textbox span{
   border-bottom: 1px dotted #b1acaf;
   display: block;
   margin:0 10px 7px 10px;
   padding:10px 0 8px 0;
}
#category-area .textbox .detail_bt{
   width: 143px;
   height: 27px;
   margin: 0px 5px 0 7px;
   padding-bottom: 5px;
   background: url(../img/brand/anap/top-category-bt-detail.jpg) no-repeat;
}
html* #category-area .textbox .detail_bt{
   margin: 0px 5px 5px 2px;
}
#category-area .textbox .detail_bt span{
   visibility: hidden;
}
#category-area .textbox .detail_bt a{
   width: 143px;
   height: 27px;
   display: block;
}





/*--------------------------------------------------------------------
Footer
--------------------------------------------------------------------*/
/*donation-text*/
#footer-donation-text{
   width: 880px;
   padding: 18px 0 0;
   margin: 0 auto;
}
#footer-donation-text p{
   text-align: center;
   padding: 9px;
   background: #282828;
   border: solid 1px #393939;
}
#footer-donation-text p a{
   color: #fff;
   text-decoration: none;
}
#footer-donation-text p a:hover{
   color: #ccc;
}
/*interface switch*/
/*
#footer-interface-switch{
   width: 340px;
   padding: 20px 0;
   margin: 10px auto 0;
   text-align: center;
   font-size: 24px;
   background: #fffffc;
   border: solid 1px #ca9eca;
}
*/
#footer-interface-switch{
   padding: 20px;
   color: #fff;
   font-size: 48px;
   text-align: center;
   background: #000;
}

/*brand footer*/
#brand-footer{
   height: 30px;
   background: url(../img/common/bg-footer-brand.png) repeat-x top;
   overflow: hidden;
   margin-top: 10px;
}
#brand-footer-contents{
   width: 961px;
   overflow: hidden;
   margin: 5px auto 0;
}
#brand-footer-contents:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#brand-footer-menu{
   float: left;
}
#brand-footer-menu ul,
#brand-footer-menu ul li{
   display: block;
   height: 25px;
   background: url(../img/common/footer-border1.png) no-repeat left center;
}
#brand-footer-menu ul{
   margin: 0;
   padding: 0;
}
#brand-footer-menu ul li{
   float: left;
   line-height: 25px;
   background: url(../img/common/footer-border1.png) no-repeat right center;
   padding: 0 15px 0;
}
#brand-footer-menu ul li a{
   color: #fff;
   font-size: 10px;
   text-decoration: none;
}
#brand-footer-pagetop{
   float: right;
   width: 102px;
   overflow: hidden;
}
#brand-footer-pagetop a{
   display: block;
   width: 102px;
   height: 11px;
   text-indent: -9999px;
   overflow: hidden;
   margin-top: 7px;
   background: url(../img/common/footer-pagetop.png) no-repeat;
}

/*general footer*/
#footer{
   clear: both;
   /*height: 600px;*/
   background: #f5f2f3;
   margin: 0;
   padding: 0;
   overflow: hidden;
   margin-top: 30px;
}
#footer:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#footer .footer-navi-contents{
   width: 961px;
   border-bottom: solid 1px #d9d9d9;
   margin: 20px auto 0;
   padding-bottom: 10px;
   overflow: hidden;
   zoom: 1;
}
#footer .footer-navi-contents .footer-navi-menu{
   float: left;
}
#footer .footer-navi-contents .footer-navi-sns{
   float: right;
}
#footer .footer-navi-contents ul{
   padding-left: 0;
}
#footer .footer-navi-contents ul li{
   list-style-type: none;
   display: inline-block;
   height: 25px;
   line-height: 25px;
   margin-right: 20px;
}
#footer .footer-navi-contents ul li a{
   color: #000;
   text-decoration: none;
}
#footer .footer-navi-contents .footer-navi-menu ul li a:hover{
   border-bottom: solid 1px #000;
}
#footer .footer-navi-contents .footer-navi-sns ul li img{
   height: 25px;
   width: auto;
}
#footer .footer-navi-contents .footer-navi-sns ul li a:hover{
   opacity:0.9;
   filter: alpha(opacity=90);
}

#footer-contents{
   width: 961px;
   overflow: hidden;
   margin: 20px auto 0;
}

#footer-contents h3{
   overflow: hidden;
   color: #000;
   font-weight: normal;
   border-bottom: solid 1px #d9d9d9;
   margin-right: 10px;
   margin-top: 20px;
   padding-bottom: 7px;

}
#footer-menu     h3{}
#footer-category h3{}
#footer-anapnet  h3{margin-right: 0;}

#footer-contents h4,
#footer-contents h4 a{}
#footer-contents h4{
   width: 143px;
   font-weight: normal;
   margin: 20px 0 0 8px;
}
#footer-contents h4 a{
   display: block;
   overflow: hidden;
   color: #000000;
   text-decoration: none;
}
#footer-contents h4#footer-title-tops     a{}
#footer-contents h4#footer-title-bottoms  a{}
#footer-contents h4#footer-title-outer    a{}
#footer-contents h4#footer-title-onepiece a{}
#footer-contents h4#footer-title-other    a{}
#footer-contents h4#footer-title-size{}
#footer-contents h4#footer-title-brand{}
#footer-contents h4#footer-title-select-brand{}

#footer-title-size-kids{font-size: 12px;}

#footer-contents ul,
#footer-contents ul li{
   display: block;
}
#footer-contents ul{
   width: 143px;
   padding: 0;
   margin: 7px 0 0 8px;
}
#footer-contents ul li{
   padding: 3px 0;
}
#footer-contents ul li:first-child{}
#footer-contents ul li a{
   font-size: 10px;
   color: #7a7a7a;
   text-decoration: none;
}
#footer-contents ul li a:hover{text-decoration: underline;}
#footer-contents ul li a:active{color: #000;}

#footer-anapnet h3{
   margin-bottom: 20px;
}
#footer-anapnet .box-item{
   float: left;
   width: 159px;
   border-right: solid 1px #d9d9d9;
   border-bottom: solid 1px #d9d9d9;
}
#footer-anapnet .box-item:nth-child(2n){clear: both;}
#footer-anapnet .box-item:nth-child(2n) h4{margin-left: 0;}
#footer-anapnet .box-item:nth-child(2n) p{margin: 9px 12px 20px 0;}
#footer-anapnet .box-item:nth-child(2n-1){border-right: none;}
#footer-anapnet .box-item:nth-child(2n-1) h4{margin-left: 12px;}
#footer-anapnet .box-item:nth-child(2n-1) p{
   margin: 9px 0 20px 12px;
}

#footer-anapnet .box-item:last-child{border-bottom: none;}

#footer-contents #footer-anapnet .box-item h4,
#footer-contents #footer-anapnet .box-item h4 a{
   height: 40px;
   width: 135px;
}
#footer-contents #footer-anapnet .box-item h4{
   text-indent: -9999px;
   overflow: hidden;
   margin-top: 10px;
}
#footer-contents #footer-anapnet .box-item p{
   font-size: 10px;
   color: #7a7a7a;

}

#footer-anapnet div#footer-brand-anap     h4{background: url(../img/common/footer-brand-logo-anap.png) no-repeat center center;}
#footer-anapnet div#footer-brand-feefe    h4{background: url(../img/common/footer-brand-logo-feefe.png) no-repeat center center;}
#footer-anapnet div#footer-brand-kids     h4{background: url(../img/common/footer-brand-logo-kids.png) no-repeat center center;}
#footer-anapnet div#footer-brand-anapgirl h4{background: url(../img/common/footer-brand-logo-anapgirl.png) no-repeat center center;}
#footer-anapnet div#footer-brand-outlet   h4{background: url(../img/common/footer-brand-logo-outlet.png) no-repeat center center;}
#footer-anapnet div#footer-brand-cosme    h4{background: url(../img/common/footer-brand-logo-cosme.png) no-repeat center center;}
#footer-anapnet div#footer-brand-holik    h4{background: url(../img/common/footer-brand-logo-holik.png) no-repeat center center;}

#footer-copyright{
   clear: both;
   text-align: left;
   padding: 30px 0;
}
#footer-copyright p{
   font-size: 10px;
   border-top: solid 1px #d9d9d9;
   color: #7a7a7a;
   padding-top: 15px;
}


/*---------------------------------------
about onlineshop
---------------------------------------*/
.about-onlineshop{
   width: 751px;
   margin: 10px 0 0 25px;
   display: none;
}
.about-onlineshop .title,
.about-onlineshop .description{
   color: #877f83;
}
.about-onlineshop .title{
   font-size: 13px;
}
.about-onlineshop .description{
   font-size: 10px;
   margin-top: 5px;
}


/*--------------------------------------------------------------------
Form
--------------------------------------------------------------------*/
input{
   background: #fff;
   border: solid 1px #dedede;
   padding: 5px;
}
input.btn{
   background: #000;
   color: #fff;
   border: none;
   cursor: pointer;
}
input.image-btn{
   padding: 0;
   border: none;
}
input[type="checkbox"]{
   vertical-align:middle;
   border: none;
   padding: 0;
}

* html input[type="checkbox"]{

}

/*--------------------------------------------------------------------
Error
--------------------------------------------------------------------*/
.error{
   width: 74%;
   text-align: center;
   color: #444;
   margin: 3% 13%;
   padding: 7% 0;
   background: #dedede;
}


/*notice*/
p.notice,
div.notice{
   clear: both;
   border-top: solid 1px #dedede;
   text-align: center;
   padding: 15px 9px;
}
span.notice{
   color: #fc60bb;
}

.notice p.caution{
   line-height: 1.8;
   border: solid 2px #000;
   margin: 9px;
   padding: 9px;
}


/*--------------------------------------------------------------------
Text
--------------------------------------------------------------------*/
.strong{

}
.small{
   font-size: small;
}
.big{

}
a.hoge{

}
.center{
   text-align: center!important;
}

.border-top{
   border-top: solid 1px #dedede;
   padding: 9px 0;
}
.border-right{
   border-right: solid 1px #dedede;
}
.border-bottom{
   border-bottom: solid 1px #dedede;
}
.border-left{
   border-top: solid 1px #dedede;
}



/*--------------------------------------------------------------------
Others
--------------------------------------------------------------------*/
.clear{
   display: block;
   clear: both;
}

/*table*/
#main table.default{
   width: 100%;
   border-collapse:separate;
   border-spacing:1px;
   background: #dedede;
}
#main table.default thead th,
#main table.default thead td,
#main table.default tbody th,
#main table.default tbody td{
   padding: 13px;
}
#main table.default thead th{
   background: #fbfbfb;
   border: solid 1px #fff;
}
#main table.default thead td{

}
#main table.default tbody th{
   background: #fbfbfb;
   border: solid 1px #fff;
}
#main table.default tbody td{
   background: #ffffff;
}

/*list*/
#main ul.normal-list{
   font-size: 12;
}


.border-bottom{
   border-bottom: solid 1px #dedede;
}
.border-top{
   border-top: solid 1px #dedede;
}

.mobile-only{
   width: 80%;
   text-align: center;
   background: #eaeaea;
   margin: 15px auto;
   padding: 15px;
}

.campaign-container{
   margin-left: auto;
   margin-right: auto;
}

/*SNS Buttons*/
#sns-btns,
.sns-btns{
   padding: 9px 9px 9px;
   border-top: dotted 1px #ddd;
   margin-top: 9px;
}
#sns-btns ul,
.sns-btns ul{
   zoom: 1;
   margin: 0;
   padding: 0;
}
#sns-btns ul:after,
.sns-btns ul:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#sns-btns ul li,
.sns-btns ul li{
   display: block;
   float: left;
   padding: 0;
   margin: 0 5px 0 0;
}
#sns-btns ul li.sns-twitter-btn *,
.sns-btns ul li.sns-twitter-btn *{
   cursor: pointer;
}
#sns-btns ul li.sns-google-btn div#___plusone_0,
.sns-btns ul li.sns-google-btn div#___plusone_0{
   width: 65px!important;
}
#sns-btns ul li.sns-facebook-btn iframe,
.sns-btns ul li.sns-facebook-btn iframe{
}

/*alert-message*/
.alert-message{
   z-index: 1500;
   position: fixed;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%); /* Safari用 */
   transform: translate(-50%, -50%);
   color: #fff;
   text-align: center;
   background: #fbfbfb;
   border: solid 5px #fe78b1;
}
.alert-message .alert-message-name{
   color: #c81758;
   background-color: #fec0da;
   padding: 5px 10px;
   font-weight: bold;
}
.alert-message .alert-message-text{
   font-size: 16px;
   font-weight: bold;
   color: #333;
   padding: 5px 10px;
}

.item-list .item-detail .alert-message{
   position: absolute!important;
   left: 0;
}
.item-list .item-detail .alert-message .alert-message-name{
   text-align: center;
}

/*ブランドリスト*/
ul.brand-list{}
ul.brand-list li,
ul.brand-list li a{
   display: block;
   width: 80px;
   height: 30px;
}
ul.brand-list li{
   float: left;
}
ul.brand-list li a{
   text-indent: -9999px;
   overflow: hidden;
   background-image: url(../img/common/brand-list-bg.gif);
   background-repeat: no-repeat;
}
ul.brand-list li.anap        a{background-position:     0px   0px;}
ul.brand-list li.mimpi       a{background-position:   -80px   0px;}
ul.brand-list li.chille      a{background-position:  -160px   0px;}
ul.brand-list li.settimo     a{background-position:  -240px   0px;}
ul.brand-list li.settimissimo a{background-position:  -240px   0px;}
ul.brand-list li.usa         a{background-position:  -320px   0px;}
ul.brand-list li.latina      a{background-position:  -400px   0px;}
ul.brand-list li.kids        a{background-position:  -480px   0px;}
ul.brand-list li.cruce       a{background-position:  -560px   0px;}
ul.brand-list li.sandie      a{background-position:  -640px   0px;}
ul.brand-list li.sandieanap  a{background-position:  -640px   0px;}
ul.brand-list li.alluge      a{background-position:  -720px   0px;}
ul.brand-list li.zakka       a{background-position:  -800px   0px;}
ul.brand-list li.home        a{background-position:  -800px   0px;}
ul.brand-list li.anaphome    a{background-position:  -800px   0px;}
ul.brand-list li.spanish     a{background-position:  -880px   0px;}
ul.brand-list li.romeo       a{background-position:  -960px   0px;}
ul.brand-list li.romeoyjulieta a{background-position:  -960px   0px;}
ul.brand-list li.anapu       a{background-position: -1040px   0px;}
ul.brand-list li.mens        a{background-position: -1120px   0px;}
ul.brand-list li.lovehandles a{background-position: -1200px   0px;}
ul.brand-list li.cosmetic    a{background-position: -1280px   0px;}
ul.brand-list li.outlet      a{background-position: -1360px   0px;}
ul.brand-list li.anapgirl    a{background-position: -1440px   0px;}
ul.brand-list li.anaptoy     a{background-position: -1520px   0px;}
ul.brand-list li.sekanskeen  a{background-position: -1600px   0px;}
ul.brand-list li.factor      a{background-position: -1680px   0px;}
ul.brand-list li.anapboy     a{background-position: -1760px   0px;}
ul.brand-list li.anapschool  a{background-position: -1840px   0px;}
ul.brand-list li.bamboo2     a{background-position: -1920px   0px;}
ul.brand-list li.auli        a{background-position: -2000px   0px;}
ul.brand-list li.acdy        a{background-position: -2080px   0px;}
ul.brand-list li.underanap   a{background-position: -2160px   0px;}

ul.brand-list li.anap        a:hover{background-position:     0px -30px;}
ul.brand-list li.mimpi       a:hover{background-position:   -80px -30px;}
ul.brand-list li.chille      a:hover{background-position:  -160px -30px;}
ul.brand-list li.settimo     a:hover{background-position:  -240px -30px;}
ul.brand-list li.usa         a:hover{background-position:  -320px -30px;}
ul.brand-list li.latina      a:hover{background-position:  -400px -30px;}
ul.brand-list li.kids        a:hover{background-position:  -480px -30px;}
ul.brand-list li.cruce       a:hover{background-position:  -560px -30px;}
ul.brand-list li.sandie      a:hover{background-position:  -640px -30px;}
ul.brand-list li.sandieanap  a:hover{background-position:  -640px -30px;}
ul.brand-list li.alluge      a:hover{background-position:  -720px -30px;}
ul.brand-list li.zakka       a:hover{background-position:  -800px -30px;}
ul.brand-list li.home        a:hover{background-position:  -800px -30px;}
ul.brand-list li.anaphome    a:hover{background-position:  -800px -30px;}
ul.brand-list li.spanish     a:hover{background-position:  -880px -30px;}
ul.brand-list li.romeo       a:hover{background-position:  -960px -30px;}
ul.brand-list li.romeoyjulieta a:hover{background-position:  -960px -30px;}
ul.brand-list li.anapu       a:hover{background-position: -1040px -30px;}
ul.brand-list li.mens        a:hover{background-position: -1120px -30px;}
ul.brand-list li.lovehandles a:hover{background-position: -1200px -30px;}
ul.brand-list li.cosmetic    a:hover{background-position: -1280px -30px;}
ul.brand-list li.outlet      a:hover{background-position: -1360px -30px;}
ul.brand-list li.anapgirl    a:hover{background-position: -1440px -30px;}
ul.brand-list li.anaptoy     a:hover{background-position: -1520px -30px;}
ul.brand-list li.sekanskeen  a:hover{background-position: -1600px -30px;}
ul.brand-list li.factor      a:hover{background-position: -1680px -30px;}
ul.brand-list li.anapboy     a:hover{background-position: -1760px -30px;}
ul.brand-list li.anapschool  a:hover{background-position: -1840px -30px;}
ul.brand-list li.bamboo2     a:hover{background-position: -1920px -30px;}
ul.brand-list li.auli        a:hover{background-position: -2000px -30px;}
ul.brand-list li.acdy        a:hover{background-position: -2080px -30px;}
ul.brand-list li.underanap   a:hover{background-position: -2160px -30px;}

ul.brand-list li.anap        a:active{background-position:     0px -60px;}
ul.brand-list li.mimpi       a:active{background-position:   -80px -60px;}
ul.brand-list li.chille      a:active{background-position:  -160px -60px;}
ul.brand-list li.settimo     a:active{background-position:  -240px -60px;}
ul.brand-list li.usa         a:active{background-position:  -320px -60px;}
ul.brand-list li.latina      a:active{background-position:  -400px -60px;}
ul.brand-list li.kids        a:active{background-position:  -480px -60px;}
ul.brand-list li.cruce       a:active{background-position:  -560px -60px;}
ul.brand-list li.sandie      a:active{background-position:  -640px -60px;}
ul.brand-list li.sandieanap  a:active{background-position:  -640px -60px;}
ul.brand-list li.alluge      a:active{background-position:  -720px -60px;}
ul.brand-list li.zakka       a:active{background-position:  -800px -60px;}
ul.brand-list li.home        a:active{background-position:  -800px -60px;}
ul.brand-list li.anaphome    a:active{background-position:  -800px -60px;}
ul.brand-list li.spanish     a:active{background-position:  -880px -60px;}
ul.brand-list li.romeo       a:active{background-position:  -960px -60px;}
ul.brand-list li.romeoyjulieta a:active{background-position:  -960px -60px;}
ul.brand-list li.anapu       a:active{background-position: -1040px -60px;}
ul.brand-list li.mens        a:active{background-position: -1120px -60px;}
ul.brand-list li.lovehandles a:active{background-position: -1200px -60px;}
ul.brand-list li.cosmetic    a:active{background-position: -1280px -60px;}
ul.brand-list li.outlet      a:active{background-position: -1360px -60px;}
ul.brand-list li.anapgirl    a:active{background-position: -1440px -60px;}
ul.brand-list li.anaptoy     a:active{background-position: -1520px -60px;}
ul.brand-list li.sekanskeen  a:active{background-position: -1600px -60px;}
ul.brand-list li.factor      a:active{background-position: -1680px -60px;}
ul.brand-list li.anapboy     a:active{background-position: -1760px -60px;}
ul.brand-list li.anapschool  a:active{background-position: -1840px -60px;}
ul.brand-list li.bamboo2     a:active{background-position: -1920px -60px;}
ul.brand-list li.auli        a:active{background-position: -2000px -60px;}
ul.brand-list li.acdy        a:active{background-position: -2080px -60px;}
ul.brand-list li.underanap   a:active{background-position: -2160px -60px;}

ul.brand-list li.none{
   background: url(../img/common/brand-list-bg.gif) no-repeat right 0px;
}

/*
.alert-message{
   z-index: 1000;
   position: fixed;
   top: 0;
   width: 100%;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   background: url(../img/common/alert-message-bg.png);
   opacity:0;
   filter: alpha(opacity=0);
   padding: 7px 20px;
}
.alert-message span{

}

/*index-keyword*/
#index-keyword{
   border-top: solid 1px #dedede;
   padding: 9px 9px 0;
   font-size: 16px;
   text-align: center;
}
#index-keyword dt{
   font-weight: bold;
   padding-bottom: 4px;
}


/*---------------------------------
add-brand
-----------------------------------*/
.main-visual{
   position: relative;
}

.main-visual #add-brand{
   position: absolute;
   right: 10px;
   bottom: 10px;
   width: 66px;
   height: 66px;
}
.main-visual #add-brand .like-btn,
.main-visual #add-brand .like-btn a{
   width: 66px;
   height: 66px;
}
.main-visual #add-brand .like-btn{
   margin: 0;
   padding: 0;
}
.main-visual #add-brand .like-btn a{
   background: url(/img/common/add-brand-btn.png) no-repeat;
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}
.main-visual #add-brand .like-btn.like a{
   background-image: url(/img/common/add-brand-btn-added.png);
}
.main-visual #add-brand .like-btn a:active{
   margin-top: 2px;
}
.main-visual #add-brand .add-brand-popup{
   display: none;
   position: absolute;
   left: -42px;
   top: -76px;
   width: 151px;
   height: 77px;
   text-indent: -9999px;
   background: url(/img/common/add-brand-btn-popup-not-member.png) no-repeat;
}
.main-visual #add-brand .member{
   top: -58px!important;
   height: 59px!important;
   background-image: url(/img/common/add-brand-btn-popup-member.png)!important;
}

/*---------------------------------
members only
-----------------------------------*/
.attention-box{
   display: none;
   width: 450px;
   border: solid 3px #ddd;
   background: #fcfcfc;
}
.attention-box .inner{
   padding: 30px;
}
.attention-box .title{
   text-align: center;
   padding-bottom: 5px;
}
.attention-box .description{
   text-align: center;
}


/*--------------------------------------------------------------------
common-category-list
--------------------------------------------------------------------*/
.common-category-list-container .category-list{}
.common-category-list-container .category-list-header{
   position: relative;
   height: 50px;
   border-top: solid 1px #cac8c8;
   border-bottom: solid 1px #dedede;
   margin-top: -1px;
}
.common-category-list-container .category-list-header h4{
   height: 50px;
   font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','A-OTF 新ゴ Pro R','ヒラギノ角ゴ2','ヒラギノ角ゴ3','ヒラギノ角ゴ4','小塚ゴシック Pro R','小塚ゴシック Pro';
   line-height: 50px;
   padding-left: 10px;
}
.common-category-list-container .category-list-header h4 span{
   font-size: 24px;
   letter-spacing: 2px;
}
.common-category-list-container .category-list-header h4 a{
   vertical-align: top;
   color: #292929;
   font-size: 12px;
   font-weight: normal;
   /*text-decoration: none;*/
}
.common-category-list-container .category-list-header h4 a:hover{
   color: red;
}
.common-category-list-container .category-list-header .btn{
   position: absolute;
   right: 10px;
   top: 10px;
   width: 225px;
   height: 24px;
   border: solid 3px #cfcfcf;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 0!important;
   overflow: hidden;
   cursor: pointer;
}
.common-category-list-container .category-list-header .btn:hover{
   border-color: #b1b1b1;
}
.common-category-list-container .category-list-header .btn p{
   color: #000000;
   font-size: 11px;
   line-height: 24px;
   margin: 0;
   padding: 0;
}
.common-category-list-container .category-list-header .btn .icon{
   display: block;
   position: absolute;
   right: 10px;
   top: 2px;
   width: 14px;
   height: 14px;
   color: #cfcfcf;
}
.common-category-list-container .category-list-header .btn .open{
   display: none;
}
.common-category-list-container .category-list-header .cat-icon{
   display: none;
   position: absolute;
   left: 4px;
   top: 4px;
   width: 42px;
   height: 42px;
   background-image: url(/img/ipn/index/categolry_title.png);
   background-repeat: no-repeat;
   background-color: none;
   -moz-background-size:  450px auto;
   -webkit-background-size: 450px auto;
   background-size: 450px auto;
}
.common-category-list-container .tops      .category-list-header .cat-icon{background-position: -10px  -20px !important;}
.common-category-list-container .onepiece  .category-list-header .cat-icon{background-position: -10px -95px !important;}
.common-category-list-container .outers    .category-list-header .cat-icon{background-position: -10px -173px !important;}
.common-category-list-container .bottoms   .category-list-header .cat-icon{background-position: -10px -250px !important;}
.common-category-list-container .bag       .category-list-header .cat-icon{background-position: -10px -326px !important;}
.common-category-list-container .shoes     .category-list-header .cat-icon{background-position: -10px -402px !important;}
.common-category-list-container .accessory .category-list-header .cat-icon{background-position: -10px -484px !important;}
.common-category-list-container .others    .category-list-header .cat-icon{background-position: -10px -559px !important;}
.common-category-list-container .swimsuit  .category-list-header .cat-icon{background-position: -10px -631px !important;}


.common-category-list-container .category-list-body{
   overflow: hidden;
   padding-bottom: 2px;
   /*
   background: #f8f8f8;
   border-left: solid 1px #dedede;
   border-right: solid 1px #dedede;
   */
}

.common-category-list-container .category-list-body{}
.common-category-list-container .category-list-body ul{
   text-align: center;
   overflow: hidden;
   zoom: 1;
   padding: 8px 0 2px;
   font-size: 0px;
}
.common-category-list-container .category-list-body ul li{
   display: inline-block;
   overflow: hidden;
   margin: 0 0 6px 5px;
}
.common-category-list-container .category-list-body ul li a{
   display: block;
   color: #292929;
   font-size: 17px;
   font-weight: normal;
   text-align: center;
   /*text-decoration: none;*/
   letter-spacing: 1px;
   line-height: 1;
   border: solid 1px #cac8c8;
   background: #fff9fb url(/img/common/icon-vector.gif) no-repeat right center;
   padding: 14px 10px 12px;
   margin: 0;
}
.common-category-list-container .category-list-body ul li:nth-child(odd) a{background-color: #feeef4!important;}
.common-category-list-container .category-list-body ul li a:hover{
   opacity:0.8;
   filter: alpha(opacity=80);
}

.common-category-list-container .category-list-body ul{
   text-align: left;
   padding-left: 3px;
}
.common-category-list-container .category-list-body ul li{
   /*width: 127px;*/
   width: 153px;
}
.common-category-list-container .category-list-body ul li a{
   height: 40px;
   text-align: left;
   font-size: 12px;
   padding: 0 8px;
}
.common-category-list-container .category-list-body ul li a span{
   display: inline-block;
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 130px;
   font-size: 11px;
   vertical-align: middle;
}


/*--------------------------------------------------------------------
btns
--------------------------------------------------------------------*/
.btns{}
.btns .btn{
   display: inline-block;
   background: #e51f76;
   color: #fff !important;
   font-size: 12px;
   text-decoration: none;
   line-height: 1;
   border: none;
   cursor: pointer;
   padding: 10px 20px;
}
.btns .btn:hover{
   background-color: #f248a9;
}


/*--------------------------------------------------------------------
halloween　2011 (111101以降不要となります)
--------------------------------------------------------------------*/
   /*title*/
   #halloween p#halloweentitle,
   #halloween p#halloweentitle a{
      width: 70px;
      height: 30px;
      position: fixed;
      top:0;
      left: 0;
      z-index: 9998;
   }

   #halloween p#halloweentitle a{
      display: block;
      text-indent: -9999px;
      overflow: hidden;
      background-image: url(../img/common/halloween-header-menu-bg.png)!important;
      background-repeat: no-repeat;
      background-position: 0 0;
   }

   #halloween p#halloweentitle a:hover{background-position: 0 -31px;}
   #halloween p#halloweentitle a:active{background-position: 0 -62px;}

    /*other*/
   #halloween .halloween-hat{
      width: 15px;
      height: 15px;
      background: url(../img/common/halloween-hat.png) 0 0 no-repeat;
      position: fixed;
      top:0;
      left: 0;
      z-index: 9999;
      }

   #halloween .halloween-bad{
      width: 70px;
      height: 26px;
      background: url(../img/common/halloween-bad.gif) 0 0 no-repeat;
      position: fixed;
      top: 28px;
      left: 0;
      z-index: -10;
      }

/*--------------------------------------------------------------------
christmas　2011
--------------------------------------------------------------------*/

   /*title*/
   #christmasLogo p,
   #christmasLogo p a{
      width: 70px;
      height: 30px;
      position: fixed;
      top:0;
      left: 0;
      z-index: 9998;
   }

   #christmasLogo p a{
      background: url(../img/common/header/christmas-anime.gif) 0 0 no-repeat;
      text-indent: -9999px;
      font-size: 0.1em;
      line-height: 0;
      overflow: hidden;
   }

   #christmasLogo .christmas-hat{
      width: 18px;
      height: 15px;
      background: url(../img/common/header/christmas-hat.png) 0 0 no-repeat;
      position: fixed;
      top:1px;
      left: 1px;
      z-index: 9997;
      }


   /*title*/

   #christmasLogo .christmas-snow-01{
      width: 42px;
      height: 41px;
      background: url(../img/common/header/christmas-snow-01.png) 0 0 no-repeat;
      position: fixed;
      top:20px;
      left: -1px;
      z-index: 9997;
      }

   #christmasLogo .christmas-snow-02{
      width: 35px;
      height: 34px;
      background: url(../img/common/header/christmas-snow-02.png) 0 0 no-repeat;
      position: fixed;
      top:-19px;
      left: 28px;
      z-index: 9997;
      }

   #christmasLogo .christmas-snow-03{
      width: 30px;
      height: 30px;
      background: url(../img/common/header/christmas-snow-03.png) 0 0 no-repeat;
      position: fixed;
      top: 15px;
      left: 50px;
      z-index: 9997;
      }

   #christmas-snow-anime-wrap {
      width: 70px;
      height: 30px;
      position: fixed;
      top:0;
      left: 0;
      z-index: 9999;
      outline: none;

   }

   #christmas-snow-anime {
      outline: none;
      overflow: hidden;
   }



/*--------------------------------------------------------------------
newyear　2012
--------------------------------------------------------------------*/


   #newyear2012-anime-wrap {
      width: 125px;
      height: 30px;
      position: fixed;
      top:0;
      left: 0;
      z-index: 9999;
      outline: none;

   }

   /*iPad版*/
   #newyear2012-nf-wrap a{
      width: 70px;
      height: 54px;
      padding-top: 8px;
      position: fixed;
      top:0;
      left: 0;
      z-index: 9999;
      outline: none;
   }


   #newyear2012-anime {
      outline: none;
      overflow: hidden;
   }


/*--------------------------------------------------------------------
valentinesday2012
--------------------------------------------------------------------*/

   #valentinesday2012-anime-wrap {
      width: 125px;
      height: 30px;
      position: fixed;
      top:0;
      left: 0;
      z-index: 9999;
      outline: none;

   }

   /*iPad版*/
   #valentinesday2012-nf-wrap a{
      width: 70px;
      height: 54px;
      padding-top: 8px;
      position: fixed;
      top:0;
      left: 0;
      z-index: 9999;
      outline: none;
   }


   #valentinesday2012-anime {
      outline: none;
      overflow: hidden;
   }


/*--------------------------------------------------------------------
anap20th2012
--------------------------------------------------------------------*/

#general-header h1.anap20th2012 {
   width: 95px;
   }

#general-header h1.anap20th2012 a {
   background: url(../img/common/header/2012-20th-header-menu-bg.png) 0 0 no-repeat;
   background-position: 0 0;
   width: 100%;
   }

#general-header h1.anap20th2012 a:hover { background-position: 0 -31px!important;}
#general-header h1.anap20th2012 a:active { background-position: 0 -62px!important;}

body.anap20th2012{
   background: url(../img/common/header/2012-bg_anap_20th.gif) center 0 repeat!important;
}

/*--------------------------------------------------------------------
worldcup2014
--------------------------------------------------------------------*/
.worldcup2014 #header{background-color: #1c25a6;}
.worldcup2014 #general-header #header-menu1 h1{
   width: 180px;
}

.worldcup2014 #general-header #header-menu1 h1 a {
   background-image: url(../img/common/header-logo-worldcup2014.png);
   width: 100%;
}

body.worldcup2014{

}

/*--------------------------------------------------------------------
utility
--------------------------------------------------------------------*/

/*margin padding*/
.mn{ margin: 0 0 0 0 !important; }
.ma{ margin: auto; }


.mt0{ margin-top:0px !important; }
.mr0{ margin-right:0px !important; }
.mb0{ margin-bottom:0px !important; }
.ml0{ margin-left:0px !important; }
.ma5{ margin:5px !important; }
.mt5{ margin-top:5px !important; }
.mr5{ margin-right:5px !important; }
.mb5{ margin-bottom:5px !important; }
.ml5{ margin-left:5px !important; }
.ma10{ margin:10px !important; }
.mt10{ margin-top:10px !important; }
.mr10{ margin-right:10px !important; }
.mb10{ margin-bottom:10px !important; }
.ml10{ margin-left:10px !important; }
.ma15{ margin:15px !important; }
.mt15{ margin-top:15px !important; }
.mr15{ margin-right:15px !important; }
.mb15{ margin-bottom:15px !important; }
.ml15{ margin-left:15px !important; }
.ma20{ margin:20px !important; }
.mt20{ margin-top:20px !important; }
.mr20{ margin-right:20px !important; }
.mb20{ margin-bottom:20px !important; }
.ml20{ margin-left:20px !important; }
.ma25{ margin:25px !important; }
.mt25{ margin-top:25px !important; }
.mr25{ margin-right:25px !important; }
.mb25{ margin-bottom:25px !important; }
.ml25{ margin-left:25px !important; }
.ma30{ margin:30px !important; }
.mt30{ margin-top:30px !important; }
.mr30{ margin-right:30px !important; }
.mb30{ margin-bottom:30px !important; }
.ml30{ margin-left:30px !important; }
.ma35{ margin:35px !important; }
.mt35{ margin-top:35px !important; }
.mr35{ margin-right:35px !important; }
.mb35{ margin-bottom:35px !important; }
.ml35{ margin-left:35px !important; }
.ma40{ margin:40px !important; }
.mt40{ margin-top:40px !important; }
.mr40{ margin-right:40px !important; }
.mb40{ margin-bottom:40px !important; }
.ml40{ margin-left:40px !important; }
.ma45{ margin:45px !important; }
.mt45{ margin-top:45px !important; }
.mr45{ margin-right:45px !important; }
.mb45{ margin-bottom:45px !important; }
.ml45{ margin-left:45px !important; }
.ma50{ margin:50px !important; }
.mt50{ margin-top:50px !important; }
.mr50{ margin-right:50px !important; }
.mb50{ margin-bottom:50px !important; }
.ml50{ margin-left:50px !important; }
.pn{ padding:0 0 0 0 !important; }
.pa0{ padding:0px !important; }
.pt0{ padding-top:0px !important; }
.pr0{ padding-right:0px !important; }
.pb0{ padding-bottom:0px !important; }
.pl0{ padding-left:0px !important; }
.pa5{ padding:5px !important; }
.pt5{ padding-top:5px !important; }
.pr5{ padding-right:5px !important; }
.pb5{ padding-bottom:5px !important; }
.pl5{ padding-left:5px !important; }
.pa10{ padding:10px !important; }
.pt10{ padding-top:10px !important; }
.pr10{ padding-right:10px !important; }
.pb10{ padding-bottom:10px !important; }
.pl10{ padding-left:10px !important; }
.pa15{ padding:15px !important; }
.pt15{ padding-top:15px !important; }
.pr15{ padding-right:15px !important; }
.pb15{ padding-bottom:15px !important; }
.pl15{ padding-left:15px !important; }
.pa20{ padding:20px !important; }
.pt20{ padding-top:20px !important; }
.pr20{ padding-right:20px !important; }
.pb20{ padding-bottom:20px !important; }
.pl20{ padding-left:20px !important; }
.pa25{ padding:25px !important; }
.pt25{ padding-top:25px !important; }
.pr25{ padding-right:25px !important; }
.pb25{ padding-bottom:25px !important; }
.pl25{ padding-left:25px !important; }
.pa30{ padding:30px !important; }
.pt30{ padding-top:30px !important; }
.pr30{ padding-right:30px !important; }
.pb30{ padding-bottom:30px !important; }
.pl30{ padding-left:30px !important; }
.pa35{ padding:35px !important; }
.pt35{ padding-top:35px !important; }
.pr35{ padding-right:35px !important; }
.pb35{ padding-bottom:35px !important; }
.pl35{ padding-left:35px !important; }
.pa40{ padding:40px !important; }
.pt40{ padding-top:40px !important; }
.pr40{ padding-right:40px !important; }
.pb40{ padding-bottom:40px !important; }
.pl40{ padding-left:40px !important; }
.pa45{ padding:45px !important; }
.pt45{ padding-top:45px !important; }
.pr45{ padding-right:45px !important; }
.pb45{ padding-bottom:45px !important; }
.pl45{ padding-left:45px !important; }
.pa50{ padding:50px !important; }
.pt50{ padding-top:50px !important; }
.pr50{ padding-right:50px !important; }
.pb50{ padding-bottom:50px !important; }
.pl50{ padding-left:50px !important; }

/*----------------------------------------------------
   3/1サイドバーにバナー位置変更
----------------------------------------------------*/
ul.career_campaign {
	list-style: none;
    padding-left: 0;
	margin-top: 40px;
}

ul.career_campaign li.career_campaign_bnr img {
	width: 153px;
	list-style: none;
	margin-bottom: 5px;
}



/*----------------------------------------------------
   ポップアップクーポン
----------------------------------------------------*/
@media(min-width:481px) {
#popup-coupon{
   width: 500px;
   background: #171717;
   padding: 0px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
#popup-coupon .inner{
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   overflow: hidden;
}
#popup-coupon .bnr{}
#popup-coupon .bnr img{
   width: 100%;
   height: auto;
}
#popup-coupon .header{
   position: relative;
   text-align: center;
   border-bottom: dotted 1px #222;
   background: #f7f7f7;
}
#popup-coupon .header .title{
   color: #222;
   line-height: 1;
   font-size: 1.3rem;
   padding: 20px 0 15px;
}
#popup-coupon .coupon{
   padding: 25px 10px 10px;
}
#popup-coupon .coupon .coupon-title{
   position: relative;
   z-index: 100;
   color: #222;
   font-size: 0.7rem;
   letter-spacing: 1px;
   text-align: center;
   background: #fff;
   width: 25%;
   margin: auto;
}
#popup-coupon .coupon .coupon-code{
   position: relative;
   z-index: 99;
   color: #000;
   font-size: 1.8rem;
   line-height: 1.6;
   text-align: center;
   border: solid 1px #222;
   padding: 15px 0 10px;
   margin: -13px 30px 0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
#popup-coupon .coupon .caution{
   margin: 10px 35px 0;
}
#popup-coupon .use{
   border-top: solid 1px #ddd;
   padding: 10px 35px 0px;
}
#popup-coupon .btns{
   text-align: center;
   padding: 20px;
}
#popup-coupon .btns .btn{
   font-size: 1.3rem;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 0;
   background: #171717;
}
#popup-coupon .btns .btn span{
   display: inline-block;
   line-height: 1;
   border-right: dotted 1px #fff;
   padding: 10px;
}
#popup-coupon .btns .btn .text{padding-right: 20px;}

#popup-coupon-again,
#popup-coupon-again2{
   z-index: 20000;
   position: fixed;
   left: 0px;
   bottom: 20px;
   width: 300px;
}
#popup-coupon-again a,
#popup-coupon-again2 a{}
#popup-coupon-again .badge,
#popup-coupon-again2 .badge{
   display: inline-block;
   width: 40px;
   vertical-align: bottom;
}
#popup-coupon-again .badge-text,
#popup-coupon-again2 .badge-text{
   display: inline-block;
   width: 190px;
   vertical-align: bottom;
}
#popup-coupon-again img,
#popup-coupon-again2 img{
   width: 100%;
   height: auto;
   filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}
#popup-coupon-again a:hover img,
#popup-coupon-again2 a:hover img{
   opacity:1;
   filter: alpha(opacity=100);
}

#popup-coupon-again2.position2{
   bottom: 120px;
}
}

/* ハッピーバッグカウントダウン */
@media(min-width:481px) {
.tick {
  font-size:1rem; white-space:nowrap; font-family:arial,sans-serif;
}
.tick-flip,.tick-text-inline {
  font-size:2.5em;
}
.tick-label {
  margin-top:1em;font-size:1em;
  display: none !important;
}
.tick-char {
  width:1.5em;
}
.tick-text-inline {
  display:inline-block;text-align:center;min-width:1em;
}
.tick-text-inline+.tick-text-inline {
  margin-left:-.325em;
}
.tick-group {
  margin:0 .5em;text-align:center;
}
.tick-text-inline {
   color: rgb(90, 93, 99) !important;
}
.tick-label {
   color: rgb(90, 93, 99) !important;
}
.tick-flip-panel {
   color: rgb(255, 255, 255) !important;
}
.tick-flip {
   font-family: !important;
}
.tick-flip-panel-text-wrapper {
   line-height: 1.45 !important;
}
.tick-flip-panel {
   background-color: rgb(59, 61, 59) !important;
}
.tick-flip {
   border-radius:0.12em !important;
}
.tick .tick-credits {
	display: none !important;
}
.tick .tick-group:first-child {
	display: none;
}
.block-tick {
	background-image: url(../../img/campaign/countdown.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 188px;
	margin: 0 auto 10px;
	position: relative;
}
.tick.resize {
	position: absolute;
	right: 143px;
	top: 91px;
	width: 280px;
}

.hero__video__link {
	bottom: 60px !important;
	width: 100% !important;
	max-width: 610px !important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
}
/* お友達紹介キャンペーンバナー追加 */

.friend_cam_box {
	margin: 20px auto;
	width: 100%;
}