@charset "utf-8";

/*body.lp-1 .siteContent-main{background:url(img/bg-lp1.webp) left top;}
body.lp-2 .siteContent-main{background:url(img/bg-lp2.webp) left top;} */


body.lp-1{ background:#173d54 url(img/bg-menu-2.webp) top center repeat-y; background-size:contain; }
body.lp-3{ background:#173d54 url(img/camp-topimage-2.webp) top center no-repeat; background-size:contain;}
body.lp-1 #footer-banner-area,body.lp-3 #footer-banner-area{background-color:#f2f2f2;}
body.lp-1 .siteContent-main .f-color,body.lp-3 .siteContent-main .f-color{color:#b19347 !important; }
.siteContent-main .lp-header{}
.siteContent-main h3{
    text-align:center;
    text-align:center;
    font-size:3rem;
    border-bottom:none;
}

.siteContent-main h4{ font-size:3rem;}

div#top-image-box-restaurant-anniversary{
    background:url(../../../img/1904rn/top-image-restaurant-01.jpg) center center no-repeat;
    background-size:cover;
}

#restaurant-link-box{ padding:0; margin-bottom:-2rem;}
#restaurant-link-box img{ width:100%; height:auto;}

/* 中央揃え用の指定 (inline-block 化) */
.row-centered {
  text-align: center;
}
.col-centered {
  display: inline-block;
  float: none;
  /* 縦方向の揃え位置調整 */
  vertical-align: top;
  /* ネガティブマージンによるズレ防止 */
  margin-right: -4px; 
}

#contents-view-box img { width:100%; height:auto; max-width:100%; display:block;}
#contents-view-box section{ padding:1rem 0;}
#restaurant-link-box .col-xs-6{ margin-bottom:15px;}
#contents-view-box section{ position:relative;overflow:hidden;}
#second-contents-box-pc img,#second-contents-box-sp img{ width:100%; height:auto; display:block;}
#second-contents-box-pc{margin-top:1rem; padding:2rem 0 5rem;position:relative; overflow: hidden;}
#second-contents-box-sp{position:relative; overflow: hidden;}

.camp-contents-box{ background-color:#fff; margin:2rem 0;}
.camp-contents-body{ padding:15px 25px;}

.ancherlink{ scroll-margin-top: 100px;}

section.camp-contents-box h2{
    border-bottom-style:none;
    text-align:center;
    padding:20px 10px;
    margin-left:2rem;
    margin-right:2rem;
    background-color:#F1ECE0;
}

.left-bg-col {
  /* 背景画像の設定 */
  background-size: contain;    /* 領域全体を覆うように拡大縮小 */
  background-position: center center; /* 中央寄せ */
  background-repeat: no-repeat;
        padding:15px;
        background-origin:content-box;
        background-clip:content-box;
}

#camp-contents-box1 .left-bg-col{ background-image:url(img/app.webp);}
#camp-contents-box2 .left-bg-col{ background-image:url(img/stamp.webp); background-size:cover;}
#camp-contents-box3 .left-bg-col{ background-image:url(img/instagram.webp); background-size:cover;}

#topimage021{width:100%; height:auto; max-width:700px;}


@media (min-width: 1200px) {

}

.clickable-area-1{position:absolute; background-color:rgba(255,0,0,0);}
.clickable-area-2{position:absolute; background-color:rgba(255,0,0,0);}
.clickable-area-3{position:absolute; background-color:rgba(255,0,0,0);}
.clickable-area-4{position:absolute; background-color:rgba(255,0,0,0);}

#second-link-area-01{top:35.5%; left:61%; width:18%; height:35px;}
#second-link-area-02{top:59.5%; left:62%; width:20%; height:35px;}
#second-link-area-03{top:90%; left:62%; width:20%; height:35px;}

@media (min-width:768px){
  .col-lg-5th {
    width: 19%;
    float: center;
  }

    #link-area-table{top:55%; left:59%; width:19%; height:25px;}
    #link-area-fuusuiju{top:88%; left:21.5%; width:18%; height:25px;}
    #link-area-keyaki{top:85%; left:61%; width:18%; height:25px;}
    #link-area-karin{top:87%; left:22%; width:18%; height:25px;}
    #link-area-email{top:72%; left:59%; width:18%; height:25px;}
    
    #second-contents-box-sp{display:none;}
    
    .pc-only-display{ display:block; position:relative;overflow:hidden;}
    .sp-only-display{ display:none; position:relative;overflow:hidden;}
    #popup-banner-link-pc{ top:86%; left:29%; width:43%; height:50px;}


}

@media (min-width:768px) and (max-width:1199px){

}

@media (min-width:992px){
    #link-area-table{top:54.5%; left:59%; width:19%; height:38px;}
    #link-area-fuusuiju{top:88.5%; left:21.5%; width:18%; height:35px;}
    #link-area-keyaki{top:85.5%; left:61%; width:18%; height:35px;}
    #link-area-karin{top:88%; left:21.5%; width:18%; height:35px;}
    #link-area-email{top:74%; left:59.5%; width:18%; height:35px;}
    .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    }
    



}

@media (max-width:991px){
    #restaurant-link-box{ padding:0;}
    .left-bg-col {
    min-height: 200px; /* スマホ表示時の画像の高さを確保 */
        height:70vw;
  }
    #camp-contents-box1 .left-bg-col{ display:block; background-image:url(img/app-2.webp); background-size:contain;}
}

@media (min-width:768px) and (max-width:992px){
    #second-link-area-01{height:25px;}
    #second-link-area-02{top:58.5%; left:62%; width:20%; height:25px;}
    #second-link-area-03{top:88%; left:62%; width:20%; height:25px;}

}

@media (max-width: 767px) {
    .row-centered { text-align: left;}
    #restaurant-link-box{ padding:0; margin-bottom:2rem;}
    #second-contents-box-sp{margin-top:3rem; background-color:#fff; padding:2rem 15px 5rem; display:block;}
    #second-contents-box-pc{display:none;}
    .camp-contents-body{ padding:15px 15px;}

    .pc-only-display{ display:none;}
    .sp-only-display{ display:block; text-align:center;}
    .sp-only-display img{ max-height:88vh;width:auto;}
    #popup-banner-link-sp{ top:89%; left:22%; width:56%; height:50px;}
    .left-bg-col { height:78vw; }

    #second-link-area-01{top:35%; left:9%; width:82%; height:85px;}
    #second-link-area-02{top:59%; left:65%; width:25%; height:35px;}
    #second-link-area-03{top:89%; left:65%; width:25%; height:35px;}
    #link-area-table-sp{top:89.5%; left:7%; width:86%; height:95px;}
    #link-area-fuusuiju-sp{top:94.7%; left:7%; width:86%; height:95px;}
    #link-area-keyaki-sp{top:95%; left:7%; width:86%; height:95px;}
    #link-area-karin-sp{top:95%; left:7%; width:86%; height:95px;}
    #link-area-email-sp{top:88%; left:7%; width:86%; height:95px;}
    
    .sp-m3rem{ padding-bottom:3rem;}

/* カラム間の左右マージン（パディング）を狭くするクラス */
.row.narrow-gutter {
  margin-left: -5px;  /* デフォルトの -15px から変更 */
  margin-right: -5px; /* デフォルトの -15px から変更 */
}

.row.narrow-gutter > [class*="col-"] {
  padding-left: 5px;  /* デフォルトの 15px から変更 */
  padding-right: 5px; /* デフォルトの 15px から変更 */
}
        
    #topimage021{ margin-top:-100px; width:96%;}

}

@media (max-width:640px){

    #second-link-area-01{top:34.7%; left:10%; width:80%; height:74px;}
    #second-link-area-02{top:57%; left:65%; width:25%; height:35px;}
    #second-link-area-03{top:87%; left:65%; width:25%; height:35px;}
    #link-area-table-sp{top:89.5%; left:7%; width:86%; height:80px;}
    #link-area-fuusuiju-sp{top:94.8%; left:7%; width:86%; height:80px;}
    #link-area-keyaki-sp{top:95%; left:7%; width:86%; height:80px;}
    #link-area-karin-sp{top:95%; left:7%; width:86%; height:80px;}
    #link-area-email-sp{top:88%; left:7%; width:86%; height:80px;}
    
    #topimage021{ margin-top:-70px; width:90%;}

}

@media (max-width:480px){
    #popup-banner-link-sp{ top:89%; left:15%; width:70%; height:50px;}
    #link-area-table-sp{top:89%; left:7%; width:86%; height:60px;}
    #link-area-fuusuiju-sp{top:95%; left:7%; width:86%; height:60px;}
    #link-area-karin-sp{top:95%; left:7%; width:86%; height:60px;}
    #link-area-keyaki-sp{top:95%; left:7%; width:86%; height:60px;}
    #link-area-email-sp{top:89%; left:7%; width:86%; height:60px;}

    #second-link-area-01{top:35%; left:10%; width:80%; height:44px;}
    #second-link-area-02{top:57%; left:65%; width:25%; height:20px;}
    #second-link-area-03{top:85%; left:65%; width:25%; height:20px;}


}

@media (max-width:380px){

    
}

@media (max-width:344px){

}