/* slide(PC)	REVISED
-------------------------------------------------- */
#slide {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
	background-color:#fff;
	border-radius:4px;
}
#slide img {
  vertical-align: text-bottom;
	
}
#slide2 {
	background-color:#fff;
}
/* slide
-------------------------------------------------- */

.container, .flickSlider {
  width: 100%;
  height: 100%;
}
.flickSlider {
  position: relative;
}
.flickView {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
	
}
.flickView ul {
  width: 100%;
  height: 100%;
}
.flickView ul li {
  float: left;
  height: 100%;
  /* @link http://stackoverflow.com/questions/2946748/iphone-webkit-css-animations-cause-flicker */
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.flickView ul li * {
  -webkit-backface-visibility: hidden;
}
.flickView ul li a {
  display: block;
  width: 100%;
  height: 100%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}
.flickView ul li a img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 100%;
  max-height:260px;
	
  -ms-interpolation-mode: bicubic;
  image-rendering: optimizeQuality;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}
.flickSlider .flickThumb {
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}
.flickSlider .flickThumb ul {
  width: 100%;
  text-align: center;
}
.flickSlider .flickThumb ul li {
  margin: 0 4px;
  cursor: pointer;
  height:24px;
  padding:0 0 3px 0;
  display: inline-block;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 24px;
  color: #777;
  text-align: center;
}
.flickSlider .flickThumb ul li.active {
  color: #e24746;
}
.flickNav {
  display: none; /* for JS */
  position: absolute;
  top: 0;
  height: 100%;
  width: 6%;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  transition: opacity 300ms;
  opacity: 0;
  cursor: pointer;
}
.flickNav:hover {
  opacity: 1;
}

/*
.flickNav .flickNavIcon {
  position: absolute;
  width: 32px;
  height: 64px;
  cursor: pointer;
  top: 50%;
  margin-top: -32px;
  background: no-repeat center center;
}

.flickNavPrev {
  left: 2%;
}
.flickNavPrev .flickNavIcon {
  left: 2%;
  background-image: url("../img/common/nav_prev.png");
}
.flickNavNext {
  right: 2%;
}
.flickNavNext .flickNavIcon {
  right: 2%;
  background-image: url("../img/common/nav_next.png");
}
*/

/* slide サイズ調整
-------------------------------------------------- */
@media only screen and (min-width:1901px){

.flickView , .flickView ul li a img {
  max-height: 835px;
}

}/*@mediaEnd*/

@media only screen and (min-width:1px) and (max-width:480px){

.flickSlider .flickThumb ul li {
  font-size: 20px;
}
.flickSlider .flickThumb {
  bottom: 1%;
}

}/*@mediaEnd*/


/* =======================================
  ClearFixElements
======================================= */
.flickSlider .flickView ul:after,
.flickSlider .flickThumb ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
  display: inline-block;
  overflow: hidden;
}