@charset "UTF-8";

/*ここにCSSを追加 追加しファイルを更新後、ページをリロードすれば適用されます*/

.wp-block-group {
    padding: 50px 0 50px;
}
.wp-block-group__inner-container {
    padding-top: 30px;
    padding-bottom: 30px;
}
.wp-block-group__inner-container {
    width: min(100% - 64px, 1200px);
    margin: 0 auto;
}

p.exlamation{
  background-image: url("http://rme-audio.jp/wp-content/uploads/2025/08/exlamation.svg");
  background-size: 20px 25px;
  background-repeat: no-repeat;       
  background-position: left center;
	padding-left:30px;
}

p.hint{
  background-image: url("http://rme-audio.jp/wp-content/uploads/2025/03/lightbulb-solid.svg");
  background-size: 17px 25px;
  background-repeat: no-repeat;       
  background-position: left center;
	padding-left:30px;
}

figcaption.wp-element-caption{
	font-size:0.8rem;
	line-height:1.2rem;
}

/* ★★ class borderbox ★★ */
/* デスクトップ用のスタイル */
@media screen and (min-width: 960px) {
.borderbox{
	border:solid 2px #cecece;
	margin:30px 0px;
	padding:30px;
	padding-top:0;
  width: auto;
	overflow: auto;
	color:#80807E;
}

.borderbox:first-of-type,p{
	margin-top: 30px;
}
	
	}
/* タブレット用モバイル用のスタイル */
@media screen and (max-width: 960px) {	.borderbox{
	margin:30px;
	padding:30px 0 30px 0;
	padding-top:0;
  width: auto; 
	overflow: auto;
	color:#80807E;
	border:solid 2px #ccc;
}
	}

/* ★★ class greybox ★★ */
/* デスクトップ用のスタイル */
@media screen and (min-width: 960px) {
	.greybox{
	margin:30px 0px;
	padding:30px;
	padding-top:0;
  width: auto;
	overflow: auto;
	color:#80807E;
	background-color:#f5f6f7;
}
	
.greybox h4{
		border:none;
	}

.greybox:first-of-type,p{
	margin-top: 30px;
}
	
	}
/* タブレット用モバイル用のスタイル */
@media screen and (max-width: 960px) {	.greybox{
	margin:30px 0 30px 0;
	padding:30px 0 30px 0;
	padding-top:0;
  width: auto; 
	overflow: auto;
	color:#80807E;
	background-color:#f5f6f7;
}
	}

.toc{
	background-color: #f5f6f7;
}

/* ★★ class button ★★ */
/*buttonのテキストを細くする
.ly_wrapper .ly_main .article p.button a{
	font-family: MyriadPro-Light, FP-HiraKakuProN-W2, sans-serif;
}*/

p.button a{
    display: inline-block;
    background: #054f90 !important;
    color: #fff !important;
    border: 1px solid transparent;
    border-radius: 2rem;
    margin: 0 0 0.5rem 0;
    padding: 0.3rem 1.5rem 0.2rem 1.5rem;
    vertical-align: middle;
    text-shadow: none;
}

/* ★★ ブランドページ、ユーザーストーリートップ、ナレッジベーストップ タイトルとロゴ位置変更 ★★ */
.pg_knowledge-base .subMv .title_wrapper,.pg_story .subMv .title_wrapper{
	 width: auto !important;
	min-width: 400px; 
	padding:30px;
}

.brand_mv .logo {
	width:250px;
	margin:20px auto;
}

/* ★★ ナレッジベース記事、ユーザーストーリー記事 タイトル装飾 h2 h3 h4 h5 ★★ */
.pg_single_knowledge-base .article h2,
.pg_single_story .article h2{
	color:#2255a2;
}

.pg_single_knowledge-base .article h3,
.pg_single_story .article h3{
	padding: 0.5em;
    border-left: solid 5px #2255a2;
	margin:50px 0 30px 0;
    text-align: left;
}

.pg_single_knowledge-base .article h4, .pg_single_story .article h4{ display: inline-block; /* テキスト幅に合わせる */ border-bottom: 4px solid #cecece; /* 下線 */ padding:10px 0px 4px 0px; margin:30px 0; }


/* ★★ ナレッジベース記事のタイトル画像 mobileの時のみ背景画像右寄せ★★ */
@media screen and (max-width: 960px) {
  .pg_knowledge-base .subMv picture img {
    object-position: right center;
    object-fit: cover;
  }
}

/* ★★ ナレッジベース記事、ユーザーストーリー記事 summary ★★ */
.pg_single_knowledge-base .wp-block-details,
.pg_single_story .wp-block-details{
    background-color: #f5f6f7;
    padding: 20px;
	margin-bottom:20px;
}
.pg_single_knowledge-base .wp-block-details summary,
.pg_single_story .wp-block-details summary {
    padding-bottom:10px;
	Line-height:1.4rem;
}

/* ★★ 画像キャプションのテキストを中央揃えに ★★ */
figcaption.wp-element-caption {
    text-align: center;
}

/* ★★ 技術情報の関連記事list .menulist ★★ */
.menulist {
  list-style: none;           /* 黒い点を消す */
  padding: 0;
  margin: 20px 0 0;
  display: flex;
  justify-content: center;    /* 中央寄せ */
  font-size: 20px;
  letter-spacing: 0.08em;
}

.menulist {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  padding: 0;
  margin: 40px 0 0;
  list-style: none !important;
}


/* テーマ側が強い場合は !important を付けてもOK */
.pg_single .article ul.menulist li {
  list-style: none !important;
}


.menulist li {
  position: relative;
  padding: 0 15px;
  white-space: nowrap;        /* 途中で折り返さない（スクショ②の崩れ防止） */
}

.ly_wrapper .ly_main .article .menulist li a{
  font-family: MyriadPro-Light, FP-HiraKakuProN-W2, -apple-system, BlinkMacSystemFont, NotoSansCJKjp, Yu Gothic, YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

/* 2個目以降の li の左に縦線を出す */
.menulist li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 18px;
  background: #222;
  transform: translateY(-50%);
}

.ly_wrapper .ly_main .article p.menulist-title{
	font-family: font-family:MyriadPro-Light,FP-HiraKakuProN-W2,sans-serif;
	font-size: 26px;
	margin-top:50px;
}