/*
Theme Name:GOOR NEWS SITE 20201027
.
*/

.restrant_info .like_button {
  position:relative; padding:0 15px 0 30px; margin: 20px 0; height:35px; line-height:35px; font-size:12px; text-align:center; border:1px solid #ff8001; color:#ff8001; border-radius:10px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.restrant_info .like_button:before {
  display:block; font-family:'design_plus'; content:'\e87d'; width:14px; height:14px; line-height:14px; color:#ff8001; position:absolute; top:2px; bottom:0; margin:auto; left:12px; text-indent:0;
  -webkit-transition-property:color; -webkit-transition-duration:0.35s; -webkit-transition-timing-function:ease;
  transition-property:color; transition-duration:0.35s; transition-timing-function:ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.restrant_info .like_button:hover, .restrant_info .like_button.active { background:#ff8001; color:#fff !important; }
.restrant_info .like_button:hover:before, .restrant_info .like_button.active:before { color:#fff !important; }
.restrant_info .like_button.active { pointer-events:none; }
.restrant_info .like_message {
  pointer-events:none;
  font-size:11px; opacity:0; position:absolute; min-width:150px; padding:0 10px; display:block; top:-50px; background:#ff8001; color:#fff; height:30px; line-height:30px;
  left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.restrant_info .like_message:after {
  content:''; display:block; position:absolute;
  width:0; height:0;
  left:50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);
  border-style: solid; border-width: 8px 6px 0 6px; border-color: #ff8001 transparent transparent transparent;
}
.restrant_info a.clicked .like_message {
  -webkit-animation: like_animation 2.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0s;
  animation: like_animation 2.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0s;
}
@-webkit-keyframes like_animation {
  0% { top:-40px; }
  20% { opacity:1; top:-50px; }
  70% { opacity:1; }
  100% { opacity:0; }
}
@keyframes like_animation {
  0% { top:-40px; }
  20% { opacity:1; top:-50px; }
  70% { opacity:1; }
  100% { opacity:0; }
}

.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and ( max-width: 768px ) {
.pc {
	display: none;
}
.sp {
	display: block;
}	
}
.display_none {
	display: none;
}