@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Zen+Old+Mincho:wght@900&display=swap");
h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

.ctgMainWrap .mainBox {
  padding: min(50px,6.944vw) calc((100vw - 1100px) / 2) min(50px,6.944vw) min(50px,6.944vw);
  width: calc(100% + (100vw - 1100px) / 2);
  height: 515px;
  border-radius: 3.4722222222vw 0 0 0;
  background: url("../img/ctg/bg_ctg_main_gift.jpg") no-repeat center center/cover; }
  @media (max-width: 1024px) {
    .ctgMainWrap .mainBox {
      padding: min(50px,6.944vw);
      width: auto;
      height: auto;
      aspect-ratio: 1320 / 515; } }
  @media (max-width: 768px) {
    .ctgMainWrap .mainBox {
      aspect-ratio: inherit; } }
  .ctgMainWrap .mainBox .head {
    margin: 0;
    font-size: clamp(16px, 4.4448vw, 40px);
    font-weight: 500;
    line-height: 1.625; }
  .ctgMainWrap .mainBox .txtBox {
    max-width: 550px; }
    .ctgMainWrap .mainBox .txtBox p {
      font-size: clamp(14px, 1.8896vw, 17px);
      margin: 1em 0; }

.ctgAnchorWrap {
  margin: min(50px,6.944vw) auto; }
  .ctgAnchorWrap .ctgAnchorList {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: clamp(14px, 1.6672vw, 15px); }
    @media (max-width: 768px) {
      .ctgAnchorWrap .ctgAnchorList {
        justify-content: flex-start;
        gap: 1em; } }
    .ctgAnchorWrap .ctgAnchorList i {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 0 0 2px;
      background: url("../img/common/icon_arrow_down01.svg") no-repeat center center/contain; }

.ctgTagList {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 4em;
  font-size: clamp(14px, 1.6672vw, 15px); }
  .ctgTagList li a {
    text-decoration: underline; }

/* -----------------------------
			冬ギフト
------------------------------ */
#wintergift {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto; }
  #wintergift a:hover {
    opacity: .5; }
  #wintergift h3 {
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-size: 60px;
    text-align: center;
    margin-bottom: 50px; }
    #wintergift h3 span {
      color: #990019; }
    @media (max-width: 768px) {
      #wintergift h3 {
        font-size: 40px; } }
  #wintergift h4 {
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-size: 40px; }
  #wintergift p.catch {
    font-family: "Zen Old Mincho", serif;
    font-size: 24px;
    border-bottom: 1px solid #990019;
    border-top: 1px solid #990019;
    text-align: center;
    width: fit-content;
    margin: 0 auto 0.5em; }
    @media (max-width: 768px) {
      #wintergift p.catch {
        font-size: 18px;
        width: 100%;
        padding: .25em 0; } }
  #wintergift .bgTxt {
    position: absolute;
    top: 0;
    left: 1%;
    writing-mode: vertical-rl;
    font-family: "Zen Old Mincho", serif;
    font-size: 150px;
    line-height: 0.85;
    opacity: .1;
    z-index: 1; }
  #wintergift .itemList {
    padding: 50px;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 2; }
    @media (max-width: 768px) {
      #wintergift .itemList {
        padding: 50px 30px; } }
    #wintergift .itemList li {
      align-items: center; }
      #wintergift .itemList li .tag {
        margin-bottom: .75em; }
        #wintergift .itemList li .tag p {
          margin-right: .5em;
          padding: .1em .5em;
          color: #fff;
          min-width: 3.0em; }
          #wintergift .itemList li .tag p.reizou {
            background: #1285bb; }
          #wintergift .itemList li .tag p.reitou {
            background: #7739b1; }
          #wintergift .itemList li .tag p.kigen {
            background: #08740a; }
          #wintergift .itemList li .tag p.limited {
            background: #990019; }
          #wintergift .itemList li .tag p.vacuum {
            background: #d457a1; }
      #wintergift .itemList li h5 {
        font-weight: 700;
        font-size: 24px;
        margin-bottom: .75em; }
      #wintergift .itemList li .detail {
        align-items: center;
        margin-top: .75em; }
        #wintergift .itemList li .detail .price {
          font-weight: 700;
          font-size: 18px; }
          #wintergift .itemList li .detail .price span {
            font-size: 32px; }
        #wintergift .itemList li .detail .btn {
          width: 250px;
          height: 50px;
          line-height: 50px;
          background: #ed8046;
          border-radius: 30px;
          text-align: center;
          color: #fff;
          font-weight: 700; }
        @media (max-width: 768px) {
          #wintergift .itemList li .detail {
            flex-direction: column;
            margin-top: 20px; }
            #wintergift .itemList li .detail .price {
              width: 100%;
              text-align: left; }
            #wintergift .itemList li .detail .btn {
              margin-top: 20px; } }
  #wintergift #topTxt {
    background: url("../img/ctg/wintergift/flame_lt.png") no-repeat, url("../img/ctg/wintergift/flame_rt.png") no-repeat, url("../img/ctg/wintergift/flame_rb.png") no-repeat, url("../img/ctg/wintergift/flame_lb.png") no-repeat, url("../img/ctg/wintergift/toptxt_bg.jpg");
    background-position: 3% 7%, 97% 7%, 97% 93%, 3% 93%, center center;
    background-size: 20% auto, 20% auto, 20% auto, 20% auto, cover;
    padding: 70px 10%; }
    #wintergift #topTxt h3 {
      color: #fff;
      text-align: center;
      font-size: 24px;
      line-height: 1.8; }
      #wintergift #topTxt h3 span {
        color: #fff;
        display: block;
        width: fit-content;
        margin: 0 auto;
        border-bottom: 1px solid #c8af52;
        font-size: 32px; }
    #wintergift #topTxt p {
      color: #fff;
      margin-top: 1.0em; }
    @media (max-width: 768px) {
      #wintergift #topTxt {
        background: url("../img/ctg/wintergift/flame_lt.png") no-repeat, url("../img/ctg/wintergift/flame_rt.png") no-repeat, url("../img/ctg/wintergift/flame_rb.png") no-repeat, url("../img/ctg/wintergift/flame_lb.png") no-repeat, url("../img/ctg/wintergift/toptxt_bg.jpg");
        background-position: 3% 7%, 97% 7%, 97% 93%, 3% 93%, center center;
        background-size: 35% auto, 35% auto, 35% auto, 35% auto, cover;
        padding: 80px 8%; }
        #wintergift #topTxt h3 {
          font-size: 16px;
          margin-bottom: 30px; }
          #wintergift #topTxt h3 span {
            width: 100%;
            font-size: 24px;
            padding-bottom: .5em;
            margin-bottom: .5em; } }
  #wintergift #premium {
    background: url("../img/ctg/wintergift/tokusen_bg.jpg") repeat-y;
    background-size: 100% auto;
    padding: 100px 5%;
    position: relative; }
    #wintergift #premium .itemList li {
      width: 100%; }
      #wintergift #premium .itemList li figure {
        max-width: 400px;
        width: 35%; }
      #wintergift #premium .itemList li > div {
        width: 62%; }
      #wintergift #premium .itemList li + li {
        margin-top: 80px; }
    @media (max-width: 768px) {
      #wintergift #premium .itemList li .tag {
        flex-wrap: wrap; }
        #wintergift #premium .itemList li .tag p {
          margin-bottom: .5em; }
      #wintergift #premium .itemList li figure {
        width: 100%;
        margin-bottom: 30px; }
      #wintergift #premium .itemList li > div {
        width: 100%; }
      #wintergift #premium .photoArea {
        flex-direction: column; } }
  #wintergift #roastbeef {
    background: url("../img/ctg/wintergift/roastbeef_bg.jpg") repeat-y;
    background-size: 100% auto;
    padding: 100px 5%;
    position: relative; }
    #wintergift #roastbeef .itemList li {
      width: 47%;
      margin-bottom: 80px; }
      #wintergift #roastbeef .itemList li:nth-of-type(3), #wintergift #roastbeef .itemList li:nth-of-type(4) {
        margin-bottom: 0; }
      #wintergift #roastbeef .itemList li > div figure {
        width: 38%; }
      #wintergift #roastbeef .itemList li > div > div {
        width: 60%; }
        #wintergift #roastbeef .itemList li > div > div .tag p {
          margin-bottom: .5em; }
      #wintergift #roastbeef .itemList li .btn {
        width: 200px; }
    @media (max-width: 768px) {
      #wintergift #roastbeef .itemList li {
        width: 100%; }
        #wintergift #roastbeef .itemList li:nth-of-type(3) {
          margin-bottom: 80px; }
        #wintergift #roastbeef .itemList li > .fl {
          flex-direction: column; }
          #wintergift #roastbeef .itemList li > .fl figure {
            width: 100%;
            margin-bottom: 30px; }
          #wintergift #roastbeef .itemList li > .fl > div {
            width: 100%; }
        #wintergift #roastbeef .itemList li .btn {
          width: 250px; } }
  #wintergift #steak {
    background: url("../img/ctg/wintergift/steak_bg.jpg") repeat-y;
    background-size: 100% auto;
    padding: 100px 5%;
    position: relative; }
    #wintergift #steak .bgTxt {
      color: #fff;
      opacity: .1; }
    #wintergift #steak h3 {
      color: #fff;
      font-size: 40px; }
      #wintergift #steak h3 span {
        text-shadow: 0 0 10px #fff;
        font-size: 60px; }
      @media (max-width: 768px) {
        #wintergift #steak h3 {
          font-size: 30px; }
          #wintergift #steak h3 span {
            font-size: 40px; } }
    #wintergift #steak h4 {
      color: #990019;
      text-align: center;
      margin-bottom: 50px; }
      #wintergift #steak h4 span {
        display: block;
        color: #a4822f;
        font-size: 30px; }
      @media (max-width: 768px) {
        #wintergift #steak h4 {
          font-size: 30px; }
          #wintergift #steak h4 span {
            font-size: 20px; } }
    #wintergift #steak h5 {
      margin-bottom: 0; }
    #wintergift #steak p.catch {
      color: #990019;
      min-width: 750px;
      text-shadow: 0 0 10px #fff;
      border-bottom: 1px solid #fff;
      border-top: 1px solid #fff; }
      @media (max-width: 768px) {
        #wintergift #steak p.catch {
          min-width: inherit;
          width: 100%; } }
    #wintergift #steak .itemList {
      background: #fff; }
      #wintergift #steak .itemList#komachi {
        background: url("../img/ctg/wintergift/komachi_bg.jpg") no-repeat, #fff;
        background-size: 100% auto, auto; }
        #wintergift #steak .itemList#komachi > div {
          margin-bottom: 50px; }
          #wintergift #steak .itemList#komachi > div h4 {
            margin-bottom: .75em;
            text-align: left; }
          #wintergift #steak .itemList#komachi > div p {
            text-shadow: 0 0 5px #fff; }
        #wintergift #steak .itemList#komachi li {
          margin-bottom: 0; }
        @media (max-width: 768px) {
          #wintergift #steak .itemList#komachi {
            background: url("../img/ctg/wintergift/komachi_bg.jpg") no-repeat, #fff;
            background-size: 150% auto, auto;
            background-position: 80% top;
            padding-top: 150px; }
            #wintergift #steak .itemList#komachi h4 {
              text-shadow: 0 0 5px #fff;
              font-size: 30px; } }
      #wintergift #steak .itemList + .itemList {
        margin-top: 50px; }
      #wintergift #steak .itemList#yakiniku li {
        width: 100%; }
        #wintergift #steak .itemList#yakiniku li figure {
          max-width: 400px;
          width: 35%; }
        #wintergift #steak .itemList#yakiniku li > div {
          width: 62%; }
        #wintergift #steak .itemList#yakiniku li .detail {
          width: 100%; }
      @media (max-width: 768px) {
        #wintergift #steak .itemList#yakiniku li figure {
          max-width: inherit;
          width: 100%;
          margin-bottom: 30px; }
        #wintergift #steak .itemList#yakiniku li > div {
          width: 100%; } }
      #wintergift #steak .itemList#steakselection li:nth-of-type(3), #wintergift #steak .itemList#steakselection li:nth-of-type(4) {
        margin-top: 80px; }
      #wintergift #steak .itemList li {
        width: 47%; }
        #wintergift #steak .itemList li > div figure {
          width: 40%; }
        #wintergift #steak .itemList li > div > div {
          width: 57%; }
          #wintergift #steak .itemList li > div > div .tag p {
            margin-bottom: .5em; }
        #wintergift #steak .itemList li .btn {
          width: 200px; }
        @media (max-width: 768px) {
          #wintergift #steak .itemList li {
            width: 100%; }
            #wintergift #steak .itemList li + li {
              margin-top: 80px; }
            #wintergift #steak .itemList li > div figure {
              width: 100%;
              margin-bottom: 30px; }
            #wintergift #steak .itemList li > div > div {
              width: 100%; }
            #wintergift #steak .itemList li .btn {
              width: 250px; } }