/*
  Skin Name: パソコン修理の鉄人オリジナルテーマ
  Description: 2024年制作
  Skin URI: 
  Author: GU
  Author URI: 
  Screenshot URI: 
  Version: 
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/

/* 共通設定
------------------------------ */
button, input, textarea { /* Webフォントを継承 */
	font-family: inherit;
}
.FontWeight--bold { font-weight: bold; }
.FontWeight--black { font-weight: 900; }
.SpBr {
	display: block; /* タブレットから改行 */
}
.Sp2Br {
	display: block; /* スマホのときだけ改行 */
}
.PcBr {
	display: none; /* PCのときだけ改行 */
}
@media screen and (min-width:999px) {
	.SpBr { /* タブレットから改行 */
		display: none;
	}
	.PcBr { /* PCのときだけ改行 */
		display: block;
	}
}
@media screen and (min-width: 480px){
	.Sp2Br {
		display: none; /* スマホのときだけ改行 */
	}
}
.content {
	margin-top: 15px;
}
p.Asterisk { /* ※マーク */
	padding-left: 1em;
}
.Asterisk:before { /* ※マーク */
	content: "※";
	margin-left: -1em;
  margin-right: 0;
}
.ff-noto-sans-jp,
.wf-active .ff-noto-sans-jp,
.wp-admin-ff-noto-sans-jp
.editor-styles-wrapper { /* 文字のカーニング */
	font-feature-settings:"palt"
}

/* 打ち消し
------------------------------ */
.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 834px) {
    .article ul, .article ol {
        padding-left: 0;
    }
}
.content .wrap { /* メインコンテンツの幅 */
	width: 1000px;
}
.content-in .main { /* メインコンテンツの幅 */
	width: 730px;
	padding: 0;
}
@media screen and (max-width:999px) {
	.content .wrap { /* メインコンテンツの幅 */
		width: 100%;
	}
	.content-in .main { /* メインコンテンツの幅 */
		width: 100%;
	}
}
.page .date-tags { /* 固定ページの日付を非表示にする */
	display: none;
}
.article h2 { /* H2見出し */
	margin-bottom: 24px !important;
	padding: 0;
}

/* ブルーボタン
------------------------------ */
.BlueBtn {
	position: relative;
	width: 500px;
	height: auto;
	margin: 24px auto;
	background-color: #0074e3;
}
a.BlueBtnLink {
	padding: 27px 24px 29px;
	display: block;
	color: #fff;
	background: #0074e3;
	text-decoration: none;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	line-height: 1;
}
a.BlueBtnLink:after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 50px;
	height: 13px;
		background: url("./images/btn-arrow.svg") no-repeat;
	background-size: contain;
	vertical-align: middle;
	top: 32px;
	right: 40px;
}
a.BlueBtnLink:hover {
	background-color: #004bce;
}
@media screen and (max-width:999px) {
	.BlueBtn {
		width: 300px;
	}
	a.BlueBtnLink {
		padding: 17px 8px 19px;
		font-size: 16px;
	}
	a.BlueBtnLink:after {
		width: 28px;
		height: 7px;
		margin: -10px 0 0 0;
		right: 16px;
	}
}

/* レッドボタン
------------------------------ */
.RedBtn {
	position: relative;
	width: 100%;
	max-width: 370px;
	height: 66px;
	margin: 24px auto;
	padding: 16px;
	border-radius: 10rem;
	background-color: #af1c00;
	color: #fff;
	text-align: center;
}
a.RedBtnLink {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 1.5;
}
.RedBtn:hover {
	opacity: 0.8;
}

/* ヘッダー
------------------------------ */
.header-container {
	background-color: #0036a2;
}
.header {
	padding: 16px 0 20px;
}
.header-in {
	display: grid;
	justify-content: flex-start;
	align-items: center;
	grid-template-columns: 210px 200px 390px 168px;
	width: 1000px;	
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 8px;
	padding: 8px 16px;
}
@media screen and (max-width: 1255px) {
    .header-in {
        width: 1000px !important;
    }
}
.logo-header { /* サイトロゴ */
	order: 1;
}
.tagline { /* キャッチコピー */
	order: 2;
	text-align: left;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 0 8px;
}
.add-header-contents { /* 検索窓 */
	order: 3;
}
.widget_text { /* お問い合わせ */
	order: 4;
}
.header .wrap {
	width: 1000px;
}
.cf::after { /* 問い合わせの余白打ち消し */
    content: none;
}
.logo-image,
.site-name-text { /* サイトロゴ上下の余白打ち消し */
	font-size: 0;
	padding: 0;
}
@media screen and (max-width: 834px) { /* サイトロゴ上下の余白打ち消し */
    #header .site-name-text {
        font-size: 0;
    }
}
@media screen and (max-width: 999px) {
	.header-container {
		display: none;
	}
	.tagline {
		display: none;
	}
	.logo-header img {
		display: none;
	}
}

/* ヘッダーの検索窓
------------------------------ */
.add-header-contents .search-box {
	margin: 0;
	padding-left: 115px;
}
.add-header-contents input[type="text"] {
	width: 275px;
	height: 38px;
	padding: 6px 40px 6px 16px;
	font-size: 16px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 19px;
}
.add-header-contents .fa-search:before {
	content: "";
}
.add-header-contents .search-submit:before {
	content: "";
	background: url(./images/search-submit.svg) no-repeat;
	background-size: contain;
	position: absolute;
	right: 16px;
	top: 0;
	width: 26px;
	height: 26px;
}
.search-box input::placeholder { /* プレースホルダー */
	font-size: 16px;
	color: #777;
}
/* レスポンシブ */
@media screen and (max-width: 999px) {
	.add-header-contents {
		display: none;
	}
}

/* ヘッダーのお問い合わせボタン
------------------------------ */
.HeaderContact {
	width: 160px;
	height: 38px;
	background-image: linear-gradient(103deg, #c92c0e, #a71b00);
	margin: 0 0 0 8px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 36px;
}
.add-header-contents a {
	text-decoration: none;
}
/* レスポンシブ */
@media screen and (max-width: 999px) {
	.HeaderContact {
		display: none;
	}
}

/* ヘッダーメニュー
------------------------------ */
.navi {
	background-color: #0036a2;
	display: block;
}

/* 固定ヘッダー
------------------------------ */
.header-container-in.hlt-top-menu {
	display: block; /* ヘッダーのflex解除 */
}
.header-container-in.hlt-top-menu .wrap {
	width: 1000px;
}
.header-container-in.hlt-top-menu .tagline {
	display: block;
}
.logo-menu-button {
	padding: 10px 16px;
	border: 1px solid #fff;
}

/* スマホ固定ヘッダー
------------------------------ */
.mobile-header-menu-buttons .search-menu-button {
	display: none;
}
.navi-menu-button {
	order: 3;
}
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/* ヘッダーナビメニュー
------------------------------ */
.navi {
	height: 40px;
}
.navi .wrap,
.navi-in {
	width: 1000px;
	padding: 0;
}
.navi-in a {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: inline;
	margin-bottom: 4px;
}
.navi-in a:hover {
	color: #f7f246;
}
.navi-in > ul {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}
.navi-in > ul li {
	width: auto;
	height: auto;
	line-height: 1;
	margin: 0 0 10px;
}
.caption-wrap {
	border-right: 1px solid #6b96e2;
}
#menu-item-11689 .caption-wrap {
	border-right: 0;
}
.navi-in .current-menu-item .item-label::after {
	content: "";
	display: block;
	width: 90px;
	height: 3px;
	background-color: #f7f246;
	margin: 8px auto 0;
}

/* スマホ用ヘッダー
------------------------------ */
.mobile-header-menu-buttons {
	background-color: #004bce;
}
li.logo-menu-button a {
	width: 100%;
	height: 38px;
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 8px;
	position: relative;
}
li.logo-menu-button img {
	width: 140px;
	height: 26px;
	margin: 6px auto 6px 8px;
}
li.logo-menu-button a::after {
	position: absolute;
	display: inline-block;
	content: "産業用パソコンの修理・延命・保守・\A仮想化サービスを提供";
	white-space: pre;
	color: #666;
	font-size: 9px;
	line-height: 1;
	text-align: left;
	vertical-align: middle;
	left: 156px;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 0;
}
.mobile-menu-buttons .menu-caption {
	display: none;
}
.mobile-menu-buttons {
	color: #fff;
}
.mobile-menu-buttons .menu-button {
	width: 50px;
}
.navi-menu-icon .fa {
    font: normal normal normal 36px / 1 FontAwesome;
}
.navi-menu-icon .fa-bars:before {
	background-image: url(./images/bars.svg);
	background-position: center 0px;
	background-size: cover;
	content: '';
	display: block;
	height: 26px;
	width: 28px;
	margin-top: 6px;
}
/* レスポンシブ */
@media screen and (min-width: 1000px) {
	.mobile-header-menu-buttons {
		display: none;
	}
}
@media screen and (max-width: 999px) {
	.logo-menu-button {
		padding: 10px 0 10px 10px;
		border: none;
	}
}
@media only screen and (min-width: 1001px) and (max-width: 1023px) {
    body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons) {
        margin-top: 0px !important;
    }
}

/* スマホメニュー
------------------------------ */
.navi-menu-content {
	background-color: #0036a2;
}
.menu-close-button {
	text-align: right;
	margin-right: 16px;
}
.navi-menu-close-button {
	height: 58px;
}
.menu-drawer li {
	border-bottom: 1px solid #6b96e2;
	padding: 16px 0;
}
.menu-drawer a {
	color: #fff;
	font-weight: bold;
}
.navi-menu-close-button .fa-close:before {
	background-image: url(./images/close.svg);
	background-position: center 0px;
	background-size: cover;
	content: '';
	display: block;
	height: 24px; /*アイコンの高さを指定*/
	width: 24px; /*アイコンの横幅を指定*/
	margin-top: 6px;
}

/* フッター
------------------------------ */
.footer-bottom-logo { /* サイトロゴ非表示 */
	display: none;
}
.footer-center,
.footer-right { /* 打ち消し */
	display: none;
}
.copyright { /* 打ち消し */
	display: none;
}
.footer { /* 打ち消し */
	margin-top: 64px;
	position: relative;
}
.footer-left {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.footer-bottom {
	width: 1000px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5;
	padding: 0;
}
.footer {
	padding: 40px 24px;
}
.FooterSite { /* サイト名 */
	grid-area: item1;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
}
.Footer {
	display: grid;
	grid-template-columns: 1fr 86px;
	gap: 0 8px;
	grid-template-areas:
	    "item1 item5"
	    "item2 item5"
		"item3 item5"
	    "item4 item5";
}
.FooterSite a {
	text-decoration: none;
}
.FooterCatchCopy { /* キャッチコピー */
	grid-area: item2;
	font-size: 16px;
	line-height: 1.5;
}
.FooterAddress {
	grid-area: item3;
	font-size: 14px;
	line-height: 1.5;
	padding: 16px 0;
}
.FooterAddressOperation {
	margin-right: 1em;
}
.navi-footer-in a {
	font-size: 16px;
}
.navi-footer-in > .menu-footer {
	justify-content: flex-start;
}
.footer-bottom.fnm-text-width .menu-footer li a {
	padding: 0 8px;
}
.FooterMenu {
	grid-area: item4;
	display: flex;
	flex-wrap: wrap;
}
.FooterItem  {
	font-size: 16px;
}
a.FooterLink {
	text-decoration: none;
}
a.FooterLink:hover {
	color: #f7f246 !important;
}
.FooterItem p:before {
	content: "|";
	display: inline-block;
	font-weight: normal;
	color: #8099CC;
}
.FooterItem:first-child p:before {
	margin-right: 10px;
}
.FooterItem:nth-last-child(-n+7) p:before {
	margin: 0 10px;
}
.FooterItem:last-child p:after {
	content: "|";
	display: inline-block;
	margin-left: 15px;
	font-weight: normal;
	color: #8099CC;
}
.FooterMenuPrivacyMark {
	grid-area: item5;
	display: flex;
	align-items: center;
}
.FooterMenuPrivacyMark img {
	width: 86px;
	height: 88px;
}
/* レスポンシブ */
@media screen and (max-width: 999px) {
	.Footer {
		width: 94%;
	}
	.footer {
		padding: 24px;
		margin-top: 120px;
	}
	.Footer {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 86px;
		gap: 0 8px;
		grid-template-areas:
			"item1 item5"
			"item2 item5"
			"item3 item3"
			"item4 item4";
	}
	.FooterMenu {
		display: grid;
		grid-auto-flow: column;
		grid-template-rows: repeat(5, auto);
		gap: 16px;
		margin-top: 16px;
	}
	.FooterItem  {
		font-size: 14px;
	}
	.FooterItem p:before {
		content: "";
	}
	.FooterItem:first-child p:before {
		margin-right: 0;
	}
	.FooterItem:nth-last-child(-n+7) p:before {
		margin: 0;
	}
	.FooterItem:last-child p:after {
		content: "";
	}
}
@media screen and (max-width: 834px) {
	.FooterPMark {
		grid-area: item6;
	}
	.Footer {
		display: grid;
		grid-template-columns: 1fr 80px;
		gap: 0 8px;
		grid-template-areas:
			"item1 item6"
			"item2 item6"
			"item3 item3"
			"item4 item4";
	}
	.FooterMenuPrivacyMark img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 480px){
	.footer {
		padding: 16px 8px;
	}
}
@media screen and (max-width: 399px){
	.Footer {
		grid-template-columns: 1fr 50px;
	}
}

/* パンくずリスト
------------------------------ */
.breadcrumb { /* パンくずリスト */
	margin: 0;
	color: #707070;
}
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o { /* パンくずリストのアイコン非表示 */
	display: none;
}
.breadcrumb-caption { /* 打ち消し */
	margin: 0;
}
.breadcrumb a {
	text-decoration: underline;
	color: #0074e3;
}
.SearchList { /* 検索結果のマージン */	
	margin-bottom: 18px;
}
.sbp-main-top { /* 投稿記事のカテゴリー */
	margin-bottom: 18px;
}
/* レスポンシブ */
@media screen and (max-width:999px) {
	.breadcrumb { /* パンくずリスト */
		padding: 16px 0;
		width: 94% !important;
		margin: 0 auto;
	}
}
.category .SearchList { /* 投稿記事のカテゴリー */
	display: none;
}
.category .SearchListContents .sbp-main-top {
	display: none;
}
.single .breadcrumb {
		padding: 16px 0 0;
}

/* 見出し
------------------------------ */
.PageTitle {
	width: 100%;
	margin-bottom: 24px !important;
}
.PageTitle h1 {
	background-image: url("https://pc-expert.jp/wp-content/themes/cocoon-child-master/skins/pctetuzin/images/title_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 28px !important;
	font-weight: bold;
	color: #fff;
	padding-left: 37px !important;
	min-height: 120px !important; /* 改行対策 */
	line-height: 120px !important; /* 縦のセンタリング */
	position: relative;
}
.PageTitle h1::before {
	content: "";
	border-left: solid 5px #f7f246;
	position: absolute;
	left: 16px !important;
	top: 37px !important;
	bottom: 0 !important;
	height: 46px !important;
}
h2.related-entry-heading {
	width: 730px;
	font-size: 28px;
	font-weight: bold;
	margin: 50px 0 16px;
	color: #003399;
	background: linear-gradient(transparent 70%, #f7f246 70%);
  	display: inline-block;
	line-height: 1.5em;
}
h2.Heading {
	width: 730px;
	font-size: 28px;
	font-weight: bold;
	margin: 50px 0 16px;
	color: #003399;
	background: linear-gradient(transparent 70%, #faf8a0 70%);
  	display: inline-block;
	line-height: 1.5em;
}
/* レスポンシブ */
@media screen and (max-width:999px) {
	h2.related-entry-heading,
	h2.Heading {
		width: 100%;
	}
}
@media screen and (max-width: 480px){
	h2.Heading {
		background: linear-gradient(transparent 86%, #faf8a0 86%);
		line-height: 1.3em;
	}
}

/* サイドバー
------------------------------ */
.sidebar {
	margin-top: 42px;
	padding: 0;
	width: 240px !important;
}
@media screen and (max-width: 1261px) {
    .sidebar {
        padding: 0 !important;
		margin-top: 42px;
	}
	.sidebar-left .sidebar {
        margin: 42px 0 0 0 !important;
    }
	.sidebar-left .main {
		margin: 0 !important;
	}
}
@media screen and (max-width: 1251px) {
    .sidebar-left .sidebar {
        margin: 42px 0 0 0 !important;
    }
}

/* サイドバー 修理実績カテゴリー
------------------------------ */
.SideAchievementsCategory {
	background-color: #e2edf7;
	padding: 16px 8px;
	border-radius: 5px;
}
.sidebar h2.SideTopHeading { /* 打ち消し */
	background-color: #e2edf7;
}
.sidebar h2 { /* 打ち消し */
	margin: 0 0 16px;
	padding: 0;
	text-align: center;
	line-height: 1;
	font-size: 20px;
}
.SideTopHeadingWrapper {
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
.SideAchievementsCategoryItem {
	border: 2px solid #d3d3d3;
	background-color: #fff;
	border-radius: 100vh;
	padding: 8px;
	font-size: 11px;
	font-weight: bold;
	width: 108px;
	height: 30px;
	text-align: center;
	line-height: 9px;
}
.SideAchievementsCategoryItem a {
	display: block;
	text-decoration: none;
	color: #003399;
}
.SideAchievementsCategoryItem:hover {
  	background-color: #fffdeb;
}
.SideAchievementsCategoryItem a:hover {
  	color: #0074e3;
}
/* レスポンシブ */
@media screen and (max-width:999px) {
	.SideTopHeadingWrapper {
		width: 94%;
		grid-template-columns: 1fr 1fr ;
		gap: 24px;
	}
	.SideAchievementsCategoryItem {
		width: 100%;
		font-size: 18px;
		padding: 12px;
		width: 100%;
		height: 50px;
		line-height: 20px;
	}
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
.SideAchievementsCategory hr {
	border-top: 1px solid #d3d3d3;
	margin: 16px 0;
}
.SideTopHeadingWrapper2 .SideAchievementsCategoryItem {
	width: 100%;
	margin-bottom: 8px;
}

/* サイドバー よく使われているタグ
------------------------------ */
.sidebar .widget_tag_cloud h3 { /* サイドバーの h3見出しの背景 */
	background-color: #fff !important;
	margin: 40px 0 0;
	padding: 0;
	text-align: center;
}
.tagcloud a {
	background-color: #fff;
	border: none;
	border-radius: 0;
	color: #0074e3;
	display: inline-block;
	padding: 2px 3px;
	text-decoration: underline;
	line-height: 1.2;
	margin: 0;
	margin-top: auto;
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
}

/* サイドバー バナー
------------------------------ */
.SideBanner {
	margin: 40px 0 0;
}

/* 修理実績
------------------------------ */
.blog .PageTitle{
	margin-top: 15px;
}
.ArticleSearch .search-box {
	margin: 32px 0 24px;
}
.main .search-submit { 
	top: 8px;
}
.RepairAchievementsText1 {
	font-size: 24px;
	line-height: 1.5;
	color: #c92c0e;
}
.RepairAchievementsText2 {
	font-size: 24px;
	line-height: 1.5;
}
.RepairAchievements {
	margin-bottom: 24px;
}
.cat-label { /* アイキャッチ上のカテゴリーラベル */
	display: none;
}
.blog .entry-card-snippet {
	display: none;
}
.blog .entry-card-title {
	font-size: 28px;
	font-weight: bold;
	color: #0074e3;
	line-height: 1.2;
	text-decoration: underline;
}
.ArticleList {
	display: grid;
	grid-template-columns: 250px auto;
	gap: 16px;
}
.entry-card-content { /* 打ち消し */
	margin-left: 0;
	padding-bottom: 0;
}
.ArticleListText {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}
.related-entry-card-meta, .entry-card-meta {
	position: static;
}
.e-card-info {
    justify-content: start;
}
.entry-card-thumb { /* 打ち消し */
    width: 100%;
}
.e-card-meta .e-card-categorys {
	display: inline;
}
.entry-card-meta {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0;
}
.entry-card-meta {
	text-align: left;
}
.fa-clock-o:before { /* 打ち消し */
    content: "";
}
.entry-date { /* 打ち消し */
    margin-left: 0;
}
.entry-date::after {
	content: "|";
	padding: 0 0 0 8px;
}
.entry-card-info > *,
.post-date,
.entry-category {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
.list {
	row-gap: 0;
}
.list .entry-card-wrap {
	border-bottom: 1px solid #d3d3d3;
	margin: 0;
}
.blog .a-wrap {
	padding: 16px 0;
}
.entry-card-wrap.a-wrap:hover {
	background-color: #fffce6 !important;
}
@media screen and (max-width: 1261px) { /* 打ち消し */
    .entry-card-thumb {
        width: 100% !important;
	}
}
@media screen and (max-width: 1261px) { /* 打ち消し */
    .entry-card-content {
		margin-left: 0 !important;
	}
}
/* レスポンシブ */
@media screen and (max-width:999px) {
	.SearchListPageTitle {
		width: 94%;
		margin: 0 auto 24px;
	}
	.blog .PageTitle {
		width: 94%;
		margin: 0 auto 24px;
	}
	.blog .ArticleSearch {
		margin: 0 auto;
	}
	.RepairAchievements {
		margin: 0 auto 24px;
	}
	.blog .list {
		margin: 0 auto;
	}
	.blog .pagination-next {
		width: 94%;
		margin: 0 auto 24px;
	}
	.blog .pagination {
		width: 94%;
		margin: 0 auto;
	}
	.SearchListContents {
		width: 94%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 834px){
	.ArticleList {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}
	.blog .entry-card-title {
		font-size: 28px;
	}
}
@media screen and (max-width: 480px){
	.blog .entry-card-title {
		font-size: 28px;
	}
	.RepairAchievementsText1,
	.RepairAchievementsText2 {
		font-size: 18px;
	}
	.entry-card-meta {
		display: block;
	}
	.entry-card-info > *,
	.post-date,
	.entry-category {
		font-size: 14px;
	}
	.entry-date::after {
		content: "";
	}
}

/* 修理実績カテゴリー
　　トップページ＆記事下
------------------------------ */
.AchievementsCategory {
	background-color: #e2edf7;
	padding: 48px 0 72px;
}
.home .article .AchievementsCategory h2 { /* 打ち消し */
	background-color: #e2edf7;
}
.TopHeadingWrapper {
	width: 1000px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 24px;
}
.AchievementsCategoryItem {
	border: 2px solid #d3d3d3;
	background-color: #fff;
	border-radius: 100vh;
	padding: 16px;
	font-size: 22px;
	font-weight: bold;
	width: 232px;
	height: 60px;
	text-align: center;
	line-height: 22px;
}
.AchievementsCategoryItem a {
	display: block;
	text-decoration: none;
	color: #003399;
}
.AchievementsCategoryItem a:hover {
  	color: #0074e3;
}
.AchievementsCategoryItem:hover {
  	background-color: #fffdeb;
}
/* レスポンシブ */
@media screen and (max-width:999px) {
	.TopHeadingWrapper {
		width: 94%;
		grid-template-columns: 1fr 1fr;
		gap: 24px;
	}
	.AchievementsCategoryItem {
		width: 100%;
		font-size: 18px;
		padding: 12px;
		width: 100%;
		height: 50px;
		line-height: 20px;
	}
}
.AchievementsCategory hr {
	border-top: border-top: 1px solid #d3d3d3;
	margin: 16px 0;
}
.SideTopHeadingWrapper2 .AchievementsCategoryItem {
	width: 100%;
	margin-bottom: 8px;
}
#custom_html-9 .AchievementsCategory {
	padding: 48px 0 32px;
}
#custom_html-9 .TopHeadingWrapper {
	width: 100%;
	margin: 0 auto 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	justify-items: center;
	padding: 0 24px;
}
#custom_html-9 .AchievementsCategoryItem {
	width: 100%;
}
.TopHeadingWrapper2 {
	width: 100%;
	margin: 0 auto;
	padding: 0 24px;
}
.TopHeadingWrapper2 .AchievementsCategoryItem {
	margin-bottom: 24px;
}

/* 見出し
　　修理実績カテゴリー 記事下
------------------------------ */
#custom_html-9 .TopHeadingContainer {
	width: 96%;
	margin: 0 auto 32px;
}
#custom_html-9 .TopHeadingContainer h2 {
	font-size: 28px;
	font-weight: bold;
}
#custom_html-9 .TopHeading {
	align-items: center;
	display: flex;
}
#custom_html-9 .TopHeading::before,
#custom_html-9 .TopHeading::after {
	background-color: #a0b0c1;
	content: "";
	flex-grow: 1;
	height: 3px;
}
#custom_html-9 .TopHeading::before {
	margin-right: 32px;
}
#custom_html-9 .TopHeading::after {
	margin-left: 32px;
}
@media screen and (max-width: 999px) {
	#custom_html-9 .TopHeadingContainer {
		width: 94%;
	}
	#custom_html-9 .TopHeadingContainer h2 {
		font-size: 28px;
	}
}

/* ブログ記事
------------------------------ */
.single .PageTitle{
	margin-top: 18px;
}
.article h1 {
	font-size: 28px;
	padding-left: 16px;
	min-height: 45px; /* 改行対策 */
	height: 100%;
	line-height: 1.5; /* 縦のセンタリング */
	position: relative;
}
.article h1::before {
	content: "";
	border-left: solid 5px #f7f246;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	min-height: 45px;
	height: 100%;
}
.single .entry-date {
	display: none;
}
.ts-fab-wrapper { /* この記事を書いた人 */
	margin-bottom: 24px !important;
}
.single-post .entry-content p:first-of-type { /* ご依頼者様情報の下余白 */
	margin-bottom: 16px !important;
}
.single-post img {
	margin: 8px 0;
}
.single .article-footer {
	background-color: #f0f0f0;
	border-radius: 5px;
	position: relative;
	padding: 48px 16px 20px;
}
.single .entry-categories-tags::before {
	content: "タグ";
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	top: 8px;
}
.footer-meta {
	display: none;
}
.cat-link {
	display: none;
}
.entry-categories-tags {
    margin-bottom: 0;
}
.entry-tags a {
	background-color: #fff;
	color: #0074e3;
	border: solid 1px #999;
	border-radius: 5px;
	padding: 4px 16px;
	margin: 4px 16px 16px 0;
	font-size: 19px;
}
.fa-tag:before {
	content: "";
}
.entry-categories-tags .tax-icon { /* 打ち消し */
	margin-right: 0;
}
.rect-vertical-card .related-entry-card-wrap {
    padding: 0;
}
.single .entry-category {
	display: none;
}
.related-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.rect-vertical-card-3 .related-entry-card-wrap {
	width: 100%;
}
.rect-vertical-card-3 .related-list {
    column-gap: 16px;
}
.single-post img {
    margin: 0;
}
.related-entry-card-title {
	font-size: 16px;
	line-height: 1.5;
}
.rect-vertical-card .related-entry-card-meta {
	margin-top: 0;
	padding: 0;
}
.single .post-date {
	padding: 0;
}
.related-entry-card-thumb:hover {
	opacity: 0.8;
}
/* レスポンシブ */
@media screen and (max-width:999px) {
	.single .content-in {
		width: 94%;
		margin: 0 auto 24px;
	}
}
@media screen and (max-width: 480px){
	.related-list {
		grid-template-columns: 1fr;
		row-gap: 24px;
	}
	.entry-categories-tags .tag-link {
		font-size: 14px;
	}
	.article h1 {
		line-height: 1.2; /* 縦のセンタリング */
	}
}

/* 追従お問い合わせボタン
------------------------------ */
.FixedBtn {
		display: none;
}
.FixedBtn a {
	text-decoration: none;
}
/* レスポンシブ */
@media screen and (max-width:999px) {
	.FixedBtn { 
		position: fixed;
		display: block;
		bottom: 40px;
		right: 0;
		background: linear-gradient(103deg, #c92c0e, #a71b00);
		border: none;
		width: 160px;
		height: 38px;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
	}
}

/* 検索結果
------------------------------ */
.search-results .ArticleSearch {
	display: none;
}
.search-results .breadcrumb {
	margin-bottom: 15px;
}
.list .a-wrap {
	padding: 16px 0;
}
