/* 基本色変数 --mc10--mc90等末尾10単位で透明度(濃さ)を調整　--title1はページタイトル背景画像に色を混ぜる
<budoux-ja>タグ：文節自動改行(単語の途中で改行されない)
・汎用クラス解説
budoux：<budoux-ja>タグで囲む
txmc,txsc等：文字色を↑基本色に変更(半強制)
img1-1など：画像比率を強制。img3-2 (3対2) ,5-4, 7-3等大抵の比率に対応
imgCover：img~の画像比率に合わせてトリミング
img30などimg20~60：flexboxで画像サイズを強制。
AIS AIC AIE :順に上揃え、中央揃え、下揃え、無しはAISに類似 
その他余白 上余白で汎用的な数値をいくつか設定
mt20:20px mt10p:10% */
:root{
--title1:var(--wh50); /*ページタイトル背景ブレンド*/
--linkC:var(--sc);  /*通常テキストリンク*/

--mc:#000;/* ピンク */   
--sc:#000;/* ブルー */ 
--bc:#000;/* 灰 */
--ac:#000;/* ライトブルー*/   
--tx:#fff;/* 文字色  */  
--gr:#888;/* 灰 */  
--bk:#000; 
--wh:#fff;   
}
/*ページタイトル背景画像 　blend-mode>淡色lighten濃色multiply */
#contents .title1{
background-blend-mode: lighten;
/*background-image: url(/images/home/title1.jpg);*/
}
/* html.blog.article article.blog{
  background-image: url(../image/common/title1.jpg);
  background-color: var(--wh70);
  background-blend-mode: lighten;
} */
/* 下層card~の画像比率 */
/* body:not(.home) #contents [class*=card] article .im>img{
object-fit: cover;
aspect-ratio: 5/3;
} */
/*○○px以下でmv画像の中央位置を調整*/
/* @media (max-width: 834px){
  #contents :is(.mv_slide,.mv_img) :is(img,video){
      object-position: 0%;
  }
}  */