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

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

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*投稿背景透明*/
.page .date-tags {
display: none;
}
#main { background: transparent; }

#footer{
	width 100%;
	background-image:url(https://petsalon-happytail.com/wp-content/uploads/2025/03/20250308_footer_w1200.png);
　background-size:100% auto;
　background-position:center;
   background-position:bottom;
	background-repeat:no-repeat;
	
　position:relative;
	padding-bottom:30%
}

	.footer-bottom-content .copyright{
  margin-bottom: 50px;
}

.card-thumb img,
.widget-entry-card {
	border-radius: 10px; 
}
.new-entry-card-content {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
}

/* SNSボタンカラー */
.sns-buttons a {
    background-color: #e7578a !important;
}
.ss-top .sns-share-buttons {
    padding: 10px 0;
}
/* SNSボタン背景カラー */
.ss-bottom {
    padding: 1.5em .5em .2em;
}
/* SNSボタンを丸くする */
#main .button-caption {
    display: none;
}
/* SNSシェアボタン */
.ss-bottom .sns-share-message {
    font-weight: bold;
    color: #4d2715;
}
.ss-bottom .sns-share-buttons {
    flex-wrap: nowrap;
    justify-content: center;
}
.ss-bottom .sns-share-buttons a {
    font-size: 20px;
    margin: 0 10px;
}
#main .sns-share a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
/* SNSフォローボタン */
.sns-follow-message{
    font-weight: bold;
    color: #4d2715;
}
.sns-follow-buttons {
    justify-content: center;
}
.sns-follow-buttons a {
    border-radius: 50%;
    font-size: 20px;
    margin: 0 10px;
}
#main .sns-follow a {
    width: 50px;
    height: 50px;
　 border-radius: 50%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
		#navi .navi-in > .menu-mobile li{
	align-items: center; /*縦中央寄せ*/
    font-size:20pt; font-weight:bold; width: 33%; }		
}


/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	#navi .navi-in > .menu-mobile li{
	align-items: center; /*縦中央寄せ*/
    width: 33%; font-weight:bold;
		}
	#footer{
	background-image:url(https://petsalon-happytail.com/wp-content/uploads/2025/03/20250308_footer_w800.png);
　background-size:100% auto;
　background-position:center bottom;
	background-repeat:no-repeat;
position:relative;
	padding-bottom:30%
}
}



/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	#footer{
	background-image:url(https://petsalon-happytail.com/wp-content/uploads/2025/03/20250308_footer_w500.png);
　background-size:cover auto;
	background-repeat:no-repeat;
　background-position: bottom;
position:relative;
	padding-bottom:30%
		
}


	
	#navi .navi-in > .menu-mobile li{
	align-items: center; /*縦中央寄せ*/
    width: 33%; font-weight:bold;}
		


}

@media screen and (max-width: 480px) {
  .ect-vertical-card .entry-card-wrap .entry-card-thumb {
    width: 50%;
    float: left;
  }
}




/*PC用*/
.no-sidebar .wrap {
    width: 900px;
}
.breadcrumb.sbp-main-before, 
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before {
    padding-left: 30px;
    padding-right: 30px;
}
/*834px以下*/
@media screen and (max-width: 834px){
    .no-sidebar .wrap {
        width: auto;
    }
    .breadcrumb.sbp-main-before, 
    .breadcrumb.sbp-footer-before,
    .breadcrumb.pbp-main-before,
    .breadcrumb.pbp-footer-before {
        padding-left: 1em;
        padding-right: 1em;
    }
}