@charset "UTF-8";
/*
 * common.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section
{ display: block; margin: 0; padding: 0;}

/* !Reseting
---------------------------------------------------------- */
body {
  font-family: 'Lucida Grande', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo,sans-serif;
  font-size: 14px;
  -webkit-text-size-adjust: none;
  line-height: 1.5;
  color: #333;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
/* ie7 */ *:first-child+html body { font-size: 87.5%;}
/* ie6Below */ * html body { font-size:87.5%;}
/* ie8 */ html>/**/body { font-size /*\**/: 87.5%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}
a {
  color: #4c83e8;
  text-decoration: none;
}
a:visited {}
a:hover,
a:active { text-decoration: underline;}
button { font-family: 'Lucida Grande', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo,sans-serif;}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
  display: block;
  min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body {
  text-align: center;
  background: #eff1f1;
}
.footerType02 {
  background: url(../../img/contents_pc/common/bg_pattern_01.png) repeat;
}
.footerType03 {
  background: url(../../img/contents_pc/common/bg_pattern_02.png) repeat;
}
.bgType01 {
  background: url(../../img/contents_pc/common/bg_pattern_03.png) repeat !important;
  height: auto;
  min-height: 100%;
}

@media print {
  html,
  html body { *zoom: 0.65; background-image: none !important;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
  min-width: 1024px;
  margin: 0 auto;
  text-align: left;
  background: #eff1f1;
}

/* !header
---------------------------------------------------------- */
#header-nijiyome {
  background: #fff;
}

.l-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.l-header i {
  font-style: normal;
}

.l-header * {
  box-sizing: border-box;
}

.l-header .noMain {
  border-bottom: 1px solid #bdbbbb;
}

.headerCore {
  width: 100%;
}

.headerCore-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  height: 60px;
}
.headerCore-sub > :first-child {
  margin-right: auto;
}

.headerCore-main {
  position: relative;
  -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  border-top: solid 1px #b8c3d9;
  border-bottom: solid 1px #b8c3d9;
  background: #f5f7fa;
  z-index: 3;
}

.headerCore-mainInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 15px;
  position: relative;
  margin-bottom: 5px;
}

.headerCore-mainInner + .headerNav {
  margin-top: 1px;
}

/* #ロゴ
   ---------------------------------------- */
.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: auto;
}

.logo-main {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 284px;
  height: 25px;
  background: url("../../img/contents_pc/common/logo-nijiyome-pc-sprite.png") no-repeat 0 -10px;
}
.logo-main.type-adult {
  width: 327px;
  background-position: 0 -55px;
}

.logo-main.type-zh {
  width: 330px;
  background-position: 0 -100px;
}

.logo-main.type-zh.type-adult {
  width: 373px;
  background-position: 0 -145px;
}

.logo-main.type-mixi {
  width: 395px;
  background-position: 0 -190px;
}

.logo-main.type-mixi.type-adult {
  width: 438px;
  background-position: 0 -235px;
}

/* #キャンペーンバナー
   ---------------------------------------- */
.headerInfo-bn {
  margin-right: 15px;
}

/* #グローバルナビゲーション
   ---------------------------------------- */
.globalNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
}

.globalNav-item {
  position: relative;
}
.globalNav-item > a {
  display: block;
  text-align: center;
  background: url("../../img/contents_pc/common/icon-global-nav.png") no-repeat top left;
  width: 70px;
  height: 60px;
  padding-top: 8px;
}
.globalNav-item > a:hover {
  opacity: 0.8;
}
.globalNav-item.type-netcafe >a {
  background-position: 0 8px;
}
.globalNav-item.type-coin >a {
  background-position: -70px 8px;
}
.globalNav-item.type-gameinfo >a {
  background-position: -140px 8px;
}

.globalNav-item i {
  color: #444;
  font-size: 11px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 72px;
}
.type-circle .globalNav-item i {
  letter-spacing: 0.9;
}

@media screen and (max-width: 1023px) {
  .style_girls .globalNav-item.type-circle {
    display: none;
  }
}

.infoBadge {
  display: block;
  position: absolute;
  right: 25px;
  top: 2px;
  z-index: 100;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  min-width: 18px;
  height: 16px;
  padding: 0 4px;
  border: solid 1px #e60026;
  border-radius: 9px;
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f73455;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", helvetica, verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 0 0 #e60026, -1px 0 0 #e60026, 0 1px 0 #e60026, 0 -1px 0 #e60026, 1px 1px 0 #e60026, -1px 1px 0 #e60026, 1px -1px 0 #e60026, -1px -1px 0 #e60026;
  line-height: 14px;
  text-indent: 0;
  white-space: nowrap;
}

.infoBadge.is-hidden {
  display: none;
}

/* #コインを増やすメニュー
   ---------------------------------------- */
#headerCoinWrap {
  visibility: hidden;
  opacity: 0;
  text-align: left;
  position: absolute;
  left: -91px;
  top: 65px;
  z-index: 5001;
  border: 1px solid #343434;
  border-radius: 3px;
  box-shadow: 3px 4px 3px rgba(0,0,0,0.2);
  background: #fafafa;
  width: 248px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#headerCoinWrap.is-active {
  visibility: visible;
  opacity: 1;
}

#headerCoinWrap:before {
  content: "";
  position: absolute;
  left: 118px;
  top: -9px;
  border-width: 0 9px 9px;
  border-color: transparent transparent #343434;
  border-style: solid;
}
#headerCoinWrap:after {
  content: "";
  position: absolute;
  left: 119px;
  top: -8px;
  border-width: 0 8px 8px;
  border-color: transparent transparent #e84c80;
  border-style: solid;
}
#headerCoinWrap .title01 {
  padding: 5px;
  background: #e84c80;
  color: #fff;
  text-align: center;
  font-size: 92.9%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#headerCoinWrap .title02 {
  padding: 3px 8px;
  background: #2a2a2a;
  color: #ededed;
  font-size: 85.7%;
}
#headerCoinBtn {
  padding: 9px 9px 10px;
  position: relative;
  overflow: hidden;
}
#headerCoinBtn .notes {
  font-size: 78.6%;
  padding: 0 0 6px 1em;
  text-indent: -1em;
}
#headerCoinBtn ul {
  margin: -6px 0 0;
  display: block;
  min-height: 1%;
}
#headerCoinBtn ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#headerCoinBtn ul li {
  margin: 6px 0 0;
  float: left;
  width: 110px;
}
#headerCoinBtn ul li:nth-child(even) {
  float: right;
}
#headerCoinBtn ul.submitType02 li button {
  font-size: 78.6%;
  text-shadow: 0 1px 2px rgba(255,255,255,0.5);
  background: #baff70; /* Old browsers */
  background: -moz-linear-gradient(top,  #baff70 0%, #8cd847 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#baff70), color-stop(100%,#8cd847)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #baff70 0%,#8cd847 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #baff70 0%,#8cd847 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #baff70 0%,#8cd847 100%); /* W3C */
  box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 0 7px rgba(255,255,255,0.4) inset;
  border: 1px solid #6bb312;
  color: #244a18;
  padding: 6px;
  border-radius: 2px;
}
#headerCoinBtn ul.submitType02 li button:hover {
  border-color: #89c241;
  background: #c8ff8d;
  background: linear-gradient(to bottom,  #c8ff8d 0%,#a3e06d 100%);
  color: #506e46;
}
#headerCoinBtn ul.submitType02 li button em {
  font-size: 127.3%;
  font-weight: bold;
}
p.maintenance {
  overflow: hidden;
  text-indent: -9999px;
  width: 196px;
  height: 68px;
  margin: 0 auto;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -1009px -1080px;
}
p.maintenanceNow {
  overflow: hidden;
  text-indent: -9999px;
  width: 196px;
  height: 86px;
  margin: 0 auto;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -1009px -1151px;
}

#headerCoinConfirm {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  height: 100%;
  width: 100%;
  -webkit-transition: top 200ms;
 transition: top 200ms;
  border-bottom: 1px solid #343434;
  padding: 10px;
  box-sizing: border-box;
}
#headerCoinConfirm.hide {
  display: block;
  top: -100%;
}
#headerCoinConfirm .formTable01 {
  border: 1px solid #c7c7c7;
  border-radius: 5px;
}
#headerCoinConfirm .formTable01 th,
  #headerCoinConfirm .formTable01 td {
  padding: 10px;
  font-size: 85.7%;
}
#headerCoinConfirm .formTable01 tr:first-child th {
  border-radius: 5px 0 0 0;
}
#headerCoinConfirm .formTable01 tr:last-child th {
  border-radius: 0 0 0 5px;
}
#headerCoinConfirm .formTable01 tr:first-child td {
  border-radius: 0 5px 0 0;
}
#headerCoinConfirm .formTable01 tr:last-child td {
  border-radius: 0 0 5px 0;
}
#headerCoinConfirm .paymentConfirmTerms01 {
  margin: 8px 0 0 0;
}
#headerCoinConfirm .editBtn01 {
  margin: 8px 0 0;
  padding: 0;
}
#headerCoinConfirm .editBtn01 button {
  width: 100%;
  font-size: 107.1%;
  height: 36px;
}

#headerCoinMenu {
}
#headerCoinMenu li {
  border-top: 1px solid #ddd;
}
#headerCoinMenu li a {
  display: block;
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  background: #fafafa;
  padding: 9px 10px 9px 28px;
  position: relative;
  font-size: 85.7%;
  color: #4c4b4b;
}
#headerCoinMenu li a:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 14px;
  height: 14px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -290px;
}
#headerCoinMenu li:last-child a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#headerCoinMenu li a:hover {
  text-decoration: none;
  background: #ffecf2;
}

  /* コインキャンペーン中 */  
.headerLimitCoinCampaign #headerCoinBtn .campaignTxt{
  color: #e84c80;
  font-size: 85.7%;
  font-weight: bold;
}

.headerLimitCoinCampaign #headerCoinBtn .headerCampaignBnr{
 margin-bottom:5px;
  display:block;
  text-align:center;
}

.headerLimitCoinCampaign #headerCoinBtn ul.submitType02 li.target button {
  padding: 3px;  
}

.LimitCoinCampaign #headerCoinBtn ul.submitType02 li strike {
  font-weight: normal;
}

.LimitCoinCampaign #headerCoinBtn .headerCampaignTxtConfirm {
  color: #e84c80;
  font-size: 92.9%;
  display: inline-block;
  margin-top: 3px;
  line-height: 1.4;
}
.LimitCoinCampaign #headerCoinBtn .headerCampaignTxtConfirm strong {
  font-size: 114.3%;
}

/* #ゲーム通知ポップアップ
   ---------------------------------------- */
#headerTimeLine {
  visibility: hidden;
  opacity: 0;
  text-align: left;
  position: absolute;
  right: 0;
  top: 65px;
  z-index: 5000;
  border: 1px solid #343434;
  border-radius: 3px;
  box-shadow: 3px 4px 3px rgba(0,0,0,.2);
  background: #fafafa;
  width: 350px;
  line-height: 1;
  font-size: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#headerTimeLine.is-active {
  visibility: visible;
  opacity: 1;
}

#headerTimeLine:before {
  content: "";
  position: absolute;
  right: 22px;
  top: -9px;
  border-width: 0 9px 9px;
  border-color: transparent transparent #343434;
  border-style: solid;
}
#headerTimeLine:after {
  content: "";
  position: absolute;
  right: 23px;
  top: -8px;
  border-width: 0 8px 8px;
  border-color: transparent transparent #e84c80;
  border-style: solid;
}
  #headerTimeLine iframe {
    width: 100%;
    border-radius: 3px;
  }

/* #ガイドリンク
   ---------------------------------------- */
.globalMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.globalMenu-btn {
  display: inline-block;
  border: 1px solid #bbb;
  background: #eaeaea;
  border-radius: 3px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  padding: 0 5px;
  font-size: 11px;
  white-space: nowrap;
}
.globalMenu-btn:hover {
  color: #333;
  text-decoration: none;
  opacity: 0.8;
}
.globalMenu-btn i {
  color: #333;
}
.globalMenu-btn i::before {
  color: #616161;
  content: "\f0c9";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  padding-right: 3px;
  position: relative;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 900;
  top: -1px;
}

.globalMenuLink {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 30px;
  width: 200px;
  border: 1px solid #7d7d7d;
  background: #fff;
  z-index: 1001;
  display: block;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.globalMenuLink.is-active {
  visibility: visible;
  opacity: 1;
}

/* サークル管理のみで使用 */
.globalMenuLink-lead {
  background: #e7eaf2;
  padding: 5px 8px;
  color: #536280;
  font-weight: bold;
}

.globalMenuLink-item {
  padding: 10px 14px;
  line-height: 1.5;
}

.globalMenuLink-item .link {
  font-size: 13px;
}

.globalMenuLink-item .link:not(:first-child) {
  margin-top: 4px;
}

.globalMenuLink-item .link > a {
  display: block;
  color: #039;
}

.globalMenuLink-item .link > a::before {
  color: #616161;
  content: '\f101';
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  padding-right: 6px;
  position: relative;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 300;
}

.globalMenuLink-item .link > a[target="_blank"]::after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  font-size: 10px;
  font-family: "dlsite-icons";
  content: "\e90a";
}

.globalMenuLink-item i {
  color: #039;
}

.headeHelpLink {
  font-size: 12px;
}

.headeHelpLink a:link,
.headeHelpLink a:visited,
.headeHelpLink a:hover {
  color: #333;
  text-decoration: none;
}

.headeHelpLink a::before {
  display: inline-block;
  margin-top: 0;
  content: '\f059';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #666;
  padding-right: 4px;
  position: relative;
  font-size: 15px;
  top: 1px;
}

.headeHelpLink a:hover i {
  text-decoration: underline;
}

/* #フロアタブ
   ---------------------------------------- */
.floorTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.floorTab-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 130px;
  min-width: 130px;
}
.floorTab-item::before {
  display: block;
  content: "";
  left: 0;
  top: 8px;
  width: 1px;
  height: 20px;
  background-color: #b8c3d9;
}
.floorTab-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #536280;
}

.floorTab-item > a:visited {
  color: #536280;
}
.floorTab-item > a:hover {
  color: #536280;
  text-decoration: none;
}
.floorTab-item.type-doujin > a:hover {
  color: #68d917;
}
.floorTab-item.type-doujin.is-active > a {
  background: #68d917;
}
.floorTab-item.type-doujin.is-active::after {
  background: #68d917;
}
.floorTab-item.type-com > a:hover {
  color: #ffa01c;
}
.floorTab-item.type-com.is-active > a {
  background: #ffa01c;
}
.floorTab-item.type-com.is-active::after {
  background: #ffa01c;
}
.floorTab-item.type-ebook > a:hover {
  color: #ff6781;
}
.floorTab-item.type-ebook.is-active > a {
  background: #ff6781;
}
.floorTab-item.type-ebook.is-active::after {
  background: #ff6781;
}
  .floorTab-item.type-vr > a:hover {
  color: #3cdbdb;
}
.floorTab-item.type-vr.is-active > a {
  background: #3cdbdb;
}
.floorTab-item.type-vr.is-active::after {
  background: #3cdbdb;
}
.type-adult .floorTab-item.type-doujin > a:hover {
  color: #4baef3;
}
.type-adult .floorTab-item.type-doujin.is-active > a {
  background: #4baef3;
}
.type-adult .floorTab-item.type-doujin.is-active::after {
  background: #4baef3;
}
.type-adult .floorTab-item.type-com > a:hover {
  color: #f34b9f;
}
.type-adult .floorTab-item.type-com.is-active > a {
  background: #f34b9f;
}
.type-adult .floorTab-item.type-com.is-active::after {
  background: #f34b9f;
}
.type-adult .floorTab-item.type-ebook > a:hover {
  color: #4ec04e;
}
.type-adult .floorTab-item.type-ebook.is-active > a {
  background: #4ec04e;
}
.type-adult .floorTab-item.type-ebook.is-active::after {
  background: #4ec04e;
}

.floorTab-item.type-nijiyome > a:hover {
  color: #f25d90;
}

.floorTab-item.type-nijiyome.is-active > a {
  background: #f25d90;
}

.floorTab-item.type-nijiyome.is-active::after {
  background: #f25d90;
}

.floorTab-item:last-child a::after {
  display: block;
  content: "";
  right: 0;
  top: 8px;
  width: 1px;
  height: 20px;
  background-color: #b8c3d9;
  position: absolute;
}
.floorTab-item.is-active::before,
  .floorTab-item.is-active + .floorTab-item::before,
  .floorTab-item.is-active:last-child a::after {
  display: none;
}
.floorTab-item.is-active > a {
  color: #fff !important;
}
.floorTab-item.is-active::after {
  display: block;
  position: absolute;
  content: "";
  bottom: -4px;
  right: 0;
  left: 0;
  height: 4px;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}

/* #フロア移動リンク
   ---------------------------------------- */
.floorNavLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-left: auto;
}

.floorNavLink-item {
  width: 100px;
  height: 24px;
  position: relative;
}
.floorNavLink-item:not(:first-child) {
  margin-left: 8px;
}
.floorNavLink-item > a {
  display: block;
  width: 100%;
  height: 24px;
  line-height: 22px;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  font-size: 12px;
}

.floorNavLink-item > a:hover {
  text-decoration: none;
}

.floorNavLink-item.type-female a {
  border: 1px solid #f198af;
  color: #ea7b98;
}

.floorNavLink-item.type-female a:hover {
  background: #f198af;
  color: #fff;
}

.floorNavLink-item.type-general a {
  border: 1px solid #82ca28;
  color: #64b400;
}

.floorNavLink-item.type-general a:hover {
  background: #82ca28;
  color: #fff;
}

.floorNavLink-item.type-adult a {
  border: 1px solid #6cb7e6;
  color: #52a9df;
}

.floorNavLink-item.type-adult a:hover {
  background: #6cb7e6;
  color: #fff;
}

/* #ヘッダーナビ
   ---------------------------------------- */
.headerNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  height: 30px;
}

.headerNav-item {
  position: relative;
}

/* NEWアイコン */
.headerNav-item.type-new::before {
  content: "NEW";
  display: block;
  position: absolute;
  left: 15px;
  top: 7px;
  font-size: 10px;
  background: #f73455;
  color: #fff;
  border: solid 1px #e60026;
  padding: 0 2px;
  border-radius: 2px;
  height: 15px;
  line-height: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", helvetica, verdana, arial, sans-serif;
  text-shadow: 1px 0 0 #e60026, -1px 0 0 #e60026, 0 1px 0 #e60026, 0 -1px 0 #e60026, 1px 1px 0 #e60026, -1px 1px 0 #e60026, 1px -1px 0 #e60026, -1px -1px 0 #e60026;
  box-sizing: border-box;
}

.headerNav-item > a {
  display: block;
  color: #536280;
  font-size: 12px;
  text-align: center;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
}

.headerNav-item > a:hover {
  background: #edeff2;
  text-decoration: none;
}

.headerNav-item.type-new > a {
  padding-left: 48px;
}

.headerNav-item.is-active > a {
  background: #e3e5ea;
}

/* !旧ヘッダー（背景黒、ロゴだけ）
---------------------------------------------------------- */
#header {
  position: relative;
  z-index: 500;
  width: 100%;
  background: #fff;
  height: 40px;
  -moz-box-shadow: 0 1px 1px rgba(7,0,2,.3);
  -webkit-box-shadow: 0 1px 1px rgba(7,0,2,.3);
  box-shadow: 0 1px 1px rgba(7,0,2,.3);
}

  #headerIn {
    margin: 0 auto;
    text-align: left;
    display: table;
    width: 1020px;
  }
  #headerIn.headerType02 {
    width: 100%;
  }
    #headerLogo {
      display: table-cell;
      vertical-align: middle;
      height: 40px;
      padding: 0 15px;
    }

      #headerLogo a {
        display: inline-block;
        width: 252px;
        height: 22px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat left -1310px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
      }
      #headerLogo .night {
        color: #fff;
        display: inline-block;
        margin: 0 0 0 12px;
        padding: 0 14px 0 26px;
        background: #292929; /* Old browsers */
        background: -moz-linear-gradient(top,  #292929 0%, #363636 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#363636)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #292929 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top,  #292929 0%,#363636 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #292929 0%,#363636 100%); /* W3C */
        -ms-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -ms-box-shadow: 0 1px 0px rgba(255,255,255,.1);
        -moz-box-shadow: 0 1px 0px rgba(255,255,255,.1);
        -webkit-box-shadow: 0 1px 0px rgba(255,255,255,.1);
        box-shadow: 0 1px 0px rgba(255,255,255,.1);
        text-shadow: 0 -1px 0 rgba(7,0,2,.5);
        vertical-align: baseline;
        position: relative;
      }
      #headerLogo .night:before {
        content: "";
        position: absolute;
        left: 8px;
        top: 50%;
        margin: -8px 0 0;
        width: 13px;
        height: 13px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -200px -840px;
      }
        #headerLogo .night span {
          font-size: 85.7%;
        }
      #headerLogo .mixi a {
        display: inline-block;
        margin: 0 0 0 12px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -830px -1080px;
        width: 115px;
        height: 16px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
      }
     #headerLogo.logoLangZh a {
        display: inline-block;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -830px -1110px;
        width: 161px;
        height: 22px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
      }

/* ビンゴキャンペーン
---------------------------------------------------------- */
div#bingo_clear {
  position: absolute;
  z-index: 100;
  left:50%;
  top:40px;
  margin-left:-320px;
  -webkit-animation: blink_bingo 4s ease-out both alternate;
  animation: blink_bingo 4 sease-out both alternate;
}

@-webkit-keyframes blink_bingo {
  0% { opacity: 0; -webkit-transform: translateY(-200px);}
  10%,90% { opacity: 1; -webkit-transform: translateY(0px);}
  100% { opacity: 0; -webkit-transform: translateY(-200px);}
}

@keyframes blink_bingo {
  0% { opacity: 0; transform: translateY(-200px); }
  10%,90% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-200px); }
}

/* !loginMenu
---------------------------------------------------------- */
#loginMenuWrap {
  visibility: hidden;
  opacity: 0;
  text-align: left;
  position: absolute;
  right: 0;
  top: 38px;
  z-index: 5001;
  border: 1px solid #1b1b1b;
  border-radius: 3px;
  width: 213px;
  background: #bdbbbb;
  box-shadow: 3px 4px 3px rgba(0,0,0,.2);
  box-sizing: content-box;
}

#loginMenuWrap.is-active {
  visibility: visible;
  opacity: 1;
}

#loginMenuWrap:before {
  content: "";
  position: absolute;
  right: 25px;
  top: -9px;
  border-width: 0 9px 9px;
  border-color: transparent transparent #1b1b1b;
  border-style: solid;
}
#loginMenuWrap:after {
  content: "";
  position: absolute;
  right: 26px;
  top: -8px;
  border-width: 0 8px 8px;
  border-color: transparent transparent #bdbbbb;
  border-style: solid;
}
#sub #loginMenuWrap {
  display: block;
  border-color: #959595;
  position: relative;
  right: 0;
  top: 0;
  box-shadow: 2px 0 6px -3px rgba(0,0,0,.6);
  border-top-right-radius: 0;
}
#sub #loginMenuWrap:before,
#sub #loginMenuWrap:after {
  display: none;
}
  #loginMenuUserWrap {
    padding: 10px;
    position: relative;
    display: block;
    min-height: 1%;
  }
  #loginMenuUserWrap:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    #loginMenuUserWrap #loginMenuUserIcon {
      float: left;
      border-radius: 4px;
      -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2);
      -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2);
      box-shadow: 0 1px 0 rgba(255,255,255,.2);
      margin: 0 9px 0 0;
      overflow: hidden;
      width: 50px;
      height: 50px;
    }
      #loginMenuUserWrap #loginMenuUserIcon img {
        max-width: 50px;
        max-height: 50px;
        text-align: center;
        border-radius: 4px;
      }
    #loginMenuUserWrap #loginMenuUserInfo {
      overflow: hidden;
      word-break: break-all;
    }
      #loginMenuUserWrap #loginMenuUserInfo .name {
        color: #343434;
      }
      #loginMenuUserWrap #loginMenuUserInfo .userid {
        margin: 2px 0 0;
        color: #333;
        font-size: 85.7%;
        word-break: break-all;
      }
  #loginMenuContactWrap {
    border-top: 1px solid #959595;
    padding: 6px;
    background: #f8f8f8;
    display: block;
    min-height: 1%;
  }
  #loginMenuContactWrap:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    #loginMenuContactWrap .message,
    #loginMenuContactWrap .friend {
      position: relative;
      width: 98px;
      float: left;
    }
    #loginMenuContactWrap .friend {
      float: right;
    }
      #loginMenuContactWrap .message .infoBadge,
      #loginMenuContactWrap .friend .infoBadge {
        position: absolute;
        top: -4px;
        right: 10px;
      }
      #loginMenuContactWrap .message a,
      #loginMenuContactWrap .friend a {
        display: block;
        padding: 12px 2px 11px 7px;
        border-radius: 6px;
      }
        #loginMenuContactWrap .message a span,
        #loginMenuContactWrap .friend a span {
          display: block;
          text-align: left;
        }
        #loginMenuContactWrap .message a span {
          padding: 0 0 0 21px;
        }
        #loginMenuContactWrap .friend a span {
          padding: 0 0 0 25px;
        }
        #loginMenuContactWrap .message a span:after {
          background-position: -280px -90px;
          width: 18px;
          height: 16px;
          margin: -8px 0 0;
        }
        #loginMenuContactWrap .friend a span:after {
          background-position: -280px -140px;
          width: 20px;
          height: 17px;
          margin: -8px 0 0;
        }
        #loginMenuContactWrap .message a:hover span:after {
          background-position: -320px -90px;
        }
        #loginMenuContactWrap .friend a:hover span:after {
          background-position: -320px -140px;
        }
  #loginMenuWrap .title {
    padding: 4px 8px;
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
    background: #4C4B4B;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    font-size: 78.6%;
  }
  #loginMenuMygame {
    padding: 8px;
    overflow: hidden;
    background: #f8f8f8;
  }
    #loginMenuMygame ul {
      margin: 0 0 0 -8px;
      display: block;
      min-height: 1%;
    }
    #loginMenuMygame ul:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      #loginMenuMygame ul li {
        float: left;
        margin: 0 0 0 8px;
        width: 60px;
      }
      #loginMenuMygame ul li.btn a {
        display: block;
        width: 58px;
        height: 58px;
        overflow: hidden;
        text-indent: -9999px;
        border: 1px solid #bdbbbb;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -200px -190px;
        border-radius: 3px;
      }
      #loginMenuMygame ul li.btn a:hover {
        position: relative;
        top: 1px;
        background-position: -280px -190px;
      }

.loginMenuBtn01,
.loginMenuBtn02 {
  padding: 6px 8px;
  background: #e9e9e9;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
  .loginMenuBtn01 ul,
  .loginMenuBtn02 ul {
    margin: -5px 0 0;
  }
    .loginMenuBtn01 ul li,
    .loginMenuBtn02 ul li {
      margin: 5px 0 0;
    }
      .loginMenuBtn01 ul li a {
        padding: 5px 20px 5px 22px;
      }
        .loginMenuBtn01 ul li a span {
          display: block;
        }
      .loginMenuBtn02 ul li a {
        padding: 5px 2px;
      }

.loginMenuList01 {
  background: #f8f8f8;
  overflow: hidden;
}
  .loginMenuList01 p.timelineNodata {
    font-size: 91.7%;
    padding:10px;
    }
  .loginMenuList01 ul {
    margin: -1px 0 0;
  }
    .loginMenuList01 ul li {
      font-size: 85.7%;
      border-top: 1px dotted #939393;
      padding: 8px;
      display: block;
      min-height: 1%;
    }
    .loginMenuList01 ul.timeline li {
      font-size: 78.6%;
    }
    .loginMenuList01 ul li:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      .loginMenuList01 ul li .icon,
      .loginMenuList01 ul li .userIcon {
        float: left;
        margin: 0 7px 0 0;
      }
        .loginMenuList01 ul li > .userIcon img {
          border: 1px solid #ababab;
          border-radius: 3px;
        }
      .loginMenuList01 ul li .text {
        overflow: hidden;
      }
      .loginMenuList01 ul li .official {
        font-size: 91.7%;
        display: inline-block;
        margin: 0 5px 0 0;
        padding: 1px 3px;
        background: #73c8d4;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(7,0,2,.1);
        border-radius: 2px;
      }
      .loginMenuList01 ul li .gameWrap {
        clear: both;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #ddd;
        margin: 5px 0 0;
        padding: 6px;
      }
      .loginMenuList01 ul li a .gameWrap {
        border: 1px solid #ddd;
      }
        .loginMenuList01 ul li .gameWrap .game {
          display: table;
          width: 100%;
        }
          .loginMenuList01 ul li .gameWrap .game .icon {
            display: table-cell;
            width: 50px;
            float: none;
            margin: 0;
          }
          .loginMenuList01 ul li .gameWrap .game .name {
            display: table-cell;
            vertical-align: middle;
          }
          .loginMenuList01 ul li a:hover .gameWrap .game .name {
            text-decoration: underline;
          }

.loginMenuList02 {
  background: #f8f8f8;
  overflow: hidden;
}
  .loginMenuList02 ul {
    margin: -1px 0 0;
  }
    .loginMenuList02 ul li {
      font-size: 85.7%;
      border-top: 1px dotted #939393;
    }
      .loginMenuList02 ul li a {
        display: block;
        padding: 10px 10px 10px 35px;
        position: relative;
        color: #4c4b4b;
        text-shadow: 0 1px 1px rgba(255,255,255,.75);
      }
      .loginMenuList02 ul li a:hover {
        background: #ffecf2;
        text-decoration: none;
      }
      .loginMenuList02 ul li a:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 9px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 0;
      }
      .loginMenuList02 ul li.favorite a:before {
        width: 17px;
        height: 20px;
        margin: -10px 0 0;
        background-position: -360px -90px;
      }
      .loginMenuList02 ul li.profile a:before {
        width: 21px;
        height: 17px;
        margin: -9px 0 0;
        background-position: -360px -140px;
      }
      .loginMenuList02 ul li.account a:before {
        width: 21px;
        height: 21px;
        margin: -11px 0 0;
        background-position: -360px -190px;
      }

#loginMenuLogout01 {
  background: #f8f8f8;
  border-top: 1px solid #959595;
  padding: 8px 10px;
  text-align: right;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
  #loginMenuLogout01 a {
    font-size: 85.7%;
    padding: 0 0 0 20px;
    display: inline-block;
    position: relative;
    color: #4c4b4b;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
  }
  #loginMenuLogout01 a:before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0.2em;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -290px;
  }

/* !headerLogin
---------------------------------------------------------- */
#headerLoginWrap {
  /*display: none;*/
  position: absolute;
  right: 0;
  top: 38px;
  z-index: 2;
  width: 213px;
  border: 1px solid #959595;
  background: #ddd;
  text-align: left;
  border-radius: 5px;
  box-shadow: 2px 2px 2px rgba(0,0,0,.3);
}
#headerLoginWrap:before {
  content: "";
  position: absolute;
  right: 24px;
  top: -9px;
  border-width: 0 9px 9px;
  border-color: transparent transparent #959595;
  border-style: solid;
}
#headerLoginWrap:after {
  content: "";
  position: absolute;
  right: 25px;
  top: -8px;
  border-width: 0 8px 8px;
  border-color: transparent transparent #ddd;
  border-style: solid;
}

.loginFormTop01 {
  padding: 10px 10px 8px;
}
.loginFormWrap01{
  display: table;
}
.loginInputTxtList01,
.loginFormBtn01{
 display: table-cell;
  vertical-align: top;
}
.loginInputTxtList01 li {
  margin: 0 0 6px;
}
.loginInputTxtList01 li:last-child {
  margin: 0;
}
  .loginInputTxtList01 li input[type="email"],
  .loginInputTxtList01 li input[type="password"] {
    padding: 6px 6px;
    font-size: 92.9%;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.35);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.35);
    -ms-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.35);
    box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.35);
  }
.loginFormBtn01 {
  width: 62px;
    height: 100%;
    box-sizing: border-box;
    padding-left:5px;
}
  .loginFormBtn01.submitType01 button {
    height: 68px;
    width: 100%;
    padding: 0;
    text-align: center;
  font-size: 85.7%;
    box-sizing: border-box;
  }

.loginFormMemory01 {
  margin: 9px 0 0;
  font-size: 85.7%;
}

.loginFormForget01 {
  margin: 7px 0 0;
  padding: 0 0 0 15px;
  font-size: 85.7%;
  position: relative;
}
.loginFormForget01:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 0.2em;
  width: 6px;
  height: 10px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -240px;
}
  .loginFormForget01 a {
    color: #333;
  }

.loginFormBtm01 {
  font-size: 85.7%;
  text-align: center;
  padding: 8px 10px 10px;
  border-top: 1px solid #b0b0b0;
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.loginAuthproviderList01 {
  width: 162px;
  margin: 8px auto 0;
  text-align: left;
}
  .loginAuthproviderList01 ul {
    margin: -9px 0 0 -7px;
    display: block;
    min-height: 1%;
  }
  .loginAuthproviderList01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .loginAuthproviderList01 ul li {
      margin: 6px 0 0 7px;
      float: left;
      width: 35px;
      position: relative;
    }
    .loginAuthproviderList01 ul li.dlsite {
      width: 119px;
    }
      .loginAuthproviderList01 ul li a {
        overflow: hidden;
        text-indent: -9999px;
        display: block;
        height: 35px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 0;
      }
      .loginAuthproviderList01 ul li.dlsite a { background-position: -150px -90px;}
      .loginAuthproviderList01 ul li.twitter a { background-position: -150px -170px;}
      .loginAuthproviderList01 ul li.facebook a { background-position: -150px -130px;}
      .loginAuthproviderList01 ul li.google a { background-position: -150px -210px;}
      .loginAuthproviderList01 ul li.yahoo a { background-position: -150px -250px;}
      .loginAuthproviderList01 ul li.mixi a { background-position: -150px -290px;}
      .loginAuthproviderList01 ul li a:hover {
        position: relative;
        top: 1px;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
      }
      .loginAuthproviderList01 .guide{
        position: relative;
        background: #d1ad5a;
        width:158px;
        color: #fff;
        font-weight: bold;
      font-size: 92.9%;
        margin-top:10px;
        height: 26px;
        line-height: 26px;
        border-radius: 5px;
        text-align: center;
      text-shadow: 0 -1px 0 rgba(7,0,2,.1);
      }
        .loginAuthproviderList01 .guide:before{
        content: "";
        position: absolute;
        right: 8px; 
        top: -6px;
        border-width: 0 8px 8px;
        border-color: transparent transparent #d1ad5a;
        border-style: solid;
       }
      
/* !contents
---------------------------------------------------------- */
#contentsWrap,
#contentsWrap02 {
  position: relative;
}
#contentsWrap02 {
  background: #fff;
  overflow:hidden;
}
  #contents {
    margin: 0 auto;
    width: 980px;
    text-align: left;
    position: relative;
    z-index: 2;
  }
  #contentsWrap #contents {
    padding: 0 20px 60px;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    background: #fff;
  }
  #contentsWrap02 #contents {
    width: 800px;
  }
    #main {
      float: left;
      width: 745px;
      padding: 20px 0 0;
    }
    #mainOneColumn {
      padding: 20px 0 0;
    }
    #contentsWrap02 #main {
      float: none;
      width: auto;
      padding: 20px 0 47px;
    }
    #sub {
      float: right;
      width: 215px;
      margin-top: 20px;
    }

.contentsBackLink01{
  display: none;
}

#subNews {
  margin: 17px 0 0;
  border: 1px solid #939393;
  overflow: hidden;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
  #subNews .title {
    font-size: 92.9%;
    color: #fff;
    background: #4c4b4b;
    padding: 6px 10px 6px 34px;
    position: relative;
  }
  #subNews .title:before {
    content: "";
    position: absolute;
    left: 11px;
    top: 50%;
    width: 15px;
    height: 20px;
    margin: -10px 0 0;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -150px -31px;
  }
  #subNews ul {
    border-top: 1px solid #cdcccc;
  }
    #subNews ul li {
      border-top: 1px solid #ddd;
    }
    #subNews ul li:first-child {
      border-top: none;
    }
      #subNews ul li a {
        display: block;
        font-size: 85.7%;
        background: #fafafa;
        padding: 7px 10px 7px 20px;
        position: relative;
        -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,1);
      }
      #subNews ul li:first-child a {
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      #subNews ul li a:before {
        content: "";
        position: absolute;
        left: 7px;
        top: 14px;
        width: 7px;
        height: 3px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -120px -40px;
      }
  #subNews .moreBtn {
    background: #fafafa;
    border-top: 1px solid #dddddd;
    padding: 6px 10px;
    text-align: right;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
  }
    #subNews .moreBtn a {
      font-size: 85.7%;
      padding: 0 0 0 20px;
      display: inline-block;
      position: relative;
      color: #4c4b4b;
      text-shadow: 0 1px 1px rgba(255,255,255,.75);
    }
    #subNews .moreBtn a:before {
      content: "";
      width: 14px;
      height: 14px;
      position: absolute;
      left: 0;
      top: 0.2em;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -290px;
    }

#subBanner {
  margin: 10px 0 0;
}
#subBanner li {
  margin: 10px 0 0;
}
#subBanner li:first-child{
  margin: 0;
}

#subTwitter {
  margin: 14px 0 0;
}
#subTwitter p {
background:#333;
}
#subTwitter iframe {
  vertical-align: bottom;
}

.alertBox01 {
 margin: -10px 0 20px;
 padding: 0;
}
 .alertBox01 p,
 #adult_check_box .main_box_inner_03 .alertBox01 p{
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #c00;
  padding: 7px 10px !important;
  border: 2px solid #f1bcbc;
  background: #ffdfdf;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-size: 14px !important;
 }
 .alertBox01 p:before{
   content: "";
  display: inline-block;
   width: 22px;
   height: 22px;
   background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -150px 0;
  vertical-align: middle;
  padding-right: 5px;
 }
 #mainOneColumn > .alertBox01 {
  margin: -10px 20px 10px;
 }
 #contentsWrap02 .alertBox01 {
  margin: -30px auto 40px;
  max-width: 800px;
 }
 #adult_check_box .alertBox01 {
  margin: 0 auto 10px;
  padding: 15px 10px 0;
 }

.alertBox01 {
 margin: -10px 0 20px;
 padding: 0;
}
 .alertBox01 p,
 #adult_check_box .main_box_inner_03 .alertBox01 p{
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #c00;
  padding: 7px 10px !important;
  border: 2px solid #f1bcbc;
  background: #ffdfdf;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-size: 14px !important;
 }
 .alertBox01 p:before{
   content: "";
  display: inline-block;
   width: 22px;
   height: 22px;
   background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -150px 0;
  vertical-align: middle;
  padding-right: 5px;
 }
 #mainOneColumn > .alertBox01 {
  margin: -10px 20px 10px;
 }
 #contentsWrap02 .alertBox01 {
  margin: -30px auto 40px;
  max-width: 800px;
 }
 #adult_check_box .alertBox01 {
  margin: 0 auto 10px;
  padding: 15px 10px 0;
 }



/* !pageTop
---------------------------------------------------------- */
.scrolltop {
  bottom: 20px;
  right: 20px;
  z-index: 10;
  position: fixed;
}
.scrolltop a {
  display: block;
  height: 50px;
  width: 50px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -187px -31px;
}

/* !footer
---------------------------------------------------------- */
#footer {
  position: relative;
  z-index: 2;
  min-width: 1024px;
  font-size: 85.7%;
}
.footerType02 #footer {
  background: url(../../img/contents_pc/common/bg_pattern_01.png) repeat;
}
.footerType03 #footer {
  background: url(../../img/contents_pc/common/bg_pattern_02.png) repeat;
}
  #footerIn {
    margin: 0 auto;
    text-align: left;
  }

.SwitchLang {
  text-align: center;
  margin: 10px 0;
}

.SwitchLangSelect {
  position:relative;
  display:inline-block;
  width: 156px;
  box-sizing: border-box;
}

.SwitchLangSelect > span {
  box-sizing: border-box;
  position:relative;
  display:inline-block;
  background:#eff1f1;
  border:1px solid #bdbbbb;
  color:#333;
  width: 100%;
  height: 34px;
  line-height: 34px;
  border-radius: 3px;
  cursor: pointer;
}

.SwitchLangSelect > span:before {
  content:'';
  position:absolute;
  z-index:1;
  top:50%;
  left:10px;
  margin-top: -10px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -1010px -740px;
  width: 20px;
  height: 20px;
}

.SwitchLangSelect > span:after {
  content: '';
  z-index: 1;
  position:absolute;
  z-index:1;
  top:50%;
  right:10px;
  margin-top: -4px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -1040px -740px;
  width: 10px;
  height: 9px;
  line-height: 0.5;
}

.SwitchLangSelectList {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 34px;
  border: 1px solid #bdbbbb;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.SwitchLangSelect:hover .SwitchLangSelectList {
  visibility: visible;
  opacity: 1;
}

.SwitchLangSelectList li {
  width: 154px;
  text-align: left;
  padding: 6px 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.SwitchLangSelectList li:not(:last-child) {
  border-bottom: 1px solid #bdbbbb;
}

.SwitchLangSelectList li:hover {
  background: #ffeee3;
}

.SwitchLangSelectList li:first-child { border-radius: 3px 3px 0 0; }
.SwitchLangSelectList li:last-child { border-radius: 0 0 3px 3px; }

#footer .footerLinks {
  padding: 0 0 10px;
  text-align: center;
  font-size: 0;
}
#footer .footerLinks:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
  clear: left;
}
  #footer .footerLinks li {
    display: inline-block;
    list-style: none;
    font-size: 12px;
    color: #333;
  }
  .footerType03 #footer .footerLinks li {
    color: #ededed;
  }
  #footer .footerLinks li:not(.label) {
    padding: 0 12px;
    border-right: 1px solid #999;
  }
  .footerType03 #footer .footerLinks li:not(.label) {
    border-right-color: #616161;
  }
  #footer .footerLinks li.label::after {
    display: inline;
    margin-left: 5px;
    content: ":";
  }
  #footer .footerLinks li:last-child {
    border-right: none;
  }
    #footer .footerLinks li a {
      color: #333;
    }
    .footerType03 #footer .footerLinks li a {
      color: #ededed;
    }

#footer nav ul {
  text-align: center;
  padding: 10px 0;
  background: #323131;
}
.footerType03 #footer nav ul {
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
  #footer nav li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 12px;
    border-right: 1px solid #616161;
    line-height: 1.2;
  }
    #footer nav li a {
      text-decoration: none;
      color: #ededed;
    }
    #footer nav li a:hover {
      text-decoration: underline;
    }
    #footer nav li a[target="_blank"] {
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -280px -537px;
      padding-left:15px;
    }
    #footer nav li:last-child{
      border-right: none;
    }

  #footer .copyright {
    text-align: center;
    padding-bottom: 15px;
    font-size: 100%;
  }
  .footerType03 #footer .copyright {
    color: #fffefe;
  }
    #footer .copyright small {
      font-size: 100%;
    }

/* !h(n)eading
---------------------------------------------------------- */
.h1_basic01 {
  position: relative;
  border: 1px solid #8f8f8f;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  background: #e3e3e3;
  margin: 0 0 20px;
  padding: 2px;
  -moz-box-shadow: 1px 2px 1px rgba(227,226,226,.4);
  -webkit-box-shadow: 1px 2px 1px rgba(227,226,226,.4);
  box-shadow: 1px 2px 1px rgba(227,226,226,.4);
}
  .h1_basic01 > span {
    display: block;
    font-weight: bold;
    font-size: 128.6%;
    padding: 4px 15px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(7,0,2,.5);
    background: url(../../img/contents_pc/common/h1_title01.gif) repeat left top;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
  }
  .h1_basic01 .small {
    font-size: 83.3%;
  }
    .h1_basic01 > span .official {
      vertical-align: middle;
      font-size: 72.2%;
      font-weight: bold;
      margin: 0 4px 0 0;
      padding: 0 5px;
      color: #fff;
      text-shadow: 0 -1px 0 rgba(7,0,2,.1);
      background: #73c8d4;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -ms-border-radius: 2px;
    }
    .h1_basic01 .participation {
      position: absolute;
      right: 12px;
      top: 7px;
      color: #e84c80;
      font-size: 85.7%;
      background: #fff;
      text-shadow: none;
      padding: 3px 12px;
      border-radius: 12px;
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      -ms-border-radius: 12px;
      -moz-box-shadow: 0 -1px 0 rgba(0,0,0,.15);
      -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.15);
      box-shadow: 0 -1px 0 rgba(0,0,0,.15);
    }
.h2_basic01 {}
.h3_basic01 {}
.h4_basic01 {}
.h5_basic01 {}
.h6_basic01 {}

/* !Listing
---------------------------------------------------------- */
.listBasic01,
.notesBasic01 {
}
  .listBasic01 li,
  .notesBasic01 li {
    font-size: 85.7%;
    position: relative;
    margin: 0 0 5px;
    padding: 0 0 0 1em;
  }
  .listBasic01 li:before,
  .notesBasic01 li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
  }
  .notesBasic01 li:before {
    content: "※";
  }
  .listBasic01 li:last-child,
  .listBasic01 li.last,
  .notesBasic01 li:last-child,
  .notesBasic01 li.last {
    margin: 0;
  }

.linkList01,
.linkList02 {
  margin: 25px 0 0;
  border: 1px solid #e8e8e8;
  background: #f8f8f8;
  padding: 13px 19px;
  overflow: hidden;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}
.linkList02{
  padding: 13px 19px 5px;
}
  .linkList01 ul,
  .linkList02 ul {
    margin: 0 0 0 -36px;
    display: block;
    min-height: 1%;
  }
  .linkList01 ul:after,
  .linkList02 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .linkList01 ul li {
      float: left;
      white-space: nowrap;
      margin: 0 0 0 36px;
      padding: 0 0 0 20px;
      position: relative;
      font-size: 92.9%;
    }
    .linkList02 ul li {
      margin: 0 0 0 36px;
      padding: 0 0 8px 20px;
      position: relative;
      font-size: 92.9%;
    }
    .linkList01 ul li:before,
    .linkList02 ul li:before {
      content: "";
      width: 14px;
      height: 15px;
      position: absolute;
      left: 0;
      top: 0.2em;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -290px;
    }

.linkList03 {
  font-size: 0;
}
  .linkList03 li {
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
  }
  .linkList03 li:not(:nth-of-type(-n+2)) {
    margin: 10px 0 0;
  }
  .linkList03 li::before {
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat scroll 0 -290px rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 14px;
    margin-right: 10px;
  }

/* !em
---------------------------------------------------------- */
.emStyle01 {
  font-weight: bold;
  color: #e84c80;
}
.emStyle02 {
  font-weight: bold;
  color: #c00;
}

/* !anchor
---------------------------------------------------------- */
.anchorStyle01 {
  padding: 0 0 0 20px;
  position: relative;
  font-size: 92.9%;
}
.anchorStyle01:before {
  content: "";
  width: 14px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0.2em;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -290px;
}

/* !Table
---------------------------------------------------------- */
.formTable01,
.formTable02 {
  width: 100%;
  border-collapse: separate;
}
  .formTable01 th,
  .formTable02 th {
    background: #f8f8f8;
    padding: 18px;
    border-bottom: 1px dotted #c7c7c7;
    vertical-align: top;
    text-align: left;
  }
  .formTable01 td,
  .formTable02 td {
    background: #fff;
    padding: 18px 20px;
    border-bottom: 1px dotted #c7c7c7;
    vertical-align: top;
    text-align: left;
    font-size: 114.3%;
  }
  .formTable02 td {
    font-size: 100%;
    padding: 10px 20px;
  }
  .formTable01 tr:last-child th,
  .formTable01 tr:last-child td,
  .formTable02 tr:last-child th,
  .formTable02 tr:last-child td {
    border-bottom: none;
  }
  .formTable01 tr:first-child th,
  .formTable02 tr:first-child th {
    border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -ms-border-radius-topleft: 2px;
  }
  .formTable01 tr:first-child td,
  .formTable02 tr:first-child td {
    border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -ms-border-radius-topright: 2px;
  }
  .formTable01 tr:last-child th,
  .formTable02 tr:last-child th {
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -ms-border-radius-bottomleft: 2px;
  }
  .formTable01 tr:last-child td,
  .formTable02 tr:last-child td {
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -ms-border-radius-bottomright: 2px;
  }

.w80 { width: 80px;}
.w150 { width: 150px;}
.w170 { width: 170px;}
.w200 { width: 200px;}
.w250 { width: 250px;}
.w300 { width: 300px;}

/* !Section
---------------------------------------------------------- */
.section01 {
  margin: 0 0 20px;
}

.section01:last-child {
  margin: 0;
}

.sectionIn01 {
  padding: 0 15px;
}

.sectionGray01 {
  padding: 15px;
  border: 1px solid #e8e8e8;
  background: #f8f8f8;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}

.sectionGray02 {
  padding: 20px;
  border: 1px solid #c7c7c7;
  background: #e5e5e5;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -ms-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  box-shadow: 1px 1px 1px rgba(0,0,0,.1);
}


/* !Button
---------------------------------------------------------- */
/* aタグに直接（グレー小） */
.btnType01 {
  display: block;
  padding: 5px;
  font-weight: bold;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  text-align: center;
  color: #4c4b4b;
  border: 1px solid #bdbbbb;
  text-shadow: 0 2px 2px rgba(255,255,255,.75);
  font-size: 85.7%;
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top,  #f4f4f4 0%, #e0e0e0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #f4f4f4 0%,#e0e0e0 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f4f4f4 0%,#e0e0e0 100%); /* W3C */
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
}
.btnType01:hover {
  text-decoration: none;
  position: relative;
  top: 1px;
  border: 1px solid #c9c9c9;
  color: #6f6f6f;
  background: #f6f6f6; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6f6f6 0%, #e6e6e6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #f6f6f6 0%,#e6e6e6 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f6f6f6 0%,#e6e6e6 100%); /* W3C */
}
  .btnType01 span {
    position: relative;
    padding: 0 0 0 17px;
    display: inline-block;
  }
  .btnType01 span:after {
    content: "";
    width: 14px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -7px 0 0;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -290px;
  }
  .btnType01:hover span:after {
    background-position: -40px -290px;
  }

/* aタグを囲む要素に（グレー大） */
.btnType02 {
  width: 202px;
  display: inline-block;
}
  .btnType02 a {
    cursor: pointer;
    display: table;
    width: 100%;
    font-weight: bold;
    color: #4c4b4b;
    line-height: 1.3;
    border: 1px solid #bdbbbb;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
    font-size: 114.3%;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #dbdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#dbdbdb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfcfc 0%,#dbdbdb 100%); /* W3C */
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
  }
  .btnType02 a:hover {
    text-decoration: none;
    position: relative;
    top: 1px;
    border: 1px solid #c9c9c9;
    color: #6f6f6f;
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #fdfdfd 0%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdfdfd 0%,#e2e2e2 100%); /* W3C */
  }
    .btnType02 a > span {
      display: table-cell;
      padding: 8px 5px;
      text-align: center;
      vertical-align: middle;
      -moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
      -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
      -ms-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
      box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
    }
      .btnType02 a span span {
        position: relative;
        padding: 0 0 0 40px;
        display: inline-block;
      }
      .btnType02 a span span:after {
        content: "";
        width: 32px;
        height: 33px;
        position: absolute;
        left: 0;
        top: 50%;
        margin: -17px 0 0;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -340px;
      }
      .btnType02 a:hover span span:after {
        background-position: -40px -340px;
      }

/* aタグを囲む要素に（ピンク大） */
.btnType03 {
  width: 202px;
  display: inline-block;
}
  .btnType03 a {
    display: table;
    width: 100%;
    font-weight: bold;
    color: #fff;
    line-height: 1.3;
    border: 1px solid #e94f82;
    text-shadow: 0 -1px 1px rgba(0,0,0,.5);
    font-size: 114.3%;
    background: #ff95b8; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff95b8 0%, #e84f83 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff95b8), color-stop(100%,#e84f83)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff95b8 0%,#e84f83 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #ff95b8 0%,#e84f83 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff95b8 0%,#e84f83 100%); /* W3C */
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
  }
  .btnType03 a:hover {
    text-decoration: none;
    position: relative;
    top: 1px;
    border: 1px solid #ed729b;
    background: #ffaac6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffaac6 0%, #ed729b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaac6), color-stop(100%,#ed729b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffaac6 0%,#ed729b 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #ffaac6 0%,#ed729b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffaac6 0%,#ed729b 100%); /* W3C */
  }
    .btnType03 a > span {
      display: table-cell;
      padding: 8px 5px;
      text-align: center;
      vertical-align: middle;
      -moz-box-shadow: 0 0 1px rgba(255,255,255,1) inset;
      -webkit-box-shadow: 0 0 1px rgba(255,255,255,1) inset;
      -ms-box-shadow: 0 0 1px rgba(255,255,255,1) inset;
      box-shadow: 0 0 1px rgba(255,255,255,1) inset;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
    }
      .btnType03 a span span {
        position: relative;
        padding: 0 0 0 40px;
        display: inline-block;
      }
      .btnType03 a span span:after {
        content: "";
        width: 32px;
        height: 33px;
        position: absolute;
        left: 0;
        top: 50%;
        margin: -17px 0 0;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -340px;
      }
      .btnType03 a:hover span span:after {
        background-position: -40px -340px;
      }
 
.btnType03.disabled a{ 
  cursor: default !important;
  color: #969696 !important;
  text-shadow:0 1px 0 rgba(255,255,255,1) !important;
  -moz-box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,1) !important;
  -webkit-box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,1) !important;
  box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,1) !important;
  border-color: #bdbbbb !important;
  background: none #e3e3e3 !important;
  top: 0 !important;
}

/* aタグを囲む要素に（新規登録用 緑） */
.btnType04 {
  width: 202px;
  display: inline-block;
}
  .btnType04 a {
    display: table;
    width: 100%;
    font-weight: bold;
    color: #fff;
    line-height: 1.3;
    border: 1px solid #0db62d;
    text-shadow: 0 -1px 1px rgba(0,0,0,.5);
    font-size: 114.3%;
  background: #7af132; /* Old browsers */
    background: -moz-linear-gradient(top,  #7af132 0%, #6ae71e 13%, #01b02f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7af132), color-stop(13%,#6ae71e), color-stop(100%,#01b02f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7af132 0%,#6ae71e 13%,#01b02f 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #7af132 0%,#6ae71e 13%,#01b02f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7af132 0%,#6ae71e 13%,#01b02f 100%); /* W3C */
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
  }
  .btnType04 a:hover {
    text-decoration: none;
    position: relative;
    top: 1px;
  border: 1px solid #3dc557;
    background: #95f35a; /* Old browsers */
    background: -moz-linear-gradient(top,  #95f35a 0%, #87ec4b 13%, #39c259 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95f35a), color-stop(13%,#87ec4b), color-stop(100%,#39c259)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #95f35a 0%,#87ec4b 13%,#39c259 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #95f35a 0%,#87ec4b 13%,#39c259 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #95f35a 0%,#87ec4b 13%,#39c259 100%); /* W3C */
  }
    .btnType04 a > span {
      display: table-cell;
      padding: 8px 5px;
      text-align: center;
      vertical-align: middle;
      -moz-box-shadow: 0 0 1px rgba(255,255,255,1) inset;
      -webkit-box-shadow: 0 0 1px rgba(255,255,255,1) inset;
      -ms-box-shadow: 0 0 1px rgba(255,255,255,1) inset;
      box-shadow: 0 0 1px rgba(255,255,255,1) inset;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
    }
  
.defaultBtn01 {
  width: 302px;
  display: block;
  margin: 30px auto 0;
}
  .defaultBtn01 a{
    font-size: 128.6%;
  }
   .defaultBtn01 a span span{
      padding: 0 0 0 30px;
    }
   .defaultBtn01 a span span:after {
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -160px -690px;
    margin: -9px 0 0;
      width: 16px;
      height: 18px;
      background-position: -80px -290px;
    }
    .defaultBtn01  a:hover span span:after {
      background-position: -120px -290px;
    }

/* buttonタグを囲む要素に（ピンク大） */
.submitType01 button {
  position:relative;
  height:46px;
  border:1px solid #e94f81;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -moz-box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,.26);
  -webkit-box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,.26);
  box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,.26);
  background-color:#e74b7f;
  background-image:-moz-linear-gradient(bottom, #e74b7f 0%, #ff95b8 100%);
  background-image:-o-linear-gradient(bottom, #e74b7f 0%, #ff95b8 100%);
  background-image:-webkit-gradient(linear,left bottom,left top, from(#e74b7f), to(#ff95b8));
  background-image:-webkit-linear-gradient(bottom, #e74b7f 0%, #ff95b8 100%);
  background-image:linear-gradient(to top, #e74b7f 0%, #ff95b8 100%);
  color:#fefefe;
  font-size:142.9%;
  text-shadow:0 -1px 0 rgba(0,0,0,.3);
  font-weight:bold;
  cursor:pointer;
}
.submitType01 button:hover {
  background-color:#ed719a;
  background-image:-moz-linear-gradient(bottom, #ffa9cb 0%, #ed719a 100%);
  background-image:-o-linear-gradient(bottom, #ffa9cb 0%, #ed719a 100%);
  background-image:-webkit-gradient(linear,left bottom,left top, from(#ffa9cb), to(#ed719a));
  background-image:-webkit-linear-gradient(bottom, #ffa9cb 0%, #ed719a 100%);
  background-image:linear-gradient(to top, #ed719a 0%, #ffa9cb 100%);
  border: 1px solid #f589af;
  top:1px;
}
.submitType01 button:active {
  -moz-box-shadow:0 0 0 rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,.26);
  -webkit-box-shadow:0 0 0 rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,.26);
  box-shadow:0 0 0 rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,.26);
  background-image:-moz-linear-gradient(bottom, #ed719a 0%, #ffa9cb 100%);
  background-image:-o-linear-gradient(bottom, #ed719a 0%, #ffa9cb 100%);
  background-image:-webkit-gradient(linear,left bottom,left top, from(#ed719a), to(#ffa9cb));
  background-image:-webkit-linear-gradient(bottom, #ed719a 0%, #ffa9cb 100%);
  background-image:linear-gradient(to top, #ffa9cb 0%, #ed719a 100%);
}

/* buttonタグを囲む要素に（グレー大） */
.submitType02 button[type="submit"],
.submitType02 button[type="button"] {
  cursor: pointer;
  width: 100%;
  padding: 8px 5px;
  font-weight: bold;
  color: #4c4b4b;
  line-height: 1.3;
  text-align: center;
  border: 1px solid #bdbbbb;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
  font-size: 114.3%;
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top,  #f4f4f4 0%, #e0e0e0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #f4f4f4 0%,#e0e0e0 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f4f4f4 0%,#e0e0e0 100%); /* W3C */
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,1) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,1) inset;
  -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,1) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,1) inset;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.submitType02 button[type="submit"]:hover,
.submitType02 button[type="button"]:hover {
  position: relative;
  top: 1px;
  border: 1px solid #c9c9c9;
  color: #6f6f6f;
  background: #f6f6f6; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6f6f6 0%, #e6e6e6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #f6f6f6 0%,#e6e6e6 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f6f6f6 0%,#e6e6e6 100%); /* W3C */
}
  .submitType02 button[type="submit"] > span,
  .submitType02 button[type="button"] > span {
    position: relative;
    padding: 0 0 0 29px;
    display: inline-block;
  }
  .submitType02 button[type="submit"] > span:after,
  .submitType02 button[type="button"] > span:after {
    content: "";
    width: 16px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -9px 0 0;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -80px -290px;
  }
  .submitType02 button[type="submit"]:hover > span:after,
  .submitType02 button[type="button"]:hover > span:after {
    background-position: -120px -290px;
  }
  .submitType02 button[type="submit"] span.inSubTxt {
    display: block;
    font-size: 92.9%;
    margin-top: 2px;
    font-weight: normal;
  }

.submitType01 button:disabled,
.submitType02 button:disabled {
  cursor: default !important;
  color: #969696 !important;
  text-shadow:0 1px 0 rgba(255,255,255,1) !important;
  -moz-box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,1) !important;
  -webkit-box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,1) !important;
  box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,1) !important;
  border-color: #bdbbbb !important;
  background: none #e3e3e3 !important;
  top: 0 !important;
}

/* cornerWrap
--------------------------------------------------------- */
.cornerWrap01 {
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -ms-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}
  .cornerWrap01 .title01 {
    background: #4c4b4b;
    font-weight: bold;
    color: #fff;
    padding: 8px 20px;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -ms-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -ms-border-radius-topright: 4px;
  }
  .cornerContents01 {
    position: relative;
    overflow: hidden;
    border: 1px solid #939393;
    border-top: none;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -ms-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -ms-border-radius-bottomright: 4px;
  }

.cornerNoEntry01 {
  background: #e5e5e5;
  padding: 15px 10px 18px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -ms-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -ms-border-radius-bottomright: 4px;
}
  .cornerNoEntry01 .text {
    width: 450px;
    margin: 0 auto;
    background: #fff;
    padding: 25px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    text-align: center;
    font-size: 107.1%;
  }

.cornerMoreBtn01 {
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  padding: 5px;
  border-top: 1px dotted #c7c7c7;
  background: #e9e9e9;
}
  .cornerMoreBtn01 a {
    width: 302px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin: 0 auto;
  }

/* listWrap
--------------------------------------------------------- */
  .listWrap01 {
  position: relative;
  z-index: 1;
  margin: -1px 0 0;
  border: 1px solid #939393;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}

.listBtn01 {
  background: #4c4b4b;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  display: block;
  min-height: 1%;
}
.listBtn01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .listBtn01 .deleteBtn {
    float: left;
    min-width: 75px;
  }
  .listBtn01 .newMessageBtn {
    float: right;
    min-width: 161px;
  }
    .listBtn01 .deleteBtn button,
    .listBtn01 .newMessageBtn button {
      font-size: 92.9%;
      padding: 3px;
    }
    .listBtn01 .deleteBtn button {
      padding: 4px;
      border: none;
    }
    .listBtn01 .deleteBtn button:hover {
      border: none;
    }
    .listBtn01 .newMessageBtn button {
      font-size: 92.9%;
      padding: 4px 3px;
      border: none;
      color: #e84c80;
      background: #fcfcfc; /* Old browsers */
      background: -moz-linear-gradient(top,  #fcfcfc 0%, #ffcede 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ffcede)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ffcede 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #fcfcfc 0%,#ffcede 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #fcfcfc 0%,#ffcede 100%); /* W3C */
    }
    .listBtn01 .newMessageBtn button:hover {
      border: none;
      color: #ef7fa2;
      background: #fdfcfc; /* Old browsers */
      background: -moz-linear-gradient(top,  #fdfcfc 0%, #ffd9e5 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcfc), color-stop(100%,#ffd9e5)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fdfcfc 0%,#ffd9e5 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #fdfcfc 0%,#ffd9e5 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #fdfcfc 0%,#ffd9e5 100%); /* W3C */
    }
    .listBtn01 .deleteBtn button:disabled,
    .listBtn01 .newMessageBtn button:disabled {
      -moz-box-shadow:0 1px 1px rgba(36,45,51,.25) !important;
      -webkit-box-shadow:0 1px 1px rgba(36,45,51,.25) !important;
      box-shadow:0 1px 1px rgba(36,45,51,.25) !important;
    }
      .listBtn01 .newMessageBtn button span {
        padding: 0 0 0 20px;
      }
      .listBtn01 .newMessageBtn button span:after {
        width: 16px;
        height: 14px;
        margin: -6px 0 0;
        background-position: -200px -690px;
      }
      .listBtn01 .newMessageBtn button:hover span:after {
        background-position: -240px -690px;
      }

/* userList
--------------------------------------------------------- */
.userList01 {
  padding: 18px 20px 25px;
}
  .userList01 ul {
    margin: -25px 0 0 -15px;
    display: block;
    min-height: 1%;
  }
  .userList01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .userList01 ul li {
      float: left;
      width: 224px;
      margin: 25px 0 0 15px;
      position: relative;
    }
    .userList01 ul li:nth-child(3n+1) {
      clear: both;
    }
      .userList01 ul li .image {
        float: left;
      }
        .userList01 ul li .image img {
          float: left;
          border: 1px solid #a4a4a4;
          border-radius: 6px;
          -moz-border-radius: 6px;
          -webkit-border-radius: 6px;
          -ms-border-radius: 6px;
        }
      .userList01 ul li .textWrap {
        float: right;
        width: 142px;
      }
        .userList01 ul li .textWrap .name {
          font-size: 92.9%;
          word-break: break-all;
        }
        .userList01 ul li .textWrap .text01 {
          font-size: 78.6%;
          margin-top: 5px;
          color: #666;
        }
        .userList01 ul li .textWrap .text02 {
          font-size: 85.7%;
          margin-top: 5px;
          color: #666;
        }

/* attentionNotesWrap
--------------------------------------------------------- */
.attentionNotesWrap01 {
  margin: 15px 0 0;
  border: 1px solid #f1bcbc;
  background: #ffdfdf;
  padding: 15px 10px 18px 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
  .attentionNotesWrap01 .title {
    margin: 0 0 12px;
    padding: 0 0 0 30px;
    font-weight: bold;
    position: relative;
  }
  .attentionNotesWrap01 .title:before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -11px 0 0;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -150px 0;
  }

  .attentionNotesWrap01 ul {
}
  .attentionNotesWrap01 ul li {
    line-height: 1.6;
    margin: 0;
    font-size: 100%;
    padding-bottom: 3px;
  }
  .attentionNotesWrap01 ul li:last-child {
    padding-bottom: 0;
  }

/* global sign
--------------------------------------------------------- */
.globalSignSec01 {
  padding: 19px 19px 22px 30px;
}
  .globalSignSec01 .bnr {
    float: left;
    margin: 0 20px 0 0;
  }
  .globalSignSec01 .text {
    overflow: hidden;
    font-size: 85.7%;
  }

/* 新着アイコン
--------------------------------------------------------- */
.iconNewType01:after,
.iconNewType02:after,
.rankingList01 .iconNewType01:after,
.rankingList01 .iconNewType02:after{
  content: "";
  position: absolute;
}
.iconNewType01:after,
.rankingList01 .iconNewType01:after{
  width: 44px;
  height: 34px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -1010px -690px;
  right: -15px;
  top: -15px;
}
.iconNewType02:after,
.rankingList01 .iconNewType02:after{
  width: 36px;
  height: 27px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -1110px -690px;
  right: -12px;
  top: -12px;
}

.rankingList01 .iconNewType01,
.rankingList01 .iconNewType02,
.gameList01 .iconNewType01,
.gameList01 .iconNewType02{
  position: relative;
}


/* modal window
--------------------------------------------------------- */
#modalMask {
  display: block;
  background: #fff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#modalWindowWrap {
  text-align: left;
  padding: 13px 15px 15px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  background: #444343;
  left: 50%;
  margin-left: -300px;
  position: absolute;
  top: 40px;
  width: 570px;
  z-index: 1000;
  -moz-box-shadow: 2px 3px 3px rgba(12, 3, 7, 0.4);
  -webkit-box-shadow: 2px 3px 3px rgba(12, 3, 7, 0.4);
  -ms-box-shadow: 2px 3px 3px rgba(12, 3, 7, 0.4);
  box-shadow: 2px 3px 3px rgba(12, 3, 7, 0.4);
  -moz-animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -moz-animation-name: fadein;
  -webkit-animation-name: fadein;
  -o-animation-name: fadein;
  animation-name: fadein;
}
  #modalWindowWrap .titleWrap01 {
    padding: 0 45px 0 2px;
    margin: 0 0 12px;
    color: #fff;
    position: relative;
    display: block;
    min-height: 1%;
  }
  #modalWindowWrap .titleWrap01:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    #modalWindowWrap .titleWrap01 .title01 {
      float: left;
      font-size: 142.9%;
    }
    #modalWindowWrap .titleWrap01 .title02 {
      float: right;
      font-size: 100%;
      padding: 4px 18px;
      background: #292929; /* Old browsers */
      background: -moz-linear-gradient(top,  #292929 0%, #383838 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#383838)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #292929 0%,#383838 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #292929 0%,#383838 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #292929 0%,#383838 100%); /* W3C */
      -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.1) inset;
      -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.1) inset;
      -ms-box-shadow: 0 -1px 0 rgba(255,255,255,.1) inset;
      box-shadow: 0 -1px 0 rgba(255,255,255,.1) inset;
      border-radius: 20px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
    }
    #modalWindowWrap .titleWrap01 .close {
      position: absolute;
      right: 0;
      top: 0;
    }
      #modalWindowWrap .titleWrap01 .close a {
        position: relative;
        display: block;
        height: 30px;
        width: 30px;
        overflow: hidden;
        text-indent: -9999px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 6px -383px #292929; /* Old browsers */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 6px -383px, -moz-linear-gradient(top,  #292929 0%, #383838 100%); /* FF3.6+ */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 6px -383px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#383838)); /* Chrome,Safari4+ */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 6px -383px, -webkit-linear-gradient(top,  #292929 0%,#383838 100%); /* Chrome10+,Safari5.1+ */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 6px -383px, -ms-linear-gradient(top,  #292929 0%,#383838 100%); /* IE10+ */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 6px -383px, linear-gradient(to bottom,  #292929 0%,#383838 100%); /* W3C */
        -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.1) inset;
        -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.1) inset;
        -ms-box-shadow: 0 -1px 0 rgba(255,255,255,.1) inset;
        box-shadow: 0 -1px 0 rgba(255,255,255,.1) inset;
      }
      #modalWindowWrap .titleWrap01 .close a:hover {
        position: relative;
        top: 1px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -34px -383px #2e2e2e; /* Old browsers */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -34px -383px, -moz-linear-gradient(top,  #2e2e2e 0%, #3a3a3a 100%); /* FF3.6+ */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -34px -383px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e2e), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -34px -383px, -webkit-linear-gradient(top,  #2e2e2e 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -34px -383px, -ms-linear-gradient(top,  #2e2e2e 0%,#3a3a3a 100%); /* IE10+ */
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -34px -383px, linear-gradient(to bottom,  #2e2e2e 0%,#3a3a3a 100%); /* W3C */
      }
   
#modalWindowWrap .titleWrap02 .title01 {
 background: #e5e5e5 none repeat scroll 0 0;
 border: 1px solid #c7c7c7;
 padding: 10px;
} 

  #modalContentsWrap {
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3) inset;
    -ms-box-shadow: 0 0 3px rgba(0,0,0,.3) inset;
    box-shadow: 0 0 3px rgba(0,0,0,.3) inset;
    background: #fcfcfc;
  }
    #modalContents {
      padding: 20px;
    }

.modalNotes01 {
  margin: 20px 0 0;
  display: table;
  width: 100%;
}
  .modalNotes01 .text {
    display: table-cell;
    font-size: 78.6%;
    padding: 12px;
    background: #e9e9e9;
    -moz-box-shadow: 3px -3px 3px -3px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 3px -3px 3px -3px rgba(0,0,0,.3) inset;
    -ms-box-shadow: 3px -3px 3px -3px rgba(0,0,0,.3) inset;
    box-shadow: 3px -3px 3px -3px rgba(0,0,0,.3) inset;
  }
  .modalNotes01 .link {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
    font-size: 78.6%;
    padding: 12px;
    white-space: nowrap;
    background: #e9e9e9;
    -moz-box-shadow: -3px -3px 3px -3px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: -3px -3px 3px -3px rgba(0,0,0,.3) inset;
    -ms-box-shadow: -3px -3px 3px -3px rgba(0,0,0,.3) inset;
    box-shadow: -3px -3px 3px -3px rgba(0,0,0,.3) inset;
  }
    .modalNotes01 .link a {
      text-decoration: underline;
    }
    .modalNotes01 .link a:hover {
      text-decoration: none;
    }
 .modalNotes01 + .modalNotes01{
    border-top: 1px solid #c7c7c7;
  }
  .modalNotes02{
    padding: 12px;
    background: #e9e9e9;
    font-size: 85.7%
  }

#modalWindowWrap iFrame {
  border: none;
}

#modalContentsIframeWrap{
  line-height: 0;
}

@-moz-keyframes fadein {
0% {
-moz-transform: scale(0);
opacity: 0.0;
}
70% {
-moz-transform: scale(1);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}

@-webkit-keyframes fadein {
0% {
-webkit-transform: scale(0);
opacity: 0.0;
}
70% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}

@-o-keyframes fadein {
0% {
-o-transform: scale(0);
opacity: 0.0;
}
70% {
-o-transform: scale(1);
opacity: 1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}

@keyframes fadein {
0% {
transform: scale(0);
opacity: 0.0;
}
70% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}

/* コインキャンペーン */
.modalCampaignCoinWrap01 #modalContentsWrap{
  height:331px;
  position:relative;
}

.modalCampaignCoinWrap01 #modalContentsWrap a{
  background: url(../../img/contents_pc/campaign/summer1707/btn_modal_01.png) no-repeat 0 0;
  width:194px;
  height:0;
  font-size:10px;
  padding-top:43px;
  white-space:nowrap;
  text-indent:100%;
  overflow:hidden;
  display:block;
  position:absolute;
  bottom:7px;
  left:188px;
}

/* フォーム
--------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select{
padding:5px;
font-size:12px;
vertical-align:middle;
}

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

::-webkit-input-placeholder{ color:#666;}
::-moz-placeholder{ color:#666;}

/* radioType01 */
.radioType01 input {
  display: none;
}
.radioType01 label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 25px;
  cursor: pointer;
}
.radioType01 label:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -80px -390px;
  position: absolute;
  left: 0;
  top: 0.1em;
}
.radioType01 input[type="radio"]:checked + label:before,
.radioType01 label.active:before {
  background-position: -120px -390px;
}

/* radioType02 */
.radioType02 {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  width: 220px;
}
.radioType02 input {
  display: none;
}
.radioType02 label,
.radioType02 a {
  font-size: 85.7%;
  display: table-cell;
  padding: 4px 10px;
  cursor: pointer;
  border: 1px solid #c7c7c7;
  vertical-align: middle;
  text-align: center;
  background: #f7f7f7; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%); /* W3C */
  border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
  color: #333;
  text-decoration: none;
}
.radioType02 label:last-child,
.radioType02 a:last-child{
  border-left: none;
  border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
}
.radioType02 input[type="radio"]:checked + label,
.radioType02 label.active {
  color: #e84c80;
  background: none #fff;
}
.radioType02 a:active,
.radioType02 a.active{
  color: #e84c80;
  background: none #fff;
}

/* checkType01 */
.checkType01 input {
  display: none;
}
.checkType01 label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 25px;
  cursor: pointer;
}
.checkType01 label:before {
  content: "";
  width: 20px;
  height: 19px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -280px -290px;
  position: absolute;
  left: 0;
  top: -0.3em;
}
.checkType01 input[type="checkbox"]:checked + label:before,
.checkType01 label.active:before {
  background-position: -320px -290px;
}

/* selectType01 */
select.selectType01 {
  height: 37px;
  border: 1px solid #2f2f2f;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}
.formTable02 select.selectType01 {
  font-size: 114.3%;
}

/* inputTxtType01 */
input[type="text"].inputTxtType01,
input[type="email"].inputTxtType01,
input[type="password"].inputTxtType01,
input[type="number"].inputTxtType01,
input[type="tel"].inputTxtType01{
  width: 100%;
  border: 1px solid #2f2f2f;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 7px 10px;
  font-size: 87.5%;
}
.formFixTable01 input[type="text"].inputTxtType01,
.formFixTable01 input[type="email"].inputTxtType01,
.formFixTable01 input[type="password"].inputTxtType0,
.formFixTable01 input[type="number"].inputTxtType01,
.formFixTable01 input[type="tel"].inputTxtType01 {
width: 437px;
}

.formTable02 input[type="text"].inputTxtType01,
.formTable02 input[type="email"].inputTxtType01,
.formTable02 input[type="password"].inputTxtType01,
.formTable02 input[type="number"].inputTxtType01,
.formTable02 input[type="tel"].inputTxtType01 {
  font-size: 100%;
  padding: 10px;
}

/* textareaType01 */
.textareaType01 {
  width: 436px;
  height: 113px;
  border: 1px solid #2f2f2f;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 7px 10px;
  font-size: 87.5%;
}
.formTable02 .textareaType01 {
  font-size: 100%;
}

.textCount01 {
  margin: 0 0 0 10px;
  font-size: 75.0%;
  vertical-align: bottom;
}
.formTable02 .textCount01 {
  font-size: 85.7%;
}
.textCount01.error {
  color: #c00;
}

.errorTxt01 {
  position: relative;
  font-size: 75.0%;
  color: #c00;
  padding: 7px 10px 7px 40px;
  border: 1px solid #f1bcbc;
  background: #ffdfdf;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.formTable02 .errorTxt01 {
  font-size: 85.7%;
}
.globalError01 .errorTxt01:before {
  top:5px;
}
.globalError01 .errorTxt01{
  font-size:92.9%;
  margin: 25px 0 0;
}
.errorTxt01:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 4px;
  width: 22px;
  height: 22px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -150px 0;
}

.formNotesTxt01 {
  padding: 7px 8px;
  font-size: 75.0%;
  color: #666;
  background: #f8f8f8;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}
.formTable02 .formNotesTxt01 {
  font-size: 85.7%;
}

.formTable02 .formNotesList01 {
  padding: 7px 8px;
  font-size: 85.7%;
  color: #666;
  background: #f8f8f8;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}
 .formNotesList01 li{
    text-indent:-1em;
    padding-left:1em;
 }

.importantTxt01 {
  line-height: 1.7;
  position: relative;
  font-size: 85.7%;
  padding: 15px 20px 20px 40px;
  border: 1px solid #f1bcbc;
  background: #ffdfdf;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.importantTxt01:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 13px;
  width: 22px;
  height: 22px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -150px 0;
}

.formIn01{
 width: 437px;
}

.plainTxt {
  padding: 8px 0;
}

/* 必須 */
.needTxt01{
  color:#cc0000;
  font-size:12px;
}

/* ボタン */
.editBtnList01 {
  margin: 20px 0 0;
  padding: 0 0 10px;
  position: relative;
  overflow: hidden;
}
  .editBtnList01 ul {
    position: relative;
    left: 50%;
    float: left;
  }
    .editBtnList01 ul li {
      position: relative;
      left: -50%;
      float: left;
      width: 202px;
      margin: 0 15px 0 0;
    }
    .editBtnList01 ul li:last-child {
      margin: 0;
    }
      .editBtnList01 ul li button {
        width: 100%;
        height: 42px;
        padding: 8px;
        font-size: 128.6%;
        line-height: 1.3;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
      }
      .editBtnList01 ul li a {
        font-size: 128.6%;
      }
      .editBtnList01 ul li.btnType02 a {
        color: #52aebb;
      }
      .editBtnList01 ul li span{
        height:24px;
      }
      .editBtnList01 ul li.btnType02 a:hover {
        color: #75bec9;
      }
      .editBtnList01 ul li.submitType02 button {
        font-size: 128.6%;
        color: #52aebb;
      }
      .editBtnList01 ul li.submitType02 button:hover {
        color: #75bec9;
      }

.editTerms01 {
  margin: 20px 0 0;
  font-size: 92.9%;
}

.editBtn01 {
  margin: 20px 0 0;
  text-align: center;
  padding: 0 0 10px;
}
  .editBtn01 button {
    width: 302px;
    height: 42px;
    font-size: 128.6%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

/* ジャンル
--------------------------------------------------------- */

.tag li {
  float: left;
  padding: 2px 8px;
  line-height: 1.3;
  font-size: 78.6%;
  color: #fff;
  background: #626262;
  text-shadow: 0px -1px 0 rgba(7,0,2,.1);
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
}
.tag li.genre_02 { background: #319baa;}
.tag li.genre_03 { background: #e84c80;}


/* バッジ ※表示位置は各所で個別指定
--------------------------------------------------------- */
.badge{display:table;}
.badge span{
display:table-cell;
width:12px;
height:18px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background-color:#e74b7f;
-moz-box-shadow:0 1px 1px #070001, inset 0 1px 1px rgba(255,255,255,.5);
-webkit-box-shadow:0 1px 1px #070001, inset 0 1px 1px rgba(255,255,255,.5);
box-shadow:0 1px 1px #070001, inset 0 1px 1px rgba(255,255,255,.5);
background-image:-moz-linear-gradient(bottom, #d02e64 0%, #e74b7f 44%, #e74b7f 100%);
background-image:-o-linear-gradient(bottom, #d02e64 0%, #e74b7f 44%, #e74b7f 100%);
background-image:-webkit-gradient(linear,left bottom, left top, from(#d02e64), color-stop(0.44, #e74b7f), to(#e74b7f));
background-image:-webkit-linear-gradient(bottom, #d02e64 0%, #e74b7f 44%, #e74b7f 100%);
background-image:linear-gradient(bottom, #d02e64 0%, #e74b7f 44%, #e74b7f 100%);
color:#ffffff;
font-size:12px;
font-weight:bold;
text-shadow:0px 1px 0px rgba(7,0,2,.3);
padding:0 3px 0 3px;
text-align:center;
vertical-align:middle;
line-height:18px;
}

/* ローディング
-------------------------------------------------------------------------------------- */

/* ハートローディング */
.loading_box_01{
display:block;
width:100%;
height:23px;/* 40pxでボタン式と一緒 */
padding:9px 0 8px;
background-color:#dddddd;
border-top:1px solid #c0c0c0;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
}

#loaderImage,
.loaderImage{
display:block;
width:180px;
height:23px;
margin:0 auto;
text-indent:-9999px;
overflow:hidden;
}

/* ハートローディング：簡易ポップアップ版 */

.status_change_loading{position:relative;}
.loading_box_02{
position:absolute;
top:50%;
display:block;
width:180px;
left:50%;
margin-top:-20px;
margin-left:-95px;
padding:9px 10px 8px;
background-color:#dddddd;
z-index:9999;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.loading_box_02 #loaderImage,
.loading_box_02 .loaderImage{
display:block;
width:180px;
height:23px;
margin:0 auto;
text-indent:-9999px;
overflow:hidden;
}

/* タブ */

.listTab01 {
  position: relative;
  z-index: 2;
  padding: 0 11px;
  display: block;
  min-height: 1%;
}
.listTab01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .listTab01 li {
    float: left;
    margin: 0 10px 0 0;
  }
    .listTab01 li a {
      color: #4c4b4b;
      text-align: center;
      display: block;
      min-width: 180px;
      border: 1px solid #4c4b4b;
      padding: 6px 10px;
      background: #e9e9e9;
      border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -webkit-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
    }
    .listTab01 li a.active {
      text-decoration: none;
      color: #fff;
      border-color: #939393;
      border-bottom: none;
      padding: 6px 10px 7px;
      background: #4c4b4b;
    }

.listTab02 {
  position: relative;
  z-index: 2;
  padding: 0 11px;
  display: block;
  min-height: 1%;
}

.listTab02:before {
  content:"";
  display: block;
  border-bottom : 1px solid #939393;
  position: absolute;
  bottom: 0;
  left:0;
  width:100%;
  z-index:1;
}

.listTab02:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .listTab02 li {
    float: left;
    margin: 0 10px 0 0;
  }
    .listTab02 li a {
      color: #fff;
      text-align: center;
      display: block;
      min-width: 180px;
      border: 1px solid #939393;
      padding: 6px 10px;
      background: #939393;
      border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -webkit-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      z-index:100;
      position:relative;
    }
    .listTab02 li a.active {
      text-decoration: none;
      color: #e84c80;
      border-bottom: none;
      padding: 6px 10px 7px;
      background: #fcfcfc;
    }

/* レコメンド
--------------------------------------------------------- */
  .recommendGame01 {
    position: relative;
    overflow: hidden;
    padding: 55px 10px 15px;
  }
  .recommendGame01.rankingWrap {
    padding: 65px 10px 15px;
  }
    .recommendGame01 ul {
      position: relative;
      left: 50%;
      float: left;
    }
      .recommendGame01 ul li {
        position: relative;
        left: -50%;
        float: left;
        width: 242px;
        margin: 0 30px 0 0;
      }
      .recommendGame01 ul li:last-child {
        margin: 0;
      }
      .recommendGame01 li .number {
        text-shadow: 0px -1px 0 rgba(0,0,0,.3);
        text-align: center;
        color: #fff;
        font-weight: bold;
        z-index: 2;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        position: absolute;
        left: 13px;
        top: -23px;
        width: 39px;
        height: 40px;
        padding: 8px 6px 0 0;
        font-size: 121.4%;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -240px -890px;
      }
      .recommendGame01 li:nth-child(1) .number,
      .recommendGame01 li:nth-child(2) .number,
      .recommendGame01 li:nth-child(3) .number {
        left: 7px;
        top: -29px;
        width: 72px;
        height: 46px;
        padding: 16px 15px 0 0;
        font-size: 142.9%;
      }
      .recommendGame01 li:nth-child(1) .number { background-position: 0 -890px;}
      .recommendGame01 li:nth-child(2) .number { background-position: -80px -890px;}
      .recommendGame01 li:nth-child(3) .number { background-position: -160px -890px;}
      .recommendGame01 li a {
        display: block;
        position: relative;
        z-index: 1;
        padding: 18px 18px 8px;
        border: 1px solid #bdbbbb;
        -moz-box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
        -webkit-box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
        -ms-box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
        box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -ms-border-radius: 6px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 25%, #f2f2f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 25%,#f2f2f2 100%); /* W3C */
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
      }
      .recommendGame01 li a .image {}
      .recommendGame01 li a .text {
        margin: 8px 0 0;
        font-size: 107.1%;
        line-height: 1.3;
        min-height: 45px;
      }

.recommendGameWrap01 {
  background: #fff;
  -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.3);
  -ms-box-shadow: 0 -1px 1px rgba(0,0,0,.3);
  box-shadow: 0 -1px 1px rgba(0,0,0,.3);
  position: relative;
}
  .recommendGameWrap01 .titleRecommend {
    position: absolute;
    left: -20px;
    top: -10px;
    width: 922px;
    height: 51px;
    padding: 12px 0 0 60px;
    font-weight: bold;
    font-size: 128.6%;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -1460px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

.recommendGame02 {
  margin:0 auto;
  padding: 55px 0 15px;
  width:745px;
  text-align:center;
}
 .recommendGame02 .appIndexMainSlideWrap01 {
    background:#e5e5e5;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
  }

/* ==================================================================================================================
   個別設定
================================================================================================================== */

/* 1 PC_payment_confirm
--------------------------------------------------------- */
.appsIframeWrap01 {
  padding: 40px 0 140px;
  line-height: 1;
  font-size: 0;
}
  .appsIframeWrap01 iframe {
    text-align: left;
    margin:0 auto;
    display:block;
  }

.appsStartTab01 {
  width: 100%;
  display: table;
  table-layout: fixed;
}
  .appsStartTab01 li {
    display: table-cell;
  }
    .appsStartTab01 li a {
      display: block;
      color: #4c4b4b;
      border: 1px solid #c7c7c7;
      border-right: none;
      padding: 10px;
      text-align: center;
      font-size: 92.9%;
      text-shadow: 0 2px 2px rgba(255,255,255,.75);
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%); /* W3C */
      -moz-box-shadow: 2px 0 2px -1px rgba(0,0,0,.1);
      -webkit-box-shadow: 2px 0 2px -1px rgba(0,0,0,.1);
      -ms-box-shadow: 2px 0 2px -1px rgba(0,0,0,.1);
      box-shadow: 2px 0 2px -1px rgba(0,0,0,.1);
    }
    .appsStartTab01 li:first-child a {
      border-radius: 5px 0 0 5px;
      -moz-border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      -ms-border-radius: 5px 0 0 5px;
    }
    .appsStartTab01 li:last-child a {
      border: 1px solid #c7c7c7;
      border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
      -ms-border-radius: 0 5px 5px 0;
    }
      .appsStartTab01 li a span {
        display: inline-block;
        padding: 0 20px 0 0;
        position: relative;
      }
      .appsStartTab01 li a span:after,
      .appsStartTab01 li.active a span:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 14px;
        height: 14px;
        margin: -7px 0 0;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -200px -290px;
      }
      .appsStartTab01 li a span:after {
        background-position: -200px -290px;
      }
      .appsStartTab01 li a.active span:after {
        background-position: -240px -290px;
      }
.appsStartTabContentsWrap01 {
  position: relative;
  margin: -1px 0 0;
  padding: 14px;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -ms-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  background: #fff;
}
.appsStartTabContentsWrap01:before {
  content: "";
  position: absolute;
  left: 123px;  
  top: -10px;
  border-width: 0 10px 10px;
  border-color: transparent transparent #c7c7c7;
  border-style: solid;
}
.appsStartTabContentsWrap01.active01:before { left: 123px;}
.appsStartTabContentsWrap01.active02:before { left: 398px;}
.appsStartTabContentsWrap01.active03:before { left: 663px;}

.appsStartTabContentsWrap01:after {
  content: "";
  position: absolute;
  left: 123px;
  top: -9px;
  border-width: 0 10px 10px;
  border-color: transparent transparent #fff;
  border-style: solid;
}
.appsStartTabContentsWrap01.active01:after {  left: 123px;}
.appsStartTabContentsWrap01.active02:after {  left: 398px;}
.appsStartTabContentsWrap01.active03:after {  left: 663px;}

  .appsStartContents01 {
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
    padding: 12px 23px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
  }

  .appsStartSettingLogin01 .text {
   font-size: 85.7%;
 }
 .appsStartSettingLogin01 .text.regist {
  border-top: 1px dotted #c7c7c7;
   padding: 10px 0 0;
  margin-top: 10px;
  display: block;
  min-height: 1%;
 }
 .appsStartSettingLogin01 .defaultBtn01 {
  margin: 10px auto 0;
 }

.appsStartSetting01 {
}
  .appsStartSetting01 th {
    font-size: 85.7%;
    padding: 0 15px 12px 0;
    vertical-align: middle;
  }
  .appsStartSetting01 td {
    padding: 0 0 12px;
    vertical-align: middle;
    position: relative;
  }

.appsStartSettingNotes01 {
  font-size: 85.7%;
  border-top: 1px dotted #c7c7c7;
  padding: 10px 0 0;
  display: block;
  min-height: 1%;
}
.appsStartSettingNotes01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .appsStartSettingNotes01 .mail {
    float: left;
  }
  .appsStartSettingNotes01 .delete {
    float: right;
  }

.appsStartContact01 .text {
  font-size: 85.7%;
}
.appsStartContact01 .btnType02 {
  margin: 18px auto 0;
  display: block;
  width: 302px;
}
  .appsStartContact01 .btnType02 a > span {
    padding: 8px 28px;
  }
    .appsStartContact01 .btnType02 a > span span {
      padding: 0 0 0 22px;
      display: block;
    }
    .appsStartContact01 .btnType02 a > span span:after {
      background-position: -80px -290px;
      width: 16px;
      height: 18px;
      margin: -9px 0 0;
    }
    .appsStartContact01 .btnType02 a:hover span:after {
      background-position: -120px -290px;
    }

.appsStartRecommend01 {
  padding: 16px 6px 15px;
  background:#fff;
}
  .appsStartRecommend01 ul {
    display: block;
    min-height: 1%;
  }
  .appsStartRecommend01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .appsStartRecommend01 ul li {
      float: left;
      margin: 0 21px 0 0;
      width: 136px;
      text-align: center;
      font-size: 92.9%;
    }
    .appsStartRecommend01 ul li:last-child {
      margin: 0;
    }
      .appsStartRecommend01 ul li .image {
        margin: 0 0 8px;
      }

.appsStartShare01 {
  padding: 10px 20px;
  background:#f8f8f8;
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
  -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
}
  .appsStartShare01 ul {
    text-align: center;
  }
    .appsStartShare01 ul li {
      text-align: left;
      display: inline-block;
      padding: 0 0 0 20px;
      position: relative;
      line-height: 1.2;
    }
    .appsStartShare01 ul li:last-child {
      margin: 0;
    }
      .appsStartShare01 ul li a {
        display: block;
        width: 43px;
        height: 43px;
        text-indent:100%;
        white-space:nowrap;
        overflow:hidden;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 0;
      }
      .appsStartShare01 ul li.bookmark a { background-position: 0 -690px;}
      .appsStartShare01 ul li.twitter a { background-position: 0 -740px;}
      .appsStartShare01 ul li.facebook a { background-position: 0 -790px;}

.appsStartInfo {
  padding: 8px 20px;
  background: #2d2d2d;
  color: #fcfcfc;
  z-index: 3;
  position: relative;
}

.appsStartInfo p::before {
  content: "News";
  display: inline-block;
  padding: 3px 4px;
  line-height: 1;
  background: #e84c80;
  border-radius: 2px;
  margin-right: 5px;
  font-size: 85.7%;
  vertical-align: baseline;
}

.appsStartInfo p a {
  color: #fff;
  font-size: 92.9%;
}

/* 11 PC_app_suspend
--------------------------------------------------------- */
.appSuspendGame01 {
  display: table;
  width: 100%;
}
  .appSuspendGame01 .image {
    display: table-cell;
    width: 200px;
    padding: 0 17px 0 0;
  }
    .appSuspendGame01 .image img {
      max-width: 200px;
    }
  .appSuspendGame01 .textWrap {
    display: table-cell;
    vertical-align: middle;
    text-shadow: 0 1px 1px rgba(255,255,255,1);
    font-size: 128.6%;
    line-height: 1.2;
  }
    .appSuspendGame01 .textWrap .name {
      font-weight: bold;
      font-size: 122.2%;
      margin: 0 0 20px;
    }

.appSuspendTxt01 {
  font-size: 128.6%;
  margin: 10px 0 0;
}

.appSuspendBtn01 {
  margin: 20px 0 0;
  padding: 0 0 5px;
  position: relative;
  overflow: hidden;
}
  .appSuspendBtn01 ul {
    position: relative;
    left: 50%;
    float: left;
  }
    .appSuspendBtn01 ul li {
      position: relative;
      left: -50%;
      float: left;
      width: 202px;
      margin: 0 15px 0 0;
    }
    .appSuspendBtn01 ul li:last-child {
      margin: 0;
    }
      .appSuspendBtn01 ul li button {
        width: 100%;
        height: 42px;
        padding: 8px;
        font-size: 128.6%;
        line-height: 1.3;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
      }
      .appSuspendBtn01 ul li a {
        font-size: 128.6%;
        color: #52aebb;
      }
      .appSuspendBtn01 ul li a:hover {
        color: #75bec9;
      }
        .appSuspendBtn01 ul li a span {
          height: 24px;
        }

/* 12 PC_app_suspended
--------------------------------------------------------- */
.appSuspendedGame01 {
  display: table;
  width: 100%;
  border-collapse: separate;
  background: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}
  .appSuspendedGame01 .image {
    display: table-cell;
    padding: 10px 15px 10px 13px;
    width: 140px;
  }
  .appSuspendedGame01 .name {
    display: table-cell;
    padding: 10px 10px 10px 0;
    font-size: 114.3%;
    vertical-align: middle;
  }

/* 13 PC_app_top
--------------------------------------------------------- */
.appToptextWrap{
  padding: 8px 20px;
  background: #2d2d2d;
  color: #fcfcfc;
  z-index: 3;
  position: relative;
  }
 .appTopTopicpass01{
   font-size: 85.7%;
 }
 .appTopTopicpass01 li{
  display: inline-block;
  color: #ededed;
 }
 .appTopTopicpass01 li a{
  color: #ededed;
 }
 .appTopTopicpass01 li:after{
  display: inline-block;
    content:">";
    padding: 0 10px;
 }
 .appTopTopicpass01 li:last-child:after{
    content:"";
  }
  
.appTopMainimg01 {
  height: 550px;
}
  .appTopMainimgIn01 {
    margin: 0 auto;
    position: relative;
    width: 904px;
  }
    .appTopMainimg01 .appTopMainimgIn01 .btn {
      position: absolute;
      top: 147px;
      right: 54px;
    }
      .appTopMainimg01 .appTopMainimgIn01 .btn a {
        display: block;
        overflow: hidden;
        text-indent: -9999px;
      }

#appTopContents {
  width: 904px;
  margin: -180px auto 0;
  padding: 0 0 60px;
}
  #appTopContents #main {
    float: none;
    width: auto;
    padding: 0;
  }

.appTopNavi01 {
  display: block;
  min-height: 1%;
}
.appTopNavi01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .appTopNavi01 li {
    float: left;
    width: 178px;
  }
  .appTopNavi01 li.navi01 { width: 183px;}
  .appTopNavi01 li.navi05 { width: 187px;}
    .appTopNavi01 li a {
      display: block;
      height: 52px;
      overflow: hidden;
      text-indent: -9999px;
    }
    .appTopNavi01 li.navi01 a { background-position: 0 0;}
    .appTopNavi01 li.navi02 a { background-position: -183px 0;}
    .appTopNavi01 li.navi03 a { background-position: -361px 0;}
    .appTopNavi01 li.navi04 a { background-position: -539px 0;}
    .appTopNavi01 li.navi05 a { background-position: -717px 0;}
    
    .appTopNavi01 li.navi01 a:hover,
    .appTopNavi01 li.navi01 a.active { background-position: 0 -52px;}
    .appTopNavi01 li.navi02 a:hover,
    .appTopNavi01 li.navi02 a.active { background-position: -183px -52px;}
    .appTopNavi01 li.navi03 a:hover,
    .appTopNavi01 li.navi03 a.active { background-position: -361px -52px;}
    .appTopNavi01 li.navi04 a:hover,
    .appTopNavi01 li.navi04 a.active { background-position: -539px -52px;}
    .appTopNavi01 li.navi05 a:hover,
    .appTopNavi01 li.navi05 a.active { background-position: -717px -52px;}

.appTopContent01 {
  position: relative;
  width: 840px;
  padding: 15px 30px 22px;
  background: #fff;
  margin: -2px auto 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
  -ms-box-shadow: 0 0 4px rgba(0,0,0,.1);
  box-shadow: 0 0 4px rgba(0,0,0,.1);
}
.appTopContent01#appContents01 { padding-top: 22px;}
.appTopContent01:before {
  content: "";
  position: absolute;
  top: -11px;
  width: 20px;
  height: 11px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -280px 0;
}
.appTopContent01#appContents01:before { left: 84px;}
.appTopContent01#appContents02:before { left: 263px;}
.appTopContent01#appContents03:before { left: 435px;}
.appTopContent01#appContents04:before { left: 618px;}
.appTopContent01#appContents05:before { left: 795px;}

.appTopSlideWrap01 {
  padding: 0 50px;
  position: relative;
}
  .appTopSlide01 {
    overflow: hidden;
  }
    .appTopSlide01 ul {
      width: 9999px;
      display: block;
      min-height: 1%;
    }
    .appTopSlide01 ul:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      .appTopSlide01 ul li {
        float: left;
        margin: 0 20px 0 0;
        padding: 0 0 2px;
      }
        .appTopSlide01 ul li img {
          -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
          -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
          -ms-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
          box-shadow: 1px 1px 1px rgba(0,0,0,.25);
        }
        .appTopSlide01 ul li a{
          cursor: url(../../img/contents_pc/common/ico_cursor01.png), pointer;
        }
        .appTopSlide01 ul li a:hover img {
          filter: alpha(opacity=80);
          -moz-opacity: 0.8;
          opacity: 0.8;
        }
  .appTopSlidePrev01 a,
  .appTopSlideNext01 a {
    position: absolute;
    top: 50%;
    margin: -25px 0 0;
    display: block;
    width: 35px;
    height: 35px;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
  }
  .appTopSlidePrev01 a {
    left: 0;
    background-position: -80px -690px;
  }
  .appTopSlideNext01 a {
    right: 0;
    background-position: -80px -740px;
  }
  .appTopSlidePrev01 a:hover {
    margin: -24px 0 0;
    background-position: -120px -690px;
  }
  .appTopSlideNext01 a:hover {
    margin: -24px 0 0;
    background-position: -120px -740px;
  }
.appTopSlideCount01{
  display:block;
  text-align:center;
}
.appTopSlideCount01 li{
  vertical-align:top;
  cursor: pointer;
 display: inline-block;
 height: 10px;
 width: 10px;
  position:relative;
  color: transparent;
 margin: 10px 2px 0;
  font-size:1px;
  line-height:1;
}
.appTopSlideCount01 li:before{
  display:block;
  content:"";
 background: #474747;
  opacity:0.25;
 border-radius: 4px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
 cursor: pointer;
 display: inline-block;
 height: 8px;
 width: 8px;
  position:absolute;
  left:0;
  top:0;
}
.appTopSlideCount01 li.active:before,
.appTopSlideCount01 li:hover:before,
.appTopSlideCount01 li.current:before{
  opacity:1;
}
.appTopIntro01 {
  margin: 15px 0 0;
  padding: 10px 26px 20px;
}
  .appTopIntroTitle01 {
    display: table;
  }
    .appTopIntroTitle01 .icon {
      display: table-cell;
      padding: 0 12px 0 0;
      vertical-align: top;
    }
    .appTopIntroTitle01 .titleWrap {
      display: table-cell;
      padding: 0 30px 0 0;
      vertical-align: middle;
    }
    .appTopIntroTitle01 .title {
      font-size: 128.6%;
      margin-bottom: 5px;
    }
      .appTopIntroTitle01 .tag ul {
        margin: -2px 0 0;
        display: block;
        min-height: 1%;
      }
      .appTopIntroTitle01 .tag ul:after {
        clear: both;
        content:".";
        display: block;
        height: 0;
        visibility: hidden;
      }
        .appTopIntroTitle01 .tag ul li {
          margin: 2px 4px 0 0;
        }

  .appTopIntroTxt01 {
    margin: 15px 0 0;
    font-size: 92.9%;
    line-height: 1.7;
  }

.appTopTitle01 {
  height: 41px;
  margin: 0 0 10px;
  padding: 0 17px;
  line-height: 38px;
  color: #fff;
  font-weight: bold;
  font-size: 114.3%;
  text-shadow: 0px -1px 0 rgba(0,0,0,.3);
}

.appTopGallery01 {
}
  .appTopGallery01 ul {
    margin: -15px 0 0 -13px;
    display: block;
    min-height: 1%;
  }
  .appTopGallery01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .appTopGallery01 ul li {
      float: left;
      margin: 15px 0 0 13px;
    }
    .appTopGallery01 ul li:nth-child(4n+1) {
      clear: both;
    }
      .appTopGallery01 ul li img {
        -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
        -ms-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
        box-shadow: 1px 1px 1px rgba(0,0,0,.25);
      }
      .appTopGallery01 ul li a{
        cursor: url(../../img/contents_pc/common/ico_cursor01.png), pointer;
      }
      .appTopGallery01 ul li a:hover img {
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
      }

.appTopCommnunityL01 {
  width: 120px;
  float: left;
  background: #e5e5e5;
  padding: 14px 14px 10px;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
  .appTopCommnunityImg01 {
    text-align: center;
    margin: 0 0 17px;
  }
    .appTopCommnunityImg01 img {
      -moz-box-shadow: 1px 1px 0 rgba(255,255,255,.75);
      -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,.75);
      -ms-box-shadow: 1px 1px 0 rgba(255,255,255,.75);
      box-shadow: 1px 1px 0 rgba(255,255,255,.75);
    }
  .appTopCommnunityManager01 {
    text-align: center;
    margin: 0 0 3px;
    font-size: 85.7%;
  }
  .appTopCommnunityManagerImg01 {
    border: 1px solid #a4a4a4;
    overflow: hidden;
    width: 80px;
    margin: 0 auto 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
  }
  .appTopCommnunityManagerName01 {
    text-align: center;
    font-size: 92.9%;
  }

.appTopCommnunityR01 {
  width: 676px;
  float: right;
}
  .appTopCommnunityR01 table {
    width: 100%;
  }
    .appTopCommnunityR01 table th {
      background: #e5e5e5;
      padding: 7px 15px;
      font-size: 85.7%;
    }
    .appTopCommnunityR01 table td {
      padding: 10px 15px;
      font-size: 85.7%;
      border-bottom: 1px dotted #c7c7c7;
    }
    .appTopCommnunityR01 table td:first-child {
      font-size: 92.9%;
    }
    .appTopCommnunityR01 table th.date {
      width: 110px;
    }
  .appTopCommnunityMore01 {
    margin: 10px 0 0;
    text-align: right;
  }
    .appTopCommnunityMore01 a {
      display: inline-block;
      position: relative;
      padding: 0 0 0 19px;
    }
    .appTopCommnunityMore01 a:before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      width: 14px;
      height: 14px;
      margin: -7px 0 0;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -290px;
    }

.appTopTitle02 {
  margin: 0 0 12px;
  padding: 7px 17px;
  background: #e5e5e5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}

.deviceList01{
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 flex-direction: -webkit-column;
 flex-direction: column;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 8px 8px 0;
  margin-bottom: -15px;
}
 .deviceList01 li{
  padding-bottom:15px;
  -webkit-order:6; order:6;
 }
 .deviceList01 li.box01{ -webkit-order:1; order:1;}
 .deviceList01 li.box02{ -webkit-order:2; order:2;}
 .deviceList01 li.box03{ -webkit-order:3; order:3;}
 .deviceList01 li.box04{ -webkit-order:4; order:4;}
 .deviceList01 li.box05{ -webkit-order:5; order:5;}

.deviceList01 .appTopTitle02 + .message{
  padding-top:5px;
}

.deviceList01 .deviceIcon01{
 display:table;
 width:100%;
  padding:0 17px;
}
 .deviceList01 .deviceIcon01 span{
  vertical-align:middle;
  display: table-cell;
  padding-left:8px;
 }

.deviceIcon01:before{
 content:"";
 display: table-cell;
 vertical-align:middle;
 background: url(../../img/contents_pc/common/main_image_01.png) no-repeat ;
 height:50px;
 width:55px;
}
 .deviceIcon01.android01:before{ background-position: -200px -440px;}
 .deviceIcon01.ios01:before{ background-position: -280px -440px;}
 .deviceIcon01.windows01:before{ background-position: -200px -390px;}
 .deviceIcon01.mac01:before{ background-position: -280px -390px;}

.deviceList01 .message{
 line-height:1.4;
 margin: 8px 0 0;
  padding:0 17px;
}
.deviceList01 .message + .message{
  margin-top: 3px;
}

.appTopSupportTxt01 {
  padding: 0 17px 20px;
  margin-top: -10px;
}
 .appTopSupportTxt01:last-child {
  padding-bottom: 0;
}

.appTopSupportBtn01 {
  padding: 14px 0 0;
}
  .appTopSupportBtn01 .btnType02 {
    margin: 0 auto;
    display: block;
    width: 302px;
  }
    .appTopSupportBtn01 .btnType02 a > span {
      padding: 10px;
    }
      .appTopSupportBtn01 .btnType02 a > span span {
        padding: 0 0 0 25px;
      }
      .appTopSupportBtn01 .btnType02 a > span span:after {
        background-position: -80px -290px;
        width: 16px;
        height: 18px;
        margin: -9px 0 0;
      }
      .appTopSupportBtn01 .btnType02 a:hover span:after {
        background-position: -120px -290px;
      }

.appTopPlayBtn01 {
  margin: 20px 0 0;
}
  .appTopPlayBtn01 a {
    display: block;
    margin: 0 auto;
    width: 450px;
    height: 96px;
    overflow: hidden;
    text-indent: -9999px;
  }
.appTopPlayBtn02.btnType02 {
  margin: 10px auto 0;
  display: block;
  width: 302px; 
}
  .appTopPlayBtn02.btnType02 a > span {
    padding: 10px;
  }
    .appTopPlayBtn02.btnType02 a > span span {
      padding: 0 0 0 25px;
    }
    .appTopPlayBtn02.btnType02 a > span span:after {
      background-position: -80px -290px;
      width: 16px;
      height: 18px;
      margin: -9px 0 0;
    }
    .appTopPlayBtn02.btnType02 a:hover span:after {
      background-position: -120px -290px;
    }

/* Unity必須ゲームの注意喚起 */
#appTopContents li { position: relative; }

#appTopContents li.navi04 .plugin {
  content: "";
  width: 240px;
  height: 45px;
  background: url(../../../../img/contents_pc/common/img_unity.png) no-repeat 0 0;
  top: -45px;
  left: -32px;
  z-index: 100;
  position: absolute;
  pointer-events: none;
  cursor: default;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-6px);
  }
  60% {
    -webkit-transform: translateY(-2px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-6px);
  }
  60% {
    transform: translateY(-2px);
  }
}

/* 16 PC_app_index
--------------------------------------------------------- */
.appIndexChangeBtn01 {
  margin: -10px 0 0;
  padding: 0 0 7px;
  display: block;
  min-height: 1%;
}
.appIndexChangeBtn01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .appIndexChangeBtn01 .noon,
  .appIndexChangeBtn01 .night {
    float: right;
    margin: 0 0 0 15px;
    position:relative;
  }
    .appIndexChangeBtn01 .noon > a,
    .appIndexChangeBtn01 .night > a {
      font-size: 92.9%;
      padding: 4px 7px;
    }
    .appIndexChangeBtn01 .night > a {
      color: #fff;
      border: none;
      padding: 5px 8px;
      text-shadow: 0px -1px 0 rgba(7,0,2,.5);
      background: #6c6b6b; /* Old browsers */
      background: -moz-linear-gradient(top,  #6c6b6b 0%, #353232 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6b6b), color-stop(100%,#353232)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #6c6b6b 0%,#353232 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #6c6b6b 0%,#353232 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #6c6b6b 0%,#353232 100%); /* W3C */
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      -ms-box-shadow: none;
      box-shadow: none;
    }
    .appIndexChangeBtn01 .night > a:hover {
      background: #898989; /* Old browsers */
      background: -moz-linear-gradient(top,  #898989 0%, #5d5b5b 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#898989), color-stop(100%,#5d5b5b)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #898989 0%,#5d5b5b 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #898989 0%,#5d5b5b 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #898989 0%,#5d5b5b 100%); /* W3C */
    }
      .appIndexChangeBtn01 .noon a span,
      .appIndexChangeBtn01 .night a span {
        padding: 0 0 0 24px;
      }
      .appIndexChangeBtn01 .noon a span:after {
        width: 19px;
        height: 19px;
        margin: -9px 0 0;
        background-position: -160px -740px;
      }
      .appIndexChangeBtn01 .noon a:hover span:after {
        background-position: -200px -740px;
      }
      .appIndexChangeBtn01 .night a span:after {
        width: 15px;
        height: 16px;
        margin: -8px 0 0;
        background-position: -160px -790px;
      }
      .appIndexChangeBtn01 .night a:hover span:after {
        background-position: -200px -790px;
      }
  .appIndexImportant01 {
    overflow: hidden;
    border-top: 1px solid #bdbbbb;
    border-bottom: 1px solid #bdbbbb;
  }
    .appIndexImportantIn01 {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      background: #f8f8f8;
      padding: 3px 0;
      display: block;
      min-height: 1%;
    }
    .appIndexImportantIn01:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      .appIndexImportantIn01 .head {
        float: left;
        width: 56px;
        margin: 0 15px 0 0;
        text-align: center;
        border-right: 1px solid #c5c5c5;
        font-size: 85.7%;
        padding: 1px 0;
      }
      .appIndexImportantIn01 .text {
        overflow: hidden;
        font-size: 85.7%;
        padding: 1px 0;
      }

.appIndexMainSlideWrap01 {
  padding: 13px 12px 8px;
  background: #393939;
}
  .appIndexMainSlide01 {
    width: 720px;
    overflow: hidden;
    position: relative;
  }
    .appIndexMainSlide01 ul {
      width: 9999px;
      display: block;
      min-height: 1%;
    }
    .appIndexMainSlide01 ul:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      .appIndexMainSlide01 ul li {
        float: left;
      }
      
  .appIndexSlidePrev01 i,
  .appIndexSlideNext01 i {
    position: absolute;
    top: 50%;
    margin: -13px 0 0;
    display: block;
    width: 35px;
    height: 35px;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 0;
    overflow: hidden;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  }
  .appIndexSlidePrev01 i {
    left: 0;
    background-position: -80px -690px;
  }
  .appIndexSlideNext01 i {
    right: 0;
    background-position: -80px -740px;
  }
  .appIndexSlidePrev01 i:hover {
    margin: -12px 0 0;
    background-position: -120px -690px;
  }
  .appIndexSlideNext01 i:hover {
    margin: -12px 0 0;
    background-position: -120px -740px;
  }
  .appIndexMainSlide01:hover  .appIndexSlidePrev01 i{ opacity:0.8;  filter: alpha(opacity=80);}
  .appIndexMainSlide01:hover  .appIndexSlideNext01 i{ opacity:0.8;  filter: alpha(opacity=80);}

  .appIndexMainSlideThumb01 {
    margin: 5px 0 0;
    position: relative;
    overflow: hidden;
    padding: 5px 0;
  }
    .appIndexMainSlideThumb01 ul {
      position: relative;
      left: 50%;
      float: left;
    }
      .appIndexMainSlideThumb01 ul li {
        position: relative;
        left: -50%;
        float: left;
        margin: 0 10px 0 0;
      }
      .appIndexMainSlideThumb01 ul li:last-child {
        margin: 0;
      }
      .appIndexMainSlideThumb01 ul li.active{
        -moz-box-shadow: 0 0 3px 3px rgb(255, 255, 255);
        -webkit-box-shadow: 0 0 3px 3px rgb(255, 255, 255);
        box-shadow: 0 0 3px 3px rgb(255, 255, 255);
        }

.appIndexSearchWrap01 {
  margin: 10px 0 0;
  padding: 8px 106px 8px 110px;
  border: 1px solid #d5d5d5;
  background: #e5e5e5;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  display: block;
  min-height: 1%;
}
.appIndexSearchWrap01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .appIndexSearchWrap01 .text {
    float: left;
    position: relative;
    width: 408px;
    padding: 0 0 0 29px;
  }
  .appIndexSearchWrap01 .text:before {
    content: "";
    width: 23px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -13px 0 0;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -840px;
  }
    .appIndexSearchWrap01 .text input {
      padding: 6px 14px;
      font-size: 100%;
      border-color: #bdbbbb;
    }
  .appIndexSearchWrap01 .btn {
    float: right;
    position: relative;
    width: 82px;
  }
    .appIndexSearchWrap01 .btn button {
      font-size: 107.1%;
      height: 27px;
      width: 68px;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
    }

.appIndexRankingTitle01,
.appIndexNewTitle01,
.appIndexRecommendTitle01,
.appIndexAdvanceTitle01,
.appIndexCommunityTitle01,
.appIndexCampaignTitle01,
.appIndexArticleTitle01,
.appIndexPresentTitle01,
.appIndexAboutTitle01,
.appIndexRecommendTitle01 {
  margin: 0 0 24px -20px;
  width: 600px;
  height: 51px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0px -1866px;
  font-weight: bold;
  color: #000;
  font-size: 128.6%;
  padding: 14px 0 0 57px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.appIndexNewTitle01 {
  margin: 0 0 17px -20px;
  background-position: 0px -1745px;
}
.appIndexRecommendTitle01 {
  margin: 0 0 17px -20px;
  background-position: -400px -120px;
}
.appIndexAdvanceTitle01 {
  margin: 0 0 17px -20px;
  background-position: 0px -1805px;
}
.appIndexCommunityTitle01 {
  margin: 0 0 17px -20px;
  background-position: -400px -240px;
}
.appIndexCampaignTitle01 {
  margin: 0 0 17px -20px;
  background-position: 0px -1986px;
}
.appIndexArticleTitle01 {
  margin: 0 0 17px -20px;
  background-position: 0px -1925px;
}
.appIndexPresentTitle01 {
  margin: 0 0 17px -20px;
  background-position: -400px -420px;
}
.appIndexAboutTitle01 {
  margin: 0 0 17px -20px;
  background-position: -400px -480px;
}
.appIndexRecommendTitle01 {
  margin: 0 0 17px -20px;
  background-position: 0px -1686px;
}

.rankingList01 {
  margin: -30px 0 0 -12px;
  display: block;
  min-height: 1%;
}
.rankingList01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .rankingList01 li {
    float: left;
    margin: 30px 0 0 12px;
    width: 96px;
    position: relative;
  }

  .rankingList01 li:nth-child(1) {
    width: 242px;
  }
  .rankingList01 li:nth-child(2) {
    width: 242px;
    margin: 30px 0 0 9px;
  }
  .rankingList01 li:nth-child(3) {
    width: 242px;
    margin: 30px 0 0;
    float: right;
  }
  .rankingList01 li:nth-child(10) {
    float: right;
  }
    .rankingList01 li .number {
      text-shadow: 0px -1px 0 rgba(0,0,0,.3);
      text-align: center;
      color: #fff;
      font-weight: bold;
      z-index: 2;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      position: absolute;
      left: 0px;
      top: -23px;
      width: 39px;
      height: 40px;
      padding: 8px 6px 0 0;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -240px -890px;
    }
    .rankingList01 li:nth-child(1) .number,
    .rankingList01 li:nth-child(2) .number,
    .rankingList01 li:nth-child(3) .number {
      left: 7px;
      top: -29px;
      width: 72px;
      height: 46px;
      padding: 16px 15px 0 0;
      font-size: 142.9%;
    }
    .rankingList01 li:nth-child(1) .number { background-position: 0 -890px;}
    .rankingList01 li:nth-child(2) .number { background-position: -80px -890px;}
    .rankingList01 li:nth-child(3) .number { background-position: -160px -890px;}
    .rankingList01 li:nth-child(1) a,
    .rankingList01 li:nth-child(2) a,
    .rankingList01 li:nth-child(3) a{
      display: block;
      position: relative;
      z-index: 1;
      padding: 18px 18px 8px;
      border: 1px solid #bdbbbb;
      -moz-box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
      -webkit-box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
      -ms-box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
      box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -ms-border-radius: 6px;
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 25%, #f2f2f2 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 25%,#f2f2f2 100%); /* W3C */
      -moz-transition: 0.3s;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s;
    }
    .rankingList01 li a:hover {
      text-decoration: none;
      -moz-transform: scale(1.04);
      -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
      transform: scale(1.04);
    }
    .rankingList01 li:nth-child(1) a,
    .rankingList01 li:nth-child(2) a,
    .rankingList01 li:nth-child(3) a {
      padding: 20px 20px 16px;
    }
      .rankingList01 li a .image {}
      .rankingList01 li a .text {
        margin: 8px 0 0;
        font-size: 85.7%;
        line-height: 1.3;
      }
      .rankingList01 li:nth-child(1) a .text,
      .rankingList01 li:nth-child(2) a .text,
      .rankingList01 li:nth-child(3) a .text {
        margin: 10px 0 0;
        font-size: 107.1%;
      }

.gameList01 {
  margin: -15px 0 0 -15px;
  display: block;
  min-height: 1%;
}
.gameList01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .gameList01 > li {
    margin: 15px 0 0 15px;
    width: 365px;
    float: left;
  }
    .gameList01 li a {
      display: block;
      padding: 15px;
      border: 1px solid #bdbbbb;
      -moz-box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
      -webkit-box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
      -ms-box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
      box-shadow: 0 0 4px rgba(154,154,154,.3), 0 0 0 rgba(255,255,255,1) inset;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -ms-border-radius: 6px;
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 25%, #f2f2f2 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 25%,#f2f2f2 100%); /* W3C */
      -moz-transition: 0.3s;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s;
    }
    .gameList01 li a:hover {
      text-decoration: none;
      -moz-transform: scale(1.04);
      -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
      transform: scale(1.04);
    }
      .gameList01 li a .listIn {
        display: block;
        min-height: 1%;
      }
      .gameList01 li a .listIn:after {
        clear: both;
        content:".";
        display: block;
        height: 0;
        visibility: hidden;
      }
      .gameList01 li a .image {
        float: left;
        margin: 0 10px 0 0;
      }
      .gameList01 li a .textWrap {
        overflow: hidden;
      }
        .gameList01 li a .textWrap .name {
          font-size: 114.3%;
          line-height: 1.3;
        }
        .gameList01 li a .textWrap .detail {
          margin: 8px 0 0;
          font-size: 92.9%;
          color: #333;
        }
        .gameList01 li a .textWrap .tag {
          margin: 3px 0 0 -4px;
          display: block;
          min-height: 1%;
        }
        .gameList01 li a .textWrap .tag:after {
          clear: both;
          content:".";
          display: block;
          height: 0;
          visibility: hidden;
        }
          .gameList01 li a .textWrap .tag li {
            margin: 5px 0 0 4px;
          }

.gameList02 {
  margin: -15px 0 0 -15px;
  display: block;
  min-height: 1%;
}
.gameList02:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .gameList02 > li {
    margin: 15px 0 0 15px;
    width: 365px;
    float: left;
  }
    .gameList02 li img {
      width: 100%;
      height: auto;
    }
    .gameList02 li a {
      display: block;
    }
    .gameList02 li dt {
      background-color: #ff6699;
      text-align: center;
      font-weight: bold;
    }
    .gameList02 li dd {
      border: dotted 1px  #ff6699;
      min- height: 46px;
      min-height: 40px;
      padding: 2px 4px;}
       
.appIndexCommunity01 {
  border: 1px solid #c7c7c7;
  padding: 17px 35px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
  .appIndexCommunity01 ul {
    margin: -10px 0 0 -36px;
    display: block;
    min-height: 1%;
  }
  .appIndexCommunity01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .appIndexCommunity01 ul li {
      float: left;
      margin: 10px 0 0 36px;
      width: 200px;
    }
    .appIndexCommunity01 ul li:nth-cild(3n+1) {
      clear: both;
    }
      .appIndexCommunity01 ul li .name {
        margin: 10px 0 0;
        font-size: 92.9%;
      }
        .appIndexCommunity01 ul li .official {
          font-size: 84.6%;
          margin: 0 4px 0 0;
          padding: 0 4px;
          color: #fff;
          background: #73c8d4;
          text-shadow: 0 -1px 0 rgba(7,0,2,.1);
          border-radius: 2px;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          -ms-border-radius: 2px;
        }

.appIndexCampaign01 {
  padding: 20px;
  border: 1px solid #c7c7c7;
  background: #f8f8f8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
  .appIndexCampaign01 ul {
    margin: -20px 0 0 -20px;
    display: block;
    min-height: 1%;
  }
  .appIndexCampaign01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .appIndexCampaign01 ul li {
      margin: 20px 0 0 20px;
      float: left;
    }
  
.appIndexPresent01 ul {
  margin: -20px 0 0 -15px;
  display: block;
  min-height: 1%;
}
.appIndexPresent01 ul:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .appIndexPresent01 ul li {
    margin: 15px 0 0 15px;
    float: left;
  }

.appIndexLink01 {
  text-align: right;
  margin: 14px 0 0;
}
  .appIndexLink01 a {
    font-size: 92.9%;
  }

.appIndexAboutWrap01 .introduceList {
  margin: 0 0 0 -10px;
  display: block;
  min-height: 1%;
}
  .appIndexAboutWrap01 .introduceList:after { 
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .appIndexAboutWrap01 .introduceList li {
      margin: 0 0 0 10px;
      float: left;
    }

/* 横並びバナー */
.appIndexBenner2col {
  display: table;
  width: 728px;
  margin: 0 auto 20px;
}

.appIndexBenner2col p {
  display: table-cell;
}

.appIndexBenner2col p:first-child {
  padding-right: 8px;
}

/* 注意文 */
.appIndexGuideZh {
  border: 1px solid #bdbbbb;
  text-align: center;
  margin: -10px 0 15px;
  background: #eff1f1;
}

.appIndexGuideZh p {
  border: 1px solid #fff;
  padding: 3px 10px;  
  font-size: 85.7%;
}

/* 夜の部ガイド
--------------------------------------------------------- */
.guideNightWindowWrap{
  background: url(../../img/contents_pc/common/txt_guide_night02.png) no-repeat 0 0;
  width: 250px;
  height: 115px;
  display: block;
  position: absolute;
  right: 95px;
  top:0;
  z-index: 100;
}
 .guideNightWindowWrap .close a{
    display: block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    text-indent: -9999px;
    right: 24px;
    top: 9px;
    position: absolute;
  }

/* 23 PC_coin_index
--------------------------------------------------------- */
.coinIndexStateWrap01 {
  background: #e5e5e5;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}
  .coinIndexStateList01 {
    overflow: hidden;
  }
    .coinIndexStateList01 > ul {
      margin: -1px 0 0;
    }
      .coinIndexStateList01 > ul > li {
        border-top: 1px dotted #c7c7c7;
        padding: 15px;
      }
        .coinIndexReserveNoneListIn01 {
          display: table;
          width: 100%;
        }
          .coinIndexReserveNoneListIn01 .txtColumn,
          .coinIndexReserveNoneListIn01 .btnColumn {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
          }
          .coinIndexReserveNoneListIn01 .btnColumn {
            width: 243px;
            text-align: right;
           padding-right: 20px;
          }
            .coinIndexReserveNoneListIn01 .txtColumn .txtColumnTop {
              background: #fff;
              padding: 12px 5px;
              border-top-left-radius: 2px;
              -webkit-border-top-left-radius: 2px;
              -moz-border-radius-topleft: 2px;
              -ms-border-radius-topleft: 2px;
              border-top-right-radius: 2px;
              -webkit-border-top-right-radius: 2px;
              -moz-border-radius-topright: 2px;
              -ms-border-radius-topright: 2px;
            }
              .coinIndexReserveNoneListIn01 .txtColumn .txtColumnTop .head {
                margin: 0 5px 0 0;
                font-size: 107.1%;
              }
              .coinIndexReserveNoneListIn01 .txtColumn .txtColumnTop .coin {
                color: #e84c80;
                font-size: 114.3%;
              }
              .coinIndexReserveNoneListIn01 .txtColumn .txtColumnTop .coin02 {
                color: #e84c80;
                font-size: 114.3%;
              }
                .coinIndexReserveNoneListIn01 .txtColumn .txtColumnTop .coin em {
                  font-size: 125%;
                }
                .coinIndexReserveNoneListIn01 .txtColumn .txtColumnTop .coin02 em,
                .coinIndexReserveNoneListIn01 .txtColumn .txtColumnTop .coin02 span {
                  font-size: 125%;
                }
            .coinIndexReserveNoneListIn01 .txtColumn .txtColumnBtm {
              background: #f8f8f8;
              padding: 12px 5px;
              font-size: 85.7%;
              border-bottom-left-radius: 2px;
              -webkit-border-bottom-left-radius: 2px;
              -moz-border-radius-bottomleft: 2px;
              -ms-border-radius-bottomleft: 2px;
              border-bottom-right-radius: 2px;
              -webkit-border-bottom-right-radius: 2px;
              -moz-border-radius-bottomright: 2px;
              -ms-border-radius-bottomright: 2px;
            }
              .coinIndexReserveNoneListIn01 .txtColumn .txtColumnBtm .head {
                margin: 0 24px 0 0;
              }
              .coinIndexReserveNoneListIn01 .btnColumn .nijicoin a > span,
              .coinIndexReserveNoneListIn01 .btnColumn .monthly a > span {
                padding: 8px;
              }
                .coinIndexReserveNoneListIn01 .btnColumn .monthly a > span span {
                  padding: 0 0 0 22px;
                }
                .coinIndexReserveNoneListIn01 .btnColumn .monthly a > span span:after {
                  background-position: -80px -290px;
                  width: 16px;
                  height: 18px;
                  margin: -9px 0 0;
                }
                .coinIndexReserveNoneListIn01 .btnColumn .monthly a:hover span:after {
                  background-position: -120px -290px;
                }

    .coinIndexReserveExistCoin01 {
      display: table;
      width: 100%;
    }
      .coinIndexReserveExistCoin01 .coinColumn,
      .coinIndexReserveExistCoin01 .expirationColumn {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        background: #fff;
        padding: 15px 5px;
      }
      .coinIndexReserveExistCoin01 .coinColumn {
        border-top-left-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        -moz-border-radius-topleft: 2px;
        -ms-border-radius-topleft: 2px;
        border-bottom-left-radius: 2px;
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius-bottomleft: 2px;
        -ms-border-radius-bottomleft: 2px;
      }
      .coinIndexReserveExistCoin01 .expirationColumn {
        font-size: 85.7%;
        width: 253px;
        background: #f8f8f8;
        border-top-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-topright: 2px;
        -ms-border-radius-topright: 2px;
        border-bottom-right-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-radius-bottomright: 2px;
        -ms-border-radius-bottomright: 2px;
      }
        .coinIndexReserveExistCoin01 .coinColumn .head {
          margin: 0 5px 0 0;
          font-size: 107.1%;
        }
        .coinIndexReserveExistCoin01 .coinColumn .coin {
          color: #e84c80;
          font-size: 114.3%;
        }
          .coinIndexReserveExistCoin01 .coinColumn .coin em {
            font-size: 125%;
          }
  .coinIndexReserveExistBtn01 {
    margin: 14px 0 0;
    display: table;
    table-layout: fixed;
    width: 100%;
  }
    .coinIndexReserveExistBtnL01,
    .coinIndexReserveExistBtnR01 {
      display: table-cell;
      background: #fff;
    }
    .coinIndexReserveExistBtnL01 {
      border-right: 1px solid #e5e5e5;
      border-bottom-left-radius: 2px;
      -webkit-border-bottom-left-radius: 2px;
      -moz-border-radius-bottomleft: 2px;
      -ms-border-radius-bottomleft: 2px;
    }
    .coinIndexReserveExistBtnR01 {
      border-bottom-right-radius: 2px;
      -webkit-border-bottom-right-radius: 2px;
      -moz-border-radius-bottomright: 2px;
      -ms-border-radius-bottomright: 2px;
    }
      .coinIndexReserveExistBtnL01 h2,
      .coinIndexReserveExistBtnR01 h2 {
        background: #4c4b4b;
        padding: 8px 5px;
        text-align: center;
        color: #fff;
        position: relative;
      }
      .coinIndexReserveExistBtnL01 h2 {
        border-top-left-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        -moz-border-radius-topleft: 2px;
        -ms-border-radius-topleft: 2px;
      }
      .coinIndexReserveExistBtnR01 h2 {
        border-top-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-topright: 2px;
        -ms-border-radius-topright: 2px;
      }
      .coinIndexReserveExistBtnL01 h2:after {
        content: "";
        position: absolute;
        right: 37px;
        top: -16px;
        border: 9px solid transparent;
        border-bottom: 9px solid #4c4b4b;
      }
      .coinIndexReserveExistBtnR01 h2:after {
        content: "";
        position: absolute;
        left: -1px;
        top: 0;
        height: 100%;
        border-left: 1px solid #8b8b8b;
      }
      .coinIndexReserveExistBtnL01 .btnWrap,
      .coinIndexReserveExistBtnR01 .btnWrap {
        padding: 15px 10px 20px;
        text-align: center;
      }
        .coinIndexReserveExistBtnL01 .btnWrap .coin,
        .coinIndexReserveExistBtnR01 .btnWrap .coin {
          font-size: 114.3%;
        }
        .coinIndexReserveExistBtnR01 .btnWrap .coin {
          color: #e84c80;
        }
          .coinIndexReserveExistBtnL01 .btnWrap .coin em,
          .coinIndexReserveExistBtnR01 .btnWrap .coin em {
            font-size: 125%;
          }
        .coinIndexReserveExistBtnL01 .btnWrap .btn,
        .coinIndexReserveExistBtnR01 .btnWrap .btn {
          margin: 10px 0 0;
        }
          .coinIndexReserveExistBtnR01 .btnWrap .btn a {
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top #ff95b8; /* Old browsers */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, -moz-linear-gradient(top,  #ff95b8 0%, #e84f83 100%); /* FF3.6+ */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff95b8), color-stop(100%,#e84f83)); /* Chrome,Safari4+ */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, -webkit-linear-gradient(top,  #ff95b8 0%,#e84f83 100%); /* Chrome10+,Safari5.1+ */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, -ms-linear-gradient(top,  #ff95b8 0%,#e84f83 100%); /* IE10+ */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, linear-gradient(to bottom,  #ff95b8 0%,#e84f83 100%); /* W3C */
          }
          .coinIndexReserveExistBtnR01 .btnWrap .btn a:hover {
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top #ffaac6; /* Old browsers */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, -moz-linear-gradient(top,  #ffaac6 0%, #ed729b 100%); /* FF3.6+ */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaac6), color-stop(100%,#ed729b)); /* Chrome,Safari4+ */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, -webkit-linear-gradient(top,  #ffaac6 0%,#ed729b 100%); /* Chrome10+,Safari5.1+ */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, -ms-linear-gradient(top,  #ffaac6 0%,#ed729b 100%); /* IE10+ */
            background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top, linear-gradient(to bottom,  #ffaac6 0%,#ed729b 100%); /* W3C */
          }
            .coinIndexReserveExistBtnR01 .btnWrap .btn a > span {
              background: url(../../img/contents_pc/common/btn_light01.png) no-repeat center center;
            }

.coinBtnList01 {
  padding: 20px;
  overflow: hidden;
}
  .coinBtnList01 ul {
    margin: -20px 0 0 -20px;
  }
    .coinBtnList01 ul li {
      margin: 20px 0 0 20px;
      width: 220px;
      float: left;
    }
      .coinBtnList01 ul li .btnType02 {
        display: block;
        width: auto;
      }
        .coinBtnList01 ul li .btnType02 a > span {
          padding: 5px 5px 5px 14px;
          text-align: left;
          height: 45px;
        }
          .coinBtnList01 ul li .btnType02 a span span {
            padding: 0 0 0 44px;
          }
          .coinBtnList01 ul li .receive a span span:after {
            width: 28px;
            height: 29px;
            background-position: -80px -340px;
            left: 4px;
            margin: -16px 0 0;
          }
          .coinBtnList01 ul li .conversion a span span:after {
            width: 37px;
            height: 36px;
            background-position: -160px -340px;
            left: -1px;
            margin: -18px 0 0;
          }
          .coinBtnList01 ul li .cereal a span span:after {
            width: 37px;
            height: 36px;
            background-position: -320px -340px;
            left: -1px;
            margin: -18px 0 0;
          }
          .coinBtnList01 ul li .receive a:hover span span:after {
            background-position: -120px -340px;
          }
          .coinBtnList01 ul li .conversion a:hover span span:after {
            background-position: -200px -340px;
          }
          .coinBtnList01 ul li .cereal a:hover span span:after {
            background-position: -360px -340px;
          }
          
.coinCampaign01 {
  border-top: 1px dotted #c7c7c7;
  background: #f8f8f8;
  padding: 10px 20px 13px;
}
  .coinCampaignBnr01 {
    margin: 12px 0 0;
    overflow: hidden;
  }
    .coinCampaignBnr01 ul {
      margin: -20px 0 0 -20px;
      display: block;
      min-height: 1%;
    }
    .coinCampaignBnr01 ul:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      .coinCampaignBnr01 ul li {
        margin: 20px 0 0 20px;
        float: left;
        width: 220px;
      }
      
.coinIndexHistory01 {
  width: 100%;
}
  .coinIndexHistory01 th {
    background: #e5e5e5;
    padding: 8px 13px;
    text-align: left;
    font-size: 85.7%;
  }
  .coinIndexHistory01 th.date { width: 122px;}
  .coinIndexHistory01 th.coin { width: 139px;}
  .coinIndexHistory01 td {
    border-bottom: 1px dotted #c7c7c7;
    padding: 8px 13px;
    font-size: 85.7%;
    vertical-align: middle;
  }
  .coinIndexHistory01 tr:last-child td {
    border-bottom: none;
  }
  .coinIndexHistory01 td.date {
    font-size: 92.9%;
    vertical-align: top;
  }
  .coinIndexHistory01 td.coin {
    font-size: 92.9%;
    font-weight: bold;
    padding-right: 30px;
    vertical-align: middle;
    text-align: right;
  }
  .coinIndexHistory01 .minus {
    color: #e84c80;
  }
  .coinIndexHistory01 .plus {
    color: #319ba9;
  }

/* 24 PC_coin_payment
--------------------------------------------------------- */
.coinPaymentDetail01 {
  display: block;
  min-height: 1%;
}
.coinPaymentDetail01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .coinPaymentDetail01 .image {
    float: left;
    margin: 0 20px 0 0;
  }
  .coinPaymentDetail01 .detailTxt {
    overflow: hidden;
    text-shadow: 0px 2px 2px rgba(255,255,255,1);
  }
    .coinPaymentDetail01 .detailTxt .title {
      margin: 0 0 10px;
      font-weight: bold;
      font-size: 142.9%;
      text-shadow: none;
    }
    .coinPaymentDetail01 .detailTxt .stateList li {
      font-size: 114.3%;
      line-height: 1.4;
    }
      .coinPaymentDetail01 .detailTxt .stateList li em {
        font-size: 150%;
      }
    .coinPaymentDetail01 .detailTxt .text {
      margin: 10px 0 0;
    }

.coinPaymentTable01 {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  border-collapse: separate;
  margin: 20px auto 0;
  border-left: 1px solid #c5c4c4;
  border-top: 1px solid #c5c4c4;
  -moz-box-shadow: 0 0 1px rgba(255,255,255,1);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,1);
  -ms-box-shadow: 0 0 1px rgba(255,255,255,1);
  box-shadow: 0 0 1px rgba(255,255,255,1);
}
  .coinPaymentTable01 th {
    color: #4c4b4b;
    border-right: 1px dotted #c5c4c4;
    border-bottom: 1px solid #c5c4c4;
    background: #ededed;
    width: 104px;
    padding: 5px 10px;
    text-align: center;
    font-size: 128.6%;
    text-shadow: 0px 2px 2px rgba(255,255,255,1);
    line-height: 1.2;
  }
  .coinPaymentTable01 td {
    color: #4c4b4b;
    border-right: 1px solid #c5c4c4;
    border-bottom: 1px solid #c5c4c4;
    width: 194px;
    padding: 8px 14px 8px 10px;
    text-align: right;
    font-size: 142.9%;
    text-shadow: 0px 2px 2px rgba(255,255,255,1);
    line-height: 1.2;
  }
  .coinPaymentTable01 tr:first-child th {
    border-top-left-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -ms-border-radius-topleft: 7px;
  }
  .coinPaymentTable01 tr:first-child td {
    border-top-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -ms-border-radius-topright: 7px;
  }
  .coinPaymentTable01 tr:last-child th {
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -ms-border-radius-bottomleft: 7px;
  }
  .coinPaymentTable01 tr:last-child td {
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -ms-border-radius-bottomright: 7px;
  }
  .coinPaymentTable01 td.minus {
    color: #c00;
  }
    .coinPaymentTable01 td em {
      font-size: 120%;
    }

  .coinPaymentTable01.mixi th {
    width: 150px;
  }
    .coinPaymentTable01.mixi td em:before {
      content:"";
      display: inline-block;
      background: url(../../img/common/mixipoint.png) no-repeat left top;
      width: 16px;
      height: 16px;
      margin-right: 5px;
      vertical-align: 5px;
  }
  
.coinPaymentBtn01,
.coinPaymentBtn02 {
  margin: 10px auto 0;
  width: 345px;
  display: block;
}
.coinPaymentBtn03 {
  margin: 10px auto 0;
  width: 345px;
  display: block;
  text-align: center;
}
  .coinPaymentBtn01 button,
  .coinPaymentBtn02 button {
    width: 331px;
  }
  .coinPaymentBtn02 button,
  .coinPaymentBtn02 a {
    font-size: 157.1%;
  }
  .coinPaymentBtn03 button{
    font-size: 128.6%;
    width: 302px;
    height:40px;
  }
  
.coinPaymentErr01 {
  margin: 10px 0 0;
  border: 1px solid #f1bcbc;
  background: #ffdfdf;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 5px;
  text-align: center;
}
  .coinPaymentErr01 span {
    color: #c00;
    display: inline-block;
    padding: 0 0 0 32px;
    position: relative;
    font-size: 107.1%;
  }
  .coinPaymentErr01 span:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -150px 0;
  }

.coinPaymentTxtLink01 {
  margin: 15px 0 0;
  text-align: right;
}
  .coinPaymentTxtLink01 a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 14px;
    text-decoration: underline;
  }
  .coinPaymentTxtLink01 a:before {
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 11px;
    height: 10px;
    content: "";
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -240px 0;
  }
  .coinPaymentTxtLink01 a:hover {
    text-decoration: none;
  }
  
#modalIframe01Wrap{
  background:#fcfcfc;
  border: 1px solid #c7c7c7;
}
  #modalIframe01Wrap .modalNotes01 .text,
  #modalIframe01Wrap .modalNotes01 .link{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
 }

/* 埋め込み型 */
.modalIframe01{
  padding: 15px;
  text-align: left;
}
 .modalIframe01 #modalIframe01Wrap{
    width:570px;
    margin: 0 auto;
  }
 .modalIframe01 .modalNotes01 {
    margin: 0;
    display: block;
  }
 .modalIframe01 .modalNotes01 .linkList01{
    background: #e9e9e9;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    margin: 0;
  }
  
/* 25 PC_coin_dlsite
--------------------------------------------------------- */
.coinDlsiteBtn01 {
  width: 302px;
  display: block;
  margin: 30px auto 0;
}
  .coinDlsiteBtn01 a {
    font-size: 128.6%;
  }

/* PC_change_cereal
--------------------------------------------------------- */
.inputTxtType01.changeCerealInput[type="text"] {
  width: 80px;
  display: inline-block;
  font-size: 114.3%;
  padding: 8px;
}

.plainTxtCereal {
  padding: 0 8px;
}

/* 27 PC_community_detail
--------------------------------------------------------- */
.communityDetailState01 {
  width: 180px;
  float: left;
}
  .communityDetailState01 .image {
    margin: 0 0 5px;
  }
    .communityDetailState01 .image img {
      -moz-box-shadow: 1px 1px 0 rgba(255,255,255,.75), 0 1px 1px rgba(0,0,0,.2) inset;
      -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,.75), 0 1px 1px rgba(0,0,0,.2) inset;
      -ms-box-shadow: 1px 1px 0 rgba(255,255,255,.75), 0 1px 1px rgba(0,0,0,.2) inset;
      box-shadow: 1px 1px 0 rgba(255,255,255,.75), 0 1px 1px rgba(0,0,0,.2) inset;
    }
  .communityDetailState01 .state {
    width: 100%;
    border-collapse: separate;
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
  }
    .communityDetailState01 .state th {
      padding: 7px 0 7px 12px;
      font-size: 85.7%;
      border-bottom: 1px dotted #c7c7c7;
    }
    .communityDetailState01 .state td {
      padding: 7px 10px 7px 0;
      font-size: 85.7%;
      border-bottom: 1px dotted #c7c7c7;
    }
    .communityDetailState01 .state tr:last-child th,
    .communityDetailState01 .state tr:last-child td {
      border-bottom: none;
    }

.communityDetailIntro01 {
  float: right;
  width: 506px;
}
  .communityDetailIntro01 .textWrap01 {
    background: #fff;
    font-size: 92.9%;
    padding: 18px 13px 24px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
  }
  .communityDetailIntro01 .btnWrap01 {
    margin: 16px 0 0;
    text-align: center;
  }
    .communityDetailIntro01 .btnWrap01 a > span {
      display: block;
      padding: 8px 20px;
    }
      .communityDetailIntro01 .btnWrap01 a span span {
        display: block;
        padding: 0 0 0 17px;
      }
      .communityDetailIntro01 .btnWrap01 a span span:after {
        background-position: -80px -290px;
        width: 16px;
        height: 18px;
        margin: -9px 0 0;
      }
  .communityDetailIntro01 .btnWrap02 {
    margin: 16px auto 0;
    width: 420px;
  }
    .communityDetailIntro01 .btnWrap02 .notes {
      padding: 8px 0 0;
      clear: both;
      font-size: 78.6%;
    }
    .communityDetailIntro01 .btnWrap02 .entryBtn {
      float: left;
    }
    .communityDetailIntro01 .btnWrap02 .gameBtn {
      float: right;
    }
      .communityDetailIntro01 .btnWrap02 .entryBtn a {
        color: #e84c80;
        background: #fcfcfc; /* Old browsers */
        background: -moz-linear-gradient(top,  #fcfcfc 0%, #ffcede 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ffcede)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ffcede 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top,  #fcfcfc 0%,#ffcede 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #fcfcfc 0%,#ffcede 100%); /* W3C */
      }
      .communityDetailIntro01 .btnWrap02 .entryBtn a:hover {
        color: #fa86ad;
        background: #fdfcfd; /* Old browsers */
        background: -moz-linear-gradient(top,  #fdfcfd 0%, #ffd9e5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcfd), color-stop(100%,#ffd9e5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #fdfcfd 0%,#ffd9e5 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top,  #fdfcfd 0%,#ffd9e5 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #fdfcfd 0%,#ffd9e5 100%); /* W3C */
      }
        .communityDetailIntro01 .btnWrap02 a > span {
          display: block;
          padding: 8px 20px;
        }
          .communityDetailIntro01 .btnWrap02 .entryBtn a span span {
            display: block;
            padding: 0 10px 0 25px;
          }
          .communityDetailIntro01 .btnWrap02 .gameBtn a span span {
            display: block;
            padding: 0 0 0 17px;
          }
          .communityDetailIntro01 .btnWrap02 .entryBtn a span span:after {
            background-position: -280px -590px;
            width: 23px;
            height: 27px;
            margin: -15px 0 0;
          }
          .communityDetailIntro01 .btnWrap02 .entryBtn a:hover span span:after {
            background-position: -320px -590px;
          }
          .communityDetailIntro01 .btnWrap02 .gameBtn a span span:after {
            background-position: -80px -290px;
            width: 16px;
            height: 18px;
            margin: -9px 0 0;
          }
          .communityDetailIntro01 .btnWrap02 .entryBtn.btnTypeTopic a span span:after {
           background: url(../../img/contents_pc/common/main_image_01.png) no-repeat;
            background-position: -160px -960px;
            margin: -11px 0 0;
          }
          .communityDetailIntro01 .btnWrap02 .entryBtn.btnTypeTopic a:hover span span:after {
           background: url(../../img/contents_pc/common/main_image_01.png) no-repeat;
            background-position: -200px -960px;
          }
          .communityDetailIntro01 .btnWrap02 .entryBtn.btnTypeChansel a > span {
            padding: 8px 10px 8px 20px;
          }
          .communityDetailIntro01 .btnWrap02 .entryBtn.btnTypeChansel a span span:after {
           background: url(../../img/contents_pc/common/main_image_01.png) no-repeat;
            margin: -10px 0 0;
            background-position: -160px -1020px;
          }
          .communityDetailIntro01 .btnWrap02 .entryBtn.btnTypeChansel a:hover span span:after {
           background: url(../../img/contents_pc/common/main_image_01.png) no-repeat;
            background-position: -200px -1020px;
          }

.communityDetailTopic01 {
  width: 100%;
}
  .communityDetailTopic01 th {
    background: #e5e5e5;
    font-size: 85.7%;
  }
  .communityDetailTopic01 td {
    border-bottom: 1px dotted #c7c7c7;
    font-size: 85.7%;
  }
  .communityDetailTopic01 tr:last-child td {
    border-bottom: none;
  }
  .communityDetailTopic01 .topic {
    padding: 8px 18px;
    width: 457px;
  }
  .communityDetailTopic01 td.topic {
    font-size: 92.9%;
  }
  .communityDetailTopic01 .date {
    padding: 8px 0;
    width: 120px;
  }
  .communityDetailTopic01 .comment {
    padding: 8px 18px;
    text-align: right;
  }

.communityMore01 {
  border-top: 1px dotted #c7c7c7;
  padding: 6px 18px;
  text-align: right;
}

/* 31 PC_community_topic_view
--------------------------------------------------------- */
.communityTopicViewTitle01 {
  display: table;
  width: 100%;
  background: #f8f8f8;
}
  .communityTopicViewTitle01 .title {
    display: table-cell;
    padding: 16px 15px;
    font-weight: bold;
  }
  .communityTopicViewTitle01 .btn {
    display: table-cell;
    padding: 16px 13px;
    text-align: right;
    width: 77px;
  }
    .communityTopicViewTitle01 .btn button {
      font-size: 92.9%;
      padding: 4px;
      text-shadow: 0px 1px 1px rgba(255,255,255,.75);
    }
.communityTopicViewText01 {
  border-top: 1px dotted #c7c7c7;
  padding: 8px 16px 20px 16px;
  background: #fff;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
}
  .communityTopicViewText01 .nameWrap {
    display: table;
    width: 100%;
    margin: 0 0 15px;
  }
    .communityTopicViewText01 .nameWrap .image {
      display: table-cell;
      width: 50px;
      padding: 0 0 8px;
      border-bottom: 1px dotted #c7c7c7;
    }
      .communityTopicViewText01 .nameWrap .image img {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        border: 1px solid #aaa;
      }
    .communityTopicViewText01 .nameWrap .name {
      display: table-cell;
      border-bottom: 1px dotted #c7c7c7;
      vertical-align: middle;
      padding: 0 10px 8px 0;
    }
    .communityTopicViewText01 .nameWrap .date {
      display: table-cell;
      border-bottom: 1px dotted #c7c7c7;
      vertical-align: middle;
      text-align: right;
      font-size: 92.9%;
      width: 130px;
      padding: 0 0 8px;
    }
  .communityTopicViewText01 .text {
    font-size: 92.9%;
  }

.communityTopicViewForm01 {
  background: #e5e5e5;
  padding: 19px;
}
  .communityTopicViewForm01 textarea {
    height: 75px;
  }

.communityTopicViewFile01 {
  display: table;
}
  .communityTopicViewFile01 .image {
    display: table-cell;
    text-align: left;
    padding: 0 12px 0 0;
  }
    .communityTopicViewFile01 .image img {
      max-width: 100px;
      max-height: 100px;
    }
  .communityTopicViewFile01 .cancel {
    display: table-cell;
    vertical-align: middle;
    font-size: 85.7%;
  }

.communityTopicViewTerms01 {
  margin: 20px 0 0;
  font-size: 92.9%;
}

.communityTopicViewBtn01 {
  margin: 20px 0 0;
  text-align: center;
}
  .communityTopicViewBtn01 button {
    width: 302px;
    height: 42px;
    font-size: 128.6%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

.communityTopicViewList01 {
  border-top: 1px solid #c7c7c7;
}
  .communityTopicViewList01 li {
    position: relative;
    border-bottom: 1px dotted #c7c7c7;
    padding: 15px 20px 12px;
    display: block;
    min-height: 1%;
  }
  .communityTopicViewList01 li:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .communityTopicViewList01 li:last-child {
    border-bottom: none;
  }
    .communityTopicViewList01 li .icon {
      float: left;
      margin: 0 10px 0 0;
    }
      .communityTopicViewList01 li .icon img {
        border: 1px solid #aaa;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
      }
    .communityTopicViewList01 li .textWrap {
      float: left;
      margin: 0 10px 0 0;
    }
      .communityTopicViewList01 li .textWrap .commentHead {
        margin: 0 0 7px;
      }
        .communityTopicViewList01 li .textWrap .commentHead .number {
          font-size: 92.9%;
          margin: 0 8px 0 0;
        }
        .communityTopicViewList01 li .textWrap .commentHead .name {
          margin: 0 13px 0 0;
        }
        .communityTopicViewList01 li .textWrap .commentHead .date {
          font-size: 85.7%;
        }
      .communityTopicViewList01 li .textWrap .comment {
        font-size: 85.7%;
        line-height: 1.3;
      }
    .communityTopicViewList01 li .delete {
      position: absolute;
      right: 15px;
      top: 14px;
    }
      .communityTopicViewList01 li .delete button {
        font-size: 85.7%;
        padding: 4px;
        text-shadow: 0px 1px 1px rgba(255,255,255,.75);
      }


/* トピック一覧
--------------------------------------------------------- */
.communityTopicEditTerms01 {
  margin: 20px 0 0;
  font-size: 92.9%;
}

/* 43 PC_content_index, 45 PC_content_top
--------------------------------------------------------- */
#contentsWrap #contents.contentIndexWrap01 {
  padding: 0;
  width: 1020px;
}

.contentIndexSec01 {
  position: relative;
  padding: 0 20px 15px;
  display: block;
  min-height: 1%;
}
.contentIndexSec01.login:before {
  content: "";
  position: absolute;
  left: 22px;
  bottom: 7px;
  width: 238px;
  height: 223px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -520px -1080px;
}
.contentIndexSec01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}

.contentIndexLoginArea01 {
  float: left;
  width: 213px;
  border: 1px solid #343434;
  background: #3d3d3d;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
  .contentIndexRegist01 {
    padding: 5px 0 4px 8px;
    border-bottom: 1px solid #2f2f2f;
    -ms-box-shadow: 0 1px 0 rgba(255,255,255,.12);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.12);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.12);
    box-shadow: 0 1px 0 rgba(255,255,255,.12);
  }
    .contentIndexRegist01 a {
      display: block;
      width: 195px;
      height: 72px;
      overflow: hidden;
      text-indent: -9999px;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -1010px -590px;
    }
  .contentIndexLoginArea01 .loginFormMemory01 {
    color: #fff;
  }
  .contentIndexLoginArea01 .loginFormForget01:before {
    background-position: -40px -240px;
  }
    .contentIndexLoginArea01 .loginFormForget01 a {
      color: #fff;
    }
  .contentIndexLoginArea01 .loginFormBtm01 {
    color: #fff;
    border-top: 1px solid #2f2f2f;
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  }

.contentIndexMainArea01 {
  float: right;
  width: 745px;
}

.contentIndexSecPc01,
.contentIndexSecSp01 {
  border-top: 1px solid #d5d5d5;
  background: #e5e5e5;
  padding: 9px 0 20px;
  overflow: hidden;
}
.contentIndexSecPc01 + .contentIndexSecSp01{ border-top: none;}

.contentIndexSecSp01 {
  position: relative;
}
  .contentIndexSecPc01 .titleWrap,
  .contentIndexSecSp01 .titleWrap {
    background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top #fc0;
    padding: 15px 0 18px 29px;
    border-top: 6px solid #f6f6f6;
    border-bottom: 6px solid #f6f6f6;
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);
    box-shadow: 0 0 2px rgba(0,0,0,.3);
  }
  .contentIndexSecSp01 .titleWrap {
    background: url(../../img/contents_pc/common/bg_diagonal01.png) repeat left top #f66f9c;
  }
    .contentIndexSecPc01 .titleWrap .title,
    .contentIndexSecSp01 .titleWrap .title {
      position: relative;
      color: #000;
      font-size: 142.9%;
      font-weight: bold;
      width: 220px;
      line-height: 1.3;
      padding: 0 0 0 53px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
    }
    .contentIndexSecSp01 .titleWrap .title {
      padding: 0 0 0 41px;
    }
    .contentIndexSecPc01 .titleWrap .title:before,
    .contentIndexSecSp01 .titleWrap .title:before {
      content: "";
      position: absolute;
      left: 1px;
      top: 50%;
      width: 44px;
      height: 37px;
      margin: -18px 0 0;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -1110px 0;
    }
    .contentIndexSecSp01 .titleWrap .title:before {
      left: 5px;
      width: 27px;
      height: 45px;
      margin: -23px 0 0;
      background-position: -1110px -40px;
    }
    .contentIndexSecPc01 .titleWrap .btn,
    .contentIndexSecSp01 .titleWrap .btn {
      margin: 8px 0 0;
      width: 190px;
    }
      .contentIndexSecPc01 .titleWrap .btn a,
      .contentIndexSecSp01 .titleWrap .btn a {
        display: block;
        text-align: center;
        color: #333;
        font-weight: bold;
        font-size: 114.3%;
        padding: 8px 5px;
        background: #fff;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
      }
      .contentIndexSecPc01 .titleWrap .btn a:hover,
      .contentIndexSecSp01 .titleWrap .btn a:hover {
        position: relative;
        top: 1px;
        text-decoration: none;
        color: #6e6e6e;
      }
        .contentIndexSecPc01 .titleWrap .btn a span,
        .contentIndexSecSp01 .titleWrap .btn a span {
          position: relative;
          padding: 0 0 0 33px;
        }
        .contentIndexSecPc01 .titleWrap .btn a span:before,
        .contentIndexSecSp01 .titleWrap .btn a span:before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          width: 16px;
          height: 18px;
          margin: -9px 0 0;
          background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -80px -290px;
        }
        .contentIndexSecPc01 .titleWrap .btn a:hover span:before,
        .contentIndexSecSp01 .titleWrap .btn a:hover span:before {
          background-position: -120px -290px;
        }
        
.contentIndexRankingWrap01 {
  width: 745px;
  float: right;
  margin: -121px 0 0;
  padding: 0 20px 0 0;
}

.contentIndexSecBnr01 {
  border-top: 1px solid #d5d5d5;
  background: #fff;
  padding: 24px 10px 26px;
  text-align: center;
}

.contentIndexSecLink01 {
  border-top: 1px solid #d5d5d5;
  padding: 20px;
  background: #fff;
  display: block;
  min-height: 1%;
    background: url(../../img/contents_pc/common/img_nijiyome_top01.png) no-repeat 16px 30px;
}
.contentIndexSecLink01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .contentIndexTwitter01 {
    float: left;
    width: 215px;
    margin: -15px 0 0;
  }
    .contentIndexTwitter01 p {
      background: #333;
    }
    .contentIndexTwitter01 iframe {
      vertical-align: bottom;
      height: 302px;
    }
  .contentIndexLinkWrap01 {
    float: right;
    width: 745px;
  }
    .contentIndexLinkWrap01 .introduceList {
      margin: 0 0 0 -10px;
      display: block;
      min-height: 1%;
    }
    .contentIndexLinkWrap01 .introduceList:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      .contentIndexLinkWrap01 .introduceList li {
        margin: 0 0 0 10px;
        float: left;
      }
    .contentIndexLinkWrap01 .linkList {
      margin: 18px 0 0;
      padding: 8px 5px;
      background: #323131;
      position: relative;
      overflow: hidden;
    }
      .contentIndexLinkWrap01 .linkList ul {
        position: relative;
        left: 50%;
        float: left;
      }
        .contentIndexLinkWrap01 .linkList ul li {
          font-size: 85.7%;
          border-right: 1px solid #616161;
          padding: 0 12px;
          position: relative;
          left: -50%;
          float: left;
        }
        .contentIndexLinkWrap01 .linkList ul li:last-child {
          border-right: none;
        }
          .contentIndexLinkWrap01 .linkList ul li a {
            color: #fff;
          }
          .contentIndexLinkWrap01 .linkList ul li a[target="_blank"] {
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -280px -537px;
      padding-left:15px;
          }

.contentTopNews01 {
  width: 215px;
  float: left;
  padding: 0 0 220px;
}
  .contentTopNews01 #subNews {
    position: relative;
    z-index: 2;
    margin: 0;
  }

/* 47 PC_authprovider_facebook
--------------------------------------------------------- */
.authProviderContentsWrap01 {
  width: 700px;
  margin: 0 auto;
}
  .authProviderContentsWrap01 .topicpath {
    width: 451px;
    height: 41px;
    margin: 0 0 16px;
  }
  .authProviderContentsWrap01 .topicpath.current02 {
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -400px -590px;
  }
    .authProviderContentsWrap01 .topicpath ul {
      display: table;
    }
      .authProviderContentsWrap01 .topicpath li {
        display: table-cell;
        vertical-align: middle;
        height: 39px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
      }
      .authProviderContentsWrap01 .topicpath li:nth-child(1) { width: 172px; padding-left: 51px;}
      .authProviderContentsWrap01 .topicpath li:nth-child(2) { width: 146px; padding-left: 61px;}
      .authProviderContentsWrap01 .topicpath li:nth-child(3) { width: 131px; padding-left: 65px;}
      .authProviderContentsWrap01 .topicpath.current02 li:nth-child(2) { color: #fff; font-weight: bold;}

.authProviderContents01 {
  border: 1px solid #939393;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 12px 17px 19px 30px;
  display: block;
  min-height: 1%;
}
.authProviderContents01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .authProviderContentsL01 {
    float: left;
    padding: 5px 0 0;
    width: 462px;
  }
    .authProviderContentsL01 .readTxt {
      font-size: 92.9%;
      margin: 0 0 20px;
    }
  .authProviderContentsR01 {
    float: right;
    width: 167px;
  }
    .authProviderContentsR01 .balloonWrap {
      padding: 0 0 233px;
      background: url(../../img/contents_pc/common/img_nijiyome01.png) no-repeat left bottom;
    }
      .authProviderContentsR01 .balloon {
        font-size: 85.7%;
        background: #595959;
        padding: 14px 16px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        color: #fff;
      }

.authProviderForm01 {
  padding: 20px 30px 20px 30px;
  background: #f8f8f8;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
  .authProviderForm01 .formList {
  }
    .authProviderForm01 .formList li {
      display: table;
      width: 100%;
      margin: 0 0 17px;
    }
    .authProviderForm01 .formList li:last-child {
      margin: 0;
    }
      .authProviderForm01 .formList li .head {
        display: table-cell;
        width: 90px;
        font-size: 85.7%;
      }
  .authProviderForm01 .termsTxt {
    font-size: 85.7%;
    margin: 20px 0 0;
  }
  .authProviderForm01 .btn {
    text-align: center;
    margin: 20px 0 0;
  }
    .authProviderForm01 .btn button {
      width: 302px;
      font-size: 128.6%;
      height: 42px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
    }

/* 47 PC_content_login
--------------------------------------------------------- */
.contentLoginL01 {
  width: 480px;
  float: left;
}
.contentLoginR01 {
  width: 480px;
  float: right;
}
  .contentLoginL01 .title01,
  .contentLoginR01 .title01 {
    font-size: 114.3%;
  }
  .contentLoginL01 .cornerContents01,
  .contentLoginR01 .cornerContents01 {
    padding: 18px 25px;
  }
    .contentLoginLIn01 {
      padding: 7px 0 0;
    }

.contentLoginForm01,
.contentLoginForm02,
.contentLoginForm03 {
  padding: 14px 14px 20px;
  border: 1px solid #e8e8e8;
  background: #f8f8f8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.contentLoginForm02{
  padding: 10px 18px 12px;
}
.contentLoginForm03 {
  padding: 8px 18px 12px;
}
  .contentLoginForm01 .errorTxt01 {
    font-size: 85.7%;
    margin: 0 0 14px;
  }

.contentLoginFormIn01 {
  width: 302px;
  margin: 0 auto;
}
  .contentLoginFormIn01 .inputTxtType01[type="email"],
    .contentLoginFormIn01 .inputTxtType01[type="password"] {
    font-size: 100%;
  }
  .contentLoginFormIn01 .checkType01 {
    margin: 14px 0 0;
    font-size: 85.7%;
  }
  .contentLoginFormIn01 .btn {
    margin: 20px 0 0;
  }
    .contentLoginFormIn01 .btn button {
      box-sizing: border-box;
      font-size: 128.6%;
      height: 42px;
      width: 302px;
    }

.contentLoginAuthTxt01 {
  font-size: 85.7%;
}

.contentLoginAuthprovider01 {
  margin: -10px 0 0;
  display: block;
  min-height: 1%;
}
.contentLoginAuthprovider01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .contentLoginAuthprovider01 li {
    float: left;
    width: 190px;
    margin: 10px 10px 0 0;
  }
  .contentLoginAuthprovider01 li:nth-child(2n){ margin-right: 0;}
  .contentLoginAuthprovider01 li:nth-child(2n+1) { clear: both;}
    .contentLoginAuthprovider01 li a {
      position: relative;
      height: 38px;
      display: block;
      overflow: hidden;
      text-indent: -9999px;
      border: 1px solid #a9a9a9;
      font-weight: bold;
      border: 1px solid #bdbbbb;
      text-shadow: 0 1px 0 rgba(255,255,255,1);
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 95%, #cecece 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#e1e1e1), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* W3C */
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
      -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
      box-shadow: 0 1px 2px rgba(0,0,0,.1);
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
    }
    .contentLoginAuthprovider01 li a:hover {
      text-decoration: none;
      position: relative;
      top: 1px;
      border: 1px solid #c9c9c9;
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 95%, #e7e7e7 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#e9e9e9), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* W3C */
    }
    .contentLoginAuthprovider01 li a:before {
      content: "";
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 0;
      position: absolute;
      left: 50%;
      top: 50%;
    }
    .contentLoginAuthprovider01 li.facebook a:before {
      width: 98px;
      height: 20px;
      background-position: -680px -40px;
      margin: -10px 0 0 -49px;
    }
    .contentLoginAuthprovider01 li.facebook a:hover:before {
      background-position: -830px -40px;
    }
    .contentLoginAuthprovider01 li.twitter a:before {
      width: 98px;
      height: 20px;
      background-position: -680px -90px;
      margin: -10px 0 0 -49px;
    }
    .contentLoginAuthprovider01 li.twitter a:hover:before {
      background-position: -830px -90px;
    }
    .contentLoginAuthprovider01 li.google a:before {
      width: 98px;
      height: 20px;
      background-position: -680px -140px;
      margin: -10px 0 0 -49px;
    }
    .contentLoginAuthprovider01 li.google a:hover:before {
      background-position: -830px -140px;
    }
    .contentLoginAuthprovider01 li.yahoo a:before {
      width: 98px;
      height: 26px;
      background-position: -680px -190px;
      margin: -12px 0 0 -49px;
    }
    .contentLoginAuthprovider01 li.yahoo a:hover:before {
      background-position: -830px -190px;
    }
    .contentLoginForm03 .text,
    .contentLoginForm03 .contentLoginAuthprovider02{
      }
    .contentLoginForm03 .text{
      font-weight: bold;
      color: #e84c80;
      width: 280px;
      margin: 0 auto 3px;
      text-align: center;
      font-size: 92.9%;
      }
    .contentLoginAuthprovider02 li a {
      width: 260px;
      margin: 0 auto;
      position: relative;
      height: 38px;
      display: block;
      overflow: hidden;
      text-indent: -9999px;
      border: 1px solid #a9a9a9;
      font-weight: bold;
      border: 1px solid #bdbbbb;
      text-shadow: 0 1px 0 rgba(255,255,255,1);
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 95%, #cecece 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#e1e1e1), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* W3C */
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
      -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
      box-shadow: 0 1px 2px rgba(0,0,0,.1);
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
    }
    .contentLoginAuthprovider02 li a:hover {
      text-decoration: none;
      position: relative;
      top: 1px;
      border: 1px solid #c9c9c9;
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 95%, #e7e7e7 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#e9e9e9), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* W3C */
    }
    .contentLoginAuthprovider02 li a:before {
      content: "";
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 0;
      position: absolute;
      left: 50%;
      top: 50%;
    }
    .contentLoginAuthprovider02 li.dlsite a:before {
      width: 98px;
      height: 16px;
      background-position: -680px 0;
      margin: -8px 0 0 -49px;
    }
    .contentLoginAuthprovider02 li.dlsite a:hover:before {
      background-position: -830px 0;
    }
    .contentLoginAuthprovider02 li.mixi a:before {
      width: 230px;
      height: 20px;
      background-position: -680px -240px;
      margin: -10px 0 0 -115px;
    }
    .contentLoginAuthprovider02 li.mixi a:hover:before {
      background-position: -1010px -240px;
    }

.contentLoginRegister01 {
  border: 1px solid #c7c7c7;
  background: #f8f8f8;
  padding: 25px 10px;
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -ms-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}

.contentLoginMain {
  width: 550px;
  margin: 0 auto 20px;
  padding: 15px 0 20px;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
  background: #fff;
}
  .contentLoginMain .btn {
    margin: 15px auto 0;
    width: 302px;
  }
    .contentLoginMain .btn a {
      position: relative;
      text-align: center;
      display: block;
      padding: 8px;
      color: #fff;
      border: 1px solid #0db62d;
      font-size: 128.6%;
      text-shadow: 0 -1px 0 rgba(0,0,0,.3);
      font-weight: bold;
      background: #7af132;
      background: -webkit-linear-gradient(top,  #7af132 0%,#6ae71e 13%,#01b02f 100%);
      background: linear-gradient(to bottom,  #7af132 0%,#6ae71e 13%,#01b02f 100%);
      border-radius: 3px;
      box-shadow:0 1px 1px rgba(36,45,51,.25), inset 0 0 0 1px rgba(255,255,255,.26);
    }
    .contentLoginMain .btn a:hover {
      text-decoration: none;
      background: #95f35a;
      background: -webkit-linear-gradient(top,  #95f35a 0%,#87ec4b 13%,#39c259 100%);
      background: linear-gradient(to bottom,  #95f35a 0%,#87ec4b 13%,#39c259 100%);
      border: 1px solid #3dc557;
      top: 1px;
    }
    
  .contentLoginSub .btn {
    margin: 10px auto 0;
    width: 252px;
  }
    .contentLoginSub .btn a {
      position: relative;
      text-align: center;
      display: block;
      padding: 8px;
      color: #4c4b4b;
      border: 1px solid #bdbbbb;
      font-size: 114.3%;
      text-shadow: 0 1px 0 rgba(255,255,255,1);
      font-weight: bold;
      background: #fcfcfc;
      background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dbdbdb 100%);
      background: linear-gradient(to bottom,  #fcfcfc 0%,#dbdbdb 100%);
      border-radius: 3px;
      box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }
    .contentLoginSub .btn a:hover {
      text-decoration: none;
      position: relative;
      top: 1px;
      border: 1px solid #c9c9c9;
      color: #6f6f6f;
      background: #fdfdfd;
      background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e2e2e2 100%);
      background: linear-gradient(to bottom,  #fdfdfd 0%,#e2e2e2 100%);
    }

/* 49 PC_payment_creditcard
--------------------------------------------------------- */
.paymentCreditcardContents01 {
  overflow: visible;
}

.paymentCreditcardList01 > li {
  border-bottom: 1px dotted #c7c7c7;
  padding: 12px 20px;
}
.paymentCreditcardList01 > li:last-child {
  border-bottom: none;
  padding: 12px 20px 5px;
}
  .paymentCreditcardList01 > li .creditcardWrap {
    display: table;
    width: 100%;
  }
    .paymentCreditcardList01 > li .creditcardWrap .icon {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 51px;
    }
      .paymentCreditcardList01 > li .creditcardWrap .icon .visa {
        display: inline-block;
        width: 51px;
        height: 17px;
        overflow: hidden;
        text-align: left;
        text-indent: -9999px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -444px;
      }
      .paymentCreditcardList01 > li .creditcardWrap .icon .jcb {
        display: inline-block;
        width: 33px;
        height: 25px;
        overflow: hidden;
        text-align: left;
        text-indent: -9999px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -58px -440px;
      }
      .paymentCreditcardList01 > li .creditcardWrap .icon .mastercard {
        display: inline-block;
        width: 39px;
        height: 25px;
        overflow: hidden;
        text-align: left;
        text-indent: -9999px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -96px -440px;
      }
      .paymentCreditcardList01 > li .creditcardWrap .icon .amex {
        display: inline-block;
        width: 25px;
        height: 25px;
        overflow: hidden;
        text-align: left;
        text-indent: -9999px;
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -141px -440px;
      }
    .paymentCreditcardList01 > li .creditcardWrap .number {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-size: 114.3%;
      word-break: break-all;
      padding: 0 5px;
    }
    .paymentCreditcardList01 > li .creditcardWrap .limit {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 145px;
    }
    .paymentCreditcardList01 > li .creditcardWrap .radio {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 140px;
    }
      .paymentCreditcardList01 > li .creditcardWrap .radio .radioType01 {
        position: relative;
      }
        .paymentCreditcardList01 > li .creditcardWrap .radio .radioType01 .settingBalloon {
          display: block;
          position: absolute;
          bottom: 35px;
          left: 50%;
          margin: 0 0 0 -115px;
          padding: 15px 10px;
          width: 230px;
          border: 1px solid #c6c4c4;
          font-size: 85.7%;
          color: #e84c80;
          font-weight: bold;
          border-radius: 6px;
          -moz-border-radius: 6px;
          -webkit-border-radius: 6px;
          -ms-border-radius: 6px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -ms-box-sizing: border-box;
          background: #ffffff; /* Old browsers */
          background: -moz-linear-gradient(top,  #ffffff 25%, #f2f2f2 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
          background: -ms-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* IE10+ */
          background: linear-gradient(to bottom,  #ffffff 25%,#f2f2f2 100%); /* W3C */
          -ms-box-shadow: 3px 3px 3px rgba(7,0,2,.5), inset 0 0 0 1px rgba(255,255,255,.75);
          -moz-box-shadow: 3px 3px 3px rgba(7,0,2,.5), inset 0 0 0 1px rgba(255,255,255,.75);
          -webkit-box-shadow: 3px 3px 3px rgba(7,0,2,.5), inset 0 0 0 1px rgba(255,255,255,.75);
          box-shadow: 3px 3px 3px rgba(7,0,2,.5), inset 0 0 0 1px rgba(255,255,255,.75);
        }
        .paymentCreditcardList01 > li .creditcardWrap .radio .radioType01 .settingBalloon:after {
          display: block;
          content: "";
          position: absolute;
          left: 50%;
          bottom: -13px;
          width: 17px;
          height: 14px;
          margin: 0 0 0 -9px;
          background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -360px 0;
        }
    .paymentCreditcardList01 > li .creditcardWrap .edit {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 72px;
    }
    .paymentCreditcardList01 > li .creditcardWrap .delete {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 72px;
      padding: 0 0 0 15px;
    }
      .paymentCreditcardList01 > li .creditcardWrap .edit button,
      .paymentCreditcardList01 > li .creditcardWrap .delete button {
        font-size: 100%;
        padding: 5px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 95%, #cecece 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#e1e1e1), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* W3C */
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
      }
      .paymentCreditcardList01 > li .creditcardWrap .edit button:hover,
      .paymentCreditcardList01 > li .creditcardWrap .delete button:hover {
        border: 1px solid #c9c9c9;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 95%, #e7e7e7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#e9e9e9), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* W3C */
      }
      .paymentCreditcardList01 > li .creditcardWrap .edit button:disabled,
      .paymentCreditcardList01 > li .creditcardWrap .delete button:disabled {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
      }

.paymentCreditcardNotes01 {
  padding: 0 20px 12px;
  font-size: 85.7%;
}

.paymentCreditcardAdd01.submitType02 button {
  font-size: 100%;
  width: 202px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 95%, #cecece 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#e1e1e1), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 95%,#cecece 100%); /* W3C */
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.paymentCreditcardAdd01.submitType02 button:hover {
  border: 1px solid #c9c9c9;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 95%, #e7e7e7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#e9e9e9), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 95%,#e7e7e7 100%); /* W3C */
}
.paymentCreditcardAdd01.submitType02 button span {
  padding: 0 0 0 24px;
}

/* 50 PC_creditcard_monthly
--------------------------------------------------------- */
.creditcardMonthlyCourseWrap01 {
  background: #e5e5e5;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}
  .creditcardMonthlyCourseList01 {
    overflow: hidden;
  }
    .creditcardMonthlyCourseList01 > ul {
      margin: -1px 0 0;
    }
      .creditcardMonthlyCourseList01 > ul > li {
        border-top: 1px dotted #c7c7c7;
        padding: 15px 35px 15px 15px;
        position: relative;
      }
        .creditcardMonthlyCourseListIn01 {
          display: table;
          width: 100%;
        }
          .creditcardMonthlyCourseListIn01 .txtColumn,
          .creditcardMonthlyCourseListIn01 .btnColumn {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
          }
          .creditcardMonthlyCourseListIn01 .btnColumn {
            width: 243px;
            text-align: right;
          }
            .creditcardMonthlyCourseListIn01 .txtColumn .txtColumnTop {
              background: #fff;
              padding: 12px 5px;
              border-top-left-radius: 2px;
              -webkit-border-top-left-radius: 2px;
              -moz-border-radius-topleft: 2px;
              -ms-border-radius-topleft: 2px;
              border-top-right-radius: 2px;
              -webkit-border-top-right-radius: 2px;
              -moz-border-radius-topright: 2px;
              -ms-border-radius-topright: 2px;
            }
              .creditcardMonthlyCourseListIn01 .txtColumn .txtColumnTop .head {
                margin: 0 5px 0 0;
                font-size: 107.1%;
              }
              .creditcardMonthlyCourseListIn01 .txtColumn .txtColumnTop .coin {
                color: #e84c80;
                font-size: 114.3%;
              }
              .creditcardMonthlyCourseListIn01 .txtColumn .txtColumnTop .coin02 {
                color: #e84c80;
                font-size: 114.3%;
              }
                .creditcardMonthlyCourseListIn01 .txtColumn .txtColumnTop .coin em {
                  font-size: 125%;
                }
                .creditcardMonthlyCourseListIn01 .txtColumn .txtColumnTop .coin02 em,
                .creditcardMonthlyCourseListIn01 .txtColumn .txtColumnTop .coin02 span {
                  font-size: 125%;
                }
            .creditcardMonthlyCourseListIn01 .txtColumn .txtColumnBtm {
              background: #f8f8f8;
              padding: 12px 5px;
              font-size: 85.7%;
              border-bottom-left-radius: 2px;
              -webkit-border-bottom-left-radius: 2px;
              -moz-border-radius-bottomleft: 2px;
              -ms-border-radius-bottomleft: 2px;
              border-bottom-right-radius: 2px;
              -webkit-border-bottom-right-radius: 2px;
              -moz-border-radius-bottomright: 2px;
              -ms-border-radius-bottomright: 2px;
            }
              .creditcardMonthlyCourseListIn01 .txtColumn .txtColumnBtm .head {
                margin: 0 24px 0 0;
              }
              .creditcardMonthlyCourseListIn01 .btnColumn .nijicoin a > span,
              .creditcardMonthlyCourseListIn01 .btnColumn .monthly a > span {
                padding: 8px;
              }
                .creditcardMonthlyCourseListIn01 .btnColumn .monthly a > span span {
                  padding: 0 0 0 22px;
                }
                .creditcardMonthlyCourseListIn01 .btnColumn .monthly a > span span:after {
                  background-position: -80px -290px;
                  width: 16px;
                  height: 18px;
                  margin: -9px 0 0;
                }
                .creditcardMonthlyCourseListIn01 .btnColumn .monthly a:hover span:after {
                  background-position: -120px -290px;
                }
        .creditcardMonthlyCourseList01 > ul > li .release {
          position: absolute;
          right: 35px;
          bottom: 15px;
        }
          .creditcardMonthlyCourseList01 > ul > li .release a {
            font-size: 92.9%;
          }
          .creditcardMonthlyCourseList01 > ul > li .release a:before {
            top: 0.3em;
          }

.creditcardMonthlyBonus01 {
  padding: 16px 15px;
  background: #e5e5e5;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
}
  .creditcardMonthlyBonus01 li {
    display: table;
    width: 100%;
    border-collapse: separate;
    margin: 0 0 15px;
  }
  .creditcardMonthlyBonus01 li:last-child {
    margin: 0;
  }
    .creditcardMonthlyBonus01 li .gameWrap {
      position: relative;
      display: table-cell;
      background: #f8f8f8;
      width: 349px;
      padding: 15px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      border-radius: 2px 0 0 2px;
      -moz-border-radius: 2px 0 0 2px;
      -webkit-border-radius: 2px 0 0 2px;
      -ms-border-radius: 2px 0 0 2px;
      vertical-align: middle;
    }
    .creditcardMonthlyBonus01 li .gameWrap:after {
      content: "";
      display: block;
      position: absolute;
      right: -9px;
      top: 50%;
      margin: -5px 0 0;
      border-width: 9px 0 9px 9px;
      border-color: transparent transparent transparent #f8f8f8;
      border-style: solid;
    }
    .creditcardMonthlyBonus01 li .bonusWrap {
      display: table-cell;
      background: #fff;
      padding: 15px 20px 15px 22px;
      vertical-align: middle;
      border-radius: 0 2px 2px 0;
      -moz-border-radius: 0 2px 2px 0;
      -webkit-border-radius: 0 2px 2px 0;
      -ms-border-radius: 0 2px 2px 0;
    }
      .creditcardMonthlyBonus01 li .gameWrap .game {
        display: table;
        width: 100%;
      }
        .creditcardMonthlyBonus01 li .gameWrap .game .image {
          display: table-cell;
          width: 75px;
          vertical-align: middle;
        }
          .creditcardMonthlyBonus01 li .gameWrap .game .image img {
            max-width: 60px;
          }
        .creditcardMonthlyBonus01 li .gameWrap .game .name {
          display: table-cell;
          vertical-align: middle;
        }
      .creditcardMonthlyBonus01 li .bonusWrap .bonus {
        position: relative;
      }
      .creditcardMonthlyBonus01 li .bonusWrap .bonus:after {
        clear: both;
        content:".";
        display: block;
        height: 0;
        visibility: hidden;
      }
        .creditcardMonthlyBonus01 li .bonusWrap .bonus .image {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
        }
          .creditcardMonthlyBonus01 li .bonusWrap .bonus .image img {
            max-width: 60px;
          }
        .creditcardMonthlyBonus01 li .bonusWrap .bonus .textWrap {
          overflow: hidden;
          margin: 0 0 10px 75px;
        }
          .creditcardMonthlyBonus01 li .bonusWrap .bonus .textWrap:last-child {
            margin-bottom: 0;
          }
          .creditcardMonthlyBonus01 li .bonusWrap .bonus .textWrap .name {
            margin: 0 0 5px;
          }
          .creditcardMonthlyBonus01 li .bonusWrap .bonus .textWrap .detail {
            background: #f8f8f8;
            font-size: 85.7%;
            padding: 4px 8px;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -ms-border-radius: 2px;
          }

.listTab02.creditcardRegistBonusTab {
  padding: 5px 5px 0;
}
  .listTab02.creditcardRegistBonusTab li {
    width: 16.6%;
    margin: 0;
    padding: 0 3px 0;
    box-sizing: border-box;
  }
    .listTab02.creditcardRegistBonusTab li a {
      min-width: 0;
    }
    .listTab02.creditcardRegistBonusTab li a::after {
      content: "コイン";
      font-size: 11px;
      margin-left: 3px
    }

.creditcardRegistBonusTab ~ .creditcardMonthlyBonus01 {
  background: #fcfcfc;
}
  .creditcardRegistBonusTab ~ .creditcardMonthlyBonus01 li .gameWrap {
    background: #e5e5e5;
  }
    .creditcardRegistBonusTab ~ .creditcardMonthlyBonus01 li .gameWrap:after {
      border-left-color: #e5e5e5;
    }
  .creditcardRegistBonusTab ~ .creditcardMonthlyBonus01 li .bonusWrap {
      border: solid 1px #E5E5E5;
      background: #fff;
    }

/* 51 PC_creditcard_regist
--------------------------------------------------------- */
.creditcardRegistEm01 {
  color: #e84c80;
}

.creditcardRegistNotes01 {
  padding: 14px 12px 12px;
}

.creditcardRegistBonus01 > li {
  background: #e5e5e5;
  border-bottom: 1px dotted #939393;
  padding: 14px;
}
.creditcardRegistBonus01 > li:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
}
  .creditcardRegistBonus01 > li .gameWrap {
    display: table;
    margin: 0 0 12px;
  }
    .creditcardRegistBonus01 > li .gameWrap .image {
      display: table-cell;
      padding: 0 12px 0 2px;
      width: 40px;
    }
      .creditcardRegistBonus01 > li .gameWrap .image img {
        max-width: 40px;
      }
    .creditcardRegistBonus01 > li .gameWrap .name {
      display: table-cell;
      vertical-align: middle;
    }
  .creditcardRegistBonus01 > li .itemList {
    width: 100%;
    display: table;
    table-layout: fixed;
    background: #fff;
    border-collapse: separate;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
  }
    .creditcardRegistBonus01 > li .itemList > li {
      border-right: 1px dotted #c7c7c7;
      display: table-cell;
      vertical-align: top;
    }
    .creditcardRegistBonus01 > li .itemList > li:last-child {
      border-right: none;
    }
      .creditcardRegistBonus01 > li .itemList > li .coinWrap {
        font-size: 85.7%;
        background: #f8f8f8;
        padding: 7px 13px;
        display: block;
        min-height: 1%;
      }
      .creditcardRegistBonus01 > li .itemList > li .coinWrap:after {
        clear: both;
        content:".";
        display: block;
        height: 0;
        visibility: hidden;
      }
      .creditcardRegistBonus01 > li .itemList > li:first-child .coinWrap {
        border-radius: 2px 0 0 0;
        -moz-border-radius: 2px 0 0 0;
        -webkit-border-radius: 2px 0 0 0;
        -ms-border-radius: 2px 0 0 0;
      }
      .creditcardRegistBonus01 > li .itemList > li:last-child .coinWrap {
        border-radius: 0 2px 0 0;
        -moz-border-radius: 0 2px 0 0;
        -webkit-border-radius: 0 2px 0 0;
        -ms-border-radius: 0 2px 0 0;
      }
      .creditcardRegistBonus01 > li .itemList > li.active .coinWrap {
        background: #eb6e98;
      }
        .creditcardRegistBonus01 > li .itemList > li .coinWrap .coin {
          float: left;
        }
        .creditcardRegistBonus01 > li .itemList > li .coinWrap .setting {
          float: right;
          color: #fff;
        }
      .creditcardRegistBonus01 > li .itemList > li .bonusWrap {
        padding: 10px;
      }
        .creditcardRegistBonus01 > li .itemList > li .bonusWrap .image {
          float: left;
          margin: 0 8px 0 0;
        }
        .creditcardRegistBonus01 > li .itemList > li .bonusWrap .name {
          overflow: hidden;
          font-size: 85.7%;
        }
        .creditcardRegistBonus01 > li .itemList > li .bonusWrap .detail {
          font-size: 78.6%;
          margin: 7px 0 0;
          padding: 5px 7px;
          background: #f8f8f8;
          border-radius: 2px;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          -ms-border-radius: 2px;
        }

/* 55 PC_creditcard_release
--------------------------------------------------------- */
.creditcardReleaseBtn01 {
  text-align: center;
  margin: 20px 0 0;
}
  .creditcardReleaseBtn01 button {
    font-size: 128.6%;
    width: 302px;
    height: 42px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

/* 78 PC_information_detail
--------------------------------------------------------- */
.informationDetailTitle01 {
  background: #f8f8f8;
  display: table;
  width: 100%;
}
  .informationDetailTitle01 .title {
    display: table-cell;
    padding: 19px 15px;
  }
    .informationDetailTitle01 .title .tag {
      display: inline-block;
      margin: 0 10px 0 0;
      min-width: 74px;
      padding: 2px;
      text-align: center;
      color: #fff;
      font-size: 85.7%;
      background: #73c8d4;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -ms-border-radius: 2px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
    }
    .informationDetailTitle01 .title .important {
      background-color: #c64747;
    }
    .informationDetailTitle01 .title .news {
      background-color: #73c8d4;
    }
    .informationDetailTitle01 .title .mente {
      background-color: #979797;
    }
  .informationDetailTitle01 .date {
    display: table-cell;
    padding: 19px 15px;
    text-align: right;
    font-size: 92.9%;
    width: 140px;
  }

.informationDetailTxt01 {
  padding: 16px 16px 26px;
  background: #fff;
  border-top: 1px dotted #c7c7c7;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
}

/* 79 PC_member_app
--------------------------------------------------------- */
.memberAppMyagmeWrap01 {
  border: 1px solid #939393;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
 .memberAppMyagmeWrap01 .cornerNoEntry01 {
    border-radius: 4px;
    -moz-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
 }

.memberAppMygame01 {
  overflow: hidden;
  padding: 20px 20px 25px;
}
.memberAppNewgame01 {
  overflow: hidden;
  padding: 18px 19px;
}
  .memberAppMygame01 > ul,
  .memberAppNewgame01 > ul {
    margin: -25px 0 0 -32px;
    display: block;
    min-height: 1%;
  }
  .memberAppNewgame01 > ul {
    margin: -20px 0 0 -18px;
  }
  .memberAppMygame01 > ul:after,
  .memberAppNewgame01 > ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .memberAppMygame01 > ul > li,
    .memberAppNewgame01 > ul > li {
      margin: 25px 0 0 32px;
      float: left;
      width: 335px;
    }
    .memberAppNewgame01 > ul > li {
      margin: 20px 0 0 18px;
      width: 223px;
    }
    .memberAppMygame01 > ul > li:nth-child(odd),
    .memberAppNewgame01 > ul > li:nth-child(3n+1) {
      clear: both;
    }
      .memberAppMygame01 ul li .image,
      .memberAppNewgame01 ul li .image {
        margin: 0 12px 0 0;
        float: left;
        position: relative;
      }
      .memberAppMygame01 ul li .textWrap,
      .memberAppNewgame01 ul li .textWrap {
        overflow: hidden;
      }
        .memberAppMygame01 ul li .textWrap .name,
        .memberAppNewgame01 ul li .textWrap .name {
          font-size: 114.3%;
          line-height: 1.3;
          margin: 0 0 5px;
        }
        .memberAppNewgame01 ul li .textWrap .name {
          font-size: 92.9%;
        }
        .memberAppMygame01 ul li .textWrap .detail,
        .memberAppNewgame01 ul li .textWrap .detail {
          font-size: 92.9%;
          margin: 0 0 8px;
        }
        .memberAppNewgame01 ul li .textWrap .detail {
          font-size: 78.6%;
        }
        .memberAppMygame01 ul li .textWrap .tag,
        .memberAppNewgame01 ul li .textWrap .tag {
          margin: -5px 0 0 -4px;
          display: block;
          min-height: 1%;
        }
        .memberAppMygame01 ul li .textWrap .tag:after,
        .memberAppNewgame01 ul li .textWrap .tag:after {
          clear: both;
          content:".";
          display: block;
          height: 0;
          visibility: hidden;
        }
          .memberAppMygame01 ul li .textWrap .tag li,
          .memberAppNewgame01 ul li .textWrap .tag li {
            margin: 5px 0 0 4px;
          }

.memberAppNewgameMore01 {
  padding: 0 16px 16px;
  text-align: right;
}

.gameListSearch01 {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #c7c7c7;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 92.9%;
}
  .gameListSearch01 .head {
    display: table-cell;
    padding: 12px;
    width: 100px;
    vertical-align: top;
    background: #e5e5e5;
  }
  .gameListSearch01 .list {
    display: table-cell;
    padding: 8px 2px;
  }
 
/* 81 PC_member_ignore_index
--------------------------------------------------------- */
.memberIgnoreTable01 input[type="text"].inputTxtType01,
.memberIgnoreTable01 .errorTxt01 {
  width: 436px;
}
.memberIgnoreTable01 th {
  font-size: 85.7%;
}
.memberIgnoreBtn01 {
  margin: 20px 0 0;
  text-align: center;
}
  .memberIgnoreBtn01 button {
    width: 288px;
    font-size: 128.6%;
    height: 40px;
    line-height: 1.5;
  }

.memberIgnoreList01 {
  overflow: hidden;
  padding: 14px 19px 20px;
}
  .memberIgnoreList01 > ul {
    margin: -24px 0 0 -18px;
    display: block;
    min-height: 1%;
  }
  .memberIgnoreList01 > ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .memberIgnoreList01 > ul > li {
      margin: 24px 0 0 18px;
      float: left;
      width: 223px;
    }
    .memberIgnoreList01 > ul > li:nth-child(3n+1) {
      clear: both;
    }
      .memberIgnoreList01 ul li .image {
        margin: 0 12px 0 0;
        float: left;
      }
        .memberIgnoreList01 ul li .image img {
          border: 1px solid #a5a5a5;
          border-radius: 5px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          -ms-border-radius: 5px;
        }
      .memberIgnoreList01 ul li .textWrap {
        overflow: hidden;
        padding: 0 0 4px;
      }
        .memberIgnoreList01 ul li .textWrap .name {
          font-size: 92.9%;
          line-height: 1.3;
          word-break: break-all;
        }
        .memberIgnoreList01 ul li .textWrap .release {
          margin: 25px 0 0;
          width: 61px;
        }
          .memberIgnoreList01 ul li .textWrap .release button {
            padding: 5px;
            font-size: 85.7%;
          }

/* 81 PC_member_ignore_confirm
--------------------------------------------------------- */
.memberIgnoreConfirmUserWrap01 {
  padding: 10px 13px;
  background: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}
  .memberIgnoreConfirmUser01 {
    display: table;
    width: 100%;
  }
    .memberIgnoreConfirmUser01 .image {
      width: 85px;
      display: table-cell;
      text-align: left;
      vertical-align: top;
    }
      .memberIgnoreConfirmUser01 .image img {
        border: 1px solid #a5a5a5;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
      }
    .memberIgnoreConfirmUser01 .name {
      display: table-cell;
      text-align: left;
      vertical-align: middle;
    }

.memberIgnoreConfirmList01 {
  margin: 25px 0 0;
}
  .memberIgnoreConfirmList01 li {
    font-size: 100%;
    margin: 0;
  }

/* 84 PC_member_profile_preview, 85 PC_member_profile_show
--------------------------------------------------------- */
.h1_basic01 .favoriteBtn {
  position: absolute;
  right: 6px;
  top: 7px;
  font-weight: bold;
  font-size: 100%;
  padding: 0;
  color: #fff;
  background: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
}
  .h1_basic01 .submitType02.favoriteBtn button[type="submit"] {
    border-color: #d87e9c;
    font-size: 78.6%;
    padding: 4px 7px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%); /* W3C */
  }
  .h1_basic01 .submitType02.favoriteBtn button[type="submit"].active {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fff6ba 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff6ba)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fff6ba 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fff6ba 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#fff6ba 100%); /* W3C */
  }
  .h1_basic01 .submitType02.favoriteBtn button[type="submit"].active:hover {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fff8c8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff8c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fff8c8 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fff8c8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#fff8c8 100%); /* W3C */
  }
    .h1_basic01 .submitType02.favoriteBtn button[type="submit"] span {
      padding: 0 0 0 19px;
    }
    .h1_basic01 .submitType02.favoriteBtn button[type="submit"] span:after {
      background-position: -280px -40px;
      width: 16px;
      height: 15px;
      margin: -8px 0 0;
    }
    .h1_basic01 .submitType02.favoriteBtn button[type="submit"]:hover span:after {
      background-position: -320px -40px;
    }
  .h1_basic01 .favoriteBtn .favoriteAddTxt {
    position: absolute;
    right: 109%;
    top: 50%;
    white-space: nowrap;
    display: block;
    border-collapse: separate;
    margin: -23px 0 0;
  }
  .h1_basic01 .favoriteBtn .favoriteAddTxt:before {
    display: block;
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    width: 11px;
    height: 19px;
    margin: -9px 0 0;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -320px 0;
  }
    .h1_basic01 .favoriteBtn .favoriteAddTxt span {
      color: #e84c80;
      font-size: 85.7%;
      white-space: nowrap;
      display: table-cell;
      border: 1px solid #c6c4c4;
      text-shadow: 0 0 1px rgba(255,255,255,1);
      height: 36px;
      padding: 5px 10px 5px 13px;
      vertical-align: middle;
      -moz-box-shadow: 2px 2px 2px rgba(7,0,2,.5), 0 0 7px rgba(255,255,255,1) inset;
      -webkit-box-shadow: 2px 2px 2px rgba(7,0,2,.5), 0 0 7px rgba(255,255,255,1) inset;
      -ms-box-shadow: 2px 2px 2px rgba(7,0,2,.5), 0 0 7px rgba(255,255,255,1) inset;
      box-shadow: 2px 2px 2px rgba(7,0,2,.5), 0 0 7px rgba(255,255,255,1) inset;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -ms-border-radius: 6px;
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 25%, #f2f2f2 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 25%,#f2f2f2 100%); /* W3C */
    }

.memberProfilePreviewGray01 {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.memberProfilePreviewWrap01 {
  display: table;
  width: 100%;
}
  .memberProfilePreviewWrap01 .memberProfilePreviewImage01 {
    display: table-cell;
    width: 199px;
    vertical-align: top;
  }
    .memberProfilePreviewWrap01 .memberProfilePreviewImage01 .image {
      position: relative;
      width: 180px;
      height: 180px;
    }
      .memberProfilePreviewWrap01 .memberProfilePreviewImage01 .image img {
        max-width: 180px;
        max-height: 180px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-box-shadow: 0 0 1px rgba(255,255,255,.75), 0 0 2px rgba(0,0,0,.2) inset;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75), 0 0 2px rgba(0,0,0,.2) inset;
        -ms-box-shadow: 0 0 1px rgba(255,255,255,.75), 0 0 2px rgba(0,0,0,.2) inset;
        box-shadow: 0 0 1px rgba(255,255,255,.75), 0 0 2px rgba(0,0,0,.2) inset;
      }
      .memberProfilePreviewWrap01 .memberProfilePreviewImage01 .image .change {
        display: block;
        width: 180px;
      }
        .memberProfilePreviewWrap01 .memberProfilePreviewImage01 .image .changeTxt {
          display: block;
          position: absolute;
          bottom: 0;
          padding: 7px 5px;
          width: 170px;
          color: #fff;
          font-size: 92.9%;
          text-align: center;
          background-color: rgba(0,0,0,0.4);
          border-radius: 0 0 4px 4px;
          -moz-border-radius: 0 0 4px 4px;
          -webkit-border-radius: 0 0 4px 4px;
          -ms-border-radius: 0 0 4px 4px;
        }
        .memberProfilePreviewWrap01 .memberProfilePreviewImage01 .image a:hover .changeTxt {
          text-decoration: underline;
        }
    .memberProfilePreviewWrap01 .memberProfilePreviewImage01 .login {
      font-size: 85.7%;
      margin: 5px 0 0;
      padding: 6px 5px;
      color: #fff;
      background: #2a2a2a;
      width: 170px;
      text-align: center;
    }
  .memberProfilePreviewTable01 {
    display: table-cell;
    width: 301px;
    vertical-align: top;
  }
    .memberProfilePreviewTable01 table {
      width: 280px;
    }
      .memberProfilePreviewTable01 th {
        padding: 16px 20px;
      }
      .memberProfilePreviewTable01 td {
        font-size: 100%;
        padding: 16px 10px 16px 14px;
      }
        .memberProfilePreviewTable01 td .text {
          float: left;
        }
        .memberProfilePreviewTable01 td .public {
          float: right;
          color: #fff;
          background: #6d6d6d;
          border-radius: 9px;
          -moz-border-radius: 9px;
          -webkit-border-radius: 9px;
          -ms-border-radius: 9px;
          min-width: 35px;
          padding: 1px 9px;
          font-size: 78.6%;
          text-align: center;
        }
  .memberProfilePreviewBtn01 {
    display: table-cell;
    vertical-align: middle;
  }
    .memberProfilePreviewBtn01 .profileBtn a span span {
      padding: 0 0 0 24px;
    }
    .memberProfilePreviewBtn01 .profileBtn a span span:after {
      margin: -9px 0 0;
      width: 16px;
      height: 18px;
      background-position: -80px -290px;
    }
    .memberProfilePreviewBtn01 .profileBtn a:hover span span:after {
      background-position: -120px -290px;
    }
    
    .memberProfilePreviewBtn01 .messageBtn a {
      color: #e84c80;
      background: #fcfcfc; /* Old browsers */
      background: -moz-linear-gradient(top,  #fcfcfc 0%, #ffcede 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ffcede)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ffcede 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #fcfcfc 0%,#ffcede 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #fcfcfc 0%,#ffcede 100%); /* W3C */
    }
    .memberProfilePreviewBtn01 .messageBtn a:hover {
      color: #ef7fa2;
      background: #fdfcfc; /* Old browsers */
      background: -moz-linear-gradient(top,  #fdfcfc 0%, #ffd9e5 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcfc), color-stop(100%,#ffd9e5)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fdfcfc 0%,#ffd9e5 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #fdfcfc 0%,#ffd9e5 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #fdfcfc 0%,#ffd9e5 100%); /* W3C */
    }
    .memberProfilePreviewBtn01 .messageBtn a span span {
      padding: 0 0 0 38px;
    }
    .memberProfilePreviewBtn01 .messageBtn a span span:after {
      margin: -10px 0 0;
      width: 25px;
      height: 20px;
      background-position: -200px -590px;
    }
    .memberProfilePreviewBtn01 .messageBtn a:hover span span:after {
      background-position: -240px -590px;
    }
    
    .memberProfilePreviewBtn01 .friendBtn {
      margin: 10px 0 0;
    }
    .memberProfilePreviewBtn01 .friendBtn a {
      color: #45b2c1;
      background: #fcfcfc; /* Old browsers */
      background: -moz-linear-gradient(top,  #fcfcfc 0%, #baecf3 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#baecf3)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fcfcfc 0%,#baecf3 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #fcfcfc 0%,#baecf3 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #fcfcfc 0%,#baecf3 100%); /* W3C */
    }
    .memberProfilePreviewBtn01 .friendBtn a:hover {
      color: #70b5bf;
      background: #fcfdfd; /* Old browsers */
      background: -moz-linear-gradient(top,  #fcfdfd 0%, #c9f0f5 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfdfd), color-stop(100%,#c9f0f5)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fcfdfd 0%,#c9f0f5 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #fcfdfd 0%,#c9f0f5 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #fcfdfd 0%,#c9f0f5 100%); /* W3C */
    }
    .memberProfilePreviewBtn01 .friendBtn a > span {
      padding: 8px 16px;
    }
    .memberProfilePreviewBtn01 .friendBtn a span span {
      padding: 0 0 0 32px;
      display: block;
    }
    .memberProfilePreviewBtn01 .friendBtn a span span:after {
      margin: -12px 0 0;
      width: 29px;
      height: 23px;
      background-position: -200px -640px;
    }
    .memberProfilePreviewBtn01 .friendBtn a:hover span span:after {
      background-position: -240px -640px;
    }
    .memberProfilePreviewBtn01 .friendBtn.btnTypeChansel a span span:after {
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat;
      margin: -10px 0 0;
      width: 29px;
      height: 23px;
      background-position: -280px -790px;
    }
    .memberProfilePreviewBtn01 .friendBtn.btnTypeChansel a:hover span span:after {
      background-position: -320px -790px;
    }   

.memberProfilePreviewCommentWrap01 {
  position: relative;
  margin: 16px 0 0;
  min-height: 69px;
  border: 1px solid #c7c7c7;
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.memberProfilePreviewCommentWrap01:before {
  content: "";
  position: absolute;
  left: 87px;
  top: -9px;
  border-width: 0 9px 9px;
  border-color: transparent transparent #c7c7c7;
  border-style: solid;
}
.memberProfilePreviewCommentWrap01:after {
  content: "";
  position: absolute;
  left: 88px;
  top: -8px;
  border-width: 0 8px 8px;
  border-color: transparent transparent #fff;
  border-style: solid;
}
  .memberProfilePreviewCommentWrap01 .public {
    position: absolute;
    right: 16px;
    top: 15px;
    color: #fff;
    background: #6d6d6d;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -ms-border-radius: 9px;
    min-width: 35px;
    margin: 0 0 0 10px;
    padding: 1px 9px;
    font-size: 78.6%;
    text-align: center;
  }
  .memberProfilePreviewCommentWrap01 .comment {
    overflow: hidden;
  }
  .memberProfilePreviewCommentWrap01 .commentIn {
    padding: 16px 16px 16px 16px;
  }
  .memberProfilePreviewCommentWrap01 .cornerMoreBtn01,
  .memberProfilePreviewCommentWrap01 .loading_box_01{
    background: #f8f8f8;
    border-top-color: #c7c7c7;
  }
  
.memberProfilePreviewMygame01 .title01,
.memberProfilePreviewMycommunity01 .title01,
.memberProfilePreviewMyfriend01 .title01 {
  padding-left: 43px;
  position: relative;
}
.memberProfilePreviewMygame01 .title01:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 8px;
  width: 20px;
  height: 17px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -160px -590px;
}
.memberProfilePreviewMycommunity01 .title01:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 4px;
  width: 20px;
  height: 24px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -160px -640px;
}
.memberProfilePreviewMyfriend01 .title01:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 9px;
  width: 22px;
  height: 18px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -160px -690px;
}
.memberProfilePreviewMygame01 .public,
.memberProfilePreviewMycommunity01 .public,
.memberProfilePreviewMyfriend01 .public {
  position: absolute;
  right: 8px;
  top: 9px;
  color: #fff;
  background: #6d6d6d;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
  min-width: 35px;
  padding: 1px 9px;
  font-size: 78.6%;
  text-align: center;
}

.memberProfilePreviewMore01 {
  padding: 0 16px 8px;
  text-align: right;
}

.memberProfilePreviewList01 {
  padding: 19px 6px 15px;
}
  .memberProfilePreviewList01 ul {
    display: block;
    min-height: 1%;
  }
  .memberProfilePreviewList01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .memberProfilePreviewList01 ul li {
      float: left;
      margin: 0 23px 0 0;
      width: 165px;
      text-align: center;
      font-size: 92.9%;
    }
    .memberProfilePreviewList01 ul li:last-child {
      margin: 0;
    }
      .memberProfilePreviewList01 ul li .image {
        margin: 0 0 8px;
      }
        .memberProfilePreviewMyfriend01 .memberProfilePreviewList01 ul li .image img {
          border: 1px solid #a0a0a0;
          border-radius: 5px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          -ms-border-radius: 5px;
        }
      .memberProfilePreviewList01 ul li .official {
        font-size: 84.6%;
        margin: 0 4px 0 0;
        padding: 0 4px;
        color: #fff;
        background: #73c8d4;
        text-shadow: 0 -1px 0 rgba(7,0,2,.1);
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
      }

  .memberProfilePreviewList01 {
    text-align: center;
  }
   .memberProfilePreviewList01 .btnType02{
    width:302px;
   }
    .memberProfilePreviewList01 .btnType02 a span span:after {
      margin: -9px 0 0;
      width: 16px;
      height: 18px;
      background-position: -80px -290px;
     }
     .memberProfilePreviewList01 .btnType02 a:hover span span:after {
      background-position: -120px -290px;
     }


/* 88 PC_member_profile_edit
--------------------------------------------------------- */
.memberProfileEditTable01 td {
  font-size: 100%;
}
  .memberProfileEditTable01 td .public {
    float: right;
    color: #fff;
    background: #6d6d6d;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -ms-border-radius: 9px;
    min-width: 35px;
    margin: 8px 0 0;
    padding: 1px 14px;
    font-size: 78.6%;
    text-align: center;
  }
  
  .memberProfileEditTable01 td .plainTxtBirthday {
    padding: 8px 10px 0;
    font-size: 114.3%;
    float: left;
  }
  .memberProfileEditTable01 td .plainTxtBirthday:first-child {
    padding: 8px 10px 0 0;
  }
  .memberProfileEditTable01 td .birthYearInput[type="text"] {
    width: 100px;
    float: left;
    font-size: 114.3%;
    padding: 8px;
  }
  .memberProfileEditTable01 td .publicSelect,
  .memberProfileEditTable01 td .publicSelect02 {
    width: 193px;
    float: right;
  }
  .memberProfileEditTable01 td .publicSelect02 {
    float: left;
  }
  .memberProfileEditTable01 td .birthSelect {
    width: 116px;
    float: left;
  }
  .memberProfileEditTable01 td .radioList {
    padding: 8px 0;
    float: left;
    display: block;
    min-height: 1%;
  }
  .memberProfileEditTable01 td .radioList:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .memberProfileEditTable01 td .radioList li {
      margin: 0 60px 0 0;
      float: left;
    }
    .memberProfileEditTable01 td .radioList li:last-child {
      margin: 0;
    }

  .memberProfileEditTable01 .formIn01 {
    width: 412px;
    float: left;
  }
  .memberProfileEditTable01 .formIn02 {
    width: 436px;
    float: left;
  }

/* 90 PC_member_profile_avatar
--------------------------------------------------------- */
.memberProfileAvatarWrap01 {
  border: 1px solid #939393;
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  -ms-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}
  .memberProfileAvatarList01 {
    padding: 18px 20px 20px;
  }
    .memberProfileAvatarList01 ul {
      margin: -20px 0 0 -9px;
      display: block;
      min-height: 1%;
    }
    .memberProfileAvatarList01 ul:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      .memberProfileAvatarList01 ul li {
        float: left;
        width: 228px;
        margin: 20px 0 0 9px;
        position: relative;
      }
      .memberProfileAvatarList01 ul li:nth-child(3n+1) {
        clear: both;
      }
        .memberProfileAvatarList01 ul li .image {
          float: left;
        }
          .memberProfileAvatarList01 ul li .image img {
            float: left;
            border: 1px solid #a4a4a4;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            -ms-border-radius: 6px;
          }
        .memberProfileAvatarList01 ul li .textWrap {
          float: right;
          width: 136px;
          padding: 0 0 34px;
        }
          .memberProfileAvatarList01 ul li .textWrap .name {
            font-size: 92.9%;
          }
          .memberProfileAvatarList01 ul li .textWrap .btn {
            position: absolute;
            bottom: 4px;
          }
            .memberProfileAvatarList01 ul li .textWrap .btn button {
              font-size: 85.7%;
              width: 62px;
              padding: 5px;
            }
            .memberProfileAvatarList01 ul li .textWrap .btn button:disabled,
            .memberProfileAvatarList01 ul li .textWrap .btn button.active {
              color: #e84c80 !important;
              border-color: #ffa9c6 !important;
              background: #ffd9e6 !important; /* Old browsers */
              background: -moz-linear-gradient(top,  #ffd9e6 0%, #ffebf2 100%) !important; /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd9e6), color-stop(100%,#ffebf2)) !important; /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top,  #ffd9e6 0%,#ffebf2 100%) !important; /* Chrome10+,Safari5.1+ */
              background: -ms-linear-gradient(top,  #ffd9e6 0%,#ffebf2 100%) !important; /* IE10+ */
              background: linear-gradient(to bottom,  #ffd9e6 0%,#ffebf2 100%) !important; /* W3C */
              -moz-box-shadow: none !important;
              -webkit-box-shadow: none !important;
              -ms-box-shadow: none !important;
              box-shadow: none !important;
              text-shadow: none !important;
            }

.memberProfileAvatarPagination01 {
  border-top: 1px dotted #c7c7c7;
  background: #e9e9e9;
  padding: 10px;
  overflow: hidden;
  position: relative;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
}
  .memberProfileAvatarPaginationIn01 {
    position: relative;
    float: left;
    left: 50%;
  }
    .memberProfileAvatarPaginationIn01 .prev,
    .memberProfileAvatarPaginationIn01 .next,
    .memberProfileAvatarPaginationIn01 .number {
      font-size: 92.9%;
      position: relative;
      left: -50%;
      float: left;
      font-weight: bold;
    }
    .memberProfileAvatarPaginationIn01 .number {
      padding: 0 60px;
    }
      .memberProfileAvatarPaginationIn01 .number em {
        color: #e84c80;
        font-weight: bold;
      }

/* 95 PC_message_friends
--------------------------------------------------------- */
.messageFriendsWrap01 {
  background: #3d3d3d;
  padding: 6px 8px;
  text-align: left;
}
  .messageFriendsHeader01 {
    padding: 0 0 10px 3px;
    position: relative;
  }
    .messageFriendsHeader01 h1 {
      position: relative;
      color: #fff;
    }
    .messageFriendsHeader01 .close {
      position: absolute;
      right: 0;
      top: 0;
    }
      .messageFriendsHeader01 .close a {
        display: block;
        height: 22px;
        width: 22px;
        overflow: hidden;
        text-indent: -9999px;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        -ms-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        box-shadow: 0 1px 0 rgba(255,255,255,.1);
        background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -80px -790px;
      }
      .messageFriendsHeader01 .close a:hover {
        position: relative;
        top: 1px;
        background-position: -120px -790px;
      }

.messageFriendsSearch01 {
  padding: 6px 7px 9px;
  background: #e9e9e9;
}
  .messageFriendsSearch01 .textSearch {
    position: relative;
  }
    .messageFriendsSearch01 .textSearch .inputTxtType01 {
      padding: 7px 35px 7px 10px;
    }
    .messageFriendsSearch01 .textSearch .inputTxtType01::-ms-clear {
      display: none;
    }
    .messageFriendsSearch01 .textSearch .submitBtn {
      position: absolute;
      right: 0;
      top: 0;
      width: 29px;
      height: 29px;
      overflow: hidden;
      text-indent: -9999px;
      border: none;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -80px -833px;
    }
    .messageFriendsSearch01 .textSearch .submitBtn:hover {
      background-position: -120px -833px;
    }
  .messageFriendsSearch01 .sort {
    margin: 7px 0 0;
    display: block;
    min-height: 1%;
  }
  .messageFriendsSearch01 .sort:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .messageFriendsSearch01 .sort select {
      float: right;
      border: 1px solid #4c4b4b;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -ms-border-radius: 2px;
    }

.messageFriendsList01 {
  max-height: 280px;
}
  .messageFriendsList01 li {
    border-top: 1px dotted #c7c7c7;
    background: #fff;
  }
    .messageFriendsList01 li a {
      display: table;
      width: 100%;
      color: #333;
    }
    .messageFriendsList01 li a:hover {
      text-decoration: none;
      background: #ffecf2;
    }
      .messageFriendsList01 li a .image {
        display: table-cell;
        width: 42px;
        padding: 5px 10px 5px 7px;
      }
        .messageFriendsList01 li a .image img {
          border: 1px solid #aaa;
          border-radius: 3px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          -ms-border-radius: 3px;
        }
      .messageFriendsList01 li a .textWrap {
        display: table-cell;
        padding: 5px 10px 5px 0;
        vertical-align: middle;
      }
        .messageFriendsList01 li a .textWrap .login {
          color: #666;
          font-size: 85.7%;
        }

.messageFriendsMore01 {
  border-top: 1px dotted #c7c7c7;
  padding: 5px 8px;
  background: #e9e9e9;
}

/* 96 PC_message_send
--------------------------------------------------------- */
.messageSendForm01 .address {
}
  .messageSendForm01 .address .plainTxt {
    margin-right: 10px;
    float: left;
  }
  .messageSendForm01 .address .btn {
    float: left;
    position: relative;
    padding: 2px 0;
  }
    .messageSendForm01 .address a {
      display: inline-block;
      font-size: 92.9%;
      padding: 5px 10px;
    }
    .messageSendForm01 .address iframe {
      position: absolute;
      right: -288px;
      top: 2px;
      z-index: 2;
      width: 282px;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      -ms-border-radius: 4px;
      -moz-box-shadow: 2px 3px 3px rgba(0,0,0,.5);
      -webkit-box-shadow: 2px 3px 3px rgba(0,0,0,.5);
      -ms-box-shadow: 2px 3px 3px rgba(0,0,0,.5);
      box-shadow: 2px 3px 3px rgba(0,0,0,.5);
    }

/* 98 PC_message_list
--------------------------------------------------------- */

.messageListTable01 {
  width: 100%;
}
  .messageListTable01 .w80 { width: 80px;}
  .messageListTable01 th {
    background: #e5e5e5;
    padding: 8px 0;
    font-size: 85.7%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .messageListTable01 th.check {
    width: 90px;
    text-align: center;
  }
    .messageListTable01 th.check input {
    }
  .messageListTable01 th.name {
    width: 195px;
  }
  .messageListTable01 th.date {
    width: 80px;
    padding: 0 0 0 8px;
  }
  .messageListTable01 td {
    padding: 5px 10px 5px 0;
    font-size: 85.7%;
    vertical-align: middle;
    border-bottom: 1px dotted #c7c7c7;
  }
  .messageListTable01 tr.new td {
    font-weight: bold;
  }
  .messageListTable01 tr:last-child td {
    border-bottom: none ;
  }
  .messageListTable01 td.check {
    text-align: center;
    padding: 5px 0;
  }
    .messageListTable01 td.check label {
      padding: 0;
      width: 20px;
      height: 19px;
      overflow: hidden;
    }
    .messageListTable01 td.check label:before {
      top: 0;
    }
  .messageListTable01 td.name .nameIn {
    display: table;
    width: 100%;
  }
    .messageListTable01 td.name .nameIn .image {
      display: table-cell;
      width: 50px;
      text-align: left;
      vertical-align: middle;
    }
      .messageListTable01 td.name .nameIn .image img {
        border: 1px solid #aaa;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
      }
    .messageListTable01 td.name .nameIn .text {
      display: table-cell;
      vertical-align: middle;
      word-break: break-all;
    }
  .messageListTable01 td.subject {
    font-size: 92.9%;
  }
  .messageListTable01 td.date {
    padding-right: 17px;
    text-align: right;
  }

/* 99 PC_message_detail
--------------------------------------------------------- */
.messageDetailFrom01 {
  background: #f8f8f8;
  display: table;
  width: 100%;
}
  .messageDetailFrom01 .head,
  .messageDetailFrom01 .image,
  .messageDetailFrom01 .name,
  .messageDetailFrom01 .date {
    display: table-cell;
    vertical-align: middle;
    padding: 9px 0;
  }
  .messageDetailFrom01 .head {
    text-align: center;
    font-size: 92.9%;
    width: 66px;
  }
  .messageDetailFrom01 .image {
    width: 42px;
  }
    .messageDetailFrom01 .image img {
      border: 1px solid #aaa;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
    }
  .messageDetailFrom01 .name {
    padding: 9px;
  }
  .messageDetailFrom01 .date {
    padding: 9px 19px 9px 0;
    text-align: right;
    width: 140px;
  }

.messageDetailContents01 {
  padding: 15px 15px 20px;
  background: #fff;
  border-top: 1px dotted #c7c7c7;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
}
  .messageDetailContents01 .subject {
    font-weight: bold;
    margin: 0 0 15px;
    padding: 0 0 12px;
    border-bottom: 1px dotted #c7c7c7;
  }
  .messageDetailContents01 .friendBtn01 {
    margin: 20px auto 0;
    width: 252px;
  }
    .messageDetailContents01 .friendBtn01 button span {
      padding: 0 0 0 36px;
    }
    .messageDetailContents01 .friendBtn01 button span:after {
      width: 29px;
      height: 23px;
      margin: -11px 0 0;
      background-position: -200px -640px;
    }
    .messageDetailContents01 .friendBtn01 button:hover span:after {
      background-position: -240px -640px;
    }

.messageDetailPaginationWrap01 {
  margin: 15px 0 0;
  padding: 4px 0 0;
  position: relative;
  min-height: 20px;
}
  .messageDetailPaginationWrap01 .pagination {
    position: relative;
    overflow: hidden;
  }
    .messageDetailPaginationWrap01 .pagination ul {
      position: relative;
      left: 50%;
      float: left;
    }
      .messageDetailPaginationWrap01 .pagination ul li {
        position: relative;
        left: -50%;
        float: left;
        font-size: 92.9%;
        padding: 0 20px;
        border-right: 1px solid #c7c7c7;
        -moz-box-shadow: 1px 0 0 rgba(255,255,255,1);
        -webkit-box-shadow: 1px 0 0 rgba(255,255,255,1);
        -ms-box-shadow: 1px 0 0 rgba(255,255,255,1);
        box-shadow: 1px 0 0 rgba(255,255,255,1);
      }
      .messageDetailPaginationWrap01 .pagination ul li:last-child {
        border-right: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
      }
  .messageDetailPaginationWrap01 .deleteBtn {
    min-width: 77px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .messageDetailPaginationWrap01 .newMessageBtn {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 163px;
  }
    .messageDetailPaginationWrap01 .deleteBtn button,
    .messageDetailPaginationWrap01 .newMessageBtn button {
      font-size: 92.9%;
      padding: 3px;
    }
    .messageDetailPaginationWrap01 .newMessageBtn button {
      font-size: 92.9%;
      padding: 4px 3px;
      color: #e84c80;
      background: #fcfcfc; /* Old browsers */
      background: -moz-linear-gradient(top,  #fcfcfc 0%, #ffcede 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ffcede)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ffcede 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #fcfcfc 0%,#ffcede 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #fcfcfc 0%,#ffcede 100%); /* W3C */
    }
    .messageDetailPaginationWrap01 .newMessageBtn button:hover {
      color: #ef7fa2;
      background: #fdfcfc; /* Old browsers */
      background: -moz-linear-gradient(top,  #fdfcfc 0%, #ffd9e5 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcfc), color-stop(100%,#ffd9e5)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #fdfcfc 0%,#ffd9e5 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #fdfcfc 0%,#ffd9e5 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #fdfcfc 0%,#ffd9e5 100%); /* W3C */
    }
    .messageDetailPaginationWrap01 .deleteBtn button:disabled,
    .messageDetailPaginationWrap01 .newMessageBtn button:disabled {
      -moz-box-shadow:0 1px 1px rgba(36,45,51,.25) !important;
      -webkit-box-shadow:0 1px 1px rgba(36,45,51,.25) !important;
      box-shadow:0 1px 1px rgba(36,45,51,.25) !important;
    }
      .messageDetailPaginationWrap01 .newMessageBtn button span {
        padding: 0 0 0 20px;
      }
      .messageDetailPaginationWrap01 .newMessageBtn button span:after {
        width: 16px;
        height: 14px;
        margin: -6px 0 0;
        background-position: -200px -690px;
      }
      .messageDetailPaginationWrap01 .newMessageBtn button:hover span:after {
        background-position: -240px -690px;
      }

/* 100 PC_payment_index
--------------------------------------------------------- */
.paymentIndexSelectWrap01 {
  padding: 18px 19px;
  background: #e5e5e5;
  border-top: 1px dotted #c7c7c7;
}
.paymentIndexSelectWrap01:first-child {
  border-top: none;
}

.paymentIndexTable01 {
  width: 100%;
}
  .paymentIndexTable01 td {
    background: #f8f8f8;
    vertical-align: middle;
    border-bottom: 1px dotted #c7c7c7;
    padding: 10px 12px;
  }
  .paymentIndexTable01 td.radio {
    width: 270px;
    background: #fff;
    padding: 16px 20px;
    border-bottom: 1px dotted #c7c7c7;
  }
  .paymentIndexTable01 td.active {
    background: #f1ffd2;
  }
  .paymentIndexTable01 tr:last-child td {
    border-bottom: none;
  }
  .paymentIndexTable01 tr:first-child td {
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -ms-border-radius-topright: 3px;
  }
  .paymentIndexTable01 tr:first-child td.radio {
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    -ms-border-radius-topright: 0;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -ms-border-radius-topleft: 3px;
  }
  .paymentIndexTable01 tr:last-child td {
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -ms-border-radius-bottomright: 3px;
  }
  .paymentIndexTable01 tr:last-child td.radio {
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -ms-border-radius-bottomright: 0;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -ms-border-radius-bottomleft: 3px;
  }
    .paymentIndexTable01 td .listBasic01 {
      color: #666;
      line-height: 1.3;
    }
    .paymentIndexTable01 td.radio .listBasic01,
    .paymentIndexTable01 td  p + .listBasic01{
      margin: 14px 0 0;
    }
    .paymentIndexTable01 td .credit,
    .paymentIndexTable01 td .amazon,
    .paymentIndexTable01 td .emoney,
    .paymentIndexTable01 td .bitcash,
    .paymentIndexTable01 td .payCandy {
      overflow: hidden;
      text-indent: -9999px;
      width: 166px;
      height: 25px;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -440px;
    }
    .paymentIndexTable01 td .amazon {
      background-position: -255px -494px;
      width: 123px;
      height: 23px;
    }
    .paymentIndexTable01 td .emoney {
      background-position: 0 -1520px;
      width: 287px;
      height: 120px;
    }
    .paymentIndexTable01 td .bitcash {
      background-position: 0 -590px;
      width: 72px;
      height: 25px;
    }
    .paymentIndexTable01 td .payCandy {
      background-position: 0 -494px;
      width: 250px;
      height: 57px;
    }

.paymentIndexCreditWrap01 {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background: #fff;
}
  .paymentIndexCreditWrap01 .columnL,
  .paymentIndexCreditWrap01 .columnR {
    display: table-cell;
    padding: 18px 20px 30px;
  }
  .paymentIndexCreditWrap01 .columnR {
    width: 252px;
    vertical-align: bottom;
  }
    .paymentIndexCreditWrap01 .columnR .listBasic01{
      padding-bottom:8px;
    }
    .paymentIndexCreditWrap01 .columnL h3 {
      font-weight: bold;
    }
    .paymentIndexCreditWrap01 .columnL select {
      margin: 7px 0 0;
      height: 30px;
      min-width: 256px;
    }
    .paymentIndexCreditWrap01 .columnL input {
      margin: 7px 0 0;
      height: 30px;
      width: 256px;
      font-size: 15px;
    }
    .paymentIndexCreditWrap01 .columnR .btnType02 {
      display: block;
      width: auto;
    }
      .paymentIndexCreditWrap01 .columnR .submitType02 button {
        font-size: 100%;
      }

.paymentIndexSelectCoin01 {
  background: #fff;
  padding: 15px 38px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  overflow: hidden;
}
  .paymentIndexSelectCoin01 ul {
    margin: -10px 0 0;
    display: block;
    min-height: 1%;
  }
  .paymentIndexSelectCoin01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .paymentIndexSelectCoin01 ul li {
      margin: 10px 0 0;
      float: left;
      width: 302px;
      position: relative;
    }
    .paymentIndexSelectCoin01 ul li:nth-child(even) {
      float: right;
    }
      .paymentIndexSelectCoin01 ul li .submitType02 button {
        font-size: 100%;
        text-shadow: 0 0 1px rgba(255,255,255,.5);
        background: #baff70; /* Old browsers */
        background: -moz-linear-gradient(top,  #baff70 0%, #8cd847 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#baff70), color-stop(100%,#8cd847)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #baff70 0%,#8cd847 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top,  #baff70 0%,#8cd847 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #baff70 0%,#8cd847 100%); /* W3C */
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 0 7px rgba(255,255,255,1) inset;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 0 7px rgba(255,255,255,1) inset;
        -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 0 7px rgba(255,255,255,1) inset;
        box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 0 7px rgba(255,255,255,1) inset;
        border: 1px solid #6bb312;
        color: #244a18;
        padding: 12px 10px;
      }
      .paymentIndexSelectCoin01 ul.route_BCS li .submitType02 button {
        padding: 6px 10px;
      }
      .paymentIndexSelectCoin01 ul.route_PCD li .submitType02 button {
        padding: 6px 10px;
      }
      .paymentIndexSelectCoin01 ul li .submitType02 button:hover {
        border-color: #89c241;
        background: #c8ff8d; /* Old browsers */
        background: -moz-linear-gradient(top,  #c8ff8d 0%, #a3e06d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8ff8d), color-stop(100%,#a3e06d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #c8ff8d 0%,#a3e06d 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top,  #c8ff8d 0%,#a3e06d 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #c8ff8d 0%,#a3e06d 100%); /* W3C */
        color: #506e46;
      }
      .paymentIndexSelectCoin01 ul li .submitType02 button:disabled {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
      }
        .paymentIndexSelectCoin01 ul li .submitType02 button > span {
          display: block;
          padding: 0 0 0 40px;
        }
        .paymentIndexSelectCoin01 ul li .submitType02 button > span:after {
          width: 39px;
          height: 40px;
          background-position: -240px -340px;
          margin: -20px 0 0;
        }
        .paymentIndexSelectCoin01 ul li .submitType02 button:hover > span:after {
          background-position: -280px -340px;
        }
        .paymentIndexSelectCoin01 ul li .submitType02 button:disabled > span:after {
          background-position: -280px -340px;
        }
        .paymentIndexSelectCoin01 ul.route_PCD li .submitType02.icon_popular button > span:after {
          width: 50px;
          height: 50px;
          background-position: -1110px -740px;
          margin: -25px 0 0;
          left: -5px;
        }
          .paymentIndexSelectCoin01 ul li .submitType02 button > span em {
            font-size: 142.9%;
            font-weight: bold;
          }
      .paymentIndexSelectCoin01 ul li .setting {
        position: absolute;
        right: 12px;
        top: 14px;
        color: #fff;
        background: rgba(237,112,153,.85);
        padding: 3px 18px;
      }

.paymentIndexEcontext01 {
  padding: 11px 20px 15px;
}
  .paymentIndexEcontext01 .titleWrap {
    margin: 0 0 8px;
    display: block;
    min-height: 1%;
  }
  .paymentIndexEcontext01 .titleWrap:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .paymentIndexEcontext01 .titleWrap h2 {
      float: left;
      font-weight: bold;
    }
    .paymentIndexEcontext01 .titleWrap .logo {
      float: right;
      width: 116px;
      height: 26px;
      overflow: hidden;
      text-indent: -9999px;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -640px;
    }
    .paymentIndexEcontext01 .titleWrap .logo.paycandy {
      float: right;
      width: 110px;
      height: 27px;
      overflow: hidden;
      text-indent: -9999px;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -494px;
    }
  .paymentIndexEcontext01 .text {
    font-size: 85.7%;
  }

/* コインキャンペーン中 */
.formTable01 .campaignTxtConfirm{
  font-size: 100%;
  color: #e84c80;
}

/* 購入コイン額注意文言 */
.increase_campaign_info {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 3px;
  background-color: #fff;
  text-align: center;
  font-weight: normal;
}

.increase_campaign_info .fa {
    margin-right: 3px;
}

.amazonPayIframe01 {
  width: 715px;
  height: 228px;
}

.amazonPayIframe02 {
  width: 715px;
  height: 100px;
}

/* 101 PC_payment_bitcash
--------------------------------------------------------- */
.paymentBitcashTable01 input[type="text"].inputTxtType01,
.paymentBitcashTable01 .errorTxt01 {
  width: 436px;
}

/* 102 PC_payment_confirm
--------------------------------------------------------- */
.paymentConfirmTerms01 {
  margin: 20px 0 0;
  font-size: 92.9%;
}

/* 103 PC_register_member_index
--------------------------------------------------------- */
.registerMemberReadTxt02,
.registerMemberReadTxt03,
.registerMemberReadTxt04 {
  position: relative;
  margin: -5px 0 10px;
  padding: 0 0 0 105px;
}
.registerMemberReadTxt01:before,
.registerMemberReadTxt02:before,
.registerMemberReadTxt03:before,
.registerMemberReadTxt04:before {
  content: "";
  position: absolute;
  width: 96px;
  height: 96px;
  left: 0;
  top: 50%;
  margin: -48px 0 0;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -680px -290px;
}
.registerMemberReadTxt02:before { background-position: -680px -390px;}
.registerMemberReadTxt03:before { background-position: -1010px 0;}
.registerMemberReadTxt04:before { background-position: -1010px -100px;}
  .registerMemberReadTxtIn01 {
    display: table;
  }
    .registerMemberReadTxtIn01 .text {
      display: table-cell;
      vertical-align: middle;
      height: 96px;
    }
      .registerMemberReadTxtIn01 .text .mailTxt {
        font-size: 142.9%;
      }
        .registerMemberReadTxtIn01 .text .mailTxt em {
          color: #319baa;
        }

.registerMemberIndexLIn01 {
  padding: 7px 0 134px;
}

.registerMemberIndexForm01 {
  padding: 20px;
  border: 1px solid #e8e8e8;
  background: #f8f8f8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
  .registerMemberIndexForm01 .errorTxt01 {
    font-size: 85.7%;
    margin: 0 0 14px;
  }
  .registerMemberIndexForm01 .inputTxt input {
    font-size: 100%;
    padding: 10px 10px;
  }
  .registerMemberIndexForm01 .btn {
    margin: 20px 0 0;
    text-align: center;
  }
    .registerMemberIndexForm01 .btn button {
      box-sizing: border-box;
      font-size: 128.6%;
      height: 42px;
      width: 302px;
    }

.registerMemberIndexBalloon01 {
  padding: 10px 6px 19px;
  position: absolute;
  bottom: 0;
}
.registerMemberIndexBalloon01:after {
  content: "";
  width: 150px;
  height: 144px;
  position: absolute;
  bottom: 0;
  left: 277px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -830px -290px;
}
  .registerMemberIndexBalloon01 .balloonIn {
    width: 271px;
    background: #fff;
    display: table;
    border-collapse: separate;
    -moz-box-shadow: 0 0 7px rgba(255,211,225,1);
    -webkit-box-shadow: 0 0 7px rgba(255,211,225,1);
    -ms-box-shadow: 0 0 7px rgba(255,211,225,1);
    box-shadow: 0 0 7px rgba(255,211,225,1);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
  }
  .registerMemberIndexBalloon01 .balloonIn.ieBrowser {
    -ms-box-shadow: 0 0 8px 1px rgba(255,211,225,.8);
    box-shadow: 0 0 8px 1px rgba(255,211,225,.8);
  }
    .registerMemberIndexBalloon01 .balloonIn .text {
      display: table-cell;
      padding: 5px 18px;
      height: 105px;
      vertical-align: middle;
    }
      .registerMemberIndexBalloon01 .balloonIn .text .balloonTxt01 {
        color: #e84c80;
        font-size: 128.6%;
      }
      .registerMemberIndexBalloon01 .balloonIn .text .balloonTxtNotes01 {
        font-size: 85.7%;
        padding: 0 0 0 1em;
        position: relative;
      }
      .registerMemberIndexBalloon01 .balloonIn .text .balloonTxtNotes01:before {
        content: "※";
        position: absolute;
        left: 0;
        top: 0;
      }

.registerMemberIndexSign01 {
  margin: 0 auto;
  width: 745px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.dlsiteAccountBox {
  border-top: 1px dotted #c7c7c7;
  padding-top: 20px;
}

.dlsiteAccountBoxInner {
  width: 540px;
  margin: 0 auto;  
}

.dlsiteAccountBoxInner p {
  margin-top: 5px;
}

/* 104 PC_register_member_info
--------------------------------------------------------- */
.registerMemberTable01 {
  position: relative;
}
.registerSecWrap01 {
  width: 745px;
  margin: 0 auto;
}

.registerMemberTable01 td {
  font-size: 100%;
}
  .registerMemberTable01 td .plainTxtBirthday {
    padding: 8px 10px 0;
    font-size: 114.3%;
    float: left;
  }
  .registerMemberTable01 td .plainTxtBirthday:first-child {
    padding: 8px 10px 0 0;
  }
  .registerMemberTable01 td .birthYearInput[type="text"] {
    width: 100px;
    float: left;
    font-size: 114.3%;
    padding: 8px;
  }
  .registerMemberTable01 td .birthSelect {
    width: 100px;
    float: left;
  }
  .registerMemberTable01 td .radioWrap{
    padding-top: 8px;
  }
   .registerMemberTable01 td .radioWrap label{
     margin-right: 25px;
  }
  
.registerMemberInfoBtn01 {
  margin: 20px 0 0;
  text-align: center;
}
  .registerMemberInfoBtn01 button {
    width: 302px;
    height: 42px;
    font-size: 128.6%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

.registerMemberInfoBalloon01 {
  padding: 27px 34px 17px;
  position: absolute;
  bottom: 0;
}
.registerMemberInfoBalloon01:after {
  content: "";
  width: 150px;
  height: 144px;
  position: absolute;
  bottom: 0;
  left: 524px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -830px -290px;
}
  .registerMemberInfoBalloon01 .balloonIn {
    width: 490px;
    background: #fff;
    display: table;
    border-collapse: separate;
    -moz-box-shadow: 0 0 7px rgba(255,211,225,1);
    -webkit-box-shadow: 0 0 7px rgba(255,211,225,1);
    -ms-box-shadow: 0 0 7px rgba(255,211,225,1);
    box-shadow: 0 0 7px rgba(255,211,225,1);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
  }
  .registerMemberInfoBalloon01 .balloonIn.ieBrowser {
    -ms-box-shadow: 0 0 8px 1px rgba(255,211,225,.8);
    box-shadow: 0 0 8px 1px rgba(255,211,225,.8);
  }
    .registerMemberInfoBalloon01 .balloonIn .text {
      display: table-cell;
      padding: 5px 40px;
      height: 105px;
      vertical-align: middle;
    }
      .registerMemberInfoBalloon01 .balloonIn .text .balloonTxt01 {
        font-size: 107.1%;
      }

.dlsiteAccountAttention {
  padding: 10px 15px;
  margin: 0 15px 20px;
  border: 1px solid #c00;
  background: #fff1f1;
  border-radius: 5px;
}

  .dlsiteAccountAttention .titleMessage {
    color: #c00;
    font-size: 107.1%;
    font-weight: bold;
    line-height: 1.4;
  }
    .dlsiteAccountAttention .titleMessage:before {
      font-family: "Font Awesome 5 Pro";
      content: "\f06a";
      display: inline-block;
      font-size: 114.3%;
      font-weight: 900;
      margin-right: 3px;
    }
  
  .dlsiteAccountAttention ul {
    color: #333;
    padding: 5px 15px 0;
  }
    .dlsiteAccountAttention ul li {
      line-height: 1.6;
      font-size: 92.9%;
    }
      .dlsiteAccountAttention ul li strong {
        color: #c00;
      }

/* 105 PC_register_member_complete
--------------------------------------------------------- */
.registerMemberCompleteBalloon01 {
  position: relative;
  padding: 0 0 54px 58px;
}
.registerMemberCompleteBalloon01:after {
  content: "";
  position: absolute;
  left: 548px;
  top: -66px;
  width: 173px;
  height: 267px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -1010px -290px;
}
  .registerMemberCompleteBalloon01 .balloonIn {
    width: 490px;
    background: #fff;
    display: table;
    border-collapse: separate;
    -moz-box-shadow: 0 0 7px rgba(255,211,225,1);
    -webkit-box-shadow: 0 0 7px rgba(255,211,225,1);
    -ms-box-shadow: 0 0 7px rgba(255,211,225,1);
    box-shadow: 0 0 7px rgba(255,211,225,1);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
  }
  .registerMemberCompleteBalloon01 .balloonIn.ieBrowser {
    -ms-box-shadow: 0 0 8px 1px rgba(255,211,225,.8);
    box-shadow: 0 0 8px 1px rgba(255,211,225,.8);
  }
    .registerMemberCompleteBalloon01 .balloonIn .text {
      display: table-cell;
      padding: 5px 10px 5px 20px;
      height: 133px;
      vertical-align: middle;
      font-size: 128.6%;
    }
      .registerMemberCompleteBalloon01 .balloonIn .text em {
        color: #e84c80;
      }

.registerMemberCompleteBtn01 {
  width: 302px;
  margin: -35px 0 0;
  padding: 0 0 20px 152px;
}
  .registerMemberCompleteBtn01 button {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .registerMemberCompleteBtn01 .errorTxt01 {
    margin: 10px 0 0;
    padding-right: 2px;
    color: #333;
    font-size: 85.7%;
  }

.registerMemberCompleteGameWrap01 {
  background: #fff;
  -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.3);
  -ms-box-shadow: 0 -1px 1px rgba(0,0,0,.3);
  box-shadow: 0 -1px 1px rgba(0,0,0,.3);
  position: relative;
}
  .registerMemberCompleteGameWrap01 .titleInvitation,
  .registerMemberCompleteGameWrap01 .titleRecommend,
  .registerMemberCompleteGameWrap01 .titleRanking,
  .registerMemberCompleteGameWrap01 .titleR18 {
    position: absolute;
    left: -20px;
    top: -10px;
    width: 922px;
    height: 51px;
    padding: 12px 0 0 60px;
    font-weight: bold;
    font-size: 128.6%;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -280px -1020px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .registerMemberCompleteGameWrap01 .titleRecommend { background-position: -280px -840px;}
  .registerMemberCompleteGameWrap01 .titleRanking { background-position: -280px -900px;}
  .registerMemberCompleteGameWrap01 .titleR18 { background-position: -280px -960px;}

.registerMemberCompleteBtnList01 {
  position: relative;
  overflow: hidden;
}
  .registerMemberCompleteBtnList01 ul {
    position: relative;
    left: 50%;
    float: left;
  }
    .registerMemberCompleteBtnList01 ul li {
      position: relative;
      left: -50%;
      float: left;
      width: 302px;
      margin: 0 15px 0 0;
    }
    .registerMemberCompleteBtnList01 ul li:last-child {
      margin: 0;
    }
      .registerMemberCompleteBtnList01 ul li .btnType03 {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
      }
        .registerMemberCompleteBtnList01 ul li .btnType03 a {
          font-size: 128.6%;
        }

.registerMemberCompleteFinish {
  margin: 10px 0 20px;
  text-align: center;
}
form + .registerMemberCompleteFinish {
  margin: 0 0 20px;
}
  .registerMemberCompleteFinish .guideTxt {
    border: 1px solid #e8e8e8;
    background: #f8f8f8;
    border-radius: 6px;
    padding: 10px 15px;
    text-align: center;
  }

/* 106 PC_register_member_finish
--------------------------------------------------------- */
.registerMemberFinish01 {
  position: relative;
  border: 1px solid #939393;
  padding: 195px 0 0 52px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.registerMemberFinish01:before {
  content: "";
  position: absolute;
  width: 484px;
  height: 167px;
  top: 17px;
  left: 115px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -1080px;
}

.registerMemberFinishBalloon01 {
  padding: 10px 6px 19px;
  position: relative;
  bottom: 0;
}
.registerMemberFinishBalloon01:after {
  content: "";
  width: 150px;
  height: 144px;
  position: absolute;
  bottom: 0;
  left: 506px;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -830px -290px;
}
  .registerMemberFinishBalloon01 .balloonIn {
    width: 500px;
    background: #fff;
    display: table;
    border-collapse: separate;
    -moz-box-shadow: 0 0 7px rgba(255,211,225,1);
    -webkit-box-shadow: 0 0 7px rgba(255,211,225,1);
    -ms-box-shadow: 0 0 7px rgba(255,211,225,1);
    box-shadow: 0 0 7px rgba(255,211,225,1);
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
  }
  .registerMemberFinishBalloon01 .balloonIn.ieBrowser {
    -ms-box-shadow: 0 0 8px 1px rgba(255,211,225,.8);
    box-shadow: 0 0 8px 1px rgba(255,211,225,.8);
  }
    .registerMemberFinishBalloon01 .balloonIn .text {
      display: table-cell;
      padding: 5px 5px 5px 18px;
      height: 105px;
      vertical-align: middle;
    }
      .registerMemberFinishBalloon01 .balloonIn .text .balloonTxt01 {
        font-size: 107.1%;
      }
      .registerMemberFinishBalloon01 .balloonIn .text .balloonTxt02 {
        color: #e84c80;
        font-size: 128.6%;
      }

/* 117 PC_setting_index
--------------------------------------------------------- */
.settingIndexBox01 {
  padding: 20px 0; 
  background: #fff;
}

.settingIndexBox01:not(:first-child) {
  padding-top: 0;
}

.settingIndexTitle {
  margin: 0 20px;
  padding: 7px 17px;
  background: #4c4b4b;
  color: #fff;
  border-radius: 5px;
}

.settingIndexTxt {
  margin: 17px 35px 0;
}

.settingIndexTxt a.arrow {
  display: inline-block;
  margin-top: 5px;
}

.settingIndexTxt a.arrow span {
  position: relative;
  padding-left: 20px;
}

.settingIndexTxt a.arrow span::before {
  content: "";
  width: 16px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -9px 0 0;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -80px -290px;;
}

.settingIndexList01 {
  padding: 20px 40px;
  background: #fff;
  border-radius: 2px;
}

  .settingIndexList01 ul {
    margin: -17px 0 0;
    display: block;
    min-height: 1%;
  }
  .settingIndexList01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .settingIndexList01 ul li {
      margin: 17px 0 0;
      width: 302px;
      float: left;
    }
    .settingIndexList01 ul li:nth-child(even) {
      float: right;
    }
      .settingIndexList01 ul li .btnType02 {
        display: block;
        width: 100%;
      }
        .settingIndexList01 ul li .btnType02 a {
          font-size: 100%;
        }
          .settingIndexList01 ul li .btnType02 a > span {
            padding: 12px 17px;
          }
            .settingIndexList01 ul li .btnType02 a > span span {
              padding: 0 17px;
              display: block;
            }
            .settingIndexList01 ul li .btnType02 a > span span:after {
              width: 16px;
              height: 18px;
              margin: -9px 0 0;
              background-position: -80px -290px;
            }
            .settingIndexList01 ul li .btnType02 a:hover > span span:after {
              background-position: -120px -290px;
            }

.settingChangeHistory01 {
  width: 100%;
}
  .settingChangeHistory01 th {
    background: #e5e5e5;
    padding: 8px 13px;
    text-align: left;
    font-size: 85.7%;
  }
  .settingChangeHistory01 td {
    border-bottom: 1px dotted #c7c7c7;
    padding: 8px 13px;
    font-size: 85.7%;
    vertical-align: middle;
    font-size: 92.9%;
  }
  .settingChangeHistory01 tr:last-child td {
    border-bottom: none;
  }

.settingChangeGuide {
  font-size: 85.7%;
  padding-top: 5px;
  text-align: right;
}

/* 118 PC_setting_mails
--------------------------------------------------------- */
.settingMailsForm01 td{
  position: relative;
}

.settingMailsForm01 .radioWrap {
  padding: 4px 0;
}
.settingMailsForm01 .selectType01 {
  width: 116px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.settingMailsForm01 .submitType02 {
  display: inline-block;
  width: 62px;
  margin: 0 0 0 10px;
}
  .settingMailsForm01 .submitType02 button {
    padding: 5px;
    font-size: 85.7%;
  }
.settingMailsTimeTxt01 {
  display: inline-block;
  margin: 0 5px;
  font-size: 114.3%;
}
.settingMailsNotes01 {
  background: #f8f8f8;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  margin: 9px 0 12px;
  padding: 10px;
}
  .settingMailsNotes01 p {
    position: relative;
    color: #4c4b4b;
    padding: 0 0 0 1em;
    font-size: 85.7%;
  }
  .settingMailsNotes01 p:before {
    position: absolute;
    content: "※";
    left: 0;
    top: 0;
  }

  .mailsSettingTxt,
  .appsStartSettingTxt {
    position: absolute;
    white-space: nowrap;
    display: block;
    border-collapse: separate;
    margin: -23px 0 0;
    z-index: 100;
  }
  .mailsSettingTxt{
    left: 260px;
    top: 25px;
  }
  .appsStartSettingTxt{
    left: 230px;
    top: 15px;
  }
  .mailsSettingTxt:before,
  .appsStartSettingTxt:before {
    display: block;
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    width: 11px;
    height: 19px;
    margin: -9px 0 0;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -360px -40px;
  }
    .mailsSettingTxt span,
  .appsStartSettingTxt span {
      color: #e84c80;
      font-weight: bold;
      font-size: 85.7%;
      white-space: nowrap;
      display: table-cell;
      border: 1px solid #c6c4c4;
      text-shadow: 0 0 1px rgba(255,255,255,1);
      height: 36px;
      padding: 5px 10px 5px 13px;
      vertical-align: middle;
      -moz-box-shadow: 2px 2px 2px rgba(7,0,2,.5), 0 0 7px rgba(255,255,255,1) inset;
      -webkit-box-shadow: 2px 2px 2px rgba(7,0,2,.5), 0 0 7px rgba(255,255,255,1) inset;
      -ms-box-shadow: 2px 2px 2px rgba(7,0,2,.5), 0 0 7px rgba(255,255,255,1) inset;
      box-shadow: 2px 2px 2px rgba(7,0,2,.5), 0 0 7px rgba(255,255,255,1) inset;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -ms-border-radius: 6px;
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 25%, #f2f2f2 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #ffffff 25%,#f2f2f2 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 25%,#f2f2f2 100%); /* W3C */
    }

/* 119 PC_setting_authentication_index
--------------------------------------------------------- */
.settingAuthenticationIndexWrap01 {
  width: 745px;
}

.settingAuthenticationIndexFormWrap01 {
  padding: 15px 20px 20px;
  background: #e5e5e5;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
}

.settingAuthenticationIndexForm01 {
  margin: 15px 0 0;
}
  .settingAuthenticationIndexForm01 td {
    padding-right: 114px;
  }
    .settingAuthenticationIndexForm01 td select {
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
    }

.settingAuthenticationIndexBtn01 {
  text-align: center;
  margin: 20px 0 0;
}
  .settingAuthenticationIndexBtn01 button {
    font-size: 128.6%;
    width: 302px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

/* 122 PC_setting_authentication_sms
--------------------------------------------------------- */
.settingAuthenticationSmsSec01 {
  margin: 0 0 40px;
}

.settingAuthenticationSmsForm01 td {
  padding-right: 114px;
}

.settingAuthenticationSmsBtn01 {
  text-align: center;
  margin: 20px 0 0;
}
  .settingAuthenticationSmsBtn01 button {
    font-size: 128.6%;
    width: 302px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

.settingAuthenticationSmsTitle01 {
  background: #e5e5e5;
  margin: 0 0 20px;
  padding: 5px 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}

.settingAuthenticationSmsWrap01 {
  padding: 15px 20px 20px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
}

.settingAuthenticationSmsError01 {
  margin: 25px 0 0;
  color: #333;
  font-size: 92.9%;
}
.settingAuthenticationSmsError01:before {
  top: 5px;
}

/* 131 PC_timeline_index
--------------------------------------------------------- */
.timelineIndexWrap01 {
  border: 1px solid #939393;
  background: #e5e5e5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}

.timelineIndexList01 {
  padding: 14px;
}
  .timelineIndexList01 > ul {
    margin: -15px 0 0;
  }
    .timelineIndexList01 > ul > li {
      margin: 15px 0 0;
      display: block;
      min-height: 1%;
    }
    .timelineIndexList01 > ul > li:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      .timelineIndexList01 > ul > li .iconWrap {
        float: left;
        width: 60px;
      }
        .timelineIndexList01 > ul > li .iconWrap img {
          border: 1px solid #a7a7a7;
          border-radius: 3px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          -ms-border-radius: 3px;
        }
        .timelineIndexList01 > ul > li .iconWrap .date {
          margin: 8px 0 0;
          font-size: 85.7%;
        }
      .timelineIndexList01 > ul > li .balloonWrap {
        position: relative;
        float: right;
        width: 652px;
        padding: 10px 14px 10px 17px;
        background: #fff;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
      }
      .timelineIndexList01 > ul > li .balloonWrap:before {
        content: "";
        display: block;
        position: absolute;
        left: -9px;
        top: 12px;
        border-width: 9px 9px 9px 0;
        border-color: transparent #fff transparent transparent;
        border-style: solid;
      }
        .timelineIndexList01 > ul > li .balloonWrap > .title {
          margin: 0 0 12px;
          padding: 0 0 10px;
          border-bottom: 1px dotted #c7c7c7;
        }
        .timelineIndexList01 > ul > li .balloonWrap > .title:last-child {
          margin: 0;
          padding: 0;
          border-bottom: none;
        }
          .timelineIndexList01 > ul > li .balloonWrap .official {
            font-size: 78.6%;
            margin: 0 5px 0 0;
            padding: 0 4px;
            color: #fff;
            background: #73c8d4;
            text-shadow: 0 -1px 0 rgba(7,0,2,.1);
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -ms-border-radius: 2px;
          }
        .timelineIndexList01 > ul > li .balloonWrap .gameWrap01,
        .timelineIndexList01 > ul > li .balloonWrap .gameWrap02 {
          display: block;
          min-height: 1%;
        }
        .timelineIndexList01 > ul > li .balloonWrap .gameWrap01:after,
        .timelineIndexList01 > ul > li .balloonWrap .gameWrap02:after {
          clear: both;
          content:".";
          display: block;
          height: 0;
          visibility: hidden;
        }
          .timelineIndexList01 > ul > li .balloonWrap .gameWrap01 .image,
          .timelineIndexList01 > ul > li .balloonWrap .gameWrap02 .image {
            float: left;
            margin: 0 12px 0 0;
          }
          .timelineIndexList01 > ul > li .balloonWrap .gameWrap01 .text,
          .timelineIndexList01 > ul > li .balloonWrap .gameWrap02 .text {
            overflow: hidden;
          }
            .timelineIndexList01 > ul > li .balloonWrap .gameWrap01 .text .detail {
              font-size: 85.7%;
              margin: 5px 0 0;
            }
            .timelineIndexList01 > ul > li .balloonWrap .gameWrap02 .text .timelineTitle {
              display: inline-block;
              background: #ffeee3;
              padding: 4px 10px;
              border-radius: 2px;
              -moz-border-radius: 2px;
              -webkit-border-radius: 2px;
              -ms-border-radius: 2px;
            }
            .timelineIndexList01 > ul > li .balloonWrap .gameWrap02 .text .timelineTitle.unread {
              font-weight: bold;
            }
            .timelineIndexList01 > ul > li .balloonWrap .gameWrap02 .text .gameTitle {
              margin: 5px 0 0;
            }
        .timelineIndexList01 > ul > li .balloonWrap > .timelineTxt {
          position: relative;
          margin: 10px 0 0;
          padding: 0 25px 28px 16px;
          background: #f8f8f8;
          border: 1px solid #e8e8e8;
          border-radius: 3px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          -ms-border-radius: 3px;
          height: 1em;
          line-height:3;
          overflow: hidden;
        }
        .timelineIndexList01 > ul > li .balloonWrap > .timelineTxt.open {
          position: relative;
          margin: 10px 0 0;
           padding: 10px 25px 10px 16px;
           background: #f8f8f8;
           border: 1px solid #e8e8e8;
           border-radius: 3px;
           -moz-border-radius: 3px;
           -webkit-border-radius: 3px;
           -ms-border-radius: 3px;
            height: auto;
            line-height:1.5;
         }
          .timelineIndexList01 > ul > li .balloonWrap > .timelineTxt .read {
            display: block;
            overflow: hidden;
            text-indent: -9999px;
            position: absolute;
            right: 10px;
            top: 15px;
            width: 13px;
            height: 13px;
            background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -240px -740px;
          }
          .timelineIndexList01 > ul > li .balloonWrap > .timelineTxt .read.open {
            background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -240px -790px;
          }
          .timelineIndexList01 > ul > li .balloonWrap > .timelineTxt .confirmBtn {
            margin: 10px 0 0;
            padding: 0 0 8px;
            text-align: center;
          }
            .timelineIndexList01 > ul > li .balloonWrap > .timelineTxt .confirmBtn button {
              width: 302px;
              height: 42px;
              font-size: 128.6%;
              box-sizing: border-box;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              -ms-box-sizing: border-box;
            }
            .timelineIndexList01 > ul > li .balloonWrap > .timelineTxt .appBnr01{
              padding: 5px 0;
              text-align: center;
            }
            .timelineIndexList01 > ul > li .balloonWrap > .timelineTxt .appBnr01 img{
              max-width: 578px;
              height: auto;
            }
        .timelineIndexList01 > ul > li .balloonWrap .approveBtn {
          margin: 15px 0 0;
          padding: 0 0 8px;
          text-align: center;
        }
          .timelineIndexList01 > ul > li .balloonWrap .approveBtn button {
            width: 202px;
            color: #45b2c1;
            background: #fcfcfc; /* Old browsers */
            background: -moz-linear-gradient(top,  #fcfcfc 0%, #baecf3 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#baecf3)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #fcfcfc 0%,#baecf3 100%); /* Chrome10+,Safari5.1+ */
            background: -ms-linear-gradient(top,  #fcfcfc 0%,#baecf3 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #fcfcfc 0%,#baecf3 100%); /* W3C */
          }
          .timelineIndexList01 > ul > li .balloonWrap .approveBtn button:hover {
            color: #70b5bf;
            background: #fcfdfd; /* Old browsers */
            background: -moz-linear-gradient(top,  #fcfdfd 0%, #c9f0f5 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfdfd), color-stop(100%,#c9f0f5)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #fcfdfd 0%,#c9f0f5 100%); /* Chrome10+,Safari5.1+ */
            background: -ms-linear-gradient(top,  #fcfdfd 0%,#c9f0f5 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #fcfdfd 0%,#c9f0f5 100%); /* W3C */
          }
          .timelineIndexList01 > ul > li .balloonWrap .approveBtn button span {
            padding: 0 0 0 42px;
          }
          .timelineIndexList01 > ul > li .balloonWrap .approveBtn button span:after {
            margin: -12px 0 0;
            width: 29px;
            height: 23px;
            background-position: -200px -640px;
          }
          .timelineIndexList01 > ul > li .balloonWrap .approveBtn button:hover span:after {
            background-position: -240px -640px;
          }
        .timelineIndexList01 > ul > li .balloonWrap .approveTxt,
        .timelineIndexList01 > ul > li .balloonWrap .unapprovedTxt {
          margin: 15px auto 0;
          padding: 0 0 8px;
          width: 200px;
        }
          .timelineIndexList01 > ul > li .balloonWrap .approveTxt > span,
          .timelineIndexList01 > ul > li .balloonWrap .unapprovedTxt > span {
            display: block;
            text-align: center;
            padding: 10px 5px;
            background: #ffe9f0;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -ms-border-radius: 2px;
          }
          .timelineIndexList01 > ul > li .balloonWrap .unapprovedTxt > span {
            background: #e8e8e8;
          }
            .timelineIndexList01 > ul > li .balloonWrap .approveTxt > span span,
            .timelineIndexList01 > ul > li .balloonWrap .unapprovedTxt > span span {
              padding: 0 0 0 30px;
              position: relative;
            }
            .timelineIndexList01 > ul > li .balloonWrap .unapprovedTxt > span span {
              padding: 0 0 0 27px;
            }
            .timelineIndexList01 > ul > li .balloonWrap .approveTxt > span span:before,
            .timelineIndexList01 > ul > li .balloonWrap .unapprovedTxt > span span:before {
              content: "";
              position: absolute;
              left: 0;
              top: 50%;
              margin: -10px 0 0;
              height: 20px;
              width: 20px;
              background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -960px;
            }
            .timelineIndexList01 > ul > li .balloonWrap .unapprovedTxt > span span:before {
              width: 16px;
              height: 16px;
              margin: -8px 0 0;
              background-position: -40px -960px;
            }

.timelineIndexList01 .defaultBtn01{
  margin: 10px auto;
}

/* 132 PC_timeline_top
--------------------------------------------------------- */
.timelineTopHeader01 {
  background: #e84c80;
  position: relative;
  border-bottom: 1px solid #d1d0d0;
}
  .timelineTopHeader01 .title {
    color: #fff;
    text-align: center;
    padding: 5px 55px;
    font-size: 100%;
    font-weight: bold;
  }
  .timelineTopHeader01 .reload {
    position: absolute;
    left: 6px;
    top: 5px;
  }
  .timelineTopHeader01 .already {
    position: absolute;
    left: 32px;
    top: 5px;
  }
    .timelineTopHeader01 .reload a,
    .timelineTopHeader01 .already a {
      position: relative;
      display: block;
      height: 21px;
      width: 21px;
      border: 1px solid #ba3562;
      overflow: hidden;
      text-indent: -9999px;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -ms-border-radius: 2px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -moz-box-shadow: 0 1px 0 rgba(255,255,255,.25);
      -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.25);
      box-shadow: 0 1px 0 rgba(255,255,255,.25);
    }
    .timelineTopHeader01 .already a,
    .timelineTopHeader01 .reload a {
      background: #f36f9b; /* Old browsers */
      background: -moz-linear-gradient(top,  #f36f9b 0%, #d64374 50%, #d34a77 51%, #d23a6d 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f36f9b), color-stop(50%,#d64374), color-stop(51%,#d34a77), color-stop(100%,#d23a6d)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #f36f9b 0%,#d64374 50%,#d34a77 51%,#d23a6d 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #f36f9b 0%,#d64374 50%,#d34a77 51%,#d23a6d 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #f36f9b 0%,#d64374 50%,#d34a77 51%,#d23a6d 100%); /* W3C */
    }
    .timelineTopHeader01 .reload a:before,
    .timelineTopHeader01 .already a:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 0;
    }
    .timelineTopHeader01 .reload a:before {
      background-position: -80px -960px;
      width: 11px;
      height: 14px;
      margin: -7px 0 0 -6px;
    }
    .timelineTopHeader01 .already a:before {
      background-position: -80px -1020px;
      width: 13px;
      height: 10px;
      margin: -5px 0 0 -7px;
    }
    .timelineTopHeader01 .reload a:hover,
    .timelineTopHeader01 .already a:hover {
      border-color: #c85d81;
      position: relative;
      top: 1px;
    }
    .timelineTopHeader01 .reload a:hover {
      background: #db628b; /* Old browsers */
      background: -moz-linear-gradient(top,  #db628b 0%, #dc6d92 50%, #de6991 51%, #f286aa 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db628b), color-stop(50%,#dc6d92), color-stop(51%,#de6991), color-stop(100%,#f286aa)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #db628b 0%,#dc6d92 50%,#de6991 51%,#f286aa 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #db628b 0%,#dc6d92 50%,#de6991 51%,#f286aa 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #db628b 0%,#dc6d92 50%,#de6991 51%,#f286aa 100%); /* W3C */
    }
    .timelineTopHeader01 .already a:hover {
      background: #f286aa; /* Old browsers */
      background: -moz-linear-gradient(top,  #f286aa 0%, #de6991 50%, #dc6d92 51%, #db628b 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f286aa), color-stop(50%,#de6991), color-stop(51%,#dc6d92), color-stop(100%,#db628b)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #f286aa 0%,#de6991 50%,#dc6d92 51%,#db628b 100%); /* Chrome10+,Safari5.1+ */
      background: -ms-linear-gradient(top,  #f286aa 0%,#de6991 50%,#dc6d92 51%,#db628b 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #f286aa 0%,#de6991 50%,#dc6d92 51%,#db628b 100%); /* W3C */
    }
    .timelineTopHeader01 .reload a:before:hover {
      background-position: -120px -960px;
    }
    .timelineTopHeader01 .already a:before:hover {
      background-position: -120px -1020px;
    }

.timelineTopList01 {
  max-height: 416px;
  padding-bottom:42px;  
}
.timelineTopList01 li {
  padding: 6px 10px 9px 10px;
  background: #fff;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.timelineTopList01 li:last-child {
  border-bottom: none;
}
  .timelineTopList01 li .gameWrap {
    display: block;
    min-height: 1%;
  }
  .timelineTopList01 li .gameWrap:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .timelineTopList01 li .gameWrap .image {
      float: left;
      margin: 0 9px 0 0;
    }
    .timelineTopList01 li .gameWrap .text {
      overflow: hidden;
    }
      .timelineTopList01 li .gameWrap .text .timelineTitle {
        font-size: 85.7%;
        background: #ffeee3;
        padding: 4px 10px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
      }
      .timelineTopList01 li .gameWrap .text .timelineTitle.unread {
        font-weight: bold;
      }
      .timelineTopList01 li .gameWrap .text .gameTitle {
        margin: 5px 0 0;
        display: block;
        min-height: 1%;
      }
      .timelineTopList01 li .gameWrap .text .gameTitle:after {
        clear: both;
        content:".";
        display: block;
        height: 0;
        visibility: hidden;
      }
        .timelineTopList01 li .gameWrap .text .gameTitle .date {
          float: right;
          margin: 0 0 0 10px;
          font-size: 78.6%;
        }
        .timelineTopList01 li .gameWrap .text .gameTitle .title {
          overflow: hidden;
          font-size: 85.7%;
        }
  .timelineTopList01 li .timelineTxt {
    font-size: 85.7%;
    position: relative;
    margin: 7px 0 0;
    padding: 0px 25px 21px 8px;
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    height: 1em;
    line-height:3;
    overflow: hidden;
  }
  .timelineTopList01 li .timelineTxt.open {
    font-size: 85.7%;
    position: relative;
    margin: 7px 0 0;
    padding: 9px 25px 8px 8px;
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    height: 1em;
    height: auto;
  line-height:1.5;
  }
    .timelineTopList01 li .timelineTxt .read {
      display: block;
      overflow: hidden;
      text-indent: -9999px;
      position: absolute;
      right: 7px;
      top: 10px;
      width: 13px;
      height: 13px;
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -240px -740px;
    }
    .timelineTopList01 li .timelineTxt .read.open {
      background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -240px -790px;
    }

.timelineTopMore01 {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-top: 1px solid #c7c7c7;
  padding: 5px;
  background: #e9e9e9;
  -moz-box-shadow: 0 -2px 2px rgba(0,0,0,.15);
  -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,.15);
  box-shadow: 0 -2px 2px rgba(0,0,0,.15);
}

.timelineTopNomoreList li.last:after {
  content: '';
  display:block;
  background: url(../../img/contents_pc/common/img_nijiyome_timeline01.png) no-repeat center 20px;
  height: 300px;
  }
.p_timelineTopNomoreList{
  background: url(../../img/contents_pc/common/img_nijiyome_timeline01.png) no-repeat center 20px #fff;
  height: 300px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 display: block;
}

.timelineTopList01 .defaultBtn01{
  margin: 10px auto;
  width: 100%;
}

/* 133_appIndexArticleTitle01
--------------------------------------------------------- */
ul.article p {
    text-align: center;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.5;
}

/* h1_department01
--------------------------------------------------------- */
.h1_department01 {
  position: relative;
  border: 1px solid #8f8f8f;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  background: #e3e3e3;
  margin: 0 0 20px;
  padding: 2px;
  -moz-box-shadow: 1px 2px 1px rgba(227,226,226,.4);
  -webkit-box-shadow: 1px 2px 1px rgba(227,226,226,.4);
  box-shadow: 1px 2px 1px rgba(227,226,226,.4); 
}
.h1_department01 > span {
  display: block;
}
  .h1_department01 > span.bg {
    display: block;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(7,0,2,.5);
    background: url(../../img/contents_pc/common/h1_title01.gif) repeat left top;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    overflow: hidden;
    padding: 3px 3px 3px 15px;
  }

.h1_department01 .heading {
  float: left;
  width: 600px;
}

.h1_department01 .noon .btnType01,
.h1_department01 .night .btnType01 {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  font-size: 100%;
}

.h1_department01 .noon,
.h1_department01 .night {
  float: right; 
  font-size: 72.2%;
  padding: 0;
}
  .h1_department01 .noon > a,
  .h1_department01 .night > a {
    display: block;
    padding: 3px 7px 2px;
  }
    .h1_department01 .noon a span,
    .h1_department01 .night a span {
      padding: 0 0 0 24px;
      display: inline;
    }

/* noon */    
.h1_department01 .noon a span:after {
  width: 19px;
  height: 19px;
  margin: -9px 0 0;
  background-position: -160px -740px;
}
.h1_department01 .noon a:hover span:after {
  background-position: -200px -740px;
}

/* night */
.h1_department01 .night > a {
  color: #fff;
  border: 1px solid #494949;
  text-shadow: 0px -1px 0 rgba(7,0,2,.5);
  background: #6c6b6b; /* Old browsers */
  background: -moz-linear-gradient(top,  #6c6b6b 0%, #353232 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6b6b), color-stop(100%,#353232)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #6c6b6b 0%,#353232 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #6c6b6b 0%,#353232 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #6c6b6b 0%,#353232 100%); /* W3C */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.h1_department01 .night > a:hover {
  background: #898989; /* Old browsers */
  background: -moz-linear-gradient(top,  #898989 0%, #5d5b5b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#898989), color-stop(100%,#5d5b5b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #898989 0%,#5d5b5b 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #898989 0%,#5d5b5b 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #898989 0%,#5d5b5b 100%); /* W3C */
}
  .h1_department01 .night a span:after {
    width: 15px;
    height: 16px;
    margin: -9px 0 0;
    background-position: -160px -790px;
  }
  .h1_department01 .night a:hover span:after {
    background-position: -200px -790px;
  }

/* choiceSearch016
--------------------------------------------------------- */
.choiceSearch01 {
  display: block;
  min-height: 1%;
}
.choiceSearch01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* choiceSearchList01 */
.choiceSearchList01 {
  float: left;
}
.choiceSearchList01 ul {
  margin-left: 5px;
}
.choiceSearchList01 ul li {
  display: inline-block;
  padding: 0 14px;
  background: url(../../img/contents_pc/common/bg_choiceSearchList01_border_01.gif) left center no-repeat;
  line-height: 1.2;
}
.choiceSearchList01 ul li:first-child {
  padding: 0 14px 0 0;
  background: none;
}
  .choiceSearchList01 ul li a {
    display: block;
    color: #fff;
    padding: 5px 10px 3px;
    text-decoration: none;
  }
  .choiceSearchList01 ul li a:hover {
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e84c80;
  }

.choiceSearchList01 ul li.active {
  padding: 0 14px;
}
.choiceSearchList01 ul li.active:first-child {
  padding: 0 16px 0 0;
}
  .choiceSearchList01 ul li.active a {
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e84c80;
    padding: 5px 10px 3px;
  }


/* choiceSearchList02 */
.choiceSearchList02 {
  display: block;
  min-height: 1%;
}
.choiceSearchList02:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
.choiceSearchList02 ul {
  margin-left: 5px;
  float: left;
}
.choiceSearchList02 ul li {
  display: inline-block;
  padding: 0 14px;
  background: url(../../img/contents_pc/common/bg_choiceSearchList01_border_01.gif) left center no-repeat;
  line-height: 1.2;
}
.choiceSearchList02 ul li:first-child {
  padding: 0 14px 0 0;
  background: none;
}
  .choiceSearchList02 ul li a {
    display: block;
    color: #333;
    padding: 5px 10px 3px;
    text-decoration: none;
  }
  .choiceSearchList02 ul li a:hover {
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e84c80;
    color: #fff;
  }

.choiceSearchList02 ul li.active {
  padding: 0 14px;
}
.choiceSearchList02 ul li.active:first-child {
  padding: 0 16px 0 0;
}
  .choiceSearchList02 ul li.active a {
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #e84c80;
    padding: 5px 10px 3px;
    color: #fff;
  }

.choiceSearchList02 select {
  float: right;
  border: 1px solid #4c4b4b;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}

/* choiceSearchList03 */
.choiceSearchList03 {
  display: block;
  min-height: 1%;
  font-size: 92.9%;
}
.choiceSearchList03:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
.choiceSearchList03 ul {
  margin-left: 5px;
}
.choiceSearchList03 ul li {
  display: inline-block;
  padding: 0 5px;
  line-height: 1.2;
}
.choiceSearchList03 ul li:first-child {
  background: none;
}
  .choiceSearchList03 ul li a {
    display: inline-block;
    padding: 5px;
    font-weight: bold;
    border-radius: 3px;
    text-align: center;
    color: #4c4b4b;
    border: 1px solid #bdbaba;
    text-shadow: 0 2px 2px rgba(255,255,255,.75);
    font-size: 92.9%;
    background: #ececec;
    background-image:-webkit-linear-gradient(bottom, #ececec 0%, #fcfcfc 100%);
    background-image:linear-gradient(to top, #ececec 0%, #fcfcfc 100%);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
  }
  .choiceSearchList03 ul:not(:last-child) li a {
    margin-bottom: 5px;
  }
  .choiceSearchList03 ul li a:hover {
    text-decoration: none;
    border: 1px solid #c9c9c9;
    color: #6f6f6f;
    background: #efefef;
    background-image:-webkit-linear-gradient(bottom, #efefef 0%, #fff 100%);
    background-image:linear-gradient(to top, #efefef 0%, #fff 100%);
  }
    .choiceSearchList03 ul li a.color_09:hover { color: #7b7b7b !important; }
    .choiceSearchList03 ul li a.color_02:hover { color: #37adbe !important; }
    .choiceSearchList03 ul li a.color_08:hover { color: #ef729b !important; }
  
/* choiceSearchTitle01 */
.choiceSearchTitle01 {
  color: #fff;
  line-height: 1.8;
}

/* editBtn */
.listBtn01 .editBtn {
  float: left;
  min-width: 75px;
}
  .choiceSearchList01 .editBtn button {
    font-size: 92.9%;
    padding: 4px;
    color: #4c4b4b;
    border: none;
  }
  .choiceSearchList01 .editBtn button:hover {
    border: none;
  }
  .choiceSearchList01 .editBtn button:disabled {
    -moz-box-shadow:0 1px 1px rgba(36,45,51,.25) !important;
    -webkit-box-shadow:0 1px 1px rgba(36,45,51,.25) !important;
    box-shadow:0 1px 1px rgba(36,45,51,.25) !important;
  }

/* choiceSearchLink01 */
.choiceSearchLink01 {
  float: right;
  display: block;
  min-height: 1%;
}
.choiceSearchLink01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
.choiceSearchLink01 .textSearch {
  float: left;
  position: relative;
  width: 250px;
}
  .choiceSearchLink01 .textSearch .submitBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
    height: 25px;
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -80px -835px;
  }
  .choiceSearchLink01 .textSearch .submitBtn:hover {
    background-position: -120px -835px;
  }
  
  .choiceSearchLink01 .textSearch .inputTxtType01 {
    padding: 6px 35px 6px 10px;
    border: none;
  }
  .choiceSearchLink01 .textSearch .inputTxtType01::-ms-clear {
    display: none;
  }

.choiceSearchLink01 .choiceSearchSelectType01 {
  float: right;
  margin-left: 10px;
  display: inline;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  font-size: 87.5%;
  height: 25px;
}

/* choiceResult01
--------------------------------------------------------- */
.choiceResult01 {
  background-color: #e5e5e5;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 10px;
}

/* 26 110 PC_community_portal.html
--------------------------------------------------------- */
.communitySearch01 {
  overflow: hidden;
  padding: 18px 19px;
}
  .communitySearch01 > ul {
    margin: -20px 0 0 -10px;
    display: block;
    min-height: 1%;
  }
  .communitySearch01 > ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .communitySearch01 > ul > li {
      margin: 20px 0 0 10px;
      float: left;
      width: 228px;
    }
    .communitySearch01 > ul > li:nth-child(3n+1) {
      clear: both;
    }
      .communitySearch01 ul li .image {
        margin: 0 12px 0 0;
      }
      .communitySearch01 ul li .textWrap {
        margin: 10px 0 0 0;
      }
        .communitySearch01 ul li .textWrap .name {
          font-size: 92.9%;
          line-height: 1.7;
          margin: 0 0 2px;
     word-wrap: break-word;
        }
          .communitySearch01 ul li .textWrap .name span {
            font-size: 92.3%;
            margin: 0 8px 0 0;
            padding: 0 4px;
            color: #fff;
            background: #73c8d4;
            text-shadow: 0 -1px 0 rgba(7,0,2,.1);
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -ms-border-radius: 2px;
          }
        .communitySearch01 ul li .textWrap .detail {
          font-size: 78.6%;
        }
          .communitySearch01 ul li .textWrap .detail .text01 {
            font-size: 109.1%;
            margin-top: 5px;
          }

/* 28 PC_community_my_community.html
--------------------------------------------------------- */
.communityMyCommunityTxt01 {
  font-size: 85.7%;
  margin-top: 5px;
}

.communityMyCommunityIcon01 ul li .textWrap .name {
}
  .communityMyCommunityIcon01 ul li .textWrap .name span {
    font-size: 75.0%;
    margin: 0 8px 0 0;
    padding: 0 4px;
    color: #fff;
    background: #73c8d4;
    text-shadow: 0 -1px 0 rgba(7,0,2,.1);
    font-weight: normal;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
  }
.communityMyCommunityIcon01 ul li .textWrap .detail {
  margin: 0;
}

/* 29 PC_community_participant.html
--------------------------------------------------------- */
.communityJoinBanner01 {
  text-align: center;
  margin-top: 25px;
}

/* 60 PC_friend_delete.html
--------------------------------------------------------- */
.friendDeleteBtn01 {
  display: inline-block;
  margin-top: 10px;
}
.friendDeleteBtn01 button[type="submit"] {
  padding: 5px;
  font-size: 85.7%;
}
  .friendDeleteBtn01 button[type="submit"] span {
    padding: 0 0 0 16px;
  }
    .friendDeleteBtn01 button[type="submit"] span:after {
      width: 14px;
      height: 18px;
      margin: -9px 0 0;
      background-position: -280px -690px;
    }
    .friendDeleteBtn01 button[type="submit"]:hover span:after {
      background-position: -320px -690px;
    }

/* お気に入り
--------------------------------------------------------- */
.favoriteDeleteBtn01 {
  display: inline-block;
  margin-top: 10px;
}
.favoriteDeleteBtn01 button[type="submit"] {
  padding: 5px;
  font-size: 85.7%;
}
  .favoriteDeleteBtn01 button[type="submit"] span {
    padding: 0 0 0 18px;
  }
    .favoriteDeleteBtn01 button[type="submit"] span:after {
      width: 14px;
      height: 18px;
      margin: -9px 0 0;
      background-position: -280px -740px;
    }
    .favoriteDeleteBtn01 button[type="submit"]:hover span:after {
      background-position: -320px -740px;
    }
    
.favoriteWrap01 .cornerNoEntry01{
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}

/* 62 PC_friend_requests.html
--------------------------------------------------------- */
.friendRequestsBtn01 {
  display: inline-block;
  margin-top: 10px;
}
.friendRequestsBtn01 button[type="submit"] {
  padding: 5px;
  font-size: 85.7%;
}

/* 63 PC_friend_accepts.html
--------------------------------------------------------- */
.friendAcceptsWrap01 {
  position: relative;
  z-index: 1;
  margin: -1px 0 0;
  border: 1px solid #939393;
  border-top: 7px solid #4c4b4b;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}

/* friendAcceptsBtnList01 */
.friendAcceptsBtnList01 {
  margin-top: 10px;
  display: block;
  min-height: 1%;
}
.friendAcceptsBtnList01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}

.friendAcceptsBtn01 {
  float: left;
  display: inline-block;
  margin: 0 10px 0 0;
}
.friendAcceptsBtn01 button[type="submit"] {
  padding: 6px 5px 4px;
  font-size: 85.7%;
}

.friendAcceptsBtn02 button[type="submit"] {
  float: left;
  width: auto;
  padding: 6px 5px 4px;
  font-size: 85.7%;
  color: #43a6b4;
  background: #fbfcfc; /* Old browsers */
  background: -moz-linear-gradient(top,  #fbfcfc 0%, #bbecf3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfc), color-stop(100%,#bbecf3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fbfcfc 0%,#bbecf3 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #fbfcfc 0%,#bbecf3 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fbfcfc 0%,#bbecf3 100%); /* W3C */
}
.friendAcceptsBtn02 button[type="submit"]:hover {
  color: #63aab5;
  background: #fcfdfd; /* Old browsers */
  background: -moz-linear-gradient(top,  #fcfdfd 0%, #c9f0f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfdfd), color-stop(100%,#c9f0f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fcfdfd 0%,#c9f0f5 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top,  #fcfdfd 0%,#c9f0f5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fcfdfd 0%,#c9f0f5 100%); /* W3C */
}
  .friendAcceptsBtn02 button[type="submit"] span {
    padding: 0 0 0 22px;
  }
    .friendAcceptsBtn02 button[type="submit"] span:after {
      width: 20px;
      height: 16px;
      margin: -8px 0 0;
      background-position: -280px -640px;
    }
    .friendAcceptsBtn02 button[type="submit"]:hover span:after {
      background-position: -320px -640px;
    }

/* 76 PC_information_index.html
--------------------------------------------------------- */
.informationListWrap01 table {
  width: 100%;
}
  .informationListWrap01 table th {
    background-color: #e5e5e5;
    text-align: left;
    vertical-align: middle;
    font-size: 85.7%;
    padding: 10px 15px;
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -ms-border-radius: 4px 0 0 0;
  }
  .informationListWrap01 table th.date {
    width: 12%;
    background-color: #e5e5e5;
    border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
  }
  .informationListWrap01 table td {
    border-bottom: 1px dotted #c7c7c7;
    text-align: left;
    vertical-align: middle;
    font-size: 92.9%;
    padding: 15px;
  }
  .informationListWrap01 table tr:last-child td {
    border-bottom: none;
  }
    .informationListWrap01 table td.date {
      text-align: right;
      font-size: 92.3%;
      padding: 15px 15px 15px 0;
    }
.informationListWrap01 table td.text {
  padding: 15px 15px 15px 0;
}
.informationListWrap01 table td.important,
.informationListWrap01 table td.news,
.informationListWrap01 table td.mente {
  width: 74px;
}
  .informationListWrap01 table td span {
    display: inline-block;
    min-width: 74px;
    padding: 2px;
    text-align: center;
    color: #fff;
    font-size: 85.7%;
    background: #73c8d4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .informationListWrap01 table td.important span {
    background-color: #c64747;
  }
  .informationListWrap01 table td.news span {
    background-color: #73c8d4;
  }
  .informationListWrap01 table td.mente span {
    background-color: #979797;
  }

/* お問い合わせ
--------------------------------------------------------- */
.contactSendForm01 input.inputTxtType01 {
  width: 437px;
}

.contactSendGame01 {
  display: table;
  width: 100%;
  border-collapse: separate;
  background: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}
  .contactSendGame01 .image {
    display: table-cell;
    padding: 10px 15px 10px 13px;
    width: 70px;
  }
  .contactSendGame01 .name {
    display: table-cell;
    padding: 10px 10px 10px 0;
    vertical-align: middle;
  }

/* 違反通報
--------------------------------------------------------- */
.sendreportUser01 {
  display: table;
  width: 100%;
}
  .sendreportUser01 .image {
    width: 60px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
  }
    .sendreportUser01 .image img {
      border: 1px solid #a5a5a5;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
    }
  .sendreportUser01 .name {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
  }

  .sendreportTable01 td .plainTxtDay {
    padding: 8px 10px 0;
    font-size: 114.3%;
    float: left;
  }
  .sendreportTable01 td .daySelect {
    width: 116px;
    float: left;
  }

/* 退会
--------------------------------------------------------- */
.withdrawTable01 .radioList {
  padding:8px 0;
}
 .withdrawTable01 .radioList li{
  padding-bottom:8px;
 }
 .withdrawTable01 .radioList li:last-child{
  padding-bottom:0;
 }

.withdrawFCompleteWrap01 {
  padding: 15px 20px 20px;
  border-radius: 0 0 4px 4px;
}
  
/* スマホゲーム表示
--------------------------------------------------------- */
.touchGameContents{
  display: table;
}
 .touchGameContents .columnL,
  .touchGameContents .columnR{
    display: table-cell;
    position: relative;
    vertical-align: top;
 }
  .touchGameContents .columnL{
    padding-right:15px;
  }
  .touchGameContents .gameOutline{
      margin-bottom:10px;
    }
  .touchGameContents .gameOutline:after {
     clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .touchGameContents .gameOutline .image{
     float:left;
      width: 100px;
      margin: 0 15px 0 0;
    }
   .touchGameContents .gameOutline .image img{
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -ms-border-radius: 6px;
      }
   .touchGameContents .gameOutline .textWrap .name{
     font-size: 127.3%;
        padding:15px 0 8px;
   }
   .touchGameContents .gameOutline .textWrap .tag li {
          margin: 0 4px 0 0;
        }

  .touchGameContents .columnR{
    background: url(../../img/contents_pc/common/bg_touch_game_qr01.png) left top no-repeat;
    width:250px;
    height:417px;
  }
  .touchGameContents .columnR .qrImg{
      position:absolute;
      top:118px;
      left:51px;
    }
  .touchGameContents .columnR .btnType03{
      position:absolute;
      width: 210px;
      text-align:center;
      top:337px;
      left:50%;
      margin-left: -105px;
    }
  .touchGameContents .columnR .text{
      position:absolute;
      width: 250px;
      text-align:center;
      top:382px;
      left:0;
      font-size: 85.7%;
      color: #fff;
    }
  
.touchGameIntroTxt01{
  margin: 15px 0 0;
  padding: 15px;
  min-height: 69px;
  border: 1px solid #c7c7c7;
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
  .touchGameIntroTxt01 .eocsTxt01{
    border-top: 1px dotted #c7c7c7;
    padding-top:10px;
    margin: 20px 0 0 0;
    font-size: 85.7%;
  }
.touchGameIntroTxt01 + .appTopSlideWrap01{
  margin-top: 15px;
}

.touchGameTopicpass01{
  margin: 0 0 5px;
  font-size: 92.9%;
}
 .touchGameTopicpass01 li{
  display: inline-block;
 }
 .touchGameTopicpass01 li:after{
  display: inline-block;
    content:">";
    padding: 0 5px;   
 }
 .touchGameTopicpass01 li:last-child:after{
    content:"";
  }
  
.touchGameLptextWrap{
  padding: 10px 20px 5px;
  background: #000;
  color: #fcfcfc;
  z-index: 3;
  position: relative;
  }
  .touchGameLptextWrap a{
    color: #81caf0;
  }
  .touchGameLptextWrap .text{
    width: 350px;
    position: absolute;
    top:10px;
    right: 20px;
    text-align: right;
  }

/* 404エラー
--------------------------------------------------------- */
.error404Wrap01 .title,
.error404TouchWrap01 .title{
  font-size: 127.3%;
}
 .error404TouchWrap01 .title:after{
    position:relative;
    display: block;
    content: '';
   background: url(../../img/contents_pc/common/img_nijiyome_touchonly01.png) left center no-repeat;
    width: 507px;
    height: 448px;
    margin: 0 auto -34px;
    z-index:100;
 }

.error404Wrap01 .listBasic01 li{
  font-size:100%;
}

/* 500エラー
--------------------------------------------------------- */
#centerWrap{
  text-align: left;
  padding: 13px 15px 15px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  background: #444343;
  left: 50%;
  margin-left: -300px;
  position: fixed;
  top: 40px;
  width: 570px;
  z-index: 1000;
  -moz-box-shadow: 2px 3px 3px rgba(12, 3, 7, 0.4);
  -webkit-box-shadow: 2px 3px 3px rgba(12, 3, 7, 0.4);
  -ms-box-shadow: 2px 3px 3px rgba(12, 3, 7, 0.4);
  box-shadow: 2px 3px 3px rgba(12, 3, 7, 0.4);
}
 #centerWrap .titleWrap01 {
    padding: 0 45px 0 2px;
    margin: 0 0 12px;
    color: #fff;
    position: relative;
    display: block;
    min-height: 1%;
  }
 #centerWrap #headerLogo{
    padding:0;
    height:30px;
  }
  
  #centerContentsWrap {
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3) inset;
    -ms-box-shadow: 0 0 3px rgba(0,0,0,.3) inset;
    box-shadow: 0 0 3px rgba(0,0,0,.3) inset;
    background: #fff;
    font-size:100%;
  }
    #centerContents {
      padding: 20px;
    }
  
.error500Wrap01 .title{
  font-size: 127.3%;
}

.error500Wrap01 .listBasic01 li{
  font-size:100%;
}

/* mixi
--------------------------------------------------------- */
.messageMixiWrap01 .title{
  font-size: 127.3%;
}
.messageMixiWrap01 p:last-of-type{
 background: url(../../img/contents_pc/common/img_nijiyome04.png) center bottom no-repeat;
  padding-bottom:260px;
}

/* アプリメンテ
--------------------------------------------------------- */
.appMenteWrap01{
  padding-top:20px;
  max-width: 1024px;
  margin: 0 auto 20px;
  text-align: left;
  z-index:100;
  position:relative;
}

.appMenteWrap01 #centerWrap{
  position:static;
  margin:0 auto;
}

.appMenteWrap01 .title{
  font-size: 127.3%;
}

.menteTimeNotes .lead{
  color: #e84c80;
  padding-bottom:5px;
}

.menteTimeNotes{
 width:345px;
 margin: 25px auto 0;
}
 .menteTimeNotes .list {
   border: 1px solid #e8e8e8;
   background: #f8f8f8;
   padding: 13px 19px;
   overflow: hidden;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
    font-size: 114.3%;
    line-height:1.8;
  }
 .menteTimeNotes .list dt{
    float:left;
    width:70px;
 }
 .menteTimeNotes .list dd{
    margin-left:70px;
 }

/* 背景のキャラクター
--------------------------------------------------------- */
.bgChara01,
.bgChara02{
  display: block;
 width: 760px;
  height: 1052px; 
  top: -100px;
  left: 50%;
  margin-left: 25px;
  z-index:1;
}
.bgChara01{
  position: fixed;
}
.bgChara02{
  position:absolute;
}

.charaType01{
  background: url(../../img/contents_pc/common/img_nijiyome02.png) no-repeat left top;
}
.charaType02{
  background: url(../../img/contents_pc/common/img_nijiyome03.png) no-repeat left top;
}

/* 共通枠
--------------------------------------------------------- */
.modalDefaultWrap .title{
   font-size: 127.3%;
 }

.modalDefaultWrap .btnType01{
}

.modalDefaultWrap .bottomLink {
  text-align: center;
  margin-top:15px;
}

/* 外部サイト遷移
--------------------------------------------------------- */
.modalExternalWrap .title{
   font-size: 127.3%;
 }

.modalExternalWrap .link_address{
  margin: 20px 0;
  background:#e5e5e5;
  padding: 10px;
  border: 1px solid #d5d5d5;
}
 .modalExternalWrap .link_address a{
  position: relative;
  padding-left: 20px;
  font-size: 114.3%;
    display: inline-block;
    word-break: break-all;
  }
  .modalExternalWrap .link_address a::before {
   background: url(../../img/contents_pc/common/main_image_01.png) no-repeat 0 -290px;
   content: "";
   height: 15px;
   left: 0;
   position: absolute;
   top: 0.3em;
   width: 14px;
  }

/* ゲーム招待
--------------------------------------------------------- */
#modalContents.inviteWrap01{
  padding:5px 0 20px;
}

.inviteWrapContents{
  margin-top:5px;
  border-top:1px dotted #939393;
}

.appSendForm01{ 
 width:100%;
}
 .appSendForm01 th{
  background: #e5e5e5;
   padding: 10px;
   border: 1px solid #c7c7c7;
 }
   .appSendForm01 td{
      padding: 10px;
    }
  .appSendForm01 tr:first-child th{
    border-top:none;
     padding: 7px 10px;
  }
  .inviteWrap01 .appSendForm01 tr:nth-child(2) td,
  .requestWrap01 .appSendForm01 tr:nth-child(2) td{
      padding: 0;
    }
  .appSendForm01 .friend{
    float:left;
     padding-top:3px;
   }
  .appSendForm01 .radioType02{
    float:right;
   }
  .appSendForm01 input.inputTxtType01{  
     font-size: 100%;
     padding: 10px;
      width: 500px;
    }
  .appSendForm01 textarea{  
     font-size: 100%;
      height:80px;
    width: 500px;
    }
  .appSendForm01 .formIn01{
      width: 500px;
      }
  .appSendForm01 .cornerNoEntry01,
    .appSendForm01 .loading_box_01,
    .appSendForm01 .cornerMoreBtn01{
    border-radius: 0;
   }

.appSendList01{
  padding: 13px 13px 15px;
}
 .appSendList01 ul {
    margin: -15px 0 0 -10px;
    display: block;
    min-height: 1%;
  }
 .appSendList01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
 .appSendList01 ul li {
      float: left;
      width: 128px;
      margin: 15px 0 0 10px;
      position: relative;
    }
 .appSendList01 li:nth-child(4n+1) {
      clear: both;
    }
    .appSendList01 ul li .image img {
      border: 1px solid #a4a4a4;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -ms-border-radius: 6px;
        }
      .appSendList01 ul li .imgWrap:after {
      clear: both;
      content:".";
      display: block;
      height: 0;
      visibility: hidden;
    }
      .appSendList01 ul li .imgWrap .checkType01{
       float: left;
    }
      .appSendList01 ul li .imgWrap .checkType01 label{
        padding:0 0 0 20px;
      }
      .appSendList01 ul li .textWrap {
        margin: 7px 0 0;
      }
        .appSendList01 ul li .textWrap .name {
          font-size: 92.9%;
        }
        .appSendList01 ul li .textWrap .text01 {
          font-size: 78.6%;
          color: #666;
        }

.appIncWrap01{
  padding-top:20px;
}
 .appIncWrap01 .title{
   font-size: 127.3%;
 }
 .appIncWrap01 .listBasic01 li{
  font-size:100%;
 }  
  
.inviteBannerList{
  width:470px;
  margin:0 auto;
}
 .inviteBannerList li{
  padding: 0 0 20px 0;
 }
  .inviteBannerList li:last-child{
    padding-bottom:0 ;
  }
   .inviteBannerList  li a{
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -moz-backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;
   position: relative;
    display:block;
  }
   .inviteBannerList  li a:before{
    content: '';
    position: absolute;
    border:4px solid #E84D80;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }
   .inviteBannerList  li:nth-child(2) a:before { border:4px solid #68ABDD;}
   .inviteBannerList  li:last-child a:before { border:4px solid #3B5998;}
   .inviteBannerList  li a:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
      opacity: 0.8;
    }
        
 .inviteWrapContents .campaignWrap{
    background: #e9e9e9;
    margin-top:25px;
    margin-bottom:-20px;
    padding:15px 15px 20px;
 }
   .inviteWrapContents .campaignWrap .title{
   font-size: 127.3%;
    color:#e84d80;
    margin-bottom:5px;
    }
   .inviteWrapContents .campaignWrap .text{
      font-size:100%;
      margin-bottom:10px;
    }
   .inviteWrapContents .campaignWrap .banner{
      text-align:center;
    }

/* リクエスト送信
--------------------------------------------------------- */
#modalContents.requestWrap01{
  padding:0 0 20px;
}

/* Twitterでつぶやく
--------------------------------------------------------- */
#modalContents.appTwitterWrap01{
  padding:0;
}

 #modalContents .modalNotes01{
    display:block;
    background: #e9e9e9;
    -moz-box-shadow: 3px -3px 3px -3px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 3px -3px 3px -3px rgba(0,0,0,.3) inset;
    -ms-box-shadow: 3px -3px 3px -3px rgba(0,0,0,.3) inset;
    box-shadow: 3px -3px 3px -3px rgba(0,0,0,.3) inset;
    margin: 30px 0 0;
 }
   #modalContents .modalNotes01 .linkList01{
      background: none;
      border: none;
      margin: 0;
    }

.appTwitterAccount01{
  display: table;
  border-collapse: separate;
  padding: 10px 10px 0;
}
  
.appTwitterAccount01 .image{
    display: table-cell;
    padding: 0 15px 0 0;
    width: 73px;
}
 .appTwitterAccount01 .image img{
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  }
 .appTwitterAccount01 .textWrap{
    display: table-cell;
    padding: 0 10px 10px 0;
    font-size: 114.3%;
    vertical-align: middle;
 }
 .appTwitterAccount01 .name{
  font-size: 114.3%;
 }
 .appTwitterAccount01 .id{
  font-size: 92.9%;
  color: #999;
 }

.appTwitterTextarea01{
  padding:0 10px 10px;
}
 .appTwitterTextarea01 .textareaType01{
  border: 3px solid #6aafe9;
    width:100%;
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 -ms-border-radius: 5px;
    height:120px;
    font-size: 114.3%;
    padding:10px;
 }

.appTwitterplainTxt{
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 -ms-border-radius: 5px;
    font-size: 114.3%;
    padding: 15px;
    background: #dbeaf7;
  word-break: break-all;
  text-align: left;
 }
  
.appTwitterBtn01{
  margin: 0 auto;
  width: 345px;
  display: block;
}
  .appTwitterBtn01 button {
    width: 331px;
  }
  .appTwitterBtn01 button {
    font-size: 157.1%;
  }
  
.appTwitterImage{
  text-align: center;
  margin-bottom: 15px;
}
 .appTwitterImage img{
  max-width: 320px;
  max-height: 240px;
 }
  
/* Twitterでつぶやく（連携）
--------------------------------------------------------- */
#modalContents.appTwitterConfirmWrap01{
  padding:0;
}

.appTwitterConfirmWrap01 .btnType03{
  margin-top:10px;
}

.twitterConfirmNotes01{
  padding:5px 10px;
  font-size: 92.9%;
  text-align: left;
}

/* modal ログイン
--------------------------------------------------------- */
#modalContents.appLoginWrap01{
  padding: 20px 0;
}

.appLoginWrap01 .plainTxt{
  padding: 0 20px;
}

.appLoginWrap01 .defaultBtn01{
 margin: 20px auto;
}

.appLoginWrap01 .defaultBtn01:last-child{
 margin-bottom: 0;
}

/* SNS認証設定
--------------------------------------------------------- */
.settingProviderSelectWrap01{
  padding: 20px 157px;
  background: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
 -ms-border-radius: 2px;
}

/* 静的ページ
--------------------------------------------------------- */
.guideWrap01{
  padding: 15px 20px 20px;
}

.guideList01 li{
  font-size: 100%;
  margin-bottom: 10px;
}

.guidePrivacyWrap01,
.guideRegulationsWrap01{
  font-size: 92.9%;
}

.guideTitle01{
  background: #e5e5e5;
  margin: 0 0 20px;
  padding: 5px 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}

.guideTitle02{
  font-weight: bold;
  margin: 20px 0 10px;
}

.guidePrivacyListNumbering,
.guideRegulationsListNumbering,
.guideRegulationsListDot{
 margin: 0 0 0 1em;
 padding-left: 8px;
}
 .guidePrivacyListNumbering li,
 .guideRegulationsListNumbering li{
  list-style-type: decimal;
  padding-bottom: 2px;
 }

.guideRegulationsListAlpha{
  margin:20px 15px 0;
}
 .guideRegulationsListAlpha li{
  list-style-type: lower-alpha;
 }

.guideRegulationsListDot li{
  list-style-type: disc;
}

.guideFaqWrap01{
}

.guideFaqLinkWrap01 {
  padding: 15px 15px 10px;
  background: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}
 .guideFaqLinkWrap01 .listBasic01 li{
    font-size: 14px;
    display: inline-block;
    width: 300px;
  }
  .guideFaqListWrap01{
}

.guideFaqListWrap01 li{
  border-bottom: 1px solid #c7c7c7;
}
.guideFaqListWrap01 li:last-child{
  border-bottom: none;
}
 .guideFaqListWrap01 li > a{
    display: block;
    padding: 10px 15px;
    font-size: 100%;
    color: #333;
    text-decoration: none;
 }
 .guideFaqListWrap01 li a span{
  }
 .guideFaqListWrap01 li a span:before{
    content: 'Q.';
    padding-right: 5px;
    color: #e84c80;
    font-weight: bold;
 }
.guideFaqAnswer01{
  display: none;
  padding: 15px;
  background: #f8f8f8;
  font-size: 92.9%;
  line-height: 1.6;
  border-top: 1px dotted #c7c7c7;
}
 .answer_open .guideFaqAnswer01{
    display: block;
  }
 .guideFaqAnswer01 .link01 a:before {
  background: url("../../img/contents_pc/common/main_image_01.png") no-repeat scroll 0 -290px rgba(0, 0, 0, 0);
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  top: 0.3em;
  width: 14px;
 }
 .guideFaqAnswer01 .link01 a {
  display: inline-block;
  padding: 0 0 0 18px;
  position: relative;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 }
  
  .deviceSupportWin01{
    margin: 20px 60px 0 0;
  padding: 0 0 0 54px;
  position: relative;
  }
  .deviceSupportWin01:before{
    content: "";
   position: absolute;
   left: -6px;
   top: 50%;
   width: 55px;
   height: 48px;
   margin: -29px 0 0;
   background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -200px -390px;
  }
.deviceSupportMac01{
    margin: 40px 60px 0 0;
  padding: 0 0 0 54px;
  position: relative;
  }
 .deviceSupportMac01:before{
  content: "";
  position: absolute;
   left: 0;
   top: 50%;
   width: 41px;
  height: 50px;
  margin: -30px 0 0;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -280px -390px;
 }
  .deviceSupportAndroid01{
    margin: 5px 60px 0 0;
  padding: 0 0 0 54px;
  position: relative;
  }
 .deviceSupportAndroid01:before{
  content: "";
  position: absolute;
   left: 0;
   top: 50%;
   width: 55px;
  height: 50px;
  margin: -25px 0 0;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -200px -440px;
 }
  .deviceSupportIos01{
    margin: 30px 60px 0 0;
  padding: 0 0 0 54px;
  position: relative;
  }
 .deviceSupportIos01:before{
  content: "";
  position: absolute;
   left: 0;
   top: 50%;
   width: 55px;
  height: 50px;
  margin: -30px 0 0;
  background: url(../../img/contents_pc/common/main_image_01.png) no-repeat -280px -440px;
 }
  
  /* PC詳細、LP下部
--------------------------------------------------------- */

.recommendWrap01,
.lpBtmWrap01{
  padding:20px 0;
  background: #e5e5e5;
  overflow: hidden;
}

.recommendWrap01.lpBtmWrap,
.lpBtmWrap01{
  border-top: 1px solid #999;
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
  -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
}

.recommendWrap01.appTopWrap{
 background: #eff1f1;
 border-radius: 5px;
 padding-bottom: 0;
}

.recommendWrap01 .section01,
.lpBtmWrap01 .section01{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.recommendWrap01 .cornerContents01,
.lpBtmWrap01 .cornerContents01{
  background: #fff;
 padding: 20px;
 text-align: center;
}
 .recommendWrap01 .cornerContents01 .appIndexMainSlideWrap01,
.lpBtmWrap01 .cornerContents01 .appIndexMainSlideWrap01{
  background: #e5e5e5;
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -ms-border-radius: 6px;
   }

/* Ajax読み込み
--------------------------------------------------------- */

.partial {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: 0.1s ease;
  -moz-transition: 0.1s ease;
  -ms-transition: 0.1s ease;
  -o-transition: 0.1s ease;
  transition: 0.1s ease;
}
.partial.active {
 filter: alpha(opacity=100);
 opacity: 1;
}
#header .partial.ready {
 filter: alpha(opacity=100);
 opacity: 1;
}

/* DLsiteレコメンド
--------------------------------------------------------- */

.recommendDlsiteList01 {
  padding: 15px 15px 15px;
}
  .recommendDlsiteList01 ul {
    display: block;
    min-height: 1%;
  }
  .recommendDlsiteList01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .recommendDlsiteList01 ul li {
      float: left;
      margin: 0 15px 0 0;
      width: 167px;
      text-align: center;
      font-size: 92.9%;
    }
    .recommendDlsiteList01 ul li:last-child {
      margin: 0;
    }
      .recommendDlsiteList01 ul li .image {
        margin: 0 0 8px;
      }
   
.recommendDlsiteListMore01 {
  padding: 0 15px 10px;
  text-align: right;
 background: #fff;
}

/* ==================================================================================================================
   汎用設定
================================================================================================================== */

.hide{display:none;}

.width_max {width:100%;}
.height_max{height:100%;}

.no_boxshadow{
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}


/* 文字揃え
--------------------------------------------------------- */
.t_align_l{text-align:left;}
.t_align_c{text-align:center;}
.t_align_r{text-align:right;}

.v_align_t{vertical-align:top !important;}
.v_align_m{vertical-align:middle !important;}
.v_align_b{vertical-align:bottom !important;}


/* インデント
--------------------------------------------------------- */
.indent_01{position:relative;line-height:1.4;}
.indent_01 dt span{position:absolute;}
.indent_01 dd{padding-left:1em;margin-bottom:6px;}
.indent_01 dd:last-child{margin-bottom:0;}

.indent_02{position:relative;line-height:1.4;}
.indent_02 dt span{position:absolute;}
.indent_02 dd{padding-left:1em;margin-bottom:4px;}
.indent_02 dd:last-child{margin-bottom:0;}

.indent_03{text-indent:-1em;padding-left:1em;}
.indent_03 span{padding-right:2px;}


/* フォントサイズ
--------------------------------------------------------- */
.fs10{font-size:10px !important;}

.fs11{font-size: 78.6% !important;} /* 11px */
.fs12{font-size: 85.7% !important;} /* 12px */
.fs13{font-size: 92.9% !important;} /* 13px */
.fs14{font-size: 100% !important;} /* 14px */
.fs15{font-size: 107.1% !important;} /* 15px */
.fs16{font-size: 114.3% !important;} /* 16px */
.fs18{font-size: 128.6% !important;} /* 厳密に言うと18pxではない */


/* 回り込み
--------------------------------------------------------- */
.float_l{float:left;}
.float_r{float:right;}


/* フォントカラー　
--------------------------------------------------------- */
.color_01{color:#e84c80 !important;}
.color_02{color:#319baa !important;}
.color_03{color:#4c4b4b !important;}
.color_04{color:#818181 !important;}
.color_05{color:#4c83e8 !important;}
.color_06{color:#eeeeee !important;}
.color_07{color:#c1e1f7 !important;}
.color_08{color:#ec5b8b !important;}
.color_09{color:#626262 !important;}

/* 強調
--------------------------------------------------------- */
.text_strong_none{font-weight:normal !important;}
.text_strong{font-weight:bold !important;}
.text_strong_01{color:#e84c80;font-weight:bold;font-size:16px;}
.text_strong_02{color:#319baa;font-weight:bold;font-size:16px;}


/* 背景カラー　
--------------------------------------------------------- */
.bg_color_01{background-color:#fcfcfc;}
.bg_color_02 {background-color:#f6f4f5;}
.bg_color_03 {background-color:#fff;}

/* 罫線
--------------------------------------------------------- */
hr.separator_line {
border:0;
height:0;
width:100%;
border-top:1px solid #c5c5c5;
border-bottom:1px solid #ffffff;
margin:0.5em 0;
}
hr.separator_line_dot{
border:0;
height:0;
width:100%;
border-top:1px dotted #c5c5c5;
margin:0.5em 0;
}

.line_dot_01{
border-top: 1px dotted #c5c5c5;
}


/* 余白
--------------------------------------------------------- */
.mt-5{margin-top:-5px !important;}

.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !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;}

.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !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;}
.mb100{margin-bottom:100px !important;}

.ml15{margin-left:15px !important;}

.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}

.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}


/* クリア
--------------------------------------------------------- */
.clear{clear:both;}

#lineup-font-size-sampler { display: none; }