/* ------------- PC ---------------- */


 @media screen and (min-width: 769px) { 
 
 .mb { display: none; }

a:hover { opacity: 0.6; }

body {
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;   }

 
/* MENU画像：共通設定 */

.menu_btn,
.menu_btn2 {
  display: block;
  width: 12vw;
  height: auto;
  padding-top: 1%;
  margin: 0; }

/* 通常時のMENU画像 */

#menu-trigger {
  position: absolute;
  top: 0.6vw;
  left: 1.9vw;
  cursor: pointer;
  z-index: 1002; }

/* メニュー内のMENU画像 */

.menu-column .menu_btn2 {
  position: absolute;
  top: 0.4vw;
  left: 1.9vw; }

/* メニューを開いている間は元のMENU画像を非表示 */

.header:has(#menu-trigger:hover) #menu-trigger .menu_btn,

.header:has(.dropdown-menu:hover) #menu-trigger .menu_btn {
  visibility: hidden; }

/* メニュー全体 */
.dropdown-menu {
  position: absolute;

  /* ヘッダーの下に表示 */
  top: 0;
  left: 0;
  padding: 0;
  display: flex;
  gap: 25px;
  padding: 20px 25px;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;

  /* 初期状態は非表示 */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity 0.25s ease,
    visibility 0.25s ease;
  z-index: 1001; }

/* メニューロゴにカーソルを乗せたら表示 */
#menu-trigger:hover + .header-main-logo + .dropdown-menu,
.dropdown-menu:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* 左右の列 */
.menu-column {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 150px;
}

/* 左列 */

.menu-left {
  width: 22vw;
  box-sizing: border-box;
  padding-top: calc(7.4vw + 1vw); }

/* 右列 */

.menu-right {
  width: 220px;
  box-sizing: border-box;
  margin-top: 7vw; }
  
.menu_pad {
   height: 0vw; }

/* メニュー項目 */
.menu-column li {
  margin: 0;
  padding: 0;
}

.menu-column a {
  display: block;
  padding: 5% 2%;
  text-align: center;
  line-height: 1.6vw;
  color: #222;
  text-decoration: none;
  font-size: 1.4vw;
  white-space: nowrap;
}

/* マウスオーバー */
.menu-column a:hover {
  background: #eee;
}

#map,
#holiday-dinner,
#link_eve_top {
  scroll-margin-top: 30vw;
}



.menu_hr2 {
  margin-top: -4%;
  margin-bottom: 2.7%; }

.menu_hr {
  margin-top: 2.7%;
  margin-bottom: 2.7%; }

.header {
  background-image: url(img/pc_header_back.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 6.5vw;
  position: fixed;
  z-index: 100;
}

.header-main-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 23%;
}

.header_logo {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
}


.top_img {
   margin-top: 10vw;  }


.pc_new_top_menu {
width: 100%;
padding-left: 1.8%;
box-sizing: border-box;
background: #0d1330;
padding-top: 6.5vw;
height: auto;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-wrap: nowrap;
position: fixed;
z-index: 50;
}

.pc_new_top_menu a {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
min-width: 0;
}

.pc_new_top_menu img {
display: block;
width: 90%;
height: auto;
padding-top: 4.5%;
padding-bottom: 3%;
margin: 0;
}

.pc_new_top_menu p {
flex-shrink: 0;
margin: 0;
padding: 0;
font-size: 1.6vw;
line-height: 1;
color: white;
opacity: 0.7;
}

.top_content {
  width: 100%; 
  background: black;
  background-image: url(img/top1_back.jpg);
  background-size: 100% auto;
  position: relative;
　margin: 0 auto;
  aspect-ratio: 1700 / 3475; }


.top_img3 {
  width: 93%;
  margin-left: 2%; 
  padding-top: 67%;
  z-index: 1;
  margin-bottom: 4.5%;
  }

.link_btn3 {
   position: absolute;
   top: 73.6%;
   left: 59%;
   width: 22%; }

/* xxxxxxxxxxxxxxxx MAP xxxxxxxxxxxxxxxxxx */

/* =========================

   PC版 MAP

========================= */

.pc_map_area {
  position: relative;
  width: 100%;
}

/* 地図全体 */

.pc_map_bg {
  position: relative;
  width: 100%;
  aspect-ratio: 2200 / 1246;
  overflow: visible;
}

/* 背景地図 */

.pc_map_image {
  display: block;
  width: 100%;
  height: auto;
}

/* 地図上のPNG */

.pc_map_item {
  position: absolute;
  display: block;
  width: 11.36%;
  height: auto;
  z-index: 1;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.25s ease;
}

/* PNG本体 */

.pc_map_item img {
  display: block;
  width: 100%;
  height: auto;
}

/* ホバーで拡大 */

.pc_map_item:hover {
  transform: scale(1.2);
  z-index: 100;
}

/* 配置例：2200px幅の地図を基準に指定 */

.item1 {
  left: 32%;
  top: 53%;
  z-index: 10;
}

.item2 {
  left: 43.6%;
  top: 55%;
  z-index: 10;
}

.item3 {
  left: 25.3%;
  top: 60%;
}

.item4 {
  left: 64.5%;
  top: 67.6%;
  z-index: 10;
}

.item5 {
  left: 43.4%;
  top: 43%;
}

.item6 {
  left: 17%;
  top: 47.5%;
}

.item7 {
  left: 57%;
  top: 46%;
}

.item8 {
  left: 71.5%;
  top: 47.5%;
}

.item9 {
  left: 6.6%;
  top: 55%;
}

.item10 {
  left: 87%;
  top: 50%;
}

.item11 {
  left: 51.8%;
  top: 62%;
  z-index: 11;
}

.item12 {
  left: 57%;
  top: 54.4%;
}

/* =========================

   上部固定ロゴ

========================= */

.pc_map_logo {
  position: absolute;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  max-width: 90%;
  height: auto;
  z-index: 20;
  pointer-events: none;
}

/* =========================

   左側固定PNG

========================= */

.pc_map_attention {
  position: absolute;
  left: 3%;
  top: 44%;
  width: 12.5%;
  height: auto;
  z-index: 20;
  pointer-events: none;
  animation: mapAttentionFloat 2s ease-in-out infinite;
}

@keyframes mapAttentionFloat {
  0%, 100% {
  transform: translateY(-50%);
 }

  50% {
  transform: translateY(calc(-50% - 10px));
 }
}

/* =========================

   スマホ版では非表示

========================= */

@media screen and (max-width: 768px) {
  .pc_map_area,
  .pc_map_logo,
  .pc_map_attention {
   display: none;
  }
}

/* xxxxxxxxxxxxxxxx MAP END xxxxxxxxxxxxxxxxxx */

.evexx {
  font-weight: bold;
  margin-top: 1%;
  font-size: 0.8vw; }

.top2 {
  width: 75%;
  margin-left: 12.5%;
  padding-top: 5%; }


.top2_img1 {
  width: 75%; 
  margin-left: 12.5%;
  margin-top: 5%;
  position: relative;
　aspect-ratio: 16 / 9;
　margin: 0 auto;
  background-image: url(img/top2_img1.png);
  background-size: contain;
  background: position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 80vw; }

.t2d1 {
position: absolute;
font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
width: 39%;
left: 53.5%;
top: 24%;
font-size: 1.2vw;
line-height: 2vw;
}


.t2d2 {
position: absolute;
font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
width: 43%;
left: 6%;
top: 48%;
font-size: 1.2vw;
line-height: 2vw;
}

.t2d3 {
position: absolute;
font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
width: 43%;
left: 53%;
top: 69.6%;
font-size: 1.2vw;
line-height: 2vw;
}

.top_content2 {
  background: black;
  background-image: url(img/top2_back.jpg);
  background-size: contain;
  background: position: center;
  background-repeat: repeat;
  overflow: hidden; }

.top2_waku {
  width: 89%;
  margin-left: 5.5%;
  margin-top: -3%;
  position: relative;
  background-image: url(img/top2_waku.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  }

.top2_waku_in {
  width: 95%; 
  margin-left: 6%;
  padding-top: 12%; }
  
.top2_waku_in2 {
  width: 95%; 
  margin-left: 6%;
  margin-top: 3%; }

.e1_left {
  width: 44%;
  display: inline-block;
  margin-right: 3%;
  vertical-align: top; }
  
.e1_right {
  width: 44%;
  display: inline-block;
  vertical-align: top; }
  
.e_comment {
   font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
   width: 95%;
   margin-left: 5%;
   margin-top: 1.6%;
   font-size: 1.2vw;
   line-height: 1.7vw; }

.e_jikan {
   margin-top: 2%;
   font-weight: bold;
   font-size: 1vw;  }
   
.e_jikan2 {
   margin-top: 0.6%;
   font-weight: bold;
   font-size: 1vw;  }
   
.e_jikan3 {
   margin-top: 0%;
   margin-left: 14.4%;
   font-weight: bold;
   font-size: 1vw;  }
   
.e_jikan4 {
   margin-top: 0.2%;
   margin-left: 14%;
   font-weight: bold;
   font-size: 0.8vw;  }
   
.e_jikan5 {
   margin-top: -0.7%;
   margin-left: 16.4%;
   font-weight: bold;
   font-size: 0.8vw; 
   line-height: 1.2vw; }
  
.e_jikan6 {
   margin-left: 0.4%;
   font-weight: bold;
   font-size: 0.69vw;  }

.e_jikanxx {
   margin-left: 56.5%; 
   margin-top: -1.5%;
   font-weight: bold;
   font-size: 1vw;  }
   
.kan {
   background: #2b376d;
   padding: 0.8% 1% 0.6% 1%; 
   color: white; }

.link_btn1 {
   width: 65%;
   margin-left: 17.5%;
   margin-top: 4%;
   padding-bottom: 8%; }
   
.event_kome {
   font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
   font-size: 0.95vw;
   margin-top: -5%; 
   padding-left: 60.5%;
   padding-bottom: 5%;}

/* xxxxxxxxxxzxxx STAMP RALLY xxxxxxxxxxxxxxxxxxx */

.c1 {
  width: 89%;
  margin-left: 5.5%;
  background: none;
  background-image: url(img/c1.png);
  background-size: contain;
  background: position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 164vw; }

.c1_link {
   width: 51%;
   margin-left: 37.5%;
   margin-top: 145.4%; }
  
.c2 {
  width: 89%;
  margin-left: 5.5%;
  background: none;
  position: relative;
  aspect-ratio: 2500 / 1798;
　margin: 0 auto;
  background-image: url(img/c2.png);
  background-size: contain;
  background: position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  }

.c2_in {
  position: absolute;
  width: 20%;
  top: 64.3%; 
  left: 70%;
  font-size: 1.2vw;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; 
  line-height: 1.7vw; }

.c2_in a {
  color: inherit;
  text-decoration: none;
}

.c2_red {
  width: 7%;
  color: #b81c22;
  vertical-align: top; 
  display: inline-block; }
  
.c2_red2 {
  width: 7%;
  margin-top: 3%;
  color: #b81c22;
  vertical-align: top; 
  display: inline-block; }
  
.c2xx {
  width: 91%;
  vertical-align: top;
  display: inline-block; }
  
.c2xx2 {
  width: 91%;
  margin-top: 3%;
  vertical-align: top;
  display: inline-block; }
  
.c2_in2 {
   margin-top: 3%; }
   
.c3 {
  width: 89%;
  margin-left: 5.5%;
  background: none;
  background-image: url(img/c3.png);
  background-size: contain;
  background: position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 128vw; }

.link_btn2 {
  width: 20%;
  margin-left: 70.2%; 
  margin-top: 130.95%;} 
  
.c4 {
  width: 89%;
  margin-left: 5.5%;
  background: none;
  background-image: url(img/c4.png);
  background-size: contain;
  background: position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 68vw; }
  
.c5 {
  width: 89%;
  margin-left: 5.5%;
  position: relative;
　aspect-ratio: 16 / 9;
　margin: 0 auto;
  background: none;
  background-image: url(img/c5.png);
  background-size: contain;
  background: position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 62vw; }
 
.c5_comment {
  width: 47%;
  position: absolute;
  left: 8%;
  top: 40%;
  font-size: 1.7vw;
  line-height: 2.7vw;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; } 
  
.c6 {
width: 89%;
aspect-ratio: 2500 / 3427;
margin: 0 auto;
position: relative;
background-image: url(img/c6.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
  
.c6_1 {
  width: 85%;
  position: absolute;
  left: 8%;
  top: 34.3%;
  font-size: 1.7vw;
  line-height: 2.5vw;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; } 
  
.c6_2 {
  width: 85%;
  position: absolute;
  left: 8%;
  top: 75%;
  font-size: 1.7vw;
  line-height: 2.5vw;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; } 

/* xxxxxxxxxxx SPECIAL GOODS xxxxxxxxxxxx */

.padxx {
   height: 5vw; }

.content_goods {
  background: black;
  background-image: url(img/goods_back.jpg);
  background-size: cover;
  background: position: top center;
  background-repeat: no-repeat;
  margin-top:
  height: 250vw; }
 
.content_name {
   width: 50%;
   margin-left: 25%;
   padding-top: 6%;    
 }
 
 .text_dummy1 {
   color: white;
   text-align: center;
   margin-top: 2%;  }
 
.goods_box_out {
  width: 88%;
  margin-left: 5.9%;
  margin-top: 3%;
  background-image: url(img/goods_waku.png);
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 250vw;
} 

.g_top_pad {
   height: 100vw; }

.mb_goods_title {
   width: 60%;
   margin-left: 20%; 
   margin-top: -4%; }

.goods_inline2 {
  width: 94%;
  margin-left: 5%;
  padding-top: 5%; }

.goods_inline {
  width: 94%;
  margin-left: 5%;
  padding-top: 2.7%; }
  
.goods_inline3 {
  width: 94%;
  margin-left: 5%;
  padding-top: 2.7%; }
 
.goods_box {
  width: 30%;
  margin-right: 2%;
  display: inline-block; 
  vertical-align: top; }

.gpad1 {
   position: absolute;
   width: 28%;
   top: 12%;
   left: 5%; }
   
.gpad2 {
   position: absolute;
   width: 28%;
   top: 12%;
   left: 36.5%; }
  
.gpad4 {
   position: absolute;
   width: 28%;
   top: 12%;
   left: 68%; } 
   
.gpad3 {
   position: absolute;
   width: 28%;
   top: 29%;
   left: 5%; } 
   
.gpad5 {
   position: absolute;
   width: 28%;
   top: 29%;
   left: 36.5%; }  

.gpad6 {
   position: absolute;
   width: 28%;
   top: 29%;
   left: 68%; } 
 
.gpad7 {
   position: absolute;
   width: 28%;
   top: 49.5%;
   left: 5%; }
   
.gpad8 {
   position: absolute;
   width: 28%;
   top: 49.5%;
   left: 36.5%%; }  
 
 .gpad9 {
   position: absolute;
   width: 28%;
   top: 49.5%;
   left: 68%; } 

.gpad10 {
   position: absolute;
   width: 28%;
   top: 69%;
   left: 5%; } 

.gpad11 {
   position: absolute;
   width: 28%;
   top: 69%;
   left: 36.5%; } 

.gpad12 {
   position: absolute;
   width: 28%;
   top: 69%;
   left: 68%; } 

.gpad13 {
   position: absolute;
   width: 28%;
   top: 86%;
   left: 5%; } 
   
.item_box {
  width: 100%;
  margin-top: 8%;
  posotion: relative; }
  
.item_box2 {
  width: 100%;
  margin-top: -5%; }

.goods1 {
  position: absolute;
  width: 25%;
  top: 2%;
  left: 7%;  }
  
.goods2 {
  position: absolute;
  width: 27%;
  top: 2.5%;
  left: 38%;  }
  
.goods4 {
  position: absolute;
  width: 25%;
  top: 2.5%;
  left: 68.5%;  }
  
.goods3 {
  position: absolute;
  width: 23%;
  top: 20%;
  left: 9%;  }
  
.goods5 {
  position: absolute;
  width: 27%;
  top: 21%;
  left: 38%;  }
  
.goods6 {
  position: absolute;
  width: 26%;
  top: 21%;
  left: 68%;  }

.goods7 {
  position: absolute;
  width: 20%;
  top: 40.5%;
  left: 7%;  }
  
.goods8xx {
  position: absolute;
  width: 25%;
  top: 40%;
  left: 37%;  }
  
.goods9xx {
  position: absolute;
  width: 30%;
  top: 40.8%;
  left: 66%; }

.goods9zz {
  position: absolute;
  width: 25%;
  top: 62%;
  left: 7%; }
  
.goods10 {
  position: absolute;
  width: 25%;
  top: 62%;
  left: 35%;  }
  
.goods11 {
  position: absolute;
  width: 25%;
  top: 60%;
  left: 70%;  }
  
.goods12 {
  position: absolute;
  width: 25%;
  top: 75.5%;
  left: 6%;  }
  
.item_left {
   width: 69%;
   display: inline-block;
   vertical-align: top;  } 

.item_right {
   width: 28%;
   display: inline-block;
   vertical-align: top; } 

.item_shop {
  font-size: 1.3vw;
  margin-top: -3%;
  white-space: nowrap;
  font-weight: bold; }
  
.item_shop2 {
  font-size: 1.2vw;
  margin-top: -13%;
  line-height: 1.4vw;
  font-weight: bold; }
  
.item_shop3 {
  font-size: 1.1vw;
  margin-top: -3%;
  white-space: nowrap;
  font-weight: bold; }
  
.item_floor {
  font-size: 0.92vw;
  margin-top: 3.6%; }
 
 .item_name {
  font-size: 1.1vw;
  font-weight: bold;
  color: #94252a; }
 
  .item_namerr {
  font-size: 1vw;
  font-weight: bold;
  color: #94252a; }
  
 .item_namezz {
  margin-top: 3%;
  font-size: 1vw;
  font-weight: bold;
  color: #94252a; }
  
 .item_namexx {
  font-size: 0.95vw;
  font-weight: bold;
  margin-top: 4%;
  color: #94252a; }
  
 .kakaku {
  font-size: 1.16vw;
  margin-top: 2.8%;
  font-weight: bold;
  color: #94252a; }

.zei {
  font-size: 0.9vw;
  margin-left: 1%
  color: #94252a;; }
 
 .gentei {
  width: 40%;
  margin-left: 0%; }

.gentei_box {
   display: flex;
   align-items: center;
   gap: 3%;
}
   
.gentei_box img {
   width: 46%;
   height: auto;
   margin-left: 59%;
   display: block;
}

.line1 {
  margin-top: -1.2%;
  margin-bottom: 0%; }

.goods_bottom_com {
  position: absolute;
   width: 91%;
   left: 5%; 
   top: 97.5%;
   padding-bottom: 5%;
   line-height: 2vw; 
   font-size: 1.1vw; }

.g_color {
   color: #94252a;
   margin-top: 1.8%;
   font-size: 0.9vw; }
   
.g_color2 {
   color: #94252a;
   margin-top: 1.6%;
   font-size: 0.78vw; }
   
.g_color3 {
   color: #94252a;
   margin-top: 2%;
   font-size: 0.78vw; }
   
.goods_comment {
   font-size: 1.16vw;
   line-height: 1.6vw;
   margin-top: 2.8%; }

/* xxxxxxxxxxx SPECIAL MENU xxxxxxxxxxxx */

.content_menu {
  background: black;
  background-image: url(img/goods_back.jpg);
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat; } 

.menu_box_out {
  width: 88%;
  margin-left: 5.9%;
  margin-top: 10%;
  background-image: url(img/menu_waku.png);
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 5%; } 

.mb_menu_title {
   width: 60%; 
   margin-left: 20%; 
   margin-top: -8%; }
   
.mb_menu_title2 {
   width: 75%; 
   margin-left: 12.5%; 
   margin-top: 5%; }

.menu_menu_menu {
  width: 92%;
  margin-left: 4.3%;
  margin-top: 7%; }

.pad1 { 
  height: 3.3vw; }

.menu_box1 { 
  width: 93%;
  margin-left: 3%;
  background-image: url(img/s_menu_back/menu1.png);
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  
.menu_box2 { 
  width: 93%;
  margin-left: 3%;
  margin-top: 1.4%;
  background-image: url(img/s_menu_back/menu2.png);
  bposition: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.menu_box3 { 
  width: 93%;
  margin-left: 3%;
  margin-top: 1.4%;
  background-image: url(img/s_menu_back/menu3.png);
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  
.menu_box4 { 
  width: 93%;
  margin-left: 3%;
  margin-top: 1.4%;
  background-image: url(img/s_menu_back/menu4.png);
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  
.menu_box5 { 
  width: 93%;
  margin-left: 3%;
  margin-top: 1.4%;
  background-image: url(img/s_menu_back/menu5.png);
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  
.menu_box6 { 
  width: 93%;
  margin-left: 3%;
  margin-top: 1.4%;
  background-image: url(img/s_menu_back/menu6.png);
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;  }

.menu_menu_inline {
  width: 94.4%;
  margin-left: 3%;
  padding-bottom: 7%; }

.menu_box7 { 
  width: 48.4%;
  margin-left: 0%;
  margin-top: 1.4%;
  background-image: url(img/s_menu_back/menu7.png);
  bposition: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top; }
  
.menu_box8 { 
  width: 48.4%;
  margin-left: 1.2%;
  margin-top: 1.4%;
  background-image: url(img/s_menu_back/menu8.png);
  background-size: contain;
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top; }
  
.menu_left {
  width: 56%;
  padding-top: 1.5%;
  margin-left: 1.5%;
  padding-bottom: 1.5%;
  display: inline-block; }  
  
.menu_right {
  width: 38.5%;
  display: inline-block;
  margin-left: 3%;
  margin-top: -1%;
  vertical-align: top; } 
  
.menu_right2 {
  width: 38.5%;
  display: inline-block;
  margin-left: 3%;
  margin-top: -2.2%;
  vertical-align: top; } 
  
.menu_right3 {
  width: 38.5%;
  display: inline-block;
  margin-left: 3%;
  margin-top: 0%;
  vertical-align: top; } 
  
.menu_right4 {
  width: 38.5%;
  display: inline-block;
  margin-left: 3%;
  margin-top: -0.7%;
  vertical-align: top; } 
  
.menu_right5 {
  width: 38.5%;
  display: inline-block;
  margin-left: 3%;
  margin-top: -1%;
  vertical-align: top; }
  
.menu_right6 {
  width: 38.5%;
  display: inline-block;
  margin-left: 3%;
  margin-top: -1%;
  vertical-align: top; } 

.ss {
   margin-top: 2%;}

.menu_photo2 {
  width: 95%;
  margin-left: 2.5%;
  padding-top: 2.5%; }

.menu_shop1 {
  font-size: 1.36vw;
  margin-top: 10.5%; 
  font-weight: bold;
  display: inline-block; }  
  
.menu_shop1 img {
   width: 9%;
   height: auto;
   margin-top: -4%;
   margin-left: 2%; }
   
.menu_shop1ttt {
  font-size: 1.36vw;
  margin-top: 10.5%; 
  font-weight: bold;
  display: inline-block; }  
  
.menu_shop1ttt img {
   width: 9%;
   height: auto;
   margin-top: -2.4%;
   margin-left: 2%; }
   
.menu_shop1ppp {
  font-size: 1.36vw;
  margin-top: 10.5%; 
  font-weight: bold;
  display: inline-block; }  
  
.menu_shop1ppp img {
   width: 9%;
   height: auto;
   margin-top: -2.4%;
   margin-left: 2%; }
   
.menu_shop1rrr {
  font-size: 1.36vw;
  margin-top: 10.5%; 
  font-weight: bold;
  display: inline-block; }  
  
.menu_shop1rrr img {
   width: 9%;
   height: auto;
   margin-top: -2%;
   margin-left: 2%; }

.menu_shop1aa {
  font-size: 1.36vw;
  margin-top: 10.5%; 
  font-weight: bold;
  margin-bottom: -5%;
  display: inline-block; }  
  
.menu_shop1aa img {
   width: 9%;
   height: auto;
   margin-top: -2%;
   margin-left: 2%; }
   
.menu_shop1qqq {
  font-size: 1.36vw;
  margin-top: 10%; 
  font-weight: bold;
  margin-bottom: 1%;
  display: inline-block; }  
  
.menu_shop1qqq img {
   width: 9%;
   height: auto;
   margin-top: -2%;
   margin-left: 2%; }
  
.menu_shop2 {
  font-size: 1.36vw;
  margin-top: 4%; 
  font-weight: bold;
  text-align: center;
  display: inline-block; } 
  
.menu_shop2 img {
   width: 9%;
   height: auto;
   margin-top: -2.7%;
   margin-left: 2%; }
   
.menu_shop3 {
  font-size: 1.36vw;
  margin-top: 4%; 
  font-weight: bold;
  text-align: center;
  display: inline-block; } 

.menu_shop3 img {
   width: 9%;
   height: auto;
   margin-top: -2.7%;
   margin-left: 2%; }

.eatin2 {
   padding-left: 15%; }
  
.menu_floor1 {
  font-size: 1.1vw;
  margin-top: 4%; 
  margin-right: 2%;
  display: inline-block; } 

.menu_floor1 img {
   width: 75%;
   height: auto; 
   margin-left: 3%;
   margin-top: 1%;}
   
.menu_floor1qq {
  font-size: 1.1vw;
  margin-top: 4%; 
  margin-right: 2%;
  display: inline-block; } 

.menu_floor1qq img {
   width: 68%;
   height: auto; 
   margin-left: 3%;
   margin-top: 1%;}

.menu_floorxx {
  font-size: 1.1vw;
  display: inline-block; } 

.menu_floorxx img {
   width: 50%;
   height: auto; 
   margin-left: 2%;
   margin-top: 1%;}

.menu_floorzz {
  font-size: 1.1vw;
  margin-right: 3%;
  display: inline-block; } 

.menu_floorzz img {
   width: 65%;
   height: auto; 
   margin-left: 2%;
   margin-top: 1%;}
  
.menu_floor3 {
  font-size: 1.1vw;
  margin-top: -1%;
  text-align: center; }  
  
.menu_floor4 {
  font-size: 1.04vw;
  margin-top: 4.2%; } 
  
  .menu_floor5 {
  font-size: 1.03vw;
  margin-top: 4%; }   

.menu_menu1 {
   margin-top: 3.3%; }

.menu_item {
  font-size: 1.12vw;
  font-weight: bold;
  margin-top: 2.2%; 
  color: #94252a; } 
  
.menu_item2 {
  font-size: 1.31vw;
  font-weight: bold;
  margin-top: 6.5%;
  margin-left: 5%;
  color: #94252a;  } 
  
.menu_kakaku {
  font-size: 1vw;
  margin-left: 5.6%;
  margin-top: 1.3%;
  font-weight: bold;
  color: #94252a; } 
  
.menu_kakaku2 {
  font-size: 1vw;
  margin-left: 5.6%;
  margin-top: 1.3%;
  padding-bottom: 3%;
  font-weight: bold;
  color: #94252a; }   
  
.zei2 {
  font-size: 0.8vw;
  margin-left: 1%;
  position: relative;
  top: -1px;
  color: #94252a; } 
 
.menu_kikan {
   margin-top: 1%;
   margin-bottom: 1%; 
   font-size: 0.62vw;
   color: #94252a; } 
  
/* xxxxxxxxxxxx DD xxxxxxxxxxxxxxxx */

.dd_title {
   width: 55%; 
   margin-left: 22.5%; 
   margin-top: 3%;
   margin-bottom: 3%; }

.dd1 {
  width: 89%;
  margin-left: 5.5%;
  background: none;
  background-image: url(img/dd1.png);
   bposition: relative;
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 188vw; }

.d_btn1 {
  width: 13%;
  margin-left: 84%;
  margin-top: 55.8%; }

.dd1_box {
  width: 80%;
  margin-left: 9%;
  margin-top: 10%; }
 
.dd1_img1 {
  width: 40%; } 
  
.dd1_img2 {
  width: 45.5%;
  margin-top: 2%; } 
  
.dd1_img2xx {
  width: 43%;
  margin-top: 4%; } 
 
.dd1_left {
  width: 40%;
  margin-left: 93.8%; }
  
.dd1_box p {
   font-size: 1.1vw;
   margin-top: 2%;
   color: white; }
  
.dd1_right {
  width: 38%;
  margin-top: 45%;
  margin-left: 93.8%; }

.dd_box2 {
  width: 70.65%;
  margin-left: 46.5%;
  margin-top: 52.95%; }

.dd_box2_left {
  width: 34.2%;
  display: inline-block; 
  vertical-align: top; }
  
.dd_box2_right {
  width:52%;
  margin-top: -1.4%;
  margin-left: -12.5%;
  display: inline-block; 
  vertical-align: top; }

.sns1 {
  display: inline-block;
  width: 28.3%;
  margin-right: 2.8%; }

/* xxxxxxxxxxx JEWERLY xxxxxxxxxxxx */
  
.content_jewelry {
  background: black;
  background-image: url(img/jw_back.jpg);
  background-size: cover;
  background: position: top center;
  background-repeat: no-repeat;
  height: 230vw; }   

.content_name2 {
   width: 30%;
   margin-left: 35%;
   padding-top: 6%;    
 }

.jw_box {
  width: 90%;
  margin-left: 7%;
  margin-top: 5%; }

.jw_in {
  width: 30%;
  margin-right: 2.5%;
  display: inline-block; }  
 
.jw_shop {
  font-size: 1.4vw;
  margin-top: 6%; 
  font-weight: bold; }  
  
.jw_floor {
  font-size: 0.8vw;
  margin-top: 2%; }  

.jw_name {
  font-size: 1.2vw;
  font-weight: bold;
  margin-top: 2.2%;  } 
  
.jw_kakaku {
  font-size: 1.2vw;
  margin-left: 0%;
  margin-top: 1.3%;
  font-weight: bold; }   
  
.zei3 {
  font-size: 0.8vw;
  margin-left: 1%;
  position: relative;
  top: -1px; }
    
.jw_setsumei {
  width: 100%; 
  margin-top: 2%;}

.jw_setsumei p {
  overflow-wrap: anywhere; }
 
 
 
/* xxxxxxxxxxx GIFT xxxxxxxxxxxx */ 

 
.content_gift {
  background: black;
  background-image: url(img/gift_back.jpg);
  background-size: cover;
  background: position: top center;
  background-repeat: no-repeat;
  height: 230vw; }   

.content_name3 {
   width: 95%;
   margin-left: 3%;
   padding-top: 3%;    
 }
 
 

 /* xxxxxxxxxxx SWEETS xxxxxxxxxxxx */ 
 
.content_sweets {
  background: black;
  background-image: url(img/sweets_back.jpg);
  background-size: cover;
  background: position: top center;
  background-repeat: no-repeat;
  height: 170vw; } 
  
.pad2 {
  height: 5vw; }
 
.sweets_box_out {
  width: 92%;
  margin-left: 4%;
  padding-top: 0%;
  background-image: url(img/sweets_back2.png);
  background-size: contain;
  background: position: top center;
  background-repeat: no-repeat;
  height: 237vw; }  

.content_name4 {
   width: 88%;
   margin-left: 5%;
   padding-top: 1.8%; } 

.pad3 {
   height: 4vw; }

.sw_box {
   width: 96.8%;
   margin-left: 3%; }

.sw_in {
   width: 30%;
   margin-right: 2.8%;
   display: inline-block; 
   vertical-align: top; }

.sw_inline {
   margin-top: 4%; }

.sw_left {
  width: 81%;
  display: inline-block; }
  
.sw_right {
  width: 16%;
  display: inline-block; }

.sw_shop {
  font-size: 1.2vw;
  margin-top: 1%; 
  font-weight: bold; }
  
.sw_shop2 {
  font-size: 1.2vw;
  margin-top: 7.4%; 
  font-weight: bold; }  
  
.sw_floor {
  font-size: 1vw;
  margin-top: 3%; }  

.sw_hr {
   border-top: solid 1px; black;
   margin-top: 2%;
   margin-bottom: 2%; }

.sw_name {
  font-size: 1vw;
  font-weight: bold;
  margin-top: 2.2%;  } 
  
.sw_kakaku {
  font-size: 0.9vw;
  margin-left: 0%;
  margin-top: 1.3%;
  font-weight: bold; }

.zei4 {
  font-size: 0.6vw;
  margin-left: 1%;
  position: relative;
  top: -1px; }
    
.sw_setsumei {
  width: 100%; 
  margin-top: 2%;
  font-size: 0.9vw;
  overflow-wrap: anywhere; }

.sw_kikan {
  font-size: 0.9vw;
  margin-top: 2%;  }


 /* xxxxxxxxxxx WINTER GIFTS xxxxxxxxxxxx */ 
 
.content_w_gift {
  background: black;
  background-image: url(img/winter_gift_back.png);
  background-size: contain;
  background: position: top center;
  background-repeat: no-repeat;
  height: 205vw; } 
  
.pad4 {
  height: 9vw; }
 
.w_gift_box_out {
  width: 92%;
  margin-left: 4%;
  padding-top: 0%;
  background-image: url(img/winter_gift_back2.png);
  background-size: contain;
  background: position: top center;
  background-repeat: no-repeat;
  height: 190vw; }  

.content_name5 {
   width: 60%;
   margin-left: 20%;
   padding-top: 6%; } 

.pad5 {
   height: 8vw; }
 
.pad6 {
   height: 5vw; } 
 
.w_gift_inline {
  width: 96%;
  margin-left: 3.5%; }

.wg_in {
   width: 30%;
   margin-right: 2.8%;
   display: inline-block; 
   vertical-align: top; }

.wg_inline {
   margin-top: 4%; }

.wg_left {
  width: 81%;
  display: inline-block; }
  
.wg_right {
  width: 16%;
  display: inline-block; }

.wg_shop {
  font-size: 1.2vw;
  margin-top: 1%; 
  font-weight: bold; }
  
.wg_shop2 {
  font-size: 1.2vw;
  margin-top: 7.4%; 
  font-weight: bold; }  
  
.wg_floor {
  font-size: 1vw;
  margin-top: 3%; }  

.wg_hr {
   border-top: solid 1px; black;
   margin-top: 2%;
   margin-bottom: 2%; }

.wg_name {
  font-size: 1vw;
  font-weight: bold;
  margin-top: 2.2%;  } 
  
.wg_kakaku {
  font-size: 0.9vw;
  margin-left: 0%;
  margin-top: 1.3%;
  font-weight: bold; }

.zei5 {
  font-size: 0.6vw;
  margin-left: 1%;
  position: relative;
  top: -1px; }
    
.wg_setsumei {
  width: 100%; 
  margin-top: 2%;
  font-size: 0.9vw;
  overflow-wrap: anywhere; }

.wg_kikan {
  font-size: 0.9vw;
  margin-top: 2%;  }
  
  
/* xxxxxxxxxxx HOLIDAY DINNER xxxxxxxxxxxx */ 
 
.content_dinner {
  background: black;
  background-image: url(img/dinner_back.jpg);
  background-size: cover;
  background: position: top center;
  background-repeat: no-repeat;
  height: 180vw; } 
  
.pad5 {
  height: 9vw; }
 
.content_name6 {
   width: 60%;
   margin-left: 20%;
   padding-top: 6%; } 

.pad6 {
   height: 8vw; }
 
.pad6 {
   height: 5vw; } 
 
.dinner_inline {
  width: 96%;
  margin-left: 3.5%; }

.dinner_in {
   width: 30%;
   margin-right: 2.8%;
   display: inline-block; 
   vertical-align: top;
   background: #2F0E03; }

.d_genre {
  font-size: 0.8vw;
  margin-top: 1%; 
  color: white; }

.d_comment_box {
  width: 90%;
  margin-left: 5%;
  margin-top: 5%; }
  
.d_comment_box2 {
  width: 90%;
  margin-left: 5%;
  margin-top: 2%; }

.d_shop {
  font-size: 1.2vw;
  margin-top: 1%; 
  font-weight: bold;
  color: white; }
  
.d_shop2 {
  font-size: 1.2vw;
  margin-top: 7.4%; 
  font-weight: bold; }  
  
.d_floor {
  font-size: 0.8vw;
  margin-top: 1%;
  margin-top: 5%;  
  color: white; }  

.d_hr {
   border-top: solid 1px; black;
   margin-top: 2%;
   margin-bottom: 2%; }

.d_inbox {
  width: 89%;
  margin-left: 5%;
  background: #c1a06b;
  margin-top: 4%;
  margin-bottom: 0%;
  padding: 1%;  }

.d_item {
  font-size: 1.2vw;
  margin-top: 1%; 
  font-weight: bold; }

.d_name {
  font-size: 1vw;
  font-weight: bold;
  margin-top: 0%;  } 
 
.d_kome {
  font-size: 0.8vw;
  margin-top: 0%; 
  color: white; }
  
.d_kakaku {
  font-size: 0.9vw;
  margin-left: 0%;
  margin-top: 1.3%;
  font-weight: bold; }

.zei6 {
  font-size: 0.6vw;
  margin-left: 1%;
  position: relative;
  top: -1px; }
    
.d_setsumei {
  width: 100%; 
  margin-top: 2%;
  margin-bottom: 5%;
  font-size: 0.75vw;
  color: white;
  overflow-wrap: anywhere;
  line-height: 1vw; }

.d_kikan {
  font-size: 0.9vw;
  margin-top: 2%;  }

.dropdown-menu.menu-closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

.back-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 8vw;
  max-width: 80px;
  min-width: 40px;
  z-index: 999;
}  
  
.back-to-top img {
  display: block;
  width: 100%;
  height: auto;
}

.back-to-map {
  position: fixed;
  left: 20px;
  bottom: 20px;
  width: 8vw;
  max-width: 80px;
  min-width: 40px;
  z-index: 10;
}  
  
.back-to-map img {
  display: block;
  width: 100%;
  height: auto;
}
 
/* ページ遷移時のブラックアウト */
#page-transition {
position: fixed;
inset: 0;
background: #000;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 99999;
transition: opacity 0.6s ease, visibility 0.6s ease;
}

/* ブラックアウト状態 */
#page-transition.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

/* フェードイン開始前 */
html.is-fading-in body {
opacity: 0;
}

/* フェードイン */
body {
transition: opacity 0.8s ease;
}

html.is-fading-in body.is-visible {
opacity: 1;
}


.bottom_link {
   width: 19%;
   margin-left: 40.5%; }

.copylight {
   width: 27%;
   margin-left: 36.5%;
   margin-top: 2%;
   padding-bottom: 2%; }

}