@charset "UTF-8";

body{
  font-family:  'Noto Sans JP', "メイリオ", Meiryo, Osaka, sans-serif;
  letter-spacing: 0.02em;
  line-height: 1.666;
  color: #474747;
  color: #303030;
}
button, input, optgroup, select, textarea{
  font-family:  'Noto Sans JP', "メイリオ", Meiryo, Osaka, sans-serif;
}
.ec-registerRole{
  line-height: 1.666;
}

/* ******************************
 *　共通
 * ****************************** */

p{
  
}
.error{
  color: red;
}

/* テーブル共通 */
.tbl{
  width: 100%;
  margin-top: 15px;
}
.tbl thead{
  background: #303030;
  color:#FFF;
  text-align: center;
}
.tbl thead th{
  text-align: center;
  
}
.tbl th,
.tbl td{
  font-size: 14px;
  border: 1px solid #CCC;
  padding: 10px 10px;
}
.tbl th{
  width: 80px;
}
.tbl td{
  
}

/* ボタン */
.read_more{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.read_more a{
  background: #303030;
  color: #fff;
  padding: 10px;
  width: 200px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
}
.read_more a:hover{
  opacity: 0.8;
}

.login .ec-login__actions .ec-blockBtn--cancel{
  background-color: #546352;
}

/**/
.ec-secHeading{
  color: #CEE1D0;
}
.ec-secHeading div .ec-secHeading__en{
  color: #303030 !important;
}
.ec-secHeading div .ec-secHeading__ja{
  color: #546352 !important;
}

.ec-pageHeader{
  
}
.ec-pageHeader h1,
.ec-pageHeader h2,
.ec-pageHeader h3{
  font-size: 20px;
  color: #303030;
  padding: 10px 0;
  /*border-bottom: 1px solid;*/
}
.ec-pageHeader .kana{
  display: block;
  font-size: 0.5em;
  margin-top: 5px;
}

/* ページ送り */
.ec-pagerRole .ec-pager{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ec-pagerRole .ec-pager .ec-pager__item{
  background-color: #E1E0DD
}
.ec-pagerRole .ec-pager .ec-pager__item--active{
  background-color: #303030;
}
.ec-pagerRole .ec-pager .ec-pager__item,
.ec-pagerRole .ec-pager .ec-pager__item--active{
  width: auto;
  margin: 5px 5px;
}
.ec-pagerRole .ec-pager .ec-pager__item a,
.ec-pagerRole .ec-pager .ec-pager__item--active a{
  padding: 0 10px;
}

/**/
.ec-blockTopBtn{
  font-size: 20px;
  right: 10px;
  color: #E1E0DD;
}

@media (max-width:767px){
 
  /* ページ送り */
  .ec-pagerRole .ec-pager .ec-pager__item,
  .ec-pagerRole .ec-pager .ec-pager__item--active{
  }
}
@media (min-width:768px){
  .tbl th,
  .tbl td{
    font-size: 16px;
  }
  .tbl th{
    width: 100px;
  }
  
  .ec-pageHeader h1,
  .ec-pageHeader h2,
  .ec-pageHeader h3{
    font-size: 30px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  
  .ec-secHeading div .ec-secHeading__ja{
    font-size: 16px !important;
  }
}


/* ******************************
 *　全体レイアウト
 * ****************************** */

/* メインカラム */
.ec-layoutRole__mainWithColumn{
  margin: 0 auto !important;
  padding: 0 !important;
}
.front_page .ec-layoutRole__mainWithColumn{
  width: 100%;
}
.ec-layoutRole__contents{
  padding-left: 20px;
  padding-right: 20px;
}

.ec-layoutRole__header{
  margin-bottom: 30px;
}
.ec-headerNaviRole{
  
}
.ec-headerNaviRole .ec-cartNavi .ec-cartNavi__div{
  background-color: #303030;
}
.ec-headerNaviRole .ec-cartNavi__badge{
  color: #303030;
  border-color: #303030;
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__guide{
  border-left: 0;
}

/* ヘッダーリンク */
.headerNav_links{
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  padding: 0;
}
.headerNav_links li{
  list-style: none;
  font-size: 14px;
  line-height: 1;
  padding: 0 8px;
  margin: 0;
}
.headerNav_links li+li{
  border-left: 1px solid;
}
.headerNav_links li a{
  color: #303030;
}
.headerNav_links li{
  
}

.ec-drawerRole .ec-headerCategoryArea__heading{
  padding: 10px 19px !important
}

/* フッター */
.ec-footerRole{
  background-color: #303030;
  border-top: 1px solid #CEE1D0;
  color: #fff;
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__info dl,
.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul li a,
.ec-footerRole .ec-footerNavi .ec-footerNavi__site ul li a,
.ec-footerRole .ec-footerNavi .ec-footerNavi__sns ul li a .sns-name{
  color: #fff;
}

.ec-footerRole .ec-footerNavi .ec-footerNavi__guide{
  padding: 0;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul{
  line-height: 1.4;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul li{
  margin-bottom: 10px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul li a{
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 15px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul li a:before{
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #FFF;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul li a img{
  margin-left: 10px;
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul li.ec-footerNavi__sns-item{
  
}
.ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul li.ec-footerNavi__sns-item img{
  width: 24px;
}

.ec-footerNavi__title{
  font-size: 16px;
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0.2em;
  color: #FFF;
  text-align: left;
}

/* ロゴ */
.ec-headerTitle__title h1{
  margin-top: 0!important;
}

/* スマホメニューボタン */
.ec-headerNavSP{
  background: #000;
  color:#FFF;
}
.ec-drawerRole .ec-headerSearch{
  background-color: #303030;
}
.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading{
  background-color: #303030 !important;
  color:#FFF !important;
}

.ec-footerRole .ec-footerTitle .ec-footerTitle__logo{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.ec-footerRole .ec-footerTitle .ec-footerTitle__logo a{
  margin: 5px 10px;
}
@media (min-width:375px){
  
}
@media (max-width:767px){
  
  /**/
  .ec-headerNaviRole{
    height: auto;
    padding-left: 56px !important;
  }
  .ec-headerNaviRole .ec-cartNaviWrap{
    margin-top: 22px;
    padding-top: 0;
  }
  
  .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list .ec-headerLink__item{
    font-size: 15px;
    padding: 20px 11px 20px;
  }
  
  /* ロゴ */
  .ec-headerNaviRole .ec-headerRole{
    width: 110px;
    margin-top: 10px;
  }
  
  .ec-headerNaviRole .ec-headerNav{
    padding-top: 8px;
  }
  .ec-headerNaviRole .ec-cartNaviWrap{
    margin-top: 5px;
  }
  .ec-headerNaviRole .ec-headerRole__navSP .ec-headerNavSP{
    /*top: 50px;*/
    top: 5px;
  }
  .ec-headerNaviRole .ec-headerRole__navSP .ec-headerNavSP.fix{
  
    top:8px;
  
  }
  
  /* 検索メニュー */
  .ec-headerSearch .ec-headerSearch__category{
    width: 130px;
  }
  
  .ec-footerRole .ec-footerTitle .ec-footerTitle__logo a img.rakuten{
    width: 84px;
  }
}
@media (min-width:768px){
  
  /* ロゴ */
  .ec-headerNaviRole .ec-headerRole{
    max-width: 190px;
  }
  
  
  .ec-footerRole .ec-footerTitle .ec-footerTitle__logo a img{
    width: 230px;
  }
  .ec-footerRole .ec-footerTitle .ec-footerTitle__logo a img.rakuten{
    width: 84px;
  }
  
  .ec-layoutRole .ec-layoutRole__mainWithColumn{
    width: 100%;
  }
  .ec-off1Grid .ec-off1Grid__cell{
    width: 100%;
    margin: 0 auto;
  }
  
  /* ヘッダー */
  .ec-headerNaviRole .ec-headerNav{
    padding-top: 33px;
  }
  .ec-headerNaviRole .ec-headerSearch .ec-headerSearch__keyword{
    width: 200px;
  }
  
  /* フッター */
  .ec-footerNavi__title{
    font-size: 20px;
  }
  
  .ec-footerRole .ec-footerNavi{
    justify-content: space-between;
  }
  .ec-footerRole .ec-footerNavi .ec-footerNavi__guide{
    width: 50%;
    padding: 0 10px;
  }
  .ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul{
    font-size: 16px;
  }
  
  .ec-footerCategory{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ec-footerCategory li{
    width: 49%;
  }
  
  
}
@media (max-width:1023px){
  .ec-headerNaviRole .ec-headerNav__item:last-child{
    margin-right: 5px;
  }
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
  /* フッター */
  .ec-footerNavi__title{
    font-size: 20px;
  }
  
  .ec-footerRole .ec-footerNavi{
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .ec-footerRole .ec-footerNavi .ec-footerNavi__guide{
    width: auto;
    max-width: 32%;
    padding: 0 10px;
  }
  .ec-footerRole .ec-footerNavi .ec-footerNavi__guide ul{
    font-size: 16px;
  }
  
  .ec-footerCategory{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ec-footerCategory li{
    width: 49%;
  }
  
}


/* ******************************
 *　HOME
 * ****************************** */

/* カテゴリ表示 */
.home_category_list_wrap{
  padding-top: 30px;
  padding-bottom: 30px;
}
.home_category_list{
  display: flex;
  flex-wrap: wrap;
  margin: -10px -5px 0;
  padding: 0;
}
.home_category_list li{
  width: 33.333%;
  padding: 10px 5px;
  list-style-type: none;
  text-align: center;
}
.home_category_list li a{
  display: block;
  font-size: 10px;
  color: #181818;
}
.home_category_list li .name{
  margin-top: 10px;
}


.front_page .ec-contentRole{
  padding-bottom: 0;
}
.front_page .ec-role{
  margin-top: 50px;
}
.front_page .ec-role + .ec-role{
  margin-top: 50px;
}
/*
.front_page .ec-layoutRole__contents{
  max-width: 100%;
}*/
.front_page .ec-sliderRole{
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.front_page .ec-contentRole .content-arrows button{
  background-color: #303030;
}

/**/
body{
  counter-reset: number 0; 
}
#slide_ranking .ec-contentRole__listItem .img:after{
  counter-increment: number 1;
  content: counter(number) ;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  color: #FFF;
  background: #E1E0DD;
  border-radius: 50%;
  text-align: center;
}
#slide_ranking .ec-contentRole__listItem:nth-child(1) .img:after{
  background: #FFC926 ;
}
#slide_ranking .ec-contentRole__listItem:nth-child(2) .img:after{
  background: #B7B7B7 ;
}
#slide_ranking .ec-contentRole__listItem:nth-child(3) .img:after{
  background: #A2632B ;
}

@media (min-width:375px){
  
  /* カテゴリ表示 */
  .home_category_list li a{
    font-size: 12px;
  }
  
}
@media (max-width:767px){
  .front_page .ec-secHeading div .ec-secHeading__en{
    font-size: 24px;
  }
  .front_page .ec-secHeading div .ec-secHeading__ja{
    margin-top: 0;
  }
}
@media (min-width:768px){
  
  /* カテゴリ表示 */
  .home_category_list{
    margin: -10px -5px 0;
  }
  .home_category_list li{
    width: 25%;
    padding: 10px 5px;
  }
  
  .front_page .ec-role + .ec-role{
    margin-top: 50px;
  }
}
@media (min-width:1024px){
 
  /* カテゴリ表示 */
  .home_category_list{
    margin: -20px -10px 0;
  }
  .home_category_list li{
    width: 16.666%;
    padding: 20px 10px;
  }
  
}
@media (min-width:1200px){
  
  /* カテゴリ表示 */
  .home_category_list{
  }
  .home_category_list li{
  }
  
}


/* ******************************
 *　商品一覧
 * ****************************** */

.product_list .ec-searchnavRole .ec-searchnavRole__infos{
  margin-top: 10px;
}

/* 一覧レイアウト */
.product_list_layout{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product_list_layout_side{
  width: 100%;
  margin-bottom: 15px;
}
.product_list_layout_main{
  width: 100%;
}


.product_list_search{
  
}
.product_list_search.bdr{
  border-top: 1px solid #E1E0DD;
  padding-top: 10px;
}
.product_list_search + .product_list_search{
  margin-top: 10px;
}
.product_list_search_row + .product_list_search_row{
  margin-top: 10px;
}
.product_list_search_title{
  /*background: #303030;*/
  /*color: #FFF;*/
  /*padding: 10px;*/
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.product_list_search_category{
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 280px;
  overflow: auto;
}
.product_list_search_category li{
  
}
.product_list_search_category li input{
  margin-right: 10px;
}

.product_list_search_text{
  border: 1px solid #E1E0DD;
  border-radius: 5px;
  padding: 8px;
  width: 100%;
}
.product_list_search_btn{
  background: #303030;
  color: #FFF;
  text-align: center;
  padding: 10px;
  border: 0;
  border-radius: 5px;
  width: 100%;
}
.product_list_search_btn[type="reset"]{
  background: #E1E0DD;
  color: #303030;
}

/* 現在の検索条件 */
.search_params_wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: #303030;
  color:#FFF;
  padding: 10px;
  border-radius: 5px;
}
.search_params_wrap .box1{
  width: 100%;
}
.search_params_wrap .box2{
  width: 100%;
}
.search_params_wrap .title{
  border-bottom: 1px solid #FFF;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.search_params_wrap .params{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.search_params_wrap .params li{
  list-style: none;
  margin-right: 10px;
  margin-bottom: 5px;
}
.search_params_wrap .params li a{
  display: inline-block;
  background: #FFF;
  color: #181818;
  font-size: 13px;
  padding: 2px 10px 3px 5px;
  text-decoration: none;
}
.search_params_wrap .params li a:before{
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
}

.search_params_wrap .params li a:hover{
  background: #fff;
  color: #303030;
}

.search_params_wrap .search_btn{
}
.search_params_wrap .search_btn a{
  display: block;
  background: #fff;
  color: #303030;
  padding: 2px 5px 4px;
  text-align: center;
  text-decoration: none;
}
.search_params_wrap .search_btn a:hover{
  background: #FFF;
  color: #181818;
}

/* 検索フォーム(ポップアップ) */
.search_modal_wrap{
  display: none;
}
.search_modal_wrap.on{
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.8);
  z-index: 1000;
  overflow: auto;
  padding: 10px 10px;
}
.search_modal{
  padding: 15px;
  border-radius: 10px;
  background: #FFF;
}
.search_modal{
  /*position: fixed;
  z-index: 1000;
  top: 10px;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);*/
  width: 100%;
  margin: 0 auto;
}

.search_modal .close_btn{
  text-align: right;
}
.search_modal h2{
  font-size: 20px;
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}
.search_modal .search_box{
  
}
.search_modal .search_box + .search_box{
  margin-top: 20px;
}

.search_modal .accordion{
  margin-bottom: 20px;
}
.search_modal .accordion dt{
  position: relative;
  cursor: pointer;
}
.search_modal .accordion dt:hover{
  opacity: 0.8;
}
.search_modal .accordion dt:after{
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.search_modal .accordion dt.on:after{
  content: "\f077";
}

.search_modal .accordion dt img{
  margin-right: 15px;
}
.search_modal .accordion dd{
  display: none;
  margin-top: 10px;
}
.search_modal .accordion dt.on + dd{
  display: block;
}
.search_modal .accordion ul{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -10px;
  padding: 0;
}
.search_modal .accordion ul li{
  padding: 0 10px;
  margin-bottom: 10px;
}

.search_modal .keyword{
  
}
.search_modal .keyword dt{
  margin-bottom: 5px;
}
.search_modal .keyword dd{
  
}
.search_modal .keyword dd input{
  border-radius: 3px;
  padding: 5px 10px;
  border: 1px solid #CCC;
  font-size: 15px;
}

.search_modal .search_btns{
  
}
.search_modal .search_btns input[type="submit"]{
  background: #303030;
  color: #FFF;
}
.search_modal .search_btns input[type="reset"]{
  
}

/**/
.product_list .ec-shelfGrid__item-image{
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.product_list .ec-shelfGrid__item-image:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.product_list .ec-shelfGrid__item-image img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  object-position: center;
}

.product_list .ec-shelfGrid__item-name{
  margin-bottom: 0;
}

.product_list .ec-shelfRole__tags li{
  height: auto;
  padding: 0 10px 1px;
}
.product_list .ec-shelfRole__tags li:last-child{
  margin-bottom: 5px;
}

/**/
.ec-contentRole__listItem{
  
}
.ec-contentRole__listItem .img{
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.ec-contentRole__listItem .img.img_fit:before{
  padding-top: 100%;
}

.ec-contentRole__listItem .img .color-list{
  
}
.ec-contentRole__listItem .img .color-list li{
  
}

.ec-shelfGrid__item-image{
  position: relative;
}
.color-list{
  display: flex;
  position: absolute;
  z-index: 2;
  bottom: 5px;
  left: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.color-list li{
    width: 15px;
    height: 15px;
    border-radius: 20px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.6);
    margin: 3px;
}

.color-list li.white{
    background: #fff;
}
.color-list li.natural{
    background: #c29a68;
}

.color-list li.black{
    background: #303030;
}
.color-list li.gray{
    background: #D3D2D2;
}
.color-list li.brown{
    background: #703E10;
}
.color-list li.dark-brown{
    background: #3a1f06;
}
.color-list li.mid-brown{
    background: #6c3808;
}
.color-list li.beige{
    background: #EBD8AB;
}
.color-list li.navy{
    background: #3D5A98;
}
.color-list li.green{
    background: #478260;
}
.color-list li.blue{
    background: #72A5BF;
}
.color-list li.red{
    background: #D40D06;
}
.color-list li.pink{
    background: #E4A1C1;
}
.color-list li.orange{
    background: #EA7831;
}
.color-list li.yellow{
    background: #EFDF32;
}
.color-list li.purple{
    background: #9042AD;
}
.color-list li.gold{
    background: #ffd700;
}
.color-list li.silver{
    background: #c0c0c0;
}
.color-list li.natural-white{
    background: linear-gradient(-45deg, #EBD8AB 0%, #EBD8AB 52%, #FFFFFF 52%, #FFFFFF 100%);
}

.list_soldout{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  color: #FFF;
  padding: 5px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-top: 5px;
}

@media (min-width:375px){
  
}
@media (max-width:767px){
  
  
  /* 一覧レイアウト */
  .product_list_search_category{
    display: none;
  }
  .product_list_search_title{
    font-size: 15px;
    background: #303030;
    color: #FFF;
    padding: 8px; 
  }
  .product_list_search_title:after{
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .product_list_search_title.on:after{
    content: "\f106";
  }
  
  
  .search_params_wrap .box2{
    margin-top: 15px;
  }
  .search_params_wrap .search_btn a{
    width: 250px;
    margin: 0 auto;
  }
  
}
@media (min-width:768px){
  
  /* 一覧レイアウト */
  .product_list_layout{
  }
  .product_list_layout_side{
    width: 200px;
    margin-bottom: 0;
  }
  .product_list_layout_main{
    width: calc(100% - 220px);
  }
  
  .product_list_search{

  }
  .product_list_search + .product_list_search{
    margin-top: 30px;
  }
  .product_list_search_title{
    pointer-events: none;
  }
  
  /* 現在の検索条件 */
  .search_params_wrap{
    padding: 20px;
  }
  .search_params_wrap .box1{
    width: calc(100% - 130px - 20px);
  }
  .search_params_wrap .box2{
    width: 130px;
  }
  .search_params_wrap .title{
  }
  .search_params_wrap .params{
  }
  .search_params_wrap .params li{
  }
  .search_params_wrap .params li a{
    
  }
  
  /* 検索フォーム(ポップアップ) */
  .search_modal .search_box + .search_box{
    margin-top: 30px;
  }
}
@media (min-width:1024px){
  
  .search_modal{
    max-width: 860px;
  }
  
}
@media (min-width:1200px){
  
}



/* ******************************
 *　商品詳細
 * ****************************** */

/* 詳細情報 */
.product_detail_tbl{
  margin-top: 15px;
}
.product_detail_tbl th{
  width: 80px;
}

/* ランク */
.product_rank_desc{
  margin-top: 15px;
}
.product_rank_desc th{
  width: 80px;
}

/* ラベル */
.product_detail .ec-productRole__tags .ec-productRole__tag{
  height: auto;
}

.product_detail .ec-productRole__priceRegular--div{
  padding-top: 10px;
}
.product_detail .ec-productRole__price{
  margin-bottom: 15px;
}



/* ギャラリー */
.slider-text{
  
}
.slider-text h3{
  font-size: 15px;
  margin: 0 0 5px;
}
.slider-text p{
  font-size: 13px;
}

/* ボタン */
button.add-cart{
  position: relative;
}
button.add-cart:after{
  content: "\f217";
  font-size: 1.5em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  
}
button#favorite{
  position: relative;
}
button#favorite:after{
  content: "\f004";
  font-size: 1.5em;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media (min-width:768px){
  
  .product_detail .ec-grid2{
    flex-wrap: wrap;
  }
  
  .ec-grid2 .ec-grid2__cell{
    width: 100%;
  }
  .product_detail .ec-grid2 .ec-description{
    width: 100%;
  }
  .product_detail .ec-grid2 .ec-grid2__cell .ec-productRole__profile{
    margin-left: 0;
  }
  .ec-productRole .ec-productRole__btn{
    min-width: 0;
  }
  
  /* 詳細情報 */
  .product_detail_tbl th{
    width: 100px;
  }
  
  /* ランク */
  .product_rank_desc th{
    width: 100px;
  }
  
  
  /* ギャラリー */
  .slider-text{

  }
  .slider-text h3{
    font-size: 15px;
  }
  .slider-text p{
    font-size: 14px;
  }
  
}
@media (min-width:1024px){
  
  .ec-grid2 .ec-grid2__cell{
    width: 49%;
  }
  .product_detail .ec-grid2 .ec-description{
    width: 49%;
  }
  .product_detail .ec-grid2 .ec-grid2__cell .ec-productRole__profile{
    margin-left: 50px;
  }
  
}
@media (min-width:1200px){
  
  /* メインカラム */
  .ec-layoutRole__mainWithColumn{
    width: 1200px !important;
  }
  .front_page .ec-layoutRole__mainWithColumn{
  }
  
  /* ギャラリー */
  .slider-text{

  }
  .slider-text h3{
    font-size: 16px;
  }
  .slider-text p{
    font-size: 14px;
  }
  
  
}


/* ******************************
 *　レビュー
 * ****************************** */
.review_about_wrap{
  margin-bottom: 30px;
}

.review_list{
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}

/* ******************************
 *　ブログ
 * ****************************** */

.img_fit{
  display: block;
  position: relative;
}

.img_fit:before{
  content: "";
  display: block;
  padding-top: 75%;
}
.img_fit.size_type1:before{
  padding-top: 50% !important;
}
.img_fit img{
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  object-position: center;
}

/* 一覧 */
.blog_list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}
.blog_list li{
  width: 50%;
  padding: 5px 10px;
}
.blog_list li .img{
  
}
.blog_list li .img.img_fit:before{
  padding-top: 58%;
}
.blog_list li .title{
  margin-top: 5px;
}

.page-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
}
.page-list li{
  
}

@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
  
  /* 一覧 */
  .blog_list{
    margin: 0 -10px;
  }
  .blog_list li{
    width: 33.333%;
    padding: 5px 10px;
  }
  .blog_list li:nth-child(n+4){
    margin-top: 20px;
  }
  .blog_list li .img{

  }
  
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}

/* ******************************
 *　コピペ用
 * ****************************** */

/* 一覧 */
.brand_list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.brand_list .item{
  width: 50%;
  padding: 5px;
}
.brand_list .item .img.img_fit:before{
  padding-top: 50%;
}
.brand_list .item .name{
  margin-top: 5px;
}

/**/
.brand_detail{
  margin-bottom: 30px;
}
.brand_detail .description{
  margin-top: -20px;
}

@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
  /* 一覧 */
  .brand_list{
    margin: 0 -10px;
  }
  .brand_list .item{
    width: 33.333%;
    padding: 10px;
  }
  
  .brand_detail .description{
    font-size: 16px;
  }
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}

/* ******************************
 *　マイページ
 * ****************************** */

.ec-welcomeMsg{
  border-bottom: 0;
}

/* ログイン */
.ec-login .ec-icon img{
  width: 30px;
  height: 30px;
}

@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
  /* ログイン */
  .ec-login .ec-icon img{
    width: 60px;
    height: 60px;
  }
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}

/* ******************************
 *　カート
 * ****************************** */

.product_detail .ec-productRole__btn .ec-blockBtn--action,
.product_detail .ec-modal-box .ec-inlineBtn--action,
.ec-cartNaviIsset__action .ec-blockBtn--action,
.cart .ec-cartRole__actions .ec-blockBtn--action,
.shoppingIndex .ec-totalBox__btn .ec-blockBtn--action,
.shoppingConfirm .ec-totalBox__btn .ec-blockBtn--action,
.registration_page .ec-registerRole__actions .ec-blockBtn--action,
.ec-registerRole .ec-blockBtn--action{
  background-color: #303030 !important;
  border: 2px solid #fff !important;
  color: #FFF !important;
}
.product_detail .ec-productRole__btn .ec-blockBtn--cancel,
.product_detail .ec-modal-box .ec-inlineBtn--cancel,
.cart .ec-cartRole__actions .ec-blockBtn--cancel,
.ec-cartNaviIsset__action .ec-cartNavi--cancel,
.shoppingIndex .ec-totalBox__btn .ec-blockBtn--cancel,
.shoppingConfirm .ec-totalBox__btn .ec-blockBtn--cancel,
.registration_page .ec-registerRole .ec-blockBtn--cancel,
.ec-blockBtn--action, .ec-blockBtn--cancel{
  background-color: #FFF !important;
  border: 2px solid #303030 !important;
  color: #303030 !important;
}

.ec-blockBtn--action,
.ec-blockBtn--cancel{
  /*line-height: initial;*/
  line-height: 50px;
}

.ec-blockBtn--action.active.focus, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active:hover, .ec-blockBtn--action:active.focus, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active:hover, .open>.ec-blockBtn--action.dropdown-toggle.focus, .open>.ec-blockBtn--action.dropdown-toggle:focus, .open>.ec-blockBtn--action.dropdown-toggle:hover{
  background-color: #546352;
  border-color: #546352;
}

/**/
.ec-orderDelivery__item .ec-imageGrid{
  border: 0;
}

/* クーポン */
#coupon .column p{
  margin-top: 10px;
}

/**/
.ec-cartNaviNull__message,
.ec-cartRole__progress + .ec-role .ec-alert-warning{
  /*background-color: #E6D5AA !important;*/
  background: #FFF !important;
  
}
.ec-cartNaviNull .ec-cartNaviNull__message,
.ec-alert-warning .ec-alert-warning__text{
  color: #303030 !important;
}
.ec-progress .ec-progress__number{
  background: #797979;
}
.ec-progress .is-complete .ec-progress__number{
  background: #303030;
}
.ec-progress .is-complete .ec-progress__label{
  color: #546352;
}



@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}

/* ******************************
 *　コピペ用
 * ****************************** */

.ec-headerNav .ec-headerNav__itemLink,
.front_page .ec-contentRole__listItemTitle{
  color: #474747;
}



@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}


/* ******************************
 *　
 * ****************************** */

.privacy_items{
  
}
.privacy_ttl{
  font-size: 16px;
}

@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  .privacy_ttl{
    font-size: 20px;
  }
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}

/* ******************************
 *　コピペ用
 * ****************************** */

.merit_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.merit_box1{
  width: 100%;
}
.merit_box2{
  width: 100%;
}

.merit_item{
  position: relative;
  padding-left: 30px;
}
.merit_item + .merit_item{
  /*margin-top: 0;*/
}
.merit_item:before{
  content: "\f217";
  font-size: 1.5em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: -5px;
  left: 0px;
}

.merit_title{
  font-size: 16px;
  color: #546352;
}

.merit_bn{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -5px;
  margin-top: 20px;
  padding: 0;
}
.merit_bn li{
  width: 100%;
  padding: 5px 5px;
  list-style: none;
}

@media (min-width:375px){
  
}
@media (max-width:767px){
  .merit_box2{
    margin-top: 30px;
  }
}
@media (min-width:768px){
  .merit_box1{
    width: 49%;
  }
  .merit_box2{
    width: 49%;
  }
  
  .merit_title{
    font-size: 20px;
  }
  .merit_txt{
    font-size: 16px;
  }
  
  .merit_bn{
    margin: 0 -15px;
    margin-top: 30px;
  }
  .merit_bn li{
    width: 50%;
    padding: 5px 15px;
  }
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}

/* ******************************
 *　ガイド
 * ****************************** */


.guide_wrap{
  
}
.guide_wrap + .guide_wrap{
  margin-top: 50px;
}

.guide_title{
  font-size: 20px;
  color: #303030;
  background: #E1E0DD;
  padding: 10px 10px;
}

.guide_item{
  
}
.guide_item + .guide_item{
  margin-top: 50px;
}
.guide_item_title{
  font-size: 17px;
  color: #546352;
  border-bottom: 2px solid;
  padding-bottom: 5px;
  margin-bottom: 15px;
  
}
.guide_item dl{
  
}
.guide_item dl+dl{
  margin-top: 10px;
}
.guide_item dl dt{
  
}
.guide_item dl dd{
  
}
.guide_item dl dd ul{
  padding-left: 1.5em;
}
.guide_item dl dd ul li{
  
}
.guide_item dl dd ul li+li{
  margin-top: 10px;
}

.guide_tbl{
  
}
.guide_tbl th,
.guide_tbl td{
  padding: 10px;
  border: 1px solid #546352;
  color: #546352;
  font-weight: 500;
}
.guide_tbl th{
  background: #E1E0DD;
  
}

/* 流れ */
.guide_order_flow{
  background: #cee1d0;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
}
.guide_order_flow .item{
  background: #FFF;
  padding: 15px;
  border-radius: 10px;
  position: relative;
}
.guide_order_flow .item .icon{
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
  color: #546352;
}
.guide_order_flow .item .title{
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
  color: #546352;
}
.guide_order_flow .item .txt{
  font-size: 14px;
}
.guide_order_flow .item .mail{
  position: absolute;
  top: 10px;
  right: 10px;
}

.guide_order_flow .arrow{
  margin: 20px;
  text-align: center;
}



@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
  .guide_title{
    font-size: 24px;
  }

  .guide_item{

  }
  .guide_item + .guide_item{
    margin-top: 50px;
  }
  .guide_item_title{
    font-size: 18px;
  }
  .guide_item dl{
    font-size: 16px;
  }
  .guide_item dl dt{
    margin-bottom: 10px;
  }
  .guide_item dl dd{

  }
  
  /* 流れ */
  .guide_order_flow{
    padding: 20px;
    border-radius: 10px;
    width: 600px;
  }
  .guide_order_flow .item{
    padding: 15px;
  }
  .guide_order_flow .item .icon{
    font-size: 30px;
  }
  .guide_order_flow .item .title{
    font-size: 18px;
  }
  .guide_order_flow .item .txt{
    font-size: 16px;
  }
  .guide_order_flow .arrow{
  }
  
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}

/* ******************************
 *　よくある質問
 * ****************************** */
/* ヘッダー */
.faq_head{
  text-align: center;
}
.faq_head_title{
  
}
.faq_head_title i{
  font-size: 50px;
  color: #FFDB5A;
}
.faq_head_title h1{
  font-size: 18px;
}
.faq_search{
  width: 240px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
}
.faq_search input{
  background: white;
  padding: 10px 20px;
  padding-right: 45px;
  font-size: 1.4rem;
  border-radius: 100px;
  width: 100%;
  border: 1px solid #CACACA;
}
.faq_search button{
  pointer-events: none;
  cursor: alias;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -13px;
  font-weight: 400;
  font-size: 1.7rem;
  background: none;
  border: 0;
}

/* カテゴリ */
.faq_category{
  width: 250px;
  margin: 0 auto;
  margin-top: 30px;
}
.faq_category ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq_category ul li{
  width: 50%;
  width: auto;
  margin-bottom: 20px;
}
.faq_category ul li a{
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  color: #303030;
  text-decoration: none;
}
.faq_category ul li a:hover{
  opacity: 0.8;
}
.faq_category ul li a svg,
.faq_category ul li a img,
.faq_category ul li a i{
  width: 16px;
  margin-right: 5px;
  text-align: center;
}
.faq_category ul li a svg{
  
}
.faq_category ul li a i{
  color: #303030;
  font-size: 16px;
}

/**/
.target-area {
  width: 90%;
  margin: 0 auto; 
}
.target-area dl {
  margin: 50px 0; 
}
.target-area dl:first-child {
  margin-top: 80px; 
}
.target-area dl dt {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}
.target-area .hidden {
  display: none; 
}
.target-area .accordion a {
  display: inline-block;
  text-decoration: underline; 
}
.target-area .accordion h2 {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #CACACA;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 10px 35px 10px 5px; 
  position: relative;
  cursor: pointer;
}

.target-area .accordion h2:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #CACACA;
}
.target-area .accordion h2.selected:after {
  content: "\f106";
}


.target-area .accordion div {
  display: none;
  padding: 10px 20px;
}

.btn-box p {
  width: 90vw;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 5px; 
}
.btn-box .btn-line {
  margin-top: 20px;
}

@media (min-width:375px){
  
}
@media (max-width:767px){
  .faq_category ul li a{
    letter-spacing: 0;
  }
}
@media (min-width:768px){
  
  /* ヘッダー */
  .faq_head{
  }
  .faq_head_title{

  }
  .faq_head_title i{
    font-size: 60px;
  }
  .faq_head_title h1{
    font-size: 18px;
  }
  
  /* カテゴリ */
  .faq_category{
    width: 410px;
    margin-top: 50px;
  }
  .faq_category ul{
    
  }
  .faq_category ul li{
    width: 50%;
    width: auto;
  }
  .faq_category ul li a{
    font-size: 18px;
  }
  .faq_category ul li a svg,
  .faq_category ul li a img,
  .faq_category ul li a i{
    width: 35px;
    margin-right: 10px;
  }
  .faq_category ul li a i{
    font-size: 35px;
  }
}
@media (min-width:1024px){
  .target-area {
    width: 100%; 
  }
  .target-area .accordion h2 {
    font-size: 1.6rem;
    padding: 10px 5px; 
  } 
}
@media (min-width:1200px){
  
  .faq_category ul{
  }
  
}


/* ******************************
 *　コピペ用
 * ****************************** */

@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}


/* ******************************
 *　会員登録
 * ****************************** */

.member_info{
}
.member_info h3{
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.member_info .barcode{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.member_info_tbl{
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.member_info_tbl td{
}


@media (min-width:375px){
  
}
@media (max-width:767px){
  
}
@media (min-width:768px){
  
  .member_info_tbl{
    width: 500px;
    max-width: 100%;
  }
  
  
}
@media (min-width:1024px){
  
}
@media (min-width:1200px){
  
}