html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
word-wrap: break-word
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type="button"],
/* 1 */
body {
font-size: 17px;
background-color: #F4F4F4;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none
}
@media screen and (min-width: 920px) {
body {
width: 620px;
margin: 0 auto
}
}
body .article-header-wrapper img {
max-width: 100%
}
body .article-body {
position: relative;
font-size: 17px;
line-height: 1.8;
padding: 15px 20px;
background-color: #ffffff
}
body .article-body span,
body .article-body p,
body .article-body div,
body .article-body h1,
body .article-body h2,
body .article-body h3,
body .article-body h4,
body .article-body h5,
body .article-body h6 {
max-width: 100%
}
body .article-body .sb-font-bold {
font-weight: bold
}
body .article-body .sb-color-black {
color: #000
}
body .article-body .sb-color-red {
color: #ff0000
}
body .article-body .sb-color-blue {
color: #0000ff
}
body .article-body .sb-align-left {
display: block;
text-align: left
}
body .article-body .sb-align-center {
display: block;
text-align: center
}
body .article-body .sb-align-right {
display: block;
text-align: right
}
body .article-body .sb-bg-gray {
background: linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out;
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-white {
background: linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out;
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-black {
background: linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out;
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-red {
background: linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out;
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-green {
background: linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out;
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-yellow {
background: linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out;
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-blue {
background: linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out;
background-position: bottom 0 right 100%
}
body .article-body .sb-fs-10 {
font-size: 10px
}
body .article-body .sb-fs-13 {
font-size: 13px
}
body .article-body .sb-fs-15 {
font-size: 15px
}
body .article-body .sb-fs-17 {
font-size: 17px
}
body .article-body .sb-fs-19 {
font-size: 19px
}
body .article-body .sb-fs-21 {
font-size: 21px
}
body .article-body .sb-fs-23 {
font-size: 23px
}
body .article-body .sb-fs-25 {
font-size: 25px
}
body .article-body .sb-fs-27 {
font-size: 27px
}
body .article-body .sb-fs-29 {
font-size: 29px
}
body .article-body h2 {
font-size: 27px;
margin: 0
}
body .article-body p {
margin: 0
}
body .article-body a {
text-decoration: underline;
color: #4682b4
}
body .article-body iframe {
display: block;
max-width: 100%;
margin-top: 20px !important;
margin-bottom: 20px !important
}
body .article-body video {
display: block;
max-width: 100%;
margin-top: 20px !important;
margin-bottom: 20px !important
}
body .article-body video:not(.lazyload) {
height: auto !important
}
body .article-body img:not(.lazyload) {
height: auto !important
}
body .article-body img {
display: block;
max-width: 100%;
margin-top: 20px !important;
margin-bottom: 20px !important
}
body .article-body img.sb-fl {
float: left;
margin-right: 10px
}
body .article-body img.sb-fc {
display: block;
float: none;
margin: 0 auto
}
body .article-body img.sb-fr {
float: right;
margin-left: 10px
}
body .article-body img.sb-img-move-side {
animation: sb_img_move_side 1s ease-in-out infinite alternate !important
}
@keyframes sb_img_move_side {
0% {
transform: translateX(-5px)
}
100% {
transform: translateX(5px)
}
}
body .article-body .sb-bg-gum-marker,
body .article-body .sb-bg-gum-marker-animated {
background: linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out
}
body .article-body .sb-bg-gum-marker.animated,
body .article-body .sb-bg-gum-marker-animated.animated {
background-position: bottom 0 right 100% !important
}
body .article-body .sb-bg-gum-marker.sb-bg-gray,
body .article-body .sb-bg-gum-marker-animated.sb-bg-gray {
background: linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out
}
body .article-body .sb-bg-gum-marker.sb-bg-gray.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-gray.animated {
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-gum-marker.sb-bg-white,
body .article-body .sb-bg-gum-marker-animated.sb-bg-white {
background: linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out
}
body .article-body .sb-bg-gum-marker.sb-bg-white.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-white.animated {
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-gum-marker.sb-bg-black,
body .article-body .sb-bg-gum-marker-animated.sb-bg-black {
background: linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out
}
body .article-body .sb-bg-gum-marker.sb-bg-black.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-black.animated {
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-gum-marker.sb-bg-red,
body .article-body .sb-bg-gum-marker-animated.sb-bg-red {
background: linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out
}
body .article-body .sb-bg-gum-marker.sb-bg-red.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-red.animated {
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-gum-marker.sb-bg-green,
body .article-body .sb-bg-gum-marker-animated.sb-bg-green {
background: linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out
}
body .article-body .sb-bg-gum-marker.sb-bg-green.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-green.animated {
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-gum-marker.sb-bg-yellow,
body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow {
background: linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out
}
body .article-body .sb-bg-gum-marker.sb-bg-yellow.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow.animated {
background-position: bottom 0 right 100%
}
body .article-body .sb-bg-gum-marker.sb-bg-blue,
body .article-body .sb-bg-gum-marker-animated.sb-bg-blue {
background: linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
background: -webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
transition: background-position 1s ease-out;
-webkit-transition: background-position 1s ease-out
}
body .article-body .sb-bg-gum-marker.sb-bg-blue.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-blue.animated {
background-position: bottom 0 right 100%
}
body .article-body .article-body-comment {
display: table;
margin-bottom: 1.5em;
padding-bottom: 1em;
width: 100% !important;
max-width: 100% !important
}
body .article-body .article-body-comment .comment-image,
body .article-body .article-body-comment .comment-content {
display: table-cell;
vertical-align: top
}
body .article-body .article-body-comment .comment-image {
padding-right: 1em
}
body .article-body .article-body-comment .comment-image>img {
display: block;
height: auto;
max-width: none;
margin-top: 0 !important;
margin-bottom: 0 !important
}
body .article-body .article-body-comment .comment-content {
width: 100%
}
body .article-body .article-body-comment .comment-content .comment-title {
font-size: 1em;
margin: 0 0 0.5em 0;
font-weight: bold
}
body .article-body .article-body-comment .comment-content p {
line-height: 1.5em;
margin-bottom: 0.5em
}
body .article-body .article-body-comment .comment-content p.comment-detail {
color: rgba(51, 51, 51, 0.5);
font-size: 0.9em;
font-style: italic
}
body .article-body .sb-custom img {
display: block !important
}
body .article-body .sb-form iframe {
height: 0;
margin: 0 auto !important
}
.preview-message-47b58f80-c40d-4e6c-8901-d2600a872264 {
position: fixed;
top: 0;
left: 0;
color: #fff;
background-color: red;
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 16px;
font-weight: bold;
z-index: 2147483647
}
.preview-message-47b58f80-c40d-4e6c-8901-d2600a872264 .close {
font-size: 12px;
border: 1px solid #fff;
border-radius: 4px;
padding: 4px;
margin-left: 10px
}
body {
user-select: inherit !important
}
body {}
.article-body {
font-size: 17px !important;
font-family: Hiragino Sans, Arial, sans-serif !important;
color: #000000 !important;
line-height: 1.8 !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
body .article-body iframe {}
body .article-body img {
display: unset !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
body .article-body video {
display: unset !important;
}
body .article-body .sb-custom {
font-size: 17px !important;
font-family: Hiragino Sans, Arial, sans-serif !important;
color: #000000 !important;
line-height: 1.8 !important;
}
body .article-body .sb-custom img {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#sb-part-573.sb-custom-part-lodxn1eu84w7rcju2st .small {
/*文字サイズ*/
font-size: .8em;
/*水平方向文字の位置。右寄せはright、真ん中はcenter、左寄せはleft*/
text-align: right;
/*行間調整*/
line-height: 1.5;
/*下側の余白*/
margin-bottom: 1em;
}
#sb-part-1391.sb-custom-part-ln9rh4jnu2ce1o7xqw .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-ln9rh4jnu2ce1o7xqw .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-ln9rh4jnu2ce1o7xqw .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-ln9rh4jnu2ce1o7xqw .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-ln9rh4jnu2ce1o7xqw .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-ln9rh4jnu2ce1o7xqw .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-ln9rh4jnu2ce1o7xqw .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-ln9rh4jnu2ce1o7xqw .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-550.sb-custom-part-mf21mkrmlfg1gejfok h3 {
/*文字の太さ*/
font-size: 21px;
/*左ライン。線の太さ｜線の種類｜線の色*/
border-left: 8px solid #4B0082;
/*背景色*/
background: #FFFFFF;
/*行の高さ*/
line-height: 1.3;
/*文字の太さ。太字はbold、標準の太さはnormal*/
font-weight: normal;
padding: 10px 20px 10px 10px;
margin: 10px 0;
letter-spacing: 0.05em;
}
#sb-part-1391.sb-custom-part-mf2fg2uunbtbz82miu .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-mf2fg2uunbtbz82miu .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-mf2fg2uunbtbz82miu .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-mf2fg2uunbtbz82miu .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-mf2fg2uunbtbz82miu .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-mf2fg2uunbtbz82miu .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-mf2fg2uunbtbz82miu .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-mf2fg2uunbtbz82miu .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-mf2fgu4xivu8xdh3r3j .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-mf2fgu4xivu8xdh3r3j .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-mf2fgu4xivu8xdh3r3j .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-mf2fgu4xivu8xdh3r3j .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-mf2fgu4xivu8xdh3r3j .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-mf2fgu4xivu8xdh3r3j .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-mf2fgu4xivu8xdh3r3j .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-mf2fgu4xivu8xdh3r3j .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-mf21sueuxns02kqi7a .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-mf21sueuxns02kqi7a .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-mf21sueuxns02kqi7a .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-mf21sueuxns02kqi7a .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-mf21sueuxns02kqi7a .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-mf21sueuxns02kqi7a .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-mf21sueuxns02kqi7a .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-mf21sueuxns02kqi7a .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-5455.sb-custom-part-lna4vwud2qf25kcwvqp .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
#sb-part-5454.sb-custom-part-ln9vfvpzgux8low49rk .annotation_right {
line-height: 1.2;
font-size: 0.5em;
text-align: right;
}
#sb-part-1391.sb-custom-part-mf21trd2m4ps2bx5fk9 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-mf21trd2m4ps2bx5fk9 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-mf21trd2m4ps2bx5fk9 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-mf21trd2m4ps2bx5fk9 .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-mf21trd2m4ps2bx5fk9 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-mf21trd2m4ps2bx5fk9 .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-mf21trd2m4ps2bx5fk9 .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-mf21trd2m4ps2bx5fk9 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-5455.sb-custom-part-lna4vwud2qf25kcwvqp .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
#sb-part-351.sb-custom-part-mf21v22wspvm90yrzso .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-mf21v22wspvm90yrzso .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-mf21v22wspvm90yrzso .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-mf21v22wspvm90yrzso .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-mf21v22wspvm90yrzso .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-mf21v22wspvm90yrzso .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-mf21v22wspvm90yrzso .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-mf21v22wspvm90yrzso .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-ln9vhtzxkh6kuwyyhce .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-ln9vhtzxkh6kuwyyhce .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-ln9vhtzxkh6kuwyyhce .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-ln9vhtzxkh6kuwyyhce .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-ln9vhtzxkh6kuwyyhce .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-ln9vhtzxkh6kuwyyhce .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-ln9vhtzxkh6kuwyyhce .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-ln9vhtzxkh6kuwyyhce .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-lna4x8gza5zzwx6dofa .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna4x8gza5zzwx6dofa .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna4x8gza5zzwx6dofa .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna4x8gza5zzwx6dofa .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna4x8gza5zzwx6dofa .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna4x8gza5zzwx6dofa .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna4x8gza5zzwx6dofa .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna4x8gza5zzwx6dofa .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-5455.sb-custom-part-lna4vwud2qf25kcwvqp .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
#sb-part-351.sb-custom-part-mf21wlu01ezyv4g0lww .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-mf21wlu01ezyv4g0lww .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-mf21wlu01ezyv4g0lww .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-mf21wlu01ezyv4g0lww .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-mf21wlu01ezyv4g0lww .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-mf21wlu01ezyv4g0lww .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-mf21wlu01ezyv4g0lww .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-mf21wlu01ezyv4g0lww .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna1ewjbi2zac1s9ro .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna1ewjbi2zac1s9ro .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna1ewjbi2zac1s9ro .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna1ewjbi2zac1s9ro .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna1ewjbi2zac1s9ro .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna1ewjbi2zac1s9ro .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna1ewjbi2zac1s9ro .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna1ewjbi2zac1s9ro .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna1gheh95zmovnq40v .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna1gheh95zmovnq40v .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna1gheh95zmovnq40v .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna1gheh95zmovnq40v .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna1gheh95zmovnq40v .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna1gheh95zmovnq40v .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna1gheh95zmovnq40v .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna1gheh95zmovnq40v .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-lna4zl4wlggyxr15gvl .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna4zl4wlggyxr15gvl .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna4zl4wlggyxr15gvl .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna4zl4wlggyxr15gvl .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna4zl4wlggyxr15gvl .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna4zl4wlggyxr15gvl .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna4zl4wlggyxr15gvl .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna4zl4wlggyxr15gvl .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-5455.sb-custom-part-lna4vwud2qf25kcwvqp .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
#sb-part-351.sb-custom-part-lna51pz2tg1e5fzjz7c .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna51pz2tg1e5fzjz7c .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna51pz2tg1e5fzjz7c .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna51pz2tg1e5fzjz7c .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna51pz2tg1e5fzjz7c .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna51pz2tg1e5fzjz7c .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna51pz2tg1e5fzjz7c .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna51pz2tg1e5fzjz7c .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna52hcdripmb0pz1yp .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna52hcdripmb0pz1yp .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna52hcdripmb0pz1yp .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna52hcdripmb0pz1yp .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna52hcdripmb0pz1yp .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna52hcdripmb0pz1yp .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna52hcdripmb0pz1yp .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna52hcdripmb0pz1yp .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-lna543814ydlc970b6u .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna543814ydlc970b6u .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna543814ydlc970b6u .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna543814ydlc970b6u .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna543814ydlc970b6u .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna543814ydlc970b6u .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna543814ydlc970b6u .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna543814ydlc970b6u .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna54yjehd57x1gojbg .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna54yjehd57x1gojbg .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna54yjehd57x1gojbg .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna54yjehd57x1gojbg .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna54yjehd57x1gojbg .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna54yjehd57x1gojbg .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna54yjehd57x1gojbg .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna54yjehd57x1gojbg .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-5455.sb-custom-part-lna4vwud2qf25kcwvqp .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
#sb-part-351.sb-custom-part-lna56f8ytbgo4d3h7c .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna56f8ytbgo4d3h7c .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna56f8ytbgo4d3h7c .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna56f8ytbgo4d3h7c .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna56f8ytbgo4d3h7c .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna56f8ytbgo4d3h7c .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna56f8ytbgo4d3h7c .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna56f8ytbgo4d3h7c .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna58u8ft7n0ro4e9mt .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna58u8ft7n0ro4e9mt .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna58u8ft7n0ro4e9mt .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna58u8ft7n0ro4e9mt .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna58u8ft7n0ro4e9mt .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna58u8ft7n0ro4e9mt .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna58u8ft7n0ro4e9mt .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna58u8ft7n0ro4e9mt .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-lna59zfdnnwfi4db1r8 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna59zfdnnwfi4db1r8 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna59zfdnnwfi4db1r8 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna59zfdnnwfi4db1r8 .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna59zfdnnwfi4db1r8 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna59zfdnnwfi4db1r8 .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna59zfdnnwfi4db1r8 .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna59zfdnnwfi4db1r8 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-lna5b60j5piuk3bzgx9 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna5b60j5piuk3bzgx9 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna5b60j5piuk3bzgx9 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna5b60j5piuk3bzgx9 .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna5b60j5piuk3bzgx9 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna5b60j5piuk3bzgx9 .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna5b60j5piuk3bzgx9 .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna5b60j5piuk3bzgx9 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-5455.sb-custom-part-lna4vwud2qf25kcwvqp .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
#sb-part-1391.sb-custom-part-lna5c69iuxvi966j04r .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna5c69iuxvi966j04r .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna5c69iuxvi966j04r .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna5c69iuxvi966j04r .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna5c69iuxvi966j04r .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna5c69iuxvi966j04r .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5c69iuxvi966j04r .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5c69iuxvi966j04r .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-5455.sb-custom-part-lna4vwud2qf25kcwvqp .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
#sb-part-351.sb-custom-part-lna5d40grs0az6qkgcq .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna5d40grs0az6qkgcq .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna5d40grs0az6qkgcq .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna5d40grs0az6qkgcq .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna5d40grs0az6qkgcq .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna5d40grs0az6qkgcq .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna5d40grs0az6qkgcq .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna5d40grs0az6qkgcq .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna5dvwl290gkxmf1g4 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna5dvwl290gkxmf1g4 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna5dvwl290gkxmf1g4 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna5dvwl290gkxmf1g4 .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna5dvwl290gkxmf1g4 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna5dvwl290gkxmf1g4 .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5dvwl290gkxmf1g4 .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5dvwl290gkxmf1g4 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-lna5mzv8ug467vn81k8 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna5mzv8ug467vn81k8 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna5mzv8ug467vn81k8 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna5mzv8ug467vn81k8 .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna5mzv8ug467vn81k8 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna5mzv8ug467vn81k8 .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna5mzv8ug467vn81k8 .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna5mzv8ug467vn81k8 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna5nxigfm2eptxfnd8 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna5nxigfm2eptxfnd8 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna5nxigfm2eptxfnd8 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna5nxigfm2eptxfnd8 .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna5nxigfm2eptxfnd8 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna5nxigfm2eptxfnd8 .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5nxigfm2eptxfnd8 .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5nxigfm2eptxfnd8 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-7775.sb-custom-part-ln9vml2sm99g8zpp1jq .ctabutton img {
animation: Shake 3s infinite;
}
@keyframes Shake {
0% {
transform: skew(0deg, 0deg);
}
30% {
transform: skew(0deg, 0deg);
}
45% {
transform: skew(10deg, 0deg) translate(-17px, 0px);
}
55% {
transform: skew(-10deg, 0deg) translate(17px, 0px);
}
60% {
transform: skew(5deg, 0deg) translate(-8px, 0px);
}
65% {
transform: skew(-5deg, 0deg) translate(8px, 0px);
}
70% {
transform: skew(5deg, 0deg) translate(-8px, 0px);
}
75% {
transform: skew(-5deg, 0deg) translate(8px, 0px);
}
80% {
transform: skew(3deg, 0deg) translate(-5px, 0px);
}
85% {
transform: skew(-3deg, 0deg) translate(5px, 0px);
}
90% {
transform: skew(2deg, 0deg) translate(-3px, 0px);
}
95% {
transform: skew(-1deg, 0deg) translate(1px, 0px);
}
100% {
transform: skew(0deg, 0deg);
}
}
#sb-part-5455.sb-custom-part-mf2ayti90seyy9hw0r1o .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
#sb-part-550.sb-custom-part-mf2b105n1f9zsqu0k6z h3 {
/*文字の太さ*/
font-size: 21px;
/*左ライン。線の太さ｜線の種類｜線の色*/
border-left: 8px solid #4B0082;
/*背景色*/
background: #FFFFFF;
/*行の高さ*/
line-height: 1.3;
/*文字の太さ。太字はbold、標準の太さはnormal*/
font-weight: normal;
padding: 10px 20px 10px 10px;
margin: 10px 0;
letter-spacing: 0.05em;
}
#sb-part-1391.sb-custom-part-mf2b13s99ikvallbapv .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-mf2b13s99ikvallbapv .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-mf2b13s99ikvallbapv .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-mf2b13s99ikvallbapv .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-mf2b13s99ikvallbapv .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-mf2b13s99ikvallbapv .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-mf2b13s99ikvallbapv .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-mf2b13s99ikvallbapv .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-lna5planrxt1s7zc5ri .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna5planrxt1s7zc5ri .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna5planrxt1s7zc5ri .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna5planrxt1s7zc5ri .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna5planrxt1s7zc5ri .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna5planrxt1s7zc5ri .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna5planrxt1s7zc5ri .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna5planrxt1s7zc5ri .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna5q9x1e0fpw1sae1p .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna5q9x1e0fpw1sae1p .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna5q9x1e0fpw1sae1p .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna5q9x1e0fpw1sae1p .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna5q9x1e0fpw1sae1p .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna5q9x1e0fpw1sae1p .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5q9x1e0fpw1sae1p .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5q9x1e0fpw1sae1p .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-lna5s5oi62ddnxh8j78 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna5s5oi62ddnxh8j78 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna5s5oi62ddnxh8j78 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna5s5oi62ddnxh8j78 .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna5s5oi62ddnxh8j78 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna5s5oi62ddnxh8j78 .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna5s5oi62ddnxh8j78 .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna5s5oi62ddnxh8j78 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna5susdryrp2jb9gad .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna5susdryrp2jb9gad .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna5susdryrp2jb9gad .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna5susdryrp2jb9gad .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna5susdryrp2jb9gad .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna5susdryrp2jb9gad .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5susdryrp2jb9gad .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5susdryrp2jb9gad .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-mf2fitqzhgmu60wdel6 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-mf2fitqzhgmu60wdel6 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-mf2fitqzhgmu60wdel6 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-mf2fitqzhgmu60wdel6 .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-mf2fitqzhgmu60wdel6 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-mf2fitqzhgmu60wdel6 .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-mf2fitqzhgmu60wdel6 .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-mf2fitqzhgmu60wdel6 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-mf2b17fdz53sz8gqn8 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-mf2b17fdz53sz8gqn8 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-mf2b17fdz53sz8gqn8 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-mf2b17fdz53sz8gqn8 .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-mf2b17fdz53sz8gqn8 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-mf2b17fdz53sz8gqn8 .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-mf2b17fdz53sz8gqn8 .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-mf2b17fdz53sz8gqn8 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-5454.sb-custom-part-lna5xr9mr0zuv5l7zxb .annotation_right {
line-height: 1.2;
font-size: 0.5em;
text-align: right;
}
#sb-part-1391.sb-custom-part-lna5yf4a11w7ktw2sn9i .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna5yf4a11w7ktw2sn9i .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna5yf4a11w7ktw2sn9i .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna5yf4a11w7ktw2sn9i .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna5yf4a11w7ktw2sn9i .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna5yf4a11w7ktw2sn9i .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5yf4a11w7ktw2sn9i .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna5yf4a11w7ktw2sn9i .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-mf2b6mbl8xq3st5q7xg .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-mf2b6mbl8xq3st5q7xg .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-mf2b6mbl8xq3st5q7xg .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-mf2b6mbl8xq3st5q7xg .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-mf2b6mbl8xq3st5q7xg .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-mf2b6mbl8xq3st5q7xg .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-mf2b6mbl8xq3st5q7xg .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-mf2b6mbl8xq3st5q7xg .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-5454.sb-custom-part-mfaz1rsfo4tly6jxjvg .annotation_right {
line-height: 1.2;
font-size: 10px;
text-align: right;
}
#sb-part-5455.sb-custom-part-lna4vwud2qf25kcwvqp .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
#sb-part-351.sb-custom-part-lna60r7hsqbmp57ton .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna60r7hsqbmp57ton .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna60r7hsqbmp57ton .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna60r7hsqbmp57ton .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna60r7hsqbmp57ton .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna60r7hsqbmp57ton .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna60r7hsqbmp57ton .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna60r7hsqbmp57ton .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna61eunggmoeesf6mo .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna61eunggmoeesf6mo .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna61eunggmoeesf6mo .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna61eunggmoeesf6mo .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna61eunggmoeesf6mo .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna61eunggmoeesf6mo .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna61eunggmoeesf6mo .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna61eunggmoeesf6mo .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-lna62ird1ckdynanucn .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-lna62ird1ckdynanucn .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-lna62ird1ckdynanucn .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-lna62ird1ckdynanucn .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-lna62ird1ckdynanucn .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-lna62ird1ckdynanucn .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-lna62ird1ckdynanucn .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-lna62ird1ckdynanucn .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-lna6np9v4rnkh3s5ysb .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-lna6np9v4rnkh3s5ysb .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-lna6np9v4rnkh3s5ysb .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-lna6np9v4rnkh3s5ysb .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-lna6np9v4rnkh3s5ysb .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-lna6np9v4rnkh3s5ysb .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-lna6np9v4rnkh3s5ysb .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-lna6np9v4rnkh3s5ysb .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-mf2b7zjnijfymjf4zz .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-mf2b7zjnijfymjf4zz .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-mf2b7zjnijfymjf4zz .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-mf2b7zjnijfymjf4zz .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-mf2b7zjnijfymjf4zz .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-mf2b7zjnijfymjf4zz .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-mf2b7zjnijfymjf4zz .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-mf2b7zjnijfymjf4zz .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-351.sb-custom-part-mf2fjpvy41u85oxjbe8 .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
#sb-part-351.sb-custom-part-mf2fjpvy41u85oxjbe8 .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-351.sb-custom-part-mf2fjpvy41u85oxjbe8 .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-351.sb-custom-part-mf2fjpvy41u85oxjbe8 .faceicon img {
/*画像周りの線。線の種類｜線の太さ｜線の色*/
border: solid 0px #d7ebfe;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
box-sizing: border-box;
border-radius: 50%;
}
#sb-part-351.sb-custom-part-mf2fjpvy41u85oxjbe8 .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #04BC04;
text-align: center;
}
#sb-part-351.sb-custom-part-mf2fjpvy41u85oxjbe8 .says {
display: block;
position: relative;
margin: 0;
padding: 12px;
border-radius: 10pt;
/*吹き出しの背景色指定。※三角部分の色は下の.says:beforeから変更*/
background-color: #FFFACD;
margin-right: 20px;
}
#sb-part-351.sb-custom-part-mf2fjpvy41u85oxjbe8 .says:before {
content: "";
position: absolute;
top: 15px;
right: -11px;
/*三角部分の色変更は下記カラーコードを変更ください*/
border-left: 11px solid #FFFACD;
border-bottom: 11px solid transparent;
border-top: 11px solid transparent;
}
#sb-part-351.sb-custom-part-mf2fjpvy41u85oxjbe8 .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-1391.sb-custom-part-mfajsudpdzpo80pg9t .balloon {
/*周りの余白。上下｜左右*/
margin: 1.5em 0;
overflow: hidden;
display: flex;
}
#sb-part-1391.sb-custom-part-mfajsudpdzpo80pg9t .chatting {
/*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
width: auto;
}
#sb-part-1391.sb-custom-part-mfajsudpdzpo80pg9t .faceicon {
display: inline-block;
width: 55px;
min-width: 55px;
height: auto;
position: relative;
overflow: hidden;
}
#sb-part-1391.sb-custom-part-mfajsudpdzpo80pg9t .faceicon img {
/*画像周りの線の指定。左から、線の種類、線の太さ、線の色*/
border: solid 0px #d7ebfe;
box-sizing: border-box;
width: 55px;
max-width: 55px;
height: 55px !important;
object-fit: cover;
border-radius: 50%;
}
#sb-part-1391.sb-custom-part-mfajsudpdzpo80pg9t .name {
/*アイコン名の文字サイズ*/
font-size: 13px;
/*アイコン名の文字の色*/
color: #FF0000;
text-align: center;
}
#sb-part-1391.sb-custom-part-mfajsudpdzpo80pg9t .says {
display: block;
position: relative;
margin: 0 0 0 20px;
padding: 12px;
border-radius: 10pt;
/*吹き出しの部分の背景色指定。※三角部分の色を除く*/
background-color: #FFFACD;
}
#sb-part-1391.sb-custom-part-mfajsudpdzpo80pg9t .says:before {
content: "";
position: absolute;
top: 12px;
left: -26px;
border: 11pt solid transparent;
/*三角部分の色変更は下記より変更ください*/
border-right: 11pt solid #FFFACD;
}
#sb-part-1391.sb-custom-part-mfajsudpdzpo80pg9t .says p {
margin: 0;
padding: 0;
letter-spacing: -0.01em;
}
#sb-part-3389.sb-custom-part-mf2d8nnrfsw5sss2e9 h2 {
font-size: 20px;
color: #ffffff;
background: #1C247D;
text-align: center;
padding: 10px !important;
margin: 20px 0 30px !important;
font-weight: 700;
line-height: 30px;
position: relative;
}
#sb-part-3389.sb-custom-part-mf2d8nnrfsw5sss2e9 h2:before {
border-top: 10px solid #1C247D;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
content: "";
position: absolute;
bottom: -10px;
left: calc(50% - 10px);
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper {
display: flex;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
/*スライド全体の横幅*/
width: 100%;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transform: translate3d(0px, 0, 0);
transition-property: transform;
box-sizing: content-box;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 100%;
height: auto;
position: relative;
transition-property: transform;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-slide img {
/*スライド内の画像の横幅*/
width: 80%;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-slide img.lazyload:not(.loaded) {
width: auto;
max-width: 80%;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-next,
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-prev {
position: absolute;
/*進む、戻るボタンの縦位置*/
top: 50%;
z-index: 10;
cursor: pointer;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-next {
/*進むボタンの横位置（初期：画面右基準）*/
right: 20px;
left: auto;
outline: none;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-prev {
/*戻るボタンの横位置（初期：画面左基準）*/
left: 20px;
right: auto;
outline: none;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-next::before,
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-prev::before {
content: ' ';
width: 30px;
height: 30px;
position: absolute;
top: calc(50%);
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-next::before {
/*進むボタン（下）の線種、線の太さ、線の色*/
border-right: solid 5px #6495ed;
transform: translatey(-50%) rotate(35deg);
right: 10px;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-prev::before {
/*戻るボタン（下）の線種、線の太さ、線の色*/
border-left: solid 5px #6495ed;
transform: translatey(-50%) rotate(-35deg);
left: 10px;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-next::after,
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-prev::after {
content: ' ';
width: 30px;
height: 30px;
position: absolute;
top: calc(50% - 5px);
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-next::after {
/*進むボタン（上）の線種、線の太さ、線の色*/
border-right: solid 5px #6495ed;
transform: translatey(-50%) rotate(-35deg);
right: 10px;
}
#sb-part-1233.sb-custom-part-lzjj8hbc0cxahr9gossr .swiper-button-prev::after {
/*戻るボタン（上）の線種、線の太さ、線の色*/
border-left: solid 5px #6495ed;
transform: translatey(-50%) rotate(35deg);
left: 10px;
}
#sb-part-2568.sb-custom-part-mfahus3gyyawhrntw7 .downArrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-2568.sb-custom-part-mfahus3gyyawhrntw7 .downArrow>span {
/* 矢印の大きさの設定 */
width: 100px;
height: 65px;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-2568.sb-custom-part-mfahus3gyyawhrntw7 .downArrow>span::before {
content: "";
display: block;
margin: 0 auto;
width: 50%;
height: 40%;
/* 矢印の色の設定 */
background: #FF0000;
}
#sb-part-2568.sb-custom-part-mfahus3gyyawhrntw7 .downArrow>span::after {
content: "";
display: block;
width: 100%;
height: 60%;
/* 矢印の色の設定 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(49%, transparent), color-stop(50%, #FF0000)) top left/50% 100% no-repeat, -webkit-gradient(linear, right bottom, left top, color-stop(49%, transparent), color-stop(50%, #FF0000)) top right/50% 100% no-repeat;
background: linear-gradient(to top right, transparent 49%, #FF0000 50%) top left/50% 100% no-repeat, linear-gradient(to top left, transparent 49%, #FF0000 50%) top right/50% 100% no-repeat;
}
#sb-part-2568.sb-custom-part-mfahus3gyyawhrntw7
/*動きの速さを変更する場合は、複数あるanimation-durationの1.5s(=1.5秒)の時間を変更
動きの回数を変更する場合は、複数あるanimation-iteration-countのinfinite（=無限, #sb-part-2568.sb-custom-part-mfahus3gyyawhrntw7 3=3回など）を変更*/
.movebtn {
-webkit-animation-name: btnAnime02;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
-moz-animation-name: btnAnime02;
-moz-animation-duration: 1.5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease;
align-items: flex-start;
justify-content: center;
}
@-webkit-keyframes btnAnime02 {
/*初期位置*/
0% {
/*1番目の値はX方向, 2番目の値はY方向*/
-webkit-transform: translate(0, 0);
}
/*animation-durationで設定した値の半分の時間（50%）の時の位置*/
50% {
-webkit-transform: translate(0, -8px);
}
/*animation-durationで設定した値になった（100%）時の位置*/
100% {
-webkit-transform: translate(0, 0);
}
}
/*上記の「@-webkit-keyframes btnAnime02」と同様の値にしてください*/
@-moz-keyframes btnAnime02 {
0% {
-moz-transform: translate(0, 0);
}
50% {
-moz-transform: translate(0, -8px);
}
100% {
-moz-transform: translate(0, 0);
}
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow>span {
/* 矢印の大きさの設定 */
width: 100px;
height: 65px;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow>span::before {
content: "";
display: block;
margin: 0 auto;
width: 50%;
height: 40%;
/* 矢印の色の設定 */
background: #043782;
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow>span::after {
content: "";
display: block;
width: 100%;
height: 60%;
/* 矢印の色の設定 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(49%, transparent), color-stop(50%, #043782)) top left/50% 100% no-repeat, -webkit-gradient(linear, right bottom, left top, color-stop(49%, transparent), color-stop(50%, #043782)) top right/50% 100% no-repeat;
background: linear-gradient(to top right, transparent 49%, #043782 50%) top left/50% 100% no-repeat, linear-gradient(to top left, transparent 49%, #043782 50%) top right/50% 100% no-repeat;
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi
/*動きの速さを変更する場合は、複数あるanimation-durationの1.5s(=1.5秒)の時間を変更
動きの回数を変更する場合は、複数あるanimation-iteration-countのinfinite（=無限, #sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi 3=3回など）を変更*/
.movebtn {
-webkit-animation-name: btnAnime02;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
-moz-animation-name: btnAnime02;
-moz-animation-duration: 1.5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease;
align-items: flex-start;
justify-content: center;
}
@-webkit-keyframes btnAnime02 {
/*初期位置*/
0% {
/*1番目の値はX方向, 2番目の値はY方向*/
-webkit-transform: translate(0, 0);
}
/*animation-durationで設定した値の半分の時間（50%）の時の位置*/
50% {
-webkit-transform: translate(0, -8px);
}
/*animation-durationで設定した値になった（100%）時の位置*/
100% {
-webkit-transform: translate(0, 0);
}
}
/*上記の「@-webkit-keyframes btnAnime02」と同様の値にしてください*/
@-moz-keyframes btnAnime02 {
0% {
-moz-transform: translate(0, 0);
}
50% {
-moz-transform: translate(0, -8px);
}
100% {
-moz-transform: translate(0, 0);
}
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et img {
display: block;
max-width: 100%;
width: auto;
max-height: 100%;
height: auto;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question {
font-size: min(8px, 1.33vw);
max-width: 100%;
margin: auto;
background-color: #043782;
color: #2b2b2b;
font-family: 'ヒラギノ角ゴ Pr6N', "Hiragino Kaku Gothic ProN", '游ゴシック', 'メイリオ', sans-serif;
padding-bottom: 2em;
padding-top: 0.04em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_title_text {
font-size: 3.8em;
text-align: center;
letter-spacing: 0.02em;
font-weight: 700;
line-height: 1.35 !important;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .q1 .question_title_text {
font-size: 3.8em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .title_img {
width: 90%;
margin: 3em auto;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_content {
background-color: #fff;
width: 90%;
margin: 11em auto 0;
border-radius: 2em;
position: relative;
padding-bottom: 5em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_icon {
width: 80%;
top: 0;
left: 0;
right: 0;
margin: auto;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_title {
padding-top: 0.5em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_annotation {
text-align: right;
padding-right: 3em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_annotation_text {
font-size: 1.7em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et
/* form */
.form {
margin-top: 3em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_input {
display: none;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_option {
border: 0.4em solid #fff;
box-shadow: 0 0 1.3em #2b2b2b3a;
border-radius: 2em;
margin-bottom: 2em;
width: 95%;
margin: 2em auto;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_label {
display: block;
padding: 2em 0;
position: relative;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_label::before {
content: "";
width: 3em;
height: 3em;
display: block;
position: absolute;
left: 2em;
border: 1px solid #2b2b2b;
border-radius: 0.5em;
top: 0;
bottom: 0;
margin: auto;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .question_input:checked+.question_label::before {
background-image: url(../images/389fb9e1-ccb0-4422-bf52-a17fa740d496.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-color: #fff;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .label_text {
font-size: 2.8em;
text-align: center;
font-weight: 700;
line-height: 1.33;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .label_image {
width: fit-content;
max-height: 62.5%;
max-width: 80%;
margin: auto;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .next_arrow {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 45%;
transform: translateY(80%);
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et
/* checked */
/* .question_option:has(.question_input:checked) {
border: 0.4em solid #e8822e !important;
background-color: #fcece0;
}#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et */
/* タグ設定に設置 */
.question_title_text>span {
color: #ff0000;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et
/* q2 */
.q2 .label_text {
font-size: 2.8em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .q2_detail {
margin-top: 8em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .q2_img_01 {
transform: translateX(1.5em);
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .q2_img_02 {
transform: translateX(1em);
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et
/* q3 */
.label_text>span {
color: #531898;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .q3 .label_image {
padding-top: 1em;
padding-bottom: 1em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et sup {
font-size: 0.6em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .q3_annotation {
text-align: right;
padding-right: 3em;
margin-top: 3em;
}
#sb-part-9522.sb-custom-part-mfayz7gl6ocqkz7et .q3_annotation_text {
font-size: 1.4em;
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow>span {
/* 矢印の大きさの設定 */
width: 100px;
height: 65px;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow>span::before {
content: "";
display: block;
margin: 0 auto;
width: 50%;
height: 40%;
/* 矢印の色の設定 */
background: #043782;
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow>span::after {
content: "";
display: block;
width: 100%;
height: 60%;
/* 矢印の色の設定 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(49%, transparent), color-stop(50%, #043782)) top left/50% 100% no-repeat, -webkit-gradient(linear, right bottom, left top, color-stop(49%, transparent), color-stop(50%, #043782)) top right/50% 100% no-repeat;
background: linear-gradient(to top right, transparent 49%, #043782 50%) top left/50% 100% no-repeat, linear-gradient(to top left, transparent 49%, #043782 50%) top right/50% 100% no-repeat;
}
#sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi
/*動きの速さを変更する場合は、複数あるanimation-durationの1.5s(=1.5秒)の時間を変更
動きの回数を変更する場合は、複数あるanimation-iteration-countのinfinite（=無限, #sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi 3=3回など）を変更*/
.movebtn {
-webkit-animation-name: btnAnime02;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
-moz-animation-name: btnAnime02;
-moz-animation-duration: 1.5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease;
align-items: flex-start;
justify-content: center;
}
@-webkit-keyframes btnAnime02 {
/*初期位置*/
0% {
/*1番目の値はX方向, 2番目の値はY方向*/
-webkit-transform: translate(0, 0);
}
/*animation-durationで設定した値の半分の時間（50%）の時の位置*/
50% {
-webkit-transform: translate(0, -8px);
}
/*animation-durationで設定した値になった（100%）時の位置*/
100% {
-webkit-transform: translate(0, 0);
}
}
/*上記の「@-webkit-keyframes btnAnime02」と同様の値にしてください*/
@-moz-keyframes btnAnime02 {
0% {
-moz-transform: translate(0, 0);
}
50% {
-moz-transform: translate(0, -8px);
}
100% {
-moz-transform: translate(0, 0);
}
}
#sb-part-5455.sb-custom-part-mf2ayti90seyy9hw0r1o .annotation {
line-height: 1.2;
font-size: 0.5em;
text-align: left;
}
@import 'https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&subset=japanese&display=swap';
ul {
list-style: none
}