@charset 'utf-8';
/*▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼  */

/* common_style.css */

/*★★★★★★★★★★ 共通設定用 ★★★★★★★★★★*/

/* タブレット縦向き スマホ横向き */
@media screen and (min-width:500px) and (max-width:899px) {

	.SD html,
	.SD body,
	.SD #wrap,
	.SD header,
	.SD header .inner,
	.SD #global_navi,
	.SD #global_navi ul,
	.SD main,
	.SD footer,
	.SD footer .inner {
		min-width: 500px;
		max-width: 899px;
	}

	.SD .c_box,
	.SD .card_box,
	.SD .footer_menu {
		min-width: 440px;
		max-width: 839px;
	}

	.SD header,
	.SD .c_box,
	.SD .footer_menu {
		margin-bottom: 20px;
	}

	.SD .card_box {
		margin-bottom: 0;
	}

	.SD main {
		padding: 0 15px 104px 15px;
	}

	/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇　Header ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

	.SD header {
		height: 145px;
	}

	.SD header .inner {
		height: 100px;
	}

	/*########### Logo ###########*/

	.SD #logo {
		margin-left: 5px;
		max-width: 40%;
		height: 100px;
	}

	.SD #logo img {
		max-width: 100%;
	}

	/*########### ヘッダー文 ###########*/

	.SD #title_text {
		padding-left: calc(40% + 5px);
	}

	.SD #title_text p {
		font-size: 18px;
	}

	/*########### global navi ###########*/

	.SD #global_navi ul a {
		font-size: 1.8rem;
	}

	/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇　Main　◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

	.SD .card_box li {
		width: 100%;
	}

	.SD .card_box .thumbnail {
		width: 25%;
	}

	.SD .card_box .post_content {
		width: 75%;
	}

	.SD .card_box.books .thumbnail {
		width: 140px;
	}

	.SD .card_box.books .post_content {
		width: calc(100% - 140px);
	}

	.SD footer p {
		font-size: 1.6rem;
	}

	/*◆◇◆◇◆◇◆◇◆◇◆◇◆◇　テキスト関係　◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇*/

	.SD .h_01 {}

	.SD .h_02 {}

	.SD .h_03 {}

	.SD .h_04 {}

	.SD .h_05 {}

	.SD .h_06 {}

	.SD p {
		font-size: 1.6rem;
	}
}

/* タブレット横向き */

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