.navbar{
  margin-bottom: 0;
}

/* ヘッダー背景を入れる場合下記()内に画像を指定 */
.jumbotron{
  background-image:url(https://blog-imgs-127-origin.fc2.com/g/b/v/gbvx257/20190525042613e5c.jpg);
  background-size:cover;
  background-position:center;

}


.col-md-9>article {
  position: relative;
  margin-bottom: 20px;
}
.col-md-9>article img {
  border: 4px solid #FFFFFF;
  -webkit-box-shadow: 0px 1px 1px 0px #999999;
  -moz-box-shadow: 0px 1px 1px 0px #999999;
  box-shadow: 0px 1px 1px 0px #999999;
}
.col-md-9>article .media img {
  max-width:120px;
}
.col-md-9>article:nth-child(1) .media img{
  max-width:240px;
}

.media-body{
	height:100px;
}
.media-body .btn {
	position: absolute;
	right: 12px;
	bottom:16px;
}
.col-md-9>article:nth-child(1) h3{
	font-size: 36px;
}


.media-footer p{
	text-align:right;
}

/* back to top */
#page-top {
  position: fixed;
  right: 10%;
  bottom: 80px;
  font-size: 600%;
  opacity: 0.8;
  z-index: 500;
}

#page-top a {
color:#2a9fd6;
text-shadow: 1px 8px 4px #336;
}

img{
max-widht:100%;
}

img {
max-width: 100%;
height: auto;
}
body {
background-color: #2f2f2f;
color: #0099cc;
}
.xxx {
  position: relative;
  width: 100%;
}
.xxx::before {
  content:"";
  display: block;
  padding-top: 56.25%;
}
.xxx iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* タグリスト */
.tag_list {
margin: 0;
padding: 0px 0px 5px 0px; /* 文字位置(上・右・下・左) */
text-align: right; /* 表示位置(右) */
list-style-type: none;
}