@charset "UTF-8";

/*fs*/

p {
  margin: 0;
}

.fs-l-footer {
  border-top: none;
  background-color: #fff;
  margin-top: 0px;
}

.fs-l-footer a {
  color: #fff;
}

.calnder_info a {
  color: #069 !important;
  text-decoration: underline;
}

.fs-c-breadcrumb {
  border-bottom: 1px solid #ddd;
  padding: 10px 5%;
  font-size: 1.3rem;
  line-height: 1.6rem;
}

.fs-c-breadcrumb__list {
  max-width: 1120px;
  margin: 0 auto;
}

.fs-l-main {
  margin: 0 auto 60px;
  padding: 0px;
  max-width: 1120px;
  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;
  position: relative;
}

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

.fs-p-cartItemNumber {
  font-size: 0.5rem;
  top: -3px !important;
  right: -3px !important;
}

.tp_login.my-true,
.tp_logout.my-false,
.tp_mypage.my-false,
.tp_register.my-true {
  display: none;
}

/* common */

#sub_nav {
  position: -webkit-sticky;
  position: sticky;
  /* z-index: 10; */
  z-index: 8;
}

#sub_nav {
  top: 56px;
}

#gnav.m_fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

html {
  font-size: 62.5%;
}

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

a {
  color: #222;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

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 {
  width: 100%;
  height: auto;
  line-height: 1rem;
  display: block;
}

.pconly {
  display: block;
}

.sponly,
#foot_areanav,
.spnav,
.snav__bg,
.tabonly {
  display: none;
}

.more_rank,
.more_nuts,
.more_original,
.more_recom,
.more_new,
.sp_htop {
  display: none;
}

.underline {
  text-decoration: underline;
  color: #006699;
}

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

#pop_history {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 10;
}

#pop_news {
  position: fixed;
  bottom: 250px;
  right: 15px;
  z-index: 9;
}

#page-top {
  display: block;
  z-index: 999;
  padding: 10px;
  font-size: 1.4rem;
  border-radius: 8px;
  background-color: #e53f52;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.headline {
  width: 100%;
  background: #cf4e58;
  padding: 10px 5%;
}

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

.logo {
  max-width: 305px;
  width: 100%;
  height: auto;
}

.headline__act {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.headline__act--list {
  color: #fff;
  font-weight: bold;
  margin-left: 20px;
  line-height: 1.6rem;
  position: relative;
}

.headline__act--a {
  display: block;
  text-align: center;
  padding: 10px 20px;
  background: #fff;
  border-radius: 6px;
  color: #cf4e58 !important;
}

.icon_member {
  background: url(../img/icon_member.svg) no-repeat left center;
  background-size: 20px 24px;
  padding: 5px 0 5px 30px;
}

.form_area {
  max-width: 1120px;
  margin: 0 auto;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
}

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

.form_area--label {
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  padding: 10px 5%;
  border-radius: 30px;
  display: block;
  width: 500px;
}

.form_area--input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  width: 100%;
}

.form_area--submit {
  background: #1b668d;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 30px;
  margin-left: 15px;
  min-width: 80px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: none;
}

.form_area--submit:hover {
  opacity: 0.6;
}

#gnav,
.sub_tit--blue,
.fs-c-featuredProduct__header,
.fs-c-wishlistProduct__header {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCAzMCA2MCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iNjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4IDE1MikiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxyZWN0IHdpZHRoPSI1MCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjIj48cmVjdCB3aWR0aD0iNjAiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iZCI+PHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjEzIiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImUiPjxyZWN0IHdpZHRoPSI0NSIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01OCAtMTUyKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOCAxNTEuOTEpIj48cGF0aCBkPSJNMCwwLDMwLS4wOXY2MEwwLDYwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkuOTYzIDAuMDkpIiBmaWxsPSIjMWI2NjhkIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUgMjguMDkpIiBjbGlwLXBhdGg9InVybCgjYikiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzkgLTEyMjMpIj48cGF0aCBkPSJNMTUsMCwzMCwyMEgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY5IDEyMjMpIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE1LDAsMzAsMjBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzOSAxMjIzKSIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxNS4wOSkiIGNsaXAtcGF0aD0idXJsKCNjKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzOSAtMTIyMykiPjxwYXRoIGQ9Ik0xNSwwLDMwLDIwSDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjkgMTIyMykiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTUsMCwzMCwyMEgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM5IDEyMjMpIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDQzLjA5KSIgY2xpcC1wYXRoPSJ1cmwoI2QpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzM5IC0xMjIzKSI+PHBhdGggZD0iTTE1LDAsMzAsMjBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2OSAxMjIzKSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNSwwLDMwLDIwSDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzkgMTIyMykiIGZpbGw9IiNmZmYiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3OSAtMTIyMykiPjxwYXRoIGQ9Ik0xNSwwLDMwLDIwSDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjkgMTIyMykiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTUsMCwzMCwyMEgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM5IDEyMjMpIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNSAzLjA5KSIgY2xpcC1wYXRoPSJ1cmwoI2UpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzM5IC0xMjIzKSI+PHBhdGggZD0iTTE1LDAsMzAsMjBIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2OSAxMjIzKSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNSwwLDMwLDIwSDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzkgMTIyMykiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+)
    repeat-x left top;
}

#sub_nav {
  background: #1b668d;
}

.sub_nav--area,
.gnav__area {
  max-width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sub_nav--area {
  padding: 15px 0 0;
}

.sub_nav--list {
  margin: 0 2px;
  text-align: center;
  width: 11%;
  font-size: 1.4rem;
  font-weight: bold;
}

.sub_nav--a {
  color: #fff !important;
  display: block;
  padding: 5% 3%;
  background: #1b668d;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sub_nav--a:hover,
.sub_nav--a.active {
  color: #1b668d !important;
  display: block;
  padding: 5% 3%;
  background: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  opacity: 1;
}

.gnav__area {
  background: #fff;
  border-top: 1px solid #1b668d;
  border-bottom: 1px solid #1b668d;
  border-left: 1px solid #1b668d;
}

.gnav__area--list {
  width: 16.666%;
  text-align: center;
}

.gnav__area--list:not(:first-child) {
  border-left: 1px solid #1b668d;
}

.gnav__area--a {
  display: block;
  padding: 15px 10px;
  font-weight: bold;
}

.add_article .gnav__area--a {
  display: block;
  padding: 15px 5px;
  font-weight: bold;
}

.tp_mv {
  width: 100%;
  margin-bottom: 50px;
  position: relative;
}

.tp_mv--in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #000;
  position: relative;
  height: 550px;
  overflow: hidden;
  width: 100%;
}

.tp_mv--in {
  width: 100%;
}

.tp_mv--img {
  width: 100%;
  min-width: 1920px;
}

.tp_mv--img_img {
  width: 100%;
  height: auto;
  min-height: 550px;
  display: block;
}

.tp_mv--chatch {
  max-width: 920px;
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tp_mv--a__harf,
.tp_mv--a__harf_last {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 3;
}

.tp_mv--a__harf {
  left: 0;
}

.tp_mv--a__harf:hover,
.tp_mv--a__harf_last:hover {
  background: #000;
}

.tp_mv--a__harf_last {
  right: 0;
}

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

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

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

.first__cp--bg {
  background: url(../img/first__cp--bg.jpg) no-repeat center center;
}

.first__his--bg {
  background: url(../img/first__his--bg.jpg) no-repeat center center;
}

.first__cp--bg,
.first__his--bg {
  display: block;
  padding: 30px 5%;
  text-align: center;
  color: #fff !important;
  font-weight: bold;
  background-size: cover;
}

.first__cp--min {
  font-size: 3.2rem;
  line-height: 4rem;
}

.first__cp--midle {
  font-size: 2rem;
  line-height: 3rem;
}

.sub_tit--blue,
.fs-c-featuredProduct__header {
  color: #1b668d;
  max-width: 1120px;
  margin: 0 auto;
}

.sub_tit--pink {
  background: url(../img/roop_pink.png) repeat-x left top;
  background-size: 27px 40px;
  color: #cf4e58;
  max-width: 1120px;
  margin: 0 auto;
}

.sub_tit--tit,
.fs-c-featuredProduct__title,
.fs-c-wishlistProduct__title {
  text-align: center;
  background: #fff;
  max-width: 60%;
  margin: 0 auto 40px;
  padding: 5px 5%;
  font-size: 3rem;
  font-weight: bold;
  line-height: 3rem;
}

.fs-c-featuredProduct__title,
.fs-c-wishlistProduct__title {
  color: #1b668d;
  border: none;
}

.tp_rankingtab {
  overflow: hidden;
  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;
}

.untab {
  display: none;
}

.tp_rankingtab--tab {
  width: 18%;
  margin: 0 0.5%;
  text-align: center;
  padding: 10px 5px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #fff;
  font-weight: bold;
}

.tp_rankingtab--tab h2 {
  font-size: 1.6rem;
}

.un_tab {
  width: 18%;
  margin: 0 0.5%;
  text-align: center;
  padding: 10px 5px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #fff;
  font-weight: bold;
}

.tp_ranking__content {
  max-width: 1120px;
  margin: 0 auto 50px;
  position: relative;
}

.tp_ranking__content--list {
  color: #fff;
  visibility: hidden;
  max-height: 0px;
  overflow: hidden;
  padding: 0;
}

.hidetab {
  visibility: hidden;
  max-height: 0px;
  overflow: hidden;
  padding: 0;
}

.visibltab {
  visibility: visible;
  overflow: auto;
  max-height: 9999px;
  padding: 3%;
}

.central {
  visibility: visible;
  overflow: auto;
  max-height: 9999px;
  padding: 3%;
}

.tab__dried_fruit.select,
.tab__dried_fruit {
  background: #ffd231;
  color: #000;
}

.tab__nuts.select,
.tab__nuts {
  background: #069131;
}

.tab__original.select,
.tab__original {
  background: #cf4e58;
}

.tab__recommend.select,
.tab__recommend {
  background: #1b668d;
}

.tab__new.select,
.tab__new {
  background: #cbbcb2;
  color: #000;
}

.hide {
  display: none;
}

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

.tp_ranks--list {
  width: 18.4%;
  margin: 0 2% 2% 0;
}

.tp_ranks--list:nth-child(5n) {
  margin-right: 0;
}

.icon_rank {
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 2rem;
}

.tp_ranks--name {
  margin: 10px 0;
  font-weight: bold;
}

.tp_ranks--a {
  text-decoration: underline;
}

.icon_rank--1 {
  background: url(../img/icon_rank--1.svg) no-repeat left center;
}

.icon_rank--2 {
  background: url(../img/icon_rank--2.svg) no-repeat left center;
}

.icon_rank--3 {
  background: url(../img/icon_rank--3.svg) no-repeat left center;
}

.icon_rank--1,
.icon_rank--2,
.icon_rank--3 {
  background-size: 24px 20px;
  padding: 5px 0 5px 32px;
}

.tp_ranking__content--ban {
  margin-top: 35px;
}

.tab__nuts .tp_ranks--a,
.tab__original .tp_ranks--a,
.tab__recommend .tp_ranks--a {
  color: #fff;
}

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

.scene__banner {
  margin-bottom: 30px;
}

.scene__banner--href {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.scene__banner--list {
  width: 32%;
  margin: 0 2% 2% 0;
}

.scene__banner--list:nth-child(3n) {
  margin-right: 0;
}

.scene__banner--img {
  width: 100%;
}

.scene__banner--txt,
.scene__banner--btxt {
  text-align: center;
  color: #fff;
  padding: 10px;
  width: 100%;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2rem;
}

.purpose__up,
.scene__up {
  margin-top: 10px;
}

.scene__banner--txt {
  background: #cf4e58;
}

.scene__banner--btxt {
  background: #2f2d43;
}

.scene__single--list {
  margin: 0 auto 20px;
}

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

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

.scene__href--list.oem {
  width: 100%;
  margin: 0;
}

li.scene__href--list.oem.mrg40 {
  margin: 0 0 20px;
}

.top_news {
  background: #e45d72;
  padding: 2% 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1120px;
  margin: 0 auto 60px;
}

.top_news--scroll {
  max-height: 100px;
  overflow: auto;
  width: 85%;
}

.top_news--scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.top_news--scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}

.top_news--scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #cf4e58;
}

.top_news--logo {
  max-width: 97px;
  margin-right: 5%;
  width: 10%;
}

.top_news--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}

.top_news--list,
.top_news--a {
  color: #fff !important;
}

.top_news--date {
  margin-right: 3%;
  width: 17%;
}

.top_news--txt {
  width: 76%;
}

.item_banner__area {
  max-width: 1120px;
  margin: 0 auto 60px;
}

.item_banner__area--list {
  width: 49.5%;
  margin: 0 1% 1% 0;
}

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

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

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

.pro__tp--list {
  width: 49%;
}

.pro__tp--list:last-child {
  width: 100%;
  margin-top: 40px;
}

.pro__tp--tit {
  background: url(../img/min-tit_bg.svg) repeat-x left top;
  padding: 30px 0% 15px 10px;
  font-size: 2.4rem;
  line-height: 3.5rem;
  font-weight: bold;
  border-bottom: 1px solid #1b668d;
  margin-bottom: 30px;
}

.icon_titcircle {
  background: url(../img/icon_tit-circle.svg) no-repeat left center;
  background-size: 36px 36px;
  padding: 5px 0 5px 46px;
}

.blue__circle {
  font-size: 2rem;
  font-weight: bold;
  color: #1b668d;
  margin-bottom: 30px;
  background: url(../img/icon_tit-circle.svg) no-repeat left center;
  background-size: 26px 26px;
  padding: 5px 0 5px 36px;
}

.pro__tp--img {
  margin-bottom: 20px;
}

.reasons {
  max-width: 1120px;
  margin: 0 auto;
  background: #1d668d;
  padding: 3%;
  text-align: center;
  color: #fff;
}

.reasons--tit {
  font-size: 4rem;
  line-height: 5.5rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.reasons__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reasons__area--list {
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: bold;
}

.reasons__area--list:nth-child(2) {
  margin: 0 5%;
}

.reasons__area--list b {
  font-size: 3rem;
  line-height: 3.5rem;
}

.f__contact {
  max-width: 1120px;
  margin: 0 auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: url(../img/foot_pink.svg) repeat-x left top;
  padding-top: 60px;
}

.business_hours {
  width: 75%;
  border-right: 1px solid #ccc;
  margin-right: 5%;
  padding-right: 5%;
}

.business_calender {
  width: 20%;
}

.business_hours--tit,
.blueicon--tit {
  font-size: 2.4rem;
  line-height: 3.5rem;
  font-weight: bold;
  width: 100%;
}

.business_hours--tit {
  margin-bottom: 30px;
}

.blueicon--tit {
  margin-bottom: 10px;
}

.business_hours--capt {
  line-height: 3rem;
}

.business_hours--capt p:not(:last-child) {
  margin-bottom: 30px;
}

.holiday {
  color: #c9e0de;
}

.calnder_info {
  font-size: 1.4rem;
}

.shop_buy--info {
  border-top: 1px solid #ccc;
  padding: 50px 5%;
}

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

.buys-info {
  width: 60%;
}

.f_guide-btn {
  width: 32%;
}

.c_red {
  color: #e53f52;
}

.c_green {
  color: #587c49;
}

.c_orange {
  color: #dd7e21;
}

.buys-freesend {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.bigs {
  font-size: 3rem;
}

.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}

.cards--list {
  -webkit-box-shadow: 0 0 0 2px #ccc inset;
  box-shadow: 0 0 0 2px #ccc inset;
  border-radius: 8px;
  padding: 2% 5%;
  text-align: center;
  font-weight: bold;
}

.cardlist {
  max-width: 348px;
  margin-bottom: 20px;
}

.amazonpay {
  max-width: 158px;
  margin: 0 auto 10px;
}

.cards--list:first-child {
  width: 62%;
}

.cards--list:last-child {
  width: 36%;
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cards--list:last-child div {
  margin: 0 auto;
}

.f_guide-btn--act {
  text-align: center;
  display: block;
  color: #fff !important;
  background: #17658f;
  border-radius: 8px;
  padding: 20px;
  font-weight: bold;
}

.icon_r-arrow {
  background: url(../img/r_arrow.svg) no-repeat right center;
  background-size: 10px 12px;
  padding-right: 20px;
}

#footers {
  background: #32668a;
  padding: 50px 5%;
}

.sp-othres,
.sp-f_sns {
  display: none;
}

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

.foot_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.foot_link--list {
  width: 18%;
}

.end_footlinks {
  margin-left: auto;
}

.child_link--list {
  font-size: 1.4rem;
  margin-bottom: 2px;
}

.foot_link--pare {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: bold;
}

.foot_link--top {
  font-weight: bold;
  color: #fff;
}

.foot_link--a {
  color: #fff !important;
  text-decoration: underline;
}

.foot_actarea--a,
.foot_actarea--oth {
  color: #fff;
}

.foot_actarea {
  margin-bottom: 30px;
}

.f_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(4, 32px);
  gap: 0 15px;
}

.f_sns--list {
  max-width: 32px;
}

.fins {
  max-width: 1120px;
  margin: 30px auto;
}

.copys {
  text-align: center;
  font-size: 1.3rem;
  color: #999;
  margin-top: 25px;
}

.recommend_areas {
  display: none;
}

.f-link_first {
  display: block;
  width: 100%;
}

.f-link_first .foot_link--pare {
  border-bottom: 0px solid #fff;
}

.dd_link {
  color: #fff !important;
}

/*fix history*/

.fix__history {
  display: none;
  position: fixed;
  right: 5%;
  top: 25%;
  z-index: 100;
  -webkit-box-shadow: 0 0 2px 0px #ccc;
  box-shadow: 0 0 5px 0px #ccc;
  padding: 20px 20px;
  width: 200px;
  background: #fff;
  text-align: center;
}

.fix__history--tit {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.3rem;
  line-height: 2rem;
}

.fix__history--list {
  width: 150px;
  margin-bottom: 20px;
}

label#fs_label_birthday:before {
  content: "";
  background: url(https://kojimaya.itembox.design/item/common/img/kaiintouroku_birthday-pc.jpg) no-repeat left center;
  background-size: inherit;
  top: -20px;
  width: 100%;
  padding: 34px;
  margin-bottom: 15px;
}

label#fs_label_birthday {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.gp_top-message {
  padding: 0 50px;
}
.gp_top-message_text01,
.gp_top-message_text02 {
  margin-bottom: 50px;
}
.gp_top {
  display: grid;
  grid-template-columns: 38% 20% 38%;
  gap: 0 2%;
  margin-bottom: 100px;
}
.gp_top01 {
  position: relative;
  display: inline-block;
  padding: 55px 30px 30px 30px;
  min-width: 120px;
  max-width: 100%;
  background: #32668a;
  border-radius: 8px;
}

.gp_top01:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #32668a;
}

.gp_top01-text {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
}
.gp_top01-b {
  color: #ffe0bf;
}
.gp_top02 {
  position: relative;
  display: inline-block;
  padding: 30px;
  min-width: 120px;
  max-width: 100%;
  background: #32668a;
  border-radius: 8px;
}

.gp_top02:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #32668a;
}

.gp_top02-text {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
}
.gp_top02-b {
  font-size: 1.8rem;
  color: #ffe0bf;
}
.gp_image-policy-title {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 40px;
}
.gp_mission {
  margin-bottom: 70px;
}
.gp_mission-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #32668a;
  padding-bottom: 15px;
  border-bottom: 1px dashed #cccccc;
  margin-bottom: 30px;
}
.gp_rule {
  margin-bottom: 100px;
}
.gp_rule-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #32668a;
  margin-bottom: 20px;
}
.gp_rule-text01 {
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 1px dashed #cccccc;
  margin-bottom: 30px;
}
.gp_rule-text02-b {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.gp_rule01 {
  margin-bottom: 60px;
}
.gp_rule-text03 {
  margin-bottom: 20px;
}
.gp_rule-list {
  line-height: 2.1;
}
.gp_rule-list th {
  padding-right: 15px;
  vertical-align: top;
}
.gp_nuts_item-name {
  font-weight: bold;
  padding: 20px 0;
  height: 100px;
}
.dr_btn {
  display: block;
  background-color: #18477d;
  border: none;
  outline: none;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
.dr_btn-icon {
  padding-left: 5px;
}
.gp_nuts_item__top {
  display: grid;
  grid-template-columns: repeat(4, 23%);
  gap: 45px 2.6%;
  margin-bottom: 40px;
}
.dr_btn a {
  color: #fff;
}

/*ajax*/
.productList {
  padding: 0;
  margin: 0 auto 50px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 40px;
  max-width: 1120px;
  max-width: min(calc(100% - 10%), 1120px);
  margin-inline: auto;
}

.productList_free {
  padding: 0;
}

.productList li {
  position: relative;
}

.product-nList li {
  width: 18%;
  margin-right: calc(10% / 4);
}

.productList_free li {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 63px;
  position: relative;
}

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

.product-nList li:nth-child(3n) {
  margin-right: calc(10% / 4);
}

.product-nList li:nth-child(5n) {
  margin-right: 0;
}

.productList li .proItemLink {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.productList li .proItemLink:hover + .proPic,
.productList li .proItemLink:hover + .proPic + .proText .proIntro,
.productList li .proItemLink:hover + .proPic + .proText .proDate {
  opacity: 0.5;
}

.productList .proPic {
  width: auto;
  margin: 0;
  padding-bottom: calc(100% - 16px);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-bottom: 6px;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
}

.productList .proPic img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.productList .proTitle {
  font-size: 1.1rem;
  color: #4d8967;
  letter-spacing: 1px;
  margin-bottom: 1px;
  display: block;
  z-index: 3;
  position: relative;
}

.productList .proIntro {
  font-size: 1.8rem;
  letter-spacing: 1.5px;
  line-height: 29px;
  max-height: 58px;
  color: #333;
  margin-bottom: 3px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 500;
  transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
}

.product-nList .proIntro {
  font-size: 1.5rem;
  line-height: 24px;
}

.product-nList .product-nList--notxt {
  width: 100%;
  margin: 0;
  text-align: center;
  font-size: 1.8rem;
}

.ie .productList .proIntro {
  line-height: 31px;
}

.productList .proDate {
  font-size: 1.1rem;
  letter-spacing: 0.8px;
  opacity: 0.8;
  transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
}

.productList .proCategory {
  position: absolute;
  right: 22px;
  background: #4d8967;
  white-space: nowrap;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  color: #fff;
  font-size: 1.5rem;
  padding: 9px 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0.5px;
  top: 3px;
  z-index: 2;
  text-transform: uppercase;
}

.product-nList .proCategory {
  right: 15px;
  font-size: 1.1rem;
}

.productList .mediaColor .proTitle {
  color: #cf6c7c;
}

.productList .tripColor .proTitle {
  color: #c0992e;
}

.productList .aboutColor .proTitle {
  color: #406084;
}

.productList .productsColor .proTitle {
  color: #4d8967;
}

.productList .mediaColor .proCategory,
.media.proCategory,
.about-nuts.proCategory {
  background: #cf6c7c;
}

.productList .tripColor .proCategory {
  background: #c0992e;
}

.productList .aboutColor .proCategory,
.guide.proCategory,
.about-dried-fruit.proCategory {
  background: #406084;
}

.productList .productsColor .proCategory,
.press.proCategory {
  background: #4d8967;
}

.productList .about-nuts.proCategory {
  background: #d70a32;
}

.productList .about-dried-fruit.proCategory {
  background: #e57f13;
}

.productList .press.proCategory {
  background: #40ab6c;
}

.productList .mediaColor .proCategory,
.productList .media.proCategory {
  background: #9f7a46;
}

.productList .guide.proCategory {
  background: #18477d;
}

@media screen and (max-width: 959px) {
  .logo {
    max-width: 225px;
  }

  .gnav__area--list:nth-child(3) {
    width: 24%;
  }

  .gnav__area--list:nth-child(4) {
    width: 18%;
  }

  .first__cp,
  .all__cp,
  .scene__banner,
  .scene__banner--href,
  .item_banner__area,
  .pro__tp {
    width: 90%;
  }

  .first__cp--bg {
    background: url(../img/first__cp--sp.jpg) no-repeat center center;
  }

  .first__his--bg {
    background: url(../img/first__his--sp.jpg) no-repeat center center;
  }

  .first__cp--min {
    font-size: 2.5rem;
  }

  .first__cp--midle {
    font-size: 1.6rem;
  }

  .sub_tit--tit,
  .fs-c-featuredProduct__title {
    max-width: 60%;
    font-size: 2.4rem;
    line-height: 3.4rem;
  }

  .scene__banner--txt {
    letter-spacing: -1px;
  }

  .top_news--logo {
    width: 97px;
  }

  .top_news--scroll {
    max-height: 180px;
    width: 85%;
    padding-right: 5%;
  }

  .pro__tp--tit,
  .T_itemDetails tr:nth-of-type(1) {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }

  .icon_titcircle {
    background-size: 20px 20px;
    padding: 5px 0 5px 30px;
    display: block;
  }

  .T_itemDetails tr:nth-of-type(1) td,
  .T_itemDetails tr:nth-of-type(1) th {
    background-size: 20px 20px;
    padding: 33px 11px 17px 30px;
    background-position: 10px 65%;
  }

  .reasons__area--list {
    font-size: 1.8rem;
  }

  .reasons__area--list b {
    font-size: 2.6rem;
    line-height: 3.3rem;
  }

  .f__contact {
    padding: 60px 5% 0;
  }

  .business_hours {
    width: 60%;
  }

  .business_calender {
    width: 35%;
  }

  .shop_buy--inner {
    display: block;
  }

  .buys-info,
  .f_guide-btn {
    width: 100%;
  }

  .buys-info {
    margin-bottom: 35px;
  }

  .fins {
    padding: 0 5%;
  }

  /*fix history*/
  .fix__history {
    display: none;
  }

  .tp_mv--img_img {
    height: auto;
    min-height: inherit;
  }

  .add_article .gnav__area {
    font-size: 1.4rem;
  }

  .add_article .gnav__area--a {
    padding: 15px 0px;
  }
  .dr_btn {
    width: 160px;
  }
  .gp_top {
    display: grid;
    grid-template-columns: 100%;
    margin-bottom: 70px;
  }
  .gp_top01 {
    position: relative;
    display: inline-block;
    padding: 30px;
    min-width: 120px;
    max-width: 100%;
    font-size: 16px;
    background: #32668a;
  }

  .gp_top01:before {
    content: "";
    position: absolute;
    top: 105%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #32668a;
  }
  .gp_top02 {
    position: relative;
    display: inline-block;
    padding: 30px;
    min-width: 120px;
    max-width: 100%;
    font-size: 16px;
    background: #32668a;
  }

  .gp_top02:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #32668a;
  }
  .tenshu_img {
    display: block;
    margin: 0 auto;
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .sponly,
  .sp_htop {
    display: block;
  }

  body {
    margin-top: 60px;
  }

  .pconly,
  #sub_nav {
    display: none;
  }

  #headers {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
  }

  .sp_htop {
    width: 44px;
    position: absolute;
    top: 25%;
    left: 5%;
    font-size: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: -1px;
  }

  .sp_htop--a {
    color: #fff !important;
    display: block;
    padding: 5px 2px;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
    border-radius: 4px;
  }

  /* block */
  .more_rank,
  .close_rank,
  .more_nuts,
  .close_nuts,
  .more_original,
  .close_original,
  .more_recom,
  .close_recom,
  .more_new,
  .close_new {
    text-align: center;
    visibility: visible;
    background: #2f2d43;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 6px;
    color: #fff;
  }

  .headline__act--list:not(:last-child) {
    display: none;
  }

  .headline__act--list {
    max-width: 24px;
  }

  .headline__act {
    margin-left: auto;
  }

  .headline {
    position: relative;
  }

  .logo {
    max-width: 190px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    transform: translate(-50%, -50%);
  }

  .form_area,
  #gnav {
    display: none;
  }

  .tp_mv--in {
    height: 375px;
  }

  .tp_mv--img {
    min-width: 375px;
  }

  .tp_mv--chatch {
    max-width: 90%;
    width: 90%;
  }

  .sub_tit--blue,
  .fs-c-featuredProduct__header,
  .fs-c-wishlistProduct__header {
    background-size: 20px auto;
    background-repeat: repeat;
  }

  .sub_tit--tit,
  .fs-c-featuredProduct__title,
  .fs-c-wishlistProduct__title {
    max-width: 80%;
    font-size: 1.8rem;
    line-height: 2.5rem;
  }

  .tp_rankingtab--tab,
  .tp_rankingtab--tab h2,
  .un_tab {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }

  .untab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
  }

  .un_tab {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .tp_rankingtab--tab:nth-child(3),
  .un_tab:nth-child(3) {
    letter-spacing: -2px;
  }

  .tp_rankingtab--tab:nth-child(1),
  .tp_rankingtab--tab:nth-child(3),
  .tp_rankingtab--tab:nth-child(4),
  .tp_rankingtab--tab:nth-child(5),
  .un_tab:nth-child(1),
  .un_tab:nth-child(3),
  .un_tab:nth-child(4),
  .un_tab:nth-child(5) {
    padding-top: 17px;
  }

  .tp_ranking__content {
    margin-bottom: 0;
  }

  .tp_ranking__content--list {
    padding: 0;
  }

  .central {
    padding: 12%;
  }

  .tp_ranking__content--list.central {
    padding: 12% 5%;
  }

  .visibltab {
    padding: 12% 5%;
  }

  .tp_ranks--list {
    width: 45%;
    margin: 0 10% 6% 0;
  }

  .tp_ranks--list:nth-child(5n) {
    margin: 0 10% 6% 0;
  }

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

  .reasons__area--img {
    max-width: 60px;
  }

  .reasons__area--img img {
    width: 100%;
    height: auto;
  }

  .tp_ranking__content--ban {
    margin-top: 0;
  }

  .scene__banner {
    margin-bottom: 30px;
  }

  .scene__banner--list {
    width: 47.5%;
    margin: 0px 5% 5% 0;
    font-size: 1.5rem;
  }

  .scene__banner--list:nth-child(3n) {
    margin: 0px 5% 5% 0;
  }

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

  .scene__banner--a {
    display: block;
  }

  .scene__banner--img {
    width: 100%;
  }

  .scene__banner--txt,
  .scene__banner--btxt {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: -2px;
  }

  .scene__banner--href {
    display: block;
  }

  .scene__href--list {
    width: 100%;
    margin: 0 0 8px;
  }

  .top_news {
    display: none;
  }

  .item_banner__area {
    display: block;
  }

  .item_banner__area--list {
    width: 100%;
    margin: 0 0 10px;
  }

  .pro__tp {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 10px;
  }

  .pro__tp--list {
    width: 100%;
    margin-bottom: 30px;
  }

  .pro__tp--area {
    width: 90%;
    margin: 0 auto;
  }

  .reasons {
    padding: 6%;
  }

  .reasons--tit {
    font-size: 2.4rem;
    line-height: 3.3rem;
    margin-bottom: 20px;
  }

  .reasons__area--img {
    max-width: 88px;
    margin: 0 auto;
  }

  .reasons__area--txt {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .reasons__area--txt b {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .pro__tp--list:last-child {
    margin-top: 0;
  }

  .pro__tp--list:nth-child(2) {
    /*
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 0;
*/
  }

  .recommend_areas {
    display: block;
    margin-bottom: 50px;
  }

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

  .recommend_area--list {
    width: 48%;
    margin: 0 4% 4% 0;
  }

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

  .recommend--name {
    margin: 10px auto;
    font-weight: bold;
  }

  .recommend--a {
    text-decoration: underline;
  }

  .f__contact {
    max-width: 1120px;
    margin: 0 auto 50px;
    background: url(../img/foot_pink-min.svg) repeat-x left top;
    background-size: 14px auto;
    padding-top: 60px;
  }

  .business_hours--tit,
  .business_hours {
    display: none;
  }

  .business_calender {
    width: 80%;
    margin: 0 auto;
  }

  .buys-freesend {
    text-align: center;
    font-size: 1.6rem;
  }

  .bigs {
    font-size: 2.2rem;
  }

  .cards {
    display: block;
  }

  .cards--list:last-child,
  .cards--list:first-child {
    width: 100%;
    padding: 5% 10%;
  }

  .cards--list:first-child {
    margin-bottom: 15px;
  }

  .child_linkarea {
    display: none;
  }

  #footers {
    padding: 0;
  }

  .foot_link--list {
    width: 50%;
    text-align: center;
    margin: 0 0 1px;
    padding: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .foot_link--list:nth-child(2n) {
    border-right: 0px solid #fff;
  }

  .foot_actarea,
  .f_sns {
    display: none;
  }

  .foot_link--pare {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
  }

  .dd_link,
  .foot_actarea--oth {
    margin: 0;
    padding: 15px 5%;
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    border: none;
  }

  .sp-othres {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .sp-f_sns {
    display: grid;
    grid-template-columns: repeat(4, 32px);
    align-items: center;
    justify-content: center;
    gap: 0 10px;
  }

  .sp-othres--list {
    font-size: 1.3rem;
  }

  .sp-othres--a {
    text-decoration: underline;
  }

  .sp-othres--list:nth-child(2) {
    margin: 0 5%;
  }

  .sp-othres {
    margin: 20px auto;
  }

  .fins {
    font-size: 1.3rem;
    line-height: 2rem;
    margin-bottom: 110px;
  }

  .copys {
    font-size: 1.2rem;
  }

  #foot_areanav {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 10;
  }

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

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

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

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

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

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

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

  #page-top {
    bottom: 110px;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  #pop_history {
    display: none;
  }

  .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;
  }

  .open .spnav {
    opacity: 1;
    bottom: 0%;
    height: 93vh;
    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;
  }

  .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;
  }

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

  .spf_navarea {
    background: #fff;
    padding: 5%;
    border-radius: 10px;
  }

  .spf_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    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: #f5dfe1;
  }

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

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

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

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

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

  .spf__item--a {
    display: block;
    padding: 8px 10px;
    background: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.4rem;
    border-radius: 6px;
    color: #000 !important;
  }

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

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

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

  .spf_singlebtn--act {
    color: #fff;
    display: block;
    padding: 10px 5px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .spf_pink {
    background: #cf4e58;
  }

  .spf_blue {
    background: #1b668d;
  }

  .spf_close {
    background: #666;
  }

  .ser-in {
    width: 100%;
    margin-bottom: 15px;
  }

  .form--sys__label--input {
    width: 80%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
    width: 100%;
  }

  .form--sys__label {
    background: url(../img/icon_search.svg) no-repeat 95% center #fff;
    background-size: 16px 16px;
    width: 100%;
    display: block;
    padding: 6px 5%;
    border-radius: 40px;
    line-height: 1.4rem;
  }

  li.scene__href--list.oem.mrg40 {
    margin: 0 0 10px;
  }

  label#fs_label_birthday:before {
    content: "";
    background: url(https://kojimaya.itembox.design/item/common/img/kaiintouroku_birthday.jpg) no-repeat left center / 334px 50px;
    top: -20px;
    width: 100%;
    padding: 25px;
    margin-bottom: 15px;
  }

  label#fs_label_birthday {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .gp_top-message {
    padding: 0 50px;
    margin-top: 30px;
  }
  .gp_top-message_text01,
  .gp_top-message_text02 {
    margin-bottom: 30px;
  }
  .gp_nuts_item-name {
    font-size: 1.5rem;
  }

  .gp_nuts_item__top {
    grid-template-columns: repeat(2, 48%);
    gap: 45px 4%;
    margin-bottom: 10px;
  }
  .gp_mission {
    margin-bottom: 60px;
  }
  .gp_rule {
    margin-bottom: 10px;
  }
  .gp_rule01 {
    margin-bottom: 50px;
  }
  .dr_btn {
    padding: 10px;
    font-size: 1.4rem;
  }

  /*ajax*/
  .product-nList .product-nList--notxt {
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 1.8rem;
  }

  .productList a {
    display: block;
    position: relative;
  }

  .productList .proItemLink {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
  }

  .productList .proPic {
    width: auto;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
  }

  .productList .proPic img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .productList .proTitle {
    font-size: 1rem;
    color: #4d8967;
    letter-spacing: 1px;
    margin-bottom: 1px;
    display: block;
    z-index: 3;
  }

  .productList .proIntro {
    font-size: 1.3rem;
    letter-spacing: 0.1px;
    line-height: 18px;
    max-height: 36px;
    color: #333;
    margin-bottom: -2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 500;
  }

  .productList .proDate {
    font-size: 1rem;
    letter-spacing: 0.2px;
    opacity: 0.8;
  }

  .productList .proCategory {
    position: absolute;
    right: 5px;
    background: #4d8967;
    white-space: nowrap;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    color: #fff;
    font-size: 1rem;
    padding: 5px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.8px;
    top: 1px;
    z-index: 2;
    text-transform: uppercase;
  }

  .scene__single--list {
    width: 90%;
  }
}
@media screen and (max-width: 428px) {
  .dr_btn {
    width: 130px;
    padding: 10px;
    font-size: 1.4rem;
  }
  .gp_top-message {
    padding: 0 20px;
  }
}
@media screen and (max-width: 375px) {
  /* #foot_nav {
        height: 90px;
      } */
}

@media screen and (max-width: 320px) {
  .foot_nav--txt {
    font-size: 1.1rem;
    letter-spacing: -2px;
  }

  /* #foot_nav {
    height: 80px;
  } */

  label#fs_label_birthday:before {
    background: url(https://kojimaya.itembox.design/item/common/img/kaiintouroku_birthday.jpg) no-repeat left center / 284px 42px;
  }
}

.fs-c-agreementConfirmationArea__message {
  display: none;
}

.nenmatu_bnr {
  width: 90%;
  max-width: 900px;
  margin: 15px auto 0;
}

.fs-body-top .nenmatu_bnr {
  margin: 15px auto;
}

.nenmatu_come {
  display: none;
  padding: 8px;
  text-align: center;
  font-weight: bold;
  background: #c34e56;
  color: #fff;
  width: 100%;
}

.nenmatu_come02 {
  display: block !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 10;
  height: auto !important;
  padding: 8px !important;
}

.nenmatu_come.n_fixed {
  left: 0;
  position: fixed;
  top: 56px;
  width: 100%;
  z-index: 10;
}

.fs-body-category .fs-l-header__leftContainer .nenmatu_bnr,
.fs-body-product .fs-l-header__leftContainer .nenmatu_bnr,
.fs-body-search .fs-l-header__leftContainer .nenmatu_bnr {
  display: none;
  height: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .nenmatu_bnr {
    padding-top: 15px;
    width: 95%;
  }

  #pop_news {
    bottom: 110px;
    right: 5px;
    width: 70px;
  }

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

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

  .nenmatu_come {
    font-size: 1.3rem;
    line-height: 1.9rem;
    position: fixed;
    text-align: left;
    top: 60px;
    z-index: 10;
  }

  .nenmatu_come.n_fixed {
    top: 60px;
  }

  .nenmatu_come02 {
    position: fixed !important;
    top: 60px !important;
  }
}

/*ロゴ・カラー差し替え*/

.headline {
  background: #18477d;
  padding: 10px 5%;
}

.headline__act--a {
  color: #18477d !important;
}

.fs-client-cart-count {
  background: #e1344c;
}

.form_area--submit {
  background: #18477d;
}

.icon_member {
  background: url(../img/icon_member-blue.svg) no-repeat left center;
  background-size: 20px 24px;
}

.tab__nuts.select,
.tab__nuts {
  background: #e1344c;
}

.tab__dried_fruit.select,
.tab__dried_fruit {
  background: #e57f13;
  color: #fff;
}

.tab__original.select,
.tab__original {
  background: #40ab6c;
}

.tab__recommend.select,
.tab__recommend {
  background: #18477d;
}

.tab__new.select,
.tab__new {
  background: #9f7a46;
  color: #fff;
}

.sub_tit--pink {
  background: url(../img/hishi-bk02.svg) repeat-x left top;
  color: #e1344c;
}

.scene__banner--txt {
  background-color: #e1344c;
}

#gnav,
.sub_tit--blue,
.fs-c-featuredProduct__header,
.fs-c-wishlistProduct__header {
  background: url(../img/triangle-bk01.png?a) repeat-x left center / auto 15px;
  background-color: #18477d;
}

.sub_tit--blue,
.fs-c-featuredProduct__header {
  color: #18477d;
}

.icon_titcircle {
  background: url(../img/icon_tit-circle02.svg) no-repeat left center;
  background-size: 36px 36px;
}

.pro__tp--tit {
  background: url(../img/min-tit_bg02.svg) repeat-x left top / 5px 17px;
  border-bottom: 1px solid #18477d;
}

.reasons {
  background-color: #18477d;
}

.f__contact {
  background: url(../img/foot_pink02.svg) repeat-x left top / auto 20px;
}

.f_guide-btn--act {
  background-color: #18477d;
}

#footers {
  background-color: #18477d;
}

.headbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  background: #18477d;
}

.headline__inner_lbox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo {
  max-width: 160px;
  width: 100%;
  height: auto;
}

.headline__inner_lbox_tcon {
  margin-left: 35px;
}

.headline__inner_lbox_tit {
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin: 0;
}

.headline__inner_lbox_txt {
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2rem;
}

.ft-lbox {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto;
}

.ft-logo {
  width: 80px;
  margin: 60px auto 20px;
}

.ft-lbox__tit {
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.ft-lbox__txt {
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2rem;
}

.tab__nuts .tp_ranks--a,
.tab__original .tp_ranks--a,
.tab__recommend .tp_ranks--a,
.tab__dried_fruit .tp_ranks--a,
.tab__new .tp_ranks--a {
  color: #fff;
}

.gnav__area--list:not(:first-child) {
  border-left: 1px solid #18477d;
}

#sub_nav,
.sub_nav--a {
  background: #18477d;
}

.gnav__area {
  border-top: 1px solid #18477d;
  border-bottom: 1px solid #18477d;
  border-left: 1px solid #18477d;
}

.reasons__area--list a {
  color: #fff;
}

@media screen and (max-width: 959px) {
  .icon_titcircle {
    background-size: 20px 20px;
    padding: 5px 0 5px 30px;
    display: block;
  }
}

@media screen and (max-width: 915px) {
  .headline__inner_lbox_tcon {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #foot_nav,
  .foot_nav--a {
    background: #18477d;
  }

  .spf_pink {
    background: #e1344c;
  }

  .spf_blue {
    background: #18477d;
  }

  .logo {
    max-width: 115px;
  }

  .headbox {
    height: 60px;
  }

  .ft-lbox {
    display: none;
  }

  #gnav,
  .sub_tit--blue,
  .fs-c-featuredProduct__header,
  .fs-c-wishlistProduct__header {
    background: url(../img/triangle-bk01.png?a) repeat-x left center / auto 10px;
    background-color: #18477d;
  }
}

.fs-clientInfo.is-ready .login.my-false #pop_firstpage {
  position: fixed;
  bottom: 80px;
  left: 20px;
  z-index: 10;
  width: 96px;
}

.fs-clientInfo.is-ready .login.my-false #pop_news {
  bottom: 30px;
  left: 20px;
}

.fs-clientInfo.is-ready .login.my-false #pop_firstpage {
  position: fixed;
  bottom: 210px;
  left: 20px;
  z-index: 10;
  width: 90px;
  height: 90px;
}

.fs-clientInfo.is-ready .logout.my-false #pop_news {
  display: none;
}

.fs-clientInfo.is-ready .logout.my-false #pop_news {
  display: none;
}

.fs-clientInfo.is-ready .login.my-true #pop_news {
  bottom: 80px;
  left: 20px;
}

.fs-clientInfo.is-ready .logout.my-true #pop_news {
  display: none;
}

.fs-clientInfo.is-ready .login.my-true #pop_firstpage {
  display: none;
}

.mb_ptxt {
  margin-top: 10px;
}

.mb_untxt {
  margin-bottom: 20px;
}

.fs-body-customerDetails #pop_news {
  display: none;
}

.topbnr_toitem_lin.tabonly {
  display: none;
}

@media screen and (max-width: 959px) {
  .topbnr_toitem_link {
    display: block;
    width: 50%;
    margin: 0 auto 50px;
  }

  .first__cp {
    margin: 0 auto 25px;
  }
}

@media screen and (max-width: 650px) {
  /*ajax*/
  .productList {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

@media screen and (max-width: 529px) {
  .fs-clientInfo.is-ready .login.my-true #pop_news {
    bottom: 110px;
    left: 5px;
  }

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

  /* .fs-clientInfo.is-ready .login.my-false #pop_firstpage {
    bottom: 195px;
    left: 5px;
    z-index: 10;
    width: 65px;
    height: 65px;
  } */

  .fs-clientInfo.is-ready .login.my-false #pop_news {
    bottom: 110px;
    left: 5px;
  }

  .fs-clientInfo.is-ready .login.my-false #pop_firstpage {
    display: none;
  }

  .foot_nav--list.reverse.tp_login.my-false {
    background-color: #fff;
  }

  .foot_nav--a.rewatch .foot_nav--box .foot_nav--txt {
    margin-top: 32px;
  }

  .foot_nav--a.rewatch .foot_nav--box .foot_nav--icon {
    position: absolute;
    max-width: 60px;
    top: -25px;
  }

  .foot_nav--a.rewatch .foot_nav--box {
    position: relative;
    width: 84%;
  }

  .foot_nav--list.reverse.tp_logout.my-true {
    background-color: #fff;
  }

  .mb_untxt {
    width: 90%;
    margin: 0 auto 24px;
  }

  /*ajax*/
  .productList {
    gap: 40px 20px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

@media screen and (min-width: 768px) {
  body {
    margin-top: 0 !important;
  }
}

/*spnav改修*/

@media screen and (max-width: 767px) {
  .spf_tab--list {
    font-size: 1.4rem;
    padding: 8px 3px;
  }

  .spf_tab--list:nth-child(2),
  .spf_content--list:nth-child(2) {
    background: #f5f5f5;
  }

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

  .spf__read:not(:last-child) {
    margin-bottom: 15px;
  }

  .spf__read__img {
    margin-bottom: 5px;
  }

  .spf__read__img a:hover,
  .spf__read__img a:hover img {
    opacity: 1;
  }

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

  .inbox {
    border-radius: 10px;
    height: 68vh;
  }

  .topbnr_toitem_link {
    width: 90%;
  }
}

@media screen and (max-width: 320px) {
  .spf_tab--list {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}

/*spnav改修*/

/*spメニュー改修_20230713ここから*/

.-splist {
  display: none;
}

.sp_act__a {
  display: none;
}

.l-side {
  z-index: -1;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
  max-height: 1px;
  overflow: hidden;
}

.l-side {
  display: none;
}

.l-side.open {
  z-index: 9;
  background: rgba(0, 0, 0, 0.8);
  display: block;
  position: fixed;
  top: 60px;
  left: 0;
  height: calc(100% - 60px);
  overflow: scroll;
  opacity: 1;
  width: 100vw;
  pointer-events: fill;
  transition: 0.3s;
  max-height: 9999px;
}

.l-side.open .side-inner {
  overflow: scroll;
  width: 90%;
  max-width: 360px;
  padding: 20px 20px 160px;
  background: #fff;
  position: relative;
}

.l-side.open .side-inner::before {
  display: block;
  position: fixed;
  left: min(380px, 92%);
  top: 50%;
  transform: translateY(-50%);
  content: "←スクロールできます→";
  color: #fff;
  writing-mode: vertical-lr;
}

.l-side.open .side__rank_wrap {
  margin-top: 70px;
}

.l-side.open .c-close {
  display: block;
  text-align: center;
  position: fixed;
  bottom: 70px;
  left: 0;
  width: 100%;
  padding: 10px;
  background: #333;
  color: #fff !important;
  z-index: 2;
}

.l-side.open .side-inner {
  overflow: scroll;
  width: 90%;
  max-width: 360px;
  padding: 20px 20px 160px;
  background: #fef7e9;
  position: relative;
}

.l-side.open .side-inner::before {
  display: block;
  position: fixed;
  left: min(380px, 92%);
  top: 50%;
  transform: translateY(-50%);
  content: "←スクロールできます→";
  color: #fff;
  writing-mode: vertical-lr;
}

.globalMenuSp__list li:last-child {
  padding-bottom: 0;
}

.globalMenuSp__list--a {
  display: block;
  padding: 10px 0;
  font-weight: bold;
  border-bottom: 0.5px solid #fff;
}

.globalMenuSp__list .nav-open a {
  color: #000;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 20px 40px 20px 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}

.globalMenuSp__list .nav-open {
  background: url(../img/spmenu_minus.svg) no-repeat 100% center / 17px 17px;
}

.globalMenuSp__list .nav-open.active {
  background: url(../img/spmenu_plus.svg) no-repeat 100% center / 17px 17px;
}

.globalMenuSp.active {
  pointer-events: auto;
  opacity: 1;
  z-index: 12;
}

.globalMenuSp__list-open {
  display: none;
  background-color: #fffbf4;
}

.nav-open {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: 0.4s all;
}

.nav-open {
  color: #fff;
  position: relative;
}

.nav-open {
  background: url(../img/arrow_un.svg) no-repeat 100% center / 10px 10px;
}

.nav-open.active {
  background: url(../img/arrow_up.svg) no-repeat 100% center / 10px 10px;
}

.globalMenuSp__list--a {
  color: #000 !important;
  display: block;
  padding: 10px 0;
  font-weight: bold;
  border-bottom: 0.5px solid #fff;
}

.-openlink {
  color: #000 !important;
  font-weight: normal;
  padding: 20px;
}

.globalMenuSp__list--a {
  color: #222;
}

.add_gnav_img {
  margin-right: 10px;
  max-width: 30px;
  display: inline-block;
}

.-add_gnav__list {
  background-color: #ffffff;
  /* display: grid;
  grid-template-columns: repeat(2, 49%);
  gap: 2% 2%; */
  display: block;
}

.-add_gnav__list li a {
  display: grid;
  grid-template-columns: 30px auto;
  gap: 0 10px;
  align-items: center;
}

.-add_gnav__list .-openlink {
  padding: 0px 0 0px 10px;
  font-size: 1.5rem;
  line-height: 1.5;
}

.-add_bunner_list li .-openlink {
  width: 100%;
  padding: 0;
}

.-add_bunner_list li {
  margin-bottom: 15px;
}

.globalMenuSp__list-open .-add_gnav__list li {
  border-bottom: none;
}

.spnav_btnarea {
  margin: 0 auto;
  width: 80%;
  background-color: #fffbf4;
  border-radius: 50px;
  padding-bottom: 20px;
}

.spnav_btnarea__btn {
  text-align: center;
  margin: 0px auto;
}

.spnav_btnarea__btn--a {
  background: url(../img/spmenu_arrow_blue.svg) no-repeat 95% 50% / 20px 20px #fff;
  border-radius: 30px;
  color: #5a4903;
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  line-height: 1.5rem;
  padding: 12px 35px 12px 35px;
  border: 1px solid #19477d;
  color: #19477d !important;
}

.globalMenuSp__list .nav-close {
  background: url(../img/spmenu_arrow.svg) no-repeat 100% center;
  background-size: 17px;
}

.nav-close .globalMenuSp__list--a {
  color: #000;
  font-weight: bold;
  padding: 20px 20px 20px 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}

.l-side.open .c-close {
  display: none;
}

.side-inner .form--sys__label {
  background: url(../img/icon_search.svg) no-repeat 95% center #fbfbfb;
  background-size: 16px 16px;
}

.l-side.open .side-inner {
  padding: 0;
  padding-bottom: 160px;
}

.side-inner .ser-in {
  width: 90%;
  margin: 20px auto 15px;
}

.nav-open {
  width: 90%;
  margin: 0 auto;
}

.nav-open a {
  border-bottom: none;
  padding-left: 0;
}

.globalMenuSp__list-open.-bgnone {
  background-color: none;
}

.-add_bunner_list {
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
}

.globalMenuSp__list-open:has(.-add_bunner_list) {
  background-color: #fff;
}

.globalMenuSp__list .nav-open a {
  border-bottom: none;
  padding-left: 0;
}

.-add_gnav__list {
  padding: 3% 5% 3% 12%;
  margin-bottom: 20px;
}

.-add_gnav__list .-openlink {
  padding-left: 0;
  min-height: 49px;
}

.globalMenuSp__list .nav-close {
  width: 90%;
  margin: 0 auto;
}

.nav-close .globalMenuSp__list--a {
  padding-left: 0;
  border-bottom: none;
}

.add_gnav_img img {
  min-width: 30px;
}

.purposearea .first__cp {
  width: 100%;
}

.globalMenuSp__list-open .-add_gnav__list li {
  /* width: calc((100% - 10px) / 2); */
  width: 100%;
}

.-add_gnav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 3%;
}

.globalMenuSp__list .nav-open.active,
.nav-close {
  border-bottom: dashed 1px #d69b24;
}

.globalMenuSp__list .nav-open .globalMenuSp__list--a {
  background: url(https://kojimaya.itembox.design/item/common/img/i--lside_armond.svg) no-repeat left center / 15px;
  padding-left: 20px;
}

.globalMenuSp__list .nav-open .globalMenuSp__list--a:has(.add_gnav_img) {
  background: none;
  padding-left: 0;
}

@media screen and (max-width: 959px) {
  .l-side {
    display: none;
  }

  .l-side.open {
    display: block;
    /* z-index: 1; */
    opacity: 1;
    /* pointer-events: fill; */
    max-height: 9999px;
    /* overflow: visible; */
  }

  .l-main .l-side {
    width: 260px;
  }

  .l-side.open .c-close {
    display: block;
    text-align: center;
    position: fixed;
    bottom: 70px;
    left: 0;
    width: 100%;
    padding: 10px 10px 20px 10px;
    background: #333;
    color: #fff !important;
    z-index: 2;
  }
}

@media screen and (max-width: 767px) {
  .-splist {
    display: block;
  }

  .sp_act__a {
    display: block;
  }

  .sp_htop.-re_sphtop {
    top: 33%;
  }

  .headline__act--list.-splist {
    margin-left: 0;
    max-width: 70px;
    text-align: center;
    font-size: 1.3rem;
  }

  .-sp_htop_r {
    top: 50%;
    left: 90% !important;
    transform: translate(-50%, -50%);
    width: 60px;
  }

  .sp_act__a {
    color: #fff !important;
    display: block;
    padding: 5px 5px;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
    border-radius: 4px;
  }

  .headline__inner_lbox .logo:before {
    content: "上野アメ横1956年創業";
    display: block;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    line-height: 1.4;
    width: 100%;
  }

  .headline__inner_lbox .logo {
    display: flex;
    gap: 0 5px;
    align-items: center;
    max-width: 175px;
  }

  .foot_nav--a.first_reverse {
    background-color: #fff;
    color: #18477d;
  }
}

@media screen and (max-width: 320px) {
  .sp_htop.-re_sphtop {
    top: 22%;
  }

  .headline {
    padding: 0 3%;
  }

  #nav-toggle {
    font-size: 1rem;
    line-height: 1.2;
  }
}

/*spメニュー改修_20230713ここまで*/

/* 23080_top改修ここから */
.tp-reading-material-list {
  position: relative;
}
.tp-reading-material-box {
  width: 250%;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  background-color: #18477d;
  text-align: left;
  padding: 10px 20px;
  text-decoration: underline #fff 1px;
}
.tp-reading-material-contents {
  margin-bottom: 10px;
}
.tp-reading-material-contents:last-of-type {
  margin-bottom: 0;
}
.tp-reading-material-contents a {
  color: #fff;
  font-weight: bold;
}
.tp-reading-material-list label {
  display: block;
  background: #fff;
  color: #000;
  cursor: pointer;
}
.tp-reading-material-list input:checked + label {
  background: #18477d;
}
.tp-reading-material-list input:checked + label a {
  color: #fff;
}
.tp-reading-material-list input {
  display: none;
}
@media screen and (max-width: 767px) {
  .tp_rankingtab--tab:nth-child(3),
  .tp_rankingtab--tab:nth-child(4),
  .un_tab:nth-child(3),
  .un_tab:nth-child(4) {
    padding-top: 17px;
  }
}
/* 23080_top改修ここまで */

/* 230809_top改修ここから */
.-add_gnav__list .globalMenuSp__list--a.-openlink {
  border-bottom: dashed 1px #ccc;
}

@media screen and (max-width: 767px) {
  .headline__inner_lbox .logo:before {
    font-weight: bold;
  }

  .headline__inner_lbox .logo {
    left: 46%;
  }
}
/* 230809_top改修ここまで */

/* 240130追記ここから */
.foot_nav--a.two-txt-dz {
  padding-top: 5px;
}

.foot_nav--a.two-txt-dz .foot_nav--txt {
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .foot_nav--a.two-txt-dz .foot_nav--icon {
    max-width: 30px;
  }
}
/* 240130追記ここまで */

/* 240830追記ここから */
.top_column_area {
  margin-top: 0;
}

.top-osusume {
  position: relative;
  padding: 40px 0 30px;
  margin-bottom: 50px;
  margin-top: -50px;
}

.top-osusume::after {
  background: url(https://kojimaya.itembox.design/item/common/img/top-osusume-back.jpg);
  width: 100vw;
  height: 100%;
  overflow: hidden;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
}

.top-osusume-tit {
  color: #18477d;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  line-height: 3rem;
  padding: 5px 0;
  margin-bottom: 26px;
}

.top-osusume-wrap {
  max-width: min(calc(100% - 40px), 762px);
  margin: 0 auto;
}

.top-osusume-grid {
  display: grid;
  grid-template-columns: 20% 1fr;
  gap: 0 2%;
}

.top-osusume-txt {
  color: #fff;
  font-weight: bold;
  grid-column: 1 / 3;
}

.top-osusume-txt p {
  background: #17477d;
  border-radius: 10px;
  position: relative;
  padding: 2.6%;
  margin-bottom: 26px;
  display: flex;
  justify-content: center;
}

.top-osusume-txt p::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 22px solid #17477d;
}

.top-osusume-grid_l {
  text-align: center;
}

.top-osusume-grid_l p:last-of-type {
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: bold;
  white-space: nowrap;
  margin: 5px 10% 0 0;
  margin-top: 5px;
  margin-right: 10%;
}

.top-osusume-grid_r {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}

.top-osusume-grid_r_sell {
  display: grid;
  grid-template-columns: 31% 1fr;
  gap: 2%;
}

.top-osusume-grid_r_sell--tit {
  font-weight: bold;
  margin-bottom: 6px;
}

.top-osusume-grid_r_sell--value {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
}

.top-osusume .fs-c-rating {
  align-items: center;
}

.top-osusume .fs-c-rating__stars {
  font-size: 1.2rem;
}

.top-osusume .fs-c-rating__value {
  font-weight: normal;
}

.top-osusume-grid_r .slick-arrow {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 26px;
  height: 26px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.top-osusume-grid_r .prev-arrow {
  background: url(https://kojimaya.itembox.design/item/common/img/top-osusume-grid-arrow-p.svg) no-repeat center center / 100%;
  left: -13px;
}

.top-osusume-grid_r .next-arrow {
  background: url(https://kojimaya.itembox.design/item/common/img/top-osusume-grid-arrow-n.svg) no-repeat center center / 100%;
  right: -13px;
}

.top-osusume-grid_r .slick-dots {
  left: 0;
}

@media screen and (max-width: 959px) {
  .top-osusume-tit {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .top-osusume-tit {
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 559px) {
  .top-osusume {
    padding: 20px 0;
  }

  .top-osusume-txt {
    font-size: 1.4rem;
    line-height: 1.5;
    grid-column: auto;
    order: 2;
    margin-bottom: 0;
    align-self: center;
  }

  .top-osusume-txt p {
    padding: 5%;
    margin: 0 0 0 15px;
  }

  .top-osusume-txt p::before {
    top: 12px;
    left: -15px;
    border: 15px solid transparent;
    border-right: 22px solid #17477d;
  }

  .top-osusume-grid {
    grid-template-columns: 30% 1fr;
    gap: 20px 0;
  }

  .top-osusume-grid_l {
    order: 1;
  }

  .top-osusume-grid_l p:last-of-type {
    font-size: 1rem;
  }

  .top-osusume-grid_r {
    order: 3;
    grid-column: 1 / 3;
    padding: 10px;
  }

  .top-osusume-grid_r .slick-arrow {
    width: 20px;
    height: 20px;
    transform: translateY(calc(-50% - 10px));
  }

  .top-osusume-grid_r .prev-arrow {
    left: -11px;
    margin: 10px 10px 10px 0;
  }

  .top-osusume-grid_r .next-arrow {
    right: -11px;
    margin: 10px 0 10px 10px;
  }

  .top-osusume-grid_r_sell {
    grid-template-columns: 35% 1fr;
    gap: 5px;
  }

  .top-osusume-grid_r_sell--tit {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 5px;
  }

  .top-osusume-grid_r_sell--value {
    font-size: 1.2rem;
  }

  .top-osusume-grid_r_sell--value span,
  .top-osusume-grid_r_sell--star {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_rankingtab--tab:nth-child(3),
  .tp_rankingtab--tab:nth-child(4),
  .un_tab:nth-child(3),
  .un_tab:nth-child(4) {
    padding-top: 17px;
  }
}
/* 240830追記ここまで */

/* 2560523追記ここから */
label#fs_label_birthday::after {
  content: "";
  background: url(https://kojimaya.itembox.design/item/common/img/birthday_coupon.png) no-repeat left center;
  background-size: 450px auto;
  bottom: -145px;
  left: 0;
  height: 102px;
  position: absolute;
  width: 450px;
}

.fs-c-inputDate__year,
.fs-c-inputDate__month,
.fs-c-inputDate__date{
  margin-bottom: 110px;
}
@media screen and (max-width: 767px) {
  label#fs_label_birthday::after {
    content: "";
    background-size: 334px auto;
    bottom: -115px;
    height: 76px;
    width: 334px;
  }

  .fs-c-inputDate__year,
  .fs-c-inputDate__month,
  .fs-c-inputDate__date{
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 320px) {
  label#fs_label_birthday::after {
    background-size: 284px auto;
    bottom: -105px;
    height: 64px;
    width: 284px;
  }

  .fs-c-inputDate__year,
  .fs-c-inputDate__month,
  .fs-c-inputDate__date{
    margin-bottom: 70px;
  }
}
/* 2560523追記ここまで */