@charset "utf-8";

@media (max-width: 1200px) {

  /*width*/
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 100%;
  }


  .special-wrap,
  .featured_categroy,
  .pickup-wrap,
  #news-list,
  #checked-items,
  #salesranking.top-ranking,
  #brand_site{
    margin: 0;
  }

  /*main visual*/
  #grandtop-area #grandtop-main {
    width: 100%;
  }
  #grandtop-area #grandtop-main .flexslider{
    margin: 0 0 6px;
  }
  #grandtop-area #grandtop-main .flexslider .slides > li span{
    display: none;
  }
  #grandtop-area #grandtop-main .flexslider .flex-control-nav{
    bottom:0;
  }
  #grandtop-area #grandtop-main .flex-control-nav li{
    margin: 14px 10px;
  }

  /*special*/
  .special-wrap .special-result-bottom div {
    float: left;
    padding: 0 0;
  }
  .special-wrap .special-result-bottom div.sub img{
    width: 90%;
    height: 90%;
    padding: 5% 0;
  }

  /*checked item*/
  #checked-items .row-fluid .span1{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    width: 9.07%;
  }

  /*title*/
  .contants-title{
    margin: 40px 0 20px;
  }
  /*会員登録*/
/*  .form-horizontal .controls{
    margin-left: 125px;
  }*/
  .login-area-box {
    padding: 40px 0;
  }
  /*login*/
  .login .span6{
    width: 410px;
  }
  .login .new_customer .form-actions{
    padding-top: 122px;
  }
  .login .login-area-box .control-label{
    padding: 0;
    font-size: 11px;
  }
    /*btn*/
  .entry-action .btn-primary, .middle-btn-area .btn-primary, .form-actions .btn-primary{
    width: 190px;
  }
  .btn-back{
    width: 190px;
  }
  .form-actions {
    padding: 20px 0;
  }
  .form-horizontal .form-actions{
    padding-left: 0;
  }
}

@media (min-width: 980px) and (max-width: 1200px) {

  /*header*/
  #header-area .header-left,
  #header-area .header-right {
    width: 35%;
  }
  #header-area .header-center {
    width: 25%;
  }
  #grandtop-area #grandtop-main .flex-direction-nav .flex-next {
    right:4%;
  }
  #grandtop-area #grandtop-main .flex-direction-nav .flex-prev{
    left:4%;
  }

  /*weekly pick up*/
  .pickup-result ul li.item_description{
    padding: 0 0;
    width: 183.297px;
    height: 183.297px;
  }
  .pickup-result ul li.item_description span{
    width: 183.297px;
    height: 183.297px;
  }
  
  .pickup-result ul li.item_description2{
    padding: 0 0;
    width: 183.297px;
    height: 183.297px;
  }
  .pickup-result ul li.item_description2 span{
    width: 183.297px;
    height: 183.297px;
  }

  /*futured Category*/
  .featured_categroy ul li,
  .featured_categroy ul li:first-child,
  .featured_categroy ul li:last-child {
    padding: 0 0%;
    font-size: 11px;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .featured_categroy ul li a {
    width: 90%;
    margin: 0 auto;
    letter-spacing: 0;
  }

  .featured_categroy ul li:last-child {
    border-right: none;
  }

  .featured_categroy .category_12 ul li {
    width: 8.333333%;
  }

  .featured_categroy .category_11 ul li {
    width: 9.090909%;
  }

  .featured_categroy .category_10 ul li {
    width: 10%;
  }

  .featured_categroy .category_9 ul li {
    width: 11.111111%;
  }

  .featured_categroy .category_8 ul li {
    width: 12.5%;
  }

  .featured_categroy .category_7 ul li {
    width: 14.28%;
  }

  .featured_categroy .category_6 ul li {
    width: 16.666666%;
  }

  .featured_categroy .category_5 ul li {
    width: 20%;
  }

  .featured_categroy .category_4 ul li {
    width: 25%;
  }

  .featured_categroy .category_3 ul li {
    width: 33.333333%;
  }

  .featured_categroy .category_2 ul li {
    width: 50%;
  }

  .featured_categroy .category_1 ul li {
    width: 100%;
  }

  /*brand site*/
  #brand_site .link-item {
    margin: 0;
    text-align: center;
  }

  #brand_site .link-item:nth-of-type(1) {
    width: 11.5%;
  }

  #brand_site .link-item:nth-of-type(2) {
    width: 16.5%;
  }

  #brand_site .link-item:nth-of-type(3) {
    width: 16.5%;
  }

  #brand_site .link-item:nth-of-type(4) {
    width: 12.5%;
  }

  #brand_site .link-item:nth-of-type(5) {
    width: 8.5%;
  }

  #brand_site .link-item:nth-of-type(6) {
    width: 9.5%;
  }

  #brand_site .link-item:nth-of-type(7) {
    width: 10.5%;
  }

  #brand_site .link-item:nth-of-type(8) {
    width: 13.5%;
  }

  #brand_site .link-item img {
    height: 30px;
  }

  /*footer*/
  #bottom_link_area{
    margin:40px 0 0;
  }

  #wrapper_footer{
    margin: 40px 0 0;
    padding: 40px 0 0;
  }

  #wrapper_footer .fsitemap-wrap{
    width: 940px;
  }

  /*詳細検索*/
  .sidearea .form-set {
    margin: 0 0 30px;
  }
  .sidearea .form-set .select-price ul.inline > li.center {
    width: 16%;
  }
  .sidearea .form-set .select-price,
  .sidearea .form-set .select-off_rate,
  .sidearea .form-set .brand-rate,
  .sidearea .form-set .item_keyword {
    margin: 0 0 10px;
  }
  .sidearea .form-set .select-price ul.inline li.first,
  .sidearea .form-set .select-price ul.inline > li.center,
  .sidearea .form-set .select-price ul.inline li.last,
  .sidearea .form-set .select-off_rate ul.inline li.first,
  .sidearea .form-set .select-off_rate ul.inline > li.center,
  .sidearea .form-set .select-off_rate ul.inline li.last,
  .sidearea .form-set .brand-rate select {
    width: 100%;
  }

}


/* pc only*/
@media (min-width:980px) {
/*商品詳細*/
/*ユーティリティ*/
  .ratio-pc-10 {
    width: 10%!important;
  }

  .ratio-pc-20 {
    width: 20%!important;
  }

  .ratio-pc-30 {
    width: 30%!important;
  }

  .ratio-pc-40 {
    width: 40%!important;
  }

  .ratio-pc-50 {
    width: 50%!important;
  }

  .ratio-pc-60 {
    width: 60%!important;
  }

  .ratio-pc-70 {
    width: 70%!important;
  }

  .ratio-pc-80 {
    width: 80%!important;
  }

  .ratio-pc-90 {
    width: 90%!important;
  }

  .ratio-pc-100 {
    width: 100%!important;
  }

  .width-pc-10 {
    width: 10px!important;
  }

  .width-pc-20 {
    width: 20px!important;
  }

  .width-pc-30 {
    width: 30px!important;
  }

  .width-pc-40 {
    width: 40px!important;
  }

  .width-pc-50 {
    width: 50px!important;
  }

  .width-pc-60 {
    width: 60px!important;
  }

  .width-pc-70 {
    width: 70px!important;
  }

  .width-pc-80 {
    width: 80px!important;
  }

  .width-pc-90 {
    width: 90px!important;
  }

  .width-pc-100 {
    width: 100px!important;
  }
}



/* smartphone to tablet*/
@media (max-width: 979px) {
  /*ヘッダー*/
  #head-bar {
    height: auto;
  }

  #header-area {
    position: relative;
    margin: 10px 0 0;
  }

  #header-area .header-right,
  #header-area .header-center,
  #header-area .header-left,
  #header-area .header-left h1.header-logo {
    width: 100%;
    height: auto;
  }

  #header-area .header-left {
    margin: 6px 0 0;
  }

  #header-area .header-left h1.header-logo a {
    background: url("/assets/images/logo2.jpg") no-repeat;
    margin: 0;
    width: 135px;
    height: 56px;
  }

  #header-area .header-left .header-left-top ul {
    width: 100%;
  }

  #header-area .header-left .header-left-top ul li {
    width: 20.0%;
    padding: 0 0.5%;
    margin: 0;
    border-right: 1px solid #f0f0f0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #header-area .header-left .header-left-top ul li:nth-child(1){
    padding: 0 0.5% 0 0;
  }
  #header-area .header-left .header-left-top ul li:nth-child(5){
    padding: 0 0 0 0.5%;
  }
  #header-area .header-left .header-left-top ul li:nth-child(6){
    padding: 0;
  }
  #header-area .header-left .header-left-top ul li a {
    padding: 10px 0px 2px;
  }

  #header-area .header-left .header-left-top ul li:nth-child(1) a:before,
  #header-area .header-left .header-left-top ul li:nth-child(2) a:before,
  #header-area .header-left .header-left-top ul li:nth-child(3) a:before,
  #header-area .header-left .header-left-top ul li:nth-child(4) a:before,
  #header-area .header-left .header-left-top ul li:nth-child(5) a:before {
    background-repeat: no-repeat;
    content: '';
    width: 19px;
    height: 16px;
    display: block;
    margin: 0 auto;
    background-size: 19px 16px;
    -moz-background-size: 19px 16px;
    -webkit-background-size: 19px 16px;
    -ms-background-size: 19px 16px;
  }

  #header-area .header-left .header-left-top ul li:nth-child(1) a:before {
    background-image: url("../images/icon/btn_nav_introduction.png");
  }

  #header-area .header-left .header-left-top ul li:nth-child(2) a:before {
    background-image: url("../images/icon/btn_nav_category.png");
  }

  #header-area .header-left .header-left-top ul li:nth-child(3) a:before {
    background-image: url("../images/icon/btn_nav_login.png");
  }

  #header-area .header-left .header-left-top ul li:nth-child(4) a:before {
    background-image: url("../images/icon/btn_nav_guide.png");
  }

  #header-area .header-left .header-left-top ul li:nth-child(5) a:before {
    background-image: url("../images/icon/btn_nav_cart.png");
  }

  #header-area .header-left .header-left-top ul li:nth-child(5),
  #header-area .header-left .header-left-top ul li:last-child {
    border-right: none;
  }

  #header-area .header-left .header-left-top ul li:after,
  #header-area .header-left .header-left-top ul li.bar_null:after {
    content: '';
    padding: 0;
  }

  #header-area .header-left .header-left-top ul li span,
  #header-area .header-left .header-left-top ul li a {
    display: block;
    background-color: #f5f5f5;
    color: #29aabe;
    text-align: center;
    font-size: 10px;
  }

  #header-area .header-left .header-left-top ul li span.menu{
    display: block;
    background-color: #fff;
    height: 10px;
    line-height: 10px;
    color: #777777;
    text-shadow: none;
  }

  #header-area .header-left .header-left-top ul li:last-child {
    position: absolute;
    top: 7px;
    right: 0;
    width: auto;
    text-align: center;
  }

  #header-area .header-left .header-left-top ul li:last-child button.btn-navbar {
    background-color: transparent;
    -moz-background-color: transparent;
    -webkit-background-color: transparent;
    -ms-background-color: transparent;
    background-image: none;
    margin: 0;
    border-radius: 0;
    border: none;
    padding: 0 12px;
    height: 34px;
  }

  #header-area .header-left .header-left-top ul li:last-child button.btn-navbar:hover,
  #header-area .header-left .header-left-top ul li:last-child button.btn-navbar:focus,
  #header-area .header-left .header-left-top ul li:last-child button.btn-navbar:active,
  #header-area .header-left .header-left-top ul li:last-child button.btn-navbar.active,
  #header-area .header-left .header-left-top ul li:last-child button.btn-navbar.disabled,
  #header-area .header-left .header-left-top ul li:last-child button.btn-navbar[disabled] {
    background-color: transparent;
    -moz-background-color: transparent;
    -webkit-background-color: transparent;
    -ms-background-color: transparent;
  }

  #header-area .header-left .header-left-top ul li:last-child button.btn-navbar .icon-bar {
    background-color: #777777;
    width: 20px;
    margin: 0 auto 5px;
    border-radius: 0;
    box-shadow: none;
    border-radius:10px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
  }

  #header-area .header-center h1.header-logo {
    width: 135px;
    height: 56px;
    background-size: 135px;
    position: static;
    margin-top: -5px;
  }

  #header-area .header-center h1.header-logo a {
    width: 135px;
    height: 56px;
/*    background-size: 53px 34px;
    -moz-background-size: 53px 34px;
    -webkit-background-size: 53px 34px;*/
  }

  #header-area .header-right .utility-nav > li > a {
    display: block;
    padding: 7px 14px;
  }

  #header-area .header-right .header-right-top ul li.menu_contents {
    margin: 0;
    display: inline;
    float: left;
  }

  /*btn*/
  .entry-action .btn-primary, .middle-btn-area .btn-primary, .form-actions .btn-primary{
    width: 150px;
  }
  .btn-back{
    width: 150px;
  }
  /*content title*/
  .contants-title {
    margin: 40px -5px 20px;
  }

  .contants-title strong {
    padding: 0;
    text-align: center;
    font-size: 16px;
  }

  /*検索フォーム*/
  .search-wrap {
    float: none;
    clear: both;
    overflow: hidden;
    padding: 0;
    margin: 10px 0 0;
  }
  .search-wrap li {
    float: left;
    margin-left: 0;
  }
  .search-wrap li:first-child {
    width: 80%;
    position: relative;
  }
  .search-wrap li:first-child button{
    position: absolute;
    right: 1px;
    top: 1px;
  }
  .search-wrap li:last-child {
    width: 19%;
    margin: 0 0 0 1%;
  }
  .search-wrap li input.span2.search-text{
    width: 100%;
    color: #b2b2b2;
  }

  .search-wrap li .refine-search a {
    display: block;
    background-color: #d9d8d3;
    text-decoration: none;
    padding: 1px 6px;
    min-height: 30px;
    text-align: center;
    line-height: 30px;
  }

  input.search-text {
    border-radius: 0;
    box-shadow: none;
    border:none;
    margin: 0;
    float: left;
  }

  .navbar-form .btn {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    border-radius: 0px;
    border:none;
  }

  /*詳細検索ボタン*/
  .refine-search a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
  }

  .refine-search a img {
    margin: -3px 0 0 5px;
  }


  /*グローバルナビ*/
  .navigation {
    border-top: none;
    background: #fff;
  }

  #head-navi .nav {
    margin: 0;
    width: 100%;
    border-bottom: 2px solid #d9d8d3;
  }

  #head-navi .nav > li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 33.3333%;
    border-top: solid 1px #d9d8d3;
    border-right: solid 1px #d9d8d3;
  }

  #head-navi .nav > li.outlet_nav {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    border-top: solid 1px #d9d8d3;
    border-right: solid 1px #d9d8d3;
    background-color: #000;
    margin: 0 0 10px 0;
  }

  #head-navi .nav > li > a {
    padding: 12px 0;
  }

  #head-navi .nav > li > a > span {
    background-position: center !important;
  }

  #head-navi .nav > li:nth-child(3) {
    border-bottom: solid 1px #d9d8d3;
    margin-bottom: -1px;
  }

  #head-navi .nav > li:nth-child(4) {
  /*border-right:none;*/
    border-right: solid 1px #d9d8d3;
    border-bottom: solid 1px #d9d8d3;
    margin-bottom: -1px;
  }

  #head-navi .nav > li.active > a,
  #head-navi .nav > li:hover > a {
    border-top: 2px solid #FFFFFF;
    padding-top: 10px;
    background: #ffffff;
  }

  #head-navi .nav > li.outlet_nav.active > a,
  #head-navi .nav > li.outlet_nav:hover > a {
    border-top: 2px solid #000000;
    padding-top: 10px;
    background: #000000;
  }

  #head-navi .nav > li.dropdown > ul {
    display: none;
  }

  .navbar-fixed-top {
    margin-bottom: 0;
  }

  .sub-contants-wrap .side-toparea .link-list-wrap {
    position: static;
  }

  /*スマホ用メニューリスト*/
  .nav-collapse .nav  ul{
    border-bottom: 9px solid #e0e0e0;
  }
  .nav-collapse .header-right,
  .nav-collapse .header-right-bottom ul.arrow,
  .nav-collapse .header-right-bottom ul.user-menu-extension {
    float: none;
  }

  #head-sub-menu {
    background-color: #f5f5f5;
    float: none;
    width: 100%;
  }

  #head-sub-menu ul li ul{
    display: none;
  }

  #head-sub-menu ul li ul.open{
    display: block;
  }

  .option-menu-slide .nav-collapse.collapse{
    display: none !important;
    height: auto;
  }

  body.option-menu-slide.menu-open{
    right: 60%;
    background: #fff;
    position:relative;
    overflow-x: hidden;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse{
    display: block !important;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 60%;
    height: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > a,
  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > span {
    display: block;
    padding: 10px;
    border-bottom:1px solid #e0e0e0;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    color: #5b5b5b;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > a::after,
  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > span::after{
    content:'';
    position: absolute;
    width: 8px;
    height: 8px;
    right: 0;
  }

/*  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > span::before{
    border-right: 2px solid #777777;
    border-bottom: 2px solid #777777;
    top: 11px;
    right: 15px;
  }
*/
  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > a::after,
  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > span::after{
    border-right: 2px solid #777777;
    border-top: 2px solid #777777;
    top: 14px;
    right: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > span.open::before,
  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > span.open::after{
    width: 8px;
    height: 8px;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > span.open::before{
    border-right: none;
    border-bottom: 2px solid #777777;
    top: 9px;
    right: 15px;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse ul li > span.open::after{
    top: 14px;
    right: 12px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse ul > li > ul > li > a{
    font-weight: normal;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse ul > li > ul > li:hover > a,
  body.option-menu-slide.menu-open .nav-collapse.collapse ul > li > ul > li:focus > a{
    background-color:#22AABB !important;
    color:#ffffff !important;
    background-image: -moz-linear-gradient(top, #22AABB, #22AABB);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#22AABB), to(#22AABB));
    background-image: -webkit-linear-gradient(top, #22AABB, #22AABB);
    background-image: -o-linear-gradient(top, #22AABB, #22AABB);
    background-image: linear-gradient(to bottom, #22AABB, #22AABB);
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse .dropdown-menu{
    margin: 0;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse .close{
    padding: 0px 0;
    text-align: right;
    background-color: #22AABB;
    border-bottom: 1px solid #fff;
    opacity: 1;
    text-indent: 9999px;
    position: relative;
    height: 24px;
  }
  body.option-menu-slide.menu-open .nav-collapse.collapse .close::after,
  body.option-menu-slide.menu-open .nav-collapse.collapse .close::before{
    content:'';
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse .close:before{
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
    right: 10px;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse .close:after{
    border-left:2px solid #fff;
    border-top:2px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 13px;
    right: 10px;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse .onlineshop > a{
    background: url('../images/icon_shop.png') 93% center no-repeat;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse .outlet > a:after,
  body.option-menu-slide.menu-open .nav-collapse.collapse .onlineshop > a:after{
    display: none;
  }

  body.option-menu-slide.menu-open .nav-collapse.collapse nav .last{
    margin-top: 15px;
  }
  .nav-collapse .collapse-category-list > li {
    background: url("../images/icon_plus.jpg") no-repeat 98% 14px;
    border-bottom: solid 2px #ddd;
  }

  .nav-collapse .collapse-category-list > li.outlet_nav {
    background: none;
    border-bottom: solid 2px #ddd;
    background: url("../images/icon_plus.jpg") no-repeat 98% 14px;
  }

  .nav-collapse .collapse-category-list > li.pulldown07,
  .nav-collapse .collapse-category-list > li.pulldown08 {
    background: none;
  }

  .nav-collapse .collapse-category-list > li > a {
    display: block;
    padding: 10px;
    text-decoration: none;
  }

  .nav-collapse .collapse-category-list > li > .dropdown-menu {
    margin-bottom: 10px;
  }

  .nav-collapse .collapse-category-list > li > .dropdown-menu > li {
    width: auto;
  }

  .nav-collapse .dropdown-menu > li > a {
    background-image: none;
    margin-bottom: 0;
    padding: 5px 15px;
    font-weight: normal;
  }

  .nav-collapse .dropdown-menu > .active > a,
  .nav-collapse .dropdown-menu > .active > a:hover,
  .nav-collapse .dropdown-menu > .active > a:focus {
    background: transparent;
    color: #22AABB !important;
  }

  .nav-collapse .dropdown-submenu > .dropdown-menu {
    display: none;
  }

  .nav-collapse .dropdown-submenu > a:after {
    display: none;
  }

  .nav-collapse .header-right-bottom ul > li {
    float: none;
    padding-top: 0;
    margin-left: 0;
  }

  .nav-collapse .menu-search-form .navbar-form {
    margin: 0;
    padding: 10px 0;
    border: 0;
  }

  .nav-collapse .navbar-form {
    border-top: none;
    border-bottom: none;
  }

  .header-right .header-right-bottom ul.arrow > li {
    border-bottom: solid 1px #ddd;
  }

  .header-right .header-right-bottom ul.user-menu-extension {
    overflow: hidden;
    border-bottom: solid 1px #ddd;
  }

  .header-right .header-right-bottom ul.user-menu-extension > li {
    float: left;
    width: 46%;
    text-align: center;
    margin: 2%;
  }

  .header-right .header-right-bottom ul.user-menu-extension > li > a {
    border: solid 2px #d3d3d3;
  }

  .header-right .header-right-bottom ul.search-wrap li {
    width: 50%;
    float: left;
  }

  .header-right .header-right-bottom ul li.menu-search-button {
    background-color: #d9d8d3;
    padding: 0;
    margin: 10px 0;
    text-align: center;
  }

  /*footer*/


  /*ミドルバナー*/
  .special-wrap .special-result-middle{
    display: block;
    margin: 6px 0 0;
  }

  /*取扱いブランド*/
  .brand-result {
    margin-bottom: 0;
    overflow: hidden;
    display: block;
    margin: 0 -5px;
  }

  .brand-result ul{
    overflow: hidden;
    width: 100%;
    list-style: none;
    border-left: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }

  .brand-result ul li {
    float: left;
    height: auto;
    margin-right: 0;
    padding: 0;
    text-align: center;
    width: 25%;
    border-bottom: none;
    border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }

  .brand-result ul li:nth-child(4n-3) {
    clear: both;
  }

  .brand-result ul li a{
    display: block;
    padding: 5px 0;
  }
  .brand-result ul li img{
    height: auto;
  }

  /*grandtop*/
  #grandtop-area #grandtop-main .flex-control-nav{
    height: 23px;
  }

  #grandtop-area #grandtop-main .flex-control-nav li{
    margin: 0 5px;
  }
  #grandtop-area #grandtop-main .flex-control-nav li a {
    width: 8px;
    height: 8px;
  }
  #grandtop-area #grandtop-main .flex-direction-nav .flex-prev,
  #grandtop-area #grandtop-main .flex-direction-nav .flex-next{
    width: 25px;
    height: 25px;
    background-size:25px;
    -moz-background-size:25px;
    -webkit-background-size:25px;
    -ms-background-size:25px;
    -o-background-size:25px;
  }
  /*#grandtop-area #grandtop-main .flex-direction-nav .flex-prev{
    left:10px;
  }
  #grandtop-area #grandtop-main .flex-direction-nav .flex-next{
    right: 10px;
  }*/

  /*futured category*/
  .featured_categroy .featured_categroy_inner{
    margin: 0px -5px;
  }

  .featured_categroy ul li a {
    height: 35px;
    line-height: 35px;
    padding: 0px 0px;
  }

  .featured_categroy .category_1 ul li,
  .featured_categroy .category_2 ul li,
  .featured_categroy .category_3 ul li,
  .featured_categroy .category_4 ul li,
  .featured_categroy .category_5 ul li,
  .featured_categroy .category_6 ul li,
  .featured_categroy .category_7 ul li,
  .featured_categroy .category_8 ul li,
  .featured_categroy .category_9 ul li,
  .featured_categroy .category_10 ul li,
  .featured_categroy .category_11 ul li,
  .featured_categroy .category_12 ul li {
    width: 31.7%;
  }

  .featured_categroy ul li {
    padding: 0 1%;
    font-size: 10px;
  }

  .featured_categroy ul li:nth-child(3n-3) {
    padding-left: 1%;
    padding-right: 0%;
    border: none;
  }

  .featured_categroy ul li:nth-child(3n-2) {
    padding-right: 1%;
    padding-left: 0%;
  }

  .featured_categroy ul li:nth-child(1),
  .featured_categroy ul li:nth-child(2),
  .featured_categroy ul li:nth-child(3) {
    padding-bottom: 1%;
    border-bottom: solid 1px #ddd;
  }

  .featured_categroy ul li:nth-child(4),
  .featured_categroy ul li:nth-child(5),
  .featured_categroy ul li:nth-child(6) {
    padding-top: 1%;
  }

  /*special-wrap*/
  .special-wrap .special-result-bottom div.sub {
    width: 33.333333333%;
    margin: 0 !important;
  }

  .special-wrap .special-result-bottom div.sub:nth-child(5n-4) {
    clear: none;
  }

  .special-wrap .special-result-bottom div.sub:nth-child(3n-2) {
    margin: 0 !important;
  }

  .special-wrap .special-result-bottom div.sub:nth-child(3n-3) {
    margin: 0 !important;
  }

  .special-wrap .btn-entry-all a{
    background-color:#f5f5f5;
    padding: 12px 0;
  }

  .special-wrap .btn-entry-all a strong{
    background-position: 0 2px;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    width: 40%;
  }

  .special-wrap .btn-entry-all a strong::after{
    border-top: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    right: 5%;
  }

  /*news*/
  #news-list > .row-fluid > ul{
    padding: 0;
  }
  #news-list > .row-fluid > ul > li:last-child{
    margin: 0;
  }

  #news-list .news-text {
    margin: 0 0 15px;
  }

  #news-list .news-text p.news-date {
    width: auto;
  }

  #news-list .news-text p {
    width: 72%;
    padding: 0 0 0 5%;
  }

  #news-list .news-text p a:after{
    border:none;
  }

  /*pick up*/
  .pickup-wrap figure {
    position: static;
    z-index: 1;
  }

  .pickup-wrap figcaption {
    display: none !important;
  }

  .pickup-wrap .pickup-result ul li {
    width: 24%;
    margin: 0 0.5% 1%;
  }

/*  .pickup-wrap .pickup-result ul li:first-child {
    width: 100%;
  }
*/
/*  .pickup-wrap .pickup-result ul li:first-child figure{
    width: 50%;
    float: left;
    display: block;
    display: none;
  }*/

  .pickup-wrap .pickup-result p.item_description{
/*    padding: 0 3%;
    display: block;
    width: 44%;
    float: left;*/
    text-align: center;
  }

/*  .pickup-wrap .pickup-result ul li:nth-child(2) {
    clear: both;
  }*/

/*  .pickup-wrap .pickup-result ul li.item_description {
    display: none;
  }*/

  .pickup-wrap .pickup-result ul li:nth-child(5n-4) {
    clear: none;
  }

  .pickup-wrap .pickup-result ul li:nth-child(n+2) {
    margin: 0 0.5% 1%;
  }

  /*ranking*/
  #salesranking .pickup-result ul li {
    width: 32.5%;
    margin: 0 0.5% 1%!important;
  }

  #salesranking .pickup-result ul li:nth-child(1) {
    margin: 0 0.5% 1% 0!important;
  }

  #salesranking .pickup-result ul li:nth-child(3) {
    margin: 0 0 1% 0.5%!important;
  }

  #salesranking .pickup-result ul li span.badge {
    padding: 7px;
  }

  #salesranking .pickup-result ul li span.badge img {
    height: 20px;
  }

  #salesranking #tab_ranking li a,
  #salesranking #tab_ranking li a:hover {
    padding: 8px 0;
  }

  #salesranking #tab_ranking li.active{
    background-color: #2dafc3;
    color: #fff !important;
    border-bottom: none;
  }

  #salesranking figcaption {
    display: none;
  }

  /*newitem*/
  #newarrival-items ul li {
    float: left;
    width: 32.5%;
    margin: 0 0.5% 1%!important;
  }

  #newarrival-items ul li:nth-child(1) {
    margin: 0 0.5% 1% 0!important;
  }

  #newarrival-items ul li:nth-child(3) {
    margin: 0 0 1% 0.5%!important;
  }

  #newarrival-items ul li .list-item-text {
    display: none;
  }

  /*****************************
  お問い合わせ
  *****************************/

  .control-group .controls ul.inquiry_detail li {
    margin-left: 0px;
    width: 240px;
    padding: 5px;
  }

  .control-group .controls ul.inquiry_detail li input {
    position: relative;
    bottom: 3px;
    width: 15px;
    height: 15px;
  }


  /*****************************
  購入履歴詳細
  *****************************/

  .buyhistorysuccess.table thead {
    display: none;
  }

  .history-address.table,
  .history-address.table tbody,
  .history-address.table tbody tr,
  .history-address.table tbody td,
  .history-address.table tbody th,
  .buyhistorysuccess.table,
  .buyhistorysuccess.table tbody,
  .buyhistorysuccess.table tbody tr,
  .buyhistorysuccess.table tbody th,
  .buyhistorysuccess.table tbody td,
  .buyhistorysuccess.table tbody td table.item-table,
  .buyhistorysuccess.table tbody td table.item-table tbody,
  .buyhistorysuccess.table tbody td table.item-table tbody tr,
  .buyhistorysuccess.table tbody td table.item-table tbody tr th,
  .buyhistorysuccess.table tbody td table.item-table tbody tr td {
    display: block;
    height: auto;
    overflow: hidden;
    width: 100%;
  }

  .buyhistorysuccess.table tbody td table.item-table,
  .buyhistorysuccess.table tbody td table.item-table tbody,
  .buyhistorysuccess.table tbody td table.item-table tbody tr,
  .buyhistorysuccess.table tbody td table.item-table tbody tr td {
    float: left;
  }

  .buyhistorysuccess.table tbody td {
    padding: 8px 0;
    border-bottom: 2px solid #fff;
  }

  .buyhistorysuccess.table tbody td div.visible-phone {
    float: left;
    display: block !important;
    width: 30%;
    text-indent: 10px;
    font-weight: bold;
  }

  .buyhistorysuccess.table tbody td div.text-area {
    width: 70%;
    height: auto;
    overflow: hidden;
    float: left;
  }

  .buyhistorysuccess.table tbody td table.item-table {
    width: 70%;
  }

  .buyhistorysuccess.table tbody td table.item-table tbody tr td {
    border-bottom: none;
  }

  .buyhistorysuccess.table tbody td table.item-table tbody tr td:nth-of-type(1) {
    width: 40%;
  }

  .buyhistorysuccess.table tbody td table.item-table tbody tr td:nth-of-type(2) {
    width: 56%;
    padding: 0 2%;
  }

  .history-address.table tbody th,
  .history-address.table tbody td {
    padding: 10px 0;
  }
  .history-address.table tbody th {
    width: 30%;
    float: left;
    text-indent: 10px;
  }
  .history-address.table tbody td {
    width: 70%;
  }
  /*login*/
  .login .row{
    margin: 0;
  }
  .login .span6 {
    width: 340px;
  }
  .login .login-area-box .control-label{
    width: 90px;
  }
  .login .form-horizontal .control-group{
    width: 100%;
  }
  input[class*="span"]{
    width: 190px;
  }
}

/* tablet only*/
@media (min-width:768px) and (max-width: 979px) {
  /* grand top */
  #grandtop-area #grandtop-main .flex-direction-nav .flex-next {
    right:3%;
  }
  #grandtop-area #grandtop-main .flex-direction-nav .flex-prev{
    left:3%;
  }

  /*foonter*/
  #brand_site{
    margin: 0 0 20px;
  }

  #brand_site .link-item{
    width: 25%;
    margin: 0;
    text-align: center;
  }

  #bottom_link_area{
    margin: 20px 0;
  }

  /*ユーティリティ*/
  .ratio-tb-10 {
    width: 10%!important;
  }

  .ratio-tb-20 {
    width: 20%!important;
  }

  .ratio-tb-30 {
    width: 30%!important;
  }

  .ratio-tb-40 {
    width: 40%!important;
  }

  .ratio-tb-50 {
    width: 50%!important;
  }

  .ratio-tb-60 {
    width: 60%!important;
  }

  .ratio-tb-70 {
    width: 70%!important;
  }

  .ratio-tb-80 {
    width: 80%!important;
  }

  .ratio-tb-90 {
    width: 90%!important;
  }

  .ratio-tb-100 {
    width: 100%!important;
  }

  .tb-fl {
    float: left!important;
  }

  .tb-fr {
    float: right!important;
  }

  input.search-text {
    width: 88%;
  }

  /*詳細検索*/
  .sidearea .form-set {
    margin: 0 0 30px;
  }
  .sidearea .form-set p{
    font-size: 12px;
  }
  .sidearea .form-set .select-price ul.inline > li.first,
  .sidearea .form-set .select-off_rate ul.inline > li.first,
  .sidearea .form-set .select-price ul.inline > li.center,
  .sidearea .form-set .select-off_rate ul.inline > li.center,
  .sidearea .form-set .select-price ul.inline > li.last,
  .sidearea .form-set .select-off_rate ul.inline > li.last {
    width: 100%;
  }
  .sidearea .form-set .select-price,
  .sidearea .form-set .select-off_rate,
  .sidearea .form-set .brand-rate,
  .sidearea .form-set .item_keyword {
    margin: 0 0 10px;
  }

  .list-category .caption {
      margin: 0px 0 5px;
      font-size: 14px;
  }
  .list-category h2 a,
  .list-category .nav-list.child-category > li > a{
    width: 80%;
    font-size:12px;
  }
  .list-category .nav-list.child-category > li > .grandchild-category > li > a{
    font-size:12px;
  }

  /*footer*/
  #wrapper_footer {
    margin: 20px 0 0;
    padding: 20px 0 0;
  }

  #wrapper_footer .fsitemap-wrap{
    width: 724px;
  }
  /*会員登録*/
.register-legal-area .form-actions .btn-primary{
  width: 230px;
  }
}

/* smartphone */
@media (max-width: 767px) {
  body {
    padding-right: 5px;
    padding-left: 5px;
  }

  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: -5px;
    margin-left: -5px;
  }

  .window-fix {
    margin-left: -5px !important;
    margin-right: -5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }


  /*メインエリア*/
  .main-container {
    margin-bottom: 0px;
  }
  .main-contants-wrap {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  .sub-contants-wrap {
    float: none;
    width: 100%;
  }
  .sub-contants-result {
    margin-left: 0;
  }
  .link-list-wrap {
    text-align: center;
  }


  /*レイアウト*/
  .row .span9,
  .row-fluid .span9 {
    float: none;
  }

  /*ボタン*/
  .btn-row {
    margin-right: 0;
  }

  .form-actions .btn {
    width: 100%;
  }
  .btn.btn-primary.btn-row {
    margin-right: 0;
}
  /*ヘッダー*/
  .login-username .icon-actus {
    float: none;
  }

  /*ページトップボタン*/
  #pagetop-area {
    text-align: center;
    position: static;
    position: relative;
    bottom:0;
    right: 0;
    width: auto;
    margin: 25px 5px 0;
  }
  #pagetop-area #pagetop,
  #pagetop-area #pagetop:hover {
    float: none;
    width: auto;
    padding: 5px 0;
    background: #f5f5f5;
    color:#000000;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -ms-border-radius:0;
    text-indent: 0;
    text-align: center;
    font-size:14px;
    background-image:none;
    text-indent: -9999px;
  }
  #pagetop-area:after {
    border-top: 4px solid #cccccc;
    border-left: 4px solid #cccccc;
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 40%;
    left: 48%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #pagetop-area .icon-arrow-top {
    width: 13px;
    height: 13px;
    margin: 3px 5px;
  }

  /*ヘッダー*/
  #headMessage .flexslider a{
    width: 80%;
    margin: 0 auto;
  }
  #headMessage .flexslider a.flex-prev,
  #headMessage .flexslider a.flex-next{
    top: 0px;
    padding: 5px;
  }

  /*フッター*/
  #wrapper_footer{
    padding: 0;
    margin: 0;
    border:none;
  }
  #wrapper_footer .fsitemap-wrap{
    margin: 30px 0 0;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5){
    width: 100%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) .fsitemap-border,
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl,
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd{
    padding: 0;
    margin: 0;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li{
    text-align: center;
    font-size: 9px;
    line-height: 12px;
    float: left;
  }

  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li a{
    border-right:1px solid #dad8d3;
    width: 100%;
    display: block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    margin: 7px 0;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(1){
    width: 16%;
    margin: 0 0 0 13%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(1) a{
    padding: 0 1.4%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(2){
    width: 16%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(2) a{
    padding: 0 1.4%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(3){
    width: 19%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(3) a{
    padding: 0 1.7%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(4){
    width: 23%;
    margin: 0 13% 0 0;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(4) a{
    padding: 0 1%;
    border-right: none;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(5){
    width: 19%;
    clear: both;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(5) a{
    padding: 0 1%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(6){
    width: 44%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(6) a{
    padding: 0%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(7){
    width: 37%;
  }
  #wrapper_footer .fsitemap-wrap .fsitemap-result div.fsitemap-box:nth-of-type(5) dl dd ul li:nth-child(7) a{
    padding: 0;
    border-right: none;
  }
  #wrapper_footer #page-footer{
    padding: 30px 0;
  }
  #wrapper_footer #page-footer .navbar .nav {
    float: none;
    margin: 0 0 20px;
    overflow: hidden;
  }
  #wrapper_footer #page-footer .navbar .nav > li {
    float: none;
    display: inline-block;
    border-left: solid 1px #d9d9d9;
    margin: 0 0 10px;
  }
  #wrapper_footer #page-footer .navbar .nav > li:first-child {
    border-left: 0;
  }
  #wrapper_footer #page-footer .navbar .nav a {
    background: none;
    line-height: 12px;
    padding: 0px 15px;
    margin: 0;
  }
  #wrapper_footer #page-footer .navbar .nav a:hover {
    background: none;
  }
  #wrapper_footer #page-footer .footer_logo {
    text-align: center;
  }
  #wrapper_footer #page-footer .copyright {
    text-align: center;
  }


  /*brandsite*/
  #brand_site{
    margin: 0 -5px;
  }

  #brand_site .brand_site_inner{
    border-left:1px solid #f5f5f5;
    border-top:1px solid #f5f5f5;
    overflow: hidden;
  }

  #brand_site .brand_site_inner .link-item {
    width: 50%;
    float: left;
    margin: 0;
    border-right:1px solid #f5f5f5;
    border-bottom:1px solid #f5f5f5;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
  }

  #brand_site .brand_site_inner .link-item a{
    display: block;
    padding: 5px 0;
  }

  #brand_site .link-item img{
    height: 36px;
  }

  /*footer*/
  #wrapper_footer .fsitemap-wrap{
    width: 100%;
  }

  /*footer bottom_link_area*/
  #bottom_link_area{
    margin: 15px 0 0;
  }

  #bottom_link_area ul li{
    width: 100%;
    margin: 0 0 5px!important;
  }

  #bottom_link_area ul li img{
    width: 45%;
  }

  #bottom_link_area ul li:last-child{
    margin: 0 !important;
  }


  /*パンくず*/
  .breadcrumb-wrap {
    padding: 0;
  }

  .breadcrumb-wrap .breadcrumb {
    margin-bottom: 0;
    padding: 10px 5px 15px;
    width: auto;
  }

  /*インデックス*/
  #grandtop-main {
    margin-left: -5px;
    margin-right: -5px;
  }

  .special-wrap {
    height: auto;
  }

  .special-wrap .btn-entry-all a{
    margin: 0;
  }
  .special-wrap .btn-entry-all a strong::after{
    width: 6px;
    height: 6px;
    right: 12%;
  }

  .sub-contants-wrap .side-toparea {
    height: auto;
    position: static;
  }

  /*詳細検索*/
  #searchDetailArea .select-color td {
    width: 32%;
    float: left;
  }

  input.search-text {
    width: 140px;
  }

  /*title*/
  .contants-title{
    margin: 30px 0 15px;
  }
  .contants-title span{
    margin:5px 0 0;
    font-size: 10px;
  }

  .pickup-wrap .contants-title {
    margin: 30px 0 10px;
  }
  #brand_site .contants-title,
  .brand-wrap .contants-title{
    margin: 15px 0;
  }

  /*フロー*/
  .action-steps {
    font-size: 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 20px;
  }

  .action-steps li {
    float: none;
    display: table-cell !important;
    vertical-align: middle;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 1.4;
    background-color: #f5f5f5;
  }

  .action-steps li.active {
    /*background-color: #f5f5f5;*/
    background-color: #565656;
  }

  /*フォーム*/
  .login-area-box{
    padding: 0;
  }
  .login-area-box h2{
    font-size: 15px;
    margin-bottom: 10px;
  }
  .form-horizontal .controls {
    border-left: none;
    padding: 0;
    width: 100%;
    margin: 0;
    padding: 10px 0;
  }

  .form-horizontal .controls .actus_outlet span {
    display: block;
    margin: 0;
  }

  .shop_mail_magazine .table-right {
    padding: 20px;
    width: auto;
  }

  .form-horizontal .control-group{
    background: #fff;
    border: none;
  }

  .form-horizontal .control-label,
  .login-area-box .login-area-subbox .control-label {
    padding: 10px 15px 5px 0;
    margin-bottom: 0;
    display: inline-block;
    font-weight: bold;
  }
  .login-area-box .login-area-subbox .control-label{
    font-weight: bold;
  }
  .form-horizontal .check_on{
    display: block;
  }

  .brand-result ul li {
    margin-right: 0;
  }

  .brand-result {
    margin-bottom: 0;
  }

  /*---------------------------------------------
  トップページ
  ---------------------------------------------*/
  /*flexslider*/
  #grandtop-area{
    margin: 0 -5px;
  }
  .menu-open #grandtop-area{
    margin: 0;
  }
  #grandtop-area #grandtop-main .flex-direction-nav .flex-next {
    right:2%;
  }
  #grandtop-area #grandtop-main .flex-direction-nav .flex-prev{
    left:2%;
  }

  /*ランキングエリア*/
  #salesranking .prd-box .badge {
    width: 25px;
    height: 25px;
    top: 5px;
    left: 5px;
  }

  /*スペシャルコンテンツエリア*/
  .special-wrap {
    margin: 0 -5px 6px;
  }
  .special-wrap .special-result-bottom{
    border:none;
    margin: 0 5px;
  }
  .special-wrap .special-result-bottom div {
    margin-bottom: 6px;
  }
  .special-wrap .special-result-bottom div.sub {
    width: 32%;
    margin: 0 0 2%!important;
    border:none;
  }
  .special-wrap .special-result-bottom div.sub:nth-child(3n-1){
    margin: 0 2% 2%!important;
  }
  .special-wrap .special-result-bottom div.sub:nth-child(3n-2),
  .special-wrap .special-result-bottom div.sub:nth-child(3n-3){
    margin: 0 0 2%!important;
  }
  .special-wrap .special-result-bottom div.sub img{
    width: 100%;
    height: 100%;
    padding: 0;
  }

  /* ニュース */
  #news-list > .row-fluid > div {
    height: auto;
  }
  #news-list .news-text p{
    padding: 0 0 0 3%;
  }
  #news-list .news-text p.news-date {
    padding: 0 3% 0 0;
  }
  #news-list .news-text p:nth-child(2){
    float: left;
    height: auto;
    max-width: 48%;
  }
  #news-list .news-text p:nth-child(2) a{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    height: 14px;
  }
  #news-list .news-text p.removeEllipsis a{
    height: auto;
    -webkit-line-clamp: inherit!important;
    -webkit-box-orient: inherit!important;
    white-space: normal;
  }
  #news-list .news-text p:nth-child(3){
    width: 26%;
    padding: 0 0 0 3%;
    border:none;
    cursor: pointer;
    text-align: right;
  }
  #news-list .news-text p a:after{
    border:none;
  }

  /* 新着一覧 */
  #newarrival-items{
    margin: 0 0 30px;
  }
  #newarrival-items ul li {
    float: left;
    width: 32%;
    margin: 0 0 1%!important;
  }
  #newarrival-items ul li:nth-child(1),
  #newarrival-items ul li:nth-child(3) {
    margin: 0 0 1%!important;
  }
  #newarrival-items ul li:nth-child(2) {
    margin: 0 2% 1%!important;
  }
  #newarrival-items ul li .list-item-text {
    display: none;
  }

  /*ランキング*/
  #salesranking.top-ranking {
    margin-bottom: 5px;
  }
  #salesranking .pickup-result ul li{
    width: 32%;
  }
  #salesranking .pickup-result ul li:nth-child(1),
  #salesranking .pickup-result ul li:nth-child(3) {
    margin: 0 0 1%!important;
  }
  #salesranking .pickup-result ul li:nth-child(2) {
    margin: 0 2% 1%!important;
  }
  /*login*/
  .login .row{
    margin: 0;
  }
  .login .span6{
    width: 100%;
  }
  .login .control-group,
  .login .control-group tbody,
  .login .control-group tr{
    display: block;
  }
  .login .form-horizontal .controls{
    width: 100%;
    display: block;
    border: none;
  }
  .login .form-horizontal .control-label,
  .login .login-area-box .login-area-subbox .control-label{
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
  }
    input[class*="span"]{
    width: 100%;
  }
  /*logout*/
  .logout{
    margin: 0;
  }
  .logout .lead{
    padding: 25px 0;
  }
  .logout .form-actions .btn-back{
    width: 100%;
  }
  /*---------------------------------------------
  マイページ
  ---------------------------------------------*/

  .smp-brnone {
    border-right: none!important;
  }

  .mypage-menu .row-fluid > .span3 {
    width: 50%;
  }

  .mypage-menu .row-fluid > div:nth-child(2n-1) {
    margin-left: 0;
  }

  .mypage-menu .row-fluid div.btn-primary {
    display: none;
  }

  .mypage-menu .row-fluid .menu-text-block {
    height: 180px;
  }

  .mypage-menu .row-fluid .menu-text-block {
    padding: 0px;
  }
  /*メールアドレス一覧*/
  table.liquid-table > tbody > tr > .change_btn{
    text-align: center;
    padding: 20px 0 20px;
    width: 100%;
  }
  table.liquid-table > tbody > tr > .change_btn form .btn{
    text-align: center;
    float: none;
    width: 100%;
    padding: 10px 0;
  }
  /*btn幅*/
  .newentry-area .form-horizontal .loginpage_btn,
  .row .form-horizontal .loginpage_btn{
    padding: 20px 0 20px;
    margin: 0;
  }
  .newentry-area .form-horizontal .loginpage_btn .btn,
  .row .form-horizontal .loginpage_btn .btn{
    width: 100%;
  }
  /*パスワードをお忘れの方*/
  .row .form-horizontal .forget input[type="text"]{
    padding: 4px 35px;
  }
  /*メルマガ設定*/
  .mail-magazine-delivery-shops .radio.inline + .radio.inline {
    margin-left: 0;
  }
  
  .mypage-menu .row-fluid .line_top{
    border-top:solid 1px #dddddd;
  }
  .mypage-menu .outlet_area .caution_outlet{
    margin-top: 10px;
  }

  /*---------------------------------------------
  商品一覧
  ---------------------------------------------*/
  .list-item-text {
    line-height: 14px;
  }

  /*checked-items*/
  #checked-items .slick {
      padding: 0;
  }

  #checked-items ul li {
    padding: 0 3px;
  }
  #checked-items ul .slick-list{
    text-align: -webkit-center;
  }

  /*調整*/
  #checked-items,
  .brand-wrap,
  .link-list-wrap {
    margin-top: 15px;
  }

  .sub-contants-wrap .side-toparea {
    margin-bottom: 0;
  }

  #news-list {
/*    margin-top: 30px;*/
    margin-bottom: 0;
  }

  /*affix*/
  .affix-bottom {
    position: static;
  }

  /*ユーティリティ*/
  .ratio-sp-10 {
    width: 10%!important;
  }

  .ratio-sp-20 {
    width: 20%!important;
  }

  .ratio-sp-30 {
    width: 30%!important;
  }

  .ratio-sp-40 {
    width: 40%!important;
  }

  .ratio-sp-50 {
    width: 50%!important;
  }

  .ratio-sp-60 {
    width: 60%!important;
  }

  .ratio-sp-70 {
    width: 70%!important;
  }

  .ratio-sp-80 {
    width: 80%!important;
  }

  .ratio-sp-90 {
    width: 90%!important;
  }

  .ratio-sp-100 {
    width: 100%!important;
  }

  .smp-fl {
    float: left!important;
  }

  .smp-fr {
    float: right!important;
  }

  .entry-action {
    width: 100%;
  }

  .form_horizontal .form-actions {
    padding: 0!important;
  }

  /*---------------------------------------------
  新規会員登録
  ---------------------------------------------*/
  .newentry-area .contants-title{
    margin-top: 0;
  }
  .docs-input-sizes #birthday_year{
    width: 24%;
  }
  .docs-input-sizes #birthday_month,
  .docs-input-sizes #birthday_day{
    width: 18%;
  }
  .form-horizontal .birth_pd select{
    padding: 4px 2px;
  }
  .register-legal-area .rule a{
    text-decoration: underline;
    font-size: 14px;
  }
  .newentry-area .form-horizontal .controls .w230,
  .newentry-area .form-horizontal .controls .w250{
    width: 265px;
  }
  .online_members{
    text-align: center;
  }
  /*---------------------------------------------
  お問い合わせ
  ---------------------------------------------*/
  .control-group .controls ul.inquiry_detail li {
    margin-left: 0px;
    width: 100% !important;
  }

  /*list-category*/
  .list-category .caption{
    padding: 0;
    text-align: center;
    font-size: 16px;
    display: block;
    font-family: HelveticaNeueLTStd75Bold;
    margin: 0 0 10px;
  }
  .list-category h2{
    border-top: 1px solid #efefef;
    margin: -1px -5px 0 !important;
    background-color: #fff;
  }
  .list-category h2 a,
  .list-category h2.active a{
    color:#5b5b5b;
    font-weight: normal;
  }

  /*toggle-btn*/
  .list-category h2 .toggle-btn,
  .list-category .nav-list > li > .toggle-btn{
    width: 30%;
    height: 36px;
    line-height: 36px;
    left: 70%;
  }
  .list-category .nav-list > li > .toggle-btn{
    background-color: #fff;
  }
  .list-category h2 .toggle-btn:before{
    display: none;
  }
  .list-category h2 .toggle-btn:after,
  .list-category .nav-list > li > .toggle-btn:after{
    right: 0;
    left: 66%;
    top: 10px;
    border:none;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
  }
    .list-category .nav-list > li > .toggle-btn:after{
      left: 32%;
    }
  .list-category h2 .toggle-btn:after{
    border-left:2px solid #5b5b5b;
    border-bottom:2px solid #5b5b5b;
  }
  .list-category .nav-list > li > .toggle-btn:after{
    border-left:2px solid #ccc;
    border-bottom:2px solid #ccc;
  }
  .list-category h2 .toggle-btn.open:after,
  .list-category .nav-list > li > .toggle-btn.open:after{
    top: 15px;
    right: 0px;
    left: 66%;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-left: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
  }
  .list-category .nav-list > li > .toggle-btn.open:after{
    left: 32%;
  }

  /*子カテゴリ*/
  .list-category .nav-list{
    margin: 0 -5px !important;
  }
  .list-category .nav-list.child-category{
    overflow: hidden;
    border-bottom: 1px solid #efefef;
  }
  .list-category .nav-list.child-category > li{
    width: 50%;
    float: left;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border-top:1px solid #efefef;
  }
  .list-category .nav-list.child-category > li:nth-child(2n-1){
    clear: both;
    border-right:1px solid #efefef;
    margin: 0 -1px 0 0;
  }
  .list-category .nav-list.child-category > li:nth-child(2n-2){
    border-left:1px solid #efefef;
  }
  .list-category .nav-list.child-category > li > a.rowList{
    width: 70%;
  }
  .list-category .nav-list.child-category > li > a,
  .list-category h2 a{
    padding: 10px 0;
    margin: 0;
    text-indent:10px;
    width: 70%;
  }

  .list-category .nav-list > li > .toggle-btn:before{
    display: none;
  }
  /*孫カテゴリ*/
  .list-category .nav-list.grandchild-category{
    margin: -1px 0 0 !important;
  }
  .list-category .nav-list.child-category > li > .grandchild-category > li{
    border-bottom:1px solid #efefef;
  }
  .list-category .nav-list.child-category > li > .grandchild-category > li:first-child{
    border-top:1px solid #efefef;
  }
  .list-category .nav-list.child-category > li > .grandchild-category > li:last-child{
    border-bottom:none;
  }
  .list-category .nav-list.child-category > li > .grandchild-category > li > a{
    padding: 10px 0;
    margin: 0;
    width: 100%;
  }
  .list-category .nav-list > li > .toggle-btn{

  }
  #outletNav li {
    float: left;
    list-style-type: none;
    background: url("http://online.actus-interior.com../images/icon/arrow_right_blue.png") left no-repeat;
    text-indent: 15px;
    line-height: 28px;
    width: 41%;
    font-size: 11px;
  }
    #bottom_link_area p.visible-phone{
    color: #2dafc3;
    font-size: 13px;
    display: block;
    padding:15px 0;
    margin: 0;
    border:5px solid #ffffff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    letter-spacing: 0.2em;
  }
  #bottom_link_area ul li a{
    display: block;
    padding: 0;
    border: none;
  }
  .control-group .row-fluid .radio_wrap{
    width: 100%;
  }
}



@media (min-width: 766px) {

#checked-items .slick,
#checked-items .slick .slick-track{
  text-align: center;
  width: 100% !important;
  font-size: 0;
}

#checked-items .slick li{
  width: 9.5% !important;
  margin: 0;
  display: inline-block;
  float: none;
  padding:0 0.27%;
  font-size: 0;
}

#checked-items .slick li:first-child{
  padding: 0 0.27% 0 0;
}

#checked-items .slick li:last-child{
  padding: 0 0 0 0.27%;
}


}