/*
 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
 */


/**	【タイトル】    Css	WP標準ポスト	*/
@charset "utf-8";
/**
 * ▼Historyy
 *		2023/07/01	RTB)	初版
 * ▲Historyy
 */


/*
	body.product	.page_cont	{
		position	:	relative;
	}
	body.product	.swiper img	{
		width		:	100%	!important;
 		height		:	auto	!important;
		object-fit	:	contain	!important;
	}
	body.product	.swiper figure	{
 		height		:	auto	!important;
	}
	body.product	.page_post_aft	{
		position				: 	absolute;
		z-index					: 	10;
		left					: 	06%;
		top						: 	78%;
		text-align				:	left;
	}

	body.product .page_post_aft		#contet_navi .button	{
		padding					:	0.5vh 4vw;
		font-size				:	1.5vw;
		margin-right			:	2.0vw;
	}
	body.product .page_post_aft		#contet_navi .text_login	{
		background				:	none;
		color					: 	#333;
		font-weight				: 	bold;
		font-size				:	1.5vw;
	}
 */

	/*	投稿一覧（ニュース）	*/
/*
	body.post	#pages	{
		flex-direction	:	row;
		justify-content	:	center;
		align-items 	:	stretch;
		flex-wrap		:	wrap;
	}
	body.post	.page_cont	{
		width			:	15rem;
		border			:	solid 1px #aaa;
		margin			:	1rem 1rem;
		padding			:	1rem 1rem;
		border-radius	:	10px;
	}
	body.post	.page_icat	{
		width			:	100%;
		border-radius	:	10px;
		aspect-ratio	:	4 / 3;
		overflow		:	hidden;
		margin-bottom	:	0.5rem;
	}
 */

	body.wp {
		color			:	#fff;
		background		:	#262626;
	}


	/*	メッセージ		*/
	body.page	#conts_msg .msg_sys li {
		border-color		:	#262626;
		border-top-color	:	#7F7F7F;
		border-bottom-color	:	#7F7F7F;
		border-right-color	:	#7F7F7F;
	}

	/*	固定ページ		*/

	body.page .page_post {
		background		:	#262626;
	}


	.posts_after 	{
		font-size		:	1.0rem;
	}
	.posts_after 	h2	{
		padding			:	0	!important;
	}

	.posts_after	.page_cont_wop	,
	body.post 		.page_cont_wop	{
		padding			:	0	4rem	0	4rem;
	}
	.posts_after	.page_cont_left	,
	body.post		.page_cont_left	{
		width			: 	15rem;
		padding			:	01rem;
		flex-grow		:	0;
		flex-shrink		:	0;
	}
	.posts_after	.page_cont_right	,
	body.post		.page_cont_right	{
		padding			:	01rem;
	}
	.posts_after	.page_meta			,
	body.post 		.page_meta			{
		color			:	#00A8A8;
	}
	.posts_after	.page_icat	img		,
	body.post		.page_icat	img		{
		aspect-ratio	:	4 / 2;
	}

	/*		▽	トップページ	*/
	body.front_page #heder_img_title {
		font-size: 2.00vw;
	}

	body.front_page #heder_img_txt {
		font-size: 2.00vw;
	}

	body.front_page #heder_img_title {
		position: absolute;
		bottom: 40%;
		left: 05%;
		font-size: 3.00vw;
	}

	body.front_page #heder_img_txt {
		position	:	absolute;
		bottom		:	04%;
		left		:	05%;
		font-size	:	2.21vw;
		width		:	61%;
		text-align	:	left;
	}

	/*		▽	製品・サービス	*/
	body.product	#heder_img_title	{
		position			:	absolute;
		bottom				:	50%;
		left				:	05%;
		font-size			:	3.00vw;
	}
	body.product	#heder_img_txt	{
		position			:	absolute;
		bottom				:	20%;
		left				:	05%;
		font-size			:	2.27vw;
		width				:	40%;
		text-align			:	left;
	}
	/*
	body.product	#heder_sec	.navi_login	{
		position			:	absolute;
		bottom				:	0;
		left				:	0;
		z-index				:	10;
	}
	*/

	/*		▽	会社概要	*/
	body.about	#heder_img_title	{
		position			:	absolute;
		top					:	50%;
		left				:	0;
		width				:	100%;
	}
	body.about	#heder_img_txt	{
		position			:	absolute;
		top					:	27%;
		right				:	10%;
		font-size			:	3.00vw;
	}
	body.about	#heder_img_title	{
		position			:	absolute;
		top					:	50%;
		left				:	0;
		width				:	100%;
	}body.about	#heder_img_title	img	{
		width				:	70%;
	}

	/*		▽	ニュース	*/
	body.wp.post	.page_cont	h2 {
		padding				:	0;
	}

	body.wp.single	.page_cont	h2 ,
	body.wp.single	.page_cont	h3 ,
	body.wp.single	.page_cont	h1 {
		padding-left		:	0;
		padding-right		:	0;
	}
	body.wp.single	.page_meta	{
		color				:	#03989E;
	}
	body.wp.single	.page_title	h1 {
		text-align			:	left;
		padding				:	1rem 0;
	}
	body.wp.single	.page_cont	{
		padding				:	1rem	4rem;
	}
	/*		▽	操作マニュアル	*/
	body.wp.help	.page_cont	{
		padding				:	1rem	4rem;
	}



	/*	▼▼	レシポンシブ	▼▼ */
	/* #wrap_sec{
		position	:	relative;
	} */

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

		body.post .page_cont_wop	{
			padding			:	0;
			flex-direction	:	column;
		}

		body.post .page_cont_left	{
			width			:	auto;
		}

		body.post .page_cont_right	{
			padding-top		:	0;
		}
		/* body.post #pages 		{
			justify-content	:	space-between;
		}
		body.post #pages >	*	{
			width			:	45%;
		} */

		body.page	#heder_sec	.navi_login	{
			/* display				:	none; */
			padding				:	0.50rem	0;
		}
		body.about		#heder_sec_img_wop	,
		body.product	#heder_sec_img_wop	,
		body.front_page	#heder_sec_img_wop	{
			margin-top			:	08rem;
		}
		body.about		#heder_sec	.navi_login a.button	,
		body.product	#heder_sec	.navi_login a.button	,
		body.front_page	#heder_sec	.navi_login a.button	{
			padding				:	0.25rem 1.5rem;
		}

		/*		▽	トップページ	*/
		body.front_page	#heder_img_title	{
			bottom				:	43%;
			font-size			:	2.00vw;
		}
		body.front_page	#heder_img_txt	{
			font-size			:	2.00vw;
			width				:	75%;
		}
		body.front_page 		.page_cont_wop	{
			flex-direction		:	column;
			padding				:	1rem;
		}
		body.front_page 		.page_cont_wop	.page_cont_left	{
			width				:	100%;
		}

		/*		▽	製品・サービス		*/
		body.product	#heder_img_title	{
			bottom				:	42%;
		}
		body.product	#heder_img_txt	{
			bottom				:	05%;
		}
		body.product	#heder_sec	.navi_login	{
			position			:	inherit;
		}

		/*		▽	ニュース	*/
		body.wp.single	.page_cont	{
			padding-left		:	1rem;
			padding-right		:	1rem;
		}

		/*		▽	操作マニュアル	*/
		body.wp.single	.page_cont	{
			padding-left		:	1rem;
			padding-right		:	1rem;
		}
	}