@charset "utf-8";

#newsfeed.newsfeed-all-display-type-flex .content-user-official {
	display:none;
}

/**************************************
PC:
+-----------------------+
|                       |
|                       |
|          1            |
|                       |
|                       |
+-----------------------+
|           |           |
|           |           |
|     2     |     3     |
|           |           |
|           |           |
+-----------------------+
|       |       |       |
|       |       |       |
|   4   |   5   |   6   |
|       |       |       |
|       |       |       |
+-----------------------+
|               |       |
|               |       |
|       7       |   8   |
|               |       |
|               |       |
+-----------------------+
|       |       |       |
|       |       |       |
|   9   |  10   |  11   |
|       |       |       |
|       |       |       |
+-----------------------+
|       |               |
|       |               |
|  12   |      13       |
|       |               |
|       |               |
+-----------------------+
|           |           |
|           |    15     |
|           |           |
|           |           |
|    14     |-----------|
|           |           |
|           |    16     |
|           |           |
|           |           |
+-----------------------+
|       |       |       |
|       |       |       |
|  17   |  18   |  19   |
|       |       |       |
|       |       |       |
+-----------------------+
|           |           |
|    21     |           |
|           |           |
|           |           |
|-----------|    20     |
|           |           |
|    22     |           |
|           |           |
|           |           |
+-----------------------+
*/

@media (min-width:768px) {
	
	/* cancel default style */
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent {
		/* border:1px solid red; */
		padding-top:.5em;
		padding-bottom:.5em;
	}
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:not(.image-bg):not(.newsfeed-display-type-imagewide):first-child {
		padding-top:0;
	}
	#newsfeed.newsfeed-all-display-type-flex .wfcontent + .wfcontent {
		border-top:none;
	}
	#newsfeed.newsfeed-all-display-type-flex .wfcontent .content-info {
		margin-top:.75em;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container {
		-webkit-flex-direction:column;
		-moz-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	
	/** title 2 lines, desc 3lines **/
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:not(:nth-child(22n+1)) .content-title {
		/* line-height 1.4 */
		height: 2.8em;
		overflow: hidden;
		display: block;
	}
	@supports (-webkit-line-clamp:2) {
		#newsfeed.newsfeed-all-display-type-flex .wfcontent:not(:nth-child(22n+1)) .content-title {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
	}
	
	/*** base layouts ***/
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:not(:nth-child(22n+1)) {
		display:inline-block;
		vertical-align:top;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14) {
		float:left;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20) {
		float:right;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+17),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+18),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+19) {
		float:left;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+17){
		clear:left;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+1){
		clear:right;
	}
	
	/*** widthes ***/
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+2),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+3),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) {
		width:50%;
		/* font-size:90%; */
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+2) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+3) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-link {
		font-size:90%;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+4),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+5),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+6),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+8),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+9),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+10),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+11),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+12),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+17),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+18),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+19) {
		width:33.3333333%;
		width:calc(100% / 3 - 1px / 3 );
		/* font-size:80%; */
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+4) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+5) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+6) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+8) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+9) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+10) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+11) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+12) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+17) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+18) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+19) .content-link {
		font-size:80%;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) {
		width:66.6666666%;
		width:calc(100% / 3 * 2);
		/* font-size:90%; */
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-link {
		font-size:90%;
	}
	
	/* height */
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent {
		overflow:hidden;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(n+1) {
		height:23rem;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+2),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+3) {
		height:28rem;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) {
		height:14.5rem;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20) {
		height:29rem;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+1) {
		height:auto;
	}
	
	/************* contents *************/
	
	#newsfeed.newsfeed-all-display-type-flex .wfcontent .content-title {
		padding-bottom:0;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading.flex-item {
		width:100%;
		padding:0;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading.flex-item + .flex-item {
		width:100%;
		padding-top:.5em;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading .img-wrap {
		border:1px solid #ccc;
		border-style:solid;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading .img-wrap:before {
		padding-top:61.2%;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+8) > .wfcontent-container > .content-leading .img-wrap:before,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+12) > .wfcontent-container > .content-leading .img-wrap:before,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+14) > .wfcontent-container > .content-leading .img-wrap:before,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+20) > .wfcontent-container > .content-leading .img-wrap:before {
	padding-top:75%;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(1) > .wfcontent-container > .content-leading .img-wrap {
		position:relative;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(1) > .wfcontent-container > .content-leading .img-wrap:before {
		display:none;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(1) > .wfcontent-container > .content-leading .img-wrap > img {
		position:static;
		width:100%;
		height:auto!important;
	}
	
	/* photo mode : 7,13 / 15,16,21,22 */
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  > .wfcontent-container,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container {
		display:block;
		height:100%;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  > .wfcontent-container > .content-leading,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container > .content-leading,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container > .content-leading,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container > .content-leading,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container > .content-leading,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container > .content-leading {
		flex:0 0 100%;
		display:flex;
		flex-direction:column;
		height:100%;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  > .wfcontent-container > .content-leading .img-wrap,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container > .content-leading .img-wrap,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container > .content-leading .img-wrap,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container > .content-leading .img-wrap,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container > .content-leading .img-wrap,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container > .content-leading .img-wrap {
		flex:0 0 100%;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  > .wfcontent-container > .content-leading + .flex-item,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container > .content-leading + .flex-item,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container > .content-leading + .flex-item,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container > .content-leading + .flex-item,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container > .content-leading + .flex-item,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container > .content-leading + .flex-item {
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		padding:10px;
		padding-right:calc(10px + 15px);
		padding-right:25px;
		
		color:white;
		text-shadow:
			0 0 2px black,
			0 0 6px rgba(0,0,0,.5);
	}
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  > .wfcontent-container > .content-leading + .flex-item,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) > .wfcontent-container > .content-leading + .flex-item,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) > .wfcontent-container > .content-leading + .flex-item,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) > .wfcontent-container > .content-leading + .flex-item,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) > .wfcontent-container > .content-leading + .flex-item,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) > .wfcontent-container > .content-leading + .flex-item {
		padding-right:10px;
		padding-left:calc(10px + 15px);
		padding-left:25p;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  .content-link .content-title,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-link .content-title,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-link .content-title,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-link .content-title,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-link .content-title,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-link .content-title {
		color:white;
		height:auto;
		max-height: 2.8em;
		
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  .content-body,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-body,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-body,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-body,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-body,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-body,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-info {
		color:white;
		display:none;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  .content-feedlabel,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-feedlabel,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-feedlabel,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-feedlabel,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-feedlabel,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-feedlabel {
		position:absolute;
		top:auto;
		left:auto;
		right:16px;
		bottom:1px;
		margin:0;
	}
	
}

@media (min-width:1064px) {
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+7)  .content-feedlabel,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+13) .content-feedlabel,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+15) .content-feedlabel,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+16) .content-feedlabel,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+21) .content-feedlabel,
	body.custom-sidebar-left #newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-child(22n+22) .content-feedlabel {
		right:1px;
	}
}



/************************************

mobile:
+-----------------+
|                 |
|                 |
|        1        |
|                 |
|                 |
|.................|
|                 |
|                 |
+-----------------+
|                 |
|                 |
|        2        |
|                 |
|                 |
|.................|
|                 |
|                 |
+----------------+
|                 |
|        3        |
|.................|
|                 |
|                 |
+-----------------+
|        |        |
|   4    |   5    |
|........|........|
|        |        |
|        |        |
+-----------------+
|        |        |
|   6    |   7    |
|........|........|
|        |        |
|        |        |
+-----------------+
|        |        |
|   8    |   9    |
|........|........|
|        |        |
|        |        |
+-----------------+
|        |        |
|  10    |  11    |
|........|........|
|        |        |
|        |        |
+-----------------+


*/


@media (max-width:767px) {
	/* cancel default style */
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent {
		/* border:1px solid red; */
		padding-top:.5em;
		padding-bottom:.5em;
	}
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:not(.image-bg):not(.newsfeed-display-type-imagewide):first-child {
		padding-top:0;
	}
	#newsfeed.newsfeed-all-display-type-flex .wfcontent + .wfcontent {
		border-top:none;
	}
	#newsfeed.newsfeed-all-display-type-flex .wfcontent .content-info {
		margin-top:.75em;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container {
		-webkit-flex-direction:column;
		-moz-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	
	/** title 2 lines, desc 3lines **/
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+4) .content-title,
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+5) .content-title,
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+6) .content-title,
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+7) .content-title,
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+8) .content-title,
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+9) .content-title,
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+10) .content-title,
	#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+11) .content-title {
	/* line-height 1.4 */
		height: 4.2em;
		overflow: hidden;
		display: block;
	}
	@supports (-webkit-line-clamp:3) {
		#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+4) .content-title,
		#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+5) .content-title,
		#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+6) .content-title,
		#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+7) .content-title,
		#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+8) .content-title,
		#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+9) .content-title,
		#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+10) .content-title,
		#newsfeed.newsfeed-all-display-type-flex .wfcontent:nth-of-type(11n+11) .content-title {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
		}
	}
	
	/*** base layouts ***/
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) {
		display:inline-block;
		vertical-align:top;
	}
	
	/*** widthes ***/
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10),
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) {
		width:50%;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10) .content-link,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) .content-link {
		font-size:66%;
	}
		
	/************* contents *************/
	
	#newsfeed.newsfeed-all-display-type-flex .wfcontent-container {
		padding:0;
	}
	
	#newsfeed.newsfeed-all-display-type-flex .wfcontent .content-title {
		padding-bottom:0;
	}
	
	#newsfeed.newsfeed-all-display-type-flex .wfcontent .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex .wfcontent .content-info {
		font-size:75%;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading.flex-item {
		width:100%;
		padding:0;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading.flex-item + .flex-item {
		width:100%;
		padding-top:.5em;
		padding-left:.75em;
		padding-right:.75em;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading .img-wrap {
		border:1px solid #ccc;
		border-style:solid;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent > .wfcontent-container > .content-leading .img-wrap:before {
		/* padding-top:61.2%; */
		padding-top:100%;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+1) > .wfcontent-container > .content-leading .img-wrap,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+2) > .wfcontent-container > .content-leading .img-wrap,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+3) > .wfcontent-container > .content-leading .img-wrap {
		position:relative;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+1) > .wfcontent-container > .content-leading .img-wrap:before,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+2) > .wfcontent-container > .content-leading .img-wrap:before,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+3) > .wfcontent-container > .content-leading .img-wrap:before {
		display:none;
	}
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+1) > .wfcontent-container > .content-leading .img-wrap > img,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+2) > .wfcontent-container > .content-leading .img-wrap > img,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+3) > .wfcontent-container > .content-leading .img-wrap > img {
		position:static;
		width:100%;
		height:auto!important;
	}
	
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) .content-bookmark,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+4) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+5) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+6) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+7) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+8) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+9) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+10) .content-info,
	#newsfeed.newsfeed-all-display-type-flex > .newsfeed-container > .wfcontent:nth-of-type(11n+11) .content-info {
		display:none !important;
	}
	
}