@charset "utf-8";
/* CSS Document */

/* 視認性重視 ノーマライズ */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin:0; padding:0; border:0;
  font-size:100%; vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
  display:block;
}

body {
  line-height:1.8; 
  font-family:"Hiragino Sans","Noto Sans JP","Yu Gothic","Meiryo",sans-serif; 
  color:#333; 
  background-color:#f9f2d0; /* 指定の背景色に変更 */
  -webkit-font-smoothing:antialiased;
  font-size: 16px;
}

ol,ul {
  list-style:none;
}

img {
  max-width:100%; 
  height:auto; 
  display:block;
}

button {
  font-family:inherit; 
  background:transparent; 
  border:none; 
  cursor:pointer;
  color: #000082!important;
  transition: all 0.3s ease;
}

.sr-only {
  position:absolute; 
  width:1px; 
  height:1px; 
  padding:0; 
  margin:-1px; 
  overflow:hidden; 
  clip:rect(0,0,0,0); 
  border:0;
}

hr {
  border: none;
  border-top: 1px solid #db4c2f;
  margin: 30px 0 20px 0;
}

/* URL・長いテキストの改行対応 */
a, 
.url-text,
dd,
li {
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
  hyphens: auto;
}

/* 公式カラーパレット定義 */
:root {
  /* メインカラー（公式） */
  --retro-primary: #000082;        
  --retro-secondary: #db4c2f;      
  
  /* 背景色 */
  --retro-bg-main: #f9f2d0;        /* 指定の背景色 */
  --retro-bg-light: #ffffff;       /* 白背景 */
  --retro-bg-accent: #fff8f6;     
  
  /* テキストカラー */
  --retro-text-dark: #333;        
  --retro-text-medium: #666;      
  --retro-text-light: #999;       
  
  /* 空港カラー */
  --narita-color: #000082;        
  --narita-bg: #e8f0ff;          
  --kansai-color: #db4c2f;       
  --kansai-bg: #fff0ed;          
  
  /* シャドウ */
  --retro-shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.1);
  --retro-shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.15);
  --retro-shadow-strong: 0 6px 20px rgba(0, 0, 0, 0.2);
}