@charset "UTF-8";
/*
Theme Name:Be-child
Template:be_tcd076
Theme URI:
Description:WordPressテーマ「Be」の自作子テーマです。
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.9
Text Domain: tcd-w
*/

/*見出しを共通デザインに調整*/
.p-entry__body h2,.p-entry__body h3,.p-entry__body h4,.p-entry__body h5,.p-entry__body h6 { font-weight: 500; line-height: 1.6; }
.p-entry__body h2 { margin: 3.5em 0 30px !important; padding: 0 0 .4em; border-bottom: 3px solid #000; font-size: 26px !important; }
.p-entry__body h3 { margin: 3.5em 0 30px !important; padding: .3em 0 .3em .8em; border-left: 3px solid #000; font-size: 22px !important; font-weight: 500; }
.p-entry__body h4 { margin: 3.5em 0 30px !important; padding: .2em 0 .2em .8em; border-left: 6px solid #000; border-style:double; font-size: 18px !important; font-weight: 500; }
.p-entry__body h5 { margin: 3.5em 0 30px !important; padding: .85em 1.5em .8em; border: 1px solid #ddd; background: #fafafa; font-size: 18px !important; }
@media (max-width: 767px) {
	.p-entry__body h2 { margin: 2.5em 0 20px !important; padding: 0 0 .4em; font-size: 20px !important; font-weight: 800; }
	.p-entry__body h3 { margin: 2.5em 0 20px !important; padding: .2em 0 .2em .8em; border-left: 2px solid #000; font-size: 18px !important; font-weight: 800; }
	.p-entry__body h4 { margin: 2.5em 0 20px !important; padding: .3em 0 .3em .8em; border-left: 4px solid #000; border-style:double; font-size: 16px !important; }
	.p-entry__body h5 { margin: 2.5em 0 20px !important; padding: .8em 1em .75em; font-size: 15px !important; }
}

/*本文の色変更*/
.p-entry__body, .p-author__desc, .p-blog-archive__item-excerpt {
	color: #333!important;
}
/*ウィジェットのバナーの横幅設定*/
.widget_banner {
	width: 300px;
	margin: 0 auto;
}
@media screen and (max-width: 767px){
	.widget_banner {
		width: 100%;
	}
}
/*左カラムマージン*/
.p-sidebar .p-widget {
	margin-bottom: 10px;
}
.p-sidebar .p-widget__title {
color: #F4F4F4;
background-color: #35404D !important;
padding: 20px 25px;
}

/*ヘッダーメニュー色変更企画*/
.p-megamenu--type2 > ul {
	background: #35404D;}

/*ヘッダーメニュー色変更アーカイブ*/
.p-megamenu--type3 ul li .p-megamenu__hover, .p-megamenu--type3 > ul {
	background-color: #35404D;
	color:#F4F4F4;
}
/*ヘッダーにアフィリエイト文言追加*/
.p-header__desc {
	margin-bottom: 0;
}
.p-header__desc__affiliate {
	color: #333;
	text-align: center;
	width: 394px;
	margin: 0 auto;
	border:1px solid #ccc;
	padding: 0.5rem 0;
}
@media screen and (max-width: 1200px){
	.p-header__desc__affiliate {
		width: 100%;
		max-width: 1180px;
		color: #fff;
		border: none;
		background: #333;
	}
}
@media screen and (max-width: 991px){
	.p-header__desc__affiliate {
		width: 100vw;
    transform: translateX(-5.6vw);
    max-width: none;
    font-size: 0.75rem;
	}
}
/*フッタースライド高さ調整*/
.p-article-slider{
	height: 350px;
}
/*snsシェア pocketをLINEに変更*/
.c-share--color .c-share__btn--pocket a { background-color: #00b900; }
.c-share--mono .c-share__btn--pocket a:hover { background-color: #00b900; }
.c-share--color .c-share__btn--pocket a:hover { background-color: #0e820e; }
.c-share__icn--pocket::before { content: "\e909"; }

/*トップページ メインスライダー MOREボタン位置調整*/
.home .p-header-content__inner{margin-top:380px;}
@media screen and (max-width: 767px){
.home .p-header-content__inner { margin-top: 290px;}
}
.home .p-button { height: 40px; line-height: 40px; min-width: 100px;}
.p-header-slider__item--1 .p-header-content__catch{display:none;}
.p-header-slider__item--1 .p-header-content__desc{display:none;}
/*トップページ メインスライダー ページネーション位置調整*/
.slick-dots{bottom: 15px;}

/* トップページ メインスライダー下アイコンリストのスタイリング */
.p-header-icons {
	margin: .3125rem auto 0;
	width: 88.8888%;
	max-width: 1180px;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	color: #333;
}
@media screen and (max-width: 500px){
	.p-header-icons {
		justify-content: space-between;
	}
}
.p-header-icons__icon {
	height: 2.8125rem;
	width: 24%;
	border-bottom: 1px solid #ddd;
	padding-left: .9375rem;
	margin: 1.25rem .5% 0 .5%;
}
@media screen and (max-width: 1024px){
	.p-header-icons__icon {
		width: 31.33%;
	}
}
@media screen and (max-width: 767px){
	.p-header-icons__icon {
		width: 48%;
		margin: 1.25rem 1% 0 1%;
	}
}
@media screen and (max-width: 500px){
	.p-header-icons__icon {
		width: 47%;
		height: auto;
		margin: .75rem 0 0;
		padding: 0 0 .3125rem 0;
	}
}
.p-header-icons__icon-link {
	display: flex;
	align-items: center;
	position: relative;
	padding-right: 3.125rem;
	line-height: 1.25;
}
.p-header-icons__icon-link:hover {
	opacity: .5;
	color: #333;
}
.p-header-icons__icon-link::after {
	content: '\f054';
	font-family: "FontAwesome";
	font-size: .75rem;
	color: #666;
	position: absolute;
	top: 50%;
	right: 1.25rem;
	transform: translateY(-50%);
}
@media screen and (max-width: 500px){
	.p-header-icons__icon-link {
		flex-direction: column;
		font-size: .75rem;
		padding-right: 1.5625rem;
	}
	.p-header-icons__icon-link::after {
		right: .625rem;
	}
}
.p-header-icons__icon-img {
	width: 2.1875rem;
	display: inline-block;
	margin-right: .9375rem;
}
@media screen and (max-width: 500px){
	.p-header-icons__icon-img {
		width: 2.5rem;
		margin: 0 0 .5rem;
	}
}
.p-header-icons__icon-img > img {
	width: 100%;
	vertical-align: top;
	border-radius: 6px;
}

/*トップページ サブスライダー 縦幅調整*/
@media screen and (min-width: 767px){
	.p-header-slider + .p-header-blog {height:350px;}
	.p-article-slider__item::after {
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 2%,rgba(0,0,0,0.7)50%);
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 2%, rgba(0,0,0,0.7) 50%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 2%,rgba(0,0,0,0.7) 50%);
		top: 29%;
	}
	.slick-slide img{
		top: -60px;
	}
}
.p-article-slider__item-info {padding: 0 30px 145px;}
.p-article-slider__item-title, .p-article-slider__item-info .p-article__title {line-height: 1.4; height: 4.5em;}
@media screen and (max-width: 767px){
	.p-article-slider {height:295px;}
	.p-article-slider__item-info {padding: 0 30px 12px;}
}

/*記事内 装飾*/
mark {
	font-style: normal;
}
.btn {
	color: #fff !important;
	font-weight: bold;
	margin: 1em;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
	line-height: normal;
	padding: 10px 16px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	border: 2px solid transparent;
	border-bottom: none !important;
}
.btn-chevron-circle-right:before {
	content: "\f138";
}
.btn:before {
	font-family: FontAwesome;
	margin-right: 10px;
}
.btn-cyan{
	background-color: #00BCD4;
}
.btn-amber{
	background-color: #ffd401;
}
.btn-red{
	background-color: #f44336 ;
}
.information, .question, .alert {
	background-color: #F4F3EB;
	padding: 20px 20px 20px 72px;
	border-radius: 4px;
	position: relative;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}
.information::before {
	content: '\f05a';
}
.information::before, .question::before, .alert::before {
	font-family: "FontAwesome";
	font-size: 50px;
	position: absolute;
	top: -20px;
	left: 13px;
	color: #EAE3B4;
}
.p-entry__body a{
	color: #2081f1 !important;
	border-bottom: 1px solid #2081f1;
	font-weight: bold;
}
.p-entry__body a.btn{
	color: #fff !important;
}
.p-entry__body a:hover{
	opacity: .5;
}
.sp-info {
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 20px;
}
.p-page-links a{
	border-bottom: none;
}
.well {
	line-height: 1.8;
}
.p-annotation {
	font-size: 12px;
	color: #666699;
	line-height: 1.2;
}
p.p-without-margin {
	margin-bottom: 0;
}
.af-btn {
	background: #ffd401;
	border-radius: 100vh;
	text-align: center;
	padding: 6px 0;
	margin-bottom: 20px;
	display: block;
}
.af-btn a {
	color: #1b6dcc!important;
	border: none;
	display: block;
	position: relative;
	padding: 7px 43px;
	line-height: 1.5;
}
.af-btn a::after {
	font-family: "Font Awesome 5 Free", FontAwesome;
	content: "\f054";
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	font-weight: 900;
}
.wp-block-column .af-btn {
	margin-bottom: 0px;
}
.well + .wp-block-columns {
	gap: 1em;
}
.well3 {
	margin-top: 0;
}
.wp-block-separator {
	border-color: #ddd;
}

/* 画像の下にmargin追加 */
figure.wp-block-image.size-full,
.wp-block-columns {
	margin-bottom: 20px;
}
@media screen and (max-width: 991px){
	figure.wp-block-image.size-full,
	.wp-block-columns {
		margin-bottom: 30px;
	}
}
.wp-block-column figure.wp-block-image.size-full {
	margin-bottom: 0;
}

/*検索ボタン　カラー*/
.p-widget .searchform::after{
	background-color:#35404D !important;
}
/*記事一覧 日付とタグの色*/
.p-blog-list__item-meta.p-article__meta{
		color:#35404D !important;
}
/*記事一覧 ネイティブ広告　「｜」の色*/
.p-native-ad__label + .p-native-ad__sponsor::before{
	color:#ffd401 !important;
}
/*ウィジェット特集記事 日付とタグの色*/
.p-widget-list__item-meta{
	color:#35404D !important;
}

/*コンタクトフォーム*/
.wpcf7 input[type=radio]{
	max-width: 7%;
}

/*topボタン設定*/
.p-pagetop{
	background-image: url(/ndw/wordpress/wp-content/uploads/2021/04/gotop.png);
	background-repeat: no-repeat;
}
.p-pagetop:hover{
	transition: .3s;
	opacity: .5; 	
}
.p-pagetop a{
	background-color: transparent!important;
	height: 100px;
}
.p-pagetop a:hover{
	background-color: transparent!important;
}
.p-pagetop a::after{
	content:"";
}
/*各ページ ヘッダー画像幅縮小*/
.p-page-header{
	height: 30%;
}
/*タグ一覧ページ タイトル幅縮小*/
.tag .p-page-header{
	padding:0;
}
.question:before{
	content: \f059 !important;
}
.post-page-numbers{
	margin-top: 10px;
}

/*スマホでのYouTubeはみ出しを収める*/
.p-embed-container--youtube iframe,
.p-entry__body p iframe {
	max-width: 100%;
}

/*テーブルの表示設定*/
.table-sp-scroll {
	overflow: auto;
}
.p-entry__article thead tr td {
	color:#f4f4f4;
	background-color: #35404D!important;
}

/* 画像の注釈デザイン */
.wp-block-image figcaption,
.wp-block-embed-youtube figcaption {
	font-size: 0.8em;
	margin-top: 0.2em;
	color: #666699;
}

/* 広告 */
ins.adsbygoogle {
	margin-bottom: 20px;
	text-align: center;
}

/* 楽天ランキング */
.rakuten-sales-ranking {
	margin-top: 0;
	overflow: hidden;
	height: 1367px;
}
.rakuten-sales-ranking iframe {
	vertical-align: top;
	-webkit-transform: scale(1.339285714);
			-ms-transform: scale(1.339285714);
					transform: scale(1.339285714);
	-webkit-transform-origin: top left;
			-ms-transform-origin: top left;
					transform-origin: top left;
}
@media screen and (max-width: 991px){
	.rakuten-sales-ranking {
		overflow-x: auto;
		text-align: center;
		height: auto;
	}
	.rakuten-sales-ranking iframe {
		transform: scale(1);
	}
}

/* 吹き出し */
.speach_balloon_text {
	margin-bottom: 1em;
}

/* ランキング(WordPress Popular Posts) */
.p-sidebar .p-widget__title {
	margin-bottom:0;
}

/* 目次の調整 */
#toc_container {
	min-width: 66%;
	margin: 2.5rem auto 2.5rem;
	padding: .625rem 1.25rem;
	border-radius: .25rem;
}
@media screen and (max-width: 767px){
	#toc_container {
		width: 100%;
	}
}
#toc_container p.toc_title {
	font-size: 1rem;
	position: relative;
}
#toc_container span.toc_toggle {
	font-size: .75rem;
	background-color: #fff;
	border-radius: .25rem;
	padding: .25rem .5rem;
	position: absolute;
	right: 0;
	line-height: 1.2;
	top: 50%;
	transform: translateY(-50%);
}
#toc_container span.toc_toggle > a {
	border: none;
}
#toc_container span.toc_toggle > a:hover {
	text-decoration: none;
}
.toc_brackets {
	display: none;
}

/* カラーパレット追加 */
.has-ndw-black-color { color: #333; }
.has-color-1-color { color: #ffd401; }
.has-color-2-color { color: #35404d; }
.has-color-3-color { color: #ccc; }
.has-color-4-color { color: #fafafa; }
.has-color-5-color { color: #2081f1; }
.has-color-6-color { color: #666699; }
.has-color-7-color { color: #d32d26; }
.has-color-8-color { color: #26499d; }
.has-color-9-color { color: #b32520; }
.has-color-10-color { color: #b36920; }
.has-color-11-color { color: #99991c; }
.has-color-12-color { color: #178017; }
.has-color-13-color { color: #301c99; }
.has-color-14-color { color: #b025cc; }
.has-ndw-black-background-color { background-color: #333; }
.has-color-1-background-color { background-color: #ffd401; }
.has-color-2-background-color { background-color: #35404d; }
.has-color-3-background-color { background-color: #ccc; }
.has-color-4-background-color { background-color: #fafafa; }
.has-color-5-background-color { background-color: #2081f1; }
.has-color-6-background-color { background-color: #666699; }
.has-color-7-background-color { background-color: #d32d26; }
.has-color-8-background-color { background-color: #26499d; }
.has-color-9-background-color { background-color: #b32520; }
.has-color-10-background-color { background-color: #b36920; }
.has-color-11-background-color { background-color: #99991c; }
.has-color-12-background-color { background-color: #178017; }
.has-color-13-background-color { background-color: #301c99; }
.has-color-14-background-color { background-color: #b025cc; }

/* 吹き出し（Word Balloon）のデザイン変更 */
div.w_b_talk_L {
	margin-left: 20px;
}
div.w_b_shadow_L {
	box-shadow: none;
}
div.w_b_name {
	font-size: 12px;
	font-weight: 400;
}
div.w_b_talk:before {
	top: 17px;
	border: 7px solid transparent;
}
div.w_b_talk_L {
	border: 2px solid #cdcdcd;
	color: #333;
}
div.w_b_talk_L:before {
	border-top-color: #cdcdcd;
	border-right-color: #cdcdcd;
	left: -14px;
}
div.w_b_talk_L:after {
	left: -9px;
}

/* Google reCaptcha */
.grecaptcha-badge { 
	visibility: hidden;
}

/* Ver1.9のTwitterブロックの上に余白ができるバグを暫定的に対処 */
.wp-block-embed-twitter .wp-block-embed__wrapper {
	padding-top: 0;
}