/******************************************************************
---------｜arteVarie用CSS｜---------------
*******************************************************************/

/*arteVarieのみ表示する＋aV以外のみ表示する
（１）まずspanで範囲指定する　<span class="#sub_a#_display">  </span>
（２）avのみ表示の範囲に 　class="#sub_a#_av"　を追記
（３）avのみ非表示の範囲に class="#sub_a#_other"　を追記

<span class="sa002_display">
<span class="sa002_other">
av以外表示
</span>
<span class="sa002_av">
avのみ表示
</span>
</span>
*/
span.#sub_a#_display > span:not(.#sub_a#_av) {display: none;}
*:not(.#sub_a#_display) > span.sa002_av {display: none;}






/******************************************************************
---------｜上段ビジュアルエリアの概要欄｜---------------
*******************************************************************/

/*--最終締切日の吹き出し--*/
.fukidashi{
  position: relative;
  display: inline-block;
  margin: 0em 0 1.5em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #fff!important;
  font-size: 16px;
  background: red;
  border-radius: 15px;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid red;
}

.fukidashi p {
  margin: 0;
  padding: 0;
}


/*--募集状況に応じてのサークル申込ボタンの表示設定--*/
.before_entry{display: none;}
.normal_button,.normal_souki{display: none;}
.before_entry_entry,.before_entry_souki{display: none;}
.fin_entry_entry,.fin_entry_button{display: none;}
._button,._souki{display: none;}
.none_button,.none_souki{display: none;}

/*01_entry側へのの表示設定*/
.#pulldownlist4#_01entry{display: none;}
.none_01entry{display:none;}




/******************************************************************
---------｜main_body｜---------------
*******************************************************************/

/*上段バナー広告エリアのマージントップ*/
.chousei{margin-top:-60px!important;}
@media screen and (max-width: 768px) {
.chousei{margin-top:initial!important;}
  }
  
 
 /*次回・同時開催リンクリモーダルの中？？用途不明*/
  /*告知イラストがある場合はNEXTに「告知イラスト」のリンクボタン*/
  .illust_logo_button_01,/*初期ロゴ*/
  .illust_logo_new_button_02,/*初期ロゴNEW*/
  .illust_text_button_05{display:none;}/*テキスト*/
  
  .illust_tate_button_03/*縦イラスト*/
  .illust_yoko_button_04/*横イラスト*/


  .type_a_day_listoff{display: none;}
  /*↓同日併催李モーダルは総称のｔｒを非表示に*/
  table.heisai tr.heisai_ko{display: none;}

/*右カラムのTwitterウィジェットの高さを左に揃えるのに利用*/
  .inner_h{
  display:flex;
  background-color:;
  position:relative;
  height:90%;
  min-height:0%;
  padding-bottom:50px!important;
  }
  
  @media screen and (max-width: 768px){
  .inner_h{
	height: 500px;
  }
   } 
   
   
   
  .max800{
max-width:600px;
  } 
   
   
   
   
   
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー  
  ▼▼▼　基本フレックス　▼▼▼
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
 
  .flex-box2022{
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-pack  : justify;
  -ms-flex-pack     : justify;
  justify-content   : space-between;
  align-items       : flex-start;
  
  -webkit-flex-wrap : wrap; /* Safari */
  flex-wrap         : wrap;
  }
  
 
  
  .flex_l p {word-break: break-all;}
  .flex_r_00 p,
  .flex_r_01 p,
  .flex_r_02 p,
  .flex_r_03 p,
  .flex_r_04 p,
  .flex_r_05 p,
  .flex_r_new p{word-break: break-all;}
  
 
  .flex_l{flex:1; margin-right:5px;
	background-color:rgba(0,0,0,0);
  }
  
  .flex_r_00{flex:0.1;  background-color:rgba(0,0,0,0);}
  
  .flex_r_01{flex:0.2;  background-color:rgba(0,0,0,0);}
  .flex_r_015{flex:0.3;  background-color:rgba(0,0,0,0);}
  .flex_r_02{flex:0.4;  background-color:rgba(0,0,0,0);}
  .flex_r_03{flex:0.5;  background-color:rgba(0,0,0,0);}
  .flex_r_04{flex:0.7;  background-color:rgba(0,0,0,0);}
  .flex_r_05{flex:1;  background-color:rgba(0,0,0,0);}
  
  .flex_r_new{flex:9;  background-color:rgba(0,0,0,0);}
    
  
  /*===============================================
  ●画面の横幅が768pxまで
  ===============================================*/
  
  @media screen and (max-width: 300px){
  
  .flex-box2022{display:block;}
  
  .flex_r_01,.flex_r_02,.flex_r_03,.flex_r_04,.flex_r_05,.flex_l
  {background-color:rgba(0,0,0,0)}
  }

  
   
/*flexに似たグリッド表示｜最小250px*/
  .main_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 1fr;
	grid-gap: 0.8em;
	border: 0px solid #ddd;
	padding: 0.5em;
	margin: 0 0 1em;
  }
  
  .main_grid > div.main_grid_in {
	background: ;
	overflow: auto;
	min-width: 0;
	padding: 0.5em;
  }
  /*flexに似たグリッド表示｜最小250px*/
 
   
   
   
table.gaiyou2022 td{
padding:20px 10px 10px 0px!important;   
  }