@charset "UTF-8";
/* CSS Document */


#wrapper{
	position: relative;
}

#logo1{
	z-index: 2;
	margin-top: 7px;
    margin-left: 15px;
    position: fixed; /*絶対位置,固定*/
	top: 0;
}

#menu-bar{
	z-index: 2;
	margin:15px 5px 0 330px;
	position: fixed;
	top: 0;
	cursor:pointer; /*カーソルをポインタに*/
}

#box1{
	z-index: 1;
	width: 2000px;
	height: 51px;
	background-color: #EFE9E5;
	position:fixed;
	top: 0;
	left: -100px;
}

body{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	margin: 0;
	padding: 0;
}

#donuts{
	z-index: -2;
	position:fixed;
	top: 218px;
	left: 0;
}

#sen1{
	z-index: -2;
	position:fixed;
	top: 152px;
	left: 38px;
}

h1{
	z-index: -2;
	position:fixed;
	font-size: 0.9em;
	color:#AB5F2D;
	width: auto; /*要素の幅,%またはpx*/
	height: auto; /*要素の高さ,px*/
	margin: 152px 60px 40px 70px; /*余白px,上右下左の順*/
	letter-spacing: .2em; /*字間*/
	text-align: center; /*センター揃え*/
}

#box2{
	width: 375px;
	height: 807px;
	background-color:#F4F4F4;
	position: relative;
	top: 412px;
	left: 0px;
}

#slide{
	font-size: 0.8em;
	color:#707070;
	width: auto;
	height: auto;
	margin: 0px 40px 100px 40px;
	letter-spacing: .1em;
	line-height: 2.2em; /*行間*/
}

p1{
	position: absolute;
	top: 500px;
	left: 35px;
	text-align: end;
}
p2{
	position: absolute;
	top: 728px;
	right: 30px;
	text-align: end;
}
p3{
	position: absolute;
	top: 1100px;
	text-align: end;
}

#normal{
	position: absolute;
	top: 412px;
	right: 0px;
}

#chocolate{
	position: absolute;
	top: 570px;
	right: 0px;
}

#do1{
	position: absolute;
	top: 565px;
	left: 105px;
}

#do2{
	position: absolute;
	top: 655px;
	left: 60px;
}

#chocopen{
	position: absolute;
	top: 775px;
	left: 0;
}

#pink{
	position: absolute;
	top: 805px;
	left: 220px;
}

#yellow{
	position: absolute;
	top: 877px;
	left: 282px;
}

#do3{
	position: absolute;
	top: 885px;
	left: 165px;
}

#decoration{
	position: absolute;
	top: 968px;
	right: 0;
}

#box3{
	z-index: -2;
	width: 375px;
	height: 1040px;
	background-color:#FFFFFF;
	position: absolute;
	top: 1217px;
	left: 0px;
}

#decoview{
	font-size: 0.8em;
	color:#AB5F2D;
}

p4{
	position: absolute;
	top:1274px;
	left: 75px;
	letter-spacing: .2em;
	line-height: 2em; 
	text-align:center;
}

#sen2{
	position: absolute;
	top: 1304px;
	left: 42px;
}

p5{
	position: absolute;
	top: 1550px;
	left: 100px;
	letter-spacing: .2em;
}

#do{
	position: absolute;
	top: 1345px;
	left: 104px;
}

#moreview{
	position: absolute;
	top: 1588px;
	left: 92px;
	cursor:pointer;
}

#background{
	z-index: -1;
	position: absolute;
	top: 1668px;
}

p6{
	position: absolute;
	top: 1736px;
	left: 100px;
	letter-spacing: .2em;
	line-height: 2em; 
	text-align:center;
}

#do-{
	position: absolute;
	top: 1765px;
	left: 25.5px;
}

#check{
	position: absolute;
	top: 1944px;
	left: 133px;
}

#facebook{
	position: absolute;
	top: 1982px;
	left: 136px;
	cursor:pointer;
}

#Instagram{
	position: absolute;
	top: 1982px;
	right: 136px;
	cursor:pointer;
}

#officialsite{
	position: absolute;
	top: 2075px;
	left: 79px;
	cursor:pointer;
}

#box4{
	width: 375px;
	height: 97px;
	background-color:#F4F4F4;
	position: absolute;
	top: 2167px;
}

#logo2{
	position: absolute;
	top: 2189px;
	left: 120px;
}

#c{
	position: absolute;
	top: 2226px;
	left: 114px;
}