@import url("all.min.css");

body {
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.main {
    /* width: 100vw;
    height: 100vh; */
}

.ie-aleat-wrappe {
    display: none; 
    padding: 2em;
    border-radius: 10px;
    box-shadow: 2px 2px 4px gray; 
    border: solid 1px #efefef;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.ie-aleat-wrappe .open-edge, .ie-aleat-wrappe .open-edge:visited {
    display: block;
    text-decoration: none;
    color: #000;
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
    padding: 0.8em 3em;
    border: solid 1px #ccc;
    border-radius: 0.5em;
}
.ie-aleat-wrappe .open-edge:hover {
    display: block;
    text-decoration: none;
    background: #f5f7f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f7f9 0%, #d7dee3 49%, #e5ebee 50%, #f6f8f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f5f7f9 0%,#d7dee3 49%,#e5ebee 50%,#f6f8f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f5f7f9 0%,#d7dee3 49%,#e5ebee 50%,#f6f8f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f9', endColorstr='#f6f8f9',GradientType=0 ); /* IE6-9 */
    padding: 0.8em 3em;
    border: solid 1px #999;
    border-radius: 0.5em;
}

/* ファイル関連 */
.file-button {
    display: inline-block;
    padding: 0.5em;
    cursor: pointer;
    border: solid 1px #fff;
    color: #fff;
    background: #4da54c;
    margin: 0.5em;
}
.file-button > input[type="file"] {
    display:none;
}

/*ボタンを重ねるためのブロック要素*/
.delete-button-container {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
}

/*各サムネイル画像に重ねる削除ボタン*/
.delete-button {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    text-align: center;
    line-height: 16px;
    vertical-align: middle;
    color: grey;
    cursor: pointer;
    font-size: 16px;
    border: none;
}

.message {
	margin: 0.4em 0 1em;
	color: #ff0000;
    font-size: 1.2rem;
}