@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@500&family=Kaushan+Script&family=Noto+Serif+JP:wght@200..900&family=Shippori+Mincho:wght@400;700&display=swap');

:root {
  --noto: "Noto Serif JP", serif;
  --kaushan: "Kaushan Script", cursive;
  --yugo: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  --vietnam: "Be Vietnam Pro", sans-serif;
  --area01: #df5656;
  --area02: #16b4ee;
  --area03: #ef8661;
  --area04: #8bb929;
  --area05: #009f99;
  --area06: #f38200;
  --area07: #746faf;
  --area08: #006db9;
}
#gwgourmet {
  font-family: "Shippori Mincho", serif;
}

html[data-browse-mode=P] .sp{display: none;}
html[data-browse-mode=S] .pc{display: none;}

#gwgourmet_mv {
  padding-bottom: 62px;
  background: url(/img/usr/freepage/gw-home-gourmet/bg01.png) repeat left top / 1417px #FFEBD3;
  background-blend-mode: darken;
}
.gg_mv_inner {
  width: min(100%, 1586px);
  margin-inline: auto;
}
.gg_mv_img {
  margin-bottom: 65px;
}
.gg_mv_lead {
  text-align: center;
  font-size: 22px;
  line-height: 2;
}
.lead_coupon {
  width: 1000px;
  height: 336px;
  margin-inline: auto;
  margin-top: 48px;
  background: url(/img/usr/freepage/gw-home-gourmet/code.jpg) no-repeat center / contain;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
}
.coupon_content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 612px;
  background: #49BED6;
  padding: 9px;
  gap: 38px;
  font-family: var(--yugo);
}
.coupon_content .code {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
}
.coupon_content .code::before {
  content: "クーポンコード";
  font-size: 12px;
  margin-right: 30px;
}
.coupon_content .button button {
  background: rgb(255, 245, 192);
  background: linear-gradient(120deg, rgba(255, 245, 192, 1) 0%, rgba(255, 238, 97, 1) 100%);
  border: none;
  width: 252px;
  padding: 0;
  border-radius: 20px;
  font-size: 12px;
  color: #49BED6;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
}
.coupon_content .button button .copy-value {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
  &.tooltip:after {
    content: "コピーしました！";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #888;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s;
    color: #fff;
}
}
.coupon_note ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 30px;
  width: 420px;
  padding-block: 5px 10px;
  font-family: var(--yugo);
  font-size: 11px;
  color: #49BED6;
}

section#gwgourmet_nav {
  background: #F7CC7B;
  padding: 45px 30px 42px;
}
.gg_nav_inner {
  width: min(100%, 1200px);
  margin-inline: auto;
}
.gg_nav_title {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-end;
  background: #fff;
  border-radius: 300px;
  width: 610px;
  margin-inline: auto;
  margin-bottom: 52px;
  padding-block: 4px 8px;
  color: #503422;
  font-size: 28px;
  font-weight: bold;
}
.gg_nav_title p {
  position: relative;
}
.gg_nav_title p:before {
  content: "";
  display: inline-block;
  width: 54px;
  height: 67px;
  background: url(/img/usr/freepage/gw-home-gourmet/ill01.png) no-repeat center / contain;
  position: absolute;
  right: 0;
  bottom: 0;
  translate: 100% 0%;
}
.gg_nav_title p:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 28px;
  background: url(/img/usr/freepage/gw-home-gourmet/fukidashi.png) no-repeat center / contain;
  position: absolute;
  right: 0;
  bottom: 0;
  translate: -20% 100%;
}
.gg_nav_title .color {
  color: #FF6700;
  font-size: 33px;
}
.gg_nav_content ul {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  gap: 20px;
}
.gg_nav_content li {
  flex: 1;
  margin-bottom: 15px;
  background: #FF9700;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.gg_nav_content li:nth-of-type(even) {
  margin-block: 15px 0;
  background: #FF6200;
}
.gg_nav_content li:before {
  content: "";
  width: 100%;
  height: 23px;
  background: #FFC400;
  position: absolute;
  left: 0;
  bottom: 0;
}
.gg_nav_content li:nth-of-type(even):before {
  background: #FF7F00;
}
.gg_nav_content li:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(/img/usr/freepage/gw-home-gourmet/ankbtn.png) no-repeat center / 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: soft-light;
}
.gg_nav_content a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-block: 24px 50px;
  text-align: center;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
.gg_nav_content a:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  translate: -50% -100%;
  rotate: 45deg;
}



section#gwgourmet_ranking {
  padding: 78px 30px 85px;
  background: url(/img/usr/freepage/gw-home-gourmet/bg02.jpg) repeat center / 143px auto;
}
.gg_ranking_inner {
  width: min(100%, 1200px);
  margin-inline: auto;
}
.gg_rankin_title {
  text-align: center;
  color: #503422;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 32px;
}
html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend {
  width: calc(100% - 110px);
  margin-inline: auto;
}

html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-next, html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-prev {
  display: flex;
  width: 45px;
  height: 45px;
  background: #503422;
  border-radius: 300px;
  top: 50%;
}
html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-next {
  right: -55px;
}
html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-prev {
  left: -55px;
}
html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-next::before, html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-prev::before, html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-next::after, html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-prev::after {
  background: #fff;
  border-radius: 300px;
  content: "";
  height: 2px;
  position: absolute;
}
html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-next::before {
  width: 9px;
  transform: translate(-50%, -50%) rotate(45deg);
  right: 8px;
  left: inherit;
  top: calc(50% - 1px);
}
html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-prev::before {
  width: 9px;
  transform: translate(-50%, -50%) rotate(-45deg);
  left: 18px;
  top: calc(50% - 1px);
}
html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-next::after,
html[data-browse-mode=P] #gwgourmet .block-ranking-lightningrecommend .swiper-button-prev::after {
  width: 17px;
  top: calc(50% + 2px);
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% + 2px);
}
.block-ranking-lightningrecommend .block-ranking-r--items li {flex-wrap: nowrap;}
html[data-browse-mode=S] .block-ranking-lightningrecommend .block-ranking-r--items {
  overflow: auto;
}
html[data-browse-mode=S] .block-ranking-lightningrecommend .block-ranking-r--items li {
  width: 100%;
  padding-inline: 20px;;
}
html[data-browse-mode=S] .block-ranking-lightningrecommend .block-ranking-r--items li .block-ranking-r--goods {
  width: 200px;
}
html[data-browse-mode=S] .block-ranking-lightningrecommend .block-ranking-r--items li .block-ranking-r--goods:not(:nth-of-type(1)) {
  margin-left: 20px;
}
.block-ranking-lightningrecommend .block-ranking-r--items dl {
  background: #fff;
  height: auto;
}
.block-ranking-lightningrecommend .block-ranking-r--goods-image .block-ranking-r--rank {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  background: #fff;
  color: #D19223;
  font-family: var(--noto);
  font-style: normal;
  font-size: 23px;
  text-shadow: none;
  left: 0;
  top: 0;
}
.block-ranking-lightningrecommend .block-ranking-r--goods:hover .block-ranking-r--goods-description {
  animation: none;
}
#gwgourmet .block-ranking-lightningrecommend .block-ranking-r--goods-description {
  position: relative;
  height: auto;
  display: flex;
  flex-direction: column;
  opacity: 1;
  margin: 0;
  padding: 20px;
  background: none;
  pointer-events: auto;
}
#gwgourmet .block-ranking-lightningrecommend .block-ranking-r--goods-description div:has(.starability-result[data-rating="0"]) {
  opacity: 0;
}
#gwgourmet .block-ranking-lightningrecommend .revico-star {display: inline-block;}
#gwgourmet .revico-star .revico-star-block {
  justify-content: flex-start;
}
#gwgourmet .block-ranking-lightningrecommend .revico-star .revico-star-block--rate {
  transform: none;
}
#gwgourmet .block-ranking-lightningrecommend .revico-star-block--title {
  display: inline-block;
  margin-left: 10px;
  color: #6A3E3E;
}
.block-ranking-lightningrecommend .revico-star-block--total {
  color: #6A3E3E;
  margin: 0;
}
#gwgourmet .block-ranking-lightningrecommend .block-ranking-r--goods-name {
  text-align: left;
}
#gwgourmet .block-ranking-lightningrecommend .block-ranking-r--goods-name a {
  margin-bottom: 16px;
  display: inline-block;
  color: #6A3E3E;
  font-size: 14px;
}
#gwgourmet .block-ranking-lightningrecommend .block-ranking-r--price {
  color: #6A3E3E;
  text-align: left;
  font-size: 16px;
}



section#gg_section01 {
  background: url(/img/usr/freepage/gw-home-gourmet/bg04.jpg) no-repeat center / cover;
  padding: 105px 30px 82px;
}
.gg_s01_inner {
  background: url(/img/usr/freepage/gw-home-gourmet/map.png) no-repeat center / contain;
  width: min(100%, 1200px);
  height: 1140px;
  margin-inline: auto;
  position: relative;
}
.gg_s01_title {
  color: #503422;
  font-size: 63px;
  font-weight: bold;
  position: relative;
  top: 80px;
}
.gg_s01_content li a {
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.gg_s01_content .area_num {
  color: #893C04;
  font-family: var(--vietnam);
  font-size: 42px;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: 0;
  translate: calc(-50% - 115px) -2px;
  mix-blend-mode: darken;
}
.gg_s01_content .area_num:before {
  content: "Area";
  display: inline-block;
  font-family: var(--kaushan);
  font-size: 22px;
  background: #fff;
  border-bottom: 1px solid ;
  padding: 2px 4px;
  position: absolute;
  left: 0;
  top: -10px;
  translate: -50% 0%;
  rotate: -45deg;
}
.gg_s01_content .area_name {
  width: 216px;
  border-bottom: 4px solid #893C04;
  color: #893C04;
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  margin-inline: auto;
  margin-bottom: 32px;
  padding-bottom: 4px;
}
.gg_s01_content li {
  position: absolute;
}
.gg_s01_content .area01 {
  right: 0;
  top: 0;
}
.gg_s01_content .area02 {
  right: 50px;
  top: 340px;
}
.gg_s01_content .area03 {
  left: 430px;
  top: 280px;
}
.gg_s01_content .area04 {
  right: 90px;
  bottom: 300px;
}
.gg_s01_content .area05 {
  right: 330px;
  bottom: 120px;
}
.gg_s01_content .area06 {
  left: 100px;
  top: 370px;
}
.gg_s01_content .area07 {
  left: 320px;
  bottom: 0;
}
.gg_s01_content .area08 {
  left: 0;
  bottom: 180px;
}



section#gg_section02 {
  padding: 130px 30px 88px;
  background: url(/img/usr/freepage/gw-home-gourmet/bg03.jpg) repeat center / 96px auto;
}
.gg_s02_inner {
  width: min(100%, 1568px);
  margin-inline: auto;
  background: #FFF4EA;
  padding: 70px 80px 75px;
  position: relative;
}
.gg_s02_decoration:before {
  content: "";
  display: inline-block;
  width: 160px;
  height: 160px;
  background: url(/img/usr/freepage/gw-home-gourmet/ill02.png) no-repeat center top 30px / 63px auto #fff4ea;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 0;
  translate: -50% -40%;
}
.gg_s02_decoration:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 25px;
  background: url(/img/usr/freepage/gw-home-gourmet/bar02.png) no-repeat center / contain;
  position: absolute;
  left: 50%;
  bottom: 30px;
  translate: -50% 0%;
}
.gg_s02_decoration .kado {
    display: inline-block;
    width: 86px;
    height: 86px;
    background: url(/img/usr/freepage/gw-home-gourmet/kado.png) no-repeat center / contain;
    position: absolute;
}
.gg_s02_decoration .kado:nth-of-type(1) {
    right: 30px;
    top: 30px;
}
.gg_s02_decoration .kado:nth-of-type(2) {
    right: 30px;
    bottom: 30px;
    rotate: 90deg;
}
.gg_s02_decoration .kado:nth-of-type(3) {
    left: 30px;
    bottom: 30px;
    rotate: 180deg;
}
.gg_s02_decoration .kado:nth-of-type(4) {
    left: 30px;
    top: 30px;
    rotate: 270deg;
}
.bar {
  width: 1px;
  height: calc(100% - 400px);
  background: #482520;
  position: absolute;
  top: 50%;
  translate: 0% -50%;
}
.bar:nth-of-type(even) {
  left: 36px;
}
.bar:nth-of-type(odd) {
  right: 36px;
}
.bar:before, .bar:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 28px;
  background: url(/img/usr/freepage/gw-home-gourmet/arrow.png) no-repeat center / contain;
  position: absolute;
  left: 50%;
}
.bar:before {
  top: 0;
  translate: -50% -100%;
}
.bar:after {
  bottom: 0;
  translate: -50% 100%;
  rotate: 180deg;
}
.bar span {
  display: inline-block;
  width: 10px;
  height: 120px;
  background: url(/img/usr/freepage/gw-home-gourmet/bar01.png) no-repeat center / contain #fff4ea;
  position: absolute;
  left: 50%;
  top: 380px;
  translate: -50% 0%;
}
.gg_s02_head {
  width: 684px;
  border-top: 1px dashed #000;
  margin-inline: auto;
  margin-bottom: 60px;
  padding-top: 30px;
  position: relative;
}
.gg_s02_head:before,
.gg_s02_head:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 300px;
  position: absolute;
  top: 0;
}
.gg_s02_head:before {
  left: 0;
  translate: -200% -50%;
}
.gg_s02_head:after {
  right: 0;
  translate: 200% -50%;
}
.gg_s02_title {
  text-align: center;
  color: #503422;
  font-size: 39px;
  font-weight: bold;
  margin-bottom: 35px;
}
.gg_s02_catch {
  text-align: center;
  color: #503422;
  font-size: 19px;
  font-weight: bold;
}
.gg_s02_nav {
  width: min(100%, 1110px);
  margin-inline: auto;
  margin-bottom: 28px;
}
.gg_s02_nav ul {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  align-items: stretch;
}
.gg_s02_nav li {
  flex: 1;
}
.gg_s02_nav a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 22px 28px 32px;
  text-align: center;
  text-decoration: none;
}
.gg_s02_nav_title {
  margin-top: 18px;
  color: #543010;
  font-family: var(--noto);
  font-size: 26px;
  font-weight: bold;
}
.gg_s02_nav_en {
  margin-top: 2px;
  color: #543010;
  font-family: var(--noto);
  font-size: 12px;
  font-weight: 500;
  display: none;
}
.gg_s02_nav_decoration {
  width: 450px;
  margin-inline: auto;
  border-bottom: 1px dotted #482520;
  margin-top: 70px;
  position: relative;
}
.gg_s02_nav_decoration:before,
.gg_s02_nav_decoration:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #482520;
  rotate: 45deg;
  position: absolute;
  top: 0;
}
.gg_s02_nav_decoration:before {
  left: 0;
  translate: -10px -50%;
}
.gg_s02_nav_decoration:after {
  right: 0;
  translate: 10px -50%;
}
.gg_s02_nav_decoration .decoration01:before,
.gg_s02_nav_decoration .decoration01:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #482520;
  rotate: 45deg;
  position: absolute;
  top: 0;
}
.gg_s02_nav_decoration .decoration01:before {
  left: 0;
  translate: 0 -50%;
}
.gg_s02_nav_decoration .decoration01:after {
  right: 0;
  translate: 0 -50%;
}
.gg_s02_nav_decoration .decoration02:before,
.gg_s02_nav_decoration .decoration02:after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #482520;
  rotate: 45deg;
  position: absolute;
  top: 0;
}
.gg_s02_nav_decoration .decoration02:before {
  left: 0;
  translate: 7px -50%;
}
.gg_s02_nav_decoration .decoration02:after {
  right: 0;
  translate: -7px -50%;
}
.gg_s02_content {
  width: min(100%, 1080px);
  margin-inline: auto;
}
.gg_s02_content > ul {
  display: flex;
  flex-flow: column wrap;
  gap: 92px;
}
.gg_s02_section_head {
  text-align: center;
  margin-bottom: 20px;
}
.gg_s02_section_head_img {
  width: 68px;
  margin-inline: auto;
}
.gg_s02_section_head_title {
  color: #543010;
  font-family: var(--noto);
  font-size: 32px;
  font-weight: bold;
}
.gg_s02_section_head_en {
  color: #543010;
  font-family: var(--noto);
  font-size: 12px;
  font-weight: 500;
  display: none;
}



#gg_section02 .gg_s02_section_content ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  align-items: stretch;
}
html[data-browse-mode=S] #gg_section02 .gg_s02_section_content ul {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 20px;
  scrollbar-color: #c7a176 #c7a176;
  padding-bottom: 10px;
}
#gg_section02 .gg_s02_section_content ul li {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  background: #fff;
  position: relative;
}
html[data-browse-mode=S] #gg_section02 .gg_s02_section_content ul li {
  width: 173px;
  min-width: 173px;
  max-width: 173px;
}
#gg_section02 .gg_s02_section_content ul li a {
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    width: 100%;
    height: 100%;
    color: #333;
    font-family: var(--yugo);
}
html[data-browse-mode=P] #gg_section02 .gg_s02_section_content ul li a {
  transition: .4s;
}
html[data-browse-mode=P] #gg_section02 .gg_s02_section_content ul li a:hover {
  opacity: .7;
}
#gg_section02 .item_img {
  margin-bottom: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
html[data-browse-mode=P] #gg_section02 .item_img {height: 200px;}
html[data-browse-mode=S] #gg_section02 .item_img {height: 173px;}
#gg_section02 .item_rating {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-inline: 20px;
  height: 26px;
}
#gg_section02 .item_star {
  font-size: 16px;
  line-height: 1;
  margin-right: 10px;
  position: relative;
  color: #ccc;
}
#gg_section02 .item_star.rat0 {
  opacity: 0;
}
#gg_section02 .item_star:before {
  content: "★★★★★";
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #C7A276;
  position: absolute;
}
#gg_section02 .item_star.rat49:before {width: 98%;}
#gg_section02 .item_star.rat48:before {width: 96%;}
#gg_section02 .item_star.rat47:before {width: 94%;}
#gg_section02 .item_star.rat46:before {width: 92%;}
#gg_section02 .item_star.rat45:before {width: 90%;}
#gg_section02 .item_star.rat44:before {width: 88%;}
#gg_section02 .item_star.rat43:before {width: 86%;}
#gg_section02 .item_star.rat42:before {width: 84%;}
#gg_section02 .item_score {
  font-size: 14px;
  line-height: 1.4;
}
#gg_section02 .item_name {
  margin-bottom: 12px;
  padding-inline: 20px;
  font-size: 14px;
  font-weight: bold;
}
#gg_section02 .item_price {
  font-size: 16px;
  margin: auto 20px 12px;
}
#gg_section02 .item_price span.tax {
  font-size: 12px;
}
#gg_section02 .item_shop {
  width: calc(100% - 40px);
  color: #BF84BF;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  margin-inline: auto;
  margin-bottom: 10px;
}
#gg_section02 .gg_s02_section_content ul:has(.item_shop:not(:empty)) .item_shop {
  min-height: 24px;
}
#gg_section02 .gg_s02_section_content ul:not(:has(.item_star:not(.rat0))) .item_rating {
  display: none;
}

.gg_s02_section_btn {
  margin-top: 28px;
}
.gg_s02_section_btn a {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-inline: auto;
  padding: 8px;
  background: #D0670D;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  text-decoration: none;
}
section#gg_section03 {
  background: #FFEBD3;
  padding: 95px 30px 68px;
}
.gg_s03_inner {
  width: min(100%, 1200px);
  margin-inline: auto;
}
.gg_s03_title {
  margin-bottom: 24px;
  position: relative;
  text-align: center;
}
.gg_s03_title p {
  display: inline-block;
  background: #FFEBD3;
  color: #503422;
  font-size: 33px;
  font-weight: bold;
  padding-inline: 44px;
  position: relative;
}
.gg_s03_title:before {
  content: "";
  display: inline-block;
  width: 100%;
  border: 2px dashed #503422;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.gg_s03_title:after {
  content: "";
  display: inline-block;
  width: 56px;
  height: 18px;
  background: url(/img/usr/freepage/gw-home-gourmet/ic01.png) no-repeat left center / contain #FFEBD3;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0% -70%;
}
.gg_s03_text {
  text-align: center;
  color: #503422;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 32px;
}
.gg_s03_content ul {
  display: flex;
  flex-flow: row wrap;
  gap: 30px;
  justify-content: center;
  align-items: stretch;
}
.gg_s03_content li {
  width: 320px;
}
.gg_s03_content a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 10px;
  box-shadow: 0 3px 6px #5c331122;
  text-decoration: none;
}
.gg_s03_item_text {
  margin-top: 30px;
  text-align: center;
  color: #DB2200;
  font-size: 26px;
  font-weight: bold;
}
section#gg_section04 {
  background: #FFEBD3;
  padding: 68px 30px;
}
.gg_s04_inner {
  width: min(100%, 1200px);
  margin-inline: auto;
}
.gg_s04_title {
  margin-bottom: 42px;
  position: relative;
  text-align: center;
}
.gg_s04_title p {
  display: inline-block;
  background: #FFEBD3;
  color: #503422;
  font-size: 33px;
  font-weight: bold;
  padding-inline: 44px;
  position: relative;
}
.gg_s04_title:before {
  content: "";
  display: inline-block;
  width: 100%;
  border: 2px dashed #503422;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.gg_s04_title:after {
  content: "";
  display: inline-block;
  width: 56px;
  height: 18px;
  background: url(/img/usr/freepage/gw-home-gourmet/ic01.png) no-repeat left center / contain #FFEBD3;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0% -70%;
}
.gg_s04_content ul {
  display: flex;
  flex-flow: row wrap;
  gap: 17px;
  justify-content: center;
  align-items: stretch;
}
.gg_s04_content li {
  flex: 1;
}
.gg_s04_content a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #D0670E;
  box-shadow: inset 0 0 16px #D0670E;
  border-radius: 300px;
  padding-block: 18px;
  text-align: center;
  color: #fff;
  font-family: var(--noto);
  font-size: 27px;
  font-weight: bold;
  text-decoration: none;
  transition: .3s;
}
.gg_s04_content a .unit {
  font-size: 23px;
}

section#gg_section05 {
  background: #FFEBD3;
  padding: 0 30px 130px;
}
.gg_s05_inner {
  width: min(100%, 1200px);
  margin-inline: auto;
}
.gg_s05_bar {
  margin-bottom: 42px;
  width: 100%;
  border: 2px dashed #503422;
}
.allbtn a {
  display: grid;
  place-items: center;
  width: 80%;
  max-width: 400px;
  padding-block: 16px;
  background: #503422;
  border-radius: 6px;
  margin-inline: auto;
  color: #fff;
  font-size: 110%;
  text-decoration: none;
  position: relative;
  transition: .4s;
}
.allbtn a:before {
  content: "";
  display: inline-block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #fff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


/*ホバー効果*/
@keyframes gg_nav {
  from {
    translate: 0 0;
  }
  to {
    translate: 0 8px;
  }
}
html[data-browse-mode=P] {
.gg_nav_content li:hover {
  animation: .3s ease-in 0s infinite alternate gg_nav;
}
.gg_s01_content :is(.area_name,.area_num,.area_img) {
  transition: .3s;
}
.gg_s01_content a:hover .area_img img {
  opacity: 1;
}
.gg_s01_content a:hover .area_img {
  scale: 1.025;
}
.gg_s01_content .area01 a:hover :is(.area_name,.area_num,.area_num:before) {
  color: var(--area01);
  border-color: var(--area01);
}
.gg_s01_content .area02 a:hover :is(.area_name,.area_num,.area_num:before) {
  color: var(--area02);
  border-color: var(--area02);
}
.gg_s01_content .area03 a:hover :is(.area_name,.area_num,.area_num:before) {
  color: var(--area03);
  border-color: var(--area03);
}
.gg_s01_content .area04 a:hover :is(.area_name,.area_num,.area_num:before) {
  color: var(--area04);
  border-color: var(--area04);
}
.gg_s01_content .area05 a:hover :is(.area_name,.area_num,.area_num:before) {
  color: var(--area05);
  border-color: var(--area05);
}
.gg_s01_content .area06 a:hover :is(.area_name,.area_num,.area_num:before) {
  color: var(--area06);
  border-color: var(--area06);
}
.gg_s01_content .area07 a:hover :is(.area_name,.area_num,.area_num:before) {
  color: var(--area07);
  border-color: var(--area07);
}
.gg_s01_content .area08 a:hover :is(.area_name,.area_num,.area_num:before) {
  color: var(--area08);
  border-color: var(--area08);
}
.gg_s01_content .area01 a:hover .area_img {
  filter: drop-shadow(0 0 20px var(--area01));
}
.gg_s01_content .area02 a:hover .area_img {
  filter: drop-shadow(0 0 20px var(--area02));
}
.gg_s01_content .area03 a:hover .area_img {
  filter: drop-shadow(0 0 20px var(--area03));
}
.gg_s01_content .area04 a:hover .area_img {
  filter: drop-shadow(0 0 20px var(--area04));
}
.gg_s01_content .area05 a:hover .area_img {
  filter: drop-shadow(0 0 20px var(--area05));
}
.gg_s01_content .area06 a:hover .area_img {
  filter: drop-shadow(0 0 20px var(--area06));
}
.gg_s01_content .area07 a:hover .area_img {
  filter: drop-shadow(0 0 20px var(--area07));
}
.gg_s01_content .area08 a:hover .area_img {
  filter: drop-shadow(0 0 20px var(--area08));
}
.gg_s02_nav a {
  transition: .3s;
}
.gg_s02_nav a:hover {
  box-shadow: inset 0 0 8px #bc580075;
  background: none;
  .gg_s02_nav_img img{
    opacity: 1;
  }
}
.gg_s03_item_img {
  overflow: hidden;
}
.gg_s03_content a,
.gg_s03_item_img img {
  transition: .3s;
}
.gg_s03_content a:hover {
  box-shadow: 0 3px 6px #ff740055;
}
.gg_s03_content a:hover .gg_s03_item_img img {
  scale: 1.02;
  opacity: 1;
  filter: contrast(1.25);
}
.gg_s02_section_btn a {
  /*transition: .5s;
  border: 2px solid #D0670D;
  position: relative;
  overflow: hidden;*/
  transition: .3s;
  box-shadow: inset 0 0 16px #D0670E;
}
.gg_s02_section_btn a:hover {
  /*background: #FFF4EA;
  color: #D0670D;*/
  background: #543010;
}
.gg_s02_section_btn a p {
  position: relative;
}
/*.gg_s02_section_btn a:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0%;
  background: #FFF4EA;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  transition: .5s;
  opacity: 0;
}
.gg_s02_section_btn a:hover:before {
  height: 100%;
  opacity: 1;
}
.gg_s02_section_btn a:after {
  content: "";
  display: inline-block;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 1px solid #D0670D;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}*/
.gg_s04_content a:hover {
  background: #503422;
}
.allbtn a,
.allbtn a:before {
  transition: .3s;
  
}
.allbtn a:hover,
.allbtn a:hover:before {
  box-shadow: inset 0 0 16px #D0670E;
}
}

html[data-browse-mode=S] {
  #gwgourmet_mv {
    padding-bottom: 38px;
  }
  .gg_mv_img {
    margin-bottom: 40px;
  } 
  .gg_mv_lead {
    font-size: 17px;
    line-height: 1.7;
  }
  .lead_coupon {
    width: 375px;
    height: 200px;
    background-image: url(/img/usr/freepage/gw-home-gourmet/code_sp.jpg);
    margin-top: 28px;
  }
  .coupon_content {
    width: 85%;
    gap: 20px;
    padding: 6px 0;
  } 
  .coupon_content .code {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .coupon_content .code::before {
    margin: 0;
  }
  .coupon_content .button {
    width: 40%;
}
.coupon_content .button button {
    width: 100%;
    border-radius: 10px;
}
.coupon_note ul {
  font-size: 8px;
  padding-block: 2px;
  width: 72%;
  margin-inline: auto;
}
  section#gwgourmet_nav {
    padding: 25px 20px;
  }
  .gg_nav_title {
    width: min(100%, 390px);
    margin-bottom: 32px;
    padding-block: 4px;
    font-size: 18px;
  }
  .gg_nav_title .color {
    font-size: 20px;
  }
  .gg_nav_title p:before {
    width: 34px;
    height: 43px;
  }
  .gg_nav_title p:after {
    width: 25px;
    height: 17px;
  }
  .gg_nav_content ul {
    gap: 12px;
  }
  .gg_nav_content li {
    flex: initial;
    width: calc(50% - 6px);
    margin-bottom: 8px;
  }
  .gg_nav_content li:nth-of-type(even) {
    margin-block: 8px 0;
  }
  .gg_nav_content a {
    padding-block: 14px 30px;
    font-size: 16px;
  }
  section#gwgourmet_ranking {
    padding: 30px 20px;
    background-size: 60px auto;
  }
  .gg_rankin_title {
    font-size: 23px;
    margin-bottom: 25px;
  }
  section#gg_section01 {
    padding: 0;
  }
  .gg_s01_inner {
    background-image: url(/img/usr/freepage/gw-home-gourmet/map_sp.png);
    height: auto;
    padding: 44px 0px 78px;
  }
  .gg_s01_title {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 23px;
    margin-bottom: 38px;
    top: initial;
  }
  .gg_s01_content li {
    position: relative;
    inset: initial !important;
    width: max(40%, 160px);
  }
  .gg_s01_content ul {
    display: flex;
    flex-flow: row wrap;
    gap: 36px 30px;
    justify-content: center;
  }
  .gg_s01_content li a {
    width: 100%;
  }
  .gg_s01_content .area_num {
    font-size: 32px;
    mix-blend-mode: normal;
    left: 0;
    translate: 10px -2px;
  }
  .gg_s01_content .area_num:before {
    font-size: 17px;
    background: #EEE3D8;
  }
  .gg_s01_content .area_name {
    width: calc(100% - 36px);
    margin-left: 36px;
    border-bottom-width: 3px;
    font-size: 19px;
    margin-bottom: 12px;
    padding-left: 10px;
  }
  .gg_s01_content .area_img {
    width: 100%;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .gg_s01_content .area_img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  section#gg_section02 {
    padding: 100px 20px 45px;
  }
  .gg_s02_inner {
    padding: 66px 20px 96px;
  }
  .gg_s02_decoration:before {
    width: 120px;
    height: 84px;
    background-size: 40px auto;
    background-position: center top 34px;
  }
  .gg_s02_decoration .kado {
    width: 33px;
    height: 33px;
  }
  .gg_s02_decoration .kado:nth-of-type(1) {
    right: 13px;
    top: 26px;
  }
  .gg_s02_decoration .kado:nth-of-type(2) {
    right: 13px;
    bottom: 13px;
  }
  .gg_s02_decoration .kado:nth-of-type(3) {
    left: 13px;
    bottom: 13px;
  }
  .gg_s02_decoration .kado:nth-of-type(4) {
    left: 13px;
    top: 26px;
  }
  .bar {
    display: none;
  }
  .gg_s02_head {
    width: calc(100% - 75px);
    margin-bottom: 16px;
    padding-top: 14px;
  }
  .gg_s02_head:before, .gg_s02_head:after {
    width: 4px;
    height: 4px;
  }
  .gg_s02_head:before {
    translate: -14px -50%;
  }
  .gg_s02_head:after {
    translate: 14px -50%;
  }
  .gg_s02_title {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .gg_s02_catch {
    font-size: 14px;
    margin-inline: -55px;
  }
  .gg_s02_nav ul {
    gap: 10px 12px;
    justify-content: center;
  }
  .gg_s02_nav li {
    flex: initial;
    width: calc(33% - 8px);
  }
  .gg_s02_nav a {
    padding: 12px 14px 16px;
  }
  .gg_s02_nav_title {
    margin-top: 8px;
    font-size: 14px;
  }
  .gg_s02_nav_en {
    font-size: 7px;
  }
  .gg_s02_nav_decoration {
    width: calc(100% - 20px);
    margin-top: 43px;
  }
  .gg_s02_content > ul {
    gap: 40px;
  }
  .gg_s02_content > ul > li, .gg_s02_section_body, .gg_s02_section_content {
    width: 100%;
    overflow: hidden;
  }
  .gg_s02_section_head_img {
    width: 58px;
  }
  .gg_s02_section_head_title {
    font-size: 21px;
  }
  .gg_s02_section_head_en {
    font-size: 11px;
  }
  .gg_s02_section_btn {
    margin-top: 22px;
  }
  .gg_s02_section_btn a {
    width: 100%;
    font-size: 15px;
  }
  .gg_s02_decoration:after {
    height: 16px;
    background-image: url(/img/usr/freepage/gw-home-gourmet/bar02_sp.png);
    bottom: 12px;
  }
  section#gg_section03 {
    padding: 84px 20px 30px;
  }
  .gg_s03_title {
    margin-bottom: 20px;
  }
  .gg_s03_title:before {
    width: calc(100% - 40px);
    border-width: 1px;
  }
  .gg_s03_title:after {
    width: 54px;
    height: 14px;
  }
  .gg_s03_title p {
    font-size: 23px;
    padding-inline: 18px;
  }
  .gg_s03_text {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .gg_s03_content {
    gap: 13px;
    justify-content: space-between;
  }
  .gg_s03_content ul {
    justify-content: space-between;
    gap: 13px;
  }
  .gg_s03_content li {
    width: calc(50% - 8px);
  }
  .gg_s03_content a {
    padding: 6px 6px 9px;
  }
  .gg_s03_item_text {
    margin-top: 13px;
    margin-inline: -6px;
    font-size: 17px;
  }
  section#gg_section04 {
    padding: 30px 20px ;
  }
  .gg_s04_title {
    margin-bottom: 24px;
  }
  .gg_s04_title:before {
    width: calc(100% - 40px);
    border-width: 1px;
  }
  .gg_s04_title:after {
    width: 54px;
    height: 14px;
  }
  .gg_s04_title p {
    font-size: 23px;
    padding-inline: 18px;
  }
  .gg_s04_content ul {
    gap: 15px 8px;
  }
  .gg_s04_content li {
    flex: initial;
    width: calc(50% - 4px);
  }
  .gg_s04_content a {
    padding-bottom: 14px;
    font-size: 17px;
  }
  .gg_s04_content a .unit {
    font-size: 14px;
  }

}