@charset "utf-8";

@import url(normalize.css);
@import url(all.css);
@import url(common_parts.css);
@import url(common.css);
@import url(../_plugin/aos/aos.css);


/* common */
.back_bk{ background:#000; }
.back_wt{ background:#FDFDFD; }
.back_pi{ background:#eb738f; }
.back_lpi{ background:#f7baa5; }
.back_bl{ background:#0e6eb8; }
.back_org{ background:#ea591d; }
.back_cme{ background:#c99e2a; }
.back_ylw{ background:#FFF100; }
.back_brn{ background:#7f4e20; }
.back_brn2{ background:#6A3906; }
.back_nev{ background:#161b61; }
.back_blk { background:#221814; }
.back_gry { background:#c9c9ca; }
.back_grn { background:#006834; }
.back_d-grn { background:#056823; }
.back_wine { background:#a11251; }
.back_lgrn { background:#9dbb87; }
.back_pp { background:#920681; }
.back_red { background:#ea000e; }
.back_red2 { background:#E60012; }

body { 
  font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;  
  color:#707070;
}
nav,header,.breadcrumbs { font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
ul:after { display:none; }
main .inner { max-width:124rem; padding:0 2rem; margin:0 auto; }
.flb { display:flex; }
.fo_goth { font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
.fo_min { font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif; }
.shadow { box-shadow:5px 5px 15px -10px rgba(0,0,0,0.6); }
.btn { border:solid 1px #707070; display:inline-block; box-shadow:5px 5px 15px -10px rgba(0,0,0,0.6); background:#fff;}
.btn a { position:relative; display:block; padding:0.5rem 4rem 0.5rem 2rem; color:#707070; text-align:center; font-weight: bold;}
.btn a i { position:absolute; right:1rem; top:50%; transform:translateY(-50%); font-size:4rem; }
.tc { text-align:center; }
.flower { display:none; margin:3rem auto; text-align:center; width:30%; }

h3 { position:relative; background:#EA8667; padding:2rem 0; display:flex; align-items:center; justify-content:center; color:#fff; font-size: 4.6rem;}
h3:before { content:url(../_img/2021_mothersday/flower.png); display:inline-block; margin-right:2rem; }
h3 span { display:block; text-align:center; font-size:2rem; }
@media screen and (max-width:768px){
   h3 { font-size:3.2rem; }
  .mid-tc { text-align:center; }
}
@media screen and (max-width:414px){
  .flb { display:block; }
  .sp-tc { text-align:center; }
  .h3-tt { margin-bottom: 5rem; }  
  .flower { display:block; }
  h3 { font-size:3rem; padding:1rem 2rem; }
  h3:before { display:none; }
}


/* mv */
#mv { }
#mv .inner{ }
#mv .mv-area { position:relative; text-align: center; }
#mv .mv-area .text-area { position:absolute; bottom:3rem; left:50%; text-align:center; transform:translateX(-50%); color:#fff; background:rgba(0,0,0,.2); padding:1rem 3rem; min-width:68rem;}
#mv .mv-area .text-area h2 { font-size:4rem; font-weight: bold; }
#mv .mv-area .text-area p { font-size:2rem; margin:0; text-align:center; }
@media screen and (max-width:1480px){
  #mv .mv-area .text-area { bottom:2rem; }
  #mv .mv-area .text-area h2 { font-size:3rem; }
  #mv .mv-area .text-area p { font-size: 1.8rem; }
}
@media screen and (max-width:1280px){
  #mv .mv-area .text-area { bottom:2rem; }
  #mv .mv-area .text-area h2 { font-size:2.4rem; }
  #mv .mv-area .text-area p { font-size: 1.6rem; }
}
@media screen and (max-width:1150px){
  #mv .mv-area .text-area { position:initial; transform:none; min-width:auto; background:none; color:#707070; }
  #mv .mv-area .text-area h2 { font-size:3rem; margin-bottom: 1rem; }
  #mv .mv-area .text-area p { font-size: 2rem; }
}
@media screen and (max-width:414px){
  #mv { margin-bottom:3rem; }
  #mv div:after { display:none; }
  #mv .mv-area .text-area h2 { font-size: 2.4rem; }
  #mv .mv-area .text-area p { font-size: 1.6rem; }
}
@media screen and (max-width:320px){
  #mv .mv-area .text-area h2 { font-size: 2rem; }
  #mv .mv-area .text-area p { font-size:1.4rem; }
}


/* anchor */
#anchor { margin-top:3rem; margin-bottom:10rem; }
#anchor .inner { max-width:128rem; padding:0 2rem; margin:auto; }
#anchor ul { display:flex; }
#anchor ul li { position:relative; width:calc(100% - 3rem * 1/4); margin-right:3rem; background:#75B9BE; }
#anchor ul li:last-child { margin-right:0; }
#anchor ul li a { display:block; font-weight: bold; }
#anchor ul li a p { font-size:3rem; color:#fff; text-align:center; }
#anchor ul li a p i {  }
#anchor div:after { display:none; }

@media screen and (max-width:1220px){
  #anchor ul { flex-wrap:wrap; }
  #anchor ul li { width:calc(50% - 3rem * 1 / 2); margin-bottom:2rem; }
  #anchor ul li:nth-of-type(2n) { margin-right:0; }
  #anchor ul li:nth-of-type(n+3) { margin-bottom:0; }
  #anchor ul li a { padding:1rem 2rem; }
  #anchor ul li a p { font-size:1.8rem; }
}
@media screen and (max-width:768px){
  
}
@media screen and (max-width:414px){
  #anchor { margin-bottom:0; }
  #anchor ul li a p { font-size: 2.4rem; }
  #anchor ul li a p i { display:block; font-size:4rem; }
}
@media screen and (max-width:320px){
  #anchor ul li a p { font-size: 1.8rem; }
  #anchor ul li a p i { display:block; font-size:3rem; }
}

/* cont01 */
#cont01 { margin-bottom:10rem; }
#cont01 .inner { max-width:124rem; padding:0 2rem; margin:0 auto; }
#cont01 .inner > img { margin-top:5rem; }
#cont01 .inner .top-tx { font-size:2rem; line-height:1.5; margin-top:3rem; }
#cont01 ul { display:flex; justify-content:space-between; margin-top:3rem;}
#cont01 ul li { width:58%; }
#cont01 ul li:last-child { width:35%; position:relative; font-size: 2rem; }
#cont01 ul li .btn { position:absolute; bottom:5rem; left:0; }
#cont01 .text { position:relative; margin-top:5rem; }
#cont01 .text .border { border-top:solid 3px #EA526F; border-bottom:solid 3px #EA526F; padding:3rem 0 1rem; }
#cont01 .text .border .tt { position:absolute; top:-2rem; left:0; padding:0 2rem; background:#EA8667; color:#fff; display:inline-block; font-size:2.4rem; font-weight: bold; }
#cont01 .text .border .tx { font-size: 4rem; color:#EA526F; line-height:1.5; font-weight: bold; }
#cont01 .text .border .tx span { border-bottom:solid 2px #EA526F; }
#cont01 .text .kome { font-weight: bold; color:#EA526F; margin-top:2rem; font-size:1.8rem; }
#cont01 .text .btn { margin-top:3rem; }

@media screen and (max-width:1060px){
  #cont01 ul { display:block; padding:0 2rem; }
  #cont01 ul li { width:100%; }
  #cont01 ul li:first-child { text-align:center; }
  #cont01 ul li:last-child { width:100%; margin-top:2rem; }
  #cont01 ul li .mid-tc { text-align:center; }
  #cont01 ul li .btn { position:initial; margin-top:3rem; }
}
@media screen and (max-width:768px){
  #cont01 .inner { max-width:100%; padding:0; }
  #cont01 .inner .top-tx { padding:0 2rem; }    
  #cont01 .text { margin:10rem 2rem 0; }
  #cont01 .text .btn { font-size: 2rem; }
  #cont01 .text .border { padding:8rem 0 2rem; }
  #cont01 .text .border .tt { top:-4rem; }
}
@media screen and (max-width:414px){
  #cont01 { margin-bottom: 5rem; }
  #cont01 .inner > img { margin-top:0; }
  #cont01 .text .border { padding:6rem 0 2rem; }
  #cont01 .text .border .tx { font-size:2.4rem; }
  #cont01 .text .kome { font-size:2rem; }
}
@media screen and (max-width:375px){
  #cont01 .text .border { padding:5rem 0 2rem; }
  #cont01 .text .border .tt { font-size:2rem; line-height:1.2; padding:1rem 2rem; top:-3rem; }
  #cont01 .text .kome { font-size:1.6rem; }
}
@media screen and (max-width:320px){
  #cont01 .text .border .tt { font-size:1.8rem; top:-1.5rem;}
  #cont01 .text .border .tx { font-size:2rem; }
  #cont01 .text .kome { font-size:1.4rem; }
}

/* cont02 */
#cont02 {}
#cont02 .inner {}
#cont02 .mv-area { position:relative; overflow:hidden; }
#cont02 .title { font-size:6rem; letter-spacing:10px; font-weight: bold; display:flex; align-items:center; justify-content:center; }
#cont02 .title img { margin-right:2rem; }
#cont02 .mv-area .text-area { position:absolute; bottom:3rem; left:3rem; background:rgba(255,255,255,0.6); padding:1rem 3rem; border-radius:30px; }
#cont02 .mv-area .text-area p { font-weight: bold; text-align:center; }
#cont02 .mv-area .text-area ul { display:flex; }
#cont02 .mv-area .text-area ul li { width:3rem; height:3rem; margin-right:1rem; border-radius:50%; }
#cont02 .mv-area .text-area ul li:last-child { margin-right:0; }
#cont02 .mv-tx { text-align:center; font-size:2.2rem; margin:3rem 0; }
#cont02 .blue { background:#75B9BE; }
#cont02 ul.item { display:flex; }
#cont02 ul.item > li { width:calc(25% - 3rem * 1 / 4); margin-right:3rem; }
#cont02 ul.item > li:last-child { margin-right:0; }
#cont02 ul.item > li p { text-align:center; color:#fff; font-weight: bold; }
#cont02 ul.item li .tt {}
#cont02 ul.item li .price {}
#cont02 ul.item li ul.color-list { display:flex; justify-content:center; margin-top:1rem; margin-bottom: 3rem; }
#cont02 ul.item li ul.color-list li { width:2rem; height:2rem; border-radius:50%; margin-right:1rem; }
#cont02 ul.item li ul.color-list li:last-child { margin-right:0; }
#cont02 .btn { max-width:50rem; width:100%; margin:2rem 0 3rem; }
#cont02 .btn a { font-size:3rem; }
#cont02 .btn i { right:2rem; }


#cont02 a img { transform:scale(1); transition:ease-in-out .3s; }
#cont02 a:hover img { transform:scale(1.3); }

@media screen and (max-width:768px){
  #cont02 ul.item { display:none; }
}
@media screen and (max-width:414px){
  #cont02 .inner { padding:0; }
  #cont02 .mv-area .title { font-size:4rem; padding:2rem 0; }
  #cont02 .mv-area .text-area { font-size:2rem; }
  #cont02 .mv-area .text-area ul { justify-content:center; margin-top: 2rem; }
  #cont02 .mv-area .text-area ul li { width:4rem; height:4rem; }
  #cont02 .mv-area .text-area { position:initial; }
  #cont02 .mv-area img.shadow { box-shadow:none; }
  #cont02 .mv-tx { padding:0 2rem; text-align:left; font-size:2rem;}
  #cont02 .btn { max-width:70%; }
  #cont02 .btn a { font-size:2.2rem; }
  #cont02 a:hover img { transform:scale(1); }
}

/* slide */
#cont02 .owl-carousel { display:none; }
#cont02 .owl-carousel p { color:#fff; text-align:center; font-size:2rem; font-weight: bold; }
#cont02 .owl-carousel .tt {  }
#cont02 .owl-carousel .price {}
#cont02 .owl-carousel ul.color-list { display:flex; justify-content:center; margin-top:1rem; margin-bottom: 3rem; }
#cont02 .owl-carousel ul.color-list li { width:2rem; height:2rem; border-radius:50%; margin-right:1rem; }
/* slide nav */
#cont02 .owl-nav { display: flex; }
#cont02 .owl-nav button { position:absolute; top:50%; transform:translate(0,-50%); color:#fff; font-weight: normal; font-size:8rem; z-index:10; }
#cont02 .owl-nav .owl-prev { left:10px; }
#cont02 .owl-nav .owl-next { right:10px; }
#cont02 .owl-nav button span { padding:5rem 2rem; }
@media screen and (max-width:768px){
  #cont02 .owl-carousel { display:block; }
  #cont02 .owl-nav button { font-size: 6rem; }
}
@media screen and (max-width:414px){
  #cont02 .owl-nav .owl-prev { left:20px; }
  #cont02 .owl-nav .owl-next { right:20px; }
}



/* cont03 */
#cont03 {  }
#cont03 .org { background:#EA8667; padding-bottom:10rem; }
#cont03 .tt { text-align:center; font-size:3rem; font-weight: bold; color:#fff; border-bottom:solid 1px #fff; margin-bottom: 3rem; }
#cont03 ul { display:flex; max-width:80%; width:100%; margin:0 auto; }
#cont03 ul li { width:calc(25% - 3rem * 1 / 4); margin-right:3rem; text-align:center; }
#cont03 ul li:last-child { margin-right:0; }
#cont03 ul li img { border-radius:50%; }
#cont03 ul li p { text-align:center; }
#cont03 ul li a { display:block; color:#fff; font-weight: bold; }
/* slide */
#cont03 .owl-carousel { display:none; }

@media screen and (max-width:768px){
  #cont03 ul { max-width:90%; }
  #cont03 ul li p { margin-top: 1rem; }
}
@media screen and (max-width:414px){
  #cont03 h3 { padding-top:3rem; }
  #cont03 ul { display:none; }
  #cont03 .org { padding-bottom: 5rem; }
  #cont03 .tt { font-size: 2.4rem; padding-top:3rem; }
  #cont03 .btn { max-width:60%; width:100%; margin-top:3rem; }
  #cont03 .btn a {  }
  #cont03 .owl-carousel { display:block; }
  #cont03 .owl-carousel .item {}
  #cont03 .owl-carousel .item a {  }
  #cont03 .owl-carousel .item a img { border-radius:50%; width:auto; margin:auto; }
  #cont03 .owl-carousel .item a p { color:#fff; font-size: 2rem; text-align:center; margin-top:1rem; font-weight: bold;}
}

/* slide nav */
#cont03 .owl-nav { display: flex; }
#cont03 .owl-nav button { position:absolute; top:50%; transform:translate(0,-50%); color:#fff; font-weight: normal; font-size:8rem; z-index:10; }
#cont03 .owl-nav .owl-prev { left:10px; }
#cont03 .owl-nav .owl-next { right:10px; }
#cont03 .owl-nav button span { padding:5rem 2rem; }
@media screen and (max-width:768px){  
  #cont03 .owl-nav button { font-size: 6rem; }
}
@media screen and (max-width:414px){
  #cont03 .owl-carousel { display:block; }
  #cont03 .owl-nav .owl-prev { left:20px; }
  #cont03 .owl-nav .owl-next { right:20px; }
}

/* shop */
#shop { margin-top: 10rem; margin-bottom: 10rem; }
#shop .btn { box-shadow:none; }
#shop .inner { max-width:128rem; width:100%; margin:auto; padding:0 2rem; }
#shop .bnr { margin:3rem 0; text-align:center; }
#shop ul { display:flex; justify-content:space-between; }
#shop ul:after {display:none;}
#shop ul li { width:48%; text-align:center; }
#shop ul li p { text-align:center; font-weight: bold; margin-top: 2rem; }
#shop ul li .btn { width:60%; margin:2rem auto 0; border:solid 1px #333; }
#shop ul li .btn a { display:block; padding:1rem 2rem; color:#333; font-weight: bold; font-weight: bold; }
#shop .xmas-img { text-align:center; margin-top:5rem;}

@media screen and (max-width:768px){
  #shop ul li { width:45%; }
  #shop ul li p { font-size: 1.5rem; }
}
@media screen and (max-width:414px){
  #shop ul { display:block; }
  #shop ul li {width: 100%;}
  #shop ul li:first-child { margin-bottom: 3rem; }
  #shop ul li p { font-size: 1.6rem; }
  #shop ul li img { width:70%; }
}