/* CSS Document */

.bx-wrapper .bx-prev {
left: 20px !important;
position: absolute;
}

.bx-wrapper .bx-next {
right: 20px !important;
position: absolute;
}

/* Example3 */
example bxslider3  {
}

.bxslider3 {
	margin-top:-25px;
	margin-left:-1px;
	overflow: hidden;
}
.bxslider3 .bxslider {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	margin-left: -20;
}
.bxslider3 ul li img {
	width: 100%;
	height: auto;
}
.bxslider3 ul li {
	opacity: 0.5;
}
.bxslider3 ul li.active {
	opacity: 1;
}
.bxslider3 .bx-viewport {
	overflow: visible !important;
	height:420px;
}

#frontNews {
	margin-top:50px;
}
#frontNews > ul > span {
	display:block;
	padding-left:20px;
	width:calc(100% - 20px);
	background:#e90000;
	color:#FFFFFF;
}
#frontNews > ul > li {
	list-style:none;
	width:100%;
	display:inline-block;
	float:left;
	border-bottom:solid 1px #AAAAAA;
}

#frontNews > ul > li > a {
	width:calc(100% - 20px);
	padding-left:20px;
	display:block;
}
#frontNews > ul > li > a:hover {
	width:calc(100% - 20px);
	display:block;
	padding-left:-20px;
	background:#CCCCFF;
}

#topAd > li {
	width:calc((100% / 3) - 20px);
	list-style:none;
	float:left;
	margin:10px;
}

#topAd > li > a  img {
	width:100vw;
	padding-top:0px;
	background:#CCC;
}
#topAd > li > a:hover  img {
	padding-bottom:0px;
	opacity: 0.5;
}

#instafeed {
	display:block;
	width:100%;
	margin:auto;
}

.col-sm-3 {
	display:inline-block;
	width:calc((100% / 4) - 10px);
	margin:auto;
	padding:5px;
	float:left;

}

.col-sm-3 > a > img {
	display:inline-block;
	width:100%;
	padding-top:0px;
}

.col-sm-3 > a:hover > img {
	padding-bottom:0px;
	opacity: 0.5;
}

.text-center {
	text-align:center;
}

.btn {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #708090;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #607080;    /* 枠の指定 */
  margin:auto;
}
.btn:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}