@charset "UTF-8";
/*
Theme Name: Bar Festa Ibaraki
Theme URI: http://
Description: BARフェスタいばらきのテーマです
Author: Riben-Japan Co.,Ltd.
Author URI: http://riben-japan.co.jp
Version: 1.0.0
*/

/*———————————–———————————————–———————–———————–——–
		バルマップ
———————————–————————————————–———————–—————–————–*/
#barmap{
  width:90%;
  margin: 50px auto 150px auto;
  max-width:950px;
}

#barmap .mapimg{
  width:100%;
}

#barmap .mapimg img{
  width:100%;
}

#barmap .mapimg + span{
  color:red;
  font-size:13px;
  letter-spacing: 0;
  display:block;
  text-align:right;
}

@media screen and (max-width:1199px) {
  #barmap{
    margin: 20px auto 150px auto;
  }
}

@media screen and (max-width:1023px) {
  #barmap{
    margin: 0px auto 150px auto;
  }
}



/* リンク ========================================*/
#barmap ul {
  width:70%;
  display:flex;
  flex-wrap:wrap;
  margin: 30px auto;
}

#barmap ul li{
  width:calc((100% - 30px)/3);
  margin-right:15px;
  background-color:#00a1c7;
  border-radius:100px;
}

#barmap ul li:last-of-type{
  margin-right:0;
}

#barmap ul li a{
  color:#fff;
  text-align: center;
  padding:16px 0;
  display:block;
  font-weight:600;
  letter-spacing: 1px;
}

#barmap ul li a i{
  color:#fff;
  margin-left:5px;
}

@media screen and (max-width:1023px) {
  #barmap ul {
    width:90%;
  }
}

@media screen and (max-width:743px) {
  #barmap ul {
    width:60%;
    margin-top:50px;
  }

  #barmap ul li{
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }

  #barmap ul li a{
    padding:13px 0;
    letter-spacing: 0;
    font-size:15px;
  }
}











/**/