@charset "UTF-8";

/* カラムの設定 */
/**============================================================================================**/
article.w1000 {padding: 0 20px;}
article.dis-tbl_tab {width: 100%;}
section.dis-tblcl01 {padding: 0 0 40px;}
section.dis-tblcl02 {width: 250px; padding: 0 0 0 40px;}

@media screen and (max-width:999px){
article.w1000 {padding: 0 15px;}
section.dis-tblcl02 {padding: 0 0 0 15px;}
}

@media screen and (max-width:699px){
article.dis-tbl_tab,
section.dis-tblcl01,
section.dis-tblcl02 {display: block; width: 100%;}

section.dis-tblcl02 {max-width: 300px; padding:0;}
}
/**============================================================================================**/


/* 投稿覧 */
/**============================================================================================**/
#main li {display: table; table-layout: fixed; width: 100%; margin: 0 0 20px; padding: 0 0 20px; border-bottom:dotted #999 2px;}
#main li:last-child {border:none;}
#main .dis-tblcl01 {width: 170px; padding:0 20px 0 0;}
#main .dis-tblcl01 img {width: 170px; height: 128px;}

/* サムネイル */
#main .dis-tblcl01 span {
    display: inline-block; width: 170px; height: 128px; margin: 0;
    background-color: #eee;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s;}
#main .dis-tblcl01 a:hover {opacity: 0.7;}

/* タイトル */
#main .dis-tblcl02 a.dis-blk {color:#000; font-size: 15px; font-weight: 600; text-decoration:underline;}
#main .dis-tblcl02 a.dis-blk:hover {color:#E47911;}

/* 投稿日 */
#main p.lf {margin: 5px 5px 0 0; color:#e01221; text-indent: -8px;}

/* 詳しく見る */
#main a.posi-rlt {display:inline-block; margin: 5px 0 0; padding: 0 25px 0 0; color:#0068de; text-decoration:underline;}
#main a.posi-rlt:after {content: '＞＞'; position: absolute; top: 1px; right: 0px; font-size: 10px;}
#main a.posi-rlt:hover {color:#E47911; text-decoration:underline;}

@media screen and (max-width:999px){
	
}

@media screen and (max-width:999px){
#main li {padding: 0 0 10px;}
#main .dis-tblcl01 {width: 100px; padding:0 10px 0 0;}
	
/* サムネイル */
#main .dis-tblcl01 img,
#main .dis-tblcl01 span {width: 100px; height: 75px;}
}


@media screen and (max-width:699px){
#main li {padding: 0 0 10px;}
	
/* 投稿日 */
#main p.posi-abs {position: static; margin: 5px 5px 0 0;}

/* 詳しく見る */
#main a.posi-abs {position: relative; right:auto; bottom:auto; margin: 5px 0 0;}
}

@media screen and (max-width:699px) and (min-width:500px){
#main .dis-tblcl01 {width: 140px; padding:0 10px 0 0;}
#main .dis-tblcl02 {padding:0;}

/* サムネイル */
#main .dis-tblcl01 img,
#main .dis-tblcl01 span {width: 140px; height: 105px;}

/* タイトル */
#main .dis-tblcl02 a.dis-blk {margin: 0 0 5px;}
}

@media screen and (max-width:499px){
#main li,
#main .dis-tblcl01,
#main .dis-tblcl02 {display: block;}
	
#main .dis-tblcl01 {width: 200px; margin: 0 auto 10px; padding:0;}
	
/* サムネイル */
#main .dis-tblcl01 img,
#main .dis-tblcl01 span {width: 200px; height: 150px;}

}
/**============================================================================================**/