@charset 'UTF-8';
#container .sdOsechi,
.mainvisual,
.slick-arrow,
.text-cut {
  overflow: hidden;
}
.anchorNavList > li a span:after,
.m-btn a:before,
.slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.section {
  padding-top: 60px;
  padding-bottom: 60px;
}
#container .sdOsechi a {
  text-decoration: none;
}
@-webkit-keyframes a {
  0%,
  to {
    top: 0;
  }
  50% {
    top: 15px;
  }
}
@keyframes a {
  0%,
  to {
    top: 0;
  }
  50% {
    top: 15px;
  }
}
@-webkit-keyframes b {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes b {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes c {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes c {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes d {
  0% {
    right: 20px;
    opacity: 1;
  }
  to {
    right: 10px;
    opacity: 0;
  }
}
@keyframes d {
  0% {
    right: 20px;
    opacity: 1;
  }
  to {
    right: 10px;
    opacity: 0;
  }
}
@-webkit-keyframes e {
  0% {
    right: 10px;
    opacity: 1;
  }
  to {
    right: 5px;
    opacity: 0;
  }
}
@keyframes e {
  0% {
    right: 10px;
    opacity: 1;
  }
  to {
    right: 5px;
    opacity: 0;
  }
}
@-webkit-keyframes f {
  0% {
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
  }
  to {
    left: -webkit-calc(50% + 10px);
    left: calc(50% + 10px);
  }
}
@keyframes f {
  0% {
    left: -webkit-calc(50% - 10px);
    left: calc(50% - 10px);
  }
  to {
    left: -webkit-calc(50% + 10px);
    left: calc(50% + 10px);
  }
}
@-webkit-keyframes yurayura {
  0%,
  to {
    -webkit-transform: scale(0.9) translateY(-30px);
    transform: scale(0.9) translateY(-30px);
  }
  50% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@keyframes yurayura {
  0%,
  to {
    -webkit-transform: scale(0.9) translateY(-30px);
    transform: scale(0.9) translateY(-30px);
  }
  50% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
@-webkit-keyframes santa {
  0% {
    -webkit-transform: scale(0.3) translate(-230px, -140px);
    transform: scale(0.3) translate(-230px, -140px);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1) translate(20px, 0);
    transform: scale(1) translate(20px, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.8) translate(30px, 30px);
    transform: scale(0.8) translate(30px, 30px);
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.3) translate(430px, 510px);
    transform: scale(0.3) translate(430px, 510px);
    opacity: 0;
  }
}
@keyframes santa {
  0% {
    -webkit-transform: scale(0.3) translate(-230px, -140px);
    transform: scale(0.3) translate(-230px, -140px);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1) translate(20px, 0);
    transform: scale(1) translate(20px, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.8) translate(30px, 30px);
    transform: scale(0.8) translate(30px, 30px);
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.3) translate(430px, 510px);
    transform: scale(0.3) translate(430px, 510px);
    opacity: 0;
  }
}
@font-face {
  font-family: NotoSerifJP-Bold;
  font-style: normal;
  font-display: swap;
  src: url(/common/font/NotoSerifJP-Bold.woff2) format("woff2"),
    url(/common/font/NotoSerifJP-Bold.woff) format("woff");
}
@font-face {
  font-family: NotoSerifJP-Medium;
  font-style: normal;
  font-display: swap;
  src: url(/common/font/NotoSerifJP-Medium.woff2) format("woff2"),
    url(/common/font/NotoSerifJP-Medium.woff) format("woff");
}
@font-face {
  font-family: NotoSerifJP-Regular;
  font-style: normal;
  font-display: swap;
  src: url(/common/font/NotoSerifJP-Regular.woff2) format("woff2"),
    url(/common/font/NotoSerifJP-Regular.woff) format("woff");
}
@font-face {
  font-family: icons;
  src: url(/osechi/2021/font/fontello.woff2) format("woff2"),
    url(/osechi/2021/font/fontello.woff) format("woff");
}
@media screen and (max-width: 979px) and (min-width: 0) {
  #wrapper {
    font-size: inherit;
  }
}
.slick-slider {
  width: -webkit-calc(100% + 10px) !important;
  width: calc(100% + 10px) !important;
}
.slick-slider * {
  outline: 0 !important;
}
.box.slick-slide {
  margin: 0 14px !important;
}
.slick-slide img {
  width: 100%;
  max-width: auto;
}

.slick-arrow.slick-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}

.slick-dots {
  width: 100%;
  margin-top: 15px;
  text-align: center;
}
.slick-dots li,
.slick-dots li button {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dots li button {
  display: block;
  padding: 2px;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: 0 0;
  border: 0;
  outline: 0;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  color: #000;
  text-align: center;
  border-radius: 50%;
  content: "";
}
.slick-dots li.slick-active button:before {
  opacity: 1;
}
.m-cr-headerBtns {
  top: 0;
  left: 0;
  padding: 0 20px;
}
.m-cr-headerBtns .m-cr-headerBtnsList {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  max-width: 1600px;
  min-height: 50px;
  margin: 0 auto;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.m-cr-headerBtns .m-cr-headerBtnsList > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 50px;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.m-cr-headerBtns .m-cr-headerBtnsList > li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  padding: 0 10px;
  color: #fff;
  font-weight: 700;
  font-size: 28px;
  font-size: 1.8rem;
  text-decoration: none !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -ms-flex-preferred-size: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.m-cr-headerBtns .m-cr-headerBtnsList > li a:hover {
  text-decoration: underline !important;
  background-color: rgba(255, 255, 255, 0.2);
}
.m-cr-headerBtns .m-cr-headerBtnsList > li a em {
  font-weight: 700;
}
.m-cr-headerBtns .m-cr-headerBtnsList > li a span {
  position: relative;
  padding-right: 20px;
}
.m-cr-headerBtns .m-cr-headerBtnsList > li a span:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.m-cr-headerBtns .m-cr-headerBtnsList > li a span:after {
  position: absolute;
  top: 50%;
  right: 0;
  color: #fff;
  font-size: 19px;
  font-size: 1.2rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "▶";
}
.m-cr-headerBtns .m-cr-headerBtnsList > li + li {
  border-left: 1px solid #fff;
}
.m-cr-headerBtns .m-cr-headerBtnsList > li.band-coupon span {
  padding-left: 60px;
}
.m-cr-headerBtns .m-cr-headerBtnsList > li.band-t-points span {
  padding-left: 53px;
}
.isTablet .m-cr-headerBtns {
  left: 0;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  margin-left: -20px;
  padding: 0;
}
.m-cr-recommend,
.m-cr-service {
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
}
.m-cr-service {
  padding-top: 60px;
}
.m-cr-service .m-cr-serviceHead {
  font-size: 54px;
  font-size: 3.4rem;
  text-align: center;
}
.m-cr-service .m-cr-serviceHead span {
  display: block;
  font-size: 22px;
  font-size: 1.4rem;
}
.m-cr-service .m-cr-serviceList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
.m-cr-service .m-cr-serviceList > section > a,
.m-productIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.m-cr-service .m-cr-serviceList > section {
  -webkit-flex-basis: 31.5%;
  -ms-flex-preferred-size: 31.5%;
  flex-basis: 31.5%;
}
.isTablet .m-cr-service .m-cr-serviceList > section {
  -webkit-flex-basis: 33.333%;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
}
.m-cr-service .m-cr-serviceList > section > a {
  position: relative;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100px;
  background-repeat: no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-line-pack: center;
}
.isTablet .m-cr-service .m-cr-serviceList > section > a {
  height: 80px;
}
.m-cr-service .m-cr-serviceList > section > a:before {
  position: absolute;
  top: -10px;
  left: -10px;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  border: 5px solid #e7e7e7;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  content: "";
}
.m-cr-service .m-cr-serviceList > section > a:hover {
  color: #000;
  background-color: #e7e7e7;
}
.m-cr-service .m-cr-serviceList > section > a:hover:before {
  top: 0;
  left: 0;
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  height: -webkit-calc(100% - 10px);
  height: calc(100% - 10px);
  opacity: 1;
}
.m-cr-service .m-cr-serviceList > section:nth-of-type(-n + 3) a {
  padding: 10px 45% 10px 10px;
  background-position: top right;
}
.m-cr-service .m-cr-serviceList > section:nth-of-type(n + 4) {
  margin-top: 20px;
}
.m-cr-service .m-cr-serviceList > section:nth-of-type(n + 4) a {
  padding: 10px 10px 10px 48%;
  background-position: top left;
}
.m-cr-service .m-cr-serviceList .m-cr-serviceTtl {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  color: #3bb4d7;
  font-weight: 700;
  font-size: 25px;
  font-size: 1.6rem;
  text-align: center;
  -ms-flex-preferred-size: 100%;
}
.isTablet .m-cr-service .m-cr-serviceList .m-cr-serviceTtl {
  font-size: 19px;
  font-size: 1.2rem;
}
.m-cr-service .m-cr-serviceList .m-cr-serviceTxt {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  margin-top: 5px;
  font-size: 17px;
  font-size: 1.1rem;
  -ms-flex-preferred-size: 100%;
}
.isTablet .m-cr-service .m-cr-serviceList .m-cr-serviceTxt {
  font-size: 16px;
  font-size: 1rem;
}
.m-cr-recommend {
  padding: 60px 64px;
}
.m-cr-recommend .m-cr-recommendTtl {
  font-size: 54px;
  font-size: 3.4rem;
  text-align: center;
}
.m-cr-recommend .m-cr-recommendList {
  margin-top: 30px;
}
.osechiContents {
  padding-bottom: 80px;
  background-color: #110100;
}
.m-btn {
  margin-top: 20px;
  line-height: 1.3;
  text-align: center;
}
.m-btn a {
  position: relative;
  display: inline-block;
  width: 430px;
  padding: 14px 50px;
  color: #fff;
  font-size: 25px;
  font-size: 1.6rem;
  text-align: center;
  text-decoration: none !important;
  background: #000;
}
.isOtherDevice .m-btn a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.m-btn a:before {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  font-weight: 400;
  font-family: defico;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  opacity: 0;
  content: "";
  speak: none;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
.m-osechiLead,
.m-osechiTtl,
.mainvisualInner .mainvisualDate {
  font-family: "Noto Serif JP", serif;
}
.m-btn a:hover {
  color: #fff;
}
.isOtherDevice .m-btn a:hover {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.7);
}
.isOtherDevice .m-btn a:hover:before {
  right: 15px;
  opacity: 1;
  -webkit-animation: d 1.3s infinite;
  animation: d 1.3s infinite;
}
.m-bnr {
  width: 950px;
  margin: 90px auto;
}
.m-bnr a {
  display: block;
}
.m-osechiBox {
  position: relative;
  width: 1120px;
  margin: 60px auto 0;
  padding: 80px 0;
  background-color: #fff;
}
.m-osechiBox:after,
.m-osechiBox:before {
  position: absolute;
  top: 0;
  height: 117px;
  content: "";
}
.m-osechiBox:before {
  left: 0;
  width: 278px;
  background: url(/osechi/common/images/bg_kazari_left_pc.png);
}
.m-osechiBox:after {
  right: 0;
  width: 308px;
  background: url(/osechi/common/images/bg_kazari_right_pc.png);
}
.m-osechiBox.is_black {
  padding: 0;
  color: #fff;
  background-color: #110100;
}
.m-osechiBox.is_black:after,
.m-osechiBox.is_black:before {
  display: none;
}
.m-osechiTtl {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  font-size: 44px;
  font-size: 2.8rem;
  text-align: center;
}
.m-osechiTtl:after,
.m-osechiTtl:before {
  position: absolute;
  top: 50%;
  width: 340px;
  height: 2px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#be970d),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(left, #be970d 0, transparent 100%);
  background-image: linear-gradient(to right, #be970d 0, transparent 100%);
  content: "";
}
.text-cut .cut:after,
.text-cut:after {
  width: 100%;
  content: "";
}
.m-osechiTtl:before {
  left: -340px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 50px right;
  -ms-transform-origin: 50px right;
  transform-origin: 50px right;
}
.m-osechiTtl:after {
  right: -340px;
}
.m-osechiTtl.is_black:after,
.m-osechiTtl.is_black:before {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#be970d),
    to(#110100)
  );
  background-image: -webkit-linear-gradient(left, #be970d 0, #110100 100%);
  background-image: linear-gradient(to right, #be970d 0, #110100 100%);
}
.m-osechiLead {
  max-width: 600px;
  margin: 20px auto;
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: left;
}
.m-productIcon {
  display: flex;
  margin-top: 15px;
}

.m-product_txt {
  margin-top: 10px;
  font-size: 22px;
  font-size: 1.4rem;
}
.text-cut {
  position: relative;
  height: 2.4em;
  font-size: 14px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.text-cut:after {
  position: relative;
  z-index: 3;
  display: block;
  height: 50px;
  margin-right: -2em;
  background: #fff;
}
.text-cut .cut {
  display: block;
  line-height: 1.3em;
}
.text-cut .cut:after {
  position: absolute;
  height: 100%;
  background: #fff;
}
.text-cut .cut:before {
  position: absolute;
  top: 1.3em;
  right: 0;
  width: 1em;
  padding-left: 0.1em;
  line-height: 1.3em;
  background: #fff;
  content: "…";
}
.isTablet .text-cut .cut:before {
  width: 1.05em;
}
.m-cr-service .m-cr-serviceList > section.noshi a {
  background-image: url(/osechi/common/images/bottom/bg_service_noshi.png);
}
.m-cr-service .m-cr-serviceList > section.messagecard a {
  background-image: url(/osechi/common/images/bottom/bg_service_messagecard.png);
}
.m-cr-service .m-cr-serviceList > section.freeshipping a {
  background-image: url(/osechi/common/images/bottom/bg_service_freeshipping.png);
}
.m-cr-service .m-cr-serviceList > section.mail a {
  background-image: url(/osechi/common/images/bottom/bg_service_mail.png);
}
.m-cr-service .m-cr-serviceList > section.coupon a {
  background-image: url(/osechi/common/images/bottom/bg_service_coupon.png);
}
.m-cr-service .m-cr-serviceList > section.catalog a {
  background-image: url(/osechi/common/images/bottom/bg_service_catalog.png);
}
.m-cr-headerBtns {
  background-color: #522057;
}
.m-cr-headerBtns .m-cr-headerBtnsList > li.band-t-points span:before {
  width: 47px;
  height: 26px;
  background-image: url(/osechi/common/images/ico_coupon_1200.png);
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  content: "";
}
.m-cr-headerBtns .m-cr-headerBtnsList > li.band-coupon span:before {
  width: 47px;
  height: 26px;
  background-image: url(/osechi/common/images/ico_coupon_500.png);
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  content: "";
}
.mainvisual {
  position: relative;
  z-index: 0;
}
.mainvisual .btn-more a {
  width: 260px;
}
.mainvisual .m-btn a {
  width: 200px;
  padding: 14px 30px;
  color: #000;
  font-size: 24px;
  font-size: 1.5rem;
  background-image: -webkit-linear-gradient(
    95deg,
    #ac8e0b 0,
    #c4a933 22%,
    #e6d9a4 100%
  );
  background-image: linear-gradient(
    -5deg,
    #ac8e0b 0,
    #c4a933 22%,
    #e6d9a4 100%
  );
}
.mainvisualInner {
  margin: 0 auto;
}
.mainvisualInner .mainvisualTtl {
  position: relative;
  width: 260px;
  margin: 0 auto;
  padding-top: 60px;
}
.mainvisualInner .mainvisualTtl:before {
  position: absolute;
  top: 0;
  left: -160px;
  width: 158px;
  height: 149px;
  background: url(/osechi/common/images/fig_kikan.png) center/cover no-repeat;
  content: "";
}
.mainvisualInner .mainvisualDate {
  margin-top: 20px;
  color: #fff;
  text-align: center;
}
.mainvisualInner .mainvisualDate span {
  display: inline-block;
  padding-top: 10px;
  font-size: 38px;
  font-size: 2.4rem;
}
.m-cr-headerBtns.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.selectNav dl dd,
.selectNav dl dt {
  display: inline-block;
  vertical-align: middle;
}
.mainvisualLead {
  position: relative;
  padding: 30px 0;
  color: #fff;
  font-size: 25px;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  background-color: #110100;
}
.mainvisualLead:after,
.mainvisualLead:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 280px;
  height: 100%;
  content: "";
}
.mainvisualLead:before {
  background-image: url(/osechi/common/images/fig_cloud_left.png);
  -webkit-transform: translateX(-webkit-calc(-50% - 555px));
  -ms-transform: translateX(calc(-50% - 555px));
  transform: translateX(-50%) translateX(-555px);
}
.mainvisualLead:after {
  background-image: url(/osechi/common/images/fig_cloud_right.png);
  -webkit-transform: translateX(-webkit-calc(-50% + 555px));
  -ms-transform: translateX(calc(-50% + 555px));
  transform: translateX(-50%) translateX(+555px);
}
.selectNav {
  width: 1120px;
  margin: 0 auto;
  color: #000;
  background: url(/osechi/common/images/bg_menu.jpg) no-repeat;
}
.selectNav dl {
  margin: 0 10px;
  padding: 10px 0;
}

.selectNav dl dt {
  font-size: 1.8rem;
  font-family: NotoSerifJP-Medium, serif;
}
.selectNav dl dt.is_people span:after,
.selectNav dl dt.is_price span:after,
.selectNav dl dt.is_stage span:after,
.selectNav dl dt.is_tokushu span:after {
  top: -2px;
  left: 0;
  color: #fef8de;
  font-size: 30px;
  font-family: icons;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.selectNav dl dt span {
  position: relative;
  padding-left: 30px;
  font-weight: bold;
}

.selectNav dl dt.is_price span {
  position: relative;
}
.selectNav dl dt.is_price span:after {
  position: absolute;
  content: url("images/index/price_icon01.png");
}
.selectNav dl dt.is_stage span {
  position: relative;
}
.selectNav dl dt.is_stage span:after {
  position: absolute;
  content: url("images/index/price_icon02.png");
}
.selectNav dl dt.is_people span {
  position: relative;
}
.selectNav dl dt.is_people span:after {
  position: absolute;
  content: url("images/index/price_icon03.png");
}
.selectNav dl dt.is_tokushu span {
  position: relative;
}
.selectNav dl dt.is_tokushu span:after {
  position: absolute;
  content: url("images/index/price_icon04.png");
}
.osusumeItem_mark,
.selectNav dl dd ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.selectNav dl dd ul {
  display: flex;
}

.selectNav dl dd ul li a {
  position: relative;
  display: flex;
  align-self: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 14px 0;
  font-size: 1.6rem;
  font-family: NotoSerifJP-Medium, serif;
  text-align: center;
  background-image: linear-gradient(-28deg, #fcdf90 0, #fef6d5 100%);
}

.selectNav dl dd ul li a span {
  font-weight: bold;
}

.selectNav dl dd ul li a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -0.5em;
  color: #000;
  font-size: 20px;
  font-family: icons;
  line-height: 1;
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.campaign .campaign_banner {
  width: 1000px;
  margin: 0 auto;
}

.osusumeItem_mark li,
.osusumeLead,
.osusumeTtl {
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
.osusumeItem:before,
.osusumeItem_mark li:before,
.osusumeLead:after,
.osusumeLead:before,
.osusumeTtl:before {
  content: "";
}
.osusume {
  width: 1120px;
  margin: 60px auto 0;
  padding-top: 80px;
  background-color: #fff;
}
.osusumeTtl {
  position: relative;
  width: 620px;
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 35px;
  font-size: 2.2rem;
  border-bottom: 1px solid #e70819;
}
.osusumeTtl strong {
  color: #000;
  font-size: 64px;
  font-size: 4rem;
}
.osusumeTtl:before {
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 30px;
  height: 28px;
  background: url(/osechi/common/images/fig_osusume.png) center/cover no-repeat;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.osusumeLead {
  position: relative;
  width: 620px;
  margin: 30px auto;
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: left;
}
.osusumeLead:after,
.osusumeLead:before {
  position: absolute;
  top: -253px;
}
.osusumeLead:before {
  left: -370px;
  width: 683px;
  height: 535px;
  background: url(/osechi/common/images/bg_flower_left_pc.png) center/cover
    no-repeat;
}
.osusumeLead:after {
  right: -355px;
  z-index: 1;
  width: 565px;
  height: 439px;
  background: url(/osechi/common/images/bg_flower_right_pc.png) center/cover
    no-repeat;
}
.osusumeItem {
  position: relative;
  margin: 40px 50px 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 1px #000;
  box-shadow: 0 0 1px #000;
}
.osusumeItem_atumori {
  background-color: #141215;
}
.osusumeItem:before {
  position: absolute;
  top: 190px;
  width: 145px;
  height: 398px;
}
.osusumeItem.is_right:before {
  right: -198px;
  background: url(/osechi/common/images/bg_kamihubuki_right.png) center/cover
    no-repeat;
}
.osusumeItem.is_left:before {
  left: -202px;
  background: url(/osechi/common/images/bg_kamihubuki_left.png) center/cover
    no-repeat;
}
.osusumeItem_pic {
  top: 30px;
  height: auto;
}
.osusumeItem_pic.is_thin {
  width: 500px;
}
.osusumeItem_ttl {
  width: 480px;
  height: auto;
  margin-left: 5px;
}
.osusumeItem_mark {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: -100px 25px -30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.osusumeDetail,
.osusumeDetailItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.osusumeItem_mark.is_pb {
  padding-bottom: 110px;
}
.osusumeItem_mark li {
  position: relative;
  z-index: 0;
  -webkit-flex-basis: 110px;
  flex-basis: 110px;
  color: #fff;
  font-size: 35px;
  font-size: 1.8rem;
  line-height: 1.3;
  -ms-flex-preferred-size: 110px;
}
.osusumeItem_mark li span {
  font-size: 57px;
  font-size: 3.6rem;
}
.osusumeItem_mark li:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 112px;
  height: 124px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.osusumeItem_mark li.is_people:before {
  background: url(/osechi/common/images/icon_osusumeItem_people.gif) center/cover
    no-repeat;
}
.osusumeItem_mark li.is_number:before {
  background: url(/osechi/common/images/icon_osusumeItem_number.gif) center/cover
    no-repeat;
}
.osusumeItem_mark li.is_limited {
  margin-left: 10px;
  font-family: inherit;
}
.osusumeItem_mark li.is_limited span {
  font-size: 48px;
  font-size: 2.6rem;
  line-height: 1;
}
.osusumeItem_mark li.is_limited:before {
  width: 120px;
  background: url(/osechi/common/images/fig_suryougentei.png) center/cover
    no-repeat;
}
.osusumeDetail {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 100%;
  padding-top: 10px;
}
.osusumeDetailItem {
  display: flex;
  -webkit-flex-basis: -webkit-calc((98% - 30px)/2);
  flex-basis: calc((98% - 30px) / 2);
  margin: 0 7px 10px;
  background-color: #fff;
  border: solid 2px #d7a837;
  -ms-flex-preferred-size: calc((98% - 30px) / 2);
}
.osusumeDetailItem > .pic {
  -webkit-flex-basis: 140px;
  -ms-flex-preferred-size: 140px;
  flex-basis: 140px;
}
.osusumeDetailItem > .pic img {
  width: 100%;
}
.osusumeDetailItem.is_att {
  border: 4px solid #560000;
}
.osusumeDetailItem.is_att .ttl {
  padding: 5px 10px;
  background-color: #560000;
}
.osusumeDetail_tBox {
  -webkit-flex-basis: -webkit-calc(100% - 140px);
  flex-basis: calc(100% - 140px);
  color: #000;
  font-size: 17px;
  font-size: 1.1rem;
  line-height: 1.3;
  -ms-flex-preferred-size: calc(100% - 140px);
}

.osusumeDetail_tBox .osusumeRabel_deliver,.osusumeDetail_tBox .Label_frozen {
  vertical-align: top;
}

.osusumeDetail_tBox > .ttl {
  padding: 10px 10px 0;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.3rem;
}
.osusumeDetail_tBox > .ttl + p,
.osusumeDetail_tBox > .txt {
  padding: 10px 10px 0;
}

.osusumeDetail .setcontent {
  width: 80%;
  margin: 0 auto;
}

.osusumeRabel a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px 10px;
  padding: 25px 0 10px 50px;
  background: url(/osechi/common/images/bg_osusumeRabel.gif) top left repeat-y
    #fff;
  -webkit-background-size: 20px 20px;
  background-size: 20px;
}
.osusumeRabel a:hover div > .m-btn span {
  color: #fff;
}
.isOtherDevice .osusumeRabel a:hover div > .m-btn span {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.7);
}
.isOtherDevice .osusumeRabel a:hover div > .m-btn span:before {
  right: 15px;
  opacity: 1;
  -webkit-animation: d 1.3s infinite;
  animation: d 1.3s infinite;
}
.osusumeRabel a div > .m-btn span:before,
.rankBtn:before {
  font-weight: 400;
  font-family: defico;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  opacity: 0;
}
.osusumeRabel a div {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.osusumeRabel a div:last-of-type {
  padding-right: 20px;
}
.osusumeRabel a div > .m-btn span {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 14px 50px;
  color: #fff;
  font-size: 25px;
  font-size: 1.6rem;
  text-align: center;
  background: #990f0f;
}
.osusumeRabel a div > .m-btn span:before {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  line-height: 1;
  content: "";
  speak: none;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.osusumeRabel_deliver,
.osusumeRabel .Label_frozen,
.osusumeRabel .Label_reizo,
.osusumeRabel_price,
.osusumeRabel_ttl,
.peopleCateTtl {
  font-family: "Noto Serif JP", serif;
}
.peopleCate:before,
.rankItemInner:after {
  content: "";
}
.osusumeRabel_ttl {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.2;
}
.osusumeRabel_ttl span {
  font-size: 54px;
  font-size: 3.4rem;
}
.osusumeRabel_deliver,
.Label_frozen,
.Label_reizo {
  display: inline-block;
  margin-top: 10px;
  padding: 2px 10px;
  color: #fff;
  font-size: 25px;
  font-size: 1.6rem;
  background-color: #ab1717;
}
.Label_frozen {
  background-color: #053c75;
}
.Label_reizo {
  background-color: #112942a3;
}
.osusumePickup,
.osusumePickup_tBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.osusumeRabel_price {
  color: #ab1717;
  font-size: 25px;
  font-size: 1.6rem;
}
.osusumeRabel_price span {
  font-size: 48px;
  font-size: 3rem;
}
.osusumePickup {
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 10px;
  margin-left: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
}
.osusumePickup > .pic {
  width: 250px;
}
.osusumePickup_tBox {
  display: flex;
  width: 280px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
}
.osusumePickup_tBox > .txt {
  -webkit-flex-basis: -webkit-calc(100% - 110px);
  flex-basis: calc(100% - 110px);
  padding: 12px 10px 5px;
  font-size: 19px;
  font-size: 1.2rem;
  line-height: 1.4;
  -ms-flex-preferred-size: calc(100% - 110px);
}
.osusumePickup_tBox .pic_chef {
  -webkit-flex-basis: 110px;
  -ms-flex-preferred-size: 110px;
  flex-basis: 110px;
}
.peopleCateTtl {
  width: 900px;
  height: 80px;
  margin: 35px auto 0;
  padding: 15px 0;
  color: #fff;
  font-size: 51px;
  font-size: 3.2rem;
  text-align: center;
}
.peopleCateTtl.is_red {
  background: url(/osechi/common/images/fig_ninzu1_3_pc.png) center/cover
    no-repeat;
}
.peopleCateTtl.is_green {
  background: url(/osechi/common/images/fig_ninzu3_4_pc.png) center/cover
    no-repeat;
}
.peopleCateTtl.is_blue {
  background: url(/osechi/common/images/fig_ninzu4_5_pc.png) center/cover
    no-repeat;
}
.peopleCateTtl.is_purple {
  background: url(/osechi/common/images/fig_ninzu5_pc.png) center/cover no-repeat;
}
.peopleCate {
  position: relative;
}
.peopleCate:before {
  position: absolute;
  top: 190px;
  width: 145px;
  height: 398px;
}
.peopleCate.is_right:before {
  right: -142px;
  background: url(/osechi/common/images/bg_kamihubuki_right.png) center/cover
    no-repeat;
}
.peopleCate.is_left:before {
  left: -146px;
  background: url(/osechi/common/images/bg_kamihubuki_left.png) center/cover
    no-repeat;
}
.peopleCate .m-osechiLead {
  margin: 15px 0;
}
.peopleList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px;
}
.peopleItem {
  -webkit-flex-basis: -webkit-calc((100% - 80px)/3);
  flex-basis: calc((100% - 80px) / 3);
  margin: 5px 20px;
  -webkit-box-shadow: 0 0 5px 5px #eee;
  box-shadow: 0 0 5px 5px #eee;
  -ms-flex-preferred-size: calc((100% - 80px) / 3);
}
.peopleItem .m-btn a {
  width: 100%;
}
.peopleItem .m-product_catch {
  background-image: -webkit-linear-gradient(
    95deg,
    #b99e26 0,
    #c4a933 22%,
    #e6d9a4 100%
  );
  background-image: linear-gradient(
    -5deg,
    #b99e26 0,
    #c4a933 22%,
    #e6d9a4 100%
  );
}
.peopleTbox {
  padding: 15px;
}

.rankItem_rank.is_01 {
  background: url(/osechi/common/images/fig_crown01.svg) center/cover no-repeat;
}
.rankItem_rank.is_02 {
  background: url(/osechi/common/images/fig_crown02.svg) center/cover no-repeat;
}
.rankItem_rank.is_03 {
  background: url(/osechi/common/images/fig_crown03.svg) center/cover no-repeat;
}
.rankItem_rank.is_other {
  background: url(/osechi/common/images/fig_crown00.svg) center/cover no-repeat;
}

.isOtherDevice .rankBtn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.rankBtn:before {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  line-height: 1;
  content: "";
  speak: none;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.priceList li a span:after,
.stageList li > .m-btn a span:after {
  line-height: 1;
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li button:before {
  background: #cdcdcd;
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  background: #be970d;
}
.priceList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px;
}
.priceList li {
  margin: 0 10px;
  background-color: #000;
  border: 5px solid #000;
}
.priceList li a {
  display: block;
  color: #fff;
  font-size: 38px;
  font-size: 2.4rem;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
.knowledgeHeading,
.stageList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.priceList li a span {
  position: relative;
}
.priceList li a span:after {
  position: absolute;
  top: 10px;
  right: -20px;
  color: #fff;
  font-size: 20px;
  font-family: icons;
}
.priceList li a > p:nth-of-type(2) {
  padding: 10px 0;
}
.stageList {
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin: 0 90px;
  -webkit-box-align: end;
  -ms-flex-align: end;
}
.stageList li {
  -webkit-flex-basis: 300px;
  flex-basis: 300px;
  margin: 0 20px;
  text-align: center;
  -ms-flex-preferred-size: 300px;
}
.stageList li > .m-btn {
  background: url(/osechi/common/images/btn_dansu_pc.png) center/cover no-repeat;
}
.stageList li > .m-btn a {
  width: 180px;
  padding: 15px 10px;
  color: #000;
  font-size: 28px;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", serif;
  background: 0 0;
}
.stageList li > .m-btn a span {
  position: relative;
}
.stageList li > .m-btn a span:after {
  position: absolute;
  top: 5px;
  right: -25px;
  color: #000;
  font-size: 20px;
  font-family: icons;
}
.deliveryDate_item dd,
.iwareTtl,
.meltBox,
.promiseItem,
.promiseTtl {
  font-family: "Noto Serif JP", serif;
}
.deliveryDate_list li,
.promiseItem > p {
  line-height: 1.6;
}
.stageList li > .m-btn a > p:nth-of-type(2) {
  padding: 10px 0;
}
.stageList li > .m-btn a:hover {
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
}
.knowledge.m-osechiBox {
  padding: 60px 0;
  background: url(/osechi/common/images/bg_mametisiki.jpg) top;
  border-radius: 10px;
}
.knowledge.m-osechiBox:after,
.knowledge.m-osechiBox:before {
  display: none;
}
.knowledge > div,
.knowledge > p,
.knowledge > section {
  width: 960px;
  margin: 40px auto 0;
}
.knowledgeHeading {
  display: flex;
}
.iwareItem,
.iwareList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.knowledgeHeading_pic {
  -webkit-flex-basis: 260px;
  -ms-flex-preferred-size: 260px;
  flex-basis: 260px;
}
.knowledgeHeading_txt {
  -webkit-flex-basis: -webkit-calc(100% - 260px);
  flex-basis: calc(100% - 260px);
  margin-left: 50px;
  -ms-flex-preferred-size: calc(100% - 260px);
}
.knowledgeLead {
  padding: 25px;
  background-color: #fff;
}
.iwareTtl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  height: 100px;
  margin: 60px auto 0;
  padding: 6px;
  font-size: 35px;
  font-size: 2.2rem;
  background: url(/osechi/common/images/fig_iware.png) top no-repeat;
}
.iwareList {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.iwareItem {
  display: flex;
  -webkit-flex-basis: -webkit-calc((100% - 80px)/2);
  flex-basis: calc((100% - 80px) / 2);
  margin-top: 20px;
  -ms-flex-preferred-size: calc((100% - 80px) / 2);
}
.deliveryDate,
.deliveryDate_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.iwareItem:nth-of-type(-n + 2) {
  margin-top: 40px;
}
.iwareItem:nth-of-type(2n) {
  margin-left: 80px;
}
.iwareText {
  -webkit-flex-basis: -webkit-calc(100% - 200px);
  flex-basis: calc(100% - 200px);
  padding: 20px 20px 10px;
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  -ms-flex-preferred-size: calc(100% - 200px);
}
.iwareText h3 {
  padding-bottom: 5px;
  font-weight: 700;
  font-size: 28px;
  font-size: 1.8rem;
  border-bottom: 1px solid #be970d;
}
.iwareText p {
  margin-top: 10px;
  font-size: 22px;
  font-size: 1.4rem;
}
.iwarePic {
  -webkit-flex-basis: 200px;
  flex-basis: 200px;
  border-radius: 10px;
  -ms-flex-preferred-size: 200px;
}
.iwarePic img {
  border-radius: 10px 0 0 10px;
}
.deliveryDate {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.deliveryDate_item {
  display: flex;
  margin: 30px 20px 0;
  font-size: 32px;
  font-size: 2rem;
  border: 1px solid #b32e2e;
}
.deliveryDate_item dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 30px 47px 30px 20px;
  color: #fff;
  background: url(/osechi/common/images/fig_otodoke.png) center/cover no-repeat;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.deliveryDate_item dd {
  padding: 25px 20px;
}
.deliveryDate_item dd span {
  font-size: 57px;
  font-size: 3.6rem;
}
.deliveryDate_list {
  width: 980px;
  margin: 40px auto 0;
}
.deliveryDate_list li.red {
  color: #ab1717;
}
.promise > div,
.promise > p,
.promise > section {
  width: 960px;
  margin: 40px auto 0;
}
.promiseTtl {
  margin-bottom: 15px;
  padding-top: 2px;
  font-size: 32px;
  font-size: 2rem;
  text-align: center;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(black),
    color-stop(50%, #be970d),
    to(black)
  );
  background-image: -webkit-linear-gradient(
    left,
    #000 0,
    #be970d 50%,
    #000 100%
  );
  background-image: linear-gradient(to right, #000 0, #be970d 50%, #000 100%);
}
.promiseItem {
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
}
.promiseItem > .tel {
  font-size: 64px;
  font-size: 4rem;
}
.melt {
  position: relative;
  border: 3px solid #be970d;
}
.meltPic {
  z-index: 0;
}
.meltPic > .icon {
  position: absolute;
  top: -15px;
  left: -30px;
  z-index: 1;
}
.meltPic > .pic {
  position: absolute;
  top: 20px;
  left: 125px;
  z-index: 2;
}
.meltPic > .memo {
  position: absolute;
  top: 200px;
  left: 50px;
  font-size: 19px;
  font-size: 1.2rem;
}
.meltBox {
  padding: 35px 0 35px 320px;
}
.meltBox > p:nth-of-type(n + 2) {
  margin-top: 30px;
}
.meltBox > p span {
  color: #be970d;
}
.m-cr-recommendList .slick-dots li button:before {
  background: #333;
  opacity: 0.25;
}
.m-cr-recommendList .slick-dots .slick-active button:before {
  background: #be970d;
  opacity: 1;
}
.sec-inner .sec_title {
  margin-bottom: 30px;
  font-size: 2.8rem;
  line-height: 1.3;
  text-align: center;
}
.widget-slider_cover {
  width: 1000px;
  margin: 0 auto;
}
.m-osechiBoxSet {
  position: relative;
  padding: 80px 0;
  background-color: #fff;
}
.m-osechiBoxSet:after,
.m-osechiBox:before {
  position: absolute;
  top: 0;
  height: 117px;
  content: "";
}
.m-osechiBoxSet:before {
  left: 0;
  width: 278px;
  background: url(/osechi/common/images/bg_kazari_left_pc.png);
}
.m-osechiBoxSet.is_black {
  padding: 0;
  color: #fff;
  background-color: #110100;
}
.ListSet {
  margin: 10px 5px;
}
.peopleItemSet {
  -webkit-flex-basis: -webkit-calc((100% - 80px)/2);
  flex-basis: calc((100% - 80px) / 2);
  margin: 5px 20px;
  -webkit-box-shadow: 0 0 5px 5px #eee;
  box-shadow: 0 0 5px 5px #eee;
  -ms-flex-preferred-size: calc((100% - 80px) / 2);
}
.peopleItemSet .m-btn a {
  width: 100%;
}
.peopleItemSet .m-product_catch {
  background-image: -webkit-linear-gradient(
    95deg,
    #b99e26 0,
    #c4a933 22%,
    #e6d9a4 100%
  );
  background-image: linear-gradient(
    -5deg,
    #b99e26 0,
    #c4a933 22%,
    #e6d9a4 100%
  );
}
.m-productIcon li.is_otoku {
  background-color: #ab1717;
  border: 1px solid #f2bc18;
  -webkit-box-shadow: 0 0 0 2px #080404;
  box-shadow: 0 0 0 2px #080404;
}
.osusumeItem_sanpi {
  background-color: #302725;
}
.osusumeItem_utage {
  background-color: #c31b22;
}
.osusumeItem_hakata {
  background-color: #deb175;
}
.osusumeItem_futamiso {
  background-color: #eee8d8;
}
.osusumeItem_main .coupon_item_outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.osusumeItem_main .coupon_item_outer .coupon_item_inner {
  width: 48%;
}
.coupon_item {
  margin-top: 10px;
  padding: 10px;
  background-color: #b8860b;
  background-image: -webkit-linear-gradient(
    rgba(255, 255, 255, 0.3) 0%,
    transparent 50%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 100%
  );
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.3) 0%,
    transparent 50%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.1) inset,
    0 2px 10px 0 rgba(255, 255, 255, 0.2) inset,
    0 -2px 2px 0 rgba(0, 0, 0, 0.1) inset;
}
.coupon_item_outer .coupon_item_inner {
  margin-bottom: 10px;
}
.osusumeItem_main .coupon_item_title {
  margin-bottom: 10px;
  font-size: 2rem;
  font-family: "Noto Serif JP", serif;
}
.coupon_item_title {
  margin-bottom: 10px;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}

.tpoint_area {
  background-color: #111359;
}
.tpoint_area_outer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  max-width: 1600px;
  min-height: 50px;
  margin: 0 auto;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.tpoint_area_outer a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  padding: 0 10px;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: none !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -ms-flex-preferred-size: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
.tpoint_area .tpoint_area_outer .tpoint_area_inner span:before {
  background-image: url(/osechi/common/images/ico_tpoint_color.png);
}
.tpoint_area .tpoint_area_outer .tpoint_area_inner span:before {
  width: 26px;
  height: 26px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  content: "";
}
.tpoint_area .tpoint_area_outer .tpoint_area_inner a span:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tpoint_area .tpoint_area_outer .tpoint_area_inner a span {
  position: relative;
  padding-right: 20px;
  padding-left: 46px;
}
.tpoint_area .tpoint_area_outer .tpoint_area_inner a span:after {
  position: absolute;
  top: 50%;
  right: 0;
  color: #ffff02;
  font-size: 19px;
  font-size: 1.2rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "▶";
}
.osusume_oshinagaki_area {
  width: 100%;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  background: #fff;
  background-color: #333;
}
.osusume_oshinagaki_area_title {
  padding: 10px;
  color: #fff;
  font-size: 2rem;
  background-image: -webkit-linear-gradient(
    rgba(255, 255, 255, 0.3) 0%,
    transparent 50%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 100%
  );
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.3) 0%,
    transparent 50%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 100%
  );
  border: 1px solid #fff;
  box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.1) inset,
    0 2px 10px 0 rgba(255, 255, 255, 0.2) inset,
    0 -2px 2px 0 rgba(0, 0, 0, 0.1) inset;
}
.osusume_oshinagaki_outer .title {
  padding: 10px;
  border: 1px solid #fff;
  cursor: pointer;
}
/* .title:hover {
  color: #999;
}
.title:after {
  position: absolute;
  right: 40px;
  content: "▼";
} */
.title.open:after {
  position: absolute;
  right: 40px;
  content: "▲";
}
.box {
  padding: 10px;
  background: #eee;
}
.osusume_oshinagaki_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}
.osusume_oshinagaki_inner .pic_area_outer {
  width: 50%;
}
.osusume_oshinagaki_inner .pic_area_outer .pic_area_inner {
  padding: 50px;
}
.osusume_oshinagaki_inner .text_area_outer {
  width: 50%;
  color: #333;
  text-align: left;
}
.osusume_oshinagaki_inner .text_area_outer .text_area_inner {
  padding: 100px 35px 0 0;
}
.osusume_oshinagaki_inner .text_area_outer .item_name {
  margin-bottom: 30px;
  font-size: 4rem;
}
.osusume_oshinagaki_inner .text_area_outer .item_number {
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.osusume_oshinagaki_inner .text_area_outer .item_detail {
  margin-bottom: 1rem;
  font-size: 2rem;
}
.mainvisualLead span {
  display: block;
  color: #ffd700;
  font-size: 2.5rem;
  line-height: 2;
  text-align: center;
}
.ryori_title {
  width: 620px;
  margin: 0 auto;
  font-size: 35px;
  font-size: 2.2rem;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
.ryori_title strong {
  font-size: 64px;
  font-size: 2.5rem;
}
.ryori_item {
  width: 750px;
  margin: 40px auto 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 1px #000;
  box-shadow: 0 0 1px #000;
}
.ryori_lead {
  display: block;
  width: 630px;
  margin: 0 auto 30px;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
.ryori_text {
  width: 620px;
  margin: 30px auto 30px;
  font-size: 1.7rem;
  font-family: "Noto Serif JP", serif;
  word-break: break-all;
}
.m-ryori_title {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  font-size: 44px;
  font-size: 2.8rem;
  font-family: "Noto Serif JP", serif;
  line-height: 1.3;
  text-align: center;
}
.m-ryori_title:before {
  left: -340px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 50px right;
  -ms-transform-origin: 50px right;
  transform-origin: 50px right;
}
.m-ryori_title:after {
  right: -340px;
}
.m-ryori_title:after,
.m-ryori_title:before {
  position: absolute;
  top: 35px;
  width: 340px;
  height: 2px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#be970d),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(left, #be970d 0, transparent 100%);
  background-image: linear-gradient(to right, #be970d 0, transparent 100%);
  content: "";
}
.bnr_to_top {
  width: 750px;
  margin: 100px auto;
}

.m-osechiBox .otoku_title{
  padding: 10px;
  font-weight: 700;
  font-size: 3rem;
  font-family: NotoSerifJP-Medium,serif;
  text-align: center;
}

.m-osechiBox .otoku{
  width: 740px;
  margin: 0 auto;
  padding: 0 20px 30px;
  background: -webkit-gradient(linear,left top,left bottom,from(#9f1f22),to(#780b0e));
  background: -webkit-linear-gradient(top,#9f1f22,#780b0e);
  background: -o-linear-gradient(top,#9f1f22 0,#780b0e 100%);
  background: linear-gradient(180deg,#9f1f22 0,#780b0e);
}

.m-osechiBox .otoku ul{
  padding: 20px;
  background-color: #fff;
}

.m-osechiBox .otoku ul li{
  margin-bottom: 10px;
  color: #333;
  font-size: 2rem;
  line-height: 2;
  border-bottom: 1px solid #f1f1f1;
}

.m-osechiBox .otoku ul li .otoku_sub{
  display: block;
  width: 200px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  background: #9f1f22;
}

.m-osechiBox .otoku ul li .point{
  color: #9f1f22;
  font-weight: 700;
}

.pic_area{
  position: relative;
}

.fewleft{
  position: absolute;
  bottom:0;
  width: 100%;
  padding: 5px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: rgba(255,0,0,0.8);
}