@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;600&display=swap');

.bgWhite{
    background: #fff;
}
.bgw01{
    padding: 8px 0 50px 0;
}
/*#container {
    padding-top: 130px;
}*/
#wrapper{
    margin-bottom: 0;
}
#shop_bnr{
    padding-bottom: 100px;
    background: #fff;
}
#menu-fair{
    margin-top: 0;
}

br.pc-none{
    display: none;
}

.sp-none{
    display: block;
}

.white { color: #fff; }

#collaboration16 ul, #collaboration16 p, #collaboration16 dl, #collaboration16 h3{ margin-bottom: 0;}
#collaboration16 dd{ margin-left: 0;}

#collaboration16 {
	width: 100%;
	overflow: hidden;
	position: relative;
	color: rgb(0 0 0 / 70%);
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.07em;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	line-height: 1.72;
    background-image: url("../images/menu/collaboration16/bg_02.jpg");
	background-repeat: repeat;
	background-size: 1440px auto; 
    background-position: top center;   /* 上中央から表示 */
}

#collaboration16 img{ 
    width: 100%; 
    vertical-align: bottom; 
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;
}

#collaboration16 .deco{
    position: absolute;
    left: 0;
    top: 0;
}


/*--- mv ---*/
#collaboration16 .mv {
    position: relative;
	max-width: 1440px;
	margin: 0 auto;
}

#collaboration16 .mv .mvTitle {
    position: absolute;
    top: 12.6%;
    left: 33.8%;
    width: 32.3%;
    z-index: 5;
}

#collaboration16 .mv .mvCopy {
    position: absolute;
	top: 4.4%;
    left: 62.5%;
    width: min(4.5%, 60px);
	z-index: 5;
}

#collaboration16 .mv .mvStart {
	position: absolute;
    left: 42.5%;
    top: 65%;
	width: 15%;
	z-index: 11;
	opacity: 0;
	filter: blur(15px);
}

#collaboration16 .mv .mvStart.blur {
    animation: blurAnime 1s ease forwards;
	animation-delay: 1.3s;
}


/* 初回ぼんやりフェードイン */
@keyframes blurFadeIn {
    from {
        filter: blur(15px);
        transform: scale(1.03);
        opacity: 0;
    }
    to {
        filter: blur(0);
        transform: scale(1);
        opacity: 1;
    }
}


/*--- 画像 ---*/

#collaboration16 .mv .image {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: calc(750 / 1440 * 100%);
}

#collaboration16 .mv .image picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* レイヤー画像共通 */
#collaboration16 .mv .image img.layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 背景は最初から表示 */
#collaboration16 .mv .image img.bg {
	opacity: 1;
	animation: none;
	z-index: 0;
}

#collaboration16 .fade-in {
  opacity: 0;               /* 最初は透明 */
  animation: fadeIn 2s ease forwards; /* 2秒でフェードイン */
  animation-delay: 0.5s;    /* 表示開始の遅延（任意） */
}

#collaboration16 .layer1.fade-in {
  z-index: 2;
  animation-delay: 0.2s;
}

#collaboration16 .layer3 {
  position: relative;
  transform: translateY(-100%);
  opacity: 0;
  animation: stripeDown 1.7s cubic-bezier(.22,1,.36,1) forwards;
  animation-delay: 0.3s;
	z-index: 10;
}

@keyframes stripeDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

#collaboration16 .layer2 {
  z-index: 4;
  opacity: 0;
  animation: fadeIn 1s ease forwards;
  animation-delay: 1s;
}

@keyframes fadeIn {
  to { opacity: 1; }        /* 最終的に不透明に */
}

/*--- menu-box ---*/

/*--- intro ---*/

#collaboration16 .intro{
	position: relative;
	background: url("../images/menu/collaboration16/bg_01.jpg") repeat;
    background-size: 1440px auto;
    background-position: top center;   /* 上中央から表示 */
	padding: 120px 0;
}

/* インナー */
#collaboration16 .introInr {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

/* 背景テクスチャ付きボックス */
#collaboration16 .introBox {
  background: url("../images/menu/collaboration16/bg_intro.jpg") repeat;
	padding-bottom: 70px;
}

/* =====================
   上段
===================== */
#collaboration16 .introBox .top-area {
  display: flex;
  gap: 50px;
  align-items: center;
	  padding: 85px  85px 0;
}

#collaboration16 .introBox .top-area .image {
	max-width: 440px;
	width: 45%;
}

#collaboration16 .introBox .top-area .image img {
  width: 100%;
  display: block;
}

#collaboration16 .introBox .top-area .text {
	width: 55%;
	max-width: 540px;
	text-align: justify;
}

#collaboration16 .introBox .top-area .name .role {
	display: block;
	font-size: 20px;
	letter-spacing: 0.15em;
	color: #000;
	margin-bottom: 10px;
	line-height: 1;
}

#collaboration16 .introBox .top-area .text p {
	font-size: 14px;
	letter-spacing: 0.07em;
	color: #000;
	line-height: 1.8;
}

/* 下：名前（大きく） */
#collaboration16 .introBox .top-area .name .main-name {
    display: block;
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #000;
    line-height: 1;
    margin-bottom: 20px;
}

#collaboration16 .introBoxInner {
  padding: 85px;
}

/* =====================
   下段（帯）
===================== */
#collaboration16 .introBox .bottom-band {
	margin-top: 70px;
	padding: 50px 150px;
	background-color: #BA644A;
	display: flex;
	gap: 30px;
	align-items: center;
	color: #fff;
	line-height: 1.6;
	justify-content: center;
}

/*#collaboration16 .introBox .bottom-band .image {
  width: 40%;
}*/

#collaboration16 .introBox .bottom-band .image img {
  max-width: 198px;
  width: 100%;
}

#collaboration16 .band-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: clamp(18px, 4vw, 20px);
  font-weight: 500;
}

#collaboration16 .band-title .bar {
  width: 29px;
  height: 1px;
  background: #000;
}

/* 横長の細い棒（29px） */
#collaboration16 .introBox .bottom-band .band-title .bar {
  display: block;
  width: 29px;
  height: 1px;
  background: #fff;
  flex-shrink: 0;
}

#collaboration16 .introBox .bottom-band .text {
	width: 69%;
    max-width: 666px;
	color: #fff;
	text-align: justify;
}

#collaboration16 .introBox .bottom-band .text p {
    display: block;
    font-size: 13px;
    letter-spacing: 0.07em;
    line-height: 1.6;
}


/*--- introここまで ---*/

#collaboration16 .menuContainer{
	position: relative;
    background-image: url("../images/menu/collaboration16/bg_02.jpg");
	background-repeat: repeat;
	background-size: 1440px auto; 
	background-position: top center; /* 上中央基準 */
}

#collaboration16 .menu-box .inr{
    display: flex;
    justify-content: space-between;
    align-content: center;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
#collaboration16 .menu-box .inr .image{
    width: 62.5%;
    position: relative;
}
#collaboration16 .menu-box .inr .image img{
    position: relative;
    z-index: 1
}
/* --- 親 .image を相対配置 --- */
#collaboration16 .menu-box .image {
  position: relative;
}

/* --- 縦書き文字の配置 --- */
#collaboration16 .menu-box .image .copy {
    position: absolute;
    top: -10%;
    left: 83%;
    writing-mode: vertical-rl;
}

#collaboration16 .color01 {
	color: #864c00;
}

#collaboration16 .color02 {
	color: #628932;
}

#collaboration16 .menu-box .image .copy.left-align {
    position: absolute;
    top: -10%;
    left: 9%;        /* 左に寄せる */
    writing-mode: vertical-rl;
}


/* --- 文字ごとの白い枠 --- */
#collaboration16 .menu-box .image .copy span {
display: inline-block;       /* 1行に沿う */
    font-size: clamp(10px, 1.6vw, 14px);
    font-weight: 400;
    background-color: #fff;
    padding: 10px 5px;           /* ボックス内余白 */
    margin-left: 5px;
    white-space: nowrap;         /* 改行させない */
}

#collaboration16 .menu-box .inr .info{
    position: relative;
    z-index: 1;
    width: 36%;
}
#collaboration16 .menu-box .inr .info .menuTitle{
    font-weight: normal;
    margin-bottom: 5px;
}

#collaboration16 .menu-box .inr .info .menuTitle .en{
    font-size: 90px;
    line-height: 1;
    display: block;
}
#collaboration16 .menu-box .inr .info .price{
    font-size: 20px;
    margin: 10px 0 20px;
	color: #E66955;
}
#collaboration16 .menu-box .inr .info .price span{
    font-size: 0.7em;
}
#collaboration16 .menu-box .inr .info .text{
    margin-bottom: 50px;
    text-align: justify;
}
#collaboration16 .menu-box .inr .info .menuList01 li{
    border-left: 1px solid #E66955;
    padding-left: 20px;
    margin-bottom: 20px;
}
#collaboration16 .menu-box .inr .info .menuList01 li:last-child{
    margin-bottom: 0;
}
#collaboration16 .menu-box .inr .info .menuList01 li .caption{
    color: #E66955;
    line-height: 1.5;
    margin-bottom: 5px;
	font-size: 14px;
}
#collaboration16 .menu-box .inr .info .menuList01 li .text{
    font-size: clamp(12px, 1.5vw, 17px);
	
    margin-bottom: 0;
    line-height: 1.5;
}
#collaboration16 .menu-box .inr .info .menuName{
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
}

#collaboration16 .menu-box.menu-box06 .inr .info .menuName{
    color: #ad0b0b;
}

#collaboration16 .menu-box.menu-box06 .inr .info .menuName span.small {
    font-size: 80%;
}

#collaboration16 .menu-box .inr .info .menuTxt{
    font-size: 20px;
    margin-bottom: 10px;
}

#collaboration16 .menu-boxLeftImage,
#collaboration16 .menu-boxRightImage{
    position: relative;
    padding-bottom: 120px;
}

#collaboration16 .menu-box02 .inr02-01,
#collaboration16 .menu-box04 .inr02-01,
#collaboration16 .menu-box05 .inr02-01,
#collaboration16 .menu-box06 .inr02-01,
#collaboration16 .menu-box07 .inr02-01{
    align-items: center;
}

#collaboration16 .menu-boxLeftImage .image{
    margin-left: -50px;
}
#collaboration16 .menu-boxRightImage .image{
    margin-right: -50px;
}

/* 左右短い罫線と中央テキスト */
#collaboration16 .line-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 60px; /* 上下の間隔 */
    gap: 10px;      /* 文字と線の間 */
}

#collaboration16 .line-title .line {
    display: block;
    width: 50px;       /* 罫線の長さ */
    height: 1px;       /* 線の太さ */
    background-color: #E66955;
}

#collaboration16 .line-title .text {
	font-size: clamp(20px, 2.5vw, 22px);
    font-weight: 600;
    color: #E66955;
    white-space: nowrap; /* 改行させない */
}

#collaboration16 .appBnrBox{
    width: 90%;
    max-width: 900px;
    margin: 100px auto 0;
}

#collaboration16 .appBnrBox a img{ 
    transition: .3s ease;
}

#collaboration16 .appBnrBox a:hover img{ 
    transform: scale(1.1);
}



#collaboration16 .pcNone { display: none;}

#collaboration16:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background: url(../images/menu/collaboration16/bg.jpg) center top / cover no-repeat;
    position: fixed;
    left: 0;
    top: 0;
}

#collaboration16 .title2 .jp{
    font-size: 38px;
    margin-bottom: 10px;
    display: block;
    line-height: 1.5;
    color: #000;
    position: relative;
    font-weight: normal;
    text-align: center;
}
#collaboration16 .title2 .jp:before{
    display: block;
    content: "";
    width: 54px;
    height: 24px;
    background: url("../images/menu/collaboration16/deco2.svg") center center / contain no-repeat;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
}

#collaboration16 .title2.setdrink .jp:before{
    display: block;
    content: "";
    width: 54px;
    height: 24px;
    background: url("../images/menu/collaboration16/deco.svg") center center / contain no-repeat;
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
    margin: auto;
}

#collaboration16 .text .chuki{
    font-size: 12px;
    display: block;
}

#collaboration16 .text .chuki:first-of-type{
    margin-top: 15px;
}

#collaboration16 .comingsoon{
    width: 400px;
    margin: 0 auto;
    padding: 80px 0;
    opacity: 0.3;
}

#collaboration16 .menu-box .inr .info .menuTxt {
    font-size: 26px;
	color: #283232;
	text-align: left;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 1.5;
}

#collaboration16 .menu-box04 .inr .info .menuTxt {
    text-align: center;
}

#collaboration16 .menu-box .inr .info .menuTxt .small{
	font-size: 14px;
	font-weight: 400;
	display: block;
	color: #E66955;
	margin-bottom: 10px;
}

#collaboration16 .menu-box .inr .info .menuTxt .menuSmall{
	font-size: clamp(12px, 1.9vw, 18px);
	display: block;
}

#collaboration16 .menu-box .inr .info .drink {
    width: fit-content;
    text-align: center;
    margin: 8px 0 18px;
}

#collaboration16 .menu-box .inr .info .drink span {
    font-size: 13px;
	color: #fff;
	background-color: #864c00;
	text-align: center;
	padding: 8px 8px;
}

#collaboration16 .menu-box .inr .info .subName {
    position: relative;
    font-size: 20px;
    color: #ad0b0b;
    margin: 50px 0 10px;
}

#collaboration16 .menu-box .inr .info .subName:before {
    content: "";
    background: #ad0b0b;
    width: 60px;
    height: 1px;
    position: absolute;
    top:-22px;
    left: 0;
}

#collaboration16 .menu-box .inr .info .subTxt {
    font-size: 13px;
    line-height: 2;
}

#collaboration16 .menu-box .inr .info .caution {
	font-size: 12px;
    margin-top: 20px;
    color: #686F6F;
    letter-spacing: 0.01em;
}

#collaboration16 .menu-box .caution2 {
    text-align: center;
    font-size: 12px;
    color: #D26E8C;
    width: 86%;
    margin: 80px auto 0;
}

#collaboration16 .menu-box .setdrinkTxt {
    text-align: center;
    font-size: 24px;
}

#collaboration16 .menu-box .setdrinkTxt span {
   font-size: 0.8em;
}

#collaboration16 .menu-box .caution3 {
    text-align: center;
    font-size: 12px;
    color: #D26E8C;
    margin-top: 10px;
}

#collaboration16 .menu-box .caution3 span {
    border-bottom: double #D26E8C;
}

#collaboration16 .menu-box .inr.left {
    flex-direction: row-reverse; 
}

#collaboration16 .menu-box .inr.left .info {
    padding-left: 0;
    padding-right: 4%;  
}


#collaboration16 .menuTitle{
    margin-bottom: 5px;
}
#collaboration16 .menu-box04 .menuTitle{
    margin-bottom: -20px;
}
#collaboration16 .menuTitle .titleTxt {
	font-family: "Windsong", cursive;
	font-weight: 400;
	font-style: normal;
    font-size: 72px;
    text-align: center;
    color: rgba(158,112,51,.2);
    line-height: 1;
    display: block;
}

#collaboration16 .menuTitle .jpTitle {
	font-size: 36px;
	color: #864c00;
	text-align: center;
	margin: 120px 0 10px;
}


#collaboration16 .menu-box01 .menuTitle .titleTxt,
#collaboration16 .specialPrice .menuTitle .titleTxt,
#collaboration16 .menu-box04 .menuTitle .titleTxt {
    text-align: center;
}
#collaboration16 .small-menu-container .menu-box .inr .info .menuTitle{
    margin-bottom: 15px;
}
#collaboration16 .specialPrice .menuTitle{
    margin-bottom: 30px;
}

#collaboration16 .menu-box02 .menuTitle .titleTxt{
    text-align: left;
}

#collaboration16 .decoStar{
    width: 20%;
}
#collaboration16 .decoStar.star1{
    margin: 0 auto 20px;
}
#collaboration16 .menu-box04 .decoStar.star1{
    margin: 0 auto 20px;
}
#collaboration16 .decoStar.star2{
    max-width: 120px;
	margin: 0 auto 60px;
}

#collaboration16 .small-menu-container{
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    width: 80%;
}
#collaboration16 .small-menu-container .menu-box{
    width: 45%;
}
#collaboration16 .small-menu-container .menu-box .inr{
    flex-direction: column;
    width: 100%;
}
#collaboration16 .small-menu-container .menu-box .inr .image,
#collaboration16 .small-menu-container .menu-box .inr .info{
    width: 100%;
}
#collaboration16 .small-menu-container .menu-box .inr .info{
	padding-top: 20px;
    padding-bottom: 120px;
	width: 80%;
}

/*ルビ*/
#collaboration16 ruby rt {
    font-size: 9px;
    letter-spacing: 0.02em;
}

/* ----------------------------------------セット箇所 */

#collaboration16 .setBox{
    padding: 0 auto;
    position: relative;
}

#collaboration16 .menu-box04.setBox{
    padding: 0 0;
}

#collaboration16 .setBox .image{
    margin: 0 auto 40px;
    width: 90%;
    max-width: 1200px;
}


#collaboration16 .menu-box.setBox .setBoxInner {
    padding: 120px 0 120px;
    margin-top: -130px;
}

#collaboration16 .menu-box.setBox .inr {
    width: 95%;
    max-width: 1200px;
}

#collaboration16 .menu-box.setBox .inr .info {
    width: 100%;
    padding: 0;
}

#collaboration16 .menu-box01 .info{
    justify-content: center;
    display: flex;
}

#collaboration16 .menu-box01 .inr .info01{
    width: calc(50% - 10px);
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    padding-left: 13%;
}
#collaboration16 .menu-box01 .inr .info02{
    width: calc(50% - 10px);
}

#collaboration16 .menu-box.setBox .inr .info .price {
    text-align: left;
    color: #E66955;
}

#collaboration16 .menu-box04.setBox .inr .info .price {
    text-align: center;
}

#collaboration16 .setBox .titleImg {
    max-width: 171px;
}

#collaboration16 .setBox .textBox {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
}

#collaboration16 .setBox .textBox:last-child {
    margin-bottom: 0;
}

#collaboration16 .setBox .textBox dt {
    width: 100%;
    height: 100%;
    max-width: 84px;
    border-radius: 100%;
    padding: 16px;
    background: #4c300f;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 25px;
}

#collaboration16 .setBox .textBox dt:before {
    display: block;
    content: '';
    padding-top: 100%;
}

#collaboration16 .setBox .textBox dd {
    font-size: 18px;
}

#collaboration16 .setBox .textBox dd span {
    font-size: 15px;
}

#collaboration16 .setBox .menuList01 {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

#collaboration16 .menu-box.setBox .inr .info .menuList01 li .text {
    font-size: clamp(12px, 2.2vw, 17px);
    color: #283232;
    line-height: 1.5;
}

#collaboration16 .menu-box.setBox .inr .info .menuList01 li .text span.small {
    font-size: 14px;
}

#collaboration16 .text .plus {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

#collaboration16 .setBox .textArea p {
    font-size: 15px;
    text-align: justify;
    line-height: 2;
    color: #283232;
    /*font-weight: bold;*/
}


#collaboration16 .setBox02 .line-title .line {
    background-color: #628932;
}

#collaboration16 .setBox02 .line-title .text,
#collaboration16 .setBox02 .inr .info .menuTxt .small,
#collaboration16 .setBox02 .inr .info .menuList01 li,
#collaboration16 .setBox02 .inr .info .menuList01 li .caption {
	color: #628932;
}

#collaboration16 .menu-box.menu-box01.setBox.setBox02 .inr .info .price{
	color: #628932;
}

#collaboration16 .setBox02 .inr .info .menuList01 li{
	border-left: 1px solid #628932;
}

/*#collaboration16 .setBox span {
	color: #613e00;
}

#collaboration16 .setBox02 span {
	color: #628932;
}*/

#collaboration16 .menu-box.menu-box05.setBox02 .inr .info .menuTxt .small,
#collaboration16 .menu-box.menu-box05.setBox02 .inr .info .price,
#collaboration16 .menu-box.menu-box06.setBox02 .inr .info .menuTxt .small,
#collaboration16 .menu-box.menu-box06.setBox02 .inr .info .price{
	color: #628932;
}

#collaboration16 .menu-box.menu-box05.setBox02 .inr .info .menuList01 li .text,
#collaboration16 .menu-box.menu-box06.setBox02 .inr .info .menuList01 li .text{
	color: rgb(0 0 0 / 70%);
}

#collaboration16 .menuContainer .caution {
    font-size: 12px;
    color: #686F6F;
    text-align: center;
}

/* ----------------------------------------単品メニュー */

#collaboration16 .menu-alacarte {
    padding-bottom: 80px;
}

#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02{
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    width: 80%;
}
#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .menu-box{
    width: 45%;
}
#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .menu-box .inr{
    flex-direction: column;
    width: 100%;
}
#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .menu-box .inr .image,
#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .menu-box .inr .info{
    width: 100%;
}
#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .menu-box .inr .info{
	padding-top: 20px;
    padding-bottom: 80px;
}

#collaboration16 .menu-alacarte .menu-box .inr .info .menuTxt {
    font-size: clamp(14px, 1.9vw, 22px);
    text-align: center;
}

#collaboration16 .menu-alacarte .menu-box .inr .info .price {
    text-align: center;
}

#collaboration16 .menu-alacarte .menu-box .inr .info .subTxt {
    text-align: center;
}

#collaboration16 .menu-alacarte .caution {
    font-size: 12px;
    color: rgb(0 0 0 / 70%);
    text-align: center;
    margin-top: -40px;
}

#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .menu-box .price {
    color: #864C00;
}

/* ----------------------------------------うどんアイコン */
#collaboration16 .menu-box.menu-box01.setBox.setBox02 .image-figure {
    position: relative;
	    display: inline-block; /* 必要に応じて */
    width: 100%;
}

#collaboration16 .menu-box.menu-box01.setBox.setBox02 .image-figure img.fit {
    width: 100%;
    height: auto;
    display: block;
}

#collaboration16 .menu-box.menu-box01.setBox.setBox02 .image-figure .icon {
    position: absolute;
    bottom: 8%;
    right: 4%;
    width: 15%;
    max-width: 170px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
}

#collaboration16 .menu-box.menu-box07 .image .imgBox {
    position: relative; /* ここが重要 */
    display: inline-block;
    width: 100%;
}

#collaboration16 .menu-box.menu-box07 .image .imgBox img {
    width: 100%;
    height: auto;
    display: block;
}

#collaboration16 .menu-box.menu-box07 .image .imgBox .icon {
    position: absolute;
    bottom: 3%;
    right: 1%;
    width: 30%;
    max-width: 170px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
}

/* ----------------------------------------フェアバナー */
#collaboration16 .bnrBox {
    background-image: url("../images/menu/collaboration16/bg_02.jpg");
    background-repeat: repeat-y;       /* 縦方向のみリピート */
    background-size: 100% auto;        /* 横幅100%、高さは自動 */
    background-position: top center;   /* 上中央から表示 */
}

#collaboration16 .bnrBox .bnr {
    padding: 120px 0;
    margin: 0 auto;
}

#collaboration16 .bnrBox .bnr .day {
    max-width: 670px;
    width: 100%;
    margin: 0 auto 30px;
}

#collaboration16 .bnrBox .bnr .swipe .swipeBox {
    display: none;
    }
#collaboration16 .bnrBox .bnr .swipe .swipeIn img {
    width: 75%;
    max-width: 600px;
	display: block;
    margin: 0 auto;
}


/* パン追加 */

#collaboration16 .panBox .panBoxInner {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 150px;
    padding: 60px;
    background: url(../images/menu/collaboration16/bg_setmenu.png) center center / 1200px no-repeat;
    text-align: center;
    position: relative;
	background-size: cover;
}

#collaboration16 .specialPrice .menuTitle .jpTitle {
	font-size: clamp(28px, 4vw, 36px);
    color: #864c00;
    text-align: center;
    margin: 80px 0 10px;
}

#collaboration16 .specialPrice .decoStar.star2 {
    width: 40px;
    margin: 0 auto;
}

#collaboration16 .specialPrice .sideMenuList {
  display: flex;
  gap: 40px;
  justify-content: center;
}

/* 各商品 */
#collaboration16 .specialPrice .sideMenuItem {
	max-width: 230px;
	width: 90%;
	text-align: center;
}

/* 画像 */
#collaboration16 .sideMenuItem .itemImage img {
  width: 100%;
  max-width: 177px;
  margin: 0 auto;
  display: block;
}

/* 商品名 */
#collaboration16 .specialPrice .sideMenuItem .itemName {
    font-size: clamp(14px, 1.4vw, 24px);
    text-align: center;
	font-weight: 600;
}

#collaboration16 .itemName .small {
  font-size: 0.7em;   /* 親文字サイズ基準で小さく */
  letter-spacing: 0.05em;
}

/* 値段 */
#collaboration16 .specialPrice .sideMenuItem .itemPrice {
	font-size: 20px;
	margin: 10px 0 20px;
	color: #864C00;
}

#collaboration16 .specialPrice .sideMenuItem .itemPrice span {
    font-size: 0.7em;
}



/*  wine  */

#collaboration16 .menu-box.wine.contentBox {
    background-image: url("../images/menu/collaboration16/bg_03.jpg");
    background-repeat: repeat;       /* 縦方向のみリピート */
    background-size: 1440px auto;        /* 横幅100%、高さは自動 */
    background-position: top center;   /* 上中央から表示 */
}

/*#collaboration16 .menu-box.wine {
    padding: clamp(40px, 10vw, 120px) 0; 
}*/

#collaboration16 .menu-box.wine .inr .info .menuTitle {
    margin-bottom: 20px;
}
#collaboration16 .menu-box.wine .menuTitle .titleTxt,
#collaboration16 .menu-box.wine .inr .info .menuTxt{
    text-align: center;
}

#collaboration16 .menu-box.wine .menuTitle .titleTxt{
    color: rgba(255,255,255,0.4);
}
#collaboration16 .menu-box.wine .inr .info .menuTxt{
    color: #fff;
}

#collaboration16 .menu-box.wine .info{
    width: 100%;
}
/*#collaboration16 .menu-box.wine .inr ul {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
}*/
#collaboration16 .menu-box.wine .inr ul li {
    display: flex;
    justify-content: center;
	 align-items: center;
}
#collaboration16 .menu-box.wine .inr ul li .image {
    width: 17%;
    max-width: 194px;
	display: flex;
    justify-content: center; /* 横方向センター */
    align-items: center;     /* 縦方向センター */
}
#collaboration16 .menu-box.wine .inr ul li .info {
	width: 77%;
    max-width: 270px;
    color: #fff;
}
#collaboration16 .menu-box.wine .housewine {
    max-width: 1000px;
    margin: 140px auto 0;
    padding: 50px 0;
    background: #fff;
    border-right: 1px solid #D26E8C;
    border-left: 1px solid #D26E8C;
    border-bottom: 1px solid #D26E8C;
}
#collaboration16 .menu-box.wine .housewine h5 {
    display: flex;
    align-items: center;
    margin: -66px auto 50px;
}
#collaboration16 .menu-box.wine .housewine h5 img {
    width: calc(100% - 20% / 2);
    max-width: 440px;
}
#collaboration16 .menu-box.wine .housewine h5:before, #collaboration16 .menu-box.wine .housewine h5:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #D26E8C;
}
#collaboration16 .menu-box.wine .inr .housewine ul {
    padding: 0 120px;
}
#collaboration16 .menu-box.wine .inr .housewine ul li {
    width: 47%;
    justify-content: flex-start;
}
#collaboration16 .menu-box.wine .inr .housewine ul li .image {
    width: 26%;
}
#collaboration16 .menu-box.wine .inr .housewine ul li .info {
    padding-left: 1%;
}
#collaboration16 .menu-box.wine .inr .info .price {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1;
	color: #fff;
}

#collaboration16 .menu-box.wine .inr .info .price span{
	line-height: 1.8;
}

#collaboration16 .menu-box.wine .square {
    font-size: 12px;
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}
#collaboration16 .menu-box.wine .inr .info .menuName.bottle {
    font-size: 20px;
    margin-bottom: 5px;
}

#collaboration16 .menu-box.wine .inr .info .caution {
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin: 50px 0 80px;
}

#collaboration16 .menu-box.wine .menuTitle .jpTitle {
	color: #fff;
}

#collaboration16 .menu-box.wine .menuName span {
  font-size: 0.8em;
}

/*-------------------------------------------
キャンペーン追加
-------------------------------------------*/

/*#collaboration16 .infoBox3 {
  border: 1px solid #d6c8b2;
  border-radius: 10px;
  padding: 25px 30px;
  background-color: #faf8f4; 
  margin: 40px 0;
}*/

#collaboration16 .infoBox3 .infoTitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  border-left: 4px solid #c7a572; /* ゴールド系アクセント */
  padding-left: 10px;
}

#collaboration16 .infoBox3 .infoList {
  margin: 0 0 20px 20px;
  line-height: 1.7;
}

#collaboration16 .infoBox3 .infoList.infoListMenu {
  margin: 0 0 20px 0;
}

#collaboration16 .bnrBox .bnr .infoBox3 .infoList.infoListMenu li::before {
    content: "・";
    margin-right: 6px;
    color: #864c00;
}

#collaboration16 .infoBox3 .infoList.order {
  list-style: decimal;
}

#collaboration16 .infoBox3 .note {
  font-size: 11px;
  line-height: 1.6;
  color: #555;
  margin-top: 10px;
}

#collaboration16 .bnrBox .bnr .infoBox3 {
    width: clamp(280px, 90%, 600px);
    margin: 40px auto 0;
/*    padding: 30px 45px;
    background: #fff;
    border: 1px solid #ddd;*/
    border-radius: 12px;
}

/*-------------------------------------------
　ワイン キャンペーン追加
-------------------------------------------*/
#collaboration16 .wine .infoBox3.specialOffer {
    width: clamp(280px, 90%, 600px);
    margin: 40px auto 20px;
    padding: 25px 20px 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.07);
    text-align: center;
    box-sizing: border-box;
}

#collaboration16 .wine .infoBox3.specialOffer p span.dateHighlight {
    font-size: 1.8em;          /* 大きめ文字 */
    font-weight: bold;
    color: #fff;            /* ゴールド系でもOK、または濃いゴールド #B8860B */
	display: block;
    margin-bottom: -12px;
}

/* 帯デザイン（日付とご注文限定用） */
#collaboration16 .wine .infoBox3.specialOffer p.band {
    background-color: #B8860B;  /* 帯の色 */
    color: #fff;                /* 文字色 */
    font-weight: bold;
    padding: 25px 15px;
    text-align: center;
    margin: 0 -20px 20px;      /* 左右のマイナスマージンでボックス端まで広げる */
	border-radius: 0;           /* 角丸をなくして左右いっぱいに */
	line-height: 1.6;
}

/* 箇条書きリスト */
#collaboration16 .wine .infoBox3.specialOffer .offerList {
    list-style: disc inside;
    padding-left: 0;
    margin-bottom: 12px;
}

#collaboration16 .wine .infoBox3.specialOffer .offerList li {
    margin-bottom: 6px;
}

/* 有効期限・注意書き */
#collaboration16 .wine .infoBox3.specialOffer .validity {
    font-size: 12px;
    line-height: 1.6;
    color: #666;
}

/* 注意書き */
#collaboration16 .wine .caution {
    font-size: 12px;
    color: #999;
    line-height: 1.5;
    text-align: center;
    margin-top: 20px;
}

/* 「1杯無料券プレゼント」を大きく強調 */
#collaboration16 .wine .infoBox3.specialOffer p span.highlight {
    font-size: 2.4em;        /* 文字を大きく */
    font-weight: bold;       /* 太字に */
    color: #B8860B;          /* 色を変えてアクセントに */
    display: inline-block;   /* ブロック感を少し出す */
    margin: 10px 0;
}

#collaboration16 .wine .infoBox3.specialOffer .validity .expiryDate {
    display: block;       /* ブロックにして下マージンを効かせる */
    margin-bottom: -10px;   /* 下に余白を追加 */
}

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

#collaboration16 .slideIn,
#collaboration16 .fadein,
#collaboration16 .slideInin {
	opacity: 0;
}

#collaboration16 #mv .slideIn,
#collaboration16 .in .slideIn,
#collaboration16 .in.slideIn,
#collaboration16 #sceneArea .mv.in.slideInin,
#collaboration16 #sceneArea .saoriBox.in.slideInin,
#collaboration16 #sceneArea .storyBox.in .slideInin {
	animation: slideIn 1s ease forwards;
}
#collaboration16 .in .fadein,
#collaboration16 .in.fadein{
	animation: fadein 2s ease forwards;
}

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

#collaboration16 .clip01 {
    clip-path: inset(0 0 100% 0);
}

#collaboration16 #mv .clip01,
#collaboration16 .in .clip01,
#collaboration16 .in.clip01 {
    animation: clip01 .8s ease forwards;
	animation-delay: 0.5s;
}

#collaboration16 .clip02 {
    clip-path: inset(0 100% 0 0);
}

#collaboration16 #mv .clip02,
#collaboration16 .in .clip02,
#collaboration16 .in.clip02 {
    animation: clip02 .8s ease forwards;
}

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

/*じわっ*/
#collaboration16 .date,
#collaboration16 .ani,
#collaboration16 .copyani {
    opacity: 0;
}

#collaboration16 #mv.in .date.blur,
#collaboration16 #mv.in .copyani.blur,
#collaboration16 .in.ani.blur {
    animation: blurAnime 1.2s ease forwards;
}

@keyframes blurAnime{
    from {
    filter: blur(15px);
    transform: scale(1.03);
    opacity: 0;
    }

    to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
    }
}



/*--- delay ---*/
#collaboration16 .delay02{ animation-delay: 0.2s !important;}
#collaboration16 .delay04{ animation-delay: 0.4s !important;}
#collaboration16 .delay06{ animation-delay: 0.6s !important;}
#collaboration16 .delay08{ animation-delay: 0.8s !important;}
#collaboration16 .delay10{ animation-delay: 1.0s !important;}
#collaboration16 .delay12{ animation-delay: 1.2s !important;}
#collaboration16 .delay14{ animation-delay: 1.4s !important;}
#collaboration16 .delay16{ animation-delay: 1.6s !important;}


/*-------------------------------------------
ONLY PC & HOVER
-------------------------------------------*/
@media only screen and (min-width: 769px){
	#collaboration16 img,
	#collaboration16 #mv .inr{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		image-rendering: crisp-edges;
		image-rendering: -webkit-optimize-contrast;
	}
    
    
    #collaboration16 .sns ul li a:hover {
        box-shadow: 0 8px 16px rgba(0,0,0,0.3);
        transform: scale(1.1) rotate(12.5deg);
    }
	
	
}

/*-------------------------------------------
Under 1350px
-------------------------------------------*/
@media only screen and (max-width: 1350px){
    
    
    
}


/*-------------------------------------------
Tablet
-------------------------------------------*/
@media only screen and (max-width: 900px){
	
	 br.pc-none {
	display: inline;
	}

	.sp-none{
	display: none;
	}
	
	#collaboration16 ruby rt {
    font-size: 6px;
    letter-spacing: 0.02em;
}
	#collaboration16 .menuTitle {
    margin-bottom: 60px;
}
	
	#collaboration16 .menuTitle .jpTitle {
    margin: 80px 0 10px;
}
	
	#collaboration16 .menu-box.setBox .setBoxInner {
    padding: 120px 0 5px;
}
    
    #collaboration16 .menu-box01 .inr .info01 {
    padding-left: 6%;
}

#collaboration16 .gradient-box.gradient-box2 {
    margin: 60px auto 60px;
}
	
#collaboration16 .small-menu-container .menu-box .inr .info {
    width: 100%;
}
	
#collaboration16 .small-menu-container .menu-box .inr .info {
    padding-bottom: 70px;
}

#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .menu-box .inr .info {
    padding-bottom: 60px;
}
	
#collaboration16 .small-menu-container {
    margin: 60px auto 0;
}

#collaboration16 .menu-alacarte {
    padding-bottom: 80px;
}
	
#collaboration16 .menu-alacarte .menu-box .inr .info .subTxt {
    text-align: left;
}

#collaboration16 .specialPrice {
    margin-bottom: 80px;
}
	
#collaboration16 .specialPrice .decoStar.star2 {
margin: 10px auto;
}

#collaboration16 .specialPrice .specialPriceInner {
    padding-bottom: 0;
	margin: 0 auto;
}
	
#collaboration16 .specialPrice .sideMenuItem .itemName {
    font-size: clamp(17px, 1.4vw, 24px);
}
	
#collaboration16 .specialPrice .sideMenuList {
    gap: 20px;
}
	
#collaboration16 .panBox .panBoxInner {
    margin: 0 auto 90px;
}

#collaboration16 .specialPrice .specialPriceInner .panBox .panBoxInner .decoGroup {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px auto;
	
    }
	
#collaboration16 .panBox .panBoxInner .deco01 {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
}
	
#collaboration16 .panBox .panBoxInner .deco02 {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
    }

#collaboration16 .menu-box.wine .inr ul {
	flex-direction: column;
	gap: 35px; /* 各 li の間隔 */
	align-items: center;
}
#collaboration16 .menu-box.wine .inr ul li {
    width: 100%;
	flex-direction: column;
	padding-top: 20px;
}
	

#collaboration16 .specialPrice .specialPriceInner {
    width: 60%;
}
#collaboration16 .menuTitle .titleTxt {
    font-size: clamp(36px, 8vw, 72px);
}

#collaboration16 .menuTitle .jpTitle {
font-size: clamp(18px, 4vw, 36px);
}
#collaboration16 .decoStar.star2 {
    margin: 0 auto 0px;
}
	
#collaboration16 .specialPrice .specialPriceInner .panBox .panBoxInner .decoGroup {
        margin: 0px auto 20px;
    }
	
#collaboration16 .panBox .panBoxInner h2 {
    font-size: clamp(16px, 3vw, 24px);
    font-weight: normal;
    line-height: 1;
    margin-bottom: 10px;
}
	

#collaboration16 .panBox .panBoxInner {
    padding: 30px 30px;
}
	

	
#collaboration16 .introBox .top-area {
    padding: 70px 70px 0;
    flex-direction: column;
	gap: 35px;
}
	
#collaboration16 .introBox .top-area .image {
    width: 50%;
}
	
#collaboration16 .introBox .top-area .text {
    width: 90%;
}
	
#collaboration16 .introBox .top-area .text .name {
 text-align: center;
}
	
#collaboration16 .introBox .bottom-band {
    padding: 50px 70px;
}
	
#collaboration16 .introBox .bottom-band .text {
    width: 90%;
    max-width: 540px;
}
	
#collaboration16 .introBox .bottom-band .image img {
    max-width: 205px;
}
	
	
}

/*-------------------------------------------
SP
-------------------------------------------*/

@media only screen and (max-width: 600px){
	 
	#collaboration16 .mv .image {
		width: 100%;
		max-width: 600px; 
		height: auto; 
		aspect-ratio: 4 / 5;
		padding-top: 0; 
		margin: 0 auto; 
	}
	
	
	#collaboration16 .mv .mvDeco {
		position: absolute;
		width: 15vw;
	}

	#collaboration16 .mv .mvStart {
	width: 27%;
	left: 36.5%;
	top: 57%;
	}
	
	#collaboration16 .mv .deco1 {
	top: 32%;
	left: 77%;
	}
	
	#collaboration16 .mv .deco2 {
	top: 78%;
	left: 4%;
	}
	
	#collaboration16 .menuContainer .decoDate {
    padding: clamp(20px, 14vw, 80px) 0 clamp(15px, 3vw, 60px);
}
	
     br.pc-none {
        display: inline;
    }

    .sp-none{
    display: none;
    }
    #collaboration16{
        font-size: 14px;
    }
	#collaboration16 .sp { display: block;}
	#collaboration16 .pc { display: none;}
    
    
    #collaboration16 .spNone { display: none;}
    #collaboration16 .pcNone { display: block;}
    
    #container {
        padding-top: 60px;
    }
    .bgw01 {
        padding: 0px 0 1px 0;
    }
	
	#collaboration16 .menu-box .image .copy span {
    font-size: clamp(14px, 1.2vw, 16px);
}
	#collaboration16 .setBox .image {
    margin: 50px auto 40px;
}
    #collaboration16 .menuContainer .menu-icon {
    left: -4px;
    bottom: 20px;
    width: 30%;
	max-width: 162px;
	}
	
	#collaboration16 .gradient-box.gradient-box2 {
	margin: 60px auto 10px;
	}
	
	#collaboration16 .decoStar {
    width: 32%;
}
	
	#collaboration16 .text-box {
	width: 80%;
}
	
	#collaboration16 .menu-box.setBox .inr .info {
    flex-direction: column;
    align-items: center;
}
	
	#collaboration16 .menu-box01 .inr .info01 {
    width: 80%;
    display: flex;
    flex-direction: column;
	align-items: center;
}
	
	#collaboration16 .menu-box01 .inr .info02 {
    width: 80%;
    margin-top: 20px;
}
	
	#collaboration16 .gradient-box .box-text .box-title {
    text-align: center;
}
	
    #collaboration16 .gradient-box-inner {
        flex-direction: column; /* ← 縦並び */
        align-items: center;    /* 中央揃えしたいなら */
    }
    

	
    #collaboration16 .line-title {
        margin: 60px 20px 0;
    }
	
	#collaboration16 .menu-box .image .copy.left-align {
	top: -5%;
	left: 75%;
	}

	#collaboration16 .small-menu-container {
	flex-direction: column;  /* ← 縦並びに変更 */
	width: 90%;              /* ちょい広げると見やすい */
	gap: 80px;               /* カード間の余白少し増やす */
	}
	
	#collaboration16 .small-menu-container .menu-box .inr {
    flex-direction: column;
    width: 100%;
}
	
	#collaboration16 .small-menu-container .menu-box {
    width: auto;
}
    #collaboration16 .small-menu-container .menu-box .inr .info {
        padding: 5% 10% 0;
    }
	#collaboration16 .menuContainer .caution {
    margin-top: 7%;
	padding: 0 60px;
	text-align: left;
}
	
	#collaboration16 .menu-box.menu-box07 .caution{
	padding: 0;
	text-align: justify;
}
	
	#collaboration16 .small-menu-container .menu-box .inr .info .info01{
		text-align: center;
	}
	
	#collaboration16 .menu-box .inr .info .menuTxt {
	text-align: center;
	}
	#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .menu-box {
	width: auto;
	}
		#collaboration16 .specialPrice .specialPriceInner {
		width: 86%;
	}
	
	#collaboration16 .menuTitle {
	margin-bottom: 50px;
	}
	#collaboration16 .menu-box .inr .info .menuTxt .menuSmall {
	font-size: clamp(16px, 1.7vw, 18px);
	}

	#collaboration16 .menu-alacarte .menu-box .inr .info .menuTxt {
	font-size: clamp(18px, 1.7vw, 22px);
	text-align: center;
	}
		
	    #collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .menu-box .inr .info {
        padding-bottom: 0px;
    }
	
	#collaboration16 .menu-box .image .copy {
	top: -5%;
	left: 75%;
	}
	
	#collaboration16 .sideMenuItem .itemImage img {
	max-width: 140px;
	}
	
	#collaboration16 .panBox .panBoxInner {
	padding: 50px 40px;
	}
	
	#collaboration16 .panBox .panBoxInner h2 {
	margin-bottom: 30px;
	}
	
	#collaboration16 .specialPrice .sideMenuList {
	flex-direction: column;
	align-items: center;
	}
	
	#collaboration16 .menu-box.wine .inr ul li {
    display: flex;          /* ここが必須 */
    flex-direction: column; /* 縦方向に並べる */
    gap: 5px;              /* アイテム間の余白 */
    align-items: center;    /* 横方向の中央揃え */
	}
	
	#collaboration16 .menu-box.wine .inr ul li .info {
    width: 90%;
    max-width: 400px;
    color: #fff;
	text-align: justify;
	}
	
	#collaboration16 .menu-box .inr .info .subTxt {
    font-size: 14px;
    line-height: 2;
}
	#collaboration16 .menu-box .inr .info .menuName {
    font-size: 22px;
    margin-bottom: 15px;
	margin-top: 10px;
    text-align: center;
}
/*	#collaboration16 .menuContainer .caution {
	margin: 0 20%;
}
	#collaboration16 .menu-box.menu-box07 .inr .info .caution {
    font-size: 12px;
    margin-top: 20px;
    color: #686F6F;
    letter-spacing: 0.01em;
}*/
	
	#collaboration16 .menu-box.wine .square {
    font-size: 14px;
    margin-bottom: 5px;
}
	#collaboration16 .menu-box.wine .inr .info .price {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1;
    color: #fff;
    text-align: center;
}
    #collaboration16 .menu-box.wine .inr .info .caution {
        margin-bottom: 80px;
    }
	#collaboration16 .introBox .top-area .image {
	width: 80%;
    }
	
	#collaboration16 .introBox .bottom-band {
        padding: 40px 20px;
        flex-direction: column;
    }
	
	#collaboration16 .menu-box.wine .inr ul li .image {
    width: 25%;
}
	
	#collaboration16 .intro {
    padding: 80px 0;
}
	
	#collaboration16 .introBox .top-area {
        gap: 30px;              /* 縦方向の間隔 */
        padding: 40px 20px 0;   /* 上下・左右の余白を調整 */
    }

    #collaboration16 .introBox .top-area .image,
    #collaboration16 .introBox .top-area .text {
        width: 100%;            /* 幅いっぱいに */
        max-width: 400px;       /* 最大幅を制限して見栄えを調整 */
    }
	
	#collaboration16 .introBox .bottom-band {
    margin-top: 40px;
}
	
    #collaboration16 .menuTitle .jpTitle {
        font-size: clamp(28px, 4vw, 36px);
    }
	
	#collaboration16 .menu-box.menu-box01.setBox.setBox02 .image-figure .icon {
    bottom: 2%;
    right: 1%;
    width: 32%;
	
}
	
	#collaboration16 .menu-box01 .inr .info01 {
	padding-left: 0;
	}
	
	#collaboration16 .menu-box01 .inr .info01 {
     margin-right: 0; 

}
	#collaboration16 .setBox .menuList01 {
    width: 100%;
}
	
	#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .inr .info {
		padding: 5% 0% 0%;
	}
	
	#collaboration16 .menu-alacarte .small-menu-container.small-menu-container02 .inr .info .subTxt {
	text-align: justify;
	}
	
	    #collaboration16 .menu-box.wine.contentBox .inr .info .caution {
        margin-top: 7%;
        padding: 0;
    }
	
}
	
    /* ----------------------------------------フェアバナー */
    #collaboration16 .bnrBox .bnr .day {
    width: 90%;
    }

    #collaboration16 .bnrBox .bnr {
        width: 100%;
    padding: 60px 0;
    }

/*    #collaboration16 .bnrBox .bnr .swipe {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    position: relative;
    }

    #collaboration16 .bnrBox .bnr .swipeIn {
    width: 700px;
    }

    #collaboration16 .bnrBox .bnr .swipe .swipeBox {
    content: "";
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    vertical-align: middle;
    z-index: 10;
    }

    #collaboration16 .bnrBox .bnr .swipe .swipeBox img {
    width: 55%;
    display: block;
    margin: auto;
    }*/
	
	#collaboration16 .bnrBox .bnr .swipe .swipeIn img {
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 0 auto;
}