/* menu
--------------------------------------*/
.menu_item {
	position:relative;
	margin: 0;
	text-align:center;
	cursor:pointer;
}

.menu_item img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

/* menu save */
.menu_save {
	display: inline-block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 188px;
	left: 380px;
}

/* menu load */
.menu_load {
	display: inline-block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 276px;
	left:380px;
}

/* menu hide MSG */
.menu_window_close {
	display: inline-block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 360px;
	left:380px;
}

/* menu skip MSG */
.menu_skip {
	display: inline-block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 448px;
	left:380px;
}

/* menu title */
.menu_back_title {
	display: inline-block;
	position: absolute;
	margin: 0;
	padding: 0;
	top:  536px;
	left: 380px;
}


/* Backlog
--------------------------------------*/
.log_body {
	width: 960px;
	height: 400px;
	margin: 200px 0 0 0;
	padding: 20px 80px 20px 100px;
	font-weight: normal;
	font-size: 35px;
	line-height: 1.8em;
	text-align: left;
	color: #766666;
	border: none;
	background: none;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-sizing: border-box;
}


.log_body::-webkit-scrollbar{
	width:16px;
}

.log_body::-webkit-scrollbar-thumb{
	border-radius: 100vh;
	background: #766666;
}

.log_body::-webkit-scrollbar-track{
	border-radius: 100vh;
	background: #DDD8CC;
}


/* Save Load
--------------------------------------*/
.area_save_list {
	display: block;
	width: 960px;
	height: 440px;
	margin: 0;
	margin-top: 180px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.area_save_list::-webkit-scrollbar {
	width: 16px;
}

.area_save_list::-webkit-scrollbar-thumb {
	border-radius: 100vh;
	background: #766666;
}

.area_save_list::-webkit-scrollbar-track {
	border-radius: 100vh;
	background: #DDD8CC;
}


/* Save list
--------------------------------------*/
.save_list {
	display: table;
	table-layout: fixed;
	position: absolute;
	width: 800px;
	height: 170px;
	margin: 0;
	padding: 0 0 0 60px;
	font-size: 35px;
	font-weight: normal;
	background-color: none;
	border: none;
	border-collapse: separate;
	border-spacing: 0 16px;
	box-sizing: border-box;
}

/* save item */
.save_list_item {
	display:table-row;
	width: 800px;
	height: 170px;
	margin: 0 60px 0 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

/* save saveslot */
.save_list_item:hover > .save_list_item_thumb{
	background: url('image/system/saveslot2.png');
	background-repeat: y-repeat;
	background-position: left top;
	background-color: none;
}

.save_list_item:hover > .save_list_item_area{
	background: url('image/system/saveslot2.png');
	background-repeat: y-repeat;
	background-position: right top;
	background-color: none;
}

.save_list_item:hover {
	background: none;
}

/* save thumbnail */
.save_list_item_thumb {
	display: table-cell;
	width: 200px;
	height: 170px;
	margin: 0;
	padding: 0;
	border: none;
	background: url('image/system/saveslot.png');
	background-repeat: y-repeat;
	background-position: left top;
	box-sizing: border-box;
}

.save_list_item_thumb img {
	width: 160px;
	height: 90px;
	margin: 38px 0 0 28px;
	padding: 0;
	border: none;
	border-radius: 0px;
}

/* save textarea */
.save_list_item_area {
	display: table-cell;
	width: 600px;
	height: 170px;
	padding: 20px 30px 0 0;
	border-radius: none;
	border: none;
	background: url('image/system/saveslot.png');
	background-repeat: y-repeat;
	background-position: right top;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
}

/* save savedate */
.save_list_item_date {
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	height: 20px;
	line-height: 1;
	color: #9D5D5E;
	font-size: 30px;
	font-weight: bold;
	box-sizing: border-box;
}

/* save text */
.save_list_item_text {
	display: block;
	height: 105px;
	margin: 0;
	padding: 10px 30px 20px 20px;
	line-height: 1.3;
	color: #766666;
	font-size: 35px;
	overflow: hidden;
	box-sizing: border-box;
}


.layer_event_click{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
}

.layer{
	background-size: 100% 100%;
}

.button_menu{
	position: absolute;
	z-index: 99999;
	cursor: pointer;
}

/*glink
------------------------------*/
/* glink normal */
.ts04 {
	opacity:1;
	color: #6C5353;
	background: #F7F4E5;
	padding: .57em 2em .5em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 100vh;
	border: 2px solid #766666;
	box-shadow: 0 4px 0 #766666;
	box-sizing: border-box;
	transition: all 0.2s;
}

/* glink hover */
.ts04:hover {
	color: #924242;
	background: #FFBAB3;
	background-image: url(image/system/glink_bg.png);
	background-repeat: repeat;
	border: 2px solid #E27D7D;
	box-shadow: 0 4px 0 #E27D7D;
}

/* glink active */
.ts04:active {
	color: #924242;
	background: #EC8C8D;
	background-image: url(image/system/glink_bg2.png);
	background-repeat: repeat;
	box-shadow: none;
	transform: translateY(4px);
}