/* ##### index.php ##### */
html, body, article {
	height:100%;
}

#topBtn { display: none!important; }

.section {
	background-size:cover;
	background-position:center;
}

#section_driver { background-image:url("../../img/index_driver_pc.jpg"); }
#section_fw { background-image:url("../../img/index_fw_pc.jpg"); }
#section_iron { background-image:url("../../img/index_iron_pc.jpg"); }

.section div.section_txt {
	position:absolute;
	right:70px;
	top:42vh;
	text-align:right;
}
.section div.section_txt h1 {
	color:#ffffff;
	font-family: 'Lora', serif;
	font-weight:normal;
	font-size:72px;
	letter-spacing:-3px;
	line-height:72px;
	min-width:300px;
	margin:0;
}
.section h1 small {
	font-size:80%;
	display:inlin-block;
	padding-left:10px;
}
.section h1 small.index_smaller {
  font-size: 50%;
	display:block;
	padding:0;
	line-height:30px;
}
.section h1 small.index_subttl {
	font-size:30%;
	display:block;
	padding:0;
	line-height:24px;
}
.section div.section_txt a {
	font-size:18px;
	text-decoration:none;	
}
.section div#section_txt_harrytaylor {
	top:36vh;
}
img#index_harrytaylorlogo {
	display:inline-block;
	width:140px;
}

#index_news {
  display: block;
  position: absolute;
  right: 10px;
  bottom: 100px;
  background: rgba(0,0,0,0.8);
  padding: 10px;
  width: 400px;
  max-width: 50%;
  font-size: 12px;
  z-index: 100;
  border-radius: 2px;
}
#index_news_ttl {
  color: #FFFF00;
  display: inline-block;
  position: absolute;
  top: -1.2em;
  left: 0;
  z-index: 110;
  background: rgba(0,0,0,1);
  padding: 0.2em 10px;
  border-radius: 2px 2px 0 0;
}
.index_news_body {
  display: block;
  max-height: 4.5em;
  overflow: hidden;
}

footer {
	position:fixed;
	bottom:0;
	left:0;
	z-index:1000;
}

#banner_area{width:300px; position: absolute; bottom:190px; right:50px; z-index: 999;}
#banner_area a{ display: block;width: 300px;margin: 0 auto;}
#banner_area a img{width: 100%;}
#banner_area a img.sp{display: none;}

h3.catch-copy{line-height:1.1; padding:5px 0; font-size:1.5em;}
br.sp_only{display: none;}
br.pc_only{display: block;}


/* ##### responsive ##### */
@media (min-width: 769px) {
	#index_pagedownPC {
		display:block;
		width:50px;
		position:absolute;
		bottom:40px;
		left:-1000px;
		right:-1000px;
		margin:auto;
		z-index:50;
	}
	#index_pagedownPC img {
		width:100%;
	}
}
@media (max-width: 768px) {
	/* pagepiling上書き */
	#pp-nav.right {
		right:0px;
	}
	/**/
	#index_pagedownPC {
		display:none!important;
	}
	footer { display:none; }
	.section {
		border-top:#000000 40px solid;
	}
	#section_driver { background-image:url("../../img/index_driver_sp.jpg"); }
    #section_fw { background-image:url("../../img/index_fw_sp.jpg"); }
    #section_iron { background-image:url("../../img/index_iron_sp.jpg"); }
	.section div.section_txt {
		top:auto!important;
		bottom:10px;
		left:0;
		right:0;
		width:100%;
		text-align:center;
	}
	.section div.section_txt h1 {
		font-size:12vw;
		line-height:12.5vw;
		letter-spacing:-1.5px;
	}
	img#index_harrytaylorlogo {
		height:50px;
	}
	.section h1 small {
		font-size:90%;
	}
  /* index news */
  #index_news {
    bottom: auto;
    top: 60px;
    max-width: 80%;
  }
  
  #banner_area{width:100%;
    /*height: 120px;*/
    position: fixed;
    line-height: 60px;
    margin-top:120px;
    left:auto;
    right: auto;
    bottom:auto;
    text-align: center;
    }
    #banner_area a{width:380px; max-width: 100%;}
    #banner_area a img.pc{display:none;}
    #banner_area a img.sp{display:inline;}
}
@media (max-width: 499px) {
  #index_news {
    font-size: 11px;
    max-width: 96%;
    right: 2%;
  }
  .index_news_body {
    line-height: 1.3;
    max-height: 3.9em;
  }
	br.sp_only{display: block;}
	br.pc_only{display: none;}
}
@media (max-width: 349px) {
  #index_news {
    font-size: 10.5px;
  }
}