@charset "UTF-8";

/*---@import url('https://fonts.googleapis.com/css?family=Caveat:400,700');--*/
/*---@import url('https://fonts.googleapis.com/css?family=Courgette');---*/
@import url('https://fonts.googleapis.com/css?family=Kalam:500,800');

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


body {
	color            : #646464;
	/*---color            : #754C24;---こげ茶*/
	font-family      : 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;

	/*---font-family      : 'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif;---*/
	/*---background-color : #000;--*/

	/*---background: linear-gradient(#EFEFBB,#f2fcfe);--*/
	/*---background: linear-gradient(-90deg,#2BC0E4,#EAECC6);---*/

	}

nav {

	/*---background-color: #72BCEB;---*/
	/*----background-color: #8DC63F;---*/

	background: linear-gradient(#72BCEB,#50AFEC);

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

}





footer {

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

}



footer ul li{

	font-size: 0.8rem;

}

table th{

	/*---background-color: #F8F6E2;---*/

}

table td ul, ol{

	margin-bottom: 0px;
	margin-left: -1rem;

}

table td li{

	padding-top: 0.5rem;
	padding-bottom: 0rem;

}

table td a:hover {

  	text-decoration: none;

}


#subtitle {

	font-family: "Kalam";
	/*---color: #FFF;---*/
}

.jumbotron {


	background: url(../img/bg_jumbotron/image_bg.jpg) center no-repeat; 
	background-size: cover;

	/*---background-color: #EDEDED;---*/
	/*---background-color: #8DC;---*/
}


.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(114, 188, 235, 0.1);
}

.table-hover tbody tr:hover {

	background-color: rgba(114,188,235, 0.5);
	/*---background-color: rgba(247,148,29, 0.25)---*/
	color: #FFF;

}

.container table th,td.cell-center {

        vertical-align: middle;

}


.card-header {

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


.card-header small {

	font-family: "Kalam";
	/*---font-weight: 700;---*/

}


.web-font {

	font-family: "Kalam";
	/*---font-weight: 700;---*/

}



/*----

@media (min-width: 768px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }




@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }



@media (min-width: 768px) {
  .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

---*/


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

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;

 

}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;

}

.nav-tabs .nav-item {
  margin-bottom: -1px;

}

.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: #FDD049;
	color: #FFF;
	font-weight: bold;

}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;

	/*---追記---*/
	color: #FDD049;
	font-weight: bold;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

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

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

	background: #FFF;

}