@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;
}

}



/* ナビバー　*/
.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");
}

.navbar-collapse ul.navbar-nav li.nav-item{
	line-height:2;/* ハンバーガーメニューの行間を狭くする　*/
	padding-right:10px;
}

/* ナビバーメニューリンク色の設定 */
.navbar-dark .navbar-collapse .nav-item a.nav-link{
	color: #fff;
}
.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: #C9E0F4;
}


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