body{


    margin-top:0;
    padding-top:0;
}

#kanban{
    text-align:left;
}

#bbsLLinfo{
    font-size:140%;
    font-weight:bold;

    padding-bottom:5px;
    
    border-bottom:2px solid black;
}

#indexmain-kokuti{

    background-colo:;transparent;
    border:4px double black;
}



.sotoWaku, .utiWaku{ border:none;}





.threadTitleBlock{
    background-color:#ccccff;
    padding:0.5rem;

}

    .threadTitle{
	
    }








    span.resNon::before{ content:"["; }
    span.resNon::after{ content:"]"; }

    span.resN{ display:none; }

    span.resDate{ font-size:70%; margin-left:1rem;}
    span.resDate::before{ content:"("; }
    span.resDate::after{ content:")"; }

    dd { margin:0; padding:0.8rem 0 2rem 3rem; }


    #rightBlock{
	border:1px solid black;
	margin:3px;padding:1rem 0 3rem 1rem;
    }

    #rightBlock ul{

	margin:0;padding:0;
    }

    
        #rightBlock li{
	    list-style-type:none;
	    line-height:150%;

	}
            #rightBlock li::before{
		content:"◆";
		margin-right:0.3rem;
	    
	    }



    #indexmain_thread_itiran{	    

    }

        #indexmain_thread_itiran .itiranLinkItem{	    


	    white-space: nowrap;
	    
	}

            #indexmain_thread_itiran .itiranLinkItem a{	    



	    }
	











@media only screen and (min-width: 400px) and (hover: hover) and (pointer: fine) {

	    
	    
    #kanban, #indexHead, #indexmain-kokuti, #indexmain_thread_itiran {



    }




    #indexmain-ra08{
	display: grid;
	grid-template-rows: 100px auto auto auto 1fr;
	grid-template-columns: 60% 40%;

    }

    #kanban{
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	width:70%;
    }


    #indexHead{
	grid-row: 2 / 3;
	grid-column: 1 / 2;
    }


    #indexmain-kokuti{
	grid-row: 3 / 4;
	grid-column: 1 / 3;

    }

    #indexmain_thread_itiran{
	grid-row: 4 / 5;
	grid-column: 1 / 3;

    }



    
    #indexmain_thread_itiran + div{
	grid-row: 1 / 2;
	grid-column: 2 / 3;

    }


    
    #indexmain_thread_itiran + div ~ div{

//	grid-row: 5 / -1;
	grid-column: 1 / 3;

    }



    #indexmain_thread_itiran{

	margin:0;
    }

    #indexmain_thread_itiran .utiWaku{

	padding:0;

	display:flex;
flex-wrap: wrap; 	
    }



    


    #indexmain_thread_itiran .utiWaku div{
	margin:0 0.4rem 0.3rem 0;
	padding:0;



	width:calc( 100%/4 - 0.6rem);


	
	overflow: hidden;         /* はみ出た部分を隠す */
	text-overflow: ellipsis;  /* はみ出た部分を「…」にする */



  
    }

    #indexmain_thread_itiran .utiWaku div:last-child{


	width:100%;
	
    }


    #allListLink{ text-align:center;}

    .threadItem{ border-bottom:2px solid black; }

	
}
