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

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

.header-container {margin-bottom:50px;}

#header-container #navi-in ul li {padding:1%; width:calc(100% / 4); }
#header-container #navi-in ul li a{border:solid 3px #000000; border-radius:20px; background:#ffa650; color:#FFFFFF; box-shadow: 4px 4px #a9a9a9; font-size:2.0vw; font-weight:bold; padding:20px;}

.page-id-16 #header-container #navi-in ul li:nth-child(1) a {background:#ffd700;}
.page-id-31 #header-container #navi-in ul li:nth-child(2) a {background:#ffd700;}
.page-id-21 #header-container #navi-in ul li:nth-child(3) a {background:#ffd700;}
.page-id-24 #header-container #navi-in ul li:nth-child(4) a {background:#ffd700;}





img{vertical-align:top;}
.kaigyou:after {content:""; display:block; clear:both;}
.site-name-text-link{width:30%; margin-bottom:50px;}
.page .date-tags { display: none;}
.main {background:#FFF9EE;}

.post-template-default .main .entry-content {margin-top:50px;}

.page h1 {font-size:30px; padding:0; text-align:center; letter-spacing: 0.12em; }
.page h1 span{font-size:20px; letter-spacing: 0em;}

.front-page-type-index .entry-card-wrap {padding:3%; width:48%; border:solid 3px #000000; border-radius:10px; background:#ffa650; color:#FFFFFF;  box-shadow: 7px 7px #a9a9a9;}
.front-page-type-index .entry-card-wrap:nth-child(odd) {margin-right:2%;}
.front-page-type-index .entry-card-wrap .entry-card-thumb {margin-bottom:10px; }
.front-page-type-index .entry-card-wrap .entry-card-thumb img{border-radius:10px;}

.front-page-type-index .cat-label {display:none;}

/* ページネイション */
.pagination-next-link {display:none; margin-top:0;}
.pagination {margin-top:0; margin-bottom: 50px;}
.pagination > .page-numbers{color: #000000; border:solid 3px #000000; border-radius:10px; margin-top:0; box-shadow: 7px 7px #a9a9a9;}
.pagination > .current{background-color: #ffa650;}
.page-numbers.dots {background-color:transparent; color: #000000; border:solid 3px #000000;}

/* この記事を書いた人 */
#author_box { border: 3px solid #A0A0A0; border-radius:10px; padding: 0px; width: 50%; max-width: 100%; }
#author_box_title {padding-left:20px; font-size: 14px; font-weight: bold; margin-bottom: 10px; color:#FFFFFF; background:#A0A0A0; border-radius:5px 5px 0 0; }
#author_box_inner {padding: 10px 20px 20px 20px; display: flex; align-items: flex-start; width: 100%; }
#author_picture {width:19%; margin-right:3%; }
#author_box_inner_inner { width: 78%; }
#author_name {color:#A0A0A0; font-size: 20px; font-weight: bold; }
#author_profession {margin-top:10px; color:#A0A0A0; font-size: 16px; line-height: 1; margin-top:0; }
#author_biography {color:#A0A0A0; padding: 0px 20px 20px 20px;}

/* SNS用のボタン */
#main .sns-share {margin-top:30px;}
.sns-share-buttons a {margin-right:1.5vw !important; }
.sns-share-buttons a:last-child {margin-right:0px !important; }
.sns-share.ss-top .sns-buttons a {width: 3.5vw; height: 3.5vw; border-radius: 50%; color:#FFFFFF; background: #2e8b57; border:solid 2px #000000; box-shadow: 4px 4px #a9a9a9;}
.sns-share.ss-top .sns-buttons a .social-icon {	font-size: 18px;}
.sns-share.ss-top .sns-buttons a .button-caption { display: none; }

/* サイドバー */
#sidebar {border:solid 3px #000000; border-radius:10px; background:transparent; margin-top:50px;}
#sidebar .widget_new_entries h3 {border:solid 3px #000000; border-radius:20px; background:#ffa650; color:#FFFFFF; box-shadow: 4px 4px #a9a9a9; font-size:2.0vw; font-weight:bold; padding:3px; text-align:center; margin-bottom:30px; margin-top:0px;}

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

.page h1 {font-size:26px; text-align:center; line-height:1.1; margin-bottom:60px;}
.page h1 span{font-size:16px; line-height:1.0;}
.post h1 {padding:0;}

#header-container #navi-in {margin-right:1%; margin-left:1%; }
#header-container #navi-in ul li {width:calc(100% / 2); margin-bottom:3%;}
#header-container #navi-in ul li a{font-size:4.5vw; font-weight:bold; border:2px solid #000000; border-radius:20px; box-shadow: 3px 3px #a9a9a9; }

#header-container {background:transparent;}

.front-page-type-index .entry-card-wrap {border:solid 2px #000000; padding:3%; box-shadow: 4px 4px #a9a9a9;}
.front-page-type-index h2.entry-card-title {padding-left:2%;}
	
/* SNS用のボタン */
.sns-share-buttons a {margin-right:2.8vw !important; }
.sns-share.ss-top .sns-buttons a {width: 10vw; height: 10vw; border-radius: 50%; }

/* この記事を書いた人 */
#author_box { border: 3px solid #A0A0A0; padding: 0px; width: 100%; max-width: 100%; }
#author_picture {width:19%; margin-right:3%;}
#author_box_inner_inner { width: 78%; }
#author_name {font-size: 18px; }
#author_profession {font-size: 3.5vw; }
#author_biography {line-height:1.5;}
	
/* ページネイション */
.pagination > .page-numbers{box-shadow: 4px 4px #a9a9a9;}


/* サイドバー　*/
#sidebar {margin-right:5%; margin-left:5%; padding-top:0px;}
#sidebar .widget_new_entries {margin-right:2%; margin-left:2%; }
#sidebar .widget_new_entries h3 {box-shadow: 4px 4px #a9a9a9; font-size:6.0vw; margin-top:20px;}

}

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

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