#chatbot-container .chatHeader {
	background-color: #70D596 !important;
	color: #fff !important;
}

.chatHeader h6 {
	font-size: 18px;
	line-height: 18px;
}

/* 閉じるボタン */
#chatbot-container #chatform_widget_cancelbtn {
	pointer-events: auto !important;
	z-index: 10000 !important;
	cursor: pointer !important;
	user-select: none;
}

#chatbot .altnativeInput, #chatbot input, #chatbotselect, #chatbot select, label {
	font-size: 1.2rem !important;
}

#chatbot .listLabel {
	font-size: 1rem !important;
}

.progressBar {
	display: none !important;
}

.emphasis {
	color: rgb(229, 23, 31);
	font-weight: bold;
}

#item_f9d89c48 .listLabel {
	font-size: 0.7rem !important;
}

#chatbot-container .hideLabel {
	font-size: 2.0rem !important;
	padding: 1rem;
}

*[customid="gender"] .optional .list {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 5px !important;
}

*[customid="payment"] label.bg-green-100.p-3.rounded.block.text-base.font-normal.text-gray-700.cursor-pointer.w-full.flex.items-center,
*[customid="gender"] label.bg-green-100.p-3.rounded.block.text-base.font-normal.text-gray-700.cursor-pointer.w-full.flex.items-center {
	opacity: 0.5;
	filter: grayscale(0.7);
}

*[customid="payment"] img.listImage.m-2,
*[customid="gender"] img.listImage.m-2 {
	margin: 0;
}

*[customid="payment"] .optional input,
*[customid="gender"] .optional input {
	display: none;
}

label[for="option6-0"],
label[for="option6-1"],
label[for="option6-2"],
label[for="option12-0"],
label[for="option12-1"] {
	padding: 0;
	border-radius: 6px;
	overflow: hidden;
}

details > summary {
	text-decoration: underline;
	color: #337ab7;
	cursor: pointer;
	font-size: 16px;
}

.vsa-list {
	margin-top: 8px;
}

*[customid="name"] span.text-gray-800.text-base.inline-block.font-semibold.subtitle::after,
*[customid="tel"] span.text-gray-800.text-base.inline-block.font-semibold.subtitle::after,
*[customid="email"] span.text-gray-800.text-base.inline-block.font-semibold.subtitle::after,
*[customid="gender"] span.text-gray-800.text-base.inline-block.font-semibold.subtitle::after,
*[customid="password"] span.text-gray-800.text-base.inline-block.font-semibold.subtitle::after {
	content: '※必須';
	position: relative;
	color: red;
	font-size: small;
	margin: 0px 0px 0px 7px;
}

*[customid="send"] label {
	display: flex;
	border: 1px solid #244e15;
	padding: 19px;
	background-color: #e4f2e6;
}

.focusEl:focus:placeholder-shown, .firstFocus.focusEl:placeholder-shown {
	animation: outlineAnimation 2.0s infinite;
	outline-style: solid;
}

@keyframes outlineAnimation {
	0% {
		outline-width: 0px;
		outline-color: rgba(70, 200, 190, 1);
	}
	5% {
		outline-width: 4px;
		outline-color: rgba(70, 200, 190, 0.3);
	}
	10% {
		outline-width: 0px;
		outline-color: rgba(70, 200, 190, 1);
	}
	15% {
		outline-width: 5px;
		outline-color: rgba(70, 200, 190, 0.5);
	}
}

.confirm li[data-customid="payment"] {
	display: none;
}

.checkBoxSize {
	transform: scale(2);
	margin-right: 15px;
}

.vsa-item__heading {
	display: none;
}

#indexController_id_849c0cc button.bg-green-600.bounce.shiny.flex.justify-center.nextBtn.text-center.w-full.ml-\[50px\].border.border-transparent.text-base.font-semibold.text-white.shadow-md.px-12.py-4.rounded-full::after {
	content: '(あと3項目)';
}

#indexController_id_85d52cc button.bg-green-600.bounce.shiny.flex.justify-center.nextBtn.text-center.w-full.ml-\[50px\].border.border-transparent.text-base.font-semibold.text-white.shadow-md.px-12.py-4.rounded-full::after {
	content: '(あと2項目)';
}

#indexController_id_cc7da2a button.bg-green-600.bounce.shiny.flex.justify-center.nextBtn.text-center.w-full.ml-\[50px\].border.border-transparent.text-base.font-semibold.text-white.shadow-md.px-12.py-4.rounded-full::after {
	content: '(あと1項目)';
}

#indexController_id_f9d89c48 button {
	font-size: 0; /* 元の文字を非表示 */
}

#indexController_id_f9d89c48 button::before {
	content: "同意して次へ";
	font-size: 1.2rem;
}

.product-card {
	padding: 20px !important;
	font-weight: 600 !important;
}

#chatbot-container .container ,.product-media{
	background: none !important;
}

/* お支払い方法の画像を非表示 */
#chatbot-container .chatbot-element[data-custom-id="payment"] .listImage,
#chatbot-container *[customid="payment"] .listImage {
	display: none !important;
}

/* NP後払い要素の表示を全て非表示（与信チェックは裏で実行） */
*[data-element-id="91d0bbd"] {
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

html.open {
	font-size: 100% !important;
}

#w2-bridge-debug-panel {
	display: none;
}

/* スクロールバー内のflex w-fullリストのDIV間の空白をなくす */
scroll-bar .tableList li.flex.w-full {
	gap: 0 !important;
}

.text-sales {
	font-size: 0.8rem !important;
	line-height: 1 !important;
	margin-top: 0.5rem;
	padding: 1rem;
}

/* 次へボタンの色 */
#chatbot-container .nextbtn-container .btn,
#chatbot-container .nextbtn-container-aui .btn,
#chatbot-container .nextBtn,
#chatbot-container .nextBtn.bg-green-600 {
	background-color: #55cf83 !important;
}

#chatbot-container .nextbtn-container .btn:disabled,
#chatbot-container .nextbtn-container-aui .btn:disabled,
#chatbot-container .nextBtn:disabled,
#chatbot-container .nextBtn.bg-gray-500 {
	background-color: #a1d4b4 !important;
	opacity: 1 !important;
}

/* タイマーボタン#aqur_timerを非表示にする（manaraと同様の処理） */
#aqur_timer {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	left: -9999px !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
  }