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


#container .SliderContent {
    width:100%;
	text-align:center;
	height:auto!important;
	position:relative;
	margin-bottom: 70px;
}
#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 .swiper-container02 {
  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: 800px ) 
{
	/* 800px以下用（PC用）の記述 */

#container .SliderContent h3 {
	position:absolute;
	bottom:-40px;
	right:0px;
	z-index:9999;
	display:none\9;

}
#container .SliderContent .arrow-left {
  background: url(../img/bt-left.png) no-repeat left top;
  position: absolute;
  left: -20px;
  top: 43%;
  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: 43%;
  margin-top: -13px;
  width: 20px;
  height: 26px;
  z-index:9997;
}
#container .SliderContent .arrow-left02 {
  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-right02 {
  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 screen and (min-width: 656px) and (max-width: 799px) 
{
	/* 768px以下用（スマートフォン用）の記述 */

#container .SliderContent h3 {
	position:absolute;
	bottom:-40px;
	right:0px;
	z-index:9999;
	display:none\9;

}
#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;
}
#container .SliderContent .arrow-left02 {
  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-right02 {
  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;

}
.SliderContent .arrow-left {
  background: url(../img/bt-left.png) no-repeat left top;
  position: absolute;
	top:66px;
  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;
	top:66px;
  right: 0;
  bottom: 0;
  margin-top: 13px;
  width: 20px;
  height: 26px;
  z-index:9997;
}
.SliderContent .arrow-left02 {
  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-right02 {
  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;
}

}