@charset "utf-8";

/* =============================================================================

	いまどきのIT活用領域のCSS
	いまどきのIT活用 即効！ ITライブラリー インデックスCSS

	最終更新日：2020年8月21日

	/media/library/ インデックスページから読むことを想定しています。

	.imadoki .library-index ～ で全て記述すること。

============================================================================= */

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	コンテンツエリア

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

/* -------------------------------------------------------------------
	エレメント - コンテンツヘッダー
	.imadoki .library-index #main header ～
------------------------------------------------------------------- */

/* === ilxh0002_1: H1下、バナー4つ並び ※PCのみ === */
.imadoki .library-index #main header .links-priority-bnr {
	border:1px solid #dcdcdc; border-top:0;
	background:#e2e2e2;
	background:-webkit-linear-gradient(top, #bbb 0%, #e2e2e2 13%);
	background:linear-gradient(to bottom, #bbb 0%, #e2e2e2 13%);}
	.imadoki .library-index #main header .links-priority-bnr ul{ display:table; margin:0 -1px; padding:0; border-spacing:12px;}
	.imadoki .library-index #main header .links-priority-bnr ul li{ list-style:none; display:table-cell; width:225px;}
		.imadoki .library-index #main header .links-priority-bnr ul li a { display:block; padding:0; background:none;}
			.imadoki .library-index #main header .links-priority-bnr ul li a img{
				display:block;
				width:221px; height:auto; padding:1px; border:1px solid #ccc; border-radius:8px;
				background:#fff;
				box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.25);}
				.imadoki .library-index #main header .links-priority-bnr ul li a:hover img{
					opacity:1;}


/* -------------------------------------------------------------------
	エレメント - コンテンツボディ
	.imadoki .library-index #main #main-body ～
------------------------------------------------------------------- */
.imadoki .library-index #main #main-body section { margin:0; padding:0;}


/* === ilxb0001_1: 見出し2 === */
.imadoki .library-index #main #main-body h2 {
	margin:1.11em 0 0; padding:4px 0 3px 8px; border-left:4px solid #138181;
	font-size:19px; font-size:1.9rem; line-height:1.4em; overflow: visible;}
.imadoki .library-index #main #main-body h2:before,
.imadoki .library-index #main #main-body h2:after { display: none;}
.imadoki .library-index #main #main-body section:first-child h2 { margin-top:1em; }


/* === ilxb0002_1: 見出し3 === */
.imadoki .library-index #main #main-body h3 {
	margin:1.2em 0 0; padding:0; border:none; color:#333;
	font-size:16px; font-size:1.6rem; line-height:1.4em;}


/* === ilxb0003_1: ダウンロード可能なPDF総数 ※PCのみ === */
.imadoki .library-index #main #main-body .library-total-number { margin-top:2em; border:4px solid #ddd;}
	.imadoki .library-index #main #main-body .library-total-number section { display:table; margin:0; padding:0;}
		/* タイトル */
		.imadoki .library-index #main #main-body .library-total-number h2 {
			display:table-cell; margin:0; padding:0.65em 17px 0.65em 12px;
			border:none; box-sizing:border-box;
			font-size:17px; font-size:1.7rem; line-height:1.4em;
			vertical-align:middle;}
		/* 総数ブロック */
		.imadoki .library-index #main #main-body .library-total-number ul {
			display:table-cell; position:relative; min-width:166px;
			background:#e9f4f2;
			background:-webkit-linear-gradient(top, #e9f4f2 0%, #fff 100%);
			background:linear-gradient(to bottom, #e9f4f2 0%, #fff 100%);
			box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.09);
			vertical-align:middle;}
		.imadoki .library-index #main #main-body .library-total-number ul:before {
			position:absolute; left:-5px; top:50%;
			width:17px; height:33px; margin-top:-16px;
			background:url(/media/common-s/img/library-index/library-total-number-arrow.gif) left top no-repeat;
			content:"";}
			.imadoki .library-index #main #main-body .library-total-number ul > li {
				display:block; list-style:none; float:left;
				margin:9px 0 8px 0; padding-left:26px; border-left:1px solid #e6e6e6; box-sizing:border-box;}
			.imadoki .library-index #main #main-body .library-total-number ul > li:first-child { border-left:none;}
				.imadoki .library-index #main #main-body .library-total-number ul > li .title {
					margin:0;
					font-size:12px; font-size:1.2rem; font-weight:bold; line-height:1.0em;}
				.imadoki .library-index #main #main-body .library-total-number ul > li .number {
					min-height:36px; margin:5px 0 0;
					color:#138181; font-size:39px; font-size:3.9rem; font-weight:bold; line-height:1.0em;
					vertical-align:middle;}
				.imadoki .library-index #main #main-body .library-total-number ul > li.library-total-number-pdf .number {
					padding-left:36px;
					background:url(/media/common-s/img/library-index/icon-library-total-number-pdf.gif) left top no-repeat;}


/* === ilxb0004_1: オススメのダウンロード資料 === */
.imadoki .library-index #main #main-body .links-articles-recommend { margin-top:1.6em; padding:10px; background:#e6e6e6;}
	.imadoki .library-index #main #main-body .links-articles-recommend section {
		box-shadow: 0 0 5px 2px rgba(153, 153, 153, 0.3); background:#fff;}
		.imadoki .library-index #main #main-body .links-articles-recommend section h2{
			position:relative; margin-top:0; padding:10px 10px 10px 70px;
			border:none; border-top:4px solid #108082;
			background:#ececec;
			background:-webkit-linear-gradient(top, #cfcfcf 2%, #f4f4f4 10%, #ececec 100%);
			background:linear-gradient(to bottom, #cfcfcf 2%, #f4f4f4 10%, #ececec 100%);}
			.imadoki .library-index #main #main-body .links-articles-recommend section h2:before{
				display:block; position:absolute; top:-3px; left:0; z-index:0; width:100%; height:1px; background:#95d5d5; content:"";}
			.imadoki .library-index #main #main-body .links-articles-recommend section h2:after{
				display:block; position:absolute; top:-7px; left:10px; z-index:1;
				width:54px; height:42px;
				background:url(/media/common-s/img/library-index/icon-library-articles-recommend.png) no-repeat;
				content:"";}
		.imadoki .library-index #main #main-body .links-articles-recommend .parts-img-left {
			display:table; margin:0; padding:15px; border-top:1px dotted #ccc;}
		.imadoki .library-index #main #main-body .links-articles-recommend h2 + .parts-img-left { border-top:none;}
			/* 画像部 */
			.imadoki .library-index #main #main-body .links-articles-recommend .pic {
				display:table-cell; vertical-align:top; width:1%; padding:0 13px 0 0;}
				.imadoki .library-index #main #main-body .links-articles-recommend .pic a { margin:0; padding:0; background:none;}
					.imadoki .library-index #main #main-body .links-articles-recommend .pic a img {
						padding:2px; border:1px solid #dcdcdc; border-radius:10px;
						box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.15);
						vertical-align:bottom;}
			/* テキスト部 */
			.imadoki .library-index #main #main-body .links-articles-recommend .text {
				display:table-cell; vertical-align:top; padding:0.1em 0 0 16px;}
				/* タイトル */
				.imadoki .library-index #main #main-body .links-articles-recommend .text-title {
					margin:0 0 0 -16px;
					font-size:17px; font-size:1.7rem; font-weight:bold; line-height:1.25em;}
					.imadoki .library-index #main #main-body .links-articles-recommend .text-title a{ background-position:4px 0.4em;}
					.imadoki .library-index #main #main-body .links-articles-recommend .text-title a.icon-blank,
					.imadoki .library-index #main #main-body .links-articles-recommend .text-title a.icon-external { background-position:2px 0.3em;}
				/* サマリー文 */
				.imadoki .library-index #main #main-body .links-articles-recommend .text-summary {
					margin:0.5em 0 0; line-height:1.4em;}
				/* 日付 */
				.imadoki .library-index #main #main-body .links-articles-recommend .text-date {
					margin:0.6em 0 0;
					color:#666; font-size:13px; font-size:1.3rem; line-height:1.5em;}


/* === ilxb0005_1: 種類別ダウンロード資料 ※PCのみ === */
.imadoki .library-index #main #main-body .links-articles-classification { margin-top:2em;}
	.imadoki .library-index #main #main-body .links-articles-classification section {
		margin:2em 0 0; padding:0; border:1px solid #dcdcdc; border-top:none; box-sizing:border-box;}
	.imadoki .library-index #main #main-body .links-articles-classification section:first-child { margin-top:1em;}
		/* h3見出し */
		.imadoki .library-index #main #main-body .links-articles-classification h3 {
			position:relative; min-height:36px; margin:0 -1px; padding:0.67em 15px 0.4em 60px;
			background:#138181 url(/media/common-s/img/library-index/links-articles-classification-h3-bg.jpg) right top no-repeat;
			color:#fff; line-height:1.2em; text-shadow: 1px 1px 0 #442821;}
			.imadoki .library-index #main #main-body .links-articles-classification h3.title-products:before{
				display:block; position:absolute; top:0; bottom:0; left:9px;
				width:45px; height:35px; margin:auto 0;
				background:url(/media/common-s/img/library-index/icon-title-products.png) no-repeat;
				content:"";}
			.imadoki .library-index #main #main-body .links-articles-classification h3.title-introduction:before{
				display:block; position:absolute; top:0; bottom:0; left:8px;
				width:46px; height:37px; margin:auto 0;
				background:url(/media/common-s/img/library-index/icon-title-introduction.png) no-repeat;
				content:"";}
			.imadoki .library-index #main #main-body .links-articles-classification h3.title-movie:before{
				display:block; position:absolute; top:0; bottom:0; left:9px;
				width:45px; height:37px; margin:auto 0;
				background:url(/media/common-s/img/library-index/icon-title-movie.png) no-repeat;
				content:"";}
			.imadoki .library-index #main #main-body .links-articles-classification h3.title-comparison:before{
				display:block; position:absolute; top:0; bottom:0; left:9px;
				width:46px; height:32px; margin:auto 0;
				background:url(/media/common-s/img/library-index/icon-title-comparison.png) no-repeat;
				content:"";}
			.imadoki .library-index #main #main-body .links-articles-classification h3.title-seminar:before{
				display:block; position:absolute; top:0; bottom:0; left:11px;
				width:42px; height:37px; margin:auto 0;
				background:url(/media/common-s/img/library-index/icon-title-seminar.png) no-repeat;
				content:"";}
			.imadoki .library-index #main #main-body .links-articles-classification h3 span {
				display:inline-block; margin-top: 0.1em;
				font-size:12px; font-size:1.2rem; font-weight:normal; line-height:1.3em;}
		/* 3カラムリンクリスト */
		.imadoki .library-index #main #main-body .links-articles-classification section > ul {
			width:auto; margin:0; padding:0; list-style:none; border-left:1px solid transparent;}
			.imadoki .library-index #main #main-body .links-articles-classification section > ul > li {
				display:inline-block; vertical-align:top; width:218px; margin:1.5em 0 0 13px; padding:0; list-style:none;}
				/* 画像 */
				.imadoki .library-index #main #main-body .links-articles-classification section > ul .pic { margin:0;}
					.imadoki .library-index #main #main-body .links-articles-classification section > ul .pic a {
						padding:0; background:none; vertical-align:bottom;}
						.imadoki .library-index #main #main-body .links-articles-classification section > ul .pic img {
							padding:2px; border:1px solid #dcdcdc; border-radius:10px; box-shadow:2px 2px 3px 0 rgba(0,0,0,.15); vertical-align:bottom;}

				/* タイトル */
				.imadoki .library-index #main #main-body .links-articles-classification section > ul .text-title {
					margin-top:0.6em; font-weight:bold; line-height:1.43em;}
					.imadoki .library-index #main #main-body .links-articles-classification section > ul .text-title a{
						background-position:4px 0.4em;}
						.imadoki .library-index #main #main-body .links-articles-classification section > ul .text-title a.icon-blank,
						.imadoki .library-index #main #main-body .links-articles-classification section > ul .text-title a.icon-external{
							background-position:2px 0.4em;}
				/* 日付 */
				.imadoki .library-index #main #main-body .links-articles-classification section > ul .text-date {
					margin:0.6em 0 0 16px;
					color:#666; font-size:13px; font-size:1.3rem; line-height:1.5em;}

		/* すべてを見る */
		.imadoki .library-index #main #main-body .links-articles-classification .text-link-archives {
			margin:1.25em 0 0; padding: 2px 14px 0;
			background:#f4f4f4;
			background:-webkit-linear-gradient(top, #e3e3e3 0%, #f4f4f4 32%);
			background:linear-gradient(to bottom, #e3e3e3 0%, #f4f4f4 32%);
			font-size:13px; font-size:1.3rem; line-height:2.67em; text-align:right;}
			.imadoki .library-index #main #main-body .links-articles-classification .text-link-archives a {
				margin:0; padding:0 21px 0 0;
				background:url(/media/common-s/img/icons-arrow-right-orange.gif) right center no-repeat;}


/* === ilxb0006_1: カテゴリリンクリスト ※SPのみ [アコーディオンのベース参考：edub0004] === */
.imadoki .library-index #main #main-body .links-category-classification{ display:none;}


/* === ilxb0007_1: バナーリンクリスト（注目の特集） === */
.imadoki .library-index #main #main-body .links-articles-special-attention {
	margin-top:1.5em; border:1px solid #90c0ce; border-top:none;}
	.imadoki .library-index #main #main-body .links-articles-special-attention h2{
		position:relative; padding:6px 6px 6px 40px;
		border:none; border-top:4px solid #0e7f91; border-bottom:1px solid #90c0ce;
		background:#dbeded;
		background:-webkit-linear-gradient(top, #cfe4e7 2%, #f5ffff 10%, #f4f4f4 50%, #dbeded 100%);
		background:linear-gradient(to bottom, #cfe4e7 2%, #f5ffff 10%, #f4feff 50%, #dbeded 100%);
		font-weight:bold; color:#0e7e92; font-size:18px; font-size:1.8rem; line-height:1.4em;}
		.imadoki .library-index #main #main-body .links-articles-special-attention h2:before{
			display:block; position:absolute; top:4px; left:8px; width:30px; height:28px; content:"";
			background:url(/media/common-s/img/library-index/icon-title-special-attention.png) no-repeat;}
		.imadoki .library-index #main #main-body .links-articles-special-attention h2:after{
			display:block; position:absolute; top:-3px; left:0; z-index:0; width:100%; height:1px; background:#95d5d5; content:"";}

	/* 注目の特集 メイン */
	.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main {
		margin:0; padding:17px 14px 20px; }
		/* リード文 */
		.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .texts-lead {
			margin:0;}
		.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main ul {
			margin:12px 0 0; padding:0;}
			.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main ul > li {
				list-style:none; margin:0; padding:0; }
			.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main ul > li + li {
				margin-top:14px;}
				/* 画像部 */
				.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .pic {
					float:left; width:240px; margin:0; line-height:0; }
					.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .pic a {
						position:relative; display:inline-block; margin:0; padding:1px;
						border:1px solid #dcdcdc; border-radius:10px; background:none;
						box-shadow:2px 2px 3px rgba(0, 0, 0, 0.15); overflow:hidden;}
						/* バナーアイコン */
						.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .pic a:before{
							position:absolute; bottom:-18px; right:-18px;
							width:36px; height:36px; z-index:1;
							background:#fff; content:"";
							-ms-transform: rotate(45deg); transform: rotate(45deg);}
						.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .pic a:after{
							display:block; position:absolute; bottom:5px; right:5px;
							width:5px; height:7px; content:""; z-index:2;
							background: url(/common-s/img/icon-arrow-right.png) no-repeat;}
						.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .pic a.icon-blank:after{
							bottom:4px; right:4px;
							width:9px; height:9px; content:"";
							background: url(/common-s/img/icon-blank.png) no-repeat;}
						.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .pic a.icon-external:after{
							bottom:4px; right:4px;
							width:9px; height:9px; content:"";
							background: url(/common-s/img/icon-external.png) no-repeat;}
						.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .pic a img {
							display:block; padding:0; border-radius:9px;}
				/* テキスト部 */
				.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .texts {
					float:right; width:430px;}
				/* タイトル */
				.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .texts .texts-title {
					margin-top:0; line-height:1.5em;}
				/* 説明文 */
				.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-main .texts .texts-summary {
					margin:0.5em 0 0 16px;
					font-size:13px; font-size:1.3rem; line-height:1.5em;}

	/* 注目の特集 その他 */
	.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other {
		padding:21px 14px 23px; border-top:1px dotted #ccc;}
	.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other ul { margin:-13px 0 0 -13px;}
		.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other ul > li {
			float:left; width:218px; margin:13px 0 0 13px; padding:0; list-style:none;}
		.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other ul > li .pic {
			margin-top:0; line-height:0;}
			.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other ul > li .pic a {
				display:inline-block; position:relative;
				margin:0; padding:1px; border:1px solid #dcdcdc; border-radius:10px; background:none;
				box-shadow:2px 2px 3px rgba(0, 0, 0, 0.15); overflow:hidden;}
				/* バナーアイコン */
				.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other ul > li .pic a:before{
					position:absolute; bottom:-18px; right:-18px;
					width:36px; height:36px; z-index:1;
					background:#fff; content:"";
					-ms-transform: rotate(45deg); transform: rotate(45deg);}
				.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other ul > li .pic a:after{
					display:block; position:absolute; bottom:5px; right:5px;
					width:5px; height:7px; content:""; z-index:2;
					background: url(/common-s/img/icon-arrow-right.png) no-repeat;}
				.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other ul > li .pic a.icon-blank:after{
					bottom:4px; right:4px;
					width:9px; height:9px; content:"";
					background: url(/common-s/img/icon-blank.png) no-repeat;}
				.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other ul > li .pic a.icon-external:after{
					bottom:4px; right:4px;
					width:9px; height:9px; content:"";
					background: url(/common-s/img/icon-external.png) no-repeat;}
				.imadoki .library-index #main #main-body .links-articles-special-attention .links-articles-special-attention-other ul > li .pic a img {
					display:block; padding:0; border-radius:9px;}


/* -------------------------------------------------------------------
	エレメント - コンテンツフッター
	.imadoki .library-index #main footer ～
------------------------------------------------------------------- */

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	サイドエリア

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	タブレット対応

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
@media
	only screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait),
	only screen and (max-device-width:959px) and (min-device-width:600px) and (min-device-height:600px) and (min-resolution: 144dpi) {

/* -------------------------------------------------------------------
	エレメント - コンテンツヘッダー
	.imadoki .library-index #main header ～
------------------------------------------------------------------- */

	/* === ilxh0002_1: H1下、バナー4つ並び === */
	.imadoki .library-index #main header .links-priority-bnr ul{ margin:0 0 0 2px; border-spacing:7px;}
		.imadoki .library-index #main header .links-priority-bnr ul li:last-child{ display:none;}


}