@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/*--------------------------------------------------------
基本設定
--------------------------------------------------------*/

/* ____ PC・SP表示切り替え ____ */
.pc-dis {
	display: block;
}
.sp-dis {
    display: none;
}
@media screen and (max-width: 834px){
.pc-dis {
	display: none;
}
.sp-dis {
	display: block;
	}
}

/* ____ マウスオーバー ____ */
a:hover {
	opacity: 0.7;
	transition: opacity .3s;
}

/*--------------------------------------------------------
メイン・サイド 上端位置調整
--------------------------------------------------------*/
@media screen and (min-width: 835px) {
	.main {
		padding-top: 19px;
	}
	.entry-title, .archive-title {
		margin: 0;
	}
	.no-page-title .entry-content {/* h1タイトル非表示時の本文上余白 */
		margin-top: 0;
	}
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

/* ____ PCヘッダー ____ */
#header {
    border-top: 0;
    font-weight: 700;
    background: none;
}
#header-in .tagline {
    display: none;
}
#header-in #header-tel {
    display: none;
}
@media screen and (min-width: 1024px) {
    #header-in {
        position: relative;
        /* 旧サイト幅 */
        width: 852px;
        max-width: 852px;
        margin: 0 auto;
        padding: 0;
        /* 旧サイト背景 */
        background-image: url("https://office-88.net/img-layout/bg_top.jpg");
        background-repeat: repeat;
        background-position: left top;
        background-size: auto;
    }
    #header-in .logo-image {
        padding: 14px 0 2px;
    }
    #header-in .logo-header {
        text-align: left;
    }
    #header-in #header-tel {
        display: block;
        position: absolute;
        right: 0;
        text-align: center;
        font-size: 200%;
        line-height: 1.45;
        padding-left: 70px;
        color: #303437;
    }
    #header-in #header-tel span {
        display: block;
        font-size: 35%;
    }
}
/* PCヘッダーをスマホでは非表示 */
@media screen and (max-width: 1023px) {
	#header {
		display: none;
	}
}

/* ____ モバイルヘッダー ____ */
@media screen and (max-width: 1023px){
	.mobile-header-menu-buttons {
		background-color: #fff3cb;
	}
	/* メニュー・TELのアイコンと文字をブラウンに */
	.mobile-header-menu-buttons .menu-button-in,
	.mobile-header-menu-buttons .menu-icon,
	.mobile-header-menu-buttons .menu-caption {
		color: #5A4638 !important;
	}
	.mobile-header-menu-buttons .navi-menu-button:nth-child(1) {
		border-right: dotted 1px rgba(90, 70, 56, .35);
	}
	.mobile-header-menu-buttons .navi-menu-button:nth-child(3) {
		border-left: dotted 1px rgba(90, 70, 56, .35);
	}
}

/*--------------------------------------------------------
グローバルメニュー
--------------------------------------------------------*/

/* ____ PC：旧サイトデザイン再現 ____ */
@media screen and (min-width: 1024px) {
	/* ナビ全体 */
	#navi {
		background-color: #fff;
	}
	/* 6項目 × 142px = 852px */
	#navi-in {
		width: 852px;
		max-width: 852px;
		margin: 0 auto;
	}
	#navi .menu-header.menu-pc {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		padding: 0;
		margin: 0;
	}
	/* 各メニュー */
	#navi .menu-header.menu-pc > li {
		width: 142px !important;
		height: 30px !important;
		flex: 0 0 142px;
		margin: 0;
		padding: 0;
	}
	#navi .menu-header.menu-pc > li > a {
		display: block;
		width: 142px;
		height: 30px;
		padding: 0;
		margin: 0;
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 142px 30px;
	}
	/* 画像に文字が入っているため、
	   Cocoon側の文字だけ視覚的に非表示 */
	#navi .menu-header.menu-pc > li > a .caption-wrap {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
	/* 通常画像 */
	#navi .nav_home > a {
		background-image: url("https://office-88.net/img-layout/menu0-2.jpg");
	}
	#navi .nav_voice > a {
		background-image: url("https://office-88.net/img-layout/menu1-2.jpg");
	}
	#navi .nav_sejutu > a {
		background-image: url("https://office-88.net/img-layout/menu2-2.jpg");
	}
	#navi .nav_case > a {
		background-image: url("https://office-88.net/img-layout/menu3-2.jpg");
	}
	#navi .nav_booking > a {
		background-image: url("https://office-88.net/img-layout/menu4-2.jpg");
	}
	#navi .nav_map > a {
		background-image: url("https://office-88.net/img-layout/menu5-2.jpg");
	}
	/* ホバー画像 */
	#navi .nav_home > a:hover {
		background-image: url("https://office-88.net/img-layout/menu0-2_o.jpg");
	}
	#navi .nav_voice > a:hover {
		background-image: url("https://office-88.net/img-layout/menu1-2_o.jpg");
	}
	#navi .nav_sejutu > a:hover {
		background-image: url("https://office-88.net/img-layout/menu2-2_o.jpg");
	}
	#navi .nav_case > a:hover {
		background-image: url("https://office-88.net/img-layout/menu3-2_o.jpg");
	}
	#navi .nav_booking > a:hover {
		background-image: url("https://office-88.net/img-layout/menu4-2_o.jpg");
	}
	#navi .nav_map > a:hover {
		background-image: url("https://office-88.net/img-layout/menu5-2_o.jpg");
	}
}

/* ____ サブメニュー ____ */
@media screen and (min-width: 1024px) {
	#navi .navi-in > .menu-header .sub-menu {
		background-color: #fdf192;
		margin-left: 10px;
	}
	.navi-in > ul .sub-menu {
		min-width: 280px;
	}
}

/*--------------------------------------------------------
メイン画像
--------------------------------------------------------*/
#min-pic {
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	line-height: 0;
}

/*--------------------------------------------------------
本文エリア
--------------------------------------------------------*/
p {
	margin-left: 10px;
	margin-right: 10px;
}

/* ____ スマホ：本文エリア左右余白 ____ */
@media screen and (max-width: 834px) {
	main.main {
		padding-left: 5px;
		padding-right: 5px;
	}
	p {
		margin-left: 5px;
		margin-right: 5px;
	}
}

/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

/* ____ h1・アーカイブタイトル ____ */
.article h1,
.archive-title {
	margin-bottom: 25.2px;
	padding: 12px 15px;
	color: #4a2b1d;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.45;
	letter-spacing: .5px;
	background-color: #e8dcc7;
	border-top: 3px solid #9b6b43;
	border-bottom: 1px solid #d3c0a5;
	border-radius: 0;
}

/* ____ h2・関連記事見出し ____ */
.article h2,
#related-entries .related-entry-heading {
	margin: 40px 0 25.2px;
	padding: 1px 10px 0 28px;
	color: #400000;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 1px;
	background-image:
		url("https://office-88.net/img-layout/bg_h2-2.jpg"),
		url("https://office-88.net/wp-content/uploads/2026/10/bg_h2_repeat.jpg");
	background-repeat:
		no-repeat,
		repeat;
	background-position:
		left top,
		left top;
	background-size:
		auto 35px,
		auto;
	border: none;
	border-radius: 0;
}

/* ____ h3 ____ */
.article h3 {
	clear: both;
	margin: 30px 0 25.2px;
	padding: 6px 0 4px 10px;
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	background: none;
	border: none;
	border-bottom: 2px solid #ff8000;
	border-radius: 0;
}

/* ____ h4 ____ */
.article h4 {
	margin-top: 40px;
	border-top: none;
	border-bottom: solid 4px #6F8068;
	color: #303437;
}

/*--------------------------------------------------------
ボックス設定
--------------------------------------------------------*/
.is-style-secondary-box, .secondary-box {
    background-color: #f5f6f7;
}
.blank-box.bb-blue, .bb-blue.is-style-blank-box-red, .bb-blue.is-style-blank-box-navy, .bb-blue.is-style-blank-box-blue, .bb-blue.is-style-blank-box-yellow, .bb-blue.is-style-blank-box-green, .bb-blue.is-style-blank-box-pink, .bb-blue.is-style-blank-box-orange, .bb-blue.is-style-sticky-gray, .bb-blue.is-style-sticky-yellow, .bb-blue.is-style-sticky-red, .bb-blue.is-style-sticky-blue, .bb-blue.is-style-sticky-green {
    border-color: #627ba7;
}
.is-style-success-box, .success-box, .sp-success, .success {
    background-color: #dcebda;
	color: #333;
}

/*--------------------------------------------------------
ボタン設定
--------------------------------------------------------*/
.btn-m, .btn-wrap.btn-wrap-m > a {
    font-size: 20px;
}
.btn-orange {
	background-color: #C9794A;
}
.btn-green {
	background-color: #6F8068;
}

/*--------------------------------------------------------
投稿情報
--------------------------------------------------------*/

/* ____ 投稿下のカテゴリー表示 ____ */
.entry-categories .cat-link {
	background-color: #400000;
	color: #fffaf2;
	border-color: #400000;
}

/* ____ フォルダアイコン ____ */
.entry-categories .cat-link .cat-icon {
	color: #fffaf2;
}

/* ____ 投稿ページ投稿日の下マージン ____ */
.date-tags {
    margin-bottom: 3em;
}

/* ____ 固定ページの日付・著者情報、投稿ページの著者情報を非表示 ____ */
.page .date-tags,
.page .author-info,
.single .author-info{
    display: none;
}

/*--------------------------------------------------------
サイドコンテンツ
--------------------------------------------------------*/

/* ____ サイドバー全体 ____ */
#sidebar {
	font-size: 15px;
}

/* ____ 各サイドコンテンツ共通 ____ */
#sidebar .widget-sidebar {
	width: 180px;
	margin: 0 auto 10px;
	padding: 0;
}

/* ____ サイド見出し ____ */
#sidebar .widget-sidebar-title {
	width: 100%;
	height: 30px;
	margin: 6px 0 0;
	padding: 0;
	color: #400000;
	font-size: 15px;
	font-weight: normal;
	line-height: 27px;
	text-align: center;
	background: transparent url("https://office-88.net/img-layout/side-h-2.jpg") no-repeat center top;
	border: none;
	border-radius: 0;
}

/* ____ リスト基本設定 ____ */
#sidebar .widget-sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar .widget-sidebar li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}

/* ____ side-f.jpg を使用するコンテンツ ____ */
/* お知らせ */
/* 代表の田代です */
/* 顎関節症・顎の痛み */
/* メニュー */
/* 最新の投稿 */
#sidebar #text-2 .textwidget,
#sidebar #text-3 .textwidget,
#sidebar #text-10 .textwidget,
#sidebar #nav_menu-2 > ul,
#sidebar #recent-posts-2 > ul {
	margin: 0;
	padding: 8px 8px 10px;
	background: #f7f7f7 url("https://office-88.net/img-layout/side-f.jpg") no-repeat center bottom;
}

/* ____ 背景色＋枠線を使用するコンテンツ ____ */
/* 整体 技術 */
/* その他 */
/* 会社概要 */
/* 注意 */
#sidebar #nav_menu-3 > ul,
#sidebar #text-7 .textwidget,
#sidebar #text-8 .textwidget,
#sidebar #text-9 .textwidget {
	margin: 0;
	padding: 8px 8px 10px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-top: 0;
}

/* ____ テキストウィジェット本文 ____ */
#sidebar .textwidget p {
	margin: 0 0 .5em;
	padding: 0;
	line-height: 1.5;
}
#sidebar .textwidget img {
	max-width: 100%;
	height: auto;
}

/* ____ お知らせなど通常の箇条書き ____ */
#sidebar .widget_text > .textwidget > ul > li {
	margin: 0;
	padding: 3px 0 3px 20px;
	list-style: none;
	font-size: 15px;
	line-height: 1.5;
	background: url("https://office-88.net/img-layout/li_arrow01.gif") no-repeat 2px 9px;
}

/* ____ リンクメニュー共通 ____ */
/* ナビゲーションメニュー */
/* 最近の投稿 */
/* 固定ページ */
#sidebar .widget_nav_menu ul li a,
#sidebar .widget_recent_entries ul li a,
#sidebar .widget_pages ul li a {
	display: block;
	margin: 0;
	padding: 3px 0 3px 20px;
	color: #0088CC;
	font-size: 15px;
	line-height: 1.4;
	text-decoration: none;
	background: url("https://office-88.net/img-layout/li_arrow01.gif") no-repeat 2px 6px;
}
#sidebar .widget_nav_menu ul li a {
	font-weight: normal;
}
#sidebar .widget_nav_menu ul li a:hover,
#sidebar .widget_recent_entries ul li a:hover,
#sidebar .widget_pages ul li a:hover {
	color: #0088CC;
	background-color: #f7f7f7;
	background-position: 4px 6px;
}

/* ____ カスタムHTML・バナー共通 ____ */
#sidebar .custom-html-widget {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
#sidebar .custom-html-widget img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* ____ 複数バナー間の余白 ____ */
/* 冒頭バナー */
/* 適応症例などのバナー */
/* メール相談・メルマガバナー */
#sidebar #custom_html-2 .custom-html-widget > a,
#sidebar #custom_html-3 .custom-html-widget > a,
#sidebar #custom_html-4 .custom-html-widget > a {
	display: block;
	margin: 0 0 6px;
	line-height: 0;
}
#sidebar #custom_html-2 .custom-html-widget > a:last-of-type,
#sidebar #custom_html-3 .custom-html-widget > a:last-of-type,
#sidebar #custom_html-4 .custom-html-widget > a:last-of-type {
	margin-bottom: 0;
}
/* HTML内のbrによる余白は使わずCSSで統一 */
#sidebar #custom_html-2 .custom-html-widget > br,
#sidebar #custom_html-3 .custom-html-widget > br,
#sidebar #custom_html-4 .custom-html-widget > br {
	display: none;
}

/* ____ サイドコンテンツ冒頭のバナー ____ */
#sidebar #custom_html-2 .custom-html-widget img {
	width: 180px;
	height: auto;
}

/* ____ スマホ：サイドコンテンツを横幅いっぱいに表示 ____ */
@media screen and (max-width: 834px) {
	/* サイドバー全体 */
	#sidebar {
		width: 100%;
		max-width: none;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}
	/* 各ウィジェット */
	#sidebar .widget-sidebar {
		width: 100%;
		max-width: none;
		margin: 0 0 20px;
		padding: 0;
		box-sizing: border-box;
	}
	/* 見出し */
	#sidebar .widget-sidebar-title {
		width: 100%;
		box-sizing: border-box;
	}
	/* ウィジェット本文を横幅いっぱいに */
	#sidebar .textwidget,
	#sidebar .widget_nav_menu > ul,
	#sidebar .widget_recent_entries > ul,
	#sidebar .widget_pages > ul {
		width: 100%;
		box-sizing: border-box;
	}
	/* PC用180px背景画像 side-f.jpg をスマホでは外す */
	#sidebar #text-2 .textwidget,
	#sidebar #text-3 .textwidget,
	#sidebar #text-10 .textwidget,
	#sidebar #nav_menu-2 > ul,
	#sidebar #recent-posts-2 > ul {
		background-image: none;
		background-color: #f7f7f7;
		border: 1px solid #ddd;
		border-top: 0;
		padding: 12px 14px 14px;
	}
	/* もともと枠線タイプのウィジェットも余白を統一 */
	#sidebar #nav_menu-3 > ul,
	#sidebar #text-7 .textwidget,
	#sidebar #text-8 .textwidget,
	#sidebar #text-9 .textwidget {
		padding: 12px 14px 14px;
	}
}

/* ____ スマホ：サイド見出し ____ */
@media screen and (max-width: 834px) {
	#sidebar .widget-sidebar-title {
		position: relative;
		width: 100%;
		height: 30px;
		margin: 0;
		padding: 0 12px 0 42px;
		box-sizing: border-box;
		color: #400000;
		font-size: 15px;
		font-weight: normal;
		line-height: 30px;
		text-align: center;
		background-color: #f5f2e9;
		background-image:
			url("https://office-88.net/wp-content/uploads/2026/10/bg_h2_repeat.jpg");
		background-repeat: repeat;
		background-position: left top;
		background-size: auto;
		border: none;
		border-radius: 0;
	}
	/* 花 */
	#sidebar .widget-sidebar-title::before {
		content: "";
		position: absolute;
		left: 7px;
		top: 2px;
		width: 28px;
		height: 26px;
		background-image:
			url("https://office-88.net/wp-content/uploads/2026/10/side-h-2-flower.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}
	/* 下部のブラウン・グラデーションライン */
	#sidebar .widget-sidebar-title::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		background: linear-gradient(
			to right,
			#9b6b43 0%,
			#9b6b43 18%,
			rgba(155, 107, 67, 0.65) 45%,
			rgba(155, 107, 67, 0.25) 72%,
			rgba(155, 107, 67, 0) 100%
		);
	}
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

/* ____ フッターエリア ____ */
.footer-bottom {
	margin-top: 0;
}

/* ____ フッターロゴ表示設定 ____ */
.footer-bottom-logo .logo-image {
	padding: 0;
	max-width: 100%;
}
.footer-bottom-logo .footer-site-logo-image {
	width: 100% !important;
	height: auto !important;
}
@media screen and (max-width: 1023px) {
	.footer-bottom-logo {
		margin-bottom: 30px;
	}
}

/* ____ フッター背景：PC・スマホ共通 ____ */
#footer-in {
	background-image: url("https://office-88.net/img-layout/bg_top.jpg");
	background-repeat: repeat;
	background-position: left top;
	background-size: auto;
}

/* ____ PC：旧サイト幅に合わせる ____ */
@media screen and (min-width: 1024px) {
	#footer-in {
		width: 852px;
		max-width: 852px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ____ タブレット・スマホ：横幅100％ ____ */
@media screen and (max-width: 1023px) {
	#footer-in {
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/*--------------------------------------------------------
フッターメニュー
--------------------------------------------------------*/

/* ____ PC・タブレット：仕切り線 ____ */
.navi-footer-in > .menu-footer li {
	border-left: 1px solid #b9a77d;
}
.navi-footer-in > .menu-footer li:last-child {
	border-right: 1px solid #b9a77d;
}

/* ____ スマホ：フッターメニューの仕切り線調整 ____ */
@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li {
    border-left: none !important;
    border-right: none !important;
  }
  /* 左列だけ右側に仕切り線 */
  .navi-footer-in > .menu-footer li:nth-child(odd) {
    border-right: 1px solid rgba(120, 85, 45, 0.35) !important;
  }
}

/* ____ フッターメニュー マウスオーバー ____ */
.navi-footer-in > .menu-footer li a:hover {
	background-color: rgba(253, 241, 146, 0.75);
	color: #400000;
	opacity: 1;
}

/* ____ コピーライト ____ */
.copyright {
	margin-top: 30px;
	font-size: .8em;
}

/* ____ 画像位置スマホ設定 ____ */
@media screen and (max-width: 834px){
	img.alignright,img.alignleft,img.alignnone,	img.aligncenter {
		float:none !important;
		display: block;
		margin: 0 auto 20px !important;
	}
}

/*--------------------------------------------------------
モバイルフッター固定メニュー
--------------------------------------------------------*/

/* ____ 各ボタンの背景色 ____ */
.mobile-footer-menu-buttons li:nth-child(1) {
	background-color: #F7D6D9;
}
.mobile-footer-menu-buttons li:nth-child(2) {
	background-color: #F8E8B5;
}
.mobile-footer-menu-buttons li:nth-child(3) {
	background-color: #DDEDCB;
}
.mobile-footer-menu-buttons li:nth-child(4) {
	background-color: #E9DED4;
}
/* ネットからお問い合わせ */
.mobile-footer-menu-buttons li:nth-child(1) .menu-icon,
.mobile-footer-menu-buttons li:nth-child(1) .menu-caption,
.mobile-footer-menu-buttons li:nth-child(1) i {
	color: #D65C78 !important;
}
/* TEL */
.mobile-footer-menu-buttons li:nth-child(2) .menu-icon,
.mobile-footer-menu-buttons li:nth-child(2) .menu-caption,
.mobile-footer-menu-buttons li:nth-child(2) i {
	color: #B98224 !important;
}
/* LINE */
.mobile-footer-menu-buttons li:nth-child(3) .menu-icon,
.mobile-footer-menu-buttons li:nth-child(3) .menu-caption,
.mobile-footer-menu-buttons li:nth-child(3) i {
	color: #5E9B46 !important;
}
/* ページTOP */
.mobile-footer-menu-buttons li:nth-child(4) .menu-icon,
.mobile-footer-menu-buttons li:nth-child(4) .menu-caption,
.mobile-footer-menu-buttons li:nth-child(4) i {
	color: #8A644D !important;
}
/* リンク全体 */
.mobile-footer-menu-buttons .menu-button > a {
	color: inherit;
}
/* 仕切り線 */
.mobile-footer-menu-buttons li {
	border-left: 1px dotted rgba(90, 70, 56, .25);
}
.mobile-footer-menu-buttons li:first-child {
	border-left: none;
}
/* 本文との境界を少しだけ明確にする */
.mobile-footer-menu-buttons {
	box-shadow: 0 -1px 5px rgba(90, 70, 56, .12);
}

/*--------------------------------------------------------
テキスト装飾
--------------------------------------------------------*/

/* ____ テキストカラー ____ */
.blue {
color: #00a6b7;
}
.red {
color: #cc0000;
}
.green {
color: #1f8c4d;
}
.marker-under {
    background: linear-gradient(transparent 60%, #ffdc52 60%)
}

/* ____ テキスト設定 ____ */
.u {
text-decoration: underline;
}
.txt-r {
text-align: right;
}
.txt-l {
text-align: left;
}
.center {
text-align: center;
}

/* ____ 余白設定 ____ */
.-mt20 {
margin-top: -20px;
}
.-mt30 {
margin-top: -30px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
.mt60 {
margin-top: 60px;
}
.mt70 {
margin-top: 70px;
}
.mt80 {
margin-top: 80px;
}
.mt90 {
margin-top: 90px;
}
.mt100 {
margin-top: 100px;
}
.mt120 {
margin-top: 120px;
}
.mb10 {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.mb40 {
margin-bottom: 40px;
}
.mb50 {
margin-bottom: 50px;
}
.mb60 {
margin-bottom: 60px;
}
.mb80 {
margin-bottom: 80px;
}
.mb90 {
margin-bottom: 90px;
}
.mb100 {
margin-bottom: 100px;
}
.mb120 {
margin-bottom: 120px;
}

/*--------------------------------------------------------
レスポンシブ・埋め込み表示
--------------------------------------------------------*/

/* ____ スマホ用改行 ____ */
@media screen and (min-width: 835px) {
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 834px) {
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/* ____ YouTube貼り付け ____ */
.video-container, .instagram-container, .facebook-container {
    margin-left: auto;
    margin-right: auto;
}

/* ____ toc（目次） ____ */
#toc {
	margin-top: 50px;
}

/* ____ ブログアーカイブ ____ */
@media screen and (min-width: 1024px) {
    .entry-card-thumb {
        width: 220px;
    }
    .entry-card-content {
        margin-left: 230px;
    }
}

/*--------------------------------------------------------
旧サイトから引き継ぐ本文用CSS
--------------------------------------------------------*/

/* ____ 太字 ____ */
.b {
	font-weight: bold;
}

/* ____ フォントサイズ ____ */
.f16 {
	font-size: 16px !important;
	line-height: 140% !important;
}
.f18 {
	font-size: 18px !important;
	line-height: 140% !important;
}

/* ____ 黄色強調 ____ */
.yell {
	color: #000000;
	background-color: #F7FF72;
}

/* ____ 黄色背景ボックス ____ */
.yell-bg {
	background-color: #FFFFF4;
}

/* ____ 黄色枠 ____ */
.yell-bdr {
	border: 1px solid #CCCC00;
	margin: 10px;
	padding: 10px;
}

/* ____ チェックリスト ____ */
.article .check {
	margin: 0 !important;
	padding: 0 10px !important;
	line-height: 1.4;
	list-style: none;
}
.article .check li {
	margin: 0;
	padding: 4px 0 4px 22px;
	list-style: none;
	background: url("https://office-88.net/img-layout/ico_check01.gif") no-repeat left 6px;
}