@charset "utf-8";

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


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - コンテナ -
	======================================== */

	html {
		overflow: auto;
		height: 100%;
	}

	body.noscroll {
		overflow: hidden;
		height: 100%;
	}

	.container {
		margin: 0;
		padding: 0;
	}

	.wrapper {
		margin: 0;
		padding: 0;
	}


	/* ========================================
	   * 領域設定 - Contents -
	======================================== */

	#contents {
		font-size: 120%;
		text-align: left;
	}

	#contents {
		font-size: 120%;
		text-align: left;
		width: 100%;
	}

	#contents > div.container {
		margin-left: auto;
		margin-right: auto;
		max-width: 1060px;
		/*width: 100%;*/
		width: 1060px;
	}

	#contents div.separate,
		#contents div.separate > div {
			position: relative;
	}

	#contents > div.separate {
		clear: both;
		margin: 0 auto 0 auto;
		max-width: 1060px;
	}

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

	#contents div.separate > div {
		float: left;
	}

	#contents div.separate > #main {
		margin-right: 30px;
		width: 728px;
	}

	#contents div.separate > #main div.topimage {
		margin-bottom: 28px;
	}

	#contents div.separate > #main p {
		margin-bottom: 28px;
	}

	#contents div.separate > #main table {
		margin-bottom: 28px;
	}

	#contents div.separate > #sidebar {
		width: 300px;
	}

	#contents nav > ul,
		#contents nav > div.container > ul {
			list-style-type: none;
			margin-left: -2%;
			margin-right: -2%;
			width: 104%;
	}

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

	#contents nav > ul > li,
		#contents nav > div.container > ul > li {
			float: left;
			margin-bottom: 4%;
			margin-left: 2%;
			margin-right: 2%;
	}

	#contents nav > ul.double > li,
		#contents nav > div.container > ul.double > li {
			width: 46%;
	}

	#contents nav > ul.triple > li,
		#contents nav > div.container > ul.triple > li {
			width: 29.3%;
	}

	#contents nav > ul.quadruple > li,
		#contents nav > div.container > ul.quadruple > li {
			width: 21%;
	}

	#contents nav > ul.quintuple > li,
		#contents nav > div.container > ul.quintuple > li {
			width: 16%;
	}

	#contents nav.narrow > ul,
		#contents nav.narrow > div.container > ul {
			list-style-type: none;
			margin-left: -1%;
			margin-right: -1%;
			width: 102%;
	}

	#contents nav.narrow > ul > li,
		#contents nav.narrow > div.container > ul > li {
			margin-bottom: 2%;
			margin-left: 1%;
			margin-right: 1%;
	}

	#contents nav.narrow > ul.double > li,
		#contents nav.narrow > div.container > ul.double > li {
			width: 48%;
	}

	#contents nav.narrow > ul.triple > li,
		#contents nav.narrow > div.container > ul.triple > li {
			width: 31.3%;
	}

	#contents nav.narrow > ul.quadruple > li,
		#contents nav.narrow > div.container > ul.quadruple > li {
			width: 23%;
	}

	#contents nav.narrow > ul.quintuple > li,
		#contents nav.narrow > div.container > ul.quintuple > li {
			width: 18%;
	}

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

	#contents > nav.banner ul > li {
	}

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

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


	/* ========================================
	   * 領域設定 - Main -
	======================================== */

	#main {
		font-size: 100%;
		width: 100%;
	}

	#main h3 {
		font-weight: normal;
	}

	#main h4 {
		font-weight: normal;
	}

	#main h5 {
		margin-bottom: 8px;
	}

	#main > div.container {
	}

	#main > div.container.separate {
		margin-bottom: 0;
		margin-left: -2%;
		margin-right: -2%;
		width: 104%;
	}

	#main > div.container.separate > div {
		margin-left: 2%;
		margin-right: 2%;
		width: 46%;
	}

	#main div.paragraph {
		margin: 0;
		padding: 0;
	}

	#main div.news_flash {
		background-color: #077ac0;
		/*border: 1px solid #202020;*/
		margin-bottom: 20px;
	}

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

	#main div.news_flash {
		margin-bottom: 20px;
	}

	#main div.news_flash > div.container {
		margin-bottom: 0;
		padding: 2%;
	}

	#main div.news_flash > div.container > ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#main div.news_flash > div.container > ul > li {
		border-bottom: 1px dotted rgba(255,255,255,0.28);
		margin-bottom: 1%;
		padding-bottom: 1%;
	}

	#main div.news_flash > div.container > ul > li:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#main div.news_flash > div.container > ul > li > a {
		color: #ffffff;
	}



	#main div.pickup {
		margin: 0 0 30px 0;
	}

	#main div.pickup > ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	#main div.pickup > ul > li {
		margin-bottom: 18px;
	}

	#main div.pickup > ul > li:last-child {
		margin-bottom: 0;
	}

	#main div.pickup > ul > li > a,
		#main div.pickup > ul > li > a span,
			#main div.pickup > ul > li > a img {
				display: block;
	}

	#main div.pickup > ul > li > a img {
		height: auto;
		width: 100%;
	}

	#main div.pickup > ul.overlay {
	}

	#main div.pickup > ul.overlay > li > a {
		position: relative;
	}

	#main div.pickup > ul.overlay > li > a > span.overlay,
		#main div.pickup > ul.overlay > li > a > span.title {
			position: absolute;
	}

	#main div.pickup > ul.overlay > li > a > span.overlay {
		background-color: rgba(0,0,0,0.3);
		height: 100%;
		width: 100%;
		z-index: 1;
	}

	#main div.pickup > ul.overlay > li > a > span.title {
		color: #ffffff;
		font-size: 194%;
		text-align: center;
		z-index: 2;
	}

	#main div.pickup > ul.overlay > li > a > span.title > span.button {
		background-color: #ffffff;
		color: #579b49;
		display: inline-block;
		font-size: 90%;
		margin: 10px 0 0 0;
		padding: 4px 8% 4px 8%;
	}

	#main div.newslist {
		margin-bottom: 30px !important;
	}

	#main div.newslist ol {
		list-style-type: none;
		margin-left: 0;
	}

	#main div.newslist ol.newslist > li {
		border-bottom: 1px solid #d7d7d7;
	}

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

	#main div.newslist > h3 {
		border-bottom: 1px solid #d7d7d7;
		border-top-style: solid;
		border-top-width: 2px;
		margin-bottom: 16px;
	}

	#main div.newslist > h3 > a,
		#main div.newslist > h3 > a span,
			#main div.newslist > h4,
				#main div.newslist > h4 > a span {
					display: block;
	}

	#main div.newslist > h3 > a,
		#main div.newslist > h4 > a {
			display: block;
			text-decoration: none;
	}

	#main div.newslist > h3.list > a > span.container,
		#main div.newslist > h4 > a > span.container {
			margin-left: auto;
			margin-right: auto;
			padding-bottom: 10px;
			padding-top: 10px;
			position: relative;
			width: 96%;
	}

	#main div.newslist > h3.list > a > span.container:after,
		#main div.newslist > 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;
	}

	#main div.newslist > h3.list > a > span.container > span,
		#main div.newslist > h4 > a > span.container > span {
			float: left;
			position: relative;
			width: 50%;
	}

	#main div.newslist > h3.list > a > span.container > span.title,
		#main div.newslist > h4 > a > span.container > span.title {
			width: 70%;
	}

	#main div.newslist > h3.list > a > span.container > span.button,
		#main div.newslist > h4 > a > span.container > span.button {
			font-size: 80%;
			position: relative;
			text-align: right;
			width: 30%;
	}

	#main div.newslist > h3.list > a > span.container > span.button > span.button,
		#main div.newslist > h4 > a > span.container > span.button > span.button {
	}

	#main div.newslist > h3.list > a > span.container > span.title {
		position: relative;
	}

	#main div.newslist > h3.list > a > span.container > span.title > span.title {
	}

	#main div.newslist > div.container {
	}

	#main div.newslist > div.container.gray {
		background-color: #f3f3f3;
		padding: 2%;
	}

	#main div.newslist ol > li {
		border-bottom: 1px solid #d7d7d7;
	}

	#main div.newslist ol > li > a,
		#main div.newslist ol > li > a > span {
			display: block;
	}

	#main div.newslist ol > li > a {
		color: #202020;
		text-decoration: none;
	}

	#main div.newslist ol.newslist > li > a.login {
		position: relative;
	}

	/* 20190403 mod start */
	#main div.newslist ol.newslist > li > a.login_category {
		position: relative;
	}
	/* 20190403 mod end */

	#main div.newslist ol.newslist > li > a.login > span.title > span.date {
	}
	
	#main div.newslist ol.newslist > li > a.login > span.title > span.date:before {
		background: url("../img/icon_login_yellow.png") left center no-repeat;
		background-size: auto 14px;
		content: '';
		display: inline-block;
		position: relative;
		height: 14px;
		margin: 0 2px 0 2px;
		top: calc(50% - 14px / 2);
		vertical-align: middle;
		width: 11px;
	}

	/* 20190403 mod start */
	#main div.newslist ol.newslist > li > a.login_category > span.title > span.date:before {
		background: url("../img/icon_login_red.png") left center no-repeat;
		background-size: auto 14px;
		content: '';
		display: inline-block;
		position: relative;
		height: 14px;
		margin: 0 2px 0 2px;
		top: calc(50% - 14px / 2);
		vertical-align: middle;
		width: 11px;
	}
	/* 20190403 mod end */

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

	#main div.newslist ol.newslist > li > a > span.photo > img {
		display: block;
		height: auto;
		margin: 0 auto 0 auto;
		max-width: 100%;
		/*object-fit: cover;*/
		/*object-position: 50% 0;*/
		width: auto;
	}

	#main div.newslist ol.newslist > li > a.pr {
		background-color: #f1fafd;
	}

	#main div.newslist ol.newslist:not(.single) > li > a > span {
		float: left;
	}

	#main div.newslist ol.newslist:not(.single) > li > a > span.title {
		margin-bottom: 0;
		margin-right: 4%;
		width: 68%;
	}

	#main div.newslist ol.newslist:not(.single) > li > a > span.title > span.label {
		background-color: transparent;
		font-size: 80%;
		margin-bottom: 6px;
	}

	#main div.newslist ol.newslist:not(.single) > li > a > span.photo {
		float: right;
		width: 28%;
	}

	#main div.newslist ol.newslist:not(.double):not(.triple) > li > a > span.photo > img {
		max-height: calc((14px + 8px) * 4);
	}

	#main div.newslist ol.newslist.single > li > a > span.photo + span.title {
		margin-top: 8px;
	}

	#main div.newslist ol.newslist.noborder > li {
		border-bottom: none;
	}

	#main div.newslist ol.newslist.noborder > li > a {
		padding-bottom: 0;
	}

	#main div.newslist ol.newslist.separate {
		margin-left: -2%;
		margin-right: -2%;
		opacity: 0;
		width: 104%;
	}

	#main div.newslist ol.newslist.separate:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.newslist ol.newslist.separate > li {
		border-bottom: none;
		float: left;
		margin-bottom: 4%;
		margin-left: 2%;
		margin-right: 2%;
	}

	/* 2019/09/27 add start 動画再生ボタン表示 */
/*
	#main div.newslist ol.newslist.separate > li > a > span.photo.videothumbnail {
		position: relative;
	}

	#main div.newslist ol.newslist.separate > li > a > span.photo > span.playbutton {
		z-index: 1000;
		opacity: 0.7;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: url("libs/pc/common/img/btn_playerplay.png") no-repeat center center;
		background-size: 55px 55px;
	}
*/
	/* 2019/09/27 add start */

	#main div.newslist ol.newslist.separate > li > a > span.photo > img {
		display: block;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	#main div.newslist ol.newslist.separate > li > a > span.photo > img.img_y {
		height: 100% !important;
		width: auto;
	}

	#main div.newslist ol.newslist.separate.double > li {
		width: 46%;
	}

	#main div.newslist ol.newslist.separate.triple > li {
		width: 29.3%;
	}

	#main div.newslist ol.newslist:not(.single):not(.double):not(.triple) > li > a > span.title {
		line-height: 22px;
		min-height: calc((14px + 8px) * 4);
	}

	#main > div.container.separate > div.newslist {
		margin-bottom: 0;
	}

	#main > div.container.separate > div.newslist > h3 {
		margin-bottom: 0;
	}

	#main > div.container.separate > div.newslist ol > li:last-child {
		margin-bottom: 0;
	}

	#main > div.container.separate > div.newslist ol > li > a {
		padding: 4%;
	}

	#main div.newslist ol.linklist {
		margin-left: auto;
		margin-right: auto;
		width: 94%;
	}

	#main div.newslist ol.linklist > li > a > span.date {
		display: inline-block;
	}

	#main div.newslist ol.linklist > li > a {
		background: url("../img/icon_arrow_black.png") 3% center no-repeat;
		background-size: auto 10px;
		padding: 3% 3% 3% 28px;
	}

	#main div.newslist.inline > h3 {
		background-color: #fafafa;
		border-bottom: 1px solid #d7d7d7;
		border-top: 1px solid #d7d7d7;
	}

	#main div.newslist.inline > h3 > a {
		padding-bottom: 1%;
		padding-top: 1%;
	}

	#main div.newslist.inline > h3 > a > span.container {
		padding-left: 0;
		padding-right: 0;
	}

	#main div.newslist.inline > h3 > a > span.container > span.title > span.title {
		display: inline-block;
		padding-left: 0;
		position: relative;
	}

	#main div.newslist.inline > h3 > a > span.container > span.title > span.title:after {
		background-position: 88% center;
		background-repeat: no-repeat;
		background-size: auto 10px;
		content: '';
		display: block;
		position: absolute;
		height: 10px;
		left: 0;
		right: 0;
		transition: all 0.5s;
		top: calc(50% - 10px / 2);
		width: calc(100% - 6px * 2);
	}

	#main div.newslist.inline > h3 > a > span.container > span.title > span.triangle {
		display: none
	}

	#main div.newslist.inline > h3 > a > span.container > span.button > span.button {
		background-color: transparent;
		border-radius: 0;
		padding: 0;
	}

	#main div.newslist.inline > h3.orange > a > span.container > span.title {
		color: #ff9900;
	}

	#main div.newslist.inline > h3.orange > a > span.container > span.title > span.title:after {
		background-image: url("../img/icon_arrow_orange.png");
	}

	#main div.newslist h4.twotone,
		#main div.newslist h4.twotone > span {
			position: relative;
	}

	#main div.newslist h4.twotone {
		color: #ffffff;
		margin-left: auto;
		margin-right: auto;
	}

	#main div.newslist h4.twotone:before {
		background-color: #ffffff;
		content: '';
		left: 0;
		height: 50%;
		opacity: 0.14;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 0;
	}

	#main div.newslist h4.twotone > span {
		display: block;
	}

	#main div.newslist h4.twotone > span > a {
		color: #ffffff;
		display: block;
		padding: 3% 4% 3% 4%;
		position: relative;
		text-decoration: none;
	}

	#main div.newslist > div.container.separate {
		margin-left: -2%;
		margin-right: -2%;
		width: 104%;
	}

	#main div.newslist > div.container.separate > div {
		margin-left: 2%;
		margin-right: 2%;
		width: 46%;
	}

	#main div.newslist > div.container.separate > div > ol.linklist {
		margin-left: 0;
		width: 100% !important;
	}

	#main div.advertisement {
		margin: 0 auto 30px auto;
	}

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

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

	#main div.advertisement.w728 a > img {
		max-width: 728px;
	}

	#main div.advertisement > a + ul.button {
		margin-top: 10px;
	}

	#main div.advertisement > ul.button {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: -1%;
		margin-right: -1%;
		width: 102%;
	}

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

	#main div.advertisement > ul.button > li {
		float: left;
		margin-left: 1%;
		margin-right: 1%;
	}

	#main div.advertisement > ul.button > li > a {
		background-color: #202020;
		border-radius: 4px;
		color: #ffffff;
		display: block;
		padding: 4px 12px 4px 12px;
		text-align: center;
		text-decoration: none;
	}

	#main div.advertisement > ul.button.quintuple > li {
		width: 18%;
	}

	#main ul,
		#main ol {
			margin-bottom: 28px;
	}

	#main ul {
		list-style-type: circle;
		margin-left: 18px;
	}

	#main ol {
		margin-left: 22px;
	}

	#main ul li,
		#main ol li {
			margin-bottom: 0;
	}

	#main ol.bannerlist {
		list-style-type: none;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	#main ol.bannerlist > li {
		margin-bottom: 12px;
	}

	#main ol.bannerlist > li:last-child {
		margin-bottom: 0;
	}

	#main ol.bannerlist > li > a,
		#main ol.bannerlist > li > a > img {
			display: block;
	}

	#main ol.bannerlist > li > a {
		text-align: center;
	}

	#main ol.bannerlist > li > a > img {
		height: auto;
		width: 100%;
	}

	#main ol.bannerlist.separate {
		margin-left: -2%;
		margin-right: -2%;
		width: 104%;
	}

	#main ol.bannerlist.separate:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main ol.bannerlist.separate > li {
		float: left;
		margin-bottom: 4%;
		margin-left: 2%;
		margin-right: 2%;
	}

	#main ol.bannerlist.separate.double > li {
		width: 46%;
	}

	/* csd add start */
	#main div.textlink {
		text-align: center;
	}

	#main div.textlink > p > img{
		margin-right: 10px;
		vertical-align: middle;
	}

	#main div.advertisement > ul.button.newslist > li > a {
		background-color: #f5f5f5;
		color: #00008b;
		border-radius: 4px;
		border: solid 1px #b4b5b0;
	}

	#main div.advertisement > ul.button.newslist > li {
		margin-bottom: 10px;
	}
	/* csd add end */

	/* 2020年2月 追加 */
	#main div.headline > div.separate {
		margin-bottom: 20px;
		margin-left: -2%;
		margin-right: -2%;
		width: 104%;
	}

	#main div.headline > div.separate > div {
		margin-left: 2%;
		margin-right: 2%;
		width: 46%;
	}

	#main div.headline > div.separate > div > div.article {
	}

	#main div.headline > div.separate > div > div.article > a,
		#main div.headline > div.separate > div > div.article > a > img,
			#main div.headline > div.separate > div > div.article > a > span.title {
				display: block;
				position: relative;
	}

	#main div.headline > div.separate > div > div.article > a {
		background-size: cover;
		background-position: center center;
		text-decoration: none;
	}

	#main div.headline > div.separate > div > div.article > a > img {
		height: auto;
		width: 100%;
		z-index: 0;
	}

	#main div.headline > div.separate > div > div.article > a > img + br {
		display: none;
	}

	#main div.headline > div.separate > div > div.article > a > span.title {
		background: rgba(0,0,0,0.5) url("../img/icon_camera_white.png") 10px 10px no-repeat;
		background-size: auto 14px;
		bottom: 0;
		box-sizing: border-box;
		color: #ffffff;
		padding: 10px 10px 10px 36px;
		position: absolute;
		width: 100%;
		z-index: 1;
	}
/* 2020/02/27 csd mod start */
/*
	#main div.headline > div.separate > div > div.article > ol.articlelist > li:first-child > a {
		font-size: 112%;
		font-weight: bold;
	}
*/
	#main div.headline > div.separate > div > div.article > ol.articlelist > li.bold > a {
		font-size: 112%;
		font-weight: bold;
	}
/* 2020/02/27 csd mod end*/

	#main div.headline > div.separate > div > div.article > ol.articlelist > li > a {
		color: #01385a;
		position: relative;
		text-decoration: none;
	}

	#main div.headline > div.separate > div > div.article > ol.articlelist > li > a:after,
		#main div.headline > div.separate > div > div.article > ol.articlelist > li > a:before {
			background-position: left center;
			background-repeat: no-repeat;
			content: '';
			display: inline-block;
			margin: 0;
			position: relative;
			vertical-align: middle;
	}

	#main div.headline > div.separate > div > div.article > ol.articlelist > li > a:after {
		margin-left: 4px;
	}

	#main div.headline > div.separate > div > div.article > ol.articlelist > li > a:before {
		margin-right: 4px;
	}

	#main div.headline > div.separate > div > div.article > ol.articlelist > li > a.photo:after {
		background-image: url("../img/icon_camera_gray.png");
		background-size: auto 12px;
		height: 12px;
		top: calc(50% - 12px / 2);
		width: 16px;
	}

	#main div.headline > div.separate > div > div.article > ol.articlelist > li > a.login:before {
		background-image: url("../img/icon_login_yellow.png");
		background-size: auto 14px;
		height: 14px;
		top: calc(50% - 14px / 2);
		width: 11px;
	}

	#main div.newslist ol.newslist > li > a > span.title > span.date {
	}

	#main div.newslist ol.newslist > li > a > span.photo {
		background-position: center center;
		background-size: cover;
	}

	#main div.newslist ol.newslist > li > a.photo,
		#main div.newslist ol.newslist > li > a.login {
			position: relative;
	}

	#main div.newslist ol.newslist > li > a > span.title > span.date:after {
		background: url("../img/icon_camera_gray.png") left center no-repeat;
		background-size: auto 12px;
		content: '';
		display: inline-block;
		height: 12px;
		margin: 0 0 0 4px;
		position: relative;
		top: calc(50% - 12px / 2);
		vertical-align: middle;
		width: 16px;
	}

	#main div.newslist ol.newslist > li > a.photo > span.title > span.date:after {

	}

	#main div.newslist ol.newslist > li > a.login > span.title > span.date:before {
	}

	#main div.newslist ol.newslist.separate:not(.article) > li > a {
	}

	#main div.newslist ol.newslist.separate:not(.article) > li > a > span {
		float: none;
	}

	#main div.newslist ol.newslist.separate:not(.article) > li > a > span.title {
		margin-right: 0;
		width: 100%;
	}

	#main div.newslist ol.newslist.separate:not(.article) > li > a > span.photo {
		float: none;
		margin-bottom: 3%;
		width: 100%;
	}

	#main div.newslist ol.newslist.separate.article > li {
		border-bottom: 1px solid #d7d7d7;
		margin-bottom: 0;
	}

	#main div.newslist ol.newslist.separate.article > li:first-child,
		#main div.newslist ol.newslist.separate.article > li:nth-of-type(2) {
			border-top: 1px solid #d7d7d7;
	}

	#main div.newslist h3 + ol.newslist.separate.article > li:first-child,
		#main div.newslist h3 + ol.newslist.separate.article > li:nth-of-type(2) {
			border-top: none;
			margin-top: -16px;
	}

	#main div.newslist ol.newslist.separate.article > li > a {
		padding: 4%;
	}

	#main div.newslist > h3:not(.list) > a {
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;
		padding-top: 10px;
		width: 96%;
	}

	#main div.newslist.movie div.container + div.connect {
		margin-top: 30px;
		text-align: center;
	}

	#main div.newslist.movie div.container + div.connect > a {
		background: url("../img/icon_camera_big.png") left center no-repeat;
		background-size: auto 22px;
		display: inline-block;
		min-height: 22px;
		padding: 0 0 0 40px;
	}

	#main div.newslist.movie ol.newslist > li > a > span.title > br {
		display: none;
	}

	#main div.newslist.movie ol.newslist > li > a > span.title > span.date:after {
		display: none;
	}

	#main div.newslist ol.newslist + div.readmore {
		margin-top: -18px;
		text-align: right;
	}

	#main div.newslist ol.newslist + div.readmore > a {
		background: url("../img/icon_arrow_black02.png") left center no-repeat;
		background-size: auto 14px;
		font-size: 90%;
		min-height: 14px;
		padding: 0 0 0 18px;
		text-decoration: none;
	}

	#main div.newslist ol.newslist.separate > li > a > span.photo.videothumbnail {
		position: static;
	}

	#main div.newslist ol.newslist.separate > li > a > span.photo > span.playbutton {
		display: none;
	}

	#main div.newslist.movie ol.newslist > li > a > span.photo {
		position: relative !important;
		z-index: 0;
	}

	#main div.newslist.movie ol.newslist > li > a > span.photo:before {
		background: url("../img/btn_playerplay.png") center center no-repeat;
		background-size: 50px auto;
		content: '';
		display: block;
		height: 100%;
		left: 0;
		opacity: 0.7;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 100;
	}

	#main div.pickupcontents {
		border-bottom: 1px solid #d7d7d7;
		margin-bottom: 16px;
	}

	#main div.pickupcontents > h4 {
		font-size: 112%;
		margin-bottom: 10px;
	}

	#main div.pickupcontents > ol.pickup {
		list-style-type: none;
		margin-bottom: 12px;
		margin-left: 0;
	}

	#main div.pickupcontents > ol.pickup:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.pickupcontents > ol.pickup > li {
		float: left;
		position: relative;
	}

	#main div.pickupcontents > ol.pickup > li:first-child {
		width: 50% !important;
	}

	#main div.pickupcontents > ol.pickup > li > a,
		#main div.pickupcontents > ol.pickup > li > a > img,
			#main div.pickupcontents > ol.pickup > li > a span {
				display: block;
				position: relative;
	}

	#main div.pickupcontents > ol.pickup > li > a {
		background-position: center center;
		background-size: cover;
		height: 100%;
	}

	#main div.pickupcontents > ol.pickup > li > a > img {
		height: auto;
		width: 100%;
		z-index: 0;
	}

	#main div.pickupcontents > ol.pickup > li > a > img + br {
		display: none;
	}

	#main div.pickupcontents > ol.pickup > li > a > span.background {
		background-color: rgba(0,0,0,0.7);
		background-size: auto 14px;
		bottom: 0;
		box-sizing: border-box;
		color: #ffffff;
		padding: 10px;
		position: absolute;
		width: 100%;
		z-index: 1;
	}

	#main div.pickupcontents > ol.pickup > li > a > span.background > span.title {
		height: 38px;
		line-height: 20px;
		overflow: hidden;
	}

	#main div.pickupcontents > ol.pickup > li:nth-of-type(odd) > a > span.background {
		background-color: rgba(255,255,255,0.7);
		color: #202020;
	}

	#main div.pickupcontents > ol.pickup.quadruple > li {
		width: 25%;
	}

	#main div.pickupcontents > ol.articlelist {
		margin-bottom: 16px;
	}

	#main ol.articlelist {
		list-style-type: none;
		margin-left: 0;
		margin-bottom: 10px;
	}

	#main ol.articlelist > li {
		background: url("../img/icon_arrow_indigo.png") left 7px no-repeat;
		background-size: auto 8px;
		color: #01385a;
		margin-bottom: 6px;
		padding: 0 0 0 10px;
	}

	#main ol.articlelist > li:last-child {
		margin-bottom: 0;
	}

	#main ol.articlelist > li > a {
		color: #01385a;
		position: relative;
	}

	#main ol.articlelist > li > a > span.date {
		color: #202020;
		font-size: 80%;
		font-weight: normal;
	}

/*-------------------------
 *
 *　注目テキスト２列表示
 *
 
  #articlelist_contents.flex{
		display: flex;
		justify-content: space-between;
	}
 
 ------------------------*/
	#main ul.linkbox {
		list-style-type: none;
		margin-left: 0;
	}

	#main ul.linkbox > li {
		display: inline-block;
	}

	#main ul.linkbox > li > a {
		background-color: #f6f6f6;
		border: 1px solid #bdbdbd;
		border-radius: 4px;
		color: #08098d;
		display: block;
		line-height: 1.2;
		margin: 0 6px 6px 0;
		padding: 6px 12px 6px 12px;
		text-decoration: none;
	}

	#main ul.linkbox > li:last-child > a {
		margin-right: 0;
	}

}