@charset "UTF-8";

#content .box {
	padding: 1em;
	border: none;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

#content .box2 {
	padding: 1em;
	border: none;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

#content .radius {
	border-radius: 10px;
}

#content .box h3 {
	margin-top: 0;
}

#content .box p {
	margin-top: 0;
	line-height: 1.4;
}
div.inlineblock {
	display: inline-block;
}

#content .flexbox {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

#content .flexbox.reverse {
	flex-direction: row-reverse;
}

#content .flexbox .flexitem.width30 {
	width: 30%;
}

#content .flexbox .flexitem {
	padding: 2rem;
	max-width: 50%;
}

#content .box.gray {
	background-color: #444444;
	color: #FFFFFF;
}

#content .box.blue {
	background-color: #57ADC7;
	color: #FFFFFF;
}

#content .box2.blue {
	background-color: #57ADC7;
	color: #FFFFFF;
}

#content .box.green {
	background-color: #6c9319;
	color: #FFFFFF;
}

#content .box.lightgreen {
	background-color: #6fd09f;
	color: #333333;
}

#content .box.olive {
	background-color: #6C8F28;
	color: #FFFFFF;
}

#content .box.pink {
	background-color: #F56883;
	color: #FFFFFF;
}

#content .box.orange {
	background-color: #FA7D3C;
	color: #FFFFFF;
}

#content .box.orange2 {
	background-color: #FDD4BE;
	color: #FA7D3C;
}

#content a .box {
	text-decoration-line: none;
}

#content .card .card-body {
	padding: 1em;
}

#content .card.yellow {
	background-color: #FFBD32;
	color: #FFFFFF;
}

#content .card.blue {
	background-color: #0074BD;
	color: #FFFFFF;
}

#content .card.pink {
	background-color: #FF4398;
	color: #FFFFFF;
}

#content .card.green {
	background-color: #00951D;
	color: #FFFFFF;
}

#content .card.purple {
	background-color: #6F3B9D;
	color: #FFFFFF;
}

#content .box.default {
	background-color: #FFFFFF;
}

#content .mbtm1rem {
	margin-bottom: 1rem;
}

#content .mbtm3rem {
	margin-bottom: 3rem;
}

#content .mtop3rem {
	margin-top: 3rem;
}

#content .yellow {
	color: #FFF374;
}

#content .md {
	font-size: 200%;
}

#content .bg {
	font-size: 300%;
}

#content .sm {
	font-size: 140%;
}

@media all and (max-width: 515px) {
	#content .flexbox .flexitem {
		padding: 0.5rem;
		width: auto;
	}
	
	#content .bg {
		font-size: 5.6vw;
	}
	
	#content .md {
		font-size: 4.7vw;
	}
	
	#content .sm {
		font-size: 4.0vw;
	}
}

#content .label.label-block {
	display: block;
}

#content .panel.panel-danger {
	border-color :#FF5C67;
}

#content .panel.panel-danger .panel-heading {
	background-color: #FF5C67;
	border-color: #FF5C67;
	color: #FFFFFF;
}





#content .panel.panel-danger .panel-warning .panel-heading {
	background-color: #f46600;
	border-color: #f46600;
	color: #FFFFFF;
}

#content .panel.panel-danger .panel.panel-warning {
    margin-bottom: 19px;
    border: 2px solid #f46600;
}

#content .panel.panel-danger .label-danger.label-outline {
	background-color: #FFFFFF;
	border-color: #FF5C67;
	color: #FF5C67;
}

.marker.blue.thin {
background: linear-gradient(transparent 80%, #FA7D3C 80%);
}

#content a.breakall {
	text-decoration: none;
	word-break: break-all;
}

.content_full {
	margin: 10px -10px 10px;
	padding: 20px;
}

.vdlv7 {
	font-family: "vdl-v7gothic",sans-serif;
}


.orange, .orange a { color: #FA7D3C; }


/* ----------------------------------------
 * コンテンツ内ドット柄タイトル
 * ---------------------------------------- */



.section {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.section .section-header {
	padding: 15px;
	/*background-color: #ffdbc1;*/
	/*background-image: radial-gradient(#FFF 10%, transparent 20%), radial-gradient(#FFF 10%, transparent 20%);*/
	/*background-size: 20px 20px;*/
	/*background-position: 0 0, 10px 10px;*/
	margin: 4rem 0 1rem;
}

/** 00. ドット背景
 **************************************************************** **/
/* ドット斜め */
.bg_dot{
	background-color: #B1D26B;
	background-image:
		radial-gradient(#DDEDBC 20%, transparent 20%),
		radial-gradient(#DDEDBC 20%, transparent 20%);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
	border: solid 1px #B1D26B;
}

/* ドット色違い */
.dot-mix{
	background-image:
		radial-gradient(#DDEDBC 20%, transparent 20%),
		radial-gradient(#DDEDBC 20%, transparent 20%);
}

/* ドットサイズ違い */
.dot-size{
background-image:
	radial-gradient(#DDEDBC 20%, transparent 20%),
	radial-gradient(#DDEDBC 35%, transparent 35%);
}




/** 04. Bootstrap Function expansion
 **************************************************************** **/
.row-center {
	letter-spacing: -0.4em;
}

.row-center > [class*='col-'] {
	display: inline-block;
	letter-spacing: 0;
	vertical-align: top;
	float: none !important;
}

/*Vertical center alignment*/
.row-center.va-middle > [class*='col-'] {
	vertical-align: middle;
}

/*Bottom alignment*/
.row-center.va-bottom > [class*='col-'] {
	vertical-align: bottom;
}




/* ----------------------------------------
 * header-nav
 * --------------------------------------- */
#content .container_nav ul li, #content .container_nav ol li {
	line-height: 1.2;
}
#content .container_nav ul, #content .container_nav ol {
	margin: 0;
	margin-bottom: 0;
}
#content .container_nav ul {
	margin: 0;
	padding-left: 0;
}
.container_nav {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.header-nav .container {
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.header-nav ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 5px 0;
	list-style: none;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.header-nav a, .header-nav a:link, .header-nav a:visited {
	text-decoration: none;
	color: #6c9319;
}
.header-nav a {
	font-size: 0.9rem;
	font-weight: 500;
	position: relative;
	display: block;
	padding: 5px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	text-decoration: none;
	margin: 0 5px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;
}
.header-nav a:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
.header-nav a:hover{
	background-color: #6c9319;
	color: #fff;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.header-nav .container {
	padding-right: 12px;
	padding-left: 12px;
}
.header-nav a:after {
	display: block;
	height: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	content: '';
}
.header-nav li {
	padding: 5px 3px;
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
@media screen and (max-width: 979px){
	.header-nav a {
		font-size: 0.9rem;
		text-align: center;
	}
}
@media screen and (max-width: 767px){
	.header-nav li {
		width: 50%;
		-webkit-box-flex: initial;
		-moz-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}
	.header-nav a:after {
		position: absolute;
		top: 50%;
		right: 5px;
		width: 10px;
		margin-top: -4px;
	}
}
@media screen and (max-width: 480px){
	.header-nav li {
		width: 50%;
		-webkit-box-flex: initial;
		-moz-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}
	.header-nav a {
		font-size: 0.9rem;
		text-align: center;
	}
}


/* -------------------------------------------------- *
 * タブを修正
 * -------------------------------------------------- */

.nav-tabs-outer {
	overflow-x:scroll;
}
.nav-tabs-outer::-webkit-scrollbar {
	display: none;
}
.nav-tabs-outer .nav-tabs li {
	display: block;
	width: 50%;
}
@media (max-width: 768px) {
	.nav-tabs-outer{
		overflow-x: scroll;
	}
	.nav-tabs-outer .nav-tabs li {
		display: block;
		width: 50%;
	}
	.nav-tabs-outer .nav-tabs li a {
		padding:5px;
	}
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #FA7D3C;
	border: 1px solid #FA7D3C;
	border-bottom-color: transparent;
}

.nav > li > a {
	color: #FA7D3C;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 4px;
	background-color: #F7D7C6;
	border: 1px solid #F7D7C6;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.nav-link.active,
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	color: #fff;
	cursor: default;
	background-color: #FA7D3C;
	border: 1px solid #FA7D3C;
	border-bottom-color: transparent;
}

.nav.nav-stacked > li:first-child > a {
	margin-left: 2px;
}