@charset "utf-8";
/* CSS Document


------------------------------------------------------------------ */

.pane-left-menu,main,footer { -webkit-text-stroke-width: .2px!important;}
h1.block-page-caption--text {	font-size: 16px!important;	padding: 0 10px!important;	border: none!important;}

/* =============================================================
	basic setting
================================================================ */

[class*="block-o-top"] * { box-sizing: border-box;}
[class*="block-o-top"] img { border: 0; vertical-align: bottom; width: 100%; height: auto;}

[class*="block-o-top"] {
	/* margin-bottom */
	--margin-ll: 70px;/* 5 */
	--margin-l: 56px;/* 4 */
	--margin-m: 42px;/* 3 */
	--margin-s: 28px;/* 2 */
	--margin-ss: 20px;/* 1.5 */
	--margin-xs: 14px;/* base */
	
	/* 大枠用padding */
	--blk-padding: 20px;
	
	/* 4-2用 */
	--box4-2gap: 14px;
	
	/* font-sise */
	--font-ll: 24px;
	--font-l: 20px;
	--font-m: 18px;
	--font-base: 16px;
	--font-s: 14px;
	--font-ss: 12px;

	/* 色設定 */
	--acc-clr: #F97C00;
	--acc-clr: 249,124,0;
}
@media screen and (min-width: 900px) {
	[class*="block-o-top"] {	
		/* margin-bottom */
		--margin-ll: 80px;/* 5 */
		--margin-l: 64px;/* 4 */
		--margin-m: 48px;/* 3 */
		--margin-s: 36px;/* 2 */
		--margin-ss: 24px;/* 1.5 */
		--margin-xs: 16px;/* base */
		
		/* 大枠用padding */
		--blk-padding: 42px;
		
		/* 4-2用 */
		--box4-2gap: 20px;		
	
		/* font-sise */
		--font-ll: 28px;		
		--font-l: 24px;		
		--font-m: 20px;		
		--font-base: 18px;
		--font-s: 16px;
		--font-ss: 14px;
	}
}


/* block
------------------------------------------ */
[class*="block-o-top"] {
	width: 100%;
	max-width: 1200px;
	padding: var(--margin-m) var(--blk-padding) var(--margin-ss);
	margin: 0 auto;
	
	background-color: #f7f6ee;
}
.block-o-top-menu {
	padding: 5px;
	background-color: #fff;
}

/* text
-------------------------------- */
[class*="block-o-top"] p,
[class*="block-o-top"] [class*="itemBox"] li {
	font-size: var(--font-base);
	margin-bottom: 1em;
	line-height: 1.6;
}
[class*="block-o-top"] .period-txt {
	font-size: var(--font-base);
	margin-bottom: 2em;
	line-height: 1.8;
}

/* font-color */
[class*="block-o-top"] .attention01 {	color: rgba(var(--acc-clr));}

/* 改行 */
[class*="block-o-top"] .spbr { display: block;}
[class*="block-o-top"] .pcbr { display: none;}
@media screen and (min-width: 900px) {
	[class*="block-o-top"] .spbr { display: none;}
	[class*="block-o-top"] .pcbr { display: block;}
}

/* contents title img
------------------------ */
[class*="block-o-top"] .logo_contents {
	width: 80%;
	max-width: 360px;
	margin-bottom: var(--margin-s);
}

/* sub title
------------------------ */
[class*="block-o-top"] .subttl-o-top01 { font-size: var(--font-ll); margin-bottom: 2em; font-weight: bold;}
[class*="block-o-top"] .subttl-o-top02 { font-size: var(--font-l); margin-bottom: 2em; font-weight: bold;}
[class*="block-o-top"] .subttl-o-top03 { font-size: var(--font-m); margin-bottom: 2em; font-weight: bold;}
[class*="block-o-top"] [class*="subttl-o-top"] { margin-bottom: 1em; line-height: 2em;}

/* botton
------------------------ */
[class*="block-o-top"] .btn-h_bdr01 a { font-size: var(--font-base); line-height: 1.3;background-color: #fff;}

/* =============================================================
	list / flex-box
================================================================ */
[class*="block-o-top"] [class*="thumb_"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

/* Topics thumbnail
------------------------- */
[class*="block-o-top"] .thumb_4-2 {	gap: var(--box4-2gap);}
[class*="block-o-top"] .thumb_4-2 li {
	width: 48%; width: calc(100%/2 - 16px);}

@media screen and (min-width: 900px) {
	[class*="block-o-top"] .thumb_4-2 li {
		width: 23.5%;
		width: calc(100%/4 - 16px);
	}
}

/* nav-botton
---------------------------------------- */
.block-o-top-menu .thumb_pagenav { gap:var(--margin-xs);}

.block-o-top-menu .thumb_pagenav li {
	width: 48%;
	width: calc(100%/2 - 14px);
}
.block-o-top-menu .thumb_pagenav li a {
	display: inline-flex;
	font-size: var(--font-s);
	width: 100%;
	height: 4em;
	padding: 5px;
	margin-bottom: 16px;
	align-items: center;
	background-color: #f7f6f1;
	border: 1px solid #eae3c2;
	border-radius: 10px;
}
.block-o-top-menu .thumb_pagenav li a:hover {
	background-color: #eae3c2;
	text-decoration: none;
}

.block-o-top-menu .thumb_pagenav li a img {
	width: 20px;
	margin-right: 10px;
}
.block-o-top-menu .thumb_pagenav li a span {
	width: auto;
	line-height: 1.4;
	font-weight: bold;
}
@media screen and (min-width: 900px) {
	.block-o-top-menu .thumb_pagenav li {
		width: 23.5%;
		width: calc(100%/4 - 14px);
	}
}


/* =============================================================
	section / flex-box（plane）
================================================================ */
/* flex-box
------------------------ */
[class*="block-o-top"] [class*="flx"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}
/* 並び順逆 */
[class*="block-o-top"] .flx-reverse { flex-direction: row-reverse; flex-direction: column-reverse;}
[class*="block-o-top"] .flx-r-reverse { flex-direction: row-reverse;}
[class*="block-o-top"] .flx-c-reverse { flex-direction: column-reverse;}

/* 横並び */
[class*="block-o-top"]  [class*="flx"].flx-center { justify-content: center;}
[class*="block-o-top"]  [class*="flx"].flx-sb { justify-content: space-between;}

/* 縦揃え */
[class*="block-o-top"]  [class*="flx"].align-center { align-items: baseline;}
[class*="block-o-top"]  [class*="flx"].align-bottom { align-items: flex-end;}

/* 分割
----------------- */
[class*="block-o-top"] [class*="flx"] div,
[class*="block-o-top"] [class*="flx"] li,
[class*="block-o-top"] [class*="flx"] figure,
[class*="block-o-top"] [class*="flx"] .block-page-block--contents-body-imgtext-1column-text,
[class*="block-o-top"] [class*="flx"] .block-page-block--content-textarea {
	width: auto;
	padding: 0 10px;
	margin: 0 0 var(--margin-s);
}
@media screen and (min-width: 900px) {

	/* 1:1 */
	[class*="block-o-top"] [class*="flx"] div,
	[class*="block-o-top"] [class*="flx"] li,
	[class*="block-o-top"] [class*="flx"] figure,
	[class*="block-o-top"] [class*="flx"] .block-page-block--contents-body-imgtext-1column-text,
	[class*="block-o-top"] [class*="flx"] .block-page-block--content-textarea {
		width: 45%;
		width: calc(100%/2 - 50px);
		margin-bottom: var(--margin-s);
		box-sizing: border-box;
	}
	
	[class*="block-o-top"] [class*="flx"] .block-page-block--contents-body-imgtext-1column-text,
	[class*="block-o-top"] [class*="flx"] .block-page-block--content-textarea {
		background-color: #999;}	

	/* 7:3 */
	[class*="block-o-top"] [class*="flx"] .w30 { width: 30%;}
	[class*="block-o-top"] [class*="flx"] .w70 { width: 65%;}
	/* 6:4 */
	[class*="block-o-top"] [class*="flx"] .w40 { width: 40%;}
	[class*="block-o-top"] [class*="flx"] .w60 { width: 55%;}	
	
/* 等幅分割・一列（最新記事など） */
	[class*="block-o-top"] .flx-topics {
		flex-wrap: nowrap;	flex-direction: row;}
	[class*="block-o-top"] .flx-topics div,
	[class*="block-o-top"] .flx-topics li {
		width: auto;	flex-grow: 1;}
}

/* =============================================================
	CMS使用
================================================================ */

.block-page-block--contents-body-imgtext-1column > a {display: inline;}

/* SP　P：後ろ配置 */
@media screen and (max-width: 899px) {
	[class*="block-o-top-cms"].c-reverse .block-page-block--contents-body-imgtext-1column {
		display: flex; flex-direction: column-reverse!important;}

	[class*="block-o-top-cms"] .block-page-block--contents-body-imgtext-1column figure {
		padding-bottom: var(--margin-s);}
}

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

	[class*="block-o-top-cms"] .block-page-block--contents-body-imgtext-1column,
	[class*="block-o-top-cms"] .block-page-block--contents-body-text-2column {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
		margin: 0 -25px;
	}
	
	/* 画像：右 */
	[class*="block-o-top-cms"].r-reverse .block-page-block--contents-body-imgtext-1column {
		flex-direction: row-reverse;}
	
	/* 縦揃え */
	[class*="block-o-top-cms"].a-center .block-page-block--contents-body-imgtext-1column {
		align-items: center;}
	[class*="block-o-top-cms"].a-bottom .block-page-block--contents-body-imgtext-1column {
		align-items: flex-end;}

	/* 1:1 */
	[class*="block-o-top-cms"] .block-page-block--contents-body-imgtext-1column figure,
	[class*="block-o-top-cms"] .block-page-block--contents-body-imgtext-1column .block-page-block--contents-body-imgtext-1column-text,
	[class*="block-o-top-cms"] .block-page-block--contents-body-imgtext-1column .block-page-block--content-textarea {
		width: 47.5%;
		width: calc(100%/2 - 25px);
		padding: 0 25px;
		margin: 0;
		margin-bottom: var(--margin-s);
		box-sizing: border-box;
	}
	/* p3:txt7 */
	.block-o-top-cms-p3 .block-page-block--contents-body-imgtext-1column {}
	.block-o-top-cms-p3 .block-page-block--contents-body-imgtext-1column figure { width: 30%;}
	.block-o-top-cms-p3 .block-page-block--contents-body-imgtext-1column .block-page-block--contents-body-imgtext-1column-text { width: 65%;}

	/* p4:txt6 */
	.block-o-top-cms-p4 .block-page-block--contents-body-imgtext-1column {}
	.block-o-top-cms-p4 .block-page-block--contents-body-imgtext-1column figure { width: 40%;}
	.block-o-top-cms-p4 .block-page-block--contents-body-imgtext-1column .block-page-block--contents-body-imgtext-1column-text { width: 55%;}

	/* p6:txt4 */
	.block-o-top-cms-p6 .block-page-block--contents-body-imgtext-1column {}
	.block-o-top-cms-p6 .block-page-block--contents-body-imgtext-1column figure { width: 60%;}
	.block-o-top-cms-p6 .block-page-block--contents-body-imgtext-1column .block-page-block--contents-body-imgtext-1column-text { width: 35%;}

	/* p7:txt3 */
	.block-o-top-cms-p7 .block-page-block--contents-body-imgtext-1column {}
	.block-o-top-cms-p7 .block-page-block--contents-body-imgtext-1column figure { width: 70%;}
	.block-o-top-cms-p7 .block-page-block--contents-body-imgtext-1column .block-page-block--contents-body-imgtext-1column-text { width: 25%;}

}


/* =============================================================
	暮通
================================================================ */
[class*="block-o-top"] .sec_topics-k-times {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 1200px;
	padding: 0 0 10px;
	background-color: rgba(248,247,239,1.0);
}

/* 暮通　TOP用 */
.pagettl_wrglab-kure { width: 100%; margin-bottom: 30px;}
.pagettl_wrglab-kure img { max-width: 350px;}

[class*="block-o-top"] .sec_topics-k-times .newtopics {
	width: 100%;
	max-width: 420px;
	padding: var(--margin-ss);
	margin: 0 auto var(--margin-s);
	background-color: rgba(254,242,226,1.0);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	aspect-ratio: 1/1;
	text-align: center;
	box-sizing: border-box;
	position: relative;
}
[class*="block-o-top"] .sec_topics-k-times .newtopics a {
	display: block;
/*	height: 90%;*/
	padding-top: var(--margin-ss);
	background: url("/hds_img/oyakudachi/kuretsu/line_kuretsu.gif") left top repeat-x;

}
[class*="block-o-top"] .sec_topics-k-times .newtopics .volnum { display: block; font-size: var(--margin-s); margin: 0.5em;}
[class*="block-o-top"] .sec_topics-k-times .newtopics .volnum span { font-size: var(--font-m);}
[class*="block-o-top"] .sec_topics-k-times .newtopics .voltitle { display: block; font-size: var(--font-ll); height: 6.4em;}
[class*="block-o-top"] .sec_topics-k-times .newtopics .volnote {
 	display: block;
	text-align: center;
	font-size: var(--font-s);
}
[class*="block-o-top"] .sec_topics-k-times .date {
	width: 94%;
	max-width: 420px;
	margin: 0 auto 10px;
	font-size: var(--font-ss);
}
[class*="block-o-top"] .sec_topics-k-times .txt-newtopics {
	width: 94%;
	max-width: 550px;
	margin: 0 auto;
}
[class*="block-o-top"] .sec_topics-k-times .txt-newtopics p {
	font-size: var(--font-base);
	line-height: 1.8em;
}

[class*="block-o-top"] .sec_topics-k-times .btn_k-times01 {
	width: 100%;
	padding: 50px 0;
	text-align: center;
}
[class*="block-o-top"] .sec_topics-k-times .btn_k-times01 a {
	display: block;
	width: 270px;
	white-space: nowrap;
	padding: 15px;
	margin: 0 auto;
	border-radius: 3px;
	border: 1px solid #b6b5b4;
	background-color: #fff;
	color: #4b4746;
	font-size: var(--font-s);
}
[class*="block-o-top"] .sec_topics-k-times .hd_txtR img,
[class*="block-o-top"] .block-page-block--content-textarea .hd_txtR img {
	width: 26px!important;
	height: auto;
	vertical-align: middle;
	margin-left: 8px;
}


@media screen and (min-width: 900px) {
	[class*="block-o-top"] .sec_topics-k-times { padding: 40px;}
	[class*="block-o-top"] .sec_topics-k-times .newtopics { width: 40%; margin: 0 30px;}
	[class*="block-o-top"] .sec_topics-k-times .txt-newtopics {
		width: 58%;
		width: -webkit-calc(60% - 61px);
		width: calc(60% - 61px);
		margin: 0;
	}
	[class*="block-o-top"] .sec_topics-k-times .date {
		width: 100%;
		max-width: 980px;
	}
/*	.sec_topics-k-times .newtopics .voltitle { font-size: 26px;}*/
}