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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
}
/* main背景 */
.home .main,
.archive .main {
	background: #F2F2F2;
}

.main{
    background-color: #fff;
}

.a-wrap {
    color: #000000;
}

.logo{
	text-align:left;
}

.tagline,
.logo {
	text-align: left;
}
.navi-in > ul {
	justify-content: flex-start;
}

#navi .navi-in > ul > li{
  border-left: 1px solid #93cfec;
}

#navi .navi-in > ul > li:last-child{
  border-right: 1px solid #93cfec;
}

.navi-in > ul > .menu-item-has-children > a::after{
  right: 10px;
} 

#navi .navi-in > .menu-header .item-label{
	font-size: 15px;
}

.new-entry-cards .display-none {
	display: block;
	padding-top: 0.2em;
	text-align: right;
}
.new-entry-card-update-date {
	display: none;
}

.sidebar h3 {
font-size: 16px;
}
.widget_recent_entries ul li a {
font-size: 14px;
}

.sidebar {
  background-color: #F2F2F2;
}

.pagination-next-link {
  background-color: #4cafe0;
  color: #fff;
  border: none;
  border-radius: 30px;
}
.pagination-next-link:hover {
  background-color: #68caee;
  transition: all 0.5s ease;
  color: #fff;
}

.page-numbers {
  color: #49add1;
  border: 1px solid #4cafe0;
  border-radius: 50%;
}
.pagination .current {
  background-color: #4cafe0;
  color: #fff;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #4cafe0;
  color: #fff;
}
a.prev, a.next {
  display: none;
}
@media screen and (max-width: 480px) {
.page-numbers {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
}
.page-numbers {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

/*---------------------------------
カテゴリーに区切り線を入れる
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 1px dotted #CCCCCC; /* 下線の種類 */
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;
}

/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title{border-radius: 8px;}

.sidebar h3 {
  padding:5px 10px;/*見出しの内側の余白を調整する*/
    font-size: 16px; /*文字サイズを小さく*/
    letter-spacing: 2px; /*文字の間隔を少し広く*/
    text-align: center;
}

.go-to-top {
  right: 20px; /*右から20px*/
  bottom: 55px; /*下から55px*/
}

.go-to-top-button {
  border-radius: 50%; /*丸くする*/
  width: 60px; /*横幅*/
  height: 60px; /*高さ*/
  font-size: 30px; /*アイコンフォントのサイズ*/
  opacity:0.9; /*透明度*/
}

/*ホバー時*/
.go-to-top-button:hover {
  color:#fff ; /*アイコンフォントの色*/
  background-color:#68caee; /*背景色*/
}


.search-edit,
input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
textarea,
select {
	  background: #fff; /*入力部分の背景色*/
	  border: none; /*ボーダーを消す*/
  font-size: 14px;
  border-radius: 0.5em;
}
.search-submit {
		  color: #000000; /*アイコンの色*/
  line-height: 20px; /*検索窓の高さ*/
	  font-size: 15px; /*アイコンの大きさ*/
	}

/* カテゴリラベル */

.cat-label {
  top: 0;
  left: 0;
	    border: none; /*ボーダーを消す*/
  border-top: none;
  border-left: none;
}

.cat-link {
  border-radius: 0.5em;
  transition: all 0.3s;
}

.cat-link:hover {
  opacity: 0.8;
}

/* ブログカード */

.a-wrap .blogcard {
  border-color: #005488;
}
.a-wrap:hover {
  background-color: #f1f9fe;
  transform: translateY(-2px);
  box-shadow: 0 0 8px #f6fafd;
}

.blogcard-label {
  background-color: #005488;
}
/************************************
** 背景色設定
************************************/

.a-wrap:hover,
.bp-login-widget-register-link a:hover{
background-color: #fff; /*背景色*/
color: #333; /*フォントカラー*/
transition: all 0.5s ease;
}

.entry-card-wrap {
background-color: #fff; /*背景色*/
border: solid 1px #fff; /*枠線形状・色*/
}