@charset "UTF-8";

/*infoエリアをはじめは非表示*/
#info{
    display: none;
}
/* regular */
#info2,#info3,#info4,#info5,#info6,#info7,#info8,#info9,#info10,#info11,#info12,#info13,#info14,#info15,#info16,#info17,#info18,#info19{
	display: none;
}
/* lunch */
#info21,#info22,#info23,#info24,#info25,#info26,#info27,#info28,#info29,#info30,#info31,#info32,#info33,#info34,#info35,#info36,#info36,#info37,#info38,#info39,#info40
,#info41{
	display: none;
}
/* dinner */
#info42,#info43,#info44,#info45,#info46,#info47,#info48,#info49,#info50,#info51,#info52,#info53,#info54,#info55,#info56,#info57,#info58,#info59,#info60,#info61,#info62,#info63{
	display: none;
}
.img-s{
    width: 100%;
}
.img-s-wine{
    width: 70vw;
    margin: 0 auto;
}
/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 300px;
}
/*モーダルのボタンの色を変更したい場合*/
/* .modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
} */
/*---------------*/
/* fv-menu
/*---------------*/
.main-menu-pc{
    display: none;
}
.main-menu-sp{
    width: 100%;
    height: 513px;
    object-fit: cover;
    object-position: center center;
}
/*---------------------*/
/* ご予約バナー(sp-pc)          
/*---------------------*/
/* PC用 */
.float-button__wrap{
    display: none;
}
.more04-01{
    position: relative;
    margin: 50px 0 0 0;
    width: 52px;
    display: none;
    cursor: pointer;
}
.more04-01 img{
    display: none;
    width: 52px;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(-50%, -50%);
    transition: .3s;
}
.more04-01:hover img:nth-of-type(2){
    opacity: 0;
}
/* SP用 */
.float-button-02__wrap{
    display: block;
    margin-top: 140px;
    margin-bottom: 45px;
}
.float-button-02__wrap img{
    width: 145px;
}
.more04-02{
    position: relative;
    margin: 50px 0 0 0;
    width: 140px;
    display: block;
    cursor: pointer;
}
.more04-02 img{
    width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
}
.more04-02:hover img:nth-of-type(2){
    opacity: 0;
}
/*------------------*/
/* menu-contents
/*------------------*/
.menu-inner-head{
   background-color: #F1F3E6; 
}
.menu-inner-head h1{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2.8rem;
    font-weight: bold;
    text-align: center;
    padding-top: 26px;
}
.menu-inner-head p{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 36px;
    line-height: 1.2;
}
.bnr3{
    background-color: #F4EEDC;
    padding: 24px 0;
    border-radius: 10px;
}
.bnr3 img{
    width: 100%;
}
.bnr3 a{
    display: block;
    width: 316px;
    margin: 0 auto;
    margin-bottom: 27px;
}
.bnr3 a:nth-of-type(3){
    margin-bottom: 0px;
}

.bnr3 img:hover{
    opacity: .7;
    transition: .2s;
}
.card-menu img:hover{
    opacity: .7;
    transition: .2s;
}
.menu-content-03 .card-menu a{  
    background-color:#f1f1f1;  
    display:block; 
}

/* .menu-content-03 .menu-foods img:hover{    
    filter: brightness(150%);      
    transition: .2s;
    filterで輝度を上げる
}
.menu-content-03 .menu-drink img:hover{    
    filter: brightness(130%);      
    transition: .2s;
} */

/* regular-01 */
.menu-content-01{
    background-color: #F1F3E6;
    padding: 0 4vw;
    padding-bottom: 63px;
    position: relative;
}
/* lunch-02 */
.menu-content-02{
    background-color: #FFF7E4;
    padding: 0 4vw;
    padding-bottom: 63px;
    position: relative;
}
/* dinner-03 */
.menu-content-03{
    background-color: #4A4B67;
    padding: 0 4vw;
    padding-bottom: 78px;
    position: relative;
}
.scrn-logo-top{
    position: absolute;
    bottom: 52px;
    right: 28px;
    width: 25%;
    z-index: 10;
    opacity: .7;
}
.scrn-logo-mid{
    position: absolute;
    bottom: 52px;
    right: 28px;
    width: 25%;
    z-index: 10;
    opacity: .9;
}
.scrn-logo-btm {
    position: absolute;
    bottom: 65px;
    right: 25px;
    width: 25%;
    z-index: 10;
    opacity: .4;
}
.menu-inner h2{
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
    padding-top: 48px;
}
.menu-inner.dinner{
    color: #fff;
}
.menu-inner.dinner .price{
    color: #CBCBCB;
}
.orange{
    width: 100px;
    margin: 0 auto;
    padding: 0 0 5px 0;
}
.ttl{
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2;
}
.ttl02{
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 28px 0 0;
    margin: 0 auto;
}
.menu-images{
    padding-top: 31px;
}
.menu-foods{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.card-menu{
    width: 48.7%;
    padding-bottom: 16px;
}
.card-menu img{
    width: 100%;
}
.card-menu .name{
    font-size: 1.1rem;
    font-weight: bold;
    text-align: left;
    padding: 3px 0;
}
.card-menu .price{
    font-size: 1rem;
    color: #8F8F8F;
    text-align: left;
}
.menu-drink{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.float-button-02__wrap{
    display: block;
    margin-top: 38px;
    margin-left: -4vw;
    margin-bottom: 0;
}
.float-button-02__wrap.dinner-bnr{
    margin-top: 20px;
}