@charset "UTF-8";

/* CSS Document */
/* CHIBA-PORTTOWER CSS 20200513 */
/** COMMON **/
html, body {
  background-color: #00A0E9;
}

/** LINK **/
a {
  color: rgb(0, 48, 120)
}

a:hover {
  text-decoration: none;
}

a.link-globe::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054　\f0ac";
}

a.link-pensqr::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f044";
}

a.link-pensqr::before {
  content: ">　";
  font-family: "ryo-gothic-plusn";
  font-weight: 400;
  color: grey;
  text-decoration: none;
}

a[href^=tel]:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f098";
  margin-right: 0.5rem;
}

/** /LINK **/
/* BACKGROUND */
.bg-white {
  background-color: #fff;
}

/* /BACKGROUND */
/** BORDER **/
.b-white {
  border: solid #fff 1px;
}

.b-black {
  border: solid #000 1px;
}

.b-gray {
  border: solid #aaa 1px;
}

.b-blue {
  border: solid 1px #00A0E9;
  /* BLUE */
}

.b-green {
  border: solid 1px #00a99d;
}

.bb {
  border-bottom: solid 1px #000000;
}

.bb-blue, h2 {
  border-bottom: solid 1px #00A0E9;
  /* BLUE */
}

.bb2-blue {
  border-bottom: solid 2px #00A0E9;
  /* BLUE */
}

/** /BORDER **/
/* SHADOW */
.d-shadow {
  filter: drop-shadow(0px 0px 4px rgba(0, 100, 100, 0.6));
}

@media (min-width: 768px) {
  .d-shadow {
    filter: drop-shadow(0px 0px 8px rgba(0, 100, 100, 0.6));
  }
}

/* /SHADOW */
/* BOOTSTRAP TABLE NOBORDER  */
.table-borderless td,
.table-borderless th {
  border: 0;
}

/* /BOOTSTRAP TABLE NOBORDER  */
/** TEXT **/
/* COLOR */
.color-white {
  color: #fff;
}

.color-black {
  color: #000;
}

.color-blue {
  color: #00A0E9;
}

/* /COLOR
/* SIZE */
.text-ss {
  font-size: 0.8rem;
}

.text-s {
  font-size: 0.9rem;
}

.ls-15 {
  letter-spacing: 15px;
}

/** /SIZE **/
/* MIDASHI */
.top-main .midashi img {
  max-height: 35px;
}

.top-main h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

h2 {
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .top-main .midashi img {
    max-height: 45px;
  }
}

/* /MIDASHI */
/* FONT */
p {
  font-family: "YuGothic", "Yu Gothic Medium", "Hiragino Sans", "Meiryo", "sans-serif";
  font-weight: 400;
}

strong {
  font-family: "YuGothic Bold", "Yu Gothic", "Hiragino Sans";
  font-weight: 600;
}

.minchou-ryo-200 {
  font-family: "ryo-text-plusn", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 200;
  font-style: normal;
}

.minchou-ryo-400 {
  font-family: "ryo-text-plusn", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 400;
  font-style: normal;
}

h2, h3, .gothic-ryo-200, #global-menu {
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 200;
  font-style: normal;
}

h4, h5, h6, .gothic-ryo-400 {
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 400;
  font-style: normal;
}

.gothic-ryo-700 {
  font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 700;
  font-style: normal;
}

.minchou-han-200 {
  font-family: "source-han-serif-japanese", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 200;
  font-style: normal;
}

.minchou-tbud-500 {
  font-family: ".tk-tbudmincho-std", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 500;
  font-style: normal;
}

.minchou-tbud-900 {
  font-family: ".tk-tbudmincho-std", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-weight: 900;
  font-style: normal;
}

.minchou-ten-400 {
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
}

/** /FONT **/
/* /TEXT */
/** ANIMATION **/
.effect-fade {
  animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.effect-fadeup {
  opacity: 0;
  transform: translate(0, 45px);
  transition: all 1000ms;
}

.effect-fadeup.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

.hover-link {
  transform: scale(1.0);
  transition-duration: 0.3s;
}

.hover-link:hover {
  transform: scale(1.05);
  transition-duration: 0.3s;
}

/** ANIMATION **/
/** CONFIGURATION **/
.select-none {
  user-select: none;
  -webkit-user-select: none;
  touch-callout: none;
  -webkit-touch-callout: none;
  /* pointer-events: none; */
}

/** /CONFIGURATION **/
header {
  height: 100%;
}

/*「お問い合わせ」*/
#contact {
  padding-left: 56px;
}

#contact a {
  font-size: 1rem !important;
}

.wpcf7-form input, .wpcf7-form textarea {
  width: 100%;
}

@media (min-width: 768px) {
  #contact {
    /* display: block; */
    margin: 10px 10px 10px auto;
    width: 150px;
    height: 40px;
    padding: 10px 15px;
    border: solid 1px #00A0E9;
    transform:
      skew(calc((-15deg) / 2));
    /* calc((90deg - 欲しい角度) / 2) */
  }

  #contact a {
    padding: 5px;
    color: #00A0E9;
    font-size: 1.2rem;
    /* line-height: 0.8rem; */
  }
}

/*「お問い合わせ」*/
/** MENU **/
#global-menu {
  width: 100%;
  z-index: 30;
  /* background-color: #fff;
  background-image: url(../images/common/nav/nav_global_back.jpg);
  background-size: 125%;
  background-repeat: no-repeat;
  background-position: 50% 100%; */
}

/** BRAND **/
#global-brand {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 110px;
  /* margin-top: 5px;
  margin-bottom: 5px; */
  z-index: 35;
  background-color: #fff;
  background-image: url(../images/common/nav/nav_global_back.jpg);
  background-size: 140%;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

#global-brand img {
  width: 250px;
}

#brand {
  position: fixed;
  left: 10px;
}

/* HAM-BUTTON */
#global-brand #ham-button {
  position: fixed;
  top: 10px;
  right: 10px;
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0px;
  width: 35px;
  height: 45px;
  box-sizing: border-box;
}

#global-bar {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 58px;
  position: fixed;
}

/** NAVBAR BUTTON **/
#global-menu .navbar-toggler-bar {
  background-image: none;
  /* この行で背景画像を無効化 */
  background-color: #000;
  width: 35px;
  height: 2px;
  display: block;
  position: absolute;
  transition: ease .5s;
}

/* 3本のバーそれぞれの座標を設定 */
.navbar-toggler-bar:nth-of-type(1) {
  top: 7px;
}

.navbar-toggler-bar:nth-of-type(2) {
  top: 19px;
}

.navbar-toggler-bar:nth-of-type(3) {
  top: 31px;
}

/* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */
#ham-button[aria-expanded="true"] .navbar-toggler-bar:nth-of-type(1) {
  top: 13px;
  background-color: #000;
  z-index: 152;
  transform: rotate(45deg);
}

#ham-button[aria-expanded="true"] .navbar-toggler-bar:nth-of-type(2) {
  opacity: 0;
}

#ham-button[aria-expanded="true"] .navbar-toggler-bar:nth-of-type(3) {
  top: 13px;
  background-color: #000;
  z-index: 152;
  transform: rotate(-45deg);
}

/** /NAVBAR BUTTON **/
#menu-global-nav {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url(../images/common/menu_back.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 40% auto;
  background-color: rgba(0, 160, 233, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 30;
}

#menu-global-nav a {
  color: #fff;
  font-size: 1.4rem;
  text-shadow: 0px 0px 6px #333;
}

#menu-global-nav a span {
  font-size: 0.8rem;
}

#menu-global-nav a span::before {
  content: "　　";
  /* content: "\A";
  white-space: pre; */
}

#menu-global-nav a:hover, #menu-global-nav a.active {
  color: #a0eeea;
}

#menu-global-nav .d-flex {
  /* height: 100%; */
}

#menu-global-nav ul {
  list-style: none;
}

#menu-global-nav ul li {
  /* height: 60px; */
}

#menu-global-nav ul li::before {
  /* content: "\200B"; */
}

#menu-global-nav[aria-expanded="true"] {
  /* display: block; */
  opacity: 1;
  -webkit-transition: opacity .8s ease;
  -ms- transition: opacity .8s ease;
  -moz- transition: opacity .8s ease;
  transition: opacity .8s ease;
  pointer-events: auto;
}

#menu-global-nav[aria-expanded="false"] {
  opacity: 0;
  -webkit-transition: opacity .8s ease;
  -ms- transition: opacity .8s ease;
  -moz- transition: opacity .8s ease;
  transition: opacity .8s ease;
  pointer-events: none;
}

#menu-sub-guidance-nav, #menu-sub-frmk-nav {
  z-index: 30;
  /* display: none; */
}

#menu-sub-guidance-nav[aria-expanded="false"] {
  /* visibility: hidden; */
  /* opacity: 0;
  -webkit-transition: opacity .8s ease;
  -ms- transition: opacity .8s ease;
  -moz- transition: opacity .8s ease;
  transition: opacity .8s ease; */
}

.container>.navbar-header {
  padding: 0px;
  height: 80px;
}

#menu-global-nav>div:first-child {
  /* background-color: rgba(255, 255, 255, 1); */
  /* background-image: url(../images/GLOBAL/title_back01@2x.png);
  background-size: cover; */
}

/* .navbar-default .navbar-nav>.active>a {
  color: #00A0E9;
  background-color: rgba(255, 255, 255, 0.9);
}

.navbar-default .navbar-nav>.active>a:hover {
  color: #00A0E9;
  background-color: rgba(255, 255, 255, 0.5);
} */
/* #menu-global-nav .navbar-nav li {
  background-color: #00A0E9;
} */
/* #menu-global-nav .navbar-nav li>a {
  color: #fff;
} */
/* .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  border: 1px solid #00A0E9;
  color: #00A0E9;
  background-color: #00416D;
} */
@media (min-width: 768px) {
  #global-menu {
    position: fixed;
    height: 130px;
    background-color: #00A0E9;
    background-size: contain;
    background-position: 50% 0%;
  }

  #global-brand {
    width: 100%;
    height: 180px;
    z-index: 30;
    /* background-image: none;
    background-color: transparent; */
    position: fixed;
    background-color: #00A0E9;
    background-size: contain;
    background-position: 50% 0%;
  }

  #global-brand img {
    width: 300px;
  }

  #global-bar {
    background-color: transparent;
  }

  #menu-global-nav {
    position: relative;
    top: 80px;
    height: 50px;
    /* display: block; */
    background-color: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transform: translate3d(0, 0, 1px);
    opacity: 1 !important;
  }

  #global-menu[aria-expanded="false"] #menu-global-nav {
    pointer-events: auto;
  }

  #menu-global-nav, #menu-sub-guidance-nav, #menu-sub-frmk-nav {
    width: 100%;
    height: 50px;
    /* padding: 10px 0;
    display: block; */
    background-image: none;
    /* background-color: rgba(0, 160, 233, 0.9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); */
  }

  #global-menu a {
    font-size: 0.8rem;
    text-shadow: none;
  }

  /* #global-menu a span {
    font-size: 0.8rem;
    text-align: center;
    display: block;
  } */
  /* #global-menu a span::before {
    content: none;
  } */
  #global-menu ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    list-style: none;
  }

  #menu-sub-guidance-nav ul, #menu-sub-frmk-nav ul {
    background-color: #00A0E9;
  }

  #global-menu li {
    display: table-cell;
    text-align: center;
    *float: left;
  }

  #menu-global-nav li a {
    border-top: solid 1px #fff;
  }

  #global-menu li a {
    display: block;
    height: 50px;
    padding: 14px 5px 5px 5px;
    color: #fff;
    text-decoration: none;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
  }

  #global-menu li.active>a {
    color: #00A0E9;
    background-color: rgba(255, 255, 255, 0.9);
  }

  #menu-global-nav li>a:hover, #menu-sub-guidance-nav li>a:hover, #menu-sub-frmk-nav li>a:hover {
    color: #00A0E9;
    background-color: rgba(255, 255, 255, 0.8);
  }

  #menu-global-nav li:first-child a, #menu-sub-guidance-nav li:first-child a, #menu-sub-frmk-nav li:first-child a {
    border-left: solid 1px #fff;
  }

  .overflow-visible1, .overflow-visible2 {
    overflow: hidden;
    position: relative;
  }

  .overflow-visible1 {
    top: 80px;
  }

  .overflow-visible2 {
    top: 30px;
  }

  #menu-sub-guidance-nav[aria-expanded="false"], #menu-sub-frmk-nav[aria-expanded="false"] {
    position: relative;
    top: -50px;
    height: 50px;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.4s;
    pointer-events: none;
  }

  #menu-sub-guidance-nav[aria-expanded="true"], #menu-sub-guidance-nav[page="1fr"], #menu-sub-guidance-nav[page="2f"], #menu-sub-guidance-nav[page="3f"], #menu-sub-guidance-nav[page="4f"], #menu-sub-frmk-nav[aria-expanded="true"], #menu-sub-frmk-nav[page="fmkt-tower"], #menu-sub-frmk-nav[page="fmkt-minato"], #menu-sub-frmk-nav[page="yataimura"] {
    position: relative;
    top: -50px;
    height: 50px;
    transform: translate3d(0, 50px, 0px);
    transition-duration: 0.4s;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    /* -webkit-transition: opacity .8s ease;
    -ms- transition: opacity .8s ease;
    -moz- transition: opacity .8s ease;
    transition: opacity .8s ease; */
  }

  .menu-item {
    /* flex-direction: column;
    justify-content: center; */
  }

  .nav-link {
    /* display: table-cell;
    vertical-align: middle; */
  }
}

/* MENU-LG用 */
@media (min-width: 992px) {
  #global-brand {
    /* width: 300px; */
  }

  #menu-global-nav a, #menu-sub-guidance-nav a, #menu-sub-frmk-nav a {
    font-size: 1rem;
    text-shadow: none;
  }
}

/* /MENU-LG用 */
/** /MENU **/
/* /NAV */
/* MAIN */
/* /MAIN */
/** PAGE **/
.page-part {}

@media (min-width: 768px) {
  #front-page, .page-part {
    margin-bottom: 60px;
    padding-top: 180px;
  }

  .page-part .container {
    background-color: #fff;
  }
}

/* LAYOUT */
/* WORDPRESS 縦長表示対応 */
.wp-block-image img {
  max-width: 100％;
  height: auto;
}

/* /LAYOUT */
/* TOP-CROUSEL */
/* TENBOU */
.tenbou-bg {
  background-image: linear-gradient(0.45turn, rgba(120, 240, 240, 0.9), rgba(255, 255, 255, 0.1)),
    url(../images/top/tenbou/tenbou_bg.jpg);
  background-size: cover;
}

/* .tenbou-joukyou::before {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
} */
.tenbou-joukyou .joukyou {
  position: relative;
  top: -20px;
  width: 60px;
  z-index: 10;
}

@media (min-width: 768px) {
  .tenbou-joukyou .joukyou {
    top: -25px;
  }
}

/* /TENBOU */
/* TOP-BANNER */
.top-banner img {
  /*border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;*/
  margin-bottom: 0;
}

.top-banner-solo {
  position: relative;
}

.top-banner .banner-text {
  position: relative;
  top: -10px;
  width: 90%;
  height: 150px;
  margin-bottom: 0;
  background-color: #fff;
  box-sizing: border-box;
  padding: 5px 10px 5px 10px;
}

.top-banner-title {
  position: relative;
  top: -20px;
  height: 70px;
  padding: 10px;
}

#fmkt-tower .top-banner-title {
  background-color: rgb(232, 205, 61);
}

#fmkt-minato .top-banner-title {
  background-color: rgb(255, 118, 60);
}

#yataimura .top-banner-title {
  background-color: rgb(80, 200, 100);
}

#shop-restaurant .top-banner-title {
  background-color: rgb(190, 133, 255);
}

.top-banner-title {
  background-color: rgb(255, 60, 60);
}

.top-banner-title .top-banner-line {
  height: 50px;
}

.top-banner-title h5 {
  font-size: 1.2rem;
}

.top-banner-title a {
  color: #fff;
}

.top-banner p {
  font-size: 0.875em;
}

.top-banner .columns:first-child {
  box-sizing: border-box;
  border-left: none;
}

.top-banner .content {
  position: relative;
  top: 0px;
  height: 150px;
}

@media (min-width: 768px) {
  .top-banner .banner-text {
    height: 190px;
  }
}

/* /TOP-BANNER */
/* TOP-INFO */
.info-card .bg-white {
  position: relative;
  width: 100%;
  height: 330px;
  box-shadow: none;
  transition: 0.6s;
  z-index: 0;
}

.info-card .bg-white:hover {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  transition: 0.6s;
  /* z-index: 10; */
}

.info-card .info-date {
  position: relative;
  top: 10px;
}

.info-card .info-ctgr div {
  height: 26px;
  margin-top: 5px;
  margin-right: 5px;
  padding: 1px 5px;
  box-sizing: border-box;
  border: solid 1px #00A0E9;
  transform:
    skew(calc((-15deg) / 2));
}

.info-card .info-ctgr a {
  color: #00A0E9;
}

.info-card .info-ctgr div:hover {
  /* border: solid 2px #00A0E9; */
  background-color: #00A0E933;
  transition: all 1000ms;
}

.info-card .info-ctgr .event {
  border: solid 1px #ff0000;
}

.info-card .info-ctgr .event a {
  color: #ff0000;
}

.info-card .info-ctgr .event:hover {
  background-color: #ff000033;
  transition: all 1000ms;
}

.info-card .info-ctgr .fleamarket {
  border: solid 1px #029e5c;
}

.info-card .info-ctgr .fleamarket a {
  color: #029e5c;
}

.info-card .info-ctgr .fleamarket:hover {
  /*background-color: #029e5c33;*/
  transition: all 1000ms;
}

.info-card .info-ctgr a {
  font-size: 0.7rem;
}

.info-card .excerpt {
  font-size: 0.8rem;
}

/* /TOP-INFO */
/* SUNSET LIVE */
.live-content-before {
  border: 1px solid #ff6347;
  /* border-image: linear-gradient(to bottom, #00A0E9 0%, #ff6347 100%);
  border-image-slice: 1; */
}

.live-content-before .date-time {
  background-color: #ff6347;
}

.live-content-after {
  border: solid 1px #87ceeb;
}

.live-content-after .date-time {
  background-color: #87ceeb;
}

/* /SUNSET LIVE */
/* BANNER */
.banner .col-xs-12, .banner .col-sm-6 {
  vertical-align: middle;
  padding: 10px 10px;
}

.banner img {
  vertical-align: middle;
}

/* /BANNER */
/* FORM */
.wpcf7 .kiboubi, .wpcf7 .syutten {
  color: red;
}

/* /FORM */
/* PAGENAVI */
.wp-pagenavi {
  padding-bottom: 20px;
}

/* FOOTER */
footer {
  background-color: #00418e;
}

footer .container {
  padding: 0px 15px 0px 15px;
}

footer .container>.row:first-child {
  background-color: #005075;
  padding: 10px 15px 20px 15px;
  margin: 0px;
}

#footer2 a {
  color: #fff;
}

#footer2 h5, #footer3 h5 {
  border-bottom: solid 1px #fff;
}

/* footer .widget {
  padding: 10px;
} */
/* footer .text-widget, footer a {
  text-align: left;
  font-size: 9pt;
} */
/* footer .copyright {
  padding: 20px 20px 30px 20px;
}

footer .copyright p {
  text-align: center;
  font-size: 11px;
} */
/* footer .copyright p:first-child {
  font-size: 9px;
} */
/** POPULAR POST **/
footer .wpp-list {
  padding-left: 0px;
}

footer .wpp-list li {
  list-style-type: none;
}

footer .wpp-list li a {
  color: #fff;
}

footer .wpp-list li a:hover {
  color: #d3f7f4;
}

footer .wpp-views {
  font-size: 10px;
}

/** /POPULAR POST **/
/* /FOOTER */
/* IVENT */
.masonry-wrapper .masonry-grid {
  padding: 0 10px 20px 10px;
}

.masonry-wrapper .masonry-grid .newspost {
  height: auto;
  background-color: #fff;
  border: solid 1px #00A0E9;
  padding: 10px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
}

/*日時の表示を整える*/
.masonry-wrapper .masonry-grid .date {
  margin-top: 10px;
}

/*グリッドの微調整*/
.row.masonry-wrapper {
  margin: 0 -0.62em;
}

/* /IVENT */
/* フリーマーケット */
.fmarket {
  width: 250px;
  height: 30px;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}

.buttonA, .buttonB {
  width: 100px;
  height: 30px;
  margin-right: 5px;
  font-size: 1.2rem;
  text-align: center;
  border-bottom: solid 1px #000;
}

.buttonA.active, .buttonB.active {
  color: #00A0E9;
  border-bottom: solid 3px #00A0E9;
  transition-duration: 0.3s;
}

/** ここでデフォルト表示切り替え **/
.articleB {
  display: none;
}

/* /フリーマーケット */
/* /受付時間 */
/* 展望状況 */
.condition img {
  width: 20px;
  height: 20px;
}

/* /展望状況 */
/* コンタクトフォーム */
#accept {
  color: red;
}

/* コンタクトフォーム */