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

/************************************
** 子テーマ用のスタイルを書く
************************************/
:root {
	--cocoon-basic-border-radius: .6rem;
	--cocoon-white-color: #fcfcff;
}

header .site-name-text {
	font-size: 3rem;
	font-weight: 800;
}
.logo-text {
	padding: 5px 0;
}

img {
	border-radius: 0.3em;
}

#carousel {
	margin: 2rem 0;
}
.carousel-in {
	border-radius: .6rem;
}

/* 記事 */
/* パンくずリスト */
.breadcrumb, .breadcrumb a {
	color: #454545;
}

/* PR */
.pr-label-l {
	background: var(--cocoon-xx-thin-color);
	border-radius: 0.5em;
	font-weight: 500;
	border: unset;
}

/* サムネイル */
.card-thumb img {
	border-radius: .6em;
}
/* サムネ上ラベル */
.cat-label {
	display: none;
}

/* SNSシェアボタン */
.ss-top .button-caption {
	display: none !important;
}

/* 目次 */
.toc {
	background: #f4f5f7;
	border-radius: .3rem;
	border: unset;
}
/* 目次 - サイドバー */
#sidebar-scroll .toc {
	padding: 1em;
}
#sidebar-scroll .toc li {
	margin-left: .6rem;
	margin-bottom: .6rem;
}

/* ヘッダー */
.article h2, .article h3 {
	border-radius: 0.21em;
}

.article h3 {
	border: unset;
	border-left: 6px solid #282828;
}

.article h4 {
	border-top: unset;
}

/* サイドバー */
/* ヘッダー */
.sidebar h2 {
	border-radius: 0.21em;
}

.sidebar h3 {
	border-radius: unset;
	color: #282828;
	background-color: #fff;
	border-bottom: 1px solid #282828;
}

/* カード */
.widget-entry-cards:not(.large-thumb-on) .card-title {
	-webkit-line-clamp: 3;
}

.info-list-item-meta {
	display: none;
}

/* -- Rinker -- */
div.yyi-rinker-contents {
	border-radius: .6rem;
	border: solid 1px #eee;
	background-color: var(--cocoon-xx-thin-color);
	box-shadow: unset;
}

div.yyi-rinker-contents div.yyi-rinker-title a {
	color: #2162a1;
}

div.yyi-rinker-detail .credit-box {
	display: none;
}

div.yyi-rinker-contents div.yyi-rinker-detail {
	color: #454545;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
	background: #000003;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
	box-shadow: unset;
	border-radius: 0.54rem;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
	padding: .6rem 4rem;
	height: unset;
}


div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
	color: #FFFFFF;
	font-size: 0.95em;
}

div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
	box-shadow: unset;
	filter: opacity(0.81)
}

div.yyi-rinker-contents ul.yyi-rinker-links li a .fas {
	display: none;
}

/* この記事を書いた人 */
.author-box {
	border: unset;
	background: #f4f5f7;
	padding: 1.2em;
}
.author-content {
	margin-left: 150px;
}
.author-widget-name {
	font-weight: 600;
	margin-bottom: 1.2em;
}
.author-box .author-name a {
	font-weight: 600;
	color: var(--cocoon-text-color);
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.eye-catch-wrap, .eye-catch-wrap * {
		display: none;
	}
	
	#header-container {
		display: none;
	}
	
	#navi .navi-in>.menu-mobile li {
		width: 50%;
	}
}

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

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