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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*　body　*/
body {font-family:'Quicksand', "Hiragino Sans", 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif !important;
	background-color: #fff;
}

/*　home　*/
.tagline {
	margin: 2em 1em;
}

.skin-grayish.front-top-page .container .header-container .header {
	height: 60vh;
}
.skin-grayish.front-top-page .header .header-in {
	justify-content: flex-start;
	margin-top: 10px;
}
.skin-grayish:not(.front-top-page) .header-in .logo-header img {height: 50%;}

.main {
    width: 780px;
}
.wrap {
    width: 1120px;
}

/*　h3　*/
h3 {
	font-weight: normal;
}
.related-entry-card-title, .entry-card-title {
	font-size: 15px;
}
.carousel-entry-card-title {font-size:13px;}

/*リンクボタン用ドロップシャドウ*/
.widget-entry-cards.large-thumb-on .a-wrap {
	filter: drop-shadow(5px 5px 0 rgba(255,198,233));
    transition: 0.2s all ease 0s;
    -webkit-transition: 0.2s all ease 0s;
}
.widget-entry-cards.large-thumb-on .a-wrap:hover { 
	background-color: transparent;/*ホバーサクションの削除*/
	-webkit-box-shadow: none;
    filter: none;
    -webkit-transform: translate3d(2px, 2px, 0);
    transform: translate3d(2px, 2px, 0);
}

/*TOP記事一覧タブのデザイン*/
.index-tab-buttons .index-tab-button {
	border:none;
	border-radius: 0;
	background-color: #EFEFEF;
	font-weight:normal;
	padding: 8px 16px;
}
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"], #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"], #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"], #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"]{
	background: none #00BFF7;
    border: 1px solid #00BFF7;
	position: relative;
	font-weight:normal;
}
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"]:after, #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"]:after, #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"]:after, #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"]:after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    opacity: 1;
    width: 0;
    height: 0;
    border-top: 8px solid #00BFF7;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.index-tab-button:hover {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.index-tab-button {
	-webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease, -webkit-transform 0.4s ease, -	webkit-box-shadow 0.4s ease;
}
/*記事一覧タブのデザイン ここまで*/

/*カルーセルデザイン*/
.carousel-in {
	background-color: transparent;
}
.carousel .slick-arrow:before {
	color: #FF598C;
}

/*フッターデザイン*/
.footer {
	font-size: 15px;
}
#footer h3 {
	border-bottom: 1px solid #fff;
}
#footer li {
	border-bottom: none;
}
#footer .cat-item a {
	padding: 5px 0 5px 30px;
}
#footer .cat-item a::before {
	top: 20px;
}

/*フッター 左デザイン*/
#footer .footer_linkarea ul {
	list-style-type: none;
	padding-left: 0;
}
#footer .footer_linkarea ul img {
	width: 80%;
}

.skin-grayish .footer-widgets::before {background-color: transparent;}

/*サイドバーカテゴリ　記事数デザイン デフォルトから変更*/
.widget_categories ul li a:hover,
.widget_archive ul li a:hover{/*カテゴリ・アーカイブhover時*/
	background:transparent;
	color:#FF1478;/*hover時の文字色*/
	margin-left:5px;/*hover時動く幅*/
}
.widget_categories ul li a:hover,
.widget_archive ul li a:hover{/*カテゴリ・アーカイブhover時*/
	margin-left:5px;/*hover時動く幅*/
}
.widget_categories ul li a .post-count,
.widget_archive ul li a  .post-count{/*カテゴリ・アーカイブ記事数*/
	border:1px solid rgba(221, 221, 221, 0.867);/*囲線*/
	border-radius:5px;
	font-size:.8em;/*数字サイズ*/
	padding:1px 10px;/*囲いの大きさ*/
}
.widget_categories ul li a:hover .post-count,
.widget_archive ul li a:hover  .post-count{/*カテゴリ・アーカイブ記事数hover時*/
	border-color:#FF598C;/*囲線色*/
	background:#FF598C;/*背景色*/
	color:#fff;/*文字色*/
	transition:.4s;/*変化スピード*/
}

.widget_categories ul li a {position: relative;}
.widget_categories ul li ul li a::before {
    background: #FF1478;
}
.widget_categories ul li ul li a::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 66%;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a {
	padding: 8px;
}
.skin-grayish .tnt-none .toc-list>li li a::before {
	background-color: #e9d0db;
}

/*ここまで*/
.card-arrow .card-content {
	margin-right: 15px;
    font-size: 12px;
    line-height: 1.5;
    margin-left: 133px;
}

.card-arrow .a-wrap::after { right: 0;}

/*投稿・固定ページでヘッダー画像なし*/
.single .header,
.page .header {
	background-image: none;
	height: 75px; /*ヘッダーロゴに合わせて90pxに*/
}

/*バルーンデザイン調整*/
div.speech-balloon {
	padding: 20px;
}

/*固定ページで画像なし*/
.page .eye-catch-wrap,
.page .article-header {
	display: none;
}

.skin-grayish .tnt-none .toc-list>li {
	padding: 0em 0 0em 2em;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a {
    padding: 5px;
    font-size: 14px;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	/*投稿・固定ページでヘッダー画像なし*/
	.single .header,
	.page .header {
		height: 65px;
	}
}

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