/****07308**/

a.btn_spinfo{
display: block;
    width:95%;
    background: #e94e52;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    margin: 0 auto;
    
    padding: 1vw 3vw;
    font-size: 4vw;
    font-weight: bold;
     border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */  
    vertical-align: middle;
    
    border-bottom: solid 5px #a03839;/*ボタン色より暗めに*/
    border-right: solid 5px #a03839;/*ボタン色より暗めに*/  
}


.btn_spinfo .linktext{
    display: inline-block;
    margin-top: 18px;
    margin-bottom: 10px;
}

.btn_spinfo .linktext:before {
display: inline-block;
    content: url(https://cdn.cafe.animate.co.jp/assets/img/btn-arrow_right.svg);
    width:4.5vw;
    height:4.5vw;
    z-index: 10;
    margin-right: 5px;
    position:relative;
    top:0px;
}

/****0710***/
.btn_gotokc   {  
display: block;
        border-radius: 0.5em;        /* CSS3草案 */  
        -webkit-border-radius: 0.5em;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 0.5em;   /* Firefox用 */ 
        background: #231815;
        width:98%;}
.btn_gotosideminfo {  
display: block;
text-align: center;
margin: 0 auto;
        border-radius: 0.5em;        /* CSS3草案 */  
        -webkit-border-radius: 0.5em;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 0.5em;   /* Firefox用 */ 
        background: #000;
        width:98%;}
        

/****0921****/

@media only screen and (max-width: 890px) {
    img { max-width: 100%; }
}
.event-announce{
    text-align: center;
    line-height: 1.8
}
.event-announce a:link { text-decoration: underline; }


        
/****0419****/



.ai_youtube{
    position: relative;
    width: 100%;    
    background-image: url(//cdn.cafe.animate.co.jp/2018/04/b76d80b33e83b22a85247262a91468a6.png);
    background-size: 100% auto;
}
.ai_youtube:before {
    content:"";
    display: block;
    padding-top: 64.5%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}

.ai_youtube-absolute{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);    
    }

.ai_spbn{
    width: 90%;
}


        
/****0524 みん撃ボタン****/

a.copper{

background: linear-gradient(#71553a, #ac8571);
    border-bottom: solid 5px #311a0e;/*ボタン色より暗めに*/
    border-right: solid 5px #311a0e;/*ボタン色より暗めに*/  
}
a.green{

background: linear-gradient(#728949, #364624);
    border-bottom: solid 5px #0d1505;/*ボタン色より暗めに*/
    border-right: solid 5px #0d1505;/*ボタン色より暗めに*/  
}
a.linklong{
    text-align: left;
}

/****0524 guratte背景***/
.bg_gratte{
    text-align: center;
    padding: 1em; 
    margin:1em; 
    border: 0px solid #333333;  
}
.bg_gratte img{
    margin-bottom: 1em;
    
}
.tx_gratte{
    padding: 1em;
    line-height:1.7;
}
.tx_gratte strong{
    font-weight: bold;

    
}
/****0828みん撃ボタン****/
.btn_w{
    width:98%;
    margin:0 auto; 
    text-align:center;

}
div.btn_mingeki{
    width:98%;
    margin:0 auto; 
    text-align:center;

}


div.btn_mingeki a{
display: block;
    width:95%;

    color: #fff;
    text-align: center;
    line-height: 1.4;
    margin: 0 auto;
    
    padding: 1vw 3vw;
    font-size: 3.7vw;
    font-weight: bold;
     border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */  
    vertical-align: middle;
    

}

div.btn_mingeki .green{
    color: #fff;
background: linear-gradient(#728949, #364624);
    border-bottom: solid 5px #0d1505;/*ボタン色より暗めに*/
    border-right: solid 5px #0d1505;/*ボタン色より暗めに*/  
}


.collabo-lead .lead-center{

    text-align: center;
    }
    
.collabo-lead .ensemblestars1220_btn01{

    margin-top: 2vw;
}

.collabo-lead .ensemblestars1220_btn02{

    margin-top: 2vw;
    
}

/*181115*/
#category_event #contents .collabo .reserve_box{

    margin: 1vw auto;
    border: 10px #6a091d solid;
    line-height: 1.7;
    padding: 20px;
    color:  #6a091d;
    font-size: 3vw;
    background: #fcedd0;
    border-radius: 3px;
    font-weight: bold;
    margin-bottom: 3vw;
    
}
#category_event #contents .collabo .reserve_box > em{
    background: #6a091d;
    color: #fcedd0;
    font-style: normal;
    
}
#category_event #contents .collabo .reserve_box > a{
    text-decoration: underline;
    
}