:root {
  --color-nav: #f9c649;
}

* {
  word-break: break-all;
}

.d-sec a {
  color: var(--color-txt-link);
  text-decoration: underline;
}

.default-btn a,
.d-sec .ir-parts.-p1-1 p a,
.d-sec .-p2-1 a,
.d-sec .ir-parts.-p3-1 a,
.top-parts.-p4-1 a,
.d-sec .b-parts.-p8-1 a,
.d-sec .b-parts.-p8-2 a,
.d-sec .b-parts.-p9-1 a,
.d-sec .b-parts.-p10-1 a,
.d-sec .top-parts.-p11-1 a,
.d-sec .top-parts.-p15-1 a,
.d-sec .b-parts.-p22-2 a,
.d-sec .b-parts.-p23-1 a,
.d-sec .db-parts.-p1-1 a,
.db-parts.-p1-2 a,
.d-sec .headding a,
.d-sec .search-parts .areaItem a,
.d-sec a .headding {
  color: var(--color-txt);
  text-decoration: none;
}

.d-sec .-p24-3 .headding a {
  color: var(--color-txt-link);
  text-decoration: underline;
}

.d-sec .search-parts a,
.d-sec .click-box a {
  text-decoration: none;
}

@media screen and (min-width: 744px) {
  .d-parts.-p10 .default-btn {
    max-width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}


.float-nav>.navFrame>.inner>.navList>li>div::before,
.float-nav>.navFrame>.inner>.navList>li>div::after {
  content: "";
  display: block;
  width: 4rem;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.float-nav>.navFrame>.inner>.navList>li>div::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.float-nav>.navFrame>.inner>.navList>li>a {
  z-index: 1;
}

.float-nav>.navFrame>.inner>.navList>li._forPC::before,
.float-nav>.navFrame>.inner>.navList>li._forPC::after {
  content: none;
}

.h-parts.-p2-1.-p2-1-color h1 {
  height: 21.5rem;
}

#storeSearch {
  z-index: 4;
}

#storeSearch>a {
  width: 12.7rem;
  height: auto;
}

@media screen and (min-width: 769px) {
  #storeSearch>a {
    width: 127px;
  }
}

#storeSearch>a img {

  filter: drop-shadow(0px 2px 8.9px rgba(68, 68, 68, 0.25));
}

@media screen and (max-width: 766px) {
  #local header .navList {
    display: none
  }
}

.slick-slide img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.h-parts.-p2-1 h1,
.h-parts.-p2-1 h2,
.h-parts.-p2-1 h3,
.h-parts.-p2-1 h4 {
  font-size: 3.7rem;
  height: 21.5rem;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 769px) {

  .h-parts.-p2-1 h1,
  .h-parts.-p2-1 h2,
  .h-parts.-p2-1 h3,
  .h-parts.-p2-1 h4 {
    max-height: 31.5rem;
  }
}

#VcArea-NaviColum>ol>li>strong {
  display: flex;
  align-items: center;
  width: 20rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #fff;
  line-height: 1.4;
  position: relative;
  letter-spacing: 0;
}
  #VcArea-NaviColum>ol>li li strong {
      font-weight: normal;
}
@media screen and (max-width: 768px) {
  #VcArea-NaviColum>ol>li>strong {
    width: 100%;
    /*justify-content: center;*/
    padding: 2rem 2rem 2rem;
    border-bottom: 2px solid #fff;
    height: 60px;
      /*font-weight: normal;*/
  }
}

@media screen and (min-width: 769px) {
  #VcArea-NaviColum>ol>li>strong {
    font-size: 1.8rem;
     /* font-weight: normal;*/
  }
}

@media screen and (max-width: 768px) {
  .d-footer {
    margin-top: 50px;
  }
}

._fsSS {
  font-size: 1.5rem;
}

img.module-append-icon {
  display: inline-block;
  vertical-align: sub;
  margin-left: 5px !important;
  margin-right: 0 !important;
  width: 16px !important;
  height: auto !important;
  position: static !important;
  transform: none !important;
  border-radius: 0 !important;
}

.-onlineShop .module-append-icon,
.-delivery .module-append-icon,
.top-parts.-p12-1 .module-append-icon {
  display: none;
}
.sp-only{
    display: none;
}
@media screen and (max-width: 768px) {
    .sp-only{
        display: block;
    }
    .fontsp_s{
        font-size: 0.8em
    }
  img.module-append-icon {
    width: 14px;
  }
}

.b-parts.-p8-2 .col-box.-col03 p>a[target=_blank]::after {
  content: none
}

/* =================================================
 # 店舗検索
==================================================*/
.search-tree>.treeItem::before {
  content: none
}

.search-tree>.treeItem:nth-of-type(n+2) {
  margin-top: 0;
}

.d-parts.-p7 .partsTxt {
  text-align: justify;
  padding: 2.8rem 0 0;
  margin: auto auto 0;
}

.b-parts.-p5-2 ol {
  padding-left: 1em;
}

.b-parts.-p5-2 ol li::before {
  margin-left: -1em;
}

.float-nav>.navFrame>.inner>.navList {
  justify-content: center;
    align-items: flex-start
}

#VcArea-MainColum .search-parts .footer-nav.-nav02 {
  background: none;
}

#VcArea-MainColum .search-parts .footer-nav.-nav02>.inner {
  padding-top: 0;
  padding-bottom: 0;
}

#VcArea-MainColum .search-parts>.inner {
  margin-top: 4rem;
}

@media screen and (max-width: 768px) {
  ._forSPmt40 {
    margin-top: 40px !important;
  }
}

.ggmapWrapper {text-align: center;}
.-detailBottom .ggmap {
  padding-top: 56.5%;
  margin-top: 0;
}
.ggmapWrapper .ggmap {
  width: 72%;
  margin: 30px auto 30px;
  padding-top: 40.7%;
}
.ggmapWrapper .ggmap iframe {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .ggmapWrapper .ggmap {
    width: 100%;
    margin: 40px auto 40px;
    padding-top: 56.363636363%;
  }
}
.d-sec.-detailBottom>.inner .d-headding03.with-border {
  padding-bottom: 0.5rem;
}

.d-flyer-box>.headding {
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .d-sec>.inner>.detailBox {
    flex-direction: column
  }

  .d-sec>.inner>.detailBox>.subWrap.-address>.detailItem dt,
  .d-sec>.inner>.detailBox>.subWrap.-address>.detailItem dd {
    font-size: inherit;
  }

  .-detailBottom .d-headding03 {
    font-size: inherit;
  }

  .d-sec.-detailBottom>.inner .d-headding03.with-border>span {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
  }

  .d-sec.-detailBottom>.inner .d-headding03.with-border>span::before,
  .d-sec.-detailBottom>.inner .d-headding03.with-border>span::after {
    width: 1.67rem;
  }

  .d-sec.-detailBottom>.inner .d-headding03.with-border {
    padding-bottom: 1rem;
  }

  .d-sec>.inner>.detailBox>.d-flyer-box {
    width: 100%
  }

  .d-flyer-box>.headding {
    font-size: inherit;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    /*border-bottom: 1px solid var(--color-main)*/
  }

  .iconList img {
    max-width: inherit;
  }

}

/* =================================================
 # 店舗詳細
==================================================*/
/*.-storeDetail {
  display: flex;
  flex-direction: column;
}

.-detailIntro {
  order: 1
}

.-detailBottom {
  order: 5
}

.-type01 {
  order: 2
}

.-recommend {
  order: 3
}

.-campaign02 {
  order: 4
}

.-freearea {
  order: 6
}

*/


.d-sns-box .iconList {
  padding-inline: 250px;
}

.d-sns-box .iconList ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.d-sns-box .iconList ul li {
  list-style: none;
}



.d-parts.-p3 h5 {
  font-size: 3rem;
  padding-bottom: 1px;
  border-bottom: 1px solid #ccc;
  line-height: 1.45;
}

@media screen and (min-width: 769px) {
  .d-parts.-p3 h5 {
    font-size: 2rem;
  }
}

.ir-parts.-p3-1 .d-headding03 {
  margin-bottom: 10px;
}

.b-parts.-p32-1,
.b-parts.-p33-1 {
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

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

  .b-parts.-p32-1,
  .b-parts.-p33-1 {
    max-width: calc(714 * (100vw / 768));
  }
}

.default-btn>a {
  padding-left: 15px;
  padding-right: 15px;
}

.b-parts.-p9-1 a {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 743px) {
  .b-parts.-p9-1 .col-box.-col04-02 a {
    height: 11rem;
    border-radius: 6rem;
    line-height: 1.5em;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 744px) {
  .top-parts.-p2-1>.body dl dt {
    width: 200px;
  }
}

@media screen and (max-width: 743px) {
  .b-parts.-p11-1 .tab-selector>.itemSelector:nth-of-type(n+2) {
    padding-left: 0px;
    padding-left: 0px;
    margin-left: 1rem;

  }
}

.g-nav-link-branch.-myStore>a {
  padding: 0 2.8rem;
}

/* =================================================
 # .top-parts.-p15-1
==================================================*/

.top-parts.-p15-1 dl dt img {
  height: 16.3rem;
  object-fit: cover;
  width: 100%;
}

@media screen and (max-width: 743px) {
  .top-parts.-p15-1 dl dt img {
    height: 25rem;
  }
}

/* =================================================
 # BasicParts1-2
==================================================*/
#VcArea-MainColum .b-parts.-p1-2:first-of-type {
  padding-top: 0;
}

/* =================================================
 # BasicParts18-1
==================================================*/
@media screen and (max-width: 743px) {

  .b-parts.-p9-1 .col-box.-col04-02 a,
  .b-parts.-p17-1 .body p {
    font-size: inherit;
  }
}


/* =================================================
 # BasicParts14-1
==================================================*/
@media screen and (min-width: 744px) {

  .b-parts.-p13-1 .body dl dt {
    text-align: left;
  }

  .b-parts.-p13-1 .month {
    float: right;
  }
}

.b-parts.-p13-1 .gengou {
  display: inline-block;
  padding: 0 0.5rem 0;
  font-size: 1.6;
  font-weight: normal;
}


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

  .b-parts.-p13-1 .body dl dt p>span,
  .b-parts.-p13-1 .gengou {
    padding: 0;
  }
}


/* =================================================
 # BasicParts14-1
==================================================*/
.b-parts.-p14-1 .body dl dt span:not(:first-child),
.b-parts.-p14-1 .body dl dd span:not(:first-child) {
  font-size: inherit;
  position: static;
}

/* =================================================
 # tab
==================================================*/
@media screen and (min-width: 744px) {
  .b-parts.-p11-1 .tab-selector>.itemSelector {
    cursor: pointer;
  }
}


/* =================================================
 # BasicParts19-1
==================================================*/
.b-parts.-p19-1 {
  text-align: right;
}

.b-parts.-p19-1 img {
  display: inline
}

/*
.b-parts.-p20-1 {
    margin-top: 7rem;
}

.b-parts.-p20-2 {
    margin-top: 7rem;
}
*/


/* =================================================
 # BasicParts19-1
==================================================*/
.b-parts.-p24-4 .parts-item .default-btn {
  width: auto;
  min-width: calc((295 / 485) * 100%);
  margin-top: 2rem;
}


/* =================================================
 # BasicParts20-1
==================================================*/
@media screen and (max-width: 743px) {
  .col-box.-col02 {
    flex-direction: column;
  }

  .col-box.-col02 .partsItem {
    width: 100%;
    margin-block-end: calc(44 * (100vw / 768));
  }

  .col-box.-col02 .partsItem img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}


/* =================================================
 # BasicParts24-1
==================================================*/
.b-parts.-p24-1 .parts-item>img {
  margin-top: 2.8rem
}

.b-parts.-p24-1 .parts-item>.partsTxt {
  margin-top: 2.8rem
}

/* =================================================
 # BasicParts24-5
==================================================*/
@media screen and (min-width: 744px) {
  .b-parts.-p24-5 .parts-item .default-btn > a {
    display: flex;
  }
}

@media screen and (max-width: 743px) {
  .b-parts.-p24-5 .parts-item > img {
    max-width: 30rem;
  }

  .b-parts.-p24-5 .parts-item .default-btn > a {
    display: flex;
  }
}


/* =================================================
 # BasicParts26-1
==================================================*/
.b-parts.-p26-1 ol li dl dt {
  padding-left: 9rem;
  position: relative
}

.b-parts.-p26-1 ol li dl dt:before {
  position: absolute;
  top: -0.9rem;
  left: 0;
}

.b-parts.-p26-1 ol li dl dd {
  margin-top: 2rem;
}

@media screen and (min-width: 744px) {
  .b-parts.-p26-1 ol li dl dt {
    padding-left: 6.2rem;
  }
}

/* =================================================
 # BasicParts30-1
==================================================*/
.b-parts.-p30-1 .body .default-btn.is-recruit>a,
.b-parts.-p30-2 .body .default-btn.is-recruit>a {
  background: var(--color-accent);
}

.-p5-1 .b-parts.-p2-2 {
  margin-top: 2rem;
}

.-p5-1 .d-parts.-p6 {
  margin-top: 3.5rem;
}

.-p5-1 .d-parts.-p4 {
  margin-top: 3.5rem;
}

.newsItem .d-parts.-p8 {
  margin-top: 3.6rem;
}

.newsItem .d-parts.-p8 .default-btn {
  width: 100%;
}

#vcbody-wrapper .b-parts.-p11-1 .content_area>* {
  display: block;
}

.-p2-1-color {
  background: var(--header-p2-1-color);
}

#vcbody-wrapper .b-parts.-p11-1 .tab-selector {
  justify-content: flex-start;
}

#vcbody-wrapper .js-tab-content .contentItem:first-of-type:before {
  content: "↓タブ１つ目のエリア";
  color: #8F0002;
  font-size: 10px;
  margin-bottom: -4em;
  display: block;
  margin-top: 4em;
  font-weight: bold;
}

#vcbody-wrapper .js-tab-content .contentItem:nth-of-type(2n):before {
  content: "↓タブ２つ目のエリア";
  color: #8F0002;
  font-size: 10px;
  margin-bottom: -4em;
  display: block;
  margin-top: 4em;
  font-weight: bold;
}

.ir-parts.-p1-1 .body {
  justify-content: space-between;
}

.ir-news-box>.inner>.colItem.selectwrap:nth-of-type(1) {
  width: 100%;
}

.ir-select {
  height: 4.6rem;
}

.ir-select .selectBox {
  width: 20rem;
  display: block;
  height: 100%;
  margin: 0 0 0 auto;
}

.ir-select .selectBox select {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 1rem 0;
}

#vcbody-wrapper .local-tab-content .contentItem:before {
  color: #8F0002;
  font-size: 10px;
  margin-bottom: -4em;
  display: block;
  margin-top: 4em;
  font-weight: bold;
}

#vcbody-wrapper .local-tab-content .contentItem:first-of-type:before {
  content: "↓タブ１つ目のエリア";
}

#vcbody-wrapper .local-tab-content .contentItem:nth-of-type(2n):before {
  content: "↓タブ２つ目のエリア";
}

#vcbody-wrapper .local-tab-content .contentItem:nth-of-type(3n):before {
  content: "↓タブ３つ目のエリア";
}

#vcbody-wrapper .local-tab-content .contentItem:nth-of-type(4n):before {
  content: "↓タブ４つ目のエリア";
}

#vcbody-wrapper .local-tab-content .contentItem:nth-of-type(5n):before {
  content: "↓タブ５つ目のエリア";
}

#vcbody-wrapper .local-tab-content .contentItem:nth-of-type(6n):before {
  content: "↓タブ６つ目のエリア";
}

.ggmap {
  margin-top: 4rem;
  position: relative;
  width: 100%;
  padding-top: 45%;
  /* = height ÷ width × 100 */
}

.ggmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube {
  margin-top: 4rem;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#VcArea-MainColum .-p11-1 {
  margin-top: 4em;
}

@media screen and (min-width: 769px) {
  .b-parts.-p27-1 .col-box.-col02 {
    justify-content: center;
  }
}

.b-parts.-p29-1 img {
  max-width: 70%;
  margin-bottom: 2rem;
}

.b-parts.-p12-1 .body table {
  min-width: 100%;
  border: 2px solid #cccccc;
  border-collapse: collapse;
}

@media screen and (max-width: 768px) {
  .b-parts.-p12-1 .body table {
    min-width: 100%;
    width: 1000px;
  }
}

.b-parts.-p12-1 .body table tr th {
  padding: 0.3rem;
}

.b-parts.-p12-1 .body table tr td {
  padding: 0.3rem;
}

.b-parts.-p12-1 .body .d-table-type-card table tr th,
.b-parts.-p12-1 .body .d-table-type-card table tr td {
  padding: 2rem 2rem 2rem;
}

.d-table table tr>td {
  border-left: 1px solid #cccccc;
}

.b-parts.-p16-3 ol li:last-of-type p::before,
.b-parts.-p16-3 ol li:last-of-type p::after {
  content: none
}

#VcArea-MainColum .b-parts.-p11-1 .tab-selector>.itemSelector>span {
  font-size: 1.8rem;
}

.d-parts.-p8.-search p {
  position: relative;
}

.d-parts.-p8.-search p>a {
  padding-left: 5rem;
}

.d-parts.-p8.-search p>a::before {
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 3rem;
  height: 3rem;
  background: url("../img/top/icon_search_blk.png") no-repeat;
  background-size: contain;
  left: -3rem;
}

.d-parts.-p8.-search p>a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}


@media screen and (min-width: 769px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  color: var(--color-main);
  }
}


.d-parts -p1 {
  position: relative;
  padding: .1em .3em .1em 1em;
}

.d-parts -p1:before,
.d-parts -p1:after {
  position: absolute;
  content: "";
  display: block;
  width: 15px;
  height: 30px;
  background: #ebac00;
  top: 0%;
  left: 0px;
  transform: skewX(-25deg);
}

.d-parts -p1:after {
  top: 0%;
  left: 17px;
  height: 30px;
  width: 15px;
  transform: skewX(-25deg);
  background: #ea5420;
}

.maincolor .default-btn>a,
.maincolor .default-btn>button {
  background: var(--color-main);
  color: #FFF;
  border: var(--color-main);
}

.accentcolor .default-btn>a,
.accentcolor .default-btn>button {
  background: var(--color-accent);
  color: #FFF;
  border: var(--color-accent);
}

@media screen and (min-width: 769px) {
  .db-parts.-p1-2 .body dl {
    min-height: 6rem;
    height: auto;
  }

  .-storeDetail .db-parts.-p1-2 .body dl {
    background: #FFF;
  }
}

@media screen and (min-width: 769px) {}

.db-parts.-p4-1 .body>*:nth-of-type(n+2) {
  margin-top: 5rem;
}




/* =================================================
 # HParts1-1
==================================================*/
@media screen and (max-width: 765.99px) {
  main.d-main.-blockParts {
    margin-top: 95px;
  }
}
/*@media screen and (max-width: 767px) {
  .h-parts.-p2-1 {
    margin-block-start: 13rem;
  }
}
@media screen and (max-width: 500px) {
  .h-parts.-p2-1 {
    margin-block-start: 16rem;
  }
}
@media screen and (max-width: 420px) {
  .h-parts.-p2-1 {
    margin-block-start: 18rem;
  }
}
@media screen and (max-width: 378px) {
  .h-parts.-p2-1 {
    margin-block-start: 20rem;
  }
}
*/

/* =================================================
 # top-parts -p7-1
==================================================*/
@media screen and (max-width: 743px) {
  .top-parts.-p7-1 .col-box.-col02 {
    flex-direction: row;
  }
}


/* =================================================
 # top-parts -p11-1
==================================================*/
@media screen and (max-width: 743px) {
  .top-parts.-p11-1 .col-box.-col02 {
    flex-direction: row;
  }
}


/* =================================================
 # top-parts -p12-1
==================================================*/
@media screen and (max-width: 743px) {
  .top-parts.-p12-1 .col-box.-col02 {
    flex-direction: row;
  }
}



/* =================================================
 # Local Navigation
==================================================*/
@media screen and (min-width: 744px) {
  #VcArea-NaviColum>ol>li>ol>li {
    height: 90px;
  }
}

@media screen and (max-width: 743px) {
  #VcArea-NaviColum {
    padding-bottom: 0px;
      margin-bottom: 90px;
  }

  #VcArea-NaviColum>ol>li>a {
    height: 60px;
  }

  #VcArea-NaviColum>ol>li>ol>li {
    height: 60px;
  }
}

#VcArea-NaviColum>ol>li>ol>li>a,
#VcArea-NaviColum>ol>li>ol>li>strong {
  display: flex;
}


/* =================================================
 # English
==================================================*/
@media screen and (min-width: 744px) {
  .d-header>.inner>.navList>ul.en>li>a {
    line-height: 1;
    letter-spacing: 0;
  }

  .footer-area-box>.headding.en {
    line-height: 1;
  }

  .footer-area-box>.areaItem.en>a {
    padding: 0.5rem 0.5rem 0.5rem 6rem;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.3rem;
    line-height: 1;
  }

  .b-parts.-p9-1 .col-box.-col04-02 a {
    line-height: 1.2em;
  }

  .b-parts.-p9-1 .col-box.-col04-02 a::after {
    top: 5px;
  }
}

@media screen and (max-width: 743px) {
  .d-header>.inner>.navList>ul.en>li>a {
    line-height: 1.5;
    letter-spacing: 0;
  }

  .footer-area-box>.headding.en {
    line-height: 1;
  }

  .footer-area-box>.areaItem.en>a {
    padding-left: 10.9rem;
    font-size: calc(26 * (100vw / 768));
    line-height: 1;
  }

  .b-parts.-p9-1 .col-box.-col04-02 a {
    line-height: 1.2em;
  }

  .b-parts.-p9-1 .col-box.-col04-02 a::after {
    top: 5px;
  }
}


/* =================================================
 # My Store
==================================================*/
.float-nav>.navFrame>.inner>.navList>li.is-added>p {
  width: 100%;
  text-align: center;
  line-height: 1.3em;
}

@media screen and (max-width: 743px) {
  .float-nav>.navFrame>.inner>.navList>li.is-added>p {
    margin-bottom: -10px;
  }
}




/* =================================================
 # 店舗検索関連のCSSはここから
==================================================*/

/* =================================================
 # store-search
==================================================*/
@media screen and (min-width: 768px) {

  .search-filter .common-return-btn {
    display: flex;
    justify-content: space-between;
    margin: 12rem auto 0;
    width: 49.5rem;
    margin-top: 8.4rem;
  }

  .search-filter .common-return-btn .btnItem {
    width: calc(100% /2);
  }

  .search-filter .common-return-btn .btnItem a {
    display: inline-block;
    text-align: center;
    color: #000000;
    border: solid 1px #000000;
    border-radius: 100vw;
    padding: 10px;
    width: 220px;
  }
}

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

  .search-filter .common-return-btn {
    display: flex;
    justify-content: space-between;
    margin: 12rem auto 0;
  }

  .search-filter .common-return-btn .btnItem {
    width: calc(100% / 2);
  }

  .search-filter .common-return-btn .btnItem:first-of-type {
    margin-inline-end: 20px;
  }

  .search-filter .common-return-btn .btnItem a {
    display: inline-block;
    text-align: center;
    color: #000000;
    border: solid 1px #000000;
    border-radius: 100vw;
    padding: 10px;
    min-width: 170px;
  }
}

.search-filter>.inner>.search-tree>.submit {
  width: 100%;
  margin: 3.2rem auto 0;
}

.search-filter>.inner>.search-tree>.submit button {
  padding: 1rem 3rem 1rem;
  display: block;
  width: 100%;
  height: 9rem;
  border: none;
  background: var(--color-accent);
  border-radius: 4.5rem;
  color: #fff;
  box-sizing: border-box;
  position: relative;
}

.search-filter>.inner>.search-tree>.submit button img {
  width: 5rem;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4rem;
}

@media screen and (min-width: 744px) {

  .search-filter>.inner>.search-tree>.submit {
    max-width: 49.5rem;
    margin-top: 2.2rem;
  }

  .search-filter>.inner>.search-tree>.submit button {
    height: 6.7rem;
    border-radius: 3.35rem;
    font-size: 1.8rem;
  }

  .search-filter>.inner>.search-tree>.submit button img {
    width: 3.5rem;
    left: 2.4rem;
    cursor: pointer;
  }

  .search-filter>.inner>.submit button img {
    cursor: pointer;
  }
}


/* =================================================
 # for tablet Add 20231215
==================================================*/
@media screen and (min-width: 744px) and (max-width: 999px) {
  .check-list > .checkItem {
    width: calc(100% / 3 - 9px);
  }
  .check-list > .checkItem {
    margin: 1.3rem 1.3rem 0 0;
  }
  .check-list > .checkItem:nth-of-type(3n) {
    margin-right: 0;
  }
}

/* =================================================
 # for PC Add 20231215
==================================================*/
@media screen and (min-width: 1000px) {
  .check-list > .checkItem {
    width: 24rem;
    height: 8.3rem;
  }
  .check-list > .checkItem:not(:nth-of-type(4n)) {
    margin: 0 1.3rem 0 0;
  }
  .check-list > .checkItem:nth-of-type(n+5) {
    margin-top: 1.3rem;
  }
}

/* =================================================
  # store-detail
  ================================================*/
.d-payment-list .listBody p {
  font-weight: bold;
  line-height: 1;
  padding: 2.7rem 0 2.5rem;
}

.d-payment-list .listBody p:first-of-type {
  padding: 2.7rem 0 0;
}

.d-payment-list .listBody dl.-rara dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px 30px;
}

.d-payment-list .listBody dl.-rara dd img {
  width: 150px;
  height: auto;
}

.d-payment-list .listBody dl.-credit dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px 40px;
  margin: 2rem !important;
}

.d-payment-list .listBody dl.-credit dd img {
  width: auto;
  height: 35px;
}

.d-payment-list .listBody dl.-e-money dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px 40px;
  margin: 2rem !important;
}

.d-payment-list .listBody dl.-e-money dd img {
  width: auto;
  height: 35px;
}

.d-payment-list .listBody dl.-b-pay dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px 40px;
  margin: 2rem !important;
}

.d-payment-list .listBody dl.-b-pay dd img {
  width: auto;
  height: 35px;
}

.d-services-list .listBody {
  padding: 0 40px;
}

.d-services-list .listBody .listItem {
  padding: 0;
  margin: 0;
  position: relative;
}

.d-services-list .listBody .listItem.-b-services {
  margin: 30px 0 30px;
}

.d-services-list .listBody .listItem.-b-services li {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 52px 52px;
  list-style: none;
}

.d-services-list .listBody .listItem.-b-services figure {
  display: inline-block;
  width: 110px;
}

.d-services-list .listBody .listItem.-b-services figure img {
  display: inline-block;
  max-width: 110px;
  max-height: 110px;
}

.d-services-list .listBody .listItem.-b-services figure figcaption {
  text-align: center;
  font-size: 13px;
}

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

  .d-payment-list .listBody dl.-rara dd {
    justify-content: flex-start;
    margin: 2rem 0 !important;
    gap: 25px 25px;
  }

  .d-payment-list .listBody dl.-rara dd img {
    width: 115px;
    height: auto;
  }

  .d-payment-list .listBody dl.-credit dd {
    margin: 2rem 0 !important;
    gap: 25px 25px;
  }

  .d-payment-list .listBody dl.-credit dd img {
    width: 70px;
    height: auto;
  }

  .d-payment-list .listBody dl.-e-money dd {
    margin: 2rem 0 !important;
    gap: 25px 25px;
  }
  
  .d-payment-list .listBody dl.-e-money dd img {
    width: auto;
    height: 35px;
  }
  
  .d-payment-list .listBody dl.-b-pay dd {
    margin: 2rem 0 !important;
    gap: 25px 25px;
  }
  
  .d-payment-list .listBody dl.-b-pay dd img {
    width: 70px;
    height: auto;
  }
  
  .d-services-list .listBody {
    padding: 0;
  }
  
  .d-services-list .listBody li {
    gap: 25px 25px !important;
  }
  
  .d-services-list .listBody li figure {
    display: inline-block;
    width: 80px !important;
  }
  
  .d-services-list .listBody li figure img {
    max-width: 80px !important;
    max-height: 80px !important;
  }
}

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

  .d-sec > .inner > .detailBox {
    flex-direction: column;
  }

  .d-sec > .inner > .detailBox .d-flyer-box {
    width: 100%;
    height: auto;
  }

  .d-sec > .inner > .detailBox .d-flyer-box .heading {
    font-size: 18px;
  }
}

  .d-payment-list .listBody>.listItem dd {
    justify-content: flex-start;
  }

  .d-payment-list .listBody>.listItem dd figure {
    width: 50px;
    margin-inline-end: 20px;
  }

  .d-payment-list .listBody>.listItem.-credit dd figure {
    margin-inline-end: 20px;
  }

  .d-sec>.inner>.detailBox>.subWrap.-address>.detailItem {
    margin-block-start: 20px;
  }

.d-sns-box .iconList {
  padding-inline: 0;
}

.d-sns-box .iconList ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline-start: 0;
}

.d-sns-box .iconList ul li {
  list-style: none;
  margin-inline-end: 45px;
}

.d-sns-box .iconList ul li:last-of-type {
  margin-inline-end: 0;
}

@media screen and (max-width: 767px) {
  .d-sns-box .iconList ul {
    justify-content: space-evenly;
  }

  .d-sns-box .iconList ul li {
    margin-inline-end: 0;
  }
}

.d-modal>.modalOverlay>.modalBody.-myStore {
  max-width: 300px;
  max-height: 200px;
  border-radius: 10px;
}

.d-modal>.modalOverlay>.modalBody>header>.headding.-myStore {
  font-size: 18px !important;
  text-align: center;
}

.d-modal>.modalOverlay>.modalBody>.modalContent.-myStore {
  display: grid;
  place-items: center;
  padding: 0 4rem;
  margin: 2rem 0 0;
  box-sizing: border-box;
  height: 100%;
  background: #fff;
  overflow-y: auto;
}
.modalContent button{-webkit-appearance: none;outline: none;}

@media screen and (min-width: 769px) {
  .d-modal>.modalOverlay>.modalBody.-myStore {
    max-width: 300px;
    max-height: 250px;
    border-radius: 10px;
  }

  .d-modal>.modalOverlay>.modalBody>header>.headding.-myStore {
    font-size: 18px !important;
    text-align: center;
  }

  .d-modal>.modalOverlay>.modalBody>.modalContent.-myStore {
    display: grid;
    place-items: center;
    padding: 0 4rem;
    margin: 2rem 0 0;
    box-sizing: border-box;
    height: 100%;
    background: #fff;
  }
}

.sitemap * {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  max-width: 800px;
}

.sitemap a {
  display: inline-block;
  text-decoration: none;
  color: var(--color-txt);
}

@media screen and (max-width: 743px) {
  .sitemap a {
    font-size: 0.9em;
  }
}

.sitemap>ol>li>a {
  display: none;
}

.sitemap>ol>li>ol>li>a {
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
}

@media screen and (max-width: 743px) {
  .sitemap>ol>li>ol>li>a {
    font-size: 1em;
  }
}

.sitemap>ol>li>ol>li>a::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1.5rem;
  position: absolute;
  right: -1.5em;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
}

.sitemap>ol>li>ol>li {
  border-bottom: #eee 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.sitemap>ol>li>ol>li>ol {
  margin-left: 1em;
}

.default-btn {
  text-align: center;
}

.b-parts .parts-item .default-btn a,
.d-parts.-p10 .default-btn a {
  width: auto;
  height: auto;
  min-width: 90%;
  display: inline-block;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
}

.d-parts.-p10 .body *+.default-btn.-sizeS {
  width: auto;
}

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

  .b-parts .parts-item .default-btn a,
  .d-parts.-p10 .default-btn a,
  .b-parts.-p24-3 .parts-item .default-btn>a {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem
  }

  .b-parts.-p24-5 .parts-item .default-btn>a {
    min-width: 100%;
    border-radius: 10rem;
    height: auto;
  }
}

@media screen and (min-width: 1000px) {
  .b-parts.-p24-5 .parts-item {
    padding: 4rem;
  }
}

.b-parts.-p24-3 .parts-item .default-btn {
  width: auto;
}

.b-parts.-p24-5 .parts-item {
  padding: 3.4rem;
}

.recipemvBox,
.js-recipe-slider {
  position: relative;
}

.recipemvBox .creditTxt,
.js-recipe-slider .creditTxt {
  color: var(--color-accent02);
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
  position: absolute;
  top: 21px;
  right: 14px;
  line-height: 1;
  font-size: 13px;
}

@media screen and (min-width: 744px) {

  .recipe-desc .recipeItem:first-of-type {
    padding-right: 15px;
  }

  .recipe-desc .recipeItem:last-of-type {
    padding-left: 15px;
  }

  .recipe-box .body>p {
    padding: 0 19px;
    font-size: 1.8rem;
    min-height: 8.7rem;
  }

}

.click-btn.-onlineShop>p a {
  text-decoration: none
}

/* =================================================
  # 株価表示
  ================================================*/
.h-parts.-p3-1 {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.h-parts.-p3-1 .mvBox {
  font-size: 3.7rem;
  height: 44rem;
  overflow: hidden;
  position: relative;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.h-parts.-p3-1 .body {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.h-parts.-p3-1 .body>.headdingTxt {
  font-weight: normal;
  font-size: 4.3rem;
  letter-spacing: 0.17em;
  color: #fff;
  width: 100%;
}

.h-parts.-p3-1 .mvBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0 auto 0;
}

.h-parts.-p3-1 .stockPrice>.desc p {
  display: flex;
  align-items: center;
  font-size: 2.6rem;
  white-space: nowrap;
  line-height: 1;
  position: relative;
}

.h-parts.-p3-1 .stockPrice>.desc p {
  padding: 0 2.5rem;
  display: flex;
  align-items: center;
  font-size: 2.6rem;
  white-space: nowrap;
  line-height: 1;
  position: relative;
}

.h-parts.-p3-1 .stockPrice>.desc p>span {
  margin-left: 2rem;
  display: flex;
  align-items: center;
  font-size: 4.5rem;
  font-weight: bold;
  color: var(--color-txt02);
}

.h-parts.-p3-1 .stockPrice>.desc p>span>span {
  font-size: 2.1rem;
  display: inline;
  color: var(--color-txt02);
}

.h-parts.-p3-1 .stockPrice::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.h-parts.-p3-1 .stockPrice {
  width: 68.5rem;
  height: 19rem;
  margin: 0 auto 0;
  position: relative;
}

.h-parts.-p3-1 .stockPrice>.headding {
  height: 9.5rem;
  display: block;
  align-items: center;
  font-size: 3.4rem;
  font-weight: bold;
  position: relative;
  z-index: 2;
}

.h-parts.-p3-1 .stockPrice>.headding>span {
  display: block;
  font-weight: normal;
  font-size: 2.1rem;
  margin-left: 0;
}

.h-parts.-p3-1 .stockPrice>.desc {
  position: relative;
  z-index: 2;
  height: 9.5rem;
  display: flex;
}

.h-parts.-p3-1 .stockPrice>.desc>* {
  width: 50%;
}

.h-parts.-p3-1 .headding {
  border-right: 1px solid rgb(0 0 0 / 20%);
}

.h-parts.-p3-1 .stockPrice>.desc::before {
  display: none;
}

.h-parts.-p3-1 .stockPrice>.desc p>span {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: var(--color-txt02);
}

.h-parts.-p3-1 .stockPrice>.desc>* {
  width: 50%;
}

.h-parts.-p3-1 .stockPrice>.desc p {
  display: flex;
  align-items: center;
  white-space: nowrap;
  line-height: 1;
  position: relative;
}

.h-parts.-p3-1 .stockPrice>.desc p {
  padding: 0 2.5rem;
  display: flex;
  align-items: center;
  font-size: 2.6rem;
  white-space: nowrap;
  line-height: 1;
  position: relative;
}

.h-parts.-p3-1 .stockPrice>.desc p:nth-of-type(2)::before {
  display: none;
}



@media screen and (max-width: 743px) {
  .h-parts.-p3-1 .stockPrice {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10rem 0;
  }

  .h-parts.-p3-1 .stockPrice>.desc {
    display: inline-table;
    padding: 0 0 0 2rem;
  }

  .h-parts.-p3-1 .stockPrice>.desc p {
    margin-top: 0.3rem;
  }

  .h-parts.-p3-1 .stockPrice>.headding {
    display: inline-table;
    padding: 2rem 2.5rem 2rem 2rem;
  }
}


@media screen and (min-width: 744px) {
  .h-parts.-p3-1 .body>.headdingTxt {
    font-size: 3.7rem;
  }

  .h-parts.-p3-1 .stockPrice>.headding {
    display: inline-table;
  }

  .h-parts.-p3-1 .stockPrice>.headding>span {
    font-size: 1.3rem;
    margin-left: 0;
  }

  .h-parts.-p3-1 .stockPrice>.desc {
    display: block;
  }

  .h-parts.-p3-1 .stockPrice>.desc p {
    padding: 0 1rem 0.3rem 1.9rem;
    font-size: 1.5rem;
    width: 21rem;
    justify-content: space-between;
  }

  .h-parts.-p3-1 .stockPrice>.desc p>span {
    margin-left: 1rem;
    font-size: 2.7rem;
  }

  .h-parts.-p3-1 .stockPrice>.desc p>span>span {
    font-size: 1.3rem;
  }
}


@media screen and (min-width: 744px) and (max-width: 999px) {
  .h-parts.-p3-1 .stockPrice {
    display: flex;
    width: 100%;
    margin-top: 2rem;
    justify-content: center;
    align-items: center;
  }

  .h-parts.-p3-1 .stockPrice>.headding {
    padding: 2rem 4.5rem 2.5rem 0rem;
  }

  .h-parts.-p3-1 .stockPrice>.headding>span {
    font-size: 1.7rem;
  }

  .h-parts.-p3-1 .stockPrice>.desc {
    display: inline-table;
  }

  .h-parts.-p3-1 .stockPrice>.desc p {
    font-size: 2rem;
    width: 32rem;
    padding: 0 1rem 0.3rem 3.9rem;
  }

  .h-parts.-p3-1 .stockPrice>.desc p>span {
    font-size: 3.7rem;
  }

}

@media screen and (min-width: 1000px) {
  .h-parts.-p3-1 .mvBox {
    max-height: 21.5rem;
  }

  .h-parts.-p3-1 .body {
    padding: 0 25px;
    max-width: 1000px;
  }

  .h-parts.-p3-1 .body>.headdingTxt {
    width: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }

  .h-parts.-p3-1 .stockPrice {
    width: 42rem;
    height: 70%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: flex;
    align-items: center;
  }

  .h-parts.-p3-1 .stockPrice>.headding {
    font-size: 2.4rem;
    display: block;
  }

  .h-parts.-p3-1 .stockPrice>.desc {
    height: 8.5rem;
    display: block;
  }
}


.js-default-slider a,.db-parts .partsItem > span, .card_bg{
	height: 0;
	display: block;
	background-color: #FFF;
	overflow: hidden;
	position: relative;
	padding-bottom: 75%; /* 高さを指定（ボックスの横幅を基準） */
}
.js-default-slider a img ,.db-parts .partsItem > span img,.card_bg img{
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	/*object-fit: scale-down;*/
	font-family: 'object-fit: scale-down;';
	position: absolute;
	left: 0;
	top: 0;
    object-fit: cover;
    object-position: top;
}

/*@media screen and (min-width: 744px){
.d-header .function-frame > .inner > .siteLogo img{
    max-height: 64px
}
}*/
.DBParts2-1 .body p {
  width: 100%;
  display: block;
  text-align: justify;
  color: #444444;
  margin-left: 42px;
}
.DBParts2-1 .body img{
    margin-right: auto!important
}
@media screen and (max-width: 743px) {
  .DBParts2-1 .body p {
    margin-top: 5rem;
    line-height: 1.88;
    margin-left: 0;
  }
}
.align-items-center{
    align-items: center;
}

.mtParts6-1 .partsItem{
    margin-bottom: 0.6rem;
}

@media screen and (min-width: 1000px) {
.mtParts6-1 .col-box.-col04 .partsItem:nth-of-type(4n + 1){
    margin-left: 0;    
}
}

/*
  Arcs App.
*/
.arcs-app .d-header { display: none; }
.arcs-app .breadcrumb { display: none; }
.arcs-app main.d-main.-blockParts { margin-top: 0; }
.arcs-app #storeSearch { display: none; }
.arcs-app .d-footer { display: none; }
.arcs-app a[href="../../../../recipe/index.html"] { display: none; }

/*
  編集画面で端のスライドでクリックできないため、「＜」「＞」画像の上に表示
*/
#vcbody-wrapper .top-parts.-p1-1 .swiper-wrapper {
  z-index: 5;
}
.no-info-message{
	text-align: center;
}