@charset "UTF-8";
.intro{background: url(../images/menu/bg-sp.jpg)no-repeat top center;background-size: 100%;padding: 68vw 0 10vw 0;color:#fff;margin-bottom: 6vw;}
.intro .title{font-family:var(--mincho);font-size: 6.8vw;font-weight: 600;margin-bottom: 13vw;position: relative;line-height: 1.5;}
.intro .title:after{content:"";width:25%;height:1px;background:var(--gold);position:absolute;left:0;bottom:-5vw;}

.midashi01{text-align:center;display: block;}
.menulist li{margin-bottom:10vw;}
.menulist li img{width:100%;}
.menulist li .title{background:#000;color:#fff;font-family:var(--mincho);font-size:5vw;padding:1% 3%;text-align: center;}
.menulist dl{text-align:center;}
.menulist dt,.menulist dd{display:inline-block;}
.menulist dt{background:var(--gold);color:#fff;padding: 1% 3%;position: relative;top: -1vw;margin-right: 2vw;font-weight:bold;}
.menulist dd{font-family:var(--mincho);font-weight:600;font-size: 5.5vw;}
.menulist dd small{font-size: 67%;}
.menulist span{background:var(--gold);color:#fff;padding: 1% 3%;position: relative;top: -1vw;margin-right: 2vw;font-weight:bold;display:table;margin: 0 auto;}

.att .title{background: #494949;font-weight:bold;color:#fff;padding:2% 4%;font-size:120%;position:relative;margin-bottom:5%;}
.att .title:after{content: '\f105';font-family: 'icon';position:absolute;transform:rotate(90deg);right:5%;}
.att .title.open:after{transform:rotate(-90deg);}
.att .box{display:none;}
.att li{margin-bottom:8vw;}
.att p{font-size:95%;margin-bottom:0;}
.att .tit{font-weight:bold;margin-bottom:0;}
.att .txt{margin-bottom: 2%;position:relative;padding:0 0 0  5%;line-height:1.5;}
.att .txt:before{content:"※";position:absolute;left:0;}
.att a{text-decoration:underline;color:var(--gray);font-weight:bold;}


/* =============================================
pc
================================================*/
@media screen and (min-width:769px) {
.intro .second-text{padding: 110px 20px;}
.intro{background: url(../images/menu/bg.jpg) no-repeat right -440px center;background-size: 2000px;padding: 0 0 0 0;margin-bottom: 40px;}
.intro.second-text{padding:90px 0;}
.intro .title{font-size: 43px;line-height:1.5;margin-bottom: 12px;}
.intro span{font-family: "Marcellus";font-weight: 400;color:var(--gold);font-size: 18px;margin-bottom: 60px;}
.intro .title:after{width:120px;bottom: -60px;}
.intro p{text-shadow: 2px 1px 5px #343e40, 1px 0px 6px #1e2222;}

.menulist li{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom:40px;}
.menulist li img{width:45%;}
.menulist li .title{font-size: 24px;text-align:left;margin-bottom: 20px;}
.menulist li .textbox{width:50%;}
.menulist dl{text-align:left;}
.menulist dd{font-size:30px;}
.menulist dt, .menulist dd{vertical-align:middle;}
.menulist dt{top:0;margin-right: 10px;}
.menulist span{margin:0;}

.att .title{margin-bottom: 30px;padding: 10px 15px;}
.att p{font-size:13.5px;}
.att li{margin-bottom: 36px;}
.att .txt{padding-left:20px;margin-bottom: 5px;}
.att .title:after{right:30px;}
}

@media screen and (min-width: 1200px) {
.intro .second-text{padding: 100px 0;}
.intro{background: url(../images/menu/bg.jpg) no-repeat top center;background-size: 2000px;}
.intro .title{font-size: 54px;}
.intro p{font-size: 20px;}
    
.menulist li{margin-bottom:60px;}
.menulist li img{width:35%;}
.menulist li .textbox{width:62%;}

}

/* retina用 ----------------------------------------------- */ 
@media screen and (min-width:769px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width:769px) and (min-resolution: 2dppx) {
.intro{background-image: url(../images/menu/bg@2x.jpg);}
}