@charset "UTF-8";
/*
* 基本カスタマイズCSS
*
*/




/*
* レイアウト
*/
.sp { display: none !important; }
.primaryWrap {
  margin: 115px 0 80px 0;
  padding: 0;
}
.twoColWap {
  display: flex;
  align-items: flex-start;
  margin: 40px auto !important;
  padding: 0 20px !important;
  background-color: #FFFFFF;
}
.colContent {
  flex: 1 !important;
  margin: 0 20px 0 0 !important;
  padding: 40px 0 !important;
}
.colSide {
  width: 220px;
  padding: 40px 0 !important;
}
/* パンくず修正 */
#bread_crumb li {
  padding-right: 0 !important;
}


/*
* タグ再設定
*/
* {
  min-width: 0;
  min-height: 0;
}
.primaryWrap ul,
.primaryWrap li {
  list-style: none;
}



/*
* 色
*/
.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }
.nowrap { white-space: nowrap; }



/*
* フォーム・ボタン
*/
.bwpForm {
  width: 100% !important;
}
label.bwpForm {
  display: inline-block !important;
  width: auto;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
input[type='radio'].bwpForm,
input[type='checkbox'].bwpForm {
  display: inline-block !important;
  width: auto !important;
  margin: 0 0.5rem 0 0;
  padding: 0;
  vertical-align: middle;
}
input[type='text'].bwpForm {
  display: inline-block !important;
  width: 100%;
  margin: 0 0.5rem 0 0;
  padding: 0;
  vertical-align: middle;
}

#buttonWrap {
  margin: 20px auto;
}
#buttonWrap .send {
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
#buttonWrap .send input,
#buttonWrap .send a {
  margin: 5px 10px;
  padding: 10px 20px;
  color: #04abcd;
  font-size: 16px;
  font-weight: bold;
  background: #FFFFFF;
  border: #04abcd 3px solid;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.2);
}


/*
* ヘッダーカスタマイズ
*/
header#header {
  background-color: #2e2d2d;
}
#header.active #site_description {
  color: #FFFFFF;
}
#header_button.current {
  color: #04abcd !important;
}


/*
* 見出し
*/
/* ページヘッダー */
#pageHeader {
  margin: 0;
  padding: 80px 10px;
  text-align: center;
  background-color: #2e2d2d;
}
#pageHeader h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
/* アーティクルタイトル */
h3.artTitle {
  margin: 0 0 40px 0;
  padding: 0;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0.1em;
}



/*
* サイドバー
*/
#sidebar{
  margin: 0;
  padding: 0;
}

/* ECメニュー */
#sidebar .widEcMenu {
  margin: 0 0 40px 0;
  padding: 0;
}
#sidebar .widEcMenu ul {
  margin: 0;
  padding: 0;
}
#sidebar .widEcMenu ul li {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 5px;
  border: #04abcd 1px solid;
}
#sidebar .widEcMenu ul li.brawn {
  background-color: #342203;
  border: #342203 1px solid;
}
#sidebar .widEcMenu ul li.blue {
  background-color: #143f6a;
  border: #143f6a 1px solid;
}
#sidebar .widEcMenu ul li a {
  display: block;
  margin: 0;
  padding: 5px 0;
  color: #000000;
  text-decoration: none;
}
#sidebar .widEcMenu ul li.backShoppingTop a { color: #FFFFFF; }

/* カテゴリーリスト */
#sidebar .catList {
  margin: 0 0 40px 0;
  padding: 0;
}
#sidebar .catList h3 {
  margin: 0;
  padding: 5px;
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  background-color: #707070;
  border-radius: 5px 5px 0 0;
}
#sidebar .catList h5 {
  margin: 0;
  padding: 0;
}
#sidebar .catList h5 a,
#sidebar .catList h5 span {
  display: block;
  margin: 0;
  padding: 5px 10px;
  text-align: center;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  border-bottom: #CCCCCC 1px solid;
  cursor: pointer;
}
#sidebar .catList ul {
  margin: 0;
  padding: 0;
}
#sidebar .catList ul li {
  margin: 0;
  padding: 0;
  border-bottom: #f7f3e6 1px solid;
}
#sidebar .catList ul li a {
  display: block;
  margin: 0;
  padding: 5px 10px;
  color: #707070;
  line-height: 1.5;
}

/* MENU */
#menuList h5 a {
  padding: 15px 10px !important;
  text-align: left !important;
}


/*
* 商品リスト
*/
.itemList {
  margin: 0 0 40px 0;
  padding: 0;
}
.itemList ul {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
  padding: 0;
}
.itemList ul li {
  width: 33.3%;
  margin: 0;
  padding: 10px;
  line-height: 1.5;
}
.itemList ul li .thumb {
  position: relative;
  margin: 0;
  padding: 0;
}
.itemList ul li .thumb img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.itemList ul li .thumb p.soldout {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 9999;
}
.itemList ul li p {
  margin: 0;
  padding: 0.2rem 0 0 0;
  text-align: center;
}


/*
* ショッピングガイド
*/
#guide {
  margin: 0 0 4rem 0;
  padding: 0;
  line-height: 1.5;
}
#guide h3.title {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  border-left: #04abcd 5px solid;
}
#guide ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: calc(100% + 20px);
  margin: 0 -10px;
  padding: 0;
}
#guide li {
  width: calc(50% - 20px);
  padding: 10px;
}
#guide li .cell {
  padding: 10px;
  background-color: #FFFFFF;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
#guide li .cell h5 {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}
#guide li .cell p {
  margin: 0;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 300;
}
#guide li .cell p strong {
  display: block;
  margin: 0;
  padding: 0;
  color: #b00b0b;
  font-size: 14px;
  font-weight: 600;
}
#guide li .cell a.link {
  display: inline-block;
  margin: 5px auto;
}
#guide a.linkButton {
  display: block;
  width: 10em;
  margin: 10px auto;
  padding: 10px 0;
  text-align: center;
  color: #FFFFFF;
  background-color: #04abcd;
  border-radius: 0.2rem;
}
#guide li .cell img {
  display: block;
  max-width: 100%;
}
/* クレジットカードブランド */
.cardBrand {
  margin: 0 !important;
  padding: 0 !important;
}
.cardBrand img {
  display: inline-block !important;
  width: 4rem;
  margin: 0 0.2rem 0.2rem 0;
  padding: 0;
}


/*
* ページャー
*/
nav.navigation {
  width: 100%;
  margin: 0;
  padding: 20px 0 10px 0;
}
nav.navigation .nav-links {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
nav.navigation .nav-links .prev {
  display: block;
  float: left;
  width: 20%;
  text-align: left;
  color: #333333;
  font-size: 14px;
}
nav.navigation .nav-links .next {
  display: block;
  float: right;
  width: 20%;
  text-align: right;
  color: #333333;
  font-size: 14px;
}
nav.navigation .nav-links span.prev,
nav.navigation .nav-links span.next {
  color: #666666;
}
nav.navigation .nav-links .num {
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 100%;
  border-right: #333333 1px solid;
}
nav.navigation .nav-links span.num { color: #666666; }
nav.navigation .nav-links .num:nth-last-child(2) { border: none; }


/*
* ボタン
*/
.buttonWrap {
  margin: 0;
  padding: 0;
  text-align: center;
}
/* フォームボタン */
.buttonWrap input {
  display: inline-block;
  margin: 0 1rem;
  padding: 1rem 2rem;
  text-align: center;
  color: #000000;
  font-size: 1rem;
  font-weight: 700;
  background-color: #FFB633;
  border: none;
  border-radius: 0.2rem;
}
/* ワンポイントボタン */
.bwp_buttonPrimary {
  color: #FFFFFF;
  background-color: #402210;
  border: none;
  border-radius: 2px;
}
.bwp_buttonSecondary {
  color: #333333;
  background-color: #CCCCCC;
  border: none;
  border-radius: 2px;
}





/*
* テーマカスタマイズ
*/
#footer .container .bwpFooterButton {
  width: 66.6%;
  margin: 0;
  text-align: center;
}
img.banHotpepper {
  display: block;
  margin-top: 20px;
  width: 40%;
  max-width: 200px;
}
a.linkRichheart {
  display: block;
  margin: 0;
  padding: 20px;
  color: #FFFFFF;
  text-decoration: underline;
}






/*
* スマホ用 **********************************************************************
*/


@media screen and (max-width:992px){

  /*
  * タグ再設定
  */



  /*
  * レイアウト
  */
  .pc { display: none !important; }
  .sp { display: block !important; }
  .primaryWrap {
    margin: 60px 0 0 0;
    padding: 0;
  }
  .twoColWap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto !important;
    padding: 0 20px !important;
    background-color: #FFFFFF;
  }
  .colContent {
    flex: 1;
    width: 100%;
    margin: 0 !important;
    padding: 40px 0 !important;
  }
  .colSide {
    width: 100%;
  }



  /*
  * フォーム・ボタン
  */
  .bwpForm {
    width: 100% !important;
  }
  label.bwpForm {
    display: inline-block !important;
    width: auto;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }
  input[type='radio'].bwpForm,
  input[type='checkbox'].bwpForm {
    display: inline-block !important;
    width: auto !important;
    margin: 0 0.5rem 0 0;
    padding: 0;
    vertical-align: middle;
  }
  input[type='text'].bwpForm {
    display: inline-block !important;
    width: 100%;
    margin: 0 0.5rem 0 0;
    padding: 0;
    vertical-align: middle;
  }



  /*
  * 見出し
  */
  /* ページヘッダー */
  #pageHeader h2 {
    font-size: 18px;
  }
  #pageHeader h3 {
    font-size: 20px;
  }
  #pageHeader p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
  }
  /* アーティクルタイトル */
  h3.artTitle {
    font-size: 20px;
  }


  /*
  * サイドバー
  */
  #sidebar{
    min-height: auto;
    margin: 0 0 5vw 0;
    padding: 0;
  }


  /*
  * ショッピングガイド
  */
  #guide li {
    width: 100%;
  }
  /* クレジットカードブランド */
  .cardBrand {
    margin: 0 !important;
    padding: 0 !important;
  }
  .cardBrand img {
    display: inline-block !important;
    width: 19%;
    margin: 0 0.5% 0.5% 0;
    padding: 0;
  }


  /*
  * 商品リスト
  */
  .itemList {
    margin: 0 0 40px 0;
    padding: 0;
  }
  .itemList ul {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    padding: 0;
  }
  .itemList ul li {
    width: 50%;
    margin: 0;
    padding: 10px;
    line-height: 1.5;
  }
  .itemList ul li .thumb {
    position: relative;
    margin: 0;
    padding: 0;
  }
  .itemList ul li .thumb img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .itemList ul li .thumb p.soldout {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 9999;
  }
  .itemList ul li p {
    margin: 0;
    padding: 5px 0 0 0;
    text-align: center;
    font-size: 14px;
  }



  /*
  * ページャー
  */
  nav.navigation .nav-links .prev { width: 50%; }
  nav.navigation .nav-links .next { width: 50%; }


  /*
  * ボタン
  */
  .buttonWrap {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  /* フォームボタン */
  .buttonWrap input {
    display: inline-block;
    margin: 0 2vw;
    padding: 2vw 5vw;
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    border: none;
    border-radius: 2vw;
  }
  /* ワンポイントボタン */
  .bwp_buttonPrimary {
    border: none;
    border-radius: 2vw;
  }
  .bwp_buttonSecondary {
    border: none;
    border-radius: 2vw;
  }



}