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

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

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

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

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

/*　フッター　*/
/*　フッターはスマホも表示させる　*/
@media screen and (max-width: 834px){
	.footer-widgets {
  		display: block;
	}
}
/*　フッター左　*/
/*　おすすめの文字の大きさ　*/
.recommended.rcs-center-title .card-content {
    font-size: .7em;
    font-weight: bold;
}
/*ピックアップ*/
.widget_nav_menu .menu-item-object-category a,
.widget_nav_menu .menu-item-object-custom a,
.widget_nav_menu .menu-item-object-post a {
	padding: 10px;
	margin-left: 0;
	margin-bottom: 15px;
	border: 1px solid #111;
	background-color: #fff;
	display: block;
	border-radius: 2px;      
	-webkit-border-radius: 2px;   
	-moz-border-radius: 2px;
	font-size: 95%;
	transition: all .3s ease-in-out;
}
.widget_nav_menu .menu-item-object-category a:hover,
.widget_nav_menu .menu-item-object-custom a:hover,
.widget_nav_menu .menu-item-object-post a:hover {
	background-color: #f7f7f7;
}
.widget_nav_menu .menu-item-object-category .fa,
.widget_nav_menu .menu-item-object-custom .fa,
.widget_nav_menu .menu-item-object-post .fa {
	float:right;
	margin-top:0.4em;
}
/*ピックアップを2行にする*/
@media screen and (min-width: 541px){
	.footer .menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.footer .menu li {
		width: 49% !important;
	}
}
@media screen and (min-width: 1024px){
	.footer .menu li {
		width: 100% !important;
	}
}
/*　フッター中　*/
/*ピックアップとマウスオーバー色を合わせる*/
.tagcloud a:hover {
    background-color: #f7f7f7;
}
.footer .tagcloud {
    margin-top: 16px!important;
}
/*　フッター右　*/
.foot-about-rogo {
	margin-top: 20px;
	margin-bottom: 1em;
}
.foot-about {
	font-size: 14px;
}
/*フッターSNS*/
.footer .link-list {
	padding-top: 2em;
	display: flex;
	justify-content: center;
}
.footer .link-list a {
	font-size: 25px;
  color: #555;
  text-decoration: none;
	transition: all 0.3s ease-in-out;
	margin-right: 0.3em;
	margin-left: 0.3em;
	line-height: 25px;
	display: block;
	width: 25px;
	height: 25px;
}
.footer .link-list a:hover {
  color: #111;	
}
.footer .fa-external-link {
	display: none;
}
/*カテゴリーのタイトルが、何故か表示されるので消す*/
.footer .widget_categories .footer-title {
    display: none;
}
/*　カテゴリー、アーカイブのプルダウンマーク　*/
.widget_archive select, .widget_categories select, .wp-block-archives-dropdown select, .wp-block-categories-dropdown select {
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="5"><path d="M0,0 10,0 5,5z" fill="var(--main-text-color)" /></svg>');
    background-position: 98%;
    background-repeat: no-repeat;
    border: 1px solid var(--cocoon-basic-border-color);
    border-radius: 3px;
    color: #757575;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: 32px;
    padding: 6px 24px 6px 12px;
    width: 100%;
    font-size: var(--cocoon-default-text-size);
}
/*検索を調整*/
.search-edit, input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select {
    padding: 6px 12px;
    border: 1px solid var(--cocoon-basic-border-color);
    font-size: var(--cocoon-default-text-size);
    width: 100%;
    border-radius: 3px;
    line-height: 32px;
}
/*　フッターナビとコピーライトの並びを成形　*/
.navi-footer-in > .menu-footer {
    display: block;
    text-align: center;
    margin-top: -2em;
}
.navi-footer-in > .menu-footer li {
    border: none;
    margin-bottom: 1em;
}
.navi-footer-in > .menu-footer li:last-child {
    border: none;
}
.navi-footer-in > .menu-footer li.menu-item {
    width: 100%;
}
.footer-bottom.fnm-text-width .menu-footer li a {
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}
.navi-footer-in a {
	display: initial;
	text-align: center;
	width: auto;
}
.navi-footer-in a:hover {
	background-color: transparent;
	text-decoration: underline;
}
.copyright {
	padding-top: 1em;
	padding-bottom: 2em;
}
.copyright a {
	color: var(--cocoon-text-color);
	text-decoration: none;
}
.copyright a:hover {
	text-decoration: underline;
}