/* ----------------------------------------
	.event
---------------------------------------- */
.event__cat {
  color: #ffffff;
  background: #231917; }

.cat-open-house {
  background: #eb6100; }

.cat-comfort-tour {
  background: #8C6239; }

.cat-consultation {
  background: #3388C1; }

.event {
  /****index_page********************************/
  /****single********************************/ }
  .event__archiveList .event__item {
    position: relative;
    border: 1px solid #D1B28F;
    background: #FEF9F3; }
    @media screen and (max-width: 960px) {
      .event__archiveList .event__item {
        max-width: 600px;
        margin: 0px auto;
        margin-bottom: 30px; } }
    @media screen and (min-width: 961px) {
      .event__archiveList .event__item {
        margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .event__archiveList .event__item {
        padding: 20px 20px 20px 20px; } }
    @media screen and (min-width: 768px) {
      .event__archiveList .event__item {
        padding: 25px 25px 25px 25px; } }
    .event__archiveList .event__item:hover {
      background: #FBF7EE;
      border: 1px solid #eb6100; }
      .event__archiveList .event__item:hover .event__btn {
        background: #eb6100; }
    @media screen and (min-width: 961px) {
      .event__archiveList .event__item a {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; } }
  @media screen and (max-width: 960px) {
    .event__archiveList .event__thum {
      margin-bottom: 10px; } }
  @media screen and (min-width: 961px) {
    .event__archiveList .event__thum {
      width: 50%; } }
  .event__archiveList .event__thum img {
    width: 100%; }
  @media screen and (min-width: 961px) {
    .event__archiveList .event__about {
      width: 48%; } }
  .event__archiveList .event__date {
    font-weight: bold;
    margin-bottom: 5px;
    color: #8C6239; }
    @media screen and (min-width: 961px) {
      .event__archiveList .event__date {
        font-size: 2.0rem; } }
    .event__archiveList .event__date span {
      font-weight: bold; }
  .event__archiveList .event__cat {
    display: inline-block;
    color: #ffffff;
    padding: 3px 5px;
    text-align: center;
    width: 120px;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 5px; }
  .event__archiveList .event__title {
    position: relative;
    line-height: 1.2;
    font-weight: bold;
    font-size: 2.2rem;
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) {
      .event__archiveList .event__title {
        font-size: 2.5rem; } }
  .event__archiveList .event__text {
    margin-bottom: 15px; }
  .event__archiveList .event__btn {
    display: inline-block;
    background: #8C6239;
    color: #ffffff;
    padding: 15px 20px;
    border-radius: 30px;
    margin: 0px auto;
    width: 100%;
    text-align: center;
    position: relative; }
    @media screen and (min-width: 961px) {
      .event__archiveList .event__btn {
        width: 350px;
        padding: 12px 20px; } }
    .event__archiveList .event__btn:after {
      content: url("../images/common/arrow_w.svg");
      width: 23px;
      position: absolute;
      right: 10px;
      top: 15%; }
  .event__single {
    max-width: 1000px;
    margin: 0px auto;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .event__single .inner {
        padding-top: 40px; } }
    .event__single h2.entrytitle {
      font-weight: bold;
      font-size: clamp(2.4rem, 3.5vw, 3.5rem);
      color: #eb6100;
      padding-bottom: 15px;
      margin-bottom: 25px;
      border-bottom: 1px solid #8C6239;
      line-height: 1.2; }
    .event__single .event__cat {
      display: inline-block;
      color: #ffffff;
      padding: 3px 10px;
      text-align: center;
      font-weight: 500;
      margin-bottom: 15px;
      font-size: 1.8rem;
      min-width: 150px; }
      @media screen and (min-width: 768px) {
        .event__single .event__cat {
          margin-bottom: 20px;
          font-size: 2.2rem; } }
    .event__single .date {
      margin-bottom: 5px;
      font-size: 2.2rem;
      line-height: 1.3; }
      @media screen and (min-width: 961px) {
        .event__single .date {
          font-size: 2.4rem; } }
      .event__single .date span {
        font-weight: bold; }
    .event__single .event__details {
      margin-bottom: 30px; }
      @media screen and (min-width: 768px) {
        .event__single .event__details {
          margin-bottom: 50px; } }
      .event__single .event__details table.detailsTable {
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        margin-bottom: 40px; }
        .event__single .event__details table.detailsTable th, .event__single .event__details table.detailsTable td {
          padding: 10px 10px;
          text-align: left;
          vertical-align: top;
          border-bottom: 1px solid #ccc;
          border-right: 1px solid #ccc;
          font-weight: bold; }
        .event__single .event__details table.detailsTable th {
          width: 100px;
          background: #ebebeb; }
        .event__single .event__details table.detailsTable td {
          width: auto; }
        .event__single .event__details table.detailsTable .googlemap_link {
          margin-top: 7px; }
          .event__single .event__details table.detailsTable .googlemap_link a {
            background: #8C6239;
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 160px;
            padding: 10px 10px 10px 17px;
            font-size: 1.6rem;
            font-weight: 400;
            letter-spacing: 0.08em;
            transition: 0.3s;
            line-height: 1.0; }
            .event__single .event__details table.detailsTable .googlemap_link a:hover {
              opacity: 0.85; }
    .event__single .event__information {
      margin-bottom: 80px; }
      @media screen and (min-width: 768px) {
        .event__single .event__information {
          margin-bottom: 120px; } }

#event__entryArea h1 {
  background: #8C6239;
  color: #ffffff;
  padding: 10px 10px;
  margin-bottom: 15px;
  font-size: clamp(2.4rem, 3.5vw, 3.5rem);
  font-weight: bold;
  line-height: 1.5; }
  @media screen and (min-width: 768px) {
    #event__entryArea h1 {
      padding: 15px 15px;
      margin-bottom: 30px; } }
#event__entryArea h2 {
  font-weight: bold;
  color: #eb6100;
  margin-bottom: 25px;
  font-size: clamp(2.4rem, 3.5vw, 3.5rem);
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
  padding-bottom: 9px; }
  @media screen and (min-width: 768px) {
    #event__entryArea h2 {
      margin-bottom: 30px; } }
#event__entryArea h3 {
  font-weight: bold;
  font-size: clamp(2.3rem, 3vw, 2.6rem);
  margin-bottom: 25px;
  font-weight: bold;
  color: #8C6239;
  border-bottom: 1px solid #ccc;
  padding-bottom: 7px; }
  @media screen and (min-width: 768px) {
    #event__entryArea h3 {
      margin-bottom: 30px; } }
#event__entryArea h4 {
  font-weight: bold;
  font-size: clamp(2rem, 3vw, 2.4rem);
  margin-bottom: 10px;
  color: #8C6239; }
  @media screen and (min-width: 768px) {
    #event__entryArea h4 {
      margin-bottom: 10px; } }
#event__entryArea h5 {
  font-weight: bold;
  font-size: clamp(2rem, 3vw, 2.4rem);
  margin-bottom: 10px; }
#event__entryArea h6 {
  font-weight: bold;
  margin-bottom: 10px; }
#event__entryArea p {
  margin-bottom: 25px; }
  @media screen and (min-width: 768px) {
    #event__entryArea p {
      margin-bottom: 50px; } }
#event__entryArea ul {
  list-style: circle !important;
  padding-left: 15px;
  margin-bottom: 50px; }
  #event__entryArea ul li {
    padding-left: 1em;
    text-indent: -1em; }
#event__entryArea ol {
  list-style: conic-gradient !important;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 50px; }
  #event__entryArea ol li {
    padding-left: 1em;
    text-indent: -1em; }
#event__entryArea .wp-block-button__link {
  background: #231917 !important;
  margin-bottom: 50px;
  color: #ffffff !important; }
  #event__entryArea .wp-block-button__link:hover {
    background: #eb6100; }
#event__entryArea .is-style-outline--1 a {
  color: #005fb7 !important;
  background: #fff !important;
  border: 2px solid #005fb7 !important; }
#event__entryArea .has-small-font-size {
  font-size: 1.2rem; }
  @media screen and (min-width: 768px) {
    #event__entryArea .has-small-font-size {
      font-size: 1.4rem; } }
#event__entryArea .has-medium-font-size {
  font-size: 2.0rem; }
  @media screen and (min-width: 768px) {
    #event__entryArea .has-medium-font-size {
      font-size: 2.3rem; } }
#event__entryArea .has-large-font-size {
  font-size: 2.4rem; }
  @media screen and (min-width: 768px) {
    #event__entryArea .has-large-font-size {
      font-size: 3.0rem; } }
#event__entryArea .has-x-large-font-size {
  font-size: 3.0rem; }
  @media screen and (min-width: 768px) {
    #event__entryArea .has-x-large-font-size {
      font-size: 4.0rem; } }
#event__entryArea .has-small-font-size strong, #event__entryArea .has-medium-font-size strong, #event__entryArea .has-large-font-size strong, #event__entryArea .has-x-large-font-size strong {
  font-size: inherit; }
#event__entryArea img {
  margin-top: 30px; }
#event__entryArea figure div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 50px; }
  #event__entryArea figure div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }