@charset "utf-8";

/* clearfix */
/*************************************************************/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* custom */
/*************************************************************/
#special_body {
	text-align: center;
}
#special_body img{
	max-width:100%;
	height:auto;
}
#special_body a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
}

#special_body .container {
	background-color:#000000;
}
#special_body .innner-container {
	background:url(/mop/special/2611_sampleb/images/bg.png) repeat-x;
	background-size: contain;
	padding-top:5%;
	border-bottom:40px solid;
	border-image:linear-gradient(to right, #fad500, #f4a400) 1;
}

#special_body section.ct1 {
	background-color: rgb(0 0 0 / 0.7);
	margin:0 5%;
	padding:5%;
}

#special_body section.ct2 {
	background-color: rgb(0 0 0 / 0.7);
	margin:0 5% 5%;
	padding-top:5%;
}

#special_body section.ct2 h3,
#special_body section.ct2 h4 {
	margin-bottom:3%;
}
#special_body section.ct2 .inner-ct {
	margin-bottom:5%;
}
#special_body section.ct2 .leftman {
	margin-bottom:3%;
}
#special_body section.ct2 .rightman {
	margin-bottom:3%;
}

#special_body section.ct3 {
	background-color: rgb(0 0 0 / 0.7);
	margin: 0 5% 5%;
	padding: 5%;
}
#special_body section.ct3 a {
	display: block;
	border:2px solid;
	border-image:linear-gradient(to right, #fad500, #f4a400) 1;
}
#special_body section.ct3 a img {
	width: 100%;
}

#specialContentsIn .float {
	width: 80%;/* バナーの横幅を指定 */
}
#specialContentsIn .floating-banner:hover {
	opacity: .9;/* ホバーで少し透過 */
}
#specialContentsIn .floating-banner {
	position: fixed;/* 追従 */
	z-index: 99999;/* 他の要素の下に隠れないように */
	bottom: 25%;/* バナーの上下の位置 */
	right: 2%;/* バナーの左右の位置 */
}

@media screen and (max-width: 640px) {
	#special_body .innner-container {
		border-bottom:10px solid;
	}

	#special_body section.ct2 {
	margin:0 5% 5%;
	}
	#special_body section.ct2 section {
		padding: 0 3%;
	}

	#special_body section.ct2 .leftman,
	#special_body section.ct2 .rightman {
		width:47%;
	}
	#special_body section.ct2 .leftman {
		margin-left:0;
	}
	#special_body section.ct2 .rightman {
		margin-right:0;
	}

	#specialContentsIn .float {
		width: 30%;/* バナーの横幅を指定 */
	}
	#specialContentsIn .floating-banner {
		bottom: 20%;/* バナーの上下の位置 */
		right: -22%;/* バナーの左右の位置 */
	}

}