@charset "UTF-8";
@import url(sanitize.css);
/* * {border: solid 1px;} */


body {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  background-image: url();
  /* background-color:#ff610096; */
  /* background-color:#be5d66bf; */
  background-color:#ffffff;
  border-color: red 5px;
  color: darkred;
  font-family: serif;
 
}

h1 {
  font-size: 6vw;
}

h2 {
  font-size: 4vw;
}

h3 {
  font-size: 2.5vw;
}

p {
  font-size: 2vw;
}

a {
  font-size: 2vw;
  color: indigo;
}

h3.Product_name {
  width: 80%;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 10px;
  color: darkred;
}

.list {
  font-size: 4vw;
}

 header {
  height: 43vw;
  height: -moz-max-content 43vw;
  height: max-content 43vw;
  
  background-image:  url(),url(), url(kabe/kiwata.png);
  background-repeat: no-repeat;
  background-position: center, left;
  /* background-size: 50%, 50%, cover; */
  background-size: 100%,20%;
  margin-bottom: 3px;
  margin-top: 3px;
  border: solid #d078dd 3px;
  border-radius: 15px;
}

/* header{
    opacity: 0.5;
} */
header h1 h2 p {
  margin: 0;
  padding: 0;
  
}

header h1 {
  font-size: 3.5vw;
  color: #ffffff;
  
  width: 50%;
  margin: auto;
  border-radius: 15px;
}

header h2 {
  font-size: 3.1vw;
  color: #ffffff;
 
  margin: auto;
  border-radius: 15px;
}

header h3 {
  font-size: 2.1vw;
  width: 90%;
  margin: 0 auto;
  color: #ffffff;
  
}

.header_box {
  
  color: #ffffff;
  margin:0vw auto;
  
  border-radius: 15px;
}



.box_11 {
  border-radius: 15px;
 
}


header table {
  /* border:solid 1px ; */
  margin: auto;
  margin-top: 20px;
  width: 90%;
  font-size: 1.8vw;
  text-align: left;
  
  border-radius: 15px;
}

.header_box{
  padding:5vw 2vw;
}

.kotyoran{background-color: azure;width: 50%;margin: auto;margin-top: 5px;}

button:hover{
  background: rgb(224, 154, 227);
}



.kuro h3 {
  padding-top: 5px;
  padding-bottom: 0px;
  font-size: 2vw;
  color:red;
}
.kuro p {
  padding-top: 0px;
  font-size: 1.5vw;
}


.mother {
  padding: 5%;
  background-color: #c99d86;
  background-image: url(Mother/img/mother.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 3px;
  color: #fff;
  border-radius: 15px;
}
.mother h1{
  background-color: #dd33c99c;
  width: 70%;
  margin: auto;
  margin-top: 15vw;
  border-radius: 100px;
  padding: 10px;
}
.notice{
  background-color: pink;width: 95%;border-radius: 15px;margin: auto;padding-top: 10px;
}
.notice_1{
  display: flex;list-style-type:none;margin: 0px auto; width: 60%;
}
.notice_2{
  text-align: center;
}
.notice_2 h3{
  font-size: 3vw;
}
.notice_2 p{
  color:red;font-size: 2.6vw;margin-bottom: 0px;text-align: left;
}


.tax {
  text-align: left;
  margin: auto;
  color: #ffffff;
  font-size: 1.5vw;
  border-radius: 15px;
  width: 95%;
}

.tax1 {
  width: 90%;
  padding-left: 2vw;
}

.tax2 {
  text-align: center;
  font-size: 3vw;
}

.tax3 {
  text-align: right;
  font-size: 1.5vw;
}

.tax4 {
  width: 98%;
  margin: auto;
  font-size: 2vw;
}

.original {
 
  width: 99%;
  margin: 3vw auto;
  border-radius: 15px;
  padding: 15px 0px;
}
.original_a {
  background-image: url();
  
  background-repeat: no-repeat;
  background-size: cover;
  width: 99%;
  margin: 3vw auto;
  border-radius: 15px;
  padding: 10px 0px;
}

.original_a a {
  font-size: 2.3vw;
  color: #b60f0f;
 
}
.original a {
  font-size: 3vw;
  color: #b60f0f; 
  background-color:#ffffffa1;
  border-radius: 15px;
  padding: 5px;
}



.balloon {
  padding: 5%;
  background-color: #c99d86;
  background-image: url(balloon/img/balloon_1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 3px;
  color: #fff;
  border-radius: 15px;
}

.date1 {
  background-image: url();
  background-repeat: no-repeat;
  background-position: top 4vw left 5vw;
  background-size: 9vw;
}

.date {
  width: 67%;
  font-size: 3vw;
  margin: auto;
  margin-top: 5px;
  border-radius: 15px;
}

.date1_a {
  background-image: url(2022NewYear/kabe/seijin.png);
  background-repeat: no-repeat;
  background-position: top 4vw left 5vw;
  background-size: 9vw;
}

.date_a {
  width: 67%;
  font-size: 3vw;
  margin: auto;
  margin-top: 5px;
  border-radius: 15px;
}

.date h2 {
  font-size: 2.7vw;
}

.date h5 {
  font-size: 2.7vw;
  color: red;
}

p.mon {
  color: #000;
  padding-top: 30vw;
  background-color: red;
}

.holiday {
  margin: 0px auto;
  color: red;
  font-size: 2vw;
  width: 85%;
}

.box {
  height: 100%;
  display: flex;
}

.menu {
  width: 35%;
  border: solid #d078dd 3px;
  border-radius: 15px;
  min-height: 990vw;
}

.menu_1 {
  list-style-type: none;
}

.menu_2 {
  margin-left: -30px;
}

/* 地図 */
iframe {
  height: 100%;
  min-height: 30vw;
  width: 100%;
  border-radius: 15px;
}

/* 問い合わせのヤマト運輸のデリバリー */
.delivery{
  width: 80%;
  margin: auto;
  text-align: left;
 
}
.delivery h1 {
  font-size: 4.2vw;
  margin-top: 15px;
  text-align: center;
  color: #dc3545;
  
}
.delivery p {
  font-size: 3.8vw;
  color:darkred;
}
.index_delivery a{
  color:#000000;
  font-size: 2.8vw;
  
  border-radius: 15px;
  
}
.index_delivery p{
  font-size: 2.8vw;
  text-align: left;
  margin-bottom: 0px;
}
.index_delivery h1{
  font-size: 3.5vw;
  padding-top: 1vw;
}
.delivery a{
  color:#ffffff;
  font-size: 3.8vw;
  background-color: #8b00004a;
  border-radius: 15px;
}

.delivery table td{
  
  font-size: 3.8vw;
  border-radius: 0%;
  border: solid 1px;
}
.kuro{
  width: 7vw;
  
}


/* サイドバーのスライド */
iframe.saidp_box {
  height: 100%;
  min-height: 300vw;
}

.mein {
  width: 100%;
}


.mein_1 {
  list-style-type: none;
  display: flex;
  padding-left: 0px;
  margin-bottom: 3px;
}

.mein_2 {
  list-style-type: none;
  width: 100%;
  border-radius: 15px;
  margin: 0px 3.5px;
  margin-top: 5px;
  
}


.mein_3 {
  list-style-type: none;
  width: 100%;
  border-radius: 15px;
  margin: 0px 0.5px;
}

header ,footer ,.mein_2 ,.mein_3{
  background-color: #00ffff1f;
}

.mein_2_1 {
  width: 90%;
  margin: auto;
}

.mein_2_1 h1 {
  color: red;
  font-size: 3vw;
  padding-top: 6px;
}

.mein_2_1 p {
  font-size: 2.3vw;
  text-align: left;
}


.vase {
  display: flex;
  padding: 5px;
}

.vase_f {
  font-size: 2vw;
}

.vase_g {
  width: 98%;
  border-radius: 15px;
}
.img_balloon{
  width: 30%;
  margin: auto;
  border-radius: 100px;
}

.img1 {
  width: 60%;
  border-radius: 15px;
}

.img2 {
  width: 80%;
  border-radius: 15px;
}

.img_a2 {
  width: 60%;
  border-radius: 15px;
}

.anim_img {
  width: 60%;
  border-radius: 15px;
  margin-top: 10px;
}

.anim_txt {
  width: 90%;
  margin: auto;
}

.order_qr {
  width: 100%;
  margin: auto;
}

.order_tel {
  font-size: 5.5vw;
  
}

.order_line {
  font-size: 5vw;
}

.order_line_qr {
  font-size: 6vw;
}

.order_line2 {
  font-size: 5.5vw;
  text-align: left;
}

.order_line3 {
  font-size: 5vw;
  text-align: left;
}
.order_tadle2{
  color: #dc3545;
}

th.order_line_red {
  font-size: 5vw;
  color: red;
}

h4.corsage_2 {
  margin: auto;
  padding: 20px;
  font-size: 2.8vw;
  background-color: rgba(234, 210, 179, 0.7490196078);
  border-radius: 15px;
  color: #660000;
}

a.corsage_2 {
  color: #660000;
  font-size: 2.8vw;
  font-weight: bolder;
}

h4.corsage_3 {
  font-size: 3.5vw;
  margin: 20px 0;
}

.furikomi h2 {
  font-size: 5vw;
}

.furikomi p {
  font-size: 4vw;
}

h2.furikomi_1 {
  font-size: 2vw;
}

.sponge {
  width: 90%;
  margin: auto;
  margin-top: 5px;
  text-align: left;
}

footer {
  
  border-radius: 15px;
}

footer div {
  border-radius: 15px;
  width: 90%;
  margin: auto;
}

.footer_01 li {
  text-align: center;
  padding-top: 0px;
  margin: auto;
  margin-top: 0px;
  list-style-type: none;
  border-bottom: solid;
  border-radius: 12px;
}

.styled {
  border: 0;
  font-size: 11px;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  /* background-color: rgba(0, 0, 0, 0); */
  background-color: #613ce7;
  background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
  box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

/* タブレット */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header {
    height: 30vw;
  }
  header h1 {
    font-size: 4vw;
  }
  header h2 {
    font-size: 3vw;
  }
  header h3 {
    font-size: 2vw;
    width: 90%;
    margin: 0 auto;
  }
  .box_11 h1{
    font-size: 3vw;
   
  }

  .original a {
    font-size: 1.5vw;
    
  }
  .original {
    padding-top: 5vw;
    
  }
  .original_a a {
    font-size: 1.5vw;
    color: #b60f0f;
  }


  /* 問い合わせのヤマト運輸のデリバリー */
.delivery h1 {
  font-size: 4vw;
}
.delivery p {
  font-size: 3vw;
  
}
.delivery a{
  font-size: 3.5vw;
}

.delivery table td{
  
  font-size: 3vw;
  
}

  table {
    margin: auto;
    width: 90%;
    font-size: 1.5vw;
  }
  .date {
    font-size: 2.3vw;
  }
  .date h5 {
    font-size: 2.3vw;
  }
  .anim_img {
    width: 70%;
  }
  .list {
    font-size: 3vw;
  }
  .Invoice{ font-size: 2.8vw;}
  .tax {
    width: 80%;
    padding-left: 50px;
  }
  .menu {
    /* min-height: 390vw; */
    min-height: 630vw;
  }
  .order_tel {
    font-size: 3.5vw;
  }
  .order_line {
    font-size: 4vw;
  }
  .order_line2 {
    font-size: 3.5vw;
  }
  .order_line3 {
    font-size: 3vw;
  }
  th.order_line_red {
    font-size: 3vw;
    color: red;
  }
  h4.corsage_2 {
    margin: auto;
    padding: 20px;
    font-size: 1.5vw;
    width: 60%;
    border-radius: 15px;
    color: #660000;
  }
  a.corsage_2 {
    color: #660000;
    font-size: 1.5vw;
    font-weight: bolder;
  }
  h4.corsage_3 {
    font-size: 2.5vw;
    margin: 30px 0;
  }
  .furikomi h2 {
    font-size: 3.5vw;
  }
  .furikomi p {
    font-size: 3vw;
  }
  h2.furikomi_1 {
    font-size: 3.2vw;
  }
  footer h3 {
    font-size: 2vw;
    margin-top: 1vw;
  }
  .footer_01 ul {
    padding-left: 50px;
    margin: auto;
  }
  .footer_01 li {
    display: inline;
    margin: auto;
  }
  .footer_01 li a {
    text-align: center;
    padding: 5px 0px;
    list-style-type: none;
    font-size: 1.7vw;
  }
  .foo {
    width: 100%;
  }
  .styled {
    border: 0;
    line-height: 2;
    padding: 0 10px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    /* background-color: rgba(0, 0, 0, 0); */
    background-color: #613ce7;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
  }
  .fon {
    font-size: 10px;
  }
}
/* パソコン */
@media screen and (min-width: 1024px) {
  body {
    font-size: 1vw;
    width: 90%;
  }
  header {
    height: 28vw;
  }
  header p {
    margin: 0;
    padding: 0;
  }
  header h1 {
    font-size: 4vw;
    
  }
  header h2 {
    font-size: 2.8vw;
    
  }
  header h3 {
    font-size: 2vw;
    width: 90%;
    margin: 0 auto;
  }
  .header_box{
    padding:0.5vw 1vw;
  }
  header table {
   
    
    font-size: 1.7vw;
    
  }
  .box_11 h1{
    font-size: 3vw;
   
  }
  .original a {
    font-size: 2vw;
  }
  .original {
    padding-top: 6vw;
    
  }
  .original_a a {
    font-size: 1.5vw;
    color: #b60f0f;
  }

 /* 問い合わせのヤマト運輸のデリバリー */
 .delivery h1 {
  font-size: 3.5vw;
}
.delivery p {
  font-size: 2.8vw;
 
}
.delivery a{
  font-size: 3vw;
}
.delivery table td{
  font-size: 2.7vw;
}

  table {
    margin: auto;
    width: 90%;
    font-size: 1.5vw;
  }
  .date {
    font-size: 2.3vw;
  }
  .date h5 {
    font-size: 2.3vw;
  }
 
  .Invoice{ font-size: 3vw;}

  .tax {
    width: 80%;
    padding-left: 80px;
  }
  .tax4 {
    width: 100%;
    margin: auto;
  }
  .menu {
    min-height: 520vw;
  }
  .list {
    font-size: 2.8vw;
  }
  .order_tel {
    font-size: 3.5vw;
  }
  .order_line {
    font-size: 4vw;
  }
  .order_line_qr {
    font-size: 5vw;
  }
  .order_line2 {
    font-size: 3vw;
  }
  .order_line3 {
    font-size: 3vw;
  }
  .order_line_red {
    font-size: 3vw;
    color: red;
  }
  h4.corsage_2 {
    margin: auto;
    padding: 20px;
    font-size: 1.5vw;
    width: 60%;
    border-radius: 15px;
    color: #660000;
  }
  a.corsage_2 {
    color: #660000;
    font-size: 1.5vw;
    font-weight: bolder;
  }
  h4.corsage_3 {
    font-size: 2.5vw;
    margin: 30px 0;
  }
  .furikomi h2 {
    font-size: 3.5vw;
  }
  .furikomi p {
    font-size: 3vw;
  }
  h2.furikomi_1 {
    font-size: 3.2vw;
  }
  footer h3 {
    font-size: 1.6vw;
    margin-top: 1vw;
  }
  .footer_01 {
    display: flex;
    padding: 1px;
    margin: auto;
  }
  .footer_01 ul {
    padding-left: 50px;
  }
  .footer_01 li {
    width: 13vw;
    text-align: center;
    margin-left: 1px;
  }
  .footer_01 li a {
    list-style-type: none;
    padding: 10px 0px;
    font-size: 1.5vw;
  }
  .styled {
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    /* background-color: rgba(0, 0, 0, 0); */
    background-color: #613ce7;
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
  }
}/*# sourceMappingURL=style.css.map */