@charset "UTF-8";

.intro-roastBeef-wrap {
    position: relative;
    display: block;
    margin: 0 auto;
}

.intro-roastBeef-header-iCon { margin: 0 auto; width:145px; padding-top: 60px;}
.intro-roastBeef-header-iCon img { margin: 0 auto; width:100%;}

.intro-roastBeef-header {
  width: 100%;
  margin: 0 auto 50px auto;
  padding-top: 20px;
  text-align: center; /* テキストを中央に配置するために追加 */
}
.intro-roastBeef-header h2 {
font-size: 1.39em; margin: 0px 0 0 0 0; line-height: 38px; padding-bottom: 15px;
}
.intro-roastBeef-header h3 {
font-size:0.95em; line-height:20px; padding-bottom: 12px;
}


 .intro-roastBeef {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding: 0;
   max-width:800px;
   margin: 0 auto;
   position: relative;
 }


 .intro-roastBeef-image {
   position: relative;
   overflow: hidden;
   max-width: 75%; margin:-40px auto -40px auto;
   padding: 0;
 }
 .intro-roastBeef-image img {
   width: 100%;
   height: auto;
   display: block;
   box-sizing: border-box;
   transition: opacity 0.3s ease; padding-bottom: 7px;
 }
 .intro-roastBeef-image:hover .hover-image {
   opacity: 1; /* ホバー時に表示する */
 }

 .intro-roastBeef-header-ec-iCon {
   position: relative;
   width: 500px; margin:0 auto;
   padding: 30px 0 60px 0;
 }

 .intro-roastBeef-header-ec-iCon img {
   position: relative;
   width: 100%; margin:0 auto;
 }
 .intro-roastBeef-header-ec-iCon2 {
   position: relative;
   width: 30px; margin:0 auto;
   padding: 40px 0 0 0;
 }
 .intro-roastBeef-header-ec-iCon2 img {
   position: relative;
   width: 100%; margin:0 auto;
 }

 .intro-roastBeef-header-sub {
  margin: 0 auto; text-align: center; padding: 50px 50px 0px 50px; line-height:35px;
}
.intro-roastBeef-header-sub h4 {
  font-size:0.8em; margin: 0;
}

.intro-roastBeef-header-sub-title {
margin: 0 auto; text-align: center; max-width:400px;
}
.intro-roastBeef-header-sub-title h3 {
font-size:0.9em; line-height:25px;
}
.intro-roastBeef-header-sub-title h2 {
font-size:1.00em; line-height:30px; margin-top:30px;
}
.intro-roastBeef-header-sub-title {
border-top: 1px solid #947e50;
border-bottom: 1px solid #947e50;
padding: 40px 0 35px 0;
margin-top: 50px;
margin-bottom: 50px;
}

.menu-corner-img-left { left: 5%;}
.menu-corner-img-right { right: 5%;}

.intro-roastBeef-btn-wrap-container { margin: 0 15px;}

.intro-roastBeef-btn-wrap {
   margin:0 auto 70px auto; max-width:970px; position: relative;
}

.intro-roastBeef-text {
    text-align: left;
    padding: 10px 15px 0px 15px;
    margin-bottom: 0px;
}
.intro-roastBeef-text-right-wrap { width: 100%;}
.intro-roastBeef-text-right {
    display:inline-flex;
    justify-content: flex-end;
    position: relative;
    text-align: right;
    padding: 0px 10px 5px 15px;
    width: 100%;
}

.intro-roastBeef-price { margin-top: 8px; margin-right: 10px;}
.intro-button {
 width: 130px;
 background-color: #947e50;
 color: #fff;
 border: none;
 padding: 5px 10px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 0.80em;
 font-weight: 800;
 margin: 4px 2px 14px 2px;
 border-radius: 2px;
}
.intro-button:hover { background-color: #193910;}
.intro-roastBeef-title {
    font-size: 18px;
    font-weight: 800;
}
.intro-roastBeef-price {
    font-size: 15px;
    font-weight: 800;
}

.intro-roastBeef-caption {
    font-size: 0.8em;
    color: #947e50;/*2026/03*/
    line-height: 22px;
    padding-top: 5px;
}



@media (max-width: 579px) {

    .intro-roastBeef-header {
    width: 100%;
    margin: 10px auto 50px auto;
    padding-top: 25px;
    text-align: center;
    }

    .intro-roastBeef-header h2 { font-size:14px; font-weight: 800;}
    .intro-roastBeef-header h3 { font-size:14px; font-weight: 800;}
    .intro-roastBeef-header-sub-title h3 { font-size:14px; line-height:40px; font-weight: 800;}
    .intro-roastBeef-header-sub {
    margin: 0 auto; text-align: center; padding: 30px 0  0 0;/*2026/03*/
    }
    .intro-roastBeef-caption { font-size: 14px; color:#333333 !important; font-weight: 800;}/*2026/03*/
    .intro-roastBeef-btn-wrap-container { margin: 0;}
    .menu-corner-img-left { left: 3%;}
    .menu-corner-img-right { right: 3%;}

    .intro-roastBeef {
        flex-direction: column;
        align-items: center;
        width:100%;
        padding: 0 15px 0px 15px;
    }

    .intro-roastBeef-header-ec-iCon {
      position: relative;
      width: 100%; margin:0 auto;
      padding: 80px 15px 30px 15px;
    }
    .intro-roastBeef-header-ec-iCon img {
      position: relative;
      width: 100%; margin:0 auto;
    }

    .intro-roastBeef-header-sub-title {
    margin: 0 auto; text-align: center; max-width:300px;
    padding: 0px; /*2026/03*/
    }

    .intro-roastBeef-header-ec-iCon2 {
      position: relative;
      width: 30px; margin:0 auto;
      padding: 30px 0 40px 0;
    }
    .intro-roastBeef-text-right {
        display:block;
        position: relative;
        text-align: center;
        padding: 5px 0;
        margin: 0 auto;
        width: 100%;
    }
    .intro-button { margin-top: 15px; width: 200px;}

}
@media screen and (min-width: 769px) {
  br.pc_break_non {
    display: none !important;
  }
}