/* CSS Document */

/*------------------------------------------
【reset css】
--------------------------------------------*/
body{ background:#fff; color:#000; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td{ margin: 0; padding: 0; }
fieldset, img { border: 0; }
a{text-decoration:none;}
ul, ul li{ margin:0; padding:0; list-style:none;}
p, img{ margin:0; padding:0; }
img { border: none; margin:0; padding:0; line-height:0;}

/*---clearfix--*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both; }


/*=====================================================================
【basic color】
=======================================================================*/
body{background: #000; height:100%;}
body ::selection { background: #fff727; color:#000; /* Safari */ }
body ::-moz-selection { background: #fff727; color:#000; /* Firefox */ }
#kannaidevil{ color: #000;}
#kannaidevil_foot{ background: #000; color: #fff;}

/*=====================================================================
【リンク時の挙動】
=======================================================================*/
a img{ opacity: 1;transition: all 0.3s ease-out 0s;}
a img:hover {filter:alpha(opacity=60); -ms-filter:"alpha(opacity=60)"; -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}

/*=====================================================================
【pc style】
=======================================================================*/

#kannaidevil_wrap{ height:100%; min-height: 100%;}
#kannaidevil{ background:url(../../images/contents_bg.png)repeat; width: 100%; border-top: solid 10px #000; padding: 2px 0 0 0; font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";}
#kannaidevil .top_line{ width: 100%; height: 2px; background: #000; border: none;}

/*--------------contents--------------*/
#kannaidevil_inner{padding: 40px 0 30px 0; text-align: center; line-height: 1.5;}
#kannaidevil_inner h2{ font-size: 30px; font-weight: bold; padding: 0 0 30px 0;}
#kannaidevil_inner p.kannaidevil_intro{ font-size: 22px;}
#kannaidevil_inner #movie_area{ width: 600px; height: 336px;/*width: 600px; height: 336px; height: 344px;*/ background: #fff; margin: 25px auto 20px auto;}
#kannaidevil_inner p.kannaidevil_day{ font-size: 28px;}
#kannaidevil_inner p.kannaidevil_atn{ font-size: 14px; padding: 0 0 0 0;}

#kannaidevil .foot_line{ width: 100%; height: 29px; border: none; background: url(../../images/foot.png);}

/*--------------footer--------------*/
#kannaidevil_foot{ margin: 0; padding: 0; width: 100%;}
#kannaidevil_foot_inner{ width: 820px; margin: 0 auto; padding: 20px 0 0 0; -js-display: flex;
display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction:row;}
#kannaidevil_foot_inner .kannaidevil_logo{ width: 195px; padding: 0 40px 0 0;}
#kannaidevil_foot_inner .kannaidevil_foot_txt{ font-size: 18px; padding: 5px 0 10px 0;}
#kannaidevil_foot_inner .kannaidevil_foot_txt span a:link{ color: #ffba00;}
#kannaidevil_foot_inner .kannaidevil_foot_txt span a:visited
{ color: #ffba00;}
#kannaidevil_foot_inner .kannaidevil_foot_txt span a:hover{ color: #ffba00; text-decoration: underline;}
#kannaidevil_foot_inner .kannaidevil_foot_copy{ font-size: 12px;}

/*=====================================================================
【Small Tablet & Smartphone style】
=======================================================================*/
@media (max-width: 767px) {

#kannaidevil{ border-top: solid 10px #000; padding: 2px 0 0 0;}

/*--------------contents--------------*/
#kannaidevil_inner{padding: 5% 0 5% 0; text-align: left; line-height: 1.5;}
#kannaidevil_inner h2{ font-size: 30px; font-weight: bold; padding: 0 2% 5% 2%;}
#kannaidevil_inner p.kannaidevil_intro{ font-size: 18px; padding: 0 2%;}
#kannaidevil_inner #movie_area{ width: 95%!important; height: 100%!important; background: none!important; margin: 4% auto 1% auto;}
video { width: 100%; background: #b78500;}
#kannaidevil_inner p.kannaidevil_day{ font-size: 22px; text-align: center;}
#kannaidevil_inner p.kannaidevil_atn{ font-size: 12px; padding: 0 0 0 0; text-align: center;}

/*--------------footer--------------*/
#kannaidevil_foot_inner{ width: 95%; margin: 0 auto; padding: 4% 0 3% 0; display: block; display: -webkit-block;}
#kannaidevil_foot_inner .kannaidevil_logo{ width: 45%; padding: 0 0 2% 0; margin: 0 auto;}
#kannaidevil_foot_inner .kannaidevil_foot_txt{ font-size: 16px; padding: 0 0 2% 0; text-align: center;}
#kannaidevil_foot_inner .kannaidevil_foot_txt span a:link{ color: #ffba00;}
#kannaidevil_foot_inner .kannaidevil_foot_txt span a:visited{ color: #ffba00;}
#kannaidevil_foot_inner .kannaidevil_foot_txt span a:hover{ color: #ffba00; text-decoration: underline;}
#kannaidevil_foot_inner .kannaidevil_foot_copy{ font-size: 10px; text-align: center;}

}

/*--------------chrome DL none--------------*/
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 32px); /* Adjust as needed */
}