/* ----------------------------------------------------------------------------------------

	special

---------------------------------------------------------------------------------------- */
#secFooter {
  border-top: 1px solid #676566;
}

.special01 .btnSec {
  background: url(../img/sp01_bg01.png) center bottom no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  padding: 6% 0 6.5%;
}
.special01 .btnSec .txt {
  width: 81.3333%;
  margin: 0 auto 4%;
}

.special01 .btnSec .btn {
  margin: 0 auto;
}


.special01 .btnSec .bnr {
  width: 88%;
  margin: 0 auto 4%;
}

.special01 dl dt .btnBefore {
  display: block;
}
.special01 dl dt .btnAfter {
  display: none;
}
.special01 dl dt.open .btnBefore {
  display: none;
}
.special01 dl dt.open .btnAfter {
  display: block;
}
.special01 dl dd {
  position: relative;
  display: none;
}
.special01 dl dd.package {
  display: block;
}
.special01 dl dd .btn {
  position: absolute;
  left: 5.4666%;
  width: 89.4666%;
}
.special01 dl dd .txt {
  position: absolute;
  right: 8%;
  width: 33.0666%;
}
.special01 dl dd.package .txt {
  top: 50%;
}
.special01 dl dd.package .btn {
  bottom: 4.8014%;
}
.special01 dl dd.pack .txt, .special01 dl dd.download .txt {
  top: 47.7%;
}
.special01 dl dd.pack .btn, .special01 dl dd.download .btn {
  bottom: 5.0072%;
}

#content.special01 .caution {
	margin:0 auto;
	padding:20px;
	color:#fff;
	line-height:1.5;
	font-size:12px;
	background:#000;
	box-sizing:border-box;
}

#content.special01 .caution span {
	display:block;
	text-indent:-1em;
	padding-left:1em;
	
	
}


.special02 #caution {
  background: #000 url(../img/sp02_bg01.jpg) center top no-repeat;
  padding: 21px 0 40px;
}
.special02 #caution p {
  width: 89.7333%;
  margin: 0 auto 10px;
}
.special02 #caution ul {
  color: #fff;
  font-size: 10px;
  padding: 0 4.2% 0 5.3333%;
}
.special02 #caution ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.special02 #caution ul li:nth-child(n+2) {
  margin-top: 3px;
}

.special03 {
  position: relative;
}
.special03 .btn {
  position: absolute;
  left: 5.3333%;
  bottom: 3.6036%;
  width: 89.3333%;
}
.special03 .textEnd {
  width: 92%;
  height: 84%;
  left: 4%;
  bottom: 15px;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
}
.special03 .textEnd p {
  width: 82%;
  margin: 0 auto;
  padding-top: 110px;
  box-sizing: border-box;
}
.special03 .textEnd p img {
  width: 100%;
  height: auto;
}

.special04 .img {
  text-align: center;
}
.special04 .btn {
  background-color: #000;
  padding: 0 5.3333% 27px;
}

.special05 {
  position: relative;
}
.special05 p img {
  width: 100%;
  height: auto;
}
.special05 .btn {
  position: absolute;
  left: 5.3333%;
  bottom: 3.6036%;
  width: 89.3333%;
}

.special05 .textEnd {
  width: 92%;
  height: 80%;
  left: 4%;
  bottom: 15px;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
}
.special05 .textEnd p {
  width: 82%;
  margin: 0 auto;
  padding-top: 110px;
  box-sizing: border-box;
}
.special05 .textEnd p img {
  width: 100%;
  height: auto;
}

.special06 {
  position: relative;
}
.special06 p img {
  width: 100%;
  height: auto;
}

.special07 {
  position: relative;
}

.special07 div img,
.special07 p img,
.special07 a img{
  width: 100%;
  height: auto;
}

.special07 .caution {
	background: url(../img/special07/bg.jpg) no-repeat center top;
	background-size:  cover;
	font-size: 1.0em;
	padding: 5% 0 5%;
}

.special07 .caution li {
	 margin-bottom: 10px;
	color: #fff;
	padding: 0 10%;
}

.special07 .caution li:last-child {
	margin-bottom: 0;
}