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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
}
.header-container-in.hlt-top-menu .logo-header img {
	padding: 10px;
}
.logo-menu-button img,
.footer-bottom-logo img{
	width: auto;
}
.no-sidebar .content .main .ect-vertical-card .entry-card-wrap {
	width: 33%;
}
.post-update {
	margin-left:6px;
}
.entry-card-title{
	margin-top:8px;
	transition: .1s;
}
.entry-card-title:hover {
	color: gray;
}
.entry-content,
.entry-footer {
	font-size: 17px;
}
.entry-content {
	margin-bottom: 0;
}
.entry-content p,
.entry-footer {
	line-height: 2;
}
.article-header.entry-header h1{
	font-size: 28px;
	line-height: 1.6;
}
.ect-vertical-card {
	justify-content:center;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
	padding-top:56%;
	overflow: hidden;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
	transition: .1s;
}
.ect-vertical-card .entry-card-wrap:hover .entry-card-thumb img {
	transform:scale(1.05);
}
.ect-3-columns .entry-card-snippet{
	font-weight: 400;
	transition: .1s;
}
.ect-3-columns .entry-card-snippet:hover{
	color: gray;
}
.no-sidebar .content .main{
	background: #f7f7f7;
}
.sidebar-scroll {
	top: 20px;
}
.entry-card {
	background: white;
	transition:.1s;
}
.entry-card:hover {
	box-shadow: 0 0 16px #ddd;
}
.entry-content pre {
	max-height: 400px;
}
.ect-vertical-card .entry-card-wrap .entry-card-content {
	padding: 0 10px 24px;
}
.entry-card-meta {
	bottom: 2px;
	right: 6px;
}
.breadcrumb.sbp-main-before {
	background: #f7f7f7;
	padding: 0 0 4px 0;
}
.breadcrumb.sbp-main-before + .content{
	margin-top: 0;
}
.breadcrumb .fa-folder {
	display: none;
}
.pagination .current {
    background-color: gray;
    color: white;
}
.page-numbers {
	background: white;
	border: #ccc solid 1px;
	transition: .1s;
}
.pagenation a {
	transition: .1s;
}
.pagination a:hover {
    background: gray;
    color: white;
}
.pagination-next-link {
	background: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: #333;
}
.pagination-next-link:hover {
	color: white;
	background:gray;
}
.widget-entry-cards.card-large-image .a-wrap {
    border-bottom: #ccc 1px solid;
}
.widget-entry-cards.card-large-image .card-content {
	font-size: 16px;
}
.article-header.entry-header h1 {
	padding: 0;
	margin: 0 0 10px;
}
.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-caption {
	color: var(--cocoon-x-pallid-text-color);
}
.footer {
	padding-bottom: 80px;
}
.appeal-content {
	background: none;
	color: white;
	padding:0;
}
.appeal-content .appeal-title {
	font-size: 3em;
}
.author-box {
	background: #f9f9f9;
}
.author-box .author-description {
	font-size: 15px;
}
.author-box .author-description p{
	line-height:1.6;
}

.author-widget-name{
	background: #32373c;
    color: #fff;
    margin-bottom: 10px;
    padding: 3px 7px;
    font-size: 16px;
}

.mt-20 {
	margin-top: 20px;
}
.normal-table table tr:nth-of-type(2n+1) {
	background-color: white !important;
}
.normal-table table tr:first-child,
.normal-table table tr th {
	background-color: lightblue !important;
}
.wp-caption.alignnone {
	padding:0;
}
.wp-caption .wp-caption-text {
	padding-bottom:5px;
}
/*記事上部のヘッダー*/
/*kintone導入支援*/
.content-top {
	margin-top:0;
}
.content-top-in {
	width: 100%;
}
.header-area {
  width: 100%;
  background-color: #FFF6D6;
}
.header-area .header-inner {
   display: flex;
   justify-content: center;
   align-items: center;
   text-align:center;
   padding: 20px;
   margin: 0 auto;
}
.header-area .document-image {
	width: 380px !important;
	display:block; 
	margin: 0 auto;
}
.header-area .header-inner .header-area-left {
	margin: 0 40px;
}
.header-area .header-inner .header-area-right h3{
  font-size: 28px;
  line-height: 1.4em;
}
.header-area .header-inner .header-area-right .header-cta-button {
    background-color: #CA0552;
    border-radius: 8px;
    border: 4px solid white;
    color: white;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
	transition: .2s;
	padding: 10px 20px;
	display: block;
	margin: 10px auto 0;
	max-width: 480px;
}
.header-area .header-inner .header-area-right .header-cta-button:hover {
    transform: scale(1.1);
}
@media (max-width: 980px){
	.header-area .header-inner .header-area-left {
		margin: 0 10px;
	}
}
@media (max-width: 948px){
	.header-area .header-inner .header-area-right .header-cta-button {
	padding: 10px 10px;
}
	.header-area .header-inner .header-area-right h3{
		font-size:24px;
	}
	.header-area .document-image {
		width: 290px !important;
	}
    .header-area.kreiel .document-image {
		width: 250px !important;
	}
}
@media (max-width: 767px){
  .header-area {
    display: none;
  }
}
/*クライゼル*/
.header-area.kreisel {
	background-color: #05C6A1;
}
.header-area.kreisel .document-image {
	width: 320px !important;
}
.header-area.kreisel .header-inner .header-area-right h3,
.header-area.kreisel .header-inner .header-area-right p{
	color: white;
}
.header-area.kreisel .header-inner .header-area-right h3{
	margin-top:10px;
}
.header-area.kreisel .header-inner .header-area-right .header-cta-button {
	background-color: #fa0;
}
@media (max-width: 948px){
    .header-area.kreisel .document-image {
		width: 250px !important;
	}
}
/*spice*/
.header-area.spice {
	background-color: #D4EEFF;
}
/*クライゼルCRM*/
.header-area.kreisel.crm {
	background-color: #f2ffee;
}
.header-area.kreisel.crm .header-inner .header-area-right h3,
.header-area.kreisel.crm .header-inner .header-area-right p{
	color: inherit;
}
/*abmta*/
.header-area.kreisel.abmta {
	background-image: linear-gradient(90deg, rgba(78, 115, 185, 1) 0%, rgba(20, 50, 108, 1) 100%);
}
/*記事上部のヘッダー終了*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .no-sidebar .content .main .ect-vertical-card .entry-card-wrap {
	width: 49%;
  }
}

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