/*--------------------------------------------------------------
  サイドバーのスタイル
--------------------------------------------------------------*/

#sidebar {
  position: relative;
  float: left;
  padding: 0 15px;
  width: 30.5%;
  margin-top: -54px;
  z-index: 999;
}

.widget {
  background: #fff;
  /* box-shadow */
  -moz-box-shadow:0px 0px 2px 2px #e8e8e8;
  -webkit-box-shadow:0px 0px 2px 2px #e8e8e8;
  box-shadow:0px 0px 2px 2px #e8e8e8;
  margin-bottom: 12px;
}

.widget-banner a img:hover,
.widget-info a img:hover {
  opacity: .7;
}

ul.widget-banner {
  padding: 0;
  margin: 0 ;
  overflow: hidden;
}

ul.widget-banner img {
  display: block;
  margin: 0 auto;
}

ul.widget-banner li {
  list-style: none;
  margin-bottom: 12px;
  background: #fff;
  padding: 0;
}

h3.widget-title {
  font-size: 1.6rem;
  padding: 13px 0 13px 20px;
  margin: 0 0 17px;
  background: url("../../img/left-line.png") ,-moz-linear-gradient( #ffffff 0%, #e6e5e5 100%);
  background: url("../../img/left-line.png") ,-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e5e5));
  background: url("../../img/left-line.png") ,-webkit-linear-gradient( #ffffff 0%, #e6e5e5 100%);
  background: url("../../img/left-line.png") ,-ms-linear-gradient( #ffffff 0%, #e6e5e5 100%);
  background: url("../../img/left-line.png") ,linear-gradient( #ffffff 0%, #e6e5e5 100%);
  background-repeat: no-repeat;
  background-position: 2.2%;
  /*font-weight: 400;*/
}

.widget-info {
  padding: 0 17px 5px;

}

.widget-info p {
  font-size: 1.3rem;
  line-height: 1.5;
  margin-bottom: 20px;
}

.widget-info img {
  display: block;
  margin: 0 auto;
  margin-bottom: 12px;
}

.mobile-row {
  /*widgetのスマホ表示時*/
  display: none;
}

@media (max-width: 768px) {
  #sidebar {
    float: none;
    padding: 0 15px;
    width: 100%;
    margin-top: 0;
  }
  ul.widget-banner li {
    padding: 0 5px;
  }
}




/*--------------------------------------------------------------
  END
--------------------------------------------------------------*/