body {
  text-align: center;
  margin: 0 auto;
  background-color:green;
  color: #ffffff;
  font-family: serif;
  font-size: 3vw;
 padding:0 10px;
 height: 100%;
}
.blink{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

header {
  background-color: green;
    /* background-image :url(kabe/8-15niji.png); */
    /* background-image :url(kabe/yuuhi2.png); */
    background-image: url(kabe/xmas.png), url(kabe/gon-x.jpg);
     background-repeat: no-repeat;
     background-size:22%, 85%; 
     background-position:left 15% top 15%,  center;
     border-radius:15px;
  margin-top: 10px;   
  margin: auto;
  border: solid 8px  #C99C33;
  font-size: 2vw;
  color:#ffffff;
  height: 45vw;
  padding: 0px 1px 10px 1px;
  
}
header h1{ 
  margin-top: 1px;
  padding-left: 50px;
  font-size: 4.4vw;
   -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #C99C33;
   font-weight: 900;
}
header h2{ 
  margin-top: 2px;
  
}

/* header h1 {
  -webkit-text-stroke-width:1.5px; -webkit-text-stroke-color:#C99C33;
}
header h2 {
  -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#C99C33;
}
header td {
  -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#C99C33;
}
header th {
  -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#C99C33;
} */

.order header{padding :5px 1px; 
  margin-top: 10px;
  height: 45vw;
}
.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:85%;}
.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: 3.5vw; 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{border-radius: 15px;}

.menu-box{
  background-color: rgb(201, 159, 239);
  padding: 2px 9px;
  text-align: center;
  border-radius: 10px;
  
}
.menu-box a{color:darkred;}
/* .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; gap: 10px;}/*indexのbox*/

.box li {
   border: solid 4px  #C99C33;
  width:50%; 
  height: 50vw; 
  padding:5px; 
  margin: 0px 1px;
  background-color:rgb(79, 79, 5);
  border-radius: 15px;
  padding: 3%;
}/*indexのbox li*/
.box-puro{
  display: flex;
}
.box-puro li {
  border: solid 4px  #C99C33;
  width:50%; 
 height: 45vw; 
  padding:5px; 
 margin: 0px 5px;
  background-color:rgb(79, 79, 5);
  border-radius: 15px;
}


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


.name{ 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;}

.order-line{font-size: 3vw;}

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%;}
.order-line{font-size: 2.5vw;}
.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 */