@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =============================================================
   会員サイト（Elementor 連携）CSS 追記マージ
   元: swell_child_elementor（member-local 正本）。Y-1 案A 移植 [9]（2026-06-26）。
   ============================================================= */

/* Elementor Full Width / Canvas 時のみ SWELL コンテナ幅・余白制限を解除
   Default レイアウトは SWELL の max-width をそのまま維持する */
.elementor-template-full-width #content.l-container,
.elementor-template-canvas #content.l-container {
    max-width: 100%;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Account Page (page-id-580) 全幅対応
   JetEngine template_mode:rewrite により Elementor body クラスが付与されないため
   page-id ベースのセレクタで対応する */
.page-id-580 #content.l-container {
    max-width: 100%;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.blogorjp-logout-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 999px;
	background: #333;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}

.blogorjp-logout-button:hover {
	opacity: 0.85;
	color: #fff;
}

/* 公開プロフィールへのリンクボタン
   ログアウトボタン（黒の塗り）と区別するため、アクセント色の枠線ボタンにする。
   ピル型の構造は .blogorjp-logout-button を踏襲。 */
.blogor-profile-link-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 999px;
	background: #fff;
	color: #03A7BA;
	border: 2px solid #03A7BA;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}

.blogor-profile-link-button:hover {
	background: #03A7BA;
	color: #fff;
}