/*
 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	テーマ設定	*/
@charset "utf-8";
/**
 * ▼Historyy
 *		2024/11/01	RTB)	初版
 * ▲Historyy
 */

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

	/*		▼	ヘッド		*/

	body	#hed_sec_left	{
		justify-content		:	space-between;
		text-align			:	left;
	}
	body	#hed_sec_right		{
		padding				:	0.5rem 1.0rem;
		background			:	#eee;
		border-radius		:	10px;
	}
	body	#hed_sec_right	ul	{
		justify-content		:	space-between;
	}

	body		#right_txt 		{
		font-size			:	0.8rem;
		margin-bottom		: 	0.25rem;
	}
	body		#right_nav	.button			{
		font-size			:	0.8rem;
		width				:	6rem;
		background			: 	#aaa;
	}

	/*		▼	ヘッダー	ナビ	*/
	body.wp		.heder_sec_nav_ul			{
		padding				:	1rem	0;
	}
	body.wp		.heder_sec_nav_ul li		{
		padding				: 	0 2.0rem;
	}
	body		.heder_sec_nav_ul li	{
		padding				: 	0 1.0rem;
		position			:	relative;
	}
	body		.heder_sec_nav_ul li li	{
		display				: 	none;
		position			:	absolute;
		background			:	rgba(255, 255, 255, 10%);
		width				:	auto;
	}
	body		.heder_sec_nav_ul li.p_1991:hover		li	{
		display				: 	block;
		position			:	absolute;
		left				:	0;
	}


	/*		▼	ヘッダー	イメージ	*/
/*
	body.page	#heder_sec_img_txt	{
		position			:	absolute;
		bottom				:	05rem;
		left				:	03rem;
		text-align			:	left;
	}

	body.page	#heder_img_title	{
		font-size			:	1.75rem;
		margin-bottom		:	2rem;
	}
	body.page 	#heder_img_txt	p	{
		font-size			:	1.00rem;
	}
	*/

	body.page 	#heder_sec_img_txt	{
		z-index				:	1;
	}
	body.page 	#heder_img_title	,
	body.page 	#heder_img_txt		{
		z-index				:	2;
	}

	/*		▼	ページ ボタンログインナビ */
	body.page	.navi_login		{
		padding				:	2.0rem 1.0rem 2.0rem 0;
		flex-wrap			:	wrap;
	}
	body.page	.navi_login	a.button{
		padding				:	0.75rem 1.5rem;
		font-size			:	1rem;
	}
	body.page	.navi_login .left_txt_wrp	{
		align-items			: 	flex-end;
	}
	body.page	.navi_login	.right_btn_wrp div:nth-child(1)	{
		margin				: 	0 1.0rem;
	}
	body.page	.navi_login			{
		background			:	rgba(	64	,64		,64		,080%	);
	}
	body.page	.navi_login	p	{
		margin				:	0;
	}
	/*		▲	ページ	ボタンログインナビ	*/

	/*		メッセージ	コンテンツトップの上	*/
	#conts_msg				{
		text-align			: 	left;
		width				: 	100%;
		margin				: 	1rem 0;
	}

	#conts_msg				li	{
		color				:	#333
	}
	#conts_msg	.msg_sys	li	{
		padding				:  	0.25rem	1.0rem;
		margin				:  	0.10rem	0;
		border				:	solid	1px	#c3c4c7;
		border-left			:	solid	4px	#00a32a;
		width				: 	100%;
		background			: 	#fff;
	}
	#conts_msg	.msg_nomal	li	{
		border-left			:	solid	4px	#00a32a;
	}
	#conts_msg	.msg_error	li	{
		border-left			:	solid	4px	#d63638;
	}
	#conts_msg	.msg_sys	a	{
		color				:	#03989E;
		display				: 	inline-block;
		width				:	auto;
	}


	#hed_err_msg	li	,
	#hed_normal_msg	li	{
		padding			:  	0.50rem	1.0rem;
		margin			:  	0.10rem	0;
		border-radius	:	6px;
	}

	#hed_normal_msg	li	{
		background		: skyblue;
	}

	#hed_err_msg	li	{
		color			: red;
		background		: pink;
	}

	/*	ナビ	トップ＆ボトム	*/
	.menu_nav		ul	{
		justify-content	:	center;
		background		: #333;
	}
	.menu_nav		a	{
		padding			:	0.5rem 1rem;
		background		: #333;
		color			: #fff;
	}
	.menu_nav		a:hover			{
		background		: rgba(255,255, 255, 50%);
	}


	/*	ポスト情報 後		*/

	.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_txt {
		position	:	absolute;
		bottom		:	04%;
		left		:	05%;
		font-size	:	2.21vw;
		width		:	61%;
		text-align	:	left;
	}

	/*	エラーメッセージ	*/
	#hed_err_msg		{
		text-align			: left;
	}

	/*	コンテンツ	入力枠	*/
	#ipt_worp	>	*			{
		margin					:	0.5rem	0;
	}

	/*	ファイルアップロード	*/
	.drop_worp {
		background			:	#eee;
		border				:	3px dashed #ccc;
		border-radius		:	5px;
		padding				:	0.5rem;
		text-align			:	center;
		width				:	100%;
	}

	.drop_worp label 		{
		width				:	100%;
	}

	.drop_worp li{
		border				:	solid 1px #ccc;
	}

	.drop_worp label:hover {
		cursor				:	pointer;
	}

	.drop_worp label input[type="file"] {
		display				:	none;
	}

	.drop_worp label svg {
		width				:	3rem;
		fill				:	currentColor;
		color				:	#bbb;
	}

	.drop_worp .preview_worp {
		flex-wrap			:	wrap;
		/* margin				:	1rem auto; */
	}
	.drop_worp .preview_worp	{
		justify-content		:	center;
	}
	.drop_worp .preview_worp li {
		margin				:	1.00rem;
	}
	.drop_worp .preview_worp .li_worp {
		position			:	relative;
		padding				:	1.00rem;
	}
/*
	.drop_worp .preview_worp .img_worp{
		position			:	relative;
	}
*/

	.drop_worp .preview_worp button {
		position			:	absolute;
		top					:	-1.00rem;
		right				:	-1.00rem;
		border-radius		:	100%;
		width				:	2.0rem;
		height				:	2.0rem;
		padding				: 	0;
		margin				:	0;
		text-align			: 	center;
	}

	.drop_worp .preview_worp img {
		width				:	100px;
		height				:	auto;
		border-radius		:	1rem;
	}
	.drop_worp 	label 		{
		width				:	auto !important;
	}
	.drop_worp 	input[type="text"] {
		width				:	100%;
	}

	/* 	ソート */
	.sort_relative{
		position			:	relative;
	}
	.sort_absolute{
		position			:	absolute;
	}
	.sort_disp_none{
		display				:	none;
	}
	.sort_hidden	>	*	{
		visibility			:	hidden;
		/* opacity				:	0; */
	}

	.sort_ins	{
		border				:	solid 2px blue		!important;
	}

/*
	//	下記	テスト用
*/
/*
	.sort_move_left		{
		border				:	none;
		border-left			:	solid 3px red		!important;
	}
	.sort_move_right	{
		border-right		:	solid 3px red		!important;
	}
	.sort_move_top		{
		border-top			:	solid 3px red		!important;
	}
	.sort_move_bottom	{
		border-bottom		:	solid 3px red		!important;
	}
 */


/*
	.sort_move_top::before		{
		border-top			:	solid 1px blue		!important;
		content				:	"";
		display				:	block;
	}
	.sort_move_bottom::after	{
		border-bottom		:	solid 1px blue		!important;
		content				:	"";
		display				:	block;
	} */

	/*	アイコン	*/
	/* .font_awesome input{
		font-family: FontAwesome;
	} */
	input.font_awesome::placeholder	{
		font-family: FontAwesome;
	}

	/*	ローダー		*/
	#loder_icon		{
		display				:	none;
		position			:	fixed;
		top					:	0;
		left				:	0;
		width				:	100%;
		height				:	100%;
		z-index				:	999999;
		background			: rgba(0, 0, 0, 20%);
		justify-content		:	center;
		align-items			:	center;
		text-align			:	center;
	}

	/*	ローダー		*/
	#loder_icon	img			{
		width				:	06rem;
		display				:	block;
		margin				:	0 auto;
		margin-top			:	20rem;

	}

	#btn_del			{
		background		:	pink !important;
		color			: 	red !important;
	}

	#btn_del:focus				,
	#btn_del:active				{
		border					: 	solid 2px red;
		outline-color			: 	red;
	}

	.btn_login			{
		background		:	#00A8A8 !important;
		color			: 	#fff !important;
	}
	.btn_contact		{
		background		:	#1F628E !important;
		color			: 	#fff !important;
	}


	/*	投稿一覧（ニュース）	*/


	/*	▼▼	レシポンシブ	▼▼ */
	@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.page	#heder_sec	.navi_login	{
			/* display				:	none; */
			padding				:	0.50rem	0;
		}
		body.about		#heder_sec_img_wop	,
		body.front_page	#heder_sec_img_wop	{
			margin-top			:	08rem;
		}
		body.about		#heder_sec	.navi_login a.button	,
		body.front_page	#heder_sec	.navi_login a.button	{
			padding				:	0.25rem 1.5rem;
		}

		/*		▼	ページ ボタンログインナビ */
		body.page	.navi_login		{
			justify-content		:	center;
			flex-wrap			:	wrap;
		}
		body.page .navi_login .left_txt_wrp	{
			align-items			:	center;
			margin-bottom		:	1rem;
		}

		/*		▼	ヘッダー	ナビ	*/
		body .heder_sec_nav_ul li	{
			border-top	:	solid 1px #aaa;
		}
		body .heder_sec_nav_ul li:nth-child(1)	{
			border		:	none;
		}

	}


	/*	エフェクト	 	*/

	@keyframes zoomUp_1_15_05	{
		0% 		{	transform: scale(1.00);	}
		100% 	{	transform: scale(1.15);	}
	}

	a[data-lightbox]	{
		overflow: hidden;
	}
	a[data-lightbox]	img:hover	{
		animation: zoomUp_1_15_05 05s linear 0s normal both;
	}