@charset "utf-8";

/*
#content .heading-shoulder { margin: -36px 0 0 0; float: right; } 
#content .heading-shoulder .button { margin: 0; background: url(../img/button.png) -10px 0px no-repeat; min-width: 80px; height: 37px; line-height: 1; overflow: hidden; }
#content .heading-shoulder .button a { padding: 12px 15px 13px 27px; display: block; position: relative; height: 37px; box-sizing: border-box; line-height: 1; }
#content .heading-shoulder .button a:after { content: ''; position: absolute; top: 0; right: 0; width: 10px; height: 40px; background: url(../img/button.png) no-repeat; }
*/

#content .share-menu { margin: 8px 0 16px; letter-spacing: -0.4em; text-align: right; }
#content .share-menu .caption { display: inline-block; font-size: 12px; font-weight: normal; letter-spacing: normal; margin-right: 8px; vertical-align: middle; }
#content .share-menu .caption .icon { background-image: url(../img/share-icon.png); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 17px; height: 17px; vertical-align: top; }
#content .share-menu .share-button { background-repeat: no-repeat; background-size: cover; display: inline-block; width: 40px; height: 40px; letter-spacing: normal; margin-left: 8px; vertical-align: middle; overflow: hidden; text-indent: 100%; white-space: nowrap; }
#content .share-menu .share-button.mod-fb { background-image: url(../img/share-button-fb.png) }
#content .share-menu .share-button.mod-tw { background-image: url(../img/share-button-tw.png) }
#content .share-menu .share-button.mod-ln { background-image: url(../img/share-button-ln.png) }

/* body#news-index
----------------------------------------------------------------------- */
body#news-index #content .articlelist { margin-top: 30px; }
body#news-index #content .post-title { padding: 10px; border-bottom: 1px solid #ccc; }
body#news-index #content .post-title a { display: inline-block; font-size: 16px; width: 580px; }
body#news-index #content .post-title span { padding-top: 2px; display: inline-block; width: 140px; vertical-align: top; }


body#news-index #content .nav-pager { margin: 24px 0 0; text-align: center; }
body#news-index #content .nav-pager ul { margin: -1px; list-style: none; }
body#news-index #content .nav-pager ul li { display: inline-block; margin: 16px 0 0; vertical-align: bottom; text-align: center; font-size: 13px; }
body#news-index #content .nav-pager ul li div { margin: 1px 1px 0 0; display: table; width: 390px; }
body#news-index #content .nav-pager ul li a { display: table-cell; border-radius: 4px; width: 100%; height: 48px; vertical-align: middle; text-align: center; color: #fff; background-color: #008ff2; }
body#news-index #content .nav-pager ul li a:hover { background-color: rgba(0,143,242,.9); }


body#news-index #content .article { margin: 30px 0; }
body#news-index #content .article.battle { background-position: bottom; background-repeat: no-repeat; }
body#news-index #content .article.battle .txt { width: 290px; }
body#news-index #content .article.jump { padding-bottom: 20px; background-color: #c1e0c1; }
body#news-index #content .article.jump .clearfix { padding: 20px 20px 0 20px; }
body#news-index #content .article.jump em { font-weight: bold; font-size: 133%; }
body#news-index #content .article.jump .fl { width: 450px; }
body#news-index #content .article.jump .fr { width: 226px; }
body#news-index #content .article .fl { float: left; }
body#news-index #content .article .fr { float: right; }
body#news-index #content .article p.first { margin-top: 0; }

body#news-index #content .ac { text-align: center; }
body#news-index #content img { vertical-align: bottom; }
body#news-index #content .begin { margin-top: 0; }
body#news-index #content .red { color: #cc0000; }
body#news-index #content ul { margin-left: 1.5em; margin-right: 1.5em; }
body#news-index #content .itembattle ul { margin-left: 1.5em; margin-right: 0; }
body#news-index #content .itembattle ul li { margin: 0; width: 100%; }
body#news-index #content ul.kome { margin-left: 0; margin-right: 0; list-style: none; }
body#news-index #content ul.kome li { margin-left: 1em; text-indent: -1em; }
body#news-index #content .ac { text-align: center; }


body#news-index #content .pane { padding: 20px; border: 1px solid #b0b0b0; background-color: #f8f8f4; }
body#news-index #content .pane h4.ttl { margin: -10px -10px 0 -10px; padding: 10px; border: 1px solid #ffffff; text-align: center; color: #ffffff; background-color: #680000; font-size: 150%; }
body#news-index #content .pane .details { margin: 10px 0; padding: 0 10px 10px 10px; border: 1px solid #b0b0b0; background-color: #ffffff; }
body#news-index #content .pane .details dt { margin: 10px 0 5px 0; padding: 5px; color: #ffffff; background-color: #680000; font-size: 123%; font-weight: bold; }
body#news-index #content .pane .details dd { padding: 2px; }
body#news-index #content .pane .details dd p { margin-top: 1em; }
body#news-index #content .pane .details dd ul { margin-top: 1em; margin-left: 1.75em; }
body#news-index #content .pane .details dd ul li { margin-bottom: .5em; }

body#news-index #content .eventpane { padding: 20px; border: 1px solid #b0b0b0; }
body#news-index #content h4.gen-parahead { margin-top: 2em; }

body#news-index #content .gywaku { margin-top: 1em; padding: 1em; text-align: center; background: #ececec; border: 1px solid #ccc; }
body#news-index #content .gywaku img { margin: .5em 0; }
body#news-index #content .gywaku em { font-weight: bold; }


/* .itembattle */
.article.itembattle p#cos img { margin-bottom:10px; }
.article.itembattle .type { width: 300px; float: left; }
.article.itembattle .fig { margin-top: 1em; float: right; }

/* .moviecamp */
table.moviecamp { margin-top: 10px; }
table.moviecamp th,
table.moviecamp td { padding: 5px 10px; border: 1px solid #cccccc; vertical-align: middle; line-height: 1.25; }
table.moviecamp th { text-align: center; }
table.moviecamp th img { margin-bottom: 10px; }
table.moviecamp tr.titlepic th { font-size: 117%; }
table.moviecamp tr.sh th { background-color: #666666; color: #ffffff; }
table.moviecamp tr.detail th { text-align: left; background-color: #ececec; }

/* .budokai */
.budokai table.bumon { text-align: center; width: 100%; }
.budokai table.bumon th { font-size: 120%; background: #333!important; color: #fff; border: 1px solid #333!important; }
.budokai table.bumon td { padding: 1em; background: #ececec; }
.budokai table.bumon td div { margin-bottom: .5em; font-size: 150%; font-weight: bold; }

/* body#news-index .vr3
----------------------------------------------------------------------- */
.vr3 h4 { padding: .5em; background: #ff6600; font-size: 24px; color: #ffffff; font-weight: bold; text-align: center; }
.vr3 h4.lm { font-size: 22px; }
.vr3 .eventpane { border-top: 1px solid #ffffff!important; }
.vr3 .eventpane p:first-child { margin-top: 0!important; }
.vr3 .eventpane h5 { margin-top: 1.5em; padding-bottom: 1px; border-bottom: 4px solid #ff6600; font-weight: bold; font-size: 24px; text-align: center; color: #ff6600; }
.vr3 .eventpane h6 { margin-top: 1.5em; font-weight: bold; font-size: 133%; color: #ff6600; }
.vr3 ul.dotno { list-style-type: none; }
.vr3 ul.dotno li { margin-left: -1.25em; }
.vr3 .redwaku { margin-top: 1em; padding: 1em; border: 2px solid #c00; }

.stampchat table { margin-top: 2em; font-size: 16px; border-top: 1px solid #cccccc; }
.stampchat table th, .stampchat table td { padding: .75em; border-bottom: 1px solid #cccccc; vertical-align: top; }
.stampchat table th { white-space: nowrap; }
.stampchat table ul { margin-top: .5em; font-size: 12px; }
.stampchat table .red-em { font-size: 24px; font-weight: bold; }
.stampchat table.item { margin-top: 1em; width: 100%; background: #ececec; text-align: center; }
.stampchat table.item th { padding: .2em; background: #333; border: 1px solid #333; color: #fff; }
.stampchat table.item td { border: 1px solid #ccc; text-align: center; }
.stampchat .lead { font-size: 16px; }

/* .stampchat table.trophy */
.stampchat table.trophy th, .stampchat table.trophy td { padding: 2px; font-size: 12px; text-align: center; vertical-align: middle; border: 1px solid #ccc; }
.stampchat table.trophy th { background: #ececec; }
.stampchat table.trophy { width: 340px; }
.stampchat table.trophy.fl { margin-right: 16px; }
.stampchat table.trophy tr.new td { background-color: #fffde0; }
/* .stampchat table.trophy img { height: 48px; } */
.stampchat table td:first-child { font-weight: bold; }

.stampchat .trophynotes { line-height: 1.8; }
.stampchat .trophynotes span { padding: 3px 5px; border: 1px solid #ccc; line-height: 1; }
.stampchat .trophynotes span.cell1 { background-color: #fffde0; }
.stampchat .trophynotes span.cell2 { background-color: #ffffff; }

.vr3.stampchat table.trophy.trophy-wide { width: 100%; }
.vr3.stampchat table.trophy.trophy-wide th { padding: 8px; }



/* .vr3.itembattle */
.vr3.itembattle h4 { padding: 8px; font-size: 30px; text-align: center; background: #00aad9; }
.vr3.itembattle h4 span { margin-top: 8px; padding: 4px; display: block; background: #007ea5; font-size: 16px; }
.vr3.itembattle h5 { color: #00aad9; border-color: #00aad9; }
.vr3.itembattle h5 span { margin-top: 4px; display: block; font-size: 18px; }
.vr3.itembattle h6 { margin-top: 1.5em; font-weight: bold; font-size: 133%; color: #00aad9; }

/* #vr3.dbattle */
.vr3.dbattle h4 { padding: 8px; font-size: 32px; text-align: center; background: #990000; }
.vr3.dbattle h4 span { margin-top: 8px; padding: 4px; display: block; background: #330000; font-size: 16px; }
.vr3.dbattle h5 { color: #990000; border-color: #990000; }
.vr3.dbattle h5 span { margin-top: 4px; display: block; font-size: 18px; }

.vr3.dbattle .newemb { width: 100%; text-align: center; }
.vr3.dbattle .newemb table { margin: 1em 1em 0 1em; display: inline-block; background: #ececec; }
.vr3.dbattle .newemb table th,
.vr3.dbattle .newemb table td { padding: .5em 1em; text-align: center; border: 1px solid #ccc; }
.vr3.dbattle .newemb table th { color: #fff; font-size: 114%; background: #333; border: 1px solid #333; }
.vr3.dbattle .newemb table.emb3 th { background: #900; border: 1px solid #900; }
.vr3.dbattle .newemb table.emb1 td img,
.vr3.dbattle .newemb table.emb3 td img { margin: 44px 0; }

.vr3.dbattle .newemb.w480 table { margin: 1em 10px 0 0; }
.vr3.dbattle .newemb.w480 table.emb1 td img { margin: 38px 0; }


table.itemshop { margin-top: 1em; width: 100%; background: #ececec; }
table.itemshop th { padding: .5em; background: #333; border: 1px solid #333; color: #fff; text-align: center; }
table.itemshop td { padding: 1em; border: 1px solid #ccc; border-top: none; }

/* #vr3.budokai */
.vr3.budokai h4 { padding: 8px; text-align: center; background: #8a3555; }
.vr3.budokai h5 { color: #8a3555; border-bottom: 4px solid #8a3555!important; }
.vr3.budokai h5 span { margin-top: 4px; display: block; font-size: 18px; }
.vr3.budokai .color { color: #8a3555; }
.vr3.budokai table.prize { margin-top: 1em; }
.vr3.budokai table.prize th,
.vr3.budokai table.prize td { padding: .5em; border: 1px solid #ccc; text-align: center; }
.vr3.budokai table.prize th { width: 15%; background-color: #ececec; padding: 5px 10px; }
.vr3.budokai table.prize span { margin-top: .5em; display: block; }
.vr3.budokai table.prize.fr { margin-top: 0; }
.vr3.budokai .fl { width: 272px; }
.vr3.budokai table.prize tr.rk1 th { background: #b38f00; color: #fff; }
.vr3.budokai table.prize tr.rk2 th { background: #bbbbbb; color: #fff; }
.vr3.budokai table.prize tr.rk3 th { background: #b4400f; color: #fff; }

/* #vr3 */
.vr3.vrup h4 { background-color: #004e90; }
.vr3.vrup h5 { color: #004e90; border-color: #004e90; }
.vr3.vrup .lf { float: left; }
.vr3.vrup .rg { float: right; }

.vr3.vrup ul.menu { margin-bottom: 4em; }
.vr3.vrup ul.menu li { list-style: none; width: 100%; }
.vr3.vrup ul.menu a, .vr3.vrup ul.menu span { margin-bottom: 4px; padding: .8em 1em; background-color: #ffcc00; text-decoration: none!important; display: block; font-size: 20px; font-weight: bold; color: #000!important; border- border: 1px solid #ffad08; box-shadow: 2px 2px rgba(0,0,0,0.1); border-radius: 8px; -moz-border-radius: 8px; }
.vr3.vrup ul.menu li a:hover { background-color: #ffdd08; }
.vr3.vrup ul.menu span { background-color: #444; color: #999!important; border: 1px solid #000; }
.vr3.vrup ul.menu em { margin-right: 2em; font-size: 14px; font-weight: normal; }
.vr3.vrup ul.menu li.red a:link { color: #c00!important; }

/* #vr3 .vol */
.vr3.vrup .vol { margin-top: 2em; background: #efefef; }
.vr3.vrup .vol h4 { background: #004e90; color: #ff0; }
.vr3.vrup .vol .eventpane { border-color: #ddd!important; }
.vr3.vrup .vol .pic { margin-top: 1.5em; }

/* .vr3.newteam */
.vr3.newteam h4 { padding: 8px; text-align: center; background: #cc3333; }
.vr3.newteam h4 span { margin-top: 8px; padding: 4px; display: block; background: #983333; font-size: 16px; }
.vr3.newteam h5 { color: #cc3333; border-color: #cc3333; }
.vr3.newteam h5 span { margin-top: 4px; display: block; font-size: 18px; }

/* body#news-version
----------------------------------------------------------------------- */
body#news-version #content .red { color: #cc0000; }
body#news-version #content dl dt { margin-top: 20px; border-bottom: 1px solid #b7b7b7; position: relative; background: url(../img/version-ttl-bg.png) 0 0 repeat-y; }
body#news-version #content dl dt strong { padding: 15px 10px 10px 10px; display: block; width: 560px; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 0 #ffffff; }
body#news-version #content dl dt span { position: absolute; top: 4px; right: 10px; font-size: 12px; }
body#news-version #content dl dt span { _right: 40px; }

body#news-version #content dl dd ul { list-style: none; }
body#news-version #content dl dd ul li { margin-bottom: .5em; padding-left: 22px; background: url(../img/icon-star.png) no-repeat left top; }
body#news-version #content dl dd ul li.sh { font-weight: bold; padding-left: 0; background: none; list-style: none; font-size: 117%; }
body#news-version #content dl dd ul li .picfl { float: right; margin: 0 0 20px 20px;}
body#news-version #content dl dd ul li .pic { margin: 5px 10px 5px 0; }
body#news-version #content dl dd ul li .kome { margin-top: .5em; text-indent: -1em; margin-left: 1em;}
body#news-version #content dl dd ul li li { margin-bottom: 0; }
body#news-version #content dl dd ul li li.sh { margin-left: -2em; font-size: 100%; }

body#news-version #content dl dd ul li table { margin-top: .5em; width: 100%; }
body#news-version #content dl dd ul li table,
body#news-version #content dl dd ul li table th,
body#news-version #content dl dd ul li table td { border: 1px solid #999999; }
body#news-version #content dl dd ul li table th,
body#news-version #content dl dd ul li table td { padding: .25em .5em; }
body#news-version #content dl dd ul li table th { white-space: nowrap; text-align: center; background: #ececec; }
body#news-version #content dl dd ul li table td ul li { margin-bottom: 0; }
body#news-version #content dl dd ul li table td.up { background: #ffcce5; }
body#news-version #content dl dd ul li table td.dn { background: #cce5ff; }
body#news-version #content dl dd ul li table .nowrap { white-space: nowrap; }

body#news-version #content dl dd ul li ul { margin-top: .5em; margin-left: 1.5em; }
body#news-version #content dl dd ul li ul li { padding-left: 0; list-style: disc; background-image: none!important; }
body#news-version #content .ac { text-align: center; }

body#news-version #content dl dd ul li table#bppname,
body#news-version #content dl dd ul li table#bppname th,
body#news-version #content dl dd ul li table#bppname td { margin-top: 0; padding: 0; border: none; background: none; vertical-align: top; width: 10%; white-space: nowrap; font-weight: normal; }
body#news-version #content dl dd ul li table#bppname { margin-top: -1.3em; zoom: 1; }


/* body#news-maintenance
----------------------------------------------------------------------- */
body#news-maintenance #content dl.regular { margin-top: 20px; border: 3px solid #b7b7b7; }
body#news-maintenance #content dl.regular dt { border: 1px solid #ffffff; margin: 0; position: relative; background-color: #e5e5e5; }
body#news-maintenance #content dl.regular dt strong { padding: 5px 10px; display: block; width: 560px; font-size: 16px; font-weight: bold; }
body#news-maintenance #content dl.regular dt span { position: absolute; top: 7px; right: 10px; font-size: 12px; text-shadow: none; }
body#news-maintenance #content dl.regular dt span { _top: 10px; _right: 40px; }
body#news-maintenance #content dl.regular dd { border: 1px solid #ffffff; margin: 0; padding: 10px; }
body#news-maintenance #content dl.regular dd p.begin { margin-top: 0; }
body#news-maintenance #content dl.regular dd .term { margin: .5em 0 0 0; padding: .5em; display: block; background-color: #e8e8e8; }

body#news-maintenance #content .problem-pane { margin-top: 20px; padding: 15px; border: 3px double #cccccc; color: #000000; background-color: #ffffff; }
body#news-maintenance #content .problem-pane dl dt { padding: 5px; line-height: 1.25; color: #ffffff; background-color: #444444; font-size: 13px; }
body#news-maintenance #content .problem-pane dl dt em { margin: -5px 10px 0 -5px; padding: 5px 10px; border-right: 1px solid #ffffff; display: block; float: left; width: 65%; background-color: #e00000; }
body#news-maintenance #content .problem-pane dl dd { margin-top: 20px; font-size: 13px; }
body#news-maintenance #content .problem-pane dl dd p { margin-top: 1.5em; }
body#news-maintenance #content .problem-pane dl dd ul,
body#news-maintenance #content .problem-pane dl dd ol { margin: 1.5em 0 0 2em; }
body#news-maintenance #content .problem-pane dl dd blockquote { margin: 1em 0 -.5em 0; padding: .5em; border: 1px dashed #888888; background-color: #f0f0f0; }
body#news-maintenance #content .problem-pane dl dd .term { margin: .5em 0 0 0; padding: .5em; display: block; background-color: #e8e8e8; }

body#news-maintenance #content .problem-pane dl dd .detail em { margin: 1em 0 0 0!important; display: block; }
body#news-maintenance #content .problem-pane dl dd .detail ul { margin-top: 0!important; margin-left: 2em!important; }