@charset "utf-8";



.categories {
    width:90%;
    margin:50px auto 0;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:flex-start; align-items:flex-start;
}
.categories h2 {
    width:100%;
    font-family: YakuHanMP, 'EB Garamond', 'Noto Serif JP', '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 3.42857em;
    font-weight:normal;
    color: #d0b278;
    text-align:center;
    line-height:1;
    letter-spacing:0.05em;
}
.categories p {
    margin:20px 0 0;
    text-align:center;
}
.tab_item {
    width:auto;
    margin:2px;
    padding:6px 15px;
    font-size:0.8rem;
    text-align:center;
    transition: all 0.2s ease;
    background:#ebebeb;
}
.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display:none;}

.tab_content {
    display:none;
    margin:50px 0 0;
    padding:0;
    overflow:hidden;
}
.tab_content ul {
    width:100%;
    margin:50px 0;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:flex-start; align-items:flex-start;
}
.tab_content ul li {
    width:19%;
    margin:0.5%;
    transition: .3s;
}
.tab_content ul li a {width:100%; display:block;}
.tab_content ul li:hover {opacity: .6;}
.tab_content ul li img {max-width:100%;}

 #all:checked ~ #all_content ,
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content,
#tab7:checked ~ #tab7_content,
#tab8:checked ~ #tab8_content {display:block;}

input:checked + .tab_item {
    color: #fff;
    background-color:#d0b278;
}

li.partyhall-01 {background:url("../img/photo/partyhall/01.jpg") center no-repeat; background-size:cover;}
li.partyhall-02 {background:url("../img/photo/partyhall/02.jpg") center no-repeat; background-size:cover;}
li.partyhall-03 {background:url("../img/photo/partyhall/03.jpg") center no-repeat; background-size:cover;}
li.partyhall-04 {background:url("../img/photo/partyhall/04.jpg") center no-repeat; background-size:cover;}
li.partyhall-05 {background:url("../img/photo/partyhall/05.jpg") center no-repeat; background-size:cover;}
li.partyhall-06 {background:url("../img/photo/partyhall/06.jpg") center no-repeat; background-size:cover;}
li.partyhall-07 {background:url("../img/photo/partyhall/07.jpg") center no-repeat; background-size:cover;}
li.partyhall-08 {background:url("../img/photo/partyhall/08.jpg") center no-repeat; background-size:cover;}
li.partyhall-09 {background:url("../img/photo/partyhall/09.jpg") center no-repeat; background-size:cover;}
li.partyhall-10 {background:url("../img/photo/partyhall/10.jpg") center no-repeat; background-size:cover;}
li.partyhall-11 {background:url("../img/photo/partyhall/11.jpg") center no-repeat; background-size:cover;}
li.partyhall-12 {background:url("../img/photo/partyhall/12.jpg") center no-repeat; background-size:cover;}
li.partyhall-13 {background:url("../img/photo/partyhall/13.jpg") center no-repeat; background-size:cover;}
li.partyhall-14 {background:url("../img/photo/partyhall/14.jpg") center no-repeat; background-size:cover;}
li.partyhall-15 {background:url("../img/photo/partyhall/15.jpg") center no-repeat; background-size:cover;}
li.partyhall-16 {background:url("../img/photo/partyhall/16.jpg") center no-repeat; background-size:cover;}
li.partyhall-17 {background:url("../img/photo/partyhall/17.jpg") center no-repeat; background-size:cover;}
li.partyhall-18 {background:url("../img/photo/partyhall/18.jpg") center no-repeat; background-size:cover;}
li.partyhall-19 {background:url("../img/photo/partyhall/19.jpg") center no-repeat; background-size:cover;}
li.partyhall-20 {background:url("../img/photo/partyhall/20.jpg") center no-repeat; background-size:cover;}
li.partyhall-21 {background:url("../img/photo/partyhall/_01.jpg") center no-repeat; background-size:cover;}
li.partyhall-22 {background:url("../img/photo/partyhall/_02.jpg") center no-repeat; background-size:cover;}
li.partyhall-23 {background:url("../img/photo/partyhall/_03.jpg") center no-repeat; background-size:cover;}
li.partyhall-24 {background:url("../img/photo/partyhall/_04.jpg") center no-repeat; background-size:cover;}
li.partyhall-25 {background:url("../img/photo/partyhall/_05.jpg") center no-repeat; background-size:cover;}
li.partyhall-26 {background:url("../img/photo/partyhall/_06.jpg") center no-repeat; background-size:cover;}
li.partyhall-27 {background:url("../img/photo/partyhall/_07.jpg") center no-repeat; background-size:cover;}
li.partyhall-28 {background:url("../img/photo/partyhall/_08.jpg") center no-repeat; background-size:cover;}

li.chapel-01 {background:url("../img/photo/chapel/01.jpg") center no-repeat; background-size:cover;}
li.chapel-02 {background:url("../img/photo/chapel/02.jpg") center no-repeat; background-size:cover;}
li.chapel-03 {background:url("../img/photo/chapel/03.jpg") center no-repeat; background-size:cover;}
li.chapel-04 {background:url("../img/photo/chapel/04.jpg") center no-repeat; background-size:cover;}
li.chapel-05 {background:url("../img/photo/chapel/05.jpg") center no-repeat; background-size:cover;}
li.chapel-06 {background:url("../img/photo/chapel/_01.jpg") center no-repeat; background-size:cover;}
li.chapel-07 {background:url("../img/photo/chapel/_02.jpg") center no-repeat; background-size:cover;}
li.chapel-08 {background:url("../img/photo/chapel/_03.jpg") center no-repeat; background-size:cover;}
li.chapel-09 {background:url("../img/photo/chapel/_04.jpg") center no-repeat; background-size:cover;}
li.chapel-10 {background:url("../img/photo/chapel/_05.jpg") center no-repeat; background-size:cover;}
li.chapel-11 {background:url("../img/photo/chapel/_06.jpg") center no-repeat; background-size:cover;}

li.nw-01 {background:url("../img/photo/nw/01.jpg") center no-repeat; background-size:cover;}
li.nw-02 {background:url("../img/photo/nw/02.jpg") center no-repeat; background-size:cover;}
li.nw-03 {background:url("../img/photo/nw/03.jpg") center no-repeat; background-size:cover;}
li.nw-04 {background:url("../img/photo/nw/04.jpg") center no-repeat; background-size:cover;}
li.nw-05 {background:url("../img/photo/nw/05.jpg") center no-repeat; background-size:cover;}
li.nw-06 {background:url("../img/photo/nw/06.jpg") center no-repeat; background-size:cover;}

li.garden-01 {background:url("../img/photo/garden/01.jpg") center no-repeat; background-size:cover;}
li.garden-02 {background:url("../img/photo/garden/02.jpg") center no-repeat; background-size:cover;}
li.garden-03 {background:url("../img/photo/garden/03.jpg") center no-repeat; background-size:cover;}
li.garden-04 {background:url("../img/photo/garden/04.jpg") center no-repeat; background-size:cover;}
li.garden-05 {background:url("../img/photo/garden/05.jpg") center no-repeat; background-size:cover;}
li.garden-06 {background:url("../img/photo/garden/06.jpg") center no-repeat; background-size:cover;}
li.garden-07 {background:url("../img/photo/garden/07.jpg") center no-repeat; background-size:cover;}
li.garden-08 {background:url("../img/photo/garden/08.jpg") center no-repeat; background-size:cover;}
li.garden-09 {background:url("../img/photo/garden/09.jpg") center no-repeat; background-size:cover;}
li.garden-10 {background:url("../img/photo/garden/10.jpg") center no-repeat; background-size:cover;}
li.garden-11 {background:url("../img/photo/garden/11.jpg") center no-repeat; background-size:cover;}
li.garden-12 {background:url("../img/photo/garden/12.jpg") center no-repeat; background-size:cover;}
li.garden-13 {background:url("../img/photo/garden/13.jpg") center no-repeat; background-size:cover;}
li.garden-14 {background:url("../img/photo/garden/14.jpg") center no-repeat; background-size:cover;}
li.garden-15 {background:url("../img/photo/garden/15.jpg") center no-repeat; background-size:cover;}
li.garden-16 {background:url("../img/photo/garden/16.jpg") center no-repeat; background-size:cover;}

li.lounge-01 {background:url("../img/photo/lounge/01.jpg") center no-repeat; background-size:cover;}
li.lounge-02 {background:url("../img/photo/lounge/02.jpg") center no-repeat; background-size:cover;}
li.lounge-03 {background:url("../img/photo/lounge/03.jpg") center no-repeat; background-size:cover;}
li.lounge-04 {background:url("../img/photo/lounge/04.jpg") center no-repeat; background-size:cover;}
li.lounge-05 {background:url("../img/photo/lounge/05.jpg") center no-repeat; background-size:cover;}
li.lounge-06 {background:url("../img/photo/lounge/06.jpg") center no-repeat; background-size:cover;}
li.lounge-07 {background:url("../img/photo/lounge/07.jpg") center no-repeat; background-size:cover;}
li.lounge-08 {background:url("../img/photo/lounge/_01.jpg") center no-repeat; background-size:cover;}
li.lounge-09 {background:url("../img/photo/lounge/_02.jpg") center no-repeat; background-size:cover;}

li.example-01 {background:url("../img/photo/example/01.jpg") center no-repeat; background-size:cover;}
li.example-02 {background:url("../img/photo/example/02.jpg") center no-repeat; background-size:cover;}
li.example-03 {background:url("../img/photo/example/03.jpg") center no-repeat; background-size:cover;}
li.example-04 {background:url("../img/photo/example/04.jpg") center no-repeat; background-size:cover;}
li.example-05 {background:url("../img/photo/example/05.jpg") center no-repeat; background-size:cover;}
li.example-06 {background:url("../img/photo/example/06.jpg") center no-repeat; background-size:cover;}
li.example-07 {background:url("../img/photo/example/07.jpg") center no-repeat; background-size:cover;}
li.example-08 {background:url("../img/photo/example/08.jpg") center no-repeat; background-size:cover;}
li.example-09 {background:url("../img/photo/example/09.jpg") center no-repeat; background-size:cover;}
li.example-10 {background:url("../img/photo/example/10.jpg") center no-repeat; background-size:cover;}
li.example-11 {background:url("../img/photo/example/11.jpg") center no-repeat; background-size:cover;}
li.example-12 {background:url("../img/photo/example/12.jpg") center no-repeat; background-size:cover;}
li.example-13 {background:url("../img/photo/example/13.jpg") center no-repeat; background-size:cover;}
li.example-14 {background:url("../img/photo/example/14.jpg") center no-repeat; background-size:cover;}
li.example-15 {background:url("../img/photo/example/15.jpg") center no-repeat; background-size:cover;}
li.example-16 {background:url("../img/photo/example/16.jpg") center no-repeat; background-size:cover;}
li.example-17 {background:url("../img/photo/example/17.jpg") center no-repeat; background-size:cover;}
li.example-18 {background:url("../img/photo/example/18.jpg") center no-repeat; background-size:cover;}
li.example-19 {background:url("../img/photo/example/19.jpg") center no-repeat; background-size:cover;}
li.example-20 {background:url("../img/photo/example/20.jpg") center no-repeat; background-size:cover;}
li.example-21 {background:url("../img/photo/example/21.jpg") center no-repeat; background-size:cover;}
li.example-22 {background:url("../img/photo/example/22.jpg") center no-repeat; background-size:cover;}
li.example-23 {background:url("../img/photo/example/23.jpg") center no-repeat; background-size:cover;}
li.example-24 {background:url("../img/photo/example/24.jpg") center no-repeat; background-size:cover;}
li.example-25 {background:url("../img/photo/example/25.jpg") center no-repeat; background-size:cover;}
li.example-26 {background:url("../img/photo/example/26.jpg") center no-repeat; background-size:cover;}
li.example-27 {background:url("../img/photo/example/27.jpg") center no-repeat; background-size:cover;}
li.example-28 {background:url("../img/photo/example/28.jpg") center no-repeat; background-size:cover;}
li.example-29 {background:url("../img/photo/example/29.jpg") center no-repeat; background-size:cover;}
li.example-30 {background:url("../img/photo/example/30.jpg") center no-repeat; background-size:cover;}
li.example-31 {background:url("../img/photo/example/31.jpg") center no-repeat; background-size:cover;}
li.example-32 {background:url("../img/photo/example/32.jpg") center no-repeat; background-size:cover;}
li.example-33 {background:url("../img/photo/example/33.jpg") center no-repeat; background-size:cover;}
li.example-34 {background:url("../img/photo/example/34.jpg") center no-repeat; background-size:cover;}
li.example-35 {background:url("../img/photo/example/35.jpg") center no-repeat; background-size:cover;}
li.example-36 {background:url("../img/photo/example/36.jpg") center no-repeat; background-size:cover;}
li.example-37 {background:url("../img/photo/example/_01.jpg") center no-repeat; background-size:cover;}
li.example-38 {background:url("../img/photo/example/_02.jpg") center no-repeat; background-size:cover;}
li.example-39 {background:url("../img/photo/example/_03.jpg") center no-repeat; background-size:cover;}
li.example-40 {background:url("../img/photo/example/_04.jpg") center no-repeat; background-size:cover;}
li.example-41 {background:url("../img/photo/example/_05.jpg") center no-repeat; background-size:cover;}
li.example-42 {background:url("../img/photo/example/_06.jpg") center no-repeat; background-size:cover;}
li.example-43 {background:url("../img/photo/example/_07.jpg") center no-repeat; background-size:cover;}
li.example-44 {background:url("../img/photo/example/_08.jpg") center no-repeat; background-size:cover;}
li.example-45 {background:url("../img/photo/example/_09.jpg") center no-repeat; background-size:cover;}

li.patio-01 {background:url("../img/photo/patio/01.jpg") center no-repeat; background-size:cover;}
li.patio-02 {background:url("../img/photo/patio/02.jpg") center no-repeat; background-size:cover;}
li.patio-03 {background:url("../img/photo/patio/03.jpg") center no-repeat; background-size:cover;}
li.patio-04 {background:url("../img/photo/patio/04.jpg") center no-repeat; background-size:cover;}

li.cuisine-01 {background:url("../img/photo/cuisine/01.jpg") center no-repeat; background-size:cover;}
li.cuisine-02 {background:url("../img/photo/cuisine/02.jpg") center no-repeat; background-size:cover;}
li.cuisine-03 {background:url("../img/photo/cuisine/03.jpg") center no-repeat; background-size:cover;}
li.cuisine-04 {background:url("../img/photo/cuisine/04.jpg") center no-repeat; background-size:cover;}
li.cuisine-05 {background:url("../img/photo/cuisine/05.jpg") center no-repeat; background-size:cover;}
li.cuisine-06 {background:url("../img/photo/cuisine/06.jpg") center no-repeat; background-size:cover;}
li.cuisine-07 {background:url("../img/photo/cuisine/07.jpg") center no-repeat; background-size:cover;}
li.cuisine-08 {background:url("../img/photo/cuisine/08.jpg") center no-repeat; background-size:cover;}
li.cuisine-09 {background:url("../img/photo/cuisine/09.jpg") center no-repeat; background-size:cover;}
li.cuisine-10 {background:url("../img/photo/cuisine/10.jpg") center no-repeat; background-size:cover;}
li.cuisine-11 {background:url("../img/photo/cuisine/11.jpg") center no-repeat; background-size:cover;}
li.cuisine-12 {background:url("../img/photo/cuisine/12.jpg") center no-repeat; background-size:cover;}
li.cuisine-13 {background:url("../img/photo/cuisine/13.jpg") center no-repeat; background-size:cover;}
li.cuisine-14 {background:url("../img/photo/cuisine/14.jpg") center no-repeat; background-size:cover;}
li.cuisine-15 {background:url("../img/photo/cuisine/15.jpg") center no-repeat; background-size:cover;}
li.cuisine-16 {background:url("../img/photo/cuisine/16.jpg") center no-repeat; background-size:cover;}
li.cuisine-17 {background:url("../img/photo/cuisine/17.jpg") center no-repeat; background-size:cover;}
li.cuisine-18 {background:url("../img/photo/cuisine/18.jpg") center no-repeat; background-size:cover;}
li.cuisine-19 {background:url("../img/photo/cuisine/19.jpg") center no-repeat; background-size:cover;}
li.cuisine-20 {background:url("../img/photo/cuisine/20.jpg") center no-repeat; background-size:cover;}
li.cuisine-21 {background:url("../img/photo/cuisine/21.jpg") center no-repeat; background-size:cover;}
li.cuisine-22 {background:url("../img/photo/cuisine/22.jpg") center no-repeat; background-size:cover;}
li.cuisine-23 {background:url("../img/photo/cuisine/23.jpg") center no-repeat; background-size:cover;}
li.cuisine-24 {background:url("../img/photo/cuisine/24.jpg") center no-repeat; background-size:cover;}
li.cuisine-25 {background:url("../img/photo/cuisine/25.jpg") center no-repeat; background-size:cover;}
li.cuisine-26 {background:url("../img/photo/cuisine/26.jpg") center no-repeat; background-size:cover;}
li.cuisine-27 {background:url("../img/photo/cuisine/27.jpg") center no-repeat; background-size:cover;}

@media (max-width: 640px) {
    
    .tab_item {
        width:auto;
        margin:5px;
        padding:7px 15px;
        font-size:1.1rem;
    }
    .tab_content ul {
        justify-content:space-between;
    }
    .tab_content ul li {
        width:49%;
        margin:6px 0;
    }
}