@charset "utf-8";

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

html {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  font-family: Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS P Gothic", sans-serif;
  background: #000;
  color: #fff;
  text-align: center;
}

.noticeContents .fz10, .fz10 { font-size: 1.0rem; }
.noticeContents .fz11, .fz11 { font-size: 1.1rem; }
.noticeContents .fz12, .fz12 { font-size: 1.2rem; }
.noticeContents .fz13, .fz13 { font-size: 1.3rem; }
.noticeContents .fz14, .fz14 { font-size: 1.4rem; }
.noticeContents .fz15, .fz15 { font-size: 1.5rem; }
.noticeContents .fz16, .fz16 { font-size: 1.6rem; }
.noticeContents .fz17, .fz17 { font-size: 1.7rem; }
.noticeContents .fz18, .fz18 { font-size: 1.8rem; }
.noticeContents .fz19, .fz19 { font-size: 1.9rem; }
.noticeContents .fz20, .fz20 { font-size: 2.0rem; }
.noticeContents .fz21, .fz21 { font-size: 2.1rem; }
.noticeContents .fz22, .fz22 { font-size: 2.2rem; }
.noticeContents .fz23, .fz23 { font-size: 2.3rem; }
.noticeContents .fz24, .fz24 { font-size: 2.4rem; }
.noticeContents .fz25, .fz25 { font-size: 2.5rem; }
.noticeContents .fz26, .fz26 { font-size: 2.6rem; }
.noticeContents .fz30, .fz30 { font-size: 3.0rem; }

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  word-break: break-all;
}

.isSP {
  display: block;
}

.isPC {
  display: none;
}

.hide {
  display: none;
}

.hidden {
  visibility: hidden;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

a:link {
  color: #58d3f7;
}

a:visited {
  color: #58d3f7;
}

.skyblue {
  color: skyblue;
}

.gray {
  color: #bdbdbd;
}

.yellow {
  color: #ff0;
}

.orange {
  color: #f7d358;
}

.st {
  font-weight: bold;
  font-size: 133%;
  color: #ff0;
}

/* font */

/* margin */

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

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

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

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

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

/* mainHeader
-------------------------------------------------- */

.mainHeader {
  overflow: hidden;
  padding: 10px 0 10px;
  background: #000;
}

.topImg {
  margin: auto;
}

.logo {
  position: relative;
  float: left;
  left: 50%;
  text-align: center;
}

.logo img {
  position: relative;
  float: left;
  left: -50%;
}

.menu {
  float: right;
  margin: 8px 16px 0 0;
}

#panel {
  display: none;
  position: absolute;
  top: 90px;
  width: 100%;
  color: #2e2e2e;
  background: #1c1c1c;
  z-index: 99999;
}

#panel li {
  display: block;
  border-bottom: 1px solid #424242;
}

#panel li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 95px;
}

#panel-btn {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
}

#panel-btn-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #424242;
  -webkit-transition: .2s;
  transition: .2s;
}

#panel-btn-icon::before, #panel-btn-icon::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 2px;
  background: #424242;
  -webkit-transition: .3s;
  transition: .3s;
}

#panel-btn-icon::before {
  margin-top: -6px;
}

#panel-btn-icon::after {
  margin-top: 4px;
}

#panel-btn .close {
  background: transparent;
}

#panel-btn .close::before,
#panel-btn .close::after {
  margin-top: 0;
}

#panel-btn .close::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#panel-btn .close::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

/* mainContent
-------------------------------------------------- */

.mainContent {
  width: 90%;
  max-width: 1100px;
  margin: auto;
}

.bgPurple {
  background: #1b0229;
}

body:not(#top) .bgPurple {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 20px 0;
}

/* newsContent
-------------------------------------------------- */

.newsContent {
  margin: 0 auto 20px;
  text-align: left;
}

.newsContent h2 {
  margin-bottom: 5px;
}

.newsContent ul li a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #a6a6a6;
  color: #fff;
  text-decoration: none;
}

.newsContent ul li .day {
  font-size: 1.4rem;
}

.newsContent ul li a .title {
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: underline;
}

.newsContent .moreNews {
  margin-top: 10px;
  text-align: right;
}

.newsContent .moreNews a {
  position: relative;
  padding-right: 16px;
  color: #fff;
  font-size: 1.4rem;
  text-decoration: none;
}

.newsContent .moreNews > a::before,
.newsContent .moreNews > a::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  content: "";
  width: 8px;
  height: 1px;
  background: #fff;
}
.newsContent .moreNews > a::before {
  margin-top: -3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.newsContent .moreNews > a::after {
  margin-top: 2px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* movie
-------------------------------------------------- */

.movie a:link {
  color: #fff;
}

.movie a:visited {
  color: #fff;
}

.dl {
  margin: 32px 12px 0;
  text-align: center;
  background: #1c1c1c;
  padding: 12px;
  border-radius: 10px;
}

.dl a:link {
  color: #fafafa;
}

.dl a:visited {
  color: #fafafa;
}

.movies {
  position: relative;
}

.movie li:nth-child(2) {
  padding-top: -4px;
}

.movieCaption {
  font-size: 1.4rem;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 64px;
  padding-top: 32px;
  background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.5),rgba(0,0,0,0.8));
  background: linear-gradient(transparent,rgba(0,0,0,0.5),rgba(0,0,0,0.8));
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

/* notice
-------------------------------------------------- */

.noticeText {
  overflow: hidden;
  height: 300px;
}

.notice h1 {
  margin-bottom: 16px;
}

.notice li {
  border-bottom: 1px solid #2e2e2e;
}

.notice li:nth-child(1) {
  border-top: 1px solid #2e2e2e;
}

.notice li p:nth-child(1) {
  color: #FFFFFF;
}

.notice li p:nth-child(2) {
  color: #424242;
  margin-top: 8px;
}

.notice li a {
  position: relative;
  display: block;
  padding: 12px 24px;
  font-size: 1.2rem;
  text-decoration: none;
}

.notice li a::before,
.notice li a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  content: "";
  width: 12px;
  height: 3px;
  background: #888;
  border-radius: 4px;
}

.notice li a::before {
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.notice li a::after {
  margin-top: 3px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.notice_n {
  background: #faac58;
  padding: 1px 8px 1px;
  color: #fff;
  margin: 0 8px 0 0;
}

/* twitter
-------------------------------------------------- */

.twitter {
  width: 90%;
  max-width: 400px;
  margin: 12px auto 24px;
}

.twitter div {
  padding: 0 4px 0;
  margin: 0 auto 0;
  text-align: center;
  background: #fafafa;
  color: #2e2e2e;
}

.twitter iframe{
  width:375px !important;
  height:68vw !important;
}


/* snsBtn
-------------------------------------------------- */

.snsBtn {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}

.snsBtn img {
  margin-bottom: 10px;
}

#m_footer {
  margin-top: 36px;
}

/* フッター バナー*/

#m_footer > div.snsBtn > a > img {
    width:90%;
}

/* info
-------------------------------------------------- */

.info {
  position: relative;
  overflow: hidden;
  padding: 16px 0 ;
}

.info ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position:relative;
  width: 73%;
  margin: 0 auto;
}

.info li {
  position: relative;
}

.info ul li ul {
  width: 100%;
  margin-left: 10px;
}

ul.info_right {
  display:table;
}

ul.info_right li span {
  display:table-cell;
}


@media screen and (max-width: 365px) {
  .info ul li ul {
    width: 100%;
  }
}

.info_left {
  width: 28%;
}

.info_left img {
  width: 100%;
}

.info_right {
  font-size: 1.6rem;
  text-align: left;
  margin-left: 8px;
  color: #FFF;
}

@media screen and (max-width: 640px) {
  .info_right{
    font-size: 1rem;
  }
}

/* sns
-------------------------------------------------- */

.sns {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}

.sns ul {
  position: relative;
  float: left;
  left: 50%;
}

.sns li {
  position: relative;
  float: left;
  left: -50%
}

.sns li:nth-child(2) {
  margin-left: 4px;
}

.sns li:nth-child(3) {
  margin-left: 4px;
}

/* mainfooter
-------------------------------------------------- */

.mainfooter {
  padding: 16px;
  font-size: 0.9rem;
}

.mainfooter > p {
  margin: 0 0 8px;
}

.mainfooter img {
  margin: 0 0 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width:72px;
  max-width: inherit;
}

.mainfooter img:hover {
  opacity: 0.6;
}

.mainfooter a {
  color: rgba(180,180,180,1);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-decoration: none;
}

.mainfooter a:hover {
  color: rgba(255,255,0,1);
}

.mainfooter p {
  font-family: Helvetica, Arial, Doroid Sans, Meiryo, "Hiragino Kaku Gothic Pro", sans-serif;
}

.mainfooter .trademark {
  color: #848484;
}

/* topButton
-------------------------------------------------- */

.topButton {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
}

.topButton a {
  display: block;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  color: #2e2e2e;
  font-size: 2.4rem;
  text-decoration: none;
  line-height: 60px;
  cursor: pointer;
}


/* clearfix
-------------------------------------------------- */

.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.yellow {
  color: #ff0;
}

/* cate1
-------------------------------------------------- */

.Cate1 {
  width: 94%;
  margin: 0 auto 24px;
  padding: 12px 12px 12px;
  background: #e6e6e6;
  color: #2e2e2e;
  border-radius: 10px;
}

.Cate1 h1 {
  display: inline-block;
  font-weight: bold;
  margin: 0 0 12px;
  text-align: center;
  color: #fff;
  background: #b40404;
  padding: 6px 16px 6px;
  border-radius: 12px;
}

.Cate1 h2 {
  font-weight: bold;
  text-align: center;
}

.Cate1 p {
  width: 80%;
  margin: 0 auto;
}

.Cate1 p:nth-child(2) {
  margin-bottom: 8px;
}

.Cate1 p:nth-child(3) {
  margin-bottom: 12px;
}

.Cate1 p:nth-child(4) {
  color: #b40404;
}

.Cate1 p:nth-child(5) {
  color: #b40404;
  margin-bottom: 12px;
}

.Cate1 p:nth-last-child(1) {
  color: #b40404;
}

.Cate1_bnr p {
  margin:16px 0 8px;
}


/* cate2
-------------------------------------------------- */

.Cate2 p:nth-child(2) {
  font-weight: bold;
  color: #ff0;
  margin-bottom: 12px;
}

.Cate2 h2:nth-last-child(2) {
  color: #f00;
  font-weight: bold;
}

.Cate2 p:nth-last-child(1) {
  color: #f00;
  margin-bottom: 8px;
}

/* cate3
-------------------------------------------------- */

.Cate3 {
  width: 94%;
  margin: 12px auto 24px;
  padding: 12px 12px 12px;
  background: #e6e6e6;
  color: #2e2e2e;
  border-radius: 10px;
}

.Cate3 h2 {
  font-weight: bold;
  margin-bottom: 4px;
}

.Cate3 ul {
  width: 90%;
  margin: 0 auto;
}

.Cate3 li {
  text-align: left;
  margin-bottom: 8px;
}

.Cate3 li:nth-child(4) {
  color: #b40404;
}

.FormBtnRe {
  width: 220px;
  margin: 24px auto 12px;
  padding: 8px 0 8px;
  font-size: 1.8rem;
  background: -webkit-linear-gradient(#fff005, #ff4800);
  background: linear-gradient(#fff005, #ff4800);
  border-radius: 20px;
  border: 2px solid #61380b;
  color: #fff;
}

.FormBtnRe a {
  text-decoration: none;
  color: #424242;
}

.FormBtnRe a:link {
  color: #424242;
}

.FormBtnRe a:visited {
  color: #424242;
}


.FormBtnSub {
  width: 220px;
  margin: 12px auto 28px;
  padding: 8px 0;
  font-size: 1.9rem;
  font-weight:bold;
  background: -webkit-linear-gradient(#fff005, #ff4800);
  background: linear-gradient(#fff005, #ff4800);
  border-radius: 20px;
  border: 2px solid #61380b;
  color: #424242;
}

.navTop {
  width: 220px;
  margin: 20px auto 16px;
  padding: 8px 0 8px;
  font-size: 1.8rem;
  font-weight:bold;
  background: -webkit-linear-gradient(#fff005, #ff4800);
  background: linear-gradient(#fff005, #ff4800);
  border-radius: 20px;
  border: 2px solid #61380b;
  color: #fff;
}

.navTop a:link {
  color: #424242;
}

.navTop a:visited {
  color: #424242;
}


input[type="submit"] {
  cursor: pointer;
}

.Release {
  margin: 6px 0 6px;
  padding: 12px 0 12px;
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
}

.otherbnr {
  text-align: center;
  margin: 20px auto;
}

.mail a {
  color:#58d3f7;
}

p.emNewline {
    margin: 0 20px;
}


/* toppage slider (sp) - 2020-0424
-------------------------------------------------- */

.mainBox #topSlider li img {
  width: 100%;
}

#topSlider .slick-dots li button::before {
  color:white;
}

#topSlider .slick-dots li.slick-active button::before {
  opacity: 1;
  color:#fff;
}

#topSlider .slick-next,
#topSlider .slick-prev {
  width: 24px;
  height: 24px;
  opacity: 0.9;
  z-index: 100;
}

#topSlider .slick-next {
  right: 10px;
}

#topSlider .slick-prev {
  left: 10px;
}

#topSlider .slick-prev::before,
#topSlider .slick-next::before {
  font-size: 2.4rem;
}

.topSliderwrap {
  margin: 0 auto 30px;
}

/* footer .bannerList */
.bannerList {
  width: 90%;
  max-width: 400px;
  margin: 0 auto 32px;
}

.bannerList > .banner:not(:last-child) {
  margin-bottom: 10px;
}

/* noticeContents Amendments
-----------------------------------*/

.noticeContents {
  margin-bottom: 20px;
  text-align:left;
  background: rgba(255,255,255,0.1);
}

.noticeContents .inner {
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
}

.noticeContents time {
  font-size: 1.5rem;
}

.noticeContents h1 {
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 8px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 30px;
}

.noticeContents p,
.noticeContents ul {
  font-size: 1.4rem;
}

.noticeContents .caution{
  color: orangered;
  font-weight: bold;
}

.noticeContents .txtAlignRight {
  text-align: right;
  margin-bottom: 0;
  padding-bottom: 0;
}

.noticeContents .noIndent{
  text-indent: 0;
  padding-left: 0;
}

.noticeContents .btn_new_terms {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 10px;
  color: #ffffff;
  background: #ff006a;
  position: relative;
  width: 90%;
  max-width: 260px;
  min-width: 210px;
  margin: 20px auto;
}

.noticeContents .movImg {
  position: relative;
}

.noticeContents .movImg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 64px;
  height: 45px;
  background: url(/social/dragonpoker/img/movie/btn_play_youtube.png) no-repeat;
  background-size: 100% 100%;
}

.noticeContents h2 {
  margin-bottom: 5px;
}

.noticeContents .newsTable {
  border-collapse: collapse;
  width: 100%;
  background: #f2f2f2;
  font-size: 1.2rem;
}

.noticeContents .newsTable td,
.noticeContents .newsTable th {
  padding: 2px 4px;
  border: 1px solid #666;
  color: #2e2e2e;
}

.noticeContents .newsTable tr {
  background: #ffffff;
}

.noticeContents .newsTable tr:nth-child(even) {
  background: #efefef;
}

.noticeContents .newsTable tr td:nth-child(1) {
  background: #2e2e2e;
  color: #fff;
}

.noticeContents .newsTable tr:nth-child(odd) td:nth-child(1) {
  background: #444444;
}

.notice ul li p {
  margin-bottom: 0;
  text-align: center;
}

@media screen and (min-width: 737px) {
  body:not(#top) .bgPurple {
    padding: 40px 0;
  }
  .bgPurple {
    width: 100%;
  }
  .mainHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    width: 100%;
    margin: auto;
    padding: 10px 0 10px 20px;
    box-sizing: border-box;
  }

  .infoItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 5px;
    height: 30px;
  }

  .pcLogo {
    float: left;
  }

  .pcLogo img {
    height: 50px;
  }

  .pcMenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    width: 630px;
    margin-left: auto;
    text-align: left;
    font-size: 0;
  }

  .topImg {
    width: 100%;
    max-width: 1100px;
    margin-bottom: 20px;
  }

  .newsContent ul li .day,
  .newsContent ul li a .title {
    font-size: 1.6rem;
  }

  .f_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    width: 960px;
    max-width: 100%;
    margin: 30px auto 0;
  }

  .f_ban_area {
      width: calc(100% - 419px);
  }

  .f_content h2 {
    font-size: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    margin-bottom: 10px;
    color: #ccc;
  }

  .f_content h2:before,
  .f_content h2:after {
    border-top: 1px solid #ccc;
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
  }

  .f_content h2:before {
    margin-right: 0.5em;
  }

  .f_content h2:after {
    margin-left: 0.5em;
  }

  .f_banner_drapo,
  .f_banner_other {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }

  .f_banner_drapo {
    margin-bottom: 30px;
  }

  .f_banner_drapo li:not(:last-child) {
    margin-bottom: 15px;
  }

  .f_banner_other li {
    margin-bottom: 15px;
    width: calc(50% - 5px);
  }

  .f_ban_area {
    width: calc(100% - 419px);
  }

  .f_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin-top: 30px;
  }

  .f_nav li {
    margin: 0 10px;
    font-size: 1.4rem;
  }

  .f_nav li a {
    border-bottom: 1px solid #fff;
    color: #fff;
    text-decoration: none;
  }

  .f_nav li a:hover {
    border-bottom: 1px solid #aaa;
    color: #aaa;
  }

  .tw_bg {
    position: relative;
    width: 379px;
    height: 495px;
    margin-left: auto;
    background: url(/social/dragonpoker/img/tw_bg.png) no-repeat top left;
  }

  .tw_wind {
    width: 355px;
    height: 385px;
    position: absolute;
    top: 95px;
    left: 12px;
    border-radius: 10px;
    overflow: hidden;
  }

  .tw_bg #twitter-widget-0,
  .tw_bg #twitter-widget-1 {
    height: 432px !important;
  }

  .modalbox-overlay {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.8);
    z-index:1000;
  }

  .modalbox-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

  .modalbox-inner {
    width: 700px;
    height: 394px;
    background: #000;
  }

  .modalbox-iframe {
    width: 100%;
    height: 100%;
  }

  .modalbox-close {
    position: fixed;
    width: 40px;
    height: 40px;
    top: -50px;
    right: 0;
    background: url(../img/movie/btn_modal_close.png) no-repeat;
    background-size: contain;
  }

  .mainfooter,
  .mainfooter small {
    font-size: 1.0rem;
  }

  .isSP {
    display: none;
  }
  .isPC {
    display: block;
  }
  .isPC.isFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
}

@media screen and (min-width: 980px) {
  .newsContent {
    width: 980px;
  }
}

@media screen and (min-width: 1023px) {
  .mainHeader {
    max-width: 1100px;
  }
}