@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "NotoSans-thin";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.eot");
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSans-light";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Light.eot");
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Light.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSans-demibold";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.eot");
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSans-regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.eot");
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSans-medium";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.eot");
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSans-bold";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.eot");
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSans-black";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.eot");
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.ttf") format("truetype");
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

body {
  backface-visibility: hidden;
  font-size: 1rem;
  line-height: 1.75;
  font-family: "YakuHanJPs", "NotoSans-regular", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-weight: normal;
  background-color: #ffffff;
  color: #000000;
}
body:before, body:after {
  display: none !important;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  outline: none;
  text-decoration: none;
}

a:link, a:visited {
  color: #005D65;
}

a:hover, a:active {
  color: #005D65;
  text-decoration: underline;
}

img {
  vertical-align: top;
}

body, html {
  width: 100%;
  height: 100%;
}

.l-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 1100px;
  overflow: hidden;
}

.l-inner {
  position: relative;
  margin: 0 auto;
  zoom: 1;
}
.l-inner:after {
  content: "";
  clear: both;
  display: block;
}

.l-senction {
  width: 100%;
  position: relative;
}

#googlecode {
  position: fixed;
  left: 0;
  top: -500px;
  z-index: 0;
}

#pagetop {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}

a:link, a:visited {
  color: #000000;
  text-decoration: underline;
}

a:hover, a:active {
  color: #666666;
  text-decoration: none;
}

#loader {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  overflow: hidden;
}
#loader .l-inner {
  display: block;
  width: 100%;
  height: 100%;
}
#loader .loading_num {
  position: absolute;
  left: 0px;
  top: 200px;
  z-index: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  font-family: "Arvo", sans-serif;
  font-weight: 400;
  display: none;
}

#cover {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 40;
  display: none;
}

.l-header {
  width: 100%;
  height: 70px;
  background-color: #ffffff;
}
.l-header .l-inner {
  width: 1100px;
  padding: 11px 0 0 0;
}
.l-header .navigation_block {
  width: 991px;
  margin: 0 auto;
}
.l-header .nav_logo {
  width: 51px;
  float: left;
  margin: 0 30px;
}
.l-header .navigation_list {
  zoom: 1;
  width: 880px;
  float: right;
  margin: 14px 0 0 0;
}
.l-header .navigation_list:after {
  content: "";
  clear: both;
  display: block;
}
.l-header .navigation_list li {
  float: left;
  margin: 0 20px;
}
.l-header .navigation_list li:first-child {
  margin-left: 0;
}
.l-header .navigation_list li:last-child {
  margin-right: 0;
}
.l-header .navigation_list .none {
  pointer-events: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
}
.l-header .navigation_list a {
  display: block;
  zoom: 1;
}
.l-header .navigation_list a:after {
  content: "";
  clear: both;
  display: block;
}
.l-header .navigation_list span {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  float: left;
}
.l-header .navigation_list span img {
  position: absolute;
}
.l-header .navigation_list .icon {
  margin-right: 10px;
}
.l-header .navigation_list .text {
  margin-top: 6px;
}
.l-header .navigation_list .nav_news .icon {
  width: 25px;
  height: 25px;
}
.l-header .navigation_list .nav_news .text {
  width: 51px;
  height: 10px;
}
.l-header .navigation_list .nav_story .icon {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}
.l-header .navigation_list .nav_story .text {
  width: 59px;
  height: 10px;
}
.l-header .navigation_list .nav_character .icon {
  width: 27px;
  height: 19px;
  margin-top: 2px;
}
.l-header .navigation_list .nav_character .text {
  width: 116px;
  height: 10px;
}
.l-header .navigation_list .nav_system .icon {
  width: 20px;
  height: 19px;
  margin-top: 1px;
}
.l-header .navigation_list .nav_system .text {
  width: 72px;
  height: 10px;
}
.l-header .navigation_list .nav_music .icon {
  width: 25px;
  height: 19px;
  margin-top: 2px;
}
.l-header .navigation_list .nav_music .text {
  width: 60px;
  height: 10px;
}
.l-header .navigation_list .nav_special .icon {
  width: 25px;
  height: 24px;
}
.l-header .navigation_list .nav_special .text {
  width: 80px;
  height: 10px;
}
.l-header .navigation_list .cr .icon img,
.l-header .navigation_list .cr .text img {
  left: auto;
  right: 0;
}
.l-header .visual_paging {
  display: none;
}

.l-footer {
  width: 100%;
  min-width: 1100px;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}
.l-footer .l-inner {
  width: 1145px;
  color: #505050;
  padding: 75px 0;
}
.l-footer a:link, .l-footer a:visited {
  color: #505050;
  text-decoration: none;
}
.l-footer a:hover, .l-footer a:active {
  color: #505050;
  text-decoration: none;
}
.l-footer .ft_btn_pagetop {
  position: absolute;
  right: 10px;
  bottom: 65px;
  z-index: 0;
}
.l-footer .ft_sitemap {
  zoom: 1;
  margin: 0 0 100px 0;
}
.l-footer .ft_sitemap:after {
  content: "";
  clear: both;
  display: block;
}
.l-footer .block_l {
  width: 215px;
  float: left;
}
.l-footer .block_content,
.l-footer .block_connect,
.l-footer .block_regulation {
  width: 215px;
  float: left;
  margin: 0 0 0 95px;
}
.l-footer .block_content li,
.l-footer .block_connect li,
.l-footer .block_regulation li {
  font-family: "Arvo", "YakuHanJPs", "NotoSans-regular", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-weight: 400;
  letter-spacing: 0.25em;
  font-size: 11px;
  margin: 0 0 13px 0;
}
.l-footer .block_content .none,
.l-footer .block_connect .none,
.l-footer .block_regulation .none {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
}
.l-footer .ft_sns {
  display: block;
  letter-spacing: -0.5em;
  margin: 185px 0 0 0;
}
.l-footer .ft_sns li {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 25px 0 0;
}
.l-footer .ft_twitter {
  margin: 0 0 10px 0;
}
.l-footer .ft_twitter a {
  display: inline-block;
  background: url("../images/common/sns_tw_icon.png") right center no-repeat;
  background-size: auto 10px;
  padding-right: 15px;
}
.l-footer .ft_instagram {
  margin: 0 0 10px 0;
}
.l-footer .ft_instagram a {
  display: inline-block;
  background: url("../images/common/sns_instagram_icon.png") right center no-repeat;
  background-size: auto 10px;
  padding-right: 15px;
}
.l-footer .caution {
  font-size: 10px;
  line-height: 1.8em;
  margin: 110px 0 0 0;
}
.l-footer .headline {
  padding: 0 0 37px 0;
  border-bottom: #BABBBB solid 1px;
  font-family: "Arvo", "YakuHanJPs", "NotoSans-regular", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-weight: 400;
  letter-spacing: 0.25em;
  font-size: 11px;
  line-height: 1em;
  margin: 0 0 30px 0;
}
.l-footer .ft_links {
  letter-spacing: -0.5em;
  text-align: center;
  margin: 0 0 20px 0;
}
.l-footer .ft_links li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 10px;
}
.l-footer .ft_copyright {
  font-size: 11px;
  text-align: center;
  font-family: "Arvo", sans-serif;
  font-weight: 400;
  letter-spacing: 0.2em;
}
.l-footer .ft_bnn_sp, .l-footer .ft_caps_sp, .l-footer .ft_textlinks_sp {
  display: none;
}

#p-top .visual {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#p-top .visual .l-inner {
  width: 1200px;
  height: 1080px;
}
#p-top .visual_obi {
  position: absolute;
  right: -96px;
  top: 0px;
  z-index: 1;
  width: 196px;
  height: 474px;
  background: url("../images/top/main_obi_bg.png") center top no-repeat;
  text-align: center;
}
#p-top .visual_obi .copy {
  padding: 35px 0 0 0;
  margin: 0 0 35px 0;
}
#p-top .visual_obi .logo {
  margin: 0 0 37px 0;
}
#p-top .visual_obi .border {
  background-color: #000000;
  width: 26px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  display: block;
  margin: 0 auto;
}
#p-top .visual_obi .spec {
  padding: 16px 0 0 0;
}
#p-top .visual_obi .appstore {
  padding: 12px 0 0 0;
}
#p-top .visual_obi .googleplay {
  padding: 6px 0 0 0;
}
#p-top .visual_obi .cm_sp {
  display: none;
}
#p-top .visual_wrap {
  display: block;
  width: 2560px;
  height: 920px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -1280px;
  z-index: 0;
}
#p-top .visual_wrap .visual_list {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
#p-top .visual_wrap li {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#p-top .visual_wrap .cr {
  z-index: 1;
}
#p-top .visual_wrap .icon {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 11;
  overflow: hidden;
  border-radius: 0px 0px 5000px 5000px/0px 0px 4000px 4000px;
  -webkit-border-top-left-radius: 0px 0px;
  -webkit-border-top-right-radius: 0px 0px;
  -webkit-border-bottom-right-radius: 5000px 4000px;
  -webkit-border-bottom-left-radius: 5000px 4000px;
  -moz-border-radius-topleft: 0px 0px;
  -moz-border-radius-topright: 0px 0px;
  -moz-border-radius-bottomright: 5000px 4000px;
  -moz-border-radius-bottomleft: 5000px 4000px;
}
#p-top .visual_wrap .icon span {
  position: absolute;
  left: 50%;
  top: 350px;
  margin: 0 0 0 -76px;
}
#p-top .visual_cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  border-radius: 0px 0px 5000px 5000px/0px 0px 4000px 4000px;
  -webkit-border-top-left-radius: 0px 0px;
  -webkit-border-top-right-radius: 0px 0px;
  -webkit-border-bottom-right-radius: 5000px 4000px;
  -webkit-border-bottom-left-radius: 5000px 4000px;
  -moz-border-radius-topleft: 0px 0px;
  -moz-border-radius-topright: 0px 0px;
  -moz-border-radius-bottomright: 5000px 4000px;
  -moz-border-radius-bottomleft: 5000px 4000px;
  -moz-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  transform: scaleY(0);
  overflow: hidden;
}
#p-top .visual_cover.dir {
  border-radius: 5000px 5000px 0px 0px/4000px 4000px 0px 0px;
  -webkit-border-top-left-radius: 5000px 4000px;
  -webkit-border-top-right-radius: 5000px 4000px;
  -webkit-border-bottom-right-radius: 0px 0px;
  -webkit-border-bottom-left-radius: 0px 0px;
  -moz-border-radius-topleft: 5000px 4000px;
  -moz-border-radius-topright: 5000px 4000px;
  -moz-border-radius-bottomright: 0px 0px;
  -moz-border-radius-bottomleft: 0px 0px;
  -moz-transform-origin: 50% 920px;
  -webkit-transform-origin: 50% 920px;
}
#p-top .visual_cover.c1 {
  background-color: #ff91b2;
}
#p-top .visual_cover.c2 {
  background-color: #ffc800;
}
#p-top .visual_cover.c3 {
  background-color: #ff9b63;
}
#p-top .visual_cover.c4 {
  background-color: #6ac1ff;
}
#p-top .visual_regist {
  width: 560px;
  height: 414px;
  position: absolute;
  right: -336px;
  bottom: 161px;
  z-index: 1;
}
#p-top .visual_regist a {
  display: block;
  position: relative;
}
#p-top .visual_regist span {
  display: block;
}
#p-top .visual_regist .button {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  margin: 310px 0 0 310px;
}
#p-top .visual_regist .chara {
  position: absolute;
  left: 197px;
  top: 33px;
  z-index: 0;
  width: 167px;
  height: 367px;
  pointer-events: none;
  overflow: hidden;
  width: 0;
}
#p-top .visual_regist .date {
  position: absolute;
  left: 51px;
  top: 223px;
  z-index: 0;
  pointer-events: none;
  margin: 120px 0 0 120px;
}
#p-top .visual_download {
  width: 560px;
  height: 414px;
  position: absolute;
  right: -420px;
  bottom: 130px;
  z-index: 1;
}
#p-top .visual_download a {
  display: block;
  position: relative;
}
#p-top .visual_download span {
  display: block;
}
#p-top .visual_download .button {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  margin: 310px 0 0 310px;
}
#p-top .visual_download .chara {
  position: absolute;
  left: 125px;
  top: 13px;
  z-index: 0;
  width: 198px;
  height: 375px;
  pointer-events: none;
  overflow: hidden;
  width: 0;
}
#p-top .visual_download .date {
  position: absolute;
  left: -10px;
  top: 200px;
  z-index: 0;
  pointer-events: none;
  margin: 120px 0 0 120px;
}
#p-top .visual_regist_sp {
  display: none;
}
#p-top .navigation {
  position: relative;
  z-index: 1;
  margin-top: 960px;
}
#p-top .navigation .l-inner {
  width: 1200px;
  height: 120px;
}
#p-top .navigation_cm {
  position: absolute;
  left: -60px;
  bottom: 150px;
  z-index: 100;
  -webkit-filter: drop-shadow(0px 23px 13px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 23px 13px rgba(0, 0, 0, 0.2));
}
#p-top .nav_bg {
  width: 2560px;
  height: 1080px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -1280px;
  z-index: 0;
  pointer-events: none;
}
#p-top .navigation_block {
  position: relative;
  z-index: 1;
}
#p-top .nav_logo {
  width: 71px;
  float: left;
}
#p-top .nav_logo img {
  width: 100%;
  height: auto;
}
#p-top .navigation_list {
  zoom: 1;
  width: 918px;
  float: right;
  margin: 10px 0 0 0;
}
#p-top .navigation_list:after {
  content: "";
  clear: both;
  display: block;
}
#p-top .navigation_list li {
  float: left;
  margin: 0 48px;
}
#p-top .navigation_list li:first-child {
  margin-left: 0;
}
#p-top .navigation_list li:last-child {
  margin-right: 0;
}
#p-top .navigation_list .none {
  pointer-events: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
}
#p-top .navigation_list span {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
#p-top .navigation_list span img {
  position: absolute;
}
#p-top .navigation_list .icon {
  margin-bottom: 25px;
}
#p-top .navigation_list .nav_news .icon {
  width: 25px;
  height: 25px;
}
#p-top .navigation_list .nav_news .text {
  width: 51px;
  height: 10px;
}
#p-top .navigation_list .nav_story .icon {
  width: 20px;
  height: 20px;
  margin-top: 5px;
}
#p-top .navigation_list .nav_story .text {
  width: 59px;
  height: 10px;
}
#p-top .navigation_list .nav_character .icon {
  width: 27px;
  height: 19px;
  margin-top: 6px;
}
#p-top .navigation_list .nav_character .text {
  width: 116px;
  height: 10px;
}
#p-top .navigation_list .nav_system .icon {
  width: 20px;
  height: 19px;
  margin-top: 6px;
}
#p-top .navigation_list .nav_system .text {
  width: 72px;
  height: 10px;
}
#p-top .navigation_list .nav_music .icon {
  width: 25px;
  height: 19px;
  margin-top: 6px;
}
#p-top .navigation_list .nav_music .text {
  width: 60px;
  height: 10px;
}
#p-top .navigation_list .nav_special .icon {
  width: 25px;
  height: 24px;
  margin-top: 1px;
}
#p-top .navigation_list .nav_special .text {
  width: 80px;
  height: 10px;
}
#p-top .visual_paging {
  position: absolute;
  left: 92px;
  top: 50px;
  z-index: 2;
  letter-spacing: -0.5em;
}
#p-top .visual_paging li {
  letter-spacing: normal;
  display: inline-block;
  font-size: 6px;
  line-height: 6px;
  width: 6px;
  height: 6px;
  margin-right: 17px;
  background-color: #dcdcdc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#p-top .visual_paging a {
  display: block;
  width: 6px;
  height: 6px;
}
#p-top .visual_paging .cr {
  background-color: #505050;
  pointer-events: none;
}
#p-top .navigation_sp {
  display: none;
}
#p-top .bannerblock {
  position: relative;
  z-index: 1;
  background-color: #deded5;
}
#p-top .bannerblock .l-inner {
  width: 1200px;
  padding: 18px 0;
}
#p-top .bannerblock li {
  margin: 0 8px 0 0;
  float: left;
}
#p-top .bannerblock li:last-child {
  margin: 0;
}
#p-top .news {
  position: relative;
  z-index: 1;
  background-color: #e6e6df;
}
#p-top .news .l-inner {
  width: 100%;
  min-width: 1200px;
  max-width: 1600px;
  padding: 53px 0 0 0;
}
#p-top .news .l-inner .news_headline_sp {
  display: none;
}
#p-top .news .l-inner-wide {
  width: 100%;
  margin: 0 auto;
  background: #78D78A url("../images/top/news_more_bg.png") center top no-repeat;
}
#p-top .news_list {
  padding: 0 0 53px 0;
  min-height: 600px;
}
#p-top .news_list ul {
  zoom: 1;
  display: block;
  margin: 0 auto;
}
#p-top .news_list ul:after {
  content: "";
  clear: both;
  display: block;
}
#p-top .news_list .w_short {
  width: 1200px;
}
#p-top .news_list li {
  width: 380px;
  height: 445px;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  float: left;
  margin: 0 10px 20px 10px;
}
#p-top .news_list li:before {
  content: " ";
  display: block;
  width: 71px;
  height: 26px;
  position: absolute;
  right: -6px;
  bottom: 12px;
  z-index: 2;
}
#p-top .news_list li.new:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -9px;
  top: -9px;
  z-index: 2;
}
#p-top .news_list .news_headline {
  background-color: #ff6fb6;
  text-align: center;
  position: relative;
}
#p-top .news_list .news_headline h2 {
  position: absolute;
  left: 31px;
  top: 46px;
  z-index: 0;
  display: block;
}
#p-top .news_list a {
  display: block;
  overflow: hidden;
  width: 380px;
  height: 445px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
}
#p-top .news_list .img {
  display: inline-block;
  width: 380px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#p-top .news_list .view {
  display: block;
  width: 380px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  height: 0;
}
#p-top .news_list .view img {
  position: absolute;
  left: 108px;
  top: 135px;
  z-index: 2;
}
#p-top .news_list .date {
  display: block;
  margin: 310px 30px 10px 30px;
  font-size: 11px;
  font-family: "Arvo", sans-serif;
  font-weight: 700;
  letter-spacing: 0.2em;
}
#p-top .news_list .text {
  display: block;
  margin: 0 30px 0 30px;
  font-size: 15px;
  font-weight: bold;
  color: #505050;
  line-height: 1.8em;
  letter-spacing: 0.05em;
}
#p-top .news_list .border {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 0;
  width: 100%;
  height: 3px;
  margin-bottom: -10px;
  background-color: #4d4d4d;
}
#p-top .news_list .cat_books:before {
  background: url("../images/top/news_tag_books.png") left top no-repeat;
}
#p-top .news_list .cat_books.new:after {
  background: url("../images/top/news_icon_books.png") left top no-repeat;
}
#p-top .news_list .cat_books .date {
  color: #6A759D;
}
#p-top .news_list .cat_event:before {
  background: url("../images/top/news_tag_event.png") left top no-repeat;
}
#p-top .news_list .cat_event.new:after {
  background: url("../images/top/news_icon_event.png") left top no-repeat;
}
#p-top .news_list .cat_event .date {
  color: #23c1d3;
}
#p-top .news_list .cat_game:before {
  background: url("../images/top/news_tag_game.png") left top no-repeat;
}
#p-top .news_list .cat_game.new:after {
  background: url("../images/top/news_icon_game.png") left top no-repeat;
}
#p-top .news_list .cat_game .date {
  color: #d5a400;
}
#p-top .news_list .cat_goods:before {
  background: url("../images/top/news_tag_goods.png") left top no-repeat;
}
#p-top .news_list .cat_goods.new:after {
  background: url("../images/top/news_icon_goods.png") left top no-repeat;
}
#p-top .news_list .cat_goods .date {
  color: #ff605c;
}
#p-top .news_list .cat_info:before {
  background: url("../images/top/news_tag_info.png") left top no-repeat;
}
#p-top .news_list .cat_info.new:after {
  background: url("../images/top/news_icon_info.png") left top no-repeat;
}
#p-top .news_list .cat_info .date {
  color: #ff6fb6;
}
#p-top .news_list .cat_media:before {
  background: url("../images/top/news_tag_media.png") left top no-repeat;
}
#p-top .news_list .cat_media.new:after {
  background: url("../images/top/news_icon_media.png") left top no-repeat;
}
#p-top .news_list .cat_media .date {
  color: #3879ff;
}
#p-top .news_list .cat_music:before {
  background: url("../images/top/news_tag_music.png") left top no-repeat;
}
#p-top .news_list .cat_music.new:after {
  background: url("../images/top/news_icon_music.png") left top no-repeat;
}
#p-top .news_list .cat_music .date {
  color: #78d78a;
}
#p-top .news_list .blank1 a {
  pointer-events: none;
}
#p-top .news_list .blank2 a {
  pointer-events: none;
}
#p-top .news_more {
  width: 1200px;
  height: 364px;
  margin: 0 auto;
  text-align: center;
}
#p-top .news_more .border {
  width: 1px;
  height: 55px;
  font-size: 1px;
  line-height: 1px;
  background-color: #000000;
  margin: 0 auto 17px auto;
}
#p-top .news_more .button {
  margin: 0 0 35px 0;
}
#p-top .news_more .chara_sp {
  display: none;
}
#p-top .movie {
  position: relative;
  z-index: 1;
  background-color: #78D78A;
}
#p-top .movie .l-inner {
  width: 100%;
  min-width: 1200px;
  padding: 165px 0 0 0;
}
#p-top .movie h2 {
  width: 575px;
  height: 55px;
  margin: 0 auto 150px auto;
  border-bottom: #ffffff solid 2px;
  text-align: center;
}
#p-top .movie_block {
  width: 100%;
  position: relative;
}
#p-top .movie_frame {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  width: 100%;
  height: 100%;
}
#p-top .movie_frame #video {
  width: 100%;
  height: 100%;
}
#p-top .movie_thumb {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
#p-top .movie_cover {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
}
#p-top .movie_detail {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: table;
}
#p-top .movie_detail .box {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#p-top .movie_detail h3 {
  margin: 0 0 65px 0;
}
#p-top .movie_detail .copy {
  margin: 0 0 125px 0;
}
#p-top .movie_detail span {
  display: block;
}
#p-top .movie_detail .button {
  width: 136px;
  margin: 0 auto;
}
#p-top .movie_detail .button a {
  display: block;
}
#p-top .movie_detail .button_icon {
  margin: 0 0 35px 0;
}
#p-top .movie_more {
  background: #78d78a url("../images/top/movie_more_bg.png") center bottom no-repeat;
  height: 500px;
  position: relative;
  text-align: center;
  z-index: 2;
}
#p-top .movie_more .chara {
  position: absolute;
  left: 50%;
  top: -67px;
  margin-left: -530px;
  z-index: 0;
}
#p-top .movie_more .border {
  padding: 85px 0 0 0;
}
#p-top .movie_more .border p {
  width: 1px;
  height: 55px;
  font-size: 1px;
  line-height: 1px;
  background-color: #ffffff;
  margin: 0 auto 30px auto;
}
#p-top .movie_more .button {
  margin: 0 0 35px 0;
}
#p-top .twitter {
  position: relative;
  z-index: 1;
  background: url("../images/top/twitter_bg.png") center top repeat;
}
#p-top .twitter .l-inner {
  width: 100%;
  min-width: 1200px;
  padding: 130px 0 120px 0;
}
#p-top .twitter h2 {
  width: 330px;
  height: 55px;
  margin: 0 auto 20px auto;
  border-bottom: #ffffff solid 2px;
  text-align: center;
}
#p-top .twitter .twitter_subcopy {
  text-align: center;
  line-height: 1em;
  margin: 0 auto 40px auto;
}
#p-top .twitter_wijet {
  background-color: rgba(255, 255, 255, 0.15);
  padding: 35px 0 50px 0;
  margin: 0 auto 55px 0;
}
#p-top .twitter_wijet .wijet_icon {
  text-align: center;
  margin: 0 auto 30px auto;
}
#p-top .twitter_wijet .wijet_head_sp {
  display: none;
}
#p-top .twitter_wijet .wijet {
  width: 1200px;
  height: 820px;
  margin: 0 auto;
  background-color: #6094ff;
}
#p-top .twitter_wijet .wijet_chara_sp {
  display: none;
}
#p-top .twitter_more {
  position: relative;
  text-align: center;
}
#p-top .twitter_more .border {
  width: 1px;
  height: 55px;
  font-size: 1px;
  line-height: 1px;
  background-color: #ffffff;
  margin: 0 auto 30px auto;
}
#p-top .twitter_more .button {
  margin: 0 0 35px 0;
}
#p-top .share {
  position: relative;
  z-index: 1;
  background-color: #e6e6df;
}
#p-top .share .l-inner {
  width: 100%;
  min-width: 1200px;
  padding: 100px 0 130px 0;
}
#p-top .share h2 {
  width: 275px;
  height: 55px;
  margin: 0 auto 75px auto;
  border-bottom: #767675 solid 2px;
  text-align: center;
}
#p-top .share_button {
  text-align: center;
  letter-spacing: -0.5em;
}
#p-top .share_button li {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 42px;
}
#p-top .share_button a {
  display: block;
}
#p-top .share_button span {
  display: block;
}
#p-top .share_button .icon {
  margin: 0 0 25px 0;
}
#p-top .share_button .text {
  margin: 0 0 17px 0;
}
#p-top .share_button .arrow {
  width: 100%;
  position: relative;
  height: 10px;
}
#p-top .share_button .arrow img {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -5px;
  z-index: 0;
}

#p-news .pagetitle {
  background-color: #e6e6df;
}
#p-news .pagetitle .l-inner {
  width: 100%;
  width: 1200px;
  padding: 100px 0 90px 0;
}
#p-news .pagetitle h2 {
  width: 280px;
  margin: 0 auto;
  text-align: center;
  border-bottom: #767675 solid 2px;
  line-height: 1em;
  padding: 0 0 30px 0;
}
#p-news .sortnav {
  background-color: #e6e6df;
}
#p-news .sortnav .l-inner {
  width: 100%;
  width: 1200px;
  padding: 0 0 0 0;
}
#p-news .sortnav .sortnav_button,
#p-news .sortnav .sortnav_head {
  display: none;
}
#p-news .sortnav .sortnav_block {
  width: 100%;
}
#p-news .sortnav ul {
  letter-spacing: -0.5em;
  text-align: center;
}
#p-news .sortnav li {
  letter-spacing: normal;
  width: 108px;
  display: inline-block;
  background-color: #ffffff;
  margin: 0 15px;
}
#p-news .sortnav a {
  display: block;
  line-height: 1em;
  padding: 10px 0;
}
#p-news .sortnav a img {
  vertical-align: middle;
}
#p-news .sortnav .all {
  background-color: #000000;
}
#p-news .sortnav .none {
  pointer-events: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
}
#p-news .news {
  position: relative;
  z-index: 1;
  background-color: #e6e6df;
}
#p-news .news .l-inner {
  width: 100%;
  min-width: 1200px;
  max-width: 1600px;
  padding: 53px 0 0 0;
}
#p-news .news .l-inner .news_headline_sp {
  display: none;
}
#p-news .news .l-inner-wide {
  width: 100%;
  margin: 0 auto;
  background: #78D78A url("../images/top/news_more_bg.png") center top no-repeat;
}
#p-news .news_list {
  padding: 0 0 53px 0;
  min-height: 600px;
}
#p-news .news_list ul {
  zoom: 1;
  display: block;
  margin: 0 auto;
}
#p-news .news_list ul:after {
  content: "";
  clear: both;
  display: block;
}
#p-news .news_list .w_short {
  width: 1200px;
}
#p-news .news_list li {
  width: 380px;
  height: 445px;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  float: left;
  margin: 0 10px 20px 10px;
}
#p-news .news_list li:before {
  content: " ";
  display: block;
  width: 71px;
  height: 26px;
  position: absolute;
  right: -6px;
  bottom: 12px;
  z-index: 2;
}
#p-news .news_list li.new:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -9px;
  top: -9px;
  z-index: 2;
}
#p-news .news_list .news_headline {
  background-color: #ff6fb6;
  text-align: center;
  position: relative;
}
#p-news .news_list .news_headline h2 {
  position: absolute;
  left: 31px;
  top: 46px;
  z-index: 0;
  display: block;
}
#p-news .news_list a {
  display: block;
  overflow: hidden;
  width: 380px;
  height: 445px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
}
#p-news .news_list .img {
  display: inline-block;
  width: 380px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#p-news .news_list .view {
  display: block;
  width: 380px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  height: 0;
}
#p-news .news_list .view img {
  position: absolute;
  left: 108px;
  top: 135px;
  z-index: 2;
}
#p-news .news_list .date {
  display: block;
  margin: 310px 30px 10px 30px;
  font-size: 11px;
  font-family: "Arvo", sans-serif;
  font-weight: 700;
  letter-spacing: 0.2em;
}
#p-news .news_list .text {
  display: block;
  margin: 0 30px 0 30px;
  font-size: 15px;
  font-weight: bold;
  color: #505050;
  line-height: 1.8em;
  letter-spacing: 0.05em;
}
#p-news .news_list .border {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 0;
  width: 100%;
  height: 3px;
  margin-bottom: -10px;
  background-color: #4d4d4d;
}
#p-news .news_list .cat_books:before {
  background: url("../images/top/news_tag_books.png") left top no-repeat;
}
#p-news .news_list .cat_books.new:after {
  background: url("../images/top/news_icon_books.png") left top no-repeat;
}
#p-news .news_list .cat_books .date {
  color: #6A759D;
}
#p-news .news_list .cat_event:before {
  background: url("../images/top/news_tag_event.png") left top no-repeat;
}
#p-news .news_list .cat_event.new:after {
  background: url("../images/top/news_icon_event.png") left top no-repeat;
}
#p-news .news_list .cat_event .date {
  color: #23c1d3;
}
#p-news .news_list .cat_game:before {
  background: url("../images/top/news_tag_game.png") left top no-repeat;
}
#p-news .news_list .cat_game.new:after {
  background: url("../images/top/news_icon_game.png") left top no-repeat;
}
#p-news .news_list .cat_game .date {
  color: #d5a400;
}
#p-news .news_list .cat_goods:before {
  background: url("../images/top/news_tag_goods.png") left top no-repeat;
}
#p-news .news_list .cat_goods.new:after {
  background: url("../images/top/news_icon_goods.png") left top no-repeat;
}
#p-news .news_list .cat_goods .date {
  color: #ff605c;
}
#p-news .news_list .cat_info:before {
  background: url("../images/top/news_tag_info.png") left top no-repeat;
}
#p-news .news_list .cat_info.new:after {
  background: url("../images/top/news_icon_info.png") left top no-repeat;
}
#p-news .news_list .cat_info .date {
  color: #ff6fb6;
}
#p-news .news_list .cat_media:before {
  background: url("../images/top/news_tag_media.png") left top no-repeat;
}
#p-news .news_list .cat_media.new:after {
  background: url("../images/top/news_icon_media.png") left top no-repeat;
}
#p-news .news_list .cat_media .date {
  color: #3879ff;
}
#p-news .news_list .cat_music:before {
  background: url("../images/top/news_tag_music.png") left top no-repeat;
}
#p-news .news_list .cat_music.new:after {
  background: url("../images/top/news_icon_music.png") left top no-repeat;
}
#p-news .news_list .cat_music .date {
  color: #78d78a;
}
#p-news .news_list .blank1 a {
  pointer-events: none;
}
#p-news .news_list .blank2 a {
  pointer-events: none;
}
#p-news .news .l-inner-wide {
  background-image: none;
  background-color: #e6e6df;
}
#p-news .news_more {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 120px 0;
}
#p-news .news_more .border {
  width: 1px;
  height: 55px;
  font-size: 1px;
  line-height: 1px;
  background-color: #000000;
  margin: 0 auto 17px auto;
}
#p-news .news_more .button {
  margin: 0 0 35px 0;
}

#p-music {
  background-color: #826ee6;
}
#p-music .pagetitle {
  background-color: #826ee6;
}
#p-music .pagetitle .l-inner {
  width: 100%;
  width: 1200px;
  padding: 100px 0 70px 0;
}
#p-music .pagetitle h2 {
  width: 280px;
  margin: 0 auto;
  text-align: center;
  border-bottom: #fff solid 2px;
  line-height: 1em;
  padding: 0 0 30px 0;
}
#p-music .news {
  position: relative;
  z-index: 1;
  background-color: #e6e6df;
}
#p-music .news .l-inner {
  width: 100%;
  min-width: 1200px;
  max-width: 1600px;
  padding: 53px 0 0 0;
}
#p-music .news .l-inner .news_headline_sp {
  display: none;
}
#p-music .news .l-inner-wide {
  width: 100%;
  margin: 0 auto;
  background: #78D78A url("../images/top/news_more_bg.png") center top no-repeat;
}
#p-music .news_list {
  padding: 0 0 53px 0;
  min-height: 600px;
}
#p-music .news_list ul {
  zoom: 1;
  display: block;
  margin: 0 auto;
}
#p-music .news_list ul:after {
  content: "";
  clear: both;
  display: block;
}
#p-music .news_list .w_short {
  width: 1200px;
}
#p-music .news_list li {
  width: 380px;
  height: 445px;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  float: left;
  margin: 0 10px 20px 10px;
}
#p-music .news_list li:before {
  content: " ";
  display: block;
  width: 71px;
  height: 26px;
  position: absolute;
  right: -6px;
  bottom: 12px;
  z-index: 2;
}
#p-music .news_list li.new:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -9px;
  top: -9px;
  z-index: 2;
}
#p-music .news_list .news_headline {
  background-color: #ff6fb6;
  text-align: center;
  position: relative;
}
#p-music .news_list .news_headline h2 {
  position: absolute;
  left: 31px;
  top: 46px;
  z-index: 0;
  display: block;
}
#p-music .news_list a {
  display: block;
  overflow: hidden;
  width: 380px;
  height: 445px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
}
#p-music .news_list .img {
  display: inline-block;
  width: 380px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#p-music .news_list .view {
  display: block;
  width: 380px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  height: 0;
}
#p-music .news_list .view img {
  position: absolute;
  left: 108px;
  top: 135px;
  z-index: 2;
}
#p-music .news_list .date {
  display: block;
  margin: 310px 30px 10px 30px;
  font-size: 11px;
  font-family: "Arvo", sans-serif;
  font-weight: 700;
  letter-spacing: 0.2em;
}
#p-music .news_list .text {
  display: block;
  margin: 0 30px 0 30px;
  font-size: 15px;
  font-weight: bold;
  color: #505050;
  line-height: 1.8em;
  letter-spacing: 0.05em;
}
#p-music .news_list .border {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 0;
  width: 100%;
  height: 3px;
  margin-bottom: -10px;
  background-color: #4d4d4d;
}
#p-music .news_list .cat_books:before {
  background: url("../images/top/news_tag_books.png") left top no-repeat;
}
#p-music .news_list .cat_books.new:after {
  background: url("../images/top/news_icon_books.png") left top no-repeat;
}
#p-music .news_list .cat_books .date {
  color: #6A759D;
}
#p-music .news_list .cat_event:before {
  background: url("../images/top/news_tag_event.png") left top no-repeat;
}
#p-music .news_list .cat_event.new:after {
  background: url("../images/top/news_icon_event.png") left top no-repeat;
}
#p-music .news_list .cat_event .date {
  color: #23c1d3;
}
#p-music .news_list .cat_game:before {
  background: url("../images/top/news_tag_game.png") left top no-repeat;
}
#p-music .news_list .cat_game.new:after {
  background: url("../images/top/news_icon_game.png") left top no-repeat;
}
#p-music .news_list .cat_game .date {
  color: #d5a400;
}
#p-music .news_list .cat_goods:before {
  background: url("../images/top/news_tag_goods.png") left top no-repeat;
}
#p-music .news_list .cat_goods.new:after {
  background: url("../images/top/news_icon_goods.png") left top no-repeat;
}
#p-music .news_list .cat_goods .date {
  color: #ff605c;
}
#p-music .news_list .cat_info:before {
  background: url("../images/top/news_tag_info.png") left top no-repeat;
}
#p-music .news_list .cat_info.new:after {
  background: url("../images/top/news_icon_info.png") left top no-repeat;
}
#p-music .news_list .cat_info .date {
  color: #ff6fb6;
}
#p-music .news_list .cat_media:before {
  background: url("../images/top/news_tag_media.png") left top no-repeat;
}
#p-music .news_list .cat_media.new:after {
  background: url("../images/top/news_icon_media.png") left top no-repeat;
}
#p-music .news_list .cat_media .date {
  color: #3879ff;
}
#p-music .news_list .cat_music:before {
  background: url("../images/top/news_tag_music.png") left top no-repeat;
}
#p-music .news_list .cat_music.new:after {
  background: url("../images/top/news_icon_music.png") left top no-repeat;
}
#p-music .news_list .cat_music .date {
  color: #78d78a;
}
#p-music .news_list .blank1 a {
  pointer-events: none;
}
#p-music .news_list .blank2 a {
  pointer-events: none;
}
#p-music .news {
  background: none;
}
#p-music .news .l-inner,
#p-music .news .l-inner-wide {
  background: none;
  padding-top: 0;
}
#p-music .news_more {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 120px 0;
}
#p-music .news_more .border {
  width: 1px;
  height: 55px;
  font-size: 1px;
  line-height: 1px;
  background-color: #000000;
  margin: 0 auto 17px auto;
}
#p-music .news_more .button {
  margin: 0 0 35px 0;
}
#p-music #j-news li:before {
  display: none !important;
  background: none !important;
}
#p-music #j-news li.new:after {
  background: url("../images/music/news_icon_music.png") left top no-repeat !important;
}
#p-music #j-news .date {
  color: #826ee6 !important;
}

#p-special {
  background: url("../images/special/main_bg.png") center top repeat;
}
#p-special .pagetitle .l-inner {
  width: 100%;
  width: 1200px;
  padding: 100px 0 70px 0;
}
#p-special .pagetitle h2 {
  width: 280px;
  margin: 0 auto;
  text-align: center;
  border-bottom: #767675 solid 2px;
  line-height: 1em;
  padding: 0 0 30px 0;
}
#p-special .news {
  position: relative;
  z-index: 1;
  background-color: #e6e6df;
}
#p-special .news .l-inner {
  width: 100%;
  min-width: 1200px;
  max-width: 1600px;
  padding: 53px 0 0 0;
}
#p-special .news .l-inner .news_headline_sp {
  display: none;
}
#p-special .news .l-inner-wide {
  width: 100%;
  margin: 0 auto;
  background: #78D78A url("../images/top/news_more_bg.png") center top no-repeat;
}
#p-special .news_list {
  padding: 0 0 53px 0;
  min-height: 600px;
}
#p-special .news_list ul {
  zoom: 1;
  display: block;
  margin: 0 auto;
}
#p-special .news_list ul:after {
  content: "";
  clear: both;
  display: block;
}
#p-special .news_list .w_short {
  width: 1200px;
}
#p-special .news_list li {
  width: 380px;
  height: 445px;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  float: left;
  margin: 0 10px 20px 10px;
}
#p-special .news_list li:before {
  content: " ";
  display: block;
  width: 71px;
  height: 26px;
  position: absolute;
  right: -6px;
  bottom: 12px;
  z-index: 2;
}
#p-special .news_list li.new:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -9px;
  top: -9px;
  z-index: 2;
}
#p-special .news_list .news_headline {
  background-color: #ff6fb6;
  text-align: center;
  position: relative;
}
#p-special .news_list .news_headline h2 {
  position: absolute;
  left: 31px;
  top: 46px;
  z-index: 0;
  display: block;
}
#p-special .news_list a {
  display: block;
  overflow: hidden;
  width: 380px;
  height: 445px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  text-decoration: none;
}
#p-special .news_list .img {
  display: inline-block;
  width: 380px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#p-special .news_list .view {
  display: block;
  width: 380px;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  height: 0;
}
#p-special .news_list .view img {
  position: absolute;
  left: 108px;
  top: 135px;
  z-index: 2;
}
#p-special .news_list .date {
  display: block;
  margin: 310px 30px 10px 30px;
  font-size: 11px;
  font-family: "Arvo", sans-serif;
  font-weight: 700;
  letter-spacing: 0.2em;
}
#p-special .news_list .text {
  display: block;
  margin: 0 30px 0 30px;
  font-size: 15px;
  font-weight: bold;
  color: #505050;
  line-height: 1.8em;
  letter-spacing: 0.05em;
}
#p-special .news_list .border {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 0;
  width: 100%;
  height: 3px;
  margin-bottom: -10px;
  background-color: #4d4d4d;
}
#p-special .news_list .cat_books:before {
  background: url("../images/top/news_tag_books.png") left top no-repeat;
}
#p-special .news_list .cat_books.new:after {
  background: url("../images/top/news_icon_books.png") left top no-repeat;
}
#p-special .news_list .cat_books .date {
  color: #6A759D;
}
#p-special .news_list .cat_event:before {
  background: url("../images/top/news_tag_event.png") left top no-repeat;
}
#p-special .news_list .cat_event.new:after {
  background: url("../images/top/news_icon_event.png") left top no-repeat;
}
#p-special .news_list .cat_event .date {
  color: #23c1d3;
}
#p-special .news_list .cat_game:before {
  background: url("../images/top/news_tag_game.png") left top no-repeat;
}
#p-special .news_list .cat_game.new:after {
  background: url("../images/top/news_icon_game.png") left top no-repeat;
}
#p-special .news_list .cat_game .date {
  color: #d5a400;
}
#p-special .news_list .cat_goods:before {
  background: url("../images/top/news_tag_goods.png") left top no-repeat;
}
#p-special .news_list .cat_goods.new:after {
  background: url("../images/top/news_icon_goods.png") left top no-repeat;
}
#p-special .news_list .cat_goods .date {
  color: #ff605c;
}
#p-special .news_list .cat_info:before {
  background: url("../images/top/news_tag_info.png") left top no-repeat;
}
#p-special .news_list .cat_info.new:after {
  background: url("../images/top/news_icon_info.png") left top no-repeat;
}
#p-special .news_list .cat_info .date {
  color: #ff6fb6;
}
#p-special .news_list .cat_media:before {
  background: url("../images/top/news_tag_media.png") left top no-repeat;
}
#p-special .news_list .cat_media.new:after {
  background: url("../images/top/news_icon_media.png") left top no-repeat;
}
#p-special .news_list .cat_media .date {
  color: #3879ff;
}
#p-special .news_list .cat_music:before {
  background: url("../images/top/news_tag_music.png") left top no-repeat;
}
#p-special .news_list .cat_music.new:after {
  background: url("../images/top/news_icon_music.png") left top no-repeat;
}
#p-special .news_list .cat_music .date {
  color: #78d78a;
}
#p-special .news_list .blank1 a {
  pointer-events: none;
}
#p-special .news_list .blank2 a {
  pointer-events: none;
}
#p-special .news {
  background: none;
}
#p-special .news .l-inner {
  padding: 0;
}
#p-special .news .l-inner-wide {
  background: none;
}
#p-special .news_list li:before {
  display: none;
}
#p-special .news_list li.new:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -9px;
  top: -9px;
  z-index: 2;
  background: url("../images/top/news_icon_info.png") left top no-repeat;
}
#p-special .news_list li .date {
  color: #ff6fb6;
}
#p-special .special_twitter_icon .l-inner {
  width: 1200px;
  padding: 0 0 130px 0;
}
#p-special .special_twitter_icon_wrap {
  width: 880px;
  margin: 0 auto;
  color: #5a5a5a;
}
#p-special .special_twitter_icon_wrap .special_icon_text {
  font-size: 15px;
  margin: 0 0 50px 0;
}
#p-special .special_twitter_icon_wrap .special_icon_image {
  margin: 0 0 100px 0;
}
#p-special .special_twitter_icon_wrap .special_icon_image ul {
  letter-spacing: -0.5em;
  margin: 0 0 40px 0;
}
#p-special .special_twitter_icon_wrap .special_icon_image li {
  display: inline-block;
  margin: 0 20px 0 0;
}
#p-special .special_twitter_icon_wrap .special_icon_image_name {
  font-size: 24px;
  margin: 0 0 20px 0;
}
#p-special .special_twitter_icon_wrap .special_icon_image_name span {
  display: inline-block;
  border-bottom: 2px solid #5a5a5a;
  letter-spacing: 0.1em;
}
#p-special .special_twitter_icon_wrap .special_icon_btn p {
  display: inline-block;
}
#p-special .special_twitter_icon_wrap .special_icon_btn a {
  display: block;
  border: 2px solid #5a5a5a;
  text-decoration: none;
  color: #5a5a5a;
  font-family: "Arvo", sans-serif;
  font-weight: 400;
  padding: 10px 40px;
  letter-spacing: 0.1em;
}
#p-special .teamtitle_sp .l-inner,
#p-special .teamtitle_su .l-inner,
#p-special .teamtitle_au .l-inner,
#p-special .teamtitle_wi .l-inner,
#p-special .teamtitle_act2 .l-inner {
  width: 1200px;
  padding: 85px 0 30px 0;
}
#p-special .teamtitle_sp h2,
#p-special .teamtitle_su h2,
#p-special .teamtitle_au h2,
#p-special .teamtitle_wi h2,
#p-special .teamtitle_act2 h2 {
  margin: 0 0 0 70px;
}
#p-special .special_interview .l-inner {
  width: 100%;
}
#p-special .interview_block {
  width: 100%;
  background-color: #FFFFFF;
}
#p-special .interview_block .block_inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
#p-special .interview_head {
  height: 450px;
  width: 100%;
}
#p-special .interview_head .int {
  margin: 0 0 50px 70px;
  padding: 80px 0 0 0;
  height: 9px;
  line-height: 9px;
  font-size: 0;
}
#p-special .interview_head .chara_name {
  margin: 0 0 15px 70px;
  color: #ffffff;
  font-size: 40px;
  font-family: "NotoSans-light";
  letter-spacing: 0.1em;
  line-height: 1em;
}
#p-special .interview_head .chara_name span {
  font-size: 24px;
}
#p-special .interview_head h3 {
  margin: 0 0 25px 70px;
  font-size: 92px;
  color: #ffffff;
  font-family: "NotoSans-thin";
  line-height: 1em;
  letter-spacing: 0.2em;
}
#p-special .interview_head h3 span {
  font-size: 28px;
  font-family: "NotoSans-light";
  letter-spacing: 0.05em;
}
#p-special .interview_head .btn {
  margin: 0 0 0 70px;
}
#p-special .interview_head .chara {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
}
#p-special .interview_detail {
  display: none;
}
#p-special .interview_detail .block_inner {
  width: 860px;
  padding: 120px 0 180px 0;
}
#p-special .interview_detail h4 {
  margin: 0 0 65px 0;
}
#p-special .interview_detail dl {
  display: block;
  margin: 0 0 80px 0;
}
#p-special .interview_detail dt {
  font-size: 16px;
  line-height: 2.1em;
}
#p-special .interview_detail dd {
  font-size: 16px;
  color: #505050;
  line-height: 2.1em;
}
#p-special .interview_detail .ph {
  padding: 10px;
  display: inline-block;
}
#p-special .interview_detail .buttons {
  position: absolute;
  right: 0px;
  bottom: 180px;
  z-index: 1;
  text-align: center;
  width: 50px;
}
#p-special .interview_detail .buttons_sns {
  display: block;
}
#p-special .interview_detail .buttons_sns li {
  margin: 0 0 20px 0;
  width: 50px;
  height: 50px;
}
#p-special .interview_detail .buttons_sns a {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: #7C7C7C solid 1px;
  display: block;
}
#p-special .interview_detail .buttons_sns span {
  display: block;
  text-align: center;
}
#p-special .interview_detail .buttons_sns li:nth-child(1) .icon {
  padding: 15px 0 0 0;
}
#p-special .interview_detail .buttons_sns li:nth-child(2) .icon {
  padding: 13px 0 0 0;
}
#p-special .interview_detail .buttons_sns li:nth-child(3) .icon {
  padding: 11px 0 0 0;
}
#p-special .interview_detail .buttons_close {
  padding: 30px 0 0 0;
}
#p-special .teamtitle_sp {
  background-color: #ff6fb6;
}
#p-special .interview_block.sp1 .interview_head {
  background: url("../../interview/images/sp1_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.sp1 dt {
  color: #ff8c8c;
}
#p-special .interview_block.sp1 .ph {
  background-color: #ff8c8c;
}
#p-special .interview_block.sp2 .interview_head {
  background: url("../../interview/images/sp2_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.sp2 dt {
  color: #826ee6;
}
#p-special .interview_block.sp2 .ph {
  background-color: #826ee6;
}
#p-special .interview_block.sp3 .interview_head {
  background: url("../../interview/images/sp3_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.sp3 dt {
  color: #00e6b4;
}
#p-special .interview_block.sp3 .ph {
  background-color: #00e6b4;
}
#p-special .interview_block.sp4 .interview_head {
  background: url("../../interview/images/sp4_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.sp4 dt {
  color: #ff375e;
}
#p-special .interview_block.sp4 .ph {
  background-color: #ff375e;
}
#p-special .interview_block.sp5 .interview_head {
  background: url("../../interview/images/sp5_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.sp5 dt {
  color: #b8f500;
}
#p-special .interview_block.sp5 .ph {
  background-color: #b8f500;
}
#p-special .teamtitle_su {
  background-color: #ffc800;
}
#p-special .interview_block.su1 .interview_head {
  background: url("../../interview/images/su1_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.su1 dt {
  color: #ffaa00;
}
#p-special .interview_block.su1 .ph {
  background-color: #ffaa00;
}
#p-special .interview_block.su2 .interview_head {
  background: url("../../interview/images/su2_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.su2 dt {
  color: #ffc0df;
}
#p-special .interview_block.su2 .ph {
  background-color: #ffc0df;
}
#p-special .interview_block.su3 .interview_head {
  background: url("../../interview/images/su3_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.su3 dt {
  color: #64f0ff;
}
#p-special .interview_block.su3 .ph {
  background-color: #64f0ff;
}
#p-special .interview_block.su4 .interview_head {
  background: url("../../interview/images/su4_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.su4 dt {
  color: #ffeb00;
}
#p-special .interview_block.su4 .ph {
  background-color: #ffeb00;
}
#p-special .interview_block.su5 .interview_head {
  background: url("../../interview/images/su5_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.su5 dt {
  color: #00ff96;
}
#p-special .interview_block.su5 .ph {
  background-color: #00ff96;
}
#p-special .teamtitle_au {
  background-color: #ff9b63;
}
#p-special .interview_block.au1 .interview_head {
  background: url("../../interview/images/au1_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.au1 dt {
  color: #be8c00;
}
#p-special .interview_block.au1 .ph {
  background-color: #be8c00;
}
#p-special .interview_block.au2 .interview_head {
  background: url("../../interview/images/au2_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.au2 dt {
  color: #787878;
}
#p-special .interview_block.au2 .ph {
  background-color: #787878;
}
#p-special .interview_block.au3 .interview_head {
  background: url("../../interview/images/au3_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.au3 dt {
  color: #ff4a8e;
}
#p-special .interview_block.au3 .ph {
  background-color: #ff4a8e;
}
#p-special .interview_block.au4 .interview_head {
  background: url("../../interview/images/au4_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.au4 dt {
  color: #782800;
}
#p-special .interview_block.au4 .ph {
  background-color: #782800;
}
#p-special .interview_block.au5 .interview_head {
  background: url("../../interview/images/au5_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.au5 dt {
  color: #c8be96;
}
#p-special .interview_block.au5 .ph {
  background-color: #c8be96;
}
#p-special .teamtitle_wi {
  background-color: #6ac1ff;
}
#p-special .interview_block.wi1 .interview_head {
  background: url("../../interview/images/wi1_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.wi1 dt {
  color: #0032be;
}
#p-special .interview_block.wi1 .ph {
  background-color: #0032be;
}
#p-special .interview_block.wi2 .interview_head {
  background: url("../../interview/images/wi2_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.wi2 dt {
  color: #00c80a;
}
#p-special .interview_block.wi2 .ph {
  background-color: #00c80a;
}
#p-special .interview_block.wi3 .interview_head {
  background: url("../../interview/images/wi3_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.wi3 dt {
  color: #001482;
}
#p-special .interview_block.wi3 .ph {
  background-color: #001482;
}
#p-special .interview_block.wi4 .interview_head {
  background: url("../../interview/images/wi4_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.wi4 dt {
  color: #d20029;
}
#p-special .interview_block.wi4 .ph {
  background-color: #d20029;
}
#p-special .interview_block.wi5 .interview_head {
  background: url("../../interview/images/wi5_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.wi5 dt {
  color: #a00096;
}
#p-special .interview_block.wi5 .ph {
  background-color: #a00096;
}
#p-special .teamtitle_act2 {
  background-color: #aeaeae;
}
#p-special .interview_block.act2_1 .interview_head {
  background: url("../../interview/images/act2_1_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.act2_1 .interview_head .chara {
  position: absolute;
  right: -137px;
  top: 0px;
  z-index: 0;
}
#p-special .interview_block.act2_1 dt {
  color: #50d2d2;
}
#p-special .interview_block.act2_1 .ph {
  background-color: #50d2d2;
}
#p-special .interview_block.act2_2 .interview_head {
  background: url("../../interview/images/act2_2_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.act2_2 .interview_head .chara {
  position: absolute;
  right: -14px;
  top: 0px;
  z-index: 0;
}
#p-special .interview_block.act2_2 dt {
  color: #d2aaf0;
}
#p-special .interview_block.act2_2 .ph {
  background-color: #d2aaf0;
}
#p-special .interview_block.act2_3 .interview_head {
  background: url("../../interview/images/act2_3_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.act2_3 .interview_head .chara {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
}
#p-special .interview_block.act2_3 .interview_head .chara_name i {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
#p-special .interview_block.act2_3 dt {
  color: #ff5029;
}
#p-special .interview_block.act2_3 .ph {
  background-color: #ff5029;
}
#p-special .interview_block.act2_4 .interview_head {
  background: url("../../interview/images/act2_4_bg_pc.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
#p-special .interview_block.act2_4 .interview_head .chara {
  position: absolute;
  right: -11px;
  top: 0px;
  z-index: 0;
}
#p-special .interview_block.act2_4 dt {
  color: #33715b;
}
#p-special .interview_block.act2_4 .ph {
  background-color: #33715b;
}

#p-story .block_inner {
  position: relative;
}
#p-story .pagetitle {
  background-color: #e6e6df;
  position: relative;
  z-index: 1;
}
#p-story .pagetitle .l-inner {
  width: 100%;
  width: 1200px;
  height: 747px;
}
#p-story .pagetitle h2 {
  width: 180px;
  margin: 0 auto;
  text-align: center;
  border-bottom: #767675 solid 2px;
  line-height: 1em;
  padding: 45px 0 30px 0;
  position: relative;
  z-index: 5;
}
#p-story .pagetitle_copy {
  width: 895px;
  height: 272px;
  position: absolute;
  left: 50%;
  top: 236px;
  margin-left: -447px;
  z-index: 5;
}
#p-story .pagetitle_copy p {
  display: block;
  text-align: center;
  width: 100%;
}
#p-story .pagetitle_copy .copy1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#p-story .pagetitle_copy .copy2 {
  position: absolute;
  left: 0px;
  top: 145px;
  z-index: 0;
}
#p-story .pagetitle_copy .copy3 {
  position: absolute;
  left: 0px;
  top: 212px;
  z-index: 0;
}
#p-story .pagetitle_copy .frame {
  position: absolute;
  left: 0px;
  top: 12px;
  z-index: 0;
}
#p-story .pagetitle_img {
  position: absolute;
  left: 50%;
  top: 511px;
  margin-left: 319px;
  z-index: 0;
}
#p-story .pagetitle_circle {
  width: 1224px;
  height: 1224px;
  -webkit-border-radius: 612px;
  -moz-border-radius: 612px;
  border-radius: 612px;
  position: absolute;
  left: 50%;
  top: -477px;
  margin-left: -612px;
  z-index: 1;
  background-color: #ffffff;
}
#p-story .pagetitle_flower1 {
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -856px;
  z-index: 2;
}
#p-story .pagetitle_flower2 {
  position: absolute;
  left: 50%;
  top: 55px;
  margin-left: -782px;
  z-index: 2;
}
#p-story .pagetitle_flower3 {
  position: absolute;
  left: 50%;
  top: 158px;
  margin-left: -888px;
  z-index: 2;
}
#p-story .scene1 {
  background-color: #e6e6df;
  position: relative;
  z-index: 0;
}
#p-story .scene1 .l-inner {
  width: 100%;
  width: 1200px;
  height: 1618px;
}
#p-story .s1_text1 {
  position: absolute;
  left: 50%;
  top: 79px;
  margin-left: -149px;
  z-index: 0;
}
#p-story .s1_text2 {
  position: absolute;
  left: 50%;
  top: 404px;
  margin-left: -187px;
  z-index: 0;
}
#p-story .s1_text3 {
  position: absolute;
  left: 50%;
  top: 840px;
  margin-left: -350px;
  z-index: 0;
}
#p-story .s1_chara {
  width: 377px;
  height: 635px;
  position: absolute;
  left: 50%;
  top: 378px;
  margin-left: 225px;
  z-index: 0;
}
#p-story .s1_chara .chara {
  position: absolute;
  left: 95px;
  top: 0px;
  z-index: 1;
  width: 164px;
  height: 635px;
}
#p-story .s1_chara .chara span {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#p-story .s1_chara .seal {
  position: absolute;
  left: 6px;
  top: 353px;
  z-index: 2;
}
#p-story .s1_chara .circle {
  position: absolute;
  left: 0px;
  top: 114px;
  z-index: 0;
  width: 377px;
  height: 377px;
  -webkit-border-radius: 189px;
  -moz-border-radius: 189px;
  border-radius: 189px;
  background-color: #ffffff;
}
#p-story .s1_img {
  position: absolute;
  left: 50%;
  top: 148px;
  margin-left: -744px;
  z-index: 0;
}
#p-story .s1_thumb {
  width: 1276px;
  position: absolute;
  left: 50%;
  top: 1172px;
  margin-left: -638px;
  z-index: 0;
}
#p-story .s1_thumb ul {
  zoom: 1;
}
#p-story .s1_thumb ul:after {
  content: "";
  clear: both;
  display: block;
}
#p-story .s1_thumb li {
  float: left;
}
#p-story .s1_thumb li:nth-child(2) {
  margin: 0 20px;
}
#p-story .key {
  background-color: #ffffff;
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 2597px;
}
#p-story .key .l-inner {
  width: 100%;
  width: 1200px;
  z-index: 5;
  padding: 281px 0 0 0;
}
#p-story .key h3 {
  width: 210px;
  height: 35px;
  position: absolute;
  left: 50%;
  top: 150px;
  margin-left: -105px;
  z-index: 0;
  border-bottom: #ffffff 2px solid;
  text-align: center;
}
#p-story .key_bg1 {
  width: 4000px;
  height: 2000px;
  background-color: #FF6FB6;
  position: absolute;
  left: 50%;
  top: -265px;
  margin-left: -20px;
  z-index: 2;
  -webkit-transform: skewX(59deg);
  -moz-transform: skewX(59deg);
  transform: skewX(59deg);
}
#p-story .key_bg2 {
  width: 100%;
  height: 100%;
  background-color: #78D78A;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#p-story .key_bg3 {
  width: 6000px;
  height: 2000px;
  position: absolute;
  left: 50%;
  top: 1075px;
  margin-left: 0px;
  z-index: 1;
  background-color: #3879FF;
  -webkit-transform: skewX(-64deg);
  -moz-transform: skewX(-64deg);
  transform: skewX(-64deg);
}
#p-story .key_block1 {
  width: 100%;
  height: 516px;
  position: relative;
}
#p-story .key_block1 .num {
  position: absolute;
  left: 50%;
  top: 140px;
  margin-left: -72px;
  z-index: 1;
}
#p-story .key_block1 .text {
  position: absolute;
  left: 50%;
  top: 188px;
  margin-left: 80px;
  z-index: 1;
}
#p-story .key_block1 .img {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -503px;
  z-index: 0;
}
#p-story .key_block1 .border {
  background-color: #ffffff;
  width: 1px;
  height: 300px;
  font-size: 1px;
  line-height: 1px;
  position: absolute;
  left: 50%;
  top: 252px;
  margin-left: 0px;
  z-index: 0;
}
#p-story .key_block2 {
  width: 100%;
  height: 1182px;
  position: relative;
}
#p-story .key_block2 .num {
  position: absolute;
  left: 50%;
  top: 51px;
  margin-left: -72px;
  z-index: 3;
}
#p-story .key_block2 .text {
  position: absolute;
  left: 50%;
  top: 175px;
  margin-left: -468px;
  z-index: 3;
}
#p-story .key_block2 .img {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 32px;
  z-index: 2;
}
#p-story .key_block2 .block {
  position: absolute;
  left: 50%;
  top: 377px;
  margin-left: -426px;
  z-index: 1;
  width: 652px;
  height: 652px;
  border: #e6e6df solid 12px;
  box-sizing: border-box;
  background-color: #78d78a;
}
#p-story .key_block2 .check {
  position: absolute;
  left: 85px;
  top: 85px;
  z-index: 0;
}
#p-story .key_block2 .circle {
  width: 270px;
  height: 270px;
  -webkit-border-radius: 135px;
  -moz-border-radius: 135px;
  border-radius: 135px;
  border: 3px solid #ffffff;
  background-color: #78d78a;
}
#p-story .key_block2 .circle span {
  display: block;
  text-align: center;
  padding: 65px 0 0 0;
}
#p-story .key_block2 .spring_name {
  position: absolute;
  left: 206px;
  top: 306px;
  z-index: 1;
}
#p-story .key_block2 .spring_icon {
  position: absolute;
  left: 193px;
  top: 317px;
  z-index: 0;
}
#p-story .key_block2 .summer_name {
  position: absolute;
  left: 461px;
  top: 117px;
  z-index: 1;
}
#p-story .key_block2 .summer_icon {
  position: absolute;
  left: 447px;
  top: 128px;
  z-index: 0;
}
#p-story .key_block2 .autumn_name {
  position: absolute;
  left: -90px;
  top: 211px;
  z-index: 1;
}
#p-story .key_block2 .autumn_icon {
  position: absolute;
  left: -106px;
  top: 222px;
  z-index: 0;
}
#p-story .key_block2 .winter_name {
  position: absolute;
  left: 486px;
  top: 465px;
  z-index: 1;
}
#p-story .key_block2 .winter_icon {
  position: absolute;
  left: 472px;
  top: 478px;
  z-index: 0;
}
#p-story .key_block2 .border {
  background-color: #ffffff;
  width: 1px;
  height: 955px;
  font-size: 1px;
  line-height: 1px;
  position: absolute;
  left: 50%;
  top: 163px;
  margin-left: 0px;
  z-index: 0;
}
#p-story .key_block3 {
  width: 100%;
  position: relative;
}
#p-story .key_block3 .num {
  position: absolute;
  left: 50%;
  top: -50px;
  margin-left: -71px;
  z-index: 1;
}
#p-story .key_block3 .text {
  position: absolute;
  left: 50%;
  top: 156px;
  margin-left: 80px;
  z-index: 1;
}
#p-story .key_block3 .img {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -418px;
  z-index: 0;
}

#p-system .block_inner {
  position: relative;
}
#p-system .pagetitle {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
#p-system .pagetitle .l-inner {
  width: 100%;
  width: 1200px;
  height: 135px;
}
#p-system .pagetitle h2 {
  width: 180px;
  margin: 0 auto;
  text-align: center;
  border-bottom: #767675 solid 2px;
  line-height: 1em;
  padding: 45px 0 30px 0;
  position: relative;
  z-index: 5;
}
#p-system .point1 {
  background-color: #ff6fb6;
  position: relative;
  z-index: 0;
}
#p-system .point1 .l-inner {
  width: 100%;
  width: 1200px;
  height: 948px;
}
#p-system .point1 .p1_bg1,
#p-system .point1 .p1_bg2,
#p-system .point1 .p1_bg3 {
  background: url("../images/system/p01_bg01.png") center top repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#p-system .point1 .p1_bg2 {
  background: url("../images/system/p01_bg02.png") center top repeat;
}
#p-system .point1 .p1_bg3 {
  background: url("../images/system/p01_bg03.png") center top repeat;
}
#p-system .point1 .p1_line {
  background: #fff;
  width: 1px;
  height: 818px;
  position: absolute;
  left: 600px;
  top: 131px;
  z-index: 0;
}
#p-system .point1 .p1_title {
  position: absolute;
  left: 462px;
  top: 48px;
  z-index: 0;
}
#p-system .point1 .p1_chara {
  overflow: hidden;
  position: absolute;
  left: 86px;
  top: -89px;
  z-index: 2;
}
#p-system .point1 .p1_voice {
  position: absolute;
  right: 840px;
  top: 210px;
  z-index: 0;
  width: 184px;
  height: 160px;
}
#p-system .point1 .p1_voice span {
  width: 184px;
  height: 160px;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 0;
}
#p-system .point1 .p1_text1 {
  position: absolute;
  left: 620px;
  top: 173px;
  z-index: 4;
}
#p-system .point1 .p1_text1 span {
  display: block;
  overflow: hidden;
}
#p-system .point1 .p1_text2 {
  position: absolute;
  left: 588px;
  top: 744px;
  z-index: 4;
}
#p-system .point1 .p1_text2 span {
  display: block;
  overflow: hidden;
}
#p-system .point1 .p1_circ1 {
  position: absolute;
  left: 645px;
  top: 362px;
  z-index: 0;
}
#p-system .point1 .p1_circ2 {
  position: absolute;
  left: 240px;
  top: 617px;
  z-index: 0;
}
#p-system .point1 .p1_circ3 {
  display: none;
}
#p-system .point1 .p1_ss1 {
  position: absolute;
  left: 620px;
  top: 433px;
  z-index: 4;
}
#p-system .point1 .p1_ss2 {
  position: absolute;
  left: 195px;
  top: 653px;
  z-index: 4;
}
#p-system .point2 {
  background-color: #78d78a;
  position: relative;
  z-index: 0;
}
#p-system .point2 .l-inner {
  width: 100%;
  width: 1200px;
  height: 948px;
  overflow: hidden;
}
#p-system .point2 .p2_bg1,
#p-system .point2 .p2_bg2,
#p-system .point2 .p2_bg3 {
  background: url("../images/system/p02_bg01.png") center top repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#p-system .point2 .p2_bg2 {
  background: url("../images/system/p02_bg02.png") center top repeat;
}
#p-system .point2 .p2_bg3 {
  background: url("../images/system/p02_bg03.png") center top repeat;
}
#p-system .point2 .p2_line {
  background: #fff;
  width: 1px;
  height: 818px;
  position: absolute;
  left: 600px;
  top: 130px;
  z-index: 0;
}
#p-system .point2 .p2_title {
  position: absolute;
  left: 461px;
  top: 47px;
  z-index: 0;
}
#p-system .point2 .p2_bird {
  position: absolute;
  left: 616px;
  top: 25px;
  z-index: 2;
}
#p-system .point2 .p2_voice {
  position: absolute;
  left: 836px;
  top: 146px;
  z-index: 10;
}
#p-system .point2 .p2_text1 {
  position: absolute;
  left: 184px;
  top: 173px;
  z-index: 2;
}
#p-system .point2 .p2_text2 {
  position: absolute;
  left: 362px;
  top: 620px;
  z-index: 5;
}
#p-system .point2 .p2_text2 span {
  display: block;
  overflow: hidden;
}
#p-system .point2 .p2_circ1 {
  position: absolute;
  left: 271px;
  top: -67px;
  z-index: 0;
}
#p-system .point2 .p2_circ2 {
  position: absolute;
  left: 519px;
  top: 364px;
  z-index: 0;
}
#p-system .point2 .p2_circ3 {
  position: absolute;
  left: 138px;
  top: 591px;
  z-index: 0;
}
#p-system .point2 .p2_circ4 {
  position: absolute;
  left: 652px;
  top: 490px;
  z-index: 0;
}
#p-system .point2 .p2_ss1 {
  position: absolute;
  left: 680px;
  top: 342px;
  z-index: 4;
}
#p-system .point2 .p2_ss2 {
  position: absolute;
  left: 299px;
  top: 401px;
  z-index: 4;
}
#p-system .point2 .p2_ss3 {
  position: absolute;
  left: 622px;
  top: 580px;
  z-index: 4;
}
#p-system .point2 .p2_ss4 {
  position: absolute;
  left: 100px;
  top: 656px;
  z-index: 4;
}
#p-system .point3 {
  background-color: #3879ff;
  position: relative;
  z-index: 0;
}
#p-system .point3 .l-inner {
  overflow: hidden;
  width: 100%;
  width: 1200px;
  height: 948px;
}
#p-system .point3 .p3_bg1,
#p-system .point3 .p3_bg2,
#p-system .point3 .p3_bg3 {
  background: url("../images/system/p03_bg01.png") center top repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#p-system .point3 .p3_bg2 {
  background: url("../images/system/p03_bg02.png") center top repeat;
}
#p-system .point3 .p3_bg3 {
  background: url("../images/system/p03_bg03.png") center top repeat;
}
#p-system .point3 .p3_line {
  background: #fff;
  width: 1px;
  height: 818px;
  position: absolute;
  left: 600px;
  top: 131px;
  z-index: 0;
}
#p-system .point3 .p3_title {
  position: absolute;
  left: 461px;
  top: 48px;
  z-index: 0;
}
#p-system .point3 .p3_chara {
  overflow: hidden;
  position: absolute;
  left: 138px;
  top: -4px;
  z-index: 1;
}
#p-system .point3 .p3_voice {
  position: absolute;
  left: 237px;
  top: 301px;
  z-index: 10;
}
#p-system .point3 .p3_text1 {
  position: absolute;
  left: 620px;
  top: 173px;
  z-index: 4;
}
#p-system .point3 .p3_text1 span {
  display: block;
  overflow: hidden;
}
#p-system .point3 .p3_text2 {
  position: absolute;
  left: 788px;
  top: 610px;
  z-index: 4;
}
#p-system .point3 .p3_text2 span {
  display: block;
  overflow: hidden;
}
#p-system .point3 .p3_circ1 {
  position: absolute;
  left: 780px;
  top: 346px;
  z-index: 0;
}
#p-system .point3 .p3_circ2 {
  position: absolute;
  left: 313px;
  top: 478px;
  z-index: 0;
}
#p-system .point3 .p3_circ3 {
  display: none;
}
#p-system .point3 .p3_ss1 {
  position: absolute;
  left: 750px;
  top: 391px;
  z-index: 10;
}
#p-system .point3 .p3_ss2 {
  position: absolute;
  left: 288px;
  top: 558px;
  z-index: 10;
}

#p-404 .pagetitle {
  background-color: #e6e6df;
}
#p-404 .pagetitle .l-inner {
  width: 1200px;
  height: 1018px;
}
#p-404 .pagetitle .image {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -960px;
  z-index: 0;
  display: none;
}

#p-privacy .content {
  background-color: #e6e6df;
}
#p-privacy .content .l-inner {
  width: 1200px;
  padding: 100px 0;
  color: #5a5a5a;
}
#p-privacy .content h2 {
  margin: 0 170px 60px 170px;
}
#p-privacy .content .block_inner {
  margin: 0 170px;
}
#p-privacy .content h3 {
  font-size: 14px;
  margin: 0 0 60px 0;
}
#p-privacy .content h3 span {
  border-bottom: #000000 solid 1px;
  display: inline-block;
}
#p-privacy .content p {
  font-size: 14px;
  line-height: 2.1em;
  margin-bottom: 2em;
}

#p-character .character {
  background-color: #cccccc;
}
#p-character .character .l-inner {
  width: 100%;
  min-width: 1200px;
  height: 790px;
}
#p-character .character h2 {
  width: 270px;
  text-align: center;
  border-bottom: #ffffff solid 2px;
  line-height: 1em;
  padding: 0 0 20px 0;
  position: absolute;
  left: 50%;
  top: 50px;
  margin-left: -135px;
  z-index: 1;
}
#p-character .character .block_inner {
  position: relative;
}
#p-character .character_list {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
#p-character .character_list li {
  display: table-cell;
  width: 25%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#p-character .character_list .texture_top {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}
#p-character .character_list .texture_top .block_inner {
  width: 100%;
  height: 100%;
}
#p-character .character_list .texture_top p {
  width: 100%;
  text-align: center;
}
#p-character .character_list .texture_top h3 {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 205px;
  z-index: 0;
}
#p-character .character_list .texture_top .mark {
  position: absolute;
  left: 0px;
  top: 280px;
  z-index: 0;
}
#p-character .character_list .texture_top .copy {
  position: absolute;
  left: 0px;
  top: 500px;
  z-index: 0;
}
#p-character .character_list .texture_top .more {
  position: absolute;
  left: 0px;
  top: 580px;
  z-index: 0;
}
#p-character .character_list .texture_hover {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  overflow: hidden;
  height: 0;
}
#p-character .character_list .texture_hover .block_inner {
  width: 100%;
  height: 100%;
}
#p-character .character_list .texture_hover p {
  width: 100%;
  text-align: center;
}
#p-character .character_list .texture_hover .mark {
  position: absolute;
  left: 0px;
  top: 290px;
  z-index: 0;
}
#p-character .character_list .texture_hover .copy {
  position: absolute;
  left: 0px;
  top: 465px;
  z-index: 0;
}
#p-character .character_list .texture_hover .more {
  position: absolute;
  left: 0px;
  top: 515px;
  z-index: 0;
}
#p-character .character_list .texture_active {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
}
#p-character .character_list .texture_active .block_inner {
  width: 100%;
  height: 100%;
}
#p-character .character_list .texture_active .mark {
  position: absolute;
  left: 25px;
  top: 30px;
  z-index: 0;
}
#p-character .character_list .texture_active a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#p-character .character_list .texture_active dl {
  display: block;
  position: relative;
}
#p-character .character_list .texture_active dt {
  display: block;
  height: 710px;
}
#p-character .character_list .texture_active dt span {
  display: block;
}
#p-character .character_list .texture_active dd {
  display: block;
  text-align: center;
}
#p-character .character_list .texture_active dd span, #p-character .character_list .texture_active dd p {
  display: block;
  width: 95px;
  margin: 0 auto;
}
#p-character .character_list .texture_active .name {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0.1em;
  margin-bottom: 3px;
  position: relative;
}
#p-character .character_list .texture_active .name span {
  position: relative;
  z-index: 1;
}
#p-character .character_list .texture_active .name span.bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 0px;
  z-index: 0;
  background-color: #000000;
  width: 0;
}
#p-character .character_list .texture_active .cv {
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 0.08em;
}
#p-character .character_list .texture_active .sidebar {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
  background-color: #1a0f12;
  text-align: center;
  display: none;
  cursor: pointer;
}
#p-character .character_list .texture_active .sidebar img {
  margin-top: 102px;
}
#p-character .character_list .texture_active.default .chara1, #p-character .character_list .texture_active.default .chara2, #p-character .character_list .texture_active.default .chara3, #p-character .character_list .texture_active.default .chara4, #p-character .character_list .texture_active.default .chara5, #p-character .character_list .texture_active.default .chara6 {
  opacity: 0;
}
#p-character .character_list .texture_active.default .mark {
  display: none;
}
#p-character .character_list .spring .texture_top {
  background: url("../images/character/sp_bg_pattern.png") center top repeat;
}
#p-character .character_list .spring .texture_hover {
  background: #ff91b2 url("../images/character/sp_bg_chara.png") center top no-repeat;
  border-right: #000000 solid 1px;
}
#p-character .character_list .spring .texture_active {
  background-color: #ff91b2;
  border-right: #ffffff solid 1px;
}
#p-character .character_list .spring .texture_active.default {
  background-color: #1a0f12;
}
#p-character .character_list .spring .texture_active .chara1 {
  width: 167px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 3px;
  z-index: 3;
}
#p-character .character_list .spring .texture_active .chara1 dt span {
  padding-top: 152px;
}
#p-character .character_list .spring .texture_active .chara2 {
  width: 145px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 154px;
  z-index: 2;
}
#p-character .character_list .spring .texture_active .chara2 dt span {
  padding-top: 123px;
}
#p-character .character_list .spring .texture_active .chara3 {
  width: 155px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -152px;
  z-index: 3;
}
#p-character .character_list .spring .texture_active .chara3 dt span {
  padding-top: 134px;
}
#p-character .character_list .spring .texture_active .chara4 {
  width: 146px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 312px;
  z-index: 1;
}
#p-character .character_list .spring .texture_active .chara4 dt span {
  padding-top: 119px;
}
#p-character .character_list .spring .texture_active .chara5 {
  width: 208px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -323px;
  z-index: 2;
}
#p-character .character_list .spring .texture_active .chara5 dt span {
  padding-top: 128px;
}
#p-character .character_list .spring .texture_active .chara6 {
  width: 170px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -468px;
  z-index: 1;
}
#p-character .character_list .spring .texture_active .chara6 dt span {
  padding-top: 117px;
}
#p-character .character_list .summer .texture_top {
  background: url("../images/character/su_bg_pattern.png") center top repeat;
}
#p-character .character_list .summer .texture_hover {
  background: #ffc800 url("../images/character/su_bg_chara.png") center top no-repeat;
  border-right: #000000 solid 1px;
}
#p-character .character_list .summer .texture_active {
  background-color: #ffc800;
  border-right: #ffffff solid 1px;
}
#p-character .character_list .summer .texture_active.default {
  background-color: #1a0f12;
}
#p-character .character_list .summer .texture_active .chara1 {
  width: 198px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -3px;
  z-index: 3;
}
#p-character .character_list .summer .texture_active .chara1 dt span {
  padding-top: 123px;
}
#p-character .character_list .summer .texture_active .chara2 {
  width: 119px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 196px;
  z-index: 2;
}
#p-character .character_list .summer .texture_active .chara2 dt span {
  padding-top: 160px;
}
#p-character .character_list .summer .texture_active .chara3 {
  width: 150px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -147px;
  z-index: 3;
}
#p-character .character_list .summer .texture_active .chara3 dt span {
  padding-top: 160px;
}
#p-character .character_list .summer .texture_active .chara4 {
  width: 141px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 325px;
  z-index: 1;
}
#p-character .character_list .summer .texture_active .chara4 dt span {
  padding-top: 130px;
}
#p-character .character_list .summer .texture_active .chara5 {
  width: 270px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -387px;
  z-index: 2;
}
#p-character .character_list .summer .texture_active .chara5 dt span {
  padding-top: 126px;
}
#p-character .character_list .summer .texture_active .chara6 {
  width: 217px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -503px;
  z-index: 1;
}
#p-character .character_list .summer .texture_active .chara6 dt span {
  padding-top: 135px;
}
#p-character .character_list .autumn .texture_top {
  background: url("../images/character/au_bg_pattern.png") center top repeat;
}
#p-character .character_list .autumn .texture_hover {
  background: #ff9b63 url("../images/character/au_bg_chara.png") center top no-repeat;
  border-right: #000000 solid 1px;
}
#p-character .character_list .autumn .texture_active {
  background-color: #ff9b63;
  border-right: #ffffff solid 1px;
}
#p-character .character_list .autumn .texture_active.default {
  background-color: #1a0f12;
}
#p-character .character_list .autumn .texture_active .chara1 {
  width: 148px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 0px;
  z-index: 3;
}
#p-character .character_list .autumn .texture_active .chara1 dt span {
  padding-top: 117px;
}
#p-character .character_list .autumn .texture_active .chara2 {
  width: 184px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 144px;
  z-index: 2;
}
#p-character .character_list .autumn .texture_active .chara2 dt span {
  padding-top: 140px;
}
#p-character .character_list .autumn .texture_active .chara3 {
  width: 170px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -175px;
  z-index: 3;
}
#p-character .character_list .autumn .texture_active .chara3 dt span {
  padding-top: 106px;
}
#p-character .character_list .autumn .texture_active .chara4 {
  width: 188px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 308px;
  z-index: 1;
}
#p-character .character_list .autumn .texture_active .chara4 dt span {
  padding-top: 104px;
}
#p-character .character_list .autumn .texture_active .chara5 {
  width: 134px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -301px;
  z-index: 2;
}
#p-character .character_list .autumn .texture_active .chara5 dt span {
  padding-top: 126px;
}
#p-character .character_list .autumn .texture_active .chara6 {
  width: 184px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -494px;
  z-index: 1;
}
#p-character .character_list .autumn .texture_active .chara6 dt span {
  padding-top: 121px;
}
#p-character .character_list .winter .texture_top {
  background: url("../images/character/wi_bg_pattern.png") center top repeat;
}
#p-character .character_list .winter .texture_hover {
  background: #6ac1ff url("../images/character/wi_bg_chara.png") center top no-repeat;
}
#p-character .character_list .winter .texture_active {
  background-color: #6ac1ff;
}
#p-character .character_list .winter .texture_active.default {
  background-color: #1a0f12;
}
#p-character .character_list .winter .texture_active .chara1 {
  width: 146px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 5px;
  z-index: 3;
}
#p-character .character_list .winter .texture_active .chara1 dt span {
  padding-top: 135px;
}
#p-character .character_list .winter .texture_active .chara2 {
  width: 179px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 152px;
  z-index: 2;
}
#p-character .character_list .winter .texture_active .chara2 dt span {
  padding-top: 120px;
}
#p-character .character_list .winter .texture_active .chara3 {
  width: 160px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -169px;
  z-index: 2;
}
#p-character .character_list .winter .texture_active .chara3 dt span {
  padding-top: 104px;
}
#p-character .character_list .winter .texture_active .chara4 {
  width: 120px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 326px;
  z-index: 1;
}
#p-character .character_list .winter .texture_active .chara4 dt span {
  padding-top: 132px;
}
#p-character .character_list .winter .texture_active .chara5 {
  width: 125px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -303px;
  z-index: 1;
}
#p-character .character_list .winter .texture_active .chara5 dt span {
  padding-top: 151px;
}
#p-character .character_list .winter .texture_active .chara6 {
  width: 155px;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -472px;
  z-index: 1;
}
#p-character .character_list .winter .texture_active .chara6 dt span {
  padding-top: 117px;
}
#p-character .texture_top_sp, #p-character .btn_voice_sp, #p-character .detail_voice_title_sp, #p-character .detail_sns_sp, #p-character .modal_chara_close_sp {
  display: none;
}

#modal {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100;
  display: none;
}
#modal .modal_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
#modal .modal_btn_close {
  position: absolute;
  left: 50%;
  top: 65px;
  margin-left: 560px;
  z-index: 1;
  position: fixed;
}
#modal .modal_btn_paging {
  position: fixed;
  z-index: 1;
  top: 50%;
  margin-top: -28px;
  width: 100%;
}
#modal .modal_btn_paging ul {
  display: block;
  position: relative;
  width: 100%;
}
#modal .modal_btn_paging .prev {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -625px;
  z-index: 0;
}
#modal .modal_btn_paging .next {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: 550px;
  z-index: 0;
}
#modal .modal_iframe_wrap {
  width: 100%;
  height: 100%;
}
#modal #modal_iframe {
  height: 100%;
}
#modal #modal_news {
  height: 100%;
  display: none;
}
#modal #modal_movie {
  height: 100%;
  display: none;
}
#modal #modal_movie #movie-iframe {
  width: 900px;
  height: 506px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -253px 0 0 -450px;
}
#modal .modal_btn_close_chara {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
  width: 78px;
}
#modal .modal_btn_close_chara span {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  margin: 0 0 3px 0;
  width: 100%;
}
#modal .modal_btn_close_chara a {
  text-decoration: none;
  color: #505050;
  letter-spacing: 0.05em;
}
#modal .modal_btn_paging_chara {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  margin-top: -28px;
  width: 100%;
  height: 56px;
}
#modal .modal_btn_paging_chara ul {
  display: block;
  position: relative;
  width: 100%;
}
#modal .modal_btn_paging_chara .prev {
  position: absolute;
  left: 30px;
  top: 0px;
  z-index: 0;
}
#modal .modal_btn_paging_chara .next {
  position: absolute;
  right: 30px;
  top: 0px;
  z-index: 0;
}
#modal #modal_character {
  width: 100%;
  height: 100%;
  display: none;
}
#modal .modal_character_wrap {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#modal .modal_character_wrap .inner_block {
  width: 1180px;
  height: 740px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  color: #505050;
}
#modal .modal_chara_details {
  display: none;
}
#modal .modal_chara_details .circle {
  width: 1500px;
  height: 1500px;
  position: absolute;
  left: 50%;
  top: -790px;
  margin-left: -1480px;
  z-index: 0;
}
#modal .modal_chara_details .circle_inner {
  position: relative;
}
#modal .modal_chara_details .circle_inner .circle1 {
  width: 1500px;
  height: 1500px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  -webkit-border-radius: 750px;
  -moz-border-radius: 750px;
  border-radius: 750px;
  overflow: hidden;
}
#modal .modal_chara_details .circle_inner .circle2 {
  width: 1500px;
  height: 1500px;
  position: absolute;
  left: 635px;
  top: -284px;
  z-index: 0;
  -webkit-border-radius: 750px;
  -moz-border-radius: 750px;
  border-radius: 750px;
}
#modal .modal_chara_details .team_name {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 0;
}
#modal .modal_chara_details .copy {
  position: absolute;
  left: 10px;
  top: 115px;
  z-index: 0;
}
#modal .modal_chara_details .visual {
  position: absolute;
  left: 200px;
  top: 120px;
  z-index: 0;
}
#modal .modal_chara_details .detail {
  width: 500px;
  position: absolute;
  left: 510px;
  top: 45px;
  z-index: 0;
}
#modal .modal_chara_details .lead {
  white-space: nowrap;
  font-size: 26px;
  line-height: 1em;
  margin: 0 0 30px 0;
  font-family: "NotoSans-medium";
  letter-spacing: 0.02em;
}
#modal .modal_chara_details .lead span {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0 0 5px 0;
}
#modal .modal_chara_details .lead span:after {
  background-color: #ffffff;
  content: " ";
  display: block;
  width: 100%;
  height: 15px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: -1;
}
#modal .modal_chara_details .name {
  font-size: 67px;
  line-height: 1em;
  letter-spacing: 0.05em;
  margin: 0 0 20px 0;
  font-family: "NotoSans-thin";
}
#modal .modal_chara_details .name_en {
  font-size: 11px;
  line-height: 1em;
  margin: 0 0 25px 0;
  font-family: "Arvo", sans-serif;
  font-weight: 400;
  letter-spacing: 0.65em;
}
#modal .modal_chara_details .cv {
  font-size: 31px;
  line-height: 1em;
  letter-spacing: 0.1em;
  margin: 0 0 30px 0;
  font-family: "NotoSans-light";
}
#modal .modal_chara_details .profile {
  zoom: 1;
  margin: 0 0 10px 0;
}
#modal .modal_chara_details .profile:after {
  content: "";
  clear: both;
  display: block;
}
#modal .modal_chara_details .profile dl {
  display: block;
  float: left;
  line-height: 1.3em;
  border-bottom: 1px solid #000000;
  position: relative;
  padding: 0 0 4px 0;
  margin: 0 0 12px 0;
  zoom: 1;
}
#modal .modal_chara_details .profile dl:after {
  content: "";
  clear: both;
  display: block;
}
#modal .modal_chara_details .profile dl:before, #modal .modal_chara_details .profile dl:after {
  content: " ";
  display: block;
  width: 1px;
  height: 5px;
  background-color: #000000;
}
#modal .modal_chara_details .profile dl:before {
  position: absolute;
  left: 0px;
  bottom: -3px;
  z-index: 0;
}
#modal .modal_chara_details .profile dl:after {
  position: absolute;
  right: 0px;
  bottom: -3px;
  z-index: 0;
}
#modal .modal_chara_details .profile dt {
  display: block;
  float: left;
  font-size: 15px;
}
#modal .modal_chara_details .profile dd {
  display: block;
  float: left;
  font-size: 15px;
}
#modal .modal_chara_details .profile dl.short {
  width: 240px;
}
#modal .modal_chara_details .profile dl.short.left {
  margin-right: 20px;
}
#modal .modal_chara_details .profile dl.short dt {
  width: 75px;
  margin-left: 10px;
}
#modal .modal_chara_details .profile dl.short dd {
  width: 155px;
}
#modal .modal_chara_details .profile dl.wide {
  width: 240px;
}
#modal .modal_chara_details .profile dl.wide dt {
  width: 140px;
  margin-left: 10px;
}
#modal .modal_chara_details .profile dl.wide dd {
  width: 90px;
}
#modal .modal_chara_details .profile dl.wide100 {
  width: 100%;
}
#modal .modal_chara_details .profile dl.wide100 dt {
  width: 75px;
  margin-left: 10px;
}
#modal .modal_chara_details .profile dl.wide100 dd {
  width: 415px;
}
#modal .modal_chara_details .detail_intro {
  margin: 0 0 25px 0;
}
#modal .modal_chara_details .detail_intro .intro_headline {
  font-size: 11px;
  margin: 0 0 10px 0;
  font-family: "Arvo", sans-serif;
  font-weight: 400;
  letter-spacing: 0.2em;
}
#modal .modal_chara_details .detail_intro .intro_text {
  font-size: 14px;
  line-height: 1.9em;
}
#modal .modal_chara_details .detail_voice {
  display: block;
  zoom: 1;
}
#modal .modal_chara_details .detail_voice:after {
  content: "";
  clear: both;
  display: block;
}
#modal .modal_chara_details .detail_voice li {
  float: left;
  text-align: center;
  margin: 0 28px 0 0;
  font-family: "Arvo", "YakuHanJPs", "NotoSans-regular", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}
#modal .modal_chara_details .detail_voice li:last-child {
  margin-right: 0;
}
#modal .modal_chara_details .detail_voice span {
  display: block;
  margin: 0 0 5px 0;
}
#modal .modal_chara_details .detail_voice a {
  display: block;
  text-decoration: none;
  font-size: 11px;
  line-height: 1.4em;
}
#modal .chara_spring1 .detail_voice a, #modal .chara_spring2 .detail_voice a, #modal .chara_spring3 .detail_voice a, #modal .chara_spring4 .detail_voice a, #modal .chara_spring5 .detail_voice a, #modal .chara_spring6 .detail_voice a {
  color: #FF91B2;
}
#modal .chara_spring1 .circle_inner .circle2, #modal .chara_spring2 .circle_inner .circle2, #modal .chara_spring3 .circle_inner .circle2, #modal .chara_spring4 .circle_inner .circle2, #modal .chara_spring5 .circle_inner .circle2, #modal .chara_spring6 .circle_inner .circle2 {
  background-color: #ff91b2;
}
#modal .chara_spring1 .circle_inner .circle1 {
  background-color: #ff8282;
}
#modal .chara_spring2 .circle_inner .circle1 {
  background-color: #ff375e;
}
#modal .chara_spring3 .circle_inner .circle1 {
  background-color: #826ee6;
}
#modal .chara_spring4 .circle_inner .circle1 {
  background-color: #00e6b4;
}
#modal .chara_spring5 .circle_inner .circle1 {
  background-color: #ade601;
}
#modal .chara_spring6 .circle_inner .circle1 {
  background-color: #50d2d2;
}
#modal .chara_spring6 .visual {
  left: 210px;
}
#modal .chara_summer1 .detail_voice a, #modal .chara_summer2 .detail_voice a, #modal .chara_summer3 .detail_voice a, #modal .chara_summer4 .detail_voice a, #modal .chara_summer5 .detail_voice a, #modal .chara_summer6 .detail_voice a {
  color: #ffc800;
}
#modal .chara_summer1 .circle_inner .circle2, #modal .chara_summer2 .circle_inner .circle2, #modal .chara_summer3 .circle_inner .circle2, #modal .chara_summer4 .circle_inner .circle2, #modal .chara_summer5 .circle_inner .circle2, #modal .chara_summer6 .circle_inner .circle2 {
  background-color: #ffc800;
}
#modal .chara_summer1 .circle_inner .circle1 {
  background-color: #ffc0df;
}
#modal .chara_summer2 .circle_inner .circle1 {
  background-color: #00ff96;
}
#modal .chara_summer3 .circle_inner .circle1 {
  background-color: #ffaa00;
}
#modal .chara_summer4 .circle_inner .circle1 {
  background-color: #64f0ff;
}
#modal .chara_summer5 .circle_inner .circle1 {
  background-color: #ffeb00;
}
#modal .chara_summer6 .circle_inner .circle1 {
  background-color: #d2aaf0;
}
#modal .chara_autumn1 .detail_voice a, #modal .chara_autumn2 .detail_voice a, #modal .chara_autumn3 .detail_voice a, #modal .chara_autumn4 .detail_voice a, #modal .chara_autumn5 .detail_voice a, #modal .chara_autumn6 .detail_voice a {
  color: #ff9b63;
}
#modal .chara_autumn1 .circle_inner .circle2, #modal .chara_autumn2 .circle_inner .circle2, #modal .chara_autumn3 .circle_inner .circle2, #modal .chara_autumn4 .circle_inner .circle2, #modal .chara_autumn5 .circle_inner .circle2, #modal .chara_autumn6 .circle_inner .circle2 {
  background-color: #ff9b63;
}
#modal .chara_autumn1 .circle_inner .circle1 {
  background-color: #be8c00;
}
#modal .chara_autumn2 .circle_inner .circle1 {
  background-color: #ff4a8e;
}
#modal .chara_autumn3 .circle_inner .circle1 {
  background-color: #782800;
}
#modal .chara_autumn4 .circle_inner .circle1 {
  background-color: #787878;
}
#modal .chara_autumn5 .circle_inner .circle1 {
  background-color: #c8be96;
}
#modal .chara_autumn6 .circle_inner .circle1 {
  background-color: #ff5029;
}
#modal .chara_autumn6 .name {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
#modal .chara_autumn6 .name span {
  display: inline-block;
  width: 67px;
  height: 67px;
  background: url("../images/character/au_team_name6_pc.png") center center no-repeat;
  background-size: 60px auto;
  line-heigth: 1em;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
#modal .chara_autumn6 .name i {
  line-heigth: 1em;
  position: fixed;
  left: -9999px;
  top: -9999px;
  z-index: 0;
}
#modal .chara_winter1 .detail_voice a, #modal .chara_winter2 .detail_voice a, #modal .chara_winter3 .detail_voice a, #modal .chara_winter4 .detail_voice a, #modal .chara_winter5 .detail_voice a, #modal .chara_winter6 .detail_voice a {
  color: #6ac1ff;
}
#modal .chara_winter1 .circle_inner .circle2, #modal .chara_winter2 .circle_inner .circle2, #modal .chara_winter3 .circle_inner .circle2, #modal .chara_winter4 .circle_inner .circle2, #modal .chara_winter5 .circle_inner .circle2, #modal .chara_winter6 .circle_inner .circle2 {
  background-color: #6ac1ff;
}
#modal .chara_winter1 .circle_inner .circle1 {
  background-color: #0032be;
}
#modal .chara_winter2 .circle_inner .circle1 {
  background-color: #d20029;
}
#modal .chara_winter3 .circle_inner .circle1 {
  background-color: #00c80a;
}
#modal .chara_winter4 .circle_inner .circle1 {
  background-color: #a00096;
}
#modal .chara_winter5 .circle_inner .circle1 {
  background-color: #001482;
}
#modal .chara_winter6 .circle_inner .circle1 {
  background-color: #004d32;
}

#p-modal {
  background-color: transparent;
}
#p-modal .modal_content .l-inner {
  width: 950px;
  padding: 120px 0;
}
#p-modal .modal_content .l-inner > h1 {
  color: #505050;
  font-size: 24px;
  font-family: "NotoSans-light";
  line-height: 44px;
  letter-spacing: 0.12em;
  margin-bottom: 80px;
}
#p-modal .modal_sns {
  position: fixed;
  left: 50%;
  top: 155px;
  z-index: 0;
  margin: 0 0 0 565px;
  zoom: 1;
}
#p-modal .modal_sns:after {
  content: "";
  clear: both;
  display: block;
}
#p-modal .modal_sns li {
  margin: 0 0 20px 0;
  width: 48px;
  height: 48px;
}
#p-modal .modal_sns a {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: #7C7C7C solid 1px;
  display: block;
}
#p-modal .modal_sns span {
  display: block;
  text-align: center;
}
#p-modal .modal_sns li:nth-child(1) .icon {
  padding: 15px 0 0 0;
}
#p-modal .modal_sns li:nth-child(2) .icon {
  padding: 13px 0 0 0;
}
#p-modal .modal_sns li:nth-child(3) .icon {
  padding: 11px 0 0 0;
}
#p-modal .modal_date {
  margin: 0 0 35px 0;
  font-size: 12px;
  line-height: 1em;
  font-family: "Arvo", sans-serif;
  font-weight: 700;
  letter-spacing: 0.2em;
  letter-spacing: 0.4em;
}
#p-modal .modal_cat {
  margin: 0 0 60px 0;
  width: 100%;
  height: 38px;
}
#p-modal .modal_block {
  width: 850px;
  margin: 0 auto;
  color: #5a5a5a;
}
#p-modal .modal_block .image {
  margin: 0 0 40px 0;
}
#p-modal .modal_block .image p {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
}
#p-modal .modal_block .image span {
  display: block;
  margin: 15px;
  max-width: 100%;
  overflow: hidden;
}
#p-modal .modal_block h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.9em;
  margin: 0 0 60px 0;
  letter-spacing: 0.08em;
  font-family: "NotoSans-light";
}
#p-modal .modal_block .detail {
  position: relative;
  font-size: 15px;
  line-height: 2em;
}
#p-modal .modal_block .detail p {
  margin-bottom: 1.8em;
}
#p-modal .modal_block .detail a:link, #p-modal .modal_block .detail a:visited {
  color: #FF6FB6;
  text-decoration: none;
}
#p-modal .modal_block .detail a:hover, #p-modal .modal_block .detail a:active {
  color: #ff6fb6;
  text-decoration: underline;
}
#p-modal .modal_close_sp {
  display: none;
}
#p-modal .cat-game .modal_date {
  color: #D1B41E;
}
#p-modal .cat-game .modal_cat {
  background: url("../images/common/modal_game_title.png") left top no-repeat;
}
#p-modal .cat-game .modal_block .image p {
  background-color: #D1B41E;
}
#p-modal .cat-event .modal_date {
  color: #23c1d3;
}
#p-modal .cat-event .modal_cat {
  background: url("../images/common/modal_event_title.png") left top no-repeat;
}
#p-modal .cat-event .modal_block .image p {
  background-color: #23c1d3;
}
#p-modal .cat-goods .modal_date {
  color: #ff605c;
}
#p-modal .cat-goods .modal_cat {
  background: url("../images/common/modal_goods_title.png") left top no-repeat;
}
#p-modal .cat-goods .modal_block .image p {
  background-color: #ff605c;
}
#p-modal .cat-info .modal_date {
  color: #ff54aa;
}
#p-modal .cat-info .modal_cat {
  background: url("../images/common/modal_info_title.png") left top no-repeat;
}
#p-modal .cat-info .modal_block .image p {
  background-color: #ff54aa;
}
#p-modal .cat-media .modal_date {
  color: #3879ff;
}
#p-modal .cat-media .modal_cat {
  background: url("../images/common/modal_media_title.png") left top no-repeat;
}
#p-modal .cat-media .modal_block .image p {
  background-color: #3879ff;
}
#p-modal .cat-music .modal_date {
  color: #78d78a;
}
#p-modal .cat-music .modal_cat {
  background: url("../images/common/modal_music_title.png") left top no-repeat;
}
#p-modal .cat-music .modal_block .image p {
  background-color: #78d78a;
}
#p-modal .cat-books .modal_date {
  color: #6a759d;
}
#p-modal .cat-books .modal_cat {
  background: url("../images/common/modal_books_title.png") left top no-repeat;
}
#p-modal .cat-books .modal_block .image p {
  background-color: #6a759d;
}
#p-modal .page-music .modal_block > h1 {
  display: none;
}
#p-modal .page-music .modal_block .image {
  position: relative;
  margin: 0 0 80px 0;
}
#p-modal .page-music .modal_block .image:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
#p-modal .page-music .modal_block .image iframe {
  width: 100%;
  height: 100%;
}
#p-modal .page-music .modal_block .image p {
  background: #826ee6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 15px solid #826ee6;
}
#p-modal .page-music .modal_block a:link, #p-modal .page-music .modal_block a:visited {
  color: #826ee6;
  text-decoration: none;
}
#p-modal .page-music .modal_block a:hover, #p-modal .page-music .modal_block a:active {
  color: #826ee6;
  text-decoration: underline;
}
#p-modal .page-music .modal_block .detail {
  font-size: 17px;
  line-height: 34px;
}
#p-modal .page-music .modal_cat {
  display: none;
}
#p-modal .page-music .modal_date {
  color: #826ee6;
}

.pc-only {
  display: block;
}

.pc-only-inline {
  display: inline;
}

.sp-only, .sp-only-inline {
  display: none;
}

.sp {
  -webkit-text-size-adjust: 100%;
}
.sp .pc-only, .sp .pc-only-inline {
  display: none;
}
.sp .sp-only {
  display: block;
}
.sp .sp-only-inline {
  display: inline-block;
}
.sp .l-wrapper {
  min-width: 750px;
  width: 750px;
  margin: 0 auto;
}
.sp#loader .loading_num {
  font-size: 22px;
}
.sp .block_inner {
  position: relative;
}
.sp .l-header {
  width: 100%;
  height: auto;
  background: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100;
}
.sp .l-header .l-inner {
  width: 750px;
  padding: 0;
}
.sp .l-header .hamburger {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 1;
  width: 90px;
  height: 90px;
  display: table;
}
.sp .l-header .hamburger a {
  width: 90px;
  height: 90px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.sp .l-header .hamburger_block {
  background-color: #3879ff;
  width: 750px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  text-align: center;
  overflow: hidden;
  border-radius: 0px 0px 0px 500px/0px 0px 0px 600px;
  -webkit-border-top-left-radius: 0px 0px;
  -webkit-border-top-right-radius: 0px 0px;
  -webkit-border-bottom-right-radius: 0px 0px;
  -webkit-border-bottom-left-radius: 500px 600px;
  -moz-border-radius-topleft: 0px 0px;
  -moz-border-radius-topright: 0px 0px;
  -moz-border-radius-bottomright: 0px 0px;
  -moz-border-radius-bottomleft: 500px 600px;
  height: 0;
}
.sp .l-header .nav_title {
  padding: 125px 0 0 0;
  margin: 0 0 60px 0;
  text-align: center;
}
.sp .l-header .nav_block {
  margin: 0 60px;
  zoom: 1;
}
.sp .l-header .nav_block:after {
  content: "";
  clear: both;
  display: block;
}
.sp .l-header .nav_block li {
  width: 170px;
  height: 138px;
  float: left;
  margin: 0 20px 85px 20px;
}
.sp .l-header .nav_block .none {
  pointer-events: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
}
.sp .l-header .nav_block .nav_story {
  padding: 6px 0 0 0;
}
.sp .l-header .nav_block .nav_character {
  padding: 3px 0 0 0;
}
.sp .l-header .nav_block .nav_system {
  padding: 10px 0 0 0;
}
.sp .l-header .nav_block .nav_music {
  padding: 13px 0 0 0;
}
.sp .l-header .nav_sns {
  letter-spacing: -0.5em;
  text-align: center;
  margin: 0 0 50px 0;
}
.sp .l-header .nav_sns li {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 35px;
}
.sp .l-header .nav_sns a {
  display: block;
  width: 77px;
}
.sp .l-header .nav_btn_twitter {
  text-align: center;
}
.sp .l-footer {
  width: 100%;
  min-width: 750px;
  background: url("../images/common/ft_bg_sp.jpg") center center no-repeat;
  background-size: cover;
}
.sp .l-footer .l-inner {
  width: 100%;
  color: #ffffff;
  padding: 80px 0;
}
.sp .l-footer a:link, .sp .l-footer a:visited,
.sp .l-footer a:hover, .sp .l-footer a:active {
  color: #ffffff;
  text-decoration: underline;
}
.sp .l-footer .ft_btn_pagetop {
  position: absolute;
  right: 10px;
  bottom: 65px;
  z-index: 0;
  display: none;
}
.sp .l-footer .ft_sitemap {
  display: none;
}
.sp .l-footer .ft_copyright {
  font-size: 17px;
  letter-spacing: 2px;
}
.sp .l-footer .ft_bnn_sp {
  display: block;
  text-align: center;
  margin: 0 0 75px 0;
}
.sp .l-footer .ft_bnn_sp li {
  margin: 0 0 10px 0;
}
.sp .l-footer .ft_caps_sp {
  display: block;
  text-align: center;
  line-height: 1.6em;
  margin-bottom: 50px;
}
.sp .l-footer .ft_caps_sp p {
  margin-bottom: 2em;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1px;
}
.sp .l-footer .ft_links {
  margin-bottom: 30px;
}
.sp .l-footer .ft_links li {
  margin: 0 20px;
}
.sp .l-footer .ft_links img {
  height: 44px;
  width: auto;
}
.sp .l-footer .ft_textlinks_sp {
  text-align: center;
  margin: 0 0 60px 0;
  display: block;
}
.sp .l-footer .ft_textlinks_sp a {
  color: #FFF;
  text-decoration: none;
  font-size: 24px;
  line-height: 60px;
  letter-spacing: 3px;
}
.sp#p-top .visual {
  position: relative;
}
.sp#p-top .visual .l-inner {
  width: 100%;
  min-width: 750px;
  height: 2303px;
}
.sp#p-top .visual_obi {
  right: auto;
  position: absolute;
  left: 0px;
  top: 655px;
  z-index: 1;
  width: 100%;
  height: 396px;
  background: none;
}
.sp#p-top .visual_obi .copy {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 0;
}
.sp#p-top .visual_obi .copy img {
  width: 650px;
  height: auto;
}
.sp#p-top .visual_obi .logo {
  margin: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.sp#p-top .visual_obi .logo img {
  height: 260px;
  width: auto;
}
.sp#p-top .visual_obi .border,
.sp#p-top .visual_obi .spec,
.sp#p-top .visual_obi .appstore,
.sp#p-top .visual_obi .googleplay {
  display: none;
}
.sp#p-top .visual_obi .cm_sp {
  display: block;
  position: absolute;
  left: 0px;
  top: -123px;
  z-index: 2;
  -webkit-filter: drop-shadow(0px 23px 13px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 23px 13px rgba(0, 0, 0, 0.2));
}
.sp#p-top .visual_wrap {
  width: 100%;
  height: 750px;
  margin: 0;
  left: 0;
  overflow: hidden;
}
.sp#p-top .visual_wrap .visual_list:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/top/main_frame_sp.png") center bottom no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 12;
}
.sp#p-top .visual_wrap li {
  height: 750px;
  width: 100%;
}
.sp#p-top .visual_wrap li img {
  height: auto;
  width: 100%;
  margin: 0 auto;
}
.sp#p-top .visual_cover {
  border-radius: 0px 0px 5000px 5000px/0px 0px 3000px 3000px;
  -webkit-border-top-left-radius: 0px 0px;
  -webkit-border-top-right-radius: 0px 0px;
  -webkit-border-bottom-right-radius: 5000px 3000px;
  -webkit-border-bottom-left-radius: 5000px 3000px;
  -moz-border-radius-topleft: 0px 0px;
  -moz-border-radius-topright: 0px 0px;
  -moz-border-radius-bottomright: 5000px 3000px;
  -moz-border-radius-bottomleft: 5000px 3000px;
}
.sp#p-top .visual_cover.dir {
  border-radius: 5000px 5000px 0px 0px/3000px 3000px 0px 0px;
  -webkit-border-top-left-radius: 5000px 3000px;
  -webkit-border-top-right-radius: 5000px 3000px;
  -webkit-border-bottom-right-radius: 0px 0px;
  -webkit-border-bottom-left-radius: 0px 0px;
  -moz-border-radius-topleft: 5000px 3000px;
  -moz-border-radius-topright: 5000px 3000px;
  -moz-border-radius-bottomright: 0px 0px;
  -moz-border-radius-bottomleft: 0px 0px;
  -moz-transform-origin: 50% 750px;
  -webkit-transform-origin: 50% 750px;
}
.sp#p-top .visual_regist {
  display: none;
}
.sp#p-top .visual_download {
  display: none;
}
.sp#p-top .visual_regist_sp {
  display: block;
  width: 100%;
  height: 1323px;
  right: auto;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 0;
}
.sp#p-top .visual_regist_sp .block_inner {
  width: 100%;
  height: 100%;
}
.sp#p-top .visual_regist_sp .block_inner .button_download {
  position: absolute;
  right: 0px;
  bottom: 60px;
  z-index: 1;
}
.sp#p-top .visual_regist_sp .block_inner .appstore {
  position: absolute;
  left: 135px;
  bottom: 800px;
  z-index: 2;
}
.sp#p-top .visual_regist_sp .block_inner .googleplay {
  position: absolute;
  left: 135px;
  bottom: 700px;
  z-index: 2;
}
.sp#p-top .visual_regist_sp .block_inner .chara1 {
  position: absolute;
  right: 0px;
  bottom: -100px;
  z-index: 1;
}
.sp#p-top .visual_regist_sp .block_inner .chara2 {
  position: absolute;
  right: -20px;
  bottom: 155px;
  z-index: 1;
}
.sp#p-top .visual_regist_sp .block_inner .chara3 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 3;
}
.sp#p-top .visual_regist_sp .block_inner .spec {
  position: absolute;
  right: 0px;
  bottom: -150px;
  z-index: 2;
}
.sp#p-top .banner {
  margin-top: -30px;
}
.sp#p-top .banner .l-inner {
  padding: 30px 0 60px 0;
  width: 680px;
  margin: 0 auto;
  background-color: #ffffff;
}
.sp#p-top .banner .l-inner ul {
  font-size: 0;
  margin: 0 30px;
}
.sp#p-top .banner .l-inner ul li {
  display: block;
  margin: 0 auto 30px;
  text-align: center;
  border: #ccc solid 1px;
  box-sizing: border-box;
}
.sp#p-top .banner .l-inner ul li:last-child {
  margin-bottom: 0;
}
.sp#p-top .banner .l-inner ul img {
  width: 100%;
  height: auto;
}
.sp#p-top .banner .l-inner ul .border_none {
  border: none;
}
.sp#p-top .navigation {
  display: none;
}
.sp#p-top .navigation_sp {
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
}
.sp#p-top .navigation_sp .l-inner {
  width: 100%;
  min-width: 750px;
}
.sp#p-top .navigation_sp .hamburger {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 1;
  width: 90px;
  height: 90px;
  display: table;
}
.sp#p-top .navigation_sp .hamburger a {
  width: 90px;
  height: 90px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.sp#p-top .navigation_sp .hamburger_block {
  background-color: #3879ff;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  text-align: center;
  overflow: hidden;
  border-radius: 0px 0px 0px 500px/0px 0px 0px 600px;
  -webkit-border-top-left-radius: 0px 0px;
  -webkit-border-top-right-radius: 0px 0px;
  -webkit-border-bottom-right-radius: 0px 0px;
  -webkit-border-bottom-left-radius: 500px 600px;
  -moz-border-radius-topleft: 0px 0px;
  -moz-border-radius-topright: 0px 0px;
  -moz-border-radius-bottomright: 0px 0px;
  -moz-border-radius-bottomleft: 500px 600px;
  height: 0;
}
.sp#p-top .navigation_sp .nav_title {
  padding: 125px 0 0 0;
  margin: 0 0 60px 0;
  text-align: center;
}
.sp#p-top .navigation_sp .nav_block {
  margin: 0 60px;
}
.sp#p-top .navigation_sp .nav_block li {
  width: 170px;
  height: 138px;
  float: left;
  margin: 0 20px 85px 20px;
}
.sp#p-top .navigation_sp .nav_block .none {
  pointer-events: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
}
.sp#p-top .navigation_sp .nav_sns {
  letter-spacing: -0.5em;
  text-align: center;
  margin: 0 0 50px 0;
}
.sp#p-top .navigation_sp .nav_sns li {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 35px;
}
.sp#p-top .navigation_sp .nav_btn_twitter {
  text-align: center;
}
.sp#p-top .bannerblock {
  display: none;
}
.sp#p-top .news {
  background: none;
  margin-top: -4px;
}
.sp#p-top .news .l-inner {
  width: 100%;
  min-width: 750px;
  max-width: 100%;
  width: 100%;
  padding: 100px 0 50px 0;
  background-color: #e6e6df;
  text-align: center;
}
.sp#p-top .news .l-inner .news_headline_sp {
  display: block;
  width: 65%;
  height: auto;
  margin: 0 auto 40px;
  border-bottom: 2px solid #fff;
  padding-bottom: 30px;
}
.sp#p-top .news .l-inner .news_headline_sp img {
  width: 80%;
  height: auto;
}
.sp#p-top .news .l-inner-wide {
  width: 100%;
  min-width: 750px;
  margin: 0 auto;
  padding: 0 0 135px 0;
  background: url("../images/top/news_more_bg_sp.png") center bottom no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.sp#p-top .news_list {
  padding: 0;
  min-height: 600px;
  margin: 0 15px;
  padding: 0;
}
.sp#p-top .news_list .w_short {
  width: 100%;
}
.sp#p-top .news_list li {
  width: 340px;
  height: 450px;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px 20px 10px;
  background: none;
}
.sp#p-top .news_list li:before {
  width: 102px;
  height: 37px;
  position: absolute;
  right: -10px;
  bottom: 136px;
  z-index: 2;
}
.sp#p-top .news_list li.new:after {
  width: 58px;
  height: 58px;
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: 2;
}
.sp#p-top .news_list li:last-child {
  display: none;
}
.sp#p-top .news_list .news_headline {
  display: none;
}
.sp#p-top .news_list a {
  width: 340px;
  height: 450px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
  background-color: #ffffff;
}
.sp#p-top .news_list .img {
  width: 100%;
  height: 260px;
}
.sp#p-top .news_list .view {
  display: none;
}
.sp#p-top .news_list .date {
  margin: 300px 20px 10px 20px;
  font-size: 22px;
}
.sp#p-top .news_list .text {
  margin: 0 20px;
  font-size: 24px;
  line-height: 1.5em;
  letter-spacing: normal;
}
.sp#p-top .news_list .border {
  display: none;
}
.sp#p-top .news_list .cat_books:before {
  background: url("../images/top/news_tag_books_sp.png") left top no-repeat;
}
.sp#p-top .news_list .cat_event:before {
  background: url("../images/top/news_tag_event_sp.png") left top no-repeat;
}
.sp#p-top .news_list .cat_game:before {
  background: url("../images/top/news_tag_game_sp.png") left top no-repeat;
}
.sp#p-top .news_list .cat_goods:before {
  background: url("../images/top/news_tag_goods_sp.png") left top no-repeat;
}
.sp#p-top .news_list .cat_info:before {
  background: url("../images/top/news_tag_info_sp.png") left top no-repeat;
}
.sp#p-top .news_list .cat_media:before {
  background: url("../images/top/news_tag_media_sp.png") left top no-repeat;
}
.sp#p-top .news_list .cat_music:before {
  background: url("../images/top/news_tag_music_sp.png") left top no-repeat;
}
.sp#p-top .news_list .cat_books,
.sp#p-top .news_list .cat_event,
.sp#p-top .news_list .cat_game,
.sp#p-top .news_list .cat_goods,
.sp#p-top .news_list .cat_info,
.sp#p-top .news_list .cat_media,
.sp#p-top .news_list .cat_music, .sp#p-top .news_list:before, .sp#p-top .news_list.new:after {
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.sp#p-top .news_list .blank1 {
  display: none;
}
.sp#p-top .news_list .blank2 {
  display: none;
}
.sp#p-top .news_more {
  width: 100%;
  height: auto;
}
.sp#p-top .news_more .border {
  width: 1px;
  height: 55px;
  margin: 0 auto;
}
.sp#p-top .news_more .button {
  padding: 30px 0 0 0;
  margin: 0 0 20px 0;
}
.sp#p-top .news_more .button img {
  width: 440px;
  height: auto;
}
.sp#p-top .news_more .text img {
  width: 383px;
  height: auto;
}
.sp#p-top .news_more .chara_sp {
  position: absolute;
  left: 40px;
  bottom: -80px;
  z-index: 5;
}
.sp#p-top .movie {
  position: relative;
  z-index: 0;
  background: none;
  margin: -84px 0 0 0;
}
.sp#p-top .movie .l-inner {
  width: 100%;
  min-width: 750px;
  padding: 0 0 100px 0;
}
.sp#p-top .movie h2 {
  position: absolute;
  left: 50%;
  top: 15%;
  z-index: 2;
  width: 80%;
  height: auto;
  margin: 0 0 0 -40%;
  border-bottom: #ffffff solid 2px;
  padding-bottom: 30px;
}
.sp#p-top .movie h2 img {
  width: 88%;
  height: auto;
  margin: 0 auto;
}
.sp#p-top .movie_block {
  width: 100%;
  height: 1034px;
  position: relative;
  z-index: 1;
}
.sp#p-top .movie_frame {
  display: none;
}
.sp#p-top .movie_thumb {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 0;
  height: auto;
}
.sp#p-top .movie_thumb img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 0;
}
.sp#p-top .movie_cover {
  display: none;
}
.sp#p-top .movie_detail {
  position: relative;
}
.sp#p-top .movie_detail .box {
  padding: 120px 0 0 0;
}
.sp#p-top .movie_detail h3 {
  margin: 0 0 55px 0;
}
.sp#p-top .movie_detail h3 img {
  width: 34%;
  height: auto;
}
.sp#p-top .movie_detail .copy {
  margin: 0 0 80px 0;
}
.sp#p-top .movie_detail .copy img {
  width: 80%;
  height: auto;
}
.sp#p-top .movie_detail .button {
  width: 160px;
  margin: 0 auto;
}
.sp#p-top .movie_detail .button_icon {
  margin: 0;
}
.sp#p-top .movie_detail .button_icon img {
  width: 100%;
  height: auto;
}
.sp#p-top .movie_detail .button_text {
  display: none;
}
.sp#p-top .movie_more {
  background: none;
  height: auto;
}
.sp#p-top .movie_more .chara {
  display: none;
}
.sp#p-top .movie_more .border {
  padding: 40px 0 0 0;
  margin: 0 auto 30px auto;
}
.sp#p-top .movie_more .border p {
  width: 1px;
  height: 55px;
  background-color: #000000;
  margin: 0 auto 30px auto;
}
.sp#p-top .movie_more .button {
  margin: 0 0 30px 0;
}
.sp#p-top .movie_more .button img {
  width: 630px;
  height: auto;
}
.sp#p-top .movie_more .text img {
  width: 544px;
  height: auto;
}
.sp#p-top .twitter {
  background: url("../images/top/twitter_bg_sp.png") center top no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 1792px;
}
.sp#p-top .twitter .l-inner {
  width: 100%;
  min-width: 750px;
  padding: 110px 0 50px 0;
}
.sp#p-top .twitter h2 {
  width: 40%;
  height: auto;
  margin: 0 auto 40px auto;
  border-bottom: #ffffff solid 2px;
  padding-bottom: 30px;
}
.sp#p-top .twitter h2 img {
  width: 80%;
  height: auto;
}
.sp#p-top .twitter .twitter_subcopy {
  display: none;
}
.sp#p-top .twitter_wijet {
  background: none;
  padding: 0;
  margin: 0 auto 460px auto;
  height: 780px;
  position: relative;
}
.sp#p-top .twitter_wijet .wijet_icon {
  display: none;
}
.sp#p-top .twitter_wijet .wijet_head_sp {
  display: block;
  background-color: #e6e6df;
  border-radius: 5px 5px 0px 0px/5px 5px 0px 0px;
  -webkit-border-top-left-radius: 5px 5px;
  -webkit-border-top-right-radius: 5px 5px;
  -webkit-border-bottom-right-radius: 0px 0px;
  -webkit-border-bottom-left-radius: 0px 0px;
  -moz-border-radius-topleft: 5px 5px;
  -moz-border-radius-topright: 5px 5px;
  -moz-border-radius-bottomright: 0px 0px;
  -moz-border-radius-bottomleft: 0px 0px;
  margin: 0 auto;
  width: 88%;
  position: relative;
  zoom: 1;
}
.sp#p-top .twitter_wijet .wijet_head_sp:after {
  content: "";
  clear: both;
  display: block;
}
.sp#p-top .twitter_wijet .wijet_head_sp .title {
  padding: 26px 0 24px 26px;
}
.sp#p-top .twitter_wijet .wijet_head_sp .button {
  position: absolute;
  right: 26px;
  top: 26px;
  z-index: 0;
}
.sp#p-top .twitter_wijet .wijet {
  width: 88%;
  height: 676px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 0px 0px 5px 5px/0px 0px 5px 5px;
  -webkit-border-top-left-radius: 0px 0px;
  -webkit-border-top-right-radius: 0px 0px;
  -webkit-border-bottom-right-radius: 5px 5px;
  -webkit-border-bottom-left-radius: 5px 5px;
  -moz-border-radius-topleft: 0px 0px;
  -moz-border-radius-topright: 0px 0px;
  -moz-border-radius-bottomright: 5px 5px;
  -moz-border-radius-bottomleft: 5px 5px;
  overflow: hidden;
}
.sp#p-top .twitter_wijet .wijet iframe {
  height: 676px !important;
}
.sp#p-top .twitter_wijet .wijet_chara_sp {
  display: block;
  position: absolute;
  left: 0px;
  bottom: -418px;
  z-index: 1;
}
.sp#p-top .twitter_more .border {
  width: 1px;
  height: 55px;
  background-color: #cecccd;
  margin: 0 auto 20px auto;
}
.sp#p-top .twitter_more .button {
  margin: 0 0 20px 0;
}
.sp#p-top .twitter_more .button img {
  width: 630px;
  height: auto;
}
.sp#p-top .twitter_more .text img {
  width: 580px;
  height: auto;
}
.sp#p-top .share {
  display: none;
}
.sp#p-news .pagetitle .l-inner {
  padding: 75px 0 45px 0;
  width: 750px;
}
.sp#p-news .pagetitle h2 {
  width: 270px;
  border-bottom: #505050 solid 4px;
  padding: 0 0 25px 0;
}
.sp#p-news .pagetitle h2 img {
  height: 30px;
  width: auto;
}
.sp#p-news .sortnav {
  background: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 90;
  height: 100%;
  overflow: auto;
  width: 80px;
  height: 130px;
}
.sp#p-news .sortnav .l-inner {
  width: 100%;
  width: 750px;
  padding: 0;
}
.sp#p-news .sortnav .sortnav_button,
.sp#p-news .sortnav .sortnav_head {
  display: block;
}
.sp#p-news .sortnav .sortnav_button {
  position: fixed;
  left: 0px;
  top: 50px;
  z-index: 50;
  width: 80px;
  height: 80px;
}
.sp#p-news .sortnav .sortnav_head {
  margin: 0 0 70px 120px;
  padding: 170px 0 0 0;
}
.sp#p-news .sortnav .sortnav_block {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  width: 500px;
  height: 1560px;
  overflow: auto;
  background-color: #fff76c;
  margin-left: -500px;
}
.sp#p-news .sortnav ul {
  margin-left: 120px;
  letter-spacing: normal;
  text-align: left;
}
.sp#p-news .sortnav li {
  width: 100%;
  display: block;
  background: none;
  margin: 0 0 65px 0;
}
.sp#p-news .sortnav li img {
  height: 60px;
  width: auto;
}
.sp#p-news .sortnav a {
  display: block;
  line-height: 1em;
  padding: 0;
}
.sp#p-news .sortnav a img {
  vertical-align: middle;
}
.sp#p-news .sortnav .all {
  background: none;
}
.sp#p-news .sortnav .none {
  pointer-events: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
}
.sp#p-news .news {
  background: none;
  margin-top: -4px;
}
.sp#p-news .news .l-inner {
  width: 100%;
  min-width: 750px;
  max-width: 100%;
  width: 100%;
  padding: 100px 0 50px 0;
  background-color: #e6e6df;
  text-align: center;
}
.sp#p-news .news .l-inner .news_headline_sp {
  display: block;
  width: 65%;
  height: auto;
  margin: 0 auto 40px;
  border-bottom: 2px solid #fff;
  padding-bottom: 30px;
}
.sp#p-news .news .l-inner .news_headline_sp img {
  width: 80%;
  height: auto;
}
.sp#p-news .news .l-inner-wide {
  width: 100%;
  min-width: 750px;
  margin: 0 auto;
  padding: 0 0 135px 0;
  background: url("../images/top/news_more_bg_sp.png") center bottom no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.sp#p-news .news_list {
  padding: 0;
  min-height: 600px;
  margin: 0 15px;
  padding: 0;
}
.sp#p-news .news_list .w_short {
  width: 100%;
}
.sp#p-news .news_list li {
  width: 340px;
  height: 450px;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px 20px 10px;
  background: none;
}
.sp#p-news .news_list li:before {
  width: 102px;
  height: 37px;
  position: absolute;
  right: -10px;
  bottom: 136px;
  z-index: 2;
}
.sp#p-news .news_list li.new:after {
  width: 58px;
  height: 58px;
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: 2;
}
.sp#p-news .news_list li:last-child {
  display: none;
}
.sp#p-news .news_list .news_headline {
  display: none;
}
.sp#p-news .news_list a {
  width: 340px;
  height: 450px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
  background-color: #ffffff;
}
.sp#p-news .news_list .img {
  width: 100%;
  height: 260px;
}
.sp#p-news .news_list .view {
  display: none;
}
.sp#p-news .news_list .date {
  margin: 300px 20px 10px 20px;
  font-size: 22px;
}
.sp#p-news .news_list .text {
  margin: 0 20px;
  font-size: 24px;
  line-height: 1.5em;
  letter-spacing: normal;
}
.sp#p-news .news_list .border {
  display: none;
}
.sp#p-news .news_list .cat_books:before {
  background: url("../images/top/news_tag_books_sp.png") left top no-repeat;
}
.sp#p-news .news_list .cat_event:before {
  background: url("../images/top/news_tag_event_sp.png") left top no-repeat;
}
.sp#p-news .news_list .cat_game:before {
  background: url("../images/top/news_tag_game_sp.png") left top no-repeat;
}
.sp#p-news .news_list .cat_goods:before {
  background: url("../images/top/news_tag_goods_sp.png") left top no-repeat;
}
.sp#p-news .news_list .cat_info:before {
  background: url("../images/top/news_tag_info_sp.png") left top no-repeat;
}
.sp#p-news .news_list .cat_media:before {
  background: url("../images/top/news_tag_media_sp.png") left top no-repeat;
}
.sp#p-news .news_list .cat_music:before {
  background: url("../images/top/news_tag_music_sp.png") left top no-repeat;
}
.sp#p-news .news_list .cat_books,
.sp#p-news .news_list .cat_event,
.sp#p-news .news_list .cat_game,
.sp#p-news .news_list .cat_goods,
.sp#p-news .news_list .cat_info,
.sp#p-news .news_list .cat_media,
.sp#p-news .news_list .cat_music, .sp#p-news .news_list:before, .sp#p-news .news_list.new:after {
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.sp#p-news .news_list .blank1 {
  display: none;
}
.sp#p-news .news_list .blank2 {
  display: none;
}
.sp#p-news .news_more {
  width: 100%;
  height: auto;
}
.sp#p-news .news_more .border {
  width: 1px;
  height: 55px;
  margin: 0 auto;
}
.sp#p-news .news_more .button {
  padding: 30px 0 0 0;
  margin: 0 0 20px 0;
}
.sp#p-news .news_more .button img {
  width: 440px;
  height: auto;
}
.sp#p-news .news_more .text img {
  width: 383px;
  height: auto;
}
.sp#p-news .news_more .chara_sp {
  position: absolute;
  left: 40px;
  bottom: -80px;
  z-index: 5;
}
.sp#p-news .news .l-inner {
  padding-top: 0;
}
.sp#p-news .news .l-inner-wide {
  background-image: none;
  background-color: #e6e6df;
}
.sp#p-news .news_more {
  width: 750px;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 0 0;
  margin-top: -4px;
}
.sp#p-news .news_more .border {
  width: 1px;
  height: 55px;
  font-size: 1px;
  line-height: 1px;
  background-color: #000000;
  margin: 0 auto 17px auto;
}
.sp#p-news .news_more .button {
  margin: 0 0 35px 0;
}
.sp#p-news .news_more img {
  height: auto;
}
.sp#p-news .news_list li:last-child {
  display: block;
}
.sp#p-music {
  background: #826ee6;
}
.sp#p-music .pagetitle {
  background: #826ee6;
}
.sp#p-music .pagetitle .l-inner {
  padding: 75px 0 45px 0;
  width: 750px;
}
.sp#p-music .pagetitle h2 {
  width: 270px;
  border-bottom: #fff solid 4px;
  padding: 0 0 25px 0;
}
.sp#p-music .pagetitle h2 img {
  height: 30px;
  width: auto;
}
.sp#p-music .news {
  background: none;
  margin-top: -4px;
}
.sp#p-music .news .l-inner {
  width: 100%;
  min-width: 750px;
  max-width: 100%;
  width: 100%;
  padding: 100px 0 50px 0;
  background-color: #e6e6df;
  text-align: center;
}
.sp#p-music .news .l-inner .news_headline_sp {
  display: block;
  width: 65%;
  height: auto;
  margin: 0 auto 40px;
  border-bottom: 2px solid #fff;
  padding-bottom: 30px;
}
.sp#p-music .news .l-inner .news_headline_sp img {
  width: 80%;
  height: auto;
}
.sp#p-music .news .l-inner-wide {
  width: 100%;
  min-width: 750px;
  margin: 0 auto;
  padding: 0 0 135px 0;
  background: url("../images/top/news_more_bg_sp.png") center bottom no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.sp#p-music .news_list {
  padding: 0;
  min-height: 600px;
  margin: 0 15px;
  padding: 0;
}
.sp#p-music .news_list .w_short {
  width: 100%;
}
.sp#p-music .news_list li {
  width: 340px;
  height: 450px;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px 20px 10px;
  background: none;
}
.sp#p-music .news_list li:before {
  width: 102px;
  height: 37px;
  position: absolute;
  right: -10px;
  bottom: 136px;
  z-index: 2;
}
.sp#p-music .news_list li.new:after {
  width: 58px;
  height: 58px;
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: 2;
}
.sp#p-music .news_list li:last-child {
  display: none;
}
.sp#p-music .news_list .news_headline {
  display: none;
}
.sp#p-music .news_list a {
  width: 340px;
  height: 450px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
  background-color: #ffffff;
}
.sp#p-music .news_list .img {
  width: 100%;
  height: 260px;
}
.sp#p-music .news_list .view {
  display: none;
}
.sp#p-music .news_list .date {
  margin: 300px 20px 10px 20px;
  font-size: 22px;
}
.sp#p-music .news_list .text {
  margin: 0 20px;
  font-size: 24px;
  line-height: 1.5em;
  letter-spacing: normal;
}
.sp#p-music .news_list .border {
  display: none;
}
.sp#p-music .news_list .cat_books:before {
  background: url("../images/top/news_tag_books_sp.png") left top no-repeat;
}
.sp#p-music .news_list .cat_event:before {
  background: url("../images/top/news_tag_event_sp.png") left top no-repeat;
}
.sp#p-music .news_list .cat_game:before {
  background: url("../images/top/news_tag_game_sp.png") left top no-repeat;
}
.sp#p-music .news_list .cat_goods:before {
  background: url("../images/top/news_tag_goods_sp.png") left top no-repeat;
}
.sp#p-music .news_list .cat_info:before {
  background: url("../images/top/news_tag_info_sp.png") left top no-repeat;
}
.sp#p-music .news_list .cat_media:before {
  background: url("../images/top/news_tag_media_sp.png") left top no-repeat;
}
.sp#p-music .news_list .cat_music:before {
  background: url("../images/top/news_tag_music_sp.png") left top no-repeat;
}
.sp#p-music .news_list .cat_books,
.sp#p-music .news_list .cat_event,
.sp#p-music .news_list .cat_game,
.sp#p-music .news_list .cat_goods,
.sp#p-music .news_list .cat_info,
.sp#p-music .news_list .cat_media,
.sp#p-music .news_list .cat_music, .sp#p-music .news_list:before, .sp#p-music .news_list.new:after {
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.sp#p-music .news_list .blank1 {
  display: none;
}
.sp#p-music .news_list .blank2 {
  display: none;
}
.sp#p-music .news_more {
  width: 100%;
  height: auto;
}
.sp#p-music .news_more .border {
  width: 1px;
  height: 55px;
  margin: 0 auto;
}
.sp#p-music .news_more .button {
  padding: 30px 0 0 0;
  margin: 0 0 20px 0;
}
.sp#p-music .news_more .button img {
  width: 440px;
  height: auto;
}
.sp#p-music .news_more .text img {
  width: 383px;
  height: auto;
}
.sp#p-music .news_more .chara_sp {
  position: absolute;
  left: 40px;
  bottom: -80px;
  z-index: 5;
}
.sp#p-music .news .l-inner {
  background: none;
  padding-top: 0;
}
.sp#p-music .news .l-inner-wide {
  background-image: none;
  background-color: #826ee6;
}
.sp#p-music .news_more {
  width: 750px;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 0 0;
  margin-top: -4px;
}
.sp#p-music .news_more .border {
  width: 1px;
  height: 55px;
  font-size: 1px;
  line-height: 1px;
  background-color: #000000;
  margin: 0 auto 17px auto;
}
.sp#p-music .news_more .button {
  margin: 0 0 35px 0;
}
.sp#p-music .news_more img {
  height: auto;
}
.sp#p-music .news_list li:last-child {
  display: block;
}
.sp#p-special {
  background: url("../images/special/main_bg.png") center top repeat;
}
.sp#p-special .pagetitle .l-inner {
  padding: 75px 0 45px 0;
  width: 750px;
}
.sp#p-special .pagetitle h2 {
  width: 270px;
  border-bottom: #505050 solid 4px;
  padding: 0 0 25px 0;
}
.sp#p-special .pagetitle h2 img {
  height: 30px;
  width: auto;
}
.sp#p-special .news {
  background: none;
  margin-top: -4px;
}
.sp#p-special .news .l-inner {
  width: 100%;
  min-width: 750px;
  max-width: 100%;
  width: 100%;
  padding: 100px 0 50px 0;
  background-color: #e6e6df;
  text-align: center;
}
.sp#p-special .news .l-inner .news_headline_sp {
  display: block;
  width: 65%;
  height: auto;
  margin: 0 auto 40px;
  border-bottom: 2px solid #fff;
  padding-bottom: 30px;
}
.sp#p-special .news .l-inner .news_headline_sp img {
  width: 80%;
  height: auto;
}
.sp#p-special .news .l-inner-wide {
  width: 100%;
  min-width: 750px;
  margin: 0 auto;
  padding: 0 0 135px 0;
  background: url("../images/top/news_more_bg_sp.png") center bottom no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.sp#p-special .news_list {
  padding: 0;
  min-height: 600px;
  margin: 0 15px;
  padding: 0;
}
.sp#p-special .news_list .w_short {
  width: 100%;
}
.sp#p-special .news_list li {
  width: 340px;
  height: 450px;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px 20px 10px;
  background: none;
}
.sp#p-special .news_list li:before {
  width: 102px;
  height: 37px;
  position: absolute;
  right: -10px;
  bottom: 136px;
  z-index: 2;
}
.sp#p-special .news_list li.new:after {
  width: 58px;
  height: 58px;
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: 2;
}
.sp#p-special .news_list li:last-child {
  display: none;
}
.sp#p-special .news_list .news_headline {
  display: none;
}
.sp#p-special .news_list a {
  width: 340px;
  height: 450px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
  background-color: #ffffff;
}
.sp#p-special .news_list .img {
  width: 100%;
  height: 260px;
}
.sp#p-special .news_list .view {
  display: none;
}
.sp#p-special .news_list .date {
  margin: 300px 20px 10px 20px;
  font-size: 22px;
}
.sp#p-special .news_list .text {
  margin: 0 20px;
  font-size: 24px;
  line-height: 1.5em;
  letter-spacing: normal;
}
.sp#p-special .news_list .border {
  display: none;
}
.sp#p-special .news_list .cat_books:before {
  background: url("../images/top/news_tag_books_sp.png") left top no-repeat;
}
.sp#p-special .news_list .cat_event:before {
  background: url("../images/top/news_tag_event_sp.png") left top no-repeat;
}
.sp#p-special .news_list .cat_game:before {
  background: url("../images/top/news_tag_game_sp.png") left top no-repeat;
}
.sp#p-special .news_list .cat_goods:before {
  background: url("../images/top/news_tag_goods_sp.png") left top no-repeat;
}
.sp#p-special .news_list .cat_info:before {
  background: url("../images/top/news_tag_info_sp.png") left top no-repeat;
}
.sp#p-special .news_list .cat_media:before {
  background: url("../images/top/news_tag_media_sp.png") left top no-repeat;
}
.sp#p-special .news_list .cat_music:before {
  background: url("../images/top/news_tag_music_sp.png") left top no-repeat;
}
.sp#p-special .news_list .cat_books,
.sp#p-special .news_list .cat_event,
.sp#p-special .news_list .cat_game,
.sp#p-special .news_list .cat_goods,
.sp#p-special .news_list .cat_info,
.sp#p-special .news_list .cat_media,
.sp#p-special .news_list .cat_music, .sp#p-special .news_list:before, .sp#p-special .news_list.new:after {
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.sp#p-special .news_list .blank1 {
  display: none;
}
.sp#p-special .news_list .blank2 {
  display: none;
}
.sp#p-special .news_more {
  width: 100%;
  height: auto;
}
.sp#p-special .news_more .border {
  width: 1px;
  height: 55px;
  margin: 0 auto;
}
.sp#p-special .news_more .button {
  padding: 30px 0 0 0;
  margin: 0 0 20px 0;
}
.sp#p-special .news_more .button img {
  width: 440px;
  height: auto;
}
.sp#p-special .news_more .text img {
  width: 383px;
  height: auto;
}
.sp#p-special .news_more .chara_sp {
  position: absolute;
  left: 40px;
  bottom: -80px;
  z-index: 5;
}
.sp#p-special .news {
  background: none;
}
.sp#p-special .news .l-inner {
  padding-top: 0;
  background: none;
}
.sp#p-special .news .l-inner-wide {
  background: none;
}
.sp#p-special .news_list li:last-child {
  display: block;
}
.sp#p-special .news_list li:before {
  display: none;
}
.sp#p-special .news_list li.new:after {
  width: 58px;
  height: 58px;
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: 2;
  background: url("../images/top/news_icon_info.png") left top no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.sp#p-special .news_list li .date {
  color: #ff6fb6;
}
.sp#p-special .news_list .text {
  height: 75px;
  overflow: hidden;
}
.sp#p-special .special_twitter_icon .l-inner {
  width: 750px;
  padding: 50px 0 130px 0;
}
.sp#p-special .special_twitter_icon_wrap {
  width: 80%;
  margin: 0 auto;
}
.sp#p-special .special_twitter_icon_wrap .special_icon_text {
  font-size: 26px;
  margin: 0 0 50px 0;
}
.sp#p-special .special_twitter_icon_wrap .special_icon_image ul {
  letter-spacing: -0.5em;
  margin: 0 0 40px 0;
}
.sp#p-special .special_twitter_icon_wrap .special_icon_image li {
  display: inline-block;
  margin: 0 20px 20px 0;
}
.sp#p-special .special_twitter_icon_wrap .special_icon_image img {
  height: 180px;
  width: auto;
}
.sp#p-special .special_twitter_icon_wrap .special_icon_image_name {
  font-size: 38px;
  margin: 0 0 40px 0;
}
.sp#p-special .special_twitter_icon_wrap .special_icon_image_name span {
  border-bottom: 4px solid #5a5a5a;
}
.sp#p-special .special_twitter_icon_wrap .special_icon_btn {
  text-align: center;
}
.sp#p-special .special_twitter_icon_wrap .special_icon_btn p {
  display: inline-block;
}
.sp#p-special .special_twitter_icon_wrap .special_icon_btn a {
  font-size: 24px;
  display: block;
  border: 2px solid #5a5a5a;
  text-decoration: none;
  color: #5a5a5a;
  font-family: "Arvo", sans-serif;
  font-weight: 400;
  padding: 20px 80px;
  letter-spacing: 0.1em;
}
.sp#p-special .teamtitle_sp .l-inner,
.sp#p-special .teamtitle_su .l-inner,
.sp#p-special .teamtitle_au .l-inner,
.sp#p-special .teamtitle_wi .l-inner,
.sp#p-special .teamtitle_act2 .l-inner {
  padding: 145px 0 30px 0;
}
.sp#p-special .teamtitle_sp h2,
.sp#p-special .teamtitle_su h2,
.sp#p-special .teamtitle_au h2,
.sp#p-special .teamtitle_wi h2,
.sp#p-special .teamtitle_act2 h2 {
  margin: 0 0 0 40px;
}
.sp#p-special .teamtitle_sp h2 img,
.sp#p-special .teamtitle_su h2 img,
.sp#p-special .teamtitle_au h2 img,
.sp#p-special .teamtitle_wi h2 img,
.sp#p-special .teamtitle_act2 h2 img {
  width: 465px;
  height: auto;
}
.sp#p-special .teamtitle_act2 h2 img {
  width: 332px;
  height: auto;
}
.sp#p-special .interview_block .block_inner {
  width: 750px;
}
.sp#p-special .interview_head {
  height: 650px;
}
.sp#p-special .interview_head .int, .sp#p-special .interview_head .chara_name, .sp#p-special .interview_head h3, .sp#p-special .interview_head .chara {
  display: none;
}
.sp#p-special .interview_head .btn {
  margin: 0;
  position: absolute;
  left: 0px;
  top: 480px;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.sp#p-special .interview_head .btn img {
  width: 260px;
  height: auto;
}
.sp#p-special .interview_detail {
  display: none;
}
.sp#p-special .interview_detail .block_inner {
  width: 600px;
  padding: 190px 0 150px 0;
}
.sp#p-special .interview_detail h4 {
  margin: 0 0 610px 0;
}
.sp#p-special .interview_detail h4 img {
  width: 305px;
  height: auto;
  vertical-align: top;
}
.sp#p-special .interview_detail dl {
  display: block;
  margin: 0 0 110px 0;
}
.sp#p-special .interview_detail dt {
  font-size: 28px;
  line-height: 1.9em;
}
.sp#p-special .interview_detail dd {
  font-size: 28px;
  line-height: 1.9em;
}
.sp#p-special .interview_detail .ph {
  position: absolute;
  left: 0px;
  top: 390px;
  z-index: 0;
  width: 100%;
  display: block;
  text-align: center;
}
.sp#p-special .interview_detail .ph img {
  width: 580px;
  height: auto;
}
.sp#p-special .interview_detail .buttons {
  position: relative;
  left: auto;
  bottom: auto;
  width: 100%;
}
.sp#p-special .interview_detail .buttons_sns {
  margin: 0 0 130px 0;
}
.sp#p-special .interview_detail .buttons_sns li {
  margin: 0 40px;
  display: inline-block;
  width: auto;
  height: auto;
}
.sp#p-special .interview_detail .buttons_sns li img {
  height: 65px;
  width: auto;
}
.sp#p-special .interview_detail .buttons_sns a {
  width: auto;
  height: auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
.sp#p-special .interview_detail .buttons_sns li:nth-child(1) .icon {
  padding: 0;
}
.sp#p-special .interview_detail .buttons_sns li:nth-child(2) .icon {
  padding: 0;
}
.sp#p-special .interview_detail .buttons_sns li:nth-child(3) .icon {
  padding: 0;
}
.sp#p-special .interview_detail .buttons_close {
  padding: 0;
}
.sp#p-special .interview_detail .buttons_close img {
  height: 85px;
  width: auto;
}
.sp#p-special .interview_block.sp1 .interview_head {
  background: url("../../interview/images/sp1_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.sp2 .interview_head {
  background: url("../../interview/images/sp2_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.sp3 .interview_head {
  background: url("../../interview/images/sp3_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.sp4 .interview_head {
  background: url("../../interview/images/sp4_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.sp5 .interview_head {
  background: url("../../interview/images/sp5_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.su1 .interview_head {
  background: url("../../interview/images/su1_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.su2 .interview_head {
  background: url("../../interview/images/su2_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.su3 .interview_head {
  background: url("../../interview/images/su3_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.su4 .interview_head {
  background: url("../../interview/images/su4_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.su5 .interview_head {
  background: url("../../interview/images/su5_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.au1 .interview_head {
  background: url("../../interview/images/au1_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.au2 .interview_head {
  background: url("../../interview/images/au2_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.au3 .interview_head {
  background: url("../../interview/images/au3_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.au4 .interview_head {
  background: url("../../interview/images/au4_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.au5 .interview_head {
  background: url("../../interview/images/au5_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.wi1 .interview_head {
  background: url("../../interview/images/wi1_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.wi2 .interview_head {
  background: url("../../interview/images/wi2_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.wi3 .interview_head {
  background: url("../../interview/images/wi3_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.wi4 .interview_head {
  background: url("../../interview/images/wi4_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.wi5 .interview_head {
  background: url("../../interview/images/wi5_bg_sp.png") center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.act2_1 .interview_head {
  background: url("../../interview/images/act2_1_bg_sp.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.act2_2 .interview_head {
  background: url("../../interview/images/act2_2_bg_sp.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.act2_3 .interview_head {
  background: url("../../interview/images/act2_3_bg_sp.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-special .interview_block.act2_4 .interview_head {
  background: url("../../interview/images/act2_4_bg_sp.png") center top repeat-x;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}
.sp#p-story .block_inner {
  position: relative;
}
.sp#p-story .pagetitle .l-inner {
  width: 750px;
  height: 1165px;
}
.sp#p-story .pagetitle h2 {
  width: 260px;
  border-bottom: #505050 solid 4px;
  padding: 75px 0 25px 0;
}
.sp#p-story .pagetitle h2 img {
  height: 30px;
  width: auto;
}
.sp#p-story .pagetitle_copy {
  width: 626px;
  height: 184px;
  position: absolute;
  left: 50%;
  top: 231px;
  margin-left: -313px;
  z-index: 5;
}
.sp#p-story .pagetitle_copy .copy1 {
  position: absolute;
  left: 0px;
  top: 5px;
  z-index: 0;
}
.sp#p-story .pagetitle_copy .copy1 img {
  width: 307px;
  height: auto;
}
.sp#p-story .pagetitle_copy .copy2 {
  position: absolute;
  left: 0px;
  top: 93px;
  z-index: 0;
}
.sp#p-story .pagetitle_copy .copy2 img {
  width: 194px;
  height: auto;
}
.sp#p-story .pagetitle_copy .copy3 {
  position: absolute;
  left: 0px;
  top: 149px;
  z-index: 0;
}
.sp#p-story .pagetitle_copy .copy3 img {
  width: 308px;
  height: auto;
}
.sp#p-story .pagetitle_copy .frame {
  position: absolute;
  left: 0px;
  top: 12px;
  z-index: 0;
}
.sp#p-story .pagetitle_copy .frame img {
  width: 100%;
  height: auto;
}
.sp#p-story .pagetitle_img {
  position: absolute;
  left: 50%;
  top: 675px;
  margin-left: -225px;
  z-index: 3;
}
.sp#p-story .pagetitle_img img {
  width: 450px;
  height: 451px;
}
.sp#p-story .pagetitle_circle {
  width: 1224px;
  height: 1224px;
  -webkit-border-radius: 612px;
  -moz-border-radius: 612px;
  border-radius: 612px;
  position: absolute;
  left: 50%;
  top: -612px;
  margin-left: -612px;
  z-index: 1;
  background-color: #ffffff;
}
.sp#p-story .pagetitle_flower1 {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -375px;
  z-index: 2;
}
.sp#p-story .pagetitle_flower1 img {
  width: 750px;
  height: auto;
}
.sp#p-story .pagetitle_flower2 {
  position: absolute;
  left: 50%;
  top: 129px;
  margin-left: -375px;
  z-index: 2;
}
.sp#p-story .pagetitle_flower2 img {
  width: 750px;
  height: auto;
}
.sp#p-story .pagetitle_flower3 {
  position: absolute;
  left: 50%;
  top: 262px;
  margin-left: 0px;
  z-index: 2;
  margin-left: 158px;
  left: 0;
}
.sp#p-story .pagetitle_flower3 img {
  width: 592px;
  height: auto;
}
.sp#p-story .scene1 {
  margin-top: -4px;
}
.sp#p-story .scene1 .l-inner {
  width: 750px;
  height: 1763px;
}
.sp#p-story .s1_text1 {
  position: absolute;
  left: 60px;
  top: 5px;
  z-index: 0;
  margin-left: 0;
}
.sp#p-story .s1_text1 img {
  width: 615px;
  height: auto;
}
.sp#p-story .s1_text2 {
  position: absolute;
  left: 365px;
  top: 550px;
  z-index: 0;
  margin-left: 0;
}
.sp#p-story .s1_text2 img {
  width: 322px;
  height: auto;
}
.sp#p-story .s1_text3 {
  position: absolute;
  left: 60px;
  top: 950px;
  z-index: 1;
  margin-left: 0;
}
.sp#p-story .s1_text3 img {
  width: 434px;
  height: auto;
}
.sp#p-story .s1_chara {
  position: absolute;
  left: 400px;
  top: 905px;
  z-index: 0;
  margin-left: 0;
}
.sp#p-story .s1_chara .seal {
  position: absolute;
  left: -30px;
  top: 430px;
  z-index: 2;
}
.sp#p-story .s1_chara .seal img {
  width: 184px;
  height: auto;
}
.sp#p-story .s1_img {
  position: absolute;
  left: 60px;
  top: 550px;
  z-index: 0;
  margin-left: 0;
}
.sp#p-story .s1_img img {
  width: 320px;
  height: auto;
}
.sp#p-story .s1_thumb {
  width: 620px;
  position: absolute;
  left: 50%;
  top: 1574px;
  margin-left: -310px;
  z-index: 0;
}
.sp#p-story .s1_thumb ul {
  zoom: 1;
}
.sp#p-story .s1_thumb ul:after {
  content: "";
  clear: both;
  display: block;
}
.sp#p-story .s1_thumb li {
  float: left;
}
.sp#p-story .s1_thumb li img {
  width: 200px;
  height: auto;
}
.sp#p-story .s1_thumb li:nth-child(2) {
  margin: 0 10px;
}
.sp#p-story .key {
  height: 5278px;
}
.sp#p-story .key .l-inner {
  width: 750px;
  padding: 170px 0 0 0;
}
.sp#p-story .key h3 {
  width: 317px;
  height: 65px;
  position: absolute;
  left: 50%;
  top: 80px;
  margin-left: -158px;
  z-index: 0;
  border-bottom: #ffffff 4px solid;
}
.sp#p-story .key h3 img {
  width: 317px;
  height: auto;
}
.sp#p-story .key_bg1 {
  display: none;
}
.sp#p-story .key_bg2 {
  width: 100%;
  height: 100%;
  background-color: #3879ff;
}
.sp#p-story .key_bg3 {
  display: none;
}
.sp#p-story .key_block1 {
  height: 787px;
}
.sp#p-story .key_block1 .num {
  position: absolute;
  left: 0px;
  top: -9px;
  z-index: 2;
  margin-left: 0;
}
.sp#p-story .key_block1 .num img {
  width: 292px;
  height: auto;
}
.sp#p-story .key_block1 .text {
  position: absolute;
  left: 50%;
  top: 490px;
  margin-left: -340px;
  z-index: 1;
}
.sp#p-story .key_block1 .text img {
  width: 689px;
  height: auto;
}
.sp#p-story .key_block1 .img {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
  left: auto;
  margin-left: 0;
}
.sp#p-story .key_block1 .img img {
  width: 470px;
  height: auto;
}
.sp#p-story .key_block1 .border {
  display: none;
}
.sp#p-story .key_block2 {
  width: 100%;
  height: 3480px;
  position: relative;
}
.sp#p-story .key_block2 .num {
  position: absolute;
  right: 0px;
  top: -5px;
  z-index: 3;
  margin-left: 0;
  left: auto;
}
.sp#p-story .key_block2 .num img {
  width: 303px;
  height: auto;
}
.sp#p-story .key_block2 .text {
  position: absolute;
  left: 0px;
  top: 500px;
  z-index: 3;
  margin-left: 0;
  left: auto;
}
.sp#p-story .key_block2 .text img {
  width: 633px;
  height: auto;
}
.sp#p-story .key_block2 .img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  left: auto;
  margin-left: 0;
  left: auto;
}
.sp#p-story .key_block2 .img img {
  width: 470px;
  height: auto;
}
.sp#p-story .key_block2 .block {
  position: absolute;
  left: 50%;
  top: 893px;
  margin-left: -316px;
  z-index: 1;
  width: 632px;
  height: 2540px;
  border: #e6e6df solid 15px;
  box-sizing: border-box;
  background: none;
}
.sp#p-story .key_block2 .check {
  position: absolute;
  left: 0px;
  top: -97px;
  z-index: 0;
}
.sp#p-story .key_block2 .check img {
  width: 600px;
  height: auto;
}
.sp#p-story .key_block2 .circle {
  width: 513px;
  height: 513px;
  -webkit-border-radius: 250px;
  -moz-border-radius: 250px;
  border-radius: 250px;
  border: 3px solid #ffffff;
  background: none;
}
.sp#p-story .key_block2 .circle span {
  display: block;
  text-align: center;
  padding: 65px 0 0 0;
}
.sp#p-story .key_block2 .spring_name {
  position: absolute;
  left: 202px;
  top: 630px;
  z-index: 1;
}
.sp#p-story .key_block2 .spring_name img {
  width: 400px;
  height: auto;
}
.sp#p-story .key_block2 .spring_icon {
  position: absolute;
  left: -60px;
  top: 230px;
  z-index: 0;
}
.sp#p-story .key_block2 .spring_icon img {
  width: 300px;
  height: auto;
}
.sp#p-story .key_block2 .summer_name {
  position: absolute;
  left: 0px;
  top: 1185px;
  z-index: 1;
}
.sp#p-story .key_block2 .summer_name img {
  width: 420px;
  height: auto;
}
.sp#p-story .key_block2 .summer_icon {
  position: absolute;
  left: 178px;
  top: 777px;
  z-index: 0;
}
.sp#p-story .key_block2 .summer_icon img {
  width: 300px;
  height: auto;
}
.sp#p-story .key_block2 .autumn_name {
  position: absolute;
  left: 189px;
  top: 1745px;
  z-index: 1;
}
.sp#p-story .key_block2 .autumn_name img {
  width: 413px;
  height: auto;
}
.sp#p-story .key_block2 .autumn_icon {
  position: absolute;
  left: -60px;
  top: 1334px;
  z-index: 0;
}
.sp#p-story .key_block2 .autumn_icon img {
  width: 300px;
  height: auto;
}
.sp#p-story .key_block2 .winter_name {
  position: absolute;
  left: 0px;
  top: 2293px;
  z-index: 1;
}
.sp#p-story .key_block2 .winter_name img {
  width: 472px;
  height: auto;
}
.sp#p-story .key_block2 .winter_icon {
  position: absolute;
  left: 178px;
  top: 1885px;
  z-index: 0;
}
.sp#p-story .key_block2 .winter_icon img {
  width: 300px;
  height: auto;
}
.sp#p-story .key_block2 .border {
  display: none;
}
.sp#p-story .key_block3 {
  width: 100%;
  position: relative;
}
.sp#p-story .key_block3 .num {
  position: absolute;
  left: 0px;
  top: -5px;
  z-index: 3;
  margin-left: 0;
  left: auto;
}
.sp#p-story .key_block3 .num img {
  width: 303px;
  height: auto;
}
.sp#p-story .key_block3 .text {
  position: absolute;
  right: 0px;
  top: 503px;
  z-index: 1;
  margin-left: 0;
  left: auto;
}
.sp#p-story .key_block3 .text img {
  width: 682px;
  height: auto;
}
.sp#p-story .key_block3 .img {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
  left: auto;
  margin-left: 0;
}
.sp#p-story .key_block3 .img img {
  width: 465px;
  height: auto;
}
.sp#p-system img.switch {
  width: 100%;
  height: auto;
}
.sp#p-system .block_inner {
  position: relative;
}
.sp#p-system .pagetitle {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.sp#p-system .pagetitle .l-inner {
  width: 100%;
  width: 750px;
  height: 135px;
}
.sp#p-system .pagetitle h2 {
  width: 180px;
  margin: 0 auto;
  text-align: center;
  border-bottom: #767675 solid 2px;
  line-height: 1em;
  padding: 45px 0 30px 0;
  position: relative;
  z-index: 5;
}
.sp#p-system .point1 {
  background-color: #ff6fb6;
  position: relative;
  z-index: 0;
}
.sp#p-system .point1 .l-inner {
  width: 100%;
  width: 750px;
  height: 1180px;
}
.sp#p-system .point1 .p1_bg1 {
  background: url("../images/system/p01_bg_sp.png") center top repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.sp#p-system .point1 .p1_bg2,
.sp#p-system .point1 .p1_bg3 {
  display: none;
}
.sp#p-system .point1 .p1_line {
  display: none;
}
.sp#p-system .point1 .p1_title {
  width: 226px;
  height: 48px;
  position: absolute;
  left: 500px;
  top: 28px;
  z-index: 0;
}
.sp#p-system .point1 .p1_title img {
  width: 100%;
  height: auto;
}
.sp#p-system .point1 .p1_chara {
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: -64px;
  z-index: 2;
}
.sp#p-system .point1 .p1_chara img {
  width: 100%;
  height: auto;
}
.sp#p-system .point1 .p1_voice {
  position: absolute;
  left: 365px;
  top: 94px;
  z-index: 10;
  width: 310px;
  height: 270px;
}
.sp#p-system .point1 .p1_voice img {
  width: 100%;
  height: auto;
}
.sp#p-system .point1 .p1_voice span {
  width: 310px;
  height: 270px;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 0;
}
.sp#p-system .point1 .p1_text1 {
  display: none;
  position: absolute;
  left: 621px;
  top: 173px;
  z-index: 4;
}
.sp#p-system .point1 .p1_text1 span {
  display: block;
  overflow: hidden;
}
.sp#p-system .point1 .p1_text2 {
  display: none;
}
.sp#p-system .point1 .p1_circ1 {
  width: 524px;
  height: 524px;
  position: absolute;
  left: 193px;
  top: 339px;
  z-index: 2;
}
.sp#p-system .point1 .p1_circ1 img {
  width: 100%;
  height: auto;
}
.sp#p-system .point1 .p1_circ2 {
  position: absolute;
  left: 40px;
  top: 728px;
  z-index: 0;
}
.sp#p-system .point1 .p1_circ3 {
  display: block;
  position: absolute;
  left: 300px;
  top: 810px;
  z-index: 0;
  width: 388px;
  height: 388px;
}
.sp#p-system .point1 .p1_circ3 img {
  width: 100%;
  height: auto;
}
.sp#p-system .point1 .p1_ss1 {
  width: 432px;
  height: 244px;
  position: absolute;
  left: 278px;
  top: 874px;
  z-index: 6;
}
.sp#p-system .point1 .p1_ss1 img {
  width: 100%;
  height: auto;
}
.sp#p-system .point1 .p1_ss2 {
  width: 342px;
  height: 195px;
  position: absolute;
  left: 12px;
  top: 776px;
  z-index: 4;
}
.sp#p-system .point1 .p1_ss1 img,
.sp#p-system .point1 .p1_ss2 img {
  width: 100%;
  height: auto;
}
.sp#p-system .point2 {
  background-color: #78d78a;
  position: relative;
  z-index: 0;
}
.sp#p-system .point2 .l-inner {
  width: 100%;
  width: 750px;
  height: 1418px;
  overflow: hidden;
}
.sp#p-system .point2 .p2_bg1 {
  background: url("../images/system/p02_bg_sp.png") center top repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.sp#p-system .point2 .p2_bg2,
.sp#p-system .point2 .p2_bg3 {
  display: none;
}
.sp#p-system .point2 .p2_line {
  display: none;
}
.sp#p-system .point2 .p2_title {
  width: 230px;
  height: 48px;
  position: absolute;
  left: 26px;
  top: 27px;
  z-index: 0;
}
.sp#p-system .point2 .p2_bird {
  width: 436px;
  height: 544px;
  position: absolute;
  left: 299px;
  top: 8px;
  z-index: 2;
}
.sp#p-system .point2 .p2_voice {
  width: 282px;
  height: 272px;
  position: absolute;
  left: 70px;
  top: 99px;
  z-index: 10;
}
.sp#p-system .point2 .p2_text1 {
  width: 492px;
  height: 306px;
  position: absolute;
  left: 64px;
  top: 397px;
  z-index: 4;
}
.sp#p-system .point2 .p2_text2 {
  display: block;
  width: 336px;
  height: 146px;
  position: absolute;
  left: 355px;
  top: 1208px;
  z-index: 10;
}
.sp#p-system .point2 .p2_text2 img {
  width: 336px;
  height: 146px;
}
.sp#p-system .point2 .p2_circ1 {
  width: 554px;
  height: 554px;
  position: absolute;
  left: 197px;
  top: -45px;
  z-index: 0;
}
.sp#p-system .point2 .p2_circ2 {
  width: 548px;
  height: 547px;
  position: absolute;
  left: 47px;
  top: 288px;
  z-index: 0;
}
.sp#p-system .point2 .p2_circ3 {
  position: absolute;
  left: 0px;
  top: 845px;
  z-index: 0;
}
.sp#p-system .point2 .p2_circ4 {
  position: absolute;
  left: 284px;
  top: 865px;
  z-index: 0;
}
.sp#p-system .point2 .p2_ss1 {
  width: 316px;
  height: 180px;
  position: absolute;
  left: 409px;
  top: 732px;
  z-index: 4;
}
.sp#p-system .point2 .p2_ss2 {
  width: 316px;
  height: 180px;
  position: absolute;
  left: 61px;
  top: 792px;
  z-index: 4;
}
.sp#p-system .point2 .p2_ss3 {
  width: 525px;
  height: 294px;
  position: absolute;
  left: 113px;
  top: 940px;
  z-index: 3;
}
.sp#p-system .point2 .p2_ss4 {
  width: 353px;
  height: 200px;
  position: absolute;
  left: 25px;
  top: 1152px;
  z-index: 4;
}
.sp#p-system .point2 .p2_ss1 img,
.sp#p-system .point2 .p2_ss2 img,
.sp#p-system .point2 .p2_ss3 img,
.sp#p-system .point2 .p2_ss4 img {
  width: 100%;
  height: auto;
}
.sp#p-system .point3 {
  background-color: #3879ff;
  position: relative;
  z-index: 0;
}
.sp#p-system .point3 .l-inner {
  width: 100%;
  width: 750px;
  height: 1218px;
}
.sp#p-system .point3 .p3_bg1 {
  background: url("../images/system/p03_bg_sp.png") center top repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.sp#p-system .point3 .p1_3g2,
.sp#p-system .point3 .p3_bg3 {
  display: none;
}
.sp#p-system .point3 .p3_line {
  display: none;
}
.sp#p-system .point3 .p3_title {
  width: 212px;
  height: 48px;
  position: absolute;
  left: 500px;
  top: 28px;
  z-index: 0;
}
.sp#p-system .point3 .p3_title img {
  width: 100%;
  height: auto;
}
.sp#p-system .point3 .p3_chara {
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: -64px;
  z-index: 2;
}
.sp#p-system .point3 .p3_chara img {
  width: 100%;
  height: auto;
}
.sp#p-system .point3 .p3_voice {
  position: absolute;
  left: 365px;
  top: 94px;
  z-index: 10;
  width: 300px;
  height: 270px;
}
.sp#p-system .point3 .p3_voice span {
  width: 310px;
  height: 270px;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 0;
}
.sp#p-system .point3 .p3_text1 {
  display: none;
}
.sp#p-system .point3 .p3_text2 {
  position: absolute;
  left: 60px;
  top: 993px;
  z-index: 10;
}
.sp#p-system .point3 .p3_text2 span {
  display: block;
  overflow: hidden;
}
.sp#p-system .point3 .p3_text2 img {
  width: 300px;
  height: 146px;
}
.sp#p-system .point3 .p3_circ1 {
  width: 558px;
  height: 524px;
  position: absolute;
  left: 149px;
  top: 377px;
  z-index: 2;
}
.sp#p-system .point3 .p3_circ1 img {
  width: 100%;
  height: auto;
}
.sp#p-system .point3 .p3_circ2 {
  position: absolute;
  left: 97px;
  top: 733px;
  z-index: 0;
}
.sp#p-system .point3 .p3_circ3 {
  display: block;
  position: absolute;
  left: 310px;
  top: 837px;
  z-index: 0;
  width: 400px;
  height: 380px;
}
.sp#p-system .point3 .p3_ss1 {
  width: 316px;
  height: 180px;
  position: absolute;
  left: 84px;
  top: 786px;
  z-index: 4;
}
.sp#p-system .point3 .p3_ss1 img {
  width: 100%;
  height: auto;
}
.sp#p-system .point3 .p3_ss2 {
  width: 433px;
  height: 244px;
  position: absolute;
  left: 293px;
  top: 913px;
  z-index: 4;
}
.sp#p-system .point3 .p3_ss2 img {
  width: 100%;
  height: auto;
}
.sp#p-404 .pagetitle .l-inner {
  width: 750px;
  height: 580px;
}
.sp#p-404 .pagetitle .image {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -580px;
  z-index: 0;
}
.sp#p-404 .pagetitle .image img {
  width: 1100px;
  height: auto;
}
.sp#p-privacy .content .l-inner {
  width: 750px;
  padding: 180px 0 100px 0;
}
.sp#p-privacy .content h2 {
  margin: 0 85px 100px 85px;
}
.sp#p-privacy .content h2 img {
  width: 414px;
  height: auto;
}
.sp#p-privacy .content .block_inner {
  margin: 0 85px;
}
.sp#p-privacy .content h3 {
  font-size: 18px;
  margin: 0 0 60px 0;
}
.sp#p-privacy .content h3 span {
  border-bottom: #000000 solid 1px;
  display: inline-block;
}
.sp#p-privacy .content p {
  font-size: 18px;
  line-height: 1.8em;
  margin-bottom: 1.8em;
}
.sp#p-character .character {
  background-color: #e6e6df;
}
.sp#p-character .character .l-inner {
  min-width: 750px;
  height: 3448px;
}
.sp#p-character .character h2 {
  width: 390px;
  height: 175px;
  border: none;
  padding: 0;
  position: relative;
  left: auto;
  top: auto;
  margin: 0 auto;
}
.sp#p-character .character h2 img {
  width: 340px;
  height: auto;
}
.sp#p-character .character h2 span {
  border-bottom: #505050 solid 4px;
  display: inline-block;
  width: 100%;
  padding: 0 0 20px 0;
  margin: 70px 0 0 0;
}
.sp#p-character .character_list {
  display: block;
  width: 100%;
  height: 100%;
}
.sp#p-character .character_list li {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.sp#p-character .character_list .texture_top {
  display: none;
}
.sp#p-character .character_list .texture_top_sp {
  display: block;
}
.sp#p-character .character_list .texture_hover {
  display: none;
}
.sp#p-character .character_list .texture_active {
  display: none;
}
.sp#p-character .character_list .spring {
  height: 901px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
.sp#p-character .character_list .summer {
  height: 945px;
  position: absolute;
  left: 0px;
  top: 761px;
  z-index: 0;
}
.sp#p-character .character_list .autumn {
  height: 955px;
  position: absolute;
  left: 0px;
  top: 1563px;
  z-index: 0;
}
.sp#p-character .character_list .winter {
  height: 894px;
  position: absolute;
  left: 0px;
  top: 2379px;
  z-index: 0;
}
.sp #modal {
  display: none;
}
.sp #modal .modal_btn_close {
  position: absolute;
  left: auto;
  right: 56px;
  top: 56px;
  margin: 0;
}
.sp #modal .modal_btn_close img {
  width: 68px;
  height: auto;
}
.sp #modal .modal_btn_paging {
  position: fixed;
  z-index: 1;
  top: auto;
  bottom: 30px;
  left: 0;
  width: 100%;
  margin-top: 0;
  height: 100px;
}
.sp #modal .modal_btn_paging ul {
  height: 100px;
}
.sp #modal .modal_btn_paging li a {
  height: 100%;
  display: block;
  line-height: 1em;
}
.sp #modal .modal_btn_paging li img {
  height: 100px;
  width: auto;
}
.sp #modal .modal_btn_paging .prev {
  left: 20px;
  top: auto;
  margin: 0;
  height: 100px;
}
.sp #modal .modal_btn_paging .next {
  left: auto;
  top: auto;
  right: 20px;
  margin: 0;
  height: 100px;
}
.sp #modal #modal_movie #movie-iframe {
  width: 640px;
  height: 360px;
  margin: -180px 0 0 -320px;
}
.sp #modal .modal_btn_close_chara {
  position: absolute;
  right: 50px;
  top: 50px;
  z-index: 20;
  width: 65px;
}
.sp #modal .modal_btn_close_chara img {
  width: 100%;
  height: auto;
}
.sp #modal .modal_btn_close_chara .text {
  display: none;
}
.sp #modal .modal_btn_close_chara a {
  color: #000000;
}
.sp #modal .modal_btn_paging_chara {
  position: fixed;
  z-index: 10;
  bottom: -95px;
  margin-top: 0;
  width: 100%;
  height: 95px;
}
.sp #modal .modal_btn_paging_chara img {
  height: 100%;
  width: auto;
}
.sp #modal .modal_btn_paging_chara .prev {
  position: absolute;
  left: 30px;
  top: -190px;
  z-index: 0;
}
.sp #modal .modal_btn_paging_chara .next {
  position: absolute;
  right: 30px;
  top: -190px;
  z-index: 0;
}
.sp #modal #modal_character {
  height: 100%;
  display: none;
  overflow: auto;
}
.sp #modal .modal_character_wrap {
  display: block;
  overflow: hidden;
}
.sp #modal .modal_character_wrap .inner_block {
  width: 100%;
  height: auto;
  color: #505050;
}
.sp #modal .modal_chara_details {
  display: none;
  padding: 1370px 0 0 0;
}
.sp #modal .modal_chara_details .circle {
  width: 1600px;
  height: 1600px;
  position: absolute;
  left: 50%;
  top: -400px;
  margin-left: -1100px;
  z-index: 0;
}
.sp #modal .modal_chara_details .circle_inner .circle1 {
  width: 1600px;
  height: 1600px;
  -webkit-border-radius: 800px;
  -moz-border-radius: 800px;
  border-radius: 800px;
}
.sp #modal .modal_chara_details .circle_inner .circle2 {
  width: 1600px;
  height: 1600px;
  position: absolute;
  left: 500px;
  top: -550px;
  z-index: 0;
  -webkit-border-radius: 800px;
  -moz-border-radius: 800px;
  border-radius: 800px;
}
.sp #modal .modal_chara_details .team_name {
  position: absolute;
  left: 30px;
  top: 45px;
  z-index: 0;
}
.sp #modal .modal_chara_details .team_name img {
  height: 90px;
  width: auto;
}
.sp #modal .modal_chara_details .copy {
  position: absolute;
  left: 50px;
  top: 1450px;
  z-index: 2;
}
.sp #modal .modal_chara_details .visual {
  position: absolute;
  right: -70px;
  top: 190px;
  z-index: 0;
  left: auto;
}
.sp #modal .modal_chara_details .visual img {
  height: auto;
  width: 505px;
}
.sp #modal .modal_chara_details .btn_voice_sp {
  display: block;
  position: absolute;
  left: 30px;
  top: 895px;
  z-index: 1;
}
.sp #modal .modal_chara_details .detail {
  width: 100%;
  position: relative;
  left: auto;
  top: auto;
  z-index: 1;
  background-color: #e6e6df;
}
.sp #modal .modal_chara_details .detail_inner {
  width: 640px;
  margin: 0 auto;
  padding: 605px 0 110px 0;
}
.sp #modal .modal_chara_details .lead {
  font-size: 33px;
  line-height: 1.9em;
  margin: 0;
  display: inline-block;
  letter-spacing: 0em;
  position: absolute;
  left: 45px;
  top: -1200px;
  z-index: 0;
}
.sp #modal .modal_chara_details .lead span {
  display: inline;
  padding: 0;
  border-bottom: #ffffff solid 15px;
}
.sp #modal .modal_chara_details .lead span:after {
  display: none;
}
.sp #modal .modal_chara_details .name {
  position: absolute;
  left: 40px;
  top: -1030px;
  z-index: 0;
  font-size: 130px;
  line-height: 1.1em;
  margin: 0;
  color: #ffffff;
  letter-spacing: 0.02em;
}
.sp #modal .modal_chara_details .name_en {
  position: absolute;
  left: 40px;
  top: -710px;
  z-index: 0;
  font-size: 18px;
  line-height: 1em;
  margin: 0;
  letter-spacing: 0.5em;
  color: #ffffff;
}
.sp #modal .modal_chara_details .cv {
  position: absolute;
  left: 40px;
  top: -630px;
  z-index: 0;
  color: #ffffff;
  font-size: 38px;
  margin: 0;
  font-family: "NotoSans-light";
}
.sp #modal .modal_chara_details .profile {
  margin: 0 0 100px 0;
}
.sp #modal .modal_chara_details .profile dl {
  display: table;
  float: none;
  line-height: 1.3em;
  border-bottom: 1px solid #505050;
  padding: 0;
  margin: 0 0 15px 0;
  zoom: 1;
}
.sp #modal .modal_chara_details .profile dl:after {
  content: "";
  clear: both;
  display: block;
}
.sp #modal .modal_chara_details .profile dl:before, .sp #modal .modal_chara_details .profile dl:after {
  display: none;
}
.sp #modal .modal_chara_details .profile dt {
  font-size: 28px;
  float: none;
  display: table-cell;
  padding: 0 0 10px 0;
  line-height: 1.6em;
}
.sp #modal .modal_chara_details .profile dd {
  font-size: 28px;
  float: none;
  display: table-cell;
  padding: 0 0 10px 0;
  line-height: 1.6em;
}
.sp #modal .modal_chara_details .profile dl.short, .sp #modal .modal_chara_details .profile dl.wide, .sp #modal .modal_chara_details .profile dl.wide100 {
  width: 100%;
}
.sp #modal .modal_chara_details .profile dl.short.left, .sp #modal .modal_chara_details .profile dl.wide.left, .sp #modal .modal_chara_details .profile dl.wide100.left {
  margin-right: 0;
}
.sp #modal .modal_chara_details .profile dl.short dt, .sp #modal .modal_chara_details .profile dl.wide dt, .sp #modal .modal_chara_details .profile dl.wide100 dt {
  width: 255px;
  margin-left: 0;
  padding-left: 10px;
}
.sp #modal .modal_chara_details .profile dl.short dd, .sp #modal .modal_chara_details .profile dl.wide dd, .sp #modal .modal_chara_details .profile dl.wide100 dd {
  width: 375px;
}
.sp #modal .modal_chara_details .detail_intro {
  margin: 0 0 90px 0;
}
.sp #modal .modal_chara_details .detail_intro .intro_headline {
  font-size: 20px;
  margin: 0 0 30px 0;
}
.sp #modal .modal_chara_details .detail_intro .intro_text {
  font-size: 28px;
  line-height: 1.9em;
}
.sp #modal .modal_chara_details .detail_voice {
  margin: 0 0 100px 0;
}
.sp #modal .modal_chara_details .detail_voice ul {
  display: block;
  zoom: 1;
}
.sp #modal .modal_chara_details .detail_voice ul:after {
  content: "";
  clear: both;
  display: block;
}
.sp #modal .modal_chara_details .detail_voice li {
  width: 112px;
  margin: 0 20px 0 0;
}
.sp #modal .modal_chara_details .detail_voice li img {
  width: 100%;
  height: auto;
}
.sp #modal .modal_chara_details .detail_voice li:first-child {
  display: none;
}
.sp #modal .modal_chara_details .detail_voice li:last-child {
  margin-right: 0;
}
.sp #modal .modal_chara_details .detail_voice span {
  margin: 0 0 10px 0;
}
.sp #modal .modal_chara_details .detail_voice a {
  font-size: 20px;
  line-height: 1.4em;
}
.sp #modal .modal_chara_details .detail_voice_title_sp {
  display: block;
  margin: 0 0 40px 0;
}
.sp #modal .modal_chara_details .detail_sns_sp {
  display: block;
  letter-spacing: -0.5em;
  text-align: center;
}
.sp #modal .modal_chara_details .detail_sns_sp li {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 40px;
}
.sp #modal .modal_chara_close_sp {
  display: block;
  background-color: #ffffff;
  padding: 90px 0;
  text-align: center;
}
.sp #modal .chara_spring1 .visual {
  position: absolute;
  right: -80px;
  top: 190px;
  z-index: 0;
}
.sp #modal .chara_spring1 .visual img {
  width: 505px;
}
.sp #modal .chara_spring2 .visual {
  position: absolute;
  right: -30px;
  top: 150px;
  z-index: 0;
}
.sp #modal .chara_spring2 .visual img {
  width: 476px;
}
.sp #modal .chara_spring3 .visual {
  position: absolute;
  right: -40px;
  top: 150px;
  z-index: 0;
}
.sp #modal .chara_spring3 .visual img {
  width: 510px;
}
.sp #modal .chara_spring4 .visual {
  position: absolute;
  right: -80px;
  top: 150px;
  z-index: 0;
}
.sp #modal .chara_spring4 .visual img {
  width: 489px;
}
.sp #modal .chara_spring5 .visual {
  position: absolute;
  right: -200px;
  top: 150px;
  z-index: 0;
}
.sp #modal .chara_spring5 .visual img {
  width: 679px;
}
.sp #modal .chara_spring5 .name {
  letter-spacing: -0.08em;
}
.sp #modal .chara_spring6 .visual {
  position: absolute;
  right: -98px;
  top: 148px;
  z-index: 0;
}
.sp #modal .chara_spring6 .visual img {
  width: 549px;
}
.sp #modal .chara_spring6 .name {
  letter-spacing: -0.08em;
}
.sp #modal .chara_summer1 .visual {
  position: absolute;
  right: -50px;
  top: 140px;
  z-index: 0;
}
.sp #modal .chara_summer1 .visual img {
  width: 494px;
}
.sp #modal .chara_summer2 .visual {
  position: absolute;
  right: -20px;
  top: 140px;
  z-index: 0;
}
.sp #modal .chara_summer2 .visual img {
  width: 443px;
}
.sp #modal .chara_summer3 .visual {
  position: absolute;
  right: -120px;
  top: 140px;
  z-index: 0;
}
.sp #modal .chara_summer3 .visual img {
  width: 651px;
}
.sp #modal .chara_summer4 .visual {
  position: absolute;
  right: 30px;
  top: 150px;
  z-index: 0;
}
.sp #modal .chara_summer4 .visual img {
  width: 388px;
}
.sp #modal .chara_summer5 .visual {
  position: absolute;
  right: -120px;
  top: 140px;
  z-index: 0;
}
.sp #modal .chara_summer5 .visual img {
  width: 890px;
}
.sp #modal .chara_summer6 .visual {
  position: absolute;
  right: -134px;
  top: 134px;
  z-index: 0;
}
.sp #modal .chara_summer6 .visual img {
  width: 719px;
}
.sp #modal .chara_autumn1 .visual {
  position: absolute;
  right: -20px;
  top: 140px;
  z-index: 0;
}
.sp #modal .chara_autumn1 .visual img {
  width: 492px;
}
.sp #modal .chara_autumn2 .visual {
  position: absolute;
  right: -50px;
  top: 130px;
  z-index: 0;
}
.sp #modal .chara_autumn2 .visual img {
  width: 607px;
}
.sp #modal .chara_autumn3 .visual {
  position: absolute;
  right: -100px;
  top: 130px;
  z-index: 0;
}
.sp #modal .chara_autumn3 .visual img {
  width: 615px;
}
.sp #modal .chara_autumn4 .visual {
  position: absolute;
  right: -90px;
  top: 130px;
  z-index: 0;
}
.sp #modal .chara_autumn4 .visual img {
  width: 615px;
}
.sp #modal .chara_autumn5 .visual {
  position: absolute;
  right: -10px;
  top: 140px;
  z-index: 0;
}
.sp #modal .chara_autumn5 .visual img {
  width: 441px;
}
.sp #modal .chara_autumn6 .visual {
  position: absolute;
  right: -37px;
  top: 121px;
  z-index: 0;
}
.sp #modal .chara_autumn6 .visual img {
  width: 616px;
}
.sp #modal .chara_autumn6 .name {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.sp #modal .chara_autumn6 .name span {
  display: inline-block;
  width: 130px;
  height: 130px;
  background: url("../images/character/au_team_name6_sp.png") center center no-repeat;
  background-size: 117px auto;
  line-heigth: 1em;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.sp #modal .chara_autumn6 .name i {
  line-heigth: 1em;
  position: fixed;
  left: -9999px;
  top: -9999px;
  z-index: 0;
}
.sp #modal .chara_winter1 .visual {
  position: absolute;
  right: -30px;
  top: 140px;
  z-index: 0;
}
.sp #modal .chara_winter1 .visual img {
  width: 481px;
}
.sp #modal .chara_winter2 .visual {
  position: absolute;
  right: -80px;
  top: 130px;
  z-index: 0;
}
.sp #modal .chara_winter2 .visual img {
  width: 590px;
}
.sp #modal .chara_winter3 .visual {
  position: absolute;
  right: -50px;
  top: 130px;
  z-index: 0;
}
.sp #modal .chara_winter3 .visual img {
  width: 521px;
}
.sp #modal .chara_winter4 .visual {
  position: absolute;
  right: 30px;
  top: 140px;
  z-index: 0;
}
.sp #modal .chara_winter4 .visual img {
  width: 395px;
}
.sp #modal .chara_winter5 .visual {
  position: absolute;
  right: 20px;
  top: 130px;
  z-index: 0;
}
.sp #modal .chara_winter5 .visual img {
  width: 412px;
}
.sp #modal .chara_winter6 .visual {
  position: absolute;
  right: -69px;
  top: 101px;
  z-index: 0;
}
.sp #modal .chara_winter6 .visual img {
  width: 532px;
}
.sp#p-modal {
  background-color: transparent;
}
.sp#p-modal .modal_content .l-inner {
  width: 610px;
  padding: 220px 0 0 0;
}
.sp#p-modal .modal_sns {
  position: relative;
  left: auto;
  top: auto;
  margin: 0 0 100px 0;
  zoom: 1;
  width: 100%;
  letter-spacing: -0.5em;
  text-align: center;
}
.sp#p-modal .modal_sns:after {
  content: "";
  clear: both;
  display: block;
}
.sp#p-modal .modal_sns li {
  float: none;
  margin: 0 45px;
  display: inline-block;
  letter-spacing: normal;
  width: 79px;
  height: 70px;
}
.sp#p-modal .modal_sns li .icon {
  margin: 0;
  padding: 0;
}
.sp#p-modal .modal_sns li .icon img {
  height: 65px;
  width: auto;
}
.sp#p-modal .modal_sns a {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
.sp#p-modal .modal_date {
  margin: 0 0 35px 0;
  font-size: 20px;
  line-height: 40px;
}
.sp#p-modal .modal_date span {
  display: none;
}
.sp#p-modal .modal_date:before {
  content: " ";
  display: block;
  width: 160px;
  height: 40px;
  float: left;
  margin: 0 35px 80px 0;
}
.sp#p-modal .modal_cat {
  display: none;
}
.sp#p-modal .modal_block {
  clear: both;
  width: 100%;
  margin: 0 0 170px 0;
}
.sp#p-modal .modal_block .image {
  margin: 0 0 40px 0;
}
.sp#p-modal .modal_block .image p {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.sp#p-modal .modal_block .image span {
  display: block;
  margin: 15px;
  max-width: 100%;
  height: auto;
  overflow: hidden;
}
.sp#p-modal .modal_block .image img {
  width: 100%;
  height: auto;
}
.sp#p-modal .modal_block h1 {
  font-size: 40px;
  font-weight: normal;
  margin: 0 0 60px 0;
  padding: 0 0 60px 0;
}
.sp#p-modal .modal_block .detail {
  font-size: 28px;
  line-height: 2em;
  padding: 0;
  width: 100%;
}
.sp#p-modal .modal_block .detail:before {
  display: none;
}
.sp#p-modal .modal_block .detail p {
  width: 100% !important;
  display: block;
}
.sp#p-modal .modal_close_sp {
  display: block;
  background-color: #E6E6DF;
  padding: 90px 0;
  text-align: center;
  width: 100%;
}
.sp#p-modal .cat-game .modal_date {
  color: #D1B41E;
}
.sp#p-modal .cat-game .modal_date:before {
  border: #D1B41E solid 4px;
  background: url("../images/news/cat_nav_game_pc.png") center center no-repeat;
  -webkit-background-size: auto 22px;
  -moz-background-size: auto 22px;
  -o-background-size: auto 22px;
  background-size: auto 22px;
}
.sp#p-modal .cat-game h1 {
  border-bottom: #D1B41E solid 4px;
}
.sp#p-modal .cat-event .modal_date {
  color: #23c1d3;
}
.sp#p-modal .cat-event .modal_date:before {
  border: #23c1d3 solid 4px;
  background: url("../images/news/cat_nav_event_pc.png") center center no-repeat;
  -webkit-background-size: auto 22px;
  -moz-background-size: auto 22px;
  -o-background-size: auto 22px;
  background-size: auto 22px;
}
.sp#p-modal .cat-event h1 {
  border-bottom: #23c1d3 solid 4px;
}
.sp#p-modal .cat-goods .modal_date {
  color: #ff605c;
}
.sp#p-modal .cat-goods .modal_date:before {
  border: #ff605c solid 4px;
  background: url("../images/news/cat_nav_goods_pc.png") center center no-repeat;
  -webkit-background-size: auto 22px;
  -moz-background-size: auto 22px;
  -o-background-size: auto 22px;
  background-size: auto 22px;
}
.sp#p-modal .cat-goods h1 {
  border-bottom: #ff605c solid 4px;
}
.sp#p-modal .cat-info .modal_date {
  color: #ff54aa;
}
.sp#p-modal .cat-info .modal_date:before {
  border: #ff54aa solid 4px;
  background: url("../images/news/cat_nav_info_pc.png") center center no-repeat;
  -webkit-background-size: auto 22px;
  -moz-background-size: auto 22px;
  -o-background-size: auto 22px;
  background-size: auto 22px;
}
.sp#p-modal .cat-info h1 {
  border-bottom: #ff54aa solid 4px;
}
.sp#p-modal .cat-media .modal_date {
  color: #3879ff;
}
.sp#p-modal .cat-media .modal_date:before {
  border: #3879ff solid 4px;
  background: url("../images/news/cat_nav_media_pc.png") center center no-repeat;
  -webkit-background-size: auto 22px;
  -moz-background-size: auto 22px;
  -o-background-size: auto 22px;
  background-size: auto 22px;
}
.sp#p-modal .cat-media h1 {
  border-bottom: #3879ff solid 4px;
}
.sp#p-modal .cat-music .modal_date {
  color: #78d78a;
}
.sp#p-modal .cat-music .modal_date:before {
  border: #78d78a solid 4px;
  background: url("../images/news/cat_nav_music_pc.png") center center no-repeat;
  -webkit-background-size: auto 22px;
  -moz-background-size: auto 22px;
  -o-background-size: auto 22px;
  background-size: auto 22px;
}
.sp#p-modal .cat-music h1 {
  border-bottom: #78d78a solid 4px;
}
.sp#p-modal .cat-books .modal_date {
  color: #6a759d;
}
.sp#p-modal .cat-books .modal_date:before {
  border: #6a759d solid 4px;
  background: url("../images/news/cat_nav_books_pc.png") center center no-repeat;
  -webkit-background-size: auto 22px;
  -moz-background-size: auto 22px;
  -o-background-size: auto 22px;
  background-size: auto 22px;
}
.sp#p-modal .cat-books h1 {
  border-bottom: #6a759d solid 4px;
}
.sp#p-modal .page-music .l-inner > h1 {
  display: none;
}
.sp#p-modal .page-music .modal_block > h1 {
  display: block;
  border-bottom: 2px solid #826ee6;
  padding-bottom: 65px;
  margin-bottom: 70px;
}
.sp#p-modal .page-music .modal_block .image {
  position: relative;
  margin: 0 0 70px 0;
}
.sp#p-modal .page-music .modal_block .image:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.sp#p-modal .page-music .modal_block .image iframe {
  width: 100%;
  height: 100%;
}
.sp#p-modal .page-music .modal_block .image p {
  background: #826ee6;
  width: 100%;
  height: 100%;
  border: 15px solid #826ee6;
  position: absolute;
  top: 0;
  left: 0;
}
.sp#p-modal .page-music .modal_block a:link, .sp#p-modal .page-music .modal_block a:visited {
  color: #826ee6;
  text-decoration: none;
}
.sp#p-modal .page-music .modal_block a:hover, .sp#p-modal .page-music .modal_block a:active {
  color: #826ee6;
  text-decoration: underline;
}
.sp#p-modal .page-music .modal_block .detail {
  font-size: 28px;
  line-height: 55px;
}
.sp#p-modal .page-music .modal_date {
  color: #826ee6;
  line-height: 1;
  margin-bottom: 80px;
}
.sp#p-modal .page-music .modal_date:before {
  display: none;
}