@charset "UTF-8";
/* CSS Document */

/* ----------- 追加CSS add_question.css------------ */

.m-0{
  margin: 0px !important;
}

/* ----------- 枠線（選択肢） add_common.css------------ */
.pulldown-color.pulldown-border-color .pulldown-placeholder[data-color="blue"]::before,
.pulldown-color.pulldown-border-color .pulldown-option[data-color="blue"]::before {
  border: 3px solid #009BFF;
}

.pulldown-color.pulldown-border-color .pulldown-placeholder[data-color="bright-pink"]::before,
.pulldown-color.pulldown-border-color .pulldown-option[data-color="bright-pink"]::before {
  border: 3px solid #F875DD;
}

.pulldown-color.pulldown-border-color .pulldown-placeholder[data-color="light-orange"]::before,
.pulldown-color.pulldown-border-color .pulldown-option[data-color="light-orange"]::before {
  border: 3px solid #FFB200;
}

/* ----------- 文字色 add------------ */
.txt-black{
  color: #130012;
}

.txt-gray{
  color: #A5A5A5;
}

.txt-vivid-blue{
  color: #0041FF;
}

.txt-vivid-red{
  color: #FF4000;
}

.txt-bright-pink{
  color: #F875DD;
}

.txt-vivid-green{
  color: #00FF40;
}

.txt-light-orange{
  color: #FFB200;
}

.txt-white{
  color: #FFFFFF;
}

.txt-answer-red{
  color: #E94709;
}

/* ----------- 背景 add_common.css------------ */
.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="black"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="black"]::before {
  background: #130012;
}

.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="gray"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="gray"]::before {
  background: #A5A5A5;
}

.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="blue"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="blue"]::before {
  background: #009BFF;
}

.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="vivid-blue"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="vivid-blue"]::before {
  background: #0041FF;
}

.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="vivid-red"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="vivid-red"]::before {
  background: #FF4000;
}

.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="bright-pink"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="bright-pink"]::before {
  background: #F875DD;
}

.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="vivid-green"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="vivid-green"]::before {
  background: #00FF40;
}

.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="light-orange"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="light-orange"]::before {
  background: #FFB200;
}

.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="white"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="white"]::before {
  background: #FFFFFF;
  border: 1px solid #000;
}

.pulldown-color.pulldown-bg-color .pulldown-placeholder[data-color="answer-red"]::before,
.pulldown-color.pulldown-bg-color .pulldown-option[data-color="answer-red"]::before {
  background: #E94709;
}

/* ----------- 枠線  add_question.css------------ */
.answer-block.border-answer-block {
  border-radius: 24px;
  border: 3px dashed #3395ff;
  background: #fdfdf7;
  margin-left: 40px;
  padding: 24px;
}

.answer-block.border-answer-block.border-answer-blue-beige {
  border: 3px dashed #009BFF;
  background: #fdfdf7;
}


.answer-block.border-answer-block.border-answer-blue-beige-design {
  border: 3px solid #009BFF;
  border-radius: 8px;

  background:
    url(".././img/parts/blue_corner_tl.svg") left top / 24px 24px no-repeat,
    url(".././img/parts/blue_corner_tr.svg") right top / 24px 24px no-repeat,
    url(".././img/parts/blue_corner_br.svg") right bottom / 24px 24px no-repeat,
    url(".././img/parts/blue_corner_bl.svg") left bottom / 24px 24px no-repeat,
    #fdfdf7;
}

.answer-block.border-answer-block.border-answer-blue-design {
  border: 3px solid #009BFF;
  border-radius: 8px;

  background:
    url(".././img/parts/blue_corner_tl.svg") left top / 24px 24px no-repeat,
    url(".././img/parts/blue_corner_tr.svg") right top / 24px 24px no-repeat,
    url(".././img/parts/blue_corner_br.svg") right bottom / 24px 24px no-repeat,
    url(".././img/parts/blue_corner_bl.svg") left bottom / 24px 24px no-repeat,
    #f2f8ff;
}

.answer-block.border-answer-block.border-answer-bright-pink-design {
  border: 3px solid #F875DD;
  border-radius: 8px;

  background:
    url(".././img/parts/bright-pink_corner_tl.svg") left top / 24px 24px no-repeat,
    url(".././img/parts/bright-pink_corner_tr.svg") right top / 24px 24px no-repeat,
    url(".././img/parts/bright-pink_corner_br.svg") right bottom / 24px 24px no-repeat,
    url(".././img/parts/bright-pink_corner_bl.svg") left bottom / 24px 24px no-repeat,
    #fff7fc;
}

.answer-block.border-answer-block.border-answer-light-orange-design {
  border: 3px solid #FFB200;
  border-radius: 8px;

  background:
    url(".././img/parts/light-orange_corner_tl.svg") left top / 24px 24px no-repeat,
    url(".././img/parts/light-orange_corner_tr.svg") right top / 24px 24px no-repeat,
    url(".././img/parts/light-orange_corner_br.svg") right bottom / 24px 24px no-repeat,
    url(".././img/parts/light-orange_corner_bl.svg") left bottom / 24px 24px no-repeat,
    #fffaf0;
}


.answer-block.border-answer-block.border-answer-blue-design-side-line {
  border: 3px solid #009BFF;
  border-radius: 8px;
  background:
    url(".././img/parts/blue_corner.svg") left top / 8px 120px repeat-y,
    url(".././img/parts/blue_corner.svg") right top / 8px 120px repeat-y,
    #f2f8ff;
}

.answer-block.border-answer-block.border-answer-bright-pink-design-side-line {
  border: 3px solid #F875DD;
  border-radius: 8px;
  background:
    url(".././img/parts/bright-pink_corner.svg") left top / 8px 120px repeat-y,
    url(".././img/parts/bright-pink_corner.svg") right top / 8px 120px repeat-y,
    #fff7fc;
}

.answer-block.border-answer-block.border-answer-light-orange-design-side-line {
  border: 3px solid #FFB200;
  border-radius: 8px;
  background:
    url(".././img/parts/light-orange_corner.svg") left top / 8px 120px repeat-y,
    url(".././img/parts/light-orange_corner.svg") right top / 8px 120px repeat-y,
    #fffaf0;
}

/* ----------- 選択肢の行間上書き add_question.css------------ */

.answer-block .answer-column .answer-txt .txt {
  line-height: 1.6;
}

/* ----------- グループ枠色の上書き add_question.css------------ */

.group-area-box .group-box.green {
  border: 3px solid #66afff;
  background: #F1F8E9;
}
.group-area-box .group-box.red {
  border: 3px solid #66afff;
  background: #FFF3E0;
}
.group-area-box .group-box.blue {
  border: 3px solid #66afff;
  background: #E3F2FD;
}
.group-area-box .group-box.yellow {
  border: 3px solid #66afff;
  background: #FFFDE7;
}

/* ----------- ポイント選択しの追加 add_common.css------------ */
/* 〇 中抜き円形 (data-color="circle") */
.pulldown-color.pulldown-point-design .pulldown-placeholder[data-color="circle"]::before,
.pulldown-color.pulldown-point-design .pulldown-option[data-color="circle"]::before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
}

/* △ 中抜き三角形 (data-color="triangle") */
.pulldown-color.pulldown-point-design .pulldown-placeholder[data-color="triangle"]::before,
.pulldown-color.pulldown-point-design .pulldown-option[data-color="triangle"]::before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%2212%2C5%2019%2C19%205%2C19%22%20fill%3D%22none%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
}

/* □ 中抜き四角形 (data-color="rect") */
.pulldown-color.pulldown-point-design .pulldown-placeholder[data-color="rect"]::before,
.pulldown-color.pulldown-point-design .pulldown-option[data-color="rect"]::before {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%20stroke%3D%22%234A4A4A%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
}

/* ----------- ポイントの形状・色のデザイン調整 add_question.css------------ */
/* 〇 */
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-blue {
  background: #99C9FF;
  border-color: #009BFF;
}

.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-pink {
  background: #FFC1F2;
  border-color: #F875DD;
}

.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-orange {
  background: #FFE0A3;
  border-color: #FFB200;
}

/* □ */
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-square.dot-square-blue {
  background: #99C9FF;
  border-color: #009BFF;
}

.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-square.dot-square-pink {
  background: #FFC1F2;
  border-color: #F875DD;
}

.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-square.dot-square-orange {
  background: #FFE0A3;
  border-color: #FFB200;
}

/* △ */
.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-triangle-blue {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2223%22%20viewBox%3D%220%200%2026%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6416%201.7207C12.8128%201.42655%2013.1872%201.42654%2013.3584%201.7207L24.4258%2020.7402C24.527%2020.9143%2024.5208%2021.1062%2024.4316%2021.2686C24.3438%2021.4284%2024.2128%2021.4998%2024.0674%2021.5H1.93262C1.78721%2021.4998%201.65617%2021.4284%201.56836%2021.2686C1.47923%2021.1062%201.47302%2020.9143%201.57422%2020.7402L12.6416%201.7207Z%22%20fill%3D%22%2399C9FF%22%20stroke%3D%22%23009BFF%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  width: 26px;
  border: 0;
  border-radius: 0;
}

.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-triangle-pink {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2223%22%20viewBox%3D%220%200%2026%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6416%201.7207C12.8128%201.42655%2013.1872%201.42654%2013.3584%201.7207L24.4258%2020.7402C24.527%2020.9143%2024.5208%2021.1062%2024.4316%2021.2686C24.3438%2021.4284%2024.2128%2021.4998%2024.0674%2021.5H1.93262C1.78721%2021.4998%201.65617%2021.4284%201.56836%2021.2686C1.47923%2021.1062%201.47302%2020.9143%201.57422%2020.7402L12.6416%201.7207Z%22%20fill%3D%22%23FFC1F2%22%20stroke%3D%22%23F875DD%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  width: 26px;
  border: 0;
  border-radius: 0;
}

.answer-block.connection-box .connection-col .answer-column .connect-dot.dot-triangle-orange {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2223%22%20viewBox%3D%220%200%2026%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6416%201.7207C12.8128%201.42655%2013.1872%201.42654%2013.3584%201.7207L24.4258%2020.7402C24.527%2020.9143%2024.5208%2021.1062%2024.4316%2021.2686C24.3438%2021.4284%2024.2128%2021.4998%2024.0674%2021.5H1.93262C1.78721%2021.4998%201.65617%2021.4284%201.56836%2021.2686C1.47923%2021.1062%201.47302%2020.9143%201.57422%2020.7402L12.6416%201.7207Z%22%20fill%3D%22%23FFE0A3%22%20stroke%3D%22%23FFB200%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  width: 26px;
  border: 0;
  border-radius: 0;
}

/* ----------- 選択肢レイアウト調整 add_common.css------------ */
.modal-window .edit-modal .edit-choice-block .layout-list {
  gap: 8px;
}

/* ----------- 選択肢レイアウト調整 add_question.css------------ */
.answer-block.border-answer-block .answer-column .answer-txt picture {
  margin: 14px 14px 14px;
}

.answer-block .answer-column.bottom-img picture {
  padding: 14px 14px 14px;
}
.answer-block .answer-column.top-img picture {
  padding: 14px 14px 14px;
}

.group-area-box .answer-block.flex-answer picture {
  margin: 14px 14px 14px;
}

.question-vertical .group-area-box .answer-block.flex-answer picture {
  margin: 14px 14px 14px 14px;
}