/*
 Theme Name: RTB Themes Base  php8.0対応
 Text Domain: rtb_themes_base
 Theme URI:https:/ratebelab.com/thme_update/rtb_themes_base/
 Description:ラテベ php8.0対応
 Version:22.10.01
 Author: ratebe.com ratebe
 Author URI: https://ratebelab.com/
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Package: RTB
 */


/**	【タイトル】    カスタムPOST	スタッフ	*/
@charset "utf-8";
/**
 * ▼Historyy
 *		2024/11/01	RTB)	初版
 * ▲Historyy
 */


	/*		▼	スタッフ	一覧	*/

	body.rtb_post_staff.list_page	.page_title {
		color			:	#fff;
		background		:	rgba(0,0,0,50%);
	}
	body.rtb_post_staff.list_page	.page_cont_wop {
		border			: 	solid 1px #fff;
		border-radius	: 	10px;
		padding			: 	1rem;
		background		:	rgba(255, 255, 255, 80%);
		color			:	#333;
	}
	body.rtb_post_staff.list_page	.page_cont {
		max-width		:	20%;
		margin			:	1rem;
		text-align		: 	center;
	}
	body.rtb_post_staff.list_page	.page_icat {
		width			: 	100%;
		height			: 	auto;

	}
	body.rtb_post_staff.list_page	.page_icat img{
		border-radius	: 	10px;
		object-fit		:	cover;
	}
	body.rtb_post_staff.list_page	#post_msg {
		text-align		: 	left;
	}

	body.rtb_post_staff.list_page	#worp_images 	img {
		margin			:	1rem;
	}



	/*		▼	スタッフ	投稿	*/
	body.rtb_post_staff.single_page	.page_cont{
		padding: 0;
	}
	body.rtb_post_staff.single_page	.post_title{
		background		:	rgba(255, 255, 255, 80%);
	}
	body.rtb_post_staff.single_page	.page_post{
		padding			: 	2rem;
	}
	body.rtb_post_staff.single_page	.post_wrp{
		background		:	rgba(255, 255, 255, 80%);
		border-radius	: 	10px;
		padding			: 	1rem;
		margin-bottom	: 	5rem;
	}

	body.rtb_post_staff.single_page #worp_msg {
		margin			: 	2rem 0;
	}

	body.rtb_post_staff.single_page	#worp_img {
		width:45%;
	}

	body.rtb_post_staff.single_page	#worp_img img{
		border-radius	: 	10px;
	}

	body.rtb_post_staff.single_page	#worp_profile{
		width:45%;
	}
	body.rtb_post_staff.single_page	#worp_profile ul li {
		padding-left	: 1rem;
	}
	body.rtb_post_staff.single_page	#worp_profile .profile_wrp	{
		width			: 100%;
		border			:	solid 1px pink;
		border-top		:	none;
	}
	body.rtb_post_staff.single_page	#worp_profile .ul_top	{
		background		:	rgba(255,255,255,80%);
	}
	body.rtb_post_staff.single_page	#post_msg				{
		background		:	rgba(255,255,255,80%);
		border			:	solid 1px pink;
		padding			:	1rem;
	}
	body.rtb_post_staff.single_page	#worp_profile .ul_top	li:nth-child(1) {
		border-top		:	solid 1px pink;
	}
	body.rtb_post_staff.single_page	#worp_profile .info_wrp	{
		width			:	20rem;
		border-right	:	solid 1px pink;
	}
	body.rtb_post_staff.single_page	#worp_images	#galley_wrp	{
		flex-wrap		:	wrap;
	}
	body.rtb_post_staff.single_page	#worp_images	figure	{
		width			:	30%;
		margin			:	0.5rem;
	}
	body.rtb_post_staff.single_page #worp_images	video,
	body.rtb_post_staff.single_page	#worp_images	img	{
		object-fit: cover;
		height: 20vw;
	}

	/*	▼▼	レシポンシブ	▼▼	*/

	/* スマホ用 */
	@media screen and (max-width: 800px) {

		/*		▼	スタッフ	投稿	一覧	*/
		body.rtb_post_staff.list_page	.page_cont {
			max-width		:	100%	!important;
		}
		body.rtb_post_staff.list_page	#worp_images	figure	{
			width			:	100%;
		}
		body.rtb_post_staff.list_page	#worp_images	figure	video	,
		body.rtb_post_staff.list_page	#worp_images	figure	img	{
			width			:	100%;
			height			:	auto	!important;
		}
		/*		▼	スタッフ	投稿	ページ	*/
		body.rtb_post_staff.single_page	.page_cont		,
		body.rtb_post_staff.single_page	#worp_images	,
		body.rtb_post_staff.single_page	#worp_profile	,
		body.rtb_post_staff.single_page	#worp_img		{
			width: 100%;
		}

		body.rtb_post_staff.single_page #worp_images figure {
			width: 100%;
		}
		body.rtb_post_staff.single_page #worp_images	video,
		body.rtb_post_staff.single_page	#worp_images	img	{
			width: 100%;
			object-fit: cover;
			height: auto	;
		}
	}