/* 閲覧モードを切り替えた時にマウスカーソルが動くと、bibi-menuのhoverクラスの関係かwindowcloseが一瞬アニメーションしてしまうけど…まぁそんな気にすることでもないかな… */

#windowclose {

	opacity: 0;
	pointer-events: none;

	z-index: 100001;
	width: 39px;
	height: 39px;
	font-size: 30px;
	line-height: 30px;
	color: tomato;
	background-color: lightpink;

	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%) scale(1.3);
	transition: all 0.4s ease;

}
	#windowclose:hover,
	#windowclose:active {
		color: #333;
		background-color: tomato;
	}



#windowclose.show {
	opacity: 1;
	pointer-events: auto;
	cursor: pointer;
	transform: translateX(-50%) scale(1.0);
}


/* windowcloseは中央に配置したいが、縦スクロール表示の時、矢印アイコンとかぶるので、とりあえず暫定的にしおりのやや右に配置しておきます*/
#windowclose.offset-left {
  left: 0;
  transform: translateX(100px) scale(1.3);
}
	#windowclose.offset-left.show {
	  transform: translateX(100px) scale(1.0);
	}