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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body.single,
body.page-id-5300 {
	background-color: #FFF5F7;
}
.under-entry-content,
.breadcrumb-category {
	background-color: #fff !important;
}
	.mainsidecontainer {
		width: 100%;
		max-width: 1140px;
		margin: 0 auto;
		padding-top: 70px;
	}
	.mainsidecontainer article {
		width: 70%;
		float:left;
		background-color: #fefefe;
		margin-top: 0;
	}
	.mainsidecontainer .mainsidebar {
		width: 30%;
		float:right;
		margin-top:0px;
	}
	.mainsidecontainer:after {
		content:"";
		clear:both;
		display: block;
	}
	.mainsidecontainer article .entry-title,
{
		padding: 1em 1em 1em 1em;
    background-color: transparent;
    background-image: linear-gradient(174deg, #E5D6F0 0%, #FDCDC3 100%);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
	}
.sidebar ul li a {
	color: #FD82AE;
	font-size: .95em;
}
@media screen and (max-width:1280px) {
	.main {
		width: 100%;
	}
	.mainsidecontainer .article {
		width: 100%;
	}
	.mainsidecontainer .mainsidebar {
		width: 100%;
	}
}
    .sidebar h2 {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6eef7+0,e8d3ef+44,ffccc0+100 */
background: #d6eef7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #d6eef7 0%, #e8d3ef 44%, #ffccc0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #d6eef7 0%,#e8d3ef 44%,#ffccc0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #d6eef7 0%,#e8d3ef 44%,#ffccc0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6eef7', endColorstr='#ffccc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-radius: 3px;
    box-shadow: 2px 2px 6px 1px rgba(0,0,0,.1);
    }
figure {
	border: none !important;
}
figure.wp-caption {
	background-color: rgba(255,255,255,0);
}
#list,
.article,
.under-entry-content, 
.breadcrumb-category {
	width: 100%;
	max-width: 1140px;
	padding: 10px;
	margin: 5em auto 0;
	background-color: #fafafa;
}
.article,
.under-entry-content, 
.breadcrumb-category {
	padding: 1.5em;
}
.pagination__btn--last, .pagination__btn--first, .pagination__btn--next, .pagination__btn--prev, .pagination__item a, .pagination__item--current {
  box-sizing: border-box;
  display: block;
  color: #A4A4A4;
  text-decoration: none;
  text-align: center;
  background: #FFF;
  border: 1px solid #A4A4A4;
  border-radius: 1em;
  min-width: 2em;
  transition: all 0.2s;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  padding: calc(.5em - 1px) 0.5em;
}
.pagination__btn--last:hover, .pagination__btn--first:hover, .pagination__btn--next:hover, .pagination__btn--prev:hover, .pagination__item a:hover, .pagination__item--current:hover {
  color: #FFF;
  background: #FFDEF5;
  border-color: #FFDEF5;
}
@media (min-width: 520px) {
  .pagination__btn--last, .pagination__btn--first, .pagination__btn--next, .pagination__btn--prev, .pagination__item a, .pagination__item--current {
    margin: 0 0.28em;
  }
}
.pagination li {
	list-style: none !important;
}
.pagination {
  display: flex;
  justify-content: center;
  color: #A4A4A4;
  line-height: 1;
  margin: 0;
  padding: 2em 0;
}
.pagination__list {
  display: none;
}
.pagination__item {
  margin: 0;
	list-style: none;
}
.pagination__item--current {
  background: #FFDEF5;
  color: #fff;
  font-weight: bold;
  border-color: #FFDEF5;
  margin: 0 0.28em;
}
.pagination__pos {
  order: 2;
  margin: 0 1em;
  padding: 0.5em;
}
.pagination__btn--prev {
  order: 1;
}
.pagination__btn--next {
  order: 3;
}
.pagination__btn--first {
  display: none;
}
.pagination__btn--last {
  display: none;
}
@media (min-width: 520px) {
  .pagination__list {
    order: 2;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .pagination__pos {
    display: none;
  }
  .pagination__btn--prev {
    margin-right: 1.14em;
  }
  .pagination__btn--next {
    margin-left: 1.14em;
  }
}
@media (min-width: 960px) {
  .pagination__list {
    order: 3;
  }
  .pagination__btn--prev {
    order: 2;
  }
  .pagination__btn--next {
    order: 4;
  }
  .pagination__btn--first {
    order: 1;
    display: block;
  }
  .pagination__btn--last {
    order: 5;
    display: block;
  }
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

.grecaptcha-badge {
    visibility: hidden;
}