@charset "utf-8";

/* -------------投票フォームページ------------- */
.invalid_url{
    text-align: center;
	margin: 5em 0;
}
.photo-vote-paper{
    background: url("../images/common/bk_paper.jpg") #fffdf6 top center repeat; 
    padding-top: 5em;
    padding-bottom: 1.5em;
}
.photo-vote-box .headline p{
    margin: 15px 15px 0 15px;
    padding-bottom: 0;
}
.photo-vote-box .photo-vote-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2em auto;
}
.photo-vote-box .photo-vote-list .photo-image{
    margin: 2em;
}
.photo-vote-box .photo-vote-list .photo-image img{
    height: 230px;
    margin-bottom: 0.5em;
}
.photo-vote-box .photo-vote-list .photo-vote-text{
    text-align: center;
}
.photo-vote-box .btn{
    margin-top: 0.5em;
    margin-bottom: 2em;
}
.vote-box{
    border-radius: 10px;
    max-width: 80%;
    background-color: white;
    margin: auto auto 70px auto;
    padding: 10px 0px 0px 0px;
    border: solid 1px;
}
.btn{
    cursor: pointer;
}
.btn a.voteBtn::after{
    content: "投票する";
}
.btn a.voteBtn.voted{
    background-color: #1EC0FF;
    color: #FFF;
	pointer-events: none;
}
.btn a.voteBtn.voted::after{
	content: "投票済";
}

@media only screen and (max-width: 600px) {
    .vote-box{
        max-width: 100%;
    }
}