@charset "UTF-8";
/*
Theme Name:FAMOUS Child
Theme URI:
Description:WordPressテーマ「FAMOUS」の子テーマ
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Template:famous_tcd064
Version:1.1
Text Domain: tcd-w
*/

/* ========== original ==========*/

	.pc { display: block; }
	.sp { display: none; }
	.pc-in { display: inline-block; }
	.sp-in { display: none; }
	.pc-table { display: table; }
	.sp-table { display: none; }
@media only screen and (max-width: 767px) {
	.pc { display: none; }
	.sp { display: block; }
	.pc-in { display: none; }
	.sp-in { display: inline-block; }
	.pc-table { display: none; }
	.sp-table { display: table; }
}

/* トップページ用の追加した見出しサブ画像用 */
.p-cb__item-headline_sub {
	text-align: center;
	font-size: 0;
	padding-bottom: 10px;
}
.p-cb__item-headline_sub p {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
	padding-top: 10px;
	position: relative;
}
.p-cb__item-headline_sub p:before {
	content:"";
	width: 100%;
	max-width: 260px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -130px;
}
.p-cb__item-headline_sub p img {
	max-width: 100%;
	vertical-align: top;
}

.p-cb__item-desc {
	margin-left: auto;
	margin-right: auto;
	width: 88.888%;
	max-width: 1180px;
}

/*#cb_1 .p-cb__item-headline_sub p img { max-width: 60px; }
#cb_2 .p-cb__item-headline_sub p img { max-width: 179px; }
#cb_3 .p-cb__item-headline_sub p img { max-width: 146px; }
#cb_4 .p-cb__item-headline_sub p img { max-width: 106px; }
#cb_5 .p-cb__item-headline_sub p img { max-width: 190px; }
#cb_6 .p-cb__item-headline_sub p img { max-width: 105px; }
#cb_7 .p-cb__item-headline_sub p img { max-width: 269px; }
#cb_8 .p-cb__item-headline_sub p img { max-width: 94px; }*/

/*
	トップページのコンテンツ：フリーテンプレート内用
*/
	.leaders-block {
	}
	.leaders-in {
		width: 100%;
		max-width: 768px;
		margin-left: auto;
		margin-right: auto;
	}
	.leaders-block p {
		margin: 0;
	}
	.leaders-block .leaders-info {
		overflow: hidden;
		margin-top: 50px;
	}
	.leaders-block .leaders-info .left {
		float: left;
		width: 25%;
		text-align: center;
	}
	.leaders-block .leaders-info .left img {
		width: 100%;
		max-width: 142px;
	}
	.leaders-block .leaders-info .left .name {
		margin-top: 10px;
		font-size: 22px;
		line-height: 1.5;
	}
	.leaders-block .leaders-info .right {
		float: right;
		width: 70%;
		line-height: 1.75;
	}
	.leaders-block .leaders-info .right .title {
		font-size: 22px;
		font-weight: bold;
	}
	.leaders-block .leaders-info .right .text {
		margin-top: 5px;
		font-size: 14px;
	}
	.leaders-block .p-button {
		margin-left: auto;
		margin-right: auto;
		color: #fff !important;
	}
	/*.leaders-block .p-button:hover {
		color: #fff !important;
	}*/
@media only screen and (max-width: 767px) {
	.leaders-block .leaders-info {
		margin-top: 30px;
	}
	.leaders-block .leaders-info .left .name {
		font-size: 18px;
	}
	.leaders-block .leaders-info .right .title {
		font-size: 18px;
	}
}

	.member-recruit figure {
		width: 100%;
		position: relative;
	}
	.member-recruit figure img {
		width: 100%;
	}
	.member-recruit figure .text {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
	}
	.member-recruit figure .text .text-in {
		background: rgba(255,240,0,0.5);
		font-weight: bold;
		text-align: center;
		font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		padding: 10px 40px;
		line-height: 1.5;
	}
	.member-recruit figure .text .l1 {
		font-size: 28px;
	}
	.member-recruit figure .text .l2 {
		font-size: 44px;
	}
	.member-recruit .points {
		width: 100%;
		max-width: 960px;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	.member-recruit .points li {
		float: left;
		width: 33.33%;
		text-align: center;
		list-style: none;
	}
	.member-recruit .points li .word {
		background: #c11920;
		color: #fff;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		width: 116px;
		height: 116px;
		border-radius: 116px;
		margin: auto;
		font-size: 37px;
		font-weight: bold;
	}
	.member-recruit .points li .text {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.53;
	}
	.member-recruit .p-button {
		margin-left: auto;
		margin-right: auto;
		color: #fff !important;
	}
	/*.member-recruit .p-button:hover {
		color: #111 !important;
	}*/
@media only screen and (max-width: 767px) {
	.member-recruit figure .text .text-in {
		padding: 10px 10px;
	}
	.member-recruit figure .text .l1 {
		font-size: 18px;
	}
	.member-recruit figure .text .l2 {
		font-size: 26px;
	}
	.member-recruit .points {
		width: 100%;
		max-width: 960px;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	.member-recruit .points li .word {
		width: 100px;
		height: 100px;
		border-radius: 100px;
	}
	.member-recruit .points li .word span {
		font-size: 22px;
		font-weight: bold;
	}
	.member-recruit .points li .text {
		margin-top: 10px;
		padding: 0 5px;
		font-size: 12px;
		line-height: 1.53;
		text-align: left;
	}
	.member-recruit .p-button {
		margin-left: auto;
		margin-right: auto;
		color: #fff !important;
	}
	/*.member-recruit .p-button:hover {
		color: #fff !important;
	}*/
}


	.about-block {
		text-align: center;
	}
	.about-block .text {
		font-size: 14px;
		line-height: 1.75;
		margin-bottom: 30px;
	}
	.about-block .p-button {
		margin-left: auto;
		margin-right: auto;
		color: #fff !important;
	}
	/*.about-block .p-button:hover {
		color: #fff !important;
	}*/
@media only screen and (max-width: 767px) {
	.about-block figure {
		margin: 10px 0 20px;
		padding: 0 10%;
		text-align: center;
	}
	.about-block figure img {
		max-width: 80%;
	}
	.about-block .text {
		text-align: left;
	}
}

	.l-main .p-cb__item.has-bg {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.members-block {
		padding: 40px 0;
	}
	.members-block ul {
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		overflow: hidden;
		margin-left: 0;
	}
	.members-block ul li {
		width: 25%;
		padding: 0 10px;
		text-align: center;
		list-style: none;
	}
	.members-block ul li a {
		display: block;
		color: #000;
		vertical-align: top;
	}
	.members-block ul li .photo {
		width: 116px;
		height: 116px;
		border-radius: 116px;
		margin: auto;
		overflow: hidden;
	}
	.members-block ul li .name {
		line-height: 1.75;
		margin: 10px 0;
		font-size: 16px;
	}
	.members-block ul li .text {
		line-height: 1.53;
		text-align: left;
		font-size: 14px;
	}
	.members-block .p-button {
		margin-left: auto;
		margin-right: auto;
		color: #fff !important;
	}
	/*.members-block .p-button:hover {
		color: #fff !important;
	}*/
@media only screen and (max-width: 767px) {
	.members-block ul {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.members-block ul li {
		float: none;
		display: inline-block;
		width: 50%;
		padding: 0 10px 40px;
	}
}


	.dl-block .dl-list {
		padding-top: 50px;
		text-align: center;
	}
	.dl-block .dl-list li {
		list-style: none;
	}
	.dl-block .dl-list a {
		position: relative;
		color: #000;
		text-decoration: underline;
		font-size: 16px;
	}
	.dl-block .dl-list a:hover {
		text-decoration: none;
	}
	.dl-block .dl-list a:before {
		content: ">>";
		display: inline-block;
		margin-right: 5px;
	}


	.footer-nav_fb {
		width: 100%;
		max-width: 960px;
		min-height: 290px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		text-align: center;
		position: relative;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.footer-nav_fb .bottom-links {
		display: block;
		min-width: 300px;
		/*display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;*/
		text-align: left;
	}
	.footer-nav_fb .bottom-links .lineat img {
		max-width: 260px;
	}
	.footer-nav_fb .bottom-links a {
		display: block;
		text-align: left;
		font-size: 16px;
		margin: 20px 0;
	}
	}
	.footer-nav_fb .fb-page {
		display: inline-block;
	}
@media only screen and (max-width: 767px) {
	.footer-nav_fb {
		display: block;
		margin-bottom: 20px;
	}
	.footer-nav_fb .bottom-links {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-nav_fb .bottom-links .lineat {
		display: block;
		width: 100%;
		text-align: center;
	}
	.footer-nav_fb .bottom-links .lineat a {
		display: inline-block;
	}
	.footer-nav_fb .bottom-links .bottom-links-in {
		display: inline-block;
		text-align: left;
	}
	.footer-nav_fb .bottom-links a {
		display: block;
		text-align: left;
		font-size: 16px;
		margin: 20px 0;
	}
	.footer-nav_fb .fb-page {
		display: inline-block;
	}
}
	.qa-block {
		width: 100%;
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding: 60px 30px;
	}
	.qa-block h2 {
		font-size: 140%;
		color: #111;
		clear: both;
		line-height: 1.4;
		margin-bottom: 24.2px;
	}
	.qa-block h2 strong {
		font-weight: 700;
	}


/* ========== template update ==========*/

.p-page-header__title {
	color: #fff;
}

.p-entry__body {
	padding-top: 1px;
}
.p-entry__body .is-anchor {
	margin-top: -100px;
	padding-top: 100px;
	margin-bottom: 0;
}

/*  Youtube */
.l-inner .p-entry__body .wp-block-embed-youtube.aligncenter .wp-block-embed__wrapper,
.l-inner.l-2columns .p-entry__body .wp-block-embed-youtube.aligncenter .wp-block-embed__wrapper {
	position:relative;
	margin-left: auto;
	margin-right: auto;
}
.l-inner .p-entry__body .wp-block-embed-youtube.alignleft,
.l-inner.l-2columns .p-entry__body .wp-block-embed-youtube.alignleft,
.l-inner .p-entry__body .wp-block-embed-youtube.alignright,
.l-inner.l-2columns .p-entry__body .wp-block-embed-youtube.alignright {
	float: none;
	max-width: none;
}
.l-inner .p-entry__body .wp-block-embed-youtube.alignleft .wp-block-embed__wrapper,
.l-inner.l-2columns .p-entry__body .wp-block-embed-youtube.alignleft .wp-block-embed__wrapper {
	position:relative;
	margin-right: auto;
}
.l-inner .p-entry__body .wp-block-embed-youtube.alignright .wp-block-embed__wrapper,
.l-inner.l-2columns .p-entry__body .wp-block-embed-youtube.alignright .wp-block-embed__wrapper {
	position:relative;
	margin-left: auto;
}
.l-inner .p-entry__body .wp-block-embed-youtube .wp-block-embed__wrapper {
	width:80%;
	padding-top:45%;
}
.l-inner.l-2columns .p-entry__body .wp-block-embed-youtube .wp-block-embed__wrapper {
	width:100%;
	padding-top:56.25%;
	position: relative;
}
.l-inner .p-entry__body .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
@media only screen and (max-width: 767px) {
	.l-inner .p-entry__body .wp-block-embed-youtube .wp-block-embed__wrapper,
	.l-inner.l-2columns .p-entry__body .wp-block-embed-youtube .wp-block-embed__wrapper {
		width:100%;
		padding-top:56.25%;
	}
}

/* contents builder */
.p-cb__item.is-active .p-cb__item-headline {
  font-weight: bold;
  background: #c11920;
  padding: 20px 0;
  position: relative;
  z-index: 1;
}

/* global nav */
@media (min-width: 1200px) {
.p-global-nav > li > a { font-weight: bold; padding: 0 20px; }
}
@media (max-width: 1199px) {
	.p-global-nav a {
		font-weight: bold;
	}
}


.p-page-header__inner.l-inner {
	background: #c11920;
	width: 100%;
	max-width: none;
	padding: 20px;
}
.p-page-header__inner.l-inner h1 {
  font-weight: bold;
}
.p-footer-nav {
	margin-top: 00px;
}

/*
 * 2021 voide video
 */
.lity-container {
	padding: 32px;
}
.lity-close {
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
}
.p-article-voice__video {
	padding-left: 20px;
	width: 25%;
}
.p-article-voice__video a {
	display: inline-block;
	position: relative;
}
.p-article-voice__video a:before {
	content:"";
	border-top: transparent solid 10px;
	border-bottom: transparent solid 10px;
	border-left: 16px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	margin-left: 2px;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.p-article-voice__video a:after {
	content:"";
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.p-article-voice__video img {
	width: 100%;
}
.p-archive-voice__item {
	padding: 30px 40px;
}
.p-archive-voice__item-title {
	width: 20%;
}
@media only screen and (max-width: 991px) {
	.p-article-voice__video {
		padding-left: 0px;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
	.p-article-voice__video a {
		max-width: 640px;
	}
	.p-archive-voice__item-title {
		width: 100%;
	}
}
