/*!
 * ress.css • v1.1.2
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: none; /* iOS 8+ */
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

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

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

/* Remove margin, padding of all elements and set background-no-repeat as default */
* {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

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

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

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

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

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

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

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

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */

input {
  border-radius: 0;
}

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

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

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

[type="search"] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

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

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

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

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

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

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

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

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

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

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

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

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

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

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
  width: 100%;
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

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

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

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

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

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

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

/* # =================================================================
   # Selection
   # ================================================================= */

/* Specify text selection background color and omit drop shadow */

::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

@font-face {
  font-family: 'icomoon';
  src:  url('/_css/icon/icomoon.eot?bndl3r');
  src:  url('/_css/icon/icomoon.eot?bndl3r#iefix') format('embedded-opentype'),
    url('/_css/icon/icomoon.ttf?bndl3r') format('truetype'),
    url('/_css/icon/icomoon.woff?bndl3r') format('woff'),
    url('/_css/icon/icomoon.svg?bndl3r#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon_"], [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon_sms_failed:before {
  content: "\e932";
}
.icon_campaign:before {
  content: "\e900";
}
.icon_reserve:before {
  content: "\e901";
}
.icon_gift:before {
  content: "\e902";
}
.icon_gacha:before {
  content: "\e903";
}
.icon_news:before {
  content: "\e904";
}
.icon_bbs:before {
  content: "\e905";
}
.icon_rank:before {
  content: "\e906";
}
.icon_review:before {
  content: "\e907";
}
.icon_trial:before {
  content: "\e908";
}
.icon_gallery:before {
  content: "\e909";
}
.icon_wallpaper:before {
  content: "\e90a";
}
.icon_menu:before {
  content: "\e90b";
}
.icon_search:before {
  content: "\e90c";
}
.icon_mypage:before {
  content: "\e90d";
}
.icon_arrow-l:before {
  content: "\e90e";
}
.icon_arrow-r:before {
  content: "\e90f";
}
.icon_up:before {
  content: "\e910";
}
.icon_down:before {
  content: "\e911";
}
.icon_plus:before {
  content: "\e912";
}
.icon_minus:before {
  content: "\e913";
}
.icon_character:before {
  content: "\e914";
}
.icon_graphic:before {
  content: "\e915";
}
.icon_world:before {
  content: "\e916";
}
.icon_sound:before {
  content: "\e917";
}
.icon_system:before {
  content: "\e918";
}
.icon_exp:before {
  content: "\e919";
}
.icon_like:before {
  content: "\e91a";
}
.icon_love:before {
  content: "\e91b";
}
.icon_gold:before {
  content: "\e91c";
}
.icon_return:before {
  content: "\e91d";
}
.icon_tag:before {
  content: "\e91e";
}
.icon_time:before {
  content: "\e91f";
}
.icon_date:before {
  content: "\e920";
}
.icon_caution:before {
  content: "\e921";
}
.icon_pagetop:before {
  content: "\e922";
}
.icon_bullet:before {
  content: "\e923";
}
.icon_zoom:before {
  content: "\e924";
}
.icon_camera:before {
  content: "\e925";
}
.icon_notice:before {
  content: "\e926";
}
.icon_filter:before {
  content: "\e927";
}
.icon_add:before {
  content: "\e928";
}
.icon_delete:before {
  content: "\e929";
}
.icon_check:before {
  content: "\e92a";
}
.icon_facebook:before {
  content: "\e92b";
}
.icon_twitter:before {
  content: "\e92c";
}
.icon_line:before {
  content: "\e92d";
}
.icon_twitter-bird:before {
  content: "\e92e";
}
.icon_inbox:before {
  content: "\e92f";
}
.icon_bank:before {
  content: "\e930";
}
.icon_gechoki:before {
  content: "\e931";
}
/*! Pushy - v1.1.0 - 2017-1-30
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */.pushy{position:fixed;width:200px;height:100%;top:0;z-index:9999;background:#191918;overflow:auto;-webkit-overflow-scrolling:touch}.pushy a{display:block;color:#b3b3b1;padding:15px 30px;text-decoration:none}.pushy a:hover{color:#fff}.pushy ul:first-child{margin-top:10px}.pushy.pushy-left{left:0}.pushy.pushy-right{right:0}.pushy-content{visibility:hidden}.pushy-left{-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}.pushy-open-left #container,.pushy-open-left .push{-webkit-transform:translate3d(200px,0,0);-ms-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}.pushy-right{-webkit-transform:translate3d(200px,0,0);-ms-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}.pushy-open-right #container,.pushy-open-right .push{-webkit-transform:translate3d(-200px,0,0);-ms-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}.pushy-open-left .pushy,.pushy-open-right .pushy{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pushy-open-left .pushy-content,.pushy-open-right .pushy-content{visibility:visible}#container,.push,.pushy{transition:transform .2s cubic-bezier(.16,.68,.43,.99)}.pushy-content{transition:visibility .2s cubic-bezier(.16,.68,.43,.99)}.site-overlay{display:none}.pushy-open-left .site-overlay,.pushy-open-right .site-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:rgba(0,0,0,.5);-webkit-animation:fade .5s;animation:fade .5s}@keyframes fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}.pushy-submenu ul{padding-left:15px;transition:max-height .2s ease-in-out,visibility .2s ease-in-out}.pushy-submenu ul .pushy-link{transition:opacity .2s ease-in-out}.pushy-submenu button{width:100%;color:#b3b3b1;padding:15px 30px;text-align:left;background:0 0;border:0}.pushy-submenu button:hover{color:#fff}.pushy-submenu>a,.pushy-submenu>button{position:relative}.pushy-submenu>a::after,.pushy-submenu>button::after{content:'';display:block;height:11px;width:8px;position:absolute;top:50%;right:15px;background:url(../img/arrow.svg) no-repeat;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:transform .2s}.pushy-submenu-closed ul{max-height:0;overflow:hidden;visibility:hidden}.pushy-submenu-closed .pushy-link{opacity:0}.pushy-submenu-open ul{max-height:1000px;visibility:visible}.pushy-submenu-open .pushy-link{opacity:1}.pushy-submenu-open a::after,.pushy-submenu-open button::after{-webkit-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}
/*# sourceMappingURL=pushy.min.css.map */
@charset "utf-8";

/* ---------------------------------------------------------
グローバルスタイル
----------------------------------------------------------*/

/*-- Global --*/

body {
  overflow-x: hidden;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  color: #333;
}

.confirm-login-modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 9999;
}

.confirm-login-modal-content {
  background-color: #f4f4f4;
  margin-top: 50vh;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  height: 250px;
  width: 300px;
  box-shadow: 0 2px 7px black;
  border-radius: 4px;
  font-weight: normal;
}

.confirm-login-modal-header {
  background-color: #cc0d6d;
  color: white;
  height: 50px;
  padding: 3px 15px;
  display: flex;
  border-radius: 4px 4px 0 0;
  justify-content: space-between;
}

.confirm-login-modal-header h1 {
  font-size: 15px;
  margin: auto 0;
}

.confirm-login-modal-close {
  font-size: 17px;
  cursor:pointer;
}

.confirm-login-modal-desc {
  font-size: 14px;
  text-align: left;
  margin: 15px 0;
  padding: 10px 15px;
  color: black;
}

.confirm-login-modal-button-signup {
  font-size: 7px;
  text-align: center;
  color: white;
  height: 40px;
  line-height: 40px;
  background: #cc0d6d;
  border-radius: 4px;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 15px;
  margin-bottom: 10px;
  cursor:pointer;
}

.confirm-login-modal-button-login {
  font-size: 7px;
  text-align: center;
  color: #cc0d6d;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-color: #cc0d6d;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  margin: 10px 25px;
  cursor:pointer;
}

.confirm-login-modal-button-signup:active {
  background: #960b51;
}

.confirm-login-modal-button-login:active {
  background: #9b9b9b;
}

.flL {
  float: left;
}

.flR {
  float: right;
}

.abR0 {
  right: 0;
}

.clear {
  clear: both;
  overflow: hidden;
}

.indent {
  margin-left: 1em;
  text-indent: -1em;
}

.slick-list {
  overflow: hidden;
  min-width: 0;
  min-height: 0;
}

.slick-track {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  vertical-align: top;
  overflow: hidden;
}

.slick-track:before,
.slick-track:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

.mail-maga-checkbox-container {
  display: inline-flex;
}

.mail-maga-checkbox {
  margin-top: 2px;
}

.mail-maga-checkbox-label {
  margin-left: 5px;
}

.mail-maga-checkbox-label span{
  font-size: 13px;
  color: #666
}

/*-- Forms --*/

input,
button,
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}


input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #979797;
  border-radius: 0;
  background: #fff;
}

input[type=checkbox] {
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 0;
  border: 1px solid #999;
  background: #eee;
}

input[type=checkbox] + label {
  position: relative;
  margin-left: 5px;
  font-size: 13px;
  color: #666;
}

input[name=input_mail_optin_android] + label {
  position: absolute;
  margin-top: 9px;
}

input[type=checkbox] + label:after {
  position: absolute;
  top: 50%;
  left: -14px;
  display: block;
  width: 6px;
  height: 10px;
  margin-top: -8px;
  content: "";
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  border-right: 2px solid #cc0d6d;
  border-bottom: 2px solid #cc0d6d;
}

input[type=checkbox]:checked + label:after {
  opacity: 1;
}


button.btn_search {
  position: relative;
  padding: 10px;
  font-size: 15px;
  color: #fff;
  border-radius: 3px;
  background: #000;
}

label > * {
  pointer-events: none;
}

label.pulldown {
  position: relative;
  display: block;
  border: 1px solid #979797;
  background: #979797;
}

label.pulldown:before {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin: -2px 0 0 0;
  content: "";
  border: 5px solid transparent;
  border-top: 7px solid  #fff;
}

label.pulldown select {
  position: relative;
  display: block;
  width: 90%;
  padding: .5em 1em;
  cursor: pointer;
  pointer-events: all;
  color: #979797;
  border: none;
  border-radius: 0;
  background: #fff;
}

.btn_switch {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 70px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
}

.btn_switch input[type=checkbox] {
  display: none;
}

.btn_switch label {
  display: block;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
  border-radius: 2px;
}

.btn_switch .switch_inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin .3s ease-in 0s;
     -moz-transition: margin .3s ease-in 0s;
       -o-transition: margin .3s ease-in 0s;
          transition: margin .3s ease-in 0s;
}

.btn_switch .switch_inner:before,
.btn_switch .switch_inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 25px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  color: white;
}

.btn_switch .switch_inner:before {
  padding-left: 10px;
  content: "ON";
  color: #fff;
  background-color: #cc0d6d;
}

.btn_switch .switch_inner:after {
  padding-right: 10px;
  content: "OFF";
  text-align: right;
  color: #999;
  background-color: #eee;
}

.btn_switch .switch_toggle {
  position: absolute;
  top: 0;
  right: 43px;
  bottom: 0;
  display: block;
  width: 15px;
  height: 15px;
  margin: 5px 4px 4px;
  -webkit-transition: all .3s ease-in 0s;
     -moz-transition: all .3s ease-in 0s;
       -o-transition: all .3s ease-in 0s;
          transition: all .3s ease-in 0s;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,.3);
}

.btn_switch input[type=checkbox]:checked + label .switch_inner {
  margin-left: 0;
}

.btn_switch input[type=checkbox]:checked + label .switch_toggle {
  right: 0;
}

.wrap_switch {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 2em;
}

.wrap_switch p {
  margin-right: 80px;
}

.wrap_switch .btn_switch {
  position: absolute;
  top: 50%;
  right: 0;
  margin-left: 12px;
  -webkit-transform: translateY(-50%);
}


/*-- Text --*/

.txt8 {
  font-size: 8px;
  line-height: 1.6;
}
.txt10 {
  font-size: 10px;
  line-height: 1.6;
}

.txt12 {
  font-size: 12px;
  line-height: 1.6;
}

.txt14 {
  font-size: 14px;
  line-height: 1.6;
}

.txt15 {
  font-size: 15px;
  line-height: 1.6;
}

.txt16 {
  font-size: 16px;
  line-height: 1.6;
}

.txt18 {
  font-size: 18px;
  line-height: 1.6;
}

.txtB {
  font-weight: bold;
}

.txtN {
  font-weight: normal;
}

/*-- Padding --*/

.pd16 {
  padding: 16px !important;
}

.pd32 {
  padding: 32px !important;
}

.pdB8 {
  padding-bottom: 8px !important;
}

.pdB16 {
  padding-bottom: 16px !important;
}


/*-- Margin --*/

.mgB0 {
  margin-bottom: 0 !important;
}

.mgB4 {
  margin-bottom: 4px !important;
}

.mgB8 {
  margin-bottom: 8px !important;
}

.mgB12 {
  margin-bottom: 12px !important;
}

.mgB16 {
  margin-bottom: 16px !important;
}

.mgB20 {
  margin-bottom: 20px !important;
}

.mgB24 {
  margin-bottom: 24px !important;
}

.mgB28 {
  margin-bottom: 28px !important;
}

.mgB32 {
  margin-bottom: 32px !important;
}

/*-- Align --*/
.txaR {
  text-align: right !important;
}

.txaL {
  text-align: left !important;
}

.txaC {
  text-align: center !important;
}

.txvB {
  vertical-align: bottom !important;
}

/*-- Line --*/
.underline {
  border-bottom: 1px solid #e1e1e1;
}


/*-- Link --*/

a {
  color: #cc0d6d;
}

/*-- 角丸キャンセル --*/
.br0 {
  border-radius: 0 !important;
}

/*-- table --*/
table.data-table {
  width: 100%;
  border-spacing: 1px;
  border-collapse: separate;
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
  border: 0;
}

table.data-table th {
  padding: 5px 7px;
  font-weight: bold;
  vertical-align: top;
  background: #d9d9e7;
}

table.data-table td {
  padding: 5px 7px;
  background: #efeff4;
}




/* ---------------------------------------------------------
見出し
----------------------------------------------------------*/

/*-- 大見出し --*/

.title_head {
  padding: 2px 0 2px 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
  border-left: 6px solid #cc0d6d;
}

.title_head .update {
  float: right;
  margin-top: 10px;
  font-size: 10px;
  font-weight: normal;
  color: #a4aab3;
}

/*-- 中見出し --*/

.title_middle {
  padding: 8px 12px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
  border-left: 4px solid #a0a0b1;
  background: #e7e7f1;
}

.title_middle strong {
  font-weight: bold;
}


/*-- 小見出し --*/

.title_sub {
  position: relative;
  overflow: hidden;
  padding-bottom: 4px;
  padding-left: 1.3em;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
  border-bottom: 1px solid #bbb;
  z-index: 1
}


.title_sub:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "icomoon" !important;
  content: "\e923";
  color: #cc0d6d;
}

.title_sub > span[class^="icon_"] {
  position: absolute;
  top: .2em;
  left: 0;
  color: #cc0d6d;
  background: #fff;
}

.title_sub > span[class^="num_"] {
  position: absolute;
  top: 0;
  left: -.2em;
  color: #cc0d6d;
  background: #fff;
}

.title_sub a {
  display: inline-block;
  float: right;
  text-decoration: none;
}

.title_sub strong {
  font-weight: normal;
}

/*-- 枠線付見出し --*/

.title_outline {
  padding: 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #cc0d6d;
  border: 3px solid #cc0d6d;
  border-radius: 3px;
}

/*-- 小見出し(数字) --*/

.title_sub > span.num_square {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background: #cc0d6d;
}



/*-- アンダーライン見出し --*/

.title_underline {
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  color: #666;
  border-bottom: 1px solid #999;
}

.title_underline span[class^="icon_"] {
  padding-right: 5px;
}

.bg_dark-gray .title_underline {
  color: #fff;
  border-color: #fff;
}

/*-- フッターメニュー見出し --*/

.logo_footer {
  display: block;
  width: 70%;
  height: auto;
  margin: 16px auto;
  text-align: center;
}

.title_nav-footer {
  overflow: hidden;
  padding-bottom: 4px;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 1px;
  color: #cc0d6d;
  border-bottom: 1px solid #cc0d6d;
}

.title_nav-footer span {
  float: right;
  padding-top: 8px;
  font-size: 8px;
  font-weight: normal;
  letter-spacing: 0;
  color: #999;
}

/*-- 訴求テキスト枠 --*/
.title_notice {
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  color: #666;
  border: 2px solid;
  border-radius: 2px;
}

.title_notice_no_border {
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  color: #666;
}




/* ---------------------------------------------------------
ボタン
----------------------------------------------------------*/

/*-- mypage.setting画面用 --*/
.btn_red_setting {
  display: block;
  width: 100%;
  padding: 8px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #7c7777;
  border-radius: 3px;
  background: #eee;
}


/*-- コンバージョンボタン --*/
.btn_red {
  display: block;
  width: 100%;
  padding: 16px 8px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background: #cc0d6d;
  box-shadow: 0 2px 0 #a50053;
}

/*-- サブボタン --*/
.btn_blue {
  display: block;
  width: 100%;
  margin: 8px auto;
  padding: 16px 8px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background-color: #2f279a;
  box-shadow: 0 2px 0 #16124c;
}


/*-- twitterボタン --*/
.btn_lightblue {
  display: block;
  width: 100%;
  padding: 16px 8px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background: #1da1f2;
  box-shadow: 0 2px 0 #1579b6;
}

.btn_lightblue:before {
  margin-right: 4px;
  font-family: "icomoon" !important;
  font-size: 16px;
  content: "\e92e";
  color: #fff;
}


/*-- facebookボタン --*/
.btn_darkblue {
  display: block;
  width: 100%;
  padding: 16px 8px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background: #3c5999;
  box-shadow: 0 2px 0 #213562;
}


/*-- デフォルトボタン--*/

.btn_default {
  display: block;
  width: 100%;
  padding: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background-color: #333;
  box-shadow: 0 2px 0 #000;
}


/*-- 無効ボタン--*/

.btn_disabled {
  display: block;
  width: 100%;
  padding: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #999;
  border-radius: 3px;
  background-color: #ccc;
  box-shadow: 0 2px 0 #999;
  pointer-events: none;
}

/*-- トップに戻るボタン--*/

.btn_go_top {
  display: block;
  width: 100%;
  padding: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 0 #999;
}


/*-- もっと見るボタン --*/

.btn_round {
  display: inline-block;
  padding: 6px 10px 5px;
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 999px;
}

.btn_round.black {
  color: #fff;
  border: 1px solid #000;
  background: #000;
}

.btn_round span[class="icon_arrow-r"] {
  padding-left: 4px;
  font-size: 8px;
  color: #999;
}

.btn_round span[class="icon_arrow-l"] {
  padding-right: 4px;
  font-size: 8px;
  color: #999;
}

/*-- アクションボタン--*/

.btn_action {
  display: inline-block;
  padding: 6px;
  font-size: 10px;
  line-height: 1;
  text-decoration: none;
  color: #888;
  border: 1px solid #999;
  border-radius: 2px;
}

.btn_action span[class^="icon_"] {
  margin-right: 3px;
}

.btn_action .number {
  margin-left: 5px;
}

/*-- もっと見る大ボタン--*/

.btn_more {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding: 12px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background-color: #333;
}

.btn_more span[class^="icon_"] {
  margin-left: 3px;
}



/*-- 二つ並びボタン --*/

.btn_col2 {
  display: inline-block;
  width: 100%;
  list-style: none;
}

.btn_col2.flR {
  width: 70%;
}

.btn_col2 li {
  float: left;
  width: 48%;
  margin-right: 4%;
  list-style: none;
}

.btn_col2 li:last-child {
  margin-right: 0;
}

.btn_col2 li input,
.btn_col2 li a,
.btn_col2 li div {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background: #333;
}

.btn_col2 .btn_red {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  background: #cc0d6d;
}

.btn_col2 .btn_next {
  background: #cc0d6d;
}

.btn_col2 .btn_disabled {
  color: #999;
  background: #ccc;
  box-shadow: none;
}



/*-- ページTOPボタン --*/
.btn_pagetop {
  display: block;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #858590;
}

.btn_pagetop span[class^="icon_"] {
  margin-left: 4px;
}

/*--追加削除の丸ボタン--*/

.btn_check {
  overflow: hidden;
  width: 24px;
  height: 24px;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  color: #cc0d6d;
  border-radius: 999px;
}


.btn_add {
  overflow: hidden;
  width: 24px;
  height: 24px;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  color: #a4aab3;
  border-radius: 999px;
}

.btn_delete {
  overflow: hidden;
  width: 24px;
  height: 24px;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  color: #cc0d6d;
  border-radius: 999px;
}




/*-- 通報するボタン --*/
.btn_claim {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 8px;
  font-size: 8px;
  text-decoration: none;
  color: #333;
  border-radius: 999px;
  background: #e8e8e8;
}

.btn_claim span[class^="icon_"] {
  margin-right: 3px;
}


/*-- コメント削除ボタン--*/
.btn_delete-comment {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 8px;
  font-size: 8px;
  text-decoration: none;
  color: #fff;
  border-radius: 999px;
  background: #cc0d6d;
}

.btn_delete-comment span[class^="icon_"] {
  margin-right: 3px;
}


/*-- カメラボタン --*/
.btn_camera {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  width: 34px;
  height: 34px;
  margin-right: 5px;
  text-indent: -9999px;
}

.btn_camera:after {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "icomoon";
  font-size: 34px;
  content: "\e925";
  text-indent: 0;
  color: #999;
}

.btn_camera.color_red:after {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "icomoon";
  font-size: 34px;
  content: "\e925";
  text-indent: 0;
  color: #cc0d6d;
}

.preview_upload {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 34px;
  height: 34px;
  opacity: 0;
  border: 1px solid #cc0d6d;
  border-radius: 999px;
  background-position: center center;
  background-size: cover;
}


/*-- マイページアナウンス枠 --*/
.btn_notice {
  clear: both;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  color: #666;
  border: 1px solid;
  border-radius: 2px;
  padding: 8px;
}

.btn_notice > a {
  position: relative;
  display: table;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
}

.btn_notice .icon_notice,
.btn_notice .icon_exp {
  display: table-cell;
  vertical-align: middle;
  padding-right: 8px;
  font-size: 26px;
}

.btn_notice p {
  display: table-cell;
  vertical-align: middle;
  margin-right: 16px;
}

.btn_notice .arrow {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1;
  text-align: right;
}


/*-- フロート書き込みボタン--*/
.btn_input {
  position: fixed;
  z-index: 50;
  right: 16px;
  bottom: 16px;
  display: inline-block;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 999px;
  background: #cc0d6d;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
}


/*-- ストアDLボタン--*/
.btn_store {
  display: block;
  width: 100%;
  padding: 8px 12px;
  line-height: 0 !important;
  text-align: center;
  border: 1px solid #a6a6a6;
  border-radius: 4px !important;
  background: #333;
}

.btn_store img {
  width: auto;
  max-width: 100%;
  max-height: 40px;
}


/*-- プロフ画像選択ボタン--*/
.btn_select-image {
  display: inline-block;
  padding: 6px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  background: #cc0d6d;
}

.btn_select-image input {
  display: none;
}



/* ---------------------------------------------------------
構成パーツ
----------------------------------------------------------*/

/*-- ノーティフィアイコン --*/
.icon_notification {
  display: inline-block;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  border-radius: 999px;
  background: #cc0d6d;
}


/*-- ゲームアイコン --*/
.icon_game {
  overflow: hidden;
  color: #ccc;
  border-radius: 10%;
  background: #ccc;
}

/*-- ニュースアイコン --*/
.icon_article {
  position: relative;
  overflow: hidden;
  height: auto;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.icon_article:after {
  display: block;
  padding-top: 100%;
  content: "";
}

.icon_article img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#gallery .icon_article {
  background-position: center top;
}

/*-- プロフアイコン --*/
.icon_prof {
  overflow: hidden;
  color: #ccc;
  border-radius: 999px;
  background: #ccc;
}

/*-- SNSアイコン --*/

.icon_twitter {
  color: #1da1f2;
}

.icon_facebook {
  color: #3c5999;
}

.icon_line {
  color: #00b900;
}

/*-- 開閉アイコン --*/

.icon_expand {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 8px;
  line-height: 16px;
  text-align: center;
  color: #cc0d6d;
  border: 1px solid #cc0d6d;
}

.icon_expand:after {
  content: "\e912";
}

.icon_expand.open:after {
  content: "\e913";
}


/*-- OS別アイコン --*/
.icon_ios {
  display: inline-block;
  margin-right: 3px;
  padding: 3px 4px;
  font-size: 10px;
  line-height: 1;
  color: #fff !important;
  border-radius: 2px;
  background: #4a80ff;
}

.icon_android {
  display: inline-block;
  margin-right: 3px;
  padding: 3px 4px;
  font-size: 10px;
  line-height: 1;
  color: #fff !important;
  border-radius: 2px;
  background: #91ca2b
}

.icon_new {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 4px;
  font-size: 9px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #cc0d6d;
}

/*-- ブラウザ版 --*/
.icon_browsergame {
  display: inline-block;
  margin-right: 3px;
  padding: 3px 4px;
  font-size: 10px;
  line-height: 1;
  color: #fff !important;
  border-radius: 2px;
  background: #5cb7c1;
}

/*-- タグ --*/
.tags {
  overflow: hidden;
}

.tags li {
  display: inline-block;
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 3px 4px 2px;
  font-size: 9px;
  line-height: 1;
  color: #666;
  border: 1px solid #666;
}

.tags li a {
  line-height: 1;
  text-decoration: none;
  color: inherit;
}

.bg_dark-gray .tags li {
  color: #fff;
  border: 1px solid #fff;
}


/*-- 画像サムネイル表示 --*/
.img_thumb {
  position: relative;
  max-width: 70%;
  margin: 16px auto;
  text-align: center;
}

.img_thumb a {
  position: relative;
  display: inline-block;
}

.img_thumb img {
  display: inline-block;
  width: auto !important;
  max-width: 100%;
  height: auto;
  max-height: 250px;
  border: 8px solid #e8e8e8;
}

.img_thumb span[class^="icon_"] {
  position: absolute;
  top: -6px;
  right: -6px;
  display: inline-block;
  font-size: 16px;
}

/*-- ニュース画像 --*/
.img_news-single {
  text-align: center;
}
.img_news-single img {
  width: 60%;
  text-align: center;
}
.img_news-double img {
  width: 49%;
}


/*-- アプリ名 --*/

.title_info {
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.title_info span {
  font-size: 10px;
  font-weight: normal;
}

.title_info span[class^="icon_"] {
  margin-right: 3px;
  font-size: 13px;
}



/*-- アプリ紹介文 --*/

.disc_info {
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/*-- アプリ提供元 --*/

.vendor_info {
  overflow: hidden;
  margin-bottom: 8px;
  font-size: 10px;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #949494;
}

/*-- コメント --*/

.txt_info {
  font-size: 12px;
  line-height: 1.6;
  text-decoration: none;
  color: #333;
}


/*-- 日付 --*/

.date_info {
  display: inline-block;
  padding: 6px 0 0;
  font-size: 10px;
  line-height: 1;
  text-decoration: none;
  color: #a4aab3;
}

.date_info span[class^="icon_"] {
  padding-right: 3px;
}


/*-- ランキングバッジ --*/

.num_ranking {
  z-index: 10;
  display: inline-block;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background-color: #000;
}


/*-- ジャンル別スコア --*/

.rate_info {
  display: block;
  overflow: hidden;
  list-style: none;
  font-size: 10px;
  line-height: 1;
  text-decoration: none;
  color: #666;
}

.rate_info li {
  float: left;
  margin-right: 8px;
}

.rate_info li span[class^="icon_"] {
  margin-right: 3px;
}

/*-- トータルスコア --*/

.score_info {
  display: inline-block;
  padding: 3px 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #666;
  border: 1px solid #e3e6ec;
}

.score_info span[class^="icon_"] {
  margin-right: 3px;
}

.score_info.rank {
  border: 1px solid #e3e6ec !important;
}


/*-- ランクステータス --*/

.rank_info {
  display: inline-block;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #666;
  border: 1px solid #e3e6ec;
}

.rank_info span[class^="icon_"] {
  margin-right: 3px;
}

.rank_info .upper_info {
  margin-bottom: 3px;
}

.rank_info .under_info {
  padding-top: 3px;
  color: #a4aab3;
  border-top: 1px solid #e3e6ec;
}

.rank-info .parcent {
  font-size: 10px;
}

/*-- プロフステータス --*/

.status_info {
  display: block;
  overflow: hidden;
  list-style: none;
  font-size: 10px;
  text-decoration: none;
  color: #a4aab3;
}

.status_info li {
  float: left;
  margin-right: 8px;
}

.status_info li span[class^="icon_"] {
  margin-right: 3px;
}


/*-- プロフ情報 --*/
.prof_info {
  display: table;
  overflow: hidden;
}

.prof_info .icon_prof {
  display: table-cell;
  width: 32px;
  height: 32px;
}

.prof_info .name_prof {
  display: table-cell;
  padding: 0 5px;
  font-size: 10px;
  vertical-align: middle;
  white-space: nowrap;
  color: #5a5a5a;
}

.prof_info .name_prof span {
  font-size: 8px;
}

/*-- カウントバッジ --*/
.count_info {
  display: inline-block;
  margin-right: 3px;
  font-size: 10px;
}

.count_info .title {
  display: inline-block;
  padding: 3px 4px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border: 1px solid;
}

.count_info .count {
  display: inline-block;
  padding: 3px 4px;
  line-height: 1;
  text-align: center;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.count_info em {
  font-weight: bold;
  font-style: normal;
}

/*-- カウントバッジ大 --*/
.count_info-big {
  display: inline-block;
  margin-right: 3px;
  font-size: 16px;
}

.count_info-big .title {
  display: inline-block;
  padding: 4px 8px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border: 1px solid;
}

.count_info-big .count {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.count_info-big em {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
}

/*-- 事前登録詳細カウントバッジ大 --*/
.count_info-big-area {
  padding-top:16px;
  border-top:2px solid #cc0d6d;
  border-bottom:2px solid #cc0d6d;
}

.count_info-big-area em{
  font-size:20px;
}

/*-- ストックバッジ --*/
.stock_info {
  display: inline-block;
  padding: 4px;
  font-size: 10px;
  line-height: 1;
  text-overflow: ellipsis;
  color: #949494;
  border: 1px solid;
  border-radius: 2px;
}

.stock_info span[class^="icon_"] {
  margin-right: 3px;
  line-height: 1;
}

.stock_info .count {
  display: inline-block;
  padding-left: 2px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}


/*-- リスト下部付随情報 --*/

.info_list-bottom {
  clear: both;
  overflow: hidden;
  padding: 12px 0 0;
  border-top: 1px solid #f0f0f0;
}


/*-- お知らせバッジ --*/
.notice_info {
  display: inline-block;
  margin-right: 3px;
  padding: 3px 4px;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  color: #666;
  border: 1px solid #666;
}


/*-- テキスト広告 --*/
.ad_txt {
  padding: 8px;
  font-size: 12px;
  line-height: 1.6;
  color: #666;
  border: 1px solid;
  border-radius: 3px;
}

.ad_txt time {
  margin-left: 4px;
  font-size: 8px;
}



/*-- マイページインフォ --*/
.mypage_info {
  overflow: hidden;
  padding: 8px;
  font-size: 10px;
  line-height: 1.6;
  color: #666;
  border: 1px solid;
  border-radius: 2px;
}

.mypage_info .list_mypage-info {
  display: table;
  list-style: none;
}

.mypage_info .list_mypage-info li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}

.mypage_info .list_mypage-info li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.mypage_info .list_mypage-info time {
  display: table-cell;
  padding-right: 8px;
  vertical-align: middle;
}

.mypage_info .list_mypage-info p {
  display: table-cell;
  padding-left: 8px;
  border-left: 1px solid;
}


/*-- 好きグラフ --*/

.love_info {
  position: relative;
  overflow: hidden;
}

.love_info .icon_love {
  position: absolute;
  left: 0;
  font-size: 12px;
  color: #cc0d6d;
}

.love_info .graph_love {
  display: block;
  height: 12px;
  margin-left: 16px;
  background: #efeff4;
}

.love_info .graph_love .bar {
  position: relative;
  display: block;
  height: 12px;
  padding-left: 8px;
  font-size: 8px;
  line-height: 12px;
  color: #f0ffff;
  background: #cc0d6d;
}

/*- 吹き出し -*/
.txt_balloon {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 12px;
  background: #efeff4;
}

.txt_balloon:after {
  position: absolute;
  z-index: 1;
  top: 25px;
  right: -20px;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent;
  border-left: 15px solid #efeff4;
}


.txt_balloon:before {
  position: absolute;
  z-index: 1;
  top: 25px;
  left: -20px;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent;
  border-right: 15px solid #efeff4;
}


/*- スライドメニュー吹き出し -*/
.notification_balloon {
  position: absolute;
  padding: 5px 7px;
  background: rgba(204,13,109,0.8);
  display: inline-block;
  font-size: 10px;
  color: #fff;
  border-radius: 2px;
  right: 10px;
  top: 80px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  display: none;
}

.notification_balloon:after {
  position: absolute;
  z-index: 1;
  top: -13px;
  right: 15px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-bottom: 8px solid rgba(204,13,109,0.8);
}

/*-- フッターコピーライト --*/
.copy_footer {
  padding: 10px 0 0;
  font-size: 8px;
  text-align: center;
  color: #fff;
}


/* ---------------------------------------------------------
モジュール
----------------------------------------------------------*/


/*-- ヘッダー --*/

.bar_header {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 44px;
  background: #fff;
}

.btn_menu {
  position: absolute;
  top: 10px;
  left: 16px;
  padding: 5px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 1px;
  color: #cc0d6d;
  border: 1px solid #cc0d6d;
  border-radius: 3px;
}

.btn_menu .icon_menu {
  position: relative;
  margin-right: 5px;
}

.btn_menu .badge {
  position: absolute;
  top: -4px;
  left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #cc0d6d;
}

.logo_gg {
  position: absolute;
  top: 16px;
  left: 50%;
  width: 120px;
  margin-left: -60px;
}

.btn_support {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 22px;
  list-style: none;
  display: inline-block;
}

.btn_support li {
  position: relative;
  float: left;
  margin-left: 18px;
}

.btn_support li a {
  display: block;
  text-decoration: none;
  color: #a0a0b1;
}

.btn_support li .icon_notification {
  position: absolute;
  top: -12px;
  left: 12px;
  border: 2px solid #fff;
}


/*#############リスト系#############*/

/*-- メインバナー --*/

.list_game-main {
  position: relative;
  width: 100%;
  list-style: none;
}

.list_game-main a {
  display: block;
  text-decoration: none;
}

.list_game-main .item_game-main {
  /*float: left;*/
  width: 100%;
  background: #000;
}

.list_game-main .item_game-main img {
  display: block;
  width: 100%;
  line-height: 0;
}

.list_game-main .banner_game-main {
  position: relative;
  width: 100%;
  line-height: 0;
  min-height: 120px;
}

.list_game-main .banner_game-main:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  content: "";
  background:      linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
  background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));
}

.list_game-main .info_game-main {
  position: relative;
  padding: 8px 16px 16px;
  background: #000;
}

.list_game-main .info_game-main .tags {
  margin-bottom: 4px;
}

.list_game-main .info_game-main .title_info {
  font-size: 12px;
  line-height: 1.4;
  color: #fff;
}

.list_game-main .info_game-main .disc_info {
  font-size: 10px;
  line-height: 1.4;
  color: #fff;
  -webkit-line-clamp: 2;
}

.list_game-main .info_game-main .btn_round {
  position: absolute;
  top: 5px;
  right: 12px;
  float: right;
  color: #fff;
  border: none;
  background: #cc0d6d;
}

.list_game-main .info_game-main .btn_round span[class^="icon_"] {
  color: #fff;
}


.list_game-main .btn_red {
  padding: 12px 16px;
}

/*--スライドアイコン --*/

.list_slider-icon {
  position: relative;
  list-style: none;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  width: auto;
  margin: 0 -6px;
  font-size: 0;
}

.list_slider-icon a {
  display: block;
  text-decoration: none;
}

.list_slider-icon .item_slider-icon {
  display: inline-block;
  width:33.3%;
  padding: 0 6px 6px;
  vertical-align: top;
}

.list_slider-icon .item_slider-icon .icon_game {
  width: 100%;
  margin-bottom: 4px;
}

.list_slider-icon .item_slider-icon img {
  display: block;
  width: 100%;
  line-height: 0;
}


.list_slider-icon .title_info {
  display: -webkit-box;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.4;
  text-overflow: ellipsis;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


/*-- バナー型ゲームリスト --*/

.list_game-banner {
  position: relative;
  list-style: none;
}

.list_game-banner .item_game-banner {
  width: 100%;
  margin-bottom: 12px;
  border-bottom: 1px solid #e1e1e1;
}

.list_game-banner .item_game-banner > a {
  display: block;
  text-decoration: none;
}

.list_game-banner .item_game-banner img {
  display: block;
  width: 100%;
  line-height: 0;
}

.list_game-banner .info_game-banner {
  overflow: hidden;
  padding: 12px 0;
}

.list_game-banner .bottom_game-banner {
  overflow: hidden;
}

.list_game-banner .bottom_game-banner .prof_info {
  margin-bottom: 10px;
}

/*-- アイコン型ゲームリスト --*/


.list_game-icon {
  position: relative;
  margin-bottom: 12px;
  list-style: none;
}

.list_game-icon .item_game-icon {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #e1e1e1;
}

.adg_rank_sp {
  padding: 12px 0;
  border-bottom: 1px solid #e1e1e1;
}

.list_game-icon .item_game-icon > a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}


.list_game-icon .item_game-icon .icon_game,
.list_game-icon .item_game-icon .icon_article {
  float: left;
  overflow: hidden;
  width: 64px;
  height: 64px;
  margin-right: 8px;
}


.list_game-icon .item_game-icon .column_center {
  margin-right: 70px;
}

.list_game-icon .item_game-icon .num_ranking {
  position: absolute;
  top: 6px;
  left: -6px;
}

.list_game-icon .item_game-icon .tags {
  display: inline-block;
}

.list_game-icon .item_game-icon input {
  color: #333;
}


.list_game-icon li:nth-child(-n+3) .num_ranking, .list_game-icon li:nth-of-type(3n) .num_ranking {
  background-color: #cc0d6d;
}


.list_game-icon .item_game-icon .message_info {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}


.list_game-icon .item_game-icon .score_info {
  position: absolute;
  top: 30px;
  right: 0;
}


.list_game-icon .item_game-icon .rank_info {
  position: absolute;
  top: 15px;
  right: 0;
}


/*-- プロフリスト --*/


.list_prof-icon {
  position: relative;
  margin-bottom: 12px;
  list-style: none;
}

.list_prof-icon .item_prof-icon {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #e1e1e1;
}

.list_prof-icon .item_prof-icon > a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.list_prof-icon .item_prof-icon .icon_prof {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 8px;
}

.list_prof-icon .rank_info {
  position: absolute;
  top: 15px;
  right: 0;
}


.list_prof-icon .item_prof-icon .num_ranking {
  position: absolute;
  top: 6px;
  left: -6px;
}

.list_prof-icon li:nth-child(-n+3) .num_ranking {
  background-color: #cc0d6d;
}


/*-- プロフリスト小 --*/


.list_prof-mini {
  position: relative;
  list-style: none;
}

.list_prof-mini .item_prof-icon {
  position: relative;
  overflow: hidden;
  padding: 12px 0;
  border-bottom: 1px solid #e1e1e1;
}

.list_prof-mini .item_prof-icon > a {
  display: block;
  text-decoration: none;
}

.list_prof-mini .item_prof-icon .icon_prof {
  float: left;
  width: 38px;
  height: 38px;
  margin-right: 8px;
}
.list_prof-mini .item_prof-icon .title_info {
  padding-top: 8px;
  font-size: 14px;
  font-weight: bold;
}

.list_prof-mini .item_prof-icon .score_love {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  margin-top: -7px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.list_prof-mini .item_prof-icon .score_love span[class^="icon_"] {
  margin-right: 3px;
}



/*-- 特典リスト --*/


.list_present-mini {
  position: relative;
  margin-bottom: 12px;
  list-style: none;
  font-size: 0;
}

.list_present-mini .item_present-icon {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 12px 0;
  border-bottom: 1px solid #e1e1e1;
}

.list_present-mini .item_present-icon a {
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #333;
}

.list_present-mini .item_present-icon .icon_prof {
  position: relative;
  float: left;
  width: 44px;
  height: 44px;
  margin-right: 8px;
  background-color: #000;
}

.list_present-mini .item_present-icon .icon_prof img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.list_present-mini .item_present-icon .present_info {
  padding-top: 4px;
  font-size: 12px;
}


.list_present-mini .item_present-icon .icon_clear {
  position: absolute;
  top: 30%;
  right: 0;
  display: inline-block;
  width: 39px;
  height: 39px;
  margin-top: -7px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.list_present-mini .item_present-icon .score_love span[class^="icon_"] {
  margin-right: 3px;
}


/*-- フォロワーチェック欄 --*/

.list_prof-icon .follower_info {
  position: absolute;
  top: 26px;
  right: 8px;
  line-height: 1;
}


/*-- コメント型ゲームリスト --*/

.list_game-comment {
  position: relative;
  list-style: none;
}

.list_game-comment .item_game-comment {
  position: relative;
  width: 100%;
  padding: 12px 0;
  border-top: 0;
  border-bottom: 2px solid #e1e1e1;
}

.list_game-comment.rank .item_game-comment {
  padding-top: 30px;
}

.list_game-comment.review .item_game-comment {
  padding-top: 16px;
}

.list_game-comment .item_game-comment > a {
  display: block;
  text-decoration: none;
}

.list_game-comment .item_game-comment img {
  display: block;
  width: 100%;
  line-height: 0;
}

.list_game-comment .item_game-comment .icon_game {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 8px;
}

.list_game-comment .item_game-comment .icon_notification {
  position: absolute;
  top: 6px;
  left: 36px;
}

.list_game-comment .item_game-comment .tags {
  display: inline-block;
  margin-top: 2px;
  margin-left: 10px;
}

.list_game-comment .app_game-comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding-bottom: 8px;
}

.list_game-comment .app_game-comment .score_info {
  position: absolute;
  right: 0;
  bottom: 12px;
}

.list_game-comment .app_game-comment .vendor_info {
  margin-right: 70px;
  line-height: 1;
}

.list_game-comment .info_game-comment {
  overflow: hidden;
  padding: 8px 0;
}

.list_game-comment .info_game-comment .txt_comment {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}


.list_game-comment .bottom_game-comment {
  position: relative;
  overflow: hidden;
}


.list_game-comment .bottom_game-comment .btn_action {
  margin-top: 5px;
}


.list_game-comment .bottom_game-comment .date_info {
  position: absolute;
  bottom: 10px;
  display: inline;
  padding: 0;
  font-size: 8px;
  line-height: 1;
  text-decoration: none;
  color: #a4aab3;
}

.list_game-comment .info_game-comment .icon_return {
  position: absolute;
  top: 16px;
  left: 0;
}


.list_game-comment .info_game-comment .comment_reply {
  margin-left: 24px;
}


.list_game-comment .item_game-comment .num_ranking {
  position: absolute;
  z-index: 10;
  top: 6px;
  left: -6px;
}

.list_game-comment li:nth-child(-n+3) .num_ranking {
  background-color: #cc0d6d;
}



.list_game-comment .btn_another {
  position: relative;
  padding: 12px;
  font-size: 12px;
  line-height: 1;
  text-align: right;
  vertical-align: baseline;
  text-decoration: none;
}


.list_game-comment .btn_another .open {
  display: inline-block;
  margin-left: 4px;
  padding: 2px;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #cc0d6d;
}



/*-- 受信箱リスト --*/

.list_inbox {
  position: relative;
  list-style: none;
}

.list_inbox .item_inbox {
  position: relative;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
}


.list_inbox .item_inbox > a {
  display: block;
  text-decoration: none;
}

.list_inbox .item_inbox img {
  display: block;
  width: 100%;
  line-height: 0;
}

.list_inbox .item_inbox .icon_prof {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 8px;
  margin-bottom: 8px;
}


.list_inbox .app_inbox {
  position: relative;
  overflow: hidden;
}

.list_inbox .app_inbox .vendor_info {
  white-space: initial;
  text-overflow: initial;
}

.list_inbox .status_info {
  display: inline-block;
  min-width: 15%;
  padding: 4px 5px 3px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border: 1px solid #a4aab3;
}

.list_inbox .block_cms {
  padding: 16px 0;
  font-size: 14px;
  border-top: 1px solid #f0f0f0;
}

.list_inbox .block_cms p:not([class]) {
  font-size: 14px;
}

.list_inbox .block_cms .reply {
  position: relative;
  margin: 12px 0;
  padding: 8px 8px 8px 30px;
  font-size: 12px;
  border-radius: 2px;
  background: #efeff4;
}

.list_inbox .block_cms .reply:after {
  position: absolute;
  top: 12px;
  left: 8px;
  font-family: "icomoon" !important;
  font-size: 14px;
  content: "\e905";
  color: #cc0d6d;
}


.list_inbox .inner {
  display: block;
  overflow: hidden;
  padding-right: 24px;
}


.list_inbox .icon_expand {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}



/*-- グリッドリスト --*/

.list_grid {
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
  list-style: none;
}

.list_grid .item_list-grid {
  position: relative;
  float: left;
  overflow: hidden;
  width: 32%;
  height: auto;
  margin-right: 2%;
  margin-bottom: 5px;
  background: #000;
}

.list_grid .item_list-grid img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.list_grid .item_list-grid:after {
  display: block;
  padding-top: 100%;
  content: "";
}

.list_grid .item_list-grid:nth-child(3n) {
  margin-right: 0;
}

/*-- 図鑑リスト --*/

.list_gallery {
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
  list-style: none;
}

.list_gallery .item_list-gallery {
  position: relative;
  float: left;
  overflow: hidden;
  width: 49%;
  height: auto;
  margin-right: 2%;
  margin-bottom: 6px;
  padding: 8px;
  border-radius: 3px;
  background: #000;
}

.list_gallery .item_list-gallery a {
  display: block;
  text-decoration: none;
}

.list_gallery .item_list-gallery .tags {
  position: absolute;
  z-index: 10;
  top: 6px;
  right: 6px;
}

.list_gallery .item_list-gallery .tags li {
  color: #ccc;
  border: 1px solid #aaa;
  background: rgba(0,0,0,.8);
}

.list_gallery .item_list-gallery .icon_article {
  width: 80%;
  margin: 8px auto;
  background-color: transparent;
  background-position: center top;
}

.list_gallery .item_list-gallery .chara_name {
  padding: 4px 0;
  font-size: 10px;
  color: #fff;
  border-top: 1px solid #333;
}

.list_gallery .item_list-gallery:nth-child(2n) {
  margin-right: 0;
}

.list_gallery .item_list-gallery .graph_love {
  background: #333;
}



/*-- タグリスト --*/

.list_tags {
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
  list-style: none;
}

.list_tags .item_list-tags {
  position: relative;
  float: left;
  overflow: hidden;
  width: 32%;
  height: auto;
  margin-right: 2%;
  margin-bottom: 5px;
  background: #efeff4;
}

.list_tags .item_list-tags a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 100%;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  color: #333;
}

.list_tags .item_list-tags a span {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  -webkit-transform: translateY(-50%);
}


.list_tags .item_list-tags:after {
  display: block;
  padding-top: 50%;
  content: "";
}

.list_tags .item_list-tags:nth-child(3n) {
  margin-right: 0;
}


/*-- リンクリスト --*/

.list_link {
  position: relative;
  display: block;
  overflow: hidden;
  list-style: none;
}

.list_link > li {
  position: relative;
  width: 100%;
  margin-bottom: 2px;
}

.list_link > li > a {
  position: relative;
  display: block;
  padding: 12px 10px;
  font-size: 12px;
  text-decoration: none;
  color: #555;
  background: #efeff4;
}

.list_link.bg_white {
  background: none;
}

.list_link.bg_white > li > a {
  background: #fff;
}

.list_link > li > a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: "icomoon" !important;
  font-size: 10px;
  content: "\e90f";
  -webkit-transform: translateY(-50%);
  color: inherit;
}

.list_link .icon_notification {
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -8px;
}


/*-- FAQ --*/
.list_faq {
  position: relative;
  font-size: 14px;
}

.list_faq .item_faq {
  position: relative;
  list-style: none;
  border-bottom: 1px solid #e1e1e1;
}

.list_faq .item_faq .inner {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 12px 0;
}

.list_faq .item_faq .title {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 30px;
  padding-right: 24px;
}

.list_faq .item_faq time {
  padding-right: 24px;
}

.list_faq .item_faq .icon_expand {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}

.list_faq .item_faq .block_cms {
  padding: 12px;
  border-top: 1px solid #efefef;
  background: #f5f5f8;
}

/*-- ゲーム評価 --*/

.list_score {
  display: block;
  list-style: none;
  -webkit-user-select: none;

  -webkit-touch-callout: none;
}

.list_score > li {
  display: block;
  overflow: hidden;
  padding: 12px 0;
  border-bottom: 1px solid #eaeaea;
}

.list_score .name_info {
  display: inline-block;
  padding: 7px 0;
  font-size: 16px;
  line-height: 1;
}

.list_score .star_info {
  display: inline-block;
  float: right;
  list-style: none;
  font-size: 30px;
  line-height: 1;
}

.list_score .star_info > li {
  float: left;
  margin-left: 6px;
  color: #969696;
}

.list_score .star_info > li:after {
  content: "☆";
}

.list_score .star_info > li.on:after {
  content: "★";
  color: #cc0d6d;
}



/*-- ラジオボタン--*/

.list_select-enquite input {
  display: none;
}
.list_select-enquite label {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
  margin-left: 0 !important;
  padding: 12px 12px 12px 44px;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  color: #3e4956;
  background: #f3f3f3;
}
.list_select-enquite input[type="radio"] + label:before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  content: "";
  border: 1px solid #999;
  border-radius: 50%;
  background: #fff;
}

.list_select-enquite input[type="radio"]:checked + label:after {
  position: absolute;
  top: 50%;
  left: 18px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  content: "";
  border-radius: 50%;
  background: #cc0d6d ;
}


.list_select-enquite input[type="checkbox"] + label:before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  content: "";
  border: 1px solid #999;
  background: #fff;
}

.list_select-enquite input[type="checkbox"] + label:after {
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  width: 6px;
  height: 10px;
  margin-top: -6px;
  content: "";
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  border-right: 2px solid #cc0d6d;
  border-bottom: 2px solid #cc0d6d;
}

.list_select-enquite input[type="checkbox"]:checked + label:after {
  opacity: 1;
}


.list_select-enquite label img {
  display: block;
  max-width: 50%;
  height: auto;
  margin: 0 auto;
}


/*-- ステップ --*/
.list_step {
  display: block;
  overflow: hidden;
  color: #a4aab3;
  background: #efeff4;
}

.list_step ul {
  overflow: hidden;
  width: 100%;
  list-style: none;
  font-size: 10px;
}

.list_step .col2 li {
  position: relative;
  display: inline-block;
  float: left;
  width: 50%;
  height: 20px;
  padding: 2px;
  list-style: none;
  line-height: 16px;
  text-align: center;
}

.list_step .col3 li {
  position: relative;
  display: inline-block;
  float: left;
  width: 33.3%;
  height: 20px;
  padding: 2px;
  list-style: none;
  line-height: 16px;
  text-align: center;
}
.list_step .col4 li {
  position: relative;
  display: inline-block;
  float: left;
  width: 25%;
  height: 20px;
  padding: 2px;
  list-style: none;
  line-height: 16px;
  text-align: center;
}
.list_step li.active {
  color: #fff;
  background: #cc0d6d;
}
.list_step li.active:after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -20px;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent;
  border-left: 10px solid #cc0d6d;
}


.list_step li:after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -20px;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent;
  border-left: 10px solid #efeff4;
}


.list_step li:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -22px;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent;
  border-left: 10px solid #fff;
}

.list_step li.active-before:before {
  right: -20px;
}

.list_step li:last-child:after {
  content: none;
}



/*-- ゲーム管理 --*/

.list_game-config {
  position: relative;
  list-style: none;
}

.list_game-config .item_game-config {
  position: relative;
  display: block;
  width: 100%;
  padding: 12px 0;
  border-top: 0;
  border-bottom: 2px solid #e1e1e1;
}

.list_game-config .item_game-config .icon_game {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 8px;
}

.list_game-config .app_game-config {
  position: relative;
  clear: both;
  overflow: hidden;
}

.list_game-config .app_game-config .wrap_switch {
  position: relative;
  min-height: 48px;
}

.list_game-config .app_game-config .title_info {
  position: absolute;
  top: 50%;
  font-size: 14px;
  font-weight: bold;
  -webkit-transform: translateY(-50%);
}




/*-- マンガリスト --*/


.list_comic {
  position: relative;
  margin-bottom: 12px;
  list-style: none;
}

.list_comic li {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #e1e1e1;
}

.list_comic li > a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.list_comic li .icon_comic {
  position: relative;
  float: left;
  overflow: hidden;
  width: 120px;
  height: 84px;
  margin-right: 8px;
  border: 2px solid #333;
}

.list_comic li .icon_comic img {
  position: absolute;
  top: -18px;
  left: -15px;
  width: 148px;
  margin: 0;
}


.list_comic li .title_info {
  position: absolute;
  top: 50%;
  left: 130px;
  display: inline-block;
  -webkit-transform: translateY(-50%);
}



/*#############ボックス系#############*/


/*-- 検索ボックス --*/

.box_search .form_search {
  float: left;
  width: 82%;
}

.box_search .btn_search {
  float: right;
  width: 15%;
}


/*-- ゲームTOPデフォルトヘッダー --*/

.box_game-default {
  display: block;
  padding: 16px;
  text-align: center;
  background: #333;
}

.box_game-default .icon_game {
  display: inline-block;
  width: 28%;
  margin-bottom: 5px;
  border: 1px solid #fff;
}

.box_game-default .title_game-default {
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #fff;
}

.box_game-default .vendor_game-default {
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #fff;
}

/*-- アンケートBOX --*/

.box_enquite {
  overflow: hidden;
  box-sizing: border-box;
  padding: 15px;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background: #000;
}

.box_enquite.color_light {
  border: 4px solid #e1e2e8;
  background: none;
}

.box_enquite a {
  display: block;
  text-decoration: none;
  color: #fff;
}

.box_enquite.color_light a {
  color: #333;
}

.box_enquite .title_box-enquite {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #fff;
}

@media screen and (max-width:375px) {
  .box_enquite .title_box-enquite {
      font-size: 13px;
  }
}

@media screen and (max-width:320px) {
  .box_enquite .title_box-enquite {
      font-size: 11px;
  }
}

.box_enquite.color_light .title_box-enquite {
  border-bottom: 1px solid #333;
}

.box_enquite .icon_box-enquite {
  float: left;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  color: #cc0d6d;
  border: 4px solid #cc0d6d;
  border-radius: 3px;
}

.box_enquite .disc_box-enquite {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.4;
}

.box_enquite .link_box-enquite {
  font-size: 10px;
  text-align: right;
  text-decoration: underline;
  background-size: auto 7px;
}


.box_enquite.color_light .link_box-enquite {
  color: #cc0d6d;
}


/*-- キャラ図鑑 --*/
.box_gallery {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 12px;
  text-align: center;
  border-radius: 2px;
  background: #000;
}

.box_gallery img {
  width: auto;
  max-width: 80%;
  max-height: 250px;
  margin-bottom: 12px;
}

.box_gallery .love_info {
  width: 80%;
  margin: 0 auto;
}

.box_gallery .graph_love {
  background: #333;
}

/*-- 予約特典 --*/
.box_reward {
  padding: 16px;
  background: #000;
}

.box_reward .title_reward {
  padding-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.box_reward .list_reward {
  list-style: none;
}

.box_reward .list_reward .bottom_info {
  clear: both;
  overflow: hidden;
}

.box_reward .list_reward li {
  margin-bottom: 16px;
}

.box_reward .list_reward li:last-child {
  margin-bottom: 0;
}

.box_reward .list_reward li.box_gift {
  padding: 0;
}


/*-- 注意事項枠 --*/
.box_caution {
  display: block;
  overflow: hidden;
  padding: 8px;
  font-size: 10px;
  line-height: 1.4;
  color: #666;
  border: 1px solid;
  border-radius: 2px;
}

.box_caution .caution {
  float: left;
  padding-right: 8px;
  font-size: 26px;
}

.box_caution .link {
  margin-top: 4px;
  font-weight: bold;
}

/*-- twitter連携枠 --*/
.box_twitter {
  display: block;
  overflow: hidden;
  padding: 16px;
  background: #efeff4;
}

.box_twitter .txt {
  float: left;
  width: 70%;
  font-size: 10px;
}

.box_twitter .btn_twitter {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 4px 10px 4px 8px;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  border-radius: 16px;
  background: #1da1f2;

  align-items: center;
}

.box_twitter .btn_twitter span[class^="icon_"] {
  margin-right: 3px;
}



/*-- 404 --*/
.box_404 {
  padding: 16px 16px 24px;
  font-size: 12px;
  background: #efeff4;
}

.box_404 .caution {
  padding: 8px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}


/*-- 保有ゴールド --*/
.box_gold {
  padding: 12px;
  text-align: right;
  background: #efeff4;
}
.box_gold .graph_gold {
  overflow: hidden;
  height: 12px;
  margin: 8px auto;
  background: #a4aab3;
}
.box_gold .graph_gold .bar {
  position: relative;
  display: block;
  height: 12px;
  color: #cc0d6d;
  background: #cc0d6d;
}

.box_gold .status_gold {
  font-size: 12px;
  font-weight: bold;
}
.box_gold .status_gold span[class^="icon_"] {
  margin-right: 3px;
}

.box_gold .status_gold .now {
  margin-left: 12px;
  font-size: 26px;
  font-weight: bold;
}


/*-- シェアボックス --*/
.box_sns {
  border-left: 5px solid #dedede;
}

.box_sns .txt {
  float: left;
  padding: 4px 0 0 8px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
}

.box_sns .btn_sns {
  float: right;
  list-style: none;
}

.box_sns .btn_sns li {
  float: left;
  overflow: hidden;
  height: 44px;
  margin-left: 6px;
  font-size: 44px;
  line-height: 1;
}

.box_sns .btn_sns li a {
  text-decoration: none;
}


/*-- 並び替えメニュー --*/
.box_menu-filter {
  display: block;
  overflow: hidden;
  padding-bottom: 16px;
  border-bottom: 1px solid #e7e7e7;
}

.box_menu-filter .title {
  float: left;
  margin-top: 3px;
  font-size: 14px;
}

.box_menu-filter .title span {
  padding-right: 4px;
}


.box_menu-filter .btn_menu-filter {
  display: inline-block;
  float: right;
  overflow: hidden;
  width: 70%;
  list-style: none;
  font-size: 12px;
  border: 1px solid #a4aab3;
  border-radius: 2px;
}

.box_menu-filter .btn_menu-filter li {
  display: inline-block;
  float: left;
  list-style: none;
  border-left: 1px solid #a4aab3;
}

.box_menu-filter .btn_menu-filter li.first-child {
  border-left: none;
}

.box_menu-filter .btn_menu-filter li a {
  display: block;
  padding: 4px 0;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #a4aab3;
}

.box_menu-filter .btn_menu-filter.col2 li {
  width: 50%;
}

.box_menu-filter .btn_menu-filter.col3 li {
  width: 33.3%;
}


.box_menu-filter .btn_menu-filter li.active a {
  color: #fff;
  background: #a4aab3;
}


/*-- ゲームタイトルヘッダ --*/

.box_game-header {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 16px;
  border-bottom: 1px solid #e1e1e1;
}

.box_game-header .icon_game {
  float: left;
  width: 48px;
  height: 48px;
  margin:0 8px 4px 0;
}

.box_game-header .title_info {
  line-height: 1.2;
  margin-bottom: 2px;
}

.box_game-header .vendor_info {
  font-size: 8px !important ;
}

.box_game-header .btn_round {
  position: absolute;
  right: 16px;
  bottom: 12px;
  font-size: 10px;;
}


/*-- ゲーム内ランキング表示 --*/
.box_profile-status {
  display: hidden;
  padding: 16px;
  background: #efeff4;
}

.box_profile-status .status_header {
  margin-bottom: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

.box_profile-status .title {
  padding-top: 2px;
}


.box_profile-status .ranking {
  padding: 1px 4px;
  color: #fff;
  border-radius: 2px;
  background: #cc0d6d;
}

.box_profile-status .icon_prof {
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.box_profile-status .info_status li {
  display: inline-block;
  float: left;
  width: 50%;
  padding: 8px 8px 4px;
  list-style: none;
  font-size: 12px;
  font-weight: bold;
  border-right: 2px solid #efeff4;
  border-bottom: 2px solid #efeff4;
  background: #fff;
}


.box_profile-status .status {
  width: 60%;
  padding-right: 4px;
  text-align: center;
}

.box_profile-status .info_status span[class^="icon_"] {
  padding: 0 12px 0 4px;
  font-size: 18px;
}

.box_profile-status .info_status:nth-child(3n) {
  border-right: 0;
}


.box_profile-status .gold {
  padding: 4px 4px 0;
  font-size: 12px;
  font-weight: bold;
}

.box_profile-status .gold span[class^="icon_"] {
  padding-right: 4px;
  font-size: 14px;
  text-decoration: none;
}


.box_profile-status .status_gold {
  border-bottom: 1px solid #333;
}

.box_profile-exp {
  display: block;
  overflow: hidden;
}

.box_profile-exp .txt {
  float: left;
  width: 55%;
  font-size: 10px;
  font-weight: bold;
}

.box_profile-exp .btn_exp {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 6px 10px 5px;
  font-size: 10px;
  text-decoration: none;
  color: #fff;
  border-radius: 16px;
  background: #000;
}


/*-- ゲーム平均スコア --*/
.box_score {
  padding: 16px;
  background: #efeff4;
}

.box_score .title {
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

.box_score .list_score > li {
  padding: 6px 0;
}


.box_score .list_score span[class^="icon_"] {
  padding: 4px;
}

.box_score .list_score .point_info {
  padding: 1px 4px;
  font-size: 12px;
  color: #cc0d6d;
  border: 1px solid #cc0d6d;
  border-radius: 2px;
}

.box_score .list_score .name_info {
  font-size: 13px;
}

.box_score .list_score .star_info {
  padding: 3px 0;
  font-size: 20px;
}

.box_score .list_score .star_info > li {
  margin-left: 3px;
}


/*-- プロフメイン --*/
.box_prof {
  position: relative;
  padding-bottom: 20px;
}


.box_prof .icon_prof {
  width: 40%;
  margin: 0 auto 10px;
  text-align: center;
}

.box_prof .preview_prof {
  position: relative;
  width: 40%;
  margin: 0 auto 10px;
  text-align: center;
  border-radius: 999px;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.box_prof .preview_prof:after {
  display: block;
  padding-top: 100%;
  content: "";
}


.box_prof .name_info {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.box_prof .name_info span {
  font-size: 10px;
}

.box_prof .name_info span[class^="icon_"] {
  margin-left: 3px;
  font-size: 14px;
}

.box_prof .btn_follow {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 6px 10px;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  border-radius: 999px;
  background: #cc0d6d;
}


/*--カウンター--*/

.box_counter {
  padding: 16px;
  text-align: center;
  border-radius: 3px;
  background: #000;
}

.title_counter {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.block_counter {
  line-height: 0;
  text-align: center;
}

.block_counter .list_counter {
  display: inline-block;
  overflow: hidden;
  line-height: 0;
  border: 2px solid #fff;
  background: rgba(0,0,0,.5);
}

.block_counter .list_counter > li {
  position: relative;
  float: right;
  overflow: hidden;
  width: 38px;
  height: 44px;
}

.block_counter .list_counter > li {
  border-right: 1px solid #fff;
}

.block_counter .list_counter .reel {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
}

.block_counter .list_counter .reel li {
  overflow: hidden;
  width: 38px;
  height: 44px;
  font-size: 34px;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  color: #fff;
}

.block_counter .list_counter .cells > li:first-child {
  border-right: none;
}

.reach_lv {
  display: none;
  margin-top: 8px;
  padding-bottom: 2px;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: #fff;
  border-bottom: 2px solid #cc0d6d;
}

.reach_lv .rate {
  margin-left: 8px;
  font-size: 32px;
  font-weight: bold;
  color: #cc0d6d;
}

.reach_lv .rate:after {
  margin-left: 4px;
  font-size: 18px;
  content: "%";
}


/*--ギフト枠----*/
.box_gift {
  padding: 16px;
  text-align: center;
  border-radius: 3px;
  background: #000;
}

.box_gift a {
  text-decoration: none;
}

.box_gift img {
  max-width: 85%;
  height: auto;
  margin-bottom: 8px;
}

.box_gift .title_info {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}


/*--壁紙ブロック----*/

.block_wallpaper {
  overflow: hidden;
}

.block_wallpaper img {
  float: left;
  width: 60%;
  height: auto;
  margin: 0 5% 0 0;
}

.block_wallpaper ul.btn_wallpaper {
  float: right;
  width: 35%;
  list-style: none;
}

.block_wallpaper ul.btn_wallpaper li {
  margin-bottom: 10px;
}

.block_wallpaper ul.btn_wallpaper li.title_download {
  padding: 5px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #cc0d6d;
  border: 2px solid #cc0d6d;
}

.block_wallpaper ul.btn_wallpaper li a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  background-color: #2f279a;
  box-shadow: 0 2px 0 #16124c;
}

.block_wallpaper ul.btn_wallpaper li a.btn_disabled {
  background-color: #ccc;
  box-shadow: 0 2px 0 #999;  
}

.block_wallpaper ul.btn_wallpaper li a.btn_login {
  background: #cc0d6d;
  box-shadow: 0 2px 0 #a50053;
}


.block_wallpaper ul.btn_wallpaper li a span {
  display: block;
  font-size: 8px;
}


/*----仮想インラインフレーム----*/
.block_iframe {
  display: block;
  overflow: scroll;
  height: 240px;
  padding: 12px;
  font-size: 12px;
  box-shadow: 0 0 3px rgba(0,0,0,.2) inset;
}

.block_iframe .title_head {
  font-size: 16px;
}

.block_iframe .title_sub {
  font-size: 14px;
}


/*----スマートバナー----*/
.block_smartbanner {
  position: relative;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 54px;
  padding: 8px 12px;
  background: #333;
}

.block_smartbanner .icon_smartbanner {
  float: left;
  width: 38px;
  margin: 0 8px 0 20px;
}

.block_smartbanner .title_smartbanner {
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
}

.block_smartbanner .btn_red {
  position: absolute;
  top: 11px;
  right: 12px;
  display: inline-block;
  width: auto;
  padding: 8px 10px;
  font-size: 14px;
}

.block_smartbanner .btn_close {
  position: absolute;
  top: 18px;
  left: 10px;
  width: 16px;
  height: 16px;
  font-size: 8px;
  line-height: 16px;
  -webkit-transform: rotate(45deg);
  text-align: center;
  text-decoration: none;
  color: #ccc;
  border: 1px solid #ccc;
  border-radius: 999px;
}



/* ---------------------------------------------------------
メニュー
----------------------------------------------------------*/


/*-- スライドナビ --*/

.nav_slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #cc0d6d;
  background: #f4f4f7;
}

.nav_slider:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 10%;
  height: 32px;
  content: "";
  background:      linear-gradient(left,rgba(244,244,247,0),rgba(244,244,247,1));
  background: -moz-linear-gradient(left,rgba(244,244,247,0),rgba(244,244,247,1));
  background: -webkit-gradient(linear,left top,right top,from(rgba(244,244,247,0)),to(rgba(244,244,247,1)));
  pointer-events: none;
}

.nav_slider .mask_nav-slider {
  overflow-x: auto;
  width: 100%;
  height: 40px;
  -webkit-overflow-scrolling: touch;
}

.nav_slider .list_nav-slider {
  display: inline-table;
  max-width: 100%;
}

.nav_slider .list_nav-slider li {
  display: table-cell;
  margin: 0 auto;
}

.nav_slider .list_nav-slider li a {
  display: block;
  padding: 5px 0;
  text-decoration: none;
}

.nav_slider .list_nav-slider li:last-child a {
  border: none;
}

.nav_slider .list_nav-slider li a span {
  padding: 0 20px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  color: #666;
  border-right: 1px solid #ccc;
}

.nav_slider .list_nav-slider li a.active span {
  color: #cc0d6d;
}


/*-- パンくず --*/

.nav_bread {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #cc0d6d;
  background: #f4f4f7;
}

.nav_bread:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 10%;
  height: 32px;
  content: "";
  background:      linear-gradient(left,rgba(244,244,247,0),rgba(244,244,247,1));
  background: -moz-linear-gradient(left,rgba(244,244,247,0),rgba(244,244,247,1));
  background: -webkit-gradient(linear,left top,right top,from(rgba(244,244,247,0)),to(rgba(244,244,247,1)));
  pointer-events: none;
}

.nav_bread .list_nav-bread {
  display: inline-table;
  max-width: 100%;
  padding-left: 6px;
}

.nav_bread .list_nav-bread li {
  display: table-cell;
  margin: 0 auto;
}

.nav_bread .list_nav-bread li.crop {
  max-width: 12em;
  overflow: hidden;
}

.nav_bread .list_nav-bread li a {
  display: block;
  padding: 5px 0;
  text-decoration: none;
}

.nav_bread .list_nav-bread li a span {
  position: relative;
  overflow: hidden;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  display: inline-block;
  color: #666;
}

.nav_bread .list_nav-bread li a span:after {
  position: absolute;
  top: 50%;
  right: -2px;
  font-family: "icomoon" !important;
  font-size: 8px;
  content: "\e90f";
  -webkit-transform: translateY(-50%);
  color: #ccc;
}


.nav_bread .list_nav-bread li.crop a span {
  max-width: 100%;
}

.nav_bread .list_nav-bread li a.active span {
  color: #cc0d6d;
}

.nav_bread .list_nav-bread li:last-child a span:after {
  content: "";
}


.nav_bread .name_game {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 10px 10px 9em;
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
}



/*-- タブメニュー --*/

.menu_tab {
  overflow: hidden;
  box-sizing: border-box;
  width: auto;
  margin: 0 -16px;
  padding: 0 15px 10px;
  border-top: 1px solid #d1d1d1;
  background: #fff;
}

.menu_tab ul {
  display: table;
  clear: both;
  overflow: hidden;
  width: 100%;
  list-style: none;
}


.menu_tab li {
  display: table-cell;
  box-sizing: border-box;
  width: 25%;
  vertical-align: middle;
  border-bottom: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  background: #efeff4;
}

.menu_tab li a,
.menu_tab li span {
  display: block;
  padding: 12px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #333;
}


.menu_tab li:last-child {
  border-right: 1px solid #d1d1d1;
}

.menu_tab li.active {
  border-bottom: none;
  background: #fff;
}



/*-- フッターナビ --*/

.box_nav-footer {
  padding: 16px;
}

.nav_footer ul {
  display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 8px;
  list-style: none;
}

.nav_footer li a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #333;
  color: inherit;
}

.nav_footer li span[class^="icon_"] {
  font-size: 24px;
}


.nav_footer .main_nav-footer li {
  position: relative;
  float: left;
  overflow: hidden;
  width: 49%;
  height: auto;
  margin-right: 2%;
  margin-bottom: 6px;
  font-size: 12px;
  color: #555;
  background: #efeff4;
}

.nav_footer .main_nav-footer li:after {
  display: block;
  padding-top: 40%;
  content: "";
}

.nav_footer .main_nav-footer li span[class^="icon_"] {
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
}

.nav_footer .main_nav-footer li span[class^="txt_"] {
  position: absolute;
  top: 50%;
  left: 20%;
  width: 80%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
}


.nav_footer .main_nav-footer li:nth-child(n+5) {
  width: 23.5%;
  font-size: 10px;
}

.nav_footer .main_nav-footer li:nth-child(n+5):after {
  display: block;
  padding-top: 90%;
  content: "";
}

.nav_footer .main_nav-footer li:nth-child(n+5) span[class^="icon_"] {
  position: relative;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  margin-top: 18%;
  padding-bottom: 5%;
  -webkit-transform: none;
}

.nav_footer .main_nav-footer li:nth-child(n+5) span[class^="txt_"] {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  -webkit-transform: none;
}

.nav_footer .main_nav-footer li:nth-child(-2n+4),
.nav_footer .main_nav-footer li:nth-child(4n+4) {
  margin-right: 0;
}

.nav_footer .main_nav-bottom_menu li {
  position: relative;
  float: left;
  overflow: hidden;
  width: 49%;
  height: auto;
  margin-right: 2%;
  margin-bottom: 6px;
  font-size: 12px;
  color: #555;
  background: #efeff4;
}

.nav_footer .main_nav-bottom_menu li:after {
  display: block;
  padding-top: 40%;
  content: "";
}

.nav_footer .main_nav-bottom_menu li span[class^="icon_"] {
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
}

.nav_footer .main_nav-bottom_menu li span[class^="txt_"] {
  position: absolute;
  top: 50%;
  left: 20%;
  width: 80%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
}


.nav_footer .main_nav-bottom_menu li:nth-child(n+3) {
  width: 23.5%;
  font-size: 10px;
}

.nav_footer .main_nav-bottom_menu li:nth-child(n+3):after {
  display: block;
  padding-top: 90%;
  content: "";
}

.nav_footer .main_nav-bottom_menu li:nth-child(n+3) span[class^="icon_"] {
  position: relative;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  margin-top: 18%;
  padding-bottom: 5%;
  -webkit-transform: none;
}

.nav_footer .main_nav-bottom_menu li:nth-child(n+3) span[class^="txt_"] {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  -webkit-transform: none;
}

.nav_footer .main_nav-bottom_menu li:nth-child(-2n+2),
.nav_footer .main_nav-bottom_menu li:nth-child(4n+2) {
  margin-right: 0;
}


.nav_footer .sub_nav-footer li {
  position: relative;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin-right: 2%;
  margin-bottom: 6px;
  font-size: 12px;
  color: #979da5;
  border: 1px solid #dbdbe2;
}

.nav_footer .sub_nav-footer li:after {
  display: block;
  padding-top: 15%;
  content: "";
}

.nav_footer .sub_nav-footer li span[class^="icon_"] {
  position: absolute;
  top: 50%;
  left: 5%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
}

.nav_footer .sub_nav-footer li span[class^="txt_"] {
  position: absolute;
  top: 50%;
  left: 15%;
  display: block;
  width: 75%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  text-align: center;
}


.nav_footer .sub_nav-footer li:nth-child(n+2) {
  width: 49%;
}

.nav_footer .sub_nav-footer li:nth-child(n+2):after {
  display: block;
  padding-top: 30%;
  content: "";
}

.nav_footer .sub_nav-footer li:nth-child(n+2) span[class^="icon_"] {
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
}

.nav_footer .sub_nav-footer li:nth-child(n+2) span[class^="txt_"] {
  position: absolute;
  top: 50%;
  left: 20%;
  width: 70%;
  -webkit-transform: translateY(-50%);
}

.nav_footer .sub_nav-footer li:nth-child(1),
.nav_footer .sub_nav-footer li:nth-child(2n+1) {
  margin-right: 0;
}


.nav_footer .sub_nav-footer li a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: "icomoon" !important;
  font-size: 10px;
  content: "\e90f";
  -webkit-transform: translateY(-50%);
}

/*-- フッターリンク --*/

.link_footer {
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
}

.link_footer .list_link-footer {
  display: block;
  clear: both;
  overflow: hidden;
  list-style: none;
  text-align: center;
}

.link_footer .list_link-footer li {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 11px;
  line-height: 1;
  border-left: 1px solid #fff;
}

.link_footer .list_link-footer li:nth-child(1),
.link_footer .list_link-footer li:nth-child(4) {
  border-left: none;
}


.link_footer .list_link-footer li a {
  text-decoration: none;
  color: #fff;
}


/*-- サイドメニュー --*/
.menu_side {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.menu_side .inner_side-menu {
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  width: 100%;
}

.menu_side .banner_adg,
.menu_side .menu_syn {
  display: none;
  width: 100%;
}

.menu_side #menu_syn ul {
  display: block;
  list-style: none;
}

.menu_side #menu_syn li {
  border-bottom: 1px solid #ddd;
}

.menu_side #menu_syn .title_sub {
  padding-left: 8px;
}

.menu_side #menu_syn .title_sub:before {
  content: none;
}

.menu_side .nav_footer ul span[class^="icon_"] {
  font-size: 20px;
}

.menu_side .nav_footer li {
  font-size: 11px;
}

.menu_side .nav_footer li:nth-child(n+5) {
  font-size: 9px;
}

.menu_side .nav_footer .btn_round {
  margin-right: 10px;
}

.menu_side .logo_syn {
  display: none;
  width: 100%;
  height: 140px;
  background-image: url("https://synapse-bitcellar-assets.s3.amazonaws.com/logos/original.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 50px;
}

.menu_side .icon_prof {
  display: inline-block;
  width: 70px;
}

.menu_side p[class^="txt"] {
  color: #333;
}

/*-- Synメニュー --*/
.synapse_container {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.synapse_container a {
  display: block;
  overflow: hidden;
  padding: 15px;
  line-height: 1;
  text-decoration: none;
}

.synapse_container img.synapse_icon {
  float: left;
  width: 34px;
  height: 34px;
  padding: 0 10px 8px 0;
}

.synapse_container div.synapse_category {
  font-size: 13px;
  line-height: 1;
  color: #999;
}

.synapse_container div.synapse_service_name {
  padding-top: 5px;
  font-size: 11px;
  line-height: 1;
  color: #999;
}

.synapse_container div.synapse_notification_text {
  padding-top: 5px;
  font-size: 10px;
  line-height: 1.4;
  color: #cc0d6d;
}

.synapse_container div.synapse_notification_count {
  position: absolute;
  top: 10px;
  right: 16px;
  padding: 0 2px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 999px;
     -moz-border-radius: 999px;
          border-radius: 999px;
  background-color: #cc0d6d;
}


/*-- ゲームメニュー --*/
.menu_game {
  overflow: hidden;
}

.menu_game .head_menu-game {
  position: relative;
  clear: both;
  overflow: hidden;
  padding-bottom: 5px;
}

.menu_game .head_menu-game .icon_game {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

.menu_game .head_menu-game .title_menu-game {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 1px;
}

.menu_game .head_menu-game .name_menu-game {
  overflow: hidden;
  margin-right: 80px;
  font-size: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8f8e94;
}

.menu_game .head_menu-game .btn_round {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
}

.menu_game .list_menu-game {
  display: block;
  clear: both;
  overflow: hidden;
  margin-right: -1px;
  list-style: none;
}

.menu_game .list_menu-game li {
  position: relative;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  width: 50%;
  height: auto;
  font-size: 12px;
  text-align: center;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: #efeff4;
}

.menu_game .list_menu-game li.wide {
  width: 100%;
}

.menu_game .list_menu-game li a {
  display: block;
  padding: 12px 10px;
  line-height: 1;
  text-decoration: none;
  color: #555;
}

.menu_game .list_menu-game li a span:after {
  position: absolute;
  top: 50%;
  right: 7px;
  font-family: "icomoon" !important;
  font-size: 8px;
  content: "\e90f";
  -webkit-transform: translateY(-50%);
  color: #ccc;
}



/*-- メニューリスト --*/
.menu_list {
  overflow: hidden;
}

.menu_list .list_menu-game {
  display: block;
  clear: both;
  overflow: hidden;
  margin-right: -1px;
  list-style: none;
}

.menu_list .list_menu-game li {
  position: relative;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  font-size: 12px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #efeff4;
}

.menu_list .list_menu-game li a {
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  color: #333;
}

.menu_list .list_menu-game li a span:after {
  position: absolute;
  top: 50%;
  right: 7px;
  font-family: "icomoon" !important;
  font-size: 8px;
  content: "\e90f";
  -webkit-transform: translateY(-50%);
  color: #ccc;
}



/* ---------------------------------------------------------
Skin
----------------------------------------------------------*/

/*-- Color --*/
.color_white {
  color: #fff !important;
  border-color: #fff !important;
}

.color_black {
  color: #333 !important;
  border-color: #333 !important;
}

.color_red {
  color: #cc0d6d !important;
  border-color: #cc0d6d !important;
}

.color_red_1 {
  color: red !important;
  border-color: red !important;
}

.color_green {
  color: #009388 !important;
  border-color: #009388 !important;
}

.color_purple {
  color: #bd10e0 !important;
  border-color: #bd10e0 !important;
}

.color_blue {
  color: #4a90e2 !important;
  border-color: #4a90e2 !important;
}

.color_gold {
  color: #b79700 !important;
  border-color: #b79700 !important;
}

.color_silver {
  color: #a4aab3 !important;
  border-color: #a4aab3 !important;
}

.color_bronze {
  color: #c2806d !important;
  border-color: #c2806d !important;
}

.color_browsergame {
  color: #5cb7c1 !important;
  border-color: #5cb7c1 !important;
}

/*-- Background --*/

.bg_gray {
  background: #efeff4;
}

.bg_dark-gray {
  background: #b8bac7;
}

.bg_footer {
  background: #a3a3ae;
}

.bg_white {
  background: #fff;
}
.bg_red {
  background: #cc0d6d;
}


/* ---------------------------------------------------------
State
----------------------------------------------------------*/

/*-- スライドメインバナー --*/
.slider_main {
  position: relative;
  width: 100%;
  padding-bottom: 25px;
}

.slider_main .slick-dots {
  position: absolute;
  bottom: -20px;
  width: 100%;
  line-height: 0;
  text-align: center;
}

.slider_main .slick-dots li {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 4px;
  cursor: pointer;
  border-radius: 999px;
  background: #e5e5e5;
}

.slider_main .slick-dots li.slick-active {
  background: #cc0d6d;
}

.slider_main .list_game-main {
  /*display: none;*/
  /*opacity: 0;*/
  visibility:hidden;
}

.slider_main .list_game-main .item_game-main{
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.slider_main .list_game-main.slick-initialized {
  /*display: block;*/
  /*opacity: 1;*/
  visibility:visible;
}

/*-- スライドアイコン --*/

.slider_icon {
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 0 -16px 24px;
}

.slider_icon .icon_game {
  margin-bottom: 8px;
}

.slider_icon .list_slider-icon {
  /*display: none;*/
  /*opacity: 0;*/
  visibility:hidden;
}

.slider_icon .list_slider-icon.slick-initialized {
  /*display: block;*/
  /*opacity: 1;*/
  visibility:visible;
}


/*-- スライドバナー --*/

.slider_banner {
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 0 -16px 24px;
}

.slider_banner .item_game-banner {
  /*float: left;*/
  box-sizing: border-box;
  width: 100%;
  margin: 0 4px 3px;
  border: none;
  background: #efeff4;
  box-shadow: 0 2px 3px rgba(0,0,30,.15);
}

.slider_banner .info_game-banner {
  padding: 8px 16px;
}

.slider_banner .item_game-banner .title_info {
  font-size: 12px;
}

.slider_banner .item_game-banner .disc_info {
  font-size: 10px;
  -webkit-line-clamp: 2;
}

.slider_banner .list_game-banner {
  /*display: none;*/
  /*opacity: 0;*/
  visibility:hidden;
}

.slider_banner .list_game-banner.slick-initialized {
  /*display: block;*/
  /*opacity: 1;*/
  visibility:visible;
}


/*-- スライドコメント --*/

.slider_comment {
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 0 -16px 24px;
}

.slider_comment .item_game-comment {
  position: relative;
  /*float: left;*/
  box-sizing: border-box;
  width: 100%;
  margin: 0 4px 3px;
  padding: 12px 0 46px;
  border: none;
  background: #efeff4;
  box-shadow: 0 2px 3px rgba(0,0,30,.15);
}

.slider_comment .app_game-comment {
  margin: 0 12px;
  border-bottom: 1px solid #ccc;
}

.slider_comment .app_game-comment .vendor_info {
  margin-right: 0;
}

.slider_comment .app_game-comment .score_info {
  border-color: #ccc;
}

.slider_comment .info_game-comment {
  margin: 0 12px;
}

.slider_comment .info_game-comment .txt_info {
  display: -webkit-box;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.slider_comment .bottom_game-comment {
  position: absolute;
  right: 12px;
  bottom: 12px;
  left: 12px;
}

.slider_comment .list_game-comment {
  /*display: none;*/
  /*opacity: 0;*/
  visibility:hidden;
}

.slider_comment .list_game-comment.slick-initialized {
  /*display: block;*/
  /*opacity: 1;*/
  visibility:visible;
}


/*-- スライドバナー --*/

.slider_inlineBanner {
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 0;
}

.slider_inlineBanner .list_game-banner {
  visibility:hidden;
}

.slider_inlineBanner .list_game-banner.slick-initialized {
  visibility:visible;
}

.slider_inlineBanner .item_game-banner {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  border-bottom: none;
}


/* ---------------------------------------------------------
ガチャ
----------------------------------------------------------*/
.name_gacha {
  position: relative;
  padding: 4px 4px 3px;
  font-size: 10px;
  text-align: center;
  color: #ccc;
  background: #000;
}

.name_gacha:after {
  position: absolute;
  z-index: 10;
  bottom: -20px;
  left: 25%;
  width: 0;
  height: 0;
  content: "";
  border: 10px solid transparent;
  border-top: 10px solid #000;
}

.box_gacha {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 288px;
  line-height: 0;
  border: 2px solid #000;
  background: #000;
  background-repeat: no-repeat;
  background-position: center -40px;
  background-size: cover;
}

.box_gacha .box_status-gacha {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 78px;
  padding: 12px;
  color: #fff;
  background: rgba(0,0,0,.9);
}

.box_gacha .box_status-gacha .txt_status {
  display: none;
  font-size: 12px;
  line-height: 1.6;
}

.box_gacha .box_status-gacha .txt_status.narrow {
  float: left;
  width: 65%;
}

.box_gacha .box_status-gacha .btn_red,
.box_gacha .box_status-gacha .btn_disabled {
  display: inline-block;
  float: right;
  width: 30%;
  padding: 18px 0;
}


.box_gacha .box_status-gacha table {
  float: left;
  width: 65%;
  border-spacing: 0;
  border-collapse: separate;
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.box_gacha .box_status-gacha table td {
  padding: 3px 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.box_gacha .box_status-gacha table td .icon_exp {
  display: block;
  font-size: 20px;
}

.box_gacha .chara {
  position: absolute;
  right: 13%;
  bottom: 86px;
  overflow: hidden;
  width: 81px;
  height: 90px;
  margin-right: -34px;
  background-image: url(/_img/gacha/chara/gifko.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 243px auto;
}


.box_gacha .chara.win {
  background-image: url(/_img/gacha/chara/gifko_win.png);
  background-size: 162px auto;
}

.box_gacha .chara.lose {
  background-image: url(/_img/gacha/chara/gifko_lose.png);
  background-size: 162px auto;
}


.box_gacha .chara.win,
.box_gacha .chara.lose {
  -webkit-transform-origin: left top;
  -webkit-animation-name: charaLoopAnim;
  -webkit-animation-duration: .8s;
  -webkit-animation-timing-function: steps(1);
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
}


@-webkit-keyframes charaLoopAnim {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  99.9%,
  to {
    background-position: 0 0;
  }
}



.box_gacha .effect {
  position: absolute;
  bottom: 80px;
  left: 25%;
  display: none;
  overflow: hidden;
  width: 200px;
  height: 200px;
  margin-left: -100px;
}

.box_gacha .effect.finish {
  top: 0;
  bottom: auto;
  overflow: hidden;
  width: 280px;
  height: 210px;
  margin-left: -140px;
}

.box_gacha .effect .sprite {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}

.box_gacha .effect.finish .sprite {
  width: 300%;
  height: auto;
}


.box_gacha .enemy {
  position: absolute;
  bottom: 80px;
  left: 25%;
  display: none;
  width: 200px;
  margin-left: -100px;
}

.box_gacha .enemy.land {
  -webkit-transform-origin: bottom;
  -webkit-animation-name: landEnemyAnim;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
}


@-webkit-keyframes landEnemyAnim {
  0% {
    -webkit-transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(.98);
  }
  99.9%,
  to {
    -webkit-transform: scaleY(1);
  }
}


.box_gacha .enemy.fly {
  -webkit-transform-origin: center;
  -webkit-animation-name: flyEnemyAnim;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
}


@-webkit-keyframes flyEnemyAnim {
  0% {
    margin-bottom: 15px;
  }
  50% {
    margin-bottom: 30px;
  }
  99.9%,
  to {
    margin-bottom: 15px;
  }
}


.box_gacha .chara_shadow {
  position: absolute;
  right: 15%;
  bottom: 78px;
  width: 54px;
  margin-right: -37px;
  opacity: .7;
}

.box_gacha .enemy_shadow {
  position: absolute;
  bottom: 50px;
  left: 25%;
  width: 200px;
  margin-left: -100px;
}


.box_gacha .enemy_shadow.fly {
  -webkit-transform-origin: center;
  -webkit-animation-name: flyShadowAnim;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
}


@-webkit-keyframes flyShadowAnim {
  0% {
    -webkit-transform: scale(.8);
  }
  50% {
    -webkit-transform: scale(.6);
  }
  99.9%,
  to {
    -webkit-transform: scale(.8);
  }
}


.box_gacha .box_remain {
  position: absolute;
  top: 12px;
  right: 12px;
}

.box_gacha .box_remain .txt_remain {
  float: right;
  width: 35px;
}

.box_gacha .box_remain .num_remain {
  float: right;
  overflow: hidden;
  height: 20px;
  margin: 3px 0 0 3px;
}

.box_gacha .box_remain .num_remain li {
  float: right;
  overflow: hidden;
  width: 17px;
  height: 20px;
}

.box_gacha .box_remain .num_remain li img {
  position: relative;
  top: 0;
  left: 0;
}

.box_gacha .box_hp {
  position: absolute;
  bottom: 78px;
  left: 16px;
  width: 50%;
}

.box_gacha .graph_hp {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 10px;
  margin: 8px auto;
  background: #000;
}

.box_gacha .graph_hp .bar {
  position: relative;
  display: block;
  height: 10px;
  color: #cc0d6d;
  background: #cc0d6d;
}

.box_gacha .num_hp {
  position: absolute;
  right: 0;
  bottom: 24px;
  display: inline-block;
  display: none;
  height: 17px;
}

.box_gacha .num_hp li {
  float: right;
  overflow: hidden;
  width: 14px;
  height: 17px;
  margin-bottom: 20px;
  margin-left: 2px;
}

.box_gacha .num_hp li img {
  position: relative;
  top: 0;
  left: 0;
}

.box_gacha .txt_win {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 146px;
  height: auto;
  margin-top: -130px;
  margin-left: -73px;
}

.box_gacha .item_win {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  margin-top: -64px;
  margin-left: -60px;
  padding: 4px;
  border: 2px solid #fff;
  border-radius: 5px;
  background: #000;
}


.box_gacha .txt_lose {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 146px;
  height: auto;
  margin-top: -70px;
  margin-left: -73px;
}

.box_gacha .title_gacha {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  display: none;
  width: 188px;
  height: auto;
  margin-top: -74px;
  margin-left: -94px;
}

.box_gacha .flare {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: 120%;
  height: auto;
  margin-top: -60%;
  margin-left: -60%;
}

.box_gacha .anim {
  -webkit-animation: spin 5s linear infinite;
     -moz-animation: spin 5s linear infinite;
      -ms-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  99.9%,
  to {
    -webkit-transform: rotateZ(360deg);
  }
}

.box_gacha .gacha_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,.7);
}


.box_gacha .gacha_expire {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  content: "";
  text-align: center;
  background: rgba(0,0,0,.7);
}

.box_gacha .gacha_expire p {
  margin-top: 90px;
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
}

.box_gacha .balloon_chara {
  position: absolute;
  right: 3%;
  bottom: 170px;
  display: none;
  max-width: 158px;
  padding: 8px;
  font-size: 11px;
  line-height: 1.4;
  border: 2px solid #000;
  background: #fff;
}

.box_gacha .balloon_chara:after {
  position: absolute;
  z-index: 1;
  right: 20px;
  bottom: -20px;
  width: 0;
  height: 0;
  content: "";
  border: 6px solid transparent;
  border-top: 14px solid #fff;
}

.box_gacha .balloon_chara:before {
  position: absolute;
  z-index: 1;
  right: 18px;
  bottom: -24px;
  width: 0;
  height: 0;
  content: "";
  border: 8px solid transparent;
  border-top: 16px solid #000;
}

.box_gacha .box_remain,
.box_gacha .txt_win,
.box_gacha .item_win,
.box_gacha .txt_lose {
  display: none;
}

#gacha_free-ios,
#gacha_free-android,
#gacha_exp-get,
#gacha_exp-default {
  display: none;
}

#gacha_free-ios,
#gacha_free-android,
#gacha_exp-get {
  position: relative;
  margin-top: 20px;
}

#gacha_free-ios:after,
#gacha_free-android:after,
#gacha_exp-get:after {
  position: absolute;
  top: -15px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -25px;
  content: "";
  border: 25px solid transparent;
  border-top: 20px solid #cc0d6d;
}

.box_gacha #btn_get {
  display: none;
  font-size: 12px;
}

.box_gacha #btn_play,
.box_gacha #btn_disabled,
.box_gacha #btn_replay {
  display: none;
}


/* ---------------------------------------------------------
CMS内HTML記事スタイル
----------------------------------------------------------*/
.block_cms {
  word-wrap: break-word;
}

.block_cms iframe {
  width: 100%;
  max-height: 240px;
}

.block_cms iframe.twitter-timeline {
  max-height: initial;
}

.block_cms ul.normal {
  margin-left: 16px;
  list-style-type: disc;
  font-size: 12px;
}

.block_cms ol.normal {
  margin-left: 16px;
  list-style-type: decimal;
  font-size: 12px;
}

.block_cms ul.normal li,
.block_cms ol.normal li {
  margin-bottom: .5em;
}

.block_cms .title_head {
  margin-bottom: 16px;
}

.block_cms .title_sub {
  position: relative;
  margin-bottom: 10px;
  padding-left: 1.3em;
}

.block_cms .title_middle {
  margin-bottom: 16px;
}

.title_outline {
  margin-bottom: 12px;
}

.block_cms .box_gift img {
  max-width: 100%;
}

.block_cms p:not([class]) {
  margin-bottom: .5em;
  font-size: 15px;
  line-height: 1.6;
}

.block_cms.txt_bbs-head p {
  font-size: 12px;
}

.block_cms .btn_col2 {
  margin-bottom: 16px;
  margin-left: 0;
}

.block_cms .block_comic {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: -30px -20px 0;
}

.block_cms .box_reward {
  margin: 8px 0;
}


.block_cms .box_chara {
  margin: 12px 0;
  padding: 12px;
  text-align: center;
  border: 4px solid #eee;
}

.block_cms .box_chara .title_box-chara {
  margin-bottom: 15px;
  padding: 5px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #333;
  border-top: 1px solid #a0a0b1;
  border-bottom: 1px solid #a0a0b1;
  background: #e7e7f1;
}

.block_cms .box_chara img {
  max-width: 80%;
  margin-bottom: 12px;
}

.block_cms .icon_prof-talk {
  float: left;
  clear: left;
  overflow: hidden;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  border-radius: 999px;
}

.block_cms .comment_talk {
  margin-left: 60px;
}


/*-----ゲリラウィーク----*/



.block_cms .mask {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
}

.block_cms .mask .attention,
.block_cms .mask .attention_under {
  position: absolute;
  top: 50vh;
  left: 50%;
  width: 250px;
  height: 250px;
  margin-top: -125px;
  margin-left: -125px;
  opacity: 0;
}


.block_cms .guerrilla {
  position: relative;
  display: none;
  margin-top: 10px;
  margin-bottom: 16px;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
  background: #000;
}

.block_cms .guerrilla .mark_under {
  width: 200px;
  height: 200px;
  margin: 0;
}


.block_cms .guerrilla .mark {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 200px;
  height: 200px;
  margin: 0;
  margin-left: -100px;
  -webkit-transform-origin: center center;
  -webkit-animation-name: roundAnim;
  -webkit-animation-duration: 10s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;

  -webkit-animation-fill-mode: both;
}


@-webkit-keyframes roundAnim {
  0% {
    transform: rotate(0);
  }

  99.9%,
  to {
    transform: rotate(360deg);
  }
}



/* ---------------------------------------------------------
Other
----------------------------------------------------------*/


.wrapper {
  position: relative;
  overflow-y: auto;
  width: 100%;
}

.content {
  padding-top: 76px;
}

.content.no_menu-header {
  padding-top: 44px;
}

header {
  position: fixed;
  z-index: 1000 !important;
  top: 0;
  width: 100%;
}

.menu_side {
  display: none;
}

#overlay {
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,.7);
}

.txt_seo {
  display: none;
}

/*---会員限定コンテンツ用modifier---*/

.is_memberOnly-content {
  display: none;
}

.is_memberOnly-button {
  display: none;
}

.is_memberOnly-login {
  display: none;
}

.label_limited_bonus {
  background-image: url(/_img/common/limited_bonus_label.png);
  background-size: contain;
  background-repeat: no-repeat;
}

/* ---------------------------------------------------------
PC
----------------------------------------------------------*/


@media screen and (min-width:800px) {
  a:hover {
    opacity: .6;
  }

  body {
    width: 800px;
    margin: 0 auto;
    background: #efefef;
  }

  header {
    width: 800px;
  }

  header .btn_menu {
    display: none;
  }

  header .logo_gg {
    position: absolute;
    left: 16px;
    margin-left: 0;
  }

  .grobal_container {
    overflow: hidden;
    background: #fff;
  }

  .wrapper {
    float: right;
    width: 550px;
    min-height: 800px;
    padding-right: 16px;
  }

  .content {
    padding-top: 92px;
  }

  .main_nav-footer li {
    display: block;
    width: 49% !important;
    font-size: 14px !important;
  }

  .main_nav-footer li:nth-child(2n+4) {
    margin-right: 0;
  }

  .main_nav-footer li:after {
    padding-top: 25% !important;
  }

  .main_nav-footer li span[class^="icon_"] {
    position: absolute !important;
    top: 50% !important;
    left: 8% !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-transform: translateY(-50%) !important;
  }

  .main_nav-footer li span[class^="txt_"] {
    position: absolute !important;
    top: 50% !important;
    left: 25% !important;
    width: 80% !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-transform: translateY(-50%) !important;
    text-align: left;
  }

  .main_nav-bottom_menu li {
    display: block;
    width: 49% !important;
    font-size: 14px !important;
  }

  .main_nav-bottom_menu li:nth-child(2n+4) {
    margin-right: 0;
  }

  .main_nav-bottom_menu li:after {
    padding-top: 25% !important;
  }

  .main_nav-bottom_menu li span[class^="icon_"] {
    position: absolute !important;
    top: 50% !important;
    left: 8% !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-transform: translateY(-50%) !important;
  }

  .main_nav-bottom_menu li span[class^="txt_"] {
    position: absolute !important;
    top: 50% !important;
    left: 25% !important;
    width: 80% !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-transform: translateY(-50%) !important;
    text-align: left;
  }

  #wrapper .nav_footer li {
    margin-bottom: 10px !important;
  }

  #wrapper .sub_nav-footer li:after {
    padding-top: 24%;
  }

  #wrapper .sub_nav-footer li:nth-child(1):after {
    padding-top: 12%;
  }

  .menu_side {
    position: relative;
    z-index: 0;
    top: 0;
    left: auto;
    display: block;
    overflow: hidden;
    width: 250px;
    margin-left: 0 !important;
    padding: 92px 16px 16px 16px;
  }

  .menu_side .list_link > li > a {
    border-bottom: 1px solid #eee;
    background: none;
  }

  .menu_side .list_link > li > a:after {
    color: #ccc;
  }

  .menu_side .nav_footer li {
    width: 100%;
  }

  .menu_side .main_nav-footer li {
    display: block;
    width: 100% !important;
    margin-right: 0;
    font-size: 14px !important;
    border-radius: 2px;
  }

  .menu_side .main_nav-footer li:after {
    padding-top: 20% !important;
  }

  .menu_side .main_nav-footer li a {
    padding-left: 10px;
    text-align: left;
  }

  .menu_side .main_nav-footer li a:after {
    /*position: absolute;
    top: 50%;
    right: 10px;
    font-family: "icomoon" !important;
    font-size: 10px;
    content: "\e90f";
    -webkit-transform: translateY(-50%);
    color: #aaa;*/
  }

  .menu_side .sub_nav-footer li a:after {
    display: none;
  }

  .menu_side .sub_nav-footer li span[class^="txt_"] {
    left: 40px !important;
    text-align: left;
  }

  .box_nav-footer .nav_footer li span[class^="txt_"] {
    font-size: 14px;
  }

  .box_nav-footer .main_nav-footer li:nth-child(n+5) span[class^="icon_"] {
    margin-top: 24%;
  }

  .grobal_container {
    position: relative;
  }

  .pc_footer {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 100%;
    padding-top: 16px;
    background: #fff;
  }

  .txt_seo {
    display: block;
    padding-top: 16px;
    padding-left: 160px;
    font-size: 10px;
    color: #999;
  }

  .txt10 {
    font-size: 12px;
  }

  .txt12 {
    font-size: 14px;
  }

  .txt14 {
    font-size: 16px;
  }


  .title_info {
    font-size: 15px !important;
  }
  .disc_info,
  .txt_info {
    font-size: 14px !important;
  }

  .notice_info,
  .count_info,
  .vendor_info {
    font-size: 12px;
  }

  .menu_tab li a,
  .menu_tab li span {
    font-size: 14px;
  }

  .box_menu-filter .btn_menu-filter li a {
    font-size: 14px;
  }

  .status_info {
    font-size: 10px;
  }

  .menu_game .list_menu-game li {
    font-size: 14px;
  }

  .tags li,
  .icon_new,
  .icon_browsergame,
  .icon_ios,
  .icon_android {
    font-size: 12px;
  }

  table.data-table {
    font-size: 14px;
  }

  .list_link > li > a {
    font-size: 14px;
  }

  .block_cms ul.normal,
  .block_cms ol.normal {
    font-size: 14px;
  }

  .logo_footer {
    width: 50%;
  }

  .nav_bread .list_nav-bread li.crop {
    max-width: initial;
  }
  
  .content.no_menu-header {
    padding-top: 92px;
  }
}

/*  GGD-1550 共通パーツリニューアル ここから  */
/* reset---------------------------------------------------------------- */
@media screen and (min-width: 800px){
.wrapper {padding-right: 0;}
}
@media screen and (min-width: 901px){
body {width: auto;margin: 0;line-height: normal;}
a:hover {opacity: 1.0;}
a:hover img {opacity: 0.6;}
.icon_game {background: #ffffff;}
.grobal_container {position: static;margin: 0 auto;width: 900px;}
.pc_footer{padding-top:0;}
.wrapper {width: 600px;margin-top:32px;margin-right: 32px;padding-right: 0;}
.content {padding-top: 0 !important;}
}
*{margin:0;padding:0;}
html,body{margin:0;padding:0;}
body {overflow-x: auto;font-size: 15px;line-height:1.8em;width: auto;word-wrap: break-word;line-height: normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;overflow:hidden;}
* html .clearfix { height: 1%; }
.clearfix {display: block;}
a{outline: 0;}
a:hover{filter: none;-ms-filter: none;}
img{border: 0;vertical-align: top;margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0;}
ul.attention li::before{content:'※';}
.fixed{position: fixed;top: 0;z-index: 100;}
@media screen and (max-width: 901px){
.wrapper {position: relative;overflow-y: auto;width: 100%;}
}

/* header---------------------------------------------------------------- */
header {position: static;padding-top:16px;background: #ffffff; width:100%;}
header a {text-decoration: none;}
header .head_logo {text-align: center;}
header .head_logo img {width:200px;height: auto;}
header nav div.inner .head_logo{display: none;}
header nav{overflow: hidden;background: #ffffff;width:100%;box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);position: relative;z-index: 0;}
header nav div.inner{margin:0 auto;width:900px;}
header nav li{float:left;height:55px;}
header nav ul.globalNav{float:left;}
header nav ul.globalNav li a{position: relative;display: block; padding:16px;color:#aaaaaa;text-align: center;min-width:120px;}
header nav ul.globalNav li a::after{position: absolute;right:0;top: 50%;-webkit-transform: translateY(-50%);content:"";background: #eeeeee; width:1px;height:50%;}
header nav ul.globalNav li.top a::before{position: absolute;left:0;top: 50%;-webkit-transform: translateY(-50%);content:"";background: #eeeeee; width:1px;height:50%;}
header nav ul.globalNav li a:hover{color:#888888;}
header nav ul.globalNav li.active a{color:#cc0d6d;font-weight: bold;}
header nav ul.globalNav li.active{position: relative;border-bottom: 3px solid #cc0d6d;}
/*header nav ul.globalNav li.active::after{position: absolute;bottom:2px;left: 50%;-webkit-transform: translateX(-50%) scale(1, 0.5);content:"▲";font-size: 10px;color:#cc0d6d;line-height: 0em;}*/
header nav p.menu-btn{display: none;}
/*header nav p.menu-btn::after{content:"MENU";margin-left:5px;}*/
header nav ul.supportNav{float:right;}
header nav ul.supportNav li a{display: block; padding: 16px 16px 16px 0; }
header nav ul.supportNav li.mypage a{position: relative;padding:10px 16px 10px 0;}
header nav ul.supportNav li.mypage a.badge::after{position: absolute;top: 8px;right: 16px;content: "";background: #cc0d6d;width: 10px;height: 10px;border-radius: 50%;}
header nav ul.supportNav li img{width:22px;height: auto;}
header nav ul.supportNav li.login a{margin: 10px 0;padding: 6px 30px;background:#cc0d6d;border-radius: 100px;color: #ffffff;font-weight: bold;font-size: 86%;}
header nav ul.supportNav li.login a:hover{opacity: 0.6;}
header nav ul.supportNav li.mypage img{object-fit: cover;border-radius:17px; width: 34px;height: 34px;}
@media screen and (max-width: 901px){
header{position: fixed;top: 0;padding-top:0;height: auto; z-index: 100;}
header .head_logo {display: none;}
header nav{box-shadow:none;}
header nav div.inner{position: relative;margin:0 auto;width:100%;}
header nav div.inner .head_logo{display: block;position: absolute;top:14px;left: 48%;-webkit-transform: translateX(-48%);}
header nav div.inner .head_logo img{height:30px;width:auto;}
header nav ul.globalNav{display: none;}
header nav ul.supportNav li.login,
header nav ul.supportNav li.mypage{display: none;}
header nav p.menu-btn{display: block; position: absolute;margin: 10px;padding:10px;border-radius: 6px;border:1px solid #cc0d6d;width:36px;height:36px;}
}
@media screen and (max-width: 370px){
header nav ul.supportNav li a {padding: 16px 10px 16px 0;}
}

/* drawr---------------------------------------------------------------- */
/* menu_sideと共通パーツ */
ul.textLink li a{position: relative;display: block; padding:16px;border-bottom:1px solid #eeeeee;text-decoration: none;color: #333333;}
ul.textLink li a::after{position:absolute;content:'＞';right:8px;top: 50%;-webkit-transform: translateY(-50%) scale(0.6, 1);color:#e1e2e8;font-size: 12px; font-weight: bold;}
ul.textLink li a:hover{color: #aaaaaa;}
ul.banner li{margin-bottom: 10px;}

section.enquite{margin-bottom: 32px; border:3px solid #e1e2e8;}
section.enquite h2{margin: 10px;padding-left: 46px;padding-bottom: 5px; font-size: 100%;background: url(/_img/common/logo_square.svg) 0 0 no-repeat;border-bottom:1px solid #e1e2e8;}
section.enquite h2 p{ font-size: 60%;margin-top: 6px;line-height: 1.4; };
section.enquite p.summary{margin:0 10px 10px 10px;font-size: 86%;}
section.enquite p.button{margin: 10px;width: auto;}
section.enquite p.button:hover{opacity: 0.6;}
section.enquite p.attention{padding:10px;background: #f0f0f3;font-size: 86%;color: #8b8b99;}
/* pushy */
.pushy {width: 250px;background: #ffffff;}
.pushy a {color: #333333;padding: 0;}
.pushy-content a.btn_red{padding: 16px 8px;color: #ffffff;}
.pushy-left{transform: translate3d(-250px,0,0);-webkit-transform:translate3d(-250px,0,0)}
.pushy-open-left #container,
.pushy-open-left .push {transform: translate3d(250px, 0, 0);}
.pushy-right {transform: translate3d(250px, 0, 0);}
.pushy-open-right #container,
.pushy-open-right .push {transform: translate3d(-250px, 0, 0);}
div.pushy-content section.head{padding:16px;background: #f0eff4;border-bottom:1px solid #eeeeee;}
div.pushy-content section.head div.mypage{margin-bottom:16px;}
div.pushy-content section.head div.mypage p.image a{float:left;position: relative;display: block;}
div.pushy-content section.head div.mypage p.image a.badge::after{position: absolute;top: 4px;right: 8px;content: "";background: #cc0d6d;width: 14px;height: 14px;border-radius: 50%;}
div.pushy-content section.head div.mypage p.image img{margin-right:10px;object-fit: cover;border-radius:30px; width: 60px;height: 60px;}
div.pushy-content section.head div.mypage p.name{float:right;padding-top:5px;font-weight: bold;width:148px;}
div.pushy-content section.head p.button{margin-bottom:16px;width: auto;}
div.pushy-content section.head p.button:hover{opacity: 0.6;}
div.pushy-content section.head li a{padding: 10px;border-radius: 6px;color:#cc0d6d;font-size: 12px;line-height: 1.2em; text-align: center;background: #ffffff; width:104px;}
div.pushy-content section.head li img{display: block;margin: 0 auto 10px auto; width:20px; height: auto;}
div.pushy-content section.head li.search{float:left;margin-right:10px;}
div.pushy-content section.head li.point{float:left;margin-right:0;}
div.pushy-content section.head li.howto{float:right;}
div.pushy-content ul.banner{margin: 0 16px;}
div.pushy-content ul.textLink{margin:0 16px 16px 16px;}
div.pushy-content ul.main{margin:0 0 16px 0;}
div.pushy-content ul.main li a{color:#cc0d6d;}
div.pushy-content ul.main li a::after{color:#cc0d6d;}
div.pushy-content section.enquite{margin:0 16px 16px 16px;}


/* slider---------------------------------------------------------------- */
div#KV{display:none;}
.slick-slide img{object-fit: contain;background-color: #000000;width:640px;height:200px;}
/* 1枚しかない場合 */
div.single img{object-fit: contain;background-color: #000000;width:100%;height:auto;}
@media screen and (max-width: 901px){
/*div#KV{display:block;}*/
.grobal_container{padding-top:87px;}
.no_bread{padding-top:57px;}
.slick-slide img{margin: 0 auto;width:100%;height: -webkit-calc(100% / 1);height: calc(100vw / 3.2);}
}

/* information---------------------------------------------------------------- */
p#information{margin:28px 32px 0 32px;padding-left:24px;font-weight: bold;background: url(/_img/common/icon_information.svg) 0 5px no-repeat;background-size: 20px;line-height: 1.6em;}
p#information a{text-decoration: none;border-bottom:1px solid #cc0d6d;}
p#information a:hover{border-bottom: none;}
@media screen and (max-width: 901px){
p#information{margin:16px 16px 0 16px;font-weight: bold;}
}

/* ぱんくず（下層）---------------------------------------------------------------- */
.nav_bread .list_nav-bread {display: block; margin: 0 auto;max-width: 900px;}
.nav_bread .list_nav-bread li a span:hover{color: #aaaaaa;}

/* mainColumn---------------------------------------------------------------- */
.content {padding-top: 0 !important;}
@media screen and (max-width: 901px){
#toppage .content {padding-top: 16px !important;}
}

/* sideColumn---------------------------------------------------------------- */
nav#menu_side{float:left;margin:32px; width:204px;}
nav#menu_side ul.main{display: none;}
@media screen and (max-width: 901px){
nav#menu_side{display: none;}
}

/* 現状維持用（次回改修時にリセット）---------------------------------------------------------------- */
.list_game-icon .item_game-icon a:hover img {opacity: 1;}
.list_game-icon .item_game-icon:hover{opacity: 0.6;}
.pc_footer{margin: 0 auto;width: 900px;}
@media screen and (max-width: 901px){
.pc_footer{margin: 0;width: 100%;}
}
/*  GGD-1550 共通パーツリニューアル ここまで  */

/* GGD-1757 AndroidWeb,デザイン修正 ここから */
div.box_caution div.txt12{overflow:auto;}

div#push_config .wrap_switch .btn_switch {right: 8px;}
div#push_config .wrap_switch {margin-bottom:16px;padding: 16px;border: 3px solid #f4f4f7;}

span#twitter_email{margin-bottom: 16px;font-weight: bold;}
a#change_email_view{float: right;display: block;margin-left: 16px;padding: 4px 0;font-weight: normal;border: 1px solid #dddddd;border-radius: 6px;text-decoration: none;color: #bbbbbb;font-size: 10px;width: 10em;text-align: center;}

div#accont_twitter_on .box_twitter,
div#accont_twitter_off .box_twitter{background: #efeff4;}
div#accont_twitter_on form#form_twitter a.icon_twitter-bird:before,
div#accont_twitter_off form#form_twitter a.icon_twitter-bird:before{margin-right: 5px;}

div#accont_twitter_on ul.attention{}
/* GGD-1757 AndroidWeb,デザイン修正 ここまで */


/*-- 事前登録詳細カウントバッジ大 --*/
.count_info-big-area {
  padding-top:16px;
  border-top:2px solid #cc0d6d;
  border-bottom:2px solid #cc0d6d;
}

/*-- ポイントバッジ大 --*/
.point_info-big {
  display: inline-block;
  margin-right: 3px;
  font-size: 16px;
}

.point_info-big-area em{
  font-size:20px;
}

/*-- マイページポイントバッジ大 --*/
.point_info-big-area {
  padding-top:16px;
  border-top:2px solid #cc0d6d;
  border-bottom:2px solid #cc0d6d;
}



/*-- 受信箱リスト --*/

.list_point_history {
  position: relative;
  list-style: none;
}

.list_point_history .item_point_history {
  position: relative;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
}


.list_point_history .item_point_history > a {
  display: block;
  text-decoration: none;
}

.list_point_history .item_point_history img {
  display: block;
  width: 100%;
  line-height: 0;
}

.list_point_history .item_point_history .icon_prof {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 8px;
  margin-bottom: 8px;
}


.list_point_history .app_point_history {
  position: relative;
  overflow: hidden;
}

.list_point_history .app_point_history .vendor_info {
  white-space: initial;
  text-overflow: initial;
}

.list_point_history .status_info {
  display: inline-block;
  min-width: 15%;
  padding: 4px 5px 3px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border: 1px solid #a4aab3;
}

.list_point_history .block_cms {
  padding: 16px 0;
  font-size: 14px;
  border-top: 1px solid #f0f0f0;
}

.list_point_history .block_cms p:not([class]) {
  font-size: 14px;
}

.list_point_history .block_cms .reply {
  position: relative;
  margin: 12px 0;
  padding: 8px 8px 8px 30px;
  font-size: 12px;
  border-radius: 2px;
  background: #efeff4;
}

.list_point_history .block_cms .reply:after {
  position: absolute;
  top: 12px;
  left: 8px;
  font-family: "icomoon" !important;
  font-size: 14px;
  content: "\e905";
  color: #cc0d6d;
}


.list_point_history .inner {
  display: block;
  overflow: hidden;
  padding-right: 24px;
}


.list_point_history .icon_expand {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
}

.success-msg {
  display: none;
  position: fixed;
  width: 300px;
  height: 40px;
  line-height: 40px;
  background-color: #29aba4;
  color: #fff;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  border-radius: 5px;
}

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-ms-clear {
      display: none; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1;
        left: 50%; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.3.6 (20/12/2016)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
  font-family: 'lightcase';
  src: url("/_css/icon/lightcase.eot?55356177");
  src: url("/_css/icon/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("/_css/icon/lightcase.woff?55356177") format("woff"), url("/_css/icon/lightcase.ttf?55356177") format("truetype"), url("/_css/icon/lightcase.svg?55356177#lightcase") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
  font-family: 'lightcase', sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
  content: '\e800';
}

/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
  content: '\e801';
}

/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
  content: '\e802';
}

/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
  content: '\e803';
}

/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
  content: '\e804';
}

/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
  content: '\e805';
}

/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  /*font-family: arial, sans-serif;*/
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#lightcase-case img {
  width: auto;
}

@media screen and (max-width: 640px) {
  /* line 16, ../scss/components/modules/_case.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}

@media screen and (min-width: 641px) {
  /* line 4, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
  }
}
@media screen and (min-width: 641px) {
  /* line 24, ../scss/components/modules/_content.scss */
  #lightcase-case[data-lc-type=image] #lightcase-content, #lightcase-case[data-lc-type=video] #lightcase-content {
    background-color: #333;
  }
}
/* line 32, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 640px) {
  /* line 32, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}
/* line 42, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  /* line 42, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
    padding: 15px;
  }
  /* line 51, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner, #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > * {
    width: 100% !important;
    max-width: none !important;
  }
  /* line 58, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > *:not(iframe) {
    height: auto !important;
    max-height: none !important;
  }
}
@media screen and (max-width: 640px) {
  /* line 69, ../scss/components/modules/_content.scss */
  .lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 640px) and (min-width: 641px) {
  /* line 73, ../scss/components/modules/_content.scss */
  [data-lc-type=image] #lightcase-content .lightcase-contentInner, [data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: 0.75;
  }
}

@media screen and (max-width: 640px) {
  /* line 85, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
}
@media screen and (min-width: 641px) {
  /* line 92, ../scss/components/modules/_content.scss */
  #lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 640px) {
  /* line 109, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #aaa;
  }
}
@media screen and (min-width: 641px) {
  /* line 109, ../scss/components/modules/_content.scss */
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333;
  }
}

/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 30px 0;
  }
}
@media screen and (min-width: 641px) {
  /* line 3, ../scss/components/modules/_error.scss */
  #lightcase-case p.lightcase-error {
    padding: 0;
  }
}

/* line 6, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  /* line 4, ../scss/components/modules/_global.scss */
  .lightcase-open body {
    padding: 50px 0 20px;
  }
  /* line 15, ../scss/components/modules/_global.scss */
  .lightcase-open body > *:not([id*='lightcase-']) {
    position: fixed !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
  position: absolute;
  padding-top: 15px;
}
/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: normal;
  text-overflow: ellipsis;
}
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
  font-size: 17px;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  /* line 19, ../scss/components/modules/_info.scss */
  #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: #333;
  }
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
  box-sizing:border-box;
  width:100%;
  clear: both;
  font-size: 12px;
  line-height:1.6;
  color: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 30px 15px 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0.4, rgba(0,0,0,0.6)), to(rgba(0,0,0,0.6)));
}
/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
  font-size: 11px;
  color: #aaa;
}
@media screen and (max-width: 640px) {
  /* line 45, ../scss/components/modules/_info.scss */
  .lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* line 51, ../scss/components/modules/_info.scss */
  #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static;
  }
}

/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  opacity: 1;
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  -moz-animation: lightcase-spin 0.5s infinite linear;
  -o-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear;
}
/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading, #lightcase-loading:focus {
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  -moz-transition: color, opacity, ease-in-out 0.25s;
  -o-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
  display: inline-block;
  text-indent: -9999px;
}

/* line 4, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'] {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer;
}
/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*='lightcase-icon-'], #lightcase-nav a[class*='lightcase-icon-']:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color, opacity, ease-in-out 0.25s;
  -moz-transition: color, opacity, ease-in-out 0.25s;
  -o-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*='lightcase-icon-'] > span {
  display: inline-block;
  text-indent: -9999px;
}
/* line 49, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*='lightcase-icon-']:hover {
  color: white;
  text-shadow: 0 0 15px white;
}
/* line 12, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice #lightcase-nav a[class*='lightcase-icon-']:hover {
  color: #aaa;
  text-shadow: none;
}
/* line 19, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev {
  left: 15px;
}
/* line 24, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next {
  right: 15px;
}
/* line 29, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
  left: 50%;
  margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
  /* line 29, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
    opacity: 0;
  }
}
/* line 40, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
  top: 15px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none;
}
@media screen and (max-width: 640px) {
  /* line 40, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
    position: absolute;
  }
}
@media screen and (min-width: 641px) {
  /* line 40, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
    position: fixed;
  }
}
@media screen and (max-width: 640px) {
  /* line 4, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'] {
    bottom: 15px;
    font-size: 24px;
  }
}
@media screen and (min-width: 641px) {
  /* line 4, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-'] {
    bottom: 50%;
    margin-bottom: -0.5em;
  }
  /* line 66, ../scss/components/modules/_navigation.scss */
  #lightcase-nav a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ #lightcase-nav a[class*='lightcase-icon-'] {
    opacity: 1;
  }
}

/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: #333;
}
@media screen and (max-width: 640px) {
  /* line 1, ../scss/components/modules/_overlay.scss */
  #lightcase-overlay {
    opacity: 1 !important;
  }
}

@charset "UTF-8";


/*====================================================
OLD
====================================================*/
.mod-cont-free-wide {
  word-wrap: break-word;
}

.mod-cont-free-wide.txt_bbs-head p{
  font-size: 12px;
}

.mod-cont-free-wide iframe {
  width: 100%;
  max-height: 240px;
}

.mod-cont-free-wide iframe.twitter-timeline {
  max-height: initial;
}

.mod-cont-free-wide .txtL {
  font-size: 100% !important;
  line-height: 1.4;
}
.mod-cont-free-wide .txtM {
  font-size: 86% !important;
  line-height: 1.6;
}
.mod-cont-free-wide .txtS {
  font-size: 70% !important;
  line-height: 1.4;
}


.mod-cont-free-wide .mgB5 {
  margin-bottom:5px !important;
}

.mod-cont-free-wide .mgB10 {
  margin-bottom:10px !important;
}

.mod-cont-free-wide .mgB15 {
  margin-bottom:15px !important;
}

.mod-cont-free-wide .mgB20 {
  margin-bottom:20px !important;
}

.mod-cont-free-wide .mgB30 {
  margin-bottom:30px !important;
}

.mod-cont-free-wide .mgB35 {
  margin-bottom:35px !important;
}

.mod-cont-free-wide .mgB40 {
  margin-bottom:40px !important;
}

.mod-cont-free-wide .mgB45 {
  margin-bottom:45px !important;
}

.mod-cont-free-wide .mgB50 {
  margin-bottom:50px !important;
}

.mod-cont-free-wide .mgT5 {
  margin-top: 5px !important;
}

.mod-cont-free-wide .mgT10 {
  margin-top: 10px !important;
}

.mod-cont-free-wide .mgT15 {
  margin-top: 15px !important;
}

.mod-cont-free-wide .mgT20 {
  margin-top: 20px !important;
}

.mod-cont-free-wide .mgT30 {
  margin-top: 30px !important;
}


.mod-cont-free-wide .mgT35 {
  margin-top: 35px !important;
}

.mod-cont-free-wide .mgT40 {
  margin-top: 40px !important;
}

.mod-cont-free-wide .mgT45 {
  margin-top: 45px !important;
}

.mod-cont-free-wide .mgT50 {
  margin-top: 50px !important;
}


/*
.mod-cont-free-wide .indent {
  text-indent:-1em;
  padding-left:1em;
}
*/

.mod-cont-free-wide .clearfix {
  min-height: 1px;
}

.mod-cont-free-wide .clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.mod-cont-free-wide .both {
  clear: both;
}

.mod-cont-free-wide img {
  height: auto;
  margin: 10px auto;
}

.mod-cont-free-wide .post-img {
  width: 100%;
  height: auto !important;
}

.mod-cont-free-wide h3,
.mod-cont-free-wide h4 {
  /*font-size: 96%;
    font-weight: bold;
    line-height: 1.4;*/
  margin-bottom: 1em;
}

.mod-cont-free-wide p {
  font-size: 15px;
  line-height: 1.6;
}

.mod-cont-free-wide ol,
.mod-cont-free-wide ul {
  list-style: none;
}



.mod-cont-free-wide .btn-conv {
  display: inline-block;
  width: 80%;
  margin: 0 10% 15px 10%;
  padding: 15px 0 14px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #cc0d6d;
  -webkit-box-shadow: 0 4px 0 #8e0036;
     -moz-box-shadow: 0 4px 0 #8e0036;
          box-shadow: 0 4px 0 #8e0036;
}



.mod-cont-free-wide .btn-green {
  display: inline-block;
  width: 80%;
  margin: 0 10% 15px 10%;
  padding: 15px 0 14px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #00c4af;
  -webkit-box-shadow: 0 4px 0 #008173;
     -moz-box-shadow: 0 4px 0 #008173;
          box-shadow: 0 4px 0 #008173;
}

.mod-cont-free-wide .btn-blue {
  display: inline-block;
  width: 80%;
  margin: 0 10% 15px 10%;
  padding: 15px 0 14px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #337ca0;
  -webkit-box-shadow: 0 4px 0 #16465d;
     -moz-box-shadow: 0 4px 0 #16465d;
          box-shadow: 0 4px 0 #16465d;
}


/*.mod-cont-free-wide a {
    color: #009cd6;
    text-decoration: none;
   }*/

.mod-cont-free-wide .ttl-l {
  margin-bottom: 15px;
  padding-bottom: 8px;
  font-size: 96%;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: 1px solid #ddd;
}

.mod-cont-free-wide .ttl-l span {
  display: block;
  padding-top: 5px;
  font-size: 64%;
  text-align: right;
  color: #666;
}


.mod-cont-free-wide .mod-data-table {
  -webkit-box-sizing: border-box;
  margin-bottom: 20px;
  border-spacing: 0;
  border-collapse: separate;
  font-size: 76%;
  line-height: 1.3;
}

.mod-cont-free-wide .mod-data-table th,
.mod-data-table td {
  padding: 5px 7px;
}

.mod-cont-free-wide .mod-data-table .ttl {
  font-weight: bold;
  background: #cfcfcf;
}

.mod-cont-free-wide .mod-data-table th {
  font-weight: bold;
  background: #e2e2e2;
}

.mod-cont-free-wide .mod-data-table td {
  background: #f2f2f2;
}



.mod-cont-free-wide .btn-base {
  margin-bottom: 10px;
}
.mod-cont-free-wide .btn-base ul li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ccc;
  background: url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/common/arrow.png) no-repeat scroll right center rgba(0, 0, 0, 0);
}
.mod-cont-free-wide .btn-base ul li:first-child {
  border-top: 1px solid #ccc;
}




.mod-cont-free-wide .btn-base ul li.rank01 a {
  color: #900;
}
.mod-cont-free-wide .btn-base ul li.rank02 a {
  color: #333;
}
.mod-cont-free-wide .btn-base ul li.rank03 a {
  color: #fff;
}
.mod-cont-free-wide .btn-base ul li.rank01 a:hover,
.btn-base ul li.rank02 a:hover,
.btn-base ul li.rank03 a:hover {
  color: #f60;
}
.mod-cont-free-wide .btn-base ul li a {
  display: block;
  padding: 5px 25px 5px 5px;
  text-decoration: none;
}
.mod-cont-free-wide .btn-base ul li.contents-banner a {
  display: block;
  padding: 0;
  text-decoration: none;
}
.mod-cont-free-wide .btn-base ul li div.rank-icon01 {
  display: table-cell;
  width: 60px;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  color: #000;
}
.mod-cont-free-wide .btn-base ul li div.rank-icon02 {
  display: table-cell;
  width: 60px;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  color: #000;
}
.mod-cont-free-wide .btn-base ul li div.rank-icon03 {
  display: table-cell;
  width: 60px;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  color: #000;
}
.mod-cont-free-wide .btn-base ul li div.rank-icon04-10 {
  display: table-cell;
  width: 60px;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  color: #000;
}
.mod-cont-free-wide .btn-base ul li figure.app-icon {
  display: table-cell;
  width: 80px;
  padding-right: 5px;
  font-size: 1px;
  line-height: .1em;
  vertical-align: middle;
}
.mod-cont-free-wide .btn-base ul li figure.app-icon img {
  width: 80px;
  height: auto;
}
.mod-cont-free-wide .btn-base ul li figure.menu-icon {
  display: table-cell;
  width: 65px;
  padding-right: 5px;
  font-size: 1px;
  line-height: .1em;
  vertical-align: middle;
}
.mod-cont-free-wide .btn-base ul li figure.menu-icon img {
  width: 65px;
  height: auto;
}
.mod-cont-free-wide .btn-base ul li div.text {
  display: table-cell;
  vertical-align: middle;
}
.mod-cont-free-wide .btn-base ul li div.rank-text {
  display: table-cell;
  vertical-align: middle;
}
.mod-cont-free-wide .btn-base ul li div.text .tag-icon01 {
  width: 70px;
  margin: 0 0 3px;
  padding: 3px;
  font-size: 12px;
  line-height: 1em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 15px;
}
.mod-cont-free-wide .btn-base ul li div.text .tag-icon02 {
  width: 70px;
  margin: 0 0 3px;
  padding: 3px;
  font-size: 12px;
  line-height: 1em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 15px;
}
.mod-cont-free-wide .btn-base ul li div.text .tag-icon03 {
  font-size: 12px;
  color: #333;
}
.mod-cont-free-wide .btn-base ul li div.text .tag-icon04 {
  font-size: 12px;
  color: #333;
}
.mod-cont-free-wide .btn-base ul li div.text .tag-icon05 {
  width: 70px;
  margin: 0 0 3px;
  padding: 5px;
  font-size: 12px;
  line-height: 1em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border: 2px solid #f00;
  border-radius: 5px;
}
.mod-cont-free-wide .btn-base ul li div.text .tag-icon06 {
  width: 70px;
  margin: 0 0 3px;
  padding: 5px;
  font-size: 12px;
  line-height: 1em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border: 2px solid #111;
  border-radius: 5px;
}
.mod-cont-free-wide .btn-base ul li div.ticket {
  display: table-cell;
  width: 100%;
  margin-left: 5px;
  padding: 3px;
  font-size: 12px;
  line-height: 1.2em;
  text-align: center;
  vertical-align: middle;
  color: #dc0000;
  border-width: 3px;
  border-style: solid;
  border-color: #dc0000 #900 #900 #dc0000;
  border-radius: 5px;
  background: none repeat scroll 0 0 #f00;
}
.mod-cont-free-wide .btn-base ul li div.new {
  position: absolute;
}



.mod-cont-free-wide #mtmt_main .mtmt_red {
  color: #ff0f0f;
}
.mod-cont-free-wide #mtmt_main .mtmt_txt12 {
  font-size: 12px;
}
.mod-cont-free-wide #mtmt_main .mtmt_center {
  text-align: center;
}
.mod-cont-free-wide #mtmt_main .mtmt_pB20 {
  padding-bottom: 20px;
}
/*クリアーフィックス*/

.mod-cont-free-wide .mtmt_cf:before,
.mod-cont-free-wide .mtmt_cf:after {
  display: table;
  content: " ";
}
.mod-cont-free-wide .mtmt_cf:after {
  clear: both;
}
.mod-cont-free-wide .mtmt_cf {
  *zoom: 1;
}
/* 見出し */
.mod-cont-free-wide #mtmt_main h3 {
  position: relative;
  padding: 18px 40px 14px;
  font-size: 13px;
  cursor: pointer;
  color: #131313;
}
.mod-cont-free-wide #mtmt_main h3 span {
  position: absolute;
  top: 7px;
  right: 10px;
}
/* ボタン */
.mod-cont-free-wide #mtmt_main .mtmt_button a {
  position: relative;
  display: block;
  text-align: center;
}
.mod-cont-free-wide #mtmt_main .mtmt_button a span {
  display: block;
  font-size: 10px;
}
.mod-cont-free-wide #mtmt_main .mtmt_button a img {
  position: absolute;
  top: 14px;
  right: 10px;
}
/* =================================
   @MAIN
================================= */
.mod-cont-free-wide #mtmt_main {
  background: #f0f0f0;
}
.mod-cont-free-wide #mtmt_main h2 {
  text-align: center;
  background: #000;
}
.mod-cont-free-wide #mtmt_main h3.mtmt_tagLine {
  padding: 10px 6px;
  font-size: 14px;
  color: #fff;
  border-top: 1px solid #000;
  background: url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/bg_h3.gif) repeat-x 0 0;
}
/* @SPEC
================================= */
.mod-cont-free-wide #mtmt_main .mtmt_spec {
  overflow: hidden;
  padding: 10px;
}
.mod-cont-free-wide #mtmt_main .mtmt_spec p {
  float: left;
  margin-right: 15px;
}
.mod-cont-free-wide #mtmt_main .mtmt_spec p img {
  margin: 0;
}
.mod-cont-free-wide #mtmt_main .mtmt_spec dl {
  font-size: 10px;
  line-height: 2em;
}
.mod-cont-free-wide #mtmt_main .mtmt_spec dl dd {
  font-size: 12px;
}
.mod-cont-free-wide #mtmt_main .mtmt_spec .mtmt_title {
  font-size: 14px;
}
/* @INFORMATION
================================= */

.mod-cont-free-wide #mtmt_main .mtmt_information .mtmt_inner {
  padding: 20px 10px;
  border-top: 2px solid #ff8686;
  background: #ffe8e8;
}
/* 見出し */
.mod-cont-free-wide #mtmt_main .mtmt_information h3 {
  border-top: 6px solid #fe2d2d;
  background: url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/icon_information.gif) no-repeat 10px 14px #fff;
  -webkit-background-size: 22px 22px;
          background-size: 22px 22px;
}
/* 記事リスト */
.mod-cont-free-wide #mtmt_main .mtmt_information dl {
  overflow: hidden;
  padding: 0 8px 10px;
}
.mod-cont-free-wide #mtmt_main .mtmt_information dl dt {
  float: left;
  margin-right: 12px;
}
.mod-cont-free-wide #mtmt_main .mtmt_information dl dd {
  font-size: 14px;
}
.mod-cont-free-wide #mtmt_main .mtmt_information dl dd a {
  text-decoration: underline;
  color: #4b4b4b;
}
.mod-cont-free-wide #mtmt_main .mtmt_information dl dd a:hover {
  text-decoration: none;
}
.mod-cont-free-wide #mtmt_main .mtmt_information .mtmt_button a {
  font-size: 17px;
}
/* ボタン */
.mod-cont-free-wide .mtmt_btn_related a {
  margin: 10px 10px;
  padding: 5px 0;
  font-size: 13px;
  color: #fff;
  border: 2px solid #f63d3d;
  background: #fd3a3a url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/bg_linkarrowRed.gif) no-repeat 0 0;
  -webkit-background-size: 38px 49px;
          background-size: 38px 49px;
}
/* @MATOME
================================= */

.mod-cont-free-wide #mtmt_main .mtmt_matome .mtmt_inner {
  padding: 10px 5px;
  border-top: 2px solid #5de74f;
  background: #dbf2d9;
}
/* 見出し */
.mod-cont-free-wide #mtmt_main .mtmt_matome h3 {
  border-top: 6px solid #12bc00;
  background: #fff url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/icon_matome.gif) no-repeat 10px 14px;
  -webkit-background-size: 22px 23px;
          background-size: 22px 23px;
}
/* リスト */
.mod-cont-free-wide #mtmt_main .mtmt_matome ul {
  text-align: center;
}
.mod-cont-free-wide #mtmt_main .mtmt_matome ul li {
  position: relative;
  display: inline-block;
  margin: 2px 0;
}
.mod-cont-free-wide #mtmt_main .mtmt_matome ul li a {
  color: #fff;
}
.mod-cont-free-wide #mtmt_main .mtmt_matome ul li dl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 139px;
  height: 33px;
  padding: 5px 5px;
  text-align: left;
  background: url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/bg_description.png) no-repeat 0 0;
  -webkit-background-size: 149px 43px;
          background-size: 149px 43px;
}
.mod-cont-free-wide #mtmt_main .mtmt_matome ul li dl dt {
  font-size: 12px;
}
.mod-cont-free-wide #mtmt_main .mtmt_matome ul li dl dd {
  font-size: 10px;
}
/* @MATOMELIST
================================= */

.mod-cont-free-wide #mtmt_main .mtmt_matomeList .mtmt_inner {
  border-top: 2px solid #5de74f;
}
/* 見出し */
.mod-cont-free-wide #mtmt_main .mtmt_matomeList h3 {
  border-top: 6px solid #12bc00;
  background: #fff url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/icon_matome.gif) no-repeat 10px 14px;
  -webkit-background-size: 22px 23px;
          background-size: 22px 23px;
}
/* リスト */

.mod-cont-free-wide #mtmt_main .mtmt_matomeList ul li {
  position: relative;
  border-top: 2px solid #99da92;
}
.mod-cont-free-wide #mtmt_main .mtmt_matomeList ul li a {
  display: block;
  overflow: hidden;
  padding: 10px 20px 10px 10px;
}
.mod-cont-free-wide #mtmt_main .mtmt_matomeList ul li:first-child {
  border-top: none;
}
.mod-cont-free-wide #mtmt_main .mtmt_matomeList ul li .mtmt_thumbnail {
  float: left;
  margin-right: 10px;
}

.mod-cont-free-wide #mtmt_main .mtmt_matomeList ul li dl dt {
  padding-bottom: 10px;
  font-size: 14px;
  color: #000;
}
.mod-cont-free-wide #mtmt_main .mtmt_matomeList ul li dl dd {
  font-size: 9px;
  line-height: 1.1em;
  color: #707070;
}
.mod-cont-free-wide #mtmt_main .mtmt_matomeList ul li span {
  position: absolute;
  top: 34px;
  right: 10px;
}
/* @FEATURES
================================= */

.mod-cont-free-wide #mtmt_main .slideContents {
  border-top: 2px solid #ffd974;
}
.mod-cont-free-wide #mtmt_main .slideContents span {
  display: block;
}
/* 見出し */
.mod-cont-free-wide #mtmt_main .mtmt_features h3 {
  margin-bottom: 0;
  border-top: 6px solid #fab600;
  background: #fff url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/icon_features.gif) no-repeat 10px 13px;
  -webkit-background-size: 22px 23px;
          background-size: 22px 23px;
}
/* リスト */
.mod-cont-free-wide #mtmt_main .mtmt_features ul {
  background: #fef5dc;
}
.mod-cont-free-wide #mtmt_main .mtmt_features ul li {
  position: relative;
  border-top: 2px solid #ffd974;
}
.mod-cont-free-wide #mtmt_main .mtmt_features ul li:first-child {
  border-top: none;
}
.mod-cont-free-wide #mtmt_main .mtmt_features ul li span {
  font-size: 10px;
}
.mod-cont-free-wide #mtmt_main .mtmt_features ul li a {
  display: block;
  padding: 12px 40px 8px 40px;
  font-size: 15px;
  line-height: 1.2em;
  color: #000;
}
.mod-cont-free-wide #mtmt_main .mtmt_features ul li.beginner {
  background: url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/icon_beginner.gif) no-repeat 10px 10px;
  -webkit-background-size: 22px 22px;
          background-size: 22px 22px;
}
.mod-cont-free-wide #mtmt_main .mtmt_features ul li.mtmt_player {
  background: url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/icon_player.gif) no-repeat 10px 10px;
  -webkit-background-size: 22px 22px;
          background-size: 22px 22px;
}
.mod-cont-free-wide #mtmt_main .mtmt_features ul li img {
  position: absolute;
  top: 17px;
  right: 10px;
}
/* @GIFT
================================= */

.mod-cont-free-wide #mtmt_main .mtmt_gift .mtmt_inner {
  padding: 10px;
  border-top: 2px solid #ffa043;
  background: #fff1d9;
}
.mod-cont-free-wide #mtmt_main .mtmt_gift .mtmt_visual {
  text-align: center;
}
.mod-cont-free-wide #mtmt_main .mtmt_gift .mtmt_visual img {
  border: 5px solid #fff;
}
.mod-cont-free-wide #mtmt_main .mtmt_gift .mtmt_visualText {
  width: 80%;
  margin: 0 auto 10px;
  padding: 8px;
  text-align: center;
  border: 3px solid #ff962e;
  background: #fff;
}
.mod-cont-free-wide .mtmt_footer .mtmt_youtube {
  width: 300px;
  margin: 20px auto;
}
/*※※カスタマイズ分※※*/

.mod-cont-free-wide #mtmt_main .mtmt_others h3 {
  border-top: 6px solid #2693ff;
  background: #fff url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/icon_others.png) no-repeat 10px 14px;
  -webkit-background-size: 22px 23px;
          background-size: 22px 23px;
}
.mod-cont-free-wide #mtmt_main .mtmt_others .mtmt_inner {
  padding: 10px;
  padding-bottom: 40px;
  border-top: 2px solid #a0c2ee;
  background: #dae6ff;
}
.mod-cont-free-wide .mtmt_footer {
  padding: 10px;
}
.mod-cont-free-wide .mtmt_footer ul {
  width: 100%;
  margin: 0 auto;
  list-style: none;
}
.mod-cont-free-wide .mtmt_footer  li {
  float: left;
  width: 33%;
  margin-right: 1px;
}
.mod-cont-free-wide .mtmt_footer  li a {
  display: block;
  padding: 10px 10px 2px 10px;
  font-size: 13px;
  line-height: 1.8em;
  text-align: center;
}
.mod-cont-free-wide .mtmt_footer .mtmt_how {
  border-bottom: 2px #fe2d2d solid;
}
.mod-cont-free-wide .mtmt_footer .mtmt_question {
  border-bottom: 2px #12bc00 solid;
}
.mod-cont-free-wide .mtmt_footer .mtmt_ask {
  border-bottom: 2px #ff962e solid;
}
/* 見出し */
.mod-cont-free-wide #mtmt_main .mtmt_gift h3 {
  margin-bottom: 0;
  border-top: 6px solid #ff7e00;
  background: #fff url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/icon_gift.gif) no-repeat 10px 12px;
  -webkit-background-size: 22px 23px;
          background-size: 22px 23px;
}
.mod-cont-free-wide #mtmt_main .mtmt_gift h3 div {
  border-top: 2px solid #ffb063;
  border-bottom: 2px solid #ffb063;
}
.mod-cont-free-wide #mtmt_main .mtmt_gift p a {
  text-decoration: underline;
  color: #4b4b4b;
}
/* ボタン */
.mod-cont-free-wide .mtmt_btn_giftcode a {
  margin-bottom: 10px;
  padding: 14px 0;
  font-size: 14px;
  text-decoration: none !important;
  color: #fff !important;
  border: 2px solid #ff9600;
  background: #ff9e13 url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/article/bg_linkarrowOrange.gif) no-repeat 0 0;
  -webkit-background-size: 38px 49px;
          background-size: 38px 49px;
}

/*** news-template-cmn ↓ ***/
.mod-cont-free-wide #news-main-area img {
  width: 100%;
}
.mod-cont-free-wide #news-main-area a {
  text-decoration: none;
  border: none;
}
.mod-cont-free-wide #news-header-img {
  margin-bottom: 15px;
}
.mod-cont-free-wide #news-header-img h2 {
  margin-bottom: 10px;
  line-height: 1;
}
.mod-cont-free-wide #news-header-img img,
.news-icon-set img {
  margin: 0;
}
.mod-cont-free-wide .news-icon-set {
  display: table;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 7px;
  vertical-align: top;
  background: #f3f3f3;
}
.mod-cont-free-wide .news-icon-set .icon {
  float: left;
  margin-right: 10px;
}
.mod-cont-free-wide .news-icon-set dl {
  display: block;
  overflow: hidden;
}
.mod-cont-free-wide .news-icon-set dt {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.2;
  color: #164a72;
}
.mod-cont-free-wide .news-icon-set dd.vendor {
  margin: 0;
  padding-top: 5px;
  font-size: .7em;
  line-height: 1.4;
  color: #999;
}
.mod-cont-free-wide .news-cap {
  margin-bottom: 10px;
  line-height: 1.4;
}
.mod-cont-free-wide .news-cap .btm_line {
  font-weight: bold !important;
  border-bottom: 1px solid #666;
}
.mod-cont-free-wide .news-intro-txt {
  font-size: .9em;
  line-height: 1.4;
}
.mod-cont-free-wide .news-intro-txt p {
  display: inline;
  border-bottom: 1px dotted #ccc;
}
.mod-cont-free-wide .news-app-box {
  margin-bottom: 20px;
}
.mod-cont-free-wide .news-app-box .news-icon-set:before {
  position: absolute;
  top: -5px;
  left: 0;
  width: 65px;
  content: "";
  border-top: 5px solid #36d28f;
}
.mod-cont-free-wide .news-app-box .news-icon-set {
  position: relative;
  margin-bottom: 10px;
  border-top: 5px solid #2fbff9;
}
.mod-cont-free-wide .news-app-box .news-icon-set .icon {
  float: left;
  overflow: hidden;
  width: 58px;
  height: 58px;
  margin-right: 10px;
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
.mod-cont-free-wide .news-app-box .news-icon-set .icon img {
  width: 58px;
  height: 58px;
}
.mod-cont-free-wide .news-app-box .news-cap {
  font-size: .95em !important;
  line-height: 1.5;
}
.mod-cont-free-wide .news-app-box hr {
  height: 1px;
  margin: 1em 0;
  border: 0;
  border-bottom: 1px dotted #337ca0;
}
.mod-cont-free-wide .news-photo-set {
  margin-bottom: 10px;
  padding: 0 10px;
  text-align: center;
}
.mod-cont-free-wide .news-photo-set > img {
  width: 44% !important;
  margin: 0 5px;
}
.mod-cont-free-wide .news-txt-set {
  margin-bottom: 10px;
}
.mod-cont-free-wide .btn-conv span {
  font-size: .8em;
}
.mod-cont-free-wide #news-app-link {
  margin: 0 -3.5% -16px;
  padding: 15px 10px;
  -webkit-border-radius: 0 0 7px 7px;
     -moz-border-radius: 0 0 7px 7px;
          border-radius: 0 0 7px 7px;
  background: #2e373d;
}
.mod-cont-free-wide #news-app-link li {
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #fff;
}
.mod-cont-free-wide #news-app-link li:last-child {
  margin-bottom: 0;
}
.mod-cont-free-wide #news-app-link .news-icon-set {
  margin-bottom: 7px;
}
.mod-cont-free-wide #news-app-link .news-icon-set dt {
  font-size: .8em;
}
.mod-cont-free-wide #news-app-link .news-icon-set dd {
  padding-top: 3px;
}
.mod-cont-free-wide #news-app-link .news-icon-set .icon {
  float: left;
  overflow: hidden;
  width: 43px;
  height: 43px;
  margin-right: 10px;
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
.mod-cont-free-wide #news-app-link .news-icon-set .icon img {
  width: 43px;
  height: 43px;
}
.mod-cont-free-wide #news-app-link .news-cap {
  padding: 0 10px;
  font-size: .8em;
  line-height: 1.4;
}
.mod-cont-free-wide #news-app-link .btn-conv,
#news-app-link .btn-green {
  width: 65%;
  padding: 10px 0;
  font-size: .8em;
}
.mod-cont-free-wide #news-app-link ul {
  margin-bottom: 10px;
}
.mod-cont-free-wide #news-app-link ul:last-child {
  margin-bottom: 0;
}
.mod-cont-free-wide #news-app-link #gift .news-icon-set {
  border-top: 5px solid #a4e24c;
}
.mod-cont-free-wide #news-app-link #store .news-icon-set {
  border-top: 5px solid #4ce0e2;
}
/* developer-title-setting ↓ */
.mod-cont-free-wide .ttl-dev {
  margin-top: -13px;
  padding: 10px 5px 8px;
  font-weight: bold;
  line-height: 1.3 !important;
  text-align: center;
  color: #fff;
  background: #083a57;
}
.mod-cont-free-wide .ttl-sub,
.ttl-rcm,
.ttl-cap {
  padding: .3em .5em;
  font-size: 1em !important;
}
.mod-cont-free-wide .ttl-sub {
  margin-bottom: 15px !important;
  color: #083a57;
  border-left: 5px solid #da0038;
}
.mod-cont-free-wide .ttl-rcm {
  margin-bottom: 15px !important;
  color: #fff;
  border-left: 5px solid #00c4af;
}
.mod-cont-free-wide .ttl-cap {
  margin-bottom: 10px !important;
  color: #083a57;
  border-left: 5px solid #00c4af;
}
/* developer-title-setting ↑ */
/* ranking-title-setting ↓ */
.mod-cont-free-wide .news-rank-ttl {
  position: relative;
  z-index: 100;
  margin-bottom: 3px;
  padding: .5em 0 .3em 40px;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  background: #083a57;
}
.mod-cont-free-wide .news-rank-ttl:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  content: "";
  border-bottom: 1px dotted #083a57;
}
.mod-cont-free-wide .news-rank-ttl .rank3 {
  background: url(/img/renew/icn_rank3.png) no-repeat left top;
}
.mod-cont-free-wide .news-rank-ttl .rank1 {
  background: url(/img/renew/icn_rank1.png) no-repeat left top;
}
.mod-cont-free-wide .news-rank-ttl .rank2 {
  background: url(/img/renew/icn_rank2.png) no-repeat left top;
}
.mod-cont-free-wide .news-rank-ttl .rank1,
.news-rank-ttl .rank2,
.news-rank-ttl .rank3 {
  position: absolute;
  z-index: 100;
  top: 1px;
  left: 4px;
  width: 30px;
  height: 55px;
  -webkit-background-size: contain;
          background-size: contain;
}
.mod-cont-free-wide .news-rank-ttl .rank4below {
  margin-left: -30px;
  font-weight: bold;
}
/* ranking-title-setting ↑ */
/*** news-template-cmn ↑ ***/



/*====================================================
大見出し
====================================================*/


/*-----ttl-bar-blue---*/

.mod-cont-free-wide .ttl-bar-blue {
  position: relative;
  margin-bottom: 25px;
  padding: 10px 10px 10px 15px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  background: #032336;
}

.mod-cont-free-wide .ttl-bar-blue:after {
  position: absolute;
  top: 50%;
  left: -5px;
  display: block;
  width: 5px;
  height: 28px;
  margin-top: -14px;
  content: "";
  border-right: 5px solid #256281;
  background: #00c4af;
}


.mod-cont-free-wide .ttl-bar-blue:before {
  position: absolute;
  bottom: -8px;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  content: "";
  border-bottom: 4px solid #c0dff2;
  background: #92bad2;
}

/*-----ttl-paging---*/

.mod-cont-free-wide .ttl-paging {
  position: relative;
  margin-right: -15px;
  margin-bottom: 25px;
  padding: 10px 10px 10px 90px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  border-top: 4px solid #aa21d0;
  background: #000;
}


.mod-cont-free-wide .ttl-paging:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-width: 40px 0 0 40px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}


.mod-cont-free-wide .ttl-paging .arrow {
  position: absolute;
  z-index: 10;
  top: -6px;
  left: -10px;
  padding: 10px 0 10px 10px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #cc0d6d;
}

.mod-cont-free-wide .ttl-paging .arrow em {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  color: #cc0d6d;
  background: #fff;
}

.mod-cont-free-wide .ttl-paging .arrow:after {
  position: absolute;
  top: 50%;
  right: -20px;
  width: 0;
  height: 0;
  margin-top: -20px;
  content: "";
  border-width: 20px 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent transparent #cc0d6d;
}

/*-----ttl-num---*/

.mod-cont-free-wide .ttl-num {
  margin-top: 30px;
  margin-bottom: 15px;
  margin-left: 29px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  text-indent: -29px;
  color: #cc0d6d;
  border-bottom: 1px solid #cc0d6d;
}

.mod-cont-free-wide .ttl-num:first-letter {
  margin-right: 5px;
  padding: 2px 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #cc0d6d;
}


.mod-cont-free-wide .ttl-num span {
  margin-right: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  background: none !important;
}

/*-----ttl-outline---*/

.mod-cont-free-wide .ttl-round {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 6px 10px 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 999px;
     -moz-border-radius: 999px;
          border-radius: 999px;
  background: #cc0d6d;
}

/*-----ttl-outline---*/

.mod-cont-free-wide .ttl-outline {
  margin-bottom: 15px;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  color: #cc0d6d;
  border: 3px solid #cc0d6d;
  border-radius: 5px;
}


/*-----ttl-underline---*/

.mod-cont-free-wide .ttl-underline {
  position: relative;
  margin-bottom: 7px;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  color: #003049;
  border-bottom: 2px solid #00bcf9;
}

.mod-cont-free-wide .ttl-underline:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: inline-block;
  width: 30%;
  height: 2px;
  content: "";
  background: #00d591;
}



/*====================================================
小見出し
====================================================*/

.mod-cont-free-wide .ttl-green {
  margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border-left: 5px solid #00c4af;
}


.mod-cont-free-wide .ttl-red {
  margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border-left: 5px solid #cc0d6d;
}


.mod-cont-free-wide .ttl-green-dark {
  margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-left: 5px solid #00c4af;
}


.mod-cont-free-wide .ttl-red-dark {
  margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-left: 5px solid #cc0d6d;
}


/*---ttl-sub-outline---*/

.mod-cont-free-wide .ttl-sub-outline {
  margin-bottom: 15px;
  padding: 3px 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #cc0d6d;
  border: 2px solid #cc0d6d;
  border-radius: 3px;
}



/*====================================================
キャプション
====================================================*/
.mod-cont-free-wide .caption-img {
  margin-bottom: 20px;
  font-size: 10px;
  line-height: 1.4;
}



/*====================================================
引用
====================================================*/
.mod-cont-free-wide .misc {
  display: block;
  margin: 10px 0;
  padding-bottom: 10px;
  font-size: 12px;
  border-bottom: 1px dotted #999;
}

.mod-cont-free-wide .misc:before,
.mod-cont-free-wide .misc:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

.mod-cont-free-wide .misc dt {
  display: inline-block;
  float: left;
  min-width: 5em;
  margin-right: 3px;
  padding: 5px 3px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #cc0d6d;
  border: 1px solid #cc0d6d;
}

.mod-cont-free-wide .misc dd {
  display: inline-block;
  float: right;
  width: 79%;
  padding-top: 3px;
  line-height: 1.4;
}



/*====================================================
リンク
====================================================*/

/*---link-list---*/
.mod-cont-free-wide .link-list {
  margin-bottom: 15px;
  border-top: 1px dotted #ccc;
}

.mod-cont-free-wide .link-list li {
  border-bottom: 1px dotted #ccc;
}

.mod-cont-free-wide .link-list li a {
  display: block;
  padding: 10px 30px 10px 10px;
  font-size: 14px;
  line-height: 1.4;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjM5OTAzMzM5QUUwMTFFNUJFRTFFMDZDN0QyOTdGQzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjM5OTAzMzQ5QUUwMTFFNUJFRTFFMDZDN0QyOTdGQzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzk5MDMzMTlBRTAxMUU1QkVFMUUwNkM3RDI5N0ZDMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzk5MDMzMjlBRTAxMUU1QkVFMUUwNkM3RDI5N0ZDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PscYHkQAAAFVSURBVHjatNY/KEVhGMfxc7iJwsDEJnUWMcpASZThkiyyKCXFJmGySpRSMmGgDFdkYUGRWwYTizohk2QgxXKj4/vWc/VkOOI8nvrU+3Rv59e977/jR1Hk6QrD0EtaQRB8jQtivjeJFyyj8K9hcQHjKMcIMiiyDlhU417sodQyYEZ+RX6S2nGACqsAVwsYwof0TThGlVWAqzX0ISd9PU5RYxXgahtpvElfiyzqrAI8+f878Cx9NU7QaBXg6gyteJC+EodoswpwdYkW3ElfJks4bRXg6hrNuJG+GOuWAa4aZB7ydWsZ0INdlEh/hW6rgH5sqbPpQib+3iJgEBtISX8uK+jRYhWNYlUd3VnZF08W+2ACS/ClP0Kn3BeJd/I05tTD99Gljo3YSv3w+SymVL8jk5yzug/0wze/naqJA8bUeAUDeLe+0V4xj2F16fyq/P9+bfkUYADIj0cmBpu2xgAAAABJRU5ErkJggg==) right center no-repeat;
  background-size: 12px auto;
}


/*====================================================
アコーディオン
====================================================*/

/*---link-list---*/
.mod-cont-free-wide .mod-accordion {
  margin-bottom: 15px;
}

.mod-cont-free-wide .mod-accordion dt {
  position: relative;
  padding: 10px 30px 10px 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  background: #f4f4f4;
}

.mod-cont-free-wide .mod-accordion dt.open-panel:after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 12px;
  content: "+";
  text-align: center;
  color: #fff;
  background: #337ca0;
}

.mod-cont-free-wide .mod-accordion dt.close-panel:after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 12px;
  content: "-";
  text-align: center;
  color: #fff;
  background: #337ca0;
}

.mod-cont-free-wide .mod-accordion dd {
  padding: 10px;
  font-size: 12px;
  line-height: 1.6;
}


/*====================================================
エリア
====================================================*/

/*---dark-area---*/
/*.mod-cont-free-wide .dark-area {
  background:#083A57;
  padding:30px 15px;
  margin:0 -15px;
  color:#fff;
}*/


/*====================================================
キャラ枠
====================================================*/
/*---mod-chara-box---*/
.mod-cont-free-wide .mod-chara-box {
  margin-bottom: 15px;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0,0,0,.5);
}

.mod-cont-free-wide .mod-chara-box .ttl-chara {
  margin-bottom: 15px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 999px;
  background: #337ca0;
}


.mod-cont-free-wide .mod-chara-box img {
  width: 70%;
  margin: 0;
}



/*====================================================
コラム枠
====================================================*/


/*---mod-gift-box---*/
.mod-cont-free-wide .mod-gift-box .limits {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #00caab;
  border: 2px solid #00caab;
  border-radius: 2px;
}

/*---column-box---*/

.mod-cont-free-wide .column-box {
  margin: 30px 0 0;
  padding: 10px;
  font-size: 12px;
  border: 2px solid #ccc;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #eee;
}

.mod-cont-free-wide .column-box img {
  margin-bottom: 5px;
}

.mod-cont-free-wide .column-box p {
  font-size: 11px;
  color: #333;
}

.mod-cont-free-wide .ttl-sub-column {
  clear: both;
  margin-bottom: 5px !important;
  padding: 5px 0 5px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #083a57;
  border-left: 5px solid #da0038;
}

.mod-cont-free-wide .ttl-column,
.mod-cont-free-wide .ttl-round {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 999px;
     -moz-border-radius: 999px;
          border-radius: 999px;
  background: #cc0d6d;
}


/*====================================================
ボタン
====================================================*/

.mod-cont-free-wide .dl-btn img {
  margin: 0;
}


/*----btn-tw----*/


.mod-cont-free-wide .btn-tw {
  display: block;
  width: 80%;
  margin: 15px auto;
  padding: 10px 0;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 999px;
     -moz-border-radius: 999px;
          border-radius: 999px;
  background: #52b0d7;
  -webkit-box-shadow: 0 4px 0 #287d96;
     -moz-box-shadow: 0 4px 0 #287d96;
          box-shadow: 0 4px 0 #287d96;
}

.mod-cont-free-wide .btn-tw span {
  padding-left: 25px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none !important;
  color: #fff !important;
  background: url(/img/icn_tw.png) left center no-repeat;
  background-size: 24px auto;
}


/*----actOS-btn----*/

.mod-cont-free-wide ul.actOS-btn {
  margin: 25px 10px;
}


.mod-cont-free-wide ul.actOS-btn li {
  display: inline-block !important;
  float: left;
  width: 48% !important;
  border: none !important;
  background: none !important;
}

.mod-cont-free-wide ul.actOS-btn li.single {
  float: none;
  width: 80% !important;
  margin: 0 10% !important;
}

.mod-cont-free-wide ul.actOS-btn li.ios {
  float: right;
}


.mod-cont-free-wide ul.actOS-btn li:nth-child(1) a {
  display: inline-block !important;
  width: 100%;
  padding: 0 !important;
  text-align: center;
  color: #fff !important;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background: #cc0d6d;
  -webkit-box-shadow: 0 4px 0 #8e0036;
     -moz-box-shadow: 0 4px 0 #8e0036;
          box-shadow: 0 4px 0 #8e0036;
}

.mod-cont-free-wide ul.actOS-btn li:nth-child(2) a {
  display: inline-block !important;
  width: 100%;
  padding: 0 !important;
  text-align: center;
  color: #fff !important;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background: #813cbc;
  -webkit-box-shadow: 0 4px 0 #4b2173;
     -moz-box-shadow: 0 4px 0 #4b2173;
          box-shadow: 0 4px 0 #4b2173;
}


.mod-cont-free-wide ul.actOS-btn li span {
  display: inline-block !important;
  padding: 12px 0 10px 34px !important;
  font-size: 86%;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}


.mod-cont-free-wide ul.actOS-btn li.android span {
  background: url(/img/renew/icn_android.png) left center no-repeat !important;
  background-size: 26px auto !important;
}

.mod-cont-free-wide ul.actOS-btn li.ios span {
  background: url(/img/renew/icn_ios.png) left center no-repeat !important;
  background-size: 26px auto !important;
}



/*----btn-next----*/
.mod-cont-free-wide .btn-next {
  position: relative;
  display: block;
  width: 70%;
  margin: 15px auto;
  padding: 10px 25px 10px 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  color: #cc0d6d !important;
  border: 2px solid #cc0d6d;
  border-radius: 3px;
}

.mod-cont-free-wide .btn-next:after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 7px;
  height: 11px;
  margin-top: -5px;
  content: "";
  background: url(/img/renew/icn_arrow_red.png) center center no-repeat;
  background-size: contain;
}


.mod-cont-free-wide .btn-next span {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  padding: 2px 3px;
  font-size: 10px;
  color: #fff;
  background: #cc0d6d;
}

.mod-cont-free-wide .btn-next span:after {
  position: absolute;
  top: 50%;
  right: -8px;
  width: 0;
  height: 0;
  margin-top: -8px;
  content: "";
  border-width: 8px 0 8px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #cc0d6d;
}


/*====================================================
ページャー
====================================================*/

/*-----pager---*/

.mod-cont-free-wide .pager {
  display: inline-block;
  margin: 30px 0;
}

.mod-cont-free-wide .pager li {
  float: left;
  margin: 0 5px;
}

.mod-cont-free-wide .pager li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #cc0d6d;
  border: 1px solid #cc0d6d;
}

.mod-cont-free-wide .pager li a.active {
  color: #fff;
  background: #cc0d6d;
}



/*====================================================
ファンリーチ
====================================================*/

.mod-cont-free-wide #fun-reach {
  margin: -15px;
}

.mod-cont-free-wide #fun-reach .img-cap {
  display: block;
  width: 90% !important;
  margin: 20px auto !important;
}

.mod-cont-free-wide #fun-reach .ttl-red {
  margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-left: 5px solid #da0038;
}

.mod-cont-free-wide #fun-reach .ttl-green {
  margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-left: 5px solid #00c4af;
}

.mod-cont-free-wide #fun-reach .ttl-dl {
  position: relative;
  padding: 5px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border: 2px solid #da0038;
}

.mod-cont-free-wide #fun-reach .ttl-dl:after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-bottom: 40px;
  margin-left: -14px;
  content: "";
  border: 14px solid transparent;
  border-top: 14px solid #da0038;
}

.mod-cont-free-wide #fun-reach .mod-gift-box .gift-area img {
  width: auto !important;
}

.mod-cont-free-wide #fun-reach .mod-gift-box .txt {
  color: #333 !important;
}

.mod-cont-free-wide #fun-reach #bg-area {
  background-position: center center;
  background-size: cover;
}

.mod-cont-free-wide #fun-reach #black-area {
  padding: 15px;
  color: #fff;
  background: rgba(16,45,64,.95);
}

.mod-cont-free-wide #fun-reach #black-area section {
  margin-bottom: 40px;
}
.mod-cont-free-wide #fun-reach #black-area p {
  margin-bottom: 1em;
  font-size: 12px;
  line-height: 1.6;
}

.mod-cont-free-wide #fun-reach #bg-area .btn-conv {
  height: 34px;
  margin: 30px auto;
  padding: 6px 0 5px !important;
}

.mod-cont-free-wide #fun-reach #black-area .btn-conv img {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 10px -12px 0;
  border: 1px solid #ccc;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px;
}

.mod-cont-free-wide #fun-reach #black-area .btn-conv span {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 34px;
  color: #fff !important;
}

.mod-cont-free-wide #fun-reach .dl-btn img {
  margin: 0;
}

.mod-cont-free-wide #fun-reach ul.actOS-btn li.android span.fs10 {
  padding: 0 !important;
  font-size: 10px;
  background: none !important;
}

.mod-cont-free-wide #fun-reach ul.actOS-btn li.ios span.fs10 {
  padding: 0 !important;
  font-size: 10px;
  background: none !important;
}



/*====================================================
ランキング
====================================================*/


.mod-cont-free-wide #ranking-cam .ttl-wrap {
  position: relative;
  overflow-x: hidden;
  margin: -15px -15px 0;
}

.mod-cont-free-wide #ranking-cam .ttl-wrap .bg {
  position: relative;
  width: 100%;
  margin: 0;
}

.mod-cont-free-wide #ranking-cam .ttl-cam-main {
  position: absolute;
  top: 35%;
  left: -10%;
  width: 120%;
  margin: 20px 0  30px;
  padding: 5px 0;
  -webkit-transform: rotate(-5deg);
  text-align: center;
  background: #083a57;
}

.mod-cont-free-wide #ranking-cam .ttl-cam-main > span {
  display: block;
  padding: 10px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  color: #eae08c;
  border-top: 1px solid #eae08c;
  border-bottom: 1px solid #eae08c;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}


.mod-cont-free-wide #ranking-cam table {
  width: 100%;
  margin: 0 auto;
  margin: 10px 0;
  border-spacing: 0 5px;
  border-collapse: separate;
  font-size: 12px;
  line-height: 1.3;
}


.mod-cont-free-wide #ranking-cam table th,
.mod-cont-free-wide #ranking-cam table td {
  padding: 7px 10px;
}

.mod-cont-free-wide #ranking-cam table th {
  position: relative;
  overflow: visible;
  font-weight: bold;
  text-align: left;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 2px 0 0 2px;
  background: #083a57;
}

.mod-cont-free-wide #ranking-cam table th span {
  display: block;
  font-size: 10px;
  color: #fff;
}

.mod-cont-free-wide #ranking-cam table th:after {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  margin-top: -4px;
  content: " ";
  pointer-events: none;
  border: solid transparent;
  border-width: 4px;
  border-left-color: #083a57;
}

.mod-cont-free-wide #ranking-cam table td {
  padding-left: 10px;
  vertical-align: middle;
  border-radius: 0 2px 2px 0;
  background: #efeff4;
}

.mod-cont-free-wide #ranking-cam table td img {
  display: block;
  width: 60%;
  margin: 10px auto;
}

.mod-cont-free-wide #ranking-cam table td p {
  font-size: 12px !important;
  text-align: center;
}


.mod-cont-free-wide #ranking-cam .mod-api-counter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}


/*====================================================
マンガ
====================================================*/

.mod-cont-free-wide .article-4koma img {
  width: 100%;
}

.mod-cont-free-wide .article-4koma .ttl {
  padding: 10px;
  text-align: center;
  border-top: 3px solid #01d0d0;
  background: #efeded;
}

.mod-cont-free-wide .article-4koma .manga {
  max-width: 75%;
  margin: 0 auto;
}

.mod-cont-free-wide .news-intro-txt {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.4;
}

.mod-cont-free-wide .news-intro-txt p {
  display: inline;
  border-bottom: 1px dotted #ccc;
}


.mod-cont-free-wide #list-comic {
  width: 100%;
  margin: 15px 0;
}

.mod-cont-free-wide #list-comic li {
  border-bottom: 1px dotted #999;
}

.mod-cont-free-wide #list-comic li > a {
  display: block;
  padding: 10px;
}


.mod-cont-free-wide #list-comic li > a .thumb {
  position: relative;
  float: left;
  overflow: hidden;
  width: 120px;
  height: 84px;
}

.mod-cont-free-wide #list-comic li > a:before,
.mod-cont-free-wide #list-comic li > a:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}


.mod-cont-free-wide #list-comic li > a .thumb img {
  position: absolute;
  top: -34px;
  left: -12px;
  width: 144px;
  max-width: initial;
  margin: 0;
}

.mod-cont-free-wide #list-comic li > a p {
  float: right;
  width: 50%;
  height: 84px;
  font-size: 16px;
  font-weight: bold;
  line-height: 84px !important;
  line-height: 1;
  text-align: center;
  color: #666;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjM5OTAzMzM5QUUwMTFFNUJFRTFFMDZDN0QyOTdGQzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjM5OTAzMzQ5QUUwMTFFNUJFRTFFMDZDN0QyOTdGQzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMzk5MDMzMTlBRTAxMUU1QkVFMUUwNkM3RDI5N0ZDMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMzk5MDMzMjlBRTAxMUU1QkVFMUUwNkM3RDI5N0ZDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PscYHkQAAAFVSURBVHjatNY/KEVhGMfxc7iJwsDEJnUWMcpASZThkiyyKCXFJmGySpRSMmGgDFdkYUGRWwYTizohk2QgxXKj4/vWc/VkOOI8nvrU+3Rv59e977/jR1Hk6QrD0EtaQRB8jQtivjeJFyyj8K9hcQHjKMcIMiiyDlhU417sodQyYEZ+RX6S2nGACqsAVwsYwof0TThGlVWAqzX0ISd9PU5RYxXgahtpvElfiyzqrAI8+f878Cx9NU7QaBXg6gyteJC+EodoswpwdYkW3ElfJks4bRXg6hrNuJG+GOuWAa4aZB7ydWsZ0INdlEh/hW6rgH5sqbPpQib+3iJgEBtISX8uK+jRYhWNYlUd3VnZF08W+2ACS/ClP0Kn3BeJd/I05tTD99Gljo3YSv3w+SymVL8jk5yzug/0wze/naqJA8bUeAUDeLe+0V4xj2F16fyq/P9+bfkUYADIj0cmBpu2xgAAAABJRU5ErkJggg==) right center no-repeat;
  background-size: auto 16px;
}

/*====================================================
レビューキャンペーン
====================================================*/



.mod-cont-free-wide #review-cam #mod-cam-box {
  position: relative;
  overflow: hidden;
  margin: -16px -16px 0 -16px;
  margin-bottom: 20px;
  padding-bottom: 30px;
  background: #181621;
}

.mod-cont-free-wide #review-cam #mod-cam-box img {
  width: 100%;
  margin: 0;
}


.mod-cont-free-wide #review-cam #mod-cam-box .date-box {
  position: relative;
  width: 75%;
  margin: -30px auto 20px;
  padding: 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


.mod-cont-free-wide #review-cam #mod-cam-box .date-box dl {
  padding: 5px 0;
  font-size: 12px;
  line-height: 1;
  border-bottom: 1px dotted #666;
}

.mod-cont-free-wide #review-cam #mod-cam-box .date-box dl:before,
.mod-cont-free-wide #review-cam #mod-cam-box .date-box dl:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

.mod-cont-free-wide #review-cam #mod-cam-box .date-box dl:last-child {
  border: none;
}


.mod-cont-free-wide #review-cam #mod-cam-box .date-box dl dt {
  display: inline-block;
  float: left;
  width: 5em;
  margin-right: 10px;
  padding: 4px 5px 3px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #cc0d6d;
  border: 1px solid #cc0d6d;
}

.mod-cont-free-wide #review-cam #mod-cam-box .date-box dl dd {
  display: inline-block;
  padding: 4px;
  line-height: 1;
  color: #fff;
}

.mod-cont-free-wide #mod-cam-box a[class^="btn_"] {
  width: auto;
  margin: 10px 16px;
}



/*-----list-game---*/

.mod-cont-free-wide #review-cam .list-game {
  position: relative;
  overflow: hidden;
  margin: 20px 0;
  padding: 20px 10px;
  line-height: 0;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.mod-cont-free-wide #review-cam .list-game:before {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

.mod-cont-free-wide #review-cam .list-game:after {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 30px 30px 0;
  border-style: solid;
  border-color: transparent #00c4af transparent transparent;
}


.mod-cont-free-wide #review-cam .list-game .icon {
  display: block;
  float: left;
  overflow: hidden;
  width: 66px;
  height: 66px;
  margin-right: 10px;
  border: 1px solid #999;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

.mod-cont-free-wide #review-cam .list-game .icon img {
  width: 100%;
  margin: 0;
}


.mod-cont-free-wide #review-cam .list-game .add {
  position: absolute;
  top: 15px;
  left: -20px;
  padding: 10px 20px;
  font-size: 10px;
  transform: rotate(-45deg);
  text-align: center;
  color: #fff;
  background: #cc0d6d;
}


.mod-cont-free-wide #review-cam .list-game .cont {
  text-align: center;
}

.mod-cont-free-wide #review-cam .list-game .cont p {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
}

.mod-cont-free-wide #review-cam .list-game .cont .sub {
  padding-bottom: 3px;
  font-size: 8px;
  font-weight: normal;
  color: #bbb;
}

.mod-cont-free-wide #review-cam .list-game .cont .number {
  display: inline-block;
  padding: 5px 15px 4px;
  font-size: 10px;
  line-height: 1;
  color: #337ca0;
  border: 2px solid #337ca0;
  border-radius: 999px;
}

.mod-cont-free-wide #review-cam .list-game .cont .number span {
  font-size: 18px;
  font-weight: bold;
  color: #337ca0;
}

.mod-cont-free-wide #review-cam .list-game .add-l {
  position: absolute;
  top: 15px;
  left: -35px;
  padding: 10px 30px;
  font-size: 14px;
  transform: rotate(-45deg);
  text-align: center;
  color: #fff;
  background: #cc0d6d;
}



.mod-cont-free-wide #review-cam .list-game .present {
  clear: both;
  margin: 10px 0;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  background: #efeff4;
}

.mod-cont-free-wide #review-cam .list-game .present img {
  display: block;
  margin: 0 auto;
}

.mod-cont-free-wide #review-cam .list-game .present .sub {
  display: inline-block;
  margin-top: 7px;
  padding: 7px 15px 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  color: #cc0d6d;
  border: 2px solid #cc0d6d;
  border-radius: 3px;
}

.mod-cont-free-wide #review-cam .list-game .present .sub span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #cc0d6d;
}





.mod-cont-free-wide #review-cam .list-game .present .review li {
  padding: 10px 0;
  border-bottom: 1px dotted #aaa;
}

.mod-cont-free-wide #review-cam .list-game .present .review li:first-child {
  padding-top: 0;
}

.mod-cont-free-wide #review-cam .list-game .present .review li:before,
.mod-cont-free-wide #review-cam .list-game .present .review li:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}


.mod-cont-free-wide #review-cam .list-game .present .review li .user {
  float: right;
  overflow: hidden;
  width: 34px;
  height: 34px;
  margin: 0 0 5px 5px;
  border: 1px solid #999;
  border-radius: 999px;
}


.mod-cont-free-wide #review-cam .list-game .present .review li .user img {
  width: 100%;
  margin: 0;
}

.mod-cont-free-wide #review-cam .list-game .present .review li p {
  font-size: 10px;
  line-height: 1.4;
  /*overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 15;*/
  text-align: left;
  color: #333;
}



.mod-cont-free-wide #review-cam .list-game .mod-user-rank-vertical .user img {
  margin: 0;
}

.mod-cont-free-wide #review-cam .list-game .mod-user-rank-vertical {
  border: none;
}

.mod-cont-free-wide #review-cam .list-game .mod-user-rank-vertical.col3 li {
  padding-bottom: 0;
}

.mod-cont-free-wide #review-cam .list-game .ttl-border {
  position: relative;
  margin: 5px 0 25px;
  text-align: center;
  border-bottom: 1px dotted #5e9bba;
}

.mod-cont-free-wide #review-cam .list-game .ttl-border span {
  position: relative;
  bottom: -6px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #256281;
  background: #fff;
}

.mod-cont-free-wide #review-cam .list-game .btn-review {
  display: inline-block;
  margin: 15px auto 20px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #cc0d6d;
  -webkit-box-shadow: 0 4px 0 #8e0036;
     -moz-box-shadow: 0 4px 0 #8e0036;
          box-shadow: 0 4px 0 #8e0036;
}

.mod-cont-free-wide #review-cam .bg_gray img:nth-child(1) {
  width: 20% !important;
}


/*====================================================
pushLP（読み物系）
====================================================*/



.mod-cont-free-wide #push-reading #mod-main-box {
  position: relative;
  margin: 0 -15px;
  margin-bottom: 20px;
}

.mod-cont-free-wide #push-reading #mod-main-box img {
  width: 100%;
  margin: 0;
}

.mod-cont-free-wide #push-reading .list-game {
  position: relative;
  margin: 20px 0;
  padding: 10px;
  line-height: 0;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.mod-cont-free-wide #push-reading .list-game:before {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}

.mod-cont-free-wide #push-reading .list-game:after {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 0;
  height: 0;
  content: "";
  border-width: 40px 40px 0 0;
  border-style: solid;
  border-color: #00c4af transparent transparent transparent;
}

.mod-cont-free-wide #push-reading .list-game .num {
  position: absolute;
  z-index: 10;
  top: 10px;
  left: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}


.mod-cont-free-wide #push-reading .list-game .icon {
  display: block;
  float: left;
  overflow: hidden;
  width: 58px;
  height: 58px;
  margin-right: 10px;
  border: 1px solid #999;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

.mod-cont-free-wide #push-reading .list-game .icon img {
  width: 100%;
  margin: 0;
}

.mod-cont-free-wide #push-reading .list-game .cont {
  text-align: center;
}

.mod-cont-free-wide #push-reading .list-game .cont p {
  padding-bottom: 3px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
}

.mod-cont-free-wide #push-reading .list-game .img {
  display: block;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}

.mod-cont-free-wide #push-reading .list-game .img img {
  width: 100%;
  margin: 0;
}

.mod-cont-free-wide #push-reading .list-game .present {
  clear: both;
  padding: 10px;
  border-radius: 0 0 5px 5px;
  background: #efeff4;
}


.mod-cont-free-wide #push-reading .list-game .present p {
  font-size: 12px;
  line-height: 1.4;
  color: #333;
}

.mod-cont-free-wide #push-reading .list-game .present p span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #cc0d6d;
}


.mod-cont-free-wide #push-reading .list-game .ttl-border {
  position: relative;
  margin: 5px 0 25px;
  text-align: center;
  border-bottom: 1px dotted #5e9bba;
}

.mod-cont-free-wide #push-reading .list-game .ttl-border span {
  position: relative;
  bottom: -6px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #256281;
  background: #fff;
}


.mod-cont-free-wide #push-reading .list-game .btn-red {
  display: inline-block;
  width: 60%;
  margin: 15px auto 20px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #cc0d6d;
  -webkit-box-shadow: 0 4px 0 #8e0036;
     -moz-box-shadow: 0 4px 0 #8e0036;
          box-shadow: 0 4px 0 #8e0036;
}


.mod-cont-free-wide #push-reading .list-game .btn-green {
  display: inline-block;
  width: 60%;
  margin: 15px auto 20px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff !important;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #00c4af;
  -webkit-box-shadow: 0 4px 0 #008173;
     -moz-box-shadow: 0 4px 0 #008173;
          box-shadow: 0 4px 0 #008173;
}


/*====================================================
ゲームギフト杯
====================================================*/


.mod-cont-free-wide #ggcup #review-cam #mod-cam-box {
  background: url(https://s3-ap-northeast-1.amazonaws.com/gamegift/img/common/bg_image_cam.jpg) center top no-repeat;
  background-size: 100% auto;
}

.mod-cont-free-wide #ggcup #review-cam #mod-cam-box h1 {
  font-size: 0;
}

.mod-cont-free-wide #ggcup #review-cam #mod-cam-box .date-box {
  width: 90%;
  margin: 15px auto;
}

.mod-cont-free-wide #ggcup .mod-cont-free-wide .btn-tw {
  position: relative;
}

.mod-cont-free-wide #ggcup .comment-box {
  margin: 0 30px 15px 30px;
  padding: 10px;
  border-radius: 5px;
  background: rgba(255,255,255,.8);
}

.mod-cont-free-wide #ggcup .comment-box h2 {
  margin-bottom: 10px;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff;
  border-radius: 999px;
  background: #000;
}

.mod-cont-free-wide #ggcup .comment-box p {
  font-size: 14px;
  line-height: 1.4;
  color: #333 !important;
}

.mod-cont-free-wide #ggcup a.link {
  display: inline-block;
  margin-bottom: 10px;
}

.mod-cont-free-wide #ggcup .black-bg {
  padding: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.6)), to(rgba(0,0,0,0)));
}

.mod-cont-free-wide #ggcup .ins-box {
  margin-bottom: 15px;
}


.mod-cont-free-wide #ggcup .ins-box:before,
.mod-cont-free-wide #ggcup .ins-box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.mod-cont-free-wide #ggcup .ins-box .box {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 10px;
  border: 4px solid rgba(255,255,255,.2);
}

.mod-cont-free-wide #ggcup .ins-box .box .icon {
  position: absolute;
  top: -30px;
  left: 50%;
  width: 80px !important;
  margin-left: -40px !important;
}

.mod-cont-free-wide #ggcup .ins-box .box.gift {
  background: rgba(255,0,180,.9);
}

.mod-cont-free-wide #ggcup .ins-box .box.stamp {
  background: rgba(0,182,234,.9);
}


.mod-cont-free-wide #ggcup .ins-box .box p {
  padding-top: 40px;
  font-size: 11px;
  line-height: 1.4;
  color: #fff;
}

.mod-cont-free-wide #ggcup .ins-box .box p span {
  font-weight: bold;
  color: #d8ff00;
}

.mod-cont-free-wide #ggcup .mask {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
}

.mod-cont-free-wide #ggcup .mask .attention,
.mod-cont-free-wide #ggcup .mask .attention_under {
  position: absolute;
  top: 50vh;
  left: 50%;
  width: 250px;
  height: 250px;
  margin-top: -125px;
  margin-left: -125px;
  opacity: 0;
}


.mod-cont-free-wide #ggcup table.blue {
  width: 100%;
  margin: 0 auto;
  margin: 10px 0;
  border-spacing: 0 5px;
  border-collapse: separate;
  font-size: 12px;
  line-height: 1.3;
}

.mod-cont-free-wide #ggcup table.blue th,
.mod-cont-free-wide #ggcup table.blue td {
  padding: 7px 10px;
}

.mod-cont-free-wide #ggcup table.blue th {
  position: relative;
  overflow: visible;
  font-weight: bold;
  text-align: left;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 2px 0 0 2px;
  background: #083a57;
}

.mod-cont-free-wide #ggcup table.blue th span {
  display: block;
  font-size: 10px;
  color: #fff;
}

.mod-cont-free-wide #ggcup table.blue th:after {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  margin-top: -4px;
  content: " ";
  pointer-events: none;
  border: solid transparent;
  border-width: 4px;
  border-left-color: #083a57;
}

.mod-cont-free-wide #ggcup table.blue td {
  padding-left: 10px;
  vertical-align: middle;
  border-radius: 0 2px 2px 0;
  /*background: #efeff4;*/
  background: #fff;
}

.mod-cont-free-wide #ggcup table.blue td img {
  display: block;
  width: 60%;
  margin: 10px auto;
}

.mod-cont-free-wide #ggcup table.blue td p {
  font-size: 12px !important;
  text-align: center;
}

.mod-cont-free-wide #ggcup #push-reading .list-game .img {
  margin-bottom: 10px;
  line-height: 0;
}

.mod-cont-free-wide #ggcup #push-reading .list-game .present > p {
  margin-bottom: 1em;
  line-height: 1.6;
}

.mod-cont-free-wide #ggcup #push-reading .list-game .present > p span {
  display: inline;
  font-size: inherit;
}

.mod-cont-free-wide #ggcup #push-reading .list-game .btn-red {
  width: 80%;
  padding: 15px 10px;
}

.mod-cont-free-wide #ggcup .mod-data-table th,
.mod-cont-free-wide #ggcup .mod-data-table td {
  text-align: center;
}

.mod-cont-free-wide #ggcup .mod-data-table tr.red th,
.mod-cont-free-wide #ggcup .mod-data-table tr.red td {
  color: #d753ac !important;
  border: 2px solid #d753ac;
}


.mod-cont-free-wide #ggcup .guerrilla {
  position: relative;
  display: none;
  margin-top: 10px;
  padding: 20px 0 10px;
  text-align: center;
  border-radius: 5px;
  background: url(/img/renew/bg_banner.png) center center no-repeat;
  background-size: cover;
}

.mod-cont-free-wide #ggcup .guerrilla .mark_under {
  width: 200px;
  height: 200px;
  margin: 0;
}


.mod-cont-free-wide #ggcup .guerrilla .mark {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 200px;
  height: 200px;
  margin: 0;
  margin-left: -100px;
  -webkit-transform-origin: center center;
  -webkit-animation-name: roundAnim;
  -webkit-animation-duration: 10s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;

  -webkit-animation-fill-mode: both;
}


@-webkit-keyframes roundAnim {
  0% {
    transform: rotate(0);
  }

  99.9%,
  to {
    transform: rotate(360deg);
  }
}


.mod-cont-free-wide #ggcup .ex-box {
  margin-top: 10px;
  padding: 10px;
  text-align: left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;
}

.mod-cont-free-wide #ggcup .ex-box img {
  float: right;
  width: 30%;
}

.mod-cont-free-wide #ggcup .ex-box .ttl-round {
  font-size: 14px;
  line-height: 1;
}




.mod-cont-free-wide #bg-area {
  margin: -16px -16px 0;
}


.mod-cont-free-wide #black-area h2[class^="title_"] {
  color: #fff;
}

/*---グリフェス-----*/

.mod-cont-free-wide .mod-festival-box {
  margin: -16px;
}

.mod-cont-free-wide .mod-festival-box #vender {
  width: auto;
  margin: 0 30px;
}

.mod-cont-free-wide .mod-festival-box a[class^="btn_"] {
  width: auto;
  margin: 0 30px 30px;
}

.mod-cont-free-wide .mod-festival-box p {
  margin-bottom: 1em;
}



/*-----カウンターAPI-------*/

.mod-cont-free-wide .api-counter-wrap {
  width: 100%;
  padding: 20px 0;
}

.mod-cont-free-wide .api-counter-wrap .ttl-api-counter {
  display: block;
  padding: 0 0 3px 0;
  text-align: center;
}

.mod-cont-free-wide .api-counter-wrap .ttl-api-counter dt {
  position: relative;
  top: -3px;
  display: inline-block;
  margin-right: 5px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background: #e60057;
}

.mod-cont-free-wide .api-counter-wrap .ttl-api-counter dt:before {
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  content: "";
  border-top: 7px solid #e60057;
  border-right: 0 solid transparent;
  border-left: 7px solid transparent;
}

.mod-cont-free-wide .api-counter-wrap .ttl-api-counter dd {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}

.mod-cont-free-wide .api-counter-wrap.light .ttl-api-counter dd {
  color: #fff;
}

.mod-cont-free-wide .api-counter-wrap.dark .ttl-api-counter dd {
  color: #032336;
}

.mod-cont-free-wide .api-counter-wrap .api-counter {
  margin: 5px 0 0 0;
  line-height: 0;
  text-align: center;
}

.mod-cont-free-wide .api-counter-wrap .api-counter .cells {
  display: inline-block;
  line-height: 0;
}

.mod-cont-free-wide .api-counter-wrap.light .api-counter .cells {
  border: 2px solid #fff;
  background: rgba(0,0,0,.5);
}

.mod-cont-free-wide .api-counter-wrap.dark .api-counter .cells {
  border: 2px solid #032336;
  background: rgba(255,255,255,.5);
}

.mod-cont-free-wide .api-counter-wrap .api-counter .cells > li {
  position: relative;
  float: right;
  overflow-y: hidden;
  width: 38px;
  height: 44px;
}

.mod-cont-free-wide .api-counter-wrap.light .api-counter .cells > li {
  border-right: 1px solid #fff;
}

.mod-cont-free-wide .api-counter-wrap.dark .api-counter .cells > li {
  border-right: 1px solid #032336;
}

.mod-cont-free-wide .api-counter-wrap .api-counter .reel {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
}

.mod-cont-free-wide .api-counter-wrap .api-counter .reel li {
  overflow: hidden;
  width: 38px;
  height: 44px;
  font-size: 34px;
  font-weight: bold;
  line-height: 46px;
  text-align: center;
}

.mod-cont-free-wide .api-counter-wrap.light .api-counter .reel li {
  color: #fff;
}

.mod-cont-free-wide .api-counter-wrap.dark .api-counter .reel li {
  color: #032336;
}

.mod-cont-free-wide .api-counter-wrap .api-counter .cells > li:first-child {
  border-right: none;
}



/*----gacha info------*/

.mod-cont-free-wide .gacha-gift-list {
  box-sizing:border-box;
  width:100%;
  background:#efeff4;
  border-radius:3px;
  padding:10px;
  position:relative;
  margin-bottom:10px;
}

.mod-cont-free-wide .gacha-gift-list .inner:before,
.mod-cont-free-wide .gacha-gift-list .inner:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.mod-cont-free-wide .gacha-gift-list .icon {
  width:65px;
  height:65px;
  border-radius:10%;
  overflow:hidden;
  margin:0 10px 0 0;
  float:left;
  background:#090116;
}

.mod-cont-free-wide .gacha-gift-list .icon img {
  width:100%;
  height:auto;
  margin:0;
}

.mod-cont-free-wide .gacha-gift-list .ttl {
  font-size:13px;
  font-weight:bold;
  line-height:1.4;
}

.mod-cont-free-wide .gacha-gift-list .capacity {
  font-size:11px;
  font-weight:bold;
  line-height:1;
  background:#cc0d6d;
  padding:4px 5px 2px;
  border-radius:2px;
  color:#fff;
  display:inline-block;
  margin-top:5px;
}

.mod-cont-free-wide .gacha-gift-list .rarity {
  position:absolute;
  left:0;
  top:10px;
  transform:rotate(-45deg);
  color:#fff;
  font-size:12px;
  font-weight:bold;
  width:3em;
  text-align:center;
  z-index:10;
}

.mod-cont-free-wide .gacha-gift-list.ssr:after,
.mod-cont-free-wide .gacha-gift-list.sr:after,
.mod-cont-free-wide .gacha-gift-list.r:after,
.mod-cont-free-wide .gacha-gift-list.hn:after,
.mod-cont-free-wide .gacha-gift-list.n:after {
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  position:absolute;
  left:5px;
  top:5px;
}

.mod-cont-free-wide .gacha-gift-list.ssr:after {
  border-color:#c4a600 transparent transparent transparent;
}

.mod-cont-free-wide .gacha-gift-list.sr:after {
  border-color:#789ba4 transparent transparent transparent;
}

.mod-cont-free-wide .gacha-gift-list.r:after {
  border-color:#d4883e transparent transparent transparent;
}

.mod-cont-free-wide .gacha-gift-list.hn:after {
  border-color:#c788a7 transparent transparent transparent;
}

.mod-cont-free-wide .gacha-gift-list.n:after {
  border-color:#7cb7a9 transparent transparent transparent;
}


/*-----追加スタイル------*/


.mod-cont-free-wide .btn_col2 {
  /*margin: 16px 0 32px;*/
}

.mod-cont-free-wide .title_head {
  margin-bottom: 24px;
}

.mod-cont-free-wide .title_middle {
  margin-bottom: 12px;
}

.mod-cont-free-wide .title_sub {
  margin-bottom: 12px;
}

.mod-cont-free-wide .title_outline {
  margin-bottom: 12px;
}

.mod-cont-free-wide .list_link {
  margin-bottom: 12px;
}

.list_inbox .mod-cont-free-wide {
  padding: 16px 0;
  font-size: 14px;
  border-top: 1px solid #f0f0f0;
}

.list_inbox .mod-cont-free-wide p:not([class]) {
  margin-bottom: 1em;
  font-size: 14px;
}

.list_inbox .mod-cont-free-wide .bg_gray {
  margin-bottom: 16px;
}

.list_inbox .mod-cont-free-wide a[class^="btn_"] {
  margin: 16px 0;
}

.mod-cont-free-wide .bg_gray {
  margin: 8px 0;
}

.mod-cont-free-wide .data-table {
  margin-bottom: 16px;
}

.mod-cont-free-wide .box_reward {
  margin: 8px 0;
}

.mod-cont-free-wide .box_reward .title_info {
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 1.4;
  color: #fff;
}

.mod-cont-free-wide .box_reward .limits {
  padding: 4px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #cc0d6d;
  border: 1px solid #cc0d6d;
}

/*---mod-chara-box---*/
.mod-cont-free-wide .box_chara {
  margin: 12px 0;
  padding: 12px;
  text-align: center;
  border: 4px solid #eee;
}

.mod-cont-free-wide .box_chara .title_box-chara {
  margin-bottom: 15px;
  padding: 5px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #333;
  border-top: 1px solid #a0a0b1;
  border-bottom: 1px solid #a0a0b1;
  background: #e7e7f1;
}

.mod-cont-free-wide .box_chara img {
  max-width: 80%;
  margin-bottom: 12px;
}

.mod-cont-free-wide .block_comic {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: -30px -20px 0;
}


.list_inbox .mod-cont-free-wide .reply {
  position: relative;
  margin: 12px 0;
  padding: 8px 8px 8px 30px;
  font-size: 12px;
  border-radius: 2px;
  background: #efeff4;
}

.list_inbox .mod-cont-free-wide .reply:after {
  position: absolute;
  top: 12px;
  left: 8px;
  font-family: "icomoon" !important;
  font-size: 14px;
  content: "\e905";
  color: #cc0d6d;
}

@charset "utf-8";
/* CSS Document */
div#pushLP{font-size:86%;word-wrap:break-word;}
div#pushLP img{border:0;vertical-align: top;margin:0;padding:0;width:100%;height:auto;}
div#pushLP .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div#pushLP .clearfix {display: inline-table;overflow:hidden;}
div#pushLP ul,div#pushLP li{list-style:none;margin:0;padding:0;}
div#pushLP .box_game-header{padding: 16px 0;border-bottom:none;}
/*h2{margin-bottom:16px;}*/

div#pushLP div#recommend{overflow: hidden;background:#cc0d6d;}
div#pushLP div#recommend .box_game-header {padding: 16px;}
div#pushLP div#recommend div.inner{margin:0 16px 16px 16px;background:#ffffff;}
div#pushLP div#recommend div.inner p.banner{margin-bottom:16px;}
div#pushLP div#recommend div.inner p.summary{margin:0 16px 16px 16px;}
div#pushLP div#recommend div.inner button{margin:0 16px 16px 16px;width:calc(100% - 32px);}

div#pushLP div.section{padding:32px 16px;}
div#pushLP ul.banners li{position:relative;margin-top:16px;padding-top:16px;border-top:2px solid #dcdcdc;}
div#pushLP ul.banners li.top{margin-top: 0;border-top:none;}
div#pushLP ul.banners p.banner{margin-bottom:16px;}

div#pushLP div#pickup{background:#f4f4f4;}
div#pushLP div#pickup button{margin:32px 16px 16px 16px;width:calc(100% - 16px);}

div#pushLP div#comingsoon{background:#ffffff;}

div#pushLP div#news{background:#f4f4f4;}
div#pushLP div#news h2{margin-bottom:16px;}
div#pushLP div#news li{padding:16px 0;}
div#pushLP div#news div.clear{margin-top:16px;}

div#pushLP div#campaign{background:#ffffff;}
div#pushLP div#campaign h2{margin-bottom:16px;}
div#pushLP div#campaign ul.banners li{margin-top:0;margin-bottom:16px;padding-top:0;padding-bottom:16px;border-top:none;border-bottom:1px solid #e1e1e1;}

div#pushLP_enquite h3{text-align:center;}
div#pushLP_enquite span.highlight{position: relative;padding-right: 12px;color:#fffb91;}
div#pushLP_enquite span.highlight::after{content:'※';position: absolute;top: 0;font-size:6px;}
div#pushLP_enquite a.button{margin:16px auto;width:100%;color: #333333;font-weight: bold;line-height: 1.2em;}
div#pushLP_enquite a.btn_more{box-shadow: 0 2px 0 #a50053;background: #ffffff;width:90%;}