/*
Theme Name:MONAD child
Theme URI:https://tcd-theme.com/tcd110
Description:WordPressテーマ「MONAD」の子テーマ
Template:monad_tcd110
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/


/*****************************************
							追加CSS
*****************************************/
#header_search {
	height: 100px;
}

#header_search .search_button input {
	height: 100px;
}

#header_search .input_area input {
	top: 25px;
}


#cb_content_1 {
	padding-bottom: 0 !important;
}

#page_contents .custom-table {
	width: 100%;
	/* 必須: collapseだとセルの角丸が効かなくなるため、分離して隙間を0にする */
	border-collapse: separate !important;
	border-spacing: 0;
	border-top: 1px solid #ddd !important;
	border-left: 1px solid #ddd !important;
	/* テーブル全体の枠線（必要に応じて） */
	border-radius: 12px !important;
}

#page_contents .custom-table td {
	border-left: none !important;
	border-right: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	border-top: none !important;
}


/* --- 1. 左上の角丸（最初の行の、最初のセル） --- */
#page_contents .custom-table tr:first-child th:first-child,
#page_contents .custom-table tr:first-child td:first-child {
	border-top-left-radius: 10px;
	/* 親のradius - 線の太さ */
}

/* --- 2. 右上の角丸（最初の行の、最後のセル） --- */
#page_contents .custom-table tr:first-child th:last-child,
#page_contents .custom-table tr:first-child td:last-child {
	border-top-right-radius: 10px;
}

/* --- 3. 左下の角丸（最後の行の、最初のセル） --- */
#page_contents .custom-table tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
}

/* --- 4. 右下の角丸（最後の行の、最後のセル） --- */
#page_contents .custom-table tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
}

/* 最後の行だけ下線を消す（外枠と被って太くなるのを防ぐ） */
#page_contents .custom-table tr:last-child td {
	border-bottom: none;
}

#cb_content_3 {
	background: #f6f6f6;
	padding: 120px 0;
	margin-bottom: 120px;
}

/*****************************************
							フッター
*****************************************/

.footer_menu_inner {
	display: flex;
	justify-content: flex-end;
	width: auto;
	gap: 90px;
}

.footer_menu_inner ul {
	width: auto;
	list-style-type: none;
}

.footer_menu_inner ul li {
	width: auto;
	margin-bottom: 30px;
	list-style-type: none;
}

.footer_menu_inner ul li:last-child {
	margin-bottom: 0;
}

.footer_menu_inner ul li a {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-decoration: none !important;
}

.googlemap iframe {
	width: 100% !important;
}

#new_store {
	position: relative;
}

#new_store:before {
	content: "新店舗";
	min-width: 135px;
	padding: 10px 15px;
	border-radius: 7px;
	color: #fff;
	text-align: center;
	background: #e3263a;
	line-height: 1;
	position: absolute;
	top: 35%;
	transform: translateY(-50%);
	right: 10px;
}

@media screen and (min-width: 961px) {
	#footer_info_area_inner {
		max-width: 1300px;
		width: 100% !important;
	}
}

/* ----------------------------------------------------------------------
 当薬局について
---------------------------------------------------------------------- */

#message p {
	margin-bottom: 0;
}

#message h4 {
	margin-top: 15px;
	margin-bottom: 25px;
}


.feature_box {
	border: 1px solid #726d66;
	padding: 30px;
	border-radius: 12px;
	margin-bottom: 50px;
}

.feature_box h2 {
	margin-bottom: 0 !important;
}

.feature_box .post_row {
	margin: 35px 0 0 0;
	font-family: 'Noto Sans JP', sans-serif;
}

#dantai .panel-grid {
	justify-content: center;
	gap: 70px;
}

#dantai .panel-grid-cell {
	width: auto !important;
}

/****************************************
				お問い合わせフォーム
****************************************/

.wpcf7 {
	border: none !important;
}

.contact_description {
	margin-bottom: 1em;
}

#inquiry-form p {
	margin-bottom: 0 !important;
}

#inquiry-form dl {
	-js-display: flex;
	display: flex;
	width: 100%;
	/*	padding: 20px 10px; */
	background-color: #F9F9F8;
	border: 1px solid #8c8c8c;
}

#inquiry-form dl+dl {
	border-top: none;
}


#inquiry-form dl dt {
	width: 25%;
	margin-right: 3%;
	font-weight: bold;
	padding: 1em;
}

#inquiry-form dl dt span {
	display: inline-block;
	margin-left: 10px;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	background-color: #448858;
	line-height: 1;
}

#inquiry-form dl dd {
	width: 72%;
	background-color: #ffffff;
	padding: 1em;
}

#inquiry-form dl dd span.note {
	font-size: 90%;
	margin-bottom: 0.5em;
}

#inquiry-form dl dd input {
	padding: 10px;
	border: 1px solid #898989;
}


#address p:last-child {
	margin-bottom: 0;
}

#address dd {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 15px;
}

#address dd p {
	width: 100%;
	margin-bottom: 15px;
}

#address .number {
	display: inline-block;
	max-width: 100px;
	width: 100%;
	margin-right: 5px;
}

#address .number2 {
	display: inline-block;
	max-width: 100px;
	width: 100%;
	margin-left: 5px;
}

#inquiry-form dl#company_name input {
	width: 100%;
}

#inquiry-form dl#office_name input {
	width: 100%;
}

#inquiry-form dl#name input,
#inquiry-form dl#kname input {
	display: inline-block;
	width: 48%;
	margin-right: 1%;
	margin-bottom: 10px;
}

#inquiry-form dl#address1 input,
#inquiry-form dl#address2 input {
	width: 100%;
}

#inquiry-form dl#mail input {
	width: 100%;
	/*	margin-bottom: 10px;	*/
}

#inquiry-form dl#sikaku textarea,
#inquiry-form dl#message textarea {
	width: 100%;
	padding: 10px;
}

#inquiry-form dl#privacy_flag input {
	margin: 10px
}

#inquiry-form dl dd span.error_message {
	color: #e26527;
	font-size: 0.8em;
	padding-top: 3px;
	display: block;
}

.select_radio {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.select_radio label {
	margin-right: 10px;
	font-size: 16px;
}

.select_radio input {
	display: inline-block;
	margin-right: 3px;
}

.contact_main .content .button {
	margin-top: 1em !important;
}

.button {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.button input {
	width: 400px;
	padding: 20px 30px;
	border-radius: 30px;
	background-color: rgba(0, 70, 155, 0.6);
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	line-height: 1;
	margin-top: 1em;
}

.button input:hover {
	background-color: #00469b;
	transition: 0.7s;
}

.contact_index {
	text-align: center;
	background-color: #14b8c8;
	padding: 1em;
	font-size: 1.2em;
	color: #fff;
	border: 1px solid #8c8c8c;
	border-bottom: none;
}

input.wpcf7-submit {
	display: block;
	padding: 20px;
	height: auto !important;
	background-color: #2a6047 !important;
}


/****************************************
				プライバシーポリシー
****************************************/
.privacy {
	width: 100%;
	padding: 20px;
	border-top: 1px solid #8c8c8c;
}

.privacy p.privacy_title {
	display: block;
	font-size: 110%;
	font-weight: normal;
	color: #112f99;
	text-align: center;
}

.privacy .privacy_box {
	width: 100%;
	margin: 20px 0;
	padding: 20px;
	font-size: 105%;
	background-color: #ffffff;
	border: 1px solid #8c8c8c;
	height: 160px;
	overflow-y: scroll;
	text-align: center;
}


/****************************************
				ブログ、お知らせ
				アーカイブボタン
****************************************/
#category_sort_button {
	margin-bottom: 30px;
}


/* プルダウン全体のデザイン */
.custom-archive-dropdown {
	position: relative;
	width: 100%;
	max-width: 300px;
	/* お好みの横幅に調整してください */
	margin: 10px 0 40px auto;
}

/* セレクトボックス本体 */
.custom-archive-dropdown select {
	width: 100%;
	padding: 12px 40px 12px 15px;
	/* 右側に矢印スペースを確保 */
	font-size: 16px;
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;

	/* ブラウザ標準の矢印を消す（自作の矢印を入れるため） */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* なめらかな変化 */
	transition: border-color 0.3s, box-shadow 0.3s;
}

/* マウスホバー・選択時のエフェクト */
.custom-archive-dropdown select:hover {
	border-color: #888;
}

.custom-archive-dropdown select:focus {
	border-color: #0073aa;
	/* WordPress風のブルー */
	box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
	outline: none;
}

/* 右側のカスタム下矢印（CSSで三角形を描写） */
.custom-archive-dropdown::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #666;
	/* 矢印の色 */
	pointer-events: none;
	/* 矢印部分をクリックしてもセレクトボックスが反応するようにする */
}












@media screen and (max-width: 800px) {

	/* プルダウン全体のデザイン */
	.custom-archive-dropdown {
		margin: 10px auto 40px auto;
	}


	body:not(.home) #footer_banner {
		display: none !important;
	}

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

	.direction_type1 .desc {
		text-align: left !important;
		font-size: 16px !important;
	}

	#cb_content_2 {
		padding: 40px 0 !important;
	}

	#cb_content_3 {
		padding: 40px 20px !important;
	}


	/* ----------------------------------------------------------------------
	 当薬局について
	---------------------------------------------------------------------- */

	#panel-11262-3-0-0,
	#panel-11262-4-0-0 {
		margin-bottom: 0 !important;
	}

	#message p {
		margin-bottom: 0;
	}

	#message h4 {
		margin-top: 15px;
		margin-bottom: 25px;
	}

	#dantai .panel-grid {
		gap: 0;
	}

	#dantai .panel-grid p {
		margin-bottom: 0 !important;
	}

	#pgc-w6a2a04c920819-0-0 {
		margin-bottom: 0 !important;
	}

	#new_store:before {
		transform: none;
		position: static;
		margin-bottom: 15px;
		display: inline-block;
	}

	#dantai .panel-grid {
		gap: 0;
	}

	#pgc-w6a2a078547f9b-0-0 {
		margin-bottom: 0 !important;
	}

	/* ----------------------------------------------------------------------
		 当薬局の特徴
		---------------------------------------------------------------------- */
	.s_table {
		overflow: initial !important;
		white-space: normal !important;
	}

	:is(.post_content .tcdce-body) td,
	:is(.post_content .tcdce-body) th {
		padding: 18px 15px 16px !important;
	}



	/* ----------------------------------------------------------------------
			 お問い合わせフォーム
			---------------------------------------------------------------------- */
	#inquiry-form dl {
		flex-wrap: wrap;
		padding: 10px;
	}

	#inquiry-form dl dt {
		width: 100%;
		margin-right: 0;
		padding: 0;
		margin-bottom: 5px;
	}

	#inquiry-form dl dd {
		width: 100%;
		padding: 0;
	}

	#inquiry-form dl input {
		width: 100% !important;
	}

	#inquiry-form dl#privacy_flag input {
		width: auto !important;
	}

}


@media screen and (min-width: 800px) {}