/* 追加CSSをここに入力してください */
.sbd-bg-color.is-style-gray {
	background: #F0FAFE !important;
	margin-top:1rem;
}

.sbd-balloon__img {
	border-radius:0;
}
.sbd-balloon__name {
	margin-top:0;
}
/* BOX上のスペース */
.wp-block-sbd-list,
.wp-block-sbd-definition-list{
	margin-top:1rem;
}

/* チェックポイントブロックの装飾（上部空間と背景色、要素外の空白） */
.wp-block-sbd-background-block {
	margin-top:2rem;
}
.wp-block-sbd-checkpoint-block.is-style-sbd-checkpoint-blue {
	background-color: #fff;
	margin-bottom: 0;
}

/* ボタン外空白 */
.wp-block-sbd-btn {
	padding-top: 1.5rem !important;
}

.wp-block-sbd-checkpoint-block {
	margin-top:1.5rem;	
}

.wp-block-sbd-list .sbd-list-border,
.wp-block-sbd-definition-list.sbd-list-border{
	border: 1px solid #1d8dd5;
}

.ark-block-notice.-ok {
	background-color:#F0FAFE;
	border: 1px solid #1d8dd5;
}
.ark-block-notice__icon {
	color:#1d8dd5 !important;
}

/* コメントブロック */
.sbd-balloon {
	margin-top:2rem;
}

/* 吹き出し内のリストスタイルの色 */
[class*=is-style-ark-list-icon]>li:before {
	background-color: #1D8DD5;
}

@media screen and (min-width: 768px){
	.sbd-balloon__icon {
		width:100px;
		height:80px
	}
}