/* Windows CSS */

/* Font */

    @font-face {
        font-family: 'Noto';
        src: url("font/Noto/NotoSansJP-Regular.woff2");
        font-display: swap;
    }
    @font-face {
        font-family: 'Noto-Bold';
        src: url("font/Noto/NotoSansJP-Bold.woff2");
        font-display: swap;
    }
    @font-face {
        font-family: 'NotoS';
        src: url("font/Noto/NotoSerifJP-Regular.woff2");
        font-display: swap;
    }
    @font-face {
        font-family: 'ipa';
        src: url("font/IPA/ipag.woff2");
        font-display: swap;
    }
    @font-face {
        font-family: 'ibm';
        src: url("font/IBM/IBMPlexSansJP-Bold.woff2");
        font-display: swap;
    }
    @font-face {
        font-family: 'ibm-re';
        src: url("font/IBM/IBMPlexSansJP-Regular.woff2");
        font-display: swap;
    }
    @font-face {
        font-family: 'dancing';
        src: url("font/Dancing_Script/DancingScript-SemiBold.woff2");
        font-display: swap;
    }
    @font-face {
        font-family: 'Anton';
        src: url("font/Anton/Anton-Regular.woff2");
        font-display: swap;
    }
	@font-face {
		font-family: 'Arimo';
		src: url("font/Arimo/Arimo-Bold.woff2");
		font-display: swap;
	}



/*
 * "Noto" https://www.google.com/get/noto/
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * This license is copied below, and is also available with a FAQ at:
 * http://scripts.sil.org/OFL
*/

/*
 * "IPA Font" https://moji.or.jp/ipafont/ipa00303/
 * This Font Software is licensed under the IPA Font License Agreement v1.0
 * https://moji.or.jp/ipafont/license/
*/

/*
 * "BIZ UDGothic" https://fonts.google.com/specimen/BIZ+UDGothic
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * This license is copied below, and is also available with a FAQ at:
 * http://scripts.sil.org/OFL
*/

/*
 * "IBM Plex Sans JP" https://fonts.google.com/specimen/IBM+Plex+Sans+JP
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * This license is copied below, and is also available with a FAQ at:
 * http://scripts.sil.org/OFL
*/

/*
 * "Dancing Script" https://fonts.google.com/specimen/Dancing+Script
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * This license is copied below, and is also available with a FAQ at:
 * http://scripts.sil.org/OFL
*/

/*
 * "Anton" https://fonts.google.com/specimen/Anton
 * This Font Software is licensed under the SIL Open Font License, Version 1.1.
 * This license is copied below, and is also available with a FAQ at:
 * http://scripts.sil.org/OFL
*/

/*
 * "Arimo" licensed under the Apache License version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0.html
 * https://fonts.google.com/specimen/Arimo
*/


HTML {
	font-size: 13px;
}
BODY {
	background-color:#008080; color:#ffffff; margin:0; padding:0; margin-left: -550px;
	overflow-y: scroll; white-space: nowrap;
}
SECTION {
	margin: 0 0 0 50%; padding: 0 0 800px 0; position: absolute;
}
A { text-decoration:none; outline:none;}
	A:link, A:visited, A:active, A:hover { color:#000000; text-decoration: none; }
	A.property_link:link, A.property_link:visited, A.property_link:active, A.property_link:hover { color:#ffffff; text-decoration: underline; }
	A.review_link:link, A.review_link:visited, A.review_link:active, A.review_link:hover { color:#0000ff; text-decoration: underline; }
	A.un_memo_link:link, A.un_memo_link:visited, A.un_memo_link:active { color:#773dff; text-decoration: underline; }
	A.un_memo_link:hover { color:#491bb3; text-decoration: underline; }

IMG {
	border:none;
}
	IMG.icon { vertical-align: middle; border:none; margin: 0 2px 0 0;}
	IMG.startmenu_icon { vertical-align: middle; border:none; }
	IMG.ss { vertical-align: bottom; border:none; width: 320px; height: 240px; filter: brightness(0.94); }
	IMG.box { width: 135px; height: 180px; vertical-align: bottom; border: none; filter: brightness(0.95); }
	IMG.cd { width: 140px; height: 140px; vertical-align: bottom; border: none; filter: brightness(0.95); }

/* Javascript UI */

.draggable-element { cursor: grab; }
.draggable-element:active { cursor: grabbing; }

.undraggable-element { cursor: default; }
.undraggable-element:active { cursor: default; }

.visible { display: block; }
.hidden { display: none;}
.browser-tab { padding: 1px 4px 1px 4px; transition: background-color 0.2s ease, color 0.2s ease;}
.active-tab { background-color:#363647; color: #f7f7f7; padding: 1px 4px 1px 4px;}
.default-tab { background-color:#c2c2c2; color: #000000; padding: 1px 4px 1px 4px;}

.browser-tab:hover { cursor: pointer;}

/* Icon */

#computer {
	top:30px; left:17px; position:fixed; z-index:1; user-select: none;
}
#search {
	top: 100px; left: 17px; position: fixed; z-index:1; user-select: none;
}
#magazine {
	top:100px; left:17px; position:fixed; z-index:1; user-select: none; width: 59px; height: 46px;
	background-image: url("assets/icon/magazine_folder.png");
	background-repeat: no-repeat;
	background-position: top 0px left 0px;
}

#trash {
	bottom:60px; left:17px; position:fixed; z-index:1; user-select: none;
}
#youtubu {
	top:180px; left:17px; position:fixed; z-index:1; user-select: none; cursor: pointer;
}
#dolphin {
	top:280px; left:17px; position:fixed; z-index:1; user-select: none; cursor: pointer;
	width: 98px; height: 81px;
	background-image: url("assets/icon/dolphin.png");
	background-repeat: no-repeat;
	background-position: top 0px left 0px;
}
#dolphin:hover {
	background-image: url("assets/icon/dolphin_pc.png");
}

#browserback { display: none; }

/* Accessory */

#calc {
	background-color:#c0c0c0; padding:0 0 0 0; position: absolute; top: 170px; left: 830px; z-index: 4;
	box-shadow: 1px 1px 1px 1px #222222; border:solid 1px #c0c0c0;
}
	#calc-title {
		background-color:#000080; padding:2px 0 0 5px; height:20px;
		font-family: "ibm";  border-bottom:solid 1px #c0c0c0;
		background-image: url("assets/icon/button.png");
		background-repeat: no-repeat;
		background-position: top 4px right 3px;
	}
	#calc-menu {
		background-color:#c0c0c0; padding:4px;
	}
	#calc-counter {
		background-color:#ffffff; margin: 3px 5px 5px 0; padding: 1px; text-align: right; height: 20px; color: #000000;
		border-top: solid 2px #222222; border-left: solid 2px #222222; font-family: "ibm-re"; font-size: 1rem;
	}

#command {
	background-color:#000000; padding: 0 0 0 0; position: absolute; top: 530px; left: 800px; z-index: 5;
	box-shadow: 1px 1px 1px 1px #222222; border: solid 1px #c0c0c0;
}
	#command-title {
		background-color:#000080; padding: 3px 0 0 5px; height: 20px;
		font-family: "ibm"; font-size: 0.9rem; border-bottom: solid 1px #c0c0c0;
		background-image: url("assets/icon/button.png");
		background-repeat: no-repeat;
		background-position: top 4px right 3px;
	}
	#command-menu {
		background-color:#c0c0c0; padding:2px 5px 5px 5px;
	}
	#command-prompt {
		background-color:#000000; margin:5px 5px 5px 5px; padding:5px; min-width:300px;
		font-family: "ipa"; font-size: 1rem; color:#c0c0c0; white-space:pre;
	}


/* Screenshot */

#screenshot_a, #screenshot_b, #screenshot_c {
	background-color:#000000; padding: 0 0 0 0; position: absolute; user-select: none;
	box-shadow: 2px 2px 3px 1px #222222; border:solid 1px #c0c0c0;
}
#screenshot_a { top: 30px; left: 100px; z-index: 3; }
#screenshot_b { top: 55px; left: 380px; z-index: 5; }
#screenshot_c { top: 30px; left: 660px; z-index: 4; }

	.screenshot-title {
		background-color:#000080; padding: 0px 0 2px 5px; height: 20px;
		font-family: "NotoS";  border-bottom: solid 1px #c0c0c0;
		background-image: url("assets/icon/button.png");
		background-repeat: no-repeat;
		background-position: top 4px right 3px;
	}
	.screenshot-img {
		padding: 1px 0 0 1px; font-size: 0;
	}

#event_still {
	padding: 0 0 0 0; position: absolute; top: 335px; left: 70px; z-index: 5; user-select: none;
}
	.event_cg {
		width: 176px; height: 132px; background-color:#edeee8; padding: 3px; margin-right: 2px;
		cursor: pointer; vertical-align: bottom; user-select: none;
		box-shadow: 1px 1px 1px 1px #222222; filter: brightness(0.95);
	}


/* Boxart */

#package {
	position: fixed; bottom: 60px; right: 50px; user-select: none; z-index: 5; display: block;
}
	#package_cd {
		position: absolute; top: 60px; left: 980px;
	}
	#boxart {
		background-color:#f7f7f7; padding: 4px;
		box-shadow: 2px 2px 2px 0px #000000;
	}


/* Property */

#property {
	top: 370px; left: 660px; z-index: 1; position: absolute; padding: 0;
}
	#property:hover { background-color:#008080; z-index: 10; }
.property_title {
	padding: 0;
}
.property_details {
	font-family: "Noto"; font-size: 1rem; color: #ffffff;
}
#patch_question { user-select: none; cursor: pointer;}
#patch_note { display: none; white-space: normal; width: 250px; padding: 10px 0 0 0; font-size: 0.8rem;}

/* Review */

#notepad {
	background-color: #c0c0c0; top: 500px; left: 95px; width: 500px; position: absolute; z-index: 2;
	box-shadow: 1px 1px 1px 1px #222222; border:solid 1px #c0c0c0;
}
	#notepad-title {
		background-color:#000080; padding:4px 0 0 5px; height:20px; user-select: none;
		font-family: "ibm"; font-size: 0.85rem; border-bottom:solid 1px #c0c0c0;
		background-image: url("assets/icon/button.png");
		background-repeat: no-repeat;
		background-position: top 4px right 3px;
	}
	#notepad-menu {
		background-color:#c0c0c0; padding:2px 50px 0 0px; height:20px; user-select: none;
	}
	#notepad-review {
		background-color:#ffffff; margin:5px 5px 5px 5px; padding: 2px 5px 5px 5px;
		min-height: 100px; max-height: 150px; overflow-y: scroll;
		font-family: "Noto"; color:#000000; white-space: normal; font-size: 0.95rem;
		border-top:solid 2px #222222; border-left:solid 2px #222222;
		overscroll-behavior-y: contain;

	}
		#notepad-review A { text-decoration: underline; outline: none; }
	.review_img { text-decoration: underline; outline: none; cursor: pointer; color: #0000FF;  }
	.review_link { text-decoration: underline; outline: none; cursor: pointer; color: #0000FF;  }

/* Browser */

#browser {
	background-color: #c0c0c0; top: 70px; left: 140px; width: 730px; z-index: 10; position: absolute;
	box-shadow: 5px 5px 2px rgba(0,0,0,0.6); border: solid 1px #c0c0c0; display: none;
}
	#browser-title {
		background-color:#000080; padding:4px 0 0 5px; height:20px;
		font-family: "ibm-re"; font-size: 1rem; border-bottom:solid 1px #c0c0c0;
		background-image: url("assets/icon/button.png");
		background-repeat: no-repeat;
		background-position: top 4px right 3px;
	}
	#browser-menu {
		background-color:#c0c0c0; height:91px;
		background-image: url("assets/icon/ie.png");
		background-repeat: no-repeat;
		background-position: top 1px left 1px;
	}
		#browser-address { top: 70px; left: 95px; font-family: "ibm-re"; color:#000000; position: relative; }
	#browser-note {
		margin: 5px 5px 5px 5px; padding: 5px 10px 5px 10px; height: 550px;
		font-family: "Noto"; white-space: normal;
		border-top:solid 2px #222222; border-left:solid 2px #222222; overflow-y: scroll;
		overscroll-behavior-y: contain;
	}
    #browser-note::-webkit-scrollbar { display: none; }

/* Movei Player */

#movie {
	position: absolute; top: 50px; left:200px; font-size: 0; z-index: 10; user-select: none; display: none;
	background-color:#000000; padding: 3px; box-shadow: 5px 5px 2px rgba(0,0,0,0.6); border: solid 3px #edeee8;

}
	#movie-title {
		background-color:#00007b; padding: 1px 0 0 27px; height: 20px;
		font-family: "Noto";  color: #f7f7f7; border-bottom: solid 1px #c0c0c0;  font-size: 1rem;
		background-image: url("assets/icon/video.png"),url("assets/icon/button.png");
		background-repeat: no-repeat,no-repeat;
		background-position: top 4px left 3px,top 4px right 3px;
	}
.vga { width: 640px; height: 480px; }


/* Image viewer z-index 100 */

#imageviewer {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 100;
  display: none;
}

#viewer {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}

#set_image {
  max-width: 80vw;
  max-height: 80vh;
  border: 5px solid #f7f2e7;
  box-shadow: 10px 10px 20px rgba(0,0,0,0.6);
  user-select: none;
  cursor: grab;
  transition: transform 0.1s ease;
  touch-action: none;
}

.send_viewer { cursor: pointer; }

/* NSFW Warning z-index 600 */

#warning {
    width: 380px; height: auto; top: 40%; left: 35%; position: fixed; z-index: 666;
    border-top:solid 2px #c3c7cb; border-left:solid 2px #c3c7cb;
    border-right:solid 2px #868a8e; border-bottom:solid 2px #868a8e;
    box-shadow: 1px 1px 0px rgba(0,0,0,0.6);
    font-family: "ibm"; font-weight: bold;
}

#warning-title {
		background-color:#000080; padding: 2px 0 2px 5px; height:20px;
        border-top:solid 1px #f7f7f7; border-left:solid 1px #f7f7f7;
		font-family: "Noto-Bold"; font-size: 1rem;  border-bottom:solid 1px #c0c0c0;
		background-image: url("assets/icon/title_button_x.png");
		background-repeat: no-repeat;
		background-position: top 4px right 3px;
}

#warning-message {
    color: #000000; font-size: 0.9rem; font-family: "Noto"; border-left:solid 1px #f7f7f7; user-select: none;
    padding: 8px 3px 10px 45px; white-space: normal;
    background-color: #c3c7cb;
	background-image: url("assets/icon/x.png");
	background-repeat: no-repeat;
	background-position: top 6px left 5px;
}
    #but_accept {
        display: inline-block; text-align: center; cursor: pointer; width: 50px; font-family: "ibm";
        background-color: #c3c7cb; padding: 4px; margin: 15px 0 0 5px;
        border-top:solid 2px #f7f7f7; border-left:solid 2px #f7f7f7;
        border-right:solid 2px #868a8e; border-bottom:solid 2px #868a8e;
        box-shadow: 2px 2px 0px rgba(0,0,0,1), -1px 1px 0px rgba(0,0,0,1), -1px -1px 0px rgba(0,0,0,1), 1px -1px 0px rgba(0,0,0,1);
    }
        #but_accept:hover {
            border-top:solid 2px #868a8e; border-left:solid 2px #868a8e;
            border-right:solid 2px #f7f7f7; border-bottom:solid 2px #f7f7f7;
        }
    #but_cancel {
        display: inline-block; text-align: center; cursor: pointer; width: 50px; font-family: "ibm";
        background-color: #c3c7cb; padding: 4px; margin: 15px 0 0 170px;
        border-top:solid 2px #f7f7f7; border-left:solid 2px #f7f7f7;
        border-right:solid 2px #868a8e; border-bottom:solid 2px #868a8e;
 }
        #but_cancel:hover {
            border-top:solid 2px #868a8e; border-left:solid 2px #868a8e;
            border-right:solid 2px #f7f7f7; border-bottom:solid 2px #f7f7f7;
        }

#mask {
    background-color: rgba(0, 0, 0, 0.9); left: 0px; top: 0px; width: 100%; height: 100%;
    position: fixed; z-index: 500;
}

/* Program files */

#program {
	background-color:#000000; position: absolute; top: 40px; left: 150px; z-index: 10; width: 630px;
	box-shadow: 1px 1px 1px 1px #222222; border: solid 1px #c0c0c0;
}
	#program-title {
		background-color:#000080; padding:2px 0 0 5px; height:20px;
		font-family: "ibm"; font-size: 0.85rem; border-bottom:solid 1px #c0c0c0;
		background-image: url("assets/icon/button.png");
		background-repeat: no-repeat;
		background-position: top 4px right 3px;
	}
	#program-menu {
		background-color:#c0c0c0; padding:2px 5px 2px 0px; height:91px;
	}
	#program-list {
		background-color:#ffffff; padding:10px 0 40px 200px; height: 500px; overflow-y: scroll;
		border:solid 2px #777777;
        background-image: url("assets/icon/program.png"); background-repeat: no-repeat; background-position: top 0px left 0px;
		overscroll-behavior-y: contain;
    }
	.genre {
		font-family: "NotoS"; font-size: 1rem; color:#000000; border-bottom:solid 1px #000000;
		width:400px; margin:5px 0 13px 0;
	}

/* Magazine */

.wrapper {
	padding-bottom: 60px;
}

#bookshelf {
	background-color:#000000; position: absolute; top: 40px; left: 120px; z-index: 10;
	box-shadow: 1px 1px 1px 1px #222222; border: solid 1px #c0c0c0; margin: 0 0 150px 0;
}
	#bookshelf-title {
		background-color:#000080; padding:2px 0 0 5px; height:20px;
		font-family: "ibm"; font-size: 0.85rem; border-bottom:solid 1px #c0c0c0;
		background-image: url("assets/icon/button.png");
		background-repeat: no-repeat;
		background-position: top 4px right 3px;
	}
	#bookshelf-menu {
		background-color:#c0c0c0; padding:2px 5px 2px 0px; height:91px;
	}
	#bookshelf-list {
		background-color:#ffffff; padding: 100px 0 40px 80px; height: 500px; overflow-y: scroll;
		border:solid 2px #777777;
		background-attachment: local;
        background-image: url("assets/icon/bookshelf.png"); background-repeat: no-repeat; background-position: top 0px left 0px;
		overscroll-behavior-y: contain;
    }
	.book_title {
		font-family: "Noto"; font-size: 0.9rem; color:#000000;
	}
	.bookshelf_guide {
		font-family: "Noto"; font-size: 0.9rem; color:#000000; margin: 15px 0 15px 0; white-space: normal;
	}
	.bookshelf_text {
		font-family: "Noto"; font-size: 0.9rem; color:#000000; margin: 15px 0 15px 0; width: 400px; white-space: normal;
	}
	.quote {
		padding: 0 0 0 5px;
	}
	#scrolltop {
		color: #808080; font-size: 2rem; position: absolute; bottom: 15px; right: 25px;
	}
	#scrolltop:hover { color: #000000; }

	.bookshelf_magazine { width: 630px; }
	.bookshelf_unreleased { width: 730px; }

/* Unreleased */

.un_tab {
	margin: 25px 0 0 -25px; padding: 0 30px 0 0;
}
.un_index {
	font-family: "Noto"; color: #ffffff; padding: 0 4px 0 4px;
	font-size: 0.9rem; background-color: #97c7ff; border-radius: 4px;
}
.un_bg {
		font-family: "NotoS"; color: #000000; font-size: 1rem; min-width: 40px;
		padding: 1px 0 1px 3px;  margin: 0 0 5px 0; border-right: solid 1px #808080; border-bottom: solid 1px #808080;
}
.un_fm {
		font-family: "NotoS"; color: #000000; font-size: 1rem; min-width: 40px;
		padding: 1px 0 1px 3px;  margin: 0 0 5px 0; border-right: solid 1px #808080; border-bottom: solid 1px #808080;
}
.un_typ {
	font-family: "Noto"; color: #000000; font-size: 1.1rem; padding: 0 0 0 10px;
}
.un_tit {
	font-family: "Noto-Bold"; color: #000000; font-size: 0.9rem;
	border-bottom: solid 1px #808080; text-overflow: ellipsis; overflow: hidden;
}

.un_pub {
	font-family: "Noto"; color: #000000; font-size: 0.9rem; border-bottom: solid 1px #808080;
}
.un_search {
	font-family: "Noto"; color: #000000; font-size: 1.1rem;
}
.un_cre {
	font-family: "Noto"; color: #000000; font-size: 0.9rem;
}
.un_mag {
	font-family: "Noto"; color: #000000; font-size: 0.9rem; border-bottom: solid 1px #808080;
	padding: 0 3px 0 3px;
}
.un_mag:hover { background-color: #97c7ff; border-bottom: solid 1px #97c7ff; border-radius: 4px; }

.un_memo {
	font-family: "Noto"; color: #000000; font-size: 0.9rem; white-space: normal;
	background-color: #f8fcf8; padding: 3px; border-radius: 3px;
}
.un_memo_link {
	font-family: "Noto"; color: #000000;
}

/* FOOTER Taskbar z-index 200 */

#taskbar {
	position:fixed; z-index: 200; bottom: 0px; left: 0px; width: 100%; height: 28px; user-select: none;
	background-image: url("assets/icon/tool.png");
	background-repeat: repeat;
}
	#start {
		top: 4px; left: 5px; width: 152px; height: 22px; position: absolute;
		background-image: url("assets/icon/start.png");
	    background-repeat: no-repeat;
	}
	#start:hover {
		background-image: url("assets/icon/start_hover.png");
	    background-repeat: no-repeat;
	}
	#clock {
		top:4px; right:5px; position:absolute;
	}
	#taskbar:after {
		clear:both;
	}
#taskbar_task {
	top: 4px; left: 170px; min-width: 800px; position: absolute;
}
    IMG.task_icon { vertical-align:bottom; border:none; filter: brightness(0.95); }
	.navi {
		float:left; display:block; min-width:100px;
		font-family: "Noto-Bold"; color:#000000; font-size: 11px;
		background-color:#c0c0c0; margin:0 8px 2px 0; padding: 1px 15px 1px 6px;
		border-top:solid 2px #ffffff; border-left:solid 2px #ffffff;
		border-right:solid 2px #222222; border-bottom:solid 2px #222222;
	}
	.navi:hover {
		border-top:solid 2px #222222; border-left:solid 2px #222222;
		border-right:solid 2px #ffffff; border-bottom:solid 2px #ffffff;
	}
	#sel {
		background-image: url("assets/icon/check.png"); background-position: top 0px left 0px; font-weight:bold;
		border-top:solid 2px #222222; border-left:solid 2px #222222;
		border-right:solid 2px #ffffff; border-bottom:solid 2px #ffffff;
	}
#startmenu {
    background-color: #c2c2c2; width: 150px; height: 170px; bottom: 35px; left: 10px;
    z-index: 201; padding: 0 0 0 22px;
	display: none; flex-direction: column-reverse; position: fixed;
    border-top:solid 4px #c3c7cb; border-left:solid 4px #c3c7cb;
    border-right:solid 2px #868a8e; border-bottom:solid 2px #868a8e;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.8);
	background-image: url("assets/icon/startmenu_win.png"),url("assets/icon/startmenu.png");
	background-repeat: no-repeat,repeat-y;
	background-position: bottom 0px left 0px,top 0px left 0px;
}
	.startmenu_item {
		padding: 3px; font-family: "ipa"; font-size: 1rem; color:#222222;
	}
	.startmenu_item:hover { background-color: #000081; color:#f7f7f7; }



/* media screen */

@media screen and (max-width: 1100px) {
BODY {
	margin-left:0;
}
SECTION {
	margin:0 0 0 40px;
}
}

@media screen and (max-width: 480px) {
SECTION { padding: 0 0 200px 0; margin: 0 0 0 0; width: 100%;}
#calc { display: none; } #command { display: none; }
.book_cover { width: 45px; height: 66px; }
IMG.ss { width: 160px; height: 120px; }
IMG.box { width: 34px; height: 45px; vertical-align: bottom; border: none; filter: brightness(0.95); }
IMG.cd { width: 35px; height: 35px; vertical-align: bottom; border: none; filter: brightness(0.95); }
#movie { top: 50px; left: 15px; }
.vga { width: 320px; height: 240px; }
#screenshot_a { top: 10px; left: 185px; z-index: 3; }
#screenshot_b { top: 55px; left: 85px; z-index: 5; }
#screenshot_c { top: 170px; left: 185px; z-index: 4; }
#event_still { top: 345px; left: 120px; }
.event_cg { width: 70px; height: 53px; }
#property { top: auto; left: auto; width: 280px; white-space: normal; position: relative; margin: 440px 0 0px 80px; }
#property:hover { background-color: unset; z-index: auto; }
#notepad {  top: 420px; left: 160px; width: 200px; position: absolute; z-index: 10;}
#notepad-title { background-color:#000080; padding:4px 0 0 5px; height: 20px; user-select: none; }
#notepad-menu { display: none; }
#notepad-review { display: none;}
#package { position: fixed; bottom: 50px; left: 15px; right: auto; user-select: none; z-index: 1; display: block; }
#boxart { background-color:#f7f7f7; padding: 1px; }
#trash { bottom: 120px; left:5px; position:fixed; z-index:1; user-select: none; }
#taskbar_task { display: none; }
#browserback {
	bottom: 200px; left: 15px; position: fixed; display: block; z-index: 1;
	display: flex; align-items: center; height: auto;
	font-family: "Noto-Bold";
	color:#f2f2f2; font-size: 40px; font-weight: bold;
	filter: drop-shadow(5px 5px 0px #000000);
}
#warning { width: 330px; height: auto; top: 200px; left: 20px; }
#warning-message { color: #000000; font-size: 0.8rem; font-family: "Noto"; }
    #but_accept { margin: 15px 0 0 10px; }
    #but_cancel { margin: 10px 0 0 120px; }

#program { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; box-shadow: none; border: none; }
	#program-title { display: none; }
	#program-menu { display: none; }
	#program-list { background-color:#ffffff; padding:10px 0 40px 20px; height: 100%; overflow-y: scroll; background-image: none; }
	.genre { width: auto; margin: 0 0 10px 5px; }

.wrapper {
	padding-bottom: 60px;
}
	.bookshelf_magazine { width: 100%;  }
	.bookshelf_unreleased { width: 100%; }
#bookshelf { position: absolute; top: 0px; left: 0px; z-index: 10; box-shadow: none; border: none; }
	#bookshelf-title { display: none; }
	#bookshelf-menu { display: none; }
	#bookshelf-list { padding: 5px 5px 50px 5px; height: 100vh; overflow-y: scroll; background-image: none; }
	.book_title { font-size: 0.8rem; }
	.bookshelf_text { padding: 0 0 25px 0; width: auto; white-space: normal; }
.un_tab {
	margin: 25px 0 10px -5px; padding: 0 30px 80px 0;
}
.un_memo {
	font-family: "Noto"; color: #000000; font-size: 0.9rem; max-width: 100px; 
}
}