@charset "UTF-8";
/* ページ内リンクの位置調整 */
section {
  margin-top: -60px;
  padding-top: 60px;
}


html{

    font-size: 0.875rem;

}



/*------------body------------*/
body {

    /*--font-size: 96%;--*/
    color: #3D3D3D;
   /*---font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;---*/

}


/*------------リンク文字色------------*/

a{
	color: #362F2D;
	text-decoration: none;
}

a:hover, a:focus {

  color: #FFC107;
  text-decoration: none;

}


.jumbotron {

	background: url(../img_common/jumbotron.jpg) center no-repeat; 
	background-size: cover;
}


/*--image_header_mark.pngの設定--*/
#page_head-title{

    /*---width: 670px;---*/
    background-image : url(../img_common/image_h2title_mark.png);
    background-repeat: no-repeat;
    background-position:0%;
    padding-left:40px;

}

#page_head-title h2{

	font-size: 2rem;
	margin-bottom: 15px;

}

.card-header {

	background: linear-gradient(to bottom, #fff,#F8F6E2);
	/*---background-color: #F8F6E2;---*/

    	font-size: 1.3rem;

}


/*------------フッター------------*/

footer {

	background: linear-gradient(to bottom, #FFF, #D6DFD4);
	/*---background: linear-gradient(to bottom, #FFF, #8DC63F);---*/

	/*---
    	background-image : url(../img_common/image_footer-logo.png);
    	background-repeat: no-repeat;
    	background-position:0%;
    	padding-right:40px;
	---*/
}

footer a:hover, a:focus{
	color: #F24026;
	text-decoration: none;
}



/*------------テーブル------------*/


table th {

	background-color: #E6E6E6;
	color: #28A745;

	/*---background: linear-gradient(to bottom, #fff,#FAFAFA);
	background-color: #F8F6E2;
	color: #887546;--*/
}


.my_table th {

	background-color: #FFF;
}


.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(211, 233, 205, 0.3);
}

.table-hover tbody tr:hover {

	background-color: rgba(211, 233, 205, 0.5);
	/*---background-color: rgba(247,148,29, 0.25)---*/
	/*---color: #FFF;---*/

}

/*---navの装飾関連（4080行～4140行）---*/

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;

	/*---追記---*/
	background-image: linear-gradient(to bottom, #fff,#F8F6E2);
	border-color: #e9ecef #e9ecef #dee2e6;
}


/*---タブにフォーカスが移った時の装飾---*/

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;

	/*---追記---*/
	background: #A8D39B;
	background: linear-gradient(to bottom, #fff,#A8D39B);

}

/*---選択タブ（マウスポインタON時）の装飾---*/
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background: #FFF;
  border-color: #dee2e6 #dee2e6 #fff;

}


.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}


/*---追記（重要！ページ表示時に初期選択タブの色を白に）---*/
.nav-tabs .active {

	background: #FFF;

}





/*---https://monoxa.net/2019/07/css-setting-to-display-mega-menu-in-bootstrap/---*/


.mega-menu {
  position: static;
}
.mega-menu .dropdown-menu {
  width: 100%;
}


.dropdown-hover .dropdown-menu {
  transition: all 0.3s;
  max-height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
}
.dropdown-hover:hover .dropdown-menu {
  max-height: 500px;
  opacity: 1;
}