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

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

.popular-entry-card-post-date .fa-clock,
.popular-entry-card-update-dat .fa-history,
.new-entry-card-post-date .fa-clock,
.new-entry-card-update-date .fa-history {
display: none;
}

.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
  display: none;
}

.body{
	font-family:  font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ'}

.eiji{
	font-family: serif;
	color:#fa8072;
}

/*/たてがき/*/
.tategaki{
	writing-mode: vertical-rl;    /* 文章を縦書きにする */
	margin: 0 auto;               /* コンテンツを中央寄せにする */
	font-size:16px;               /* 文字サイズを23pxに設定 */
	line-height:50px              /* 文字間隔を50pxに設定 */
}

/*以下hタグの修飾*/
 /*見出し初期化*/
.article h2
{  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
	background-color:#fff;
}

 /*見出し初期化*/
.article h3
{  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
	background-color:#fff;
}

/*boldかつやや大きめ*/
.article h3 { 
         font-size:1.3rem;
　　 font-weight:bold;
	margin-bottom: 1rem;
}

/*以下修飾*/
/*Point*/
.pointmid {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border: 3px solid #000;
}

.pointmid:before {
  font-size: 15px;
  font-size: 1rem;
  position: absolute;
  top: -24px;
  left: -3px;
  height: 24px;
  padding: 0 1em;
  content: 'POINT';
  color: #fff;
  background: #332727;
}

/*強調用囲み*/
.colorkakomi{
 background-color: #EEEEEE;
 padding :1.5em 1.5em 1.5em 1.5em;
}

/*例*/
.{
 background-color: #EEEEEE;
 padding :1.5em 1.5em 1.5em 1.5em;
}

/*引用はそのまま*/

/*こんな人におすすめ*/
.colorkakomi{
 background-color: #dceeec;
 padding :1.5em 1.5em 1.5em 1.5em;
}

/*目次用*/
.toc-002 {
    margin-bottom: 30px;
    border: 2px solid #000000;
    border-radius: 3px;
}

.toc-002 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #000000;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.toc-002 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
}

.toc-002 ol {
    list-style-type: disc;
    margin: 0;
    overflow: hidden;
}

.toc-002 > ol {
    padding: 1em 1em 1em 3em;
}

.toc-002 ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.toc-002 li {
    padding: 5px 0;
    font-weight: 600;
}

.toc-002 ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.toc-002 a {
    color: #333;
    text-decoration: none;
}



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

.pc { display: block !important; }
.sp { display: none !important; }

/*700px以下*/
@media screen and (max-width: 700px){
	.pc { display: none !important; }
	.sp{ display: block !important; }

}

/*580px以下*/
@media screen and (max-width: 580px){
  /*必要ならばここにコードを書く*/
	.pc { display: none !important; }
    .sp { display: block !important; }
	.ue { display: none !important; }
	.br-sp {display: none; }
}
	.br-pc {display: block; }


.oomidashi{
	font-size:35px;
}

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

 .main{
	padding:0
	font-size:12px;
	}
	
	
/* これ必要だから消さない */
		.header-container{
		
	}
	
	}

/*/余白調整用/*/
.main{
	padding: 0 2% 0;
}

.entry-content {
	margin-top:0;
}

.content {
	margin-top:0;
}



/*/プロフィールボックス/*/

.author-box .author-name {
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0;
}
.author-name a {
  text-decoration: none;
  color: #333;
}
.author-widget-name {
  font-size: 0.8em;
  color: #bbb;
}
.author-box p {
  margin-top: 2em;
  line-height: 1.5;
  font-size: 0.9em;
}
.author-box {
  border: 1px solid #eee;
  border-radius: 4px;
  margin: 1em 0;
  line-height: 1.4;
  position: relative;
  padding: 1.4% 2% 1.8%;
}
.author-follows {
  background: #729be6;
  margin: 0 -20px -20px -20px; 
  padding: 20px 0;
}
.author-box .sns-follow-message {
  display: block;
  color: #fff; 
}
.author-box .sns-follow-buttons a.follow-button {
  font-size: 18px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-bottom: 4px;
  margin-right: 4px;
  background: none;
  color: #fff;
  border: 1px solid #fff;
  transition: .5s;
}
.author-box .sns-follow-buttons a.follow-button:hover {
  background: #2e7fd0;
  opacity: 1;
}
.author-box a.follow-button span {
  line-height: 32px;
}
main .author-box p {
  margin-top: 1em;
}
main .author-box {
  border: none;
  border-top: 1px solid #729be6;
  border-radius: 0;
  padding-top: 30px;
}
main .author-box::after {
  content: "ABOUT ME";
  font-size: 14px;
  background: #729be6;
  border-radius: 0 0 10px 10px;
  color: #fff;
  padding: 6px 20px;
  position: absolute;
  top: 0;
  right: 0;
}
main .author-follows {
  background: none;
  margin: 0; 
  padding: 0;
}
main .author-box .sns-follow-buttons a.follow-button {
  background: #729be6;
  border: none;
}
main .author-box .sns-follow-message {
  display: none;
}
@media screen and (max-width: 480px){
main .author-box {
  text-align: center;
  font-size: 0.9em;
}
main .author-box::after {
  right: auto;
  left: 0;
}
main .author-thumb {
  float: none;
  margin-top: 3px;
  width: 120px;
  display: inline-block;
}
main .author-box .author-thumb {
  float: none;
  margin-top: 3px;
  width: 120px;
}
main .author-box .author-thumb img {
  margin: 0 auto;
}
main .author-box .author-content {
  margin: 0;
}
main .author-description {
  text-align: left;
}
main .author-box .sns-follow-buttons {
  justify-content: center;
}
}
.author-box .icon-twitter-logo::before {
  font-family: FontAwesome;
  content: "\f099"
}
.author-box .icon-facebook-logo::before {
  font-family: FontAwesome;
  content: "\f09a";
}
.author-box .icon-instagram-new::before {
  font-family: FontAwesome;
  content: "\f16d";
}
.author-box .icon-hatebu-logo::before {
  font-family: Verdana;
  content: 'B!';
  font-weight: bold;
}
.author-box .icon-google-plus-logo::before {
  font-family: FontAwesome;
  content: "\f0d5";
}
.author-box .icon-youtube-logo::before {
  font-family: FontAwesome;
  content: "\f167";
}
.author-box .icon-pinterest-logo::before {
  font-family: FontAwesome;
  content: "\f231";
}
.author-box .icon-amazon-logo::before {
  font-family: FontAwesome;
  content: "\f270";
}
.author-box .icon-github-logo::before {
  font-family: FontAwesome;
  content: "\f09b";
}


.cat-link {
color: #ff0000;
border:none;
background-color: transparent;
}

.tag-link {
color: #6c47ff;
border:none;
background-color: transparent;
}

.cat-label {
display: none;
}


/* H2 */
.article h2{
font-size:1.5em;
background:none;
border-bottom: 1.5px solid;
padding: 0px;
margin: 20px 20px 20px 20px;
}


/* 記事タイトルH1マージン広げて */
.article h1{
margin-top: 40px;
}


/* タイトルのマージン0 */
.entry-title {
	margin-bottom:0;
}

/* 日付のマージン0 */
.date-tags {
	margin-bottom:0.5em;
}

/* サイドバーのh3消す */
.sidebar h3 {
display: none;
}


/* 本フォーマット用ボックス */
.book-shadow {
display: flex;
align-items: left;
justify-content: center;
color: #333333;
background-color: #fffefc;
border-radius: 3px;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
}

/* rinkerの上部マージン調節 */
div.yyi-rinker-contents {
    margin-top: 0;
}

/* h2にあわせるためのpマージン調節 */
p {
margin: 0 0 0 20px;
}