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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* 折り畳み月別アーカイブのデザイン---------------------------------------------- */

.widget_archive a.year{ /*各年*/
	cursor: pointer;
}

/*各年右横のアイコン*/
.widget_archive a.year::after{
font-family: "Font Awesome 5 Free";
content: '\f107'; /* アイコンの指定 */
position: relative; /* 相対配置 */
left: 5px; /* アイコンの位置 */
font-weight: bold;
}

/*各月*/
.widget_archive .years ul {
display:block;
margin-left: 20px; /*インデント*/
font-size: 1em;
-webkit-transition: 300ms ease;
  transition: 300ms ease-out;
}

.widget_archive ul.years li {
border-bottom: 1px dashed #F08080;/*2px dotted #ccc*/;
}

/*マウスホバー時*/
#sidebar .widget_archive ul.years li :hover {
	background: none;
}

 /*各年をクリックすると開閉*/
.widget_archive ul.years .hide {
	margin: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}


/* 折り畳み月別アーカイブのデザイン---- ここまで------------------------------------------ */

img {border-radius:20px;}
a.cat-link{ color:white!important}
.cat-label{display:none;}

/**/
strong {font-weight:bold!important;}

/*背景変更*/
body {background: url("https://tabeiro.jp/test/images/common/base-tile.png")!important;}
#main {background: url("https://tabeiro.jp/test/images/common/base-tile.png")!important;}
#sidebar {background: url("https://tabeiro.jp/test/images/common/base-tile.png")!important;}
/*#content{background-color:white;}*/

/* mainとサイドバーがはいるように*/
.wrap {
	max-width: 1300px!important;
	width:auto!important;
}

/*退会フォーム*/
.wpcf7 p {font-weight:normal!important;}

/*人気レシピランキング横並びに*/
.popular-entry-cards.large-thumb-on, .popular-entry-cards.large-thumb  {
          display: flex;
	  flex-wrap: wrap;
       	 }

.popular-entry-cards.large-thumb-on a, .popular-entry-cards.large-thumb a {
    width: 32%;
    margin:4px;
}
@media screen and (max-width:640px) {
.popular-entry-cards.large-thumb-on a, .popular-entry-cards.large-thumb a {
    width: 48%;
   margin:1px;
}
.popular-entry-card-title {font-size:80%;}
}
/*人気レシピランキングここまで*/

/*newレシピリスト（愉しくなるレシピ）横並びに*/
.new-entry-cards.large-thumb-on {
    display: flex;
	  flex-wrap: wrap;
       	 }
 .new-entry-cards.large-thumb-on a {
    width: 32%;
    margin:4px;
}
.new-entry-cards.large-thumb-on img{border-radius:0;}
@media screen and (max-width:640px) {
 .new-entry-cards.large-thumb-on a {
    width: 48%;
   margin:1px;
}
.new-entry-cards-title {font-size:80%;}
}
/*お気に入り一覧　横並びに　*/
.favorites-list {
    display: flex;
    flex-wrap: wrap;
    }
.favorites-list img{
  width:200px;
}
.favorites-list a {
    width: 200px!important;
	  margin:0 auto;
}
.favorites-list p {
    width: 200px!important;
	  margin-right:1em;
}

@media screen and (max-width:640px) {
.favorites-list img{
	width:155px;
	}
 .favorites-list a {
    width: 155px!important;
	   margin:0 auto;
}
.favorites-list p {
    width: 155px!important;
	  margin-right:0.5em;
	  font-size:80%;
}
}
/*お気に入り一覧　横並びに ここまで*/


/*シェアする　を非表示に
.sns-share-message{display:none;}*/

/*SNSボタンまるくここから*/

#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字にする*/
	color: #875d5b; /*文字色を指定*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央揃え*/
}
.sns-share-buttons a {
	border-radius: 50%; /*アイコンを丸くする（カスタマイズを！）*/
	font-size: 20px; /*アイコンのサイズ（カスタマイズを！）*/
	margin: 0 5px; /*ボタン同士の間隔（カスタマイズを！）*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅（カスタマイズを！）*/
	height: 40px; /*ボタンの高さ（カスタマイズを！）*/
}


/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字にする*/
	color: #875d5b; /*文字色を指定*/
}
.sns-follow-buttons {
	justify-content: center; /*中央揃え*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*アイコンを丸くする（カスタマイズを！）*/
	font-size: 20px; /*アイコンのサイズ（カスタマイズを！）*/
	margin: 0 5px; /*ボタンの間隔（カスタマイズを！）*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅（カスタマイズを！）*/
	height: 40px; /*ボタンの高さ（（カスタマイズを！）*/
}

/*SNSボタンまるく　ここまで*/

/*Tabeiro会員登録する　画像の囲み線削除*/
.wp-block-image img{border:none!important;}

/*支払う　画像の囲み線削除*/
.swpm-payment-button .stripe-button-el
 { background-image:none;
	 box-shadow:none;
};

/* cocoon skinより*/
/* 全体 */
body {
	    color: #6a859c!important;
}
/* link color */
#sidebar .card-title{
  color: #6a859c;
	font-size: 0.9em!important;
/*	font-weight:600!important;*/
}
.sidebar li a {
    color: #F08080!important;
		font-size: 0.9em;
	/*	font-weight:600!important;*/
}
.sidebar a:hover {
    text-decoration:none!important;
}
.sidebar li a:hover {
    text-decoration:underline!important;
}

.sidebar li{
/*	border-top:1px dashed #F08080;*/
	list-style:none;
	text-indent:1em;
}
.sidebar li:first-child{
	border-top:none;
}
.sidebar .children  li:first-child{
	border-top:1px dashed #F08080;
}
.children  li{ margin-left:1.2em!important;}
.entry-content li{
	border-bottom:1px dashed #F08080;
}
.entry-content .children li{
	border:none;
}

/*firefoxだけSNSアイコンずれるため微調整*/
#header-menu-sub  {
		width:55%!important;/*SNS+searchboxの幅を5％増やす*/
	margin-left: 45%!important;/*5%左に寄せて調整*/
}
.header_pc-inn img#logo {
	max-width:470px;　/* 490pxの画像最大幅を縮小*/
}
#searchform { width:80%!important;} /*検索窓幅*/

/* sp表示のとき　ヘッダー固定縦幅調整　*/
@media only screen and (max-width: 820px) {
	#header {height:55px!important;
	background:rgba(255,255,255,0.9)!important;}
  #content{margin-top:60px!important;}
	.entry-content{margin-top:65px!important;}
}
/*検索窓縦横幅調整*/
dl.search dt{
    padding:0!important;
	/*		  background-color:white!important;*/
		border-radius:10px
}
	/*虫眼鏡外枠背景*/
dl.search dd button{
 background-color:white!important;
		background:url('https://tabeiro.jp/test/images/common/search.png') no-repeat scroll 0 0!important;

	margin:10px 0 0 0!important;
	height:25px!important
	}
/*もとの虫眼鏡　非表示*/
	dl.search dd button span{
    display:block;
	  background:none!important;
	}
.widget_archive .years  a {
font-size: 1em;
}
}


@media only screen and (max-width: 820px) {
	.entry-content{ margin-top:-5px!important;}

}

/************************************
**   FAQ
************************************/
.is-style-square {
    background-color: #f7f7f7;
}
div.faq-question-label.faq-item-label{
    background-color: #D55656;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 50%;
    font-weight: bold;
}
div.faq-answer-label.faq-item-label{
    background-color: #6599B7;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 50%;
    font-weight: bold;
}


#company a{	height:100%!important;}

/* プレミアムカテゴリタグ非表示*/
/*カテゴリ一覧表示はadmin向け表示なのでOK*/
/*.cat-item.cat-item-26{display:none;}
 */

/*各投稿下のカテゴリタグ
 * おうちごはん～　カラー　体調*/
.cat-link.cat-link-26,.cat-link-120,.cat-link-121,.cat-link-122,.cat-link-123,.cat-link-124,.cat-link-125,.cat-link-126,.cat-link-127,.cat-link-128,.cat-link-129,.cat-link-130,.cat-link-131,.cat-link-905,.cat-link-906,.cat-link-907{display:none;}

.cat-link-132,.cat-link-133,.cat-link-134,.cat-link-135,.cat-link-136,.cat-link-137{display:none;}

.entry-card-snippet{display:none;}

/*youtube動画中央寄せ 画像サイズ拡大*/
.video-container {
   margin: 0px auto;
	 max-width: none;
}


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

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

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