@charset "UTF-8";

/* 基本
------------------------------------------------------------*/
body {
background-color: #222222;
color: #ffffff;
}
body * {
font-family: 'Josefin Sans', 'Noto Sans JP',serif !important;
}
#header,
#wrapper { background: inherit; }

h1#logo::before {
content: "";
display: inline-block;
height: 40px;
width: 40px;
background-image: url("kkrn_icon_kumo_6.svg");
position: relative;
top: -4px;
margin: 0 5px 0 0;
vertical-align: middle;
}
h1#logo {
position: static;
top: auto;
left: auto;
-moz-transform: none;
-webkit-transform: none;
transform: none;
text-align: center;
padding: 20px 0 0 0;
font-size: 18px; font-size: 1.8rem;
}
h2 {
font-weight: normal;
font-size: 14px; font-size: 1.4rem;
}

    .deco-file label{
        display: inline-block;
        border: 2px solid #ffffff;/*#1E88E5*/
        color: #ffffff;/*#1E88E5*/
        text-align: center;
        padding: 20px 40px;
    }
    .deco-file label:hover{
        cursor: pointer;
    }
    .deco-file input[type="file"]{
        display: none;
    }

.submit-btn-wrap label {
display: inline-block;
/*padding: 10px 20px;
border: 1px solid #ffffff;*/
cursor: pointer;
line-height: 1;
}
.submit-btn-wrap label::before {
content: "";
background-color: #ffffff;
display: inline-block;
height: 24px;
width: 24px;
-webkit-mask: url("iconmonstr-upload-19.svg");
mask: url("iconmonstr-upload-19.svg");
-webkit-mask-size: cover;
mask-size: cover;
position: relative;
top: -3px;
margin: 0 8px 0 0;
vertical-align: middle;
}
.submit-btn-wrap label:hover {
color: #1E88E5;
}
.submit-btn-wrap label:hover::before {
background-color: #1E88E5;
}

/* フッター
------------------------------------------------------------*/
/*フッター調整*/
/*magazine.techacademy.jp/magazine/19410*/
body #wrapper {
    min-height: 100vh;
    padding-bottom: 78px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

body footer {
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
/*//フッター調整*/

/* 点滅 */
/*will-hp.com/wpblog/webcont/72/*/
.blinking{
-webkit-animation:blink 1.0s ease-in-out infinite alternate;
-moz-animation:blink 1.0s ease-in-out infinite alternate;
animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0.7;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0.7;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0.7;}
100% {opacity:1;}
}