@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){
  /*必要ならばここにコードを書く*/
}

.wp-block-image img {
    border-style: none;
    padding: 0px;
}

@media screen and (max-width: 480px){
　.site-logo-image{
		visibility: hidden;
　}
　.logo-menu-button.menu-button{
		background-image: url(https://maryupo.com/wp-content/uploads/2025/12/名称未設定のデザイン.png);
		background-position: center;
		background-repeat: no-repeat;
　　　　background-size: auto 20px;
　}
}
/* ===== Maryupo Icon List ===== */
.mrp-iconlist {
  margin: 0;
  padding: 0;
}

.mrp-iconlist li {
  list-style: none;
  position: relative;
  padding-left: 2.4em;
  margin: 0.6em 0;
  line-height: 1.6;
}

.mrp-iconlist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 1.4em;
  height: 1.4em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* アイコン種類 */
.mrp-good::before{
  background-image: url("/wp-content/themes/cocoon-child-master/images/icons/icon-good.svg");
}
.mrp-caution::before{
  background-image: url("/wp-content/themes/cocoon-child-master/images/icons/icon-caution.svg");
}
.mrp-user::before{
  background-image: url("/wp-content/themes/cocoon-child-master/images/icons/icon-user.svg");
}
.mrp-conclusion::before{
  background-image: url("/wp-content/themes/cocoon-child-master/images/icons/icon-conclusion.svg");
}
.mrp-info::before{
  background-image: url("/wp-content/themes/cocoon-child-master/images/icons/icon-info.svg");
}
/* =========================
 Maryupo アイコンリスト調整
========================= */

.mrp-iconlist li{
  margin: 0.8em 0;
}

/* ===== 結論ボックス（Maryupo）===== */
.mrp-conclusion-box{
  border: 2px solid rgba(0,0,0,.08);
  background: rgba(250, 245, 235, .9);
  border-radius: 14px;
  padding: 16px 18px;
  margin: 18px 0;
}

.mrp-conclusion-box .mrp-conclusion-title{
  display:flex;
  align-items:center;
  gap: .6em;
  font-weight: 800;
  font-size: 1.05em;
  margin: 0 0 10px;
}

.mrp-conclusion-box .mrp-conclusion-title::before{
  content:"";
  width: 1.2em;
  height: 1.2em;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  background-image:url("/wp-content/themes/cocoon-child-master/images/icons/icon-conclusion.svg");
}

.mrp-conclusion-box p{ margin: 0.35em 0; }

/* ===== ヘッダー：付箋ボタン 最終版（下は完全に角・文字やわらか） ===== */

/* 外側（li / ラッパー）の角丸を完全に殺す */
#header-container li,
#header li,
#site-header li,
.site-header li{
  border-radius: 0 !important;
}

/* 本体（a） */
#header-container a[href*="togo-hub"],
#header a[href*="togo-hub"],
#site-header a[href*="togo-hub"],
.site-header a[href*="togo-hub"],
#navi a[href*="togo-hub"],
#global-navi a[href*="togo-hub"],
#gnavi a[href*="togo-hub"]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* 文字：少し大きめ＋やわらか */
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
font-family:
  "Zen Maru Gothic",
  "Hiragino Maru Gothic ProN",
  "Yu Gothic UI",
  sans-serif !important;


  /* 付箋形状：上だけ丸・下は完全に角 */
  padding: 13px 20px !important;
  border-radius: 16px 16px 0 0 !important;

  /* 背景色（くすみグレージュ） */
  background: #ede7df !important;
  border: 1px solid rgba(90,75,60,.18) !important;
  border-bottom: none !important; /* 下を完全にフラットに */

  /* 文字色 */
  color: rgba(30,30,30,.85) !important;
  text-decoration: none !important;
  line-height: 1 !important;

  /* 影は最小限（下に落とさない） */
  box-shadow: 0 6px 14px rgba(0,0,0,.05) !important;
}

/* hover：色だけ少し変える（形は変えない） */
#header-container a[href*="togo-hub"]:hover,
#header a[href*="togo-hub"]:hover,
#site-header a[href*="togo-hub"]:hover,
.site-header a[href*="togo-hub"]:hover,
#navi a[href*="togo-hub"]:hover,
#global-navi a[href*="togo-hub"]:hover,
#gnavi a[href*="togo-hub"]:hover{
  background: #e4dbcf !important;
  color: rgba(25,25,25,.95) !important;
}