@charset "UTF-8";
/*==========================================================
	ウィンドウ・フォントサイズ設定
==========================================================*/
/*==========  サイズ設定 END  =============================*/
/*==========================================================
	フォント設定
==========================================================*/
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
* {
  margin: 0;
  padding: 0;
  /* line-heightをemベースでcalc()で計算。font-sizeを小さくするとline-heightは大きくなり、font-sizeを大きくするとline-heightは小さくなります。参考: https://kittygiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/ */
  line-height: calc(0.25rem + 1em + 0.25rem);
  font-size: 62.5%;
  font-style: normal;
  font-weight: unset;
}

/* より直感的なボックスサイズのモデルを使用 */
*,
::before,
::after {
  box-sizing: border-box;
}

/* fieldset, progress, meter以外のすべての要素でボーダーを削除し、背景に適切なデフォルトを設定 */
*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

html {
  /* アプリケーションでパーセントによる高さを許可する  */
  block-size: 100%;
  /* テキストのサイズはfont-sizeのみで制御されるようにする */
  text-size-adjust: none;
  font-size: 62.5%;
  height: fit-content;
  min-height: 100%;
  overflow-x: hidden;
  /* スムーススクロール */
  scroll-behavior: smooth;
}

/* 減速を好まないユーザーのためにスムーズなスクロールを実現 */
@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}
body {
  position: relative;
  font-size: 1.6em;
  height: fit-content;
  min-height: 100%;
  overflow-x: hidden;
  min-block-size: 100%;
}

a {
  color: inherit;
}
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

/* 各メディア要素のデフォルトを改善 */
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

/* ストロークを削除し、fillの塗りつぶしカラーはフォントカラーを継承 */
:where(svg) {
  stroke: none;
  fill: currentcolor;
}

/* fill属性のないSVG */
:where(svg):where(:not([fill])) {
  /* fillを取り除き、ストロークのカラーはフォントカラーを継承 */
  stroke: currentcolor;
  fill: none;
  /* 丸みを帯びたストローク */
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* width属性のないSVGのサイズを設定 */
:where(svg):where(:not([width])) {
  inline-size: 5rem;
}

/* テキストのオーバーフローを回避 */
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

/* リストの役割をするul、ol要素のリストスタイルを削除。デフォルトのスタイルが削除されることを示唆しています */
:where(ul, ol, li)[role=list] {
  list-style: none;
}

ul,
ol,
li {
  list-style: none;
}

/* クラスを持たないアンカータグに、より読みやすい下線スタイルを設定。アンカータグに設定することもできますが、コンフリクトを引き起こす可能性があります */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* フォーカスのアウトラインをアニメーション化 */
@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  :where(:not(:active)):focus-visible {
    transition-duration: 0.25s;
  }
}
:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

/* ユーザーがボタンのテキストを選択できないようにする */
:where(button,
button[type],
input[type=button],
input[type=submit],
input[type=reset]),
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  text-align: center;
}

/* 無効化されたボタンには無効化されたカーソルを表示 */
:where(button,
button[type],
input[type=button],
input[type=submit],
input[type=reset])[disabled] {
  cursor: not-allowed;
}

time {
  font-size: 1em;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

span,
strong,
em,
small,
i,
b {
  font-size: 1em;
}

button {
  border: none;
  text-decoration: none;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
  appearance: none;
  cursor: pointer;
}

/* ==========================================================
	formタグ
========================================================== */
/* フォーム内のタイポグラフィのスタイルを削除 */
:where(input, button, textarea, select),
:where(input[type=file])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

/*==========================================================
	レスポンシブ設定
==========================================================*/
/*==========================================================
	ホバー処理
==========================================================*/
/*=========================================
	ボタン
-----------------------------------------*/
/*=======================================
    ボタン装飾
---------------------------------------*/
/*=======================================
	基本外側レイアウト
---------------------------------------*/
/*================================
	日付選択
--------------------------------*/
/*=========================================
	チェックボックス：選択版
-----------------------------------------*/
/*=========================================
	チェックボックス：ON／OFF 版
-----------------------------------------*/
/*=========================================
	ラジオボタン
-----------------------------------------*/
/*=========================================
	モーダルエラーメッセージ
-----------------------------------------*/
html,
body {
  overflow-x: auto;
}

body {
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fafafa;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  font-feature-settings: "palt";
  font-size: clamp(1.2rem, 0.4036326942vw + 10.4863773966px, 1.6rem);
  user-select: none;
}
body img {
  width: 100%;
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  pointer-events: none;
}
@media (min-width: 768px) {
  body a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  body br.pc {
    display: none;
  }
}
body br.sp {
  display: none;
}
@media (max-width: 480px) and (orientation: portrait) {
  body br.sp {
    display: inline;
  }
}
body input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1em;
}
@media (max-width: 480px) and (orientation: portrait) {
  body input {
    font-size: 4vw;
  }
}
body input:focus {
  outline: none;
}
body input[type=date],
body input[type=text] {
  font-size: 1em;
  width: 100%;
  padding: 0.5em;
  color: #303030;
  border-radius: 0.2em;
  border: solid 1px #232329;
}
body input[type=text]:read-only {
  border: solid 1px #999999;
  background-color: #f5f5f5;
}
body textarea {
  width: 100%;
  font-size: 1em;
  border: solid 1px #232329;
}
body select,
body option {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5em;
  font-size: 1em;
  color: #303030;
  outline: none;
  text-overflow: ellipsis;
  border: 1px solid #232329;
  border-radius: 0.2em;
  outline: none;
  background: transparent;
}
body a.addLink,
body a.backLink,
body input[type=submit] {
  font-size: max(12px, 1.25em);
  display: grid;
  place-items: center;
  width: 30rem;
  height: 6rem;
  border-radius: 0.4rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  transition: 0.3s ease-out;
  color: #fff;
  background-color: #65aec4;
}
body a.addLink:hover,
body a.backLink:hover,
body input[type=submit]:hover {
  background-color: #08284d;
}
@media (max-width: 480px) and (orientation: portrait) {
  body a.addLink,
  body a.backLink,
  body input[type=submit] {
    height: 14vw;
    width: stretch;
  }
}
@media (min-width: 480px) {
  body a.addLink:hover,
  body a.backLink:hover,
  body input[type=submit]:hover {
    transition: 0.5s;
    opacity: 0.8;
  }
}
body .modal_box {
  max-width: unset;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  padding: 3em 0;
  transition: 0.3s;
}
body .modal_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
body .modal_box.is-active {
  position: fixed;
  display: flex;
}
body .modal_box .modal_content {
  position: relative;
  background-color: #fafafa;
  max-width: 80rem;
  max-height: 25vh;
  padding: 2em;
  display: flex;
  flex-direction: column;
  gap: 0 3em;
  flex-grow: 1;
  font-size: 1em;
  z-index: 20;
  overflow: hidden;
  overflow-y: auto;
}
body .modal_box .modal_content .modal-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 1em;
  aspect-ratio: 1;
  font-size: max(12px, 2.5em);
  color: #fafafa;
  background: #232329;
  cursor: pointer;
}
body .modal_box .modal_content .box_head {
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 1em;
  gap: 0.5em 0;
}
body .modal_box .modal_content .box_head h4 {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: max(12px, 1.875em);
  align-self: center;
  color: #27b100;
}
body .modal_box .modal_content .box_head .modal-msg {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #303030;
  font-size: max(12px, 1.5em);
  margin-bottom: 0.5em;
  padding: 0.4em 2em;
}
body .modal_box .modal_content .box_button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  gap: 0 1em;
  color: #303030;
  margin-top: 1em;
}
body .modal_box .modal_content .box_button button {
  font-size: 1em;
  display: flex;
  align-items: center;
  width: 8em;
  height: 2.6em;
  font-size: max(12px, 1em);
  border-radius: 0.4em;
  letter-spacing: 0.2em;
  background-color: #bababa;
}
body .modal_box .modal_content .box_button button:nth-of-type(2) {
  color: #fafafa;
  font-weight: 700;
  background-color: #65aec4;
}
body .modal_box .modal_content .box_head h3 {
  font-size: max(12px, 1.625em);
  text-align: center;
  color: #00b1a2;
}

section,
article {
  position: relative;
  width: 100%;
  font-size: 1em;
  display: flex;
}

header,
footer {
  position: relative;
  width: 100%;
  font-size: 1em;
}

form {
  position: relative;
  font-size: 1em;
  display: flex;
  flex-direction: column;
}
form select:focus {
  outline: none;
}

/*==========================================================
    header(ヘッダー)
==========================================================*/
.body_index header .header-box {
  display: none;
}

header {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6em 0.4em 0.3em 0.4em;
  font-size: 1em;
  background: #232329;
  background: linear-gradient(to top, #616161 -100%, #232329 100%);
}
header h1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: -0.06em;
  font-size: max(12px, 1.5em);
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  color: #fafafa;
}
header h1 span {
  display: flex;
  justify-content: center;
  align-items: center;
}
header h1 span i {
  display: inline-flex;
  transform: translateY(0.05em);
  width: 0.8em;
  aspect-ratio: 1;
  background: url("../img/icon/logo.svg") center center/contain no-repeat;
  filter: invert(100%) hue-rotate(295deg) brightness(140%) contrast(100%);
}
header h1 span.rmt-sign {
  margin-left: 0.6em;
  font-size: 0.4em;
}
header .page_title {
  position: absolute;
  left: 50%;
  transform: translateX(-30%);
  display: flex;
  align-items: flex-end;
  gap: 0 0.2em;
  width: fit-content;
  padding: 0 0.5em 0.2em 0.5em;
  color: #fafafa;
  font-size: max(12px, 1.625em);
  border-bottom: double 3px #fafafa;
}
header .page_title span {
  font-size: 0.6em;
}
header .header-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1em;
}
header .header-box .logout {
  display: flex;
  align-items: center;
  gap: 0 0.5em;
  letter-spacing: 0.1em;
  font-size: max(12px, 0.875em);
  font-weight: 500;
  padding: 0.5em 1.6em;
  transform: translateY(-5px);
  border-radius: 0.4em;
  border: solid 1px rgba(238, 238, 238, 0.6);
  background-color: #101010;
  transition: background-color 0.3s;
}
header .header-box .logout::before {
  content: "";
  width: 1.4em;
  aspect-ratio: 1;
  background: url("../img/icon/power_off.svg") center center/contain no-repeat;
}
header .header-box .logout:hover {
  background-color: rgba(238, 238, 238, 0.2);
}
header .header-box .shop_name {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.5em;
  font-size: 12px;
}
header .header-box .shop_name span {
  display: inline-flex;
  position: relative;
  font-size: max(12px, 1.25em);
  font-weight: 500;
}
header .header-box .shop_name span::before {
  content: "";
  position: absolute;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background-color: rgba(238, 238, 238, 0.8);
}

/*==========================================================
    footer(フッター)
==========================================================*/
footer {
  background-color: #232329;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 2em;
}

/*==========================================================
    ログイン画面
==========================================================*/
main.area_log-in {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  color: #303030;
  background-color: #fafafa;
}
main.area_log-in .area_logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em 0;
  width: fit-content;
  margin-bottom: 3em;
}
main.area_log-in .area_logo img {
  max-width: 60rem;
}
main.area_log-in .area_logo p {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 400;
  font-style: normal;
  font-size: max(12px, 1.625em);
}
main.area_log-in h2 {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: max(12px, 2.25em);
  font-weight: 600;
  text-transform: uppercase;
}
main.area_log-in form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1em 0;
  width: fit-content;
  margin-top: 1em;
}
main.area_log-in form input[type=text],
main.area_log-in form input[type=password] {
  border: 1px solid #232329;
  font-size: max(12px, 1.125em);
  padding: 0.5em 1em;
  height: 2.4em;
  border-radius: 1.2em;
  width: 18em;
}
main.area_log-in form input[type=submit] {
  width: 70%;
  align-self: center;
  margin-top: 1em;
  background-color: #303030;
}

/*==========================================================
    メインボックス
==========================================================*/
main {
  position: relative;
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  font-size: 1em;
}
main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 4px 4px;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%206%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%222%200%202%202%200%202%200%206%206%206%206%200%202%200%22%2F%3E%3Crect%20class%3D%22cls-1%22%20width%3D%222%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E");
  mix-blend-mode: lighten;
  opacity: 0.05;
  z-index: -1;
}
main .sideMenu {
  display: flex;
  flex-direction: column;
  width: 14em;
  min-width: 20rem;
  font-size: 1em;
  background-color: #232329;
  background: linear-gradient(to top, #616161 -100%, #232329 100%);
}
main .sideMenu .go_top {
  font-size: 1em;
  width: 100%;
  padding: 0.45em 0.5em;
  border-bottom: solid 1px rgba(238, 238, 238, 0.2);
  background-color: #101010;
}
main .sideMenu .go_top a {
  display: block;
  font-size: max(12px, 1em);
}
@media (min-width: 480px) {
  main .sideMenu .go_top a:hover {
    color: #f18100;
  }
}
main .sideMenu .details-accordion {
  display: flex;
  flex-direction: column;
  font-size: 1em;
  width: 100%;
}
main .sideMenu .details-accordion details {
  display: flex;
  flex-direction: column;
  font-size: 1em;
  padding: 0.8em 0.5em;
  border-bottom: solid 1px rgba(238, 238, 238, 0.2);
  background-color: #101010;
  cursor: pointer;
}
main .sideMenu .details-accordion details::details-content {
  transition: all ease-in-out 0.2s;
  height: 0;
  opacity: 0;
  overflow: clip;
  animation: fadeIn 0.4s ease;
}
main .sideMenu .details-accordion details {
  /*アコーディオンの中身のスタイル（開いている時）*/
}
main .sideMenu .details-accordion details[open]::details-content {
  opacity: 1;
  height: auto;
  margin-top: 0.5em;
}
main .sideMenu .details-accordion details.label_recruit {
  background-color: #4caf50;
}
main .sideMenu .details-accordion details summary {
  font-size: max(12px, 1em);
}
main .sideMenu .details-accordion details ul {
  display: flex;
  flex-direction: column;
  font-size: 1em;
  background-color: #3e0f00;
}
main .sideMenu .details-accordion details ul li {
  font-size: 1em;
  border-bottom: solid 1px rgba(238, 238, 238, 0.1);
}
main .sideMenu .details-accordion details ul li:last-of-type {
  border-bottom: none;
}
main .sideMenu .details-accordion details ul li a {
  display: block;
  font-size: max(12px, 0.875em);
  padding: 0.5em 0.5em 0.6em 0.6em;
}
@media (min-width: 480px) {
  main .sideMenu .details-accordion details ul li a:hover {
    color: #f18100;
  }
}
main .sideMenu .details-accordion details ul li a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  background-color: #fafafa;
  color: #c11a00;
  width: 1.6em;
  aspect-ratio: 1;
  border-radius: 50%;
  margin-left: 1em;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: auto;
  }
}
main .main {
  flex: 1;
  order: 2;
  font-size: 1em;
}
main .main .hr {
  margin: 1em 0;
  width: 100%;
  height: 4px;
  border-top: solid 1px #b0b0b0;
  background-color: #ffffff;
}
main .main article {
  position: relative;
  width: 100%;
  font-size: 1em;
}
main .main article .addLink,
main .main article .backLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25rem;
  height: 4rem;
}
main .main article .addLink {
  align-self: flex-start;
  background-color: #27b100;
}
main .main article .backLink {
  background-color: #480468;
}
main .main article .up-msg {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fafafa;
  font-size: max(12px, 1.625em);
  margin-bottom: 0.5em;
  padding: 0.4em 2em;
  border-radius: 5em;
  background-color: #27b100;
}
main .main article .note {
  margin-bottom: 0.5em;
  font-size: 1em;
  color: #303030;
}
main .main article .note:has(p.setting_result) {
  align-self: center !important;
}
main .main article .note h4,
main .main article .note p {
  font-size: max(12px, 1em);
}
main .main article .note h4.setting_result,
main .main article .note p.setting_result {
  width: fit-content;
  justify-self: center;
  margin-block: 1em;
  padding: 0.5em 1em;
  color: #fafafa;
  font-size: max(12px, 1.125em);
  border-radius: 100dvmax;
  display: none;
}
main .main article .note h4.setting_result.is-active,
main .main article .note p.setting_result.is-active {
  display: flex;
  background-color: #018f25;
}
main .main article .note h4.setting_result.is-active.is-success,
main .main article .note p.setting_result.is-active.is-success {
  background-color: #018f25;
}
main .main article .note h4.setting_result.is-active.is-warning,
main .main article .note p.setting_result.is-active.is-warning {
  background-color: #9a6700;
}
main .main article .note h4.setting_result.is-active.is-error,
main .main article .note p.setting_result.is-active.is-error {
  background-color: #b00020;
}
main .main article .mode_add,
main .main article .mode_edit {
  color: #fafafa;
  font-size: max(12px, 1.625em);
  margin-bottom: 0.5em;
  padding: 0.2em 2em;
  border-radius: 5em;
}
main .main article .mode_add {
  background-color: #27b100;
}
main .main article .mode_edit {
  background-color: #2a70f7;
}
main .main article img.thumb {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

/*==========================================================
    URLコピー
==========================================================*/
.copy-box {
  width: 100%;
  max-width: 80rem;
  font-size: 1em;
}
.copy-box dl {
  display: grid;
  grid-template-columns: 16rem auto;
  font-size: 1em;
  border: solid 1px #cccccc;
}
.copy-box dl dt {
  display: flex;
  align-items: center;
  font-size: 1em;
  padding: 0.5em 1em;
  color: #fafafa;
  background-color: #232329;
}
.copy-box dl dd {
  display: grid;
  grid-template-columns: auto 14rem;
  gap: 0 1em;
  font-size: 1em;
  padding: 0.5em 0.5em 0.5em 1em;
}
.copy-box dl dd #pageURL {
  width: 100%;
  padding: 0.5em;
  font-size: 1em;
  color: #303030;
  border-radius: 0.2em;
  border: solid 1px #232329;
  user-select: text;
}
.copy-box dl dd #copyButton {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  padding: 0.5em;
  color: #fafafa;
  border-radius: 100dvmax;
  background-color: #27b100;
}

/*==========================================================
    フォーム入力チェック
==========================================================*/
.validetta-bubble {
  position: absolute;
  width: 120px;
  max-width: 120px;
  padding: 5px 12px;
  color: #ffffff;
  border-radius: 5px;
  background-color: #bc1965;
  z-index: 9;
}
.validetta-bubble::before {
  content: "";
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-width: 8px;
  border-style: solid;
}
.validetta-bubble--right:before {
  top: 7px;
  left: -14px;
  border-color: transparent #bc1965 transparent transparent;
}
.validetta-bubble--bottom:before {
  top: -14px;
  left: 10px;
  border-color: transparent transparent #bc1965;
}

.validetta-inline,
.validetta-bubble {
  display: block;
  margin: 5px 0px 0px 0px;
  font-size: 12px;
  font-family: "Pathway Gothic One", "A-OTF UD新ゴ Pro", "A-OTF UDShin Go Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.validetta-inline {
  color: #bc1965;
}

/*# sourceMappingURL=common.css.map */