@charset "utf-8";
/** ブランドカラー **/
/** テキストカラー **/
/* 全体背景 */
/* ボーダー */
/* グローバルメニュー */
/* ヘッダー */
/* 自治体からのお知らせ */
/* 流行疾患情報 */
/* アクションメッセージ */
/* 施設からのお知らせ */
/* 汎用リスト */
/* スケジュール */
/* 施設検索 */
/* 医療機関検索 */
/* 保育施設検索 */
/* パネル */
/* ヘッダー グローバルメニュー */
/** ボタンのカラー **/
/** コンポーネント **/
/* 医療機関/施設/目的別/年齢別/検索タイトル */
/* イベント検索 */
/**
  自治体ごとに色を設定するファイル。
  自治体ごとに固定したい色（ブランドカラー等）をテンプレート的に定義してある。
  基本的に color_scheme_base.less に定義した変数を上書きする形で使用する。
 */
/** ブランドカラー **/
/** テキストカラー **/
/* 全体背景 */
/* ボーダー */
/* グローバルメニュー */
/* ヘッダー */
/* 汎用リスト */
/* パネル */
/* メッセージ表示欄 */
/** pc **/
/* ヘッダー グローバルメニュー */
/* 医療機関/施設/目的別/年齢別/検索タイトル */
/*
 以下は CRP インストール時に結合されるため、各部品に変更がない場合は
 IDE 上で LESS コンパイルエラーが表示される場合があります。
 デプロイ時には問題ありませんのでそのままコミットしてください。

 自治体ごとに変更する場合のみ下記部品を _base_b から複製して編集してください。
 */
/* =========================
  共通のパラメータ定義
========================= */
/* ========================================================
	reset.css => margin,padding等リセットCSS
======================================================== */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  font-size: 100%;
  font-family: inherit;
}
fieldset,
img {
  border: 0;
}
img {
  vertical-align: top;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
select,
input,
textarea {
  font-size: 100%;
}
hr {
  display: none;
}
input[type="submit"],
button[type="submit"],
input[type="text"] {
  -webkit-appearance: none;
}
/** =====================
        汎用クラス
====================== **/
.text-warning,
.alert-error {
  color: #ff1515;
}
.text-information {
  color: #082c87;
}
.text-note {
  color: #0096ff;
}
.text-normal {
  color: #0187DC;
}
.text-active {
  font-weight: bold;
  text-shadow: 1px 1px 1px #082c87;
}
.text-inactive {
  opacity: 0.5;
}
.text-smaller {
  font-size: 80%;
}
.text-larger {
  font-size: 120%;
}
.text-bold {
  font-weight: bold;
}
.center-align {
  text-align: center !important;
}
.right-align {
  text-align: right !important;
}
.left-align {
  text-align: left !important;
}
.pull-right {
  float: right !important;
}
.spacer-b10 {
  margin-bottom: 10px !important;
}
.spacer-t10 {
  margin-top: 10px !important;
}
.spacer-t15 {
  margin-top: 15px !important;
}
.spacer-b15 {
  margin-bottom: 15px !important;
}
.spacer-t20 {
  margin-top: 20px !important;
}
.spacer-b20 {
  margin-bottom: 20px !important;
}
.spacer-t30 {
  margin-top: 30px !important;
}
.spacer-b30 {
  margin-bottom: 30px !important;
}
.spacer-t40 {
  margin-top: 40px !important;
}
.spacer-b40 {
  margin-bottom: 40px !important;
}
.spacer-t50 {
  margin-top: 50px !important;
}
.spacer-b50 {
  margin-bottom: 50px !important;
}
.spacer-t60 {
  margin-top: 60px !important;
}
.spacer-b60 {
  margin-bottom: 60px !important;
}
.spacer-t70 {
  margin-top: 70px !important;
}
.spacer-b70 {
  margin-bottom: 70px !important;
}
.spacer-t80 {
  margin-top: 80px !important;
}
.spacer-b80 {
  margin-bottom: 80px !important;
}
.spacer-l10 {
  margin-left: 10px !important;
}
.spacer-l20 {
  margin-left: 20px !important;
}
.block {
  display: block;
}
.hidden {
  display: none;
}
.word-break {
  word-break: break-all;
}
.non-decoration-link {
  text-decoration: none;
  color: #0187DC;
}
.narrow-link {
  margin: 0 -0.5em;
}
.article {
  white-space: pre-wrap;
}
.article img {
  max-width: 600px;
}
.notice-message,
.noticeMessage {
  background: #DCFFD5;
  border: solid 1px #B8E09E;
  padding: 3px 7px;
  color: green;
  border-radius: 4px;
}
.notice-message.error,
.noticeMessage.error {
  background: #ffcbda;
  border: 1px solid #ff4d4d;
  color: #ff1515;
}
.errorMessage {
  background: #FFF2D5;
  border: solid 1px #E0BC9E;
  padding: 3px 7px;
  color: #E04B28;
  border-radius: 4px;
}
.centered {
  text-align: center;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.white-back {
  background: white;
  padding: 1rem;
  border-radius: 1rem;
}
.translucent {
  padding: 1rem;
  border-radius: 1rem;
  background: #ffffff;
  filter: alpha(opacity=70);
  background: rgba(255, 255, 255, 0.7);
}
.translucent-bordered {
  padding: 1rem;
  border-radius: 1rem;
  background: #ffffff;
  filter: alpha(opacity=70);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #9FDAF8;
}
.narrow-translucent {
  padding: 1rem;
  border-radius: 1rem;
  background: #ffffff;
  filter: alpha(opacity=70);
  background: rgba(255, 255, 255, 0.7);
  padding: 0.5rem;
}
.divided-area {
  padding: 20px 0;
  border-top: dashed 2px #9FDAF8;
  border-bottom: dashed 2px #9FDAF8;
}
.al {
  color: #ff0000;
}
/** =====================
      コンポーネント
====================== **/
.page-container input[type=text] {
  width: 60%;
  height: 35px;
}
.page-container input[type=password] {
  width: 60%;
  height: 35px;
}
.page-container input[type=radio] {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.page-container input[type=checkbox] {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.page-container select {
  font-size: 140%;
  vertical-align: middle;
}
.page-container input {
  vertical-align: middle;
}
.page-container label {
  vertical-align: middle;
}
.page-container .page_title {
  margin-bottom: 10px;
  max-width: 1280px;
}
.page-container .page_title img {
  width: 100%;
}
.page-container .divide-line {
  border-top: 3px dashed #9FDAF8;
  background: none;
  width: 100%;
  height: 28px;
  margin: 10px auto;
}
.page-container .divide-line-dash {
  border: 2px dashed #9FDAF8;
  border-bottom: none;
  width: 100%;
}
.page-container .message-box {
  background: #DCE8F7;
  font-size: 120%;
  padding: 10px 0;
}
.page-container .guide-box {
  background: #DCE8F7;
  padding: 10px;
}
.page-container .main-menu-list {
  margin: 20px;
}
.page-container .main-menu-list.top-divided {
  padding-top: 27px;
  background: url(../../img/pc/dot_line.png) repeat-x;
}
.page-container .main-menu-list > article {
  background: url(../../img/pc/dot_line.png) repeat-x left bottom;
  padding: 8px 0 27px;
  text-align: left;
}
.page-container .main-menu-list > article p {
  padding-left: 30px;
}
.page-container .main-menu-list > article .main-menu-title {
  margin-bottom: 20px;
  background: url(../../img/pc/index_title_bg.png);
  font-size: 125%;
  color: inherit;
  text-decoration: none;
  display: block;
}
.page-container .main-menu-list > article .main-menu-title span {
  display: block;
  height: 39px;
  padding: 10px 10px 0 32px;
  color: #333333;
}
.page-container .main-menu-list > article .main-menu-button {
  text-align: right;
  margin-bottom: 10px;
}
.page-container .main-menu-list > article .main-menu-button img {
  width: 120px;
  height: auto;
}
.page-container .main-menu-list > article .main-menu-button:hover {
  opacity: 0.8;
}
.page-container ul.sub-menu-list {
  border-top: 1px solid #baa4a8;
  list-style: none;
  margin-top: 20px;
}
.page-container ul.sub-menu-list.off-margin {
  margin-top: 0;
}
.page-container ul.sub-menu-list > li {
  border-bottom: 1px solid #baa4a8;
  background: url(../../img/pc/link_btn_bg.gif) repeat-x center;
}
.page-container ul.sub-menu-list > li > a {
  display: block;
  max-width: 590px;
  margin: 0 auto;
  padding: 10px 20px;
  border: solid white;
  border-width: 1px 0 1px 0;
  font-size: 108%;
  background: none;
  text-decoration: none;
  color: #0187DC;
}
.page-container ul.sub-menu-list > li > a:hover {
  text-decoration: underline;
}
.page-container ul.sub-menu-list .fa-link-arrow {
  padding: 10px;
  color: #ff9933;
  display: block;
  border-bottom: solid 1px white;
}
.page-container .result-list {
  margin-bottom: 1px;
  border-top: 1px solid #baa4a8;
}
.page-container .result-list a,
.page-container .result-list a:link {
  color: inherit;
  text-decoration: none;
}
.page-container .result-list a:hover {
  text-decoration: underline;
}
.page-container .result-list article {
  padding: 10px 20px;
  border-bottom: 1px solid #baa4a8;
  background: url(../../img/pc/search_bg.gif) repeat-x center;
  background-size: auto;
}
.page-container .result-list article .published-at {
  font-size: 80%;
  color: #be3322;
}
.page-container .result-list article .scheduled-at {
  color: #36398b;
}
.page-container .result-list .fa-link-arrow {
  padding: 10px;
  color: #ff9933;
  display: block;
  border-bottom: solid 1px white;
}
.page-container .image-list {
  padding: 0;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
.page-container .image-list > li {
  list-style-type: none;
  float: left;
  width: 33.33%;
  margin: 8px 0;
}
.page-container .image-list > li .frame {
  -webkit-box-shadow: 2px 2px 4px #d3cbc2;
  -moz-box-shadow: 2px 2px 4px #d3cbc2;
  box-shadow: 2px 2px 4px #d3cbc2;
}
.page-container .image-list > li img {
  width: 99%;
}
.page-container .image-list > li img:hover {
  opacity: 0.7;
}
.page-container .image-list > li canvas:hover {
  opacity: 0.7;
}
.page-container .data-sheet table {
  width: 100%;
}
.page-container .data-sheet table td,
.page-container .data-sheet table th {
  padding: 15px 0;
}
.page-container .data-sheet table th {
  font-weight: bold;
  vertical-align: top;
}
.page-container .table.table-bordered {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.page-container .table.table-bordered td,
.page-container .table.table-bordered th {
  border: solid 1px #d3d3d3;
  padding: 4px;
}
.page-container .page-top {
  padding: 10px 20px;
  text-align: right;
}
.page-container .page-top p {
  max-width: 440px;
  margin: 0 auto;
  background: url(../../img/pc/dot_line.png) repeat-x;
}
.page-container .page-top p a {
  display: block;
  padding: 16px 0;
  background: url(../../img/pc/dot_line.png) repeat-x left bottom;
}
.page-container .page-top p a img {
  width: 170px;
  height: auto;
}
.page-container .form-group {
  margin-bottom: 20px;
}
.page-container .form-group > p {
  margin-bottom: 10px;
}
.page-container .vaccination-step {
  padding: 1px 0;
  border: 1px solid #9FDAF8;
  border-radius: 4px;
}
.page-container .vaccination-step dl {
  padding: 10px 20px;
  background-color: white;
}
.page-container .vaccination-step dl dt {
  color: #6a9605;
}
.page-container .vaccination-step dl dd {
  max-width: 430px;
  margin: 0 auto;
}
.page-container .vaccination-arrow {
  width: 36px;
  margin: 0 auto;
}
.page-container .vaccination-arrow-fa {
  padding-left: 50%;
  font-size: 30px;
  color: blue;
}
.page-container .context-area {
  border: solid #0187DC;
  border-width: 1px 0 1px;
  background: #DCE8F7;
  margin-bottom: 10px;
}
.page-container .context-area > p {
  margin: 5px 10px;
}
.page-container .context-area > ol {
  margin: 5px 10px;
  padding: 0;
}
.page-container .form-grid {
  font-size: 100%;
  width: 100%;
}
.page-container .form-grid thead th {
  vertical-align: bottom;
}
.page-container .form-grid tr.highlight {
  background-color: #FFFFE0;
}
.page-container .form-grid th,
.page-container .form-grid td {
  border-bottom: solid 1px #F2E7AF;
  padding: 5px 2px;
}
.page-container .form-grid.half-padding th,
.page-container .form-grid.half-padding td {
  padding: 15px 2px;
}
.page-container .form-grid.full-padding th,
.page-container .form-grid.full-padding td {
  padding: 30px 2px;
}
.page-container .list_area {
  border-top: 1px solid #baa4a8;
}
.page-container .list_area li {
  border-bottom: 1px solid #baa4a8;
}
.page-container .list_area li .item-title {
  display: block;
  padding: 10px 20px;
  background: url(../../img/pc/search_bg.gif) repeat-x center;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.theme-color-button {
  float: left;
  padding: 0;
  margin: 15px;
  width: 70px;
  height: 70px;
}
.theme-color-button input[type=radio] {
  display: none;
}
.theme-color-button .alter-button {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.theme-color-button input[type=radio]:checked + .alter-button {
  border: solid white 3px;
  box-shadow: 0px 0px 0px 5px #555;
  width: 64px;
  height: 64px;
}
.btn {
  display: inline-block;
  margin: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn-focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active,
.btn-active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background: #f8eff0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f7 0%, #dfe3e7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #dfe3e7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #dfe3e7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7f7f7 0%, #dfe3e7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7f7f7 0%, #dfe3e7 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f7f7f7 0%, #dfe3e7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dfe3e7', GradientType=0);
  /* IE6-9 */
  border-color: #fafafa #c8c8c8 #c0c0c0 #fafafa;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.open .btn-default.dropdown-toggle {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active {
  background-image: none;
}
.open .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: #cccccc;
}
.btn-default .badge {
  color: white;
  background-color: #333333;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 25px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 17px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 17px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
.color-btn-default {
  border-radius: 5px;
  color: white;
  background-color: #a3ce69;
  box-shadow: 0 7px #8aab5e;
  margin-bottom: 10px;
  font-weight: 700;
}
.color-btn-default:hover,
.color-btn-default-hover {
  text-decoration: none;
  border: solid 1px #8aab5e;
}
.color-btn-default:active,
.color-btn-default-active {
  text-decoration: none;
  border: solid 1px #8aab5e;
  box-shadow: none;
}
.color-btn-huge {
  font-size: 30px;
  margin: 0 10px;
  padding: 10px 0;
  height: 40px;
  width: 30%;
  border-radius: 5px;
}
.color-btn-normal {
  font-size: 30px;
  text-align: center;
  border-radius: 5px;
  padding: 5px 10px;
  min-width: 140px;
  display: block;
}
.color-btn-register {
  font-size: 30px;
  color: white;
  background: #f3b751;
  box-shadow: 0 7px #d39a36;
}
.color-btn-register:hover {
  border: solid 1px #d39a36;
}
.color-btn-register:active {
  text-decoration: none;
  border: solid 1px #d39a36;
  box-shadow: none;
}
.color-btn-login {
  font-size: 33px;
  color: white;
  background: #a3ce69;
  box-shadow: 0 7px #8aab5e;
}
.color-btn-login:hover {
  border: solid 1px #8aab5e;
}
.color-btn-login:active {
  text-decoration: none;
  border: solid 1px #8aab5e;
  box-shadow: none;
}
.action-message {
  margin-top: 10px;
  width: 100%;
}
.action-message .color-btn-message {
  display: block;
  width: 85%;
  height: 40px;
  margin: 20px 0 20px 10px;
  padding: 20px 30px 15px 90px;
  background: #f7f4a8 url(../img/pc/icon_action.png) 20px center no-repeat;
  box-shadow: 0 7px #e2d15e;
  font-size: 25px;
  color: black;
  text-align: left;
  white-space: normal;
  float: left;
  border-radius: 5px 0 0 5px;
}
.action-message .btn-arrow-area {
  color: white;
  height: 50px;
  padding: 55px 8px 27px 3px;
  border-radius: 0 5px 5px 0;
  width: 5%;
  float: left;
  background: #c8b53c;
  margin: 20px 0;
  box-shadow: 0 7px #e2d15e;
}
.action-message .color-btn-message:hover {
  font-weight: 700;
  border: solid 1px #e2d15e;
}
.action-message .color-btn-message:active {
  text-decoration: none;
  border: solid 1px #e2d15e;
  box-shadow: none;
}
.color-btn-more {
  font-size: 30px;
  text-align: center;
  background: #f8eabb;
  box-shadow: 0 4px #e7cb9e;
  border-radius: 5px;
  padding: 10px 0;
  height: 48px;
  width: 100%;
  display: block;
  margin: 20px 0 7px;
}
.color-btn-more .font-arrow-right {
  color: #0136dc;
}
.color-btn-more:hover {
  text-decoration: none;
  border: solid 1px #e7cb9e;
}
.color-btn-more:active {
  text-decoration: none;
  border: solid 1px #e7cb9e;
  box-shadow: none;
}
.color-btn-menu-panel {
  font-size: 20px;
  padding: 0;
  margin: 10px;
  height: 80px;
  width: 90%;
  color: black;
  text-decoration: none;
  white-space: nowrap;
  text-align: left;
  background: #9FDAF8;
  box-shadow: 0 5px #68a1da;
  border-radius: 5px;
}
.color-btn-menu-panel .main-menu-icon {
  text-align: left;
  float: left;
  padding: 5px;
  width: 18%;
}
.color-btn-menu-panel .main-menu-icon img {
  height: 108px;
}
.color-btn-menu-panel .main-menu-icon-circle {
  margin: 15px 20px;
  background-color: white;
  text-align: left;
  float: left;
  height: 110px;
  width: 110px;
  border-radius: 50%;
}
.color-btn-menu-panel .main-menu-icon-circle img {
  width: auto;
  border-radius: 20px;
  margin: 18px;
}
.color-btn-menu-panel .main-menu-text {
  color: black;
  float: left;
  text-shadow: none;
  white-space: normal;
  max-width: 320px;
  height: 80px;
  display: flex;
  align-items: center;
}
.color-btn-menu-panel .main-menu-text.main-menu-text-2-lines {
  margin-top: 0;
  padding: 25px 0 35px 0;
}
.color-btn-menu-panel .main-menu-text .under-line {
  padding-bottom: 10px;
  background: url(../../img/pc/panel_dotted_line.png) repeat-x 100% 100%;
}
.color-btn-menu-panel:hover {
  font-weight: 700;
  text-decoration: none;
  border: solid 1px #68a1da;
}
.color-btn-menu-panel:active {
  text-decoration: none;
  border: solid 1px #68a1da;
  box-shadow: none;
}
.color-btn-lg {
  padding: 10px 16px;
  font-size: 25px;
  line-height: 1.33;
}
.color-btn-sm,
.color-btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 17px;
  line-height: 1.5;
  border-radius: 3px;
}
.color-btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.color-btn-block + .color-btn-block {
  margin-top: 5px;
}
.color-btn-half-block {
  display: block;
  min-width: 50%;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
input[type="submit"] {
  font-family: inherit;
}
.ruled-table {
  width: 100%;
}
.ruled-table th,
.ruled-table td {
  border-bottom: solid 1px #9EBEEA;
  padding: 0.2rem 0.1rem;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li a,
.breadcrumb > li a:link {
  text-decoration: none;
}
.breadcrumb > li a:hover {
  text-decoration: underline;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #999999;
}
.tbx {
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  padding: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tbx:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.tbx.tbx-required {
  background-color: #ffde7f;
}
.tbx.tbx-invalid {
  background-color: #ff7970;
}
.tbx.tbx-valid {
  background-color: #6ddcc8;
}
.tbx.tbx-100 {
  width: 100px;
}
.tbx.tbx-150 {
  width: 150px;
}
.tbx.tbx-200 {
  width: 200px;
}
.tbx.tbx-full {
  width: 100%;
}
.intent-box {
  padding: 20px;
  margin: 20px 0;
  background-color: #c1eab0;
  border-radius: 10px;
}
.selection-button {
  display: inline-block;
  padding: 4px 6px;
  margin: 4px;
  border: solid #69c1e0 2px;
  text-decoration: none;
  color: black;
  background: white;
  font-weight: bold;
}
.selection-button.active {
  color: white;
  background: #519095;
}
.selection-button:hover {
  background: rgba(201, 201, 201, 0.51);
}
.panel {
  margin: 20px;
}
.panel .panel-header {
  position: relative;
}
.panel .panel-header h2 {
  text-align: center;
  font-size: 29px;
  padding-top: 17px;
}
.panel .panel-header .panel-switch {
  width: 45px;
  height: 45px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.panel .panel-header .panel-switch > img {
  position: absolute;
  top: 0;
  left: 0;
}
.panel .panel-header .panel-switch:hover {
  opacity: 0.8;
  cursor: pointer;
}
.panel .panel-header .panel-switch .fa-plus-circle,
.panel .panel-header .panel-switch .fa-minus-circle {
  color: white;
}
.panel .panel-header .panel-font-awesome {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.panel .panel-header .panel-font-awesome > img {
  position: absolute;
  top: 0;
  left: 0;
}
.panel .panel-header .panel-font-awesome:hover {
  opacity: 0.8;
  cursor: pointer;
}
.panel .panel-header .panel-font-awesome .fa-plus-circle,
.panel .panel-header .panel-font-awesome .fa-minus-circle {
  color: white;
}
.panel .panel-header.closed {
  border-radius: 6px;
}
.panel .panel-body {
  border: solid #cacaca;
  border-width: 0 3px 3px 3px;
  background-color: white;
}
.panel .panel-body .panel-body-inner {
  border: solid #eeeeee;
  border-width: 0 8px 8px 8px;
  padding: 15px;
}
.panel .panel-body .panel-body-inner > a,
.panel .panel-body .panel-body-inner > a:link {
  text-decoration: none;
  color: inherit;
}
.panel .panel-body .panel-body-inner > a:hover {
  text-decoration: underline;
}
.panel .panel-body .panel-item {
  padding: 30px 0 30px 10px;
  border-bottom: dashed 2px #d9d9d9;
}
.panel .panel-body .panel-item .panel-item-date {
  color: #8e8e8e;
  font-size: 23px;
  margin-bottom: 5px;
}
.panel .panel-body .panel-item .panel-item-subject {
  font-size: 26px;
}
.panel .panel-body .panel-btn-more {
  display: block;
  margin: 20px 0 7px;
}
.panel .panel-body .fa-chevron-right {
  color: #cacaca;
  padding: 0 0 3px 0;
}
.panel .panel-body .panel-item-2 {
  padding: 30px 50px 30px 10px;
  border-bottom: dashed 2px #d9d9d9;
  background: url("../img/pc/arrow_right_m.png") right center no-repeat;
}
.panel .panel-body .panel-item-2 .panel-item-date {
  color: #8e8e8e;
  font-size: 23px;
  margin-bottom: 5px;
}
.panel .panel-body .panel-item-2 .panel-item-subject {
  font-size: 26px;
}
.debug-box th {
  padding: 4px;
  border: solid 1px blue;
  background: blue;
  color: white;
}
.debug-box td {
  padding: 4px;
  border: solid 1px blue;
  color: blue;
}
.clock-for-test {
  position: fixed;
  left: 0;
  top: 0;
  background: #00dfa6;
  opacity: 0.7;
}
.clock-for-test .time {
  font-family: Consolas;
}
.goog-te-menu-value {
  font-size: 30px;
}
.goog-te-menu-value img {
  width: 0;
  height: 30px;
}
.nursery-type-list-wrapper .list-header {
  font-size: 27px;
  text-align: left;
  height: 60px;
  color: black;
  background-color: #9FDAF8;
}
.nursery-type-list-wrapper .list-header .list-header-text {
  line-height: 60px;
}
.nursery-type-list-wrapper .list-body {
  border-bottom: 3px solid #9FDAF8;
  border-right: 3px solid #9FDAF8;
  border-left: 3px solid #9FDAF8;
}
.nursery-type-list-wrapper .list-body .list-item {
  border-bottom: 2px dashed #9FDAF8;
}
.nursery-type-list-wrapper .list-body .list-item .arrow-right {
  color: #9FDAF8;
}
.nursery-detail {
  width: 100%;
  word-break: break-all;
}
.nursery-detail th {
  width: 30%;
}
.nursery-detail td {
  width: 70%;
}
.page-container .partition-items > li {
  margin: 0;
  padding: 20px 0 20px 10px;
  border-bottom: 1px #dddddd solid;
}
.page-container .partition-items > li:last-child {
  border-bottom: none;
}
.input-required {
  display: inline-block;
  background-color: #ff1010;
  color: white;
  font-size: 90%;
  padding: 1px 6px;
  border-radius: 5px;
}
.input-remarks {
  color: #0096ff;
  font-size: 90%;
}
/* =========================
  アプリダウンロードボタン
========================= */
.application-download .application-download-title {
  font-weight: bold;
}
.application-download a,
.application-download a:link,
.application-download a:hover,
.application-download a:visited {
  text-decoration: none;
}
.application-download a img,
.application-download a:link img,
.application-download a:hover img,
.application-download a:visited img {
  width: 290px;
  height: 86px;
  margin: 5px;
}
.announcement-article h1 {
  font-size: 150%;
}
.announcement-article * + h1 {
  margin-top: 2rem;
}
.announcement-article h2 {
  font-size: 130%;
  font-weight: normal;
  margin: 10px;
  margin-top: 20px;
}
.announcement-article h3 {
  font-size: 120%;
  font-weight: normal;
}
.announcement-article h4 {
  font-size: 110%;
}
.announcement-article ul {
  margin: 0.5rem;
}
.announcement-article ul li {
  list-style: disc;
  list-style-position: inside;
}
.announcement-article hr {
  display: block;
  border: solid 1px #9FDAF8;
}
.announcement-article img {
  max-width: 100%;
}
.graph-wrapper {
  text-align: center;
}
.graph-wrapper .growth-graphs {
  display: inline-block;
  width: 400px;
  margin: 0 auto;
  padding: 0 auto;
  overflow-x: auto;
  background-color: white;
  vertical-align: top;
}
.graph-wrapper .growth-graphs .graph {
  width: 800px;
  padding: 0 auto;
}
.graph-wrapper .growth-graphs .graph .graph-canvas {
  display: block;
  width: 800px;
  height: 455px;
}
.graph-wrapper .graph-label {
  display: inline-block;
  width: 30px;
  height: 455px;
  vertical-align: top;
  margin: 0 auto;
  padding: 0 auto;
}
.graph-wrapper .graph-labels {
  margin: 0 auto;
  margin-bottom: 5px;
  width: 200px;
  background-color: white;
  border-radius: 5px;
}
.graph-wrapper .graph-labels .graph-color {
  display: inline-block;
  width: 40px;
  height: 0.5em;
}
.graph-wrapper .graph-labels .graph-color-weight {
  background-color: rgba(255, 99, 132, 0.4);
  -webkit-box-shadow: 1px 1px 3px 3px rgba(255, 99, 132, 0.3);
  box-shadow: 1px 1px 3px 3px rgba(255, 99, 132, 0.3);
}
.graph-wrapper .graph-labels .graph-color-stature {
  background-color: rgba(99, 99, 255, 0.4);
  -webkit-box-shadow: 1px 1px 3px 3px rgba(99, 99, 255, 0.3);
  box-shadow: 1px 1px 3px 3px rgba(99, 99, 255, 0.3);
}
.graph-wrapper .graph-labels .graph-label-text {
  font-size: 50%;
  display: inline-block;
  margin-right: 5px;
}
.graph-wrapper .graph-x-label {
  text-align: center;
  font-size: 50%;
}
.inline-radio {
  display: flex;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #b6b6b6;
  width: 70%;
  margin: 0 auto;
}
.inline-radio div {
  position: relative;
  flex: 1;
}
.inline-radio input {
  width: 100% !important;
  height: 30px;
  opacity: 0;
}
.inline-radio label {
  position: absolute;
  top: 0;
  left: 0;
  color: #b6b6b6;
  width: 100%;
  height: 100%;
  font-size: 80%;
  background: #F8EFF0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  border-right: 1px solid #b6b6b6;
}
.inline-radio div:last-child label {
  border-right: 0;
}
.inline-radio input:checked + label {
  background: white;
  font-weight: 500;
  color: #0187DC;
}
.register-btn {
  width: 100%;
  box-sizing: border-box;
  font-size: 25px;
  padding: 10px 16px;
  line-height: 1.33;
  font-family: inherit;
  font-weight: 700;
}
.register-btn.transparent-btn {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.register-btn.transparent-btn:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
  color: white;
}
.social-auth-btns {
  display: block;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.social-auth-btns.social-auth-btns-register {
  margin-top: 20px;
}
.social-auth-btns.social-auth-btns-login {
  margin-top: 20px;
}
.social-auth-btn-wrapper {
  margin-bottom: 20px;
}
.social-auth-btn-wrapper .social-auth-btn {
  border-radius: 5px;
}
.social-auth-btn-wrapper:last-child {
  margin-bottom: 0;
}
.social-auth-google-btn div div div {
  height: 55px;
  font-size: 25px;
}
.social-auth-twitter-btn {
  background-color: #000;
  position: relative;
}
.social-auth-twitter-btn::before {
  content: "";
  background-image: url("/img/twitter-logo.svg");
  position: absolute;
  top: 50%;
  left: 10px;
  width: 30px;
  height: 32px;
  z-index: 10;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.social-auth-twitter-btn .twitter-btn-input {
  background-color: transparent;
  border: none;
  cursor: pointer;
  appearance: none;
  color: #fff;
  text-align: center;
}
.social-auth-apple-btn {
  position: relative;
  background-color: #000;
}
.social-auth-apple-btn::before {
  content: "";
  background-image: url("/img/apple-logo.svg");
  position: absolute;
  top: 50%;
  width: 54px;
  height: 100%;
  border-radius: 5px;
  z-index: 10;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.social-auth-apple-btn .apple-btn-input {
  background-color: transparent;
  border: none;
  cursor: pointer;
  appearance: none;
  color: #fff;
  text-align: center;
}
.social-auth-facebook-btn {
  position: relative;
  background-color: #1877f2;
}
.social-auth-facebook-btn::before {
  content: "";
  background-image: url("/img/facebook-logo.png");
  background-size: contain;
  position: absolute;
  top: 50%;
  width: 54px;
  height: 100%;
  border-radius: 5px;
  z-index: 10;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.social-auth-facebook-btn .facebook-btn-input {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #fff;
  text-align: center;
}
.social-auth-line-btn {
  cursor: pointer;
}
.social-auth-line-btn .line-btn-basic-layer {
  width: 100%;
  height: 3.3rem;
  background-color: #06C755;
  border-radius: 5px;
}
.social-auth-line-btn .line-btn-logo-text-layer {
  position: relative;
}
.social-auth-line-btn .line-btn-logo-text-layer::before {
  content: "";
  background-image: url("/img/line-logo.png");
  position: absolute;
  top: 50%;
  left: 5px;
  width: 40px;
  height: 40px;
  z-index: 10;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.social-auth-line-btn .line-btn-vertical-line-layer {
  position: relative;
}
.social-auth-line-btn .line-btn-vertical-line-layer::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50px;
  background-color: rgba(0, 0, 0, 0.08);
}
.social-auth-line-btn:hover .line-btn-logo-text-layer::before {
  content: "";
  background-image: url("/img/line-logo-hover.png");
  position: absolute;
  top: 50%;
  left: 5px;
  width: 40px;
  height: 40px;
  z-index: 10;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.social-auth-line-btn:hover .line-btn-transparent-layer {
  position: relative;
}
.social-auth-line-btn:hover .line-btn-transparent-layer::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.social-auth-line-btn:active .line-btn-logo-text-layer::before {
  content: "";
  background-image: url("/img/line-logo-press.png");
  position: absolute;
  top: 50%;
  left: 5px;
  width: 40px;
  height: 40px;
  z-index: 10;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.social-auth-line-btn:active .line-btn-transparent-layer {
  position: relative;
}
.social-auth-line-btn:active .line-btn-transparent-layer::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.social-auth-line-btn .line-btn-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: transparent;
  border: none;
  cursor: pointer;
  appearance: none;
}
.social-auth-line-btn.sign-up-line .line-btn-logo-text-layer::after {
  content: "LINEで登録する";
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 275px;
  font-size: 25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-weight: 700;
}
.social-auth-line-btn.sign-in-line .line-btn-logo-text-layer::after {
  content: "LINEでログイン";
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 275px;
  font-size: 25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-weight: 700;
}
.social-auth-miid-btn {
  position: relative;
  background-color: #3A3A3A;
}
.social-auth-miid-btn::before {
  content: "";
  background-image: url("/img/miid-logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 55%;
  left: 10px;
  width: 54px;
  height: 50%;
  border-radius: 5px;
  z-index: 10;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.social-auth-miid-btn .miid-btn-input {
  background-color: transparent;
  border: none;
  cursor: pointer;
  appearance: none;
  color: #fff;
  text-align: center;
}
.social-auth-setting .cooperate-btn-wrapper {
  line-height: 0;
}
.social-auth-setting .cooperate-btn-wrapper .cooperate-btn {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  min-height: 1.5rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 0 40px;
  font-size: 90%;
  font-family: inherit;
}
.social-auth-setting .cooperate-btn-wrapper .cooperate-btn:hover {
  opacity: 0.7;
}
.social-auth-setting .cooperate-btn-wrapper .cooperate-btn.cooperate-enable {
  color: #008000;
  border: 1px solid #008000;
}
.social-auth-setting .cooperate-btn-wrapper .cooperate-btn.cooperate-disable {
  color: #c22e32;
  border: 1px solid #c22e32;
}
.social-auth-setting .cooperate-btn-wrapper .cooperate-btn.mila-e-disabled {
  pointer-events: none;
}
/** =====================
        レイアウト
====================== **/
body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-size: 130%;
  line-height: 1.5;
  color: #0187DC;
  background-color: white;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 'lucida grande', tahoma, verdana, arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif, FontAwesome;
  -webkit-text-size-adjust: 100%;
}
.header-container {
  width: 1280px;
  margin: 0 auto;
}
.header-container header {
  width: 1280px;
  height: 200px;
  z-index: 1000;
}
.header-container header .header-pane {
  width: 100%;
  height: 100px;
  background-color: white;
  clear: both;
  /* box-shadow */
  box-shadow: 0px 0px 6px 0px #adabab;
  -moz-box-shadow: 0px 0px 6px 0px #adabab;
  -webkit-box-shadow: 0px 0px 6px 0px #adabab;
}
.header-container header .header-pane .header-title {
  margin-left: 25%;
}
.header-container header .header-pane .header-menu-button {
  float: right;
}
.header-container header .header-global-menu {
  width: 100%;
  height: 100px;
  background-color: #9FDAF8;
}
.header-container header .header-global-menu ul {
  width: fit-content;
  color: black;
  margin: 0 auto;
}
.header-container header .header-global-menu ul li {
  padding: 20px;
  font-size: 1rem;
  margin: 10px 0;
  float: left;
  border-right: solid white 1px;
  border-left: solid white 1px;
}
.header-container header .header-global-menu ul li > a,
.header-container header .header-global-menu ul li > a:link {
  text-decoration: none;
  color: inherit;
}
.header-container header .header-global-menu ul li > a:hover {
  opacity: 0.8;
}
.header-container header .header-global-menu ul li i {
  padding: 7px 0;
  color: #9FDAF8;
}
.sub-member-message {
  width: 1280px;
  margin: 10px auto;
  text-align: center;
}
.plugin-container {
  width: 1280px;
  margin: 0 auto;
}
.initial-action-container {
  width: 1280px;
  margin: 0 auto;
  background-color: white;
}
.initial-action-container .account {
  position: relative;
  padding: 20px 0;
  text-align: center;
  background-color: #9FDAF8;
}
.initial-action-container .account > p.handle-name {
  color: #0187DC;
  font-size: 30px;
}
.initial-action-container .account > p.handle-name a,
.initial-action-container .account > p.handle-name a:link,
.initial-action-container .account > p.handle-name a:visited {
  color: inherit;
}
.initial-action-container .account > a.preferences {
  position: absolute;
  font-size: 120%;
  color: #0187DC;
  display: block;
  right: 22px;
  top: 20px;
}
.initial-action-container .main-visual {
  margin-bottom: 20px;
  text-align: center;
}
.initial-action-container .main-visual .invitation-message {
  margin: 10px auto;
}
.initial-action-container .main-visual img {
  width: 1280px;
}
.initial-action-container .initial-actions {
  min-height: 80px;
  max-width: 80%;
  margin: 0 10% 40px;
  padding: 20px 20px 0;
  border: solid #9FDAF8 3px;
}
.initial-action-container .initial-actions > a {
  display: inline-block;
}
.initial-action-container .initial-actions > a,
.initial-action-container .initial-actions a:link {
  text-decoration: none;
}
.initial-action-container .initial-actions > a.action:hover a.action-2:hover {
  opacity: 0.8;
}
.initial-action-container .initial-actions .panel-icon {
  width: 40px;
}
.page-container {
  width: 1280px;
  margin: 0 auto;
}
.page-container .main-contents {
  margin-top: 10px;
  width: 60%;
  float: left;
}
.page-container .main-contents > section.centered {
  text-align: center;
}
.page-container .main-contents > section.account {
  position: relative;
  padding: 20px 0;
  text-align: center;
  background-color: white;
}
.page-container .main-contents > section.account > p.handle-name {
  color: #9FDAF8;
  font-size: 30px;
}
.page-container .main-contents > section.account > p.handle-name a,
.page-container .main-contents > section.account > p.handle-name a:link,
.page-container .main-contents > section.account > p.handle-name a:visited {
  color: inherit;
}
.page-container .main-contents > section.account > a.preferences {
  position: absolute;
  font-size: 120%;
  color: #9FDAF8;
  display: block;
  right: 22px;
  top: 20px;
}
.page-container .main-contents > section.main-visual {
  margin-bottom: 20px;
  text-align: center;
}
.page-container .main-contents > section.main-visual .invitation-message {
  margin: 10px auto;
}
.page-container .main-contents > section.initial-actions {
  height: 80px;
  max-width: 1200px;
  margin: 0 auto 40px;
  padding: 20px 20px 0;
  border: solid white 3px;
}
.page-container .main-contents > section.initial-actions > a {
  display: inline-block;
}
.page-container .main-contents > section.initial-actions > a,
.page-container .main-contents > section.initial-actions a:link {
  text-decoration: none;
}
.page-container .main-contents > section.initial-actions > a.action:hover a.action-2:hover {
  opacity: 0.8;
}
.page-container .main-contents > section.initial-actions .panel-icon {
  width: 40px;
}
.page-container .main-contents > section.panel.panel-announce {
  margin-top: 60px;
}
.page-container .main-contents > section.panel.panel-announce .panel-character {
  float: left;
  width: 10%;
  margin: -46px 10px;
}
.page-container .main-contents > section.panel.panel-announce .panel-character img {
  height: 100%;
  width: auto;
}
.page-container .main-contents > section.panel.panel-announce .panel-announce-header {
  border-radius: 6px 6px 0 0;
  height: 90px;
  background: #9FDAF8;
}
.page-container .main-contents > section.panel.panel-announce .panel-announce-header h2 {
  color: black;
  padding: 20px;
}
.page-container .main-contents > section.panel.panel-announce .panel-announce-header .panel-switch {
  bottom: 20px;
}
.page-container .main-contents > section.panel.panel-announce .panel-announce-header-2 {
  height: 110px;
  border-radius: 6px 6px 0 0;
  background: url("../../img/pc/announce_header.png") bottom no-repeat;
}
.page-container .main-contents > section.panel.panel-announce .panel-announce-header-2 h2 {
  color: black;
  padding-top: 43px;
}
.page-container .main-contents > section.panel.panel-announce .panel-announce-header-2 .panel-switch {
  bottom: 20px;
}
.page-container .main-contents > section.panel.panel-announce .panel-body {
  border-color: #9FDAF8;
  border-radius: 0 0 6px 6px;
}
.page-container .main-contents > section.panel.panel-announce .panel-body .panel-body-inner {
  border-color: #ffe5e1;
}
.page-container .main-contents > section.panel.panel-announce .panel-body .fa-chevron-right {
  color: #9FDAF8;
  padding: 0 0 3px 0;
}
.page-container .main-contents > section.panel.panel-announce .panel-body .panel-item-2 {
  background: url("../img/pc/arrow_right_m_announce.png") right center no-repeat;
}
.page-container .main-contents > section.panel.panel-epidemics .panel-header {
  border-radius: 6px 6px 0 0;
  height: 80px;
  border: solid #cacaca 3px;
  background-color: #e0e0e0;
}
.page-container .main-contents > section.panel.panel-epidemics .panel-header h2 {
  color: black;
}
.page-container .main-contents > section.panel.panel-epidemics .panel-body {
  border-radius: 0 0 6px 6px;
}
.page-container .main-contents > section .panel.panel-options .panel-options-header {
  border-radius: 6px 6px 0 0;
  background: url("../../img/pc/announce_header_02.png") bottom no-repeat;
  border: solid white 3px;
  height: 80px;
}
.page-container .main-contents > section .panel.panel-options .panel-options-header h2 {
  color: black;
}
.page-container .main-contents > section .panel.panel-options .panel-body {
  border-radius: 0 0 6px 6px;
  border: solid white 3px;
}
.page-container .main-contents > section .panel.panel-options .panel-body .panel-body-inner {
  border-color: #e0e0e0;
}
.page-container .main-contents > section.my-calender {
  padding: 30px 20px;
}
.page-container .main-contents > section h2 {
  margin-bottom: 20px;
}
.page-container .main-contents > section h2.list-heading {
  line-height: 0px;
  margin-bottom: 0px;
}
.page-container .main-contents > section ul.paragraph {
  max-width: 430px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.page-container .main-contents > section article {
  padding: 0 20px;
  clear: both;
  overflow: hidden;
}
.page-container .main-contents > section article .text {
  margin-bottom: 20px;
}
.page-container .main-contents > section article .text p {
  margin-bottom: 5px;
}
.page-container .main-contents > section article .fluid-button {
  width: 100%;
}
.page-container .main-contents > section article img {
  max-width: 600px;
}
.page-container .main-contents > section .divided {
  border-bottom: solid 1px #baa4a8;
  margin-bottom: 10px;
}
.page-container .main-contents > section .divided:last-child {
  margin-bottom: 0;
}
.page-container .main-contents > section.my-vaccine .scheduler-title {
  max-width: 640px;
  max-height: 60px;
  text-align: center;
  font-size: 36px;
  padding: 20px;
  border: 1px solid #0187DC;
  background-color: #9FDAF8;
  color: #0187DC;
}
.page-container .main-contents > section.my-vaccine .context-area {
  margin-left: 20px;
  border-color: #9FDAF8;
}
.page-container .main-contents > section.my-vaccine .context-area .child-information {
  float: left;
  width: 60%;
}
.page-container .main-contents > section.my-vaccine .context-area .child-information .child_name {
  border-bottom: solid black 1px;
}
.page-container .main-contents > section.my-vaccine .context-area .update-schedule {
  float: left;
  width: 40%;
  margin-right: 0;
}
.page-container .main-contents > section.my-vaccine .context-area .update-schedule input[type="submit"] {
  margin-top: 20px;
}
.page-container .main-contents > section.my-vaccine .panel.panel-vaccination {
  margin-left: 0;
  margin-bottom: 0;
}
.page-container .main-contents > section.my-vaccine .panel.panel-vaccination .panel-header {
  height: 50px;
  border-top: solid #9FDAF8 3px;
  border-right: solid #9FDAF8 3px;
  border-left: solid #9FDAF8 3px;
  background-color: white;
}
.page-container .main-contents > section.my-vaccine .panel.panel-vaccination .panel-header h2 {
  font-size: 27px;
  padding: 0 20px;
  text-align: left;
  color: black;
}
.page-container .main-contents > section.my-vaccine .panel-body {
  border-bottom: solid #9FDAF8 3px;
  border-right: solid #9FDAF8 3px;
  border-left: solid #9FDAF8 3px;
}
.page-container .main-contents > section.my-vaccine .panel-body .panel-body-inner {
  border-color: white;
}
.page-container .main-contents > section.my-vaccine .panel-body .panel-body-inner > a,
.page-container .main-contents > section.my-vaccine .panel-body .panel-body-inner > a:link {
  text-decoration: underline;
  color: blue;
}
.page-container .main-contents > section.my-vaccine .panel-body .panel-item {
  padding: 10px;
}
.page-container .main-contents > section.my-vaccine .panel-body .color-btn-lg {
  color: white;
}
.page-container .main-contents > section.my-vaccine .panel-body .vaccine-record-links {
  margin-top: 20px;
}
.page-container .main-contents > section.my-vaccine .add-child {
  border-top: 1px solid gray;
  padding-top: 10px;
  height: 50px;
}
.page-container .main-contents > section.search .search-title {
  max-width: 640px;
  max-height: 60px;
  text-align: center;
  font-size: 1.5rem;
  padding: 20px;
  border: 1px solid #0187DC;
  background-color: #9FDAF8;
  color: black;
}
.page-container .main-contents > section.search .search-form .caption {
  background-color: white;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px;
}
.page-container .main-contents > section.search .search-form .caption .pull-right {
  margin-top: 6px;
  margin-right: 10px;
}
.page-container .main-contents > section.search .panel.panel-search {
  width: 600px;
  margin-left: 20px;
}
.page-container .main-contents > section.search .panel.panel-search .panel-icon {
  float: left;
  width: 8%;
}
.page-container .main-contents > section.search .panel.panel-search .panel-icon img {
  height: 45px;
  width: auto;
}
.page-container .main-contents > section.search .panel.panel-search .panel-header {
  height: 45px;
  border-top: solid #9FDAF8 3px;
  border-right: solid #9FDAF8 3px;
  border-left: solid #9FDAF8 3px;
  background-color: white;
}
.page-container .main-contents > section.search .panel.panel-search .panel-header h2 {
  font-size: 29px;
  padding: 0 20px;
  text-align: left;
  color: black;
}
.page-container .main-contents > section.search .panel.panel-search .panel-hospital-list-header {
  height: 50px;
}
.page-container .main-contents > section.search .panel.panel-search .health-center-header {
  border-top: solid #cacaca 3px;
  border-right: solid #cacaca 3px;
  border-left: solid #cacaca 3px;
  background-color: #e0e0e0;
}
.page-container .main-contents > section.search .panel.panel-search .charge-nurseries-header {
  border-top: solid #cacaca 3px;
  border-right: solid #cacaca 3px;
  border-left: solid #cacaca 3px;
  background-color: #e0e0e0;
}
.page-container .main-contents > section.search .panel.panel-search .hospital-list-link {
  margin-top: 20px;
}
.page-container .main-contents > section.search .panel-body {
  border-bottom: solid #9FDAF8 3px;
  border-right: solid #9FDAF8 3px;
  border-left: solid #9FDAF8 3px;
}
.page-container .main-contents > section.search .panel-body .panel-body-inner {
  border-color: white;
}
.page-container .main-contents > section.search .panel-body .panel-item {
  padding: 10px;
  margin-left: 20px;
}
.page-container .main-contents > section.search .panel-body .item-title {
  width: 20%;
  vertical-align: top;
}
.page-container .main-contents > section.search .panel-body .color-btn-lg {
  color: white;
}
.page-container .main-contents > section.search .panel-body a:hover {
  text-decoration: none;
}
.page-container .main-contents > section.search .health-center-body {
  border-right: solid #cacaca 3px;
  border-left: solid #cacaca 3px;
  border-bottom: solid #cacaca 3px;
}
.page-container .main-contents > section.search .charge-nurseries-body {
  border-right: solid #cacaca 3px;
  border-left: solid #cacaca 3px;
  border-bottom: solid #cacaca 3px;
}
.page-container .main-contents > section.search .search-bottom {
  height: 80px;
  margin-bottom: 10px;
}
.page-container .main-contents > section.search .panel.panel-nurseries {
  margin-left: 0;
}
.page-container .main-contents > section.search .panel.panel-nurseries .panel-favorite-panel-header {
  font-size: 24px;
  height: 80px;
}
.page-container .main-contents > section.search .panel.panel-nurseries .nursery-list-link {
  margin-top: 20px;
}
.page-container .main-contents > section.search .panel.panel-open-announcement {
  width: 600px;
  margin-left: 20px;
}
.page-container .main-contents > section.search .panel.panel-open-announcement .panel-header {
  height: 60px;
  background-color: white;
}
.page-container .main-contents > section.search .panel.panel-open-announcement .panel-header h2 {
  margin-left: 20px;
  font-size: 27px;
  text-align: left;
  color: black;
}
.page-container .main-contents > section.search .panel.panel-open-announcement .panel-body {
  border: solid #cacaca 3px;
}
.page-container .main-contents > section.open-announcement .category-title {
  margin: 30px 0;
  padding: 10px;
  font-size: 2rem;
  width: 100%;
  background-color: #9FDAF8;
  color: black;
}
.page-container .main-contents > section.open-announcement .sub-category-title {
  margin-top: 10px;
  padding: 5px 10px;
  font-size: 1.8rem;
  width: 60%;
  background-color: #9FDAF8;
  color: black;
  border-radius: 10px;
}
.page-container .main-contents > section.open-announcement .panel.panel-open-announcement {
  width: 600px;
  margin-left: 20px;
}
.page-container .main-contents > section.open-announcement .panel.panel-open-announcement .panel-header {
  height: 60px;
  background-color: white;
}
.page-container .main-contents > section.open-announcement .panel.panel-open-announcement .panel-header h2 {
  margin-left: 20px;
  font-size: 27px;
  text-align: left;
  color: black;
}
.page-container .main-contents > section.open-announcement .panel-body {
  border-top: 3px solid #cacaca;
  border-left: 3px solid #cacaca;
  border-right: 3px solid #cacaca;
}
.page-container .main-contents > section.open-announcement .panel-body .panel-body-inner {
  border-color: white;
}
.page-container .main-contents > section.open-announcement .panel-body .panel-item .title {
  float: left;
  width: 80%;
  padding: 10px;
}
.page-container .main-contents > section.open-announcement .panel-body .panel-item .arrow-right {
  padding-top: 15px;
  width: 10%;
  float: left;
}
.page-container .main-contents > section.open-announcement .panel-body .panel-item .arrow-right .fa-chevron-right {
  color: #9FDAF8;
}
.page-container .main-contents > section.open-announcement .panel-body .color-btn-lg {
  color: white;
}
.page-container .main-contents > section.open-announcement .panel-body a:hover {
  text-decoration: none;
}
.page-container .main-contents > section .btn-area {
  margin-top: 20px;
  height: 60px;
}
.page-container .main-contents > section.guidance .guidance-title {
  text-align: center;
  font-size: 28px;
  padding: 10px;
  border: 1px solid #0187DC;
  background-color: #9FDAF8;
  color: black;
  margin-bottom: 10px;
}
.page-container .main-contents > section.guidance .guidance-menu {
  width: 640px;
  padding: 15px 5px;
  background: #DCE8F7;
  zoom: 1;
}
.page-container .main-contents > section.guidance .guidance-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
}
.page-container .main-contents > section.guidance .guidance-menu .color-btn-menu-panel {
  margin: 5px;
  width: 580px;
  padding: 10px;
  height: 40px;
  box-shadow: 0 4px #68a1da;
}
.page-container .main-contents > section.guidance .panel.panel-open-announcement {
  width: 600px;
  margin-left: 20px;
}
.page-container .main-contents > section.guidance .panel.panel-open-announcement .panel-header {
  height: 100px;
  background-color: white;
}
.page-container .main-contents > section.guidance .panel.panel-open-announcement .panel-header h2 {
  margin-left: 20px;
  font-size: 27px;
  text-align: left;
  color: black;
}
.page-container .main-contents > section.guidance .panel.panel-open-announcement .panel-body {
  border: solid #cacaca 3px;
}
.page-container .main-contents > section.bbs {
  width: 640px;
}
.page-container .main-contents > section.bbs .title {
  height: 40px;
  text-align: center;
  font-size: 28px;
  padding: 10px;
  border: 1px solid #0187DC;
  background-color: #9FDAF8;
  color: black;
  margin-bottom: 10px;
}
.page-container .main-contents > section.bbs .thread {
  border: solid #0511be 3px;
  border-radius: 20px;
  background-color: white;
  margin: 10px 0;
}
.page-container .main-contents > section.bbs .thread h3 {
  margin: 5px;
}
.page-container .main-contents > section.bbs .thread p,
.page-container .main-contents > section.bbs .thread li {
  padding: 5px;
}
.page-container .main-contents > section.bbs .thread .thread-reply {
  background: #0000ff33;
}
.page-container .main-contents > section.bbs .thread .more {
  margin: 20px;
}
.page-container .main-contents > section.bbs .topic {
  font-size: 20px;
}
.page-container .main-contents > section.bbs .comment {
  border: solid orange 3px;
  border-radius: 20px;
  background-color: white;
  margin: 10px 0;
  overflow: hidden;
}
.page-container .main-contents > section.bbs .comment p {
  padding: 5px;
}
.page-container .main-contents > section.bbs .comment .comment-reply {
  background: #ffa50045;
}
.page-container .main-contents > section.bbs .admin_comment {
  background-color: pink;
  color: black;
}
.page-container .sub-contents {
  width: 35%;
  float: right;
}
.page-container .sub-contents > section.centered {
  text-align: center;
}
.page-container .sub-contents > section.main-menu {
  margin: 20px auto;
  float: left;
  width: 100%;
}
.page-container .sub-contents > section.main-menu .main-menu-header {
  max-width: 640px;
  max-height: 63px;
  padding: 0 20px;
  text-align: left;
  font-size: 30px;
  border: 1px solid #0187DC;
  background-color: #9FDAF8;
  color: black;
  font-weight: 700;
}
.page-container .sub-contents > section.main-menu .main-menu-panels {
  padding: 20px 0;
  text-align: center;
  background: #DCE8F7;
}
.page-container .sub-contents > section.main-menu .main-menu-panels > a {
  display: block;
  margin: 10px auto;
}
.page-container .sub-contents > section.main-menu .main-menu-panel-area a {
  max-height: 135px;
  display: block;
  margin: 20px auto;
  text-decoration: none;
}
.page-container .character-container {
  width: 1280px;
  margin: 0 auto;
}
.page-container .character-container .character {
  margin: 30px 0;
}
.page-container .character-container .character img {
  margin-left: 20px;
  width: 730px;
}
.bottom-home {
  width: 1280px;
  margin: 0 auto;
  bottom: 10px;
  clear: both;
}
.footer-container {
  width: 1280px;
  margin: 0 auto;
  bottom: 0;
  clear: both;
}
.footer-container footer {
  background-color: white;
  width: 1280px;
  margin: 20px auto 0;
}
.footer-container footer ul.footer-menu {
  margin: 20px 20px;
  padding: 20px 0;
}
.footer-container footer ul.footer-menu li {
  font-size: 22px;
  margin: 10px 30px;
  float: left;
}
.footer-container footer ul.footer-menu li > a,
.footer-container footer ul.footer-menu li > a:link {
  text-decoration: none;
  color: inherit;
}
.footer-container footer ul.footer-menu li > a:hover {
  opacity: 0.8;
}
.footer-container footer ul.footer-menu li i {
  padding: 7px 0;
  color: #9FDAF8;
}
.footer-container footer p.footer-copyright {
  text-align: center;
  clear: both;
  font-size: 14px;
  padding: 24px;
  color: black;
  background-color: #9FDAF8;
}
.footer-container .float-page-top {
  position: fixed;
  bottom: 17px;
  right: 17px;
}
.label-dagger > div {
  display: inline-block;
  width: 95%;
}
.label-dagger:before {
  content: "▼";
  color: #f87c00;
  vertical-align: top;
  height: 100%;
}
.child-note-message-box {
  border: 3px solid #082c87;
  border-radius: 1.7rem;
  margin: 0 auto;
  padding: 10px;
  min-height: 120px;
}
.child-note-message-box .icon-img {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  width: 100px;
}
.child-note-message-box .message-textbox {
  display: inline-block;
  vertical-align: middle;
  color: #0187DC;
  padding: 10px;
  width: 72%;
  font-size: 1rem;
  text-align: left;
}
.list-header {
  margin: 10px 0 15px 0;
  padding: 5px 0;
  border-bottom: 5px solid #9FDAF8;
  font-size: 1.8rem;
  font-weight: bold;
  color: #0187DC;
}
.list-header .name {
  background: white;
  border-radius: 18px;
  padding: 10px;
}
.list .list-item {
  color: #0187DC;
  padding: 18px 40px 18px 30px;
  margin: 10px 0;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 18px;
  position: relative;
  border: 2px solid;
  border-color: #9FDAF8;
}
.list .list-item .list-item-link {
  display: block;
  text-decoration: none;
  color: #0187DC;
  color: inherit;
}
.list .list-item .list-item-link.allow-empty-text {
  min-height: 30px;
}
.list .list-item .name {
  font-weight: bold;
}
.list .list-item .note {
  font-size: 0.7rem;
}
.list .list-item .arrow-next {
  position: absolute;
  height: 1rem;
  line-height: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}
.list .list-item .aside-right {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.tab-group .tabs {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-bottom: 20px;
  z-index: 101;
  background: white;
  overflow-x: scroll;
  white-space: nowrap;
  border-bottom: 8px solid #9FDAF8;
  -ms-overflow-style: none;
}
.tab-group .tabs::-webkit-scrollbar {
  display: none;
}
.tab-group .tabs .add-button {
  display: inline-block;
  color: #9FDAF8;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  vertical-align: middle;
  margin: 0 10px 0 20px;
}
.tab-group .tabs .add-button a {
  color: inherit;
}
.tab-group .tabs .tab {
  padding: 10px 20px;
  display: inline-block;
  color: #0187DC;
  background-color: #9FDAF8;
  border-top-left-radius: 20px 20px;
  border-top-right-radius: 20px 20px;
  cursor: pointer;
}
.tab-group .tabs .tab:not(.active) {
  opacity: 0.7;
}
.tab-group .contents .content:not(:first-child) {
  display: none;
}
.calendar h3.date {
  font-size: 140%;
  border-bottom: solid 1px #ccc;
}
.calendar .schedule-list .daily-schedule {
  display: block;
  margin: 20px 0;
}
.calendar .schedule-list .daily-schedule h4 {
  font-size: 120%;
  color: orange;
  margin-top: 10px;
}
.calendar .schedule-list .daily-schedule .slate-list {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 10px;
}
.calendar .schedule-list .daily-schedule p {
  margin-bottom: 10px;
}
.keyword-search {
  position: relative;
  margin: 40px 15% 20px;
  height: 50px;
}
.keyword-search .keyword-search-input {
  height: 50px;
  border: 1px #333333 solid;
}
.keyword-search .keyword-search-input input {
  border: none;
  margin: 4px;
  height: 31px;
  padding: 5px;
  font-size: 18px;
  width: 97%;
}
.keyword-search .keyword-search-button {
  display: inline-block;
  border: 3px #9FDAF8 solid;
  background-color: #9FDAF8;
  color: #0187DC;
  font-size: 1.5rem;
  text-align: center;
  height: 53px;
  width: 53px;
  position: absolute;
  top: 0;
  right: 0;
}
.nursery-review-list > li {
  padding: 4px 6px;
  margin: 10px 0;
  border: 1px solid #9FDAF8;
  border-radius: 4px;
  background-color: white;
}
.nursery-review-list > li .heading {
  color: #888;
  font-size: 11px;
}
.nursery-review-list > li .nursery-review-body {
  margin: 0;
  padding: 4px 6px;
  border-radius: 4px;
}
.nursery-review-list > li .nursery-review-info {
  text-align: right;
  color: #6a9605;
  margin: 0;
}
.nursery-review-list > li .nursery-review-reply {
  padding: 5px 10px;
  margin: 0 0 0 7px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.7);
}
.nursery-review-list > li .nursery-review-empty {
  color: #777;
  margin: 0;
}
/*
  メールアドレスに関するスタイル定義
 */
/* 無効なメールアドレス */
.email-address-disabled {
  color: #b5b5b5;
}
/* 無効なメールアドレスであることを示す文言 */
.email-address-disabled-description {
  display: inline-block;
  margin-left: 10px;
  font-size: 0.8em;
  color: #082c87;
}
#after_asphyxia {
  display: block;
}
#after_asphyxia > div {
  display: inline-block;
}
#after_asphyxia > div.arrow {
  vertical-align: top;
}
/**
 * 今までの妊娠の追加・削除ボタン
 */
.color-btn-light {
  border-radius: 5px;
  color: #9FDAF8;
  border: 2px solid #9FDAF8;
  background-color: transparent;
  margin: 6px;
  min-width: 5rem;
}
.color-btn-light:hover {
  text-decoration: none;
  border: solid 2px #D5C2B4;
  color: #D5C2B4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.color-btn-light:active {
  text-decoration: none;
  border: solid 2px #9FDAF8;
}
.pregnancy-history {
  border-radius: 5px;
  border: 2px solid #9FDAF8;
  margin: 5px;
  padding: 5px;
}
/**
 * 今までの妊娠の追加するテンプレート
 */
#pregnancy-history-template .pregnancy-history {
  display: none;
}
.moving .text-main {
  font-size: 90%;
  font-weight: bold;
}
.moving .moving-target-cities .target-cities {
  width: 50%;
  font-size: 90%;
}
.move-out .container-move-out-description {
  margin-bottom: 40px;
}
.move-out .move-out-upload-container {
  margin-top: 50px;
}
.move-out .explanation-detail {
  font-size: 80%;
  margin: 0 20px;
}
.move-in-confirm .mic-submit-btn {
  margin-right: 50px;
  background-color: #8aab5e;
}
.move-in-annotation {
  font-size: 70%;
}
.font-style-inherit {
  font-style: inherit;
}
.not-found-info {
  margin-right: -3px;
}
.note-pointer {
  font-weight: bold;
}
.move-out-caution {
  margin-left: 2rem;
  color: #082c87;
}
.handbook__title {
  margin: 20px 0;
  padding: 10px;
  font-size: 1.3rem;
  background-color: #9FDAF8;
  color: black;
}
.handbook__wrapper {
  width: 600px;
  margin: 10px auto;
}
.handbook__page {
  width: 600px;
}
.handbook__download {
  margin-bottom: 20px;
}
.handbook__controller {
  text-align: center;
}
.handbook__controller .btn + .btn {
  margin-left: 50px;
}
/* =========================
  健康の記録
========================= */
.health-record-list {
  padding-left: 20px;
  padding-right: 20px;
}
.health-record-list__section {
  padding: 1rem;
  border-radius: 1rem;
  background: #ffffff;
  filter: alpha(opacity=70);
  background: rgba(255, 255, 255, 0.7);
  margin-top: 20px;
  margin-bottom: 20px;
}
.health-record-list__section-header {
  margin: 0 0 15px 0;
  padding: 5px 10px;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #0187DC;
}
.health-record-list__group-header {
  margin: 10px 0 15px 0;
  padding: 5px 10px;
  border-bottom: 5px solid #9FDAF8;
  font-size: 1.8rem;
  font-weight: bold;
  color: #0187DC;
}
/* =========================
  お気に入りイベント一覧
========================= */
.favorite-event .tag {
  border-radius: 15px;
  font-weight: normal;
  font-size: 0.7rem;
  display: inline-block;
  padding: 3px 8px;
  background-color: #9EBEEA;
  color: #0187DC;
  font-size: 1rem;
}
.babyfood__button {
  display: inline-block;
  margin: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  border-radius: 5px;
  color: white;
  background-color: #a3ce69;
  box-shadow: 0 7px #8aab5e;
  margin-bottom: 10px;
  font-weight: 700;
}
.babyfood__button:hover {
  color: #333333;
  text-decoration: none;
  border: solid 1px #8aab5e;
}
.babyfood__button:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  text-decoration: none;
  border: solid 1px #8aab5e;
  box-shadow: none;
}
.babyfood__button--small {
  margin: 0;
  padding: 3px 8px;
  min-width: 4rem;
}
.babyfood__button--outline {
  color: #1976d2;
  border: #1976d2 1px solid;
  border-radius: 5px;
  background: none;
  box-shadow: none;
}
.babyfood__button--completed-outline {
  color: #1b5e20 !important;
  border: #1b5e20 1px solid;
  border-radius: 5px;
  background: none;
  box-shadow: none;
}
.babyfood__button--danger-outline {
  color: #f44336 !important;
  border: #f44336 1px solid;
  border-radius: 5px;
  background: none;
  box-shadow: none;
}
.babyfood__button--attention {
  color: black;
  background-color: #ff9800;
}
.babyfood__button--attention:hover,
.babyfood__button--attention:focus,
.babyfood__button--attention:active {
  text-decoration: none;
  border: solid 1px #e65100;
}
.babyfood__button--danger {
  color: black;
  background-color: #f44336;
}
.babyfood__button--danger:hover,
.babyfood__button--danger:focus,
.babyfood__button--danger:active {
  text-decoration: none;
  border: solid 1px #b71c1c;
}
/* =========================
  イベントカレンダー
========================= */
.event .search-title {
  margin: auto;
}
.event .search-form {
  margin-left: 10%;
}
.event .search-form .list-header {
  width: 80%;
}
.event .search-form .button-area {
  margin: auto;
  width: 50%;
}
.event .tag {
  border-radius: 15px;
  font-weight: normal;
  font-size: 0.7rem;
  display: inline-block;
  padding: 3px 8px;
  background-color: #9EBEEA;
  color: #0187DC;
}
.event .tag-selected {
  border-radius: 15px;
  font-weight: normal;
  font-size: 0.7rem;
  display: inline-block;
  padding: 3px 8px;
  background-color: white;
  color: #0187DC;
}
.page-container .service-migration-to-g3 .btn-horizontal,
.initial-action-container .service-migration-to-g3 .btn-horizontal {
  margin-bottom: 10px;
  display: inline-block;
  width: 47%;
  padding-left: 1%;
  padding-right: 1%;
}
.page-container .service-migration-to-g3 .btn-primary,
.initial-action-container .service-migration-to-g3 .btn-primary,
.page-container .service-migration-to-g3 .btn-secondary,
.initial-action-container .service-migration-to-g3 .btn-secondary {
  min-height: 1rem;
  border-radius: 10px;
  cursor: pointer;
  font-size: 100%;
  white-space: normal;
}
.page-container .service-migration-to-g3 .btn-primary:hover,
.initial-action-container .service-migration-to-g3 .btn-primary:hover,
.page-container .service-migration-to-g3 .btn-secondary:hover,
.initial-action-container .service-migration-to-g3 .btn-secondary:hover {
  opacity: 0.7;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-notification,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-notification {
  margin: 5% 10%;
  border-radius: 15px;
  border: 1px solid #c3e6cb;
  padding: 10px 20px;
  background-color: #d4edda;
  color: #155724;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-notification .notification-title,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-notification .notification-title {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-notification .notification-title-primary,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-notification .notification-title-primary {
  font-weight: bold;
  font-size: 145%;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-notification .miid-logo,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-notification .miid-logo {
  width: 3rem;
  vertical-align: -1px;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-notification .migration-message,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-notification .migration-message {
  color: #155724;
  font-size: 105%;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-notification .btn-primary,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-notification .btn-primary {
  color: #FFFFFF;
  border: 2px solid #155724;
  background-color: #155724;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-notification .btn-secondary,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-notification .btn-secondary {
  color: #155724;
  border: 2px solid #155724;
  background: transparent;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-description .description-title,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-description .description-title {
  text-align: center;
  font-size: 120%;
  padding: 10px 0 10px 0;
  border-top: 1px solid #eaeaea;
  box-shadow: 0 10px 10px -6px #eaeaea;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-description h2,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-description h2 {
  text-align: center;
  font-size: 150%;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-description .g3-logo,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-description .g3-logo {
  width: 30px;
  vertical-align: middle;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-description .step-box,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-description .step-box {
  display: flex;
  justify-content: space-between;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-description .step-number,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-description .step-number {
  color: #FFFFFF;
  background-color: #de7391;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  line-height: 2rem;
  padding-top: 0.25rem;
  box-sizing: border-box;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-description .step,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-description .step {
  width: 88%;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-description .step-line,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-description .step-line {
  border-bottom: 1px solid #eaeaea;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-description .supplement,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-description .supplement {
  color: #de7391;
  font-size: 90%;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-description .btn-primary,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-description .btn-primary {
  color: #FFFFFF;
  border: 2px solid #de7391;
  background-color: #de7391;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-confirm h2,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-confirm h2 {
  text-align: center;
  color: #9FDAF8;
  font-size: 150%;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-confirm .btn-primary,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-confirm .btn-primary {
  color: #FFFFFF;
  border: 2px solid #9FDAF8;
  background-color: #9FDAF8;
}
.page-container .service-migration-to-g3 .service-migration-to-g3-confirm .btn-secondary,
.initial-action-container .service-migration-to-g3 .service-migration-to-g3-confirm .btn-secondary {
  color: #9FDAF8;
  border: 2px solid #9FDAF8;
  background: transparent;
}
/* =========================================
  自治体固有設定
========================================= */
.bottom-home {
  text-align: center;
}
.ad-banner {
  text-align: center;
  display: inline-flex;
}
.ad-banner__img {
  width: 300px;
  padding: 10px;
}
.pc-text-link-area-above-panels {
  display: inline-block;
  width: 85%;
}
.pc-text-link-area-above-panels .pc-text-link-above-panels {
  display: block;
  font-weight: bold;
  text-align: right;
  margin-left: 1rem;
  margin-top: 0.2rem;
  font-size: 1.7rem;
  text-decoration: none;
  color: #0187DC;
  color: #FF4D77;
}
.handbook-dad {
  margin-top: 16px;
}
.handbook-dad img {
  width: 58%;
}
.handbook-banner {
  margin-top: 16px;
}
.handbook-banner img {
  width: inherit;
}