/* カスタマイズ用CSS */

/*商品一覧・詳細ページ*/
@media only screen and (min-width:768px ){
.ec-searchnavRole{padding-top: 10px;}
.ec-productRole{padding-top: 60px;}
}

/* 商品一覧ページ */
.price02-default{
    margin-bottom: 10px;
}


/* カラー・プライス選択共通 */
.color-price{
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 1130px;
}

.ec-select-list{
  padding-left: 8px;
} 
.ec-select-list ul{list-style: none; padding: 0;margin:0;}
/* カラー選択 */
.color-space{padding:80px 0 50px;}

.category-color{
  margin:10px 5px;
  width: 45%;
  height: 100px;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  position: relative;
    }

.category-color .maru{ 
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: 15%;
  left: 50%;
 transform: translateX(-50%);
  margin:0;
  padding:0;
}

.c-small{font-size: 0.8em;}

.c-name{margin-top: 45px;}


.black{
    background-color:#101b23; 
}
.white{
    border:1px solid #c0c0c0;    
}
.natural{
    background-color:#c8a77c;    
}
.cgray{
    background-color:#4c4947;    
}
.lgray{
    background-color:#dee4e4;    
}
.navy{
    background-color:#1b3354;    
}
.beige{
    background-color:#e9cbb0;    
}
.dbrown{
    background-color:#3f3233;    
}
.lpink{
    background-color:#e6cfd1;    
}
.mgreen{
    background-color:#496314;    
}

.bi{
    background:linear-gradient(to bottom,#e9cbb0 0%,#e9cbb0 50%, #3f3233 50%, #3f3233 100%);
}


.multi{
    background:linear-gradient(to bottom,#fef145 0%,#fef145 33%,#ed842b 33%,#ed842b 66%, #3f3233 66%, #3f3233 100%);
}

.moji:link{color:#545454;}
.moji:hover{color:#545454;}
.moji:visited{color:#545454;}


/* プライス選択 */
.price-space{padding:40px 0 20px;}
.category-price{
  margin:10px 5px;
  width: 45%;
  height: 80px;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
    }
    
.category-price p{
   padding-top: 30px;
}

@media only screen and (min-width:600px ){
.category-color{
  width: 23%;}
.category-price{
  width: 23%;}
}

@media only screen and (min-width:960px ){
.ec-select-list{padding-left: 3%;} 
.category-color{
  width: 18%;}
.category-price{
  width: 18%;}
}


/* カテゴリブロック */
.ec-newItemRole .ec-newItemRole__listItem {text-align:center;}
.ec-newItemRole__listItem .small{font-size:0.9em;} 

@media only screen and (min-width:768px ){    
.ec-newItemRole__listItem .small{font-size:1em;} 
}

/* ご利用ガイド */
.acbox {
    margin: 0 auto;
    padding: 0;
    max-width: 800px;
    margin-top: 40px;
}
.acbox label,.acbox2 label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    border-bottom:solid 1px #ccc;
    cursor :pointer;
    font-weight: normal;
}
.acbox label:before, .acbox2 label:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-right: 8px;
}
.acbox label:hover, .acbox2 label:hover{
    background :#f5f5f5;
}
.acbox input ,.acbox2 input{
    display: none;
}
.acbox .accshow ,.acbox2 .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}
.cssacc:checked + label:before {
    content: "\f078";
}
.acbox2 {
    margin: 0 5px;
    padding: 0;
    max-width: 780px;/*最大幅*/
}

.acbox h1{padding-bottom: 25px; font-weight: 400; font-size:18px;} 
.g-title{font-size:16px; border-left:3px solid #ccc; padding:1px 10px;
 font-weight:500; margin:1.5em 5px 1em;}
.accshow dl{padding-bottom:20px;}
.accshow dd{line-height:1.8em; padding:10px 0 20px; }
.accshow p{line-height: 1.8em; padding:10px 0 20px;}
.guide-space{padding-bottom:40px;}
.accshow a{color:#006dcc;}
.accshow a:visited{color:#006dcc;}
.accshow a:hover{color:#00709a; text-decoration: none;}
.accshow .under-line{border-bottom: solid 1px #006dcc;}

@media only screen and (min-width:768px ){  
.acbox{margin-top: 60px;}
}

/* ヘッダー */
.ec-headerNav{ margin-right:10px;}
.ec-headerNav__itemLink{margin-left: 10px;}

/* 商品詳細ページ　商品情報 */
.ec-productRole__description h2{font-size:18px; color:#111111; font-weight: 600; margin-top: 40px;}/* 後で消去 */
.ec-productRole__description p{padding-top: 20px; line-height:1.8em;}
.ec-productRole__description .size-space{padding-top:20px;}/* 後で消去 */
.ec-productRole__description  ul{list-style: none; padding: 0;margin:0;}
.ec-productRole__description .sizeBlock{padding-top:45px;}
.ec-productRole__description .sizeBlock li{padding-bottom:15px;}
.ec-productRole__description .space-1{padding-top: 35px;}
.ec-productRole__description .space-2{padding-top: 25px;}
.ec-productRole__description .todetail{padding-top: 20px;}/* 後で消去 */
.ec-productRole__description .tolink{padding-top: 25px;}/* 後で消去 */
.ec-productRole__description a{color:#006dcc;}
.ec-productRole__description a:visited{color:#006dcc;}
.ec-productRole__description a:hover{color:#00709a; text-decoration: none;}
.ec-productRole__description .manual a{color:#777777;}

/* 商品詳細ページ フリーエリア */
.ec-productRole__description .title-area{margin-top:50px; text-align: center;}
.ec-productRole__description .title{font-size:22px; line-height:1.8em;}
.ec-productRole__description .title2{margin: 25px 0 28px; font-size: 24px; color:#111111; font-weight:600;}
.ec-productRole__description .title3{margin-bottom: 40px; font-size: 16px; line-height: 2em; }
.ec-productRole__description .t-color{color:#777777;}
.ec-productRole__description .contents-area{margin:0 auto; text-align:left; padding-bottom:30px;}
.ec-productRole__description .contents-area2{margin:0 auto; text-align:center; padding-bottom:30px;}
.ec-productRole__description .cBox{display: inline-block; text-align:center; width:49%;
margin-top:20px;}
.ec-productRole__description .cName{padding-top:10px; font-family:'Noto Sans JP';}
.ec-productRole__description .top{vertical-align:top;}
.ec-productRole__description .sName{padding-top:10px; font-size:1.1em;}
.ec-productRole__description .s-color{color:#777777; font-weight:300;}
.ec-productRole__description .text-area{margin:0 auto; padding-top:50px;}
.ec-productRole__description .f-text{margin-bottom:40px; line-height: 2em;}
.ec-productRole__description .f-text2{margin-bottom:15px; line-height: 2em;}
.ec-productRole__description .f-text3{margin-bottom:5px; line-height: 2em;}
.ec-productRole__description .t-space{margin-left:48px;}
.ec-productRole__description .n-bold{color:#111111; font-weight:600;}

@media only screen and (min-width:768px ){
.ec-productRole__description .title{font-size:24px;}
.ec-productRole__description .title2{font-size: 32px;}
.ec-productRole__description .title3{margin-bottom: 40px;}
.ec-productRole__description .contents-area{width:80%;}
.ec-productRole__description .text-area{padding-left:10%;}
.ec-productRole__description .cBox{width:24%; padding-right:5px; margin-top:10px;}
.ec-productRole__description .s-center{text-align:center; }
}

/* カートボタンカラー */
.ec-modal-box .ec-inlineBtn--action{color: #fff;}
.ec-cartRole__actions .ec-blockBtn--action{color: #fff;}
.ec-cartRole__actions .ec-blockBtn--cancel{color: #fff;}
.ec-off4Grid__cell .ec-blockBtn--action{color: #fff;}
.ec-off4Grid__cell .ec-blockBtn--cancel{color: #fff;}
.ec-orderRole__summary .ec-blockBtn--action{color: #fff;}

/* chromeフォント */
button, input, optgroup, select, textarea {font-family: 'Source Sans Pro', 'Noto Sans JP', sans-serif;}

/* 現在のカゴの中 */
.ec-cartRole__totalText strong{font-weight: 500;}
.ec-cartRole__totalText .shipping-date{padding-top: 5px;}
.ec-cartRow__summary　a, a:visited{color: #111111;}


/* レビュー */
.ec-rectHeading h4{font-size: 16px; font-weight:normal;}
#reviewContent p{color:#555555;}
#product_review_area .ec-inlineBtn--action{color: #fff; margin-top:8px;}

/* おすすめ商品 */
.ec-shelfRole .ec-newItemRole__title{margin:80px auto 50px;}
.ec-shelfGrid .ec-shelfGrid__4item {
    text-align: center;
    margin-bottom: 30px;
    width: 50%;
    display: -ms-flexbox;
    display: flex;
   -ms-flex-direction: column;
        flex-direction: column; 
}
.ec-shelfGrid .ec-shelfGrid__4item img {
      width: auto;
      max-height: 100%; }
.ec-shelfGrid .ec-shelfGrid__4item:nth-child(odd) {
    padding-right: 8px; }
.ec-shelfGrid .ec-shelfGrid__4item:nth-child(even) {
    padding-left: 8px; }
.ec-shelfGrid .item_text{margin-top: 10px; color: #555555;}
.ec-shelfGrid .item_name{font-family:'Noto Sans JP'; margin-top: 10px; color: #111111; font-weight:500;}   

@media only screen and (min-width:768px ){    
.ec-shelfGrid .ec-shelfGrid__4item{
    padding: 0 16px;
    width: 25%;}
.ec-shelfGrid .ec-shelfGrid__4item:nth-child(odd){
    padding: 0 16px;}
.ec-shelfGrid .ec-shelfGrid__4item:nth-child(even){
    padding: 0 16px;}   
.ec-shelfGrid .item_name{font-size:13px; width:85%; margin:10px auto;}
}

/* 最近チェックした商品 */
.ec-checkProductRole{padding: 80px 0 0;}
.ec-checkProductRole .ec-secHeading{display: none;}
.ec-checkProductItemRole__list {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
.ec-checkProductRole__listItem{
            text-align: center;
            margin-bottom: 4%;
            width: 45%;
            height: auto;}
.ec-checkProductRole__listItem:nth-child(odd) {
            margin-right: 4%;
            margin-left: 4%;}
.ec-checkProductRole__listItemTitle {
            font-family:'Noto Sans JP'; 
            margin: 8px 0;
            font-size: 14px;
            font-weight: 500;
            color: #111111; }
@media only screen and (min-width:768px ){
.ec-checkProductRole .ec-secHeading--tandem{display: none;}
.ec-checkProductRole .ec-secHeading{display: block;}
.ec-checkProductItemRole__list{
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
.ec-checkProductRole__listItem{
            margin-bottom: 15px;
            width:20%;}
}


/* パスワードの再発行(メール) */
.ec-forgetCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px; }
  .ec-forgetCompleteRole:after {
    content: " ";
    display: table; }
  .ec-forgetCompleteRole:after {
    clear: both; }
  
/* ログイン画面 */
.ec-login .ec-grid2__cell{text-align: center;}
.ec-login .ec-login__link1{
    margin-top: 30px;
    margin-left: 0; }
.ec-login .ec-login__link2{
    margin-top: 20px;
    margin-left: 0; }

@media only screen and (min-width:768px ){ 
  .ec-login .ec-login__link1{
    margin-top: 2px; margin-left: 20px;}
  .ec-login .ec-login__link2{
    margin-top: 10px; margin-left: 20px;}
  }
  
 /* 商品検索 */ 
.ec-headerSearch .ec-headerSearch__keyword3 {
　width:100%;  
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
    justify-content: space-between;
     -ms-flex-align: center;
      align-items: center;
  color: #333333;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 8px;}
.ec-headerSearch .ec-headerSearch__keyword3 input[type="search"] {
    height: 40px;
    font-family: 'Roboto', 'Noto Sans JP', sans-serif;  
    font-size: 16px;
    border: 0 none;
    padding: 0.5em 50px 0.5em 1em;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    margin-bottom: 0; }
.ec-headerSearch .ec-headerSearch__keyword3 .ec-icon {
    width: 24px;
    height: 24px;
    padding-left:5px;}
.ec-headerSearch .ec-headerSearch__keywordBtn {
  background: none;}
@media only screen and (min-width:768px ){
    .ec-headerSearch .ec-headerSearch__keyword3 input[type="search"] {
    height: 34px;
     padding: 0.5em 20px 0.5em 1em;    
    }
}

/* バンドシー フッター */
.footerArea{color: #333333;
            font-size: 13px;
            padding-top:20px; 
            padding-bottom: 5px; 
            margin-top: 100px; 
            background: #f8f9fa; 
            width:100%; 
            height:auto;}
.footerArea a {color: #333333;}
.footerArea a:visited{color:#333333;}
.footerArea a:hover{text-decoration: underline; }   
.footerSns{text-align: center;} 
.footerSns p{ font-size: 16px; letter-spacing: 0.1em; font-weight: 600; padding-bottom:30px;}  
.footerSns-list{list-style: none; padding:0; margin:0; margin-bottom: 30px; font-size: 14px;}
.footerSns-list li{display:inline-block; padding-right:30px; vertical-align:top;} 
.footerSns-list li img{padding-top:1px;} 
.footerSns-list li:last-child{padding-right:0;} 
.footerBlock{line-height: 2.5em;     
             padding-left:20px;
             padding-right:20px;
             display: -ms-flexbox;
                 display: flex;
             -ms-flex-wrap: wrap;
                 flex-wrap: wrap; }
.footerBlock_item{margin-bottom: 4%;
                   width: 48%;
                   height: auto; }
.footerBlock_item:nth-child(odd) {margin-right: 4%; }     
.footerBlock .en-font{font-size:15px;}
.footer-list-title{color:#777777;}
.footer-list{list-style: none; padding:0; margin: 0;}
.footer-list li{padding:0;}
.footerSubContents{font-size: 12px; line-height:1.8em; margin-bottom:35px;}  
.footerNavi{list-style: none; padding:0;}    
.footerNavi li{display:inline-block; padding-right:15px;}   
@media only screen and (min-width:768px ){ 
 .footerBlock{margin: 0 auto;
              padding-top: 10px;
              padding-left: 12%;    
              box-sizing: border-box; 
              color: #333333;
              -webkit-text-size-adjust: 100%;   
               max-width: 1130px; 
              -ms-flex-wrap: nowrap;
               flex-wrap: nowrap;}
.footerBlock_item{width: calc(100% / 3); }
.footerBlock_item-2{width: calc(100% / 2);}
.flexCenter{-ms-flex-align: center;
           align-items: center;
           padding-top:15px;
           padding-bottom: 20px;} 
    }
    
/* バンドシーカテゴリーページ */    
.categoryArea{
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  font-size: 16px;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;}
  
.categoryArea:after {
    content: " ";
    display: table; }
.categoryArea:after {
    clear: both; }
.categoryArea textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif; }
.categoryArea img {
    max-width: 100%; padding-top:30px; }

.category-inner{margin:0 auto; padding-bottom:20px; margin-top:80px; text-align:center;}
.category-inner .categoryTitle span{font-size:16px; font-weight: 500; color:#111111;}
.categoryArea ul{list-style: none; padding: 0;margin:0; margin-bottom:100px;}
.categoryArea .cBox{display: inline-block; text-align:center; width:49%; margin-top:20px;}
.categoryArea .categoryCaption{font-size:22px; font-weight:400; line-height:1.8em; text-align:center;}
.categoryArea .subCaption{font-size:16px; text-align:center; }
.categoryArea .categoryTitle{font-size: 24px; color:#111111; font-weight:600; text-align:center; padding-top:30px;}
.categoryArea .category-space{padding-top: 100px}
.categoryArea .categoryItem{color:#111111; font-weight:600; padding:10px 0 12px;}
.categoryArea .s-price{color:#555555; line-height:1.6em; padding-bottom:10px;}
.categoryArea .s-color{color:#777777; font-weight:300;}


.categoryArea .tBox{display: inline-block; text-align:center; width:49%; margin-top:50px;}
.categoryArea .tBox img{margin-top: 5px;}
.categoryArea .tnum{font-size:16px;}
.categoryArea .s-name{color:#111111; display: inline-block; height: 45px; line-height: 1.5em; vertical-align: top; margin-top: 10px; font-size: 12px;}
.categoryArea .t-center{text-align:center;}
.categoryArea .s-text{font-size:12px;line-height: 2em; }
.categoryArea .t-space{margin-bottom:50px;}

@media only screen and (min-width:768px ){ 
.categoryArea img {padding-top:10px; }
.category-inner{width:80%;}
.categoryArea .categoryCaption{font-size:24px;}
.categoryArea .categoryTitle{font-size: 32px;}
.category-inner .categoryTitle span{font-size:18px;}
.categoryArea .categoryItem{padding:20px 0 15px;}   
.categoryArea .cBox{width:24%; padding-right:5px;}
.categoryArea .tBox{width:19%; padding-right:5px;} 
.categoryArea .s-name{height: 50px;}
.categoryArea .s-text{text-align:center;}
.categoryArea .s-color{display: inline-block; height: 45px; line-height: 1.5em; vertical-align: top;}
}


/* バンドシー ロゴ */
.headerLogoArea {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  max-width: 1130px;
  width:100%;}

.headerLogoArea img {width: 25%; }
.headerLogoArea .headerLogo {
    text-align: center; }
.headerLogoArea .headerLogo a {
      display: inline-block;
      margin-bottom: 10px;}
.headerLogoArea .headerLogo a:hover {
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
        
/* はじめてご利用の方へ */
.ec-aboutus{margin: 0 auto; padding: 0; max-width: 900px; margin-top: 40px; line-height: 1.8em;}
.aboutus__item{margin-bottom:60px;}
.aboutus__item h1,h2{font-size:22px; font-weight:500; margin-bottom:40px; line-height:1.5em;}
.aboutus__item p{padding-bottom:10px;}
.aboutus__item .about-space{padding-bottom:40px;}
.aboutus__item .under-line{border-bottom: solid 1px #006dcc;}
.ec-aboutus a{color:#006dcc;}
.ec-aboutus a:visited{color:#006dcc;}
.ec-aboutus a:hover{color:#00709a; text-decoration: none;}

@media only screen and (min-width:768px ){ 
.ec-aboutus{margin-top: 60px; }
.aboutus__item .about-space{padding-bottom:30px;}
}


/* プライバシーポリシー・規約 */
.law-box {margin: 0 auto; padding: 0; max-width: 800px; margin-top:40px; }
.law-box h1{padding-bottom:25px; font-weight: 400; font-size:18px;} 
.law-box h2{font-size:16px; border-left:3px solid #ccc; padding:1px 10px;
 font-weight:500; margin:1.5em 0 1em;}
.law-box h3{font-size:16px; font-weight:500; padding-top:10px;}
.law-box ul{list-style:none;  padding:0; padding-bottom:20px;}
.law-box li{line-height:1.8em;}
.law-box li ul{line-height:1.8em; padding-left:10px; padding-top:10px;}
.law-box li ul li{padding-bottom:10px;}
.law-box p{line-height: 1.8em; padding:10px 0 20px;}
.law-box .law_line{text-decoration: underline;}

@media only screen and (min-width:768px ){ 
.law-box { margin-top:60px; } 
.law-box .law_space{margin:0 0 1em;}
}

/*ドロワーメニュー*/
.ec-drawerRole .ec-headerguideyArea {background: #fff; }
.ec-headerguideyArea ul{list-style-type: none; margin:0; padding:0;}
.ec-headerguideyArea .ec-headerguide{
    padding: 15px 25px;
    font-size: 16px;
}

.ec-headerCategoryArea .ec-headerguide a{
    color:#333333;
    text-decoration: none;
}
.ec-headerCategoryArea .ec-headerguide a:visited{color:#333333;}
.ec-headerCategoryArea .ec-headerguide a:hover{color:#333333; text-decoration: none;}

/* ドロワーボタン */
.menu-btn{
  cursor: pointer;
  display:block;
     }
.menu-btn .close-btn, .menu-btn .close-btn:before,
.ec-headerNavSP .sp-open-btn, .ec-headerNavSP .sp-open-btn:before, .ec-headerNavSP .sp-open-btn:after{
  position: absolute;
  height: 2px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555555;
  display: block;
  content: '';
  cursor: pointer;
  margin-top:10px;
}
.menu-btn .close-btn{-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);} 
    
.menu-btn .close-btn:before {
-webkit-transform: rotate(90deg);
    transform: rotate(90deg); top: -10px;    
}

.ec-headerRole__navSP .sp-open-btn:before {
  bottom: 8px;
}
.ec-headerRole__navSP .sp-open-btn:after {
  bottom: -8px;
}

/*Sプラグイン*/
#top_box__button_menu p a {
  color: #fff;
}

#detail_box .ec-halfInput input[type='text']{
    margin-left: 15px;
    width: 90%;
  }
  
.ec-sliderRole2 {
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; 
  width: 100%;
  max-width: 1130px;
  margin-bottom: 24px; }
  .ec-sliderRole2:after {
    content: " ";
    display: table; }
  .ec-sliderRole2:after {
    clear: both; }
  .ec-sliderRole2 html {
    box-sizing: border-box; }
  .ec-sliderRole2 *,
  .ec-sliderRole2 *:before,
  .ec-sliderRole2 *:after {
    box-sizing: inherit; }
   .ec-sliderRole2 img {
    max-width: 100%;  
    width: 100%; }