@charset "UTF-8";
:root {
  --theme-main-color: #3C3B6E; /* 濃い青色、アメリカの象徴的な青をメインカラーとして使用 */
  --theme-main-dark: #252540; /* 青のさらに暗いシェード、より深みを加える */
  --theme-main-pale: #D6A1A8; /* トーンダウンした赤色、背景やサブ要素用に穏やかな赤 */
  --theme-main-pale20: #C7D1F8; /* より明るい青色、ハイライトや小さい要素用 */
  --vivid-color: #B22234; /* 明るい赤色、アメリカの象徴的な赤をアクセントカラーとして利用 */
  /* 
    --yellow-pale: #FCE5CD; /* 薄い黄色、橙色に近いティントで調整 
    --yellow-color: #FFD966; /* 明るい黄色、橙色に近い 
    --yellow-dark: #E69138; /* 暗い黄色、橙色に近いシェード 
    --green-pale: #C9DA8B; /* 橙色と調和する薄い緑 
    --green-color: #9FC199; /* 橙色と調和する中間の緑 
    --green-dark: #6B8E23; /* 橙色と調和する暗い緑 
  / */

}

.HeroSection .HeroTitle {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}
@media screen and (max-width: 759.9px) {
  .Section .SectionButton {
    padding: 1rem 2rem 1rem 2rem;
  }
  .tableLineMulti .tableLine{
    padding: 0.5rem 0;
  }
  .tableLine .tableTitle {
    padding: 0 0.5rem;
  }
  .tableLine .tableTitle span{
    font-size: 0.75rem;
    font-weight: normal;
  }
  .tableLineMulti .tableLine .tableSubText {
    font-size: 0.625rem;
  }
  .tableLineMulti .tableLine .tableContent {
    padding: 0 0.5rem;
  }
  .tableLineWrap .is-mini {
    padding: 0.5rem 0.125rem;
  }
  .tableLineWrap .is-mini .tableContent {
    padding: 0;
  }

  /* スポット都市名タイトル日本語 */
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    letter-spacing: 0;
    font-size: 1.3rem;
    padding-top: 0.5rem;
    line-height: 1.2;
    letter-spacing: 0;
  }
  /* スポット都市名タイトル英語 */
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleEng {
    font-size: 1.4rem;
    padding-top: 0.25rem;
  }

  /* #Spot01*/
  .SpotWrap#Spot01 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    font-size: 1.1rem;
  }
  .SpotWrap#Spot01 .SpotHeaderWrap .SpotHeader .SpotSubTitle {
    width: 86%;
  }
  /* #Spot02*/
  .SpotWrap#Spot02 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    font-size: 1.1rem;
  }

  /* #Spot03*/
  .SpotWrap#Spot03 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    font-size: 1.2rem;
    padding-top: 0;
  }
  .SpotWrap#Spot03 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleEng {
    font-size: 1.1rem;
    padding-top: 0.25rem;
  }
  /* #Spot04*/
  .SpotWrap#Spot04 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    font-size: 0.9rem;
    letter-spacing: -1.5px;
    padding-top: 0.75rem;
  }
  .SpotWrap#Spot04 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleEng {
    font-size: 1.1rem;
    padding-top: 0.25rem;
  }
  .SpotWrap#Spot05 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    font-size: 0.85rem;
    padding-top: 0;
  }
  .SpotWrap#Spot05 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleEng {
    font-size: 0.9rem;
    padding-top: 0.25rem;
  }

  /* .SpotSection .SpotTitle .SpotTitleJp {
    font-size: 1.625rem;
  } */

  .SpotSection .ImageMapWrap .SpotTitle {
    width: 100px;
    height: 100px;
  }
  .SpotSection .ImageMapWrap a .SpotTitle .SpotTitleJp {
    font-size: 1rem;
    letter-spacing: -1px;
  }

  .ImageMapWrap .SpotTitle.Spot01Button {
    margin-left: 23%;
    margin-top: -47%;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot01Button  .SpotTitleJp {
    font-size: 0.85rem;
    letter-spacing: -1px;
  }
  .ImageMapWrap .SpotTitle.Spot02Button {
    margin-left: -47%;
    margin-top: 19%;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot02Button  .SpotTitleJp {
    font-size: 0.85rem;
    letter-spacing: -1px;
  }
  .ImageMapWrap .SpotTitle.Spot03Button {
    margin-left: -19%;
    margin-top: 27%;
  }
  .ImageMapWrap .SpotTitle.Spot04Button {
    margin-left: -49%;
    margin-top: -48%;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot04Button  .SpotTitleJp {
    font-size: 0.7rem;
    letter-spacing: -1px;
    padding-top: 0.5rem;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot04Button  .SpotTitleEng {
    font-size: 1.05rem;
  }
  .ImageMapWrap .SpotTitle.Spot05Button {
    margin-left: -17%;
    margin-top: -40%;
    padding-top: 1rem;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot05Button  .SpotTitleJp {
    font-size: 0.8rem;
    letter-spacing: -1.5px;
    margin-bottom: 0.25rem;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot05Button  .SpotTitleEng {
    font-size: 0.85rem;
    letter-spacing: -1px;
  }
  .ImageMapWrap .SpotTitle.Spot06Button {
    margin-left: 16%;
    margin-top: 30%;
  }
}

@media screen and (min-width: 760px), print {
  /* MV確認用 */
  .HeroSlick > div:not(:first-child) {
    display: block;
  }
  .NavSection .NavWrap .ChangeDept {
    color: #fff;
  }
  /* DP こだわりタイトル */
  .DpSection .ItemBox .ItemBoxContent .ItemBoxContentInner .ItemBoxItemWrap .ItemBoxItemHeader .SectionTextTitle {
    max-width: 540px;
  }

  /* スポット都市名タイトル日本語 */
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    letter-spacing: 0;
    font-size: 1.5rem;
    padding-top: 0.5rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  /* スポット都市名タイトル英語 */
  .SpotSection .SpotWrap .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleEng {
    font-size: 1.4rem;
    padding-top: 0.25rem;
  }

  /* #Spot01*/
  .SpotWrap#Spot01 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    font-size: 1.2rem;
  }
  /* #Spot02*/
  .SpotWrap#Spot02 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    font-size: 1.2rem;
  }
  /* #Spot03*/
  .SpotWrap#Spot03 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    font-size: 1.6rem;
  }
  /* .SpotWrap#Spot03 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleEng {
    font-size: 1.1rem;
    padding-top: 0.25rem;
  } */
  /* #Spot04*/
  .SpotWrap#Spot04 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
	font-size: 1rem;
    letter-spacing: -1px;
    padding-top: 0.75rem;
  }
  .SpotWrap#Spot04 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleEng {
    font-size: 1.3rem;
    padding-top: 0;
  }
  .SpotWrap#Spot05 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleJp {
    font-size: 1.1rem;
    /* letter-spacing: -1.5px; */
    padding-top: 0;
  }
  .SpotWrap#Spot05 .SpotHeaderWrap .SpotHeader .SpotTitle .SpotTitleEng {
    font-size: 1rem;
    padding-top: 0;
  }

  /* スポット地図 都市名タイトル日本語 */
  .SpotSection .ImageMapWrap a .SpotTitle .SpotTitleJp {
    font-size: 1.2rem;

  }
  .ImageMapWrap .SpotTitle.Spot01Button {
    margin-left: 32%;
    margin-top: -18%;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot01Button .SpotTitleJp {
    font-size: 1.1rem;
  }
  .ImageMapWrap .SpotTitle.Spot02Button {
    margin-left: -36%;
    margin-top: 2%;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot02Button .SpotTitleJp {
    font-size: 1.1rem;
  }
  .ImageMapWrap .SpotTitle.Spot03Button {
    margin-left: -19%;
    margin-top: 16%;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot03Button .SpotTitleJp {
    font-size: 1.1rem;
  }
  .ImageMapWrap .SpotTitle.Spot04Button {
    margin-left: -37%;
    margin-top: -12%;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot04Button .SpotTitleJp {
    font-size: 0.75rem;
  }
  .ImageMapWrap .SpotTitle.Spot05Button {
    margin-left: -5%;
    margin-top: -24%;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot05Button .SpotTitleJp {
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .SpotSection .ImageMapWrap a .SpotTitle.Spot05Button .SpotTitleEng {
    font-size: 0.9rem;
  }
  .ImageMapWrap .SpotTitle.Spot06Button {
    margin-left: 9%;
    margin-top: 12%;
  }
}