@charset "utf-8";

/* -------------------------------------------------- */
/*  html系
/* -------------------------------------------------- */

/* member.php ~  ------------------------------ */
.htmlCss .nmlTable {
  width: 100%; }
.htmlCss .nmlTable th,
.htmlCss .nmlTable td {
  line-height: 1.5;
  padding: 0.25em 0.5em;
  vertical-align: top; }
.htmlCss .nmlTable img {
  width: 100%; }
.htmlCss .txtBox > .title {
  padding: 0.75em; }
.htmlCss .txtBox > .text {
  line-height: 1.5;
  background: #fff;
  border: 1px solid #fce4c3;
  padding: 0.75em; }
@media screen and (max-width: 1023px) {
}

/* privacy.php ~  ------------------------------ */
.htmlCss .h4repeat {
  margin-bottom: 1.5em; }
.htmlCss .h4repeat > .text {
  text-indent: 1em;
  line-height: 1.5; }
@media screen and (max-width: 1023px) {
  .htmlCss .h4repeat {
    margin-bottom: 1em; } }

/* nagare.php ~  ------------------------------ */
.htmlCss .nagareTable td {
  width: 55%;
  text-align: center; }
.htmlCss .nagareTable td:nth-of-type(2) {
  width: 3%; }
.htmlCss .nagareTable td:last-of-type {
  width: 42%; }
.htmlCss .nagareTable > tbody > tr:not(:first-of-type) td img {
  margin: 0.25em 0; }
@media screen and (max-width: 1023px) {
  .htmlCss .nagareTable img {
    max-width: 100%; }
  .htmlCss .nagareTable td {
    width: 49%; }
  .htmlCss .nagareTable td:nth-of-type(2) {
    width: 2%; }
  .htmlCss .nagareTable td:last-of-type {
    width: 49%; }
  .htmlCss .nagareTable td .txtBox .text {
    text-align: left; } }

/* payment.php ~  ------------------------------ */
.htmlCss .nagareTable.payment td {
  width: 48.5%; }
.htmlCss .nagareTable.payment td:nth-of-type(2) {
  width: 3%; }
.htmlCss .nagareTable.payment td:last-of-type {
  width: 48.5%; }
.htmlCss .firstTxt {
  margin-bottom: 1.75em;
  text-align: center; }
.htmlCss .limitTable {
  border-collapse: collapse; }
.htmlCss .limitTable th,
.htmlCss .limitTable td {
  width: 50%;
  padding: 0.5em 0.125em;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ccc; }
.htmlCss .limitTable th {
  background: #fce4c3; }
@media screen and (max-width: 1023px) {
  .htmlCss .firstTxt {
    margin-bottom: 1.25em;
    text-align: left; }
  .htmlCss .limitTable thead tr th:first-of-type,
  .htmlCss .limitTable tbody tr td:first-of-type {
    width: 28%; } }

/* info/faq.php ~  ------------------------------ */
.faqmenu {
  line-height: 1.5;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
.faqmenu li {
  list-style: none;
  display: block;
  width: 20%; }
.faqblock {
  line-height: 1.5;
  margin-bottom: 1em; }
.faqtitle {
  background: #fefefe;
  border: 1px solid #bb1f24;
  padding: 0.75em 1em;
  color: #bb1f24;
  cursor: pointer; }
.faqtext {
  background: #fce3ea;
  padding: 0.75em 1em; }
@media screen and (max-width:812px) {
  h3.onlyTitle {
    margin-bottom: 0; }
  .faqmenu li {
    width: 50%;
    font-size: 95%; } }

/* info/character_dog_cat.php ~  ------------------------------ */
.htmlCss .character > div {
  margin-top: 2em;
  width: 48.5%; }
.htmlCss .character > div:nth-of-type(1) {
  border: 1px solid #7d7dde; }
.htmlCss .character > div:nth-of-type(2) {
  border: 1px solid #ff6f6f; }
.htmlCss .character > div img {
  width: 100%; }
.htmlCss .character > div > div {
  padding: 0.75em 0; }
.htmlCss .character > div > table tr:last-child td {
  padding-bottom: 1em; }
@media screen and (max-width:812px) {
  .htmlCss .character {
    flex-direction: column; }
  .htmlCss .character > div {
    margin-top: 1.25em;
    width: 100%; } }