.courselist-main{}

/*============Inner Banner Css===============*/
.inrbanner-section{}
.inrbanner-blk{position: relative;}
.inrbanner-bg{height: 514px;}
.webp .inrbanner-bg{background-image: url(/images/course-list/courselist-banner.webp);}
.no-webp .inrbanner-bg{background-image: url(/images/course-list/courselist-banner.jpg);}
.inrbanner-bg img{}
.inrbanner-cnt{position: absolute; bottom: 30px; display: flex; align-items: center;}
.inrbanner-cnt a{}
.inrbanner-cnt a img{width: 93px;}
.inrbanner-cnt h1{font-weight: normal; font-size: 64px; line-height: 90px; text-align: left; letter-spacing: 0.11em; color: #FFFFFF; margin: 0 0 0 20px;}

.courselist-content{background: #F6F1EA; padding: 140px 0;}
.courselist-inr{}

/*============Tab Section Css===============*/
.cm-category{margin: 0 0 140px;}
.cm-category > ul{margin: 0; padding: 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; display: inline-flex;}
.cm-category > ul > li{list-style-type: none; padding: 16px 30px; background: #F4F4F4; border-right: 1px solid #D9D9D9; cursor: pointer; text-align: center;}
.cm-category > ul > li:first-child {border-left: 1px solid #D9D9D9;}
.cm-category > ul > li.current {background: #000000;}
.cm-category > ul > li h2{font-weight: normal; font-size: 18px; line-height: 18px; color: #000000; margin: 0;}
.cm-category > ul > li h2 span{font-weight: 600; font-size: 14px; line-height: 18px; margin: 0; display: block;}
.cm-category > ul > li.current h2{color: #fff;}

.tab-content {padding: 70px 40px; background: #fff; display: none;}
.tab-content.current {display: block;}
.tab-content-inr{}

/*============Lunch/Dinner Course Css===============*/
.course-listing{margin-left: -12px; margin-right: -12px; display: flex; flex-wrap: wrap;}
.course-listing-cm{width: 50%; padding: 0 12px; margin: 0 0 22px;}
.course-listing-inr{height: 100%; position: relative; display: flex;}
.course-list-lft{width: 50%;}
.course-listing-img{height: 100%;}
.course-listing-img img{}
.course-list-rgt{width: 50%; background: #FFFFFF; border: 1px solid #C4C4C4; word-break: break-word;}
.course-list-info{height: 100%; padding: 20px 16px;}
.course-list-tp{border-bottom: 1px solid #000000; padding: 0 0 12px; margin: 0 0 12px;}
.course-list-tp h3.course-namejp{font-weight: bold; font-size: 16px; line-height: 18px; color: #000000; margin: 0 0 8px;}
.course-list-tp h3.course-nameen{font-weight: 400; font-size: 13px; line-height: 18px; color: #888580; margin: 0 0 8px;}
.course-list-tp h4{font-weight: bold; font-size: 16px; line-height: 20px; text-align: right; color: #3a2c18; margin: 0;}
.course-list-btm{}
.course-list-btm ul{margin: 0 0 20px; padding: 0;}
.course-list-btm ul li{list-style-type: none; font-weight: normal; font-size: 14px; line-height: 18px; color: #000000; padding: 0 0 4px;}
.course-list-detail{text-align: right;}
.course-list-detail a{background: #9A835F; font-weight: bold; font-size: 16px; text-align: center; color: #FFFFFF; display: inline-block; padding: 4px 30px;}


/*============Grand Css===============*/
.common-listing-img{width:50%; padding: 0 20px; display: flex; align-items: center; justify-content: center;}
.common-listing-img img{max-width: 90%;}

/*============Common Tab List Css===============*/
.wine-listing{margin-left: -20px; margin-right: -20px; display: flex; flex-wrap: wrap;}
.listing-flex{width: 50%; padding: 0 20px; display: flex;}
.listing-flex.full-width {width: 100%;}
.wine-listing-cm{width: 100%;}
.full-width {padding: 0;}
.full-width .wine-listing-cm{width: 50%; padding: 0 20px;}
.wine-title{margin: 0 0 30px;}
.wine-title-m{display: none;}
.wine-titlejp{font-weight: 600; font-size: 30px; line-height: 40px; color: #000000; margin: 0;}
.wine-titleen{font-weight: 600; font-size: 22px; line-height: 37px; color: #000000; margin: 0;}
.wine-outer{display: flex; flex-wrap: wrap;}
.wine-blk{width: 100%; margin: 0 0 70px;}
.wine-lft{}
.wine-subtitle{margin: 0 0 20px;}
.wine-subtitlejp{font-weight: 600; font-size: 22px; line-height: 37px; color: #333; margin: 0;}
.wine-subtitleen{font-weight: 600; font-size: 18px; line-height: 26px; color: #333; margin: 0;}
.category-cmt{margin: 0 0 40px; padding: 0 20px; color: #333; line-height: 1.5; font-size: 16px; font-weight: 500;}
.wine-title + .category-cmt {padding: 0;}
.wine-rgt{width: 50%; padding: 0 20px;}

.menu-list{}
.menu-list > ul{margin: 0; padding: 0;}
.menu-list > ul > li{list-style-type: none; padding: 0 0 10px;}
.menu-list > ul > li:last-child {padding: 0;}
.menu-list-blk{display: flex; align-items: center; justify-content: space-between;}
.menu-list-blk.multi-price{align-items: baseline;}
.menu-list-lft{max-width: 60%;}
.menu-list-lft h4{font-weight: 600; font-size: 14px; line-height: 20px; color: #000000; margin: 0;}
.menu-list-lft span{font-size: 13px; line-height: 10px;}
.menu-list-mdl{border-bottom: 1px dotted #000; margin: 0 10px; flex: 2; }
.menu-list-rgt{}
.menu-list-rgt ul{margin: 0; padding: 0;}
.menu-list-rgt ul li{display: flex; align-items: center; justify-content: flex-end;}
.menu-list-rgt ul li:last-child{padding: 0px;}
.menu-list-rgt ul li span.txt1{font-weight: 400; font-size: 14px; text-align: right; color: #333; margin: 0 10px 0 0;}
.menu-list-rgt ul li span.txt2{font-weight: 600; font-size: 14px; color: #000000; margin: 0;}


/*============Responsive Css===============*/
@media all and (max-width:1366px) {
    
}

@media all and (max-width:1024px) {
    /*============Inner Banner Css===============*/
    .courselist-content{padding: 90px 0;}
    .cm-category {margin: 0 0 90px;}
}

@media all and (max-width:960px) {
    /*============Tab Section Css===============*/
    .cm-category > ul > li{padding: 10px;}
    
    /*============Lunch/Dinner Course Css===============*/
    .course-listing{flex-direction: column;}
    .course-listing-cm{width: 100%; margin: 0 0 30px;}
    .course-listing-cm:last-child {margin: 0;}
}

@media screen and (max-width:767px) {
    /*============Inner Banner Css===============*/
    .inrbanner-bg {height: 154px;}
    .inrbanner-cnt{bottom: 12px;}
    .inrbanner-cnt a img {width: 53px;}
    .inrbanner-cnt h1{font-size: 30px; line-height: 40px; margin: 0 0 0 10px;}
    
    .courselist-content {padding: 50px 0;}
    
    /*============Tab Section Css===============*/
    .cm-category {margin: 0 0 60px;}
    .cm-category > ul{border-bottom: none; border-left: 1px solid #D9D9D9; margin: 0 0 40px; display: flex; flex-wrap: wrap;}
    .cm-category > ul > li:first-child{border-left: none;}
    .cm-category > ul > li{padding: 8px 10px; width: 50%; border-bottom: 1px solid #D9D9D9;}
    .cm-category > ul > li h2{font-size: 14px; line-height: 18px;}
    .cm-category > ul > li h2 span{font-size: 12px; line-height: 18px;}
    
    .tab-content{padding: 40px 16px;}
    
    /*============Lunch/Dinner Course Css===============*/
    .course-listing-inr{flex-direction: column;}
    .course-list-lft {width: 100%;}
    .course-listing-img {height: 180px;}
    .course-list-rgt{width: 100%;}
    .course-list-info{padding: 18px 14px;}
    .course-list-tp h3.course-namejp{font-size: 15px; margin: 0 0 4px; line-height: 18px;}
    .course-list-tp h3.course-nameen{font-size: 12px; line-height: 18px;}
    .course-list-tp h4{font-size: 16px; line-height: 23px;}
    .course-list-btm ul{margin: 0 0 16px;}
    .course-list-btm ul li{font-size: 12px; line-height: 14px; padding: 0 0 5px;}
    .course-list-detail {text-align: center;}
    .course-list-detail a{padding: 5px 80px; letter-spacing: 3px;}
    
    /*============Grand Css===============*/
    .common-listing-img{width: 100%; margin: 0 0 20px;}
    
    /*============Common Tab List Css===============*/
    .listing-flex{width: 100%; flex-direction: column-reverse;}
    .full-width .wine-listing-cm{width: 100%; margin: 0 0 50px;}
    .wine-title {text-align: center;}
    .wine-title-m{margin: 0 0 20px; text-align: center; display: block;}
    .wine-titlejp{font-size: 24px; line-height: 34px;}
    .wine-titleen{font-size: 18px; line-height: 26px;}
    .wine-outer{flex-direction: column;}
    .wine-blk{margin: 0 0 30px;}
    .wine-subtitlejp{font-size: 14px; line-height: 20px;}
    .wine-subtitleen{font-size: 12px; line-height: 16px;}
    .category-cmt{color: #333; line-height: 20px; font-size: 13px; font-weight: 500; margin: 0 0 20px;}
    
    .menu-list > ul > li{padding: 0 0 10px;}
    .menu-list-lft h4{font-size: 12px; line-height: 16px;}
    .menu-list-lft span{font-size: 12px; line-height: 8px;}
    .menu-list-rgt ul li span.txt1{font-size: 12px;}
    .menu-list-rgt ul li span.txt2{font-size: 12px;}
    
}