@charset "UTF-8";

/*fs*/

p {
  margin: 0;
}

/* common */

html {
  font-size: 62.5%;
}

body {
  color: #333;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  text-rendering: auto;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

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

a {
  color: #222;
  text-decoration: none;
}

a,
a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a:hover,
a:hover img {
  opacity: 0.6;
  text-decoration: none;
}

li {
  list-style: none;
}

.imgmax {
  display: block;
  height: auto;
  line-height: 1rem;
  width: 100%;
}

.pconly {
  display: block;
}

.sponly {
  display: none;
}

.base__pad {
  padding: 0 5%;
}

#page-top {
  bottom: 20px;
  position: fixed;
  right: 20px;
}

.logout.my-false {
  display: none;
}

.login.my-true {
  display: none;
}

.regist.my-true {
  display: none;
}

.fs-client-cart-count {
  width: 20px;
  height: 20px;
  position: absolute;
  background: #d0281a;
  padding: 6px;
  border-radius: 50%;
  line-height: 1rem;
  text-align: center;
  font-size: 1.3rem;
  top: -4px;
  right: -7px;
  color: #fff;
  z-index: 2;
}

/*contents*/

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1120px;
  padding: 20px 5%;
}

.logo {
  max-width: 226px;
}

.overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.overview__list {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.overview__list:not(:last-child) {
  margin-right: 20px;
}

.overview__list--a {
  background: url(../img/bk_delta.svg) no-repeat left center / 6px 4px;
  display: block;
  padding-left: 10px;
}

.head-info__act {
  background: url(../img/head-illust.jpg) no-repeat right top / 65px 59px;
  padding: 10px 75px 10px 0;
}

.head-info__memberinfo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  line-height: 1.5rem;
}

.head-info__memberinfo--name {
  margin-right: 10px;
}

.head-info__memberinfo--rank {
  background: #efe1d6;
  border-radius: 20px;
  padding: 5px 10px;
}

.pointcolor {
  color: #5a4903;
}

.global {
  position: relative;
}

.global-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 1000px;
}

.global-nav-z {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 1120px;
}

.global-nav__list.wide {
  width: 14%;
}

.global-nav__list.wide-z {
  width: 18%;
}

.global-nav__list.wide-short {
  width: 9%;
}

.global-nav-z li {
  font-size: 1.4rem;
}

.global-nav__list {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  width: 14.285%;
  width: calc(100% / 7);
}

.global-nav__list--a {
  display: block;
  padding: 16px 5%;
}

.global-nav__list--a:hover {
  color: #666;
  opacity: 1;
}

.global-nav__list--rice,
.global-nav__list--delta {
  padding-left: 15px;
}

.global-nav__list--delta {
  background: url(https://toyorice.itembox.design/item/common/img/un-delta.svg) no-repeat right center / 10px 8px;
  padding: 0 15px;
}

.global-nav__list:hover .global-nav__list--rice {
  background: url(https://toyorice.itembox.design/item/common/img/rice-gold.svg) no-repeat left center / 8px 12px;
}

.global-nav__list:hover .global-nav__list--delta {
  background: url(https://toyorice.itembox.design/item/common/img/un-delta.svg) no-repeat right center / 10px 8px, url(https://toyorice.itembox.design/item/common/img/rice-gold.svg) no-repeat left center / 8px 12px;
}

.-disabled {
  pointer-events: none;
}

.menu__second-level {
  background: #efecd6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  display: none;
  padding: 20px 5%;
  position: absolute;
  text-align: left;
  top: 56px;
  visibility: hidden;
  width: 100%;
  z-index: 15;
}

.global-nav__list:hover .menu__second-level {
  top: 56px;
  visibility: visible;
  display: block;
}

.mega__in {
  margin: 0 auto;
  max-width: 1000px;
}

.mega__in-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mega__in-area__list {
  width: 24.1%;
  margin: 0 1.2% 1.2% 0;
}

.mega__in-area__list:nth-child(4n) {
  margin-right: 0;
}

.mega__in-area__list:nth-last-of-type(-n + 4) {
  margin-bottom: 0;
}

.popular-items__list--space {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.popular-items__list--a:hover .popular-items__list--space,
.itemlist-items__list--a:hover .popular-items__list--space {
  opacity: 0.6;
}

.mega__in-area__list--a {
  display: block;
}

.mega-img {
  margin-bottom: 10px;
}

.mega-name {
  font-size: 1.5rem;
  line-height: 2.4rem;
  text-align: center;
}

.head-info__actarea {
  font-size: 1.4rem;
  line-height: 1.4rem;
}

.head-info__actarea--search {
  border-radius: 30px;
  -webkit-box-shadow: 0 0 0 1px #707070 inset;
  box-shadow: 0 0 0 1px #707070 inset;
  padding: 6px 10px;
}

.head-info__actarea,
.head-info__actarea--search,
.head-info__actarea--submit {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.actarea--search--input,
.actarea--search--button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

.actarea--search--button {
  margin-left: 8px;
}

.detail-btn {
  margin: 0 20px 0 5px;
}

.detail-btn--a {
  background: #656246;
  border-radius: 30px;
  color: #fff !important;
  display: block;
  font-weight: bold;
  padding: 12px 10px;
}

.head-info__actarea--submit--mypage {
  margin-right: 5px;
}

.head-info__actarea--submit--mypage,
.head-info__actarea--submit--cart {
  width: 140px;
  text-align: center;
}

.head-info__actarea--submit--cart {
  position: relative;
}

.submit--a {
  border-radius: 30px;
  display: block;
  padding: 12px 15px;
  font-weight: bold;
}

.-member {
  background: #efecd6;
  color: #656246;
}

.-cart {
  background: #baa842;
  color: #fff !important;
}

.icon-member {
  background: url(../img/icon-member.svg) no-repeat left center / 15px 20px;
  padding: 5px 0 5px 25px;
}

.icon-cart {
  background: url(../img/icon-cart.svg) no-repeat left center / 24px 18px;
  padding: 5px 0 5px 34px;
}

.top-belto {
  background: #6f5627;
  color: #fff !important;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 10px 5%;
  text-align: center;
}

.top-belto a {
  display: block;
  color: #fff;
  margin: 0 auto;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.top-belto a:not(:last-child) {
  margin-bottom: 5px;
}

#main__mv {
  overflow-x: hidden;
  padding-bottom: 50px;
  margin: 0 auto 100px;
}

.camp__ban {
  max-width: 1120px;
  margin: 0 auto 40px;
}

.camp__ban--a {
  display: block;
  width: 100%;
}

.mv__container {
  height: 550px;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  position: relative;
}

#main__swipers {
  height: 100%;
  overflow: visible !important;
  width: 100%;
  z-index: 1;
}

.slide-info {
  display: none;
}

.swiper-pagination {
  bottom: -60px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.swiper-pagination-bullet {
  background: url(../img/rice.svg) no-repeat center center / 15px 22px !important;
  border: none;
  height: 21px !important;
  margin-left: 10px;
  opacity: 1 !important;
  width: 15px !important;
}

.swiper-pagination-bullet-active {
  background: url(../img/rice-gold.svg) no-repeat center center / 15px 22px !important;
  border: none !important;
  -webkit-box-shadow: none;
  box-shadow: none !important;
}

.swiper-pagination-bullet:focus {
  outline: 0;
}

.area-welcome {
  margin: 0 auto 80px;
  max-width: 1120px;
}

.area-welcome__block {
  position: relative;
  margin: 0 auto 40px;
  max-width: 948px;
  text-align: center;
}

.m-tit {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.5rem;
  margin-bottom: 40px;
  text-align: center;
}

.four-point__tit {
  color: #5a4903;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.6rem;
  margin-bottom: 20px;
}

.four-point__tit--big {
  font-size: 2.2rem;
}

.-color-gold {
  color: #c6ab16;
}

.rice-illust {
  left: -50px;
  max-width: 225px;
  position: absolute;
  top: 24px;
  z-index: 2;
}

.area-welcome__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 40px;
}

.area-welcome__point--list {
  background: #efecd6;
  border-radius: 60px;
  color: #5a4903;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0.8%;
  padding: 20px 0;
  width: 14.6%;
}

.area-welcome__point--list-l {
  padding: 0;
}

.area-welcome__point--list-link {
  border-radius: 60px;
  color: #5a4903 !important;
  display: block;
  padding: 20px 0;
}

.area-welcome__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 40px;
}

.area-welcome__content--list:nth-child(2n) {
  margin-right: 0;
}

.area-welcome__content--img {
  margin-bottom: 15px;
}

.rankings-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1120px;
  margin: 0 auto 30px;
}

.rankings-tab__list {
  color: #5a4903;
  cursor: pointer;
  background: #f4f4f4;
  padding: 15px 5%;
  position: relative;
  text-align: center;
  width: 33%;
}

.rankings-tab__list.select {
  background: #baa842;
  color: #fff !important;
}

.rankings-tab__list.select:before {
  border: 10px solid transparent;
  border-top: 10px solid #baa842;
  content: "";
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: 100%;
}

.rankings-tab__list--object {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2rem;
  margin-bottom: 8px;
}

.rankings-tab__list--eng {
  color: #a5a5a5;
  font-size: 1rem;
  line-height: 1rem;
}

.select .rankings-tab__list--eng {
  color: #fff !important;
}

.-hide {
  display: none;
}

.ranking-cont__list--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ranking-cont__list--rank {
  padding-top: 50px;
  position: relative;
  width: 30%;
}

.ichioshi-cont__list--rank {
  position: relative;
  width: 30%;
}

.ranknumber {
  display: block;
  font-size: 3.2rem;
  left: 50%;
  line-height: 3.2rem;
  margin-left: -25%;
  position: absolute;
  text-align: center;
  top: 0;
}

.ranking-cont__list--img {
  margin-bottom: 20px;
}

.ranking-cont__list--name {
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 3rem;
}

.rank-1 {
  background: url(../img/icon-rank1.svg) no-repeat left center / 52px 52px;
}

.rank-2 {
  background: url(../img/icon-rank2.svg) no-repeat left center / 52px 52px;
}

.rank-3 {
  background: url(../img/icon-rank3.svg) no-repeat left center / 52px 52px;
}

.rank-1,
.rank-2,
.rank-3 {
  padding: 15px 62px;
}

.-c_red {
  color: #dd0255;
}

.-tag-family {
  background: #78b164;
}

.-tag-easy {
  background: #b18264;
}

.-tag-bonus {
  background: #cc8f8f;
}

.-tag-no01 {
  background: #78b164;
  border: 1px solid #78b164;
  color: #fff !important;
}

.-tag-no02 {
  background: #99b164;
  border: 1px solid #99b164;
  color: #fff !important;
}

.-tag-no03 {
  background: #b1ab64;
  border: 1px solid #b1ab64;
  color: #fff !important;
}

.-tag-no04 {
  background: #b19364;
  border: 1px solid #b19364;
  color: #fff !important;
}

.-tag-no05 {
  background: #b17c64;
  border: 1px solid #b17c64;
  color: #fff !important;
}

.-tag-no06 {
  background: #b16464;
  border: 1px solid #b16464;
  color: #fff !important;
}

.-tag-no07 {
  background: #b16488;
  border: 1px solid #b16488;
  color: #fff !important;
}

.-tag-no08 {
  background: #b164a8;
  border: 1px solid #b164a8;
  color: #fff !important;
}

.-tag-no09 {
  background: #8b64b1;
  border: 1px solid #8b64b1;
  color: #fff !important;
}

.-tag-no10 {
  background: #64b188;
  border: 1px solid #64b188;
  color: #fff !important;
}

.-tag-no11 {
  background: #64b1b1;
  border: 1px solid #64b1b1;
  color: #fff !important;
}

.ranking-cont__list--price {
  margin-bottom: 20px;
}

.ranking-cont__list--info {
  margin-bottom: 30px;
}

.ranking-cont__list--infolink {
  display: block;
  pointer-events: none;
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.tags__list {
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin: 0 6px 6px 0;
  padding: 5px;
  border-radius: 3px;
}

.brown-btn,
.white-btn {
  margin: 0 auto;
  max-width: 173px;
  width: 100%;
}

.brown-btn--a,
.brown2-btn--a,
.white-btn--a {
  border-radius: 30px;
  font-weight: 500;
  display: block;
  line-height: 1.3em;
  padding: 12px 5%;
  text-align: center;
}

.brown-btn--a {
  background: #5a4903;
  color: #fff !important;
}

.brown-btn--a-one {
  line-height: 3.9rem;
}

.brown2-btn--a {
  background: #948a54;
  color: #fff !important;
}

.white-btn--a {
  background: #fff;
  color: #000;
}

.area-pickup {
  margin: 0 auto 100px;
  max-width: 1120px;
}

.area-pickup__cont {
  position: relative;
}

.area-pickup__cont a:hover {
  opacity: 1;
}

.area-pickup__cont a:hover img {
  opacity: 1;
}

.area-pickup__cont a:hover .area-pickup__cont--txt {
  opacity: 0.8;
}

.area-pickup__cont:not(:last-child) {
  margin-bottom: 20px;
}

.area-pickup__cont--txt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  padding: 4%;
  position: absolute;
  top: 0;
  width: 470px;
}

.-potision-right {
  left: inherit;
  right: 0;
}

.icon-brownrice {
  bottom: 20px;
  max-width: 309px;
  position: absolute;
  right: 20px;
}

.area-pickup__cont--name {
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 3.4rem;
  margin-bottom: 30px;
  text-align: center;
}

.area-pickup__cont--read {
  font-size: 1.4rem;
  margin-bottom: 30px;
}

.-bk-transparent {
  background: rgba(0, 0, 0, 0.4);
  color: #fff !important;
}

.-gold-transparent {
  background: rgba(154, 106, 0, 0.7);
  color: #fff !important;
}

.-white-transparent {
  background: rgba(255, 255, 255, 0.6);
}

.-hr-mark {
  background: url(../img/hr-mark.svg) no-repeat center top / 42px 42px;
  padding-top: 100px;
}

.-hr-mark_f {
  background: url(../img/hr-mark.svg) no-repeat center top / 42px 42px;
  padding-top: 140px;
}

.-hr-mark_s {
  background: url(../img/hr-mark.svg) no-repeat center top / 42px 42px;
  padding-top: 50px;
}

.area-recommended {
  background: url(../img/bg-cloth.jpg);
  padding: 100px 5%;
  margin-bottom: 100px;
}

.item-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1120px;
}

.item-category__list {
  margin: 0 5% 3% 0;
  width: 30%;
}

.item-category__list:nth-child(3n) {
  margin-right: 0;
}

.item-category__list:nth-last-child(-n + 3) {
  margin-bottom: 0;
}

.item-category__list--a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/icon-circle.svg) no-repeat 95% 93% / 24px 24px #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
  padding: 7% 5%;
}

.item-category__list--thumnail {
  margin-right: 30px;
  max-width: 105px;
}

.item-category__list--caption {
  font-size: 1.4rem;
  line-height: 2.1rem;
  margin-bottom: 25px;
}

.item-category__list--series {
  font-size: 1.8rem;
  font-weight: bold;
}

.area-about {
  margin: 0 auto 100px;
}

.about-bg {
  background: url(../img/illust-bg.jpg) no-repeat center top;
  padding: 100px 0;
}

.contents-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1120px;
}

.contents-card__list {
  text-align: center;
  width: 30%;
}

.contents-card__list--tit {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 3.4rem;
  margin: 30px auto 20px;
}

.contents-card__list--txt {
  margin-bottom: 20px;
}

.area-news-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 100px;
  max-width: 1120px;
  width: 100%;
}

.area-news,
.area-media {
  width: 47%;
  /*  width: 100%;*/
}

.news-media--tit {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  padding: 0 20%;
}

.news-media--tit::before,
.news-media--tit::after {
  background-color: #707070;
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
}

.news-media--tit::before {
  margin-right: 2rem;
}

.news-media--tit::after {
  margin-left: 2rem;
}

.news-scroll {
  height: 600px;
  overflow-y: scroll;
}

.area-news-cont__list {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 20px;
}

.area-news-cont__list:not(:last-child) {
  margin-bottom: 25px;
}

.area-news-cont__time {
  border: 1px solid #707070;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1em;
  margin-right: 3%;
  padding: 5px;
  text-align: center;
  /*width: 23%;*/
  width: 15%;
}

.area-news-cont__txt {
  width: 74%;
}

.area-news-cont__txt p:not(:last-child) {
  margin-bottom: 20px;
}

.-underline {
  text-decoration: underline;
}

.area-news-media .brown-btn {
  max-width: 260px;
}

.area-news-cont,
.area-media-cont {
  margin-bottom: 40px;
}

.area-media-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.area-media-cont__list {
  margin-right: 6%;
  width: 47%;
}

.area-media-cont__list:nth-child(2n) {
  margin-right: 0;
}

.area-media-cont__list--a {
  display: block;
  margin-bottom: 20px;
}

.area-blog {
  margin: 0 auto 80px;
  max-width: 1120px;
  width: 100%;
}

.area-blog-cont,
.area-overview-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.area-blog-cont__list {
  display: flex;
  flex-direction: column;
}

.area-blog-cont__list,
.area-overview-cont__list {
  margin-right: 2%;
  width: 23.4%;
}

.area-blog-cont__list:last-child,
.area-overview-cont__list:last-child {
  margin-right: 0;
}

.area-blog-cont__list--a {
  display: block;
  margin-bottom: 20px;
}

.area-blog-cont__list--tit {
  font-weight: bold;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.area-blog-cont__list--txt {
  margin-top: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5; /* 1行の高さ */
  max-height: calc(1.5em * 3); /* 3行分の高さ */
  word-wrap: break-word;
}

.area-overview {
  margin: 0 auto 50px;
  max-width: 1120px;
}

.area-overview-cont__list {
  height: 320px;
}

.area-overview-cont__list--a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.area-overview-cont__list--a:hover {
  opacity: 1;
}

.area-overview-cont__list--tit {
  font-size: 2.6rem;
  line-height: 3rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  z-index: 3;
}

.area-overview-cont__list--img {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

.area-overview-cont__list--img::before {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  height: 100%;
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.area-sns {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: 40px;
  padding: 30px 5%;
}

.area-sns-cont {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.area-sns-cont__list {
  margin: 0 10px;
  width: 32px;
}

.footers-memberbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 40px;
  max-width: 1020px;
}

.footers-memberbtn__list {
  text-align: center;
  width: 31%;
}

.footers-memberbtn--a {
  background: url(../img/icon-circle.svg) no-repeat 95% 50% / 21px 21px #efecd6;
  border-radius: 30px;
  color: #5a4903;
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  line-height: 1.5rem;
  padding: 14px 10px;
}

.footers-contarea {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px dashed #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 50px;
  max-width: 1120px;
  padding-bottom: 40px;
}

.footers-illust {
  background: url(../img/foot-illust.jpg) no-repeat left top / 87px 77px;
  color: #5a4903;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.4rem;
  min-height: 77px;
  padding: 25px 0 0px 97px;
  width: 25%;
}

.footer-linknav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 4%;
  width: 42%;
}

.footer-linknav__list {
  list-style: disc;
  margin: 0 4% 2% 0;
  width: 48%;
}

.footer-linknav__list:nth-child(2n) {
  margin-right: 0;
}

.footer-contact {
  width: 24%;
}

.footer-contact__mail {
  margin-bottom: 15px;
  text-align: center;
}

.footer-contact__mail--a {
  background: #5a4903;
  border-radius: 30px;
  color: #fff !important;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 10px;
}

.icon-mail {
  background: url(../img/icon-mail.svg) no-repeat left center / 16px 12px;
  padding-left: 22px;
}

.footer-contact__tel {
  color: #5a4903;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

.footer-contact__tel--number .tels {
  font-size: 2.4rem;
  line-height: 2.4rem;
}

.footer-contact__tel--time {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.end-link {
  font-size: 1.3rem;
  line-height: 1.3rem;
  text-align: center;
  margin-bottom: 50px;
}

.end-link-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 40px;
}

.end-link-area__list {
  padding: 0 30px;
}

.end-link-area__list:not(:last-child) {
  border-right: 1px solid #ccc;
}

.end-link-etxt {
  margin-bottom: 14px;
}

.end-link-copy {
  color: #999;
}

#pagetop {
  display: none;
  bottom: 120px;
  width: 127px;
}

#fix-history {
  bottom: 20px;
  width: 133px;
}

#pagetop,
#fix-history {
  position: fixed;
  right: 20px;
  z-index: 10;
}

.osusu {
  display: none;
}

#foot_areanav {
  display: none;
}

#main__mv .swiper-button-next,
#main__mv .swiper-button-prev {
  background: rgba(111, 86, 39, 0.7);
  color: #fff;
  height: unset;
  padding: 15px 5px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: unset;
}

#main__mv .swiper-button-prev {
  left: -15px;
}

#main__mv .swiper-button-next {
  right: -15px;
}

/* 注文完了ページ追記 */
.mrg30 {
  margin-bottom: 30px;
}

.tyumon_kanryo_anketobox {
  display: block;
  min-width: 300px;
  width: 50%;
  margin: 0 auto 40px;
}

.tyumon_kanryo_anketotit {
  font-weight: bold;
  text-align: center;
  font-size: 2rem;
  background-color: #b8a952;
  color: #fff;
  padding: 10px;
  margin-bottom: 30px;
}

.tyumon_kanryo_anketotxt {
  margin-bottom: 40px;
}

.tyumon_kanryo_anketo_btn {
  max-width: max-content;
  margin: 0 auto;
  text-align: center;
}

.tyumon_kanryo_anketo_btn.review {
  margin-bottom: 40px;
}

.tyumon_kanryo_anketo_btn--a {
  background: #5a4903;
  border-radius: 30px;
  color: #fff !important;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 10px 20px;
}

.tyumon_kanryo_anketo_btn--bb {
  display: none;
}

.kaiintouroku_tokuten-titbox {
  background-color: #baa842;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10%;
  margin: 0 auto 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kaiintouroku_tokuten-detailarea .tyumon_kanryo_anketo_btn {
  width: 25%;
  margin: 0;
}

.kaiintouroku_tokuten--ico {
  min-width: 100px;
  width: 9%;
  margin-right: 1%;
}

.kaiintouroku_tokuten--txt {
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1.3;
  min-width: 410px;
  padding: 10px;
}

.kaiintouroku_tokuten-titwrapper {
  margin-bottom: 60px;
}

.kaiintouroku_tokuten-detailarea .rice__ill-hint .f_codehint p {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #000;
}

.kaiintouroku_tokuten-detailarea .rice__ill-hint {
  margin: 0 auto 30px;
  width: 60%;
}

.tyumon_kanryo_anketo_btn.mrg30 {
  margin-bottom: 30px;
}

.birthdaybanner-area {
  width: 60%;
  margin: 0 auto 50px;
}

.birthdaybanner-area .cate-sd--area--btn {
  max-width: 300px;
}

.birthdaybanner-area-img {
  margin-bottom: 40px;
}

input#ac00 {
  display: none;
}

.fs-p-announcement.mrg60 {
  margin-bottom: 60px;
}

/* 20220303ここから追加 */
/* スクロールヒント */
.top_eturan {
  max-width: 1120px;
  margin: 0 auto;
}

.sort_box--list_rireki {
  width: 18%;
}

.sort_box--list_rireki:not(:last-child) {
  margin-right: 2%;
}

.sort_box_rireki {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sort_box--img_rireki {
  margin-bottom: 10px;
}

section.hist__page {
  padding: 0 5%;
  margin: 0 auto 80px;
}

/* 20220303ここまで */

.reviewcp_bnr_header {
  display: block;
  max-width: 1120px;
  margin: 0 auto;
}

.reviewcp_con {
  background-color: #baa842;
}

.reviewcp_con_top {
  margin: 0 auto 80px;
  max-width: 1120px;
}

/* 20230216 ヘッダー/フッター改修 */

.foot_areanav_re .-whitenav {
  background-color: #fff !important;
}

.foot_areanav_re .rechoice .foot_nav--box {
  position: relative;
  /* width: 84%; */
}

.foot_areanav_re .rechoice .foot_nav--box .foot_nav--icon {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 40px;
  max-width: 40px;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.foot_areanav_re .rechoice .foot_nav--box .foot_nav--txt {
  margin-top: 24px;
}

.-brown_txst {
  color: #656246;
}

.sp-navi_re .sp-navigation-area__list--txt {
  font-size: 0.8rem;
}

.spform {
  width: 100%;
}

.spform__area {
  width: 100%;
}

.form__flex {
  display: flex;
  margin: 0 auto 6px;
  width: 90%;
}

.spform__area .keys_pt {
  width: 80%;
  margin-right: 2%;
  background: #fff;
  border-radius: 30px;
  padding: 3px 12px;
}

.inp__search {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  font-size: 1.4rem;
  line-height: 1.4rem;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 0 1px #707070 inset;
  box-shadow: 0 0 0 1px #707070 inset;
}

.inp__point {
  background: #656246;
  border-radius: 30px;
  color: #fff !important;
  display: block;
  font-weight: bold;
  padding: 12px 10px;
}

.submit_pt {
  border-radius: 30px;
  width: 18%;
}

.top_hotword {
  overflow: hidden;
  max-width: 1120px;
  margin: 0 auto;
  padding: 10px 5%;
  display: flex;
  font-size: 10px;
  line-height: 1;
  align-items: center;
}

.top_hotword_tit {
  font-weight: bold;
  font-size: 12px !important;
}

.top_hotword_listbox li {
  font-weight: normal;
  border: medium none;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

.top_hotword_listbox li:not(:first-child) {
  padding: 0 0 0 6px;
}

.top_hotword_listbox li a {
  color: #0065b3;
  text-decoration: underline;
  font-size: 12px;
}

.head-info__memberinfo_re {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  line-height: 1.5rem;
}

/* 20230216 ヘッダー/フッター改修ここまで */

/* 20230313 ヘッダー/フッター改修追加 */

.foot_areanav_re .-whitenav .foot_nav--a {
  border-top: 2px solid #656246;
  border-bottom: 2px solid #656246;
}

.top_hotword .head-info__actarea--search {
  width: 45%;
  margin-right: 0%;
  justify-content: flex-end;
}

.top_hotword_box {
  display: flex;
  justify-content: flex-end;
  width: 50%;
}

.memberinfo__pointtxst {
  color: #dd0255 !important;
}

.foot_nav--list.whitenone {
  border-right: none;
}

.head-info__memberinfo--name_re {
  display: flex;
}

.header_re {
  align-items: flex-end;
}

.header_re .icon-ricechoice {
  background: url(../img/foot_list.svg) no-repeat left center / 20px 20px;
  padding: 5px 0 5px 26px;
}

.header_re .detail-btn--a {
  padding: 12px 15px;
}

/* 20230313 ヘッダー/フッター改修追加ここまで */

/* 20230328 ヘッダー/フッター改修追加 */

.header_re .head-info__actarea--submit--mypage {
  margin-right: 15px;
}

.re_info .detail-btn {
  margin: 0px 15px 0 5px;
}

.top_hotword .actarea--search--input {
  font: unset;
  font-size: 1.3rem;
}

.top_hotword .head-info__actarea--search {
  padding: 4px 10px;
}

.top_hotword [type="text"] {
  padding: 0px 5px;
}

.global.re_global {
  background-color: #efecd6;
}

.top_hotword {
  border-bottom: none;
}

.top_hotword .head-info__actarea--search_re {
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.top_hotword .actarea--search--input_re {
  border-radius: 30px;
  -webkit-box-shadow: 0 0 0 1px #707070 inset;
  box-shadow: 0 0 0 1px #707070 inset;
  padding: 4px 10px;
  width: 87%;
}

/* .global.re_global .global-nav__list--a {
  padding: 12px 5%;
} */
.sp-navi_re .icon-member {
  background: url(../img/icon-member.svg) no-repeat left center / 15px 20px;
  padding: 5px 0 5px 22px;
  display: inline-block;
}

/* 20230328 ヘッダー/フッター改修追加ここまで */

@media (max-width: 1060px) {
  .item-category__list--series {
    font-size: 1.6rem;
  }

  .footer-contact__mail--a {
    font-size: 1.3rem;
  }
}

@media (max-width: 959px) {
  .pconly {
    display: none;
  }

  .sponly {
    display: block;
  }

  body {
    /* margin-top: 212px; */
    padding-top: 300px;
  }

  header {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  .logo {
    left: 50%;
    position: fixed;
    top: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 98px;
    z-index: 101;
  }

  .sp-navigation {
    background: #fff;
    padding: 15px 20px 10px;
    width: 100%;
  }

  .sp-navigation-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .sp-navigation-area__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 76px;
  }

  .sp-navigation-area__list--a {
    width: 33px;
  }

  .sp-navigation-area__list--a:first-child {
    margin-right: 10px;
    /* width: 75px; */
  }

  /* .sp-navigation-area__list--a:first-child img {
    height: 36px;
  } */

  .sp-navigation-area__list--txt {
    display: block;
    font-size: 0.6rem;
    font-weight: bold;
    line-height: 1em;
    margin-top: 6px;
    text-align: center;
  }

  .head-info {
    width: 100%;
    order: 2;
  }

  .global,
  .head-info__actarea,
  .overview {
    display: none;
  }

  .head-info__act,
  .head-info__memberinfo--rank {
    background: none;
    padding: 0;
  }

  .head-info__memberinfo--name,
  .head-info__memberinfo--rank {
    font-size: 0.9rem;
  }

  .head-info__memberinfo {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 3%;
  }

  .top-belto {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 10px calc(5% + 10px);
  }

  /*
  .top-belto a {
    margin: 0 10px;
  }
*/

  .top-belto a:not(:last-child) {
    margin-bottom: 0;
  }

  .brown-btn,
  .white-btn {
    max-width: 280px;
  }

  .brown-btn--a,
  .brown2-btn--a,
  .white-btn--a {
    border-radius: 10px;
    font-weight: normal;
  }

  #main__mv {
    margin-bottom: 40px;
    padding-bottom: 0;
  }

  .mv__container {
    height: auto;
    padding-bottom: 40px;
  }

  .swiper-pagination {
    bottom: -10px;
  }

  .slide-info {
    display: block;
    padding: 30px 5%;
    text-align: center;
  }

  .slide-info .brown-btn {
    max-width: 173px;
  }

  .slide-info__cap {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-bottom: 25px;
  }

  .slide-info__tit {
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-bottom: 30px;
  }

  .slide-info__tit--bold {
    font-size: 2.8rem;
    line-height: 4rem;
  }

  .rice-illust {
    left: 0px;
    max-width: 160px;
    position: absolute;
    top: 47px;
  }

  .four-point__tit {
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-bottom: 20px;
  }

  .four-point__tit--big {
    font-size: 1.6rem;
  }

  .area-welcome {
    margin-bottom: 50px;
  }

  .area-welcome__block {
    margin: 0 auto 20px;
    max-width: 100%;
    width: 90%;
  }

  .area-welcome__point {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .area-welcome__point--list {
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin: 0 4% 4% 0;
    padding: 15px 10px;
    width: 48%;
  }

  .area-welcome__point--list-l {
    padding: 0;
  }

  .area-welcome__point--list-link {
    padding: 15px 10px;
  }

  .area-welcome__point--list:nth-child(2n) {
    margin-right: 0;
  }

  .area-welcome__content {
    grid-template-columns: 100%;
    margin: 0 auto;
    width: 90%;
    gap: 0px;
  }

  .area-welcome__content--list:not(:last-child) {
    margin-bottom: 30px;
  }

  .rankings-tab__list--object {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0;
  }

  .rankings-tab__list--eng {
    display: none;
  }

  .ranking-cont__list--img {
    margin: 0;
    max-width: 134px;
    width: 40%;
  }

  .ichioshi-cont__list--rank .ranking-cont__list--img {
    margin: 0 auto;
    max-width: 100%;
    width: 70%;
  }

  .ranking-cont__list--info {
    width: 50%;
    margin-bottom: 0;
  }

  .ranking-cont__list--infolink {
    pointer-events: unset;
  }

  .ranking-cont__list--block {
    display: block;
  }

  .ranking-cont__list--rank,
  .ichioshi-cont__list--rank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    width: 100%;
    border-bottom: 1px dashed #ccc;
  }

  .ranking-cont__list--rank {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .ichioshi-cont__list--rank {
    display: block;
    padding: 0 5%;
    width: 100%;
    border-bottom: none;
  }

  .ichioshi-cont__list--rank:not(:last-child) {
    margin-bottom: 20px;
  }

  .ranknumber {
    font-size: 2rem;
    left: inherit;
    line-height: 2rem;
    margin: 0 0 10px;
    position: relative;
    text-align: left;
  }

  .ranking-cont__list--name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 15px;
  }

  .ranking-cont__list--price {
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin-bottom: 10px;
  }

  .tags {
    margin-bottom: 0;
  }

  .tags__list {
    font-size: 1rem;
    line-height: 1em;
  }

  .rank-1,
  .rank-2,
  .rank-3 {
    background-size: 26px 26px;
    padding: 5px 0 5px 36px;
  }

  .ranking-cont__list--rank .brown-btn,
  .ichioshi-cont__list--rank .brown-btn {
    display: none;
  }

  .icon-brownrice {
    bottom: inherit;
    left: 20px;
    max-width: 190px;
    right: inherit;
    top: 20px;
  }

  .area-pickup__cont--txt {
    bottom: 0;
    display: block;
    height: inherit;
    left: 0;
    padding: 30px 10%;
    top: inherit;
    width: 100%;
  }

  .area-pickup__cont--name {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 20px;
  }

  .area-pickup__cont--read {
    margin-bottom: 20px;
  }

  .osusu {
    display: block;
    position: absolute;
    right: 20px;
    top: -19px;
    width: 90px;
  }

  .area-recommended {
    margin-bottom: 60px;
    padding: 40px 5% 50px;
    position: relative;
  }

  .item-category__list {
    margin: 0 3.5% 3% 0;
    width: 31%;
  }

  .item-category__list--a {
    background-image: none;
    display: block;
    -webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.2));
    height: 170px;
    padding: 15% 6%;
    text-align: center;
  }

  .item-category__list--thumnail {
    margin: 0 auto 10px;
    max-width: 54px;
  }

  .item-category__list--caption {
    display: none;
  }

  .item-category__list--series {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }

  .area-about {
    margin-bottom: 60px;
  }

  .about-bg {
    padding: 0 5%;
    background: url(../img/sp-illust-bg.jpg) no-repeat center top / cover;
  }

  .contents-card {
    display: block;
  }

  .contents-card__list {
    width: 100%;
  }

  .contents-card__list:not(:last-child) {
    margin-bottom: 40px;
  }

  .contents-card__list--tit {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin: 20px auto 20px;
  }

  .area-news-media {
    background: url(../img/hr-mark.svg) no-repeat center top / 32px 32px;
    display: block;
    margin-bottom: 60px;
    padding-top: 80px;
  }

  .area-news,
  .area-media {
    width: 100%;
  }

  .area-news {
    margin-bottom: 60px;
    padding: 0 5%;
  }

  .area-media {
    font-size: 1.4rem;
    line-height: 2.1rem;
    padding: 0 5%;
  }

  .area-sns {
    margin-bottom: 30px;
    padding: 15px 5%;
  }

  .brown-btn,
  .area-news-media .brown-btn {
    max-width: 280px;
  }

  .news-scroll {
    height: 350px;
  }

  .area-news-cont__list {
    /*background: url(../img/icon-sp-arrow.svg) no-repeat 95% center / 10px 18px;*/
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 1.4rem;
    line-height: 2.1rem;
    padding: 20px 5%;
    position: relative;
  }

  .area-news-cont__list:first-child {
    padding-top: 0;
  }

  .area-news-cont__list:not(:last-child) {
    margin-bottom: 0;
  }

  .area-news-cont__time {
    width: 38%;
    margin-bottom: 15px;
  }

  .area-news-cont__txt {
    width: 100%;
  }

  .news-media--tit,
  .m-tit {
    font-size: 2rem;
    line-height: 3rem;
  }

  .news-media--tit {
    margin-bottom: 30px;
  }

  .-hr-mark {
    background-size: 32px 32px;
    padding-top: 80px;
  }

  .-hr-mark_f {
    background-size: 32px 32px;
    padding-top: 100px;
  }

  .-hr-mark_s {
    background-size: 32px 32px;
    padding-top: 30px;
  }

  .area-blog {
    margin-bottom: 50px;
    width: 90%;
  }

  .area-blog-cont,
  .area-overview-cont {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .area-blog-cont__list {
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin: 0 6% 6% 0;
    width: 47%;
  }

  .area-blog-cont__list:nth-child(2n) {
    margin-right: 0;
  }

  .area-blog-cont__list:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }

  .area-overview {
    margin-bottom: 50px;
  }

  .area-overview-cont__list,
  .area-overview-cont__list:last-child {
    margin: 0;
    width: 50%;
  }

  .area-overview-cont__list {
    height: auto;
  }

  .area-overview-cont__list--img {
    position: relative;
    width: 100%;
  }

  .area-overview-cont__list--tit {
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: absolute;
    text-align: center;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
  }

  .footers-memberbtn,
  .footers-illust,
  .footer-linknav {
    display: none;
  }

  .footers-contarea {
    border: none;
    display: block;
    margin-bottom: 40px;
    padding-bottom: 0;
  }

  .footer-contact {
    width: 100%;
  }

  .footer-contact__tel {
    border: 1px solid #5a4903;
    border-radius: 10px;
    padding: 20px;
  }

  #footers {
    padding: 0 5% 60px;
  }

  .end-link-area {
    display: none;
  }

  .end-link-etxt {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .end-link-copy {
    font-size: 1rem;
  }

  #pagetop {
    bottom: 150px;
    width: 66px;
  }

  #fix-history {
    bottom: 100px;
    width: 68px;
  }

  #pagetop,
  #fix-history {
    position: fixed;
    right: 20px;
    z-index: 10;
  }

  /*spnav*/
  #foot_areanav {
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 32;
  }

  #foot_nav {
    background: #656246;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    padding-bottom: env(safe-area-inset-bottom);
    position: absolute;
    width: 100%;
    z-index: 2000;
  }

  .foot_nav--list {
    border-right: 1px solid #fff;
    width: 20%;
  }

  .foot_nav--list:last-child {
    border-right: none;
  }

  .foot_nav--box {
    font-size: 1.3rem;
    margin: 0 auto;
    position: relative;
    text-align: center;
  }

  .foot_nav--a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 5% 5%;
  }

  .foot_nav--icon {
    margin: 0 auto 0px;
    max-width: 24px;
    position: relative;
  }

  .foot_nav--icon .fs-client-cart-count {
    right: -14px;
  }

  .foot_nav--txt {
    font-size: 1.1rem;
    letter-spacing: -1px;
    text-align: center;
  }

  .spnav {
    display: block;
    opacity: 0;
    position: fixed;
    bottom: -100vh;
    left: 0px;
    z-index: 1000;
    height: 93vh;
    width: 100vw;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 10vh 0 15vh;
  }

  .m_open .spnav {
    opacity: 1;
    bottom: 0%;
    height: 75vh;
    width: 100vw;
  }

  .open_detail .spnav_search {
    opacity: 1;
    left: 0%;
    z-index: 1000;
    overflow: auto;
    max-height: 9999px;
  }

  .inbox {
    width: 90vw;
    height: 80vh;
    overflow: auto;
    margin: 0 auto;
  }

  .spnav_search .scrolls {
    padding-top: 10px;
  }

  .m_open .snav__bg {
    display: block;
    z-index: 500;
    background: rgba(77, 77, 77, 0.7);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
  }

  .m_open #page-top {
    display: none !important;
  }

  .spf_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin: 0 auto;
  }

  .spf_tab,
  .spf__item--list {
    text-align: center;
  }

  .spf_tab--list {
    width: 50%;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
  }

  .spf_content--list {
    padding: 5%;
  }

  .spf_tab--list:first-child,
  .spf_content--list:first-child {
    background: #fff;
  }

  .spf_content--list:first-child,
  .spf_content--list:last-child {
    border-radius: 6px;
  }

  .spf_tab--list:last-child,
  .spf_content--list:last-child {
    background: #efecd6;
  }

  .spf__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .spf__item--list {
    width: 49%;
    margin: 0 2% 2% 0;
  }

  .spf__item--list:nth-child(2n) {
    margin-right: 0;
  }

  .spf__item--a {
    background: url(../img/bk_delta.svg) no-repeat 5% center #fff;
    padding: 20px 10px;
    color: #000 !important;
  }

  .spf__item--a,
  .spf__cate--a {
    position: relative;
    display: block;
    border-radius: 8px;
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .spf__cate--a {
    background: url(../img/sp-arrow.svg) no-repeat 5% center #5a4903;
    color: #fff !important;
    padding: 20px 10px;
  }

  .spf__img {
    width: 33px;
    margin: 0 auto 6px;
  }

  .spf__item--img {
    max-width: 24px;
    margin: 0 auto 6px;
  }

  .hide {
    display: none;
  }

  .spf_singlebtn {
    text-align: center;
    margin-top: 10px;
    width: 100%;
  }

  .spf_singlebtn--clast {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }

  .spf_singlebtn--act {
    color: #fff !important;
    display: block;
    padding: 10px 5px;
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .spf_close {
    background: #666;
    border-radius: 8px;
  }

  .sp-flink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 90%;
  }

  .sp-flink__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #5a4903;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 2% 2% 0;
    width: 49%;
  }

  .sp-flink__list:nth-child(2n) {
    margin-right: 0;
  }

  .sp-flink__list--a {
    color: #5a4903;
    font-size: 1.3rem;
    line-height: 1em;
    display: block;
    padding: 10px;
    text-align: center;
  }

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

  #main__mv .swiper-button-next {
    right: 5px;
  }

  #main__mv .swiper-button-next::after,
  #main__mv .swiper-button-prev::after {
    font-size: 20px;
  }

  .tp_bnrcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 30px;
    width: 90%;
  }

  .tp_bnrcon_list {
    margin-bottom: 4%;
    width: 48%;
  }

  /* 20230216 ヘッダー/フッター改修タブレット */

  .top-belto_re {
    /* margin-top: 180px; */
    margin-top: 70px;
  }

  .top_hotword {
    /* overflow: scroll; */
  }

  .sp-navi_re .sp-navigation-area__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 90px;
  }

  .sp-navi_re .sp-navigation-area__list--a {
    width: 40px;
  }

  .sp-navi_re .sp-navigation-area__list--a img {
    width: 33px;
    margin: 0 auto;
  }

  /* 20230216 ヘッダー/フッター改修タブレットここまで */

  /* 20230313 ヘッダー/フッター改修タブレット追加 */

  .top_hotword .top_hotword_tit {
    display: block;
    margin-bottom: 5px;
    width: 100%;
  }

  .top_hotword {
    flex-wrap: wrap;
    width: auto;
  }

  .sp-navi_re .head-info__actarea--submit {
    flex-wrap: wrap;
  }

  .sp-navi_re .sp-navigation-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }

  .sp-navi_re .sp-navigation-area__list {
    width: 140px;
    text-align: center;
  }

  .sp-navi_re .sp-navigation-area__list {
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .sp-navi_re .submit--a {
    padding: 3px 20px;
    font-size: 1rem;
  }

  .sp-navi_re .submit--a.-member {
    margin-top: 5px;
  }

  .re_info .head-info__memberinfo {
    width: 100%;
  }

  .re_info .head-info__memberinfo--name {
    text-align: center;
    margin-right: 5%;
    width: 35%;
  }

  .re_info .logout.my-true .head-info__memberinfo--rank {
    width: 70%;
  }

  .re_info .head-info__memberinfo_re {
    justify-content: space-between;
    width: 90%;
  }

  .head-info__memberinfo--name_re {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .re_info .memberinfo__pointtxst {
    font-size: 1rem;
  }

  .sp-navi_re .icon-cart {
    background: url(../img/icon-cart.svg) no-repeat left center / 24px 18px;
    padding: 5px 0 5px 34px;
  }

  .-carticon {
    position: relative;
  }

  .head-info__memberinfo--rank_re {
    width: 75%;
  }

  .re_info .head-info__memberinfo--name {
    font-size: 1.2rem;
  }

  .re_info .memberinfo__pointtxst {
    font-size: 1.2rem;
  }

  /* 20230313 ヘッダー/フッター改修タブレット追加ここまで */

  /* 20230328 ヘッダー/フッター改修タブレット追加 */

  .top_hotword {
    border-top: none;
  }

  .header_re .spform {
    padding-top: 10px;
    order: 3;
  }

  .sp-navi_re .sp-navigation-area li:first-child {
    width: 14%;
    width: 75px;
  }

  .sp-navi_re .sp-navigation-area li:first-child a img {
    height: 36px;
  }

  .sp-navi_re .sp-navigation-area li:nth-child(2) {
    width: 50%;
  }

  .sp-navi_re .sp-navigation-area__list {
    flex-wrap: nowrap;
    justify-content: end;
  }

  .sp-navi_re .submit--a.-member {
    margin-top: 0;
    margin-right: 5px;
    padding: 8px 0px;
  }

  .sp-navi_re .submit--a {
    line-height: 1;
    padding: 13px 0px;
    width: 47%;
  }

  /* .re_info .head-info__memberinfo {
    border-bottom: 2px solid #6f5627;
  } */

  .fs-preview__button {
    display: none;
  }

  .sp-navi_re .-member {
    padding: 3px 0px;
  }

  .sp-navi_re .-member.sp-tp-logbtn {
    padding: 8px 0;
  }

  /* 20230328 ヘッダー/フッター改修タブレット追加ここまで */

  body.m_open {
    position: fixed;
    width: 100%;
    height: 100%;
  }

  .m_open .spnav {
    padding: 0;
  }

  .inbox {
    padding: 30px 0;
  }

  .inbox .scrolls {
    margin-bottom: 0;
  }
}

@media (max-width: 910px) {
  .kaiintouroku_tokuten-detailarea .tyumon_kanryo_anketo_btn {
    display: none;
  }

  .kaiintouroku_tokuten-titwrapper .tyumon_kanryo_anketo_btn--b {
    background: #5a4903;
    border-radius: 30px;
    color: #fff !important;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 10px 20px;
  }

  .tyumon_kanryo_anketo_btn--bb {
    display: block;
    width: 230px;
    margin: 0 auto;
    text-align: center;
  }

  .kaiintouroku_tokuten-titbox {
    background-color: #baa842;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10%;
    margin: 0 auto 1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .kaiintouroku_tokuten-titwrapper {
    background-color: #baa842;
    padding: 10px 0;
    margin-bottom: 60px;
  }

  .kaiintouroku_tokuten--txt {
    min-width: 0;
  }
}

@media (max-width: 768px) {
  .kaiintouroku_tokuten--ico {
    min-width: 80px;
    width: 9%;
    margin-right: 1%;
  }

  .kaiintouroku_tokuten-titbox {
    padding: 5px 1%;
  }

  .kaiintouroku_tokuten--txt {
    font-size: 1.7rem;
  }

  .kaiintouroku_tokuten-detailarea .rice__ill-hint .f_codehint p {
    font-size: 1.6rem;
  }

  .kaiintouroku_tokuten-detailarea .rice__ill-hint {
    width: 90%;
  }

  .tyumon_kanryo_anketobox {
    width: 90%;
  }

  .tyumon_kanryo_anketotxt {
    margin-bottom: 20px;
  }

  .birthdaybanner-area {
    width: 90%;
    margin: 0 auto 50px;
  }

  .birthdaybanner-area-img {
    margin-bottom: 20px;
  }

  /* 20220303ここから追加 */

  /* スクロールヒント */
  .js-scrollable {
    overflow-x: scroll;
    width: auto;
  }

  .sort_box--list_rireki {
    margin-right: 1%;
    width: 140px;
  }

  .sort_box_rireki {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  /* 20230216 ヘッダー/フッター改修_sp */

  .top_hotword {
    font-size: 0.9rem;
    border-bottom: none;
    padding: 6px 5%;
  }

  .top_hotword_tit {
    font-size: 10px !important;
  }

  .top_hotword_listbox li a {
    font-size: 10px;
  }

  /* 20230216 ヘッダー/フッター改修_sp ここまで*/

  /* 20230313 ヘッダー/フッター改修_sp追加 */

  .top_hotword_listbox li a {
    font-size: 12px;
  }

  .top-belto_re {
    /* margin-top: 180px; */
    margin-top: -10px;
  }

  /* 20230313 ヘッダー/フッター改修_sp追加ここまで */
}

@media (max-width: 519px) {
  .accordion-box {
    position: relative;
  }
  .accordion-box label {
    z-index: 49;
    height: 140px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;

    /* 以下グラデーションは「背景が白」に併せて設定しています */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.95)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
  }

  .accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
  }

  .accordion-box label:after {
    content: "続きをよむ";
    position: absolute;
    padding: 10px;
    bottom: 20px;
    left: 50%;
    font-size: 14px;
    font-weight: bold;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #594904;
    width: 225px;
    border-radius: 50px;
    z-index: 50;
  }

  .accordion-box input {
    display: none;
  }

  .accordion-box .accordion-container {
    overflow: hidden;
    height: 400px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }

  .accordion-box input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
  }

  .accordion-box input:checked + label:after {
    content: "閉じる";
    bottom: -5px;
  }

  .accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }

  .reviewcp_bnr.orderfin {
    width: 100%;
  }

  .birthdaybanner-area {
    width: 100%;
  }

  .sp-navi_re .sp-navigation-area li:nth-child(2) {
    width: 65%;
  }
}

@media (max-width: 320px) {
  .tyumon_kanryo_anketo_btn--a {
    font-size: 1.3rem;
  }

  .foot_nav--list:nth-child(2) .foot_nav--txt,
  .foot_nav--list:nth-child(3) .foot_nav--txt {
    letter-spacing: -2px;
  }

  .kaiintouroku_tokuten--ico {
    min-width: 60px;
  }

  .kaiintouroku_tokuten--txt {
    font-size: 1.5rem;
  }

  .kaiintouroku_tokuten-detailarea .rice__ill-hint .f_codehint p {
    font-size: 1.5rem;
  }

  .login_btn_wrapper .m-tit {
    font-size: 1.9rem;
  }

  /* 20230313 ヘッダー/フッター改修追加_SE */

  .top_hotword .top_hotword_tit {
    margin-bottom: 0;
  }

  .top_hotword_listbox li {
    padding-top: 6px !important;
  }

  .re_info .head-info__memberinfo--name {
    font-size: 1rem;
  }

  .re_info .memberinfo__pointtxst {
    font-size: 1rem;
  }

  .foot_areanav_re .-whitenav .foot_nav--a {
    border-bottom: none;
  }
  /* 20230313 ヘッダー/フッター改修追加ここまで */

  body {
    /* margin-top: 229px; */
    padding-top: 229px;
  }

  .foot_nav--txt {
    font-size: 1rem;
  }

  .top_hotword_listbox li a {
    font-size: 10px;
  }

  .spf_tab--list {
    font-size: 1.4rem;
  }

  .spf__item--a,
  .spf__cate--a {
    font-size: 1.1rem;
  }
}

/* 230425追記 */
.toplinkbnr_con {
  display: grid;
  gap: 0 2%;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto 100px;
  max-width: 960px;
  width: 100%;
}

/* 230425追記ここまで */

@media (max-width: 959px) {
  .header_re {
    background: unset;
  }

  .sp-navigation,
  .re_info {
    position: relative;
    z-index: 2;
  }

  .header_re .re_info {
    background: #fff;
  }

  .header_re .spform {
    background: #fff;
    transition: 0.3s;
  }

  .header_re .spform.form-hide {
    transform: translateY(-100px);
  }
}

/* ログイン告知バナー ここから */
.header_popbnr {
  display: none;
}

.header_popbnr.pc {
  display: block;
  width: 200px;
  margin: 0 8px 0 0;
}

.fs-clientInfo.loginprbnr.cart.is-ready {
  display: none;
}

.fs-clientInfo.loginprbnr.is-ready.add {
  display: block;
}

.loginpop_con {
  margin: 0 auto 40px;
  max-width: 1120px;
}

.loginprbnr.footer {
  margin: 0 auto 100px;
}

.fs-clientInfo.loginprbnr.item .loginpop_con {
  margin-bottom: 20px;
  margin: 20px auto 20px;
}

.fs-clientInfo.loginprbnr.is-ready picture {
  border: solid 1px #ccc;
  display: block;
}

.fs-clientInfo.loginprbnr.is-ready .header_popbnr.pc picture {
  border: none !important;
}

@media (max-width: 959px) {
  .header_re .spform.form-hide {
    transform: translateY(-216px);
  }

  .header_popbnr.pc {
    display: none;
  }

  .header_popbnr {
    display: block;
    width: 100%;
    order: 3;
    margin-bottom: 10px;
  }

  .loginpop_con {
    margin: 0 auto 50px;
    width: 90%;
  }

  .fs-clientInfo.loginprbnr.is-ready.add .loginpop_con {
    width: 100%;
  }

  .fs-clientInfo.loginprbnr.item .loginpop_con {
    margin-bottom: 20px;
    margin: 20px auto 20px;
    width: 100%;
  }

  .fs-body-top .header_re .fs-clientInfo.loginprbnr.is-ready picture {
    border: none;
  }

  body.pdd .spform__area {
    margin-top: 10px;
  }

  .reviewcp_con_top {
    width: 90%;
    margin: 0 auto 50px;
  }
}

@media (max-width: 767px) {
  .loginpop_con {
    margin: 0 auto 32px;
  }

  .loginprbnr.footer {
    margin: 0 auto 40px;
  }

  .header_re .spform {
    padding-top: 0;
    order: 3;
  }

  .header_re .spform.form-hide {
    transform: translateY(-140px);
  }

  .header_popbnr {
    margin-bottom: 10px;
  }

  .header_re .spform {
    padding-top: 0;
    order: 3;
  }

  .header_re .spform.form-hide {
    transform: translateY(-140px);
  }

  body.add,
  #fs_Register {
    padding-top: 242px;
  }

  body.pdd {
    padding-top: 200px;
  }
}
/* ログイン告知バナー ここまで */

/* モーダルメニュー ここから */
#fix-history.modal {
  width: 10%;
  max-width: 88px;
}

.modal_wrapper {
  position: relative;
}

.modal_wrapper .modal_icon {
  position: absolute;
  position: fixed;
  right: 28px;
  bottom: 155px;
  width: 70px;
  z-index: 10;
}

.modal_newsbox {
  display: grid;
  gap: 20px 4%;
  grid-template-columns: 48% 48%;
}

.modal_content--tit {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.modal_wrapper .modalScroll {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}

.modal_wrapper .modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.modal_wrapper .modal_bg {
  background: rgba(0, 0, 0, 0.32);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal_wrapper .js-modal-close {
  color: #555;
}

.modal_wrapper .modalScroll {
  background: #eeece1;
  height: 80vh;
  width: 82vw;
  max-height: 800px;
  padding: 32px 3%;
  border-radius: 20px;
  overflow: hidden;
}

.modal_content {
  padding: 0 3%;
  margin: 0 auto;
}

.modal_wrapper .ScrollContent {
  overflow-y: scroll;
  max-height: 100%;
  height: calc(70vh - 54px);
  width: 100%;
  border-radius: 20px;
  margin-top: 40px;
  padding-bottom: 60px;
}

.modal_wrapper ::-webkit-scrollbar {
  border-radius: 10px;
  width: 10px;
}

.modal_wrapper ::-webkit-scrollbar-thumb {
  background-color: #baa943;
  border-radius: 10px;
}

.modal_wrapper ::-webkit-scrollbar-track {
  background-color: #cecece;
}

.modal_newsbox--li {
  display: grid;
  gap: 0 3%;
  grid-template-columns: 61% auto;
  align-items: center;
}

.modal_wrapper .js-modal-close_i {
  color: #555;
  position: absolute;
  top: 20px;
  right: 20px;
}

/*pc固定*/
.header-pc-flexd .top_hotword-wrap {
  background: #fff;
}

.header-pc-flexd {
  position: fixed;
  top: -110px;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: 0.3s;
  visibility: hidden;
  box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.2);
}

.header-pc-flexd.-fixed-aa {
  top: 0;
  visibility: visible;
}

.tuizyu-btnarea {
  position: fixed;
  right: 18px;
  bottom: 130px;
  width: 80px;
  z-index: 999;
  opacity: 0;
  transition: 0.5s;
  visibility: hidden;
}

.tuizyu-btnarea.-activett {
  opacity: 1;
  visibility: visible;
}

.tuizyu-btnarea a {
  font-size: 1.2rem;
  line-height: 1.5;
  display: block;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3));
}

@media (max-width: 959px) {
  .spform.sponly.n_open {
    transform: translateY(-140px);
    height: 0;
  }

  .modal_newsbox {
    grid-template-columns: 100%;
  }

  .modal_wrapper .modal_icon {
    max-width: 65px;
    bottom: 220px;
  }

  .modal_wrapper .ScrollContent {
    margin-top: 0;
    /*
    border-radius: 0;
    position: relative;
    top: 0;
    height: 100%; */
    max-height: 90%;
    /* transform: none;
    left: 0; */
  }

  .modal_wrapper .modalScroll {
    max-height: 700px;
    /* top: 50%;
      left: 50%;
      transform: translate(-50%,-50%); */
  }

  /* .modal_content {
      padding: 0;
  } */

  /* .modal_wrapper .ScrollContent {
      max-height: 90%;
  } */

  /*PC固定*/
  .tuizyu-btnarea {
    width: 63px;
    right: 20px;
    bottom: 176px;
  }

  .tuizyu-btnarea a {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .modal_newsbox--li {
    grid-template-columns: 50% 47%;
    gap: 0 3%;
  }

  .modal_wrapper .js-modal-close_i {
    width: 12%;
    max-width: 38px;
  }

  .modal_content--tit {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }

  .modal_wrapper .ScrollContent {
    border-radius: 0;
    position: relative;
    top: 0;
    height: 100%;
    max-height: 95%;
    transform: none;
    left: 0;
  }

  .modal_content {
    padding: 0;
  }

  .modal_wrapper .modalScroll {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 95vw;
    max-height: 65vh;
    padding: 32px 0;
  }

  .modal_newsbox {
    padding-bottom: 30px;
  }

  .modal_wrapper .ScrollContent {
    max-height: 90%;
    overflow-x: hidden;
    padding: 0 10px;
  }

  .modal_newsbox_txt {
    font-size: 1.4rem;
  }

  .modal_wrapper .modal_icon {
    max-width: 63px;
    bottom: 200px;
    width: 17%;
  }

  #fix-history.modal {
    width: 19%;
    max-width: 62px;
  }

  /*PC固定*/
  .tuizyu-btnarea {
    max-width: 63px;
    width: 17%;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .modal_wrapper .modalScroll {
    max-height: 500px !important;
  }
  .modal_wrapper .modalScroll {
    top: 55% !important;
  }
}

/* モーダルメニュー ここまで */

/* モーダルメニューcss追加230711ここから */

#fix-history.modal {
  display: none;
}

.modal_wrapper .modal_icon {
  bottom: 44px;
}

body.news_open {
  position: fixed;
  width: 100%;
  height: 100%;
}

@media (max-width: 959px) {
  #fix-history.modal {
    display: none;
  }

  .modal_wrapper .modal_icon {
    bottom: 100px;
  }
}

@media (max-width: 767px) {
  #fix-history.modal {
    display: none;
  }

  .modal_wrapper .modalScroll {
    padding: 20px 0;
  }

  .modal_wrapper .js-modal-close_i {
    width: 12%;
    max-width: 26px;
  }
}

/* モーダルメニューcss追加230711ここまで */

/* 230807_イチオシ商品_追記ここから */
.area-pickup.-hr-mark.top-itiosi-contents-pickup .ranking-cont__list--block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}

.area-pickup.-hr-mark.top-itiosi-contents-pickup .ichioshi-cont__list--rank {
  width: 100%;
  height: auto;
}

.area-pickup.-hr-mark.top-itiosi-contents-pickup .ranking-cont__list--img {
  margin-bottom: 0;
}

@media (max-width: 959px) {
  .area-pickup.-hr-mark.top-itiosi-contents-pickup .ranking-cont__list--block {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .area-pickup.-hr-mark.top-itiosi-contents-pickup .ichioshi-cont__list--rank {
    margin: 0;
    padding: 0;
  }

  .area-pickup.-hr-mark.top-itiosi-contents-pickup .ichioshi-cont__list--rank .ranking-cont__list--img {
    width: 100%;
  }
}

/* 230807_イチオシ商品_追記ここまで */

/* 231219ここから */
.-underline.item-linkcolor_add {
  color: #fff !important;
}
/* 231219ここまで */

/* 240530_ヘッダー改修追記ここから */
#maintop_nav {
  position: fixed;
  top: -120px;
  width: 100%;
  transition: 0.6s;
  background-color: #fff;
  z-index: 99;
}

#maintop_nav.-flexd_ppt.-active-add {
  top: 61px;
}

@media (max-width: 959px) {
  body {
    padding-top: 66px !important;
  }
}
/* 240530_ヘッダー改修追記ここまで */

/* 240731_追記ここから */
.line_n--tit {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 3.2rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 4.5rem;
  margin-bottom: 60px;
  padding: 0 10%;
  text-align: center;
  width: 100%;
}

.line_n--tit::before,
.line_n--tit::after {
  background-color: #ccc;
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
}

.line_n--tit::before {
  margin-right: 4rem;
}

.line_n--tit::after {
  margin-left: 4rem;
}

@media (max-width: 959px) {
  .line_n--tit {
    font-size: 1.9rem;
    line-height: 2.85rem;
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
  }

  .tuizyu-btnarea.-activett,
  .tuizyu-btnarea {
    display: none !important;
  }
}

@media (max-width: 320px) {
  .line_n--tit {
    font-size: 1.8rem;
    letter-spacing: -1px;
    line-height: 2.7rem;
  }
}
/* 240731_追記ここまで */

/*PC固定*/
@media (max-width: 529px) {
  .tuizyu-btnarea {
    right: 8px;
  }
}

/* 241119_会員登録ページスクロールヘッダー非表示 ここから */
@media (max-width: 959px) {
  #fs_Register #maintop_nav.-flexd_ppt.-active-add {
    display: none;
  }
}
#fs_Register .modal_icon {
  display: none;
}
/* 241119_会員登録ページスクロールヘッダー非表示 ここまで */

/* サイド追従バナー ここから */
.ft_side {
  background: #efecd6;
  width: 72px;
  height: 72px;
  display: grid;
  justify-items: center;
  grid-template-rows: 33px 15px;
  align-content: center;
  border-radius: 50px;
  padding-bottom: 16px;
  color: #656246;
  line-height: 1.2;
}

.ft_side.cart_re {
  background: #6f5628;
  color: #fff;
  grid-template-rows: 27px 15px;
}

.ft_side.cart {
  background: #baa842;
  color: #fff;
  grid-template-rows: 27px 15px;
}

.ft_side img {
  width: 18px;
}

.ft_side.cart_re img,
.ft_side.cart img {
  width: 24px;
}

.tuizyu-btnarea .login .ft_side {
  padding-top: 10px;
}
/* サイド追従バナー ここまで */

/* TOPページ スタッフブログ ナンバリングここから */
.area-blog-cont__list--a {
  position: relative;
  z-index: 1;
}

.side-item__number {
  background-color: #fff;
  color: #574914;
  font-weight: bold;
  left: 0;
  padding: 1% 2%;
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 2;
  width: 30px;
}
/* TOPページ スタッフブログ ナンバリングここまで */

/* 20250509追記ここから */
.new_customer__link ul{
  display: flex;
  justify-content: space-between;
  margin: 0 auto 100px;
  max-width: 1120px;
  width: 70%;
}
.new_customer__link ul li{
  width: 49%;
}
@media (max-width: 959px) {
  .new_customer__link ul{
    margin: 0 auto 80px;
    width: 90%;
  }
  .new_customer__link ul li{
    width: 48%;
  }
}
/* 20250509追記ここまで */