/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/
/*トップページおすすめ*/

#pickup{

  display:flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top:0.5em;

  margin-bottom:2em;

}

#pickup .pickup_post{

  width:24%;

}

@media only screen and (max-width: 767px) {

  #pickup .pickup_post{

    width:48%;

    margin-bottom:1em;

  }

}

#pickup .pickup_post a img{

  box-img_border: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);

  border-radius:2px;

  transition: .3s ease-in-out;

}

#pickup .pickup_post a img:hover{

  box-img_border: 0 13px 20px -3px rgba(0,0,0,.24);

}



/*トップページの見出し*/

h2.top_menu {

  border-left:none;

  background-color:#fff;

  color:#000;

  overflow: hidden;

  text-align: center;

}

h2.top_menu span {

  position: relative;

  display: inline-block;

  margin: 0 2.5em;

  padding: 0 1em;

  text-align: left;

}

h2.top_menu span::before,

h2.top_menu span::after {

  position: absolute;

  top: 50%;

  content: '';

  width: 400%;

  height: 1px;

  background-color: #000;

}

h2.top_menu span::before {

  right: 100%;

}

h2.top_menu span::after {

  left: 100%;

}

@media only screen and (max-width: 767px) {

  h2.top_menu {

    font-size:1em;

  }

}