html,body {
	height:100%;
	margin: 0px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}

#optimal{
	max-width: 640px;
	margin: 0 auto;
}

#product{
	background-color: #eee5cf;
	position: relative;
    box-sizing: border-box;
}

#category01 img{
	max-width: 640px;
	width: 100%;
	vertical-align: bottom;
}


#category01 {
	z-index: 20;
}

.paseos-video {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.paseos-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*
.paseos-video{
	max-width: 640px;
	margin: 50px auto 0;
	text-align: center;
	position: relative;
}
*/
/*
.video-data{
	max-width: 567px;
	width: 100%;
	cursor : pointer;
}
*/
/*.paseos-mv{
	max-width: 567px!important;
	width: 100%;
	margin: 0 auto;
	display: block;
}*/
/*　フェードイン　*/
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 100px);
	transition: 1.5s cubic-bezier(0, .10, .13, 1.01);
}

.fadeIn_none {
	transform: translate(0, 0);
}


#chirasi-area img{
	max-width: 640px;
	width: 100%;
	margin: 0px auto;
	vertical-align: bottom;
}



.bottomspace{
	height: 50px;
}


/*　フッター　*/
#footer{
	max-width: 640px;
	position: fixed;
	background-color: #FFF;
}
#page_bottom2{
}
#pagetop{
	opacity: 0.9;
	position: fixed;  
	right: -80px;
	bottom: 10px;
}

#page_bottom3{
	position: fixed;
	bottom: 10px;
	left: 10px;
	max-width: 640px;
}

#page_bottom2 img , #page_bottom3 img{
	width: 40%;
}

.linkbox{
	padding-bottom: 100px;
}