@charset "UTF-8";


/*  ==============================

bootstrapの既存設定を上書き

============================== */
/*
今回は、sm指定なので768pxサイズまでは横並びでそれより小さくなったら縦に並べる

画面横幅が992px以上なら横は978pxに固定
基本的にこのサイズ以上にはならないので、このサイズを基準に画像を作る
12列に分けると、1列81.5px、横のpaddingが15なので、1列実質66.5px。
col-sm-4の場合の画像の大きさは266px、スマホでもきれいに見せる為に倍の532pxでつくる
col-sm-3の場合の430pxでつくる
col-sm-5の場合の332だから664でつくる
*/
.container{
	padding-top:15px;
	padding-bottom:15px;
}

/* 画面サイズが992px以上なら横幅を978pxにする */
@media (min-width: 992px) {
  .container {
    width: 978px;
	margin-left:auto;
	margin-right:auto;
  }
}

/* スマホ用（smの767px以下の画面サイズ）適用 */
@media (max-width:576px) {
.container{
	padding-top:0px;
	padding-bottom:0px;
}

}



/* 画面サイズ縦が600以下ならメニューにスクロールを出す */
@media (max-height: 650px){
	.bootstrap_myscroll{
	max-height: 50vh;
	overflow-y: auto;
	padding-right:20px;
	}
}



/* ナビバー　*/
.navbar{
	/*border-radius:0px; ナビバーの角丸を四角にする　*/
	/*margin-bottom:0px; ナビバーの下のスペースを消す　*/
}
.navbar-dark .navbar-toggler {
    border-color: rgba(0,0,0,0);/* ハンバーガーメニューの枠線を消す　*/
}
.navbar-dark .navbar-toggler:focus{
  outline:none;/* ハンバーガーメニューの枠線を消す　*/
}
/* ハンバーガーメニュー太さ色を変える　*/
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

a.navbar-brand{
	text-decoration: none;
	font-size: 140%;
	padding-right:40px;
}


/* ナビバーメニューリンクの設定 */
li.dropdown a.dropdown-item,
li.dropdown a.dropdown-item:active,
li.dropdown a.dropdown-item:focus,
li.dropdown a.dropdown-item:hover{
	text-decoration: none !important;
}
li.dropdown a.dropdown-item:hover{
	background-color:#fff !important;
}
.dropdown-menu{
	background-color:#E8F1FF;
}


.navbar-dark .navbar-collapse .nav-item a.nav-link{
	color: #fff;
	text-decoration: none;
}
.navbar-dark .navbar-collapse .nav-item:active .nav-link,
.navbar-dark .navbar-collapse .nav-item:focus .nav-link,
.navbar-dark .navbar-collapse .nav-item:hover .nav-link {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

.nav-item{
	padding-right:10px;
	line-height:1.6em !important;
}

/*メニューのハンバーガーを押した時にメニューが右側に表示される*/
.bootstrap_update_hum li{
	/*text-align:right;*/
}
/*ナビバーの背景を濃いネイビーに*/
.bootstrap_update_nav_bg{
	/*background-color:#496395;*/
	background-color:rgba(19,37,73,0.9);
}