@charset "utf-8";
/* 色変更時用CSS */
body{
    color: #fff;
}

main .article .title-box .date{
    color: #e3e349;
}

.pink_highlight{
    background: linear-gradient(transparent 10%, #ff00f6 10% 90%, transparent 90%);
    font-weight: bold;
    color: #fff;
}

.orange_notice {
    color: #ffc600;
}

/*bg*/
div.wrapper div#news_color {
    background-image:url(../../../uploads/2025/cil_final_chapter_htnrd/bg.png);
    background-size: contain;
}

div.container {
    background-image: url(../../../uploads/2025/cil_final_chapter_htnrd/bg.png);
    background-size: contain;
}

main, main .article {
    background: none;
}


/* 菱形 */
.diamond {
	color: #fff;
}


/* 小見出し */
.tips {
    border-color: #fff;
	font-size: 17px!important;
}

.tips_notice{
    border-color: #FF0057;
	font-size: 17px!important;
    font-weight: bold;
    font-size: 103%;
    border-bottom: solid 3px #FF0057;
    position: relative;
    top: -3px;
    line-height: 38px;
}

.tips::before {
    color: #fff;
}

.tips_notice::before {
    color: #FF0057;
}

.tips::before {
    content: "▶";
}

.tips_notice::before {
    content: "▶";
}

.highlight{
    border: solid 4.5px #FFFF00;
    background: #FFFF00;
    line-height: 1.5em;
}

/* 見出し */
.heading_ttl p{
padding-bottom: 1em;
}


.heading_ttl .item_box::before {
    content: url(../../../uploads/2025/cil_final_chapter_htnrd/midashi_icon.png);
}

.heading_ttl .item_box .text_box {
    padding-left: 8%;
    display: flex;
}

.m_top{
	margin-top: -5px !important;	
}

/*title_flex*/

.heading_ttl .hd_text {
    text-shadow: none;
    color: #575757;
}

.heading_ttl .item_box .text_box{
    padding-left: 11.5%;
}


.heading_ttl.pd_left .item_box_ex {
    padding-bottom: 0;
}

.heading_ttl.pd_left .text_box {
    padding-left: 26px;
}

/****table_item****/
.table_box .item_image{
    display: block;
    width: 100%;
    max-width: 53px;
    margin: 5px auto 0;
}

.table_box .image_container {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.table_box .image_container .item_image{
    margin: 5px 0 0 0!important;
}

.txt_red {
    position: relative;
    color: #FF0000;
}

.attention_grand_duel,
.attention_flo{
    padding: 1em 1em 0 1em;
    margin: 10px;
}

.attention_grand_duel{
    background-color: #f7d2d4;
}

.attention_flo{
    background-color: #EBEEFA;
}

.attention_purple{
    padding: 1em 1em 0 1em;
    border: solid 1.5px #6045c0;
    margin: 10px;
    background: #6045c0;
}
/*************アイテムラインナップ************/
.skil_item_txt{
	clear: both;
	display: block;
}

.skil_item{
	float: left;
	width: 6%;
	position: relative;
	top: -3px;
}

.attention_btn_st {
    margin: 0 auto;
    width: 100%;
}