@charset "Shift_JIS";

/* ---------- reset ---------- */
* {
  margin: 0;
  padding: 0;
}

body {
  padding: 0;
  margin: 0;
  font-size: small;
  _font-size: x-small; /* IE6 */
  color: #333;
  background: #fff;
  line-height: 1.3em;
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS PGothic', sans-serif;
  text-align: center;
  word-break: break-all;
}

div,
p,
span,
a,
input,
select,
textarea,
form,
ul,
ol,
li,
dl,
dt,
dd,
tr,
td,
table {
  font-size: 100%;
}

th {
  text-align: left;
  vertical-align: top;
}

img,
a {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

strong,
em {
  font-style: normal;
}

ul,
ol {
  list-style: none;
}

hr {
  display: none;
}

address {
  font-style: normal;
}

input {
  vertical-align: middle;
}

caption {
  text-align: left;
}

th {
  font-weight: normal;
}

button {
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS PGothic', sans-serif;
  font-weight: normal;
  font-size: 100%;
  line-height: 1.3em;
  text-align: center;
}

/* ---------- common setting ---------- */
.moreInfo a,
#newsArea03 ol span.no,
#sexy .idol a,
#sexy .adult a,
.icon,
.icon,
#catvAlertMesg a,
#footer span,
#importantNews p a,
#gfilter label,
#tvInfoEdit dl dd.pddL5 span a,
#tvInfoEdit dl dd.pddL5 span span {
  zoom: 1;
}

/* z-index */
#mainContents {
  z-index: 1;
}

#electric {
  z-index: 1;
}

#head .hdbg {
  *z-index: 2;
}

#navi {
  z-index: 2;
}

#dmenu .rcm {
  z-index: 3;
}

#kujiFla .skip {
  z-index: 100;
}

.cpn #kujiArea .try span .check,
.cpn #kujiArea .try span .atari {
  z-index: 100;
}

#disaster .erectricLink {
  z-index: 100;
}

#cw_iba {
  z-index: 1000;
}

#ff_homeset {
  z-index: 13000;
}

#homesetPopup {
  z-index: 13000;
}

#cw_gate {
  z-index: 100000;
}

/* commonImg */

#head .hdBg,
.prvM,
.prvL,
.prvCn .cttl,
.hdr,
#menuB dt {
  width: auto;
}

.cpn .bln,
.cpn .bln .submit a,
.cpn .bln .btn a,
.prvM,
.prvL,
.prvCn .cttl,
.hdr,
#menuB dt,
.select .submit a,
.select .cancel a,
.select .normal a,
.betaInfo ul li.btn a,
#svcListBtn,
.betaInfo,
#svclist caption,
.pnlCn,
#hdTps td.btn a,
#ff_homeset .close a,
#homesetPopup .close a,
#gifAD,
#News-navi li,
#Rank-navi li,
#disaster h2,
#menuB .rcmInr,
#menuB dt,
.twitter .btn a,
.cpn .btn a,
#tetsujin .btn a,
#chosa .btn a,
#dmenu .m-etc a.btn,
#dmenu .rcmInr {
  background-image: url('/images/common/bg_130328.png');
  background-repeat: repeat-x;
}

span.pr,
.cpn .blnBtm,
span.new,
span.iIcscramation2,
span.iImport2,
span.iHot2,
.dot li a,
.dot dd a,
.arrR,
#menuB dd a.text,
.betaInfo ul li a,
#hdTps th p,
#head .hdmLogin .info a,
#ff_homeset .pkg .text,
#ff_homeset_icon,
#ff_homeset .ffImg,
.prvsec .m-social .icn,
#prvWeather .cttl .btn a,
#dmenu .m-weather .cttl .btn a,
.ttlText .alert,
#prvWeather .text .alert,
#Rank h3,
#Rank-navi #Rank05 span,
#menuB .rcmBtm,
#menuB .ispUnit .btnmenu a.text,
#menuB dt .btn a,
.arrUP,
.arrDW,
.rnkstay,
.rnknew,
.twitter h2 .icon a,
.cpn .banner,
#niftyInfo .newsList li,
#niftyInfo .dot p,
#sexyON span,
#sexyOFF span,
#footer a.new,
#dmenu .m-etc a.btn span,
.addInfo li,
#newsArea08 .more-content .dpz dl.dot dt,
#tetsujin .hdr span,
#chosa .hdr span,
#dailyZ .hdr span,
#chosa .box,
#dailyZ .box,
#tetsujin .btmBox .question,
#chosa .btmBox .question {
  background-image: url('/images/common/icon_160815.png');
  background-repeat: no-repeat;
}

#rakutenArea img {
  width: 65px;
  float: left;
}

#dmenu .dockInr .btn,
#dmenu .dockInr .status,
#dmenu .dockInr .status strong,
#dmenu .dockInr .icn,
.docItm dd .dockInr .btn,
.docItm dd .dockInr .status,
.docItm dd .dockInr .status strong,
.docItm dd .dockInr .icn,
.docItm dd .dockInr a.selected:hover .btn,
.prvsec .dockBtn .icn,
.editDoc .btn {
  background-image: url('/images/common/bg_dock_151029.png');
  background-repeat: no-repeat;
}

.clearBoth {
  clear: both;
}

.dispNone {
  display: none;
}

.skipNav {
  position: absolute;
  top: 0;
  left: 0;
}

/* clearfix */
.loginarea_message::after,
#menu dt a::after,
.pkg::after {
  content: '';
  display: block;
  clear: both;
  height: 0.1px;
}

* html .loginarea_message,
* html #menu dt a,
* html .pkg {
  display: inline-block;
}

/* no ie mac \ */
* html .loginarea_message,
* html #menu dt a,
* html .pkg {
  height: 1%;
}

.loginarea_message,
#menu dt a,
.pkg {
  display: block;
  width: 100%;
}

/* */

/* padding */
.nopdd {
  padding: 0 !important;
}

.pdd0 {
  padding: 0 !important;
}

.pddT0 {
  padding-top: 0 !important;
}

.pddB0 {
  padding-bottom: 0 !important;
}

.pddR0 {
  padding-right: 0 !important;
}

.pddL0 {
  padding-left: 0 !important;
}

.pdd5 {
  padding: 5px !important;
}

.pddT5 {
  padding-top: 5px !important;
}

.pddR5 {
  padding-right: 5px !important;
}

.pddB5 {
  padding-bottom: 5px !important;
}

.pddL5 {
  padding-left: 5px !important;
}

.pddRL5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.pdd10 {
  padding: 10px !important;
}

.pddT10 {
  padding-top: 10px !important;
}

.pddR10 {
  padding-right: 10px !important;
}

.pddB10 {
  padding-bottom: 10px !important;
}

.pddL10 {
  padding-left: 10px !important;
}

.pdd20 {
  padding: 20px !important;
}

.pddT20 {
  padding-top: 20px !important;
}

.pddR20 {
  padding-right: 20px !important;
}

.pddB20 {
  padding-bottom: 20px !important;
}

.pddL20 {
  padding-left: 20px !important;
}

.pddL25 {
  padding-left: 25px !important;
}

.pddL40 {
  padding-left: 40px !important;
}

.pddT25 {
  padding-top: 25px;
}

.pddT45 {
  padding-top: 45px;
}

.nomrg {
  margin: 0 !important;
}

.mrg5 {
  margin: 5px !important;
}

.mrgT5 {
  margin-top: 5px !important;
}

.mrgR5 {
  margin-right: 5px !important;
}

.mrgB5 {
  margin-bottom: 5px !important;
}

.mrgL5 {
  margin-left: 5px !important;
}

.mrgR7 {
  margin-right: 7px !important;
}

.mrg10 {
  margin: 10px !important;
}

.mrgT10 {
  margin-top: 10px !important;
}

.mrgR10 {
  margin-right: 10px !important;
}

.mrgB10 {
  margin-bottom: 10px !important;
}

.mrgL10 {
  margin-left: 10px !important;
}

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

.mrg20 {
  margin: 20px !important;
}

.mrgT20 {
  margin-top: 20px !important;
}

.mrgR20 {
  margin-right: 20px !important;
}

.mrgB20 {
  margin-bottom: 20px !important;
}

.mrgL20 {
  margin-left: 20px !important;
}

.noBrd {
  border: none !important;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.vrtclaT {
  vertical-align: top;
}

.vrtclaM {
  vertical-align: middle;
}

.txtaL {
  text-align: left;
}

.txtaC {
  text-align: center;
}

.txtaR {
  text-align: right;
}

.nowrap {
  white-space: nowrap;
}

.fontS {
  font-size: 0.86em;
}

.fontL {
  font-size: 1.16em;
}

.fontLL {
  font-size: 1.28em;
}

.fontW {
  font-weight: bold;
}

.fontN {
  font-weight: normal;
}

.font12 {
  *font-size: 12px;
}

.lineh11 {
  line-height: 1.1;
}

.brdB1 {
  background-position: -946px -499px;
}

.brdB2 {
  border-top: 1px solid #f9a851;
}

.brdB3 {
  background-position: -1115px -499px;
}

.brdB4 {
  background-position: 100% -499px;
}

.brdB5 {
  background-position: 100% 100%;
}

.brdTg {
  border-top: 1px solid #c4c4c4;
}

.brdRg {
  border-right: 1px solid #c4c4c4;
}

.brdBg {
  border-bottom: 1px solid #c4c4c4;
}

.brdLg {
  border-left: 1px solid #c4c4c4;
}

.arrR {
  background-position: -460px -723px;
  padding-left: 10px;
}

/* .box */
.box {
  margin-bottom: 10px;
  background: #fff;
}

.box3 {
  background: #f0f0f0;
  border: 1px solid #c4c4c4;
}

.activ {
  border: 1px solid #c4c4c4;
  border-bottom: none;
  background: #fff;
  margin-bottom: -1px;
}

/* .imgLeftS */
.imgLeftS {
  min-height: 61px;
}

.imgLeftS dt {
  position: relative;
  padding: 0 0 0 60px;
  width: 130px;
  font-weight: normal !important;
}

.imgLeftS dt img {
  position: absolute;
  top: 0;
  left: 0;
}

.imgLeftS dd {
  padding-left: 60px;
  height: 1em;
}

.imgLeftS > dd {
  height: auto;
}

.clmn2 li {
  width: 191px;
  float: left;
}

.red {
  color: #db0000;
}

.blue {
  color: #3181ef;
}

.gray {
  color: #757575;
}

.icon {
  *padding: 1px 0 0 25px;
}

/* html:\66irst-child .icon,
html:not(:only-child:only-child) .icon {
  display: inline-table;
} */

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

.noScript p {
  border: 2px solid #db0000;
  color: #db0000;
  font-weight: bold;
  padding: 10px;
}

.iFrame {
  border: none;
  overflow: hidden;
}

.iframeBody {
  text-align: left;
}

.box .ttl02 {
  background: #f26400;
  border: none;
  color: #fff;
}

.bgnone,
.bgnone a {
  background: none !important;
}

/* ------------------------------------------------------------
	reset
------------------------------------------------------------ */

#subContents .brdB4,
#subContents .brdB5 {
  border: none;
  background: none;
}

#News .txtaC dt.pddT5,
#serviceInfo h2 .pdd5,
#gravuretopicTitle h2,
#gravuretopicTitle span,
#niftyInfo .pdd10 {
  padding: 0 !important;
}

#niftyInfo .dot a {
  padding: 0 !important;
  background: none !important;
}

#niftyInfo .dot p {
  background-position: -485px -697px;
  padding-left: 10px;
}

/* ------------------------------------------------------------
	common
------------------------------------------------------------ */

/* Link */
a:link {
  color: #16387c;
  text-decoration: none;
}

a:visited {
  color: #7b4784;
  text-decoration: none;
}

a:hover {
  color: #16387c;
  text-decoration: underline;
}

a:active {
  color: #16387c;
  text-decoration: underline;
}

/* ---------- layout setting ---------- */
#outline {
  position: relative;
}

#container {
  margin: 0 auto;
  width: 963px;
  text-align: left;
  background: #fff;
  *zoom: 1;
  _position: relative;
}

#contents {
  width: 963px;
  _zoom: 1;
  _position: relative;
}

#navi {
  width: 175px;
  margin-right: 10px;
  float: left;
  zoom: 1;
}

#mainContents {
  width: 468px;
  float: left;
  position: relative;
}

#subContents {
  width: 300px;
  float: right;
  position: relative;
}

.dockInr a,
.prvHd a,
.prvCn .text .sttl a,
.prvCn .cttl a,
#head .window .option a {
  color: #333;
}

/* commonStyle */
span.new,
span.iIcscramation2,
span.iImport2,
span.iHot2,
span.pr {
  width: 24px;
  height: 15px;
  text-indent: -9999px;
  position: absolute;
  background-repeat: no-repeat;
}

span.new {
  *background-position: -871px -173px;
}

span.iHot2 {
  background-position: -869px -203px;
  *background-position: -871px -205ppx;
}

span.iImport2 {
  *background-position: -871px -236px;
}

span.iIcscramation2 {
  *background-position: -869px -267px;
}

span.pr {
  *background-position: -871px -141px;
}

.sec {
  border-bottom: 1px solid #e1e1e1 !important;
}

.hdr {
  border-bottom: 1px solid #e1e1e1 !important;
  min-height: 17px !important;
  width: auto;
  padding: 10px 5px 5px 10px !important;
  background-position: 0 -650px !important;
}

#menuB dt {
  min-height: 17px;
  width: auto;
  padding: 10px 5px 5px 6px;
  background-position: 0 -650px;
}

.hdr a {
  color: #333 !important;
}

.hdr .floatR a {
  color: #16387c !important;
}

.dot li,
.dot dd {
  line-height: 1.4 !important;
  padding-bottom: 3px !important;
  letter-spacing: 0;
}

.dot li a,
.dot dd a {
  padding-left: 10px !important;
  background-position: -485px -697px !important;
}

#menuB dt .btn a,
#prvWeather .cttl .btn a {
  display: block;
  width: 17px;
  height: 17px;
  overflow: hidden;
  text-indent: -9999px;
  background-position: -37px -150px;
}

#menuB dt .btn a.top,
#prvWeather .cttl .btn a.top {
  background-position: -20px -150px;
}

/* ------------------------------------------------------------
	header
------------------------------------------------------------ */
#head {
  background: #ffddad;
  min-width: 963px;
}

#head .pkg::after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

* html #head .pkg {
  display: inline-block;
}

/* no ie mac \ */
#head .pkg {
  height: 1%;
}

#head .pkg {
  display: block;
  width: auto;
}

/* */
#head .hdInr {
  width: 963px;
  margin: 0 auto;
  *text-align: left;
  zoom: 1;
  padding: 0;
}

#head .hdInr::after {
  content: '';
  clear: both;
  display: block;
}

#head .hdBg {
  background-position: 0 0;
  background-color: #fff;
}

#head .hdBg .hdInr {
  display: inline-block;
  text-align: left;
}

#head .window {
  background: #fff;
  border: #979797 1px solid;
  zoom: 1;
}

#head .window .inr {
  padding: 5px;
  border-bottom: #d6d6d6 1px solid;
}

#head .window .ttl {
  border: #e1e1e1 1px solid;
  background: #efefef;
  text-align: center;
  font-weight: bold;
  padding: 3px;
}

#head .window .option {
  background: #ece5db;
  border-top: #fff 1px solid;
  padding: 4px 10px;
  *letter-spacing: 0;
}

#contentsTop {
  border: 0;
  background: none;
  width: auto;
  position: relative;
}

/* ff_homeset */
#ff_homeset {
  width: 200px;
  margin: 0 0 0 10px;
  background-color: #fff;
  border: 1px solid #979797;
  padding: 4px 0 0;
  position: absolute;
}

#ff_homeset h3 {
  font-size: 1.12em;
  text-align: center;
  background: #efefef;
  border: 1px solid #e0e0e0;
  padding: 5px;
  margin: 0 4px 10px;
}

#ff_homeset .inner {
  padding: 0 5px 10px;
  border-bottom: 1px solid #d7d7d5;
}

#ff_homeset .pkg {
  padding: 0 0 0 9px;
  margin: 0 0 8px;
}

#ff_homeset .pkg .icon {
  width: 52px;
  float: left;
  padding: 0;
}

#ff_homeset .pkg .text {
  min-height: 46px;
  background-position: -870px -290px;
  padding: 0 0 0 40px;
  overflow: hidden;
  zoom: 1;
}

#ff_homeset .pkg .text span {
  display: block;
  padding: 5px 0 0;
}

#ff_homeset_icon {
  display: block;
  width: 52px;
  height: 46px;
  background-position: 0 -100px;
}

#ff_homeset .ffImg {
  width: 120px;
  height: 70px;
  margin: 0 auto 5px;
  text-indent: -9999px;
  background-position: -70px -100px;
}

#ff_homeset em {
  font-weight: bold;
}

#ff_homeset .close {
  text-align: right;
  border-top: 1px solid #fff;
  background: #ece5db;
  padding: 4px 7px;
  color: #333;
  zoom: 1;
}

#ff_homeset .close::after {
  content: '';
  clear: both;
  display: block;
}

#ff_homeset .close a {
  display: block;
  min-height: 13px;
  float: right;
  padding: 0 16px 0 0;
  color: #333;
  background-repeat: no-repeat;
  background-position: 100% -2768px;
  zoom: 1;
  *padding-bottom: 1px;
}

/* homesetPopup */
#homesetPopup {
  width: 145px;
  height: 70px;
  margin: 0;
  background-color: #fff;
  border: 1px solid #979797;
  padding: 0;
  top: 22pt;
  right: 0;
  position: absolute;
  font-size: 90%;
}

#homesetPopup .inner {
  padding: 5px 5px 0;
  border-bottom: 1px solid #d7d7d5;
}

#homesetPopup .pkg {
  padding: 0;
  margin: 0;
}

#homesetPopup .pkg .icon {
  width: 38px;
  float: left;
  padding: 0;
}

#homesetPopup .pkg .text {
  min-height: 38px;
  padding: 2px;
  overflow: hidden;
  zoom: 1;
}

#homesetPopup .pkg .text span {
  display: block;
}

#homesetPopup .link {
  margin-bottom: 0;
  border: 3px double #333;
}

#homesetPopup .close {
  text-align: right;
  height: 16px;
  border-top: 1px solid #fff;
  background: #ece5db;
  padding: 2px 7px;
  color: #333;
  zoom: 1;
}

#homesetPopup .close::after {
  content: '';
  clear: both;
  display: block;
}

#homesetPopup .close a {
  display: block;
  min-height: 13px;
  float: right;
  padding: 0 16px 0 0;
  color: #333;
  background-repeat: no-repeat;
  background-position: 100% -2768px;
  zoom: 1;
  *padding-bottom: 1px;
}

/* noscript */
.noscriptMsg {
  border: 3px solid #e07c1d;
  margin: 0 16px 15px;
  padding: 15px;
}

.noscriptMsg dt {
  font-weight: bold;
  margin: 0 0 5px;
}

.noscriptMsg dd {
  letter-spacing: 0;
}

/* --- prev -- */
#fancybox-wrap {
  text-align: left;
}

#fancybox-content {
  position: relative;
  border: 1px solid #969696 !important;
}

.prvInr {
  position: absolute;
  background-color: rgb(0 0 0 / 60%);
  *background-color: #787878;
}

.prvCnInr {
  zoom: 1;
}

.prvM {
  background-position: 0 -1749px;
  background-color: #ebe4d9;
  width: 488px;
  padding-bottom: 5px;
  border: none;
}

.prvHd {
  width: auto;
  padding: 4px 10px 4px 15px;
  zoom: 1;
}

.prvCn {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  margin: 0 5px;
  position: relative;
  border: 1px solid #cbcbcb;
}

.loading {
  height: 364px;
  background: url('/images/common/loading.gif') no-repeat center center;
}

.prverr {
  height: 364px;
}

.prverr p {
  font-weight: bold;
  position: relative;
  text-align: center;
  top: 45%;
}

.prvHd .ttl {
  padding: 2px 0;
}

.prvHd .close a {
  display: block;
  padding: 2px 0;
}

/* --- .prvCn --- */

.prvCn .cttl {
  background-position: 0 -2657px;
  background-color: #ffd257;
  padding: 5px 10px;
  border-top: #fff 1px solid;
  border-bottom: #e2c77d 1px solid;
  zoom: 1;
}

.prvCn .cttl .menu {
  border-left: #333 1px solid;
  padding: 0 0 0 10px;
  margin: 0 0 0 5px;
  zoom: 1;
}

.prvCn .cttl .ttl {
  float: left;
}

#trainInfoLebel .ttl {
  float: right;
  margin: 4px 10px 2px;
}

.prvCn .cttl .ttl span {
  zoom: 1;
}

.prvCn .cttl .btn {
  float: right;
}

.prvCn .tab {
  padding-bottom: 0;
  border-bottom: none;
}

.prvCn .tab ul.pkg::after {
  height: auto;
}

.prvCn .tab ul li {
  float: left;
  margin-top: 6px;
  font-weight: bold;
}

.prvCn .tab ul li a {
  padding: 4px 12px;
}

.prvCn .tab ul li.selected {
  margin-top: 0;
  border: 1px solid #e4c97e;
  border-bottom: none;
  background-color: #fff;
}

.prvCn .tab ul li.selected a {
  display: block;
  margin: 1px;
  background-position: 0 -3080px;
}

.prvCn .brdt {
  border-top: #e1e1e1 1px solid;
}

.prvCn .brdb {
  border-bottom: #e1e1e1 1px solid;
}

.action {
  background: #efefef;
  border: #fff 1px solid;
  border-bottom: 0;
  padding: 12px;
  zoom: 1;
}

.remove {
  *zoom: 1;
  *position: relative;
}

.prvCnInr {
  padding: 10px;
}

.centerBtn {
  overflow: hidden;
  text-align: center;
}

.centerBtn .select {
  float: left;
  position: relative;
  left: 50%;
}

.centerBtn .select div {
  float: left;
  position: relative;
  right: 50%;
}

.centerBtn .select .reset {
  float: none;
  margin: 0 auto;
  clear: both;
}

.centerBtn .select .reset a {
  display: inline-block;
  width: auto;
}

.rightBtn .select {
  float: right;
}

.select a {
  display: block;
  width: 7em;
  text-align: center;
  padding: 5px 0;
  color: #333;
}

.select a,
x:-moz-broken {
  width: 7em;
}

.select a.sizeF {
  width: auto;
  padding: 5px 25px;
}

.select a.sizeL {
  width: 13em;
}

.select .cancel,
.select .normal {
  border: #acacac 1px solid;
  float: left;
}

.select .submit {
  border: #7ca926 1px solid;
  float: left;
}

.select .cancel a,
.select .normal a {
  background-position: 0 -2800px;
  background-color: #d8d8d8;
}

.select .submit a {
  background-position: 0 -3141px;
  background-color: #9ad245;
}

.select .disable {
  border-color: #acacac;
}

.select .disable a {
  background: #ddd;
  color: #757575;
  text-decoration: none;
  cursor: default;
}

.prvCn .action .err {
  float: left;
  padding: 7px 10px 0 0;
  color: #db0000;
}

.prvCn .rightBtn .cnt {
  padding: 7px 10px 0 0;
}

.prvCn .rightBtn .loading {
  width: 16px;
  height: 16px;
  margin: 7px 10px 0 0;
}

.prvCn .rightBtn .over {
  color: #db0000;
}

.ttlText {
  margin: 10px;
}

.ttlText .sttl {
  padding-top: 1px;
  letter-spacing: 0;
}

.ttlText .alert {
  min-height: 16px;
  background-position: -753px -430px;
  padding-left: 22px;
}

/* 画面サイズ変更対応 */
#chSize {
  display: block;
  position: relative;
  float: left;
  margin: 18px 0 0;
}

#chSize a .chSizeIcon {
  display: block;
  width: 41px;
  height: 41px;
  background: url('/images/moji_181001.png') left top no-repeat;
}

#chSize .chSizeMenu {
  display: none;
  border-radius: 10px;
  background-color: #fff;
  position: absolute;
  bottom: 52px;
  right: 0;
  z-index: 100;
}

#chSize .chSizeMenu {
  width: 90px;
}

#chSize .chSizeMenu .borderLayout {
  border-radius: 10px;
  position: relative;
  border: 2px solid #ffa514;
}

#chSize .chSizeMenu .borderLayout::after,
#chSize .chSizeMenu .borderLayout::before {
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#chSize .chSizeMenu .borderLayout::after {
  bottom: -19px;
  right: 10px;
  border-color: rgb(255 255 255 / 0%);
  border-top-color: #fff;
  border-width: 10px;
}

#chSize .chSizeMenu .borderLayout::before {
  bottom: -25px;
  right: 8px;
  border-color: rgb(255 165 20 / 0%);
  border-top-color: #ffa514;
  border-width: 12px;
}

#chSize .chSizeMenu .borderLayout .chSizeInr {
  padding: 5px;
  color: #16387c;
  font-weight: bold;
}

#chSize .chSizeMenu .borderLayout .chSizeInr ul li {
  margin: 0 0 2px;
  text-align: center;
}

#chSize .chSizeMenu .borderLayout .chSizeInr ul li .selected {
  color: #ababab;
}

#wrapper.scsz0 {
}

#wrapper.scsz1 {
  transform-origin: top left;
  transform: scale(1.1);
  margin-right: calc(100% * (1 / 11));
}

#wrapper.scsz2 {
  transform-origin: top left;
  transform: scale(1.2);
  margin-right: calc(100% * (2 / 12));
}

#fancybox-wrap.scsz0 {
}

#fancybox-wrap.scsz1 {
  transform-origin: top;
  transform: scale(1.1);
}

#fancybox-wrap.scsz2 {
  transform-origin: top;
  transform: scale(1.2);
}

/* ------------------------------------------------------------
	画面スクロール時の固定パーツの拡大について
	transform の子要素に position:fixed を設定しても画面固定されない
	両方同じ要素に設定すれば問題なく動作する

	画面上部に設定するヘッダーでは、
	#floating-wrap 直下のdivタグ #floating-head に position:fixed を設定しているので、
	transform も #floating-wrap 直下のdivタグを指定している
------------------------------------------------------------ */
#floating-wrap.scsz0 > div {
}

#floating-wrap.scsz1 > div {
  transform-origin: top;
  transform: scale(1.1);
}

#floating-wrap.scsz2 > div {
  transform-origin: top;
  transform: scale(1.2);
}

/* ------------------------------------------------------------
	main
------------------------------------------------------------ */

/* disaster */
#disaster {
  margin-bottom: 10px;
}

#disaster h2 {
  padding: 10px 5px 5px 6px;
  background-position: 0 -3000px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
  *zoom: 1;
}

#disaster h2 a {
  color: #333;
}

#disaster .box {
  text-align: center;
  border: none;
  margin-bottom: 0;
  *zoom: 1;
}

#disaster .floatL {
  width: 206px;
}

* + html #disaster {
  position: relative;
}

#disaster .box {
  padding: 10px 4px 10px 10px;
}

#disaster .box ul {
  text-align: left;
  width: 454px;
  overflow: hidden;
  *zoom: 1;
}

#disaster li {
  line-height: 1.4;
  padding-bottom: 3px;
  float: left;
  width: 200px;
  margin-right: 27px;
}

#disaster .dot li a {
  padding-left: 10px !important;
}

#disaster .new {
  width: 24px;
}

#disaster .photo {
  float: left;
  width: 190px;
}

#disaster .photo img {
  vertical-align: bottom;
  margin-bottom: 2px;
}

#disaster .photo dd p {
  margin: 0 1px;
}

/* .promoM */
#topnavi_promo {
  padding: 3px;
}

/*
.promoM{
	margin:0 0 20px;
	text-align:center;
}
*/

/* .ad_bnr468 */
.ad_bnr468 {
  margin: 0 0 15px;
  text-align: center;
}

/* ------------------------------------------------------------
	subContents
------------------------------------------------------------ */
* + html #subBnr {
  position: relative;
}

#subBnr {
  text-align: center;
  width: 300px;
  height: 250px;
  margin: 0 auto;
}

.betaInfo {
  margin-bottom: 10px;

  /*	padding: 10px; */
  border: 1px solid #c9c2ba;
  background-position: 0 -1247px;
  text-align: center;
}

.betaInfo .inr {
  padding: 10px;
}

.betaInfo .inr h2 {
  margin: 0 auto 12px;
  text-align: left;
}

.betaInfo .inr p {
  text-align: left;
  line-height: 1.6;
}

.betaInfo .inr ul {
  padding: 9px 0 4px;
  *padding-top: 6px;
  zoom: 1;
}

.betaInfo .inr ul li {
  width: 13.6em;
  margin: 0 auto;
  letter-spacing: 0;
}

.betaInfo .inr ul li a {
  margin-left: -8px;
  padding: 0 8px 0 14px;
  background-position: -460px -724px;
}

.betaInfo .inr ul li.btn {
  margin-bottom: 8px;
}

.betaInfo .inr ul li.btn a {
  display: block;
  width: 12em;
  padding: 5px 10px;
  min-height: 16px;
  margin-left: 0;
  font-weight: bold;
  border: 1px solid #61ab18;
  color: #333;
  background-color: #9cd447;
  background-position: 0 -3141px;
  zoom: 1;
  white-space: nowrap;
}

.betaInfo .addInfo {
  text-align: left;
  border-top: 1px solid #e1e1e1;
  padding: 10px 13px 2px;
}

.betaInfo .addInfo li {
  background-position: -485px -698px !important;
  padding-left: 13px !important;
  margin: 0 0 8px;
  zoom: 1;
}

.betaInfo .addInfo li a {
  background: none;
}

#CustomArea .pdd5 {
  padding: 0 !important;
}

#niftyInfo .sec,
#niftyInfo dl,
#niftyInfo .pdd10 {
  padding: 10px 5px 9px !important;
}

#niftyInfo .newsList li {
  display: block;
  padding: 3px 0 3px 20px !important;
  background-position: -790px -393px;
  zoom: 1;
}

#niftyInfo dt {
  margin-bottom: 4px;
}

/* coupon */

.cpn {
  margin: 0 0 10px;
}

.cpn .unit {
  padding: 7px 0;
}

.cpn .txt {
  margin: 0 0 0 55px;
}

.cpn .txt a:visited {
  color: #16387c;
}

.cpn .unit .txt span {
  display: block;
}

.cpn .unit .txt span a {
  cursor: pointer;
}

.cpn em {
  font-weight: bold;
  margin: 0 5px 0 0;
}

.cpn em .new {
  cursor: pointer;
}

.cpn .red {
  color: #db0000;
  zoom: 1;
}

.cpn .text {
  padding: 2px 0 1px;
  *padding-bottom: 10px;
}

.cpn .unit .label.played {
  background-position: 0 -20px;
}

.cpn .unit .btn {
  font-size: 0.8em;
  line-height: 1.3em;
  text-align: center;
  float: right;
  border: 1px solid #acacac;
  background-color: #d8d7d7;
}

.cpn .unit .btn a {
  min-width: 70px;
  color: #333;
  display: block;
  padding: 3px 0 2px;
  background-position: 0 -2800px;
  zoom: 1;
}

.cmcoinBox .unit .btn a {
  width: 60px;
}

.cpn .banner {
  display: block;
  width: 48px;
  height: 49px;
  text-indent: -9999em;
  float: left;
  overflow: hidden;
}

.cpn .banner.large {
  width: 65px;
  height: 65px;
}

/* #kujiArea */

.cpn #kujiArea {
  padding: 7px 0;
  border-bottom: 1px solid #e1e1e1;
}

.cpn #kujiArea .txt {
  *min-height: 46px;
  margin: 0 0 0 70px;
  *margin-bottom: 0;
}

.cpn #kujiArea .done {
  width: 80px;
  color: #757575;
  padding: 3px 0 2px;
  background: #ddd;
}

.cpn #kujiArea .try {
  position: relative;
  padding: 6px 0 0;
  width: 264px;
  float: right;
  background: url('/images/molecules/nifkuji/dot_gr.png') repeat-x;
}

.cpn .unit .try span {
  position: relative;
  float: left;
  margin: 0 6px;
  padding: 2px;
  width: 17px;
  height: 13px;
  text-indent: -9999px;
}

.cpn .unit .try .sp {
  float: left;
  width: 5px;
  height: 17px;
  margin: 0;
  padding: 0;
  background-position: -19px -42px;
}

.cpn #kujiArea .try .sat {
  background: #d8e7f5;
}

.cpn #kujiArea .try .sun {
  background: #ffd5d5;
}

.cpn #kujiArea .try .sp,
.cpn #kujiArea .try span span,
.cpn #kujiArea .try span .check,
.cpn #kujiArea .try .today,
.cpn #kujiArea .try span .atari,
#kujiFla .skip,
#kujiFla .kujiImg .btnL,
#kujiFla .smp,
#kujiFla .chance {
  display: block;
  background-image: url('/images/molecules/nifkuji/kuji_sp_131224.png');
  background-repeat: no-repeat;
}

.cpn #kujiArea .try span span {
  float: none;
  margin: 0;
  padding: 0;
  width: 17px;
}

.cpn #kujiArea .try span .d_1 {
  background-position: 0 0;
}

.cpn #kujiArea .try span .d_2 {
  background-position: -19px 0;
}

.cpn #kujiArea .try span .d_3 {
  background-position: -38px 0;
}

.cpn #kujiArea .try span .d_4 {
  background-position: -57px 0;
}

.cpn #kujiArea .try span .d_5 {
  background-position: -76px 0;
}

.cpn #kujiArea .try span .d_6 {
  background-position: -95px 0;
}

.cpn #kujiArea .try span .d_7 {
  background-position: -114px 0;
}

.cpn #kujiArea .try span .d_8 {
  background-position: -133px 0;
}

.cpn #kujiArea .try span .d_9 {
  background-position: -152px 0;
}

.cpn #kujiArea .try span .d_10 {
  background-position: -171px 0;
}

.cpn #kujiArea .try span .d_11 {
  background-position: 0 -15px;
}

.cpn #kujiArea .try span .d_12 {
  background-position: -19px -15px;
}

.cpn #kujiArea .try span .d_13 {
  background-position: -38px -15px;
}

.cpn #kujiArea .try span .d_14 {
  background-position: -57px -15px;
}

.cpn #kujiArea .try span .d_15 {
  background-position: -76px -15px;
}

.cpn #kujiArea .try span .d_16 {
  background-position: -95px -15px;
}

.cpn #kujiArea .try span .d_17 {
  background-position: -114px -15px;
}

.cpn #kujiArea .try span .d_18 {
  background-position: -133px -15px;
}

.cpn #kujiArea .try span .d_19 {
  background-position: -152px -15px;
}

.cpn #kujiArea .try span .d_20 {
  background-position: -171px -15px;
}

.cpn #kujiArea .try span .d_21 {
  background-position: 0 -30px;
}

.cpn #kujiArea .try span .d_22 {
  background-position: -19px -30px;
}

.cpn #kujiArea .try span .d_23 {
  background-position: -38px -30px;
}

.cpn #kujiArea .try span .d_24 {
  background-position: -57px -30px;
}

.cpn #kujiArea .try span .d_25 {
  background-position: -76px -30px;
}

.cpn #kujiArea .try span .d_26 {
  background-position: -95px -30px;
}

.cpn #kujiArea .try span .d_27 {
  background-position: -114px -30px;
}

.cpn #kujiArea .try span .d_28 {
  background-position: -133px -30px;
}

.cpn #kujiArea .try span .d_29 {
  background-position: -152px -30px;
}

.cpn #kujiArea .try span .d_30 {
  background-position: -171px -30px;
}

.cpn #kujiArea .try span .d_31 {
  background-position: 0 -45px;
}

.cpn #kujiArea .try .today {
  margin-right: 0;
  background-position: -57px -43px;
}

.cpn #kujiArea .try span .check,
.cpn #kujiArea .try span .atari {
  position: absolute;
  margin: 0;
  padding: 0;
}

.cpn #kujiArea .try span .check {
  float: none;
  width: 13px;
  height: 12px;
  top: -5px;
  left: 0;
  background-position: -33px -45px;
}

.cpn #kujiArea .try span .atari {
  width: 20px;
  height: 20px;
  top: -2px;
  left: 0;
  background-position: -88px -43px;
}

/* ---130731--------- */
.cpn .unit em {
  float: left;
}

.cpn .unit .txt span.redTxt {
  display: inline;
  *float: left;
}

.cpn .unit .txt {
  _width: 223px;
}

.cpn .unit .txt .title {
  float: left;
  _overflow: hidden;
  vertical-align: bottom;
}

.cpn .unit .txt span.new {
  float: none;
  display: inline;
}

.unit .pkg {
  padding-top: 2px;
}

#kujiArea .pkg span.btn,
#sugorokuArea .pkg span.btn,
#interpotArea .pkg span.btn {
  float: right;
  margin-top: -3px;
}

.cpn .unit .pkg span.text {
  display: inline-block;
}

/* .cpn .unit .txt span{
	display:inline;
} */

.cpn .unit .txt span.preName {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 0.8;
  padding-top: 6px;
}

/* ------------ */

/* blnArea */
.cpn .bln {
  padding: 10px 13px;
  border: 1px solid #75716d;
  border-bottom: none;
  background-position: 0 -1257px;
}

.cpn .bln p {
  line-height: 1.5;
}

.cpn .blnBtm {
  height: 13px;
  width: 300px;
  margin: 0 0 7px;
  background-position: -425px -123px;
}

.cpn .bln .submit {
  display: block;
  float: none;
  text-align: center;
  margin: 6px 0 2px;
}

.cpn .bln .centerBtn a {
  min-height: 16px;
}

.cpn .bln .submit a {
  display: block;
  width: 15em;
  margin: 0 auto;
  padding: 2px 0;
  color: #333;
  border: 1px solid #61ab18;
  zoom: 1;
  white-space: nowrap;
  background-color: #9ad245;
  background-position: 0 -3141px;
}

.cpn .bln .centerBtn {
  margin: 6px 0 2px;
}

.cpn .bln .centerBtn .submit,
.cpn .bln .centerBtn .btn {
  float: left;
  position: relative;
  right: 50%;
  margin: 0;
}

.cpn .bln .centerBtn .submit {
  width: 10em;
}

.cpn .bln .centerBtn .submit a {
  width: 10em;
  border: none;
}

.cpn .bln .centerBtn .btn a {
  display: block;
  width: 6em;
  padding: 2px 0;
  color: #333;
  white-space: nowrap;
  text-align: center;
  border: 1px solid #acacac;
  background-color: #d8d7d7;
  background-position: 0 -2800px;
  zoom: 1;
}

/* fbInfo */
#fbInfo .hdr {
  background: url('/images/bg_fb.png') 0 0 repeat-x !important;
}

#fbInfo .box {
  padding: 10px 5px;
}

/* ------------------------------------------------------------
	contentsBtm and footer
------------------------------------------------------------ */

/* CCI */
.nfadv_pt_ttl {
  font-size: 90%;
  font-weight: bold;
  line-height: 1.2;
}

.nfadv_pt_img {
  font-size: 90%;
  line-height: 1.3;
  padding-top: 6px;
}

.nfadv_pt_img img {
  border: 0 none;
  float: left;
  height: 80px;
  padding: 0 8px 0 0;
  width: 80px;
}

.nfadv_pt_text {
  display: block;
}

#nfadv_top-gtxt_l {
  float: left;
  width: 217px;
}

#nfadv_top-gtxt_r {
  float: right;
  width: 217px;
}

/* 201510 右カラムリニューアル .unit.rnw */

/* ログイン前 */
.unit.rnw {
  border-bottom: 1px solid #e1e1e1;
}

.unit.rnw.last {
  border-bottom: 0;
}

.unit.rnw .banner {
  width: 46px;
  height: 46px;
}

.unit.rnw .txt .title em,
.unit.rnw .txt .text {
  font-size: 1.08em;
}

.unit.rnw .txt .title span.lblicn {
  float: left;
  font-size: 0.76em;
  padding: 0 0.4em;
}

.unit.rnw .txt .title span.lbl_new {
  background-color: #ff7f00;
  color: #fff;
}

.unit.rnw .txt .title span.lbl_cm {
  background-color: #99b3ff;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.unit.rnw .txt .title span.lbl_cm.played {
  background-color: #ddd;
}

/* ===================================================
*
*  PC ADD STYLE TOP
*
=================================================== */
.topicsColumn > .-inner {
  padding: 10px 6px 0;
}

.topicsColumn .-row > .-col {
  width: 114px;
}

.topicsColumn .-link {
  width: 114px;
}

.topicsColumn .-img_frame {
  width: 80px;
  height: 60px;
}

.topicsColumn .-img_frame > .-cell > .-img {
  max-width: 80px;
  max-height: 60px;
}

.topicsColumn .-text_frame {
  width: 104px;
}

.topicsColumn .-text_frame > .-text {
  font-weight: 100;
}

/**********************
add 30th 170316
**********************/
#rnTakarakujiAreaM .banner {
  background: url('/images/icon_m_takarakuji.png') no-repeat;
}

.cpn #rnTakarakujiAreaM .done {
  width: 80px;
  color: #757575;
  padding: 3px 0 2px;
  background: #ddd;
}

.cpn #rnTakarakujiAreaM .try {
  position: relative;
  padding: 6px 0 0;
  width: 264px;
  float: right;
  background: url('/images/molecules/nifkuji/dot_gr.png') repeat-x;
}

.cpn #rnTakarakujiAreaM .try .sat {
  background: #d8e7f5;
}

.cpn #rnTakarakujiAreaM .try .sun {
  background: #ffd5d5;
}

.cpn #rnTakarakujiAreaM .try .sp,
.cpn #rnTakarakujiAreaM .try span span,
.cpn #rnTakarakujiAreaM .try span .check,
.cpn #rnTakarakujiAreaM .try .today,
.cpn #rnTakarakujiAreaM .try span .atari,
#kujiFla .skip,
#kujiFla .kujiImg .btnL,
#kujiFla .smp,
#kujiFla .chance {
  display: block;
  background-image: url('/images/molecules/nifkuji/kuji_sp_131224.png');
  background-repeat: no-repeat;
}

.cpn #rnTakarakujiAreaM .try span span {
  float: none;
  margin: 0;
  padding: 0;
  width: 17px;
}

.cpn #rnTakarakujiAreaM .try span .d_1 {
  background-position: 0 0;
}

.cpn #rnTakarakujiAreaM .try span .d_2 {
  background-position: -19px 0;
}

.cpn #rnTakarakujiAreaM .try span .d_3 {
  background-position: -38px 0;
}

.cpn #rnTakarakujiAreaM .try span .d_4 {
  background-position: -57px 0;
}

.cpn #rnTakarakujiAreaM .try span .d_5 {
  background-position: -76px 0;
}

.cpn #rnTakarakujiAreaM .try span .d_6 {
  background-position: -95px 0;
}

.cpn #rnTakarakujiAreaM .try span .d_7 {
  background-position: -114px 0;
}

.cpn #rnTakarakujiAreaM .try span .d_8 {
  background-position: -133px 0;
}

.cpn #rnTakarakujiAreaM .try span .d_9 {
  background-position: -152px 0;
}

.cpn #rnTakarakujiAreaM .try span .d_10 {
  background-position: -171px 0;
}

.cpn #rnTakarakujiAreaM .try span .d_11 {
  background-position: 0 -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_12 {
  background-position: -19px -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_13 {
  background-position: -38px -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_14 {
  background-position: -57px -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_15 {
  background-position: -76px -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_16 {
  background-position: -95px -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_17 {
  background-position: -114px -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_18 {
  background-position: -133px -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_19 {
  background-position: -152px -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_20 {
  background-position: -171px -15px;
}

.cpn #rnTakarakujiAreaM .try span .d_21 {
  background-position: 0 -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_22 {
  background-position: -19px -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_23 {
  background-position: -38px -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_24 {
  background-position: -57px -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_25 {
  background-position: -76px -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_26 {
  background-position: -95px -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_27 {
  background-position: -114px -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_28 {
  background-position: -133px -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_29 {
  background-position: -152px -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_30 {
  background-position: -171px -30px;
}

.cpn #rnTakarakujiAreaM .try span .d_31 {
  background-position: 0 -45px;
}

.cpn #rnTakarakujiAreaM .try .today {
  margin-right: 0;
  background-position: -57px -43px;
}

.cpn #rnTakarakujiAreaM .try span .check,
.cpn #rnTakarakujiAreaM .try span .atari {
  position: absolute;
  margin: 0;
  padding: 0;
}

.cpn #rnTakarakujiAreaM .try span .check {
  float: none;
  width: 13px;
  height: 12px;
  top: -5px;
  left: 0;
  background-position: -33px -45px;
}

.cpn #rnTakarakujiAreaM .try span .atari {
  width: 20px;
  height: 20px;
  top: -2px;
  left: 0;
  background-position: -88px -43px;
}

.cpn #rnTakarakujiAreaM .try span .check,
.cpn #rnTakarakujiAreaM .try span .atari {
  z-index: 100;
}

div.Lpickup h2 {
  padding: 3px;
}

div.floatL.news-content {
  font-size: 110%;
}

/* ------------------------------------------------------------
	画面スクロール時の固定ヘッダーのデザイン
------------------------------------------------------------ */
#floating-head {
  position: fixed;
  width: 100%;
  height: 95px;
  background-color: rgb(255 255 255 / 90%);
  border-bottom: 1px solid #c4c4c4;
  z-index: 13000;
  display: none;
}

#hdInr {
  width: 963px;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
}

#floating-head .window {
  background: #fff;
  border: #979797 1px solid;
  zoom: 1;
}

.ReactModal__Body--open {
  overflow-y: hidden;
}

/* NOTE: Dockで利用しているsplideにて、ページネーションのアクティブなページはis-activeというクラスが割り当てられる */
.splide__pagination__page.is-active {
  background: #007aff;
}