@charset "utf-8";
/* CSS Document */


#container .SliderContent {
    width:100%;
	text-align:center;
	height:auto!important;
	position:relative;
	padding-top:20px;
}
#container .SliderContent h3 span , .SliderContent h3 div {
	float:left;
	font-size:24px;
	font-family: Helvetica,HelveticaNeue,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	padding-left:5px;
}
#container .SliderContent .swiper-container {
  width:100%;
	height:auto!important;
	max-height:657px;
}
#container .SliderContent .pagination {
	display:none;
}
#container .SliderContent .swiper-pagination-switch {
	display:none;
}
#container .SliderContent .swiper-wrapper{
	height:auto!important;
}
#container .SliderContent .swiper-slide{
	height:auto!important;
}
@media only screen and ( min-width: 980px ) 
{
	/* 800px以下用（PC用）の記述 */

.swiper-container { width:438px!important; height:100%; max-height:657px; }
.swiper-slide{ width:438px!important;}
#container .SliderContent h3 {
	padding-top:10px;
	text-align:center;
	display:inline-block;
}
#container .SliderContent .arrow-left {
  background: url(../img/bt-left.png) no-repeat left top;
  position: absolute;
  left: 145px;
  top: 50%;
  margin-top: 13px;
  width: 20px;
  height: 26px;
  z-index:9999;
}
#container .SliderContent .arrow-right {
  background: url(../img/bt-right.png) no-repeat left bottom;
  position: absolute;
  right: 145px;
  top: 50%;
  margin-top: 13px;
  width: 20px;
  height: 26px;
  z-index:9997;
}
}

@media screen and (min-width: 656px) and (max-width: 979px) 
{
	/* 768px以下用（スマートフォン用）の記述 */

#container .SliderContent h3 {
	padding-top:10px;
	text-align:center;
	display:inline-block;

}
#container .SliderContent .arrow-left {
  background: url(../img/bt-left.png) no-repeat left top;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: 13px;
  width: 20px;
  height: 26px;
  z-index:9999;
}
#container .SliderContent .arrow-right {
  background: url(../img/bt-right.png) no-repeat left bottom;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: 13px;
  width: 20px;
  height: 26px;
  z-index:9997;
}
}

@media only screen and ( max-width: 655px ) 
{
	/* 640px以下用（スマートフォン用）の記述 */

#container .SliderContent h3 {
	padding-top:10px;
	text-align:center;
	display:inline-block;

}
#container .SliderContent h3 span , .SliderContent h3 div {
	font-size:16px;
}
.SliderContent .arrow-left {
  background: url(../img/bt-left.png) no-repeat left top;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 13px;
  width: 20px;
  height: 26px;
  z-index:9999;
}
.SliderContent .arrow-right {
  background: url(../img/bt-right.png) no-repeat left bottom;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-top: 13px;
  width: 20px;
  height: 26px;
  z-index:9997;
}}