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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.banner {
  display: block;
  width: 100%;
  max-width: 800px;
  padding: 18px 20px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;                 /* 文字色を白 */
  text-decoration: none;
  border-radius: 6px;
  box-sizing: border-box;
  transition: filter 0.2s ease, opacity 0.2s ease;
}

/* ホバー時に少し白く */
.banner:hover {
  filter: brightness(1.15);
  opacity: 0.95;
}

/* 緑（400px） */
.banner.green {
  max-width: 400px;
  background-color: #28a745;
  margin-left: auto;   /* ← これが重要 */
	margin-top: 0;
}

/* 青 */
.banner.blue {
  background-color: #2b7dbd;
	margin-bottom: 0.2em !important;
}

/* 赤 */
.banner.red {
  background-color: #c62828;
		margin-bottom: 0.2em !important;
}

/* スマホ微調整 */
@media screen and (max-width: 480px) {
  .banner {
    font-size: 16px;
    padding: 14px 10px;
  }
}

.eromoji_btn{display:inline-block;padding:0 .7em;margin:.3em .1em;text-decoration:none;color:#e44;border:solid 2px #e44;border-radius:3px;transition:.4s}.eromoji_btn:hover{background:#e44;color:#fff}
.blank-box.st-yellow {
  margin-bottom: 0.1em !important;
}
.shortcode-full {
    display: block;
    width: 100%;
}

.shortcode-full * {
    width: 100% !important;
}