@charset "utf-8";

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

/*
color: #ca2c39; 濃いレッド
color: #db0631; 薄いレッド 利用中
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;	
}


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

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

.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;
}


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

/* 文字表示にオーバーレイ */

.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( 0 0 0 / 0.4);
}


/* ------------------------------------------------------------------------------------
 200件を超える体験談
------------------------------------------------------------------------------------ */

/* アイコン変更 */

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


/* ------------------------------------------------------------------------------------
 店舗案内
------------------------------------------------------------------------------------ */

/* h2 */

#single_clinic 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;
}

/* google map */

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

@media screen and (max-width: 750px) {
	#single_clinic iframe {
		height: 100vw;
	}
}

/* ------------------------------------------------------------------------------------
 おすすめ
------------------------------------------------------------------------------------ */

/* h2 */
.cf_content_list .headline {
	border-left: 0;
	border-bottom: 5px solid;
	border-image: linear-gradient(to right, #db0631 0%, #db0631 25%, #000000 100%);
	border-image-slice: 1;
}

/* h3 */
.cf_content_list .line_left {
	border-left: 5px solid;
	border-image: linear-gradient(to bottom, #db0631 0%, #db0631 50%, #000000 50%, #000000 100%);
	border-image-slice: 1;
}

.cf_content_list .line_bottom {
	border-bottom: 5px #db0631 double;
}

.cf_content_list .box_red {
	border-left: 0;
	background-color: #db0631;
	color: #ffffff;
}

.cf_content_list .box_block {
	border-left: 10px solid #db0631;
	background-color: #000000;
	color: #ffffff;
}

.cf_content_list .no_style {
	border-left: 0;
}

/* テキスト */
.cf_content_list .color_db0631 {
	color: #db0631;
}

/* ボタン */
.cf_content_list a.q_button.pill.sz_l {
	background-color: #ffffff;
	color: #db0631 !important;
	border: 1px solid #db0631;
	font-weight: bold;
}

.cf_content_list a.q_button.pill.sz_l:hover {
	background-color: #db0631;
	color: #ffffff !important;
}

/* リスト */
.cf_content_list ul {
	list-style-type: none;
}

.cf_content_list li::before {
	font-family: FontAwesome;
	content: "\f058";
	color: #db0631;
	padding-right: 0.5em;
}

/* 画像 */
.cf_content_list .img_width-half {
	width: 50%;
}

/* QA */
.cf_content_list .question::before {
	font-family: FontAwesome;
	content: "\3f";
	color: #0000ff;
	display: block;
}

.cf_content_list .answer::before {
	font-family: FontAwesome;
	content: "\f031";
	color: #ff0000;
	display: block;
}

/* フォーム */
.mw_wp_form.mw_wp_form_input {
	background-color: #e8e8e8;
	padding: 1.5em;
}

.mw_wp_form.mw_wp_form_input .form_required {
	background-color: #db0631;
	color: #ffffff;
	border-radius: 0.5em;
	margin-left: 0.5em;
	padding: 0.25em;
	font-size: 75%;
}

.mw_wp_form.mw_wp_form_input .form_width-half {
	width: 50%;
}

.mw_wp_form.mw_wp_form_input .form_width-full {
	width: 100%;
}

.mw_wp_form.mw_wp_form_input input.q_button.pill.sz_l {
	background-color: #db0631;
	border: 1px solid #db0631;
	font-weight: bold;
}

.mw_wp_form.mw_wp_form_input input.q_button.pill.sz_l:hover {
	background-color: #ffffff;
	color: #db0631 !important;
}

.mw_wp_form.mw_wp_form_input input,
.mw_wp_form.mw_wp_form_input textarea {
	border: 1px solid light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
}