@charset "UTF-8";
*{margin:0;
 padding:0;
 box-sizing:border-box;
}

img{
    border: 0;
    max-width: 100%;
    height: auto;
}

/*--------------------------------
 共通
---------------------------------*/

body {
  font-family: "Montserrat", "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #363636;
    background-color: #F6F4F1;
    /*! max-width: 1500px; */
    margin: 0 auto;
    position: relative;
}
.wrapper{
    /*! filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); */
}

p{
    margin-top: 24px;
    line-height: 2.0;
    font-family: "Josefin Sans", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
    font-size:min(2.1vw,14px);
    color: #363636;
}
a{
    text-decoration: none;
    display: block;
}

ul{
    list-style-type: none;
}
h2{
    font-size: max(1.8vw,18px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing:0.15em;
    margin-top: 80px;
}
.comment_qua h3 img,.order_process h3 img,.shopinfomation h3 img,.example_title h3 img{
    height: max(3.2vw,40px);

}
.comment_order h3 img{
    height: max(2.7vw,32px);
}

h4{
    font-size: max(1.4vw,18px);
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom:7vw;
}
h5{
    font-size: 20px;
    font-weight: 100;
}

/*--------------------------------
 ナビ
---------------------------------*/

nav{
    display: flex;
    justify-content: space-between;
    margin:20px 40px;
}

nav a img{
    width: max(12vw,120px);
}
nav :hover{
    opacity: 0.8;
}

/*--------------------------------
 ヘッダー
---------------------------------*/

header{
    height: max(48vw,550px);
    max-height: 850px;
    background-image: url("../img/header_visual3.jpg");
    background-size: max(100%,1000px);
    background-repeat: no-repeat;
    background-position-x: max(0vw,-120px);
    margin-top: min(-16vw,-28px);
    padding: 0 min(19vw,300px);
    z-index: -1;
}


h1{
    color: #fff;
    font-family:sans-serif;
    font-family: "Josefin Sans", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
    font-size: max(2.6vw,32px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing:0.08em;
    filter:drop-shadow(1px 3px 5px rgba(45, 23, 6, 0.9));
}

h1 span{
    font-size: max(1.4vw,16px);
    font-weight: 500;
    letter-spacing:0.5rem;
    filter: drop-shadow(1px 3px 5px rgba(45, 23, 6, 0.5));
}
.title_area{
    position: absolute;
/*     width: 100vw; */
    top: max(13vw,110px);
    text-align: left;
    z-index: 1;
    opacity: 0;
    animation: 1s fadeInMvImg 0.2s forwards;
}
@keyframes fadeInMvImg {
  100% {
    opacity: 1;
  }
}
.title_area a{
    display: flex;
    position: relative;
    margin-top:2.0vw;
    max-width: 296px;
    
}
header a{
    position: relative;
/*     width: max(16vw,180px); */
    margin: 0 auto 0 max(1.5vw,28px);
    filter: drop-shadow(1px 3px 5px rgba(45, 23, 6, 0.5));
}
header img {
	position: absolute;
	top: 50%;
    left: max(8vw,40%);
    margin: 2vw auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
/* 	width: 100%; */
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
header img:nth-of-type(1) {
	opacity: 0;
}
header a:hover img:nth-of-type(2) {
	opacity: 0;
}
header a:hover img:nth-of-type(1) {
	opacity: 1;
}


.title_area .order{
    position: absolute;
    font-size: max(1.8vw,24px);
    font-weight: 500;
    letter-spacing:0.2em;
    color: #CAF36F;
    top: 0.4vw;
    margin: 0 auto 0 max(5.5vw,63px);
    filter: drop-shadow(1px 3px 5px rgba(45, 23, 6, 0.5));
}

/*--------------------------------
 トップ
---------------------------------*/

.top{
    position: relative;
    margin-top: min(-7vw,-60px);
}
.to_give{
    text-align: center;
    margin-bottom: -5vw;
    opacity: 0;
    animation: 2s fadeInMvImg 0.8s forwards;
}
.to_give img{
    width: max(56vw,550px);
}
.yukari {
    position: absolute;
    width: 30vw;
    top:min(-24vw,-220px);
 
}
.top_comme_gr {
    margin: 0 auto;
    margin-top: -50px;
    padding: 6vw 4vw;
    background-color:#fff;
}
.top_comment{
    text-align: center;
}
.top p{
    font-size: 16px;
    font-size:min(2.1vw,14px);
    font-family: "Josefin Sans", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 100;
}
.top_icon_cover{
    display: block;
    padding: 0 3vw;
}

.top_icon {
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 4vw; 
    display: grid;
    column-gap: 48px;
    grid-template-columns: repeat(5, 2fr);
}
.top_photo {
    text-align: center;
    padding-bottom:0;
}
.top_photo :nth-child(1) {
    filter:drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.07));
    
}
.flower img{
    width: min(140px,10vw);
    margin-bottom: 20px;
}
.top_photo img{
    margin-top: 10px;  
}


/*--------------------------------
 アバウト
---------------------------------*/

.quality h3{
    margin-bottom: -8px;
}

.underline_s{
    margin-bottom: 8px;
}

.quality_cover{
/*     background: linear-gradient(45deg, #F8DCC9, #DAA079); */
    background-image: url("../img/fabric_2.jpg");
}
.quality{
    display: flex;
    column-gap: 40px;
    max-width: 1500px;
    margin:  0 auto;
    padding:0 3vw;
    padding-top: 6vw;
    padding-bottom: 6vw;
    padding-right: 2vw;
}
.comment_qua{
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    max-width:600px;
    
}
 .about_photo1{    
    flex: 0 1 40%;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 48%;
    text-align: right;
    margin: 0 0 0 auto;
     display: block;
     position: relative;
 
}

.about_photo1 P{
    position: absolute;
    font-family: "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
    font-size: max(1.3vw,12px);
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #C8AB95;
    top:min(-0.5vw,-16px);
    right:2vw;
    
}
.ordermade_cover{
    background-color: #fff;
    background-image: url("../img/bg_Ordermade2B.jpg");
    background-repeat: no-repeat;
    background-size: max(47vw,700px);
}
@media screen and (max-width: 1500px){
    .ordermade_cover{
        background-size: max(47vw,450px);
    }
}
@media screen and (max-width: 1000px){
    .ordermade_cover{
        background-position-x: -6vw;
        background-size: 53vw;
    }
    .comment_order p{
        margin-bottom: 4vw;
    }
    .about_photo2 p{
        top:26vw;
    }
}
.ordermade{
    display: flex;
    flex-direction: row-reverse;
    column-gap: 47px;
    max-width: 1500px;
    margin: 0 auto;
    padding:0 3vw;
    padding-top: 6vw;
    padding-bottom: 2vw;
}

.about_photo2 {
    flex: 0 1 40%;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 42%;
    margin: 0 auto;
    margin-left: 0;
    margin-bottom: 6vw;
    position: relative;
}
.about_photo2 p{
    position: absolute;
    bottom:1vw;
    right: 6vw;
    font-family: "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
    font-size: max(1.3vw,12px);
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #AECCE2;
    
   
}
.comment_order{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 44%;
    max-width:600px;
    padding-left: 2vw;
}

/*--------------------------------
 オーダープロセス
---------------------------------*/

.order_process{
    background: linear-gradient(0deg,#F6F4F1, #E4DACF);
    background-image: url("../img/fabric_1.jpg");
    text-align: center;
}

@media screen and (max-width: 1201px) {
    .order_process{
        background-position-y: -10px;
    }
}

.waxflower {
    display: flex;
}
.waxflower img{
     width:20vw;
    height: 43vw;
    margin-top: -28vw;
    margin-bottom: -16vw;
    z-index:1 ;
}
/*--　　お花を消す　　--*/

@media screen and (max-width: 1280px) {
    .waxflower{
        display: none;
    }
}

.process_title{
    padding-top:max(8vw,40px);
}

.inner_cover{
    padding: 0 3vw;
}
.inner{
    max-width: 1200px;
    margin: 0 auto;
}

.table{
    margin: 0 auto;
    width:700px;
    margin: 0 auto;
}

h8{
    font-family: "Josefin Sans", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size:min(2.2vw,14px);
    font-weight:300;
    display: block;
    border: dotted 1px #4d4d4d;
    display: block;
    padding: 25px;
    max-width:700px;
    margin: 0 auto;
}

h6{
    font-size: max(1.4vw,22px);
    font-weight: 300;
    padding-top: 16px;
}
h6 span{
    font-size: 16px;
}
.table_innner,.table_innner2{
    display: flex;
    margin: 4vw min(10vw,10px);
}

.steps{
    display: flex;
    column-gap:2vw;
    margin: 2vw 0;
}
.steps_comment{
    text-align: left;
}
.math{
    display: none;
}
.steps_comment p{
    margin-top: 1vw;
}
.number{
    margin-top: -1vw;
}
.number img{
    width:max(4.2vw,48px);
    margin-right: 3vw;
    margin-top: 1.4vw;
}
.order_bottom {
    display: block;
}

.order_bottom {
   padding-bottom: max(16vw,176px);
    padding-bottom: 12vw;
    margin: 0 auto;
   
}

.order_bottom .order img{
    width: max(20vw,320px);
	
}
.order_bottom .order:hover img {
	transform: translateY(-5px);
    transition-duration: .5s;
    filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); 
}
.order_bottom p{
    margin-top: min(80px,9vw);
    margin-bottom: max(1vw,30px);
    margin-bottom: 24px;
}


/*--------------------------------
 オーダー例
---------------------------------*/

.example{
    background-color: #F6F4F1;
    text-align: center;
    padding-bottom:20px;
    padding-top: 1vw;
    position: relative;
}
.olive_leaf{
    position: absolute;
    width: 15vw;
    top:-7vw;
    right: 0;
}
.example h3 img{
    margin-top: 4vw;
}

.example .example_title{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6vw;
    margin-bottom: 12vw;    
}
.example_title h3{
    text-align: center;
    margin-bottom: min(0vw,-12px);
}

.example_title h4{
    margin-bottom: 0.4vw;
    letter-spacing: 0.3em;
}

.example_inner{
    max-width: 1200px;
    margin: 0 auto;
}
.example_inner_gr{
    display: block;
    margin: 0 auto;
    padding: 0 3vw;
}

.scene_title {
    margin-bottom: 40px;
}

.scene_title img{
    height: max(3vw,42px);
}

.scene_title li:first-child {
    width: 12vw;
    margin-right: 11vw;
}
.fete,.ouverture,.vestiaire,.special {
    display:flex;
    justify-content: space-between;
    margin-left: 2vw;
    margin-bottom: -2vw;
    
}
.fete img{
    height: max(2.0vw,32px);
}
.special img{
    height: max(3.6vw,52px);
}

.photo_list{
    margin-bottom: 11.2vw;
    display: grid;
    column-gap: 8px;
    grid-template-columns: repeat(4, 2fr);
}

.photo_price{
    margin: 0 auto;
}

.flower_photo{
    width: min(190px,20vw);
    height: min(190px,20vw);
}

.flower_photo img{
    width: 90%;
     filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
}
.flower_photo img:hover {
    transform: translateY(-5px);
    transition-duration: .5s;
}

.photo_price p{
    font-size:16px;
}

.photo_price span{
    font-size: 12px;
}

.more_sample a{
    margin: 0 auto;
    margin-bottom: 10vw;
    width:300px;
    background-color: #fff;
    padding: 18px;
    display: block;
    color: #363636;
    font-family: "Josefin Sans", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
    font-size:min(2.1vw,14px);
    letter-spacing: 0.3rem;
    transition: .4s;
   
}
.more_sample :hover{
    background:  #CAF36F;
    
}


/*--------------------------------
 インフォメーション
---------------------------------*/
.information{
    /*! max-width: 1500px; */
    margin: 0 auto;
    padding: 0px 16vw;
    background-color: #fff;
}

.top_deco{
     margin-left: 0;
}
.mint{
    max-width: 500px;
    padding: 0 3vw;
    margin-left: min(240px,3vw);
    padding-top: 12vw;
  
}

.mint img{
    width: max(18vw,200px);
}

.infomation_inner{
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    justify-content: space-around;
    padding: 0 min(6vw,10px);
}
.infomation_detail{
    margin-left: 50px;
}
.shopinfomation{
    max-width: 1200px;
    margin-top: min(-8vw,-90px);
    margin-bottom: 4vw;
    margin-left: auto;
    margin-right: auto;
    
}
.information h3{
    text-align: left;
    margin-left: 8vw;
    margin-bottom: min(0vw,-12px);
}

.name h4{
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 4vw;
    color: #363636;
}

.tel h7{
    font-size: 15px;
    font-weight: 600;
}

.name,.access{
    margin-bottom: 4.4vw;

}
.time p,.delivery p{
    margin-top: 8px;
    
}
.btn_map{
    margin: 8px 16px auto 0;
}
.map_all{
    display: flex;
}
.map_all p{
    margin-top: 8px;
}
.map_all p:first-child {
    margin-top: 0px;
}

.access .map_font{
    margin-left: 0;
}
.name_icon{
    display: flex;
    margin-top: 24px;
    
}

.name_icon img {
    width: 2.4vw;
    min-width: 32px;
    max-width:38px;
}
.name_icon img {
	position: absolute;
    left: 12%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .2s ease-in-out;
}
.name_icon :hover img:nth-of-type(2) {
    opacity: 0;
}

.name p{
    margin-top: -4vw;
}
.btn_map {
    background-color: #4d4d4d;
    border-radius: 16px;
    width: max(5vw,78px);
    transition: .4s;
}
.btn_map :hover{
    background: #CAF36F;
    border-radius: 16px;
    color: #4d4d4d;
}

.map_font {
    color: #fff;
    margin: 0 auto;
    text-align: center;
}
.tel{
    margin: 4.4vw 0;
    display: flex;
}
.tel a{
    color: #111;
    padding-left: 1.8vw;
    letter-spacing: 0.2rem;
}
@media(min-width: 428px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
.delivery{
    margin-bottom: 4vw;
}
.shop_photo{
    width: max(30vw,400px);
    margin-top: 4vw;
}

.footer {
  display: grid;
  color: #4d4d4d;
  padding: 32px 20px;
  background-color: #F6F4F1;
  place-items: center;
}

.page-top {
  display: none;
  position: sticky;
  margin:0 8px 0 auto;
  bottom: 40px;
  width:100px; 
  z-index: 100;
}

.page-top__link {
  transition: opacity 0.3s;
  cursor: pointer;
}

.page-top__icon img{
	width: 100%;
	display: block;
}
.page-top__link span:hover img{
	transform: translateY(-5px);
    transition-duration: .5s;
    filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); 
}


/*--------------------------------
 スクロールエフェクト
---------------------------------*/
.fadeUpEffect {
  opacity: 0;
}

.fadeUp {
  opacity: 0;
  animation-name: fadeUp;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 1400px) {
    .information{
        padding: 0 3vw;
    }
}


/*media Queries 767
----------------------------------------------------*/

@media screen and (max-width: 767px) {
    body{
        filter: none;
        background-color: #fff;
    }
    .wrapper{
        width: 100%;
        overflow: hidden;
        filter:none;
    }
    /*----　ナビ　-----*/
    nav{
        margin: 20px;
    }
    .logo img{
        width: max(16vw,90px);
    }
    /*----　ヘッダー　-----*/
    header{
        background-image: url("../img/header_visual6.jpg");
        background-size: 132%;
        background-repeat: no-repeat;
        background-position: right top;
        margin-top: -20vw;
        height: max(68vw,360px);
   
    }
    h1{
        filter: drop-shadow(0.5vw 0.3vw 0.2rem #000);
        font-size: 26px;
        text-align: center;
    }
    h1 span{
        font-size: max(1.4vw,14px);
    }
    .title_area{
        top: min(15vh,130px);
        width: 29.7vw;
        min-width: 230px;
        top:110px;
        margin-left: 0vw;
    }

     /*----　トップ　-----*/
    .top_comme_gr {
        padding-top: 10vw;
        padding-bottom: 10vw;
        margin-top:-6vw;
    }
    .yukari{
        display: none;
    }
    .to_give{
        width: max(72vw,320px);
        margin: 0 auto;
    }
    .to_give img{
        margin-top: -1px;
    }

    .top{
        margin-top: max(-9vw,-62px);
       
    }
    .top_comment{
        font-size: max(3vw,16px);
        margin-top: 20px;
    }
    .top p{
        font-size: 12px;
        letter-spacing: 0.05em;
    }
    .top_icon_cover ul li:nth-child(even){
        margin-top: 12vw;
    }
    .arrangement,.potted_plant {
        position:absolute;
        width: 21vw;
        margin-left: -3vw;
    }
    .potted_plant {
        position:absolute;
        width: 20vw;
        margin-left: -2vw;
    }
    .top_photo{
        margin-bottom: 4vw;
    }
    .flower img{
    width: min(170px,20vw);
    }
    .top_photo img:nth-last-child(1){
        margin-top: 0vw;
    }
    .top_icon{
        column-gap: 4vw;
        grid-template-columns: repeat(5, 1fr);
        margin-top: 6vw;
    }
    /*----　アバウト　-----*/

    .quality_cover{
        padding: 6vw 4vw;
        height: max(90vw,500px);
    }
    .quality{
        display: block;
    }
    .underline_s,.underline_l{
        margin-bottom: 0;
    }
    .comment_qua{
        margin: 0 auto;
    }
    .comment_qua h4,.comment_order h4,h4{
        font-size: 16px;
    }
    .comment_qua p,.ordermade p{
        font-size: 12px;
        letter-spacing: 0.05em;
    }
    .about_photo1 p,.about_photo2 p{
        display: none;
    }
    .about_photo1{
        max-width:500px;
        margin-right: 5vw;
    
    }
    .about_photo1 img{
        margin:8vw 3vw 8vw 6vw;
    }
    .ordermade_cover{
        background-size: 100vw;
        height: max(100vw,640px);
        margin-top: max(8vw,80px);
        background-position-y: max(44vw,400px);
        background-position-x: 0.1vw;
    }
    .ordermade{
        display: block;
        padding: 10vw 6vw;
    }
    .about_photo2{
        padding-left: 26vw;
        padding-right: 0;  
        margin-top: 11vw;
    }
    /*----　オーダー例　-----*/
    .olive_leaf{
        display: none;
    }
    .make_someone{
        display: none;
    }
    .example .example_title{
        margin-top: 0;
        padding-top: 16vw;
    }
    .example_title h4 {
        font-size: max(2.4vw,14px);
        letter-spacing: 0.1em;
        margin-bottom: 20vw;
    }
    .scene_title img{
        height: max(6vw,30px);
    }
    .example_title img {
        margin-top: -6vw;
      
    }
    .example h5{
        font-size: 16px;
        letter-spacing: 0.05em;
    }
    .example_inner_gr{
        padding: 0 3vw;
        margin: 0 3vw;
        margin-bottom: 12vw;
    }
    .scene_title{
        margin-bottom: 7vw;
    }
    .photo_list{
        grid-template-columns: repeat(2, 2fr);
        margin: 12vw auto 16vw auto;
       
    }
    .flower_photo{
        width: max(26vw,150px);
        height: max(26vw,150px);
    }
    .photo_price p{
        margin-top: -3vw;
        margin-bottom: 8vw;
        font-size:15px;
    }
    .photo_price span {
        font-size: 12px;
    }
   
    /*----　オーダー手順　-----*/
    .inner{
        border: none;
        padding-top: 0;
    }

    .inner h8,.inner p{
        font-size: 12px;
        letter-spacing: 0.08em;
        line-height: 1.6;
        padding-bottom: 0;
    }
    .inner h8{
/*         border-bottom: none; */
/*         border: dotted 1px #4d4d4d; */
        display: block;
        padding: 15px;
        width: 88vw;
        margin: 16vw auto;
    }
    
    .table_innner,.table_innner2{
    margin-top: 8vw;
    }

    .example h3 img,.comment_qua h3 img,.comment_order h3 img,.order_process h3 img,.shopinfomation h3 img{
        height: max(3.2vw,32px);
        margin-bottom: -1vw;
    }
    .comment_order h3 img,.order_process h3 img{
        height: max(3.2vw,28px);
        margin-bottom: -2vw;
    }
  
    .order_process h3 img{
        margin-bottom: min(0vw,-14px);
    }

    .table{
        width:88vw;
        padding-top: 6vw;
 
    }
    .process_title{
        padding-top:max(15vw,18px);
    }
    .process_title h4{
        margin-bottom: -1vw;
    }
    .number img {
        width: max(4.2vw,32px);
        display: none;
    }
    h6{
        font-size: 15px;
        padding-top: 0;
    }
    .math{
        display: inline-block;
    }
    .order_bottom .order p {
        font-size: max(1.8vw,16px);
        margin-top: min(-5.4vw,-40px);
        padding-bottom: 16px;
    }
    
    .order_bottom p,.more_sample a{
        font-size: 12px;
    }
    .more_sample{
        background-color: transparent;
        margin-bottom: 4vw;
    }
    .more_sample a{
        padding: 17px 0;
    }
    .infomation_inner{
        display: block;
        margin:0 4vw;;
     }
    .order_bottom .order img{
        width: 300px;
        top:81.5%;
    }
    /*----　インフォメーション　-----*/
    .mint img{
        width: max(25vw,140px);
    }
  
    .shopinfomation{
        margin-top: min(-8vw,-60px);
    }
    .infomation_detail{
        margin-left: 1vw;
    }
    .infomation_detail p{
        font-size: 12px;
    }
   
    .btn_map a{
        display: block;
        padding: 1px 14px;
    }
    .btn_map{
       padding: 0 ;
    }
/*     .btn_map p{
        color: #000;
        font-size: 16px;
        font-weight:bold;
        color: #363636;
        border-bottom: solid 1px;
    } */

    h7{
        font-size: 14px;
        font-weight: 500;
    }
    .name h4{
        margin-top: 8vw;
    }
    .access,.time,.tel,.delivery{
        margin-top: 6vw;
    }

    .tel a{
        font-weight: 600;
        border-bottom: solid 1px #4d4d4d;
        margin-left: 2vw;
        margin-top: -4vw;
        color: #4d4d4d;
        padding-top:27px;
    }
    .tel h7{
        padding-top:27px;
        margin-top: -4vw;
    }
    .shop_photo {
        margin: 0 auto 8vw 0;
        width: 300px;
    }
    .page-top a{
        display: none;
    }
    
    .name_icon img{
        left: 8%;
    }
    
/*     .btn_map :hover{
    background: none;
    border-radius: 0px;
    color: #CAF36F;
    } */
    

}

@media screen and (max-width: 428px) {
    header img{
        margin: 6vw auto;
    }
    .name_icon img{
        top: 2%;
        left: 80%;
    }

}

@media screen and (max-width: 375px) {
    .wrapper{
        filter: none;
    }
    header{
        padding-left: 10vw;
        height: 400px;
    }
    .title_area{
        margin-top:26vw;
    }
    .title_area .order{
        filter: drop-shadow(1px 3px 5px rgba(45, 23, 6, 0.9));
    }
     .top_icon_cover ul li:nth-child(even){
        margin-top: 20vw;
    }
    .about_photo1{
        width: 72vw;
        margin-left:8vw;
    }
    .flower_photo{
        width: 32vw;
       margin-bottom: -8vw;
    }
    .flower img{
        margin-bottom: 0px;
    }
    .name{
        display: flex;
    }
    .name_icon{
        margin-left: 6vw;
    }
    .steps_comment p{
    margin-top: 3vw;
    }
    .name_icon img{
        top: 6%;
        left: 80%;
    }
    .order_bottom{
        padding-bottom: 130px;
    }
}