/*
Theme Name: flash Child
Template: flash
Description: flash 子テーマ
Version: 1.0.0.9
*/

:root {
	--main-color: #226b5d;
	--sub-color: #65af24;
	--bg-color: #f5fdfb;
	--bg-shadow-top-color: #84aaa2;
	--bg-shadow-bottom-color: #114a3f;
	--shadow-color: #e5e5e5;
	--font-color: #464646;
	--title-bg-color: #dfead7;
	--tel-icon-path: url(https://column.top-first.jp/wp-content/uploads/2025/03/tel_icon.png);
	--tel-icon-path2: url(https://column.top-first.jp/wp-content/uploads/2025/03/tel_icon2.png);
	--pen-icon-path: url(https://column.top-first.jp/wp-content/uploads/2025/03/pen_icon.png);
}

body {
	font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif !important;
	color: #464646;
}

ul {
	list-style-type: none;
	margin: 0;
}

header {
/*	border-top: 3px solid var(--main-color);*/
	border-bottom: 2px solid var(--main-color);
}

#main header.entry-header {
	border-bottom: none;

}

#id_logo {
	width: 200px;
}

.header-bottom .tg-container {
	align-items: center;
	padding: 10px 0;
}
.header-content {
	flex: 1;
	text-align: right;
	display: flex;
	align-items: center;
}

.header-content > div {
	flex: 1;
}

.header-content span {
/*	display: block;
	line-height: 1;
*/
}

.header-content > div {
/*	display: inline-block;*/
}

.header-content a {
	display: inline-block;
	font-family: Arial !important;
	line-height: 1;
	margin-left: 1.5em;
	cursor: default;
}
.header-content a span {
	font-family: Arial !important;
	font-weight: bold;
	color: var(--sub-color);
	font-size: 30pt;
}

.header-content a img {
	padding: 0;
}

.header-bottom .header-action-container,
.breadcrumb-trail.breadcrumbs .trail-title {
	display: none;
}

.breadcrumb-trail.breadcrumbs {
	background: #fff none repeat scroll 0 0;
	margin: 0;
}
.breadcrumb-trail.breadcrumbs .trail-items {
	float: none;
	display: flex;
}
.breadcrumb-trail.breadcrumbs .trail-items li {
	float: none;
}

#content {
	background: #fafafa;
	padding: 3em 0 5em;
}


/* 投稿記事ページ */

body.single-post #primary {
	width: 74%;
}

body.single-post #primary main article {
	background: #fff;
	padding: 20px;
	box-shadow: 1px 1px 2px var(--shadow-color);
}

body.single-post #primary main article .entry-thumbnail {
	float: none;
	margin: 0;
}

body.single-post #primary main article .entry-thumbnail img {
	width: 100%;
}

body.single-post #secondary {
	width: 22%;
}



/* アーカイブ */

body.archive #primary {
	float: none;
	width: 100%;
	box-sizing: border-box;
}

body.archive #primary #main {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;

	display: block;
}

body.archive #primary #main article {
	width: 32%;
	background: #fff;
	padding: 20px;
	box-shadow: 1px 1px 2px var(--shadow-color);
	box-sizing: border-box;
	margin-right: 2%;
}
body.archive #primary #main article:nth-child(3n) {
	margin-right: 0;
}

body.archive #primary #main #id_archive_list .summary p {
	margin: 0;
}
body.archive #primary #main #id_archive_list .summary p:after {
	content: "[続き]";
}
#bottom-footer {
	background: var(--main-color);
}

/* サイドバー */
aside#secondary {
}

aside#secondary h4 {
	line-height: 1;
	border-left: 3px solid var(--main-color);
	padding-left: 10px;
}

aside#secondary ul {
	margin: 1em 0 2em;
}

aside#secondary ul a {
	display: block;
	color: var(--font-color);
}

aside#secondary ul#id_archive_list {

}

aside#secondary ul#id_archive_list li {
	line-height: 1;
	border-bottom: 1px solid #fff;
	position: relative;
	color: var(--font-color);
}

aside#secondary ul#id_archive_list li:first-child {
	border-top: 1px solid #ddd;
}

aside#secondary ul#id_archive_list li:first-child a {
	border-top: 1px solid #fff;
}

aside#secondary ul#id_archive_list li a {
	border-bottom: 1px solid #ddd;
	padding: 20px 0 20px 15px;
}
aside#secondary ul#id_archive_list li a:hover {
	background: #eee;
	color: var(--main-color);
}
aside#secondary ul#id_archive_list li a:before {
	content: '';
	position: absolute;
	top: 49%;
	left: 0px;
	transform: rotate(45deg) translateY(-50%);
	width: 6px;
	height: 6px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: var(--main-color);
}

aside#secondary ul#id_contact_list {
}

aside#secondary ul#id_contact_list li {
	margin-bottom: 1em;
}

aside#secondary ul#id_contact_list li a {
	background: var(--sub-color);
	text-align: center;
	padding: 1em 0;
	color: #fff;
	border-radius: 6px;
}

aside#secondary ul#id_contact_list li a:hover {
	opacity: 0.8;
}


/* 共通 */

h1 {
	padding: 0 15px;
}
h1 a {
	color: #fff;
}

.tg-container {
	display: flex;
}

#primary {
	float: none;
	flex-basis: 86%;
	padding-right: 40px;
	box-sizing: border-box;
}

#secondary {
	float: none;
	width: 24%;
	min-width: 190px;
	box-sizing: border-box;
}


.description,
body.home .entry-content,
body.archive .entry-content {
	margin: 0 0 1em;
	line-height: 1.6;
	padding: 0 15px;
}


/* エフェクト */
#id_post_list li a img,
#id_archive_list li a img {
	transition: transform .6s ease;
}

#id_post_list li a:hover img,
#id_archive_list li a:hover img {
	transform: scale(1.075);
}

#id_post_list li a figure.post__thumb--img,
#id_archive_list li a figure.post__thumb--img {
	overflow: hidden;
	margin-bottom: 10px;
}

/* トップページ */
body.home {
	
}

/* 投稿記事リスト */
#id_post_list {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin-top: -15px;
	padding-left: 20px;
}

#id_post_list li {
	position: relative;
	flex-basis: 33.3%;
	margin-top: 15px;
}

#id_post_list a {
	display: block;
	color: var(--font-color);
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 1px 1px 2px var(--shadow-color);
	margin-right: 4%;
	height: 100%;
	box-sizing: border-box;
}

#id_post_list li:nth-child(3n+2) a {
/*	margin-left: 15px;
	margin-right: 15px;
*/
}


#id_post_list a img {
	padding: 0;
}

#id_post_list li .summary {
	margin-top: 10px;
}
#id_post_list li .cat {
	position: absolute;
	top: 8px;
	left: -4px;
	padding: 5px;
	background: var(--sub-color);
	color: #fff;
	font-size: 9pt;
	line-height: 1;
	box-shadow: 1px 1px 1px #57867d;
}

#id_post_list li .date {
	
}
#id_post_list li .meta-block {
	margin: 3px 0;
	color: var(--main-color);
	font-weight: bold;
	border-bottom: 1px solid var(--title-bg-color);
	padding: 0 0 5px;
}

#id_post_list li .summary {
	font-size: 10pt;
}

#id_post_list li .summary span {
	color: var(--main-color);
	text-decoration: underline;
}

.hidden {
	display: none;
}

footer#colophon {
	background: var(--main-color);
	color: #fff;
}

footer#colophon #bottom-footer {
/*	border-bottom: 1px solid var(--bg-shadow-bottom-color);*/
}

footer#colophon ul {

}

footer#colophon ul li {

}

footer#colophon .foot_info {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1%;
    width: 98%;
}

footer#colophon #id_mobile_contact {
	display: none;
	margin: 1em auto;
}
footer#colophon #id_mobile_contact a {
	display: block;
	background: #fff;
	padding: 10px 0;
	text-align: center;
	border-radius: 5px;
	color: var(--wp--preset--color--black);
	font-weight: bold;
}

footer#colophon #id_mobile_contact #id_tel_contact_item {
	padding-right: 2%;
	flex-basis: 50%;
}
footer#colophon #id_mobile_contact #id_tel_contact_item a:before {
	content: "";
	background: var(--tel-icon-path) no-repeat;
	background-size: 100%;
	background-position: center;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 3px;
}

footer#colophon #id_mobile_contact #id_mail_contact_item {
	padding-left: 2%;
	flex-basis: 50%;
}

footer#colophon #id_mobile_contact #id_mail_contact_item a:before {
	content: "";
	background: var(--pen-icon-path) no-repeat;
	background-size: 100%;
	background-position: center;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 6px;
}

footer#colophon p.copyright {
	text-align: center;
	margin: 0;
	padding: 10px 0 0;
	color: #fff;
	float: none;
}

#scroll-up {
	background: var(--sub-color);
}

/* トップページ指定 */
body.home #content h1 {
	max-width: 1200px;
	width: auto;
	text-align: center;
}
body.home .breadcrumb-trail.breadcrumbs .tg-container {
	flex-direction: column;
}

body.home .breadcrumb-trail.breadcrumbs .trail-items {
	order: 1;
}

body.home .breadcrumb-trail.breadcrumbs .trail-title {
	order: 2;
}



#id_title_titem {
	background: var(--main-color);
	padding: 20px 0;
}
#id_title_titem h1 {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	color: #fff;
}

/* もっと見る ボタン */

#id_news_btn {
	display: inline-block;
	border: 3px solid var(--sub-color);
	border-radius: 10px;
	width: 200px;
	padding: 20px;
	margin-top: 2em;
	text-align: center;
	color: var(--sub-color);
	font-weight: bold;
	cursor: pointer;
}
#id_news_btn:hover {
	color: #fff;
	background: var(--sub-color);
}

.tc {
	text-align: center;
}


/* 埋め込み指定 */

body.page-id-17 #content {
	padding: 0;
	height: 100vh;
}

body.page-id-17 .tg-container {
	max-width: 100%;
	padding: 0;
}
body.page-id-17 #primary {
	flex-basis: 100%;
	width: 100%;
	padding: 0;
}

body.page-id-17 #primary #id_post_list {
	flex-wrap: nowrap;
	padding-left: 5px;
	padding-bottom: 0;
	margin: 0;
}

body.page-id-17 #primary #id_post_list li {
	margin-bottom: 5px;
	margin-top: 0;
	flex-basis: auto;
	height: auto;
}

body.page-id-17 #primary #id_post_list li:first-child {

}
body.page-id-17 #primary #id_post_list li:nth-child(3n+2) {

}

body.page-id-17 .swiper-button-next,
body.page-id-17 .swiper-button-prev,
body.page-id-17 .swiper-button-next:after,
body.page-id-17 .swiper-button-prev:after {
	width: 36px;
	height: 36px;
}
body.page-id-17 .swiper-button-prev:after {
	background: url(http://wptest01.my-select.jp/wp-content/uploads/2025/03/btn_l.png) no-repeat;
	background-size: 36px;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '';
}
body.page-id-17 .swiper-button-next:after {
	background: url(http://wptest01.my-select.jp/wp-content/uploads/2025/03/btn_r.png) no-repeat;
	background-size: 36px;
}

body.page-id-17 .swiper-pagination {
	position: static;
	margin-top: 12px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--sub-color);
}

.fadeout {
  animation : fadeOut 1s;
  animation-fill-mode: both;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


/* 404 */
body.error404 .org_content {
	padding: 40px 0;
	background: #fff;
	color: var(--font-color);
	text-align: center;
	border: 1px solid var(--shadow-color);
}
body.error404 .org_content a {
	color: var(--sub-color);
	text-decoration: underline;
}
body.error404 .org_content a:hover {
	text-decoration: none;
}

@media (max-width: 1200px) {
	footer#colophon #id_foot_info {
		padding: 0 1%;
		width: 98%;
	}

	body.page-id-17 .tg-container {
		padding: 0;
		width: 100%;
	}
}

@media (max-width: 1000px) {
	body.single-post #primary {
		width: 72%;
	}
	
	body.single-post #secondary {
		width: 25%;
	}
}


@media (max-width: 900px) {
	body.home #id_post_list li,
	body.archive #id_post_list li {
		flex-basis: 50%;
	}
}


@media (max-width: 800px) {
	body.single-post #primary {
		width: 70%;
	}
	
	body.single-post #secondary {
		width: 28%;
	}
}

@media (max-width: 768px) {
	#id_title_titem {
		padding: 10px 0;
	}
	#id_title_titem h1 {
		font-size: 22pt;
	}

	#content {
		padding-bottom: 0;
	}

	#content .tg-container {
		padding: 0 15px;
	}

	#content .tg-container,
	#content #primary,
	#content #secondary {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	#content #secondary {
		margin: 2em 0 0;
		padding: 0 2%;
		box-sizing: boder-box;
	}

	#content #primary {
		padding-right: 0;
	}

	#content #secondary #id_sidebar_conatct {
		display: none;
	}

	#content #secondary .r_sidebar h4:first-child {
		display: block;
	}

	body.home #id_post_list li:nth-child(even) a,
	body.archive #id_post_list li:nth-child(even) a {
		margin-left: 2%;
		margin-right: 0;
	}
	
	body.home #id_post_list li:nth-child(odd) a,
	body.archive #id_post_list li:nth-child(odd) a {
		margin-left: 0;
		margin-right: 2%;
	}

	footer#colophon .foot_info strong {
		display: block;
		text-align: center;
	}
	
	footer#colophon .foot_info ul li {
		text-align: left;
	}

	footer#colophon #id_mobile_contact {
		display: flex;
	}

	footer#colophon #bottom-footer {
		padding-bottom: 0.5em;
	}
}

@media (max-width: 680px) {
	.header-bottom .tg-container {
		padding: 0;
	}

	.header-content ul li {
		display: none;
	}
	
	.header-content a {
		background: url(http://wptest01.my-select.jp/wp-content/uploads/2025/03/tel_icon2.png) no-repeat, var(--main-color);
		background-size: 26px;
		background-position: center;
		border-radius: 8px;
		width: 42px;
        height: 42px;
		margin-right: 10px;
	}

	.header-content a span {
		display: none;
	}

}

@media (max-width: 500px) {
	body.home #id_post_list,
	body.archive #id_post_list,
	body.home #id_post_list li,
	body.archive #id_post_list li {
		display: block;
	}

	body.home #id_post_list li:nth-child(even) a,
	body.archive #id_post_list li:nth-child(even) a,
	body.home #id_post_list li:nth-child(odd) a,
	body.archive #id_post_list li:nth-child(odd) a {
		margin-left: 2%;
		margin-right: 2%;
	}

	body.home #id_post_list li .cat,
	body.archive #id_post_list li .cat {
		left: 4px;
	}
}

@media (max-width: 480px) {
	.logo {
		padding: 0 !important;
	}

	.breadcrumb-trail.breadcrumbs .trail-items {
		display:flex;
		overflow-x: scroll;
		word-break: keep-all;
		white-space: nowrap;
	}
}