html,body{
  width: 100%;
  background-color: #f9f9f9;
}

#wrapper{
  overflow: hidden;
}

.top{
  background-image: url("./img/back.jpg");
  //background-size: 100% 800px;
  width: 100%;
  margin: 0;
}

.top_content{
  height:100%;
}
.circle{
  margin: auto auto;
  width: 80%;
  -webkit-border-radius: 250px;/* width,heightの半分 */
  -moz-border-radius: 250px;
  background-color: #999;/* 円の色 */
  background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8));
}

.logo{
  width: 95%;
  background-image: url("./img/title.png");
  background-repeat:no-repeat;
  background-size: contain;
  background-position: 0 40%;
  opacity: 0.9;
}

.middle{
  background-color: #f0db00;
  padding: 20px 0;
  position: relative;
}

.share_box{
  position: absolute;
  width: 180px;
  height: 20px;
  left: 50%;
  margin-top: -10px;
  margin-left: -90px;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

.col{
  text-align:center;
  margin: 0 auto;

}

.wrapper_for_border_bottom{
  width: 90%;
  margin: 0 5%;
  border-bottom: solid #aaa;
}

#map{
  width: 70%;
  margin: 0 auto;
}

.image{
  width: 80%;
  margin: auto;
  border: solid 10px #fff;
}

.img_box{
  background-color: #eaeaea;
  padding: 20px 0;
}

.whatis{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.work{
  text-align: center;
}

.glyphicon{
  font-size: 80%;
  color: #f0db00;
  //text-shadow:
  //    0 0px 0 #1253A4,
  //    0px 0 0 #1253A4,
  //    0 0px 0 #1253A4,
  //    0px 0 0 #1253A4,
  //    0px 0px 0 #1253A4,
  //    0px 0px 0 #1253A4,
  //    0px 1px 0 #1253A4,
  //    1px 0px 0 #1253A4; 

}

.footer{
  text-align: center;
  width: 100%;
  padding: 10px;
  margin: 0;
  background-color: #f0db00;
  background-color: #1253A4;
  margin-top: 20px; 
  color: #fff;
}

.codona{
  -webkit-text-emphasis: filled circle black;
  text-emphasis: filled circle black;
}