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

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;700&display=swap');


/*-------------------------------------------
Base
-------------------------------------------*/

br.pc-none,
#grapes .sp,
#grapes .tablet{
    display: none !important;
}
#grapes ul, #grapes p, #grapes dl{ margin-bottom: 0;}
#grapes dd{ margin-left: 0;}

#grapes {
	width: 100%;
    overflow: hidden;
	position: relative;
	color: #4c483f;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 16px;
	letter-spacing: 0.02em;
    background: url("../images/menu/grapes2026/bg_01.jpg") left top / 2000px repeat;
}
#grapes a{
    outline: none;
}
#grapes a:hover{
    text-decoration: none;
}
#grapes img{ 
    width: 100%; 
    vertical-align: bottom; 
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;
}

#grapes h3,
#grapes h2{
    margin: 0;
}

#grapes .deco{
    position: absolute;
    transition: .5s;
}

#grapes .nowrap{
    display: inline-block;
    white-space: nowrap;
}


/*-------------------------------------------
PC
-------------------------------------------*/

/*--- mv ---*/
#grapes #mv{
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width: 2160px;
    margin: 0 auto;
    width: 100%;
	height: 720px;
}
#grapes #mv .mv01,
#grapes #mv .mv02{
    width: 50%;
}
#grapes #mv .mv01{
	background: url("../images/menu/grapes2026/mv_sm.jpg") center top / cover no-repeat;
}
#grapes #mv .mv02{
	background: url("../images/menu/grapes2026/mv_qr.jpg") center top / cover no-repeat;
}

#grapes #mv .date{
    position: absolute;
    left: 50%;
    top: 0;
    width: 14.5%;
    margin-top: 3.4%;
    transform: translate(-50%,0);
	max-width: 210px;
}

/*--- message ---*/
#grapes #message{
    width: 85%;
    max-width: 960px;
    margin: 0 auto;
    padding: min(80px,8vw) 0 40px;
    text-align: center;
}
#grapes #message .title{
}
#grapes #message .text{
    text-align: center;
    line-height: 2;
    font-size: 16px;
}


/*--- tabs ---*/
#grapes #tabBox{
	padding-bottom: clamp(40px,16vw,120px);
	margin-top: -200px;
	padding-top: 200px;
}
#grapes .tabs{
    position: relative;
}
#grapes .tabs::before{
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: url("../images/menu/grapes2026/line_silver.png") center top / 1440px auto repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
#grapes.queen-rouge .tabs::before{
    background: url("../images/menu/grapes2026/line_gold.png") center top / 1440px auto repeat;
}
#grapes .tabs.bottom_tabs::before{
	bottom: auto;
	top: 0;
}

#grapes .tabs .tabsInner{
    max-width: 960px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
#grapes .tabs .tabsInner li{
    position: relative;
    z-index: 0;
    transition: .4s;
}
#grapes .tabs .tabsInner li:hover,
#grapes .tabs .tabsInner li.current{
    z-index: 2;
    opacity: 1;
}


/*--- tab_content ---*/
#grapes .tab_content{
    padding: 120px 0 200px;
    overflow: hidden;
}
#grapes .tab_content#shine-muscatArea{
    background: #f7f2ed;
}
#grapes .tab_content#queen-rougeArea{
    background: #a53a66;
}

#grapes .tab_content .tab_content_inner{
    max-width: 1040px;
    margin: 0 auto;
}

/*--- menu-box ---*/
#grapes .tab_content .menu-box{
    display: flex;
    position: relative;
}

#grapes .tab_content .menu-box + .menu-box{
    margin-top: 120px;
}

#grapes .tab_content .menu-box .image{
    width: 55.7%;
    z-index: 2;
    position: relative;
}
#grapes .tab_content .menu-box .image .sundae{
    position: absolute;
    width: 20%;
    left: 0;
    bottom: 0;
    margin: 0 0 4% 10%;
}
#grapes .tab_content .menu-box .info{
    width: 48%;
    margin: 14.4% 3.8% 0 -7.6%;
    background: rgba(255,255,255,0.9);
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
    color: #736357;
}
#grapes .tab_content#queen-rougeArea .menu-box .info{
	background: rgba(96,8,67,0.9);
	color: #fcc054;
}
#grapes .tab_content .menu-box .info::before,
#grapes .tab_content .menu-box .info::after{
    content: "";
    display: block;
    position: absolute;
    border: 1px solid #c7b299;
    pointer-events: none;
}
#grapes .tab_content#queen-rougeArea .menu-box .info::before,
#grapes .tab_content#queen-rougeArea .menu-box .info::after{
	border-color: #fcc054;
}
#grapes .tab_content .menu-box .info::before{
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    left: 4px;
    top: 4px;
}
#grapes .tab_content .menu-box .info::after{
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    left: 7px;
    top: 7px;
}
#grapes .tab_content .menu-box .decoEn{
    left: 0;
    top: 0;
    margin-top: 57.2%;
    z-index: 1;
}
#grapes .tab_content .menu-box .info .copy,
#grapes .tab_content .menu-box .info .price{
    font-size: 20px;
    line-height: 1.5;
}
#grapes span.small{
    font-size: 70%;
}
#grapes .tab_content .menu-box .info .title{
    font-size: 30px;
    margin: 0.8em auto;
    line-height: 1.5;
}
#grapes .tab_content .menu-box .info .quantity{
    line-height: 1;
    padding: 5px 20px 8px;
    border-radius: 100px;
    background: #736357;
    color: #fff;
    margin: -0.5em auto 1.2em;
    font-size: clamp(15px,1.8vw,18px);
}

#grapes .tab_content .menu-box .info .moreBtn a{
    display: block;
    padding: 0.8em;
    background: #c7b299;
    border-radius: 100px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 2em auto 0;
    transition: .4s;
    min-width: 280px;
}
#grapes .tab_content#queen-rougeArea .menu-box .info .moreBtn a{
    background: #dd9700;
	color: #fff;
}

#grapes .tab_content .menu-box .grapes{
    z-index: 4;
}
#grapes .tab_content .menu-box .info .deco01{
    right: 0;
    top: 0;
    transform: translate(50%,-50%);
    width: 40%;
}
#grapes .tab_content .menu-box .deco02{
    left: 0;
    bottom: 0;
    transform: translate(-35%,75%);
    width: 19.2%;
}
#grapes .tab_content .menu-box::before,
#grapes .tab_content .menu-box::after{
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
}
#grapes .tab_content .menu-box::before{
    background: url("../images/menu/grapes2026/deco_circle_sm_01.png") center center / contain no-repeat;
    width: 38.4%;
    aspect-ratio: 1 / 1 ;
    left: 0;
    top: 0;
    margin: -15% 0 0 -20%; 
}
#grapes .tab_content .menu-box::after{
    background: url("../images/menu/grapes2026/deco_circle_sm_02.png") center center / contain no-repeat;
    width: 38%;
    aspect-ratio: 400 / 503 ;
    right: 0;
    bottom: 0;
    margin: 0 -25% -17% 0;
}

#grapes .tab_content .menu-box .info .notice{
    font-size: 11px;
    margin-top: 15px;
}

/*--- 偶数番目 ---*/
#grapes .tab_content .menu-box:nth-of-type(2n){
    flex-direction: row-reverse;
}
#grapes .tab_content .menu-box:nth-of-type(2n) .info {
    margin: 14.4% -7.6% 0 3.8%;
}
#grapes .tab_content .menu-box:nth-of-type(2n) .info .deco01 {
    left: 0;
    bottom: 0;
    top: auto;
    transform: translate(-50%, 50%);
}
#grapes .tab_content .menu-box:nth-of-type(2n) .deco02 {
    right: 0;
    top: 0;
    left: auto;
    transform: translate(35%, -5%);
}
#grapes .tab_content .menu-box:nth-of-type(2n)::before {
    background: url(../images/menu/grapes2026/deco_circle_sm_03.png) center center / contain no-repeat;
    width: 44%;
    aspect-ratio: 459 / 492;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    margin: -4% 0 0 -13%;
}
#grapes .tab_content .menu-box:nth-of-type(2n)::after {
    background: url(../images/menu/grapes2026/deco_circle_sm_01.png) center center / contain no-repeat;
    width: 38.4%;
    aspect-ratio: 1 / 1;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    margin: 0 -14% -11% 0;
}


/*--- ワイド版 ---*/
#grapes .tab_content .menu-box + .menu-box.wide {
    margin-top: 80px;
}
#grapes .tab_content .menu-box.wide{
    flex-direction: column;
}
#grapes .tab_content .menu-box.wide .image{
    width: 100%;
}
#grapes .tab_content .menu-box.wide .info{
    width: 71%;
    margin: -11.5% auto 0;
    aspect-ratio: unset;
    padding: 50px;   
}
#grapes .tab_content .menu-box.wide .info .title {
    margin: 0.5em auto;
}
#grapes .tab_content .menu-box.wide .info .moreBtn a{
    margin-top: 1.8em;
}
#grapes .tab_content .menu-box.wide .info .deco01 {
    width: 27.1%;
    left: 0;
    right: auto;
    bottom: 0;
    top: auto;
    transform: translate(-50%, 50%);
}
#grapes .tab_content .menu-box.wide .deco02 {
    right: 0;
    top: 0;
    left: auto;
    width: 19.2%;
    transform: translate(25%, 0%);
}
#grapes .tab_content .menu-box.wide .decoEn {
    left: 0;
    top: 0;
    margin: 0 0 0 -7%;
    z-index: 1;
    width: 8.6%;
}
#grapes .tab_content .menu-box.wide::before{
    margin-top: -8%;
}
#grapes .tab_content .menu-box.wide::after {
    margin: 0 -20% -10% 0;
}


#grapes .tab_content .menu-box.wide:nth-of-type(2n) .deco02 {
    left: 0;
    transform: translate(-25%, 0%);
}
#grapes .tab_content .menu-box.wide:nth-of-type(2n) .deco02 {
    left: 0;
    transform: translate(-25%, 0%);
}
#grapes .tab_content .menu-box.wide:nth-of-type(2n) .info .deco01 {
    left: auto;
    right: 0;
    transform: translate(50%, 50%);
}
#grapes .tab_content .menu-box.wide:nth-of-type(2n) .decoEn {
    right: 0;
    left: auto;
    margin: 0 -7% 0 0;
}
#grapes .tab_content .menu-box.wide:nth-of-type(2n)::before{
    margin-top: -9%;
}
#grapes .tab_content .menu-box.wide:nth-of-type(2n)::after {
    margin: 0 -14% 13% 0;
}


/*--- クイーンルージュ版 ---*/
#grapes .tab_content#queen-rougeArea .menu-box::before{
    background: url("../images/menu/grapes2026/deco_circle_qr_01.png") center center / contain no-repeat;
}
#grapes .tab_content#queen-rougeArea .menu-box::after{
    background: url("../images/menu/grapes2026/deco_circle_qr_02.png") center center / contain no-repeat;
}
#grapes .tab_content#queen-rougeArea .menu-box:nth-of-type(2n)::before {
    background: url(../images/menu/grapes2026/deco_circle_qr_03.png) center center / contain no-repeat;
}
#grapes .tab_content#queen-rougeArea .menu-box:nth-of-type(2n)::after {
    background: url(../images/menu/grapes2026/deco_circle_qr_01.png) center center / contain no-repeat;
}
#grapes .tab_content#queen-rougeArea .menu-box .info .quantity{
    background: #fcc054;
    color: rgba(96,8,67,1);
}



/*--- limited ---*/
#grapes .limited{
    text-align: center;
    color: #723909;
    position: relative;
    z-index: 1;
    padding-bottom: clamp(40px,10vw,100px);
}
#grapes .limited .title{
    font-size: 40px;
}
#grapes .limited .button{
    margin-top: 20px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}
#grapes .limited .button a{
    font-size: 18px;
    display: block;
    border-radius: 100px;
    line-height: 1;
    color: #fff;
    background: #723909;
    transition: .4s;
    padding: 20px;
}
#grapes .limited .button a:hover{
    background: #341C09;
}
#grapes .limited .notice01{
    font-size: 12px;
    margin-top: 20px;
}
#grapes .limited .notice02{
    background: rgba(255,255,255,0.9);
    font-size: 11px;
    margin-top: 20px;
    padding: clamp(15px,2.5vw,25px);
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}
#grapes .limited .notice02 li{
    padding-left: 1em;
    text-indent: -1em;
    text-align: justify;
    line-height: 1.3;
}
#grapes .limited .notice02 li + li{
    margin-top: 8px;
}


#grapes.queen-rouge .limited{
    color: #fff;
}
#grapes.queen-rouge .button a{
    background: #5e1940;
}
#grapes.queen-rouge .button a:hover{
    background: #3D0926;
}
#grapes.queen-rouge .notice02 li{
    color: #932255;
}


/*---  muscat report ---*/

@keyframes slide {
    from { background-position: 0 0; }
    to { background-position: 2700px 0; }
}

#grapes .report {
    width: 100%;
    margin: 0 auto;
    height: 360px;
    background: url(/images/menu/grapes2026/sanchi-bk.jpg) 0 0 / 2700px 360px repeat-x;
    position: relative;
    animation: slide 80s linear infinite;
}

#grapes .report:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 450ms cubic-bezier(0.37, 0.86, 0.82, 0.94);
}

#grapes .report.slide:after {
    opacity: .35;
    transition: all 1200ms cubic-bezier(0.37, 0.86, 0.82, 0.94);
}

#grapes .report .reportInner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

#grapes .report .reportInner .reportTxt {
}

#grapes .report .reportInner .reportTxt h3 {
    font-size: 36px;
    line-height: 1.36;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin: 0 auto 20px;
    text-shadow: 0 0 10px #542418, 0 0 30px #542418, 0 0 60px #542418;
}

#grapes .report .reportInner .reportTxt h3 span {
    display: inline-block;
    font-size: 65%;
}

#grapes .more {
    /*max-width: 164px;
	margin: -23px auto 0;
    position: relative;
	text-align: center;*/
}

#grapes .report .more {
    max-width: 164px;
    margin: 30px auto 0;
    position: relative;
    text-align: center;
}

#grapes .report .more a {
	display: block;
    background: #fff;
    font-optical-sizing: auto;
    font-style: normal;
    color: #1e5500;
    border-radius: 100px;
    transition: .3s ease;
    line-height: 1;
    padding: 15px;
}

#grapes .report .more a:hover {
    text-decoration: none;
    letter-spacing: .3em;
    text-indent: .3em;
    filter: drop-shadow(5px 5px 5px rgba(84, 36, 24, .4));
}

#grapes.queen-rouge .report {
    background: url(/images/menu/grapes2026/sanchi-bk2.jpg) 0 0 / 2700px 360px repeat-x;
}
#grapes.queen-rouge .report .more a {
    color: #5e1940;
}



/*-------------------------------------------
Animation
-------------------------------------------*/

#mv .slidein,
.out.slidein,
.out .slidein{
    opacity: 0;
}

#mv .slidein,
.in.slidein,
.in .slidein{
    animation: slidein 0.8s ease forwards;
}

@keyframes slidein{
    0%{ transform: translate(0,10px); opacity: 0; }
    100%{  transform: translate(0,0);opacity: 1;}
}

.fadein{
    opacity: 0;
}
.in.fadein,
.in .fadein,
#mv .fadein,
#mv.fadein,
#mainTitle .fadein{
    animation: fadein 1s ease forwards;
}

@keyframes fadein {
	0% { opacity: 0;}
	100% { opacity: 1; }
}

#mv .clipLR,
#grapes .clipLR{
    clip-path: inset(0 100% 0 0);
}
#mv .clipLR,
.in .clipLR,
.in.clipLR{
    display: block;
    animation: clipLR .8s ease forwards;
}

@keyframes clipLR {
	0% { clip-path: inset(0 100% 0 0);}
	100% { clip-path: inset(0 0 0 0); }
}

#mv .clipRL,
#grapes .clipRL{
    clip-path: inset(0 0 0 100%);
}
#mv .clipRL,
.in .clipRL,
.in.clipRL{
    display: block;
    animation: clipRL .8s ease forwards;
}

@keyframes clipRL {
	0% { clip-path: inset(0 0 0 100%);}
	100% { clip-path: inset(0 0 0 0); }
}

#grapes .clipTB{
    clip-path: inset(0 0 100% 0);
}
.in .clipTB,
.in.clipTB{
    display: block;
    animation: clipTB .8s ease forwards;
}

@keyframes clipTB {
	0% { clip-path: inset(0 0 100% 0);}
	100% { clip-path: inset(0 0 0 0); }
}

#mv .date {
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
#mv .date img {
    display: block;
  opacity: 0;
  transform: translateY(75%) rotateY(0deg);
    backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
    will-change: transform, opacity;
  animation: coin_rotation 1s ease-in-out forwards;
}

@keyframes coin_rotation {
  0%,
  41.17% {
    transform: translateY(75%) rotateY(0deg);
    opacity: 0;
  }

  100% {
    transform: translateY(0) rotateY(360deg);
    opacity: 1;
  }
}

.delay01{ animation-delay: 0.1s!important;}
.delay02{ animation-delay: 0.2s!important;}
.delay03{ animation-delay: 0.3s!important;}
.delay04{ animation-delay: 0.4s!important;}
.delay05{ animation-delay: 0.5s!important;}
.delay06{ animation-delay: 0.6s!important;}
.delay07{ animation-delay: 0.7s!important;}
.delay08{ animation-delay: 0.8s!important;}
.delay09{ animation-delay: 0.9s!important;}
.delay10{ animation-delay: 1.0s!important;}
.delay11{ animation-delay: 1.1s!important;}
.delay12{ animation-delay: 1.2s!important;}
.delay13{ animation-delay: 1.3s!important;}
.delay14{ animation-delay: 1.4s!important;}
.delay15{ animation-delay: 1.5s!important;}
.delay16{ animation-delay: 1.6s!important;}
.delay17{ animation-delay: 1.7s!important;}
.delay18{ animation-delay: 1.8s!important;}
.delay19{ animation-delay: 1.9s!important;}
.delay20{ animation-delay: 2.0s!important;}


/*-------------------------------------------
ONLY PC & HOVER
-------------------------------------------*/
@media only screen and (min-width: 769px){
	#grapes img,
	#grapes #mv .inr{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		image-rendering: crisp-edges;
		image-rendering: -webkit-optimize-contrast;
	}
    
    #grapes .tab_content .menu-box .info .moreBtn a:hover{
        background: #7A6B5A;
    }
    #grapes .tab_content#queen-rougeArea .menu-box .info .moreBtn a:hover{
		background: #8F6200;
	}

    
}

/*-------------------------------------------
UNDER 1440
-------------------------------------------*/
@media only screen and (max-width: 1440px){
	#grapes #mv{
		height: auto;
		aspect-ratio: 2 / 1;
	}
}

/*-------------------------------------------
UNDER 1000
-------------------------------------------*/
@media only screen and (max-width: 1000px){
    
    #grapes .tablet{ display: block !important;}
        
    /*--- tab_content ---*/
    #grapes .tab_content{
        padding: min(12%,100px) 0 min(20%,160px);
    }
    #grapes .tab_content .tab_content_inner{
    }

    /*--- menu-box ---*/
    #grapes .tab_content .menu-box{
        flex-direction: column;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

    #grapes .tab_content .menu-box + .menu-box{
        margin-top: min(12%,100px);
    }

    #grapes .tab_content .menu-box .image{
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    #grapes .tab_content .menu-box .image .sundae{
        display: none;
    }
    #grapes .tab_content .menu-box .info .sundae{
        width: 45%;
        margin: -25% 0 0 2%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        bottom: auto;
    }
    #grapes .tab_content .menu-box .info,    
    #grapes .tab_content .menu-box:nth-of-type(2n) .info,
    #grapes .tab_content .menu-box.wide .info{
        width: 80%;
        margin: max(-25%,-120px) auto 0;
        aspect-ratio: unset;
        padding: min(10%, 60px) min(7%, 40px);
    }
    #grapes .tab_content .menu-box .info::before{
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        left: 3px;
        top: 3px;
    }
    #grapes .tab_content .menu-box .info::after{
        width: calc(100% - 12px);
        height: calc(100% - 12px);
        left: 5px;
        top: 5px;
    }
    #grapes .tab_content .menu-box .decoEn{
        margin: 12% 0 0 min(43%, 215px);
        width: 8.1%;
        left: 50%;
        right: 0px;
    }
    #grapes .tab_content .menu-box .info .copy,
    #grapes .tab_content .menu-box .info .price{
        font-size: clamp(14px,1.8vw,20px);
    }
    #grapes .tab_content .menu-box .info .title,
    #grapes .tab_content .menu-box.wide .info .title{
        font-size: clamp(20px,2.8vw,30px);
    }
    #grapes .tab_content .menu-box .info .moreBtn a,
    #grapes .tab_content .menu-box.wide .info .moreBtn a{
        padding: 0.6em;;
        font-size: clamp(14px,1.8vw,20px);
        margin: 1.5em auto 0;
        min-width: 0;
        width: 200px;
    }
    #grapes .tab_content .menu-box .grapes {
        max-width: 160px;
    }
    #grapes .tab_content .menu-box .info .deco01{
        transform: translate(7%,-50%);
        width: 35%;
    }
    #grapes .tab_content .menu-box .deco02{
        transform: translate(25%,55%);
        width: 28%;
    }
    #grapes .tab_content .menu-box::before{
        width: 38.4%;
        margin: -5% 0 0 -20%; 
    }
    #grapes .tab_content .menu-box::after{
        width: 38%;
        margin: 0 -16% -17% 0;
        transform: rotate(-90deg);
    }

    /*--- 偶数番目 ---*/
    #grapes .tab_content .menu-box:nth-of-type(2n){
        flex-direction: column;
    }
    #grapes .tab_content .menu-box:nth-of-type(2n) .decoEn{
        margin: 12% min(42%, 206px) 0 0;
        right: 50%;
        left: auto;
    }
    #grapes .tab_content .menu-box:nth-of-type(2n) .info .deco01 {
        transform: translate(-7%, 50%);
    }
    #grapes .tab_content .menu-box:nth-of-type(2n) .deco02 {
        transform: translate(7%, -2%);
        right: auto;
        left: min(75%, 500px);
    }
    #grapes .tab_content .menu-box:nth-of-type(2n)::before {
        width: 44%;
        margin: 0 0 0 -13%;
        top: auto;
        bottom: 0;
    }
    #grapes .tab_content .menu-box:nth-of-type(2n)::after {
        width: 38.4%;
        margin: 0 -14% -11% 0;
    }

    /*--- ワイド版 ---*/
    #grapes .tab_content .menu-box.wide .image{
        max-width: 750px;
    }
    #grapes .tab_content .menu-box + .menu-box.wide {
        margin-top: 60px;
    }
    #grapes .tab_content .menu-box.wide .info{
        margin-top: -10%;
    }
    #grapes .tab_content .menu-box.wide .info .deco01 {
        width: 35%;
    }
    #grapes .tab_content .menu-box.wide .deco02 {
        width: 28%;
        bottom: auto;
        transform: translate(25%, 160%);
    }
    #grapes .tab_content .menu-box.wide .decoEn,
    #grapes .tab_content .menu-box.wide:nth-of-type(2n) .decoEn{
        margin: 2.3% auto 0;
        width: 92%;
        left: 4%;
        right: auto;
        max-width: 500px;
    }
    #grapes .tab_content .menu-box.wide:nth-of-type(2n) .deco02 {
        transform: translate(-25%, 160%);
    }
    #grapes .tab_content .menu-box.wide:nth-child(odd)::before{
        display: none;
    }
}


/*-------------------------------------------
UNDER 750
-------------------------------------------*/
@media only screen and (max-width: 750px){
    
    #grapes .tab_content .menu-box.wide .decoEn,
    #grapes .tab_content .menu-box.wide:nth-of-type(2n) .decoEn{
        margin: 0 auto 0;
    }
    
}
    
/*-------------------------------------------
UNDER 600
-------------------------------------------*/
@media only screen and (max-width: 600px){
	
	br.pc-none {
        display: inline;
    }
	#grapes .sp { display: block !important;}
	#grapes .pc { display: none;}
    
    
    /*--- mv ---*/
    #grapes #mv {        
        aspect-ratio: 5 / 6;
    }
	#grapes #mv .mv01{
		background: url("../images/menu/grapes2026/mv_sm_sp.jpg") center top / cover no-repeat;
	}
	#grapes #mv .mv02{
		background: url("../images/menu/grapes2026/mv_qr_sp.jpg") center top / cover no-repeat;
	}
    #grapes #mv .date {
        width: 30%;
    }
    
    /*--- report ---*/
    #grapes .report .reportInner .reportTxt h3 {
        font-size: 30px;
    }
    
    
    
}

/*-------------------------------------------
UNDER 500
-------------------------------------------*/
@media only screen and (max-width: 500px){
	
    #grapes #message .text{
        text-align: justify;
    }
    
}