@charset "utf-8";

/*
	* Name: sidebar.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - Side Bar -
	======================================== */

	#sidebar.new2019 h4 {
		border-bottom: 1px solid #d7d7d7;
		border-top: 1px solid #d7d7d7;
		font-size: 100%;
		font-weight: normal;
		margin-bottom: 18px;
	}

	#sidebar.new2019 h4 > a,
		#sidebar.new2019 h4 > a span {
		display: block;
	}

	#sidebar.new2019 h4 > a {
		display: block;
		padding: 14px 10px 14px 10px;
		text-decoration: none;
	}

	#sidebar.new2019 h4 > a > span.container {
	}

	#sidebar.new2019 h4 > a > span.container:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#sidebar.new2019 h4 > a > span.container > span {
		float: left;
		position: relative;
	}

	#sidebar.new2019 h4 > a > span.container > span.title > span.title:after {
		background: url("../../img/icon_arrow_lightblue.png") left center no-repeat;
		background-size: auto 10px;
		content: '';
		display: inline-block;
		position: relative;
		height: 10px;
		margin: 0 0 0 8px;
		top: calc(50% - 10px / 2);
		vertical-align: middle;
		width: 6px;
	}

	#sidebar.new2019 h4 > a > span.container > span.button {
	}

	#sidebar.new2019 h4 > a > span.container > span.button {
		color: #0a96d4;
		float: right;
		font-size: 80%;
	}

	#sidebar.new2019 h4 {
		border-bottom: 1px solid #d7d7d7;
		border-top: 1px solid #d7d7d7;
		font-size: 100%;
		font-weight: normal;
		margin-bottom: 18px;
	}

	#sidebar.new2019 > div.today {
	}

	#sidebar.new2019 > div.today > div.slider {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}

	#sidebar.new2019 > div.today > div.slider > div.container > ul > li > a > span.photo {
		padding: 4px;
	}

	#sidebar.new2019 > div.today > div.slider > div.container > ul > li > a > span.title {
		color: #0a96d4;
	}

	#sidebar.new2019 > nav.banner {
/*		margin: 0 auto 30px auto;*/
		margin: 0 auto 10px auto;
		max-width: 1060px;
		width: 100%;
	}

	#sidebar.new2019 > nav.banner > div.subscription > h5 {
		margin-bottom: 6px;
	}

	#sidebar.new2019 > nav.banner > div.subscription > h5 > img {
		display: block;
		height: auto;
		width: 100%;
	}

	#sidebar.new2019 > nav.banner ul {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	#sidebar.new2019 > nav.banner ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#sidebar.new2019 > nav.banner > ul {
/*		margin-bottom: 18px;*/
		margin-bottom: 10px;
	}

/* csd add start */
	#sidebar.new2019 > nav.banner > ul#mgn_btm_clear li {
		margin-bottom: 0 !important;
	}
/* csd add end */

	#sidebar.new2019 > nav.banner > ul:last-child {
		margin-bottom: 0;
	}

	#sidebar.new2019 > nav.banner ul > li {
		float: none;
/*		margin-bottom: 16px;*/
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	#sidebar.new2019 > nav.banner ul > li:last-child {
		margin-bottom: 0;
	}

	#sidebar.new2019 > nav.banner ul > li > a,
		#sidebar.new2019 > nav.banner ul > li > a > img {
			display: block;
	}

	#sidebar.new2019 > nav.banner ul > li > a > img {
		height: auto;
		width: 100%;
	}

	#sidebar.new2019 > nav.banner ul.double {
		margin-left: -2%;
		margin-right: -2%;
		width: 104%;
	}

	#sidebar.new2019 > nav.banner ul.double > li {
		float: left;
		margin-left: 2%;
		margin-right: 2%;
		width: 46%;
	}

	#sidebar.new2019 > nav.banner ul.double > li > a {
		border-radius: 4px;
	}

/* csd add start */
	#sidebar.new2019 div.banner_t {
		margin: 0 auto 10px auto;
	}

	#sidebar.new2019 div.banner_t > nav.banner {
		margin-left: 9px;
		width: 98%;
	}

	#sidebar.new2019 div.banner_t > nav.banner ul.triple > li {
/*		margin-bottom: 0%;*/
		margin-bottom: 4px;
		margin-right: 0%;
/*		width: 30.3%;*/
	}

	#sidebar.new2019 div.banner_t img {
		display: block;
}
	}
/* csd add end */

	#sidebar.new2019 > nav.banner.advertisement > ul > li > div {
		border: 1px solid #d7d7d7 !important;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	#sidebar.new2019 > nav.banner.advertisement > ul > li > div > iframe {
		margin: 0 auto 0 auto;
	}

	#sidebar.new2019 div.advertisement {
/*		margin: 0 auto 30px auto;*/
		margin: 0 auto 10px auto;
	}

	#sidebar.new2019 div.advertisement a,
		#sidebar.new2019 div.advertisement a > img {
			display: block;
	}

	#sidebar.new2019 div.advertisement a > img {
		height: auto;
		margin: 0 auto 0 auto;
		width: 100%;
	}

	#sidebar.new2019 > div.ranking {
		border-bottom: 1px solid #d7d7d7;
/*		margin: 0 0 30px 0;*/
		margin: 0 0 10px 0;
	}

	#sidebar.new2019 > div.ranking > h4 {
		margin-bottom: 14px;
	}

	#sidebar.new2019 > div.ranking > nav.ranking > ul > li > a.current {
		color: #ffffff;
	}

	#sidebar.new2019 > div.ranking > nav.ranking > ul.double > li {
		width: 46%;
	}

	#sidebar.new2019 > div.ranking > nav.ranking > ul > li > a {
		border-radius: 4px;
		border-style: solid;
		border-width: 2px;
		display: block;
		padding: 4px 8px 4px 8px;
		text-align: center;
		text-decoration: none;
	}

	#sidebar.new2019 > div.ranking > div.rankinglist {
		border-top: 1px dotted #d7d7d7;
		margin-top: 14px;
		padding-top: 14px;
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol {
		list-style-type: none;
		margin-bottom: 14px;
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li {
		margin-bottom: 10px;
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li:last-child {
		margin-bottom: 0;
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li > a,
		#sidebar.new2019 > div.ranking > div.rankinglist > ol > li > a > span {
			display: block;
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li > a {
		color: #202020;
		text-align: left;
		text-decoration: none;
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li > a:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li > a > span {
		float: left;
		padding: 4px 0 4px 0;
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li > a > span.number {
		background-color: rgba(255,111,0,1.0);
		color: #ffffff;
		margin-right: 10px;
		padding-left: 6px;
		padding-right: 6px;
		text-shadow: 0 0 4px rgba(0,0,0,0.14);
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li:nth-child(2) > a > span.number {
		background-color: rgba(255,111,0,0.9);
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li:nth-child(3) > a > span.number {
		background-color: rgba(255,111,0,0.8);
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li:nth-child(4) > a > span.number {
		background-color: rgba(255,111,0,0.7);
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li:nth-child(5) > a > span.number {
		background-color: rgba(255,111,0,0.6);
	}

	#sidebar.new2019 > div.ranking > div.rankinglist > ol > li > a > span.title {
	}

/* csd add start ハーフ広告バナー */
	#sidebar ul.ads {
		list-style-type: none;
		margin-bottom: 10px;
		margin-left: -10px;
		margin-right: -10px;
		width: 320px;
	}

	#sidebar ul.ads:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#sidebar ul.ads li {
		background: url("/img/pc/common/bg_ads_sidebar.png") left top no-repeat;
		float: left;
		height: 120px;
		margin-left: 7px;
		margin-right: 7px;
		padding: 13px;
		width: 120px;
	}

	#sidebar.new2019 > nav.banner ul.double > li.ban {
		margin-bottom: 0px;
	}

	#sidebar div.ads {
		clear: both;
		margin: 0 0 14px 0;
	}
/* csd add end */

}