@charset "utf-8";
/* CSS Document */
/* ##################################################################### */
/*	モバイルレ : 480 px およびそれ以下
/* ##################################################################### */
/* ===================================================================== */
/*	基本設定
/* ===================================================================== */
/* フォント基本設定　*/

body {
	color: #333333;
}

a {
	color: #0F7000;
}

a:hover{
	color: #DB0000;
}

h1, h2, h3, h4, h5{
	color: #0039F1;	
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	color: #C70000;
}







.navbar .navbar-nav > li.globalnavi a {
    color: #DB0003;
}



.dropdown-item.active, .dropdown-item:active {
    color: #DB0000;
    background-color: #EBEBEB;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #DB0000;
    background-color: #EBEBEB;
}







.label-category-base {
	background-color: #197000;
}

.label-category-important {
	background-color: #C80000;
}

.item2 {
    background-color: #B81B30;
    color: #FFFFFF;
}
.item2 a{
    color: #FFFFFF;
}
.item2 a:hover{
	color: #ccc;
}

.item2 .card-header {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: none; 
}
.point h2 {
    color: rgba(219,0,3,1.00);
}
.point h3 {
    color:#333333;
}





/* ===================================================================== */
/*	フッターのカラー
/* ===================================================================== */


footer, footer a{
    color: #EBEBEB;
}

footer .section1 {
    background-color: #4a4b54;
}
footer .section2 {
    background-color: #41424a;
}
footer .section3 {
    background-color: #000000;
}
/* ===================================================================== */
/*	見出し飾りの色
/* ===================================================================== */
/* ===================================================================== */
/*	見出し　リボン
/* ===================================================================== */
/*	見出し　リボン h1 */
.h_ribon h1{
	background-color: #000000;
	color: #FFFFFF;
}
.h_ribon h1::before{
	border-right-color: #ccc;	
}
/*	見出し　リボン h1 */
.h_ribon h2{
	background-color: #000000;
	color: #FFFFFF;
}
.h_ribon h2::before{
	border-right-color: #ccc;	
}
/*	見出し　リボン h3 */
.h_ribon h3{
	background-color: #000000;
	color: #FFFFFF;
}
.h_ribon h3::before{
	border-right-color: #ccc;
}

.h_ribon p{
	background-color: #5C3502;
	color: #FFFFFF;
}
.h_ribon p::before{
	border-right-color: #ccc;	
}


/* ===================================================================== */
/*	見出し　フラット
/* ===================================================================== */
/*	見出し　フラット h1 */	
 .h_flat h1, .h_flat h2, .h_flat h3{
	background-color: #24730C;
	color: #FFFFFF;
}

 .h_flat h1 a, .h_flat h2 a, .h_flat h3 a{
	background-color: #24730C;
	color: #FFFFFF;
}

.h_flat a h1:hover, .h_flat a h2:hover, .h_flat a h3:hover{
	background-color: #24730C;
}










/* ===================================================================== */
/*	見出し　basic
/* ===================================================================== */
/*	見出し　basic h2 */	

.basic h1 {
    font-size: 160%;
}
.basic h2 {
    font-size: 130%;
}

.basic h1, .basic h2 {
	color: #AF0000;
	margin-top: 25px;
	position: relative;
	padding-bottom: 0.5em;
	border-bottom: 4px solid #ccc;
}
.basic h1::after, .basic h2::after {
    background-color: #AF0000;
}
.basic h1::after, .basic h2::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 4px;
}

/* ===================================================================== */
/*	タイトルのグラデのカラー
/* ===================================================================== */
.pageTitleArea{
	background-image: -webkit-linear-gradient(0deg,rgba(0,38,5,1.00) 0%,rgba(27,62,24,1.00) 0%,rgba(217,228,157,1.00) 70.47%,rgba(68,99,51,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(0,38,5,1.00) 0%,rgba(27,62,24,1.00) 0%,rgba(217,228,157,1.00) 70.47%,rgba(68,99,51,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(0,38,5,1.00) 0%,rgba(27,62,24,1.00) 0%,rgba(217,228,157,1.00) 70.47%,rgba(68,99,51,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(0,38,5,1.00) 0%,rgba(27,62,24,1.00) 0%,rgba(217,228,157,1.00) 70.47%,rgba(68,99,51,1.00) 100%);
	margin-top: -15px;
	color: #FFFFFF;
}

.pageTitleArea p{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 180%;

}

/* ===================================================================== */
/*	フォームの中の色
/* ===================================================================== */

.form-control {
	color: #B3B3B3;
}

.form-control::-webkit-input-placeholder {
  color: #B3B3B3;
}


/* ===================================================================== */
/*	テーブルのカラー
/* ===================================================================== */

table {
	border-top: 2px solid #D52A2A;
}

/* ===================================================================== */
/*	アイコンのカラー
/* ===================================================================== */
.fa-external-link-alt{
	color: #4C75F9;
}

.fa-file-pdf{
	color: #AA0002;	
}

.fa-file-excel{
	color: #146F02;
}

.fa-arrow-alt-circle-right{
	color: #E57900;
	margin-right: 5px;
}


.breadcrumb {
  background-color: transparent!important;

}

/* ##################################################################### */
/*	タブレット小
/* ##################################################################### */
@media (min-width: 480px) {
/* ===================================================================== */
/*	タブレット小　共通基本設定
/* ===================================================================== */
.pageTitleArea{
	margin-top:-15px!important;
}
	
}

/* ##################################################################### */
/*	タブレット大
/* ##################################################################### */
@media (min-width: 768px) {
/* ===================================================================== */
/*	タブレット大　共通基本設定
/* ===================================================================== */

	.pageTitleArea{
	margin-top:-15px!important;
}
}

/* ##################################################################### */
/*	タブレット大
/* ##################################################################### */
@media (min-width: 993px) {
/* ===================================================================== */
/*	タブレット大　共通基本設定
/* ===================================================================== */

	.pageTitleArea{
	margin-top:45px!important;
}
body {

}
	
}


/* ##################################################################### */
/*	PC
/* ##################################################################### */
@media (min-width: 1200px) {
/* ===================================================================== */
/*	PC　　共通基本設定
/* ===================================================================== */
.bg-twotone{
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,236,255,1.00) 50%,rgba(85,147,255,1.00) 50%,rgba(85,147,255,1.00) 96.89%,rgba(255,255,255,1.00) 96.89%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,236,255,1.00) 50%,rgba(85,147,255,1.00) 50%,rgba(85,147,255,1.00) 96.89%,rgba(255,255,255,1.00) 96.89%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,236,255,1.00) 50%,rgba(85,147,255,1.00) 50%,rgba(85,147,255,1.00) 96.89%,rgba(255,255,255,1.00) 96.89%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(225,236,255,1.00) 50%,rgba(85,147,255,1.00) 50%,rgba(85,147,255,1.00) 96.89%,rgba(255,255,255,1.00) 96.89%,rgba(255,255,255,1.00) 100%);
}


	
.navbar .navbar-nav > li a{
	color: #000000!important;
}
	
.navbar .navbar-nav li a.dropdown-item{
	color: #533900!important;
	border-bottom: 1px dotted #666666;
	width: 370px;
}	
	.navbar .navbar-nav li a.dropdown-item:hover{
	color: #FF8E00!important;
	}
	
.navbar .navbar-nav .dropdown-item{
	background-color: #FDFDFD;
}
	
.navbar .navbar-nav .dropdown-item:hover{
	background-color: #F7F7F7;
}	
	
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
	color: #ffffff!important;
	background-color: #B49E76;
	height: 40px;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a {
	height: 40px;
}	
	
	
.pageTitleArea{
	margin-top: 45px!important;
}

.pageTitleArea p{
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 200%;
}	
	
	
}