/*プロフィールに使うボタンstart*/
.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    border: solid 2px #848484;
    border-radius: 3px;
    transition: .4s;
	    margin-bottom: 5px;
	    width: 100%;
    text-align: CENTER;
}

.square_btn:hover {
    background: #848484;
    color: white !important;
}
/*プロフィールに使うボタンend*/

/*グロナビstart*/

/*リンクの間の線消す*/
.main-navigation li{
	border-right: 0;
}

/*ホバーしたときの動き*/
.main-navigation li {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.main-navigation li::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.main-navigation li:hover::after {
  bottom: 6px;
  opacity: 1;
  visibility: visible;
}
/*グロナビstart*/

/*見出しstart*/
h2{ border-bottom: solid 3px #000;
    position: relative;
    margin: 35px 0 15px 0;
    padding-bottom: 15px;
	font-size: 1.55em;
}

h3 {
     position: relative;
     padding-left: 1em;
	margin: 30px 0 15px 0;
	font-size: 1.25em;
}
 
h3::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 15px;
     height: 4px;
     background-color: #000;
}
/*見出しend*/

/*googlemapレスポンシブ化*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*googlemapレスポンシブ化end*/

/*合わせて読みたい記事*/
.linkbox {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 1em;
    position: relative;
}
.linkbox::before {
    background-color: #fff;
    color: #da4033;
    content: "合わせて読みたい記事";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}