@import (once) "default.less";


/* close ///////////////////////*/
.desklist dd:before,
.memory .photo:before,
.question dd:before{
content:"";
.db;
.pa;
top:15px;
right:15px;
width:15px;
height:15px;
mask-image:url(../image/icon/close.svg);
mask-repeat:no-repeat;
mask-size:cover;
background:#FFF;
}

.memory .photo:before{
top:-25px;
right:0;
}


/* 席次表 svg ///////////////////////*/
.desklist{
.desk{
max-width:600px !important;
margin:0 auto !important;
padding:0 0 5vh 0 !important;
}
}

.seating .floor svg{
/* 全体を右余白を入れる*/
margin:0 0 0 3%;
}

/*サイズと位置の確認用ボックス（長8テーブル）*/
.table_area{
stroke-width:1px;
fill:#FFFFFF;
stroke:#000000;
.dn;
}

@media (min-width:@w2){
.seating .floor svg,
.desk svg{

.text1{
font-size:7px !important;
}
.text2{
font-size:10px !important;
}
.text3{
font-size:7px !important;
}
.text4{
font-size:10px !important;
}

}
}


/* touch  ///////////////////////*/
.touch{
padding:75px 0 0 0;
}

.touch p{
.tac;
.pr;
.dib;
font-size:.85rem;
line-height:.85rem;
}

.touch p:before{
content:"";
.db;
.pa;
width:100px;
height:100px;
.center;
left:0;
right:0;
top:-40px;
z-index:2;
.r(50%);
box-shadow: inset 0px 0px 20px 0px rgba(255, 255, 255, 1), inset 0px 0px 5px 0px rgba(255, 255, 255, 1);
}



/* memory 拡大写真サイズ ///////////////////////*/
.memory{

.photo{
margin:0 30px;
width:auto !important;
max-width:none !important;
}

.photo img{
width:100%;
height:100%;
max-width:@w1;
max-height:70vh;
object-fit: contain;
}

}


/* question 質問コーナー ///////////////////////*/
.question{
}


/* event 演出 ///////////////////////*/
.event{
.pr;
.oh;
.tac;
z-index:2;
padding:7rem 0 0 0;
}

.event .contents{
padding:0;
}

.event .title p{
font-size:3rem;
line-height:3rem;
}

.event .text{
padding:3rem 0;
}
.event .text em{
.db;
padding:0 0 2rem 0;
}
.event .text p{
line-height:1.6rem;
}


.event .button{
padding:0 1rem;
}
.event .button li{
padding:1rem 0 0 0;
}
.event .button a,
.event .button button{
.db;
width:100%;
border:2px #ccc solid;
background:#FFF;
color:#333;
padding:1rem;
.r(10px);
}


/* footer ///////////////////////*/
.footer{
}