@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");

*{
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1em;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  color:#000 ;
  text-decoration: none;
}




.en2{
  font-family: "sudz-regular", sans-serif;
font-weight: 400;
font-style: normal;  
}




.limited{font-size: .7rem;color:aliceblue;}

.pc{display: block;}
.sp{display: none;}
.check{
    margin: 30px 0;
    background-color:#FBD32A; 
    display: inline-block;
    padding: 15px;
    border-radius: 30px;
    font-weight: 700;
}

/*---------------------------------------------------------------------*/


#container {
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  overflow: hidden;
}
.bktz{background-color: #479f76;}
.bktz_2{background-color:#a381bd;}
.bktz3{background-color:#4c85cc;}

section {
  position: relative;
  margin: 0 auto;
  text-align: center;
  max-width: 580px;
}
@media (max-width: 749px) {
  section {
    width: 90vw;
      margin: 0 5%;
  }
    .sp{display: block;}
.pc{display: none;}
    
}

.flexbox {
  display: flex;
  align-items: center;
  justify-content: center;
    flex-wrap: wrap;
}


.goodsName {
  
  font-size: 1rem;
  font-weight: 700;
  padding: 0 3px;
}

.price {
  text-decoration: underline;
}
.toptxt{
    text-align: center;
    margin: 0 auto;
    width: 80%;
    max-width: 700px;
    color:#000;
}
.text {
  
  line-height: 1.8;
  font-size: 1rem;
  padding: 30px 6% 70px 6%;
    font-weight: 700;
}


#top_intro{
    margin: 0 auto;
    text-align: center;
    background-color:#198754;
    
}


.iconmum{position: relative;}
.icon {
  position: absolute;
   
}

.coordi {
  padding: 50px 0;
}


.catch{
    position: relative;
    z-index: 9;
    width: 90%;
    margin-left: 5%;
    margin-bottom: -7%;/**/
}
.catch_tz{max-width: 530px;margin:0 auto;text-align: center;margin-bottom: 30px;}
/*.catch_tz{font-size: 1rem;font-weight: 700;line-height: 1.8;}*/
.catch p {
   
  text-align: center;
  line-height: 1.5;
  font-weight: 700;
  font-size: 4rem;
  
}
.fbtz{border: solid 2px #000;}
.fbbg{max-width: 1000px;margin: 0 auto;text-align: center;}
.fbbg2{max-width: 1100px;margin-left: 10%;position:relative;z-index: 1;}
.fbbg3{max-width: 700px;margin: 0 auto;text-align: center;padding-bottom: 50px;}

.view{
    position: relative;
    
}

.slider img{text-align: center;margin: 0 auto;}


.ice{top:22%;left:-1%; width: 15%;}
.mm{bottom:15%;left:-2%;width: 105%;}
.hua{top:25%;width: 26%;/**/left:-18%;}
.hua2{bottom:0%;width:13%;right:-10%;}
.hua3{right:4%;top:55%;width: 9%;}
.hua4{right:-4%;top:59.5%;width: 7%;}
.item6_1{margin-bottom: 2%;}
.item10_2{bottom:-5%;left: -15%;width: 20%;}

.icon4{bottom: -5%;right: -5%;transform: rotate(-10deg);width: 25%;}
.icon5{top:-15%;left:-5%;width: 60%;}

.price_txt {
  text-align: left;
  line-height: 1.8;
  font-weight: 400;
  font-size: 0.8rem;
  padding:5% 10%;
   
 
}
.price_tz{padding-top:0;}
.fitem_s1{order: -1;}
.fitem_s2{order: 0;}


.fitem{flex-basis: 50%;width: 50%;position: relative;}
.fitem_tz{padding:0 5%;flex-basis: 40%;}/**/
.fitem4{flex-basis: 33.3%;width: 33.3%;position: relative;}

.mimg_l{width: 97%;margin: 0% 2.5% 5% 0;}
.mimg_r{width: 97%;margin:0% 0% 5% 2.5%}

.heart{bottom: 40%;left:3%;width: 8%;transform: rotate(-25deg);}


.item7_3{right: 30%;bottom: 10%;width: 6%;}


.star{top:-2%;width: 40%;right: 35%;}
.hua02-3{right: -5%;width: 12%;bottom: 15%;}
.icon3{margin-bottom: 15px;}
.star2{top:5%;width: 20%;right: 0%;}


.more {
  padding-bottom: 50px;
}


@media (max-width: 749px) {
   
.ttl{padding-bottom: 5%;width: 70%;}
.text {
  padding: 50px 0;
}
  .item10_2{bottom:-5%;left: -5%;width: 20%;}  

   
    
.catch p {font-size: 2rem;}   
    .c_ttl{
        font-size: 3rem;
       -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000; 
    }
   .catch-txt{
    font-size: 1rem;
}
	

.goodsName {
  
  font-size: .9rem;
  font-weight: 700;
  padding: 0 3px;
}
   
   .icon5{top:87%;left:5%;width: 60%;z-index: 1;}
 
  .fbbg,.fbbg3{width: 90vw;margin: 0 5%;}
    .fbbg2{width: 100vw;margin-left: 0%;}
    .fbbg .flexbox{display: block;}
    .fbbg .flexbox .fitem{width: 90vw;}
    
    .fitem_s{margin-top: 5%;}
    .item6_1{margin-bottom:0.5%;width: 80%;}
    .item6_2{width: 80%;}
    .star{top:-10%;width: 100%;right: 0%;transform: rotate(15deg);}
    
    .fitem_s1{order: 0;flex-basis: 90%;width: 90%;margin-top: -30%;margin-right: -20%;}
.fitem_s2{order: -1;flex-basis: 60%;width: 60%;margin-left:-20%;margin-right: 35%; z-index: 1;}
    .fitem4{flex-basis: 45%;width: 45%;}
    .fitem_s3{flex-basis: 35%;width: 35%;margin-right: 80%;margin-top: -20%;}
}
/*@media (max-width: 390px) {
    
}
@media (max-width: 360px) {
 
}
@media (min-width: 1100px) {
  
}*/


.gnav__menu__item {
  background-color: #FBD32A;
  padding: 5px 10px;
  border-radius: 5px;
}

/* --------------------------------------footer---------------------------------------- */
#topics{position: relative;z-index: 98;background-color:#D9D9D9;}




#gFooter .flexbox{
    max-width: 500px;
    margin: 0 auto;
    text-align: center;}
#gFooter .fitem3{
    background-color: #333;
    color:#fff;
    padding: 10px;
    margin:0 10px 20px 10px;
    border-radius: 10px;
    font-weight: 600; 
}

@media (max-width: 749px) {
    #gFooter .fitem3{flex-basis: 45%;}   
    .t_txt{
    font-size: .8rem;  
}
.t_txt span{
    font-size: .9rem;
 
}
}
#gFooter .fLinkList li a {
  padding: 29px;
  display: block;
  color: #666;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  background-color: #e2e2e2;
}

#gFooter .fLinkList li a:hover {
  opacity: 0.7;
}

#gFooter address {
  padding: 35px 5px 56px;
  color: #666;
  font-size: .9rem;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #D9D9D9;
}

#gFooter {
  bottom: 0;
}