@charset "utf-8";
/* 
 * 担当　Y.Syntarou
 * 日付　
 * ステータス　実験
 */

.manual_picture  img {
    margin: auto;
    height: 80vh;
    width: auto;
}

.entry-title {
   text-align: center;
    background: #E0E0FF;
}

.title-image {
    width: min(70vw, 550px);
    height: auto;
}
.hljs {
	max-height: min(60vh, 500px);
	font-size: 80%;
	overflow-x:scroll;
	overflow-y:scroll;
}

.smb-accordion__item__title {
    color: #4080FF;
    background: white;
    width: 95%;
    margin: auto;
    border-radius: 15px;
    border: 2px solid #40F030;
}
.smb-accordion__item__body {
    border:  solid #E0E090 1px;
    background: white; //#FFFFE0;
    border-radius: 15px;
    width: 90%;
    margin: auto;
    margin-top: 8px;
}

.container .hljs  table tr 
	border: none;
}

.container .hljs  table tr {
	background-color: transparent;
}

.zoomWindow {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 99999;
}

.zoomWindow .hljs {
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
/*
.hljs-ln-numbers {
	text-align: center;
	border-right: 2px solid #000;
	vertical-align: top;
	padding-right: 5px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*

pre.highlight {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 80%;
    border: solid 1px #9eadc0;
    background-color: #f9f9f9;
}

.hljs-ln-code {
	padding-left: 10px;
}

.hljs-ln-numbers {
line-height: 14px;
} 

code {
	white-space: pre-wrap;
	overflow: auto;
}
*/

.copy-button{
    color:#888;
    font-size:.6rem;
    display:inline-block;
    padding:8px 16px;
    margin-right:20px;
    box-shadow:0px 2px 5px 0px rgba(0,0,0,0.16), 0px 2px 6px 0px rgba(0,0,0,0.12);
    border:2px solid #666;
    cursor: pointer;
    background-color: #fff;
    transition: all .2s ease;
    position:absolute;
    right:0;
    top:-20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}
.copy-button.success{border-color:#00C851;background-color:#c8e6c9;color:#007E33;}
.copy-button.failed{border-color:#ff4444;background-color:#ffcdd2;color:#CC0000;}
.copy-button:hover{
    box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3), 0px 2px 10px 0px rgba(0,0,0,0.12);
}