@charset "utf-8";

/***************************************************************************
*
* ACCESS STYLE
*
***************************************************************************/
.areaBanquet{

}
.areaBanquetTop{
    margin-bottom: 87px;
    padding-bottom: 0;
}
.areaBanquetBot{
    margin-bottom: 81px;
}
.areaBanquet .banquetPhoto{
    margin-bottom: 51px;
}
.areaBanquet .areaText{
    margin-bottom: 120px;
}

.areaBanquet .boxSlide{
   position: relative; 
   margin-bottom: 120px;
}

.areaBanquet .boxSlide .boxItem2 {
  float: right;
  display: table-cell;
   vertical-align: top;
   width: 377px;

}

.areaBanquet .boxSlide .boxItem2 .titleMain {
   font-size: 30px;
   letter-spacing: .1em;
   line-height: 1.25;
   text-align: left;
   margin-bottom: 0.4em;
}

.areaBanquet .boxSlide .boxItem2 .titleSub {
   font-size: 20px;
   line-height: 1.5454;
   text-align: left;
}

.areaBanquet .boxSlide .boxItem2 .textMain {
   margin-top: 0.5rem;
   text-align: left;
   line-height: 1.8rem;
   font-size: 14px;
}


.areaBanquet .boxSlide .slider{
    margin-bottom: 0;
}
.areaBanquet .boxSlide .slider .slick-list{
    width: 411px;
    display: inline-block;
}

.areaBanquet .boxSlide .slider .slider-item{
    height: 450px;
    
}
.areaBanquet .boxSlide .slick-dots{
   width: 50%;
   height: 120px;
   right: 0;
   top: 70%;
   padding: 10px;
   bottom: 0;
   text-align: left;
   padding-left: 55px;
    /*background-color: #F6F5F7;*/
}
.areaBanquet .boxSlide .slick-slide img{
    /* width: 76%; */
    width: 100%;
    padding: 0px;
}
.areaBanquet .boxSlide .slick-dots li{
    width: 80px;
    height: auto;
    margin: 0 10px 0px 0;
}
.areaBanquet .boxSlide .slick-dots li a:hover{
    opacity: 0.8;
    transition: all 0.3s;
}
.areaBanquet .boxSlide .slick-dots li.slick-active{
    position: relative;

}
.areaBanquet .boxSlide .slick-dots li.slick-active a{
    display: block;
}
.areaBanquet .boxSlide .slick-dots li.slick-active a:after{
    content: "";
    position: absolute;
    width: 98%;
    height: 98%;
    top: 0;
    left: 0;
}
.areaBanquet .boxSlide .slick-dots li:nth-child(n+3){
    margin-bottom: 0;
}
.areaBanquet .boxSlide .slick-dots li:nth-child(2n){
    margin-right: 10px;
}
.areaBanquet .boxSlide .slick-dots li img{
    width: 100%;
}


.areaBanquet .boxSlide .slick-prev, .areaBanquet .boxSlide  .slick-next{
    display: none !important;
}





.areaBanquet .boxSlide2{
   position: relative; 
   margin-bottom: 120px;
}

.areaBanquet .boxSlide2 .boxItem2 {
   float: left;
   display: table-cell;
   vertical-align: top;
   width: 377px;
}

.areaBanquet .boxSlide2 .boxItem2 .titleMain {
   font-size: 30px;
   letter-spacing: .1em;
   line-height: 1.25;
   text-align: left;
   margin-bottom: 0.4em;
}

.areaBanquet .boxSlide2 .boxItem2 .titleSub {
   font-size: 20px;
   line-height: 1.5454;
   text-align: left;
}

.areaBanquet .boxSlide2 .boxItem2 .textMain {
   margin-top: 0.5rem;
   text-align: left;
   line-height: 1.8rem;
   font-size: 14px;
}


.areaBanquet .boxSlide2 .slider{
    margin-bottom: 0;
}
.areaBanquet .boxSlide2 .slider .slick-list{
    width: 411px;
    display: inline-block;
    margin-left: 55px;
}

.areaBanquet .boxSlide2 .slider .slider-item{
    height: 450px;
    
}
.areaBanquet .boxSlide2 .slick-dots{
    width: 50%;
    height: 120px;
    right: 0;
    top: 70%;
    padding: 10px;
    bottom: 0;
    text-align: left;
    padding-right: 55px;
    left: 0;
}
.areaBanquet .boxSlide2 .slick-slide img{
    width: 100%;
    /* padding: 75px; */
}
.areaBanquet .boxSlide2 .slick-dots li{
    width: 80px;
    height: auto;
    margin: 0 10px 0px 0;
}
.areaBanquet .boxSlide2 .slick-dots li a:hover{
    opacity: 0.8;
    transition: all 0.3s;
}
.areaBanquet .boxSlide2 .slick-dots li.slick-active{
    position: relative;

}
.areaBanquet .boxSlide2 .slick-dots li.slick-active a{
    display: block;
}
.areaBanquet .boxSlide2 .slick-dots li.slick-active a:after{
    content: "";
    position: absolute;
    width: 98%;
    height: 98%;
    top: 0;
    left: 0;
}
.areaBanquet .boxSlide2 .slick-dots li:nth-child(n+3){
    margin-bottom: 0;
}
.areaBanquet .boxSlide2 .slick-dots li:nth-child(2n){
    margin-right: 10px;
}
.areaBanquet .boxSlide2 .slick-dots li img{
    width: 100%;
}


.areaBanquet .boxSlide2 .slick-prev, .areaBanquet .boxSlide  .slick-next{
    display: none !important;
}





.areaBanquet .banquetTitle{
    text-align: center;
    font-weight: normal;
}


/*
.areaBanquet2 .boxTitle {
   text-align: center;
   margin-top: 30px;
   margin-bottom: 75px;
}

.areaBanquet2 .boxTitle .areaTitle2 {
   font-size: 13px;
   letter-spacing: 1.5px;
   margin-bottom: 10px;
}

.areaBanquet2 .boxTitle .areaTitle .areaSubTitle2 {
   margin-top: 15px;
}

.areaBanquet2 .wrapBox {
   margin-top: 50px;
   display: table;
   width: 100%;
   margin-bottom: 100px;
   table-layout: fixed;
}

.areaBanquet2 .wrapBox .boxItem1 {
   padding-top: 0;
}


.areaBanquet2 .wrapBox .boxItem1 img{
   object-fit: contain;
     position: absolute;
     width: 500px;
     height: 500px;
}


.areaBanquet2 .wrapBox .boxItem1:first-child {
   padding-left: 0;
   display: table-cell;
   vertical-align: top;
   padding-top: 0;
   position: relative;
     height: 500px;
     margin: 0 auto;

}

.areaBanquet2 .boxItem2 {
   display: table-cell;
   vertical-align: top;
   width: 345px;
   padding-left: 55px;
}

.areaBanquet2 .boxItem2 .titleMain {
   font-size: 30px;
   letter-spacing: .1em;
   line-height: 1.25;
   text-align: left;
   margin-bottom: 0.25em;
}

.areaBanquet2 .boxItem2 .titleSub {
   font-size: 20px;
   line-height: 1.5454;
   text-align: left;
}

.areaBanquet2 .boxItem2 .textMain {
   margin-top: 1em;
   text-align: left;
}

.areaBanquet2 .boxItem2 .slideBox {
}

.areaBanquet2 .rtl {
   direction: rtl;
}

.areaBanquet2 .boxItem2_2 {
   padding-left: 0px;
   padding-right: 55px;
}

.areaBanquet2 .boxItem2_2 .titleMain {
   font-size: 30px;
   letter-spacing: .1em;
   line-height: 1.25;
   text-align: left;
   margin-bottom: 0.25em;
}

.areaBanquet2 .boxItem2_2 .titleSub {
   font-size: 20px;
   line-height: 1.5454;
   text-align: left;
}

.areaBanquet2 .boxItem2_2 .textMain {
   margin-top: 1em;
   text-align: left;
}

.areaBanquet2 .boxItem2_2 .slideBox {
   margin-top: 20px;
   position: relative;
   padding-bottom: 38px;
}

.areaBanquet2 .boxItem2 .slideBox.slide-items {
  width: 50%;
  height: 50%;
  margin: auto;
}
.areaBanquet2 .boxItem2 .slideBox.slide-items img {
  width: 100%;
    display: flex;
    max-width: 80%;
    margin: auto;
}

.areaBanquet2 .boxItem2_2 .slideBox.slide-items2 {
  width: 50%;
  height: 50%;
  margin: auto;
}
.areaBanquet2 .boxItem2_2 .slideBox.slide-items2 img {
  width: 100%;
    display: flex;
    max-width: 80%;
    margin: auto;
}


.slick-prev:before,
.slick-next:before {
  color: black;
}
.slick-dots li button:before {
  font-size: 18px;
  top: 6px;
}
*/

@media(max-width: 768px) {
    .areaBanquetTop{
        margin-bottom: 70px;
    }
    .areaBanquet .areaText{
        margin-bottom: 35px;
        letter-spacing: -0.2px;
    }
    .areaBanquet .banquetPhoto{
        margin-bottom: 71px;
    }
    .areaBanquet .boxSlide{
       position: initial; 
       margin-bottom: 7px;
    }
/*    .areaBanquet .boxSlide .slider{
        width: 100%;
        display: inline-block;
        position: relative;
    }*/
    .areaBanquet .boxSlide .slider .slick-list{
        width: 100%;
    }
    .areaBanquet .boxSlide .slick-dots{
        position: initial;
        width: 100%;
        height: auto;
        left: 0;
        right: auto;
        top: auto;
        text-align: left;
        margin: 0 auto;
        padding: 0;
    }
    .areaBanquet .boxSlide .slick-dots li{
        width: 46%;
        margin: 0 4.6% -4px 0;
    }
    .areaBanquet .boxSlide .slider .slider-item{
        height: auto;
        margin-bottom: 15px;
    }
    .areaBanquet .boxSlide .slick-dots li.slick-active a:after{
        width: 99%;
        height: 99%;
    }
    
    .areaBanquet .boxSlide .slick-slide img {
    width: 100%;
    padding: 0px;
    }
    
    
    
    .areaBanquet .boxSlide2{
           position: initial; 
           margin-bottom: 7px;
        }
    /*    .areaBanquet .boxSlide .slider{
            width: 100%;
            display: inline-block;
            position: relative;
        }*/
        .areaBanquet .boxSlide2 .slider .slick-list{
            width: 100%;
            margin: 0;
        }
        .areaBanquet .boxSlide2 .slick-dots{
            position: initial;
            width: 100%;
            height: auto;
            left: 0;
            right: auto;
            top: auto;
            text-align: left;
            margin: 0 auto;
            padding: 0;
        }
        .areaBanquet .boxSlide2 .slick-dots li{
            width: 46%;
            margin: 0 4.6% -4px 0;
        }
        .areaBanquet .boxSlide2 .slider .slider-item{
            height: auto;
            margin-bottom: 15px;
        }
        .areaBanquet .boxSlide2 .slick-dots li.slick-active a:after{
            width: 99%;
            height: 99%;
        }
        
        
        .areaBanquet .boxSlide .boxItem2 {
           display: block;
           float: none;
           margin-bottom: 50px;
           margin-top: 80px;
           width: 100%;
        }
        
        .areaBanquet .boxSlide .boxItem2 .titleMain {
           font-size: 30px;
           letter-spacing: .1em;
           line-height: 1.25;
           text-align: center;
           margin-bottom: 0.4em;
        }
        
        .areaBanquet .boxSlide .boxItem2 .titleSub {
           font-size: 20px;
           line-height: 1.5454;
           text-align: center;
        }
        
        .areaBanquet .boxSlide .boxItem2 .textMain {
           margin: 0.5rem 0;
           text-align: left;
           line-height: 1.4rem;
           font-size: 13px;
           padding: 0px 10px 0px 10px;
        }

        
        .areaBanquet .boxSlide2 .boxItem2 {
           display: block;
           float: none;
           margin-bottom: 50px;
           margin-top: 80px;
           width: 100%;
        }
        
        .areaBanquet .boxSlide2 .boxItem2 .titleMain {
           font-size: 30px;
           letter-spacing: .1em;
           line-height: 1.25;
           text-align: center;
           margin-bottom: 0.4em;
        }
        
        .areaBanquet .boxSlide2 .boxItem2 .titleSub {
           font-size: 20px;
           line-height: 1.5454;
           text-align: center;
        }
        
        .areaBanquet .boxSlide2 .boxItem2 .textMain {
           margin: 0.5rem 0;
           text-align: left;
           line-height: 1.4rem;
           font-size: 13px;
           padding: 0px 10px 0px 10px;
        }
    
    
    
    
    
    
}
@media(max-width: 414px){
    .areaBanquet .boxSlide .slick-dots li.slick-active a:after{
        width: 98%;
        height: 98%;
    }
}

@media(max-width: 320px){
    .areaBanquet .areaText{
        letter-spacing: -1.1px;
    }
}