[div=tab_box]
  [spoiler=[poster]https://i.imgur.com/pHLPvxn.png[/poster]]
    [div=cc-2a] 
[div=c-column] 
[img h=300]http://vndex.fr/wp-content/uploads/2014/01/6245.jpg[/img]
[/div] 
[div=c-column] 
Danganronpa: Trigger Happy Havoc, известная в Японии как Dangan Ronpa: Kibō no Gakuen to Zetsubō no Kōkōsei (ダンガンロンパ 希望の学園と絶望の高校生) — японская визуальная новелла, разработанная Spike Chunsoft, а также первая игра серии Danganronpa. В Японии она была выпущена 25 ноября 2010 для PlayStation Portable и позднее портирована для PlayStation Vita, iOS/Android, PlayStation 4 и PC. Демо-версия игры под названием Dangan Ronpa: Kibō no Gakuen to Zetsubō no Kōkōsei (Trial Version) с изменённой версией первой главы была выпущена эксклюзивно для Японии 10 октября 2010. Игра была локализована и выпущена на английском языке компанией NIS America 11 февраля 2014.
[/div] 
[/div]
  [/spoiler]

  [spoiler=[poster]https://i.imgur.com/d0RsQjV.png[/poster]]
     [div=cc-2a] 
[div=c-column] 
[img h=300]https://i.imgur.com/3P8yn1Q.jpg[/img]
[/div] 
[div=c-column] 
Danganronpa 2: Goodbye Despair (в Японии известна под названием Super Danganronpa 2: Farewell Despair Academy, スーパーダンガンロンパ2 さよなら絶望学園, Sūpā Danganronpa 2: Sayonara Zetsubō Gakuen), сокращённо "Super Danganronpa 2" или "SDR2"/"DR2" — продолжение игры Danganronpa: Trigger Happy Havoc, которое было выпущено 26 июля 2012 года на PSP, iOS, PSVita, и Android.
[/div] 
[/div]
  [/spoiler]

  [spoiler=[poster]https://i.imgur.com/FtSK7Nf.png[/poster]]
     [div=cc-2a] 
[div=c-column] 
[img h=300]https://i.imgur.com/SALHhrB.jpg[/img]

[url=https://shikimori.org/clubs/561-danganronpa/topics/245488-danganronpa-another-episode-ultra-despair-girls][poster]https://i.imgur.com/YmRrsS1.png[/poster][/url]
[/div] 
[div=c-column] 
Danganronpa Another Episode: Ultra Despair Girls (絶対絶望少女 ダンガンロンパ AnotherEpisode Zettai Zetsubō Shōjo Danganronpa Another Episode) - спин-офф игра, основанная на серии Danganronpa.

Также были выпущены две манга-адаптации, названные "[manga=89244]Zettai Zetsubou Shoujo: Danganronpa Another Episode[/manga]" и "[manga=89245]Девушки в абсолютном отчаянии: Геноцид Джек[/manga]". Первая вышла 20 февраля 2015, а вторая - 27 января 2015.

Комиксовая антология, "Zettai Zetsubo Shojo Danganronpa Another Episode - Comic Anthology", была выпущена 24 января 2015.
[/div] 
[/div]
  [/spoiler]

  [spoiler=[poster]https://i.imgur.com/TqqtilM.png[/poster]]
     [div=cc-2a] 
[div=c-column] 
[img h=300]https://i.imgur.com/mk7H8Rm.png[/img]
[/div] 
[div=c-column] 
Danganronpa 3: The End of Hope's Peak Academy(ダンガンロンパ３ –The End of 希望ヶ峰学園– Danganronpa 3 – The End of kibō hō gakuen) - TV сериал, который вышел в июле 2016 года, а его режиссером выступил Сейдзи Киши из студии Lerche.
Это не аниме адаптация какой-либо игры, а абсолютно новая история, придуманная [person=21779]Кадзутакой Кодакой[/person], создателем игр. Аниме должно стать концом Академии Пик Надежды во франшизе Danganronpa, так как сюжет новой выходящей игры, Danganronpa V3: Killing Harmony, сосредоточен на новых локациях и персонажах.

Аниме разделяется на две арки:
[*][anime=32189]Сторона: Будущее[/anime] - первая глава, сиквел к Danganronpa 2: Goodbye Despair. Она сосредотачивается на Макото Наэги, Кёко Киригири, Аой Асахине, Ясухиро Хагакурэ и 12 членах Фонда Будущего в новой убийственной игре.
[*][anime=33028]Сторона: Отчаяние[/anime] - вторая глава, приквел к Danganronpa 2. Она рассказывает историю Остатков Отчаяния и как они были созданы
[/div] 
[/div]
  [/spoiler]

  [spoiler=[poster]https://i.imgur.com/YPG5mgZ.png[/poster]]
 [div=cc-2a] 
[div=c-column] 
[img h=300]https://i.imgur.com/wfxgRQt.jpg[/img]
[/div] 
[div=c-column] 
Danganronpa V3: Killing Harmony, известная в Японии как New Dangan Ronpa V3: Everyone's New Semester of Killing (ニューダンガンロンパV3 みんなのコロシアイ新学期) — японская визуальная новелла, разработанная Spike Chunsoft. Это третья основная игра серии Danganronpa. Она была выпущена 12 января 2017 года в Японии для PlayStation 4 and PlayStation Vita. 26 сентября 2017 года она была выпущена на PlayStation 4, PlayStation Vita, и Steam для PC в Северной Америке, и 29 сентября 2017 в Европе.

Промо демо-версия Danganronpa V3: Killing Harmony (Demo Version) была выпущена в Японии 20 декабря 2016. Позднее, 25 августа 2017, она также была выпущена в Северной Америке, Европе и Австралии.
[/div] 
[/div]
[/spoiler]
[/div]

.tab_box > br,
.tab_box > .b-spoiler > .content > .after {
  display: none;
}

.tab_box > .b-spoiler > .content[style *= "inline"] {
  display: block !important;
  cursor: default;
}

.tab_box > .b-spoiler .content .inner,
.tab_box > .b-spoiler .content .inner-prgrph {
  border: 0;
}

/* Полоска табов */
.tab_box {
  position: relative;
  padding-top: 68px; /* Высота кнопки таба + верхний (0) и нижний (8) внешние отступ */
}

/* Невидимая кнопка "Закрыть таб" */
.tab_box > .b-spoiler > .content > .before {
  position: absolute;
  top: 0;
  height: 60px; /* Высота кнопки таба */
  width: 100%;
  font-size: 0;
}

/* Неактивная кнопка таба */
.tab_box > .b-spoiler > label {
  position: absolute;
  top: 0;
  display: block !important;
  height: 60px; /* Высота кнопки таба */
  margin: 0 0 8px 0; /* Внешние отступы */
  background: none;
  /*border: 1px dashed #c4c4c4;*/
  color: white;
  font-size: inherit;
  letter-spacing: initial;
  line-height: 60px; /* Высота кнопки таба */
  text-align: center;
  text-decoration: none !important;
  text-overflow: ellipsis;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  user-select: none;
}


/* Активная кнопка таба */
.tab_box > .b-spoiler > label[style *= "none"] {
  background: red;
  color: white;}

/* Положение кнопки 1 */
.tab_box > .b-spoiler:nth-of-type(1) > label,
.tab_box > .b-spoiler:nth-of-type(1) > .content > .before {
  left: 0;
  width: 20%;}
/* Положение кнопки 2 */
.tab_box > .b-spoiler:nth-of-type(2) > label,
.tab_box > .b-spoiler:nth-of-type(2) > .content > .before {
  left: 20%;
  width: 20%;}
/* Положение кнопки 3 */
.tab_box > .b-spoiler:nth-of-type(3) > label,
.tab_box > .b-spoiler:nth-of-type(3) > .content > .before {
  left: 40%;
  width: 20%;}
/* Положение кнопки 4 */
.tab_box > .b-spoiler:nth-of-type(4) > label,
.tab_box > .b-spoiler:nth-of-type(4) > .content > .before {
  left: 60%;
  width: 20%;}
/* Положение кнопки 5 */
.tab_box > .b-spoiler:nth-of-type(5) > label,
.tab_box > .b-spoiler:nth-of-type(5) > .content > .before {
  left: 80%;
  width: 20%;}