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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* グローバルメニュー */
#navi {
	font-weight: 500; 
	color:#fff;
	box-sizing:border-box;
background: #f6afbd; /* Old browsers */
background: -moz-linear-gradient(top,  #f6afbd 0%, #e58295 59%, #e58295 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6afbd 0%,#e58295 59%,#e58295 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6afbd 0%,#e58295 59%,#e58295 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6afbd', endColorstr='#e58295',GradientType=0 ); /* IE6-9 */
}

/*
#navi .navi-in > ul::after{
	content: "";
display: block;
width: 16%; 
height: 0;
}
*/

#navi .navi-in ul li{
	line-height:54px;
	/*width:16%;*/
}

#navi .navi-in ul li a{
	color: #fff;
	font-size:15px;
	border-right:1px solid #fff;
}

/*
#navi .navi-in ul li:nth-child(1) a, #navi .navi-in ul li:nth-child(2) a, #navi .navi-in ul li:nth-child(3) a, #navi .navi-in ul li:nth-child(4) a, #navi .navi-in ul li:nth-child(5) a, #navi .navi-in ul li:nth-child(6) a{
border-bottom:1px solid #fff;
}
*/

#navi .navi-in ul li:first-child a{
border-left:1px solid #fff;
}


#navi .navi-in ul li:last-child a{
border-right:1px solid #fff;
}


.navi-in>ul li{
	height:auto;
}


.navi-in > ul > .menu-item-has-children > a::after{
	right: 10px;
}


/* メニューマウスオーバー */
#navi .navi-in a:hover {
	background-color: #fff;
	color: #E58295;
}


/*ヘッダー画像*/

.logo-image{
	padding:0;
}

.site-logo-image{
	vertical-align:top;
}


/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
	img.site-logo-image{
		visibility: hidden;
	}
}

/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(https://petsousai-memories.com/wp-content/uploads/2021/08/header_logo_m.png);
		background-size: auto 30px;
		background-position: center;
		background-repeat: no-repeat;
}
}


/* ヘッダーモバイルメニュー */
.menu-drawer li a{
	display:block;
	padding:1em;
	box-sizing:border-box;
	border-bottom:1px dashed #F3B8C3;
}

.mobile-menu-buttons .menu-open .menu-icon{
color:#eb8295;
}

.mobile-menu-buttons .menu-open .menu-caption{
color:#eb8295;
	font-weight:bold;
}

.navi-menu-content{
	left: auto;
	right: 0;
	transform: translateX(101%);
}



/* フッター */

.tel{
	font-family: 'Noto Serif JP', serif;
	font-size:24px;
	font-weight:700;
	margin-bottom:0.5em;
}

.footA, .footB{
	margin-bottom:20px;
}

.widget .footA h2{
	margin-bottom:0.5em;
	font-size:18px;
}

.footA p{
	font-size:16px;
}

.footA p.tel{
	font-size:22px;
}

.sns{
	color:#E58295;
	font-size:30px;
	overflow:hidden;
}

.sns .fab, .sns .fa{
	margin-right:0.8em;
	float:left;
}


.footB{
	clear:both;
}

.footB ul{
	padding-left:1em;
}

.footB ul li{
	list-style:none;
	font-size:14px;
	margin-bottom:1em;
}

.footB a{
	text-decoration:none;
	
}

.footB a:hover{
	opacity:0.8;
}

@media print, screen and (min-width: 1023px){
	.footB{
		display:flex;
		justify-content:space-around;
	}
	
	.footA, .footB{
		margin-bottom:0;
	}
.widget .footA h2{
	margin-bottom:0.5em;
	font-size:20px;
}	
	
}

.footC{
	text-align:center;
}

.footC img{
	width:300px;
	height:auto
}


.footer-bottom{
	margin-top:0;
}

.navi-footer{
	display:none;
}



@media screen and (max-width: 1023px) {
	.footer-widgets {
		display: block;
	}
	
/*.footer-in{
	padding-top:20px;
}	*/
}

@media print, screen and (min-width: 768px){
	.footer-in{
	padding-top:20px;
}


}

/*モバイルフッターメニュー*/
.mobile-menu-buttons #menu-item-982 > a, .mobile-menu-buttons #menu-item-983 > a{
  background:#e58295;
  color:#fff;
width:98%;
	margin:0 auto;
	padding-bottom:4px;
	text-align:center;
}

.mobile-footer-menu-buttons.mobile-menu-buttons{
	line-height:1.9;
}

.mobile-menu-buttons #menu-item-983 .menu-icon, .mobile-menu-buttons  #menu-item-983 .menu-caption{
	display:inline;
	vertical-align:middle;
}

.mobile-menu-buttons #menu-item-983 .menu-icon{
	margin-right:10px;
	vertical-align:middle;
}

.mobile-menu-buttons #menu-item-983 .menu-caption{
	font-size:17px;
	vertical-align:middle;
	color:#fff;
}

.mobile-menu-buttons .menu-caption{
	opacity:1;
}




/* テーブル 
table{
	width: 90%;
	border-spacing: 0;
	background-color: #FFF;
	line-height: 18px;
}


table th{
	text-align: center;
	background: #f6d2d1;
	border-left: 1px solid #3c6690;
	border-top: 1px solid #3c6690;
	border-bottom: 1px solid #3c6690;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	padding: 10px 0;
}

table td{
	text-align: center;
	border-left: 1px solid #a8b7c5;
	border-bottom: 1px solid #a8b7c5;
	border-top:none;
	box-shadow: 0px -3px 5px 1px #eee inset;
	padding: 8px 0;
}

table td:last-child{
	border-right: 1px solid #a8b7c5;
}
table tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}
table tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}
*/


/*** 検索ボックス（通常時） ***/
.search-edit, input[type="text"] {
 border: 2px solid #E58295; /* 太さ・線種・色 */
}
/*** 検索ボックス（クリック時） ***/
.search-edit:focus{
 outline: none;
 border: 2px solid #E58295; /* 太さ・線種・色 */
 background-color: #faf5ff; /* 背景色 */
}
/*** アイコン変更 ***/
.fa-search:before {
 color: #E58295; /* 色 */
 content: "\f1b0" !important; /* アイコン（肉球） */
}



/*検索結果からページの日付を消す*/
.search-results .ect-vertical-card .entry-card-wrap .post-date, .ect-vertical-card .entry-card-wrap .post-update{
	display:none;
}


/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title{display: none;}



/*日付の先頭にある時計のマークを非表示*/
.fa-clock-o{
	display:none;
}

/*キャッチフレーズ*/
.tagline{
	line-height:1.2em;
margin:0;
	box-sizing:border-box;

	background:#e58295;
	color:#fff;

	padding:6px 4px 4px;
	text-align:left;

}


@media print, screen and (min-width: 768px){
.tagline{
	margin:0;
	padding:0;
	background:#fff;
	color:#e58295;
}	
}



/*サイドバー*/

.sidebar{
  background-color: #f7f7f1;
	padding-top:0;
}

.side01{
	background:#fff;
	border:1px solid #e58295;
	margin-bottom:20px;
}

.side01 img{
	max-width:100%;
	height:auto;
}

.side01_tel{
	color:#fff;
	background:#e58295;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.2em;
	box-sizing:border-box;
	font-size:20px;
	font-weight:500;
}

.side01_num{
	padding:1em 2em;
	box-sizing:border-box;
}

.side01_num p{
	text-align:center;
	font-size:16px;
}



.side02{
	background:#fff;
	border:1px solid #e58295;
	margin-bottom:20px;
	padding:0.6em;
	box-sizing:border-box;
	text-align:center;
	font-weight:500;
	font-size:18px;
}



.side02_btn a{
	background:#e58295;
	color:#fff;
	border-radius:12px;
	padding: 0.5em 0.5em 0.8em;
	box-sizing:border-box;
	text-decoration:none;
	color:#fff;
	display:block;
	width:100%;
	height:100%;
	transition : all 0.3s ease 0s;
	font-size:20px;
}

.side02_btn a:hover{
	opacity:0.7;
}

.side02_copy{
	background:#F5D947;
	background:#fff;
	color:#e58295;
	border-radius:20px;
	width:70%;
	margin:0 auto;
	font-size:16px;
	padding:0;
}

.side03, .side04{
	margin-bottom:20px;
}

.side03, .side04, .side05{
    text-align:center;
}

.side03 img, .side04 img, .side05 img{
	vertical-align:top;
}

.side03 a, .side04 a, .side05 a{
	transition : all 0.3s ease 0s;
}

.side03 a:hover, .side04 a:hover, .side05 a:hover{
	opacity:0.7;
}

@media print, screen and (min-width: 768px){
.side01_tel{
	padding:0;
}
.side01_num{
	padding:1em 1.2em;
	box-sizing:border-box;
}	
	
}


#appeal,
.appeal .appeal-in {
	min-height: 140px;
}

.appeal {
	width:100%;
height:0;
padding-top:44.44%;
	
background-size:cover;
	background-image: url(https://petsousai-memories.com/wp-content/uploads/2023/05/main_sm230518.jpg);

}


@media screen and (min-width: 1023px) {
	#appeal,
	.appeal .appeal-in {
	}
	
.appeal {
	max-width:1280px;
	margin:0 auto;
	padding-top:36.38%;
background-size:contain;
	background-image: url(https://petsousai-memories.com/wp-content/uploads/2023/05/main230518.jpg);
}
}



/*投稿サムネイル*/


.new-entry-card-date {
  display: block;
}


.new-entry-card-title{
	padding-top:1em;
	margin-bottom:0.5em;
	font-size:16px;
	font-weight:bold;
}

.new-entry-card-thumb{
	margin-right:1em;
}


.widget-entry-cards .a-wrap{
margin-bottom:30px;
}

.page .date-tags {display: none;}


.go-to-top .go-to-top-button{
	background:#eb8295;
	color:#fff;
}


/*投稿アーカイブ*/

h1#archive-title{
text-align:center;
margin:0 auto 1em;
padding: 2em;
background-image:url(https://petsousai-memories.com/wp-content/uploads/2021/08/midashi_back.jpg);
background-size:cover;
/*letter-spacing:0.5em;*/
font-family: 'Noto Serif JP', serif;
font-size:26px;
}

@media print, screen and (min-width: 768px){
h1#archive-title{
font-size:30px;
}	
}

.archive-title span{
display:none;
}

h1.entry-title{
	font-weight:500;
	margin-bottom:1em;
}


.categoryid-5 .main, .categoryid-6 .main{
padding:20px;
}


/*PCモバイル表示切替*/
.pc{ display:none; } 

@media print, screen and (min-width: 1023px){
 .pc{ display:block; } 
.sm{ display:none; }
 }


/*カテゴリページで記事がないときの見出しNOT FOUNDを消す*/
.posts-not-found h2{
	display:none;
}

.sidebar .sns-follow-buttons a.twitter-button, .sidebar .sns-follow-buttons a.facebook-button{
	display:none;
}





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


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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.page-body, .menu-content {
    font-size: 14px;
}
}