@charset "UTF-8";
/* -------------------------------------------------- */
/* カラー */
/* -------------------------------------------------- */
/* 線 */
/* -------------------------------------------------- */
/* オーバーレイ */
/* -------------------------------------------------- */
/* フォーム */
/* -------------------------------------------------- */
/* カレンダー */
/* -------------------------------------------------- */
/* 予防接種一覧の表 */
/* -------------------------------------------------- */
/* エラー専用 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* フォント */
/* -------------------------------------------------- */
/* DNP 秀英丸ゴシック Std Bold Light */
/* -------------------------------------------------- */
/* Arial Narrow Bold */
/* -------------------------------------------------- */
/* 游ゴシック */
/* -------------------------------------------------- */
/* ヒラギノ角ゴ ProN */
/* 使用するにはAdobeフォントのkitIdを変更する必要あり */
/* -------------------------------------------------- */
/** media screen **/
/** /media screen **/
html {
  font-size: 62.5%;
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 600;
  font-style: normal;
  visibility: hidden;
}
html.wf-active, html.wf-inactive {
  visibility: visible;
}

body {
  height: 100dvh;
  position: relative;
  background: #FFFFFF;
}

* {
  box-sizing: border-box;
}

/* -------------------------------------------------- */
/* フォームパーツのreset.css */
/* -------------------------------------------------- */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

::-moz-placeholder {
  color: #B4B4B4;
}

:-ms-input-placeholder {
  color: #B4B4B4;
}

::placeholder {
  color: #B4B4B4;
}

button {
  padding: 0;
}

/* -------------------------------------------------- */
/* 上部と下部の余白 */
/* -------------------------------------------------- */
.common-scroll-wrap, #record-index-wrap, #non-header-wrap, #export-wrap, #commonWrap {
  height: calc(100% - 64px - env(safe-area-inset-bottom, 0px));
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* headerとfooterがある場合 */
#commonWrap {
  padding-top: 95px;
  padding-bottom: 30px;
}

/* headerがなくfooterがある場合 */
#non-header-wrap, #export-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* headerとfooterがない場合 */
#non-header-footer-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* -------------------------------------------------- */
/* コンテンツ幅 */
/* -------------------------------------------------- */
/* 360px / 390px */
.width-large {
  width: 100%;
  padding-left: 3.85%;
  padding-right: 3.85%;
}

/* 350px / 390px */
.width-medium {
  width: 100%;
  padding-left: 5.15%;
  padding-right: 5.15%;
}

/* 340px / 390px */
.width-small {
  width: 100%;
  padding-left: 6.45%;
  padding-right: 6.45%;
}

/* -------------------------------------------------- */
/* タイトル */
/* -------------------------------------------------- */
.title-main {
  margin-bottom: 25px;
  font-size: 2.4rem;
  text-align: center;
  line-height: 1;
  color: #787878;
}

/* -------------------------------------------------- */
/* テキスト */
/* -------------------------------------------------- */
.common-txt {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #5A5A5A;
}

/* -------------------------------------------------- */
/* ボタン */
/* -------------------------------------------------- */
.btn {
  display: block;
  width: 100%;
  padding: 19px 0;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  border-radius: 8px;
}

.btn-primary {
  color: #FFFFFF;
  background: #CD7373;
}

.btn-cancel-white {
  color: #787878;
  background: #FFFFFF;
}

.btn-cancel-sub {
  color: #787878;
  background: #D9DADA;
}

.btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: #FFFFFF;
  border-radius: 10px;
}
.btn-delete img {
  width: 30px;
}

/* 横並びのレイアウト ゴミ箱/キャンセル */
/* -------------------------------------------------- */
.btn-wrap {
  display: flex;
  justify-content: space-between;
}
.btn-wrap .btn-cancel-white {
  width: calc(100% - 76px);
}

/* ボタンとボタンの余白 */
/* -------------------------------------------------- */
.btn-mb {
  margin-bottom: 20px;
}

/* -------------------------------------------------- */
/* モーダル */
/* -------------------------------------------------- */
.iziModal-overlay {
  background-color: #595757 !important;
  mix-blend-mode: multiply;
}

.iziModal {
  width: 92.3%;
  border-radius: 10px !important;
  background: #E1AFA0 !important;
  box-shadow: none !important;
}

.iziModal-content {
  padding: 25px 5.5% !important;
}

.modal-title {
  padding-bottom: 30px;
  font-size: 2.4rem;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
}

.modal-txt {
  padding-bottom: 20px;
  font-size: 1.7rem;
  line-height: 1.5;
  color: #FFFFFF;
}

/* -------------------------------------------------- */
/* 共通モーダル */
/* -------------------------------------------------- */
#message-modal {
  background-color: #E1AFA0;
  color: #FFFFFF;
}
#message-modal h2 {
  font-size: 2.4rem;
  text-align: center;
  padding-bottom: 30px;
}
#message-modal .modal-error-content {
  font-size: 1.7rem;
  line-height: 1.5;
  padding-bottom: 20px;
}

/* -------------------------------------------------- */
/* せいかつの記録登録・編集・削除モーダル */
/* -------------------------------------------------- */
.record-modal .radio-wrap {
  margin-bottom: 20px;
  overflow: hidden;
}
.record-modal .radio-btn-group {
  background-color: #FFFFFF;
  max-height: 310px;
  overflow: scroll;
  padding: 0 10px;
  border-radius: 10px;
}
.record-modal .radio-btn-group label {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  font-size: 2rem;
  line-height: 1;
  border-bottom: 1px solid #B4B4B4;
  color: #5A5A5A;
}
.record-modal .radio-btn-group label:last-child {
  border-bottom: none;
}
.record-modal .radio-btn-group label input[type=radio]:checked ~ .radio-check {
  width: 22px;
  height: 18px;
  background: no-repeat url(/images/check.svg?5b3bfb20ff9d39611ea7c88d500aaa91);
}
.record-modal .brest-milk-field {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 10px;
}
.record-modal .brest-milk-field .quantity-label {
  display: flex;
  flex-direction: row;
  background-color: #787878;
  color: #FFFFFF;
}
.record-modal .brest-milk-field .quantity-label div {
  display: inline-block;
  width: 50%;
  text-align: center;
  padding: 15px 0;
  font-size: 2rem;
  line-height: 1;
}
.record-modal .brest-milk-field .quantity-label .left-label {
  border-right: 1px solid #FFFFFF;
}
.record-modal .brest-milk-field .quantity-field {
  display: flex;
  flex-direction: row;
  max-height: 265px;
  background-color: #FFFFFF;
}
.record-modal .brest-milk-field .quantity-field .left-field, .record-modal .brest-milk-field .quantity-field .right-field {
  width: 50%;
  margin: 0;
  border-radius: 0;
  padding: 0 13px;
}
.record-modal .brest-milk-field .quantity-field .left-field {
  border-right: 1px solid #B4B4B4;
}
.record-modal .brest-milk-field .order-field-wrap {
  background-color: #D7D8D8;
  padding: 10px 0;
}
.record-modal .brest-milk-field .order-field-wrap .order-field {
  width: 65%;
  margin: 0 auto;
  color: #5A5A5A;
}
.record-modal .brest-milk-field .order-field-wrap .order-field label:nth-of-type(2) {
  width: 40%;
}
.record-modal .numeric-field {
  width: 100%;
  margin-bottom: 20px;
}
.record-modal .numeric-field > label {
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.record-modal .numeric-field .input-numeric {
  display: inline-block;
  width: 100%;
  padding: 9px 12px;
  margin-right: 5px;
  font-size: 1.6rem;
  line-height: 1;
  border-radius: 8px;
  color: #5A5A5A;
  background-color: #FFFFFF;
}
.record-modal .numeric-field span {
  color: #595757;
  display: inline-block;
  font-size: 2rem;
}
.record-modal .weight-unit-wrap {
  margin-bottom: 20px;
}
.record-modal .weight-unit-wrap .horizontal-radio-btn-group {
  background-color: #F6E7E2;
}
.record-modal textarea {
  border-radius: 10px;
  background-color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  color: #5A5A5A;
}

/* 時間のセレクトボックス */
.time-select-wrap {
  display: flex;
  align-items: end;
  margin-bottom: 20px;
}
.time-select-wrap .select-box {
  width: 18.462vw;
  border: unset;
}
.time-select-wrap span {
  padding: 0 3.846vw 0 1.282vw;
  color: #595757;
  font-size: 2rem;
}

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
header {
  width: 100%;
  background: #CD7373;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
header #header-inr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 3.85%;
}

#header-infant {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#header-infant.active #header-info {
  background: url(/images/chevron_up.svg?b0296770a3d31f2ea0859b56d91ee630) no-repeat center right;
  background-size: 13px;
}
#header-infant #header-icon {
  width: 45px;
  margin-right: 8px;
}
#header-infant #header-icon img {
  width: 100%;
}
#header-infant #header-info {
  padding-right: 33px;
  line-height: 1;
  color: #FFFFFF;
  background: url(/images/chevron_down.svg?e44d42ed2dba289d5864155c7506da46) no-repeat center right;
  background-size: 13px;
}
#header-infant #header-info #header-name {
  padding-bottom: 5px;
  font-size: 1.8rem;
}
#header-infant #header-info #header-old {
  font-size: 1.3rem;
}

#header-settings {
  width: 25px;
}
#header-settings a {
  display: block;
}
#header-settings a img {
  width: 100%;
}

/* infantのセレクトメニュー */
/* -------------------------------------------------- */
#infants-select-wrap {
  display: none;
  width: 100%;
  height: 100vh;
  padding-top: 64px;
  background: #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
}
#infants-select-wrap.active {
  display: block;
}
#infants-select-wrap button {
  display: block;
  width: 100%;
  padding: 7px 3.85%;
  font-size: 1.8rem;
  line-height: 1.5;
  border-bottom: 1px solid #B4B4B4;
  color: #787878;
}
#infants-select-wrap button#selected-infant {
  background: url(/images/check.svg?5b3bfb20ff9d39611ea7c88d500aaa91) no-repeat center right 3.85%;
  background-size: 18px;
}

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
footer {
  width: 100%;
  padding: 5px 0 max(env(safe-area-inset-bottom, 5px), 5px);
  border: 1px solid #787878;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background: #F6E7E2;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
}
footer ul {
  display: flex;
  justify-content: space-between;
  width: 93.8%;
  margin: 0 auto;
}
footer ul li {
  width: 25%;
}
footer ul li a {
  text-align: center;
  display: block;
}
footer ul li a div {
  width: 40px;
  margin: 0 auto;
  padding-bottom: 3px;
}
footer ul li a div img {
  width: 100%;
}
footer ul li a .link-name {
  font-size: 1.3rem;
  line-height: 1;
  color: #787878;
  white-space: nowrap;
}
@media screen and (max-width: 389px) {
  footer ul li a .link-name {
    font-size: 1.15rem;
  }
}

/* -------------------------------------------------- */
/* カレンダー */
/* -------------------------------------------------- */
.calender {
  width: 100%;
}
.calender .year {
  padding-bottom: 5px;
  font-size: 1.9rem;
  line-height: 1;
  text-align: center;
  color: #787878;
}
.calender .year span {
  font-size: 1.6rem;
  vertical-align: baseline;
}
.calender .clndr-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
}
.calender .month {
  padding: 0 20px;
  font-size: 3.4rem;
  line-height: 1;
  color: #CD7373;
}
.calender .month span {
  font-size: 2rem;
  vertical-align: 4px;
}
.calender .row {
  display: flex;
  padding-bottom: 10px;
}
.calender .row .day {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  width: 14.2857142857%;
  height: 35px;
  font-size: 2rem;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-width: 600;
  line-height: 0.8;
  color: #5A5A5A;
  position: relative;
}
.calender .row .day:first-of-type {
  color: #CC667D;
}
.calender .row .day:last-of-type {
  color: #5A91A5;
}
.calender .row .day.adjacent-month {
  color: #C6C7C7;
}
.calender .row .day.adjacent-month:first-of-type {
  color: #E6C8C8;
}
.calender .row .day.adjacent-month:last-of-type {
  color: #BED2DC;
}
.calender .event::before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #E1AFA0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.calender .selected::after {
  content: "";
  display: block;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: #B2B2B3;
  mix-blend-mode: multiply;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* 前月・来月のボタン */
/* -------------------------------------------------- */
.clndr-previous-button,
.clndr-next-button {
  width: 30px;
}
.clndr-previous-button img,
.clndr-next-button img {
  width: 100%;
}

/* 日・月・火・水・木・金・土 */
/* -------------------------------------------------- */
.days-of-the-week {
  padding-bottom: 13px;
}
.days-of-the-week .header-day {
  width: 14.2857142857%;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1;
  color: #787878;
}
.days-of-the-week .header-day:first-of-type {
  color: #CC667D;
}
.days-of-the-week .header-day:last-of-type {
  color: #5A91A5;
}

/* 比べるボタン */
/* -------------------------------------------------- */
#calenderWrap {
  position: relative;
}
#calenderWrap #comparing-btn {
  display: flex;
  align-items: center;
  width: 70px;
  height: 54px;
  position: absolute;
  top: 0;
  right: 0;
}
#calenderWrap #comparing-btn img {
  width: 100%;
}
#calenderWrap #comparing-btn.comparing-mode {
  color: #787878;
}

/* 比較したい日付を２つ選んでください。 */
#comparing-txt {
  padding: 50px 0 15px;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: -0.08em;
  color: #787878;
}

/* -------------------------------------------------- */
/* 初回チュートリアル・使い方 */
/* -------------------------------------------------- */
#display {
  background: #FFFFFF;
  cursor: pointer;
}
#display #usage-image-wrap {
  text-align: center;
}
#display img {
  width: 100%;
}

#display-header {
  padding: 15px 3.8% 10px;
  background: #E1AFA0;
}
#display-header #title-area {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
#display-header #title-area #back {
  width: 10px;
  cursor: pointer;
}
#display-header #title-area #back img {
  width: 100%;
}
#display-header #title-area #back-spacer {
  width: 10px;
}
#display-header #title-area #display-title {
  padding-bottom: 10px;
  font-size: 2.4rem;
  line-height: 1;
  color: white;
}
#display-header #title-area #display-title span {
  font-size: 1.4rem;
}
#display-header #title-area #close {
  width: 20px;
  cursor: pointer;
}
#display-header #title-area #close img {
  width: 100%;
}
#display-header #explanation {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #5A5A5A;
}
#display-header #explanation span {
  font-size: 1.3rem;
  line-height: 1.8;
}
#display-header.last #display-title {
  display: none;
}
#display-header.last #explanation {
  padding: 28px 0 32px;
  font-size: 2.4rem;
  line-height: 1.6;
  text-align: center;
  color: #FFFFFF;
}
@media screen and (max-width: 389px) {
  #display-header.last #explanation {
    font-size: 2.2rem;
  }
}

/* -------------------------------------------------- */
/* ページ上部のタイトル */
/* -------------------------------------------------- */
#record-index-wrap {
  padding: 64px 0 92px;
}

.page-heading-wrap {
  display: flex;
  justify-content: space-between;
  vertical-align: center;
  padding: 31px 22px 26px;
}
.page-heading-wrap .btn-return {
  position: relative;
  display: inline-block;
}
.page-heading-wrap .btn-return img {
  position: absolute;
  bottom: 0px;
  vertical-align: middle;
  display: block;
  height: 22px;
  margin: 0 0;
  z-index: 1;
}
.page-heading-wrap .page-heading {
  vertical-align: middle;
  display: inline-block;
  font-size: 2.4rem;
  color: #787878;
  line-height: 1;
}
.page-heading-wrap.non-header-page-heading {
  padding: 0 22px 26px;
}
.page-heading-wrap.heading-margin-top-record {
  margin-top: 44px;
}

/* 生活の記録： 記録が無い場合のテキスト*/
/* -------------------------------------------------- */
#records-empty-txt {
  padding: 13px;
  font-size: 1.4rem;
  color: #5A5A5A;
}

/* -------------------------------------------------- */
/* 利用規約ページとプライバシーポリシーページ */
/* -------------------------------------------------- */
.legal-text-wrap {
  font-family: hiragino-kaku-gothic-pron, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #5A5A5A;
  width: 100%;
  padding: 0 15px 0 20px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.legal-text-wrap .legal-introduction {
  padding: 14px 0 22px;
}
.legal-text-wrap p {
  font-weight: 300;
}
.legal-text-wrap ol {
  margin-left: 20px;
  list-style-type: decimal;
}
.legal-text-wrap ol.terms-ol {
  list-style-type: none;
}
.legal-text-wrap ol.terms-ol > li {
  position: relative;
  counter-increment: cnt;
}
.legal-text-wrap ol.terms-ol > li::before {
  position: absolute;
  left: -15px;
  content: counter(cnt) "  ";
}
.legal-text-wrap ol.terms-ol > li ol {
  list-style-type: none;
  margin-left: 35px;
}
.legal-text-wrap ol.terms-ol > li ol > li {
  counter-increment: cnt-small;
  position: relative;
}
.legal-text-wrap ol.terms-ol > li ol > li::before {
  position: absolute;
  left: -35px;
  content: "(" counter(cnt-small) ") ";
}
.legal-text-wrap li {
  padding-bottom: 22px;
}
.legal-text-wrap li li {
  padding-bottom: 0;
  font-weight: 300;
}
.legal-text-wrap address {
  font-weight: 300;
  margin: 25px 0;
}
.legal-text-wrap #representative-signature {
  text-align: left;
}
.legal-text-wrap #signature {
  text-align: center;
  padding-bottom: 22px;
}
.legal-text-wrap #conclude-text {
  font-weight: 300;
  padding: 30px 0 60px;
  text-align: right;
}

/* -------------------------------------------------- */
/* フォームパーツ */
/* -------------------------------------------------- */
.field {
  margin-bottom: 30px;
}
.field .field-label {
  display: block;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #787878;
  margin-bottom: 10px;
}
.field .field-error {
  color: #787878;
  margin-top: 5px;
  line-height: 1.5;
  font-size: 1.3rem;
}

input[type=text].input-text, input[type=text].input-tel, input[type=tel].input-text, input[type=tel].input-tel {
  display: block;
  width: 100%;
  margin-bottom: 13px;
  padding: 7px 15px;
  font-size: 1.6rem;
  line-height: 1;
  border: 1px solid #787878;
  border-radius: 8px;
  color: #787878;
  background-color: #FFFFFF;
}

.select-box {
  position: relative;
  background-color: #FFFFFF;
  display: inline-block;
  width: 100%;
  border-radius: 8px;
  line-height: 1;
  font-size: 2rem;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-weight: 600;
  border: 1px solid #787878;
  padding: 14px 3.333vw;
}
.select-box select {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  width: 100%;
  color: #595757;
  display: inline-block;
  font-size: 1.8rem;
  margin-right: auto;
  text-align: left;
}
.select-box img {
  position: absolute;
  top: 50%;
  right: 3.333vw;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  display: inline-block;
  width: 12px;
}

.date-select-wrap {
  display: flex;
  align-items: end;
}
.date-select-wrap .select-box {
  /** 年のセレクターだけ幅1.5倍 */
}
.date-select-wrap .select-box.year-select-box {
  width: 24.615vw;
}
.date-select-wrap .select-box.month-select-box, .date-select-wrap .select-box.day-select-box {
  width: 18.462vw;
}
.date-select-wrap span {
  padding: 0 3.846vw 0 1.282vw;
  font-size: 2rem;
}

.horizontal-radio-btn-group {
  padding: 3px 5px;
  background-color: #E1AFA0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 8px;
  /** 縦方向の大きさ */
}
.horizontal-radio-btn-group label {
  padding: 5px 0;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  color: #5A5A5A;
  border-radius: 6px;
  width: calc((100% - 2px) / 3);
}
.weight-unit-wrap .horizontal-radio-btn-group label {
  width: calc((100% - 2px) / 2);
}
.horizontal-radio-btn-group label:has(input[type=radio]:checked) {
  background-color: #FFFFFF;
}
.horizontal-radio-btn-group label:has(input[type=radio]:checked) + .dividing-line {
  background-color: transparent;
}
.horizontal-radio-btn-group .dividing-line {
  display: block;
  width: 1px;
  height: 14px;
  background-color: #FFFFFF;
}
.horizontal-radio-btn-group .dividing-line:has(+ label > input[type=radio]:checked) {
  background-color: transparent;
}
.horizontal-radio-btn-group.small {
  width: 65%;
  border-radius: 5px;
}
.horizontal-radio-btn-group.small label {
  border-radius: 5px;
}

/* -------------------------------------------------- */
/* 項目リストのUI （設定・データ出力・よくある質問・アカウント引き継ぎ） */
/* -------------------------------------------------- */
.common-list-wrap {
  padding-bottom: 30px;
}
.common-list-wrap .common-list-tit {
  padding: 12px 3.85%;
  font-size: 1.8rem;
  line-height: 1;
}
.common-list-wrap .common-list-txt {
  padding: 7px 3.85%;
  font-size: 1.8rem;
  line-height: 1.4;
}
.common-list-wrap.main-color .common-list-tit {
  color: #FFFFFF;
  background: #E1AFA0;
}
.common-list-wrap.main-color .common-list-txt {
  color: #5A5A5A;
}
.common-list-wrap.sub-color .common-list-tit {
  color: #5A5A5A;
  background: #D9DADA;
}
.common-list-wrap.sub-color .common-list-txt {
  color: #787878;
}

/* -------------------------------------------------- */
/* 大タイトル */
/* -------------------------------------------------- */
/* 中タイトル */
/* -------------------------------------------------- */
/* 小タイトル */
/* -------------------------------------------------- */
/* 予防接種 */
/* -------------------------------------------------- */
/* 予防接種一覧 */
/* -------------------------------------------------- */
.injections-tit {
  padding-bottom: 10px;
  line-height: 1;
  font-size: 1.8rem;
  color: #787878;
}

#injections-routine-tit + table {
  margin-bottom: 30px;
}

.injections-table {
  width: 100%;
  border-collapse: collapse; /*セル同士の間に隙間を空けない*/
  background: #CD7373;
  color: #231815;
  /* 任意の予防接種ラベルのみ色を変える */
}
.injections-table th, .injections-table td {
  padding: 10px 0;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}
.injections-table td {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
}
.injections-table td:last-child {
  border-right: none;
}
.injections-table .injections-type-cell {
  padding: 10px;
  text-align: left;
  color: #FFFFFF;
}
.injections-table .injections-top-cell {
  width: 33.3333333333%;
  border-right: 1px solid #FFFFFF;
  color: #FFFFFF;
  background: #787878;
}
.injections-table .injections-top-cell:last-child {
  border-right: none;
}
.injections-table .status-scheduled-cell {
  background: #D9DADA;
}
.injections-table .injections-times:has(+ .status-scheduled-cell) {
  background: #D9DADA;
}
.injections-table .status-done-cell {
  background: #C6C7C7;
}
.injections-table .injections-times:has(+ .status-done-cell) {
  background: #C6C7C7;
}
.injections-table .status-none-cell {
  background: #ECECEC;
}
.injections-table .injections-times:has(+ .status-none-cell) {
  background: #ECECEC;
}
.injections-table.optional .injections-type-cell {
  background-color: #5A91A5;
}

tr:has(.injections-type-cell) + tr td {
  border-top: none;
}

/* ステータス変更モーダル */
/* -------------------------------------------------- */
.status-change-modal .modal-title {
  padding-bottom: 15px;
}
.status-change-modal .error-txt {
  padding-bottom: 20px;
}

/* 予防接種カレンダー */
/* -------------------------------------------------- */
.izi-modal.schedule-change-modal {
  background: #FFFFFF !important;
}
.izi-modal.schedule-change-modal .injection-note {
  font-size: 1.3rem;
  color: #5A5A5A;
  margin-bottom: 35px;
}
.izi-modal.schedule-change-modal #injections-calendar {
  padding-bottom: 10px;
}
.izi-modal.schedule-change-modal .selected::before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #E1AFA0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.izi-modal.schedule-change-modal .selected::after {
  content: none;
}
.izi-modal.schedule-change-modal .error-txt {
  padding-bottom: 20px;
}

/* エラーメッセージ */
/* -------------------------------------------------- */
.error-txt {
  padding-bottom: 10px;
  font-size: 1.3rem;
  color: #787878;
}

/* 各種予防接種の説明 */
/* -------------------------------------------------- */
#injection-type-img img {
  width: 100%;
}

.record-compare-wrap {
  padding-bottom: 30px !important;
}

#record-compare-inner {
  padding-top: 44px;
}

/* -------------------------------------------------- */
/* 左右の記録一覧の段分け */
/* -------------------------------------------------- */
.part {
  position: relative;
  display: flex;
  /* 中央線 */
}
.part:before {
  content: "";
  background-color: #B4B4B4;
  position: absolute;
  right: 50%;
  top: 0;
  width: 1px;
  height: 100%;
}

/* -------------------------------------------------- */
/* ページ上部の比較対象の2つの日付のCSS */
/* -------------------------------------------------- */
.title-date {
  position: fixed;
  top: 64px;
  width: 100%;
  z-index: 5;
  line-height: 1;
}
.title-date .title-date-content {
  position: relative;
  display: flex;
  background-color: #D9DADA;
  padding: 13px 0;
  width: 100%;
  /* 中央線 */
}
.title-date .title-date-content .compare {
  color: #5A5A5A;
  display: inline-block;
  width: 50%;
  font-size: 1.8rem;
}
.title-date .title-date-content .compare.left {
  margin: 0 25.8px 0 auto;
  text-align: right;
}
.title-date .title-date-content .compare.right {
  margin: 0 auto 0 26.9px;
}
.title-date .title-date-content:before {
  content: "";
  background-color: #787878;
  position: absolute;
  right: 50%;
  top: 8px;
  width: 1px;
  height: 27px;
}

.compare {
  width: 50%;
}

/* -------------------------------------------------- */
/* せいかつの記録 */
/* -------------------------------------------------- */
.left .record, .right .record {
  padding: 7px 0;
  /* 最後以外の要素 */
}
.left .record.first, .right .record.first {
  margin-top: 3px;
}
.left .record:not(:last-child), .right .record:not(:last-child) {
  border-bottom: 0.85px solid #B4B4B4;
}
.left .record > div, .right .record > div {
  display: flex;
  align-items: center;
}
.left .record > div img, .right .record > div img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 5px;
}
.left .record > div .record-action-name, .right .record > div .record-action-name {
  vertical-align: middle;
  color: #5A5A5A;
  font-size: 1.4rem;
  line-height: 1;
  padding: 5px 2px 5px 0;
  white-space: nowrap;
}
.left .record .record-action-value, .right .record .record-action-value {
  color: #5A5A5A;
  font-size: 1.2rem;
  vertical-align: bottom;
  margin: 0;
}
.left .record .record-action-value.action-type-poop, .right .record .record-action-value.action-type-poop {
  padding-left: 40px;
}
.left .record .record-action-breast-milk, .right .record .record-action-breast-milk {
  display: inline-block;
  color: #5A5A5A;
  font-size: 1.2rem;
  margin-top: 2.3px;
  padding-left: 40px;
}
.left .record .record-action-breast-milk.maximum-brest-milk, .right .record .record-action-breast-milk.maximum-brest-milk {
  font-size: 1rem;
}
.left .record .record-action-text, .right .record .record-action-text {
  display: inline-block;
  color: #5A5A5A;
  line-height: 1.5;
  font-size: 1.2rem;
  margin: 5px 0 3px;
  padding-left: 40px;
}

.left > .record {
  padding-left: 6%;
  margin-right: 10px;
}

.right > .record {
  margin-left: 10px;
  padding-right: 6%;
}

.record-date {
  vertical-align: middle;
  display: inline-block;
  color: #5A5A5A;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  padding-right: 5px;
}

.records-create-wrap {
  width: 100% !important;
  padding: 95px 6.45% 0 !important;
  height: calc(100% - 64px - env(safe-area-inset-bottom, 0px));
}

.records-create-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.action-item-list {
  width: 85%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.action-item-list .action-item-wrap {
  width: 23%;
  margin-bottom: 4%;
}
.action-item-list .action-item-wrap .action-item {
  width: 100%;
  position: relative;
}
.action-item-list .action-item-wrap .action-item img {
  display: block;
  width: 100%;
  padding-bottom: 4px;
}
.action-item-list .action-item-wrap .action-item.selected:after {
  content: "";
  position: absolute;
  top: -6%;
  left: -6%;
  width: 112%;
  height: 112%;
  mix-blend-mode: multiply;
  background-color: #B2B2B3;
  border-radius: 13px;
}
.action-item-list .action-item-wrap .action-item .action-name {
  text-align: center;
  font-size: 1.5rem;
  color: #787878;
}

#records-store-form {
  position: relative;
}
#records-store-form #records-store-errors {
  margin-top: 15px;
}
#records-store-form #records-store-errors li {
  padding-bottom: 10px;
  font-size: 1.3rem;
  color: #787878;
  line-height: 1.3;
}
#records-store-form #records-store-errors li:last-child {
  padding-bottom: 0;
}

#records-daily-wrap {
  padding: 64px 0 150px;
}

#header-date-field {
  background-color: #D9DADA;
  color: #5A5A5A;
  display: flex;
  font-size: 1.8rem;
  justify-content: space-between;
  padding: 13.2px 0 13px;
  position: fixed;
  text-decoration: none;
  line-height: 1;
  width: 100%;
  z-index: 2;
}
#header-date-field a {
  display: inline-block;
  margin: 0 15px;
  text-decoration: none;
}
#header-date-field a img {
  height: 18px;
}
#header-date-field div {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  width: 200px;
}

/* フィルタリング */
/* mix-blend-mode: multiply設定時に */
/* 同じ要素内ではアイコン画像まで半透明になるため背景のみ独立 */
#filtering-switch-background {
  width: 100%;
  height: calc(126px + env(safe-area-inset-bottom, 0px));
  position: fixed;
  bottom: 0;
  background-color: #787878;
  z-index: 0;
  mix-blend-mode: multiply;
}

#filtering-switch-wrap {
  background-color: transparent; /* 背景は上のidで設定 */
  padding: 7px 0;
  position: fixed;
  bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  z-index: 5;
  width: 100%;
  /* フィルタリングUIのボタンの横スクロール設定 */
}
#filtering-switch-wrap #filtering-switch-scroll {
  display: flex;
  background-color: transparent;
  mix-blend-mode: normal;
  padding: 0 10px;
  width: 100%;
  height: 48px;
  white-space: nowrap;
  overflow-x: scroll;
  /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
  z-index: 5;
}
#filtering-switch-wrap .filtering {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  mix-blend-mode: normal;
  /* チェック時にアイコンを右下に移動後透過し、裏側のオンの画像を見えるようにする */
}
#filtering-switch-wrap .filtering div {
  width: 46px;
  height: 46px;
  display: inline-block;
  mix-blend-mode: normal;
}
#filtering-switch-wrap .filtering img {
  width: 46px;
  height: 46px;
  display: inline-block;
  mix-blend-mode: normal;
}
#filtering-switch-wrap .filtering .image-filtering-on {
  display: inline-block;
  position: absolute;
  z-index: -1;
  top: 2px;
  left: 2px;
  width: 46px;
  height: 46px;
}
#filtering-switch-wrap .filtering .image-filtering-off {
  width: 46px;
  height: 46px;
  z-index: 2;
  /*アニメーションの指定*/
  transition: all 0.2s ease;
}
#filtering-switch-wrap .filtering.checked .image-filtering-off {
  transform: translate(2px, 2px);
  opacity: 0;
}

/* 横スクロールの対応 */
/*Google Chrome、Safariへの対応*/
.contents_box::-webkit-scrollbar {
  display: none;
}

/* -------------------------------------------------- */
/* せいかつの記録の項目 */
/* -------------------------------------------------- */
#daily-records-list {
  position: relative;
  margin-top: 50px;
}
#daily-records-list #calendar-icon-link {
  position: absolute;
  right: 20px;
  top: 5px;
  display: inline-block;
  height: 30px;
}
#daily-records-list #calendar-icon-link img {
  height: 100%;
}

.modal-link {
  height: 39px;
  text-decoration: none;
}
.modal-link .record {
  border-bottom: solid 1px #B4B4B4;
  padding-bottom: 9px;
}
.modal-link .record.first {
  padding-top: 2px;
}
.modal-link .record:not(.first) {
  padding-top: 9px;
}
.modal-link .record div {
  display: flex;
  align-items: center;
  color: #5A5A5A;
  font-size: 1.8rem;
  vertical-align: middle;
  text-align: left;
}
.modal-link .record div img {
  width: 39px;
  height: 39px;
  padding-right: 5px;
  vertical-align: middle;
}
.modal-link .record div .record-date {
  display: inline-block;
  width: 60px;
  vertical-align: middle;
  color: #5A5A5A;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
}
.modal-link .record div .record-action-name {
  vertical-align: middle;
  display: inline-block;
  color: #5A5A5A;
  font-size: 1.8rem;
  line-height: 1;
  margin: 5px 5px 5px 0;
}
.modal-link .record div .record-value {
  display: inline-block;
  font-size: 1.4rem;
}
@media screen and (max-width: 365px) {
  .modal-link .record div .record-value.maximum-brest-milk {
    font-size: 1.3rem;
  }
}
.modal-link .record .record-text {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 5px 17px 4px 60px;
  width: 100%;
  overflow-wrap: break-word;
}

/* 削除モーダル */
.modal-delete div:first-of-type {
  color: #FFFFFF;
  font-size: 2.4rem;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 25px;
}
.modal-delete .delete-btn {
  font-size: 1.8rem;
  text-align: center;
}
.modal-delete .modal-delete-bottom {
  margin-bottom: 0px;
}

#modal-edit-error {
  background-color: #E1AFA0;
  color: #FFFFFF;
}
#modal-edit-error h2 {
  font-size: 2.4rem;
  text-align: center;
  padding-bottom: 30px;
}
#modal-edit-error .modal-error-content {
  font-size: 1.7rem;
  line-height: 1.5;
  padding-bottom: 20px;
}

.record-modal .alert {
  margin-bottom: 20px;
  font-size: 1.3rem;
}
.record-modal .alert li {
  padding-bottom: 10px;
  font-size: 1.3rem;
  color: #FFFFFF;
  line-height: 1.3;
}
.record-modal .alert li:last-child {
  padding-bottom: 0;
}

.register-contents {
  color: #787878;
}
.register-contents #register-head {
  color: #5A5A5A;
}
.register-contents #register-head p {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  padding: 0 3.85% 22px;
}
.register-contents #register-form .note {
  margin-bottom: 28px;
  font-size: 1.6rem;
  letter-spacing: -0.03em;
}
.register-contents #register-form .partial-form {
  padding: 30px 3.85%;
}
.register-contents #register-form .partial-form h2 {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
.register-contents #register-form #register-infant-form {
  background-color: #F9EFEC;
}
.register-contents #register-form #register-infant-form #infant-date-of-birth-field {
  margin-bottom: 0;
}

.welcome .title-main {
  line-height: 1.54;
}
.welcome .logo {
  width: 175px;
  margin: 50px auto 60px;
}
.welcome .logo img {
  width: 100%;
}
.welcome .welcome-btn-wrap {
  margin-bottom: 50px;
  text-align: center;
}
.welcome .welcome-btn-wrap p {
  color: #787878;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.welcome .welcome-btn-wrap .btn-inherit {
  color: #FFFFFF;
  background-color: #787878;
}
.welcome .note {
  color: #787878;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
}
.welcome .note a {
  color: #CD7373;
}

#export-wrap {
  /* 日付プリセットのUI */
  /* トグルボタン周り */
}
#export-wrap #export-period-wrap {
  padding-bottom: 20px;
}
#export-wrap #export-record-wrap {
  padding-bottom: 0;
}
#export-wrap .export-heading {
  background-color: #D9DADA;
  color: #5A5A5A;
  font-size: 1.8rem;
  height: 44px;
  padding: 13.5px 0 12.5px 19.3px;
}
#export-wrap .export-heading-content {
  margin: 0 15px 0 15px;
}
#export-wrap .export-heading-content .date-select-wrap span {
  color: #5A5A5A;
}
#export-wrap #date-preset-wrap {
  background-color: #E1AFA0;
  color: #5A5A5A;
  margin-bottom: 29px;
  border-radius: 8.12px;
}
#export-wrap .date-heading {
  padding-bottom: 10px;
  color: #787878;
  font-size: 2rem;
  line-height: 1;
}
#export-wrap .select-btn {
  border-bottom: 1px solid #B4B4B4;
  color: #787878;
  display: flex;
  font-size: 1.8rem;
  justify-content: space-between;
  line-height: 1;
  padding: 7px 17.8px 7px 16.2px;
}
#export-wrap .select-btn label {
  padding: 6px 0;
}
#export-wrap .select-btn:last-child {
  border-bottom: 1px solid #B4B4B4;
}
#export-wrap .validation-error-message {
  color: #787878;
  font-size: 13px;
  height: 39px;
  width: 100%;
  padding-top: 13px;
}
#export-wrap .validation-error-message.error-start-date {
  padding-bottom: 13px;
}
#export-wrap .validation-error-message.error-end-date {
  margin-bottom: 22px;
}
#export-wrap .validation-error-message.select-record-type {
  padding-left: 16px;
}
#export-wrap .output-ready-information {
  font-size: 1.8rem;
  color: #787878;
  text-align: center;
  margin-bottom: 51px;
}

.btn-export {
  padding: 0 3.85%;
}

.export-pdf-notice {
  color: #787878;
  font-size: 1.4rem;
  line-height: 1.5;
  /* 出力準備完了ページ */
  /* 赤ちゃん・出力フォーマット選択ページ */
}
.export-pdf-notice#period-pdf-notice {
  padding-bottom: 25px;
}
.export-pdf-notice.output {
  margin-top: 48px;
}
.export-index .export-pdf-notice {
  margin: 21px 3.85% 0;
}

/* 赤ちゃん・出力フォーマット選択ページ */
.export-index h1 {
  color: #787878;
  font-size: 2.4rem;
  text-align: center;
  padding-bottom: 30px;
}
.export-index .export-content {
  display: block;
  position: relative;
  border-bottom: 1px solid #B4B4B4;
}
.export-index .export-content label {
  display: inline-block;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.export-index .export-content input[type=submit] {
  width: 100%;
}
.export-index input[type=radio]:checked + .radio-check, .export-index .radio-check.selected-type {
  position: absolute;
  top: 10px;
  right: 15.6px;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: no-repeat url(/images/check.svg?5b3bfb20ff9d39611ea7c88d500aaa91);
}

#form-submit-btn:disabled {
  display: none;
}

.infant-create {
  color: #787878;
}
.infant-create .page-heading-wrap {
  padding: 0 0 30px;
}
.infant-create #infant-create-icon {
  width: 40%;
  margin: 0 auto 10px;
}

/* -------------------------------------------------- */
/* アカウント引き継ぎページ */
/* -------------------------------------------------- */
.inherit-wrap {
  position: relative;
  background: url(/images/infant_add.svg?405efe6bd6b09b7bcbbb485c21cef2a5) top 30px center no-repeat;
  background-size: 88px;
}
.inherit-wrap .btn-return {
  display: block;
  width: 11px;
  margin-top: 12px;
}
.inherit-wrap .btn-return img {
  width: 100%;
}
.inherit-wrap .title-main {
  margin-bottom: 33px;
  padding-top: 120px;
}

.inherit-form {
  padding-bottom: 15px;
}

.title-wrap {
  margin-bottom: 30px;
  position: relative;
}
.title-wrap .btn-return {
  position: absolute;
  display: block;
  width: 9px;
  height: 15px;
  position: absolute;
  top: calc(50% - 7.5px);
}
.title-wrap .btn-return img {
  width: 100%;
}

.inherit-get-wrap {
  padding-bottom: 30px;
}
.inherit-get-wrap .title-main {
  padding-bottom: 0;
}

/* -------------------------------------------------- */
/* アカウント引き継ぎコード取得ページ */
/* -------------------------------------------------- */
#inherit-top-wrap {
  padding-bottom: 22px;
}

#copy-code {
  padding: 10px 3.85%;
  border-bottom: 1px solid #B4B4B4;
  color: #5A5A5A;
  font-size: 2rem;
  font-family: "Arial Narrow", Arial, sans-serif;
  line-height: 1;
  background: url(/images/copy_icon.svg?e8f6917bd46f045f08d694235821dbc7) no-repeat center right 5.1%;
  background-size: 25px;
}

#inherit-notes {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #787878;
}

#inherit-create-modal .modal-title {
  font-size: 1.7rem;
}

/* -------------------------------------------------- */
/* エラー専用ページ */
/* -------------------------------------------------- */
#error-wrap {
  padding-top: 95px;
}

#error-tit {
  text-align: center;
}
#error-tit #error-num {
  display: block;
  width: 145px;
  margin: 0 auto 10px;
  padding: 80px 0 5px;
  line-height: 1;
  font-size: 4rem;
  text-align: center;
  color: #FFFFFF;
  background: url(/images/errors_bg.svg?e659361ce024f1668ecc3b8fecba321d) no-repeat center;
  background-size: contain;
}
#error-tit #error-message {
  display: block;
  padding-bottom: 25px;
  line-height: 1;
  font-size: 2.2rem;
  color: #CD7373;
}

#error-explanation {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.37;
  color: #787878;
}

/* iPhone SEのみ */
/* -------------------------------------------------- */
@media screen and (max-width: 375px) {
  #error-explanation {
    letter-spacing: -0.03em;
  }
}
/* -------------------------------------------------- */
/* 退会 */
/* -------------------------------------------------- */
#current-line-accounts {
  margin-bottom: 30px;
}

#withdraw-txt {
  padding-bottom: 25px;
}

#withdraw-modal-tit {
  padding-bottom: 10px;
}

#register-confirm {
  color: #787878;
}
#register-confirm #confirm-explanation {
  font-size: 1.6rem;
  padding: 0 5.15%;
  margin-bottom: 22px;
}
#register-confirm .note {
  margin-bottom: 28px;
  font-size: 1.6rem;
  letter-spacing: -0.03em;
}
#register-confirm .partial-confirm {
  padding: 30px 3.85%;
}
#register-confirm .partial-confirm h2 {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
#register-confirm .partial-confirm .field .value {
  font-size: 1.6rem;
  color: #5A5A5A;
}
#register-confirm .partial-confirm .field:last-child {
  margin-bottom: 0;
}
#register-confirm #infant-confirm {
  background-color: #F6E7E2;
}
#register-confirm #confirm-btn-group {
  padding: 0 5.15%;
}

/* -------------------------------------------------- */
/* よくある質問ページ */
/* -------------------------------------------------- */
#faq-wrap .common-list-txt {
  font-size: 1.53rem;
  border-bottom: solid 1px #B4B4B4;
}
#faq-wrap dd {
  background-color: #F9EFEC;
  color: #5A5A5A;
  display: none;
  font-size: 1.33rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 10px 3.85%;
}
#faq-wrap dd img {
  margin-top: 5px;
  width: 100%;
}
#faq-wrap a {
  color: #5A91A5;
  text-decoration: underline;
}
#faq-wrap .common-list-wrap:last-child {
  padding-bottom: 0;
}
#faq-wrap .common-list-txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#faq-wrap .common-list-txt .question-text {
  display: block;
  width: 95%;
}
#faq-wrap .common-list-txt.active {
  /* ddタグの回答展開時に180度要素を回転し、「^」のアイコンにする */
}
#faq-wrap .common-list-txt.active .status-icon {
  transform: rotate(180deg);
}
#faq-wrap .common-list-txt .status-icon {
  height: 25px;
  background: url(/images/chevron_down_red.svg?a5a409b9fcdb128292e4a54247d34659) no-repeat center center;
  background-size: 13px;
  display: block;
  width: 15px;
}

/* -------------------------------------------------- */
/* 設定ページ */
/* -------------------------------------------------- */
.setting {
  /* 赤ちゃんの追加削除の画像 */
}
.setting h1 {
  padding-bottom: 30px;
  font-size: 2.4rem;
  text-align: center;
  line-height: 1;
  color: #787878;
}
.setting li {
  border-bottom: 1px solid #B4B4B4;
}
.setting li a, .setting li label {
  display: block;
  width: 100%;
}
.setting .infant-select-option {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.setting .infant-select-option label {
  display: block;
}
.setting .infant-select-option span {
  content: "　";
}
.setting .infant-select-option input[type=radio]:checked + .radio-check {
  position: absolute;
  top: 10px;
  right: 15.6px;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: no-repeat url(/images/check.svg?5b3bfb20ff9d39611ea7c88d500aaa91);
}
.setting .infant-operation-option {
  display: flex;
  align-items: center;
}
.setting #delete-infant {
  width: 100%;
}
.setting #delete-infant span {
  display: inline-block;
  vertical-align: middle;
}
.setting #infant-select img {
  margin-right: 7px;
  width: 15px;
}
.setting .recommendation-content li .common-list-txt {
  padding: 9px 3.85%;
}
.setting .recommendation-content li img {
  width: 100px;
}
.setting .common-list-wrap:last-child {
  padding-bottom: 0;
}