@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p&display=swap');

/* Display */
.pc-none {
  display: none;
}
.sp-none {
  display: block;
}


body {
  background-image: url("/images/bg_main.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #f5f5f5;
  background-size: 100% auto;
}
body::after {
  background-image: none !important;
  position: relative;
  width: auto;
  height: auto;
  background-color: transparent;
}

/* Important News */
.important-news {
    display: flex;
    width: 100%;
    background-color: #f00;
    top: 0px;
    left: 0;
    overflow-y: visible;
    margin-top: -22px;
    margin-bottom: 22px;
}
.important-news a {
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 14px;
    padding: 7px 0;
}
.important-news a:hover {
    text-decoration: none;
}

/* Layout */
.contents {
  max-width: 100%;
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  border-right: 30px solid #FCD7E9;
  border-left: 30px solid #FCD7E9;
  text-align: left !important;
}
.contents-inner {
  padding: 86px 80px 34px;
  width: 1040px;
  max-width: 100%;
  margin: 0 auto;
}
.mod-block-column-half {
  width: auto;
  max-width: 430px;
}


/* Module */
/* bg */
.bg-white {
  background-color: #fff;
}
.bg-yellow {
  background-color: #EFF620;
  border-radius: 6px 0 0 6px;
  display: flex;
  align-items: center;
}
.bg-blue {
  background-color: #2D9AA7;
  color: #fff;
}
.bg-navy {
  background-color: #24284d;
  color: #fff;
}
.bg-pink {
  background-color: #F62A69;
  color: #fff;
}



/* Font */
.font {
  font-family: 'Roboto', sans-serif;
}
.font-400 {
  font-weight: 400;/*regular*/
}
.font-500 {
  font-weight: 500;/*medium*/
}
.font-700 {
  font-weight: 700;/*bold*/
}
.font-bold {
  font-weight: bold;
}



/* Status Icon */
.status {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  height: 28px;
  margin-right: 10px;
	  /*ggmg+add*/
  height: auto;
  padding: .2em .8em;
	margin-right: 7px;
}
.status-img {
  border-radius: 1px;
}
.status-img.breaking {
  width: 86px;
  margin-right: 10px;
  color: #fff;
  background: -moz-linear-gradient(top, #FD2844, #B10017);
  background: -webkit-linear-gradient(top, #FD2844, #B10017);
  background: linear-gradient(to bottom, #FD2844, #B10017);
  border-top: 1px solid #FBADC6;
  border-left: 1px solid #FBADC6;
  outline: 2px solid #B10017;
	  /*ggmg+add*/
	width:auto;
	outline: 1px solid #B10017;
}
.status-img.voting {
  width: 80px;
  margin-right: 10px;
  color: #fff;
  background: -moz-linear-gradient(top, #FA467E, #CA0341);
  background: -webkit-linear-gradient(top, #FA467E, #CA0341);
  background: linear-gradient(to bottom, #FA467E, #CA0341);
  border-top: 1px solid #FBADC6;
  border-left: 1px solid #FBADC6;
  outline: 2px solid #CA0341;
	  /*ggmg+add*/
	width:auto;
	outline: 1px solid #CA0341;

}
.status.decide {
  width: 106px;
  margin-right: 10px;
  color: #fff;
  background: -moz-linear-gradient(top, #F85386, #F62B69);
  background: -webkit-linear-gradient(top, #F85386, #F62B69);
  background: linear-gradient(to bottom, #F85386, #F62B69);
  border-top: 1px solid #FBADC6;
  border-left: 1px solid #FBADC6;
  outline: 2px solid #F62B69;
	  /*ggmg+add*/
	width:auto;
	outline: 1px solid #F62B69;
}
.status-img.before-voting {
  background-color: #2D9AA7;
  border: none;
  outline: none;
  color: #fff;
  width: 86px;
	  /*ggmg+add*/
	width:auto;
}
.status.finish {
  color: #fff;
  background-color: #4A4A4A;
  width: 98px;
  height: 28px;
	  /*ggmg+add*/
	width:auto;
}


/* NEW Icon Top Only */
.mod-ico-new {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  width: 44px;
  height: 24px;
  margin-right: 10px;
  background-color: #F56390;
  color: #fff;
  border-radius: 2px;
}


/* Icon */
/* Vote Directory Only */
.mod-ttl-ico-ribbon {
  padding-bottom: 4px;
}
.mod-ttl-ico-ribbon::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("/images/turned_in-24px.svg");
  background-size: contain;
  vertical-align: text-bottom;
  margin-right: 4px;
}



/* title width */
.mod-ttl-w200 {
  width: 200px;
}
.mod-ttl-w186 {
  width: 186px;
}
.mod-ttl-w152 {
  width: 152px;
}
.mod-ttl-w142 {
  width: 142px;
}
.mod-ttl-w128 {
  width: 128px;
}
.mod-ttl-w124 {
  width: 124px;
}



/* Module Title Ptn1 */
.mod-ttl-block {
  background-color: #F65B85;
  display: flex;
  height: 44px;
  width: 100%;
}
.mod-ttl-block-inner {
  background-color: #232323;
  color: #F85789;
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-size: 18px;
  line-height: 1;
}
.mod-ttl-block-inner::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 10px;
  background-image: url("/images/ico-dot-arrow-double.svg");
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}



/* Module Title Ptn2 */
.mod-ttl-border-left {
  border-left: 6px solid #7B626B;
  position: relative;
  padding: 0 20px 10px;
  margin: 40px 0;
  width: 100%;
}
.mod-ttl-border-left::before {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 28px #FC82A8;
  top: 0;
  left: -6px;
  width: 6px;
}
.mod-ttl-tournament {
  text-align: left;
  margin-bottom: 10px;
}
.mod-ttl-tournament.link a {
  font-size: 18px;
  font-weight: bold;
}
.mod-ttl-tournament.link a:hover {
  color: #FF8800;
  text-decoration: underline;
}
.mod-tournament-info {
  color: #707070;
  font-size: 14px;
  display: flex;
  display:-ms-flexbox;
  align-items: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.mod-tournament-info .block-ico-text {
  display: flex;
  align-items: center;
}
.mod-tournament-info.vote {
  padding-left: 24px;
  display: flex;
  flex-flow: wrap;
}
.mod-tournament-info .period {
  display: -ms-contents;
  display: contents;
}
.mod-tournament-info.vote .period::before {
  white-space: pre-wrap;
  content: '\00a0';
}

/* Module Title Ptn2-2 */
.mod-ttl-border-left02 {
    border-left: 4px solid #FF4E85;
    margin: 0 10px 10px;
    padding: 6px 0 6px 10px;
}

/* Leader Board ?? */
.mod-border-block-round {
  border: 1px solid #AEAEAE;
  margin-bottom: 40px;
  padding: 20px;
  font-size: 14px;
}


/* Table */
.mod-table a:hover {
  text-decoration: underline;
}

/* Top Table */
.mod-table-contents01 {
  table-layout: fixed;
  width: 100%;
  word-break: break-all;
  word-wrap: break-word;
  white-space: nowrap;
  border-collapse: collapse;
}
.mod-table-title {
  background-color: #44383D;
  color: #fff;
}
.mod-table-title th,
.mod-table-list td {
  height: 38px;
  font-size: 14px;
  padding: 0 20px;
}
.mod-table-title th:not(:nth-of-type(2)),
.mod-table-list td:not(:nth-of-type(2)) {
  text-align: center;
}
.mod-table-title th:nth-of-type(1) {
  width: 10%;
}
.mod-table-title th:nth-of-type(3),
.mod-table-title th:nth-of-type(4),
.mod-table-title th:nth-of-type(5) {
  width: 14%;
}
.mod-table-title th:nth-of-type(2) {
  width: 48%;
}
.mod-table-list tr:nth-of-type(odd) {
  background-color: #F5F5F5;
}
.mod-table-list tr:not(:last-of-type) {
  border-top: 1px solid#D5D5D5;
  border-bottom: 1px solid#D5D5D5;
}
.mod-table-list td:nth-of-type(2) {
  font-weight: bold;
}


/* button */
.mod-button {
  cursor: pointer;
  transition: all .3s linear;
}
.mod-button:hover {
  opacity: .5;
}
.mod-button-area {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 28px;
}
.mod-button-wide {
  background-color: #F62A69;
  color: #fff;
  padding: 0 20px;
  font-size: 17px;
  width: 100%;
  height: 54px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mod-button-wide.center {
  justify-content: center;
  align-items: center;
}
.mod-button-wide.center::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/images/arrow_forward_white_ios-24px.svg");
  background-size: contain;
  vertical-align: unset;
  margin-left: 16px;
}
.mod-button-radius {
  border-radius: 6px;
  text-decoration: none;
  line-height: 1;
  margin: 0 auto;
  padding: 8px 0;
  width: 75%;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
	  /*ggmg+add*/
    min-height: 44px;
	width: 85%;
	font-size: 17px;
    padding: .5em 0;
}
.mod-button-radius.small {
	font-size: 17px;
  width: 45.7%;
  max-width: 320px;
  height: 42px;
}
.mod-button-side {
  font-size: 14px;
  width: calc(100% - 20px);
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* Advertisement */
.mod-advertisement.banner03 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 660px;
  padding: 0;
  margin: 0px auto !important; /* Temporary Using */
  text-align: center;
}
/* Temporary Using */
.mod-slider-large.top-slider-blank + * {
  margin: 0px auto !important;
}
.mod-advertisement.banner03 li {
  width: calc((100% - 60px) / 2);
  max-width: 300px;
  height: 250px;
  background-color: #00E3F3;
  align-items: center;
  justify-content: center;
  display: flex;
}


/* News Card */
.mod-news-card {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  flex-flow: wrap;
}
.mod-news-card li {
  width: 25%;
  display: flex;
  margin-bottom: 60px;
  padding: 0 16px;
}
.mod-news-card li a {
  width: 100%;
}
.mod-news-card-picture {
  width: 100%;
  height: auto;
}
.mod-news-card-picture .picture-inner {
  background-color: #efefef;
  width: 100%;
  height: 66.66%;
  position: relative;
  overflow: hidden;
}
.mod-news-card-picture .picture-inner::before {
  content: "";
  display: block;
  padding-top: 66.66%;
}
.mod-news-card-picture img {
  width: auto;
  /* max-height: 100%; */
  height: auto;
  max-width: 100%;
  margin: auto;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.mod-news-card-caption {
  color: #4A4A4A;
  font-size: 16px;
    word-break: break-word;
}
.mod-news-card li a:hover .mod-news-article-name {
  text-decoration: underline;
}
.mod-news-card .update-time {
  color: #707070;
  font-size: 13px;
  display: block;
  padding: 8px 0;
}
.mod-news-card .tournament-name {
  color: #707070;
  font-size: 12px;
}


/* Top - News Detail Slider */
.slider-caption {
  padding: 14px 20px;
  text-align: left;
}
.mod-slider-large.top-slider-blank + * {
  margin-top: 20px !important;
}
.mod-slider-large {
  position: relative;
  margin: 0 !important;
  padding-bottom: 32px;
  background-color: #fff;
}
.mod-slider-large > .swiper-container {
  box-shadow: none;
  width: calc(100% - 8px);
  padding-top: 4px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%�19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
  left: 20px;
  right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%�2L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
  right: 20px;
  left: auto;
}
.mod-slider-large > .swiper-pagination > .swiper-pagination-bullet {
  margin: 0 8px;
  width: 15px;
  height: 15px;
  background-color: #ccc;
  opacity: 1;
  border: 1px solid #999;
}
/* common.css 666 */
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 46%;
  width: 26px;
  height: 32px;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
/* common.css 1618 */
.mod-slider-large > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc82a8;
}

/* TOP スポンサー */
.mod-button-blue {
    background-color: #4b98ff;
    color: #ffffff;
    width: 100%;
}

br.sp { display: none; }




/* Utility Module */
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.u-pb0 {
  padding-bottom: 0;
}
.u-px0 {
  padding-left: 0;
  padding-right: 0;
}
.u-px10 {
  padding-left: 10px;
  padding-right: 10px;
}


/* Header */
.header {
  background-color: rgba(255, 255, 255, 1);
  /*height: 82px;*/
    height: auto;
  border-bottom: 1px solid #d5d5d5;
    flex-flow: column;
    padding: 22px 0;

}
.header-inner {
  width: 100%;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
       margin: 0 auto;
}
.hd-gnav-ul li a {
  height: 64px;
  display: flex;
  align-items: center;
  color: #F85789;
}

.hd-gnav-ul li a:hover {
  text-decoration: underline;
}
.submenu {
  width: 100%;
  background-color: #F62A69;
  position: absolute;
    top: 116px;
  right: 0px;
}
.submenu ul::before {
  content: "";
  position: absolute;
  top: -24px;
  right: 46px;
  border: 12px solid transparent;
  border-bottom: 12px solid #F62A69;
  display: none;
}
.submenu ul {
  display: flex;
  justify-content: flex-end;
  position: relative;
  margin: 0 auto;
  width: 1000px;
}
.submenu li {
  height: 0;
  overflow: hidden;
  transition: .5s;
  border-left: none;
}
.hd-gnav-ul li:hover > .submenu > ul > li {
  height: 50px;
  overflow: visible;
  background-color: #F62A69;
}
.hd-gnav-ul li:hover > .submenu ul::before {
  display: block;
  visibility: visible;
  transition: .5s;
}
.hd-gnav-ul li:hover > .submenu > ul > li > a {
color: #fff;
}

.hd-ico-btn {
  width: 32px;
  height: 32px;
  margin-left: 16px;
}
.hd-ico-btn img {
  width: 32px;
  height: 32px;
}


/* Slider */
.slider-caption {
  padding: 10px 20px;
  text-align: left;
}
.mod-slider-large {
  position: relative;
  margin: 0;
  padding-bottom: 32px;
  background-color: #fff;
}
.mod-slider-large > .swiper-container {
  box-shadow: none;
  width: calc(100% - 8px);
  padding-top: 4px;
	  /*ggmg+add*/
	width: calc(100% - 0px);
	padding-top: 0px;
}
.swiper-slide{
	position: relative;
}
.swiper-slide a::after {
	content: " ";
	display: block;
	position: absolute;
	width:100%;
	height: 100%;
	border: 4px solid rgba(255,255,255,0.5);
	top:0;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44MDkiIGhlaWdodD0iMTkuODciIHZpZXdCb3g9IjAgMCAxMS44MDkgMTkuODciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjYuMDk5IC05OTYuMzEzKSByb3RhdGUoNDUpIj48cmVjdCB3aWR0aD0iMi42IiBoZWlnaHQ9IjE0IiByeD0iMS4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MjkgNTgwKSIvPjxyZWN0IHdpZHRoPSIyLjYiIGhlaWdodD0iMTQiIHJ4PSIxLjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg0MyA1OTEuNSkgcm90YXRlKDkwKSIvPjwvZz48L3N2Zz4=); /*this*/
  left: 12px;
  right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44MDkiIGhlaWdodD0iMTkuODciIHZpZXdCb3g9IjAgMCAxMS44MDkgMTkuODciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjgwOSA5Ljk3KSByb3RhdGUoMTM1KSI+PHJlY3Qgd2lkdGg9IjIuNiIgaGVpZ2h0PSIxNCIgcng9IjEuMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjEpIi8+PHJlY3Qgd2lkdGg9IjIuNiIgaGVpZ2h0PSIxNCIgcng9IjEuMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyLjYpIHJvdGF0ZSgtOTApIi8+PC9nPjwvc3ZnPg==); /*this*/
  right: 12px;
  left: auto;
}
.mod-slider-large.no-slide .swiper-button-next,
.mod-slider-large.no-slide .swiper-button-prev {
  display: none;
}
.mod-slider-large > .swiper-pagination {
  margin: 2px 0 0 0;
}
.mod-slider-large.no-slide > .swiper-pagination {
  display: none;
}
.mod-slider-large > .swiper-pagination > .swiper-pagination-bullet {
  margin: 0 8px;
  width: 15px;
  height: 15px;
  background-color: #ccc;
  opacity: 1;
  border: 1px solid #999;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 40%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #ccc;
}
.mod-slider-large > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fc82a8;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: #FFE6F2;
}
.swiper-button-next:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44MDkiIGhlaWdodD0iMTkuODciIHZpZXdCb3g9IjAgMCAxMS44MDkgMTkuODciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjgwOSA5Ljk3KSByb3RhdGUoMTM1KSI+PHJlY3Qgd2lkdGg9IjIuNiIgaGVpZ2h0PSIxNCIgcng9IjEuMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjEpIiBmaWxsPSIjZmYyOTQ1Ii8+PHJlY3Qgd2lkdGg9IjIuNiIgaGVpZ2h0PSIxNCIgcng9IjEuMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyLjYpIHJvdGF0ZSgtOTApIiBmaWxsPSIjZmYyOTQ1Ii8+PC9nPjwvc3ZnPg==); /*this*/
}
.swiper-button-prev:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44MDkiIGhlaWdodD0iMTkuODciIHZpZXdCb3g9IjAgMCAxMS44MDkgMTkuODciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjYuMDk5IC05OTYuMzEzKSByb3RhdGUoNDUpIj48cmVjdCB3aWR0aD0iMi42IiBoZWlnaHQ9IjE0IiByeD0iMS4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MjkgNTgwKSIgZmlsbD0iI2ZmMjk0NSIvPjxyZWN0IHdpZHRoPSIyLjYiIGhlaWdodD0iMTQiIHJ4PSIxLjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg0MyA1OTEuNSkgcm90YXRlKDkwKSIgZmlsbD0iI2ZmMjk0NSIvPjwvZz48L3N2Zz4=); /*this*/
}


/* Footer */
.footer {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0 0 48px;
}
.btn-scroll-top {
  width: 100%;
  margin: 0 0 70px;
  font-size: 12px;
  line-height: 1;
  color: #fc82a8;
  border-radius: 0;
  background-color: #FCE2EF;
  height: 72px;
  justify-content: center;
  align-items: center;
  padding: 0;
  cursor: pointer;
  font-size: 18px;
}
.footer-logo {
  display: flex;
  list-style-type: none;
}
.footer-logo:nth-of-type(1) {
  margin-bottom: 48px;
}
.footer-logo li {
  margin: 0 8px;
}
.footer-nav {
  margin: 136px 0 0;
}
.footer-nav-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
}
.footer-nav-ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #AEAEAE;
  margin-bottom: 12px;
  padding: 0 6px;
  line-height: 1;
}
.footer-nav-ul:last-of-type li {
  margin-bottom: 0;
}
.footer-logo li img {
  width: 100%;
  max-width: 120px;
  height: auto;
}
.footer-nav-ul:nth-of-type(2) li {
  border-right: none;
}
.footer-nav-ul li a {
  font-size: 12px;
  color: #AEAEAE;
  text-decoration: none;
  transition: all .3s linear;
}
.footer-copyright {
  margin: 32px auto 0;
  font-size: 12px;
  color: #707070;
  text-align: center;
}


/* Top page Only */
.top .contents {
  background-color: #FCD7E9;
}


/* Vote Directory */
.mod-contents-inner {
  padding: 0 30px;
}
.mod-block-column-2-1 {
  display: flex;
  width: 100%;
}

/* Header */
@media  screen and (min-width: 1025px) and (max-width: 1100px) {
  .header {
      padding: 22px 0;
    /*padding: 0 16px;*/
  }
  .toggle-class.hd-ico-btn.hd-btn-menu {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
    .header {
        padding: 0;
    }
    .important-news {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1099px) {

  /* Display */
  .pc-none {
    display: block;
  }
  .sp-none {
    display: none;
  }

  /* title */
  .mod-ttl-border-left {
    margin: 0 auto 20px;
    width: calc(100% - 20px);
  }

  /* Table */
  .mod-table-title th, .mod-table-list td {
    padding: 0 10px;
  }

  /* News Card */
  .mod-news-card li {
    width: 33.3%;
  }
  .mod-news-card-picture {
    width: 100%;
  }
  .mod-news-card-caption {
    max-width: 100%;
  }
}


/* Header */
@media  screen and (max-width: 1024px) {
  .player::before, .voting::before, .summary::before {
    display: none;
  }
  .player [class^="player-list-"] {
    margin: 0 0 70px;
  }

  /* common.css  5922*/
  .hd-ico-btn {
    position: relative;
    justify-content: center;
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    padding: 0;
    background-color: #fff;
  }

  /* common.css  5932*/
  .hd-btn-menu {
    display: flex;
    background-color: transparent;
  }

  /* common.css  5937*/
  .mod-ico-menu {
    position: relative;
    width: 38px;
    height: 24px;
  }

  /* common.css  5943*/
  .mod-ico-menu .bar {
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #FC82A8;
    transition: all .3s linear;
    border-radius: .4rem;
  }

  /* common.css  5990 */
  .hd-btn-login::after {
    content: "";
  }

  /* common.css  6000 */
  .hd-btn-menu.active {
    background-color: #F62A69;
  }

  /* common.css  6006 */
  .hd-gnav-inner {
    overflow-y: scroll;
    position: absolute;
    top: 82px;
    right: calc(-100% + 48px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 48px);
    height: calc(100vh - 82px);
    padding: 15px 0;
    background-color: #F62A69;
    transition: all .3s linear;
  }
  .hd-gnav-ul {
    padding: 0 24px;
  }
  .hd-gnav-ul li:first-child, .hd-gnav-ul li {
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.5);
  }
  .hd-gnav-ul li a {
    color: #fff;
    padding: 10px 15px 10px 0;
    width: 100%;
    height: 48px;
  }
  .hd-gnav-ul li a::after {
    background-image: none;
  }
  .submenu {
    display: none;
        position: relative;
  }
  .hd-btn-menu.active {
    background-color: #fff;
  }
  .hd-gnav-ul li.disp-sp {
    padding-left: 24px;
  }
  .hd-ico-btn {
    margin-left: 0;
  }
  .hd-ico-btn.hd-btn-login img {
    width: 40px !important;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}


@media screen and (max-width: 980px) {

  /* Layout */
  body {
    background-image: url("/images/bg_main_sp.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
  }
  .contents {
    border-right: none;
    border-left: none;
  }
  .contents-inner {
    padding: 10px;
    background-color: #fff;
	  /*ggmg+add*/
    background-color: #F5F5F5;
    background-image: url(/images/bg_main_sp.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
  }
	  /*ggmg+add*/
	.bg-white {
    background-color: #fff;
    border-bottom: 1px solid #E3E3E3;
    background-image: none;
	}
	  /*ggmg+add*/

  /* for Vote */
  .mod-contents-inner {
    padding: 0;
  }
  .mod-block-column-2-1 {
    display: block;
  }
  .mod-block-column-half {
    width: 100%;
    max-width: 100%;
  }

  .mod-ttl-block-inner {
    padding-left: 10px;
  }

  /* Title */
  .mod-ttl-w124 {
    width: 106px;
  }


  .mod-ttl-tournament {
    margin-bottom: 6px;
  }
  .mod-tournament-info {
    font-size: 13px;
    flex-flow: column;
    align-items: start;
  }
  .mod-tournament-info .block-ico-text {
    margin-bottom: 8px;
  }
  .mod-tournament-info.vote {
    padding-left: 0 10px;
	  /*ggmg+add*/
    padding: 0 10px;
}


  /* title02 */
  .mod-ttl-border-left02 {
      border-left: 4px solid #FF4E85;
      margin: 0 10px 10px;
      padding: 6px 0 6px 10px;
  }

	  /*ggmg+add*/
	.mod-button-wide.center {
		font-family: 'M PLUS 1p', sans-serif;
		}
	  /*ggmg+add*/
	.mod-button-radius {
		font-family: 'M PLUS 1p', sans-serif;
		width: 92%;
		font-size: 18px;
		}

	/* Top Page Button */
  .mod-button-radius.small {
	  /*ggmg+add*/
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-shadow: 1px 1px 1px #fff;

    /*font-size: 18px;*/
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    height: 48px;
  }

  /* Advertisement banner */
  .mod-advertisement.banner03 {
    display: none;
  }

  /* News Card */
  .mod-news-card li {
    width: 50%;
  }

  /* Slider */
  .mod-slider-large, .mod-slider-large.top-slider-blank {
    margin: 0 !important;
  }


  .mod-slider-large {
    padding-bottom: 0!important;
	  /*ggmg+add*/
    padding-bottom: 28px !important;
    border-bottom: 1px solid #E3E3E3;
  }
  .swiper-button-next, .swiper-button-prev {
    top: 98%;
	  /*ggmg+add*/
	  top:94%
  }
  .mod-slider-large > .swiper-pagination {
    margin: 32px 0 0 0;
  }

    /* TOP スポンサー */
    .link-sponsorship {
        padding: 28px 0;
    }

    .mod-button-blue {
        background-color: #4b98ff;
        color: #ffffff;
    }
}


@media screen and (max-width: 767px) {

  /* Slider */
  .mod-slider-large {
    padding-bottom: 28px!important;
	  /*ggmg+add*/
    border-bottom: 1px solid #E3E3E3;
  }
  .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 91%;
    background-size: 20px 20px;
    width: 40px;
    height: 40px;
  }
  .swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #fff;
  }
  .swiper-button-next:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44MDkiIGhlaWdodD0iMTkuODciIHZpZXdCb3g9IjAgMCAxMS44MDkgMTkuODciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjgwOSA5Ljk3KSByb3RhdGUoMTM1KSI+PHJlY3Qgd2lkdGg9IjIuNiIgaGVpZ2h0PSIxNCIgcng9IjEuMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjEpIi8+PHJlY3Qgd2lkdGg9IjIuNiIgaGVpZ2h0PSIxNCIgcng9IjEuMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyLjYpIHJvdGF0ZSgtOTApIi8+PC9nPjwvc3ZnPg==); /*this*/
  }
  .swiper-button-prev:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44MDkiIGhlaWdodD0iMTkuODciIHZpZXdCb3g9IjAgMCAxMS44MDkgMTkuODciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjYuMDk5IC05OTYuMzEzKSByb3RhdGUoNDUpIj48cmVjdCB3aWR0aD0iMi42IiBoZWlnaHQ9IjE0IiByeD0iMS4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MjkgNTgwKSIvPjxyZWN0IHdpZHRoPSIyLjYiIGhlaWdodD0iMTQiIHJ4PSIxLjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg0MyA1OTEuNSkgcm90YXRlKDkwKSIvPjwvZz48L3N2Zz4=); /*this*/
  }
  .mod-slider-large > .swiper-pagination {
    margin: 11px 0 0 0;
  }
  .mod-slider-large + * {
    margin: 0 !important;
	  /*ggmg+add*/
    margin: 2em 0 0 !important;
  }


  /* Status Icon */
  .status.decide {
    width: 65%;
    max-width: 108px;
  }


  /* News Card */
  .mod-news-card {
    display: inline-block;
  }
  .mod-news-card li {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    padding-bottom: 30px;
  }
  .mod-news-card li:not(:last-of-type) {
    border-bottom: 1px solid #D5D5D5;
  }
  .mod-news-card li a {
    width: 100%;
    max-width: 100%;
  }
  .mod-news-card-picture .picture-inner {
    width: 36%;
    height: 36%;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
  }
  .mod-news-card-caption {
    float: left;
    width: 60%;
    font-size: 15px;
  }
  .mod-news-card .update-time {
    padding: 0 0 4px;
  }
  .mod-news-card .tournament-name {
    clear: both;
    margin-top: -10px;
    padding-top: 0;
  }
	  /*ggmg+add*/
  .mod-button-radius.small {
  font-size: 5.2vmin;
  }
	/*ggmg+add*/
	.mod-button-radius {
		font-size: 4.8vmin;
		}


  /* Footer */
  .footer-logo {
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% - 40px);
  }
  .footer-logo:nth-of-type(1) {
    margin-bottom: 0;
  }
  .footer-logo li {
    width: calc((100% - 66px) / 3);
    text-align: center;
    margin-bottom: 32px;
  }
  .footer-logo li:not(:last-of-type) {
    margin-right: 12px;
  }
  .footer-logo:nth-of-type(2) li:nth-last-of-type(-n+3) {
    margin-bottom: 0;
  }
  .footer-nav {
    margin: 80px 0 0;
  }
  .footer-copyright {
    font-size: 10px;
    margin: 32px auto 0;
  }

  /* TOP スポンサー */
    .mod-button-radius {
        height: 54px;
        line-height: 1.5;
        font-size: 3.6vmin;
    }

    br.sp { display: inline; }
    br.pc { display: none; }
}


/* SP Landscape */
@media screen and (max-width: 896px) and (orientation: landscape) {

  /* Slider */
  .mod-slider-large {
    padding-bottom: 28px!important;
  }
  .hd-gnav-inner {
    padding: 10px 0 50px!important;
    top: 81px;
  }
  .hd-gnav-ul li:nth-of-type(-n+4) {
    width: 33.3%!important;
  }
  .hd-gnav-ul li:nth-of-type(5) {
    width: calc(100% - 33.3%)!important;
  }
  .hd-gnav-ul li:nth-of-type(6) {
    margin-top: 12px;
    width: 100%;
  }
  .hd-gnav-ul li:nth-of-type(6):after {
    content: '';
    display: block;
    background:rgba(255,255,255,0.5);;
    height: 1px;
    width: calc(100% - 48px);
    position: absolute;
    top: 218px;
  }
  .hd-gnav-ul li.disp-sp {
    width: auto;
    border-bottom: none;
  }
  .swiper-button-next, .swiper-button-prev {
    top: 92%;
  }
}


/* SP Landscape */
/* @media screen and (max-width: 767px) and (orientation: landscape) { */
@media screen and (max-height: 320px) and (orientation: landscape) {
  .hd-gnav-inner {
    max-height: 220px;
  }
}


@media screen and (max-width: 480px) {
  .swiper-button-next, .swiper-button-prev {
    top: 89%;
  }
}