table {
width:98%;
margin: 10px auto;
}

th {
  border: solid 1px #BF5C60;
  color: black;
  padding: 5px!important;
  }
td {
  border: solid 1px #BF5C60;
  padding: 5px!important;
  }  


@media screen and (max-width: 768px){/*画面の横幅が768px以下*/

th {
  border-top :solid 1px #FF4B54;
  margin-top:10px!important;
  font-size:80%;
 
}

td {
  border-top :solid 0px #FF4B54;
  font-size:80%;
}

}




/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー  
▼▼▼　indexに持ってきちるtemp-list.htmlのCSS　▼▼▼
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.sc001_none_05{display:none;}

/*お誕生日はsp突破表示なし*/
.sa001_toppa,.sa002_toppa{display:none;}
/*外部リンクはsp突破表示なし*/
.type_ccity_tamio_toppa,.type_zz_aoboo_toppa,.webonly_toppa{display:none;}

/*CITY・オンリーの文字太さ*/
.type_ccity_size_00,
.type_city_zr_size_02,
.type_zz_aoboo_size_04
{
  letter-spacing:0px;
  font-weight:400!important;
  padding-top:5px!important;
  padding-bottom:5px!important;
}


.type_ccity_size_00:before,
.type_city_zr_size_02:before,
.type_zz_aoboo_size_04:before
{
    content      : " \f054"!important;
    font-family  : "Font Awesome 5 Pro";
    color:  #151313!important;
    margin-right : 2px!important;
    margin-left: 5px!important;
}



/*プチオンリー名前の文字サイズ*/
.type_puti_size_01,
.type_ccity_tamio_size_03
{
font-size:10px!important;
}

.type_puti_left_01,
.type_ccity_tamio_left_03
{
font-size:10px!important;
margin-left: 5px!important;
}

.janru:after{/*safariの勝手改行防止*/
        content: ".";
        width: 0;
        font-size: 0;
        color: transparent;
        margin-right: 1px;
    }


@media screen and (max-width: 380px){
#foo-table tr{
font-size:95%!important;
}

.sc001_size_05{
font-size:95%!important;
}
.sc001_indent_05{
margin-left: 3px!important;
}
}



.L{float:left; font-size: 13px;}
.R{text-align:right; font-size: 90%;}


.birth_bg{
  background-image: url(https://dl.dropboxusercontent.com/s/uvaxjkbqf4ghhmb/birthday_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}






@media screen and (min-width: 1024px){
.event_title p{
letter-spacing:0px;
display: block;
line-height       : 1.5em!important;
font-size         : 13px!important;
font-weight       : 600!important;
}

.event_info p{　　/*分類項目内〆切情報*/
font-feature-settings: "palt";
display:block;
font-size         : 12px!important;
text-indent:5px!important;
}

}

@media screen and (max-width: 1023px){
.event_title p{
letter-spacing:0px;
display: block;
line-height       : 1.5em!important;
font-size         : 13px!important;
font-weight       : 600!important;
}

.event_info p{　　/*分類項目内〆切情報*/
font-feature-settings: "palt";
display:block;
font-size         : 12px!important;
text-indent:5px!important;
}

}


@media screen and (max-width: 450px){
.event_title p{
letter-spacing:0px;
display: block;
line-height       : 1.5em!important;
font-size         : 15px!important;
font-weight       : 600!important;
}

}





.event_list_ac{
line-height : 0.5em!important;
margin      : 0px;
padding     : 0px;
text-indent : 5px;
text-align  : left;
}
.event_list_ac ul,.event_list_ac li {
list-style        : none;
width             : 100%;
margin            : 0px;
padding           : 0px;
}

.event_list_ac div.ac1 {　/*分類項目エリア*/ 
line-height   : 0em!important;
padding       : 10px 0 0px 0; 
border-top : solid 1px gainsboro;
border-bottom : solid 0px gainsboro;
margin-bottom:0px;
margin-top: -1px;
}



ul.inner li{ 
letter-spacing:0px;
text-align    : left;
line-height   : 1.1em;
font-size     : 13px;
border-top : dotted 1px #B9BDBDFF;
padding-top:5px;
background-color: #FDEDC4;
}


ul.inner li div{
color:#151313!important;
}


.type_puti_border-top{
 border-top : dotted 0px gainsboro!important; 
}

ul.inner li:hover{ 
background-color: #E6F9EBFF;
}

ul.inner li:active{ 
background-color: #ffcccc;
}


/*プチオンリー・ZRCITYでの表示設定|event #pulldownlist5#*/
.type_puti_001{display:none;}/*プチ*/
.type_ccity_000{display:none;}/*CITY*/
.type_city_zr_002{display:none;}/*ZR*/
.type_ccity_tamio_003{display:none;}/*民夫*/
.type_zz_aoboo_004{display:none;}/*青ブー*/
.sc001_header_005{display:none;}/*分類項目*/


/*プチオンリー・ZRCITYでの表示設定|event #pulldownlist5#*/
.type_puti_01{display:none;}/*プチ*/
.type_ccity_00{display:none;}/*CITY*/
.type_city_zr_02{display:none;}/*ZR*/
.type_ccity_tamio_03{display:none;}/*民夫*/
.type_zz_aoboo_04{display:none;}/*青ブー*/
.sc001_header_05{display:none;}/*分類項目*/



/*

type_puti:プチオンリーにて開催
type_city_zr:ZR｜オンリー
type_ccity:COMIC CITY｜オールジャンル
type_ccity_tamio:民夫主催
type_zz_aoboo:青ブー主催
type_a_day:分類項目

*/

/*ここまで*/







.link_hover:hover{border:1px solid red!important;}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー  
▼▼▼　index最上段右上のミニリンク　▼▼▼
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.top_minilink{
  font-size: 65%;
  text-align:right!important;
  margin-right:50px;
  padding-top:15px
}

.top_minilink a{
  padding-right:15px;
  text-decoration:none;
  color:#404040FF!important;
}

.top_minilink a:before{
  content      : " \f32b";
  font-weight  : 300!important;
  font-family  : "Font Awesome 5 Pro";
  margin-right : 3px;
  color:#404040FF!important;
} 


/*------------------------------------------------------------------------------------------------------------------
／／／／／／／／／／／★★★★★★左カラム★★★★★
------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------
新規イベント情報／早見表へのボタン
------------------------------------*/
.square_btn_top {
	display: inline-block;
	padding: 0.8em 1em;
	margin:10px auto 10px auto;
	color: #fff!important;
	border: solid 1px #ff9933!important;
	border-radius: 5px!important;
	transition: .4s;
	width:100%;
	text-align:center;
	text-decoration:none!important;
	font-size:110%!important;
	font-weight:bold!important;
	background-color:#ff9933 ;

}


.square_btn_top:hover {
	background: #72aae2!important;
	color: white!important;
	text-decoration:none!important;
	border: solid 1px #72aae2!important;
}


.square_btn_top:before:hover {
	color: white;

}


p .square_btn_top {
	padding: 0.3em 1em!important;
	margin:2px auto 2px auto!important;
	border-radius: 15px!important;
	text-decoration:none!important;
	font-size:100%!important;
	font-weight:normal!important;
}




/*------------------------------------
新刊カードプロジェクトのボタン
------------------------------------*/
.square_btn_sinkan {
  display: inline-block;
  padding: 0.2em 1em;
  margin:3px auto 3px auto;
  color: #333;
  border: solid 1px pink;
  border-radius: 3px;
  transition: .4s;
  width:98%;
  text-align:center;
  text-decoration:none!important;
  font-size:80%;
  background-color:#fff ;

}


.square_btn_sinkan:hover {
  background: #72aae2!important;
  color: white!important;
  text-decoration:none!important;
  border: solid 1px #72aae2!important;
}


.square_btn_sinkan:before:hover {
  color: white;

}


p .square_btn_sinkan {
  padding: 0.3em 1em!important;
  margin:2px auto 2px auto!important;
  border-radius: 15px!important;
  text-decoration:none!important;
  font-size:100%!important;
  font-weight:normal!important;
}

/*------------------------------------
新刊カードプロジェクトの新規発表時
------------------------------------*/
.square_btn_sinkan_new {
  display: inline-block;
  padding: 0.2em 1em;
  margin:3px auto 3px auto;
  color: #333;
  transition: .4s;
  width:98%;
  text-align:center;
  text-decoration:none!important;
  font-size:70%;
  background-color:#fff ;

}


.square_btn_sinkan_new:hover {
  background: tan!important;
  color: crimson!important;
  text-decoration:none!important;
  border: solid 1px tan!important;
}


.square_btn_sinkan_new:before:hover {
  color: white;

}


p .square_btn_sinkan_new {
  padding: 0.3em 1em!important;
  margin:2px auto 2px auto!important;
  border-radius: 15px!important;
  text-decoration:none!important;
  font-size:100%!important;
  font-weight:normal!important;
}














/*------------------------------------
開催一覧の表示非表示
------------------------------------*/
.type_a_day_list01{display:none;}
.event_list_ac .inner {display: none;}
.event_list_ac .inner.open {display: block;}

.type_city_zr_list00,
.type_ccity_list00,
.type_puti_list00,
.type_ccity_tamio_list00,
.type_zz_aoboo_list00
{display:none;}











/*------------------------------------------------------------------------------------------------------------------
／／／／／／／／／／／★★★★★★右カラム★★★★★
------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------
新規イベント一覧
------------------------------------*/

#days tr td:nth-of-type(1) div.newtitle{
width: 7.3em!important;
white-space: nowrap;
overflow:hidden;
}

#days tr td:nth-of-type(2) {
width: 20em!important;
}

@media screen and (max-width: 768px){
#days tr td:nth-of-type(1) div.newtitle{
width:7.3em!important;
font-size: 120%!important;
}
}





/*------------------------------------
ラックレット｜アクセスランキング
------------------------------------*/

.ranklet-table {
border-collapse: collapse!important;
width: 100%;
}


td.ranklet-table  {line-height:1em!important;}
td.ranklet-table  {vertical-align:left!important; margin: 0px auto!important}

.ranklet-rank {
text-align: center!important;
}

.ranklet-table tr:nth-child(1) td div.ranklet-rank-div{
padding:3px 0px!important;
border-radius:50%!important;
background-color:#EAC16DFF!important;  
border:0px gray solid!important;
color:#fff;
font-size: 12px!important;
}


.ranklet-table tr:nth-child(2) td div.ranklet-rank-div{
padding:3px 0px!important;
border-radius:50%!important;
background-color:#C8C8B4FF!important;  
border:0px gray solid!important;
color:#fff;
font-size: 12px!important;
}

.ranklet-table tr:nth-child(3) td div.ranklet-rank-div{
padding:3px 0px!important;
border-radius:50%!important;
background-color:#CE847DFF!important;  
border:0px #C6C6C6FF solid!important;
color:#fff;
font-size: 12px!important;
}

td div.ranklet-rank-div{
padding:3px 0px!important;
border-radius:50%!important;
border:1px #C6C6C6FF solid!important;
color:gray;
font-size: 12px!important;
}

.ranklet-image {
text-align: center;
img {
max-width: 64px;
max-height: 64px;
}
}        

.ranklet-link{
font-size:12px!important;
text-align: left!important;
}

.ranklet-title {
line-height:1!important;
text-align:left!important;
margin-bottom:-5px!important;
}
.ranklet-description {
line-height: 1.2!important;
color:gray;
font-size: 10px!important;
text-align:left!important;
}


@media screen and (max-width: 767px) {
.ranklet-table tr:nth-child(1) td div.ranklet-rank-div{padding:2px!important; }
.ranklet-table tr:nth-child(2) td div.ranklet-rank-div{padding:2px!important; }
.ranklet-table tr:nth-child(3) td div.ranklet-rank-div{padding:2px!important; }
td div.ranklet-rank-div{padding:2px!important;}
}






/*----------**********
///// 表示設定 /////
*----------**********/



@media screen and (max-width: 767px) {
.pc{display:none!important;}
}

@media screen and (min-width: 768px) {
.sma{display:none!important;}
}



  


/*----------**********
///// PC /////
*----------**********/

/*上部全体の枠*/
#index_top2022{
margin           : 0 auto!important;
max-width        : 1150px;
display          : -webkit-box;
display          : -ms-flexbox;
display          : flex;
/*
width            : 100%;
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
justify-content  : space-between;
*/
}

/*index_topの中 左カラム＋中央カラムの枠*/
#index_left2022{
background-color:;
margin           : 0 5px 0 auto!important;
text-align       : center;
width            : 350px;
height           : 100%;
}


/*index_top＞index_leftの中の右側枠｜メインビジュアル*/
#index_main2022{
background-color : ;
margin           : 0 0 0 auto;
text-align       : center;
width            : auto;
height           : 100%;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー  
▼▼▼　INDEXの基本フレックス　▼▼▼
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


#index_main2022 div.flex-box_index{
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;
}

#index_main2022 div.flex_l_index{flex:1; margin-right:5px;}


#index_main2022 div.flex_r_00_index{flex:0.1!important;  background-color:rgba(0,0,0,0);}

#index_main2022 div.flex_r_01_index{flex:0.2;  background-color:rgba(0,0,0,0);}
#index_main2022 div.flex_r_015_index{flex:0.3;  background-color:rgba(0,0,0,0);}
#index_main2022 div.flex_r_02_index{flex:0.4;  background-color:rgba(0,0,0,0);}
#index_main2022 div.flex_r_03_index{flex:0.5;  background-color:rgba(0,0,0,0);}
#index_main2022 div.flex_r_04_index{flex:0.7;  background-color:rgba(0,0,0,0);}
#index_main2022 div.flex_r_05_index{flex:1;  background-color:rgba(0,0,0,0);}

#index_main2022 div.flex_r_new_index{flex:9;  background-color:rgba(0,0,0,0);}


.b2-print{margin-top:-100px;}


/*===============================================
●画面の横幅が768pxより大きい
===============================================*/

@media screen and (min-width: 0px) and (max-width:1149px){
#index_main2022 div.flex-box_index{display:block;}
#index_left2022{width:350px;}

}

@media screen and (min-width: 631px) and (max-width:1149px){
#index_main2022{max-width:800px;width:100%;}
#index_left2022{width:350px;}
iframe.op_display{display:none;}
.b2-print{
margin-top:30px;
}
}


@media screen and (min-width: 0px) and (max-width:630px){

#index_top2022{display:block;}
#index_left2022{
background-color:;
width            : 100%;
}
.b2-print{
margin-top:-30px;
}
iframe.op_display{display:initial!important;}

} 




.margin02{
  margin:2px;
}





/*----------**********
///// 初めてガイドのボタン /////
*----------**********/


/*flexに似たグリッド表示｜最小250px*/
.cssgrid_guide {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0em;
  padding: 0em;
  margin: 0 0 0em;
}

.cssgrid_guide > div {
  background: ;
  overflow: auto;
  min-width: 0;
  padding: 0.2em;
}
/*flexに似たグリッド表示｜最小250px*/

/*flexに似たグリッド表示｜最小160px PC1列／スマホ２列*/
.cssgrid_sma2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0em;
  padding: 0em;
  margin: 0 0 0em;
}

.cssgrid_sma2 > div {
  background: ;
  overflow: auto;
  min-width: 0;
  padding: 0.2em;
}

@media screen and (min-width: 0px) and (max-width:420px){
.cssgrid_sma2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0em;
  padding: 0em;
  margin: 0 0 0em;
}

.cssgrid_sma2 > div {
  background: ;
  overflow: auto;
  min-width: 0;
  padding: 0.1em;
}
} 
/*flexに似たグリッド表示｜最小160px PC1列／スマホ２列*/





.right_grid_contents {
  padding: 2px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}





.guide_button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #228bc8;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 25px;
  color: #228bc8;
  font-size: 14px;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
}
.guide_button:hover {
  background: #228bc8;
  border: 1px solid #05639a;
  color: #fff;
}
.guide_button:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 50px;
  border-color: transparent transparent #228bc8 transparent;
}
.guide_button span {
    position: absolute;
    bottom: 12px;
    right: 20px;
    display: inline-block;
}
.guide_button span:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}
.guide_button span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: 2px solid #228bc8;
    border-right: 2px solid #228bc8;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -3px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
▼▼▼　各エリア（section）　▼▼▼
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.section {
  margin:0 auto;
  width: 100%;
}

.section-content {
  max-width  : 1024px;
  width      : 100%;
  margin     : 0 auto;
  padding    : 50px 10px 50px 10px;
  text-align : center;
}




@media screen and (max-width: 1000px){
.section-content {
  padding: 50px 10px 50px 10px;
}
}

@media screen and (max-width: 767px){
.section-content {
  padding: 50px 10px auto 10px!important;
}
}



.section-content_footer {
  max-width: 100%;
  padding: 30px 0px 50px 0px;
}


@media screen and (max-width: 1000px){
.section-content_footer {
padding: 30px 0px 50px 0px;
}
}



.item_box_line3{margin: 0px auto 5px auto; padding:0px; width:auto;background-color:;border:1px solid #b3b3b3; word-wrap:break-word;}