@charset "UTF-8";

@media screen and (min-width: 1010px) {

	ul.news_list {
		overflow: hidden;
	}

	img.icon_new {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 10;
	}

	ul.news_list > li{
		float:left;
		padding:15px 0 10px 0;
		border-bottom:1px solid #ccc;
		margin-bottom:-1px;
		z-index:1;
		/* Yamamoto 以下追加*/
		width: 100%;
		display: block;
	}

	/* 記事リストの画像サイズ規定 */
	ul.news_list li img{
		width:102px;
		height:102px;
	}

	ul.news_list li div{
		float:left;
		width:102px;
		height:102px;
		margin-right:13px;
		overflow: hidden;
		position: relative;
	}

	ul.news_list li div p{
		left:-61px;
		top:-8px;
		position: absolute;
		height:100px; 
		width:208px; 
		transform: rotateZ(-45deg);
}
	ul.news_list li div p span {
		text-align: center;
		display: block;
		width: 100%;
		height:20px; 
		line-height:20px; 
		color: #fff;
		text-shadow: 1 1 3px #000;
}
	ul.news_list li div p span.tdl {background:#dd4477;}
	ul.news_list li div p span.tds {background:#11aaaa;}

	ul.news_list li h3{
		overflow: hidden;
		font-size:15px;
		height:36px;

	}
	ul.news_list li h3 a {
		/* 2行表示に変更する */
		display: -webkit-box;
		-webkit-box-orient: vertical; -webkit-line-clamp: 2;
	}


	/* 一行で省略 2019/07/11 */
	ul.news_list li aside{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 5px 0 5px 0;
		color: #666666;
	}

	ul.news_list .priority{
		float:left;
		font-size:10px;
		color:#fff;
		padding:0 8px;
		background: #f64264;
		margin-right:8px;
	}

	ul.news_list .new{
		float:left;
		font-size:10px;
		color:#fff;
		padding:0 8px;
		background:#f6cf00;
		margin-right:8px;
	}


	ul.news_list .pr{
		float:left;
		font-size:10px;
		color:#666;
		padding:0 8px;
		background:#00cff6;
		margin-right:8px;
	}


	ul.news_list .user{
		float:left;
		font-size:11px;
		color:#888;
	}

	ul.news_list .view {
		float:left;
		font-size:11px;
		letter-spacing:0.1em;
		padding-left:8px;
		margin-left:8px;
		color:#888;
		border-left:1px solid #ccc;
	}

	ul.news_list ol{
		list-style-type: none;
		overflow:hidden;
		height:auto;
		padding:0;
		margin:3px 0;
	}
	ul.news_list ol li a{
		float:left;
		font-size:10px;
		list-style-type: none;
		margin:0 5px 0 0;
		display: inline-block;
		padding:0 10px;
		border-top:none;
		border:1px solid #ccc;
	}

	ul.news_list ol li a:hover{
		color:#fff;
		background:#DD4477;
		text-decoration:none;
	}

	/* ディズニーランド キーワード背景 */
	ul.news_list .tdl ol li a:hover{
		color:#fff;
		background: #DD4477;
	}

	ul.news_list .tdl ol li a {
		/*color: #DD4477;*/
		/*border:1px solid #DD4477;*/
	}

	/* ディズニーシー キーワード背景 */
	ul.news_list .tds ol li a:hover{
		color:#fff;
		background: #11AAAA;
	}

	ul.news_list .tds ol li a {
		/*color: #11AAAA;*/
		/*border:1px solid #11AAAA;*/
	}

	ul.news_list time {
		float:right;
		color:#888;
		margin-left:20px;
	}

	/*--- パーク選択の上部 ---*/
	.classification {
		width:529px;
		overflow:hidden;
		height:auto;
	}
	.classification li{
		float:left;
		border:1px solid #ccc;
		width:80px;
		text-align:center;
		position: relative;
		z-index:2;
		margin-right:10px;
		display:inline-block;
	}
	.classification .current{
		border-bottom:1px solid #fff;
	}

	.classification li a{
		display:block;
		width:80px;
		text-decoration:none;
	}

	.classification li a:hover{
		background:#f5f5f5;
		text-decoration:none;
	}

	/*--- パーク選択の上部 ---*/
	ul.classification + ul.news_list {
		border-top: 1px solid #ccc;
		margin-top: -1px;
	}
}

/**
 * 以下、スマホ用
 */
@media screen and (min-width: 0px) and (max-width: 1009px) {

	ul.news_list {
		overflow: hidden;
	}


	img.icon_new {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 10;
	}

	ul.news_list > li {
		/*float: left;*/
		position: relative;
		padding: 10px 0 5px 0;
		border-bottom:1px solid #ccc;
		margin-bottom:-1px;
		z-index: 1;
		width: 100%;
		display: inline-block;
	}

	ul.news_list li div.thumbnail {
		float: left;
		width: 80px;
		height: 80px;
		margin-right: 10px;
		overflow: hidden;
		position: relative;
	}

	/* 画像サイズ規定 */
	ul.news_list li div.thumbnail img {
		width: 80px;
		height: 80px;
	}

	ul.news_list li div p {
		left: -61px;
		top: -10px;
		position: absolute;
		height: 100px;
		width: 200px;
		transform: rotateZ(-45deg);
	}

	ul.news_list li div p span {
		text-align: center;
		display: block;
		width: 100%;
		height: 15px;
		line-height: 15px;
		font-size: 8px;
		color: #fff;
		text-shadow: 1 1 3px #000;
	}

	ul.news_list li div p span.tdl {
		background: #dd4477;
	}

	ul.news_list li div p span.tds {
		background: #11aaaa;
	}


	ul.news_list .priority {
		position: relative;
		float: left;
		font-size: 8px;
		color: #fff;
		padding: 0 6px;
		background: #f64264;
		margin-right: 8px;
	}


	ul.news_list .new {
		float: left;
		font-size: 8px;
		color: #fff;
		padding: 0 6px;
		background: #f6cf00;
		margin-right: 8px;
	}

	ul.news_list .pr {
		float: left;
		font-size: 8px;
		color: #fff;
		padding: 0 6px;
		background: #00cff6;
		margin-right: 8px;
	}


	ul.news_list li h3 {
		/* 3行表示に変更する */
		font-size: 14px;
		font-weight: normal;
		overflow: hidden;
	}

	ul.news_list li h3 a {
		/* 3行表示に変更する */
		display: -webkit-box;
		-webkit-box-orient: vertical; -webkit-line-clamp: 3;
		color: #000 !important;
	}

	ul.news_list li aside,
	ul.news_list ol {
		visibility: hidden;
		display: none;
		height: 0;
	}

	ul.news_list .user {
		float: left;
		font-size: 10px;
		color: #888;
	}

	ul.news_list .view {
		float: left;
		font-size: 10px;
		color: #888;
		letter-spacing: 0.1em;
		padding-left: 8px;
		margin-left: 8px;
		border-left: 1px solid #ccc;
	}

	/* 内部にある日付テキスト 2017/3/9 Yamamoto Keita */
	ul.news_list time {
		float: right;
		margin-left: 20px;
		color: #888;
		font-size: 9px;
	}

	/* パーク選択 */
	.classification {
		width: 100%;
		overflow: hidden;
		height: auto;
		margin-top: 10px;
	}

	.classification li {
		float: left;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		width: 41px;
		text-align: center;
		margin-right: 10px;
		display: inline-block;
	}

	.classification li a:hover {
		background: #f5f5f5;
		display: block;
		width: 40px;
		text-decoration: none;
	}

	.classification .current {
		border-bottom: 1px solid #fff;
		position: relative;
		z-index: 1;
	}


}