@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
#menu-item-3677{width:60px !important}
#menu-item-3666{width:214px !important}
.navi-in > ul{flex-wrap:nowrap}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img{width:320px;height:180px}
.wpem-event-excerpt{font-size: 14px;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 3;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation {width:54%}
.elementor-widget:not(:last-child) {
	margin-bottom: 5px !important;}
h1.elementor-heading-title.elementor-size-default{margin-bottom:15px}
header.article-header.entry-header {
    display: none;
}
.search_events.search-form-container {
    margin-left: 22px;
}
.elementor-4367 .elementor-element.elementor-element-12fe658 {margin-left:-20px !important}
.wpem-event-title{font-weight:bolder;font-size:20px;}
.pagination-next{display:none}
.next.page-numbers{display:none}
.prev.page-numbers{display:none}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
div.da-reactions-container div.reactions div.reaction .count {
    position: relative;
    right: 0;
    line-height: 0em;
    background: transparent;
}

.searchandfilter > ul {
	padding-left: 0px !important;
}
.searchandfilter > ul > li {
	display: inline-block;
	vertical-align: top;
	padding: 15px 20px;
	width: calc(1/3 * 100%);
}
.searchandfilter > ul > li > label {
	width: 100%;
}

.searchandfilter > ul > li > label > select > option {
	width: 150px;
}

.wpem-event-listings.wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-deadline {
	margin: 5px;
    min-height: 22px;
    color: var(--wpem-gray-color);
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-deadline {
    position: relative;
    padding-left: 20px;
    width: 100%;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-deadline::before {
    content: "\e950";
    font-family: wp-event-manager;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
}

/* noda tuika */
 /* ロゴの大きさ・幅に関するもの */
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 100%;
  height: auto;
  max-width: 210px;
  vertical-align: middle;
  margin: 20px 0;
}
#header-container {
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
  background-color:#9DB0A3;
  padding: 10px;
}
.site-name-text-link {
  color: #fff;
}
.navi {
  background: none;
}
.navi-in > ul .sub-menu {
  background: #9DB0A3;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  width: auto;
}
.navi-in a {
  font-size: 13px; /* ナビ文字大きさ */
  font-weight: bold;
  position: relative;
  color: black; /* ナビ文字色 */
  padding: 0 20px;
  display: block;
  text-decoration: none;
}
.navi-in a:hover {
  background: none;
}
.navi-in a:before {
  position: absolute;
  left: 0;
  bottom: 6px;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fff; /* マウスON時の下線色 */
  transform: scale(0, 1);
  transition: 0.4s;
}
.navi-in a:hover:before {
  transform: scale(1);
}
.navi-in > ul .sub-menu a {
  color: #666; /* サブメニュー文字色 */
  font-size: 12px; /* サブメニュー文字の大きさ */
}
.navi-in > ul .sub-menu a:before {
  background: #fff; /* サブメニューマウスON時の下線色 */
}
.header-container-in.hlt-top-menu .logo-header {
  max-height: 100%;
}
.header-small {
  opacity: 0.9;
}
.header-small .header-container-in.hlt-top-menu .logo-header img {
  max-width: 130px;
  margin: 10px 0;
}
/*
#container {
  padding-top: 90px;
}
*/
[id^="toc"]:target {
  padding-top: 85px;
  margin-top: -85px;
}

.entry-card-wrap{
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
background-color: transparent;
padding: 40px;
}
.entry-card{
margin: 0 auto;
padding: 25px;
background-color: transparent;
}

#main{
background-color: transparent;
}

#content-in{
width:100%;
}
/* noda tuika */