.cms .title_wrapper {
    background: #f2972d;
}

div.title_wrapper.title_koshien_online  {
    background: #fff;
    
}
div.title_wrapper.title_koshien_online img {
    width: 75%;
}
.cms .body_wrapper {
/*                background-color: #fff9ba;*/
    padding-top: 0px;
}
.cms .title_wrapper.upload_header {
    padding: 0;
        text-align: center;
}

.vote .body_wrapper {
    
    width: 100%;
    max-width: 1000px;
    background-color: #fff;
    border-bottom-left-radius: 50% 20px;
    border-bottom-right-radius: 50% 20px;
    overflow: hidden;
    text-align: center;
}
.btn {
    color: #4ae;
    background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ddd));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#dddddd))";
    background: linear-gradient(to bottom, #fff, #ddd);
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 2px#999;
    font-size: 1.2rem;
    padding: 12px 20px;
    margin: 4px 0;
    border-radius: 5px;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
}
.voted {
       background: #adadad;
        color: #fff;
}
/*.yosen_list.favorite {
    position: relative;
}
.yosen_list.favorite:before {
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px;
    background-image: url(../images/vote_nice.png);
    top: 2px;
    right: 2px;
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}*/

.yosen_contents {
    text-align: justify;
}
.yosen_list {
    width: 24%;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    margin-top: 20px;
    background-color: #fff;
    text-align: left;
    border: 1px #84685d solid;
    border-radius: 1px;
    color: #84685d;
}
figure.yosen_list img {
    width: 100%;
    height: 190px;
    object-fit:contain;
    padding: 5px;
    box-sizing: border-box;
    background-color: #efefef;
}
figure.yosen_list div{
    display: block;
    border: none;
    text-align: left;
    padding: 5px 6px;
    
}
figure.yosen_list div.yosen_theme {
    background: #84685d;
    color: #fff;
    font-weight: bold;
}
figure.yosen_list div:last-child{
    
}
figure.yosen_list a{
    display: flex;
}
/*いいね表示*/
.voting {
    height: 1.4rem;
    position: relative;
}
.voting:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 96%;
    background: #c1b9b6;
    bottom: 0;
    left: 2%;
}
.voting span {
    cursor: pointer;
    position: relative;
}
.voting span:before {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
   position: absolute;
   background-image: url(../images/vote_voting.png);
   background-size: 100% auto;
   background-repeat: no-repeat;
}
.favorite .voting span:before {
    background-image: url(../images/vote_nice.png);
}
/*テーマカラーを変更する*/
.yosen_list.thema-2 {
    border: 1px #4c6592 solid;
    color: #4c6592;
}
figure.yosen_list.thema-2 div.yosen_theme {
    background: #4c6592;
}
figure.yosen_list.thema-2 .voting:before {
    background: #bec5d2;
}
/*作品詳細モーダルウィンドウ*/
.lb-data div.lb-details{
    width: 100%;
    margin: 0;
    margin: 10px 0;
}
.choice_discription {
    background: #fff;
    
}
.choice_discription h4 {
    font-size: 1.1rem;
    background:#84685d;
    color: #fff;
    margin: 0;
    padding: 10px 5px;
}
.choice_discription h4 span{
    font-size: 0.8rem;
    display: block;
    padding-top: 6px;
}
.choice_discription p {
    color: #84685d;
    margin: 0;
    padding: 10px 5px;
    line-height: 1.1rem;
    margin-bottom: 5px;
}
.lb-dataContainer {
    position: relative;
}
.lb-closeContainer {
    position: absolute;
    right: 10px;
    top: 16px;
}
.lb-nav a.lb-prev {
opacity: 100;
position: absolute;
left : -17%;
}
.lb-nav a.lb-next {
opacity: 100;
position: absolute;
right : -17%;
}  

.vote .articlelist {
    margin-top: 30px;
}
.vote .overlay figcaption {
    display: none;
}
.vote .overlay figure .choice_discription a {
    display: block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.choice_discription {
    margin-bottom: 50px;
}
.senbatsu .overlay .images img {
    width: 100%;
    height: 50vw;
    object-fit: contain;
}

@media screen and (max-width: 767px) { 
    .vote.database .body_wrapper {
        background: #fff;
    }
    .vote .upload_header,.vote .upload_header_none {
        margin-top: 100px;
    }
    .yosen_list {
        width: 48%;
    }
    figure.yosen_list img {
        height: 160px;
    }
    .yosen_list.favorite:before {
        top: 1px;
    }
    .yosen_list.favorite:before {
        width: 1rem;
        height: 1rem;
    }
    .lb-nav a.lb-prev {
        left: 0;
    }
    .lb-nav a.lb-next {
        right: 0;
    }
    .senbatsu .overlay .images img {
        height: 120vw;
    }
}