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

body.common {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  body.common {
    padding-top: 0;
  }
}

#contents {
	clear: both;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0;
	color: #000;
	/*font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
#contents img {
	width: 100%;
}
#contents a {
	text-decoration: none !important;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
#contents a:hover{
   	filter:alpha(opacity=50);
   	-moz-opacity: 0.5;
   	opacity: 0.5;
}
#contents .active a:hover{
   	filter:alpha(opacity=100);
   	-moz-opacity: 1;
   	opacity: 1;
}

@media screen and (max-width: 767px) {
}


.pc_only {
}
.sp_only, .sp_only2 {
	display: none !important;
}
.resp_img  img + img {
	display: none;
}
@media screen and (max-width: 767px) {
	.pc_only {
		display: none !important;
	}
	.sp_only {
		display: block !important;
	}
	.sp_only2 {
		display: inline-block !important;
	}
	.resp_img  img {
		display: none;
	}
	.resp_img  img + img {
		display: block;
	}
}


.effect-fade {
  opacity: 0;
  transform: translate(0, 45px);
  transition: all 1500ms;
}

.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

#detail_list table,
#detail_list th,
#detail_list td {
	margin: 0;
	padding: 0;
	border: none;
}
#detail_list table {
	border-collapse: collapse;
	border-spacing: 0;
	white-space: nowrap;
}
#detail_list th {
	height: 8rem;
	color: #FFF;
	font-size: 2rem;
	font-weight: normal;
	vertical-align: middle;	
	background-color: #9c9c9c;
	white-space: nowrap;
}
#detail_list td {
	height: 8rem;
	color: #000;
	font-size: 1.6rem;
	vertical-align: middle;
}
#detail_list tr:nth-of-type(2n+3) td {
	background-color: #fbfbfb;
}

@media only screen and (max-width: 1460px) {
	#detail_list th {
		font-size: 1.9rem;
	}
	#detail_list td {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 1260px) {
	#detail_list th {
		font-size: 1.9rem;
	}
	#detail_list td {
		font-size: 1.4rem;
	}
}
@media only screen and (max-width: 1060px) {
	#detail_list th {
		font-size: 1.8rem;
	}
	#detail_list td {
		font-size: 1.2rem;
	}
}
@media only screen and (max-width: 860px) {
	#detail_list th {
		font-size: 1.8rem;
	}
	#detail_list td {
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 767px) {
	#detail_list th {
		height: 5rem;
		font-size: 12px;
		font-size: 3.2vw;
	}
	#detail_list td {
		height: 5rem;
		font-size: 10px;
		font-size: 2.66667vw;
	}
}