@charset "SHIFT_JIS";

@media screen and (min-width: 737px) {


/*BOHR CONTEST CSS*/
/*#bohr-contest main{
width: 1000px;
margin: auto;
}*/
body.student #bohr-contest, body.basic-user #bohr-contest, body.guest #bohr-contest {
    padding-top: 160px;
}

#bohr-contest div.wrap, #profile div.wrap {
    margin-top: 30px;
}

#bohr-contest .status {
    border-color: #FFAE29;
}

#bohr-contest .status h2 {
    background-color: #FFAE29;
}


#bohr-contest .status ul.other-lnavi a:hover {
    color: #FFAE29;
}

#bohr-contest .status ul.other-lnavi .on a {
    color: #FFAE29;
}


#bohr-contest h1, #bohr-contest h2{
    text-align: center;
}

#bohr-contest table.type3 {
    border: solid 2px #e4e4e4;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
}

#bohr-contest table.type3 p {
    margin: 0;
    padding: 0;
}

#bohr-contest table.type3 th, #bohr-contest table.type3 td {
    border-bottom: solid 2px #e4e4e4;
    text-align: left;
    font-size: 0.9em;
    padding: 10px 0 10px 15px;
    line-height: 130%;
}

#bohr-contest table.type3 th {
    width: 25%;
}

#bohr-contest table.type3 td label[for="id_file"] {
    width: 350px;
    background-color: #ff7e45;
    border-radius: 5px;
    padding: 10px 5px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 0 auto 10px;
    transition: ease all 0.2s;
}

#bohr-contest table.type3 td[colspan="2"] > p {
    text-align: center;
}

#bohr-contest table.type3 td label[for="id_picture"] {
    background-color: #ff7e45;
    border-radius: 5px;
    padding: 5px;
    font-size: 11px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    transition: ease all 0.2s;
    display:inline-block;
    margin:5px 0;
}

#bohr-contest table.type3 td label[for="id_file"]:hover, #bohr-contest table.type3 td label[for="id_picture"]:hover {
    opacity: 0.7;
}

#bohr-contest table.type3 td input[type="file"] {
    display: none;
}

#bohr-contest table.type3 td input[type="text"], #bohr-contest table.type3 td textarea {
    border: none;
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 10px;
    width: 92%;
}


#bohr-contest table.type3 .requi {
    background-color: #de3d54;
    color: #fff;
    padding: 3px 11px;
    font-size: 0.8em;
    margin-left: 7px;
}

#bohr-contest table.type3 th span.size-s {
    font-weight: normal;
}

#contest-rule {
    width: 600px;
    margin: auto;
}

#contest-rule #contest-rule-details {
    font-size: 0.8em;
    border: solid 1px #aaa;
    padding: 10px;
    height: 270px;
    overflow: auto;
}

label[for="#contest-rule-check"] {
    cursor: pointer;
}

#contest-rule div:last-child {
    text-align: center;
}

#bohr-contest form input[type="submit"] {
    background-color: #24c3e0;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 20px;
    font-size: 1em;
    display: block;
    width: 350px;
    margin: auto;
    border-radius: 5px;
}

.contest-info {
    background-color: #f8f8f8;
    padding: 20px 30px;
}

.contest-new-works {
    display: flex;
    justify-content: space-around;
    flex-wrap:wrap;
}

.contest-new-works li {
    width: 120px;
    margin-bottom:20px;
}

.contest-new-works li a {
    display: block;
    text-decoration: none;
    color: #777;
}

.contest-new-works li a:hover {
    opacity: 0.7;
}

.contest-new-works li a p {
    margin: 5px 0 0;
    padding: 0;
    font-size: 0.8em;
    font-weight: bold;
    line-height:120%;
}

.contest-new-works img {
    width: 100%;
    height: auto;
    display: block;
    border: solid 1px #e9e9e9;
}

#bohr-contest #contest-profile-works h2{
margin-bottom: 1em;
}

#bohr-contest #contest-profile{
margin-bottom: 60px;
}

#contest-profile figure{
    float: left;
    width: 170px;
    margin-right: 30px;
}

#contest-profile figure img{
width: 100%;
height: auto;
}

#contest-profile div{
    float: right;
    width: 500px;
}

#contest-profile div p:first-of-type{
    font-weight: bold;
    font-size: 1.2em;
    padding: 0;
}

#contest-profile div p:nth-of-type(2){
    line-height: 140%;
}

#contest-index-list>li{
background-color: #f4f4f4;
clear: both;
overflow: hidden;
padding: 20px 15px;
border-radius: 5px;
margin-bottom: 10px;
}

#contest-index-list li h2{
text-align: left;
width: 480px;
float: left;
font-size: 1.5em;
margin: 0;
}

#contest-index-list li ul{
float: right;
}

#contest-index-list li ul li{
margin-bottom: 10px;
float: right;
clear: both;
}

#contest-index-list li ul li:last-child{
margin-bottom: 0;
}

.contest-btn-orange{
background-color: #ffa500;
border: solid 2px #ffa500;
color: #fff;
font-weight: bold;
padding: 3px 20px;
display: block;
border-radius: 50px;
transition: ease all 0.2s;
cursor: pointer;
}

.contest-btn-orange:hover{
background-color: #fff;
color: #ffa500;
}

.contest-btn-blue{
background-color: #29A5E1;;
border: solid 2px #29A5E1;;
color: #fff;
font-weight: bold;
padding: 3px 20px;
display: block;
border-radius: 50px;
transition: ease all 0.2s;
cursor: pointer;
}

.contest-btn-blue:hover{
background-color: #fff;
color: #29A5E1;;
}

#work-manage-list li{
overflow: hidden;
border-top: solid 1px #d9d9d9;
padding: 20px 0;
}

#work-manage-list li:last-child{
border-bottom: solid 1px #d9d9d9;
}

#work-manage-list li h2{
text-align: left;
font-size: 1em;
}

#work-manage-list li h2 a{
text-decoration: none;
color: #2CBAFF;
}

#work-manage-list li figure{
float: left;
width: 120px;
margin-right: 20px;
}

#work-manage-list li figure a{
display: block;
}

#work-manage-list li figure img{
width: 100%;
height: auto;
}

#work-manage-list .work-manage-list-inner{
float: left;
width: 480px;
}

#work-manage-list .work-manage-list-inner p{
font-weight: bold;
padding: 0;
margin: 0;
}

#work-manage-list li .work-del-btn{
float: right;
margin-top: 40px;
}

.work-del-btn{
background-color: #CB5231;;
border: solid 2px #CB5231;;
color: #fff;
font-weight: bold;
padding: 3px 20px;
display: block;
border-radius: 50px;
transition: ease all 0.2s;
cursor: pointer;
}

#bohr-contest .work-del-btn:hover{
background-color: #fff;
color: #CB5231;;
}

#bohr-contest .work-detail-left{
width: 300px;
float: left;
}

#bohr-contest .work-detail-left figure{
margin-bottom: 20px;
}

#bohr-contest .work-detail-left figure img{
width: 100%;
height: auto;
}

#bohr-contest .work-detail-right{
width: 380px;
float: right;
}

#bohr-contest .work-detail-right h2{
text-align: left;
font-size: 1.5em;
margin-bottom: 0.5em;
}

#bohr-contest .likes-btn-list{
display: flex;
margin-bottom: 30px;
}

#bohr-contest .likes-btn-list li{
display:flex;
}

#bohr-contest .likes-btn-list li p{
margin: 0 0 0 6px;
padding: 0;
}

#bohr-contest .likes-btn-list li:nth-child(1){
margin-right: 15px;
}

#bohr-contest .likes-btn-list li:nth-child(1) button{
background-color: #ef5f5f;
border: solid 2px #ef5f5f;
border-radius: 50px;
padding: 5px 16px;
color: #fff;
font-weight: bold;
}

#bohr-contest .likes-btn-list li:nth-child(1) button:hover{
background-color: #fff;
color: #ef5f5f;
}

#bohr-contest .likes-btn-list li:nth-child(2) button{
background-color: #10cbb1;
border: solid 1px #10cbb1;
border-radius: 50px;
padding: 5px 16px;
color: #fff;
font-weight: bold;
}

#bohr-contest .likes-btn-list li:nth-child(2) button:hover{
background-color: #fff;
color: #10cbb1;
}

#bohr-contest .popup_window{
width: 100%;
height: 100%;
position: absolute;
top: 0;
display: none;
text-align: center;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}

#bohr-contest .popup_content{
height: 100px;
width: 500px;
background: #fff;
padding: 20px;
border-radius: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
border: solid 3px #42aebb;
background-color: #f8feff;
}

#bohr-contest .close{
position: absolute;
top: 0;
right: 0;
border-radius: 0 5px 0 0;
border: none;
background-color: #ff5252;
padding: 5px 10px;
color:#fff;
}

.popup_content a{
border: none;
text-decoration: none;
background-color: #5bc0cc;
color: #fff;
font-weight: bold;
padding: 5px 15px;
}

.popup_content a:nth-of-type(2){
background-color:#ffae29;
}

#bohr-contest #work-detail{
margin-bottom: 70px;
}

#bohr-contest .work-detail-right .description{
line-height: 130%;
}

#bohr-contest .work-detail-right .vote,.work-detail-right .tag,.work-detail-right .share-link{
margin: 0;
padding: 0;
}

.work-detail-right .vote span,.work-detail-right .tag span,.work-detail-right .share-link span{
margin-right: 10px;
color: #747474;
font-weight: bold;
}

}