body {font-size: 1.5rem; font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meirio","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; background: #e07c72;}

a {text-decoration: underline;}
.c {text-align: center !important;}
.l {text-align: center !important;}
.r {text-align: center !important;}
.c2 {margin-left: auto; margin-right: auto;}
hr {margin: 50px auto; border-top: solid 2px #ddd;}
.table + hr {margin: 50px auto;}
.nobr {white-space: nowrap;}
.widthAuto {width: auto !important;}
.btn {font-weight: bold; font-size: 1.5rem;}
.bottom-margin {margin-bottom: 1em;}
.box-shadow {box-shadow: 0 0 2px 2px rgba(0,0,0,.2);}
.text-lightRed {color: #FF3531;}
b {font-style: normal; font-size: 1.85rem;}
.c_danger {color: #ff4f12;}
.nobr {white-space: nowrap;}
.text-danger {color: #f00;}
.text-warning {color: #ff6c00;}
.fz_l {font-size: 1.85rem;}
.pict {margin: 50px auto; text-align: center;}
.pict p {margin-top: 10px;}
.fullsize {margin-left: -100px; margin-right: -100px;}
.fullsize + p {margin-top: 50px;}

.mt_1em {margin-top: 1em;}

body > .container {margin-top: 20px; padding-bottom: 40px; background: #fff; border-radius: 5px; box-shadow: 0 2px 8px rgba(0,0,0,.2); color: #444;}
    .lt-ie8 * {box-sizing: content-box;}
    .lt-ie8 *::before {box-sizing: content-box;}
    .lt-ie8 *:after {box-sizing: content-box;}
    .lt-ie8 .container {padding-left: 20px; padding-right: 20px; width: 920px !important;}
    .lt-ie8 .row .col-md-1 {float: left; width: 58px !important;}
    .lt-ie8 .row .col-md-2 {float: left; width: 137px !important;}
    .lt-ie8 .row .col-md-3 {float: left; width: 215px !important;}
    .lt-ie8 .row .col-md-4 {float: left; width: 293px !important;}
    .lt-ie8 .row .col-md-5 {float: left; width: 372px !important;}
    .lt-ie8 .row .col-md-6 {float: left; width: 450px !important;}
    .lt-ie8 .row .col-md-7 {float: left; width: 528px !important;}
    .lt-ie8 .row .col-md-8 {float: left; width: 607px !important;}
    .lt-ie8 .row .col-md-9 {float: left; width: 685px !important;}
    .lt-ie8 .row .col-md-10 {float: left; width: 763px !important;}
    .lt-ie8 .row .col-md-11 {float: left; width: 842px !important;}
    .lt-ie8 .row {zoom: 1;}
    .lt-ie8 .row::after {content: url(https://static.ncsoft.jp/images/common/spacer.gif); display: block; clear: both; height: 0;} /* clearFix */
    .lt-ie8 .row::after {display: inline-block;} /* clearFix */
    .lt-ie8 .row::after {display: block;} /* clearFix */
    .img-responsive {width: auto;}

#header {margin-bottom: 30px; position: relative; margin-left: -20px; margin-right: -20px; border-bottom-width: 5px; border-bottom-style: solid;}
#header * {position: absolute; top: 0; left: 0; font-size: 50%;}
#header .img {position: relative; margin: 0;}
#header .img img {position: static; border-radius: 5px 5px 0 0}
#header + p {padding: 30px; margin: 0 20px; font-size: 2rem; text-align: center; font-weight: bold; background: #f1f1f1; box-shadow: 5px 5px rgba(150,150,150,0.4);}
section {padding-left: 80px; padding-right: 80px;}
section + section {margin-top: 80px;}

.container img {display: inline-block;}
.page-header > *:first-child {margin-top: 0;}
.page-header > *:last-child {margin-bottom: 0;}
.page-header {position: relative; padding: 10px; margin: 40px -60px; line-height: 1; border-left: 8px solid #fadb0a; border-bottom: 0; border-radius: 3px; background: url(https://static.ncsoft.jp/images/event/common/pattern/bgHorLineWhite.png) #e7e5e1; box-shadow: 0 0 2px 2px #bfbfbf;}
.page-header::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #bdbdbd;}
.page-header + h2 {margin-top: 0;}

h1 {font-size: 1.8rem; color: #030103; font-weight: bold;}
h2 {font-size: 1.8rem; margin-top: 45px; margin-bottom: 10px; padding-left: 5px; font-weight: bold; color: #f16a07; border-left: solid 5px #f16a07;}
h3 {font-size: 1.6rem; font-weight: bold; color: #26aff3;}
h2 + h3 {margin-top: 10px;}

span.strong {font-weight: bold; font-size: 1.6rem; color: #444; line-heightf: 1.4}
span.big {font-size: 160%; font-weight: bold; color: #0086FD;}
.footer { margin: 30px 0 30px 0; width: 100%; text-shadow: 1px 1px 1px rgba(0,0,0,.2)}
.footer *: last-child {margin-bottom: 0;}
.footer .container {padding: 20px 0;}
.footer p {padding: 0 20px; color: #ddd;}

.imgSet {text-align: center;}
.imgSet img {margin-top: 10px; margin-bottom: 10px;}

p + .list-unstyled,
p + .order-unstyled {margin-top: -10px;}
.list-unstyled li {padding-left: 1em; text-indent: -1em;}
.order-unstyled {padding-left: 26px;}

.horizontal {margin-top: 30px; text-align: center; letter-spacing: -.4em;}
.horizontal::after {content: ""; display: block; clear: both;}
.horizontal > * {letter-spacing: normal; text-align: left;}
.horizontal + * {margin-top: 30px;}

.tableWrap {padding: 30px; margin: 20px auto; border: solid 1px #ddd; box-shadow: 5px 5px rgba(150,150,150,0.4);}
.tableWrap.w80 {width: 88.2%;}
.tableWrap blockquote {display: block; padding: 5px 0 5px 23px; background: none; border-top: none; border-right: none; border-bottom: none;}
.tableWrap blockquote > dl > dt {width: 10%;}
.table {width: 100%; font-size: 1.5rem; margin: 30px auto 50px;}
.tableWrap .table {margin: 0;}
.tableWrap blockquote + .table {margin: 20px 0 0;}
.table thead tr th {font-weight: bold; vertical-align: middle; white-space: nowrap;}
.table tbody tr > * {vertical-align: middle !important; color: #444;}
.table select {height: 30px; padding-right: 30px; color: #bbb;}
.table option {color: #000;}
.table .btn_cell {width: 20%;}
.table ._btn img {cursor: pointer;}
.table ._btn img["disbled"] {cursor: default;}
.table-striped tr:last-child td {border-bottom: solid 1px #ddd;}
.table-striped tr .select_cell {text-align: left;}
.table-striped tr .select_cell span {margin-left: 5px; font-weight: bold;}
.table.w80 {width: 80%;}
.table.w65 {width: 65%;}
.table.all-center tr > * {text-align: center;}
.table tbody td.item_cell {width: 11.5%; text-align: center;}
.table tbody td.item_cell_s {width: 15%;}
.table .table th {text-align: center; background: #dadada !important;}
.table + * {margin-top: -30px;}
.table + h2 {margin-top: 0;}
.table-original.color_matcha {border-color: #4d7d2d;}
.table-original.color_matcha thead th {background: #67a042; border-color: #4d7d2d;}
.table-original.color_matcha tbody tr > * {background: #f8fffa; border-color: #bcc5bf !important;}
.table-original.color_matcha tbody tr th.bg {color: #fff; background: #67a042; border-bottom: solid 1px #548237 !important; border-right: solid 1px #548237 !important; border-top: none;}
.table-original.color_orange {border-color: #d0a85e;}
.table-original.color_orange thead th {background: #f7b942; color: #6d430d; border-color: #d0a85e;}
.table-original.color_orange tbody tr > * {background: #fff9ee; border-color: #dcd3c2 !important;}
.table-original.color_orange tbody tr th.bg {color: #6d430d; background: #f7b942; border-bottom: solid 1px #d0a85e !important; border-right: solid 1px #d0a85e !important; border-top: none;}
.table-original.color_blue {border-color: #4e71b7;}
.table-original.color_blue thead th {background: #6791e4; border-color: #4e71b7;}
.table-original.color_blue tbody tr > * {background: #fbfcff; border-color: #c8cee0 !important;}
.table-original.color_sky {border-color: #538aa7;}
.table-original.color_sky thead th {background: #7fcaf1; color: #2c637f; border-color: #538aa7;}
.table-original.color_sky tbody tr > * {background: #fafdff; border-color: #ccd8e0 !important;}
.table.center_1 thead th:nth-of-type(1),
.table.center_1 tbody tr > *:nth-of-type(1),
.table.center_2 thead th:nth-of-type(2),
.table.center_2 tbody tr > *:nth-of-type(2),
.table.center_3 thead th:nth-of-type(3),
.table.center_3 tbody tr > *:nth-of-type(3),
.table.center_4 thead th:nth-of-type(4),
.table.center_4 tbody tr > *:nth-of-type(4),
.table.center_5 thead th:nth-of-type(4),
.table.center_5 tbody tr > *:nth-of-type(5) {text-align: center;}
.table-original {border: solid 2px #5a5a5a; font-size: 1.5rem;}
.table-original tr > * {padding: 5px 10px;}
.table-original thead tr th {font-weight: bold; vertical-align: middle; color: #fff; border: none; border-style: solid; border-width: 1px; border-left: none; border-top: none;}
.table-original tbody tr > * {vertical-align: middle !important; border: 1px solid #ccc; font-size: 1.4rem; color: #444; border-top: solid 1px #5a5a5a;}

blockquote {display: inline-block; margin-bottom: 0; font-size: 1.7rem; background: #f6f6f6; border: solid 1px #ddd; border-left-style: solid; border-left-width: 5px; border-radius: 0 5px 5px 0;}
blockquote.color_matcha {border-left-color: #67a042;}
blockquote.color_orange {border-left-color: #f7b942;}
blockquote.color_blue {border-left-color: #6791e4;}
blockquote.color_sky {border-left-color: #7fcaf1;}
blockquote dl {margin-bottom: 0;}
blockquote > dl > dd {padding-left: 25px; font-size: 14px;}
blockquote > dl > dd ul {padding-left: 0;}
blockquote > dl.horizontal {display: table; margin: 5px 0;}
blockquote > dl.horizontal::after {content: ""; display: block; clear: both;}
blockquote > dl.horizontal > * {display: table-cell; vertical-align: middle;}
blockquote > dl.horizontal > dd {padding-left: 15px; font-weight: bold;}

@media (max-width: 767px){
    body > .container {margin-top: 0; padding-bottom: 40px; border-radius: 0; box-shadow: none;}
    section {padding-left: 5px; padding-right: 5px;}
    blockquote {width: auto; padding-left: 16px; padding-right: 16px;}
    blockquote > dl.horizontal > dt {width: 20%;}
    #header {margin-left: -10px; margin-right: -10px;}
    #header + p {font-size: 1.6rem;}
    h2 {font-size: 1.8rem; margin-top: 20px}
    .fz_l {font-size: 1.5rem;}
    .page-header {margin-left: 0; margin-right: 0;}
    .page-header.type3 {margin-left: -5px; margin-right: -5px;}
    .page-header.type3 h1 {font-size: 2.25rem;}
    .table {width: 100% !important; font-size: 1.2rem; float: none !important;}
    .table thead tr th {white-space: normal;}
    .table tbody td.item_cell {width: 18%;}
    .table tbody td.item_cell_s {width: 24%;}
    .fullsize {margin-left: -15px; margin-right: -15px;}
    .footer {margin: 0; background: #fff;}
    .footer p {color: #888;}
}
.twitter {margin-top: 2em !important; text-align: center;}
.twitter a {display: inline-block;}
.ncsoftGnbWrapper {overflow: hidden;}

body.ver_autumn {background: #ef7a56;}
body.ver_autumn #header {border-bottom: solid 3px #ef7a56;}

body.ver_winter {background: #d2f2ff;}
body.ver_winter #header {border-bottom-color: #428bca;}
body.ver_winter .page-header {border-color: #428bca;}
body.ver_winter .footer p {color: #428bca;}
body.ver_winter h3 {color: #ff7800;}

