@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.grecaptcha-badge{visibility: hidden;}

/* パスワード入力フォームの角の丸さ */
input[type=password]{
border-radius:4px;
}

/* Zen Maru Gothicのフォントを追加 */
@font-face {
 font-family: 'Zen Maru Gothic';
 src: url( "fonts/ZenMaruGothic-Regular.woff") format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Zen Maru Gothic';
 src: url( "fonts/ZenMaruGothic-Bold.woff") format('woff');
 font-weight: bold;
 font-style: normal;
}

@font-face {
 font-family: 'Zen Maru Gothic';
 src: url( "fonts/ZenMaruGothic-Medium.woff") format('woff');
 font-weight: Medium;
 font-style: normal;
}

/* コメント部分の調整 */
label[for="comment"]{
	display:none;
}

/* いいねボタンの調整 */
.like-area {
  text-align: center;
  margin: 1em 0;
  font-family: "Noto Sans JP", sans-serif;
  color: #555;
}

.like {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 0.5em 1em;
  transition: all 0.3s ease;
  font-size:18px;
}

.like img {
  width: 24px;
  height: 24px;
  margin: 0 6px;
  transition: transform 0.25s ease, filter 0.3s ease;
  filter: drop-shadow(0 0 2px rgba(255,0,100,0.3));
}

.like img:hover {
  transform: scale(1.2);
  filter: drop-shadow(0 0 8px rgba(255,0,100,0.6));
}

.like-count {
  font-weight: bold;
  color: #e63946;
  font-size: 1.1em;
  transition: transform 0.2s ease;
}

.like-count.animate {
  transform: scale(1.2);
}