@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    color: #fff;
}
main {
    color: #222222 ;
     font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
}


@media screen and (min-width: 768px) {
    body {
        min-width: 1200px;
    }
}


li {
    list-style-type: none;
}

a {
    text-decoration: none;
    display: block;
    cursor: pointer;
}

a:focus {
    outline: none;
}

button {
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    background: none
}

main img {
    vertical-align: bottom;
}


.flower-sp{
    display: none;
}
.flower-pc{
    display: block;
}
.kaku {
    font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}


.gab {
    font-family: "Gabriela", serif;
    font-weight: 400;
    font-style: normal;
  }


/* メインビジュアル*/

#flower-mainvisual {
    width: 100%;
}

#flower-mainvisual img {
    width: 100%;
    vertical-align: bottom;
}

/* リード */

@media screen and (min-width:768px) {
     a:hover {
        opacity: 0.7;
    }
}
.flower-wrap{
 background-color: #FFF;
 overflow: hidden;
}

.flower-lead {
    background-image: url(/img/usr/flower/lead-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    padding-bottom: 120px;
    position: relative;
}
.flower-lead::before {
  content: '';
    display: block;
    width: 200px;
   height: 300px;
    background-image: url(/img/usr/flower/lead-bgashirai01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 400px;
}
.flower-lead::after {
  content: '';
    display: block;
    width: 200px;
   height: 300px;
    background-image: url(/img/usr/flower/lead-bgashirai02.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 600px;
    right:-100px;
}
.flower-lead img{
width: 250px;
}
.flower-leadtext span{
  font-size: 3rem;
  color: #F87F94;
  text-shadow: 0px 0px 15px rgba(254, 231, 231, 0.7);
}

.flower-leadtext {
    font-size: 2.3rem;
    text-align: center;
    letter-spacing: 0.1em;
   line-height: 2;
   padding-top: 120px;
   padding-bottom: 40px;
    text-shadow: 0px 0px 20px #C3BCB1;
}
.flower-leadtext02 {
    font-size: 2.3rem;
    text-align: center;
    letter-spacing: 0.1em;
   line-height: 2;
   padding-top: 40px;
   padding-bottom: 100px;
    text-shadow: 0px 0px 20px #C3BCB1;
}
.ashirai{
position: relative;
}
.ashirai::before{
  content: '';
    display: block;
    width: 200px;
   height: 150px;
    background-image: url(/img/usr/flower/lead-textashirai01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      top: 20px;
left: 250px;
}
.ashirai::after{
  content: '';
    display: block;
    width: 150px;
   height: 200px;
    background-image: url(/img/usr/flower/lead-textashirai02.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      top: 100px;
right: 300px;
}
.flower-box{
display: flex;
background-color: #fff;
margin-right:200px;
padding-left: 50px;
justify-content: center;
align-items: center;
border-top-right-radius: 70px;
gap:50px;
padding-top: 50px;
padding-bottom: 50px;
overflow: hidden;
}
.flower-box02{
display: flex;
background-color: #fff;
margin-top: 70px;
padding-right: 50px;
margin-left:200px;
justify-content: center;
align-items: center;
border-top-left-radius: 70px;
gap:50px;
padding-top: 50px;
padding-bottom: 50px;
overflow: hidden;
}
.flower-box-text{
text-align: left;
}
.flower-box-img img{
width: 350px;
box-shadow: 4px 4px 10px rgba(196, 182, 167, 0.7);
border-radius: 10px;
}

.flower-cart02{
    margin-top: 25px;
}
.flower-cart02 a {
    transition: .3s;
}
@media screen and (min-width:768px) {
    .flower-cart02 a:hover {
        opacity: 0.7;
    }
}

.flower-cart02 a img {
    width: 380px;
}

.flower-box-name{
color:#69ACFF;
font-size: 4rem;
position: relative;
}
.flower-box-name::before{
      content:"";
position: absolute;
background-color: #69ACFF;
width: 790px;
height: 2px;
top: 60px;
right:-220px;
}
.flower-box-size{
font-size: 2.3rem;
font-weight: 500;
margin-top: 10px;
}
.flower-box-cont{
font-size: 2.3rem;
color: #fff;
padding: 3px 15px;
margin-top: 15px;
background-color:#69ACFF;
display: inline-block;
}
.flower-box02-name{
color:#B298FF;
font-size: 4rem;
position: relative;
}
.flower-box02-name::before{
      content:"";
position: absolute;
background-color: #B298FF;
width: 790px;
height: 2px;
top: 60px;
left:-300px;
}
.flower-box02-size{
font-size: 2.3rem;
font-weight: 500;
margin-top: 10px;
}
.flower-box02-cont{
font-size: 2.3rem;
color: #fff;
padding: 3px 15px;
margin-top: 15px;
background-color:#B298FF;
display: inline-block;
}
.ashirai01{
    position: relative;
}
.ashirai01::before{
  content: '';
    display: block;
    width: 130px;
   height: 130px;
    background-image: url(/img/usr/flower/ashirai01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -50px;
right: 150px;
}
.ashirai01::after{
  content: '';
    display: block;
    width: 130px;
   height: 130px;
    background-image: url(/img/usr/flower/ashirai01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -50px;
right: 150px;
}
.ashirai03{
    position: relative;
}

.ashirai03::after{
  content: '';
    display: block;
    width: 130px;
   height: 130px;
    background-image: url(/img/usr/flower/ashirai02.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -50px;
left: 150px;
}
.ashirai02{
    position: relative;
}
.ashirai02::before{
  content: '';
    display: block;
    width: 160px;
   height: 130px;
    background-image: url(/img/usr/flower/ashirai03.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -60px;
left: 150px;
}
.ashirai04{
    position: relative;
}

.ashirai04::after{
  content: '';
    display: block;
    width: 150px;
   height: 130px;
    background-image: url(/img/usr/flower/ashirai03.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -50px;
left: 150px;
}
.ashirai05{
    position: relative;
}

.ashirai05::after{
  content: '';
    display: block;
    width: 150px;
   height: 130px;
    background-image: url(/img/usr/flower/ashirai04.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -50px;
right: 150px;
}
/*商品詳細*/
.flower-one{
 background-image: url(/img/usr/flower/product-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding-bottom: 50px;
}
.flower-title-img{
   background-image: url(/img/usr/flower/flower-title01.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    text-align: center;
    font-size: 3.5rem;
    color: #69ACFF;
    font-weight: bold;
    padding-top: 70px;
    margin-bottom: 60px;
}
.flower-title-img02{
   background-image: url(/img/usr/flower/flower-title02.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    text-align: center;
    font-size: 3.5rem;
    color: #B298FF;
    font-weight: bold;
    padding-top: 70px;
    margin-bottom: 60px;
}



.flower-product-name {
    font-size: 2.8rem;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
  font-weight: 700;
  font-style: normal;
  color: #F87F94;
}
.flower-product-name span{
color: #69ACFF;
}
.flower-product-name02 {
    font-size: 2.8rem;
    letter-spacing: 0.1em;
  font-weight: 700;
  font-style: normal;
  position: relative;
}


.flower-product-img-wrap{
    display: inline-block;
    width: 400px;
    margin-bottom: 30px;
margin-top: 50px;
}

.flower-product-img-wrap img {
    width: 100%;
}
.flower-product-text {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: bold;
    text-align: left;
}


.flower-price {
    font-size: 2.8rem;
    letter-spacing: 0.2em;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 400;
}

.flower-price-en {
    font-size: 1.6rem;
    letter-spacing: 0.1em;
}

.flower-cart a {
    transition: .3s;
}
@media screen and (min-width:768px) {
    .flower-cart a:hover {
        opacity: 0.7;
    }
}

.flower-cart a img {
    width: 250px;
}
.flower-cart-text{
     text-decoration: none;
      border-bottom: dashed 2px #222;
      display: inline-block;
      margin: 10px auto 0;
      color: #222;
}
.flower-cart-text a{
   color:inherit;
   font-size: 18px;
   font-weight: 400;
}


.flower-product-box{
width: 1000px;
background-color: #fff;
border-top-right-radius: 70px;
margin: 0 auto 50px;
overflow: hidden;
position: relative;
}
.flower-product-box02{
width: 1000px;
background-color: #fff;
border-top-left-radius: 70px;
margin: 0 auto 50px;
overflow: hidden;
}
.flower-title-box{
    display: flex;
   margin-left: 130px;
    align-items: center;
    gap: 35px;
    margin-top: 30px;
}
.flower-title-box-img img{
width: 150px;
}
.flower-title-box-img02{
margin-left: 50px;
}
.flower-title-box-img02 img{
width: 150px;
}
.flower-title-text01{
    font-size: 3rem;
    color:#F87F94;
    position: relative;
    margin-bottom: 10px;
}
.flower-title-text01::before{
      content:"";
position: absolute;
background-color: #F87F94;
width: 730px;
height: 2px;
top: 45px;
right:-220px;
}
.flower-title-text02{
    font-size: 2rem;
    color:#F87F94;
    margin-top: 10px;
    width: 500px;
}
.flower-title-text03{
    font-size: 3rem;
    color:#F87F94;
    position: relative;
    margin-bottom: 10px;
}
.flower-title-text03::before{
      content:"";
position: absolute;
background-color: #F87F94;
width: 730px;
height: 2px;
top: 45px;
left:-220px;
}
.flower-title-text04{
    font-size: 3rem;
    color:#F87F94;
    position: relative;
    margin-bottom: 10px;
}
.flower-title-text04::before{
      content:"";
position: absolute;
background-color: #F87F94;
width: 730px;
height: 2px;
top: 45px;
right:-200px;
}
.flower-product-content01{
    display: flex;
    padding-top: 30px;
padding-bottom: 60px;
justify-content: center;
gap: 30px;
}


.flower-product-content02{
     display: flex;
    padding-top: 30px;
padding-bottom: 60px;
justify-content: center;
gap: 30px;
}

.flower-product-detail-img img{
    width: 300px;
    box-shadow: 2px 2px 10px rgba(196, 182, 167, 0.7);
    border-radius: 10px;
}
.flower-product-detail-text{
    text-align: left;
padding-left: 25px;
}
.flower-product-detail-text01{
padding-top: 15px;
text-align: center;
width: 480px;
}




@media screen and (max-width:767px) {

    .flower-sp {
        display: block;
    }
 .flower-pc {
        display: none;
    }
/* リード */
.flower-lead {

    background-position: top 0px right 0px;
    padding-bottom: 80px;
}
.flower-leadtext span{
  font-size: 2rem;
  font-weight: lighter;
}

.flower-leadtext {
    font-size: 1.6rem;
    text-align: center;
    letter-spacing: 0.1em;
   line-height: 2;
   padding-top: 80px;
   padding-bottom: 0px;
    font-weight: lighter;
}
.flower-leadtext02 {
    font-size: 1.6rem;
    text-align: center;
    letter-spacing: 0.1em;
   line-height: 2;
   padding-top: 80px;
   padding-bottom: 100px;
    font-weight: lighter;
}
.flower-lead img{
width: 40%;
margin-top: 50px;
}
.ashirai::before{
    width: 110px;
   height: 70px;
      top: 20px;
left: 30px;
}
.ashirai::after{
    width: 80px;
   height: 150px;
   top: 110px;
right: 30px;
}
.flower-lead::before {
    display: none;
}
.flower-lead::after {
    display: none;
}
.flower-box{
flex-direction: column;
margin-right:10px;
padding-left: 0px;
justify-content: center;
align-items: center;
border-top-right-radius: 30px;
gap:50px;
padding-top: 30px;
padding-bottom: 50px;
padding-right: 20px;
padding-left: 20px;
overflow: hidden;
}
.flower-box02{
    flex-direction: column-reverse;
margin-top: 70px;
padding-right: 0px;
margin-left:10px;
justify-content: center;
align-items: center;
border-top-left-radius: 30px;
gap:50px;
padding-top: 30px;
padding-bottom: 50px;
padding-right: 15px;
padding-left: 15px;
}
.flower-box-text{
text-align: left;
}
.flower-box-img img{
    margin-top: 0px;
width: 90%;
}
.flower-cart02 a img {
    width: 250px;
    margin-top: 0px;
}

.flower-box-name{
font-size: 2.4rem;
font-weight: lighter;

}
.flower-box-name::before{
width: 100%;
height: 2px;
top: 40px;
right:0px;
}
.flower-box-size{
font-size: 1.5rem;
margin-top: 10px;
}
.flower-box-cont{
font-size: 1.7rem;
padding: 3px 10px;
margin-top: 15px;
}
.flower-box02-name{
font-size: 2.4rem;
font-weight: lighter;
}
.flower-box02-name::before{
width: 100%;
height: 2px;
top: 40px;
left:0px;
}
.flower-box02-size{
font-size: 1.5rem;
font-weight: 500;
margin-top: 10px;
}
.flower-box02-cont{
font-size: 1.7rem;
padding: 3px 10px;
margin-top: 15px;
}
.ashirai01::before{
  content: '';
    display: block;
    width: 80px;
   height: 80px;
    background-image: url(/img/usr/flower/ashirai01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -40px;
right: 0px;
}
.ashirai01::after{
  content: '';
    display: block;
    width: 80px;
   height: 80px;
    background-image: url(/img/usr/flower/ashirai01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -40px;
right: 0px;
}
.ashirai02::before{
  content: '';
    display: block;
    width: 80px;
   height:80px;
    background-image: url(/img/usr/flower/ashirai03.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -60px;
left: 0px;
}
/*商品詳細*/
.flower-title-img{
    height: 100px;
    text-align: center;
    font-size: 3rem;
    padding-top: 30px;
    text-shadow: 2px 2px 0px #fff;

}
.flower-title-img02{
    height: 100px;
    text-align: center;
    font-size: 3rem;
    padding-top: 30px;
    text-shadow: 2px 2px 0px #fff;
}
.flower-product-box{
width: 90%;
background-color: #fff;
border-top-right-radius: 30px;
margin: 0 auto 50px;
overflow: hidden;
position: relative;
padding-bottom: 50px;
}
.flower-product-box02{
width: 90%;
background-color: #fff;
border-top-left-radius: 30px;
margin: 0 auto 50px;
overflow: hidden;
padding-bottom: 50px;
}
.flower-product-name {
    font-size: 2rem;
    margin-bottom: 10px;
  font-weight: 700;
  font-style: normal;
  color: #F87F94;
}

.flower-product-name02 {
    font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  position: relative;
}


.flower-product-img-wrap{
    display: inline-block;
    width: 80%;
    margin-bottom: 30px;
margin-top: 50px;
}

.flower-product-text {
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: bold;
    text-align: left;
}

.flower-product-content01{
flex-direction: column;
    justify-content: center;
    align-items: center;
padding-bottom: 0px;
padding-top: 0px;
margin:30px auto 0;
position: relative;
gap: 10px;
}


.flower-product-content02{
   flex-direction: column-reverse;
    justify-content: center;
padding-bottom: 0px;
margin-top: 30px;
position: relative;
 align-items: center;
 padding-top: 0px;
 gap: 10px;
}
.flower-product-detail-img{
 margin: 0 auto;
 width: 80%;
}
.flower-product-detail-img img{
    width: 100%;
   
}
.flower-title-box{
    flex-direction: column;
   margin-left: 0px;
    align-items: center;
    gap: 15px;
    padding: 10px 10px;
    margin-top: 10px;
}
.flower-title-box-img img{
width: 80px;
}
.flower-title-box-img02{
margin-left: 0px;
}
.flower-title-box-img02 img{
width: 80px;
}
.flower-title-text01{
    font-size: 1.8rem;
    color:#F87F94;
    position: relative;
    margin-bottom: 10px;
}
.flower-title-text01::before{
      content:"";
position: absolute;
background-color: #F87F94;
width: 100%;
height: 2px;
top: 35px;
right:0px;
}
.flower-title-text02{
    font-size: 1.6rem;
    color:#F87F94;
    margin-top: 10px;
    width: 250px;
    font-weight: lighter;
}
.flower-title-text03{
    font-size: 1.8rem;
    color:#F87F94;
    position: relative;
    margin-bottom: 10px;
}
.flower-title-text03::before{
      content:"";
position: absolute;
background-color: #F87F94;
width: 100%;
height: 2px;
top: 35px;
left:0px;
}
.flower-title-text04{
    font-size: 1.8rem;
    color:#F87F94;
    position: relative;
    margin-bottom: 10px;
}
.flower-title-text04::before{
      content:"";
position: absolute;
background-color: #F87F94;
width: 100%;
height: 2px;
top: 60px;
right:-0px;
}



.flower-product-detail-text{
    text-align: left;
padding-left: 25px;
}
.flower-product-detail-text01{
padding-top: 15px;
text-align: center;
width: 100%;
}
.ashirai02::before{
  content: '';
    display: block;
    width: 80px;
   height: 100px;
    background-image: url(/img/usr/flower/ashirai03.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -70px;
left: 0px;
}
.ashirai03::after{
  content: '';
    display: block;
    width: 80px;
   height: 80px;
    background-image: url(/img/usr/flower/ashirai02.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -50px;
left: 0px;
}
.ashirai04::after{
  content: '';
    display: block;
    width: 100px;
   height: 80px;
    background-image: url(/img/usr/flower/ashirai03.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -50px;
left: 0px;
}


.ashirai05::after{
  content: '';
    display: block;
    width: 100px;
   height: 80px;
    background-image: url(/img/usr/flower/ashirai04.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
      bottom: -50px;
right: 0px;
}
}