@charset "UTF-8";
@media screen and (min-width: 1080px) {

  body #floatingMenu.spOnly {
    width: 53.41vw;
}
  .innerContent{
  padding: 0 17.55vw 0 17.6vw;
}
  #mapCanvasWrap {
    width: 100vw;
    height: 100vh;
    position: relative;
  }

  #mapCanvasWrap>* {
    position: absolute;
    left: 0;
    top: 0;
  }

  #mapCanvas {
    width: 100%;
    height: 100%;
  }

  #mapButtonsWrap {
    top: 60px;
  }

  .mapButtons {
    background: #333;
    color: #FFF;
    width: 10vw;
    height: 3vw;
    font-size: 2vw;
    border-radius: 1vw;
    margin: 3vw 0 0 1vw;
    box-shadow: .5vw 1vw 1vw -.5vw #000;
    cursor: pointer;
    transition: all .3s;
  }

  .mapButtons.nonView {
    background: #444;
    box-shadow: 0 .2vw 1vw -.5vw #000;
  }
  #topContent > img {
    height: auto;
    width: 100%;
}

  #topContent {
    height: 18.23vw;
    /* margin: 10.5vw 0 0; */
    /* padding: 0vw 0 0 21.5vw; */
  }

  #topContentMsg {
    height: 100%;
  }

  #topContentMsg>h2 {
    display: flex;
    flex-wrap: wrap;
    font-size: 2.29vw;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: left;
    padding-left: 17.6vw;
    margin-top: 0;
  }

  main h3 {
    font-size: 2.08vw;
    font-weight: bold;
    text-align: left;
    padding: 6.09vw 0 5.21vw;
    line-height: 0;
    display: flex;
    align-items: center;
  }

  main h3 img {
    display: inline-block;
    margin: 0 3vw 0 0;
    width: auto;
    height: 2.28vw;
  }

  .ytMovieWrap {
    width: 64.84vw;
    margin: 0 17.6vw  5.5vw 0;
    height: 36.4vw;
  }
  .ytMovieWrap iframe.wide {
    width: 64.84vw;
    height: 36.41vw;
}

  #mainV {
    height: auto;
    margin-bottom: 0;
  }

  header.loaded h1 img,
  h1 img {
    width: 18vw;
    height: 3vw;
  }

  .swiper.centeredSlider img,
  .swiper.centeredSlider .swiper-slide {
    /* width: 20vw; */
    width: auto;
    height: 14.84vw;
  }

  .infoAreaWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 5.21vw 0 0 0;
  }

  .attention {
    padding: 0;
  }

  .attention li,
  .favor li,
  .innerContent p {
    font-size: 0.73vw;
    /* line-height: .9vw; */
    line-height: 1.15vw;
  }
  .innerContent .attentionTtl{
    padding: 0 0 1vw 1vw;
    font-size: 0.85vw;
    font-weight: bold;
  }
  .areaSection {
    padding: 0;
  }

  .areaSection p {
    margin:.5vw 0 0;
    font-size: 0.83vw;
    width: 106%;
    padding: 1vw 0 .8vw .2vw;
    letter-spacing: normal;
    
  }
  .areaSection p::before{
    width: .4vw;
    font-size: 1.4vw;
    height: 100%;
    vertical-align: bottom;
    margin-right: .5vw;  
    margin-left: -.5vw;
  
  }

  .areaSection > ul li {
    width: 50%;
    padding: 1.5vw 0 4vw;
  }
  .areaSection > ul ul.attention {
    width: 100%;
    padding: 1vw 0 0 2.5vw;
  }
  .areaSection > ul ul.attention li{
    width: 90%;
    padding: .25vw 0 0;
    font-size: .73vw;
    line-height: 1.15vw;
  }
  /* .areaSection ul li:first-child>img {
    margin: .99vw 0 0 3.6vw;
    height: 6.82vw;
  }

  .areaSection ul li:last-child>img {
    margin: 1.41vw 0 3.2vw 2.23vw;
    height: 6.82vw;
  } */

  .areaSection ul li span {
    font-size: 0.94vw;
    line-height: 1.5vw;
    letter-spacing: -.1vw;
  }
  .areaSection ul li:last-child span{
    padding: 0;
  }
  .areaSection ul li span img {
    padding: 0;
    width: 1.35vw;
    margin: .125vw 0.5vw 0 0;
  }

  .attention li::before {
    margin-right: .2vw;
  }
  
  .areaSection ul li#area_b span{
    padding-left:   1.5vw;
  }
  
  .areaSection ul li#area_a > img {
    width: 6.99vw;
    height: 6.98vw;
    margin: 1vw 0 0 1.75vw;
  }
  .areaSection ul li#area_b > img {
    width: 9.45vw;
    height: 5.54vw;
    margin: 2vw 0 0 3.5vw;
  }
  .areaSection ul li#area_c {
    padding: 4vw 0 4.5vw;
  }
  .areaSection ul li#area_c > img {
    width: 6.21vw;
    height: 3.49vw;
    margin: 1vw 0 0 1.75vw;
  }

  .attentionTtl::before,
  .favor li::before {
    font-size: 1.7vw;
    width: 1.2vw;
    vertical-align: middle;
    margin-left: -1.4vw;
    margin-right: -.1vw;
  } 

  .favor {
    margin: .9vw 0 .8vw;
    padding: 0 0 0 1vw;
    line-height: .9vw;
  }

  .innerContent .favorP {
    padding: 0 0 7.8vw;
    font-size: 0.73vw;
    line-height: 1.15vw;
  }


  #fujimityouInfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 9.2vw 0;
    padding: 0;
  }

  #fujimityouInfo div {
    width: 29.9vw;
  }

  #fujimityouInfo h3 {
    width: 100%;
    display: flex;
    align-items: baseline;
    padding: 0 0 3.2vw;
  }

  #fujimityouInfo h3 img {
    margin: 0 .75vw 0 0;
    height: 2.93vw;
    width: auto;
  }
  #fujimityouInfo p {
    margin-bottom: 0;
    line-height: 3vw;
    font-size: 0.83vw;
  }
  #fujimityouInfo div:last-child a{
    height: 2.55vw;
    line-height: normal;
  }
  .areaMap {
    width: 37.16vw;
  }

  .areaMap img {
    margin-bottom: 1.8vw;
    width: 100%;
  }

  .information {
    width: 22.4vw;
  }

  .btnBlack {
    padding: 0 .78vw 0 1.15vw;
    margin: .3vw 0 0;
    font-size: 0.83vw;
    height: 2.55vw;
    line-height: initial;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    transition: all .3s;
  }
  .btnBlack:hover {
    padding: 0 .4vw 0 1.15vw;
  }
  #fujimityouInfo .btnBlack{
    padding:0.78vw 1.15vw 0.89vw 1.15vw;
  }
  .green {
    /* width: 22.4vw; */
    width: 100%;
    height: 2.55vw;
    justify-content: left;
    padding-left: 1vw;
    font-size: .95vw;
  }

  .noBorder{
    background: none;
    height: auto;
  }
  /* #localInformation h3 {
    text-align: left;
    padding: 0;
    margin-bottom: .8vw;
    height: 3.2vw;
  }
  #localInformation a::before {
    top: 4vw;
} */
}