@charset "utf-8";
/*製作協力CSS*/
/*ボタン部分*/
#coop{
    position:relative;
    cursor: pointer;
    width:60px;
    height:60px;
    margin-top:-15px;
    margin-left:auto;
    margin-bottom:0px;
}
#coop_circle{
    position:absolute;
    top:0px;
    left:0px;
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:rgba(0,0,0,0.80);
    cursor: pointer; 
}
#coop_img{
    position:absolute;
    top:-20px;
    left:5px;
    width:50px;
}
#coop_char{
    position:absolute;
    top:22px;
    left:2px;
    font-size:0.7em;
    color:white;
    width:70px;
}
/*ポップアップ部分*/
#coopPopUp{
    display:none;
    position:absolute;
    width:300px;
    height:420px;
    top:240px;
    right:5px;
    background-color:rgba(255,255,255,1);
    border-radius:20px;
    z-index: 50;
    border: 1px solid black;
}
#closeCoop{
    position:absolute;
    top:-20px;
    left:260px;
    width:30px;
    height:30px;
    border-radius: 50%;
    background-color: black;
    color:white;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:18px;
    cursor:pointer;
}
#coop_title{
    text-align: center;
}
 .coop_div{
     line-height:1.2em;
     margin-left:30px;
     margin-bottom:1em;
}
.coop_head{
    margin:0px;
    padding:0px;
    font-weight:bold;
}
.coop_name{
    margin:0 0 0 1em;
    padding:0px;
}
#coop_contentSpace{
    position:absolute;
    top:25px;
}
.coop_link{
    background-color:gray;
    color:white;
    border-radius:5px;
    padding:0 5px 0 5px;
    margin-right:1em;
    line-height: 1.5em;
}
 @media screen and (min-width:600px){
     /*ボタン部分*/
     #coop{
    }
     /*ポップアップ部分*/
     #coopPopUp{
         top:250px;
     }
}
 @media screen and (min-width:1025px){
     /*ボタン部分*/
     #coop{
     }
     /*ポップアップ部分*/
     #coopPopUp{
         top:240px;
         left:370px;
     }
}