html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

html {
  width: 100%;
}

body {
  color: #202830;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  background-color: #fbf4ec;
  background-repeat: repeat;
  font-family: Noto Sans JP, sans-serif;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
}

h1, h2, h3 {
  font-family: ten-mincho-text, serif;
  font-weight: normal;
}

.sec-title {
  text-align: center;
  letter-spacing: -.03em;
//  font-family: Carattere, cursive;
}

.sec-title span {
  letter-spacing: .175em;
//  margin-top: .694445%;
  font-family: ten-mincho-text, serif;
  font-size: 1.66667vw;
  line-height: 1.8;
  display: block;
}
@media screen and (max-width: 767px) {
  .sec-title span {
    margin-top: 3.2%;
    font-size: 4.26667vw;
  }
}
.sec-title2 {
  text-align: center;
  letter-spacing: -.03em;
  font-size: 1.66667vw;
//  font-family: Carattere, cursive;
}
@media screen and (max-width:500px){
.sec-title2 {
  letter-spacing: 0.1em;
  font-size: 4.06667vw;
}
}
.sec-title2 span {
  letter-spacing: .175em;
//  margin-top: .694445%;
  font-family: ten-mincho-text, serif;
  font-size: 2.66667vw;
  line-height: 1.8;
  text-align:center;
  display: block;
}
@media screen and (max-width: 767px) {
  .sec-title2 span {
    margin-top: 2.2%;
    font-size: 6.26667vw;
  }
}

.sec-title--pouch, .sec-title--toss {
  background-image: url("../img/illust_pasta.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto 10.4167vw;
//  padding-top: 10.4167vw;
//  font-size: 9.72222vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .sec-title--pouch, .sec-title--toss {
    background-size: auto 28.5333vw;
    padding-top: 32vw;
    font-size: 21.3333vw;
  }
}

.sec-title--arrange {
  background-image: url("../img/illust_vegetables01.png"), url("../img/illust_vegetables02.png");
  background-position: 17.2% 3.47222vw, 82% 7.29167vw;
  background-repeat: no-repeat;
  background-size: 9.02778vw, 8.33333vw;
  padding-top: 10.0694vw;
  padding-bottom: 2.77778vw;
  font-size: 7.63889vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .sec-title--arrange {
    background-image: url("../img/illust_vegetables01_sp.png"), url("../img/illust_vegetables02_sp.png"), url("../img/illust_vegetables03_sp.png"), url("../img/illust_vegetables04_sp.png");
    background-position: 7% 5%, 91% 29%, 12% 85%, 93% 90%;
    background-size: 17.3333%, 8.53333%, 9.6%, 19.2%;
    margin-top: -4vw;
    padding: 20vw 0;
    font-size: 16vw;
  }
}

.sec-title--gallery, .sec-title--related {
  font-size: 4.16667vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .sec-title--gallery, .sec-title--related {
    font-size: 11.2vw;
  }
}

.sec-title--gallery span, .sec-title--related span {
  font-size: 1.25vw;
}

@media screen and (max-width: 767px) {
  .sec-title--gallery span, .sec-title--related span {
    margin-top: 1.6%;
    font-size: 4.26667vw;
  }
}

.sec-title--share {
  margin: 0 auto;
  font-family: ten-mincho-text, serif;
  font-size: 1.38889vw;
  display: table;
}

@media screen and (max-width: 767px) {
  .sec-title--share {
    font-size: 4.53333vw;
  }
}

a, a:visited, a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
  transition: all .35s;
}

p {
  font-size: 15px;
}

img {
  max-width: 100%;
  height: auto;
  transition: all .35s;
}

@media screen and (max-width: 767px) {
  .no-sp {
    display: none;
  }
}

.no-pc {
  display: none;
}

@media screen and (max-width: 767px) {
  .no-pc {
    display: inline;
  }
}

.tab_item {
  text-align: center;
  color: #20283066;
  float: left;
  text-align: center;
  background-color: #e6dccf;
  border: 1px solid #e0d5c9;
  width: 39%;
  padding-top: 2.77778vw;
  padding-bottom: 2.08333vw;
  padding-right: 5%;
  font-family: ten-mincho-text, serif;
  font-size: 2.22222vw;
  transition: all .3s;
  display: block;
  position: relative;
}

@media screen and (max-width: 767px) {
  .tab_item {
    width: calc(50% - 25px);
    padding-top: 16vw;
    padding-bottom: 2.66667vw;
    padding-right: 0;
    font-size: 4.8vw;
  }
}

.tab_item span {
  font-size: 1.38889vw;
}

@media screen and (max-width: 767px) {
  .tab_item span {
    font-size: 3.46667vw;
  }
}

.tab_item:before {
  content: "";
  z-index: -1;
  background: #e0d5c9;
  width: 50vw;
  height: 1px;
  display: block;
  position: absolute;
  bottom: -1px;
}

.tab_item:after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 21.4286%;
  height: 112.687%;
  transition: all .3s;
  display: block;
  position: absolute;
  top: -14.9254%;
  right: 7.14286%;
}

@media screen and (max-width: 767px) {
  .tab_item:after {
    width: 44.4444%;
    height: 166.667%;
    margin: 0 auto;
    top: -37.3134%;
    left: 3px;
    right: 0;
  }
}

.tab_item--pouch {
  margin-left: 10%;
  margin-right: 1%;
}

@media screen and (max-width: 767px) {
  .tab_item--pouch {
    margin-left: 20px;
    margin-right: 5px;
  }
}

.tab_item--pouch:before {
  right: -1.1vw;
}

@media screen and (max-width: 767px) {
  .tab_item--pouch:before {
    right: -6px;
  }
}

.tab_item--pouch:after {
  background-image: url("../img/icon_tab_pouch.png");
}

@media (hover: hover), (-ms-high-contrast: none) {
  .tab_item--pouch:hover:after {
    background-image: url("../img/icon_tab_pouch_on.png");
  }
}

.tab_item--toss {
  margin-left: 1%;
  margin-right: 10%;
}

@media screen and (max-width: 767px) {
  .tab_item--toss {
    margin-left: 5px;
    margin-right: 20px;
  }
}

.tab_item--toss:before {
  left: -1.1vw;
}

@media screen and (max-width: 767px) {
  .tab_item--toss:before {
    left: -6px;
  }
}

.tab_item--toss:after {
  background-image: url("../img/icon_tab_toss.png");
}

@media (hover: hover), (-ms-high-contrast: none) {
  .tab_item--toss:hover:after {
    background-image: url("../img/icon_tab_toss_on.png");
  }

  .tab_item:hover {
    cursor: pointer;
    background-color: #ddd0c0;
  }
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  clear: both;
  display: none;
  overflow: hidden;
}

#pouch:checked ~ #pouch_content, #toss:checked ~ #toss_content {
  display: block;
}

.tabs input:checked + .tab_item {
  color: #202830;
  border-bottom-color: #0000;
}

.tabs input:checked + .tab_item--pouch {
  background-color: #fbf4ec;
}

.tabs input:checked + .tab_item--toss {
  background-color: #faeee0;
}

@media (hover: hover), (-ms-high-contrast: none) {
  .tabs input:checked + .tab_item:hover {
    cursor: auto;
  }
}

.tabs input:checked + .tab_item--pouch:after {
  background-image: url("../img/icon_tab_pouch_on.png");
}

.tabs input:checked + .tab_item--toss:after {
  background-image: url("../img/icon_tab_toss_on.png");
}

.modal-overlay {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.modal-overlay--pouch {
  background: #f6c293f0;
}

.modal-overlay--toss {
  background: #fac4adf0;
}

.modal-container {
  filter: drop-shadow(8px 12px 8px #59291833);
  width: 66.6667%;
  min-width: 780px;
}

@media screen and (max-width: 767px) {
  .modal-container {
    width: calc(100vw - 40px);
    min-width: auto;
  }
}

.modal-inner {
  -webkit-clip-path: polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));
  clip-path: polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px));
  max-height: 90vh;
  position: relative;
}

.modal-inner--pouch {
  background: linear-gradient(#fbf4ec, #f4dabb);
}

.modal-inner--toss {
  background: linear-gradient(#fef6f3, #f4ccbb);
}

@media screen and (max-width: 767px) {
  .modal-inner {
    height: 90vh;
    max-height: none;
  }
}

.modal-close {
  z-index: 1;
  background: url("../img/icon_close.svg") center / contain no-repeat;
  border: 0;
  width: 1.25vw;
  min-width: 18px;
  height: 1.25vw;
  min-height: 18px;
  transition: all .35s;
  position: absolute;
  top: 1.38889vw;
  right: 1.38889vw;
}

@media (hover: hover), (-ms-high-contrast: none) {
  .modal-close:hover {
    cursor: pointer;
    opacity: .6;
  }
}

@media screen and (max-width: 767px) {
  .modal-close {
    width: 5.33333vw;
    height: 5.33333vw;
    top: 5.33333vw;
    right: 5.33333vw;
  }
}

.modal-content {
  scrollbar-width: thin;
  scrollbar-color: #e0bc9a transparent;
  max-height: 90vh;
  padding-top: 3.47222vw;
  padding-bottom: 2%;
  display: flex;
  position: relative;
  overflow: hidden auto;
}

@media screen and (max-width: 767px) {
  .modal-content {
    padding-top: 5.33333%;
    padding-bottom: 8%;
    display: block;
  }
}

.modal-content__img {
  width: 37.8125%;
  position: absolute;
  top: 3.47222vw;
  left: 3.125%;
}

@media screen and (max-width: 767px) {
  .modal-content__img {
    width: 47.1642%;
    margin: 0 auto;
    position: relative;
    top: auto;
    left: auto;
  }
}

.modal-content__img-dish {
  -webkit-clip-path: polygon(15.625% 0%, 100% 0%, 84.375% 100%, 0% 100%);
  clip-path: polygon(15.625% 0%, 100% 0%, 84.375% 100%, 0% 100%);
}

@media screen and (max-width: 767px) {
  .modal-content__img-dish {
    margin-left: -18.9873%;
  }
}

.modal-content__img-package {
  width: 29.7521%;
  position: absolute;
  bottom: -5.05051%;
  right: 0;
}

@media screen and (max-width: 767px) {
  .modal-content__img-package {
    width: 53.1646%;
    bottom: -4.90196%;
    right: -20.2532%;
  }
}

.modal-content__detail {
  padding-left: 43.75%;
  padding-right: 6.25%;
}

@media screen and (max-width: 767px) {
  .modal-content__detail {
    margin-top: 8.95522%;
    padding: 0;
  }
}

.modal-content__title {
  letter-spacing: .08em;
  font-size: max(2.22222vw, 24px);
}

@media screen and (max-width: 767px) {
  .modal-content__title {
    text-align: center;
    font-size: 6.93333vw;
    line-height: 1.3;
  }
}

.modal-content__title span {
  margin-bottom: .5em;
  font-size: max(1.25vw, 14px);
  display: block;
}

@media screen and (max-width: 767px) {
  .modal-content__title span {
    margin-bottom: .2em;
    font-size: 4vw;
  }
}

.modal-content__text-block {
  margin-top: 4.16667%;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .modal-content__text-block {
    margin-top: 8%;
    padding: 1.8em 8%;
  }
}

.modal-content__text-block:before {
  content: "";
  z-index: -1;
  background: #fff;
  width: 200%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: -12.5%;
}

.modal-content__lead {
  letter-spacing: .08em;
  margin-bottom: .8em;
  font-family: ten-mincho-text, serif;
  font-size: max(1.25vw, 14px);
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .modal-content__lead {
    font-size: 4.26667vw;
  }
}

.modal-content__border {
  background-color: #e0d5c9;
  width: 100%;
  height: 1px;
  position: relative;
}

.modal-content__border:before, .modal-content__border:after {
  content: "";
  background: #e0d5c9;
  border-radius: 100%;
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  top: -2px;
}

.modal-content__border:before {
  left: -2px;
}

.modal-content__border:after {
  right: -2px;
}

.modal-content__text {
  letter-spacing: .05em;
  margin-top: 1.3em;
  font-size: max(.902778vw, 10px);
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .modal-content__text {
    font-size: max(3.2vw, 10px);
  }
}

.modal-content__arrange {
  justify-content: space-between;
  align-items: center;
  margin-top: 3.125%;
  padding-bottom: 6.94444vw;
  display: flex;
}

@media screen and (max-width: 767px) {
  .modal-content__arrange {
    padding-bottom: 17.9104vw;
    display: block;
  }
}

.modal-content__arrange-title {
  letter-spacing: .05em;
  width: 25%;
  margin-top: -2.08333%;
  font-size: max(.972222vw, 13px);
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .modal-content__arrange-title {
    text-align: center;
    letter-spacing: .15em;
    width: 100%;
    margin-top: 8.95522%;
    font-size: 4vw;
  }
}

.modal-content__arrange-list {
  justify-content: space-between;
  width: 72.9167%;
  display: flex;
}

@media screen and (max-width: 767px) {
  .modal-content__arrange-list {
    width: 88.0597%;
    margin: 5.97015% auto 0;
  }
}

.modal-content__arrange-list-card {
  width: 31%;
}

.modal-arrange-item__img {
  border: 1px solid #de5c2b;
  border-radius: 100%;
  transition: all .35s;
  overflow: hidden;
}

@media (hover: hover), (-ms-high-contrast: none) {
  .modal-arrange-item a:hover .modal-arrange-item__img--pouch {
    box-shadow: 0 0 0 10px #eeccac;
  }

  .modal-arrange-item a:hover .modal-arrange-item__img--toss {
    box-shadow: 0 0 0 10px #eec5ac;
  }
}

.modal-arrange-item__name {
  text-align: center;
  color: #de5c2b;
  margin-top: .5em;
  font-size: max(.694444vw, 10px);
  line-height: 1.4;
}

@media (hover: hover), (-ms-high-contrast: none) {
  .modal-open:hover {
    cursor: pointer;
  }
}

.modal-btn {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

.modal-btn__list {
  align-items: center;
  display: flex;
}

.modal-btn__list-item {
  width: 50%;
  position: relative;
}

.modal-btn__list-item:first-child:after {
  content: "";
  border-right: 1px dashed #fff;
  width: 1px;
  height: calc(100% - 20px);
  position: absolute;
  top: 10px;
  right: 0;
}

.modal-btn__list-item a {
  text-align: center;
  letter-spacing: .08em;
  color: #fff;
  background: #de5c2b;
  padding-top: 1.4em;
  padding-bottom: 1.4em;
  font-family: ten-mincho-text, serif;
  font-size: max(1.11111vw, 14px);
  display: block;
}

@media screen and (max-width: 767px) {
  .modal-btn__list-item a {
    font-size: 3.73333vw;
  }
}

.modal-btn__list-item a span {
  display: inline-block;
}

.modal-btn__list-item a:after {
  content: "";
  vertical-align: middle;
  background-color: #fff;
  background-image: url("../img/icon_arrow_link.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32%;
  border-radius: 100%;
  width: 10.4167%;
  height: 0;
  margin-top: -2px;
  margin-left: 1em;
  padding-top: 7.5%;
  transition: all .35s;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .modal-btn__list-item a:after {
    background-size: 31.5789%;
    width: 22.7545%;
    margin-left: .5em;
    padding-top: 16.7665%;
  }
}

@media (hover: hover), (-ms-high-contrast: none) {
  .modal-btn__list-item a:hover {
    background-color: #d54918;
  }

  .modal-btn__list-item a:hover:after {
    box-shadow: 0 0 0 1px #de5c2b, 0 0 0 6px #ffffff40;
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal-overlay {
  animation: .3s cubic-bezier(0, 0, .2, 1) mmfadeIn;
}

.micromodal-slide[aria-hidden="false"] .modal-container {
  animation: .3s cubic-bezier(0, 0, .2, 1) mmslideIn;
}

.micromodal-slide[aria-hidden="true"] .modal-overlay {
  animation: .3s cubic-bezier(0, 0, .2, 1) mmfadeOut;
}

.micromodal-slide[aria-hidden="true"] .modal-container {
  animation: .3s cubic-bezier(0, 0, .2, 1) mmslideOut;
}

.micromodal-slide .modal-container, .micromodal-slide .modal-overlay {
  will-change: transform;
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(2%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-2%);
  }
}

.logo {
  z-index: 1;
  width: 9.02778%;
  position: absolute;
  top: 2.77778vw;
  left: 2.77778%;
}

@media screen and (max-width: 767px) {
  .logo {
    width: 26.6667%;
    top: 4vw;
    left: 4%;
  }
}

.kv {
	overflow:hidden;
//  background-color: #ea773b;
  background-color: #296633;
  width: 100%;
  height: 0;
//  padding-top: 110.764%;
  padding-top: 900px;
  position: relative;

	background-image: url(../images/back-i00.png);
//	background-repeat:no-repeat;
//	background-size:cover;
//	background-size:contain;
//	background-size:100% auto;
	background-position: left top;


}

@media screen and (max-width: 767px) {
  .kv {
    padding-top: 750px;
  }
}

.kv__table {
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 110.764%;
}

@media screen and (max-width: 767px) {
  .kv__table {
    padding-top: 320%;
  }
}

.kv__table--01 {
  background-image: url("../img/img_kv_bg01.png");
  background-position: 100% 0;
  background-size: 43.0556%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .kv__table--01 {
    background-size: 62.6667%;
  }
}

.kv__table--02 {
  background-image: url("../img/img_kv_bg02.png");
//  background-position: bottom;
  background-position: top;
  background-size: contain;
  position: absolute;
  top: -150px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .kv__table--02 {
    top: 0px;
    background-image: url("../img/img_kv_bg02_sp.png");
  }
}

.kv__table--03 {
  background-image: url("../img/img_kv_bg03.png");
//  background-position: bottom;
  background-position: top;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .kv__table--03 {
    background-position: bottom;
    background-image: url("../img/img_kv_bg03_sp.png");
  }
}

.kv__dish {
  position: absolute;
}

.kv__dish--01 {
  width: 36.1111%;
  top: 0;
  left: 38.8889%;
}

@media screen and (max-width: 767px) {
  .kv__dish--01 {
    width: 51.2%;
    left: 25.3333%;
  }
}

.kv__dish--02 {
  width: 28.4028%;
  top: 9.84326%;
  right: 0;
}

@media screen and (max-width: 767px) {
  .kv__dish--02 {
    width: 40%;
    top: 7.75%;
  }
}

.kv__dish--03 {
  width: 40.625%;
  bottom: 24.7649%;
  left: 53.8194%;
}

@media screen and (max-width: 767px) {
  .kv__dish--03 {
    width: 56%;
    top: 10%;
    bottom: auto;
    left: -8.66667%;
  }
}


.kv__dish--ppp1-1 {
	z-index:1;
	position:absolute;
	top:20px;
	left:20px;
	overflow:hidden;
	width:260px;
	height:260px;
	background-color: #aaa;
	border-radius:50%;
	
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
//	background-size: auto 1240px;
	background-position: center center;
}
@media screen and (max-width:500px){
.kv__dish--ppp1-1 {
	top:10px;
	left:10px;
	overflow:hidden;
	width:160px;
	height:160px;
}
}

.kv__dish--ppp1 {
	position:absolute;
	top:-70px;
	left:20%;
	overflow:hidden;
//	width:90%;
	width:300px;
//	height:90%;
	height:300px;
	background-color: #fff;
	border-radius:50%;
	box-shadow: 20px 20px 10px rgba(0,0,0,0.4);
}
@media screen and (max-width:500px){
.kv__dish--ppp1 {
	position:absolute;
	top:-40px;
	left:2%;
	width:180px;
	height:180px;
}
}
.kv__dish--ppp2 {
	position:absolute;
	top:-50px;
	right:-50px;
	overflow:hidden;
//	width:120%;
	width:300px;
//	height:120%;
	background-color: #fff;
	border-radius:50%;
	box-shadow: 20px 20px 10px rgba(0,0,0,0.4);
}
@media screen and (max-width:500px){
.kv__dish--ppp2 {
	position:absolute;
	top:10px;
	right:-50px;
	width:180px;
	height:180px;
}
}
.kv__dish--ppp3 {
	position:absolute;
	bottom:110px;
	left:10%;
	overflow:hidden;
//	width:90%;
	width:300px;
//	height:90%;
	background-color: #fff;
	border-radius:50%;
	box-shadow: 20px 20px 10px rgba(0,0,0,0.4);
}
@media screen and (max-width:500px){
.kv__dish--ppp3 {
	position:absolute;
	top:30px;
	bottom:auto;
	left:5px;
	width:180px;
	height:180px;
}
}


.kv__content {
/*----
  width: 38.3333%;
  position: absolute;
  top: 15.674%;
  left: 10%;
----*/
  width: 53%;
  position: absolute;
  top: 130px;
  left: 0;

//  border:1px solid #000;
}
@media screen and (max-width: 767px) {
  .kv__content {
    width: 100%;
    top: 30%;
    left: 0;
  }
}

.kv__copy {
//	position:absolute;
	top:0;
	left:-20%;
  width: 120%;
  margin: 0 0 0 0;
//  border:1px solid #000;
}

@media screen and (max-width: 767px) {
  .kv__copy {
    width: 100%;
  }
}

.kv__copy img {
//  margin-left: -7.01754%;
}

@media screen and (max-width: 767px) {
  .kv__copy img {
    margin-left: auto;
  }
}

.kv__title {
  width: 85%;
//  margin: 2.77778vw auto 0 auto;
  margin: 120px auto 0 auto;
//  border:1px solid #000;
}

@media screen and (max-width: 767px) {
  .kv__title {
    width: 100%;
    margin-top: 34vw;
  }
}

.kv__title img {
  margin-left: -4.5977%;
}

@media screen and (max-width: 767px) {
  .kv__title img {
    margin-left: auto;
  }
}

html.webp .kv__table--01 {
  background-image: url("../img/img_kv_bg01.webp");
}

html.webp .kv__table--02 {
  background-image: url("../img/img_kv_bg02.webp");
}

@media screen and (max-width: 767px) {
  html.webp .kv__table--02 {
    background-image: url("../img/img_kv_bg02_sp.webp");
  }
}

html.webp .kv__table--03 {
//  background-image: url("../img/img_kv_bg03.webp");
  background-image: url("../img/img_kv_bg03.png");
}

@media screen and (max-width: 767px) {
  html.webp .kv__table--03 {
    background-image: url("../img/img_kv_bg03_sp.webp");
  }
}

.animation-kv {
  opacity: 0;
  animation-fill-mode: forwards;
}

.animation-kv--table02 {
  animation-name: moveFade;
  animation-duration: 1.5s;
  animation-delay: 2s;
}

.animation-kv--table03 {
  animation-name: moveFade;
  animation-duration: 1.5s;
  animation-delay: 3s;
}

.animation-kv--dish01 {
  animation-name: moveDown;
  animation-duration: .5s;
  animation-delay: 4s;
}

.animation-kv--dish02 {
  animation-name: moveLeft;
  animation-duration: .5s;
  animation-delay: 4.5s;
}

.animation-kv--dish03 {
  animation-name: moveUp;
  animation-duration: .5s;
  animation-delay: 5s;
}

.animation-kv--title {
  animation-name: moveDown;
  animation-duration: 3s;
  animation-delay: 5.5s;
}

.animation-kv--intro {
  animation-name: moveDown;
  animation-duration: 2s;
  animation-delay: 8s;
}

@keyframes moveLeft {
  from {
    opacity: 0;
    transform: translateX(15px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes moveRight {
  from {
    opacity: 0;
    transform: translateX(-15px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes moveDown {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes moveUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes moveFade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.scroll-down {
  transform-origin: 0 100%;
  z-index: 1;
  position: absolute;
  top: 26.3323%;
  left: 3.47222%;
  transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
  .scroll-down {
    transform-origin: 100% 100%;
    top: 40.8333%;
    left: 69%;
  }
}

.scroll-down__text {
  color: #de5c2b;
  letter-spacing: .2em;
  font-family: Poppins, sans-serif;
  font-size: max(.833333vw, 10px);
  font-weight: 500;
}

.scroll-down__arrow {
  transform-origin: center;
  width: .833333vw;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 110%;
  transform: rotate(-90deg);
}

@media screen and (max-width: 767px) {
  .scroll-down__arrow {
    width: 2.13333vw;
  }
}

.scroll-down__arrow-item {
  background-image: url("../img/icon_arrow_down.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: .833333vw;
  height: .833333vw;
  animation: 5s infinite scrolldown;
}

.scroll-down__arrow-item + .scroll-down__arrow-item {
  margin-top: 2px;
}

@media screen and (max-width: 767px) {
  .scroll-down__arrow-item {
    width: 2.13333vw;
    height: 2.13333vw;
  }
}

.scroll-down__arrow-item:nth-child(2) {
  animation-delay: .3s;
}

.scroll-down__arrow-item:nth-child(3) {
  animation-delay: .6s;
}

@keyframes scrolldown {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.sec-intro {
  display: block;
}

.sec-intro__lead {
  width: 55.9783%;
  margin: 4.86111vw auto 0;
}

@media screen and (max-width: 767px) {
  .sec-intro__lead {
    width: 50.6667%;
    margin-top: 9.33333vw;
  }
}

.sec-intro__title {
  letter-spacing: .2em;
  text-align: center;
  margin-top: 0.1vw;
  font-size: 3.1vw;
  font-weight: bold;
  white-space: nowrap;
  text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}

@media screen and (max-width: 767px) {
  .sec-intro__title {
    margin-top: 2.66667vw;
    font-size: 4.86667vw;
  }
}

.sec-intro__title2 {
  letter-spacing: .2em;
  text-align: center;
  margin-top: 1.47222vw;
  font-size: 2.23889vw;
  font-weight: bold;
  white-space: nowrap;
  text-shadow: 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,1);
}

@media screen and (max-width: 767px) {
  .sec-intro__title2 {
    margin-top: 2.26667vw;
    font-size: 3.86667vw;
  }
}


.sec-intro__text {
  letter-spacing: .16em;
  margin-top: 2.77778vw;
  font-family: ten-mincho-text, serif;
  font-size: 1.11111vw;
  line-height: 2.5;
}

@media screen and (max-width: 767px) {
  .sec-intro__text {
    letter-spacing: .12em;
    margin-top: 5.33333vw;
    padding-left: 8.53333%;
    padding-right: 8.53333%;
    font-size: 3.73333vw;
  }
}

.sec-origin4 {
	display:block;
	z-index:2;
	clip-path: polygon(0 0, 100% 120px, 100% 100%, 0% 100%);
//	background-color: #fbf4ec;
	background-color: #fdfdfd;
//	height:3300px;
	margin:-200px 0 0 0;
	padding:150px 0 0px 0;
	
//	border:1px solid #000;

	background-image: url(../images/bg_my01a.jpg);
	background-repeat:no-repeat;
//	background-size:cover;
//	background-size:contain;
	background-size:100% auto;
	background-position: center top;

}
@media screen and (max-width:500px){
.sec-origin4 {
	clip-path: polygon(0 0, 100% 40px, 100% 100%, 0% 100%);

	margin:-140px 0 0 0;
	padding:80px 0 0px 0;
	
//	border:1px solid #000;
}
}

.sec-origin3 {
	margin:-350px 0 0 0;
	z-index:5;
//	position:absolute;
//	top:0px;
	width:100%;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.sec-origin3 {
	margin:-250px 0 0 0;
//	position:absolute;
//	top:0px;
//	border:1px solid #000;
}
}

.sec-origin2 {
	position:absolute;
	top:0;
//	height:1300px;
	
	margin:-500px 0 0 0;
	background-color: #fbf4ec;
	background-color: #aaa;
	padding-top: 500px;
	padding-bottom: 200px;
	display: block;
	position: relative;

	clip-path: polygon(0 200px, 100% 0, 100% 100%, 0% 100%);
//  border:1px solid #000;

	background-image: url(../images/bg_my02a.jpg);
//	background-repeat:repeat-y;
//	background-size:cover;
//	background-size:contain;
//	background-size:100% auto;
	background-position: left top;
}
@media screen and (max-width:500px){
.sec-origin2 {
	position:absolute;
	top:0;
	height:auto;
	
	margin:-150px 0 0 0;
	padding-top: 80px;
	padding-bottom: 200px;
	display: block;
	position: relative;

	clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%);
//  border:1px solid #000;

	background-size:40%;
}
}

.sec-origin {
  background-color: #fbf4ec;
  background-color: #aaa;
  padding-top: 1px;
  padding-bottom: 2.43056%;
  display: block;
  position: relative;
  
//  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);

}

@media screen and (max-width: 767px) {
  .sec-origin {
    margin-bottom: 21.3333vw;
  }
}

.sec-origin:before {
  content: "";
  background-image: url("../img/bg_content01.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 0;
  padding-top: 47.6389%;
  display: block;
  position: absolute;
  bottom: calc(100% - 1px);
  left: 0;
}

.sec-origin__inner {
  z-index: 1;
  align-items: center;
  width: 49.4444%;
  margin-top: -16.5278%;
  margin-left: auto;
  margin-right: 10%;
  display: flex;
  position: relative;
}

@media screen and (max-width: 767px) {
  .sec-origin__inner {
    width: 100%;
    margin-top: -2.66667%;
    padding-left: 8.53333%;
    padding-right: 8.53333%;
    display: block;
  }
}

.sec-origin__title {
  letter-spacing: .15em;
  width: 30.618%;
  font-size: 1.38889vw;
}

@media screen and (max-width: 767px) {
  .sec-origin__title {
    text-align: center;
    width: 100%;
    font-size: 4.26667vw;
  }
}

.sec-origin__text-block {
  width: 69.382%;
  padding-left: 4.08163%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .sec-origin__text-block {
    width: 100%;
    padding: 0;
  }
}

.sec-origin__border {
  background: #e0d5c9;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .sec-origin__border {
    width: 100%;
    height: 1px;
    margin: 6.66667% auto;
    position: relative;
  }
}

.sec-origin__border:before, .sec-origin__border:after {
  content: "";
  background: #e0d5c9;
  border-radius: 100%;
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  left: -2px;
}

@media screen and (max-width: 767px) {
  .sec-origin__border:before, .sec-origin__border:after {
    top: -2px;
    left: auto;
  }
}

.sec-origin__border:before {
  top: -2px;
}

@media screen and (max-width: 767px) {
  .sec-origin__border:before {
    left: -2px;
  }
}

.sec-origin__border:after {
  bottom: -2px;
}

@media screen and (max-width: 767px) {
  .sec-origin__border:after {
    bottom: auto;
    right: -2px;
  }
}

.sec-origin__text {
  letter-spacing: .15em;
  font-family: ten-mincho-text, serif;
  font-size: 1.04167vw;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .sec-origin__text {
    font-size: 3.2vw;
  }
}

.sec-lineup {
  background-repeat: no-repeat;
  padding-top: 6.25%;
  padding-bottom: 10.875%;
  display: block;
}

@media screen and (max-width: 767px) {
  .sec-lineup {
    padding-top: 6%;
    padding-bottom: 10.3333%;
  }
}
@media screen and (max-width:500px){
.sec-lineup {
  padding-top: 0;
  padding-bottom: 0;
//  border:1px solid #000;
}
}

.sec-lineup--pouch {
//  background-color: #fbf4ec;
//  background-image: url("../img/deco_fork.png"), url("../img/deco_leaf.png");
  background-position: 0 3.47222vw, right 9.79167vw;
  background-size: 10.1389%, 11.4583%;
}

@media screen and (max-width: 767px) {
  .sec-lineup--pouch {
    background-position: 0 4vw, right 22.1333vw;
    background-size: 17.0667%, 19.4667%;
  }
}



.sec-lineup--toss {
  background-color: #faeee0;
  background-image: url("../img/deco_onion.png"), url("../img/deco_spoon.png");
  background-position: 0 15.2778vw, right 8.33333vw;
  background-size: 11.25%, 9.02778%;
}

@media screen and (max-width: 767px) {
  .sec-lineup--toss {
    background-position: 0 21.3333vw, right 6.66667vw;
    background-size: 16%, 18.6667%;
  }
}

.sec-lineup__howto {
  justify-content: space-between;
  align-items: center;
  width: 42.7778%;
  margin-top: 4.16667%;
  margin-left: auto;
  margin-right: 10%;
  display: flex;
}

@media screen and (max-width: 767px) {
  .sec-lineup__howto {
    text-align: center;
    flex-direction: column-reverse;
    row-gap: 2.66667vw;
    width: 100%;
    margin-top: 10.6667%;
    padding: 0 8.53333%;
  }
}

.sec-lineup__howto-toss {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 4.16667% auto;
  display: flex;
}

@media screen and (max-width: 767px) {
  .sec-lineup__howto-toss {
    text-align: center;
    flex-direction: column;
    row-gap: 2.66667vw;
    width: 100%;
    margin-top: 10.6667%;
    padding: 0 8.53333%;
  }
}

.sec-lineup__howto-toss-title {
  letter-spacing: .15em;
  width: 38.6285%;
  padding-right: 3.90625%;
  font-family: ten-mincho-text, serif;
  font-size: 1.38889vw;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .sec-lineup__howto-toss-title {
    width: 100%;
    margin-top: 3%;
    padding-right: 0;
    font-size: 4.8vw;
    line-height: 1.5;
  }
}

.sec-lineup__howto-text {
  letter-spacing: .05em;
  text-underline-offset: 5px;
  text-underline-offset: 70%;
  width: 74.6753%;
  font-size: 1.04167vw;
  line-height: 2.2;
  -webkit-text-decoration: underline dashed #e0d5c9;
  text-decoration: underline dashed #e0d5c9;
  text-decoration-thickness: 1px;
}

@media screen and (max-width: 767px) {
  .sec-lineup__howto-text {
    width: 100%;
    font-size: 3.46667vw;
  }
}

.sec-lineup__howto-toss-text-block {
  width: 47.0486%;
  padding-left: 3.90625%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .sec-lineup__howto-toss-text-block {
    width: 100%;
    padding-left: 0;
  }
}

.sec-lineup__howto-border {
  background: #e0d5c9;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sec-lineup__howto-border:before, .sec-lineup__howto-border:after {
  content: "";
  background: #e0d5c9;
  border-radius: 100%;
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  left: -2px;
}

.sec-lineup__howto-border:before {
  top: -2px;
}

.sec-lineup__howto-border:after {
  bottom: -2px;
}

@media screen and (max-width: 767px) {
  .sec-lineup__howto-border {
    display: none;
  }
}

.sec-lineup__howto-toss-text {
  letter-spacing: .05em;
  text-underline-offset: 5px;
  text-underline-offset: 70%;
  font-size: 1.04167vw;
  line-height: 2.2;
  -webkit-text-decoration: underline dashed #e0d5c9;
  text-decoration: underline dashed #e0d5c9;
  text-decoration-thickness: 1px;
}

@media screen and (max-width: 767px) {
  .sec-lineup__howto-toss-text {
    font-size: 3.46667vw;
  }
}

.sec-lineup__howto-img {
  width: 22.7273%;
}

@media screen and (max-width: 767px) {
  .sec-lineup__howto-img {
    width: 33.7621%;
  }
}

.sec-lineup__howto-toss-img {
  width: 12.1528%;
}

@media screen and (max-width: 767px) {
  .sec-lineup__howto-toss-img {
    order: -2;
    width: 33.7621%;
  }
}

.sec-lineup__list {
  z-index: 1;
  flex-wrap: wrap;
  gap: 2.08333vw 5.55556vw;
  width: 80%;
  margin: -1.38889% auto 0;
  display: flex;
  position: relative;
}

@media screen and (max-width: 767px) {
  .sec-lineup__list {
    width: calc(100% - 40px);
    margin: 8% auto 0;
  }
}
@media screen and (max-width:500px){
  .sec-lineup__list {
    width: calc(100% - 40px);
    margin: 0 auto 0 auto;
//    border:1px solid #000;
  }
}

.sec-lineup__list-card {
  width: 28.6458%;
  margin-top: 2.08333vw;
}

@media screen and (max-width: 767px) {
  .sec-lineup__list-card {
    width: 44.7612%;
    margin-top: 8.95522%;
  }
}
@media screen and (max-width:500px){
  .sec-lineup__list-card {
    width: 45.7612%;
    margin-top: 8.95522%;
  }
}

.sec-lineup__list-card:nth-child(3n) {
  margin-top: 5.55556vw;
}

@media screen and (max-width: 767px) {
  .sec-lineup__list-card:nth-child(3n) {
    margin-top: 8.95522%;
  }
}

.sec-lineup__list-card:nth-child(3n+1) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .sec-lineup__list-card:nth-child(3n+1) {
    margin-top: 8.95522%;
  }

  .sec-lineup__list-card:nth-child(2n) {
    margin-top: 17.9104%;
  }
}

.lineup-item__img {
  position: relative;
}

.lineup-item__new {
  z-index: 1;
  width: 24.8485%;
  position: absolute;
  top: -2.77778%;
  left: 6.06061%;
}

@media screen and (max-width: 767px) {
  .lineup-item__new {
    width: 32.5%;
    top: -5.74713%;
    left: 6.25%;
  }
}

.lineup-item__img-dish {
  -webkit-clip-path: polygon(15.625% 0%, 100% 0%, 84.375% 100%, 0% 100%);
  clip-path: polygon(15.625% 0%, 100% 0%, 84.375% 100%, 0% 100%);
}

.lineup-item__img-dish img {
  transition: all .5s;
}

@media (hover: hover), (-ms-high-contrast: none) {
  .lineup-item:hover .lineup-item__img-dish img {
    transform: scale(1.08);
  }
}

.lineup-item__img-package {
//  width: 32.7273%;
  width: 45.7273%;
  position: absolute;
  bottom: -5.55556%;
  right: 0;
}

@media screen and (max-width: 767px) {
  .lineup-item__img-package {
    width: 37.5%;
    bottom: -5.74713%;
  }
}
.lineup-item__img-package2 {
//  width: 32.7273%;
  width: 33.7273%;
  position: absolute;
  bottom: -5.55556%;
  right: 0;
}

@media screen and (max-width: 767px) {
  .lineup-item__img-package2 {
    width: 37.5%;
    bottom: -5.74713%;
  }
}

.lineup-item__title {
  letter-spacing: .08em;
  margin-top: 6.6061%;
  font-size: 1.66667vw;
  transition: all .35s;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .lineup-item__title {
    letter-spacing: .02em;
    margin-top: 12.5%;
    font-size: 4.53333vw;
    line-height: 1.3;
  }
}
@media screen and (max-width:500px){
  .lineup-item__title {
    letter-spacing: .02em;
    margin-top: 11.5%;
    font-size: 3.23333vw;
    line-height: 1.3;
  }
}


.lineup-item__title span {
//  margin-bottom: .5em;
  font-size: 1.11111vw;
  display: block;
}

@media screen and (max-width: 767px) {
  .lineup-item__title span {
    letter-spacing: .08em;
    font-size: max(3.2vw, 10px);
  }
}

.lineup-item__title2 {
  letter-spacing: .08em;
//  margin-top: 10.6061%;
  font-size: 1.46667vw;
  transition: all .35s;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .lineup-item__title2 {
    letter-spacing: .02em;
//    margin-top: 12.5%;
    font-size: 4.53333vw;
    line-height: 1.3;
  }
}
@media screen and (max-width:500px){
  .lineup-item__title2 {
    letter-spacing: .02em;
//    margin-top: 12.5%;
    font-size: 3.23333vw;
    line-height: 1.3;
  }
}

@media (hover: hover), (-ms-high-contrast: none) {
  .lineup-item:hover .lineup-item__title {
    color: #de5c2b;
  }
}

.lineup-item__lead {
  letter-spacing: .08em;
  margin-top: 1.5em;
  font-size: .833333vw;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .lineup-item__lead {
    font-size: max(2.66667vw, 10px);
  }
}
@media screen and (max-width:500px){
  .lineup-item__lead {
    font-size: max(1.26667vw, 9px);
  }
}

.lineup-item__more {
  color: #de5c2b;
  letter-spacing: .2em;
  margin-top: 7.57576%;
  font-family: Poppins, sans-serif;
  font-size: .763889vw;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .lineup-item__more {
    margin-top: 12.5%;
    font-size: max(2.66667vw, 10px);
  }
}

.lineup-item__more:before {
  content: "";
  vertical-align: middle;
  background-image: url("../img/icon_plus.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21.0526%;
  border-radius: 100%;
  width: 17.2727%;
  height: 2.98611vw;
  margin-left: -5px;
  margin-right: 1em;
  transition: all .5s;
  display: inline-block;
  box-shadow: 0 0 0 1px #de5c2b, 0 0 0 6px #f8e5d9;
}

@media screen and (max-width: 767px) {
  .lineup-item__more:before {
    background-size: 23.6842%;
    width: 23.75%;
    height: 0;
    margin-right: 1.5em;
    padding-top: 16.875%;
  }
}

@media (hover: hover), (-ms-high-contrast: none) {
  .lineup-item:hover .lineup-item__more:before {
    box-shadow: 0 0 0 1px #de5c2b, 0 0 0 18px #f8e5d9;
  }
}

.sec-eco {
  z-index: 1;

//  gap: 2.77778%;
//  width: 62.5%;
  width: 100%;
//  margin-top: 4.16667%;
  margin-left: auto;
  margin-right: auto;
  padding: 2.7% 3.4%;
//  display: flex;
  position: relative;
}
@media screen and (max-width:500px){
.sec-eco {
  padding: 0px 0px;
//  border:1px solid #000;
}
}
.sec-eco-0 {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sec-eco {
    flex-direction: column;
    row-gap: 8vw;
    width: calc(100% - 40px);
    margin-top: 16%;
    padding: 16% 5.33333%;
  }
}
@media screen and (max-width:500px){
.sec-eco-0 {
  display: block;
}
}

.sec-eco:before, .sec-eco:after {
  -webkit-clip-path: polygon(0 40px, 40px 0, 0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 100%);
  clip-path: polygon(0 40px, 40px 0, 0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 100%);
  content: "";
  display: block;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .sec-eco:before, .sec-eco:after {
    -webkit-clip-path: polygon(0 30px, 30px 0, 0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 100%);
    clip-path: polygon(0 30px, 30px 0, 0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 100%);
  }
}

.sec-eco:before {
  opacity: 1;
  background-color: #e0d5c9;
  width: 100%;
  height: 100%;
  transition: opacity .35s;
  top: 0;
  left: 0;
}

.sec-eco:after {
  background-color: #f3eade;
  background-repeat: repeat;
  background-size: 100px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
}

.sec-eco__text-block {
  z-index: 1;
  color: #81684b;
  text-align: center;
  width: 60%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .sec-eco__text-block {
    width: 100%;
    padding: 0 2.66667vw;
  }
}
@media screen and (max-width: 500px) {
  .sec-eco__text-block {
    width: 100%;
    padding: 0 0 10px 0;
  }
}

.sec-eco__title {
z-index:1;
  letter-spacing: .2em;
  font-family: Poppins, sans-serif;
  font-size: 1.763889vw;
  font-weight: 500;
}




.sec-eco__title span {
  letter-spacing: .1em;
//  margin-top: 1.38889vw;
  margin-bottom: 1.6vw;
  font-family: ten-mincho-text, serif;
  font-size: 2.9vw;
  text-align:center;
  font-weight: bold;
  line-height: 1.6;
  display: block;
}

@media screen and (max-width: 767px) {
  .sec-eco__title span {
    margin-top: -20px;
    font-size: 3.9vw;
  }
}

.sec-eco__text {
  letter-spacing: .15em;
//  margin-top: 3.125vw;
  font-family: ten-mincho-text, serif;
//  font-size: .902778vw;
  font-size: 1.7vw;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .sec-eco__text {
    text-align: left;
    letter-spacing: .1em;
    font-size: 3.26667vw;
    line-height: 1.6;
    text-align:center;
  }
}

.sec-eco__illust {
  z-index: 1;
//  width: 43.75%;
  width: 38%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .sec-eco__illust {
    width: 100%;
  }
}

.sec-arrange {
  margin-top: -3.47222%;
  padding-top: 1px;
  padding-bottom: 13.8889%;
  display: block;
  position: relative;
}

.sec-arrange--pouch {
  background: #f8cda5;
}

.sec-arrange--toss {
  background: #fac4ad;
}

@media screen and (max-width: 767px) {
  .sec-arrange {
    padding-bottom: 26.6667%;
  }
}

.sec-arrange:before {
  content: "";
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 0;
  padding-top: 26.875%;
  display: block;
  position: absolute;
  bottom: calc(100% - 1px);
  left: 0;
}

@media screen and (max-width: 767px) {
  .sec-arrange:before {
    padding-top: 61.3333%;
  }
}

.sec-arrange--pouch:before {
  background-image: url("../img/bg_content02.png");
}

@media screen and (max-width: 767px) {
  .sec-arrange--pouch:before {
    background-image: url("../img/bg_content02_sp.png");
  }
}

.sec-arrange--toss:before {
  background-image: url("../img/bg_content02_pink.png");
}

@media screen and (max-width: 767px) {
  .sec-arrange--toss:before {
    background-image: url("../img/bg_content02_pink_sp.png");
  }
}

.sec-arrange:after {
  content: "";
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.sec-arrange--pouch:after {
  background-image: url("../img/deco_cheese.png"), url("../img/deco_pasta.png");
  background-position: 0 2.77778vw, 100% 0;
  background-size: 17.5%, 22.5%;
  top: -22.2222vw;
  left: 0;
}

@media screen and (max-width: 767px) {
  .sec-arrange--pouch:after {
    background-position: 0 46.6667vw, 100% 0;
    background-size: 32%, 48%;
    top: -90.6667vw;
  }
}

.sec-arrange--toss:after {
  background-image: url("../img/deco_garlic.png"), url("../img/deco_basil.png");
  background-position: 0 19.4444vw, 100% 0;
  background-size: 12.1528%, 15.625%;
  top: -27.7778vw;
  left: 0;
}

@media screen and (max-width: 767px) {
  .sec-arrange--toss:after {
    background-position: 0 61.3333vw, 100% 0;
    background-size: 26.6667%, 40%;
    top: -93.3333vw;
  }
}

.sec-arrange__inner {
  z-index: 1;
  position: relative;
}

.sec-arrange__copy {
  text-align: center;
  letter-spacing: .2em;
  background-image: url("../img/illust_tomato.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto 5.90278vw;
  margin-top: -2.08333%;
  padding-top: 9.02778%;
  font-family: ten-mincho-text, serif;
  font-size: 2.08333vw;
}

@media screen and (max-width: 767px) {
  .sec-arrange__copy {
    background-size: auto 12.2667vw;
    margin-top: 0;
    padding-top: 21.3333%;
    font-size: 5.86667vw;
    line-height: 1.6;
  }
}

.sec-arrange__text {
  text-align: center;
  letter-spacing: .15em;
  margin-top: -.694445%;
  font-family: ten-mincho-text, serif;
  font-size: 1.25vw;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .sec-arrange__text {
    margin-top: -2.66667%;
    font-size: 4.26667vw;
    line-height: 1.8;
  }
}

.sec-arrange__list {
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 2.08333%;
  width: 95.1389%;
  margin: 0 auto;
  display: flex;
}

@media screen and (max-width: 767px) {
  .sec-arrange__list {
    justify-content: space-between;
    width: calc(100% - 40px);
    margin: 5.33333% auto 0;
  }
}

.sec-arrange__list-card {
  width: 18.2482%;
  margin-top: 5.83942%;
}

@media screen and (max-width: 767px) {
  .sec-arrange__list-card {
    width: 47.7612%;
    margin-top: 11.9403%;
  }
}

.arrange-item {
  text-align: center;
}

.arrange-item__img-block {
  position: relative;
}

.arrange-item__img {
  overflow: hidden;
}

.arrange-item__img img {
  transition: all .5s;
}

@media (hover: hover), (-ms-high-contrast: none) {
  .arrange-item a:hover .arrange-item__img img {
    transform: scale(1.08);
  }
}

.arrange-item__link {
  letter-spacing: .2em;
  color: #de5c2b;
  width: 20.8%;
  font-family: Poppins, sans-serif;
  font-size: max(.763889vw, 10px);
  font-weight: 500;
  position: absolute;
  top: 91%;
  right: -2%;
}

@media screen and (max-width: 767px) {
  .arrange-item__link {
    width: 25.625%;
  }
}

.arrange-item__link:before {
  content: "";
  border-radius: 100%;
  width: 100%;
  height: 2.63889vw;
  margin-bottom: 12%;
  transition: all .5s;
  display: block;
}

@media screen and (max-width: 767px) {
  .arrange-item__link:before {
    height: 8vw;
  }
}

.arrange-item__link--pouch:before {
  background-color: #f8cda5;
  box-shadow: 0 0 0 1px #de5c2b, 0 0 0 6px #f8cda5;
}

.arrange-item__link--toss:before {
  background-color: #fac4ad;
  box-shadow: 0 0 0 1px #de5c2b, 0 0 0 6px #fac4ad;
}

.arrange-item__link:after {
  content: "";
  background-image: url("../img/icon_arrow_link.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28.0702%;
  width: 100%;
  height: 2.63889vw;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .arrange-item__link:after {
    height: 8vw;
  }
}

@media (hover: hover), (-ms-high-contrast: none) {
  .arrange-item a:hover .arrange-item__link--pouch:before {
    box-shadow: 0 0 0 1px #de5c2b, 0 0 0 12px #f8cda5;
  }

  .arrange-item a:hover .arrange-item__link--toss:before {
    box-shadow: 0 0 0 1px #de5c2b, 0 0 0 12px #fac4ad;
  }
}

.arrange-item__title {
  letter-spacing: .15em;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 3em;
  margin-top: 20%;
  font-size: 1.52778vw;
  line-height: 1.4;
  transition: all .35s;
  display: flex;
}

@media screen and (max-width: 767px) {
  .arrange-item__title {
    letter-spacing: .12em;
    margin-top: 25%;
    font-size: 4.26667vw;
  }
}

@media (hover: hover), (-ms-high-contrast: none) {
  .arrange-item a:hover .arrange-item__title {
    color: #de5c2b;
  }
}

.arrange-item__product {
  margin-top: 4.8%;
  font-size: .833333vw;
  transition: all .35s;
}

@media screen and (max-width: 767px) {
  .arrange-item__product {
    margin-top: 6.25%;
    font-size: max(2.93333vw, 10px);
  }
}

@media (hover: hover), (-ms-high-contrast: none) {
  .arrange-item a:hover .arrange-item__product {
    color: #de5c2b;
  }
}

.sec-gallery {
  background-image: url("../img/bg_related.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 49.6528%;
  padding-top: 8.33333%;
  display: block;
}

@media screen and (max-width: 767px) {
  .sec-gallery {
    padding-top: 26.6667%;
  }
}

.gallery-slide {
  margin: 4.16667% auto 0;
}

@media screen and (max-width: 767px) {
  .gallery-slide {
    margin-top: 10.6667%;
  }
}

.gallery-slide__youtube {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.gallery-slide__youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.gallery-slide__title {
  letter-spacing: .1em;
  text-align: center;
  margin-top: 2%;
  font-family: ten-mincho-text, serif;
  font-size: 1.38889vw;
}

@media screen and (max-width: 767px) {
  .gallery-slide__title {
    margin-top: 4%;
    font-size: 3.73333vw;
  }
}

.gallery-slide__arrow {
  background-color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.6%;
  height: 3.5vw;
  display: block;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .gallery-slide__arrow {
    width: 16px;
    height: 40px;
  }
}

.gallery-slide__arrow--next {
  background-image: url("../img/icon_arrow_gallery_next.svg");
  right: 21.8%;
}

@media screen and (max-width: 767px) {
  .gallery-slide__arrow--next {
    right: 12px;
  }
}

.gallery-slide__arrow--prev {
  background-image: url("../img/icon_arrow_gallery_prev.svg");
  left: 21.8%;
}

@media screen and (max-width: 767px) {
  .gallery-slide__arrow--prev {
    left: 12px;
  }
}

.splide__pagination {
  bottom: -40px;
}

@media screen and (max-width: 767px) {
  .splide__pagination {
    bottom: -30px;
  }
}

.splide__pagination__page {
  opacity: 1;
  background-color: #e0d5c9;
  width: 10px;
  height: 10px;
}

.splide__pagination__page.is-active {
  opacity: 1;
  background-color: #de5c2b;
  transform: none;
}

.sec-related {
  padding-top: 11.1111%;
  display: block;
}

@media screen and (max-width: 767px) {
  .sec-related {
    padding-top: 26.6667%;
  }
}

.sec-related__list {
  align-items: center;
  column-gap: 5.55556%;
  width: 70.8333%;
  margin: 4.16667% auto 0;
  display: flex;
}

@media screen and (max-width: 767px) {
  .sec-related__list {
    flex-direction: column;
    row-gap: 4vw;
    width: 100%;
    margin-top: 10.6667%;
    padding: 0 8.53333%;
  }
}

@media (hover: hover), (-ms-high-contrast: none) {
  .related-item a:hover img {
    opacity: .6;
  }
}

.sec-share {
  width: 100%;
  margin-top: 8.33333%;
  display: block;
}

@media screen and (max-width: 767px) {
  .sec-share {
    margin-top: 16%;
  }
}

.sec-share__list {
  justify-content: center;
  margin-top: 2.77778%;
  display: flex;
}

@media screen and (max-width: 767px) {
  .sec-share__list {
    margin-top: 5.33333%;
  }
}

.sec-share__item {
  width: 3.75%;
  margin: 0 1.73611%;
}

@media (hover: hover), (-ms-high-contrast: none) {
  .sec-share__item a:hover img {
    transform: scale(1.08);
  }
}

@media screen and (max-width: 767px) {
  .sec-share__item {
    width: 9.6%;
  }
}

.pagetop {
  text-align: center;
  border-top: 1px solid #e0d5c9;
  width: 80%;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .pagetop {
    width: 82.9333%;
  }
}

.pagetop:before, .pagetop:after {
  content: "";
  background: #e0d5c9;
  border-radius: 100%;
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  top: -3px;
}

.pagetop:before {
  left: -2px;
}

.pagetop:after {
  right: -2px;
}

.pagetop a {
  color: #de5c2b;
  letter-spacing: .2em;
  background-color: #fbf4ec;
  width: 10.7639%;
  margin: -2.25694% auto 0;
  font-family: Poppins, sans-serif;
  font-size: max(.763889vw, 10px);
  font-weight: 500;
  display: block;
  position: relative;
}

@media screen and (max-width: 767px) {
  .pagetop a {
    width: 36.656%;
    margin-top: -7.71704%;
  }
}

.pagetop a:before {
  content: "";
  background-image: url("../img/icon_arrow_top.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16.2162%;
  border-radius: 100%;
  width: 59.6774%;
  height: 0;
  margin: 0 auto 12%;
  padding-top: 41.9355%;
  transition: all .5s;
  display: block;
  box-shadow: 0 0 0 1px #de5c2b, 0 0 0 6px #f8e5d9;
}

@media (hover: hover), (-ms-high-contrast: none) {
  .pagetop a:hover:before {
    box-shadow: 0 0 0 1px #de5c2b, 0 0 0 18px #f8e5d9;
  }
}

.footer {
  margin-top: 8.33333%;
}

@media screen and (max-width: 767px) {
  .footer {
    margin-top: 26.6667%;
  }
}

.footer__logo {
  text-align: center;
  margin-top: 5.55556%;
}

@media screen and (max-width: 767px) {
  .footer__logo {
    margin-top: 12%;
  }
}

.footer__logo img {
  width: 10.7639%;
}

@media screen and (max-width: 767px) {
  .footer__logo img {
    width: 41.3333%;
  }
}

.footer__link {
  letter-spacing: .08em;
  justify-content: center;
  margin-top: 2.08333%;
  font-family: Poppins, sans-serif;
  font-size: max(.902778vw, 10px);
  display: flex;
}

@media screen and (max-width: 767px) {
  .footer__link {
    letter-spacing: .02em;
    margin-top: 8%;
    font-size: max(3.2vw, 10px);
  }
}

.footer__link-item a {
  text-underline-offset: 40%;
  border-left: 1px solid #e0d5c9;
  padding: 0 1.73611vw;
  -webkit-text-decoration: underline #0000;
  text-decoration: underline #0000;
  text-decoration-thickness: 1px;
  transition: all .35s;
}

.footer__link-item a:hover {
  -webkit-text-decoration: underline #202830;
  text-decoration: underline #202830;
}

@media screen and (max-width: 767px) {
  .footer__link-item a {
    padding: 0 3.2vw;
  }
}

.footer__link-item:first-child a {
  border-left: none;
}

.footer__copyright {
  text-align: center;
  letter-spacing: .1em;
  color: #a98;
  margin-top: 5.55556%;
  margin-bottom: 2.77778%;
  font-family: Poppins, sans-serif;
  font-size: max(.763889vw, 10px);
}

@media screen and (max-width: 767px) {
  .footer__copyright {
    letter-spacing: .02em;
    margin-top: 16%;
  }
}


.wataya-content-waku {
	padding:0 10%;
//	border:1px solid #000;
}
@media screen and (max-width: 767px) {
.wataya-content-waku {
	padding:0 10%;
}
}
@media screen and (max-width:500px){
.wataya-content-waku {
	padding:0 0px;
//	border:1px solid #000;
}
.wataya-content-waku2 {
	padding:0 20px;
//	border:1px solid #000;
}
}

.wataya-content-waku-mgm1 {
	margin:-300px 0 0 0;
}


.reitou-bnr-p {
	max-width:1100px;
	width:100%;
	margin:0 auto;
	-webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
//	box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}
.furusato-bnr-p {
	max-width:500px;
	width:100%;
	border:2px solid #4e070b;
}

.reitou-centent-tm {
font-family: ten-mincho-text, serif;
	margin:0 0 40px 0;
	font-size:41px;
	color:#633139;
//	font-weight:bold;
	text-align:center;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
@media screen and (max-width:480px){
.reitou-centent-tm {
	margin:0 0 20px 0;
	font-size:16px;
}
}


.table {
	border-collapse: collapse;
}
.table-100p {
	width:100%;
}
@media screen and (max-width:480px){
.table-100p-s {
	width:100%;
}
}
.table td.td001 {
font-family: ten-mincho-text, serif;
	font-size:21px;
//	font-weight: bold;
	line-height:1.8em;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;

}
.table td.td002 {
	padding:0 0 0 20px;
}
@media screen and (max-width:480px){
.table td.td001 {
	display:block;
	width:100%;
	font-size:13px;
	text-align:center;
	line-height:1.7em;
}
.table td.td002 {
	display:block;
	width:100%;
	padding:20px 0 0 0;
}
}



.cart {
	z-index:10;
	position: fixed;
	top:90px;
	right:10px;
	width:80px;
	height:80px;
	padding:13px 0 0 0;
	text-align:center;
	line-height:1.0em;
	background-color:#633139;
	border:4px solid #daaf3f;
	border-radius:50%;
	cursor: pointer;
	box-shadow: 0px 0px 10px rgba(0,0,0,1.0);
	transition: all 300ms ease-out 0s;
}
.cart:hover {
	background-color:#daaf3f;
}
.cart-t {
	margin:5px 0 0 0;
	font-size:9px;
	color:#fff;
	text-align:center;
	letter-spacing:0px;
	line-height:1.0em;
}
.cart-p {
	width:30px;
}

.cart2 {
	z-index:10;
	position: fixed;
	top:180px;
	right:10px;
	width:80px;
	height:80px;
	padding:13px 0 0 0;
	text-align:center;
	line-height:1.0em;
	background-color:#633139;
	border:4px solid #daaf3f;
	border-radius:50%;
	cursor: pointer;
	box-shadow: 0px 0px 10px rgba(0,0,0,1.0);
	transition: all 300ms ease-out 0s;
}
.cart2:hover {
	background-color:#daaf3f;
}

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

.pln-button {
	z-index:1;
	width:100%;

	display: -webkit-flex;
	display: flex;
	
	align-items: center;
//	justify-content: center;
	justify-content: flex-start;
//	flex-wrap: wrap;
}
@media screen and (max-width:480px){
.pln-button {
	width:100%;
	padding:0 10px 0 17px;
	flex-wrap: wrap;
}
}

.pln-button input {
	display: none;
}
.pln-button label{
	display: block;
	float: left;
	cursor: pointer;
	transition: .2s;

	width:200px;
	height:auto;
	padding:14px 0 14px 0;
	margin:0 0px 0 10px;
	font-size:17px;
	color:#aaa;
	font-weight: bold;
	text-align:center;
	font-family: ten-mincho-text, serif;
	background-color:#e6dccf;
	border:1px solid #eee;
	border-bottom:0px;
	border-radius:10px 10px 0px 0px;
}
@media screen and (max-width:500px){
.pln-button label{
	width:32%;
	height:auto;
	padding:10px 0px 10px 0px;
	margin:0 2px 4px 2px;
	font-size:12px;
	border-bottom:0px;
	border-radius:10px;
	border:1px solid #eee;
}
}
.pln-button label:hover{
	color:#555;
	background-color:#fbf4ec;
	border:1px solid #ccc;
	border-bottom:0px;
}
@media screen and (max-width:500px){
.pln-button label:hover{
	color:#555;
	background-color:#fbf4ec;
	border:1px solid #ccc;
}
}
.pln-button input[type="radio"]:checked + .switch-on {
	color:#555;
	background-color:#fbf4ec;
	border:1px solid #ccc;
	border-bottom:0px;
}
.pln-button input[type="radio"]:checked + .switch-off {
	color:#555;
	background-color:#fbf4ec;
	border:1px solid #ccc;
	border-bottom:0px;
}
@media screen and (max-width:500px){
.pln-button input[type="radio"]:checked + .switch-on {
	color:#555;
	background-color:#fbf4ec;
	border:1px solid #ccc;
}
.pln-button input[type="radio"]:checked + .switch-off {
	color:#555;
	background-color:#fbf4ec;
	border:1px solid #ccc;
}
}

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

.pln-line {
	height:1px;
	margin:-1px 0 0 0;
	border-top:1px solid #ccc;
}

@media screen and (max-width:500px){
.pln-line-d {
	display:none;
}
}

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

.shop-flex1 {
	display: -webkit-flex;
	display: flex;
	
//	align-items: center;
	align-items: flex-start; //上揃え
//	justify-content: center;
	justify-content: flex-start;
	flex-wrap: wrap;
//	border:1px solid #000;
	max-width:1300px;
	margin: 0 auto;
}

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

.td-shop01 {
//	float:left;
	width:33.3%;
	padding:20px;
	text-align:left;
	vertical-align:top;
//	border:1px solid #000;
}
@media screen and (max-width:480px){
.td-shop01 {
	width:50%;
	padding:4px;
}
}

.shop-box-table {
	margin:20px 0 0 0;
	background-color:#fee155;
	border:1px solid #623135;
}

.shop-box-mr01 {
	z-index:1;
	position:absolute;
	top:-15px;
	left:-15px;
	width:80px;
	height:80px;
	padding: 24px 12px 0 12px;
	background-color:#cd0000;
	border-radius:50%;
}
.shop-box-mr-p {
	width:100%;
}
@media screen and (max-width:480px){
.shop-box-mr01 {
	top:-5px;
	left:-5px;
	width:50px;
	height:50px;
	padding: 12px 5px 0 5px;
}
}

.shop-box {
	position: relative;
//	height:520px;
	height:540px;
//	margin:25px 0 0 0;
	padding:25px;
//	background-color:#fee155;
//	background-color:#f7f2e7;
	background-color:#fff;
//	border:1px solid #623135;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
//	border-radius:20px;
}
.shop-box-a1 {
	background-color:#ffd1b3;
}
@media screen and (max-width:480px){
.shop-box {
//	height:415px;
	height:460px;
	padding:5px 5px 60px 5px;
}
}

.shop-box-01 {
//	width:300px;
	height:200px;
	margin:0 0 15px 0;
//	background-image: url(../images/utuwa.png);
	background-repeat: no-repeat;
	background-size: cover;
//	background-size: contain;
	background-position: center center;
//	border-radius:10px;
}
@media screen and (max-width:480px){
.shop-box-01 {
	height:110px;
	margin:0 0 10px 0;

}
}
.shop-box-02 {
//	width:35%;
//	padding:25px;
//	border-left:1px solid #623135;
//	background-color:#fee155;
}

.shop-box-02-1 {
	float:left;
	display:inline-block;
//	width:100px;
	margin:0 0 5px 0;
	padding:4px 10px;
	font-size:11px;
	color:#333;
	text-align:center;
	line-height:1.0em;
	background-color:#fff;
	border:1px solid #777;
//	border-radius:15px;
}
.shop-box-02-1-1 {
	float:left;
	margin:0 0 0 7px;
	padding:5px 5px;
	font-size:11px;
	color:#fff;
	text-align:center;
	line-height:1.0em;
	background-color:#94402e;
	border-radius:100px;
}
@media screen and (max-width:480px){
.shop-box-02-1-1 {
	font-size:9px;
	margin:0 5px 5px 0;
}
}
.shop-box-02-1-2 {
	float:left;
	margin:0 0 0 7px;
	padding:5px 5px;
	font-size:11px;
	color:#fff;
	text-align:center;
	line-height:1.0em;
	background-color:#daae41;
	border-radius:100px;
}
@media screen and (max-width:480px){
.shop-box-02-1-2 {
	font-size:9px;
	margin:0 5px 5px 0;
}
}
.shop-box-02-1-3 {
	float:left;
	margin:0 0 0 7px;
	padding:5px 5px;
	font-size:11px;
	color:#fff;
	text-align:center;
	line-height:1.0em;
	background-color:#f49700;
	border-radius:100px;
}
@media screen and (max-width:480px){
.shop-box-02-1-3 {
	font-size:9px;
	margin:0 5px 5px 0;
}
}
.shop-box-02-1-4 {
	float:left;
	margin:0 0 0 7px;
	padding:5px 5px;
	font-size:11px;
	color:#fff;
	text-align:center;
	line-height:1.0em;
	background-color:#0b4e8a;
	border-radius:100px;
}
@media screen and (max-width:480px){
.shop-box-02-1-4 {
	font-size:9px;
	margin:0 5px 5px 0;
}
}

.shop-box-02-2 {
	margin:0 0 5px 0;
	font-size:18px;
	font-weight:bold;
	line-height:1.3em;
}
@media screen and (max-width:480px){
.shop-box-02-2 {
	font-size:14px;
}
}
.shop-box-02-3 {
	display:inline-block;
	font-size:18px;
	font-weight:bold;
}
.shop-box-02-3-1 {
	display:inline-block;
	font-size:15px;
	font-weight:bold;
}
@media screen and (max-width:480px){
.shop-box-02-3 {
	font-size:14px;
}
.shop-box-02-3-1 {
	font-size:12px;
}
}

.shop-box-02-4 {
	padding:2px 0 10px 0;
	font-size:12px;
}
@media screen and (max-width:480px){
.shop-box-02-4 {
	padding:2px 0 5px 0;
	font-size:10px;
}
}

.shop-box-02-6 {
//	width:200px;
	width:100%;
	height:40px;
//	margin:0 0 0 20px;
	padding:8px 0 0 0;
	font-size:14px;
	color:#633139;
//	font-weight:bold;
	text-align:center;
//	background-color:#633139;
//	border:1px solid #633139;
	background-color:#daaf3f;
	border:1px solid #daaf3f;
//	border-radius:10px;
	transition: all 300ms ease-out 0s;
}
.shop-box-02-6:hover {
	color:#daaf3f;
	background-color:#fff;
}
@media screen and (max-width:480px){
.shop-box-02-6 {
	height:30px;
	margin:5px 0 0 0;
	padding:4px 0 0 0;
	font-size:12px;
}
}

.shop-box-02-6-0a {
	width:100%;
	margin:10px 0 0 0;
	padding:0;
//	border:1px solid #000;
}

.shop-box-02-6-0 {
	position: absolute;
	bottom: 25px;
	left: 0;
	width:100%;
	padding:0 25px;
//	border:1px solid #000;
}
.shop-box-02-6-1 {
	margin: 0 0 0 0;
	padding:0;
//	border:1px solid #000;
}
@media screen and (max-width:500px){
.shop-box-02-6-0 {
	position: absolute;
	bottom: 5px;
	left: 0;
	width:100%;
	padding:0 5px;
}
}

.table {
	border-collapse: collapse;
}
.table-100p {
	width:100%;
}
@media screen and (max-width:500px){
.table-100p-s {
	width:100%;
}
}
.table td {
	text-align:left;
	vertical-align:middle;
}

.table td.td-cart01 {
	width:auto;
	padding:0 10px 0 0;
	text-align:left;
	vertical-align:middle;
//	border：1px solid #000;
}
.table td.td-cart02 {
//	width:50%;
	padding:0;
	text-align:left;
	vertical-align:middle;
//	border：1px solid #000;
}
@media screen and (max-width:500px){
.table td.td-cart01 {
	display:block;
	width:100%;
	padding:0 0 8px 0;
	text-align:right;
}
.table td.td-cart02 {
	display:block;
}
}



.cart01 {
	display:inline-block;
	font-size:12px;
}
.cart02 {
//	display:inline-block;
	width:50px;
	margin:0px 0;
	padding:3px;
	font-size:12px;
	color:#333;
	background-color:#fff;
	border:1px solid #333;
}

.cart03 {
	width:100%;
	padding:3px 10px 5px 10px;
	font-size:12px;
	color:#fff;
//	font-weight:bold;
	text-align:center;
	background-color:#633139;
	border:1px solid #633139;
	transition: all 300ms ease-out 0s;
}
.cart03:hover {
	color:#633139;
	background-color:#fff;
}
.cart03dd {
	width:100%;
	padding:5px 0 5px 0;
	font-size:14px;
	color:#fff;
//	font-weight:bold;
	text-align:center;
	background-color:#ff0000;
	border:1px solid #ff0000;
	transition: all 300ms ease-out 0s;
}
@media screen and (max-width:480px){
.cart03 {
	height:30px;
	margin:-5px 0 0 0;
	padding:2px 0 0 0;
	font-size:12px;
}
.cart03dd {
	height:30px;
	margin:-5px 0 0 0;
	padding:2px 0 0 0;
	font-size:12px;
}
}


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

.shop-pin2 {
//	position: absolute;
//	top:14px;
//	right:20px;
}
@media screen and (max-width:500px){
.shop-pin2 {
	position: relative;
	padding:0 20px;
//	top:auto;
//	right:auto;
}
}

.shop-tyuui-btn2 {
	display:inline-block;
//	width:160px;
//	height:160px;
	padding:10px 30px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#ee0000;
	border:1px solid #ee0000;
	border-radius:10px;
	transition: .2s;
}
.shop-tyuui-btn2:hover {
	color:#ee0000;
	background-color:#fff;
}
@media screen and (max-width:500px){
.shop-tyuui-btn2 {
	display:block;
	padding:10px 0px;
	font-size:13px;
	border-radius:10px;

}
}

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

.shop-contents-bk3aa {
	max-width:1200px;
	padding:0 0px 0 0;
	text-align:center;
}
@media screen and (max-width:480px){
.shop-contents-bk3aa {
	padding:0 20px 0 20px;
	text-align:center;
}
}

.shop-contents-bk3-1 {
	z-index:2;
	position: relative;
	display:inline-block;
}
.shop-contents-bk3-2 {
	z-index:1;
	position:absolute;
	top:-30px;
	left:-30px;
	width:100px;
	height:100px;
	padding:34px 0 0 0;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	background-color:#ee0000;
	border-radius:50%;
	transform:rotate(-20deg);
}
@media screen and (max-width:480px){
.shop-contents-bk3 {
	padding:40px 20px 40px 20px;
}
.shop-contents-bk3-2 {
	top:-20px;
	left:-15px;
	width:60px;
	height:60px;
	padding:21px 0 0 0;
	font-size:11px;
}
}

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

img {
	vertical-align:top;
}