@charset "UTF-8";
.category-etc .ol-list > li {
  list-style: none inside;
  counter-increment: cnt;
  margin-bottom: 20px;
}
.category-etc .ol-list > li:last-child {
  margin-bottom: 0;
}
.category-etc .ol-list > li:before {
  position: relative;
  left: -0.2em;
  content: counter(cnt) " .";
}
.category-etc .ol-list > li h4 {
  display: inline;
  color: #88c5e2;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.category-etc .ol-list > li p {
  color: #fff;
  line-height: 1.7em;
  font-size: 11px;
}
.category-etc .ol-list.list-s {
  padding-left: 1.5em;
}
.category-etc .ol-list.list-s > li {
  text-indent: -1.5em;
  margin-bottom: 0.4em;
}
.category-etc .ol-list.list-s > li.two {
  text-indent: -2.2em;
}

.category-etc.page-privacy .lead {
  font-size: 11px;
  margin: 10px 0;
}
.category-etc.page-privacy .ol-list a, .category-etc.page-privacy .ol-list .underline {
  text-decoration: underline;
}
.category-etc.page-privacy .table-panel {
  width: 300px;
  margin-top: 15px;
}
.category-etc.page-privacy .table-panel-category {
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #233759;
}
.category-etc.page-privacy .table-panel-list {
  background-color: #393d41;
  padding-top: 10px;
}
.category-etc.page-privacy .table-panel-list-item {
  width: 285px;
  margin: 0 auto;
}
.category-etc.page-privacy .table-panel-list-item:nth-child(n + 2) {
  margin-top: 10px;
}
.category-etc.page-privacy .table-panel-list-item-label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  background-color: #222527;
}
.category-etc.page-privacy .table-panel-list-item-body {
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.category-etc.page-terms .ul-list-none a, .category-etc.page-terms .ul-list-none .underline {
  text-decoration: underline;
}
.category-etc.page-terms .ul-list-none .ol-list {
  margin-bottom: 20px;
}

.category-etc.page-optout .desc {
  font-size: 11px;
  word-wrap: break-word;
}
.category-etc.page-optout .main-list > li > img {
  margin-top: 20px;
}
.category-etc.page-optout .main-list > li > p {
  margin-top: 25px;
  font-size: 11px;
}
.category-etc.page-optout .caution {
  margin-top: 24px;
}
.category-etc.page-optout .caution > p {
  font-size: 11px;
}

#page-legalrequirements #main-container .page-header > h2 > img {
  width: 198px;
}
#page-legalrequirements #main-container .contents .enactment-date {
  text-align: right;
}

.category-gameguide.page-datalink .outline-image img:nth-child(2) {
  width: 300px;
  margin: 0 auto;
}

.btns {
  width: 300px;
  margin: 12px auto 0;
}
.btns li {
  margin-bottom: 10px;
}

.page-story #main-container .contents .page-title > img {
  width: 301px;
}
.page-story #main-container .contents .outline .outline-list li .yt > iframe {
  width: 225px;
  height: 126px;
}
.page-story #main-container .contents .outline .outline-list li.part4-1, .page-story #main-container .contents .outline .outline-list li.part-common {
  padding-top: 40px;
}
.page-story #main-container .contents .outline .outline-list li.part4-1 .ttl, .page-story #main-container .contents .outline .outline-list li.part-common .ttl {
  margin-bottom: 256px;
}
.page-story #main-container .contents .outline .outline-list li.part4-1 .txt, .page-story #main-container .contents .outline .outline-list li.part-common .txt {
  margin-bottom: 20px;
}
.page-story #main-container .contents .outline .outline-list li.part4-1 .yt, .page-story #main-container .contents .outline .outline-list li.part-common .yt {
  margin-bottom: 20px;
}
.page-story #main-container .contents .outline .outline-list li.part4-1 .yt iframe, .page-story #main-container .contents .outline .outline-list li.part-common .yt iframe {
  width: 270px;
  height: 151px;
}
.page-story #main-container .contents .outline .outline-list li.part4-1 .link img, .page-story #main-container .contents .outline .outline-list li.part-common .link img {
  width: 271px;
}
.page-story #main-container .contents .outline .outline-list li.part4-1::after {
  background: url(/assets/images/sp/world/story/04/common/story4_outline_part1_bg.png) no-repeat center 0;
  display: block;
  content: "";
  width: 320px;
  height: 358.4px;
  position: absolute;
  top: 15px;
  left: 0;
  background-size: 320px 358.4px;
}
.page-story #main-container .contents .outline .outline-list li.part4-1 .ttl img {
  width: 202px;
}
.page-story #main-container .contents .outline .outline-list li.part4-1 .txt img {
  width: 355.5px;
}
.page-story #main-container .contents .outline .outline-list li.part5-1::after {
  background: url(/assets/images/sp/world/story/05/common/outline_bg.png) no-repeat center 0;
  display: block;
  content: "";
  width: 320px;
  height: 358.4px;
  position: absolute;
  top: 15px;
  left: 0;
  background-size: 320px 358.4px;
}
.page-story #main-container .contents .outline .outline-list li.part5-1 .ttl img {
  width: 259.5px;
}
.page-story #main-container .contents .outline .outline-list li.part5-1 .txt img {
  width: 354.5px;
}
.page-story #main-container .contents .outline .outline-list li.part6-1 {
  padding-top: 10px;
  margin-top: 20px;
}
.page-story #main-container .contents .outline .outline-list li.part6-1::after {
  background: url(/assets/images/sp/world/story/06/common/outline_bg.png) no-repeat center 0;
  display: block;
  content: "";
  width: 320px;
  height: 331.94667px;
  position: absolute;
  top: 15px;
  left: 0;
  background-size: 320px 331.94667px;
}
.page-story #main-container .contents .outline .outline-list li.part6-1 .ttl img {
  width: 231px;
}
.page-story #main-container .contents .outline .outline-list li.part6-1 .txt img {
  width: 358px;
}
.page-story #main-container .contents .outline .outline-list li.part6-2::after {
  background: url(/assets/images/sp/world/story/06/common/outline_bg_last.png) no-repeat center 0;
  display: block;
  content: "";
  width: 320px;
  height: 425.38667px;
  position: absolute;
  top: 15px;
  left: 0;
  background-size: 320px 425.38667px;
}
.page-story #main-container .contents .outline .outline-list li.part6-2 .ttl img {
  width: 339.5px;
}
.page-story #main-container .contents .outline .outline-list li.part6-2 .txt img {
  width: 340.5px;
}
.page-story #main-container .contents .outline .btns {
  width: 256px;
  margin: 60px auto 0;
}

.page-character .subttl {
  margin-bottom: -5px;
}
.page-character .subttl img {
  position: relative;
  left: -10px;
}
.page-character .list1 {
  margin-bottom: 20px;
}

html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  list-style: none;
  font-weight: normal;
  font-style: normal;
}

html, body {
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
  font-size: 14px;
  color: #fff;
  width: 100%;
  min-height: 100%;
}

body#page-customer {
  font-family: "NanumGothic", "나눔고딕", "Dotum", "돋움", "Arial", "AppleSDGothicNeo", "sans-serif";
}

html, body {
  width: 100%;
  height: 100%;
  background: #000;
}

body.noscroll {
  position: fixed;
  overflow-y: scroll;
}

body.fixed {
  width: 100%;
  position: fixed;
  top: auto;
  overflow: hidden;
  z-index: 1;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

a {
  color: #fff;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #fff;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.ci {
  text-align: center;
}
.ci > img {
  display: inline-block;
}

.debug-sheet {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000000;
  opacity: 0.5;
  display: none;
  overflow-x: hidden;
}
.debug-sheet img {
  max-width: none;
  position: relative;
  width: 320px;
  top: 0px;
  left: 50%;
  margin-left: -160px;
}

.clearfix:after, .category-news .contents-body .news-dates .meta-info:after, .category-world .character-list:after, .category-column .news-list:after, .category-column .contents-body .news-dates .meta-info:after, .category-etc.page-device .spec-list-android:after, .category-etc.page-device .spec-list-android dl:after, .category-etc.page-faq .tab dl:after, .category-etc.page-contact .form-list > li dl dd .date_list:after, .category-etc.page-contact .form-list > li dl dd.oc_dates:after, .category-etc.page-customer .form-list > li dl dd .date_list:after, .page-prebuiltdecks_detail_4 #site-wrapper #main-container header.page-header:after, .page-prebuiltdecks_detail_5 #site-wrapper #main-container header.page-header:after, .page-prebuiltdecks_detail_6 #site-wrapper #main-container header.page-header:after, .page-prebuiltdecks_detail_7 #site-wrapper #main-container header.page-header:after {
  content: "";
  clear: both;
  display: block;
}

.btn-center {
  padding-bottom: 30px;
}
.btn-center .btn-list li {
  text-align: center;
  margin-bottom: 10px;
}
.btn-center .btn-list li:last-child {
  margin-bottom: 0;
}
.btn-center .btn-list li a {
  display: inline-block;
}

#site-header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  padding: 13px;
  background: #141414;
  border-bottom: 1px solid #292929;
}
#site-header #menu-badge {
  display: block;
  width: 43px;
  height: 43px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000000;
  overflow: hidden;
  text-indent: -999em;
  background: url(/sp/assets/images/btn-menu.png?ea0d2506c0e2) no-repeat;
  background-size: 43px 86px;
  background-position: left top;
}
#site-header #menu-badge.opened {
  background-position: left bottom;
}
#site-header #global-navi {
  position: absolute;
  top: 43px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow-y: auto;
  font-size: 16px;
  font-family: "Seagull W01 Medium", serif;
  display: none;
}
#site-header #global-navi ul.page-links {
  width: 100%;
  min-height: 220px;
  font-size: 0px;
}
#site-header #global-navi ul.page-links li {
  box-sizing: border-box;
  width: 50%;
  font-size: 16px;
  display: inline-block;
  border-bottom: 1px solid #4e5052;
}
#site-header #global-navi ul.page-links li a {
  display: block;
  padding: 16px 0 16px 30px;
  text-align: left;
  background: url(/sp/assets/images/nav-link-bg.png?ea0d2506c0e2) no-repeat;
  background-size: 5px 4px;
  background-position: right 20px top 25px;
}
#site-header #global-navi ul.page-links li.tw-link {
  background: url(/sp/assets/images/icon-tw.png?ea0d2506c0e2) no-repeat;
  background-size: 40px 32px;
  background-position: 15px 20px;
}
#site-header #global-navi ul.page-links li:nth-child(2n-1) {
  border-right: 1px solid #4e5052;
}
#site-header #global-navi ul.icon-list {
  text-align: center;
  letter-spacing: -1em;
  margin-bottom: 10px;
}
#site-header #global-navi ul.icon-list li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 8px;
}
#site-header #global-navi ul.nav-links li {
  width: 260px;
  margin: 0 auto 7px;
}

#main-container {
  padding-top: 43px;
}

#site-footer {
  background: #232323;
  padding: 16px 0;
}
#site-footer #footer-navi {
  background: #141414;
  margin-bottom: 40px;
}
#site-footer #footer-navi ul li {
  border-top: 1px solid #292929;
}
#site-footer #footer-navi ul li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 13px 10px;
  position: relative;
  font-size: 16px;
  font-family: "Playfair Display SC", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
}
#site-footer #footer-navi ul li a:after {
  display: block;
  content: "";
  width: 7px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(/sp/assets/images/arrow-w.png?ea0d2506c0e2) no-repeat;
  background-size: 7px 5px;
  margin-top: -2px;
}
#site-footer .banners {
  margin-bottom: 40px;
}
#site-footer .banners .banner-list li {
  text-align: center;
  margin-bottom: 10px;
}
#site-footer .banners .banner-list li:last-child {
  margin-bottom: 0;
}
#site-footer .banners .banner-list li a {
  display: inline-block;
}
#site-footer .share-btns {
  text-align: center;
  font-size: 0;
  margin-bottom: 20px;
}
#site-footer .share-btns li {
  display: inline-block;
  margin: 0 5px;
}
#site-footer .share-btns li:first-child {
  width: 68px;
}
#site-footer .share-btns li:nth-child(2) {
  position: relative;
  top: 8px;
}
#site-footer .share-btns li:last-child {
  width: 82px;
}
#site-footer .footer-links {
  text-align: center;
  font-size: 0;
  margin-bottom: 15px;
}
#site-footer .footer-links li {
  display: inline-block;
  font-size: 12px;
  margin: 0 5px;
  padding-right: 5px;
  position: relative;
}
#site-footer .footer-links li:after {
  content: "/";
  position: absolute;
  right: -5px;
  color: #aaa;
}
#site-footer .footer-links li.br {
  width: 100%;
  height: 1px;
  font-size: 0;
  margin: 0;
  padding: 0;
}
#site-footer .footer-links li.br:after, #site-footer .footer-links li:last-child:after {
  display: none;
}
#site-footer .footer-links li a {
  color: #aaa;
}
#site-footer .footer-logo a {
  display: block;
  width: 100px;
  margin: 0 auto 14px;
}
#site-footer .footer-copyright {
  color: #aaa;
  font-size: 10px;
  text-align: center;
}

#scroll-top {
  position: fixed;
  bottom: 40px;
  right: 10px;
  display: none;
}

.page-header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 195px;
  padding-top: 68px;
}
.page-header h2 {
  text-align: center;
}
.page-header h2 img {
  margin: 0 auto;
}
.page-header h2 span.titleword {
  font-family: "Seagull W01 Medium";
  font-size: 28px;
  color: #fff;
  letter-spacing: 3px;
  text-shadow: 0 0 20px #000, 0 0 10px #000, 0 0 5px #000;
}
.page-header h2 span.titleword span.big {
  font-size: 38px;
}
.page-header h2 .header-text {
  margin-top: 4px;
  font-family: "M Ying Hei HK W40 W5";
  font-size: 14px;
  letter-spacing: 3px;
  text-shadow: 0 0 3px #000, 0 0 7px #000;
  text-align: center;
  font-weight: normal;
  position: relative;
  top: -10px;
}

.contents {
  background: #080d11;
  padding: 24px 10px;
}

.contents-play {
  padding: 17px 0;
  background: #0d151d;
}
.contents-play h2 {
  margin-bottom: 16px;
}
.contents-play h2 img {
  margin: 0 auto;
}
.contents-play .app-list {
  font-size: 0;
  text-align: center;
  margin-bottom: 20px;
}
.contents-play .app-list li {
  display: inline-block;
  margin: 0 5px;
}
.contents-play .spec {
  padding: 0 10px;
  margin-bottom: 30px;
}
.contents-play .spec li {
  font-size: 12px;
  margin-bottom: 4px;
}
.contents-play .spec li:last-child {
  margin-bottom: 0;
}
.contents-play .lang-list {
  width: 124px;
  margin: 0 auto;
  position: relative;
}
.contents-play .lang-list #select-lang {
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 28px;
  overflow: hidden;
  background: url(/sp/assets/images/btn-lang.png?ea0d2506c0e2) no-repeat;
  background-size: 124px 28px;
  border: none;
  outline: none;
  z-index: 1;
  position: relative;
  text-indent: -999em;
}

.fb_edge_widget_with_comment {
  z-index: 89 !important;
}

.shares {
  margin: 20px auto 50px;
}
.shares .share-btns {
  text-align: center;
}
.shares .share-btns li {
  display: inline-block;
  margin: 0 20px;
}

.caption-imageheader {
  text-align: center;
  margin-bottom: 10px;
}

.back_to_top {
  text-align: center;
}

.inview-marker, .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  z-index: -100000;
}

.local-navi ul li {
  border-top: 1px solid #213a4c;
}
.local-navi ul li a {
  display: block;
  background: #072b46;
  position: relative;
  padding: 14px 10px;
  font-size: 16px;
  font-family: "Playfair Display SC", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
}
.local-navi ul li a:after {
  display: block;
  content: "";
  width: 7px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 12px;
  background: url(/sp/assets/images/subnavi-arrow.png?ea0d2506c0e2) no-repeat;
  background-size: 7px 5px;
  margin-top: -3px;
}

.select-navi {
  position: relative;
}
.select-navi h4 {
  background: #25395a;
  line-height: 1;
  font-size: 16px;
  font-family: "Playfair Display", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
  font-weight: normal;
}
.select-navi h4 #select-open {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 40px;
  width: 100%;
  padding: 12px 10px;
  background: url(/sp/assets/images/selectnavi-arrow.png?ea0d2506c0e2) no-repeat;
  background-position: right bottom;
  background-size: 40px;
}
.select-navi h4 #select-open.opened {
  background-position: right top;
}
.select-navi ul {
  position: absolute;
  width: 100%;
  top: 40px;
  left: 0;
  display: none;
  z-index: 10;
}
.select-navi ul li {
  display: block;
  border-top: 1px solid #213a4c;
}
.select-navi ul li a {
  display: block;
  background: #072b46;
  position: relative;
  padding: 14px 10px;
  font-size: 16px;
  font-family: "Playfair Display SC", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
}
.select-navi ul li a:after {
  display: block;
  content: "";
  width: 7px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 12px;
  background: url(/sp/assets/images/subnavi-arrow.png?ea0d2506c0e2) no-repeat;
  background-size: 7px 5px;
  margin-top: -3px;
}

.page-home #main-container {
  background: url(/sp/assets/images/home/main-image.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 380px;
}
.page-home #main-container h1 {
  padding-top: 74px;
  padding-bottom: 150px;
}
.page-home #main-container h1 img {
  margin: 0 auto;
}
.page-home .top-mov {
  width: 240px;
  margin: 0 auto;
  margin-bottom: 34px;
}
.page-home .top-mov iframe {
  border: 1px solid #88a4d2;
}
.page-home .top-banner {
  width: 100%;
  height: 172px;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.page-home .top-banner ul {
  position: absolute;
  width: 714px;
  height: 113px;
  top: 0;
  left: 38px;
}
.page-home .top-banner ul li {
  display: block;
  width: 238px;
  height: 113px;
}
.page-home .top-banner ul li a {
  display: table;
  width: 238px;
  height: 113px;
}
.page-home .top-banner ul li a span {
  display: table-cell;
  vertical-align: bottom;
}
.page-home .bx-wrapper .bx-viewport {
  height: 138px !important;
}
.page-home .get-app h3 {
  margin-bottom: 13px;
}
.page-home .get-app .app-list {
  text-align: center;
  margin-bottom: 26px;
}
.page-home .get-app .app-list li {
  display: inline-block;
  margin: 6px;
}
.page-home .news-list li {
  margin-bottom: 6px;
}
.page-home .news-list li a {
  display: block;
  border: 1px solid #32343a;
  height: 80px;
  background: #000;
  padding: 10px 62px 0px 10px;
  position: relative;
}
.page-home .news-list li a .news-image {
  position: absolute;
  top: 1px;
  right: 1px;
}
.page-home .news-list li a .news-image .cover {
  position: absolute;
  top: 0;
  left: 0;
}
.page-home .news-list li a .news-dates {
  position: relative;
  z-index: 3;
  margin-bottom: 5px;
}
.page-home .news-list li a .news-dates .time {
  display: inline-block;
  font-size: 10px;
  color: #3ce2f5;
}
.page-home .news-list li a .news-dates .category-label {
  background: #323232;
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 9px;
}
.page-home .news-list li a h4 {
  position: relative;
  z-index: 3;
  font-size: 11px;
  font-weight: normal;
}
.page-home .contents {
  padding: 0 10px;
  background: #000;
}
.page-home .contents .contents-header {
  position: relative;
}
.page-home .contents .contents-header a {
  display: block;
  width: 70px;
  height: 19px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}
.page-home .contents.news-contents {
  margin-bottom: 28px;
}
.page-home .contents.column-contents {
  margin-bottom: 28px;
}

.category-news .page-header {
  background: url(/sp/assets/images/news/title-bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 195px;
}
.category-news .select-navi {
  position: relative;
}
.category-news .select-navi ul li a {
  font-size: 12px;
}
.category-news .select-navi h4 #select-open {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 40px;
  width: 100%;
  padding: 2px 10px;
  background: none;
}
.category-news .select-navi h4 #select-open .label {
  display: inline-block;
  padding-right: 5px;
}
.category-news .select-navi h4 #select-open .current-category {
  width: 196px;
  display: inline-block;
  padding: 10px 8px;
  background: url(/sp/assets/images/selectnavi-arrow-white.png?ea0d2506c0e2) no-repeat #13253c;
  background-position: right bottom;
  background-size: 40px;
}
.category-news .select-navi h4 #select-open.opened .current-category {
  background-position: right top;
}
.category-news .news-list-head h3 {
  padding: 0 0 10px;
  font-size: 18px;
  font-weight: normal;
}
.category-news .local-navi ul li a {
  font-size: 12px;
}
.category-news .news-list li {
  margin-bottom: 6px;
}
.category-news .news-list li a {
  display: block;
  border: 1px solid #32343a;
  height: 80px;
  background: #000;
  padding: 10px 62px 0px 10px;
  position: relative;
}
.category-news .news-list li a .news-image {
  position: absolute;
  top: 1px;
  right: 1px;
}
.category-news .news-list li a .news-image .cover {
  position: absolute;
  top: 0;
  left: 0;
}
.category-news .news-list li a .news-dates {
  position: relative;
  z-index: 3;
  margin-bottom: 5px;
}
.category-news .news-list li a .news-dates .time {
  display: inline-block;
  font-size: 10px;
  color: #3ce2f5;
}
.category-news .news-list li a .news-dates .category-label {
  background: #323232;
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 9px;
}
.category-news .news-list li a h4 {
  position: relative;
  z-index: 3;
  font-size: 11px;
  font-weight: normal;
}
.category-news .next-page-link {
  width: 200px;
  height: 28px;
  margin: 0 auto;
  text-align: center;
  border: 0.5px solid #3adef4;
  background-color: #007491;
  padding-top: 12px;
  margin-top: 36px;
  position: relative;
  cursor: pointer;
}
.category-news .contents-body .news-dates {
  margin-bottom: 14px;
}
.category-news .contents-body .news-dates h3 {
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 8px;
  border-bottom: 1px solid #39a3d2;
  margin-bottom: 12px;
}
.category-news .contents-body .news-dates .meta-info .time {
  display: inline-block;
  font-size: 10px;
  color: #3ce2f5;
  margin-bottom: 10px;
}
.category-news .contents-body .news-dates .meta-info .category-label {
  background: #323232;
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 9px;
  margin-bottom: 10px;
}
.category-news .contents-body .news-dates .meta-info .sns-share {
  float: right;
  display: table;
}
.category-news .contents-body .news-dates .meta-info .sns-share li {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}

.category-world .page-header {
  background: url(/sp/assets/images/world/title-bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 195px;
}
.category-world.page-character h3 {
  margin-bottom: 10px;
}
.category-world .character-list li {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}
.category-world .character-list li:nth-child(2n) {
  margin-right: 0;
}
.category-world .hidden-content {
  display: none;
}
.category-world .hidden-content p {
  font-size: 12px;
  color: #fff;
  padding: 0 10px;
}
.category-world .hidden-content p.text {
  margin-bottom: 0.8em;
}
.category-world .hidden-content p.job {
  padding-bottom: 0.8em;
}
.category-world .hidden-content .chara-image {
  margin-bottom: 16px;
}
.category-world .hidden-content .cv {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 12px;
}
.category-world .hidden-content .cv p {
  display: table-cell;
  width: 218px;
  vertical-align: middle;
}
.category-world .hidden-content .cv a {
  position: relative;
  z-index: 10000;
  display: table-cell;
  width: 82px;
  vertical-align: middle;
}

.page-story #main-container .contents {
  padding: 0 0 35px 0;
}
.page-story #main-container .contents .page-title {
  padding-top: 18px;
}
.page-story #main-container .contents .main-txt {
  padding-top: 24px;
  margin-bottom: 29px;
}
.page-story #main-container .contents .outline .outline-list li {
  position: relative;
}
.page-story #main-container .contents .outline .outline-list li.part1:after {
  background: url(/sp/assets/images/story_outline_part1_bg.png) no-repeat center 0;
}
.page-story #main-container .contents .outline .outline-list li.part2:after {
  background: url(/sp/assets/images/story_outline_part2_bg.png) no-repeat center 0;
}
.page-story #main-container .contents .outline .outline-list li.part3:after {
  background: url(/sp/assets/images/story_outline_part3_bg.png) no-repeat center 0;
}
.page-story #main-container .contents .outline .outline-list li.part4:after {
  background: url(/sp/assets/images/story_outline_part4_bg.png) no-repeat center 0;
}
.page-story #main-container .contents .outline .outline-list li.part5:after {
  background: url(/sp/assets/images/story_outline_part5_bg.png) no-repeat center 0;
}
.page-story #main-container .contents .outline .outline-list li .ttl {
  position: relative;
  z-index: 2;
  margin-bottom: 25px;
}
.page-story #main-container .contents .outline .outline-list li .txt {
  position: relative;
  z-index: 2;
}
.page-story #main-container .contents .outline .outline-list li .yt {
  position: relative;
  z-index: 2;
  margin-bottom: 35px;
  text-align: center;
}
.page-story #main-container .contents .outline .outline-list li .yt iframe {
  border: 1px solid #30606f;
}
.page-story #main-container .contents .outline .outline-list li .link {
  position: relative;
  z-index: 2;
  text-align: center;
}
.page-story #main-container .contents .outline .outline-list li .link a {
  display: inline-block;
}
.page-story #main-container .contents .outline .outline-list li.part1 {
  padding-top: 48px;
}
.page-story #main-container .contents .outline .outline-list li.part1:after {
  display: block;
  content: "";
  width: 320px;
  height: 388px;
  position: absolute;
  top: 40px;
  left: 0;
  background-size: 320px 388px;
}
.page-story #main-container .contents .outline .outline-list li.part1 .ttl {
  margin-bottom: 18px;
}
.page-story #main-container .contents .outline .outline-list li.part1 .ttl img {
  width: 140px;
}
.page-story #main-container .contents .outline .outline-list li.part1 .txt img {
  width: 304px;
}
.page-story #main-container .contents .outline .outline-list li.part2 {
  padding-top: 120px;
}
.page-story #main-container .contents .outline .outline-list li.part2:after {
  display: block;
  content: "";
  width: 320px;
  height: 466px;
  position: absolute;
  top: 30px;
  left: 0;
  background-size: 320px 466px;
}
.page-story #main-container .contents .outline .outline-list li.part2 .ttl {
  margin-bottom: 17px;
}
.page-story #main-container .contents .outline .outline-list li.part2 .ttl img {
  width: 117px;
}
.page-story #main-container .contents .outline .outline-list li.part2 .txt img {
  width: 303px;
}
.page-story #main-container .contents .outline .outline-list li.part3 {
  padding-top: 120px;
}
.page-story #main-container .contents .outline .outline-list li.part3:after {
  display: block;
  content: "";
  width: 320px;
  height: 464px;
  position: absolute;
  top: 12px;
  left: 0;
  background-size: 320px 464px;
}
.page-story #main-container .contents .outline .outline-list li.part3 .ttl {
  margin-bottom: 17px;
}
.page-story #main-container .contents .outline .outline-list li.part3 .ttl img {
  width: 149px;
}
.page-story #main-container .contents .outline .outline-list li.part3 .txt {
  margin-bottom: 15px;
}
.page-story #main-container .contents .outline .outline-list li.part3 .txt img {
  width: 308px;
}
.page-story #main-container .contents .outline .outline-list li.part3 .yt {
  margin-bottom: 22px;
}
.page-story #main-container .contents .outline .outline-list li.part3 .link img {
  width: 226px;
}
.page-story #main-container .contents .outline .outline-list li.part4 {
  padding-top: 125px;
}
.page-story #main-container .contents .outline .outline-list li.part4:after {
  display: block;
  content: "";
  width: 320px;
  height: 435px;
  position: absolute;
  top: 70px;
  left: 0;
  background-size: 320px 435px;
}
.page-story #main-container .contents .outline .outline-list li.part4 .ttl {
  margin-bottom: 18px;
}
.page-story #main-container .contents .outline .outline-list li.part4 .ttl img {
  width: 134px;
}
.page-story #main-container .contents .outline .outline-list li.part4 .txt {
  margin-bottom: 15px;
}
.page-story #main-container .contents .outline .outline-list li.part4 .txt img {
  width: 313px;
}
.page-story #main-container .contents .outline .outline-list li.part4 .yt {
  margin-bottom: 25px;
}
.page-story #main-container .contents .outline .outline-list li.part4 .link img {
  width: 226px;
}
.page-story #main-container .contents .outline .outline-list li.part5 {
  padding-top: 120px;
}
.page-story #main-container .contents .outline .outline-list li.part5:after {
  display: block;
  content: "";
  width: 320px;
  height: 463px;
  position: absolute;
  top: 28px;
  left: 0;
  background-size: 320px 463px;
}
.page-story #main-container .contents .outline .outline-list li.part5 .ttl {
  margin-bottom: 256px;
}
.page-story #main-container .contents .outline .outline-list li.part5 .ttl img {
  width: 254px;
}
.page-story #main-container .contents .outline .outline-list li.part5 .txt {
  margin-bottom: 20px;
}
.page-story #main-container .contents .outline .outline-list li.part5 .txt img {
  width: 303px;
}
.page-story #main-container .contents .outline .outline-list li.part5 .yt {
  margin-bottom: 20px;
}
.page-story #main-container .contents .outline .outline-list li.part5 .yt iframe {
  width: 270px;
  height: 151px;
}
.page-story #main-container .contents .outline .outline-list li.part5 .link img {
  width: 271px;
}
.page-story #main-container .contents .outline .outline-list li.part2-1 {
  padding-top: 47px;
}
.page-story #main-container .contents .outline .outline-list li.part2-1:after {
  background: url(/sp/assets/images/story2_outline_part1_bg.png) no-repeat center 0;
  display: block;
  content: "";
  width: 320px;
  height: 352px;
  position: absolute;
  top: 10px;
  left: 0;
  background-size: 320px 352px;
}
.page-story #main-container .contents .outline .outline-list li.part2-1 .ttl {
  margin-bottom: 256px;
}
.page-story #main-container .contents .outline .outline-list li.part2-1 .ttl img {
  width: 125px;
}
.page-story #main-container .contents .outline .outline-list li.part2-1 .txt {
  margin-bottom: 20px;
}
.page-story #main-container .contents .outline .outline-list li.part2-1 .txt img {
  width: 306px;
}
.page-story #main-container .contents .outline .outline-list li.part2-1 .yt {
  margin-bottom: 20px;
}
.page-story #main-container .contents .outline .outline-list li.part2-1 .yt iframe {
  width: 270px;
  height: 151px;
}
.page-story #main-container .contents .outline .outline-list li.part2-1 .link img {
  width: 271px;
}
.page-story #main-container .contents .outline .outline-list li.part3-1 {
  padding-top: 40px;
}
.page-story #main-container .contents .outline .outline-list li.part3-1:after {
  background: url(/assets/images/sp/world/story/03/common/story3_outline_part1_bg.png) no-repeat center 0;
  display: block;
  content: "";
  width: 320px;
  height: 358.4px;
  position: absolute;
  top: 15px;
  left: 0;
  background-size: 320px 358.4px;
}
.page-story #main-container .contents .outline .outline-list li.part3-1 .ttl {
  margin-bottom: 256px;
}
.page-story #main-container .contents .outline .outline-list li.part3-1 .ttl img {
  width: 171.5px;
}
.page-story #main-container .contents .outline .outline-list li.part3-1 .txt {
  margin-bottom: 20px;
}
.page-story #main-container .contents .outline .outline-list li.part3-1 .txt img {
  width: 357.5px;
}
.page-story #main-container .contents .outline .outline-list li.part3-1 .yt {
  margin-bottom: 20px;
}
.page-story #main-container .contents .outline .outline-list li.part3-1 .yt iframe {
  width: 270px;
  height: 151px;
}
.page-story #main-container .contents .outline .outline-list li.part3-1 .link img {
  width: 271px;
}

.category-gameguide .page-header {
  background: url(/sp/assets/images/gameguide/title-bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 195px;
}
.category-gameguide .contents {
  padding: 24px 0;
}
.category-gameguide .contents h3 {
  margin-bottom: 10px;
}
.category-gameguide.page-outline .cluster {
  padding: 0 10px;
  margin-bottom: 1em;
}
.category-gameguide.page-outline .cluster p {
  font-size: 11px;
  margin-bottom: 0.8em;
}
.category-gameguide.page-outline .cluster p:last-child {
  margin-bottom: 0;
}
.category-gameguide.page-outline .cluster .num-dl {
  font-size: 11px;
}
.category-gameguide.page-outline .cluster .num-dl dt {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  float: left;
  clear: left;
  margin-bottom: 0.6em;
  position: relative;
  padding: 0 10px 0 20px;
}
.category-gameguide.page-outline .cluster .num-dl dt:after {
  display: block;
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  content: "：";
  width: auto;
}
.category-gameguide.page-outline .cluster .num-dl dt.num-01 {
  background: url(/sp/assets/images/gameguide/num-01.png?ea0d2506c0e2) no-repeat;
  background-size: 15px;
}
.category-gameguide.page-outline .cluster .num-dl dt.num-02 {
  background: url(/sp/assets/images/gameguide/num-02.png?ea0d2506c0e2) no-repeat;
  background-size: 15px;
}
.category-gameguide.page-outline .cluster .num-dl dt.num-03 {
  background: url(/sp/assets/images/gameguide/num-03.png?ea0d2506c0e2) no-repeat;
  background-size: 15px;
}
.category-gameguide.page-outline .cluster .num-dl dt.num-04 {
  background: url(/sp/assets/images/gameguide/num-04.png?ea0d2506c0e2) no-repeat;
  background-size: 15px;
}
.category-gameguide.page-outline .cluster .num-dl dd {
  padding-left: 80px;
  margin-bottom: 0.6em;
}
.category-gameguide.page-outline .outline-image {
  margin-bottom: 1em;
}
.category-gameguide.page-outline h4, .category-gameguide.page-outline h5 {
  margin-bottom: 4px;
}
.category-gameguide.page-playguide .contents h3 {
  margin-bottom: 11px;
}
.category-gameguide.page-playguide h4, .category-gameguide.page-playguide h5 {
  margin-bottom: 4px;
}
.category-gameguide.page-playguide .cluster {
  padding: 0 10px;
  margin-bottom: 1em;
}
.category-gameguide.page-playguide .cluster p {
  font-size: 11px;
  margin-bottom: 0.8em;
}
.category-gameguide.page-playguide .cluster p:last-child {
  margin-bottom: 0;
}
.category-gameguide.page-playguide .tap-area {
  position: relative;
  margin-bottom: 1.2em;
}
.category-gameguide.page-playguide .tap-area .tap-btns {
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  height: 192px;
}
.category-gameguide.page-playguide .tap-area .tap-btns li {
  position: absolute;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-01-01 {
  top: 3px;
  left: 9px;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-01-02 {
  top: 0px;
  left: 123px;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-01-03 {
  top: 84px;
  left: 111px;
  z-index: 2;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-01-04 {
  top: 130px;
  left: 124px;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-01-05 {
  top: 147px;
  left: 195px;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-01-06 {
  top: 111px;
  left: 262px;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-01-07 {
  top: 116px;
  left: 104px;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-01-08 {
  top: 60px;
  left: 244px;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-02-01 {
  top: 0px;
  left: 9px;
}
.category-gameguide.page-playguide .tap-area .tap-btns li.btn-02-02 {
  top: 70px;
  left: 27px;
}
.category-gameguide.page-playguide .info-area {
  margin-bottom: 2em;
}
.category-gameguide.page-playguide .info-area .info-list li {
  display: none;
}
.category-gameguide.page-playguide .info-area .info-list li.active {
  display: block;
}
.category-gameguide.page-playguide .info-area .info-list li h5 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0.8em;
  padding-left: 20px;
}
.category-gameguide.page-playguide .info-area .info-list li h5.num-01 {
  background: url(/sp/assets/images/gameguide/num-01.png?ea0d2506c0e2) no-repeat left center;
  background-size: 15px;
}
.category-gameguide.page-playguide .info-area .info-list li h5.num-02 {
  background: url(/sp/assets/images/gameguide/num-02.png?ea0d2506c0e2) no-repeat left center;
  background-size: 15px;
}
.category-gameguide.page-playguide .info-area .info-list li h5.num-03 {
  background: url(/sp/assets/images/gameguide/num-03.png?ea0d2506c0e2) no-repeat left center;
  background-size: 15px;
}
.category-gameguide.page-playguide .info-area .info-list li h5.num-04 {
  background: url(/sp/assets/images/gameguide/num-04.png?ea0d2506c0e2) no-repeat left center;
  background-size: 15px;
}
.category-gameguide.page-playguide .info-area .info-list li h5.num-05 {
  background: url(/sp/assets/images/gameguide/num-05.png?ea0d2506c0e2) no-repeat left center;
  background-size: 15px;
}
.category-gameguide.page-playguide .info-area .info-list li h5.num-06 {
  background: url(/sp/assets/images/gameguide/num-06.png?ea0d2506c0e2) no-repeat left center;
  background-size: 15px;
}
.category-gameguide.page-playguide .info-area .info-list li h5.num-07 {
  background: url(/sp/assets/images/gameguide/num-07.png?ea0d2506c0e2) no-repeat left center;
  background-size: 15px;
}
.category-gameguide.page-playguide .info-area .info-list li h5.num-08 {
  background: url(/sp/assets/images/gameguide/num-08.png?ea0d2506c0e2) no-repeat left center;
  background-size: 15px;
}
.category-gameguide.page-playguide .tap-area-03 {
  height: 170px;
  overflow: hidden;
  position: relative;
}
.category-gameguide.page-playguide .tap-area-03 #btn-prev,
.category-gameguide.page-playguide .tap-area-03 #btn-next {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  z-index: 3;
}
.category-gameguide.page-playguide .tap-area-03 #btn-next {
  left: auto;
  right: 10px;
}
.category-gameguide.page-card .contents h3 {
  margin-bottom: 10px;
}
.category-gameguide.page-card .card-navi {
  margin-bottom: 15px;
}
.category-gameguide.page-card .card-navi ul {
  text-align: center;
  font-size: 0;
}
.category-gameguide.page-card .card-navi ul li {
  display: inline-block;
  margin: 0 7px 10px;
}
.category-gameguide.page-card .cluster {
  position: relative;
  margin-bottom: 20px;
}
.category-gameguide.page-card .cluster .anchor {
  position: absolute;
  top: -50px;
  width: 1px;
  height: 1px;
  z-index: -1;
}
.category-gameguide.page-card h4 {
  margin-bottom: 10px;
}
.category-gameguide.page-card .text {
  padding: 0 10px;
  margin-bottom: 1.5em;
}
.category-gameguide.page-card .text p {
  font-size: 11px;
  margin-bottom: 0.8em;
}
.category-gameguide.page-card .text p:last-child {
  margin-bottom: 0;
}
.category-gameguide.page-card .card-list {
  text-align: center;
  font-size: 0;
}
.category-gameguide.page-card .card-list li {
  display: inline-block;
  margin: 0 3px;
}
.category-gameguide.page-card #cboxPrevious, .category-gameguide.page-card #cboxNext {
  display: none !important;
  top: 110px;
}
.category-gameguide.page-card #cboxPrevious span, .category-gameguide.page-card #cboxNext span {
  display: none;
}
.category-gameguide.page-card #cboxPrevious {
  left: 0;
  background: url(/sp/assets/images/cardpack/arrow-left.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  width: 80px;
  height: 66px;
}
.category-gameguide.page-card #cboxNext {
  right: 0;
  background: url(/sp/assets/images/cardpack/arrow-right.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  background-position: right;
  width: 80px;
  height: 66px;
}
.category-gameguide.page-card #cboxClose {
  top: 0;
  background: url(/sp/assets/images/btn-close.png?ea0d2506c0e2) no-repeat;
  background-size: 30px auto;
  right: 0px;
  width: 30px;
  height: 30px;
  display: block !important;
}
.category-gameguide.page-card .card-wrap {
  padding: 0px 10px;
}
.category-gameguide.page-card .card-wrap .card-image {
  overflow: visible;
}
.category-gameguide.page-card .card-wrap .card-image .colorbox-prev-origin, .category-gameguide.page-card .card-wrap .card-image .colorbox-next-origin {
  position: absolute;
  top: 60px;
  background: #f00;
}
.category-gameguide.page-card .card-wrap .card-image .colorbox-prev-origin {
  left: 0;
  background: url(/sp/assets/images/cardpack/arrow-left.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  width: 80px;
  height: 66px;
}
.category-gameguide.page-card .card-wrap .card-image .colorbox-next-origin {
  right: 0;
  background: url(/sp/assets/images/cardpack/arrow-right.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  background-position: right;
  width: 80px;
  height: 66px;
}
.category-gameguide.page-datalink .cluster {
  padding: 0 10px;
  margin-bottom: 1em;
}
.category-gameguide.page-datalink .cluster p {
  font-size: 11px;
  margin-bottom: 0.8em;
}
.category-gameguide.page-datalink .cluster p:last-child {
  margin-bottom: 0;
}
.category-gameguide.page-datalink .cluster p.red {
  color: #ff0000;
}
.category-gameguide.page-datalink .cluster ul.notice-list {
  margin: 5px 0 0 20px;
  padding: 0;
}
.category-gameguide.page-datalink .cluster ul.notice-list li {
  list-style-type: disc;
  font-size: 11px;
}
.category-gameguide.page-datalink .outline-image {
  margin-bottom: 1em;
  padding-top: 6px;
  position: relative;
}
.category-gameguide.page-datalink .outline-image .snum {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 13px;
  height: 13px;
  z-index: 100;
}
.category-gameguide.page-datalink h4, .category-gameguide.page-datalink h5 {
  margin-bottom: 4px;
}
.category-gameguide.page-datalink .contents h4 {
  margin-bottom: 10px;
  text-shadow: 0 0 13px rgba(16, 171, 229, 0.74), 0 0 13px rgba(16, 171, 229, 0.74), 0 0 13px rgba(16, 171, 229, 0.74), 0 0 13px rgba(16, 171, 229, 0.74);
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
}
.category-gameguide.page-format .cluster p {
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 12px;
}
.category-gameguide.page-format .cluster ul.format-list > li {
  margin-bottom: 20px;
}
.category-gameguide.page-format .cluster ul.format-list > li > p {
  padding: 0 10px;
  font-size: 11px;
  margin-bottom: 18px;
}
.category-gameguide.page-format .cluster ul.format-list > li .format-image img {
  height: 130px;
  width: auto;
}
.category-gameguide.page-format .cluster ul.format-list > li .cards-area {
  font-size: 11px;
}
.category-gameguide.page-format .cluster ul.format-list > li .cards-area p {
  padding: 0 10px;
  font-size: 11px;
}
.category-gameguide.page-format .cluster ul.format-list > li:last-child {
  margin-bottom: 0;
}

.category-contents .page-header {
  background: url(/sp/assets/images/contents/title-bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 195px;
}
.category-contents.page-moviegallery h3 {
  margin-bottom: 7px;
}
.category-contents.page-moviegallery .movie-gallery-list li {
  margin-bottom: 20px;
}
.category-contents.page-moviegallery .movie-gallery-list li:last-child {
  margin-bottom: 0;
}
.category-contents.page-moviegallery .movie-gallery-list li a {
  display: block;
  margin-bottom: 6px;
  width: 300px;
  height: 167px;
  position: relative;
}
.category-contents.page-moviegallery .movie-gallery-list li a:before {
  display: block;
  content: url(/sp/assets/images/movie_play_button.png?ea0d2506c0e2);
  position: absolute;
  left: 50%;
  top: 50%;
  zoom: 0.5;
  margin-left: -52px;
  margin-top: -36px;
}
.category-contents.page-moviegallery .movie-gallery-list li p {
  font-size: 11px;
}

.category-column .page-header {
  background: url(/sp/assets/images/column/title-bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 195px;
}
.category-column .select-navi,
.category-column .tag-navi {
  position: relative;
}
.category-column .select-navi h4,
.category-column .tag-navi h4 {
  background: #25395a;
  line-height: 1;
  font-size: 16px;
  font-family: "Playfair Display", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
  font-weight: normal;
}
.category-column .select-navi h4 #select-open,
.category-column .tag-navi h4 #select-open {
  background: url(/sp/assets/images/tag-arrow.png?ea0d2506c0e2) no-repeat;
  background-position: right top;
  background-size: 40px;
}
.category-column .select-navi h4 #select-open.opened,
.category-column .tag-navi h4 #select-open.opened {
  background-position: right bottom;
}
.category-column .select-navi ul,
.category-column .tag-navi ul {
  background: #25395a;
  padding: 14px 10px;
}
.category-column .select-navi ul li,
.category-column .tag-navi ul li {
  display: inline;
  border: none;
  position: relative;
  padding: 0 10px 0 0;
  margin-right: 10px;
}
.category-column .select-navi ul li:after,
.category-column .tag-navi ul li:after {
  position: absolute;
  top: 3px;
  right: -5px;
  content: "/";
  line-height: 1;
  font-size: 12px;
}
.category-column .select-navi ul li a,
.category-column .tag-navi ul li a {
  line-height: 1;
  display: inline-block;
  background: none;
  position: relative;
  padding: 6px 0;
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
}
.category-column .select-navi ul li a:after,
.category-column .tag-navi ul li a:after {
  display: none;
}
.category-column .news-list-head h3 {
  padding: 0 0 10px;
  font-size: 18px;
  font-weight: normal;
}
.category-column .news-list li {
  float: left;
  width: 147px;
  margin-right: 6px;
  margin-bottom: 20px;
}
.category-column .news-list li:nth-child(2n) {
  margin-right: 0;
}
.category-column .news-list li .news-image {
  border: 1px solid #41495e;
  margin-bottom: 6px;
}
.category-column .news-list li h4 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #41495e;
}
.category-column .news-list li .news-dates a {
  display: table;
  width: 100%;
}
.category-column .news-list li .news-dates .author-image {
  display: table-cell;
  vertical-align: middle;
  width: 25px;
}
.category-column .news-list li .news-dates .author-image img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
}
.category-column .news-list li .news-dates .meta-info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
.category-column .news-list li .news-dates .meta-info .time,
.category-column .news-list li .news-dates .meta-info .author {
  display: block;
  font-size: 9px;
  color: #3ce2f5;
}
.category-column .contents-body .news-dates {
  margin-bottom: 24px;
}
.category-column .contents-body .news-dates h3 {
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 8px;
  border-bottom: 1px solid #39a3d2;
  margin-bottom: 12px;
}
.category-column .contents-body .news-dates .meta-info a {
  display: table;
  width: 46%;
  float: left;
}
.category-column .contents-body .news-dates .meta-info .author-image {
  display: table-cell;
  vertical-align: middle;
  width: 25px;
}
.category-column .contents-body .news-dates .meta-info .author-image img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
}
.category-column .contents-body .news-dates .meta-info .meta-info-s {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
.category-column .contents-body .news-dates .meta-info .meta-info-s .time,
.category-column .contents-body .news-dates .meta-info .meta-info-s .author {
  display: block;
  font-size: 9px;
  color: #3ce2f5;
}
.category-column .contents-body .news-dates .meta-info .sns-share {
  float: right;
  display: table;
}
.category-column .contents-body .news-dates .meta-info .sns-share li {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
.category-column .contents-body .author-block {
  margin-top: 20px;
  margin-bottom: 40px;
  border: 1px solid #163a4b;
  background: #0c1c25;
  padding: 16px 12px;
}
.category-column .contents-body .author-block .author-names {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.category-column .contents-body .author-block .author-names .author-image-l {
  display: table-cell;
  width: 37px;
  vertical-align: middle;
}
.category-column .contents-body .author-block .author-names h5 {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  font-weight: normal;
  color: #3ce2f5;
  padding-left: 10px;
}
.category-column .contents-body .author-block .author-info {
  font-size: 11px;
  color: #c8c8c8;
  margin-bottom: 14px;
}
.category-column .contents-body .author-block .btn-to-author a {
  display: block;
  line-height: 1;
  padding: 12px 0;
  text-align: center;
  background: #072b46;
  border: 1px solid #143f60;
}
.category-column .relation-block,
.category-column .recent-block,
.category-column .tag-block {
  margin-bottom: 25px;
}
.category-column .relation-block h5,
.category-column .recent-block h5,
.category-column .tag-block h5 {
  margin-bottom: 6px;
}
.category-column .tag-block {
  margin-bottom: 0;
}
.category-column .tag-block .tag-list li {
  display: inline;
  position: relative;
  line-height: 1;
  padding-right: 10px;
  font-size: 11px;
}
.category-column .tag-block .tag-list li:after {
  display: inline-block;
  position: relative;
  top: 0px;
  right: -5px;
  content: "/";
}
.category-column .post-list li {
  margin-bottom: 6px;
}
.category-column .post-list li a {
  display: block;
  border: 1px solid #32343a;
  height: 80px;
  background: #000;
  padding: 10px 100px 0px 10px;
  position: relative;
}
.category-column .post-list li a .column-image {
  position: absolute;
  top: 1px;
  right: 1px;
}
.category-column .post-list li a .column-image .cover {
  position: absolute;
  top: 0;
  left: 0;
}
.category-column .post-list li a .relation-titles {
  position: relative;
  z-index: 3;
  margin-bottom: 5px;
}
.category-column .post-list li a .relation-titles .time {
  display: inline-block;
  font-size: 10px;
  color: #3ce2f5;
}
.category-column .post-list li a .relation-titles h4 {
  position: relative;
  z-index: 3;
  font-size: 11px;
  font-weight: normal;
}

.category-etc .page-header {
  background: url(/sp/assets/images/etc/title-bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 195px;
  height: 140px;
}
.category-etc.page-faq .page-header, .category-etc.page-customer .page-header {
  background: url(/sp/assets/images/etc/title-bg_ex.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 667px 195px;
}
.category-etc.page-faq .btn-center .btn-list, .category-etc.page-customer .btn-center .btn-list {
  text-align: center;
  letter-spacing: -1em;
}
.category-etc.page-faq .btn-center .btn-list li, .category-etc.page-customer .btn-center .btn-list li {
  letter-spacing: normal;
  display: inline-block;
  padding: 0 10px;
}
.category-etc .ul-list-none > li {
  list-style: none inside;
  margin-bottom: 20px;
}
.category-etc .ul-list-none > li:last-child {
  margin-bottom: 0;
}
.category-etc .ul-list-none > li h4 {
  color: #88c5e2;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.category-etc .ul-list-none > li h4 span {
  margin-right: 1em;
}
.category-etc .ul-list-none > li p {
  color: #fff;
  line-height: 1.7em;
  font-size: 11px;
}
.category-etc .ol-list-ex {
  counter-reset: cnt;
  padding-left: 1.5em;
}
.category-etc .ol-list-ex > li {
  list-style: none inside;
  counter-increment: cnt;
  text-indent: -1.5em;
  color: #fff;
  font-size: 11px;
}
.category-etc .ol-list-ex > li.two {
  text-indent: -2.2em;
}
.category-etc .ol-list-ex > li:before {
  position: relative;
  left: -0.5em;
  content: "(" counter(cnt) ") ";
}
.category-etc .dot-list {
  padding-left: 1.5em;
}
.category-etc .dot-list > li {
  text-indent: 0;
  line-height: 1.7em;
  color: #fff;
  list-style: disc outside;
  font-size: 11px;
}
.category-etc .dot-list > li .num-list > li > .dot-list {
  margin-bottom: 1em;
}
.category-etc .mini-list {
  padding-left: 1.5em;
}
.category-etc .mini-list li {
  list-style: lower-latin outside;
}
.category-etc .inline {
  display: inline;
}
.category-etc .sign {
  margin-top: 2em;
  text-align: right;
  font-size: 11px;
}
.category-etc.page-privacy .page-header, .category-etc.page-optout .page-header, .category-etc.page-legalrequirements .page-header {
  padding-top: 36px;
}
.category-etc.page-privacy .ol-list > li, .category-etc.page-optout .ol-list > li, .category-etc.page-legalrequirements .ol-list > li {
  color: #88c5e2;
}
.category-etc.page-privacy .ol-list p.mini, .category-etc.page-optout .ol-list p.mini, .category-etc.page-legalrequirements .ol-list p.mini {
  text-decoration: underline;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}
.category-etc.page-privacy .update, .category-etc.page-optout .update, .category-etc.page-legalrequirements .update {
  margin-bottom: 15px;
  color: #fff;
  line-height: 1.7em;
  font-size: 11px;
}
.category-etc.page-privacy .lead, .category-etc.page-optout .lead, .category-etc.page-legalrequirements .lead {
  margin-bottom: 15px;
  color: #fff;
  line-height: 1.7em;
  font-size: 11px;
}
.category-etc.page-terms .page-header {
  padding-top: 36px;
}
.category-etc.page-terms .update {
  font-size: 11px;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.category-etc.page-terms .lead {
  font-size: 11px;
  margin-bottom: 2em;
}
.category-etc.page-terms .lead p {
  line-height: 1.5em;
  margin-bottom: 1em;
}
.category-etc.page-terms strong {
  font-weight: bold;
}
.category-etc.page-terms .ol-list > li {
  font-size: 11px;
}
.category-etc .about-list > li {
  color: #88c5e2;
  margin-bottom: 20px;
}
.category-etc .about-list > li:last-child {
  margin-bottom: 0;
}
.category-etc .about-list > li h4 {
  color: #88c5e2;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.category-etc .about-list > li p {
  color: #fff;
  line-height: 1.7em;
  font-size: 11px;
}
.category-etc.page-device .page-header {
  padding-top: 40px;
}
.category-etc.page-device .lead {
  font-size: 11px;
  margin-bottom: 20px;
}
.category-etc.page-device h3 {
  color: #88c5e2;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #163a4b;
  padding-bottom: 4px;
  margin-bottom: 7px;
}
.category-etc.page-device h4 {
  color: #88c5e2;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 7px;
}
.category-etc.page-device .box > .cluster {
  margin-bottom: 20px;
  font-size: 11px;
}
.category-etc.page-device .box > .cluster:last-child {
  margin-bottom: 0;
}
.category-etc.page-device .box > .cluster .cluster {
  margin-bottom: 20px;
}
.category-etc.page-device .box > .cluster .cluster:last-child {
  margin-bottom: 0;
}
.category-etc.page-device .spec-list {
  margin-bottom: 20px;
}
.category-etc.page-device .spec-list .spec dt, .category-etc.page-device .spec-list .spec dd {
  display: inline;
  font-size: 11px;
}
.category-etc.page-device .spec-list-android dl {
  float: left;
}
.category-etc.page-device .spec-list-android dl:last-child {
  float: right;
}
.category-etc.page-device .spec-list-android dl dt, .category-etc.page-device .spec-list-android dl dd {
  font-size: 11px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 5px 10px;
  line-height: 1.2em;
}
.category-etc.page-device .spec-list-android dl dt {
  width: 220px;
  margin-right: 2px;
}
.category-etc.page-device .spec-list-android dl dd {
  width: 78px;
}
.category-etc.page-device .spec-list-android .dthead,
.category-etc.page-device .spec-list-android .ddhead {
  background: #112b38;
  text-align: center;
}
.category-etc.page-faq .local-navi ul li a {
  font-size: 16px;
  font-family: "Playfair Display SC", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
}
.category-etc.page-faq .contents {
  padding: 24px 0;
}
.category-etc.page-faq .lead {
  padding: 0 10px;
  margin-bottom: 16px;
}
.category-etc.page-faq .lead a {
  color: #ffb400;
}
.category-etc.page-faq .tab {
  background: #25395a;
  margin-bottom: 20px;
}
.category-etc.page-faq .tab dl dt {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 104px;
  padding: 14px 0 14px 10px;
}
.category-etc.page-faq .tab dl dd {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: left;
  width: 212px;
  height: 36px;
  padding: 2px 0;
}
.category-etc.page-faq .tab dl dd select {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  background: transparent;
  width: 100%;
  height: 36px;
  padding: 8px 10px;
  line-height: 1;
  border: none;
  -webkit-appearance: none;
  color: #fff;
  overflow: hidden;
  background: url(/sp/assets/images/etc/faq-category-arrow.png?ea0d2506c0e2) no-repeat right #13253c;
  background-size: 25px 11px;
}
.category-etc.page-faq .tab dl dd select option {
  color: #000;
}
.category-etc.page-faq .faq-list {
  padding: 0 10px;
  display: none;
  margin-bottom: 36px;
}
.category-etc.page-faq .faq-list.active {
  display: block;
}
.category-etc.page-faq .faq-list h4 {
  color: #88c5e2;
  font-weight: normal;
  padding-bottom: 8px;
  border-bottom: 1px solid #163a4b;
  margin-bottom: 10px;
}
.category-etc.page-faq .faq-list > li {
  margin-bottom: 20px;
}
.category-etc.page-faq .faq-list > li:last-child {
  margin-bottom: 0;
}
.category-etc.page-faq .faq-list .faq:last-child {
  margin-bottom: 0;
}
.category-etc.page-faq .faq-list .faq li {
  margin-bottom: 10px;
}
.category-etc.page-faq .faq-list .faq li:last-child {
  margin-bottom: 0;
}
.category-etc.page-faq .faq-list .faq li dl dt {
  position: relative;
}
.category-etc.page-faq .faq-list .faq li dl dt a {
  display: block;
  padding: 6px 40px 6px 12px;
  background: #112b38;
}
.category-etc.page-faq .faq-list .faq li dl dt a:after {
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: url(/sp/assets/images/etc/faq-arrow.png?ea0d2506c0e2) no-repeat;
  background-size: 19px;
  background-position: left top;
  margin-top: -10px;
}
.category-etc.page-faq .faq-list .faq li dl dt a.opened:after {
  background-position: left bottom;
}
.category-etc.page-faq .faq-list .faq li dl dd {
  display: none;
  padding: 8px;
  font-size: 11px;
  border-bottom: 1px solid #122b38;
}
.category-etc.page-faq .faq-list .faq li dl dd.opened {
  display: block;
}
.category-etc.page-faq .faq-list .faq li dl dd iframe {
  max-width: 100%;
}
.category-etc.page-faq .contact-box {
  background: #0d1c25;
  border-bottom: 1px solid #143f60;
  padding: 0 0 10px;
}
.category-etc.page-faq .contact-box h3 {
  text-align: center;
  background: #133e5f;
  color: #88c5e2;
  padding: 4px 0;
  font-weight: normal;
  margin-bottom: 8px;
}
.category-etc.page-faq .contact-box .cluster {
  padding: 0 10px;
  font-size: 11px;
}
.category-etc.page-faq .contact-box .cluster .btn-center {
  padding: 20px 0;
}
.category-etc.page-faq .contact-box .notice {
  font-size: 10px;
}
.category-etc.page-contact .errors {
  padding: 15px;
  color: #d80303;
  border: 1px solid #960000;
  border-radius: 4px;
  margin-bottom: 24px;
}
.category-etc.page-contact .errors ul li {
  color: #d80303;
  margin-bottom: 4px;
}
.category-etc.page-contact .errors ul li:last-child {
  margin-bottom: 0;
}
.category-etc.page-contact #contact-form input[type=text],
.category-etc.page-contact #contact-form input[type=datetime],
.category-etc.page-contact #contact-form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #5e5e5e;
  background: #2d2d2d;
  -moz-box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  -webkit-box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  outline: none;
  padding: 8px 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
}
.category-etc.page-contact #contact-form textarea {
  height: 230px;
  resize: none;
}
.category-etc.page-contact #contact-form .select-wrap {
  box-sizing: border-box;
  border: 1px solid #5e5e5e;
  background: url(/sp/assets/images/contact/select-arrow.png?ea0d2506c0e2) no-repeat right center #2d2d2d;
  background-size: 13px 12px;
  -moz-box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  -webkit-box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  outline: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.category-etc.page-contact #contact-form select {
  box-sizing: border-box;
  background: transparent;
  width: 100%;
  padding: 8px 6px 8px 6px;
  line-height: 1;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  color: #fff;
}
.category-etc.page-contact h3 {
  margin-bottom: 20px;
}
.category-etc.page-contact h3.h3_ex {
  margin-bottom: 8px;
}
.category-etc.page-contact .form-block {
  margin-bottom: 30px;
}
.category-etc.page-contact .form-block:last-child {
  margin-bottom: 0;
}
.category-etc.page-contact .lead {
  font-size: 12px;
  margin-bottom: 18px;
}
.category-etc.page-contact .lead-l {
  margin-bottom: 25px;
}
.category-etc.page-contact .form-list.email-list {
  background: rgba(57, 163, 210, 0.1);
  padding: 10px;
}
.category-etc.page-contact .form-list > li {
  margin-bottom: 20px;
}
.category-etc.page-contact .form-list > li:last-child {
  margin-bottom: 0;
}
.category-etc.page-contact .form-list > li dl dt {
  line-height: 1;
  color: #88c5e2;
  margin-bottom: 10px;
}
.category-etc.page-contact .form-list > li dl dt span {
  font-size: 14px;
  color: #d80303;
}
.category-etc.page-contact .form-list > li dl dd .attention {
  padding-top: 8px;
  font-size: 10px;
}
.category-etc.page-contact .form-list > li dl dd .date_list {
  margin-bottom: 10px;
}
.category-etc.page-contact .form-list > li dl dd .date_list li {
  float: left;
  padding-right: 11px;
}
.category-etc.page-contact .form-list > li dl dd.oc_dates {
  width: 100%;
}
.category-etc.page-contact .form-list > li dl dd.oc_dates .timepicker-date-wrap,
.category-etc.page-contact .form-list > li dl dd.oc_dates .time-date-wrap,
.category-etc.page-contact .form-list > li dl dd.oc_dates .date_fix {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
}
.category-etc.page-contact .form-list > li dl dd.oc_dates .timepicker-date-wrap {
  width: 50%;
  padding-left: 6px;
}
.category-etc.page-contact .form-list > li dl dd.oc_dates .timepicker-date-wrap .timepicker-date {
  height: 32px !important;
}
.category-etc.page-contact .form-list > li dl dd.oc_dates .time-date-wrap {
  width: 20%;
  padding-left: 6px;
}
.category-etc.page-contact .form-list > li dl dd.oc_dates .date_h-wrap,
.category-etc.page-contact .form-list > li dl dd.oc_dates .date_m-wrap {
  width: 15%;
  display: inline-block;
}
.category-etc.page-contact .form-list > li dl dd.oc_dates .date_fix {
  width: 1em;
  padding-left: 3px;
}
.category-etc.page-contact .form-list > li dl dd.scroll-box {
  height: 250px;
  padding: 10px 3px;
  overflow-y: auto;
  border: 1px solid #3d3d3d;
  border-radius: 4px;
  margin-bottom: 15px;
  -webkit-overflow-scrolling: touch;
}
.category-etc.page-contact .form-list > li dl dd.scroll-box p {
  font-size: 11px;
}
.category-etc.page-contact .form-list > li dl dd.agree {
  font-size: 11px;
}
.category-etc.page-contact .form-list > li > p.ex {
  font-size: 10px;
}
.category-etc.page-contact .btns {
  text-align: center;
}
.category-etc.page-contact .btns li {
  display: inline-block;
  margin: 0 2px;
}
.category-etc.page-contact .btns li a {
  display: inline-block;
}
.category-etc.page-contact .confirm-text {
  word-wrap: break-word;
}
.category-etc.page-contact .completion .box .cluster {
  padding: 14px 12px;
  margin-bottom: 20px;
}
.category-etc.page-contact .completion .box .cluster h3 {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #88c5e2;
  margin-bottom: 20px;
}
.category-etc.page-contact .completion .box .cluster p {
  font-size: 11px;
  line-height: 1.8em;
  margin-bottom: 20px;
}
.category-etc.page-contact .completion .box .cluster p.attention {
  margin-bottom: 0;
  font-size: 10px;
}
.category-etc.page-contact .scroll-box .mCSB_inside > .mCSB_container {
  margin-right: 15px;
}
.category-etc.page-contact .scroll-inner h5 {
  margin-bottom: 1.5em;
  font-size: 18px;
}
.category-etc.page-contact .scroll-inner .update,
.category-etc.page-contact .scroll-inner .lead {
  margin-bottom: 1em;
}
.category-etc.page-contact .scroll-inner .lead {
  line-height: 1.5em;
}
.category-etc.page-contact .scroll-inner .privacy-lsit > li, .category-etc.page-contact .scroll-inner ol.ol-list > li {
  list-style: decimal;
  font-weight: bold;
  margin-bottom: 1em;
}
.category-etc.page-contact .scroll-inner .privacy-lsit h6, .category-etc.page-contact .scroll-inner ol.ol-list h6 {
  margin-bottom: 0.8em;
  position: relative;
  left: 2.2em;
  padding-right: 2.2em;
}
.category-etc.page-contact .scroll-inner .privacy-lsit p, .category-etc.page-contact .scroll-inner ol.ol-list p {
  line-height: 1.5em;
  margin-bottom: 1em;
  font-weight: normal;
}
.category-etc.page-contact .scroll-inner .privacy-lsit p:last-child, .category-etc.page-contact .scroll-inner ol.ol-list p:last-child {
  margin-bottom: 0;
}
.category-etc.page-contact .scroll-inner .privacy-lsit p.mini, .category-etc.page-contact .scroll-inner ol.ol-list p.mini {
  font-weight: bold;
  text-decoration: underline;
}
.category-etc.page-contact .scroll-inner .privacy-lsit a, .category-etc.page-contact .scroll-inner ol.ol-list a {
  text-decoration: underline;
}
.category-etc.page-contact .scroll-inner .privacy-lsit a:hover, .category-etc.page-contact .scroll-inner ol.ol-list a:hover {
  text-decoration: none;
}
.category-etc.page-contact .scroll-inner .privacy-lsit .dot-list, .category-etc.page-contact .scroll-inner ol.ol-list .dot-list {
  padding-left: 1.5em;
}
.category-etc.page-contact .scroll-inner .privacy-lsit .dot-list > li, .category-etc.page-contact .scroll-inner ol.ol-list .dot-list > li {
  list-style: disc;
  font-weight: normal;
  margin-bottom: 0.3em;
}
.category-etc.page-customer .errors {
  padding: 15px;
  color: #d80303;
  border: 1px solid #960000;
  border-radius: 4px;
  margin-bottom: 24px;
}
.category-etc.page-customer .errors ul li {
  color: #d80303;
  margin-bottom: 4px;
}
.category-etc.page-customer .errors ul li:last-child {
  margin-bottom: 0;
}
.category-etc.page-customer #contact-form input[type=text],
.category-etc.page-customer #contact-form input[type=datetime],
.category-etc.page-customer #contact-form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #5e5e5e;
  background: #2d2d2d;
  -moz-box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  -webkit-box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  outline: none;
  line-height: 21px;
  padding: 8px 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS P Gothic", sans-serif;
}
.category-etc.page-customer #contact-form textarea {
  height: 230px;
  resize: none;
}
.category-etc.page-customer #contact-form .select-wrap {
  box-sizing: border-box;
  border: 1px solid #5e5e5e;
  background: url(/sp/assets/images/contact/select-arrow.png?ea0d2506c0e2) no-repeat right center #2d2d2d;
  background-size: 13px 12px;
  -moz-box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  -webkit-box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  box-shadow: 0 -3px 3px rgba(8, 2, 4, 0.2) inset;
  outline: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.category-etc.page-customer #contact-form select {
  box-sizing: border-box;
  background: transparent;
  width: 100%;
  padding: 8px 6px 8px 6px;
  line-height: 1;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  color: #fff;
}
.category-etc.page-customer h3 {
  margin-bottom: 20px;
  font-size: 19px;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 10px #10abe5, 0 0 5px #10abe5, 0 0 2px #10abe5;
}
.category-etc.page-customer h3.h3_ex {
  margin-bottom: 8px;
}
.category-etc.page-customer .form-block {
  margin-bottom: 30px;
}
.category-etc.page-customer .form-block:last-child {
  margin-bottom: 0;
}
.category-etc.page-customer .lead {
  font-size: 12px;
  margin-bottom: 18px;
}
.category-etc.page-customer .lead-l {
  margin-bottom: 25px;
}
.category-etc.page-customer .form-list.email-list {
  background: rgba(57, 163, 210, 0.1);
  padding: 10px;
}
.category-etc.page-customer .form-list > li {
  margin-bottom: 20px;
}
.category-etc.page-customer .form-list > li:last-child {
  margin-bottom: 0;
}
.category-etc.page-customer .form-list > li dl dt {
  line-height: 1;
  color: #88c5e2;
  margin-bottom: 10px;
}
.category-etc.page-customer .form-list > li dl dt span.required {
  font-size: 14px;
  color: #d80303;
}
.category-etc.page-customer .form-list > li dl dd .attention {
  padding-top: 8px;
  font-size: 10px;
}
.category-etc.page-customer .form-list > li dl dd .date_list {
  margin-bottom: 10px;
}
.category-etc.page-customer .form-list > li dl dd .date_list li {
  float: left;
  padding-right: 11px;
}
.category-etc.page-customer .form-list > li dl dd.oc_dates {
  display: table;
  width: 100%;
}
.category-etc.page-customer .form-list > li dl dd.oc_dates .timepicker-date-wrap,
.category-etc.page-customer .form-list > li dl dd.oc_dates .time-date-wrap,
.category-etc.page-customer .form-list > li dl dd.oc_dates .date_fix {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
}
.category-etc.page-customer .form-list > li dl dd.oc_dates .timepicker-date-wrap {
  width: 40%;
  padding-left: 24px;
}
.category-etc.page-customer .form-list > li dl dd.oc_dates .timepicker-date-wrap .timepicker-date {
  height: 32px !important;
}
.category-etc.page-customer .form-list > li dl dd.oc_dates .time-date-wrap {
  width: 20%;
  padding-right: 6px;
}
.category-etc.page-customer .form-list > li dl dd.oc_dates .date_h-wrap,
.category-etc.page-customer .form-list > li dl dd.oc_dates .date_m-wrap {
  width: 100%;
  display: inline-block;
}
.category-etc.page-customer .form-list > li dl dd.oc_dates .date_fix {
  width: 1em;
  padding-left: 3px;
}
.category-etc.page-customer .form-list > li dl dd.scroll-box {
  height: 250px;
  padding: 10px 3px;
  overflow-y: auto;
  border: 1px solid #3d3d3d;
  border-radius: 4px;
  margin-bottom: 15px;
  -webkit-overflow-scrolling: touch;
}
.category-etc.page-customer .form-list > li dl dd.scroll-box p {
  font-size: 11px;
}
.category-etc.page-customer .form-list > li dl dd.agree {
  font-size: 11px;
}
.category-etc.page-customer .form-list > li > p.ex {
  font-size: 10px;
}
.category-etc.page-customer .btns {
  text-align: center;
}
.category-etc.page-customer .btns li {
  display: inline-block;
  margin: 0 2px;
}
.category-etc.page-customer .btns li a {
  display: inline-block;
}
.category-etc.page-customer .confirm-text {
  word-wrap: break-word;
}
.category-etc.page-customer .completion .box .cluster {
  padding: 14px 12px;
  margin-bottom: 20px;
}
.category-etc.page-customer .completion .box .cluster h3 {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #88c5e2;
  margin-bottom: 20px;
}
.category-etc.page-customer .completion .box .cluster p {
  font-size: 11px;
  line-height: 1.8em;
  margin-bottom: 20px;
}
.category-etc.page-customer .completion .box .cluster p.attention {
  margin-bottom: 0;
  font-size: 10px;
}
.category-etc.page-customer .scroll-box .mCSB_inside > .mCSB_container {
  margin-right: 15px;
}
.category-etc.page-customer .scroll-inner h5 {
  margin-bottom: 1.5em;
  font-size: 18px;
}
.category-etc.page-customer .scroll-inner .update,
.category-etc.page-customer .scroll-inner .lead {
  margin-bottom: 1em;
}
.category-etc.page-customer .scroll-inner .lead {
  line-height: 1.5em;
}
.category-etc.page-customer .scroll-inner .ol-list > li {
  list-style: decimal;
  font-weight: bold;
  margin-bottom: 1em;
}
.category-etc.page-customer .scroll-inner .ol-list > li:before {
  left: 0em;
}
.category-etc.page-customer .scroll-inner .ol-list h4 {
  font-weight: bold;
  color: #fff;
  margin-bottom: 0.8em;
  position: relative;
}
.category-etc.page-customer .scroll-inner .ol-list p {
  line-height: 1.5em;
  margin-bottom: 1em;
  font-weight: normal;
}
.category-etc.page-customer .scroll-inner .ol-list p:last-child {
  margin-bottom: 0;
}
.category-etc.page-customer .scroll-inner .ol-list p.mini {
  font-weight: bold;
  text-decoration: underline;
}
.category-etc.page-customer .scroll-inner .ol-list a {
  text-decoration: underline;
}
.category-etc.page-customer .scroll-inner .ol-list a:hover {
  text-decoration: none;
}
.category-etc.page-customer .scroll-inner .ol-list .dot-list {
  padding-left: 1.5em;
}
.category-etc.page-customer .scroll-inner .ol-list .dot-list > li {
  list-style: disc;
  font-weight: normal;
  margin-bottom: 0.3em;
}
.category-etc.page-customer .scroll-inner .ol-list.nonum > li {
  list-style: none;
}
.category-etc.page-customer .scroll-inner .ol-list.nonum > li:before {
  content: none !important;
}
.category-etc.page-customer .scroll-inner .ol-list.nobold > li {
  font-weight: normal;
}

.card-wrap {
  position: absolute;
  right: 50%;
  top: 0;
  transform: translate(50%, 0);
  width: 300px;
  overflow: scroll;
}
@media (orientation: landscape) {
  .card-wrap {
    height: 100%;
  }
}
.card-wrap .card-image {
  padding-top: 0px;
  margin-bottom: 0;
}
.card-wrap p {
  color: #fff;
  font-size: 11px;
  padding: 0 10px;
}
.card-wrap .card-detail-info ul {
  color: #fff;
}
.card-wrap .card-detail-info ul > li {
  margin-bottom: 0px;
}
.card-wrap .card-detail-info ul > li dl dt {
  display: inline-block;
  text-shadow: 0 0 6px rgba(64, 198, 255, 0.65), 0 0 6px rgba(64, 198, 255, 0.65), 0 0 6px rgba(64, 198, 255, 0.65), 0 0 6px rgba(64, 198, 255, 0.65);
  font-size: 12px;
}
.card-wrap .card-detail-info ul > li dl dd {
  display: inline-block;
  font-size: 11px;
}
.card-wrap .card-detail-info ul > li.title {
  margin-bottom: 1em;
}
.card-wrap .card-detail-info ul > li.title h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.card-wrap .card-detail-info ul > li.before, .card-wrap .card-detail-info ul > li.after {
  min-height: 0;
}
.card-wrap .card-detail-info ul > li.before dl dt, .card-wrap .card-detail-info ul > li.after dl dt {
  width: 100%;
  margin-bottom: 0px;
}

.modal-wrap {
  display: none;
}

.page-character .card-wrap {
  padding: 10px 0;
}

#modal {
  z-index: 100001;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  overflow-y: auto;
}
#modal .colorbox-close {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100002;
  width: 43px;
  height: 43px;
  background: url(/sp/assets/images/btn-close.png?ea0d2506c0e2) no-repeat;
  background-size: 43px;
}

.category-cards .page-header {
  background: url(/sp/assets/images/cards/title-bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 195px;
}
.category-cards .banner-list li {
  margin-bottom: 30px;
}
.category-cards .banner-list li:last-child {
  margin-bottom: 0;
}
.category-cards .banner-list li a {
  display: block;
  margin-bottom: 15px;
}
.category-cards .banner-list li p {
  font-size: 12px;
  margin-bottom: 1em;
}
.category-cards .banner-list li p:last-child {
  margin-bottom: 0;
}
.category-cards .banner-list li p.intro {
  position: relative;
  padding-left: 57px;
}
.category-cards .banner-list li p.intro:before {
  display: block;
  content: "";
  width: 43px;
  height: 16px;
  position: absolute;
  top: 1px;
  left: 0px;
  background: url(/sp/assets/images/cards/pd_label_new.png?ea0d2506c0e2) no-repeat;
  background-size: 43px 16px;
}

.page-prebuiltdecks_detail {
  height: auto;
}
.page-prebuiltdecks_detail .deck3 .contents {
  background: none;
}
.page-prebuiltdecks_detail .container {
  margin-bottom: 50px;
}
.page-prebuiltdecks_detail .container.intro {
  margin-bottom: 32px;
  padding: 25px 10px 0;
}
.page-prebuiltdecks_detail .container.intro h3 {
  margin-bottom: 15px;
}
.page-prebuiltdecks_detail .container.intro h3 img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail .container.intro p {
  font-size: 12px;
  margin-bottom: 1em;
}
.page-prebuiltdecks_detail .container.intro p:last-child {
  margin-bottom: 0;
}
.page-prebuiltdecks_detail .decks-head {
  padding: 0 10px;
}
.page-prebuiltdecks_detail .contents {
  padding-top: 0;
  padding-bottom: 0;
}
.page-prebuiltdecks_detail .count {
  text-align: center;
}
.page-prebuiltdecks_detail .count li {
  display: inline-block;
  margin: 0 15px 18px;
}
.page-prebuiltdecks_detail .count li dl {
  position: relative;
  line-height: 1;
}
.page-prebuiltdecks_detail .count li dl dt {
  font-size: 12px;
  padding-top: 23px;
}
.page-prebuiltdecks_detail .count li dl dd {
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 17px;
}
.page-prebuiltdecks_detail .pickup {
  margin-bottom: 10px;
}
.page-prebuiltdecks_detail .btn-column {
  margin-bottom: 15px;
  text-align: center;
}
.page-prebuiltdecks_detail .btn-column a {
  display: inline-block;
}
.page-prebuiltdecks_detail .list {
  margin-bottom: 15px;
}
.page-prebuiltdecks_detail .detail-link {
  text-align: center;
}
.page-prebuiltdecks_detail .detail-link a {
  display: inline-block;
}

.page-prebuiltdecks_detail_4 #site-wrapper {
  background-color: #e2ecf5;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container {
  padding-top: 35px;
  background: url(/sp/assets/images/cards/cardpack_bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 480px;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container header.page-header {
  background: none;
  height: auto;
  padding-top: 45px;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container header.page-header h2 {
  margin: 10px 0 0 0;
  font-size: 0;
  text-align: left;
  padding-left: 9px;
  padding-bottom: 110px;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container header.page-header h2 img {
  margin: 0;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents {
  background-color: rgba(255, 255, 255, 0.4);
  margin-top: -25px;
  padding: 20px 0px;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .caption1 img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .text1 {
  padding: 10px 20px 0px;
  font-size: 12px;
  color: #000;
  line-height: 16px;
  margin-bottom: 10px;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .btn {
  width: 240px;
  margin: 0 auto 10px;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .btn img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .image {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .image img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .image:after {
  display: block;
  content: "";
  width: 320px;
  height: 279px;
  position: absolute;
  top: -20px;
  right: 0px;
  background: url(/sp/assets/images/cards/pd-d4_img_bg.png?ea0d2506c0e2) no-repeat;
  background-size: 320px 279px;
  z-index: -1;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .deck-list {
  margin: 0 20px 20px;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .deck-list li {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 5px;
}
.page-prebuiltdecks_detail_4 #site-wrapper #main-container .contents .contents-body .deck-list li:nth-child(2n+1) {
  margin-left: 0;
}
.page-prebuiltdecks_detail_4 .contents-play {
  background-color: #e2ecf5;
}
.page-prebuiltdecks_detail_4 .contents-play ul.spec {
  color: #000;
}
.page-prebuiltdecks_detail_4 .modal-wrap {
  display: none;
}
.page-prebuiltdecks_detail_4 .deckmodal-wrap {
  width: 320px;
}
.page-prebuiltdecks_detail_4 .deckmodal-wrap .deck-detail {
  width: 100%;
  padding-top: 30px;
  background: url(/sp/assets/images/cards/modal-bg.png?ea0d2506c0e2) no-repeat center top;
  background-size: 320px auto;
}
.page-prebuiltdecks_detail_4 .deckmodal-wrap .deck-detail .deckmodal-image ul li {
  margin-bottom: 15px;
}
.page-prebuiltdecks_detail_4 .deckmodal-wrap .deck-detail .deckmodal-image ul li img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_4 .deckmodal-wrap .deck-detail .detail-info .info-list li.title {
  margin-bottom: 10px;
}
.page-prebuiltdecks_detail_4 .deckmodal-wrap .deck-detail .detail-info .info-list li.title img {
  margin: 0 auto;
  border-bottom: 1px solid #39a3d2;
}
.page-prebuiltdecks_detail_4 .deckmodal-wrap .deck-detail .detail-info .info-list .btn {
  width: 280px;
  margin: 0 auto 25px;
}
.page-prebuiltdecks_detail_4 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul li {
  display: inline-block;
  margin-left: 5px;
  width: 135px;
}
.page-prebuiltdecks_detail_4 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul li:first-child {
  margin-left: 0;
}
.page-prebuiltdecks_detail_4 #cboxOverlay {
  z-index: 100001;
}
.page-prebuiltdecks_detail_4 #colorbox {
  z-index: 100002;
}
.page-prebuiltdecks_detail_4 #cboxClose {
  position: fixed;
  display: block;
  width: 30px;
  height: 30px;
  top: 0px;
  right: 5px;
  background: url(/sp/assets/images/btn-close.png?ea0d2506c0e2) no-repeat;
  background-size: 30px;
}
.page-prebuiltdecks_detail_4 #cboxPrevious, .page-prebuiltdecks_detail_4 #cboxNext {
  display: none !important;
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
.page-prebuiltdecks_detail_4 .colorbox-prev-origin,
.page-prebuiltdecks_detail_4 .colorbox-next-origin {
  position: fixed;
  top: 50%;
  margin-top: -33px;
}
.page-prebuiltdecks_detail_4 .colorbox-prev-origin span,
.page-prebuiltdecks_detail_4 .colorbox-next-origin span {
  background: none !important;
}
.page-prebuiltdecks_detail_4 .colorbox-prev-origin {
  left: 0;
  background: url(/sp/assets/images/cardpack/arrow-left.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  width: 80px;
  height: 66px;
}
.page-prebuiltdecks_detail_4 .colorbox-next-origin {
  right: 0;
  background: url(/sp/assets/images/cardpack/arrow-right.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  background-position: right;
  width: 80px;
  height: 66px;
}

.page-prebuiltdecks_detail_5 #site-wrapper {
  background-color: #111322;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container {
  padding-top: 35px;
  background: url(/sp/assets/images/cards/pd-d5_bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 480px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container header.page-header {
  background: none;
  height: auto;
  padding-top: 45px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container header.page-header h2 {
  margin: 80px 0 0 0;
  font-size: 0;
  text-align: center;
  padding-bottom: 10px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container header.page-header h2 img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents {
  background-color: rgba(0, 0, 0, 0.4);
  margin-top: 120px;
  padding: 20px 0px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .caption1 img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .text1 {
  padding: 10px 20px 0px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .btn {
  margin-bottom: 35px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .btn img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .image {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .image img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .subtitle {
  font-size: 18px;
  font-weight: normal;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .deck-list {
  margin: 0 20px 20px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .deck-list li {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 5px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .deck-list li:nth-child(2n+1) {
  margin-left: 0;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .deck-list .notice {
  font-size: 13px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .subtitle {
  text-align: center;
  position: relative;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .subtitle img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .subtitle .anchor {
  position: absolute;
  top: -50px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .line {
  text-align: center;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .line img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .text {
  text-align: center;
  font-size: 13px;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .privilege-list {
  margin: 0 7px 20px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .privilege-list li {
  display: inline-block;
  margin-bottom: 30px;
  vertical-align: top;
  width: 150px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .privilege-list li:nth-child(2n+1) {
  margin-left: 0;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap {
  text-align: center;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .set {
  font-size: 13px;
  margin-bottom: 0px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .set span {
  font-size: 19px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .title {
  font-size: 12px;
  color: #c8a62f;
  line-height: 16px;
  margin-bottom: 5px;
}
.page-prebuiltdecks_detail_5 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .text {
  font-size: 11px;
  line-height: 16px;
}
.page-prebuiltdecks_detail_5 .contents-play {
  background-color: #111322;
}
.page-prebuiltdecks_detail_5 .contents-play ul.spec {
  color: #fff;
}
.page-prebuiltdecks_detail_5 .modal-wrap {
  display: none;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap {
  width: 320px;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap .deck-detail {
  width: 100%;
  padding-top: 30px;
  background: url(/sp/assets/images/cards/modal-bg.png?ea0d2506c0e2) no-repeat center top;
  background-size: 320px auto;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap .deck-detail .deckmodal-image ul li {
  margin-bottom: 15px;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap .deck-detail .deckmodal-image ul li img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap .deck-detail .detail-info .info-list li.title {
  margin-bottom: 10px;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap .deck-detail .detail-info .info-list li.title img {
  margin: 0 auto;
  border-bottom: 1px solid #39a3d2;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap .deck-detail .detail-info .info-list .btn {
  width: 280px;
  margin: 0 auto 25px;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul {
  text-align: center;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul li {
  display: inline-block;
  margin-left: 5px;
  width: 135px;
}
.page-prebuiltdecks_detail_5 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul li:first-child {
  margin-left: 0;
}
.page-prebuiltdecks_detail_5 #cboxOverlay {
  z-index: 100001;
}
.page-prebuiltdecks_detail_5 #colorbox {
  z-index: 100002;
}
.page-prebuiltdecks_detail_5 #cboxClose {
  position: fixed;
  display: block;
  width: 30px;
  height: 30px;
  top: 0px;
  right: 5px;
  background: url(/sp/assets/images/btn-close.png?ea0d2506c0e2) no-repeat;
  background-size: 30px;
}
.page-prebuiltdecks_detail_5 #cboxPrevious, .page-prebuiltdecks_detail_5 #cboxNext {
  display: none !important;
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
.page-prebuiltdecks_detail_5 .colorbox-prev-origin,
.page-prebuiltdecks_detail_5 .colorbox-next-origin {
  position: fixed;
  top: 50%;
  margin-top: -33px;
}
.page-prebuiltdecks_detail_5 .colorbox-prev-origin span,
.page-prebuiltdecks_detail_5 .colorbox-next-origin span {
  background: none !important;
}
.page-prebuiltdecks_detail_5 .colorbox-prev-origin {
  left: 0;
  background: url(/sp/assets/images/cardpack/arrow-left.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  width: 80px;
  height: 66px;
}
.page-prebuiltdecks_detail_5 .colorbox-next-origin {
  right: 0;
  background: url(/sp/assets/images/cardpack/arrow-right.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  background-position: right;
  width: 80px;
  height: 66px;
}

.page-prebuiltdecks_detail_6 #site-wrapper {
  background-color: #191615;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container {
  padding-top: 35px;
  background: url(/sp/assets/images/cards/pd-d6_bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 480px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container header.page-header {
  background: none;
  height: auto;
  padding-top: 45px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container header.page-header h2 {
  margin: 80px 0 0 0;
  font-size: 0;
  text-align: center;
  padding-bottom: 10px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container header.page-header h2 img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents {
  background-color: #010001;
  margin-top: 120px;
  padding: 20px 0px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .caption1 img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .text1 {
  padding: 10px 20px 0px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .btn {
  margin-bottom: 35px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .btn img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .image {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .image img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .subtitle {
  font-size: 18px;
  font-weight: normal;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .deck-list {
  margin: 0 20px 20px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .deck-list li {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 5px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .deck-list li:nth-child(2n+1) {
  margin-left: 0;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .deck-list .notice {
  font-size: 13px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .subtitle {
  text-align: center;
  position: relative;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .subtitle img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .subtitle .anchor {
  position: absolute;
  top: -50px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .line {
  text-align: center;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .line img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .text {
  text-align: center;
  font-size: 13px;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .privilege-list {
  margin: 0 7px 20px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .privilege-list li {
  display: inline-block;
  margin-bottom: 30px;
  vertical-align: top;
  width: 150px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .privilege-list li:nth-child(2n+1) {
  margin-left: 0;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap {
  text-align: center;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .set {
  font-size: 13px;
  margin-bottom: 0px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .set span {
  font-size: 19px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .title {
  font-size: 12px;
  color: #0ea8cf;
  line-height: 16px;
  margin-bottom: 5px;
}
.page-prebuiltdecks_detail_6 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .text {
  font-size: 11px;
  line-height: 16px;
}
.page-prebuiltdecks_detail_6 .contents-play {
  background-color: #191615;
}
.page-prebuiltdecks_detail_6 .contents-play ul.spec {
  color: #fff;
}
.page-prebuiltdecks_detail_6 .modal-wrap {
  display: none;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap {
  width: 320px;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap .deck-detail {
  width: 100%;
  padding-top: 30px;
  background: url(/sp/assets/images/cards/pd-d6-modal-bg.png?ea0d2506c0e2) no-repeat center top;
  background-size: 320px auto;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap .deck-detail .deckmodal-image ul li {
  margin-bottom: 15px;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap .deck-detail .deckmodal-image ul li img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap .deck-detail .detail-info .info-list li.title {
  margin-bottom: 10px;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap .deck-detail .detail-info .info-list li.title img {
  margin: 0 auto;
  border-bottom: 1px solid #39a3d2;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap .deck-detail .detail-info .info-list .btn {
  width: 280px;
  margin: 0 auto 25px;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul {
  text-align: center;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul li {
  display: inline-block;
  margin-left: 5px;
  width: 135px;
}
.page-prebuiltdecks_detail_6 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul li:first-child {
  margin-left: 0;
}
.page-prebuiltdecks_detail_6 #cboxOverlay {
  z-index: 100001;
}
.page-prebuiltdecks_detail_6 #colorbox {
  z-index: 100002;
}
.page-prebuiltdecks_detail_6 #cboxClose {
  position: fixed;
  display: block;
  width: 30px;
  height: 30px;
  top: 0px;
  right: 5px;
  background: url(/sp/assets/images/btn-close.png?ea0d2506c0e2) no-repeat;
  background-size: 30px;
}
.page-prebuiltdecks_detail_6 #cboxPrevious, .page-prebuiltdecks_detail_6 #cboxNext {
  display: none !important;
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
  cursor: pointer;
}
.page-prebuiltdecks_detail_6 .colorbox-prev-origin,
.page-prebuiltdecks_detail_6 .colorbox-next-origin {
  position: fixed;
  top: 50%;
  margin-top: -33px;
}
.page-prebuiltdecks_detail_6 .colorbox-prev-origin span,
.page-prebuiltdecks_detail_6 .colorbox-next-origin span {
  background: none !important;
}
.page-prebuiltdecks_detail_6 .colorbox-prev-origin {
  left: 0;
  background: url(/sp/assets/images/cardpack/arrow-left.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  width: 80px;
  height: 66px;
}
.page-prebuiltdecks_detail_6 .colorbox-next-origin {
  right: 0;
  background: url(/sp/assets/images/cardpack/arrow-right.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  background-position: right;
  width: 80px;
  height: 66px;
}

.page-prebuiltdecks_detail_7 #site-wrapper {
  background-color: #eefdfc;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container {
  padding-top: 35px;
  background: url(/sp/assets/images/cards/pd-d7_bg.jpg?ea0d2506c0e2) no-repeat center top;
  background-size: 320px 480px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container header.page-header {
  background: none;
  height: auto;
  padding-top: 45px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container header.page-header h2 {
  margin: 55px 0 0 0;
  font-size: 0;
  text-align: center;
  padding-bottom: 10px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container header.page-header h2 img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents {
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: 110px;
  padding: 20px 0px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .caption1 img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .text1 {
  padding: 10px 20px 0px;
  font-size: 12px;
  color: #000;
  line-height: 16px;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .btn {
  margin-bottom: 35px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .btn img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .image {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .image img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .subtitle {
  font-size: 18px;
  font-weight: normal;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .deck-list {
  margin: 0 20px 20px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .deck-list li {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 5px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .deck-list li:nth-child(2n+1) {
  margin-left: 0;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .deck-list .notice {
  font-size: 13px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .subtitle {
  text-align: center;
  position: relative;
  color: #000;
  margin-bottom: 10px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .subtitle img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .subtitle .anchor {
  position: absolute;
  top: -50px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .line {
  text-align: center;
  margin-bottom: 20px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .line img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .text {
  text-align: center;
  font-size: 13px;
  margin-bottom: 20px;
  color: #000;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list {
  margin: 0 7px 20px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li {
  display: inline-block;
  margin-bottom: 30px;
  vertical-align: top;
  width: 150px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li:nth-child(2n+1) {
  margin-left: 0;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li .images5 {
  height: 180px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li .images5 video {
  padding: 10px 0 0 4px;
  width: 132px;
  height: 166px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li .images6 {
  height: 180px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li .images6 video {
  padding-left: 5px;
  width: 136px;
  height: 181px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap {
  text-align: center;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .set {
  font-size: 13px;
  margin-bottom: 0px;
  color: #000;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .set span {
  font-size: 19px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .title {
  font-size: 12px;
  color: #0ea8cf;
  line-height: 16px;
  margin-bottom: 5px;
}
.page-prebuiltdecks_detail_7 #site-wrapper #main-container .contents .contents-body .privilege-list li .text-wrap .text {
  font-size: 11px;
  line-height: 16px;
}
.page-prebuiltdecks_detail_7 .modal-wrap {
  display: none;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap {
  width: 320px;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap .deck-detail {
  width: 100%;
  padding-top: 30px;
  background: url(/sp/assets/images/cards/pd-d7-modal-bg.png?ea0d2506c0e2) no-repeat center top;
  background-size: 320px auto;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap .deck-detail .deckmodal-image ul li {
  margin-bottom: 15px;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap .deck-detail .deckmodal-image ul li img {
  margin: 0 auto;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap .deck-detail .detail-info .info-list li.title {
  margin-bottom: 10px;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap .deck-detail .detail-info .info-list li.title img {
  margin: 0 auto;
  border-bottom: 1px solid #39a3d2;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap .deck-detail .detail-info .info-list .btn {
  width: 280px;
  margin: 0 auto 25px;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul {
  text-align: center;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul li {
  display: inline-block;
  margin-left: 5px;
  width: 135px;
}
.page-prebuiltdecks_detail_7 .deckmodal-wrap .deck-detail .detail-info .info-list .btn ul li:first-child {
  margin-left: 0;
}
.page-prebuiltdecks_detail_7 #cboxOverlay {
  z-index: 100001;
}
.page-prebuiltdecks_detail_7 #colorbox {
  z-index: 100002;
}
.page-prebuiltdecks_detail_7 #cboxClose {
  position: fixed;
  display: block;
  width: 30px;
  height: 30px;
  top: 0px;
  right: 5px;
  background: url(/sp/assets/images/btn-close.png?ea0d2506c0e2) no-repeat;
  background-size: 30px;
}
.page-prebuiltdecks_detail_7 #cboxPrevious, .page-prebuiltdecks_detail_7 #cboxNext {
  display: none !important;
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
  cursor: pointer;
}
.page-prebuiltdecks_detail_7 .colorbox-prev-origin,
.page-prebuiltdecks_detail_7 .colorbox-next-origin {
  position: fixed;
  top: 50%;
  margin-top: -33px;
}
.page-prebuiltdecks_detail_7 .colorbox-prev-origin span,
.page-prebuiltdecks_detail_7 .colorbox-next-origin span {
  background: none !important;
}
.page-prebuiltdecks_detail_7 .colorbox-prev-origin {
  left: 0;
  background: url(/sp/assets/images/cardpack/arrow-left.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  width: 80px;
  height: 66px;
}
.page-prebuiltdecks_detail_7 .colorbox-next-origin {
  right: 0;
  background: url(/sp/assets/images/cardpack/arrow-right.png?ea0d2506c0e2) no-repeat;
  background-size: 28px auto;
  background-position: right;
  width: 80px;
  height: 66px;
}

.body {
  border-bottom: 1px solid #163a4b;
  padding-bottom: 25px;
  margin-bottom: 16px;
}
.body h1 {
  color: #3ce2f5;
  font-size: 18px;
  font-weight: normal;
  border-bottom: 1px solid #163a4b;
  padding-bottom: 8px;
  margin-bottom: 1.5em;
}
.body p {
  margin-bottom: 1.5em;
  line-height: 1.5em;
}
.body strong {
  font-weight: bold;
}
.body em {
  font-style: italic;
}
.body a {
  word-break: break-all;
  text-decoration: underline;
}
.body a:hover {
  text-decoration: none;
}
.body h2 {
  background: #112b38;
  padding: 4px 15px;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 1.3em;
}
.body h3 {
  font-size: 16px;
  font-weight: normal;
  color: #3ce2f5;
  margin-bottom: 1em;
}
.body h4 {
  font-size: 14px;
  font-weight: normal;
}
.body ul li {
  margin-bottom: 1em;
  background: url(/sp/assets/images/ul-dot.png?ea0d2506c0e2) no-repeat;
  background-position: left 0.2em;
  background-size: 14px;
  padding-left: 1.5em;
}
.body ul li:last-child {
  margin-bottom: 0;
}
.body .aligncenter {
  display: block;
  margin: 0 auto;
}

.share-list-footer {
  text-align: center;
  margin-bottom: 22px;
}
.share-list-footer li {
  display: inline-block;
  margin: 0 4px 0 0;
  background: #fff;
}
.share-list-footer li:last-child {
  margin: 0 0 0 4px;
}
.share-list-footer li a {
  display: block;
  font-size: 0;
}

.post-navi li {
  margin-bottom: 14px;
}
.post-navi li a {
  display: block;
  padding-left: 24px;
  background: url(/sp/assets/images/post-arrow-left.png?ea0d2506c0e2) no-repeat left center;
  background-size: 10px 12px;
  font-size: 11px;
}
.post-navi li:last-child {
  margin-bottom: 0;
}
.post-navi li:last-child a {
  background: url(/sp/assets/images/post-arrow-right.png?ea0d2506c0e2) no-repeat left center;
  background-size: 10px 12px;
}

.modal-contents {
  display: none;
  position: fixed;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  top: 10px;
}
.modal-contents .news-modal {
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow: hidden;
  width: 301px;
  height: 495px;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  padding: 0px 0;
  background: url(/sp/assets/images/modal_news_bg.png?ea0d2506c0e2) no-repeat left top;
  background-size: 301px 495px;
}
.modal-contents .news-modal * {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
.modal-contents .news-modal .news-modal-time time {
  font-size: 12px;
  color: #c4c4c4;
}
.modal-contents .news-modal h4 {
  color: #edd230;
  font-size: 18px;
  font-weight: normal;
  margin-top: 2px;
  width: 214px;
}
.modal-contents .news-modal .cluster {
  line-height: 24px;
  color: #fff;
  font-size: 13px;
  margin-top: 28px;
}
.modal-contents .news-modal .cluster p {
  margin-bottom: 8px;
}
.modal-contents .news-modal-scroller {
  margin: 25px 18px 0px;
  overflow-y: hidden;
  height: 445px;
}
.modal-contents .modal-close {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 7px;
  right: 6px;
  z-index: 1000;
}
.modal-contents .mCSB_inside > .mCSB_container {
  margin-right: 13px;
}
.modal-contents iframe {
  width: 100%;
}

.video-container {
  max-width: 640px;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.video iframe, .video object, .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-wrap {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}