@charset "utf-8";

/***************************************************************************
*
* INDEX STYLE
*
***************************************************************************/
body #content{
    font-family: "Sawarabi Mincho", "游明朝 Demibold", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

/*#header{
    padding-bottom: 0;
}

#header .mainMenu{
    display:none !important;
}

#header .headerBar {
    padding: 23px 0 15px;
}
*/
.main{
    position: relative;
}

.btnBook{
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -89px;
    transform: translateX(-50%);
    z-index: 7;
    text-align: center;
}

.btnBook a{
    width: 135px;
    height: 135px;
    background: url(../images/index/bgr-book.jpg) no-repeat;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnBook a .text{
    font-size: 13px;
    font-weight: 500;color: #fff;
    letter-spacing: -0.5px !important;
}

.inner {
    width: 100%;
    max-width: 1084px;
    margin: 0 auto;
    padding: 0 30px;
}

.innerBig{
    margin: 0 auto;
    max-width: 1286px;
    padding: 0;
}

#content {
    overflow: hidden;
}


/*areaConcept*/
.areaConcept{
    padding-top: 107px;
    margin-bottom: 60px;
}

.boxList{

}

.boxList .boxItem{
    display:flex;
    justify-content: space-between;
    margin-bottom: 77px;
}

.boxList .boxItem:last-child{
    margin-bottom: 0;
}

.boxList .boxItem .wraperLeft{
    width: 46%;
    padding-top: 17px;
    padding-left: 60px;
}   

.boxList .boxItem .wraperLeft .btnItem{
    text-align: center;
    margin-bottom: 12px;
}

.boxList .boxItem .wraperLeft .btnItem a{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    background-color: #D1E2EC;
    padding: 5.5px 21px;
    line-height: 1;
    color: #000;
}

.boxList .boxItem .wraperLeft .infoAddres{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9;
}

.boxList .boxItem .wraperLeft .infoAddres a{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.boxList .boxItem .wraperLeft .boxHead{
    display: inline-block;
    margin-bottom: 57px;
}

.boxList .boxItem .wraperLeft .boxHead .titleEn{
    position: relative;
    display: inline-block;
    padding-right: 10px;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #413105;
}

.boxList .boxItem .wraperLeft .boxHead .titleEn:before{
    content: "";
    position: absolute;
    width: 72px;
    height: 1px;
    top: 50%;
    right: -72px;
    transform: translateY(-50%);
    background-color: #707070;
}

.boxList .boxItem .wraperLeft .boxHead .titleJp{
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    padding-right: 10px;
    text-align: right;
    color: #080808;
}

.boxList .boxItem .wraperLeft .heading{
    margin-bottom: 71px;
    text-align: center;
}

.boxList .boxItem .wraperLeft .content{
    margin-bottom: 112px;
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
    line-height: 1.9;
    color: #080808;
}

.boxList .boxItem .wraperLeft .signature{
    text-align: center;
}

.boxList .boxItem .wraperRight{
   width: 48.7%;
}

.boxList .boxItem .wraperRight .photo{
    position: relative;
    margin-right: 13px;
    margin-bottom: 17px;
}

.boxList .boxItem .wraperRight .photo img{
    width: 100%;
    object-fit: cover;
    background-position: center;
}


.boxList .boxItem .wraperRight .photo:before{
    content: "";
    position: absolute;
    background-color: #D1E2EC;
    width: calc( 100% - 17px );
    height: 100%;
    top: 17px;
    right: -13px;
    z-index: -1;
}

.boxList .boxItem.reverse{
    flex-direction: row-reverse;
}

.boxList .boxItem.reverse .wraperRight{
    padding-left: 11px;
    width: 50.2%;
}

.boxList .boxItem.reverse .wraperLeft{
    width: 47.4%;
    padding-left: 0;
    padding-top: 44px;
}

.boxList .boxItem.reverse .wraperLeft .content{
    margin-bottom: 58px;
    padding: 0 52px 0 42px;
    min-height: 210px;
}

.boxList .boxItem.reverse .wraperLeft .photoGraph{
    max-width: 457px;
    margin-bottom: 13px;
    padding-left: 4px;
}

/*areaLine*/
.areaLine{position: relative;}

.areaLine .photoBgrLine{
    margin: 0;
}

.areaLine .inner{position: absolute;width: 100%;height: 100%;top: 0;left: 50%;transform: translateX(-50%);}


.areaLine .boxLine{
    max-width: 458px;
    width: 100%;
    padding: 24px 27px 20px;
    background: rgba(255, 255, 255, .8);
    text-align: center;
    position: absolute;
    right: 5.2%;
    bottom: 18%;
}

.areaLine .boxLine .heading{
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #707070;
    color: #080808;
    padding-bottom: 16px;
    margin-bottom: 20px;
}

.areaLine .boxLine .textNotice{
    font-weight: 500;
    font-size: 15px;
    color: #080808;
    margin-bottom: 9px;
}

.areaLine .boxLine .btnLine{
    margin: 0;
}

.areaLine .boxLine .btnLine a{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s all;
}

.areaLine .boxLine .btnLine a .iconLine{
    display: inline-block;
    margin-right: 32px;
}

.areaLine .boxLine .btnLine a .textLine{
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
}

/*areaCeremony*/
.areaCeremony{
    padding-top: 109px;
    margin-bottom: 20px;
}

.areaCeremony .boxList,
.areaBanquet .boxList{
    margin-bottom: 86px;
}

.boxList{margin-bottom: 61px;}

.boxListStep{
    margin-bottom: 51px;
}

.boxListStep{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.boxListStep .itemStep{
    width: 48.3%;
}

.boxListStep .itemStep:nth-child(n + 3){
    margin-top: 74px;
}

.boxListStep .itemStep .photoItemStep{
    margin-bottom: 26px;
}

.boxListStep .itemStep .title{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 28px;
    padding: 0;
}

.boxListStep .itemStep .text{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
    padding: 0 15px;
}

.boxListStep .itemStep .text.lsp-05,
.boxList .boxItem .wraperLeft .content.lsp-05{
    letter-spacing: -0.5px !important;
}

/*areaBanquet*/
.areaBanquet {
    padding-top: 109px;
    margin-bottom: 20px;
}

/*areaCuisine*/
.areaCuisine {
    padding-top: 107px;
    margin-bottom: 130px;
}

.areaCuisine .boxList{ 
    margin-bottom: 35px;
}

.areaCuisine .boxSlider{ 

}

.areaCuisine  .slick-initialized .slick-slide {
    width: 407px;
    margin: 0 16px;
}

.areaCuisine .boxSlider .itemSlider img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.areaCuisine .slick-prev {
    content: "";
    background: url(../images/index/icon-next.svg) no-repeat;
    background-size: cover;
    width: 72px;
    height: 72px;
    left: 95px;
    top: 51%;
    color: transparent;
    transform: translateY(-50%);
    z-index: 9;
}

.areaCuisine .slick-next {
    content: "";
    background: url(../images/index/icon-prev.svg) no-repeat !important;
    background-size: cover !important;
    width: 72px;
    height: 72px;
    right: 95px;
    top: 50%;
    color: transparent;
    transform: translateY(-50%);
    z-index: 2;
}

.areaCuisine .slick-prev:before,
.areaCuisine .slick-next:before{
    content: none;
}

.areaCuisine .slick-prev:hover,
.areaCuisine .slick-prev:focus{
    background: url(../images/index/icon-next.svg) no-repeat !important;
    background-size: cover !important;
}

.areaCuisine .boxList .boxItem .wraperRight .photo:before{
    content: none;
}

.areaCuisine .boxList .boxItem .wraperRight .photo {
    margin-right: 0;
}

.areaCuisine .boxList .boxItem .wraperRight{
     width: 47.4%;
}

.areaCuisine .slick-next:hover,
.areaCuisine .slick-next:focus{
    background: url(../images/index/icon-prev.svg) no-repeat !important;
    background-size: cover !important;
}

.boxWedding{
    margin-bottom: 0;
}

.panel-content {
    padding-top: 161px;
    margin-bottom: 74px;
}
.bnr-wrap{
   margin-bottom: 30px;
   text-align: center
   
}

.pc{
    display: block;
}

.sp{
    display: none;
}

@media (max-width: 1330px) and (min-width: 769px){
    .innerBig {
        width: 100%;
        padding: 0 2%;
    }
}

@media (max-width: 1024px) and (min-width: 769px){
    .areaCuisine .slick-prev, .areaCuisine .slick-next{
        width: 55px;
        height: 55px;
    }

}

@media (max-width: 850px) and (min-width: 810px){
    .areaCuisine .slick-prev, .areaCuisine .slick-next{
        width: 55px;
        height: 55px;
    }

    .boxList .boxItem .wraperLeft .content{
        margin-bottom: 40px;
    }
}


@media( min-width: 769px ){

    .areaLine .boxLine .btnLine a:hover{
        opacity: 0.7;
    }

    .btnBook a:hover{
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }

}

@media( max-width:768px ){
    .pc{
        display: none;
    }

    .sp{
        display: block;
    }

    .btnBook {
        bottom: -64px;
    }

    .btnBook a {
        width: 95px;
        height: 95px;
    }


    .btnBook a .text {
        font-size: 9px;
    }

    .inner {
        width: 100%;
        padding: 0 4%;
    }

    .innerBig {
        width: 100%;
        padding: 0 2%;
    }

    .areaConcept {
        padding-top: 62px;
        margin-bottom: 60px;
    }

    .boxList .boxItem {
        flex-direction: column;
        margin-bottom: 48px;
    }

    .boxList .boxItem .wraperLeft .boxHead .titleEn{
        margin-right: 0;
    }

    .boxList .boxItem .wraperLeft .boxHead .titleEn:before{
        content: none;
    }

    .boxList .boxItem .wraperLeft {
        width: 100%;
        padding-top: 17px;
        padding-left: 0;
    }

    .boxList .boxItem .wraperLeft .boxHead {
        display: block;
        margin-bottom: 25px;
        text-align: center;
    }

    .boxList .boxItem .wraperLeft .heading {
        margin-bottom: 30px;
    }

    .boxList .boxItem .wraperLeft .boxHead .titleJp {
        text-align: center;
    }

    .boxList .boxItem .wraperLeft .content {
        margin-bottom: 50px;
        font-size: 14px;
    }

    .boxList .boxItem .wraperRight,
    .areaCuisine .boxList .boxItem .wraperRight{
        width: 100%;
    }

    .boxList .boxItem.reverse {
        flex-direction: column;
    }

    .boxList .boxItem.reverse .wraperLeft {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }

    .boxList .boxItem.reverse .wraperLeft .content {
        margin-bottom: 50px;
        padding: 0;
        min-height: auto;
    }

    .boxList .boxItem.reverse .wraperRight {
        padding-left: 0;
        width: 100%;
    }

    .boxList .boxItem.reverse .wraperLeft .photoGraph {
        margin: 0 auto 28px;
    }

    .boxList .boxItem .wraperLeft .infoAddres {
        font-size: 14px;
    }

    .areaLine .boxLine {
        width: 85%;
        padding: 15px;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        bottom: auto;
    }

    .areaLine .boxLine .heading {
        font-size: 16px;
        padding-bottom: 8px;
        margin-bottom: 12px;
    }

    .areaLine .boxLine .textNotice {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .areaLine .boxLine .btnLine a .iconLine {
        margin-right: 20px;
    }

    .areaLine .boxLine .btnLine a .iconLine img{
        width: 30px;
    }

    .areaLine .boxLine .btnLine a .textLine {
        font-size: 13px;
    }

    .boxList {
        margin-bottom: 68px;
    }

    .boxListStep .itemStep .photoItemStep {
        margin-bottom: 15px;
    }

    .areaCeremony {
        padding-top: 50px;
        margin-bottom: 20px;
    }

    .boxListStep .itemStep .title {
        font-size: 14px;
        margin-bottom: 10px;
        padding: 0;
    }

    .boxListStep .itemStep .text {
        font-size: 12px;
        padding: 0;
    }

    .boxListStep .itemStep:nth-child(n + 3) {
        margin-top: 42px;
    }

    .areaBanquet {
        padding-top: 50px;
        margin-bottom: 20px;
    }

    .areaCuisine {
        padding-top: 50px;
        margin-bottom: 62px;
    }

    .areaCuisine  .slick-next {
        width: 45px;
        height: 45px;
        top: 50%;
        right: 7%;
        background-size: 100% 100% !important;
    }

    .areaCuisine  .slick-prev {
        width: 45px;
        height: 45px;
        top: 50%;
        left: 7%;
        background-size: 100% 100% !important;
    }

    .panel-content {
        padding-top: 100px;
    }

}