@charset "utf-8";
/* CSS Document */

body { font-family:Georgia,'Times New Roman', "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝"; /* display:none; */}
/* #wrap{width:1000px;} */
.container { width: 90%; margin: 20px auto; padding: 20px; }
pre { border: 1px solid #CCC; background-color: #EEE; color: #333; padding: 10px; }

#logo img{padding:0 0 15px;}





@media screen and (min-width: 581px) {
#sidebar {background:#FFF; display: block; width: 344px; padding: 20px auto; height: 100%; position: fixed; top: 0; left: 0; float: left; }
#fade{display:none;}

#main{position:fixed; top:26%; left:20px;}
#menus{width:320px;  text-align:center; margin:0 auto; float:left; display:inline;}
#menus ul{list-style: none; margin:0; padding:0; height:14px;}

div#menus li { float:left; margin:0 6px 0 0; }
    div#menus li a { display:block; cursor:pointer;     text-decoration: none;   color: #706e64;     font-size: 12.5px;}
div#menus li.current-menu-item { }



/*
div#menus li#about{ background: url(http://nimnimduai.com/stole/img/_menus.png) 0px 0px no-repeat; width:36px; height:13px; text-indent: -9999px; }
div#menus li#coll{ background: url(http://nimnimduai.com/stole/img/_menus.png)  0px -13px no-repeat; width:60px; height:13px; text-indent: -9999px; }
div#menus li#stoc{ background: url(http://nimnimduai.com/stole/img/_menus.png) 0px -26px no-repeat; width:52px; height:13px; text-indent: -9999px; }
div#menus li#cont{ background: url(http://nimnimduai.com/stole/img/_menus.png) 0px -39px no-repeat; width:47px; height:13px; text-indent: -9999px; margin:0;}
div#menus li.slh{ background: url(http://nimnimduai.com/stole/img/_menus.png) -40px 0px no-repeat; width:6px; height:13px; text-indent: -9999px; }
*/

div#menus li#about{ width:36px; height:13px;}
div#menus li#coll{  width:60px; height:13px;  }
div#menus li#stoc{  width:52px; height:13px; }
div#menus li#cont{ width:47px; height:13px;}
div#menus li.slh{  width:6px; height:13px;     width: 3px;  font-size: 6px;}

#house{margin:46px 0 18px; display:block;}
#copyright{color:#d0cbc6; font-size:10px;}
#tm{width:140px; margin:auto; position:absolute; bottom:20px; left:114px; display:block; }
#tmf{width:140px; margin:60px auto 90px; position:absolute; bottom:40px; left:78px; display:none;}
}

@media screen and (max-width: 580px) {
	
#tm{position: relative;top: 47px;left: 0;/* margin-left: -25%; */}
#tmf{display:block; position:absolute; top:280px; left:50%; margin-left:-66px; display:none;}

body{background:#f7f7f7;}
#sidebar {background:transparent;display: flex;width:298px;margin: auto;height: 100vh;text-align:center;justify-content: center;flex-direction: column;justify-content: center;}
#fade{display:none;}

#main{margin: auto;text-align:center;position: relative;top: -50px;}
#menus{width:250px;  text-align:center; margin:0 auto; display:inline;}
#menus ul{list-style: none; margin:0; padding:0; height:14px;}

div#menus li { float:left; margin:0 4px 0 0; }
div#menus li a { display:block; cursor:pointer; color:#5e564d; text-decoration:none; font-size:12px; }
div#menus li.current-menu-item { }

div#menus li#about{ background:none;width:36px; height:13px; }
div#menus li#coll{ background:none; width:60px; height:13px;}
div#menus li#stoc{ background:none; width:52px; height:13px; }
div#menus li#cont{ background: none; width:47px; height:13px;margin:0;}
div#menus li.slh{ background:none; width:6px; height:13px; color:#c9c7c4; font-size:8px;}

#house{margin:16px 0 -40px;  display:none;}
#copyright{color:#d0cbc6; font-size:10px; bottom:6px; text-align:center; display:none;}	
/*
    #backstretch{width: 100%!important;}
    #backstretch img{width: 100%!important;}
*/
#backstretch{width:150%!important; max-width: 580px; min-width:320px;}
#backstretch img{width:100%!important; max-width: 580px!important; min-width:320px!important;}
#backstretch{display:none;}
}