@charset "utf-8";

/* UTYLITY */

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.hidden-xs {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  .hidden-xs.inline {
    display: inline-block !important;
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.red {
  color: #a45248;
}

.visible-xs {
  color: #555555;
  font-weight: normal;
}

/* input */

input,
textarea,
select {
  padding: 0.2em 0.5em;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  input,
  textarea,
  select {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  select.sortCategory {
    width: 99%;
  }
}

input[type="radio"],
input[type="checkbox"] {
  padding: 0;
  border: none;
  outline: 0;
}

select {
  font-size: 12px;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../../images/common/icon_select_arw_01.svg);
  background-repeat: no-repeat;
  background-size: 9px auto;
  background-position: right 5px center;
  padding-right: 22px;
  background-color: #fff;
  color: #000;
  border: 1px solid #dcdcdc;
}

.selectReceiver select {
  margin-left: 1.5rem;
}

input[type="text"],
input[type="password"],
input[type="number"] {
  border: 1px solid #dcdcdc;
  border-radius: 0;
  -webkit-appearance: none;
}
input [type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .visible-xs {
    color: #000;
  }
  input[type="submit"] {
    -webkit-appearance: none;
  }

  input[type="text"],
  input[type="password"],
  input[type="number"] {
    height: 38px;
  }
}

@media screen and (min-width: 768px) {
  input,
  textarea {
    font-size: 16px;
  }
}

.formComments {
  display: block;
  margin-bottom: 10px;
}

/* label */

@media screen and (min-width: 767px) {
  label {
    display: inline-block;
  }
}

/* h */

.h1_ttl {
  margin: 0 auto 1em;
  font-size: 2em;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .h1_ttl {
    font-size: 2em;
  }
}

/*--------*/

.h1_ttl_1 {
  margin: 0 auto;
  font-size: 2em;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .h1_ttl_1 {
    margin: 0 auto 7px;
    font-size: 22px;
  }
}

/*--------*/

.h2_ttl {
  margin: 0 auto 1.5em;
  border-top: 2px solid #000000;
  margin-left: -4%;
  padding: 4px 4% 0;
  width: 107%;
}

.h2_ttl span {
  font-size: 1.8em;
}

@media screen and (min-width: 768px) {
  .h2_ttl {
    margin: 0 auto 0;
    padding: 0;
    width: 100%;
    border: 0;
  }

  .h2_ttl span {
    padding: 0 0 0 0.6em;
    font-size: 2em;
    border: 0;
    position: relative;
  }
  .h2_ttl span:before {
    content: "";
    display: block;
    width: 3px;
    height: 20px;
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 2px;
  }
}

@media screen and (max-width: 767px) {
  .h2_ttl {
    margin-left: 0;
    width: 100%;
  }
}

/*--------*/

.h2_ttl_1 {
  margin: 0 auto 1em;
}

.h2_ttl_1 .en {
  font-size: 2.45em;
  font-weight: bold;
}

.h2_ttl_1 .ja {
  padding-left: 1em;
  font-size: 1.3em;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .tabBlockStackable210830 .h1_ttl_1 {
    font-size: 2em;
    font-weight: bold;
    margin: 0 auto;
    padding: 0 12px;
  }

  .h2_ttl_1 {
    margin-left: -8%;
    padding: 0 1em;
    width: 116%;
    background-color: #f8f8fa;
    border-top: 2px solid #b72f34;
  }
}

/*--------*/

.h2_ttl_2 {
  margin: 0 auto 1em;
  padding: 10px 12px;
  text-align: center;
  background-color: #f4f4f4;
  border-top: 1px solid #bdbbbb;
}

.h2_ttl_2 .ja {
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

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

/*------------------------------*/

/*=============================================
//
// breadcrumb
//
*/

.breadcrumb {
  margin: 0 auto;
  padding: 0.5em 0;
  font-size: 14px;
}

.breadcrumb ul {
  display: block;
  text-align: left;
}

.breadcrumb ul li {
  display: inline-block;
}

.backBtn {
  display: none;
}

@media screen and (max-width: 767px) {
  #d_goods .breadcrumb {
    overflow-x: scroll;
  }

  #d_goods .breadcrumb ul,
  #d_goods .breadcrumb ul li {
    white-space: nowrap;
  }
}

@media screen and (min-width: 768px) {
  .breadcrumb {
    float: left;
    padding: 16px 0;
    font-size: 11px;
  }
  .backBtn {
    display: block;
    float: right;
    padding-top: 14px;
  }
  .backBtn a {
    padding-left: 10px;
    font-size: 12px;
    background-image: url(../../images/common/icon_arw_02.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: auto 56%;
  }
}

/*=============================================
//
// msgElementWrap
//
*/

.msgElementWrap {
  margin: 0 auto 1.2em;
  padding: 0.8em 0.5em;
  color: #333;
  font-size: 1.4em;
  text-align: left;
  background-color: #eee;
}

@media screen and (min-width: 768px) {
  .msgElementWrap {
    margin-bottom: 20px;
    padding: 0.8em 0.5em 0.4em;
    font-size: 1.4em;
  }
}

/*=============================================
//
// errorElementWrap
//
*/

.errorElementWrap {
  margin: 0 auto 1.2em;
  padding: 0.8em 0.5em;
  color: #b83033;
  font-size: 1.4em;
  font-weight: bold;
  text-align: left;
  background-color: #fdf4f6;
}

@media screen and (min-width: 768px) {
  .errorElementWrap {
    margin-bottom: 20px;
    padding: 0.8em 0.5em 0.4em;
    font-size: 1.4em;
  }
}

.errorPart {
  background: #fdf4f6;
}
/*=============================================
//
// bnrWrap
//
*/
.inner .main_bnr {
  width: 100%;
  margin-bottom: 10px;
}
.bnrWrap {
  margin: 0 auto 4em;
  padding: 0;
  width: 100%;
}

.bnrWrap li {
  margin: 0 auto 2em;
}

.bnrWrap li a img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .bnrWrapMultiLine {
    display: flex;
    flex-wrap: wrap;
  }

  .bnrWrapMultiLine li:nth-last-child(n + 5) {
    margin-bottom: 20px;
  }

  .bnrWrap li {
    float: left;
    margin: 0;
    padding: 0 1%;
    width: 25%;
  }
  .bnrWrap_two {
    display: flex;
    justify-content: space-between;
    margin: 2em 0 0;
  }
  .bnrWrap_two li {
    padding: 0;
  }

  .bnrWrap.bnrWrapThreeToTwoCol {
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 0;
  }
  .bnrWrap.bnrWrapThreeToTwoCol li {
    width: calc((100% - (20px * 2)) / 3);
    padding: 0;
  }
  .bnrWrap.bnrWrapThreeToTwoCol li:not(:nth-child(3n)) {
    margin-right: 20px;
  }
 .bnrWrap.bnrWrapThreeToTwoCol li:nth-last-child(n+4) {
   margin-bottom: 20px
  }

  .bnr3 li {
    float: left;
    margin: 0;
    padding: 0 1%;
    width: 33.333%;
  }
}

/* ↓TOP改修 */
.cmLayout01Outer:not(:last-child) {
  margin-bottom: 60px;
}

.cmLayout01 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.cmLayout01Head {
  margin-bottom: 7px;
}

.cmLayout01Head .h2_ttl_1 {
  border-top: none;
  background-color: transparent;
  margin: 0;
}

.cmLayout01Head .h2_ttl_1 .en {
  font-size: 23px;
  font-weight: 700;
}

.cmLayout01Head .h2_ttl_1 .ja {
  font-weight: 400;
  padding-left: 8px;
}

.newsWmf .h2_ttl_1 .WMFFont,
.cmLayout01Head .h2_ttl_1 .WMFFont {
  font-family: WMFRotis;
  font-weight: bold;
  font-size: 36px;
  color: #000;
  line-height: 1;
  display: block;
}

.cmLayout01BodyHasFoot {
  margin-bottom: 40px;
}

.cmLayout01BodyHasFoot .stock_icon {
  margin-top: 0;
}

.cmLayout01BodyHasFoot .stock_icon * {
  margin-top: 10px;
}

.cmLayout01Slider .cmLayout01BodyHasFoot {
  margin-bottom: 30px;
}

.cmLayout01 .column:not(:last-child) {
  margin-bottom: 20px;
}

.cmLayout01 .column .list {
  display: flex;
  flex-wrap: wrap;
}

.cmLayout01 .column2 li {
  width: calc((100% - 20px) / 2);
}

.cmLayout01 .column2 li:not(:nth-child(2n)) {
  margin-right: 20px;
}

.cmLayout01 .column2 li:nth-last-child(n + 3) {
  margin-bottom: 20px;
}

.cmLayout01 .column2 li img,
.cmLayout01 .column3 li img {
  border-radius: 5px;
}

.cmLayout01 .column3 li {
  width: calc((100% - calc(12px + 13px)) / 3);
}

.cmLayout01 .column3 li:not(:nth-child(3n)) {
  margin-right: calc((12px + 13px) / 2);
}

.cmLayout01 .column3 li:nth-last-child(n + 4) {
  margin-bottom: 20px;
}

.cmLayout01 .column li a {
  display: block;
  margin-bottom: 8px;
}

.cmLayout01 .column li .caption {
  font-size: 13px;
  line-height: 20px;
}

.cmLayout01 .column li .caption sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

.cmLayout01 .viewMore a {
  align-items: center;
  background-color: #B72F34;
  background-image: url(/ec/shop/images/common/bg-cmLayout01-viewMore01.svg);
  background-position:calc(100% - 15px) 50%;
  background-repeat: no-repeat;
  background-size: 15.338px 16.566px;
  border: 2px solid #b72f34;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 18px;
  height: 60px;
  justify-content: center;
  letter-spacing: .05em;
  line-height: 1.4;
  margin: 0 auto;
  width: 400px;
}

.featureBanner {
  margin-top: 54px;
  margin-bottom: 60px;
}

#d_ranking .itemImage {
  margin-bottom: 1em;

}

#d_ranking .itemName {
  font-size: 14px;
}

#d_ranking .cmLayout01Body {
  position: relative;
}

#d_ranking .cmLayout01 .swiper-button-next,
#d_ranking .cmLayout01 .swiper-button-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 35%;
  display: block;
  width: 12px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

#d_ranking .cmLayout01 .swiper-button-prev {
  left: -15px;
  background: url(/ec/shop/images/common/icon_prev.png) no-repeat 0 0;
}

#d_ranking .cmLayout01 .swiper-button-next {
  right: -15px;
  background: url(/ec/shop/images/common/icon_next.png) no-repeat 0 0;
}

#d_ranking .cmLayout01 .swiper-button-prev.swiper-button-disabled {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

#d_ranking .cmLayout01 .swiper-button-next.swiper-button-disabled {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

#d_ranking .cmLayout01 #total {
  position: relative;
}

#d_ranking .cmLayout01 .item::after {
  content: "";
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: 50% 50%;
  text-indent: 0;
}

#d_ranking .cmLayout01 .item::before {
  content: "";
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: 50% 50%;
  text-indent: 0;
  display: inline-block;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .innerTopTfal {
    width: 100%;
  }

  .cmLayout01Outer:not(:last-child) {
    margin-bottom: 35px;
  }

  .cmLayout01Head {
    margin-bottom: 10px;
  }

  .cmLayout01Head .h2_ttl_1 {
    width: auto;
  }

  .cmLayout01Head .h2_ttl_1 .en {
    font-size: 22.5px;
  }

  .cmLayout01Head .h2_ttl_1 .ja {
    padding-left: 6px;
  }

  .newsWmf .h2_ttl_1 .WMFFont,
  .cmLayout01Head .h2_ttl_1 .WMFFont {
    font-size: 28px;
  }
  
  .cmLayout01Body {
    padding: 0 15px;
  }

  .cmLayout01BodyHasFoot {
    margin-bottom: 20px;
  }

  .cmLayout01Slider .cmLayout01BodyHasFoot {
    margin-bottom: 20px;
  }

  .categortySpTopTfal .cmLayout01Body .CloneGlobalMenu {
    margin: 0;
    width: 100%;
  }

  .cmLayout01 .column2 li {
    width: 100%;
  }

  .cmLayout01 .column2 li:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .cmLayout01 .column2 li:nth-last-child(n + 3) {
    margin-bottom: 0;
  }

  .cmLayout01 .column2 li:not(:last-child) {
    margin-bottom: 20px;
  }

  .cmLayout01 .column3 li {
    width: calc((100% - 12px) / 2);
  }

  .cmLayout01 .column3 li:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .cmLayout01 .column3 li:not(:nth-child(2n)) {
    margin-right: 12px;
  }

  .cmLayout01 .column3 li:nth-last-child(n + 4) {
    margin-bottom: 0;
  }

  .cmLayout01 .column3 li:nth-last-child(n + 3) {
    margin-bottom: 20px;
  }

  .cmLayout01 .column li a {
    margin-bottom: 5px;
  }

  .cmLayout01 .viewMore a {
    background-image: url(/ec/shop/images/common/bg-cmLayout01-viewMore01-sp.svg);
    background-position:calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: calc(23.007px / 2) calc(24.849px / 2);
    border-width: 1px;
    border-radius: 4px;
    font-size: 16.5px;
    height: 50px;
    width: calc(100% - 75px);
  }

  .featureBanner {
    margin-top: 30px;
    margin-bottom: 35px;
  }

  .categortySpTopTfal .CloneGlobalMenu #gnav > ul > li[id^="g"] > span,
  .categortySpTopTfal .CloneGlobalMenu #gnav > ul > li[id^="gn"] > span {
    background-position:3px 50%, 98% 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: 35px auto, 18px 18px;
    padding: 7px 12px 7px 44px;
  }

  .categortySpTopTfal .CloneGlobalMenu .gnav_list #gn1 span {
    background-image:
      url(/ec/shop/images/common/thumb-cookwarekitchenware01.png),
      url(../../images/common/icon_open.png);
  }

  .categortySpTopTfal .CloneGlobalMenu .gnav_list #gn2 span {
    background-image:
      url(/ec/shop/images/common/thumb-pressurecookers01_20240725.png),
      url(../../images/common/icon_open.png);
  }

  .categortySpTopTfal .CloneGlobalMenu .gnav_list #gn3 span {
    background-image:
      url(/ec/shop/images/common/thumb-kitchengoods01.png),
      url(../../images/common/icon_open.png);
  }

  .categortySpTopTfal .CloneGlobalMenu .gnav_list #gn4 span {
    background-image:
      url(/ec/shop/images/common/thumb-cookingappliances01_20240902.png),
      url(../../images/common/icon_open.png);
  }

  .categortySpTopTfal .CloneGlobalMenu .gnav_list #gn5 span {
    background-image:
      url(/ec/shop/images/common/thumb-home-appliances01_20230313.png),
      url(../../images/common/icon_open.png);
  }

  .categortySpTopTfal .CloneGlobalMenu .gnav_list #g6 span {
    background-image:
      url(/ec/shop/images/common/thumb-kettles01_20240902.png),
      url(../../images/common/icon_open.png);
  }

  #d_ranking .cmLayout01 .swiper-button-prev {
    left: -5px;
  }

  #d_ranking .cmLayout01 .swiper-button-next {
    right: -5px;
  }
}
/* ↑TOP改修 */

/* ↓SERVICE 公式店ならではのサービス 追加 */
.columnService {
  text-align: center;
}

.cmLayout01 .columnService li a {
  margin-bottom: 15px;
}

.cmLayout01 .columnService li .caption {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.38;
}

.cmLayout01 .columnService li .caption .brTb840 {
  display: none;
}

@media screen and (max-width: 840px) and (min-width: 768px) {
  .cmLayout01 .columnService li .caption .brTb840 {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .cmLayout01 .columnService li a {
    margin-bottom: 8px;
  }

  .cmLayout01 .columnService li .caption {
    font-size: 13px;
  }

  .cmLayout01 .columnService li:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .cmLayout01 .columnService li:not(:nth-child(3n)) {
    margin-right: 7px;
  }

  .cmLayout01 .columnService li {
    width: calc((100% - (7px * 2)) / 3);
  }

  .cmLayout01 .columnService li img {
    width: 100%;
  }

  .cmLayout01 .columnService li:nth-last-child(n + 3) {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 374px) {
  .cmLayout01 .columnService li .caption {
    font-size: 11px;
  }
}
/* ↑SERVICE 公式店ならではのサービス 追加 */

.bnrWrap_two2 {
  margin: 0 auto 4em;
}
.bnrWrap_two2 li {
  padding: 0 1%;
  width: 50%;
  float: left;
}
@media screen and (min-width: 768px) {
  .bnrWrap_two2_202212 {
    display: flex;
    flex-wrap: wrap;
  }
  .bnrWrap_two2_202212 li:nth-last-child(n + 3) {
      margin-bottom:20px;
  }
}
@media screen and (max-width: 767px) {
  .bnrWrap li {
    margin: 1em auto 0;
    width: 50%;
    float: left;
    padding: 0 1%;
  }
  .bnrWrap_two {
    display: flex;
    justify-content: space-between;
    margin: 0.75em 0 0;
  }
  .bnr_adjustment {
    margin: 1em 0 0;
  }
  .bnrWrap_two li {
    padding: 0;
    width: 49%;
  }
  .bnr3 li {
    float: left;
    margin: 0;
    padding: 0 1%;
    width: 33.333%;
  }
  .bnrWrap_two2 li {
    margin: 1em auto 0;
    width: 100%;
    float: left;
    padding: 0 1%;
  }
}

/*=============================================
//
// tpl_FlowNavigation
//
*/

.tpl_FlowNavigation {
  margin: 0 auto 1em;
  text-align: left;
  background-color: #f8f8fa;
}

.tpl_FlowNavigation .items {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.tpl_FlowNavigation .items li {
  padding: 0.3em;
  line-height: 1.2;
}

.tpl_FlowNavigation .items li span {
  font-size: 1em;
  font-weight: bold;
}

.tpl_FlowNavigation .items li.current span {
  color: #b72f34;
}

@media screen and (max-width: 767px) {
  .tpl_FlowNavigation {
    margin: 0 auto 1em;
    background-color: #f4f4f4;
    overflow: hidden;
  }
  .tpl_FlowNavigation .inner {
    margin: 0 auto;
    width: 100%;
  }
  .tpl_FlowNavigation .items {
    margin-left: -12px;
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .tpl_FlowNavigation .items li {
    display: table-cell;
    padding: 10px 0 10px 25px;
    text-align: center;
    vertical-align: middle;
    position: relative;
  }
  .tpl_FlowNavigation .items li:after {
    content: "";
    width: 23px;
    height: 100%;
    background-image: url(../../images/common/img_flow_off.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: -23px;
    z-index: 2;
  }
  .tpl_FlowNavigation .items li.current:after {
    background-image: url(../../images/common/img_flow_on.png);
  }
  .tpl_FlowNavigation .items li:last-child:after {
    content: none;
  }
  .tpl_FlowNavigation .items li.current {
    background-color: #ede3b8;
  }
  .tpl_FlowNavigation .items li.current span {
    color: #000;
  }
  .tpl_FlowNavigation .items li span.t1 {
    display: none;
  }
}

@media screen and (min-width: 450px) {
  .tpl_FlowNavigation .items li {
    padding: 10px 0 10px 13px;
  }
}

@media screen and (min-width: 768px) {
  .tpl_FlowNavigation {
    margin: 0 auto 30px;
    text-align: center;
    background-color: transparent;
  }
  .tpl_FlowNavigation .items li {
    display: inline-block;
    padding: 0;
    text-align: center;
  }
  .tpl_FlowNavigation .items li span {
    font-size: 13px;
    line-height: 1.75;
  }
  .tpl_FlowNavigation .items li span br {
    display: none;
  }

  .tpl_FlowNavigation .items li.current span {
    color: #000000;
    border-bottom: 2px solid #000000;
  }
}

/*=============================================
//
// tpl_formTable_default
//
*/

.tpl_formTable_default {
  margin: 0 auto 2em;
  width: 100%;
  border-bottom: 1px dotted #bdbbbb;
}

.tpl_formTable_default tbody tr th {
  padding: 1.4em 1em 1.3em 2em;
  width: 23%;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  background-color: #f4f4f4;
  /*border-top: 1px dotted #bdbbbb;*/
}

.tpl_formTable_default tbody tr th p.indent-x1 {
  margin-left: 1.5em;
  font-size: 1em;
  text-indent: -1.5em;
}

.tpl_formTable_default tbody tr th span.visible-xs {
  font-size: 1.2rem;
}

.tpl_formTable_default tbody tr th .num {
  padding-right: 0.5em;
}

.tpl_formTable_default tbody tr td {
  padding: 1em 1em 1em 2em;
  font-size: 1.4em;
  text-align: left;
  vertical-align: middle;
  /*border-top: 1px dotted #bdbbbb;*/
}
.tpl_formTable_default tbody tr td .wrap {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 1rem;
}

.tpl_formTable_default tbody tr td label {
  display: inline-block;
  margin: 0.3em 13px 0.3em auto;
  /* width: 100%; */
  width: calc(100% - (18px + 5px));
  height: auto;
  line-height: 1.8;
}

.gender label {
  width: 100px !important;
  margin: 0 auto !important;
}

.subtable {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .tpl_formTable_default,
  .tpl_formTable_default tbody,
  .tpl_formTable_default tbody tr,
  .tpl_formTable_default tbody tr th,
  .tpl_formTable_default tbody tr td {
    display: block;
    border: 0;
  }
  .tpl_formTable_default tbody tr th {
    padding: 0.5em 1em;
    width: 100%;
    font-size: 1.4em;
    border-radius: 3px;
    margin-bottom: 0.5em;
  }
  .tpl_formTable_default tbody tr td {
    padding: 0.5em 1em 0.5em 1em;
    font-size: 1.4em;
    /*line-height: 1;*/
  }
  .tpl_formTable_default tbody tr td span {
    display: block;
  }
  .tpl_formTable_default tbody tr td span#memberInfoMail {
    padding: 7px;
    border: 1px solid #dcdcdc;
  }
  .tpl_formTable_default tbody tr td .wrap {
    display: block;
    margin-bottom: 10px !important;
    margin-right: 0;
  }

  .tpl_formTable_default tbody tr td .wrap input {
    margin-bottom: 0px !important;
  }
  .tpl_formTable_default tbody tr td span.preappd {
    padding-bottom: 0.5em;
    font-size: 1.2rem;
  }
  .tpl_formTable_default tbody tr td span.appd {
    padding-top: 0.5em;
  }

  .tpl_formTable_default tbody tr td span.nowrapParts {
    display: inline-block;
  }
  .inputMargin {
    margin-bottom: 1em !important;
  }

  .tpl_formTable_default tbody tr td select {
    margin-bottom: 2em;
    white-space: nowrap;
  }

  .subtable th {
    font-size: 1.4rem !important;
  }
  .subtable td p {
    margin-bottom: 1rem !important;
  }
}

.tpl_formTable_default p.couponCap {
  font-size: 86%;
  color: #787878;
  margin: 1px 0 8px;
}
.tpl_formTable_default {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  /* border-top: 1px dotted #bdbbbb; */
  border-bottom: none;
}
.tpl_formTable_default tbody tr {
  border-top: 1px dotted #bdbbbb;
  border-spacing: 0;
}
@media screen and (min-width: 768px) {
  .tpl_formTable_default {
    border: 1px solid #bdbbbb;
    margin: 0 auto 42px;
  }
  .tpl_formTable_default tbody tr th {
    background-color: #f4f4f4;
    /* border-bottom: 1px dotted #bdbbbb; */
  	border: 1px solid #bdbbbb;
  }

  .tpl_formTable_default tbody tr td span.preappd {
    font-size: 12px;
  }

  .tpl_formTable_default tbody tr td span.appd {
    color: #999999;
    font-size: 12px;
  }

  .tpl_formTable_default tbody tr td span.nowrapParts {
    display: inline-block;
    margin-left: 5px;
  }
  /*--------------------------------------*/
  .tpl_formTable_default tbody tr td {
    padding: 14px 13px 14px 38px;
    border-bottom: 1px solid #bdbbbb;
  }
  .tpl_formTable_default tbody tr td label {
    display: inline-block;
    margin: 0.3em auto 0.3em;
    /*width: 46%;*/
    vertical-align: middle;
  }
  .tpl_formTable_default tbody tr td label.w2 {
    width: 52%;
  }
  .tpl_formTable_default tbody tr td label.t4 {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 767px) {
    .tpl_formTable_default {
    border-top: none;
  }
  .tpl_formTable_default tbody tr {
    border-spacing: 0;
  }
}
@media screen and (min-width: 980px) {
  .tpl_formTable_default tbody tr td label {
    /*width: 27%;*/
  }
}

.zip_search {
  display: inline-block;
  padding: 0.8em 1.2em;
  color: #ffffff;
  line-height: 1;
  background-color: #000;
  font-size: 1.2rem;
}

.zip_search {
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .zip_search {
    margin-left: 12px;
  }
}

/*--------------------------------------*/
textarea {
  width: 100%;
}
input[type="text"] {
  width: 100%;
}

input[type="text"].w1 {
  width: 20%;
}

input[type="text"].w2 {
  width: 100%;
}

input[type="text"].w3 {
  width: 100%;
}

input[type="text"].w4 {
  width: 100%;
}

input[type="text"].w5 {
  width: 100%;
}

input[type="text"].zip1 {
  width: 50px;
}

input[type="text"].zip2 {
  width: 70px;
}

input[type="text"].year {
  width: 70px;
}
input[type="text"].date {
  width: 50px;
}

input[type="password"].w4 {
  width: 100%;
}

@media screen and (max-width: 768px) {
  input[type="text"].couponCode {
    width: 60% !important;
  }
  input.doApplyCoupon {
    width: 10rem !important;
  }
}

@media screen and (min-width: 767px) {
  input[type="text"] {
    width: 312px;
  }

  input[type="text"].w1 {
    width: 140px;
  }
  input[type="text"].w2 {
    width: 197px;
  }
  input[type="text"].w3 {
    width: 312px;
  }
  input[type="text"].w4 {
    width: 380px;
  }
  input[type="text"].w5 {
    width: 380px;
  }

  input[type="text"].zip1 {
    width: 110px;
  }
  input[type="text"].zip2 {
    width: 122px;
  }
  input[type="password"].w4 {
    width: 312px;
  }
  input[type="text"].year {
    width: 70px;
    margin-bottom: 0;
  }
  input[type="text"].date {
    width: 50px;
  }
}

/*--------------------------------------*/

.submitWrap {
  text-align: center;
}

input {
  border-radius: 0;
}

input.submit {
  -webkit-appearance: none;
  padding: 0.6em;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  background: none;
  background-color: #ede3b8;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
}

input.submit2 {
  -webkit-appearance: none;
  padding: 0.6em;
  width: 100%;
  color: #b72f34;
  font-size: 18px;
  font-weight: bold;
  background: none;
  background-color: #ffffff;
  border: 1px solid #b72f34;
  border-radius: 0;
  box-shadow: none;
}

input[type="submit"]:hover,
input[type="button"]:hover {
  cursor: pointer;
  opacity: 0.8;
}

input.submit {
  text-align: center;
}

@media screen and (min-width: 767px) {
  input.submit {
    padding: 0.7em;
    width: 420px;
    transition: 0.6s all;
    text-align: center;
  }
  input.submit:hover {
    cursor: pointer;
    opacity: 0.8;
  }
  input[type="button"]:hover {
    cursor: pointer;
    opacity: 0.8;
  }
}

#d_order .confirmLast .must,
#d_order .confirmLast .aboutTermNotice {
  font-size: 12px;
}

#d_order .confirmLast .aboutTermNotice {
  margin-bottom: 0;
}

#d_order .confirmLast .must {
  margin-bottom: 17px;
  margin-top: -14px;
}

@media screen and (max-width: 767px) {
  #d_order .confirmLast .must,
  #d_order .confirmLast .aboutTermNotice {
    line-height: 21px;
  }

  #d_order .confirmLast input.submit {
    font-size: 16px;
  }

  .submitBtnSp90 {
    width: 90%;
    margin: 0 auto 2em;
  }
}

@media screen and (max-width: 374px) {
  #d_order .confirmLast input.submit {
    font-size: 13px;
  }
}

/*=============================================
//
// FRONT:: COMMON
//
*/

.mainHead {
  margin: 0 auto;
}

.mainHead .headline {
  margin: 0 auto;
  padding: 0 0 0 20px;
  font-size: 2em;
  font-weight: bold;
  border-bottom: 2px solid #000;
}

.mainHead .h1_ttl {
  padding: 0.1em 1em;
  font-size: 1.8em;
  background-color: #f4f4f4;
}

@media screen and (max-width: 767px) {
  .mainHead .h1_ttl {
    margin: 12px auto;
    font-size: 1.6em;
    width: 95%;
  }
}

@media screen and (min-width: 768px) {
  .mainHead .headline {
    font-size: 2.2em;
    border-bottom: 2px solid #000;
    padding: 0;
  }
  .mainHead .h1_ttl {
    margin: 12px auto;
    padding: 0.1em 0.5em;
    font-size: 1.6em;
    font-weight: bold;
    background-color: #f4f4f4;
    border: 0;
  }
}

/*--------------------------------------*/

.mainBody .lead,
.member .lead {
  margin: 0 auto 30px;
  font-size: 14px;
}

.mainBody .lead_t2 {
  margin: 0 auto 5px;
  font-size: 14px;
}

p.interim_lead {
  font-size: 14px;
  margin: 0 auto 5px;
}

/*=============================================
//
// FRONT:: REGIST
//
*/

.tpl_formTable_default.regist_tbl_2 .t1,
.tpl_formTable_default.regist_tbl_2 .t2,
.tpl_formTable_default.regist_tbl_2 .t3 {
  display: block;
  /* padding-bottom: 0.5em; */
}

@media screen and (max-width: 767px) {
  .tpl_formTable_default.regist_tbl_2 .t1 {
    line-height: 1.75;
  }
  .tpl_formTable_default.regist_tbl_5 label {
    margin-bottom: 10px;
    padding: 0 0 0 26px;
    line-height: 1.8;
  }

  /*.tpl_formTable_default.Type02 td {
    padding-bottom:2em;
  } */
}

@media screen and (min-width: 768px) {
  .tpl_formTable_default.regist_tbl_2 .t1,
  .tpl_formTable_default.regist_tbl_2 .t2,
  .tpl_formTable_default.regist_tbl_2 .t3 {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0;
    line-height: 1.4;
  }
  .tpl_formTable_default.Type02 th {
    padding: 0 10px;
  }

  /*--------------------------------------*/
  .tpl_formTable_default.regist_tbl_1 th {
    width: 209px;
  }
  /*--------------------------------------*/
  .tpl_formTable_default.regist_tbl_2 {
    margin-bottom: 42px;
  }
  .tpl_formTable_default.regist_tbl_2 th {
    width: 212px;
  }
  /*--------------------------------------*/
  .tpl_formTable_default.regist_tbl_3 {
    margin-bottom: 42px;
  }
  .tpl_formTable_default.regist_tbl_3 th {
    width: 210px;
  }
  /*--------------------------------------*/
  .tpl_formTable_default.regist_tbl_4 {
    margin-bottom: 42px;
  }
  .tpl_formTable_default.regist_tbl_4 th {
    width: 210px;
  }
  /*--------------------------------------*/
  .tpl_formTable_default.regist_tbl_5 {
    margin-bottom: 36px;
  }
  .tpl_formTable_default.regist_tbl_5 th {
    width: 325px;
    position: relative;
  }
}

/*=============================================
//
// singleL
//
*/

.singleL {
  float: left;
  margin: 0 5px;
  /*  width: 23%;*/
  width: 218px;
}

.singleL dl {
  position: relative;
  padding-bottom: 2px;
}

.singleL dl dt {
  margin-bottom: 1em;
}

#goodsGroupImageThumbnail {
  width: 100%;
  height: auto;
}
.goodsGroupImageThumbnail {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  #goodsGroupImageThumbnail {
    width: inherit;
    height: inherit;
  }
  .goodsGroupImageThumbnail {
    width: inherit;
    height: inherit;
  }
}

.singleL dl dd.flag_icon {
  position: absolute;
  left: 0;
  top: 0;
}

.singleL dl dd.flag_icon .newIcon {
  height: 26px;
  width: 58px;
}

.singleL dl dd.flag_icon.t1 {
  top: 2px;
}

.singleL dl dd.ranking_icon {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: -26px;
}

.sale_icon {
  margin: 0 auto 0.1em 0;
}

.sale_icon span.miniIcons {
  display: inline-block;
  margin: 0 3px 3px 0;
  padding: 0;
  float: left;
}

.sale_icon :after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.singleL dl dd.name {
  margin: 5px auto;
  font-size: 13px;
  line-height: 1.54;
}

@media screen and (min-width: 768px) {
  .singleL dl dd.name {
    margin: 6px auto;
    font-size: 14px;
    line-height: 1.54;
  }
}

.singleL dl dd.ranking_icon {
  color: #6e6e6e;
}

.singleL dl dd.ranking_icon #popularGoodsIndex-0,
.singleL dl dd.ranking_icon #popularGoodsIndex-1,
.singleL dl dd.ranking_icon #popularGoodsIndex-2,
.singleL dl dd.ranking_icon #popularGoodsIndex-3,
.singleL dl dd.ranking_icon #popularGoodsIndex-4 {
  font-size: 0;
}

.singleL dl dd.ranking_icon #popularGoodsIndex-0::before {
  content: "1位";
  display: inline-block;
  width: calc(30px + 2em);
  height: 21px;
  background: url(../../images/common/icon_crown_1.png) no-repeat;
  background-size: 26px 21px;
  background-position: top left;
  font-size: 1.4rem;
  text-indent: 2em;
  color: #a56e37;
}

.singleL dl dd.ranking_icon #popularGoodsIndex-1::before {
  content: "2位";
  display: inline-block;
  width: calc(30px + 2em);
  height: 21px;
  background: url(../../images/common/icon_crown_2.png) no-repeat;
  background-size: 26px 21px;
  background-position: top left;
  font-size: 1.4rem;
  text-indent: 2em;
  color: #aaaaaa;
}

.singleL dl dd.ranking_icon #popularGoodsIndex-2::before {
  content: "3位";
  display: inline-block;
  width: calc(30px + 2em);
  height: 21px;
  background: url(../../images/common/icon_crown_3.png) no-repeat;
  background-size: 26px 21px;
  background-position: top left;
  font-size: 1.4rem;
  text-indent: 2em;
  color: #a56e37;
}

.singleL dl dd.ranking_icon #popularGoodsIndex-3::before {
  content: "4位";
  display: inline-block;
  width: calc(30px + 2em);
  height: 21px;
  background: url(../../images/common/icon_crown_4.png) no-repeat;
  background-size: 26px 21px;
  background-position: top left;
  font-size: 1.4rem;
  text-indent: 2em;
}

.singleL dl dd.ranking_icon #popularGoodsIndex-4::before {
  content: "5位";
  display: inline-block;
  width: calc(30px + 2em);
  height: 21px;
  background: url(../../images/common/icon_crown_5.png) no-repeat;
  background-size: 26px 21px;
  background-position: top left;
  font-size: 1.4rem;
  text-indent: 2em;
}

.stock_icon {
  margin: 10px auto 0;
}

.stockNoSale,
.stockSoldOut,
.noStockIcon,
.gds_nostock {
  display: inline-block;
  padding: 2px 0;
  width: 80%;
  margin-left: 10%;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  background-color: #bdbbbb;
  border: 1px solid #bdbbbb;
}

.stockFewIcon,
.gds_few {
  display: inline-block;
  padding: 2px 0;
  width: 80%;
  margin-left: 10%;
  color: #000;
  font-size: 12px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #bdbbbb;
}

.stockBeforeSale,
.stockBeforeReserv {
  display: inline-block;
  padding: 2px 0;
  width: 80%;
  margin-left: 10%;
  color: #666666;
  font-size: 12px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #666666;
}

.stockBeforeSale,
.stockBeforeReserv,
.stockPossibleSales {
  display: inline-block;
  padding: 2px 0;
  width: 80%;
  margin-left: 10%;
  color: #222222;
  font-size: 12px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #222222;
}

#namePC {
  /* font-size: 14px; */
}

.price {
  color: #000000;
  font-size: 14px;
}

.sale_prePrice {
  color: #000000;
  font-size: 10px;
  /*color: #b72f34;
  font-size: 14px;*/
}

.sale_price {
  color: #a45248;
  font-size: 1.4rem;
}

.sale_comment {
  font-size: 12px;
}

.cartin {
  margin: 10px auto 0;
}

.cartin a {
  display: inline-block;
  padding: 4px 0;
  width: 100%;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
}

.cartin a:before {
  content: "";
  display: inline-block;
  padding: 3px 7px 0 0;
  width: 14px;
  height: 12px;
  vertical-align: middle;
  /* background-image: url(../../images/common/icon_cart_3.png); */
  background-image: url(../../images/common/icon_cart_3.svg);
  background-size: 14px 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#d_newitem {
  margin: 0 auto 4em;
}

#d_ranking {
  margin: 0 auto 3em;
  padding: 2em 0;
}

#d_ranking .singleL {
  padding-top: 30px;
}

/* ↓TOP改修 */
#d_newitem.cmLayout01Outer,
#d_recommend.cmLayout01Outer {
  margin-bottom: 60px;
  padding: 0;
}
#d_ranking.cmLayout01Outer {
  margin-bottom: 60px;
  padding: 0 10px;
}
/* ↑TOP改修 */

@media screen and (max-width: 767px) {
  #d_ranking .singleL {
    width: 88%;
  }

  .sale_icon span.miniIcons {
    width: 40px;
    height: auto;
  }

  .singleL dl dd.flag_icon .newIcon {
    height: auto;
    width: 45px;
  }

  /* ↓TOP改修 */
  #d_newitem.cmLayout01Outer,
  #d_ranking.cmLayout01Outer,
  #d_recommend.cmLayout01Outer,
  .cmLayout01Outer.categortySpTopTfal {
    margin-bottom: 35px;
  }

  #d_newitem .cmLayout01Body,
  #d_recommend .cmLayout01Body {
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    width: calc(100% - calc(15px * 2));
  }

  #d_ranking .cmLayout01Body {
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    width: calc(100% - calc(5px * 2));
  }

  #d_news .cmLayout01Body {
    padding: 0 10px;
  }

  #d_newitem .cmLayout01Body .singleL,
  #d_ranking .cmLayout01Body .singleL,
  #d_recommend .cmLayout01Body .singleL {
    margin: 0 6.5px;
  }

  .cmLayout01Body .singleL dl {
    padding-bottom: 0;
  }

  #d_newitem .cmLayout01Body .singleL dl,
  #d_recommend .cmLayout01Body .singleL dl {
    margin-top: -10px;
  }

  #d_ranking .cmLayout01 .singleL dl dd.ranking_icon span[id^="popularGoodsIndex-"]::before {
    width: 22.5px;
    height: 22.5px;
  }

  #d_newitem .cmLayout01Body .singleL dl dd.flag_icon,
  #d_ranking .cmLayout01Body .singleL dl dd.flag_icon,
  #d_recommend .cmLayout01Body.singleL dl dd.flag_icon {
    height: auto;
    width: 46px;
  }

  #d_newitem .cmLayout01Body .singleL .sale_icon span.miniIcons,
  #d_ranking .cmLayout01Body .singleL .sale_icon span.miniIcons,
  #d_recommend .cmLayout01Body .singleL .sale_icon span.miniIcons {
    height: auto;
    width: 30px;
  }

  #d_newitem .cmLayout01Body .singleL dl dd.name,
  #d_ranking .cmLayout01Body .singleL dl dd.name,
  #d_recommend .cmLayout01Body .singleL dl dd.name {
    line-height: 20px;
    margin-bottom: 3px;
  }

  #d_newitem .cmLayout01Body .singleL .price ,
  #d_ranking .cmLayout01Body .singleL .price ,
  #d_recommend .cmLayout01Body .singleL .price {
    color: #000000;
    font-size: 13px;
  }
  /* ↑TOP改修 */
}

@media screen and (min-width: 768px) {
  #d_rankingArea {
    background-color: #f8f8fa;
  }
}

#d_mylist,
#d_related,
#d_recently,
#d_favorite {
  margin: 0 auto 5em;
}

@media screen and (min-width: 768px) {
  #d_related,
  #d_recently,
  #d_mylist,
  #d_favorite {
    /* margin: 0 auto 25px; */
    /* margin: 0 auto 40px; */
    margin: 0 auto;
    /* background-color: #F4F4F4; */
    padding-top: 60px;
    /* margin-bottom: 40px; */
    padding-bottom: 30px;
  }
}

#d_recently .h2_ttl_2 .inner_wide,
#d_mylist .h2_ttl_2 .inner_wide,
#d_favorite .h2_ttl_2 .inner_wide {
  display: block;
  position: relative;
  text-align: left;
  max-width: 904px;
}

.recently_delBtn {
  position: absolute;
  top: 5px;
  right: 0;
}

.recently_delBtn input,
.recently_delBtn a {
  background: none;
  box-shadow: none;
  padding: 5px 16px 5px 30px;
  color: #000;
  font-size: 13px;
  background-color: #ffffff;
  background-image: url(../../images/common/icon_batu_2.svg);
  background-repeat: no-repeat;
  background-position: 17px 50%;
  border: 1px solid #000;
  border-radius: 3px;
}

.recently_delBtn input:hover {
  cursor: pointer;
}

/*=============================================
//
// isViewFavoriteGoods
//
*/

#d_favorite {
  margin: 0 auto;
}

#d_favorite .h2_ttl_2 .inner_wide {
  display: block;
  position: relative;
  text-align: left;
}

.favorite_listBtn {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  box-shadow: none;
  padding: 5px 12px 5px 26px;
  color: #000;
  font-size: 13px;
  background-color: #ffffff;
  background-image: url(../../images/common/icon_arw_01.svg);
  background-repeat: no-repeat;
  background-position: 15px 50%;
  border: 1px solid #bdbbbb;
  border-radius: 3px;
  background-size: 6px 6px;
}

.favorite_listBtn:hover {
  cursor: pointer;
}

/*=============================================
//
// d_news
//
*/
/*
.news .inner {
  padding: 4em 0 0;
}

.news .inner .h2_ttl_1 {
  margin-bottom: 2.5em;
}
*/
.newsItemsList {
  margin: 0 auto;
  font-size: 1.15rem;
}

.newsItemsList li {
  margin: 0 auto 5px;
  padding: 0 1em 5px;
  border-bottom: 1px dotted #bdbbbb;
}

.newsItemsList li a {
}

.newsItemsList .d_newsTime {
  display: inline-block;
  padding: 0 0 0 20px;
  width: 10em;
  font-size: 14px;
  vertical-align: top;
  background-image: url(../../images/common/icon_arw_04.png);
  background-repeat: no-repeat;
  background-position: 0 4px;
}

.newsItemsList .d_newsTitle {
  display: inline-block;
  width: calc(100% - 11em);
  padding: 0;
  font-size: 14px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .recently_delBtn input, .recently_delBtn a {
    font-size: 10px;
    padding: 3px 5px 3px 19px;
    background-position: 7px 50%;
    background-size: 7px 7px;
  }

  .recently_delBtn {
    top: 2px;
  }

  .favorite_listBtn {
    font-size: 10px;
    padding: 3px 5px 3px 19px;
    background-position: 7px 50%;
    background-size: 7px 7px;
  }

  #d_related,
  #d_recently,
  #d_mylist,
  #d_favorite {
    /* margin: 0 auto 25px; */
    /* margin: 0 auto 40px; */
    margin: 0 auto 20px;
    /* background-color: #F4F4F4; */
    padding-top: 30px;
    /* margin-bottom: 40px; */
    /* padding-bottom: 20px; */
  }

  .newsItemsList .d_newsTime {
    display: block;
  }
  .newsItemsList .d_newsTitle {
    padding-left: 20px;
    width: auto;
  }
}

/*=============================================
//
// RADIO , CHECKBOX CUSTOM DESIGHN
//
*/

/*
.d_radio_text label,
.d_checkbox_text label{
	cursor: pointer;
}


.d_radio_text input[type="radio"] {
	-webkit-appearance: none;
	display: none;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../images/common/radio_off.png);
    background-size: 20px 20px;
	margin-bottom:4px;
	margin-right:4px;
	cursor: pointer;
}

.d_radio_text input[type="radio"]:checked:before{
	content:"";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../images/common/radio_on.png);
}



.inputVertical label{
	display:inline !important;
}
.inputVertical label:after{
	content: "\A" !important;
	white-space: pre !important;
}
*/
/* input checkbox img ver*/
/*
.d_checkbox_text input[type="checkbox"] {
	-webkit-appearance: none;
	display: none;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../images/common/check_off.png);
    background-size: 20px 20px;
	margin-bottom:5px;
	margin-right:5px;
	cursor: pointer;
}

.d_checkbox_text input[type="checkbox"]:checked:before{
	content:"";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../images/common/check_on.png);
}
*/

/*Radio*/
.d_radio label,
.d_radio_text label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
}
.d_radio label {
  width: 18px;
  height: 18px;
  border: 1px solid #666666;
  border-radius: 100%;
}
.d_radio_text label {
  min-height: calc(18px + 5px) !important;
  margin-right: calc(18px + 5px) !important; 
  padding-left: calc(18px + 5px) !important;
  line-height: calc(18px + 5px) !important;
  font-size: 1.4rem !important;
}

/** before after **/

.d_radio label:before,
.d_radio_text label:before,
.d_radio label:after,
.d_radio_text label:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}
.d_radio label:before,
.d_radio_text label:before {
  border-radius: 100%;
}
.d_radio label:before,
.d_checkbox label:after {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}

.d_radio_text label:before,
.d_radio_text label:after {
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
}
.d_radio label:before {
  display: block;
  width: 10px;
  height: 10px;
  z-index: 1;
  background-color: #d0021b;
}
.d_radio_text label:before {
  width: 18px;
  height: 18px;
  border: 1px solid #000;
  left: 0px;
  z-index: 3;
}

.d_radio_text label:after {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  left: calc(((18px / 2) - (10px) / 2));
  background-color: #000;
  z-index: 1;
}

/** input **/
.d_radio label input[type="radio"],
.d_radio_text label input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 2;
  margin: 0px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  outline: none;
}
.d_radio label input[type="radio"],
.d_radio_text label input[type="radio"] {
  left: calc(18px * -1);
  width: 18px;
  height: 18px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 100%;
}

.d_radio label input[type="radio"] {
  display: block;
  box-shadow: 18px 0px #fff;
}
.d_radio_text label input[type="radio"] {
  box-shadow: 18px 0px #fff;
}

/** checked forcus */
.d_radio_text label input[type="radio"]:checked,
.d_radio label input[type="radio"]:checked {
  box-shadow: none;
}

.d_radio_text label input[type="radio"]:focus,
.d_radio label input[type="radio"]:focus {
  opacity: 0;
}

.d_radio_text label input[type="radio"]:focus {
  box-shadow: 18px 0px #fff;
}
.d_radio label input[type="radio"]:focus {
  box-shadow: 18px 0px #fff;
}

.inputVertical label {
  /* margin-right: 50% !important; */
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .inputVertical label {
    margin-right: 300px !important;
  } /* IE11 */
}
@media screen and (max-width: 767px) {
  .inputVertical label {
    margin-right: 0 !important;
    display: block !important;
  }
}

/*------checkbox-------------------------*/

.d_checkbox label,
.d_checkbox_text label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
}

.d_checkbox label {
  width: 20px;
  height: 20px;
  border: 1px solid #b3b3b3;
  background: #fff;
}
.d_checkbox_text label {
  padding-left: calc(20px + 5px) !important;
  padding-right: 2rem !important;
  line-height: calc(20px + 5px) !important;
}
/** before after **/

.d_checkbox_text label:before,
.d_checkbox label:after,
.d_checkbox_text label:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.d_checkbox label:after {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.d_checkbox label:after,
.d_checkbox_text label:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  top: calc(50% - (((19px / 12) * 5) / 2));
  top: 9px;
  display: block;
  margin-top: calc(((19px / 12) * 5) * -1);
  width: calc(((19px / 12) * 5));
  height: 19px;
  z-index: 1;
}

.d_checkbox_text label:before {
  width: 20px;
  height: 20px;
  left: 0px;
  top: 2px;
  border: 1px solid #000;
  z-index: 3;
  box-sizing: border-box;
}

.d_checkbox_text label:after {
  left: calc((20px / 2) - (((19px / 12) * 5) / 2));
}

/** input **/
.d_checkbox label input[type="checkbox"],
.d_checkbox_text label input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 2;
  margin: 0px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  outline: none;
}

.d_checkbox label input[type="checkbox"],
.d_checkbox_text label input[type="checkbox"] {
  left: calc(20px * -1);
  padding: 0;
}

.d_checkbox label input[type="checkbox"] {
  box-shadow: 20px 0px #fff;
}
.d_checkbox_text label input[type="checkbox"] {
  display: block;
  box-shadow: 20px 0px #fff;
}
/** checked forcus */
.d_checkbox_text label input[type="checkbox"]:checked,
.d_checkbox label input[type="checkbox"]:checked {
  box-shadow: none;
}
.d_checkbox_text label input[type="checkbox"]:checked:focus,
.d_checkbox label input[type="checkbox"]:checked:focus {
  opacity: 0;
}

.d_checkbox_text label input[type="checkbox"]:checked:focus {
  box-shadow: 20px 0px #666;
}
.d_checkbox_text label input[type="checkbox"]:focus {
  box-shadow: 20px 0px #fff;
}
.d_checkbox label input[type="checkbox"]:checked:focus {
  box-shadow: 20px 0px #666;
}
.d_checkbox label input[type="checkbox"]:focus {
  box-shadow: 20px 0px #fff;
}

/*------checkbox-------------------------*/
/**---------------------------*/

/*base btn*/
.btn {
  display: block;
  background: none;
  border: 0;
  box-shadow: none;
  margin: 0 auto 16px;
  padding: 0.7em;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  height: 50px;
}
.submit:hover,
.btn:hover {
  cursor: pointer;
  opacity: 0.8;
}

.submitaLink {
  padding: 0.6em;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  background: none;
  background-color: #ede3b8;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: auto;
  display: block;
  text-align: center;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .submitaLink {
    width: 300px;
  }
}

/*return btn*/

input.return,
a.return {
  background-image: url(../../images/common/icon_reply.png);
  background-repeat: no-repeat;
  background-size: 18px 16px;
  border: 1px solid #000 !important;
  color: #000 !important;
  width: 64% !important;
  background-position: calc(50% - 5.8em) 45% !important;
}
@media screen and (min-width: 768px) {
  input.return,
  a.return {
    max-width: 57% !important;
  }
}


input.return.recart {
  text-indent: 1em;
  background-position: calc(50% - 6.5em) 45%;
}

a.return {
  margin: 0;
  text-indent: 1em;
  background-position: calc(50% - 6.5em) 45%;
}

.goConfirm {
  text-indent: 1em;
  background-position: calc(50% - 6.5em) 45%;
}

input.btntxt7 {
  width: 250px;
  margin-left: 0;
  text-indent: 1em;
  background-position: calc(50% - 4em) 45%;
}

input.btntxt9 {
  width: 280px;
  margin-left: 0;
  text-indent: 1em;
  background-position: calc(50% - 5em) 45%;
}

input.modifyBtn {
  width: 250px;
  margin-left: 0;
  text-indent: 1em;
  background-position: calc(50% - 2.5em) 40%;
}

@media screen and (max-width: 767px) {
  .return,
  .notAgree,
  .goMemberAddressPage,
  .goMemberTopPage,
  input.btntxt7,
  input.btntxt9,
  input.modifyBtn,
  a.recart {
    padding: 5px 0 !important;
    margin: 0 !important;
    height: auto !important;
    width: 60%;
    float: right;
    font-size: 1.1rem !important;
  }

  input.return,
  a.return {
    background-image: url(../../images/common/icon_reply.png);
    background-repeat: no-repeat;
    background-size: 15px 13px;
  }
}

/*changeBtn*/
h2.btnH2 {
}
h2.btnH2 span {
  float: left;
}

h2.btnH2 a,
h2.btnH2 input {
  float: right;
}

input.changeBtn,
a.changeBtn {
  display: block;
  background: none;
/*  border: 1px solid #b72f34;*/
  box-shadow: none;
  padding: 5px 0.5em 5px 2em;
  margin-left: 1em;
  margin-bottom: 5px;
  /*width: 70px;*/
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
  background-color: #ede3b8;
  background-image: url(../../images/common/icon-repeat2.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 13px 13px;
  vertical-align: middle;
}

input.changeBtn2,
a.changeBtn2 {
  display: block;
  background: none;
  border :none;
  box-shadow: none;
  padding: 5px 0.5em 5px 2em;
  margin-left: 1em;
  margin-bottom: 5px;
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
  background-color: #ede3b8;
  background-image: url(../../images/common/icon-repeat2.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 13px 13px;
  vertical-align: middle;
  white-space: nowrap;
}

input.changeBtn,
input.changeBtn2 {
  padding: 6px 0.5em 6px 2em;
}

input.changeBtn3,
a.changeBtn3 {
  display: block;
  background: none;
  border: none;
  box-shadow: none;
  padding: 5px 0.5em 5px 2em;
  line-height: 25px;
  margin-left: 1em;
  margin-bottom: 5px;
  font-size: 1.0em;
  font-weight: bold;
  color: #000;
  background-color: #ede3b8;
  background-image: url(../../images/common/icon-repeat2.svg);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 13px 13px;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  a.changeBtn2 .sp-on {
    display: none;
  }
}

@media screen and (max-width: 495px) {
  a.changeBtn2 .sp-on {
    /*display: block;*/
  }
  a.changeBtn2 {
    /*width:110px;*/
  }
  div.h2_btnArea {
    display: block;
    float: right;
  }
}

/*base btn layout*/
.btnArea {
  text-align: center;
  margin-bottom: 2rem;
}

.btnArea li {
  display: block;
  width: 420px;
}

.btnArea li.left {
  float: left;
  text-align: left;
  position: relative;
}
.btnArea li.right {
  float: right;
}

.btnArea li.center {
  float: none;
  margin: 0 auto;
}

@media screen and (max-width: 960px) and (min-width: 768px) {
  .btnArea01 ul.clearfix {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .btnArea01 ul.clearfix li:first-child {
    margin-bottom: 20px;
  }
} 

@media screen and (max-width: 960px) and (min-width: 768px) {
  .btnArea02 ul.clearfix {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .btnArea02 ul.clearfix li:first-child {
    margin-bottom: 20px;
  }

  .btnArea02 ul.clearfix li:first-child .btn {
    margin-bottom: 0;
  }

  .btnArea02 ul.clearfix li:last-child input.return.btn,
  .btnArea02 ul.clearfix li:last-child a.btn.return {
    margin: 0 0 0 auto;
  }
} 

@media screen and (max-width: 960px) and (min-width: 768px) {
  .btnArea03 ul.clearfix {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .btnArea03 ul.clearfix li {
    width: 420px;
    margin-left: 0;
  }

  .btnArea03 ul.clearfix li.left {
    width: 420px;
  }

  .btnArea03 ul.clearfix li input {
    margin-bottom: 20px;
  }

  .btnArea03 ul.clearfix li.left a.return {
    background-position: calc(50% - 3.7em) 45% !important;
    margin-right: 0;
    margin-left: auto;
 }
} 

@media screen and (max-width: 960px) and (min-width: 768px) {
  .btnArea02Center ul.clearfix li:last-child a.btn {
    margin: 0 auto;
  }
} 

@media screen and (max-width: 767px) {
  .btnArea li {
    display: block;
    width: 90%;
    margin: 0 auto 1.5em;
  }

  .btnArea li a {
    display: block;
    /*width: 100%;*/
  }

  .btnArea li.left {
    float: none;
  }

  .btnArea li.right {
    float: none;
  }

  .submitaLink {
    font-size: 1.8rem;
    padding: 0.6em;
    width: 90%;
    line-height: normal;
  }

  .btn {
    font-size: 1.4rem;
    padding: 1em 0;
    height: auto;
  }

  .btnArea li.left.min_btn {
    text-align: right;
  }

  .btnArea li.left.min_btn .btn {
    width: 50%;
    display: block;
    float: right;
    font-size: 1.1rem;
    padding: 0.7em 0;
  }
}

/*completeArea*/
.completeArea {
  margin-bottom: 2em;
  padding: 2em 1em;
  text-align: center;
}
.completeArea p {
  font-size: 1.4em;
}

.completeArea p.msg {
  font-size: 1.6em;
  font-weight: bold;
  color: #a45248;
}

.completeArea p.textLeft {
  text-align: left;
  width: 90%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .completeArea p.textLeft {
    width: 100%;
  }
}

.completeArea p.compData {
  font-size: 1.6em;
  color: #a45248;
  background: #ffffff;
  padding: 1em;
  width: 80%;
  margin: 1em auto;
  border: 1px solid #bdbbbb;
}

@media screen and (max-width: 767px) {
  .completeArea {
    margin-bottom: 2em;
    padding: 1em;
    text-align: left;
  }
  .completeArea p.compData {
    width: 99%;
    text-align: center;
  }
  .completeArea p.compData span {
    display: block;
  }
}

.secret .completeArea p.msg {
  color: #000;
}

/*goBackTop btn*/

.goBackTop a,
.goTfal a {
  text-align: center;
  padding: 15px 0;
  width: 100%;
  display: block;
  font-size: 18px;
  line-height: 1;
  border: 1px solid #000;
  color: #000;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
}

.goBackTop a:before,
.goTfal a:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 14px;
  line-height: 1;
  background-image: url(../../images/common/icon_arw_02.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  margin-right: 5px;
}

.goTfal a:before {
  background-image: url(../../images/common/icon_arw_02.png);
  background-position: 0 0;
  transform: rotate(180deg);
}

.goBackTop {
  display: block;
}

@media screen and (min-width: 768px) {
  .goBackTop a {
    margin-top: 18px;
    margin-bottom: 30px;
    background-position: 36% 46% !important;
  }
  .goBackTop a {
    width: 300px;
  }
}

/*-----searchForm-----*/
.searchArea {
  background: #f4f4f4;
  padding: 20px;
  margin-bottom: 2em;
}
.searchArea dl {
  display: table;
  font-size: 1.4em;
  width: 80%;
  margin: 0 auto 1em auto;
}
.searchArea dt {
  display: table-cell;
  width: 10em;
  font-weight: bold;
}
.searchArea dd {
  display: table-cell;
}

.miniInput {
  width: 100px !important;
}

input.doSearchBtn {
  text-align: center;
  text-indent: 1em;
  -webkit-appearance: none;
  padding: 0.6em;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  background: none;
  background-color: #ede3b8;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  background-image: url(../../images/common/icon-search-black.svg);
  background-repeat: no-repeat;
  background-position: calc(50% - 2.5em) 50% !important;
  background-size: 1em;
  margin-bottom: 2em;
}

.h2_result {
  font-size: 2em;
  display: table;
  width: 100%;
}

.h2_result div:first-child {
  font-weight: bold;
  display: table-cell;
}

.h2_result div:last-child {
  text-align: right;
  display: table-cell;
}

.h2_result .resultsub {
  font-size: 1.4rem;
}
.resultNo {
}
ul.searchList {
  margin: auto auto 1em;
  list-style: none;
}

.resultNo ul:last-child {
  margin-bottom: 0;
  color: red;
}

ul.searchList li {
  display: inline-block;
  font-size: 1.6em;
  margin: auto 2em 0.5em auto;
}

ul.searchList a:before {
  content: "";
  display: inline-block;
  padding-right: 6px;
  width: 8px;
  height: 12px;
  background-image: url(../../images/common/icon_arw_02.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.resultNo {
  text-align: center;
}

.resultNo div {
  text-align: left;
  border: 1px solid #cccccc;
  padding: 2em;
  width: 700px;
  margin: 1em auto 2em auto;
}

.resultNo h3 {
  font-weight: bold;
  font-size: 1.6em;
}
.resultNo p {
  font-size: 1.4rem;
  margin-bottom: 1em;
}
.noMsg {
  font-weight: bold;
  font-size: 1.8em;
  color: #b83033;
}

#d_search #keyword::-webkit-input-placeholder {
  color: #A7A7A7;
}

#d_search #keyword:-ms-input-placeholder {
  color: #A7A7A7;
}

#d_search #keyword::placeholder {
  color: #A7A7A7;
}

@media screen and (max-width: 767px) {
  .resultNo {
    text-align: left;
  }

  .resultNo div {
    text-align: left;
    border: 1px solid #cccccc;
    padding: 2em;
    width: 100%;
    margin: 1em auto 2em auto;
  }

  .searchArea dl {
    display: block;
    width: 100%;
    margin: 0 auto 1em auto;
  }
  .searchArea dt {
    display: block;
    width: 10em;
    font-weight: bold;
  }
  .searchArea dd {
    display: block;
  }
}

/*-----login-----*/

.loginArea {
  display: table;
  width: 100%;
}

.loginArea div:first-child {
  display: table-cell;
  width: 47%;
  background: #f4f4f4;
  padding: 20px 40px;
}

.loginArea div:nth-child(2) {
  display: table-cell;
}

.loginArea div:last-child {
  display: table-cell;
  width: 47%;
  background: #f4f4f4;
  padding: 20px 40px;
}

.loginArea h2 {
  font-size: 2em;
  text-align: center;
  margin-bottom: 1em;
}

.loginArea input[type="text"],
.loginArea input[type="password"] {
  width: 100%;
}

.loginArea p {
  font-size: 1.4em;
  margin-bottom: 2em;
  position: relative;
}

.loginArea p.mrb0 {
  margin-bottom: 0;
}

.loginBtn {
  text-align: center;
  text-indent: 1em;
  -webkit-appearance: none;
  padding: 0.6em;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  background: none;
  background-color: #ede3b8;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  margin-bottom: 2em;
  background-image: url(../../images/common/icon-login.svg) !important;
  background-repeat: no-repeat !important;
  background-position: calc(50% - 2.5em) 45% !important;
  background-size: 0.8em !important;
}

.toRegistBtn {
  text-align: center;
  -webkit-appearance: none;
  padding: 0.6em;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  background: none;
  background-color: #ede3b8;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  margin-bottom: 2em;
  line-height: normal;
}

a.toRegistBtn:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 18px;
  line-height: 1;
  background-image: url(../../images/common/icon-pen.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 0 50% !important;
  background-size: auto 16px !important;
  margin-right: 5px !important;
  margin-bottom: -1px !important;
}
.loginArea dt {
  font-size: 1.4em;
  font-weight: bold;
}

.loginArea dt span {
  font-weight: normal;
}
.loginArea dd {
  margin-bottom: 1em;
}

.loginArea .memberLogin dd p {
  text-align: right;
  margin-top: 5px;
}

.loginArea .memberLogin p a:before {
  content: "";
  display: inline-block;
  padding-right: 6px;
  width: 8px;
  height: 12px;
  background-image: url(../../images/common/icon_arw_02.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.loginArea div.memberLogin_p {
  width: 100%;
  background: #f8f8fa;
  padding: 20px 25%;
  margin-bottom: 10px 20% 20px;
}

@media screen and (max-width: 767px) {
  .login h1.h1_ttl_1 {
    width: 107%;
    /*margin: 0 auto;*/
    margin-left: -4%;
    padding: 0 0 0 20px;
    font-size: 2em;
    font-weight: bold;
    border-bottom: 2px solid #000;
  }

  .loginArea {
    display: block;
  }

  .loginArea dl {
    width: 94%;
    margin: auto;
  }

  .loginArea p {
    width: 94%;
    margin: auto auto 2em auto;
  }

  .loginArea p.mrb0 {
    margin-bottom: 0;
  }
  
  .loginArea p.mrb0 .loginBtn {
    margin-bottom: 0;
  }
  
  .loginArea p.mrb0 .toRegistBtn {
    margin-bottom: 0;
  }
  
  .loginArea .memberLogin dt {
    padding: 0.5em 1em;
    width: 100%;
    font-size: 1.4em;
    border-radius: 3px;
    margin-bottom: 0.5em;
    background-color: #f4f4f4;
    margin-bottom: 1rem;
  }

  .loginArea .memberLogin dd {
    margin-bottom: 2rem;
  }

  .loginArea div:first-child {
    display: block;
    width: 100%;
    background: #ffffff;
    padding: 0 0 0 0;
  }

  .loginArea div:nth-child(2) {
    display: none;
  }

  .loginArea div:last-child {
    display: block;
    width: 100%;
    background: #ffffff;
    padding: 20px 0 0 0;
  }

  .loginArea h2 {
    /*
		font-size: 1.8em;
		text-align: left;
		margin-bottom: 1em;
		background: #f8f8f8;
		border-top:2px solid #b72f34;
		padding:5px 10px;
		*/
    margin: 12px auto;
    font-size: 1.6em;
    width: 95%;
    padding: 0.1em 1em;
    background-color: #f4f4f4;
    font-weight: bold;
    text-align: left;
  }
  .loginArea .memberLogin_p dt {
    padding: 0.5em 1em;
    width: 100%;
    font-size: 1.2em;
    border-radius: 3px;
    margin-bottom: 0.5em;
    background-color: #f4f4f4;
    margin-bottom: 1rem;
  }
}

/*************** sasaki20170915 ***************/

.pc-on {
  display: block;
}
.sp-on {
  display: none;
}

.pw5_mm_content01 {
  margin-top: 20px;
  display: table;
  width: 100%;
}

.pw5_mm_content01 p {
  font-size: 1.4rem;
  min-height: 200px;
  text-align: left;
  margin-bottom: 20px;
}

.pw5_mm_content01 h2 {
  margin: 12px auto;
  font-size: 1.6em;
  width: 100%;
  background: #eeeeee;
  font-weight: bold;
  padding: 5px 10px;
  text-align: left;
}

.pw5_mm_content01 .pw5_cont_left,
.pw5_mm_content01 .pw5_cont_right {
  /*position: relative;
	height: 350px;*/
  display: table-cell;
  width: 50%;
  padding: 0 20px;
  text-align: center;
}

.pw5_mm_content01 .pw5_cont_left {
  padding: 0 30px 0 20px;
  border-right: 1px dashed #000;
}

.pw5_mm_content01 .pw5_cont_right {
  padding-right: 20px;
}

.pw5_mm_content01 .pw5_cont_left .submitWrap,
.pw5_mm_content01 .pw5_cont_right .submitWrap {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.mailMagRegist,
.mailMagCancel {
  display: block;
  padding: 0.7rem;
  font-size: 1.8rem;
  font-weight: bold;
  width: 80%;
  margin: auto;
}

.mailMagReg {
  display: block;
  padding: 0.7rem;
  font-size: 1.8rem;
  font-weight: bold;
  margin: auto;
  margin-bottom: 4rem;
}

.mailMagRegist {
  color: #fff;
  background-color: #b72f34;
  border: 1px solid #b72f34;
}

.mailMagCancel {
  color: #b72f34;
  background-color: #fff;
  border: 1px solid #b72f34;
}

@media screen and (max-width: 767px) {
  .pw5_mm_content01 .pw5_cont_left,
  .pw5_mm_content01 .pw5_cont_right {
    /*position: relative;
		height: 350px;*/
    display: block;
    width: 100%;
    padding: 0;
  }
  .pw5_mm_content01 .pw5_cont_left {
    margin-bottom: 40px !important;
  }
  .pw5_mm_content01 p {
    min-height: initial;
  }
  .mailMagRegist,
  .mailMagCancel {
    width: 100%;
  }
}

.tpl_formTable_default tbody tr td label.w_auto {
  width: auto !important;
}

.pw5_w100 {
  width: 100%;
}

.fm7_secret_input {
  margin: 15px 0 15px;
}

.fm7_b20 {
  margin-bottom: 20px;
}

.fm7_w10 {
  width: 100% !important;
}

/********** news **********/

.fm7_news_cont_wrapp {
  width: 90% !important;
  margin: 0 auto !important;
  border-top: none !important;
  padding: 2em 0 0 !important;
  font-size: 14px;
}

.fm7_p_link {
  font-size: 1.4em;
  margin: 0 0 30px;
}

.fm7_p_link a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 15px;
}

.fm7_p_link a:before {
  content: "";
  width: 0;
  height: 0;
  border: solid 6px transparent;
  border-left: solid 10px #b83033;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
}

.fm7_news_info_wrapp {
  margin-bottom: 20px;
  padding: 1.2em 1.5em 1em;
  font-size: 1.4em;
  text-align: left;
  background-color: #fdf4f6;
}

.fm7_news_info_wrapp .fm7_news_info_title {
  font-weight: bold;
  margin: 0 0 4px;
}

.fm7_news_info_wrapp .fm7_news_info_link {
  text-decoration: underline;
}

/********** error **********/
.fm7_error_logo {
  text-align: center;
  margin: 40px 0 40px;
  font-size: 1.4em;
  font-size: 18px;
}

.fm7_error_logo img {
  margin-bottom: 10px;
}
.fm7_error_copyright {
  text-align: center;
  margin: 40px 0 40px;
  font-size: 1.2em;
}

.fm7_error_title {
  text-align: center;
  font-size: 2em;
  color: #a45248;
  font-weight: bold;
  line-height: 2;
  margin: 40px 0 40px;
}

.fm7_error_mt{
  margin-top: 80px;
}

.fm7_error_normal {
  font-size: 1.6em;
  line-height: 2;
  margin: 0 auto 40px;
  text-align: center;
}

.fm7_error_text {
  text-align: center;
  font-size: 2em;
  color: #a45248;
  font-weight: bold;
  line-height: 2;
  margin: 60px 0 120px;
}

/********** mainte **********/

.fm7_mainte_text01 {
  text-align: center;
  font-size: 2em;
  color: #a45248;
  font-weight: bold;
  line-height: 2;
  margin: 40px 0 40px;
}

.fm7_mainte_box01 {
  margin-bottom: 20px;
	padding:1em 1em 0 1em;
  font-size: 1.4em;
  border: 1px solid #bdbbbb;
  background-color: #FFF;
  text-align: center;
}

.fm7_mainte_box02 p,
.fm7_mainte_box01 p {
  margin: 0 0 1em;
}

.fm7_mainte_box01 p strong {
  font-size: 1.2em;
  color: #a45248;
}

.fm7_mainte_box02 {
  margin-bottom: 20px;
  padding: 1.2em 1.5em 1px;
  font-size: 1.4em;
  text-align: center;
  border: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .pc-on {
    display: none;
  }
  .sp-on {
    display: block;
  }

  .pw5_mm_content01 {
    padding: 0px 0 0px;
  }

  .pw5_mm_content01 .pw5_cont_left,
  .pw5_mm_content01 .pw5_cont_right {
    height: auto;
  }

  .pw5_mm_content01 .pw5_cont_left {
    float: none;
    width: auto;
    padding: 0;
    border-right: none;
    margin: 0 0 30px;
  }

  .pw5_mm_content01 .pw5_cont_right {
    float: none;
    width: auto;
    padding-right: 0;
  }

  .pw5_mm_content01 .pw5_cont_left .submitWrap,
  .pw5_mm_content01 .pw5_cont_right .submitWrap {
    position: static;
    margin: 0 auto;
  }

  /********** news **********/

  .fm7_news_cont_wrapp {
    width: auto !important;
    margin: 0 6% !important;
  }

  /********** error **********/

  .fm7_error_title {
    font-size: 1.6em;
    margin: 20px 0 20px;
  }

  .fm7_error_text {
    font-size: 1.6em;
    margin: 40px 0 40px;
  }

  /********** mainte **********/

  .fm7_mainte_text01 {
    font-size: 1.6em;
  }

  .fm7_mainte_box01 p strong {
    font-size: 1em;
  }

  .fm7_mainte_box02 {
    margin-bottom: 20px;
    padding: 1.2em 1.5em 1px;
    font-size: 1.4em;
    text-align: center;
    border: 1px solid #000;
  }
}

/*orderInfo2*/
.orderInfo2 {
  width: 400px;
  font-size: 1.4rem;
  background: #ffffff;
  margin: 3px 0 0 auto;
  color: #333333;
}

@media screen and (max-width: 767px) {
  .orderInfo2 {
    width: 100%;
    font-size: 1.4rem;
  }
}

.orderInfo2 th {
  width: 210px;
  white-space: nowrap;
  border-bottom: 1px solid #666666;
  padding: 0 0 0 10px;
  text-align: left;
  vertical-align: bottom;
  height: 3em;
}

.orderInfo2 td {
  vertical-align: bottom;
  padding: 0 5px 0 10px;
  font-weight: bold;
  background: #ffffff;
  text-align: right !important;
  border: none;
  border-bottom: 1px solid #666666;
}

.orderInfo2 tr.nameLabel td {
    text-align: left !important;
    font-weight: normal;
}

.orderInfo2 tr.coupon th {
  border-bottom: 1px solid #666666;
  color: #b72f34;
}

.orderInfo2 tr.coupon td {
  border-bottom: 1px solid #666666;
  color: #b72f34;
}

.orderInfo2 tr.bill th {
  vertical-align: middle;
  /*border:2px solid #b72f34;*/
  /* background: #ffeeee; */
  /* border: 1px solid #ffcfcf; */
  /* border-right: none; */
}
.orderInfo2 tr.bill td {
  font-weight: bold;
  vertical-align: middle;
  /*border:2px solid #b72f34;*/
  /* background: #ffeeee; */
  /* border: 1px solid #ffcfcf; */
  font-size: 18px;
  border: none;
  border-bottom: 1px solid #666;
}

.orderInfo2 .taxTxt {
  white-space: nowrap;
}
.orderInfo2 .bill td {
  white-space: nowrap !important;
}

@media screen and (max-width: 767px) {
  .orderInfo2 tr.bill td {
    font-size: 16px;
  }
}

.mgb1 {
  margin-bottom: 1rem !important;
}
.mgb2 {
  margin-bottom: 2rem;
}

.mgnlNone {
  margin-left: 0;
}

/**/
.itemImgCell {
  padding-right: 10px;
}
.itemImgCell {
  width: 120px;
}
.itemImgCell .wrap a img {
  display: block;
  margin: 0 auto 5px;
  text-align: center;
  border: 1px solid #cccccc;
}
.itemImgCell .wrap {
  position: relative;
}

.cart_flag_icon {
  position: absolute;
  top: 0;
  left: 0;
}
/*=============================================
//
// d_page_nation
//
*/

#d_page_nation {
  background-color: #f4f4f4;
  margin-bottom: 1rem;
}

#d_page_nation .inner {
  position: relative;
  padding: 5px 0;
  text-align: center;
}

#d_page_nation .total {
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 6px;
}

#d_page_nation ul {
  display: inline-block;
}

#d_page_nation li {
  display: inline-block;
  font-size: 14px;
}

#d_page_nation .prev a,
#d_page_nation .next a {
  color: #000;
}

#d_page_nation .number {
}

#d_page_nation .number a {
  display: inline-block;
  color: #000 !important;
  margin-right: 8px;
}
#d_page_nation .number span {
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  #d_page_nation .prev a,
  #d_page_nation .next a {
    text-decoration: underline;
  }
  #d_page_nation .number a {
    text-decoration: underline;
  }
  #d_page_nation .prev a {
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  #d_page_nation .number a {
    display: inline-block;
    color: #000 !important;
  }

  #d_page_nation .number span {
    display: inline-block;
    color: #888888;
  }

  #d_page_nation .number .current {
    color: #000000;
    font-weight: bold;
  }

  /*
#d_page_nation .number .PC {
  display: none;
}
*/
  /*
@media screen and (min-width:340px) {
  #d_page_nation .number a, #d_page_nation .number span {
    padding: 0 7px;
  }*/
}

@media screen and (min-width: 768px) {
  #d_page_nation .number a,
  #d_page_nation .number span {
    padding: 0 10px;
    color: #888888;
  }
  #d_page_nation .number .PC {
    display: inline;
  }
  /*
  #d_page_nation .number .SP {
    display: none;
  }*/
}

@media screen and (max-width: 767px) {
  #d_page_nation .inner {
    width: 100%;
  }

  #d_page_nation ul {
    display: table;
  }

  #d_page_nation li {
    display: table-cell;
  }

  #d_page_nation .prev a,
  #d_page_nation .next a {
    background: #ede3b8;
    color: #000;
    padding: 3px 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    white-space: nowrap;
  }

  #d_page_nation .total {
    display: block;
    position: relative;
    margin-bottom: 1rem;
  }
  #d_page_nation ul {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  #d_page_nation .number a,
  #d_page_nation .number span.current {
    display: inline-block;
    background: #ede3b8;
    padding: 2px 5px;
    width: 3rem;
    color: #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 1px;
    margin-bottom: 1px;
  }
  #d_page_nation .number span.current {
    background: #999;
  }
}
@media screen and (min-width: 0px) and (max-width: 520px) {
  #d_page_nation li {
    display: block;
  }

  #d_page_nation li.prev,
  #d_page_nation li.next {
    margin-bottom: 10px;
  }

  #d_page_nation .prev a,
  #d_page_nation .next a {
    display: block;
    width: 8rem !important;
    margin-left: auto;
    margin-right: auto;
  }

  #d_page_nation .number a,
  #d_page_nation .number span.current {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .d_allMessage {
    padding: 8px 0;
    font-size: 16px;
    text-align: center;
  }
}

/*=============================================
//
// noitem
//
*/

.noitem {
  margin: 0 auto 2em;
  padding: 1em;
  color: #a45248;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  /* background-color: #fdf4f6; */
}

@media screen and (min-width: 768px) {
  .noitem {
    font-size: 16px;
    text-align: center;
  }
}

/*=============================================
//
/* INPUT ERROR
---------------------------------------------------- */

.inputError {
  margin: 0 auto 2em;
  padding: 1em;
  color: #b83033;
  font-size: 14px;
  font-weight: bold !important;
  text-align: left;
  background-color: #fdf4f6;
  font-size: 1.6rem;
}
.inputError ul,
.inputError li {
  margin: 0;
  list-style: none;
}
.inputError li {
  font-weight: bold;
  color: #b83033;
  line-height: 1.5;
}

/* INPUT WARN
---------------------------------------------------- */
.inputWarn {
  font-size: 14px;
  padding: 15px 15px 15px 15px;
  margin: 8px 0 10px 0;
  background: #ffff99;
}
.inputWarn ul,
.inputWarn li {
  margin: 0;
  list-style: none;
}
.inputWarn li {
  font-weight: bold;
  line-height: 1.5;
}

/* INPUT INFO
---------------------------------------------------- */
.inputInfo {
  font-size: 14px;
  padding: 15px 15px 15px 15px;
  margin: 8px 0 10px 0;
  background: #e8f2fe;
}
.inputInfo ul,
.inputInfo li {
  margin: 0;
  list-style: none;
}
.inputInfo li {
  font-weight: bold;
  line-height: 1.5;
}

.diff {
  background: #ffcc88 !important;
}

/*=============================================
//
// FreeArea
//
*/

.freeAreaWrap {
  margin: 1rem auto 1.2em;
  padding: 0.8em 0.5em;
  font-size: 1.4em;
  text-align: left;
  background-color: #f8f8fa;
}

@media screen and (min-width: 768px) {
  .freeAreaWrap {
    margin-bottom: 20px;
    padding: 0.8em 0.5em 0.4em;
    font-size: 1.4em;
  }
}

/*=============================================
//
// cartDialog
//
*/
.cartDialogbox {
  display: none;
  background: #fbf2f2 none repeat scroll 0 0;
}
.cartDialogbox p.add {
  font-size: 115%;
}
.cartDialogbox p.cap {
  margin: 10px 0;
  color: #696969;
}
.cartDialogbox li {
  margin: 8px 0;
  width: 100%;
}
.cartDialogbox li.cart a {
  background: #ede3b8;
  padding: 9px 0;
  text-align: center;
  font-size: 128%;
  font-weight: bold;
  color: #000;
  display: block;
  letter-spacing: 1px;
  border-radius: 5px;
}
.cartDialogbox li.carryon a {
  border: 1px solid #000;
  background: #fff;
  padding: 5px 0;
  display: block;
  text-align: center;
  color: #000;
  border-radius: 5px;
}

/* お問い合わせ認証 */
.mainBody .backMemberLink {
  margin: -10px 0 12px;
  font-size: 110%;
}
.mainBody .backMemberLink a {
  display: block;
  padding: 4px 5px 3px;
  border: 1px solid #000;
  width: 150px;
  text-align: center;
  border-radius: 5px;
}

/* お問い合わせ */
@media screen and (min-width: 768px) {
  .mainHead .customer {
    margin-bottom: 60px;
  }
  .mainHead .customer .btn {
    width: 50%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .mainHead .customer {
    margin: 5px 10px 30px;
  }
  .mainHead .customer .btn {
    width: 80%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .h_searchBox .scloseBtn {
    display: none !important;
  }
}

.btn_web {
  background: none;
  border: 0;
  box-shadow: none;
  margin: 0 auto 28px;
  font-size: 16px;
  text-align: center;
  background-color: #fffcfc;
  border: 1px solid #e60012;
  width: 50%;
}
.btn_web a {
  color: #e60012 !important;
  display: block;
  font-weight: bold;
  padding: 0.9em 0 0.8em;
}
@media screen and (max-width: 767px) {
  .btn_web {
    background: none;
    border: 0;
    box-shadow: none;
    margin: 0 auto 28px;
    padding: 0.9em 0 0.8em;
    font-size: 16px;
    text-align: center;
    background-color: #fffcfc;
    border: 1px solid #e60012;
    width: 90%;
  }
}

.btn_web_tfal {
  background: none;
  border: 0;
  box-shadow: none;
  margin: 0 auto 28px;
  font-size: 15px;
  text-align: center;
  background-color: #fffcfc;
  border: 1px solid #b72f34;
  width: 30%;
}
.btn_web_tfal a {
  color: #b72f34 !important;
  display: block;
  font-weight: bold;
  padding: 0.9em 0 0.8em;
}
.btn_web_wmf {
  background: none;
  border: 0;
  box-shadow: none;
  margin: 0 auto;
  font-size: 15px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #111111;
  width: 33%;
  border-radius: 5px;
}
@media screen and (max-width: 950px) {
  .btn_web_wmf {
    width: 308px;
  }  
}
.customer .support {
  display: flex;
  margin-top: 20px;
}
.btn_web_wmf a {
  color: #111111 !important;
  display: block;
  font-weight: bold;
  padding: 1em 0 0.7em;
}
.btn_web_lagostina {
  background: none;
  border: 0;
  box-shadow: none;
  margin: 0 auto 28px;
  font-size: 15px;
  text-align: center;
  background-color: #fffcfc;
  border: 1px solid #bd121a;
  width: 33%;
}
.btn_web_lagostina a {
  color: #bd121a !important;
  display: block;
  font-weight: bold;
  padding: 0.9em 0 0.8em;
}
.btn_web_wmf .uOuterLink {
  background-image: url(../../images/common/icon-outer-link01.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px 18px;
  padding-right: 26px;
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .customer .support {
    display: block;
  }
  .btn_web_tfal {
    width: 80%;
    margin: 0 auto 12px;
  }
  .btn_web_wmf {
    width: 80%;
    min-width: 290px;
    margin: 0 auto 12px;
  }
  .btn_web_lagostina {
    width: 80%;
    margin: 0 auto 12px;
  }
  .customer .support {
    display: flex;
    margin-top: 15px;
  }
}

/**
 * スライダー下インフォメーション
*/
.slideBottomInfo .brXs {
  display: none;
}

.hasSlideBottomInfo .inner .mpcWrap {
  display: none;
}
.slideBottomInfo {
  align-items: center;
  background-color: #6a7577;
  display: flex;
  height: 54px;
  justify-content: center;
  margin: 30px auto;
  max-width: 940px;
  width: 96%;
}
.slideBottomInfo .infoText {
  font-size: 18px;
  height: 100%;
  width: 100%;
}
.slideBottomInfo:hover {
    opacity: 0.7;
}
.slideBottomInfo .infoText a {
  color: #fff;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 1.4;
  padding: 5px 10px 0;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .hasSlideBottomInfo + .sliderPro.sp-on .sp-buttons {
    display: none;
  }
  .slideBottomInfo {
    margin: 20px auto 10px;
    width: 94%;
  }
  .slideBottomInfo .infoText {
    font-size: 13px;
  }
  .slideBottomInfo .infoText a {
    padding-top: 0;
  }
  .slideBottomInfo .infoText a:hover {
    opacity: 1;
  }
  .slideBottomInfo:hover {
      opacity: 1;
  }
  .slideBottomInfo:active {
      opacity: .7;
  }
}

@media screen and (max-width: 374px) {
  .slideBottomInfo .brXs {
    display: block;
  }
}

/* セールアイコン調整 */
.goodsDetail .sale_icon20231018 img#informationIcon {
  margin-top: 3px;
}
.goodsDetail .sale_icon20231018 {
  margin-top: -3px;
  margin-bottom: 30px;
}

/* トップページ改修 20240514 */
.newsWmf .textCenter,
.mvBottomContents .textCenter {
  text-align: center;
}

.mvBottomContents .lg-on {
  display: none;
}

.mvBottomContents {
margin-bottom: 40px;
}

.mvBottomContents .inner {
  width: 100%;
}

.newsWmf .h2_ttl_1,
.mvBottomContents .cmLayout01Head {
  margin-bottom: 25px;
}

.mvBottomContents #d_ranking.cmLayout01Outer {
  padding: 0;
  margin-bottom: 0;
}

.mvBottomContents #d_ranking .notice {
  text-align: center;
  margin-top: 10px;
}

.mvBottomContents #d_ranking .notice p {
  color: #53565A;
  font-size: 14px;
  line-height: 1.6;
}

.mvBottomContents #d_ranking .notice p .notice-exception {
  margin-left: 4px;
}

.mvBottomContents .cmLayout01Body {
  position: relative;
}

.mvBottomContents .features {
  margin-top: 40px;
}

.mvBottomContents .cmLayout01Body .swiper-container {
  max-width: 910px;
}

.mvBottomContents .contents .swiper-slide.item img {
  border-radius: 5px;
}

.mvBottomContents .cmLayout01 .swiper-button-next,
.mvBottomContents .cmLayout01 .swiper-button-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: calc(220px / 2);
  display: block;
  width: 12px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.mvBottomContents .cmLayout01 .swiper-button-next {
  right: -4px;
  background: url(/ec/shop/images/common/wmf/icon_next_wmf.png) no-repeat 0 0;
}

.mvBottomContents .cmLayout01 .swiper-button-prev {
  left: -4px;
  background: url(/ec/shop/images/common/wmf/icon_prev_wmf.png) no-repeat 0 0;
}

.mvBottomContents .cmLayout01 .swiper-button-next.swiper-button-disabled,
.mvBottomContents .cmLayout01 .swiper-button-prev.swiper-button-disabled {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

.mvBottomContents #d_ranking .cmLayout01 .swiper-button-next {
  right: -4px;
  background: url(/ec/shop/images/common/wmf/icon_next_wmf.png) no-repeat 0 0;
}

.mvBottomContents #d_ranking .cmLayout01 .swiper-button-prev {
  left: -4px;
  background: url(/ec/shop/images/common/wmf/icon_prev_wmf.png) no-repeat 0 0;
}

.mvBottomContents .cmLayout01 .columnPc3Sp1  .item {
  width: calc((100% - (20px * 2)) / 3);
}

.mvBottomContents .cmLayout01 .columnPc3Sp1 li img {
  border-radius: 5px;
}

.mvBottomContents .cmLayout01 .columnPc3Sp1 .item:not(:nth-child(3n)) {
  margin-right: 20px;
}

.mvBottomContents .cmLayout01 .columnPc3Sp1 .item:nth-last-child(n + 4) {
  margin-bottom: 20px;
}

/* 商品 */
.mvBottomContents .recommend .item {
  text-align: center;
}
.mvBottomContents .recommend .item .image {
  margin-bottom: 15px;
}
.mvBottomContents .recommend .item .name {
  font-weight: 600;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.mvBottomContents .recommend .item .price {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
}
.mvBottomContents .recommend .item .price .small {
  font-size: 14px;
  font-weight: normal;
}
.mvBottomContents .recommend .item .balls {
  display: flex;
  justify-content: center;
}
.mvBottomContents .recommend .item .balls.flexStart {
  justify-content: flex-start;
}
.mvBottomContents .recommend .item .balls .colorBalls dt {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.5;
  white-space: nowrap;
}
.mvBottomContents .recommend .item .balls .colorBalls ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mvBottomContents .recommend .item .balls .colorBalls ul li {
  margin: 0 3px;
  width: auto;
}
.mvBottomContents .recommend .item .balls .colorBalls ul li a {
  margin-bottom: 0;
}
.mvBottomContents .recommend .item .balls .colorBalls ul li:first-child {
  margin-left: 0;
}
.mvBottomContents .recommend .item .balls .colorBalls ul li:last-child {
  margin-right: 0;
}
.mvBottomContents .recommend .item .balls .colorBalls:not(:last-child) {
  margin-right: 40px;
}
.mvBottomContents .recommend .item .ballsHasProviso {
  margin-bottom: 7px;
}
.mvBottomContents .recommend .proviso {
  color: #53565A;
  font-size: 10px;
  line-height: 1.3;
  text-align: left;
}
.mvBottomContents .recommend .provisoPcTextCenter {
  text-align: center;
}
.mvBottomContents .recommend .proviso li {
  padding-left: 1em;
  text-indent: -1em;
  width: auto;
}
.mvBottomContents .recommend .proviso li:not(:nth-child(3n)) {
  margin-right: 0;
}
.mvBottomContents .recommend .proviso li:before {
  content: "※";
}
.mvBottomContents .recommend .provisoNumber li {
  counter-increment: number;
}
.mvBottomContents .recommend .provisoNumber li:before {
  content: "※" counter(number) "：";
}
.mvBottomContents .recommend .provisoNoNumber li:before {
  content: "※";
}
/* /商品 */

.mvBottomContents img[src$=".svg"] {
  left: auto;
  top: auto;
}

.mvBottomContents .cmLayout01 .viewMore a {
  background-color: #3D3E42;
  border: 2px solid #3D3E42;
}

/* news */
.newsWmf .inner {
  max-width: 940px;
  width: 100%;
}
.newsWmf .newsItemsList .d_newsTime {
  background-image: url(../../images/common/icon_arw_04_wmf.png);
}
.newsWmf .newsItemsList .d_newsTime {
  background-image: url(../../images/common/icon_arw_04_wmf.png);
}
/* /news */

@media screen and (min-width: 767px) {
  #gnav.is-fix .gnav_list > li:hover span + div {
    padding-left: 25px;
    width: calc(100% - 25px);
    padding-top: 16px;
  }
}

.mvBottomContents .cmLayout01 .column4 li img {
  border-radius: 5px;
  margin-bottom: 10px;
}

.mvBottomContents .cmLayout01 .column li .caption {
  display: block;
}

.mvBottomContents .cmLayout01 .column4 li {
  width: calc((100% - calc(10px * 3)) / 4);
}

.mvBottomContents .cmLayout01 .column4 li a {
  margin-bottom: 0;
}

.mvBottomContents .cmLayout01 .column4 li:not(:nth-child(4n)) {
  margin-right: 10px;
}

.mvBottomContents .cmLayout01 .column4 li:nth-last-child(n + 5) {
  margin-bottom: 20px;
}

@media screen and (min-width: 1001px)  {
  .mvBottomContents .lg-on {
    display: block;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .mvBottomContents .cmLayout01 .swiper-button-next,
  .mvBottomContents .cmLayout01 .swiper-button-prev,
  .mvBottomContents #d_ranking .cmLayout01 .swiper-button-next,
  .mvBottomContents #d_ranking .cmLayout01 .swiper-button-prev {
    top: calc(100 / 1000 * 110vw);
  }

}

@media screen and (max-width: 1000px) {
  .mvBottomContents .inner {
    width: 100%;
    padding: 0 15px;
  }

  .mvBottomContents #d_ranking .cmLayout01 .swiper-button-next,
  .mvBottomContents .cmLayout01 .swiper-button-next {
    right: -15px;
  }

  .mvBottomContents #d_ranking .cmLayout01 .swiper-button-prev,
  .mvBottomContents .cmLayout01 .swiper-button-prev {
    left: -15px;
  }
}

/* iPad mini 6*/
@media screen and (max-width: 767px) and (min-width: 641px) {
  .mvBottomContents .cmLayout01 .column4 li img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .mvBottomContents {
    margin-bottom: 30px;
  }

  .newsWmf .h2_ttl_1,
  .mvBottomContents .cmLayout01Head {
    margin-bottom: 15px;
  }

  .newsWmf .h2_ttl_1 img,
  .mvBottomContents .cmLayout01Head  img {
    height: 36px;
    width: auto;
  }

  .CloneGlobalMenuWmf .cmLayout01Head img {
    height: 36px;
    width: auto;
  }

  .CloneGlobalMenuWmf .cmLayout01Head .h2_ttl_1 {
    text-align: center;
    margin-bottom: 15px;
  }

  .mvBottomContents .cmLayout01 .swiper-button-next {
    right: -5px;
  }

  .mvBottomContents .cmLayout01 .swiper-button-prev {
    left: -5px;
  }

  .mvBottomContents .cmLayout01 .swiper-button-next,
  .mvBottomContents .cmLayout01 .swiper-button-prev,
  .mvBottomContents #d_ranking .cmLayout01 .swiper-button-next,
  .mvBottomContents #d_ranking .cmLayout01 .swiper-button-prev {
    top: calc(100 / 767 * 150vw);
    background-size: 11px 18px;
  }

  .mvBottomContents #d_ranking .cmLayout01 .swiper-button-next,
  .mvBottomContents .cmLayout01 .swiper-button-next {
    right: -10px;
  }

  .mvBottomContents #d_ranking .cmLayout01 .swiper-button-prev,
  .mvBottomContents .cmLayout01 .swiper-button-prev {
    left: -10px;
  }

  .mvBottomContents .cmLayout01 .columnPc3Sp1 .item {
    width: 100%;
  }

  .mvBottomContents .cmLayout01 .columnPc3Sp1 li:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .mvBottomContents .cmLayout01 .columnPc3Sp1 .item:not(:nth-child(3n)) {
    margin-right: 0;
  }

  .mvBottomContents .cmLayout01 .columnPc3Sp1 .item:nth-last-child(n + 4) {
    margin-bottom: 0;
  }

  .mvBottomContents .cmLayout01 .columnPc3Sp1 .item:not(:last-child) {
    margin-bottom: 40px;
  }

  .mvBottomContents #d_ranking .notice {
    margin-top: 8px;
  }
  .mvBottomContents #d_ranking .notice p br {
    display: block;
  }
  .mvBottomContents #d_ranking .notice p .notice-exception {
    margin-left: 0;
  }

  /* 商品 */
  .mvBottomContents .recommend .item .image {
    margin-bottom: 10px;
  }
  .mvBottomContents .recommend .item .image .giftIconBlock {
    position: absolute;
    left: 0;
    line-height: 1;
  }
  .mvBottomContents .recommend .item .image .giftIcon {
    display: inline-block;
    width: 50px;
  }
  .mvBottomContents .recommend .item .image .giftIcon:not(:last-child) {
    margin-right: 3px;
  }
  .mvBottomContents .recommend .item:not(:last-child) {
    margin-bottom: 10px;
  }
  .mvBottomContents .recommend .item .name {
    font-size: 18px;
    line-height: 1.44;
    margin-bottom: 8px;
  }
  .mvBottomContents .recommend .item .price {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .mvBottomContents .recommend .item .price .small {
    font-size: 14px;
  }
  .mvBottomContents .recommend .item .text {
    font-size: 14px;
    line-height: 1.78;
  }
  .mvBottomContents .recommend .item .method {
    margin-bottom: 14px;
    border-radius: 2.5px;
    font-size: 14px;
  }
  .mvBottomContents .recommend .item .method ul {
    gap: 4px;
    padding: 5px;
  }
  .mvBottomContents .recommend .item .method ul li {
    background-color: #fff;
    padding: 4px 5px;
    border-radius: 1.5px;
  }
  .mvBottomContents .recommend .item .balls .colorBalls dt {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .mvBottomContents .recommend .item .balls .colorBalls ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mvBottomContents .recommend .item .balls .colorBalls ul li {
    margin: 0 4px;
    width: 50px;
    height: auto;
  }
  .mvBottomContents .recommend .item .balls .colorBalls ul li img {
    width: 100%;
  }
  .mvBottomContents .recommend .item .balls .colorBalls:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .mvBottomContents .recommend .item .balls.spColumn {
    flex-direction: column;
    margin-bottom: 10px;
  }
  .mvBottomContents .recommend .item .ballsHasProviso {
    margin-bottom: 0;
    justify-content: space-between;
  }
  .mvBottomContents .recommend .proviso {
    line-height: 1.5;
    font-size: 12px;
    font-weight: normal;
  }
  .mvBottomContents .recommend .provisoPcTextCenter {
    text-align: left;
  }
  .mvBottomContents .recommend .provisoNumber {
    margin-bottom: 0;
    font-size: 10px;
    display: flex;
    justify-content: center;
  }
  .mvBottomContents .recommend .provisoNumber li:not(:last-child) {
    margin-right: 3px;
  }
  /* /商品 */

  .newsWmf .h2_ttl_1 {
    margin-left: auto;
    padding: 0;
    width: auto;
    background-color: transparent;
    border-top: none;
  }

  .newsWmf .inner {
    padding: 0 10px;
    width: 100%;
  }

  .mvBottomContents .cmLayout01 .column4 li img {
    margin-bottom: 5px;
  }

  .mvBottomContents .cmLayout01 .column4 li {
    width: calc((100% - 12px) / 2);
    text-align: center;
  }

  .mvBottomContents .cmLayout01 .column li .caption {
    text-align: left;
  }

  .mvBottomContents .cmLayout01 .column4 li:not(:nth-child(4n)) {
    margin-right: 0;
  }

  .mvBottomContents .cmLayout01 .column4 li:not(:nth-child(2n)) {
    margin-right: 12px;
  }

  .mvBottomContents .cmLayout01 .column4 li:nth-last-child(n + 5) {
    margin-bottom: 0;
  }

  .mvBottomContents .cmLayout01 .column4 li:nth-last-child(n + 3) {
    margin-bottom: 20px;
  }

  .mvBottomContents .features {
    margin-top: 30px;
  }

  .mvBottomContents .features .cmLayout01Body {
    padding: 0;
  }
}

@media screen and (max-width: 374px) {
  .mvBottomContents .recommend .item .balls .colorBalls ul li {
    margin: 0 2px;
    width: 40px;
  }

  .mvBottomContents .cmLayout01 .viewMore a {
    font-size: 14.5px;
  }
}

.uUnderline {
  text-decoration: underline;
}
.ufwB {
  font-weight: bold;
}

.lg-on {
  display: none;
}

@media screen and (min-width: 980px) {
  .lg-on {
    display: block;
  }
}

.saleIcon,
.saleicon,
p.saleicon {
  height: 20px;
  background-color: #A45248;
  border-radius: 10px;
  color: #fff;
  font-family: WMFRotis;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: .04em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.5px 12px 0;
  margin-left: 0;
  line-height: 20px;
}

.singleL .saleIcon + s ,
.singleL .saleicon + s ,
.singleL p.saleicon + s {
  margin-left: 8px;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .saleIcon,
  .saleicon,
  p.saleicon {
    padding: 2.5px 12px 0;
  }
}

/* トップページコンテンツ追加 20241218 */
/* カテゴリー */
#w_category{
  max-width: 940px;
  margin: 0 auto;
}
#w_category .cateBtnWrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
}
#w_category .cateBtnWrap li a {
    color: #fff;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}
#w_category .cateBtnWrap li a img{
  border-radius: 5px;
}
#w_category .cateBtnWrap li a .cateName li a::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}
#w_category .cateBtnWrap li a .cateName {
    position: absolute;
    letter-spacing: 0.15em;
    line-height: 1.5em;
    font-size: 18px;
    color: #fff !important;
    z-index: 2;
    text-align: center;
    margin-top: 5px;
}

@media screen and (max-width: 956px) {
  #w_category .cateBtnWrap li a .cateName{
    font-size: 17px;
    letter-spacing: 0.10em;
  }
}

@media screen and (max-width: 767px) {
  #w_category .cateBtnWrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }
  #w_category .cateBtnWrap li a .cateName {
    line-height: 1.5em;
    letter-spacing: 0.05em;
    font-size: 14px;
  }
}


/* キーワード */
#w_keyword{
  max-width: 940px;
  margin: 0 auto;
}
#w_keyword ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  justify-content: center;
}
#w_keyword ul li a {
  align-items: center;
  border: 1px solid #000;
  border-radius: 50px;
  display: flex;
  height: 35px;
  color: #000;
  font-size: 15px;
  line-height: 31px;
  padding: 0 14px 1px;
}
#w_keyword ul li a::before {
  content: "#";
  margin-right: 3px;
}

@media screen and (max-width: 767px) {
  #w_keyword ul {
    gap: 10px 5px;
  }
  #w_keyword ul li a {
    height: 35px;
    font-size: 13px;
    line-height: 32px;
    padding: 0 10px 1px;
  }
}