@charset "utf-8";


/*--------------------------
	common
--------------------------*/
.btn-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap; /* 折り返しを許可 */
}

/* ベーシック角丸フラット */
.flat-btn {
  flex: 1;
  padding: 12px 0;
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #f5f5f5;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}

.flat-btn:hover {
  background: #e9e9e9;
  border-color: #ccc;
}

/*-------------------------------
676px以下用
---------------------------------*/
@media screen and (max-width: 676px) {
/*--------------------------
	common
--------------------------*/

}