@media (min-width: 701px){
.page--specialoffer{
	padding-top: 50px;
}
}

.specialoffer {
padding-top: 40px;
    padding-bottom: 20px;
    text-align: center
}

.bgc1 {
	background-color: #c1ab05;
}

.bgc2 {
	background-color: black;
}


.main-vis {
  padding-top: 50px;
  padding-bottom: 50px;
}


.caption {
  display: inline-block;
  font-size: 10px;
  color: #FFF;
  text-align: center;
}
.caption2 {
  display: inline-block;
  font-size: 10px;
  color: #000;
  text-align: right;
}

.text-align {
  text-align: center;
  position: absolute;/*重ねたい子要素にabsolute*/
  top:90%;
  left: 50%;
    right:-10%;
 -ms-transform: translate(-90%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-90%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #fff;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
}
.text-align2 {
  text-align: right;
}

.pageHeader {
    position: relative;
}