@import url('mobile.css') screen and (max-width: 600px);
.header-menu{
    position: absolute;
    color: white;
    z-index: 9;
    font-size: 17px;
    font-family: 'Shippori Mincho', serif;
    margin-left: 65%;
    margin-top: 70px;
}
.header-menu1,.header-menu2,.header-menu3,.header-menu4{
    margin-left: 31px;
    text-decoration: none;
    color: white;
}
.indeximg{
    width: 100vw;
    height: 100vh;
    z-index: 1;
}
.dark-background{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.568);
    z-index: 4;
    margin-top: 0%;
}
.title{
    position: absolute;
    font-size: 70px;
    color: white;
    z-index: 10;
    margin-top: -490px;
    margin-left: 100px;
}
.yado{
    font-family: 'Shippori Mincho', serif;
}
.enn{
    font-family: 'Shippori Mincho', serif;
}
.enn2-1{
    font-family: 'Shippori Mincho', serif;
    text-align: center;
    font-size: 55px;
    padding-top: 120px;
}
.enn2{
    font-family: 'Shippori Mincho', serif;
    text-align: center;
}
.enn-info{
    font-family: 'Shippori Mincho', serif;
    font-size: 19px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 160px;
}
.room-img2{
    width: 100%;
    margin-top: 0px;
}
.caption13{
    font-size: 1.3rem;
    margin-top: -0.3rem;
}
.caption15{
    font-size: 1.5rem;
    margin-top: -0.3rem;
}
.caption20{
    font-size: 2.0rem;
    margin-top: -0.3rem;
}
.kitchen-img{
    width: 500px;
}
.living-img{
    width: 600px;
}
.kitchen{
    margin-left: 500px;
    margin-top: 0px;
}
.living{
    margin-left: -270px;
    margin-top: 120px;
}
.shower-room{
}
.shower-room-img{
    width: 400px;
}
.nyuyokuken-caption{
    margin-bottom: 220px;
}
.toilet-img{
    width: 300px;
}
.shower-room{
    margin-left: 500px;
    margin-top: 200px;
}
.toilet{
    margin-left: -400px;
    margin-top: -230px;
}
.rest{
    margin-bottom: 200px;
}
.taiken-menu-wrap{
    width: 600px;
    margin-left: 475px;
}
.taiken-menu-wrap a{
    color: black;
    text-decoration: none;
}
.taiken-menu{
    display: flex;
    align-items: flex-start;
}
.taiken-menu2{
    display: flex;
    align-items: flex-start;
    margin-top: -2rem;
}
.PE-img{
    width: 500px;
}

.dot1{
    opacity: 0;
    animation: DotFlashing 9s infinite;
    animation-delay: 0s; /* アニメーション開始時間 */
}
.dot2{
    opacity: 0;
    animation: DotFlashing 9s infinite;
    animation-delay: 2s; /* アニメーション開始時間 */
}
.dot3{
    opacity: 0;
    animation: DotFlashing 9s infinite;
    animation-delay: 4s; /* アニメーション開始時間 */
}
.dot4{
    opacity: 0;
    animation: DotFlashing 9s infinite;
    animation-delay: 6s; /* アニメーション開始時間 */
}
@keyframes DotFlashing {
    0% {
        opacity: 0;
    }
    20%{
        opacity: 1;
    }
    40%{
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.block-left{
    margin-right: auto;
}
.font-size-12rem{
    font-size: 1.2rem;
}
.yagi1{
    margin-left: -370px;
    margin-top: 40px;
}
.yagi2{
    margin-left: 670px;
    margin-top: -130px;
}
.yagi1-img{
    width: 400px;
}
.yagi2-img{
    width: 350px;
}

.yagi-wrap{
    position: relative;
    animation: YagiSlide 25s infinite;
    margin-top: 250px;
}
@keyframes YagiSlide {
    0% {
        transform: translateX(0px);
        opacity: 1;
    }
    100% {
        transform: translateX(1800px);
        opacity: 1;
    }
}
.dotai-wrap,.atama-wrap,.hidarimae-wrap,.migimae-wrap,.hidariusiro-wrap,.migiusiro-wrap{
    position: absolute;
}
.dotai-wrap{
    margin-left: 0px;
    margin-top: -225px;
}
.atama-wrap{
    transform-origin: 20px 85px;
    margin-top: -155px;
    margin-left: 130px;
    animation: swing-atama 4s infinite;
}
.hidarimae-wrap{
    transform-origin: top;
    margin-left: 121px;
    margin-top: -42px;
    animation: swing-migi 4s infinite;
}
.migimae-wrap{
    transform-origin: top;
    margin-left: 99px;
    margin-top: -35px;
    animation: swing-hidari 4s infinite;
}

.hidariusiro-wrap{
    transform-origin: top;
    margin-left: 41px;
    margin-top: -60px;
    animation: swing-migi 4s infinite;
    animation-delay: 0.5s;
}
.migiusiro-wrap{
    transform-origin: top;
    margin-left: 6px;
    margin-top: -54px;
    animation: swing-hidari 4s infinite;
    animation-delay: 0.5s;
}

@keyframes swing-migi {
    0% {
        transform: rotate(-25deg);
    }
    25% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }
    75% {
        transform: rotate(25deg);
    }
    100% {
        transform: rotate(-25deg);
    }
}
@keyframes swing-hidari {
    0% {
        transform: rotate(25deg);
    }
    25% {
        transform: rotate(-25deg);
    }
    50% {
        transform: rotate(25deg);
    }
    75% {
        transform: rotate(-25deg);
    }
    100% {
        transform: rotate(25deg);
    }
}
@keyframes swing-atama {
    0% {
        transform: rotate(10deg);
    }
    25% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(10deg);
    }
    75% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(10deg);
    }
}
.ps-wrap{
    font-size: 55px;
    margin-left: -485px;
}
.p-s{
    margin-left: -173px;
    font-size: 15px;
}
.stay-wrap{
    font-size: 55px;
}
.syukuhaku{
    
}
.hr1{
    margin-top: 10px;
    margin-bottom: -40px;
}
.stay{
    margin-left: -55px;
    font-size: 15px;
}
.stay-wrap{
    margin-left: -700px;
    margin-top: 200px;
}
.sudomari{
    font-size: 24px;
    margin-left: -550px;
}
.and-food{
    font-size: 24px;
    margin-left: -545px;
}
.info-sansou{
    font-size: 15px;
}
.info-sansou2{
    font-size: 15px;
    margin-left: -140px;
}
.map{
    margin-top: 150px;
}
.adress{
    margin-top: 150px;
}
.adress1{
    font-size: 30px;
}
.adress2{
    margin-top: -7px;
    font-size: 15px;
}
.adress3{
    margin-top: -7px;
    font-size: 15px;
}
.align-center{
    text-align: center;
}