section {
	margin:2em auto;
	background:#fff;
	border:#ddd 1px solid;
	padding:3em 2em;
}

h1 {
	margin-top:15px;
}

h2 {
	margin-top:2em;
	margin-bottom:1em;
}

section > h2 {
	margin-top:0;
}

.table-tetra-striped > tbody > tr {
  background-color: #ffff;
}

.table-tetra-striped > tbody > tr:nth-of-type(10n+1),
.table-tetra-striped > tbody > tr:nth-of-type(10n+2),
.table-tetra-striped > tbody > tr:nth-of-type(10n+3),
.table-tetra-striped > tbody > tr:nth-of-type(10n+4),
.table-tetra-striped > tbody > tr:nth-of-type(10n+5)
{
  background-color: #f9f9f9!important;
}

.table-tetra-striped > tbody > tr:nth-of-type(5n) {
	border-bottom: 2px solid #dee2e6;
}

.table-striped th,
.table-tetra-striped th {
	background:#DDCDB7;
	border:1px solid #adadad!important;
	color:#7F0000;
	font-size:115%;
	font-weight:bold;
	text-align:center;
}

.table-striped td,
.table-tetra-striped td {
	border:1px solid #dee2e6;
}

table.va-mid td,
table.va-mid th {
	vertical-align:middle;
}

.admin-panel .btn {
	margin:0.5em 2em;
}

.admin-panel .panel-group {
	margin-bottom:3rem;
}

.container {
	margin:1rem auto;
}

.container h1 {
	font-size:1.8rem;
	margin-bottom:0.5rem;
}

.errors {
	color:#e3342f;
}

.ac {
	text-align:center;
}

.ar {
	text-align:right;
}

.messagebox {
	margin:2em 1em;
	text-align:center;
}

.btn-s {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;

	margin:0.5em!important;
}

.btn-ms {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;

	margin:0;
}


a[target="_blank"] {
	padding-right: 30px;
	background:url("../images/iconOuterLink.png") no-repeat right top;
	background-size:15px 15px;
	line-height:1.7em;
}

textarea[name="messageBody"],
.single {
	margin:1em auto;
	height:6em;
	width:100%;
}

.first {
	background-color:#f0ad4e;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.danger {
	background-color:#e3342f;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.invalid {
	background-color:#6c757d;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.mb2 {
	margin-bottom:2em;
}

.msgBottom {
	font-size:80%;
	color:#fff;
	text-align:center;
	background:#CCC;
	border:1px solid #AAA;
	padding:10px;
	margin:1em auto;
	width:30%;
}

.col-form-planevalue {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.6;
}

.form-control:focus {
	border-color:#f6e3cc;
	box-shadow:0px 0px 0px 0.2rem rgba(220,144,52,0.25);
}


input[type=radio],
input[type=checkbox] {
	margin-right:0.5em;
}


.checkboxBlock input[type=checkbox] {
	margin-left:1em;
}

.checkboxBlock input:first-child {
	margin-left:0em;
}

/* 新レイアウト用 */

#mainLogo {
	width:150px;
}

body {
	background:#F4EFE8;
}

.card-header {
	background:#800000;
	color:#fff;
}

.btn-primary {
	background:#DDCDB7;
	color:#800000;
	border:#7F0000;
}

.btn-primary:hover {
	background:#7F0000!important;
	color:#fff!important;
}

a {
	color:#7F0000;
}

a:hover {
	color:#DDCDB7;
}

.nav-item {
/*	border:1px solid #7F0000!important;*/
}

.nav-item .active {
	background:#7F0000!important;
	border:1px solid #7F0000!important;
	color:#fff!important;
}

.nav-tabs {
	border-bottom:1px solid #7F0000!important;
}

.tab-pane > p {
	margin-top:2em;
}

/* ページネイションここから */
.page-item.active .page-link {
	background:#7F0000;
	border-color:#DDCDB7;
}

.page-link {
	color:#7F0000;
}
/* ページネイションここまで */

.note {
	font-size:70%;
	color:#800000;
}

.sp {
	display:none;
}

.pc {
	display:block;
}

/* スマホ用微調整 */
@media screen and (max-width: 767px) {
	.sp {
		display:block;
	}

	.pc {
		display:none;
	}

	.sp-smaller {
		font-size:80%;
	}

	h2 {
		font-size:1rem;
		margin-top:2em;
		color:#7F0000;
		font-weight:bold;
	}

	#home section {
		border:0;
		padding:0;
	}

	#home .container {
		padding-left:0;
		padding-right:0;
	}

	.table-sp-v th,
	.table-sp-v td {
/*		display:block;*/
		font-size:0.85em;
		padding-top:5px;
		padding-bottom:5px;
	}

	.table-sp-v th {
		font-size:0.8em;
	}

	.panel-title {
		font-size:1.1rem;
		text-align:center;
	}

	.sp-al {
		text-align:left;
	}

	.mailIcons {
		zoom:80%;
	}

	.idx {
		font-weight:bold;
		margin-top:1em;
	}
}