@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

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

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

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

}

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

/************************************
子テーマのCSS
************************************/



/* 下向きリボン（縦長・タグ風） */
.navicard .ribbon {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}

.navicard .card-large-image .ribbon-top-left {
    left: 10px;
}

.navicard .ribbon span {
    transform: none;
    position: static;
    width: auto;
    padding: 10px 15px 15px;
    line-height: 1.4;
    clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
}

/* リボンの疑似要素（装飾用）を非表示に */
.navicard .ribbon::before,
.navicard .ribbon::after {
  display: none;
}