Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*トップページおすすめ*/
- #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;
- }
- }
Add Comment
Please, Sign In to add comment