@charset "UTF-8";

.iti{
	margin: 0px;
	width: 414px;
	height: 736px;
	background-color:#F7DFB1 ;
	
}







.logo{
	margin: 0px;
	
	font-size: 25px;
	writing-mode: vertical-rl;
    padding-left: 340px;
	padding-top: 18px;
	position: relative;
	right:250px;
	top:5px;
	z-index: 4;
	font-family: 'Zen Maru Gothic', sans-serif;
	letter-spacing: 0.2em;
	color:#846D55;
	
	
}
  




.logologo{
	
	margin: 0px;
	font-size: 25px;
	writing-mode: vertical-rl;
	padding-left: 300px;
	padding-top: 0px;
	position: relative;
	right:250px;
	bottom:10px;
	z-index: 4;
	font-family: 'Zen Maru Gothic', sans-serif;
	letter-spacing: 0.06em;
	color:#846D55;
}



.ni{
	padding-left: 0px;
    position: relative;
	top:40px;
    right: 300px;
	height: 1031px;
	height: 556px;
	z-index: 2;


}
	
	
.san{
	width: 414px;
	height: 600px;
	background-color: #F9F3D4;
	padding-top: 76px;
	position: relative;
    bottom: 405px;
	z-index: 1;
	
    





}	
	
	
	
	
.yonn{
	width: 168px;
	height: 221px;
	background-color: white;
    position: relative;
    left: 247px;
	bottom:30px;
	
	opacity:0.7;
	z-index: 3;
	
	
	
	
}



	  
	
	
.pink{
	
	position: relative;
    left: 130px;
	bottom:210px;
	z-index: 5;
	width: 80px;
	height: 82px;
	transform: rotate(25deg);
	
	
	
}	


.white{
	position: relative;
    right:65px;
	bottom:160px;
	z-index: 5;
	width: 70px;
	height: 70px;
	transform: rotate(-15deg);
	
	
}



.green{
	position: relative;
    right:63px;
	bottom:100px;
	z-index: 5;
	width: 50px;
	height: 50px;
	transform: rotate(15deg);
	
	
	
}


.yellow{
	position: relative;
    right:215px;
	top:10px;
	z-index: 5;
	width: 85px;
	height: 85px;
	transform: rotate(-25deg);
	
	
	
}



.green2{
	position: relative;
    right:7px;
	top:0px;
	z-index: 5;
	width: 70px;
	height: 70px;
	transform: rotate(-15deg);
	
	
	
	
}


.white2{
	position: relative;
    left: 20px;
	top:50px;
	z-index: 5;
	width: 47px;
	height: 47px;
	transform: rotate(25deg);
	
	
	
}




.white3{
	
	position: relative;
    left:295px;
	top:30px;
	z-index: 5;
	width: 50px;
	height: 50px;
	transform: rotate(15deg);
	
	
}



.yellow2{
	position: relative;
    left: 230px;
	top:110px;
	z-index: 5;
	width: 47px;
	height: 47px;
	transform: rotate(-15deg);
	
	
	
	
}




.ham {
	position: relative;
	width: 60px;
	height: 30px;
	cursor: pointer;
	background-color:#F7DFB1  ;
}
.ham_line {
	position: absolute;
	left: 30px;
	
	width: 35px;
	height: 2px;
	background-color:#846D55 ;
	margin-top: 10px;
	
	
	
	
}
.ham_line1 {
	top: 10px;
}
.ham_line2 {
	top: 18px;
}
.ham_line3 {
	top: 26px;
}



.kopi{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 150px;
	bottom:1460px;
	z-index: 3;
	
	
	
	
}

	
	
.kopi2{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 138px;
	bottom:1475px;
	z-index: 3;
	
	
	
	
	
	
}	
	
	
	

.pink2{
	width: 90px;
	height: 90px;
	position: relative;
    left:50px;
	bottom:1480px;
	z-index: 2;
	transform: rotate(15deg);
	
	
	
}




.white4{
	width: 60px;
	height: 60px;
	position: relative;
    right: 95px;
	bottom:1460px;
	z-index: 2;
	transform: rotate(-15deg);
	
	
	
}




.hai{
	position: relative;
    right:0px;
	z-index: 1;
	
}



.bun{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 130px;
	bottom:1420px;
	z-index: 3;
	
}

.bun2{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 115px;
	bottom:1430px;
	z-index: 3;
	
	
}




.bun3{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 124px;
	bottom:1430px;
	z-index: 3;
	
	
	
	
}



.bun4{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 147px;
	bottom:1444px;
	z-index: 3;
	
	
	
	
}




.bun5{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 160px;
	bottom:1484px;
	z-index: 3;
	
	
	
	
	
}




.bun6{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 154px;
	bottom:1495px;
	z-index: 3;
	
	
	
}



.bun7{
	font-family: 'Dancing Script', cursive;
	font-size: 35px;
	color: #846D55;
	position: relative;
    left: 153px;
	bottom: 1560px;
	z-index: 3;
	font-weight: lighter;
	
}







.wasa{
	width: 75px;
	transform: rotate(-22deg);
	
	position: relative;
    left: 170px;
	bottom: 1470px;
	z-index: 4;
	
	
}




.kopi3{
	font-family: 'Sawarabi Mincho', sans-serif;
	color: #846D55;
	position: relative;
    left: 126px;
	bottom:1440px;
	z-index: 3;
	font-size: 21px;
	
	
	
	
}



.bun8{
	
	font-family: 'Sawarabi Mincho', sans-serif;
	color: #846D55;
	position: relative;
    left: 80px;
	bottom:1420px;
	z-index: 3;
	font-size: 15px;
	
	
	
}





.bun9{
	
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 80px;
	bottom:1425px;
	z-index: 3;
	font-size: 13px;
	font-weight: 10;
	
	
	
	
	
	
	
}


	



.bun10{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 80px;
	bottom:1435px;
	z-index: 3;
	font-size: 13px;
	font-weight: 10;
	
	
	
	
	
}



.bun11{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 80px;
	bottom:1444px;
	z-index: 3;
	font-size: 13px;
	font-weight: 10;
	
	
	
	
	
}





.bun12{
	
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 80px;
	bottom:1454px;
	z-index: 3;
	font-size: 13px;
	font-weight: 10;
	
	
	
	
}




.wasa3{
	width: 160px;
	position: relative;
    left: 190px;
	bottom:1885px;
	z-index: 5;
	margin: 0px;
	
	
}



.wasa2{
	width: 270px;
	position: relative;
    right: 170px;
	bottom:1450px;
	z-index: 6;
	transform: rotate(18deg);
	margin: 0px;
	
	
	
	
}





.bun13{
	font-family: 'Sawarabi Mincho', sans-serif;
	color: #846D55;
	position: relative;
    left: 215px;
	bottom:1780px;
	z-index: 7;
	font-size: 15px;
	
	
	
}


.bun14{
	
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 245px;
	bottom:1780px;
	z-index: 7;
	font-size: 13px;
	font-weight: 10;
	
	
	
}



.bun15{
	
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 220px;
	bottom:1787px;
	z-index: 7;
	font-size: 13px;
	font-weight: 10;
	
	
	
	
	
	
}


.bun16{
	
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 222px;
	bottom:1792px;
	z-index: 7;
	font-size: 13px;
	font-weight: 10;
	
	
	
	
	
	
	
}





.bun17{
	
	
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 235px;
	bottom:1797px;
	z-index: 7;
	font-size: 13px;
	font-weight: 10;
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}








.hai2{
	
	
	position: relative;
    
	bottom:1650px;
	
	
	
	
	
	
	
	
	
	
}



.koe{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 113px;
	bottom:2305px;
	z-index: 7;
	font-size: 11px;
	font-weight: 10;
	
	
	}



.koe2{
	
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 107px;
	bottom:2330px;
	z-index: 7;
	font-size: 11px;
	font-weight: 10;
	
	
}



.koe4{
	
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 107px;
	bottom:1995px;
	z-index: 7;
	font-size: 11px;
	font-weight: 10;
	
	
	
	
	
	
}




.koe5{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #846D55;
	position: relative;
    left: 245px;
	bottom:2250px;
	z-index: 7;
	font-size: 11px;
	font-weight: 10;
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}