@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/
/* .logo-header img{
	margin:-5px 0 0 0;
}
.logo-header .site-name :after{
	content:'白桃花靴店';
	font-size:24px;
	font-weight:bold;
	margin-left:.3rem	
} */

/* cocoon 通知エリア */
.notice-area {
    color: var(--cocoon-white-color);
    text-align: center;
/*     background-color: #4cae4c; */
	font-weight:bold;
	padding:.3em;
	font-weight:bold;
	font-size:1.2em;
}


/* cocoon おすすめカード */
.recommended .card-content {
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}


.recommended.rcs-card-margin a {
    margin: 0;
}

/* end おすすめカード */

/* カルーセル */
.slick-slide img {
	border-radius:6px;
}
.cat-label {
    border: none;
/*  background-color: rgba(51, 51, 51, 0.7); */
    background-color: rgba(59, 184, 88, 0.7);
	border-radius:6px!important;
}
div.slick-list:before{
	content:"人気の記事";
	color:#000;
　　font-size:.7rem;
}
/* ドットを消す */
.slick-dots li{
 display:none;
}
div.slick-list{padding-top:.5rem;}
/* end カルーセル */

/* 検索アイコン */
span.fas.fa-search::before {
    color: #adaaaa!important;
    margin-left: 1em;
}
/* end */

.df{display:flex;flex-wrap:wrap;}
.w100{width:100%;}
.w50{width:50%;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.mr30{margin-right:30px;}
.ml30{margin-left:30px;}
.mb0{margin-bottom:0;}
.mb15{margin-bottom:15px;}
.pb15{padding-bottom:15px;}
.txtr{text-align:right;}
.txtc{text-align:center;}
.df{display:flex;}

/* xili-tidy-tags */
div.xilitidytagscloud a.tag-cloud-link {
  font-size: .8em!important;
/* 　border-radius:3em; */
/* 	border:solid 1px gray; */
	padding:5px 8px;
/* 	text-decoration:none; */
	background:#e6f5f3;
	border-radius:7px
}
div.xilitidytagscloud a.tag-cloud-link::before{
/* 	content:" | "; */
/*  font-family: "Font Awesome 5 solod"; */
/* display:none; */
  content: '\f07b';
/* 　display:block; */
  font-size: 12px;
  font-weight: 900;
  margin-right: 4px;
  color:#f90;
	
}




/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
box-shadow: none;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
margin-left:1em;
}
span.fas.fa-bars::before{
color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}

/************************************
****　SNSシェアボタン
************************************/
.sns-share{
margin: 0 0 24px ;
}
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
letter-spacing:.3em;
border-radius:20px;
border: 0;
padding: 0;
background-color:#3f5569;/*SHARE 背景色の変更はこちら*/
color:#fff;
display: inline-block;
width: 40%;
}
.sns-share-message, .sns-follow-message, span.related-entry-main-heading.main-caption, .comment-title {
margin:20px 0 10px 0;
}
.sns-share.ss-high-and-low-lc a .button-caption.button-caption{
display:none;
}
.sns-share-buttons {
padding-right:10%;
padding-left:10%;	
}
.sns-share-buttons a {		
transition:0.5s;
}
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-6 a {/*設定したカラム数に応じて数字を変更してください(例：カラム6列→6)*/
width: 13%;
}
.sns-share.ss-high-and-low-lc a .social-icon{
font-size: 25px;
}
@media (max-width:480px){
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
width: 55%;
}
.sns-share-buttons {
padding-right:5%;
padding-left:5%;
}
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-6 a {/*設定したカラム数に応じて数字を変更してください(例：カラム6列→6)*/
width: 15%;
}
.sns-share.ss-high-and-low-lc a .social-icon{
font-size: 20px;
}
}



/* SNSボタン */
@media (max-width:834px){
.sns-follow-buttons a {width:33%}
}
/* .bc-monochrome .sns-buttons a,
.bc-brand-color .sns-buttons a {
  border-radius: 50%;
}

.bc-monochrome .sns-follow-buttons a,
.bc-brand-color .sns-follow-buttons a {
  border-radius: 50%;
}

.sns-follow-buttons {
  justify-content: center;
}

.sns-follow-buttons a {
  width: 45px;
  font-size: 20px;
  margin-right: 8px;
}

.sns-follow-buttons a:last-child {
  margin-right: 0;
} */
/* SNSボタンここまで */

/* reset */
/* ul,ol{list-style: none!important; /* マーカーを消す */ */
}

img {
  border: 0;
}
img, input {
  vertical-align: bottom;
}
table td,table th{vertical-align:middle!important;}

/* resetここまで */


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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/


@media screen and (max-width: 1240px){
	
/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
.header-container-in.hlt-top-menu .wrap{display:none;}
.header-container-in.hlt-top-menu .site-name-text-link {
    height: 45px;
}

}
@media screen and (max-width: 834px)
	{
/* おすすめカード */	
.recommended.rcs-card-margin a {
    margin: 1%;
    width: 48%;
}
.recommended .card-content{font-size:.8em;}
	}


/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	/* xili-tidy-tags */
div.xilitidytagscloud a.tag-cloud-link {
  font-size: .9.5em!important;
}
}

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