/* side */
body > div[style*="transform-origin"]:not([id]) {
    top: auto !important;
    z-index:200 !important;
    bottom: 10px;
    padding-bottom: env(safe-area-inset-bottom);
}
#footer{
	padding-bottom: calc(25px + env(safe-area-inset-bottom));
	color: #777;
}
#leftkoko{
    position: fixed;
    transition: top 0.2s ease;
    width: 160px;
    height: 600px;
    top:0px;
    left:0px;
}
#rightkoko{
    position: fixed;
    transition: top 0.2s ease;
    /*width: 160px;
    height: 600px;*/
    width: 180px;
    height: 1000px;
    top:0px;
    right:0px;
    
    overflow:hidden;
    /*
    -webkit-mask-image: -webkit-gradient(linear, left 95%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: liner-gradient(linear, left 95%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    */
   	/*
    -webkit-mask-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 100%);
    mask-image: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 100%);
    */
}
@media screen and (max-width: 620px){
	#leftkoko,#rightkoko{
		display:none;
	}
}
#rightkoko,#leftkoko{
	opacity:0;
}

/*bottom*/
#dskokoWrap{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    /*background: rgba(255, 255, 255, 0.7);*/
    text-align: center;
    
    z-index:200 !important;
    padding-bottom: env(safe-area-inset-bottom);
    
	overflow: hidden;
    max-height: 110px;
}
#dskokoWrap-dls{
	position: fixed;
    bottom: -5px;
    left: -5px;
    right: 0;
    /*background: rgba(255, 255, 255, 0.7);*/
    text-align: center;
    z-index: 200 !important;
    padding-bottom: env(safe-area-inset-bottom);
    transform: scale(0.8);
    transform-origin: bottom left;
    width: 129%;
    /*
    height: 100px !important;
    overflow: hidden;
    */
}

#dskoko{
	width: 100%;
    height: 100%;
    max-width: 500px;
    vertical-align: bottom;
    padding: 0px 86px;
    box-sizing: border-box;
}
#dskoko2{
	width: 100%;
    height: 100%;
    max-width: 500px;
    vertical-align: bottom;
}
@media screen and (min-width: 480px){
	#dskokoWrap{
		display:none;
	}
}

.DLsite_bp_body .advertisement {
    display: none;
}