@charset "UTF-8";

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

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

/* CTAのスタイル */

.cta-a, .cta-b {
	margin:70px 0px;
	display:flex;
	flex-direction:column;
	gap:45px;
}

.cta-a-title,.cta-b-title {
	font-size:20px;
	font-weight:bold;
/* 	border-top: 2px solid #ddd; */
	border-bottom: 3px solid #CCCCCC;
	background-color:#ffffff;
}

.cta-a h2, .cta-b h2{
	background-color:#ffffff;
	padding:15px;
}


.cta-a-image {
	text-align:center;
	width:100%;
}
.cta-a-image a{
	width:100%;
}

.cta-b-image{
	text-align:center;
	width:100%;
}

.cta-b-image a{
	width:90%;
}


.cta-b-features {
	font-weight:bold;
	margin-left:20px;
}

.cta-b-features .cta-b-features-title{
	margin:0;
}

.cta-b-features .cta-b-features-list{
	margin:0;
	list-style-type:disc;
	list-style-position:inside;
}

.cta-a-button {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	line-height:normal;
}

.cta-b-button {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	line-height:normal;
}
.cta-a-button:hover ,.cta-b-button:hover {
	opacity:0.7;
	transition:all 0.5s ease 0s;
}

.cta-a .cta-a-button-link{
	line-height:1;
	color:#ffffff;
	border-radius:4px;
	font-weight:bold;
	font-size:16px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding: 25px 45px;
	background-color:#1e50a2;
}

.cta-b .cta-b-button-link{
	line-height:1;
	color:#ffffff;
	border-radius:4px;
	font-weight:bold;
	font-size:16px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding: 25px 45px;
	background-color:#e60033;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

.header, .header .site-name-text {
    color: inherit;
}
#is-headerFixed{
	background-color:#fff;
}

.appeal {
    
    background-size: cover;
}

.widget-sidebar-title.widget-title{
	font-size:16px;
}
.nwa .ranking-item-description p{
	font-size:75%;
	line-height: 1.4; font-weight: normal;
}

.entry-content a{
	color: #00308f;
	text-decoration:underline;
}
.entry-card-snippet.card-snippet.e-card-snippet{
	font-weight: normal;
}
.cat-label{
	display:none;
}
.cat-link.cat-link-1{
	display:none;
}