@charset "UTF-8";
/* CSS Document */
body {
/*
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; 
}

.kani__top__wrap {
    width:100%;
    height: 100svh;
    background-color: rgba(4,2,1,0.38);
    background-image: url("../img/kani/top_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;   

    
}
.kani__top__wrap span {
    font-size: 28px;
    display: block;
    font-weight: 100
}
.kani__top__wrap h1 {
    font-size: 44px;/*38*/
    font-weight: normal;
    text-align: center;
    margin-bottom: 60px;/*120*/
    letter-spacing: 0.25em;
		filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
}
@media screen and (max-width:768px) {
.kani__top__wrap span {
    font-size: 6.93333vw;
    }
.kani__top__wrap h1 {
     font-size: 10.133333333333333vw;
    margin-bottom: 15vw;/*25*/
    }   
}

/* bodoni */
.bod {
    font-family: "Libre Bodoni", serif;
    font-optical-sizing: auto;
    font-weight: normal
}


.kani__inner{
    max-width: 870px;
    width: 100%;
/*    border:1px solid #f00;*/
}
.kani__tit {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-bottom: 40px;/*80*/
    color: #E3E3E3;
/*    border:1px solid #f00*/
}
.kani__tit h1 {
    font-size: 120px;
    color: rgba(227,227,227,0.38);
    margin-right: 20px
}
.kani__tit h2 span{
    font-size: 30px;
    letter-spacing: 0.1em;
    font-weight: 100;
    display: block;
    margin-bottom: 10px
}
.kani__tit h2 {
    font-size: 53px;
    font-weight: 100;
        letter-spacing: 0.25em;
}

    .kani__tit.tag h1 {
        margin-bottom: 40px;
    }
.kani__tit.tag h2 span{
    font-size: 24px;
    letter-spacing: 0.25em;
    font-weight: 100;
    display: block;
    margin-bottom: 10px
}
.kani__tit.tag h2 {
    font-size: 40px;
    font-weight: 100;
        letter-spacing: 0.1em;
}

.kani__tit h2 small{
    font-size: 70%
}
.kani__inner .read{
    color:#e3e3e3;
    font-size: 18px;
    line-height: 2.6;
    text-align: left;
    letter-spacing: 0.1em;
	filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.9));
}
@media (max-width:768px){
    .kani__tit {
        margin-bottom: 5.333333333333334vw
    }
    .kani__tit h1 img{
        width: 20vw
    }
    .kani__inner {
        margin-top: 32vw;
    }
    .kani__inner .read {
        font-size: 3.2558vw;
        margin-left: 4vw
    }
    .kani__tit.tag h1 {
        margin-bottom: 10vw;
    }
    .kani__tit h2 span {
        font-size: 7vw
    }
    .kani__tit.tag h2 span{
        font-size: 6vw
    }
    .kani__tit h2 {
        font-size: 14vw;
    }
    .kani__tit.tag h2 {
    font-size: 11vw;
    }
}


/* */
.kani__wrap {
    width:100%;
    min-height: 100vh; 
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    background-color: #000;
}

.kbg1 {
    background-image: url("../img/kani/kani_1_bg.jpg");
    background-repeat: no-repeat;
    background-position: right center;
}
.kbg2 {
    background-image: url("../img/kani/kani_2-2_bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
}
.kbg3 {
    background-image: url("../img/kani/kani_3_bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width:1200px){
    .kbg1 {
        background-size: contain
    }
    .kbg2 {
        background-size: contain
    }
    .kbg3 {
        background-size: contain
    }    
}
@media (max-width:768px){
    .kani__wrap.kbg1 {
        min-height: 181vw/*680*/
    }    
    .kani__wrap.kbg2 {
        min-height: 212vw/*796*/
    }
    .kani__wrap.kbg3 {
        min-height: 250vw/*960*/
    }    
        .kbg1 {
            background-image: url("../img/kani/kani_1_bg_sp.jpg");
            background-position: center bottom;
    }
        .kbg2 {
            background-image: url("../img/kani/kani_2-2_bg_sp.jpg");
            background-position: center bottom;
    } 
        .kbg3 {
            background-image: url("../img/kani/kani_3_bg_sp.jpg");
            background-position: center bottom 30vw;
    }    
}

@media screen and (max-width:768px){
 .kani__wrap {
         align-items:flex-start;
     padding-left: 5%;
    padding-right: 5%}   
}

/* tennnai */
.tennai__wrap{
    background: url("../img/kani/tennai.jpg") center no-repeat;
    background-size: cover;
    width:100%;
    height: 400px;
}
@media screen and (max-width:768px){
  .tennai__wrap{
    background: url("../img/kani/tennai_sp.jpg") center no-repeat;
      background-size: cover;
    width:100%;
    height: 312px;
    }  
}

/* kondate */
.kondate__wrap {
    width: 100%;
/*    height: 100%;*/
    background-image: url("../img/kani/kondate_bg.jpg");
    background-repeat: no-repeat;
    background-position: center bottom 120px;
    background-color: #000;
    display: flex;
    justify-content: center;
    padding: 140px 0;  
}
.kondate__inner{
    max-width: 870px;
    width: 100%;
/*    border:1px solid #f00;*/
}
.kondate__tit {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end
}
.kondate__tit h1 {
    font-size: 40px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.25em
}

.kondate__box {
    margin-left: 60px;
}
.kondate__price {
    font-size: 19px;
    margin-left: -3em;/*5*/
    margin-bottom: 60px
}
.kondate__price small {
    font-size: 80%
}
.kondate__column {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 70px;
}
.kondate__column li {
display: inline-block;
}

.kon__coution {
    font-size: 12px;
    line-height: 3em
}
.kon__coution small {
    font-size: 80%
}
@media (max-width:768px){
 .kondate__wrap {
    background-image: url("../img/kani/kondate_bg.jpg");
    background-repeat: no-repeat;
    background-position: right 30% bottom 40%;
    background-color: #000;     
     background-size:  auto 42%;
     padding: 24vw 5%;
    }
.kondate__tit {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start
}   
.kondate__tit h1 {
    font-size: 10vw
    }
    .kondate__tit .btn__goyoyaku{
        width:45vw;
        margin-top: 10px
    }
    .kondate__box {
        margin-left: 0;
    }
    .kondate__column {
        font-size: 4.266666666666667vw;
    }
    .kondate__column li {
    display: block;
    }
    .kondate__price {
    font-size: 5.06vw;
    margin-left: 0em;/*8*/
    margin-bottom: 30px
}
}

/* counter */
.counter__wrap {
    width: 100%;
    height: 460px;
    background-image: url("../img/section_bg_1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.counter__inner {
    max-width: 1090px;
    width:100%;
    height: 50%;
    display: flex;
    flex-flow: column;
    align-items: flex-end
}
.counter__inner h1 {
    flex: 1;
    margin-right: 2em
}
.counter__inner p {
    font-size: 24px;
    letter-spacing: 0.2em
}
@media screen and (max-width:768px){
    .counter__wrap {
        height: 284px;}
    .counter__inner {
        height: 80%;
        padding: 0 5%
    }
    .counter__inner h1 img {
        width: 15.466666666666667vw
    }
    .counter__inner p {
        font-size: 3.4vw;
    }
}

.btn__goyoyaku {
    width: 214px;
    height: 38px;
    background: #E3E3E3;
    color:#030200;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: min(4vw,100%);
    border-radius: 4px
}

.goyoyaku__wrap {
    background: #000;
    padding: 80px 0;
}

/* access */
.access__bg{
    background: #000;
    min-height: 100%
}
.c-whi {
    color:#E3E3E3;
}

/* 2024-12-09 */
.kakko{
	position: relative;
	line-height: 1.7;
	padding: 0.3em 1.2em;
	font-size: min(4vw,21px);
			filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.9));
}
.kakko::before,
.kakko::after {
    position: absolute;
    width: 20px;
    height: 20px;
    content: '';
}

.kakko::before {
    border-left: solid 1px;
    border-top: solid 1px;
    top: 0;
    left: 0;
}

.kakko::after {
    border-right: solid 1px;
    border-bottom: solid 1px;
    bottom: 0;
    right: 0;
}
.kage{
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));
}
.days {
	line-height: 1.5;
}