@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
*/



/************************/
/* 固定ページの不要情報を非表示 */
/************************/
@media screen and (max-width: 834px) {
	table th, table td {
		font-size: 0.7em;
	}
}
.tablepress>:not(caption)>*>* {
	padding:0.3em !important;
}



.page .date-tags /*投稿日・更新日*/{ 
          display: none;
}

.hidden {
    display: none;
}

.disabled-input {
        background-color: #e0e0e0 !important; /* グレー背景 */
        color: #888 !important; /* 文字もグレー */
        pointer-events: none; /* クリック不可 */
        cursor: not-allowed; /* 禁止マーク */
    }

    .disabled-label {
        color: #888 !important; /* ラベルもグレー */
    }

.wpcf7-form {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
}

.wpcf7-submit {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}


.page-id-491 .logo > a img {
visibility: hidden;
}



.page-id-491 .logo > a .site-name-text {
display: inline-block;
background: url("https://metromonk.tokyo/tamanaka/wp-content/uploads/2025/02/立川ヘッダー.001.jpeg") no-repeat;
background-size: contain;
background-position: center;
}

.page-id-953 .logo > a img {
visibility: hidden;
}
.page-id-953 .logo > a .site-name-text {
display: inline-block;
background: url("https://metromonk.tokyo/tamanaka/wp-content/uploads/2025/04/無題561_20250411195750.png") no-repeat;
background-size: contain;
background-position: center;
}

.page-id-974 .logo > a img,
.page-id-978 .logo > a img,
.page-id-1092 .logo > a img {
  visibility: hidden;
}

.page-id-974 .logo > a .site-name-text,
.page-id-978 .logo > a .site-name-text,
.page-id-1092 .logo > a .site-name-text {
  display: inline-block;
  background: url("https://metromonk.tokyo/tamanaka/wp-content/uploads/2025/03/jpヘッダー.001-1.jpeg") no-repeat;
  background-size: contain;
  background-position: center;
}


.page-id-1010 .logo > a img {
visibility: hidden;
}
.page-id-1010 .logo > a .site-name-text {
display: inline-block;
background: url("https://metromonk.tokyo/tamanaka/wp-content/uploads/2025/03/jpヘッダー.001-1.jpeg") no-repeat;
background-size: contain;
background-position: center;
}


.header-in{
    line-height: 0;
}

.fc-day-grid-container{
    height: auto !important;
}
.fc-content, .fc-time {
	font-size:8px !important;
}
.fc-content, .fc-title{
	font-size:8px !important;
}



.em-booking-form-tickets-title{
	display:none;
}

.em.em-item.em-item-single .em-item-meta button {
	margin: 0 0 15px 0 !important;
}

.em-event-tags{
	font-size:12px !important;
}


.author-box p {
    display:none;
}

.em-location-next-event{
display:none;
}

.em.em-item.em-item-single .em-item-header{
margin-bottom:0;
}
.em.em-item.em-item-single.size-small .em-item-meta>section section {
    margin-bottom: 0;
}


.sns-share.ss-col-3 .sns-buttons {
    column-gap: normal!important;
}



.entry-categories-tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ctdt-one-row {
  order: 2;
}

.article-footer.entry-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.author-info .author-name, .fa-pencil {
    display:none;
}
.footer-meta {
    display:none;
}

.article-footer.entry-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.widget.widget-single-content-bottom.widget_author_box {
  margin-right: 20px;
}

.div.sns-share.ss-col-6.bc-monochrome.sbc-hide.ss-bottom {
  align-self: center;
  margin-left: -50px; /* 左に寄せる距離を調整 */
}

.div.sns-share-buttons.sns-buttons {
  height: 100%;
  display: flex;
  align-items: center;
}

.author-description {
    margin-bottom:0;
}

.author-box .author-name, .author-description, .auther-followers{
	display: inline;
}

.author-box{
	border:none;
}

#navi .navi-in > .menu-mobile li {
		width: 25%;
	}
	#navi .navi-in > .menu-mobile li a {
		font-size: 9px; /*場合によってフォントサイズを小さく*/
	}

#navi .navi-in>ul>li>a {
    padding: 0 0.1em;
}

.fc-content {
	white-space:normal!important;
}

.post-17 .date-tags {
display: none;
}

.entry-content {
    margin-top: 1em;
    margin-bottom: 10px;
}

.tagline {
    /* text-align: center; */
    /* font-size: 14px; */
     margin: 0; 
}

.logo-image {
    padding:  0;
    font-size: inherit;
}

.site-name-text-link {
    color: var(--cocoon-text-color);
    text-decoration: none;
    font-weight: normal;
    padding: 0; 
}


 #header .site-name-text {
      font-size: 0;
}

section.em-event-content {
	h3{
		padding:6px 13.2px 10px 13.2px;
	}
}

span#midashi{
	font-size: calc(var(--font-size) + 6px) !important;
	padding: 0;
}



.em.pixelbones a.howmany, .em.pixelbones a.who  {
    font-size: 12px;
    color:var(--default-color)!important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	 padding-left: 14px!important;
	 text-decoration: none;
}
.em.pixelbones a.howmany{
	font-weight: bold!important;
}

label[for="user_name"]::before {
  content: "Name / ハンドルネームor";
  color: #000000;
  margin-left: 0.3em;
  font-size: 1.0em;
}

label[for="user_email"]::before {
  content: "Mail / ";
  color: #000000;
  margin-left: 0.3em;
  font-size: 1.0em;
}

label[for="booking_comment"]::before {
  content: "Comment / ";
  color: #000000;
  margin-left: 0.3em;
  font-size: 1.0em;
}



label[for="user_name"]::after,
label[for="user_email"]::after {
  content: "必須";
  color: #ffffff;
  background: #cc0000;
  font-size: 0.6em;
  padding: 0.3em;
  border-radius: 0.5em;
  margin-left: 0.3em;
}



.em.em-list .em-item .em-item-info h3.em-item-title {
	 text-align: center!important;
	 font-size: 18px!important;
	 font-weight:bold!important;
    color: #4169e1 !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	 margin: 0 0 6px!important;
}

.em.em-list.em-grid .em-item .em-item-image.has-placeholder,.em.em-list.size-small .em-item .em-item-image.has-placeholder {
    padding: 8px 0 8px!important;
}

.em-item-image has-placeholder{
    padding: 8px 0 8px!important;
}

.em.em-list.size-small .em-item {
    padding: 0 10px !important;
}

.em-item-info {
    padding: 10px 10px 0 10px!important;
}

.em.pixelbones .button.input, .em.pixelbones .input .button, .em.pixelbones .input button, .em.pixelbones .input input[type=button], .em.pixelbones .input input[type=reset], .em.pixelbones .input input[type=submit], .em.pixelbones button.input, .em.pixelbones input[type=button].input, .em.pixelbones input[type=reset].input, .em.pixelbones input[type=submit].input, .em.pixelbones.input .button, .em.pixelbones.input button, .em.pixelbones.input input[type=button], .em.pixelbones.input input[type=reset], .em.pixelbones.input input[type=submit] {
    display: inline-block;
    height: 24px !important;
    padding: 0 30px 0 30px !important;
    color: var(--text-color-softer) !important;
    text-align: center !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid var(--border-color) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.em-event-howmany {
    margin: 0 8px 20px 0 !important;
	 text-align: right;
}

style attribute {
    --default-border: #4169e1!important;
}

.em.em-list .em-item .em-item-image .em-item-image-placeholder{
	display:none;
}

.em.em-list .em-item {
    /* width: 100%; */
    display: grid;
    /* grid-template-columns: minmax(0, 1fr) 2fr; */
    border-top: 1px solid #efefef;
    padding: 30px 4px 3px;
    background-color: var(--meta-bg);
    color: var(--default-color);
}

/************************************
** SNS ボタンをまとめて小さくする
************************************/
@media screen and (max-width: 834px) {
.sns-follow-buttons {
        column-gap: 0;
    }
}

@media screen and (max-width: 834px) {
    .sns-share.ss-top.ss-col-6 .sns-buttons, .sns-share.ss-bottom.ss-col-6 .sns-buttons {
        column-gap: 0; 
    }
}

.sns-follow-buttons .sns-share.ss-top.ss-col-6 .sns-buttons, .sns-share.ss-bottom.ss-col-6 .sns-buttons{
	padding-left:2px;
	padding-right:2px;
}



/*トップシェアボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons {
	justify-content: flex-end; /*右に寄せる*/
}

/*ボトムシェア・フォローボタンの枠組み*/
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}

/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; /*横幅*/
	height: 28px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 3px; /*丸み*/
}

/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 16px; /*アイコンの大きさ*/
}

/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 20px; /*アイコンの大きさ*/
}

/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: 1px; /*右側からの距離*/
	bottom: 0; /*下側からの距離*/
	font-size: 10px; /*文字の大きさ*/
}

.sns-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    row-gap: 10px;
    margin-top: 0.3em;
   
}

.em.em-list .em-item .em-item-info .em-item-desc {
    display:none;
}

.em.em-list .em-item .em-item-info .em-item-meta>div {
    flex: 1 1 50%;
    min-width: 300px;
}

.em.em-list .em-item .em-item-info .em-item-meta, .em.em-list-widget .em-item {
     margin-bottom: 0; 
}

.em.em-list .em-item .em-item-meta .em-item-taxonomy ul{
	display:none!important;
	margin-bottom:0!important;
}
.em .em-icon.em-icon-category{
	display:none!important;
   margin-bottom:0!important;
}


.em.em-modal .em-modal-popup header .em-modal-title {
    text-align: center;
	 font-size: 20px !important;
	　font-weight: bold;
	 overflow-wrap: break-word;
}
.em.em-modal .em-modal-popup header .em-modal-title a {
    color: #4169e1!important;
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div {
    text-align: left;
    background-color: var(--event-background-color);
    border: 1px solid var(--event-border-color);
    color: var(--event-color);
    position: absolute;
    width: calc(100% + 10px);
    height: 40px!important;
    margin-bottom:  0!important;
    padding: 3px!important;
    left: -5px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: initial!important;
	 font-size: 12px;
	 white-space: normal!important;
	 line-height: 14px!important;
}

.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date a{
	
    color: var(--date-color) !important;
    text-decoration: none !important;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 34px;
    height: 0;
    font-size: 16px;
    background: var(--date-background);
    border-radius: 0;
    box-sizing: border-box;
}
.em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date a{
	border: none !important;
}


.em.em-calendar .em-cal-body.event-style-pill .em-cal-event {
    text-align: left;
    position: relative;
    height: 40px!important;
    padding: 0;
    margin: 2px 0;
    cursor: pointer;
    font-size: 14px;
}
.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date {
    margin: 0 0 0px;
}
.em.em-calendar .em-cal-body>div {
    border: var(--date-box-border);
    border-right-width: 0;
    border-bottom: none;
    padding: 2px 5px;
}

.em-location-section-map{
	display:none;
}

.em.em-item.em-item-single .em-item-header {
	display: block !important;
}

.em.em-list .em-item .em-item-image.has-placeholder{
	display: block !important;
}

.em.em-list .em-item {
    display: block;
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/


}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div {
    text-align: left;
    background-color: var(--event-background-color);
    border: 1px solid var(--event-border-color);
    color: var(--event-color);
    position: absolute;
    width: calc(100% + 10px);
    height: 44px!important;
    margin-bottom:  0!important;
    padding: 3px!important;
    left: -5px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: initial!important;
	 font-size: 10px;
	 white-space: normal!important;
	 line-height: 12px!important;
}
	.em.em-calendar .em-cal-body.event-style-pill .em-cal-event {
    text-align: left;
    position: relative;
    height: 44px!important;
    padding: 0;
    margin: 2px 0;
    cursor: pointer;
    font-size: 14px;
}

    main.main, div.sidebar {
        padding: 8px 16px !important;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div {
    text-align: left;
    background-color: var(--event-background-color);
    border: 1px solid var(--event-border-color);
    color: var(--event-color);
    position: absolute;
    width: calc(100% + 10px);
    height: 44px!important;
    margin-bottom:  0!important;
    padding: 3px!important;
    left: -5px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: initial!important;
	 font-size: 8px;
	 white-space: normal!important;
	 line-height: 12px!important;
}
	.em.em-calendar .em-cal-body.event-style-pill .em-cal-event {
    text-align: left;
    position: relative;
    height: 44px!important;
    padding: 0;
    margin: 2px 0;
    cursor: pointer;
    font-size: 14px;
}
	 .author-box .author-content {
        margin-left: 0;
    }

    .author-box .author-thumb {
        width: 20%;
		padding-right:6px;
    }
	.em.em-list .em-item .em-item-info h3.em-item-title {
		font-size:14px !important;
	}
	.em.em-list .em-item .em-item-meta .em-item-meta-line{
		line-height: 16px;
        margin-bottom: 6px;
		display:inline-grid !important;
		font-size:13px !important;
	}
	.em.pixelbones a.howmany{
		font-weight:normal !important;
	}
	.em.em-list .em-item .em-item-meta .em-item-meta-line .em-icon{
		font-size:10px !important;
	}
	.em .em-icon {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    color: var(--meta-dashicons);
    margin: 0 0 0 12px !important;
    padding: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 16px;
}
	.em.em-list.size-small .em-item .em-item-image{
		padding-bottom:4px!important;
	}
	.em.em-list.size-small .em-item .em-item-image.has-placeholder {
    padding: 0 !important;
}
}
