@charset "utf-8";

/*===================================================================================================================*/
/*===== ↓ 基本設定 ↓ ==============================================================================================*/

html,body,div,table,tr,th,td,h1,h2,h3,p,form,ul,ol,li,dl,dt,dd,hr,img,strong,em,span,a,address
	{
	 color: #333333;
	 font-style: normal;
	 font-variant: normal;
	 font-weight: normal;
	 font-size: 14px;
	 line-height: 23px;
	 letter-spacing: 1px;
	 text-align: left;
	 text-decoration: none;
	 list-style-type: none;
	 border: 0px;
	 margin: 0px;
	 padding: 0px;
	}

input,textarea,button
	{
	 color: #333333;
	 font-size: 12px;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 100;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 200;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 300;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Medium");
	 font-weight: 400;
	}

@font-face
	{
	 font-family: "Yu Gothic";
	 src: local("Yu Gothic Bold");
	 font-weight: bold;
	}

@font-face
	{
	 font-family: "Helvetica Neue";
	 src: local("Helvetica Neue Regular");
	 font-weight: 100;
	}

@font-face
	{
	 font-family: "Helvetica Neue";
	 src: local("Helvetica Neue Regular");
	 font-weight: 200;
	}

body
	{
	 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	 background-color: #eeeeee;
	}

@media all and (-ms-high-contrast: none)
	{
	 body
		{
		 font-family: Verdana, Meiryo, sans-serif;
		}
	}

html,
body
	{
	 height: 100%;
	}
 
/*======================================================================================*/

ul
	{
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 width: auto;
	 height: 100%;
	}

li
	{
	 text-align: center;
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 width: auto;
	 height: 100%;
	 white-space: nowrap;
	}

li:first-child,
li:last-child
	{
	 display: none;
	}

li:first-child,
li:last-child
	{
	 display: none;
	}

li img
	{
	 max-height: 100%;
	 width: auto;
	 height /***/:auto;
	}

li img:first-child
	{
	 cursor: url(comic/next_c.cur), auto;
	}

li img:last-child
	{
	 cursor: url(comic/prev_c.cur), auto;
	}

li img[alt="blank"]
	{
	 cursor: auto;
	}

div#prev,
div#next
	{
	 text-indent: -9999px;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 width: 50px;
	 height: 100%;
	}

div#prev
	{
	 background:  url(comic/prev.png) no-repeat center;
	 right: 0;
	 display: none;
	}

div#next
	{
	 background:  url(comic/next.png) no-repeat center;
	 left: 0;
	}

div#prev:hover,
div#next:hover
	{
	 background-color:rgba(255,255,255,0.5);
	 cursor: pointer;
	}

address
	{
	 color: #333333;
	 font-size: 12px;
	 text-align: center;
	 text-shadow: white 1px 1px 0, white -1px -1px 0, white -1px 1px 0, white 1px -1px 0, white 0px 1px 0, white  0-1px 0, white -1px 0 0, white 1px 0 0;
	 position: absolute;
	 right: 0px;
	 bottom: 5px;
	 left: 0px;
	}