@charset "UTF-8";
/* CSS Document */
/* 全体を包むコンテナ */
.ac-container {
  /*max-width: 800px;*/
	max-width:75rem;
  margin: 20px auto;
	padding:0 15px;
}

/* 各アイテム */
.ac-item {
  border: 1px solid #ccc; /* 線をさらに薄くしてモダンに */
  border-radius: 4px; /* 角丸を少しシャープに */
  margin-bottom: 8px;
  background-color: #fff;
  overflow: hidden;
}

/* 質問エリア：完全に左寄せ */
.ac-summary {
  cursor: pointer;
  padding: 18px 20px;
  list-style: none;
  display: flex;
  justify-content: space-between; /* テキストとアイコンを両端に */
  align-items: center;
  font-weight: bold;
  color: #222;
  transition: background-color 0.2s;
	background-color: #f5f5f5;
}
.ac-summary::-webkit-details-marker { display: none; }

/* ホバー時にほんのりグレーにする */
.ac-summary:hover {
  background-color: #fcfcfc;
}

/* アイコン：右側に配置（＋から×への変化は維持） */
.ac-icon {
  width: 16px; /* 少し小ぶりに */
  height: 16px;
  position: relative;
  flex-shrink: 0; /* テキストが長くてもアイコンが潰れないように */
  margin-left: 15px;
  transition: transform 0.3s ease;
}
.ac-icon::before, .ac-icon::after {
  content: '';
  position: absolute;
  background-color: #333;
}
.ac-icon::before { top: 7px; left: 0; width: 16px; height: 2px; }
.ac-icon::after { left: 7px; top: 0; width: 2px; height: 16px; }

/* 開閉時のアイコン変化 */
.ac-item[open] .ac-icon {
  transform: rotate(45deg);
}

/* 回答エリア */
.ac-content {
  height: 0;
  overflow: hidden;
  /*opacity: 0;*/
  transition: height 0.3s ease, opacity 0.3s ease;
}

.ac-inner {
  padding: 0 20px 20px 20px; /* 上の余白を詰めて質問と一体化 */
  line-height: 1.7;
  color: #444;
  font-size: 0.95em;
}

/*　スペック表　*/
.ac-inner table {
	width:100%;
	font-size: 12px;
    line-height: 1.5;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #999;
    border-right-color: #999;
	border-collapse: collapse; /* セル同士の隙間をなくす（cellspacing="0" 相当） */
  	/*border: none;  */             /* 枠線を消す（border="0" 相当） */
	margin-top: 10px;
}

.ac-inner th{
    color: #FFF;
    background-color: #6E6E6E;
    padding: 5px;
    font-weight: normal;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #999;
    border-left-color: #999;
}

.ac-inner td{
    padding: 5px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #999;
    border-left-color: #999;
}