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

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

/*
.entry-title {
    padding: 12px;
    color: #333;
    background-color: #f6fffa;
    border-top: 2px solid #009250;
    border-bottom: 2px solid #009250;
}
*/
h1.entry-title {
    padding: 0.5em 0.8em !important;
    color: #333;
    background-color: #fdf9f9;
    border-top: 2px solid #c1385f;
    border-bottom: 2px solid #c1385f;
}
.a-wrap {
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
entry-card-content, .related-entry-card-content {
    padding-bottom: 0.2em !important;
}
.entry-card-thumb {
    width: 25%;
}
.entry-card-content {
    margin-left: 27%;
}
    
/* advanced custom fields */    
.event-term {
	font-size: 95%;
	color: #a52a2a;
	font-weight: bold;
}
.event-term-single {
	color: #a52a2a;
	font-weight: bold;
}
.event-term-close { 
    font-size: 95%;
	color: grey !important;
    font-weight: normal;
}
.event-term-single-close {
	color: grey !important;
    font-weight: normal;
}
.event-term-close:before{
    content:"【終了】";
    font-weight: bold;
}
.event-term-single-close:before{
    content:"【終了】";
    font-weight: bold;
}
/*
.event-term-close:after{
    content:" (終了)"
}
.event-term-single-close:after{
    content:" (終了)"
}
*/
.related-entry-card .event-term {
	font-size: 90%;
	color: #a52a2a;
	font-weight: normal;
}
.related-entry-card .event-term-close {
	font-size: 90%;
	color: #a52a2a;
	font-weight: normal;
}

.holdnow {
    color:white;
    font-size:60%;
    font-weight:bolder;
    letter-spacing:1px;
    background-color:red;
    line-height:1;
    padding:1px 3px;
    border-radius: 3px;
}
.event-stars{
    color:orange;
    font-weight:bold;
    letter-spacing:-3px;
    padding-left:4px;
}

.entry-card-tag {
    color: #ff69a3;
    text-decoration: none;
    display: inline-block;
    margin-left: 5px;
    padding: 1px 5px;
    font-size: 12px;
    border: 1px solid #ff97c2;
    border-radius: 2px;
    word-break: break-all;
}

/* sns share */
#container .sns-buttons a {
    border-radius: 50%;
}
.button-caption{
  display: none;
}
.sns-share-buttons a {
  border-radius: 50%;
  margin: 5px;
}
#main .sns-share a {
  height: 35px;
  width: 35px;
  margin-bottom: 0.5em;
}
.sns-share-buttons {
  justify-content: center;
}
.social-icon {
  font-size: 15px;
}

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

/*1240px以下*/
@media screen and (max-width: 1240px){
.entry-card-thumb {
    width: 25%;
}
.entry-card-content {
    margin-left: 27%;
}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
.entry-card-thumb {
    width: 25%;
}
.entry-card-content {
    margin-left: 27%;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
 .entry-card-thumb {
    width: 38%;
}
.entry-card-content {
    margin-left: 40%;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  .entry-card-thumb {
    width: 38%;
}
.entry-card-content {
    margin-left: 40%;
}
}