@charset "utf-8";

/*-------------------------------
localmenu
-------------------------------*/
body.event_index li a.event,
body.event_competition li a.competition,
body.event_campaign li a.campaign,
body.event_saikyo li a.saikyo,
body.event_genkyu li a.genkyu,
body.event_ranbu li a.ranbu,
body.event_ship li a.ship,
body.event_mini li a.mini,
body.event_dekatop li a.dekatop,
body.event_mleague li a.mleague,
body.event_title_ranking a.title_ranking {
  display: block;

  background: url(https://www.sega-mj.com/arcade/img/basic/sidenav_btn_bg_t.png)
      left top no-repeat,
    -moz-linear-gradient(top, #74613e 0%, #74613e 60%, #988a70 85%, #988a70 100%) !important; /* FF3.6-15 */

  background: url(https://www.sega-mj.com/arcade/img/basic/sidenav_btn_bg_t.png)
      left top no-repeat,
    -webkit-linear-gradient(top, #74613e 0%, #74613e 60%, #988a70 85%, #988a70
          100%) !important; /* Chrome10-25,Safari5.1-6 */

  background: url(https://www.sega-mj.com/arcade/img/basic/sidenav_btn_bg_t.png)
      left top no-repeat,
    linear-gradient(
      to bottom,
      #74613e 0%,
      #74613e 60%,
      #988a70 85%,
      #988a70 100%
    ) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  background-size: 100%;

  color: #ffffff !important;
}
li a.event:hover,
li a.competition:hover,
li a.campaign:hover,
li a.saikyo:hover,
li a.genkyu:hover,
li a.ranbu:hover,
li a.ship:hover,
li a.mini:hover,
li a.dekatop:hover,
li a.mleague:hover,
li a.title_ranking {
  color: #ffffff !important;

  text-decoration: none !important;
}

a {
  color: #86d0b2;

  text-decoration: none !important;
}
a:hover {
  color: #86d0b2 !important;

  text-decoration: underline !important;
}

.LinkButton a:hover {
  opacity: 0.8;
}

footer a {
  color: #ffffff;
}
footer a:hover {
  color: #ffffff !important;

  text-decoration: underline;
}
/*breadclum*/
.pankuzu a:hover {
  color: #ffffff !important;
}
/*#sidenav*/
#sidenav a:hover {
  color: #ffffff !important;

  text-decoration: none !important;
}

span.block {
  display: block;
}

.clear {
  clear: both;
}

/*-------------------------------
h1(ページタイトルのイメージ設定)
-------------------------------*/
/*イベント情報*/
body#event .mainContent h1 {
  margin: 8px 0px 8px 0px;

  padding-top: 24px;

  padding-bottom: 24px;

  background: url(https://www.sega-mj.com/arcade/img/event/pagetitle_sp.png)
    center center no-repeat;

  background-size: 74%;

  text-align: center;

  text-indent: -9999px;
}
/*Twitter連動*/
body#twitter .mainContent h1 {
  padding-top: 24px;

  padding-bottom: 24px;

  background: url(https://www.sega-mj.com/arcade/img/twitter/pagetitle_sp.png)
    center center no-repeat;

  background-size: 74%;

  text-align: center;

  text-indent: -9999px;
}
/*MJアプリ連動*/
body#mj_appli .mainContent h1 {
  padding-top: 24px;

  padding-bottom: 24px;

  background: url(https://www.sega-mj.com/arcade/img/mj_appli/pagetitle_sp.png)
    center center no-repeat;

  background-size: 74%;

  text-align: center;

  text-indent: -9999px;
}
/*遊び方*/
body#howto_top .mainContent h1 {
  padding-top: 24px;

  padding-bottom: 24px;

  background: url(https://www.sega-mj.com/arcade/img/howto/play/pagetitle_sp.png)
    center center no-repeat;

  background-size: 74%;

  text-align: center;

  text-indent: -9999px;
}

/*-------------------------------
h3(サブタイトルのマージン設定設定／一番最初のh3に設置)
-------------------------------*/
h3 {
  margin-top: 40px;
}
h3.no_margin {
  margin-top: 0px;
}

/*-------------------------------
h4
-------------------------------*/
h4 {
  margin-top: 20px;
}
h4:first-child {
  margin-top: 0px !important;
}

/*-------------------------------
h5
-------------------------------*/
h5 {
  position: relative;

  margin-bottom: 12px;

  padding: 0 0.5em 0em 1.5em;

  border-bottom: 1px solid rgba(195, 176, 141, 0.5);

  color: #c1bda5;

  font-size: 106%;
}
h5::after {
  content: '';

  position: absolute;

  top: 0.45em;

  left: 0.3em;

  z-index: 2;

  width: 9px;

  height: 9px;

  background-color: #c1bda5;
}

h6.sblue {
  margin-bottom: 12px;

  padding: 4px 0 2px 12px;

  border-radius: 4px;

  background-color: rgba(15, 126, 153, 1);

  color: #fff;

  font-weight: bold;
}

h6.green {
  margin-bottom: 12px;

  padding: 4px 0 2px 12px;

  border-radius: 4px;

  background-color: rgba(22, 112, 85, 1);

  color: #fff;

  font-weight: bold;
}

/*-------------------------------
p
-------------------------------*/
p.bm10 {
  margin-bottom: 10px;
}

/*-------------------------------
画像設定
-------------------------------*/
img.full {
  display: block;

  height: auto;

  max-width: 96%;

  margin: 0px auto 20px auto;
}
img.center {
  display: block;

  height: auto;

  max-width: 100%;

  margin: 0px auto 20px auto;
}
img.normal {
  display: block;

  max-width: 100%;

  margin: 0px auto 20px auto;
}
img.set_right {
  display: block;

  width: 80%;

  height: auto;

  margin: 0px auto 20px auto;
}
img.seg_left {
  display: block;

  width: 80%;

  height: auto;

  margin: 0px auto 20px auto;
}
img.icon_img {
  width: 80px;

  height: auto;
}
/*テキストと横並び*/
img.column_left {
  display: block;

  max-width: 100%;

  margin: 0px auto 10px auto;
}
img.column_left {
  display: block;

  max-width: 100%;

  margin: 0px auto 10px auto;
}
img.column_left_an {
  display: block;

  width: 96%;

  margin: 0px auto 10px auto;
}
img.arrow {
  display: block;

  max-width: 70%;

  margin: 0px auto 10px auto;
}

img.column2 {
  display: block;

  max-width: 100%;

  margin: 0px auto 10px auto;
}
/* 画像横並びキャプションあり*/
.img_column2 {
  display: flex;

  flex-wrap: wrap;

  width: 100%;
}
.img_column2 li {
  padding-bottom: 20px;
}
.img_column2 img {
  max-width: 100%;

  margin-bottom: 10px;
}

/**/
div.clear {
  clear: both;

  height: auto;

  overflow: hidden;
}

/*-------------------------------
font
-------------------------------*/
/*color*/
.red_nobold,
.red {
  color: #d58d4d !important;

  font-weight: normal;
}
.red_bold {
  color: #d58d4d !important;

  font-weight: bold;
}

.red_bold2 {
  color: #e12121 !important;

  font-weight: bold;
}

.red_nobold2 {
  color: #e12121 !important;

  font-weight: normal;
}
.yellow {
  color: #b7aa00;
}
.blue {
  color: #4a93ff;
}
/*size*/
.fs140 {
  font-size: 140%;
}
.fs120 {
  font-size: 120%;
}
/*bold*/
.bold {
  font-weight: bold;
}
.nobold {
  font-weight: normal !important;
}

/*-------------------------------
hanging
-------------------------------*/
ul.hanging {
  margin: 15px auto 15px auto;
}

.hanging01 {
  margin-left: 1.5em;

  list-style: circle;
}
li.hanging {
  margin-left: 1em;

  text-indent: -1em;

  list-style-type: none;
}
li.hanging02 {
  margin-left: 2em;

  text-indent: -2em;
}
p.hanging01 {
  margin: 15px auto 15px auto;

  margin-left: 1em;

  text-indent: -1em;
}
p.hanging08 {
  margin: 0px auto 0px 8em;

  text-indent: -8em;
}

.caution {
  display: block;

  color: #999;

  font-size: 85%;

  font-weight: normal;

  line-height: 1.4;
}

/*-------------------------------
背景色設定
-------------------------------*/
.bg_red {
  background-color: rgba(203, 38, 20, 0.45);
}

.bg_blue {
  background-color: rgba(0, 191, 255, 0.45);
}
.bg_normal {
  margin: 5px auto 5px auto;

  padding: 10px 0px 10px 0px;

  background: rgba(41, 84, 70, 0.5);

  text-align: center;
}

/*-------------------------------
margin
-------------------------------*/
.tm00 {
  margin-top: 0px !important;
}
.tm10 {
  margin-top: 10px !important;
}
.tm20 {
  margin-top: 20px !important;
}
.tm30 {
  margin-top: 30px !important;
}
.bm00 {
  margin-bottom: 0px !important;
}
.bm10 {
  margin-bottom: 10px !important;
}
.bm20 {
  margin-bottom: 20px !important;
}
.bm30 {
  margin-bottom: 30px !important;
}

.padding20 {
  padding: 16px 0 14px 0;
}
/*-------------------------------
揃え
-------------------------------*/
.just_c {
  text-align: center !important;
}

/*-------------------------------
hr
-------------------------------*/
hr {
  margin: 20px auto 20px auto;

  border: none;

  border-bottom: dotted 1px #c1bda5;
}

/*-------------------------------
背景色あり（■つき）
-------------------------------*/
dl {
  height: auto;

  overflow: hidden;
}
.mainContent_content dl.dl_y {
  height: auto;

  margin-bottom: 20px;

  padding: 10px 10px 1px;

  border-radius: 5px;

  background: rgba(41, 84, 70, 0.5);

  overflow: hidden;
}
.mainContent_content dl.dl_y dt {
  color: #b7aa00;

  font-weight: bolder;
}
.mainContent_content dl.dl_y dd {
  margin-bottom: 10px;
}

/*-------------------------------
table
-------------------------------*/
/*table1*/
table {
  border-collapse: collapse;

  width: 100%;

  margin: 0px auto 0px auto;

  border: solid 1px #8a8671;

  font-size: 85%;

  line-height: 120%;

  letter-spacing: -0.07em !important;
}

table.w70 {
  width: 100%;
}

.w50 {
  width: 100%;
}

td.font_small {
  font-size: 80%;
}
tr {
  /*border-bottom: solid 1px #8a8671;*/
}
tr:last-child {
  border-bottom: none;
}

/* ↓↓↓11月スケジュールで最後に不要な12/2が表示されてしまうのでcssで非表示対応しました。*/
.cal-table tbody tr:last-child {
  display: none;
}
/* ↑↑↑12月更新時に削除してください */
tr.bg_white {
  background-color: rgba(255, 255, 255, 0.45) !important;
}
tr.bg_purple,
td.bg_purple {
  background-color: rgba(202, 156, 253, 0.45) !important;
}
tr.bg_pink,
td.bg_pink {
  background-color: rgba(253, 156, 228, 0.45) !important;
}
tr.bg_green,
td.bg_green2 {
  background-color: rgba(234, 255, 220, 0.25) !important;
}
tr.bg_lightgreen,
td.bg_lightgreen {
  background-color: rgba(153, 255, 0, 0.45) !important;
}
tr.bg_orange,
td.bg_orange {
  background-color: rgba(251, 176, 176, 0.45) !important;
}
tr.bg_gray,
td.bg_gray {
  background-color: rgba(104, 104, 104, 0.45) !important;
}
td.RegularEventDate {
  background-color: rgba(183, 189, 187, 1) !important;

  color: #232323;

  text-align: center;
}
.eventSun {
  color: rgba(203, 0, 0, 1);

  font-weight: normal;
}

.eventSat {
  color: rgba(0, 124, 203, 1);

  font-weight: normal;
}
.eventSun.eventSat {
  color: rgba(203, 0, 0, 1);

  font-weight: normal;
}
tr.bg_none {
  background: none !important;
}
tr.center td {
  text-align: center;
}
th {
  padding: 8px 8px 5px 8px;

  border: solid 1px #8a8671;

  background-color: #c1bda5;

  color: #000000;

  font-size: 86%;
}
td {
  padding: 8px 6px 5px 6px;

  border: solid 1px #8a8671;
}
td.center {
  text-align: center;
}
th:last-child,
td:last-child {
  border-right: none;
}
th.noborder,
td.noborder {
  border: none;
}
td.bg_red {
  background-color: rgba(203, 38, 20, 0.45);
}
td.bg_dblue {
  background-color: rgba(0, 108, 255, 0.45);
}
td.bg_blue {
  background-color: rgba(0, 191, 255, 0.45);
}
td.bg_sblue {
  background-color: rgba(0, 235, 255, 0.5);
}
td.bg_yellow {
  background-color: rgba(254, 220, 31, 0.45);
}
td.bg_cream {
  background-color: rgba(253, 248, 222, 0.45);
}
td.bg_lightgreen {
  background-color: rgba(153, 255, 0, 0.45);
}
td.bg_green {
  background-color: rgba(13, 178, 128, 0.45);
}
td.bg_orange {
  background-color: rgba(233, 150, 122, 0.45);
}
td.bg_pink {
  background-color: rgba(253, 183, 220, 0.45);
}
td.bg_pink2 {
  background-color: rgba(252, 95, 148, 0.45);
}
td.bg_spink {
  background-color: rgba(255, 94, 179, 0.86);
}
td.bg_purple {
  background-color: rgba(233, 183, 253, 0.45);
}
td.bg_white {
  background-color: rgba(255, 255, 255, 0.45);
}
td.bg_white2 {
  background-color: rgba(255, 255, 255, 0.2);
}
/*table2*/
table.opacity {
  width: 100%;

  margin: 0px auto 0px auto;

  border: solid 1px #000000;

  font-size: 85%;

  line-height: 120%;

  letter-spacing: -0.07em !important;
}
table.opacity tr {
  border-bottom: solid 1px #000000;
}
table.opacity tr:last-child {
  border-bottom: none;
}
table.opacity th {
  padding: 8px 8px 5px 8px;

  border-right: solid 1px #000000;

  background-color: rgba(17, 83, 44, 1);
}
table.opacity td {
  padding: 8px 8px 5px 8px;

  border-right: solid 1px #000000;
}
table.opacity td.center {
  text-align: center;
}
table.opacity th:last-child,
table.opacity td:last-child {
  border-right: none;
}
th.bg_g {
  background-color: rgba(17, 83, 44, 1);

  color: #ffffff;
}
td.bg_g {
  background-color: rgba(45, 127, 79, 1);

  color: #ffffff;
}
td.bg_lg {
  background-color: rgba(197, 214, 204, 1);

  color: #000000;
}
td.bg_lg a {
  color: #339933;
}

/*-------------------------------
table3
-------------------------------*/
table.normalTable {
  border-collapse: collapse;

  width: 100%;

  margin: 0px auto 20px auto;

  font-size: 85%;

  line-height: 120%;
}
table.normalTable th {
  padding: 8px 8px 5px 8px;

  border: solid 1px #1b2d26;

  background: #11532c;

  color: #fff;

  font-size: 100%;

  text-align: center;
}

table.normalTable th.sub {
  background: #2d7f4f;
}
table.normalTable td {
  padding: 8px 8px 5px 8px;

  border: solid 1px #1b2d26;

  background: #c5d6cc;

  color: #000;

  text-align: center;
}
table.normalTable td.left {
  text-align: left;
}
table.normalTable td.orange {
  background: #eedec5;

  color: #eb6100;

  font-size: 125%;

  font-weight: bolder;
}
table.normalTable td.cream {
  background: #eaeacf;
}

table.normalTable td strong {
  color: #c54a26;
}

.SpecialGuest {
}

.SpecialGuest li {
  display: block;

  width: 100%;

  padding-bottom: 20px;

  background-image: none;

  font-size: 100% !important;

  text-align: center;
}

/*-------------------------------
青いボックス
-------------------------------*/

.mainContent_content dl.blue_thread {
  clear: both;

  padding: 10px 10px 5px;

  border-radius: 3px;

  background: rgba(22, 80, 195, 0.6);
}

.mainContent_content dl.blue_thread dt {
  display: block;

  margin-bottom: 14px;

  padding: 8px 8px 6px 8px;

  border-radius: 3px;

  background: rgba(194, 224, 237, 0.5);

  color: #fff;

  line-height: 1;
}

.mainContent_content dl.blue_thread ul {
  margin: 0;
}

.mainContent_content dl.sblue_thread {
  clear: both;

  padding: 10px 10px 5px;

  border-radius: 3px;

  background-color: rgba(0, 129, 187, 0.6);

  color: rgba(255, 255, 255, 0.8);
}

.mainContent_content dl.sblue_thread dt {
  display: block;

  margin-bottom: 14px;

  padding: 8px 8px 6px 8px;

  border-radius: 3px;

  background-color: rgba(194, 224, 237, 0.5);

  color: #fff;

  line-height: 1;
}

.mainContent_content dl.sblue_thread ul {
  margin: 0;
}

/*-------------------------------
緑ボックス
-------------------------------*/

.mainContent_content dl.green_thread {
  clear: both;

  padding: 10px 10px 5px;

  border-radius: 3px;
}

.mainContent_content dl.green_thread dt {
  display: block;

  margin-bottom: 14px;

  padding: 8px 8px 6px 8px;

  border-radius: 3px;

  background: rgba(194, 224, 237, 0.5);

  color: #fff;

  line-height: 1;
}

.mainContent_content dl.green_thread dd {
}

.mainContent_content dl.green_thread ul {
  margin: 0;
}

/*リンクボタン*/
td a.btn {
  padding: 5px 8px 3px 1.3em;

  border: solid 2px #10573c;

  border-radius: 15px;

  background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
    0.5em center no-repeat;

  background-color: rgba(10, 135, 83, 1);

  color: #ffffff;

  font-size: 90%;

  text-align: center;

  letter-spacing: -0.1em;
}
td a.btn:hover {
  color: #ffffff !important;

  text-decoration: none !important;
}
/*リンクボタン(リンク貼っていない状態)*/
td span.btn_g {
  padding: 5px 8px 3px 1.3em;

  border: solid 2px #666;

  border-radius: 15px;

  background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
    0.5em center no-repeat;

  background-color: #999;

  color: #ffffff;

  font-size: 90%;

  font-weight: normal;

  text-align: center;

  letter-spacing: -0.1em;
}

.accordion_dl dt {
  display: block;

  padding: 0.3em 1.5em 0.3em 2.5em;

  border: solid 2px #095537;

  border-radius: 4px;

  background: linear-gradient(to bottom, #0b965d 0%, #096e44 100%);

  color: #fff;

  text-align: center;

  text-decoration: none;

  cursor: pointer;
}

.accordion_dl dt:hover {
  opacity: 0.8;
}

/*-------------------------------
大会情報一覧用（イベント情報）
-------------------------------*/
.competition .competition_list {
  box-sizing: border-box;

  position: relative;

  display: block;

  width: 100%;

  height: auto;

  margin: 10px auto 10px auto;

  padding: 5px;

  border: solid 1px #6a8a7d;

  border-radius: 2px;

  background: rgba(255, 255, 255, 0.1);

  line-height: 150%;

  overflow: hidden;
}
.competition .competition_list:first-child {
  margin-top: 0px;
}
.competition .competition_list:last-child {
  margin-bottom: 0px;
}
.competition .competition_list:hover {
  background: rgba(11, 150, 93, 0.3);
}
/*img*/
.competition .competition_list img {
  float: left;

  display: block;

  width: 32%;
}
.competition .competition_list div.title {
  float: right;

  position: absolute;

  right: 5px;

  bottom: 50%;

  display: inline-table;

  width: 63%;

  height: 60px;

  margin-bottom: -50px;

  padding-top: 5%;

  padding-bottom: 5%;

  vertical-align: middle;
}
.competition .competition_list div.title > a {
  display: table-cell;

  color: #ffffff;

  vertical-align: middle;
}

/*---------- ２段表示 ----------*/
.two_column h5 {
  margin-top: 20px;
}

/* ------- list 4カラム ------- */
ul.column4 {
  overflow: hidden;
}

ul.column4 li {
  float: none;

  width: auto;

  margin: 0 auto 4% auto;

  text-align: center;

  list-style: none;
}

/* ------- list 3カラム ------- */
ul.column3 {
  overflow: hidden;
}

ul.column3 li {
  float: none;

  width: auto;

  margin: 0 auto 4% auto;

  text-align: center;

  list-style: none;
}

/* ------- list 3カラム パターン２ ------- */
ul.itemcolumn3 {
  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  margin-bottom: 20px;

  overflow: hidden;
}

ul.itemcolumn3 li {
  display: flex;

  justify-content: center;

  align-items: flex-start;

  flex-wrap: wrap;

  width: 48%;

  margin-bottom: 10px;

  list-style: none;
}

ul.itemcolumn3 li div {
  width: 100%;

  margin-bottom: 5px;

  text-align: center;
}

/* ------- list 2カラム ------- */
ul.column2 {
  overflow: hidden;
}

ul.column2 li {
  float: none;

  width: auto;

  margin: 0 auto 4% auto;

  text-align: center;

  list-style: none;
}
/* ------- list 2カラム パターン２ ------- */
ul.itemcolumn2 {
  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  margin-bottom: 20px;

  overflow: hidden;
}

ul.itemcolumn2 li {
  display: flex;

  justify-content: center;

  align-items: flex-start;

  flex-wrap: wrap;

  width: 48%;

  margin-bottom: 10px;

  list-style: none;
}

ul.itemcolumn2 li div {
  width: 100%;

  margin-bottom: 5px;

  text-align: center;
}
/* ------- list 2カラム パターン3 ------- */
ul.itemcolumn2_2 {
  overflow: hidden;
}

ul.itemcolumn2_2 li {
  float: none;

  width: auto;

  text-align: center;

  list-style: none;
}

/*---------- aタグ設定（個人部門／団体部門） ----------*/
.link_btn a {
  color: #ffffff !important;
}
.link_btn a:hover {
  color: #ffffff !important;

  text-decoration: none !important;
}
.link_btn.center {
  text-align: center;
}
.link_btn.center a {
  margin-right: auto;

  margin-left: auto;
}
a.bumon {
  margin: 0px 0.5em 5px 0.5em !important;
}

.align_C {
  text-align: center;
}

/*---------- タブ切り替え ----------*/
.section {
  padding: 5px;

  border: solid 2px #aca326;
}
.disnon,
.disnon2,
.disnon3 {
  display: none;
}
ul#tab,
ul#rank,
ul#tab3 {
  display: block;

  text-align: center;
}
ul#tab,
ul#rank,
ul#tab3 {
  display: block;

  width: 100%;

  text-align: center;
}
ul#tab li,
ul#rank li,
ul#tab3 li {
  display: inline-block;

  width: 47%;

  max-height: 70px;

  border: solid 2px #aca326;

  border-bottom: none;

  border-radius: 4px 4px 0px 0px;

  background-color: rgba(255, 228, 46, 0.3);
}

ul#tab.Syumoku3 li {
  display: inline-block;

  width: 31%;

  max-height: 60px;

  border: solid 2px #aca326;

  border-bottom: none;

  border-radius: 4px 4px 0px 0px;

  background-color: rgba(255, 228, 46, 0.3);
}

ul#tab li:hover,
ul#rank li:hover,
ul#tab3 li:hover,
.select {
  background: -moz-linear-gradient(
    top,
    #bcb330 0%,
    #dcd460 100%
  ); /* FF3.6-15 */

  background: -webkit-linear-gradient(
    top,
    #bcb330 0%,
    #dcd460 100%
  ); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #dcd460 0%, #bcb330 100%);
}
ul#tab li a,
ul#rank li a,
ul#tab3 li a {
  display: block;

  display: inline-table !important;

  padding: 5px 0px 5px 1.2em;

  background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon_down.png)
    0em center no-repeat !important;

  color: #ffffff !important;

  font-size: 85%;

  line-height: normal !important;

  vertical-align: middle !important;
}
ul#tab li a:hover,
ul#rank li a:hover,
ul#tab3 li a:hover {
  text-decoration: none !important;
}
ul#tab li a > p,
ul#rank li a > p,
ul#tab3 li a > p {
  display: table-cell !important;

  vertical-align: middle !important;
}
/*リンクボタン*/
.link_btn_y {
  border-radius: 5px;

  background-color: rgba(255, 228, 46, 0.3);
}
.link_btn_y a {
  display: inline-block;

  padding: 0.5em 2em 0.5em 2.5em;

  border: solid 2px #aca326;

  border-radius: 4px;

  background: -moz-linear-gradient(
    top,
    #bcb330 0%,
    #dcd460 100%
  ); /* FF3.6-15 */

  background: -webkit-linear-gradient(
    top,
    #bcb330 0%,
    #dcd460 100%
  ); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #dcd460 0%, #bcb330 100%);

  color: #fff;

  text-align: center;

  text-decoration: none;
}
.link_btn_y a:hover {
  color: #ffffff !important;

  text-decoration: none !important;
}

.link_btn_y.link_btn_3 a {
  width: 140px;
}

/*-------------------------------
MJアプリ連動
-------------------------------*/
.DL_area {
  width: 100%;

  padding: 10px 0px 10px 0px;

  border-radius: 5px;

  background: rgba(41, 84, 70, 0.5);

  text-align: center;
}
.DL_area img {
  display: inline-block;

  width: 45%;

  height: auto;
}
.pc-only {
  display: none !important;
}

/*-------------------------------
タイトル戦ランキング
-------------------------------*/
.ranking_btn_area {
  width: 100%;

  height: auto;

  margin: 0px auto 10px auto;

  text-align: center;

  overflow: hidden;
}
.ranking_btn_area img {
  display: inline-block;

  max-width: 47%;

  margin: 0px 3px 8px 3px;
}

iframe.saikyouiRankingList {
  width: 95%;

  height: 500px;

  border-top-style: none;

  border-right-style: none;

  border-bottom-style: none;

  border-left-style: none;
}
iframe.ketteisenRankingList {
  width: 100%;

  height: 880px;

  border-top-style: none;

  border-right-style: none;

  border-bottom-style: none;

  border-left-style: none;
}
iframe.ketteisenRankingList_syura {
  width: 100%;

  height: 500px;

  border-top-style: none;

  border-right-style: none;

  border-bottom-style: none;

  border-left-style: none;
}
iframe.saikyo_season_ranking {
  width: 100%;

  height: 500px;

  border-top-style: none;

  border-right-style: none;

  border-bottom-style: none;

  border-left-style: none;
}

.ranking-list td {
  text-align: center;
}

ul.blue_box {
  margin-bottom: 20px;

  padding: 10px;

  border-radius: 3px;

  background-color: rgba(22, 80, 195, 0.6);

  overflow: hidden;
}
li.item-image {
  width: 100%;

  text-align: center;
}

li.item-image.w30 {
  width: 100%;

  text-align: center;
}

ul.item-image3 {
  padding: 0px 0 0 0;
}

ul.item-image3 img {
  margin-bottom: 5px;
}
ul.item-image3 li {
  width: 100%;

  padding: 10px 0;

  text-align: center;
}

ul.item-image2 {
  padding: 0 0 20px 0;
}
ul.item-image2 img {
  margin-bottom: 5px;
}

ul.item-image2 li {
  width: 100%;

  padding: 20px 0 0 0;

  text-align: center;
}
li.item-name {
  width: 100%;

  font-size: 106%;

  text-align: center;
}
li.item-serifu {
  width: 100%;

  padding-top: 20px;

  font-size: 106%;
}
li.item-BlueBox {
  width: 100%;

  font-size: 106%;
}
audio {
  width: 100%;
}

.MochikoshiTitle {
  margin-bottom: 12px;

  padding: 4px 0 0 0;

  border-radius: 8px;

  background-color: rgba(255, 255, 255, 0.9);

  color: #023985;

  font-size: 26px;

  font-weight: bold;

  text-align: center;
}

ul.item-image-bb {
  padding: 30px 0 0 0;
}
ul.item-image-bb img {
  margin-bottom: 5px;
}
.item-image-bb-left {
  margin: 0 10px;

  padding-bottom: 30px;
}
.item-image-bb-text {
  width: 100%;

  margin: 0 0 0 15px;

  padding: 10px 0 0 0;

  font-size: 90%;
}
.item-image-bb-right {
}

@media screen and (max-width: 641px) {
  img.small {
    width: 250px !important;
  }

  ul#tab.Syumoku3 li {
    width: 30%;
  }

  ul#tab.Syumoku3 li a {
    padding: 5px 0px 5px 1em;
  }

  .link_btn_y.link_btn_3 a {
    width: 180px;
  }
}

.link_btn_y a {
  display: inline-block;

  width: 180px;

  margin: 6px auto 6px auto;

  padding: 0.5em 1.5em 0.5em 2.5em;

  border: solid 2px #aca326;

  border-radius: 4px;

  background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
      1.5em center no-repeat,
    -moz-linear-gradient(top, #bcb330 0%, #dcd460 100%); /* FF3.6-15 */

  background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
      1.5em center no-repeat,
    -webkit-linear-gradient(top, #bcb330 0%, #dcd460 100%); /* Chrome10-25,Safari5.1-6 */

  background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
      1.5em center no-repeat,
    linear-gradient(to bottom, #dcd460 0%, #bcb330 100%);

  color: #fff;

  text-align: center;

  text-decoration: none;
}

.link_btn_y a.btn_green {
  display: inline-block;

  padding: 0.5em 1.5em 0.5em 2.5em;

  border: solid 2px #2cac26;

  border-radius: 4px;

  background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
      1.5em center no-repeat,
    linear-gradient(to bottom, #60dc66 0%, #30bc30 100%);

  color: #fff;

  text-align: center;

  text-decoration: none;
}
.link_btn_y a:hover {
  opacity: 0.8;
}

@media screen and (min-width: 641px) {
  /*-------------------------------
	localmenu
	-------------------------------*/
  body.event_index li a.event,
  body.event_competition li a.competition,
  body.event_campaign li a.campaign,
  body.event_saikyo li a.saikyo,
  body.event_genkyu li a.genkyu,
  body.event_ranbu li a.ranbu,
  body.event_ship li a.ship,
  body.event_mini li a.mini,
  body.event_dekatop li a.dekatop,
  body.event_mleague li a.mleague,
  body.event_rbattle li a.rbattle,
  body.event_title_ranking li a.title_ranking {
    background: url(https://www.sega-mj.com/arcade/img/basic/sidenav_btn_on.png)
      center top no-repeat !important;
  }

  /*-------------------------------
	h1(ページタイトルのイメージ設定)
	-------------------------------*/
  /*イベント情報*/
  body#event .mainContent h1 {
    padding-top: 16px;

    padding-bottom: 16px;

    background: url(https://www.sega-mj.com/arcade/img/event/pagetitle.png)
      center center no-repeat;

    text-align: center;

    text-indent: -9999px;
  }
  /*Twitter連動*/
  body#twitter .mainContent h1 {
    padding-top: 24px;

    padding-bottom: 24px;

    background: url(https://www.sega-mj.com/arcade/img/twitter/pagetitle.png)
      center center no-repeat;

    text-align: center;

    text-indent: -9999px;
  }
  /*MJアプリ連動*/
  body#mj_appli .mainContent h1 {
    padding-top: 24px;

    padding-bottom: 24px;

    background: url(https://www.sega-mj.com/arcade/img/mj_appli/pagetitle.png)
      center center no-repeat;

    text-align: center;

    text-indent: -9999px;
  }
  /*遊び方*/
  body#howto_top .mainContent h1 {
    padding-top: 24px;

    padding-bottom: 24px;

    background: url(https://www.sega-mj.com/arcade/img/howto/play/pagetitle.png)
      center center no-repeat;

    text-align: center;

    text-indent: -9999px;
  }

  /*-------------------------------
	画像設定
	-------------------------------*/
  img.set_right {
    float: right;

    display: block;

    width: 40%;

    height: auto;
  }
  img.seg_left {
    float: left;

    display: block;

    width: 40%;

    height: auto;
  }
  /*テキストと横並び*/
  img.column_left_an {
    float: left;

    width: 50%;

    margin-right: 25px;
  }
  img.column_left_a {
    float: left;

    width: 35%;

    margin-right: 25px;
  }
  /*画像2段組み*/
  img.column2 {
    display: inline-block;

    width: 48%;

    margin: 0px 5px 5px 5px;
  }
  /* 画像横並びキャプションあり*/
  .img_column2 {
    display: flex;

    flex-wrap: nowrap;

    width: 100%;
  }

  .img_column2 li {
    margin: 0 10px;
  }

  /*-------------------------------
	背景色あり（■つき）
	-------------------------------*/
  .mainContent_content dl.dl_y.column {
    width: 55%;
  }
  /*2 column*/
  .mainContent_content dl.dl_y.left,
  .mainContent_content dl.dl_y.right {
    width: 46%;

    margin-bottom: 10px;
  }
  .mainContent_content dl.dl_y.left {
    float: left;
  }
  .mainContent_content dl.dl_y.right {
    float: right;
  }

  /*-------------------------------
	table
	-------------------------------*/
  table {
    letter-spacing: normal !important;
  }
  table.w70 {
    width: 70%;
  }

  .w50 {
    width: 50%;

    margin: 0 auto;
  }

  /*リンクボタン*/
  td a.btn {
    font-size: 100%;

    letter-spacing: normal;
  }
  td a.btn:hover {
    opacity: 0.8;
  }

  td span.btn_g {
    font-size: 100%;

    letter-spacing: normal;
  }

  /*-------------------------------
	大会情報一覧用（イベント情報）
	-------------------------------*/
  /*img*/
  .competition .competition_list img {
    float: left;

    display: block;

    width: 130px;

    height: 130px;
  }
  .competition .competition_list div.title {
    float: right;

    position: inherit;

    display: inline-table;

    width: 505px;

    height: 130px;

    margin-bottom: 0px;

    padding-top: 0px;

    padding-bottom: 0px;

    vertical-align: middle;
  }
  .competition .competition_list div.title > a {
    display: table-cell;

    vertical-align: middle;
  }

  /*---------- ２段表示 ----------*/
  .two_column {
    height: auto;

    overflow: hidden;
  }
  .left_area,
  .right_area {
    width: 48%;

    height: auto;

    overflow: hidden;
  }
  .left_area {
    float: left;
  }
  .right_area {
    float: right;

    clear: right;
  }
  .two_column h5 {
    margin-top: 0px;
  }

  /*---------- aタグ設定（個人部門／団体部門） ----------*/
  .link_btn.center.half {
    float: right;

    width: 59% !important;
  }
  a.bumon {
    display: inline-block !important;

    margin-right: 0px !important;

    margin-left: 0px !important;
  }

  /*---------- タブ切り替え ----------*/
  /*リンクボタン*/
  .link_btn_y a {
    display: inline-block;

    width: 180px;

    margin: 0 0.3em;

    padding: 0.5em 1.5em 0.5em 2.5em;

    border: solid 2px #aca326;

    border-radius: 4px;

    background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
        1.5em center no-repeat,
      -moz-linear-gradient(top, #bcb330 0%, #dcd460 100%); /* FF3.6-15 */

    background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
        1.5em center no-repeat,
      -webkit-linear-gradient(top, #bcb330 0%, #dcd460 100%); /* Chrome10-25,Safari5.1-6 */

    background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
        1.5em center no-repeat,
      linear-gradient(to bottom, #dcd460 0%, #bcb330 100%);

    color: #fff;

    text-align: center;

    text-decoration: none;
  }
  .link_btn_y a.btn_green {
    display: inline-block;

    padding: 0.5em 1.5em 0.5em 2.5em;

    border: solid 2px #2cac26;

    border-radius: 4px;

    background: url(https://www.sega-mj.com/arcade/img/basic/link_btn_icon.png)
        1.5em center no-repeat,
      linear-gradient(to bottom, #60dc66 0%, #30bc30 100%);

    color: #fff;

    text-align: center;

    text-decoration: none;
  }
  .link_btn_y a:hover {
    opacity: 0.8;
  }

  /*-------------------------------
	MJアプリ連動
	-------------------------------*/
  .DL_area img {
    display: inline-block;

    width: 30% !important;

    height: auto;
  }
  .pc-only {
    display: inline-block !important;
  }

  /*-------------------------------
	タイトル戦ランキング
	-------------------------------*/
  .ranking_btn_area img {
    display: inline-block;

    max-width: 90%;

    margin: 0px 5px 10px 5px;
  }
  .ranking_btn_area a:hover {
    opacity: 0.8;
  }

  iframe.saikyouiRankingList {
    width: 100%;

    height: 500px;

    border-top-style: none;

    border-right-style: none;

    border-bottom-style: none;

    border-left-style: none;
  }
  iframe.ketteisenRankingList {
    width: 100%;

    height: 620px;

    border-top-style: none;

    border-right-style: none;

    border-bottom-style: none;

    border-left-style: none;
  }
  iframe.ketteisenRankingList_syura {
    width: 100%;

    height: 360px;

    border-top-style: none;

    border-right-style: none;

    border-bottom-style: none;

    border-left-style: none;
  }

  iframe.saikyo_season_ranking {
    width: 100%;

    margin: 0 auto;

    border-right-style: none;

    border-bottom-style: none;

    border-left-style: none;

    border-topstyle: none;
  }

  /*-------------------------------
	メンバー登録
	-------------------------------*/
  /*sp用sidenav*/
  #sidenav.bottom {
    display: none !important;
  }
  /* ------- list 4カラム ------- */
  ul.column4 {
    margin-bottom: 20px;

    margin-left: 5%;

    overflow: hidden;
  }

  ul.column4 li {
    float: left;

    width: 23%;

    margin: 0.5% 1% 0.5% 0;

    text-align: center;

    list-style: none;
  }
  ul.column4 li:nth-child(4n + 1) {
    margin: 0.5% 1% 0.5% 1%;
  }

  /* ------- list 3カラム ------- */

  ul.column3 {
    margin-bottom: 20px;

    margin-left: 7%;

    overflow: hidden;
  }

  ul.column3 li {
    float: left;

    width: 30%;

    margin: 0.5% 1% 0.5% 0;

    text-align: center;

    list-style: none;
  }
  ul.column3 li:nth-child(3n + 1) {
    margin: 0.5% 1% 0.5% 1%;
  }

  /* ------- list 3カラム パターン２ ------- */

  ul.itemcolumn3 {
    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    margin-bottom: 20px;

    overflow: hidden;
  }

  ul.itemcolumn3 li div {
    display: block;
  }

  ul.itemcolumn3 li {
    display: inline-block;

    width: 32%;

    margin: 0.5% 1% 0.5% 0;

    margin-bottom: 10px;

    text-align: center;

    list-style: none;
  }
  ul.itemcolumn3 li:nth-child(3n + 1) {
    margin: 0.5% 1% 0.5% 1%;
  }

  /* ------- list 2カラム ------- */
  ul.column2 {
    margin-bottom: 20px;

    margin-left: 15%;

    overflow: hidden;
  }
  ul.column2.item2 {
    margin-left: 4%;
  }

  ul.column2 li {
    float: left;

    width: 40%;

    margin: 0.5% 1% 0.5% 0;

    text-align: center;

    list-style: none;
  }

  ul.column2 li img {
    max-width: 100%;
  }

  ul.column2.item2 li {
    float: left;

    width: 48%;

    margin: 0.5% 1% 0.5% 0;

    text-align: center;

    list-style: none;
  }

  ul.column2 li:nth-child(2n + 1) {
    margin: 0.5% 1% 0.5% 1%;
  }
  /* ------- list 2カラム パターン２ ------- */

  ul.itemcolumn2 {
    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    margin-bottom: 20px;

    overflow: hidden;
  }

  ul.itemcolumn2 li div {
    display: block;
  }

  ul.itemcolumn2 li {
    display: inline-block;

    width: 40%;

    margin: 0.5% 1% 0.5% 0;

    margin-bottom: 10px;

    text-align: center;

    list-style: none;
  }

  ul.item-image-bb {
    display: flex;

    flex-wrap: wrap;

    width: 500px;

    margin: 0 auto;

    padding: 30px 0px 0px 0px;
  }

  /* ------- list 2カラム パターン3 ------- */

  ul.itemcolumn2_2 {
    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    overflow: hidden;
  }

  ul.itemcolumn2_2 li div {
    display: block;
  }

  ul.itemcolumn2_2 li {
    display: inline-block;

    width: 40%;

    text-align: center;

    list-style: none;
  }

  .item-image-bb-left {
    display: flex;

    margin: 10px 10px 10px 10px;

    padding: 0;
  }

  .item-image {
    width: 240px;

    text-align: center;
  }
  .item-image-bb-text {
    width: 250px;

    margin: 0;

    padding: 0;
  }
  .item-image-bb-right {
    margin: 0 14px 0 0;
  }

  ul.item-image3 {
    clear: both;

    width: 100%;

    margin: 0 auto;
  }

  ul.item-image3 li {
    float: left;

    width: 33%;

    padding: 10px 0 0 0;

    text-align: center;
  }

  ul.item-image2 {
    clear: both;

    width: 80%;

    margin: 0 auto;
  }

  ul.item-image2 li {
    float: left;

    width: 50%;

    padding: 10px 0 0 0;

    text-align: center;
  }

  li.item-image {
    float: left;

    width: 40%;

    padding-left: 10%;

    text-align: center;
  }

  li.item-image.w30 {
    float: left;

    width: 30%;

    padding-left: 10%;

    text-align: center;
  }

  li.item-name {
    float: left;

    width: 38%;

    padding-top: 40px;

    padding-right: 12%;

    text-align: center;
  }
  li.item-serifu {
    float: left;

    width: 50%;

    padding-top: 0;

    text-align: left;
  }
  li.item-Bluebox {
    float: left;

    width: 50%;

    padding-top: 46px !important;

    text-align: left !important;
  }

  .SpecialGuest {
    background-image: none;
  }

  .SpecialGuest li {
    display: inline-block;

    width: 180px;

    margin: 0 !important;

    background-image: none;

    font-size: 100% !important;
  }
}