@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Zen+Maru+Gothic:wght@500;700&display=swap');


/*-------------------------------------------
COMMON
-------------------------------------------*/


#peach2025 .en{ 
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

#peach2025 .bgWhite{
    background: #fff;
}
#peach2025 .bgw01{
    padding: 8px 0 50px 0;
}

#peach2025 br.pc-none,
#peach2025 .sp{
    display: none;
}
#peach2025 br.sp-none,
#peach2025 .pc{
    display: block;
}
#peach2025 ul, #peach2025 p, #peach2025 dl{ margin-bottom: 0;}
#peach2025 dd{ margin-left: 0;}

#peach2025 {
	width: 100%;
    overflow: hidden;
	position: relative;
	color: #ff697f;
	font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.15em;
	font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    background: #ffe2de;
}
#peach2025 img{ 
    width: 100%; 
    vertical-align: bottom; 
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;
}

#peach2025 a:hover{
    text-decoration: none;
}

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


/*-------------------------------------------
contents
-------------------------------------------*/


/*--- mv ---*/
#peach2025 #mv{
    position: relative;
    max-width: 1680px;
    height: min(863px,51.388vw);
    margin: 0 auto 5vw;
}
#peach2025 #mv::after{
    content: "";
    display: block;
    width: 91.944%;
    padding-top: 48.4722%;
    background: url("../images/menu/peach2025/bg_mv.jpg") center center / cover no-repeat;
    position: absolute;
    left: 3.958%;
    top: min(35px,2.08vw);
}
#peach2025 #mv img{
    width: 100%;
}
#peach2025 #mv .image{
    position: absolute;
    z-index: 1;
}
#peach2025 #mv .image:not(.image03){
    width: 31.8%;
}
#peach2025 #mv .image.image03{
    width: 34.93%;
    z-index: 3;
    left: 32.5%;
    top: 0;
}
#peach2025 #mv .image01{
    left: 0;
    top: 0;
}
#peach2025 #mv .image02{
    left: 0;
    bottom: 0;
}
#peach2025 #mv .image04{
    right: 0;
    top: 0;
}
#peach2025 #mv .image05{
    right: 0;
    bottom: 0;
}

#peach2025 #mv .mvTitle{
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 46%;
}

#peach2025 #mv .copy{
    width: 4.375%;
    z-index: 2;
    position: absolute;
}
#peach2025 #mv .copy01{
    left: 5.4%;
    top: min(70px,4.2vw);
}
#peach2025 #mv .copy02{
    right: 5.4%;
    bottom: min(44px,2.7vw);
}

#peach2025 #mv .deco{
    position: absolute;
    width: 34.7%;
    z-index: 2;
}
#peach2025 #mv .deco01{
    left: 3.05%;
    top: min(51px,3.05vw);
}
#peach2025 #mv .deco02{
    right: 3.05%;
    bottom: min(33px,1.52vw);
}

#peach2025 #mv .date{
    width: 12.5%;
    position: absolute;
    left: 71%;
    top: 23%;
    z-index: 6;
}



/*--- message ---*/

#peach2025 #message {
    padding-top: 120px;
    position: relative;
}
#peach2025 #message .inr{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 960px;
    margin: 0 auto;
}
#peach2025 #message .inr .image{
    width: 45%;
}
#peach2025 #message .inr figcaption{
    width: 50%;
}
#peach2025 #message .inr figcaption p{
    text-align: justify;
    line-height: 2.1;
}

#peach2025 #message .drop{
    position: absolute;    
    left: 45%;
    top: 40px;
    width: 100px;
}


/*--- menubox ---*/

#peach2025 .menubox {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 0;
    margin-bottom: 80px;
}
#peach2025 .menubox:last-child{
    margin-bottom: 150px;
}
#peach2025 .menubox.dish {
    max-width: 1000px;
    padding-top: 150px;
}
#peach2025 .menubox .imageBox {
    position: relative;
    width: 100%;
    z-index: 1;
}
#peach2025 .menubox .imageBox img {
    display: block;
}
#peach2025 .menubox .imageBox .menuImg {
    width: 62.5%;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}
#peach2025 .menubox.dish .imageBox .menuImg {
    width: 100%;
}
#peach2025 .menubox .imageBox .catchCopy {
    position: absolute;
    top: 10%;
    left: 7.5%;
    color: #ff697f;
    writing-mode: vertical-rl;
    font-size: 22px;
    pointer-events: none;
    z-index: 2;
    line-height: 1;
    white-space: nowrap;
}
#peach2025 .menubox.dish .imageBox .catchCopy {
    top: -80px;
}
#peach2025 .menubox .imageBox .catchCopy p{
    background: #fff;
    padding: 1em 0.75em;
    line-height: 1;
    display: table;
    margin: 0;
}
#peach2025 .menubox .imageBox .catchCopy p:nth-child(2){
    margin: 2em 0.6em 0 0 ;
}
#peach2025 .menubox .imageBox .catchCopy.flat p:nth-child(2){
    margin-top: 0 ;
}
#peach2025 .menubox .imageBox .bg01,
#peach2025 .menubox .imageBox .bg02 {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    width: 37.5%;
    display: block;
}
#peach2025 .menubox .imageBox .bg01 {
    top: 160px;
    right: 0;
}
#peach2025 .menubox .imageBox .bg02 {
    bottom: -60px;
    left: 0;    
}
#peach2025 .menubox.dish .imageBox .bg01 {
    top: -60px;
    right: 10%;
    width: 30%;
}
#peach2025 .menubox.dish .imageBox .bg02 {
    bottom: -60px;
    left: 10%; 
    width: 30%;   
}
#peach2025 .menubox figcaption {
    position: absolute;
    left: 81.25%;
    bottom: 0;
    text-align: left;
    white-space: nowrap;
    padding-left: 40px;
    display: table;
    z-index: 2;
}
#peach2025 .menubox figcaption .menuTitle {
    font-size: 26px;
    line-height: 1.6;
    margin-bottom: 0.5em;
}
#peach2025 .menubox figcaption .price {
    font-size: 22px;
}
#peach2025 .menubox figcaption .price span{
    font-size: 0.7em;
}

#peach2025 .menubox figcaption .moreBtn{
    width: 220px;
    margin-top: 20px;
    display: inline-block;
}
#peach2025 .menubox figcaption .moreBtn a{
    display: block;
    padding: 16px 22px 18px 22px;
    color: #ff697f;
    border-radius: 100px;
    border: 1px solid #ff697f;
    position: relative;
    font-size: 20px;
    line-height: 1;
    text-align: left;
}
#peach2025 .menubox figcaption .moreBtn a::after{
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    width: 9px;
    height: 9px;
    background: #ff697f;
	border-radius: 100px;
}

#peach2025 .menubox figcaption .drop{
    width: 75px;
    position: absolute;
    top: -100px;
    right: -40px;
}

#peach2025 .menubox:nth-child(2) .imageBox .catchCopy{
    left: auto;
    right: 7.5%;
}
#peach2025 .menubox:nth-child(2) .imageBox .bg01 {
    top: 160px;
    left: 0
}
#peach2025 .menubox:nth-child(2) .imageBox .bg02 {
    bottom: -60px;
    right: 0;   
    left: auto;
}
#peach2025 .menubox:nth-child(2) figcaption{
    text-align: right;
    left: auto;
    right: 81.25%;
    padding: 0 40px 0 0;
}
#peach2025 .menubox:nth-child(2) figcaption .drop{
    top: -100px;
    left: -40px;
    right: auto;
}


#peach2025 .menubox.mini{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1080px;
}
#peach2025 .menubox.dish.mini:not(.halfpancake){
    padding-top: 80px;
}
#peach2025 .menubox.mini:nth-child(odd){
    flex-direction: row-reverse;
}
#peach2025 .menubox.mini figcaption{
    position: relative;
    left: auto;
    bottom: auto;
    width: 52%;
    display: block;
}
#peach2025 .menubox.mini figcaption{
    width: 33%;
}
#peach2025 .menubox.mini.dish figcaption{
    padding: 0;
}
#peach2025 .menubox.mini:nth-child(odd) figcaption{
    text-align: right;
    padding-right: 40px;
    padding-left: 0;
}
#peach2025 .menubox.mini .imageBox{
    width: 48%;
}
#peach2025 .menubox.mini.dish .imageBox{
    width: 67%;
}
#peach2025 .menubox.mini:not(.dish) .imageBox .menuImg{
    width: 77%;
}
#peach2025 .menubox.mini .imageBox .catchCopy{
    font-size: 19px;
    left: -4%;
    top: 0;
}
#peach2025 .menubox.mini .imageBox .catchCopy p{
    padding: 1em 0.75em;
}
#peach2025 .menubox.mini.dish .imageBox .catchCopy{
    left: 0;
}
#peach2025 .menubox.mini:nth-child(odd) .imageBox .catchCopy{
    right: -3.5%;
    left: auto;
}
#peach2025 .menubox.mini.dish:nth-child(even) .imageBox .catchCopy{
    top: -50px;
}
#peach2025 .menubox.mini.dish:nth-child(odd) .imageBox .catchCopy{
    right: -0.5%;
    top: -50px;
}

#peach2025 .menubox.mini .imageBox .bg01{
    right: 1.2%;
}
#peach2025 .menubox.mini:not(.dish) .imageBox .bg01{
    top: 0;
}
#peach2025 .menubox.mini.dish .imageBox .bg01{
    top: -50px;
    width: 28%;
    right: 14%;
}
#peach2025 .menubox.mini:nth-child(odd) .imageBox .bg01{
    left: 0;
    right: auto;
}
#peach2025 .menubox.mini.dish:nth-child(odd) .imageBox .bg01{
    left: 14%;
}
#peach2025 .menubox.mini.dish:nth-child(odd) .imageBox .bg02{
    right: 14%;
}

#peach2025 .menubox.mini .imageBox .bg02{
    bottom: -50px;
    left: 1.2%;
}
#peach2025 .menubox.mini.dish .imageBox .bg02{
    width: 28%;
    left: 14%;
}
#peach2025 .menubox.mini:nth-child(odd) .imageBox .bg02{
    left: auto;
    right: 0;
}

#peach2025 .menubox.mini figcaption .drop {
    bottom: -100px;
    top: auto;
    right: -40px;
}
#peach2025 .menubox.mini:nth-child(odd) figcaption .drop {
    top: auto;
    right: auto;
    bottom: -100px;
    left: -40px;
}

#peach2025 .noteArea{
    background: #fff;
    padding: 80px 7.5%;
    display: flex;
    justify-content: center;
}
#peach2025 .noteArea li{
    text-align: justify;
    display: table;
    text-indent: -1em;
    max-width: 600px;
    color: #ff697f;
    padding-left: 1em;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
}


/*--- bnrArea ---*/

#peach2025 .bnrArea {
    position: relative;
}

#peach2025 .bnrArea .inr {
    overflow: hidden;
}

#peach2025 .bnrArea .inr a {
    transition: 0.4s;
}

#peach2025 .bnrArea .inr a img {
    transition: 0.4s;
}



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

#peach2025 .slideIn,
#peach2025 .fadein,
#peach2025 .menubox .imageBox .bg01,
#peach2025 .menubox .imageBox .bg02,
#peach2025 .menubox .imageBox .catchCopy p,
#peach2025 .menubox figcaption .menuTitle,
#peach2025 .menubox figcaption .price,
#peach2025 .menubox figcaption .moreBtn,
#peach2025 #mv .image,
#peach2025 #mv .mvTitle img,
#peach2025 #mv .copy,
#peach2025 #mv .date img{
	opacity: 0;
}

#peach2025 .in .slideIn,
#peach2025 .in.slideIn,
#peach2025 #mv .image03,
#peach2025 #mv .mvTitle img,
#peach2025 #mv .date img{
	animation: slideIn 1s ease-in-out forwards;
}

#peach2025 .menubox.in .imageBox .catchCopy p,
#peach2025 #mv .copy{
	animation: slideInDown .6s ease-in-out forwards;
}
#peach2025 .menubox.in:nth-child(odd) figcaption .menuTitle,
#peach2025 .menubox.in:nth-child(odd) figcaption .price,
#peach2025 .menubox.in:nth-child(odd) figcaption .moreBtn,
#peach2025 .menubox.mini.in:nth-child(even) figcaption .menuTitle,
#peach2025 .menubox.mini.in:nth-child(even) figcaption .price,
#peach2025 .menubox.mini.in:nth-child(even) figcaption .moreBtn{
	animation: slideInToRight .6s ease-in-out forwards;
    animation-delay: .8s !important;
}
#peach2025 .menubox.in:nth-child(even) figcaption .menuTitle,
#peach2025 .menubox.in:nth-child(even) figcaption .price,
#peach2025 .menubox.in:nth-child(even) figcaption .moreBtn,
#peach2025 .menubox.mini.in:nth-child(odd) figcaption .menuTitle,
#peach2025 .menubox.mini.in:nth-child(odd) figcaption .price,
#peach2025 .menubox.mini.in:nth-child(odd) figcaption .moreBtn{
	animation: slideInToLeft .6s ease-in-out forwards;
    animation-delay: .8s !important;
}

#peach2025 .in .fadein,
#peach2025 .in.fadein{
	animation: fadein 2s ease-in-out forwards;
}

#peach2025 .menubox.in .imageBox .catchCopy p:nth-child(1){
    animation-delay: .4s !important;
}
#peach2025 .menubox.in .imageBox .catchCopy p:nth-child(2){
    animation-delay: .6s !important;
}


@keyframes slideIn {
	0% { transform: translate(0,5%); opacity: 0;}
	100% { transform: translate(0,0); opacity: 1;}
}
@keyframes slideInDown {
	0% { transform: translate(0,-5%); opacity: 0;}
	100% { transform: translate(0,0); opacity: 1;}
}
@keyframes slideInToRight {
	0% { transform: translate(-5%,0); opacity: 0;}
	100% { transform: translate(0,0); opacity: 1;}
}
@keyframes slideInToLeft {
	0% { transform: translate(5%,0); opacity: 0;}
	100% { transform: translate(0,0); opacity: 1;}
}
@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

#peach2025 .menubox.in:not(.mini) .imageBox .bg01,
#peach2025 .menubox.mini.in:nth-child(even) .imageBox .bg01,
#peach2025 #mv .image04{
	animation: slideinToRT .6s ease-in-out forwards;
}
@keyframes slideinToRT {
	0% { transform: translate(-50%,50%); opacity: 0;}
	100% { transform: translate(0,0); opacity: 1;}
}

#peach2025 .menubox.in:not(.mini) .imageBox .bg02,
#peach2025 .menubox.mini.in:nth-child(even) .imageBox .bg02,
#peach2025 #mv .image02{
	animation: slideinToLB .6s ease-in-out forwards;
}
@keyframes slideinToLB {
	0% { transform: translate(50%,-50%); opacity: 0;}
	100% { transform: translate(0,0); opacity: 1;}
}

#peach2025 .menubox.in:nth-child(even) .imageBox .bg01,
#peach2025 .menubox.mini.in:nth-child(odd) .imageBox .bg01,
#peach2025 #mv .image01{
	animation: slideinToLT .6s ease-in-out forwards;
}
@keyframes slideinToLT {
	0% { transform: translate(50%,50%); opacity: 0;}
	100% { transform: translate(0,0); opacity: 1;}
}

#peach2025 .menubox.in:nth-child(even) .imageBox .bg02,
#peach2025 .menubox.mini.in:nth-child(odd) .imageBox .bg02,
#peach2025 #mv .image05{
	animation: slideinToRB .6s ease-in-out forwards;
}
@keyframes slideinToRB {
	0% { transform: translate(-50%,-50%); opacity: 0;}
	100% { transform: translate(0,0); opacity: 1;}
}

/*左から右*/
#peach2025 .clip01 {    clip-path: inset(0 100% 0 0);}

/*右から左*/
#peach2025 .clip02 {    clip-path: inset(0 0 0 100%);}

/*上から下*/
#peach2025 .clip03 {    clip-path: inset(0 0 100% 0);}

/*下から上*/
#peach2025 .clip04 {    clip-path: inset(100% 0 0 0);}

/*中央から左右*/
#peach2025 .clip05 {    clip-path: inset(0 50% 0 50%);}

/*中央から上下左右*/
#peach2025 .clip05 {    clip-path: inset(50% 50% 50% 50%);}

#peach2025 .in .clip01{    animation: clip01 .4s ease-in forwards;}
#peach2025 .in .clip02{    animation: clip02 .4s ease-in forwards;}
#peach2025 .in .clip03{    animation: clip03 .4s ease-in forwards;}
#peach2025 .in .clip04{    animation: clip04 .4s ease-in forwards;}
#peach2025 .in .clip05{    animation: clip05 .4s ease-in forwards;}
#peach2025 .in .clip06{    animation: clip06 .4s ease-in forwards;}

/*左上→右下*/	#peach2025 .clip-lb-rt {    clip-path: inset(100% 100% 0 0);}
/*右上→左下*/	#peach2025 .clip-rb-lt {    clip-path: inset(100% 0 0 100%);}
/*左下→右上*/	#peach2025 .clip-lt-rb {    clip-path: inset(0 100% 100% 0);}
/*右下→左上*/	#peach2025 .clip-rt-lb {    clip-path: inset(0 0 100% 100%);}

/*左上→右下*/	#peach2025 .clip-lt-rb{    animation: clip-lt-rb .4s ease-in forwards;}
/*右上→左下*/	#peach2025 .clip-rt-lb{    animation: clip-rt-lb .4s ease-in forwards;}
/*左下→右上*/	#peach2025 .clip-lb-rt{    animation: clip-lb-rt .4s ease-in forwards;}
/*右下→左上*/	#peach2025 .clip-rb-lt{    animation: clip-rb-lt .4s ease-in forwards;}


@keyframes clip01 {
	0% { clip-path: inset(0 100% 0 0); }
	100% { clip-path: inset(0 0 0 0); }
}
@keyframes clip02 {
	0% { clip-path: inset(0 0 0 100%); }
	100% { clip-path: inset(0 0 0 0); }
}
@keyframes clip03 {
	0% { clip-path: inset(0 0 100% 0); }
	100% { clip-path: inset(0 0 0 0); }
}
@keyframes clip04 {
	0% { clip-path: inset(100% 0 0 0); }
	100% { clip-path: inset(0 0 0 0); }
}
@keyframes clip05 {
	0% { clip-path: inset(0 50% 0 50%); }
	100% { clip-path: inset(0 0 0 0); }
}
@keyframes clip06 {
	0% { clip-path: inset(50% 50% 50% 50%); }
	100% { clip-path: inset(0 0 0 0); }
}

@keyframes clip-lb-rt {	
    0% { clip-path: inset(100% 100% 0 0);}
	100% { clip-path: inset(0 0 0 0);}
}
@keyframes clip-rb-lt { 
    0% { clip-path: inset(100% 0 0 100%);}
	100% { clip-path: inset(0 0 0 0);}
}
@keyframes clip-lt-rb { 
    0% { clip-path: inset(0 100% 100% 0);}
	100% { clip-path: inset(0 0 0 0);}
}
@keyframes clip-rt-lb { 
    0% { clip-path: inset(0 0 100% 100%);}
	100% { clip-path: inset(0 0 0 0);}
}

.drop img {
  animation: poyoyon3 2.5s infinite;
  opacity: 1;
}
@keyframes poyoyon3 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}


/*--- delay ---*/
#peach2025 .delay01{ animation-delay: 0.1s !important;}
#peach2025 .delay02{ animation-delay: 0.2s !important;}
#peach2025 .delay03{ animation-delay: 0.3s !important;}
#peach2025 .delay04{ animation-delay: 0.4s !important;}
#peach2025 .delay05{ animation-delay: 0.5s !important;}
#peach2025 .delay06{ animation-delay: 0.6s !important;}
#peach2025 .delay07{ animation-delay: 0.7s !important;}
#peach2025 .delay08{ animation-delay: 0.8s !important;}
#peach2025 .delay09{ animation-delay: 0.9s !important;}
#peach2025 .delay10{ animation-delay: 1.0s !important;}

#peach2025 #mv .image01,
#peach2025 #mv .image05{ animation-duration: 1s !important; animation-delay: 0.2s !important;}
#peach2025 #mv .image02,
#peach2025 #mv .image04{ animation-duration: 1s !important; animation-delay: 0.4s !important;}

#peach2025 #mv .copy{    
    animation-duration: .8s;
    animation-delay: 1s !important;
}
#peach2025 #mv .copy02{
    animation-delay: 1.6s !important;
}

#peach2025 #mv .mvTitle img{
    animation-duration: 1s;
    animation-delay: 2.4s !important;
}

#peach2025 #mv .date img{
    animation-delay: 2.6s !important;
}

/*-------------------------------------------
ONLY PC & HOVER
-------------------------------------------*/
@media only screen and (min-width: 769px){
	#peach2025 img,
	#peach2025 #mv .inr{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		image-rendering: crisp-edges;
		image-rendering: -webkit-optimize-contrast;
	}    
    
    #peach2025 .sns ul li a:hover {
        box-shadow: 0 8px 16px rgba(0,0,0,0.3);
        transform: scale(1.1) rotate(12.5deg);
        background: #ffd400;
    }
    
	#peach2025 #quality .more a:hover{
        border-color: #ffd400;
	}
    #peach2025 #quality .more a:hover span{
        border-color: #ffd400;
        color: #ffd400;
    }
    
    #peach2025 .menubox figcaption .moreBtn a,
    #peach2025 .menubox figcaption .moreBtn a::after{
        transition: .4s;
    }
    #peach2025 .menubox figcaption .moreBtn a:hover{
        background: #ff697f;
        color: #fff;
    }
    #peach2025 .menubox figcaption .moreBtn a:hover::after{
        transform: translate(10px,-50%);
        opacity: 0;
        background: #fff;
    }
	
	#peach2025 .bnrArea .inr a:hover img{
        transform: scale(1.08);
    }
	
	
}

/*--------------------------------------------------------------------------------------

UNDER 1360px

--------------------------------------------------------------------------------------*/

@media screen and (max-width:1360px) {

}

/*--------------------------------------------------------------------------------------

UNDER 1000px

--------------------------------------------------------------------------------------*/

@media screen and (max-width:1000px) {
    
    #peach2025 #message {
        padding-top: 5vw;
    }
    #peach2025 #message .inr{
        flex-direction: column;
        align-items: center;
        padding: 0 7.5%;
    }
    #peach2025 #message .inr .image{
        max-width: 220px;
        width: 70%;
        margin: 0 auto;
        display: block;
    }
    #peach2025 #message .inr figcaption{
        width: 100%;
        max-width: 500px;
        margin: 10px auto 0;
        padding: 0;
    }
    #peach2025 #message .drop {
        position: absolute;
        left: 74%;
        top: 6%;
        width: min(80px, 11vw);
    }
    #peach2025 #message .inr figcaption p{
        font-size: 14px;
    }
    
    /*--- menubox ---*/
    
    #peach2025 .menubox,
    #peach2025 .menubox.mini,
    #peach2025 .menubox.mini.dish,
    #peach2025 .menubox.mini:nth-child(odd){
        width: 81%;
        max-width: 500px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 50px 0 20px !important;
    }
    #peach2025 .menubox:last-child{
        margin-bottom: 80px !important;
    }
    #peach2025 .menubox.dish,
    #peach2025 .menubox.mini.dish{
        padding-top: calc(50px + 15%) !important;
    }
    #peach2025 .menubox.mini:nth-child(odd):not(.dish),
    #peach2025 .menubox.mini{
        padding-top: calc(50px + 10%) !important;
    }
    #peach2025 .menubox.dish .imageBox,
    #peach2025 .menubox.mini.dish .imageBox{
        width: 100vw;
        max-width: 617px;
    }
    #peach2025 .menubox.mini .imageBox{
        width: 100%;
    }
    #peach2025 .menubox .imageBox .menuImg {
        width: 77.1%;
    }
    
    
    #peach2025 .menubox.mini .imageBox .bg01{
        right: auto;
        left: 0;
    }
    #peach2025 .menubox .imageBox .bg01,
    #peach2025 .menubox.mini:not(.dish):nth-child(odd) .imageBox .bg01{
        top: 0;
        right: 0;
        margin-top: 23%;
        bottom: auto;
        left: auto;
    }    
    #peach2025 .menubox.mini:nth-child(odd) .imageBox .bg01,
    #peach2025 .menubox.mini:not(.dish) .imageBox .bg01{
        margin-top: -10% !important;
    }
    #peach2025 .menubox:nth-child(2) .imageBox .bg01,
    #peach2025 .menubox.mini:not(.dish) .imageBox .bg01{
        top: 0;
        margin-top: 23%;
        left: 0;
    }
    #peach2025 .menubox .imageBox .bg02,
    #peach2025 .menubox.mini:nth-child(odd) .imageBox .bg02{
        bottom: 0;
        left: 0;
        margin-bottom: -9.2%;
        right: auto;
        top: auto;
    }
    #peach2025 .menubox:nth-child(2) .imageBox .bg02,
    #peach2025 .menubox.mini .imageBox .bg02{
        bottom: 0;
        margin-bottom: -9.2%;
        right: 0;
        left: auto;
    }
    #peach2025 .menubox.dish .imageBox .bg01,
    #peach2025 .menubox.mini.dish:nth-child(odd) .imageBox .bg01{
        top: 0;
        margin-top: -10%;
    }
    #peach2025 .menubox.mini.dish:nth-child(odd) .imageBox .bg01{
        left: auto;
        right: 10%;
    }
    #peach2025 .menubox.dish .imageBox .bg02{
        bottom: 0;
    }
    #peach2025 .menubox.mini.dish .imageBox .bg01{
        top: 0;
        margin-top: -10%;
        left: 10%;
    }
    #peach2025 .menubox.mini.dish .imageBox .bg02{
        bottom: 0;
        right: 10%;
        left: auto;
    }
    #peach2025 .menubox.mini.dish:nth-child(odd) .imageBox .bg02{
        left: 10%;
        right: auto;
    }
    
    
    #peach2025 .menubox .imageBox .catchCopy,
    #peach2025 .menubox.mini:nth-child(odd) .imageBox .catchCopy{
        left: 0%;
        font-size: min(4.75vw, 20px);
        top: 0;
        transform: translate(-25%, 0);
        right: auto;
    }
    #peach2025 .menubox:nth-child(2) .imageBox .catchCopy,
    #peach2025 .menubox.mini .imageBox .catchCopy{
        right: 0%;
        transform: translate(25%, 0);
        left: auto;
    }
    #peach2025 .menubox.dish .imageBox .catchCopy {
        top: 0;
        margin-top: -20%;
        left: 9.5%;
    }
    #peach2025 .menubox.mini.dish:nth-child(even) .imageBox .catchCopy {
        top: 0;
        margin-top: -20%;
        right: 9.5%;
        left: auto;
        transform: translate(25%, 0);
    }
    #peach2025 .menubox.mini.dish:nth-child(odd) .imageBox .catchCopy{
        top: 0;
        margin-top: -20%;
        left: 9.5%;
        right: auto;
        transform: translate(-25%, 0);        
    }
    #peach2025 .menubox.mini:nth-child(odd) .imageBox .catchCopy,
    #peach2025 .menubox.mini .imageBox .catchCopy{
        margin-top: -20%;
    }
    #peach2025 .menubox .imageBox .catchCopy p:nth-child(2) {
        margin: 2em 0.4em 0 0;
    }
    #peach2025 .menubox .imageBox .catchCopy p {
        padding: 1em 0.65em;
    }
    #peach2025 .menubox:nth-child(2) figcaption,
    #peach2025 .menubox figcaption,
    #peach2025 .menubox.mini figcaption,
    #peach2025 .menubox.mini.dish figcaption,
    #peach2025 .menubox.mini:nth-child(odd) figcaption{
        position: relative;
        text-align: center;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        padding: 20% 0 0 0;
        width: 100%;
    }
    #peach2025 .menubox figcaption .menuTitle {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 0.3em;
    }
    #peach2025 .menubox figcaption .drop,
    #peach2025 .menubox.mini figcaption .drop,
    #peach2025 .menubox.mini:nth-child(odd) figcaption .drop{
        width: 15%;
        position: absolute;
        top: 12%;
        right: -7%;
        left: auto;
    }
    #peach2025 .menubox:nth-child(2) figcaption .drop,
    #peach2025 .menubox.mini:nth-child(even) figcaption .drop{
        top: -7%;
        left: -5%;
    }
    
    #peach2025 .noteArea{
        padding: 40px;
    }
    #peach2025 .noteArea li{
        font-size: 11px;
    }
    
    #peach2025 .menubox.in figcaption .menuTitle,
    #peach2025 .menubox.in figcaption .price,
    #peach2025 .menubox.in figcaption .moreBtn{
        animation: slideIn .6s ease-in-out forwards !important;
    }
    
    #peach2025 .menubox.mini.in:nth-child(odd) .imageBox .bg01{
        animation: slideinToRT .6s ease-in-out forwards;
    }

    #peach2025 .menubox.mini.in:nth-child(odd) .imageBox .bg02{
        animation: slideinToLB .6s ease-in-out forwards;
    }

    #peach2025 .menubox.mini.in:nth-child(even) .imageBox .bg01{
        animation: slideinToLT .6s ease-in-out forwards;
    }

    #peach2025 .menubox.mini.in:nth-child(even) .imageBox .bg02{
        animation: slideinToRB .6s ease-in-out forwards;
    }

}


/*--------------------------------------------------------------------------------------

TABLET

--------------------------------------------------------------------------------------*/

@media screen and (max-width:900px) {


}


/*--------------------------------------------------------------------------------------

SP

--------------------------------------------------------------------------------------*/

@media screen and (max-width:600px) {
    
    #peach2025 br.sp-none,
    #peach2025 .pc{
        display: none;
    }
    
    
    #peach2025 #mv{
        height: 159.25vw;
    }
    #peach2025 #mv::after{
        width: 92.5vw;
        height: 153.75vw;
        padding-top: 0;
    }
    #peach2025 #mv .image.image01,
    #peach2025 #mv .image.image05{
        width: 50%;
    }
    #peach2025 #mv .image.image03{
        width: 100%;
        top: 0;
        left: 0;
    }
    #peach2025 #mv .image.image02,
    #peach2025 #mv .image.image04{
        width: 57.5%;
    }
    #peach2025 #mv .image.image01{
        left: 0;
        top: 0;
    }
    #peach2025 #mv .image.image02{
        left: auto;
        right: 0;
        top: 0;
        bottom: auto;
    }
    #peach2025 #mv .image.image04{
        left: 0;
        bottom: 0;
        top: auto;
        z-index: 4;
    }
    #peach2025 #mv .image.image05{
        right: 0;
        bottom: 0;
        top: auto;
        z-index: 3;
    }
    #peach2025 #mv .copy {
        width: 8.5%;
        z-index: 5;
    }
    #peach2025 #mv .copy01 {
        left: 10%;
        top: 10vw;
    }
    #peach2025 #mv .copy02 {
        right: 10%;
        bottom: 10vw;
    }
    #peach2025 #mv .deco{
        width: 62.8%;
        z-index: 4;
    }
    #peach2025 #mv .deco01 {
        left: 5.5%;
        top: 5.25vw;
    }
    #peach2025 #mv .deco02 {
        right: 5.5%;
        bottom: 5.5vw;
    }
    #peach2025 #mv .mvTitle {
        top: 51.5%;
        width: 100%;
    }
    
    #peach2025 #mv .image02{
            animation: slideinToRT .6s ease-in-out forwards;
    }
    #peach2025 #mv .image04{
            animation: slideinToLB .6s ease-in-out forwards;
    }
    
    #peach2025 #mv .date {
        width: 30%;
        left: 2%;
        top: 60%;
    }

    
    #peach2025 .menubox figcaption .menuTitle {
        font-size: min(24px, 5.8vw);
    }
    #peach2025 .menubox figcaption .price {
        font-size: min(20px, 5vw);
    }
    
    #peach2025 .menubox figcaption .moreBtn{
        width: 180px;
    }
    #peach2025 .menubox figcaption .moreBtn a{
        padding: 14px 20px 16px 20px;
        font-size: 16px;
    }
    
    
}