@charset "utf-8";
/* CSS Document */
 
/******* backbutton *********/
.menu_close{
	background:url(../../../image/back.png) no-repeat left top;
	background-size:80px;
	position:absolute;
	width:80px;
	height:87px;
	top:540px;
	left:860px;
	cursor:url(../../../image/cursor_pointer.png) ,pointer;
}
.menu_close:hover{
	background-image:url(../../../image/back_on.png);
}

.label{
	position:absolute;
	top:40px;
	left:25px;
	font-size:30px;
	color:rgba(255,255,255,0.4);
	writing-mode:tb-rl;
    writing-mode:vertical-rl ;
    -webkit-writing-mode:vertical-rl ;
}
.button_smart{
	cursor:url(../../../image/cursor_pointer.png) ,pointer;
	left:880px;
	width:56px;
	height:56px;
	position:absolute;
}
.button_arrow_up{
	top:30px;
	background:url(../../../image/arrow_up.png) no-repeat;
}
.button_arrow_up:hover{
	background:url(../../../image/arrow_up_on.png) no-repeat;
}
.button_arrow_down{
	top:120px;
	background:url(../../../image/arrow_down.png) no-repeat;
}
.button_arrow_down:hover{
	background:url(../../../image/arrow_down_on.png) no-repeat;
}

/******* scrollbar *********/
  .log_body::-webkit-scrollbar { 
    width: 10px;
    /*border-radius: 5px;*/
  }
  .log_body::-webkit-scrollbar-thumb { 
    background: rgba(255,255,255,0.5);
    border-radius: 5px;
  }
  .log_body::-webkit-scrollbar-thumb:hover { 
    background: rgba(255,255,255,0.7);
	cursor:url(../../../image/cursor_pointer.png) ,pointer;
  }
  .log_body::-webkit-scrollbar-thumb:active { 
    background: rgba(255,255,255,0.9);
	cursor:url(../../../image/cursor_pointer.png) ,pointer;
  }
  .log_body::-webkit-scrollbar-track-piece:start {
    background: rgba(0,0,0,0);
  }
  .log_body::-webkit-scrollbar-track-piece:end {
    background: rgba(0,0,0,0);
  }

/******* log *********/
.display_menu{
	background-color:rgba(0,0,0,0.75);
}
.log_body {
	width:78%;
	height:90%;
	overflow-y:scroll;
	margin-top:30px;
	padding:8px;
	color:#eee;
	/*border:1px solid #555;*/
	font-weight:normal;
	text-align:left;
}

/********* log line *********/
.log_body dl {
	display:flex;
	padding-top:10px;
	margin-top:10px;
	border-top: 1px solid rgba(200,200,200,0.2);
	box-sizing:border-box;
}
.log_body dl.none {
	padding-top:0;
	margin-top:0;
	border-top: none;
}
.log_body dl:first-child {
	border-top: none;
	margin-top:0;
}

.log_body dl dt,
.log_body dl dd {
	padding: 5px 3px;
	box-sizing:border-box;
	line-height:1.5;
}

/********* chara name *********/
.log_body dl dt{
	width:18%;
	position:relative;
}
.log_body dl dt:after{
	content: "≫";
	font-size:82%;
	position:absolute;
	top:7px;
	right:20px;
}
.log_body dl.none dt,
.log_body dl dt.name_none{
	display:none;
}
.log_body dl.none:first-child dt{
	display:block;
}


/********* text *********/
.log_body dl dd{
	width:100%;
}
.log_body dl dt + dd{
	width:82%;
}
.log_body dl.none dd{
	margin-left:18%;
}
.log_body dl.none:first-child dd{
	margin-left:0;
}
.log_body dl dt.none + dd{
	margin-left:0;
}


/********* glink *********/
.log_body .glink{
	font-weight:bold;
}

/********* pushlog *********/
.log_body .log{
	margin-top:10px;
	padding:15px 3px 3px 3px;
	border-top: 1px solid rgba(200,200,200,0.2);
}







/******************************************
    vertical
******************************************/
.log_body.vertical {
	margin:0 4% !important;
	height:75% !important;
}
.log_body.vertical dl {
	padding-top:0;
	margin-top:0;
	padding-right:10px;
	margin-right:10px;
	border-right: 1px solid rgba(255,255,255,0.3);
	border-top: none;
}

.log_body.vertical dl.none {
	padding-right:0;
	margin-right:0;
	border-right: none;
}
.log_body.vertical dl:first-child {
	margin-right:0;
}
.log_body.vertical dl:last-child {
	border-left: 1px solid rgba(255,255,255,0.3);
	padding-left:10px;
}
.log_body.vertical dl.none:first-child {
	border-right: 1px solid rgba(255,255,255,0.3);
}

.log_body.vertical dl dt,
.log_body.vertical dl dd {
	padding: 3px;
}

/********* chara name *********/
.log_body.vertical dl dt{
	width:auto;
	height:20%;
	padding-top:5px;
}
.log_body.vertical dl dt:after{
	display:none;
}
.log_body.vertical dl.none dt,
.log_body.vertical dl dt.name_none{
	display:none;
}
.log_body.vertical dl.none:first-child dt{
	display:block;
}


/********* text *********/
.log_body.vertical dl dd{
	width:auto;
	height:100%;
	padding-top:0.5em;
	border-top:1px dotted rgba(255,255,255,0.3);
}
.log_body.vertical dl dt + dd{
	height:80%;
}

.log_body.vertical dl.none dd{
	margin-left:auto;
	margin-top:20%;
}
.log_body.vertical dl.none:first-child dd{
	margin-left:auto;
	margin-top:0;
}
.log_body.vertical dl dt.none + dd{
	margin-top:0;
	border-top:none;
	height:100%;
}



/********* glink *********/
.log_body.vertical .glink{
	
}

/********* pushlog *********/
.log_body.vertical .log{
	margin-right:10px;
	padding:3px 13px 3px 3px;
	border-right: 1px solid rgba(255,255,255,0.3);
}



/******************************************
    Tate Chu Yoko
******************************************/
.tcy,.text_tcy span {
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
}
