@charset "utf-8";

@media only screen and (max-width: 480px) {
  /* 766px以下に適用されるCSS（スマホ用） */
	body {
	    font-family: 'A+EqpB-游ゴシック体 Pr6N B';
	}
  .pc { display: none !important; }
  .sp { display: block !important;}

	header{
	  display: contents;
	}
	header.sp .logo {
	  position: absolute;
	  top: 5px;
	  z-index: 3;
	  left: 0;
	  margin: 0;
	}
	header.sp .logo a, header.sp .btnLinks > li > h2 > a, header.sp.rest > div > .biginner a {
	  display: block;
	  text-indent: 100%;
	  white-space: nowrap;
	  overflow: hidden;
	}
	header.sp, header.sp .logo a, header.sp .btnLinks > li > h2 > a, header.sp.rest > div, header.sp.rest > div > .biginner a {
	  height: 52px;
	}

	header.sp .logo a::after, header.sp .btnLinks > li > h2 > a::after, header.sp.rest > div > .biginner a::after {
	  content: "";
	  display: block;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  background: transparent url(../../images/renew/style@2x.webp) no-repeat scroll 0 0;
	    background-position-x: 0px;
	    background-position-y: 0px;
	    background-size: auto;
	  -webkit-background-size: 800px 385px;
	  -moz-background-size: 800px 385px;
	  background-size: 800px 385px;
	}
	header.sp .logo a::after {
	    background-position: 0 -2px;
	    width: 180px;
	    height: 55px;
	    top: 0px;
	    left: 0px;
	    margin: 15px 0 0 20px;
	}

	header.sp .h_txt {
	  width: 100%;
	  height: 55px;
	  background-color: #222;
	  margin-right: 20px;
	  text-align: right;
	  font-size: 10px;
	  color: #FFF;
	}
	header.sp .h_txt > span {
	  margin-right: 8px;
	  position: relative;
	  top: 20px;
	  font-weight: bold;
	}
	#contents{
	  width: 100%;
	}
	#contents section.basic {
	  background: #fff;
	  margin: 0 0 40px;
	  padding:0
	}
	header ul.btnLinks {
		display: none;
	}
	h2 {
		padding: 10px 20px;
		font-size: 130%;
	}
	h3 {
		font-size: 100%;
		padding: 20px 20px 30px;
	}
	#contents.error.w100 {
		overflow: hidden;
	}
	div#contents .basic.title .select {
		padding: 10px 0 0;
	}
	.btnSetC > li{
		margin: 10px auto;
		width: 80%;
		padding: 0 0 30px 0;
		display: block;
	}
	#contents.error.w100 div > li{
		margin: 0;
		padding: 5px;
	}
	#contents.error.w100 .select .slider-text{
		font-size:80% ;
	}
	#contents.error.w100 .select .slider-text-copy{
		margin: 0;
		font-size:80% ;
	}
	#contents.error.w100 div.slider-copy {
		padding: 15px 10px 0;
		font-size: 110%;
	}
	#contents.error.w100 div.slider-copy.btm {
		padding: 10px 15px 30px;
		font-size: 90%;
	}
	#contents.error.w100 div.slider-copy.btm span {
		padding: 0 0 20px;
	}
	#contents.error.w100 .select .thumb{
	 width: 100%;
  height: 0;
  padding-bottom: 230%;
	}
	#contents.error.w100 .select .thumb > img{
	height: auto;
  max-width: 100%;
  vertical-align: bottom;
	}
	footer .pageTop a {
		display: block;
		width: 40px;
		height: 40px;
		background-position: -412px 10px;
		background-color: #fff;
		border: 1px solid #e4dccb;
		border-radius: 50%;
	}
}