@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

.kata1 {
  color: #212121;
  background-color: #e0e0e0;
  padding: 10px;
  margin-bottom: 20px;
}

.waku1 {
  background-color: #1f1f1f;
  border-radius: 4px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
  width: 80%;
}

.waku2 {
  background-color: #1f1f1f;
  border-radius: 4px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
  width: 75%;
}

/************************************
** 見出し（H1-6）
************************************/

.article h1 {
  font-size: 20px;
  color: #333333;
  margin-bottom: 5px;
  letter-spacing: 0.1em;
}

.article h2 {
  font-size: 20px;
  color: #444444;
  background: none;
  border-radius: 0px;
  border-bottom: solid 3px;
  padding: 10px 5px;
  letter-spacing: 0.1em;
}

h2:first-letter {
  font-size: 1.5em;
  color: #333333;
}

.article h3, .article h4 {
  font-size: 20px;
  color: #444444;
	border-left: 5px solid;
	border-right: 0px;
	border-top: 0px;
  border-bottom: 0px;
  padding: 10px 10px;
  letter-spacing: 0.1em;
}

.entry-card-title {
  font-size: 17px;
  margin-top: 5px;
	margin-left: 1px;
  line-height: 1.3;
  letter-spacing: 0.03em;
}

#archive-title {
  font-size: 20px;
}

/************************************
** メイン装飾
************************************/

#main {
  padding: 8px;
}

p{
  padding-left:10px;
  padding-right:10px;
}

.no-sidebar .wrap {
  width: 800px;
}

.logo-image {
  text-align: left;
}

.ect-vertical-card {
  margin-top: -10px;
}

.a-wrap {
  padding: 1.4%;
}

.a-wrap:hover {
  background: none;
}

.entry-card-thumb {
  transition-duration: 0.3s;
  box-shadow: 0px 4px 15px -5px rgba(85,85,85,0.75);
}

.entry-card-thumb:hover {
  transform: translateY(-6px);
  box-shadow: 0px 8px 18px -5px rgba(85,85,85,0.75);
}

/************************************
** フッター
************************************/

.menu-footer li {
  line-height: 0.8;
}

#footer a {
  font-size: 12px;
  font-weight: 500;
}

.copyright {
  font-size: 12px;
  font-weight: 500;
}

.footer-bottom-content {
  margin-bottom: 10px;
}

/************************************
** サブ装飾
************************************/

.article ol, .article ul, .article dl {
  line-height: 170%;
}

.breadcrumb, .breadcrumb a {
  margin: 0.5em;
  color: #444444;
  font-size: 12px;
  font-weight: 500;
}

.blogcard {
  transition-duration: 0.3s;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

.blogcard:hover {
  transform: translateY(-6px);
  box-shadow: 0px 8px 18px -5px rgba(85,85,85,0.75);
}

.blogcard-snippet {
  display: none;
}

.go-to-top .go-to-top-button {
  border-radius: 50px;
}

.pagination-next-link {
  padding: 18px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

.page-numbers {
  padding: 16px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

/************************************
** 削除装飾
************************************/

.page .date-tags {
  display: none;
}

.pagination {
  display: none;
}

.cat-label {
  display: none;
}

.widget-entry-cards.large-thumb-on .card-content {
  display: none;
}

.internal-blogcard-footer {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*834px以下*/
@media screen and (max-width: 834px){
  .entry-card-title {
  font-size: 16px;
 }
  .no-sidebar .wrap {
  width: auto;
 }
  .breadcrumb.sbp-main-before, 
  .breadcrumb.sbp-footer-before,
  .breadcrumb.pbp-main-before,
  .breadcrumb.pbp-footer-before {
  padding-left: 1em;
  padding-right: 1em;
 }
}

/*480px以下*/
@media screen and (max-width: 480px){
  .article h1 {
  font-size: 17px;
  padding: 0.6em 0.1em;
 }
  .article h2 {
  font-size: 17px;
 }
  .logo-image {
  width: 300px;
 }
  .waku1 {
  padding: 8px;
  width: 95%;
 }
  .waku2 {
  padding: 8px;
  width: 95%;
 }
}