@charset "utf-8";

/*  2021.02.22 update ---------------------*/

/* ラインアップ */

/* 大枠 設定　2カラムに
---------------------------*/
.article_box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.article_box div.article_con2_l{width: 572px;}
.article_box div.article_con2_r{width: 184px;}

@media only screen and (max-width: 768px){
.article_box div.div_item{width: 100%;}
.article_box div.article_con2_l{width: 100%;margin-bottom: 20px;}
.article_box div.article_con2_r{ width: 100%; display: flex; flex-direction:column;align-items: center; text-align: center; background-color: #f3f3f3;padding: 10px 0;}
}

/* 枠の設定 
-----------------------*/
.table_lineup{font-size: 100%; line-height: 1.5;}
.table_lineup div img{max-width: 100%;height: auto;}
.table_lineup.under_line{ border-bottom: 1px dotted #AAA;}

/* 見出し */
h3.table_title{font-size: 100%;line-height: 1.5;font-weight: 700;padding: 2px 0 2px 16px;border: 1px solid #CCC; background: -moz-linear-gradient(bottom, #F3F3F3, transparent);background: -webkit-linear-gradient(bottom, #F3F3F3, transparent);background: linear-gradient(to top, #F3F3F3, transparent);position: relative;text-indent: -12px;}

h3.table_title:before{display: inline-block;width: 4px;height: 18px;margin: -3px 8px 0 0;content: "";vertical-align: middle;
background: #9E1D22;}
@media only screen and (max-width: 768px){
h3.table_title{font-size: 21px;}
}



/*横幅設定*/
.table_lineup { display: flex;}
.table_lineup>div{padding: 5px 0;}
.table_lineup div.td01{width: 60%; display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.table_lineup div.td01 .ta01_item{text-align: center; width: 40%;}
.table_lineup div.td01 .ta01_logo{width: 50%;}
.table_lineup div.td02{width: 10%; border-left: 1px dotted #AAA;display: flex;justify-content: center;align-items: center;}
.table_lineup div.td03{width: 10%; border-left: 1px dotted #AAA;display: flex;justify-content: center;align-items: center;}
.table_lineup div.td04{width: 20%; border-left: 1px dotted #AAA;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;flex-direction: column;}

/*枠イレギュラー*/
.network_area .table_lineup div.td01{width: 80%; }
.network_area .table_lineup div.td01 .ta01_item{width: 32%;}
.network_area .table_lineup div.td01 .ta01_logo{width: 68%;}
.network_area .table_lineup div.td04{width: 20%; border-left: none;}
                       

/* テキストのみの表 */
dl.dl_text_only{display: flex;flex-wrap: wrap; border-top: 1px dotted #AAA; margin: 3px 0 30px;}
dl.dl_text_only.border_top_none{border-top: none;}
dl.dl_text_only dt{width: 165px;border-bottom: 1px dotted #AAA; padding: 5px 0 0 5px;}
dl.dl_text_only dd{width: 400px;border-bottom: 1px dotted #AAA; padding: 5px 0;}
dl.dl_text_only dt.border_btm_none,dl.dl_text_only dd.border_btm_none{border-bottom: none;}

@media only screen and (max-width: 768px){
.logo_series{margin-bottom: 10px !important;}

.table_lineup{font-size: 14px; flex-direction: column;margin-bottom: 30px;}
.table_lineup.under_line{ margin-bottom: 0;}
.table_lineup div.td01,
.network_area .table_lineup div.td01{width: 100%; padding: 5px 0;}
.table_lineup div.td01 .ta01_item,
.network_area .table_lineup div.td01 .ta01_item{width: 100%;margin-bottom: 5px;}
.table_lineup div.td01 .ta01_logo,
.network_area .table_lineup div.td01 .ta01_logo{text-align: center; width: 100%;}
.table_lineup div.td02{width: 100%; border-left: none;border-top: 1px dotted #AAA;padding: 5px 0;}
.table_lineup div.td03{width: 100%; border-left: none;border-top: 1px dotted #AAA;padding: 5px 0;}
.table_lineup div.td04,
.network_area .table_lineup div.td04{width: 100%;border-left: none;border-top: 1px dotted #AAA;flex-direction:row;padding: 5px 0;}
.table_lineup div.td04 img:first-child{margin:5px 10px 0 0;}
.table_lineup.pcview{display: none;}

/* テキストのみの表 */ 
dl.dl_text_only{flex-direction: column;}
dl.dl_text_only dt{width: calc(100% - 18px);border-bottom: none; padding: 4px 0 0 5px;}
dl.dl_text_only dd{width: calc(100% - 18px);border-bottom: 1px dotted #AAA; padding: 4px 0 0 18px;}

}