@charset "utf-8";
/* CSS Document */
/* shoplist mobile */
main {
  background-image: url("../images/shoplist/background-nami2.png");
  background-size: auto 100%;/*横の幅は自動　高さは120％に指定*/
  background-repeat: no-repeat;/*繰り返し画像が出ないようにするもの*/
  background-position: right;
  
}
.shoplist-z {
  text-align: left;
}
.shoplist_main h2 {
  padding-bottom: 20px;
  border-bottom: solid 1px #FFF;
  margin: 0px 140px 30px 30px;
  width: 100%;
}
.shoplist_armor {
  padding: 50px 40px 30px 0;
  width: 100%;
  height: 30%;
}
 .title_image {
    width: 100%;
  }
.shoplist_title {
  width: 100%;
  margin-top: 20px; 
}
.shoplist_dairi h3 {
  font-size: 1.4rem;
  text-align: right;
  padding-right: 70px;
}
@media(min-width: 960px) {
  main {
    background-size: auto 200%;/*横の幅は自動　高さは120％に指定*/
  }
  .shoplist_main {
    margin: 0 auto;
    max-width: 1920px;
    
  }
  .shoplist_image {
    width: 100%;
  }

  .shoplist_armor {
    width: 80%;
    margin-top: 50px;
    padding: 0;
  }
  .shoplist_armor img {
    max-width: 1530px;
  }
 
  .title_image {
    width: 100%;
    max-width: 1160px;
  }
  .shoplist_title {
  width: 80%;
  margin-left: 200px; 
}
  .shoplist_dairi {
    margin: 0 auto;
    
  }
  .shoplist_dairi h3 {
    font-size: 2.5rem;
    text-align: right;
    padding: 10px 200px 0 0;
    letter-spacing: 0.12em;
    max-width: 1160px;
  }
}

address {
  font-style: normal;
  padding-left: 0px;
  margin-bottom: 30px;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
}
 h2 {
  font-size: 2.4rem;
  text-align: left;
  padding-bottom: 20px;
  border-bottom: solid 1px #FFF;
  margin: 80px 80px 30px 0px;
  letter-spacing: 0.12em;
}
  h3 {
  font-size: 2.0rem;
  padding-left: 0px;
  margin-bottom: 10px;
    letter-spacing: 0.12em;
}
  h4 {
  font-size: 1.6rem;
  padding-left: 0px;
  margin-bottom: 10px;
    letter-spacing: 0.12em;
}
.section-kita , .section_kantou, .section_tyubu, .section_kansai,.section_sikoku,.section_cko ,.section_keirin {
   padding: 20px 0 50px 0;
}
@media(min-width: 960px) {
  
  .hoku-touho , .kanto , .tyoubu , .kansai ,.sikoku, .tyu-kyu-oki {
    display: flex; 
    margin: 0 auto;
    padding-left: 60px;
    max-width: 1160px;
  }
  .miya-huku {
    margin-left: 150px;
  }
  h2 {
  max-width: 1160px;
  margin: 0px 150px 40px;
}
   h3 {
  font-size: 2.5rem;
  
  margin-bottom: 30px;
}
   h4 {
  font-size: 1.8rem;
  
  margin-bottom: 10px;
  letter-spacing: 0.10em;
}
  address {
  font-style: normal;
  letter-spacing: 0.12em;
  
  margin-bottom: 30px;
  font-size: 1.6rem;
}
  .hokai-touho_title , .kantou-title , .tyubu-title , .kansai-title ,.sikoku-title, .cko-title , .kairin-title {
    margin: 0 auto;
    max-width: 1160px;
  }
  
 .section-kita h2 {
    font-size: 4.0rem;
   padding:0 0 30px 20px;
   margin: 120px 600px 100px 20px;
   letter-spacing: 0.12em;
  } 
.section_kantou h2 {
  font-size: 4.0rem;
  padding: 0 0 30px 20px;
  margin: 30px 600px 100px 20px;
  letter-spacing: 0.12em;
}
  .section_tyubu h2 {
   font-size: 4.0rem;
  margin: 0 600px 100px 20px; 
    letter-spacing: 0.12em;
  }
  .section_kansai h2 {
    font-size: 4.0rem;
  margin: 0 600px 100px 20px;
    letter-spacing: 0.12em;
  }
  .section_sikoku h2 {
    font-size: 4.0rem;
    margin: 0 600px 100px 20px;
    letter-spacing: 0.12em;
  }
  .section_cko h2 {
    font-size: 4.0rem;
  margin: 0 600px 100px 20px;
    letter-spacing: 0.12em;
  }
  .gun-yoko-tiba {
    margin-left: 210px;
  }
  .huku-sizu {
    margin-left: 260px;
  }
  .kyo-osa {
    margin-left: 180px;
  }
  .toku-kouti {
    margin-left: 180px;
  }
  .sima-oki {
    margin-left: 290px;
  }
}


/*========= レイアウトのためのCSS ===============*/

.wrapper{
  overflow: hidden;
}


.box{
  padding: 20px;
  margin:0 auto;
  color: #fff;
  box-sizing:border-box;
}



/*==================================================
ふわっ
===================================*/


/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}


.about-top__image-message {
  animation-delay: 3.0s
}
.about-information {
  animation-delay: 4.0s
}










/*
*{
  border: 1px solid red!important;
}*/