@charset "UTF-8";
@import url("fontawesome.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css");
@import url("slick.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanmp.min.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900|Noto+Serif+JP:400,500,700,900|Roboto+Condensed:400i,700,700i|Roboto:300,400,500,700&display=swap");
/*#28a745*/
#page-top {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* reset
----------------------------------------------------------------------------------*/
html, body, #wrapper {
  width: 100%;
  max-height: 100%;
}

body {
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1;
  word-break: break-all;
  font-display: swap;
  font-weight: 400;
  color: #313131;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem;
}

h1, h2, h3, h4, h5, h6, p, span, em, b, i, dl, dt, dd, ol, ul, li, tr, th, td, div {
  letter-spacing: 0.075em;
  font-feature-settings: "palt" 1;
}

ul li, ol li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem;
}

p, p a, div, ul, ol, li, li a, dl, dt, dt a, dd, dd a, section, span, em, i, strong, b {
  box-sizing: border-box;
}

i {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, strong, b {
  font-size: 100%; /*font-weight: normal;*/
}

h1, h2, h3, h4, h5, h6, p, span, em, b, i, dl, dt, dd, ol, ul, li, tr, th, td {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: baseline;
  background: transparent;
}

div, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small, sub, sup, var, fieldset, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%; /*font-weight: normal;*/
  vertical-align: baseline;
  background: transparent;
}

img {
  vertical-align: top;
  line-height: 0;
  -webkit-backface-visibility: hidden;
}

#wrapper img {
  width: 100%;
  height: auto;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, div, address, iframe, canvas, hr, textarea {
  display: block; /*  line-height: 1;*/
}

a, label {
  cursor: pointer;
}

blockquote {
  padding: 0;
  margin: 0;
  display: block;
}

address, em {
  font-style: normal;
}

hr {
  border: 0;
  margin: 0;
  padding: 0;
}

ul, ol, li {
  list-style: none;
}

table {
  border-collapse: collapse;
}

/*Android、Xperiaで途中改行されるバグfix*/
/*p { background-image:url(1px-transparent.gif);}*/
.flexImg {
  overflow: hidden;
  position: relative;
}

.flexImg img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}

/* hover
----------------------------------------------------------------------------------*/
a, a:link, a:visited {
  color: #e60000;
  text-decoration: none;
  outline: none;
  transition: 0.5s;
  display: inline-block;
}

a:hover {
  color: rgba(230, 0, 0, 0.5);
  text-decoration: none;
}

a img {
  transition: 0.5s;
}

a:hover img {
  opacity: 0.7;
}

*::-moz-selection {
  background: rgba(75, 52, 33, 0.5);
  color: #fff;
}

*::selection {
  background: rgba(75, 52, 33, 0.5);
  color: #fff;
}

/*  */
.mt1 {
  margin-top: 1rem;
}

.mt2 {
  margin-top: 2rem;
}

.mt3 {
  margin-top: 3rem;
}

.mb1 {
  margin-bottom: 1rem;
}

.mb2 {
  margin-bottom: 2rem;
}

.mb3 {
  margin-bottom: 3rem;
}

/* -------------------------------
  PCのみの設定
------------------------------- */
@media print, screen and (min-width:768px) {
  .sp, .spOnly, .tbOnly {
    display: none !important;
  }
  .pc, .pc-tb {
    display: inline-block !important;
    vertical-align: top !important;
  }
  .pc-sp {
    display: inline-block !important;
    vertical-align: top !important;
  }
  /* スマホのみtellink有効（init.jsにも要設定） */
  a[href^="tel:"] {
    cursor: default;
  }
}
/* -------------------------------
タブレットのみの設定
------------------------------- */
@media screen and (min-width:600px) and (max-width:959px) {
  /*.pc,.spOnly{ display:none !important; margin:0; padding:0; width:0; height:0;}
  .sp,.tbOnly,.pc-tb{ display:inline-block !important; vertical-align:top !important;}
  .pc-sp{ display:none !important; margin:0; padding:0; width:0; height:0;}*/
}
/* --------------------------------------------------------------
スマホのみの設定
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .pc, .tbOnly, .pc-tb {
    display: none !important;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
  }
  .sp, .spOnly {
    display: inline-block !important;
    vertical-align: top !important;
  }
  .pc-sp {
    display: inline-block !important;
    vertical-align: top !important;
  }
}
/* --------------------------------------------------------

                         layout

-------------------------------------------------------- */
/* メイン設定 */
#wrapper {
  text-align: center;
  background: #fff; /*overflow: hidden;*/
}

.inner {
  width: 1100px;
  margin: auto;
}

#container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

#contents {
  width: 830px;
}

.basic {
  padding: 40px 0 100px;
}
.basic .inner {
  width: 1000px;
}

/* header */
header {
  padding-bottom: 50px;
}
header #header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}
header #header h1, header #header #h01 {
  width: 350px;
}
header #header .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header #header .info .freedial {
  width: 290px;
  margin-right: 10px;
}
header #header .info .fax {
  width: 270px;
  margin-right: 13px;
}
header #header .info .add {
  width: 150px;
}

.freedial a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  color: #313131;
}
.freedial a i {
  width: 32px;
  margin-right: 8px;
  margin-top: 0px;
}
.freedial a em {
  font-family: "Roboto", sans-serif;
  font-size: 39px;
  font-size: 2.4375rem;
  line-height: 2.4375rem;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.freedial a span {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.2375rem;
  display: block;
  text-align: center;
  width: 100%;
}

.tel em, .fax em {
  display: block;
  background: #925da3;
  color: #fff;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.2375rem;
  border-radius: 20px;
  margin-bottom: 6px;
}
.tel span, .fax span {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #925da3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: flex-start;
}
.tel span small, .fax span small {
  font-size: 80%;
  margin-right: 6px;
  margin-top: 1.25%;
}
.tel span i, .fax span i {
  border: 1px solid #925da3;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 0.6875rem;
  margin-left: 10px;
  padding: 1px 4px;
  text-align: center;
}

.add {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: left;
  letter-spacing: 0;
}
.add em {
  display: block;
  letter-spacing: 0;
}
.add em span {
  display: block;
  letter-spacing: 0;
}

.breadList {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}
.breadList li {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35rem;
}
.breadList li:not(:last-child)::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  padding: 0 6px;
  font-size: 70%;
  line-height: 1;
}
.breadList li a {
  color: inherit;
}
.breadList li a:hover {
  color: #e60000;
}

@media print, screen and (min-width:768px) {
  .drawer-hamburger {
    display: none !important;
  }
  .drawer-nav {
    top: auto !important;
    background: none !important;
    position: relative !important;
  }
  /* gNav*/
  nav#grobalNav {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 500;
  }
  nav#grobalNav, nav#fNav {
    background: linear-gradient(to bottom, rgb(242, 0, 57) 0%, rgb(208, 0, 1) 100%);
    height: 50px;
  }
  nav#grobalNav.fixed, nav#fNav.fixed {
    position: fixed;
    top: 0;
  }
  .drawer-nav { /*position: relative;*/
    overflow: visible;
  }
  ul.drawer-menu, #fNav .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    *zoom: 1;
  }
  ul.drawer-menu::before, ul.drawer-menu::after, #fNav .inner::before, #fNav .inner::after {
    content: "";
    display: table;
  }
  ul.drawer-menu::after, #fNav .inner::after {
    clear: both;
    content: "";
    width: 1px;
    height: 30px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    left: 100%;
  }
  ul.drawer-menu li, #fNav .inner li {
    height: 100%;
    font-family: "YakuHanMP", "Noto Serif JP", serif;
    font-weight: 600;
    letter-spacing: 0;
    position: relative;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4625rem;
    white-space: nowrap;
  }
  ul.drawer-menu li::before, #fNav .inner li::before {
    content: "";
    width: 1px;
    height: 30px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    left: 0;
    z-index: 0;
  }
  ul.drawer-menu li a, #fNav .inner li a {
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 12px;
    position: relative;
    z-index: 5;
  }
  ul.drawer-menu li a:hover, #fNav .inner li a:hover {
    opacity: 0.7;
  }
  ul.drawer-menu li a:hover img, #fNav .inner li a:hover img {
    opacity: 1;
  }
  ul.drawer-menu li.osechi, ul.drawer-menu li.shoes, ul.drawer-menu li.fashion, #fNav .inner li.osechi, #fNav .inner li.shoes, #fNav .inner li.fashion {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
  }
  ul.drawer-menu li.osechi a, ul.drawer-menu li.shoes a, ul.drawer-menu li.fashion a, #fNav .inner li.osechi a, #fNav .inner li.shoes a, #fNav .inner li.fashion a {
    padding: 9px 14px;
  }
  ul.drawer-menu li.osechi i, ul.drawer-menu li.shoes i, ul.drawer-menu li.fashion i, #fNav .inner li.osechi i, #fNav .inner li.shoes i, #fNav .inner li.fashion i {
    position: absolute;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }
  ul.drawer-menu li, #fNav .inner li {
    /*&.osechi a{ padding-left: 67px;}
    &.osechi i{ width:64px; left: -1px;}
    &.shoes a{ padding-left: 62px;}
    &.shoes i{ width:48px; left: 6px;}
    &.fashion a{ padding-left: 62px;}
    &.fashion i{ width:48px; left: 8px;}*/
  }
  ul.drawer-menu li.osechi a, #fNav .inner li.osechi a {
    padding-left: 67px;
  }
  ul.drawer-menu li.osechi i, #fNav .inner li.osechi i {
    width: 70px;
    left: -5px;
  }
  ul.drawer-menu li.shoes a, #fNav .inner li.shoes a {
    padding-left: 62px;
  }
  ul.drawer-menu li.shoes i, #fNav .inner li.shoes i {
    width: 48px;
    left: 1px;
  }
  ul.drawer-menu li.fashion a, #fNav .inner li.fashion a {
    padding-left: 70px;
  }
  ul.drawer-menu li.fashion i, #fNav .inner li.fashion i {
    width: 65px;
    left: 0px;
  }
  ul.drawer-menu li.order, #fNav .inner li.order {
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    cursor: pointer;
  }
  ul.drawer-menu li.order b, #fNav .inner li.order b {
    font-weight: inherit;
  }
  ul.drawer-menu li.order em,
  ul.drawer-menu li.order span, #fNav .inner li.order em,
  #fNav .inner li.order span {
    display: block;
  }
  ul.drawer-menu li, #fNav .inner li {
    /*&::before{ content: ""; width: 0%; height: 1px; background: #17359a; position: absolute; bottom: 0px; left: 0; right: 0; margin: auto; transition: 0.25s;}*/
  }
  ul.drawer-menu li ul, #fNav .inner li ul {
    z-index: 9999;
    top: calc(100% + 0px);
    padding: 0;
    width: 180px !important;
    line-height: 1.8;
    background: white !important;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto !important;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  ul.drawer-menu li ul li, #fNav .inner li ul li {
    width: 100% !important;
    position: relative;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.1375rem;
    text-indent: 0px;
    white-space: nowrap;
    letter-spacing: 0em;
  }
  ul.drawer-menu li ul li:not(:last-child)::after, #fNav .inner li ul li:not(:last-child)::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
    display: block;
  }
  ul.drawer-menu li ul li::before, #fNav .inner li ul li::before {
    content: none;
  }
  ul.drawer-menu li ul li a, #fNav .inner li ul li a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 7px 0px !important; /* background: rgba($subColor,0.1);*/
    color: #e60000;
  }
  ul.drawer-menu li ul li a::after, #fNav .inner li ul li a::after {
    top: calc(100% - 2px) !important;
  }
  ul.drawer-menu li ul li a:hover, #fNav .inner li ul li a:hover {
    text-decoration: none; /*opacity:0.6;*/
    color: #e60000;
    background: rgba(230, 0, 0, 0.1);
  }
  ul.drawer-menu li ul li::before, ul.drawer-menu li ul li a:after, #fNav .inner li ul li::before, #fNav .inner li ul li a:after {
    content: none !important;
  }
  ul.drawer-menu li:hover ul, #fNav .inner li:hover ul { /* padding:10px 15px 10px;*/
    box-sizing: border-box;
    width: 100%;
    /*-webkit-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.075); -moz-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.075); box-shadow:inset 0px 0px 7px rgba(0,0,0,0.075);*/
  }
  ul.drawer-menu li, #fNav .inner li {
    /* 広がるように */
  }
  ul.drawer-menu li ul li, #fNav .inner li ul li {
    overflow: hidden;
    height: 0;
    transition: 0.25s;
    opacity: 0;
  }
  ul.drawer-menu li:hover ul li, #fNav .inner li:hover ul li {
    overflow: visible;
    height: 50px;
    opacity: 1;
  }
}
/* サイドナビ */
#sideNav {
  width: 220px;
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 70px;
  height: 100%;
}
#sideNav .toggle {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  font-weight: 400;
  text-align: right;
  letter-spacing: 0;
  cursor: pointer;
  padding: 6px 0;
}
#sideNav .toggle i {
  padding-left: 5px;
  position: relative;
  top: 0;
  transition: 0.25s;
}
#sideNav .toggle:hover i {
  top: 2px;
}
#sideNav .toggle.open i {
  transform: rotate(180deg);
  padding-right: 5px;
  padding-left: 0px;
}
#sideNav .toggle.open:hover i {
  top: -2px;
}
#sideNav .osechiBnr {
  margin-bottom: 20px;
}
#sideNav .list {
  text-align: left;
  margin-bottom: 30px;
}
#sideNav .list a {
  color: #313131;
}
#sideNav .list a:hover {
  color: #e60000;
}
#sideNav .list .tit {
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6875rem;
  letter-spacing: 0;
  font-weight: 500;
  border-bottom: 2px solid #333;
  white-space: nowrap;
  margin-bottom: 2px;
}
#sideNav .list .tit a {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  padding: 5px 0 5px 38px;
  position: relative;
}
#sideNav .list .tit i {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
}
#sideNav .list ul {
  display: flex;
  flex-direction: column;
}
#sideNav .list ul li {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3rem;
  letter-spacing: 0;
  display: flex;
  justify-content: space-between;
  /*min-height: 50px;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
}
#sideNav .list ul li a {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 0;
}
#sideNav .list ul li b {
  width: 65px;
}
#sideNav .list ul li span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.575rem;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
}
#sideNav .list ul li span small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.05rem;
  display: block;
}
#sideNav .list.osechi .tit {
  border-bottom-color: #d90000;
}
#sideNav .list.osechi .tit i {
  width: 38px;
  left: -3px;
  top: 6px;
}
#sideNav .list.osechi .toggle i {
  color: #d90000;
}
#sideNav .list.osechi ul li {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3rem;
  min-height: 60px;
}
#sideNav .list.osechi ul li a {
  padding: 5px 0;
}
#sideNav .list.osechi ul li .no1 {
  width: 30px;
  top: 0px;
  left: -12px;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
  position: absolute;
}
#sideNav .list.osechi ul li .no1 img {
  width: 100% !important;
}
#sideNav .list.osechi ul li.chazuke span {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.125rem;
}
#sideNav .list.osechi ul li.hakata img, #sideNav .list.osechi ul li.hakatanishiki img, #sideNav .list.osechi ul li.chiyo img, #sideNav .list.osechi ul li.iwaiakaju img, #sideNav .list.osechi ul li.akasaka img, #sideNav .list.osechi ul li.houjubako img {
  width: 55px;
}
#sideNav .list.osechi ul li.hatsuakaju img, #sideNav .list.osechi ul li.sakurazaka img, #sideNav .list.osechi ul li.takasago img, #sideNav .list.osechi ul li.maizuru img, #sideNav .list.osechi ul li.kasuga img, #sideNav .list.osechi ul li.chazuke img {
  width: 46px;
}
#sideNav .list.shoes .tit {
  border-bottom-color: #925da3;
}
#sideNav .list.shoes .tit i {
  width: 36px;
  left: -5px;
  top: -2px;
}
#sideNav .list.shoes .toggle i {
  color: #925da3;
}
#sideNav .list.fashion .tit {
  border-bottom-color: #4b3421;
}
#sideNav .list.fashion .tit i {
  width: 34px;
  left: -4px;
  top: -2px;
}
#sideNav .list.fashion .toggle i {
  color: #4b3421;
}
#sideNav .info {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: 0 15px 18px;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
#sideNav .info .t {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.225rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e60000;
  color: #fff;
  border-radius: 30px;
  padding: 5px 25px;
  white-space: nowrap;
  margin: -23px auto 12px;
}
#sideNav .info .freedial {
  margin-bottom: 15px;
}
#sideNav .info .freedial a i {
  width: 21px;
  margin-right: 6px;
  line-height: 1;
}
#sideNav .info .freedial a em {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
#sideNav .info .freedial a span {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.03125rem;
  margin-top: 5px;
}
#sideNav .info .fax {
  margin-bottom: 10px;
}
#sideNav .info .fax em {
  background: #fff;
  color: #925da3;
  border: 1px solid #925da3;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.2375rem;
  border-radius: 0px;
  margin-bottom: 6px;
}
#sideNav .info .fax span {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #313131;
}
#sideNav .info .fax span small {
  font-size: 80%;
  margin-right: 6px;
  margin-top: 1.25%;
}
#sideNav .info .fax span:nth-of-type(2) {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.40625rem;
  margin-top: 5px;
  flex-direction: column;
  align-items: flex-start;
}
#sideNav .info .fax span:nth-of-type(2) a {
  color: #313131;
}
#sideNav .info .fax span:nth-of-type(2) a:hover {
  color: #d90000;
}
#sideNav .info .fax span:nth-of-type(2) small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
}
#sideNav .info .form {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
  margin-bottom: 20px;
}
#sideNav .info .form i {
  margin-left: 3px;
  margin-bottom: -1.5%;
}
#sideNav .info .form a {
  background: #fff;
  color: #e60000;
  border: 1px solid #e60000;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3px 0;
}
#sideNav .info .form a:hover {
  background: #e60000;
  color: #fff;
}
#sideNav .info .add {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: left;
  letter-spacing: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 18px;
}
#sideNav .info .add img {
  margin-bottom: 10px;
}

#osechi #sideNav .osechi .toggle,
#fashion #sideNav .fashion .toggle,
#shoes #sideNav .shoes .toggle {
  display: none;
}
#osechi #sideNav .osechi ul,
#fashion #sideNav .fashion ul,
#shoes #sideNav .shoes ul {
  display: block !important;
}

#sideNav .osechiBnr {
  display: none;
}

#osechi #sideNav .osechiBnr {
  display: none;
}

#fashion #sideNav .osechiBnr {
  order: 0;
}
#fashion #sideNav .osechi {
  order: 3;
}
#fashion #sideNav .fashion {
  order: 1;
}
#fashion #sideNav .shoes {
  order: 2;
}
#fashion #sideNav .info {
  order: 4;
}

#shoes #sideNav .osechiBnr {
  order: 0;
}
#shoes #sideNav .osechi {
  order: 3;
}
#shoes #sideNav .fashion {
  order: 2;
}
#shoes #sideNav .shoes {
  order: 1;
}
#shoes #sideNav .info {
  order: 4;
}

/* ページ下部共通ショッピングガイドとショッピングガイドページ */
#shoppingguide a {
  color: inherit;
}
#shoppingguide a:hover {
  color: #e60000;
}

#shoppingguide, #guidance {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 40px 0;
}
#shoppingguide article.basic a, #guidance article.basic a {
  color: inherit;
}
#shoppingguide .tit, #guidance .tit {
  background: linear-gradient(to bottom, rgb(242, 0, 57) 0%, rgb(208, 0, 1) 100%);
  color: #fff;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 2.3625rem;
  padding: 2px 0;
  width: 100%;
  margin-bottom: 30px;
}
#shoppingguide .list, #guidance .list {
  width: 32%;
  text-align: left;
}
#shoppingguide .list .t, #guidance .list .t {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem;
  border-left: 1px solid #e60000;
  background: #fdedee;
  font-weight: 500;
  padding: 3px 10px;
  margin-bottom: 10px;
}
#shoppingguide .list .t:not(:first-child), #guidance .list .t:not(:first-child) {
  margin-top: 30px;
}
#shoppingguide .list .read, #guidance .list .read {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
}
#shoppingguide .list .read.blue, #guidance .list .read.blue {
  color: #267CC3;
}
#shoppingguide .list ul, #guidance .list ul {
  margin-top: 10px;
}
#shoppingguide .list ul.order li:not(:last-child), #guidance .list ul.order li:not(:last-child) {
  margin-bottom: 5px;
}
#shoppingguide .list ul.order li.form a, #guidance .list ul.order li.form a {
  color: #e60000;
  border-bottom: 2px dotted #e60000;
}
#shoppingguide .list ul.order li.form i, #guidance .list ul.order li.form i {
  color: #e60000;
  margin-left: 3px;
}
#shoppingguide .list ul.send li, #guidance .list ul.send li {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
}
#shoppingguide .list ul.send li em, #guidance .list ul.send li em {
  width: 150px;
}
#shoppingguide .list ul.send li span, #guidance .list ul.send li span {
  width: 60px;
  text-align: right;
}
#shoppingguide .list ul li, #guidance .list ul li {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  display: block;
}
#shoppingguide .list ul li .wayTit, #guidance .list ul li .wayTit {
  font-weight: 500;
}
#shoppingguide .list ul li .wayTit::before, #shoppingguide .list ul li em::before, #guidance .list ul li .wayTit::before, #guidance .list ul li em::before {
  content: "●";
  color: #e60000;
}
#shoppingguide .list small, #guidance .list small {
  display: block;
  font-size: 80%;
}
#shoppingguide .list strong, #guidance .list strong {
  font-weight: 400;
  font-size: 120%;
  display: block;
}
#shoppingguide .list .logo, #guidance .list .logo {
  display: block;
  width: 300px;
  margin-bottom: 10px;
  margin-top: 15px;
  display: none;
}

/* ショッピングガイドページ */
#guidance {
  display: block;
  padding: 0;
}
#guidance .titCmn { /*margin-bottom: 10px !important;*/ }
#guidance .list {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#guidance .list .t {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
  border-left: 3px solid #e60000;
  padding: 6px 20px;
  margin-bottom: 20px;
  margin-top: 30px;
  width: 100%;
}
#guidance .list .t:not(:first-child) {
  margin-top: 50px;
}
#guidance .list .read {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem;
  width: 100%;
}
#guidance .list ul {
  margin-top: 20px;
  width: 100%;
}
#guidance .list ul.order {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#guidance .list ul.order li:not(:last-child) {
  margin-bottom: 20px;
}
#guidance .list ul.order li { /*width: 32%;*/ }
#guidance .list ul.order li .wayTit {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
}
#guidance .list ul.order li.tel .wayTit + p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
}
#guidance .list ul.order li.tel .wayTit + p small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  margin-top: 5px;
}
#guidance .list ul.order li.fax .wayTit + p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
}
#guidance .list ul.order li.fax .wayTit + p small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  margin-top: 5px;
}
#guidance .list ul.order li.form i {
  margin-left: 6px;
}
#guidance .list ul.order li.tel {
  order: 0;
  width: 32%;
}
#guidance .list ul.order li.fax {
  order: 1;
  width: 25%;
}
#guidance .list ul.order li.hagaki {
  order: 4;
  width: 64.5%;
}
#guidance .list ul.order li.form {
  order: 2;
  width: 36%;
}
#guidance .list ul.order li.email {
  order: 3;
}
#guidance .list ul.payment {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
}
#guidance .list ul.payment li:not(:last-child) {
  margin-right: 20px;
}
#guidance .list ul.send {
  display: flex;
  justify-content: space-between;
}
#guidance .list ul.send li {
  display: flex;
  flex-direction: column;
}
#guidance .list ul.send li em {
  width: auto;
  margin-right: 0em;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
}
#guidance .list ul.send li span {
  width: auto;
  text-align: left;
  padding-left: 1em;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
}
#guidance .list ul li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem;
  display: block;
}
#guidance .list small {
  font-size: 80%;
  margin-top: 10px;
}
#guidance .list strong {
  font-size: 120%;
  margin-bottom: 6px;
}
#guidance .list #com.t {
  margin-bottom: 30px;
}
#guidance .list .logo {
  display: block;
  width: 360px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 40px;
}
#guidance .list .logo + .read {
  width: 360px;
}

#guidance #shoppingguide, #voice #shoppingguide, #law #shoppingguide {
  display: none;
}

/* フッター */
footer {
  background: #e60000;
}
footer #footer {
  padding: 15px 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  color: #fff;
  position: relative;
}
footer #footer a {
  color: #fff;
}
footer #footer nav#fNav {
  background: none;
  margin-bottom: 30px;
}
footer #footer .company {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: left; /*width: 290px;*/
  width: 600px;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
}
footer #footer .company .logo {
  width: 300px;
  margin-bottom: 12px;
  margin-right: 20px;
}
footer #footer .info {
  width: 280px;
  margin-right: 80px;
  margin-right: 0;
}
footer #footer .info .freedial {
  margin-bottom: 18px;
}
footer #footer .info .freedial a {
  color: #fff;
}
footer #footer .info .freedial a i {
  width: 30px;
}
footer #footer .info .freedial a em {
  font-size: 37px;
  font-size: 2.3125rem;
  line-height: 2.3125rem;
}
footer #footer .info .freedial a span {
  width: 100%;
}
footer #footer .info .fax em {
  background: #fff;
  color: #313131;
}
footer #footer .info .fax span {
  color: #fff;
}
footer #footer .info .fax span i {
  border-color: #fff;
}
footer #footer .subNav {
  display: flex;
  justify-content: space-between;
  width: 340px;
  margin-bottom: auto;
}
footer #footer .subNav ul {
  text-align: left;
  width: 48.5%;
}
footer #footer .subNav ul li {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  display: block;
}
footer #footer .subNav ul li a {
  color: #fff;
  display: block;
  padding: 3px 0;
}
footer #footer .subNav ul li a:hover {
  opacity: 0.6;
}
footer #footer .law {
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  margin-left: auto;
}
footer #footer .law i {
  font-weight: 400;
  font-size: 80%;
  padding-right: 5px;
}
footer #footer .copyright {
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35rem;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  letter-spacing: 0.1em;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding: 18px 0;
  margin-top: 40px;
}

/* page-top */
#page-top {
  position: fixed;
  bottom: 220px;
  right: 20px;
  z-index: 10;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
#page-top a {
  display: block;
  width: 100%;
  height: 100%;
  background: #e60000;
}
#page-top a:hover {
  opacity: 0.7;
}
#page-top a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  top: calc(50% - 4px);
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
}

/* -------------------------------
  PCのみの設定
------------------------------- */
@media print, screen and (min-width:768px) {
  #spbar, #spmenu {
    display: none !important;
  }
  #mm-menu {
    display: none !important;
  }
  .spMenu span {
    display: none;
  }
}
/* -------------------------------
タブレットのみの設定
------------------------------- */
@media screen and (min-width:600px) and (max-width:959px) {
  /*.spMenu { top: 20% !important;}
  nav#grovalNav #nav ul li{ font-size: 10px !important;}
  nav#grovalNav #nav ul li a{ padding-top:28px !important;}*/
}
/* --------------------------------------------------------------
スマホのみの設定
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  /* --------------------------------------------------------

                           layout

  -------------------------------------------------------- */
  /* メイン設定 */
  #wrapper {
    position: relative;
  }
  .inner {
    width: 90%;
  }
  #container {
    display: flex;
    flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  #contents {
    width: 100%;
  }
  .basic {
    padding: 0px 0 60px;
  }
  .basic .inner {
    width: 100%;
  }
  /* header */
  header {
    padding-bottom: 0;
  }
  header #header {
    display: flex;
    flex-direction: column;
    padding: 15px 0 15px;
  }
  header #header.inner {
    width: 100% !important;
  }
  header #header .info {
    display: none;
  }
  header #header .info .freedial {
    width: 100%;
    margin-right: 0px;
    margin-top: 15px;
  }
  header #header .info .fax {
    display: none;
    width: 270px;
    margin-right: 13px;
  }
  header #header .info .add {
    display: none;
    width: 150px;
  }
  header #header h1, header #header #h01, .drawer-nav .siteid {
    width: 270px;
    position: relative;
    left: -2.5%;
  }
  .drawer-nav .siteid {
    padding: 15px 0;
  }
  .freedial a {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .freedial a i {
    width: 32px;
    margin-right: 8px;
    margin-top: 0px;
  }
  .freedial a em {
    font-size: 39px;
    font-size: 2.4375rem;
    line-height: 2.4375rem;
  }
  .freedial a span {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.2375rem;
    display: block;
    text-align: center;
  }
  .fax em {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.2375rem;
    border-radius: 20px;
    margin-bottom: 6px;
  }
  .fax span {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: flex-start;
  }
  .fax span small {
    font-size: 80%;
    margin-right: 6px;
    margin-top: 1.25%;
  }
  .fax span i {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 0.6875rem;
    margin-left: 10px;
    padding: 1px 4px;
  }
  .add {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .breadList {
    width: 90% !important;
    margin: 0 auto 20px;
    flex-wrap: wrap;
  }
  .breadList li {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.125rem;
    letter-spacing: 0;
  }
  .breadList li:not(:last-child)::after {
    padding: 0 4px;
    font-size: 70%;
  }
  /* サイドナビ */
  #sideNav {
    width: 90%;
    margin: 30px auto 0;
  }
  #sideNav .osechiBnr {
    margin-bottom: 20px;
  }
  #sideNav .list {
    margin-bottom: 30px;
  }
  #sideNav .list .tit {
    border-bottom: 2px solid #333;
    white-space: nowrap;
    margin-bottom: 2px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
  }
  #sideNav .list .tit a {
    padding-bottom: 2px;
    padding-left: 42px;
  }
  #sideNav .list ul li {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.3rem;
    min-height: 60px;
  }
  #sideNav .list ul li a {
    padding: 9px 0;
  }
  #sideNav .list ul li .no1 {
    width: 30px;
    top: 0px;
    left: -12px;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
  }
  #sideNav .list ul li b {
    width: 65px;
  }
  #sideNav .list ul li span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.575rem;
  }
  #sideNav .list ul li span small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.05rem;
  }
  #sideNav .list.osechi ul li a {
    padding: 5px 0;
  }
  #sideNav .list.osechi ul li.chazuke span {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.125rem;
  }
  #sideNav .list.osechi ul li.hakata img, #sideNav .list.osechi ul li.chiyo img, #sideNav .list.osechi ul li.iwaiakaju img, #sideNav .list.osechi ul li.akasaka img {
    width: 55px;
  }
  #sideNav .list.osechi ul li.hatsuakaju img, #sideNav .list.osechi ul li.sakurazaka img, #sideNav .list.osechi ul li.takasago img, #sideNav .list.osechi ul li.maizuru img, #sideNav .list.osechi ul li.chazuke img {
    width: 46px;
  }
  /* サイドナビとドロワーメニュー内info */
  #sideNav .info, .drawer-nav .info {
    border-radius: 10px;
    padding: 0 15px 18px;
    margin-top: 20px;
  }
  #sideNav .info .t, .drawer-nav .info .t {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.225rem;
    border-radius: 30px;
    padding: 5px 25px;
    white-space: nowrap;
    margin: -14px auto 12px;
  }
  #sideNav .info .freedial, .drawer-nav .info .freedial {
    margin-bottom: 15px;
  }
  #sideNav .info .freedial a i, .drawer-nav .info .freedial a i {
    width: 30px;
    margin-right: 8px;
    line-height: 1;
  }
  #sideNav .info .freedial a em, .drawer-nav .info .freedial a em {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 2.375rem;
  }
  #sideNav .info .freedial a span, .drawer-nav .info .freedial a span {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.03125rem;
    margin-top: 5px;
  }
  #sideNav .info .freedial a span br, .drawer-nav .info .freedial a span br {
    display: none !important;
  }
  #sideNav .info .fax, .drawer-nav .info .fax {
    width: 100%;
    margin: 0 auto 10px;
  }
  #sideNav .info .fax em, .drawer-nav .info .fax em {
    width: 90%;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.2375rem;
    border-radius: 0px;
    margin: 0 auto 6px;
  }
  #sideNav .info .fax span, .drawer-nav .info .fax span {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.875rem;
    justify-content: center;
  }
  #sideNav .info .fax span small, .drawer-nav .info .fax span small {
    font-size: 80%;
    margin-right: 6px;
    margin-top: 1.25%;
  }
  #sideNav .info .fax span:nth-of-type(2), .drawer-nav .info .fax span:nth-of-type(2) {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    margin-top: 5px;
    flex-direction: row;
    align-items: baseline;
  }
  #sideNav .info .fax span:nth-of-type(2) small, .drawer-nav .info .fax span:nth-of-type(2) small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-right: 10px;
  }
  #sideNav .info .form, .drawer-nav .info .form {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    margin-bottom: 20px;
    font-weight: 500;
  }
  #sideNav .info .form i, .drawer-nav .info .form i {
    margin-left: 6px;
    margin-bottom: -1.5%;
  }
  #sideNav .info .form a, .drawer-nav .info .form a {
    border-radius: 25px;
    padding: 5px 0;
    background: #e60000;
    color: #fff;
  }
  #sideNav .info .add, .drawer-nav .info .add {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding-top: 18px;
    text-align: center;
    letter-spacing: 0.05em;
  }
  #sideNav .info .add em, .drawer-nav .info .add em {
    letter-spacing: 0.05em;
  }
  #sideNav .info .add em span, .drawer-nav .info .add em span {
    display: inline-block;
    letter-spacing: 0.05em;
    padding-left: 8px;
  }
  #sideNav .info .add img, .drawer-nav .info .add img {
    width: 80% !important;
    margin: 0 auto 10px;
  }
  .drawer-nav .info {
    border-radius: 0px;
    padding: 0px;
    margin: 20px auto 0;
    width: 90%;
  }
  .drawer-nav .info .t {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.225rem;
    border-radius: 0px;
    padding: 5px 25px;
    white-space: nowrap;
    margin: 0px auto 12px;
    border: 1px solid #e60000;
    border-left: none;
    border-right: none;
    color: #e60000;
  }
  .drawer-nav .info .freedial {
    margin-bottom: 15px;
  }
  .drawer-nav .info .freedial a i {
    width: 30px;
    margin-right: 8px;
    line-height: 1;
  }
  .drawer-nav .info .freedial a em {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 2.375rem;
  }
  .drawer-nav .info .freedial a span {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.03125rem;
    margin-top: 5px;
  }
  .drawer-nav .info .freedial a span br {
    display: none !important;
  }
  .drawer-nav .info .fax {
    width: 100%;
    margin: 0 auto 10px;
  }
  .drawer-nav .info .fax em {
    width: 280px;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.2375rem;
    border-radius: 0px;
    margin: 0 auto 8px;
    background: #fff;
    border: 1px solid #925da3;
    color: #925da3;
  }
  .drawer-nav .info .fax span {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.875rem;
    justify-content: center; /*color: $base-font-color;*/
  }
  .drawer-nav .info .fax span small {
    font-size: 80%;
    margin-right: 6px;
    margin-top: 1.25%;
  }
  .drawer-nav .info .fax span:nth-of-type(2) {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    margin-top: 2px;
    flex-direction: row;
    align-items: baseline;
  }
  .drawer-nav .info .fax span:nth-of-type(2) a {
    color: #313131;
  }
  .drawer-nav .info .fax span:nth-of-type(2) small {
    font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 0.75rem;
    margin-right: 10px;
    color: #313131;
  }
  .drawer-nav .info .form {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    margin: 0 auto 20px;
    font-weight: 500;
    width: 280px;
  }
  .drawer-nav .info .form i {
    margin-left: 6px;
    margin-bottom: -1.5%;
  }
  .drawer-nav .info .form a {
    border-radius: 25px;
    padding: 5px 0;
    background: #e60000;
    color: #fff;
    width: 100%;
  }
  .drawer-nav .info .add {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding-top: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
  }
  .drawer-nav .info .add em {
    letter-spacing: 0.05em;
  }
  .drawer-nav .info .add em span {
    display: inline-block;
    letter-spacing: 0.05em;
    padding-left: 8px;
  }
  .drawer-nav .info .add a {
    width: 100%;
    text-align: center;
  }
  .drawer-nav .info .add img {
    width: 235px !important;
    margin: 0 auto 5px;
    display: block;
  }
  /* ページ下部共通ショッピングガイドとショッピングガイドページ */
  #shoppingguide, #guidance {
    padding: 20px 0;
  }
  #shoppingguide .tit, #guidance .tit {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
    padding: 2px 0;
    margin-bottom: 0px;
  }
  #shoppingguide .list, #guidance .list {
    width: 100%;
  }
  #shoppingguide .list .t, #guidance .list .t {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
    padding: 3px 10px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #shoppingguide .list .t:not(:first-child), #guidance .list .t:not(:first-child) {
    margin-top: 20px;
  }
  #shoppingguide .list .read, #guidance .list .read {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
  }
  #shoppingguide .list ul, #guidance .list ul {
    margin-top: 10px;
  }
  #shoppingguide .list ul.order li:not(:last-child), #guidance .list ul.order li:not(:last-child) {
    margin-bottom: 5px;
  }
  #shoppingguide .list ul.order li.form i, #guidance .list ul.order li.form i {
    margin-left: 3px;
  }
  #shoppingguide .list ul.send li em, #guidance .list ul.send li em {
    width: 150px;
  }
  #shoppingguide .list ul.send li span, #guidance .list ul.send li span {
    width: 60px;
  }
  #shoppingguide .list ul li, #guidance .list ul li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
  }
  #shoppingguide .list small, #guidance .list small {
    font-size: 80%;
  }
  #shoppingguide .list strong, #guidance .list strong {
    font-size: 120%;
  }
  #shoppingguide .list .logo, #guidance .list .logo {
    width: 180px;
    margin-bottom: 10px;
    margin-top: 15px;
    display: none;
  }
  /* ショッピングガイドページ */
  #guidance {
    display: block;
    padding: 0;
  }
  #guidance .titCmn { /*margin-bottom: 20px !important;*/ }
  #guidance .list {
    width: 90%;
    margin: auto;
  }
  #guidance .list .t {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
    border-left: 3px solid #e60000;
    padding: 3px 15px;
    margin-bottom: 15px;
    margin-top: 30px;
  }
  #guidance .list .t:not(:first-child) {
    margin-top: 30px;
  }
  #guidance .list .t:first-child {
    margin-top: 30px;
  }
  #guidance .list:nth-of-type(1) .t:first-child {
    margin-top: 0px !important;
  }
  #guidance .list .read {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
    width: 100%;
  }
  #guidance .list ul {
    margin-top: 15px;
    width: 100%;
  }
  #guidance .list ul.order {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #guidance .list ul.order li:not(:last-child) {
    margin-bottom: 10px;
  }
  #guidance .list ul.order li {
    width: 100%;
  }
  #guidance .list ul.order li .wayTit {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
  }
  #guidance .list ul.order li.tel .wayTit + p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
  }
  #guidance .list ul.order li.tel .wayTit + p small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    margin-top: 0px;
  }
  #guidance .list ul.order li.fax .wayTit + p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
  }
  #guidance .list ul.order li.fax .wayTit + p small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    margin-top: 0px;
  }
  #guidance .list ul.order li.hagaki .wayTit + p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
  }
  #guidance .list ul.order li.form i {
    margin-left: 5px;
  }
  #guidance .list ul.order li.form small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    margin-top: 5px;
  }
  #guidance .list ul.order li.email a {
    color: #e60000;
  }
  #guidance .list ul.order li.email small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    margin-top: 5px;
  }
  #guidance .list ul.order li.tel {
    order: 0;
    width: 100%;
  }
  #guidance .list ul.order li.fax {
    order: 1;
    width: 100%;
  }
  #guidance .list ul.order li.hagaki {
    order: 2;
    width: 100%;
  }
  #guidance .list ul.order li.form {
    order: 3;
    width: 100%;
  }
  #guidance .list ul.order li.email {
    order: 4;
  }
  #guidance .list ul.payment {
    display: flex;
    flex-direction: column;
  }
  #guidance .list ul.payment li:not(:last-child) {
    margin-right: 0px;
  }
  #guidance .list ul.send {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
  }
  #guidance .list ul.send li {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    justify-content: flex-start;
  }
  #guidance .list ul.send li em {
    width: auto;
    margin-right: 0em;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
    width: 50%;
  }
  #guidance .list ul.send li span {
    width: auto;
    padding-left: 1em;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
    width: 50%;
  }
  #guidance .list ul.send + small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    margin-top: 5px;
  }
  #guidance .list ul li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
    display: block;
  }
  #guidance .list small {
    font-size: 80%;
    margin-top: 10px;
  }
  #guidance .list strong {
    font-size: 120%;
    margin-bottom: 6px;
  }
  #guidance .list #com.t {
    margin-bottom: 20px;
  }
  #guidance .list .logo {
    display: block;
    width: 240px;
    margin-bottom: 15px;
    margin-top: 0px;
    margin-right: 0px;
  }
  #guidance .list .logo + .read {
    width: 100%;
  }
  #guidance #shoppingguide, #voice #shoppingguide, #law #shoppingguide {
    display: none;
  }
  nav#grobalNav ul, nav#fNav ul {
    background: linear-gradient(to bottom, rgb(242, 0, 57) 0%, rgb(208, 0, 1) 100%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  nav#grobalNav ul li, nav#fNav ul li {
    width: 100%;
    font-family: "YakuHanMP", "Noto Serif JP", serif;
    font-weight: 600;
    letter-spacing: 0;
    position: relative;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
    /* white-space: pre;*/
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  nav#grobalNav ul li a, nav#fNav ul li a {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
  }
  nav#grobalNav ul li i, nav#fNav ul li i {
    position: absolute;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    left: 15px;
    line-height: 1;
  }
  nav#grobalNav ul li.osechi, nav#grobalNav ul li.shoes, nav#grobalNav ul li.fashion, nav#fNav ul li.osechi, nav#fNav ul li.shoes, nav#fNav ul li.fashion {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
    width: 100%;
  }
  nav#grobalNav ul li.osechi a, nav#grobalNav ul li.shoes a, nav#grobalNav ul li.fashion a, nav#fNav ul li.osechi a, nav#fNav ul li.shoes a, nav#fNav ul li.fashion a {
    padding: 6px 0px;
  }
  nav#grobalNav ul li, nav#fNav ul li {
    /*&.osechi i{ width:42px; margin-right: 0px;}
    &.shoes i{ width:30px; margin-right: 0px;}
    &.fashion i{ width:32px; margin-right:0px;}*/
  }
  nav#grobalNav ul li.osechi i, nav#fNav ul li.osechi i {
    width: 54px;
    margin-right: 0px;
  }
  nav#grobalNav ul li.shoes i, nav#fNav ul li.shoes i {
    width: 40px;
    margin-right: 0px;
  }
  nav#grobalNav ul li.fashion i, nav#fNav ul li.fashion i {
    width: 50px;
    margin-right: 0px;
  }
  nav#grobalNav ul li.order b, nav#fNav ul li.order b {
    display: none;
  }
  nav#grobalNav ul li.order ul, nav#fNav ul li.order ul {
    background: none;
  }
  nav#grobalNav ul {
    border-top: none;
  }
  nav#grobalNav ul li { /*@include fs(16);*/ }
  nav#grobalNav ul li:last-child {
    border-bottom: none;
  }
  nav#grobalNav ul li a { /*padding: 8px 0px;*/ }
  nav#grobalNav ul li i {
    left: 15px;
  }
  nav#grobalNav ul li.osechi, nav#grobalNav ul li.shoes, nav#grobalNav ul li.fashion { /*@include fs(18);*/ }
  nav#grobalNav ul li.osechi a, nav#grobalNav ul li.shoes a, nav#grobalNav ul li.fashion a { /*padding: 6px 0px;*/ }
  /* フッター */
  footer #footer {
    padding: 0px 0 0;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  footer #footer nav#fNav {
    margin-bottom: 30px;
  }
  footer #footer nav#fNav ul {
    background: none;
    border-top: none;
    border-bottom: none;
  }
  footer #footer nav#fNav ul li { /*width: auto;*/ }
  footer #footer nav#fNav ul li a { /* padding: 11px 15px;*/ }
  footer #footer nav#fNav ul li i { /* position: absolute; @include centerY; left: 15px; line-height: 1;*/ }
  footer #footer nav#fNav ul li.osechi, footer #footer nav#fNav ul li.shoes, footer #footer nav#fNav ul li.fashion {
    width: 100%;
  }
  footer #footer nav#fNav ul li.guidance, footer #footer nav#fNav ul li.voice, footer #footer nav#fNav ul li.order { /* border-bottom: none;*/ }
  footer #footer nav#fNav ul li.order {
    border-bottom: none;
  }
  footer #footer nav#fNav ul li.guidance, footer #footer nav#fNav ul li.voice { /* border-right:1px solid rgba($white,0.5);*/ }
  footer #footer .company {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.125rem;
    width: 90%;
    margin: 0 auto 20px;
    flex-direction: column;
  }
  footer #footer .company .logo {
    width: 86%;
    margin: 0 auto 12px;
  }
  footer #footer .company .logo + p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4625rem;
    text-align: center;
  }
  footer #footer .info {
    width: 90%;
    margin: 0 auto 20px;
  }
  footer #footer .info .freedial {
    margin-bottom: 12px;
  }
  footer #footer .info .freedial a i {
    width: 30px;
  }
  footer #footer .info .freedial a em {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 2.375rem;
  }
  footer #footer .info .fax {
    width: 82%;
    margin: auto;
  }
  footer #footer .subNav {
    width: 90%;
    margin: 0 auto 0;
  }
  footer #footer .subNav ul {
    width: 50%;
  }
  footer #footer .subNav ul li {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4625rem;
  }
  footer #footer .subNav ul li a {
    padding: 3px 0;
  }
  footer #footer .law {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
    margin-left: 0;
    margin: auto;
  }
  footer #footer .law i {
    font-size: 80%;
    padding-right: 5px;
  }
  footer #footer .copyright {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    padding: 18px 0 90px;
    margin-top: 30px;
    background: #fff;
    color: #313131;
  }
  /* page-top */
  #page-top {
    bottom: 80px;
    right: 5px;
    width: 40px;
    height: 40px;
    z-index: 1000;
  }
  #page-top a:after {
    top: calc(50% - 4px);
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  /* スマホfooter固定メニュー */
  .fixedNav {
    display: block !important;
  }
  .fixedNav ul {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 777;
    background: linear-gradient(to bottom, rgb(242, 0, 57) 0%, rgb(208, 0, 1) 100%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
  }
  .fixedNav ul li {
    width: 50%;
  }
  .fixedNav ul li a {
    color: #fff !important;
    width: 100%;
    padding: 6px 0 10px;
    display: flex;
    flex-direction: column;
  }
  .fixedNav ul li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  .fixedNav ul li .ic {
    display: block;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.375rem;
    width: 100%;
  }
  .fixedNav ul li em {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.21875rem;
    font-weight: 600;
    letter-spacing: 0em;
  }
  .fixedNav ul li small {
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 0.625rem;
    margin-top: 3px;
    letter-spacing: 0;
  }
  /* スマホドロワーメニュー */
  #grobalNav {
    position: relative;
    z-index: 1000;
  }
  .drawer-hamburger {
    width: 30px !important;
    padding: 8px 8px 18px !important;
  }
  .drawer-toggle .drawer-hamburger-icon {
    background-color: #e60000;
  }
  .drawer-toggle .drawer-hamburger-icon:before, .drawer-toggle .drawer-hamburger-icon::after {
    background-color: #e60000;
  }
  .drawer-toggle .drawer-hamburger-icon::after {
    top: 8px !important;
  }
  .drawer-toggle .drawer-hamburger-icon::before {
    top: -8px !important;
  }
  .drawer-toggle em.menuTit {
    color: #e60000;
    font-family: "YakuHanMP", "Noto Serif JP", serif;
    white-space: nowrap;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.125rem;
    letter-spacing: 0;
    display: block;
    margin: 10px auto 0;
    opacity: 1;
  }
  .drawer-open .drawer-hamburger-icon {
    background-color: transparent;
  }
  .drawer-open .drawer-hamburger-icon::before, .drawer-open .drawer-hamburger-icon::after {
    top: 0 !important; /*background-color: $white;*/
  }
  .drawer-open em.menuTit {
    opacity: 0;
  }
  .drawer-hamburger {
    top: 1% !important;
    right: 2.5% !important;
  }
  .drawer-nav {
    overflow: auto;
  }
  .drawer-open .drawer-nav {
    height: calc(100vh - 0px) !important;
    top: 0px !important;
    padding: 0px 0 0;
  }
}
/* --------------------------------------------------------

                         下層共通

-------------------------------------------------------- */
ul.list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.list::after {
  content: "";
  display: block;
}
ul.list li a {
  color: inherit;
}
ul.list li a:hover {
  opacity: 0.6;
}
ul.list li a:hover img {
  opacity: 1;
}

#home article .title {
  min-width: 1200px;
}

body:not(#home) article .title {
  width: 1100px;
  margin: 0 auto 20px;
}

.productTit {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.7rem;
  text-align: left;
  border-bottom: 3px solid rgba(0, 0, 0, 0.8);
  margin-bottom: 30px;
}

.pdf {
  margin-bottom: 0px;
}

.titCmn {
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  padding: 8px 30px;
  background: linear-gradient(to bottom, rgb(242, 0, 57) 0%, rgb(208, 0, 1) 100%);
  color: #fff;
  width: 100%;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  height: 80px;
  border-radius: 6px;
}
.titCmn::before {
  content: "";
  background: url("../img/bgMcm2.png") repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: block;
  opacity: 0.18;
}
.titCmn em, .titCmn span {
  z-index: 10;
}
.titCmn em {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.7rem;
  letter-spacing: 0.025em;
  font-weight: 700;
}
.titCmn em strong {
  padding-left: 0.5em;
  font-weight: 600;
}
.titCmn span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}

/* 買い物について
---------------------------------------------------------*/
.buy {
  background: white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  position: relative; /*padding:0 30px 15px;*/
  padding: 0 15px 15px;
  display: flex;
  flex-direction: column;
  margin: 60px auto 50px;
}
.buy .tit {
  width: 580px;
  height: 80px;
  margin: -40px auto 5px;
  background: url("../img/arrow.png") no-repeat;
  background-size: 100% 100%;
}
.buy .tit span {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 2.925rem;
  color: #fff;
  display: block;
  font-weight: 900;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.8));
  letter-spacing: 0;
  padding-top: 5px;
}
.buy .read {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 2.925rem;
  color: #d90000;
  font-weight: 900;
  width: 100%;
  margin-bottom: 20px;
  letter-spacing: 0.025em;
}
.buy .read::after {
  content: "";
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(217, 0, 0) 50%, rgba(255, 255, 255, 0) 100%);
  display: block;
  width: 100%;
  height: 3px;
  margin: 5px auto 0;
}
.buy ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.buy ul li { /*width: 48%; margin-bottom: 3%;*/
  width: 50%;
  margin-bottom: 2%;
  padding: 20px;
  padding-bottom: 0;
}
.buy ul li .t {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
  background: rgba(217, 0, 0, 0.05);
  color: #d90000; /*border: 1px solid $red;*/
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.buy ul li .freedial a {
  justify-content: center;
}
.buy ul li .freedial a i { /*width: 32px; margin-right: 8px;*/
  width: 36px;
  margin-right: 10px;
}
.buy ul li .freedial a em { /*@include fs(39,1);*/
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 2.625rem;
}
.buy ul li .freedial a span {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  margin-top: 5px;
}
.buy ul li .freedial a span br {
  display: none !important;
}
.buy ul li .fax em {
  background: none;
  color: #313131;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  border-radius: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
}
.buy ul li .fax span {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 2.25rem;
  letter-spacing: 0em;
  color: #313131;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  justify-content: center;
}
.buy ul li .fax span small {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.75rem;
  margin-right: 6px;
}
.buy ul li .fax span {
  /*i{ border:1px solid $subColor; @include fs(10,1.1); margin-left: 10px; padding: 1px 4px; text-align: center;}*/
}
.buy ul li .fax span:nth-of-type(2) {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.375rem;
  margin-top: 8px;
}
.buy ul li .fax span:nth-of-type(2) a {
  color: #313131;
}
.buy ul li .fax span:nth-of-type(2) a:hover {
  color: #d90000;
}
.buy ul li .fax span:nth-of-type(2) small {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1rem;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  margin-right: 12px;
}
.buy ul li .add {
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}
.buy ul li .add, .buy ul li ol, .buy ul li ol li, .buy ul li ol li:last-child {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  text-align: left;
}
.buy ul li ol li {
  width: auto;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem;
  font-weight: 500;
  vertical-align: baseline;
  padding: 0;
}
.buy ul li ol li::before {
  content: "●";
}
.buy ul li ol li:not(:last-child) {
  margin-right: 5px;
}
.buy ul li ol li:last-child {
  font-weight: 400;
}
.buy ul li ol li:last-child::before {
  content: none;
}
.buy ul li .form {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
  font-weight: 700;
  width: 100%;
  margin-top: 35px;
}
.buy ul li .form a { /*border-bottom: 2px dotted $red;*/
  display: block;
  background: #000;
  color: #fff;
  padding: 8px 0 10px;
  border-radius: 6px;
}
.buy ul li .form i {
  margin-left: 5px;
}
.buy ul li .form + small {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  margin-top: 10px;
}
.buy ul li.web {
  border: 8px solid #e60000;
  padding: 12px;
  padding-bottom: 5px;
}
#osechi .buy ul li.others {
  display: none;
}

#fashion .buy ul li.osechi, #shoes .buy ul li.osechi {
  display: none;
}

.miniGuidance {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.miniGuidance div {
  width: 31%;
  text-align: left;
}
.miniGuidance div .tit {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem;
  font-weight: 600;
  border-left: 2px solid #e60000;
  padding: 2px 0 2px 18px;
  margin-bottom: 10px;
}
.miniGuidance div .read {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  margin-bottom: 8px;
}
.miniGuidance div ul li {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4rem;
  display: block;
}
.miniGuidance div ul li:not(:last-child) {
  margin-bottom: 3px;
}
.miniGuidance div:nth-of-type(2) ul li {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
}
.miniGuidance div:nth-of-type(2) ul li em {
  width: 150px;
}
.miniGuidance div:nth-of-type(2) ul li em::before {
  content: "●";
  color: #d90000;
  margin-right: 2px;
}
.miniGuidance div:nth-of-type(2) ul li span {
  width: 60px;
  text-align: right;
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------
スマホのみの設定
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  /* 下層共通
  ---------------------------------------------------------*/
  #home article .title {
    min-width: 100%;
  }
  body:not(#home) article .title {
    width: 100%;
    margin: 0 auto 20px;
  }
  .productTit {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.8);
    margin: 0 auto 20px;
    padding-bottom: 8px;
    width: 90%;
  }
  .pdf {
    margin-bottom: 20px;
  }
  .titCmn {
    padding: 4px 0px 6px;
    margin-bottom: 15px;
    height: auto;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .titCmn::before {
    opacity: 0.18;
    background-size: 15% auto;
  }
  .titCmn em {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 2.1rem;
  }
  .titCmn em strong {
    padding-left: 0;
    display: block;
  }
  .titCmn span {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
  }
  /* 買い物について
  ---------------------------------------------------------*/
  .buy {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    padding: 0 5% 10px;
    margin: 40px auto 40px;
    width: 94%;
  }
  .buy .tit {
    width: 100%;
    height: 0px;
    padding-top: 30%;
    margin: -30px auto 0px;
    position: relative;
  }
  .buy .tit span {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.8rem;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.8));
    padding-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    top: 12%;
  }
  .buy .read {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.9rem;
    margin-bottom: 15px;
  }
  .buy .read::after {
    width: 100%;
    height: 3px;
    margin: 8px auto 0;
  }
  .buy ul li {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .buy ul li .t {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
    border-radius: 20px;
    margin-bottom: 12px;
  }
  .buy ul li .freedial a i {
    width: 28px;
    margin-right: 6px;
  }
  .buy ul li .freedial a em {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
  .buy ul li .freedial a span {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    margin-top: 5px;
  }
  .buy ul li .freedial a span br {
    display: none !important;
  }
  .buy ul li .fax em {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    border-radius: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
  .buy ul li .fax span {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
  .buy ul li .fax span small {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.375rem;
    margin-right: 5px;
  }
  .buy ul li .fax span:nth-of-type(2) {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.125rem;
    margin-top: 4px;
  }
  .buy ul li .fax span:nth-of-type(2) small {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 0.875rem;
    margin-right: 10px;
  }
  .buy ul li .add {
    margin-bottom: 5px;
  }
  .buy ul li .add, .buy ul li ol, .buy ul li ol li, .buy ul li ol li:last-child {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
  }
  .buy ul li ol li {
    width: auto;
    margin-bottom: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
  }
  .buy ul li ol li:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .buy ul li ol li:last-child::before {
    content: none;
  }
  .buy ul li .form {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
    margin-top: 20px;
  }
  .buy ul li .form i {
    margin-left: 3px;
  }
  .buy ul li .form + small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    margin-top: 10px;
  }
  .buy ul li.web {
    border: 6px solid #e60000;
    padding: 8px;
    padding-top: 12px;
  }
  .miniGuidance {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 30px;
    width: 90%;
  }
  .miniGuidance div {
    width: 100%;
  }
  .miniGuidance div:not(:last-child) {
    margin-bottom: 25px;
  }
  .miniGuidance div .tit {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    border-left: 2px solid #e60000;
    padding: 2px 0 2px 15px;
    margin-bottom: 10px;
  }
  .miniGuidance div .read {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
    margin-bottom: 8px;
  }
  .miniGuidance div ul li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  .miniGuidance div ul li:not(:last-child) {
    margin-bottom: 3px;
  }
  .miniGuidance div:nth-of-type(2) ul li em {
    width: 150px;
  }
  .miniGuidance div:nth-of-type(2) ul li em::before {
    margin-right: 2px;
  }
  .miniGuidance div:nth-of-type(2) ul li span {
    width: 60px;
  }
}
/* --------------------------------------------------------

                         おせち

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

（HOME含む）おせち共通

------------------------------------------------------------------------------------------------------------------ */
article.osechi {
  background: url("../img/bgOsechiMain.jpg") no-repeat center top, url("../img/bgOsechi.jpg") repeat;
  padding: 20px 0 50px;
  margin-bottom: 200px;
  position: relative;
}
article.osechi::after {
  content: "";
  width: 100%;
  height: 100px;
  display: block;
  position: absolute;
  bottom: -100px;
  left: 0;
  background: linear-gradient(to bottom, #f20039 0%, #d00001 100%);
}
article.osechi .catch {
  margin-bottom: 30px;
}
article.osechi .catchWrap .voice {
  margin: 30px auto 30px;
}
article.osechi .cta {
  background: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 25px 30px 22px;
  margin-bottom: 50px;
}
article.osechi .cta .ph, article.osechi .cta .phDetail {
  width: 220px;
  position: absolute;
  left: 10px;
  top: -15px;
  z-index: 5;
}
article.osechi .cta .text {
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
article.osechi .cta .t {
  width: 100%;
  margin-bottom: 20px;
}
article.osechi .cta .t img {
  width: 777px !important;
}
article.osechi .cta .t::after {
  content: "";
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(217, 0, 0) 50%, rgba(255, 255, 255, 0) 100%);
  display: block;
  width: 100%;
  height: 3px;
  margin: 10px auto 0;
}
article.osechi .cta .titWrap {
  width: 25%;
  border-right: 1px solid black;
  padding-right: 15px;
  box-sizing: border-box;
}
article.osechi .cta .titWrap .tit {
  margin-bottom: 10px;
}
article.osechi .cta .titWrap .tit em {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6875rem;
}
article.osechi .cta .titWrap p {
  display: flex;
  flex-direction: column;
  align-items: center;
}
article.osechi .cta .titWrap p span.contactLogo {
  width: 200px;
  margin-bottom: 15px;
}
article.osechi .cta .titWrap p span.contactTit {
  width: 230px;
  margin-bottom: 5px;
}
article.osechi .cta .titWrap p span.contactTitle {
  width: 230px;
}
article.osechi .cta .infoWrap {
  width: 72%;
  display: flex;
  justify-content: space-between;
}
article.osechi .cta .infoWrap .info {
  width: 72%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
article.osechi .cta .infoWrap .info .tit {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
article.osechi .cta .infoWrap .info .tit span {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.75rem;
  color: #d90000;
  font-weight: 900;
  letter-spacing: 0em;
  margin-right: 15px;
}
article.osechi .cta .infoWrap .info .tit small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}
article.osechi .cta .infoWrap .info .freedial {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
}
article.osechi .cta .infoWrap .info .freedial a {
  color: #007f41;
}
article.osechi .cta .infoWrap .info .freedial a i {
  width: 39px;
}
article.osechi .cta .infoWrap .info .freedial a em {
  font-size: 46px;
  font-size: 2.875rem;
  line-height: 2.875rem;
}
article.osechi .cta .infoWrap .info .freedial small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  font-weight: 500;
  margin-left: 15px;
}
article.osechi .cta .infoWrap .info .tel, article.osechi .cta .infoWrap .info .fax {
  margin-top: 5px;
}
article.osechi .cta .infoWrap .info .tel span, article.osechi .cta .infoWrap .info .fax span {
  font-size: 32px;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 900;
  color: #007f41;
}
article.osechi .cta .infoWrap .info .tel span strong, article.osechi .cta .infoWrap .info .fax span strong {
  font-family: "Noto Sans JP", sans-serif;
  color: #313131;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  font-weight: 500;
  margin-left: 0px;
}
article.osechi .cta .infoWrap .info .tel span {
  font-size: 29px !important;
}
article.osechi .cta .infoWrap .info .add {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
article.osechi .cta .infoWrap .limit {
  width: 35%;
  background: #d90000;
  color: #fff;
  padding: 8px 8px;
}
article.osechi .cta .infoWrap .limit .tit {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.125rem;
  background: #000;
  padding: 3px 0 5px;
  margin-bottom: 5px;
}
article.osechi .cta .infoWrap .limit .read {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  padding-right: 50px;
}
article.osechi .cta .infoWrap .limit .read span, article.osechi .cta .infoWrap .limit .read em {
  letter-spacing: -0.005em;
  font-weight: 700;
  white-space: nowrap;
}
article.osechi .cta .infoWrap .limit .read span {
  font-size: 39px;
  font-size: 2.4375rem;
  line-height: 2.4375rem;
  margin-bottom: auto;
  margin-top: 5px;
}
article.osechi .cta .infoWrap .limit .read em {
  font-size: 66px;
  font-size: 4.125rem;
  line-height: 4.125rem;
}
article.osechi .cta .infoWrap .limit .read i {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.65rem;
  font-weight: 900;
  position: absolute;
  bottom: 0;
  right: 5px;
}
article.osechi .cta .infoWrap .limit .read i b {
  display: block;
}
article.osechi .cta .infoWrap .limit small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35rem;
  display: block;
  letter-spacing: 0;
}
article.osechi .cta .send {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.osechi .cta .send .tit {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.25rem;
  background: #00acec;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  padding: 0 15px 2px 60px;
  position: relative;
  margin-right: 30px;
}
article.osechi .cta .send .tit span {
  position: absolute;
  width: 40px;
  bottom: 0;
  left: 7px;
}
article.osechi .cta .send .tit i {
  width: 37px;
  line-height: 1;
}
article.osechi .cta .send .tit::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 15px;
  border-color: transparent transparent transparent #00adec;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  left: 100%;
}
article.osechi .cta .send .read {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.65rem;
  font-weight: 600;
  letter-spacing: 0.025em;
}
article.osechi .cta .send .read span {
  display: none;
}
article.osechi .cta .send .read small {
  display: none;
}
article.osechi .osechiPay {
  border: 3px solid #d90000;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding: 15px 20px;
  width: 100%;
  margin: 0 auto 40px;
}
article.osechi .osechiPay .tit {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
  color: #4b3421;
  border-bottom: 2px dotted rgba(75, 52, 33, 0.8);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
article.osechi .osechiPay .tit span {
  font-size: 120%;
}
article.osechi .osechiPay ul {
  margin: 10px auto;
}
article.osechi .osechiPay ul li {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6875rem;
  font-weight: 500;
  position: relative;
  padding-left: 1.2em;
}
article.osechi .osechiPay ul li em {
  position: absolute;
  top: 0;
  left: 0;
}
article.osechi .osechiPay small {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3rem;
}
article.osechi .osechiPay small span {
  display: inline-block;
}
article.osechi .osechiPay small span:not(:last-child) {
  margin-right: 15px;
}
article.osechi .osechiPay u {
  background: linear-gradient(transparent 60%, #ffb5bc 0%) no-repeat bottom;
  background-size: auto;
  text-decoration: none;
  background-size: auto 60%;
  background-size: 100% 60%;
  padding-bottom: 3px;
}
article.osechi .listWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
article.osechi .listWrap .tit {
  background: url("../../osechi/img/cmn/titOsechiBg.png") no-repeat;
  background-size: 100% auto;
  padding: 13px 0;
  position: relative;
  margin-bottom: 30px;
  width: 100%;
}
article.osechi .listWrap .tit i {
  width: 70px;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  left: 300px;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.25));
}
article.osechi .listWrap .tit {
  /*em{ width: 335px; display:block; margin: auto; line-height: 1;}*/
}
article.osechi .listWrap .tit em {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #fff;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  font-weight: 600;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
  display: block;
  margin: auto;
}
article.osechi .listWrap {
  /* リスト */
}
article.osechi .listWrap ul.list {
  position: relative;
  z-index: 15;
  margin-top: 30px;
  margin-bottom: 30px;
}
article.osechi .listWrap ul.list li, article.osechi .listWrap ul.list::after {
  width: 32%;
}
article.osechi .listWrap ul.list li {
  position: relative;
  margin-bottom: 2.3%;
}
article.osechi .listWrap ul.list li a {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}
article.osechi .no1 { /*width: 52px;*/
  width: 80px;
  position: absolute;
  top: -10px;
  left: -6px;
  filter: drop-shadow(2px 2px 3px rgb(0, 0, 0));
  z-index: 5;
}
article.osechi .copy2023 {
  margin: 0 auto 20px;
  width: 86%;
}
article.osechi .point {
  width: 86%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
article.osechi .point li {
  width: 24.5%;
  line-height: 0;
}
article.osechi .point li img {
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1)); /*box-shadow:0px 0px 6px rgba(0,0,0,0.15);*/
}
article.osechi .point li {
  /*&:nth-of-type(1), &:nth-of-type(2){ margin-bottom: 1%;}*/
}
article.osechi .point li:first-child {
  display: flex;
  justify-content: space-between;
}
article.osechi .point li:first-child span {
  width: 49%;
}
article.osechi .present {
  width: 52%;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  position: relative;
  text-align: left;
}
article.osechi .present .t {
  width: 325px;
  margin: -12px 0 5px 15px;
}
article.osechi .present .read {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35rem;
  padding: 0 250px 15px 20px;
}
article.osechi .present .ph {
  width: 260px;
  position: absolute;
  top: -58px;
  right: -25px;
}
article.osechi .featureWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px auto 40px;
  width: 86%;
}
article.osechi .featureWrap .list {
  width: 49.25%;
  margin-bottom: 1.5%;
}
article.osechi .featureWrap .list.list05, article.osechi .featureWrap .list.list06, article.osechi .featureWrap .list.list09 {
  width: 100%;
}
article.osechi .feature {
  background: url("../../osechi/img/cmn/bgSp.jpg") no-repeat;
  background-size: 100% 100%;
  padding: 20px 15px 15px;
  width: 49.25%;
  text-align: left;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
  position: relative;
  margin-bottom: 2%;
}
article.osechi .feature::before, article.osechi .feature::after {
  content: "";
  background: url("../../osechi/img/cmn/bgBorder.png") no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
}
article.osechi .feature::before {
  top: 0;
}
article.osechi .feature::after {
  bottom: 0;
  display: none;
}
article.osechi .feature .ph {
  width: 48%;
  float: right;
  margin: 0 0 2% 3%;
}
article.osechi .feature .textWrap {
  text-align: left;
  position: relative;
  overflow: hidden;
}
article.osechi .feature .t {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 2.0625rem;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  font-weight: 600;
  color: #d90000;
  margin-bottom: 8px;
  letter-spacing: 0.025em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
article.osechi .feature .t em {
  background: #3e648d;
  border-radius: 20px;
  width: auto;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.05rem;
  padding: 5px 15px;
  margin-bottom: 5px;
  text-indent: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.osechi .feature .t b {
  display: block;
  font-weight: 600;
  display: flex;
  flex-direction: column;
}
article.osechi .feature .read, article.osechi .feature ol li {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3rem;
  letter-spacing: 0.05em;
}
article.osechi .feature.others {
  display: none;
}
article.osechi .feature.size {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: space-between;
}
article.osechi .feature.size .t {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  width: 43.5%;
  position: absolute;
  top: 20px;
  right: 15px;
}
article.osechi .feature.size .t span {
  font-size: 70%;
  line-height: 1.6;
  width: 100%;
  color: #313131;
}
article.osechi .feature.size .ph {
  float: none;
  margin: 0;
  width: 50%;
  margin-bottom: auto;
  margin-top: 5px;
}
article.osechi .feature.size .read {
  width: 46%;
  margin-left: auto;
  margin-top: 105px;
}
article.osechi .feature.size .read em, article.osechi .feature.size .read strong {
  color: #d90000;
  font-weight: 600;
  display: block;
  font-size: 150%;
  margin-top: 2.5%;
  margin-bottom: 5%;
  letter-spacing: 0.05em;
}
article.osechi .feature.size .read strong {
  margin-bottom: 0%;
}
article.osechi .feature.sozai .ph, article.osechi .feature.kakaku .ph, article.osechi .feature.anzen .ph, article.osechi .feature.reito .ph, article.osechi .feature.send2 .ph {
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));
  margin-top: 5px;
}
article.osechi .feature.sozai .read strong {
  font-size: 16px;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  color: #ed755c;
  margin-top: 3px;
  display: block;
}
article.osechi .feature.reito .t em {
  background: #ed755c;
}
article.osechi .feature.reito .t span {
  font-size: 70%;
  line-height: 1.6;
}
article.osechi .feature.reito .ph {
  margin-top: -20px;
  margin-right: -5px;
}
article.osechi .feature.reito .read strong {
  color: #ed755c;
}
article.osechi .feature.konpo .t span {
  font-size: 70%;
  line-height: 1.6;
  color: #313131;
  display: block;
}
article.osechi .feature.konpo .ph {
  width: 57%;
  margin-top: -5px;
  margin-right: -5px;
}
article.osechi .feature.konpo dl {
  margin-top: 5px;
}
article.osechi .feature.konpo dl dt {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.2375rem;
  border: 1px solid black;
  display: inline-block;
  padding: 0 8px;
  margin-bottom: 5px;
}
article.osechi .feature.konpo dl dd {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35rem;
  font-weight: 500;
}
article.osechi .feature.send2 .t span {
  font-size: 70%;
  line-height: 1.6;
  color: #313131;
  display: block;
}
article.osechi .feature.ozouni .t em {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.1875rem;
  width: 100%;
  padding: 6px 0 7px;
  letter-spacing: 0;
  background: #95262a;
  margin-bottom: 10px;
}
article.osechi .feature.ozouni .t b {
  letter-spacing: -0.01em;
}
article.osechi .feature.ozouni .ph { /*width: 42%;*/
  width: 200px;
  margin-top: -30px;
}
article.osechi .feature.send .t {
  margin-bottom: 5px;
}
article.osechi .feature.send .t em {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.125rem;
  width: 100%;
  padding: 6px 0 8px;
  letter-spacing: 0;
}
article.osechi .feature.send .t em small {
  font-size: 76%;
  margin-right: 3px;
  margin-top: 2px;
}
article.osechi .feature.send .read {
  display: flex;
  flex-direction: column;
}
article.osechi .feature.send .read em {
  font-size: 16.5px;
  font-size: 1.03125rem;
  line-height: 1.546875rem;
  color: #ed755c;
  font-weight: 600;
  letter-spacing: 0;
  margin: 3px 0 5px;
}
article.osechi .feature.send .read span {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  font-weight: 500;
  margin-bottom: 5px;
}
article.osechi .feature.send .read small {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.03125rem;
  margin-top: 5px;
  color: #d90000;
  font-weight: 500;
}
article.osechi .feature.anzen .read strong {
  color: #ed755c;
}
article.osechi .feature.column {
  width: 100%; /*background: url("../../osechi/img/cmn/bg.jpg") no-repeat; background-repeat: repeat-y;*/
  background: #f4f2cf;
}
article.osechi .feature.column::before {
  display: none;
}
article.osechi .feature.column .read sup {
  font-size: 70%;
  vertical-align: text-top;
}
article.osechi .feature.column .read ruby[data-ruby] {
  position: relative;
}
article.osechi .feature.column .read ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  line-height: 100%;
  text-align: center;
  left: -3em;
  right: -3em;
  transform-origin: bottom center;
  transform: scale(0.5);
  bottom: 90%;
}
article.osechi .feature.column .read ruby[data-ruby] rt {
  display: none;
}
article.osechi .feature.column .columnList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
article.osechi .feature.column .columnList > li {
  width: 100%; /*background: rgba($white, .8); @include br(10);*/
  padding: 12px 15px;
  border: 6px double #659d59;
  position: relative;
}
article.osechi .feature.column .columnList > li:not(:last-child) {
  margin-bottom: 15px;
}
article.osechi .feature.column .columnList > li .ttl {
  font-size: 16px;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-weight: 600;
  color: #f0594d;
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}
article.osechi .feature.column .columnList > li .ph { /*filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.15)); margin-top: 5px;*/ }
article.osechi .feature.column .columnList > li.hitokuchi {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
article.osechi .feature.column .columnList > li.hitokuchi .t {
  width: 120px;
}
article.osechi .feature.column .columnList > li.hitokuchi .wrap {
  width: calc(100% - 135px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
article.osechi .feature.column .columnList > li.hitokuchi .c01 .ph {
  width: 18%;
}
article.osechi .feature.column .columnList > li.hitokuchi .c01 .read small {
  font-size: 11px;
  line-height: 1.5;
  display: block;
  margin-top: 5px;
}
article.osechi .feature.column .columnList > li.hitokuchi .c02 {
  padding-top: 8px;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
article.osechi .feature.column .columnList > li.hitokuchi .ph02 {
  position: absolute;
  width: 120px;
  left: 15px;
  bottom: 50px;
  transform: rotate(-15deg);
}
article.osechi .feature.column .columnList > li.iware .ph {
  position: absolute;
  margin: 0;
  width: 220px;
  top: 10px;
  right: 20px;
  transform: rotate(-15deg);
}
article.osechi .feature.column .columnList > li.iware ol {
  display: flex;
  flex-direction: column;
}
article.osechi .feature.column .columnList > li.iware ol li {
  width: 100%;
  margin-bottom: 0 !important;
}
article.osechi .feature.column .columnList > li.iware ol li em {
  font-weight: 600;
  color: #f0594d;
}
article.osechi .feature.column .columnList > li.iware ol li em::before {
  content: "●";
}
article.osechi .feature.column .columnList > li.iware ol li em::after {
  content: "/";
  color: #313131;
}
article.osechi .feature.column .columnList > li.juubako .ph {
  width: 100px;
  margin-top: -30px;
  margin-bottom: 0;
}

/* （下層）おせちページ共通 */
#osechi article.osechi {
  padding-top: 25px;
}
#osechi article.osechi .productTit {
  margin-bottom: 20px;
}

#osechi.detail article.osechi .feature.size .t {
  width: 100%;
  position: relative;
  top: auto;
  right: auto;
}
#osechi.detail article.osechi .feature.size .ph {
  margin-top: 0;
}
#osechi.detail article.osechi .feature.size .read {
  margin-top: 0;
}
#osechi.detail article.osechi .feature.ozouni .t em {
  margin-bottom: 5px;
}
#osechi.detail article.osechi .feature.ozouni .ph {
  width: 160px;
  margin-top: 0;
}

#osechi.detail.hakata article.osechi .feature.others, #osechi.detail.chiyo article.osechi .feature.others, #osechi.detail.iwaiakaju article.osechi .feature.others, #osechi.detail.akasaka article.osechi .feature.others {
  display: none;
}
#osechi.detail.takasago article.osechi .feature.tokudai8sun, #osechi.detail.hatsuakaju article.osechi .feature.tokudai8sun, #osechi.detail.maizuru article.osechi .feature.tokudai8sun, #osechi.detail.sakurazaka article.osechi .feature.tokudai8sun {
  display: none;
}
#osechi.detail.takasago article.osechi .feature.others, #osechi.detail.hatsuakaju article.osechi .feature.others, #osechi.detail.maizuru article.osechi .feature.others, #osechi.detail.sakurazaka article.osechi .feature.others {
  display: block;
  width: 100%;
}
#osechi.detail.takasago article.osechi .feature.others.ozouni .t em, #osechi.detail.hatsuakaju article.osechi .feature.others.ozouni .t em, #osechi.detail.maizuru article.osechi .feature.others.ozouni .t em, #osechi.detail.sakurazaka article.osechi .feature.others.ozouni .t em {
  margin-bottom: 10px;
}
#osechi.detail.takasago article.osechi .feature.others.ozouni .ph, #osechi.detail.hatsuakaju article.osechi .feature.others.ozouni .ph, #osechi.detail.maizuru article.osechi .feature.others.ozouni .ph, #osechi.detail.sakurazaka article.osechi .feature.others.ozouni .ph {
  width: 220px;
  margin-top: -35px;
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------
2026.08.23 追記
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.osechitokuyaku {
  margin-bottom: 1em;
  font-weight: bold;
  color: #f22;
  text-align: left;
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------
スマホのみの設定
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  /* （HOME含む）おせち共通
  ---------------------------------------------------------*/
  article.osechi {
    background: url("../img/bgOsechiMain.jpg") no-repeat center top, url("../img/bgOsechi.jpg") repeat;
    padding: 25px 0 20px;
    margin-bottom: 150px;
  }
  article.osechi::after {
    height: 60px;
    bottom: -60px;
  }
  article.osechi .inner {
    width: 100%;
  }
  article.osechi .catch {
    margin: 0 auto 25px;
    width: 92%;
  }
  article.osechi .catchWrap .tit {
    width: 100%;
    margin: auto;
  }
  article.osechi .catchWrap .catch {
    width: 100%;
    margin: 0 auto 0;
  }
  article.osechi .catchWrap .voice {
    margin: 0px auto 30px;
  }
  article.osechi .cta {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 12px 18px 18px;
    margin: 0 auto 40px;
    width: 94%;
  }
  article.osechi .cta .ph, article.osechi .cta .phDetail {
    width: 130px;
    position: absolute;
    left: auto;
    top: -6px;
    right: -7px;
  }
  article.osechi .cta .text {
    width: 100%;
    margin-left: 0;
  }
  article.osechi .cta .t {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    color: #d90000;
    margin-bottom: 10px;
  }
  article.osechi .cta .t img {
    width: 80px !important;
    margin-left: 0px;
  }
  article.osechi .cta .t::after {
    width: 100%;
    height: 3px;
    margin: 10px auto 0;
  }
  article.osechi .cta .titWrap {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid black;
    padding-right: 0px;
    padding-bottom: 18px;
    margin-bottom: 10px;
  }
  article.osechi .cta .titWrap .tit {
    margin-bottom: 10px;
  }
  article.osechi .cta .titWrap .tit em {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
  }
  article.osechi .cta .titWrap p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  article.osechi .cta .titWrap p span.contactLogo {
    width: 200px;
    margin-bottom: 15px;
  }
  article.osechi .cta .titWrap p span.contactTit {
    width: 230px;
    margin-bottom: 5px;
  }
  article.osechi .cta .titWrap p span.contactTitle {
    width: 230px;
  }
  article.osechi .cta .infoWrap {
    width: 100%;
    flex-direction: column;
  }
  article.osechi .cta .infoWrap .info {
    width: 100%;
    padding-left: 0px;
    border-bottom: none;
    padding-bottom: 15px;
  }
  article.osechi .cta .infoWrap .info .tit {
    width: 100%;
    margin-bottom: 10px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  article.osechi .cta .infoWrap .info .tit span {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2.7rem;
    width: 100%;
    margin-right: 0;
  }
  article.osechi .cta .infoWrap .info .tit small {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4rem;
    display: block;
    margin-top: 0px;
  }
  article.osechi .cta .infoWrap .info .freedial {
    width: 100%;
    flex-direction: column;
  }
  article.osechi .cta .infoWrap .info .freedial a i {
    width: 35px;
  }
  article.osechi .cta .infoWrap .info .freedial a em {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 2.625rem;
  }
  article.osechi .cta .infoWrap .info .freedial small {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
    font-weight: 500;
    margin-left: 15px;
  }
  article.osechi .cta .infoWrap .info .tel, article.osechi .cta .infoWrap .info .fax {
    width: 100%;
    margin-top: 10px;
  }
  article.osechi .cta .infoWrap .info .tel span, article.osechi .cta .infoWrap .info .fax span {
    justify-content: center;
    flex-wrap: wrap;
  }
  article.osechi .cta .infoWrap .info .tel span strong, article.osechi .cta .infoWrap .info .fax span strong {
    width: 100%;
    text-align: center;
  }
  article.osechi .cta .infoWrap .info .tel span {
    font-size: 18px !important;
  }
  article.osechi .cta .infoWrap .info .add {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
    text-align: center;
    width: 100%;
    margin-top: 5px;
  }
  article.osechi .cta .infoWrap .limit {
    width: 100%;
  }
  article.osechi .cta .infoWrap .limit .tit {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.125rem;
    padding: 3px 0 5px;
    margin-bottom: 5px;
  }
  article.osechi .cta .infoWrap .limit .read {
    margin-bottom: 5px;
    padding-right: 0px;
    align-items: baseline;
  }
  article.osechi .cta .infoWrap .limit .read span, article.osechi .cta .infoWrap .limit .read em {
    white-space: nowrap;
  }
  article.osechi .cta .infoWrap .limit .read span {
    font-size: 39px;
    font-size: 2.4375rem;
    line-height: 2.4375rem;
    margin-bottom: auto;
    margin-top: 6px;
  }
  article.osechi .cta .infoWrap .limit .read em {
    font-size: 66px;
    font-size: 4.125rem;
    line-height: 4.125rem;
  }
  article.osechi .cta .infoWrap .limit .read i {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.65rem;
    position: relative;
    bottom: auto;
    right: auto;
  }
  article.osechi .cta .infoWrap .limit .read i b {
    display: inline-block; /*text-indent: -0.25em;*/
  }
  article.osechi .cta .infoWrap .limit .read i strong {
    display: inline-block; /*text-indent: -0.5em;*/
  }
  article.osechi .cta .infoWrap .limit small {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
  }
  article.osechi .cta .send {
    width: 100%;
    margin-top: 30px;
    flex-direction: column;
  }
  article.osechi .cta .send .tit {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
    width: 100%;
    margin-bottom: 15px;
    justify-content: center;
    padding: 0 0 2px;
    margin-right: 0;
  }
  article.osechi .cta .send .tit span {
    display: none;
  }
  article.osechi .cta .send .tit i {
    width: 30px;
    line-height: 0;
    margin-left: 3px;
  }
  article.osechi .cta .send .tit::after {
    border-width: 12px 10px 0 10px;
    border-color: #00adec transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    left: 0;
    top: 100%;
    transform: none;
  }
  article.osechi .cta .send .read {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-align: left;
  }
  article.osechi .osechiPay {
    border: 2px solid #d90000;
    border-radius: 15px;
    padding: 12px 16px;
    width: 90%;
    margin: 0 auto 40px;
  }
  article.osechi .osechiPay .tit {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2rem;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  article.osechi .osechiPay .tit span {
    display: block;
    font-size: 120%;
  }
  article.osechi .osechiPay ul {
    margin: 10px auto;
  }
  article.osechi .osechiPay ul li {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
  }
  article.osechi .osechiPay ul li em {
    top: 0;
    left: 0;
  }
  article.osechi .osechiPay small {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.3rem;
  }
  article.osechi .osechiPay small span {
    display: inline-block;
  }
  article.osechi .osechiPay small span:not(:last-child) {
    margin-right: 15px;
  }
  article.osechi .osechiPay u {
    background: linear-gradient(transparent 60%, #ffb5bc 0%) no-repeat bottom;
    background-size: auto;
    text-decoration: none;
    background-size: auto 60%;
    background-size: 100% 60%;
    padding-bottom: 3px;
  }
  article.osechi .listWrap .tit {
    background: url("../../osechi/img/cmn/titOsechiBg.png") no-repeat center;
    background-size: cover;
    padding: 12px 0;
    margin-bottom: 20px;
  }
  article.osechi .listWrap .tit i {
    width: 48px;
    left: 5px;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.25));
  }
  article.osechi .listWrap .tit em {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
    letter-spacing: 0;
  }
  article.osechi .listWrap {
    /* リスト */
  }
  article.osechi .listWrap ul.list {
    margin: 30px auto;
    width: 86%;
  }
  article.osechi .listWrap ul.list li, article.osechi .listWrap ul.list::after {
    width: 100%;
  }
  article.osechi .listWrap ul.list li {
    margin-bottom: 25px;
  }
  article.osechi .listWrap ul.list li a {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  }
  article.osechi .listWrap ul.list li.zounidashi {
    display: none;
  }
  article.osechi .no1 {
    width: 72px;
    top: -10px;
    left: -6px;
    filter: drop-shadow(2px 2px 3px rgb(0, 0, 0));
  }
  article.osechi .copy2023 {
    width: 70%;
    margin: 0 auto 20px;
  }
  article.osechi .point {
    width: 94%;
    margin: 0 auto 30px;
  }
  article.osechi .point li {
    width: 49.5%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
    margin-bottom: 1%;
  }
  article.osechi .point li:nth-of-type(1), article.osechi .point li:nth-of-type(2) {
    margin-bottom: 1%;
  }
  article.osechi .point li:last-child span {
    width: 49%;
  }
  article.osechi .present {
    width: 90%;
    border-radius: 15px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 18px 15px;
  }
  article.osechi .present .t {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8rem;
    color: #d90000;
    margin: -15px auto 5px;
    text-align: center;
    filter: drop-shadow(0px 0px 3px rgb(255, 255, 255)) drop-shadow(0px 0px 5px rgb(255, 255, 255));
    width: 100%;
  }
  article.osechi .present .read {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4625rem;
    padding: 0;
    width: 55%;
  }
  article.osechi .present .ph {
    width: 48%;
    position: absolute;
    top: 25px;
    right: -4%;
    margin: auto;
  }
  article.osechi .featureWrap {
    margin: 0px auto 20px;
  }
  article.osechi .featureWrap .list {
    width: 94%;
    margin: 0 auto 3%;
  }
  article.osechi .featureWrap .list.list05, article.osechi .featureWrap .list.list06, article.osechi .featureWrap .list.list09 {
    width: 94%;
  }
  article.osechi .feature {
    background: url("../../osechi/img/cmn/bgSp.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 20px 15px 20px;
    width: 90%;
    margin: 0 auto 5%;
  }
  article.osechi .feature::before, article.osechi .feature::after {
    height: 5px;
  }
  article.osechi .feature .ph {
    width: 100%;
    float: none;
    margin: 0 0 5% 0%;
  }
  article.osechi .feature .textWrap {
    text-align: left;
    position: relative;
    overflow: hidden;
  }
  article.osechi .feature .t {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.96875rem;
    margin-bottom: 8px;
    align-items: flex-start;
  }
  article.osechi .feature .t em {
    border-radius: 20px;
    width: auto;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.125rem;
    padding: 5px 10px;
    margin-bottom: 5px;
    width: 100%;
  }
  article.osechi .feature .t b {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  article.osechi .feature .read, article.osechi .feature ol li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
  }
  article.osechi .feature.size .t {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
  }
  article.osechi .feature.size .t span {
    font-size: 70%;
  }
  article.osechi .feature.size .ph {
    width: 80%;
    margin: 0 auto 10px;
  }
  article.osechi .feature.size .read {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  article.osechi .feature.size .read em, article.osechi .feature.size .read strong {
    font-size: 140%;
    margin-top: 2.5%;
    margin-bottom: 5%;
    letter-spacing: 0.05em;
    display: inline;
  }
  article.osechi .feature.size .read strong {
    margin-bottom: 0%;
  }
  article.osechi .feature.sozai .ph, article.osechi .feature.kakaku .ph, article.osechi .feature.anzen .ph, article.osechi .feature.reito .ph, article.osechi .feature.send2 .ph {
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.15));
    margin-top: 5px;
  }
  article.osechi .feature.sozai .read strong {
    font-size: 16px;
    margin-top: 3px;
  }
  article.osechi .feature.reito .t span {
    font-size: 70%;
  }
  article.osechi .feature.reito .ph {
    width: 90%;
    margin: 0 auto 10px;
  }
  article.osechi .feature.konpo .t span {
    font-size: 70%;
  }
  article.osechi .feature.konpo .ph {
    width: 90%;
    margin: 0 auto 10px;
  }
  article.osechi .feature.konpo dl {
    margin-top: 5px;
  }
  article.osechi .feature.konpo dl dt {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.2375rem;
    padding: 0 8px;
    margin-bottom: 5px;
  }
  article.osechi .feature.konpo dl dd {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
  }
  article.osechi .feature.send2 .t span {
    font-size: 70%;
  }
  article.osechi .feature.ozouni .t em {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.125rem;
    padding: 6px 0 7px;
    margin-bottom: 5px;
  }
  article.osechi .feature.ozouni .ph {
    width: 60%;
    margin: 0 auto 10px;
  }
  article.osechi .feature.column {
    width: 100%;
  }
  article.osechi .feature.column::before {
    display: none;
  }
  article.osechi .feature.column .columnList > li {
    width: 100%;
    padding: 12px 15px;
    border: 4px double #659d59;
  }
  article.osechi .feature.column .columnList > li:not(:last-child) {
    margin-bottom: 15px;
  }
  article.osechi .feature.column .columnList > li .ttl {
    font-size: 16px;
    margin-bottom: 6px;
  }
  article.osechi .feature.column .columnList > li.hitokuchi .t {
    width: 100px;
    margin: 0 auto 10px;
  }
  article.osechi .feature.column .columnList > li.hitokuchi .wrap {
    width: 100%;
  }
  article.osechi .feature.column .columnList > li.hitokuchi .c01 .ph {
    width: 65px;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  article.osechi .feature.column .columnList > li.hitokuchi .c01 .read small {
    font-size: 11px;
    line-height: 1.5;
    margin-top: 5px;
  }
  article.osechi .feature.column .columnList > li.hitokuchi .c02 {
    padding-top: 8px;
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
  article.osechi .feature.column .columnList > li.hitokuchi .ph02 {
    position: absolute;
    width: 90px;
    left: 18px;
    bottom: auto;
    top: 10px;
    transform: rotate(-15deg);
  }
  article.osechi .feature.column .columnList > li.iware .ph {
    position: relative;
    margin: 0 auto 10px;
    width: 220px;
    top: auto;
    right: auto;
    transform: rotate(0deg);
  }
  article.osechi .feature.column .columnList > li.juubako .ph {
    width: 90px;
    margin: 0 auto 10px;
  }
  /* （下層）おせちページ共通 */
  #osechi article.osechi {
    padding-top: 0px;
  }
  #osechi article.osechi .productTit {
    margin-bottom: 15px;
  }
  #osechi.detail article.osechi .feature.size .ph {
    margin-top: 0;
  }
  #osechi.detail article.osechi .feature.size .read {
    margin-top: 0;
  }
  #osechi.detail article.osechi .feature.ozouni .t em {
    margin-bottom: 5px;
  }
  #osechi.detail article.osechi .feature.ozouni .ph {
    width: 60%;
    margin: 0 auto 10px;
  }
  #osechi.detail article.osechi .feature.others {
    display: none;
  }
  #osechi.detail.hakata article.osechi .feature.others, #osechi.detail.chiyo article.osechi .feature.others, #osechi.detail.iwaiakaju article.osechi .feature.others, #osechi.detail.akasaka article.osechi .feature.others {
    display: none;
  }
  #osechi.detail.takasago article.osechi .feature.tokudai8sun, #osechi.detail.hatsuakaju article.osechi .feature.tokudai8sun, #osechi.detail.maizuru article.osechi .feature.tokudai8sun, #osechi.detail.sakurazaka article.osechi .feature.tokudai8sun {
    display: none;
  }
  #osechi.detail.takasago article.osechi .feature.others, #osechi.detail.hatsuakaju article.osechi .feature.others, #osechi.detail.maizuru article.osechi .feature.others, #osechi.detail.sakurazaka article.osechi .feature.others {
    display: block;
    width: 90%;
  }
  #osechi.detail.takasago article.osechi .feature.others.ozouni .t em, #osechi.detail.hatsuakaju article.osechi .feature.others.ozouni .t em, #osechi.detail.maizuru article.osechi .feature.others.ozouni .t em, #osechi.detail.sakurazaka article.osechi .feature.others.ozouni .t em {
    margin-bottom: 5px;
  }
  #osechi.detail.takasago article.osechi .feature.others.ozouni .ph, #osechi.detail.hatsuakaju article.osechi .feature.others.ozouni .ph, #osechi.detail.maizuru article.osechi .feature.others.ozouni .ph, #osechi.detail.sakurazaka article.osechi .feature.others.ozouni .ph {
    width: 60%;
    margin: 0 auto 10px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------

（下層）おせち詳細ページのみ

------------------------------------------------------------------------------------------------------------------ */
#osechi.detail article.osechi #container { /*padding-top: 30px;*/ }
#osechi.detail article.osechi .catch em {
  width: 82%;
}
#osechi.detail article.osechi .catch span {
  width: 18%;
}
#osechi.detail article.osechi .mainImg {
  position: relative;
  margin-bottom: 20px;
}
#osechi.detail article.osechi .mainImg .no1 {
  width: 115px;
  left: -10px;
  right: auto;
}
#osechi.detail article.osechi .mainImg.btm {
  margin-bottom: 40px;
}
#osechi.detail article.osechi .pointCopy { /*padding: 20px 25px; background: linear-gradient(to bottom, rgba(250,237,180,1) 0%,rgba(223,176,46,1) 50%,rgba(215,159,24,1) 50%,rgba(247,227,146,1) 100%); position: relative;*/
  margin-bottom: 25px; /*@include br(20);
box-shadow: inset 6px 12px 12px rgba(#fff,.5), inset -6px -12px 12px rgba(#fff,.5);*/
  /*&::before { content: ""; width: calc(100% - 24px); height: calc(100% - 24px); background: #fff; @include center; z-index: 1; display: none;}*/
  /*em { font-size: 22px; line-height: 1.8; font-family: $jp02; font-weight: 600; -webkit-text-stroke-width: .25px; letter-spacing: .015em; position: relative; z-index: 5; display: block; text-align: justify; 
   filter: drop-shadow(0px 0px 1px rgba(#fff, 1)) drop-shadow(0px 0px 2px rgba(#fff, 1)) drop-shadow(0px 0px 2px rgba(#fff, 1));
  }*/
}
#osechi.detail article.osechi .pdf {
  margin-bottom: 40px;
}
#osechi.detail article.osechi .point {
  width: 100%;
  margin-bottom: 30px;
}
#osechi.detail article.osechi .point li {
  width: 24.5%;
}
#osechi.detail article.osechi .point li:nth-of-type(1), #osechi.detail article.osechi .point li:nth-of-type(2) {
  margin-bottom: 0%;
}
#osechi.detail article.osechi .point li:first-child {
  display: flex;
  justify-content: space-between;
}
#osechi.detail article.osechi .point li:first-child span {
  width: 49%;
}
#osechi.detail article.osechi .cta {
  background: none;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0px;
  margin-bottom: 50px;
}
#osechi.detail article.osechi .cta .ph {
  display: none;
}
#osechi.detail article.osechi .cta .phDetail {
  width: auto;
  height: 260px;
  left: auto;
  top: auto; /* bottom: 5px; right: -5px;*/
  bottom: 20px;
  right: 10px;
}
#osechi.detail article.osechi .cta .phDetail img {
  width: auto !important;
  height: 100% !important;
}
#osechi.detail article.osechi .cta .t {
  margin-bottom: 20px;
  display: none;
}
#osechi.detail article.osechi .cta .t img {
  width: 740px !important;
  margin-left: 0px;
}
#osechi.detail article.osechi .cta .t::after {
  margin: 10px auto 0;
}
#osechi.detail article.osechi .cta .titWrap {
  width: 100%;
  border-right: none;
  padding-right: 0px;
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#osechi.detail article.osechi .cta .titWrap .tit {
  margin-bottom: 0px;
  width: 170px;
  text-indent: -1em;
}
#osechi.detail article.osechi .cta .titWrap .tit em {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6875rem;
}
#osechi.detail article.osechi .cta .titWrap .tit em::before {
  content: "〈";
}
#osechi.detail article.osechi .cta .titWrap .tit em::after {
  content: "〉";
}
#osechi.detail article.osechi .cta .titWrap p {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 170px);
}
#osechi.detail article.osechi .cta .titWrap p span {
  line-height: 0;
}
#osechi.detail article.osechi .cta .titWrap p span.contactLogo {
  width: 196px;
  margin-bottom: 5px;
}
#osechi.detail article.osechi .cta .titWrap p span.contactTit {
  width: 220px;
  margin-bottom: 0px;
  margin-top: 5px;
}
#osechi.detail article.osechi .cta .titWrap p span.contactTitle {
  width: 218px;
}
#osechi.detail article.osechi .cta .infoWrap {
  width: 100%;
  align-items: flex-start;
}
#osechi.detail article.osechi .cta .infoWrap .info {
  width: 67%;
  padding-left: 0px;
  border-bottom: none;
  padding-bottom: 0;
}
#osechi.detail article.osechi .cta .infoWrap .info .tit {
  margin-bottom: 10px;
}
#osechi.detail article.osechi .cta .infoWrap .info .tit span {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.875rem;
  margin-right: 25px;
}
#osechi.detail article.osechi .cta .infoWrap .info .tit small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.21875rem;
}
#osechi.detail article.osechi .cta .infoWrap .info .freedial a i {
  width: 42px;
}
#osechi.detail article.osechi .cta .infoWrap .info .freedial a em {
  font-size: 48px;
  font-size: 3rem;
  line-height: 3rem;
}
#osechi.detail article.osechi .cta .infoWrap .info .freedial small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  margin-left: 20px;
}
#osechi.detail article.osechi .cta .infoWrap .info .tel, #osechi.detail article.osechi .cta .infoWrap .info .fax {
  margin-top: 5px;
}
#osechi.detail article.osechi .cta .infoWrap .info .tel span, #osechi.detail article.osechi .cta .infoWrap .info .fax span {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 2.125rem;
}
#osechi.detail article.osechi .cta .infoWrap .info .tel span strong, #osechi.detail article.osechi .cta .infoWrap .info .fax span strong {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
  margin-left: 5px;
}
#osechi.detail article.osechi .cta .infoWrap .info .add {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  margin-top: 3px;
}
#osechi.detail article.osechi .cta .infoWrap .limit {
  width: 33%;
  padding: 10px 10px;
}
#osechi.detail article.osechi .cta .infoWrap .limit .tit {
  margin-bottom: 10px;
}
#osechi.detail article.osechi .cta .infoWrap .limit .read {
  margin-bottom: 15px;
}
#osechi.detail article.osechi .cta .send {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 3px solid #00acec;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px 20px;
}
#osechi.detail article.osechi .cta .send .tit {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.25rem;
  padding-left: 60px;
  padding-right: 10px;
  margin-bottom: 18px;
  margin-left: -20px;
}
#osechi.detail article.osechi .cta .send .tit i {
  width: 37px;
  line-height: 1;
}
#osechi.detail article.osechi .cta .send .tit::after {
  border-width: 18px 0 18px 15px;
}
#osechi.detail article.osechi .cta .send .read {
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 2.3rem;
  letter-spacing: 0.05em;
  text-align: left;
  padding-right: 180px;
}
#osechi.detail article.osechi .cta .send .read span {
  display: block;
  margin-top: 5px;
}
#osechi.detail article.osechi .cta .send .read small {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.7875rem;
  font-weight: 400;
  margin-top: 12px;
  letter-spacing: 0.025em;
}
#osechi.detail article.osechi .cta .send .read small strong {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #d90000;
}
#osechi.detail article.osechi .present {
  width: 80%;
  margin: 0px auto 40px;
  display: flex;
  flex-direction: column;
}
#osechi.detail article.osechi .present .t {
  width: 380px;
  margin: -12px 0 5px 20px;
}
#osechi.detail article.osechi .present .read {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  padding: 0 250px 20px 25px;
}
#osechi.detail article.osechi .present .ph {
  width: 260px;
  position: absolute;
  top: -50px;
  right: -25px;
}
#osechi.detail article.osechi .listWrap {
  margin-top: 60px;
  width: 100%;
}
#osechi.detail article.osechi .listWrap .tit {
  background-size: 100% 100%;
  margin-bottom: 20px;
}
#osechi.detail article.osechi .listWrap .tit i {
  width: 60px;
  left: 190px;
}
#osechi.detail article.osechi .listWrap .tit {
  /*em{ width: 300px;}*/
}
#osechi.detail article.osechi .listWrap .tit em {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.375rem;
}
#osechi.detail article.osechi .listWrap {
  /* リスト */
}
#osechi.detail article.osechi .listWrap ul.list {
  margin-top: 0px;
  margin-bottom: 0px;
  /*li, &::after{ width: 32%;}
  li{ margin-bottom: 2.3%;}*/
}
#osechi.detail article.osechi .listWrap ul.list li, #osechi.detail article.osechi .listWrap ul.list::after { /*width: 23.5%;*/
  width: calc(33.3333333333% - 13px);
}
#osechi.detail article.osechi .listWrap ul.list li { /*margin-bottom: 2%;*/
  margin-bottom: 20px;
}
#osechi.detail article.osechi .listWrap ul.list li.zounidashi {
  display: none;
}
#osechi.detail article.osechi .listWrap ul.list li {
  /*&:nth-of-type(9){ display: none;}*/
}
#osechi.detail article.osechi .listWrap .no1 {
  width: 52px;
}
#osechi.detail article.osechi .copy2023 {
  width: 90%;
}
#osechi.detail article.osechi .featureWrap {
  width: 100%;
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------
スマホのみの設定
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  /* （下層）おせち詳細ページのみ
  ---------------------------------------------------------*/
  #osechi.detail article.osechi .catch em {
    width: 65%;
    margin-right: 2%;
  }
  #osechi.detail article.osechi .catch span {
    width: 33%;
  }
  #osechi.detail article.osechi .mainImg {
    margin-bottom: 15px;
  }
  #osechi.detail article.osechi .mainImg .no1 {
    width: 46px; /*width: 80px;*/
    left: 3px;
    right: auto;
  }
  #osechi.detail article.osechi .mainImg.btm {
    margin-bottom: 40px;
  }
  #osechi.detail article.osechi .pointCopy { /*padding: 12px 20px;*/
    margin: 0 auto 20px;
    width: 94%;
    /*&::before { width: calc(100% - 10px); height: calc(100% - 10px);}*/
    /*em { font-size: 15px; line-height: 1.6;}*/
  }
  #osechi.detail article.osechi .pdf {
    margin-bottom: 40px;
  }
  #osechi.detail article.osechi .point {
    width: 96%;
    margin-bottom: 20px;
  }
  #osechi.detail article.osechi .point li {
    width: 49.5%;
    margin-bottom: 1%;
  }
  #osechi.detail article.osechi .point li:nth-of-type(1), #osechi.detail article.osechi .point li:nth-of-type(2) {
    margin-bottom: 1%;
  }
  #osechi.detail article.osechi .point li:last-child span {
    width: 49%;
  }
  #osechi.detail article.osechi .cta {
    background: none;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px;
    margin-bottom: 40px;
    width: 90%;
    /*.ph{ width:42%; height: auto; left:auto; top:-7%; bottom: auto; right: -4%;*/
  }
  #osechi.detail article.osechi .cta .ph {
    display: none;
  }
  #osechi.detail article.osechi .cta .phDetail {
    width: auto;
    height: 190px;
    left: auto;
    top: -51px;
    bottom: auto;
    right: -4%;
  }
  #osechi.detail article.osechi .cta .phDetail img {
    width: auto !important;
    height: 100% !important;
  }
  #osechi.detail article.osechi .cta .phDetail {
    /*img{ width: 100% !important; height: auto !important;}*/
  }
  #osechi.detail article.osechi .cta .t {
    margin-bottom: 20px;
    display: none;
  }
  #osechi.detail article.osechi .cta .t img {
    width: 80px !important;
    margin-left: 0px;
  }
  #osechi.detail article.osechi .cta .t::after {
    margin: 10px auto 0;
  }
  #osechi.detail article.osechi .cta .titWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  #osechi.detail article.osechi .cta .titWrap .tit {
    margin-bottom: 8px;
    width: auto;
    text-indent: -0.5em;
  }
  #osechi.detail article.osechi .cta .titWrap .tit em {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
  }
  #osechi.detail article.osechi .cta .titWrap p {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 145px);
  }
  #osechi.detail article.osechi .cta .titWrap p span {
    line-height: 0;
  }
  #osechi.detail article.osechi .cta .titWrap p span.contactLogo {
    width: 100%;
    margin-bottom: 10px;
  }
  #osechi.detail article.osechi .cta .titWrap p span.contactTit {
    width: 100%;
    margin-bottom: 8px;
    margin-top: 0px;
  }
  #osechi.detail article.osechi .cta .titWrap p span.contactTitle {
    width: 100%;
  }
  #osechi.detail article.osechi .cta .infoWrap {
    flex-wrap: wrap;
  }
  #osechi.detail article.osechi .cta .infoWrap .info {
    width: 100%;
    padding-left: 0px;
    border-bottom: none;
    padding-bottom: 10px;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .tit {
    margin-bottom: 20px;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .tit span {
    margin-right: 0;
    margin-bottom: 10px;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .tit small {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .freedial {
    margin-bottom: 5px;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .freedial a i {
    width: 36px;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .freedial a em {
    font-size: 46px;
    font-size: 2.875rem;
    line-height: 0rem;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .freedial small {
    margin-left: 0;
    margin-top: 5px;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .tel, #osechi.detail article.osechi .cta .infoWrap .info .fax {
    margin-bottom: 5px;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .tel span, #osechi.detail article.osechi .cta .infoWrap .info .fax span {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 2.125rem;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .tel span strong, #osechi.detail article.osechi .cta .infoWrap .info .fax span strong {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .tel span {
    font-size: 19px !important;
  }
  #osechi.detail article.osechi .cta .infoWrap .info .add {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
  }
  #osechi.detail article.osechi .cta .infoWrap .limit {
    width: 100%;
    margin-top: 10px;
  }
  #osechi.detail article.osechi .cta .send {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 15px;
  }
  #osechi.detail article.osechi .cta .send .tit {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 15px;
    margin-left: auto;
  }
  #osechi.detail article.osechi .cta .send .tit span {
    position: absolute;
    width: 40px;
    bottom: 0;
    left: 7px;
    display: none;
  }
  #osechi.detail article.osechi .cta .send .tit i {
    width: 32px;
  }
  #osechi.detail article.osechi .cta .send .tit::after {
    border-width: 12px 10px 0 10px;
  }
  #osechi.detail article.osechi .cta .send .read {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2rem;
    padding-right: 0px;
    letter-spacing: 0.025em;
  }
  #osechi.detail article.osechi .cta .send .read small {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.75rem;
    margin-top: 12px;
  }
  #osechi.detail article.osechi .present {
    width: 90%;
    border-radius: 15px;
    margin: 0 auto 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 18px 15px;
  }
  #osechi.detail article.osechi .present .t {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8rem;
    color: #d90000;
    margin: -15px auto 5px;
    text-align: center;
    filter: drop-shadow(0px 0px 3px rgb(255, 255, 255)) drop-shadow(0px 0px 5px rgb(255, 255, 255));
    width: 100%;
  }
  #osechi.detail article.osechi .present .read {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4625rem;
    padding: 0;
    width: 55%;
  }
  #osechi.detail article.osechi .present .ph {
    width: 48%;
    position: absolute;
    top: 25px;
    right: -4%;
    margin: auto;
  }
  #osechi.detail article.osechi {
    /*.featureWrap{ padding-top: 30px;}
    .feature{
    .ph{ width: 100%;}
    .t{ @include fs(20,1.6);
    em{ @include fs(14,1.2); padding: 6px 15px 8px; margin-bottom: 10px; width: 100%;}
    }
    .read, ol li{ @include fs(13,1.8);}
    &.size{ width: 90%; background: url("../../osechi/img/cmn/bgSp.jpg") no-repeat; align-items: center; justify-content: space-between; padding: 20px 15px 25px;
    .t{ @include fs(20,1.6); width: 100%; margin-bottom: 20px; margin-top: 0; 
    span{ width: auto;}
    strong{ font-size: 140%;}
    }
    .ph{ float: none; margin: 0; width: 100%; margin-bottom: 15px;}
    .read{ @include fs(14,2.0); width: 100%; margin-left: auto;
    em, strong{ }
    em{ font-size: 180%;}
    strong{ font-size: 160%;}
    }}
    &.sozai{}
    &.kakaku{}
    &.reito{
    .ph{ width: 80%; margin:0 auto 10px;}
    }
    &.konpo{
    .ph{ width: 80%; margin:0 auto 5px; }
    dl{ margin-top: 15px;
    dt{ @include fs(13); padding: 0 8px; margin-bottom: 5px;}
    dd{ @include fs(14); }
    }}
    &.ozouni, &.send{
    .t{
    em{ @include fs(18,1); padding: 6px 0 8px;}
    }}
    &.ozouni{
    .ph{ width: 70%; margin:0 auto 10px; }
    }
    &.send{ width: 90%;}
    &.column{
    .t{ margin-bottom: 15px;}
    .columnList{
    > li{ width: 100%; padding: 12px 15px;
    &:nth-of-type(1), &:nth-of-type(2), &:nth-of-type(3){ margin-bottom: 15px;}
    .ttl{ font-size: 16px; margin-bottom:6px;}
    small{ font-size: 90%; line-height: 1.6; margin-top: 10px;}
    .ph{}
    ol{
    li{
    em{}
    span{}
    }
    }
    }
    }
    }
    }*/
  }
  #osechi.detail article.osechi .listWrap {
    margin-top: 30px;
  }
  #osechi.detail article.osechi .listWrap .tit {
    margin-bottom: 20px;
    background-size: cover;
    padding: 12px 0;
  }
  #osechi.detail article.osechi .listWrap .tit i {
    width: 48px;
    left: 5px;
  }
  #osechi.detail article.osechi .listWrap .tit em {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  #osechi.detail article.osechi .listWrap {
    /* リスト */
  }
  #osechi.detail article.osechi .listWrap ul.list {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 94%;
  }
  #osechi.detail article.osechi .listWrap ul.list li, #osechi.detail article.osechi .listWrap ul.list::after {
    width: 49%;
  }
  #osechi.detail article.osechi .listWrap ul.list li {
    margin-bottom: 2%;
  }
  #osechi.detail article.osechi .listWrap ul.list li a {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  }
  #osechi.detail article.osechi .listWrap ul.list li a .no1 {
    width: 50px;
  }
  #osechi.detail article.osechi .listWrap ul.list li {
    /*&.chazuke{ display: none;}*/
  }
  #osechi.detail article.osechi .copy2023 {
    width: 70%;
  }
  #osechi.detail article.osechi .featureWrap {
    width: 100%;
  }
}
/* ------------------------------------------------------------------------------------------------------------------

（下層）おせちTOPページのみ

------------------------------------------------------------------------------------------------------------------*/
#osechi.top article.osechi .listWrap {
  margin-top: 20px;
}
#osechi.top article.osechi .listWrap ul.list {
  margin: 0 auto 50px;
}
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------
スマホのみの設定
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  /* （下層）おせちTOPページのみ
  ---------------------------------------------------------*/
  #osechi.top article.osechi .catch {
    margin-bottom: 20px;
  }
  #osechi.top article.osechi .listWrap {
    margin-top: 0px;
  }
  #osechi.top article.osechi .listWrap ul.list {
    width: 94%;
    margin: 0 auto 20px;
  }
  #osechi.top article.osechi .listWrap ul.list li {
    width: 49%;
    margin-bottom: 2%;
  }
  #osechi.top article.osechi .listWrap ul.list li a {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  }
  #osechi.top article.osechi .listWrap ul.list li a .no1 {
    width: 50px;
  }
  #osechi.top article.osechi .listWrap ul.list li:nth-of-type(9) {
    display: none;
  }
  #osechi.top article.osechi .listWrap .point {
    width: 90%;
  }
  #osechi.top article.osechi .listWrap .present {
    margin-bottom: 30px;
  }
  #osechi.top article.osechi .cta {
    margin-top: 30px;
  }
}
/* おせち現在地
---------------------------------------------------------*/
body.hakata .listWrap .list li.hakata::after,
body.hakatanishiki .listWrap .list li.hakatanishiki::after,
body.chiyo .listWrap .list li.chiyo::after,
body.iwaiakaju .listWrap .list li.iwaiakaju::after,
body.hatsuakaju .listWrap .list li.hatsuakaju::after,
body.akasaka .listWrap .list li.akasaka::after,
body.sakurazaka .listWrap .list li.sakurazaka::after,
body.kasuga .listWrap .list li.kasuga::after,
body.takasago .listWrap .list li.takasago::after,
body.maizuru .listWrap .list li.maizuru::after,
body.houjubako .listWrap .list li.houjubako::after {
  content: "このページで\a紹介しているおせち";
  white-space: pre;
  color: #51300c;
  font-weight: 700;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  letter-spacing: 0;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  background: url("../../osechi/img/cmn/baloon.png") no-repeat top center;
  background-size: 100% auto;
  width: 80%;
  height: 35%;
  z-index: 5; /* @include fs(14,1.4); padding-top: 7%; margin-top: -6%;*/
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4rem;
  padding-top: 8%;
  margin-top: -10%;
}

body.hakata .listWrap .list li.hakata a,
body.hakatanishiki .listWrap .list li.hakatanishiki a,
body.chiyo .listWrap .list li.chiyo a,
body.iwaiakaju .listWrap .list li.iwaiakaju a,
body.hatsuakaju .listWrap .list li.hatsuakaju a,
body.akasaka .listWrap .list li.akasaka a,
body.sakurazaka .listWrap .list li.sakurazaka a,
body.kasuga .listWrap .list li.kasuga a,
body.takasago .listWrap .list li.takasago a,
body.maizuru .listWrap .list li.maizuru a,
body.houjubako .listWrap .list li.houjubako a {
  pointer-events: none;
  opacity: 0.35;
}

body.hakata #sideNav ul li.hakata a,
body.hakatanishiki #sideNav ul li.hakatanishiki a,
body.chiyo #sideNav ul li.chiyo a,
body.iwaiakaju #sideNav ul li.iwaiakaju a,
body.hatsuakaju #sideNav ul li.hatsuakaju a,
body.akasaka #sideNav ul li.akasaka a,
body.sakurazaka #sideNav ul li.sakurazaka a,
body.kasuga #sideNav ul li.kasuga a,
body.takasago #sideNav ul li.takasago a,
body.maizuru #sideNav ul li.maizuru a,
body.houjubako #sideNav ul li.houjubako a {
  color: #d90000;
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------
スマホのみの設定
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  body.hakata .listWrap .list li.hakata::after,
  body.chiyo .listWrap .list li.chiyo::after,
  body.iwaiakaju .listWrap .list li.iwaiakaju::after,
  body.hatsuakaju .listWrap .list li.hatsuakaju::after,
  body.akasaka .listWrap .list li.akasaka::after,
  body.sakurazaka .listWrap .list li.sakurazaka::after,
  body.takasago .listWrap .list li.takasago::after,
  body.maizuru .listWrap .list li.maizuru::after,
  body.houjubako .listWrap .list li.houjubako::after {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.225rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    width: 90%;
    height: 35%;
    padding-top: 7%;
    margin-top: -6%;
  }
  body.hakata .listWrap .list li.hakata a,
  body.hakatanishiki .listWrap .list li.hakatanishiki a,
  body.chiyo .listWrap .list li.chiyo a,
  body.iwaiakaju .listWrap .list li.iwaiakaju a,
  body.hatsuakaju .listWrap .list li.hatsuakaju a,
  body.akasaka .listWrap .list li.akasaka a,
  body.sakurazaka .listWrap .list li.sakurazaka a,
  body.kasuga .listWrap .list li.kasuga a,
  body.takasago .listWrap .list li.takasago a,
  body.maizuru .listWrap .list li.maizuru a,
  body.houjubako .listWrap .list li.houjubako a {
    pointer-events: none;
  }
}
/* --------------------------------------------------------------
2025.08.26追加
-------------------------------------------------------------- */
.sp-break {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sp-break {
    display: block;
  }
  .sp-add-01 {
    font-size: 1.2rem !important;
    font-weight: bold;
  }
  .add-10 {
    margin-bottom: 10px;
  }
}
/* --------------------------------------------------------

                         おしゃれ専科・シューズ

 数字class名のエスケープ処理
 https://mothereff.in/css-escapes

-------------------------------------------------------- */
#fashion.detail ul.list li {
  display: none;
}

#fashion.detail {
  /*&.as0360,
  &.as0370,
  &.gv047,
  &.as0310,
  &.\32 230,
  &.nat1000,
  &.nh018,
  &.\34 9297,
  &.\37 650,
  &.\34 8299,
  &.\33 9211,
  &.gv025,
  &.gv017,
  &.gv010,
  &.gv032,
  &.m1709,
  &.as0014,
  &.iw0020,
  &.as0016,
  &.ne2033,
  &.c907553{ ul.list li.tops{ display: block;}}
  &.c901560,
  &.\37 850,
  &.\37 840,
  &.\38 222,
  &.c907552,
  &.\33 6269 { ul.list li.bottoms{ display: block;}}
  &.c901500,
  &.as0350,
  &.\32 6238,
  &.\32 4226,
  &.\33 9211,
  &.nh017,
  &.acpr2147,
  &.ys20,
  &.c907552,
  &.c907553,
  &.\33 6269,
  &.m1709 { ul.list li.others{ display: block;}}*/
  /*&.mens{ ul.list li.mens{ display: block;}}
  &.ladies{ ul.list li.ladies{ display: block;}}*/
}
#fashion.detail .recommend ul.list li {
  display: none;
}
#fashion.detail .recommend.tops ul.list li.tops {
  display: block;
}
#fashion.detail .recommend.bottoms ul.list li.bottoms {
  display: block;
}
#fashion.detail .recommend.others ul.list li.others {
  display: block;
}
#fashion.detail .recommend.mens { /*ul.list li.mens{ display: block;}*/ }
#fashion.detail .recommend.mens ul.list li.ladies {
  display: none;
}
#fashion.detail .recommend.ladies { /*ul.list li.ladies{ display: block;}*/ }
#fashion.detail .recommend.ladies ul.list li.mens {
  display: none;
}

#fashion.detail .listWrap ul.list {
  justify-content: flex-start;
}
#fashion.detail .listWrap ul.list li {
  margin-right: 0.66%;
}
#fashion.detail .listWrap ul.list li:nth-of-type(4n) {
  margin-right: 0;
}

/* （HOME含む）おしゃれ専科共通
---------------------------------------------------------*/
article.fashion {
  background: #f4ede6;
  padding: 0 0 0;
}
article.fashion .title { /*background: url("../img/bgMcm.png") repeat #4b3421;*/
  background: url("../img/bgMcm.png") repeat #2b72ba;
}
article.fashion .title::after {
  background: url("../img/titFashionEn.png") no-repeat;
}
article.fashion .title em {
  /*&::before{ background: url("../img/icFashion1.png") no-repeat; height: 110px; margin-top: 10px;}
  &::after{ background: url("../img/icFashion2.png") no-repeat; height: 105px; margin-top: 5px;}*/
  /*&::before{ background: url("../img/icFashion1-2.png") no-repeat; height: 110px; margin-top: 10px;}
  &::after{ background: url("../img/icFashion2-2.png") no-repeat; height: 110px; width: 55% !important; margin-top: 5px;}*/
}
article.fashion .title em::before {
  background: url("../img/icFashion1-2.png") no-repeat;
  height: 90px;
  margin-top: 10px;
}
article.fashion .title em::after {
  background: url("../img/icFashion2-2.png") no-repeat;
  height: 85px;
  width: 55% !important;
  margin-top: 5px;
}
article.fashion {
  /* リスト */
}
article.fashion ul.list li, article.fashion ul.list::after {
  width: 32.8%;
}
article.fashion ul.list li {
  background: #dbdced;
  margin-bottom: 1%;
}
article.fashion ul.list {
  /*&::after{ width: 49.75%;}*/
}

/* （HOME含む）シューズ共通
---------------------------------------------------------*/
article.shoes {
  background: #f6eef3;
  padding: 0 0 0;
}
article.shoes .title {
  background: url("../img/bgMcm.png") repeat #925da3;
}
article.shoes .title::after {
  background: url("../img/titShoesEn.png") no-repeat;
}
article.shoes .title em {
  flex-direction: column;
}
article.shoes .title em strong {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.375rem;
  display: block;
  color: #e60000;
  font-weight: 900;
  background: #fff;
  border-radius: 20px;
  padding: 6px 30px;
  width: 100%;
  margin-top: 12px;
}
article.shoes .title em::before {
  background: url("../img/icShoes1.png") no-repeat;
  height: 120px;
  margin-top: -20px;
}
article.shoes .title em::after {
  background: url("../img/icShoes2.png") no-repeat;
  height: 120px;
  margin-top: -25px;
}
article.shoes ul.list li, article.shoes ul.list::after {
  width: 32.8%;
}
article.shoes ul.list li {
  margin-bottom: 0.75%;
}
article.shoes ul.list li.unisex {
  background: #f3dfc4;
}
article.shoes ul.list li.ladies {
  background: #f1c4d3;
}
article.shoes ul.list li.mens {
  background: #dbdced;
}

/* （HOME含む）おしゃれ専科・シューズ共通
---------------------------------------------------------*/
article.fashion, article.shoes {
  padding-bottom: 2rem;
}
article.fashion .title, article.shoes .title {
  margin: 0 auto 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 2.5%;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 8px 5px -3px rgba(0, 0, 0, 0.2) inset, 0 -8px 5px -3px rgba(0, 0, 0, 0.2) inset;
}
article.fashion .title::before, article.fashion .title::after, article.shoes .title::before, article.shoes .title::after {
  content: "";
  display: block;
  width: 40%;
}
article.fashion .title::before, article.shoes .title::before {
  background: url("../img/logoMcm.png") no-repeat center;
  width: 100%;
  height: 45px;
  background-size: auto 100%;
  background-position: left;
}
article.fashion .title::after, article.shoes .title::after {
  width: 100%;
  height: 60px;
  background-size: auto 100%;
  background-position: right;
}
article.fashion .title, article.shoes .title {
  /*em{ position: relative; @include flex; align-items: center; z-index: 10;*/
}
article.fashion .title em, article.shoes .title em {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 2.25rem;
  letter-spacing: 0;
  color: #fff;
  font-weight: 900;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  white-space: nowrap;
}
article.fashion .title em img, article.shoes .title em img {
  height: 35px !important;
  width: auto !important;
}
article.fashion .title em::before, article.fashion .title em::after, article.shoes .title em::before, article.shoes .title em::after {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  background-size: auto 100%;
}
article.fashion .title em::before, article.shoes .title em::before {
  right: 105%;
  background-position: right;
}
article.fashion .title em::after, article.shoes .title em::after {
  left: 105%;
  background-position: left;
}
article.fashion, article.shoes {
  /* 商品一覧フォーマット */
}
article.fashion ul.list li, article.shoes ul.list li {
  text-align: left;
}
article.fashion .spec, article.shoes .spec {
  padding: 4% 5% 2.5%;
}
article.fashion .spec .num, article.fashion .specWrap .num, article.shoes .spec .num, article.shoes .specWrap .num {
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 5px;
}
article.fashion .spec .num span, article.fashion .specWrap .num span, article.shoes .spec .num span, article.shoes .specWrap .num span {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.2375rem;
  background: #363dbe;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 5px 2px;
  margin-right: 8px;
  letter-spacing: 0;
}
article.fashion .spec .num em, article.fashion .specWrap .num em, article.shoes .spec .num em, article.shoes .specWrap .num em {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  padding-bottom: 0.5%;
}
article.fashion .spec .num small, article.fashion .specWrap .num small, article.shoes .spec .num small, article.shoes .specWrap .num small {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.015em;
  font-weight: 500;
  padding-left: 1em;
  position: relative;
  width: calc(100% - 120px);
  margin-left: auto;
  padding-bottom: 0.25em;
}
article.fashion .spec .num small::before, article.fashion .specWrap .num small::before, article.shoes .spec .num small::before, article.shoes .specWrap .num small::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
article.fashion .spec .t, article.fashion .specWrap .t, article.shoes .spec .t, article.shoes .specWrap .t {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4rem;
}
article.fashion .spec .price, article.fashion .specWrap .price, article.shoes .spec .price, article.shoes .specWrap .price {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  margin-top: 5px;
}
article.fashion .spec .price em, article.fashion .specWrap .price em, article.shoes .spec .price em, article.shoes .specWrap .price em {
  color: #d90000;
  font-weight: 900;
  letter-spacing: 0;
}
article.fashion .spec .price em span, article.fashion .specWrap .price em span, article.shoes .spec .price em span, article.shoes .specWrap .price em span {
  font-size: 70%;
}
article.fashion .spec .price small, article.fashion .specWrap .price small, article.shoes .spec .price small, article.shoes .specWrap .price small {
  font-size: 50%;
}

/* （カテゴリTOP・下層）オシャレ専科・シューズ共通
---------------------------------------------------------*/
#fashion article.fashion, #shoes article.shoes {
  padding-top: 25px;
}
#fashion article.fashion .title, #shoes article.shoes .title {
  height: 160px;
  position: relative;
  justify-content: flex-end;
}
#fashion article.fashion .title::before, #fashion article.fashion .title::after, #shoes article.shoes .title::before, #shoes article.shoes .title::after {
  position: absolute;
  background-position: left;
}
#fashion article.fashion .title::before, #shoes article.shoes .title::before {
  top: 18px;
  left: 30px;
}
#fashion article.fashion .title::after, #shoes article.shoes .title::after {
  bottom: 18px;
}
#fashion article.fashion .title em::before, #shoes article.shoes .title em::before {
  width: 48%;
}
#fashion article.fashion .title em::after, #shoes article.shoes .title em::after {
  width: 48%;
}

/* （カテゴリTOP・下層）オシャレ専科
---------------------------------------------------------*/
#fashion article.fashion .title::after {
  left: 180px;
}
#fashion article.fashion .title em { /*margin-right: 13%;*/
  margin-right: 17%;
}
#fashion article.fashion .title em::before {
  margin-top: 0px;
}
#fashion article.fashion .title em::after {
  margin-top: 0px;
}

/* （カテゴリTOP・下層）シューズ
---------------------------------------------------------*/
#shoes article.shoes .title::after {
  left: 150px;
}
#shoes article.shoes .title em {
  margin-right: 10%;
}
#shoes article.shoes .title em::before {
  right: 102.5%;
  margin-top: -20px;
}
#shoes article.shoes .title em::after {
  left: 101.5%;
  margin-top: -25px;
}

/* （下層）オシャレ専科・シューズ共通
---------------------------------------------------------*/
#fashion.detail article.fashion, #shoes.detail article.shoes {
  /* 商品詳細部分 */
}
#fashion.detail article.fashion .specWrap, #shoes.detail article.shoes .specWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*align-items: flex-end;*/
  margin-bottom: 70px;
  background: #fff;
  padding: 30px 30px;
}
#fashion.detail article.fashion .specWrap .num, #shoes.detail article.shoes .specWrap .num {
  margin-bottom: 20px;
  width: 100%;
}
#fashion.detail article.fashion .specWrap .num span, #fashion.detail article.fashion .specWrap .num em, #shoes.detail article.shoes .specWrap .num span, #shoes.detail article.shoes .specWrap .num em {
  font-weight: 400;
}
#fashion.detail article.fashion .specWrap .num span, #shoes.detail article.shoes .specWrap .num span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.575rem;
  padding: 3px 18px 4px;
  margin-right: 20px;
}
#fashion.detail article.fashion .specWrap .num em, #shoes.detail article.shoes .specWrap .num em {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
  font-weight: 500;
}
#fashion.detail article.fashion .specWrap .num small, #shoes.detail article.shoes .specWrap .num small {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.015em;
  font-weight: 500;
  padding-left: 1em;
  position: relative;
  width: calc(100% - 375px);
  margin-left: auto;
  text-align: left;
}
#fashion.detail article.fashion .specWrap .num small::before, #shoes.detail article.shoes .specWrap .num small::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
#fashion.detail article.fashion .specWrap .specDetail, #shoes.detail article.shoes .specWrap .specDetail {
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}
#fashion.detail article.fashion .specWrap .specDetail tr:not(:first-child), #shoes.detail article.shoes .specWrap .specDetail tr:not(:first-child) {
  border-top: 1px dashed rgba(0, 0, 0, 0.5);
}
#fashion.detail article.fashion .specWrap .specDetail th, #fashion.detail article.fashion .specWrap .specDetail td, #shoes.detail article.shoes .specWrap .specDetail th, #shoes.detail article.shoes .specWrap .specDetail td {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6875rem;
  font-weight: 400;
  padding: 5px 0;
}
#fashion.detail article.fashion .specWrap .specDetail th, #shoes.detail article.shoes .specWrap .specDetail th {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  width: 80px;
}
#fashion.detail article.fashion .specWrap .specDetail th::after, #shoes.detail article.shoes .specWrap .specDetail th::after {
  content: "：";
  padding: 0 0.5em;
}
#fashion.detail article.fashion .specWrap .specDetail td, #shoes.detail article.shoes .specWrap .specDetail td {
  width: 100%;
}
#fashion.detail article.fashion .specWrap .sizeWrap, #shoes.detail article.shoes .specWrap .sizeWrap {
  width: 48%;
  margin-bottom: 30px;
}
#fashion.detail article.fashion .specWrap .sizeWrap .t, #shoes.detail article.shoes .specWrap .sizeWrap .t {
  text-align: left;
  margin-bottom: 10px;
}
#fashion.detail article.fashion .specWrap .sizeWrap .size, #shoes.detail article.shoes .specWrap .sizeWrap .size {
  width: 100%;
}
#fashion.detail article.fashion .specWrap .sizeWrap.wide, #shoes.detail article.shoes .specWrap .sizeWrap.wide {
  margin-bottom: 0;
}
#fashion.detail article.fashion .specWrap .size,
#fashion.detail article.fashion .specWrap .priceWrap, #shoes.detail article.shoes .specWrap .size,
#shoes.detail article.shoes .specWrap .priceWrap {
  width: 48%;
}
#fashion.detail article.fashion .specWrap .priceWrap, #shoes.detail article.shoes .specWrap .priceWrap {
  text-align: left;
}
#fashion.detail article.fashion .specWrap .productName, #shoes.detail article.shoes .specWrap .productName {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 5px;
}
#fashion.detail article.fashion .specWrap .price, #shoes.detail article.shoes .specWrap .price {
  font-size: 32px;
  font-size: 2rem;
  line-height: 3.6rem;
}
#fashion.detail article.fashion .specWrap .price b, #shoes.detail article.shoes .specWrap .price b {
  font-size: 50%;
  font-weight: 500;
  padding-right: 6px;
}
#fashion.detail article.fashion .specWrap .price em span, #shoes.detail article.shoes .specWrap .price em span {
  font-size: 64%;
}
#fashion.detail article.fashion .specWrap .price small, #shoes.detail article.shoes .specWrap .price small {
  font-size: 50%;
  letter-spacing: 0.025em;
}
#fashion.detail article.fashion .specWrap .size, #fashion.detail article.fashion .specWrap .color, #shoes.detail article.shoes .specWrap .size, #shoes.detail article.shoes .specWrap .color {
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.9);
}
#fashion.detail article.fashion .specWrap .size thead, #fashion.detail article.fashion .specWrap .color thead, #shoes.detail article.shoes .specWrap .size thead, #shoes.detail article.shoes .specWrap .color thead {
  background: rgba(54, 61, 190, 0.15);
}
#fashion.detail article.fashion .specWrap .size thead th, #fashion.detail article.fashion .specWrap .size thead td, #fashion.detail article.fashion .specWrap .color thead th, #fashion.detail article.fashion .specWrap .color thead td, #shoes.detail article.shoes .specWrap .size thead th, #shoes.detail article.shoes .specWrap .size thead td, #shoes.detail article.shoes .specWrap .color thead th, #shoes.detail article.shoes .specWrap .color thead td {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.1375rem;
  padding: 5px 4px;
}
#fashion.detail article.fashion .specWrap .size th, #fashion.detail article.fashion .specWrap .size td, #fashion.detail article.fashion .specWrap .color th, #fashion.detail article.fashion .specWrap .color td, #shoes.detail article.shoes .specWrap .size th, #shoes.detail article.shoes .specWrap .size td, #shoes.detail article.shoes .specWrap .color th, #shoes.detail article.shoes .specWrap .color td {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.3125rem;
  font-weight: 400;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 6px 4px;
  vertical-align: middle;
}
#fashion.detail article.fashion .specWrap .size th, #fashion.detail article.fashion .specWrap .color th, #shoes.detail article.shoes .specWrap .size th, #shoes.detail article.shoes .specWrap .color th {
  white-space: nowrap;
}
#fashion.detail article.fashion .specWrap .size strong, #fashion.detail article.fashion .specWrap .color strong, #shoes.detail article.shoes .specWrap .size strong, #shoes.detail article.shoes .specWrap .color strong {
  color: #363dbe;
}
#fashion.detail article.fashion .specWrap .color_sizeWrap, #shoes.detail article.shoes .specWrap .color_sizeWrap {
  width: 48%;
  display: flex;
  flex-direction: column;
}
#fashion.detail article.fashion .specWrap .nlw, #shoes.detail article.shoes .specWrap .nlw {
  width: 48%;
}
#fashion.detail article.fashion .specWrap .wide, #shoes.detail article.shoes .specWrap .wide {
  width: 100%;
}
#fashion.detail article.fashion, #shoes.detail article.shoes {
  /* ページ下部 商品一覧フォーマット */
}
#fashion.detail article.fashion .listWrap .tit, #shoes.detail article.shoes .listWrap .tit {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.25rem;
  font-weight: 600;
  color: #fff;
  padding: 2px 15px;
  text-align: left;
  margin-bottom: 20px;
}
#fashion.detail article.fashion ul.list li, #shoes.detail article.shoes ul.list li {
  margin-bottom: 0.6%;
}
#fashion.detail article.fashion ul.list li .ph, #shoes.detail article.shoes ul.list li .ph {
  margin-bottom: 0px;
}
#fashion.detail article.fashion ul.list li .spec, #shoes.detail article.shoes ul.list li .spec {
  padding: 5% 5% 2.5%;
}
#fashion.detail article.fashion ul.list li .spec .num, #shoes.detail article.shoes ul.list li .spec .num { /*display: none;*/
  margin-bottom: 5px;
}
#fashion.detail article.fashion ul.list li .spec .num span, #shoes.detail article.shoes ul.list li .spec .num span {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.125rem;
  padding: 1px 5px 2px;
  margin-right: 6px;
}
#fashion.detail article.fashion ul.list li .spec .num em, #shoes.detail article.shoes ul.list li .spec .num em {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35rem;
}
#fashion.detail article.fashion ul.list li .spec .t, #shoes.detail article.shoes ul.list li .spec .t {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35rem;
  font-weight: 500;
}
#fashion.detail article.fashion ul.list li .spec .price, #shoes.detail article.shoes ul.list li .spec .price {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.375rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  overflow: hidden; /*display: none;*/
}
#fashion.detail article.fashion ul.list li .spec .price em, #shoes.detail article.shoes ul.list li .spec .price em {
  white-space: nowrap;
}
#fashion.detail article.fashion ul.list li .spec .price em span, #shoes.detail article.shoes ul.list li .spec .price em span {
  font-size: 70%;
}
#fashion.detail article.fashion ul.list li .spec .price small, #shoes.detail article.shoes ul.list li .spec .price small {
  font-size: 50%;
  white-space: nowrap;
}

/* （下層）おしゃれ専科ページのみ共通
---------------------------------------------------------*/
#fashion.detail article.fashion .listWrap .tit {
  background: #4b3421;
}

/* （下層）シューズページのみ共通
---------------------------------------------------------*/
#shoes.detail article.shoes .specWrap .specDetail th {
  width: 110px;
}
#shoes.detail article.shoes .specWrap .specDetail.nlw {
  width: 35%;
}
#shoes.detail article.shoes .specWrap .color_sizeWrap {
  width: 62%;
}
#shoes.detail article.shoes .specWrap .size, #shoes.detail article.shoes .specWrap .color {
  margin-bottom: 20px;
}
#shoes.detail article.shoes .specWrap .size th, #shoes.detail article.shoes .specWrap .color th {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
}
#shoes.detail article.shoes .specWrap {
  /* ウィンブルドン */
}
#shoes.detail article.shoes .specWrap.wimbledon .num {
  margin-bottom: 10px;
}
#shoes.detail article.shoes .specWrap.wimbledon .productName {
  border-bottom: none;
  padding-bottom: 0;
}
#shoes.detail article.shoes .specWrap.wimbledon .priceWrap {
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding-bottom: 5px;
}
#shoes.detail article.shoes .specWrap.wimbledon .size, #shoes.detail article.shoes .specWrap.wimbledon .color {
  margin-bottom: 0px;
}
#shoes.detail article.shoes .listWrap .tit {
  background: #925da3;
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------
スマホのみの設定
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  #fashion.detail .listWrap ul.list {
    justify-content: space-between;
  }
  #fashion.detail .listWrap ul.list li {
    margin-right: 0%;
  }
  #fashion.detail .listWrap ul.list li:nth-of-type(4n) {
    margin-right: 0;
  }
  /* （HOME含む）おしゃれ専科共通
  ---------------------------------------------------------*/
  article.fashion {
    padding: 0 0 0;
  }
  article.fashion .title em::before {
    height: 70px;
    margin-top: 0px;
  }
  article.fashion .title em::after {
    height: 70px;
    margin-top: 0px;
  }
  article.fashion {
    /* リスト */
  }
  article.fashion ul.list li, article.fashion ul.list::after {
    width: 48%;
  }
  /* （HOME含む）シューズ共通
  ---------------------------------------------------------*/
  article.shoes .title em strong {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.125rem;
    border-radius: 20px;
    padding: 6px 30px;
    width: auto;
    margin-top: 12px;
    margin-bottom: 8px;
  }
  article.shoes .title em::before {
    height: 70px;
    margin-top: 0px;
  }
  article.shoes .title em::after {
    height: 70px;
    margin-top: 0px;
  }
  article.shoes ul.list li, article.shoes ul.list::after {
    width: 48.5%;
  }
  /* （HOME含む）オシャレ専科・シューズ共通
  ---------------------------------------------------------*/
  article.fashion, article.shoes {
    padding-bottom: 30px;
  }
  article.fashion .inner, article.shoes .inner {
    width: 100%;
  }
  article.fashion .title, article.shoes .title {
    margin: 0 auto 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 12px 2% 8px;
    background-size: 18% auto;
    overflow: visible;
    box-shadow: 0 8px 5px -3px rgba(0, 0, 0, 0.2) inset, 0 -8px 5px -3px rgba(0, 0, 0, 0.2) inset;
  }
  article.fashion .title::before, article.shoes .title::before {
    width: 100%;
    height: 23px;
    background-size: auto 100%;
    background-position: center;
  }
  article.fashion .title::after, article.shoes .title::after {
    width: 100%;
    height: 38px;
    background-size: auto 100%;
    background-position: right;
  }
  article.fashion .title em, article.shoes .title em {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.875rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    white-space: normal;
    width: 100%;
    justify-content: center;
    padding: 10px 0 0px;
  }
  article.fashion .title em br, article.shoes .title em br {
    display: none !important;
  }
  article.fashion .title em img, article.shoes .title em img {
    height: 35px !important;
    width: auto !important;
  }
  article.fashion .title em::before, article.fashion .title em::after, article.shoes .title em::before, article.shoes .title em::after {
    position: absolute;
    width: 100%;
    background-size: auto 100%;
    z-index: -1;
    top: -45px;
    height: 60px !important;
  }
  article.fashion .title em::before, article.shoes .title em::before {
    left: 0;
    right: auto;
    background-position: left;
  }
  article.fashion .title em::after, article.shoes .title em::after {
    right: 0;
    left: auto;
    background-position: right;
  }
  article.fashion, article.shoes {
    /* 商品一覧フォーマット */
  }
  article.fashion ul.list, article.shoes ul.list {
    width: 92%;
    margin: auto;
  }
  article.fashion ul.list li, article.shoes ul.list li {
    margin-bottom: 3%;
  }
  article.fashion ul.list li .ph, article.shoes ul.list li .ph {
    margin-bottom: 10px;
  }
  article.fashion .spec, article.fashion .specWrap, article.shoes .spec, article.shoes .specWrap {
    overflow: hidden;
  }
  article.fashion .spec .num, article.fashion .specWrap .num, article.shoes .spec .num, article.shoes .specWrap .num {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 8px;
    justify-content: flex-start;
  }
  article.fashion .spec .num span, article.fashion .specWrap .num span, article.shoes .spec .num span, article.shoes .specWrap .num span {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.125rem;
    padding: 0px 6px 1px;
    margin-right: 6px;
    margin-bottom: 0px;
  }
  article.fashion .spec .num em, article.fashion .specWrap .num em, article.shoes .spec .num em, article.shoes .specWrap .num em {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4625rem;
  }
  article.fashion .spec .num small, article.fashion .specWrap .num small, article.shoes .spec .num small, article.shoes .specWrap .num small {
    font-size: 60%;
    letter-spacing: -0.025em;
    line-height: 1.4;
    padding-left: 0;
    width: calc(100% - 0px);
    margin-left: 0;
    padding-bottom: 0.5em;
  }
  article.fashion .spec .num small::before, article.fashion .specWrap .num small::before, article.shoes .spec .num small::before, article.shoes .specWrap .num small::before {
    position: relative;
  }
  article.fashion .spec .t, article.fashion .specWrap .t, article.shoes .spec .t, article.shoes .specWrap .t {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    margin-bottom: 10px;
  }
  article.fashion .spec .price, article.fashion .specWrap .price, article.shoes .spec .price, article.shoes .specWrap .price {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  article.fashion .spec .price em span, article.fashion .specWrap .price em span, article.shoes .spec .price em span, article.shoes .specWrap .price em span {
    font-size: 70%;
  }
  article.fashion .spec .price small, article.fashion .specWrap .price small, article.shoes .spec .price small, article.shoes .specWrap .price small {
    font-size: 48%;
  }
  /* （カテゴリTOP・下層）オシャレ専科・シューズ共通
  ---------------------------------------------------------*/
  #fashion article.fashion, #shoes article.shoes {
    padding-top: 0px;
  }
  #fashion article.fashion .title, #shoes article.shoes .title {
    height: auto;
  }
  #fashion article.fashion .title::before, #fashion article.fashion .title::after, #shoes article.shoes .title::before, #shoes article.shoes .title::after {
    position: relative;
  }
  #fashion article.fashion .title::before, #shoes article.shoes .title::before {
    top: auto;
    left: auto;
    background-position: center;
  }
  #fashion article.fashion .title::after, #shoes article.shoes .title::after {
    bottom: auto;
    left: auto;
    background-position: right;
  }
  #fashion article.fashion .title em, #shoes article.shoes .title em {
    margin-right: 0;
  }
  /* （カテゴリTOP・下層）オシャレ専科
  ---------------------------------------------------------*/
  #fashion article.fashion .title::after {
    left: auto;
  }
  #fashion article.fashion .title em {
    margin-right: 0;
  }
  #fashion article.fashion .title em::before {
    margin-top: 0px;
  }
  #fashion article.fashion .title em::after {
    margin-top: 0px;
  }
  /* （カテゴリTOP・下層）シューズ
  ---------------------------------------------------------*/
  #shoes article.shoes .title::after {
    left: auto;
  }
  #shoes article.shoes .title em {
    margin-right: 0;
  }
  #shoes article.shoes .title em::before {
    right: auto;
    margin-top: 0px;
  }
  #shoes article.shoes .title em::after {
    left: auto;
    margin-top: 0px;
  }
  /* （下層）オシャレ専科・シューズ共通
  ---------------------------------------------------------*/
  #fashion.detail article.fashion, #shoes.detail article.shoes {
    /* 商品詳細部分 */
  }
  #fashion.detail article.fashion .specWrap, #shoes.detail article.shoes .specWrap {
    align-items: flex-end;
    margin: 0 auto 40px;
    width: 94%;
    padding: 18px 18px 12px;
  }
  #fashion.detail article.fashion .specWrap .num, #shoes.detail article.shoes .specWrap .num {
    margin-bottom: 15px; /* padding-bottom: 10px;*/
  }
  #fashion.detail article.fashion .specWrap .num span, #shoes.detail article.shoes .specWrap .num span {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
    padding: 1px 8px 2px;
    margin-right: 10px;
    margin-bottom: 0px;
  }
  #fashion.detail article.fashion .specWrap .num em, #shoes.detail article.shoes .specWrap .num em {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6rem;
    text-align: left;
  }
  #fashion.detail article.fashion .specWrap .num small, #shoes.detail article.shoes .specWrap .num small {
    font-size: 11px;
    line-height: 1.4;
    width: calc(100% - 145px);
    margin-left: auto;
    padding-bottom: 0.25em;
  }
  #fashion.detail article.fashion .specWrap .specDetail, #shoes.detail article.shoes .specWrap .specDetail {
    margin-bottom: 20px;
  }
  #fashion.detail article.fashion .specWrap .specDetail th, #fashion.detail article.fashion .specWrap .specDetail td, #shoes.detail article.shoes .specWrap .specDetail th, #shoes.detail article.shoes .specWrap .specDetail td {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
  }
  #fashion.detail article.fashion .specWrap .specDetail th, #shoes.detail article.shoes .specWrap .specDetail th {
    display: flex;
    justify-content: space-between;
    width: 80px;
  }
  #fashion.detail article.fashion .specWrap .specDetail th::after, #shoes.detail article.shoes .specWrap .specDetail th::after {
    padding: 0 0.5em;
  }
  #fashion.detail article.fashion .specWrap .specDetail td, #shoes.detail article.shoes .specWrap .specDetail td {
    width: 100%;
  }
  #fashion.detail article.fashion .specWrap .sizeWrap, #shoes.detail article.shoes .specWrap .sizeWrap {
    width: 100%;
    margin-bottom: 10px;
  }
  #fashion.detail article.fashion .specWrap .sizeWrap .t, #shoes.detail article.shoes .specWrap .sizeWrap .t {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #fashion.detail article.fashion .specWrap .sizeWrap .size, #shoes.detail article.shoes .specWrap .sizeWrap .size {
    width: 100%;
  }
  #fashion.detail article.fashion .specWrap .sizeWrap.wide, #shoes.detail article.shoes .specWrap .sizeWrap.wide {
    margin-bottom: 0;
  }
  #fashion.detail article.fashion .specWrap .size, #fashion.detail article.fashion .specWrap .color, #shoes.detail article.shoes .specWrap .size, #shoes.detail article.shoes .specWrap .color {
    margin-bottom: 20px;
  }
  #fashion.detail article.fashion .specWrap .size thead th, #fashion.detail article.fashion .specWrap .size thead td, #fashion.detail article.fashion .specWrap .color thead th, #fashion.detail article.fashion .specWrap .color thead td, #shoes.detail article.shoes .specWrap .size thead th, #shoes.detail article.shoes .specWrap .size thead td, #shoes.detail article.shoes .specWrap .color thead th, #shoes.detail article.shoes .specWrap .color thead td {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.05rem;
  }
  #fashion.detail article.fashion .specWrap .size th, #fashion.detail article.fashion .specWrap .size td, #fashion.detail article.fashion .specWrap .color th, #fashion.detail article.fashion .specWrap .color td, #shoes.detail article.shoes .specWrap .size th, #shoes.detail article.shoes .specWrap .size td, #shoes.detail article.shoes .specWrap .color th, #shoes.detail article.shoes .specWrap .color td {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 5px 3px;
  }
  #fashion.detail article.fashion .specWrap .size th, #fashion.detail article.fashion .specWrap .color th, #shoes.detail article.shoes .specWrap .size th, #shoes.detail article.shoes .specWrap .color th {
    padding: 5px 5px;
  }
  #fashion.detail article.fashion .specWrap .size strong, #fashion.detail article.fashion .specWrap .color strong, #shoes.detail article.shoes .specWrap .size strong, #shoes.detail article.shoes .specWrap .color strong { /*display: block;*/ /*line-height: 1.0; padding-top:5px;*/
  }
  #fashion.detail article.fashion .specWrap .color th, #fashion.detail article.fashion .specWrap .color td, #shoes.detail article.shoes .specWrap .color th, #shoes.detail article.shoes .specWrap .color td {
    display: block;
  }
  #fashion.detail article.fashion .specWrap .color tbody tr, #shoes.detail article.shoes .specWrap .color tbody tr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #fashion.detail article.fashion .specWrap .color tbody tr td, #shoes.detail article.shoes .specWrap .color tbody tr td {
    text-align: left;
    padding: 5px 8px;
    border-top: none;
    width: 50%;
    box-sizing: border-box;
  }
  #fashion.detail article.fashion .specWrap .color tbody tr td:nth-child(odd), #shoes.detail article.shoes .specWrap .color tbody tr td:nth-child(odd) {
    border-right: none;
  }
  #fashion.detail article.fashion .specWrap .color.\31 col tbody td, #shoes.detail article.shoes .specWrap .color.\31 col tbody td {
    width: 100%;
  }
  #fashion.detail article.fashion .specWrap .color.\31 col tbody td:nth-child(odd), #shoes.detail article.shoes .specWrap .color.\31 col tbody td:nth-child(odd) {
    border-right: 1px solid rgba(0, 0, 0, 0.25);
  }
  #fashion.detail article.fashion .specWrap .color.\33 col tbody td, #shoes.detail article.shoes .specWrap .color.\33 col tbody td {
    width: 33.3%;
  }
  #fashion.detail article.fashion .specWrap .color.\33 col tbody td:not(:last-child), #shoes.detail article.shoes .specWrap .color.\33 col tbody td:not(:last-child) {
    border-right: none;
  }
  #fashion.detail article.fashion .specWrap .color.\33 col tbody td:last-child, #shoes.detail article.shoes .specWrap .color.\33 col tbody td:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.25);
  }
  #fashion.detail article.fashion .specWrap .size,
  #fashion.detail article.fashion .specWrap .priceWrap, #shoes.detail article.shoes .specWrap .size,
  #shoes.detail article.shoes .specWrap .priceWrap {
    width: 100%;
  }
  #fashion.detail article.fashion .specWrap .productName, #shoes.detail article.shoes .specWrap .productName {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8rem;
    padding-bottom: 5px;
  }
  #fashion.detail article.fashion .specWrap .price, #shoes.detail article.shoes .specWrap .price {
    font-size: 32px;
    font-size: 2rem;
    line-height: 3.6rem;
    text-align: center;
  }
  #fashion.detail article.fashion .specWrap .price b, #shoes.detail article.shoes .specWrap .price b {
    font-size: 40%;
    padding-right: 5px;
  }
  #fashion.detail article.fashion .specWrap .price em span, #shoes.detail article.shoes .specWrap .price em span {
    font-size: 60%;
  }
  #fashion.detail article.fashion .specWrap .price small, #shoes.detail article.shoes .specWrap .price small {
    font-size: 40%;
  }
  #fashion.detail article.fashion .specWrap .color_sizeWrap, #shoes.detail article.shoes .specWrap .color_sizeWrap {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #fashion.detail article.fashion .specWrap .nlw, #shoes.detail article.shoes .specWrap .nlw {
    width: 100% !important;
  }
  #fashion.detail article.fashion .specWrap .wide, #shoes.detail article.shoes .specWrap .wide {
    width: 100% !important;
  }
  #fashion.detail article.fashion, #shoes.detail article.shoes {
    /* ページ下部 商品一覧フォーマット */
  }
  #fashion.detail article.fashion .listWrap .tit, #shoes.detail article.shoes .listWrap .tit {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
    padding: 2px 0px;
    margin-bottom: 15px;
    text-align: center;
  }
  #fashion.detail article.fashion ul.list, #shoes.detail article.shoes ul.list {
    width: 92%;
    margin: auto;
  }
  #fashion.detail article.fashion ul.list li, #shoes.detail article.shoes ul.list li {
    margin-bottom: 15px;
  }
  #fashion.detail article.fashion ul.list li .ph, #shoes.detail article.shoes ul.list li .ph {
    margin-bottom: 10px;
  }
  #fashion.detail article.fashion ul.list li .spec .num, #shoes.detail article.shoes ul.list li .spec .num {
    margin-bottom: 8px;
  }
  #fashion.detail article.fashion ul.list li .spec .num span, #shoes.detail article.shoes ul.list li .spec .num span {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.125rem;
    padding: 0px 5px 1px;
    margin-right: 6px;
  }
  #fashion.detail article.fashion ul.list li .spec .num em, #shoes.detail article.shoes ul.list li .spec .num em {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.35rem;
  }
  #fashion.detail article.fashion ul.list li .spec .t, #shoes.detail article.shoes ul.list li .spec .t {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.3rem;
    margin-bottom: 10px;
  }
  #fashion.detail article.fashion ul.list li .spec .price, #shoes.detail article.shoes ul.list li .spec .price {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  #fashion.detail article.fashion ul.list li .spec .price em span, #shoes.detail article.shoes ul.list li .spec .price em span {
    font-size: 70%;
  }
  #fashion.detail article.fashion ul.list li .spec .price small, #shoes.detail article.shoes ul.list li .spec .price small {
    font-size: 48%;
  }
  /* （下層）おしゃれ専科ページのみ共通
  ---------------------------------------------------------*/
  /* （下層）シューズページのみ共通
  ---------------------------------------------------------*/
  #shoes.detail article.shoes .specWrap .specDetail th {
    width: 110px;
  }
  #shoes.detail article.shoes .specWrap .color_sizeWrap {
    width: 100%;
  }
  #shoes.detail article.shoes .specWrap .size th, #shoes.detail article.shoes .specWrap .color th {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4625rem;
  }
  #shoes.detail article.shoes .specWrap.wimbledon .num {
    margin-bottom: 5px;
  }
  #shoes.detail article.shoes .specWrap.wimbledon .priceWrap {
    margin-bottom: 18px;
    padding-bottom: 0px;
  }
  #shoes.detail article.shoes .specWrap.wimbledon .size, #shoes.detail article.shoes .specWrap.wimbledon .color {
    margin-bottom: 20px;
  }
}
/* 緊急で追加したCSS ２０２５.１２.１９
---------------------------------------------------------*/
.add-renew-01 {
  text-align: center;
}

.add-renew-02 {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

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

                         style

-------------------------------------------------------- */
/* 完売時 */
#home main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#home main article.osechi, #home main article.fashion, #home main article.shoes {
  width: 100%;
}
#home main article.osechi {
  order: 2;
}
#home main article.fashion {
  order: 1;
}
#home main article.shoes {
  order: 0;
}

article.osechi {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  article.osechi {
    padding-top: 25px;
  }
}
article.osechi .catchWrap, article.osechi .catch, article.osechi .cta, article.osechi .infoWrap, article.osechi .send, article.osechi .cta .phDetail, article.osechi .osechiPay, article.osechi .buy, article.osechi #sideNav .info {
  display: none !important;
}

#home #mainImg,
#shoppingguide .list ul.order li.form p a:nth-of-type(1),
header nav#grobalNav .drawer-nav ul.drawer-menu li.order ul li.order_osechi,
footer #footer nav#fNav ul.inner li.order ul li.order_osechi {
  display: none !important;
}

.fixedNav ul li.byWeb {
  display: none !important;
}

/* 完売時end */
/* 発売時 */
/* 発売時end */
article.osechi .listWrap ul.list li.soldout {
  overflow: hidden;
}
article.osechi .listWrap ul.list li.soldout::before {
  content: "完売しました";
  width: 80%;
  border: 3px solid #ff0000;
  background: #fff;
  color: #ff0000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 3.375rem;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  font-weight: 600;
  border-radius: 8px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  padding: 1px 0 3px;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  article.osechi .listWrap ul.list li.soldout::before {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
  }
}
article.osechi .listWrap ul.list li.soldout::after {
  content: "";
  width: 200%;
  height: 6px;
  background: #ff0000;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform: rotate(-47.8deg);
  transform-origin: bottom left;
}

#osechi.detail article.osechi .listWrap ul.list li.soldout::before {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
  border-width: 2px;
  padding: 0 0 2px;
}
#osechi.detail article.osechi .listWrap ul.list li.soldout::after {
  top: auto;
  right: auto;
  margin: 0;
  padding: 0;
}

/* オーダーフォーム */
#order .osechiOrderDetail ul li strong {
  display: none;
}
#order .osechiOrderDetail ul li.soldout em { /*opacity: 0.5;*/ }
#order .osechiOrderDetail ul li.soldout em a {
  pointer-events: none;
}
#order .osechiOrderDetail ul li.soldout span { /* display: none;*/
  position: relative;
  display: block;
  width: 138.5px;
}
#order .osechiOrderDetail ul li.soldout span::before {
  content: "完売しました";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  color: #ff0000;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #order .osechiOrderDetail ul li.soldout span::before {
    text-align: left;
  }
}
#order .osechiOrderDetail ul li.soldout span::after {
  content: "";
  background: white;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#order .osechiOrderDetail ul li.soldout span input {
  display: none;
}
#order .osechiOrderDetail ul li.soldout strong {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
  display: block;
  color: #ff0000; /* text-align: center;*/
  font-weight: 600;
  min-width: 142px;
}
#order .shipping, #order .payment { /*display: none !important;*/ }

/* HOMEのみ
---------------------------------------------------------*/
#home #mainImg {
  margin: 0 auto 0;
  background: #e60000;
  position: relative;
  overflow: hidden;
}
#home #mainImg .content .tit {
  width: 390px;
  position: absolute;
  top: 10px;
  left: calc((100% - 1100px) / 2 - 30px);
  z-index: 5;
}
#home #mainImg a:hover img {
  opacity: 1;
}
#home #mainImg .ph {
  height: 520px;
}
#home .swiper-slide {
  opacity: 0.35;
  transition: 1s;
}
#home .swiper-slide.slick-current {
  opacity: 1;
}
#home article.osechi .listWrap .tit {
  margin-bottom: 0;
}
#home {
  /*article.osechi .featureWrap .feature.column{ display: none;}*/
  /*article.osechi .listWrap .list li:nth-of-type(9){ display: none;}*/
  /* --------------------------------------------------------------
  スマホのみの設定
  -------------------------------------------------------------- */
}
@media only screen and (max-width: 767px) {
  #home #mainImg { /*overflow: hidden;*/ }
  #home #mainImg .content { /*height: 0; padding-top: 100%; position: relative;*/
    /*.slick-slider{ position: absolute; top: 0; left: 0; height: 100%; }
    .slick-slider .slick-list{ height: 100%;}*/
  }
  #home #mainImg .content .tit {
    width: 220px;
    position: absolute;
    top: 5px;
    left: -2px;
  }
  #home #mainImg .ph {
    width: 360px;
    height: 360px;
  }
  #home #mainImg .ph img {
    width: 100% !important;
    height: auto;
  }
  #home article.osechi .listWrap .list li:nth-of-type(9) {
    display: none;
  }
}

/* お客様の声
---------------------------------------------------------*/
#voice .basic {
  text-align: left;
}
#voice .basic .inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#voice .basic .breadList.inner {
  justify-content: flex-start;
}
#voice .basic .copy {
  margin-bottom: 50px;
  padding: 0 30px;
  width: 100%;
}
#voice .basic .tit {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 2.475rem;
  border-left: 3px solid #e60000;
  padding-left: 20px;
  margin-bottom: 25px;
  width: 100%;
}
#voice .basic .list {
  background: #fde5e7;
  width: 50%;
  padding: 20px 20px;
  box-sizing: border-box;
}
#voice .basic .list .titWrap {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 200px;
  padding: 25px 130px 25px 25px;
  margin-bottom: 20px;
}
#voice .basic .list .t {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 2.2rem;
  margin-bottom: 10px;
  position: relative;
}
#voice .basic .list .t::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  display: inline-block;
  background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
}
#voice .basic .list .name {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4625rem;
}
#voice .basic .list .ph {
  height: 200px;
  position: absolute;
  top: -15px;
  right: 20px;
}
#voice .basic .list .ph img {
  width: auto !important;
  height: 100% !important;
}
#voice .basic .list:nth-of-type(2), #voice .basic .list:nth-of-type(3) {
  background: #f4eef6;
}
#voice {
  /* --------------------------------------------------------------
  スマホのみの設定
  -------------------------------------------------------------- */
}
@media only screen and (max-width: 767px) {
  #voice .basic .copy {
    margin-bottom: 30px;
    padding: 0 5%;
  }
  #voice .basic .tit {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2.25rem;
    border-left: 3px solid #e60000;
    padding: 0 0 0 15px;
    margin: 0 auto 25px;
    width: 90%;
    box-sizing: border-box;
  }
  #voice .basic .list {
    width: 100%;
    padding: 15px 15px 25px;
    background: #fde5e7 !important;
  }
  #voice .basic .list .titWrap {
    height: auto;
    padding: 15px 15px 15px;
    margin-bottom: 12px;
  }
  #voice .basic .list .t {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 2.2rem;
    margin-bottom: 10px;
  }
  #voice .basic .list .t::after {
    height: 7px;
    background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
  }
  #voice .basic .list .name {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4625rem;
    text-align: center;
    display: block;
    margin-bottom: 10px;
  }
  #voice .basic .list .ph {
    height: 180px;
    position: relative;
    top: auto;
    right: auto;
    margin: auto;
  }
  #voice .basic .list .ph img {
    width: auto !important;
    height: 100% !important;
  }
  #voice .basic .list:nth-of-type(2), #voice .basic .list:nth-of-type(4) {
    background: #f4eef6 !important;
  }
}

/* ご注文フォーム
---------------------------------------------------------*/
#order .titCmn { /*margin-bottom:30px;*/ }
#order .copy {
  margin-bottom: 50px;
  padding: 0 30px;
  width: 100%;
}
#order {
  /* オリジナル設定 */
}
#order dt, #order th {
  position: relative;
  padding-left: 20px !important;
  font-weight: 500;
}
#order dt::before, #order th::before {
  content: "";
  width: 2px;
  height: 30px;
  background: #e60000;
  position: absolute;
  top: 16px;
  left: 0;
}
#order input, #order textarea, #order select {
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
  padding: 6px 12px !important;
}
#order input[type=radio] {
  transform: scale(1.2);
  margin-right: 0.5em;
}
#order select {
  padding: 6px 3px !important;
}
#order .nlw {
  padding: 6px 3px !important;
  text-align: center;
  margin: 0 !important;
}
#order .must {
  background: #d90000;
  color: #fff;
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  right: 0;
  top: 18px;
  transform: none;
}
#order input, #order textarea {
  border: none;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  width: inherit !important;
  height: inherit !important;
  padding: 0 10px;
  box-sizing: border-box;
  max-width: 100%;
}
#order textarea {
  width: 100% !important;
}
#order select {
  border: none;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6875rem;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 10px;
}
#order select optgroup, #order select option {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
#order button[type=submit] {
  border: none;
}
#order #mfp_phase_confirm_inner h4 {
  margin: 0 auto 30px;
}
#order #mfp_phase_confirm_inner h4 span {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.7rem;
  color: #e60000;
  font-weight: bold;
  border-bottom: 1px dotted #e60000;
  padding: 0 6px 8px;
}
#order {
  /* ボタン */
}
#order .btn {
  margin-top: 30px;
}
#order .btn i {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  right: 15px;
}
#order {
  /*a*/
}
#order .btn button[type=submit], #order .mfp_buttons #mfp_button_send {
  width: 320px; /*height: 46px !important;*/
  height: 60px !important;
  margin: auto;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.7rem;
  font-weight: 600;
  height: 100%;
  background: linear-gradient(to bottom, rgb(169, 122, 183) 0%, rgb(119, 66, 136) 100%);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  cursor: pointer;
  transition: 0.5s;
  border: none;
}
#order .btn button[type=submit]:hover, #order .mfp_buttons #mfp_button_send:hover {
  opacity: 0.7;
}
#order .btn button[type=submit]::before, #order .mfp_buttons #mfp_button_send::before {
  content: "\f138";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  right: 15px;
}
#order #mailformpro {
  width: calc(100% - 60px);
  margin: auto;
}
#order form#mailformpro label {
  display: block;
}
#order {
  /* 確認画面ボタン */
}
#order .mfp_buttons {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: center;
  position: relative;
}
#order .mfp_buttons #mfp_button_cancel {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6875rem;
  background: rgba(0, 0, 0, 0.15) !important;
  width: auto;
  padding: 3px 20px;
  height: auto !important;
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
#order .mfp_buttons #mfp_button_cancel::before {
  display: none;
}
#order .mailform {
  text-align: left;
}
#order .mailform .desc { /*font-size:14px; line-height: 1.8; margin-bottom: 10px;*/
  margin-bottom: 15px;
}
#order .mailform dl {
  display: flex;
  justify-content: space-between;
}
#order .mailform dl:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#order .mailform dl dt {
  width: 230px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#order .mailform dl dd {
  width: calc(100% - 270px);
}
#order .mailform dl dt, #order .mailform dl dd {
  padding: 15px 0;
  font-size: 16px;
  text-align: left;
}
#order .mailform {
  /*---------- 確認画面　-------------------------------------------------------------------------------------------------------------------------------------------- */
}
#order .mailform #mfp_phase_confirm_inner h4 {
  font-size: 32px;
  margin-bottom: 50px;
}
#order .mailform #mfp_phase_confirm_inner .mfp_confirm_before {
  text-align: center;
  margin: 0 auto 30px;
}
#order .mailform #mfp_phase_confirm_inner table tr { /*border-bottom: 1px solid $bdColor;*/ }
#order .mailform #mfp_phase_confirm_inner table tr.mfp_colored {
  background: rgba(217, 0, 0, 0.035) !important;
}
#order .mailform #mfp_phase_confirm_inner table tr th, #order .mailform #mfp_phase_confirm_inner table tr td {
  padding: 15px 0;
  font-size: 15px;
  text-align: left;
}
#order .mailform #mfp_phase_confirm_inner table tr {
  /*th,td{ padding:12px 0;}*/
}
#order .mailform #mfp_phase_confirm_inner table tr th { /*white-space:inherit;*/
  position: relative;
  width: 340px;
  padding-right: 12px;
}
#order .mailform #mfp_phase_confirm_inner table tr th#th_hakata, #order .mailform #mfp_phase_confirm_inner table tr th#th_chiyo, #order .mailform #mfp_phase_confirm_inner table tr th#th_iwaiakaju, #order .mailform #mfp_phase_confirm_inner table tr th#th_hatsuakaju, #order .mailform #mfp_phase_confirm_inner table tr th#th_akasaka, #order .mailform #mfp_phase_confirm_inner table tr th#th_sakurazaka, #order .mailform #mfp_phase_confirm_inner table tr th#th_takasago, #order .mailform #mfp_phase_confirm_inner table tr th#th_maizuru, #order .mailform #mfp_phase_confirm_inner table tr th#th_chazuke, #order .mailform #mfp_phase_confirm_inner table tr th#th_houjubako {
  font-size: 17px;
  font-weight: 500;
}
#order .mailform #mfp_phase_confirm_inner table tr th#th_hakata + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_chiyo + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_iwaiakaju + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_hatsuakaju + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_akasaka + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_sakurazaka + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_takasago + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_maizuru + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_chazuke + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_houjubako + td {
  font-size: 20px;
  font-weight: 500;
}
#order .mailform #mfp_phase_confirm_inner table tr th#th_hakata + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_chiyo + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_iwaiakaju + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_hatsuakaju + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_akasaka + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_sakurazaka + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_takasago + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_maizuru + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_chazuke + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_houjubako + td .mfp_confirm_value {
  display: inline-block;
  font-size: 17px;
}
#order .mailform #mfp_phase_confirm_inner table tr td {
  font-size: 17px;
}
#order .mailform .osechiOrderDetail ul {
  margin: 20px 0 30px;
}
#order .mailform .osechiOrderDetail ul li { /*padding-bottom: 15px; margin-bottom: 10px;*/
  display: flex;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 10px;
}
#order .mailform .osechiOrderDetail ul li:not(:last-child) { /*border-bottom: 1px solid $bdColor;*/
  margin-bottom: 5px;
}
#order .mailform .osechiOrderDetail ul li em {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
  width: calc(100% - 180px);
}
#order .mailform .osechiOrderDetail ul li em a {
  color: inherit;
  display: flex;
  justify-content: space-between;
}
#order .mailform .osechiOrderDetail ul li em a i {
  color: #d90000;
  font-size: 80%;
  display: none;
}
#order .mailform .osechiOrderDetail ul li em a:hover {
  color: #d90000;
}
#order .mailform .osechiOrderDetail ul li em a b {
  font-weight: inherit;
}
#order .mailform .osechiOrderDetail ul li span {
  margin-left: auto;
}
#order .mailform .osechiOrderDetail ul li span input {
  text-align: center;
  margin-right: 0.25em !important;
}
#order .mailform .osechiOrderDetail ul li.bdr {
  position: relative;
  border: 2px solid #ff0000;
  padding: 5px 10px;
  display: inline-flex;
}
#order .mailform .osechiOrderDetail ul li.bdr small {
  position: absolute;
  top: calc(100% + 2px);
  left: 10px;
  color: #ff0000;
}
#order .mailform .osechiOrderDetail .attention {
  width: 100%;
}
#order .mailform .osechiOrderDetail .attention li {
  width: 100%;
  color: #ff0000;
  text-align: center;
}
#order .mailform .osechiOrderDetail .attention li b {
  width: 100%;
  font-size: 115%;
}
#order .mailform .osechiOrderDetail .attention li b::before, #order .mailform .osechiOrderDetail .attention li b::after {
  content: "▲▲▲";
}
#order .mailform .arrival select:not(:last-child) {
  margin-right: 30px;
}
#order .mailform .arrival .btm {
  margin-bottom: 0;
  margin-top: 10px;
}
#order .mailform .arrival .preferreddayIll {
  margin-bottom: 20px;
}
#order .mailform .arrival .preferredday {
  border: 2px solid #ff0000;
  padding: 5px 15px;
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: 0.025em;
  /*li{ font-weight: 500; display: block;}*/
}
#order .mailform .arrival .attention {
  margin-top: 5px;
}
#order .mailform .arrival .attention li {
  position: relative;
  padding-left: 1em;
}
#order .mailform .arrival .attention li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
#order .mailform .arrival .attention li:not(:last-child) {
  margin-bottom: 5px;
}
#order .mailform .arrival .attention li.bdr {
  border: 1px solid #ff0000;
  padding: 5px 10px;
}
#order .mailform .arrival .attention li.bdr::before {
  position: relative;
}
#order .mailform .payment .bdr.blk {
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 5px 0 5px 5px; /*border: 3px double rgba(0,0,0,0.5); border-left:none; border-right:none; padding: 10px 0;*/
  margin-bottom: 20px;
}
#order .mailform .payment .bdr.blk label {
  padding: 3px 0;
}
#order .mailform .payment .attention li {
  position: relative;
  padding-left: 1em;
}
#order .mailform .payment .attention li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
#order .mailform .payment .attention li:not(:last-child) {
  margin-bottom: 5px;
}
#order .mailform .payment .attention li.bdr {
  border: 2px solid rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  padding-left: calc(1em + 10px);
}
#order .mailform .payment .attention li.bdr::before {
  top: 5px;
  left: 10px;
}
#order .mailform .payment .attention li b {
  color: #ff0000;
}
#order .mailform .payment .attention.s01 {
  margin: 8px auto 5px;
  padding-top: 8px;
  border-top: 1px dotted rgba(0, 0, 0, 0.8);
  width: calc(100% - 16px);
}
#order .mailform .payment .attention .red {
  color: #ff0000;
}
#order .mailform #chazukeSend {
  border-top: 1px dotted rgba(0, 0, 0, 0.5);
  padding-top: 20px;
  margin-top: 20px;
}
#order .mailform #chazukeSend .t {
  text-indent: -0.5em;
}
#order .mailform #chazukeSend small {
  width: 100%;
  margin-top: 6px;
}
#order .mailform .sendDay {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
#order .mailform .sendDay .day {
  margin-right: 1em;
}
#order .mailform .sendDay .hour select {
  margin-bottom: 0;
}
#order .mailform .desc.last { /*padding-left:270px;*/
  margin-top: 15px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2.025rem;
  text-align: center;
  color: #ff0000;
}
#order .mailform u {
  background: linear-gradient(transparent 92%, #ff0000 0%);
  display: inline;
  padding: 0 2px 3px;
  text-decoration: none;
}
#order {
  /* mailformpro css reset */
}
#order form#mailformpro dl dt, #order form#mailformpro dl dd {
  float: none;
  clear: none;
  border-top: none;
  margin: 0;
  line-height: inherit;
}
#order .must {
  border: none;
  text-shadow: none;
  padding: 0;
  float: none;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
#order .mfp_achroma {
  background-color: transparent !important;
}
#order .mfp_colored {
  background-color: transparent !important;
}
#order .mfp_element_submit, #order .mfp_element_reset, #order .mfp_element_button, #order button.mfp_next, #order button.mfp_prev {
  border-radius: 0 !important;
  padding: 0;
  text-shadow: none !important;
}
#order .mfp_element_submit:hover, #order .mfp_element_reset:hover, #order .mfp_element_button:hover, #order button.mfp_next:hover, #order button.mfp_prev:hover {
  background: linear-gradient(to bottom, #ce799b 0%, #b3568a 100%) !important;
  box-shadow: none !important;
}
#order form#mailformpro label.mfp_not_checked {
  padding: 0;
  border: none;
}
#order form#mailformpro label.mfp_checked {
  padding: 0px;
  border: none;
  background-color: transparent;
  box-shadow: none;
}
#order form#mailformpro label {
  border-radius: 0;
  margin: 0;
}
#order .mfp_element_text, #order .mfp_element_number, #order .mfp_element_select-one, #order .mfp_element_email, #order .mfp_element_tel, #order .mfp_element_textarea, #order .mfp_element_date, #order .mfp_element_password {
  border-radius: 0;
  box-shadow: none;
  padding: inherit;
  margin: inherit;
  vertical-align: inherit;
}
#order .mfp_element_all {
  max-width: 100%;
}
#order table#mfp_confirm_table tr th, #order table#mfp_confirm_table tr td {
  line-height: inherit;
  border-top: none;
  font-weight: inherit;
}
#order {
  /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  スマホのみの設定
  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
}
@media only screen and (max-width: 767px) {
  #order .titCmn { /*margin-bottom:20px;*/ }
  #order .copy {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.575rem;
    margin: 0 auto 25px;
    padding: 0;
    width: 90%;
  }
  #order {
    /* オリジナル設定 */
  }
  #order dt, #order th {
    padding-left: 15px !important;
  }
  #order dt::before, #order th::before {
    width: 2px;
    height: 30px;
    position: absolute;
    top: 16px;
    left: 0;
  }
  #order input, #order textarea, #order select {
    padding: 6px 12px !important;
  }
  #order input[type=radio] { /*-webkit-transform: scale(1.2); transform: scale(1.2);*/
    margin-right: 0.5em;
  }
  #order select {
    padding: 6px 3px !important;
  }
  #order .nlw {
    padding: 6px 3px !important;
    margin: 0 !important;
  }
  #order .must {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 0.75rem;
    width: 40px;
    height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    right: 0;
  }
  #order .chkbox label {
    display: block;
  }
  #order input:not([type=checkbox]), #order textarea {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    width: 100%;
    box-sizing: border-box;
  }
  #order select {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    margin-bottom: 10px;
  }
  #order #mfp_phase_confirm_inner h4 {
    margin: 0 auto 20px;
  }
  #order #mfp_phase_confirm_inner h4 span {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2.25rem;
    padding: 0 6px 8px;
  }
  #order {
    /* ボタン */
  }
  #order .btn {
    margin-top: 20px;
  }
  #order .btn i {
    right: 15px;
  }
  #order {
    /*a*/
  }
  #order .btn button[type=submit], #order .mfp_buttons #mfp_button_send {
    width: 100%;
    height: 60px !important; /*@include fs(20);*/
    font-size: 22px !important;
  }
  #order #mailformpro {
    width: 90%;
    margin: auto;
  }
  #order form#mailformpro label {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    white-space: inherit;
    width: 100%;
    display: block;
  }
  #order form#mailformpro label input {
    width: auto !important;
  }
  #order {
    /* 確認画面ボタン */
  }
  #order .mfp_buttons {
    margin-top: 30px;
    flex-direction: column;
    justify-content: center;
  }
  #order .mfp_buttons #mfp_button_cancel {
    font-size: 15px !important;
    padding: 6px 30px;
    width: 50%;
    margin: auto;
    position: relative;
    left: auto;
    transform: none;
  }
  #order .mailform {
    width: 100%;
    margin: auto;
  }
  #order .mailform .desc {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 15px;
  }
  #order .mailform dl {
    display: flex;
    flex-direction: column;
  }
  #order .mailform dl dt {
    width: 100%;
    padding: 15px 0 15px 15px !important;
  }
  #order .mailform dl dd {
    width: 100%;
  }
  #order .mailform dl dt, #order .mailform dl dd {
    padding: 0 0 20px;
    font-size: 17px;
  }
  #order .mailform dl {
    /*th{ font-size:80%;}*/
  }
  #order .mailform {
    /*---------- 確認画面　-------------------------------------------------------------------------------------------------------------------------------------------- */
  }
  #order .mailform #mfp_phase_confirm_inner {
    width: 90%;
    margin: auto;
  }
  #order .mailform #mfp_phase_confirm_inner h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  #order .mailform #mfp_phase_confirm_inner .mfp_confirm_before {
    margin: 0 auto 30px;
  }
  #order .mailform #mfp_phase_confirm_inner .mfp_confirm_before span {
    display: block;
  }
  #order .mailform #mfp_phase_confirm_inner table tr.mfp_colored {
    background: transparent !important;
  }
  #order .mailform #mfp_phase_confirm_inner table tr th, #order .mailform #mfp_phase_confirm_inner table tr td {
    padding: 0 0 20px;
    font-size: 17px;
    display: block;
    box-sizing: border-box;
  }
  #order .mailform #mfp_phase_confirm_inner table tr th {
    width: 100%;
    padding: 5px 0 5px 15px !important;
    background: rgba(217, 0, 0, 0.035) !important;
  }
  #order .mailform #mfp_phase_confirm_inner table tr th::before {
    top: 50%;
    transform: translateY(-50%);
    height: 100% !important;
  }
  #order .mailform #mfp_phase_confirm_inner table tr th#th_hakata, #order .mailform #mfp_phase_confirm_inner table tr th#th_chiyo, #order .mailform #mfp_phase_confirm_inner table tr th#th_iwaiakaju, #order .mailform #mfp_phase_confirm_inner table tr th#th_hatsuakaju, #order .mailform #mfp_phase_confirm_inner table tr th#th_akasaka, #order .mailform #mfp_phase_confirm_inner table tr th#th_sakurazaka, #order .mailform #mfp_phase_confirm_inner table tr th#th_takasago, #order .mailform #mfp_phase_confirm_inner table tr th#th_maizuru, #order .mailform #mfp_phase_confirm_inner table tr th#th_chazuke {
    font-size: 17px;
  }
  #order .mailform #mfp_phase_confirm_inner table tr th#th_hakata + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_chiyo + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_iwaiakaju + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_hatsuakaju + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_akasaka + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_sakurazaka + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_takasago + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_maizuru + td, #order .mailform #mfp_phase_confirm_inner table tr th#th_chazuke + td {
    font-size: 20px;
  }
  #order .mailform #mfp_phase_confirm_inner table tr th#th_hakata + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_chiyo + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_iwaiakaju + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_hatsuakaju + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_akasaka + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_sakurazaka + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_takasago + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_maizuru + td .mfp_confirm_value, #order .mailform #mfp_phase_confirm_inner table tr th#th_chazuke + td .mfp_confirm_value {
    display: inline-block;
    font-size: 17px;
  }
  #order .mailform #mfp_phase_confirm_inner table tr td {
    font-size: 17px;
    padding: 10px 12px 20px !important;
  }
  #order .mailform .osechiOrderDetail ul {
    margin: 20px 0 60px;
  }
  #order .mailform .osechiOrderDetail ul li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 0px;
  }
  #order .mailform .osechiOrderDetail ul li:not(:last-child) { /*border-bottom: 1px solid $bdColor;*/
    margin-bottom: 10px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
    padding-bottom: 15px;
  }
  #order .mailform .osechiOrderDetail ul li em {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.9125rem;
    width: 100%;
    margin-bottom: 5px;
  }
  #order .mailform .osechiOrderDetail ul li em a {
    color: inherit;
    flex-wrap: wrap;
  }
  #order .mailform .osechiOrderDetail ul li em a i {
    color: #d90000;
    font-size: 80%;
    display: none;
  }
  #order .mailform .osechiOrderDetail ul li em a:hover {
    color: #d90000;
  }
  #order .mailform .osechiOrderDetail ul li em a .price {
    margin-left: auto;
  }
  #order .mailform .osechiOrderDetail ul li span {
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    text-indent: 1.25em;
  }
  #order .mailform .osechiOrderDetail ul li span input {
    width: 50px !important;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    margin-right: 5px;
    text-align: center;
  }
  #order .mailform .osechiOrderDetail ul li.bdr {
    position: relative;
    border: 2px solid #ff0000;
    padding: 5px 10px;
    display: inline-flex;
  }
  #order .mailform .osechiOrderDetail ul li.bdr small {
    position: absolute;
    top: calc(100% + 6px);
    left: 10px;
    color: #ff0000;
  }
  #order .mailform .osechiOrderDetail .attention li b::before, #order .mailform .osechiOrderDetail .attention li b::after {
    content: "▲▲▲";
    display: none;
  }
  #order .mailform .arrival .t {
    text-indent: -0.5em;
  }
  #order .mailform .arrival select {
    width: 100%;
    margin-top: 10px;
  }
  #order .mailform .arrival select:not(:last-child) {
    margin-right: 30px;
  }
  #order .mailform .arrival .btm {
    margin-bottom: 0;
    margin-top: 10px;
  }
  #order .mailform .arrival .preferredday {
    border: 2px solid #ff0000;
    padding: 5px 15px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 0.025em;
    /*li{ font-weight: 500; display: block;}*/
  }
  #order .mailform .arrival .attention {
    margin-top: 5px;
  }
  #order .mailform .arrival .attention li {
    position: relative;
    padding-left: 1em;
  }
  #order .mailform .arrival .attention li::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  #order .mailform .arrival .attention li:not(:last-child) {
    margin-bottom: 5px;
  }
  #order .mailform .arrival .attention li.bdr {
    border: 2px solid #ff0000;
    padding: 5px 10px;
  }
  #order .mailform .arrival .attention li.bdr::before {
    position: relative;
  }
  #order .mailform .payment .bdr.blk {
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 5px 0 5px 5px;
    margin-bottom: 20px;
  }
  #order .mailform .payment .bdr.blk label {
    padding: 3px 0;
  }
  #order .mailform .payment .attention li {
    position: relative;
    padding-left: 1em;
  }
  #order .mailform .payment .attention li::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  #order .mailform .payment .attention li:not(:last-child) {
    margin-bottom: 5px;
  }
  #order .mailform .payment .attention li.bdr {
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    padding-left: calc(1em + 10px);
  }
  #order .mailform .payment .attention li.bdr::before {
    top: 5px;
    left: 10px;
  }
  #order .mailform .payment .attention li b {
    color: #ff0000;
  }
  #order .mailform .payment .attention.s01 {
    margin: 8px auto 5px;
    padding-top: 8px;
    border-top: 1px dotted rgba(0, 0, 0, 0.8);
    width: calc(100% - 16px);
  }
  #order .mailform .payment .attention .red {
    color: #ff0000;
  }
  #order .mailform #chazukeSend {
    border-top: 1px dotted rgba(0, 0, 0, 0.5);
    padding-top: 20px;
    margin-top: 20px;
  }
  #order .mailform #chazukeSend .t {
    text-indent: -0.5em;
    margin-bottom: 10px;
  }
  #order .mailform #chazukeSend small {
    font-size: 15px;
    width: 100%;
  }
  #order .mailform .sendDay {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  #order .mailform .sendDay .day {
    margin-right: 0em;
  }
  #order .mailform .sendDay .hour select {
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
  }
  #order .mailform .desc.last { /*padding-left:270px;*/
    margin-top: 15px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
    text-align: left;
  }
  #order .mailform u {
    background: linear-gradient(transparent 92%, #ff0000 0%);
    display: inline;
    padding: 0 2px 3px;
    text-decoration: none;
  }
  #order {
    /* サンクスページ */
  }
  #order .thanks {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #order .thanks strong {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 2.3625rem;
    margin-bottom: 10px;
  }
  #order .thanks em {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.025rem;
    margin-bottom: 10px;
  }
  #order .thanks span {
    display: block;
    width: 90%;
    margin: auto;
    text-align: left;
  }
  #order .thanks strong,
  #order .thanks em,
  #order .thanks span {
    display: block;
  }
  #order div.mfp_buttons button {
    font-size: inherit;
  }
}

/* サンクスページ
---------------------------------------------------------*/
#thanks {
  margin-bottom: 50px;
}
#thanks .basic .copy {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 2.8rem;
  color: #d90000;
  font-weight: 600;
  margin: 0 auto 30px;
}
#thanks .basic .read {
  width: 62%;
  margin: auto;
  text-align: left;
}
#thanks .basic .read p {
  line-height: 2.2;
}
#thanks .basic .read p:not(:last-child) {
  margin-bottom: 20px;
}
#thanks {
  /* --------------------------------------------------------------
  スマホのみの設定
  -------------------------------------------------------------- */
}
@media only screen and (max-width: 767px) {
  #thanks .basic .copy {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin: 0 auto 20px;
  }
  #thanks .basic .read {
    width: 86%;
  }
  #thanks .basic .read p {
    font-size: 14px;
    line-height: 1.8;
  }
  #thanks .basic .read p:not(:last-child) {
    margin-bottom: 15px;
  }
}

/* 特定商取引法に基づく表記
---------------------------------------------------------*/
#law .basic dl {
  width: 90%;
  margin: auto;
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#law .basic dl dt, #law .basic dl dd {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 15px;
  padding-bottom: 15px;
}
#law .basic dl dt {
  width: 28%;
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 95%;
  font-weight: 500;
}
#law .basic dl dt::before {
  content: "";
  width: 2px;
  height: 30px;
  background: #e60000;
  position: absolute;
  top: 15px;
  left: 0;
}
#law .basic dl dd {
  width: 72%;
}
#law {
  /* --------------------------------------------------------------
  スマホのみの設定
  -------------------------------------------------------------- */
}
@media only screen and (max-width: 767px) {
  #law .basic .titCmn { /*margin-bottom: 10px !important;*/ }
  #law .basic dl {
    width: 90%;
    margin: auto;
  }
  #law .basic dl dt, #law .basic dl dd {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    padding-bottom: 15px;
  }
  #law .basic dl dt {
    width: 100%;
    padding: 15px 0 10px 15px;
    font-size: 95%;
    border-bottom: none;
  }
  #law .basic dl dt::before {
    width: 2px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 0;
  }
  #law .basic dl dd {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0 0 15px 15px;
  }
}

.soldout-cr {
  overflow: hidden;
}
.soldout-cr::before {
  content: "完売しました";
  width: 80%;
  border: 3px solid #ff0000;
  background: #fff;
  color: #ff0000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 3.375rem;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  font-weight: 600;
  border-radius: 8px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  padding: 1px 0 3px;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .soldout-cr::before {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

.add-05 {
  font-size: 1.1em !important;
  color: red;
  margin-top: 0.2em;
}

.add-06 {
  font-size: 2em !important;
  font-weight: bold;
  color: red;
  margin-top: 0.5em !important;
  margin: auto;
  border: solid 2px red;
  padding: 10px;
}

.add-07 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .add-05 {
    font-size: 1em !important;
    color: red;
    margin-top: 0.2em;
  }
  .add-06 {
    font-size: 1.2em !important;
    font-weight: bold;
    color: red;
    margin-top: 0.5em !important;
    margin: auto;
    border: solid 2px red;
    padding: 10px;
  }
}/*# sourceMappingURL=common.css.map */