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

body {
padding: 0px;
margin: 0px;
}

html {
padding: 0px;
margin: 0px;
}

@font-face {
  font-family: headerFnt1;
  src: url(fnt.otf);
}

.fontHeader1 {
color: #293133;
font-size: 8vmin;
font-family: headerFnt1;
margin: 2vmin;
}

td {
padding: 2vmin;
font-size: 4.2vmin;
color: #616771;
font-family: sans-serif;
}

.text1 {
padding: 1vmin;
font-size: 4.2vmin;
color: #616771;
font-family: sans-serif;
}

.text2 {
padding: 1vmin;
font-size: 4.8vmin;
color: #616771;
font-family: sans-serif;
}

.text3 {
padding: 1vmin;
font-size: 3vmin;
color: #616771;
font-family: sans-serif;
}

#img1  { 
opacity: 0;
width: 100%;
height: auto;
left: 0px;
position: absolute;
}

#img2  { 
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img3  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img4  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img5  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img6  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img7  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img8  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img9  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img10  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img11  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#img12  {
width: 100%;
height: auto;
left: 100%;
position: absolute;
}

#imgFadeShow {
position: relative;
overflow: hidden;
display: block;
width: 64vw;
height: 70vh;
max-width: 1000px;
background-color: #ffffff;
float: left;
margin: 0;
padding: 0;
}

#imgFadeShow > div { 
width: auto;  
text-align: center;  
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}

#infoTextImg1 {
position: relative;
float: left;
background-color: #ffffff;
opacity: 0.6;
padding: 4px;
font-size: 4.2vmin;
color: #5a5a5a;
font-family: sans-serif;
}

#textdata1 {
display: none; 
width: 100%; 
text-align: center;
margin: 0;
padding: 0;
}

#imgSetCard {
display: inline-block;
width: 100%;
max-width: 892px;
margin: 0;
padding: 0;
}

#imgShooting01 {
display: inline-block;
width: 100%;
max-width: 892px;
margin: 0;
padding: 0;
}

#imgShooting02 {
display: inline-block;
width: 100%;
max-width: 892px;
margin: 0;
padding: 0;
}

#imgShooting03 {
display: inline-block;
width: 100%;
max-width: 892px;
margin: 0;
padding: 0;
}

#imgShooting04 {
display: inline-block;
width: 100%;
max-width: 892px;
margin: 0;
padding: 0;
}

.iframe1 {
max-width: 600px;
max-height: 400px;
width: 90vw;
height: 50vw;
border: 1px solid #c0c0c0;
}

.iframe2 {
max-width: 892px;
width: 90vw;
height: auto;
border: 1px solid #c0c0c0;
}

.status {
display: inline-block;
background-color: #6d6d6d;
width: 20px;
height: 3vmin;
max-height: 10px;
margin: 0;
padding: 0;
float: left;
border-radius: 25px;
border: 1px solid #818181;
}

.statusBox {
display: inline-block;
background-color: #ffffff;
width: 70%;
height: 3vmin;
max-height: 12px;
margin: 1vmin;
padding: 0;
float: left;
border-radius: 25px;
border: 1px solid #a4a4a4;
}


.arrow {
border: 1px solid #ffffff;
display: inline-block;
width: 12vmin;
height: 12vmin;
max-width: 70px;
max-height: 70px;
padding: 0;
margin: 0;
float: right;
}

.arrow:hover {
    border: 1px solid #c0c0c0;
cursor: pointer;
}

.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.imgLeft30 {
width: 30%;
display: block;
padding: 0;
margin: 0;
float: left;
}

.imgLeft70 {
width: 64%;
display: block;
text-align: center;
padding: 0;
margin: 0;
float: left;
}

.block1 {
height: 1vmin;
max-height: 5px;
display: block;
}

.block2 {
height: 2vmin;
max-height: 10px;
display: block;
}

.block3 {
height: 3vmin;
max-height: 20px;
display: block;
}

.block4 {
height: 4vmin;
max-height: 30px;
display: block;
}

.clearfix:after {
content: " ";
font-size: 0;
display: block;
height: 0;
clear: both;
visibility: hidden; 
}
.clearfix { 
display: inline-block; 
}
.clearfix { 
display: block; 
}
* html .clearfix { 
height: 1%; 
}
.clear { 
clear: both; 
}