@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: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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


/************************************/
/*  全ページ */
/* ************************************/ 

/* タイトル非表示 */
.entry-title ,
.header-container-in.hlt-top-menu {
display: none;
}

/* 文字 */
.syotai1 {
	font-family: "Playwrite NZ", cursive;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size:48px;
	color:#3e2112;
	border-bottom: solid 3px #3e2112;
}
p.syotai1 {
	padding-top:1em;
}
@media screen and (max-width: 834px){
	.syotai1{
		text-align:center;
	}
}

.syotai1-2 {
	font-family: "Playwrite NZ", cursive;
	font-weight: 400;
	font-style: normal;
	font-size:48px;
	color:#fff;
	display:inline-block;
	border-bottom: solid 3px #fff;
}
p.syotai1-2{
	margin:3rem ;
	padding-top:3rem;
}
.syotai2 {
	font-family: "Kaisei Opti", serif;
	font-weight: 400;
	font-style: normal;
	font-size:17px;
	color:#3e2112;
}
p.syotai2-2{
	padding:2rem;
}
.syotai_top_link_small{
	font-size:13px;
}
.syotai_top_link_small::before {
	content:'- ';
	color:#FFF;
}
.syotai_top_link_small::after {
	content:' -';
	color:#FFF;
}
.syotai_tel{
	text-align:left;
	margin:0 2rem;
}

.article h6 {
	margin : 3rem auto ;
	text-align :center ;
}

.top_img {
	width:100%;
	height:600px;
}

/* ボタン */
div.wp-block-button {
	white-space: nowrap;
	text-align :center;
}
.wp-block-button__link {
	width :20rem;
}

/************************************/
/* トップページ */
/************************************/
/* Contents Link エリアの３つブロックの枠 */
.block_space {
	height:18rem;
	text-align:left;
	color:#FFF;
	font-size:13px;
	border-radius:10px;
	border:solid 1px;
	margin-top:-1.2rem;
}
@media screen and (max-width: 900px){
 	.block_space {
	  height :25rem;
	}
}
@media screen and (max-width: 780px){
	.block_space {
		height :15em;
		padding :2em;	 
		margin :2rem;
		font-size :17px;
	}
	.syotai_top_link_small{
		font-size :20px;
	}
}

.contents_link_box {
	padding-bottom:3rem;
}



/************************************
** コンテンツページ　
************************************/

/** コンテンツページ　タイトル **/
.contents_title{
	background-color:#3e2112;
	color:#FFF;
	font-family: "Kaisei Opti", serif;
	font-weight: 400;
	font-style: normal;
	font-size:17px;
	
}

/****************************/
/***** サイドバー ***********/
/***************************/

#sidebar>.widget{
	font-size:12px;
}
.sidebar {
	padding-left:10px;
	font-size:12px;
	border-right:2px #505050;
	border-top:2px #505050;
	border-bottom:2px #505050;
}
.no-scrollable-sidebar .sidebar {
  height: auto;
}

@media screen and (max-width: 1205px){
.sidebar {
 padding: 7%;
 padding-right: 1.5%;
}}

/* サイドバータイトル */
.widget-sidebar-scroll .widget-sidebar-scroll-tytle {
 margin: 0 0 1px;
 font-size: 13px;
 color: #3e2112;
 padding:5px;
 font-weight: bold;
 text-align:center;
}

/*検索マーク色変更*/
.widget_search{
 padding:3px;
}
span.fas.fa-search::before{
 color:#3e2112;
}

.sidebar h3{
 color:#3e2112;
 font-size:12px;
 padding-bottom:0.3em;
 margin-top:3em;
 margin-bottom:1em;
 background: transparent;
 border-bottom: 2px solid #3e2112;
 text-align: center;
}

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
 background-color:#fff;
 font-size:12px;
 margin: 6px 0;
 padding: 4px 10px;
 border-radius:10px;
 transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{
 background-color:#3e2112;/*マウスオーバー時の背景色変更はこちら*/
 color:#fff!important;
}
.tagcloud a{
 background-color:#3e2112;
}
.tagcloud a:hover{
 background-color:#3e2112;/*マウスオーバー時の背景色変更*/
 color:#fff!important;
 transition: 0.4s ;
}

/*カレンダーの当日のバックカラー 色変え*/
.wp-calendar-table #today {
 background-color:#c0c0c0;
}

/* topページ　CTAボックス変更 */
.cta-box{
	background-color:#FFF;
}

/* BLOG各ページ下のブログリンクマーク */
div.entry-categories-tags.ctdt-one-row > div{
	padding-left:3em;
}

/* BLOG固定ページの次へボタン消し */
#main > div.pagination-next > a{
	display:none;
}

a.page-numbers,span.page-numbers.current{
	border:none;
}
span.page-numbers.current::after{
	background-color:#3e2112;
	color:#fff;
}