#loading_bg.bg_color3{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 43%, #f1f1f1 43%, #e1e1e1 47%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 43%,#f1f1f1 43%,#e1e1e1 47%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 43%,#f1f1f1 43%,#e1e1e1 47%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.date{
    background-color: #cc0033;
}

.under_box{
background-color:#777;
}

.txt_shadow_h {
    text-shadow: 0 0 5px rgba(0,0,0,1);
}

h1.height100per img{
height:80%;
}

/*----------以下ビデオ-------------*/

#video{
height:100vh;
}

#main_img{
min-width:1280px;
}

header h1{
    height: 200% !important;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#video {
    height: 80vh;
}

#main_img {
    min-width: auto;
}

.video{
width:auto !important;
}

#pc_nav {
  display:none;
}

.scroll_d{
display:none;
}

header.kore{
height:80vh !important;
}

#contents1{
padding-top:50px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#main_img{
min-width:100%;
}





header.height80vh_sp {
    height: 37vh !important;
}

#video {
    height: 35vh;
}

.video{
width:100% !important;
}

header {
    height: 0vh !important;
}

h2.con_title{
padding:0;
}

}