body {
  text-align: center;
  margin: 0 auto;
  background-color:bisque;
  color: darkred;
  font-family: serif;
  font-size: 3vw;
 padding:0 10px;
 height: 100%;
}

header {
  background-color: bisque;
    /* background-image :url(kabe/8-15niji.png); */
    background-image :url(kabe/yuuhi2.png);
     background-repeat: no-repeat;
     background-size: cover; 
     border-radius:15px;
  margin: auto;
  
  font-size: 2vw;
  
}

.order header{padding :10px 1px; 
  margin-top: 10px;
}
.corsage header{padding: 15px 1px;}
.sponge header{padding: 25px 1px;}
.kaki header {padding: 35px 1px;margin-top: 10px;}
.graduation header{padding: 30px 1px;margin-top: 10px;}
.balloon header{padding: 30px 1px;margin-top: 10px;}
header table {
  width :85%;
  text-align :left;
  margin: auto;
}

.sponge .sponge-setumei{margin: 5px;text-align: left;}
.buriki-frame {width: 70%;margin:auto;text-align: left;}

/* 簡単コサージュ */
.corsage figure .img-1 { width: 70%;}

/* 画像全部 main saido */
.img-1{width:50%;}
.img-1{border-radius: 5px;} /*main*/
.img-2{border-radius: 5px;} /*saido*/
.horizon .img-1{border-radius: 5px; width:80%;}


.main {
  display: flex;
  
}
/* .main-saido {width:30%; margin: 0px 5px;height: 470vw;} */
.main-saido {width:30%; margin: 0px 5px;height: 600vw;}
.main-box {width: 70%; margin:0px auto; height: 100%;}

.graduation .main-box ul{ display: flex;}/*卒業式*/

/* 問い合わせ */

.order-Invoice{font-size: 2.4vw;}
.order-line{font-size: 2.3vw; margin-top: 5vw;text-align: left;}
.order .main-box{width:90%;}
.order hr {width: 90%; border-color:red;}
.order-tizu{height: 50vw;}
.order-delivery{
  font-size: 2.4vw;
  background-color: rgb(62, 207, 62);
  width: 90%;
  padding: 3vw;
  margin-top: 5vw;
}
.kuro{width: 20%;}/*クロネコヤマト*/

.osirase{background-color:beige;border-radius: 15px;}
/* .osirase-menu a {margin:0px 1px;font-size: 2.3vw;} */
.osirase-menu a {
  margin: auto; 
  font-size: 2.6vw;
  text-decoration: none;
  color: darkred; 
  background-color: rgb(201, 159, 239);
  border-radius: 10px;   
}
button { background-color: rgb(201, 159, 239);}
button a{text-decoration: none;color: darkred;}
a:hover{ color:rgb(57, 60, 245); text-decoration: underline;}
button{font-size: 2.5vw; margin-top: 10px;border-radius: 15px;border: none;}


ul { padding-left:0;}
li { list-style:none;}

iframe{
  width: 100%;
  height: 100%;
 border: solid 2px;
  border-radius: 15px;
}

.box{display: flex; font-size:3vw;margin-top: 0px; gap: 10px;}/*indexのbox*/

.box li {
  
  width:50%; 
  height: 45vw; 
  padding:5px; 
  margin: 0px 1px;
  background-color:beige;
  border-radius: 15px;
}/*indexのbox li*/

.balloon .box li{height: 50%;}
.horizon .box li{height: 50%;}


.name{height: 26%; font-size: 2.5vw;}

.top{font-size: 2.7vw;}

footer{font-size:3vw;padding: 0px 5px;}


/* サイドバー */
.menu {
  background-color: bisque;
  font-size:10vw;
 padding: 0px 10px;
}
.menu a{color:darkred;font-size: 7vw;}
.saido-box {
  margin-bottom:10vw;
  background-color:beige;
  padding: 10px 3px;
  border-radius: 15px;
}
.menu .img-2{width:50%;}


/* ここから問い合わせ */


.line-img{width:13%;}

/* タブレット */
@media screen and (min-width: 768px) and (max-width: 1024px) {


  iframe{
  height: 95.5%;
}

 .main-saido{height: 500vw;}
.kaki header {padding: 40px 1px;}
.osirase-menu ul { text-align: center;width: 90%; margin: auto; }
.osirase-menu ul li a{ font-size: 1.6vw;margin-right: 50px;}
.top{font-size: 1.7vw;}

footer ul{ display: flex;}
footer li{ margin:auto; font-size:2.5vw;}


/* サイドバー */
div.saido{ 
  margin-bottom: 10px;
  padding: 5px 1px;    
}

  
}

/* パソコン */

@media screen and (min-width: 1024px) {
   

 .main-saido {height: 420vw;}

.order .main .main-saido iframe{height: 100%;}
.corsage header{padding: 25px 1px;}
.kaki header {padding: 45px 1px;}
.osirase-menu ul { text-align: center;width: 90%;margin: auto; }
.osirase-menu ul li a{ font-size: 1.6vw;margin-right: 70px;}
.top{font-size: 2vw;}
footer ul{ display: flex;}
footer li{ margin:auto; font-size:2.5vw;}

/* サイドバー */
div.saido{ 
  margin-bottom: 50vw;    
  
}


  
}/*# sourceMappingURL=style.css.map */