/*
Theme Name: GundamLibrary
Theme URI: https://gundamlibrary.com/
Description: https://gundamlibrary.com/ のテーマ用スタイルシート
Version: 1.18-2
Author: GundamLibrary
Author URI: https://gundamlibrary.com/

Customized for : gundamlibrary
	2024/8
*/

/* Reset */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:		0;
	padding:	0;
	border:		0;
	outline:	0;
	font-size:	85%;
	vertical-align:	baseline;
	background:	transparent;
}
input, textarea, img {
	outline:	none;
	border:		none;
/*	-webkit-appearance: none;*/
	border-radius:	0;
}
article, aside, figure, footer, header, hgroup, nav, section, time {
	display:	block;
}
a {
	text-decoration: none;
	color:		inherit;
}
.clearfix {
	clear:		both;
}
/****************************************/
/*		全体設定		*/
/****************************************/
/*	変数	*/

:root {
	--brand-pri-color:	#606060;	/* ブランド優先色 */
	--brand-sec-color:	#c0c0c0;	/* ブランドサブ色 */
	--brand-trd-color:	#c0c0e0;	/* ブランドサブ色 */
/*	--fg-color:		#000000;*/
	/* 文字の色 */
/*	--bg-color:		#eeeeee;*/
	/* 背景の色 */
/*	--fg2-color:		#ffffff;*/
	/* 背景がbg-color以外の場合の文字の色 */
/*	--fg3-color:		#000000;*/
	/* キー入力エリア用の文字の色 */
/*	--link-hover-color:	#d1334e;*/
	--box-gradient:		linear-gradient(90deg, var(--brand-pri-color), var(--brand-sec-color));	/* ブランド色のグラデーション */
	--title-gradient:	linear-gradient(0deg, var(--brand-pri-color), var(--brand-trd-color));	/* タイトルのグラデーション */
	--logo-gradient:	var(--bg-color);	/* サイトタイトルのグラデーション */
	--toc-gradient:		linear-gradient(0deg, #602020, #f0c0c0);
	--tag-gradient:		linear-gradient(0deg, #402020, #c0c080);
	--cat-gradient:		linear-gradient(0deg, #404060, #8080e0);
	--mtm-gradient:		linear-gradient(0deg, #808000, #c0c080);
	--card-gradient:	linear-gradient(0deg, #60a060, #f0f0f0);
	--card-text-gradient:	linear-gradient(0deg, #a0c0a0, #f0f0f0);

	--fg-color:		#000000;	/* 文字の色 */
	--bg-color:		#eeeeee;	/* 背景の色 */
	--fg2-color:		#ffffff;	/* 背景がbg-color以外の場合の文字の色 */
	--fg3-color:		#000000;	/* キー入力エリア用の文字の色 */
	--link-color:		#0044cc;
	--link-hover-color:	#d1334e;
	--footer-color:		var(--fg-color);
	--description-back-color:	var(--bg-color);	/* Descriptionの背景 */
	--menu-border-color:	#333330;	/* メニューエリアの枠の色 */
	--search-border-color:	#5e5b53;	/* 検索フォームの枠の色 */
	--backquote-color:	#c0c0c0;	/* 引用エリアの背景色 */
	--table-border-color:	#555555;	/* Tableの枠の色 */
	--table-th-color:	#dddddd;	/* Table thの背景 */
	--table-even-bgcolor:	#bbbbbb;	/* Tableの偶数行の背景色 */
	--scroll-area-color:	#f0f0f0;	/* Tableのスクロールエリアの背景色 */
	--scroll-track-color:	#f0f0f0;	/* Tableのスクロールエリアの背景色 */
	--scroll-thumb-color:	#bcbcbc;	/* Tableのスクロールエリアの背景色 */
	--box-color:		#9370db;
	--boxindex-color:	#555555;	/* TAGボックスの左につける色 */
	--campaign-color:	#bbbbbb;	/* セール、キャンペーンの背景 */
	--go-button-color:	#4444cc;	/* Goボタンの背景 */
	--go-hover-color:	#6666ee;	/* 内部Goボタンの背景 */
	--goint-gradient:	linear-gradient(90deg, var(--brand-pri-color), var(--brand-sec-color));
	--goint-border-color:	#002d2d;	/* 内部Goの枠の色 */
	--goint-hover-color:	#004949;	/* 内部Goのhover字のリンクの色 */
	--go-border-color:	#00662d;	/* Goの枠の色 */
	--ad-button-color:	#888833;	/* adボタンの背景 */
	--ad-hover-color:	#cccc00;	/* adボタンの背景 */
	--goint-border-color:	#002d2d;	/* adの枠の色 */
	--sidebar-border-color:		var(--bg-color);	/* サイドバーの境界の色 */
	--sidebar-border-color2:	var(--bg-color);	/* サイドバーの境界の色 */
	--sidebar-fg-color:		#ffffff;		/* サイドバー項目の文字の色 */
	--widget-title-color:		var(--fg-color);	/* ウィジットのタイトルの文字の色 */
	--search-border-color:	#5e5b53;
	--chat-img-border-color:	#aaaaaa;	/* chatの画像の枠 */
	--chat-right-back-color:	#773333;	/* 左話者の会話の背景色 */
	--chat-left-back-color:	#333377;	/* 左話者の会話の背景色 */
	--badge-color:		#ffff00;	/* バッヂの文字色 */
	--badge-back-color:	#ff4f00;	/* バッヂの背景色 */
	--keyboard-border-color:	#d1d1d1;	/* キー入力の枠 */
	--keyboard-back-color:	#ddeeee;	/* キー入力欄背景 */
	--matome-border-color:	#000060;	/* まとめボックスの枠の色 */
	--flow-color:		#EF5F5D;	/* ふわっと表示の背景 */
	--strong-color:		#808000;	/* 強調する際の下線の色 */
	--strong-color2:	#fafa00;	/* 強調する際の下線の色 */
	--logo-width:		90%;		/* ロゴの幅 */
	--mobile-logo-width:	90%;		/* モバイル用ロゴの幅 */
	--caption-color:	#c0c0c0;	/* 図の説明文の色 */
	--menu-border-color:	#9370db;	/* メニューの枠の色 */
	--menu-border-color2:	#ffffff;	/* メニューの下枠の色 */
	--menu-border-text-color:	#ffffff;	/* メニューのテキストの色 */
	--btn_other_site_fg_color:	#000000;	/* 他サイトボタンのテキストの色 */
	--btn_other_site_top_color:	#d8dcdc;	/* 他サイトボタンの上の色 */
	--btn_other_site_right_color:	#666666;	/* 他サイトボタンの右の色 */
	--btn_other_site_bottom_color:	#333333;	/* 他サイトボタンの下の色 */
	--btn_other_site_left_color:	#868686;	/* 他サイトボタンの左の色 */
	--btn_other_site_bg1_color:	#333333;	/* 他サイトボタンの左の色 */
	--btn_other_site_bg2_color:	#868686;	/* 他サイトボタンの左の色 */
	--btn_other_site_bg3_color:	#d8d8d8;	/* 他サイトボタンの左の色 */
	--btn_other_site_bg4_color:	#666666;	/* 他サイトボタンの左の色 */
	--btn_other_site_shadow_color:	#ffffff;	/* 他サイトボタンの左の色 */
	--cmp_table_title_bg_color:	#cccccc;	/* 比較表のタイトル行の背景色 */
	--productlink_bg_color:		#dddddd;	/* 画像あり広告の背景色 */
	--productlink_title_color:	#dd3a59;
}
html {
	font-size:	 70%;
}
body {
	background: 	var(--bg-color);
	font-size: 	normal;
	/*font-family: 	'Source Sans Pro', sans-serif;*/
	margin: 	0px 5px 0px 5px;
	display:	block;
	width:		calc(100%-10px);
}
strong {
	font-weight:	bold;
	background:	linear-gradient(transparent 80%, var(--strong-color) 50%, var(--strong-color2) 100%);
}
#searchform .searchbutton, #bl_content article, #bl_topside .ly_pages a, #respond #submit {
	-webkit-transition:	all 0.2s;
	-moz-transition:	all 0.2s;
	-o-transition:		all 0.2s;
	-ms-transition:		all 0.2s;
	transition:		all 0.2s;
}

/****************************************/
/*	メニューボタン			*/
/****************************************/

#bl_menu_bar {
	width:		calc(100%-10px);
	height:		3.4rem;		/* デバイスに応じて変更 */
	display:	block;
	font-size:	2.4rem;		/* デバイスに応じて変更 */
}
.ly_menu_bar {
	position:	fixed;		/* スクロールしても位置固定 */
	top:		auto;
	float:		right;
	z-index:	9999;
}
/*チェックは見えなくする*/

#bl_menu_bar>input[type="checkbox"] {
	display:	none;
}
/*クリックで中身表示*/
#bl_menu_bar>input[type="checkbox"]:checked~.nav-content {
	display:	block;
	height:		auto;
	opacity:	1;
	padding:	10px 0;
}
/*メニューボタンそのもの*/

#el_menubtn {
	display:	inline-block;
	border:		3px solid var(--menu-border-color);	/*線*/
	border-radius:	8px;		/*角の丸み*/
	text-align:	center;
	vertical-align: middle;
	color:		var(--fg-color);/*文字色*/
	cursor:		pointer;
}
.ly_menubtn {
	width:		80px;		/* デバイスに応じて変更 */
	height:		32px;		/* デバイスに応じて変更 */
	position:	fixed;
	top:		auto;
}

.el_nav {
	transition:	all 0.2s;
	transform:	translate(-300px);
}
.ly_nav {
	position:	fixed;
	top:		auto;		/* #menu_barの分だけ下げる */
	left:		0;
	width:		250px;
	height:		100%;
	z-index:	1000;
}
/* クリック時にメニューを表示する処理 */

nav.open {
	transform:	translate(0);
}
/*	メニュー表示に関するもの	*/

nav .bl_nav_content {
	font-size:	1.2rem;
	color:		#000;
	background-color:	#666;
	transition:	.2s ease-in-out;
	cursor:		pointer;
}
nav .ly_nav_content {
	display:	block;
	margin-bottom:	1em;
	position:	absolute;
	top:		2.2rem;
	height:		auto;
}
nav .bl_nav_content ul {
	margin:		0;
	padding:	1em;
	list-style-type: none;
}
nav .bl_nav_content ul li {
	font-size:	1.2rem;		/* デバイスに応じて変更 */
	padding:	0.3em 0;
	border-bottom:	1px solid var(--menu-border-color2);
}
nav .bl_nav_content ul li a {
	display:	block;
	text-align:	center;
	text-decoration: none;
	color:		var(--menu-border-text-color);
}
#nav-input:checked~nav {
	display:	block;
}
@keyframes fadeIn {
	from {
		opacity:	0;
	}
	to {
		opacity:	0.6;
	}
}
/*チェックが入ったら表示する内容*/

.navbutton-top {
	height:		40px;		/*×ボタンと被らないように*/
}


/****************************************/
/*	headerセクション		*/
/****************************************/

#bl_header_new {
	background:	var(--bg-color);
	display:	flex;
	position:	fixed;
	justify-content: space-between;
}

.ly_header_new {
	color:		var(--fg2-color);
	width:		100%;
	height:		60px;
	z-index:	999;	/* 最前面へ*/
}

.ly_sidebar_left {
	color:		var(--fg2-color);
	width:		25%;
	display:	block;
	float:		left;
	padding:	60px 10px;
}

.ly_sidebar_right {
	color:		var(--fg2-color);
	width:		25%;
	display:	block;
	float:		right;
	padding:	60px 10px;
}
/****************************************/
/*	footerセクション		*/
/****************************************/

#bl_footer {
	clear:		both;
	color: 		var(--footer-color);
	font-weight: 	300;
	font-size: 	1.2rem;
	line-height:	3;
}
.ly_footer {
	width:		92%;
	margin-left:	4%;
	height:		3rem;
	border-top:	1px solid var(--footer-color);
}
/****************************************/
/*		細かい修飾		*/
/****************************************/

.alignnone {
	margin:		5px 20px 20px 0;
}
.alignright {
	float:		right;
	margin:		5px 0 20px 20px;
	line-height:	2;
}
.alignleft {
	float:		left;
	margin:		5px 20px 20px 0;
	line-height:	2;
}
.aligncenter {
	display:	block;
	margin:		5px auto 5px auto;
	line-height:	2;
}
a img.alignright {
	float:		right;
	margin:		5px 0 20px 20px;
}
a img.alignnone {
	margin:		5px 20px 20px 0;
}
a img.alignleft {
	float:		left;
	margin:		5px 20px 20px 0;
}
a img.aligncenter {
	display:	block;
	margin-left:	auto;
	margin-right:	auto
}
/****************************************/
/*	写真エリア ＊名称の変更禁止	*/
/****************************************/

.wp-caption {
	background:	var(--bg-color);
	max-width:	96%;
	/* Image does not overflow the content area */
	padding:	5px 3px 10px;
	text-align:	center;
}
.wp-caption .alignnone {
	display:	block;
	margin:		5px 20px 20px 0;
}
.wp-caption .alignleft {
	float:		left;
	margin:		5px 20px 20px 0;
}
.wp-caption .alignright {
	float:		right;
	margin:		5px 0 20px 20px;
}
.wp-caption img {
	border:		0 none;
	height:		auto;
	margin:		0;
	max-width:	98.5%;
	padding:	0;
	width:		auto;
}
.wp-caption-text p {
	font-size:	1.4rem;
	line-height:	1.6;
	margin:		0;
	padding:	0 4px 5px;
	color:		var(--caption-color);
}
a img:hover {
	opacity:	0.5;
}

a:hover {
	color:		var(--link-hover-color);
}
/****************************************/
/*		アイテムの箱		*/
/****************************************/

.bl_article_index, .bg-stuff {
	background:	var(--box-gradient);
}
/****************************************/
/*		ロゴ部分		*/
/****************************************/

#bl_logo {
	width: 		var(--logo-width);
	height: 	auto;
	display:	block;
}

.ly_logo {
	margin:		3% 0% 3% 0%;
	text-align:	center;
}
#bl_logo img {
	max-width:	100%;
}
#bl_logo h1 {
	font-size:	2.8rem;
}
#bl_logo h2 {
	font-size:	1.8rem;
}
.site-title {
	color:		var(--fg-color);
	background:	var(--logo-gradient);
	font-size:	2.8rem;
	line-height:	1.5;
	position:	relative;
	width:		auto;
	height:		auto;
	padding:	5px 5px 5px 5px;
	margin-top:	8px;
	margin-bottom:	3px;
	/*	z-index:		-1;		これがあるとクリックできない*/
}
.site-title a:hover {
	color:		var(--link-hover-color);
}
.site-description {
	color:		var(--fg-color);
	background:	var(--description-back-color);
	font-size:	1.4rem;
	line-height:	1.3;
	position:	relative;
	padding:	5px 5px 5px 5px;
	/*margin-left: 		-33px;*/
	margin-top:	8px;
	margin-bottom:	3px;
	z-index:	-1;
}
/****************************************/
/*	メニューエリア＋タイトル	*/
/****************************************/

#bl_main_content {
	color:		var(--fg-color);
	font-size:	1.4rem;
	line-height:	1.6;
	padding-top:	70px;

}
.ly_main_content {
	width: 		85%;	/*70%;*/
	float:		left;
	display:	flex;
	flex-direction:	column;
	border:		none;
	top:		auto;
}
#bl_topside {
	width:		90%;
	/*padding:	70px;	*/
}
.ly_topside {
	float:		left;
	margin-left:	4%;
	/*	font-family: 		'Source Sans Pro', sans-serif;*/
	top:		auto;
}
/****************************************/
/*		メニュー表示		*/
/****************************************/

#bl_topside .ly_pages {
	display:	block;
	width:		100%;
	float:		none;
	margin-top:	1px;
}
/****************************************/
/*		検索			*/
/*	WPのプログラムで使うので	*/
/*	名称変更しない			*/
/****************************************/

#searchform {
	width:		29%;
	height:		3rem;
	border:		1px solid var(--search-border-color);
	float:		left;
}
#searchform .searchtext {
	line-height:	4.6;
	color:		var(--fg-color);
	font-weight:	300;
	font-size:	1.2rem;
}
#searchform .searchtext {
	width:		77%;
	height:		4.6rem;
	float:		left;
	padding:	0px 4%;
}
#searchform .searchbutton {
	width:		14%;
	height:		4.6rem;
	background:	url(images/searchicon.png) no-repeat center center;
}
#searchform input {
	background:	transparent;
}
#searchform .searchbutton:hover {
	cursor:		pointer;
}
/****************************************/
/*		投稿情報、タグ		*/
/****************************************/

#bl_post_info {
	font-size:	1.2rem;
	color:		var(--fg-color);
	min-height:	4.5rem;
	line-height:	2.5;
}
.ly_post_info {
	width:		92%;
	margin:		2% 0 0 4%;
	display:	block;
}
/*	投稿日、更新日付	*/

#bl_post_date {
	font-size:	1.2rem;
	font-weight:	700;
	color:		var(--fg-color);
	min-height:	4.5rem;
	line-height:	2.5;
}
.ly_post_date {
	width:		30%;
	margin:		2% 0 0 4%;
	display:	block;
	float:		left;
}
/*	カテゴリ	*/

#bl_post_category {
	font-size:	1.1rem;
	font-weight:	700;
	color:		var(--fg2-color);
	min-height:	3.0rem;
	line-height:	1.5;
}
.ly_post_category {
	width:		60%;
	margin:		2% 0 0 4%;
	display:	block;
	float:		right;
}
#bl_post_category a {
	font-weight:	300;
}
#bl_post_category a:link {
	color:		var(--fg2-color);
}
#bl_post_category a:hover {
	color:		var(--link-hover-color);
}
/****************************************/
/*		表示エリア		*/
/****************************************/

#bl_content {
	color:		var(--fg-color);
	font-size:	1.4rem;
	line-height:	1.6;
}
.ly_content {
	float:		left;
	display:	block;
	margin-left:	3%;
}
#bl_content p {
	font-size:	1.4rem;
	line-height:	1.6;
	font-weight:	100;
}
#bl_content p a:link, #bl_content .bl_post p a:link {
	color:		var(--link-color);
}
#bl_content p a:hover, #bl_content .bl_post p a:hover {
	color:		var(--link-hover-color);
}
#bl_content span {
	font-size:	1.4rem;
}
/*	記事を列挙した場合の箱の記述	*/

#bl_content article {
	width:		10%;	/* for 4K */
	/* インフィード広告表示のため */
	height:		34rem;
	float:		left;
	margin:		0 4% 4% 0;
	-ms-word-wrap:	break-word;
	word-wrap:	break-word;
	padding:	2rem 0 0 0;
}
#bl_content article:hover,
/* 記事ボックスにポイントした際の動き */

.sticky {
	box-shadow:	0px 0px 4rem 1rem rgba(0, 0, 0, 0.5);
}
#bl_content article a {
	font-size:	1.8rem;
	font-weight:	700;
	display:	block;
	margin-bottom:	1rem;
}
#bl_content article a:link {
	color:		var(--fg-color);
}
#bl_content article .ly_post_content {
	color:		var(--fg2-color);
	text-shadow:	0px 1px 2px rgba(0, 0, 0, 0.5);
	width:		100%;
	height:		auto;
	float:		left;
	/* 	font-family: 		'Source Sans Pro', sans-serif;	*/
	margin-bottom:	2rem;
}
#bl_content article .ly_post_content .ly_item_title {
	font-size:	1.6rem;
	font-weight:	700;
	display:	block;
	margin-bottom:	1rem;
}
#bl_content article .ly_post_content .ly_item_title:hover {
	color:		var(--link-hover-color);
}
#bl_content article .ly_post_content .ly_item_excerpt {
	font-size:	1.0rem;
	font-weight:	300;
	font-style:	italic;
	margin-bottom:	1rem;
	overflow:	hidden;
	/* 下に突き抜ける　これでよいか？ */
}
#bl_content article .ly_post_content .ly_item_excerpt:hover {
	color:		var(--link-hover-color);
}
#bl_content article .ly_post_content .ly_post_date {
	font-size:	1.4rem;
	font-weight:	300;
	width:		auto;
}
#bl_content article .img {
	width:		100%;
	height:		15rem;
	max-width:	100%;
	 max-height:	168px;
	vertical-align:	bottom;
	overflow:	hidden;
	margin-top:	-2rem;
	margin-bottom:	1rem;
	/*	position: 		relative;	/* これがrelativeではメニュー表示中に上書きされる */
	align-items:	flex-start;
	/* 図は上ぞろえ */
}
#bl_content article .img:hover {
	opacity:	0.5;
}
#bl_content article .img img {
	width:		100%;
	height:		auto;
}
/****************************************/
/*	投稿、固定ページエリア		*/
/****************************************/

.bl_post, .bl_page {
	font-size:	1.4rem;
	line-height:	1.6;
}
.ly_post, .ly_page {
	width:		90%;
	float:		right;
	margin:		2rem 3% 0 0;
	/*	overflow: 		hidden;		/* 回り込み禁止 pageでスクロールバーがでない*/
}
.ly_post .post_img, .ly_page .post_img {
	height:		auto;
	float:		left;
	margin:		0 2rem 2rem 0;
	position:	relative;
	left:		0;
}
.ly_post .post_img img, .ly_page .post_img img {
	max-width:	100%;
}
.ly_post .post_img .img:hover, .ly_page .post_img .img:hover {
	opacity:	0.5;
}
/****************************************/
/*	投稿の中の表			*/
/****************************************/

table, .ly_post table, .ly_page table {
	border:		1px solid var(--table-border-color);
	margin:		1.3rem auto;
	font-size:	1.4rem;
}
th, .ly_post th, .ly_page th {
	background:	var(--table-th-color);		/* 見出しの背景色をグレーに */
	border-top:	1px solid var(--table-border-color);
	padding:	0.5rem;
	font-size:	1.4rem;
	font-weight:	700;		/* 見出しは太字 */
}
td, .ly_post td, .ly_page td {
	border-top:	1px solid var(--table-border-color);
	padding:	0.5rem;
	font-size:	1.4rem;
}
/* 偶数行に着色、奇数行は背景色 */

tr:nth-child(odd),.ly_post tr:nth-child(odd), .ly_page tr:nth-child(odd) {
	background:	var(--bg-color);
}
tr:nth-child(even),.ly_post tr:nth-child(even), .ly_page tr:nth-child(even) {
	background:	var(--table-even-bgcolor);
}
/****************************************/
/*		目次の表		*/
/****************************************/

.toc {
	position:	relative;
	text-align:	center;
}
.toc table {
	border:		none;
	margin:		1.3rem auto;
	font-size:	1.4rem;
}
.toc td {
	border:		none;
	padding:	0.5rem;
	font-size:	1.6rem;
}
ul, ol, li, dl, dd, .ly_post ul, .ly_page ul, .ly_post li, .ly_page li, .ly_post ol, .ly_page ol, .ly_post dl, .ly_page dl, .ly_post dd, .ly_page dd {
	margin-left:	1.4rem;
	font-size:	1.6rem;
}
.ly_post p strong, .ly_page p strong {
	font-weight:	bold;
	background:	linear-gradient(transparent 80%, var(--strong-color) 50%, var(--strong-color2) 100%) !important;
	font-size:	1.6rem;
}
.bl_post .linkcard, .bl_page .linkcard {
	clear:		both;
	width:		70%;
	font-size:	1.6rem;
}
/****************************************/
/*		目次の表		*/
/****************************************/

/*	目次用	*/

.ly_toc_item {
	color:		var(--fg-color);
	background:	var(--toc-gradient);
	margin:		10px;
	border-radius:	8px;		/*角の丸み*/
	font-size:	1.2rem;
	font-weight:	700;
	line-height:	1.4;
	padding:	0.5rem;
	height:		30px;
	float:		left;
}
.ly_toc_item a {
	font-weight:	300;
}
.ly_toc_item a:link {
	color:		var(--fg-color);
}
.ly_toc_item a:hover {
	color:		var(--link-hover-color);
}
.ly_toc_item img:hover {
	/* イメージにポイントした際の動き */
	opacity:	0.5;
}
/****************************************/
/*		ランキングの表		*/
/****************************************/

#bl_ranking {
	color:		var(--fg-color);
	background:	var(--bg-color);
	width:		70%;
}
#bl_ranking table {
	border:		none;
}
#bl_ranking td {
	border-top: 1px solid var(--table-border-color);
	padding:	0.5rem;
	font-size:	1.1rem;
}
/****************************************/
/*	スクロールする表		*/
/****************************************/

.ly_table {
	overflow:	auto;
	white-space:	nowrap;
}
/****************************************/
/*		引用エリア		*/
/****************************************/

.bl_post blockquote, .bl_page blockquote {
	width: 		90%;
	padding: 	2%;
	background: 	var(--backquote-color);
	margin-bottom: 	1.5rem;
	border-radius: 	1rem;
	font-style: 	italic;
	line-height: 	1.8;
}
.bl_post blockquote p, .bl_page blockquote p {
	margin-bottom:	0px !important;
	font-size:	1.4rem;
}
.bl_post blockquote p span, .bl_page blockquote p span {
	font-size:	1.4rem;
}
.bl_post blockquote p strong, .bl_page blockquote p strong {
	font-weight:	bold;
	background:	linear-gradient(transparent 80%, var(--strong-color) 50%, var(--strong-color2) 100%) !important;
	font-size:	1.6rem;
}


/****************************************/
/*		Codeエリア		*/
/*	前後を<p></p>で囲う		*/
/****************************************/

code {
	display:	block;
	width: 		95%;
	/*float: 		left;*/
	border-radius: 	1rem;
	background: 	var(--backquote-color);

	position: 	relative;
	padding-top: 	10px;
	padding-left:	10px;
	padding-bottom:	10px;
	padding-right:	10px;
	white-space:	pre-wrap;
	overflow-wrap:	break-word;
}

code p {
	color: 		var(--fg-color);
	font-size:	1.4rem;
	line-height:	0.2;

	text-indent: 	0em;
}

code p::after {
	content:	"";
	display:	block;
	clear:		both;
}

/****************************************/
/*		タグ、カテゴリ囲み箱	*/
/****************************************/

.tag_box {
	border:		1px solid var(--box-color);	/*線*/
	color:		var(--fg2-color);
	background:	var(--tag-gradient);
	margin:		3px;
	border-radius:	8px;				/*角の丸み*/
	font-size:	0.8rem;
	font-weight:	700;
	float:		left;
	line-height:	1.2;
}
.tag_box a {
	display:	flex;
	margin:		3px;
	border-left:	solid 4px var(--boxindex-color);
	text-decoration:　none;
}
.tag_box a:before {
	content:	"#";
}
.tag_box a:link {
	color:		var(--fg2-color);
}
.category_box {
	color:		var(--fg2-color);
	background:	var(--cat-gradient);
	border:		1px solid var(--box-color);	/*線*/
	border-radius:	8px;				/*角の丸み*/
	font-size:	0.8rem;
	font-weight:	700;
	line-height:	0.8;
	margin:		3px;
	float:		left;
}
.category_box a {
	display:	flex;
	margin:		3px;
	padding:	0.6em;
	text-decoration:　none;
}
.category_box a:link {
	color:		var(--fg2-color);
}
.tag_box a:hover, .category_box a:hover {
	color:		var(--link-hover-color);
}
.tag_box p, .category_box p {
	margin:		0;
	padding:	0;
}
/****************************************/
/*		下部フッタ前		*/
/****************************************/

#bl_content_bottom {
	clear:		both;
	width:		95%;
	float:		left;
	display:	block;
	margin-left:	3%;
	color:		var(--fg-color);
	font-size:	1.2rem;
	top:		auto;
	height:		auto;
	background:	var(--bg-color);
}

#bl_content_bottom td {
	border-top:	1px solid var(--table-border-color);
	padding:	0.5rem;
	font-size:	1.2rem;
}
/****************************************/
/*		左側サイドバー		*/
/****************************************/

.ly_left-sidebar {
	border-right:	1px solid var(--sidebar-border-color);
	padding-top:	40px;
	color:		var(--fg-color);
}
.ly_left-sidebar li {
	font-size:	1.4rem;
	list-style:	none;
}
.ly_left-sidebar a:link {
	color:		var(--fg-color);
}
.ly_left-sidebar .widget_search form {
	height:		4.6rem;
	border:		1px solid var(--search-border-color);
	width:		100%;
	float:		right;
}
.ly_left-sidebar .widget_search input[type="text"] {
	height:		4.6rem;
	line-height:	4.6rem;
	padding:	0px 4%;
	color:		var(--fg-color);
	font-weight:	300;
	font-size:	1.2rem;
	background:	transparent;
	width:		77%;
	float:		left;
}
.ly_left-sidebar .widget_search input[type="submit"] {
	width:		14%;
	height:		4.6rem;
	background:	url(images/searchicon.png) no-repeat center center;
	cursor:		pointer;
}
.ly_left-sidebar .widget_search input[type="submit"]:hover {
	-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:		alpha(opacity=50);
	opacity:	0.5;
}
.ly_left-sidebar li {
	list-style:	none;
	min-height:	3rem;
	font-size:	1.4rem;
	border-top:	1px solid var(--sidebar-border-color);
	border-bottom:	1px solid var(--sidebar-border-color2);
	color:		var(--sidebar-fg-color);
	float:		left;
	width:		100%;
	display:	block;
}
.ly_left-sidebar li a {
	color:		var(--fg-color);
}
.ly_left-sidebar li a:link {
	color:		var(--fg-color);
}
.ly_left-sidebar li a:hover {
	color:		var(--link-hover-color);
}
.ly_left-sidebar li span {
	font-size:	1.4rem;
}
.ly_left-sidebar ul.children li {
	width:		90%;
	padding-left:	10%;
}
.ly_left-sidebar aside {
	clear:		both;
	width:		75%;
	float:		right;
	margin-top:	40px;
}
/****************************************/
/*		右側サイドバー		*/
/****************************************/

.ly_right-sidebar {
	border-left:	1px solid var(--sidebar-border-color);
	padding-top:	40px;
	color:		var(--fg-color);
}
.ly_right-sidebar li {
	font-size:	1.4rem;
	list-style:	none;
}
.ly_right-sidebar a:link {
	color:		var(--fg-color);
}
.ly_right-sidebar .widget_search form {
	height:		4.6rem;
	border:		1px solid var(--search-border-color);
	width:		100%;
	float:		right;
}
.ly_right-sidebar .widget_search input[type="text"] {
	height:		4.6rem;
	line-height:	4.6rem;
	padding:	0px 4%;
	color:		var(--fg-color);
	font-weight:	300;
	font-size:	1.2rem;
	background:	transparent;
	width:		77%;
	float:		left;
}
.ly_right-sidebar .widget_search input[type="submit"] {
	width:		14%;
	height:		4.6rem;
	background:	url(images/searchicon.png) no-repeat center center;
	cursor:		pointer;
}
.ly_right-sidebar .widget_search input[type="submit"]:hover {
	-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:		alpha(opacity=50);
	opacity:	0.5;
}
.ly_right-sidebar li {
	list-style:	none;
	min-height:	3rem;
	font-size:	1.4rem;
	border-top:	1px solid var(--sidebar-border-color);
	border-bottom:	1px solid var(--sidebar-border-color2);
	color:		var(--fg2-color);
	float:		left;
	width:		100%;
	display:	block;
}
.ly_right-sidebar li a {
	color:		var(--fg-color);
}
.ly_right-sidebar li a:link {
	color:		var(--fg-color);
}
.ly_right-sidebar li a:hover {
	color:		var(--link-hover-color);
}
.ly_right-sidebar li span {
	font-size:	1.4rem;
}
.ly_right-sidebar ul.children li {
	width:		90%;
	padding-left:	10%;
}
.ly_right-sidebar aside {
	clear:		both;
	width:		75%;
	float:		right;
	margin-top:	40px;
}
.ly_sidebar-mobile {
	display:	none;
}
h3.ly_widget-title {
	/* ウィジットのタイトル表示 */
	font-size:	1.6rem;
	font-weight:	300;
	line-height:	1.8rem;
	color:		var(--widget-title-color);
	width:		100%;
	float:		right;
}
/****************************************/
/*		テーブル		*/
/****************************************/

table {
	width:		100%;
	border-collapse:　collapse;
}
/****************************************/
/*	横スクロールテーブル		*/
/****************************************/

.irv-table {
	white-space:	nowrap;		/*セル内にある文字の折り返しを禁止*/
	width:		100%;
	overflow-y:	hidden;
	overflow-x:	auto;
	-ms-overflow-style:		-ms-autohiding-scrollbar;
	-webkit-overflow-scrolling:	touch;
}
.irv-table::th, td {
	margin:		0;
	padding:	8px 10px;
	border:		1px solid var(--table-border-color);
}
.irv-table::th {
	background:	var(--table-th-color);
}
.irv-table::-webkit-scrollbar {
	/*スクロールバーを追加*/
	height:		5px;
}
.irv-table::-webkit-scrollbar-track {
	/*スクロールバーを追加*/
	background:	var(--scroll-track-color);
}
.irv-table::-webkit-scrollbar-thumb {
	/*スクロールバーを追加*/
	background:	var(--scroll-thumb-color);
}
/****************************************/
/*		見出し			*/
/****************************************/

h1, .post h1, .page h1 {
	/* 下記クラスと同じ */
	color: 		var(--fg2-color);
	background:	var(--title-gradient);
	font-size:	2.8rem;
	line-height:	1.5;
	position:	relative;
	padding:	5px 5px 5px 42px;
	margin-left:	-33px;
	margin-top:	8px;
	margin-bottom:	3px;
	z-index:	-1;
}
.bl_main_title {
	color: 		var(--fg2-color);
	background:	var(--title-gradient);
	font-size:	2.8rem;
	line-height:	1.3;
	width:		90%;
}
.ly_main_title {
	position:	relative;
	padding:	5px 5px 5px 42px;
	margin-left:	-33px;
	margin-top:	8px;
	margin-bottom:	3px;
	z-index:	-1;
}
/* III
h1:before, .bl_post h1:before, .bl_page h1:before {
	position:	absolute;
	content:	'';
	left:		-2px;
	top:		-2px;
	border:		none;
	border-left:	solid 40px black;
	border-bottom:	solid 79px transparent;
	z-index:	-2
}
*/

h2, .bl_post h2, .bl_page h2 {
	color:		var(--fg2-color);
	background:	var(--title-gradient);
	font-size:	2.6rem;
	line-height:	1.3;
	position:	relative;
	padding:	2px 5px 2px 46px;
	margin-left:	-33px;
	margin-top:	28px;
	margin-bottom:	3px;
	z-index:	-1;
}
/* III
h2:before, .bl_post h2:before, .bl_page h2:before {
	content:	'';
	position:	absolute;
	left:		-2px;
	top:		-2px;
	border:		none;
	border-left:	solid 40px black;
	border-bottom:	solid 79px transparent;
	z-index:	-2;
}
*/
h2 a:link {
	color:		var(--fg2-color);
}
.bl_post h3, .bl_page h3, #bl_content_bottom h3 {
	font-size:	2.0rem;
}
.bl_post h3 a:link, .bl_page h3 a:link {
	color:		var(--fg2-color);
}
/****************************************/
/*	文頭を字下げする設定		*/
/****************************************/

p, .bl_post p, .bl_page p {
	margin-bottom:	2rem;
	text-indent:	1em;
}
/****************************************/
/*		画像横並び		*/
/****************************************/

figure .picture {
	float:		left;
	padding-right:	20px;
}

/*	回り込み解除	*/
figure .end {
	clear:		both;
}


/****************************************/
/*		チャット風会話		*/
/****************************************/

.chat {
	margin-bottom: 20px;
}
/* 左画像 */

.chat-img-left {
	font-size:	1.4rem;
	margin:		0;
	float:		left;
	width:		60px;
	height:		60px;
	margin-right:	-70px;
}
/* 右画像 */

.chat-img-right {
	font-size:	1.4rem;
	margin:		0;
	float:		right;
	width:		60px;
	height:		60px;
	margin-left:	-70px;
}
.chat figure img {
	width:		100%;
	height:		100%;
	border:		1px solid var(--chat-img-border-color);
	border-radius:	50%;
	margin:		0;
}
/* 画像の下のテキスト */

.chat-img-description {
	padding:	5px 0 0;
	font-size:	10px;
	text-align:	center;
	position:	relative;
	bottom:		15px;
}
/* 左からの吹き出しテキスト */

.chat-text-right {
	font-size:	1.4rem;
	position:	relative;
	margin-left:	80px;
	padding:	10px;
	border-radius:	10px;
	background:	var(--chat-right-back-color);
	margin-right:	12%;
	float:		left;
}
/* 右からの吹き出しテキスト */

.chat-text-left {
	font-size:	1.4rem;
	position:	relative;
	margin-right:	80px;
	padding:	10px;
	border-radius:	10px;
	background-color:	var(--chat-left-back-color);
	margin-left:	12%;
	float:		right;
}
.chat-text-right strong, .chat-text-left strong {
	font-weight:	bold;
	background:	linear-gradient(transparent 80%, var(--strong-color) 50%, var(--strong-color2) 100%) !important;
	font-size:	1.6rem;
}
p.chat-text {
	margin:		0 0 20px;
}
p.chat-text:last-child {
	margin-bottom:	0;
}
/* 左の三角形 */

.chat-text-right:before {
	position:	absolute;
	content:	'';
	border:		10px solid transparent;
	top:		15px;
	left:		-20px;
}
.chat-text-right:after {
	position:	absolute;
	content:	'';
	border:		10px solid transparent;
	border-right:	10px solid var(--chat-right-back-color);
	top:		15px;
	left:		-19px;
}
/* 右の三角形 */

.chat-text-left:before {
	position:	absolute;
	content:	'';
	border:		10px solid transparent;
	top:		15px;
	right:		-20px;
}
.chat-text-left:after {
	position:	absolute;
	content:	'';
	border:		10px solid transparent;
	border-left:	10px solid var(--chat-left-back-color);
	top:		15px;
	right:		-19px;
}
/* 回り込み解除 */

.chat:after, .kaiwa:before {
	clear:		both;
	content:	"";
	display:	block;
}
.tags {
	width:		95%;
	padding:	4px 4px 20px 4px;
}
/****************************************/
/*		期間表示用エリア	*/
/****************************************/

/*	お勧め記事		*/

/*	セール、キャンペーン	*/

#recommend_post, #sale_campaign {
	padding:	10px;
	width:		100%;
	float:		right;
}
#sale_campaign a:link {
	color:		var(--fg-color);
}
#sale_campaign2 {
	padding:	10px;
	background:	var(--campaign-color);
	width:		100%;
	float:		right;
}
#sale_campaign2 a:link {
	color:		var(--fg-color);
}
#recommend_post li, #sale_campaign li, #sale_campaign2 li {
	list-style:	none;
}
.adjust-img {
	padding-right:	12px;
	vertical-align:	-10px;
}
/*	お勧め記事アイテム		*/

/*	セール、キャンペーンアイテム	*/

.ly_recommend_item, .ly_campaign_item {
	color:		var(--fg-color);
	font-size:	14px;
	line-height:	1.1;
	position:	relative;
}
.ly_recommend_item a, .ly_campaign_item a {
	font-weight:	300;
}
.ly_recommend_item a:link, .ly_campaign_item a:link {
	color:		var(--fg-color);
}
.ly_recommend_item a:hover, .ly_campaign_item a:hover {
	color:		var(--link-hover-color);
}
.ly_recommend_item img:hover, .ly_campaign_item img:hover {
	/* イメージにポイントした際の動き */
	opacity:	0.5;
}
/*	今日までアイコン	*/

.ly_recommend_badge, .ly_expire_badge {
	color:		var(--badge-color);
	background:	var(--badge-back-color);
	text-align:	center;
	font-size:	8px;
	font-weight:	bold;
	border-radius:	30%;
	border-bottom:	2px solid var(--badge-color);
	margin-left:	0rem;
	position:	absolute;
	left:		0px;
	top:		-4px;
	padding-top:	2px;
	width:		60px;
	height:		12px;
	z-index:	100;
}
/*	キー入力	*/

.ly_keybord-ops {
	margin:		0 0.5em;
	padding:	2px 0.625em;
	border:		1px solid var(--keyboard-border-color);
	border-radius:	5px;
	color:		var(--fg3-color);
	font-weight:	bold;
	background-color:	var(--keyboard-back-color);
}
/****************************************/
/*		まとめボックス		*/
/****************************************/

.ly_matome {
	color:		var(--fg-color);
	background:	var(--mtm-gradient);
	border:		3px solid var(--matome-border-color);	/*線*/
	border-radius:	8px;		/*角の丸み*/
	font-size:	1.4rem;
	font-weight:	700;
	line-height:	1.4;
	padding:	5px 20px 5px 20px;
	width:		85%;
	float:		left;
}
.ly_matome a {
	display:	inline-block;
	padding:	1.4rem;
	text-decoration:	none;
}
.ly_matome a:link {
	color:		var(--fg-color);
}
.ly_matome a:hover {
	color:		var(--link-hover-color);
}
/****************************************/
/*		TOP10表示エリア		*/
/****************************************/

#bl_top_10 {
	display:	block;
	padding:	10px;
	background:	var(--campaign-color);
	width:		100%;
	float:		right;
}
#bl_top_10 li {
	list-style:	none;
}
/*	お勧め記事アイテム		*/

/*	セール、キャンペーンアイテム	*/

.ly_top_10 {
	color:		var(--fg-color);
	font-size:	14px;
	line-height:	1.1;
	position:	relative;
}
.ly_top_10 a {
	font-weight:	300;
}
.ly_top_10 a:link {
	color:		var(--fg-color);
}
.ly_top_10 a:hover {
	color:		var(--link-hover-color);
}
.ly_top_10 img:hover {
	/* イメージにポイントした際の動き */
	opacity:	0.5;
}
/****************************************/
/*	TOP3見出しエリア		*/
/****************************************/

#bl_top_3 {
	display:	block;
	padding:	10px;
	background:	var(--campaign-color);
	font-size:	20px;
	width:		95%;
	float:		right;
}
#bl_top_3 li {
	list-style:	none;
}
/*	TOP1の表示エリア	*/

.ly_top_3_1 {
	display:	block;
	padding:	10px;
	width:		45%;
	background:	var(--campaign-color);
	float:		left;
	color:		var(--fg-color);
	font-size:	20px;
	line-height:	1.5;
	position:	relative;
}
.ly_top_3_1_img {
	width:		35%;
	float:		left;
}
.ly_top_3_1_text {
	width:		63%;
	float:		right;
}
/*	TOP2,3の表示エリア	*/

.ly_top_3_23 {
	display:	block;
	padding:	10px;
	width:		45%;
	height:		45%;
	background:	var(--campaign-color);
	float:		right;
	color:		var(--fg-color);
	font-size:	18px;
	line-height:	1.3;
	position:	relative;
}
.ly_top_3_23_img {
	width:		20%;
	float:		left;
}
.ly_top_3_23_text {
	width:		73%;
	float:		right;
}
/*	TOP4,5の表示エリア	*/

.ly_top_3_45 {
	display:	block;
	padding:	10px;
	width:		100%;
	height:		45%;
	background:	var(--campaign-color);
	float:		right;
	color:		var(--fg-color);
	font-size:	16px;
	line-height:	1.2;
	position:	relative;
}
.ly_top_3_45_img {
	width:		20%;
	float:		left;
}
.ly_top_3_45_text {
	width:		78%;
	float:		right;
}
/****************************************/
/*	お勧め記事アイテム		*/
/*	セール、キャンペーンアイテム	*/
/****************************************/

.ly_top_3 {
	color:		var(--fg-color);
	font-size:	14px;
	line-height:	1.1;
	position:	relative;
}
.ly_top_3_1 a, .ly_top_3_23 a {
	font-weight:	300;
}
.ly_top_3_1 a:link, .ly_top_3_23 a:link {
	color:		var(--fg-color);
}
.ly_top_3_1 a:hover, .ly_top_3_23 a:hover {
	color:		var(--link-hover-color);
}
.ly_top_3_1 img:hover, .ly_top_3_23 img:hover {
	/* イメージにポイントした際の動き */
	opacity:	0.5;
}
.ly_top3_excerpt {
	font-size:	1.0rem;
	font-weight:	300;
	font-style:	italic;
	margin-bottom:	1rem;
	overflow:	hidden;		/* 下に突き抜ける　これでよいか？ */
}
/****************************************/
/*		前後のリンク		*/
/****************************************/

#postLinks {
	width:		90%;
	clear:		both;
	color:		var(--fg-color);
	font-size:	1.4rem;
	margin:		0% 2% 0% 2%;
	text-align:	center;		/* 中央寄せ */
	display:	block;
	top:		auto;
}
#postLinks .postLink-prev-img, #postLinks .postLink-next-img {
	width:		9%;
	position:	relative;
	top:		0px;
	left:		0px;
	float:		left;		/*これがないと改行してしまう */
}
#postLinks .postLink-prev-img img:hover, #postLinks .postLink-next-img img:hover {
	/* イメージにポイントした際の動き */
	opacity:	0.5;
}
#postLinks .postLink-prev {
	max-width:	34%;
	color:		var(--fg-color);	/*文字色*/
	font-weight:	700;
	line-height:	1.2;
	margin-right:	3%;
	float:		left;
}
#postLinks .postLink-next {
	max-width:	34%;
	color:		var(--fg-color);	/*文字色*/
	font-weight:	700;
	line-height:	1.2;
	margin-left:	3%;
	position:	relative;
	float:		left;
}
#postLinks .postLink-prev a, #postLinks .postLink-next a {
	display:	inline-block;
	padding:	0.6em;
	text-decoration:	none;
}
#postLinks .postLink-prev a:link, #postLinks .postLink-next a:link {
	color:		var(--fg-color);
}
#postLinks .postLink-prev a:hover, #postLinks .postLink-next a:hover {
	color:		var(--link-hover-color);
}
/****************************************/
/*	全体のレイアウト		*/
/****************************************/

.ly_carousel {
	width:		90%;
	display:	block;
	top:		auto;
}
/*	最新情報のエリア	*/

#latest {
	display:	block;
}
/*	アクセスの多い記事のエリア	*/

.ly_category_posts {
	display:	block;
}
#access {
	display:	block;
}
/****************************************/
/*	小アイコンでリスト表示		*/
/****************************************/

.ly_list_item {
	color:		var(--fg-color);
	font-size:	14px;
	line-height:	1.1;
	position:	relative;
}
.ly_list_item li {
	list-style:	none;
}
.ly_list_item a {
	font-weight:	300;
}
.ly_list_item a:link {
	color:		var(--fg-color);
}
.ly_list_item a:hover {
	color:		var(--link-hover-color);
}
.ly_list_item img:hover {
	/* イメージにポイントした際の動き */
	opacity:	0.5;
}
/*	コメントエリア	*/

#bl_content .comment_box {
	display:	block;
	margin:		4% 0 0 4%;
	float:		left;
}
/****************************************/
/*	PC用トップの広告欄		*/
/****************************************/

#bl_ad_area, bl_ad_area2, bl_ad_area3 {
	display:	block;
	justify-content:	space-between;
	float:		left;
	width:		100%;
}
#bl_ad_area_mobile, bl_ad_area_mobile2, bl_ad_area_mobile3 {
	display:	none;
}

/************************************************/
/*	トップあるいは中間に差し込む広告エリア	*/
/************************************************/
.ly_ad_area {
	width:		100%;
	display:	flex;
	flex-wrap:	wrap;
	float:		left;
	justify-content:	space-between;
}

/*	広告の配置用	*/
.ad_picture {
	display:	block;
	float:		left;
	padding-right:	20px;
/*	height:		45px;*/
/*	background-size:	contain;	/*枠の大きさに合わせて画像を拡大縮小する*/
/*	background-repeat:	no-repeat;	/*繰り返し表示の無効化(デフォルトでは空いたスペースに繰り返し画像が表示されるのでそれを阻止する)*/
/*	background-position:	center;*/
}

/************************************************/
/*	メニューボタン横のロゴ、広告エリア	*/
/************************************************/
#bl_logo_ad_area {
	float: 		left;
	justify-content:	space-between;
	width:		100%;
	padding-left:	100px;
	height:		45px;
}

.ly_logo_ad_area {
	display:	flex;
	float:		left;
	justify-content:	space-between;
	height:		45px;
}

/*	ロゴと広告の配置用	*/
.logo_ad_picture_pc, .logo_ad_picture_tab {
	display:	block;
	float:		left;
	padding-right:	20px;
	height:		45px;
}


/*	モバイル用ロゴ表示	*/
.ly_mobile_logo {
	display:	none;
}


/****************************************/
/*	末尾の広告欄のサイズ設定	*/
/****************************************/

#bl_ad_bottom {
	width:		100%;
}
/****************************************/
/*	誘導ボタン（内部リンク用）	*/
/****************************************/

.ly_goint_button a {
	justify-content:	space-between;
	align-items:	center;
	margin:		3px 8px 8px 8px;
	padding:	1em 2em;
	width:		250px;
	line-height:	4;
	color:		var(--fg-color);
	font-size:	18px;
	font-weight:	700;
	background-color:	var(--goint-gradient);
	transition:	0.3s;
	border-bottom:	5px solid var(--goint-border-color);
}
.ly_goint_button a:hover {
	text-decoration:	none;
	color:			var(--fg2-color);
	background-color:	var(--goint-hover-color);
	margin-top:		3px;
	border-bottom:		2px solid var(--goint-border-color);
}
/****************************************/
/*	誘導ボタン(外部用)		*/
/****************************************/

/* 案内用メッセージを入れるためのエリア */
/* </div>の後に、<div class="clearfix"></div>を入れること */
.ly_additional_info_area {
	background:	var(--bg-color);
	font-size:	12px;
	text-align:	center;
	float:		left;
}

.ly_go_button a {
	justify-content:	space-between;
	align-items:	center;
	margin:		3px 8px 8px 8px;
	padding:	1em 2em;
	line-height:	4;
	color:		var(--fg2-color);
	font-size:	18px;
	font-weight:	700;
	background-color:	var(--go-button-color);
	transition:	0.3s;
	border-bottom:	5px solid var(--go-border-color);
}
.ly_go_button a:hover {
	text-decoration:	none;
	background-color:	var(--go-hover-color);
	margin-top:		3px;
	border-bottom:		2px solid var(--go-border-color);
}
.ly_goint_button a::after, .ly_go_button a::after {
	content:	' >>';
}
.ly_goint_button a:link, ly_go_button a:link {
	color:		var(--fg-color);
}

/****************************************/
/*		広告ボタン		*/
/****************************************/
.ly_ad_button a {
	justify-content:	space-between;
	align-items:	center;
	margin:		5px 4px 4px 5px;
	padding:	0.1em 2em;
	color:		var(--fg2-color);
	font-size:	20px;
	font-weight:	500;
	background-color:	var(--ad-button-color);
	transition:	0.3s;
	border-radius:	10px 10px 10px 10px;
	border-bottom:	5px solid var(--ad-border-color);
} 
.ly_ad_button a:hover {
	text-decoration:	none;
	background-color:	var(--ad-hover-color);
	margin-top:		3px;
	border-bottom:		2px solid var(--ad-border-color);
}

.ly_ad_button a:link {
	color:		var(--fg-color);
}

/****************************************/
/*	frontpage下のリンクボタン	*/
/****************************************/
.figbutton {
	float:		left;
	padding-top:	5px;
	padding-right:	20px;
	padding-bottom:	5px;
	padding-left:	10px;
}


/****************************************/
/*	Amazonなどの商品リンク		*/
/****************************************/
.ly_product_link {
	display:	block;
	background: 	var(--productlink_bg_color);
	width:		100%;
	/*float: 		right;*/

	border: 	1px solid var(--box-color);
	color: 		var(--fg3-color);
	margin: 	10px 20px 10px 20px;
	font-size: 	20px;
	font-weight: 	700;
	line-height: 	1.0;
	position: 	relative;
	border-radius:	10px;
	padding:	10px;
	clear:		both;
}

.ly_productlink_content {
	display:	flex;
}

.ly_productlink_btnline {
	display:	flex;
}

.ly_productlink_img {
	float:		left;
	margin-right: 	20px;
	margin-bottom: 	10px;
	font-size: 	0;
	max-width: 	50%;
}

.ly_productlink_img img{
	max-width: 100%;
}

.ly_productlink_title {
	float: 		right;
	width: 		50%;
	padding-top:	10px;
	margin:		 5px 0 5px 0;
	font-size: 	10px;
	font-weight: 	bold;
	color: 		--var(--productlink_title_color);
}

.ly_productlink_text {
	font-size: 	12px;
	font-weight: 	500;
	margin:		right;
	color: 		var(--fg3-color);
}

.ly_productlink_title a {
	text-decoration: none;
	color: 		var(--fg3-color);
}

.ly_productlink_title a:hover {
	color:		var(--link-hover-color);
}

.ly_productlink_button {
	display: 	inline-block;
	padding: 	1em 2em;
	text-decoration: none;
	background:	var(--go-button-color);
	color:		var(--fg2-color);
	border-bottom: 	solid 4px var(--goint-border-color);
	border-radius:	3px;
	font-size:	14px;
	margin-right:	15px;
	margin-bottom:	15px;
	border-radius:	7px;

}

/* ボタン押下時 */
.ly_productlink_button:active {
	transform: 	translateY(4px);
	border-bottom: 	none;
}

/****************************************/
/*	ブログカード代替		*/
/****************************************/
.ly_ivlink_card {
	display:	block;
	background: 	var(--card-gradient);
	width:		50%;

	border: 	3px solid var(--backquote-color);
	color: 		var(--fg3-color);
	margin: 	10px 10px 10px 10px;
	font-size: 	20px;
	font-weight: 	700;
	line-height: 	1.0;
	position: 	relative;
	border-radius:	10px;
	padding:	10px;
	clear:		both;
}

.ly_ivlink_card::after {
	content:	"";
	clear:		both;
	height:		0;
	display:	block;
	visibility:	hidden;
}

.ly_ivlinkcard_content {
	display:	flex;
}
.ly_ivlinkcard_content::after {
	content:	"";
	display:	block;
	clear:		both;
	height:		0;
	visibility:	hidden;
}
.ly_ivlinkcard_content .ly_ivlinkcard_img {
	margin-right: 	20px;
	margin-bottom: 	10px;
	font-size: 	0;
	max-width: 	50%;
	overflow:	hidden;
	position:	relative;
	float:		left;
}

.ly_ivlinkcard_content .ly_ivlinkcard_img img{
	max-width: 100%;
}

.ly_ivlinkcard_content .ly_ivlinkcard_title {
	font-size: 	10px;
	font-weight: 	bold;
	color: 		var(--fg3-color);
	background:	var(--card-text-gradient);
	text-decoration: none;
	float:		left;
}

.ly_ivlinkcard_title p {
	text-indent:	none;
	margin-bottom:	0rem;
	line-height:	none;
}

.ly_ivlinkcard_excerpt {
	margin: 	10px  0 5px 0;
	font-size: 	12px;
	font-weight: 	500;
	margin:		right;
	color: 		var(--fg3-color);
	text-decoration: none;
}

.ly_ivlinkcard_title a, ly_ivlinkcard_excerpt a {
	color: 		var(--fg3-color);
}

.ly_ivlinkcard_title a:hover, ly_ivlinkcard_excerpt a:hover {
	color: 		var(--fg3-color);
}


/****************************************/
/*	他サイトボタン			*/
/****************************************/

.btn_other_site, .btn_other_site a {
	color: 		var(--btn_other_site_fg_color);
	font-size: 	16px;
	padding:	5px, 10px, 5px, 10px;
	border-top: 	4px solid var(--btn_other_site_top_color);
	border-right:	4px solid var(--btn_other_site_right_color);
	border-bottom:	4px solid var(--btn_other_site_bottom_color);
	border-left:	4px solid var(--btn_other_site_left_color);
	border-radius:	0;
	background-image:	linear-gradient(-45deg, var(--btn_other_site_bg1_color) 0%, var(--btn_other_site_bg2_color) 20%, var(--btn_other_site_bg3_color) 34%, white 53%, var(--btn_other_site_bg4_color) 100%);
	text-shadow:	0 0 5px var(--btn_other_site_shadow_color), 0 0 5px var(--btn_other_site_shadow_color), 0 0 5px var(--btn_other_site_shadow_color), 0 0 5px var(--btn_other_site_shadow_color), 0 0 5px var(--btn_other_site_shadow_color);
}
.btn_other_site a:hover {
	text-shadow:	0 0 7px var(--btn_other_site_shadow_color), 0 0 7px var(--btn_other_site_shadow_color), 0 0 7px var(--btn_other_site_shadow_color), 0 0 7px var(--btn_other_site_shadow_color), 0 0 7px var(--btn_other_site_shadow_color), 0 0 7px var(--btn_other_site_shadow_color), 0 0 7px var(--btn_other_site_shadow_color), 0 0 7px var(--btn_other_site_shadow_color);
}
/****************************************/
/*		比較表			*/
/****************************************/

.irv_compare_pc {
	display: 	block;
}
.irv_compare_smp {
	display: 	none;
}
/*	タイトル行を反転表示させる場合に指定 title_bg="A"	*/

.irv_compare_title {
	padding: 	0;
	border-bottom: 	3px solid var(--table-even-bgcolor);
	border-right: 	3px solid var(--table-even-bgcolor);
	color: 		var(--fg3-color);
	background:	var(--cmp_table_title_bg_color);
}
/****************************************/
/*	YouTubeレスポンシブ表示		*/
/****************************************/

.yt_frame_169 {
	position: 	relative;
	padding-bottom: 56.25%;		/*アスペクト比 16:9の場合の縦幅*/
	width: 		100%;
	height:		0;
	overflow: 	hidden;
}
.yt_frame_916 {
	position: 	relative;
	padding-bottom: 178.8%;		/*アスペクト比 9:16の場合の縦幅*/
	width: 		100%;
	height:		0;
	overflow: 	hidden;
}
.yt_frame_43 {
	position: 	relative;
	padding-bottom: 75%;		/*アスペクト比 4:3の場合の縦幅*/
	width: 		100%;
	height: 	0;
	overflow: 	hidden;
}

.yt_frame_169_v {
	position: 	relative;
	padding-bottom: 56.25%;		/*アスペクト比 16:9の場合の縦幅*/
	width: 		100%;
	height:		0;
/*	overflow: 	hidden;*/
}

.yt_frame_169 iframe, .yt_frame_916 iframe, .yt_frame_43 iframe, .yt_frame_169_v iframe {
	position: 	absolute;
	top: 		0;
	left: 		0;
	width: 		100%;
	height: 	100%;
}
/****************************************/
/*	著者プロフィール		*/
/****************************************/

#bl_profile {
	display: 	block;
	padding: 	10px;
	background: 	var(--campaign-color);
	font-size: 	20px;
	padding: 	0.5rem;
	width: 		100%;
	float: 		right;
}
/*	表示エリア	*/

.ly_profile {
	width: 		100%;
	float: 		left;
	color: 		var(--fg-color);
	line-height: 	1.5;
	position: 	relative;
}
.ly_profile_img {
	width:		35%;
	float:		left;
}
.ly_profile_text {
	width:		63%;
	float:		right;
}
.ly_profile_name {
	float:		left;
	font-size:	24px;
}
.ly_profile_description {
	float:		left;
}

/****************************************/
/*	ヘッドラインのブロック定義	*/
/****************************************/
#bl_headline {
	padding:	10px;
	width:		100%;
	float:		right;
}

#bl_headline a:link {
	color:		var(--fg-color);
}

#bl_headline .ly_inner{
	margin:		0 auto;
	position:	relative;
}

#bl_headline .hl_title{
	padding:	5px 5px 10px 10px;
	position:	absolute;
	top:		0;
	left: 		0;
	background:	var(--bg-color);
	color:		var(--fg-color);
	line-height:	1;
	z-index:	10;
	font-size: 	100%;
}

#bl_headline ul{
	width:		100%;
	margin:		0;
	height:		2.0rem;
	overflow:	hidden;
	white-space:	nowrap;
	position:	relative;
}

#bl_headline ul li{
	width:		100%;
	padding-left:	20px;
	animation :	headLine 48s ease infinite;
	position:	absolute;  /* 表示項目を全部重ねる */ 
	top: 		0;
	left: 		40px;
	background:	var(--bg-color);
	z-index:	6;
	opacity:	0;
	visibility:	hidden;  /* visibilityで要素を非表示に */ 
	line-height:	1.5;
	list-style:	none;
	font-size: 	1.2rem;
}

#bl_headline ul li::before{
	content:	'';
	width:		100px;
	height:		50px;
	position:	absolute;
	top:		0;
	left:		0;
	background:	var(--bg-color);
	font-size: 	1.2 rem;
}

/* visibilityで要素の表示・非表示を切り替え */ 
@keyframes headLine{
	from {
		opacity:	1;
		visibility:	visible;
	}
	16% {	/* 33%*/
		opacity:	1;
		visibility:	visible;
	}
	17% {	/* 34%*/
		opacity:	0;
		visibility:	hidden;
	}
	99% {
		opacity:	0;
	}
	100% {
		opacity: 	1;
	}
}

#bl_headline ul li:nth-of-type(2){
	animation-delay:8s;
	z-index:	5;
}
#bl_headline ul li:nth-of-type(3){
	animation-delay:16s;
	z-index:	4;
}
#bl_headline ul li:nth-of-type(4){
	animation-delay:24s;
	z-index:	3;
}
#bl_headline ul li:nth-of-type(5){
	animation-delay:32s;
	z-index:	2;
}
#bl_headline ul li:nth-of-type(6){
	animation-delay:40s;
	z-index:	1;
}

#bl_headline ul li a{
	color:		var(--fg-color);
	display:	block;
	transform:	translateX(100%);
	animation :	listScroll 48s linear infinite;
	text-decoration:none;
	transition:	.5s;
}


#bl_headline ul li:nth-of-type(2) a{
	animation-delay:8s;
}
#bl_headline ul li:nth-of-type(3) a{
	animation-delay:16s;
}
#bl_headline ul li:nth-of-type(4) a{
	animation-delay:24s;
}
#bl_headline ul li:nth-of-type(5) a{
	animation-delay:32s;
}
#bl_headline ul li:nth-of-type(6) a{
	animation-delay:40s;
}

/****************************************/
/*	レスポンシブ用			*/
/*	横幅3000pxまで	(PC用5列表示)	*/
/****************************************/
@media only screen and (max-width: 3000px) {
	.ly_sidebar_left {
		width:			13%;
	}
	#bl_content article {
		width: 			13%;
	}
	.ly_main_content {
		width: 			84%;
	}
}

/****************************************/
/*	レスポンシブ用			*/
/*	横幅2560pxまで	(PC用4列表示)	*/
/****************************************/
@media only screen and (max-width: 2560px) {
	.ly_sidebar_left {
		width:			20%;
	}
	#bl_content article {
		width: 			20%;
	}
	.ly_main_content {
		width: 			75%;
	}
}

/****************************************/
/*	レスポンシブ用			*/
/*	横幅1980pxまで	(PC用3列表示)	*/
/****************************************/
@media only screen and (max-width: 1980px) {
	.ly_sidebar_left {
		width: 		25%;
	}

	#bl_content article {
		width: 		29%;
	}
	.ly_main_content {
		width: 		70%;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅1500pxまで	(PC用2列表示)	*/
/****************************************/
@media only screen and (max-width: 1500px) {

	#bl_content article {
		width: 45%;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅1600pxまで			*/
/****************************************/
@media only screen and (max-width: 1600px) and (orientation: portrait) {

	#bl_main_content {
		padding-top:	100px;
	}
	#bl_logo_ad_area {
		width:		calc(100%-60px);
		padding-left:	60px;
	}
	#bl_ad_area, bl_ad_area2, bl_ad_area3 {
		display: 	none;
	}
	#bl_ad_area_mobile, bl_ad_area_mobile2, bl_ad_area_mobile3 {
		display: 	block;
		float: 		left;
	}
	.ly_sidebar-desktop {
		display: 	none;
	}
	.ly_sidebar-mobile {
		display: 	block;
		clear: 		both;
		float: 		left;
		width:		90%;
		margin-left: 	5%;
		border: 	none;
	}
	/****************************************/
	/*	メニューボタン			*/
	/****************************************/
	#bl_menu_bar {
		height: 	4.4rem;
		font-size: 	3.2rem;
	}
	.ly_menubtn {
		width: 		80px;
		/* デバイスに応じて変更 */
		height: 	38px;
		/* デバイスに応じて変更 */
	}
	nav .bl_nav_content ul li {
		font-size: 	2.4rem;
		/* デバイスに応じて変更 */
	}
	/********************************/
	/*	ロゴ部分		*/
	/********************************/
	.ly_logo {
		width: 		var(--mobile-logo-width);
		text-align: 	center;
	}
	.ly_post th, .ly_page th {
		padding: 	0.2rem;
		font-size: 	1.2rem;
	}
	.ly_post td, .ly_page td {
		padding: 	0.2rem;
		font-size: 	1.2rem;
	}
	.ly_main_content {
		width: 		100%;
	}
	#bl_content article {
		width: 		45%;
	}
	.ly_sidebar_left {
		width: 		100%;
		min-height: 	0 !important;
		float: 		none;
		top:		 0;
	}
	/* 表のスクロール用途 */
	.ly_post, .ly_page {
		max-width: 	1600px;
	}
	table {
		min-width: 	1600px;
	}
	.ly_top_3_1 {
		display: 	block;
		padding: 	10px;
		width: 		95%;
		background: 	var(--campaign-color);
		float: 		left;
		color: 		var(--fg-color);
		font-size: 	20px;
		line-height: 	1.5;
		position: 	relative;
	}
	.ly_top_3_1_img {
		width: 		48%;
		float: 		left;
	}
	.ly_top_3_1_text {
		width: 		48%;
		float: 		right;
	}
	.ly_top_3_23 {
		display: 	block;
		padding: 	10px;
		width: 		95%;
		background: 	var(--campaign-color);
		float: 		right;
	}
	.ly_top3_excerpt {
		display: 	none;
	}
	.irv_compare_pc {
		display: 	none;
	}
	.irv_compare_smp {
		display: 	block;
	}
	/********************************/
	/*	Profile			*/
	/********************************/
	.ly_profile_text {
		width: 		100%;
		float: 		right;
	}
}

/************************************************/
/*	レスポンシブ用				*/
/*	横幅1080pxまで)				*/
/************************************************/

@media only screen and (max-width: 1080px)  {
}

/************************************************/
/*	レスポンシブ用				*/
/*	横幅1080pxまで				*/
/************************************************/
@media only screen and (max-width: 1080px) and (orientation: portrait) {

	.ly_sidebar-desktop {
		display: 	none;
	}
	.ly_sidebar-mobile {
		display: 	block;
		clear: 		both;
		float: 		left;
		width: 		90%;
		margin-left: 	5%;
		border:	 	none;
	}
	.ly_menu_bar {
		top: 		0;
	}
	/********************************/
	/*	ロゴ部分		*/
	/********************************/
	.ly_sidebar_left {
		width: 		100%;
		min-height: 	0 !important;
		float: 		none;
		top: 		0;
	}
	.ly_content {
		width: 		100%;
	}
	/* 表のスクロール用途 */
	.ly_post, .ly_page {
		max-width: 	1080px;
	}
	table {
		min-width: 	1080px;
	}

	.ly_productlink_img {
		max-width: 	40%;
	}
	.ly_ivlinkcard_content .ly_ivlinkcard_img {
		max-width: 	33%;
	}
	.ly_ivlinkcard_content .ly_ivlinkcard_title {
		max-width: 	65%;
	}
}


/************************************************/
/*	レスポンシブ用				*/
/*	横幅1024pxまで	(iPadPro 12インチ)	*/
/************************************************/

@media only screen and (max-width: 1024px) and (orientation: portrait) {

	/****************************************/
	/*	メニューボタン			*/
	/****************************************/
	#bl_menu_bar {
		height: 	3.4rem;
		font-size: 	2.2rem;
	}
	.ly_menu_bar {
		width: 		auto;
	}
	.ly_menubtn {
		width: 		60px;
		/* デバイスに応じて変更 */
		height: 	22px;
		/* デバイスに応じて変更 */
	}
	nav .bl_nav_content ul li {
		font-size: 	1.4rem;
		/* デバイスに応じて変更 */
	}
	.ly_sidebar_left {
		width: 		100%;
		min-height: 	0 !important;
		float: 		none;
		top: 		0;
	}

	/* 表のスクロール用途 */
	.ly_post, .ly_page {
		max-width: 	1024px;
	}
	table {
		min-width: 	1024px;
	}
	#bl_content article {
		width: 		90%;
		margin-right: 	0;
	}

	.ly_sidebar_right {		/* モバイルでは右サイドバーは表示しない */
		display:	none;
	}
	.ly_mobile_logo {
		display:	block;
	}
}
/************************************************/
/*	レスポンシブ用				*/
/*	横幅844pxまで	Pad5			*/
/************************************************/
@media only screen and (max-width: 844px) and (orientation: portrait) {
	/* 表のスクロール用途 */
	.logo_ad_picture_pc {
		display:	none;
	}
	.ly_post, .ly_page {
		max-width: 	844px;
	}
	table {
		min-width: 	844px;
	}
}
/************************************************/
/*	レスポンシブ用				*/
/*	横幅834pxまで(iPad Pro 11インチ)	*/
/************************************************/
@media only screen and (max-width: 834px) and (orientation: portrait) {

	/****************************************/
	/*	メニューボタン			*/
	/****************************************/
	#bl_menu_bar {
		height: 	3.2rem;
		font-size: 	2.0rem;
	}
	.ly_menubtn {
		height: 	18px;
		/* デバイスに応じて変更 */
	}
	nav .bl_nav_content ul li {
		font-size: 	1.2rem;
		/* デバイスに応じて変更 */
	}
	.ly_sidebar_left {
		width: 		100%;
		min-height:	 0 !important;
		float:		 none;
		top:		 0;
	}

	/* 表のスクロール用途 */
	.ly_post, .ly_page {
		max-width: 	834px;
	}
	table {
		min-width: 	834px;
	}
}
/************************************************/
/*	レスポンシブ用				*/
/*	横幅800pxまで				*/
/************************************************/
@media only screen and (max-width: 800px) and (orientation: portrait) {

	.ly_sidebar_left {
		width: 		100%;
		min-height: 	0 !important;
		float: 		none;
		top: 		0;
	}
	/* 表のスクロール用途 */
	.ly_post, .ly_page {
		max-width: 	800px;
	}
	table {
		min-width: 	800px;
	}
	/****************************************/
	/*	メニューボタン			*/
	/****************************************/
	.ly_menu_bar {
		min-width: 	800px;
	}
	#bl_content article {
		width: 		90%;
		margin-right: 	0;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅768pxまで			*/
/*	(大型スマホ、iPad5,6,7)		*/
/****************************************/
@media only screen and (max-width: 768px) and (orientation: portrait) {

	.ly_menu_bar {
		min-width: 	768px;
	}
	/********************************/
	/*	ロゴ部分		*/
	/********************************/
	.ly_topside {
		width: 		92%;
		margin-left:	2%;
		padding-top: 	2%;
	}
	/* 表のスクロール用途 */
	.ly_post, .ly_page {
		max-width: 	768px;
	}
	/********************************/
	/*	表示エリア		*/
	/********************************/
	.ly_content {
		width: 		95%;
	}
	table {
		min-width: 	768px;
	}
	/********************************/
	/*		検索		*/
	/********************************/
	#searchform {
		width: 		99%;
	}
	#comments .comment .avatar, #bl_topside h1 span {
		display: 	none;
	}
	#bl_topside h2 span {
		display: 	none;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅626pxまで(FireHD2020)	*/
/****************************************/
@media only screen and (max-width: 626px) and (orientation: portrait) {

	.ly_menu_bar {
		min-width: 	626px;
	}
	/* 表のスクロール用途 */
	.ly_post, .ly_page {
		max-width: 	626px;
	}
	table {
		min-width: 	626px;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅600pxまで(Nexus7)		*/
/* PCの設定を継承する場合あり		*/
/****************************************/

@media only screen and (max-width: 600px) {

	#bl_ad_area, bl_ad_area {
		display: 	none;
	}
	#bl_ad_area_mobile, bl_ad_area_mobile2 {
		display: 	block;
		float: 		left;
	}
	.ly_header_new {
		height:		100px;
	}

	/*	上は全て縦方向で定義しているので改めて定義	*/
	.ly_sidebar-desktop {
		display: 	none;
	}
	.ly_sidebar-mobile {
		display: 	block;
		clear: 		both;
		float: 		left;
		width: 		90%;
		margin-left: 	5%;
		border: 	none;
	}
	.ly_menu_bar {
		top: 		0;
	}
	/****************************************/
	/*	メニューボタン			*/
	/****************************************/
	#bl_menu_bar {
		height: 	3.2rem;
		font-size: 	2.0rem;
	}
	.ly_menu_bar {
		min-width: 	600px;
		max-width: 	auto;
	}
	.ly_menubtn {
		width: 		60px;
		/* デバイスに応じて変更 */
		height: 	18px;
		/* デバイスに応じて変更 */
	}
	nav .bl_nav_content ul li {
		font-size: 	1.2rem;
		/* デバイスに応じて変更 */
	}
	/********************************/
	/*	ロゴ部分		*/
	/********************************/
	.ly_logo {
		width: 		var(--mobile-logo-width);
		margin: 	0% 0% 0% 0%;
		text-align: 	center;
	}
	.ly_topside {
		width: 		92%;
		margin-left: 	2%;
		padding-top: 	2%;
	}
	#comments .comment .avatar, #bl_topside h1 span {
		display: 	none;
	}
	#bl_topside h2 span {
		display:	none;
	}

	/********************************/
	/*	表示エリア		*/
	/********************************/
	.ly_post, .ly_page {
		max-width: 	600px;
	}
	.ly_content {
		width: 		95%;
	}
	table {
		min-width: 	600px;
	}
	.ly_post th, .ly_page th {
		padding: 	0.2rem;
		font-size: 	1.2rem;
	}
	.ly_post td, .ly_page td {
		padding: 	0.2rem;
		font-size: 	1.2rem;
	}
	/********************************/
	/*		検索		*/
	/********************************/
	#searchform {
		width: 		99%;
	}
	#bl_content article {
		width: 		90%;
		margin-right: 	0;
	}
	#bl_content article .ly_post_content {
		width: 		92%;
		margin-left: 	4%;
		float: 		none;
	}
	#bl_post_date {
		font-size: 	1.0rem;
	}
	.alignright {
		margin: 	2px 0 2px 20px;
		line-height: 	1;
	}
	.alignleft {
		margin: 	2px 20px 2px 0;
		line-height: 	1;
	}
	.ly_left-sidebar aside {
		width: 		100%;
	}
	.ly_top3_excerpt {
		display: 	none;
	}
	.ly_top_3_1 {
		width: 		95%;
	}
	.ly_top_3_1_img {
		width: 		48%;
	}
	.ly_top_3_1_text {
		width: 		48%;
	}
	.ly_top_3_23 {
		width: 		95%;
	}
	.irv_compare_pc {
		display: 	none;
	}
	.irv_compare_smp {
		display: 	block;
	}
	/********************************/
	/*	Profile			*/
	/********************************/
	.ly_profile_text {
		width: 		100%;
		float: 		right;
	}
	.ly_mobile_logo {
		display:	block;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅480pxまで			*/
/****************************************/
@media only screen and (max-width: 480px) {

	/****************************************/
	/*	メニューボタン			*/
	/****************************************/
	#bl_menu_bar {
		height: 	3.0rem;
		font-size: 	1.8rem;
	}
	.ly_menu_bar {
		min-width: 	480px;
	}
	.ly_menubtn {
		width: 		60px;
		/* デバイスに応じて変更 */
		height: 	16px;
		/* デバイスに応じて変更 */
	}
	nav .bl_nav_content ul li {
		font-size: 	1.0rem;
		/* デバイスに応じて変更 */
	}
	.ly_logo_ad_area {
		height:		45px;
	}
	.logo_ad_picture_tab {
		display:	none;
	}
	.ly_mobile_logo {
		display:	none;
	}

	.ly_post, .ly_page {
		max-width: 	480px;
	}
	table {
		min-width: 	480px;
	}
	.ly_menu_bar {
		min-width: 	480px;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅432pxまで	Xiaomi 11TPro	*/
/****************************************/
@media only screen and (max-width: 432px) {

	.ly_menu_bar {
		min-width: 	432px;
	}
	.ly_post, .ly_page {
		max-width: 	432px;
	}
	table {
		min-width: 	432px;
	}
	.ly_menu_bar {
		min-width: 	432px;
	}

	.ly_productlink_content {
		display: 	block;
	}

	.ly_productlink_btnline {
		display: 	block;
	}
	.ly_ivlink_card {
		width:		90%;
	}
	.ly_ivlinkcard_content .ly_ivlinkcard_img {
		max-width: 	30%;
	}
	.ly_ivlinkcard_content .ly_ivlinkcard_title {
		font-size: 	8px;
	}

}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅428pxまで	iPhone12Pro	*/
/****************************************/
@media only screen and (max-width: 428px) {

	.ly_menu_bar {
		min-width: 	428px;
	}
	.ly_post, .ly_page {
		max-width: 	428px;
	}
	table {
		min-width: 	428px;
	}
	img {
		max-width: 	428px;
		object-fit: 	cover;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅414pxまで	iPhone8Plus	*/
/****************************************/
@media only screen and (max-width: 414px) {

	.ly_menu_bar {
		min-width: 	414px;
	}
	.ly_post, .ly_page {
		max-width: 	414px;
	}
	table {
		min-width: 	414px;
	}
	img {
		max-width: 	414px;
		object-fit: 	cover;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅390pxまで	iPhone12, Pro	*/
/****************************************/
@media only screen and (max-width: 390px) {

	.ly_menu_bar {
		min-width: 	390px;
	}
	.ly_post, .ly_page {
		max-width: 	390px;
	}
	table {
		min-width: 	390px;
	}
	img {
		max-width: 	390px;
		object-fit: 	cover;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅375pxまで	iPhone8/X	*/
/****************************************/
@media only screen and (max-width: 375px) {

	.ly_menu_bar {
		min-width: 	375px;
	}
	.ly_post, .ly_page {
		max-width: 	375px;
	}
	table {
		min-width: 	375px;
	}
	.ly_menu_bar {
		min-width: 	375px;
	}
	img {
		max-width: 	375px;
		object-fit: 	cover;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅360pxまで	iPhone12mini	*/
/****************************************/
@media only screen and (max-width: 360px) {

	.ly_menu_bar {
		min-width: 	360px;
	}
	.ly_post, .ly_page {
		max-width: 	360px;
	}
	table {
		min-width: 	360px;
	}
	.ly_menu_bar {
		min-width: 	360px;
	}
	img {
		max-width: 	360px;
		object-fit: 	cover;
	}
}
/****************************************/
/*	レスポンシブ用			*/
/*	横幅320pxまで	iPhone5,SE1	*/
/****************************************/
@media only screen and (max-width: 320px) {

	.ly_menu_bar {
		min-width:	320px;
	}
	.ly_post, .ly_page {
		max-width: 	320px;
	}
	table {
		min-width: 	320px;
	}
}
/****************************************/
/*	ふわっと表示			*/
/****************************************/

.flow_item {
	float: 			left;
/*	padding: 		10px;*/
	background: 		var(--flow-color);
	color: 			var(--fg2-color);
	list-style: 		none;
	text-align: 		center;
	line-height: 		60px;
	opacity: 		0;
}
.flow_item:nth-child(1) {
	-webkit-animation: 	flow_item 0.5s ease 0.5s 1 forwards;
	animation: 		flow_item 0.5s ease 0.5s 1 forwards;
}
@-webkit-keyframes flow_item {
	100% {
		opacity: 1;
	}
}
@keyframes flow_item {
	100% {
		opacity: 1;
	}
}
/****************************************/
/*	アフィリンク　kaereba		*/
/****************************************/

.booklink-box, .kaerebalink-box, .tomarebalink-box {
	display: 		none;
}
/****************************************/
/*		その他			*/
/****************************************/

@keyframes listScroll{
	from { 
		transform:	translateX(100%);
	}
	4% { 
		transform:	translateX(0);
	}
	50% { 
		transform:	translateX(0);
	}
	100% { 
		transform:	translateX(100%);
	}
}