@charset "utf-8";

/* ……………………………………………………………………………………………………………… */
/* てがろぐ -Fumy Otegaru Memo Logger- シンプル日記スキン用スタイルシート for Ver 2.1.0 */
/* ……………………………………………………………………………………………………………… */
/* Table of Contents：
   -------------------
	■全体共通装飾
		▼リンクの装飾
		▼URLが書かれた場合の装飾
		▼汎用装飾(てがろぐ専用記法で書かれた場合のみ)
		▼埋め込み画像
		▼埋め込み動画

	■ページ最上部(ヘッダ)領域
		▼検索ボックス
		▼タイトル区画

	■入力フォームの表示領域
		▼本文入力区画
		▼投稿コントロール部分(ボタンや字数カウンタなど)
		▼投稿ボタン
		▼文字装飾ボタン群 ★NEW!★

	■メイン(ログ掲載)領域
		▼表示対象の限定時などの「限定条件」表示行
		▼日付境界バー

	■投稿ボックス(一発言)ごとの表示
		▼ヘッダ
			▽先頭矢印
			▽投稿日時
			▽ボタンリンク
			▽New!サイン部分
		▼投稿本文
			▽本文内に含まれるハッシュタグリンク

	■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾

	■ページナビゲーション領域
		▼ページ前後移動リンク群ボックス全体
		▼ページ番号リンク群ボックス全体
		▼限定解除リンク(＝HOMEに戻るリンク)

	■フリースペース領域

	■サブ領域
		▼ハッシュタグリスト区画
		▼日付別リスト区画

	■ページ最下部(フッタ)領域
*/

/* ============== */
/* ■全体共通装飾 */
/* ============== */

html { 
    background : #ffffff url("../../sozai/haikeiyou.jpg") repeat fixed;
    font-family: "Rounded Mplus 1c","Noto Color Emoji", cursive;
    text-decoration: none ;
    color: black;
	font-size: 12.0px;
	padding: 0px 10px 0px 10px;
    /*! text-align: ; */
}

p.dekamozi{
	margin: 40px 0px 0px 0px;
	font-size: 26px;
text-align:center; 
	font-family: "Rounded Mplus 1c", cursive;
	letter-spacing: 2px;
		font-weight: 500;

}

#wave div {text-align:center;}

.box{
vertical-align:112%;
}

.boxg{
vertical-align:baseline;
}




	/* -------------- */
	/* ▼リンクの装飾 */
	/* -------------- */
	a:link { color: #000000; }	/* 未訪問リンク */
	a:visited { color: #777777; }	/* 既訪問リンク */
	a:hover { color: #FF1493; }	/* マウスが載ったとき */

	/* ------------------------- */
	/* ▼URLが書かれた場合の装飾 */
	/* ------------------------- */
	.url {
		word-wrap: break-word;		/* 自動リンクのはみ出しを防ぐ */
		overflow-wrap: break-word;
	}

	/* ---------------------------------------------- */
	/* ▼汎用装飾(てがろぐ専用記法で書かれた場合のみ) */
	/* ---------------------------------------------- */
	/* D:削除(Delete) */
	.decorationD {
		font-style: strike;
		color: #888;
		text-decoration-color: #0a8;	/* 線の色 */
	}
	/* E:強調(Emphasis) */
	.decorationE {
		font-style: normal;
		font-weight: bold;
	}
	/* S:小文字(Small) */
	.decorationS {
		font-size: 0.8em;
	}
	/* T:極小文字(Tiny) */
	.decorationT {
		font-size: 0.6em;
	}
	/* U:下線(Underline) */
	.decorationU {
		text-decoration-line: underline;	/* 線位置 */
		text-decoration-style: double;		/* 線種類 */
		text-decoration-color: yellowgreen;	/* 線配色 */
	}
	/* -------------- */
	/* ▼埋め込み画像 */
	/* -------------- */
	.embeddedimage {
		max-width: 100%;	/* 横方向にはみ出ないようにする */
		max-height: 489px;	/* 大きくなりすぎないようにする */
		width: auto;	/* 画像サイズを固定したい場合はここに具体的なpx値を指定するのがお勧め */
		height: auto;	/* 高さを固定したい場合を除いて、ここは auto のままにするのがお勧め */
		float:left;
		padding: 0px 20px 0px 0px;
		overflow: visible;
	}
	
	.decorationB .embeddedimage {
		max-width: 100%;	/* 横方向にはみ出ないようにする */
		max-height: 100%;	/* 大きくなりすぎないようにする */
		width: auto;	/* 画像サイズを固定したい場合はここに具体的なpx値を指定するのがお勧め */
		height: auto;	/* 高さを固定したい場合を除いて、ここは auto のままにするのがお勧め */
		float:left;
		padding: 0px 40px 0px 0px;
overflow: visible;}

	.decorationI .embeddedimage {
		max-width: 100%;	/* 横方向にはみ出ないようにする */
		max-height: 100%;	/* 大きくなりすぎないようにする */
		width: auto;	/* 画像サイズを固定したい場合はここに具体的なpx値を指定するのがお勧め */
		height: auto;	/* 高さを固定したい場合を除いて、ここは auto のままにするのがお勧め */
		float:none;
		padding: 0px 0px 15px 0px;
overflow: visible;}

	/* -------------- */
	/* ▼埋め込み動画 */
	/* -------------- */
	@media all and (max-width: 600px) {
		.embeddedmovie {
			max-width: 100%;	/* はみ出ないようにする */
			height: auto;
		}
	}


/* ========================== */
/* ■ページ最上部(ヘッダ)領域 */
/* ========================== */

	/* -------------- */
	/* ▼検索ボックス */
	/* -------------- */
	.searchbox {
		float: center;		/* 右端に寄せる */
		text-align: right;	/* 右寄せにする */
			border-width: 1px;
	border-color: #000000;
	padding: 0px 0px 15px 0px;
	font-weight: bold;
	text-align:center; 
	}

		/* ▽検索対象を限定するチェックボックス */
		.searchtarget {
			margin: 0;
			font-size: 0.85em;
			line-height: 1.3;
		}

.searchbox  p {
	margin: 0.1em 1em;
}

input[type="submit"] {
			background: #ffc04d;
			/*! height: 30px; */
			margin: 5px 7px;
			border: 1px solid;
			border-radius: 1em;
			color: #000000;
			border: 1px solid;
			width: auto;
			padding: 5px 12px;
}

.nolist {
margin: 0px 34px 0px 34px;
}

.queryinput{
	margin: 0px 0px 0px 14px;
	width: 122px;
}

	/* -------------- */
	/* ▼タイトル区画 */
	/* -------------- */
	.pagetitle {
	padding: 10px 10ox;
	text-align:center; 
}

		.pagetitle img[title]{
		margin: 0px 0px 0px 0px;
		}
		
		/* ▽タイトルのリンク */
		.pagetitle a {
	color: black;
	text-decoration: none;
		}
		.pagetitle a:hover {
			text-decoration: underline;
		}

	.pageguide {
		margin: 0;
		text-align:center; 
		background-color: #ffffff;
		margin: 0px 0px 0px 100px;
	}


/* ======================== */
/* ■入力フォームの表示領域 */
/* ======================== */
.postform {
	margin: 15px auto;
	padding: 60px 50px 50px 50px;
	background: #FFD9E4;
	/*! border-style:solid; */ /*! border-width:3px; */ 
	background-clip:padding-box;
	border-radius: 74px; 
	text-align:center; 
	max-width: 490px;
	
}
	@media all and (max-width: 900px) {
			.postform {
			display: block;
			margin: 0px 0px 30px 0px;
			padding: 28px;
            box-shadow: none;
		}
					body {
	background-image : none;
	font-family: "Rounded Mplus 1c","Noto Color Emoji", cursive;
	color: black;
    margin: 0;
}
	}

.postform p {
	margin: 0;
}
	/* -------------- */
	/* ▼本文入力区画 */
	/* -------------- */
	.line-textarea {
		/* display: inline-block; */
	}

		/* ……………… */
		/* ▼本文入力欄 */
		/* ……………… */
		textarea.tegalogpost {
			font-size: 12px;
			box-sizing: border-box;
			width: 30em;
			max-width: 100%;
			height: 4.3em;
			overflow-wrap: break-word;
			overflow: auto;
			font-family: "Rounded Mplus 1c","Noto Color Emoji", cursive;
		}
			/* ▽プレースホルダ(※入力文字数ゼロの際だけ見える薄文字)の装飾 */
			textarea.tegalogpost:placeholder-shown { color: #777; }			/* 通常時 */
			textarea.tegalogpost:focus:placeholder-shown { color: #bbb; }	/* カーソルが入ったとき */
			textarea.tegalogpost:-ms-input-placeholder { color: #aaa; }		/* for IE */

	/* ------------------------------------------------ */
	/* ▼投稿コントロール部分(ボタンや字数カウンタなど) */
	/* ------------------------------------------------ */
	.line-control {
		margin: 0.25em 0;
		display: inline-block;
	}

	/* ------------ */
	/* ▼投稿ボタン */
	/* ------------ */
	.postbutton {
		font-size: 1rem;
		font-weight: bold;
		font-family: "Rounded Mplus 1c","Noto Color Emoji", cursive;
	}

	/* ------------------ */
	/* ▼文字装飾ボタン群 */
	/* ------------------ */
	/* 掲載領域全体 */ .decoBtns { display: inline-block; margin-top: 0.5em; }
	/* 全ボタン装飾 */ .decoBtns input { min-width: 26px; min-height: 26px; margin:2px; background-color:#fff5f2; border: 0px solid #aaa; cursor: pointer; border-radius: 3px; font-size: 12px; vertical-align: middle; font-family: "Rounded Mplus 1c","Noto Color Emoji", cursive;}
	/* マウス載る際 */ .decoBtns input:hover { background-color:#ffbdd6; /*! border-color: #ffd2d2; */ }
	/* 太字  :B */ .decoBtnB { font-weight: bold; }
	/* 取消線:D */ .decoBtnD { text-decoration: line-through; text-decoration-color: red; text-decoration-style: double; }
	/* 強調  :E */ .decoBtnE { font-weight: bold; color: blue; }
	/* 斜体  :I */ .decoBtnI { font-style: italic; }
	/* 引用  :Q */ .decoBtnQ {  }
	/* 小さめ:S */ .decoBtnS {  }
	/* 極小  :T */ .decoBtnT { font-size: 11px !important; }
	/* 下線  :U */ .decoBtnU { text-decoration: underline; text-decoration-color: red; }
	/* 文字色:C */ .decoBtnC { color: red; }
	/* 背景色:M */ .decoBtnM { color: blue; }

	/* ………………………… */
	/* ※狭い画面用の上書き */
	/* ………………………… */
	@media all and (max-width: 900px) {
		.line-textarea {
			display: block;
		}
	}


/* ====================== */
/* ■メイン(ログ掲載)領域 */
/* ====================== */
.mainarea {
	margin: 80px auto;
	padding: 40px 50px;
	background: #FFEE8EF0;
	/*! border-style:solid; */ border-width:3px; 
	background-clip:padding-box;
	border-radius: 101px; 
	/*! max-width: percentage; */
	/*! percentage: 50px; */
	width: 80;
	max-width: 490px;
	position: center;
	position: abso left: 50%;
	height: auto;
}

		.mainarea img {
		margin: 10px 0px 10px 0px;
		}
		
		.mainarea img:hover {
			transform: translate(1px,1px);
}

	.cemoji img {
	margin:0px;
	}

	.cemoji img:hover {
	transform: none;
	}

	/* ………………………… */
	/* ※狭い画面用の上書き */
	/* ………………………… */
	@media all and (max-width: 900px) {
			.mainarea {
			display: block;
			margin: 25px auto;
			padding: 20px 10px 10px 10px;
            box-shadow: none;
		max-width: 400px;
			border-radius: 74px; 
		}
					body {
	background-image : none;
	font-family: "Rounded Mplus 1c","Noto Color Emoji", cursive;
	color: black;
    margin: 0;
}
	}
	
	/* ------------------------------------------ */
	/* ▼表示対象の限定時などの「限定条件」表示行 */
	/* ------------------------------------------ */
	.situation {
    margin: 26px;
    padding: 4px 2em;
    font-weight: bold;
    font-size: 1.1em;
    color: white;
    background-color: #ff577b;
	border-radius: 2px;
    text-align: center;	/* 右寄せにする */
}
	}
	.situation::before {
		content: '▼';			/* 先頭記号 */
	}
	
	.situation:empty { display: none; }	/* 限定表示がない場合 */

	/* -------------- */
	/* ▼日付境界バー */
	/* -------------- */
	.dateseparator {
		border-width: 1px 0px;
		border-style: dashed;
		border-color: #000000;
		color: #000000;
		margin: 25px 30px 25px 30px;
		padding: 10px;
		font-weight: bold;
	}

	/* ▼日付境界バーの表示文字列の先頭に付加する記号 */
	.dateseparator::before {
		content: '▽';
	}

	/* ▼日付境界バー内のリンク */
	.dateseparator a {
		display: inline-block;
		font-size: 0.6em;
		margin: 0 1em;
		font-weight: normal;
	}


/* ================================ */
/* ■投稿ボックス(一発言)ごとの表示 */		/* ※この領域は、内側スキンで生成しているHTMLに対する装飾です。 */
/* ================================ */
.onelogbox {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: 30px 0px 30px 0px;
	padding: 10px 0px 10px 0px;
}

@media all and (max-width: 900px) {
.onelogbox {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: 30px 0px 30px 0px;
	padding: 10px 0px 10px 0px;
	font-size: 115%;
	}
	.comment {
		margin: 10px 0px 10px 0px;
		line-height: 1.5;
		overflow: hidden;
		font-size: 90%;
	}
	.onehaad {
		margin: 0px 0px 0px 26px;
	}
	.newsign {
			display: inline-block;
			color: #f55;
			font-size: 80%;
			margin-right: 0em;
		}
	.date {
				margin: 0px 0px 0px 0px;
				font-size: 95%;
			}

	}
	
	/* -------- */
	/* ▼ヘッダ */
	/* -------- */
	.onehaad {
		margin: 0px 0px 0px 26.5px;
	}
#		/* …………… */
#		/* ▽先頭矢印 */
#		/* …………… */
#		.arrow {
#			color: #cec;
#			font-size: 1.2em;
#			vertical-align: middle;
#		}

		/* …………… */
		/* ▽投稿日時 */
		/* …………… */
		.postdate {
			font-weight: bold;
		}
			/* 日付 */
			.date {
				font-size: 1.1em;
				margin: 0.5em 0 0 0.75em;
			}
			/* 時刻 */
			.time {
				font-size: 0.85em;
			}

		/* …………………… */
		/* ▽New!サイン部分 */
		/* …………………… */
		.newsign {
			display: inline-block;
			color: #f55;
			font-size: 80%;
			margin-right: 0.35em;
		}
		

	/* ---------- */
	/* ▼投稿本文 */
	/* ---------- */
	.comment {
		margin: 0.5em 3em;
		line-height: 1.5;
		overflow: hidden;
	}

		/* ……………………………………………… */
		/* ▽本文内に含まれるハッシュタグリンク */
		/* ……………………………………………… */
		.comment .taglink {
			display: inline-block;	/* インラインブロック化 */
			text-decoration: none;	/* 下線を消す */
			word-break:break-all;	/* 自動リンクのはみ出しを防ぐ */
		}
		/* ▼ハッシュタグリンクにマウスが載ったとき */
		.comment .taglink:hover {
			text-decoration: underline;		/* 下線を引く */
		}


/* 
/* ============================================================ */
/* ■鍵付き(パスワード保護)投稿に表示される鍵入力フォームの装飾 */
/* ============================================================ */
/* 

	/* ▼送信ボタン */
		.passkeysubmit {
			background: #ffc04d;
			height: 20px;
			margin-right: 12px;
			border: 1px solid;
			border-radius: 1em;
			color: #000000;
			border: 1px solid;
		}

/* ====================================================================== */
/* ■一発言だけが表示される際に追加表示されるユーティリティリンク群の装飾 */
/* ====================================================================== */
.utilitylinks {
	margin: 2em 1em 1em 1em;
	padding: 0.5em;
	border: 1px dotted #7a7;
	border-radius: 1em;
	background-color: white;
	font-size: 0.9em;
}
.utilitylinks ul {
	color: darkgreen;
}


/* ========================== */
/* ■ページナビゲーション領域 */
/* ========================== */
.pagenavi {
	/*! border-width: 1px; */
	/*! border-style: dashed; */
	border-color: #000000;
	margin: 9px 13px;
	padding: 15px 5px;
	text-align:center; 
	font-size: 15px;
}
/*.pagenavi p {
	margin: 0.1em 1em;
} */

	/* ------------------------------------ */
	/* ▼ページ前後移動リンク群ボックス全体 */
	/* ------------------------------------ */
	.pagelinks {
		margin: 0.75em;		/* 外側の余白 */
	}

	/* ▼ページ移動リンクの文字 */
	.pagelinks a {
		font-weight: bold;
	}
	.pagelinks a:hover {
		color: green;
		text-shadow: 1px 1px 1px lime;
	}

	/* -------------------------------- */
	/* ▼ページ番号リンク群ボックス全体 */
	/* -------------------------------- */
	.pagenums {
		margin: 2px 7px;
	}

	/* ▼ページ番号リンクの数字 */
	.pagenums a.pagenumlink {
		color: #000000;
		display: inline-block;
		margin: 3px 0px 3px 3px;
		width: 28px;
		height: 28px;
		font-weight: 600;
		font-size: 15px;
		line-height: 26px;
		letter-spacing: -0.5px;
}

	/* ▽現在のページ番号の装飾 */
	a.pagenumhere {
		display: inline-block;
		text-decoration: none;
		margin: 3px 2px;
		width: 28px;
		height: 28px;
		border: none;
		border-radius: 10%;
		background-color: #ff7a92;
		color: #ffffff;
		font-weight: 600;
		font-size: 15px;
		line-height: 26px;
		letter-spacing: -0.5px;
}


	/* ▽ページ番号リンクにマウスが載った際の装飾 */
	a.pagenumlink:hover {
	color: #ec4b6c;
	}



	/* ------------------------------------ */
	/* ▼限定解除リンク(＝HOMEに戻るリンク) */
	/* ------------------------------------ */
.pagehome {
		margin: 50px 2px 20px 2px;
		font-weight: bold;
}


	/* -------------------- */
	/* ▼カテゴリツリー区画 */
	/* -------------------- */


.cattree .catlink {
  display: inline-block;
  text-decoration: none;
  width: auto;
  height: 23px;
  border: none;
  font-size: 12.5px;
	letter-spacing: 0px;
	margin-right: 5px;
	line-height: 23px;
	font-weight: bold;
	border-radius: 10%;
	left: -7px;
  position: relative;
	}

	/* ▽ページ番号リンクにマウスが載った際の装飾 */
.cattree .catlink:hover {
	background-color: #ec4b6c;
	color: #ffffff;
}

.cattree { list-style-type:none; }

.cattree li { display:inline-block; }

.cattree .num { display:none; }

.cattree .catlink .cat-megaten:hover {
	background-color: #e1516c;
	color: #ffffff;
}

.cattree .catlink .cat-s1sc:hover {
	background-color: #e1516c;
	color: #ffffff;
}

.cattree .catlink .cat-saga:hover {
	background-color: #e1516c;
	color: #ffffff;
}

.cattree .catlink .cat-inti:hover {
	background-color: #e1516c;
	color: #ffffff;
}

.cattree .catlink .cat-megaten {
	padding: 2px 7px;
	background-color: #ff7a92;
	color: #ffffff;}

.cattree::before {
content: url("../../sozai/mushimegane.png");
  position: relative;
  left: -11px;
  top: 6px;
  display: inline-block;
}

.cattree .catlink .cat-s1sc {
	padding: 2px 7px;
	background-color: #ff7a92;
	color: #ffffff;}

.cattree .catlink .cat-saga {
	padding: 2px 7px;
	background-color: #ff7a92;
	color: #ffffff;}

.cattree .catlink .cat-inti {
	padding: 2px 7px;
	background-color: #ff7a92;
	color: #ffffff;}


/* ========================== */
/* ■ページ最下部(フッタ)領域 */
/* ========================== */
footer {
	margin: 3em 0 5em 0;
	text-align: center; 
}
footer p {
	margin: 0;
	padding: 5px 0;
}

	/* ▼リンク群区画 */
	.backlink {
		border-width: 10px 0px;
		border-style: solid;
		border-color: #cec;
		padding: 1em;
	}

	/* 著作権表示(Poweredby)のデザイン */
	.poweredby { margin: 0; font-size: 0.8em; text-align: right; }


/* ---------------------- */
	/* ▼カード型リンクの装飾 */
	/* ---------------------- */
	.cardlink {
		display: inline-block;
		width: 100%;
		max-width: 500px;               /* 最大幅 (※横幅を制限したくない場合はこれを削除して下さい) */
		padding: 0 0.25em 0.5em 0;      /* 内側の余白量 */
		font-size: 0.9rem;              /* 文字サイズ */
		text-decoration: none;          /* リンク文字の下線を消す */
		vertical-align: middle;         /* 行内の上下方向では中央配置 */
	}

		/* ------------------------------------- */
		/* リンクカードの装飾(サイズS/L共通部分) */		/* ※後述の「サイズS用の追記」や「サイズL用の追記」と合わせて、1つのカードデザインになります。 */
		/* ------------------------------------- */
		/* カード外枠 */
		.cardlinkbox {
			border: 1px solid #ccc;    /* 枠線 */
			border-radius: 7px;        /* 角丸 */
			background-color: white;   /* 背景色 */
			display: flex;             /* 内部レイアウトのFlexbox化 */
		}
		/* (マウスが載ったとき) */
		.cardlinkbox:hover {
			background-color: #f5fff5; /* 背景色 */
			border-color: #8c8;        /* 枠線色 */
		}
			/* ▽リンクカード内の画像枠 (※読み込まれたog:imageは、この枠に《背景画像として》描画されます) */
			.cardlinkimage {
				background-image: linear-gradient(-30deg, #8a8, #e0f0e0);  /* プレースホルダ的な背景グラデーション(※og:imageの画像指定が読み込まれたら、この値は上書きされます) */
				background-size: cover;             /* 背景画像で枠を埋める */
				background-position: center center; /* 背景画像を中央に寄せる */
				background-repeat: no-repeat;       /* 背景画像を繰り返さない */
			}
			/* ▽リンクカード内のテキスト枠 */
			.cardlinktextbox {
				display: flex;          /* Flexbox化 */
				flex-direction: column; /* 子要素を縦方向に並べる */
				padding: 0.5em 1em;     /* 内側の余白量 */
			}
				/* ▽リンクカードのテキスト枠内の3要素共通 */
				.cardlinktitle,
				.cardlinkdescription,
				.cardlinkurl {
					/* ↓表示行数を制限するための準備 (※システム側では文字数は制限せずに「記述されている全文字」をHTMLに出力しますので、表示分量を制限したい場合はCSSで制御する必要があります。) */
					display: -webkit-box;          /* -webkit-line-clampを使うために必要な記述1 ※A */
					-webkit-box-orient: vertical;  /* -webkit-line-clampを使うために必要な記述2 ※A */
					overflow: hidden;              /* 表示量を制限する場合に必須の記述 */
					/* ↓制限の仕様 */
					line-clamp: 1;                 /* 1行だけ見せる (将来的にはこれだけで実現可能かも) */
					-webkit-line-clamp: 1;         /* 1行だけ見せる (今のブラウザにはこちらが必要で、そのためには上記「※A」も必要) */
					text-overflow: ellipsis;       /* 省略記号(三点リーダー) */
				}
				/* リンクタイトル */
				.cardlinktitle {
					padding-bottom: 0.25em;        /* 内側下端の余白量 */
				}
				/* リンク概要文 */
				.cardlinkdescription {
					line-height:1.3;               /* 行の高さ */
					color:#555;                    /* 文字色 */
					line-clamp: 2;                 /* (既存指定の上書き) 最大2行まで見せる */
					-webkit-line-clamp: 2;         /* (既存指定の上書き) 最大2行まで見せる */
				}
				/* リンクドメイン */
				.cardlinkurl {
					color: #999;                   /* 文字色 */
				}

		/* ----------------------------------- */
		/* リンクカードの装飾(サイズS用の追記) */		/* 前述の「サイズS/L共通部分」と合わせて、1つのカードデザインになります。 */
		/* ----------------------------------- */
		.cardsize-S {
			flex-direction: row;                /* 画像とテキストは横に並べる(Flexbox) */
		}
			/* ▽リンクカード内の画像枠 */
			.cardsize-S .cardlinkimage {
				min-width: 100px;           /* 最小の横幅 */
				min-height: 100px;          /* 最小の高さ */
				border-radius: 6px 0 0 6px; /* 左側だけ角丸 */
				flex-shrink: 0;             /* 枠サイズを自動縮小させない */
			}
			/* ▽リンクカード内のテキスト枠 */
			.cardsize-S .cardlinktextbox {
				border-left: 1px solid #ccc; /* 左側の枠線 */
				justify-content:center;      /* Flexboxの上下方向での中央寄せ */
			}
				/* ▽リンクカードのテキスト枠内の3要素 */
				.cardsize-S .cardlinktitle { order: 2; }        /* タイトルは、2番目に表示 */
				.cardsize-S .cardlinkdescription { order: 3; }  /* 概要文　は、3番目に表示 */
				.cardsize-S .cardlinkurl { order: 1; }          /* ドメインは、1番上に表示 */

		/* ----------------------------------- */
		/* リンクカードの装飾(サイズL用の追記) */		/* 前述の「サイズS/L共通部分」と合わせて、1つのカードデザインになります。 */
		/* ----------------------------------- */
		.cardsize-L {
			flex-direction: column;             /* 画像とテキストは縦に並べる(Flexbox) */
		}
			/* ▽リンクカード内の画像枠 */
			.cardsize-L .cardlinkimage {
				aspect-ratio: 1.91 / 1;     /* 画像枠の縦横比を指定= (横)1.91：(縦)1 */
				width: 100%;                /* 横幅は枠最大に拡げる */
				height: auto;               /* 高さは自動計算 */
				border-radius: 6px 6px 0 0; /* 上側だけ角丸 */
			}
			/* ▽リンクカード内のテキスト枠 */
			.cardsize-L .cardlinktextbox {
				border-top: 1px solid #ccc; /* 上側の枠線 */
			}
				/* ▽リンクカードのテキスト枠内の3要素 */
				.cardsize-L .cardlinktitle { font-weight: bold; }        /* 太字 */
				.cardsize-L .cardlinkdescription { min-height: 2.5em; }  /* 内容量が少ない場合でも一定の高さを確保 */
				.cardsize-L .cardlinkurl {
					border-top: 1px solid #ddd;  /* 上側の枠線 */
					margin-top:0.5em;            /* 上側の枠線より上の余白量 */
					padding-top:0.5em;           /* 上側の枠線より下の余白量 */
					font-size:0.75rem;           /* 文字サイズ(小さめ) */
				}


/* End of file */