@charset "UTF-8";
body{
	height: 100vh;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;

}


h1 {
    color: #D2181B;
    font-family: "Comic Sans MS", cursive;
    font-size: 1.8em;
	z-index: 2000px;
   
}
h2{
    color: #D2181B;
    font-family:"Lucida Console", Monaco, "monospace";
    font-size: 0.9em;
}
h3{
	position: absolute;
    text-decoration: underline;	
	margin-left: 30px;
	font-family:"Lucida Console", Monaco, "monospace";
	
}
h4{
    color: #CF1717;
    font-family: "Lucida Console", Monaco, "monospace";
    font-size: 1.3em;	
}
h5{
	color: #CF1717;
	font-family:"Lucida Console", Monaco, "monospace";
	font-size:0.9em;
}
#head{
	z-index: 1200;
	position: fixed;
	background-color: crimson;
	height: 75px;
	
	top:0;
	left:0;
	right: 0;
	
}
#top{
	
	position: absolute;
	background-size: cover;
	width:100%;
	height: 736px;
	background-repeat: no-repeat;
	background-image: url("images/back.png") ;

}
.zebra{
      padding-top: 0px;
    color: #FFFFFF;
    font-size: 0.5em;
	position:absolute;
	top:19px;
	left:18px;
	font-family:"Lucida Console", Monaco, "monospace";
}
.clickart{
    color: #FFFFFF;
    font-size: 1.3em;
	position:absolute;
    left: 18px;
	top: 20px;
	font-family:"Lucida Console", Monaco, "monospace";
}
#sns{
	position:absolute;
    margin-left: 335px;	
	top:34px;
}
.copy{
    z-index: 1000;
    position: absolute;
    font-size: 0.5em;
    top: 390px;
    left: 109px;
    color: #6B6B6B;	
}


.box1{
	position: relative;
}
.redpen{
	position: absolute;
	margin-left:80px;
	margin-top: 85px;
	width: 280px;
}
.rogo{
	z-index: 1000;
	position:absolute;
	top:280px;
	left:32px;
}
.copy{
    z-index: 1000;
    position: absolute;
    font-size: 0.5em;
    top: 350px;
    left: 129px;
    color: #6B6B6B;	
}
.topclickart{
	z-index: 1000;
    position: absolute;
    font-size: 1em;
    top: 420px;
    left: 160px;
    color: #6B6B6B;
	font-family:"Lucida Console", Monaco, "monospace";
}
.scroll{
	font-family:"Lucida Console", Monaco, "monospace";
	font-size: 0.7em;
	position:absolute;
	top:630px;
	left:168px;
    color: #DA1515;
    text-transform: capitalize;
    word-spacing: 109px;
	transform: rotate(90deg)
}
#box2{
	position:relative;
}
.icon1{
	margin-top: 890px;
	margin-left: -5px;
	vertical-align: -5px;
	font-family:"Lucida Console", Monaco, "monospace";
}
.icon2{
    margin-top: 1270px;
	vertical-align: -5px;
	font-family:"Lucida Console", Monaco, "monospace";

}
.feature{
	position: absolute;
	top:789px;
	left: 130px;
	z-index: 100;
}
.shouhintokutyou{
	z-index: 80;
	position: absolute;
	top:840px;
	left:170px;
}
.raku{
	position: absolute;
	word-break:break-all;
	padding-left: 30px;
	top:955px;
	font-size:12px;
}
.moist{
	position: absolute;
	word-break:break-all;
	padding-left: 30px;
	font-size:12px;
	top:1330px;
}
.w-hand{
	position:absolute;
	top:1067px;
	left:-20px;
}
.knockhand{
	position:absolute;
	left:223px;
	top:820px;
	width: 200px;
}
.pensaki{
	position: absolute;
	top:1190px;
	left:240px;
}
#colovari{
	
	position: relative;
}
.colorvariation{
	
	
}

.colo{
	
}
.ts{
	position: absolute;
	background-size: cover;
	width:414px;
	height: 1497px;
	top:1540px;
	
}

.colors{
	position:absolute;
	top:1420px;
	left:135px;
}
.all{
	position: absolute;
	top:1475px;
	left:176px;
}
.deco{
	position: absolute;
	top:1660px;
	left:225px;
}

.full{
	position: absolute;
	top:1530px;
	
	
}
.title3{
	position: relative;
}
.lineup{
	position: absolute;
	top:3080px;
	left:140px;
}
.lineup2{
	position: absolute;
	top:3140px;
	left:160px;
}
.d-flex{
	position: absolute;
	top:3230px;
	left:60px;
	display: flex;
	
}
.d-flex2{
	display: flex;
	position: absolute;
	top:3340px;
	left:18px;
	
}
.d-flex3{
	display: flex;
	position: absolute;
	top:3580px;
	left:18px;
	
}

.d-flex4{
	display: flex;
	position: absolute;
	top:3840px;
	left:18px;
}
.d-flex5{
	
	position: absolute;
	top:200px;
	left:18px;
	
}
.allset{
	position: absolute;
	top:4160px;
	left:6px;
}
.allset2{
	width: 200px;
	line-height: 0.4;
	font-size: 12px;
	position: absolute;
	top:4150px;
	left:23px;
	font-family: "Lucida Console", Monaco, "monospace";
}
.single{
	margin-top: 20px;
	line-height: 0.4;
	font-size: 12px;
	margin-left: 52px;
	font-family: "Lucida Console", Monaco, "monospace";
}
.stset{
	line-height: 0.4;
	font-size: 12px;
	margin-top: 140px;
	margin-left: 30px;
	font-family: "Lucida Console", Monaco, "monospace";
}
.ltset{
	line-height: 0.4;
	font-size: 12px;
	margin-top: 140px;
	margin-left: 25px;
	font-family: "Lucida Console", Monaco, "monospace";
}
.dkset{
	line-height: 0.4;
	font-size: 12px;
	margin-top: 140px;
	margin-left: 30px;
	font-family: "Lucida Console", Monaco, "monospace";
}
.link{
	position: relative;
}
.amazon{
	position: absolute;
	top:4450px;
	left:80px;
	color:khaki;
	background-color:lightpink;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	font-family:"Lucida Console", Monaco, "monospace";
}
.zebraservice{
	position: absolute;
	top:4550px;
	left:60px;
	color:khaki;
	background-color:lightpink;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	font-family:"Lucida Console", Monaco, "monospace";
}
.zebrasite{
	position: absolute;
	top:4650px;
	left:60px;
	color:khaki;
	background-color:lightpink;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	font-family:"Lucida Console", Monaco, "monospace";

}
.copyright{
	position:relative;
}
.copyrightmain{
	position:absolute;
	top:4780px;
	left:90px;
	padding-bottom: 80px;
}