@charset "utf-8";
/* ===========================================================
▼ responsive.css 上書き・追加
-------------------------------------------------------------- */

/* -----------------------------------------------------------
▼ 基本設定 4〜78行
-------------------------------------------------------------- */
/* トップページレイアウト */
@media screen and (max-width:1250px) {
	.home.page {
		#main_contents { /* 8行 */
			padding: 60px 0;

			.original_top_container {
				padding: 0 50px;
			}
		}
	}
}

@media screen and (max-width:1100px) {
	.home.page {
		#main_contents { /* 12行 */
			padding: 60px 0 50px;

			#main_col { /* 13行 */
				max-width: none;
			}
		}
	}
}

@media (width <= 1100px) {
	.home.page {
		#original_coin-otaku-expert_about {
			.original_top_container {
				padding: 0 20px;
			}
		}
	}
}

@media screen and (max-width:750px) {
	.home.page {
		#main_contents { /* 12行 */
			padding: 40px 0 20px;

			.original_top_container {
				padding: 0 20px;
			}
		}

		.original_top_container {
			padding: 0 20px;
		}
	}
}

/* ドロワーメニュー */
#drawer_menu #close_menu a:before { /* 43行 */
	top: 18px;
	width: 24px;
	height: 24px;
	font-size: 24px;
}

/* サイドレイアウト */
@media screen and (max-width:1100px) {
	#side_col { /* 14行 */
		display: block;
		margin-top: 80px;
		padding: 0;
	}
}

@media screen and (max-width:750px) {
	#side_col { /* 10行 */
		margin-bottom: 0;
	}
}

/* -----------------------------------------------------------
▼ メインビジュアル（トップスライダー） 268 〜 304行
-------------------------------------------------------------- */
/* メインビジュアル */
@media screen and (max-width:750px) {
	.home {
		#header_slider .item { /* 275行 */
			aspect-ratio: 67/100;
		}
	}
}

/* ----------------------------------------------------------------------
▼ トップページ その他 309〜419行
---------------------------------------------------------------------- */
/* banner area */
@media screen and (max-width:1100px) {
	.home {
		#index_banner_area { /* 402行 */
			margin-left: 0;
			width: 100%;
		}
	}
}

/* 記事タイプ２ */
@media screen and (max-width:750px) {
	.home {
		#index_tab.type2 { /* 317行 */
			margin: 20px 0;
		}

		#index_tab.type2 li { /* 323行 */
			width: auto;
		}

		#index_tab_post_list .tab_post_list { /* 337行 */
			margin: 0;
			padding: 0;
		}

		#index_tab_post_list .post_list.type2 .image_wrap { /* 359行 */
			width: 240px;
			height: 148px;
		}

		#index_tab_post_list .post_list.type2 {	/* 363行 */
			margin: 0 0 40px;
		}

		#index_tab_post_list .post_list.type2 .item { /* 364行 */
			height: 148px;
			margin: 0 0 20px 0;
			padding: 0;
			border: 1px solid #ddd;
		}

		#index_tab_post_list .post_list.type2 .content { /* 367行 */
			width: calc(100% - 240px);
			height: 148px;
		}

		#index_tab_post_list .post_list.type2 .content_inner { /* 368行 */
			padding: 0 1em;
		}

		#index_tab_post_list .post_list.type2 .category { /* 369行 */
			left: 0;
			top: auto;
		}
	}
}

@media screen and (min-width:900px) {
	.home {
		#index_tab_post_list .post_list.type2 { /* style.css 787行 */
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 40px;
		}

		#index_tab_post_list .post_list.type2 .item { /* 358行 */
			height: 200px;
		}

		#index_tab_post_list .post_list.type2 .image_wrap { /* 359行 */
			width: 45%;
			height: inherit;
		}

		#index_tab_post_list .post_list.type2 .content { /* 360行 */
			width: 55%;
			height: inherit;
		}
	}
}

/* ブレイクポイント追加 */
@media screen and (max-width:550px) {
	.home {
		#index_tab_post_list .post_list.type2 .item { /* 364行 */
			height: 120px;
		}

		#index_tab_post_list .post_list.type2 .image_wrap { /* 366行 */
			width: 120px;
			height: 120px;
		}

		#index_tab_post_list .post_list.type2 .content { /* 367行 */
			width: calc(100% - 120px);
			height: 120px;
		}
	}
}

/* -----------------------------------------------------------
▼ ブログアーカイブ（カテゴリー）ページ 421〜512行
-------------------------------------------------------------- */
@media screen and (max-width: 1100px) {
	.category {
		.blog_list.type1 .item { /* 428行 */
			height: auto;
		}

		.blog_list.type1 .content { /* style.css 1087行 */
			height: 200px;
		}
	}
}

@media screen and (max-width: 840px) {
	.category {
		.blog_list.type1 .content { /* style.css 1087行 */
			height: 184px;
		}
	}
}

@media screen and (max-width: 750px) {
	.category {
		.blog_list.type1 .content { /* style.css 1087行 */
			height: 168px;
		}
	}
}

@media screen and (max-width: 550px) {
	.category {
		.blog_list.type1 .content { /* style.css 1087行 */
			height: 152px;
		}
	}
}

/* -----------------------------------------------------------
▼ ヘッダー 616〜784行
-------------------------------------------------------------- */
/* グローバルメニュー */
#mobile_menu a { /* 680行 */
	padding: 0 60px 0 40px;
	font-weight: 600;
	font-size: 14px;
}


/* -----------------------------------------------------------
▼ ウィジェット 924〜970行
-------------------------------------------------------------- */
@media screen and (max-width:1100px) {
	.widget_content { /* 929行 */
		width: 100%;
	}
}

@media screen and (max-width:750px) {
	.widget_content { /* 934行 */
		max-width: none;
	}
}

/* -----------------------------------------------------------
▼ オリジナルサイドバナー
-------------------------------------------------------------- */
@media (width <= 1100px) {
	.post_content .original_side_banner {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding: 0;

		li {
			width: 100%;
			margin: 0;
		}
	}
}

@media (width <= 750px) {
	.post_content .original_side_banner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (width <= 400px) {
	.post_content .original_side_banner {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

/* -----------------------------------------------------------
▼ フッター 975〜1050行
-------------------------------------------------------------- */
/* ▶︎▶︎▶︎ custom & original footer post info */
@media (width <= 960px) {
	#footer {
		.original_footer_post_info {
			flex-direction: column;

			.original_footer_post_info_panel {
				width: 100%;
			}

			#footer_widget { /* 990行 */
				width: fit-content;
				margin-left: auto;
				padding: 20px 0 20px;
				border: none;
			}
		}
	}
}

@media screen and (max-width:750px) {
	#footer {
		.original_footer_post_info {
			padding: 40px 20px;
		}
	}
}