/* CSS Document */
@charset "UTF-8";

/*KEY VISUAL==========================================*/
.keyvis{
background: url("../img/02_store/ginza_key.jpg") no-repeat;
background-size: cover;
}
.keyvis::before{
background-color: #e4e4e4;
mix-blend-mode: multiply;
}
.keyvis-inner{
position: absolute;
left: 12.73vw;
top: 17.75vw;
}
.keyvis-inner p:first-child{
font-size: 4.2vw;
letter-spacing: 1.6px;
margin-bottom: 2.35vw;
}
.keyvis-inner p:first-child>span{
display:block;
font-size: 6.6vw;
letter-spacing: 3.2px;
}
.keyvis-inner p:nth-child(2){
font-size: 2.73vw;
margin-bottom: 7.78vw;
}

/*CONTENTS===========================================*/
.contents{
  margin-bottom: 280px;
}

/*STORE==============================================*/
.store h2, .topics h2 ,.con-title{
margin-bottom: 126px;
}
.slide{
max-width: 1366px;
}
.store h3{
font-size: 42px;
line-height: 1.6;
letter-spacing: 1.4px;
text-align: left;
margin: 0 124px 55px;
}
.store>p{
max-width: 840px;
font-size: 22px;
line-height: 2.2;
text-align: justify;
margin: 0 124px 160px;
}
.swiper-container{
margin-bottom: 100px;
}


/*swiper===========*/
.swiper-button-prev,.swiper-button-next{
color: #fff;
opacity: .6;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 20px;
}
.swiper-pagination-bullet-active{
background-color: #474246;
}

.pc-img {
display: block !important;
}
.sp-img { 
display: none !important; 
}
 

/*MENU_GINZA==============================================*/
.menu-inner{
position: relative;
}
.menu-image{
background: url("../img/02_store/ginza_menu.jpg") no-repeat top center;
width: 68.96vw;
max-width: 942px;
height: 1056px;
margin: 0 0 0 auto;
text-align: left;
}

.menu-details{
position: absolute;
top: 80px;
left: 9%;
}
@media screen and (max-width:1101px){
.menu-details{
position: absolute;
top: 80px;
left: 5%;}
}

.menu-details>p:first-of-type{
font-size: 22px;
line-height: 2.2;
text-align: left;
margin-bottom: 160px;
}
.menu-details ul{
display: block;
margin-bottom: 100px;
}
.menu-details>ul li{
width: 292px;
text-align: center;
}
.menu-details>ul a{
display: block;
font-size: 20px;
font-weight: 700;
line-height: 51.75px;
}

.menu-details .more{
text-align: left;
}
.menu .arrow-text{
font-size: 25px;
margin: 0 0 28px 76px;
}
.menu .arrow{
width: 396px;
}
.menu .arrow::before{
width: 32px;
}

/*STORE-LINK=========================*/
.store-link{
display: flex;
justify-content: space-between;
max-width: 700px;
margin: 0 auto 240px;
}
.store-link .squareLink a{
width: 280px; 
line-height: 78px;
}


/*MEDIA QUERY========================
=====================================
=====================================*/
@media screen and (max-width:801px){

/*KEY VISUAL=======================*/
.keyvis{
background: url("../img/02_store/ginza_key_sp.jpg") no-repeat;
background-size: cover;
}
.keyvis-inner{
left: 10vw;
top: 58vw;
}
.keyvis-inner p:first-child{
font-size: 9vw;
margin-bottom: 6vw;
}
.keyvis-inner p:first-child>span{
font-size: 14.25vw;
letter-spacing: 3.2px;
}
.keyvis-inner p:nth-child(2){
  font-size: 6.5vw;
  margin-bottom: 30vw;
}
.keyvis-inner p:last-child{
  font-size: 2.4vw;
}

/*STORE===========================*/
.store h2,.con-title{
margin-bottom: 126px;
}
.pc-img{
display: none !important;
}
.sp-img{ 
display: block !important; 
}
.store h3{
font-size: 42px;
  line-height: 1.6;
  margin: 0 60px 55px;
}
.store>p{
max-width: 876px;
  font-size: 25px;
  text-align: justify;
  margin: 0 60px 160px;
}


/*MENU_GINZA======================*/
.menu-image{
background: url("../img/02_store/ginza_menu_sp1.jpg") no-repeat center bottom;
width: 100%;
height: 1012px;
}
.menu-details{
position: absolute;
top: 0;
left: 0;
right: 0
}
.menu-details>p:first-of-type{
font-size: 28px;
line-height: 2.7;
text-align: center;
margin-bottom: 588px;
}
.menu-details>p:first-of-type br{
display: none;
}
.menu-details>p:first-of-type span{
display: block;
}
.menu-details ul{
display: none;
}

/*ARROW*/
.menu .more{
text-align: center;
}
.menu .arrow-text{
font-size: 24px;
margin: 0 0 24px;
color: #fff;
}
.menu .arrow{
width: 275px;
background-color: #fff;
}
.menu .arrow::before{
width: 16px;
background-color: #fff;
}


/*STORE-LINK=========================*/
.store-link{
display: block;
max-width: 85%;
}
.store-link .squareLink a{
margin-bottom: 40px;
}

}/*MQ 801 end*/


@media screen and (max-width:601px){
/*KEYVISUAL==============*/
.keyvis-inner p:last-child{
font-size: 12px;
letter-spacing: 1.4px;
}
/*contents================*/
.contents{
margin-bottom: 120px;
}

.store h2, .topics h2 ,.con-title{
padding-bottom: 24px;
margin-bottom: 50px;
}

/*STORE==============================================*/
.swiper-container{
margin-bottom: 60px;
}
.store h3{
font-size: 21px;
line-height: 1.6;
margin: 0 30px 30px;
}

.store>p{
  max-width: 100%;
  font-size: 16px;
  letter-spacing: 1.2px;
  margin: 0 30px 100PX;
}

/*MENU===================*/
.menu-image{
height: 116vw;
padding: 0;
text-align: center;
background-size: contain;
}
.menu-details>p:first-of-type{
font-size: 16px;
line-height: 2.0;
letter-spacing: 1px;
margin-bottom: 73.5vw;
}
/*ARROW*/
.menu .arrow-text{
font-size: 18px;
margin: 0 0 16px;
}
.menu .arrow{
width: 180px;
}
.menu .arrow::before{
width: 12px;
}
}/*MQ 601 end*/


@media screen and (max-width:481px){

/*MENU===================*/
.menu-image{
height: 130vw;
padding: 0;
text-align: center;
background-size: contain;
}

}/*MQ 601 end*/