@charset "UTF-8";

/* ====================================================
　祭りについて
==================================================== */
@media print, screen and (min-width: 768px) {
    .kanikakuni01{margin-top: 3%!important;}    
    p{font-size: min(1.35vw, 17px)}
    .kanikakuni01 .text{width: 30%;}
    .kanikakuni01 .image{width: 65%;}
    .kanikakuni01 .sunflex{position: relative;}
    .kanikakuni01 .sunflex:after{
        position: absolute;
        content: "";
        background: url("../img/contents/kanikakuni/kanikakuni01_bg.png") no-repeat;
        width: 127px;
        height: 107px;
        bottom: 2em;
        right: -3em;
    }
}
@media screen and (max-width: 767px) {
    .kanikakuni01{margin-top: 0!important;}
    .image{margin-top: 2em;}
    .title{margin-bottom: 0!important;}
    
    .kanikakuni01 .image{position: relative;}
    .kanikakuni01 .image:after{
        position: absolute;
        
        content: "";
        background-image: url("../img/contents/kanikakuni/kanikakuni01_bg.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 60px;
        height: 51px;
        bottom: 0;
        right: -1em;
    }
}


/* ====================================================
　お茶席について
==================================================== */
@media print, screen and (min-width: 768px) {
    .kanikakuni02 p{font-size: min(1.35vw, 17px);}
    .kanikakuni02 .image{margin-top: 3em;}
}
@media screen and (max-width: 767px) {
    .kanikakuni02 .box p{padding: 0 5.5%;}
}

/* ====================================================
　お茶会場
==================================================== */
.titleBorder{
    margin-bottom: 1.5em;
    color: #523e00;
    font-weight: bold;
    text-align: center;
    position: relative;
}
.titleBorder:after{
    position: absolute;
    content: "";
    background: #523e00;
    height: 1px;
    width: 4em;
    bottom: -0.7em;
    left: 50%;
    transform: translateX(-50%);
}




@media print, screen and (min-width: 768px) {
    .titleBorder{font-size: min(2.7vw, 28px); margin-bottom: 2em;}
    .kanikakuni03 p{font-size: min(1.35vw, 17px);}
    .kanikakuni03 .text{position: relative;}
    .kanikakuni03 .text{width: 47.5%;}
    .kanikakuni03 .text:after{
        position: absolute;
        content: "";
        background: url("../img/contents/kanikakuni/momiji_l.png") no-repeat;
        width: 775px;
        height: 435px;
        bottom: -6em;
        right: 2em;
    }
    .kanikakuni03 .image{width: 50%;}
    
    .kanikakuni03 .address{font-size: min(2.9vw, 29px); letter-spacing: 0.08em;}
    .kanikakuni03 .address span{
        display: block;
        font-size: min(2.3vw, 25px);
        border-top: 1px solid #523e00;
        padding-top: 0.5em;
        margin-top: 0.5em;
        letter-spacing:normal;
    }
}
@media screen and (max-width: 767px) {
    .titleBorder{font-size: 2.15rem;}
    .kanikakuni03 .sunflex{justify-content: center; align-items: center;}
    .kanikakuni03 .address{font-size: 1.65rem; letter-spacing: 0.08em;}
    .kanikakuni03 .address span{
        display: block;
        font-size: 1.4rem;
        border-top: 1px solid #523e00;
        padding-top: 0.5em;
        margin-top: 0.5em;
        letter-spacing:normal;
    }
    .kanikakuni03 .image{position: relative;}
    .kanikakuni03 .image:after{
        position: absolute;
        content: "";
        background: url("../img/contents/kanikakuni/momiji_l.png") no-repeat;
        width: 328px;
        height: 225px;
        bottom: -20em;
        left: -50%;
        background-size: contain;
    }
}

/* ====================================================
　歌碑について
==================================================== */
.kanikakuni04 .caption{margin-top: 1em;}

.kanikakuni04 .image{position: relative;}
.kanikakuni04 .image:after{
    position: absolute;
    content: "";
    background: url("../img/contents/kanikakuni/momiji_r.png") no-repeat;
}
@media print, screen and (min-width: 768px) {
    .kanikakuni04 .sunflex{margin-bottom: 5em;}
    .kanikakuni04 .text{width: 57%;}
    .kanikakuni04 p{font-size: min(1.35vw, 17px);}
    .kanikakuni04 .caption{font-size: min(1vw, 13px);}
    .kanikakuni04 .image{width: 40%;}
    .kanikakuni04 .image:after{
        background-size: cover;
        width: 790px;
        height: 407px;
        bottom: -9em;
        left: 42%;
    }
}
@media screen and (max-width: 767px) {
    .kanikakuni04 .image{margin-bottom: 3em;}
    .kanikakuni04 .image:after{
        background-size: cover;
        width: 130px;
        height: 203px;
        bottom: -100px;
        right: -11%;
    }
    .kanikakuni04 .caption{font-size: 0.9rem;}
}

/* ====================================================
　お問い合わせ
==================================================== */
.kanikakuni05 .sunflex.contact{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.kanikakuni05 .logo{}
.kanikakuni05 .address{
    margin-top: 1em;
}
.kanikaku__foot{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.kanikaku__foot .sunflex span{ position: relative; padding:0 0.1em; margin-right: 1em;}
.kanikaku__foot .sunflex span:before {
    content:"";
    display:inline-block;
    width: 1px;
    height: 1em;
    background-color: black;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0.5em;
}

.kanikaku__foot .sunflex span:after {
    content:"";
    display:inline-block;
    width: 1px;
    height: 1em;
    background-color: black;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.5em;
}

.kanikaku__foot .copy{margin-top: 0.5em;}

@media print, screen and (min-width: 768px) {
    .kanikakuni05 .address{font-size: min(1.6vw, 22px);}
    .kanikakuni05 .tel{font-size: min(2vw, 29px)}
    .kanikakuni05 .mini{font-size: min(1.55vw, 19px);}
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: inherit;
        }
    
    .kanikaku__foot{margin-top: 8em; font-size: min(1.6vw, 20px);}
    .kanikaku__foot .sunflex li {font-size: min(1.84vw, 23px);}
    .copyright{font-size: min(0.88vw, 11px); margin-top: 4em;}
    
    .kanikaku__foot .sunflex li + li{margin-left: 3em;}
}
@media screen and (max-width: 767px) {
    .kanikakuni05 .logo{width: 50%;}
    .kanikakuni05 .address{font-size: 1.3rem;}
    .kanikakuni05 .tel{font-size:1.65rem; margin-top: 0.8em;}
    .kanikakuni05 .mini{font-size: 1.2rem;}
    .kanikakuni05 .sunflex.center{
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 4em;
    }
    
    .copyright{font-size: 0.6rem; padding: 4em;}
}