@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap');

/* CSS Document */
* {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	list-style: none;
	line-height: 1.5;
}
h1{color:#333;font-size: 1rem;}
img{vertical-align: bottom;}
.flexbox{
	display: flex;
	width: 100%;
    flex-wrap: wrap;
	/*align-items: center;*/
	justify-content: center;
}
.red{font-size: .7rem;color:firebrick;}
.pc{display: inline-block;}
.sp{display: none;}
.fitem{
    flex-basis: 20%;
    border: solid 1px #ccc;
    margin: 0 1%;
    padding: 15px 0;
    border-radius: 5px;
}
.flexitem0{flex-basis: 50%;}
.flexitem{flex-basis: 46%;}
.flexitem1{flex-basis: 65%;}
.flexitem2{flex-basis: 35%; text-align: right;}


#container{
	position:relative;
	margin: 0 auto;
	text-align: center;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 500;
	overflow: hidden;
    
    background-color:#fff;/* #FFF8E3*/

}
.pback{background-color:#fff ;}/*#FBEBE2*/
.item5{background-color:#fdfbfb;}/*#F1EAFF*/
section{/*max-width: 900px;*/
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
    max-width: 1000px;
}

.pc{display: inline-block;}
.sm{display: none;}
.num{color:#867070;}
#top{
	position: relative;
	margin-bottom: 100px;
	}
#top img{vertical-align: bottom;}

.toptxt{margin: 50px 0;color:#333;font-size: 1.2rem;line-height: 2;}
.topimg{
	
}

#main{
    position: relative;
    z-index: 1;
   /* */
    margin: 0 auto;
    text-align: center;
    
}
#cfp{background-color:#fdfbfb /*aliceblue*/;padding: 50px 0;}
#cfk{background-color:#F6F5F5;padding: 50px 0;}/*#F0EBE3*/
#lineup_1,#lineup_2{
    margin-bottom: 40px;
    padding: 0 20%;
    
}
#lineup_1 .flexbox,#lineup_2 .flexbox{
    align-items: center;
    padding:5% 0%;
}
#lineup_1 span,#lineup_2 span{
    padding: 0 10px;
    font-size: 1.2rem;
    font-weight: 700;
}

.ttltxt{font-size: 1rem;color: #333;margin-top: 20px;font-weight: 500;}
.txt{font-size: 1rem;color: #333;width: 90%;margin: 20px 5%;text-align: left;}

a{text-decoration: none;color: #333333;}

.hlight{
    position: relative;
  background: linear-gradient(transparent 40%, #C0E076 40%);
}
.en{
    font-family: "neulis-cursive", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.price_txt_s{
    text-align: left;
    font-weight: 500;
    font-size: .9rem;
}
#item4 .price_txt_s{
    margin: 20px 0;
    text-align: center;
    
}
.g_list2 .price_txt_s{margin: 0;text-align: center;}
.num{
    font-size: 1.3rem;
    display: inline-block;
    background-color:#86A7FC ;
    color:#fff;
    border-radius: 50%;
    line-height: 1;
    padding:7px;
    margin-bottom: -10%;
    position: relative;
    z-index: 1;
}
.item_img_s{margin: 20px 0;}
.mimg_s1{width: 97.5%;margin-right: 2.5%;}
.mimg_s2{width: 97.5%;margin-left: 2.5%;}
.price{margin-bottom: 20px;align-items: center;}
.minnie_3{margin-right: -10%;position: relative;z-index: 1;}

.all{border-top: solid 1px #ccc;padding-top: 5px;}
.ckbtn{
    display: inline-block;
    padding: 3px 15px 1px 15px;
    background-color:#3468C0;
    border-radius: 20px;
    color:#fff;
    font-size: 1.2rem;
    /*border:  solid 1px #867070;*/
}
#cfk .ckbtn{background-color: #BF9270;}

.ckbtn2{margin-top: 10px;font-size: .9rem;}
#cfk h2{color:#BF9270;}
#cfk h2 .en{
    font-size: 1.8rem;
}
.ttl{
    
    font-size: 1.3rem;
    color:#333;
    font-weight: 700;
}
.ttl_1{font-size: 1.3rem;
    color:#3468C0;
    font-weight: 700;
    
}

/*#item5 .ttl_1{color:#874CCC;}
#item5 .ckbtn{background-color:#874CCC; }
#item5 .num{background-color:#D0A2F7;}*/
.ttl2{
    font-size: 1rem;
    color: #A67B5B;
    border-bottom: solid 1px #C7B7A3;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.ttl2_tz{
   margin-bottom: 15px;
}
.view{
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
}

.item5_1_3{
    margin: 20px 20px 20px 0;
    border-radius: 20px;
}
#mama{padding-top: 60px;}
#item5{padding-top: 60px;}
#mama .g_list .price_txt_s{
    margin-top: 20px;
    text-align: center;
}
.price2{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}
#fm{background-color: #F6F5F5;}
#size_gf{background-color: #fff;padding: 50px 0;}
.blog{
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
.blog_img{border-radius: 30px;}
.last_btn{
    display: inline-block;
    padding: 10px 15px;
   background-color: antiquewhite;/* */
    border-radius: 20px;
    margin: 50px 0;
}
.blog_txt{padding:15px;color:#333;}
.mickey_3{transform: rotate(13deg);margin-left: -5%;}

.goodslist{
	flex-wrap: wrap;
	margin-bottom: 25px;}

.g_list{flex-basis: 45%;padding:10px 2.5%;color: #333;}
.g_list_tz{flex-basis:63%;}
.goodslink{font-weight: 400;text-decoration: underline;}
.goodslist2{
    width: 100%;
    margin: 0 auto;
    text-align: center;
   
}
.g_list2{flex-basis: 45%;}
#item4 .goodslist{width: 100%;margin: 0 auto;text-align: center;}
#item4 .g_list{flex-basis: 23%;padding: 10px 1%;}
.item_img_st{margin-bottom: 20px;}

/*-----------------------------site-header--------------------------------------------------------------------------------------------------------*/
.site-header{z-index: 99;display: none;}
.gnav__menu__item {
	display: none;
  background-color:#C0E076;
  padding:0;
  border-radius: 5px;
  text-align: center;
  /*border: solid 1px #333;*/
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  list-style: none;
  
  
}
.gnav__menu a{color:#333333;}


/*----------------------------------------tab-----------------------------------------*/

/*#item1{background-color:#FFF9DE;}


#item2{background-color: #FFEBEB;}


#item4{background-color: #DAF5FF;}*/



.area_box{
    
    text-align: center;
    margin: 0 auto;
    padding: 50px 2%;
  
}

h2{
    color:#3468C0;
    font-size: 1rem;
    margin-bottom: 15px;
    margin-top: 15px;  
}
h2 .en{font-size: 2.2rem;font-weight: 700;}
.htz{font-size: 1.5rem;}
.wavy-line {
    
    margin:0 auto 30px auto;
    text-align: center;
  --s: 2.7px; /* size of the wave */
  --b: 1px; /* thickness of the line */
  --m: 0.4; /* curvature of the wave [0 2] */
  
  background: #86A7FC;
  --R: calc(var(--s)*sqrt(var(--m)*var(--m) + 1) + var(--b)/2);
  height: calc(2*var(--R));
  width: 90%;
  --_g: #0000 calc(99% - var(--b)), #000 calc(101% - var(--b)) 99%, #0000 101%;
  mask:
    radial-gradient(var(--R) at left 50% bottom calc(-1*var(--m)*var(--s)), var(--_g)) 
     calc(50% - 2*var(--s)) calc(50% - var(--s)/2 - var(--b)/2)/calc(4*var(--s)) calc(var(--s) + var(--b)) repeat-x,
    radial-gradient(var(--R) at left 50% top calc(-1*var(--m)*var(--s)),var(--_g)) 
     50% calc(50% + var(--s)/2 + var(--b)/2)/calc(4*var(--s)) calc(var(--s) + var(--b)) repeat-x;
}

@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}




#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;
}






/*--------------------------------------sp----------------------------------------------------------*/



@media(max-width: 756px){
	
	
	.pc{display: none;}
    .sp{display: inline-block;}
	.wrapper{width: 100%;margin: 0;}
    .tab li{padding: 15px 0;}
	.tab li a{
		font-size: 1rem;
		}
    .ttl{font-size: 1.3rem;}
    #cfp{padding: 0px 0;}
    
    .area_box{
    padding: 30px 0 0 0;
}
    .flexitem{flex-basis: 100%;}
    .blog{display: block;}
    .blog .flexitem{margin-bottom: 20px;}
    .site-header{display: inline-block;left:0;}
    .boximg{width: 70%;}
	.gnav__menu__item {
	display: inline-block;
  background-color:#C0E076;
  padding: 0;
  border-radius: 5px;
  text-align: center;
  /*border: solid 1px #333;*/
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  list-style: none;
	
  
}
.gnav__menu a{color:#333;}

.g_list{flex-basis: 85%;margin-bottom: 30px;}
    
    .item1_2_2{width: 100%;}
    #item4 .goodslist{width: 90%;}
    #item4 .g_list{flex-basis: 45%;padding: 0px 2.5%;}
.g_list2{
    flex-basis:45%;
    margin-bottom: 20px;
    padding: 0;}    
     
    .item_img_st{margin-top: -50px;}
    .goodslist2{
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    
    #lineup_1,#lineup_2{
    padding: 0 10%;
    
}
#lineup_1 .flexbox .fitem,#lineup_2 .flexbox .fitem{
 flex-basis: 45%;
    margin-top: 20px;
}
#lineup_1 span,#lineup_2 span{
    padding: 0 10px;
    font-size: 1.2rem;
    font-weight: 700;
}
    .price2{
    width: 86%;
    
}
}

@media(min-width: 440px)and (max-width:769px){
	
}
@media(max-width: 370px){

}
/*-----------------------------------------------------------------*/
.fukidashi-01-01 {
  position: relative;
  width: fit-content;
  padding: 6px 8px;
    margin: 0 auto;
    text-align: center;
    color: #00B2DB;
}
.fukidashi-01-01::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  border: 1px solid #00B2DB;
  border-top: none;
  border-bottom-right-radius: 50px; /* 左下の角丸 */
  border-bottom-left-radius: 50px; /* 右下の角丸 */
  translate: -50%;
}
.fukidashi-01-01::after {
  content: "";
  position: absolute;
  top: calc(100% + 8px); /* フキダシのサイズに応じて調整してください */
  left: 50%;
  width: 15px;
  height: 1px;
  box-sizing: border-box;
  background-color: #00B2DB;
  box-shadow: 0 1px 0 #FCE1D5, 0 -1px 0 #FCE1D5;
  rotate: 50deg;
  translate: -50%;
}

#cfk .fukidashi-01-01{color:#A67B5B;}
#cfk .fukidashi-01-01::before{
    content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  border: 1px solid #A67B5B;
  border-top: none;
  border-bottom-right-radius: 50px; /* 左下の角丸 */
  border-bottom-left-radius: 50px; /* 右下の角丸 */
  translate: -50%;}
#cfk .fukidashi-01-01::after{
    background-color: #A67B5B;
    box-shadow: 0 1px 0 #F0EBE3, 0 -1px 0 #F0EBE3;
}
#cfk .wavy-line{
    background: #A67B5B;
}

/*--------------------------------------fuki2------------------------------------------------*/
.ttltz{
    display: flex;
    align-items: center;
    justify-content: center;
    margin:20px 0 50px 0;
    
}
#fm .ckbtn2{background-color:#D0A2F7;font-size: 1.2rem; }
#fm .num{background-color:#D0A2F7; }
.fukidashi-01-13 {
  position: relative;
  padding: 12px 16px 12px 30px;
    color:#874CCC;
    font-size: 1.3rem;
    font-weight: 700;
}
.fukidashi-01-13::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 100px;
  height: 1px;
  transform: rotate(-14deg);
  box-sizing: border-box;
  background-color: #D0A2F7;
}
.fukidashi-01-13::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 120px;
  height: 1px;
  transform: rotate(14deg);
  box-sizing: border-box;
  background-color: #D0A2F7;
}
.fukidashi-01-13 > .ornament {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fukidashi-01-13 > .ornament::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 160px;
  height: 1px;
  transform: rotate(-12deg);
  box-sizing: border-box;
  background-color: #D0A2F7;
}
.fukidashi-01-13 > .ornament::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 160px;
  height: 1px;
  transform: rotate(12deg);
  box-sizing: border-box;
  background-color: #D0A2F7;
}

.fusen-1 {
    width: 100%;
    margin: 20px auto;
    text-align: center;
    max-width: 700px;
    position: relative;
    padding-bottom: 20px;
    /*display: inline-block;
    background-color: #FFF6A3; 
    width: 270px;
    border-radius: 15px;margin:0 0 50px 0;
    */
    color: #333;
    border-bottom: solid 1px #f0f0f0;
    
    
}
.no_b{border-bottom: none;}

/*.fusen-1::before {
    position: absolute;
    bottom: -1px;
    right: 9px;
    z-index: -1;
    transform: rotate(5deg);
    width: 70%;
    height: 50%;
    background-color: #E0DDC0;
    content: "";
    filter: blur(4px);
}*/
