/* 左サイドカラム非表示指定 */
#side{
  display:none !important;
}
#contents{
  float:left
     !important;
}
.col-lg-9 {
    width: 100%     !important;
}
.free{
  padding: 10px
}
.cat {
  font-size: 90%;
}
.resizeimage img { 
  width: 100%; 
}

/*
* slider
*/
.slider {
margin-top: 2em;
padding: 0 1.4%;
position: relative;
}
.bx-viewport {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
left: 0 !important;
border: none !important;
}
#slider div {
width: 100% !important;
}/*
* slider
*/
.slider {
margin-top: 2em;
padding: 0 1.4%;
position: relative;
}
.bx-viewport {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
left: 0 !important;
border: none !important;
}
#slider div {
width: 100% !important;
height:auto
}

.serchf {
text-align: right;
    }

.img_wrap{
  border: 1px solid #ddd;
  width: 100%;
  height: ;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img{
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}

.img_wrap2{
  border: 1px solid #ddd;
  width: 100%;
  height: ;
  margin: 0 auto;
  overflow: hidden;
}
.img_wrap2 img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap2:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.block{
border: 3px dotted #666666;
padding: 5px;
}
.grad-btn { /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/
}.grad-btn::before { content: "↓続きを読む↓"}
.grad-item { position: relative; overflow: hidden; height: 0px; /*隠した状態の高さ*/}.grad-item::before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; /*グラデーションで隠す高さ*/ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%); content: "";}.grad-trigger { display: none; /*チェックボックスは常に非表示*/}.grad-trigger:checked ~ .grad-btn::before { content: "↑閉じる↑" /*チェックされていたら、文言を変更する*/}.grad-trigger:checked ~ .grad-item { height: auto; /*チェックされていたら、高さを戻す*/}.grad-trigger:checked ~ .grad-item::before { display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/}

.cat{
font-size:70%; /*ここに検証で使用する単位を使用*/
}