@charset "UTF-8";
/* CSS Document */

/* -----------------------------------------------------------
 * 2026.01.13 Update | カスタムいいねボタン
 * ----------------------------------------------------------- */
.custom-like-wrapper {
 display: flex;
 align-items: center;
}
.custom-like-button {
  border-radius: 50px; /* 丸みを出して「ボタン感」 */
  cursor: pointer;
  transition: all 0.3s ease;
 background: none;
 border: none;
}
.custom-like-button svg {
  fill: #25509f;
  transition: fill 0.3s ease; /* ふわっと変える */
}
.custom-like-button:disabled  {
 pointer-events: none;
 cursor: default;
}
.custom-like-button:disabled svg {
 fill: #666;
 opacity: 0.7;
}
/* 吹き出し数字（ここが主役！） */
#like-count-display {
  position: relative;
  display: inline-block;
  background: #f0f0f0; /* デフォルト背景 */
  color: #25509f;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  transition: all 0.3s ease;
}

/* 吹き出しの「しっぽ（左向き）」 */
#like-count-display::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -12px; /* しっぽを外に出す */
  transform: translateY(-50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 12px solid #f0f0f0; /* しっぽの形を少し鋭角に */
}
/* -----------------------------------------------------------
 * 2026.01.09 Update | 大陽日酸様 理念ページ改修
 * ----------------------------------------------------------- */
.home #content.generalPage .about h1.entry-title::before {
    content: "ABOUT";
}
.home .site-main.general.about .aboutBlock001{
	background: #f9fafc;
	box-sizing: border-box;
	margin-bottom: 50px;
	padding: 20px 10px;
}
.home .site-main.general.about .aboutBlock001_inner{
	background: #FFF;
	width: 100%;
	padding: 15px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.home .site-main.general.about .aboutBlock001_inner .koudou-text{
 color: #1EA159;
}
.home .site-main.general.about .aboutBlock001_inner h3{
	text-align: center;
 color: #1EA159;
 /*color: #000;*/
 font-size: 2.5rem;
 font-weight: bold;
	margin-bottom: 30px;
}
.home .site-main.general.about .aboutBlock001_inner h4{
	font-size: 2.0rem;
	color: #1EA159;
 color: #424242;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
 line-height: 1.7;
}
.home .site-main.general.about .aboutBlock002{
	margin-bottom: 50px;
}
.home .site-main.general.about .aboutBlock002 .aboutBlock002_inner{
	position: relative;
	padding-top: 20px;
 padding-bottom: 20px;
	margin: 20px;
 border: none;
 padding-left: 0;
}
.home .site-main.general.about .aboutBlock002 .aboutBlock002_inner.inner01::before {
    content: "";
}
.home .site-main.general.about .aboutBlock002 .aboutBlock002_inner p {
	margin: 0;
	margin-bottom: 10px;
}
.home .site-main.general.about .aboutBlock002 .aboutBlock002_inner p:nth-child(1){
font-size: 3rem;
	font-weight: bold;
 text-align: center;
 background: #f9fafc;
 padding: 20px;
 color: #1EA159;
 line-height: 1.3;
}
@media (min-width:576px) {
 	.home .site-main.general.about .aboutBlock001{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 100px;
}
.home .site-main.general.about .aboutBlock001_inner{
	width: 48%;
	padding: 30px;
	margin-bottom: 0;
	}
 .home .site-main.general.about .aboutBlock002{
	margin-bottom: 120px;
}
 .home .site-main.general.about .aboutBlock002 .aboutBlock002_inner p:nth-child(1){
 padding: 60px;
}
}