<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{
    margin: 0;
    padding: 0;
}
 body{
    background-color:#ffffff ;
    
} 

#loader {
    width:100%;
    height:100vh;
    margin-left: calc((90vw - 100px)/2);
    margin-top: calc((100vh - 100px)/2);
    background-size: cover;
 

} 

/*header*/
.headerbox{
    position: relative;
    width: 100%;
    height: 100vh;
    /* background-image:url("https://placehold.jp/5d5c7f/3e2828/800x500.png"); */
    background-size: cover;
    background-position: center;
}

.headerbox h1{
    position: relative;
    top: 40vh;
text-align: center;
    font-size:80px ;
    font-family: 'Hachi Maru Pop', cursive;
    text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    color: rgb(89, 68, 59);
}

.headerbox p{
    position: relative;
    top: 40vh;
    font-size:40px;
    font-family: 'Hachi Maru Pop', cursive;
    text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    color: rgb(89, 68, 59);
    text-align: center;

}


/*navber*/
.navber{
    position: fixed;
    top: 0px;
    z-index: 1000;
    
}

.navber ul{
    display: flex;
    justify-content: space-between;
    list-style: none;
    
}

.navber ul li{
    width: 150px;
    padding: 20px;
    display: block;
	background-color: #f7b2c2;
    margin: 0px 1px;
    text-align: center;
    border-radius: 10px;
    

}

.navber ul li a{
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-family: 'Hachi Maru Pop', cursive;

}

/*hover繧偵＠縺溘ｉ繝懊ャ繧ｯ繧ｹ縺ｫ蠖ｱ縺後▽縺�*/
.navber ul  :hover {
    background-color: rgb(255, 123, 174);
    border-radius: 40px;

 

}


/*profile*/
.sectionbox{
    position: relative;
    width: 100%;
    height: 100vh;
    /* background-color: antiquewhite; */
}
#profile .sectionbox{
    /* background-image: url("https://placehold.jp/ffffff/3e2828/800x500.png"); */
    background-size: cover;
    background-position: center;
    background-color:rgb(251, 236, 236) ;
}
.setumei{
    position: relative;
    height: 600px;
    top: calc(25vh - 100px);
    left: 32%;
    width: 35%;
    background-color: rgb(246, 175, 201);
    border: none;
    border-radius: 20px;
    
    
    
}
.heading{
    position: relative;
    top: 10vh;
    text-align: center;
    font-size:60px ;
    font-family: 'Hachi Maru Pop', cursive;
    text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    color: rgb(59, 45, 40);

}
.shasin{
    position: absolute;
    top: 20vh;
    left: 13vw;

}
.shasin img{
    border-radius: 50%;
    background-color: white;
}
.shasin h2{
font-size: 40px;
text-align: center;
font-family: 'Zen Maru Gothic', sans-serif;
color: rgb(59, 45, 40);



}

.setumei .contents{
    position: absolute;
    top: 45vh;
    left: 1.5vw;
    margin: 1px;
    font-size: 20px;
    color: white;
    text-align: center;

}
.haikei1{
    position: absolute;
    left: 66vw;
    top: 60vh;
}
.haikei4{
    position: absolute;
    top: 8vh;
    left: 5vw;

}



/*繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ*/
.scroll_up {
    transition: 1.0s ease-in-out;
    transform: translateY(100px);
    opacity: 0;
  }
  .scroll_up.on {
    transform: translateY(0);
    opacity: 1.0;
  }

/*character*/

#character .sectionbox{
    /* background-image: url("https://placehold.jp/ffffff/3e2828/800x500.png"); */
    background-size: cover;
    background-position: center;
    background-color: rgb(255, 216, 222);
    border-top: dotted rgb(69, 46, 46) 4px;



}
.kyara{
    width: 100%;
    height: 100px;
    text-align: center;
    font-size: 50px;
  margin-top: 50px;
  font-family: 'Hachi Maru Pop', cursive;
  text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
  color: rgb(59, 45, 40);

}


#wrapper{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: start;

}
#wrapper p{
    text-align: center; 
    font-size: 20px; 
    margin-top: 5px; 
    color: rgb(59, 45, 40);
 
}
.gridrow{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.gridrow h2{
    font-family: 'Hachi Maru Pop', cursive;
    font-size: 30px;
}
.gridrow h4{
    font-family: 'Hachi Maru Pop', cursive;
    font-size: 30px;
}

.items{
    flex: 1;
    margin: 10px;
    border-radius: 20px;
    height: 350px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    position: relative;
    /*繝懊ち繝ｳ縺ｮ蠖｢迥ｶ*/	
	display:inline-block;
    padding: 10px 20px;
    text-decoration: none;
    outline: none;
    overflow: hidden;

}
.items img{
    width: 300px;
    height: 300px;
    
}
.twice img{
    width: 400px;
    height: 250px;
}
.twice{
    flex: 2;
}
.haikei6{
    position: absolute;
    top: 4vh;
    left: 5vw;

}
.botan{
    position: absolute;
    top: 6vh;
    left:37vw;

}
.botan2{
    position: absolute;
    top: 6vh;
    left:58vw;

}



/*move*/

#move .sectionbox{
    /* background-image: url("https://placehold.jp/ffffff/3e2828/800x500.png"); */
    background-size: cover;
    background-position: center;
    background-color: #fceaea;
    border-top: dotted rgb(251, 159, 159) 4px;

 
}
.move h1{
    font-size: 50px;
    text-align: center;
    font-family: 'Hachi Maru Pop', cursive;
    top: 10vh;
    left: 45vw;
    position: absolute;
    text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    color: rgb(59, 45, 40);

}

.movemenu{
    width:94%;
    margin:0 auto;
    top: 25vh;
}

.movemenu iframe{
        width:40vw;
        height: 50vh;
        border-radius: 30px;
}

.movemenu .slick-slide {
	transform: scale(0.8);/*蟾ｦ蜿ｳ縺ｮ逕ｻ蜒上�繧ｵ繧､繧ｺ繧�80%縺ｫ*/
	transition: all .3s;/*諡｡螟ｧ繧�城℃縺ｮ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ繧�0.5遘偵〒陦後≧*/
	opacity: 0.8;/*騾城℃50%*/
}
.movemenu .slick-slide.slick-center{
	transform: scale(1);/*荳ｭ螟ｮ縺ｮ逕ｻ蜒上�繧ｵ繧､繧ｺ縺�縺醍ｭ牙阪↓*/
	opacity: 1;/*騾城℃縺ｪ縺�*/
}


/*遏｢蜊ｰ縺ｮ險ｭ螳�*/

/*謌ｻ繧九∵ｬ｡縺ｸ遏｢蜊ｰ縺ｮ菴咲ｽｮ*/
.slick-prev, 
.slick-next {
    position: absolute;/*邨ｶ蟇ｾ驟咲ｽｮ縺ｫ縺吶ｋ*/
    top: 42%;
    cursor: pointer;/*繝槭え繧ｹ繧ｫ繝ｼ繧ｽ繝ｫ繧呈欠繝槭�繧ｯ縺ｫ*/
    outline: none;/*繧ｯ繝ｪ繝�け繧偵＠縺溘ｉ蜃ｺ縺ｦ縺上ｋ譫�邱壹ｒ豸医☆*/
    border-top: 2px solid rgb(36, 36, 36);/*遏｢蜊ｰ縺ｮ濶ｲ*/
    border-right: 2px solid rgb(36, 36, 36);/*遏｢蜊ｰ縺ｮ濶ｲ*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*謌ｻ繧狗泙蜊ｰ縺ｮ菴咲ｽｮ縺ｨ蠖｢迥ｶ*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*谺｡縺ｸ遏｢蜊ｰ縺ｮ菴咲ｽｮ縺ｨ蠖｢迥ｶ*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*繝峨ャ繝医リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ險ｭ螳�*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:10px;/*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ繧ｵ繧､繧ｺ*/
    height:10px;/*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ繧ｵ繧､繧ｺ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ濶ｲ*/
}

.slick-dots .slick-active button{
    background:rgb(165, 68, 105);/*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ迴ｾ蝨ｨ蝨ｰ陦ｨ遉ｺ縺ｮ濶ｲ*/
}

.haikei5{
    position: absolute;
    top: 80vh;
    left: 15vw;
}
.haikei7{
    position: absolute;
    top: 1vh;
    left: 70vw;
}

.botan3{
    position: absolute;
    top: 11vh;
    left:37vw;

}
.botan4{
    position: absolute;
    top: 11vh;
    left:58vw;

}


/*goods*/
#goods .sectionbox{
    /* background-image: url("https://placehold.jp/ffffff/3e2828/800x500.png"); */
    background-size: cover;
    background-position: center;
    height: 140vh;
    border-top: dotted rgb(251, 159, 159) 4px;
    background-color: rgb(255, 226, 231);



}
.goods h1{
    text-align: center;
    font-size: 50px;
    font-family: 'Hachi Maru Pop', cursive;
    top: 5vh;
    left: 45vw;
    position: absolute;   
    text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    color: rgb(59, 45, 40);

}
 .goodsmenu{
        position: absolute;
        top: calc(25vh - 100px);
        left: 18%;
        width: 60%;
        /* height: 300px; */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* align-items: center; */
       /* top: 25vh; */
       border: dotted rgb(251, 159, 159) 4px;
       padding: 30px 30px 0px 30px;       
       background-color:rgb(255, 255, 255) ; 
       border-radius: 30px;
    }

    .goodsbox{
       padding: 6px; 
    }

    .goodsbox img{
        border-radius: 15%;
        width: 250px;
        height: 250px;
    }
    .goodsbox p{
        text-align: center;
        font-size: 20px;
    }

    .float2{
        position: relative;
        background: rgb(252, 245, 216);
        border: 1px solid  rgb(252, 245, 216);
        color: #333;
        top: 80vh;
        left: 42vw;
        font-size: 25px;
        padding:20px 20px;
        display: inline-block;
        border-radius: 40px;
        text-decoration: none;
        outline: none;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
        /*繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ險ｭ螳�*/
        transition: all .3s;
    }
    
    /*hover繧偵＠縺溘ｉ繝懊ャ繧ｯ繧ｹ縺ｮ蠖ｱ縺梧僑縺後ｊ濶ｲ縺梧ｿ�￥縺ｪ繧�*/
    .float2:hover {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
        border-color: transparent;
        background: rgb(253, 196, 149);


    }

    .nagareru{
        position: absolute;
        top: calc(120vh - 140px);

    }
    .nagareru img {
        width:50%;/*繧ｹ繝ｩ繧､繝繝ｼ蜀��逕ｻ蜒上ｒ讓ｪ蟷�100%縺ｫ*/
        height:auto;
        border-radius: 15%;
    }
    
    
    .nagareru .slick-slide {
        margin:0 0px;/*繧ｹ繝ｩ繧､繝牙ｷｦ蜿ｳ縺ｮ菴咏區隱ｿ謨ｴ*/
       
       
}
.haikei3{
    position: absolute;
    left: 79vw;
    top: 50vh;
}
.botan5{
    position: absolute;
    top: 6vh;
    left:40vw;

}
.botan6{
    position: absolute;
    top: 6vh;
    left:54vw;

}

    

    

    
#info .sectionbox{
    /* background-image: url("https://placehold.jp/ffffff/3e2828/800x500.png"); */
    background-size: cover;
    background-position: center;
    text-align: center;
    background-color: rgb(255, 226, 231);

    


}


.toiawase{
   position: relative;
    width: 55%;
    top: 150px;
    font-family: 'Hachi Maru Pop', cursive;
    left: 18vw;
    background-color: white;
    padding:60px;
    border-radius: 30px;
    


}
.toiawase&gt;h1{
    font-size: 50px;
    text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
/* margin-bottom: 5px; */
color: rgb(59, 45, 40);

}

.toi2{
    font-size: 20px;
    margin: 5px;
}

input, textarea{
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;

}

textarea{
    height: 120px;
}
label{
    font-size: 30px;
}

input[type="submit"]{
    background-color: #f3d69c;
    border: none;
    font-size: 30px;
    /* -webkit-appearance: none; */
}
input[type="submit"]:hover{
    background-color: #edc575 ;
}

/*toplink*/

#page-top {
	position: fixed;
	right: 10px;
	bottom:30px;
	z-index: 2;
    /*縺ｯ縺倥ａ縺ｯ髱櫁｡ｨ遉ｺ*/
	opacity: 0;
	transform: translateY(150px);
}

/*縲荳翫↓荳翫′繧句虚縺阪*/
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(150px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*縲荳九↓荳九′繧句虚縺阪*/
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(150px);
  }
}

/*逕ｻ蜒上�蛻�ｊ譖ｿ縺医→蜍輔″*/
#page-top a {
    /*a繧ｿ繧ｰ縺ｮ蠖｢迥ｶ*/
	display: block;
	width: 130px;
	height: 130px;
	color: #333;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:1.0rem;
    /*閭梧勹逕ｻ蜒上�謖�ｮ�*/
	background: url("img/tako8.PNG") no-repeat center;
	background-size: contain;
}

#page-top.floatAnime a{
	width: 130px;
	height: 130px;
    /*閭梧勹逕ｻ蜒上�謖�ｮ�*/
	background: url("img/tako1.png") no-repeat center;
	background-size: contain;
    /*繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ謖�ｮ�*/
	animation: floatAnime 2s linear infinite;
	opacity: 0;
}

@keyframes floatAnime {
  0% { transform: translateX(0); opacity: 0; }
  25% { transform: translateX(-6px);opacity: 1; }
  50% { transform: translateX(0) }
  100% { transform: translateX(6px);opacity: 1; }
}

/*Page Top縺ｨ譖ｸ縺九ｌ縺溘ユ繧ｭ繧ｹ繝医�菴咲ｽｮ*/
#page-top span{
    position: absolute;
    bottom: -20px;
    right: 20px;
	color: #666;
}

.haikei2{
    position: absolute;
    left: 78vw;
    top: 50vh;
    width: 400px;
    height: 400px;
}

footer {
	background-color: #fec3d1;
	padding: 25px 15px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	font-family: 'Exo 2', sans-serif;
}


@media screen and (max-width: 1300px) {
    .headerbox h1{
        position: relative;
        top: 35vh;
       
    }
    .headerbox p{
        position: absolute;
        top: 55vh;
        left: 55vh;      
    }
 /*繝舌�*/
    .navber ul li{
        width: 130px;

    }
/*繝励Ο繝輔ぅ繝ｼ繝ｫ*/
    #profile .sectionbox{
        position: relative;
        width: 100%;
        height: 150vh;
    }
    .setumei{
        position: relative;
        width: 600px;
        height: 500px;
        top: 25vh;
        left: 27vw;;
    
    }

    .heading{
        position: absolute;
        top: 5vh;
        left: 20vh;
    }    
    .shasin{
        position: absolute;
        top: 20vh;
        left: 38vh;
    
    }
    .setumei .contents{
        position: absolute;
        top: 58vh;
        left: 1vw;
    }  
    /*繧ｭ繝｣繝ｩ繧ｯ繧ｿ繝ｼ*/

    #character .sectionbox{
        position: relative;
        width: 100%;
        height: 150vh;
    }
    #wrapper{
        height: 150vh;
    }
    .items{
        margin: 10px;
        border-radius: 20px;
        height: 300px;
    
    }
    .items img{
        width: 200px;
        height: 200px;
    }
    .twice img{
        width: 400px;
        height: 250px;
    }
/*繧ｰ繝�ぜ*/
    #goods .sectionbox {
        position: relative;
        width: 100%;
        height: 170vh;

    }
    .goods h1{
        top: 10vh;

    }
    .goodsmenu{
        position: absolute;
        top: calc(40vh - 100px);
        left: 7.5%;
        width: 80%;
    }
    .goodsbox{
        padding: 4px; 
     }
     .goodsbox img{
        width: 200px;
        height: 200px;
    }
    .float2{
        position: relative;
        top: calc(140vh - 150px);
        font-size: 15px;


    }

    .nagareru{
        position: absolute;
        top: calc(160vh - 160px);

    }
/*蝠上＞蜷医ｏ縺�*/
.toiawase{
    position: relative;
    top: 60px;
    left: 230px;
    width: 60%;
    height: 60%;
    padding: 20px;
    padding-right: 40px;
    padding-top: 10px;

}

.toiawase&gt;h1{
    font-size: 45px;
}
.toi2{
    font-size: 15px;
    margin: 2px;
}
input, textarea{
    padding: 5px;
 
}
textarea{
    height: 80px;
}
label{
    font-size: 20px;
}
/*閭梧勹*/
.haikei1{
    width: 300px;
    height: 300px;
    left: 75vw;
    top: 60vh;
}
.haikei2{
    width: 200px;
    height: 200px;
    left: 82vw;
}
.haikei3{
    width: 200px;
    height: 200px;
    top: 110vh;
    left: 60vw;
}
.haikei4{
    width: 350px;
    height: 250px;
    left: 1vw;
    top:    20vh;
}
.haikei5{
    width: 250px;
    height: 150px;
    top: 75vh;
}
.haikei7{
    width: 250px;
    height: 150px;
    top: 0vh;
    left: 75vw;
}
.botan{
    width: 50px;
    height: 50px;
    left: 33vw;
    top: 11vh;
}
.botan2{
    width: 50px;
    height: 50px;
    left: 62vw;
    top: 11vh;
}
.botan3{
    width: 50px;
    height: 50px;
    left: 40vw;
    top: 13vh;
}
.botan4{
    width: 50px;
    height: 50px;
    left: 61vw;
    top: 13vh;
}
.botan5{
    width: 50px;
    height: 50px;
    left: 40vw;
    top: 13vh;
}
.botan6{
    width: 50px;
    height: 50px;
    left: 58vw;
    top: 13vh;
}


}


@media screen and (max-width: 480px) {
	/* 480px莉･荳九↓驕ｩ逕ｨ縺輔ｌ繧気SS�医せ繝槭�逕ｨ�� */
    .headerbox h1{
        position: relative;
        top: 35vh;
    }
    .headerbox p{
        position: absolute;
        top: 65vh;
        left: 5vh; 
        font-size: 30px;
     
    }
 /*繝舌�*/
    .navber ul li{
        width: 22px;


    }
    .navber ul li a{
        font-size: 5px;
    
    }
    
/*繝励Ο繝輔ぅ繝ｼ繝ｫ*/
    #profile .sectionbox{
        position: relative;
        width: 100%;
        height: 130vh;
    }
    .setumei{
        position: relative;
        width: 300px;
        height: 500px;
        top: 25vh;
        left: 10vw;
    
    }

    .heading{
        position: absolute;
        top: 5vh;
        left: 7vh;
        font-size: 30px;
    }    
    .shasin{
        position: absolute;
        top: 15vh;
        left: 10vh;
    
    }
    .setumei .contents{
        position: absolute;
        top: 40vh;
        left: 5vh;
        font-size: 10px;
    }  
    /*繧ｭ繝｣繝ｩ繧ｯ繧ｿ繝ｼ*/

    #character .sectionbox{
        position: relative;
        width: 100%;
        height: 80vh;
    }
    
    .items{
        margin: 5px;
        border-radius: 20px;
        height: 120px;
        
    
    }
    .items img{
        width: 60px;
        height: 60px;
    }
    .twice img{
        width: 100px;
        height: 100px;
    }
    .gridrow h2{
        font-size: 8px;
    }
    .gridrow h4{
        font-size: 8px;
    }

    .move h1{
        left: 100px;
        
    }
/*繧ｰ繝�ぜ*/
    #goods .sectionbox {
        position: relative;
        width: 100%;
        height: 140vh;

    }
    .goods h1{
        top: 10vh;
        left: 100px;

    }
    .goodsmenu{
        position: absolute;
        top: calc(45vh - 100px);
        left: 10%;
        width: 80%;
        padding: 0px 0px 0px 0px;

    }
    .goodsbox{
        padding: 5px; 
     }
     .goodsbox img{
        width: 100px;
        height: 100px;
    }
    .float2{
        position: relative;
        top: calc(125vh - 150px);
        left: 25vw;
        font-size: 15px;


    }

    .nagareru{
        position: absolute;
        top: calc(130vh - 150px);

    }
/*蝠上＞蜷医ｏ縺�*/
.toiawase{
    position: relative;
    top: 70px;
    left: 50px;
}


.toi2{
    font-size: 18px;
    margin: 2px;
}
input, textarea{
    padding: 8px;
    margin: 1px;
 
}
textarea{
    height: 80px;
}
label{
    font-size: 25px;
}
.toiawase&gt;h1{
    font-size: 45px;
}
.toi2{
    font-size: 15px;
    margin: 2px;
}
input, textarea{
    padding: 5px;
 
}
textarea{
    height: 80px;
}
label{
    font-size: 20px;
}
/*閭梧勹*/
.haikei1{
    width: 200px;
    height: 200px;
    left: 50vw;
    top: 90vh;
}
.haikei2{
    width: 250px;
    height: 250px;
    left: 30vw;

    top: 70vh;
}
.haikei3{
    width: 150px;
    height: 150px;
    top: 15vh;
    left: 60vw;
}
.haikei4{
    width: 250px;
    height: 150px;
    left: 1vw;
    top:    5vh;
}
.haikei5{
    width: 250px;
    height: 150px;
    top: 82vh;
}
.haikei7{
    width: 200px;
    height: 100px;
    top: 0vh;
    left: 40vw;
}
.haikei6{
    width: 200px;
    height: 100px;
    top: 60vh;
    left: 7vw;
}

.botan{
    width: 30px;
    height: 30px;
    left: 2vw;
    top: 10vh;
}
.botan2{
    width: 30px;
    height: 30px;
    left: 90vw;
    top: 10vh;
}
.botan3{
    width: 30px;
    height: 30px;
    left: 10vw;
    top: 14vh;
}
.botan4{
    width: 30px;
    height: 30px;
    left: 80vw;
    top: 14vh;
}
.botan5{
    width: 30px;
    height: 30px;
    left: 68vw;
    top: 13vh;
}
.botan6{
    width: 30px;
    height: 30px;
    left: 15vw;
    top: 13vh;
}



}


</pre></body></html>