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

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

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

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

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

/************************************
** 以下、みんなのデータサイエンス独自のカスタマイズ
************************************/

#header .site-name-text {
	font-size: 1.3em;
	padding-left: 0.8em;
}

.header-container-in.hlt-top-menu .site-name-text {
    font-size: 25px;
	font-weight: bold;
	padding-left: 10px;
}

.entry-card-title {
    font-size: 1.2em;
	padding-top: 6px;
	padding-left: 5px;
}

.entry-card-snippet {
    font-size: 0.9em;
	padding-left: 5px;
}

.related-entry-card-title {
    font-size: 1.1em;
	padding-top: 6px;
	padding-left: 5px;
}

.related-entry-card-snippet {
    font-size: 0.7em;
	padding-left: 5px;
}


.new-entry-card-title.widget-entry-card-title.card-title {
    font-size: 1.05em;
	font-weight: bold;
	padding-top: 0.3em;
	padding-left: 0.35em;
}

.popular-entry-card-title.widget-entry-card-title.card-title {
	display: block;
	font-size: 1.05em;
	font-weight: bold;
	padding-top: 0.3em;
	padding-left: 0.35em;
}

.entry-card-thumb, .author-thumb, .blogcard-thumbnail, .related-entry-card-thumb, .popular-entry-card-thumb, .new-entry-card-thumb {
    margin-right: 3%;
}

.sns-share-buttons {
	margin-top: 16px;
}

.entry-category, .post-date, .post-update, .post-author, .amp-back {
	font-size: 0.9em;
}

.article h1{
	font-size: 1.6em;
    padding: 3px 0;
}

.article h2{
	font-size: 1.4em;
	background-color: white;
	padding: 10px 0;
	margin-top: 45px;
	margin-bottom: 38px;
	border-bottom: solid 2px black;
	color: black;
}

.article h3{
	font-size: 1.2em;
	margin-top: 42px;
	margin-bottom: 29px;
}

.tagline {
    font-size: 16px;
	margin-top: 0;
}

.date-tags {
	margin-top: 10px;	
	margin-bottom: 40px;
}

.logo-text {
    padding: 20px 0 0 30px;
    font-size: 1em;
}

.footer-bottom {
    margin-top: 0;
    padding-bottom: 20px;
}


element.style {
}
.footnote_plugin_text {
    padding: 10px 6px 10px 0 !important;
}
.footnote_plugin_text {
    width: unset;
}

.footnote_container_prepare p {
    background-color: #f5f6f7 !important;
    padding: 20px !important;
    margin: 10px 0 16px 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
	border-bottom: hidden !important;
}

.footnote_container_prepare {
    padding: 5px 0 !important;
}

.footnote_container_prepare > p {
    border-bottom: hidden !important;
}

.footnote_plugin_index_combi.pointer {
	padding-left: 10px !important;
}


.footnote_plugin_index, .footnote_plugin_index_combi, .footnote_plugin_link, .footnote_plugin_text {
    background-color: white !important;
    padding: 10px 6px 10px 0 !important;
}

tr {
	background: white !important;
 }


/************************************
** ブログカード
************************************/

.blogcard-snippet {
    font-size: 0.6em;
}

.blogcard-wrap {
  transition: all .3s;
  margin: 1em auto;
}
.blogcard {
  border:1px solid #eaeaea !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
  padding: 10px;
}
.blogcard-wrap:hover {
  background: none;
  transform: translateY(-3px);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}
.blogcard-thumbnail {
  margin: 0;
}
.blogcard-thumbnail img {
  display: block;
}
.blogcard-title {
  color: #555;
  letter-spacing: 0.5px;
  font-size: 1em;
  line-height: 1.5;
  margin: 0 0 5px 0;
  overflow: hidden;
}
.blogcard-content {
  min-height: auto;
  padding-left: 10px;
  padding-right: 6px;
}
.blogcard-label {
  top: -11px;
  left: 9px;
  padding: 3px 0.6em;
  background:#aaa;
  padding: 1px 10px;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
}


.output, .output-r, .output-python {
	font-size: 0.9em;
    color: midnightblue;
    border-color: #bee5eb;
	padding: 0 2em;
    border-radius: 0;
    margin-bottom: 1.5em;
	position: relative;
}

/*
.output-r::before {
	content: 'Output';
	color: black;
    background-color: #2d2d2d;
	padding: 0em 1em;
    display: inline-block;
    position: absolute;
    top: 0;
	left: 0;
	margin-left: 1em;
	margin-top: -0.5em;
    font-size: 1em;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.output-python::before {
	content: 'Output';
	color: black;
    background-color: #2d2d2d;
	padding: 0em 1em;
    display: inline-block;
    position: absolute;
    top: 0;
	left: 0;
	margin-left: 1em;
	margin-top: -0.5em;
    font-size: 1em;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
*/

.badge{
	border-radius: 0.2em;
	background: gainsboro;
	padding: 0.2em 0.8em;
	color: black;
	font-size: 0.8em;
	font-weight: bold;
}

/************************************
** グローバルメニュー
************************************/

.item-label {
	margin: 0.2em 0.6em;
}

.navi-in a {
    font-size: 0.8em;
	font-weight: bold;
}

.navi-in > ul li {
	width: auto;
}

.navi-in > ul .caption-wrap {
	width: auto;
}