@charset "UTF-8";

@import "reset.css?10";
@import "common.css?73";
@import "style.css?20";
@import "css/font-awesome.css?10";
@import "drop.css?10";
@import "master.css?6";
@import "aco.css?4";
@import "mobile.css?1";   /* STG-07M: スマホ（幅600px以下）の入力画面の決まり（最後に読む） */

/* STG-06 A7 / STG-06A E31: 文字ロゴ（logo.png をやめ、2段の文字に）。
   色は母艦が logo.png から測った値：上=#336699・下=#15346c。 */
#logo .logo_text{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.05;}
#logo .logo_sub{font-size:11px;font-weight:700;color:#336699;letter-spacing:1px;}
#logo .logo_main{font-size:22px;font-weight:900;color:#15346c;letter-spacing:1.5px;}
/* E33/G18: common.css の #logo 幅100px は max-width:1199px で効くので、文字ロゴの縮小も 1199px まで掛ける。
   768〜1199px で「AIBO・PORT」が2行に折り返してヘッダー高さが変わる（64.6px→105.7px）のを防ぐ。
   #logo を flex・高さ 24.5px に固定し、上8px・下15px・折り返し無しにする（全幅で 64.5px＝元と一致）。 */
/* STG-07V W2: ロゴの文字と箱の左右の余白を、320・375・430px で 8px 以上にする（07T では 375px で 99px／100px＝余白 1px）。
   箱（#logo）に内側の余白 8px を付けて幅を中身に合わせ（common.css の幅 100px をやめる）、2段とも真ん中にそろえる。
   こうすると端末の文字の形で幅が変わっても、左右の余白は必ず 8px 残る。下の段は 15px→13.5px：320px では右の検索の
   ボタンが 214px から始まり、箱（文字＋16px）がそこに入らないようにするため（15px では 217px まで広がって重なる）。 */
@media screen and (max-width:1199px){
  #logo{display:flex;align-items:center;justify-content:center;height:24.5px;}
  header #logo{width:auto;padding:0 8px;}
  #logo .logo_text{line-height:1;align-items:center;}
  #logo .logo_sub{font-size:8px;letter-spacing:0;white-space:nowrap;}
  #logo .logo_main{font-size:13.5px;letter-spacing:0;white-space:nowrap;}
}