/* catalog-list */
.catalog-list  .catalog-block {
  position: relative;
  width:300px;
  height:400px;
  background-size: cover;
  text-align: center;
}

/* 2017.03.22 Upd↓ */
/*
.catalog-list  .catalog-block p{
  color: #ffffff;
  font-size:20pt;

  position: relative;
  top:75%;
  right:0px;
  bottom:25%;
  left:0px;
  margin:auto auto;
  z-index:1;
  background:rgba(0,0,0,0.1);
}
*/

.catalog-list  .catalog-block p{
  color: #ffffff;
  font-size:15pt;
  
  position: absolute;
  right:0px;
  bottom:0;
  left:0px;
  margin:auto auto;
  background:rgba(0,0,0,0.4);
}
/* 2017.03.22 Upd↑ */

/* 2017.03.22 Add↓ */
.catalog-list  .catalog-block  img{
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: 300px;
}

.catalog-type1{
width:300px;
}

.catalog-type2{
width:600px;
}

.catalog-type3{
width:900px;
}

.catalog-type4{
width:100%;
}

figcaption{
display: none;
}

.swiper-container {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
height: 400px;
/*width: 100%;*/
}

.swiper-slide {
text-align: center;
font-size: 18px;
/*background: #fff;*/
      
 /* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.use_animate{
animation-delay:0.5s;
}
/* 2017.03.22 Add↑ */

@media (max-width:479px){
.catalog-list  .catalog-block {
  position: relative;
  width:150px;
  height:200px;
  background-size: cover;
  text-align: center;
}

.catalog-list  .catalog-block p{
/* 2017.03.22 Upd↓ */
/*    font-size:10pt; */
  font-size:8pt;
/* 2017.03.22 Upd↑ */
}

/* 2017.03.22 Add↓ */
.catalog-list  .catalog-block  img{
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: 150px;
}

.catalog-type1{
width:50%;
}

.catalog-type2{
width:100%;
}

.catalog-type3{
width:100%;
}

.catalog-type4{
width:100%;
}

.swiper-container {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
height: 200px;
/*width: 100%;*/
}
/* 2017.03.22 Add↑ */
}
/* catalog-list */

/* recommended-item */
.recommended-item  .recommended-block {
  position: relative;
  height:300px;
  background-size: cover;
  text-align: center;
  line-height: 0;
}

.recommended-item  .recommended-block p{
  color: #ffffff;
  font-size:12px;
  position: relative;
  top:75%;
  right:0px;
  bottom:0px;
  left:0px;
  margin:auto auto;
  z-index:1;
  background:rgba(0,0,0,0.1);
}
#portfolio .no-padding{
  padding:0px;
}
@media (max-width:479px){
.recommended-item  .recommended-block {
  position: relative;
  height:120px;
  background-size: cover;
  text-align: center;
}

.recommended-item  .recommended-block p{
font-size:8px;
}
}

/* 2017.03.31 Add↓ */
.justified-gallery {
width: 100%;
position: relative;
overflow: hidden;
}
.justified-gallery > figure,
.justified-gallery > div {
position: absolute;
display: inline-block;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
/* IE8 or Earlier */
}
.justified-gallery > figure > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: none;
}
.justified-gallery > figure > a > .caption,
.justified-gallery > div > .caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000000;
left: 0;
right: 0;
margin: 0;
color: white;
font-size: 12px;
font-weight: 300;
font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
display: initial;
opacity: 0.7;
filter: "alpha(opacity=70)";
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
opacity: 1.0;
filter: alpha(opacity=100);
/* IE8 or Earlier */
-webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-entry-animation 500ms 0 ease;
}
.justified-gallery > .jg-filtered {
display: none;
}
.justified-gallery > .spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0 10px 0;
left: 50%;
opacity: initial;
filter: initial;
overflow: initial;
}
.justified-gallery > .spinner > span {
display: inline-block;
opacity: 0;
filter: alpha(opacity=0);
/* IE8 or Earlier */
width: 8px;
height: 8px;
margin: 0 4px 0 4px;
background-color: #000;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
/* 2017.03.31 Add↑

/*====================
======Top CSS=====
======================*/
/* 2017.04.12 Com↓ */
/*
.top-catalog-list .slick-slide {
  position: relative;
  width:200px;
  height:250px;
  margin-top:20px;
  margin-bottom:20px;
  background-size: cover;
  text-align: center;
}
@media (max-width:479px){
.top-catalog-list .slick-slide {
    position: relative;
    width:100px;
    height:150px;
    margin-top:20px;
    margin-bottom:20px;
    background-size: cover;
    text-align: center;
}
}

.top-catalog-list  .catalog-block p{
  color: #ffffff;
  font-size:16pt;
  position: absolute;
  top:75%;
  right:0px;
  bottom:25%;
  left:0px;
  margin:auto auto;
}
@media (max-width:479px){
.top-catalog-list  .catalog-block p{
    color: #ffffff;
    font-size:12pt;
    position: absolute;
    top:75%;
    right:0px;
    bottom:25%;
    left:0px;
    margin:auto auto;
}
}

.top-catalog-list .slick-current{
  border-top: 10px solid #FFCCDD;
  border-bottom: 10px solid #FFCCDD;
  width:220px;
  height:270px;
  margin-top:10px;
  margin-bottom:10px;
}
@media (max-width:479px){
.top-catalog-list .slick-current{
    border-top: 10px solid #FFCCDD;
    border-bottom: 10px solid #FFCCDD;
    width:120px;
    height:170px;
    margin-top:10px;
    margin-bottom:10px;
}
}
*/
/* 2017.04.12 Com↑ */

/*2017.04.12 Add↓ */
#top-catalog {
  padding-bottom:40px;
}
#top-catalog .top-select-catalog {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
/*height: 270px;*/
}
#top-catalog .top-select-catalog .swiper-slide{
width:200px;
}

#top-catalog .top-select-catalog .swiper-slide a{
position: relative;
/*height:250px;*/
background-size: cover;
text-align: center;
/*  margin-top:20px;*/
/*  margin-bottom:20px;*/
width:100%;
background-position-x: center;
background-position-y: 20%;
}

#top-catalog .top-select-catalog .catalog-block p{
color: #ffffff;
font-size:0.9em;
position: relative;
right:0px;
bottom:0;
left:0px;
margin:auto auto;
background: rgba(0,0,0,0.4);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height:61px;
}

#top-catalog .top-select-catalog .swiper-slide span{
margin-right: 2px;
margin-top: 2px;
background-color: rgba(0, 0, 0, 0.4);
font-size:10px;
position: absolute;
top:0px;
right:0px;
}

#top-catalog .top-select-catalog .swiper-slide-active{
width:200px;
/*  height:270px;*/
/*  border-top: 10px solid;*/
border-bottom: 10px solid;
}

#top-catalog .top-select-catalog .swiper-slide-active a{
/*  margin-top:10px;*/
/*  margin-bottom:10px;*/

}

@media (max-width:479px){
#top-catalog .top-select-catalog {
/*    height: 200px;*/
}
#top-catalog .top-select-catalog .swiper-slide a{
  /*width:120px;*/
  /*height:150px;*/
/*    margin-top:20px;*/
/*    margin-bottom:20px;*/
}
#top-catalog .top-select-catalog .catalog-block p{
  font-size: 0.7em;
  height: 3.0em;
}
#top-catalog .top-select-catalog .swiper-slide span{
  font-size:8px;
}
#top-catalog .top-select-catalog .swiper-slide-active{
  width:140px;
  /*height:170px;*/
/*    margin-top:15px;*/
/*    margin-bottom:15px;*/
}
#top-catalog .top-select-catalog .swiper-slide-active a{
  width:100%;
}
}
/*2017.04.12 Add↑ */

#top-catalog .catalogimage{
position: relative;
background-size: cover;
/*  height:300px; */
padding-bottom: 10px;
/* 2017.04.12 Add↓ */
background-position-x: center;
background-position-y: 20%;
/* 2017.04.12 Add↑ */
}
#top-catalog .catalogimage p{
color: #ffffff;
font-size:16pt;
position: absolute;
/*  top:75%;*/ /* 2017.04.12 Com */
right:0px;
/* 2017.04.12 Upd↓ */ 
/*    bottom:25%; */
bottom:0;
background: rgba(0,0,0,0.4);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* 2017.04.12 Upd↑ */    
left:0px;
margin:auto auto;
}

@media (max-width:479px){
#top-catalog .catalogimage{
  background-size: cover;
/*    height:150px;*/
  padding-bottom: 5px;
}
#top-catalog .catalogimage p{
  color: #ffffff;
  font-size:12pt;
  position: absolute;
  top:75%;
  right:0px;
  bottom:25%;
  left:0px;
  margin:auto auto;
}
}

#top-catalog .catalogdescription{
/* 2017.04.12 Upd↓ */
/*    font-size:12pt; */
font-size:10pt;
/* 2017.04.12 Upd↑ */
margin:auto auto;
}

#top-catalog .top-catalog-items{
}
#top-catalog .top-catalog-items .top-catalog-item{
position: relative;
/*  height:250px; */ /* 2017.04.12 Com */
text-align: center;
}

/* 2017.05.23 Add↓ */
#top-catalog .top-catalog-items #sku_field{
cursor:pointer;
}
/* 2017.05.23 Add */

#top-catalog .top-catalog-items .top-catalog-item .image{
/* 2017.04.12 Upd↓ */
/*  height:200px; */  
/*  height:250px;*/
background-position-x:center;
background-position-y:center;
/* 2017.04.12 Upd↑ */
background-size: cover;
text-align: center;
}
/* 2017.04.12 Add↓ */
#top-catalog .top-catalog-items .top-catalog-item .desc_container{
width:auto;
background: rgba(0,0,0,0.4);
position: absolute;
right:0px;
bottom:0px;
left:0px;
margin:auto auto;
}
/* 品番 + 品名 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type1{
height: 80px;
}
/* 品番 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type2{
height: 60px;
}
/* 品番 + 品名 */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type3{
height: 60px;
}
/* 品番のみ */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type4{
height: 40px;
}
/* 品名 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type5{
height: 65px;
}
/* 品名のみ */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type6{
height: 40px;
}
/* 上代のみ */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type7{
height: 45px;
}
#top-catalog .top-catalog-items .top-catalog-item .sho-id{
color: #ffffff;
font-size:11pt;
position: absolute;
right:0px;
bottom:45px;
left:0px;
margin:auto auto;
text-align: left;
padding-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 品番のみ */
#top-catalog .top-catalog-items .top-catalog-item .sho-id-pos1{
bottom:10px;
}
/* 品番 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .sho-id-pos2{
bottom:35px;
}
/* 品番 + 品名 */
#top-catalog .top-catalog-items .top-catalog-item .sho-id-pos3{
bottom:30px;
}
/* 品番 + 品名 + 上代*/
#top-catalog .top-catalog-items .top-catalog-item .sho-id-pos4{
bottom:55px;
}
/* 2017.04.12 Add↑ */
#top-catalog .top-catalog-items .top-catalog-item .sho-name{
/* 2017.04.12 Upd↓ */
/*    font-size:12pt; */
font-size:11pt;
/* 2017.04.12 Upd↑ */
position: absolute;
right:0px;
/*    bottom:25px; */ /* 2017.04.12 Com */
left:0px;
margin:auto auto;
/* 2017.04.12 Upd↓ */
/*    background-color:#FFFFFF; */
/*    opacity:0.8; */
color: #ffffff;
text-align: left;
padding-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* 2017.04.12 Upd↑ */
}
/* 2017.04.12 Add↓ */
/* 品番 + 品名  or  品名のみ */
#top-catalog .top-catalog-items .top-catalog-item .sho-name-pos1{
bottom:10px;
}
/* 品番 + 品名 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .sho-name-pos2{
bottom:35px;
}
/* 品名 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .sho-name-pos3{
bottom:35px;
}
/* 2017.04.12 Add↑ */
#top-catalog .top-catalog-items .top-catalog-item .price{
/* 2017.04.12 Upd↓ */
/*    font-size:10pt; */
font-size:14pt;
/* 2017.04.12 Upd↑ */
position: absolute;
right:0px;
bottom:10px;
left:0px;
margin:auto auto;
/* 2017.04.12 Add↓ */    
color: #ffffff;
text-align: left;
padding-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* 2017.04.12 Add↑ */
}
/* 2017.05.18 Add↓ */
#top-catalog .top-catalog-items .top-catalog-item .sho-item-block-pop-input{
font-size:11pt;
bottom:0;
}
#top-catalog .top-catalog-items .top-catalog-item .no-container{
padding-bottom:0;
}
#top-catalog .top-catalog-items .top-catalog-item .no-container-input{
height:30px;
}
/* 2017.05.18 Add↑ */
/* 2017.05.23 Add↓ */
#top-catalog .top-catalog-items .top-catalog-item .mid-pop {
border: 1px;
}
#top-catalog .top-catalog-items .top-catalog-item .mid-pop .mid-pop-incart::before {
border: 4px solid rgba(0,0,0,0.4);
}
#top-catalog .top-catalog-items .top-catalog-item .cart_chk p{
font-size:11pt;
}
/* 2017.05.23 Add↑ */
#top-catalog .no-padding{
padding:0px;
}
@media (max-width:479px){
#top-catalog .catalogdescription{
  font-size:8pt;
  margin:auto auto;
}
#top-catalog .top-catalog-items .top-catalog-item{
  position: relative;
/* 2017.04.12 Upd↓*/
/*    height:200px; */
/*    text-align: center; */
  text-align: left;
/* 2017.04.12 Upd↑*/
}
/* 2017.04.12 Add↑ */
#top-catalog .top-catalog-items .top-catalog-item .image{
/*    height:150px;*/
  background-size: cover;
  text-align: center;
}
/* 2017.04.12 Add↓ */
#top-catalog .top-catalog-items .top-catalog-item .desc_container{
  height:45px;
  width:auto;
  background: rgba(0,0,0,0.4);
  position: absolute;
  right:0px;
  bottom:0px;
  left:0px;
  margin:auto auto;
}
/* 品番 + 品名 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type1{
  height: 55px;
}
/* 品番 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type2{
  height: 35px;
}
/* 品番 + 品名 */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type3{
  height: 45px;
}
/* 品番のみ */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type4{
  height: 20px;
}
/* 品名 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type5{
  height: 45px;
}
/* 品名のみ */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type6{
  height: 30px;
}
/* 上代のみ */
#top-catalog .top-catalog-items .top-catalog-item .desc_container_type7{
  height: 25px;
}
#top-catalog .top-catalog-items .top-catalog-item .sho-id{
  color: #ffffff;
  font-size:6pt;
  position: absolute;
  right:0px;
  left:0px;
  margin:auto auto;
  padding-left: 10px;
}
/* 品番のみ */
#top-catalog .top-catalog-items .top-catalog-item .sho-id-pos1{
  bottom:5px;
}
/* 品番 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .sho-id-pos2{
  bottom:20px;
}
/* 品番 + 品名 */
#top-catalog .top-catalog-items .top-catalog-item .sho-id-pos3{
  bottom:25px;
}
/* 品番 + 品名 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .sho-id-pos4{
  bottom:40px;
}
/* 2017.04.12 Add↑ */
#top-catalog .top-catalog-items .top-catalog-item .sho-name{
/* 2017.04.12 Upd↓ */
/*      font-size:8pt; */
  font-size:6pt;
/* 2017.04.12 Upd↑ */
  position: absolute;
  right:0px;
/*      bottom:30px; */ /* 2017.04.12 Com */
  left:0px;
/* 2017.04.12 Com↓ */
/*      background-color:#FFFFFF; */
/*      opacity:0.8; */
/* 2017.04.12 Com↑ */
  margin:auto auto;
  padding-left: 10px; /* 2017.04.12 Add */
}
/* 2017.04.12 Add↓ */
/* 品番 + 品名  or  品名のみ */
#top-catalog .top-catalog-items .top-catalog-item .sho-name-pos1{
  bottom:10px;
}
/* 品番 + 品名 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .sho-name-pos2{
  bottom:25px;
}
/* 品名 + 上代 */
#top-catalog .top-catalog-items .top-catalog-item .sho-name-pos3{
  bottom:25px;
}
/* 2017.04.12 Add↑ */
#top-catalog .top-catalog-items .top-catalog-item .price{
/* 2017.04.12 Upd↓*/
/*      font-size:6pt; */
  font-size:8pt;
/* 2017.04.12 Upd↑*/
  position: absolute;
  right:0px;
/* 2017.04.12 Upd↓ */
/*      bottom:20px; */
  bottom:5px;
/* 2017.04.12 Upd↑ */
  left:0px;
  margin:auto auto;
  padding-left: 10px; /* 2017.04.12 Add */
}
/* 2017.05.23 Add↓ */
#top-catalog .top-catalog-items .top-catalog-item .cart_chk p{
  font-size:7pt;
}
/* 2017.05.23 Add↑ */
}

/* 2017.04.12 Add↓ */
#top-catalog .top-catalog-detail {
height: 100%;
width: 100%;
}
#top-catalog .top-catalog-detail .swiper-slide{
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/* 2017.04.12 Add↑ */

/* 2017.04.18 Add↓ */
#top-recommend {
  padding-bottom:40px;
}
#top-recommend .top-recommend-item {
height: 100%; 
width: 100%;
position:relative;
}
#top-recommend  .swiper-pagination-recom {
top: inherit;
width:80%;
display:inline-block;
position: relative;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
#top-recommend  .swiper-pagination-bullet{
border-radius: 0;
height:auto;
color:white;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#top-recommend  .swiper-pagination-bullet-active {
background: none;
}
#top-recommend .top-recommend-item .swiper-slide{
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/* 2017.04.18 Add↑ */

#top-recommend .top-recommend-item .grid-item{
position: relative;
/*  height:350px;*/
padding:0px;
text-align: center;
}
/* 2017.04.18 Upd↓ */
/*
#top-recommend .top-recommend-item .grid-item .recommended-block{
position: relative;
background-size: cover;
height:300px;
padding:0px;
text-align: center;
}
*/

/* 2017.05.23 Add↓ */
#top-recommend .top-recommend-item #sku_field{
cursor:pointer;
}
/* 2017.05.23 Add */

#top-recommend .top-recommend-item .recommended-block{
background-size: cover;
/*  height:275px;*/
background-position-x:center;
background-position-y:center;
text-align: center;
}
/* 2017.04.18 Upd↑*/

#top-recommend .top-recommend-item .desc_container{
width:auto;
background: rgba(0,0,0,0.4);
position: relative;
right:0px;
bottom:0px;
left:0px;
margin:auto auto;
}
#top-recommend .top-recommend-item .sho-id{
color: #ffffff;
font-size:11pt;
/*  position: absolute;*/
right:0px;
bottom:45px;
left:0px;
margin:auto auto;
text-align: left;
padding-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 品番のみ */
#top-recommend .top-recommend-item .sho-id-pos1{
bottom:10px;
}
/* 品番 + 上代 */
#top-recommend .top-recommend-item .sho-id-pos2{
bottom:35px;
}
/* 品番 + 品名 */
#top-recommend .top-recommend-item .sho-id-pos3{
bottom:30px;
}
/* 品番 + 品名 + 上代*/
#top-recommend .top-recommend-item .sho-id-pos4{
bottom:55px;
}
/* 2017.04.18 Add↑ */
/* 2017.04.18 Upd↓ */
/*
#top-recommend .top-recommend-item .sho-name{
  font-size:12pt;
  position: absolute;
  right:0px;
  bottom:25px;
  left:0px;
  background-color:#FFFFFF;
  opacity:0.8;
  margin:auto auto;
}
*/
#top-recommend .top-recommend-item .sho-name{
font-size:11pt;
/*  position: absolute;*/
right:0px;
left:0px;
margin:auto auto;
color: #ffffff;
text-align: left;
padding-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 2017.04.18 Upd↑ */
/* 2017.04.18 Add↓ */
/* 品番 + 品名  or  品名のみ */
#top-recommend .top-recommend-item .sho-name-pos1{
bottom:10px;
}
/* 品番 + 品名 + 上代 */
#top-recommend .top-recommend-item .sho-name-pos2{
bottom:35px;
}
/* 品名 + 上代 */
#top-recommend .top-recommend-item .sho-name-pos3{
bottom:35px;
}
/* 2017.04.18 Add↑ */
/* 2017.04.18 Upd↓ */
/*
#top-recommend .top-recommend-item .price{
  font-size:10pt;
  position: absolute;
  right:0px;
  bottom:10px;
  left:0px;
  margin:auto auto;
}
*/
#top-recommend .top-recommend-item .price{
font-size:14pt;
/*  position: absolute; */
right:0px;
bottom:10px;
left:0px;
margin:auto auto;
color: #ffffff;
text-align: left;
padding-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 2017.04.18 Upd↑ */
/* 2017.05.18 Add↓ */
#top-recommend .top-recommend-item .sho-item-block-pop-input{
font-size:11pt;
bottom:0;
}
#top-recommend .top-recommend-item .no-container{
padding-bottom:0;
}
#top-recommend .top-recommend-item .no-container-input{
height:30px;
}
/* 2017.05.18 Add↑ */
/* 2017.05.23 Add↓ */
#top-recommend .top-recommend-item .mid-pop {
border: 1px;
}
#top-recommend .top-recommend-item .mid-pop. mid-pop-incart::before {
border: 4px solid rgba(0,0,0,0.4);
}
#top-recommend .top-recommend-item .cart_chk p{
font-size:11pt;
}
/* 2017.05.23 Add↑ */
/* 2017.10.24 Add↓ */
/* ランキング順位表示 */
#top-recommend .top-recommend-item .rank_field div{
font-size: 11pt;
}

#top-recommend .top-recommend-item .rank_field span{
font-size: 10pt;
}
/* 2017.10.24 Add↑ */
#top-recommend .no-padding {
padding:0px;
}
@media (max-width:479px){
/* 2017.04.18 Upd↓ */
/*  
#top-recommend .top-recommend-item .grid-item{
  position: relative;
  height:200px;
  padding:0px;
  text-align: center;
}
#top-recommend .top-recommend-item .grid-item .recommended-block{
  position: relative;
  background-size: cover;
  height:150px;
  padding:0px;
}

*/
#top-recommend  .swiper-pagination-recom {
  width:90%;
  margin-bottom: 5px;
}
#top-recommend  .swiper-pagination-bullet{
  font-size:10px;
}
#top-recommend .top-recommend-item .grid-item{
  position: relative;
  text-align: left;
}
#top-recommend .top-recommend-item .recommended-block{
/*    height:150px;*/
  background-size: cover;
  text-align: center;
}
/* 2017.04.18 Upd↑ */
#top-recommend .top-recommend-item .desc_container{
/*    height:45px;*/
  width:auto;
  background: rgba(0,0,0,0.4);
  position: relative;
  right:0px;
  bottom:0px;
  left:0px;
  margin:auto auto;
}
#top-recommend .top-recommend-item .sho-id{
  color: #ffffff;
  font-size:6pt;
/*    position: absolute;*/
  right:0px;
  left:0px;
  margin:auto auto;
  padding-left: 10px;
}
/* 品番のみ */
#top-recommend .top-recommend-item .sho-id-pos1{
  bottom:5px;
}
/* 品番 + 上代 */
#top-recommend .top-recommend-item .sho-id-pos2{
  bottom:20px;
}
/* 品番 + 品名 */
#top-recommend .top-recommend-item .sho-id-pos3{
  bottom:25px;
}
/* 品番 + 品名 + 上代 */
#top-recommend .top-recommend-item .sho-id-pos4{
  bottom:40px;
}
/* 2017.04.18 Add↑*/
/* 2017.04.18 Upd↓ */
/*
#top-recommend .top-recommend-item .sho-name{
    font-size:8pt;
    position: absolute;
    right:0px;
    bottom:30px;
    left:0px;
    background-color:#FFFFFF;
    opacity:0.8;
    margin:auto auto;
}
*/
#top-recommend .top-recommend-item .sho-name{
    font-size:6pt;
/*      position: absolute;*/
    right:0px;
    left:0px;
    margin:auto auto;
    padding-left: 10px;
}
/* 2017.04.18 Upd↑ */
/* 2017.04.18 Add↓ */
/* 品番 + 品名  or  品名のみ */
#top-recommend .top-recommend-item .sho-name-pos1{
  bottom:10px;
}
/* 品番 + 品名 + 上代 */
#top-recommend .top-recommend-item .sho-name-pos2{
  bottom:25px;
}
/* 品名 + 上代 */
#top-recommend .top-recommend-item .sho-name-pos3{
  bottom:25px;
}
/* 2017.04.18 Add↑ */
/* 2017.04.18 Upd↓ */
/*
#top-recommend .top-recommend-item .price{
    font-size:6pt;
    position: absolute;
    right:0px;
    bottom:20px;
    left:0px;
    margin:auto auto;
}
*/
#top-recommend .top-recommend-item .price{
    font-size:8pt;
/*      position: absolute;*/
    right:0px;
    bottom:5px;
    left:0px;
    margin:auto auto;
    padding-left: 10px;
}
/* 2017.04.18 Upd↑ */
/* 2017.05.23 Add↓ */
#top-recommend .top-recommend-item .cart_chk p{
  font-size:7pt;
}
/* 2017.05.23 Add↑ */
/* 2017.10.24 Add↓ */
/* ランキング順位表示 */
#top-recommend .top-recommend-item .rank_field div{
  font-size: 7pt;
}

#top-recommend .top-recommend-item .rank_field span{
  font-size: 6pt;
}
/* ランキング順位表示 */
#top-recommend .top-recommend-item .rank_field i{
  font-size: 1.5em;
}
/* 2017.10.24 Add↑ */
}
/* 2017.04.18 Add↓ */
@media (min-width: 992px) {
#top-recommend .col-md-2-5-custom{
  width: 20.83333333333333%;
}
}
/* 2017.04.18 Add↑ */

/*==========================
======Navbar search CSS=====
============================*/


/*==========================
======sakimono index CSS=====
============================*/
.block {
  float: right;
}
.mid-1 span{
font-size: 0.9em;
  color: #ACAFBD;
  line-height: 1.8em;
  font-family: 'Ubuntu-Bold';
}
/*----*/
/*-----------------------------------------------------------------------------------*/
/*  Stroke
/*-----------------------------------------------------------------------------------*/
.b-link-stroke{
position:relative;
display:inline-block;
vertical-align:top;
font-weight: 300;
overflow:hidden;
margin-bottom: 5px;
}
.b-link-stroke .b-wrapper{
position:absolute;
width:100%;
height:100%;
top:0em;
left:0;
text-align:center;
color:#ffffff;
padding-top:10em;
}
.b-link-stroke .b-wrapper:hover{
background:rgba(217, 84, 89, 0.58);
}
.b-link-stroke .b-wrapper1{
position:absolute;
width:100%;
height:100%;
top:0em;
left:0;
text-align:center;
color:#ffffff;
padding-top: 7em;
}
.b-link-stroke .b-wrapper1:hover{
background:rgba(8, 8, 8, 0.64);

}
.b-link-stroke .b-wrapper2{
position:absolute;
width:100%;
height:100%;
top:0em;
left:0;
text-align:center;
color:#ffffff;
padding-top:15em;
}
.b-wrapper1.long-img {
  padding-top: 15em;
}
.b-link-stroke .b-top-line{
position:absolute;
top:-100%;
left:0;
width:50%;
height:100%;
background:rgba(248, 69, 69, 0.59);
}
.b-link-stroke .b-bottom-line{
position:absolute;
bottom:-100%;
right:0;
width:50%;
height:100%;
background:rgba(248, 69, 69, 0.59);
}
.b-link-stroke .b-top-line, .b-link-stroke .b-bottom-line{
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;
} 
.b-link-stroke:hover .b-top-line{
top:0;
}
.b-link-stroke:hover .b-bottom-line{
bottom:0;
}
/*-----------------------------------------------------------------------------------*/
/*  Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
text-decoration:none;
}
.b-animate{
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;
visibility:hidden; /* lt-ie9 */
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
visibility:visible;
}
.b-from-left{
position:relative;
left:-100%;
    color: #ACAFBD;
  font-size: 2em;
  text-transform: uppercase;
  font-family: 'Ubuntu-Bold';
}
.b-animate-go:hover .b-from-left{
left:0;
}
.b-from-right{
position:relative;
right:-100%;
    color: #fff;
  font-size: 1.1em;
  text-transform: uppercase;
  font-family: 'Oxygen-Bold';
}
.b-animate-go:hover .b-from-right{
right:0;
}
label.b-from-right {
  width: 100px;
  height: 2px;
  display: block;
  background: #fff;
  border-radius: 10px;
  margin: 0.5em auto;
}

.b-scale{
position:relative;
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);
}
.b-animate-go:hover .b-scale, h1{
transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
}
/*----*/
.women-top {
  float: left;
}
.img {
  float: right;
}
/*----*/
.mid-1 h6 {
  font-size: 1.2em;
  font-family: 'Ubuntu-Regular';
}
.mid-1 h6 a {
  color: #000000;
  text-decoration:none;
}
.mid-1 h6 a:hover {
  color: #ACAFBD;
}
.mid-2 p{
float:left;
font-size:0.9em;
color:#B4B4B4;
}
.mid-2 p em{
font-style:normal;
}
.mid-2 p label{
text-decoration: line-through;
font-weight:400;
margin-right:6px;
}
.mid-2 {
  padding:0.5em;
  padding-top: 1em;
}
.mid-1 {
  padding:2px 4px 6px 4px;
}
.mid-pop{
position:relative;
border: 1px solid #EFECEC;
}
.mid-pop-incart:after {
border: 5px solid #EFECEC;
}
#top-catalog .top-catalog-items .top-catalog-item .mid-pop-incart::after {
border: 5px solid #EFECEC;
}
.zoom-icon {
  position: absolute;
  opacity: 0;
  background:rgba(255,255,255,0.0);
/*    filter: alpha(opacity=0.5);*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  display: block;
  left: 0;
  top: -0.0em;
margin:auto auto;
text-align:center;
  cursor: pointer;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
@media screen and (max-width:1024px){
.zoom-icon {
    display: none;
}
}
.zoom-icon .icon{
width: 50px;
  height: 50px;
  display: inline-block;
  background:rgba(0,0,0,0.5);
color:#fff;
font-size:1.3em;
  margin: 0 0.3em;
line-height: 2.5em;
}
.zoom-icon p
{
color:#fff;
font-size:1.0em;
line-height: 1.2em;
}
.zoom-icon .glyphicon-menu-right{
  background:#fff;
color: #ACAFBD;
}
.mid-pop .zoom-icon {
text-align:center;
top: 200px;
width: 100%;
/*  height: 85%;*/
padding-top: 0px;
}
.mid-pop .pro-img {
overflow: hidden;
}
.mid-pop .pro-img .mid-1:hover .zoom-icon {
  top: 0%;
  opacity: 1;
  filter: alpha(opacity=99);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
}

/* 2017.07.03 Add↓ */
.mid-pop .pro-img .fav_chk,
/* 2017.07.03 Add↑ */
.mid-pop .pro-img .cart_chk{
position: absolute;
top: 4px;
right: 4px;
width: 52px;
height: auto;
text-align: center;
cursor: pointer;
}
@media (max-width:479px){
.mid-pop .pro-img .fav_chk,
.mid-pop .pro-img .cart_chk{
  width: 40px;
}
}
/* 2017.06.23 Add↓ */
/* 2017.07.03 Add↓ */
.mid-pop .pro-img .fav_chk .fav_chk_click_field,
/* 2017.07.03 Add↑ */
.mid-pop .pro-img .cart_chk .cart_chk_click_field{
position: absolute;
right: -4px;
top: -4px;
width: 60px;
height: 60px;
}
/* 2017.06.23 Add↑ */
/* 2017.10.24 Add↓ */
.mid-pop .pro-img .rank_field{
position: absolute;
top: 4px;
left: 4px;
width: 40px;
height: auto;
text-align: center;
background-color: rgba(255,255,255,0.65); /* 2017.10.25 Add */
}
/* 2017.10.24 Add↑ */

@media screen and (max-width:640px){
/* 2017.07.03 Add↓ */
.mid-pop .pro-img .fav_chk,
/* 2017.07.03 Add↑ */
.mid-pop .pro-img .cart_chk{
  top: 4px;
  right: 4px;
  font-size: 0.8em;
}
}
/* 2017.07.03 Add↓ */
.mid-pop .pro-img .fav_chk i:hover,
/* 2017.07.03 Add↑ */
.mid-pop .pro-img .cart_chk i:hover{
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);  /* IE lt 8 */
-ms-filter: "alpha(opacity=100)"; /* IE 8 */
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
/* 2017.07.03 Add↓ */
.mid-pop .pro-img .fav_chk i,
/* 2017.07.03 Add↑ */
.mid-pop .pro-img .cart_chk i{
font-size: 2.0em;
color: #CCC;
opacity: 0.5;
}

/* 2017.07.03 Add↓ */
.mid-pop .pro-img .fav_chk.fav_only_top i,
/* 2017.07.03 Add↑ */
.mid-pop .pro-img .cart_chk.incart i{
color: #FFF;
opacity: 1;
}

/* 2017.10.24 Add↓ */
/* ランキング */
.mid-pop .pro-img .rank_field i{
font-size: 2.0em;
}
/* ランキング1位 */
.mid-pop .pro-img .rank_field .rank_1{
color: #DAA520;
}
/* ランキング2位 */
.mid-pop .pro-img .rank_field .rank_2{
color: #A9A9A9;
}
/* ランキング3位 */
.mid-pop .pro-img .rank_field .rank_3{
color: #8C592F;
}
/* ランキング4位以下 */
.mid-pop .pro-img .rank_field .rank_other{
opacity: 0.2;
}
/* 2017.10.24 Add↑ */

/* 2017.07.03 Add↓ */
.mid-pop .pro-img .fav_chk span,
/* 2017.07.03 Add↑ */
.mid-pop .pro-img .cart_chk span{
font-size: 0.9em;
}

/* 2017.07.03 Add↓ */
.mid-pop .pro-img .fav_chk.fav_only_top,
/* 2017.07.03 Add↑ */
.mid-pop .pro-img .cart_chk.incart{
background: rgba(0,0,0,0.4);
color: #FFF;
}

/* 2017.07.03 Add↓ */
.mid-pop .pro-img .fav_chk.fav_all{
background: rgba(0,0,0,0.4);
color: #FF007F;
}

.mid-pop .pro-img .fav_chk.fav_all i{
color: #FF007F;
font-size: 2em;
opacity: 1;
}
/* 2017.07.03 Add↑ */

.mid-pop .zoom-icon .shom-detail {
  background:rgba(0,0,0,0.5);
  padding:4px;
  position:absolute;
  bottom:0px;
  width:100%;
  color: rgba(255,255,255,0.9);
}
.mid-pop .zoom-icon .shom-detail a,
.mid-pop .zoom-icon .shom-detail p
{
  color: #FFF;
}
.mid-popular {
  padding-top: 1em;
}
.brand {
  padding: 5em 0;
}
.banner-top{
text-align:center;
width: 100%;
  height: 250px;
  display: block;
  background: url(../images/back.jpg)no-repeat ;
padding:5em 0;
}
.banner-top h1{
font-size:3em;
color:#fff;
font-family: 'Ubuntu-Regular';
}
.banner-top h2{
font-size:0.9em;
color:#fff;
margin-top:1em;
}
.banner-top h2 a{
color:#ACAFBD;
}
.banner-top h2 label{
margin:0 0.4em;
}
.banner-top em {
  width: 100px;
  height: 2px;
  display: block;
  background: #fff;
  border-radius: 10px;
  margin: 0.5em auto;
}
/*--typo-single--*/

.thumb-image > img { width: 100%; }
/*--single--*/
.single-para h1{
font-size:1.5em;
color:#52D0C4;
line-height:1.5em;
  font-family: 'OleoScript-Regular';
}
label.add-to{
display:block;
font-size: 2em;
color: #000;
}
.single-para p{
font-size:0.9em;
color:#B2B2B2;
line-height:1.8em;
}
a.cart{
padding: 0.3em 0.7em;
color: #FFF;
background: #52D0C4;
margin: 1.5em 0 0;
font-size: 1em;
display:inline-block;
line-height: 1.6em;
text-align: center;
text-decoration:none;
}
a.cart:hover{
background: #000;
}
/*----*/
.star-on {
padding: 1em 0;
}
.star-on ul {
float:left;
}

.star-on ul li{
display: inline-block;
}
.star-on ul li i{
color:#000;
}
.review{
float:left;
  padding: 0 1em;
}
.star-on a{
text-decoration:none;
font-size:1em;
color:#52D0C4;
}
.star-on a:hover{
color:#000;
}
.single-bottom h4{
color:#000;
font-size:1.5em;
padding:0.5em;
border-bottom:1px solid #fa7455 ;
}
.single {
padding: 5em 0 0;
}
.available h6{
color:#52D0C4;
font-size:1.4em;
padding: 0 0 1em;
}
.available ul li{
display:inline-block;
padding:0 0.5em 0 0;
color:#4c4c4c;
font-size:0.9em;
}
.available ul li select {
outline: none;
padding: 3px;
}
.available {
padding: 2em 0 1em;
}
/*--products--*/
.product-bottom {
  padding-top: 2em;
}
h4.cate {
  font-family: 'Ubuntu-Regular';
  font-size: 1.5em;
  color:#ACAFBD;
}

ul.kid-menu{
display: block !important;
}
.menu-drop {
width: auto;
height: auto;
padding: 0;
list-style: none;
margin: 0.5em 0;  
}
.menu-drop > li > a {
width: 100%;
margin: 0.3em 0;
display:inline-block;
position: relative;
color: #000;
font-size: 0.9em;
text-decoration:none;
    font-family: 'Oxygen-Bold';
}
.menu-drop > li > a:hover{
color:#ACAFBD;
}
.menu-drop ul li a {  
width: 100%;
display: inline-block;
position: relative;
font-size:0.8em;
margin:0.3em 0;
color:#C7C7C7;
text-decoration:none;
text-indent: 1.2em;
}
.menu-drop ul li a:hover{
color:#B2B2B2;
}
ul.kid-menu li,ul.cute li{
list-style: none; 
}
.product {
  padding: 3em 0 0;
}
.item-grid1 {
  padding-bottom: 1em;
}
.item-grid1:nth-child(7) ,.item-grid1:nth-child(8),.item-grid1:nth-child(9){
  padding-bottom: 0em;
}
/*--single--*/
.span_2_of_a1 h3 {
color: #000;
  text-transform: uppercase;
  font-size: 1.8em;
  font-family: 'Ubuntu-Bold';
}
p.in-para{
color: #B3B3B3;
  font-size: 0.9em;
  line-height: 2em;
  margin: 1em 0 ;
border-bottom: 1px solid #f0f0f0;
  border-top: 3px double #f0f0f0;
padding:1em 0;
}
.price_single {
border-bottom: 1px solid #f0f0f0;
  padding-bottom: 1em;
}
span.reducedfrom {
    color: #ACAFBD;
  font-size: 1.5em;
  font-family: 'Ubuntu-Bold';
  float: left;
}
.price_single a {
color: #999;
font-size: 13px;
float:right;
margin-top: 0.7em;
}
h4.quick {
color: #000;
font-size:1.2em;
text-transform: uppercase;
font-family: 'Ubuntu-Regular';
margin-top: 1em;
}
p.quick_desc {
color:#B3B3B3;
font-size:0.9em;
line-height: 2em;
margin: 1em 0 2em;
}
span.actual {
color:#ACAFBD;
font-size: 1em;
margin-right: 5%;
}
.add-to{
float:right;
margin-top: 1.6em;
}
/*--quantity-starts--*/
.quantity{
margin: 1.5em 0;
float:left;
}
.value-minus,
.value-plus{
  height: 40px;
  line-height: 24px;
  width: 40px;
  margin-right: 3px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  color: #fff;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
border:1px solid #b2b2b2;
    vertical-align: bottom;
}
.quantity-select .entry.value-minus:before,
.quantity-select .entry.value-plus:before{
content: ""; 
width: 13px;
height: 2px; 
background: #000;
left: 50%;
margin-left: -7px; 
top: 50%;
margin-top: -0.5px;
position: absolute;
}
.quantity-select .entry.value-plus:after{
content: "";
height: 13px;
width: 2px; 
background: #000;
left: 50%; 
margin-left: -1.4px;
  top: 50%;
  margin-top: -6.2px;
position: absolute;
}
.value  {
  cursor: default;
  width: 40px;
height:40px;
  padding: 8px 0px;
  color: #A9A9A9;
  line-height: 24px;
  border: 1px solid #E5E5E5;
  background-color: #E5E5E5;
  text-align: center;
  display: inline-block;
margin-right: 3px;
}
.quantity-select .entry.value-minus:hover,
.quantity-select .entry.value-plus:hover{
background: #E5E5E5;
}

.quantity-select .entry.value-minus{
  margin-left: 0;
}
/*--quantity-end--*/
/* Skew Backward */
.hvr-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
background-color: #ACAFBD;
 color: #fff;
 padding: 0.5em 1em;
 font-size:1em;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
/*
-webkit-transform: skew(10deg);
transform: skew(10deg);
*/
color:#fff;
background:#FF6C6C;
  text-decoration:none;
}

ul.product-qty {
padding: 0;
list-style: none;
}
.product-qty span {
color: #000;
font-size:1.2em;
padding-bottom: 0.5em;
display: block;
text-transform: uppercase;
font-family: 'Ubuntu-Regular';
}
.product-qty select {
border: 1px solid #eee;
padding: 0.5em;
font-size: 1em;
outline: none;
}
.product-qty option {
border: 1px solid #EEE;
}
.wish-list {
padding: 15px 0;
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
}
.wish-list ul{
padding:0;
list-style:none;
}
.wish-list li {
display: inline-block;
margin-right: 45px;
}

.wish-list li a {
color:#ACAFBD;
font-size: 0.85em;
text-decoration: underline;
}
.wish-list li a span {
padding-right:10px;
}
.wish-list li a:hover{
text-decoration:none;
}
.quantity_box {
float: left;
  margin-right: 3em;
}
.size-top {
  margin: 2em 0;
}
/*----*/
.tab-head {
  padding: 3em 0 0;
}
.tabs li a {
  padding: 1em;
  font-size: 0.9em;
  color: #B3B3B3;
  border-bottom: 1px solid #EDEDED;
}
.tabs  li a:hover,.tabs  li.active a{
background:#ACAFBD !important;
color:#fff;
}
.tab-content {
  padding-left: 0px;
}
.facts p {
  color: #B3B3B3;
  font-size: 0.9em;
  line-height: 2em;
  padding: 0 0 1em;
}
.facts ul li {
  list-style: none;
  color: #B3B3B3;
  font-size: 0.9em;
  padding: 0.3em 0;
}
.facts ul li span{
  padding-right: 0.5em;
}
nav.nav-sidebar {
  float: left;
  width: 30%;
border-top: 1px solid #EDEDED;
border-left: 1px solid #EDEDED;
}
.one{
float:right;
  width: 70%;
 border: 1px solid #EDEDED;
 padding:1em;
}
.product-at{
padding-top:0;
}
/*--login--*/
.login{
padding:5em 0 0;
}
.login-bottom h2{
font-size: 1.4em;
color:#000;
 padding: 0em 0.9em 1em;
}
.login-mail{
border: 1px solid #E9E9E9;
margin-bottom: 2em;
padding: 0.5em 1em;
}
.login-mail i{
color: #ACAFBD;
  font-size: 1em;
}
.login-mail input[type="text"],.login-mail input[type="password"]{
border: none;
outline:none;
font-size: 0.9em;
  color: #999;
  width: 95%;
}
.login-do input[type="submit"]{
border: none;
  outline: none;
  font-size: 1em;
  -webkit-appearance: none;
  cursor: pointer;
  background: none; 
}
.login-do label{
font-weight:400;
}

.checkbox1 {
margin-bottom: 4px;
padding-left: 27px;
font-size: 1.2em;
line-height: 27px;
cursor: pointer;
position: relative;
font-weight: 400;
color:#000;
}
.checkbox1:last-child {
margin-bottom: 0;
}
.news-letter {
color: #555;
font-size: 0.8em;
margin-bottom: 1em;
display: block;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
clear: both;
}
.checkbox1 i {
position: absolute;
bottom: 5px;
left: 0;
display: block;
width:20px;
height:20px;
outline: none;
border: 2px solid #E1DFDF;
}
.checkbox1 input + i:after {
content: '';
background: url("../images/tick1.png") no-repeat 1px 2px;
top: -1px;
left: -1px;
width: 15px;
height: 15px;
font: normal 12px/16px FontAwesome;
text-align: center;
}
.checkbox1 input + i:after {
position: absolute;
opacity: 0;
transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s;
}
.checkbox1 input {
position: absolute;
left: -9999px;
}
.checkbox1 input:checked + i:after {
opacity: 1;
}
.news-letter:hover {
color:#00BFF0;
}
.login-right h3{
font-size: 1.5em;
  color: #000000;
  font-family: 'Ubuntu-Regular';
}
.login-right p {
  font-size: 0.9em;
  color: #B3B3B3;
  line-height: 1.8em;
  margin: 1em 0 ;
}
.produced {
  text-align: center;
}
/*--contact--*/
.contact-form {
  padding: 5em 0 ;
}
.contact-top h3{
font-size: 1.5em;
color:#000;
line-height:1.4em;
  font-family: 'Ubuntu-Regular';
}
.contact-top div{
padding:0.5em 0;
}
.contact-top div input[type="text"], .contact-top div textarea {
width: 100%;
padding: 0.7em;
margin:0.4em 0 0;
background: none;
outline: none;
border: 1px solid #F3EFEF;
-webkit-appearance: none;
}
.contact-top div textarea{
height:160px;
resize:none;
}
.contact-top div span{
color:#000;
font-size: 0.9em;
}
.contact-top label{
font-weight:400;
cursor:pointer;
}
.contact-top input[type="submit"]{
border:none;
outline:none;
background:none;  
}
.contact-top-in p{
font-size: 1em;
color: #494949;
line-height: 1.6em;
padding: 0.5em 0 1em;
}
.map iframe {
width: 100%;
min-height: 450px;
border: none;
}
.contact-left h3{
  font-size: 1.5em;
color:#000;
line-height:1.4em;
  font-family: 'Ubuntu-Regular';
}
.contact-left p {
  font-size: 0.9em;
  color: #B3B3B3;
  line-height: 1.8em;
  margin:1em 0 0;
}
.address-grid i{
color:#ACAFBD;
font-size:1em;
float: left;
margin: 0 5% 0 0;
display: inline-block;
line-height: 2em;
}
.address1{
float: left;
}
.address-grid {
  padding: 1em 0;
}
.address1 h3{
font-size: 1.2em;
color:#000;
line-height:1.4em;
  font-family: 'Ubuntu-Regular';
}
.address1 p{
margin: 0;
}
.address1 p a{
text-decoration:none;
color: #7c7c7c;
}
.address1 p a:hover{
color:#ACAFBD;
}
.address-more h4{
color:#000;
font-size:2em;
margin: 0 15px 0.7em;
}
.address {
padding: 2em 0 0;
}
/*--404--*/
.four{
padding:5em 0;
text-align:center;
}
.four h3{
font-size: 7em;
  color: #ACAFBD;
  font-family: 'Ubuntu-Regular';
}
.four p{
font-size: 0.9em;
  color: #B3B3B3;
  line-height: 1.8em;
  margin: 0 0 1.5em;
}
/*--typo--*/
.page-header h3{
font-size: 3em;
color:#000;
font-family: 'Ubuntu-Regular';
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: none;
}
.grid1 {
margin: 1.5em 0 0;
}
ul.nav.nav-pills {
margin: 1.5em 0 0;
}
.grid2{
margin: 1em 0 0;
}
.page {
padding: 4em 0 4em;
}
.bs-example {
padding: 2em 0 0;
}
.form-horizontal .control-label {
text-align: left;
}
/*--//typo--*/
/*--responsive--*/
@media(max-width:1366px){
}
@media(max-width:1280px){
.navbar-nav > li > .mega-dropdown-menu {
  left: -130%;
}
}
@media(max-width:1220px){
.h_menu4 {
  margin-left: 16.6%;
}
ul.nav_1 li a {
  padding: 1.6em 1.2em;
}
.col1 ul li a {
  padding: 6px 0px;
}
.navbar-nav > li > .dropdown-menu {
  left: -197%;
}
.navbar-nav > li > .mega-dropdown-menu {
  left: -387%;
}
.banner {
  height: 500px;
}
.col-pic {
  padding-top: 5em;
}
.mid-1 h6 {
  font-size: 1.05em;
}
.mid-2 p {
  font-size: 0.75em;
}
.wishlist {
  width: 42%;
}
.b-wrapper1.long-img {
  padding-top: 14em;
}
.heart li a {
  margin: 0 0.5em;
}
}
@media(max-width:1000px){
.header-login {
  margin-left: 24%;
  width: 33%;
float:left;
}
ul.nav_1 li a {
  padding: 1.2em 0.5em;
  font-size: 0.8em;
}
.col1 ul li a {
  padding: 6px 0px;
font-size: 0.85em;
}
.logo img{
width:84%;
}
.h_menu4 {
  margin-left: 21.8%;
  width: 56%;
  padding: 0;
float:left;
}
.search-right {
  width: 21%;
float:left;
}
.heart span {
  margin: 0.6em;
}
.right button {
  left: 43px;
}
.box_1 h3 {
  font-size: 0.8em;
}
.box_1 p a {
  font-size: 0.7em;
}
.box_1 h3 img {
  width: 25%;
}
.cart.box_1 {
  margin-top: 0px;
}
.heart {
  margin-top: 0em;
}
}
@media(max-width:991px){

.menu-top {
  width: 660px;
  padding: 1em;
}
.navbar-nav > li > .dropdown-menu {
  left: -233%;
}
.col1 h4 {
  font-size: 1.2em;
}
.navbar-nav > li > .mega-dropdown-menu {
  left: -490%;
}
.col-md{
width:83%;
margin:0 auto;
padding-bottom: 2em;
}
.col-md1{
width:83%;
margin:0 auto;
}
.col-pic {
  padding-top: 7em;
}
.item-grid,.item-grid1{
width:50%;
float:left;
padding-top: 2em;
}
.item-grid1 {
  padding-bottom: 0em;
}
.brand-grid{
float:left;
width:25%;
}
.brand {
  padding: 4em 0;
}
.mid-popular {
  padding-top: 0em;
}
.footer-middle-in h6 {
  margin-top: 1em;
}
.col-md-9 {
  padding: 0;
}
.grid {
  width: 50%;
}
.contact-form {
  padding: 4em 0;
}
.login-do {
  padding-bottom: 2em;
}
.wishlist {
  width: 52%;
}
.b-wrapper1.long-img {
  padding-top: 19em;
}
.span_2_of_a1 h3 {
  font-size: 1.4em; 
}
/*--typo--*/
h1.grid2 {
font-size: 2.3em;
}
.page {
padding: 2em 0;
}
/*----*/
td.add-check a{
    width: 119px;
}
.check-out {
  padding: 3em 0em 0;
}
th {
  font-size: 1.1em;
}
td {
  font-size: 0.9em;
}
}
@media(max-width:768px){

.banner {
  height: 450px;
background-position-x: -883px;
}
}
navname.active {
border-bottom: 2px solid #BBBBBB;

}
@media(min-width:767px){
#navigation .navbar-nav.navbar-right li a.navhead
{
padding: 2px 10px 0px 10px;
margin-bottom: -5px;
}
.nav > li > a{
text-align: center;
}
.nav > li > a > navname{
font-size: 0.8em;
clear: both;
}
.nav > li > a > navicon{
/* 2017.12.25 Upd↓ */
/*  font-size: 1.3em; */
font-size: 1.7em;
/* 2017.12.25 Upd↑ */
}
.nav > li > a > navname:before 
{
content: "\A"; 
white-space: pre;
}
}
@media(max-width:767px){
.header-login {
  margin-left: 29%;
  width: 36%;
}
.h_menu4 {
  width: 53%;
}
.search-right {
  width: 25%;
}

.nav > li > a{
text-align: left;
padding: 1.2em 3em !important;
}
.nav > li > a > navname
{
margin-left: 1em;
}
.nav > li > ul > li > a
{
margin-left: 4em;
}
.navbar-nav {
  margin: 0;
width: 100%;
}
.col1 {
  float: none;
  width: 100%;
}
ul.nav_1 li {
  border-right: none;
}
.navbar-nav > li > .dropdown-menu {
  left: inherit;
}
.navbar-nav > li > .mega-dropdown-menu {
  left: inherit;
}
.header-social {
  float: right;
}
.menu-top {
  width: 160px;
}

.content-top {
  padding: 4em 0;
}
.footer-bottom-top {
  float: none;
  text-align: center;
}
.footer-class {
  float: none;
  text-align: center;
  margin-top: 0.6em;
}
.banner-top {
  height: 196px;
  padding: 3em 0;
}
.product {
  padding: 2em 0 0;
}
.grid {
  width: 60%;
}
.tabs li a {
  padding: 1em !important; 
}
.product-at {
  padding: 2em 0 0;
}
.map iframe {
  min-height: 300px;
}
.wishlist {
  width: 60%;
}
th {
  font-size: 1em;
}
.close1, .close2, .close3 {
  bottom: 3px;
}
.check-out {
  padding: 4em 0em 0;
}
.login {
  padding: 4em 0 0;
}
/*--typo--*/
button.btn.btn-lg {
font-size: 1.1em;
}
h1.grid2 {
font-size: 2em;
}
h2.grid2 {
font-size: 1.9em;
}
.single {
  padding: 3.5em 0 0;
}
.b-wrapper1.long-img {
  padding-top: 16em;
}
td.add-check a {
  width: 106px;
}
.heart li a {
  margin: 0 0.3em;
}
}
@media (max-width: 640px){
.banner {
  height: 390px;
  background-position-x: -965px;
}
}
@media (max-width: 620px){
.header-login {
  width: 38%;
}
}
@media(max-width:568px){
.header-login {
  margin-left: 41%;
  width: 60%;
text-align: right;
    padding: 0;
}
.header-top {
  padding: 0.7em 0;
}
.header-social {
  margin-top: 1em;
padding:0;
}
.search-right {
  width: 36%;
  float: right;
}
.h_menu4 {
  width: 30%;
  margin: 0;
}
.logo {
  left: -3%;
}
.nav > li > a {
  text-align: left;
  padding: 0.8em 2em !important;
}
.col-md,.col-md1 {
  width: 100%;
}
.col-2 h2 {
  font-size: 2em;
line-height: 1.5em;
}
.col-pic h5 {
  font-size: 1.7em;
}
.col-pic p {
  font-size: 1em;
}
.col-pic {
  padding-top: 5em;
}
.content-top {
  padding: 3em 0;
}
.content-mid h3 {
  font-size: 2em;
}
.item-grid ,.item-grid1{
  padding: 2em 0.5em 0;
}
.mid-1 h6 {
  font-size: 1em;
}
.mid-pop .pro-img:hover .zoom-icon {
  top: 30%;
}
.brand-grid {
  float: left;
  width: 50%;
}
.brand {
  padding: 2em 0;
}
.footer-middle {
  padding: 3em 0;
}
.footer-class {
  font-size: 0.9em;
}

.product {
  padding: 1em 0 0;
}
.grid {
  width: 70%;
}
nav.nav-sidebar {
  float: none;
  width: 100%;
border-top: none; 
}

.one {
  float: none;
  width: 100%;
}
.tabs li a {
  font-size: 0.8em;
  padding: 1em !important;
border-right: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
border-bottom: none;
}
.tab-head {
  padding: 2em 0 0;
}
.contact-form {
  padding: 3em 0;
}
.map iframe {
  min-height: 250px;
}
.four {
  padding: 3em 0;
}
.four h3 {
  font-size: 6em;
}
.wishlist {
  width: 80%;
}
.check-out {
  padding: 3em 0em 0;
}

a.at-in {
  width: 38%;
}
.banner-top h1 {
  font-size: 2.2em;
}
.banner-top {
  height: 178px;
  padding: 3em 0;
  background-size: 557px;
}
.sed h5 {
  font-size: 0.9em;
}
.sed {
  width: 58%;
}
td {
  font-size: 0.9em;
}
.login-mail input[type="text"], .login-mail input[type="password"] {
  width: 93%;
}
.login {
  padding: 3em 0 0;
}
.search {
  padding: 0.5em;
  top: 1px;
}
.search input[type=submit] {
  top: 7px;
}
.single {
  padding: 3em 0 0;
}
.span_2_of_a1 h3 {
  font-size: 1.4em;
}
.b-wrapper1.long-img {
  padding-top: 12em;
}
th.table-grid {
  padding: 1em 6em;
}
td.add-check a {
  width: 107px;
}
.check-out {
  padding: 2em 0em 0;
}
/*--typo--*/
.page-header h3 {
font-size: 2em; 
}
button.btn.btn-lg {
font-size: 1em;
padding: 7px;
}
button.btn.btn-1 {
font-size: 0.9em;
padding: 8px;
}
button.btn.btn-sm {
font-size: 0.8em;
padding: 9px;
}
h1#h1-bootstrap-heading {
font-size: 2.2em;
}
h2#h2-bootstrap-heading {
font-size: 2em;
}
h1.grid2 {
font-size: 1.45em;
}
h2.grid2 {
font-size: 1.35em;
}
h3.grid2 {
font-size: 1.3em;
}
h4.grid2 {
font-size: 1.2em;
}

}
@media(max-width:480px){
.banner {
  height: 340px;
  background-position-x: -238px;
  background-size: 704px;
}
}
@media(max-width:390px){
.logo {
  left: -11%;
}
.logo img {
  width: 66%;
}
.header-top {
  padding: 0.53em 0;
}
.header-login ul li a {
  font-size: 0.78em;
  margin: 0 0.1em;
}
.header-social {
  margin-top: 0.15em;
}
.h_menu4 {
  width: 42%;
}
.nav > li > a {
  text-align: left;
  padding: 0.8em 1em !important;
}
.search-right {
  width: 57%;
}

.footer-middle-in img{
width:60%;
}
.content-top {
  padding: 2em 0;
}
.col-md, .col-md1 {
  padding: 0;
}
.col-2 span {
  font-size: 1.2em;
}
.col-2 h2 {
  font-size: 1.5em;
}
.col-2 p {
  font-size: 0.82em;
}
.col-2 {
  padding: 1em 0;
}
.col-pic h5 {
  font-size: 1.5em;
}
.col-pic p {
  font-size: 0.9em;
}
.col-pic {
  padding-top: 3em;
}
.content-mid h3 {
  font-size: 1.5em;
}
label.line {
  width: 107px;
}
.zoom-icon .icon {
  width: 35px;
  height: 35px;
  font-size: 1em;
  line-height: 2.3em;
}
.mid-pop .pro-img:hover .zoom-icon {
  top: 20.5%;
}
.item-grid {
  padding: 1em 0.3em 0;
}
.women-top {
  float: none;
}
.mid-1 span {
  font-size: 0.8em;
}
.mid-1 h6 {
  font-size: 0.8em;
}
.img {
  float: none;
  text-align: center;
  margin-top: 0.5em;
}
.img img{
  width:29%;
}
.item-grid,.item-grid1 {
  padding: 1em 0.3em 0;
}
.block ,.mid-2 p{
  float: none;
  text-align: center;
}

.mid-2 {
  padding: 0.2em;
  padding-top: 0.5em;
}
.footer-middle {
  padding: 2em 0;
} 
.footer-middle-in h6 {
  font-size: 1.2em;
}
.footer-middle-in p,ul.in li a,ul.tag-in li a,.footer-class {
  font-size: 0.83em;
}
.banner-top h1 {
  font-size: 1.6em;
}
.banner-top h2 {
  font-size: 0.8em;
}
.banner-top em {
  width: 78px;
}
.banner-top {
  height: 125px;
  padding: 1.7em 0;
  background-size: 434px;
}
.product {
  padding: 0em 0 0;
}
h4.cate {
  font-size: 1.2em;
}
.product-bottom {
  padding:2em 0 0;
}
.menu-drop > li > a {
  font-size: 0.83em;
}
.tabs li a {
  padding: 1em !important; 
}
.login-do {
  padding: 0 0 2em;
}
.login-mail input[type="text"], .login-mail input[type="password"] {
  width: 90%;
}
.login-mail {
  margin-bottom: 1em;
}
.login-right {
  padding: 0;
}
.login-right h3 {
  font-size: 1.2em;
}
.login-right p {
  font-size: 0.83em;
}
.login {
  padding: 2em 0 0;
}
.hvr-skew-backward {
  padding: 0.4em 1em;
  font-size: 0.9em;
}
.wishlist {
  width: 100%;
  margin: 2em auto 0;
}
.wishlist h6 {
  font-size: 0.85em;
}
.wishlist p {
  font-size: 0.9em;
}
.check-out {
  padding: 1em 0em 0;
}
.search {
  width: 215px;
  right: 3.6em;
}
.search input[type=submit] {
  width: 27%;
  font-size: 0.7em;
}
.search input[type=text] {
  padding: 7px;
  width: 70%;
  font-size: 0.75em;
}
.sed p {
  font-size: 0.88em;
  line-height: 1.6em;
}
.sed h5 {
  font-size: 1em;
}
.single {
  padding: 2em 0 0;
}
.single-top-in {
  padding: 0;
}
.price_single {
  font-size: 1em;
  margin: 0.5em 0 1em;
}
h4.quick {
  font-size: 1.1em;
}
p.quick_desc {
  font-size: 0.8em;
  margin: 0.7em 0 1em;
}
.product-qty span {
  font-size: 1em;
}
.tabs li a {
  padding: 0.6em 1em !important;
}
.facts p,.facts ul li {
  font-size: 0.8em;
}
.four h3 {
  font-size: 5em;
}
.four p {
  font-size: 0.8em;
}
.b-from-left {
  font-size: 1.5em;
}
.b-from-right {
  font-size: 1em;
}
.b-wrapper1.long-img {
  padding-top: 8em;
}
.grid {
  padding: 0;
}
.span_2_of_a1 h3 {
  font-size: 1.2em;
}
p.in-para {
  font-size: 0.8em;
}
/*--typo--*/
h1#h1-bootstrap-heading {
font-size: 1.6em;
}
h2#h2-bootstrap-heading {
font-size: 1.5em;
}
h3#h3-bootstrap-heading {
font-size: 1.4em;
}
button.btn.btn-lg {
font-size: 0.9em;
margin: 0 0 0.5em 0px;
padding: 9px;
}
.grid1 {
margin: 0.7em 0 0;
}
button.btn.btn-1 {
font-size: 0.8em;
margin: 0 0 0.5em;
}
button.btn.btn-sm {
font-size: 0.7em;
padding: 5px;
margin: 0 0 0.5em;
}
button.btn.btn-xs {
font-size: 0.7em;
}
ul.nav.nav-pills a{
padding: 0.5em;
font-size: 0.9em;
}
span.label {
margin: 0 0 0.5em;
display: inline-block;
}
.page {
padding: 0 0 1em;
}
.page-header {
margin: 16px 0 9px;
}
.grid2 {
margin: 0.4em 0 0;
}
.bs-example {
padding: 1em 0 0;
}
.page-header h3 {
  font-size: 1.6em;
}
td.add-check a {
  width: 86px;
}
}
@media(max-width:320px){
.banner {
  height: 232px;
  background-position-x: -225px;
  background-size: 542px;
}
}

.row1{
outline: none;
overflow: auto;
    height: 162px;
  margin: 1em 0;
}
section.sky-form{
border-top: 1px solid #E9E9E9;
    padding-top: 1em;
}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
position: relative;
display: block;
}

/* radios and checkboxes */
.sky-form .radio,.sky-form .checkbox {
outline: none;
border: none;
margin-bottom: 0px;
padding-left: 27px;
font-size: 14px;
line-height: 30px;
font-weight: 400;
color: #000000;
cursor: pointer;
text-transform: capitalize;
width: 100%;
/*  margin-top: 0;*/
text-decoration: none;
  font-family: 'Oxygen-Bold';
}

.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
margin-bottom: 0;
}
.sky-form .radio input,
.sky-form .checkbox input {
position: absolute;
left: -9999px;
}
.sky-form .radio i,
.sky-form .checkbox i {
position: absolute;
top: 9px;
left: 0;
display: block;
width: 13px;
height: 13px;
outline: none;
border-width: 2px;
border-style: solid;
background: #fff;
}
.sky-form .radio i {
border-radius: 50%;
}
.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after {
position: absolute;
opacity: 0;
transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-webkit-transition: opacity 0.1s;
}

.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after {
opacity: 1;
}

.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox {
float: left;
margin-right: 30px;
}
.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child {
margin-bottom: 4px;
}
.sky-form .checkbox input + i:after {
content:'';
top: -1px;
left: -5px;
width: 15px;
height: 15px;
background: url(../images/b-arrow.png);
text-align: center;
}
.sky-form .checkbox input + i:after {
color:#fff;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
border-color:#B3B3B3; 
}
/*-- start scrollpane --*/
.jspContainer{
overflow: hidden;
position: relative;
}
.jspPane{
position: absolute;
outline: none;
padding: 20px !important;
}
.jspVerticalBar{
position: absolute;
top: 0;
right:0px;
width:5px;
height: 100%;
}
.jspHorizontalBar{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspCap{
display: none;
}
.jspHorizontalBar .jspCap{
float: left;
}
.jspTrack{
background: #f0f0f0;
position: relative;
}
.jspDrag{
background: #ACAFBD;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{
float: left;
height: 100%;
}
.jspArrow{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow{
height: 16px;
}
.jspHorizontalBar .jspArrow{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus{
outline: none;
}
.jspCorner{
background: #eeeef4;
float: left;
height: 100%;
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:640px){
.row1 {
  height: 160px;
}
.sky-form .radio, .sky-form .checkbox {
  font-size: 12px;
}
}

.paddding-thin {
padding-left:5px;
padding-right:5px;
}
@media screen and (max-width:640px){
.paddding-thin {
  padding-left:0px;
  padding-right:0px;
}
}

.mid-pop .mid-1 {
position: relative;
height:auto;
text-align:center;
background: rgba(255,255,255,0.8);
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.mid-pop .mid-1 .sho-id {
text-align: left;
font-size:0.8em;
padding-left:0.2em;
height: 0.9em;
line-height: 0.9em;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.mid-pop .mid-1 .sho-name {
text-align: left;
font-size: 1.0em;
padding-left: 0.2em;
padding-top: 0.2em;
height: 1.7em;
text-overflow: clip;
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 0.8em;
}
.mid-pop .mid-1 .price {
text-align: left;
font-size:1.3em;
padding-left:0.2em;
height: 1.3em;
line-height: 1.3em;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.mid-pop .mid-1 .ws-price {
text-align: left;
font-size:1.1em;
padding-left:0.2em;
height: 1.1em;
line-height: 1.2em;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.mid-pop .mid-1 .color {
text-align: left;
font-size:1.0em;
padding-left:0.2em;
height: 1.4em;
line-height: 1.3em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.mid-pop .mid-1 .size,
.mid-pop .mid-1 .colortext {
text-align: left;
font-size:0.9em;
padding-left:0.2em;
height: 1.0em;
line-height: 0.8em;
overflow: hidden;
width:70%;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.mid-pop .mid-1 .colortext {
padding-left:0.0em;
top:6px;
}
.mid-pop .mid-1 .deldate,
.mid-pop .mid-1 .status {
text-align: left;
font-size:0.9em;
padding-left:0.2em;
height: 1.0em;
line-height: 0.8em;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
}
.mid-pop .mid-1 .material {
text-align: left;
font-size:0.9em;
padding-left:0.2em;
height: auto;
line-height: 1.0em;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
text-overflow: clip;
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mid-pop .mid-1 .size i,
.mid-pop .mid-1 .deldate i,
.mid-pop .mid-1 .status i,
.mid-pop .mid-1 .material i,
.mid-pop .mid-1 .colortext i {
width: 15px;
text-align: center;
}
.sholist-catremarks {
text-align: left;
font-size: 0.8em;
text-overflow: clip;
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 0.9em;
}
@media screen and (max-width:768px){
.mid-pop .mid-1 {
}
.mid-pop .mid-1 .sho-id {
  font-size:0.7em;
  padding-left:0.1em;
  height: 0.8em;
  line-height: 0.7em;
}
.mid-pop .mid-1 .sho-name {
  font-size: 0.8em;
  padding-left: 0.1em;
  padding-top: 0.1em;
  height: 1.5em;
  line-height: 0.7em;
}
.mid-pop .mid-1 .color {
  text-align: left;
  font-size:1.0em;
  padding-left:0.1em;
  height: 1.4em;
  line-height: 1.4em;
}
.mid-pop .mid-1 .ws-price {
  text-align: left;
  font-size:0.7em;
  padding-left:0.1em;
  height: 0.9em;
  line-height: 0.9em;
}
.mid-pop .mid-1 .size ,
.mid-pop .mid-1 .deldate,
.mid-pop .mid-1 .colortext {
  padding-top:0.1em;
  text-align: left;
  font-size:0.7em;
  padding-left:0.1em;
  height: 1.1em;
  line-height: 0.9em;
}
.mid-pop .mid-1 .colortext {
  padding-left:0.0em;
  top:6px;
}

.mid-pop .mid-1 .material {
  font-size:0.7em;
  width:70%;
}
.mid-pop .mid-1 .size i,
.mid-pop .mid-1 .status i,
.mid-pop .mid-1 .deldate i,
.mid-pop .mid-1 .colortext i {
  width: 12px;
  text-align: center;
}
.sholist-catremarks {
  padding-top: 0.2em;
  font-size: 0.7em;
  line-height: 0.9em;
}
}
@media screen and (max-width:640px){
.mid-pop .mid-1 {
}
.mid-pop .mid-1 .sho-id {
  font-size:0.6em;
  padding-left:0.1em;
  height: 0.6em;
  line-height: 0.6em;
}
.mid-pop .mid-1 .sho-name {
  font-size: 0.8em;
  padding-left: 0.1em;
  padding-top: 0.2em;
  height: 1.6em;
  line-height: 0.7em;
}
.mid-pop .mid-1 .price {
  text-align: left;
  font-size:0.8em;
  padding-left:0.1em;
  height: 1.0em;
  line-height: 1.0em;
}
.mid-pop .mid-1 .ws-price {
  text-align: left;
  font-size:0.7em;
  padding-left:0.1em;
  height: 0.9em;
  line-height: 0.9em;
}
.mid-pop .mid-1 .color {
  text-align: left;
  font-size:1.0em;
  padding-left:0.1em;
  height: 1.2em;
  line-height: 1.3em;
}
.mid-pop .mid-1 .size ,
.mid-pop .mid-1 .status ,
.mid-pop .mid-1 .deldate {
  text-align: left;
  font-size:0.7em;
  padding-left:0.1em;
  height: 1.2em;
  line-height: 1.0em;
}
.mid-pop .mid-1 .size {
  width: 80%;
}
.mid-pop .mid-1 .size i,
.mid-pop .mid-1 .status i,
.mid-pop .mid-1 .deldate i {
  width: 12px;
  text-align: center;
}
.sholist-catremarks {
  padding-top: 0.2em;
  font-size: 0.6em;
  line-height: 1.0em;
}
}


.mid-pop .pro-img .list-item{
background: rgba(255,255,255,0.8);
}
.mid-pop .pro-img .list-item .no-padding{
padding: 0px;
}
.mid-pop .pro-img .list-item .no-padding:first-child{
padding-left: 15px;
}
.mid-pop .pro-img .list-item .no-padding:last-child{
padding: 4px;
}
.mid-pop .pro-img .list-item .mid-1{
background-color: inherit;
}
.mid-pop .pro-img .list-item .list-item-thumbnail{
margin:4px;
margin-right:15px;
padding 0px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
text-align: left;
}
.mid-pop .pro-img .list-item .list-item-thumbnail img{
width: 10%;
display: inline-block;
}
.mid-pop .pro-img .list-item .list-item-thumbnail img:hover{
cursor: pointer;
}
@media screen and (max-width:640px){
.mid-pop .pro-img .list-item .list-item-thumbnail img{
width: 12%;
display: inline-block;
}
}

.sho-item-block .sho-item-block-pop-input {
position: absolute;
bottom: 6px;
right: 4px;
width: 70px;
height: 70px;
padding-top: 30px;
padding-left: 30px;
color: rgba(0,0,0,0.2);
cursor: pointer;
}
@media screen and (max-width:640px){
.sho-item-block .sho-item-block-pop-input {
  bottom: 0px;
  right: 0px;
  width: 55px;
  height: 55px;
  padding-top: 30px;
  padding-left: 30px;
}
}
@media screen and (max-width:640px){
.sho-item-block .sho-item-block-pop-input i {
  font-size: 1.6em;
}
}

.menu-drop .active {
font-weight: bold;
}

/* 商品に見立てた枠 */
.mid-pop-incart {
position: relative;
}
/* ラベル部分 全体を 透過グレーで囲う In CART */
.mid-pop-incart::before {
pointer-events: none;
content: "";
border: 4px solid rgba(0,0,0,0.4);
width: 100%;
height: 100%;
top: 0;
right: 0;
position: absolute;
z-index: 2;
}

/* パンくず */
.change-view .active {
color: #005580;
}

.sho-item-block {
padding-bottom: 1em;
}
@media screen and (max-width:640px){
.sho-item-block {
    padding-bottom: 0px;
}
}


#catalog-page {
}
/* 2017.04.28 Add↓ */
/* 三点リーダ */
.dotted-line{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

#sku_list_modal .modal-dialog{
width:auto;
height:100%;
margin:0;
}

#sku_list_modal .modal-content {
-webkit-overflow-scrolling:touch;
border-radius: 0;
box-shadow: 0 0 0;
position: fixed;
bottom:0;
width:100%;
-webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
-o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
animation-duration: 0.2s;
}

#sku_list_modal .modal-header{
background-color: #bdc3c7;
padding-top:5px;
padding-bottom:5px;
}

/* 2017.06.05 Add↓ */
/* 注文不可商品 */
#sku_list_modal .stock_none{
background-color:#ccc;
}
#sku_list_modal .hidden_image{
display:none;
}
/* 2017.06.05 Add↑ */

/* 入力制限設定 */
#sku_list_modal .set_regulation_info{
margin-top:5px;
font-size:8pt;
color:#31708f;
background-color: inherit;
text-align:center;
word-break: break-all;
}

#sku_list_modal .modal-body{
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
bottom:0;
background-color: #ecf0f1;
}
#sku_list_modal .modal-footer{
background-color: #bdc3c7;
padding-top:5px;
padding-bottom:5px;
}

#sku_list_modal hr{
border-color:#ecf0f1;
margin:0;
}
/* 商品画像 */
#sku_list_modal .head_sho_image {
height:50px;
width:50px;
background-position:center center;
background-size: cover;
background-repeat: no-repeat;
}
/* 2017.07.27 Add↓ */
/* ×ボタン */
#sku_list_modal #modal_close {
  top:5px;
}
/* カラーチェック */
#sku_list_modal .color_check {
float:right;
font-size:20pt;
/*  margin-top:-3px;*/
margin-right:-10px;
width :80px;
cursor:pointer;
height:inherit;
}
/* カラーチェックアイコン */
#sku_list_modal .color_check i {
margin-top:2px;
margin-right:18px;
}

/* カラーチェック(ON状態) */
#sku_list_modal .color_check_on {
color: #FF007F;
}
/* カラーチェック(OFF状態) */
#sku_list_modal .color_check_off {
color: #ccc;
opacity: 0.5;
}
/* 2017.07.27 Add↑ */
/* 品番 */
#sku_list_modal .display_normal .head_sho_id {
font-size:8pt;
}
/* 品名 */
#sku_list_modal .display_normal .head_sho_name {
font-size:8pt;
}
/* 品番（SEQ合算）*/
#sku_list_modal .display_seq_integrate .head_sho_id {

}
/* 品名（SEQ合算）*/
#sku_list_modal .display_seq_integrate .head_sho_name {
padding-top:5px;
}

/* 上代（SEQ合算でない場合のみ） */
#sku_list_modal .head_price {
}

/* 明細表示欄*/
#sku_list_modal .meis_sku_area {
overflow-y: scroll;
overflow-x: hidden;
}

/* 明細表示欄（SEQ合算用）*/
#sku_list_modal .display_normal .meis_sku_area {
height:195px;
}

/* 明細表示欄（SEQ合算用）*/
#sku_list_modal .display_seq_integrate .meis_sku_area {
height:205px;
}

/* 明細用画像 */
#sku_list_modal .meis_image {
height:30px;
width:30px;
float:left;
margin-left:5px;
padding-top: 5px;
padding-bottom:5px;
padding-right:15px;
background-position:center center;
background-size: cover;
background-repeat: no-repeat;
}

/* カラースワッチ*/
#sku_list_modal .meis_color_swatch {
box-shadow: 0 0 0 1px rgb(184, 184, 184);
}

/* カラー項目 */
#sku_list_modal .meis_color_head {
font-size:6pt;
}

/* カラー名称 */
#sku_list_modal .meis_color_name {
padding-top:5px;
font-size:8pt;
}

/* サイズ項目 */
#sku_list_modal .meis_size_head {
font-size:6pt;
}

/* サイズ名称 */
#sku_list_modal .meis_size_name {
font-size:8pt;
padding-left:0;
padding-right:0;
}

/* 注釈（残りわずか等） */
#sku_list_modal .meis_info_area {
padding:0;
font-size:8pt;
padding-top:2px;
}

/* 上代（SEQ合算のみ） */
#sku_list_modal .meis_price {
font-size:11pt;
padding-left:0;
}

/* 入力部 */
#sku_list_modal .meis_input_area {
padding:0;
}

/* 入力部 */
#sku_list_modal .input-grp {
float:right;
padding-right:12px;
margin-top:-7px;
}

/* 入力部 */
#sku_list_modal .minusplus {
padding:0;
}

/* 入力欄 */
#sku_list_modal .data-order_inner{
display:inline-block;
border-radius:0;
width:inherit;
vertical-align: center;
ime-mode: disabled;
padding:0;
}

/* 入力欄スピンボタン消去（Chrome,Safari用） */
#sku_list_modal .data-order_inner::-webkit-outer-spin-button,
#sku_list_modal .data-order_inner::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* 入力欄スピンボタン消去（FireFox用） */
#sku_list_modal .data-order_inner {
-moz-appearance:textfield;
}

/* ＋－ボタン */
/* 2017.06.05 Upd↓ */
/*#sku_list_modal .orderbtn_plus,*/
/*#sku_list_modal .orderbtn_minus {*/
#sku_list_modal .orderbtn_pluminu {
/* 2017.06.05 Upd↑ */
display:inline-block;
padding-left:8px;
padding-right:8px;
}

/* 2017.06.05 Add↓ */
/* calculator */
#sku_list_modal #calculator {
top:0px;
left:0px;
}
/* 2017.06.05 Add↑ */

@media (max-width:479px){
#sku_list_modal .modal-content {
}
#sku_list_modal .modal-body{
  padding-right:0px;
}
}
@media (min-width: 1024px) {
#sku_list_modal hr{
}
#sku_list_modal .display_normal hr{
  margin-top:10px;
}
#sku_list_modal .modal-content {
/* 2017.06.07 Upd↓ */
/*    top:20%; */
/* 2017.08.28 Upd↓ */
/*    top:10%; */
  top:2%;
/* 2017.08.28 Upd↑ */    
/* 2017.06.07 Upd↑ */
  width:50%;
  left:25%;
  bottom:auto;
}

/* 入力制限設定 */
#sku_list_modal .set_regulation_info{
  font-size:12pt;
}

/* 2017.06.07 Upd↓ */
/*
#sku_list_modal .display_normal .meis_sku_area { 
  height:275px;
}

#sku_list_modal .display_seq_integrate .meis_sku_area {
  height:290px;
}
*/
#sku_list_modal .display_normal .meis_sku_area { 
  height:500px;
}

#sku_list_modal .display_seq_integrate .meis_sku_area {
  height:500px;
}
/* 2017.06.07 Upd↑

/* 商品画像 */
#sku_list_modal .head_sho_image {
  height:80px;
  width:80px;
  margin-left:25%;
  background-size: contain;
}
/* 2017.07.27 Add↓ */
/* ×ボタン */
#sku_list_modal #modal_close {
  top:10px;
}
/* カラーチェック */
#sku_list_modal .color_check {
  font-size:24pt;
  margin-top:-5px;
}
/* カラーチェック */
#sku_list_modal .color_check i {
  margin-top:13px;
}
/* 2017.07.27 Add↑ */
/* 品番 */
#sku_list_modal .display_normal .head_sho_id {
  font-size:12pt;
}
/* 品名 */
#sku_list_modal .display_normal .head_sho_name {
  font-size:12pt;
}
/* 品番（SEQ合算）*/
#sku_list_modal .display_seq_integrate .head_sho_id {
  padding-top:10px;
  font-size:15pt;
}
/* 品名（SEQ合算）*/
#sku_list_modal .display_seq_integrate .head_sho_name {
  padding-top:5px;
  font-size:15pt;
}

/* 上代（SEQ合算でない場合のみ） */
#sku_list_modal .display_normal .head_price {
  font-size:16pt;
}

/* 明細用画像 */
#sku_list_modal .meis_image {
  height:45px;
  width:45px;
  background-size: contain;
}

/* カラー項目 */
#sku_list_modal .meis_color_head {
  padding-left:20px;
  font-size:9pt;
}

/* カラー名称 */
#sku_list_modal .meis_color_name {
  padding-left:20px;
  padding-top:2px;
  font-size:12pt;
}

/* サイズ項目 */
#sku_list_modal .meis_size_head {
  padding-left:20px;
  font-size:9pt;
}

/* サイズ名称 */
#sku_list_modal .meis_size_name {
  padding-left:5px;
  font-size:12pt;
}

/* 注釈（残りわずか等） */
#sku_list_modal .meis_info_area {
  font-size:12pt;
}

/* 上代（SEQ合算のみ） */
#sku_list_modal .meis_price {
  padding-left:5px;
  font-size:16pt;
}

/* 入力部 */
#sku_list_modal .meis_input_area {
  padding-top:5px;
}

/* 入力部 */
#sku_list_modal .input-grp {
  right:10%;
}

/* 入力部 */
#sku_list_modal .minusplus {
  padding:0;
}

/* 入力欄 */
#sku_list_modal .data-order_inner{
  display:inline-block;
  border-radius:0;
  width:inherit;
  vertical-align: center;
  ime-mode: disabled;
}

/* 入力欄スピンボタン消去（Chrome,Safari用） */
#sku_list_modal .data-order_inner::-webkit-outer-spin-button,
#sku_list_modal .data-order_inner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* 入力欄スピンボタン消去（FireFox用） */
#sku_list_modal .data-order_inner {
  -moz-appearance:textfield;
}

/* ＋－ボタン */
/* 2017.06.05 Upd↓ */
/*#sku_list_modal .orderbtn_plus,*/
/*#sku_list_modal .orderbtn_minus {*/
#sku_list_modal .orderbtn_pluminu {
/* 2017.06.05 Upd↑ */
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
}
/* 2017.06.05 Add↓ */
/* calculator */
#sku_list_modal #calculator {
  top:25%;
  left:25%;
}
/* 2017.06.05 Add↑ */
}
/* 2017.06.07 Add↓ */
/* 2017.08.28 Com↓ */
/*
@media (min-width: 1200px) {
#sku_list_modal .display_normal .meis_sku_area { 
  height:600px;
}

#sku_list_modal .display_seq_integrate .meis_sku_area {
  height:600px;
}
}
*/
/* 2017.08.28 Com↑ */
/* 2017.06.07 Add↑ */
/* 2017.04.28 Add↑ */

/* 2017.05.23 Add↓ */
.main_contents {
background: rgba(255,255,255,0.8);
padding: 5px;
}
/* 2017.05.23 Add↑ */

/* 2017.05.30 Add↓ */
.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
}
/* 2017.05.30 Add↑ */

/* 2017.05.30 Add↓ */
#cart_form .no-padding {
padding:0;
}
#cart_form .default-style-checkbox {
border-radius:0;
box-shadow:none;
border-color: #ccc;
}

#cart_form .default-style-text {
-webkit-appearance: none;
}
#cart_form #col_qty,
#cart_form #col_amount {
font-size:11pt;
}
/* 2017.07.04 Com↓ */
/*
#cart_form #col_ws_price_amount,
#cart_form #col_ws_price {
color:#ff8c00;*/	/* darkorange */
/*}*/
/* 2017.07.04 Com↑ */

#cart_form #input_sku_area,
#cart_form #col_image img{
cursor:pointer;
}

#cart_form .cart_checkbox{
position:absolute;
right:10px;
}
/* 2017.06.26 Add↓ */
#col_head_all_delete_cap{
position:absolute;
float:right;
top:5px;
right:40px;
}
/* 2017.06.26 Add↑ */
#cart_form #prependedInput{
width:90px;
}
#cart_form hr{
margin-top:10px;
margin-bottom: 10px;
border-color: rgba(0,0,0,0.3);
margin-left: -10px;
margin-right: -10px;
}
/* 2017.06.22 Add↓*/
#cart_form #delete_cart_row{
bottom:40%;
}
/* 2017.06.22 Add↑ */
@media screen and (max-width: 640px) {
#cart_form hr{
  border-color: rgba(0,0,0,0.3);
  margin-left: -15px;
  margin-right: -15px;
}
}
/* 2017.06.26 Add↓*/
@media(max-width:767px){
#cart_form #col_head_delete_chk{
  top:25px;
}
#col_head_all_delete_cap{
  font-size:8pt;
  width:inherit;
  text-align: center;
  right:8px;
  top:-1px;
}
}

/* 2017.06.26 Add↑*/
@media (max-width:479px){
#cart_form #col_head {
  font-size:8pt;
}
#cart_form #col_basic_info {
  font-size:8pt;
}
#cart_form #col_qty_amount {
  font-size:9pt;
}
#cart_form #col_qty_amount {
  font-size:9pt;
}
#cart_form #head_qty_total,
#cart_form #head_price_total,
#cart_form #head_order_total{
  font-size:9pt;
}
#cart_form hr{
  margin-top:5px;
  margin-bottom: 5px;
  border-color: rgba(0,0,0,0.3);
  margin-left: -15px;
  margin-right: -15px;
}
/* 2017.06.22 Add↓*/
#cart_form #delete_cart_row{
bottom:30%;
}
/* 2017.06.22 Add↑ */
}
#cart_form input[type=checkbox] {
width: 25px;
height: 25px;
vertical-align: middle;
}
/* 2017.05.30 Add↑ */
/* 2017.05.31 Add↓ */
.affix-top,#cart_summary.affix{
position: static;
}


@media (min-width: 979px) {
#cart_summary.affix {
  position: fixed;
/* 2017.07.21 Upd↓ */
/*    top:90px; */
  top:120px;
/* 2017.07.21 Upd↑ */
}
}
@media (max-width: 768px) {
main > .container {
  padding-left: 0px;
  padding-right: 0px;
}
}
/* 顧客名を表示するための対応 */
#nav-username {
/* 2020.09.XX Upd↓ */
/*
position: absolute;
top: 1px;
right: 3px;
font-size: 0.8em;
border-radius: 0px 0px 50px 50px;
background: rgba(0,0,0,0.02);
padding: 0px 10px
*/
position: fixed;
top: 0px;
right: 0px;
font-size: 0.9em;
border-radius: 0px 0px 0px 50px;
background: rgba(230,230,230,0.80);
padding: 0px 10px;
z-index:1;
display: flex;
/* 2020.09.XX Upd↑ */
}
@media (min-width: 768px) {
.container {
  position: relative;
}
}
@media (max-width: 768px) {
#nav-username {
  font-size: 0.9em;
}
}

/* カートサマリー */
@media (min-width: 979px) {
#cart_summary {
  width: 350px;
  position: absolute;
}
}
@media (min-width: 1200px) {
#cart_summary {
  width: 350px;
  position: absolute;
}
}

/* 2017.05.31 Add↑ */

/* 2017.06.01 Add↓ */
#cart_table .change-view-dropdown {
display: inline-block;
padding-right: 5px;
}
dispsize span {
font-size: 1.5em;
}
@media (max-width: 768px) {
dispsize span {
  font-size: 1.8em;
}
}
/* 2017.06.01 Add↑ */

#cart_summary .btn-group label.btn.btn-default {
padding-left: 0px;
padding-right: 0px;
}
/* 
// 2020.07.06 Com↓
#cart_summary .panel .panel-body {
max-height:500px;
overflow-y: auto;
}
// 2020.07.06 Com↑
*/
@media (max-width: 768px) {
#cart_summary .btn-group label.btn.btn-default {
  font-size: 0.9em;
}
#cart_summary .panel .panel-body {
 max-height:none;
}
}

#cart_summary .cart_total qtytotalname,
#cart_summary .cart_total pricetotalname,
#cart_summary .cart_total ordertotalname
{
position: relative;
bottom: -8px;
}
#cart_summary .cart_total qtytotal,
#cart_summary .cart_total pricetotal,
#cart_summary .cart_total ordertotal
{
position: relative;
float: right;
font-size:1.5em;
}
@media (max-width: 768px) {
#cart_summary .cart_total qtytotalname,
#cart_summary .cart_total pricetotalname,
#cart_summary .cart_total ordertotalname
{
  position: relative;
  bottom: -4px;
}
#cart_summary .cart_total qtytotal,
#cart_summary .cart_total pricetotal,
#cart_summary .cart_total ordertotal
{
  position: relative;
  float: right;
  font-size:1.2em;
}
}
.welcome_nav_bar_btn > a{
border: 1px #666666 solid; border-radius: 0.3em; margin-left: 3px; margin-bottom: 6px;
}
@media (max-width: 768px) {
.welcome_nav_bar_btn > a{
  border: 0px #666666 solid; border-radius: 0.3em; margin-left: 3px;
}
}
.opacity-0 {
opacity: 0;
margin-left:10000px;
z-index: -1000;
}
/* 2017.06.09 Add↓ */
.detail-block-thumb {
overflow: hidden;
}
.detail-block-thumb > span{
position: absolute;
bottom: 0px;
margin-bottom: 5px;
font-size: 0.8em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
left: 00%;
right: 00%;
text-align: center;
}
/* 2017.06.20 Add↓ */
#cart-copy-modal .modal-large{
top: 35%;
border-radius: 0;
}
#cart-copy-modal .modal-header{
padding: 0 15px 0 15px;
}
#cart-copy-modal .modal-body{
max-height: 70vh;
overflow-y: scroll;
padding: 0 15px 0 15px;
overflow-y:scroll;
}
#cart-copy-modal .modal-body .well{
padding-top:0;
padding-bottom:10px;
}
#cart-copy-modal .modal-body .table{
margin-bottom:0;
}

@media (max-width: 768px) {
#cart-copy-modal .modal-body{
  max-height: 300px;
}
}
/* 2017.06.20 Add↑ */

/* 2017.06.21 Add↓ */
.secondbar {
  position: relative;
  width: 100%;
  padding: 5px 0;
  margin-top: 8px;
  background: rgba(235,235,235,0.9);
  height:auto;
  top:0px;
  margin-bottom: -8px;
}
.hidesecondbar {
  position: relative;
  width: 100%;
  background: rgba(235,235,235,0.9);
  height: auto;
  top: 12px;
}
.secondbar .secondbar-subject {
  position: relative;
  font-size: 0.8em;
  inline-heigt: 0.8em;
  height: 1.1em;
  top: -1px;
  padding: 0px;
  margin: 0px;
}
.secondbar .secondbar-num {
  inline-height: 1.0em;
  font-size: 1.3em;
  position: relative;
  height: 1.0em;
  text-align:right;
}
.secondbar .secondbar-block {
  display: inline-block;
  text-align:left;
  min-width:40px;
  margin: 0px 10px;
}
.secondbar .secondbar-selecter {
display: inline-block;
text-align:center;
width:20px;
margin: 0px 0px;
}
.secondbar .secondbar-block-parent {
  position: absolute;
  right: 50px;
  background: rgba(255,255,255,0.9);
  margin: 0px 10px;
}

/* 2017.06.21 Add↑ */

/* 2017.06.22 Add↓ */
body.has_secondbar {
padding-top:112px;
}
#searchTop.has_secondbar {
top:113px;
}
.secondbar .secondbar-close,
.hidesecondbar .secondbar-open{
  position: absolute;
  right: 10px;
  background: rgba(255,255,255,0.8);
  margin: 0;
  padding: 0px 10px;
  top: -5px;
}
.secondbar .secondbar-cart-icon {
position: absolute;
right: 60px;
top: -6px;
font-size: 1.3em;
}

/* 2017.06.22 Add↑ */
@media (max-width: 768px) {
.secondbar .secondbar-block-parent {
  margin: 0px;
}
.secondbar .secondbar-block {
  margin: 0 10px;
}
.secondbar .secondbar-selecter {
  width: 10px;
}
.secondbar .secondbar-num {
  font-size: 1.1em;
}
.secondbar .secondbar-cart-icon {
  position: absolute;
  right: 50px;
  top: -6px;
  font-size: 1.0em;
}
}

/* 2020.06.22 Add↓ */
.secondbar input::placeholder {
font-size: 0.8em;
}
/* 2020.06.22 Add↑ */
/* 2017.06.28 Add↓ */
#pageTop{
animation-duration: 0.6s;
}
/* 2017.06.28 Add↑ */
/* 2017.06.29 Add↓ */
#image-disp-toggle-nouki{
cursor:pointer;
}
/* 2017.06.29 Add↑ */
/* 2017.07.19 Add↓ */
#imageDrgUpform .drag_area{
overflow-x:scroll;
white-space: nowrap;
height:250px;
width:95%;
margin-left:15px;
}
@media (max-width: 479px) {
#imageDrgUpform .drag_area{
  width:90%;
}
}
/* 2017.07.19 Add↑ */
/* 2017.09.20 Add↓ */
.table-striped > thead > tr,
.table-striped > tfoot > tr{
background-color:rgb(230,230,230);
}
.table-striped  > tbody > tr:nth-child(even){
background-color:#f0f0f0;
}
/* 2017.09.20 Add↑ */
/* 2017.10.25 Add↓ */
#goRequirement {
position: absolute;
right:3px;
top:3px;
font-size:0.7em;
border-radius: 5px;
background-color:#fff;
margin:2px;
cursor:pointer;"
}
/* 2017.10.25 Add↑ */
/* 2017.12.11 Add↓ */
/* カラースワッチスライダー */
.slick_color .slick-prev{
display:none !important;
}
.slick_color .slick-next{
top :14px;
right :-4px;
/* 2017.12.20 Add↓ */
z-index:10;
/* 2017.12.20 Add↑ */
}
.slick-prev::before, .slick-next::before {
font-size:15pt !important;
}
.slick_color .slick-prev::before {
content: '<' !important;
}
.slick_color .slick-next::before {
content: '>' !important;
}
.slick_color .slick-slide {
height: 23px;
width: 23px;
margin: 5px 9px 0px 0px;
}
/* 2017.12.19 Add↓ */
/* 選択中カラー */
.slick_color .color_selected {
border: solid 2px rgba(0, 0, 0, 0.7);
position: relative;
}
.slick_color .color_selected::before {
border: solid 1px rgba(255, 255, 255, 0.7);
content: "";
width: 19px;
height: 19px;
position: absolute;
left: 0px;
top: 0px;
}
/* 2017.12.19 Add↑ */
@media (max-width: 479px) {
.slick_color .slick-slide {
  height: 15px;
  width: 15px;
  margin: 4px 6px 0px 0px;
}
.slick_color .slick-next{
  top :10px;
}
/* 2017.12.19 Add↓ */
.slick_color .color_selected::before {
  width: 11px;
  height: 11px;
}
/* 2017.12.19 Add↑ */
}
/* 2017.12.11 Add↑ */

/* 2017.12.28 Add↓ */
.affix-bottom {
  position: relative
}
.cart_summary_table_height_limit {
  height: 268px;
  overflow-y: auto;
}

#cart_form input.cart_detail_check[type=checkbox] {
margin-top: 0px;
}

.oe_movie_item {
position: relative;
}

.oe_movie_item .fa {/*classがfaのアイコンに対して*/
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: 0;
  padding: 0;
  color: rgb(255,255,255,0.7);
  font-size: 100px;
}

.oe_movie_item img {
max-width: 100%;
}

/* 2017.12.28 Add↑ */

/* 2020.09.XX Add↓ */
.cart_chk.cart_chk_is_archive {
  background: rgba(255,0,0,0.1);
}

#navigation a.navbar-toggle.navhead.welcome_nav {
  background: inherit;
  color: #43484E;
  font-family: georgia,palatino,book antiqua,palatino linotype,"NotoSansCJKjp",serif;
  font-size: 16px;
  padding: 0;
  -webkit-transition: all .9s ease 0s;
  -moz-transition: all .9s ease 0s;
  -o-transition: all .9s ease 0s;
  transition: all .9s ease 0s;
  padding: 2px 10px 0px 10px;
  margin-right: 0px;
  margin-bottom: -5px;
  text-align: center;
  line-height: 20px;
}
#navigation a.navbar-toggle.navhead.welcome_nav:focus, #navigation a.navbar-toggle.navhead.welcome_nav:hover {
  color: #fff;
  background-color: #ACAFBD;
}
#navigation a.navbar-toggle.navhead.welcome_nav > navicon {
  font-size: 1.5em;
}
#navigation a.navbar-toggle.navhead.welcome_nav > navname {
  font-size: 0.8em;
  clear: both;
}
#navigation a.navbar-toggle.navhead.welcome_nav > navname:before {
  content: "\A";
  white-space: pre;
}
#navigation #welcome_header .navbar-brand {
float: none;
display: table;
padding-bottom:0px;
}
.oenavdivider {
height:50px;
width:1px;
border-bottom:none;
border-right:solid 1px rgba(0,0,0,0.2);
}
@media (max-width: 767px) {
.oenavdivider {
  height:1px;
  width:100%;
  border-bottom:solid 1px rgba(0,0,0,0.2);
  border-right:none;
}
}
/* 2020.09.XX Add↑ */

/* 2017.12.28 Add↑ */

#newusrm_form_modal .modal-body {
  max-height: 70vh;
  overflow-y: scroll;
  padding: 0 15px 0 15px;
  overflow-y: scroll;
}

#newusrm_clim_select_modal .modal-body {
  max-height: 60vh;
  overflow-y: scroll;
  padding: 0 15px 0 15px;
  overflow-y: scroll;
}