@charset "utf-8";
/* CSS Document */
/* スマホ　日野自動車古河工場LP */
/* 2016/8 @yashiki */
html{margin:0px;padding:0px;}
body
{
  margin:0;
	width:100%;
	left:0;
	right:0;
	top:0;
	padding:0;
	font-family:"ヒラギノ角 ProN", "Osaka－等幅","Hiragino Kaku Gothic ProN";
}
hgroup
{
	margin:0 auto;
	padding:0;
	width:100%;
	left:0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

img
{
	max-width: 100%;
}


a
{
	display: block;
	text-decoration:none;
	color:black;
	/*-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(255,0,0,0.40);*/
}
a:link
{
	color:#333333;
}
a:visited
{
	color:#333333;
}
dl,dd,dt{
 padding:0; margin:0;
 }
ul
{
	margin:0;
	padding:0;
}
li
{
	list-style-type:none;
}
#wrapper
{
	margin:0 auto;
	padding:0;
	width:100%;
	left:0;
	background: #FFF;
}
/* 動画全体の横幅を指定するためのdiv */
.video-wrap {
  max-width: 70%; /* ここに動画の横幅を指定 */
  margin: 0 auto 5%;
}

/* 動画を囲うdiv */
.video {
  position: relative;
  width:100%; /* 横幅は100%で固定 */
  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%; /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img1
{
	padding-bottom:4%;
	width: 980px;
	margin: 0 auto;
}

.bt
{
	text-align:center;
	padding-bottom: 4%;
}
.bt div
{
	padding:0 0 1%;
	line-height:0;
}

#acMenu0 dt
{
	margin:0;
	padding:0;
	box-sizing: content-box;
}
#acMenu0 dt
{
  	cursor:pointer;
	box-sizing: content-box;
}
#acMenu0 dd
{
	background:#D7EBF1;
	width:940px;
	display:none;
	padding:20px;
	margin: 0 auto;
	box-sizing: content-box;
}

table{
  width: 980px;
  border-collapse:separate;
  border-spacing: 0;
	margin: 0 auto;
}

table th:first-child{
  
}

table th:last-child{
  
  border-right: 1px solid #3c6690;
}

table th{
  text-align: center;
  color:white;
  background: #1763A2;
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 15%;
  padding: 10px 0;
}

table td{
  text-align: left;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 25%;
  padding: 10px;
}

table td:last-child{
  border-top: 1px solid #a8b7c5;
	border-right: 1px solid #a8b7c5;
}

table tr:last-child td:first-child {
  border-top: 1px solid #a8b7c5;
}

table tr:last-child td:last-child {
  
}
#acMenu1 p
{
	background-color:#FFFFFF;
	color:#000000;
	padding:0 2%;
	margin-top:5%;
}
.question
{
	background: #a3dfe4;
	width: 960px;
	margin: 0 auto;
	padding: 10px 10px 1px 10px;
	box-sizing: content-box;
}
.question div
{
	padding: 10px;
	background: #fff;
	font-size: 24px;
	margin: 10px 30px;
	height: 60px;
	box-sizing: content-box;
}
.question ul
{
	vertical-align: middle;
	box-sizing: content-box;
}
.question2
{
	background: #a3dfe4;
	width: 960px;
	margin: 0 auto;
	padding: 1px 10px 10px 10px;
	box-sizing: content-box;
}
.question2 div
{
	padding: 10px;
	background: #fff;
	font-size: 24px;
	margin: 10px 30px;
	height: 60px;
	box-sizing: content-box;
}
.question2 ul
{
	vertical-align: middle;	
	box-sizing: content-box;
}
.img
{
	display: inline-block;
	box-sizing: content-box;
}
.txt
{
	display: inline-block;
	vertical-align: top;
	padding-top:15px;
	box-sizing: content-box;
}

.footer
{
	width:100%;
	text-align:center;
	padding:2% 0;
	font-size:11px;
	background: #a3dfe4;
}
.gift
{
	background: #d8fcfa;
	line-height: 0;
	width: 980px;
	margin: 0 auto;
}
.gift ul
{
	width: 100%;
	background: #d8fcfa;
	line-height: 0;
	margin:0;
    padding:0;
}
.gift ul li
{
	padding: 0 7%;
	background: #d8fcfa;
	line-height: 17px;
	font-size: 11px;
	font-family: 'Noto Sans', sans-serif;
}