@charset "utf-8";

/* ===================================================================
CSS information

file name  : manual.css
author     : Abilive
style info : マニュアル用CSS
=================================================================== */


.wrpForm {
	padding: 1rem;
	background-color: #f5f5f5;
	color: #333333;
	text-align: left; /* テキストを左寄せ */
font-size: larger;
}

.wrpInforamation {
	border-top: 1px solid #ccc;
	padding-top: 3rem;
}

.wrpInforamation img {
	width: 100%;
	height: auto;
}

.wrpInforamation .red {
	color: red;
}

.wrpInforamation table {
	width: 100%;
}

.wrpInforamation table thead th {
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom: 0;
	padding: .5rem;
}

.wrpInforamation table tbody td {
	border: 1px solid #ccc;
	padding: .5rem;
	width: 70%;
}

.wrpInforamation table tbody th {
	border: 1px solid #ccc;
	padding: .5rem;
	width: 30%;
}

.wrpInforamation.mt-5 {
	margin-top: 5rem;
}

.wrpInforamation.mt-4 {
	margin-top: 4rem;
}

.wrpInforamation.mt-3 {
	margin-top: 3rem;
}

.wrpInforamation.mt-2 {
	margin-top: 2rem;
}

.wrpInforamation pre {
    border: 1px solid #222;
    background-color: #333;
    color: #fff;
    margin-top: 1rem;
    padding: 1rem;
    overflow-x: auto;
    position: relative;
}
.wrpInforamation .copy-button  {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: #fff;
    padding: .5rem;
}
.wrpInforamation .mb-3 {
    margin-bottom: 3rem !important;
}

.wrpInforamation .mb-2 {
    margin-bottom: 2rem !important;
}

.wrpInforamation .mb-1 {
    margin-bottom: 1rem !important;
}

.wrpInforamation .mt-3 {
    margin-top: 3rem !important;
}

.wrpInforamation .mt-2 {
    margin-top: 2rem !important;
}

.wrpInforamation .mt-1 {
    margin-top: 1rem !important;
}

.wrpInforamation .mt-05 {
    margin-top: .5rem !important;
}

.wrpInforamation .mb-05 {
    margin-bottom: .5rem !important;
}

.wrpInforamation .pt-0 {
    padding-top: 0 !important;
}

.wrpInforamation .bd-0 {
    border: 0 !important;
}

.wrpInforamation .fw-b {
	font-weight: bold;
}

.wrpInforamation .atn {
	font-size: 0.8rem;
}

.wrpInforamation .borderBox {
	border: 1px solid #ccc;
	padding: 1rem;
}

.wrpInforamation .boxInfo dt, .wrpInforamation .boxInfo dd {
	display: inline-block;
}

.wrpInforamation .boxInfo dt {
	font-weight: bold;
}