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

* { margin:0; padding:0; box-sizing:border-box; }

html {
	margin:0;
	padding:0;
	height:100%;
	top:0;
}

body {
	margin:0;
	padding:0;
	height:100%;
	top:0;
	background-color:#4A5732; 
}

#container {
	width:415px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:10px;
	border: 3px solid black;
	padding:10px
	
}
#header {
	background-color:#DF5630;
	width:100%;
	height:80px;
	top:0;
	z-index:1;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
}

.logo {
	display:block;
	margin-left: 7px;
	/*margin-top:px;*/
	/*position:fixed;*/
}

.jp {
	margin-top:7px;
}
.pimg01, .pimg03, .pimg05, .pimg07, .pimg09 {
	position:relative;
  	background-position:center;
 	background-size:cover;
 	background-repeat:no-repeat;
  	background-attachment:scroll;
}

.pimg02, .pimg04, .pimg06, .pimg08, .pimg10 {
	position:relative;
  	background-position:center;
 	background-size:cover;
 	background-repeat:no-repeat;
  	background-attachment:scroll;
}

.pimg01{
 	background-image:url("img/image01.jpg");
	background-position:top;
	width:100%;
	min-height:600px;
	margin-top: 20px;
}

.pimg02{
  	background-image:url("img/image02.jpg");
	width:100%;
	min-height:600px;
}

.pimg03{
  	background-image:url("img/image03.jpg");
	min-height:600px;
	background-position:center;
}

.pimg04{
	background-image:url("img/image04.jpg");
	width:100%;
	min-height:850px;
}

.pimg05{
	background-image:url("img/image05.jpg");
	width:100%;
 	min-height:600px;
	background-position:left;
}

.pimg06{
	background-image:url("img/image06.jpg");
	min-height:600px;
	background-position:top;
}

.pimg07{
	background-image:url("img/image07.jpg");
	min-height:800px;
	background-position:left;
}

.pimg08{
	background-image:url("img/image08.jpg");
	min-height:600px;
}

.pimg09{
	background-image:url("img/image09.jpg");
	min-height:800px;
}

.pimg10{
	background-image:url("img/image10.jpg");
	min-height:800px;
}

.text {
	width:100%;
	margin:4px 4px 4px 0px;
	border: 2px solid black;
	
}
.text p {
	width: 100%;
	margin:0;
	padding: 20px;
	box-sizing: border-box;
	color:#f4f4f4;
	text-align: center;
	font-size:1.1em;
}

.pimg p {
	position:absolute;
	width:100%;
	top:88%;
	color:#F4F4F4;
	text-align: center;
	font-size: 1.5em;
	text-transform: uppercase; 
	background-color:#7A5E43;
	padding:5px;
	box-shadow: 0 0 20px 3px rgba(236,235,235,0.40) inset;
}

.pimg01 p {
	position:absolute;
	width:100%;
	top:88%;
	color:#F4F4F4;
	text-align: center;
	font-size: 1.5em;
	text-transform: uppercase; 
	background-color:#7A5E43;
	padding:5px;
}

#footer {
	background-color:#DF5630;
	width:100%;
	height:80px;
	position:relative;
	bottom:0;
	z-index:1;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7) inset;
	margin-top: 0px;
}

.number {
	position:absolute;
	width:100%;
	margin-top: 14px;
	text-align:center;
	font-family:Arial, Serif;
	font-size: 3em;
	color:#FCFA19;
	z-index:3;
	-webkit-text-stroke: 1px black;
	font-weight:bold;
}

.number01 {
	position:absolute;
	top:65%;
	width:100%;
	text-align:center;
	font-family:Arial, Serif;
	font-size: 3.5em;
	color:#FCFA19;
	z-index:3;
	-webkit-text-stroke: 1px black;
	font-weight:bold;
	background-color:#DF5630;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, .5);
}

#video01 {
	max-width:100%;
	height:auto;
	margin-top:10px;
	border:3px solid #000;
}

@media (max-width:400px) {
	#container {
		width:300px;
	}
	.pimg p {
		font-size: 1.2em;
	}
}
@media (max-width:480px) {
	#container {
		width: 340px;
	}
	.jp {
		width:288px;
	}
	.number01 {
		font-size:2.5em;
	}
}
@media (min-width: 700px) {
	.text p {
		font-size:1.5em;
	}
	#container {
		width:600px;
	}
}

@media (min-width:930px) {
	#container {
		width: 900px;
	}
}