@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Shippori+Mincho+B1:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&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;
}

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

.white { color: #fff; }

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

#collaboration15 {
	width: 100%;
    overflow: hidden;
	position: relative;
	color: #322323;
	font-family: 'Shippori Mincho B1', serif;
    letter-spacing: 0.07em;
	font-size: 15px;
	font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    line-height: 1.72;
    background: url("../images/menu/collaboration15/bg_03.jpg") center center / 1500px repeat;
}

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

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


/*--- mv ---*/
#collaboration15 #mv{
    position: relative;
    background: url("../images/menu/collaboration15/bg_01.jpg") center center / cover no-repeat;
}

#collaboration15 #mv .mvInr{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url("../images/menu/collaboration15/bg_02.jpg") left center / 42% no-repeat;
    position: relative;
}
#collaboration15 #mv .mvInr .titleBox{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#collaboration15 #mv .mvInr .titleBox div{
    max-width: 384px;
}
#collaboration15 #mv .mvInr .titleBox .logo02{
    max-width: 384px;
}
#collaboration15 #mv .mvInr .titleBox .cross{
    max-width: 60px;
    margin: 40px 0;
}
#collaboration15 #mv .mvInr .titleBox .logo4{
    max-width: 384px;
    margin: -20px 0 0;
}

#collaboration15 #mv .mvInr .titleBox:before{
    display: block;
    content: "";
    width: 70px;
    height: 11px;
    background: url(../images/menu/collaboration15/mv_deco.svg) center center / contain no-repeat;
    position: absolute;
    top: 15%;
    margin: auto;
}

#collaboration15 #mv .mvInr .titleBox:after{
    display: block;
    content: "";
    width: 70px;
    height: 11px;
    background: url(../images/menu/collaboration15/mv_deco.svg) center center / contain no-repeat;
    position: absolute;
    bottom: 15%;
    margin: auto;
    transform: rotate(180deg);
}

#collaboration15 #mv .mvInr .image{
    position: relative;
    width: 60.037%;
    z-index: 0;
}
#collaboration15 #mv .mvInr .date{
    max-width: 180px;
    width: 15%;
    left: 35%;
    margin: 5% 0 0 0;
    z-index: 1;
}

#collaboration15 .deco.deco1 {
    position: absolute;
    left: -3%;
    top: 8%;
    width: 6.5%;
    max-width: 86px;
    z-index: 1;
}

#collaboration15 .deco.deco2 {
    position: absolute;
    left: 2%;
    top: -1%;
    width: 4.2%;
    max-width: 54px;
    z-index: 1;
}

#collaboration15 .deco.deco3 {
    position: absolute;
    left: 35%;
    top: 85%;
    width: 7%;
    max-width: 90px;
	z-index: 1;
}

/*--- contents ---*/
#collaboration15 .introduction{
    max-width: 900px;
    width: 86%;
    margin: 150px auto;
    padding: 100px 85px;
}
#collaboration15 .introduction .title{
    max-width: 412px;
    width: 52%;
    margin: 0 auto 54px;
}
#collaboration15 .introduction .box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
}
#collaboration15 .introduction .box01 .info{
	width: 42%;
}
#collaboration15 .info .text{
	font-size: 14px;
	line-height: 2;
}
#collaboration15 .introduction .box01 .image{
    width: 51%;
    position: relative;
}
#collaboration15 .introduction .box01 .image01{
    width: 73%;
}
#collaboration15 .introduction .box01 .image02{
    width: 42%;
    position: absolute;
    right: 0;
    bottom: -55px;
}
#collaboration15 .introduction .box02 {
    margin-bottom: 0;
}
#collaboration15 .introduction .box02 .image{
    width: 26%;
}
#collaboration15 .introduction .box02 .info{
    width: 67%;
}
#collaboration15 .introduction .box02 .info .name{
    font-weight: normal;
    font-size: 20px;
}
#collaboration15 .introduction .box02 .info .text{
    font-size: 15px;
    text-align: justify;
}


/*--- menu-box ---*/
#collaboration15 .deco.menu_deco1 {
    position: absolute;
    left: -4%;
    top: 6%;
    width: 7%;
    max-width: 86px;
    z-index: 1;
}

#collaboration15 .deco.menu_deco2 {
    position: absolute;
    left: 2%;
    top: -5%;
    width: 5.4%;
    max-width: 64px;
    z-index: 1;
}

#collaboration15 .deco.menu_deco3 {
    position: absolute;
    left: -7%;
    top: 80%;
    width: 11%;
    max-width: 83px;
    z-index: 2;
}

#collaboration15 .deco.menu_deco4 {
    position: absolute;
    left: 4%;
    top: 95%;
    width: 5.5%;
    max-width: 42px;
    z-index: 2;
}

#collaboration15 .deco.menu_deco5 {
    position: absolute;
    left: 86%;
    top: 92%;
    width: 11.5%;
    max-width: 86px;
    z-index: 2;
}

#collaboration15 .deco.menu_deco6 {
    position: absolute;
    left: 95%;
    top: 80%;
    width: 8.5%;
    max-width: 64px;
    z-index: 2;
}


#collaboration15 .menuContainer{
	position: relative;
    background: url("../images/menu/collaboration15/bg_05.jpg") center center / 1500px repeat;
}

#collaboration15 .menu-box .inr{
    display: flex;
    justify-content: space-between;
    align-content: center;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
#collaboration15 .menu-box .inr .image{
    width: 62.5%;
    position: relative;
}
#collaboration15 .menu-box .inr .image img{
    position: relative;
    z-index: 1
}

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

#collaboration15 .menu-box .inr .info .menuTitle .en{
    font-size: 90px;
    line-height: 1;
    display: block;
}
#collaboration15 .menu-box .inr .info .price{
    font-size: 29px;
    margin-bottom: 20px;
}
#collaboration15 .menu-box .inr .info .price span{
    font-size: 0.8em;
}
#collaboration15 .menu-box .inr .info .text{
    margin-bottom: 50px;
    text-align: justify;
}
#collaboration15 .menu-box .inr .info .menuList01 li{
    border-left: 1px solid #aa3720;
    padding-left: 20px;
    margin-bottom: 20px;
}
#collaboration15 .menu-box .inr .info .menuList01 li:last-child{
    margin-bottom: 0;
}
#collaboration15 .menu-box .inr .info .menuList01 li .caption{
    color: #aa3720;
    line-height: 1.5;
    margin-bottom: 5px;
}
#collaboration15 .menu-box .inr .info .menuList01 li .text{
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1.5;
}
#collaboration15 .menu-box .inr .info .menuName{
    font-size: 20px;
    margin-bottom: 10px;
}

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

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

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

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

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

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




/* パン追加 */

#collaboration15 .specialPrice{
    padding-bottom: 150px;
}


#collaboration15 .panBox .panBoxInner {
    width: 90%;
    max-width: 810px;
    margin: 0 auto;
    padding: 55px;
    background: #fff;
    box-shadow: 0 13px 7px rgba(76,45,45,0.15);
    text-align: center;
    position: relative;
}

#collaboration15 .panBox .panBoxInner h2 {
    font-size: 34px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 10px;
}

#collaboration15 .panBox .panBoxInner .price {
    font-size: 34px;
    color: #e14128;
    display: flex;
    justify-content: center;
    align-items: center;
}

#collaboration15 .panBox .panBoxInner .price .arrow{
    display: flex;
    align-items: center;
    font-size: 22px;
}
#collaboration15 .panBox .panBoxInner .price .arrow::after{
    content: "";
    display: inline;
    width: 1em;
    height: 1em;
    background: url("../images/menu/collaboration15/arrow_01.svg") center center / contain no-repeat;
    margin: 0 0.5em;
}

#collaboration15 .panBox .panBoxInner .price .small {
    font-size: 80%;
}

#collaboration15 .panBox .panBoxInner .note {
    font-size: 12px;
    line-height: 2;
    margin-top: 30px;
}

#collaboration15 .panBox .panBoxInner > ul{
    background: rgba(228,210,207,0.40);
    padding: 26px;
    text-align: center;
    font-size: 22px;
    margin-bottom: 40px;
}
#collaboration15 .panBox .panBoxInner .tx01{
    font-size: 26px;
    margin-bottom: 20px;
}

#collaboration15 .panBox .panBoxInner .deco01{
    width: 250px;
    left: -60px;
    top: 300px;
}
#collaboration15 .panBox .panBoxInner .deco02{
    width: 250px;
    right: -60px;
    top: 300px;
    left: auto;
}

#collaboration15 .panBox .panBoxInner .tx02 .or{
    padding: 0px 15px 5px;
    display: inline-block;
    font-size: 0.6em;
    line-height: 1;
    border: 1px solid #283232;
    border-radius: 100px;
    margin: 0 0.5em;
    transform: translateY(-5px);
}

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

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

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

/* ----------------------------------------2023/10/06 追加分*/

#collaboration15 #mv .mvInr .titleBox div.logo03 {
    max-width: 360px;
    margin-bottom: 60px;
}

#collaboration15 #mv .mvInr .titleBox .cross {
    margin: 50px 0;
}

#collaboration15 .menu-box05 {
    padding-bottom: 100px;
}

#collaboration15 .menu-box .inr .info .menuName.bottle {
    margin-top: 20px;
}

#collaboration15 .introduction {
    width: 90%;
    max-width: 1100px;
	padding: 44px 100px 100px 100px;
    margin: 0 auto;	
	margin-bottom: 150px;
    background: url(../images/menu/collaboration15/bg_04.jpg) center center / cover no-repeat;
}

#collaboration15 .introduction .introInner {
    max-width: 900px;
    margin: 0 auto;
}

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

#collaboration15 .pcNone { display: none;}

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

#collaboration15 .titleImg {
    display: block;
    max-width: 218px;
    margin: 0 auto;
}

#collaboration15 .menu-box01 .titleImg {
    max-width: 136px;
    margin-left: 0;
}

#collaboration15 .menu-box02 .titleImg,
#collaboration15 .menu-box05 .titleImg,
#collaboration15 .menu-box06 .titleImg {
    max-width: 330px;
    margin-left: 0;
}
#collaboration15 .contentBox{
    position: relative;
}

#collaboration15 .beginning{
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    padding: 80px;
    position: relative;
}
#collaboration15 .beginning:before{
    display: block;
    content: "";
    width: 36px;
    height: 25px;
    background: url("../images/menu/collaboration15/deco1.svg") center center / contain no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: rotate(-90deg);
}
#collaboration15 .beginning:after{
    display: block;
    content: "";
    width: 36px;
    height: 25px;
    background: url("../images/menu/collaboration15/deco1.svg") center center / contain no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(90deg);
}
#collaboration15 .beginning p{
    color: #fff;
    font-size: 19px;
    text-align: center;
    letter-spacing: .2em;
    line-height: 2;
}
#collaboration15 .beginningBox.contentBox:after{
    bottom: -40px;
}

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

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



#collaboration15 .introduction .text:nth-of-type(2){
    margin-top: 15px;
}

#collaboration15 .introduction .text a{
    transition: .3s ease;
}

#collaboration15 .introduction .text a:hover{
    text-decoration: none;
    color: #D26E8C;
}

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

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

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

#collaboration15 .menu-box .inr .info .menuTxt {
    font-size: 25px;
	color: #aa3720;
	text-align: left;
    margin-bottom: 6px;
    line-height: 1.9;
}

#collaboration15 .menu-box .inr .info .menuTxt .small{
	font-size: 16px;
	display: block;
}

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

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

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

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

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

#collaboration15 .menu-box .inr .info .caution {
    font-size: 12px;
    margin-top: 10px;
}

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

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

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

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

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

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

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


#collaboration15 .menuTitle{
    margin-bottom: 50px;
}
#collaboration15 .menuTitle .titleTxt {
	font-family: "Corinthia", cursive;
	font-weight: 400;
	font-style: normal;
    font-size: 100px;
    text-align: left;
    color: rgb(220 106 21 / 35%);
    line-height: 1;
    display: block;
}
#collaboration15 .menu-box01 .menuTitle .titleTxt,
#collaboration15 .specialPrice .menuTitle .titleTxt {
    text-align: center;
}
#collaboration15 .small-menu-container .menu-box .inr .info .menuTitle{
    margin-bottom: 15px;
}
#collaboration15 .specialPrice .menuTitle{
    margin-bottom: 30px;
}

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

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


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

#collaboration15 .setBox{
    padding: 130px 0;
    position: relative;
}

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

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

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

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

#collaboration15 .menu-box01{
    padding: 100px 0 0 0;
}
#collaboration15 .menu-box01 .info{
    justify-content: center;
    display: flex;
}

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

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

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

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

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

#collaboration15 .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;
}

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

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

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

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

#collaboration15 .menu-box.setBox .inr .info .menuList01 li .text {
    font-size: 20px;
    color: #283232;
    line-height: 1.5;
}

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

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

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

/*  wine  */

#collaboration15 .menu-box.wine{
    padding: 120px 0;
}
#collaboration15 .menu-box.wine .inr .info .menuTitle {
    margin-bottom: 5px;
}
#collaboration15 .menu-box.wine .menuTitle .titleTxt,
#collaboration15 .menu-box.wine .inr .info .menuTxt{
    text-align: center;
}

#collaboration15 .menu-box.wine .menuTitle .titleTxt{
    color: rgba(255,255,255,0.4);
}
#collaboration15 .menu-box.wine .inr .info .menuTxt{
    color: #fff;
	margin-bottom: 60px;
}

#collaboration15 .menu-box.wine .info{
    width: 100%;
}
#collaboration15 .menu-box.wine .inr ul {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}
#collaboration15 .menu-box.wine .inr ul li {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 48%;
}
#collaboration15 .menu-box.wine .inr ul li .image {
    width: 38%;
    max-width: 140px;
}
#collaboration15 .menu-box.wine .inr ul li .info {
    width: 62%;
    color: #fff;
}
#collaboration15 .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;
}
#collaboration15 .menu-box.wine .housewine h5 {
    display: flex;
    align-items: center;
    margin: -66px auto 50px;
}
#collaboration15 .menu-box.wine .housewine h5 img {
    width: calc(100% - 20% / 2);
    max-width: 440px;
}
#collaboration15 .menu-box.wine .housewine h5:before, #collaboration15 .menu-box.wine .housewine h5:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #D26E8C;
}
#collaboration15 .menu-box.wine .inr .housewine ul {
    padding: 0 120px;
}
#collaboration15 .menu-box.wine .inr .housewine ul li {
    width: 47%;
    justify-content: flex-start;
}
#collaboration15 .menu-box.wine .inr .housewine ul li .image {
    width: 26%;
}
#collaboration15 .menu-box.wine .inr .housewine ul li .info {
    padding-left: 1%;
}
#collaboration15 .menu-box.wine .inr .info .price {
    font-size: 29px;
    margin-bottom: 20px;
    line-height: 1;
}
#collaboration15 .menu-box.wine .inr .info .menuName:first-of-type{
    padding-left: 20px;
    border-left: 1px solid #fff;
}
#collaboration15 .menu-box.wine .square {
    font-size: 12px;
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}
#collaboration15 .menu-box.wine .inr .info .menuName.bottle {
    font-size: 20px;
    margin-bottom: 5px;
}

#collaboration15 .menu-box.wine .inr .info .caution {
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin-top: 40px;
}


/*  movie  */
#collaboration15 .movie{
	position: relative;
    background: url("../images/menu/collaboration15/bg_06.jpg") center center / 1500px repeat;
}

#collaboration15 .movie .movieArea {
    padding: 100px 0 120px;
}

#collaboration15 .movie p {
    color: #fff;
    text-align: center;
}

#collaboration15 .movie p.jp {
    font-size: 24px;
}

#collaboration15 .movie p.guide {
    margin-bottom: 40px;
}

#collaboration15 .movie .menuTitle {
    margin-bottom: 20px;
}

#collaboration15 .movie .menuTitle .titleTxt {
    color: rgba(255, 255, 255, 0.4);
	text-align: center;
}

#collaboration15 .movieBox {
    width: 750px;
    position: relative;
    margin: 0 auto;
}

#collaboration15 .thumbnail {
    transition: 300ms;
}

#collaboration15 .thumbnail:hover {
    transform: scale(1.05);
    opacity: 0.8;
}




/*50周年_タイトル下の余白に見える背景を消す*/

    .bgwhiteBox {
        width: 100%;
        height: 120px;
        background: #fff;
        margin-top: -120px;
    }


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

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

#collaboration15 #mv .slideIn,
#collaboration15 .in .slideIn,
#collaboration15 .in.slideIn,
#collaboration15 #sceneArea .mv.in.slideInin,
#collaboration15 #sceneArea .saoriBox.in.slideInin,
#collaboration15 #sceneArea .storyBox.in .slideInin {
	animation: slideIn 1s ease forwards;
}
#collaboration15 .in .fadein,
#collaboration15 .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; }
}

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

#collaboration15 #mv .clip01,
#collaboration15 .in .clip01,
#collaboration15 .in.clip01 {
    animation: clip01 .8s ease forwards;
}

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

#collaboration15 #mv .clip02,
#collaboration15 .in .clip02,
#collaboration15 .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); }
}


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

#collaboration15 #mv.in .date.blur,
#collaboration15 .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;
    }
}


/*葉っぱ落ちる*/
#collaboration15 .deco{
	opacity: 0;
}

#collaboration15 #mv .deco,
#collaboration15 .menu-box .image.in .deco{
    animation: fall 2s linear forwards;
}

#collaboration15 #mv .deco.deco1 img,
#collaboration15 #mv .deco.deco3 img{
  animation: sway1 2.5s ease-in-out forwards alternate;
}
#collaboration15 #mv .deco.deco2 img{
  animation: sway2 2.5s ease-in-out forwards alternate;
}


#collaboration15 .menu-box .image.in .deco.menu_deco1 img,
#collaboration15 .menu-box .image.in .deco.menu_deco3 img,
#collaboration15 .menu-box .image.in .deco.menu_deco5 img{
  animation: sway1 2s ease-in-out forwards alternate;
}
#collaboration15 .menu-box .image.in .deco.menu_deco2 img,
#collaboration15 .menu-box .image.in .deco.menu_deco4 img,
#collaboration15 .menu-box .image.in .deco.menu_deco6 img{
  animation: sway2 2s ease-in-out forwards alternate;
}

/*@keyframes fall {
  0% {    transform: translateY(-200%);}
  100% {    transform: translateY(0);}
}*/

@keyframes fall {
    from {
    transform: translateY(-200%);
    opacity: 0;
    }

    to {
    transform: translateY(0);
    opacity: 1;
    }
}

@keyframes sway1 {
  0% {    transform: translateX(0px) rotate(0deg); opacity:0;  }
  50% {    transform: translateX(100%) rotate(-45deg); opacity:0.5;   }
  100% {    transform: translateX(0%) rotate(0deg); opacity:1;  }
}

@keyframes sway2 {
  0% {    transform: translateX(0px) rotate(0deg); opacity:0;  }
  25% {    transform: translateX(100%) rotate(-45deg); opacity:0.25;  }
  50% {    transform: translateX(0px) rotate(0deg); opacity:0.5;  }
  75% {    transform: translateX(100%) rotate(-45deg); opacity:0.75;  }
  100% {    transform: translateX(0px) rotate(0deg); opacity:1;  }
}

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

#collaboration15 #mv .deco{ animation-delay: 0.8s !important;}
#collaboration15 #mv .deco img{ animation-delay: 0.8s !important;}


/*-------------------------------------------
ONLY PC & HOVER
-------------------------------------------*/
@media only screen and (min-width: 769px){
	#collaboration15 img,
	#collaboration15 #mv .inr{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		image-rendering: crisp-edges;
		image-rendering: -webkit-optimize-contrast;
	}
    
    
    #collaboration15 .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){
    
    /*--- mv ---*/
    #collaboration15 #mv .mvInr .titleBox div{
        width: 70%;
    }
    #collaboration15 #mv .mvInr .titleBox .cross {
        width: 10%;
        margin: 8% 0;
    }
    
    #collaboration15 #mv .mvInr .titleBox div.logo03 {
        width: 60%;
    }
    
}

/*-------------------------------------------
Under 1200px
-------------------------------------------*/
@media only screen and (max-width: 1200px){
    
    #collaboration15 .menuTitle .titleTxt {
		font-size: 4.5em;
	}
}

/*-------------------------------------------
Under 1080px
-------------------------------------------*/
@media only screen and (max-width: 1080px){
    
	
	#collaboration15 .menu-box .inr .info .menuTxt {
		font-size: 1.4em;
	}
	
	#collaboration15 .menu-box .inr .info .menuTxt .small {
    font-size: 0.6em;
}
	
	#collaboration15 .menu-box .inr .info .price {
		font-size: 1.4em;
	}
}


/*-------------------------------------------
Tablet
-------------------------------------------*/
@media only screen and (max-width: 900px){
    
    /*--- introduction ---*/
    #collaboration15 .introduction{
        padding: 60px;
        margin-bottom: 100px;
    }
    #collaboration15 .introduction .box01 .info br{
        display: none;
    }
    #collaboration15 .introduction .title{
        margin-bottom: 30px;
    }
    
    #collaboration15 #mv:before {
        top: 20px;
    }

    #collaboration15 #mv .mvInr .titleBox div.logo03 {
        margin-bottom: 30px;
    }

    #collaboration15 #mv .mvInr .titleBox .cross {
        margin: 30px 0;
    }

    #collaboration15 .beginning {
        margin-bottom: 0;
    }

    #collaboration15 .beginningBox.contentBox:after {
        bottom: -20px;
    }

    #collaboration15 .beginning p {
        font-size: 15px;
    }


    #collaboration15 .wine {
        padding-top: 50px;
    }

    #collaboration15 .title2 .jp {
        font-size: 38px;
    }

    #collaboration15 .wine .housewine {
        margin-top: 120px;
    }

    #collaboration15 .wine .inr .housewine ul {
        padding: 0 100px;
    }

    #collaboration15 .wine .inr .housewine ul li {
        width: 100%;
    }

    #collaboration15 .wine .inr ul li .info {
        /*width: 74%;*/
    }

    #collaboration15 .menu-box .inr.left {
        flex-direction: column;
    }
    
    
    #collaboration15 .menu-box.setBox .inr .info .menuList01 li {
        padding-right: 20px;
    }
	
	#collaboration15 .menuTitle {
		margin-bottom: 30px;
	}
	
	#collaboration15 .menu-box .inr .info .menuTxt {
		font-size: 25px;
	}
	
	#collaboration15 .menu-box .inr .info .menuTxt .small {
		font-size: 16px;
	}
	
	#collaboration15 .menu-box .inr .info .price {
		font-size: 29px;
	}
    
    /*--- menu-box ---*/
    #collaboration15 .menu-box .inr{
        flex-direction: column;
        max-width: 600px;
    }
    #collaboration15 .menu-box .inr .image,
    #collaboration15 .menu-box .inr .info{
        width: 100%;
    }
    #collaboration15 .menu-box .inr .info{
        padding: 30px 0 0 0;
    }
    #collaboration15 .menu-box01 {
        padding-bottom: 150px;
    }
    #collaboration15 .menu-box01 .inr .image::before{
        top: 70px;
    }
    
    
    #collaboration15 #mv .mvInr .image .date {
        top: 3%;
        margin: 0;
    }
    
    #collaboration15 .menu-box .inr .info .menuTitle {
        margin-bottom: 20px;
    }
    
    #collaboration15 .menu-box.setBox .setBoxInner {
        padding: 100px 0 100px;
        margin-top: -100px;
    }
    #collaboration15 .menu-box.setBox .inr{
        width: 85%;
    }
    #collaboration15 .menu-box.setBox .inr .info{
        flex-direction: column;
    }
    #collaboration15 .menu-box01 .inr .info01{
        width: 100%;
        padding: 0;
        margin-bottom: 60px;
        text-align: center;
    }
    
    #collaboration15 .menu-box .inr .info .menuTxt,
    #collaboration15 .menu-box.setBox .inr .info .price,
    #collaboration15 .menu-box .inr .info .textArea p,
    #collaboration15 .menu-box02 .menuTitle .titleTxt,
    #collaboration15 .menu-box .inr .info .price,
    #collaboration15 .menuTitle .titleTxt{
        text-align: center;
    }
    #collaboration15 .menu-box01 .inr .info02{
        width: 100%;
    }
    
    #collaboration15 .menu-box01 {
        padding-bottom: 0;
    }
    
    #collaboration15 .menu-boxRightImage{
        padding-bottom: 100px;
        margin-bottom: 0;
    }
    
    #collaboration15 .specialPrice {
        padding-bottom: 100px;
    }
    
    #collaboration15 .panBox .panBoxInner .deco{
        position: relative;
        left: auto;
        top: auto;
        right: auto;
    }
    #collaboration15 .panBox .panBoxInner .decoGroup{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px auto ;
    }
	
	#collaboration15 .appBnrBox{
        margin: 50px auto 0;
    }
    
    #collaboration15 .menu-box.wine {
        padding: 100px 0;
    }
    #collaboration15 .menu-box.wine .inr .info {
        padding: 0;
    }
    #collaboration15 .menu-box.wine .inr .info .menuTxt{
        margin-bottom: 50px;
    }
    #collaboration15 .menu-box.wine .inr ul{
        flex-direction: column;
    }
    #collaboration15 .menu-box.wine .inr ul li{
        width: 100%;
    }
    #collaboration15 .menu-box.wine .inr ul li + li{
        margin-top: 60px;
    }
    #collaboration15 .menu-box.wine .inr .info .price{
        text-align: left;
    }
    
    #collaboration15 .menu-box.wine .inr ul li .info {
        color: #fff;
        display: table;
        width: auto;
    }
	
	
	#collaboration15 .movie .movieArea {
		padding: 80px 0 100px;
	}
	
	#collaboration15 .movieBox {
		width: 90%;
		max-width: 500px;
	}



}

/*-------------------------------------------
Under 800px
-------------------------------------------*/
@media only screen and (max-width: 800px){
    
    #collaboration15 .menu-box .inr .info .menuTxt {
        font-size: 22px;
    }
	
	#collaboration15 .menu-box .inr .info .price {
        font-size: 26px;
    }
}


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

    .sp-none{
    display: none;
    }
    #collaboration15{
        font-size: 14px;
    }
	#collaboration15 .sp { display: block;}
	#collaboration15 .pc { display: none;}
    
    
    #collaboration15 .spNone { display: none;}
    #collaboration15 .pcNone { display: block;}
    
    #container {
        padding-top: 60px;
    }
    .bgw01 {
        padding: 0px 0 1px 0;
    }
    
    /*--- mv ---*/
    
    #collaboration15 #mv {
        height: auto;
        position: relative;
        z-index: 10;
    }
    #collaboration15 #mv .mvInr{
        flex-direction: column;
        background: url(../images/menu/collaboration15/bg_02.jpg) center top / 100% no-repeat;
    }
    #collaboration15 #mv .mvInr .titleBox{
        flex-direction: row;
        position: relative;
        flex-wrap: wrap;
        padding: 15% 10%;
        margin-left: -5%;
    }
    #collaboration15 #mv .mvInr .titleBox .cross{
        width: 10%;
        margin: 0 6%;
    }
    #collaboration15 #mv .mvInr .titleBox div{
        width: 35%;
    }
    #collaboration15 #mv .mvInr .titleBox div.logo02 img{
        transform: scale(1.5) translateX(8%);
    }
    #collaboration15 #mv .mvInr .titleBox,
    #collaboration15 #mv .mvInr .image{
        width: 100%;
    }
    
    #collaboration15 #mv .mvInr .date {
        width: 130px;
        left: 3%;
        margin: 0;
        z-index: 1;
        top: 22%;
    }
	
	#collaboration15 #mv .mvInr .titleBox:before{
		width: 50px;
	}

	#collaboration15 #mv .mvInr .titleBox:after{
		width: 50px;
	}
	
	#collaboration15 .deco.deco1 {
		left: 80%;
        top: 26%;
        width: 13.5%;
	}
	
	#collaboration15 .deco.deco2 {
		left: 94%;
        top: 21%;
        width: 8.5%;
	}
	
	#collaboration15 .deco.deco3 {
		left: 3%;
		top: 96%;
		width: 14%;
	}

    /*--- introduction ---*/
    #collaboration15 .introduction {
        padding: 40px 30px;
        margin-bottom: 50px;
    }    
    
    #collaboration15 .introduction .title{
        margin-bottom: 30px;
        width: 75%;
    }
    #collaboration15 .introduction .box{
        flex-direction: column;
        margin-bottom: 110px;
    }
    #collaboration15 .introduction .box:last-child{
        margin-bottom: 0;
    }
    #collaboration15 .introduction .box01 .info,
    #collaboration15 .introduction .box01 .image{
        width: 100%;
    }
    #collaboration15 .introduction .box01 .info .text{
        /*text-align: center;*/
        margin-bottom: 40px;
    }
    #collaboration15 .introduction .box01 .info .text br{
        display: inline;
    }
    #collaboration15 .introduction .box01 .image01{
        width: 100%;
    }
    #collaboration15 .introduction .box01 .image02 {
        width: 60%;
        right: -25px;
        bottom: -60px;
    }
    #collaboration15 .introduction .box02 .image {
        width: 63%;
    }
    #collaboration15 .introduction .box02 .info {
        width: 100%;
    }
    #collaboration15 .introduction .box02 .info .name{
        text-align: center;
        margin: 25px 0;
    }
    
    #collaboration15 .introduction .text:nth-of-type(2) {
        margin-top: -20px;
    }


    /* menu-box */
    
    #collaboration15 .menuTitle {
        margin-bottom: 20px;
    }
    #collaboration15 .menu-boxLeftImage .image{
        margin-left: 0;
    }
    
    #collaboration15 .menu-box .inr{
        width: 85%;
    }
    
    #collaboration15 .menu-box .inr .info .menuTitle{
        margin-bottom: 20px;
    }
    #collaboration15 .menuTitle .titleTxt{
        font-size: 58px;
    }
    #collaboration15 .menu-box .inr .info .menuTxt {
        font-size: 22px;
        margin-bottom: 15px;
    }
    #collaboration15 .menu-box .inr .info .menuTxt .small{
        font-size: 14px;
    }
    #collaboration15 .menu-box .inr .info .price {
        font-size: 22px;
        margin-bottom: 20px;
    }
    #collaboration15 .menu-box .inr .info .text {
        margin-bottom: 40px;
    }
    #collaboration15 .menuList01 {
        width: 90%;
    }
    #collaboration15 .menu-box .inr .info .menuList01 li{
        margin-bottom: 20px;
    }
    #collaboration15 .menu-box .inr .info .menuList01 li .text {
        font-size: 18px;
    }
    #collaboration15 .menu-box .inr .info .menuList01 li .text br{
        display: none;
    }
    #collaboration15 .menu-box.setBox .inr .info .menuList01 li .text {
        font-size: 16px;
    }
    
    #collaboration15 .menu-box01 .inr .info01{
        margin-bottom: 40px;
    }
    #collaboration15 .menu-box02{
        padding-bottom: 60px;
    }
    #collaboration15 .menu-box02 .inr .info {
        padding: 40px 0 0 0;
    }
    
    #collaboration15 .menu-box02 .inr02-02 .image dl{
        flex-direction: column;
    }
    #collaboration15 .menu-box02 .inr02-02 .image dl dt,
    #collaboration15 .menu-box02 .inr02-02 .image dl dd{
        width: 100%;
    }
    #collaboration15 .menu-box02 .inr02-02 .image dl dt{
        margin-bottom: 15px;
    }
    #collaboration15 .menu-box02 .inr02-02 .image dl dd .text{
        font-size: 18px;
    }
    #collaboration15 .menu-box02 .inr02-02 .image .or{
        width: 100%;
    }
    
    #collaboration15 .menu-box .inr .info .menuName {
        font-size: 18px;
    }
    
    #collaboration15 .beginning {
        padding: 70px 10px;
    }
    #collaboration15 .beginning:before {
        width: 25px;
        height: 20px;
        top: 38px;
        bottom: auto;
        right: 0;
        transform: rotate(0);
    }
    #collaboration15 .beginning:after {
        width: 25px;
        height: 20px;
        top: auto;
        bottom: 37px;
        left: 0;
        transform: rotate(180deg);
    }
    #collaboration15 .beginning p {
        font-size: 13px;
        line-height: 1.8;
    }
    #collaboration15 .title2 .jp:before {
        width: 42px;
        height: 20px;
        top: -30px;
    }
    #collaboration15 .title2.setdrink .jp:before {
        width: 42px;
        height: 20px;
    }
    #collaboration15 .titleImg {
        width: 180px;
    }
    #collaboration15 .menu-box01 {
        padding: 80px 0 100px;
    }
    #collaboration15 .menu-box01 .titleImg {
        width: 112px;
    }
    #collaboration15 .menu-box02 .titleImg, #collaboration15 .menu-box05 .titleImg, #collaboration15 .menu-box06 .titleImg {
        width: 210px;
    }
    #collaboration15 .menu-box02 .inr .info {
        padding: 20px 0 0 0;
    }
    #collaboration15 .title2 .jp {
        font-size: 25px;
    }
    #collaboration15 .menu-box .caution2 {
        width: 85%;
        text-align: left;
        margin: 40px auto 0;
    }
    #collaboration15 .menu-box .inr .info .menuTxt {
        margin-bottom: 5px;
    }
    #collaboration15 .menu-box .inr .info .subName {
        margin: 50px 0 8px;
    }
    #collaboration15 .titleTxt {
        font-size: 55px;
    }
    #collaboration15 .setBox {
        padding: 60px 0 0 0;
    }
    #collaboration15 .menu-box.setBox .setBoxInner {
        padding: 90px 0 60px;
    }
    #collaboration15 .setBox:before {
        width: 180px;
        height: 32px;
        top: 58px;
    }
    #collaboration15 .setBox:after {
        width: 180px;
        height: 32px;
        bottom: 58px;
    }
    #collaboration15 .setBox .titleImg {
        width: 29%;
    }
    #collaboration15 .setBox .textBox {
        display: block;
        margin-bottom: 20px;
    }
    #collaboration15 .setBox .textBox:last-child {
        margin-bottom: 30px;
    }
    #collaboration15 .setBox .textBox dt {
        margin: 0 auto 10px;
        max-width: 73px;
        font-size: 12px;
    }
    #collaboration15 .setBox .textBox dd {
        font-size: 15px;
    }
    #collaboration15 .setBox .textBox dd span {
        font-size: 12px;
    }
    #collaboration15 .setBox .menuList01 {
        display: block;
    }
    #collaboration15 .menu-box.setBox .inr .info .menuList01 li {
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    #collaboration15 .setBox .textArea p {
        width: 90%;
        font-size: 15px;
        text-align: left;
        margin: 0 auto;
    }
    
	#collaboration15 .menu-box05 {
		padding-bottom: 0;
	}
    
    #collaboration15 .menu-box06 {
        padding-bottom: 80px;
    }
    
    #collaboration15 .small-menu-container{
        flex-direction: column;
    }
    #collaboration15 .small-menu-container .menu-box{
        width: 100%;
    }
    #collaboration15 .small-menu-container .menu-box .inr .info {
        padding-top: 30px;
    }
    #collaboration15 .small-menu-container .menu-box + .menu-box{
        margin-top: 60px;
    }
    
    #collaboration15 .menu-boxLeftImage,
    #collaboration15 .menu-boxRightImage{
        padding-bottom: 60px;
    }
	
	#collaboration15 .deco.menu_deco1 {
		left: -6%;
        top: 5%;
        width: 15%;
	}
	
	#collaboration15 .deco.menu_deco2 {
		left: 6%;
        top: -3%;
        width: 11%;
	}
	
	#collaboration15 .deco.menu_deco3 {
		left: -6%;
        top: 72%;
        width: 15.4%;
	}
	
	#collaboration15 .deco.menu_deco4 {
		left: 8%;
        top: 93%;
        width: 7.6%;
	}
	
	#collaboration15 .deco.menu_deco5 {
		left: 83%;
        top: 90%;
        width: 15.5%;
	}
	
	#collaboration15 .deco.menu_deco6 {
		left: 95%;
        top: 74%;
        width: 11.5%;
	}
    
    /* パン追加 */
    #collaboration15 .specialPrice{
        padding-bottom: 55px;
    }
    #collaboration15 .panBox .panBoxInner {
        padding: 40px 20px;
        margin-bottom: 0;
    }
    #collaboration15 .panBox .panBoxInner h2 {
        font-size: 20px;
    }
    #collaboration15 .panBox .panBoxInner .price .arrow {
        font-size: 18px;
    }
    #collaboration15 .panBox .panBoxInner .price {
        font-size: 18px;
    }
    #collaboration15 .panBox .panBoxInner .note {
        font-size: 11px;
        text-align: justify;
    }
    #collaboration15 .panBox .panBoxInner > ul {
        padding: 20px;
        font-size: 14px;
        margin-bottom: 20px;
    }
    #collaboration15 .panBox .panBoxInner .tx01 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    #collaboration15 .panBox .panBoxInner .deco01,
    #collaboration15 .panBox .panBoxInner .deco02{
        width: 120px;
    }
    
    /* wine */
    #collaboration15 .menu-box.wine {
        padding: 80px 0 60px;
    }
    #collaboration15 .menu-box.wine .inr .info .menuTitle {
        margin-bottom: 0px;
    }
    #collaboration15 .menu-box.wine .inr .info .menuTxt {
        margin-bottom: 30px;
    }
    
    
    #collaboration15 .wine .inr {
    }
    #collaboration15 .wine h4 {
        margin: 70px 0 35px;
    }
    #collaboration15 .menu-box.wine .inr ul li{
        flex-direction: column;
        align-items: center;
    }
    #collaboration15 .menu-box.wine .inr ul li + li {
        margin-top: 40px;
    }
    #collaboration15 .menu-box.wine .inr .info .menuName:first-of-type{
        padding: 0;
        border: none;
    }
    #collaboration15 .menu-box.wine .inr .info .price {
        font-size: 22px;
        text-align: center;
    }
    #collaboration15 .wine .inr ul li .info {
        text-align: center;
    }
    #collaboration15 .wine .inr .info .menuTitle {
        margin-bottom: 50px;
    }
    #collaboration15 .wine .housewine {
        padding-bottom: 0;
        margin-top: 100px;
    }
    #collaboration15 .wine .housewine h5 {
        margin: -61px auto 50px;
    }
    #collaboration15 .wine .housewine h5 img {
        width: 300px;
    }
    #collaboration15 .wine .inr .housewine ul {
        padding: 0;
    }
    #collaboration15 .wine .inr .housewine ul li {
        width: 100%;
        margin-bottom: 50px;
    }
    #collaboration15 .wine .inr .housewine ul li .info {
        padding-left: 0;
    }
    .bgwhiteBox {
        height: 60px;
        margin-top: -60px;
    }

    #collaboration15 .menu-box .inr .info .drink {
    margin: 8px auto 18px;
	}
	
	
	#collaboration15 .movie .movieArea {
		padding: 50px 0 60px;
	}
	
	#collaboration15 .movie p.jp {
		font-size: 20px;
	}
	
	#collaboration15 .movie p.guide {
		margin-bottom: 20px;
	}


}


