/*トップページのトップ画像のレスポンシブ*/
@media (max-width: 767px) {
.top-pc{
    display:none;
}
}
@media (min-width: 787px) {
.top-sp{
    display: none;
}
}

/*サイトの文字カラーを白色に書き換え*/
p:not(.hoge),h1,h2,h3,h4,h5,span,a :not(.ec-layoutRole__header){
  color:white!important;
  font-family: 'BIZ UDPMincho'!important;
  /*font-size :1.1rem!important;*/
}

/*商品購入時のゲスト部分の色*/
.ec-guest__inner > p{
    color:black!important;
}

/*商品個別ページ紹介文*/
.ec-productRole__description{
    color:white;
}

/*新着情報pc版*/
@media (min-width: 787px) {
 /*トップスライダー下マージン*/
.ec-sliderRole{
    margin-bottom:10em;
}
}
/*新着情報SP版*/
@media (max-width: 767px) {
/*トップスライダー下マージン*/
.ec-sliderRole{
    margin-bottom:5em;
}
}

@media (max-width: 767px) {
.order1{
    order:1;
}
.order2{
    order:2;
}
}

.fa-shopping-cart:before{
    font-family: "Font Awesome 5 Free";
    content: '\f07a'; /* アイコンのコードを記載 */
    font-weight: 600;
    /*margin:0 5px 0 0;*/
    /*opacity: .3;*/
    font-style:normal;
}

/*商品リストページと商品個別ページの新規会員登録とログインのアイコンを設定*/
.fa-user:before{
    font-family: "Font Awesome 5 Free";
    content: '\f007'; /* アイコンのコードを記載 */
    font-weight: 600;
    /*margin:0 5px 0 0;*/
    /*opacity: .3;*/
    font-style:normal;
}
.fa-lock:before{
    font-family: "Font Awesome 5 Free";
    content: '\f023'; /* アイコンのコードを記載 */
    font-weight: 600;
    /*margin:0 5px 0 0;*/
    /*opacity: .3;*/
    font-style:normal;
}

.fa-home:before{
    font-family: "Font Awesome 5 Free";
    content: '\f015'; /* アイコンのコードを記載 */
    font-weight: 600;
    /*margin:0 5px 0 0;*/
    /*opacity: .3;*/
    font-style:normal;
}

.fa-star:before{
    font-family: "Font Awesome 5 Free";
    content: '\f005'; /* アイコンのコードを記載 */
    font-weight: 600;
    /*margin:0 5px 0 0;*/
    /*opacity: .3;*/
    font-style:normal;
}



/*マイページの会員情報等の文字色*/
.ec-navlistRole__item > a{
  background-color:white!important;
}

/*マイページの注文番号等の文字色*/
dt,dd{
  color:white;
}

/*注文履歴ページのお届け先、メール配信時間の文字色*/
.ec-orderDelivery__title,.ec-orderMail__time{
  color:white;    
}

/*注文履歴ページの注文合計の背景色*/
.ec-totalBox{
    background-color: #888;
}

/*注文履歴ページの要素の背景色を黒色に*/
.ec-rectHeading > h2 {
    background-color: black;
}

/*PCこだわりページの画像内文字*/
@media (min-width: 787px) {
.sp-list{
    display:none;
}

.img_title{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-size: 1.5rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
}


/*SPこだわりページの画像内文字*/
@media (max-width: 767px) {
.pc-list{
    display:none;
}

.img_title{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-size: 1.0rem;
  /*-ms-writing-mode: tb-rl;*/
  /*writing-mode: vertical-rl;*/
}
}

/*▼こだわりページの画像に黒を薄くかける*/
.bg_dark {
background-color: #000000;
}

.bg_dark img{
  /*display: block;*/
  opacity: 0.7;
}
/*▲*/


/*トップナビバー*/
.ec-layoutRole {
  width: 100%;
  transition: transform 0.3s;
  background: #000;
  }
 
  
/*新着情報コンテンツの横幅をリセット*/
/*.omoi*/
.ec-role{
    max-width: none!important;
}

/*新着情報pc版*/
@media (min-width: 787px) {
  .ec-role.news{
      margin-bottom: 5rem;
      width:70%;
  }
}

/*新着情報SP版*/
@media (max-width: 767px) {
  .ec-role.news{
      width:100%;
  }
  .ec-newsRole__news{
      padding:5px;
      margin-bottom: 4em;
  }
}



/*コンテンツの横幅を広くする*/
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl{
    max-width:1400px;
}
}

/*.secList{*/
/*  display: inline-block;*/
/*  margin: 0 10px;*/
/*}*/



/*ニュースのボーダー調整*/
.ec-newsRole__news{
    border:1px solid #F8F8F8!important;
}
  

/*ナビバーのタイトル文字の字体を書き換え*/
.ec-categoryNaviRole__title{
    font-family: 'BIZ UDPMincho'!important;
    /*font-size :1.1rem!important;*/
}


/*.ec-secHeading__line{*/
/*    color: white!important;*/
/*}*/

/*SPのカートアイコンのカラーを白に（PCは黒）*/
@media (max-width: 767px) {
.ec-cartNavi{
   color: white;
}
}



.ec-secHeading{
    color: white;
}

/*商品購入ページ、タイトル*/
.ec-headerTitle .ec-headerTitle__title a{
    color:white!important;
}

/*商品購入ページ、アイテムナビ*/
.ec-itemNav__nav li a{
    background-color: black;
    color:white;
}

/*商品購入ページ、アイテムナビホバー*/
.ec-itemNav__nav li a:hover{
    background-color: white;
    color:black;
}

/*商品購入ページ、上部すべての商品*/
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search{
    background-color: #777;
}


.ec-newsRole__newsDate{
    color: white!important;
}

.ec-newsRole__newsTitle{
    color: white!important;
}

.ec-newsRole__newsDescription{
    color: white!important;
}


.ec-blockBtn--top{
    border-color: white;
}
.ec-blockBtn--top:hover{
    border-color: white;
}

/*トップのコンテンツ部分*/
/*@media (min-width: 1200px){*/
/*.container, .container-lg, .container-md, .container-sm, .container-xl {*/
/*    max-width: 1500px!important;*/
/*}*/
/*}*/