@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文字サイズ変更 *
***********************/
/* スマホ・タブレットビュー */
#header .site-name-text {
	font-family: Oswald, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
}
/* タブレットより大きいサイズの指定 */
@media screen and (min-width: 769px) {
	#header .site-name-text {
		font-family: Oswald, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 32px;
	}
}
.header-container-in.hlt-top-menu .navi {
  width: 100%;
		background-color: transparent;
}
.main {
	border-radius: 10px;
	border: 1px solid #ccc;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.1) 100%);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%);
}
/*グローバルメニューに影*/
nav#navi, .menu-header .sub-menu{
	box-shadow:0 5px 12px -5px rgba(0,0,0,.6);
}
/**********************
* h2 *
***********************/
.article h2 {
  font-size: 24px;
  padding: 25px;
  background-color: #eff3f7;
/*  background-color: var(--cocoon-xx-thin-color); */
  border-radius: var(--cocoon-badge-border-radius);
  border-left: 1px solid #202f55;
  border-right: 1px solid #202f55;
  border-top: 1px solid #202f55;
  border-bottom: 7px solid #202f55;
}
/**********************
* YouTube *
***********************/
.video-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
}
.video-container iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/**********************
* Amazon box *
***********************/
.product-item-box {
 	position: relative;
	background-color: #fff;
}
.product-item-box .image-thumb img {
	border: 1px solid #ccc;
	box-shadow: none;
}
/**********************
* 最近の投稿タイトルにNew! *
***********************/
span.new-txt{
	font-family: Oswald, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.8em;
	color:#bf9b55;
	margin-left: 3px;
}
/**********************
* 投稿日と更新日を表示 *
***********************/
.widget_new_entries .display-none {
	display: block;
	text-align: right;
	font-size: 14px;
}
/*更新日非表示*/
.widget-entry-card-update-date {
	display: none;
}
/**********************
* 投稿内ブログカードマウスオーバー *
***********************/
/*　トップページカード */
.main .list .a-wrap .card-thumb {
    transition: all 0.3s ease-in-out;
}
.main .list .a-wrap:hover * .card-thumb {
    opacity: .8;
}
/*　関連記事カード　*/
.related-list .a-wrap .card-thumb {
    transition: all 0.3s ease-in-out;
}
.related-list .a-wrap:hover * .card-thumb {
    opacity: .8;
}
/*　ウィジェットカード　*/
.new-entry-card-link.a-wrap .card-thumb, .popular-entry-card-link.a-wrap .card-thumb {
    transition: all 0.3s ease-in-out;
}
.new-entry-card-link.a-wrap:hover * .card-thumb, .popular-entry-card-link.a-wrap:hover * .card-thumb {
    opacity: .8;
}
/**********************
* サイドバー角丸 *
***********************/
.sidebar {
	border-radius: 10px;
	background-color: transparent;
}
.a-wrap:hover {
  background-color: #fdfdfd;
  transition: all 0.5s ease;
  color: #333;
}
.sidebar h3 {
  padding: 5px 10px;
  font-size: 16px;
  color: #333;
}
.mobile-menu-buttons {
  background: #454C50;
  color: #333;
}
.mobile-menu-buttons .menu-icon::before {
  font-family: FontAwesome;
  font-size: 1em;
}
.mobile-menu-buttons .menu-caption {
  color:#fff;
}
.mobile-menu-buttons .menu-button:hover {
  background-color: #6E777C;
  color: #fff;
}
.menu-close-button {
  color: #333;
}
.menu-close-button::before {
  color: #454C50;
}

/* 「スポンサーリンク」のフォントサイズ */
.ad-label {
	font-size:83.3%;
}
  .footer-bottom-logo {
    margin-bottom: 14px;
  }
p#copyright span.post-author{
	font-size: 14px;
}
/**********************
* post-views-countert *
***********************/
/* Widget */
.widget_post_views_counter_list_widget ul{
	padding-left:0;
	color: #808080;
}
.widget_post_views_counter_list_widget li{
	list-style:none;
	font-size:14px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 4px;
	margin-bottom: 3px;
}
.widget_post_views_counter_list_widget img {
	float: left;
	border: 1px solid #fff;
	margin-right: 5px;
}
.widget_post_views_counter_list_widget li a{
	display: block;
	color: #333;
	text-decoration: none;
}
.widget_post_views_counter_list_widget li:hover{
	color: #333;
	background-color: #fff;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
.widget_post_views_counter_list_widget span.dashicons-chart-bar {
	color: #c4c4c4;
}
/* 投稿下 post-view-counter フォント */
span.post-views-label {
	font-size: 14px;
	color: #777;
}
span.post-views-count {
	font-size: 14px;
	color: #777;
}
/**********************
* Homeの姉妹サイトFeed *
***********************/
.getfeed-wrap {
	display:flex;
	flex-flow: column;
	margin-top:-20px;
	margin-bottom:15px;
}
.getfeed {
	text-decoration: none;
	color: #333;
	font-size:12px;
	list-style:none;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 6px;
	margin-bottom: 3px;
	position: relative;
}
.getfeed a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.getfeed:hover{
	background-color: #fdfdfd;
	transition: all 0.3s ease-in-out;
}
.getfeed img{
	float: left;
	margin-right: 5px;
}
/**********************
* monthchunks *
***********************/
.monthchunks {
	padding-left: 50px;
	margin-top: -30px;
}
.monthchunks ul li {
	margin-top: -30px;
}
/* Marathon Calc */
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}
.bordered {
	max-width: 630px;
	font-size: 12px;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;
}
.bordered tr  {
    background: #fbfbfb;
}
.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
	font-size: 12px;
	line-height:150%;  
}
.bordered td.jikyu-k, .bordered th.jikyu-k {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;
	font-size: 12px;
	line-height:100%;  
}
.bordered td.lap-pace, .bordered th.lap-pace {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: right;
	font-size: 14px;
	line-height:150%;  
}
.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}
.bordered td:first-child, .bordered th:first-child {
	border-right: none; 
}
.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
input.result { width: 25%; font-size:14px;}
input.time { width: 55%; font-size:14px; background-color: #f4f9fe;}
/*WordPressの追加cssに記述していたもの*/
.cta-box {
  background-color: #ddd;
  color: #bf9b55;
  padding: 15px;
}
.sns-share-buttons a {
  height: 30px;
}
.sns-follow-buttons a {
	margin-top: -23px;
}
.footer-bottom-logo .site-name-text {
		font-family: Oswald, "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
  font-size: 18px;
	  color: #555;
  padding-bottom: 8px;
}
/*検索ボックスのカスタマイズ（一体型・丸縁）*/
/*ここから*/
/*入力欄*/
.search-box .search-edit {
	padding: 8px 16px;
	padding-right: 68px;
	border-color: #999;
	border-radius: 10px;
}
/*検索ボタン*/
.search-box .search-submit {
	top: 0;
	right: 0px;
	height: 100%;
	width: 60px;
	color: #fff;
	background-color: #999;
	border-radius: 0 10px 10px 0;
}
.search-box .fa-search {
	display: block;
	margin-top: 3px;
	margin-right: 3px;
}
/*入力欄と検索ボタンの強調の無効化*/
.search-box .search-edit:focus, .search-box .search-submit:focus {
	outline: 0;
	outline-offset: unset;
}
/*ここまで*/
/*モバイルフッターアイコン色変更*/
.mobile-footer-menu-buttons  .menu-icon {
color: #fff;
}
/* 最近のコメント ウィジェット */
.recent-comment-content {
  font-size: 0.75em;
}
.recent-comment-info,
.recent-comment-article {
  font-size: 14px;
}
/*固定ページでSNSボタン非表示*/
.page .sns-share {
    display: none;
}
/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}
/*アコーディオンのトグル*/
.toggle-button::before {
  content: "\f063";
  font-family: FontAwesome;
  margin-right: 0.8em;
  font-size: 0.8em;
  color: var(--cocoon-x-pallid-text-color);
  opacity: 0.9;
}
.toggle-checkbox:checked ~ .toggle-button::before {
  content: "\f062";
}
/************************************
** トグルボックス
************************************/
/*見出し*/
.toggle-button {
background:linear-gradient(to right,#68a9cf, #bbdbf3, #68a9cf); /*背景色*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** reCAPTCHAのロゴを非表示
************************************/
.grecaptcha-badge { visibility: hidden; }