@charset "utf-8";

/*
color: #000000;
color: #333333;
color: #666666;
color: #999999;
color: #cccccc;
color: #ffffff;
*/

/*
color: #ca2c39; 濃いレッド
color: #db0631 rgb( 219 6 49); 薄いレッド 利用中
color: #dcdcdc; 濃いグレー
color: #e8e8e8; 薄いグレー 利用中
color: #f0c2c6; 濃いピンク
color: #faeaeb; 薄いピンク
color: #165c20; グリーン
color: #8b6349; ブラウン
*/


/* ------------------------------------------------------------------------------------
 暫定対応
------------------------------------------------------------------------------------ */

/* ブログ記事のアイキャッチを非表示 */

#post_image p#single_category,
#post_image img.wp-post-image {
	display: none;	
}


/* ------------------------------------------------------------------------------------
 共通
------------------------------------------------------------------------------------ */

/* ボタンリンク */

.q_button.pill.sz_l.bt_red {
	border: 1px solid #c01f0e;
	font-weight: bold;
}

.q_button.pill.sz_l.bt_red:hover {
	background-color: #ffffff;
	color: #c01f0e !important;
}

.q_button.pill.sz_l.bt_red:hover a {
	color: #c01f0e !important;
}

/* マーカー */

.marker_yellow {
	background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffff66 60%);
	font-weight: bold;
}

p {
	font-size: 120%;
}


/* ------------------------------------------------------------------------------------
 タイトル
------------------------------------------------------------------------------------ */

/* タイトルにロゴ表示 */

/*
#header_top .pc_logo_text.rich_font_logo:before {
	content: '';
	background-image: url(https://usefulinformation.armring.net/wp-content/uploads/2025/09/armring_logo_512-512.png);
	width: 80px;
	height: 80px;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	padding-right: 0.5em;
}
*/

/*
#header_top .mobile_logo_text.rich_font_logo:before {
	content: '';
	background-image: url(https://usefulinformation.armring.net/wp-content/uploads/2025/09/armring_logo_512-512.png);
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	padding-right: 0.5em;
}
*/


/* ------------------------------------------------------------------------------------
 グローバルメニュー
------------------------------------------------------------------------------------ */

/* メニュー（PC表示） */

.pc #global_menu ul li a {
	font-size: 80%;
}


/* ------------------------------------------------------------------------------------
 トップページ
------------------------------------------------------------------------------------ */

/* ヘッダーコンテンツのタイトルの文字表示にオーバーレイ */

.home #header_slider_wrap .title {
	background-color: rgb( 0 0 0 / 0.3); */
}

/* ヘッダーコンテンツのサブタイトルに文字囲み */

.home #header_slider_wrap .sub_title {
	margin-top: 1em;
}

.home #header_slider_wrap .sub_title span {
	border: 1px solid #ffffff;
	padding: 0.5em;
}

/* ボックスコンテンツの文字表示にオーバーレイ */

.home #index_box_content .title {
	/* text-shadow: 1px 1px 0 #000000, -1px 1px 0 #000000, 1px -1px 0 #000000, -1px -1px 0 #000000; */
	text-shadow: 0 0 15px #000000;
	/* background-color: #000000; */
	/* opacity: 0.5; */
	/* background-color: rgb( 255 255 255 / 0.7); */
	color: #ffffff !important;
}

.home #index_box_content .sub_title {
	color: #ffffff !important;
	text-shadow: 0 0 15px #000000;
}

.home #index_box_content .catch {
	background-color: rgb( 0 0 0 / 0.3);
	color: #ffffff !important;
	padding: 0.5em;
}

/* ボックスコンテンツのスマホ表示は横並び */

.mobile .home #index_box_content .index_box_content.row1 {
	/* display: flex; */
}

/* 3列スクエアコンテンツ */

.home #index_clinic h2 {
	/* text-decoration: underline; */
	/* background-color: rgb( 219 6 49 / 1); */
}

.home #index_clinic h2 span {
	/* color: #ffffff !important; */
}

/* ご案内（キャンペーン）の設定1のカテゴリー文字表示にオーバーレイ */

.home #index_campaign_slider .category a {
	background-color: rgb( 0 0 0 / 0.3);
}

/* バナーコンテンツの文字大きさ */

#index_banner .box1 .title,
#index_banner .box2 .title {
	/* font-size: 100%; */
}

/* ご案内（キャンペーン）の設定2のカテゴリー文字表示にオーバーレイ */

.home #index_campaign2 .category a {
	background-color: rgb( 0 0 0 / 0.3);
}


/* ------------------------------------------------------------------------------------
 店舗案内（クリニック）
------------------------------------------------------------------------------------ */

/* h2 */

#single_clinic h2.catch {
	border-bottom: 3px solid;
	/* border-image: linear-gradient(to right, #db0631 0%, #db0631 40%, #000000 40%, #000000 100%); */
	border-image: linear-gradient(to right, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
	padding-bottom: 0.5em;
}

#single_clinic .styled_h2 {
	border-bottom: 3px solid;
	/* border-image: linear-gradient(to right, #db0631 0%, #db0631 40%, #000000 40%, #000000 100%); */
	border-image: linear-gradient(to right, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
	padding-bottom: 0.5em;
}

/* h3 */

#single_clinic .styled_h3 {
	border-left: 3px solid;
	/* border-image: linear-gradient(to bottom, #db0631 0%, #db0631 50%, #000000 50%, #000000 100%); */
	border-image: linear-gradient(to bottom, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
}

/* h4 */

#single_clinic .styled_h4 {
	border-color: #db0631;
}

/* google map */

#single_clinic .googlemap {
	width: 100%;
	height: 25vw;
}

.mobile #single_clinic .googlemap  {
	height: 100vw;
}

/* 2カラム */

#single_clinic .flex_2column {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}

#single_clinic .flex_2column p {
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
}

#single_clinic .flex_2column img {
	width: 100%;
}

.mobile #single_clinic .flex_2column {
	display: block;
}

.mobile #single_clinic .flex_2column p {
	width: 100%;
	padding: 0px;
}

/* フォーム */

#mw_wp_form_mw-wp-form-9090 {
	background-color: #e8e8e8;
	padding: 20px;
}

#mw_wp_form_mw-wp-form-9090 .lable_title {
	font-weight: bold;
}

#mw_wp_form_mw-wp-form-9090 .required::after {
	content: "必須";
	margin-left: 0.5em;
	color: #ffffff;
	background-color: #db0631;
	border-radius: 0.5em;
	padding: 0.2em;
	font-size: 0.8em;
}

#mw_wp_form_mw-wp-form-9090 input {
	border: 1px solid #000000;
}

#mw_wp_form_mw-wp-form-9090 .styled_name,
#mw_wp_form_mw-wp-form-9090 .styled_e-mail {
	width: 50%;
}

#mw_wp_form_mw-wp-form-9090 .styled_day-1,
#mw_wp_form_mw-wp-form-9090 .styled_time-1,
#mw_wp_form_mw-wp-form-9090 .styled_day-2,
#mw_wp_form_mw-wp-form-9090 .styled_time-2,
#mw_wp_form_mw-wp-form-9090 .styled_day-3,
#mw_wp_form_mw-wp-form-9090 .styled_time-3 {
	width: 25%;
}

#mw_wp_form_mw-wp-form-9090 .styled_button {
	border: 0;
}

.mobile #mw_wp_form_mw-wp-form-9090 .styled_name,
.mobile #mw_wp_form_mw-wp-form-9090 .styled_e-mail {
	width: 100%;
}

.mobile #mw_wp_form_mw-wp-form-9090 .styled_day-1,
.mobile #mw_wp_form_mw-wp-form-9090 .styled_time-1,
.mobile #mw_wp_form_mw-wp-form-9090 .styled_day-2,
.mobile #mw_wp_form_mw-wp-form-9090 .styled_time-2,
.mobile #mw_wp_form_mw-wp-form-9090 .styled_day-3,
.mobile #mw_wp_form_mw-wp-form-9090 .styled_time-3 {
	width: 50%;
}


/* ------------------------------------------------------------------------------------
 ご案内（キャンペーン）
------------------------------------------------------------------------------------ */

/* カテゴリーページの文字表示にオーバーレイ */

.post-type-archive-campaign .category a {
	background-color: rgb( 0 0 0 / 0.3);
}

#single_campaign .category a {
	background-color: rgb( 0 0 0 / 0.3);
}

/* h2 */

#single_campaign .styled_h2 {
	border-bottom: 3px solid;
	/* border-image: linear-gradient(to right, #db0631 0%, #db0631 40%, #000000 40%, #000000 100%); */
	border-image: linear-gradient(to right, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
	padding-bottom: 0.5em;
}

/* h3 */

#single_campaign .styled_h3 {
	border-left: 3px solid;
	/* border-image: linear-gradient(to bottom, #db0631 0%, #db0631 50%, #000000 50%, #000000 100%); */
	border-image: linear-gradient(to bottom, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
	font-size: 200% !important;
}

/* h4 */

#single_campaign .styled_h4 {
	border-color: #db0631;
}

/* google map */

#single_campaign .googlemap {
	width: 100%;
	height: 25vw;
}

.mobile #single_campaign .googlemap  {
	height: 100vw;
}

/* 赤文字協調 */

#single_campaign strong.pattern_01 {
	color: #ff0000;
	text-align: center;
	display: block;
	font-size: 150%;
}


/* ------------------------------------------------------------------------------------
 各種コース（サービス）
------------------------------------------------------------------------------------ */

/* カテゴリーページの文字表示にオーバーレイ */

.post-type-archive-service .top_area .catch {
	background-color: rgb( 0 0 0 / 0.3);
	color: #ffffff;
}

#archive_service .top_area .catch {
	background-color: rgb( 0 0 0 / 0.3);
	color: #ffffff;
}

/* h2 */

#single_service .styled_h2 {
	border-bottom: 3px solid;
	/* border-image: linear-gradient(to right, #db0631 0%, #db0631 40%, #000000 40%, #000000 100%); */
	border-image: linear-gradient(to right, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
	padding-bottom: 0.5em;
}

/* h3 */

#single_service .styled_h3 {
	border-left: 3px solid;
	/* border-image: linear-gradient(to bottom, #db0631 0%, #db0631 50%, #000000 50%, #000000 100%); */
	border-image: linear-gradient(to bottom, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
}

/* h4 */

#single_service .styled_h4 {
	border-color: #db0631;
}

/* アピール */

#single_service .appeal {
	font-size: 150%;
	font-family: var(--tcd-font-type2);
}

/* 赤枠囲み */

#single_service .box-contents {
	border: 5px solid #db0631;
	padding: 1em 1em 0 1em;
}


/* ------------------------------------------------------------------------------------
 200件を超える体験談（よくある質問）
------------------------------------------------------------------------------------ */

/* アイコン変更 */

#faq_list .queestion:before {
	font-family: FontAwesome;
	content: "\f075";
	/* transform: scaleX(-1); */
}

/* h4 */

#faq_list .styled_h4 {
	border-color: #db0631;
}


/* ------------------------------------------------------------------------------------
 実践記録（コラム）
------------------------------------------------------------------------------------ */

/* h2 */

#single_column h2 {
	border-bottom: 3px solid;
	/* border-image: linear-gradient(to right, #db0631 0%, #db0631 40%, #000000 40%, #000000 100%); */
	border-image: linear-gradient(to right, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
	padding-bottom: 0.5em;
}


/* ------------------------------------------------------------------------------------
 スタッフ（スタッフ）
------------------------------------------------------------------------------------ */

/* h2 */

#single_staff h2.catch {
	border-bottom: 3px solid;
	/* border-image: linear-gradient(to right, #db0631 0%, #db0631 40%, #000000 40%, #000000 100%); */
	border-image: linear-gradient(to right, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
	padding-bottom: 0.5em;
}

/* h4 */

#single_staff .styled_h4 {
	border-color: #db0631;
}


/* ------------------------------------------------------------------------------------
 お役立ち情報（ブログ）
------------------------------------------------------------------------------------ */

/* h2 */

.wp-singular.post-template-default.single.single-post.single-format-standard h2 {
	border-bottom: 3px solid;
	/* border-image: linear-gradient(to right, #db0631 0%, #db0631 40%, #000000 40%, #000000 100%); */
	border-image: linear-gradient(to right, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
	padding-bottom: 0.5em;
}

/* h3 */

.wp-singular.post-template-default.single.single-post.single-format-standard h3 {
	border-left: 3px solid;
	/* border-image: linear-gradient(to bottom, #db0631 0%, #db0631 50%, #000000 50%, #000000 100%); */
	border-image: linear-gradient(to bottom, #000000 0%, #db0631 25%, #db0631 75%, #000000 100%);
	border-image-slice: 1;
	padding-left: 20px;
}

/* h4 */

.wp-singular.post-template-default.single.single-post.single-format-standard h4 {
	border-bottom: 1px solid #db0631;
	padding-bottom: 10px;
}