@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Nerko+One&display=swap');
*{
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1em;
}

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

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

.pc{display: block;}
.sp{display: none;}

.nerko-one-regular {
  font-family: "Nerko One", cursive;
  font-weight: 400;
  font-style: normal;
}


.limited{font-size: .7rem;color:#fff;}
.more_bt{
    border:solid 1px #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    margin-bottom: 30px;
}
.pc{display: block;}
.sp{display: none;}
.check{
    margin: 30px 0;
    background-color:#D06D96; 
    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;
background-color:#4A68A2;
   
}
/*.bktz{ antiquewhite;}
.bktz_2{background-color:#E5D9F2;}*/
section {
  position: relative;
  margin: 0 auto;
  text-align: center;
  max-width: 1200px;
}
@media (max-width: 749px) {
  section {
    width: 100vw;
  }
    
    #top_intro .flexbox{
        display: block;
    }
   
}

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


.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:#fff;
}
.text {
  
  line-height: 1.8;
  font-weight: 400;
  font-size: 1rem;
  padding: 100px 6%;
}


#top_intro{
    margin: 0 auto;
    text-align: center;
    /*background-color:antiquewhite;*/
    
}
#top_intro .flexbox{
    background-color: #f3cb44;
}
.topimg{border-radius: 50%;}
.topicon{
    width: 100px;
    right: 7%;
    bottom:-1%;
    z-index: 2;
    
}
.topicon2{
    top:16%;
    left:5%;
    width: 80px;
}

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

.coordi {
  padding: 50px 0;
}


.catch{
    position: relative;
    z-index: 9;
    width: 90%;
    margin-left: 5%;
    margin-bottom: 5%;
}

.catch p {
   
  text-align: center;
  line-height: 1.5;
  font-weight: 700;
  font-size: 2rem;
  color:#CC3234;  
}

/*.bktz_2 .catch p {
    color:#5D9C59;
}
.c_ttl{
    font-size: 3.5rem;
    -webkit-text-stroke: 1.5px #000;
    text-stroke: 1.5px #000;
    text-shadow: 0.02em 0.02em 0.02em rgba(0,0,0,1);
}

.ic_f{top:65%;left:13%;}
.ic_f p{
    font-size: 2.5rem;
    color:#fff;
    transform: rotate(-15deg);
}*/

.view{
    position: relative;
    
}


.slider-0{margin-top: -5%;/**/}
.slider-1{margin-top: -8%;/**/}
.slider img{text-align: center;margin: 0 auto;}

.slider .sitem{
    position: relative;
    
}
.img1{border:solid 15px #D06D96;}
.cloud{top:-2%;left: 25%;width: 250px;}

.img2{padding: 5px;}
.star1{top:-5%;right:35%;width: 18%;}
.line1{bottom: 5%;left: 5%;width: 15%;}
.smlie1{bottom:-5%; right: 10%;width: 10%;}

.img3{
    width: 70%; 
    max-width:530px;
    border: solid 15px #fff;
    margin-top: 5%;

}


#item2 .view{
    width: 80%;
    margin: 0 auto;
    text-align: center;      
}

.back_tz{background-image:  linear-gradient(#6E86B5 0.6px, transparent 0.6px), linear-gradient(to right, #6E86B5 0.6px, transparent 0.6px);
background-size: 12px 12px;}
.item2_2{width: 40%;top:-5%;left: -7%;}
.item2_3{width: 30%;bottom: -5%; right: -2%;transform:rotate(5deg);}
.heart{top: 25%;right:23%;width: 5%;}
.heart2{top: 15%;right:20%;width: 3%;transform: rotate(-15deg);}
.smlie2{bottom: 30%;left:13%;width: 10%;transform:rotate(-25deg);}
.line2{bottom: 2%;right:24%;width: 10%;}
.stxt{top:35%;width:15%;left:4%;transform: rotate(-5deg);}

.view2{width: 75%; margin: 10% auto 5% auto;text-align: center;}/**/
.item2_4{width: 23%;top:-30%;right: 35%;}

.view3{width: 75%;margin: 10% auto 13% auto;text-align: center;transform: rotate(-5deg);}
.view3 .fitem1{flex-basis: 31%; width: 31%;margin: 0 1.1%;}

.price_txt {
  text-align: left;
  line-height: 1.8;
  font-weight: 400;
  font-size: 0.8rem;
  padding:5% 10%;
position: relative;
    z-index: 9;
 
}
.price_tz{padding-top:0;}
.price_tz3{margin-top: -10%;padding-top: 0;}
.img4{
    border: solid 12px #CF434D;
}
.img5{margin-left: -5%;}

.cloud2{
    right:25%;
    top:-2%;
    width: 13%;
}
.cloud3{
    top:0%;
    right: 20%;
    width: 25%;
    transform: rotate(15deg);
}
.yuan{border-radius: 50%;margin: 0 1.5%;}
.clip{width: 12%;left:10%;bottom: 10%;}

.pin{right:23%;top:-3%;width: 7%;}
.pin2{left:3%;top:-7%;width: 3%;}
.item3_5{margin-right: 30%;transform: rotate(7deg);}
.img_d{
    position: relative;
}
.item3_5_{
    width: 80%;
    right: 20%;
        top:0;
    border:solid 9px #CF434D;
    
}
.img6{
    border-radius: 3%;
    width: 60%;
    box-shadow: 10px 10px 0 0 #22A738;
}
.slider_tz{margin-bottom: 10%;}
.star3{bottom:0;right: -5%;width: 15%;}
.cloud4{top:6%;right: 10%;width: 25%;z-index: 0;}
.item4_6{z-index: 1;position: relative;width: 30%;}

.item3_2{bottom: -5%;right:10%;width: 25%;}

/*.catch-txt{
    font-size: 1.2rem;
    font-weight: 500;
    text-align: left;
    display: inline-block;
    line-height: 1.8; 
    position: relative;
    z-index: 9;
    transform: rotate(-5deg);
   color:#CC3234;
   
}
.catch-txt span{
    background-color: #fff;
    border:solid 1px #CC3234;
    padding: 0 3px;
}*/


.item1_4{
   right:47%;
    bottom:-1%;
    width: 18%;
}

.fitem{flex-basis: 50%;width: 50%;position: relative;}
.fitem_tz{padding-top: 5%;}/**/

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

.sitem_tz{padding-bottom: 3%;}

.item5_3{left: 5%;top: 13%;width: 18%;}


.star{top:-3%;width: 10%;left: 10%;}
.star2{top:38%; width: 5%;right: 5%;transform: rotate(10deg);}


.item3_5_2{
    right: 30%;
    width: 22%;
    top:17%;
    transform: rotate(-20deg);
}
.item2_6{right:0%;top: 10%;width: 25%;transform: rotate(3deg);}

.fitem2{flex-basis: 60%;}
.fitem3{flex-basis: 40%;}

.price_pc{max-width: 530px;margin-left: 20%;}
.item4_5{margin-right: -10%;}/**/
.more {
  padding-bottom: 50px;
}
.mimg_s{border:solid 10px #fff; }
.m_tz{margin-top: 20%;}

@media (max-width: 749px) {
    .pc{display: none;}
.sp{display: block;}
   
.ttl{padding-bottom: 5%;width: 70%;}
    .text {
  padding: 50px 0;
}
    

    .fitem_tz{
        padding-top: 15%;
        flex-basis: 100%;
        width: 100%;}
    .fitem_tz1{
        padding-top: 5%;
        flex-basis: 100%;
        width: 100%;}
    
.img3{
    border: solid 9px #fff;
}
.img4{
    border: solid 9px #CF434D;
}
 /*  
.catch p {font-size: 1.5rem;}   
    .c_ttl{
        font-size: 3rem;
       -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000; 
    }
   .catch-txt{
    font-size: 1rem;
}*/
.img1{border:solid 9px #D06D96;}	
.cloud{top:-2%;left: 25%;width: 200px;}

 #top_intro{}
    
#item2 .view{width: 92%;}
.img2{padding: 5px;width: 43%;}
 .price_pc{max-width:100%;margin-left: 0%;}  
    .img6{width: 85%;}  
 .cloud3{
    top:-2%;
    right: 15%;
    width: 33%;
    transform: rotate(15deg);
}   
    .clip{width: 12%;left:0%;bottom: 13%;}
    .view3{width: 110%;}
    .star{top:3%;width: 18%;left: 10%;}
    .item4_6{z-index: 1;
        position: relative;
        width: 40%;
        margin-top: -30%;
        margin-left: 50%;}
    .item4_8{width: 80%;margin-top: 5%;margin-right: 25%;margin-left: -5%;}
    .heart2{top: 40%;right:25%;width: 6%;transform: rotate(-15deg);}
    .cloud4{top:40%;right: 7%;width: 30%;z-index: 0;}
    .price_tz2{margin-top: -20%;}
    .price_tz3{margin-top: 0%;padding-top: 5%;}
    .fitem_tz0{flex-basis: 90%;width: 90%;}
    
}
/*@media (max-width: 390px) {
    
}
@media (max-width: 360px) {
 
}
@media (min-width: 1100px) {
  
}*/


.gnav__menu__item {
  background-color:#D06D96;
  border-radius: 5px;
}

/* --------------------------------------footer---------------------------------------- */
#topics{position: relative;z-index: 5;background-color: #e2e2e2;}
#topics a{color:#333;}
.topics{
    margin: 0 auto;
    text-align: center;
    max-width: 700px;
    padding: 50px 15px;
}
.topics .flexbox{padding-top: 50px;}
.fitem0{flex-basis: 49%;margin-right: 1%;margin-bottom: 5%;}
.fitem0_1{flex-basis: 49%;margin-left: 1%;margin-bottom: 5%;}


.gotobtn{
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
    padding: 1% 0;
}

#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;
}