/*トップページ*/

main{
    margin-left: 10px;
    margin-right: 10px;
}

.main{           /*schedule部分*/
  width: 800px;
  height: auto;
  /*background-color: #F5FFFA;   /*背景*/
  border-radius: 20px; /*カドマル*/
}




/*.icon_release{   /*更新情報(release/newsなど)の中身*/
  /*margin-left: 20px;
  color: white;      /*文字色*/
  /*background-color: pink;  /*RELEASEの背景色*/
  /*display: inline;　　　/*RELEASEの背景の色を文字が終わったら終了にする*/
  }*/








ul li{   /*更新情報の li*/
  /*list-style: none;  /*ビュレットなし*/

}



.event_main{
    margin-top: 50px;
    padding-bottom: 400px;
    background-color: antiquewhite;
    box-shadow: 0 0 10px rbga(0,0,0,0.2);
    width: 830px;
    height: 600px;
    margin: 0 auto;
    text-align: center;
}

.event_main img{
    width: 500px;
    padding-top: 20px;
    
}

.event_naiyou table{
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    
    
    
}

.event_naiyou th{
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
    
}

.event_naiyou td{
    text-align: left;
}


  


.event_main a:hover{
    color: red;
}



.regular{
    text-align: center;
    
}

.regular img{
    width: 500px;
    background: #fff;
    
    
}










/*一定のリンク色変更しない*/
a.red:link {　　/*通常時*/
text-decoration : underline;
color : #dc143c;
}

a.red:visited { /*訪問済*/
text-decoration : underline;
color : #dc143c;
}

a.red:hover {  /*マウスポインタが触れた時*/
text-decoration : underline;
color : #dc143c;
}

a.red:active { /*クリックした時*/
text-decoration : underline;
color : #dc143c;
}





.br-sp{display: none;}


/*slick部分*/

.slick01 { padding: 0;}  /*slick全体の周りの余白*/
.slick01 img { width: 100%;}
.slick01 div { margin: 0 5px;}  /*slickの上　右？の余白*/
.slick01 .slick-next { right: 17px;　z-index: 100;}
.slick01 .slick-prev { left: 23px; z-index: 100;}

.slick-slider .slick-track, .slick-slider .slick-list{
  background: #aaa;  /*画像の背景色*/
}

.slick01 .slick-slide:not(.slick-center) {  /*左右の画像を透過*/
  -webkit-filter: opacity(70%);
  -moz-filter: opacity(70%);
  -o-filter: opacity(70%);
  -ms-filter: opacity(70%);
  filter: opacity(70%);
  transition: 0.2s linear;
}


.slick01 .slick-slide:not(.slick-center) { /*センター以外の画像を小さく*/
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}





@media(min-width:751px){      /*751px以内の時に電話番号リンク有効*/
    a[href*="tel:"]{
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: #000000;
    }
}


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
    

    
    .container{
        overflow: hidden;
        height: auto;
        
    }
    
    
    .main{
        width: auto;
        height: auto;
        margin-right: 8px;
        padding-bottom: 30px;
    }   
    
    
    
    .event_main{
    margin-top: 30px;
    
    max-width: 100%;
    background-color: antiquewhite;
    box-shadow: 0 0 10px rbga(0,0,0,0.2);
   
    height: 400px;
    
}

.event_main img{
    width: 340px;
    padding-top: 20px;
    
    
    
}

.event_naiyou table{
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    font-size: 11px;
    
    
    
}

.event_naiyou th{
    text-align: left;
    padding-right: 0px;
    padding-bottom: 10px;
    width: 90px;
    
}
    
    th.access{
        padding-bottom: 20px;;
        
        
    }  

.event_naiyou td{
    text-align: left;
}


  


.event_main a:hover{
    color: red;
}

    p.kome{
        font-size: 12px;
        text-align: left;
        
    }


.regular{
    text-align: center;
    
}

.regular img{
    width: 500px;
    background: #fff;
    
    
}
    
    
    
   .tabs{
   
    background-color: antiquewhite;
    width: auto;
    height: 500px;
    
    
    
}

.tab_item{    
    height: 30px;
    border-bottom: 3px solid #5ab4bd;
    line-height: 30px;
    font-size: 10px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
}

.tab_item:hover{
    opacity: 0.8;
}



/*タブ切り替えの中身のスタイル*/
.tab_content{
    height: 780px;    
    padding: 15px 8px 0;
    
}

.tab_content::-webkit-scrollbar{
  width: 5px;       /*スクロールバーの幅*/
}
    
    
    .tab_content  ul li{    
    background: url(../images/mic.png)left 2px top  ;
    background-size: 10px;
    background-repeat: no-repeat;
}
    
    


.tab_content li{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #696969;
    line-height: 1.3em;
    font-size: 10px;
    padding-left: 1.0rem;
    
}

.tab_content li a:hover{
    color: red;
}

 
    .release_day,.release_day2{font-size: 10px;}
    
    
    
    .regular img{
        width: 100%;
        
    }
    
    .youtube_regular{
    text-align: center;
}

.youtube_regular img{
    width: 100%;
    }
    
    
    td.OAschedule {
    
}

td.OA{
    
    padding-left: 1em;
}
    
    
    .seireki{
    font-size: 12px;
    padding:5px;
    margin-bottom: 10px;
    border-left: 10px solid #1dc1d6;
    /*border-radius: 10px;*/
    display: inline-block;
    background: #e4fcff;
    
    
}
    



    
    
    
  .br-sp{display: block;}  
    


    
    
    
    
.footer{
  margin-top: 110px; /*footer とその上の要素との間*/
  
  font-size: 9px;
  text-align: center;      /*テキストセンター揃え*/
  justify-content: center;   /*テキスト中央寄席*/
  background-image: linear-gradient(#D3A865,#895E1A);
  display: flex;
  
    


}

.footer p{
  margin-top: 10px;
  margin-bottom: 10px;
  
  padding-left: 10px;
  padding-right: 10px;
}
    
 footer p .br-sp{
        display: block;
    }
    
    
    
   /* footer{
         margin-left: 1px;
        padding-left: 1px;
        
    
    }*/
    
 /*   footer p{
        font-size: 11px;
        margin-left: 1px;
        padding-left: 1px;

        
        
        
    }*/
    
  /*  footer p .br-sp{
        display: block;
    }*/
    
    
    
    
    
    }


@media screen and (min-width: 750px){   
  .br-pc { display:inline; }
  .br-sp { display:none; }
}
@media screen and (max-width: 751px){   
  .br-pc { display:none; }
  .br-sp { display:inline; }
}