@charset "UTF-8";

body {
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: black;
  background: white; }
  
.mt1 { margin-top: 1%; }
.mt2 { margin-top: 2%; }
.mt3 { margin-top: 3%; }
.mt4 { margin-top: 4%; }
.mt5 { margin-top: 5%; }
.mt6 { margin-top: 6%; }
.mt7 { margin-top: 7%; }
.mt8 { margin-top: 8%; }
.mt9 { margin-top: 9%; }
.mt10 { margin-top: 10%; }
.mt15 { margin-top: 15%; }
.mt20 { margin-top: 20%; }

.b { font-weight: bold; }
.center { text-align: center; }

img { 
   width: 100%;
   vertical-align: top;
   display: block; }

a { 
   text-decoration: none;
   color: black; } 

.nc { pointer-events: none; }

/* MOBILE */
@media screen and (max-width: 768px) {

#page-top {
  position: fixed;
  bottom: 40px;
  right: 20px;
  line-height: 0.4;
  margin-bottom: 0%;
  z-index: 99;
}
#page-top a {
  background: #AF194A;
  text-decoration: none;
  color: black;
  width: 35px;
  padding: 14px 6px;
  text-align: center;
  display: block;
  border-radius: 90px;
  opacity: 0.7;
  transition: all .3s ease;
}
#page-top a:hover {
  text-decoration: none;
  opacity: 0.5;
}

.arrow {
   margin-left: 19%;
   margin-bottom: 5%;
   width: 60%; }

.top_img {
   width: 81%;
   margin-left: 9.3%;
   padding-top: 7.3%; }
   
.slide {
   width: 85%;
   margin-left: 7.5%;
   padding-top: 8%; }
   
.slide3 {
   width: 10%; 
   margin: 1.5% 7.7% 0 auto; }
   
.img2 {
   width: 85%;
   margin-left: 7.5%;
   padding-top: 4%; }
   
.img3 {
   width: 85%;
   margin-left: 7.5%;
   padding-top: 5%; }

.arch {
   margin-top: 5%; 
   z-index: 1; }
   
.arch2 {
   margin-top: 8.5%; 
   z-index: 1; }

.store_box {
   background: #F3DDE4; }
   
.store_box2 {
   width: 86%;
   margin-left: 7%; }
   
.floor {
   width: 37%;
   margin-left: 31.5%;
   z-index: 10;
   margin-top: -19.5%;
   margin-bottom: 4%; }

.map {
  padding-bottom: 8%; }
   
.shops {
   width: 37%;
   margin-left: 31.5%;
   z-index: 10;
   margin-top: -19.5%;
   margin-bottom: 5%; }
   
.store_list {
   width: 86%;
   margin-left: 7.4%;
   margin-bottom: 5%; }
   
.store_list2 {
   width: 86%;
   margin-left: 7.4%;
   padding-bottom: 7.2%; }
   
.store_left { 
   vertical-align: top;
   display: inline-block;
   width: 47.2%; }
   
.store_right { 
   vertical-align: top;
   display: inline-block;
   width: 47.2%;
   margin-left: 3.1%; }

.footer {
   background: white;
   height: 15vw;
   width: 100%; }
  
 .footer_p {
  font-size: 2.3vw;
  margin-left: 7%;
  margin-top: 8.2%; 
   display: inline-block; } 
   
.logo {
  width: 24%;
  margin-left: 4.3%;
  margin-top: 2.5%;
  display: inline-block; }
  
/* ------------------------------- NEW CSS --------------------------------- */

.btn_box {
   width: 87%;
   margin-left: 6.4%;
   margin-top: 10%; }
  
.btn_left {
   width: 31%;
   vertical-align: top;
   display: inline-block; }
   
.btn_right {
   width: 31%;
   margin-left: 1.4%;
   vertical-align: top;
   display: inline-block; }
   
  .new_back {
   width: 100%;
   margin-top: 9%;
   background:  #F3DDE4; }
   
.n1 {
  width: 86.3%;
  margin-left: 5.5%;
   padding-top: 9%; }
   
.arch_n {
  width: 86.4%;
  margin-left: 6.9%; 
  margin-top: 5%;
  z-index: -10;}  

.n_box {
   width: 86%;
   margin-left: 7%;
   margin-top: 0%;
   border: solid 1px #EA5532;
   border-top: none;
   background: white;
   position: relativel;
   z-index; 1; }
   
.n1_2 {
   width: 80%;
   margin-left: 3%;
   position: absolute;
   margin-top: -12%;
   z-index: 5; }
   
.n1_2xx {
   width: 80%;
   margin-left: 3%;
   position: absolute;
   margin-top: -11%;
   z-index: 5; }
   
   
.n1_5 {
   width: 80%;
   margin-left: 3.3%;
   position: absolute;
   margin-top: -10%;
   z-index: 5; }
   
.n1_5xxx {
   width: 80%;
   margin-left: 3.3%;
   position: absolute;
   margin-top: -7%;
   z-index: 5; }
   
.nc1 {
   font-weight: bold;
   font-size: 2.5vw;
   line-height: 3.8vw; }

.nc1xx {
   font-weight: bold;
   margin-top: 2%;
   font-size: 2.5vw;
   line-height: 4vw; }
   
.nc1xxyy {
   font-weight: bold;
   margin-top: 2%;
   font-size: 1.85vw;
   line-height: 3vw; }
   
.nc1xxzz {
   font-weight: bold;
   margin-top: 6.5%;
   font-size: 2.3vw;
   line-height: 4vw; }
   
.nc1xxqq {
   font-weight: bold;
   margin-top: 1%;
   font-size: 2.3vw;
   line-height: 4vw; }
   
.nc2 {
   padding-top: 1%;
   font-size: 2vw;
   line-height: 3vw; }
   
.nc2yy {
   padding-top: 1%;
   font-size: 1.85vw;
   line-height: 3vw; }
   
.nc2xx {
   padding-top: 3%;
   font-size: 2vw;
   line-height: 3vw; }
   
.nc3 {
   font-weight: bold;
   font-size: 2.5vw;
   line-height: 3.4vw; }
   
  
   
.n1_3 {
   width: 60%;
   margin-left: 20%;
   margin-top: 7%; }
   
.n_comment {
   width: 90%; 
   margin-left: 5%;
   padding-top: 20%; }
   
.n_comment_xx {
   width: 90%; 
   margin-left: 5%;
   padding-top: 18%; }
   
.n_comment_xx2 {
   width: 90%; 
   margin-left: 5%;
   padding-top: 2%; }
   
.n_comment2 {
   width: 90%; 
   margin-left: 5%;
   padding-top: 3%; }
   
.n_comment3 {
   width: 90%; 
   margin-left: 5%;
   padding-top: 26%; }
   
.n_comment4 {
   width: 90%; 
   margin-left: 5%;
   padding-top: 25%; }
   
.n_comment5 {
   width: 90%; 
   margin-left: 5%;
   padding-top: 20%; }
   
.n_comment6 {
   width: 90%; 
   margin-left: 5%;
   padding-top: 12%; }
   
.n_btn {
   width: 42%;
   margin-left: 29%;
   margin-top: 5%; }
   
.n_center {
   text-align: center;
   font-size: 2.9vw;
   margin-top: 3%;
   line-height: 3.7vw;
   font-weight: bold; }
   
.n_pad {
   width: 100%;
   height: 6vw; }
   
.n_pad2 {
   width: 100%;
   height: 2vw; }
   
.n_pad3 {
   width: 100%;
   height: 9vw; }
   
.dummy {
   width: 90%;
   margin-left: 5%;
   margin-top: 5%; }
   
.fsxx {
   font-size: 2.1vw; }

.aka {   
   color: #af194a; }
   
.aka2 {   
   font-size: 3vw;
   color: #af194a; }
   
.under {
   font-size: 2.3vw;
   margin-top: 1%;
   margin-left: 7%; }
   
.photo_box {
   width: 100%;
   margin-top: 3%; }
   
.photo_left {
   width: 29%;
   margin-left: 5%;
   display: inline-block; }
   
.photo_right {
   width: 50%;
   margin-left: 3%;
   display: inline-block;
   font-size: 2.2vw;
   line-height: 3.3vw;
   font-weight: bold; }
   
.p_name {
   font-size: 2.5vw; }
   
.ppp_box {
   width: 100%;
   margin-top: 3%; }

.ppp_left {
   width; 45%;
   display: inline-block;
   font-size: 2.3vw;
   line-height: 4vw; 
   vertical-align: top;
   font-weight: bold; }

.ppp_right {
   width; 45%;
   display: inline-block;
   vertical-align: top;
   font-size: 2.3vw;
   line-height: 4vw; 
   font-weight: bold; }
   
.s_box {
   width: 107%;
   margin-top: 3%; }
   
.s_box_left {
   width: 65%;
   display: inline-block;
   font-size: 2.4vw;
   line-height: 3.6vw;
   font-weight: bold; }
   
.s_box_right {
   width: 30%;
   vertical-align: top;
   margin-top: 6%;
   display: inline-block; }
   
.s_box_right2 {
   width: 30%;
   vertical-align: top;
   margin-top: 4%;
   display: inline-block; }
   
.s_box_right3 {
   width: 30%;
   vertical-align: top;
   margin-top: -2%;
   display: inline-block; }
   
.s_box_right4 {
   width: 30%;
   vertical-align: top;
   margin-top: -0.8%;
   display: inline-block; }
   
.s_box_p2 {
   font-size: 2.6w;
   margin-top: 2%; }
   
.s_box_p3 {
   font-size: 2vw;
   margin-top: 2%;
   line-height: 3vw;
   font-weight: normal; }
   
.n_padxx {
   width: 100%;
   height: 10vw; }
   
.c6_pad {
   margin-top: 8%; }
   
.c6_pad2 {
   margin-top: 2%; }
   
.n_box2 {
   width: 86%;
   margin-left: 7%;
   margin-top: 0%;
   border: solid 1px #F29600;
   border-top: none;
   background: white;
   position: relativel;
   z-index; 1; }
   
}