@charset "UTF-8";
button {
  background-color: transparent;
  padding: 0;
}

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

html {
  overflow-y: scroll;
}

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

b,
strong {
  font-weight: bold;
}

nav, ol, ul {
  list-style: none;
}

img {
  border: 0;
  vertical-align: top;
}

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

input,
button,
textarea {
  line-height: 1.231;
  color: #ffffff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
}

select,
input,
button {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow-x: hidden;
  overflow-y: auto;
  vertical-align: top;
}

:focus {
  outline: 0;
}

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

em, cite {
  font-style: normal;
}

table, th, td {
  border: none;
}

fieldset {
  border: none;
}

fieldset legend {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

hr {
  display: none;
}

input,
button,
textarea {
  border: 0;
}

/*
--------------------------------------------------
@:Default Style
--------------------------------------------------
*/
:lang(ja) {
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'Roboto', 'Helvetica Neue', sans-serif;
}

body {
  line-height: 1.231;
  color: #ffffff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
}

a:link, a:visited {
  color: #2d86b2;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #2d86b2;
  text-decoration: underline;
}

/*
==================================================
Layout
==================================================
*/
/*
--------------------------------------------------
@:Body, LyWrap
--------------------------------------------------
*/
body {
  position: relative;
  min-width: 1250px;
  background: #161729;
}
body.typeIFME {
  min-width: 100%;
  overflow: hidden;
  background-color: #34354f;
}

.LyWrap {
  position: relative;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 71px 0 120px;
  scrollbar-face-color: #2c2d49;
  scrollbar-shadow-color: #2c2d49;
  scrollbar-arrow-color: #2c2d49;
  scrollbar-track-color: #161729;
}
.typeTop .LyWrap {
  padding-bottom: 187px;
}
.typeIFME .LyWrap {
  padding: 0;
}

/*
--------------------------------------------------
@:Header
--------------------------------------------------
*/
.LyHead {
  z-index: 11;
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 500px;
  height: 71px;
  background-color: rgba(22, 23, 41, 0.8);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}

/*
--------------------------------------------------
@:Footer
--------------------------------------------------
*/
.LyFoot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 1250px;
  height: 120px;
  border-top: 1px solid rgba(43, 44, 69, 0.7);
  box-sizing: border-box;
  padding: 37px 0 0 41px;
}

/*
--------------------------------------------------
@:Contents
--------------------------------------------------
*/
.LyTop .lyTopInner {
  width: 1200px;
  margin: auto;
}
.typeTop .LyTop {
  position: relative;
  background-color: #0b0b1e;
}
.typeTop .LyTop::after {
  z-index: 9;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.05);
}

.typeUpcoming .LyContents {
  background-color: #22233a;
}
.typeGuide .LyContents {
  background-color: #fff;
  color: #000;
}

/*
==================================================
Extend
==================================================
*/
.LyHead:after, .MdGFT01Share .mdGFT01Ul:after, .MdGFT02Link .mdGFT02Ul:after, .MdMN01Bnr .mdMN01Inner:after, .MdMN04List .mdMN04Ul:after, .MdMN08Share:after, .MdMN16Gift .mdMN16Ul:after, .MdMN16Gift .mdMN16CoinSet:after, .MdMN17Chat .mdMN17Inner2:after, .MdMN19List .mdMN19Ul:after, .MdMN98Guide .mdMN98List:after {
  content: "";
  display: block;
  clear: both;
}

.MdGHD01Logo a, .MdGFT01Share .mdGFT01Live, .MdGFT01Share .mdGFT01Line, .MdGFT01Share .mdGFT01Tw, .MdBadge01, .MdBtn01Reload, .MdBtn01Block, .MdBtn01Like::before, .MdMN01Bnr .mdMN01PrevIco, .MdMN01Bnr .mdMN01NextIco, .MdMN07Option .mdMN07VDot::before, .MdMN08Share .mdMN08Line, .MdMN08Share .mdMN08Fb, .MdMN08Share .mdMN08Tw, .MdMN08Share .mdMN08Code, .MdMN08Share.mdMN08TypeL .mdMN08Line .mdMN08Ico, .MdMN08Share.mdMN08TypeL .mdMN08Fb .mdMN08Ico, .MdMN08Share.mdMN08TypeL .mdMN08Tw .mdMN08Ico, .MdMN12Popup .mdMN12Close, .MdMN16Gift .mdMN16BtnGift, .MdMN16Gift.ExClose .mdMN16BtnGift::before, .MdMN16Gift.ExOpen .mdMN16BtnGift::before, .MdMN18RankList [class^="mdMN18Rank"] .mdMN18Img::after, .MdMN98Guide .mdMN98List li::before, .MdMN99Login .mdMN99Close {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -9999px;
}

.MdIco01, .MdIcoLive01, .MdIcoStatusLive, .MdIcoStatusNext, .MdIcoStatusEnd, .MdIcoStatusRadio, .MdIco01Check label::before, .MdIco01Account01, [class^="MdCount"]::before, .MdBtn01App, .MdBtn01Adr, .MdBtn01Ios, .MdBtn01Prev01, .MdBtn01Next01, .MdBtn01Play, .MdBtn01Reserve, .MdBtn01Reserve02, .MdBtn01Line::before, .MdBtn01Follow::before, .MdBtn01H42.mdBtn01Share::before, .MdBtn01H42.mdBtn01Follow::before, .MdTxtReload::before, .MdMN04List .mdMN04More a::after, .MdMN05Video .mdMN05Block a::before, .MdMN15Comment .mdMN15LatestBtn::before, .MdMN15Comment.mdMN15Type3 .mdMN15Notice .mdMN15Heart::before, .MdMN16Gift .mdMN16Ttl::before, .MdMN16Gift .mdMN16Coin::before, .MdMN16Gift .mdMN16Head a::before, .MdMN17Chat .mdMN17Heart::before {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -9999px;
}

.MdMN02Item .mdMN02Ttl {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.MdMN15Comment .mdMN15Scroll::-webkit-scrollbar, .MdMN16Gift.ExOpen .mdMN16Ul::-webkit-scrollbar {
  width: 6px;
}
.MdMN15Comment .mdMN15Scroll::-webkit-scrollbar-track, .MdMN16Gift.ExOpen .mdMN16Ul::-webkit-scrollbar-track {
  background: transparent;
}
.MdMN15Comment .mdMN15Scroll::-webkit-scrollbar-thumb, .MdMN16Gift.ExOpen .mdMN16Ul::-webkit-scrollbar-thumb {
  background: #2c2d49;
  border-radius: 3px;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.MdGHD01Logo a, .MdGFT01Share .mdGFT01Live, .MdGFT01Share .mdGFT01Line, .MdGFT01Share .mdGFT01Tw, .MdIco01, .MdIcoLive01, .MdIcoStatusLive, .MdIcoStatusNext, .MdIcoStatusEnd, .MdIcoStatusRadio, .MdIco01Check label::before, .MdIco01Account01, [class^="MdCount"]::before, .MdBtn01App, .MdBtn01Adr, .MdBtn01Ios, .MdBtn01Prev01, .MdBtn01Next01, .MdBtn01Play, .MdBtn01Reload, .MdBtn01Reserve, .MdBtn01Reserve02, .MdBtn01Block, .MdBtn01Line::before, .MdBtn01Like::before, .MdBtn01Follow::before, .MdBtn01H42.mdBtn01Share::before, .MdBtn01H42.mdBtn01Follow::before, .MdTxtReload::before, .MdMN01Bnr .mdMN01PrevIco, .MdMN01Bnr .mdMN01NextIco, .MdMN04List .mdMN04More a::after, .MdMN05Video .mdMN05Block a::before, .MdMN07Option .mdMN07VDot::before, .MdMN08Share .mdMN08Line, .MdMN08Share .mdMN08Fb, .MdMN08Share .mdMN08Tw, .MdMN08Share .mdMN08Code, .MdMN08Share.mdMN08TypeL .mdMN08Line .mdMN08Ico, .MdMN08Share.mdMN08TypeL .mdMN08Fb .mdMN08Ico, .MdMN08Share.mdMN08TypeL .mdMN08Tw .mdMN08Ico, .MdMN12Popup .mdMN12Close, .MdMN12Popup.mdMN12Code .mdMN12Close, .MdMN12Popup.mdMN12Share .mdMN12Close, .MdMN15Comment .mdMN15LatestBtn::before, .MdMN15Comment.mdMN15Type3 .mdMN15Notice .mdMN15Heart::before, .MdMN16Gift .mdMN16Ttl::before, .MdMN16Gift .mdMN16BtnGift, .MdMN16Gift .mdMN16Coin::before, .MdMN16Gift .mdMN16Head a::before, .MdMN16Gift.ExClose .mdMN16BtnGift::before, .MdMN16Gift.ExOpen .mdMN16BtnGift::before, .MdMN17Chat .mdMN17Heart::before, .MdMN18RankList [class^="mdMN18Rank"] .mdMN18Img::after, .MdMN98Guide .mdMN98List li::before, .MdMN99Login .mdMN99Close {
  background-image: url(../img/sprite/pc_161219.png);
}

/*
==================================================
Module
==================================================
*/
/*
--------------------------------------------------
from njlib-private/_style-mixin-module.scss
--------------------------------------------------
*/
/* @:MdCF */
.MdCF:after {
  content: "";
  display: block;
  clear: both;
}

/* @:MdHide */
.MdHide {
  position: absolute;
  left: -9999px;
}

/* @:MdNonDisp */
.MdNonDisp {
  display: none !important;
}

/* @:MdFont */
.MdFontB {
  font-weight: bold !important;
}

.MdFontN {
  font-weight: normal !important;
}

/* @:Link Style */
.MdLink01, .MdLink01:link, .MdLink01:visited, .MdLink01:hover, .MdLink01:active, .MdLink01:focus {
  text-decoration: underline !important;
}

.MdLink02, .MdLink02:link, .MdLink02:visited, .MdLink02:hover, .MdLink02:active, .MdLink02:focus {
  text-decoration: none !important;
}

.MdLink03, .MdLink03:link, .MdLink03:visited {
  text-decoration: underline !important;
}
.MdLink03:hover, .MdLink03:active, .MdLink03:focus {
  text-decoration: none !important;
}

.MdLink04, .MdLink04:link, .MdLink04:visited {
  text-decoration: none !important;
}
.MdLink04:hover, .MdLink04:active, .MdLink04:focus {
  text-decoration: underline !important;
}

/*
--------------------------------------------------
基本style
--------------------------------------------------
*/
/* @:MdMargin */
/*
--------------------------------------------------
Text
--------------------------------------------------
*/
/* @:MdSeparator */
/* @:MdColor */
/*
--------------------------------------------------
List
--------------------------------------------------
*/
/*
--------------------------------------------------
Form
--------------------------------------------------
*/
/*
--------------------------------------------------
Button, Icon
--------------------------------------------------
*/
/*
 * @:MdBtn{nn}{ActionName}{nn}
 */
/* @:MdBtn01{ActionName}{nn} : 画像のみのボタン */
/* @:MdBtn02{ActionName}{nn} : アイコン＋テキスト のボタン */
/* @:MdBtn03{ActionName}{nn} : CSSでボタンの装飾をしたボタン */
/*
--------------------------------------------------
@:GHD Module
--------------------------------------------------
*/
.MdGHD01Logo {
  float: left;
  margin: 23px 0 0 50px;
}
.MdGHD01Logo a {
  width: 72px;
  height: 24px;
  background-position: -212px -391px;
}

.MdGHD02Down {
  float: right;
  position: relative;
  margin: 18px 50px 0 0;
}
.MdGHD02Down > button {
  display: inline-block;
}
.MdGHD02Down .mdGHD02App,
.MdGHD02Down .mdGHD02Login {
  height: 34px;
  line-height: 33px;
  font-size: 12px;
  border: 1px solid #50515f;
  border-radius: 30px;
  box-shadow: inset 0 0 1px #50515f;
  padding: 0 21px;
  margin-left: 8px;
}
.MdGHD02Down .mdGHD02App:hover,
.MdGHD02Down .mdGHD02Login:hover {
  color: #00ff71;
  border-color: #00ff71;
  box-shadow: inset 0 0 1px #00ff71;
}
.MdGHD02Down .mdGHD02App:hover + .mdGHD02Qr {
  display: block;
}
.MdGHD02Down .mdGHD02User {
  position: relative;
  top: -1px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  vertical-align: middle;
  margin-left: 7px;
}
.MdGHD02Down .mdGHD02Qr {
  display: none;
  z-index: 2;
  position: absolute;
  top: 54px;
  left: 5px;
  background-color: #fff;
  padding: 26px;
}
.MdGHD02Down .mdGHD02Qr::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #fff transparent;
  margin-left: -10px;
}

.MdGHD03Menu {
  position: absolute;
  top: 71px;
  right: 45px;
  background: #27283f;
  border-radius: 2px;
  padding: 6px 16px 7px;
}
.MdGHD03Menu::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 14px;
  width: 0;
  height: 0;
  display: block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #27283f;
}
.MdGHD03Menu .mdGHD03Li {
  padding: 12px 0 11px;
}
.MdGHD03Menu .mdGHD03Li a {
  display: block;
  font-size: 12px;
  color: #fff;
}
.MdGHD03Menu .mdGHD03Li a:link, .MdGHD03Menu .mdGHD03Li a:visited, .MdGHD03Menu .mdGHD03Li a:hover, .MdGHD03Menu .mdGHD03Li a:active, .MdGHD03Menu .mdGHD03Li a:focus {
  text-decoration: none;
}
.MdGHD03Menu .mdGHD03Li a:hover {
  color: #00ff71;
}

/*
--------------------------------------------------
@:GFT Module
--------------------------------------------------
*/
.MdGFT01Share {
  position: absolute;
  top: 47px;
  right: 50px;
}
.MdGFT01Share .mdGFT01Ul > li {
  float: left;
  margin-left: 8px;
}
.MdGFT01Share .mdGFT01Ul > li:first-child {
  margin: 0;
}
.MdGFT01Share .mdGFT01Live {
  width: 94px;
  height: 26px;
  background-position: -354px -355px;
}
.MdGFT01Share .mdGFT01Line {
  width: 76px;
  height: 26px;
  background-position: -274px -355px;
}
.MdGFT01Share .mdGFT01Tw {
  width: 76px;
  height: 26px;
  background-position: -194px -355px;
}

.MdGFT02Link {
  font-size: 12px;
  color: #565672;
}
.MdGFT02Link a {
  color: #565672;
}
.MdGFT02Link .mdGFT02Ul > li {
  float: left;
  line-height: 20px;
  margin-right: 29px;
}
.MdGFT02Link .mdGFT02Txt {
  color: rgba(86, 86, 114, 0.5);
  margin-top: 8px;
}

/*
==================================================
Contents Specific Style
==================================================
*/
.MdIco01.mdIco01Friend {
  width: 190px;
  height: 32px;
  background-position: 0px -355px;
}

.MdIcoLive01 {
  width: 47px;
  height: 21px;
  background-position: -54px -420px;
}

.MdIcoStatusLive {
  width: 57px;
  height: 25px;
  background-position: -90px -391px;
  margin-right: -1px;
}

.MdIcoStatusNext {
  width: 57px;
  height: 25px;
  background-position: -29px -391px;
  margin-right: -1px;
}

.MdIcoStatusEnd {
  width: 57px;
  height: 25px;
  background-position: -151px -391px;
  margin-right: -1px;
}

.MdIcoStatusRadio {
  width: 25px;
  height: 25px;
  background-position: 0px -391px;
}

.MdIcoStatusTime {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  padding: 4px 6px 5px 5px;
}

.MdBadge01 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00ff71;
}

.MdIco01Check input {
  display: none;
}
.MdIco01Check label {
  font-size: 13px;
  line-height: 27px;
}
.MdIco01Check label::before {
  content: "";
  width: 27px;
  height: 27px;
  background-position: -364px -307px;
  vertical-align: middle;
  margin-right: 16px;
}
.MdIco01Check input[type="radio"]:checked + label::before {
  width: 27px;
  height: 27px;
  background-position: -395px -307px;
}

.MdIco01Account01 {
  width: 15px;
  height: 18px;
  background-position: -433px -391px;
}

[class^="MdCount"] {
  position: relative;
}
[class^="MdCount"]::before {
  content: "";
  margin-right: 3px;
}

.MdCountReserve::before {
  position: relative;
  top: 1px;
  width: 13px;
  height: 14px;
  background-position: -355px -420px;
}

.MdCountViewer::before {
  position: relative;
  top: 1px;
  width: 10px;
  height: 12px;
  background-position: -158px -155px;
}

.MdCountComment::before {
  width: 11px;
  height: 12px;
  background-position: -458px 0px;
}

.MdCountHeart::before {
  width: 12px;
  height: 10px;
  background-position: -274px -293px;
}

.MdCountArchive::before {
  position: relative;
  top: -1px;
  width: 9px;
  height: 10px;
  background-position: -458px -31px;
}

.MdBtn01App {
  width: 210px;
  height: 60px;
  background-position: -244px 0px;
}

.MdBtn01Adr {
  width: 132px;
  height: 46px;
  background-position: -274px -243px;
}

.MdBtn01Ios {
  width: 132px;
  height: 46px;
  background-position: -298px -182px;
}

.MdBtn01Prev01 {
  width: 14px;
  height: 24px;
  background-position: -288px -391px;
}
.MdBtn01Prev01:disabled, .MdBtn01Prev01.ExDisabled {
  cursor: default;
  width: 14px;
  height: 24px;
  background-position: -144px -127px;
}

.MdBtn01Next01 {
  width: 14px;
  height: 24px;
  background-position: -434px -182px;
}
.MdBtn01Next01:disabled, .MdBtn01Next01.ExDisabled {
  cursor: default;
  width: 14px;
  height: 24px;
  background-position: -144px -99px;
}

.MdBtn01Play {
  width: 59px;
  height: 67px;
  background-position: -72px -171px;
}

.MdBtn01Reload {
  width: 15px;
  height: 15px;
  background-position: -202px -420px;
}

.MdBtn01Reserve {
  width: 144px;
  height: 55px;
  background-position: -244px -123px;
}
.MdBtn01Reserve.ExSelected {
  width: 144px;
  height: 55px;
  background-position: -244px -64px;
}

.MdBtn01Reserve02 {
  width: 270px;
  height: 60px;
  background-position: 0px -243px;
}

.MdBtn01Block {
  width: 14px;
  height: 16px;
  background-position: -154px -72px;
}
.MdBtn01Block:hover {
  width: 14px;
  height: 16px;
  background-position: -145px -420px;
}

.MdBtn01Line {
  width: 340px;
  height: 56px;
  line-height: 56px;
  background: #00c300;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.MdBtn01Line::before {
  content: "";
  position: relative;
  top: 7px;
  width: 28px;
  height: 26px;
  background-position: -426px -307px;
  margin-right: 12px;
}

.MdBtn01Like {
  z-index: 9;
  width: 72px;
  position: relative;
  color: #9494b7;
  font-size: 11px;
  text-align: center;
}
.MdBtn01Like::before {
  content: "";
  width: 45px;
  height: 35px;
  background-position: -280px -307px;
  margin: auto auto 7px;
}

.MdBtn01Follow, .MdBtn01H42, .MdMN16Gift .mdMN16Charge {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 30px;
  border-width: 1px;
  border-style: solid;
  text-align: center;
}
.MdBtn01Follow:link, .MdBtn01H42:link, .MdMN16Gift .mdMN16Charge:link, .MdBtn01Follow:visited, .MdBtn01H42:visited, .MdMN16Gift .mdMN16Charge:visited, .MdBtn01Follow:hover, .MdBtn01H42:hover, .MdMN16Gift .mdMN16Charge:hover, .MdBtn01Follow:active, .MdBtn01H42:active, .MdMN16Gift .mdMN16Charge:active, .MdBtn01Follow:focus, .MdBtn01H42:focus, .MdMN16Gift .mdMN16Charge:focus {
  text-decoration: none;
}

.MdBtn01Follow, .MdBtn01H42 {
  border-color: #fff;
  box-shadow: inset 0 0 1px #ffffff;
  color: #fff !important;
}

.MdBtn01Follow {
  position: relative;
  height: 31px;
  line-height: 29px;
  font-size: 12px;
  font-weight: bold;
  padding: 0 14px;
}
.MdBtn01Follow::before {
  content: "";
  position: relative;
  top: 1px;
  width: 12px;
  height: 11px;
  background-position: -410px -278px;
  margin-right: 4px;
}
.MdBtn01Follow:hover {
  border-color: #00ff71;
  box-shadow: inset 0 0 1px #00ff71;
  color: #00ff71 !important;
}
.MdBtn01Follow:hover::before {
  width: 12px;
  height: 11px;
  background-position: -426px -278px;
}
.MdBtn01Follow.ExSelected {
  border-color: #00ff71;
  background: #00ff71;
  box-shadow: none;
  color: #161729 !important;
}
.MdBtn01Follow.ExSelected::before {
  width: 12px;
  height: 11px;
  background-position: -442px -278px;
}

.MdBtn01H42 {
  position: relative;
  height: 42px;
  line-height: 40px;
  font-size: 14px;
  padding: 0 30px;
}
.MdBtn01H42.ExSelected {
  border-color: #00ff71;
  box-shadow: inset 0 0 1px #00ff71;
  color: #00ff71 !important;
}
.MdBtn01H42.mdBtn01Share {
  width: 120px;
  padding: 0;
  margin: 0 4px;
}
.MdBtn01H42.mdBtn01Share::before {
  content: "";
  position: relative;
  top: 2px;
  width: 16px;
  height: 17px;
  background-position: -105px -420px;
  margin-right: 8px;
}
.MdBtn01H42.mdBtn01Share.ExSelected::before {
  width: 16px;
  height: 17px;
  background-position: -125px -420px;
}
.MdBtn01H42.mdBtn01Follow {
  width: 120px;
  padding: 0;
  margin: 0 4px;
}
.MdBtn01H42.mdBtn01Follow::before {
  content: "";
  position: relative;
  top: 2px;
  width: 16px;
  height: 15px;
  background-position: -163px -420px;
  margin-right: 4px;
}
.MdBtn01H42.mdBtn01Follow.ExSelected {
  background: #00ff71;
  color: #161729 !important;
  font-weight: bold;
}
.MdBtn01H42.mdBtn01Follow.ExSelected::before {
  width: 16px;
  height: 15px;
  background-position: -259px -420px;
}

.MdTxtReload::before {
  content: "";
  position: relative;
  top: 1px;
  width: 15px;
  height: 15px;
  background-position: -202px -420px;
  margin-right: 6px;
}

.MdMN01Bnr {
  position: relative;
  overflow: hidden;
  width: 1230px;
  height: 313px;
  margin: 0 auto;
}
.MdMN01Bnr .mdMN01Inner {
  width: 1674px;
  height: 313px;
  margin-left: -222px;
}
.MdMN01Bnr .mdMN01Item {
  float: left;
  position: relative;
  width: 558px;
}
.MdMN01Bnr .mdMN01Item.mdMN01Loading .mdMN01Img::after {
  width: 0;
  height: 0;
  background-image: none;
}
.MdMN01Bnr .mdMN01Item.mdMN01Loading .mdMN01TxtWrap {
  display: none;
}
.MdMN01Bnr .mdMN01Img {
  overflow: hidden;
  position: relative;
  width: 558px;
  height: 313px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.MdMN01Bnr:hover .mdMN01PrevIco,
.MdMN01Bnr:hover .mdMN01NextIco {
  display: block;
}
.MdMN01Bnr .mdMN01Prev, .MdMN01Bnr .mdMN01Next {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 336px;
  height: 100%;
  box-sizing: border-box;
  background-color: rgba(3, 5, 36, 0.55);
}
.MdMN01Bnr .mdMN01PrevIco, .MdMN01Bnr .mdMN01NextIco {
  display: none;
}
.MdMN01Bnr .mdMN01Prev {
  left: 0;
  background-image: linear-gradient(to right, #0b0b1e, rgba(11, 11, 30, 0));
  padding-left: 40px;
}
.MdMN01Bnr .mdMN01PrevIco {
  width: 46px;
  height: 95px;
  background-position: 0px 0px;
}
.MdMN01Bnr .mdMN01Next {
  right: 0;
  background-image: linear-gradient(to right, rgba(11, 11, 30, 0), #0b0b1e);
  padding-right: 40px;
}
.MdMN01Bnr .mdMN01NextIco {
  float: right;
  width: 46px;
  height: 95px;
  background-position: -50px 0px;
}
@media (min-width: 1674px) {
  .MdMN01Bnr {
    width: 1674px;
  }
  .MdMN01Bnr .mdMN01Inner {
    margin-left: 0px;
  }
  .MdMN01Bnr .mdMN01Prev,
  .MdMN01Bnr .mdMN01Next {
    width: 558px;
  }
}

.MdMN02Item .mdMN02ImgWrap {
  position: relative;
}
.MdMN02Item .mdMN02ImgWrap:hover .mdMN02Layer {
  display: block;
}
.MdMN02Item .mdMN02ImgWrap a:link, .MdMN02Item .mdMN02ImgWrap a:visited, .MdMN02Item .mdMN02ImgWrap a:hover, .MdMN02Item .mdMN02ImgWrap a:active, .MdMN02Item .mdMN02ImgWrap a:focus {
  text-decoration: none;
}
.MdMN02Item .mdMN02Img {
  position: relative;
  background-color: #202035;
}
.MdMN02Item .mdMN02ImgOpt {
  z-index: 2;
  position: absolute;
  top: 9px;
  left: 9px;
  color: #fff;
}
.MdMN02Item .mdMN02ImgOpt .MdIco01.mdIco01Time {
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.MdMN02Item .mdMN02Ttl {
  max-height: 40px;
  font-size: 16px;
  line-height: 1.25;
  -webkit-line-clamp: 2;
}
.MdMN02Item .mdMN02Ttl > em {
  font-weight: bold;
  margin-right: 6px;
}
.MdMN04List .mdMN04Top .MdMN02Item .mdMN02Ttl > em {
  color: #00ff71;
}
.MdMN02Item .mdMN02Layer {
  display: none;
  z-index: 3;
  position: absolute;
  width: 400px;
  height: 300px;
  box-sizing: border-box;
  left: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.88);
  border: 2px solid #00ff71;
}
.MdMN02Item .mdMN02LayerInner {
  display: table-cell;
  width: 396px;
  height: 296px;
  box-sizing: border-box;
  vertical-align: middle;
}
.MdMN02Item .mdMN02LayerImg {
  margin-bottom: 21px;
}
.MdMN02Item .mdMN02LayerImg img {
  display: inline-block !important;
}
.MdMN02Item .mdMN02LayerDesc {
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
.MdMN02Item .mdMN02LayerImg + .mdMN02LayerDesc {
  font-size: 16px;
}
.MdMN04List.mdMN04C03 .MdMN02Item .mdMN02ImgWrap.mdMN02Loading .mdMN02ImgOpt {
  display: none;
}
.MdMN04List.mdMN04C03 .MdMN02Item .mdMN02Img {
  width: 400px;
  height: 300px;
}
.MdMN04List.mdMN04C03 .MdMN02Item .mdMN02Ttl {
  margin-top: 19px;
}
.MdMN04List.mdMN04C05 .MdMN02Item .mdMN02Img {
  width: 234px;
  height: 175px;
}
.MdMN04List.mdMN04C05 .MdMN02Item .mdMN02ImgOpt {
  top: 7px;
  left: 7px;
}
.MdMN04List.mdMN04C05 .MdMN02Item .mdMN02Ttl {
  margin-top: 13px;
}
.MdMN04List.mdMN04C05 .MdMN02Item .MdIcoStatusLive {
  width: 50px;
  height: 22px;
  background-position: -306px -391px;
}
.MdMN04List.mdMN04C05 .MdMN02Item .MdIcoStatusNext {
  width: 50px;
  height: 22px;
  background-position: -100px -72px;
}
.MdMN04List.mdMN04C05 .MdMN02Item .MdIcoStatusEnd {
  width: 50px;
  height: 22px;
  background-position: 0px -420px;
}
.MdMN04List.mdMN04C05 .MdMN02Item .MdIcoStatusRadio {
  width: 22px;
  height: 22px;
  background-position: -172px -144px;
}
.MdMN02Item .MdIcoStatusTime {
  position: absolute;
  right: 6px;
  bottom: 6px;
}

.MdMN03Head {
  position: relative;
  margin-bottom: 16px;
}
.MdMN03Head .mdMN03Ttl {
  font-size: 20px;
}
.MdMN03Head .mdMN03Pagination {
  position: absolute;
  top: 0;
  right: 0;
}
.MdMN03Head .mdMN03Pagination .MdBtn01Prev01 + .MdBtn01Next01 {
  margin-left: 34px;
}
.MdMN03Head.mdMN03TypeC {
  text-align: center;
}
.MdMN03Head.mdMN03TypeC .mdMN03Desc {
  margin-top: 3px;
}
.MdMN03Head.mdMN03TypeC .mdMN03Desc > b {
  margin-left: 5px;
}

.MdMN04List .mdMN04Ul {
  margin: 0 -7px 0 -8px;
}
.MdMN04List .mdMN04Ul > li {
  float: left;
  margin: 0 7px 59px 8px;
}
.MdMN04List .mdMN04More {
  text-align: center;
  padding: 16px 0 84px;
}
.MdMN04List .mdMN04More a {
  color: #8383a3;
}
.MdMN04List .mdMN04More a::after {
  content: "";
  width: 14px;
  height: 8px;
  background-position: -290px -293px;
  margin-left: 6px;
}
.MdMN04List.mdMN04C03 .mdMN04Ul > li {
  width: 400px;
  height: 380px;
}
.MdMN04List.mdMN04C05 .mdMN04Ul > li {
  width: 234px;
  height: 267px;
}

.MdMN05Video {
  float: left;
  width: 855px;
}
.MdMN05Video .mdMN05ImgWrap {
  overflow: hidden;
  position: relative;
  width: 855px;
  height: 482px;
}
.MdMN05Video .mdMN05Img {
  position: absolute;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.MdMN05Video .mdMN05Layer {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #212239;
  text-align: center;
}
.MdMN05Video .mdMN05Layer.mdMN05Qr .mdMN05LayerImg {
  margin: 35px 0 37px;
}
.MdMN05Video .mdMN05Layer.mdMN05Qr .mdMN05LayerDesc {
  font-size: 22px;
}
.MdMN05Video .mdMN05Layer.mdMN05Embed {
  background-color: rgba(14, 14, 23, 0.7);
}
.MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerImg {
  margin: 30px 0;
}
.MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerDesc {
  font-size: 16px;
}
.MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerDesc a {
  padding-bottom: 7px;
  border-bottom: 1px solid #fff;
}
.MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerDesc a:link, .MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerDesc a:visited, .MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerDesc a:hover, .MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerDesc a:active, .MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerDesc a:focus {
  text-decoration: none;
}
.MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerDesc a:hover {
  color: #00ff71;
  border-color: #00ff71;
}
.MdMN05Video .mdMN05Layer.mdMN05Embed .mdMN05LayerDesc a:hover::before {
  width: 15px;
  height: 15px;
  background-position: -221px -420px;
}
.MdMN05Video .mdMN05LayerInner {
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.MdMN05Video .mdMN05LayerTtl {
  color: #00ff71;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}
.MdMN05Video .mdMN05LayerDesc {
  font-size: 26px;
  margin: 0 50px;
}
.MdMN05Video .mdMN05LayerDesc a {
  color: #fff;
}
.MdMN05Video .mdMN05LayerBtn {
  margin: 30px 0 44px;
}
.MdMN05Video .mdMN05LayerBtn [class^="MdBtn01"] {
  vertical-align: top;
  margin: 0 3px;
}
.MdMN05Video .mdMN05TxtWrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.MdMN05Video .mdMN05Txt {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 17px 18px 39px 0;
}
.MdMN05Video .mdMN05Like {
  position: relative;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin: 16px 0 0;
}
.MdMN05Video .mdMN05LikeIco {
  z-index: 2;
  position: absolute;
  top: -109px;
  right: -22px;
  text-align: right;
}
.MdMN05Video .mdMN05Ttl {
  font-size: 18px;
}
.MdMN05Video .mdMN05Ttl .MdIcoLive01 {
  position: relative;
  top: 3px;
  margin-right: 7px;
}
.MdMN05Video .mdMN05Tag {
  color: #77779d;
  font-size: 12px;
  margin: 6px 0;
}
.MdMN05Video .mdMN05Tag a, .MdMN05Video .mdMN05Tag span {
  display: inline-block;
  margin-right: 5px;
}
.MdMN05Video .mdMN05Tag a {
  color: #77779d;
}
.MdMN05Video .mdMN05Tag a:link, .MdMN05Video .mdMN05Tag a:visited {
  text-decoration: none;
}
.MdMN05Video .mdMN05Tag a:hover, .MdMN05Video .mdMN05Tag a:active, .MdMN05Video .mdMN05Tag a:focus {
  text-decoration: underline;
}
.MdMN05Video .mdMN05Block {
  margin-top: 14px;
}
.MdMN05Video .mdMN05Block a {
  color: #6d6d8b;
  font-size: 11px;
}
.MdMN05Video .mdMN05Block a::before {
  content: "";
  width: 10px;
  height: 12px;
  background-position: -144px -155px;
  margin-right: 5px;
}
.typeUpcoming .MdMN05Video {
  float: none;
  margin: auto;
}
.typeUpcoming .MdMN05Video .mdMN05ImgWrap {
  height: 642px;
}

.MdMN06Bnr {
  text-align: center;
  margin: 52px 0;
}

.MdMN07Option {
  color: #8383a3;
}
.MdMN07Option > li {
  display: inline-block;
  line-height: 18px;
  margin-right: 6px;
}
.MdMN07Option .mdMN07Channel {
  color: #9fc6e5;
}
.MdMN07Option .mdMN07Channel > a {
  color: #9fc6e5;
}
.MdMN07Option .mdMN07VLine {
  position: relative;
  padding-left: 9px;
}
.MdMN07Option .mdMN07VLine::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #444456;
}
.MdMN07Option .mdMN07VDot {
  position: relative;
  padding-left: 10px;
}
.MdMN07Option .mdMN07VDot::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  background-position: -458px -59px;
}
.MdMN02Item .MdMN07Option {
  margin-top: 5px;
}
.MdMN04List.mdMN04C03 .MdMN07Option .mdMN07Channel {
  margin-right: 6px;
}
.MdMN05Video .MdMN07Option {
  margin: 8px 0 6px;
}

.MdMN08Share {
  margin: 6px 0 17px;
}
.MdMN08Share > li {
  float: left;
  font-size: 12px;
  color: #8383a3;
  line-height: 31px;
  margin-left: 11px;
}
.MdMN08Share > li:first-child {
  margin: 0;
}
.MdMN08Share > li:last-child {
  margin-left: 5px;
}
.MdMN08Share .mdMN08Line {
  width: 31px;
  height: 31px;
  background-position: -329px -307px;
}
.MdMN08Share .mdMN08Fb {
  width: 31px;
  height: 31px;
  background-position: -198px -206px;
}
.MdMN08Share .mdMN08Tw {
  width: 31px;
  height: 31px;
  background-position: -410px -243px;
}
.MdMN08Share .mdMN08Code {
  width: 31px;
  height: 31px;
  background-position: -198px -171px;
}
.MdMN08Share.mdMN08TypeL {
  margin: 0 -19px;
}
.MdMN08Share.mdMN08TypeL > li {
  float: none;
  display: inline-block;
  margin: 0 19px;
}
.MdMN08Share.mdMN08TypeL .mdMN08Line, .MdMN08Share.mdMN08TypeL .mdMN08Fb, .MdMN08Share.mdMN08TypeL .mdMN08Tw {
  width: auto;
  height: auto;
  background: none;
  overflow: visible;
  text-align: center;
}
.MdMN08Share.mdMN08TypeL .mdMN08Line .mdMN08Ico, .MdMN08Share.mdMN08TypeL .mdMN08Fb .mdMN08Ico, .MdMN08Share.mdMN08TypeL .mdMN08Tw .mdMN08Ico {
  margin: 0 auto 10px;
}
.MdMN08Share.mdMN08TypeL .mdMN08Line .mdMN08Txt, .MdMN08Share.mdMN08TypeL .mdMN08Fb .mdMN08Txt, .MdMN08Share.mdMN08TypeL .mdMN08Tw .mdMN08Txt {
  display: block;
  font-size: 16px;
  font-weight: 300;
  text-indent: 0;
}
.MdMN08Share.mdMN08TypeL .mdMN08Line .mdMN08Ico {
  width: 50px;
  height: 50px;
  background-position: -392px -123px;
}
.MdMN08Share.mdMN08TypeL .mdMN08Fb .mdMN08Ico {
  width: 50px;
  height: 50px;
  background-position: -244px -182px;
}
.MdMN08Share.mdMN08TypeL .mdMN08Tw .mdMN08Ico {
  width: 50px;
  height: 50px;
  background-position: -392px -64px;
}

.MdMN09Channel {
  position: relative;
  min-height: 414px;
  box-sizing: border-box;
  background-color: #1b1c32;
  text-align: center;
  padding: 41px 0 45px;
}
.MdMN09Channel .mdMN09Img img {
  border-radius: 50%;
}
.MdMN09Channel .mdMN09Ttl {
  font-size: 20px;
  color: #fff;
  margin-top: 29px;
}
.MdMN09Channel .mdMN09Desc {
  font-size: 14px;
  color: #75758f;
  margin-top: 11px;
}
.MdMN09Channel .mdMN09Opt {
  font-size: 14px;
  color: #75758f;
  margin-top: 2px;
}
.MdMN09Channel .mdMN09Btn {
  position: relative;
  margin-top: 18px;
}
.MdMN09Channel .mdMN09Btn .MdBtn01H42.mdBtn01Share + .MdMN12Popup {
  display: none;
  top: 64px;
}
.MdMN09Channel .mdMN09Btn .MdBtn01H42.mdBtn01Share.ExSelected + .MdMN12Popup {
  display: block;
}
.MdMN09Channel .mdMN09Tab {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.MdMN09Channel .mdMN09Tab li {
  width: 138px;
  display: inline-block;
  text-align: center;
  padding: 13px 0;
  margin: 0 12px;
}
.MdMN09Channel .mdMN09Tab li a {
  font-size: 16px;
  color: #75758f;
}
.MdMN09Channel .mdMN09Tab li a:link, .MdMN09Channel .mdMN09Tab li a:visited, .MdMN09Channel .mdMN09Tab li a:hover, .MdMN09Channel .mdMN09Tab li a:active, .MdMN09Channel .mdMN09Tab li a:focus {
  text-decoration: none;
}
.MdMN09Channel .mdMN09Tab li.ExSelected {
  box-shadow: inset 0 -1px 0 #00ff71;
}
.MdMN09Channel .mdMN09Tab li.ExSelected a {
  color: #00ff71;
}

.MdMN10Upcoming {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.MdMN10Upcoming .mdMN10Inner {
  position: relative;
  width: 855px;
  display: table;
  margin: auto;
}
.MdMN10Upcoming .mdMN10Cell {
  height: 158px;
  display: table-cell;
  vertical-align: middle;
}
.MdMN10Upcoming .mdMN10Cell + .mdMN10Cell {
  text-align: right;
}
.MdMN10Upcoming .mdMN10Ttl {
  font-size: 40px;
  color: #fff;
  font-weight: bold;
}
.MdMN10Upcoming .mdMN10Desc {
  font-size: 19px;
  color: #8383a3;
  margin-top: 3px;
}
.MdMN10Upcoming .mdMN10Opt {
  font-size: 14px;
  color: #00ff71;
  margin: 8px 0 0 2px;
}
.MdMN10Upcoming .mdMN10Qr {
  display: none;
  z-index: 9;
  position: absolute;
  bottom: 129px;
  right: -8px;
  background-color: #fff;
  padding: 14px 13px 16px;
}
.MdMN10Upcoming .mdMN10Qr::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  margin-left: -10px;
}
.MdMN10Upcoming .mdMN10Qr .mdMN10QrImg {
  margin: 13px;
}
.MdMN10Upcoming .mdMN10Qr .mdMN10QrTxt {
  position: relative;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding-top: 28px;
}
.MdMN10Upcoming .mdMN10Qr .mdMN10QrTxt::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #000;
  margin-left: -8px;
}
.MdMN10Upcoming .MdBtn01Reserve.ExSelected + .mdMN10Qr {
  display: block;
}

.MdMN11TxtSet {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  padding: 15px 0 0;
}
.MdMN11TxtSet a {
  color: #9fc6e5;
}
.MdMN11TxtSet a:link, .MdMN11TxtSet a:visited {
  text-decoration: underline;
}
.MdMN11TxtSet a:hover, .MdMN11TxtSet a:active, .MdMN11TxtSet a:focus {
  text-decoration: none;
}
.ArCont01 .MdMN11TxtSet {
  padding-bottom: 54px;
}

.MdMN12Popup {
  z-index: 13;
  position: absolute;
  bottom: 50%;
  right: 50%;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #2f3049;
  background-color: #34354f;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.MdMN12Popup .mdMN12Close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 13px;
  height: 13px;
  background-position: -372px -420px;
}
.MdMN12Popup .mdMN12Head {
  border-bottom: 1px solid #40415d;
  font-size: 18px;
  color: #fff;
  text-align: left;
  padding: 23px 26px 22px;
}
.MdMN12Popup .mdMN12Body {
  padding: 42px 42px 36px;
}
.MdMN12Popup .mdMN12CodeView {
  overflow-y: auto;
  height: 90px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  margin-bottom: 34px;
}
.MdMN12Popup .mdMN12Iframe {
  overflow: hidden;
}
.MdMN12Popup .mdMN12List {
  padding: 22px 0 16px;
}
.MdMN12Popup .mdMN12Li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 22px 0;
}
.MdMN12Popup.mdMN12Code {
  width: 654px;
}
.MdMN12Popup.mdMN12Code .mdMN12Close {
  top: 25px;
  right: 25px;
  width: 18px;
  height: 18px;
  background-position: -434px -210px;
}
.MdMN12Popup.mdMN12Code .mdMN12Body {
  padding: 26px;
}
.MdMN12Popup.mdMN12Share {
  bottom: auto;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.MdMN12Popup.mdMN12Share .mdMN12Close {
  top: 25px;
  right: 25px;
  width: 18px;
  height: 18px;
  background-position: -434px -210px;
}
.MdMN12Popup.mdMN12Report {
  width: 436px;
  height: 500px;
  padding: 37px 28px;
}
.MdMN12Popup.mdMN12Report .mdMN12Head {
  font-size: 14px;
  font-weight: bold;
  border: none;
  padding: 0;
}
.MdMN12Popup.mdMN12Report .mdMN12Body {
  padding: 0;
}
.MdMN12Popup.mdMN12Report .mdMN12BtnSet {
  text-align: center;
}
.MdMN12Popup.mdMN12Block {
  width: 330px;
  height: 160px;
}
.MdMN12Popup.mdMN12Block .mdMN12Body {
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  padding: 39px 14px 33px;
}
.MdMN12Popup.mdMN12Block .mdMN12BtnSet {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #40415d;
}
.MdMN12Popup.mdMN12Block .mdMN17BtnP01 {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 50%;
  font-size: 12px;
  line-height: 51px;
}
.MdMN12Popup.mdMN12Block .mdMN17BtnP01 + .mdMN17BtnP01 {
  border-left: 1px solid #40415d;
}
.MdMN12Popup.mdMN12Stream {
  width: 420px;
}
.MdMN12Popup.mdMN12Stream .mdMN12Head {
  border: none;
  padding: 0;
  text-align: center;
  margin: 23px 26px 0;
}
.MdMN12Popup.mdMN12Stream .mdMN12Body {
  padding: 0;
  margin: 27px 28px;
}
.MdMN12Popup.mdMN12Stream .mdMN12Foot {
  border-top: 1px solid #40415d;
  text-align: center;
}
.MdMN12Popup.mdMN12Stream .mdMN12Desc {
  font-size: 13px;
  margin: 20px 0 19px;
}

.MdMN13Video {
  position: relative;
  background-color: #2b2c45;
}
.MdMN13Video .mdMN13ImgWrap {
  position: relative;
  height: 100%;
}
.MdMN13Video .mdMN13ImgWrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.MdMN13Video .mdMN13Img img {
  width: 100%;
}
.MdMN13Video .mdMN13TxtWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  padding: 23px 22px;
}
.MdMN13Video .mdMN13Opt {
  color: #00ff71;
  font-size: 14px;
  margin-bottom: 5px;
}
.MdMN13Video .mdMN13Ttl {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}
.MdMN13Video .mdMN13Ttl a {
  color: #fff;
}
.MdMN13Video .mdMN13Desc {
  color: #fff;
  font-size: 14px;
}
.MdMN13Video .mdMN13Desc a {
  color: #fff;
}
.MdMN13Video .mdMN13Btn {
  z-index: 2;
  position: absolute;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.MdMN13Video .mdMN13Layer {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.MdMN13Video .mdMN13LayerInner {
  position: absolute;
  bottom: 50%;
  width: 100%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.MdMN13Video .mdMN13LayerImg {
  display: inline-block;
  background: #fff;
  padding: 8px;
}
.MdMN13Video .mdMN13LayerDesc {
  font-size: 22px;
  text-align: center;
}
.MdMN13Video .mdMN13LayerLink {
  text-align: center;
  margin-top: 7px;
}
.MdMN13Video .mdMN13LayerLink a {
  color: #00ff71;
  font-size: 16px;
}
.MdMN13Video .mdMN13LayerLink a:link, .MdMN13Video .mdMN13LayerLink a:visited {
  text-decoration: underline;
}
.MdMN13Video .mdMN13LayerLink a:hover, .MdMN13Video .mdMN13LayerLink a:active, .MdMN13Video .mdMN13LayerLink a:focus {
  text-decoration: none;
}
.MdMN13Video .mdMN13LayerBtn {
  margin-top: 38px;
}
.MdMN13Video .mdMN13LayerBtn .MdBtn01App,
.MdMN13Video .mdMN13LayerBtn .MdBtn01Reserve02 {
  vertical-align: top;
}
.MdMN13Video.mdMN13Qr .mdMN13Img::before {
  background-color: rgba(0, 0, 0, 0.75);
}
.MdMN13Video.mdMN13Embed .mdMN13Img::before {
  background-color: rgba(14, 14, 23, 0.75);
}
.MdMN13Video.mdMN13Embed .mdMN13LayerTtl {
  color: #00ff71;
  font-size: 14px;
  margin-bottom: 4px;
}
.MdMN13Video.mdMN13Embed .mdMN13LayerDesc {
  font-size: 14px;
}
.MdMN13Video.mdMN13Embed .mdMN13LayerDesc a {
  color: #fff;
}
.MdMN13Video.mdMN13Embed .mdMN13LayerDesc a:link, .MdMN13Video.mdMN13Embed .mdMN13LayerDesc a:visited, .MdMN13Video.mdMN13Embed .mdMN13LayerDesc a:hover, .MdMN13Video.mdMN13Embed .mdMN13LayerDesc a:active, .MdMN13Video.mdMN13Embed .mdMN13LayerDesc a:focus {
  text-decoration: none;
}
.MdMN13Video.mdMN13Embed .mdMN13LayerImg {
  margin-top: 23px;
}
.MdMN13Video.mdMN13Embed .mdMN13LayerBtn {
  margin: 23px 0 17px;
}
.MdMN13Video.mdMN13Embed .mdMN13LayerBtn [class^="MdBtn01"] {
  vertical-align: top;
  margin: 0 3px;
}
.MdMN13Video.mdMN13Embed .MdTxtReload {
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
}
.MdMN13Video.mdMN13Embed .MdTxtReload::before {
  margin-right: 4px;
}
.MdMN13Video.mdMN13Embed .MdTxtReload:hover {
  color: #00ff71;
  border-color: #00ff71;
}
.MdMN13Video.mdMN13Embed .MdTxtReload:hover::before {
  width: 15px;
  height: 15px;
  background-position: -221px -420px;
}
.MdMN13Video .MdIcoLive01 {
  position: relative;
  top: 1px;
}
.MdMN13Video .MdIco01.mdIco01Friend {
  z-index: 2;
  position: absolute;
  top: 10px;
  right: 11px;
}
.MdMN13Video .MdBtn01Play:hover {
  width: 59px;
  height: 67px;
  background-position: -135px -171px;
}

.MdMN14Info {
  width: 1200px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 15px auto;
}
.MdMN14Info .mdMN14Img {
  width: 44px;
  height: 44px;
  overflow: hidden;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  border-radius: 50%;
  margin-right: 12px;
}
.MdMN14Info .mdMN14Img img {
  width: 100%;
}
.MdMN14Info .mdMN14Txt {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  position: relative;
  top: 1px;
  margin-right: 13px;
}
.MdMN14Info .mdMN14Ttl a {
  color: #fff;
}
.MdMN14Info .mdMN14Desc {
  font-size: 12px;
  color: #8383a3;
  margin-top: 4px;
}
.MdMN14Info .MdIco01Account01 {
  position: relative;
  top: 3px;
  margin-right: 4px;
}
.typeUpcoming .MdMN14Info {
  width: 855px;
}

.MdMN15Comment {
  width: 326px;
  height: 594px;
  float: right;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.MdMN15Comment .mdMN15Hd {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  border-bottom: 1px solid rgba(49, 49, 76, 0.8);
}
.MdMN15Comment .mdMN15Hd .mdMN15Ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.MdMN15Comment .mdMN15Hd li {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 50%;
  text-align: center;
}
.MdMN15Comment .mdMN15Hd a {
  position: relative;
  display: block;
  color: #8383a3;
  text-align: center;
  padding: 0 10px 8px;
}
.MdMN15Comment .mdMN15Hd a:link, .MdMN15Comment .mdMN15Hd a:visited, .MdMN15Comment .mdMN15Hd a:hover, .MdMN15Comment .mdMN15Hd a:active, .MdMN15Comment .mdMN15Hd a:focus {
  text-decoration: none;
}
.MdMN15Comment .mdMN15Hd .MdBadge01 {
  position: absolute;
  top: -4px;
  right: 2px;
}
.MdMN15Comment .mdMN15Bd {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  border-bottom: 1px solid rgba(49, 49, 76, 0.8);
}
.MdMN15Comment .mdMN15Notice {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  position: relative;
  background: #161729;
  font-size: 12px;
}
.MdMN15Comment .mdMN15Nodata {
  position: absolute;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  width: 100%;
  color: #767697;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}
.MdMN15Comment .mdMN15Latest {
  z-index: 2;
  position: absolute;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.MdMN15Comment .mdMN15LatestBtn {
  height: 34px;
  line-height: 32px;
  display: inline-block;
  box-sizing: border-box;
  background: rgba(56, 57, 84, 0.9);
  border: 1px solid #00ff71;
  border-radius: 30px;
  color: #00ff71;
  font-size: 12px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3), inset 0 0 1px #00ff71;
  padding: 0 14px;
}
.MdMN15Comment .mdMN15LatestBtn::before {
  content: "";
  position: relative;
  top: 1px;
  width: 11px;
  height: 11px;
  background-position: -458px -16px;
  margin-right: 5px;
}
.MdMN15Comment .mdMN15Scroll {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding-right: 10px;
}
.MdMN15Comment .mdMN15Caster {
  padding: 10px 15px 6px 6px;
}
.MdMN15Comment .mdMN15Caster .mdMN15Date {
  color: #8284a3;
  font-size: 12px;
}
.MdMN15Comment .mdMN15Caster .mdMN15Desc {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}
.MdMN15Comment .mdMN15Label {
  color: #fff;
  font-size: 12px;
  margin: 8px 14px;
}
.MdMN15Comment .mdMN15Label > img {
  margin: 0 3px;
  vertical-align: bottom;
}
.MdMN15Comment .mdMN15GiftSet {
  z-index: 2;
  position: absolute;
  top: 41px;
  left: 0;
}
.MdMN15Comment .mdMN15Ft {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.MdMN15Comment .mdMN15Caution {
  position: relative;
  border-bottom: 1px solid rgba(49, 49, 76, 0.8);
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding: 11px 10px;
}
.MdMN15Comment .mdMN15Caution .mdMN15Desc + .mdMN15Desc {
  margin-top: 12px;
}
.MdMN15Comment .mdMN15Caution .mdMN15Link {
  position: absolute;
  bottom: 11px;
  right: 10px;
}
.MdMN15Comment .mdMN15Caution .mdMN15Link a {
  color: #00abf0;
}
.MdMN15Comment .mdMN15Caution .mdMN15Link a:link, .MdMN15Comment .mdMN15Caution .mdMN15Link a:visited {
  text-decoration: underline;
}
.MdMN15Comment .mdMN15Caution .mdMN15Link a:hover, .MdMN15Comment .mdMN15Caution .mdMN15Link a:active, .MdMN15Comment .mdMN15Caution .mdMN15Link a:focus {
  text-decoration: none;
}
.MdMN15Comment .mdMN15Form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  border-bottom: 1px solid rgba(49, 49, 76, 0.8);
  padding: 8px 1px 8px 4px;
}
.MdMN15Comment .mdMN15Write {
  height: 36px;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  box-sizing: border-box;
  background-color: transparent;
  font-size: 12px;
  line-height: 20px;
  padding: 0;
}
.MdMN15Comment .mdMN15Write::-webkit-input-placeholder {
  color: #767697;
}
.MdMN15Comment .mdMN15Write::-moz-placeholder {
  color: #767697;
}
.MdMN15Comment .mdMN15Write:-ms-input-placeholder {
  color: #767697;
}
.MdMN15Comment .mdMN15Write.ExPlaceholder {
  color: #767697;
}
.MdMN15Comment .mdMN15Send {
  width: 58px;
  height: 36px;
  line-height: 37px;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  background: rgba(42, 42, 71, 0.8);
  border-radius: 2px;
  color: #a7a7cb;
  font-size: 13px;
  text-align: center;
  margin-left: 8px;
}
.MdMN15Comment .mdMN15Send.ExSelected {
  color: #00ff71;
}
.MdMN15Comment.mdMN15Type1 .mdMN15Li1 a, .MdMN15Comment.mdMN15Type2 .mdMN15Li2 a, .MdMN15Comment.mdMN15Type3 .mdMN15Li3 a {
  color: #00ff71;
  box-shadow: inset 0 -1px 0 #00ff71;
}
.MdMN15Comment.mdMN15Type2 .mdMN15Notice {
  height: 40px;
  border-bottom: 1px solid rgba(49, 49, 76, 0.6);
  line-height: 40px;
  padding: 0 6px;
}
.MdMN15Comment.mdMN15Type2 .mdMN15Notice .mdMN15Desc {
  color: #00ff71;
}
.MdMN15Comment.mdMN15Type2 .mdMN15Notice .MdBtn01Reload {
  position: absolute;
  top: 12px;
  right: 6px;
}
.MdMN15Comment.mdMN15Type2 .mdMN15Notice::after {
  content: "";
  z-index: 1;
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 26px;
  background-image: linear-gradient(#161729, rgba(22, 23, 41, 0));
}
.MdMN15Comment.mdMN15Type3 .mdMN15Notice {
  height: 44px;
  border-bottom: 1px solid rgba(119, 119, 157, 0.14);
  line-height: 44px;
  padding: 0 7px;
}
.MdMN15Comment.mdMN15Type3 .mdMN15Notice .mdMN15Heart {
  color: #00ff71;
}
.MdMN15Comment.mdMN15Type3 .mdMN15Notice .mdMN15Heart::before {
  content: "";
  position: relative;
  top: 2px;
  width: 15px;
  height: 15px;
  background-position: -298px -420px;
  margin-right: 3px;
}
.MdMN15Comment.mdMN15Type3 .mdMN15Notice .mdMN15Desc {
  position: absolute;
  top: 0;
  right: 5px;
  color: #767697;
}

.MdMN16Gift {
  position: relative;
}
.MdMN16Gift .mdMN16Ul {
  box-sizing: border-box;
  padding-top: 11px;
}
.MdMN16Gift .mdMN16Ul li {
  float: left;
  margin-bottom: 11px;
}
.MdMN16Gift .mdMN16Item {
  text-align: center;
}
.MdMN16Gift .mdMN16Item a {
  display: block;
}
.MdMN16Gift .mdMN16Item a:link, .MdMN16Gift .mdMN16Item a:visited, .MdMN16Gift .mdMN16Item a:hover, .MdMN16Gift .mdMN16Item a:active, .MdMN16Gift .mdMN16Item a:focus {
  text-decoration: none;
}
.MdMN16Gift .mdMN16Img img {
  width: 100%;
}
.MdMN16Gift .mdMN16Ttl {
  color: #fff;
  font-size: 12px;
}
.MdMN16Gift .mdMN16Ttl::before {
  content: "";
  width: 10px;
  height: 10px;
  background-position: -458px -45px;
  margin-right: 2px;
}
.MdMN16Gift .mdMN16Desc {
  color: #8383a3;
  font-size: 12px;
  margin-top: 3px;
}
.MdMN16Gift .mdMN16BtnGift {
  position: absolute;
  right: 2px;
  bottom: 8px;
  width: 37px;
  height: 19px;
  background-position: -198px -144px;
}
.MdMN16Gift .mdMN16CoinSet {
  height: 45px;
  box-sizing: border-box;
  border-top: 1px solid rgba(49, 49, 76, 0.8);
  padding-top: 9px;
}
.MdMN16Gift .mdMN16Txt {
  float: left;
  margin-right: 6px;
}
.MdMN16Gift .mdMN16Coin {
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  margin-right: 3px;
}
.MdMN16Gift .mdMN16Coin::before {
  content: "";
  position: relative;
  top: 2px;
  width: 16px;
  height: 15px;
  background-position: -317px -420px;
  margin-right: 5px;
}
.MdMN16Gift .mdMN16Bonus {
  color: #77779d;
  font-size: 10px;
  margin-top: 5px;
}
.MdMN16Gift .mdMN16Charge {
  height: 30px;
  line-height: 29px;
  border-color: #414258;
  box-shadow: inset 0 0 1px #414258;
  color: #a4a4c4 !important;
  font-size: 11px;
  padding: 0 12px;
  margin-top: 4px;
}
.MdMN16Gift .mdMN16Step1 .mdMN16Img {
  width: 69px;
  height: 69px;
}
.MdMN16Gift .mdMN16Step1 .mdMN16Desc {
  font-size: 10px;
}
.MdMN16Gift .mdMN16Step2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 231px;
  background: #161729;
  border-bottom: 1px solid rgba(49, 49, 76, 0.8);
}
.MdMN16Gift .mdMN16Step2 .mdMN16Img {
  width: 101px;
  height: 101px;
  margin: auto;
}
.MdMN16Gift .mdMN16Step2 .mdMN16Ttl {
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}
.MdMN16Gift .mdMN16Step2 .mdMN16Ttl::before {
  width: 14px;
  height: 14px;
  background-position: -337px -420px;
  vertical-align: top;
  margin-right: 4px;
}
.MdMN16Gift .mdMN16Step2 .mdMN16Desc {
  margin-top: 3px;
}
.MdMN16Gift .mdMN16Head {
  padding: 14px 6px 17px;
}
.MdMN16Gift .mdMN16Head a {
  color: #fff;
  font-size: 12px;
}
.MdMN16Gift .mdMN16Head a:link, .MdMN16Gift .mdMN16Head a:visited, .MdMN16Gift .mdMN16Head a:hover, .MdMN16Gift .mdMN16Head a:active, .MdMN16Gift .mdMN16Head a:focus {
  text-decoration: none;
}
.MdMN16Gift .mdMN16Head a::before {
  content: "";
  position: relative;
  top: 1px;
  width: 7px;
  height: 12px;
  background-position: -446px -64px;
  margin-right: 7px;
}
.MdMN16Gift .mdMN16Caution .mdMN16Desc {
  color: #767697;
  text-align: center;
  margin-top: 23px;
}
.MdMN16Gift.ExClose {
  overflow: hidden;
  height: 112px;
}
.MdMN16Gift.ExClose .mdMN16BtnGift::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0px;
  width: 10px;
  height: 12px;
  background-position: -403px -420px;
}
.MdMN16Gift.ExClose .mdMN16CoinSet {
  display: none;
}
.MdMN16Gift.ExClose .mdMN16Ul li {
  margin-right: 9px;
}
.MdMN16Gift.ExClose .mdMN16Ul li:nth-child(1), .MdMN16Gift.ExClose .mdMN16Ul li:nth-child(2) {
  margin-right: 0;
}
.MdMN16Gift.ExOpen {
  height: 276px;
}
.MdMN16Gift.ExOpen .mdMN16BtnGift::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0px;
  width: 10px;
  height: 12px;
  background-position: -389px -420px;
}
.MdMN16Gift.ExOpen .mdMN16Ul {
  overflow-y: auto;
  height: 231px;
}
.MdMN16Gift.ExOpen .mdMN16Ul li {
  margin-right: 7px;
}

.MdMN17Chat {
  position: relative;
  margin: 8px 0;
}
.MdMN17Chat:hover .mdMN17Btn {
  display: block;
}
.MdMN17Chat .mdMN17Inner1 {
  position: relative;
  display: inline-block;
  padding-right: 25px;
}
.MdMN17Chat .mdMN17Inner2 {
  background: #32334c;
  border-radius: 10px;
  padding: 8px 11px 7px;
}
.MdMN17Chat .mdMN17Img {
  float: left;
}
.MdMN17Chat .mdMN17Img img {
  border-radius: 50%;
}
.MdMN17Chat .mdMN17Txt {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  padding: 0 3px;
}
.MdMN17Chat .mdMN17Head {
  display: inline;
}
.MdMN17Chat .mdMN17Ttl {
  color: #9fc6e5;
  font-size: 12px;
  font-weight: bold;
}
.MdMN17Chat .mdMN17Heart {
  color: #00ff71;
  font-size: 11px;
  font-weight: bold;
}
.MdMN17Chat .mdMN17Heart::before {
  content: "";
  position: relative;
  top: 2px;
  width: 12px;
  height: 12px;
  background-position: -417px -420px;
  margin-right: 2px;
}
.MdMN17Chat .mdMN17Desc {
  display: inline;
  color: #fff;
  font-size: 12px;
}
.MdMN17Chat .mdMN17Desc img {
  position: relative;
  top: -2px;
}
.MdMN17Chat .mdMN17Btn {
  position: absolute;
  bottom: 4px;
  right: 0;
  display: none;
}
.MdMN15Comment .mdMN15GiftSet .MdMN17Chat.mdMN17Gift {
  width: 100%;
  box-sizing: border-box;
  padding-right: 127px;
  margin: 5px 0;
}
.MdMN15Comment .mdMN15GiftSet .MdMN17Chat.mdMN17Gift .mdMN17GiftIco {
  position: absolute;
  top: 50%;
  right: -132px;
  width: 150px;
  height: 150px;
  margin: -75px 0 0;
}
.MdMN15Comment .mdMN15GiftSet .MdMN17Chat.mdMN17Gift .mdMN17Inner1 {
  padding: 0;
}
.MdMN15Comment .mdMN15GiftSet .MdMN17Chat.mdMN17Gift .mdMN17Inner2 {
  max-width: 190px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: rgba(57, 58, 85, 0.95);
}
.MdMN15Comment .mdMN15GiftSet .MdMN17Chat.mdMN17Gift .mdMN17Btn {
  right: -127px;
}
.MdMN15Comment .mdMN15GiftSet .MdMN17Chat.mdMN17Gift .mdMN17Img {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.MdMN15Comment .mdMN15GiftSet .MdMN17Chat.mdMN17Gift .mdMN17Txt {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.MdMN17Chat.mdMN17Gift .mdMN17Inner2 {
  position: relative;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
  padding: 9px 8px;
}
.MdMN17Chat.mdMN17Gift .mdMN17Txt {
  padding: 0 6px;
}
.MdMN17Chat.mdMN17Gift .mdMN17Head {
  display: block;
}
.MdMN17Chat.mdMN17Gift .mdMN17Ttl {
  margin-right: 4px;
}
.MdMN17Chat.mdMN17Gift .mdMN17Desc {
  display: block;
  margin-top: 4px;
}
.MdMN17Chat.mdMN17Gift .mdMN17GiftIco {
  width: 72px;
  height: 72px;
  margin: 6px 0 -6px;
}
.MdMN17Chat.mdMN17Gift .mdMN17GiftIco img {
  width: 100%;
}
.MdMN17Chat.mdMN17My .mdMN17Inner2 {
  background: #0cdd71;
}
.MdMN17Chat.mdMN17My .mdMN17Ttl {
  color: #000;
}
.MdMN17Chat.mdMN17My .mdMN17Heart {
  color: #fff;
}
.MdMN17Chat.mdMN17My .mdMN17Heart::before {
  width: 12px;
  height: 12px;
  background-position: -433px -420px;
}
.MdMN17Chat.mdMN17My .mdMN17Desc {
  color: #000;
}
.MdMN15Comment .mdMN15GiftSet .MdMN17Chat.mdMN17My.mdMN17Gift .mdMN17Inner2 {
  background: rgba(0, 234, 111, 0.9);
}

.MdMN18RankList {
  margin-top: 2px;
}
.MdMN18RankList li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 2px 10px 0;
}
.MdMN18RankList .mdMN18No {
  width: 37px;
  font-size: 14px;
  text-align: center;
  margin-right: 6px;
}
.MdMN18RankList .mdMN18Img {
  position: relative;
  margin-right: 11px;
}
.MdMN18RankList .mdMN18Img img {
  border-radius: 50%;
}
.MdMN18RankList .mdMN18Ttl {
  width: 105px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.MdMN18RankList .mdMN18Desc {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #8383a3;
  font-size: 12px;
  text-align: right;
}
.MdMN18RankList [class^="mdMN18Rank"] .mdMN18No {
  color: #00ff71;
}
.MdMN18RankList [class^="mdMN18Rank"] .mdMN18Img::after {
  content: "";
  position: absolute;
  right: -3px;
  bottom: -2px;
}
.MdMN18RankList .mdMN18Rank1 .mdMN18Img::after {
  width: 15px;
  height: 15px;
  background-position: -183px -420px;
}
.MdMN18RankList .mdMN18Rank2 .mdMN18Img::after {
  width: 15px;
  height: 15px;
  background-position: -279px -420px;
}
.MdMN18RankList .mdMN18Rank3 .mdMN18Img::after {
  width: 15px;
  height: 15px;
  background-position: -240px -420px;
}
.MdMN18RankList .MdCountHeart::before {
  margin-right: 4px;
}

.MdMN19List {
  margin-top: 43px;
}
.MdMN19List .mdMN19Ul {
  margin: 0 -25px;
}
.MdMN19List .mdMN19Li {
  width: 200px;
  height: 188px;
  float: left;
  text-align: center;
  margin: 14px 25px;
}
.MdMN19List .mdMN19Img {
  margin-bottom: 18px;
}
.MdMN19List .mdMN19Img img {
  border-radius: 50%;
}
.MdMN19List .mdMN19Ttl {
  margin-bottom: 4px;
}
.MdMN19List .mdMN19Ttl a {
  color: #fff;
  font-size: 14px;
}
.MdMN19List .mdMN19Desc {
  position: absolute;
  left: 0;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  width: 100%;
  color: #8383a3;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
}
.ArCont01 .MdMN19List {
  padding-bottom: 42px;
}

.MdMN20FormGroup .mdMN20Ttl {
  font-size: 15px;
  font-weight: bold;
}
.MdMN20FormGroup .mdMN20Form.mdMN20Col {
  margin: 15px 0;
}
.MdMN20FormGroup .mdMN20Form.mdMN20Row {
  margin: 15px 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.MdMN20FormGroup .mdMN20Label {
  font-size: 13px;
  margin-bottom: 8px;
}
.MdMN20FormGroup .mdMN20Value {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 36px;
  padding: 7px 10px 0;
  box-sizing: border-box;
  border: 1px solid #414258;
}
.MdMN20FormGroup .mdMN20Value > input {
  width: 100%;
  height: 20px;
  line-height: 20px;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  padding: 0;
}
.MdMN20FormGroup .mdMN20Value > input::-webkit-input-placeholder {
  color: #767697;
}
.MdMN20FormGroup .mdMN20Value > input::-moz-placeholder {
  color: #767697;
}
.MdMN20FormGroup .mdMN20Value > input:-ms-input-placeholder {
  color: #767697;
}
.MdMN20FormGroup .mdMN20Btn {
  width: 58px;
  height: 36px;
  line-height: 37px;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  background: rgba(42, 42, 71, 0.8);
  border-radius: 2px;
  color: #a4a4c4;
  font-size: 13px;
  text-align: center;
  margin-left: 8px;
}
.MdMN20FormGroup .mdMN20Notice {
  color: #767697;
  font-size: 11px;
  margin-top: -7px;
}
.MdMN20FormGroup + .MdMN20FormGroup {
  margin-top: 30px;
}

.MdMN98Guide {
  width: 848px;
  padding: 109px 0 84px;
  margin: 0 auto;
}
.MdMN98Guide .mdMN98HdTtl {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.MdMN98Guide .mdMN98HdDesc {
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  margin: 30px 0 70px;
}
.MdMN98Guide .mdMN98Bd {
  border-top: 2px solid #000;
  margin-bottom: 41px;
}
.MdMN98Guide .mdMN98BdTtl {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #dbdbdb;
  padding: 21px 0 20px;
  margin-bottom: 23px;
}
.MdMN98Guide .mdMN98Ttl {
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
}
.MdMN98Guide .mdMN98Desc {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
}
.MdMN98Guide .mdMN98Desc a {
  color: #007eff;
}
.MdMN98Guide .mdMN98Desc a:link, .MdMN98Guide .mdMN98Desc a:visited {
  text-decoration: underline;
}
.MdMN98Guide .mdMN98Desc a:hover, .MdMN98Guide .mdMN98Desc a:active, .MdMN98Guide .mdMN98Desc a:focus {
  text-decoration: none;
}
.MdMN98Guide .mdMN98Img {
  font-size: 0;
  text-align: center;
  margin: 35px 0 60px;
}
.MdMN98Guide .mdMN98Img > img {
  margin: 0 15px;
}
.MdMN98Guide .mdMN98List {
  margin-top: -4px;
}
.MdMN98Guide .mdMN98List li {
  float: left;
  position: relative;
  box-sizing: border-box;
  width: 50%;
  padding: 2px 30px 0 91px;
  margin: 15px 0 24px;
}
.MdMN98Guide .mdMN98List li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.MdMN98Guide .mdMN98List .mdMN98Desc {
  margin: 0;
}
.MdMN98Guide .mdMN98Li01::before {
  width: 68px;
  height: 68px;
  background-position: 0px -99px;
}
.MdMN98Guide .mdMN98Li02::before {
  width: 68px;
  height: 68px;
  background-position: -172px -72px;
}
.MdMN98Guide .mdMN98Li03::before {
  width: 68px;
  height: 68px;
  background-position: -100px 0px;
}
.MdMN98Guide .mdMN98Li04::before {
  width: 68px;
  height: 68px;
  background-position: -172px 0px;
}
.MdMN98Guide .mdMN98Li05::before {
  width: 68px;
  height: 68px;
  background-position: -72px -99px;
}
.MdMN98Guide .mdMN98Li06::before {
  width: 68px;
  height: 68px;
  background-position: 0px -171px;
}

.MdMN99Login {
  width: 457px;
  height: 492px;
  position: fixed;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
  background: #2d2e47;
  text-align: center;
}
.MdMN99Login .mdMN99Close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 13px;
  height: 13px;
  background-position: -372px -420px;
}
.MdMN99Login .mdMN99Ttl {
  font-size: 20px;
  font-weight: bold;
  margin: 62px 0 10px;
}
.MdMN99Login .mdMN99Desc {
  font-size: 14px;
  margin-bottom: 53px;
}
.MdMN99Login .mdMN99Notice {
  color: #7778a2;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 47px;
  border-bottom: 1px solid rgba(70, 72, 103, 0.4);
  margin: 17px 0 44px;
}
.MdMN99Login .mdMN99BtnSet {
  margin-top: -32px;
}
.MdMN99Login .mdMN99BtnSet [class^="MdBtn01"] {
  margin: 0 2px;
}
.MdMN99Login .mdMN99BtnSet .MdBtn01Ios {
  width: 136px;
  height: 44px;
  background-position: -140px -307px;
}
.MdMN99Login .mdMN99BtnSet .MdBtn01Adr {
  width: 136px;
  height: 44px;
  background-position: 0px -307px;
}

.ArCont01 {
  width: 1230px;
  padding-top: 54px;
  margin: 0 auto;
}

.MdOverlay {
  z-index: 12;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 1600px) {
  .typeEnd .MdGHD01Logo {
    margin-top: 24px;
  }
  .typeEnd .MdGHD01Logo a {
    width: 69px;
    height: 22px;
    background-position: -360px -391px;
  }
  .typeEnd .LyTop .lyTopInner,
  .typeEnd .LyContents .lyContentsInner,
  .typeEnd .MdMN14Info {
    width: 1026px;
  }
  .typeEnd .MdMN05Video {
    width: 680px;
  }
  .typeEnd .MdMN05Video .mdMN05ImgWrap {
    width: 680px;
    height: 384px;
  }
  .typeEnd .MdMN15Comment {
    height: 495px;
  }
  .typeEnd .LyTop.lyTopTypeC .MdMN10Upcoming .mdMN10Inner,
  .typeEnd .LyTop.lyTopTypeC .MdMN14Info {
    width: 680px;
  }
}