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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

@font-face {
  font-family: "NotoSans-black";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.eot");
  src: url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp/NotoSansCJKjp-Black.ttf") format("truetype"); }
.clearfix {
  zoom: 1; }
  .clearfix:after {
    content: "";
    clear: both;
    display: block; }

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

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

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

a:link, a:visited {
  color: #164a90; }

a:hover, a:active {
  color: #89a3c6;
  text-decoration: underline; }

img {
  vertical-align: top; }

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

.l-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 1200px;
  z-index: 1; }

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

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

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

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

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

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

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0); }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  /*-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) */
  /*-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) */
  /*box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) */ }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  /*overflow: hidden */ }

.fancybox-type-iframe .fancybox-inner {
  /*-webkit-overflow-scrolling: touch */ }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  background-image: url("../images/fancybox/fancybox_close.png");
  position: absolute;
  bottom: auto;
  left: 50%;
  top: 80px;
  right: auto;
  margin: auto;
  width: 122px;
  height: 122px;
  cursor: pointer;
  z-index: 8040;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 355px; }

.fancybox-close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  filter: alpha(opacity=50);
  -webkit-transition: 0.3s;
  transition: 0.3s; }

@media screen and (max-width: 800px) {
  .fancybox-close {
    background-image: url("../images/fancybox/fancybox_close.png");
    background-size: 100% auto;
    width: 122px;
    height: 122px; }

  .fancybox-wrap {
    margin-top: 0px; }

  .fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../images/fancybox/blank.gif");
    -webkit-tap-highlight-color: transparent;
    z-index: 8040; } }
.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  /*overflow: visible !important */ }

/* Overlay helper */
.fancybox-lock {
  /*overflow: hidden !important */
  width: auto; }

.fancybox-lock body {
  /*overflow: hidden !important */ }

.fancybox-lock-test {
  /*overflow-y: hidden !important */ }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  /*overflow: hidden */
  display: none;
  z-index: 8010;
  background: url("../images/fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  /*overflow: auto */
  /*overflow-y: scroll */ }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

.sp .fancybox-close {
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  z-index: 8040;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.m-navigation .l-inner {
  width: 1100px;
  padding: 163px 0 0 0;
  border: none !important; }

.m-navigation .nav_list,
.m-navigation .subnav_list,
.l-header .nav_list,
.l-header .subnav_list,
.modal_currect .nav_list,
.modal_currect .subnav_list {
  zoom: 1; }
  .m-navigation .nav_list:after,
  .m-navigation .subnav_list:after,
  .l-header .nav_list:after,
  .l-header .subnav_list:after,
  .modal_currect .nav_list:after,
  .modal_currect .subnav_list:after {
    content: "";
    clear: both;
    display: block; }
  .m-navigation .nav_list li,
  .m-navigation .subnav_list li,
  .l-header .nav_list li,
  .l-header .subnav_list li,
  .modal_currect .nav_list li,
  .modal_currect .subnav_list li {
    float: left;
    border-radius: 7px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    background-color: #ffffff;
    position: relative; }
  .m-navigation .nav_list .none,
  .m-navigation .subnav_list .none,
  .l-header .nav_list .none,
  .l-header .subnav_list .none,
  .modal_currect .nav_list .none,
  .modal_currect .subnav_list .none {
    pointer-events: none; }
    .m-navigation .nav_list .none a,
    .m-navigation .subnav_list .none a,
    .l-header .nav_list .none a,
    .l-header .subnav_list .none a,
    .modal_currect .nav_list .none a,
    .modal_currect .subnav_list .none a {
      opacity: 0.2;
      filter: alpha(opacity=20);
      -ms-filter: "alpha(opacity=20)";
      -moz-opacity: 0.2;
      -khtml-opacity: 0.2; }
.m-navigation .nav_list,
.l-header .nav_list,
.modal_currect .nav_list {
  margin-bottom: 20px; }
  .m-navigation .nav_list li,
  .l-header .nav_list li,
  .modal_currect .nav_list li {
    margin: 0 20px 0 0; }
  .m-navigation .nav_list li:last-child,
  .l-header .nav_list li:last-child,
  .modal_currect .nav_list li:last-child {
    margin-right: 0; }
  .m-navigation .nav_list .none:after,
  .l-header .nav_list .none:after,
  .modal_currect .nav_list .none:after {
    content: " ";
    display: block;
    width: 202px;
    height: 93px;
    background: url("../images/common/icon_soon.png") no-repeat center top;
    position: absolute;
    right: -1px;
    bottom: 10px;
    z-index: 1; }
.m-navigation .subnav_list,
.l-header .subnav_list,
.modal_currect .subnav_list {
  margin-bottom: 50px;
  letter-spacing: 0;
  font-size: 0;
  text-align: center; }
  .m-navigation .subnav_list li,
  .l-header .subnav_list li,
  .modal_currect .subnav_list li {
    letter-spacing: normal;
    font-size: medium;
    margin: 0 20px 0 0;
    display: inline-block;
    float: none; }
  .m-navigation .subnav_list li:last-child,
  .l-header .subnav_list li:last-child,
  .modal_currect .subnav_list li:last-child {
    margin-right: 0; }
  .m-navigation .subnav_list .none:after,
  .l-header .subnav_list .none:after,
  .modal_currect .subnav_list .none:after {
    content: " ";
    display: block;
    width: 202px;
    height: 93px;
    background: url("../images/common/icon_soon.png") no-repeat center top;
    position: absolute;
    right: -1px;
    bottom: -19px;
    z-index: 1; }
.m-navigation .navigation_sns,
.l-header .navigation_sns,
.modal_currect .navigation_sns {
  text-align: center; }
  .m-navigation .navigation_sns .name,
  .l-header .navigation_sns .name,
  .modal_currect .navigation_sns .name {
    font-size: 18px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    margin-bottom: 23px;
    color: #74552d; }
    .m-navigation .navigation_sns .name:before,
    .l-header .navigation_sns .name:before,
    .modal_currect .navigation_sns .name:before {
      content: " ";
      display: block;
      width: 34px;
      height: 1px;
      background-color: #74552d;
      position: absolute;
      left: -40px;
      top: 8px;
      z-index: 0;
      -webkit-transform: rotate(-105deg);
      -ms-transform: rotate(-105deg);
      transform: rotate(-105deg); }
    .m-navigation .navigation_sns .name:after,
    .l-header .navigation_sns .name:after,
    .modal_currect .navigation_sns .name:after {
      content: " ";
      display: block;
      width: 34px;
      height: 1px;
      background-color: #74552d;
      position: absolute;
      right: -40px;
      top: 8px;
      z-index: 0;
      -webkit-transform: rotate(105deg);
      -ms-transform: rotate(105deg);
      transform: rotate(105deg); }
  .m-navigation .navigation_sns ul,
  .l-header .navigation_sns ul,
  .modal_currect .navigation_sns ul {
    font-size: 0;
    line-height: 0; }
  .m-navigation .navigation_sns li,
  .l-header .navigation_sns li,
  .modal_currect .navigation_sns li {
    display: inline-block;
    margin: 0 11px; }

.m-items {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  overflow: hidden; }
  .m-items .l-inner {
    width: 100%; }

.m-button540 {
  width: 540px;
  height: 70px;
  margin: 0 auto 0 auto; }
  .m-button540 a {
    display: block;
    background: url("../images/common/btn_bg_w540.png") no-repeat center top;
    line-height: 70px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 20px; }

.m-button373 {
  width: 373px;
  height: 75px;
  margin: 0 auto 0 auto; }
  .m-button373 a {
    display: block;
    background: url("../images/common/btn_bg_w373.png") no-repeat center top;
    line-height: 75px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 17px; }
  .m-button373 span {
    display: block;
    font-size: 13px; }

.m-button300 {
  width: 290px;
  height: 75px;
  margin: 0 auto 0 auto; }
  .m-button300 a {
    display: block;
    background: url("../images/common/btn_bg_w373.png") no-repeat center top;
    line-height: 75px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    background-size: 100% 100%; }
  .m-button300 span {
    display: block;
    font-size: 13px; }

.m-button242,
.m-button242_w {
  width: 242px;
  height: 60px;
  margin: 0 auto 0 auto; }
  .m-button242 a,
  .m-button242_w a {
    display: block;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    font-size: 17px; }

.m-button242 a {
  background: url("../images/common/btn_bg_w242.png") no-repeat center top;
  color: #ffffff; }

.m-button242_w a {
  background: url("../images/common/btn_bg_w242_w.png") no-repeat center top;
  color: #000000; }

.m-button300_w {
  width: 300px;
  height: 60px;
  margin: 0 auto 0 auto; }
  .m-button300_w a {
    display: block;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
    background: url("../images/common/btn_bg_w300_w.png") no-repeat center top;
    color: #000000; }

#loader {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1001;
  overflow: hidden; }
  #loader .l-inner {
    width: 100%;
    height: 100%; }
  #loader .loader_bar {
    position: absolute;
    left: 50px;
    bottom: 50px;
    z-index: 0;
    z-index: 1; }
  #loader .text {
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 10px;
    display: inline-block; }
  #loader .lender {
    display: inline-block; }
  #loader .num {
    font-size: 20px;
    line-height: 0.8em; }
  #loader .per {
    font-size: 16px;
    line-height: 0.8em; }

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

.l-intro {
  width: 100%;
  height: 100%;
  background: url("../images/common/bg_beach.png") repeat-y center top;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 998;
  overflow: hidden; }
  .l-intro .l-inner {
    width: 100%;
    height: 100%; }
  .l-intro .btn_skip {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 55px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1000; }
    .l-intro .btn_skip a {
      display: block;
      weight: 100%;
      height: 100%;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      background: #000000 url("../images/common/icon_arw2.png") no-repeat center 30px; }
    .l-intro .btn_skip span {
      display: inline-block;
      padding-top: 68px;
      letter-spacing: 0.1em;
      line-height: 1em; }
  .l-intro .m-center {
    position: absolute;
    left: 50%;
    top: 50%; }
  .l-intro .item1 {
    margin: -496px 0 0 -681px; }
  .l-intro .item2 {
    margin: -911px 0 0 -1231px; }
  .l-intro .item3 {
    margin: -347px 0 0 -526px; }
  .l-intro .item_text {
    width: 699px;
    height: 173px;
    margin: -103px 0 0 -347px; }
  .l-intro .text_inner {
    position: relative; }
  .l-intro .text1 {
    position: absolute;
    left: 206px;
    top: 11px;
    z-index: 0; }
  .l-intro .text2 {
    position: absolute;
    left: 268px;
    top: 6px;
    z-index: 0; }
  .l-intro .text3 {
    position: absolute;
    left: 334px;
    top: 11px;
    z-index: 0; }
  .l-intro .text4 {
    position: absolute;
    left: 395px;
    top: 24px;
    z-index: 0; }
  .l-intro .text5 {
    position: absolute;
    left: 463px;
    top: 0px;
    z-index: 0; }
  .l-intro .text6 {
    position: absolute;
    left: 0px;
    top: 102px;
    z-index: 0; }
  .l-intro .text7 {
    position: absolute;
    left: 67px;
    top: 100px;
    z-index: 0; }
  .l-intro .text8 {
    position: absolute;
    left: 126px;
    top: 97px;
    z-index: 0; }
  .l-intro .text9 {
    position: absolute;
    left: 189px;
    top: 97px;
    z-index: 0; }
  .l-intro .text10 {
    position: absolute;
    left: 247px;
    top: 89px;
    z-index: 0; }
  .l-intro .text11 {
    position: absolute;
    left: 312px;
    top: 85px;
    z-index: 0; }
  .l-intro .text12 {
    position: absolute;
    left: 378px;
    top: 83px;
    z-index: 0; }
  .l-intro .text13 {
    position: absolute;
    left: 442px;
    top: 79px;
    z-index: 0; }
  .l-intro .text14 {
    position: absolute;
    left: 509px;
    top: 78px;
    z-index: 0; }
  .l-intro .text15 {
    position: absolute;
    left: 554px;
    top: 75px;
    z-index: 0; }
  .l-intro .text16 {
    position: absolute;
    left: 606px;
    top: 94px;
    z-index: 0; }
  .l-intro .text17 {
    position: absolute;
    left: 677px;
    top: 70px;
    z-index: 0; }

.l-introwave {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999;
  overflow: hidden;
  pointer-events: none; }
  .l-introwave .l-inner {
    width: 100%;
    height: 130%; }
  .l-introwave .m-wave {
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -1500px;
    z-index: 5;
    height: 100%;
    display: none; }
    .l-introwave .m-wave img {
      height: 100%;
      width: 100%; }

.l-header {
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10; }
  .l-header .l-inner {
    min-width: 1100px; }
  .l-header .hd_fix_logo {
    display: none; }
  .l-header .hd_btn_menu {
    display: block;
    width: 110px;
    height: 141px;
    background: url("../images/common/hd_nav_bg.png") no-repeat center top;
    position: fixed;
    right: 20px;
    top: 0px;
    z-index: 1002;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
    cursor: pointer; }
    .l-header .hd_btn_menu .text {
      font-size: 16px;
      line-height: 1em;
      text-align: center;
      display: block;
      padding-top: 10px; }
    .l-header .hd_btn_menu .menu-trigger {
      position: relative;
      width: 36px;
      height: 24px;
      display: block;
      margin: 63px auto 0 auto;
      text-decoration: none;
      color: #000000; }
    .l-header .hd_btn_menu .menu-trigger .bar {
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      height: 4px;
      background-color: #00a8ff;
      -webkit-transition: all 0.4s;
              transition: all 0.4s;
      box-sizing: border-box; }
    .l-header .hd_btn_menu .menu-trigger .bar:nth-of-type(1) {
      top: 0; }
    .l-header .hd_btn_menu .menu-trigger .bar:nth-of-type(2) {
      top: 10px; }
    .l-header .hd_btn_menu .menu-trigger .bar:nth-of-type(3) {
      bottom: 0; }
    .l-header .hd_btn_menu .menu-trigger.active .bar:nth-of-type(1) {
      -webkit-transform: translateY(10px) rotate(-45deg);
      -ms-transform: translateY(10px) rotate(-45deg);
          transform: translateY(10px) rotate(-45deg);
      background-color: #ff6262; }
    .l-header .hd_btn_menu .menu-trigger.active .bar:nth-of-type(2) {
      left: 50%;
      opacity: 0;
      filter: alpha(opacity=0);
      background-color: #ff6262;
      -webkit-animation: active-menu-bar02 0.8s forwards;
      animation: active-menu-bar02 0.8s forwards; }
@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0; } }
@keyframes active-menu-bar02 {
  100% {
    height: 0; } }
    .l-header .hd_btn_menu .menu-trigger.active .bar:nth-of-type(3) {
      -webkit-transform: translateY(-10px) rotate(45deg);
      -ms-transform: translateY(-10px) rotate(45deg);
          transform: translateY(-10px) rotate(45deg);
      background-color: #ff6262; }
  .l-header .hd_fix_nav {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 1002; }
    .l-header .hd_fix_nav li {
      box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      border-radius: 10px;
      background-color: #ffffff;
      overflow: hidden;
      margin-top: 10px; }
  .l-header .hd_content {
    background-color: rgba(123, 210, 255, 0.9);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    overflow: hidden; }
  .l-header .content_inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table; }
  .l-header .inner_block {
    display: table-cell;
    vertical-align: middle; }
  .l-header .inner_scroll {
    overflow: auto;
    width: 100%;
    padding: 20px 0; }
  .l-header .inner_head {
    width: 1100px;
    margin: 0 auto 27px auto;
    position: relative; }
  .l-header .nav_home {
    position: absolute;
    left: 0px;
    top: 28px;
    z-index: 1;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); }
  .l-header .nav_logo {
    width: 100%;
    position: relative;
    text-align: center; }
  .l-header .nav_list,
  .l-header .subnav_list {
    width: 1100px;
    margin-right: auto;
    margin-left: auto; }
  .l-header .navigation_sns {
    width: 1100px;
    margin: 0 auto 30px auto; }
    .l-header .navigation_sns .name {
      color: #ffffff;
      text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); }
      .l-header .navigation_sns .name:before, .l-header .navigation_sns .name:after {
        background-color: #ffffff; }
    .l-header .navigation_sns li {
      border-radius: 35px;
      box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25); }
  .l-header .banner_list {
    width: 1100px;
    text-align: center;
    margin: 0 auto;
    font-size: 0;
    line-height: 0; }
    .l-header .banner_list li {
      display: inline-block;
      margin: 0 10px;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
      background-color: #ffffff; }

.l-footer {
  width: 100%;
  overflow: hidden; }
  .l-footer .l-inner {
    min-width: 100%;
    text-align: center;
    padding: 50px 0 0 0; }
  .l-footer .ft_logo {
    font-size: 0;
    line-height: 0;
    margin-bottom: 70px; }
    .l-footer .ft_logo li {
      display: inline-block;
      margin: 0 25px; }
  .l-footer .ft_copyright {
    color: #b29166;
    font-size: 13px;
    text-shadow: 1px 1px 0 white; }
  .l-footer .ft_ending {
    width: 100%;
    height: 1390px;
    position: relative; }
    .l-footer .ft_ending.wave {
      height: 1390px; }
    .l-footer .ft_ending .item_aqours {
      position: absolute;
      left: 50%;
      top: 235px;
      margin-left: -284px;
      z-index: 1; }
    .l-footer .ft_ending .item_wave1 {
      position: absolute;
      left: 50%;
      top: 411px;
      margin-left: -1500px;
      z-index: 0; }
    .l-footer .ft_ending .item_wave2 {
      position: absolute;
      left: 50%;
      top: 548px;
      margin-left: -1500px;
      z-index: 2; }
    .l-footer .ft_ending .item_wave3 {
      position: absolute;
      left: 50%;
      top: 788px;
      margin-left: -1500px;
      z-index: 2; }
    .l-footer .ft_ending .item_wave4 {
      position: absolute;
      left: 50%;
      top: 953px;
      margin-left: -1500px;
      z-index: 2; }

.modal_lovelive,
.modal_realgame {
  width: 100%; }
  .modal_lovelive .l-inner,
  .modal_realgame .l-inner {
    width: 1100px;
    padding: 50px 0 85px 0; }
  .modal_lovelive .modal_wrap,
  .modal_realgame .modal_wrap {
    width: 800px;
    margin: 0 auto;
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="35" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.25));
    padding: 30px 0; }
    .modal_lovelive .modal_wrap:after,
    .modal_realgame .modal_wrap:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  .modal_lovelive .inner_block,
  .modal_realgame .inner_block {
    margin: 0 35px;
    padding: 40px 0;
    background: url("../images/common/bar_dot.png") center top repeat-x; }
    .modal_lovelive .inner_block.last,
    .modal_realgame .inner_block.last {
      padding-bottom: 0; }
  .modal_lovelive .button,
  .modal_realgame .button {
    width: 540px;
    height: 70px;
    margin: 0 auto 0 auto; }
    .modal_lovelive .button a,
    .modal_realgame .button a {
      display: block;
      background: url("../images/common/modal_btn_bg.png") no-repeat center top;
      line-height: 70px;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      font-size: 20px; }

.modal_lovelive {
  text-align: center;
  display: none; }
  .modal_lovelive .title {
    margin-bottom: 30px; }
  .modal_lovelive .chara {
    margin-bottom: 30px; }
  .modal_lovelive .text {
    font-size: 16px;
    line-height: 1.8em;
    padding-bottom: 30px; }

.modal_realgame {
  text-align: center; }
  .modal_realgame .title {
    margin-bottom: 50px; }
  .modal_realgame .movie {
    margin-bottom: 45px; }

.modal_currect,
.modal_incurrect {
  width: 100%;
  display: none; }
  .modal_currect .l-inner,
  .modal_incurrect .l-inner {
    width: 1100px;
    padding: 50px 0 85px 0; }
  .modal_currect .modal_wrap,
  .modal_incurrect .modal_wrap {
    width: 800px;
    margin: 0 auto;
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="35" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.25));
    padding: 30px 0; }
    .modal_currect .modal_wrap:after,
    .modal_incurrect .modal_wrap:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  .modal_currect .inner_block,
  .modal_incurrect .inner_block {
    margin: 0 35px;
    padding: 60px 0;
    background-image: url("../images/common/bar_dot.png"), url("../images/common/bar_dot.png");
    background-position: center top, center bottom;
    background-repeat: repeat-x, repeat-x;
    text-align: center; }
    .modal_currect .inner_block.last,
    .modal_incurrect .inner_block.last {
      padding-bottom: 0; }
  .modal_currect .mark,
  .modal_incurrect .mark {
    margin: 0 auto 45px auto;
    box-sizing: border-box; }
  .modal_currect .name,
  .modal_incurrect .name {
    margin-bottom: 40px; }
  .modal_currect .text,
  .modal_incurrect .text {
    font-size: 20px;
    margin-bottom: 40px;
    color: #000000; }
    .modal_currect .text strong,
    .modal_incurrect .text strong {
      font-size: 26px;
      margin-bottom: 10px;
      display: block; }
  .modal_currect .navigation_sns .name,
  .modal_incurrect .navigation_sns .name {
    color: #000000; }
    .modal_currect .navigation_sns .name:before, .modal_currect .navigation_sns .name:after,
    .modal_incurrect .navigation_sns .name:before,
    .modal_incurrect .navigation_sns .name:after {
      background-color: #000000; }

.modal_currect .mark {
  width: 354px;
  height: 354px;
  border-radius: 177px;
  border: #ff5151 solid 40px; }
.modal_currect .currect_about {
  margin-bottom: 45px; }
.modal_currect .about_text {
  font-size: 20px;
  color: #000000;
  margin-bottom: 45px; }
.modal_currect .about_ph {
  padding: 10px;
  background-color: #ffffff;
  -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
  display: inline-block;
  margin: 0 auto; }
.modal_currect .cd_present {
  padding: 80px 0 0 0;
  margin: 80px 0 0 0;
  color: #000000;
  background: url("../images/common/bar_dot.png") center top repeat-x; }
  .modal_currect .cd_present ul {
    letter-spacing: -0.75em;
    text-align: center;
    width: 90%;
    margin: 0 auto; }
  .modal_currect .cd_present li {
    letter-spacing: normal;
    display: inline-block;
    width: 50%;
    margin: 0 0 30px 0; }
.modal_currect .cd_present_title {
  font-size: 26px;
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
  line-height: 1em;
  margin-bottom: 10px; }
  .modal_currect .cd_present_title:before {
    content: " ";
    display: block;
    width: 34px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    left: -40px;
    top: 8px;
    z-index: 0;
    -webkit-transform: rotate(-105deg);
    -ms-transform: rotate(-105deg);
    transform: rotate(-105deg); }
  .modal_currect .cd_present_title:after {
    content: " ";
    display: block;
    width: 34px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    right: -40px;
    top: 8px;
    z-index: 0;
    -webkit-transform: rotate(105deg);
    -ms-transform: rotate(105deg);
    transform: rotate(105deg); }
.modal_currect .cd_present_text {
  font-size: 28px;
  margin-bottom: 30px; }
.modal_currect .cd_sd {
  height: 345px;
  margin-bottom: 15px;
  display: table;
  width: 100%; }
  .modal_currect .cd_sd span {
    display: table-cell;
    vertical-align: bottom; }
.modal_currect .cd_dlbtn {
  margin-bottom: 15px; }
  .modal_currect .cd_dlbtn a {
    font-size: 20px;
    letter-spacing: 0.05em; }
.modal_currect .water_present {
  padding: 80px 0 0 0;
  margin: 80px 0 0 0;
  color: #000000;
  background: url("../images/common/bar_dot.png") center top repeat-x; }
  .modal_currect .water_present ul {
    letter-spacing: -0.75em;
    text-align: center;
    width: 70%;
    margin: 0 auto; }
  .modal_currect .water_present li {
    letter-spacing: normal;
    display: inline-block;
    width: 50%;
    margin: 0 0 30px 0; }
.modal_currect .water_present_title {
  font-size: 26px;
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
  line-height: 1em;
  margin-bottom: 10px; }
  .modal_currect .water_present_title:before {
    content: " ";
    display: block;
    width: 34px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    left: -40px;
    top: 8px;
    z-index: 0;
    -webkit-transform: rotate(-105deg);
    -ms-transform: rotate(-105deg);
    transform: rotate(-105deg); }
  .modal_currect .water_present_title:after {
    content: " ";
    display: block;
    width: 34px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    right: -40px;
    top: 8px;
    z-index: 0;
    -webkit-transform: rotate(105deg);
    -ms-transform: rotate(105deg);
    transform: rotate(105deg); }
.modal_currect .water_present_text {
  font-size: 28px;
  margin-bottom: 30px; }
.modal_currect .water_sd {
  width: 40%;
  margin: 0 auto 30px auto; }
.modal_currect .water_dlbtn {
  margin-bottom: 15px; }
  .modal_currect .water_dlbtn a {
    font-size: 20px;
    letter-spacing: 0.05em; }

.modal_incurrect .mark {
  width: 330px;
  height: 330px;
  position: relative; }
  .modal_incurrect .mark:before, .modal_incurrect .mark:after {
    content: " ";
    display: block;
    width: 40px;
    height: 412px;
    background-color: #4aa3ff;
    position: absolute;
    left: 50%;
    top: -41px;
    margin-left: -20px;
    z-index: 0;
    -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .modal_incurrect .mark:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .modal_incurrect .mark:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.modal_incurrect .m-button373 a {
  font-size: 20px; }

#p-top {
  background: url("../images/common/bg_beach.png") repeat-y center top; }
  #p-top ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-top ::selection {
    background: #000000;
    color: #ffffff; }
  #p-top ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-top .m-items {
    top: 920px;
    height: 6780px; }
    #p-top .m-items .item_all {
      position: absolute;
      left: 50%;
      top: 51px;
      margin-left: -1029px;
      z-index: 0; }
  #p-top .main .l-inner {
    width: 100%; }
  #p-top .main .main_visual {
    width: 100%;
    height: 920px;
    background: url("../images/top/main_bg.png") no-repeat center top;
    position: relative;
    overflow: hidden;
    pointer-events: none; }
    #p-top .main .main_visual:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: 0px;
      z-index: 1;
      width: 100%;
      height: 170px;
      background: url("../images/top/main_bg_cover.png") no-repeat center top; }
    #p-top .main .main_visual h1 {
      position: absolute;
      left: 50%;
      top: -17px;
      margin-left: -667px;
      z-index: 0;
      box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      padding: 17px;
      background-color: #ffffff; }
    #p-top .main .main_visual .main_item01 {
      position: absolute;
      left: 50%;
      top: -26px;
      margin-left: -1047px;
      z-index: 0; }
    #p-top .main .main_visual .main_item02 {
      position: absolute;
      left: 50%;
      top: 273px;
      margin-left: 650px;
      z-index: 0; }
  #p-top .copyarea .l-inner {
    width: 1100px;
    padding: 101px 0 127px 0;
    text-align: center; }
  #p-top .copyarea h2 {
    line-height: 1em; }
  #p-top .newsarea .l-inner {
    width: 800px;
    padding: 0 0 63px 0; }
  #p-top .newsarea h3 {
    position: absolute;
    left: 50%;
    top: -61px;
    margin-left: -109px;
    z-index: 1;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
  #p-top .newsarea .newsarea_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 32px 0 4px 0; }
    #p-top .newsarea .newsarea_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -63px;
      z-index: 1;
      width: 100%;
      height: 63px;
      background: url("../images/common/bg_paper_bottom.png") no-repeat center top; }
  #p-top .newsarea .newsarea_goods {
    width: 728px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 50px 0 20px 0; }
    #p-top .newsarea .newsarea_goods:before {
      content: " ";
      display: block;
      width: 100%;
      height: 2px;
      background: url("../images/common/bar_dot.png") repeat-x center top;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 1; }
  #p-top .newsarea .newsarea_goods_btn,
  #p-top .newsarea .newsarea_apps_btn {
    width: 540px;
    height: 70px;
    margin: 0 auto 10px auto; }
    #p-top .newsarea .newsarea_goods_btn a,
    #p-top .newsarea .newsarea_apps_btn a {
      display: block;
      background: url("../images/top/eventinfo_btn_bg.png") no-repeat center top;
      line-height: 70px;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      font-size: 20px; }
  #p-top .newsarea .newsarea_apps_btn {
    margin-bottom: 20px; }
  #p-top .newsarea .newsarea_goods_caps {
    font-size: 14px;
    color: #fd4549; }
  #p-top .newsarea .tweet_wrap {
    width: 728px;
    margin: 0 auto 30px auto;
    position: relative;
    padding: 20px 0 0 0; }
    #p-top .newsarea .tweet_wrap:before, #p-top .newsarea .tweet_wrap:after {
      content: " ";
      display: block;
      width: 100%;
      height: 2px;
      background: url("../images/common/bar_dot.png") repeat-x center top; }
    #p-top .newsarea .tweet_wrap:before {
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 1; }
    #p-top .newsarea .tweet_wrap:after {
      position: absolute;
      left: 0px;
      bottom: 0px;
      z-index: 1; }
  #p-top .newsarea .wijet {
    position: relative;
    width: 580px;
    height: 520px;
    margin: 0 auto; }
  #p-top .newsarea .tweet_btn {
    width: 540px;
    height: 70px;
    margin: 0 auto;
    background: url("../images/top/news_btn_tw.png") no-repeat center top;
    color: #ffffff;
    font-size: 20px;
    line-height: 70px;
    text-align: center; }
  #p-top .bannerarea .l-inner {
    width: 1100px;
    padding: 53px 0 0 0;
    border: none; }
  #p-top .bannerarea .bannerarea_list {
    width: 954px;
    width: 700px;
    display: block;
    text-align: center;
    zoom: 1;
    letter-spacing: 0;
    font-size: 0;
    margin: 0 auto; }
    #p-top .bannerarea .bannerarea_list:after {
      content: "";
      clear: both;
      display: block; }
    #p-top .bannerarea .bannerarea_list li {
      display: inline-block;
      width: 200px;
      height: 100px;
      background-color: #ffffff;
      border-radius: 10px;
      margin: 0 12px 25px 12px;
      box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
      overflow: hidden;
      position: relative; }
    #p-top .bannerarea .bannerarea_list a {
      display: block;
      width: 100%;
      height: 100%; }
    #p-top .bannerarea .bannerarea_list .none {
      pointer-events: none;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); }
      #p-top .bannerarea .bannerarea_list .none:after {
        content: " ";
        display: block;
        width: 180px;
        height: 83px;
        background: url("../images/common/icon_soon.png") no-repeat center top;
        background-size: 100% auto;
        position: absolute;
        right: -1px;
        bottom: 5px;
        z-index: 1;
        opacity: 0.6;
        filter: alpha(opacity=60);
        -ms-filter: "alpha(opacity=60)";
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6; }
  #p-top .bannerarea .bannerarea_list_w {
    width: 650px;
    display: block;
    text-align: center;
    zoom: 1;
    padding: 50px 0 0 0;
    margin: 0 auto 0 auto;
    position: relative; }
    #p-top .bannerarea .bannerarea_list_w:after {
      content: "";
      clear: both;
      display: block; }
    #p-top .bannerarea .bannerarea_list_w span {
      display: inline-block;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      position: relative;
      z-index: 0;
      line-height: 1em;
      vertical-align: top; }
    #p-top .bannerarea .bannerarea_list_w a {
      position: relative;
      display: block; }
      #p-top .bannerarea .bannerarea_list_w a:after {
        content: "";
        display: block;
        background: url("../images/top/bnn_icon_detail.png") no-repeat center center;
        width: 290px;
        height: 72px;
        background-size: cover;
        position: absolute;
        left: 50%;
        bottom: -60px;
        z-index: 1;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        border-radius: 10px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        pointer-events: none; }
  #p-top .introduction .l-inner {
    width: 954px;
    padding: 163px 0 35px 0; }
  #p-top .introduction .introduction_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25)); }
    #p-top .introduction .introduction_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-top .introduction h3 {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0; }
  #p-top .introduction .bar {
    width: 95%;
    background: url("../images/common/bar_dot.png") repeat-x center bottom;
    margin: 0 auto;
    padding: 20px 0 0 0;
    position: relative;
    z-index: 1;
    font-size: 0;
    line-height: 0; }
  #p-top .introduction .text1 {
    margin: 65px 0 78px 0;
    padding-left: 220px;
    text-align: center; }
  #p-top .introduction .text2 {
    margin: 0 0 25px 0;
    text-align: center; }
  #p-top .introduction .text3 {
    margin: 0 0 51px 0;
    text-align: center; }
  #p-top .introduction .text4 {
    margin: 0 0 105px 0;
    text-align: center; }
  #p-top .introduction .text5 {
    padding: 0 0 134px 0;
    text-align: center; }
  #p-top .eventinfo .l-inner {
    width: 954px;
    padding: 163px 0 12px 0; }
  #p-top .eventinfo .eventinfo_block {
    background-color: #fdfdfd;
    padding: 20px;
    position: relative;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25)); }
    #p-top .eventinfo .eventinfo_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -12px;
      z-index: 1;
      width: 100%;
      height: 12px;
      background: url("../images/top/eventinfo_bg_bottom.png") no-repeat center top; }
  #p-top .eventinfo h3 {
    background-color: #63bfff;
    text-align: center;
    line-height: 1em;
    padding: 12px 0;
    margin-bottom: 20px; }
  #p-top .eventinfo h4 {
    text-align: center;
    margin-bottom: 38px; }
  #p-top .eventinfo .eventinfo_detail dl {
    width: 100%;
    display: block;
    zoom: 1;
    margin-bottom: 10px; }
    #p-top .eventinfo .eventinfo_detail dl:after {
      content: "";
      clear: both;
      display: block; }
  #p-top .eventinfo .eventinfo_detail dl:last-child {
    margin-bottom: 0; }
  #p-top .eventinfo .eventinfo_detail dt {
    width: 230px;
    float: left;
    background-color: #ff6b6b;
    box-sizing: border-box;
    border: #ff6b6b solid 5px;
    color: #ffffff;
    font-size: 30px;
    padding: 30px 0;
    text-align: center; }
    #p-top .eventinfo .eventinfo_detail dt span {
      line-height: 1.2em; }
  #p-top .eventinfo .eventinfo_detail dd {
    width: 672px;
    float: right;
    box-sizing: border-box;
    border: #ff6b6b solid 5px;
    padding: 30px 0; }
    #p-top .eventinfo .eventinfo_detail dd p {
      margin: 0 40px;
      line-height: 1.6em; }
  #p-top .eventinfo .eventinfo_detail .one-line dt {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 0; }
  #p-top .eventinfo .eventinfo_detail .one-line dd {
    float: none;
    width: 100%; }
  #p-top .eventinfo .eventinfo_detail .t1 {
    font-size: 30px; }
  #p-top .eventinfo .eventinfo_detail .t2 {
    font-size: 20px; }
    #p-top .eventinfo .eventinfo_detail .t2 strong {
      font-size: 27px;
      color: #ff6b6b; }
  #p-top .eventinfo .eventinfo_detail .t3 {
    font-size: 16px; }
  #p-top .eventinfo .eventinfo_detail .t4 {
    font-size: 12px; }
  #p-top .eventinfo .eventinfo_detail .button_list {
    zoom: 1;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px; }
    #p-top .eventinfo .eventinfo_detail .button_list:after {
      content: "";
      clear: both;
      display: block; }
    #p-top .eventinfo .eventinfo_detail .button_list li {
      width: 290px;
      float: left;
      margin-right: 10px; }
      #p-top .eventinfo .eventinfo_detail .button_list li:last-child {
        margin-right: 0; }
    #p-top .eventinfo .eventinfo_detail .button_list .none {
      pointer-events: none;
      opacity: 0.4;
      filter: alpha(opacity=40);
      -ms-filter: "alpha(opacity=40)";
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4; }
  #p-top .eventinfo .eventinfo_detail .button {
    width: 540px;
    height: 70px;
    margin: 20px auto 0 auto; }
    #p-top .eventinfo .eventinfo_detail .button a {
      display: block;
      background: url("../images/top/eventinfo_btn_bg.png") no-repeat center top;
      line-height: 70px;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      font-size: 20px; }
  #p-top .eventinfo .eventinfo_detail .button2 {
    width: 540px;
    height: 70px;
    margin: 20px auto 0 auto; }
    #p-top .eventinfo .eventinfo_detail .button2 a {
      display: block;
      background: url("../images/top/eventinfo_btn_bg.png") no-repeat center top;
      line-height: 70px;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      font-size: 20px; }
  #p-top .eventinfo .eventinfo_detail .ticket_list {
    margin: 0 40px 10px 40px;
    display: block;
    width: 100%; }
    #p-top .eventinfo .eventinfo_detail .ticket_list li {
      zoom: 1;
      margin: 0 0 20px 0; }
      #p-top .eventinfo .eventinfo_detail .ticket_list li:after {
        content: "";
        clear: both;
        display: block; }
    #p-top .eventinfo .eventinfo_detail .ticket_list .name {
      width: 230px;
      float: left;
      margin: 0;
      font-size: 20px;
      line-height: 30px; }
    #p-top .eventinfo .eventinfo_detail .ticket_list .price {
      width: 360px;
      float: right;
      margin: 0;
      font-size: 30px;
      line-height: 30px; }
      #p-top .eventinfo .eventinfo_detail .ticket_list .price span {
        font-size: 20px; }
    #p-top .eventinfo .eventinfo_detail .ticket_list li:nth-child(2n) .price {
      padding-top: 15px; }
  #p-top .eventinfo .eventinfo_detail .howto_list {
    margin: 0 40px 40px 40px;
    text-align: center; }
    #p-top .eventinfo .eventinfo_detail .howto_list ul {
      display: table;
      width: 100%; }
    #p-top .eventinfo .eventinfo_detail .howto_list li {
      display: table-cell;
      position: relative; }
      #p-top .eventinfo .eventinfo_detail .howto_list li:after {
        content: " ";
        display: block;
        width: 23px;
        height: 23px;
        background: url("../images/common/icon_plus.png") no-repeat center top;
        position: absolute;
        right: 0px;
        top: 73px;
        z-index: 1; }
      #p-top .eventinfo .eventinfo_detail .howto_list li:nth-child(1):after {
        right: -5px; }
      #p-top .eventinfo .eventinfo_detail .howto_list li:nth-child(2):after {
        right: -13px; }
      #p-top .eventinfo .eventinfo_detail .howto_list li:nth-child(3):after {
        display: none; }
    #p-top .eventinfo .eventinfo_detail .howto_list .icon {
      margin-bottom: 15px; }
    #p-top .eventinfo .eventinfo_detail .howto_list p {
      font-size: 18px;
      margin: 0; }
  #p-top .eventinfo .eventinfo_detail .howto_text {
    text-align: center; }
    #p-top .eventinfo .eventinfo_detail .howto_text .caps {
      font-size: 12px; }
  #p-top .whatsbanner .l-inner {
    width: 954px;
    padding: 100px 0 0 0; }
  #p-top .whatsbanner .banner_list {
    width: 100%;
    text-align: center;
    font-size: 0;
    line-height: 0; }
    #p-top .whatsbanner .banner_list li {
      display: inline-block;
      margin: 0 10px;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
      background-color: #ffffff; }

#p-faq {
  background: url("../images/common/bg_beach.png") repeat-y center top; }
  #p-faq ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-faq ::selection {
    background: #000000;
    color: #ffffff; }
  #p-faq ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-faq .m-items {
    top: 163px;
    background: url("../images/common/bg_2nd_loop.png") repeat-y center top; }
  #p-faq .main .l-inner {
    width: 100%;
    min-width: 1100px;
    height: 163px;
    text-align: center;
    background: url("../images/common/hd_bg_2nd.png") no-repeat center top;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.45)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45)); }
  #p-faq .main h1 {
    padding: 20px 0 0 0; }
  #p-faq .pagetitle .l-inner {
    width: 1100px;
    padding: 93px 0 118px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title.png") no-repeat center top; }
  #p-faq .notes .l-inner,
  #p-faq .questions .l-inner {
    width: 954px; }
  #p-faq .notes .paper_block,
  #p-faq .questions .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-faq .notes .paper_block:before,
    #p-faq .questions .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-faq .notes .paper_block:after,
    #p-faq .questions .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-faq .notes .paper_title,
  #p-faq .questions .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-faq .notes .paper_title h3,
    #p-faq .questions .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-faq .notes .paper_title span,
    #p-faq .questions .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-faq .notes .paper_inner_wide,
  #p-faq .questions .paper_inner_wide {
    margin: 0 66px; }
  #p-faq .notes .paper_inner,
  #p-faq .questions .paper_inner {
    margin: 0 94px; }
  #p-faq .notes .paper_inner2,
  #p-faq .questions .paper_inner2 {
    margin: 0 114px; }
  #p-faq .notes h4,
  #p-faq .questions h4 {
    font-size: 30px;
    text-align: center;
    line-height: 1.3em;
    margin-bottom: 50px; }
  #p-faq .notes .text_list,
  #p-faq .questions .text_list {
    margin-bottom: 50px;
    padding-bottom: 50px;
    background: url("../images/common/bar_dot.png") center bottom repeat-x;
    font-size: 16px;
    line-height: 1.6em; }
    #p-faq .notes .text_list:last-child,
    #p-faq .questions .text_list:last-child {
      background: none;
      margin-bottom: 0; }
    #p-faq .notes .text_list li,
    #p-faq .questions .text_list li {
      list-style-type: disc;
      list-style-position: outside;
      margin: 0 0 1.5em 1em; }
    #p-faq .notes .text_list .text-line,
    #p-faq .questions .text_list .text-line {
      text-decoration: line-through; }
    #p-faq .notes .text_list .caps,
    #p-faq .questions .text_list .caps {
      font-size: 14px; }
    #p-faq .notes .text_list strong,
    #p-faq .questions .text_list strong {
      font-size: 18px; }
    #p-faq .notes .text_list dl,
    #p-faq .questions .text_list dl {
      display: block;
      margin-bottom: 2em; }
    #p-faq .notes .text_list dt,
    #p-faq .questions .text_list dt {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #ff6b6b;
      line-height: 1.4em; }
  #p-faq .notes .text_list_button,
  #p-faq .questions .text_list_button {
    display: inline-block;
    margin-right: 20px; }
  #p-faq .questions .l-inner {
    padding-top: 120px; }

#p-ticket {
  background: url("../images/common/bg_beach.png") repeat-y center top; }
  #p-ticket ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-ticket ::selection {
    background: #000000;
    color: #ffffff; }
  #p-ticket ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-ticket .m-items {
    top: 163px;
    background: url("../images/common/bg_2nd_loop.png") repeat-y center top; }
  #p-ticket .main .l-inner {
    width: 100%;
    min-width: 1100px;
    height: 163px;
    text-align: center;
    background: url("../images/common/hd_bg_2nd.png") no-repeat center top;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.45)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45)); }
  #p-ticket .main h1 {
    padding: 20px 0 0 0; }
  #p-ticket .pagetitle .l-inner {
    width: 1100px;
    padding: 93px 0 118px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title.png") no-repeat center top; }
  #p-ticket .pricelist .l-inner {
    width: 954px; }
  #p-ticket .pricelist .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-ticket .pricelist .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-ticket .pricelist .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-ticket .pricelist .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-ticket .pricelist .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-ticket .pricelist .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-ticket .pricelist .paper_inner_wide {
    margin: 0 66px; }
  #p-ticket .pricelist .paper_inner {
    margin: 0 94px; }
  #p-ticket .pricelist .paper_inner2 {
    margin: 0 114px; }
  #p-ticket .pricelist .graph {
    width: 100%;
    display: table;
    position: relative;
    margin-bottom: 45px; }
    #p-ticket .pricelist .graph dl {
      display: table-cell;
      width: 363px;
      text-align: center;
      box-sizing: border-box;
      border-right: #ffffff solid 3px;
      position: relative; }
      #p-ticket .pricelist .graph dl:nth-child(3) {
        border-right: none; }
    #p-ticket .pricelist .graph dt {
      font-size: 20px;
      color: #ffffff;
      box-sizing: border-box;
      border-bottom: #ffffff solid 3px;
      height: 70px;
      display: table;
      width: 100%; }
      #p-ticket .pricelist .graph dt p {
        display: table-cell;
        vertical-align: middle; }
    #p-ticket .pricelist .graph dd {
      box-sizing: border-box;
      border-bottom: #ffffff solid 3px;
      display: table;
      width: 100%; }
      #p-ticket .pricelist .graph dd:last-child {
        border-bottom: none; }
      #p-ticket .pricelist .graph dd p {
        display: table-cell;
        vertical-align: middle;
        line-height: 1.4em; }
    #p-ticket .pricelist .graph .price {
      font-size: 25px;
      height: 100px; }
      #p-ticket .pricelist .graph .price .caps {
        font-size: 18px; }
      #p-ticket .pricelist .graph .price .dd {
        font-size: 13px;
        display: block;
        line-height: 1em; }
    #p-ticket .pricelist .graph .include {
      height: 75px;
      display: none; }
    #p-ticket .pricelist .graph .pc-blank {
      height: 75px; }
    #p-ticket .pricelist .graph .genre {
      height: 75px;
      font-size: 17px; }
    #p-ticket .pricelist .graph .shop {
      height: 75px;
      font-size: 15px; }
    #p-ticket .pricelist .graph .ticket1 dt {
      background-color: #ffb400; }
    #p-ticket .pricelist .graph .ticket1 dd {
      background-color: #ffeba7; }
    #p-ticket .pricelist .graph .ticket2 dt {
      background-color: #ff8543; }
    #p-ticket .pricelist .graph .ticket2 dd {
      background-color: #ffdcc9; }
    #p-ticket .pricelist .graph .ticket3 dt {
      background-color: #3ec6ff; }
    #p-ticket .pricelist .graph .ticket3 dd {
      background-color: #c4eeff; }
    #p-ticket .pricelist .graph .text-line {
      text-decoration: line-through; }
    #p-ticket .pricelist .graph .pc-include {
      width: 100%;
      height: 75px;
      background-color: #f1f1f1;
      position: absolute;
      left: 0px;
      top: 170px;
      z-index: 1;
      font-size: 16px;
      line-height: 1.4em;
      text-align: center;
      border-bottom: 3px solid #ffffff;
      display: table; }
      #p-ticket .pricelist .graph .pc-include p {
        display: table-cell;
        vertical-align: middle; }
  #p-ticket .pricelist .graph_caps {
    font-size: 13px;
    margin-bottom: 30px; }
  #p-ticket .pricelist .month_detail {
    margin-bottom: 45px; }
  #p-ticket .pricelist h4 {
    font-size: 20px;
    margin-bottom: 10px; }
  #p-ticket .pricelist .text {
    font-size: 14px; }
  #p-ticket .pricelist h5 {
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 5px; }
  #p-ticket .schedule .l-inner {
    width: 954px;
    padding-top: 145px; }
  #p-ticket .schedule .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-ticket .schedule .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-ticket .schedule .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-ticket .schedule .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-ticket .schedule .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-ticket .schedule .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-ticket .schedule .paper_inner_wide {
    margin: 0 66px; }
  #p-ticket .schedule .paper_inner {
    margin: 0 94px; }
  #p-ticket .schedule .paper_inner2 {
    margin: 0 114px; }
  #p-ticket .schedule .series {
    margin-bottom: 30px;
    text-align: center; }
    #p-ticket .schedule .series h4 {
      font-size: 22px; }
    #p-ticket .schedule .series .date {
      font-size: 30px; }
    #p-ticket .schedule .series:nth-child(3) {
      margin-bottom: 50px; }
  #p-ticket .schedule .playstyle {
    background: url("../images/common/bar_dot.png") center top repeat-x;
    padding-top: 50px;
    margin-bottom: 50px; }
    #p-ticket .schedule .playstyle h5 {
      font-size: 30px;
      text-align: center;
      margin-bottom: 20px; }
    #p-ticket .schedule .playstyle .howto_list {
      margin: 0 0 50px 0; }
      #p-ticket .schedule .playstyle .howto_list ul {
        display: table;
        width: 100%; }
      #p-ticket .schedule .playstyle .howto_list li {
        display: table-cell;
        position: relative; }
        #p-ticket .schedule .playstyle .howto_list li:after {
          content: " ";
          display: block;
          width: 23px;
          height: 23px;
          background: url("../images/common/icon_plus.png") no-repeat center top;
          position: absolute;
          right: 9px;
          top: 73px;
          z-index: 1; }
        #p-ticket .schedule .playstyle .howto_list li:nth-child(1) {
          width: 353px; }
          #p-ticket .schedule .playstyle .howto_list li:nth-child(1) .name {
            margin-right: 40px; }
        #p-ticket .schedule .playstyle .howto_list li:nth-child(2) {
          width: 207px; }
          #p-ticket .schedule .playstyle .howto_list li:nth-child(2) .name {
            margin-right: 40px; }
        #p-ticket .schedule .playstyle .howto_list li:nth-child(3):after {
          display: none; }
      #p-ticket .schedule .playstyle .howto_list .icon {
        margin-bottom: 15px; }
      #p-ticket .schedule .playstyle .howto_list .name {
        font-size: 18px;
        text-align: center; }
    #p-ticket .schedule .playstyle .text {
      font-size: 16px;
      text-align: center; }
      #p-ticket .schedule .playstyle .text .caps {
        font-size: 12px; }
  #p-ticket .schedule .apps {
    padding-top: 50px;
    background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-ticket .schedule .apps h5 {
      font-size: 30px;
      text-align: center;
      margin-bottom: 30px; }
    #p-ticket .schedule .apps .text {
      font-size: 20px;
      text-align: center;
      margin-bottom: 40px; }
      #p-ticket .schedule .apps .text strong {
        font-size: 27px;
        display: block;
        color: #ff6b6b; }
    #p-ticket .schedule .apps .caps {
      font-size: 13px;
      text-align: center;
      margin-bottom: 40px; }
    #p-ticket .schedule .apps .apps_btn_caption {
      margin-bottom: 45px; }
    #p-ticket .schedule .apps .button_list1 {
      zoom: 1;
      width: 100%;
      margin-bottom: 30px;
      letter-spacing: -0.75em;
      text-align: center; }
      #p-ticket .schedule .apps .button_list1:after {
        content: "";
        clear: both;
        display: block; }
      #p-ticket .schedule .apps .button_list1 li {
        letter-spacing: normal;
        display: inline-block; }
      #p-ticket .schedule .apps .button_list1 .none {
        pointer-events: none;
        opacity: 0.4;
        filter: alpha(opacity=40);
        -ms-filter: "alpha(opacity=40)";
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4; }
      #p-ticket .schedule .apps .button_list1 .m-button373 b,
      #p-ticket .schedule .apps .button_list1 .m-button540 b {
        display: table;
        width: 100%;
        height: 100%; }
      #p-ticket .schedule .apps .button_list1 .m-button373 a,
      #p-ticket .schedule .apps .button_list1 .m-button540 a {
        line-height: 1.4em;
        display: table-cell;
        vertical-align: middle; }
      #p-ticket .schedule .apps .button_list1 .m-button373 span,
      #p-ticket .schedule .apps .button_list1 .m-button540 span {
        display: block;
        font-size: 16px;
        letter-spacing: 0.05em; }
    #p-ticket .schedule .apps .button_list2 {
      zoom: 1;
      width: 100%;
      margin-bottom: 30px; }
      #p-ticket .schedule .apps .button_list2:after {
        content: "";
        clear: both;
        display: block; }
      #p-ticket .schedule .apps .button_list2 li {
        width: 242px;
        float: left;
        margin-right: 20px; }
        #p-ticket .schedule .apps .button_list2 li:last-child {
          margin-right: 0; }
      #p-ticket .schedule .apps .button_list2 .none {
        pointer-events: none;
        opacity: 0.4;
        filter: alpha(opacity=40);
        -ms-filter: "alpha(opacity=40)";
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4; }
      #p-ticket .schedule .apps .button_list2 a {
        font-size: 12px; }
    #p-ticket .schedule .apps .caps2 {
      text-align: center;
      font-size: 16px;
      margin-bottom: 15px; }
    #p-ticket .schedule .apps .caps3 {
      text-align: center;
      font-size: 14px;
      margin-bottom: 15px; }
    #p-ticket .schedule .apps .button_list3 {
      zoom: 1;
      width: 100%;
      margin-bottom: 30px; }
      #p-ticket .schedule .apps .button_list3:after {
        content: "";
        clear: both;
        display: block; }
      #p-ticket .schedule .apps .button_list3 li {
        width: 373px;
        float: left;
        margin-right: 20px; }
        #p-ticket .schedule .apps .button_list3 li:last-child {
          margin-right: 0; }
      #p-ticket .schedule .apps .button_list3 .none {
        pointer-events: none;
        opacity: 0.4;
        filter: alpha(opacity=40);
        -ms-filter: "alpha(opacity=40)";
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4; }

#p-howto {
  background: url("../images/common/bg_beach.png") repeat-y center top; }
  #p-howto ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-howto ::selection {
    background: #000000;
    color: #ffffff; }
  #p-howto ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-howto .m-items {
    top: 163px;
    background: url("../images/common/bg_2nd_loop.png") repeat-y center top; }
  #p-howto .main .l-inner {
    width: 100%;
    min-width: 1100px;
    height: 163px;
    text-align: center;
    background: url("../images/common/hd_bg_2nd.png") no-repeat center top;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.45)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45)); }
  #p-howto .main h1 {
    padding: 20px 0 0 0; }
  #p-howto .pagetitle .l-inner {
    width: 1100px;
    padding: 93px 0 118px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title.png") no-repeat center top; }
  #p-howto .procedure .l-inner {
    width: 954px; }
  #p-howto .procedure .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-howto .procedure .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-howto .procedure .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-howto .procedure .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-howto .procedure .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-howto .procedure .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-howto .procedure .paper_inner_wide {
    margin: 0 66px; }
  #p-howto .procedure .paper_inner {
    margin: 0 94px; }
  #p-howto .procedure .paper_inner2 {
    margin: 0 114px; }
  #p-howto .procedure .steps {
    font-size: 0;
    line-height: 0;
    text-align: center; }
    #p-howto .procedure .steps dl {
      font-size: 16px;
      line-height: 1.6em;
      display: inline-block;
      vertical-align: top;
      width: 176px;
      margin-right: 99px;
      position: relative;
      margin-bottom: 20px; }
      #p-howto .procedure .steps dl:after {
        display: block;
        content: " ";
        background: url("../images/common/icon_arw1.png") no-repeat center top;
        width: 20px;
        height: 24px;
        display: block;
        position: absolute;
        right: -60px;
        top: 102px;
        z-index: 0; }
      #p-howto .procedure .steps dl:nth-child(4):after {
        right: -90px; }
      #p-howto .procedure .steps dl:nth-child(3), #p-howto .procedure .steps dl:nth-child(5) {
        margin-right: 0; }
        #p-howto .procedure .steps dl:nth-child(3):after, #p-howto .procedure .steps dl:nth-child(5):after {
          display: none; }
    #p-howto .procedure .steps dt {
      position: relative;
      margin-bottom: 15px; }
    #p-howto .procedure .steps .step {
      width: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 0;
      text-align: center; }
    #p-howto .procedure .steps .icon {
      padding-top: 27px; }
    #p-howto .procedure .steps dd {
      position: relative; }
    #p-howto .procedure .steps h4 {
      font-size: 23px;
      white-space: nowrap;
      margin-bottom: 18px; }
    #p-howto .procedure .steps .text {
      white-space: nowrap;
      margin-bottom: 10px; }
    #p-howto .procedure .steps .caps {
      font-size: 11px;
      line-height: 1.5em; }
    #p-howto .procedure .steps .step1 dd {
      height: 160px;
      margin-bottom: 25px; }
    #p-howto .procedure .steps .step2 dd {
      height: 160px;
      margin-bottom: 25px; }
    #p-howto .procedure .steps .step3 dd {
      height: 160px;
      margin-bottom: 25px;
      width: 310px;
      margin-left: -67px; }
    #p-howto .procedure .steps .step4 {
      margin-right: 158px; }
      #p-howto .procedure .steps .step4 dd {
        width: 270px;
        margin-left: -47px; }
    #p-howto .procedure .steps .step5 dd {
      width: 310px;
      margin-left: -67px; }
  #p-howto .playstyle .l-inner {
    width: 954px;
    padding-top: 145px; }
  #p-howto .playstyle .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-howto .playstyle .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-howto .playstyle .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-howto .playstyle .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-howto .playstyle .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-howto .playstyle .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-howto .playstyle .paper_inner_wide {
    margin: 0 66px; }
  #p-howto .playstyle .paper_inner {
    margin: 0 94px; }
  #p-howto .playstyle .paper_inner2 {
    margin: 0 114px; }
  #p-howto .playstyle .howto_list {
    margin-bottom: 45px; }
    #p-howto .playstyle .howto_list ul {
      display: table;
      width: 100%; }
    #p-howto .playstyle .howto_list li {
      display: table-cell;
      position: relative; }
      #p-howto .playstyle .howto_list li:after {
        content: " ";
        display: block;
        width: 23px;
        height: 23px;
        background: url("../images/common/icon_plus.png") no-repeat center top;
        position: absolute;
        right: 9px;
        top: 73px;
        z-index: 1; }
      #p-howto .playstyle .howto_list li:nth-child(1) {
        width: 353px; }
        #p-howto .playstyle .howto_list li:nth-child(1) .name {
          margin-right: 40px; }
      #p-howto .playstyle .howto_list li:nth-child(2) {
        width: 207px; }
        #p-howto .playstyle .howto_list li:nth-child(2) .name {
          margin-right: 40px; }
      #p-howto .playstyle .howto_list li:nth-child(3):after {
        display: none; }
    #p-howto .playstyle .howto_list .icon {
      margin-bottom: 15px; }
    #p-howto .playstyle .howto_list .name {
      font-size: 18px;
      text-align: center; }
  #p-howto .playstyle .howto_text {
    text-align: center;
    font-size: 16px; }
  #p-howto .tools .l-inner {
    width: 954px;
    padding-top: 145px; }
  #p-howto .tools .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-howto .tools .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-howto .tools .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-howto .tools .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-howto .tools .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-howto .tools .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-howto .tools .paper_inner_wide {
    margin: 0 66px; }
  #p-howto .tools .paper_inner {
    margin: 0 94px; }
  #p-howto .tools .paper_inner2 {
    margin: 0 114px; }
  #p-howto .tools .tool ul {
    font-size: 0;
    line-height: 0; }
  #p-howto .tools .tool li {
    display: inline-block;
    vertical-align: top;
    width: 148px;
    margin-right: 44px;
    text-align: center; }
    #p-howto .tools .tool li:nth-child(4) {
      margin-right: 0; }
  #p-howto .tools .tool .icon {
    margin-bottom: 15px; }
  #p-howto .tools .tool h4 {
    font-size: 18px;
    line-height: 1.4em;
    white-space: nowrap;
    margin-bottom: 15px; }
  #p-howto .tools .tool .text {
    font-size: 14px;
    line-height: 1.6em;
    white-space: nowrap; }
  #p-howto .tools .tool .tool2 .text {
    width: 200px;
    margin-left: -26px; }
  #p-howto .apps .l-inner {
    width: 954px;
    padding-top: 145px; }
  #p-howto .apps .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-howto .apps .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-howto .apps .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-howto .apps .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-howto .apps .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-howto .apps .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-howto .apps .paper_inner_wide {
    margin: 0 66px; }
  #p-howto .apps .paper_inner {
    margin: 0 94px; }
  #p-howto .apps .paper_inner2 {
    margin: 0 114px; }
  #p-howto .apps .app h5 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px; }
  #p-howto .apps .app .text {
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.6em; }
    #p-howto .apps .app .text strong {
      font-size: 27px;
      display: block;
      color: #ff6b6b; }
  #p-howto .apps .app .image {
    margin-bottom: 30px; }
  #p-howto .apps .app .caps {
    font-size: 13px;
    text-align: center;
    margin-bottom: 40px; }
  #p-howto .apps .app .apps_btn_caption {
    margin-bottom: 45px; }
  #p-howto .apps .app .button_list {
    zoom: 1;
    width: 100%;
    margin-bottom: 20px; }
    #p-howto .apps .app .button_list:after {
      content: "";
      clear: both;
      display: block; }
    #p-howto .apps .app .button_list li {
      width: 373px;
      float: left;
      margin-right: 20px; }
      #p-howto .apps .app .button_list li:last-child {
        margin-right: 0; }
    #p-howto .apps .app .button_list .none {
      pointer-events: none;
      opacity: 0.4;
      filter: alpha(opacity=40);
      -ms-filter: "alpha(opacity=40)";
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4; }

#p-nazo {
  background: url("../images/common/bg_beach.png") repeat-y center top; }
  #p-nazo .m-items {
    top: 163px;
    background: url("../images/common/bg_2nd_loop.png") repeat-y center top; }
  #p-nazo .main .l-inner {
    width: 100%;
    min-width: 1100px;
    height: 163px;
    text-align: center;
    background: url("../images/common/hd_bg_2nd.png") no-repeat center top;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.45)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45)); }
  #p-nazo .main h1 {
    padding: 20px 0 0 0; }
  #p-nazo .pagetitle .l-inner {
    width: 1100px;
    padding: 93px 0 118px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title.png") no-repeat center top; }
  #p-nazo .question1 .l-inner {
    width: 954px; }
  #p-nazo .question1 .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-nazo .question1 .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-nazo .question1 .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-nazo .question1 .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-nazo .question1 .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-nazo .question1 .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-nazo .question1 .paper_inner_wide {
    margin: 0 66px; }
  #p-nazo .question1 .paper_inner {
    margin: 0 94px; }
  #p-nazo .question1 .paper_inner2 {
    margin: 0 114px; }
  #p-nazo .question1 .question {
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    padding: 11px 0;
    margin: -140px 0 45px 0;
    pointer-events: none;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25)); }
  #p-nazo .question1 .text {
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px; }
  #p-nazo .question1 .m-button373 a {
    font-size: 24px; }
  #p-nazo .question1 .input_area {
    width: 540px;
    margin: 0 auto 50px auto; }
  #p-nazo .question1 .input_text {
    background: #ffffff;
    border: #000000 solid 3px;
    border-radius: 10px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 28px;
    box-sizing: border-box;
    height: 75px;
    line-height: 75px;
    padding: 0 15px;
    width: 100%; }

#p-contact {
  background: url("../images/common/bg_beach.png") repeat-y center top; }
  #p-contact ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-contact ::selection {
    background: #000000;
    color: #ffffff; }
  #p-contact ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-contact .m-items {
    top: 163px;
    background: url("../images/common/bg_2nd_loop.png") repeat-y center top; }
  #p-contact .main .l-inner {
    width: 100%;
    min-width: 1100px;
    height: 163px;
    text-align: center;
    background: url("../images/common/hd_bg_2nd.png") no-repeat center top;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.45)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45)); }
  #p-contact .main h1 {
    padding: 20px 0 0 0; }
  #p-contact .pagetitle .l-inner {
    width: 1100px;
    padding: 93px 0 118px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title.png") no-repeat center top; }
  #p-contact .notes .l-inner {
    width: 954px; }
  #p-contact .notes .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-contact .notes .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-contact .notes .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-contact .notes .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-contact .notes .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-contact .notes .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-contact .notes .paper_inner_wide {
    margin: 0 66px; }
  #p-contact .notes .paper_inner {
    margin: 0 94px; }
  #p-contact .notes .paper_inner2 {
    margin: 0 114px; }
  #p-contact .notes h3 {
    font-size: 30px;
    text-align: center;
    line-height: 1em;
    margin-bottom: 50px; }
  #p-contact .notes .box {
    margin-bottom: 100px;
    text-align: center; }
  #p-contact .notes h4 {
    font-size: 20px;
    margin-bottom: 20px; }
  #p-contact .notes dl {
    font-size: 0;
    line-height: 0;
    margin-bottom: 5px; }
  #p-contact .notes dt {
    display: inline-block;
    font-size: 18px;
    line-height: 1.5em;
    text-align: left;
    letter-spacing: 0.1em;
    margin-right: 30px; }
  #p-contact .notes dd {
    display: inline-block;
    font-size: 18px;
    line-height: 1.5em;
    text-align: left;
    letter-spacing: 0.1em;
    vertical-align: top; }
    #p-contact .notes dd a {
      text-decoration: none; }
  #p-contact .notes .place dt {
    width: 110px; }
  #p-contact .notes .place dd {
    width: 310px; }
  #p-contact .notes .caps {
    font-size: 14px;
    line-height: 1.6em;
    display: block;
    margin-top: 10px; }

#p-special {
  background: url("../images/common/bg_beach.png") repeat-y center top; }
  #p-special ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-special ::selection {
    background: #000000;
    color: #ffffff; }
  #p-special ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-special .m-items {
    top: 163px;
    background: url("../images/common/bg_2nd_loop.png") repeat-y center top; }
  #p-special .main .l-inner {
    width: 100%;
    min-width: 1100px;
    height: 163px;
    text-align: center;
    background: url("../images/common/hd_bg_2nd.png") no-repeat center top;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.45)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45)); }
  #p-special .main h1 {
    padding: 20px 0 0 0; }
  #p-special .pagetitle .l-inner {
    width: 1100px;
    padding: 93px 0 118px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title.png") no-repeat center top; }
  #p-special .notes {
    margin-bottom: 115px; }
    #p-special .notes .l-inner {
      width: 954px; }
    #p-special .notes .paper_block {
      position: relative;
      background: url("../images/common/bg_paper_repeat.png") repeat center top;
      -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
              filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
      padding: 120px 0 70px 0; }
      #p-special .notes .paper_block:before {
        content: " ";
        display: block;
        position: absolute;
        left: 3%;
        top: 20px;
        width: 94%;
        height: 2px;
        background: url("../images/common/bar_dot.png") center top repeat-x; }
      #p-special .notes .paper_block:after {
        content: " ";
        display: block;
        position: absolute;
        left: 0px;
        bottom: -35px;
        z-index: 1;
        width: 100%;
        height: 35px;
        background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
    #p-special .notes .paper_title {
      position: absolute;
      left: 0px;
      top: -20px;
      z-index: 2;
      text-align: center;
      width: 100%;
      -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
              filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
      #p-special .notes .paper_title h3 {
        background-color: #000000;
        color: #ffffff;
        width: 540px;
        margin: 0 auto;
        line-height: 1em;
        font-size: 34px;
        box-sizing: border-box;
        padding: 10px; }
      #p-special .notes .paper_title span {
        line-height: 1em;
        display: block;
        padding: 20px 0;
        box-sizing: border-box;
        border: #ffffff solid 2px; }
    #p-special .notes .paper_inner_wide {
      margin: 0 66px; }
    #p-special .notes .paper_inner {
      margin: 0 94px; }
    #p-special .notes .paper_inner2 {
      margin: 0 114px; }
    #p-special .notes .paper_block {
      padding: 50px 0; }
    #p-special .notes .title_block {
      width: 94%;
      margin: 0 auto 50px auto;
      padding-bottom: 25px;
      background: url("../images/common/bar_dot.png") center bottom repeat-x; }
    #p-special .notes h3 {
      font-size: 30px;
      line-height: 1.4em;
      text-align: left;
      margin: 0 20px; }
    #p-special .notes .detail_block {
      margin: 0 50px; }
    #p-special .notes .marys_title {
      text-align: center;
      margin-bottom: 45px; }
    #p-special .notes .marys_wrap {
      zoom: 1; }
      #p-special .notes .marys_wrap:after {
        content: "";
        clear: both;
        display: block; }
    #p-special .notes .marys_image {
      width: 350px;
      float: left;
      text-align: center; }
      #p-special .notes .marys_image p {
        margin-bottom: 5px; }
    #p-special .notes .marys_text {
      width: 465px;
      float: right;
      font-size: 18px;
      text-align: justify;
      letter-spacing: 0.05em; }
    #p-special .notes .imagesong_title {
      text-align: center;
      margin-bottom: 50px;
      width: 100%;
      font-size: 27px;
      display: block;
      color: #ff6b6b; }
      #p-special .notes .imagesong_title p {
        display: inline-block;
        line-height: 1em; }
      #p-special .notes .imagesong_title span {
        border-bottom: 3px solid #ff6b6b;
        display: inline;
        line-height: 1.4em;
        letter-spacing: 0.05em; }
    #p-special .notes .imagesong_image {
      text-align: center;
      margin-bottom: 60px;
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
              filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25)); }
    #p-special .notes .imagesong_text {
      font-size: 18px;
      letter-spacing: 0.05em;
      margin-bottom: 20px; }
    #p-special .notes .imagesong_caps {
      font-size: 14px;
      letter-spacing: 0.05em;
      margin-bottom: 40px; }
    #p-special .notes .imagesong_form {
      margin-bottom: 60px; }
      #p-special .notes .imagesong_form .input_area {
        width: 540px;
        margin: 0 auto 30px auto; }
      #p-special .notes .imagesong_form .input_text {
        background: #ffffff;
        border: #000000 solid 3px;
        border-radius: 10px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 28px;
        box-sizing: border-box;
        height: 75px;
        line-height: 75px;
        padding: 0 15px;
        width: 100%; }
    #p-special .notes .imagesong_hint {
      text-align: center;
      font-size: 18px;
      letter-spacing: 0.05em;
      margin-bottom: 20px; }
    #p-special .notes .imagesong_hint_detail {
      border: #000000 solid 2px;
      text-align: center;
      width: 50%;
      margin: 0 auto;
      display: none; }
      #p-special .notes .imagesong_hint_detail p {
        line-height: 1.6em;
        padding: 10px 0; }
    #p-special .notes .imagesong_music {
      margin-bottom: 50px; }
      #p-special .notes .imagesong_music a {
        letter-spacing: 0.05em; }
      #p-special .notes .imagesong_music span {
        padding: 3px 40px; }
      #p-special .notes .imagesong_music .status_on {
        background: url("../images/special/icon_sound_on.png") no-repeat left center;
        background-size: auto 100%; }
      #p-special .notes .imagesong_music .status_off {
        background: url("../images/special/icon_sound_off.png") no-repeat left center;
        background-size: auto 100%; }
    #p-special .notes .cdnazo_wrap {
      zoom: 1;
      margin-bottom: 20px; }
      #p-special .notes .cdnazo_wrap:after {
        content: "";
        clear: both;
        display: block; }
    #p-special .notes .cdnazo_image {
      width: 350px;
      float: left;
      text-align: center; }
      #p-special .notes .cdnazo_image p {
        margin-bottom: 5px; }
    #p-special .notes .cdnazo_detail {
      width: 465px;
      float: right;
      font-size: 18px;
      text-align: justify;
      letter-spacing: 0.05em; }
    #p-special .notes .cdnazo_spec {
      font-size: 13px;
      margin: 0 0 60px 0;
      background-image: url("../images/common/bar_dot.png"), url("../images/common/bar_dot.png");
      background-repeat: repeat-x, repeat-x;
      background-position: center top, center bottom;
      padding: 20px 0;
      display: table;
      width: 100%; }
      #p-special .notes .cdnazo_spec .spec_headline {
        display: table-cell;
        width: 100px; }
      #p-special .notes .cdnazo_spec .spec_text {
        display: table-cell; }
        #p-special .notes .cdnazo_spec .spec_text strong {
          font-size: 15px; }
    #p-special .notes .cdnazo_form {
      margin-bottom: 60px; }
      #p-special .notes .cdnazo_form .input_area {
        width: 540px;
        margin: 0 auto 30px auto; }
      #p-special .notes .cdnazo_form .input_text {
        background: #ffffff;
        border: #000000 solid 3px;
        border-radius: 10px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 28px;
        box-sizing: border-box;
        height: 75px;
        line-height: 75px;
        padding: 0 15px;
        width: 100%; }
    #p-special .notes .cdnazo_hint_wrap {
      display: table;
      width: 100%;
      text-align: center;
      vertical-align: top; }
      #p-special .notes .cdnazo_hint_wrap li {
        display: table-cell;
        width: 50%; }
    #p-special .notes .cdnazo_hint_btn {
      text-align: center;
      font-size: 18px;
      letter-spacing: 0.05em;
      margin-bottom: 20px; }
    #p-special .notes .cdnazo_hint_detail {
      text-align: left;
      width: 100%;
      margin: 0 auto;
      display: none; }
      #p-special .notes .cdnazo_hint_detail p {
        border: #000000 solid 2px;
        line-height: 1.8em;
        padding: 13px 15px;
        margin: 0 10px;
        font-size: 13px;
        white-space: nowrap; }
    #p-special .notes .water_title {
      text-align: center;
      margin-bottom: 50px;
      width: 100%;
      font-size: 27px;
      display: block;
      color: #ff6b6b; }
      #p-special .notes .water_title p {
        display: inline-block;
        line-height: 1em; }
      #p-special .notes .water_title span {
        border-bottom: 3px solid #ff6b6b;
        display: inline;
        line-height: 1.4em;
        letter-spacing: 0.05em; }
    #p-special .notes .water_image {
      text-align: center;
      margin-bottom: 50px;
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
              filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25)); }
    #p-special .notes .water_text {
      font-size: 18px;
      letter-spacing: 0.05em;
      margin-bottom: 20px; }
    #p-special .notes .water_spec {
      font-size: 13px;
      background: url("../images/common/bar_dot.png") repeat-x center top;
      margin-bottom: 40px;
      padding: 20px 0;
      display: table;
      width: 100%; }
      #p-special .notes .water_spec .spec_headline {
        display: table-cell;
        width: 100px; }
      #p-special .notes .water_spec .spec_text {
        display: table-cell; }
        #p-special .notes .water_spec .spec_text strong {
          font-size: 15px; }
    #p-special .notes .water_form {
      background-color: #ffffff;
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
              filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
      margin-bottom: 40px;
      position: relative; }
      #p-special .notes .water_form .form_inner {
        margin: 0 30px;
        padding: 30px 0;
        zoom: 1;
        position: relative;
        z-index: 0; }
        #p-special .notes .water_form .form_inner:after {
          content: "";
          clear: both;
          display: block; }
      #p-special .notes .water_form .input_image {
        width: 400px;
        float: left; }
        #p-special .notes .water_form .input_image .grade {
          text-align: center;
          font-size: 24px;
          margin-bottom: 20px; }
        #p-special .notes .water_form .input_image ul {
          display: table;
          width: 100%; }
        #p-special .notes .water_form .input_image li {
          display: table-cell;
          text-align: center;
          font-size: 12px; }
          #p-special .notes .water_form .input_image li p {
            margin-bottom: 5px;
            font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
            font-weight: bold; }
      #p-special .notes .water_form .input_area {
        float: right;
        width: 373px;
        margin: 0 auto; }
      #p-special .notes .water_form .input_text {
        background: #ffffff;
        border: #000000 solid 3px;
        border-radius: 10px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 28px;
        box-sizing: border-box;
        height: 75px;
        line-height: 75px;
        padding: 0 15px;
        width: 100%;
        margin-bottom: 20px; }
      #p-special .notes .water_form .submit_btn {
        margin-bottom: 30px; }
      #p-special .notes .water_form .hint_btn {
        text-align: center;
        font-size: 18px;
        letter-spacing: 0.05em; }
      #p-special .notes .water_form .hint_detail {
        position: absolute;
        z-index: 1;
        border: #000000 solid 4px;
        width: 100%;
        height: 100%;
        background-color: white;
        display: none; }
      #p-special .notes .water_form .hint_detail_inner {
        display: table;
        width: 100%;
        height: 100%;
        position: relative; }
        #p-special .notes .water_form .hint_detail_inner .text {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          line-height: 1.6em;
          padding: 10px 0;
          font-size: 18px;
          position: relative;
          z-index: 0; }
        #p-special .notes .water_form .hint_detail_inner .btn {
          position: absolute;
          right: 10px;
          top: 10px;
          z-index: 1; }
    #p-special .notes .lovelive_wrap {
      zoom: 1;
      margin-bottom: 30px; }
      #p-special .notes .lovelive_wrap:after {
        content: "";
        clear: both;
        display: block; }
    #p-special .notes .lovelive_image {
      width: 290px;
      float: left;
      text-align: center;
      position: relative;
      pointer-events: none; }
      #p-special .notes .lovelive_image img {
        vertical-align: top; }
      #p-special .notes .lovelive_image .lovelive_image_icon {
        margin-bottom: 10px;
        -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
        -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
                filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
        position: relative; }
        #p-special .notes .lovelive_image .lovelive_image_icon:after {
          content: " ";
          display: block;
          background: url("../images/special/lovelive_icon.png") no-repeat center center;
          width: 76px;
          height: 76px;
          position: absolute;
          left: -15px;
          top: -15px;
          z-index: 1;
          -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
          filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="6" dy="6" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.3)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
          -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
                  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); }
      #p-special .notes .lovelive_image .lovelive_image_caps {
        font-size: 13px; }
    #p-special .notes .lovelive_details {
      width: 520px;
      float: right; }
    #p-special .notes .lovelive_title {
      text-align: center;
      margin-bottom: 45px; }
      #p-special .notes .lovelive_title img {
        width: 100%;
        height: auto; }
    #p-special .notes .lovelive_text {
      font-size: 18px;
      text-align: justify;
      letter-spacing: 0.05em;
      margin-bottom: 40px; }
    #p-special .notes .lovelive_btn {
      text-align: center; }
    #p-special .notes .lovelive_spec {
      font-size: 13px;
      background: url("../images/common/bar_dot.png") repeat-x center top;
      margin-bottom: 40px;
      padding: 20px 0;
      display: table;
      width: 100%; }
      #p-special .notes .lovelive_spec .spec_headline {
        display: table-cell;
        width: 150px; }
      #p-special .notes .lovelive_spec .spec_text {
        display: table-cell; }
        #p-special .notes .lovelive_spec .spec_text strong {
          font-size: 15px; }

#p-goods {
  background: url("../images/common/bg_beach.png") repeat-y center top; }
  #p-goods ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-goods ::selection {
    background: #000000;
    color: #ffffff; }
  #p-goods ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-goods .m-items {
    top: 163px;
    background: url("../images/common/bg_2nd_loop.png") repeat-y center top; }
  #p-goods .main .l-inner {
    width: 100%;
    min-width: 1100px;
    height: 163px;
    text-align: center;
    background: url("../images/common/hd_bg_2nd.png") no-repeat center top;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.45)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45)); }
  #p-goods .main h1 {
    padding: 20px 0 0 0; }
  #p-goods .pagetitle .l-inner {
    width: 1100px;
    padding: 93px 0 118px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title.png") no-repeat center top; }
  #p-goods .notes .l-inner {
    width: 954px; }
  #p-goods .notes .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-goods .notes .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-goods .notes .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-goods .notes .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-goods .notes .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-goods .notes .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-goods .notes .paper_inner_wide {
    margin: 0 66px; }
  #p-goods .notes .paper_inner {
    margin: 0 94px; }
  #p-goods .notes .paper_inner2 {
    margin: 0 114px; }
  #p-goods .notes .paper_block {
    padding: 50px 0; }
  #p-goods .notes .title_block {
    width: 94%;
    margin: 0 auto 50px auto;
    padding-bottom: 25px;
    background: url("../images/common/bar_dot.png") center bottom repeat-x; }
  #p-goods .notes h3 {
    font-size: 30px;
    line-height: 1.4em;
    text-align: center;
    margin: 0 20px; }
  #p-goods .notes .detail_block {
    margin: 0 30px; }
  #p-goods .notes .detail_block_text {
    font-size: 21px;
    line-height: 1.7em;
    text-align: center;
    margin-bottom: 40px; }
  #p-goods .goodslist .l-inner,
  #p-goods .goodslist-wide .l-inner,
  #p-goods .goodslist-2column .l-inner {
    width: 954px;
    text-align: center; }
  #p-goods .goodslist ul,
  #p-goods .goodslist-wide ul,
  #p-goods .goodslist-2column ul {
    letter-spacing: -0.75em;
    width: 100%; }
  #p-goods .goodslist li,
  #p-goods .goodslist-wide li,
  #p-goods .goodslist-2column li {
    display: inline-block;
    width: 304px;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 20px 0;
    border-radius: 7px;
    text-align: left;
    letter-spacing: normal;
    margin: 0 20px 20px 0;
    vertical-align: top;
    position: relative; }
    #p-goods .goodslist li.limited:after,
    #p-goods .goodslist-wide li.limited:after,
    #p-goods .goodslist-2column li.limited:after {
      content: " ";
      display: block;
      width: 76px;
      height: 76px;
      position: absolute;
      left: -15px;
      top: -15px;
      z-index: 1;
      -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="6" dy="6" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.3)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
              filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
      background: url("../images/goods/icon_limited.png") no-repeat center center; }
  #p-goods .goodslist .image,
  #p-goods .goodslist-wide .image,
  #p-goods .goodslist-2column .image {
    width: 264px;
    margin: 0 auto 20px auto;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1)); }
    #p-goods .goodslist .image a,
    #p-goods .goodslist-wide .image a,
    #p-goods .goodslist-2column .image a {
      display: block;
      position: relative; }
      #p-goods .goodslist .image a:after,
      #p-goods .goodslist-wide .image a:after,
      #p-goods .goodslist-2column .image a:after {
        content: " ";
        display: block;
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 1;
        background: url("../images/goods/icon_zoom.png") no-repeat center center;
        width: 60px;
        height: 60px;
        -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="6" dy="6" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.3)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
        -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
                filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); }
  #p-goods .goodslist .list_desc,
  #p-goods .goodslist-wide .list_desc,
  #p-goods .goodslist-2column .list_desc {
    margin: 0 20px; }
  #p-goods .goodslist .title,
  #p-goods .goodslist-wide .title,
  #p-goods .goodslist-2column .title {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 1.4em; }
  #p-goods .goodslist .text,
  #p-goods .goodslist-wide .text,
  #p-goods .goodslist-2column .text {
    font-size: 14px;
    font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; }
  #p-goods .goodslist .list_bar,
  #p-goods .goodslist-wide .list_bar,
  #p-goods .goodslist-2column .list_bar {
    background: url("../images/common/bar_dot.png") center center repeat-x;
    font-size: 0;
    line-height: 0;
    padding: 15px 0;
    margin: 0 20px; }
  #p-goods .goodslist .list_specs,
  #p-goods .goodslist-wide .list_specs,
  #p-goods .goodslist-2column .list_specs {
    zoom: 1;
    margin: 0 20px; }
    #p-goods .goodslist .list_specs:after,
    #p-goods .goodslist-wide .list_specs:after,
    #p-goods .goodslist-2column .list_specs:after {
      content: "";
      clear: both;
      display: block; }
  #p-goods .goodslist .spec,
  #p-goods .goodslist-wide .spec,
  #p-goods .goodslist-2column .spec {
    font-size: 12px;
    margin: 0 0 10px 0;
    font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    line-height: 1.6em;
    float: left; }
  #p-goods .goodslist .price,
  #p-goods .goodslist-wide .price,
  #p-goods .goodslist-2column .price {
    text-align: right;
    font-family: "YakuHanJPs", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    font-size: 18px;
    line-height: 1.2em;
    float: right; }
  #p-goods .goodslist .headtext,
  #p-goods .goodslist-wide .headtext,
  #p-goods .goodslist-2column .headtext {
    font-size: 24px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    margin-bottom: 40px;
    color: #74552d; }
    #p-goods .goodslist .headtext:before,
    #p-goods .goodslist-wide .headtext:before,
    #p-goods .goodslist-2column .headtext:before {
      content: " ";
      display: block;
      width: 34px;
      height: 2px;
      background-color: #74552d;
      position: absolute;
      left: -40px;
      top: 8px;
      z-index: 0;
      -webkit-transform: rotate(-105deg);
      -ms-transform: rotate(-105deg);
      transform: rotate(-105deg); }
    #p-goods .goodslist .headtext:after,
    #p-goods .goodslist-wide .headtext:after,
    #p-goods .goodslist-2column .headtext:after {
      content: " ";
      display: block;
      width: 34px;
      height: 2px;
      background-color: #74552d;
      position: absolute;
      right: -40px;
      top: 8px;
      z-index: 0;
      -webkit-transform: rotate(105deg);
      -ms-transform: rotate(105deg);
      transform: rotate(105deg); }
  #p-goods .goodslist-wide {
    margin-bottom: 50px; }
    #p-goods .goodslist-wide .l-inner {
      padding-top: 115px; }
    #p-goods .goodslist-wide li {
      width: 608px; }
    #p-goods .goodslist-wide .image {
      width: 568px; }
      #p-goods .goodslist-wide .image img {
        width: 100%;
        height: auto; }
  #p-goods .goodslist-2column {
    margin-bottom: 80px; }
    #p-goods .goodslist-2column .l-inner {
      padding-top: 115px; }
    #p-goods .goodslist-2column li {
      width: 466px; }
      #p-goods .goodslist-2column li:nth-child(2n) {
        margin-right: 0; }
    #p-goods .goodslist-2column .image {
      width: 428px; }
      #p-goods .goodslist-2column .image img {
        width: 100%;
        height: auto; }
  #p-goods .goodslist {
    margin-bottom: 80px; }
    #p-goods .goodslist li:nth-child(3n) {
      margin-right: 0; }
  #p-goods .caution .l-inner {
    width: 954px; }
  #p-goods .caution .paper_block {
    position: relative;
    background: url("../images/common/bg_paper_repeat.png") repeat center top;
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    padding: 120px 0 70px 0; }
    #p-goods .caution .paper_block:before {
      content: " ";
      display: block;
      position: absolute;
      left: 3%;
      top: 20px;
      width: 94%;
      height: 2px;
      background: url("../images/common/bar_dot.png") center top repeat-x; }
    #p-goods .caution .paper_block:after {
      content: " ";
      display: block;
      position: absolute;
      left: 0px;
      bottom: -35px;
      z-index: 1;
      width: 100%;
      height: 35px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
  #p-goods .caution .paper_title {
    position: absolute;
    left: 0px;
    top: -20px;
    z-index: 2;
    text-align: center;
    width: 100%;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
    #p-goods .caution .paper_title h3 {
      background-color: #000000;
      color: #ffffff;
      width: 540px;
      margin: 0 auto;
      line-height: 1em;
      font-size: 34px;
      box-sizing: border-box;
      padding: 10px; }
    #p-goods .caution .paper_title span {
      line-height: 1em;
      display: block;
      padding: 20px 0;
      box-sizing: border-box;
      border: #ffffff solid 2px; }
  #p-goods .caution .paper_inner_wide {
    margin: 0 66px; }
  #p-goods .caution .paper_inner {
    margin: 0 94px; }
  #p-goods .caution .paper_inner2 {
    margin: 0 114px; }
  #p-goods .caution .paper_block {
    padding: 50px 0 20px 0; }
    #p-goods .caution .paper_block:before {
      display: none; }
  #p-goods .caution .detail_block {
    margin: 0 50px;
    font-size: 16px; }
  #p-goods .caution .caution_list li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 10px;
    font-size: 16px; }
  #p-goods .fancybox-close {
    background-image: url("../images/fancybox/fancybox_close.png");
    position: absolute;
    bottom: auto;
    left: auto;
    top: -62px;
    right: -62px;
    margin: auto;
    width: 122px;
    height: 122px;
    cursor: pointer;
    z-index: 8040;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-left: 355px; }
  #p-goods .fancybox-close:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    filter: alpha(opacity=50);
    -webkit-transition: 0.3s;
    transition: 0.3s; }

#p-exam {
  background: url("../images/common/bg_beach.png") repeat-y center top; }
  #p-exam ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-exam ::selection {
    background: #000000;
    color: #ffffff; }
  #p-exam ::-moz-selection {
    background: #000000;
    color: #ffffff; }
  #p-exam .m-items {
    top: 163px;
    background: url("../images/common/bg_2nd_loop.png") repeat-y center top; }
  #p-exam .main .l-inner {
    width: 100%;
    min-width: 1100px;
    height: 163px;
    text-align: center;
    background: url("../images/common/hd_bg_2nd.png") no-repeat center top;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.45)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.45)); }
  #p-exam .main h1 {
    padding: 20px 0 0 0; }
  #p-exam .pagetitle .l-inner {
    width: 1100px;
    padding: 93px 0 118px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title.png") no-repeat center top; }
  #p-exam .notes {
    margin-bottom: 115px; }
    #p-exam .notes .l-inner {
      width: 954px; }
    #p-exam .notes .paper_block {
      position: relative;
      background: url("../images/common/bg_paper_repeat.png") repeat center top;
      -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
              filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
      padding: 120px 0 70px 0; }
      #p-exam .notes .paper_block:before {
        content: " ";
        display: block;
        position: absolute;
        left: 3%;
        top: 20px;
        width: 94%;
        height: 2px;
        background: url("../images/common/bar_dot.png") center top repeat-x; }
      #p-exam .notes .paper_block:after {
        content: " ";
        display: block;
        position: absolute;
        left: 0px;
        bottom: -35px;
        z-index: 1;
        width: 100%;
        height: 35px;
        background: url("../images/common/bg_paper_bottom2.png") no-repeat center top; }
    #p-exam .notes .paper_title {
      position: absolute;
      left: 0px;
      top: -20px;
      z-index: 2;
      text-align: center;
      width: 100%;
      -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7));
              filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.7)); }
      #p-exam .notes .paper_title h3 {
        background-color: #000000;
        color: #ffffff;
        width: 540px;
        margin: 0 auto;
        line-height: 1em;
        font-size: 34px;
        box-sizing: border-box;
        padding: 10px; }
      #p-exam .notes .paper_title span {
        line-height: 1em;
        display: block;
        padding: 20px 0;
        box-sizing: border-box;
        border: #ffffff solid 2px; }
    #p-exam .notes .paper_inner_wide {
      margin: 0 66px; }
    #p-exam .notes .paper_inner {
      margin: 0 94px; }
    #p-exam .notes .paper_inner2 {
      margin: 0 114px; }
    #p-exam .notes .paper_block {
      padding: 50px 0; }
    #p-exam .notes .title_block {
      width: 94%;
      margin: 0 auto 50px auto;
      padding-bottom: 25px;
      background: url("../images/common/bar_dot.png") center bottom repeat-x; }
    #p-exam .notes h3 {
      font-size: 30px;
      line-height: 1.4em;
      text-align: center;
      margin: 0 20px; }
    #p-exam .notes .detail_block {
      margin: 0 50px; }
    #p-exam .notes .exam_form {
      margin-bottom: 80px; }
      #p-exam .notes .exam_form .exam_form_headline {
        font-size: 28px;
        text-align: center;
        margin-bottom: 20px; }
      #p-exam .notes .exam_form .input_area {
        width: 60%;
        margin: 0 auto; }
      #p-exam .notes .exam_form .input_text {
        background: #ffffff;
        border: #000000 solid 3px;
        border-radius: 10px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 28px;
        box-sizing: border-box;
        height: 75px;
        line-height: 75px;
        padding: 0 15px;
        width: 100%;
        margin-bottom: 20px; }
      #p-exam .notes .exam_form .submit_btn {
        margin-bottom: 30px; }
    #p-exam .notes .exam_hint {
      background-color: #ffffff;
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
              filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
      margin-bottom: 40px;
      position: relative; }
      #p-exam .notes .exam_hint .form_inner {
        margin: 0 30px;
        padding: 40px 0;
        zoom: 1;
        position: relative;
        z-index: 0; }
        #p-exam .notes .exam_hint .form_inner:after {
          content: "";
          clear: both;
          display: block; }
      #p-exam .notes .exam_hint .form_inner_headline {
        text-align: center;
        font-size: 28px;
        margin-bottom: 20px; }
      #p-exam .notes .exam_hint .hint_wrap {
        zoom: 1;
        width: 100%;
        margin-bottom: 30px; }
        #p-exam .notes .exam_hint .hint_wrap:after {
          content: "";
          clear: both;
          display: block; }
      #p-exam .notes .exam_hint .hint_block_active {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        border: 2px solid #000000;
        cursor: pointer;
        display: table;
        display: none; }
        #p-exam .notes .exam_hint .hint_block_active span {
          display: table-cell;
          padding: 0 20px;
          vertical-align: middle;
          font-size: 20px; }
      #p-exam .notes .exam_hint .hint_block_q {
        position: relative;
        z-index: 0;
        display: table;
        width: 100%;
        height: 100%; }
        #p-exam .notes .exam_hint .hint_block_q a {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          color: #ffffff;
          text-decoration: none;
          font-size: 34px;
          letter-spacing: 0.05em;
          line-height: 1em; }
        #p-exam .notes .exam_hint .hint_block_q span {
          font-size: 23px;
          line-height: 1.4em;
          display: block; }
      #p-exam .notes .exam_hint .hint_block_l {
        width: 48%;
        float: left;
        border: 2px solid #000000;
        height: 200px;
        position: relative;
        background-color: #000000; }
      #p-exam .notes .exam_hint .hint_block_r {
        width: 48%;
        float: right;
        border: 2px solid #000000;
        height: 200px;
        position: relative;
        background-color: #000000; }
  #p-exam .modal_currect .name {
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.25)); }

.pc-only {
  display: block; }

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

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

.sp {
  -webkit-text-size-adjust: 100%; }
  .sp .pc-only, .sp .pc-only-inline {
    display: none; }
  .sp .sp-only {
    display: block; }
  .sp .sp-only-inline {
    display: inline-block; }
  .sp .l-wrapper {
    margin: 0 auto;
    width: 640px;
    min-width: 640px;
    height: auto; }
  .sp .m-navigation .l-inner {
    width: 580px;
    padding: 100px 0 0 0; }
  .sp .m-navigation .nav_list li,
  .sp .m-navigation .subnav_list li,
  .sp .l-header .nav_list li,
  .sp .l-header .subnav_list li,
  .sp .modal_currect .nav_list li,
  .sp .modal_currect .subnav_list li {
    border-radius: 7px; }
  .sp .m-navigation .nav_list img,
  .sp .m-navigation .subnav_list img,
  .sp .l-header .nav_list img,
  .sp .l-header .subnav_list img,
  .sp .modal_currect .nav_list img,
  .sp .modal_currect .subnav_list img {
    width: 280px;
    height: auto; }
  .sp .m-navigation .nav_list,
  .sp .l-header .nav_list,
  .sp .modal_currect .nav_list {
    margin: 0; }
    .sp .m-navigation .nav_list li,
    .sp .l-header .nav_list li,
    .sp .modal_currect .nav_list li {
      margin: 0 20px 20px 0; }
      .sp .m-navigation .nav_list li:nth-child(2n),
      .sp .l-header .nav_list li:nth-child(2n),
      .sp .modal_currect .nav_list li:nth-child(2n) {
        margin-right: 0; }
  .sp .m-navigation .subnav_list,
  .sp .l-header .subnav_list,
  .sp .modal_currect .subnav_list {
    margin-bottom: 80px; }
    .sp .m-navigation .subnav_list li,
    .sp .l-header .subnav_list li,
    .sp .modal_currect .subnav_list li {
      margin: 0 20px 20px 0; }
      .sp .m-navigation .subnav_list li:nth-child(2n),
      .sp .l-header .subnav_list li:nth-child(2n),
      .sp .modal_currect .subnav_list li:nth-child(2n) {
        margin-right: 0; }
  .sp .m-navigation .navigation_sns .name,
  .sp .l-header .navigation_sns .name,
  .sp .modal_currect .navigation_sns .name {
    font-size: 20px; }
  .sp .m-navigation .navigation_sns li,
  .sp .l-header .navigation_sns li,
  .sp .modal_currect .navigation_sns li {
    display: inline-block;
    margin: 0 15px; }
  .sp .m-items {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    overflow: hidden; }
    .sp .m-items .l-inner {
      width: 100%; }
  .sp .m-button540 {
    width: 450px;
    height: 90px;
    margin: 20px auto 0 auto; }
    .sp .m-button540 a {
      background: url("../images/common/btn_bg_w450.png") no-repeat center top;
      line-height: 90px;
      font-size: 22px; }
  .sp .m-button373,
  .sp .m-sizemax {
    width: 480px;
    height: 120px; }
    .sp .m-button373 a,
    .sp .m-sizemax a {
      background: url("../images/common/btn_bg_w480_b.png") no-repeat center top;
      line-height: 120px;
      font-size: 24px; }
    .sp .m-button373 span,
    .sp .m-sizemax span {
      font-size: 18px; }
  .sp .m-button242,
  .sp .m-sizemin {
    width: 480px;
    height: 75px; }
    .sp .m-button242 a,
    .sp .m-sizemin a {
      background: url("../images/common/btn_bg_w480.png") no-repeat center top;
      line-height: 75px;
      font-size: 20px; }
  .sp .m-button242_w,
  .sp .m-button300_w {
    width: 480px;
    height: 75px; }
    .sp .m-button242_w a,
    .sp .m-button300_w a {
      background: url("../images/common/btn_bg_w480_w.png") no-repeat center top;
      line-height: 75px;
      font-size: 20px; }
  .sp .m-button300 {
    width: 450px;
    height: 75px; }
    .sp .m-button300 a {
      background: url("../images/common/btn_bg_w480.png") no-repeat center top;
      line-height: 75px;
      font-size: 20px;
      background-size: 100% 100%; }
  .sp #loader {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1001;
    overflow: hidden; }
    .sp #loader .l-inner {
      width: 100%;
      height: 100%; }
    .sp #loader .loader_bar {
      position: absolute;
      left: 50px;
      bottom: 50px;
      z-index: 0;
      z-index: 1; }
    .sp #loader .text {
      font-size: 20px;
      line-height: 1em;
      margin-bottom: 10px;
      display: inline-block; }
    .sp #loader .lender {
      display: inline-block; }
    .sp #loader .num {
      font-size: 20px;
      line-height: 0.8em; }
    .sp #loader .per {
      font-size: 16px;
      line-height: 0.8em; }
  .sp .l-intro .btn_skip {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 55px;
    background-color: #000000;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1000; }
    .sp .l-intro .btn_skip a {
      display: block;
      weight: 100%;
      height: 100%;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
      background: url("../images/common/icon_arw2.png") no-repeat center 30px; }
    .sp .l-intro .btn_skip span {
      display: inline-block;
      padding-top: 68px;
      letter-spacing: 0.1em;
      line-height: 1em; }
  .sp .l-intro .item1 {
    margin: -471px 0 0 -290px; }
    .sp .l-intro .item1 img {
      width: 586px;
      height: auto; }
  .sp .l-intro .item2 {
    margin: -503px 0 0 -320px; }
    .sp .l-intro .item2 img {
      width: 640px;
      height: auto; }
  .sp .l-intro .item3 {
    margin: -363px 0 0 -286px; }
    .sp .l-intro .item3 img {
      width: 578px;
      height: auto; }
  .sp .l-intro .item_text {
    -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
  .sp .l-introwave .m-wave {
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -320px;
    z-index: 5;
    height: 150%; }
    .sp .l-introwave .m-wave img {
      height: 100%;
      width: 100%; }
  .sp .l-header .l-inner {
    min-width: 640px; }
  .sp .l-header .hd_fix_logo {
    display: block;
    position: fixed;
    left: 10px;
    top: 0px;
    z-index: 1002;
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.4));
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.4)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.4));
            filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.4)); }
  .sp .l-header .hd_btn_menu {
    right: 10px; }
  .sp .l-header .hd_fix_nav {
    left: 0;
    bottom: 0;
    width: 100%;
    zoom: 1; }
    .sp .l-header .hd_fix_nav:after {
      content: "";
      clear: both;
      display: block; }
    .sp .l-header .hd_fix_nav li {
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      border-radius: 0px;
      margin-top: 0;
      background: none;
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.4));
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="7" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.4)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.4));
              filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.4)); }
      .sp .l-header .hd_fix_nav li img {
        width: 310px;
        height: auto; }
      .sp .l-header .hd_fix_nav li:nth-child(1) {
        float: left; }
      .sp .l-header .hd_fix_nav li:nth-child(2) {
        float: right; }
  .sp .l-header .inner_scroll {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    padding: 25px 0; }
  .sp .l-header .inner_head {
    width: 580px;
    margin: 0 auto 25px auto;
    position: relative; }
  .sp .l-header .nav_home {
    top: 0;
    border-radius: 10px;
    background-color: #ffffff; }
    .sp .l-header .nav_home img {
      width: 100px;
      height: auto; }
  .sp .l-header .nav_logo img {
    height: 122px;
    width: auto; }
  .sp .l-header .nav_list,
  .sp .l-header .subnav_list {
    width: 580px;
    margin-right: auto;
    margin-left: auto; }
  .sp .l-header .subnav_list {
    margin-bottom: 20px; }
  .sp .l-header .navigation_sns {
    width: 580px;
    margin: 0 auto 30px auto; }
    .sp .l-header .navigation_sns .name {
      color: #ffffff;
      text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); }
      .sp .l-header .navigation_sns .name:before, .sp .l-header .navigation_sns .name:after {
        background-color: #ffffff; }
    .sp .l-header .navigation_sns li {
      border-radius: 35px;
      box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25); }
  .sp .l-header .banner_list {
    width: 580px; }
    .sp .l-header .banner_list li {
      margin: 0 0 20px 0; }
      .sp .l-header .banner_list li:last-child {
        margin: 0; }
  .sp .l-footer .l-inner {
    padding: 130px 0 0 0; }
  .sp .l-footer .ft_logo {
    margin-bottom: 35px; }
  .sp .l-footer .ft_copyright {
    font-size: 16px; }
  .sp .l-footer .ft_ending {
    height: 1055px; }
    .sp .l-footer .ft_ending.wave {
      height: 1390px; }
    .sp .l-footer .ft_ending .item_aqours {
      margin: 0;
      left: 0;
      top: 190px;
      width: 100%;
      text-align: center; }
      .sp .l-footer .ft_ending .item_aqours img {
        width: 400px;
        height: auto; }
    .sp .l-footer .ft_ending .item_wave1 {
      position: absolute;
      left: 50%;
      top: 270px;
      margin-left: -1500px;
      z-index: 0; }
    .sp .l-footer .ft_ending .item_wave2 {
      position: absolute;
      left: 50%;
      top: 390px;
      margin-left: -1500px;
      z-index: 2; }
    .sp .l-footer .ft_ending .item_wave3 {
      position: absolute;
      left: 50%;
      top: 630px;
      margin-left: -1500px;
      z-index: 2; }
    .sp .l-footer .ft_ending .item_wave4 {
      position: absolute;
      left: 50%;
      top: 730px;
      margin-left: -1500px;
      z-index: 2; }
  .sp .modal_lovelive .l-inner,
  .sp .modal_realgame .l-inner {
    width: 100%;
    padding: 30px 0 100px 0; }
  .sp .modal_lovelive .modal_wrap,
  .sp .modal_realgame .modal_wrap {
    width: 580px;
    padding: 35px 0 80px 0; }
    .sp .modal_lovelive .modal_wrap:after,
    .sp .modal_realgame .modal_wrap:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp .modal_lovelive .inner_block,
  .sp .modal_realgame .inner_block {
    margin: 0 20px;
    padding: 40px 0; }
    .sp .modal_lovelive .inner_block.last,
    .sp .modal_realgame .inner_block.last {
      padding-bottom: 0; }
  .sp .modal_lovelive .button a,
  .sp .modal_realgame .button a {
    font-size: 22px; }
  .sp .modal_lovelive {
    text-align: center;
    display: none; }
    .sp .modal_lovelive .title {
      margin-bottom: 50px; }
    .sp .modal_lovelive .chara {
      margin-bottom: 40px; }
      .sp .modal_lovelive .chara img {
        width: 100%;
        height: auto; }
    .sp .modal_lovelive .text {
      font-size: 18px;
      padding-bottom: 30px; }
  .sp .modal_realgame .title {
    margin-bottom: 50px; }
  .sp .modal_realgame .movie {
    margin-bottom: 45px; }
  .sp .modal_realgame .movie_player {
    width: 540px;
    height: 304px; }
  .sp .modal_realgame .text {
    font-size: 18px; }
  .sp .modal_currect,
  .sp .modal_incurrect {
    display: none; }
    .sp .modal_currect .l-inner,
    .sp .modal_incurrect .l-inner {
      width: 640px;
      padding: 30px 0 100px 0; }
    .sp .modal_currect .modal_wrap,
    .sp .modal_incurrect .modal_wrap {
      width: 580px;
      padding: 35px 0 80px 0; }
      .sp .modal_currect .modal_wrap:after,
      .sp .modal_incurrect .modal_wrap:after {
        bottom: -21px;
        height: 21px;
        background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
        background-size: 100% auto; }
    .sp .modal_currect .inner_block,
    .sp .modal_incurrect .inner_block {
      margin: 0 20px;
      padding: 40px 0; }
      .sp .modal_currect .inner_block.last,
      .sp .modal_incurrect .inner_block.last {
        padding-bottom: 0; }
    .sp .modal_currect .name,
    .sp .modal_incurrect .name {
      margin-bottom: 40px; }
    .sp .modal_currect .text,
    .sp .modal_incurrect .text {
      font-size: 24px;
      margin-bottom: 40px;
      line-height: 1.6em; }
      .sp .modal_currect .text strong,
      .sp .modal_incurrect .text strong {
        font-size: 28px;
        margin-bottom: 10px; }
    .sp .modal_currect .navigation_sns .name,
    .sp .modal_incurrect .navigation_sns .name {
      font-size: 22px; }
  .sp .modal_currect .about_text {
    font-size: 25px; }
  .sp .modal_currect .about_ph {
    text-align: center; }
    .sp .modal_currect .about_ph img {
      width: 100%;
      height: auto; }
  .sp .modal_currect .cd_present {
    padding: 80px 0 0 0;
    margin: 80px 0 0 0; }
    .sp .modal_currect .cd_present ul {
      width: 100%; }
    .sp .modal_currect .cd_present li {
      margin: 0 0 20px 0; }
  .sp .modal_currect .cd_present_title {
    font-size: 26px;
    margin-bottom: 15px; }
  .sp .modal_currect .cd_present_text {
    font-size: 30px;
    margin-bottom: 40px; }
  .sp .modal_currect .cd_sd {
    margin-bottom: 15px; }
  .sp .modal_currect .cd_dlbtn {
    margin-bottom: 15px;
    width: 242px;
    height: 60px; }
    .sp .modal_currect .cd_dlbtn a {
      background: url("../images/common/btn_bg_w242.png") no-repeat center top;
      line-height: 60px;
      font-size: 24px; }
  .sp .modal_currect .water_present {
    padding: 80px 0 0 0;
    margin: 80px 0 0 0; }
    .sp .modal_currect .water_present ul {
      width: 100%; }
    .sp .modal_currect .water_present li {
      margin: 0 0 20px 0; }
  .sp .modal_currect .water_present_title {
    font-size: 26px;
    margin-bottom: 15px; }
  .sp .modal_currect .water_present_text {
    font-size: 30px;
    margin-bottom: 40px; }
  .sp .modal_currect .water_sd {
    width: 70%;
    margin-bottom: 40px; }
  .sp .modal_currect .water_dlbtn {
    margin-bottom: 15px;
    width: 242px;
    height: 60px; }
    .sp .modal_currect .water_dlbtn a {
      background: url("../images/common/btn_bg_w242.png") no-repeat center top;
      line-height: 60px;
      font-size: 24px; }
  .sp .modal_incurrect .m-button373 a {
    font-size: 26px; }
  .sp#p-top .m-items {
    top: 920px;
    height: 6780px; }
    .sp#p-top .m-items .item_all {
      position: absolute;
      left: 50%;
      top: 51px;
      margin-left: -1029px;
      z-index: 0; }
  .sp#p-top .main .main_visual {
    height: 481px;
    background: url("../images/top/main_bg.png") no-repeat center bottom; }
    .sp#p-top .main .main_visual:after {
      position: absolute;
      left: 0px;
      bottom: 0px;
      z-index: 1;
      height: 170px;
      background: url("../images/top/main_bg_cover.png") no-repeat center top; }
    .sp#p-top .main .main_visual h1 {
      width: 100%;
      left: 0;
      margin-left: 0;
      top: 0;
      padding: 0; }
      .sp#p-top .main .main_visual h1 img {
        width: 100%;
        height: auto; }
    .sp#p-top .main .main_visual .main_item01,
    .sp#p-top .main .main_visual .main_item02 {
      display: none; }
  .sp#p-top .copyarea .l-inner {
    width: 640px;
    padding: 35px 0 85px 0; }
  .sp#p-top .copyarea h2 img {
    width: 520px;
    height: auto; }
  .sp#p-top .newsarea .l-inner {
    width: 580px; }
  .sp#p-top .newsarea .newsarea_block {
    padding: 32px 0 0 0; }
    .sp#p-top .newsarea .newsarea_block:after {
      bottom: -46px;
      height: 46px;
      background-size: 100% auto; }
  .sp#p-top .newsarea .newsarea_goods {
    width: 540px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 40px 0 20px 0; }
    .sp#p-top .newsarea .newsarea_goods:before {
      content: " ";
      display: block;
      width: 100%;
      height: 2px;
      background: url("../images/common/bar_dot.png") repeat-x center top;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 1; }
  .sp#p-top .newsarea .newsarea_goods_btn,
  .sp#p-top .newsarea .newsarea_apps_btn {
    width: 449px;
    height: 90px;
    margin: 0 auto 15px auto;
    display: table; }
    .sp#p-top .newsarea .newsarea_goods_btn a,
    .sp#p-top .newsarea .newsarea_apps_btn a {
      background: url("../images/common/btn_bg_w450.png") no-repeat center top;
      font-size: 22px;
      line-height: 1.6em;
      display: table-cell;
      vertical-align: middle; }
  .sp#p-top .newsarea .newsarea_apps_btn {
    margin-bottom: 25px; }
  .sp#p-top .newsarea .newsarea_goods_caps {
    font-size: 18px; }
  .sp#p-top .newsarea .tweet_wrap {
    width: 540px;
    margin: 0 auto 30px auto;
    padding: 30px 0 0 0; }
  .sp#p-top .newsarea .wijet {
    width: 540px;
    height: 520px;
    overflow: hidden; }
  .sp#p-top .newsarea .tweet_btn {
    font-size: 22px; }
  .sp#p-top .bannerarea {
    margin-bottom: 40px; }
    .sp#p-top .bannerarea .l-inner {
      width: 640px;
      padding: 60px 0 0 0; }
    .sp#p-top .bannerarea .bannerarea_list {
      width: 100%; }
      .sp#p-top .bannerarea .bannerarea_list li {
        width: 280px;
        height: 140px;
        margin: 0 10px 20px 10px;
        vertical-align: top; }
        .sp#p-top .bannerarea .bannerarea_list li img {
          width: 100%;
          height: auto; }
        .sp#p-top .bannerarea .bannerarea_list li.none {
          display: none; }
    .sp#p-top .bannerarea .bannerarea_list_w {
      width: 580px;
      padding: 0; }
      .sp#p-top .bannerarea .bannerarea_list_w img {
        width: 100%;
        height: auto; }
  .sp#p-top .introduction .l-inner {
    width: 580px;
    padding: 100px 0 35px 0; }
  .sp#p-top .introduction .introduction_block:after {
    height: 46px;
    background: url("../images/common/bg_paper_bottom.png") no-repeat center top;
    background-size: 100% auto; }
  .sp#p-top .introduction h3 {
    width: 100%;
    text-align: center; }
    .sp#p-top .introduction h3 img {
      width: 580px;
      height: auto; }
  .sp#p-top .introduction .bar {
    width: 93%;
    padding: 35px 0 0 0; }
  .sp#p-top .introduction .text1 {
    margin: 275px 0 50px 0;
    padding-left: 0; }
    .sp#p-top .introduction .text1 img {
      width: 465px;
      height: auto; }
  .sp#p-top .introduction .text2 {
    margin: 0 0 45px 0; }
    .sp#p-top .introduction .text2 img {
      width: 469px;
      height: auto; }
  .sp#p-top .introduction .text3 {
    margin: 0 0 35px 0; }
    .sp#p-top .introduction .text3 img {
      width: 520px;
      height: auto; }
  .sp#p-top .introduction .text4 {
    margin: 0 0 50px 0; }
    .sp#p-top .introduction .text4 img {
      width: 503px;
      height: auto; }
  .sp#p-top .introduction .text5 {
    padding: 0 0 50px 0; }
    .sp#p-top .introduction .text5 img {
      width: 469px;
      height: auto; }
  .sp#p-top .eventinfo .l-inner {
    width: 580px;
    padding: 85px 0 12px 0; }
  .sp#p-top .eventinfo .eventinfo_block:after {
    background: url("../images/top/eventinfo_bg_bottom_sp.png") no-repeat center top; }
  .sp#p-top .eventinfo h3 {
    margin-bottom: 30px; }
  .sp#p-top .eventinfo h4 {
    text-align: center;
    margin-bottom: 38px; }
    .sp#p-top .eventinfo h4 img {
      width: 524px;
      height: auto; }
  .sp#p-top .eventinfo .eventinfo_detail dl {
    margin-bottom: 20px; }
  .sp#p-top .eventinfo .eventinfo_detail dl:last-child {
    margin-bottom: 0; }
  .sp#p-top .eventinfo .eventinfo_detail dt {
    width: 100%;
    float: none;
    padding: 10px 0;
    margin-bottom: 10px; }
  .sp#p-top .eventinfo .eventinfo_detail dd {
    width: 100%;
    float: none;
    padding: 30px 0;
    text-align: center; }
    .sp#p-top .eventinfo .eventinfo_detail dd p {
      margin: 0 40px; }
  .sp#p-top .eventinfo .eventinfo_detail .one-line dt {
    padding: 10px 0; }
  .sp#p-top .eventinfo .eventinfo_detail .t1 {
    font-size: 28px;
    line-height: 1.4em;
    margin-bottom: 10px; }
  .sp#p-top .eventinfo .eventinfo_detail .t2 {
    font-size: 20px;
    margin-bottom: 5px; }
  .sp#p-top .eventinfo .eventinfo_detail .t3 {
    font-size: 20px; }
  .sp#p-top .eventinfo .eventinfo_detail .t4 {
    font-size: 18px; }
  .sp#p-top .eventinfo .eventinfo_detail .button_list {
    zoom: 1;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px; }
    .sp#p-top .eventinfo .eventinfo_detail .button_list:after {
      content: "";
      clear: both;
      display: block; }
    .sp#p-top .eventinfo .eventinfo_detail .button_list li {
      width: 100%;
      float: none;
      margin-right: 0;
      margin-bottom: 20px; }
      .sp#p-top .eventinfo .eventinfo_detail .button_list li:last-child {
        margin-right: 0; }
    .sp#p-top .eventinfo .eventinfo_detail .button_list .none {
      pointer-events: none;
      opacity: 0.4;
      filter: alpha(opacity=40);
      -ms-filter: "alpha(opacity=40)";
      -moz-opacity: 0.4;
      -khtml-opacity: 0.4; }
  .sp#p-top .eventinfo .eventinfo_detail .button {
    width: 450px;
    height: 90px;
    margin: 20px auto 0 auto; }
    .sp#p-top .eventinfo .eventinfo_detail .button a {
      background: url("../images/common/btn_bg_w450.png") no-repeat center top;
      line-height: 90px;
      font-size: 22px; }
  .sp#p-top .eventinfo .eventinfo_detail .button2 {
    width: 450px;
    height: 90px;
    margin: 20px auto 0 auto; }
    .sp#p-top .eventinfo .eventinfo_detail .button2 a {
      background: url("../images/common/btn_bg_w450.png") no-repeat center top;
      line-height: 1.4em;
      font-size: 22px;
      height: 90px;
      padding-top: 15px; }
  .sp#p-top .eventinfo .eventinfo_detail .ticket_list {
    margin: 0; }
    .sp#p-top .eventinfo .eventinfo_detail .ticket_list li {
      margin: 0 0 25px 0; }
    .sp#p-top .eventinfo .eventinfo_detail .ticket_list .name {
      width: 100%;
      float: none;
      margin: 0;
      font-size: 20px;
      line-height: 1.2em;
      margin-bottom: 5px; }
    .sp#p-top .eventinfo .eventinfo_detail .ticket_list .price {
      width: 100%;
      float: none;
      margin: 0;
      font-size: 30px;
      line-height: 30px;
      line-height: 1.2em; }
      .sp#p-top .eventinfo .eventinfo_detail .ticket_list .price span {
        font-size: 20px; }
    .sp#p-top .eventinfo .eventinfo_detail .ticket_list li:nth-child(2n) .price {
      padding-top: 0; }
  .sp#p-top .eventinfo .eventinfo_detail .howto_list {
    margin: 0 0 40px 0; }
    .sp#p-top .eventinfo .eventinfo_detail .howto_list ul {
      zoom: 1; }
      .sp#p-top .eventinfo .eventinfo_detail .howto_list ul:after {
        content: "";
        clear: both;
        display: block; }
    .sp#p-top .eventinfo .eventinfo_detail .howto_list li {
      float: left;
      width: 260px; }
      .sp#p-top .eventinfo .eventinfo_detail .howto_list li:after {
        right: 0; }
      .sp#p-top .eventinfo .eventinfo_detail .howto_list li:nth-child(1) {
        width: 100%;
        margin-bottom: 65px; }
        .sp#p-top .eventinfo .eventinfo_detail .howto_list li:nth-child(1):after {
          right: auto;
          top: auto;
          left: 50%;
          bottom: -50px;
          margin-left: -12px; }
      .sp#p-top .eventinfo .eventinfo_detail .howto_list li:nth-child(2):after {
        right: -13px; }
      .sp#p-top .eventinfo .eventinfo_detail .howto_list li:nth-child(3):after {
        display: none; }
    .sp#p-top .eventinfo .eventinfo_detail .howto_list .icon {
      margin-bottom: 15px; }
    .sp#p-top .eventinfo .eventinfo_detail .howto_list p {
      font-size: 26px;
      line-height: 1.4em;
      margin: 0; }
  .sp#p-top .eventinfo .eventinfo_detail .howto_text .caps {
    font-size: 18px;
    line-height: 1.6em; }
  .sp#p-top .whatsbanner .l-inner {
    width: 580px;
    padding: 50px 0 0 0; }
  .sp#p-top .whatsbanner .banner_list li {
    margin: 0 0 20px 0; }
    .sp#p-top .whatsbanner .banner_list li:last-child {
      margin: 0; }
  .sp#p-faq .m-items {
    top: 476px;
    background: url("../images/common/bg_2nd_loop_sp.png") repeat-y center top; }
  .sp#p-faq .main .l-inner {
    min-width: 640px;
    height: 153px;
    background: url("../images/common/hd_bg_2nd_sp.png") no-repeat center top; }
  .sp#p-faq .main h1 {
    padding: 20px 0 0 0; }
    .sp#p-faq .main h1 img {
      width: 258px;
      height: auto; }
  .sp#p-faq .pagetitle .l-inner {
    width: 640px;
    padding: 90px 0 110px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title_sp.png") no-repeat center top; }
  .sp#p-faq .notes .l-inner,
  .sp#p-faq .questions .l-inner {
    width: 580px; }
  .sp#p-faq .notes .paper_block,
  .sp#p-faq .questions .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-faq .notes .paper_block:before,
    .sp#p-faq .questions .paper_block:before {
      top: 35px; }
    .sp#p-faq .notes .paper_block:after,
    .sp#p-faq .questions .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-faq .notes .paper_title,
  .sp#p-faq .questions .paper_title {
    top: -25px; }
    .sp#p-faq .notes .paper_title h3,
    .sp#p-faq .questions .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-faq .notes .paper_title span,
    .sp#p-faq .questions .paper_title span {
      padding: 18px 0; }
  .sp#p-faq .notes .paper_inner_wide,
  .sp#p-faq .questions .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-faq .notes .paper_inner,
  .sp#p-faq .questions .paper_inner {
    margin: 0 30px; }
  .sp#p-faq .notes .paper_inner2,
  .sp#p-faq .questions .paper_inner2 {
    margin: 0 30px; }
  .sp#p-faq .notes h4,
  .sp#p-faq .questions h4 {
    font-size: 30px;
    margin-bottom: 40px; }
  .sp#p-faq .notes .text_list,
  .sp#p-faq .questions .text_list {
    margin-bottom: 40px;
    padding-bottom: 40px;
    font-size: 22px;
    line-height: 1.6em; }
    .sp#p-faq .notes .text_list:last-child,
    .sp#p-faq .questions .text_list:last-child {
      margin-bottom: 0; }
    .sp#p-faq .notes .text_list .caps,
    .sp#p-faq .questions .text_list .caps {
      font-size: 20px; }
    .sp#p-faq .notes .text_list strong,
    .sp#p-faq .questions .text_list strong {
      font-size: 20px; }
    .sp#p-faq .notes .text_list dl,
    .sp#p-faq .questions .text_list dl {
      display: block;
      margin-bottom: 2em; }
    .sp#p-faq .notes .text_list dt,
    .sp#p-faq .questions .text_list dt {
      font-size: 26px; }
  .sp#p-faq .notes .text_list_button,
  .sp#p-faq .questions .text_list_button {
    display: block;
    margin-right: 0;
    margin-bottom: 20px; }
  .sp#p-faq .questions .l-inner {
    padding-top: 120px; }
  .sp#p-ticket .m-items {
    top: 476px;
    background: url("../images/common/bg_2nd_loop_sp.png") repeat-y center top; }
  .sp#p-ticket .main .l-inner {
    min-width: 640px;
    height: 153px;
    background: url("../images/common/hd_bg_2nd_sp.png") no-repeat center top; }
  .sp#p-ticket .main h1 {
    padding: 20px 0 0 0; }
    .sp#p-ticket .main h1 img {
      width: 258px;
      height: auto; }
  .sp#p-ticket .pagetitle .l-inner {
    width: 640px;
    padding: 90px 0 110px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title_sp.png") no-repeat center top; }
  .sp#p-ticket .pricelist .l-inner {
    width: 580px; }
  .sp#p-ticket .pricelist .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-ticket .pricelist .paper_block:before {
      top: 35px; }
    .sp#p-ticket .pricelist .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-ticket .pricelist .paper_title {
    top: -25px; }
    .sp#p-ticket .pricelist .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-ticket .pricelist .paper_title span {
      padding: 18px 0; }
  .sp#p-ticket .pricelist .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-ticket .pricelist .paper_inner {
    margin: 0 30px; }
  .sp#p-ticket .pricelist .paper_inner2 {
    margin: 0 30px; }
  .sp#p-ticket .pricelist .graph {
    margin-bottom: 45px; }
    .sp#p-ticket .pricelist .graph dl {
      width: 259.5px; }
    .sp#p-ticket .pricelist .graph dt {
      font-size: 22px; }
    .sp#p-ticket .pricelist .graph .price {
      font-size: 26px;
      height: 110px; }
      .sp#p-ticket .pricelist .graph .price .caps {
        font-size: 16px; }
      .sp#p-ticket .pricelist .graph .price .dd {
        font-size: 13px;
        display: block;
        line-height: 1.4em; }
    .sp#p-ticket .pricelist .graph .include {
      height: 80px;
      display: none; }
    .sp#p-ticket .pricelist .graph .pc-blank {
      height: 80px; }
    .sp#p-ticket .pricelist .graph .genre {
      height: 80px;
      font-size: 18px; }
    .sp#p-ticket .pricelist .graph .shop {
      height: 80px;
      font-size: 16px; }
    .sp#p-ticket .pricelist .graph .pc-include {
      height: 80px;
      top: 180px;
      font-size: 18px;
      line-height: 1.4em; }
  .sp#p-ticket .pricelist .graph_caps {
    font-size: 16px;
    margin-bottom: 45px; }
  .sp#p-ticket .pricelist h4 {
    font-size: 24px;
    text-align: center; }
  .sp#p-ticket .pricelist h5 {
    margin-top: 30px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px; }
  .sp#p-ticket .pricelist .text {
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center; }
  .sp#p-ticket .schedule .l-inner {
    width: 580px;
    padding-top: 110px; }
  .sp#p-ticket .schedule .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-ticket .schedule .paper_block:before {
      top: 35px; }
    .sp#p-ticket .schedule .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-ticket .schedule .paper_title {
    top: -25px; }
    .sp#p-ticket .schedule .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-ticket .schedule .paper_title span {
      padding: 18px 0; }
  .sp#p-ticket .schedule .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-ticket .schedule .paper_inner {
    margin: 0 30px; }
  .sp#p-ticket .schedule .paper_inner2 {
    margin: 0 30px; }
  .sp#p-ticket .schedule .series {
    margin-bottom: 30px; }
    .sp#p-ticket .schedule .series h4 {
      font-size: 22px; }
    .sp#p-ticket .schedule .series .date {
      font-size: 26px;
      line-height: 1.4em;
      white-space: nowrap; }
    .sp#p-ticket .schedule .series:nth-child(3) {
      margin-bottom: 50px; }
  .sp#p-ticket .schedule .playstyle {
    padding-top: 50px; }
    .sp#p-ticket .schedule .playstyle h5 {
      font-size: 30px; }
    .sp#p-ticket .schedule .playstyle .howto_list {
      margin: 0 0 40px 0;
      text-align: center; }
      .sp#p-ticket .schedule .playstyle .howto_list ul {
        zoom: 1; }
        .sp#p-ticket .schedule .playstyle .howto_list ul:after {
          content: "";
          clear: both;
          display: block; }
      .sp#p-ticket .schedule .playstyle .howto_list li {
        float: left;
        width: 260px; }
        .sp#p-ticket .schedule .playstyle .howto_list li:after {
          right: 0; }
        .sp#p-ticket .schedule .playstyle .howto_list li:nth-child(1) {
          width: 100%;
          margin-bottom: 65px; }
          .sp#p-ticket .schedule .playstyle .howto_list li:nth-child(1):after {
            right: auto;
            top: auto;
            left: 50%;
            bottom: -50px;
            margin-left: -12px; }
        .sp#p-ticket .schedule .playstyle .howto_list li:nth-child(2):after {
          right: -13px; }
        .sp#p-ticket .schedule .playstyle .howto_list li:nth-child(3):after {
          display: none; }
      .sp#p-ticket .schedule .playstyle .howto_list .icon {
        margin-bottom: 15px; }
      .sp#p-ticket .schedule .playstyle .howto_list p {
        font-size: 26px;
        line-height: 1.4em;
        margin: 0; }
    .sp#p-ticket .schedule .playstyle .text {
      font-size: 18px; }
      .sp#p-ticket .schedule .playstyle .text .caps {
        font-size: 18px;
        display: block;
        margin-top: 15px;
        text-align: left; }
  .sp#p-ticket .schedule .apps {
    padding-top: 50px; }
    .sp#p-ticket .schedule .apps h5 {
      font-size: 30px;
      margin-bottom: 30px; }
    .sp#p-ticket .schedule .apps .text {
      font-size: 22px;
      margin-bottom: 40px;
      line-height: 1.7em; }
      .sp#p-ticket .schedule .apps .text strong {
        font-size: 28px;
        display: inline; }
    .sp#p-ticket .schedule .apps .caps {
      font-size: 18px;
      margin-bottom: 40px; }
    .sp#p-ticket .schedule .apps .button_list1 {
      margin-bottom: 15px; }
      .sp#p-ticket .schedule .apps .button_list1 li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px; }
        .sp#p-ticket .schedule .apps .button_list1 li:last-child {
          margin-right: 0; }
    .sp#p-ticket .schedule .apps .button_list2 {
      margin-bottom: 40px; }
      .sp#p-ticket .schedule .apps .button_list2 li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px; }
        .sp#p-ticket .schedule .apps .button_list2 li:last-child {
          margin-right: 0; }
      .sp#p-ticket .schedule .apps .button_list2 a {
        font-size: 20px; }
    .sp#p-ticket .schedule .apps .caps2 {
      text-align: center;
      font-size: 20px;
      margin-bottom: 15px; }
    .sp#p-ticket .schedule .apps .caps3 {
      text-align: center;
      font-size: 18px; }
    .sp#p-ticket .schedule .apps .button_list3 {
      margin-bottom: 40px; }
      .sp#p-ticket .schedule .apps .button_list3 li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px; }
        .sp#p-ticket .schedule .apps .button_list3 li:last-child {
          margin-right: 0; }
  .sp#p-howto .m-items {
    top: 476px;
    background: url("../images/common/bg_2nd_loop_sp.png") repeat-y center top; }
  .sp#p-howto .main .l-inner {
    min-width: 640px;
    height: 153px;
    background: url("../images/common/hd_bg_2nd_sp.png") no-repeat center top; }
  .sp#p-howto .main h1 {
    padding: 20px 0 0 0; }
    .sp#p-howto .main h1 img {
      width: 258px;
      height: auto; }
  .sp#p-howto .pagetitle .l-inner {
    width: 640px;
    padding: 90px 0 110px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title_sp.png") no-repeat center top; }
  .sp#p-howto .pagetitle h2 {
    width: 580px;
    margin: 0 auto; }
    .sp#p-howto .pagetitle h2 img {
      width: 100%;
      height: auto; }
  .sp#p-howto .procedure .l-inner {
    width: 580px; }
  .sp#p-howto .procedure .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-howto .procedure .paper_block:before {
      top: 35px; }
    .sp#p-howto .procedure .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-howto .procedure .paper_title {
    top: -25px; }
    .sp#p-howto .procedure .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-howto .procedure .paper_title span {
      padding: 18px 0; }
  .sp#p-howto .procedure .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-howto .procedure .paper_inner {
    margin: 0 30px; }
  .sp#p-howto .procedure .paper_inner2 {
    margin: 0 30px; }
  .sp#p-howto .procedure .steps dl {
    font-size: 22px;
    line-height: 1.5em;
    width: 260px;
    margin-right: 0;
    margin-bottom: 20px; }
    .sp#p-howto .procedure .steps dl:after {
      right: auto;
      left: -10px; }
    .sp#p-howto .procedure .steps dl:nth-child(1):after {
      display: none; }
    .sp#p-howto .procedure .steps dl:nth-child(4):after {
      right: auto; }
    .sp#p-howto .procedure .steps dl:nth-child(5) {
      margin-right: 0; }
      .sp#p-howto .procedure .steps dl:nth-child(5):after {
        right: auto;
        left: 0;
        display: block;
        left: 120px; }
    .sp#p-howto .procedure .steps dl:nth-child(3) {
      margin-right: 0; }
      .sp#p-howto .procedure .steps dl:nth-child(3):after {
        display: block; }
  .sp#p-howto .procedure .steps dt {
    margin-bottom: 15px; }
  .sp#p-howto .procedure .steps dd {
    text-align: left; }
  .sp#p-howto .procedure .steps h4 {
    font-size: 28px;
    white-space: normal;
    margin-bottom: 15px;
    text-align: center; }
  .sp#p-howto .procedure .steps .text {
    white-space: normal;
    margin: 0 10px 15px 10px; }
  .sp#p-howto .procedure .steps .caps {
    font-size: 20px;
    line-height: 1.5em;
    margin: 0 10px; }
  .sp#p-howto .procedure .steps .step1 dd {
    height: 240px;
    margin-bottom: 25px; }
  .sp#p-howto .procedure .steps .step2 dd {
    height: 240px;
    margin-bottom: 25px; }
  .sp#p-howto .procedure .steps .step3 dd {
    height: 270px;
    margin-bottom: 25px;
    width: auto;
    margin-left: 0; }
  .sp#p-howto .procedure .steps .step4 {
    margin-right: 0; }
    .sp#p-howto .procedure .steps .step4 dd {
      height: 270px;
      width: auto;
      margin-left: 0; }
  .sp#p-howto .procedure .steps .step5 {
    width: 100%; }
    .sp#p-howto .procedure .steps .step5 dd {
      width: auto;
      margin-left: 0; }
    .sp#p-howto .procedure .steps .step5 .text {
      text-align: center; }
  .sp#p-howto .playstyle .l-inner {
    width: 580px;
    padding-top: 110px; }
  .sp#p-howto .playstyle .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-howto .playstyle .paper_block:before {
      top: 35px; }
    .sp#p-howto .playstyle .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-howto .playstyle .paper_title {
    top: -25px; }
    .sp#p-howto .playstyle .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-howto .playstyle .paper_title span {
      padding: 18px 0; }
  .sp#p-howto .playstyle .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-howto .playstyle .paper_inner {
    margin: 0 30px; }
  .sp#p-howto .playstyle .paper_inner2 {
    margin: 0 30px; }
  .sp#p-howto .playstyle .howto_list {
    margin: 0 0 70px 0;
    text-align: center; }
    .sp#p-howto .playstyle .howto_list ul {
      zoom: 1; }
      .sp#p-howto .playstyle .howto_list ul:after {
        content: "";
        clear: both;
        display: block; }
    .sp#p-howto .playstyle .howto_list li {
      float: left;
      width: 260px; }
      .sp#p-howto .playstyle .howto_list li:after {
        right: 0; }
      .sp#p-howto .playstyle .howto_list li:nth-child(1) {
        width: 100%;
        margin-bottom: 65px; }
        .sp#p-howto .playstyle .howto_list li:nth-child(1):after {
          right: auto;
          top: auto;
          left: 50%;
          bottom: -50px;
          margin-left: -12px; }
      .sp#p-howto .playstyle .howto_list li:nth-child(2):after {
        right: -13px; }
      .sp#p-howto .playstyle .howto_list li:nth-child(3):after {
        display: none; }
    .sp#p-howto .playstyle .howto_list .icon {
      margin-bottom: 15px; }
    .sp#p-howto .playstyle .howto_list p {
      font-size: 26px;
      line-height: 1.4em;
      margin: 0; }
  .sp#p-howto .playstyle .howto_text {
    font-size: 20px; }
  .sp#p-howto .tools .l-inner {
    width: 580px;
    padding-top: 110px; }
  .sp#p-howto .tools .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-howto .tools .paper_block:before {
      top: 35px; }
    .sp#p-howto .tools .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-howto .tools .paper_title {
    top: -25px; }
    .sp#p-howto .tools .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-howto .tools .paper_title span {
      padding: 18px 0; }
  .sp#p-howto .tools .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-howto .tools .paper_inner {
    margin: 0 30px; }
  .sp#p-howto .tools .paper_inner2 {
    margin: 0 30px; }
  .sp#p-howto .tools .tool li {
    width: 260px;
    margin-right: 0; }
    .sp#p-howto .tools .tool li:nth-child(4) {
      margin-right: 0; }
  .sp#p-howto .tools .tool .icon {
    margin-bottom: 15px; }
  .sp#p-howto .tools .tool h4 {
    font-size: 28px;
    white-space: normal; }
  .sp#p-howto .tools .tool .text {
    font-size: 22px;
    line-height: 1.5em;
    white-space: normal;
    text-align: left;
    margin: 0 10px; }
  .sp#p-howto .tools .tool .tool2 .text {
    width: 100%;
    margin-left: 0; }
  .sp#p-howto .apps .l-inner {
    width: 580px;
    padding-top: 110px; }
  .sp#p-howto .apps .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-howto .apps .paper_block:before {
      top: 35px; }
    .sp#p-howto .apps .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-howto .apps .paper_title {
    top: -25px; }
    .sp#p-howto .apps .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-howto .apps .paper_title span {
      padding: 18px 0; }
  .sp#p-howto .apps .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-howto .apps .paper_inner {
    margin: 0 30px; }
  .sp#p-howto .apps .paper_inner2 {
    margin: 0 30px; }
  .sp#p-howto .apps .app h5 {
    font-size: 30px; }
  .sp#p-howto .apps .app .text {
    font-size: 22px;
    margin-bottom: 40px;
    line-height: 1.7em; }
    .sp#p-howto .apps .app .text strong {
      font-size: 28px;
      display: inline; }
  .sp#p-howto .apps .app .caps {
    font-size: 22px;
    margin-bottom: 40px; }
  .sp#p-howto .apps .app .button_list li {
    width: 100%;
    float: none;
    margin: 0 0 20px 0; }
  .sp#p-nazo .m-items {
    top: 476px;
    background: url("../images/common/bg_2nd_loop_sp.png") repeat-y center top; }
  .sp#p-nazo .main .l-inner {
    min-width: 640px;
    height: 153px;
    background: url("../images/common/hd_bg_2nd_sp.png") no-repeat center top; }
  .sp#p-nazo .main h1 {
    padding: 20px 0 0 0; }
    .sp#p-nazo .main h1 img {
      width: 258px;
      height: auto; }
  .sp#p-nazo .pagetitle .l-inner {
    width: 640px;
    padding: 90px 0 110px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title_sp.png") no-repeat center top; }
  .sp#p-nazo .question1 .l-inner {
    width: 580px; }
  .sp#p-nazo .question1 .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-nazo .question1 .paper_block:before {
      top: 35px; }
    .sp#p-nazo .question1 .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-nazo .question1 .paper_title {
    top: -25px; }
    .sp#p-nazo .question1 .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-nazo .question1 .paper_title span {
      padding: 18px 0; }
  .sp#p-nazo .question1 .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-nazo .question1 .paper_inner {
    margin: 0 30px; }
  .sp#p-nazo .question1 .paper_inner2 {
    margin: 0 30px; }
  .sp#p-nazo .question1 .question {
    padding: 11px 0;
    margin: -140px auto 45px auto;
    width: 482px; }
    .sp#p-nazo .question1 .question img {
      width: 460px;
      height: auto; }
  .sp#p-nazo .question1 .text {
    margin-bottom: 50px;
    font-size: 22px;
    line-height: 1.6em; }
  .sp#p-nazo .question1 .m-button373 a {
    font-size: 28px; }
  .sp#p-nazo .question1 .input_area {
    width: 100%;
    margin: 0 auto 50px auto; }
  .sp#p-nazo .question1 .input_text {
    font-size: 28px; }
  .sp#p-contact .m-items {
    top: 476px;
    background: url("../images/common/bg_2nd_loop_sp.png") repeat-y center top; }
  .sp#p-contact .main .l-inner {
    min-width: 640px;
    height: 153px;
    background: url("../images/common/hd_bg_2nd_sp.png") no-repeat center top; }
  .sp#p-contact .main h1 {
    padding: 20px 0 0 0; }
    .sp#p-contact .main h1 img {
      width: 258px;
      height: auto; }
  .sp#p-contact .pagetitle .l-inner {
    width: 640px;
    padding: 90px 0 110px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title_sp.png") no-repeat center top; }
  .sp#p-contact .notes .l-inner {
    width: 580px; }
  .sp#p-contact .notes .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-contact .notes .paper_block:before {
      top: 35px; }
    .sp#p-contact .notes .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-contact .notes .paper_title {
    top: -25px; }
    .sp#p-contact .notes .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-contact .notes .paper_title span {
      padding: 18px 0; }
  .sp#p-contact .notes .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-contact .notes .paper_inner {
    margin: 0 30px; }
  .sp#p-contact .notes .paper_inner2 {
    margin: 0 30px; }
  .sp#p-contact .notes h3 {
    font-size: 30px;
    margin-bottom: 40px; }
  .sp#p-contact .notes .box {
    margin-bottom: 90px; }
  .sp#p-contact .notes h4 {
    font-size: 24px;
    margin-bottom: 20px; }
  .sp#p-contact .notes dl {
    margin-bottom: 5px; }
  .sp#p-contact .notes dt {
    font-size: 20px;
    line-height: 1.5em;
    text-align: left;
    letter-spacing: 0.1em;
    margin-right: 30px; }
  .sp#p-contact .notes dd {
    display: inline-block;
    font-size: 20px;
    line-height: 1.5em;
    text-align: left;
    letter-spacing: 0.1em; }
    .sp#p-contact .notes dd a {
      text-decoration: none; }
  .sp#p-contact .notes .place dt {
    width: 110px; }
  .sp#p-contact .notes .place dd {
    width: 310px;
    word-wrap: break-word; }
  .sp#p-contact .notes .caps {
    font-size: 16px;
    line-height: 1.6em;
    display: block;
    margin-top: 10px; }
  .sp#p-special .m-items {
    top: 476px;
    background: url("../images/common/bg_2nd_loop_sp.png") repeat-y center top; }
  .sp#p-special .main .l-inner {
    min-width: 640px;
    height: 153px;
    background: url("../images/common/hd_bg_2nd_sp.png") no-repeat center top; }
  .sp#p-special .main h1 {
    padding: 20px 0 0 0; }
    .sp#p-special .main h1 img {
      width: 258px;
      height: auto; }
  .sp#p-special .pagetitle .l-inner {
    width: 640px;
    padding: 90px 0 110px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title_sp.png") no-repeat center top; }
  .sp#p-special .notes {
    margin-bottom: 115px; }
    .sp#p-special .notes .l-inner {
      width: 580px; }
    .sp#p-special .notes .paper_block {
      padding: 120px 0 70px 0; }
      .sp#p-special .notes .paper_block:before {
        top: 35px; }
      .sp#p-special .notes .paper_block:after {
        bottom: -21px;
        height: 21px;
        background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
        background-size: 100% auto; }
    .sp#p-special .notes .paper_title {
      top: -25px; }
      .sp#p-special .notes .paper_title h3 {
        width: 480px;
        font-size: 32px;
        padding: 8px; }
      .sp#p-special .notes .paper_title span {
        padding: 18px 0; }
    .sp#p-special .notes .paper_inner_wide {
      margin: 0 30px; }
    .sp#p-special .notes .paper_inner {
      margin: 0 30px; }
    .sp#p-special .notes .paper_inner2 {
      margin: 0 30px; }
    .sp#p-special .notes .paper_block {
      padding: 50px 0; }
    .sp#p-special .notes .marys_title {
      margin-bottom: 30px; }
    .sp#p-special .notes .marys_image {
      width: 100%;
      float: none;
      margin-bottom: 45px; }
    .sp#p-special .notes .marys_text {
      width: 100%;
      float: none;
      font-size: 21px;
      letter-spacing: normal; }
    .sp#p-special .notes .imagesong_title {
      margin-bottom: 50px;
      font-size: 28px;
      line-height: 1.6em; }
      .sp#p-special .notes .imagesong_title span {
        border-bottom: 4px solid #ff6b6b;
        line-height: 1.8em; }
    .sp#p-special .notes .imagesong_image {
      margin-bottom: 70px; }
    .sp#p-special .notes .imagesong_text {
      font-size: 22px;
      margin-bottom: 30px;
      text-align: justify; }
    .sp#p-special .notes .imagesong_caps {
      font-size: 20px;
      margin-bottom: 40px; }
    .sp#p-special .notes .imagesong_form {
      margin-bottom: 70px; }
      .sp#p-special .notes .imagesong_form .input_area {
        width: 100%;
        margin: 0 auto 30px auto; }
      .sp#p-special .notes .imagesong_form .input_text {
        font-size: 28px; }
    .sp#p-special .notes .imagesong_hint {
      font-size: 22px;
      margin-bottom: 20px; }
    .sp#p-special .notes .imagesong_hint_detail {
      width: 100%;
      display: none; }
      .sp#p-special .notes .imagesong_hint_detail p {
        line-height: 1.6em;
        padding: 10px 0;
        font-size: 20px; }
    .sp#p-special .notes .imagesong_music {
      margin-bottom: 50px; }
      .sp#p-special .notes .imagesong_music span {
        padding: 3px 0 3px 40px; }
    .sp#p-special .notes .cdnazo_wrap {
      margin-bottom: 30px; }
    .sp#p-special .notes .cdnazo_image {
      width: 100%;
      float: none;
      margin-bottom: 50px; }
    .sp#p-special .notes .cdnazo_detail {
      width: 100%;
      float: none;
      font-size: 22px; }
    .sp#p-special .notes .cdnazo_spec {
      font-size: 20px;
      margin: 0 0 60px 0;
      padding: 30px 0;
      display: block; }
      .sp#p-special .notes .cdnazo_spec .spec_headline {
        display: block;
        width: 100%; }
      .sp#p-special .notes .cdnazo_spec .spec_text {
        display: block; }
        .sp#p-special .notes .cdnazo_spec .spec_text strong {
          font-size: 20px;
          display: inline-block;
          margin-bottom: 20px; }
    .sp#p-special .notes .cdnazo_form {
      margin-bottom: 60px; }
      .sp#p-special .notes .cdnazo_form .input_area {
        width: 100%;
        margin: 0 auto 30px auto; }
      .sp#p-special .notes .cdnazo_form .input_text {
        font-size: 28px; }
    .sp#p-special .notes .cdnazo_hint_wrap {
      display: block; }
      .sp#p-special .notes .cdnazo_hint_wrap li {
        display: block;
        width: 100%; }
    .sp#p-special .notes .cdnazo_hint_btn {
      font-size: 22px; }
    .sp#p-special .notes .cdnazo_hint_detail {
      display: none;
      margin-bottom: 40px; }
      .sp#p-special .notes .cdnazo_hint_detail p {
        border: #000000 solid 2px;
        line-height: 1.8em;
        padding: 20px 25px;
        margin: 0;
        font-size: 20px;
        white-space: normal; }
    .sp#p-special .notes .water_image {
      margin-bottom: 50px; }
    .sp#p-special .notes .water_text {
      font-size: 22px;
      margin-bottom: 40px; }
    .sp#p-special .notes .water_spec {
      font-size: 20px;
      margin-bottom: 20px;
      padding: 40px 0;
      display: block; }
      .sp#p-special .notes .water_spec .spec_headline {
        display: block;
        width: 100%; }
      .sp#p-special .notes .water_spec .spec_text {
        display: block; }
        .sp#p-special .notes .water_spec .spec_text strong {
          font-size: 20px; }
    .sp#p-special .notes .water_form {
      margin-bottom: 50px; }
      .sp#p-special .notes .water_form .form_inner {
        margin: 0 30px;
        padding: 30px 0; }
      .sp#p-special .notes .water_form .input_image {
        width: 100%;
        float: none;
        margin-bottom: 30px; }
        .sp#p-special .notes .water_form .input_image .grade {
          font-size: 24px;
          margin-bottom: 20px; }
        .sp#p-special .notes .water_form .input_image li {
          text-align: center;
          font-size: 18px; }
      .sp#p-special .notes .water_form .input_area {
        float: none;
        width: 100%; }
      .sp#p-special .notes .water_form .submit_btn {
        margin-bottom: 20px;
        width: 420px;
        height: 75px; }
        .sp#p-special .notes .water_form .submit_btn a {
          background: url("../images/common/btn_bg_w420.png") no-repeat center top;
          line-height: 75px;
          font-size: 20px; }
      .sp#p-special .notes .water_form .hint_btn {
        width: 420px;
        height: 75px; }
        .sp#p-special .notes .water_form .hint_btn a {
          background: url("../images/common/btn_bg_w420_w.png") no-repeat center top;
          line-height: 75px;
          font-size: 20px; }
      .sp#p-special .notes .water_form .hint_detail_inner .text {
        font-size: 24px; }
    .sp#p-special .notes .lovelive_wrap {
      margin-bottom: 30px; }
    .sp#p-special .notes .lovelive_image {
      width: 100%;
      float: none;
      margin-bottom: 40px; }
      .sp#p-special .notes .lovelive_image .lovelive_image_icon {
        margin-bottom: 15px;
        width: 286px;
        margin: 0 auto; }
    .sp#p-special .notes .lovelive_image_caps {
      font-size: 18px; }
    .sp#p-special .notes .lovelive_details {
      width: 100%;
      float: none; }
    .sp#p-special .notes .lovelive_title {
      text-align: center;
      margin-bottom: 40px; }
      .sp#p-special .notes .lovelive_title img {
        width: 100%;
        height: auto; }
    .sp#p-special .notes .lovelive_text {
      font-size: 24px;
      text-align: justify;
      letter-spacing: 0.05em;
      margin-bottom: 40px; }
    .sp#p-special .notes .lovelive_btn {
      text-align: center; }
    .sp#p-special .notes .lovelive_spec {
      font-size: 20px;
      margin-bottom: 20px;
      padding: 40px 0;
      display: block; }
      .sp#p-special .notes .lovelive_spec .spec_headline {
        display: block;
        width: 100%;
        margin-bottom: 15px; }
      .sp#p-special .notes .lovelive_spec .spec_text {
        display: block; }
        .sp#p-special .notes .lovelive_spec .spec_text strong {
          font-size: 24px; }
  .sp#p-goods .m-items {
    top: 476px;
    background: url("../images/common/bg_2nd_loop_sp.png") repeat-y center top; }
  .sp#p-goods .main .l-inner {
    min-width: 640px;
    height: 153px;
    background: url("../images/common/hd_bg_2nd_sp.png") no-repeat center top; }
  .sp#p-goods .main h1 {
    padding: 20px 0 0 0; }
    .sp#p-goods .main h1 img {
      width: 258px;
      height: auto; }
  .sp#p-goods .pagetitle .l-inner {
    width: 640px;
    padding: 90px 0 110px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title_sp.png") no-repeat center top; }
  .sp#p-goods .pagetitle .l-inner {
    background: url("../images/common/bg_2nd_title2_sp.png") no-repeat center top; }
  .sp#p-goods .notes {
    margin-bottom: 0; }
    .sp#p-goods .notes .l-inner {
      width: 580px; }
    .sp#p-goods .notes .paper_block {
      padding: 120px 0 70px 0; }
      .sp#p-goods .notes .paper_block:before {
        top: 35px; }
      .sp#p-goods .notes .paper_block:after {
        bottom: -21px;
        height: 21px;
        background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
        background-size: 100% auto; }
    .sp#p-goods .notes .paper_title {
      top: -25px; }
      .sp#p-goods .notes .paper_title h3 {
        width: 480px;
        font-size: 32px;
        padding: 8px; }
      .sp#p-goods .notes .paper_title span {
        padding: 18px 0; }
    .sp#p-goods .notes .paper_inner_wide {
      margin: 0 30px; }
    .sp#p-goods .notes .paper_inner {
      margin: 0 30px; }
    .sp#p-goods .notes .paper_inner2 {
      margin: 0 30px; }
    .sp#p-goods .notes .paper_block {
      padding: 50px 0; }
    .sp#p-goods .notes h3 {
      font-size: 30px;
      line-height: 1.4em;
      text-align: center;
      margin: 0 20px; }
    .sp#p-goods .notes h4 {
      font-size: 21px;
      line-height: 1.6em;
      text-align: center;
      margin-bottom: 40px; }
    .sp#p-goods .notes .detail_block {
      margin: 0 20px; }
    .sp#p-goods .notes .m-button540 {
      width: 520px; }
      .sp#p-goods .notes .m-button540 a {
        font-size: 20px;
        background-size: 100% 100%; }
  .sp#p-goods .goodslist .l-inner,
  .sp#p-goods .goodslist-wide .l-inner,
  .sp#p-goods .goodslist-2column .l-inner {
    width: 580px; }
  .sp#p-goods .goodslist ul,
  .sp#p-goods .goodslist-wide ul,
  .sp#p-goods .goodslist-2column ul {
    letter-spacing: normal;
    display: block;
    zoom: 1; }
    .sp#p-goods .goodslist ul:after,
    .sp#p-goods .goodslist-wide ul:after,
    .sp#p-goods .goodslist-2column ul:after {
      content: "";
      clear: both;
      display: block; }
  .sp#p-goods .goodslist li,
  .sp#p-goods .goodslist-wide li,
  .sp#p-goods .goodslist-2column li {
    display: block;
    width: 280px;
    float: left;
    margin: 0 20px 20px 0; }
    .sp#p-goods .goodslist li:nth-child(3n),
    .sp#p-goods .goodslist-wide li:nth-child(3n),
    .sp#p-goods .goodslist-2column li:nth-child(3n) {
      margin-right: 20px; }
    .sp#p-goods .goodslist li:nth-child(2n),
    .sp#p-goods .goodslist-wide li:nth-child(2n),
    .sp#p-goods .goodslist-2column li:nth-child(2n) {
      margin-right: 0; }
  .sp#p-goods .goodslist .image,
  .sp#p-goods .goodslist-wide .image,
  .sp#p-goods .goodslist-2column .image {
    width: 240px; }
    .sp#p-goods .goodslist .image img,
    .sp#p-goods .goodslist-wide .image img,
    .sp#p-goods .goodslist-2column .image img {
      width: 100%;
      height: auto; }
  .sp#p-goods .goodslist .list_desc,
  .sp#p-goods .goodslist-wide .list_desc,
  .sp#p-goods .goodslist-2column .list_desc {
    margin: 0 20px; }
  .sp#p-goods .goodslist .title,
  .sp#p-goods .goodslist-wide .title,
  .sp#p-goods .goodslist-2column .title {
    font-size: 18px; }
  .sp#p-goods .goodslist .text,
  .sp#p-goods .goodslist-wide .text,
  .sp#p-goods .goodslist-2column .text {
    font-size: 18px; }
  .sp#p-goods .goodslist .list_bar,
  .sp#p-goods .goodslist-wide .list_bar,
  .sp#p-goods .goodslist-2column .list_bar {
    background: url("../images/common/bar_dot.png") center center repeat-x;
    font-size: 0;
    line-height: 0;
    padding: 15px 0;
    margin: 0 20px; }
  .sp#p-goods .goodslist .list_specs,
  .sp#p-goods .goodslist-wide .list_specs,
  .sp#p-goods .goodslist-2column .list_specs {
    zoom: 1;
    margin: 0 20px; }
    .sp#p-goods .goodslist .list_specs:after,
    .sp#p-goods .goodslist-wide .list_specs:after,
    .sp#p-goods .goodslist-2column .list_specs:after {
      content: "";
      clear: both;
      display: block; }
  .sp#p-goods .goodslist .spec,
  .sp#p-goods .goodslist-wide .spec,
  .sp#p-goods .goodslist-2column .spec {
    font-size: 16px;
    margin: 0 0 10px 0;
    line-height: 1.6em;
    float: none; }
  .sp#p-goods .goodslist .price,
  .sp#p-goods .goodslist-wide .price,
  .sp#p-goods .goodslist-2column .price {
    font-size: 20px;
    float: none; }
  .sp#p-goods .goodslist .headtext,
  .sp#p-goods .goodslist-wide .headtext,
  .sp#p-goods .goodslist-2column .headtext {
    font-size: 28px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    margin-bottom: 40px;
    color: #74552d; }
    .sp#p-goods .goodslist .headtext:before,
    .sp#p-goods .goodslist-wide .headtext:before,
    .sp#p-goods .goodslist-2column .headtext:before {
      content: " ";
      display: block;
      width: 34px;
      height: 3px;
      background-color: #74552d;
      position: absolute;
      left: -40px;
      top: 12px;
      z-index: 0;
      -webkit-transform: rotate(-105deg);
      -ms-transform: rotate(-105deg);
      transform: rotate(-105deg); }
    .sp#p-goods .goodslist .headtext:after,
    .sp#p-goods .goodslist-wide .headtext:after,
    .sp#p-goods .goodslist-2column .headtext:after {
      content: " ";
      display: block;
      width: 34px;
      height: 3px;
      background-color: #74552d;
      position: absolute;
      right: -40px;
      top: 12px;
      z-index: 0;
      -webkit-transform: rotate(105deg);
      -ms-transform: rotate(105deg);
      transform: rotate(105deg); }
  .sp#p-goods .goodslist-wide {
    margin-bottom: 80px; }
    .sp#p-goods .goodslist-wide .l-inner {
      padding-top: 0;
      margin-top: -30px; }
    .sp#p-goods .goodslist-wide li {
      width: 100%; }
    .sp#p-goods .goodslist-wide .image {
      width: 540px; }
      .sp#p-goods .goodslist-wide .image img {
        width: 100%;
        height: auto; }
  .sp#p-goods .goodslist-2column {
    margin-bottom: 50px; }
  .sp#p-goods .caution .l-inner {
    width: 580px; }
  .sp#p-goods .caution .paper_block {
    padding: 120px 0 70px 0; }
    .sp#p-goods .caution .paper_block:before {
      top: 35px; }
    .sp#p-goods .caution .paper_block:after {
      bottom: -21px;
      height: 21px;
      background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
      background-size: 100% auto; }
  .sp#p-goods .caution .paper_title {
    top: -25px; }
    .sp#p-goods .caution .paper_title h3 {
      width: 480px;
      font-size: 32px;
      padding: 8px; }
    .sp#p-goods .caution .paper_title span {
      padding: 18px 0; }
  .sp#p-goods .caution .paper_inner_wide {
    margin: 0 30px; }
  .sp#p-goods .caution .paper_inner {
    margin: 0 30px; }
  .sp#p-goods .caution .paper_inner2 {
    margin: 0 30px; }
  .sp#p-goods .caution .paper_block {
    padding: 40px 0 20px 0; }
  .sp#p-goods .caution .detail_block {
    margin: 0 30px; }
  .sp#p-goods .caution .caution_list li {
    font-size: 18px; }
  .sp#p-goods .fancybox-close {
    background-image: url("../images/fancybox/fancybox_close.png");
    position: absolute;
    bottom: auto;
    left: auto;
    top: -62px;
    right: -62px;
    margin: auto;
    width: 122px;
    height: 122px;
    cursor: pointer;
    z-index: 8040;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-left: 355px; }
  .sp#p-goods .fancybox-close:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    filter: alpha(opacity=50);
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .sp#p-exam .m-items {
    top: 476px;
    background: url("../images/common/bg_2nd_loop_sp.png") repeat-y center top; }
  .sp#p-exam .main .l-inner {
    min-width: 640px;
    height: 153px;
    background: url("../images/common/hd_bg_2nd_sp.png") no-repeat center top; }
  .sp#p-exam .main h1 {
    padding: 20px 0 0 0; }
    .sp#p-exam .main h1 img {
      width: 258px;
      height: auto; }
  .sp#p-exam .pagetitle .l-inner {
    width: 640px;
    padding: 90px 0 110px 0;
    text-align: center;
    background: url("../images/common/bg_2nd_title_sp.png") no-repeat center top; }
  .sp#p-exam .notes {
    margin-bottom: 115px; }
    .sp#p-exam .notes .l-inner {
      width: 580px; }
    .sp#p-exam .notes .paper_block {
      padding: 120px 0 70px 0; }
      .sp#p-exam .notes .paper_block:before {
        top: 35px; }
      .sp#p-exam .notes .paper_block:after {
        bottom: -21px;
        height: 21px;
        background: url("../images/common/bg_paper_bottom2.png") no-repeat center top;
        background-size: 100% auto; }
    .sp#p-exam .notes .paper_title {
      top: -25px; }
      .sp#p-exam .notes .paper_title h3 {
        width: 480px;
        font-size: 32px;
        padding: 8px; }
      .sp#p-exam .notes .paper_title span {
        padding: 18px 0; }
    .sp#p-exam .notes .paper_inner_wide {
      margin: 0 30px; }
    .sp#p-exam .notes .paper_inner {
      margin: 0 30px; }
    .sp#p-exam .notes .paper_inner2 {
      margin: 0 30px; }
    .sp#p-exam .notes .paper_block {
      padding: 50px 0; }
    .sp#p-exam .notes .exam_form {
      margin-bottom: 80px; }
      .sp#p-exam .notes .exam_form .exam_form_headline {
        font-size: 32px; }
      .sp#p-exam .notes .exam_form .input_area {
        width: 100%; }
      .sp#p-exam .notes .exam_form .input_text {
        background: #ffffff;
        border: #000000 solid 3px;
        border-radius: 10px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 28px;
        box-sizing: border-box;
        height: 75px;
        line-height: 75px;
        padding: 0 15px;
        width: 100%;
        margin-bottom: 20px; }
      .sp#p-exam .notes .exam_form .submit_btn {
        margin-bottom: 20px;
        width: 420px;
        height: 75px; }
        .sp#p-exam .notes .exam_form .submit_btn a {
          background: url("../images/common/btn_bg_w420.png") no-repeat center top;
          line-height: 75px;
          font-size: 26px; }
    .sp#p-exam .notes .exam_hint .form_inner {
      margin: 0 20px;
      padding: 40px 0; }
    .sp#p-exam .notes .exam_hint .form_inner_headline {
      font-size: 32px;
      margin-bottom: 30px; }
    .sp#p-exam .notes .exam_hint .hint_wrap {
      zoom: 1;
      width: 100%;
      margin-bottom: 20px; }
      .sp#p-exam .notes .exam_hint .hint_wrap:after {
        content: "";
        clear: both;
        display: block; }
    .sp#p-exam .notes .exam_hint .hint_block_active span {
      font-size: 18px;
      line-height: 1.7em; }
    .sp#p-exam .notes .exam_hint .hint_block_q span {
      margin: 0 18px;
      font-size: 26px;
      text-align: left;
      line-height: 1.6em; }
    .sp#p-exam .notes .exam_hint .hint_block_l {
      height: 270px; }
    .sp#p-exam .notes .exam_hint .hint_block_r {
      height: 270px; }

.l-header .hd_fix_logo {
  -webkit-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
      transform: translateY(-150px); }
.l-header .hd_btn_menu {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px); }
.l-header .hd_content {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
      transform: translateY(-100%); }
.l-header .hd_fix_nav {
  -webkit-transform: translateY(220px);
  -ms-transform: translateY(220px);
      transform: translateY(220px); }

.modal_lovelive,
.modal_realgame {
  display: none; }

#p-top .main .main_visual h1 {
  -webkit-transform: translate(0px, -1150px) rotate(-20deg);
  -ms-transform: translate(0px, -1150px) rotate(-20deg);
  transform: translate(0px, -1150px) rotate(-20deg); }