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

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

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

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

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

/*
 * 次ページ見出し予告のスタイル（改変版）
 * 以前のCSSと置き換えてください。
*/

/* リンク全体をブロック要素としてデザイン */
a.next-page-preview-link {
    display: block; /* aタグをブロック要素にする */
    margin: 3em auto; /* 上下の余白 */
    padding: 0.8em 1.5em; /* 【改変点】余白を調整 */
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background-color: #f9f9f9;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.6;
    color: #333;
    text-decoration: none; /* リンクの下線を消す */
    transition: background-color 0.2s, border-color 0.2s; /* ホバー時のアニメーション */
}

/* ホバー時のスタイル */
a.next-page-preview-link:hover {
    background-color: #f0f0f0;
    border-color: #ccc;
}

/* 【改変点】下向き矢印のスタイル（テキストの下に表示） */
.next-page-preview-link .next-page-arrow {
    display: block;
    font-size: 1.5em;
    color: #999;
    margin-top: 0.5em; /* 上のテキストとの余白 */
}

/* 見出しテキスト部分のスタイル */
.next-page-preview-link .next-page-text strong {
    color: #000;
}

/* 【追加】Cocoonの内部リンクアイコンを非表示にする */
.next-page-preview-link .internal-icon {
    display: none !important;
}

/*追加CSS*/
.entry-content pre{
	font-family: 'Courier New', monospace;
	line-height:1em;
}
@media screen and (max-width: 480px){
.article h4{
    font-size: 18px;
	 line-height:1.3;
}
.article h3{
	 line-height:1.5;
}
}
@media (min-width:769px ){
	.sp{
		display:none !important;
	}	
	.respgraph{
		width:600px;
		height:500px;
	}
	div.cta-content > div.cta-thumb > picture > img{
	width:760px;
	height:400px;
}
}
@media (min-width:769px) and (max-width:1260px){
		.respgraph{
		width:90vw;
		height:55vw;
	}
	.cta-thumb picture img{
		width:766px;
		height:400px;
	}
}
@media (max-width:768px){
	.pc{
		display:none !important;
	}	
	.respgraph{
		width:90vw;
		height:100vw;
	}
		.cta-thumb picture img{
		width:80vw;
		height:45vw;
	}
	
}
.cta-thumb img{
	width:760px;
	height:400px;
}
@media (max-width:1236px){
.cta-thumb img{
	width:57vw;
	height:30vw;
}
}
@media (max-width:1024px){
.cta-thumb img{
	width:76vw;
	height:40vw;
}
}
.logo-text {
    padding:10px 0px;
    font-size: 1em;
}

.ad-area:first-child{
	min-height:280px !important;
}
@media (max-width:768px){
	.ad-area:first-child{
	min-height:200px !important;
}
.logo-menu-button a.menu-button-in{
  line-height:1.4em;
}
}