header.jumbotron {
      background: url("http://nom.mods.jp/bs/rive.jpg");
      background-position: center center;
      background-size: cover;
      color: #fff;
    }
 
   
    @media screen and (max-width: 480px) {
      header.jumbotron .container p {
        font-size: 16px;
      }
    
    header .container {
      margin-top: 8%;
    }
    
    header .midashi-btn {
      border: 1px solid #fff;
      color: #fff;
      border-radius: 0;
    }
    
    header .midashi-btn:hover {
      color: #0089ff;
      border-color: #0089ff;
    }
    
    .navbar-form {
      padding-right: 30px;
    }

/*.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;

height:320px;}*/


/* ===  ブートストラップminに移動させ中   ===

/*=================================================================
	About
==================================================================*/

#about {
    background-color: #c0c0c0;
    color: #000;
}

#about h3 {
    color: #fff;
    margin: 5 5 3 5px;
    text-transform: uppercase;
    text-align: center;
}

#about .welcome-block h3 {
    margin: 0 0 65px;
}

#about .welcome-block img {
    border: 3px solid #fff;
    border-radius: 50%;
    margin-right: 35px;
    max-width: 100px;
}

#about .message-body {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 70px;
}

.owl-buttons {
    border: 2px solid #fff;
    display: inline-block;
    float: right;
    padding: 1px 8px 5px;
}

.owl-buttons > div {
    display: inline-block;
    padding: 0 5px;
}

.welcome-message {
    padding: 0 50px;
}

.welcome-message img {
    display: block;
    height: auto;
    max-width: 100px;
    float: left;
}

.welcome-message p {
    font-size: 13px;
    margin-left: 135px;
}


/* about */

.button {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	line-height: 40px;
        padding:20px;

}
.button:hover {
	background-color: rgba(255, 255, 255, .2);
}

.btn {
	background-color: transparent;
	border: 1px solid #999999;
	color: #999999;
	line-height: 20px;
        padding:5 5 5 5px;

}
.btn:hover {
	background-color: rgba(255, 255, 255, .2);
}


fluid2 {
padding:0;}
    
.sample01 {
  margin: 3 0px;
  padding: 0.5em 0 0.3em 1em;
  border-left: 10px solid #c0c0c0;
  font-size: 130%;
  font-weight: bold;
  color: #808080;
}


h4{
    margin: 0 0 1.5em;
    padding: 0.5em;
    border-left: 7px solid #c0c0c0;
    border-bottom: 1px dashed #c0c0c0;
    font-size: 1.143em;
    font-weight: bold;
}

移動させ中ここまで　*/

#main {
 width: 75%;
 float: left;
}

 
/* フレックスコンテナ（メインカラム） */
#main {
 display: -webkit-flex; /* for Safari */
 display: -ms-flexbox; /* for IE10 */
 display: flex;
  
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
 flex-direction: row;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
 
/* フレックスアイテム（投稿記事） */
article {
 -webkit-flex: 1 1 230px;
 -ms-flex: 1 1 230px;
 flex: 1 1 230px;
 
 min-width: 230px;
 margin: 0 10px 10px 0;
 padding: 10px;
 background: #fc9;
 border-radius: 3px;
}
 
/* 横並びのアイテム幅に変化をつける */
article:nth-of-type(1),
article:nth-of-type(5) {
 -webkit-flex: 100 1 230px;
 -ms-flex: 100 1 230px;
 flex: 100 1 230px;
}
article:nth-of-type(9) {
 -webkit-flex: 1 1 100%;
 -ms-flex: 1 1 100%;
 flex: 1 1 100%;
}
 
/* 記事以外のアイテム幅を100%に */
.category-title,
.pagination {
 width: 100%;
}
.pagination {
 text-align: center;
}
 
/* 画面の小さなデバイスでは、ブロックレイアウトに */
@media only screen and (max-width: 768px) {
 #main {
  display: block;
 }
}
/* スマホではワンカラムに */
@media only screen and (max-width: 480px) {
 article {
  margin-right: 0;
 }
 #main {
  width: 100%;
  float: none;
 }
}
====*/

/*===フレックスボックス====*/

.item {
  border-radius: 10px;
  background: #999999;
  padding: 15px;
  margin: 5px;
  text-align: center;
}
/*
img {
  width: 100%;
  height: auto;
}*/


 
p {
  text-align: left;
}
 
/* Responsive */
@media ( min-width : 600px ){
    .flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    }
  .item {    width: 25%;
				}
			

.popover .popover-title {
    background: none;
    border-bottom: medium none !important;
    margin: 0 !important;
    padding: 10px 14px 0 !important;
}



/*=================================================================
	↑追加分ここまで↑
==================================================================*/


    .main-content .content-area {
      padding: 20px 15px;
    }
    
    .sidebar aside {
      background: #fff;
      padding: 20px;
      margin-bottom: 20px;
    }

/*　フッターブートストラップに移動させ中　   
    footer {
      text-align: center;
      padding: 10px;
      background: #101010;
    }
*/