@charset "UTF-8";
.home .contents {
  padding-top: 18.75%;
}
.home .contents img {
  display: block;
}
.home .inner_wrap {
  margin: 0 auto;
  width: 87.5%;
}
.home .headline {
  margin-bottom: 10.7142857143%;
  line-height: 0;
}
.home .headline img {
  width: 100%;
}
.home .main_visual h1 {
  width: 100%;
  line-height: 0;
}
.home .main_visual img {
  width: 100%;
}
.home .important_box {
  padding: 10% 0;
}
.home .important_box .text_area {
  padding: 7.8125%;
  border: solid 2px #d51819;
  border-radius: 7px;
}
.home .important_box h2 {
  margin-bottom: 5.3097345133%;
  color: #d51819;
  text-align: left;
  font-size: 10px;
  font-size: 3.125vw;
}
.home .important_box ul li {
  margin-bottom: 2.2123893805%;
  padding-left: 0.75em;
  font-size: 10px;
  font-size: 3.125vw;
  text-indent: -1em;
}
.home .important_box ul li:last-child {
  margin-bottom: 0;
}
.home .important_box a::before {
  content: "・";
}
.home .important_box img {
  display: inline-block;
}
.home .important_box .pdf {
  margin-left: -0.5em;
  width: 1.5em;
}
.home .important_box .external {
  margin-left: 0.5em;
  position: relative;
  top: 0.2em;
  width: 1em;
  height: 1em;
}
.home .gift-card_box {
  padding: 5% 5.3125% 5% 2.8125%;
}
.home .campaign_section, .home .anniversary_section {
  padding: 6.25% 0 12.5%;
  color: #FFF;
  background: url(/sp/images/home/bg_bule.png) no-repeat center top #0d3256;
  background-size: 100%;
}
.home .campaign_section .campaign_item li:not(:last-child), .home .anniversary_section .campaign_item li:not(:last-child) {
  margin-bottom: 14.2857142857%;
}
.home .campaign_section .campaign_item li .thumb_area, .home .anniversary_section .campaign_item li .thumb_area {
  margin-bottom: 4.4642857143%;
  border-radius: 2vw;
  overflow: hidden;
}
.home .campaign_section .campaign_item li .thumb_area a, .home .anniversary_section .campaign_item li .thumb_area a {
  display: block;
  width: 100%;
  line-height: 0;
}
.home .campaign_section .campaign_item li .thumb_area img, .home .anniversary_section .campaign_item li .thumb_area img {
  width: 100%;
}
.home .campaign_section .campaign_item li .text_area h3, .home .anniversary_section .campaign_item li .text_area h3 {
  margin-bottom: 3.5714285714%;
  line-height: 1.2;
  font-size: 16px;
  font-size: 5vw;
}
.home .campaign_section .campaign_item li .text_area .lead, .home .anniversary_section .campaign_item li .text_area .lead {
  font-size: 12px;
  font-size: 3.75vw;
}
.home .campaign_section .campaign_item li .text_area .btn_more, .home .anniversary_section .campaign_item li .text_area .btn_more {
  margin-top: 6.25%;
  line-height: 1;
  font-size: 13px;
  font-size: 4.0625vw;
  text-align: center;
}
.home .campaign_section .campaign_item li .text_area .btn_more a, .home .anniversary_section .campaign_item li .text_area .btn_more a {
  padding: 1em;
  border: 0.08em solid #FFF;
  display: block;
  position: relative;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}
.home .campaign_section .campaign_item li .text_area .btn_more a:after, .home .anniversary_section .campaign_item li .text_area .btn_more a:after {
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
  width: 0.4em;
  height: 0.4em;
  content: "";
}
.home .campaign_section .movie-wrap, .home .anniversary_section .movie-wrap {
  width: 100%;
}
.home .anniversary_section {
  background: #005bac;
}
.home .info_section {
  padding: 12.5% 0;
  background: #ebeef2;
}
.home .info_section .headline {
  margin-bottom: 14.2857142857%;
}
.home .info_section .info_list li:not(:last-child) {
  margin-bottom: 7.03125%;
}
.home .info_section .info_list li .list_inner {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
}
.home .info_section .info_list li .thumb_area {
  border-radius: 0.8vw;
  width: 32.1428571429%;
  overflow: hidden;
  line-height: 0;
}
.home .info_section .info_list li .thumb_area img {
  width: 100%;
}
.home .info_section .info_list li .text_area {
  padding-left: 5.2631578947%;
  width: 67.8571428571%;
}
.home .info_section .info_list li .text_area .date {
  margin-bottom: 2.2857142857%;
  color: #999;
  font-family: "DIN Condensed", "Times New Roman", sans-serif;
  line-height: 1.2;
  font-size: 12px;
  font-size: 3.75vw;
}
.home .info_section .info_list li .text_area .date span {
  margin-left: 0.3em;
  color: #cc0000;
}
.home .info_section .info_list li .text_area .text {
  color: #666;
  line-height: 1.3;
  font-size: 12px;
  font-size: 3.75vw;
}
.home .info_section .info_list li .text_area .category {
  margin-top: 2.8571428571%;
  color: #006699;
  font-size: 10px;
  font-size: 3.125vw;
  line-height: 1;
}
.home .info_section .btn_more {
  margin-top: 10.7142857143%;
  line-height: 1;
  font-size: 13px;
  font-size: 4.0625vw;
  text-align: center;
}
.home .info_section .btn_more a {
  padding: 1em;
  border: 0.08em solid #000;
  display: block;
  position: relative;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.home .info_section .btn_more a:after {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
  width: 0.4em;
  height: 0.4em;
  content: "";
}
.home .future_section {
  padding: 15.625% 0;
  background: #FFF;
}
.home .future_section .future_list li {
  border-radius: 1vw;
  overflow: hidden;
}
.home .future_section .future_list li:not(:last-child) {
  margin-bottom: 3.5714285714%;
}
.home .future_section .future_list li a {
  display: block;
  line-height: 0;
}
.home .future_section .future_list li img {
  width: 100%;
}
.home .future_section .list_more {
  display: none;
}
.home .future_section .list_more .future_list {
  margin-top: 3.5714285714%;
}
.home .future_section .btn_list_more {
  margin-top: 8.9285714286%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #222;
  line-height: 1;
  cursor: pointer;
  font-size: 12px;
  font-size: 3.75vw;
}
.home .future_section .btn_list_more:after {
  margin-left: 0.6em;
  display: block;
  width: 1.6em;
  height: 1.6em;
  background: url(/sp/images/home/icon_more.png) no-repeat center center;
  background-size: 100%;
  content: "";
}
.home .future_section .btn_list_more.open:after {
  transform: rotate(180deg);
}
.home .future_section .btn_more {
  margin-top: 10.7142857143%;
  line-height: 1;
  font-size: 13px;
  font-size: 4.0625vw;
  text-align: center;
}
.home .future_section .btn_more a {
  padding: 1em;
  border: 0.08em solid #000;
  display: block;
  position: relative;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.home .future_section .btn_more a:after {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
  width: 0.4em;
  height: 0.4em;
  content: "";
}
.home .recipe_section {
  padding: 9.375% 0;
}
.home .recipe_section .headline {
  margin-right: auto;
  margin-left: auto;
  width: 87.5%;
}
.home .recipe_section .recipe_gray_wrap {
  padding: 6.25% 0 7.8125%;
  background: #ebeef2;
}
.home .recipe_section .recipe_headline {
  margin-bottom: 3.5714285714%;
  padding-bottom: 0.45em;
  border-bottom-style: solid;
  border-bottom-width: 0.1em;
  font-weight: bold;
  line-height: 1;
  font-size: 18px;
  font-size: 5.625vw;
}
.home .recipe_section .recipe_headline.pink {
  border-bottom-color: #ff6699;
  color: #ff6699;
}
.home .recipe_section .recipe_headline.blue {
  border-bottom-color: #006699;
  color: #006699;
}
.home .recipe_section .new_recipe {
  margin-bottom: 9.375%;
}
.home .recipe_section .new_recipe .new_recipe_list {
  padding: 1.0714285714%;
  background: #FFF;
  box-shadow: 0vw 1vw 2vw rgba(0, 0, 0, 0.2);
}
.home .recipe_section .new_recipe .new_recipe_list .date {
  padding-top: 100%;
  position: relative;
  background: url(/sp/images/home/bg_new_recipe.png) no-repeat center top;
  background-size: 100%;
}
.home .recipe_section .new_recipe .new_recipe_list .date img {
  font-size: 10px;
  font-size: 3.125vw;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 12.3em;
}
.home .recipe_section .new_recipe .new_recipe_list li a {
  display: block;
  position: relative;
  color: #FFF;
  line-height: 0;
}
.home .recipe_section .new_recipe .new_recipe_list li a:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  content: "";
}
.home .recipe_section .new_recipe .new_recipe_list li img {
  width: 100%;
}
.home .recipe_section .new_recipe .new_recipe_list li .recipe_name {
  padding: 0 3.6496350365% 3.6496350365%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  font-size: 13px;
  font-size: 4.0625vw;
}
.home .recipe_section .season_recipe .season_recipe_list > li {
  padding: 1.7857142857% 0;
}
.home .recipe_section .season_recipe .season_recipe_list > li a {
  display: flex;
  align-items: center;
  color: #222;
  text-decoration: none;
}
.home .recipe_section .season_recipe .season_recipe_list > li .thumb_area {
  border-radius: 50%;
  width: 21.4285714286%;
  overflow: hidden;
  line-height: 0;
}
.home .recipe_section .season_recipe .season_recipe_list > li .thumb_area img {
  width: 100%;
}
.home .recipe_section .season_recipe .season_recipe_list > li .text_area {
  padding-left: 6.8181818182%;
  width: 78.5714285714%;
}
.home .recipe_section .season_recipe .season_recipe_list > li .text_area .recipe_name {
  margin-bottom: 2.2727272727%;
  line-height: 1.2;
  font-size: 13px;
  font-size: 4.0625vw;
}
.home .recipe_section .season_recipe .season_recipe_list > li .text_area ul {
  color: #999;
  line-height: 1.3;
  font-size: 11px;
  font-size: 3.4375vw;
}
.home .recipe_section .recipe-special-wrap {
  padding: 12.8125% 0 0;
  position: relative;
}
.home .recipe_section .recipe-special-wrap:before {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  width: 100%;
  height: 151.6em;
  background: #f3f5f7;
  content: "";
}
.home .recipe_section .recipe-special-wrap .narrow-wrap {
  margin-top: 6.0975609756%;
  padding: 8.5365853659% 6.4024390244%;
  border-radius: 0.5em;
  position: relative;
  background: #fff;
  filter: drop-shadow(2em 2em 2em rgba(0, 0, 0, 0.1));
}
.home .recipe_section .recipe-special-wrap .narrow-wrap:after {
  margin: auto;
  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 1.2em 1.5em 0 1.5em;
  position: absolute;
  right: auto;
  bottom: -1.1em;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  background: transparent;
  content: "";
}
.home .recipe_section .recipe-special-wrap .narrow-head {
  display: flex;
  align-items: center;
}
.home .recipe_section .recipe-special-wrap .narrow-head img {
  width: 1.8em;
}
.home .recipe_section .recipe-special-wrap .narrow-head span {
  margin-left: 0.5em;
  font-weight: normal;
  font-size: 12px;
  font-size: 3.75vw;
}
.home .recipe_section .recipe-special-wrap .narrow-tag-list {
  margin-top: 5.9440559441%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9em 0.5em;
}
.home .recipe_section .recipe-special-wrap .narrow-tag-list li {
  padding: 0 5.9440559441%;
  border: solid 1px #ccc;
  border-radius: 1.6666666667em;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 22.7272727273%;
  height: 2.9166666667em;
  font-feature-settings: "palt";
  font-size: 12px;
  font-size: 3.75vw;
}
.home .recipe_section .recipe-special-wrap .narrow-tag-list li.current {
  border-color: #069;
  color: #fff;
  background: #069;
}
.home .recipe_section .recipe-special-wrap .recipe-special-list {
  margin-top: 22.256097561%;
  display: flex;
  flex-direction: column;
  gap: 1.5em 0;
}
.home .recipe_section .recipe-special-wrap .recipe-special-list li {
  position: absolute;
  transform: scale(0);
  width: 100%;
  max-width: 0;
  max-height: 0;
  overflow: hidden;
  transition: transform 0.25s ease, opacity 0.25s ease;
  opacity: 0;
  font-feature-settings: "palt";
}
.home .recipe_section .recipe-special-wrap .recipe-special-list li.is-show {
  position: relative;
  transform: scale(1);
  max-width: 100%;
  max-height: 100%;
  overflow: visible;
  opacity: 1;
}
.home .recipe_section .recipe-special-wrap .recipe-special-list li.is-show.-hidden {
  display: none;
}
.home .recipe_section .recipe-special-wrap .recipe-special-list li:first-child.is-show {
  position: relative;
}
.home .recipe_section .recipe-special-wrap .recipe-special-list li:first-child a {
  font-size: 8.5px;
  font-size: 2.65625vw;
}
.home .recipe_section .recipe-special-wrap .recipe-special-list li:first-child a:before {
  position: absolute;
  top: -5.9em;
  left: 0;
  width: 18.35em;
  height: 7.25em;
  background: url(/pc/images/home/month-thme.png) no-repeat;
  background-size: 100% auto;
  pointer-events: none;
  content: "";
}
.home .recipe_section .recipe-special-wrap .recipe-special-list a {
  margin-bottom: 2.1341463415%;
  display: block;
}
.home .recipe_section .recipe-special-wrap .recipe-special-list img {
  border-radius: 0.5em;
}
.home .recipe_section .recipe-special-wrap .recipe-special-list span {
  font-size: 12px;
  font-size: 3.75vw;
}
.home .recipe_section .recipe-special-wrap .recipe-special-list span + span {
  margin-left: 3.3536585366%;
}
.home .recipe_section .recipe-special-wrap .more-btn {
  margin: 2.3em auto 0;
  padding: 0.7em 1.5em;
  border: 1px solid #999;
  display: block;
  width: 100%;
  color: #999;
  background: none;
  font-size: 3.6vw;
  outline: 0;
  transition: 0.4s;
}
.home .recipe_section .recipe-special-wrap .more-btn span {
  margin-right: 10px;
  display: inline-block;
  position: relative;
  width: 13px;
  height: 13px;
}
.home .recipe_section .recipe-special-wrap .more-btn span::after, .home .recipe_section .recipe-special-wrap .more-btn span::before {
  border-top: 2px solid #999;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10%;
  width: 13px;
  content: "";
}
.home .recipe_section .recipe-special-wrap .more-btn span::after {
  transform: rotate(90deg);
  transition: 0.4s;
}
.home .recipe_section .recipe-special-wrap .more-btn::after {
  transition: 0.4s;
  content: "もっと見る";
}
.home .recipe_section .recipe-special-wrap .more-btn.on-click span:after {
  transform: rotate(0);
}
.home .recipe_section .recipe-special-wrap .more-btn.on-click::after {
  content: "閉じる";
}
.home .recipe_section .recipe-special-wrap .more-btn.js-more {
  border: 1px solid #000;
  color: #000;
}
.home .recipe_section .recipe-special-wrap .more-btn.js-more:hover {
  cursor: pointer;
}
.home .recipe_section .recipe-special-wrap .more-btn.js-more span {
  color: #000;
}
.home .recipe_section .recipe-special-wrap .more-btn.js-more span::after, .home .recipe_section .recipe-special-wrap .more-btn.js-more span::before {
  border-top: 2px solid #000;
}
.home .recipe_section .topic_recipe {
  padding-top: 12.5%;
}
.home .recipe_section .topic_recipe .recipe_headline + p {
  margin-top: 0.25em;
  font-size: 12px;
  font-size: 3.75vw;
  line-height: 1.5;
}
.home .recipe_section .topic_recipe .topic_recipe_list {
  margin-top: 9.8214285714%;
}
.home .recipe_section .topic_recipe .topic_recipe_list li + li {
  margin-top: 3.5714285714%;
}
.home .recipe_section .topic_recipe .topic_recipe_list a {
  border-radius: 0.119047619em;
  display: block;
  position: relative;
  overflow: hidden;
  color: #fff;
  line-height: 1;
  font-size: 21px;
  font-size: 6.5625vw;
}
.home .recipe_section .topic_recipe .topic_recipe_list a:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(171, 93, 73, 0.7));
  content: "";
}
.home .recipe_section .topic_recipe .topic_recipe_list p {
  margin: 0.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  letter-spacing: -0.05em;
}
.home .recipe_section .topic_recipe .topic_recipe_list img {
  width: 100%;
  height: auto;
}
.home .recipe_section .btn_more {
  margin-top: 10.7142857143%;
  line-height: 1;
  font-size: 13px;
  font-size: 4.0625vw;
  text-align: center;
}
.home .recipe_section .btn_more a {
  padding: 1em;
  border: 0.08em solid #000;
  display: block;
  position: relative;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.home .recipe_section .btn_more a:after {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
  width: 0.4em;
  height: 0.4em;
  content: "";
}
.home .recipe_localize_section {
  padding: 12.5% 0 9.375%;
  background: #ebeef2;
}
.home .recipe_localize_section .hadline {
  margin-bottom: 10.7142857143%;
}
.home .recipe_localize_section .recipe_box {
  padding: 1.0714285714%;
  background: #FFF;
  box-shadow: 0vw 1vw 2vw rgba(0, 0, 0, 0.2);
}
.home .recipe_localize_section .recipe_box > li a {
  display: block;
  position: relative;
  color: #FFF;
  line-height: 0;
}
.home .recipe_localize_section .recipe_box > li a:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  content: "";
}
.home .recipe_localize_section .recipe_box > li img {
  width: 100%;
}
.home .recipe_localize_section .recipe_box > li .recipe_name {
  padding: 0 3.6496350365% 4.9270072993%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  font-size: 13px;
  font-size: 4.0625vw;
}
.home .recipe_localize_section .btn_more {
  margin-top: 10.7142857143%;
  line-height: 1;
  font-size: 13px;
  font-size: 4.0625vw;
  text-align: center;
}
.home .recipe_localize_section .btn_more a {
  padding: 1em;
  border: 0.08em solid #000;
  display: block;
  position: relative;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.home .recipe_localize_section .btn_more a:after {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
  width: 0.4em;
  height: 0.4em;
  content: "";
}
.home .column_section {
  padding: 33.59375% 0 9.375%;
  background: url(/sp/images/home/bg_world_map.png) no-repeat center top;
  background-size: 100%;
}
.home .column_section .column_list li:not(:last-child) {
  margin-bottom: 10.7142857143%;
}
.home .column_section .column_list .column_headline {
  margin-bottom: 3.5714285714%;
  line-height: 0;
}
.home .column_section .column_list .column_headline img {
  width: 100%;
}
.home .column_section .column_list .thumb_area {
  margin-bottom: 2.6785714286%;
  display: block;
  position: relative;
  color: #FFF;
  line-height: 0;
  text-decoration: none;
}
.home .column_section .column_list .thumb_area:before {
  border-radius: 1.5vw;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  content: "";
}
.home .column_section .column_list .thumb_area .title_wrap {
  padding: 3.5714285714%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.home .column_section .column_list .thumb_area .title_wrap .num {
  font-family: "DIN Condensed", "Times New Roman", sans-serif;
  line-height: 1;
  font-size: 30px;
  font-size: 9.375vw;
}
.home .column_section .column_list .thumb_area .title_wrap .title {
  display: block;
  line-height: 1.2;
  font-size: 14px;
  font-size: 4.375vw;
}
.home .column_section .column_list .thumb_area .title_wrap .title small {
  display: block;
  font-size: 12px;
  font-size: 3.75vw;
}
.home .column_section .column_list .thumb_area .icon_update {
  padding-top: 6.6%;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  right: 2%;
  transform: translateY(-50%);
  width: 18.8vw;
  height: 18.8vw;
  color: #FFF;
  background: #ff6600;
  font-family: "DIN Condensed", "Times New Roman", sans-serif;
  line-height: 1;
  text-align: center;
  font-size: 16px;
  font-size: 5vw;
}
.home .column_section .column_list .thumb_area .icon_update small {
  display: block;
  font-size: 11px;
  font-size: 3.4375vw;
}
.home .column_section .column_list .thumb_area .stamp {
  position: absolute;
  top: -5%;
  left: -3%;
  width: 41.9642857143%;
  background: url(/sp/images/home/bg_stamp.png) no-repeat center center;
  background-size: 100%;
  line-height: 1;
}
.home .column_section .column_list .thumb_area .stamp .stamp_year, .home .column_section .column_list .thumb_area .stamp .stamp_month {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
}
.home .column_section .column_list .thumb_area .stamp .stamp_year {
  top: 31%;
  font-size: 11px;
  font-size: 3.4375vw;
}
.home .column_section .column_list .thumb_area .stamp .stamp_month {
  top: 45%;
  font-size: 22px;
  font-size: 6.875vw;
}
.home .column_section .column_list .thumb_area .stamp .stamp_month small {
  display: block;
  font-size: 7px;
  font-size: 2.1875vw;
}
.home .column_section .column_list .thumb_area .stamp:before {
  padding-top: 100%;
  display: block;
  content: "";
}
.home .column_section .column_list .thumb_area img {
  border-radius: 1.5vw;
  width: 100%;
}
.home .column_section .column_list .lead {
  color: #222;
  line-height: 1.4;
  font-size: 12px;
  font-size: 3.75vw;
}
.home .column_section .btn_more {
  margin-top: 10.7142857143%;
  line-height: 1;
  font-size: 13px;
  font-size: 4.0625vw;
  text-align: center;
}
.home .column_section .btn_more a {
  padding: 1em;
  border: 0.08em solid #000;
  display: block;
  position: relative;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.home .column_section .btn_more a:after {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
  width: 0.4em;
  height: 0.4em;
  content: "";
}
.home .product_section {
  padding: 15.625% 0 13.28125%;
}
.home .product_section .headline {
  margin-bottom: 14.2857142857%;
}
.home .product_section .product_box .label-new, .home .product_section .product_box .new {
  position: relative;
}
.home .product_section .product_box .label-new:before, .home .product_section .product_box .new:before {
  font-size: 13px;
  font-size: 4.0625vw;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5.2512820513em;
  height: 5.2512820513em;
  background: url(/pc/product/images/label-new.png) no-repeat;
  background-size: contain;
  content: "";
}
.home .product_section .product_box .label-renew, .home .product_section .product_box .renew {
  position: relative;
}
.home .product_section .product_box .label-renew:before, .home .product_section .product_box .renew:before {
  font-size: 13px;
  font-size: 4.0625vw;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5.2512820513em;
  height: 5.2512820513em;
  background: url(/pc/product/images/label-renew.png) no-repeat;
  background-size: contain;
  content: "";
}
.home .product_section .product_box .limited {
  position: relative;
}
.home .product_section .product_box .limited:before {
  font-size: 13px;
  font-size: 4.0625vw;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5.2512820513em;
  height: 5.2512820513em;
  background: url(/pc/product/images/label-limited.png) no-repeat;
  background-size: contain;
  content: "";
}
.home .product_section .product_box .ttl_area {
  padding-top: 9.1463414634%;
  position: relative;
}
.home .product_section .product_box .ttl_area:after {
  border-radius: 0.8vw 0.8vw 0 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #2573b8;
  content: "";
}
.home .product_section .product_box .ttl_area a {
  padding: 6.25% 0;
  display: flex;
  align-items: center;
  position: relative;
  color: #FFF;
  text-decoration: none;
}
.home .product_section .product_box .ttl_area .pkg_area, .home .product_section .product_box .ttl_area .title_area {
  width: 100%;
}
.home .product_section .product_box .ttl_area .pkg_area {
  position: relative;
}
.home .product_section .product_box .ttl_area .pkg_area img {
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 55%;
}
.home .product_section .product_box .ttl_area .pkg_area:before {
  padding-top: 59%;
  display: block;
  content: "";
}
.home .product_section .product_box .ttl_area .title_area {
  font-weight: bold;
  line-height: 1.3;
  font-size: 11px;
  font-size: 3.4375vw;
}
.home .product_section .product_box .list_wrap {
  position: relative;
}
.home .product_section .product_box .swiper-container {
  background: #eceff3;
}
.home .product_section .product_box .product_list {
  padding: 0;
}
.home .product_section .product_box .product_list li {
  margin: 0;
  position: relative;
  width: 100%;
}
.home .product_section .product_box .product_list li a {
  padding: 7.1428571429% 10.7142857143%;
  display: block;
  position: relative;
  overflow: hidden;
  color: #222;
  text-decoration: none;
}
.home .product_section .product_box .product_list li .product-photo {
  margin: 0 auto;
  position: relative;
  width: 45.4545454545%;
}
.home .product_section .product_box .product_list li .product-photo img {
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 70%;
}
.home .product_section .product_box .product_list li .product-photo:before {
  padding-top: 115%;
  display: block;
  content: "";
}
.home .product_section .product_box .product_list li .product-photo.pkg180 img {
  width: 90%;
}
.home .product_section .product_box .product_list li .product-photo.pkg110 img {
  width: 90%;
}
.home .product_section .product_box .product_list li .product-photo.pkg75 img {
  width: 100%;
}
.home .product_section .product_box .product_list li p {
  margin-top: 1.5em;
  line-height: 1.2;
  font-size: 11px;
  font-size: 3.4375vw;
}
.home .product_section .product_box .swiper_btn_prev, .home .product_section .product_box .swiper_btn_next {
  position: absolute;
  top: 33%;
  z-index: 3;
  width: 10.7142857143%;
  line-height: 0;
  cursor: pointer;
  opacity: 0.9;
}
.home .product_section .product_box .swiper_btn_prev img, .home .product_section .product_box .swiper_btn_next img {
  width: 100%;
}
.home .product_section .product_box .swiper_btn_prev {
  left: 0;
  transform: translateX(-50%);
}
.home .product_section .product_box .swiper_btn_next {
  right: 0;
  transform: translateX(50%);
}
.home .product_section .product_box .swiper_pagination {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -3vw;
  left: 0;
  width: 100%;
}
.home .product_section .product_box .swiper_pagination .swiper-pagination-bullet {
  margin: 0 0.5vw;
  border: 1px solid #888;
  width: 2vw;
  height: 2vw;
  background: #FFF;
}
.home .product_section .product_box .swiper_pagination .swiper-pagination-bullet-active {
  border-color: #2573b8;
  background: #2573b8;
}
.home .product_section .product_box + .product_box {
  margin-top: 10.7142857143%;
}
.home .product_section .product_box.drink .ttl_area .pkg_area img {
  width: 58.9285714286%;
}
.home .product_section .product_box.drink .list_wrap:before {
  padding-top: 82%;
}
.home .product_section .product_box.drink .product_list li .product-photo img {
  width: 100%;
}
.home .product_section .product_box.drink .product_list li .product-photo:before {
  padding-top: 135%;
}
.home .product_section .product_box.drink .swiper_btn_prev, .home .product_section .product_box.drink .swiper_btn_next {
  top: 40%;
}
.home .product_section .btn_more {
  margin-top: 10.7142857143%;
  line-height: 1;
  font-size: 13px;
  font-size: 4.0625vw;
  text-align: center;
}
.home .product_section .btn_more a {
  padding: 1em;
  border: 0.08em solid #000;
  display: block;
  position: relative;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.home .product_section .btn_more a:after {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
  width: 0.4em;
  height: 0.4em;
  content: "";
}
.home .cm_section, .home .about_section {
  padding: 6.25% 0;
}
.home .cm_section .headline, .home .about_section .headline {
  margin-bottom: 6.25%;
}
.home .cm_section .thumb_area, .home .about_section .thumb_area {
  border-radius: 1.5vw;
  display: block;
  overflow: hidden;
  line-height: 0;
}
.home .cm_section .thumb_area img, .home .about_section .thumb_area img {
  width: 100%;
}
.home .cm_section .lead, .home .about_section .lead {
  margin-top: 2.6785714286%;
  line-height: 1.3;
  font-size: 12px;
  font-size: 3.75vw;
}
.home .about_section {
  padding-bottom: 11.71875%;
}
.home .about_localize_section {
  padding: 12.5% 0 9.375%;
  background: #ebeef2;
}
.home .about_localize_section .headline {
  margin-bottom: 8.2142857143%;
}
.home .about_localize_section .thumb_area {
  border-radius: 1.5vw;
  display: block;
  overflow: hidden;
  line-height: 0;
}
.home .about_localize_section .thumb_area img {
  width: 100%;
}
.home .about_localize_section .lead {
  margin-top: 2.6785714286%;
  line-height: 1.3;
  font-size: 12px;
  font-size: 3.75vw;
}
.home .about_localize_section .btn_more {
  margin-top: 5.7142857143%;
  line-height: 1;
  font-size: 13px;
  font-size: 4.0625vw;
  text-align: center;
}
.home .about_localize_section .btn_more a {
  padding: 1em;
  border: 0.08em solid #000;
  display: block;
  position: relative;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.home .about_localize_section .btn_more a:after {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
  width: 0.4em;
  height: 0.4em;
  content: "";
}
.home .store_section {
  padding-bottom: 18.75%;
}
.home .store_section .headline {
  margin-bottom: 8.2142857143%;
}
.home .store_section .store_banner img {
  width: 100%;
}
.home .store_section .lead {
  margin-top: 2.6785714286%;
  line-height: 1.3;
  font-size: 12px;
  font-size: 3.75vw;
}

.en .product_section .product_box .label-new:before, .en .product_section .product_box .new:before, .cn .product_section .product_box .label-new:before, .cn .product_section .product_box .new:before {
  background: url(/pc/product/images/label-new-en.png) no-repeat;
  background-size: contain;
}
.en .product_section .product_box .label-renew:before, .en .product_section .product_box .renew:before, .cn .product_section .product_box .label-renew:before, .cn .product_section .product_box .renew:before {
  background: url(/pc/product/images/label-renew-en.png) no-repeat;
  background-size: contain;
}
.en .product_section .product_box .limited:before, .cn .product_section .product_box .limited:before {
  background: url(/pc/product/images/label-limited-en.png) no-repeat;
  background-size: contain;
}

.en .product_section {
  padding: 12.5% 0 9.375%;
}
.en .product_section .headline {
  margin-bottom: 10.7142857143%;
}
.en .product_section .product_box .swiper_pagination {
  margin-bottom: -1.6071428571%;
  bottom: 0;
  transform: translateY(100%);
}

.cn .contents {
  font-family: "Noto Sans SC", sans-serif;
}
.cn .contents .headline {
  margin-bottom: 8.9285714286%;
  color: #006699;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  letter-spacing: -0.05em;
  font-size: 30px;
  font-size: 9.375vw;
}
.cn .contents .recipe_localize_section {
  padding: 11.71875% 0 9.375%;
}
.cn .contents .product_section {
  padding: 12.5% 0 9.375%;
}
.cn .contents .product_section .headline {
  margin-bottom: 8.0357142857%;
}
.cn .contents .product_section .product_box .swiper_pagination {
  margin-bottom: -1.6071428571%;
  bottom: 0;
  transform: translateY(100%);
}
.cn .contents .about_localize_section .headline {
  font-size: 27.5px;
  font-size: 8.59375vw;
  text-indent: -0.075em;
  letter-spacing: -0.075em;
  white-space: nowrap;
}
.cn .contents .about_localize_section .lead {
  margin-top: 3.2142857143%;
  line-height: 1.35;
}
.cn .contents .about_localize_section .btn_more {
  margin-top: 12.1428571429%;
}

/*
.copy {
  position: absolute;
  width: 160px;
  height: 460px;
  background: #37bef0;
  img {
    position: relative;
    top: 28%;
    left: 11%;
    width: 107px;
  }
}
.pack {
  position: absolute;
  left: 8%;
  right: 0;
  bottom: -10%;
  li {
    display: none;
    text-align: center;
    &:first-child {
      display: block;
    }
    img {
      width: 151px;
    }
  }
}
.top {
  text-align: center;
  padding-bottom: 4%;
  img {
    width: 50%;
    margin: 0 auto;
  }
}
*/
@media screen and (orientation: landscape) {
  body.home .contents {
    padding-top: 8.75%;
  }
}