@charset "UTF-8";
/****************************************

Theme Name: 習志野公民館
Theme URI: https://www.narashino-kominkan.jp/
Description: 習志野公民館専用オリジナルテーマ
Author: Riginal
Author URI: https://riginal.jp/

*****************************************/
/****************************************

目次 
1.ベース
2.ヘッダー
3.フッター
4.トップページ
5.サブページ

*****************************************/
/*レスポンシブ*/
/*フォントサイズ*/
/*Webフォント*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;900&display=swap");
/*公民館カラー*/
/****************************************


1.ベース


*****************************************/
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
  border: 0 none;
  font-style: normal;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: top;
  font-family: "M PLUS Rounded 1c","Yu Gothic",YuGothic,"游ゴシック体","メイリオ",Meiryo,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: auto;
  font-size: clamp(18px, 1.8vw, 18px);
  color: #4c4c4c;
  -webkit-text-size-adjust: none; }
  @media all and (max-width: 1024px) {
    body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
      font-size: clamp(14px, 1.4vw, 14px); } }

a,
a *,
input[type=submit],
input[type=submit] *,
button,
button * {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 05s ease-in-out;
  transition: 0.5s ease-in-out; }

.inner {
  width: 80%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (max-width: 1280px) {
    .inner {
      width: 90%; } }
  @media all and (max-width: 768px) {
    .inner {
      width: 100%;
      padding-left: clamp(20px, 4vw, 32px);
      padding-right: clamp(20px, 4vw, 32px); } }

.innerS {
  width: 70%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (max-width: 1280px) {
    .innerS {
      width: 90%;
      max-width: 90%; } }
  @media all and (max-width: 768px) {
    .innerS {
      width: 100%;
      max-width: 100%;
      padding-left: clamp(20px, 4vw, 32px);
      padding-right: clamp(20px, 4vw, 32px); } }

.innerL {
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  box-sizing: border-box; }
  @media all and (max-width: 1280px) {
    .innerL {
      padding-left: 50px;
      padding-right: 50px; } }
  @media all and (max-width: 768px) {
    .innerL {
      padding-left: clamp(20px, 4vw, 32px);
      padding-right: clamp(20px, 4vw, 32px); } }

.pc {
  display: block; }
  @media all and (max-width: 1024px) {
    .pc {
      display: none !important; } }

.sp {
  display: none !important; }
  @media all and (max-width: 1024px) {
    .sp {
      display: block !important; } }

/*インビュー関連*/
.inview.left {
  transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform,opacity;
  transform: translateX(-30px);
  opacity: 0; }
.inview.right {
  transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform,opacity;
  transform: translateX(30px);
  opacity: 0; }
.inview.bottom {
  transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform,opacity;
  transform: translateY(20px);
  opacity: 0; }
.inview.action {
  opacity: 1;
  transform: translate(0px); }

/*テキスト関連*/
.center {
  text-align: center; }

.under {
  text-decoration: underline; }

b, stlong, .bold {
  font-weight: bold; }

.postCn {
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 2;
  padding-bottom: 60px;
  border-bottom: solid 1px #e7e7fd;
  margin-bottom: 40px;
  overflow: hidden; }
  .postCn * {
    font-size: clamp(16px, 1.6vw, 18px);
    line-height: 2;
    transform: rotate(0.03deg); }
  .postCn h1 {
    display: block;
    padding: 10px 20px;
    background: #a9c5f2;
    font-size: clamp(18px, 2.6vw, 26px);
    line-height: 1.6;
    font-weight: 500;
    margin: 0 0 .75rem;
    border-radius: 10px;
    box-sizing: border-box; }
  .postCn h2 {
    font-size: clamp(18px, 2.6vw, 26px);
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 .75rem;
    padding: 10px 20px;
    box-sizing: border-box;
    border: solid 1px #185fd4;
    border-radius: 10px; }
  .postCn h3 {
    font-size: clamp(18px, 2.6vw, 22px);
    line-height: 1.8;
    font-weight: 500;
    padding: 10px;
    margin: 0 0 .75rem;
    border-bottom: dotted 1px #185fd4; }
  .postCn h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: clamp(18px, 2.6vw, 20px);
    line-height: 1.6;
    font-weight: 500;
    margin: 0 0 .75rem; }
    .postCn h4::before {
      content: "";
      width: 16px;
      height: 16px;
      background: #185fd4;
      border-radius: 100%;
      flex: 0 0 16px;
      transform: translateY(1px); }
  .postCn h5 {
    font-size: 18px;
    line-height: 2;
    font-weight: 500;
    margin: 0 0 .66rem 0; }
  .postCn h6 {
    font-size: 18px;
    line-height: 2;
    margin: 0 0 .66rem 0; }
  .postCn p {
    margin-bottom: 25px;
    font-size: clamp(16px, 1.6vw, 18px);
    line-height: 1.8rem; }
  .postCn strong {
    font-weight: bold; }
    .postCn strong * {
      font-weight: bold; }
  .postCn em {
    font-style: italic; }
    .postCn em * {
      font-style: italic; }
  .postCn a {
    color: #007bff;
    display: inline;
    transition: 0.5s;
    text-decoration: underline; }
    .postCn a * {
      color: #007bff; }
    .postCn a:hover {
      color: #007bff; }
  .postCn img {
    margin-bottom: 20px; }
  .postCn .wp-caption {
    max-width: 100%; }
  .postCn iframe {
    max-width: 100%;
    display: block;
    margin: 0 auto 20px; }
  .postCn ul {
    margin-bottom: 20px; }
    .postCn ul li {
      list-style: disc;
      list-style-position: inside;
      line-height: 1.4; }
  .postCn ol {
    margin-bottom: 20px; }
    .postCn ol li {
      list-style-type: decimal;
      list-style-position: inside;
      line-height: 1.4; }
  .postCn table {
    margin-bottom: 20px; }
  .postCn .alignleft {
    display: block;
    margin: 0 auto 20px 0; }
  .postCn .alignright {
    display: block;
    margin: 0 0 20px auto; }
  .postCn .aligncenter {
    display: block;
    margin: 0 auto 20px; }
  .postCn .alignnone {
    display: block;
    margin: 0 0 20px; }

.pdf {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  margin-bottom: 50px; }
  .pdf a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 15px 30px;
    min-width: 270px;
    border: 1px solid #8c8c8c;
    border-radius: 10px;
    text-decoration: none;
    color: #333;
    transition: 0.8s ease-in-out; }
    @media all and (max-width: 1024px) {
      .pdf a {
        padding: 10px 15px; } }
    .pdf a img {
      width: 30px;
      height: auto; }
    .pdf a span {
      font-size: 26px;
      line-height: 1; }
      @media all and (max-width: 1024px) {
        .pdf a span {
          font-size: 20px; } }
    .pdf a:hover {
      background: #f5f5f5; }

.btnWrap {
  text-align: center;
  margin-bottom: 80px; }
  .btnWrap a {
    display: inline-block;
    padding: 15px 30px;
    min-width: 270px;
    background: #185fd4;
    color: #fff;
    font-size: 26px;
    border-radius: 10px;
    transition: 0.8s ease-in-out; }
    .btnWrap a:hover {
      background: #244fa3; }
    @media all and (max-width: 1024px) {
      .btnWrap a {
        font-size: 20px;
        padding: 10px 15px; } }

/*フォーム関連*/
.mailform input[type=password],
.mailform input[type=text],
.mailform input[type=date],
.mailform input[type=email],
.mailform input[type=number],
.mailform input[type=url],
.mailform input[type=tel],
.mailform textarea,
.mailform select {
  border: 0;
  background: #F7F8F9;
  border-radius: 5px;
  color: #3F484C;
  padding: 18px 18px 18px;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none; }
.mailform textarea {
  min-height: 250px; }
.mailform input, .mailform select, .mailform textarea {
  outline: none; }
.mailform input:disabled {
  background: none;
  font-weight: bold; }
.mailform input[type="checkbox"] {
  width: 26px;
  height: 26px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  transition: all .15s ease-out 0s;
  color: #46ADDF;
  cursor: pointer;
  display: inline-block;
  outline: none;
  border-radius: 0;
  vertical-align: -0.5rem;
  margin: 0; }
.mailform input[type=checkbox]:before,
.mailform input[type=checkbox]:after {
  position: absolute;
  content: "";
  background: #fff;
  transition: all .2s ease-in-out; }
.mailform input[type=checkbox]:before {
  left: 2px;
  top: 6px;
  width: 0;
  height: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg); }
.mailform input[type=checkbox]:after {
  right: 9px;
  bottom: 3px;
  width: 2px;
  height: 0;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transition-delay: .2s; }
.mailform input[type=checkbox]:checked:before {
  left: 1px;
  top: 12px;
  width: 11px;
  height: 3px; }
.mailform input[type=checkbox]:checked:after {
  right: 6px;
  bottom: 2px;
  width: 3px;
  height: 17px; }
.mailform input[type=checkbox]:indeterminate:before,
.mailform input[type=checkbox]:indeterminate:after {
  width: 10px;
  height: 2px;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0); }
.mailform input[type=checkbox]:indeterminate:before {
  left: 1px;
  top: 7px; }
.mailform input[type=checkbox]:indeterminate:after {
  right: 1px;
  bottom: 7px; }
.mailform input[type=checkbox] {
  border: 2px solid #ABABAB; }
.mailform input[type=checkbox]:checked,
.mailform input[type=checkbox]:checked {
  border: 2px solid #006AB6; }
.mailform input[type=checkbox]:checked:after,
.mailform input[type=checkbox]:checked:before,
.mailform input[type=checkbox]:indeterminate:after,
.mailform input[type=checkbox]:indeterminate:before {
  background: #006AB6; }
.mailform label {
  margin-left: 10px; }
.mailform dl {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media all and (max-width: 768px) {
    .mailform dl {
      display: block;
      padding-top: 20px;
      padding-bottom: 20px; } }
.mailform dl dt {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media all and (max-width: 768px) {
    .mailform dl dt {
      width: 100%;
      display: block; } }
.mailform dl dt .title,
.mailform .selectWrap .title {
  font-weight: bold;
  color: #0D2740; }
.mailform dl dd {
  width: calc(100% - 200px);
  padding-left: 50px;
  box-sizing: border-box; }
  @media all and (max-width: 768px) {
    .mailform dl dd {
      width: 100%;
      padding-left: 0; } }
.mailform dl dd .input {
  width: 100%;
  display: inline-block; }
.mailform .selectWrap {
  margin-top: 50px;
  margin-bottom: 50px; }
.mailform .select {
  display: flex;
  flex-wrap: wrap; }
  @media all and (max-width: 768px) {
    .mailform .select {
      display: block; } }
.mailform .selectWrap .title {
  margin-bottom: 40px; }
.mailform .select li {
  width: calc( 100% / 4 );
  margin-bottom: 15px; }
  @media all and (max-width: 768px) {
    .mailform .select li {
      width: 100%; } }
.mailform .select.doble li {
  width: 100%; }
.mailform .select li .input input {
  margin-top: 10px;
  background: #FFF;
  border: solid 1px #DCDCDC; }
.mailform .submit {
  margin-top: 100px;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  -webkit-appearance: none; }
  @media all and (max-width: 768px) {
    .mailform .submit {
      width: 80%;
      margin-top: 40px; } }
.mailform .hissu {
  color: #FFF;
  width: 40px;
  height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: #E91C24;
  font-size: 80%;
  display: inline-block;
  line-height: 20px; }
  @media all and (max-width: 768px) {
    .mailform .hissu {
      margin-left: 20px; } }
.mailform .nini {
  color: #FFF;
  width: 40px;
  height: 20px;
  text-align: center;
  background-color: #6E6E6E;
  font-size: 80%;
  display: inline-block;
  line-height: 20px; }
  @media all and (max-width: 768px) {
    .mailform .nini {
      margin-left: 20px; } }
.mailform .error {
  margin-top: 10px; }
.mailform .error span {
  color: #E91C24;
  font-size: 14px;
  display: block; }
.mailform .acceptance {
  text-align: center; }
.mailform .acceptance input[type=checkbox] {
  margin-right: 10px; }
.mailform .acceptance a {
  text-decoration: underline; }
.mailform .textarea dt {
  align-items: flex-start;
  margin-top: 10px; }

main {
  margin-top: 80px; }

/*ウェブフォント対策*/
.webfont {
  transform: rotate(0.03deg); }

/*見出し*/
.titWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 70px; }
  @media all and (max-width: 1024px) {
    .titWrap {
      margin-bottom: 20px; } }

h2.tit {
  font-size: clamp(28px, 3.2vw, 36px);
  font-weight: bold;
  color: #4a4a4a;
  line-height: 1.2;
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
  text-align: center; }
  @media all and (max-width: 1024px) {
    h2.tit {
      font-size: clamp(24px, 2.6vw, 28px); } }
  h2.tit::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 100%;
    height: 8px;
    background: #9ecae1;
    border-radius: 4px;
    z-index: -1; }

/****************************************


2.ヘッダー


*****************************************/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1000;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5%;
  box-sizing: border-box; }
  @media all and (max-width: 1540px) {
    header {
      padding: 0 3%; } }
  @media all and (max-width: 1100px) {
    header {
      padding: 0 2%; } }
  header .headerInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    @media all and (max-width: 1024px) {
      header .headerInner {
        position: relative;
        height: 100%;
        box-sizing: border-box; } }
  @media all and (max-width: 1024px) {
    header .logo {
      display: flex !important;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 65%;
      z-index: 9999;
      pointer-events: none; } }
  header .logo a {
    font-size: clamp(28px, 3.2vw, 36px);
    font-weight: bold; }
    @media all and (max-width: 1540px) {
      header .logo a {
        font-size: 26px; } }
  @media all and (max-width: 1024px) {
    header .globalNav {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100dvh;
      background: #fff;
      padding: 100px 30px 30px;
      transition: .3s;
      visibility: hidden;
      opacity: 0;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; } }
  header .globalNav ul {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media all and (max-width: 1230px) {
      header .globalNav ul {
        gap: 5px; } }
    @media all and (max-width: 1024px) {
      header .globalNav ul {
        flex-direction: column;
        display: inline-flex;
        padding-bottom: 40px; } }
    header .globalNav ul li {
      position: relative; }
      header .globalNav ul li a {
        font-size: 20px;
        display: block;
        padding: 7px 15px 7px 25px;
        position: relative;
        line-height: 1;
        background: #FFF;
        border-radius: 5px;
        font-weight: 500;
        transform: rotate(0.03deg); }
        @media all and (max-width: 1540px) {
          header .globalNav ul li a {
            font-size: 18px;
            padding: 7px 7px 7px 20px; } }
        @media all and (max-width: 1230px) {
          header .globalNav ul li a {
            font-size: 18px; } }
        header .globalNav ul li a::before {
          content: "";
          position: absolute;
          left: 12px;
          top: 50%;
          bottom: 0;
          transform: translateY(-50%);
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 7px solid #188bd4;
          transition: 0.5s ease-in-out; }
        header .globalNav ul li a:hover {
          background: #188bd4;
          color: #FFF; }
          header .globalNav ul li a:hover::before {
            border-left: 7px solid #FFF; }
      @media all and (max-width: 1024px) {
        header .globalNav ul li:nth-child(1) a::before {
          border-left: 7px solid #00c4c6; } }
      @media all and (max-width: 1024px) {
        header .globalNav ul li:nth-child(2) a::before {
          border-left: 7px solid #0297c8; } }
      @media all and (max-width: 1024px) {
        header .globalNav ul li:nth-child(3) a::before {
          border-left: 7px solid #5d60da; } }
      @media all and (max-width: 1024px) {
        header .globalNav ul li:nth-child(4) a::before {
          border-left: 7px solid #185fd4; } }
  @media all and (max-width: 1024px) {
    header .globalNav.is-open {
      visibility: visible;
      opacity: 1; } }

.menuBtn {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 35px;
  height: 25px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  background-color: #FFF; }
  @media all and (max-width: 1024px) {
    .menuBtn {
      display: flex;
      position: fixed;
      right: 15px;
      top: 25px;
      z-index: 20000; } }

.menuBtn span {
  display: block;
  width: 100%;
  height: 2px;
  flex: 0 0 3px;
  background-color: #000;
  border-radius: 100px; }

.home .headerInner {
  justify-content: flex-end; }
  @media all and (max-width: 1024px) {
    .home .headerInner {
      justify-content: center; } }

/****************************************


3.フッター


*****************************************/
footer {
  position: relative;
  padding: 0 0 80px;
  background: linear-gradient(to bottom, transparent 50%, #409ed7 50%); }
  @media all and (min-width: 1920px) {
    footer {
      background-size: 100% auto;
      background-position: center bottom; } }
  footer .hallInfo {
    position: relative;
    padding-bottom: 40px;
    overflow: hidden; }
    @media all and (max-width: 1024px) {
      footer .hallInfo {
        padding-bottom: 0; } }
    footer .hallInfo::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: 120%;
      height: 300px;
      background: #409ed7;
      border-radius: 50% 50% 0 0;
      z-index: 0; }
      @media all and (max-width: 1024px) {
        footer .hallInfo::after {
          display: none; } }
  footer .hallInfo_inner {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.2fr;
    grid-template-areas: "main card1 card2" "character card3 card4";
    gap: 40px 30px;
    padding: 40px;
    background: #dcecf6;
    border-radius: 20px;
    position: relative;
    z-index: 1; }
    @media all and (max-width: 1024px) {
      footer .hallInfo_inner {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "main main" "card1 card2" "card3 card4";
        gap: 30px 20px;
        padding: 32px clamp(20px, 4vw, 32px) 150px;
        border-radius: 0;
        width: 100%; } }
    footer .hallInfo_inner::after {
      display: none;
      content: "";
      position: absolute;
      left: 50%;
      top: 100px;
      transform: translateX(-50%);
      width: 120%;
      height: 300px;
      background: #409ed7;
      border-radius: 50% 50% 0 0;
      z-index: 0; }
      @media all and (max-width: 1024px) {
        footer .hallInfo_inner::after {
          display: block;
          z-index: 1;
          top: auto;
          bottom: 0;
          height: 50px; } }
  footer .hallInfo_main {
    grid-area: main; }
    footer .hallInfo_main h2 {
      margin-bottom: 10px; }
      @media all and (max-width: 1024px) {
        footer .hallInfo_main h2 {
          margin-bottom: 5px; } }
      footer .hallInfo_main h2 a {
        font-size: clamp(26px, 3vw, 32px);
        line-height: 1;
        font-weight: bold; }
        @media all and (max-width: 1024px) {
          footer .hallInfo_main h2 a {
            font-size: 22px; } }
  footer .hallInfo_time {
    margin-top: 20px; }
    @media all and (max-width: 1024px) {
      footer .hallInfo_time {
        margin-top: 10px; } }
    footer .hallInfo_time div {
      line-height: 1.6;
      font-size: clamp(18px, 3vw, 20px);
      transform: rotate(0.03deg); }
      @media all and (max-width: 1024px) {
        footer .hallInfo_time div {
          font-size: clamp(16px, 1.6vw, 16px); } }
  footer .hallInfo_character {
    grid-area: character;
    position: absolute;
    bottom: -50px;
    left: -50px;
    z-index: 5;
    width: 330px; }
    @media all and (max-width: 1024px) {
      footer .hallInfo_character {
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        z-index: 6;
        width: 220px; } }
    footer .hallInfo_character img {
      display: block;
      width: 100%;
      height: auto; }
  footer .hallInfo_card h3 {
    margin-bottom: 10px; }
    @media all and (max-width: 1024px) {
      footer .hallInfo_card h3 {
        margin-bottom: 5px; } }
    footer .hallInfo_card h3 a {
      font-size: 28px;
      line-height: 1;
      font-weight: bold; }
      @media all and (max-width: 1024px) {
        footer .hallInfo_card h3 a {
          font-size: 18px; } }
  footer .hallInfo_card p {
    line-height: 1.6;
    font-size: clamp(16px, 1.6vw, 16px);
    transform: rotate(0.03deg); }
    @media all and (max-width: 1024px) {
      footer .hallInfo_card p {
        font-size: clamp(14px, 1.4vw, 14px); } }
  footer .hallInfo_card:nth-of-type(3) {
    grid-area: card1; }
  footer .hallInfo_card:nth-of-type(4) {
    grid-area: card2; }
  footer .hallInfo_card:nth-of-type(5) {
    grid-area: card3; }
  footer .hallInfo_card:nth-of-type(6) {
    grid-area: card4; }
  footer .bnr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 30px; }
    @media all and (max-width: 1024px) {
      footer .bnr {
        gap: 10px;
        padding-top: 20px; } }
    footer .bnr a {
      display: block; }
    footer .bnr img {
      display: block;
      width: 100%;
      height: auto; }
    @media all and (max-width: 1024px) {
      footer .bnr {
        grid-template-columns: repeat(2, 1fr); } }
  footer .footer_privacy {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
    transform: rotate(0.03deg); }
    @media all and (max-width: 1024px) {
      footer .footer_privacy {
        justify-content: center; } }
    footer .footer_privacy a {
      color: #FFF; }
  footer .copy {
    color: #FFF;
    text-align: center;
    transform: rotate(0.03deg); }

.toTop {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease; }
  .toTop.is-show {
    opacity: 1;
    pointer-events: auto; }
  .toTop img {
    display: block;
    width: 80px;
    height: auto; }
    @media all and (max-width: 1024px) {
      .toTop img {
        width: 40px; } }

/****************************************


4.トップページ


*****************************************/
@keyframes mainImgScroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }
.home .importantNews {
  padding-left: calc( 10% + 300px );
  width: 100%;
  box-sizing: border-box; }
  @media all and (max-width: 1280px) {
    .home .importantNews {
      padding-left: calc( 5% + 300px ); } }
  @media all and (max-width: 1024px) {
    .home .importantNews {
      padding-left: 0; } }
  .home .importantNews .tit {
    display: inline-block;
    padding: 14px 18px;
    background: #dff2fe;
    font-size: clamp(20px, 2.2vw, 24px);
    border-radius: 10px 10px 0 0;
    line-height: 1;
    margin-bottom: 1px;
    box-sizing: border-box; }
    @media all and (max-width: 1024px) {
      .home .importantNews .tit {
        border-radius: 0;
        padding: 8px clamp(20px, 4vw, 32px);
        width: 100%;
        text-align: left;
        font-weight: normal; } }
  .home .importantNews .importantNewsList {
    display: flex;
    flex-direction: column;
    gap: 1px; }
    .home .importantNews .importantNewsList li a {
      display: flex;
      align-items: center;
      gap: 20px;
      padding: 14px 20px;
      background: #dff2fe;
      color: #2f3e4a;
      text-decoration: none;
      transition: background 0.3s ease,color 0.3s ease; }
      @media all and (max-width: 1024px) {
        .home .importantNews .importantNewsList li a {
          align-items: flex-start;
          padding: 8px clamp(20px, 4vw, 32px); } }
      .home .importantNews .importantNewsList li a .date {
        min-width: 110px; }
        @media all and (max-width: 1024px) {
          .home .importantNews .importantNewsList li a .date {
            font-size: 16px;
            min-width: 80px; } }
      .home .importantNews .importantNewsList li a .text {
        flex: 1; }
        @media all and (max-width: 1024px) {
          .home .importantNews .importantNewsList li a .text {
            font-size: 16px; } }
      .home .importantNews .importantNewsList li a:hover {
        background: #409ed7;
        color: #fff; }
        .home .importantNews .importantNewsList li a:hover span {
          color: #fff; }
    .home .importantNews .importantNewsList li:last-child a {
      border-bottom-left-radius: 10px; }
      @media all and (max-width: 1024px) {
        .home .importantNews .importantNewsList li:last-child a {
          border-radius: 0; } }
.home .cn1 {
  padding: clamp(40px, 6vw, 80px) 0; }
  .home .cn1 .kominkanLinks .lead {
    text-align: center;
    margin-bottom: 30px;
    font-size: clamp(20px, 2.2vw, 24px); }
    @media all and (max-width: 1024px) {
      .home .cn1 .kominkanLinks .lead {
        font-size: 14px;
        margin-bottom: 20px; } }
  .home .cn1 .kominkanLinks .kominkanList {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 35px; }
    @media all and (max-width: 1024px) {
      .home .cn1 .kominkanLinks .kominkanList {
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap; } }
    .home .cn1 .kominkanLinks .kominkanList li {
      width: calc( 100% - 105px); }
      @media all and (max-width: 1024px) {
        .home .cn1 .kominkanLinks .kominkanList li {
          width: calc(( 100% - 10px ) / 2 ); } }
      .home .cn1 .kominkanLinks .kominkanList li:nth-child(1) a {
        border: solid 3px #00c4c6; }
        @media all and (max-width: 1024px) {
          .home .cn1 .kominkanLinks .kominkanList li:nth-child(1) a {
            background: #00c4c6; } }
        .home .cn1 .kominkanLinks .kominkanList li:nth-child(1) a:hover {
          background: #00c4c6; }
      .home .cn1 .kominkanLinks .kominkanList li:nth-child(2) a {
        border: solid 3px #0297c8; }
        @media all and (max-width: 1024px) {
          .home .cn1 .kominkanLinks .kominkanList li:nth-child(2) a {
            background: #0297c8; } }
        .home .cn1 .kominkanLinks .kominkanList li:nth-child(2) a:hover {
          background: #0297c8; }
      .home .cn1 .kominkanLinks .kominkanList li:nth-child(3) a {
        border: solid 3px #5d60da; }
        @media all and (max-width: 1024px) {
          .home .cn1 .kominkanLinks .kominkanList li:nth-child(3) a {
            background: #5d60da; } }
        .home .cn1 .kominkanLinks .kominkanList li:nth-child(3) a:hover {
          background: #5d60da; }
      .home .cn1 .kominkanLinks .kominkanList li:nth-child(4) a {
        border: solid 3px #185fd4; }
        @media all and (max-width: 1024px) {
          .home .cn1 .kominkanLinks .kominkanList li:nth-child(4) a {
            background: #185fd4; } }
        .home .cn1 .kominkanLinks .kominkanList li:nth-child(4) a:hover {
          background: #185fd4; }
      .home .cn1 .kominkanLinks .kominkanList li a {
        text-align: center;
        font-size: clamp(20px, 2.2vw, 24px);
        width: 100%;
        border-radius: 10px;
        font-weight: 500;
        background: #FFF; }
        @media all and (max-width: 1024px) {
          .home .cn1 .kominkanLinks .kominkanList li a {
            color: #FFF; } }
        .home .cn1 .kominkanLinks .kominkanList li a:hover {
          color: #FFF; }
.home .cn2 {
  padding: clamp(40px, 6vw, 80px) 0 clamp(30px, 8vw, 120px);
  position: relative; }
  .home .cn2::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -120px;
    transform: translateX(-50%);
    width: 100%;
    aspect-ratio: 1920 / 1347;
    background: url("img/topBg1.webp") no-repeat center top;
    background-size: cover;
    z-index: -1;
    pointer-events: none; }
    @media all and (max-width: 1024px) {
      .home .cn2::before {
        aspect-ratio: 203 / 400;
        top: -60px; } }
  .home .cn2 .titWrap .tit {
    margin-bottom: 20px; }
    @media all and (max-width: 1024px) {
      .home .cn2 .titWrap .tit:after {
        background: #FFF; } }
  .home .cn2 .titWrap .subTit {
    font-size: clamp(20px, 2.2vw, 24px);
    margin-bottom: 40px; }
    @media all and (max-width: 1024px) {
      .home .cn2 .titWrap .subTit {
        font-size: 18px;
        margin-bottom: 20px; } }
  .home .cn2 .titWrap p {
    font-size: clamp(18px, 3vw, 20px);
    line-height: 1.7;
    text-align: center; }
    @media all and (max-width: 1024px) {
      .home .cn2 .titWrap p {
        font-size: 14px;
        text-align: left; } }
  .home .cn2 .img {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    width: 100%; }
    .home .cn2 .img img {
      width: 100%;
      height: auto; }
  .home .cn2 .topSlider .topSlider_item {
    padding: 0 10px;
    position: relative; }
    .home .cn2 .topSlider .topSlider_item img {
      display: block;
      width: 100%;
      height: auto; }
    .home .cn2 .topSlider .topSlider_item .topSlider_caption {
      position: absolute;
      bottom: 10px;
      right: 20px;
      padding: 4px 5px;
      background: #FFF;
      border-radius: 5px;
      transform: rotate(0.03deg); }
  .home .cn2 .topSliderControl {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end; }
  .home .cn2 .topSlider_pause {
    margin-right: 10%;
    appearance: none;
    border: 1px solid #888;
    background: #FFF;
    padding: 6px 15px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px; }
    @media all and (max-width: 1280px) {
      .home .cn2 .topSlider_pause {
        margin-right: 5%; } }
    .home .cn2 .topSlider_pause .text {
      font-size: 14px; }
    .home .cn2 .topSlider_pause .icon {
      position: relative;
      width: 14px;
      height: 14px; }
    .home .cn2 .topSlider_pause:not(.is-paused) .icon {
      display: flex;
      gap: 3px; }
      .home .cn2 .topSlider_pause:not(.is-paused) .icon::before, .home .cn2 .topSlider_pause:not(.is-paused) .icon::after {
        content: "";
        display: block;
        width: 4px;
        height: 14px;
        background: #333; }
    .home .cn2 .topSlider_pause.is-paused .icon::before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-left: 10px solid #333;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent; }

/****************************************


5.サブページ


*****************************************/
.mainImgWrap {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px; }
  @media all and (max-width: 1024px) {
    .mainImgWrap {
      margin-bottom: 20px; } }
  .mainImgWrap .topMenu {
    width: 300px;
    height: 100%;
    padding: 0 40px;
    background: #FFF;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 10%;
    transform: translate(0, -50%); }
    @media all and (max-width: 1280px) {
      .mainImgWrap .topMenu {
        left: 5%; } }
    @media all and (max-width: 1024px) {
      .mainImgWrap .topMenu {
        position: static;
        width: 100%;
        transform: translate(0);
        padding-left: clamp(20px, 4vw, 32px);
        padding-right: clamp(20px, 4vw, 32px); } }
    .mainImgWrap .topMenu .titleBox {
      aspect-ratio: 220 / 149;
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 40px; }
      @media all and (max-width: 1024px) {
        .mainImgWrap .topMenu .titleBox {
          display: none; } }
    .mainImgWrap .topMenu .kominkanList {
      display: flex;
      flex-direction: column;
      gap: 40px; }
      @media all and (max-width: 1024px) {
        .mainImgWrap .topMenu .kominkanList {
          flex-direction: row;
          gap: 10px;
          flex-wrap: wrap; } }
      @media all and (max-width: 1024px) {
        .mainImgWrap .topMenu .kominkanList li {
          width: calc(( 100% - 10px ) / 2 ); } }
      .mainImgWrap .topMenu .kominkanList li:nth-child(1) a {
        border: solid 3px #00c4c6; }
        @media all and (max-width: 1024px) {
          .mainImgWrap .topMenu .kominkanList li:nth-child(1) a {
            background: #00c4c6; } }
        .mainImgWrap .topMenu .kominkanList li:nth-child(1) a:hover {
          background: #00c4c6; }
      .mainImgWrap .topMenu .kominkanList li:nth-child(2) a {
        border: solid 3px #0297c8; }
        @media all and (max-width: 1024px) {
          .mainImgWrap .topMenu .kominkanList li:nth-child(2) a {
            background: #0297c8; } }
        .mainImgWrap .topMenu .kominkanList li:nth-child(2) a:hover {
          background: #0297c8; }
      .mainImgWrap .topMenu .kominkanList li:nth-child(3) a {
        border: solid 3px #5d60da; }
        @media all and (max-width: 1024px) {
          .mainImgWrap .topMenu .kominkanList li:nth-child(3) a {
            background: #5d60da; } }
        .mainImgWrap .topMenu .kominkanList li:nth-child(3) a:hover {
          background: #5d60da; }
      .mainImgWrap .topMenu .kominkanList li:nth-child(4) a {
        border: solid 3px #185fd4; }
        @media all and (max-width: 1024px) {
          .mainImgWrap .topMenu .kominkanList li:nth-child(4) a {
            background: #185fd4; } }
        .mainImgWrap .topMenu .kominkanList li:nth-child(4) a:hover {
          background: #185fd4; }
      .mainImgWrap .topMenu .kominkanList li a {
        text-align: center;
        font-size: clamp(20px, 2.2vw, 24px);
        width: 100%;
        border-radius: 10px;
        font-weight: 500;
        box-sizing: border-box; }
        @media all and (max-width: 1024px) {
          .mainImgWrap .topMenu .kominkanList li a {
            color: #FFF; } }
        .mainImgWrap .topMenu .kominkanList li a:hover {
          color: #FFF; }
    .mainImgWrap .topMenu p {
      padding-bottom: 10px; }
      @media all and (max-width: 1024px) {
        .mainImgWrap .topMenu p {
          font-size: 15px; } }
  .mainImgWrap .mainImgBg {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    height: 500px; }
    @media all and (max-width: 1024px) {
      .mainImgWrap .mainImgBg {
        height: 220px;
        margin-bottom: 20px; } }
  .mainImgWrap .mainImgTrack {
    display: flex;
    width: max-content;
    animation: mainImgScroll 120s linear infinite;
    height: 100%; }
  .mainImgWrap .mainImgTrack img {
    display: block;
    width: auto;
    height: 100%;
    flex-shrink: 0; }

.newsList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 30px;
  margin-bottom: 80px; }
  @media all and (max-width: 1024px) {
    .newsList {
      grid-template-columns: repeat(2, 1fr);
      gap: 25px 15px;
      margin-bottom: 30px; } }
  .newsList li a {
    display: block;
    text-decoration: none;
    color: #333;
    height: 100%; }
  .newsList li .img {
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px;
    border: solid 1px #ececec; }
    .newsList li .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .newsList li .body {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .newsList li .body .date {
      display: block;
      margin-bottom: 5px; }
    .newsList li .body .text {
      line-height: 1.6;
      margin-bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden; }

.catList {
  display: flex;
  gap: 5px;
  flex-wrap: wrap; }
  .catList .cat {
    color: #fff;
    line-height: 1; }
    .catList .cat * {
      padding: 4px 10px;
      color: #fff;
      display: block; }
    .catList .cat.mihana {
      background: #00c4c6; }
    .catList .cat.sodegaura {
      background: #0297c8; }
    .catList .cat.yatsu {
      background: #5d60da; }
    .catList .cat.shin {
      background: #185fd4; }
    .catList .cat.news {
      background: #e9b424; }
    .catList .cat.course, .catList .cat.child {
      background: #53ab2c; }
    .catList .cat.newsletter {
      background: #e57735; }

.newsCatList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 40px; }
  @media all and (max-width: 1024px) {
    .newsCatList {
      gap: 10px;
      margin-bottom: 20px; } }
  .newsCatList li {
    margin: 0;
    padding: 0; }
    .newsCatList li a,
    .newsCatList li button {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 200px;
      height: 50px;
      padding: 0 30px;
      border: 2px solid #00c4c6;
      border-radius: 10px;
      background: #fff;
      color: #555;
      font-size: 20px;
      font-weight: 400;
      line-height: 1;
      text-decoration: none;
      box-sizing: border-box;
      transition: background-color 0.8s ease-in-out,color 0.8s ease-in-out;
      cursor: pointer; }
      @media all and (max-width: 1024px) {
        .newsCatList li a,
        .newsCatList li button {
          min-width: auto;
          height: 35px;
          padding: 0 10px;
          font-size: 14px;
          border-radius: 5px;
          border: 0; } }
    .newsCatList li.is-active a,
    .newsCatList li.is-active button {
      background: #00c4c6;
      color: #fff; }
    .newsCatList li a:hover,
    .newsCatList li button:hover {
      background: #00c4c6;
      color: #fff; }

.no-post {
  padding-bottom: 60px; }

.page-mihana-kominkan .cn1,
.page-sodegaura-kominkan .cn1,
.page-yatsu-kominkan .cn1,
.page-shin-narasino-kominkan .cn1 {
  padding: clamp(20px, 4vw, 40px) 0 0; }
  .page-mihana-kominkan .cn1 p,
  .page-sodegaura-kominkan .cn1 p,
  .page-yatsu-kominkan .cn1 p,
  .page-shin-narasino-kominkan .cn1 p {
    font-size: clamp(18px, 3vw, 20px);
    line-height: 2; }
.page-mihana-kominkan .cn2,
.page-sodegaura-kominkan .cn2,
.page-yatsu-kominkan .cn2,
.page-shin-narasino-kominkan .cn2 {
  padding: clamp(40px, 6vw, 80px) 0 clamp(40px, 6vw, 40px); }
  .page-mihana-kominkan .cn2 .newsList,
  .page-sodegaura-kominkan .cn2 .newsList,
  .page-yatsu-kominkan .cn2 .newsList,
  .page-shin-narasino-kominkan .cn2 .newsList {
    margin-bottom: 0; }
.page-mihana-kominkan .cn3,
.page-sodegaura-kominkan .cn3,
.page-yatsu-kominkan .cn3,
.page-shin-narasino-kominkan .cn3 {
  padding: clamp(40px, 6vw, 80px) 0 clamp(80px, 10vw, 150px);
  position: relative;
  background: #e7fbfb;
  overflow: hidden; }
  @media all and (max-width: 1024px) {
    .page-mihana-kominkan .cn3,
    .page-sodegaura-kominkan .cn3,
    .page-yatsu-kominkan .cn3,
    .page-shin-narasino-kominkan .cn3 {
      padding: 40px 0; } }
  .page-mihana-kominkan .cn3::before, .page-mihana-kominkan .cn3::after,
  .page-sodegaura-kominkan .cn3::before,
  .page-sodegaura-kominkan .cn3::after,
  .page-yatsu-kominkan .cn3::before,
  .page-yatsu-kominkan .cn3::after,
  .page-shin-narasino-kominkan .cn3::before,
  .page-shin-narasino-kominkan .cn3::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none; }
  .page-mihana-kominkan .cn3::before,
  .page-sodegaura-kominkan .cn3::before,
  .page-yatsu-kominkan .cn3::before,
  .page-shin-narasino-kominkan .cn3::before {
    top: 0;
    aspect-ratio: 1920/273;
    background-image: url("img/mihanaBg1-1.webp"); }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn3::before,
      .page-sodegaura-kominkan .cn3::before,
      .page-yatsu-kominkan .cn3::before,
      .page-shin-narasino-kominkan .cn3::before {
        background-position: left center;
        background-size: cover; } }
  .page-mihana-kominkan .cn3::after,
  .page-sodegaura-kominkan .cn3::after,
  .page-yatsu-kominkan .cn3::after,
  .page-shin-narasino-kominkan .cn3::after {
    bottom: 0;
    aspect-ratio: 1920/273;
    background-image: url("img/mihanaBg1-2.webp"); }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn3::after,
      .page-sodegaura-kominkan .cn3::after,
      .page-yatsu-kominkan .cn3::after,
      .page-shin-narasino-kominkan .cn3::after {
        background-position: left center;
        background-size: cover; } }
  .page-mihana-kominkan .cn3 > *,
  .page-sodegaura-kominkan .cn3 > *,
  .page-yatsu-kominkan .cn3 > *,
  .page-shin-narasino-kominkan .cn3 > * {
    position: relative;
    z-index: 1; }
  .page-mihana-kominkan .cn3 .gcal,
  .page-sodegaura-kominkan .cn3 .gcal,
  .page-yatsu-kominkan .cn3 .gcal,
  .page-shin-narasino-kominkan .cn3 .gcal {
    width: 100%;
    aspect-ratio: 1000 / 600; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn3 .gcal,
      .page-sodegaura-kominkan .cn3 .gcal,
      .page-yatsu-kominkan .cn3 .gcal,
      .page-shin-narasino-kominkan .cn3 .gcal {
        aspect-ratio: 1000 / 800; } }
    .page-mihana-kominkan .cn3 .gcal iframe,
    .page-sodegaura-kominkan .cn3 .gcal iframe,
    .page-yatsu-kominkan .cn3 .gcal iframe,
    .page-shin-narasino-kominkan .cn3 .gcal iframe {
      width: 100%;
      height: 100%; }
.page-mihana-kominkan .cn4,
.page-sodegaura-kominkan .cn4,
.page-yatsu-kominkan .cn4,
.page-shin-narasino-kominkan .cn4 {
  padding: clamp(40px, 6vw, 80px) 0 clamp(40px, 6vw, 80px); }
  .page-mihana-kominkan .cn4 .pcv,
  .page-sodegaura-kominkan .cn4 .pcv,
  .page-yatsu-kominkan .cn4 .pcv,
  .page-shin-narasino-kominkan .cn4 .pcv {
    margin-top: 20px; }
    .page-mihana-kominkan .cn4 .pcv .map,
    .page-sodegaura-kominkan .cn4 .pcv .map,
    .page-yatsu-kominkan .cn4 .pcv .map,
    .page-shin-narasino-kominkan .cn4 .pcv .map {
      display: block;
      width: 100%;
      max-width: 350px;
      margin: 0 auto 80px;
      height: auto; }
      @media all and (max-width: 1024px) {
        .page-mihana-kominkan .cn4 .pcv .map,
        .page-sodegaura-kominkan .cn4 .pcv .map,
        .page-yatsu-kominkan .cn4 .pcv .map,
        .page-shin-narasino-kominkan .cn4 .pcv .map {
          margin: 0 auto 40px; } }
  .page-mihana-kominkan .cn4 .floor,
  .page-sodegaura-kominkan .cn4 .floor,
  .page-yatsu-kominkan .cn4 .floor,
  .page-shin-narasino-kominkan .cn4 .floor {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn4 .floor,
      .page-sodegaura-kominkan .cn4 .floor,
      .page-yatsu-kominkan .cn4 .floor,
      .page-shin-narasino-kominkan .cn4 .floor {
        gap: 15px;
        margin-top: 20px; } }
  .page-mihana-kominkan .cn4 .floor_item,
  .page-sodegaura-kominkan .cn4 .floor_item,
  .page-yatsu-kominkan .cn4 .floor_item,
  .page-shin-narasino-kominkan .cn4 .floor_item {
    width: calc((100% - 60px) / 4); }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn4 .floor_item,
      .page-sodegaura-kominkan .cn4 .floor_item,
      .page-yatsu-kominkan .cn4 .floor_item,
      .page-shin-narasino-kominkan .cn4 .floor_item {
        width: calc((100% - 15px) / 2); } }
  .page-mihana-kominkan .cn4 .floor_item_inner,
  .page-sodegaura-kominkan .cn4 .floor_item_inner,
  .page-yatsu-kominkan .cn4 .floor_item_inner,
  .page-shin-narasino-kominkan .cn4 .floor_item_inner {
    height: 100%;
    padding: 15px;
    background: #eaf8f8;
    border-radius: 10px;
    box-sizing: border-box; }
    .page-mihana-kominkan .cn4 .floor_item_inner > p:first-child,
    .page-sodegaura-kominkan .cn4 .floor_item_inner > p:first-child,
    .page-yatsu-kominkan .cn4 .floor_item_inner > p:first-child,
    .page-shin-narasino-kominkan .cn4 .floor_item_inner > p:first-child {
      margin-bottom: 10px;
      font-size: 22px;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
      color: #555; }
      @media all and (max-width: 1024px) {
        .page-mihana-kominkan .cn4 .floor_item_inner > p:first-child,
        .page-sodegaura-kominkan .cn4 .floor_item_inner > p:first-child,
        .page-yatsu-kominkan .cn4 .floor_item_inner > p:first-child,
        .page-shin-narasino-kominkan .cn4 .floor_item_inner > p:first-child {
          margin-bottom: 10px;
          font-size: 15px; } }
    .page-mihana-kominkan .cn4 .floor_item_inner > p:nth-child(2),
    .page-sodegaura-kominkan .cn4 .floor_item_inner > p:nth-child(2),
    .page-yatsu-kominkan .cn4 .floor_item_inner > p:nth-child(2),
    .page-shin-narasino-kominkan .cn4 .floor_item_inner > p:nth-child(2) {
      margin-bottom: 15px; }
    .page-mihana-kominkan .cn4 .floor_item_inner .floor_item_pic,
    .page-sodegaura-kominkan .cn4 .floor_item_inner .floor_item_pic,
    .page-yatsu-kominkan .cn4 .floor_item_inner .floor_item_pic,
    .page-shin-narasino-kominkan .cn4 .floor_item_inner .floor_item_pic {
      display: block;
      width: 100%;
      aspect-ratio: 16/10;
      object-fit: cover; }
  .page-mihana-kominkan .cn4 .floor_item table,
  .page-sodegaura-kominkan .cn4 .floor_item table,
  .page-yatsu-kominkan .cn4 .floor_item table,
  .page-shin-narasino-kominkan .cn4 .floor_item table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; }
  .page-mihana-kominkan .cn4 .floor_item tr,
  .page-sodegaura-kominkan .cn4 .floor_item tr,
  .page-yatsu-kominkan .cn4 .floor_item tr,
  .page-shin-narasino-kominkan .cn4 .floor_item tr {
    border-bottom: 1px solid #6ea0e8; }
    .page-mihana-kominkan .cn4 .floor_item tr:last-child,
    .page-sodegaura-kominkan .cn4 .floor_item tr:last-child,
    .page-yatsu-kominkan .cn4 .floor_item tr:last-child,
    .page-shin-narasino-kominkan .cn4 .floor_item tr:last-child {
      border-bottom: 0; }
  .page-mihana-kominkan .cn4 .floor_item th,
  .page-mihana-kominkan .cn4 .floor_item td,
  .page-sodegaura-kominkan .cn4 .floor_item th,
  .page-sodegaura-kominkan .cn4 .floor_item td,
  .page-yatsu-kominkan .cn4 .floor_item th,
  .page-yatsu-kominkan .cn4 .floor_item td,
  .page-shin-narasino-kominkan .cn4 .floor_item th,
  .page-shin-narasino-kominkan .cn4 .floor_item td {
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.8;
    vertical-align: top;
    color: #666; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn4 .floor_item th,
      .page-mihana-kominkan .cn4 .floor_item td,
      .page-sodegaura-kominkan .cn4 .floor_item th,
      .page-sodegaura-kominkan .cn4 .floor_item td,
      .page-yatsu-kominkan .cn4 .floor_item th,
      .page-yatsu-kominkan .cn4 .floor_item td,
      .page-shin-narasino-kominkan .cn4 .floor_item th,
      .page-shin-narasino-kominkan .cn4 .floor_item td {
        padding: 5px 0;
        font-size: 12px;
        line-height: 1.7; } }
  .page-mihana-kominkan .cn4 .floor_item th,
  .page-sodegaura-kominkan .cn4 .floor_item th,
  .page-yatsu-kominkan .cn4 .floor_item th,
  .page-shin-narasino-kominkan .cn4 .floor_item th {
    width: 70px;
    padding-right: 10px;
    font-weight: 700;
    white-space: nowrap;
    transform: rotate(0.03deg); }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn4 .floor_item th,
      .page-sodegaura-kominkan .cn4 .floor_item th,
      .page-yatsu-kominkan .cn4 .floor_item th,
      .page-shin-narasino-kominkan .cn4 .floor_item th {
        width: 50px;
        padding-right: 5px; } }
  .page-mihana-kominkan .cn4 .floor_item td,
  .page-sodegaura-kominkan .cn4 .floor_item td,
  .page-yatsu-kominkan .cn4 .floor_item td,
  .page-shin-narasino-kominkan .cn4 .floor_item td {
    word-break: break-word;
    transform: rotate(0.03deg); }
.page-mihana-kominkan .cn5,
.page-sodegaura-kominkan .cn5,
.page-yatsu-kominkan .cn5,
.page-shin-narasino-kominkan .cn5 {
  position: relative;
  padding: 150px 0;
  background: #e7fbfb;
  overflow: hidden; }
  @media all and (max-width: 1024px) {
    .page-mihana-kominkan .cn5,
    .page-sodegaura-kominkan .cn5,
    .page-yatsu-kominkan .cn5,
    .page-shin-narasino-kominkan .cn5 {
      padding: 80px 0; } }
  .page-mihana-kominkan .cn5::before, .page-mihana-kominkan .cn5::after,
  .page-sodegaura-kominkan .cn5::before,
  .page-sodegaura-kominkan .cn5::after,
  .page-yatsu-kominkan .cn5::before,
  .page-yatsu-kominkan .cn5::after,
  .page-shin-narasino-kominkan .cn5::before,
  .page-shin-narasino-kominkan .cn5::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none; }
  .page-mihana-kominkan .cn5::before,
  .page-sodegaura-kominkan .cn5::before,
  .page-yatsu-kominkan .cn5::before,
  .page-shin-narasino-kominkan .cn5::before {
    top: 0;
    aspect-ratio: 1920/110;
    background-image: url("img/mihanaBg2-1.webp"); }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5::before,
      .page-sodegaura-kominkan .cn5::before,
      .page-yatsu-kominkan .cn5::before,
      .page-shin-narasino-kominkan .cn5::before {
        background-position: left center; } }
  .page-mihana-kominkan .cn5::after,
  .page-sodegaura-kominkan .cn5::after,
  .page-yatsu-kominkan .cn5::after,
  .page-shin-narasino-kominkan .cn5::after {
    bottom: 0;
    aspect-ratio: 1920/110;
    background-image: url("img/mihanaBg2-2.webp"); }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5::after,
      .page-sodegaura-kominkan .cn5::after,
      .page-yatsu-kominkan .cn5::after,
      .page-shin-narasino-kominkan .cn5::after {
        background-position: left center; } }
  .page-mihana-kominkan .cn5 > *,
  .page-sodegaura-kominkan .cn5 > *,
  .page-yatsu-kominkan .cn5 > *,
  .page-shin-narasino-kominkan .cn5 > * {
    position: relative;
    z-index: 1; }
  .page-mihana-kominkan .cn5 .titWrap .tit,
  .page-sodegaura-kominkan .cn5 .titWrap .tit,
  .page-yatsu-kominkan .cn5 .titWrap .tit,
  .page-shin-narasino-kominkan .cn5 .titWrap .tit {
    margin-bottom: 40px; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5 .titWrap .tit,
      .page-sodegaura-kominkan .cn5 .titWrap .tit,
      .page-yatsu-kominkan .cn5 .titWrap .tit,
      .page-shin-narasino-kominkan .cn5 .titWrap .tit {
        margin-bottom: 20px; } }
  .page-mihana-kominkan .cn5 .titWrap p,
  .page-sodegaura-kominkan .cn5 .titWrap p,
  .page-yatsu-kominkan .cn5 .titWrap p,
  .page-shin-narasino-kominkan .cn5 .titWrap p {
    line-height: 2; }
  .page-mihana-kominkan .cn5 .guideList,
  .page-sodegaura-kominkan .cn5 .guideList,
  .page-yatsu-kominkan .cn5 .guideList,
  .page-shin-narasino-kominkan .cn5 .guideList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 50px; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5 .guideList,
      .page-sodegaura-kominkan .cn5 .guideList,
      .page-yatsu-kominkan .cn5 .guideList,
      .page-shin-narasino-kominkan .cn5 .guideList {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 15px; } }
  .page-mihana-kominkan .cn5 .guideList_item,
  .page-sodegaura-kominkan .cn5 .guideList_item,
  .page-yatsu-kominkan .cn5 .guideList_item,
  .page-shin-narasino-kominkan .cn5 .guideList_item {
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5 .guideList_item,
      .page-sodegaura-kominkan .cn5 .guideList_item,
      .page-yatsu-kominkan .cn5 .guideList_item,
      .page-shin-narasino-kominkan .cn5 .guideList_item {
        padding: 20px 15px; } }
  .page-mihana-kominkan .cn5 .guideList_head,
  .page-sodegaura-kominkan .cn5 .guideList_head,
  .page-yatsu-kominkan .cn5 .guideList_head,
  .page-shin-narasino-kominkan .cn5 .guideList_head {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5 .guideList_head,
      .page-sodegaura-kominkan .cn5 .guideList_head,
      .page-yatsu-kominkan .cn5 .guideList_head,
      .page-shin-narasino-kominkan .cn5 .guideList_head {
        gap: 10px;
        margin-bottom: 10px; } }
  .page-mihana-kominkan .cn5 .guideList_icon,
  .page-sodegaura-kominkan .cn5 .guideList_icon,
  .page-yatsu-kominkan .cn5 .guideList_icon,
  .page-shin-narasino-kominkan .cn5 .guideList_icon {
    flex: 0 0 80px;
    width: 80px;
    min-height: 80px;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5 .guideList_icon,
      .page-sodegaura-kominkan .cn5 .guideList_icon,
      .page-yatsu-kominkan .cn5 .guideList_icon,
      .page-shin-narasino-kominkan .cn5 .guideList_icon {
        flex: 0 0 60px;
        width: 60px;
        min-height: 60px; } }
  .page-mihana-kominkan .cn5 .guideList_icon img,
  .page-sodegaura-kominkan .cn5 .guideList_icon img,
  .page-yatsu-kominkan .cn5 .guideList_icon img,
  .page-shin-narasino-kominkan .cn5 .guideList_icon img {
    display: block;
    max-width: 100%;
    height: auto; }
  .page-mihana-kominkan .cn5 .guideList_tit,
  .page-sodegaura-kominkan .cn5 .guideList_tit,
  .page-yatsu-kominkan .cn5 .guideList_tit,
  .page-shin-narasino-kominkan .cn5 .guideList_tit {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.4;
    color: #4d4d4d; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5 .guideList_tit,
      .page-sodegaura-kominkan .cn5 .guideList_tit,
      .page-yatsu-kominkan .cn5 .guideList_tit,
      .page-shin-narasino-kominkan .cn5 .guideList_tit {
        font-size: 25px; } }
  .page-mihana-kominkan .cn5 .guideList_body,
  .page-sodegaura-kominkan .cn5 .guideList_body,
  .page-yatsu-kominkan .cn5 .guideList_body,
  .page-shin-narasino-kominkan .cn5 .guideList_body {
    font-size: 16px;
    line-height: 2;
    color: #4d4d4d; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5 .guideList_body,
      .page-sodegaura-kominkan .cn5 .guideList_body,
      .page-yatsu-kominkan .cn5 .guideList_body,
      .page-shin-narasino-kominkan .cn5 .guideList_body {
        font-size: 14px;
        line-height: 1.8; } }
  .page-mihana-kominkan .cn5 .guideList_body p + p,
  .page-sodegaura-kominkan .cn5 .guideList_body p + p,
  .page-yatsu-kominkan .cn5 .guideList_body p + p,
  .page-shin-narasino-kominkan .cn5 .guideList_body p + p {
    margin-top: 10px; }
  .page-mihana-kominkan .cn5 .guideList_body ul,
  .page-sodegaura-kominkan .cn5 .guideList_body ul,
  .page-yatsu-kominkan .cn5 .guideList_body ul,
  .page-shin-narasino-kominkan .cn5 .guideList_body ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .page-mihana-kominkan .cn5 .guideList_body li,
  .page-sodegaura-kominkan .cn5 .guideList_body li,
  .page-yatsu-kominkan .cn5 .guideList_body li,
  .page-shin-narasino-kominkan .cn5 .guideList_body li {
    position: relative;
    padding-left: 1em;
    line-height: 1.6;
    transform: rotate(0.03deg); }
    .page-mihana-kominkan .cn5 .guideList_body li::before,
    .page-sodegaura-kominkan .cn5 .guideList_body li::before,
    .page-yatsu-kominkan .cn5 .guideList_body li::before,
    .page-shin-narasino-kominkan .cn5 .guideList_body li::before {
      content: "・";
      position: absolute;
      top: 0;
      left: 0; }
  .page-mihana-kominkan .cn5 .guideList_body li + li,
  .page-sodegaura-kominkan .cn5 .guideList_body li + li,
  .page-yatsu-kominkan .cn5 .guideList_body li + li,
  .page-shin-narasino-kominkan .cn5 .guideList_body li + li {
    margin-top: 5px; }
  .page-mihana-kominkan .cn5 .guideTime,
  .page-sodegaura-kominkan .cn5 .guideTime,
  .page-yatsu-kominkan .cn5 .guideTime,
  .page-shin-narasino-kominkan .cn5 .guideTime {
    margin-top: 20px; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5 .guideTime,
      .page-sodegaura-kominkan .cn5 .guideTime,
      .page-yatsu-kominkan .cn5 .guideTime,
      .page-shin-narasino-kominkan .cn5 .guideTime {
        margin-top: 15px; } }
  .page-mihana-kominkan .cn5 .guideTime_tit,
  .page-sodegaura-kominkan .cn5 .guideTime_tit,
  .page-yatsu-kominkan .cn5 .guideTime_tit,
  .page-shin-narasino-kominkan .cn5 .guideTime_tit {
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #4d4d4d; }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn5 .guideTime_tit,
      .page-sodegaura-kominkan .cn5 .guideTime_tit,
      .page-yatsu-kominkan .cn5 .guideTime_tit,
      .page-shin-narasino-kominkan .cn5 .guideTime_tit {
        margin-bottom: 10px;
        font-size: 22px; } }
  .page-mihana-kominkan .cn5 .guideTime_pic,
  .page-sodegaura-kominkan .cn5 .guideTime_pic,
  .page-yatsu-kominkan .cn5 .guideTime_pic,
  .page-shin-narasino-kominkan .cn5 .guideTime_pic {
    max-width: 1020px;
    margin: 0 auto; }
    .page-mihana-kominkan .cn5 .guideTime_pic img,
    .page-sodegaura-kominkan .cn5 .guideTime_pic img,
    .page-yatsu-kominkan .cn5 .guideTime_pic img,
    .page-shin-narasino-kominkan .cn5 .guideTime_pic img {
      display: block;
      width: 100%;
      height: auto; }
.page-mihana-kominkan .cn6,
.page-sodegaura-kominkan .cn6,
.page-yatsu-kominkan .cn6,
.page-shin-narasino-kominkan .cn6 {
  padding: clamp(20px, 4vw, 40px) 0 clamp(20px, 4vw, 40px); }
  .page-mihana-kominkan .cn6 .priceTable,
  .page-sodegaura-kominkan .cn6 .priceTable,
  .page-yatsu-kominkan .cn6 .priceTable,
  .page-shin-narasino-kominkan .cn6 .priceTable {
    margin-top: 20px; }
    .page-mihana-kominkan .cn6 .priceTable_scroll,
    .page-sodegaura-kominkan .cn6 .priceTable_scroll,
    .page-yatsu-kominkan .cn6 .priceTable_scroll,
    .page-shin-narasino-kominkan .cn6 .priceTable_scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
    .page-mihana-kominkan .cn6 .priceTable_table,
    .page-sodegaura-kominkan .cn6 .priceTable_table,
    .page-yatsu-kominkan .cn6 .priceTable_table,
    .page-shin-narasino-kominkan .cn6 .priceTable_table {
      width: 100%;
      min-width: 800px;
      border-collapse: separate;
      border-spacing: 0;
      table-layout: fixed;
      background: #fff; }
      .page-mihana-kominkan .cn6 .priceTable_table th,
      .page-mihana-kominkan .cn6 .priceTable_table td,
      .page-sodegaura-kominkan .cn6 .priceTable_table th,
      .page-sodegaura-kominkan .cn6 .priceTable_table td,
      .page-yatsu-kominkan .cn6 .priceTable_table th,
      .page-yatsu-kominkan .cn6 .priceTable_table td,
      .page-shin-narasino-kominkan .cn6 .priceTable_table th,
      .page-shin-narasino-kominkan .cn6 .priceTable_table td {
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(0.03deg); }
      .page-mihana-kominkan .cn6 .priceTable_table thead th,
      .page-sodegaura-kominkan .cn6 .priceTable_table thead th,
      .page-yatsu-kominkan .cn6 .priceTable_table thead th,
      .page-shin-narasino-kominkan .cn6 .priceTable_table thead th {
        padding: 20px 10px;
        background: #23c4c9;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        color: #fff;
        white-space: nowrap; }
        @media all and (max-width: 1024px) {
          .page-mihana-kominkan .cn6 .priceTable_table thead th,
          .page-sodegaura-kominkan .cn6 .priceTable_table thead th,
          .page-yatsu-kominkan .cn6 .priceTable_table thead th,
          .page-shin-narasino-kominkan .cn6 .priceTable_table thead th {
            padding: 10px 5px;
            font-size: 14px; } }
      .page-mihana-kominkan .cn6 .priceTable_table tbody th,
      .page-mihana-kominkan .cn6 .priceTable_table tbody td,
      .page-sodegaura-kominkan .cn6 .priceTable_table tbody th,
      .page-sodegaura-kominkan .cn6 .priceTable_table tbody td,
      .page-yatsu-kominkan .cn6 .priceTable_table tbody th,
      .page-yatsu-kominkan .cn6 .priceTable_table tbody td,
      .page-shin-narasino-kominkan .cn6 .priceTable_table tbody th,
      .page-shin-narasino-kominkan .cn6 .priceTable_table tbody td {
        padding: 20px 10px;
        background: #eef6f6;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4;
        text-align: center;
        color: #555; }
        @media all and (max-width: 1024px) {
          .page-mihana-kominkan .cn6 .priceTable_table tbody th,
          .page-mihana-kominkan .cn6 .priceTable_table tbody td,
          .page-sodegaura-kominkan .cn6 .priceTable_table tbody th,
          .page-sodegaura-kominkan .cn6 .priceTable_table tbody td,
          .page-yatsu-kominkan .cn6 .priceTable_table tbody th,
          .page-yatsu-kominkan .cn6 .priceTable_table tbody td,
          .page-shin-narasino-kominkan .cn6 .priceTable_table tbody th,
          .page-shin-narasino-kominkan .cn6 .priceTable_table tbody td {
            padding: 10px 5px;
            font-size: 14px; } }
      .page-mihana-kominkan .cn6 .priceTable_table tbody th,
      .page-sodegaura-kominkan .cn6 .priceTable_table tbody th,
      .page-yatsu-kominkan .cn6 .priceTable_table tbody th,
      .page-shin-narasino-kominkan .cn6 .priceTable_table tbody th {
        background: #d8ebeb;
        font-weight: 700;
        white-space: nowrap; }
      .page-mihana-kominkan .cn6 .priceTable_table tr:last-child th,
      .page-mihana-kominkan .cn6 .priceTable_table tr:last-child td,
      .page-sodegaura-kominkan .cn6 .priceTable_table tr:last-child th,
      .page-sodegaura-kominkan .cn6 .priceTable_table tr:last-child td,
      .page-yatsu-kominkan .cn6 .priceTable_table tr:last-child th,
      .page-yatsu-kominkan .cn6 .priceTable_table tr:last-child td,
      .page-shin-narasino-kominkan .cn6 .priceTable_table tr:last-child th,
      .page-shin-narasino-kominkan .cn6 .priceTable_table tr:last-child td {
        border-bottom: none; }
      .page-mihana-kominkan .cn6 .priceTable_table th:last-child,
      .page-mihana-kominkan .cn6 .priceTable_table td:last-child,
      .page-sodegaura-kominkan .cn6 .priceTable_table th:last-child,
      .page-sodegaura-kominkan .cn6 .priceTable_table td:last-child,
      .page-yatsu-kominkan .cn6 .priceTable_table th:last-child,
      .page-yatsu-kominkan .cn6 .priceTable_table td:last-child,
      .page-shin-narasino-kominkan .cn6 .priceTable_table th:last-child,
      .page-shin-narasino-kominkan .cn6 .priceTable_table td:last-child {
        border-right: none; }
    .page-mihana-kominkan .cn6 .priceTable_note,
    .page-sodegaura-kominkan .cn6 .priceTable_note,
    .page-yatsu-kominkan .cn6 .priceTable_note,
    .page-shin-narasino-kominkan .cn6 .priceTable_note {
      margin-top: 25px;
      padding: 0;
      list-style: none;
      font-size: 16px;
      line-height: 1.8;
      color: #555; }
      @media all and (max-width: 1024px) {
        .page-mihana-kominkan .cn6 .priceTable_note,
        .page-sodegaura-kominkan .cn6 .priceTable_note,
        .page-yatsu-kominkan .cn6 .priceTable_note,
        .page-shin-narasino-kominkan .cn6 .priceTable_note {
          margin-top: 10px;
          font-size: 14px; } }
      .page-mihana-kominkan .cn6 .priceTable_note li,
      .page-sodegaura-kominkan .cn6 .priceTable_note li,
      .page-yatsu-kominkan .cn6 .priceTable_note li,
      .page-shin-narasino-kominkan .cn6 .priceTable_note li {
        position: relative;
        padding-left: 1em;
        line-height: 1.6;
        transform: rotate(0.03deg); }
        .page-mihana-kominkan .cn6 .priceTable_note li::before,
        .page-sodegaura-kominkan .cn6 .priceTable_note li::before,
        .page-yatsu-kominkan .cn6 .priceTable_note li::before,
        .page-shin-narasino-kominkan .cn6 .priceTable_note li::before {
          content: "※";
          position: absolute;
          left: 0;
          top: 0; }
      .page-mihana-kominkan .cn6 .priceTable_note li + li,
      .page-sodegaura-kominkan .cn6 .priceTable_note li + li,
      .page-yatsu-kominkan .cn6 .priceTable_note li + li,
      .page-shin-narasino-kominkan .cn6 .priceTable_note li + li {
        margin-top: 5px; }
.page-mihana-kominkan .cn7,
.page-sodegaura-kominkan .cn7,
.page-yatsu-kominkan .cn7,
.page-shin-narasino-kominkan .cn7 {
  position: relative;
  padding: clamp(80px, 18vw, 260px) 0px clamp(20px, 4vw, 100px);
  background: #e7fbfb; }
  .page-mihana-kominkan .cn7::before,
  .page-sodegaura-kominkan .cn7::before,
  .page-yatsu-kominkan .cn7::before,
  .page-shin-narasino-kominkan .cn7::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1920/376;
    background: url("img/mihanaBg3-1.webp") no-repeat center top/cover;
    z-index: 0; }
  .page-mihana-kominkan .cn7 > *,
  .page-sodegaura-kominkan .cn7 > *,
  .page-yatsu-kominkan .cn7 > *,
  .page-shin-narasino-kominkan .cn7 > * {
    position: relative;
    z-index: 1; }
  .page-mihana-kominkan .cn7 .map,
  .page-sodegaura-kominkan .cn7 .map,
  .page-yatsu-kominkan .cn7 .map,
  .page-shin-narasino-kominkan .cn7 .map {
    width: 100%;
    aspect-ratio: 16/9;
    margin-bottom: 30px;
    max-height: 500px; }
    .page-mihana-kominkan .cn7 .map iframe,
    .page-sodegaura-kominkan .cn7 .map iframe,
    .page-yatsu-kominkan .cn7 .map iframe,
    .page-shin-narasino-kominkan .cn7 .map iframe {
      width: 100%;
      height: 100%;
      border: 0; }
  .page-mihana-kominkan .cn7 .trafficGuide,
  .page-sodegaura-kominkan .cn7 .trafficGuide,
  .page-yatsu-kominkan .cn7 .trafficGuide,
  .page-shin-narasino-kominkan .cn7 .trafficGuide {
    margin-top: 20px;
    color: #4d4d4d; }
    .page-mihana-kominkan .cn7 .trafficGuide_tit,
    .page-sodegaura-kominkan .cn7 .trafficGuide_tit,
    .page-yatsu-kominkan .cn7 .trafficGuide_tit,
    .page-shin-narasino-kominkan .cn7 .trafficGuide_tit {
      position: relative;
      margin-bottom: 10px;
      padding-left: 22px;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      color: #4d4d4d;
      transform: rotate(0.03deg); }
      .page-mihana-kominkan .cn7 .trafficGuide_tit::before,
      .page-sodegaura-kominkan .cn7 .trafficGuide_tit::before,
      .page-yatsu-kominkan .cn7 .trafficGuide_tit::before,
      .page-shin-narasino-kominkan .cn7 .trafficGuide_tit::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #1f2a44;
        transform: translateY(-50%); }
      @media all and (max-width: 1024px) {
        .page-mihana-kominkan .cn7 .trafficGuide_tit,
        .page-sodegaura-kominkan .cn7 .trafficGuide_tit,
        .page-yatsu-kominkan .cn7 .trafficGuide_tit,
        .page-shin-narasino-kominkan .cn7 .trafficGuide_tit {
          margin-bottom: 5px;
          padding-left: 18px;
          font-size: 16px; }
          .page-mihana-kominkan .cn7 .trafficGuide_tit::before,
          .page-sodegaura-kominkan .cn7 .trafficGuide_tit::before,
          .page-yatsu-kominkan .cn7 .trafficGuide_tit::before,
          .page-shin-narasino-kominkan .cn7 .trafficGuide_tit::before {
            width: 7px;
            height: 7px; } }
    .page-mihana-kominkan .cn7 .trafficGuide_block + .trafficGuide_block,
    .page-sodegaura-kominkan .cn7 .trafficGuide_block + .trafficGuide_block,
    .page-yatsu-kominkan .cn7 .trafficGuide_block + .trafficGuide_block,
    .page-shin-narasino-kominkan .cn7 .trafficGuide_block + .trafficGuide_block {
      margin-top: 20px; }
      @media all and (max-width: 1024px) {
        .page-mihana-kominkan .cn7 .trafficGuide_block + .trafficGuide_block,
        .page-sodegaura-kominkan .cn7 .trafficGuide_block + .trafficGuide_block,
        .page-yatsu-kominkan .cn7 .trafficGuide_block + .trafficGuide_block,
        .page-shin-narasino-kominkan .cn7 .trafficGuide_block + .trafficGuide_block {
          margin-top: 15px; } }
    .page-mihana-kominkan .cn7 .trafficGuide_heading,
    .page-sodegaura-kominkan .cn7 .trafficGuide_heading,
    .page-yatsu-kominkan .cn7 .trafficGuide_heading,
    .page-shin-narasino-kominkan .cn7 .trafficGuide_heading {
      margin-bottom: 10px;
      font-weight: 700;
      color: #4d4d4d;
      transform: rotate(0.03deg); }
      @media all and (max-width: 1024px) {
        .page-mihana-kominkan .cn7 .trafficGuide_heading,
        .page-sodegaura-kominkan .cn7 .trafficGuide_heading,
        .page-yatsu-kominkan .cn7 .trafficGuide_heading,
        .page-shin-narasino-kominkan .cn7 .trafficGuide_heading {
          margin-bottom: 10px;
          font-size: 16px; } }
  .page-mihana-kominkan .cn7 .trafficGuide_list,
  .page-sodegaura-kominkan .cn7 .trafficGuide_list,
  .page-yatsu-kominkan .cn7 .trafficGuide_list,
  .page-shin-narasino-kominkan .cn7 .trafficGuide_list {
    margin: 0;
    padding: 0;
    list-style: none;
    transform: rotate(0.03deg); }
    .page-mihana-kominkan .cn7 .trafficGuide_list li + li,
    .page-sodegaura-kominkan .cn7 .trafficGuide_list li + li,
    .page-yatsu-kominkan .cn7 .trafficGuide_list li + li,
    .page-shin-narasino-kominkan .cn7 .trafficGuide_list li + li {
      margin-top: 20px; }
      @media all and (max-width: 1024px) {
        .page-mihana-kominkan .cn7 .trafficGuide_list li + li,
        .page-sodegaura-kominkan .cn7 .trafficGuide_list li + li,
        .page-yatsu-kominkan .cn7 .trafficGuide_list li + li,
        .page-shin-narasino-kominkan .cn7 .trafficGuide_list li + li {
          margin-top: 15px; } }
  .page-mihana-kominkan .cn7 .trafficGuide_text,
  .page-sodegaura-kominkan .cn7 .trafficGuide_text,
  .page-yatsu-kominkan .cn7 .trafficGuide_text,
  .page-shin-narasino-kominkan .cn7 .trafficGuide_text {
    line-height: 1.8;
    transform: rotate(0.03deg); }
    @media all and (max-width: 1024px) {
      .page-mihana-kominkan .cn7 .trafficGuide_text,
      .page-sodegaura-kominkan .cn7 .trafficGuide_text,
      .page-yatsu-kominkan .cn7 .trafficGuide_text,
      .page-shin-narasino-kominkan .cn7 .trafficGuide_text {
        font-size: 14px; } }
  .page-mihana-kominkan .cn7 .trafficGuide_link,
  .page-sodegaura-kominkan .cn7 .trafficGuide_link,
  .page-yatsu-kominkan .cn7 .trafficGuide_link,
  .page-shin-narasino-kominkan .cn7 .trafficGuide_link {
    margin-top: 5px;
    transform: rotate(0.03deg); }
    .page-mihana-kominkan .cn7 .trafficGuide_link a,
    .page-sodegaura-kominkan .cn7 .trafficGuide_link a,
    .page-yatsu-kominkan .cn7 .trafficGuide_link a,
    .page-shin-narasino-kominkan .cn7 .trafficGuide_link a {
      display: inline-block;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.8;
      color: #2296d2;
      text-decoration: underline;
      text-underline-offset: 3px;
      word-break: break-word;
      transform: rotate(0.03deg); }
      @media all and (max-width: 1024px) {
        .page-mihana-kominkan .cn7 .trafficGuide_link a,
        .page-sodegaura-kominkan .cn7 .trafficGuide_link a,
        .page-yatsu-kominkan .cn7 .trafficGuide_link a,
        .page-shin-narasino-kominkan .cn7 .trafficGuide_link a {
          font-size: 14px;
          line-height: 1.8; } }
.page-mihana-kominkan footer,
.page-sodegaura-kominkan footer,
.page-yatsu-kominkan footer,
.page-shin-narasino-kominkan footer {
  background: linear-gradient(to bottom, #e7fbfb 50%, #409ed7 50%); }
  .page-mihana-kominkan footer .hallInfo .hallInfo_inner,
  .page-sodegaura-kominkan footer .hallInfo .hallInfo_inner,
  .page-yatsu-kominkan footer .hallInfo .hallInfo_inner,
  .page-shin-narasino-kominkan footer .hallInfo .hallInfo_inner {
    background: #FFF; }

/****************************************


新着情報　一覧


*****************************************/
.archive .pageTit,
.single .pageTit,
.page .pageTit {
  display: flex; }
  .archive .pageTit .obi1,
  .single .pageTit .obi1,
  .page .pageTit .obi1 {
    flex: 1;
    box-sizing: border-box;
    background: #00c4c6;
    border-radius: 0 10px 10px 0;
    margin-right: 20px; }
    @media all and (max-width: 1024px) {
      .archive .pageTit .obi1,
      .single .pageTit .obi1,
      .page .pageTit .obi1 {
        display: none; } }
  .archive .pageTit .obi2,
  .single .pageTit .obi2,
  .page .pageTit .obi2 {
    flex: 1;
    background: #00c4c6; }
    @media all and (max-width: 1024px) {
      .archive .pageTit .obi2,
      .single .pageTit .obi2,
      .page .pageTit .obi2 {
        display: none; } }
  .archive .pageTit .inner,
  .single .pageTit .inner,
  .page .pageTit .inner {
    display: flex;
    align-items: stretch;
    gap: 20px; }
    @media all and (max-width: 1024px) {
      .archive .pageTit .inner,
      .single .pageTit .inner,
      .page .pageTit .inner {
        gap: 0; } }
  .archive .pageTit .pageLogo,
  .single .pageTit .pageLogo,
  .page .pageTit .pageLogo {
    flex: 0 0 auto;
    width: 220px; }
    @media all and (max-width: 1024px) {
      .archive .pageTit .pageLogo,
      .single .pageTit .pageLogo,
      .page .pageTit .pageLogo {
        width: 110px; } }
    .archive .pageTit .pageLogo img,
    .single .pageTit .pageLogo img,
    .page .pageTit .pageLogo img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 10px; }
  .archive .pageTit h2,
  .single .pageTit h2,
  .page .pageTit h2 {
    flex: 1;
    display: flex;
    align-items: center;
    min-height: 90px;
    margin: 0;
    padding: 0 40px;
    background: #00c4c6;
    font-size: 44px;
    color: #fff;
    border-radius: 10px 0 0 10px; }
    @media all and (max-width: 1024px) {
      .archive .pageTit h2,
      .single .pageTit h2,
      .page .pageTit h2 {
        min-height: 70px;
        padding: 5px 20px;
        box-sizing: border-box;
        font-size: 26px;
        border-radius: 10px;
        text-align: center;
        justify-content: center; } }
.archive .topicPath,
.single .topicPath,
.page .topicPath {
  margin-top: 30px;
  margin-bottom: 40px; }
  .archive .topicPath ol,
  .single .topicPath ol,
  .page .topicPath ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none; }
  .archive .topicPath li,
  .single .topicPath li,
  .page .topicPath li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #666; }
  .archive .topicPath li:not(:last-child)::after,
  .single .topicPath li:not(:last-child)::after,
  .page .topicPath li:not(:last-child)::after {
    content: ">";
    margin: 0 12px;
    color: #999; }
  .archive .topicPath a,
  .archive .topicPath span,
  .single .topicPath a,
  .single .topicPath span,
  .page .topicPath a,
  .page .topicPath span {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    transform: rotate(0.03deg); }
  @media all and (max-width: 1024px) {
    .archive .topicPath,
    .single .topicPath,
    .page .topicPath {
      margin-top: 15px; }
      .archive .topicPath li,
      .single .topicPath li,
      .page .topicPath li {
        font-size: 12px; }
      .archive .topicPath li:not(:last-child)::after,
      .single .topicPath li:not(:last-child)::after,
      .page .topicPath li:not(:last-child)::after {
        margin: 0 10px; } }

.pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
  margin-bottom: 60px; }
  .pager .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 30px;
    border: 1px solid #00c4c6;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: #00c4c6;
    background: #fff;
    box-sizing: border-box;
    transition: 0.8s ease-in-out; }
    .pager .page-numbers.current {
      color: #fff;
      background: #00c4c6;
      pointer-events: none;
      cursor: default; }
    .pager .page-numbers.prev, .pager .page-numbers.next {
      position: relative;
      width: 30px;
      height: 50px;
      border: 0;
      background: transparent; }
    .pager .page-numbers.prev::before, .pager .page-numbers.next::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      transform: translate(-50%, -50%); }
    .pager .page-numbers.prev::before {
      border-right: 15px solid #999; }
    .pager .page-numbers.next::before {
      border-left: 15px solid #999; }
    .pager .page-numbers.is-disabled {
      pointer-events: none;
      opacity: 0.35; }
    .pager .page-numbers:not(.current):not(.is-disabled):hover {
      background: #f5f7fa; }
  @media all and (max-width: 1024px) {
    .pager {
      gap: 10px;
      margin-top: 30px; }
      .pager .page-numbers {
        width: 40px;
        height: 40px;
        font-size: 24px; }
        .pager .page-numbers.prev, .pager .page-numbers.next {
          width: 25px;
          height: 40px; }
        .pager .page-numbers.prev::before, .pager .page-numbers.next::before {
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent; }
        .pager .page-numbers.prev::before {
          border-right: 12px solid #999; }
        .pager .page-numbers.next::before {
          border-left: 12px solid #999; } }

/****************************************


新着情報　詳細ページ


*****************************************/
.single .post .postTit {
  display: block;
  padding: 15px 20px;
  margin-bottom: 20px;
  background: #185fd4;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.6;
  color: #fff;
  border-radius: 10px;
  box-sizing: border-box; }
  @media all and (max-width: 1024px) {
    .single .post .postTit {
      padding: 10px 15px;
      font-size: 18px;
      line-height: 1.4; } }
.single .post .meta {
  display: flex;
  gap: 20px;
  margin-bottom: 30px; }

/****************************************


習志野公民館


*****************************************/
.page header .globalNav ul li a:before,
.single-emergency header .globalNav ul li a:before {
  border-left: 7px solid #188bd4; }
.page header .globalNav ul li a:hover,
.single-emergency header .globalNav ul li a:hover {
  background: #188bd4; }
  .page header .globalNav ul li a:hover:before,
  .single-emergency header .globalNav ul li a:hover:before {
    border-left: 7px solid #FFF; }
.page .pageTit .obi1,
.page .pageTit h2,
.page .pageTit .obi2,
.single-emergency .pageTit .obi1,
.single-emergency .pageTit h2,
.single-emergency .pageTit .obi2 {
  background: #188bd4; }

/****************************************


実花公民館


*****************************************/
.page-mihana-kominkan header .globalNav ul li a:before,
.post-type-archive-mihana header .globalNav ul li a:before,
.single-mihana header .globalNav ul li a:before {
  border-left: 7px solid #00c4c6; }
.page-mihana-kominkan header .globalNav ul li a:hover,
.post-type-archive-mihana header .globalNav ul li a:hover,
.single-mihana header .globalNav ul li a:hover {
  background: #00c4c6; }
  .page-mihana-kominkan header .globalNav ul li a:hover:before,
  .post-type-archive-mihana header .globalNav ul li a:hover:before,
  .single-mihana header .globalNav ul li a:hover:before {
    border-left: 7px solid #FFF; }
.page-mihana-kominkan h2.tit::after,
.post-type-archive-mihana h2.tit::after,
.single-mihana h2.tit::after {
  background: #7fe1e2; }
.page-mihana-kominkan .cn3 h2.tit::after,
.page-mihana-kominkan .cn5 h2.tit::after,
.page-mihana-kominkan .cn7 h2.tit::after,
.post-type-archive-mihana .cn3 h2.tit::after,
.post-type-archive-mihana .cn5 h2.tit::after,
.post-type-archive-mihana .cn7 h2.tit::after,
.single-mihana .cn3 h2.tit::after,
.single-mihana .cn5 h2.tit::after,
.single-mihana .cn7 h2.tit::after {
  background: #FFF; }
.page-mihana-kominkan .cn4 .pcv .map,
.post-type-archive-mihana .cn4 .pcv .map,
.single-mihana .cn4 .pcv .map {
  max-width: 350px; }
  @media all and (max-width: 1024px) {
    .page-mihana-kominkan .cn4 .pcv .map,
    .post-type-archive-mihana .cn4 .pcv .map,
    .single-mihana .cn4 .pcv .map {
      max-width: 60%; } }
.page-mihana-kominkan .post .postTit,
.post-type-archive-mihana .post .postTit,
.single-mihana .post .postTit {
  background: #00c4c6; }
.page-mihana-kominkan .post .postCn h1,
.post-type-archive-mihana .post .postCn h1,
.single-mihana .post .postCn h1 {
  background: #CEF4F4; }
.page-mihana-kominkan .post .postCn h2,
.post-type-archive-mihana .post .postCn h2,
.single-mihana .post .postCn h2 {
  border: solid 1px #00c4c6; }
.page-mihana-kominkan .post .postCn h3,
.post-type-archive-mihana .post .postCn h3,
.single-mihana .post .postCn h3 {
  border-bottom: dotted 1px #00c4c6; }
.page-mihana-kominkan .post .postCn h4:before,
.post-type-archive-mihana .post .postCn h4:before,
.single-mihana .post .postCn h4:before {
  background: #00c4c6; }
.page-mihana-kominkan .post .btnWrap a,
.post-type-archive-mihana .post .btnWrap a,
.single-mihana .post .btnWrap a {
  background: #00c4c6; }
  .page-mihana-kominkan .post .btnWrap a:hover,
  .post-type-archive-mihana .post .btnWrap a:hover,
  .single-mihana .post .btnWrap a:hover {
    background: #009293; }

/****************************************


袖ケ浦公民館


*****************************************/
.page-sodegaura-kominkan header .globalNav ul li a:before,
.post-type-archive-sodegaura header .globalNav ul li a:before,
.single-sodegaura header .globalNav ul li a:before {
  border-left: 7px solid #0297c8; }
.page-sodegaura-kominkan header .globalNav ul li a:hover,
.post-type-archive-sodegaura header .globalNav ul li a:hover,
.single-sodegaura header .globalNav ul li a:hover {
  background: #0297c8; }
  .page-sodegaura-kominkan header .globalNav ul li a:hover:before,
  .post-type-archive-sodegaura header .globalNav ul li a:hover:before,
  .single-sodegaura header .globalNav ul li a:hover:before {
    border-left: 7px solid #FFF; }
.page-sodegaura-kominkan .pageTit .obi1,
.page-sodegaura-kominkan .pageTit h2,
.page-sodegaura-kominkan .pageTit .obi2,
.post-type-archive-sodegaura .pageTit .obi1,
.post-type-archive-sodegaura .pageTit h2,
.post-type-archive-sodegaura .pageTit .obi2,
.single-sodegaura .pageTit .obi1,
.single-sodegaura .pageTit h2,
.single-sodegaura .pageTit .obi2 {
  background: #0297c8; }
.page-sodegaura-kominkan .newsCatList li button,
.page-sodegaura-kominkan .newsCatList li a,
.post-type-archive-sodegaura .newsCatList li button,
.post-type-archive-sodegaura .newsCatList li a,
.single-sodegaura .newsCatList li button,
.single-sodegaura .newsCatList li a {
  border: 2px solid #0297c8; }
.page-sodegaura-kominkan .newsCatList li.is-active button,
.page-sodegaura-kominkan .newsCatList li.is-active a,
.post-type-archive-sodegaura .newsCatList li.is-active button,
.post-type-archive-sodegaura .newsCatList li.is-active a,
.single-sodegaura .newsCatList li.is-active button,
.single-sodegaura .newsCatList li.is-active a {
  background: #0297c8;
  color: #fff; }
.page-sodegaura-kominkan .newsCatList li button:hover,
.page-sodegaura-kominkan .newsCatList li a:hover,
.post-type-archive-sodegaura .newsCatList li button:hover,
.post-type-archive-sodegaura .newsCatList li a:hover,
.single-sodegaura .newsCatList li button:hover,
.single-sodegaura .newsCatList li a:hover {
  background: #0297c8;
  color: #fff; }
.page-sodegaura-kominkan .post .postTit,
.post-type-archive-sodegaura .post .postTit,
.single-sodegaura .post .postTit {
  background: #0297c8; }
.page-sodegaura-kominkan .post .postCn h1,
.post-type-archive-sodegaura .post .postCn h1,
.single-sodegaura .post .postCn h1 {
  background: #B6E7F7; }
.page-sodegaura-kominkan .post .postCn h2,
.post-type-archive-sodegaura .post .postCn h2,
.single-sodegaura .post .postCn h2 {
  border: solid 1px #0297c8; }
.page-sodegaura-kominkan .post .postCn h3,
.post-type-archive-sodegaura .post .postCn h3,
.single-sodegaura .post .postCn h3 {
  border-bottom: dotted 1px #0297c8; }
.page-sodegaura-kominkan .post .postCn h4:before,
.post-type-archive-sodegaura .post .postCn h4:before,
.single-sodegaura .post .postCn h4:before {
  background: #0297c8; }
.page-sodegaura-kominkan .post .btnWrap a,
.post-type-archive-sodegaura .post .btnWrap a,
.single-sodegaura .post .btnWrap a {
  background: #0297c8; }
  .page-sodegaura-kominkan .post .btnWrap a:hover,
  .post-type-archive-sodegaura .post .btnWrap a:hover,
  .single-sodegaura .post .btnWrap a:hover {
    background: #017196; }

.page-sodegaura-kominkan h2.tit::after {
  background: #c5dbf6; }
.page-sodegaura-kominkan .cn3 h2.tit::after,
.page-sodegaura-kominkan .cn5 h2.tit::after,
.page-sodegaura-kominkan .cn7 h2.tit::after {
  background: #FFF; }
.page-sodegaura-kominkan .cn3 {
  background: #e6f8fe; }
  .page-sodegaura-kominkan .cn3:before {
    background-image: url(img/sodegauraBg1-1.webp); }
  .page-sodegaura-kominkan .cn3:after {
    background-image: url(img/sodegauraBg1-2.webp); }
.page-sodegaura-kominkan .cn4 .pcv .map {
  max-width: 600px; }
.page-sodegaura-kominkan .cn4 .floor_item_inner {
  background: #e6f8fe; }
.page-sodegaura-kominkan .cn5 {
  background: #e6f8fe; }
  .page-sodegaura-kominkan .cn5:before {
    background-image: url(img/sodegauraBg2-1.webp); }
  .page-sodegaura-kominkan .cn5:after {
    background-image: url(img/sodegauraBg2-2.webp); }
.page-sodegaura-kominkan .cn6 .priceTable_table thead th {
  background: #1e8ebc; }
.page-sodegaura-kominkan .cn6 .priceTable_table tbody th {
  background: #c6e4ee; }
.page-sodegaura-kominkan .cn6 .priceTable_table tbody td {
  background: #e5f4fa; }
.page-sodegaura-kominkan .cn6 .priceTable_table thead th:first-child {
  width: 250px; }
  @media all and (max-width: 1024px) {
    .page-sodegaura-kominkan .cn6 .priceTable_table thead th:first-child {
      width: 180px; } }
.page-sodegaura-kominkan .cn6 .priceTable_table tbody th {
  width: 250px;
  white-space: normal; }
  @media all and (max-width: 1024px) {
    .page-sodegaura-kominkan .cn6 .priceTable_table tbody th {
      width: 180px; } }
.page-sodegaura-kominkan .cn7 {
  background: #e6f8fe; }
  .page-sodegaura-kominkan .cn7:before {
    background: url(img/sodegauraBg3-1.webp) no-repeat center top/cover; }
.page-sodegaura-kominkan footer {
  background: linear-gradient(to bottom, #e6f8fe 50%, #409ed7 50%); }

/****************************************


谷津公民館


*****************************************/
.page-yatsu-kominkan header .globalNav ul li a:before,
.post-type-archive-yatsu header .globalNav ul li a:before,
.single-yatsu header .globalNav ul li a:before {
  border-left: 7px solid #5d60da; }
.page-yatsu-kominkan header .globalNav ul li a:hover,
.post-type-archive-yatsu header .globalNav ul li a:hover,
.single-yatsu header .globalNav ul li a:hover {
  background: #5d60da; }
  .page-yatsu-kominkan header .globalNav ul li a:hover:before,
  .post-type-archive-yatsu header .globalNav ul li a:hover:before,
  .single-yatsu header .globalNav ul li a:hover:before {
    border-left: 7px solid #FFF; }
.page-yatsu-kominkan .pageTit .obi1,
.page-yatsu-kominkan .pageTit h2,
.page-yatsu-kominkan .pageTit .obi2,
.post-type-archive-yatsu .pageTit .obi1,
.post-type-archive-yatsu .pageTit h2,
.post-type-archive-yatsu .pageTit .obi2,
.single-yatsu .pageTit .obi1,
.single-yatsu .pageTit h2,
.single-yatsu .pageTit .obi2 {
  background: #5d60da; }
.page-yatsu-kominkan .newsCatList li button,
.page-yatsu-kominkan .newsCatList li a,
.post-type-archive-yatsu .newsCatList li button,
.post-type-archive-yatsu .newsCatList li a,
.single-yatsu .newsCatList li button,
.single-yatsu .newsCatList li a {
  border: 2px solid #5d60da; }
.page-yatsu-kominkan .newsCatList li.is-active button,
.page-yatsu-kominkan .newsCatList li.is-active a,
.post-type-archive-yatsu .newsCatList li.is-active button,
.post-type-archive-yatsu .newsCatList li.is-active a,
.single-yatsu .newsCatList li.is-active button,
.single-yatsu .newsCatList li.is-active a {
  background: #5d60da;
  color: #fff; }
.page-yatsu-kominkan .newsCatList li button:hover,
.page-yatsu-kominkan .newsCatList li a:hover,
.post-type-archive-yatsu .newsCatList li button:hover,
.post-type-archive-yatsu .newsCatList li a:hover,
.single-yatsu .newsCatList li button:hover,
.single-yatsu .newsCatList li a:hover {
  background: #5d60da;
  color: #fff; }
.page-yatsu-kominkan .post .postTit,
.post-type-archive-yatsu .post .postTit,
.single-yatsu .post .postTit {
  background: #5d60da; }
.page-yatsu-kominkan .post .postCn h1,
.post-type-archive-yatsu .post .postCn h1,
.single-yatsu .post .postCn h1 {
  background: #BDBEF5; }
.page-yatsu-kominkan .post .postCn h2,
.post-type-archive-yatsu .post .postCn h2,
.single-yatsu .post .postCn h2 {
  border: solid 1px #5d60da; }
.page-yatsu-kominkan .post .postCn h3,
.post-type-archive-yatsu .post .postCn h3,
.single-yatsu .post .postCn h3 {
  border-bottom: dotted 1px #5d60da; }
.page-yatsu-kominkan .post .postCn h4:before,
.post-type-archive-yatsu .post .postCn h4:before,
.single-yatsu .post .postCn h4:before {
  background: #5d60da; }
.page-yatsu-kominkan .post .btnWrap a,
.post-type-archive-yatsu .post .btnWrap a,
.single-yatsu .post .btnWrap a {
  background: #5d60da; }
  .page-yatsu-kominkan .post .btnWrap a:hover,
  .post-type-archive-yatsu .post .btnWrap a:hover,
  .single-yatsu .post .btnWrap a:hover {
    background: #3337d1; }

.page-yatsu-kominkan h2.tit::after {
  background: #c2c3f3; }
.page-yatsu-kominkan .cn3 h2.tit::after,
.page-yatsu-kominkan .cn5 h2.tit::after,
.page-yatsu-kominkan .cn7 h2.tit::after {
  background: #FFF; }
.page-yatsu-kominkan .cn3 {
  background: #e7e7fd; }
  .page-yatsu-kominkan .cn3:before {
    background-image: url(img/yatsuBg1-1.webp); }
  .page-yatsu-kominkan .cn3:after {
    background-image: url(img/yatsuBg1-2.webp); }
.page-yatsu-kominkan .cn4 .pcv .map {
  max-width: 600px; }
.page-yatsu-kominkan .cn4 .floor_item_inner {
  background: #e7e7fd; }
.page-yatsu-kominkan .cn5 {
  background: #e7e7fd; }
  .page-yatsu-kominkan .cn5:before {
    background-image: url(img/yatsuBg2-1.webp); }
  .page-yatsu-kominkan .cn5:after {
    background-image: url(img/yatsuBg2-2.webp); }
.page-yatsu-kominkan .cn6 .priceTable_table thead th {
  background: #505ba8; }
.page-yatsu-kominkan .cn6 .priceTable_table tbody th {
  background: #cdd4eb; }
.page-yatsu-kominkan .cn6 .priceTable_table tbody td {
  background: #dfe4f3; }
.page-yatsu-kominkan .cn6 .priceTable_table thead th:first-child {
  width: 250px; }
.page-yatsu-kominkan .cn6 .priceTable_table tbody th {
  width: 250px;
  white-space: normal; }
.page-yatsu-kominkan .cn7 {
  background: #e7e7fd; }
  .page-yatsu-kominkan .cn7:before {
    background: url(img/yatsuBg3-1.webp) no-repeat center top/cover; }
.page-yatsu-kominkan footer {
  background: linear-gradient(to bottom, #e7e7fd 50%, #409ed7 50%); }

/****************************************


新習志野公民館


*****************************************/
.page-shin-narasino-kominkan header .globalNav ul li a:before,
.post-type-archive-shinnarashino header .globalNav ul li a:before,
.single-shinnarashino header .globalNav ul li a:before {
  border-left: 7px solid #185fd4; }
.page-shin-narasino-kominkan header .globalNav ul li a:hover,
.post-type-archive-shinnarashino header .globalNav ul li a:hover,
.single-shinnarashino header .globalNav ul li a:hover {
  background: #185fd4; }
  .page-shin-narasino-kominkan header .globalNav ul li a:hover:before,
  .post-type-archive-shinnarashino header .globalNav ul li a:hover:before,
  .single-shinnarashino header .globalNav ul li a:hover:before {
    border-left: 7px solid #FFF; }
.page-shin-narasino-kominkan .pageTit .obi1,
.page-shin-narasino-kominkan .pageTit h2,
.page-shin-narasino-kominkan .pageTit .obi2,
.post-type-archive-shinnarashino .pageTit .obi1,
.post-type-archive-shinnarashino .pageTit h2,
.post-type-archive-shinnarashino .pageTit .obi2,
.single-shinnarashino .pageTit .obi1,
.single-shinnarashino .pageTit h2,
.single-shinnarashino .pageTit .obi2 {
  background: #185fd4; }
.page-shin-narasino-kominkan .newsCatList li button,
.page-shin-narasino-kominkan .newsCatList li a,
.post-type-archive-shinnarashino .newsCatList li button,
.post-type-archive-shinnarashino .newsCatList li a,
.single-shinnarashino .newsCatList li button,
.single-shinnarashino .newsCatList li a {
  border: 2px solid #185fd4; }
.page-shin-narasino-kominkan .newsCatList li.is-active button,
.page-shin-narasino-kominkan .newsCatList li.is-active a,
.post-type-archive-shinnarashino .newsCatList li.is-active button,
.post-type-archive-shinnarashino .newsCatList li.is-active a,
.single-shinnarashino .newsCatList li.is-active button,
.single-shinnarashino .newsCatList li.is-active a {
  background: #185fd4;
  color: #fff; }
.page-shin-narasino-kominkan .newsCatList li button:hover,
.page-shin-narasino-kominkan .newsCatList li a:hover,
.post-type-archive-shinnarashino .newsCatList li button:hover,
.post-type-archive-shinnarashino .newsCatList li a:hover,
.single-shinnarashino .newsCatList li button:hover,
.single-shinnarashino .newsCatList li a:hover {
  background: #185fd4;
  color: #fff; }

.page-shin-narasino-kominkan h2.tit::after {
  background: #c5dbf6; }
.page-shin-narasino-kominkan .cn3 h2.tit::after,
.page-shin-narasino-kominkan .cn5 h2.tit::after,
.page-shin-narasino-kominkan .cn7 h2.tit::after {
  background: #FFF; }
.page-shin-narasino-kominkan .cn3 {
  background: #dfeaf9; }
  .page-shin-narasino-kominkan .cn3:before {
    background-image: url(img/shin-narasinoBg1-1.webp); }
  .page-shin-narasino-kominkan .cn3:after {
    background-image: url(img/shin-narasinoBg1-2.webp); }
.page-shin-narasino-kominkan .cn4 .pcv .map {
  max-width: 600px; }
.page-shin-narasino-kominkan .cn4 .floor_item_inner {
  background: #dfeaf9; }
.page-shin-narasino-kominkan .cn5 {
  background: #dfeaf9; }
  .page-shin-narasino-kominkan .cn5:before {
    background-image: url(img/shin-narasinoBg2-1.webp); }
  .page-shin-narasino-kominkan .cn5:after {
    background-image: url(img/shin-narasinoBg2-2.webp); }
.page-shin-narasino-kominkan .cn6 .priceTable_table {
  margin-bottom: 30px; }
  .page-shin-narasino-kominkan .cn6 .priceTable_table thead th {
    background: #235daa; }
  .page-shin-narasino-kominkan .cn6 .priceTable_table tbody th {
    background: #dfe7f3; }
  .page-shin-narasino-kominkan .cn6 .priceTable_table tbody td {
    background: #f2f6fc; }
.page-shin-narasino-kominkan .cn6 .priceTable_sub .priceTable_table {
  min-width: 500px;
  max-width: 100%;
  width: 500px; }
.page-shin-narasino-kominkan .cn7 {
  background: #dfeaf9; }
  .page-shin-narasino-kominkan .cn7:before {
    background: url(img/shin-narasinoBg3-1.webp) no-repeat center top/cover; }
.page-shin-narasino-kominkan footer {
  background: linear-gradient(to bottom, #dfeaf9 50%, #409ed7 50%); }

/****************************************


大切なお知らせ


*****************************************/
.single-emergency .post .postTit {
  background: #188bd4; }
.single-emergency .post .postCn h1 {
  background: #A3D1EF; }
.single-emergency .post .postCn h2 {
  border: solid 1px #188bd4; }
.single-emergency .post .postCn h3 {
  border-bottom: dotted 1px #188bd4; }
.single-emergency .post .postCn h4:before {
  background: #188bd4; }
.single-emergency .post .btnWrap a {
  background: #188bd4; }
  .single-emergency .post .btnWrap a:hover {
    background: #136da6; }

/****************************************


よくある質問


*****************************************/
.page-question .faq {
  padding: 20px 0 100px; }
  @media all and (max-width: 1024px) {
    .page-question .faq {
      padding: 20px 0 50px; } }
  .page-question .faq .faqSection {
    margin-top: 45px; }
    .page-question .faq .faqSection:first-child {
      margin-top: 0; }
    @media all and (max-width: 1024px) {
      .page-question .faq .faqSection {
        margin-top: 30px; } }
  .page-question .faq .faqSection_tit {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    margin: 0 0 25px;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #c8dcfa;
    border-radius: 5px;
    font-size: 22px;
    line-height: 1.4;
    color: #4a4a4a; }
    @media all and (max-width: 1024px) {
      .page-question .faq .faqSection_tit {
        gap: 5px;
        min-height: 45px;
        margin-bottom: 20px;
        padding: 10px 15px;
        font-size: 20px; } }
    .page-question .faq .faqSection_tit span {
      display: inline-block;
      flex: 0 0 auto;
      font-size: 22px;
      line-height: 1.4; }
      @media all and (max-width: 1024px) {
        .page-question .faq .faqSection_tit span {
          font-size: 20px; } }
  .page-question .faq .faqItem {
    margin-top: 35px; }
    .page-question .faq .faqItem:first-of-type {
      margin-top: 0; }
    @media all and (max-width: 1024px) {
      .page-question .faq .faqItem {
        margin-top: 25px; } }
  .page-question .faq .faqItem_q {
    margin-bottom: 10px; }
    @media all and (max-width: 1024px) {
      .page-question .faq .faqItem_q {
        margin-bottom: 10px; } }
    .page-question .faq .faqItem_q p {
      margin: 0;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.8;
      color: #4a4a4a;
      transform: rotate(0.03deg); }
      @media all and (max-width: 1024px) {
        .page-question .faq .faqItem_q p {
          font-size: 18px;
          line-height: 1.7; } }
  .page-question .faq .faqItem_a p {
    margin: 0;
    padding-left: 2em;
    font-size: 18px;
    line-height: 2;
    text-indent: -2em;
    color: #4a4a4a;
    transform: rotate(0.03deg); }
    @media all and (max-width: 1024px) {
      .page-question .faq .faqItem_a p {
        font-size: 16px;
        line-height: 1.9; } }

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