@charset "UTF-8";
/* CSS Document */
/*------------------------------
	記事本体
------------------------------*/
h2{ /* コラムタイトル */
	width: 100%;
	font-size: 25px;
	margin-top: 25px;
}
h3{ /* サブタイトル */
	width: 100%;
	font-size: 20px;
	margin: 10px 0 15px;
	padding: 0.25em 0.5em;
	background: transparent;
	border-left: solid 8px #F9B8A0;
	border-bottom: solid 1px #ccc;
	max-inline-size: max-content;
}
h4{ /* サブサブタイトル */
    margin-bottom: 15px;
    font-weight: bold;
}
.column_area {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0px 50px 0px;
}
.column_detail {
	width: 100%;
	margin: 10px 0px;
	font-size: 16px;
}
.column_detail p {
	margin-bottom: 15px;
}
.column_img {
	width: 100%;
	margin: 10px 0;
	height: auto;
}
/*------------------------------
	この記事をシェアする
------------------------------*/
.column_share_area {
	width: 100%;
}
.column_share {
	position: relative;
	display: block;
	width: 90%;
	height: 80px;
	margin: 0 auto;
	background: #F2F2F3;
	border: 1px solid #AFD6D0;
}
.column_share_title { /* この記事をシェアする */
	position: absolute;
	top: 27px;
	left: 10px;
	font-size: 18px;
}
.column_share_img { /* SNSアイコン */
	position: absolute;
	top: 27px;
	right: 10px;
}
/*------------------------------
	おすすめアイテム
------------------------------*/
.recommend_area {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	margin: 30px 0px;
}
.recommend_title { /* おすすめ業務用・店販用アイテム */
	margin: 0 auto;
	font-size: 25px;
}
.recommend {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin: 15px 0px;
}
.recommend a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 25%;
}
.recommend_img {
	width: 95%;
	height: 149px;
	border: 1px #b7b7b7 solid;
}
.recommend_item { /* 商品名 */
	width: 95%;
	font-size: 15px;
}
.recommend_comment { /* ※ご購入には登録が必要です。 */
	margin: 0px 0px 10px 0px;
	margin-left: auto;
	font-size: 15px;
}
.recommend_img_btn {
	margin: 0 auto;
}
/*------------------------------
	関連記事
------------------------------*/
.related_area {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	margin: 30px 0px;
}
.related_title { /* 関連記事 */
	margin: 0 auto;
	font-size: 25px;
}
.related {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin: 15px 0px;
}
.related a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 33.3%;
	margin: 5px 0px 10px 0px;
}
.related_img {
	width: 98%;
	height: 109px;
}
.related_columntitle { /* 記事タイトル */
	box-sizing: border-box;
	width: 98%;
	padding: 3px 0px;
	font-size: 16px;
	font-weight: bold;
}
/*------------------------------
	前のコラム・次のコラム 上
------------------------------*/
.othercolumn_top_area {
	width: 100%;
}
.othercolumn_top_area:after {
	display: block;
	width: 100%;
	height: 2px;
	margin: 0em;
	content: "";
	background: #AFD6D0;
}
.othercolumn_top {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 7px 0px;
}
.prev_next_top {
	margin-right: auto;
}
.prev_next_top span {
	padding: 0px 10px;
}
.prev_next_top a {
	font-size: 15px;
}
.column_date {
	margin-left: auto;
	padding: 0px 10px;
	font-size: 15px;
}
/*------------------------------
	前のコラム・次のコラム 下
------------------------------*/
.othercolumn_bottom_area {
	width: 100%;
}
.prev_next_bottom {
	position: relative;
	display: block;
	width: 90%;
	height: 100px;
	margin: 0 auto;
}
.prev_next_bottom a {
	font-size: 16px;
}
.prev_bottom {
	position: absolute;
	top: 27px;
	left: 10px;
}
.next_bottom {
	position: absolute;
	top: 27px;
	right: 10px;
}