@charset "euc-jp";
/* CSS Document */


#contents{
    max-width:720px !important;
    padding:0;
}

#buybutton{
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #dbb2b2;
    text-decoration: none;
    margin: 10px 0;
    position: fixed;
    bottom: 10px; 
    right: 10px;
    z-index: 9999;
}

#buybutton span{
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width :100px;
    text-align:center;
}

#buybutton span a{
    color: #FFF;
}



#konzatsu{
	margin: 6% 1%;
}

#konzatsu span{
	color: #d5a3a3;
	margin: 0 1%;
	font-size: clamp(0.938rem, 0.688rem + 1.25vw, 1.25rem); /* min15px max20px vp:min320px max720px */
	letter-spacing: 0.05rem;
}

#konzatsu p{
	margin: 1% 0;
	padding: 1% 3%;
	line-height:1.5em;
	width:98%;
	color: #FFFFFF;
	font-size: clamp(0.938rem, 0.688rem + 1.25vw, 1.25rem); /* min15px max20px vp:min320px max720px */
	letter-spacing: 0.05rem;
	background-color: #dbb2b2;
	border-radius: 9999px;

}




.txt1{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: clamp(0.875rem, -0.025rem + 4.5vw, 2rem); /* min14px max32px vp:min320px max720px */
	letter-spacing: 0.2rem;
	color: #b5aa98;
	line-height: clamp(1rem, -1.4rem + 12vw, 4rem);/* min1rem max4rem vp:min320px max720px */
}

.ttl1{
	font-size: clamp(1.875rem, -0.125rem + 10vw, 4.375rem); /* min30px max70px vp:min320px max720px */
	letter-spacing: 0.2rem;
	color: #b5aa98;
	line-height: 2em;
}

.concept{
	margin: 13% 0 13% 6%;

}

#about{
	margin: 13% 0;

}

#about p{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 0 3% 0;
	font-size: clamp(0.938rem, 0.688rem + 1.25vw, 1.25rem); /* min15px max20px vp:min320px max720px */
	letter-spacing: 0.2rem;
	color: #b5aa98;
	text-align: center;
	line-height: 1.7em;

}

#about p#brand{
	font-size: clamp(1.125rem, 0.825rem + 1.5vw, 1.5rem); /* min18px max24px vp:min320px max720px */

}


.desit{
	width: 95% ;
	margin: 0 auto 10% auto;
}

.desit p{
	text-align: right;
	margin: 3% 2% 0 0;
}



#design{
	margin:20% 0 0 0;

}


.des2{
	margin: 20% auto;
	text-align: center;
	width: clamp(6.25rem, -1.25rem + 37.5vw, 15.625rem);
	height: clamp(6.25rem, -1.25rem + 37.5vw, 15.625rem);
	/*background-color: #f1f0ec;*/
	/*border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;*/
}



.des2 .txt1{
	width: calc(100% + 100px);
	margin: 0 -50px;
	padding: 20% 0;

}



.box1 .ttl1 {
    margin: -55% 0 0 5%;
}



.box1 .txt1 {
    margin: 0 0 20% 5%;
}


.box2{
	text-align: center;
}


.box2 img{
	 width:40% !important;

}


.box2 .txt1 {
    margin: -35% 0 15% 0;
}




.txt2{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: clamp(0.5rem, -0.3rem + 4vw, 1.5rem); /* min8px max24px vp:min320px max720px */
	letter-spacing: 0.2rem;
	color: #b5aa98;
	line-height: 1.8em;
	padding: 0.5em 0;

}

.txt3{
    font-size: clamp(1.625rem, 0.425rem + 6vw, 3.125rem);
	letter-spacing: 0.2rem;
    color: #b5aa98;
    padding: 0em 0.5em;
    text-align: center;
    border-bottom: 1px solid #b5aa98;
    margin: 10% auto;
    width: 40%;

}


.txt4{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 600;
	font-style: normal;
    font-size: clamp(0.5rem, -0.1rem + 3vw, 1.25rem); /* min8px max20px vp:min320px max720px */
	letter-spacing: 0.2rem;
    color: #b5aa98;
    text-decoration: underline;

}



.box3{
	margin:10% 0;
}

.box3 .txt2{
	margin: 0 0.5em;
}

.box4{
	margin:10% 0;
	text-align: right;
}

.box4 .txt2{
	margin-right: 0.5em;
}

img#point1,img#point2{
	width: 80%;
}


.box5{
	text-align: left;
	 margin: 20% 0 0 0;
}


.box5 img{
	 width:40% !important;

}


.box5 .txt1 {
    margin: -20% 0 8% 7%;
}



.box6{
	text-align: right;
	 margin: 8% 0 0 0;
}


.box6 img{
	 width:40% !important;

}


.box6 .txt1 {
    margin: -25% 5% 5% 0;
}



#lineup{
  margin: 20% 0 0 0;
  }


#lineup p.ttl1 {
  margin-left: 2%;
  }


.item{
width: 90% !important;
margin:0 auto;
text-align: center;

}


.itembuy p{
	background-color: #d9bdbd;
	width: 45%;
	padding: 4% 3% 4% 3%;
	margin: 3% 0 0 55%;
	font-size: clamp(1.125rem, 0.925rem + 1vw, 1.375rem); /* min18px max22px vp:min320px max720px */
	letter-spacing: 0.2rem;
	color: #ffffff;
}



.ex{
width: 53%;
margin: -15% 0 13% 0;
text-align: left;
}

.ex .txt2{
margin-left: 0.2em;
}