@charset "UTF-8";

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

* {
  padding: 0;
  margin: 0;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
  color: #333;
}

img {
  max-width: 100%;
  margin: auto;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

a:focus {
  outline: none;
}

p {
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

span {
  word-break: break-word;
}

/* header */

header {
  display: flex;
  flex-wrap: wrap-reverse;
  width: 100%;
  padding: 5px 0;
  background: #fff;
}

header h1,
.header-text {
  display: block;
  width: 100%;
  padding: 5px 0 0;
  font-size: 0.5rem;
  font-weight: normal;
  text-align: center;
}

header .head-logo {
  width: 100%;
  padding: 0;
  text-align: center;
}
header .head-logo img {
  max-width: 147px;
}

header .head-btn {
  position: fixed;
  top: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%20%3Cg%20id%3D%22menu%22%20transform%3D%22translate(-305.765%20-6.765)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_4%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%204%22%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2225%22%20transform%3D%22translate(305.765%206.765)%22%20fill%3D%22%23FF5054%22%2F%3E%20%3Cg%20id%3D%22_---%22%20data-name%3D%22---%22%20transform%3D%22translate(318.101%2016.14)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_290%22%20data-name%3D%22%E3%83%91%E3%82%B9%20290%22%20d%3D%22M5.625%2C6.75H30.448V9.007H5.625Z%22%20transform%3D%22translate(-5.625%205.857)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_291%22%20data-name%3D%22%E3%83%91%E3%82%B9%20291%22%20d%3D%22M5.625%2C16.875H30.448v2.257H5.625Z%22%20transform%3D%22translate(-5.625%203.881)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_292%22%20data-name%3D%22%E3%83%91%E3%82%B9%20292%22%20d%3D%22M5.625%2C27H30.448v2.257H5.625Z%22%20transform%3D%22translate(-5.625%201.905)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66561%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066561%22%20d%3D%22M-13.816%2C0h1.56l.5-3.472h.016L-10.352%2C0h.624L-8.28-3.472h.016L-7.824%2C0h1.568l-.912-6.032h-1.56l-1.3%2C3.224-1.224-3.224h-1.544ZM-1.36-4.7V-6.032H-4.792V0H-1.36V-1.328H-3.224v-1.04h1.768V-3.7H-3.224V-4.7ZM.408%2C0H1.976V-3.7h.016L4.864%2C0H6.432V-6.032H4.864v3.688H4.848L1.976-6.032H.408ZM11.92-6.032v3.176c0%2C.784-.056%2C1.64-1.064%2C1.64s-1.064-.856-1.064-1.64V-6.032H8.224V-2.64A2.726%2C2.726%2C0%2C0%2C0%2C8.856-.512a2.879%2C2.879%2C0%2C0%2C0%2C2%2C.672%2C2.879%2C2.879%2C0%2C0%2C0%2C2-.672%2C2.726%2C2.726%2C0%2C0%2C0%2C.632-2.128V-6.032Z%22%20transform%3D%22translate(12.664%207.625)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  z-index: 2000;
}

header .head-btn.active {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_954%22%20data-name%3D%22%E3%83%91%E3%82%B9%20954%22%20d%3D%22M26-11.4%2C23.4-14%2C13-3.6%2C2.6-14%2C0-11.4%2C10.4-1%2C0%2C9.4%2C2.6%2C12%2C13%2C1.6%2C23.4%2C12%2C26%2C9.4%2C15.6-1Z%22%20transform%3D%22translate(0%2014)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
}

/* head-nav */

.head-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px 30px 0;
  background: #FF6368;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
}

.head-nav.active {
  opacity: 1;
  visibility: initial;
  overflow-y: auto;
}

.hn-logo {
  margin: 0 0 0px;
}
.hn-logo img {
  max-width: 172px;
  margin: 0;
}

.hn-list {
  margin: 0 auto 25px;
}

.hn-list li {
  margin: 3px 0 0;
}

.hn-list a {
  display: block;
  padding: 33px 0 24px;
  border-bottom: solid 1px #fff;
  color: #fff;
  font-size:  16px;
  font-weight: 600;
}

.tw-btns {
  margin: 0 10px;
}

.tw-btns li {
  max-width: 260px;
  margin: 0 auto 1.5%;
}

.tw-btns li img {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

/* main */

/*
main {
  min-height: 700px;
}
*/

.page-title {
  display: block;
  padding: 25px 0;
  color: #333;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6";
  font-size: 1.1rem;
  text-align: center;
}

.pager-btn {
  width: 288px;
  margin: 0 auto 20px;
}

.pager-btn:last-of-type {
  margin: 0 auto;
          margin-top: 2.5rem;
}

.pager-btn a {
  display: block;
  padding: 15px 0;
  border: solid 2px #000;
  border-radius: 40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.882%22%20height%3D%2210.707%22%20viewBox%3D%220%200%206.882%2010.707%22%3E%20%3Cpath%20id%3D%22ic_keyboard_arrow_down_24px%22%20d%3D%22M7.175%2C7.84%2C11%2C11.657%2C14.825%2C7.84%2C16%2C9.015l-5%2C5-5-5Z%22%20transform%3D%22translate(-7.487%2016.354)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 260px center;
  background-color: #FF6368;
  box-shadow: 0 3px 0 #000;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.bottom-tw-btns {
  display: flex;
  /*flex-wrap: nowrap;*/
  flex-flow: row wrap;
  justify-content: center;
  margin: 50px 20px 0;
}

.bottom-tw-btns li {
  /*margin: 0 5px;*/
  width: 47%;
  margin: 1.5%;
  flex-shrink: 0;
}

.bottom-tw-btns li:first-child {
  margin: 0 26.5%;
}

.bottom-tw-btns li img {
  width: 100%;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.bottom-contact-head {
  margin: 20px 20px 10px;
  text-align: center;
}

.bottom-contact-head h4 {
  position: relative;
  font-weight: normal;
  font-size: 0.9rem;
}

.bottom-contact-head h4:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  background-color: #333;
  transform: rotate(-30deg);
  margin: auto;
  left: -95px;
  right: 0;
}

.bottom-contact-head h4:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  background-color: #000;
  transform: rotate(30deg);
  margin: auto;
  left: 0;
  right: -95px;
}

.bottom-contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 20px 40px;
}

.bottom-contact li {
  margin: 0 10px;
}

/* footer */
.footer-logo {
max-width: 244px;
margin: 0 auto;
}

.footer-text {
  padding: 20px;
  font-size: 0.9rem;
}

.footer-inner {
  /*padding: 30px 10px 0;*/
  background: #000;
  padding: 30px 10px 100px;
}

.fm-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 42px;
}

.fm-list li {
  width: 50%;
  padding: 0 3%;
  text-align: center;
}

.fm-list li a {
  display: block;
  padding: 10px 0;
  border-bottom: dotted 1px #fff;
  color: #fff;
  font-size: 12px;
}

.copyright {
  display: block;
  padding: 12px 0 20px;
  color: #fff;
  font-size: 10px;
  text-align: center;
}

.copyright a {
  color: #fff;
  font-size: 10px;
}

/* page-top */

.page-top {
  display: none;
  position: fixed;
  right: 10px;
  width: 25%;
  bottom: 90px;
  -webkit-animation: fuwafuwa 2s infinite linear alternate;
  animation: fuwafuwa 2s infinite linear alternate;
}

.page-top img {
  width: 100%;
}

/* fixed banner */
.bottom-banner {
  /*display: none;*/
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
	padding: 10px;
  z-index: 100;
}

/* loading CSS */

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 1s;
  z-index: 3;
}

.loading-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  margin: auto;
}

.loader {
  color: #FF6368;
  font-size: 0.9rem;
  margin: 40px auto 50px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: loading 1s infinite linear;
  animation: loading 1s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loaded {
  opacity: 0;
  visibility: hidden;
}

/* ページネーション用 */

.pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  margin: 20px auto;
}

.page-numbers {
  border: 2px solid #eca5ad;
  border-radius: 4px;
  margin: 0 3px;
  padding: 5px 10px;
  font-size: 12px;
  text-decoration: none;
  color: #333;
}
.page-numbers:hover {
  background-color: #fcc;
}
.page-numbers.current {
  background-color: #fcc;
}
.pagination-total {
  margin: 10px 0 20px;
  text-align: center;
}

.breadcrumbs {
  max-width: 1050px;
  margin: 0 auto;
  padding: 20px;
  font-size: 10px;

  display: none;
}

.breadcrumbs a {
  color: #333;
}

.breadcrumbs .current-item {
  color: #FF6368;
}

/* 404ページ */

.image-404 {
    max-width: 200px;
	margin: 30px auto 20px;
	padding: 0 10px;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

.text-404 {
	margin: 0 0 20px;
	font-size: 0.9rem;
	text-align: center;
}


/* LINEスタンプバナー */

.top-lineStamp-banner {
	display: none;
}

.top-lineStamp-spbanner {
	display: block;
	margin: 20px 10px;
	text-align: center;
}

/* アニメーションCSS */

/* pagetop用 */
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0, 0) rotate(-2deg);
  }
  50% {
    -webkit-transform: translate(0, -10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(2deg);
  }
}

@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0) rotate(-2deg);
  }
  50% {
    transform: translate(0, -10px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(2deg);
  }
}

/* loading用 */
@-webkit-keyframes loading {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes loading {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

.pc-block {
	display: none;
}

/*footer 共通バナー*/
.bannerArea_footer {
  max-width: 600px;
  margin: 50px auto 50px;
}
.bannerArea_footer .bA-footer_listBox {
  max-width: 260px;
  margin: 0 auto;
}
.bannerArea_footer .bA-footer_list {
  margin-bottom: 16px;
}
.bannerArea_footer .bA-footer_list:last-chikd {
  margin-bottom: 0;
}
.bannerArea_footer .bA-footer_list a img {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.bottom-banner img {
  max-width: 600px;
  width: 100%;
}

/*font*/
.tn-date,
.news-date,
.regist-data {
  font-family: Arial, Helvetica, sans-serif;
}