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



/*
* タグ再設定
*/
* { min-width: 0; }
body, html {
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  /*font-family: 'Noto Sans JP', sans-serif;*/
  font-size: 16px;
  line-height: normal;
  background-image: none;
}

ul, li {
  list-style: none;
}

a { color: var(--main_color); }
a:hover {
  color: inherit;
  text-decoration: none;
  opacity: 0.6;
}


/*
* レイアウト
*/
.sp { display: none; }

.primaryWrap {
  width: 100%;
  margin: 0;
  padding: 0 0 40px 0;

}
.col2Wrap {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
}
.secondaryWrap {
  flex: 1;
  margin: 0;
  padding: 0 0 0 30px;
}
.inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

/*
* 色
*/
.colorRed { color: #b00b0b; }
.colorGreen { color: #367b00; }

.wd10 { width: 10% !important; }
.wd20 { width: 20% !important; }
.wd30 { width: 30% !important; }
.wd40 { width: 40% !important; }
.wd50 { width: 50% !important; }
.wd60 { width: 60% !important; }
.wd70 { width: 70% !important; }
.wd80 { width: 80% !important; }
.wd90 { width: 90% !important; }
.wd100 { width: 100% !important; }

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

.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



/*
* フォーム・ボタン
*/
.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: 2rem auto;
}
#buttonWrap .send {
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
#buttonWrap .send input,
#buttonWrap .send a {
  margin: 0 10px;
  padding: 10px 20px;
  color: var(--main_color);
  font-size: 16px;
  font-weight: bold;
  background: #FFFFFF;
  border: var(--main_color) 3px solid;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.2);
}


/*
* TCDヘッダー カスタマイズ
*/
#global_menu {
  display: flex;
  justify-content: center;
  gap: 20px;
}
#global_menu ul {
  margin: 0 !important;
}
#global_menu .lineAdd {
  display: flex;
  align-items: center;
}
#global_menu .lineAdd img {
  display: block;
  height: 40px;
}


/*
* ヘッダー
*/
header#siteHeader {
  margin: 0;
  padding: 0;
}
header#siteHeader .gnav {
  margin: 0;
  padding: 0;
  flex-direction: column;
}
header#siteHeader .brandWrap {
  width: 100%;
  margin: 0;
  text-align: center;
}
header#siteHeader .navbar-brand {
  margin: 0;
  padding: 10px 0;
}
header#siteHeader .logo {
  width: 100px;
  margin: 0;
  padding: 0;
}


/*
* メインメニュー
*/
#mainMenu {
  margin: 0 auto 20px auto;
  padding: 0;
}
#mainMenu a.nav-item {
  position: relative;
}
/* サブメニュー */
#mainMenu .sub {
  position: absolute;
  transform: translateX(50%);
  display: none;
  margin: 0;
  padding: 0;
  border: #BEBEBE 1px solid;
  background-color: #FFFFFF;
  z-index: 90000;
}
#mainMenu .sub li {
  margin: 0;
  padding: 0;
}
#mainMenu .sub li a {
  display: block;
  margin: 0 0 -1px 0;
  padding: 7px 10px;
  border-bottom: #BEBEBE 1px solid;
}


/*
* フッター
*/
footer#siteFooter {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
footer#siteFooter .pagetop {
  margin: 0 auto;
  padding: 10px 0;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
  background-color: #C2B0A4;
}
footer#siteFooter .inner {
  margin: 0 auto;
  padding: 10px 0;
}
footer#siteFooter ul {
  margin: 0 auto 0 auto;
  padding: 10px 0;
  font-size: 0;
  text-align: center;
  background-color: #402210;
}
footer#siteFooter li {
  display: inline-block;
  margin: 0;
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
}
footer#siteFooter li a {
  color: #FFFFFF;
}
footer#siteFooter .lowerWhite {
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
footer#siteFooter .lowerWhite p.copyright {
  margin: 0;
  padding: 0;
  color: #707070;
  text-align: center;
  font-size: 12px;
}


/*
* 見出し
*/
/* ページヘッダー */
#pageHeader {
  margin: 0 0 80px 0;
  padding: 0;
}
#pageHeader h2 {
  margin: 0 0 20px 0;
  padding: 30px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.2em;
  border-top: #402210 1px solid;
  border-bottom: #402210 1px solid;
}
#pageHeader h3 {
  margin: 0;
  padding: 30px 0;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0.2em;
  line-height: 1.6;
}
#pageHeader p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
#pageHeader img.mv {
  width: 100%;
  margin: 40px 0 0 0;
  padding: 0;
}
/* アーティクルタイトル */
h3.artTitle {
  margin: 0 0 40px 0;
  padding: 0;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0.1em;
}



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

/* バナー */
#sidebar .banner {
  margin: 0 0 40px 0;
  padding: 0;
}
#sidebar .banner li {
  margin: 0 0 10px 0;
  padding: 0;
}
#sidebar .banner li img {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#sidebar .banner li p {
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
}

/* 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: 10px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  background-color: #FFFFFF;
  border: var(--main_color) 1px solid;
}
#sidebar .widEcMenu ul li.black {
  margin: 0 0 10px 0;
  padding: 10px 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 900;
  background-color: var(--main_color);
  border: var(--main_color) 1px solid;
  border-radius: 5px;
}
#sidebar .widEcMenu ul li a { text-decoration: none; }
#sidebar .widEcMenu ul li.black a { color: #FFFFFF; }

/* カテゴリーリスト */
#sidebar .catList {
  margin: 0 0 3rem 0;
  padding: 0;
}
#sidebar .catList h3 {
  margin: 0;
  padding: 20px 0;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
}
#sidebar .catList h5 {
  margin: 0;
  padding: 0;
}
#sidebar .catList h5 a,
#sidebar .catList h5 span {
  display: block;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  border-bottom: #402210 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: 1rem 2rem;
}

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

/* コラム wrap */
#widColumnWrap {
  margin: 0 0 2rem 0;
  padding: 1rem;
  background-color: #FFFFFF;
  border: #f7f3e6 3px solid;

}
#widColumnWrap h3.columnTitle {
  margin: 0 0 1rem 0;
  padding: 0 0 1rem 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: normal;
  border-bottom: #b9ad86 3px solid;
}

/* コラム カテゴリーリスト */
.widColumnCat {
  margin: 0 0 2rem 0;
  padding: 0;
}
.widColumnCat h3.sideTitle {
  margin: 0 0 1rem 0;
  padding: 0.2rem 0.5rem;
  color: #333333;
  font-size: 1.2rem;
  font-weight: normal;
  border-left: #DDDDDD 3px solid;
}
.widColumnCat h5 a {
  display: block;
  margin: 0;
  padding: 0.3rem 0;
  font-size: 1rem;
  cursor: pointer;
}
.widColumnCat h5[aria-expanded="false"]:after {
  content: '\f078';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
}
.widColumnCat h5[aria-expanded="true"]:after {
  content: '\f077';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
}
.widColumnCat ul {
  margin: 0 0 2rem 0;
  padding: 0;
}
.widColumnCat ul li {
  margin: 0;
  padding: 0.3rem 0 0.3rem 2rem;
  border-bottom: #F6F6F6 1px solid;
}

/* コラム アーカイブス */
.widColumnArc {
  margin: 0 0 2rem 0;
  padding: 0;
}
.widColumnArc h3.sideTitle {
  margin: 0 0 1rem 0;
  padding: 0.2rem 0.5rem;
  color: #333333;
  font-size: 1.2rem;
  font-weight: normal;
  border-left: #DDDDDD 3px solid;
}
.widColumnArc select {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.5em 3.5em 0.5em 1em;
  line-height: 1.5em;
  background-color: #FFFFFF;
  border: #CCCCCC 1px solid;
  border-radius: 0;
  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.widColumnArc select {
  background-image:
    linear-gradient(45deg, transparent 50%, #3d434f 50%),
    linear-gradient(135deg, #3d434f 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
.widColumnArc select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* ページリンク */
#widPageLink {
  margin: 0 0 2rem 0;
  padding: 0;
  color: #333333;
}
#widPageLink ul {
  margin: 0;
  padding: 0;
}
#widPageLink li {
  margin: 0 0 0.5rem 0;
  padding: 0;
  border: #DDDDDD 1px solid;
}
#widPageLink li a {
  display: block;
  margin: 0;
  padding: 1rem 0.5rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6;
}



/*
* 商品リスト
*/
.itemList {
  margin: 0 0 20px 0;
  padding: 0;
}
.itemList ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 0;
}
.itemList ul li {
  width: calc((100% - 40px) / 3);
  margin: 0;
  padding: 0;
}
.itemList ul li .thumb {
  position: relative;
  aspect-ratio: 4/3;
  width: 100%;
  margin: 0;
  padding: 10px;
  border: #DBDBDB 1px solid;
}
.itemList ul li .thumb img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.itemList ul li .thumb p.soldout {
  position: absolute;
  top: 50%;
  left: 0;
  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 .text {
  margin: 0;
  padding: 10px 0 0 0;
}
.itemList ul li .itemName {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.itemList ul li .price {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.itemList ul li .price small {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
}




/*
* バナー
*/
.bannerL {
  margin: 0 0 2rem 0;
  padding: 0;
}
.bannerL li {
  margin: 0;
  padding: 0;
}
.bannerL li img {
  width: 100%;
  margin: 0;
  padding: 0;
}

.bannerM {
  margin: 0 -0.5rem 2rem -0.5rem;
  padding: 0;
}
.bannerM li {
  margin: 0;
  padding: 0.5rem;
}
.bannerM li img {
  width: 100%;
  margin: 0;
  padding: 0;
}


/*
* ショッピングガイド
*/
#guide {
  margin: 0 0 4rem 0;
  padding: 0;
}
#guide h3.title {
  margin: 0 0 1rem 0;
  padding: 1.5rem 2rem 0.5rem 2rem;
  text-align: left;
  font-size: 1.6;
  font-weight: 700;
  letter-spacing: 0;
  border-left: var(--main_color) 5px solid;
}
#guide ul {
  width: calc(100% + 2rem);
  margin: 0 -1rem;
  padding: 0;
}
#guide li {
  padding: 1rem;
}
#guide li .cell {
  padding: 1.5rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 5px 0 rgba(250, 242, 219, 0.9);
}
#guide li .cell h5 {
  display: block;
  margin: 0 0 0.5rem 0;
  padding: 0;
  vertical-align: middle;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 180%;
}
#guide li .cell p {
  margin: 0;
  padding: 0.5rem 0;
  font-size: 1.0rem;
  font-weight: 100;
  line-height: 180%;
}
#guide li .cell p strong {
  display: block;
  margin: 0 0 1rem 0;
  padding: 0;
  color: #b00b0b;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 180%;
}
#guide li .cell a.link {
  display: inline-block;
  margin: 0.5rem auto;
}
#guide a.linkButton {
  display: block;
  width: 20rem;
  margin: 0.5rem auto;
  padding: 0.5rem 0;
  text-align: center;
  color: #FFFFFF;
  background-color: #b9ad86;
  border-radius: 0.2rem;
}
#guide li .cell img {
  display: block;
  max-width: 100%;
}
/* クレジットカードブランド */
.cardBrand {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
}
.cardBrand img {
  flex: 1;
  width: calc(20% - 8px);
  margin: 0;
  padding: 0;
}


/*
* ページネーション
*/
.pagination.pc {
  margin: 0 auto;
  padding: 0;
}
.pagination.pc .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0 auto;
}
.pagination.pc .nav-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  color: #999999;
  font-size: 16px;
  line-height: 100%;
  background-color: #FFFFFF;
  border: #999999 1px solid;
  border-radius: 9999px;
  cursor: pointer;
}
.pagination.pc .nav-links span.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 100%;
  background-color: var(--main_color);
  border: var(--main_color) 1px solid;
  border-radius: 9999px;
}
.pagination.pc .nav-links span.dots {
  display: inline-block;
  min-width: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  color: #333333;
  font-size: 16px;
  line-height: 100%;
  background: none;
  border: none;
}
.pagination.pc .nav-links span.prev,
.pagination.pc .nav-links span.next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  color: #CCCCCC;
  font-size: 16px;
  line-height: 100%;
  background-color: #FFFFFF;
  border: #CCCCCC 1px solid;
  border-radius: 9999px;
}


/*
* ボタン
*/
.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;
}


/*
* ページ内ガイド
*/
#guide {
  margin: 0 auto 40px auto;
  padding: 20px;
  border: #DDDDDD 1px solid;
  background-color: #FFFFFF;
}
#guide h3 {
  margin: 10px 0;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 900;
}
#guide h4 {
  margin: 20px 0 5px 0;
  padding: 0 0 5px 0;
  font-size: 14px;
  font-weight: 600;
  border-bottom: #DDDDDD 1px solid;
}
#guide p {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
}
#guide .linkButton {
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center;
}
#guide .linkButton a {
  display: inline-block;
  margin: 0;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 600;
  background-color: #DDDDDD;
}









/*
* スマホ用 
*/


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

  /*
  * タグ再設定
  */
  body, html {
    margin: 0;
    padding: 0;
    color: #2b1b11;
    font-family: 'Noto Sans CJK Japanese', sans-serif;
    font-size: 16px;
    background-image: none;
  }

  img {
    /* max-width: 100%; */
  }


  /*
  * レイアウト
  */
  .pc { display: none; }
  .sp { display: block; }
  .primaryWrap {
    z-index: -1;
  }
  .col2Wrap {
    flex-direction: column;
  }
  .secondaryWrap {
    margin: 0;
    padding: 0 0 40px 0;
  }
  .inner {

  }


  /*
  * フォーム・ボタン
  */
  


  /*
  * TCDヘッダー カスタマイズ
  */
  #header_top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-right: 56px;
  }
  /* ロゴ */
  #logo_image_mobile a {
    display: flex !important;
    align-items: center;
  }
  #logo_image_mobile img {
    position: static !important;
  }
  /* LINE */
  #global_menu .lineAdd.pc {
    display: none !important;
  }
  #header_top .lineAdd.sp {
    display: flex;
    align-items: center;
    margin-right: 15px;
  }
  #header_top .lineAdd.sp img {
    display: block;
    height: 35px;
  }
  /* トグル */
  #header_bottom a.menu_button {
    top: 0;
  }


  /*
  * ヘッダー
  */
  header#siteHeader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 15vw;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    z-index: 99999;
  }
  header#siteHeader .gnav {
    margin: 0;
    padding: 0;
    flex-direction: column;
  }
  header#siteHeader .brandWrap {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    border-top: #f7f3e6 5px solid;
    border-bottom: none;
  }
  header#siteHeader .navbar-brand {
    margin: 0;
    padding: 1vw 0;
  }
  header#siteHeader .logo {
    width: 12vw;
    margin: 0;
    padding: 0;
  }
  header#siteHeader .navbar-toggler {
    position: absolute;
    top: 3vw;
    right: 2vw;
    display: inline-block;
    margin: 0;
    padding: 2vw;
    border: #CCCCCC 1px solid;
    border-radius: 1vw;
  }
  header#siteHeader .navbar-toggler .navbar-toggler-icon {
    width: 5vw;
    height: 5vw;
    background-size: 5vw;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(204, 204, 204,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }


  /*
  * メインメニュー
  */
  #mainMenu {
    width: 100vw;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
  }
  #mainMenu .collapse {
    width: 100vw;
    height: calc(100vh - 15vw);
    margin: 0;
    padding: 0;
  }
  #mainMenu .navbar-nav {
    margin: 0 0 0 0;
    padding: 5vw 0;
    font-size: 5vw;
  }
  /* サブメニュー */
  #mainMenu .sub {
    position: static;
    display: block;
    margin: 0 20px 20px 20px;
    padding: 0;
    border: #BEBEBE 1px solid;
    background-color: #FFFFFF;
    border-radius: 5px;
    z-index: 90000;
  }
  #mainMenu .sub li {
    margin: 0;
    padding: 0;
  }
  #mainMenu .sub li a {
    display: block;
    margin: 0 0 -1px 0;
    padding: 5px 20px;
    text-align: center;
    font-size: 14px;
    border-bottom: #BEBEBE 1px solid;
  }


  /*
  * フッター
  */
  footer#siteFooter {
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 0;
    background-color: #F9F8F8;
  }

  footer#siteFooter .pagetop {
    margin: 0 auto;
    padding: 2vw 0;
    text-align: center;
    cursor: pointer;
    background-color: #e2e2e2;
  }

  footer#siteFooter .inner {
    margin: 0 auto;
    padding: 2vw 0;
  }
  footer#siteFooter ul {
    margin: 0 auto 0 auto;
    padding: 0;
    font-size: 0;
    text-align: center;
  }
  footer#siteFooter li {
    display: inline-block;
    width: 33.3%;
    margin: 0;
    padding: 2vw 0;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    font-size: 3vw;
  }
  footer#siteFooter .lowerWhite {
    width: 100%;
    margin: 0;
    padding: 2vw 0;
  }
  footer#siteFooter .lowerWhite p.copyright {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 2.5vw;
  }


  /*
  * 見出し
  */
  /* ページヘッダー */
  #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{
    order: 2;
    width: 100%;
    margin: 0 0 5vw 0;
    padding: 0;
  }


  /*
  * 固定ページ
  */
  #fixpage {  }


  /*
  * ショッピングガイド
  */
  #guide {
    padding: 10;
  }
  #guide ul {
    margin-top: 3vw;
  }
  #guide li {
    padding: 0 5vw 5vw 5vw;
  }
  #guide li .cell {
    padding: 5vw;
    background-color: #FFFFFF;
  }
  #guide li .cell h5 {
    display: inline-block;
    margin: 0 0 1vw 0;
    padding: 0;
    vertical-align: middle;
    color: #000000;
    font-size: 5vw;
    font-weight: 400;
    line-height: 180%;
  }
  #guide li .cell p {
    margin: 0;
    padding: 1vw 0;
    font-size: 4vw;
    font-weight: 100;
    line-height: 180%;
  }
  #guide li .cell p strong {
    display: block;
    margin: 0 0 2vw 0;
    padding: 0;
    color: #000000;
    font-size: 4.2vw;
    font-weight: 400;
    line-height: 180%;
  }
  #guide li .cell a.link {
    color: #000000 !important;
  }
  #guide li .cell img {
    display: block;
  }
  /* クレジットカードブランド */
  .cardBrand {
    margin: 0 !important;
    padding: 0 !important;
  }
  .cardBrand img {
    display: inline-block !important;
    width: 19%;
    margin: 0 0.5% 0.5% 0;
    padding: 0;
  }


  /*
  * ページャー
  */
  /*
  * ページネーション
  */
  .pagination.sp {
    margin: 5vw 0;
    padding: 0;
  }
  .pagination.sp .nav-links {
    margin: 0 auto;
    text-align: center;
  }
  .pagination.sp .nav-links a {
    display: inline-block;
    min-width: 8vw;
    min-height: 8vw;
    margin: 0 0.5vw;
    padding: 1.5vw 0;
    vertical-align: middle;
    text-align: center;
    font-size: 5vw;
    line-height: 100%;
    border-radius: 9999px;
  }
  .pagination.sp .nav-links span.page-numbers {
    display: inline-block;
    min-width: 8vw;
    min-height: 8vw;
    margin: 0 0.5vw;
    padding: 1.5vw 0;
    vertical-align: middle;
    text-align: center;
    font-size: 5vw;
    line-height: 100%;
    border-radius: 9999px;
  }
  .pagination.sp .nav-links span.dots {
    display: inline-block;
    min-width: auto;
    min-height: auto;
    margin: 0 0.5vw;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    font-size: 5vw;
    line-height: 100%;
    background: none;
    border: none;
  }
  .pagination.sp .nav-links span.prev,
  .pagination.sp .nav-links span.next {
    display: none;
  }


  /*
  * ボタン
  */
  .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;
  }



}