@charset "utf-8";
/* CSS Document */

/*========= ▼reset ===============*/
/* ブラウザのUAスタイルシートのすべてのスタイルを削除します、displayは除く */
*:where(:not(iframe, canvas, img, svg, video, a):not(svg *)) {all: unset;display: revert;}
/* box-sizingの優先値 */
*, *::before, *::after {box-sizing: border-box;}
/* リストのスタイル（箇条書き・番号）を削除します */
ol,ul {list-style: none;}
/* 画像がコンテナを超えないようにするため */
img {max-width: 100%;}
/* テーブルのセル間のスペースを削除します */
table {border-collapse: collapse;}
/*========= ▲reset ===============*/
*{box-sizing: border-box;}
a {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
text-decoration: none;
    color: #333;
}
a:hover, a:focus, a:active{color: var(--fontColor);} 
body.devPc a:hover{opacity: 1;}
#container > .wrapContent {
padding: 0;
width: 100%;
}

@media screen and (min-width: 701px) {
    a[href^="tel:"] {
    pointer-events: none;
    }
    }

#container > .wrapContent {
padding: 0;
width: 100%;
}

:root {
--fontColor:#000;
--primaryColor:#B48F11;
--secondaryColor:#FE2E36;
--bgColor:#FCF7EE;
--fontYellow:#FFFA77;
--meat1:#F3AA00;
--meat2:#F36900;
--fish:#00B9F3;
--wine:#E9113D;
--sake:#6960B7;
--redColor:#DF0009;
--whiteColor:#fff;
--shadowColor:rgba(0, 0, 0, 0.25);
--qColor:#FFEEB2;
--linkColor:#00A8FF;
}

.font_small {font-size: 80%;}
.font_ss{font-size: 75%;}
.font_large {font-size: 130%;}
.font_ll{font-size: 175%;}
.line_center {text-align: center;}
.line_right{text-align: right;}
.line_left{text-align: left;}
.font_bold{font-weight: bold;}
.font_red {color: var(--redColor);}
.font_yellow{color: var(--fontYellow);}
.font_primary{color: var(--primaryColor);border-bottom: solid 1px var(--secondaryColor);}
img {width: auto;max-width: 100%;vertical-align: bottom;}
.pagesUi{z-index: 999;}
.mt4 {margin-top: 4%;}

img {width: auto;max-width: 100%;vertical-align: bottom;}

/*========= LoadingのためのCSS ===============*/
.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background: var(--primaryColor);
    z-index: 999;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/*========= ▲LoadingのためのCSS ===============*/
#HEADER .global{display: none;}
#CONTENTS, body:not(.noGlobal) #CONTENTS {margin-left: 0;padding: 0;}
#FOOTER{margin-left: 0;}

#Gourmet_Subscription{overflow: hidden;font-family:  "Noto Sans JP", sans-serif;font-optical-sizing: auto; font-style: normal;line-break: strict;overflow-wrap: break-word;word-wrap: break-word;word-break: normal !important;line-height: 1.8;color: var(--fontColor);max-width: 1920px;margin: auto;font-feature-settings: "palt";background: var(--whiteColor);}

#Gourmet_Subscription h2{font-family:  "Noto Sans JP", sans-serif;font-optical-sizing: auto; font-weight: 500;font-style: normal; line-break: strict;word-break: break-word;letter-spacing:inherit;font-size: clamp(22px, 2.4vw, 38px);color: var(--whiteColor);background: var(--primaryColor);text-align: center;line-height: 1.4;position: relative;margin-bottom: 2em;padding: 0.5em;}
#Gourmet_Subscription #sec03 h2{padding: 0;}
#Gourmet_Subscription section {position: relative;margin: 0 auto;padding:0;overflow: hidden;}
#Gourmet_Subscription .sec-inner {position: relative;max-width: 1290px; width: 92%; margin: 0 auto;}

#Gourmet_Subscription #sec02 {margin-top: -5%;}
#Gourmet_Subscription #lpWrapper > .sec-inner {position: relative;background: var(--bgColor);padding-bottom: 5%;}
#Gourmet_Subscription #lpWrapper {margin-top: -6%;}
#Gourmet_Subscription h2::after {content: "";position: absolute;bottom: 0;left: 50%;border-style: solid;border-width: 30px 30px 0 30px;border-color: var(--primaryColor) transparent transparent;translate:-50% 100%;}
#Gourmet_Subscription .categoryUl {display: flex;justify-content: center;}
#Gourmet_Subscription .categoryUl li {flex-basis: 18%;margin: 0 1%;;background: var(--fontColor);border-radius: 5px;position: relative;overflow: hidden;max-width: 221px;box-shadow: 0 7px 14px var(--shadowColor);}
#Gourmet_Subscription .categoryBg {opacity: .5;transition: all .5s;}
#Gourmet_Subscription .categoryTitle {position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;color: var(--whiteColor);font-size: clamp(17px, 1.25vw, 20px);flex-direction: column;}
#Gourmet_Subscription .categoryTitle p {font-size: clamp(13px, 1.25vw, 20px);font-weight: 500;}
#Gourmet_Subscription .categoryArea{margin: 0 3% 7%;}
#Gourmet_Subscription .lead {font-size: clamp(16px, 1.25vw, 20px);text-align: center;line-height: 2.5;font-weight: 500;}
#Gourmet_Subscription .Box {margin: 3% 4% 7%;position: relative;}
#Gourmet_Subscription .categoryTitle > figure {width: 51%;}

#Gourmet_Subscription .illustMeat {position: absolute;width: 8%;top: 25%;left: 1%;}
#Gourmet_Subscription .illustSake {position: absolute;width: 8%;top: 25%;right: 1%;}
#Gourmet_Subscription .illustWine {position: absolute;width: 8%;bottom: 2%;left: 1%;}
#Gourmet_Subscription .illustHam {position: absolute;width: 8%;bottom: 2%;right: 1%;}

#Gourmet_Subscription .cMeat01 h2{background: var(--meat1);}
#Gourmet_Subscription .cMeat01 h2::after {border-color: var(--meat1) transparent transparent;}
#Gourmet_Subscription h4 {font-size: clamp(20px, 1.9vw, 30px);color: var(--primaryColor);text-align: center;}
#Gourmet_Subscription .slider{display: flex;position: relative;flex-wrap: wrap;justify-content: center;}
#Gourmet_Subscription ul.slider li {position: relative;flex-basis: 30.333%;margin: 0 1.5%;}
#Gourmet_Subscription ul.slider li img {margin: auto;width: 100%;position: relative;}
#Gourmet_Subscription .slick-list{overflow: inherit;}



#Gourmet_Subscription .slick-prev, #Gourmet_Subscription .slick-next{width: 60px;height: 60px;background: var(--secondaryColor);border-radius: 50%;text-align: center;transition: all .3s;z-index: 99;}
#Gourmet_Subscription .slick-prev:before, #Gourmet_Subscription .slick-next:before{font-size: 40px;color: #fff;opacity: 1;}
#Gourmet_Subscription .slick-next{right: 10%;}
#Gourmet_Subscription .slick-prev{left: 10%;}
#Gourmet_Subscription .slick-next:before{font-family: "Font Awesome 5 Free";content: '\f105';font-weight: 900;padding-left: 0.2em;}
#Gourmet_Subscription .slick-prev:before{font-family: "Font Awesome 5 Free";content: '\f104';font-weight: 900;padding-left: 0.15em;}
#Gourmet_Subscription .slick-prev:focus, #Gourmet_Subscription .slick-next:focus{background: var(--secondaryColor);}
#Gourmet_Subscription .slick-prev:hover, #Gourmet_Subscription .slick-next:hover{background: var(--primaryColor);}



#Gourmet_Subscription .clay{border-radius: 5px;box-shadow: var(--clay-shadow-outset,0 3px 6px 0 rgba(0,0,0,.25)),inset var(--clay-shadow-inset-primary,0 -3px 6px 0 rgba(0,0,0,.25)),inset var(--clay-shadow-inset-secondary,0 3px 6px 0 hsla(0,0%,100%,.2));}
#Gourmet_Subscription .slideArea {margin: 3% auto;}

#Gourmet_Subscription .productArea {margin: 6% 4% 0;}
#Gourmet_Subscription .flexProduct {display: flex;justify-content: space-around;}
#Gourmet_Subscription .flexProduct .proImg, #Gourmet_Subscription .flexProduct .proSum {flex-basis: 44%;}
#Gourmet_Subscription .proTitle{font-size: clamp(19px, 1.6vw, 26px);font-weight: 600;margin-bottom: 0.5em;}
#Gourmet_Subscription .proTxt{font-size: clamp(14px, 1.1vw, 17px);}
#Gourmet_Subscription .proRecom {background: var(--whiteColor);border: solid 1px var(--primaryColor);border-radius: 5px;padding: 0.7em 1em;margin: 1em auto;}
#Gourmet_Subscription .proRecom dt {font-size: clamp(16px, 1.2vw, 19px);font-weight: 700;color: var(--primaryColor);}
#Gourmet_Subscription .proRecom dd {padding-left: 2.5em;position: relative;font-size: clamp(14px, 1.1vw, 17px);}
#Gourmet_Subscription .proRecom dd::before {padding-left: 1em;font-family: "Font Awesome 5 Free";content: "\f00c";font-weight: 900;color: var(--primaryColor);position: absolute;left: 0;}
#Gourmet_Subscription .proPrice {text-align: right;font-size: clamp(19px, 1.6vw, 26px);font-weight: 500;color: var(--redColor);}
#Gourmet_Subscription .proPrice .per {color: var(--fontColor);}
#Gourmet_Subscription .btnArea{text-align: right;margin: 1em auto;}
#Gourmet_Subscription .btnArea a {display: inline-block; font-size: clamp(18px, 1.4vw, 22px);font-weight: 500;color: var(--whiteColor);background: var(--redColor);padding: 1.2em;width: 100%; max-width: 410px;text-align: center;transition: all .5s;border-radius: 5px;position: relative;}
#Gourmet_Subscription .btnArea a::after {content: "";background: rgba(255, 255, 255, 0);position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;transition: all .5s;}

#Gourmet_Subscription .cMeat02 h2{background: var(--meat2);}
#Gourmet_Subscription .cMeat02 h2::after {border-color: var(--meat2) transparent transparent;}
#Gourmet_Subscription .cFish h2{background: var(--fish);}
#Gourmet_Subscription .cFish h2::after {border-color: var(--fish) transparent transparent;}
#Gourmet_Subscription .cWine h2{background: var(--wine);}
#Gourmet_Subscription .cWine h2::after {border-color: var(--wine) transparent transparent;}
#Gourmet_Subscription .cSake h2{background: var(--sake);}
#Gourmet_Subscription .cSake h2::after {border-color: var(--sake) transparent transparent;}

#Gourmet_Subscription .ulPoint {margin: 3.5% 0;position: relative;background: var(--whiteColor);box-shadow: 0px 7px 14px var(--shadowColor);display: flex;justify-content: space-around;width: 65%;max-width: 850px;padding: 1.5em;}
#Gourmet_Subscription .pointSum{flex-basis: 72%;}
#Gourmet_Subscription .pointImg{flex-basis: 23%;}
#Gourmet_Subscription .pointoTitle{font-size: clamp(19px, 1.75vw, 28px);font-weight: 500;color: var(--secondaryColor);}
#Gourmet_Subscription .pointTxt {font-size: clamp(18px, 1.44vw, 23px);font-weight: 500;}
#Gourmet_Subscription .Box2 {margin: 3% 0 7%;position: relative;}
#Gourmet_Subscription .ulReverse{margin-left: auto;}
#Gourmet_Subscription .abWine{position: absolute;top: -2%;right: 8%;width: 15%;}
#Gourmet_Subscription .abSteak{position: absolute;top: 34%;left: 3%;width: 29%;}
#Gourmet_Subscription .abSake{position: absolute;bottom: 4%; right: 11%;width: 11%;}
#Gourmet_Subscription .abShioyaki {position: absolute;bottom: -20%;left: 3%;width: 28%;}
#Gourmet_Subscription .benefit {font-size: clamp(18px, 1.5vw, 24px);}
#Gourmet_Subscription .notice {font-size: clamp(12px, 0.95vw, 15px); margin-top: 2em;}
#Gourmet_Subscription .Box3{margin: 3% 9% 7%;position: relative}
#Gourmet_Subscription .illustCoupon {position: absolute;top: 53%;right: 10%;width: 20%;}

#Gourmet_Subscription .faq dt {font-size: clamp(18px, 1.5vw, 24px);padding: 1em;background: var(--qColor);}
#Gourmet_Subscription .qTitle {color: var(--primaryColor);}
#Gourmet_Subscription .faq dd {position: relative;display: flex;padding: 1em 2em 2em;}
#Gourmet_Subscription .aTxt {font-size: clamp(15px, 1.15vw, 18px);padding-left: 1em;margin-top: 5px;}
#Gourmet_Subscription .aTitle{font-size: clamp(18px, 1.5vw, 24px);color: var(--primaryColor);flex-basis: 2em;}
#Gourmet_Subscription .txtLink {color: var(--linkColor);}
#Gourmet_Subscription .txtLink i {font-size: 80%;margin-left: 5px;margin-right: 5px;}

#Gourmet_Subscription .bnrArea{margin: 3% auto;}
#Gourmet_Subscription .ulBnr{position: relative;display: flex;justify-content: space-around;}
#Gourmet_Subscription .ulBnr li {flex-basis: 46%;}
#Gourmet_Subscription .ulBnr li a {display: block;transition: all .5s;}

#link01, #link02, #link03, #link04, #link05 {margin-top: -100px;padding-top: 100px;}


@media (any-hover: hover) {
/*:hover はここに書く*/
#Gourmet_Subscription .categoryUl li:hover .categoryBg {transform: scale(1.1);opacity: .8;}
#Gourmet_Subscription .btnArea a:hover {box-shadow: 0 5px 10px var(--shadowColor);transform: translateY(-10px);}
#Gourmet_Subscription .btnArea a:hover::after {background: rgba(255, 255, 255, .15);}
#Gourmet_Subscription .ulBnr li a:hover {box-shadow: 0 5px 10px var(--shadowColor);transform: translateY(-10px); }
}

  
/************************************************************/@media screen and (max-width: 1279px) {
  #HEADER .global{display: block;}
}

/************************************************************/@media screen and (max-width: 768px) {
  #Gourmet_Subscription .slick-prev, #Gourmet_Subscription .slick-next{width: 50px;height: 50px;}
  #Gourmet_Subscription .slick-prev:before, #Gourmet_Subscription .slick-next:before {font-size: 40px;}
    #Gourmet_Subscription .abShioyaki{bottom: -16%;}    

.pad-pc {display: block !important;}
.pc-cam {display: none !important;}
.sp-cam {display: none !important;}
}

/************************************************************/@media screen and (max-width: 700px) {
  #Gourmet_Subscription .categoryUl {flex-wrap: wrap;justify-content: center;}
  #Gourmet_Subscription .categoryUl li {flex-basis: 47%;margin: 0 1.5% 4%;}
  #Gourmet_Subscription .lead {line-height: 1.9;}
    #Gourmet_Subscription ul.slider li{flex-basis: 47%;margin: 0 1.5% 3%;}
    #Gourmet_Subscription .productArea{margin: 0 4%;}
  
  #Gourmet_Subscription .flexProduct{flex-direction: column;}
  #Gourmet_Subscription .btnArea a{padding: 1.1em;}
  #Gourmet_Subscription .ulPoint {width: 90%;}
  #Gourmet_Subscription .abWine{top: -4%;right: -2%;}
  #Gourmet_Subscription .abSteak{left: -8%;}
  #Gourmet_Subscription .abSake{right: -1%;}
  #Gourmet_Subscription .abShioyaki{bottom: -7%;left: -4%;}
  #Gourmet_Subscription .illustCoupon{top: 64%;right: 1%;width: 30%;}
  #Gourmet_Subscription .faq dd{flex-direction: column;padding: 1em 1em 2em;}
  #Gourmet_Subscription .aTxt{margin-top: 0;}
  #Gourmet_Subscription .ulBnr{flex-direction: column;}
  #Gourmet_Subscription .ulBnr li{margin-bottom: 10px;}
  
.sp-cam {display: block!important;}
.pad-sp {display: block !important;}
.pc-cam {display: none !important;}
.pad-cam {display: none !important;}
.pad-pc {display: none !important;}
}