name属性の指定でグループ化
アコーディオン1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac rutrum odio. Suspendisse volutpat varius nulla, sit amet posuere neque accumsan sit amet. In facilisis turpis vel ligula fermentum, ut consequat magna pharetra. Praesent sit amet nulla ligula.
アコーディオン2
Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor. Integer volutpat congue felis, sit amet bibendum enim aliquet vitae. Suspendisse iaculis aliquet ligula, ut pharetra ante varius dignissim. Vivamus lacinia diam sit amet arcu vehicula dapibus sed in magna.
アコーディオン3
Cras sit amet dolor diam. Curabitur consectetur sollicitudin massa, sit amet laoreet lorem lacinia vel. Suspendisse consectetur velit mollis est varius, at egestas erat lobortis. Maecenas eu lobortis justo, eget volutpat sapien. Nam accumsan erat faucibus, pharetra odio eget, vehicula urna. Sed aliquet pellentesque ligula, id tempus mi hendrerit eget. Nam orci justo, faucibus ac risus eget, tincidunt pharetra odio.
<details name="according">
	<summary>アコーディオン1</summary>
	<div>Lorem ipsum dolor ......</div>
</details>
<details name="according">
	<summary>アコーディオン2</summary>
	<div> Sed tortor magna ......</div>
</details>
<details name="according">
	<summary>アコーディオン3</summary>
	<div>Cras sit amet ......</div>
</details>

複数の<details>要素に同じ値を持つname属性を指定すると、グループ内でひとつのアコーディオンだけが開き、そのほかは自動で閉じられます。

CSSでスタイリング
Q. そもそも、電話占いとはどんなサービスなのですか？
プロの占い師に電話を使って占いの依頼、人生相談、恋愛や人間関係など、ご相談者様がお抱えのお悩みの相談に対し、解決に向けた答えを出すサービスです。
Q. 本当に電話で占いが出来るのでしょうか？
はい、占えます。生年月日がわかれば占星術や四柱推命、九星気学で占えますし、名前がわかれば姓名判断や数秘術で占えます。電話越しに相談内容を聞けばタロットカードや易、ルーン他の占術で占えて、霊感や透視などでも占えます。手相や人相などは、占い師が直接見ないと占えませんので、受け付けておりません。
Q. 会員登録は必ずしなければなりませんか？
はい。ご利用いただくすべてのお客様に、会員登録をしていただいております。会員登録は無料で、登録の完了後すぐにご利用いただけるので、お気軽にご登録ください。
Q. 登録に費用はかかりますか？
いいえ、無料です。登録の更新や年会費なども一切必要ありません。
.name2 details[open] .icn::before  {
	transform: translateY(-50%) rotate(315deg) ;
}

details[open]セレクターでアコーディオンが開いたときのスタイルを登録し、アイコンをアニメーションさせることが可能です。

ディゾルブアニメーション（CSSのみ）
Q. そもそも、電話占いとはどんなサービスなのですか？
プロの占い師に電話を使って占いの依頼、人生相談、恋愛や人間関係など、ご相談者様がお抱えのお悩みの相談に対し、解決に向けた答えを出すサービスです。
Q. 本当に電話で占いが出来るのでしょうか？
はい、占えます。生年月日がわかれば占星術や四柱推命、九星気学で占えますし、名前がわかれば姓名判断や数秘術で占えます。電話越しに相談内容を聞けばタロットカードや易、ルーン他の占術で占えて、霊感や透視などでも占えます。手相や人相などは、占い師が直接見ないと占えませんので、受け付けておりません。
Q. 会員登録は必ずしなければなりませんか？
はい。ご利用いただくすべてのお客様に、会員登録をしていただいております。会員登録は無料で、登録の完了後すぐにご利用いただけるので、お気軽にご登録ください。
Q. 登録に費用はかかりますか？
いいえ、無料です。登録の更新や年会費なども一切必要ありません。
開閉アニメーション（CSSのみ）
Q. そもそも、電話占いとはどんなサービスなのですか？
プロの占い師に電話を使って占いの依頼、人生相談、恋愛や人間関係など、ご相談者様がお抱えのお悩みの相談に対し、解決に向けた答えを出すサービスです。
Q. 本当に電話で占いが出来るのでしょうか？
はい、占えます。生年月日がわかれば占星術や四柱推命、九星気学で占えますし、名前がわかれば姓名判断や数秘術で占えます。電話越しに相談内容を聞けばタロットカードや易、ルーン他の占術で占えて、霊感や透視などでも占えます。手相や人相などは、占い師が直接見ないと占えませんので、受け付けておりません。
Q. 会員登録は必ずしなければなりませんか？
はい。ご利用いただくすべてのお客様に、会員登録をしていただいております。会員登録は無料で、登録の完了後すぐにご利用いただけるので、お気軽にご登録ください。
Q. 登録に費用はかかりますか？
いいえ、無料です。登録の更新や年会費なども一切必要ありません。