/* 基本色の変数 var(--??)
--mc10--mc90等末尾10単位で透明度(濃さ)を調整

メイン画像(トリム無し)を使用の場合はタブレット以下の画像を用意し「表示」選択で切り替え
<budoux-ja>タグ：文節自動改行(単語の途中で改行されない)

・汎用クラス解説
budoux：<budoux-ja>タグで囲む
txmc,txsc等：文字色を↑基本色に変更(半強制)
img1-1など：画像比率を強制。img3-2等
CONTAIN：画像比率をファイルそのままの比率で表示。
COVER：img~の画像比率に合わせてトリミング
img30などimg20~60：it01 ti01で画像サイズを強制。
AIS AIC AIE :順に上揃え、中央揃え、下揃え、無しはAISに類似
その他余白
mt20:20px   mt1e:一文字分   mt1p:1% */

/* 基本色変数 --title1はページタイトル背景画像に色を混ぜる*/
:root{
  --title1:var(--bk30);
  --linkC:var(--ac);
  
  --mc:#802d0d;/* エンジ */ 
  --sc:#7e804e;/* 草 */
  --bc:#ede0c9;/* 肌 */
  --ac:#ae0a0a;/* 赤　*/
  --tx:#110302;/* 文字色 濃茶 */
  --gr:#888;/* 灰 */
  --bk:#000;
  --wh:#fff; 
  
}
/*ページタイトル背景画像 　blend-mode>淡色lighten濃色multiply */
#contents .title1{
  background-blend-mode: multiply;
  /*background-image: url(/images/home/title1.jpg);*/
}
/* 下層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%;
    }
}  */