@charset "UTF-8";
/*
Theme Name: _gothic
Theme URI: http://underscores.me/
Author: cave
Author URI: http://www.cave.co.jp
Description: for gothic wa mahouotome
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: _gothic
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

_gothic is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url(info.css);
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*, ::before, ::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: border-box;
}

::before, ::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
  display: block;
}

summary {
  display: block;
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden], template {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}
a:active, a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b, strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button, [type=button], [type=reset], [type=submit], [role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
  /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button, input, optgroup, select, textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}
button::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Remove inner padding and border in Firefox 4+ */
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button, select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}
select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}
select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

audio, canvas, progress, video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
::-moz-selection, ::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

ul {
  list-style: none;
}

/*--------------------------------------------------------------
## customs
--------------------------------------------------------------*/
/* PC用クエリ */
/* トップ/記事/固定ページ共通 */
html {
  font-size: 62.5%;
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 100%;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 62.5%;
  }
}
@media screen and (max-width: 350px) {
  html {
    font-size: 50%;
  }
}
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
body {
  background: url("images/parts/all_bg_pc.jpg") center top no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.8;
  /* スマホ用背景固定 */
  /* サイトタイトル・キャッチフレーズのテキストを非表示 */
  /* グローバルメニュー */
}
body p {
  color: #FFFFFF;
  /* デフォルトフォントカラー */
}
body a {
  text-decoration: none;
  outline: none;
  color: #FF9600;
}
body .site-title a, body .site-description {
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
}
body #page {
  background: #000000;
}
body nav#site-navigation {
  width: 100%;
  height: 80px;
  background: rgba(0, 0, 0, 0.85);
  top: 0;
  position: fixed;
  z-index: 100;
  border-bottom: 1px solid #B5B5B5;
}
body nav#site-navigation #nav-main {
  width: 100%;
  position: relative;
  /* メニュー */
  /* SNSボタン */
}
body nav#site-navigation #nav-main #menuBlock {
  width: 65%;
  float: left;
  box-sizing: border-box;
  /* メニュー表示ボタン */
  /* メニューそのもののコンテナ */
}
body nav#site-navigation #nav-main #menuBlock .menuBtn {
  display: none;
}
body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}
body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu:after {
  content: "";
  clear: both;
}
body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu li {
  width: 20%;
  min-width: 80px;
  height: 100%;
  border-right: 1px solid #B5B5B5;
  padding: 0;
  float: left;
}
body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu li a {
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;
  font-size: 1.4rem;
}
body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu li a:hover {
  filter: brightness(80%);
}
body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu li a .red {
  color: #FF0047;
}
body nav#site-navigation #nav-main .btnAreaRight {
  width: 35%;
  height: 80px;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  /* 各種ストアバッヂ */
}
body nav#site-navigation #nav-main .btnAreaRight .googleplayBtn, body nav#site-navigation #nav-main .btnAreaRight .appstoreBtn, body nav#site-navigation #nav-main .btnAreaRight .amazonBtn {
  width: 23%;
  margin: 0 1%;
  display: block;
}
body nav#site-navigation #nav-main .btnAreaRight .twitterBtn {
  width: 6%;
  margin: 0 1%;
  display: block;
}
body .nav-links {
  display: none;
}
body footer {
  width: 100%;
  padding: 30px 0 50px;
  background: #120a02;
  margin: 0;
}
body footer .site-notice {
  width: 960px;
  margin: 0 auto;
  box-sizing: border-box;
}
body footer .site-notice p {
  font-size: 1.2rem;
  margin: 0;
  color: #B5B5B5;
}
body footer .app-info {
  width: 960px;
  padding: 20px 0;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}
body footer .app-info::after {
  content: "";
  clear: both;
}
body footer .app-info .app-icon {
  width: 120px;
  height: 120px;
  margin: 0 10px 0 0;
  float: left;
}
body footer .app-info .app-explain {
  width: 350px;
  float: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
body footer .app-info .app-explain h1 {
  font-size: 1.6rem;
  color: #FFFFFF;
}
body footer .app-info .app-explain p {
  text-align: left;
  margin: 0;
  font-size: 1.4rem;
  color: #FFFFFF;
}
body footer .app-info .app-explain p span.notice {
  color: #B5B5B5;
}
body footer .app-info .app-badge {
  width: 420px;
  float: right;
  padding: 0;
  overflow: hidden;
}
body footer .app-info .app-badge:after {
  content: "";
  clear: both;
}
body footer .app-info .app-badge .appstoreBtn {
  width: 111px;
  height: 149px;
  background: url("images/parts/app_badge_barcode.png") center center no-repeat;
  background-size: 100% auto;
  display: block;
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
}
body footer .app-info .app-badge .googleplayBtn {
  width: 111px;
  height: 149px;
  background: url("images/parts/gp_badge_barcode.png") center center no-repeat;
  background-size: 100% auto;
  display: block;
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
}
body footer .app-info .app-badge .amazonBtn {
  width: 111px;
  height: 149px;
  background: url("images/parts/ama_badge_barcode.png") center center no-repeat;
  background-size: 100% auto;
  display: block;
  margin: 0 auto;
  padding: 0;
  float: left;
}
body footer a.logo {
  width: 100px;
  height: 100px;
  display: block;
  margin: 40px auto 20px;
}
body footer p.copy {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.4rem;
}
body footer a.link {
  width: 200px;
  text-align: center;
  color: #FF8600;
  margin: 20px auto;
  display: block;
  text-decoration: underline;
  font-size: 1.2rem;
}
body.single, body.page:not(.home) {
  /* 投稿ページのヘッダ画像 */
  /* 投稿ページのヘッダ */
  /* 投稿ページのコンテンツエリア */
}
body.single .entry-content, body.page:not(.home) .entry-content {
  padding: 0 0 100px;
}
body.single #page, body.page:not(.home) #page {
  width: 100%;
  background: url("images/parts/single/bg/rotate.php") center top no-repeat;
  background-size: 1920px 494px;
  position: relative;
  margin: 0 auto;
}
body.single header#masthead, body.page:not(.home) header#masthead {
  width: 100%;
  height: 489px;
  position: relative;
  z-index: 1;
}
body.single header#masthead .site-title, body.page:not(.home) header#masthead .site-title {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -400px;
}
body.single header#masthead .site-title a, body.page:not(.home) header#masthead .site-title a {
  width: 100%;
  height: 100%;
  text-indent: 0;
  display: flex;
  align-items: center;
}
body.single #content, body.page:not(.home) #content {
  width: 100%;
  position: relative;
  z-index: 0;
  /*&::before {
  	content 	: "";
  	width 		: 100%;
  	height 		: 200px;
  	display 	: block;
  	background 	: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%);
  	background 	: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%);
  	filter 		: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  	position 	: relative;

  	@include tab {
  		height 		: 10vw;
  	}
  }*/
  /* コンテンツのメインエリア */
}
body.single #content #primary, body.page:not(.home) #content #primary {
  width: 100%;
  background: rgba(0, 0, 0, 0.95);
  margin: 0 auto;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
body.single #content #primary nav, body.page:not(.home) #content #primary nav {
  clear: both;
}
body.single #content #primary main#main, body.page:not(.home) #content #primary main#main {
  width: 60%;
  min-width: 960px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
body.single #content #primary .entry-footer, body.page:not(.home) #content #primary .entry-footer {
  display: none;
}
body.single .navigation, body.page:not(.home) .navigation {
  margin: 0;
}
body.group-blog #main article h2.entry-title {
  width: 800px;
  background: none;
  text-indent: 0;
  margin: 0 auto 0.3em;
  font-size: 1.4rem;
  line-height: 2;
  border-bottom: 1px solid #373737;
  padding: 1rem 0;
  color: #FFFFFF;
}
body.group-blog #main article h2.entry-title span {
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  margin: 0 1rem 0 0;
  padding: 0 1rem;
}
body.group-blog #main article h2.entry-title span.cat0 {
  background: #0024FF;
}
body.group-blog #main article h2.entry-title span.cat0::before {
  content: "お知らせ";
}
body.group-blog #main article h2.entry-title span.cat1 {
  background: #FF4D00;
}
body.group-blog #main article h2.entry-title span.cat1::before {
  content: "イベント";
}
body.group-blog #main article h2.entry-title span.cat2 {
  background: #00CB02;
}
body.group-blog #main article h2.entry-title span.cat2::before {
  content: "ガチャ/お店";
}
body.group-blog #main article h2.entry-title span.cat3 {
  background: #FF0000;
}
body.group-blog #main article h2.entry-title span.cat3::before {
  content: "重要";
}
body.group-blog #main article h2.entry-title span.cat9 {
  background: #0005FF;
}
body.group-blog #main article h2.entry-title span.cat9::before {
  content: "ブログ";
}
body.group-blog #main article .posted-on p {
  width: 100%;
  max-width: 800px;
  margin: 1rem auto 0;
}
body.group-blog #main article .posted-on p time {
  display: block;
  margin: 1rem 0 3rem auto;
  width: 100%;
  text-align: right;
  font-size: 1.2rem;
  line-height: 1;
  color: #B5B5B5;
}
body.single #main {
  /* ニュースの見出し表示 */
}
body.single #main .h1_news, body.single #main .h1_character {
  width: 600px;
  margin: 0 auto 40px;
  text-align: center;
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;
  font-size: 2rem;
  border-bottom: 1px solid #373737;
}
body.single #main article {
  width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
  /* キャラクターページ用 */
  /* キャラクターページ用ここまで */
}
body.single #main article.character_desc {
  width: 860px;
  overflow: hidden;
}
body.single #main article.character_desc .chara_img_container {
  width: 400px;
  height: 400px;
  margin: 0 auto 1em;
}
body.single #main article.character_desc .chara_img_container.red {
  background: url("images/character/bg_red.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.single #main article.character_desc .chara_img_container.blue {
  background: url("images/character/bg_blue.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.single #main article.character_desc .chara_img_container.green {
  background: url("images/character/bg_green.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.single #main article.character_desc .chara_img_container.white {
  background: url("images/character/bg_white.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.single #main article.character_desc .chara_img_container.black {
  background: url("images/character/bg_black.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.single #main article.character_desc h2 {
  text-align: center;
  margin-top: 1em;
  color: #FFFFFF;
  font-size: 1.8rem;
}
body.single #main article.character_desc .char_desc {
  width: 80%;
  text-align: center;
  margin: 2rem auto;
  padding: 1rem;
  border: 1px solid #373737;
  color: #FFFFFF;
  font-size: 1.4rem;
}
body.single #main article.character_desc .float {
  width: 700px;
  margin: 0 auto 2em;
  display: flex;
  justify-content: space-between;
}
body.single #main article.character_desc .float .chara_detail, body.single #main article.character_desc .float .shot {
  width: 340px;
}
body.single #main article.character_desc .float .chara_detail h3, body.single #main article.character_desc .float .shot h3 {
  width: 100%;
  color: #FFFFFF;
  margin: 0 0 1rem;
  border-bottom: 1px solid #373737;
}
body.single #main article.character_desc .float .chara_detail dl, body.single #main article.character_desc .float .shot dl {
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 10px 0;
  display: flex;
  color: #FFFFFF;
}
body.single #main article.character_desc .float .chara_detail dl dt, body.single #main article.character_desc .float .shot dl dt {
  width: 30%;
  text-align: left;
  border-right: 1px solid #373737;
}
body.single #main article.character_desc .float .chara_detail dl dd, body.single #main article.character_desc .float .shot dl dd {
  width: 60%;
  text-align: left;
  padding-left: 1rem;
}
body.single #main article.character_desc .float .chara_detail .movie_container, body.single #main article.character_desc .float .shot .movie_container {
  width: 320px;
  height: 180px;
  border: 1px solid #373737;
  margin: 1.5rem auto 0;
}
body.single #main article.character_desc .float .chara_detail .movie_container iframe, body.single #main article.character_desc .float .shot .movie_container iframe {
  width: 100%;
  height: 100%;
}
body.single #main article.character_desc .desc {
  width: 50%;
  margin: 0 auto;
  padding: 2rem 0;
}
body.single #main article.character_desc .desc .link_container {
  width: 100%;
  display: flex;
  justify-content: center;
}
body.single #main article.character_desc .desc .link_container a {
  width: 30%;
  text-align: center;
  padding: 0 1em;
  display: block;
  border-right: 1px solid #373737;
  font-size: 1.2rem;
}
body.single #main article.character_desc .desc .link_container a:hover {
  text-decoration: underline;
}
body.single #main article.character_desc .desc .link_container a:last-child {
  border-right: none;
}
body.single #main article.character_desc:after {
  content: "";
  clear: both;
}
body.single #main article .entry-header {
  /* 記事名の見出し */
  /* 記事投稿日時 */
}
body.single #main article .entry-header h1.entry-title {
  width: 100%;
  background: none;
  text-indent: 0;
  margin: 0 0 0.3em;
  line-height: 2em;
  font-weight: 500;
  color: #FFFFFF;
  border-bottom: 1px solid #B5B5B5;
  /* 記事のカテゴリタグの表示 */
}
body.single #main article .entry-header h1.entry-title span {
  width: 78px;
  height: 19px;
  display: inline-block;
  margin: 0 1em 0 0;
  /* お知らせ */
  /* イベント */
  /* アップデート */
  /* ブログ */
}
body.single #main article .entry-header h1.entry-title span.cat0 {
  background: url("images/parts/single/news_chip_notice.png") center bottom no-repeat;
  background-size: 100% auto;
}
body.single #main article .entry-header h1.entry-title span.cat1 {
  background: url("images/parts/single/news_chip_event_orange.png") center bottom no-repeat;
  background-size: 100% auto;
}
body.single #main article .entry-header h1.entry-title span.cat2 {
  background: url("images/parts/single/news_chip_gacha.png") center bottom no-repeat;
  background-size: 100% auto;
}
body.single #main article .entry-header h1.entry-title span.cat3 {
  background: url("images/parts/single/news_chip_caution.png") center bottom no-repeat;
  background-size: 100% auto;
}
body.single #main article .entry-header h1.entry-title span.cat4 {
  background: url("images/parts/single/news_chip_notice.png") center bottom no-repeat;
  background-size: 100% auto;
}
body.single #main article .entry-header h1.entry-title span.cat5 {
  background: url("images/parts/single/news_chip_update.png") center bottom no-repeat;
  background-size: 100% auto;
}
body.single #main article .entry-header h1.entry-title span.cat9 {
  background: url("images/parts/single/news_chip_blog.png") center bottom no-repeat;
  background-size: 100% auto;
}
body.single #main article .entry-header .entry-meta {
  display: block;
  margin: 0 0 0 auto;
  width: 100%;
  text-align: right;
  line-height: 1em;
}
body.single #main article .entry-header .entry-meta p {
  color: #B5B5B5;
}
body.page:not(.home) #main {
  /* キャラクター覧ページ */
  /* ニュース一覧ページ */
}
body.page:not(.home) #main article .entry-header {
  /* カテゴリ見出し */
}
body.page:not(.home) #main article .entry-header h1.entry-title {
  width: 600px;
  margin: 0 auto 40px;
  text-align: center;
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;
  font-size: 2rem;
  border-bottom: 1px solid #373737;
}
body.page:not(.home) #main article.character .entry-content {
  margin: 0;
}
body.page:not(.home) #main article.character .entry-content ul.category_links {
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 50px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
body.page:not(.home) #main article.character .entry-content ul.category_links li {
  width: 20%;
  border-right: 1px solid #000000;
  background: #373737;
  text-align: center;
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  float: left;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 1.4rem;
  margin: 0 0 1px;
}
body.page:not(.home) #main article.character .entry-content ul.category_links li.on {
  background: #000000;
  pointer-events: none;
}
body.page:not(.home) #main article.character .entry-content ul.category_links li:last-child {
  border-right: none;
}
body.page:not(.home) #main article.character .entry-content ul.category_links li:hover {
  background: #8C8C8C;
}
body.page:not(.home) #main article.character .entry-content ul.category_links li span {
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  pointer-events: none;
}
body.page:not(.home) #main article.character .entry-content ul.category_links li a {
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -webkit-flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 5rem;
  color: #FFFFFF;
  line-height: 1.2;
}
body.page:not(.home) #main article.character .entry-content .small {
  color: #B5B5B5;
}
body.page:not(.home) #main article.character .entry-content #sort_form {
  width: 90%;
  height: 24px;
  margin: 0 0 30px;
  position: relative;
}
body.page:not(.home) #main article.character .entry-content #sort_form select {
  width: 200px;
  right: 0;
  position: absolute;
  border: 1px solid #B5B5B5;
  background: #B5B5B5;
}
body.page:not(.home) #main article.character .entry-content ul#chara_icons {
  width: 100%;
  list-style: none;
  text-align: center;
  margin: 0 0 2em 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
body.page:not(.home) #main article.character .entry-content ul#chara_icons:after {
  content: "";
  clear: both;
}
body.page:not(.home) #main article.character .entry-content ul#chara_icons li {
  width: 100px;
  height: 100px;
  margin: 0 2px 20px;
}
body.page:not(.home) #main article.character .entry-content ul#chara_icons li.red {
  background: url("images/character/bg_red.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.page:not(.home) #main article.character .entry-content ul#chara_icons li.blue {
  background: url("images/character/bg_blue.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.page:not(.home) #main article.character .entry-content ul#chara_icons li.green {
  background: url("images/character/bg_green.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.page:not(.home) #main article.character .entry-content ul#chara_icons li.white {
  background: url("images/character/bg_white.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.page:not(.home) #main article.character .entry-content ul#chara_icons li.black {
  background: url("images/character/bg_black.jpg") center top no-repeat;
  background-size: 100% auto;
}
body.page:not(.home) #main article.news .entry-content {
  margin: 0;
}
body.page:not(.home) #main article.news .entry-content .post {
  /* ページネイションの設定 */
}
body.page:not(.home) #main article.news .entry-content .post ul.category_links {
  width: 100%;
  margin: 0 auto 50px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
body.page:not(.home) #main article.news .entry-content .post ul.category_links li {
  width: 192px;
  border-right: 1px solid #000000;
  background: #373737;
  text-align: center;
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  float: left;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 1.4rem;
}
body.page:not(.home) #main article.news .entry-content .post ul.category_links li.on {
  background: #000000;
  pointer-events: none;
}
body.page:not(.home) #main article.news .entry-content .post ul.category_links li:last-child {
  border-right: none;
}
body.page:not(.home) #main article.news .entry-content .post ul.category_links li:hover {
  background: #8C8C8C;
}
body.page:not(.home) #main article.news .entry-content .post ul.category_links li span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  padding: 2rem 1rem;
  line-height: 1.1;
}
body.page:not(.home) #main article.news .entry-content .post ul.category_links li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  padding: 2rem 1rem;
  line-height: 1.1;
}
body.page:not(.home) #main article.news .entry-content .post ul.category_links::after {
  clear: both;
}
body.page:not(.home) #main article.news .entry-content .post p {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #373737;
  font-size: 1.4rem;
}
body.page:not(.home) #main article.news .entry-content .post p span.post-date {
  color: #B5B5B5;
  margin: 0 1rem 0 0;
  font-size: 1.4rem;
}
body.page:not(.home) #main article.news .entry-content .post p a {
  line-height: 1.4;
}
body.page:not(.home) #main article.news .entry-content .post p a.cat0::before, body.page:not(.home) #main article.news .entry-content .post p a.cat1::before, body.page:not(.home) #main article.news .entry-content .post p a.cat2::before, body.page:not(.home) #main article.news .entry-content .post p a.cat3::before, body.page:not(.home) #main article.news .entry-content .post p a.cat9::before {
  width: 100px;
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  margin: 0 1rem 0 0;
}
body.page:not(.home) #main article.news .entry-content .post p a.cat0::before {
  background: #0024FF;
  content: "お知らせ";
}
body.page:not(.home) #main article.news .entry-content .post p a.cat1::before {
  background: #FF4D00;
  content: "イベント";
}
body.page:not(.home) #main article.news .entry-content .post p a.cat2::before {
  background: #00CB02;
  content: "ガチャ/お店";
}
body.page:not(.home) #main article.news .entry-content .post p a.cat3::before {
  background: #FF0000;
  content: "重要";
}
body.page:not(.home) #main article.news .entry-content .post p a.cat9::before {
  background: #0005FF;
  content: "ブログ";
}
body.page:not(.home) #main article.news .entry-content .post .page_nation {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 4rem 0 0;
}
body.page:not(.home) #main article.news .entry-content .post .page_nation a, body.page:not(.home) #main article.news .entry-content .post .page_nation span {
  display: inline-block;
  margin: 0 1em 0 0;
}
body.page:not(.home) #main article.news .entry-content .post .page_nation a:visited {
  color: #FFB600;
}
body.page:not(.home) #main article.news .entry-content .post .page_nation span {
  color: #B5B5B5;
}
body.page:not(.home) #main article.special h3 {
  width: 50%;
  margin: 0 0 4rem;
  padding: 0.5rem 2rem;
  color: #FFFFFF;
  border-radius: 3rem;
  background: #741FEB;
  font-size: 1.8rem;
}
body.page:not(.home) #main article.special h3::before {
  content: "◆";
  display: inline;
}
body.page:not(.home) #main article.special .container {
  width: 100%;
}
body.page:not(.home) #main article.special .container .site_box {
  width: 98%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  margin: 0 auto 2rem;
}
body.page:not(.home) #main article.special .container .site_box a.bnr {
  width: 30%;
  display: block;
  border: 1px solid #373737;
  padding: 1px;
}
body.page:not(.home) #main article.special .container .site_box a.bnr img {
  width: 100%;
  height: auto;
  display: block;
}
body.page:not(.home) #main article.special .container .site_box .text {
  width: 68%;
}
body.page:not(.home) #main article.special .container .site_box .text h4 {
  width: 100%;
  font-size: 1.8rem;
  margin: 0 0 0.5rem;
  padding: 0 0 0.5rem;
  border-bottom: 1px solid #373737;
  line-height: 1.2;
  color: #E9003A;
}
body.page:not(.home) #main article.special .container .site_box .text p {
  font-size: 1.4rem;
}
body.home {
  background: #FFFFFF;
  /* スマホ用背景固定 */
}
body.home .entry-content {
  width: 100%;
  margin: 0;
  /* トップページのヘッダ */
}
body.home .entry-content .sp_badge {
  display: none;
}
body.home .entry-content .popup_area {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 102;
  transition: all 0.5s ease;
}
body.home .entry-content .popup_area.hide {
  display: none;
}
body.home .entry-content .popup_area .popup_container {
  width: 60%;
  position: absolute;
  top: 20%;
  left: 50%;
  margin: 0 0 0 -30%;
  z-index: 2;
}
body.home .entry-content .popup_area .popup_container .popup_media {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
body.home .entry-content .popup_area .popup_container .popup_media iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
body.home .entry-content .popup_area .popup_container .popup_media.pop_pc {
  display: block;
}
body.home .entry-content .popup_area .popup_container .popup_media.pop_pc.pop_sp {
  display: none;
}
body.home .entry-content .popup_area .popup_container .bg {
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 1;
}
body.home .entry-content header#top_header {
  width: 100%;
  /* padding-top: 100vh; */
  min-height: 100vh;
  /* margin-top  : 80px; */
  position: relative;
  background: #fff url("images/parts/header_bg_20240831.png") center center no-repeat;
  background-size: cover;
}
body.home .entry-content header#top_header .catch_text {
  position: absolute;
  font-family: heisei-mincho-std, serif;
  font-weight: 700;
  font-style: normal;
  writing-mode: vertical-rl;
  color: #000;
  background: rgba(255, 255, 255, 0.6);
  width: 3vw;
  font-size: 1.2vw;
  line-height: 3vw;
  top: 120px;
  left: 50%;
  margin: 0 0 0 -1.5vw;
  padding: 20px 0;
}
body.home .entry-content header#top_header .header_banner {
  width: 250px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 5;
  transition: all 0.2s ease;
}
body.home .entry-content header#top_header h1.header_logo {
  width: 400px;
  position: absolute;
  left: 50%;
  top: 70%;
  margin: -125px 0 0 100px;
}
body.home .entry-content header#top_header h1.header_logo a {
  width: 100%;
  display: block;
}
body.home .entry-content ul#banner {
  width: 100%;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
body.home .entry-content ul#banner li {
  width: 300px;
  margin: 0 5px 5px;
}
body.home .entry-content ul#banner li a {
  display: block;
  width: 100%;
}
body.home .entry-content ul#banner li a img {
  width: 100%;
  height: auto;
}
body.home .entry-content article#top_article {
  width: 100%;
  background: #000000;
}
body.home .entry-content article#top_article section {
  width: 100%;
  padding: 100px 0;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
body.home .entry-content article#top_article section h2 {
  width: 600px;
  margin: 0 auto 40px;
  text-align: center;
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  color: #373737;
  font-size: 3rem;
  border-bottom: 1px solid #373737;
}
body.home .entry-content article#top_article section .catch_text {
  width: 960px;
  margin: 0 auto 40px;
  text-align: center;
  color: #FF0047;
  font-size: 1.6rem;
}
body.home .entry-content article#top_article section.news_container {
  background: #FFFFFF;
}
body.home .entry-content article#top_article section.news_container ul.menu {
  width: 100%;
  margin: 0 auto 30px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  padding: 0;
}
body.home .entry-content article#top_article section.news_container ul.menu li {
  width: 192px;
  border-right: 1px solid #FFFFFF;
  background: #B5B5B5;
  padding: 2rem;
  text-align: center;
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  float: left;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 1.4rem;
}
body.home .entry-content article#top_article section.news_container ul.menu li:last-child {
  border-right: none;
}
body.home .entry-content article#top_article section.news_container ul.menu li:hover {
  background: #8C8C8C;
}
body.home .entry-content article#top_article section.news_container ul.menu li.on {
  background: #000000;
  pointer-events: none;
}
body.home .entry-content article#top_article section.news_container ul.menu::after {
  clear: both;
}
body.home .entry-content article#top_article section.news_container .topic_container {
  width: 960px;
  margin: 0 auto 20px;
  position: relative;
  overflow: hidden;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0, body.home .entry-content article#top_article section.news_container .topic_container ul#category1, body.home .entry-content article#top_article section.news_container .topic_container ul#category2, body.home .entry-content article#top_article section.news_container .topic_container ul#category3, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 {
  width: 100%;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.4s ease;
  position: absolute;
  z-index: 0;
  padding: 0;
  top: 0;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0.on, body.home .entry-content article#top_article section.news_container .topic_container ul#category1.on, body.home .entry-content article#top_article section.news_container .topic_container ul#category2.on, body.home .entry-content article#top_article section.news_container .topic_container ul#category3.on, body.home .entry-content article#top_article section.news_container .topic_container ul#category9.on {
  opacity: 1;
  transform: translateX(0);
  z-index: 1;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li {
  font-size: 1.6rem;
  line-height: 1.4;
  border-bottom: 1px solid #B5B5B5;
  padding: 1rem 0;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date {
  font-size: 1.2rem;
  color: #B5B5B5;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat9::after {
  width: 100px;
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  margin: 0 0 0 10px;
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat9::after {
  width: 100px;
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  margin: 0 0 0 10px;
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat9::after {
  width: 100px;
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  margin: 0 0 0 10px;
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat9::after {
  width: 100px;
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  margin: 0 0 0 10px;
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat9::after {
  width: 100px;
  font-size: 0.8rem;
  display: inline-block;
  text-align: center;
  margin: 0 0 0 10px;
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat0::after {
  background: #0024FF;
  content: "お知らせ";
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat1::after {
  background: #FF4D00;
  content: "イベント";
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat2::after {
  background: #00CB02;
  content: "ガチャ/お店";
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat3::after {
  background: #FF0000;
  content: "重要";
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat9::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat9::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat9::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat9::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat9::after {
  background: #0005FF;
  content: "ブログ";
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li a, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li a, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li a, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li a, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li a {
  color: #373737;
  margin: 0.5rem 0;
  display: block;
  text-decoration: none;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li:hover, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li:hover, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li:hover, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li:hover, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li:hover {
  background: rgba(208, 208, 208, 0.5);
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li:last-child, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li:last-child, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li:last-child, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li:last-child, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li:last-child {
  width: 200px;
  font-size: 1.4rem;
  border: 1px solid #B5B5B5;
  padding: 1rem;
  text-align: center;
  margin: 1rem 0 0 auto;
}
body.home .entry-content article#top_article section.news_container .topic_container ul#category0 {
  position: relative;
}
body.home .entry-content article#top_article section.news_container .widgets {
  width: 800px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
body.home .entry-content article#top_article section.news_container .widgets #twitter_feed {
  width: 600px;
  height: 400px;
  border-radius: 5px;
  border: 30px solid #2D3136;
  margin: 0 5px;
  background: #2D3136;
  overflow: hidden;
}
body.home .entry-content article#top_article section.news_container .widgets #twitter_feed .twitter-timeline {
  height: 350px;
  overflow-y: scroll;
}
body.home .entry-content article#top_article section.news_container .widgets ul#ad-banner {
  width: 180px;
  margin: 0 5px;
}
body.home .entry-content article#top_article section.news_container .widgets ul#ad-banner li {
  width: 100%;
  margin: 0 0 5px;
}
body.home .entry-content article#top_article section.news_container .widgets ul#ad-banner li img {
  width: 100%;
  height: auto;
}
body.home .entry-content article#top_article section.about_container {
  background: #000000 url("images/parts/what_bg.jpg") no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: 100% auto;
}
body.home .entry-content article#top_article section.about_container h2 {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
body.home .entry-content article#top_article section.about_container .catch_text {
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.about_container .about_slider {
  width: 100%;
  height: 45vw;
  overflow: hidden;
  position: relative;
}
body.home .entry-content article#top_article section.about_container .about_slider .prev, body.home .entry-content article#top_article section.about_container .about_slider .next {
  width: 100px;
  height: 100px;
  top: 50%;
  position: absolute;
  margin: -50px 0 0;
  z-index: 10;
  cursor: pointer;
}
body.home .entry-content article#top_article section.about_container .about_slider .prev {
  left: 20px;
  display: none;
}
body.home .entry-content article#top_article section.about_container .about_slider .next {
  right: 20px;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box {
  width: 80vw;
  min-width: 40vw;
  display: flex;
  position: relative;
  align-items: center;
  transform: translateX(0);
  opacity: 1;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -40vw;
  transition: all 0.4s ease-in-out;
  top: 0;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box.left {
  transform: translateX(-100vw);
  opacity: 0;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box.right {
  transform: translateX(100vw);
  opacity: 0;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box:nth-child(odd) {
  text-align: right;
  flex-direction: row-reverse;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box .img_box {
  width: 40vw;
  position: relative;
  z-index: 1;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box .text_box {
  width: 50%;
  padding: 2vw;
  position: relative;
  z-index: 1;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box .text_box h3 {
  font-size: 4rem;
  line-height: 1.2;
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box .text_box p {
  font-size: 1.6rem;
  line-height: 2;
  margin: 0;
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box .bg_box {
  width: 40vw;
  height: 24vw;
  background: rgba(255, 0, 198, 0.6);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  margin: -12vw 0 0 -20vw;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box .bg_box::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: -8vw;
  left: 0;
  border-width: 0 20vw 8vw 20vw;
  border-color: transparent transparent rgba(255, 0, 198, 0.6) transparent;
}
body.home .entry-content article#top_article section.about_container .about_slider .about_box .bg_box::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  bottom: -8vw;
  left: 0;
  border-width: 8vw 20vw 0 20vw;
  border-color: rgba(255, 0, 198, 0.6) transparent transparent transparent;
}
body.home .entry-content article#top_article section.character_container {
  background: linear-gradient(#FFFFFF, #F2E9F3);
}
body.home .entry-content article#top_article section.character_container .chara_bg {
  width: 1200px;
  height: 1200px;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -400px 0 0 -600px;
  z-index: 0;
}
body.home .entry-content article#top_article section.character_container .chara_menu {
  width: 100%;
  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
body.home .entry-content article#top_article section.character_container .chara_menu li {
  width: 15%;
  min-width: 200px;
  font-size: 1.4rem;
  font-family: heisei-mincho-std, serif;
  font-weight: 700;
  font-style: normal;
  border: 1px solid #373737;
  padding: 20px;
  color: #373737;
  text-align: center;
  cursor: pointer;
  margin: 0 2px;
}
body.home .entry-content article#top_article section.character_container .chara_menu li.on {
  pointer-events: none;
  background: #575757;
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.character_container .personal_menu {
  width: 100%;
  height: 50px;
  position: relative;
  overflow: hidden;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 {
  width: 100%;
  margin: 0 auto 40px;
  position: absolute;
  z-index: 1;
  transform: translateY(-50px);
  opacity: 0;
  transition: all 0.4s ease;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  top: 0;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1.on, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2.on, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3.on, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4.on {
  opacity: 1;
  transform: translateY(0);
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li {
  width: 10%;
  min-width: 150px;
  margin: 0 2px;
  padding: 10px 0;
  font-family: heisei-mincho-std, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.2rem;
  color: #373737;
  text-align: center;
  position: relative;
  cursor: pointer;
  border-left: 1px solid #373737;
  border-right: 1px solid #373737;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li::before {
  content: "";
  display: block;
  width: 0%;
  background: #373737;
  height: 1px;
  transition: all 0.2s ease;
  position: absolute;
  top: 0;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li::after, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li::after, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li::after, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li::after {
  content: "";
  display: block;
  width: 0%;
  background: #373737;
  height: 1px;
  transition: all 0.2s ease;
  position: absolute;
  bottom: 0;
  right: 0;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li:hover::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li:hover::after {
  width: 100%;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li:hover::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li:hover::after {
  width: 100%;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li:hover::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li:hover::after {
  width: 100%;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li:hover::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li:hover::after {
  width: 100%;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li.on, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li.on, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li.on, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li.on {
  pointer-events: none;
  background: #575757;
  color: #FFFFFF;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li.on::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li.on::after {
  width: 100%;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li.on::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li.on::after {
  width: 100%;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li.on::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li.on::after {
  width: 100%;
}
body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li.on::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li.on::after {
  width: 100%;
}
body.home .entry-content article#top_article section.character_container #chara_display {
  width: 960px;
  height: 600px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
body.home .entry-content article#top_article section.character_container #chara_display > div {
  width: 100%;
  opacity: 0;
  position: absolute;
  display: flex;
  flex-direction: row-reverse;
  transition: all 0.4s ease;
}
body.home .entry-content article#top_article section.character_container #chara_display > div.on {
  opacity: 1;
}
body.home .entry-content article#top_article section.character_container #chara_display > div.on .img_container img {
  transform: scaleX(1);
}
body.home .entry-content article#top_article section.character_container #chara_display > div .text_container {
  width: 30%;
  color: #373737;
  margin: 40px 0 0;
  position: relative;
  z-index: 2;
}
body.home .entry-content article#top_article section.character_container #chara_display > div .text_container dl.profile {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 3rem;
}
body.home .entry-content article#top_article section.character_container #chara_display > div .text_container dl.profile dt {
  width: 40%;
}
body.home .entry-content article#top_article section.character_container #chara_display > div .text_container dl.profile dt:nth-child(1) {
  width: 100%;
  margin: 0 0 2rem;
}
body.home .entry-content article#top_article section.character_container #chara_display > div .text_container dl.profile dt:nth-child(1) dfn {
  font-family: heisei-mincho-std, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5rem;
  font-style: normal;
}
body.home .entry-content article#top_article section.character_container #chara_display > div .text_container dl.profile dd {
  width: 56%;
}
body.home .entry-content article#top_article section.character_container #chara_display > div .text_container dl.profile dt, body.home .entry-content article#top_article section.character_container #chara_display > div .text_container dl.profile dd {
  font-size: 1.2rem;
  margin: 0 0 0.2rem;
}
body.home .entry-content article#top_article section.character_container #chara_display > div .text_container .explain {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #373737;
}
body.home .entry-content article#top_article section.character_container #chara_display > div .img_container {
  width: 70%;
}
body.home .entry-content article#top_article section.character_container #chara_display > div .img_container img {
  transform: scaleX(0);
  transform-origin: center center;
  transition: all 0.4s ease;
}

@media screen and (max-width: 1024px) {
  body {
    background: #FFFFFF !important;
  }
}
@media screen and (max-width: 1024px) {
  body::before {
    background: url("images/parts/all_bg_sp.jpg") no-repeat;
    background-size: 100% auto;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    content: "";
    z-index: -1;
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation {
    position: fixed;
    height: auto;
    background: none;
    border-bottom: none;
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation #nav-main #menuBlock {
    width: 100%;
    float: none;
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation #nav-main #menuBlock .menuBtn {
    width: 10vw;
    height: 10vw;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 1vw;
    position: fixed;
    top: 2vw;
    right: 2vw;
    z-index: 2;
    padding: 1vw;
  }
  body nav#site-navigation #nav-main #menuBlock .menuBtn::before {
    content: "";
    width: 80%;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    margin: -2vw 0 0;
    transform: rotate(0deg);
    transition: all 0.4s ease;
    display: block;
  }
  body nav#site-navigation #nav-main #menuBlock .menuBtn::after {
    content: "";
    width: 60%;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    margin: 2vw 0 0;
    transform: rotate(0deg);
    transition: all 0.4s ease;
    display: block;
  }
  body nav#site-navigation #nav-main #menuBlock .menuBtn.close::before {
    margin: 0;
    transform: rotate(45deg);
  }
  body nav#site-navigation #nav-main #menuBlock .menuBtn.close::after {
    width: 80%;
    margin: 0;
    transform: rotate(-45deg);
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container {
    height: 100vh;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    transform: translateX(-100vw);
    transition: all 0.4s ease;
    padding: 5vw;
    float: none;
    display: flex;
    align-items: center;
  }
  body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container.on {
    transform: translateX(0);
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu {
    margin: -10vw 0 0;
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu li {
    width: 100%;
    height: 20vw;
    min-width: auto;
    border-right: none;
    border-bottom: 1px solid #B5B5B5;
    transform: translateX(-10vw);
    transition: all 0.4s ease;
    opacity: 0;
  }
  body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu li:last-child {
    border-bottom: none;
  }
  body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu li.on {
    transform: translateX(0);
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu li a {
    height: 100%;
    line-height: 25vw;
    color: #FFFFFF;
    font-weight: 200;
  }
}
@media screen and (max-width: 350px) {
  body nav#site-navigation #nav-main #menuBlock .menu-menu-1-container ul#primary-menu li a {
    line-height: 20vw;
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation #nav-main .btnAreaRight {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation #nav-main .btnAreaRight .googleplayBtn, body nav#site-navigation #nav-main .btnAreaRight .appstoreBtn, body nav#site-navigation #nav-main .btnAreaRight .amazonBtn {
    width: 13.6vh;
    height: 4vh;
    margin: 0 2vw 0 0;
  }
}
@media screen and (max-width: 1024px) {
  body nav#site-navigation #nav-main .btnAreaRight .twitterBtn {
    margin-right: 2vw;
  }
}
@media screen and (max-width: 1024px) {
  body footer {
    padding: 10vw 2vw 20vw;
  }
}
@media screen and (max-width: 1024px) {
  body footer .site-notice {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  body footer .site-notice p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  body footer .app-info {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  body footer .app-info .app-icon {
    width: 30vw;
    height: 30vw;
    margin: 0 auto 4vw;
    float: none;
  }
}
@media screen and (max-width: 1024px) {
  body footer .app-info .app-explain {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 1024px) {
  body footer .app-info .app-explain h1 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  body footer .app-info .app-explain p {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  body footer .app-info .app-badge {
    width: 100%;
    float: none;
    display: flex;
    justify-content: center;
    margin: 10vw auto;
  }
}
@media screen and (max-width: 1024px) {
  body footer .app-info .app-badge .appstoreBtn {
    width: 30vw;
    height: 9vw;
    background: url("images/parts/btn_appstore.png") center center no-repeat;
    background-size: 100% auto;
    margin: 0 2vw 0 0;
  }
}
@media screen and (max-width: 1024px) {
  body footer .app-info .app-badge .googleplayBtn {
    width: 30vw;
    height: 9vw;
    background: url("images/parts/btn_googleplay.png") center center no-repeat;
    background-size: 100% auto;
    margin: 0 2vw 0 0;
    float: none;
  }
}
@media screen and (max-width: 1024px) {
  body footer .app-info .app-badge .amazonBtn {
    width: 30vw;
    height: 10vw;
    background: url("images/parts/btn_amazon.png") center center no-repeat;
    background-size: 100% auto;
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  body footer a.logo {
    width: 20vw;
    height: 20vw;
    margin: 0 auto 5vw;
  }
}
/* 投稿ページ(ニュース・ブログ)、固定ページ(ニュース一覧、ゴ魔乙とは？、乙女＆使い魔、スペシャル)共通 */
@media screen and (max-width: 1024px) {
  body.single .entry-content, body.page:not(.home) .entry-content {
    padding: 0 0 10vw;
  }
}
@media screen and (max-width: 1024px) {
  body.single #page, body.page:not(.home) #page {
    background-size: auto 55vw;
  }
}
@media screen and (max-width: 1024px) {
  body.single header#masthead, body.page:not(.home) header#masthead {
    width: 100vw;
    height: 40vw;
  }
}
@media screen and (max-width: 1024px) {
  body.single header#masthead .site-title, body.page:not(.home) header#masthead .site-title {
    width: 40vw;
    height: 40vw;
    left: 4vw;
    margin: -20vw 0 0;
  }
}
@media screen and (max-width: 1024px) {
  body.single #content #primary, body.page:not(.home) #content #primary {
    width: 100%;
    padding: 2rem 2rem 0;
  }
}
@media screen and (max-width: 1024px) {
  body.single #content #primary main#main, body.page:not(.home) #content #primary main#main {
    width: 100%;
    min-width: auto;
  }
}
/* 投稿ページ(ニュース・ブログ) */
@media screen and (max-width: 1024px) {
  body.group-blog #main article h2.entry-title {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  body.group-blog #main article .posted-on p {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  body.group-blog #main article .posted-on p time {
    line-height: 1;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main .h1_news, body.single #main .h1_character {
    width: 80vw;
    margin: 0 auto 10vw;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc {
    width: 100%;
    padding: 0 0 5rem;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .chara_img_container {
    width: 90vw;
    height: 90vw;
    margin: 2rem auto 1rem;
    float: none;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .chara_img_container.red {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .chara_img_container.blue {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .chara_img_container.green {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .chara_img_container.white {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .chara_img_container.black {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc h2 {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .char_desc {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .float {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .float .chara_detail, body.single #main article.character_desc .float .shot {
    width: 100%;
    margin: 0 0 4rem;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .float .chara_detail h3, body.single #main article.character_desc .float .shot h3 {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .float .chara_detail dl, body.single #main article.character_desc .float .shot dl {
    height: 5vh;
    line-height: 5vh;
    margin: 1em 0;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .float .chara_detail dl dt, body.single #main article.character_desc .float .shot dl dt {
    width: 40%;
    text-align: center;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .float .chara_detail dl dd, body.single #main article.character_desc .float .shot dl dd {
    width: 60%;
    text-align: center;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .float .chara_detail .shot_memo, body.single #main article.character_desc .float .shot .shot_memo {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .float .chara_detail .movie_container, body.single #main article.character_desc .float .shot .movie_container {
    width: 80vw;
    height: 45vw;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article.character_desc .desc {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article .entry-header h1.entry-title {
    line-height: 1.5em;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article .entry-header h1.entry-title span {
    width: 3em;
    height: 1.5em;
  }
}
@media screen and (max-width: 1024px) {
  body.single #main article .entry-header .entry-meta {
    line-height: 0.9em;
  }
}
/* 固定ページ(ニュース一覧、ゴ魔乙とは？、乙女たち、スペシャル) */
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article .entry-header h1.entry-title {
    width: 80vw;
    margin: 0 auto 10vw;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content ul.category_links {
    margin: 0 auto 8vw;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content ul.category_links li {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  body.page:not(.home) #main article.character .entry-content ul.category_links li {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content #sort_form {
    height: 2vw;
    margin: 2em auto;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content #sort_form select {
    width: 100%;
    position: relative;
    left: 0;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content ul#chara_icons li {
    width: 15vw;
    height: 15vw;
    margin: 0 1vw 2vw;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content ul#chara_icons li.red {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content ul#chara_icons li.blue {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content ul#chara_icons li.green {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content ul#chara_icons li.white {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.character .entry-content ul#chara_icons li.black {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.news .entry-content .post ul.category_links {
    margin: 0 auto 8vw;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.news .entry-content .post ul.category_links li {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body.page:not(.home) #main article.news .entry-content .post ul.category_links li:first-child {
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
  }
}
@media screen and (max-width: 767px) {
  body.page:not(.home) #main article.news .entry-content .post ul.category_links li {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.news .entry-content .post ul.category_links li span {
    padding: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.news .entry-content .post ul.category_links li a {
    padding: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.news .entry-content .post p {
    padding: 1rem 0;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.news .entry-content .post p span.post-date {
    margin: 0 0 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.news .entry-content .post p a.cat0::before, body.page:not(.home) #main article.news .entry-content .post p a.cat1::before, body.page:not(.home) #main article.news .entry-content .post p a.cat2::before, body.page:not(.home) #main article.news .entry-content .post p a.cat3::before, body.page:not(.home) #main article.news .entry-content .post p a.cat9::before {
    display: block;
    width: 20vw;
    margin: 0 0 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.news .entry-content .post .page_nation a, body.page:not(.home) #main article.news .entry-content .post .page_nation span {
    margin: 0 0.4em 0 0;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.special h3 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.special .container .site_box {
    display: block;
    margin: 0 auto 3rem;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.special .container .site_box a.bnr {
    width: 100%;
    margin: 0 0 2vw;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.special .container .site_box .text {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  body.page:not(.home) #main article.special .container .site_box .text h4 {
    margin: 0 0 1vw;
    padding: 0 0 1vw;
  }
}
/* フロントページ */
@media screen and (max-width: 1024px) {
  body.home::before {
    background: #000000;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content .sp_badge {
    width: 60vw;
    position: fixed;
    top: 2vw;
    left: 2vw;
    display: block;
    z-index: 20;
  }
  body.home .entry-content .sp_badge ul {
    display: flex;
  }
  body.home .entry-content .sp_badge ul li {
    width: 48%;
    margin: 0 2% 0 0;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content .popup_area .popup_container {
    width: 90%;
    top: 50%;
    margin: -40% 0 0 -45%;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content .popup_area .popup_container .popup_media.pop_pc {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content .popup_area .popup_container .popup_media.pop_pc.pop_sp {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content header#top_header {
    width: 100vw;
    min-height: auto;
    height: 120vw;
    margin-top: 0;
    background: #fff url("images/parts/tab_header_bg_20240831.png") center top no-repeat;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  body.home .entry-content header#top_header {
    height: 150vw;
    background: #fff url("images/parts/sp_header_bg_20240831.png") center top no-repeat;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content header#top_header .catch_text {
    width: 6vw;
    top: 5vw;
    left: 40%;
    line-height: 6vw;
    font-size: 2.5vw;
    margin: 0 0 0 -3vw;
    padding: 5vw 0 2vw;
  }
}
@media screen and (max-width: 767px) {
  body.home .entry-content header#top_header .catch_text {
    width: 10vw;
    top: 5vw;
    left: 40%;
    line-height: 10vw;
    font-size: 3vw;
    padding: 7vw 0 4vw;
    margin: 0 0 0 -5vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content header#top_header .header_banner {
    width: 60vw;
    top: auto;
    bottom: 2vw;
    left: 50%;
    margin: 0 0 0 -30vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content header#top_header h1.header_logo {
    width: 60vw;
    bottom: 10vw;
    margin: 0 0 0 -30vw;
  }
}
@media screen and (max-width: 767px) {
  body.home .entry-content header#top_header h1.header_logo {
    width: 70vw;
    bottom: 25vw;
    margin: 0 0 0 -35vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content ul#banner {
    margin: 2vw auto;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content ul#banner li {
    width: 45%;
    margin: 0 1% 1%;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section {
    padding: 15vw 0;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section h2 {
    width: 80vw;
    margin: 0 auto 10vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section .catch_text {
    width: 90vw;
    margin: 0 auto 10vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container ul.menu {
    width: 98%;
    margin: 0 auto 8vw;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container ul.menu li {
    width: 25%;
    padding: 2rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
  }
  body.home .entry-content article#top_article section.news_container ul.menu li:nth-child(1) {
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container .topic_container {
    width: 100vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container .topic_container ul#category0, body.home .entry-content article#top_article section.news_container .topic_container ul#category1, body.home .entry-content article#top_article section.news_container .topic_container ul#category2, body.home .entry-content article#top_article section.news_container .topic_container ul#category3, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 {
    padding: 0 3vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li span.post-date.cat9::after {
    width: 20vw;
  }
  body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li span.post-date.cat9::after {
    width: 20vw;
  }
  body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li span.post-date.cat9::after {
    width: 20vw;
  }
  body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li span.post-date.cat9::after {
    width: 20vw;
  }
  body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat0::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat1::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat2::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat3::after, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li span.post-date.cat9::after {
    width: 20vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container .topic_container ul#category0 li:last-child, body.home .entry-content article#top_article section.news_container .topic_container ul#category1 li:last-child, body.home .entry-content article#top_article section.news_container .topic_container ul#category2 li:last-child, body.home .entry-content article#top_article section.news_container .topic_container ul#category3 li:last-child, body.home .entry-content article#top_article section.news_container .topic_container ul#category9 li:last-child {
    width: 80vw;
    margin: 2rem auto;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container .widgets {
    width: 100vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container .widgets #twitter_feed {
    width: 95vw;
    border-radius: 4vw;
    border: 7vw solid #2D3136;
    margin: 0 auto 5vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container .widgets ul#ad-banner {
    width: 95vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.news_container .widgets ul#ad-banner li {
    width: 49%;
    margin: 0 0 1vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container {
    background-attachment: scroll;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .prev, body.home .entry-content article#top_article section.about_container .about_slider .next {
    width: 10vw;
    height: 10vw;
    margin: -5vw 0 0;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .prev {
    left: 0;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .next {
    right: 0;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .about_box {
    width: 100vw;
    margin: 0 0 0 -50vw;
    display: block;
  }
  body.home .entry-content article#top_article section.about_container .about_slider .about_box.first {
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .about_box:nth-child(odd) {
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .about_box .img_box {
    width: 90vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .about_box .text_box {
    width: 90vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .about_box .text_box h3 {
    font-size: 1.8rem;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .about_box .text_box p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .about_box .bg_box {
    width: 80vw;
    height: 48vw;
    margin: -24vw 0 0 -40vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .about_box .bg_box::before {
    top: -16vw;
    border-width: 0 40vw 16vw 40vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.about_container .about_slider .about_box .bg_box::after {
    bottom: -16vw;
    border-width: 16vw 40vw 0 40vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container .chara_bg {
    width: 140vw;
    height: 140vw;
    margin: -60vw 0 0 -70vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container .chara_menu {
    margin: 0 auto 5vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container .chara_menu li {
    width: 48%;
    min-width: auto;
    padding: 2vw;
    margin: 0 1% 1%;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container .personal_menu {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 {
    margin: 0 auto 5vw;
    transform: translateY(-50vw);
  }
  body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1#chara_btn1, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2#chara_btn1, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3#chara_btn1, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4#chara_btn1 {
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li {
    width: 30%;
    min-width: auto;
    margin: 0 1% 1%;
    padding: 2vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li::before, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li::before {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn1 li::after, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn2 li::after, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn3 li::after, body.home .entry-content article#top_article section.character_container .personal_menu #chara_btn4 li::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container #chara_display {
    width: 100vw;
    height: 120vw;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container #chara_display > div {
    height: 100%;
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container #chara_display > div .text_container {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container #chara_display > div .text_container dl.profile {
    width: 70%;
    padding: 2rem;
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container #chara_display > div .text_container dl.profile dt:nth-child(1) dfn {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container #chara_display > div .text_container .explain {
    padding: 1rem 0 0 2rem;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  body.home .entry-content article#top_article section.character_container #chara_display > div .img_container {
    width: 100%;
    position: absolute;
    top: 0;
    right: -20%;
    z-index: 1;
  }
}
/* 404 */
.error-404 h1 {
  width: 960px;
  height: 500px;
  background: url("images/parts/404.png") no-repeat;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .error-404 h1 {
    width: 100vw;
    height: 100vw;
    background: url("images/parts/sp_404.png") no-repeat;
    background-size: 100% auto;
  }
}
/* video */
.bg_video_wrapper, #background-movie-player {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100vw;
  min-width: 100vw;
  height: 56.25vw;
  min-height: 56.25vw;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .bg_video_wrapper, #background-movie-player {
    width: 100vw;
    min-width: 100vw;
    height: 100vh;
    min-height: 100vh;
  }
}
.bg_video_wrapper {
  z-index: 2;
}

#background-movie-player {
  z-index: 1;
}
#background-movie-player iframe {
  animation: open 5s ease forwards;
}/*# sourceMappingURL=style.css.map */