@charset "UTF-8";

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

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

/****************************/
/***     共　　　　通     ***/
/****************************/
/*日付非表示（固定ページ：IDごとに設定が必要）*/
body.description .date-tags,
body.faq .date-tags,
body.contact .date-tags,
body.contest_archive .date-tags,
body.participants .date-tags{
	display: none;
}
em {
    font-style: normal;
}
.fa-clock:before{display: none;}

.header {background-color: #fff;}
.header .site-name-text{
	color: #000;
	font-weight: bold;
}
.content{margin-top: 0;}
.main{padding: 0 29px;}
.footer{background-color: #f5f5f7;}

.breadcrumb div:last-of-type a{
	pointer-events: none;
}
/*ヘッダータイトル前のアイコンマーク*/
span.site-name-text:before {
	/*
    font-family: "Material Icons";
    content: "\eb4c";
    color: #26a69a;
    margin-right: 0.3em;
    vertical-align: middle;
	*/
    content: '';
	background-image: url(/wp-content/uploads/2023/04/tamarism_logo_verup_fin.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    vertical-align: middle;
    display: inline-block;
	margin-right: 10px;
}

/*Copyright*/
.copyright{
	color: #86868b;
    border-top: #86868b 1px solid;
    margin-top: -3em;
    line-height: 3.7;
}

/*グローバルメニュー*/
nav .item-label{font-size: 14px!important;}
/*nav div ul li:nth-child(4) >a{pointer-events: none;}*//*リンクOFF*/
.navi-in{white-space: nowrap;}
.navi-in ul li{width: 14.28%;}
.navi-in li:nth-child(4) .has-icon{right: 45px;}

/*フッター*/
footer .widget_nav_menu{margin-bottom: 1.8em!important;}
.footer {
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.footer-left, .footer-right{width: 0%;}
.footer-center{
	width: 80%;
	white-space: nowrap;
	text-align: center;
	margin: 0 auto;
}
.footer-center aside {
    display: inline-block;
	padding: 0 15px;
	width: 16.5%;
	vertical-align: middle;
}
.footer-center aside img {
    width: 85%;
}
.footer-center #nav_menu-2{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.footer-center #nav_menu-2 ul li{
	display: inline-block;
	padding: 0 1em;
    font-size: 12px;
}
.footer-center #nav_menu-2:after{
	white-space: pre;
}
.footer-left, .footer-center, .footer-right, .footer-mobile {padding: 0px 16px;}
#nav_menu-2 .menu li {
    border-left: 1px solid #ddd;
}
#nav_menu-2 .menu li:last-child {
    border-right: 1px solid #ddd;
}

/*標準 見出し クリア*/
.article h2 {
    padding: 0;
    background: none;
}
.article h4 {
    border: none;
    padding: 0;
}

/*見出し カスタム*/
.article h2 {
	color: #fff;
	padding: .8em 1em;
	margin-top: 25px;
	background: #26A69A;
	border-top: 4px solid #229922;
	border-bottom: 4px solid #229922;
}
.article h4 {
    padding: 0.4em 1em 0.2em;
    margin-top: 40px;
    border-top: 2px solid #26A69A;
    border-bottom: 2px solid #26A69A;
}

.margin-c{margin: 0 auto!important;}
.fs140{font-size: 140%;}
.scrollable-table th, .scrollable-table td{white-space:initial;}

/*テーブルデザイン*/
table{font-size:14px;}
table td:nth-child(odd) {
    background: #eff9f9;
}
.scrollable-table th, .scrollable-table td {
    padding: 0.5em 1em;
}
table tr:nth-child(even) {
    background: initial;
}
.scrollable-table{padding: 0 40px;}

.no-sel{
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
}


/****************************/
/***     トップページ     ***/
/****************************/
/*新着記事の日付表示*/
.new-entry-card-date {display: block;}
.caption-box.has-border-color .box-label {color: #333;}

/*新着記事*/
.block_top_infolist{padding: 0 40px;}

/*ブログ一覧*/
.block_top_bloglist{padding: 0 40px;}
/*
.new-entry-cards.card-large-image{display:none!important;}
.top_ttl_blog{display:none!important;}
.btn_blog_more{display:none!important;}
*/

/*新着記事の日付表示位置*/
.block_top_infolist .widget-entry-card-content{
	display: flex;
}
.block_top_infolist .widget-entry-card-content .widget-entry-card-date{
	order: 1;
}
.block_top_infolist .widget-entry-card-content .widget-entry-card-snippet{
	order: 2;
	margin-top: 0;
	margin-left: 2em;
}

/*サムネイル非表示（お知らせ）*/
.new-entry-card-thumb {
	display: none;
}
.large-thumb .new-entry-card-thumb {
	display: block;
}
.widget-entry-cards .widget-entry-card-content {
	margin-left: 0;
	padding-bottom: 0.5em;
}

/*フォントサイズ変更（お知らせ）*/
.new-entry-card-snippet{font-size: 14px;}
.new-entry-card-date span{font-size: 14px;}

/*もっと見るボタン*/
body.home .wp-block-buttons{justify-content: center;display:none;}
body.home .wp-block-button{text-align: center;margin-bottom:4em;}
body.home .wp-block-buttons a span{color:#e60033}

/*タイトルアイコン*/
.block-ttl .fz-20px:before{
	font-size: 1.1em;
    margin-right: 0.3em;
    font-family: "Material Icons";
    content: "\e6dd";
}

/* 新着記事表示 */
.new-entry-cards.large-thumb {
	display: flex;
	flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {width: 33.333%;}

.entry-title {display: none;}

body.index div#breadcrumb,
body.index header .date-tags{
	display: none;
}

body.index .wp-block-button{
    text-align: center;
    margin-bottom: 4em;
}
body.index .wp-block-buttons {
    justify-content: center;
    display: none;
}

.slide-label p{white-space: nowrap;}

body.index div#n2-ss-2 .n2-ss-slide {
    height: auto!important;
    aspect-ratio: 2/1;
}

body.home .video-container{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    max-width: initial;
}
/*
body.home .video-container .video{
    filter: drop-shadow(0px 0px rgba(0,0,0,0));
	outline: none;
    border: none;
}
*/
/****************************/
/***    　お知らせ  　    ***/
/****************************/
body.post-type-archive-news figure.entry-card-thumb{
	display: none;
	width: 0%;
}
body.post-type-archive-news .entry-card-content{
	margin-left: 0%;
}
body.post-type-archive-news .entry-card-snippet{
	font-size: 1em;
    max-height: unset;
    line-height: 1.7;
    overflow: unset;
}
body.post-type-archive-news #list > a{
	pointer-events: none;
	margin-bottom: 10px;
	border-bottom: 2px dotted #eee;
}
body.post-type-archive-news #list > em{
	/*pointer-events: none;*/
	margin-bottom: 10px;
	border-bottom: 2px dotted #eee;
}
body.post-type-archive-news .entry-card-content{
	display: flex;
}
body.post-type-archive-news .entry-card-content .entry-card-meta{
	order: 1;
	position: relative;
	line-height: 1.7;
}
body.post-type-archive-news .entry-card-content .entry-card-snippet{
	order: 2;
	margin-top: 0;
	margin-left: 2em;
}
body.post-type-archive-news .post-date{font-size: 1em;font-weight:bold;}
body.post-type-archive-news .e-card-info{
	display: block;
	flex-wrap: initial;
    justify-content: initial;
    align-items: initial;
}
body.post-type-archive-news h1.archive-title{font-size: 0;}
body.post-type-archive-news h1.archive-title:before{content: 'お知らせ';}

.entry-card .admin-pv{display: none;}



/****************************/
/***    ブログ一覧  　    ***/
/****************************/
body.post-type-archive-blog .ect-3-columns{justify-content: normal;}
body.post-type-archive-blog .entry-card .admin-pv{display: none;}
body.post-type-archive-blog .ect-3-columns .entry-card-snippet{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	margin-bottom: 10px;
}
body.post-type-archive-blog .card-meta{
	 margin-top: 0.5em;
}
body.post-type-archive-blog .card-meta .post-date{
	font-size: 1em;
	font-weight: bold;
}
body.post-type-archive-blog #breadcrumb.pbp-main-top,
body.single-blog #breadcrumb.sbp-main-top{
	display: none;
}
body.post-type-archive-blog #list a{padding: 15px;}


/****************************/
/***    カスタム投稿 詳細  　    ***/
/****************************/
body.single-blog main article header .entry-title,
body.single-2nd-year-report main article header .entry-title{display: block;}
body.single-blog main article header .entry-date,
body.single-2nd-year-report main article header .entry-dat{font-size: 1.5em;}



/****************************/
/***    　「コンテスト」はページがないため、パンくずを非リンクにする  　    ***/
/****************************/
body.parent-pageid-43 .breadcrumb div.breadcrumb-item:nth-child(2) a{
	pointer-events:none;
	cursor: text;
}

/****************************/
/***    　募集要項  　    ***/
/****************************/
.box-radius10{
	border: 1px solid;
	border-radius: 10px;
}
body.description div.wp-block-cocoon-blocks-caption-box-1{
	height: 50vh;
    overflow: auto;
    width: 95%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fffcfc;
    margin: auto;
    padding: 10px;
}
body.description div.wp-block-cocoon-blocks-caption-box-1 table{width: 100%;}
body.description div.wp-block-cocoon-blocks-caption-box-1 table td:nth-child(1) {width: 25%;}
body.description div.wp-block-cocoon-blocks-caption-box-1 table td:nth-child(2) {width: 75%;}
body.description div.caption-box-label{padding: 0;}

/****************************/
/***    　　Ｑ＆Ａ  　    ***/
/****************************/
.ea-card h3{
	background-color: inherit;
	border-bottom: inherit;
	padding:0;
}
.ea-card h3 a{
	font-size: 16px!important;
}
.ea-card h3 a:before{
	content: 'Q';
	font-size: 18px;
	font-family: "M PLUS 1p";
    color: #26a69a;
	margin-right: 0.5em;
}
.ea-header a{padding: 5px 15px!important;}
#kojinkiyaku{font-size: 12px;}
.inq_btn_area{text-align: center;}

/****************************/
/*** これまでのコンテスト ***/
/****************************/
body.contest_archive div.block_top_infolist div.new-entry-card-content{
	display: flex;
	flex-direction: row-reverse;
    justify-content: flex-end;
}
body.contest_archive .wp-block-button{
    text-align: center;
    margin-bottom: 4em;
}
body.contest_archive-child .content-in article .wp-block-button a span{
	color: gray;
}

/****************************/
/***     コンテンツ参加者専用ページ ***/
/****************************/

/****************************/
/***      　問合せ 　     ***/
/****************************/
.table-contactform7{
	overflow: hidden;
	table-layout: fixed;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.table-contactform7.block2 td{
	background-color: white;
    border: 0;
	text-align: center;
}
.table-contactform7.block2 textarea {
    max-width: 100%!important;
    margin: -15px 0px 20px 0px;
	-webkit-text-fill-color: #333;
	opacity: 1;
}
.required-contactform7{
	padding: 1px 5px 3px;
	background: #DE8686;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
.unrequired-contactform7{
  padding: 1px 5px 3px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
.table-contactform7 th{
  font-weight:bold;
}
.table-contactform7 span:nth-child(1){font-size:12px;}
.table-contactform7 span:nth-child(2){font-size:14px;}
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
.table-contactform7 .your-name1,
.table-contactform7 .your-name2{
	display:table-cell;
}
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
.wpcf7-response-output{
	max-width: 800px;
    width: 100%;
    margin: 0 auto;
	color: #dc3232;
	margin: -30px auto 0 auto!important;
}
.wpcf7c-conf {
    background-color: #ddd!important;
}


@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
@media screen and (max-width: 900px){
  .table-contactform7{
    display:block;
  } 
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
	  width:100%;
	  display:block;
	  margin: 0 auto;
	  border:none;
	  text-align: left;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}



/768px以下/
@media screen and (max-width: 768px){
	.new-entry-cards.large-thumb a {width: 50%;}
	.scrollable-table th, .scrollable-table td{white-space:nowrap;}
	.breadcrumb{margin: 4em .4em 1em .4em;}
}

/480px以下/
@media screen and (max-width: 480px){
	.new-entry-cards.large-thumb a {
	width: 100%;
	}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.logo-header{display: none;}
	.search-menu-button{display: none;}
	
	/* モバイルメニュー */
	.mobile-header-menu-buttons .navi-menu-content{background-color: #86cfcf;}
	.mobile-header-menu-buttons .navi-menu-content .menu-drawer li{border-bottom: 1px dotted #949495;}
	.mobile-header-menu-buttons .navi-menu-content .menu-drawer li .sub-menu li:last-child{border-bottom: 0;}
	.mobile-header-menu-buttons .navi-menu-content .menu-drawer a{padding: 10px 6px 10px;}
	
	.article h2 {
		padding: .2em 1em .3em 1em;
		font-size: 18px;
	}
	.article h3 {
		padding: .2em 1em .3em 1em;
		font-size: 16px;
	}
	.article h4, .article h5, .article h6 {
		font-size: 14px;
		padding: 5px 10px;
	}
	.mobile-menu-buttons .menu-button > a:before {
		font-family: "Material Icons";
		content: "\eb4c";
		color: #26a69a;
		margin-right: 0.3em;
		vertical-align: middle;
	}
}



@media screen and (max-width: 1023px) and (max-width: 782px){
	.admin-bar .mobile-header-menu-buttons {margin-top: 48px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
	/*共通*/
	.mobile-menu-buttons .menu-button > a{font-size:14px;}
	/*フッター*/
	#nav_menu-3 ul.menu {
		padding: 0;
		margin: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		text-align: center;
		margin: 0;
	}
	#nav_menu-3 ul.menu li{
		border: 0;
		margin: 2px;
		display: flex;
		flex: 1 1 auto;
		text-align: center;
		font-size: 12px;
	}
	.footer-mobile .widget_media_image {
		width: 48%;
		display: inline-block;
		padding: 0% 3%;
		vertical-align: middle;
	}
	.copyright{font-size:10px;}
	
	/*新着記事*/
	.block_top_infolist{padding: 0;}
	.block_top_bloglist.new-entry-cards.large-thumb{display: block;}
	.block_top_bloglist a.a-wrap{
		max-width: unset!important;
		width: 100%;
	}
	.scrollable-table{padding: 0;}

	.block_top_bloglist{
		padding: 0;
	}
	body.post-type-archive-news .entry-card-content{flex-direction: column;}
	body.post-type-archive-news .entry-card-meta{text-align: initial;}
	body.post-type-archive-news .entry-card-content .entry-card-snippet{margin-left: 0;}
	body.post-type-archive-news .post-date{padding: 0;}
	
	/*Top*/
	.block_top_bloglist a div figure{
		width: 30%!important;
		display: inline-block!important;
	}
	.block_top_bloglist a div div.new-entry-card-content{
		width: 65%!important;
		display: inline-block!important;
		vertical-align: top!important;
	}
	/*Q&A*/
	.ea-card h3{
		padding: .2em 0 0;
	}
	.ea-card h3 a{
		font-size: 14px!important;
	}
	#sp-ea-180.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.fa {
		font-size: 14px!important;
		margin-left: 1em;
	}
	.ea-card h3 a:before{
		font-size: 16px;
	}
	
	/*お問合せ*/
	.table-contactform7 .your-name1, .table-contactform7 .your-name2{display: list-item;}
}


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