@charset "UTF-8";
@font-face {
font-family: 'IcoMoonGame';
src: url("/assets/nifty/fonts/IcoMoonGame.eot?n9bf1l");
src: url("/assets/nifty/fonts/IcoMoonGame.eot?n9bf1l#iefix") format("embedded-opentype"), url("/assets/nifty/fonts/IcoMoonGame.woff2?n9bf1l") format("woff2"), url("/assets/nifty/fonts/IcoMoonGame.ttf?n9bf1l") format("truetype"), url("/assets/nifty/fonts/IcoMoonGame.woff?n9bf1l") format("woff"), url("/assets/nifty/fonts/IcoMoonGame.svg?n9bf1l#IcoMoonGame") format("svg");
font-weight: normal;
font-style: normal; }
#nifty {
box-sizing: border-box;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: white;
color: rgba(0, 0, 0, 0.87);
font-weight: 300;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, "Meiryo UI", sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, "Meiryo UI", sans-serif;
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, YakuHanJP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
line-height: 1.5;
font-size: 16px;
/*! Project CSS */ }
#nifty .logo {
width: 133px;
height: 30px; }
#nifty .section .col .btn-set {
float: right; }
#nifty .section .col .btn-set a {
font-weight: 600; }
#nifty .group .tab p {
font-weight: 600; }
#nifty .is-header-main .is-middle .is-middle {
float: right; }
#nifty .white-label-layout-game {
position: relative; }
#nifty .white-label-layout-game .container-fluid {
width: 100%;
max-width: 1440px;
min-width: 960px;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto; }
#nifty .white-label-layout-game .header-divider,
#nifty .white-label-layout-game .header {
display: none !important; }
#nifty .white-label-layout-game .swiper-slide {
height: unset;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;
border: 0;
position: relative; }
#nifty .white-label-layout-game .swiper-slide img {
object-fit: cover;
border-radius: .3rem;
border: 1px solid #ebebeb;
top: 0; }
#nifty .wl-ad-container .label {
margin-bottom: 8px;
text-transform: uppercase;
color: #999999;
font-size: 10px;
font-weight: 400;
letter-spacing: 0.02rem; }
#nifty .nifty-top-ad {
margin-bottom: 1rem; }
#nifty .leaderboard-in-main-div {
max-width: 1300px;
min-width: 728px;
margin: 20px auto;
position: relative;
padding: 0 2rem; }
#nifty .leaderboard-in-main-div #WL_Middle_Leaderboard div {
margin: auto; }
#nifty .wl-ad-container .adBox div {
margin: auto; }
#nifty .nifty-corp-link {
float: right; }
#nifty .is-footer-nav {
padding: 32px 0 80px;
min-height: 245px; }
#nifty .nifty-tile-grid {
margin: auto; }
#nifty .nifty-tile {
cursor: pointer;
margin: 10px;
width: 150px;
height: 150px;
color: #000; }
@media (max-width: 350px) {
#nifty .nifty-tile {
width: 120px;
height: 120px; } }
#nifty .nifty-tile img {
width: 90%;
height: 90%;
max-height: 90%;
margin: 0 5%;
overflow: hidden; }
#nifty .nifty-tile .nifty-tile-name {
margin: 0 0 0 5%;
font-size: 10pt;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#nifty .nifty-tile .nifty-tile-name:hover {
color: #000; }
#nifty .white-label-layout-portal .header .home-link-container .home-link {
width: 200% !important; }
#nifty .white-label-layout-portal .header .home-link-container .home-link h1 {
font-weight: 600; }
@media screen and (max-width: 580px) {
#nifty .white-label-layout-portal .header .home-link-container .home-link h1 {
font-size: 1.5rem; } }
@media screen and (max-width: 463px) {
#nifty .white-label-layout-portal .header .home-link-container .home-link h1 {
font-size: 1.2rem; } }
@media screen and (max-width: 382px) {
#nifty .white-label-layout-portal .header .home-link-container .home-link h1 {
font-size: 1rem; } }
@media screen and (max-width: 330px) {
#nifty .white-label-layout-portal .header .home-link-container .home-link {
width: 800% !important; }
#nifty .white-label-layout-portal .header .home-link-container .home-link h1 {
font-size: 0.9rem; } }
@media screen and (max-width: 277px) {
#nifty .white-label-layout-portal .header .home-link-container .home-link h1 {
font-size: 0.8rem; } }
@media screen and (max-width: 250px) {
#nifty .white-label-layout-portal .header .home-link-container .home-link h1 {
font-size: 0.7rem; } }
#nifty .white-label-layout-portal .py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
#nifty .white-label-layout-portal .softgames-logo img {
width: 100px; }
#nifty .other-games-links-header {
background: #f57f4d;
color: white;
padding: 0.7rem 1rem;
border-radius: 5px;
font-size: 1rem;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; }
#nifty .other-games-links-header .link-to-top {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
color: #f57f4d;
background: #fff;
border-radius: 100%;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
position: relative;
transition: all 0.2s; }
#nifty .other-games-links-header .link-to-top:before {
line-height: 20px;
font-size: 18px;
font-weight: bold;
content: "+";
display: block;
width: 100%;
height: 100%;
font-family: sans-serif;
position: absolute;
text-align: center;
top: 0;
left: 0; }
#nifty .other-games-links-header:hover {
cursor: pointer;
color: white; }
#nifty #nifty-mobile-header {
position: relative;
background: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
padding: 6px 0 8px; }
#nifty #nifty-mobile-header .inner {
max-width: 100%;
padding: 0 16px;
margin: 0 auto; }
#nifty #nifty-mobile-header .inner .grid.is-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: flex;
flex-wrap: wrap; }
#nifty #nifty-mobile-header .inner .grid.is-between .logo {
width: 130px;
margin: 0 0 0 -4px; }
#nifty #nifty-mobile-header .inner .grid.is-between .logo img {
vertical-align: middle; }
#nifty #nifty-mobile-header .inner .grid.is-between .is-signup-smp {
float: right;
color: #12dd72;
border-color: #12dd72;
background: #ffffff;
width: 100px;
height: 29px; }
#nifty #nifty-mobile-header .inner .grid.is-between .link-mark {
margin-left: 5px;
float: right;
display: inline-block;
vertical-align: middle;
width: 35px;
height: 30px;
position: relative;
cursor: pointer; }
#nifty #nifty-mobile-header .inner .grid.is-between .link-mark img {
vertical-align: middle;
position: relative;
top: -1px;
opacity: 1;
-webkit-transition: ease-out 0.3s;
transition: ease-out 0.3s; }
#nifty #nifty-mobile-header .inner .grid.is-between .link-mark .menu-btn-border {
position: absolute;
width: 24px;
height: 3px;
border-radius: 2px;
background: #f9683d;
-webkit-transition: ease-out 0.3s;
transition: ease-out 0.3s;
z-index: 31;
opacity: 0; }
#nifty #nifty-mobile-header .inner .grid.is-between .link-mark .menu-btn-border:nth-child(2) {
top: 50%;
left: 0; }
#nifty #nifty-mobile-header .inner .grid.is-between .link-mark .menu-btn-border.visible {
opacity: 1; }
#nifty #nifty-mobile-header .inner .grid.is-between .link-mark .menu-btn-border.diagonal {
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); }
#nifty #nifty-mobile-header .inner .grid.is-between .menu-set {
float: right;
position: relative;
vertical-align: middle;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 45px;
height: 44px;
margin: -6px -16px -8px 0;
z-index: 10;
transition: width 0.3s ease-in-out; }
#nifty #nifty-mobile-header .inner .grid.is-between .menu-set .menu-wrap {
position: absolute;
top: 0;
right: 0;
height: 550px;
overflow: hidden;
transition: width 0.3s ease-in-out;
width: 0; }
#nifty #nifty-mobile-header .inner .grid.is-between .menu-set .menu-wrap.open {
width: 250px; }
#nifty #nifty-mobile-header .inner .grid.is-between .menu-set .menu-wrap .menu-list {
position: absolute;
right: 0;
top: 0;
width: 240px;
background: #ffffff;
box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1), 0 2px 5px -1px rgba(0, 0, 0, 0.15), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
padding-top: 44px;
-webkit-transition: ease-out 0.3s;
z-index: 30; }
#nifty #nifty-mobile-header .inner .grid.is-between .menu-set .menu-wrap .menu-list .menu-item {
display: block;
width: 240px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
white-space: nowrap;
padding: 12px 16px; }
#nifty #nifty-mobile-sub-header {
background: #f94743;
padding: 6px 0; }
#nifty #nifty-mobile-sub-header .inner {
max-width: 100%;
padding: 0 16px;
margin: 0 auto; }
#nifty #nifty-mobile-footer {
font-size: 16px;
color: rgba(0, 0, 0, 0.87);
background: #f94743;
padding: 24px 0; }
#nifty #nifty-mobile-footer .inner {
max-width: 100%;
padding: 0 16px;
margin: 0 auto; }
#nifty #nifty-mobile-footer .inner .is-footer-agent {
margin: 0 0 8px; }
#nifty #nifty-mobile-footer .inner .is-footer-agent .is-center {
margin: 0;
text-align: center; }
#nifty #nifty-mobile-footer .inner .is-footer-links {
margin: 0 0 8px; }
#nifty #nifty-mobile-footer .inner .is-footer-links .is-center {
margin: 13px 0; }
#nifty .manage-cookie {
display: flex;
justify-content: center;
margin-top: 14px;
padding: 20px 0;
position: relative;
z-index: 2; }
#nifty .manage-cookie span, #nifty .manage-cookie span:hover {
cursor: pointer;
color: black;
display: flex;
justify-content: center;
align-items: center; }
#nifty .manage-cookie span img, #nifty .manage-cookie span:hover img {
margin-right: 8px; }
#nifty * {
margin: 0;
padding: 0;
box-sizing: inherit;
text-decoration: none;
font: inherit;
font-size: 100%;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
color: inherit;
list-style: none;
vertical-align: baseline;
background-repeat: no-repeat;
box-shadow: none;
-webkit-tap-highlight-color: transparent; }
#nifty *:before, #nifty *:after {
box-sizing: inherit;
text-decoration: inherit;
vertical-align: inherit;
background-repeat: no-repeat; }
#nifty html {
box-sizing: border-box;
overflow-y: scroll;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
#nifty body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
#nifty article, #nifty aside, #nifty details, #nifty figcaption, #nifty figure, #nifty footer, #nifty header, #nifty main, #nifty menu, #nifty nav, #nifty section, #nifty summary {
display: block; }
#nifty audio, #nifty canvas, #nifty progress, #nifty video {
display: inline-block; }
#nifty audio:not([controls]) {
display: none;
height: 0; }
#nifty template, #nifty [hidden] {
display: none; }
#nifty hr {
height: 0;
overflow: visible; }
#nifty table {
border-collapse: collapse;
border-spacing: 0; }
#nifty abbr[title] {
border-bottom: 1px dotted;
text-decoration: none; }
#nifty audio, #nifty canvas, #nifty iframe, #nifty img, #nifty svg, #nifty video {
vertical-align: middle; }
#nifty svg {
fill: currentColor; }
#nifty svg:not(:root) {
overflow: hidden; }
#nifty a {
-webkit-text-decoration-skip: objects; }
#nifty button, #nifty input {
overflow: visible; }
#nifty button, #nifty select {
text-transform: none; }
#nifty button, #nifty html [type=button], #nifty [type=reset], #nifty [type=submit] {
-webkit-appearance: button; }
#nifty ::-moz-focus-inner {
border-style: none;
padding: 0; }
#nifty :-moz-focusring {
outline: 1px dotted ButtonText; }
#nifty textarea {
overflow: auto;
resize: vertical; }
#nifty ::-webkit-inner-spin-button, #nifty ::-webkit-outer-spin-button {
height: auto; }
#nifty [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px; }
#nifty ::-webkit-search-cancel-button, #nifty ::-webkit-search-decoration {
-webkit-appearance: none; }
#nifty ::-webkit-input-placeholder {
color: inherit; }
#nifty ::-webkit-file-upload-button {
-webkit-appearance: button; }
#nifty [aria-busy=true] {
cursor: progress; }
#nifty [aria-controls] {
cursor: pointer; }
#nifty [aria-disabled] {
cursor: default; }
#nifty a, #nifty area, #nifty button, #nifty input, #nifty label, #nifty select, #nifty textarea, #nifty [tabindex] {
-ms-touch-action: manipulation;
touch-action: manipulation; }
#nifty [hidden][aria-hidden=false] {
clip: rect(0, 0, 0, 0);
display: inherit;
position: absolute; }
#nifty [hidden][aria-hidden=false]:focus {
clip: auto; }
#nifty blockquote, #nifty q {
quotes: none; }
#nifty blockquote:before, #nifty blockquote:after, #nifty q:before, #nifty q:after {
content: none; }
#nifty body {
color: rgba(0, 0, 0, 0.87);
font-weight: 300;
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, YuGothic, Meiryo, Meiryo UI, sans-serif;
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, YakuHanJP, Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, YuGothic, Meiryo, Meiryo UI, sans-serif;
line-height: 1.5; }
@media all and (-ms-high-contrast: none) {
#nifty body {
font-family: YakuHanJP, Meiryo, Meiryo UI, sans-serif; } }
#nifty *.is-xxl {
font-size: 200%; }
#nifty *.is-xl {
font-size: 150%; }
#nifty *.is-lg {
font-size: 125%; }
#nifty *.is-md {
font-size: 100%; }
#nifty *.is-sm {
font-size: 87.5%; }
#nifty *.is-xs {
font-size: 75%; }
#nifty *.is-xxs {
font-size: 62.5%; }
#nifty *.is-strong {
font-weight: 700; }
#nifty *.is-white {
color: #fff; }
#nifty .icon {
font-size: inherit;
line-height: inherit; }
#nifty .icon + *, #nifty * + .icon {
margin-left: .25em; }
#nifty .material-icons {
font-size: inherit;
line-height: inherit;
vertical-align: bottom; }
#nifty img {
max-width: 100%;
height: auto; }
#nifty img[src$=".svg"] {
width: 100%; }
@font-face {
#nifty {
font-family: Yu Gothic;
src: local("Yu Gothic Medium");
font-weight: 100; } }
@font-face {
#nifty {
font-family: Yu Gothic;
src: local("Yu Gothic Medium");
font-weight: 200; } }
@font-face {
#nifty {
font-family: Yu Gothic;
src: local("Yu Gothic Medium");
font-weight: 300; } }
@font-face {
#nifty {
font-family: Yu Gothic;
src: local("Yu Gothic Medium"); } }
@font-face {
#nifty {
font-family: Yu Gothic;
src: local("Yu Gothic Bold");
font-weight: 700; } }
@font-face {
#nifty {
font-family: Yu Gothic;
src: local("Yu Gothic Medium"); } }
@font-face {
#nifty {
font-family: Yu Gothic;
src: local("Yu Gothic Bold");
font-weight: 700; } }
@font-face {
#nifty {
font-family: "\6E38\30B4\30B7\30C3\30AF";
src: local("Yu Gothic Medium");
font-weight: 100; } }
@font-face {
#nifty {
font-family: "\6E38\30B4\30B7\30C3\30AF";
src: local("Yu Gothic Medium");
font-weight: 200; } }
@font-face {
#nifty {
font-family: "\6E38\30B4\30B7\30C3\30AF";
src: local("Yu Gothic Medium");
font-weight: 300; } }
@font-face {
#nifty {
font-family: "\6E38\30B4\30B7\30C3\30AF";
src: local("Yu Gothic Medium"); } }
@font-face {
#nifty {
font-family: "\6E38\30B4\30B7\30C3\30AF";
src: local("Yu Gothic Bold");
font-weight: 700; } }
@font-face {
#nifty {
font-family: "\6E38\30B4\30B7\30C3\30AF";
src: local("Yu Gothic Medium"); } }
@font-face {
#nifty {
font-family: "\6E38\30B4\30B7\30C3\30AF";
src: local("Yu Gothic Bold");
font-weight: 700; } }
#nifty .section > .inner {
max-width: 100%;
padding: 0 16px;
margin: 0 auto; }
@media screen and (min-width: 576px) {
#nifty .section > .inner {
width: 540px; } }
@media screen and (min-width: 768px) {
#nifty .section > .inner {
width: 720px; } }
@media screen and (min-width: 992px) {
#nifty .section > .inner {
width: 960px; } }
@media screen and (min-width: 1200px) {
#nifty .section > .inner {
width: 1140px; } }
#nifty .section > .inner > .tab {
margin: 0 -16px; }
@media screen and (min-width: 576px) {
#nifty .section > .inner > .tab {
margin: 0; } }
#nifty .contents:not(:last-child) {
margin: 0 0 2em; }
#nifty .content:not(:last-child) {
margin: 0 0 1em; }
#nifty .content.is-left {
text-align: left; }
#nifty .content.is-center {
text-align: center; }
#nifty .content.is-right {
text-align: right; }
#nifty .grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#nifty .grid.is-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#nifty .grid.is-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
#nifty .grid.is-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
#nifty .grid.is-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
#nifty .grid.is-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
#nifty .grid.is-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
#nifty .grid.is-space-7 {
margin: -24px; }
#nifty .grid.is-space-7 > .col {
padding: 24px; }
#nifty .grid.is-space-7:not(:first-child) {
padding: 24px 0 0; }
#nifty .grid.is-space-6 {
margin: -20px; }
#nifty .grid.is-space-6 > .col {
padding: 20px; }
#nifty .grid.is-space-6:not(:first-child) {
padding: 20px 0 0; }
#nifty .grid.is-space-5 {
margin: -16px; }
#nifty .grid.is-space-5 > .col {
padding: 16px; }
#nifty .grid.is-space-5:not(:first-child) {
padding: 16px 0 0; }
#nifty .grid.is-space-4 {
margin: -12px; }
#nifty .grid.is-space-4 > .col {
padding: 12px; }
#nifty .grid.is-space-4:not(:first-child) {
padding: 12px 0 0; }
#nifty .grid.is-space-3 {
margin: -8px; }
#nifty .grid.is-space-3 > .col {
padding: 8px; }
#nifty .grid.is-space-3:not(:first-child) {
padding: 8px 0 0; }
#nifty .grid.is-space-2 {
margin: -4px; }
#nifty .grid.is-space-2 > .col {
padding: 4px; }
#nifty .grid.is-space-2:not(:first-child) {
padding: 4px 0 0; }
#nifty .grid.is-space-1 {
margin: -2px; }
#nifty .grid.is-space-1 > .col {
padding: 2px; }
#nifty .grid.is-space-1:not(:first-child) {
padding: 2px 0 0; }
#nifty .col.is-stretch {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#nifty .col.is-mobile-0 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
max-width: 100%; }
#nifty .col.is-mobile-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
#nifty .col.is-mobile-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
#nifty .col.is-mobile-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
#nifty .col.is-mobile-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
#nifty .col.is-mobile-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
#nifty .col.is-mobile-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
#nifty .col.is-mobile-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
#nifty .col.is-mobile-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
#nifty .col.is-mobile-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
#nifty .col.is-mobile-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
#nifty .col.is-mobile-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
#nifty .col.is-mobile-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-0 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
max-width: 100%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; } }
@media screen and (min-width: 576px) {
#nifty .col.is-fablet-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-0 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
max-width: 100%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; } }
@media screen and (min-width: 768px) {
#nifty .col.is-tablet-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-0 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
max-width: 100%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; } }
@media screen and (min-width: 992px) {
#nifty .col.is-desktop-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-0 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
max-width: 100%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; } }
@media screen and (min-width: 1200px) {
#nifty .col.is-wide-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; } }
@media screen and (max-width: 991px) {
#nifty .col.is-touch-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; } }
@media all and (orientation: landscape) {
#nifty .col.is-landscape-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; } }
@media all and (orientation: portrait) {
#nifty .col.is-portrait-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
#nifty .text.is-primary {
color: #1cb4c7; }
#nifty .text.is-info {
color: #4b9ad8; }
#nifty .text.is-success {
color: #26b260; }
#nifty .text.is-warning {
color: #e8db61; }
#nifty .text.is-danger {
color: #dc665d; }
#nifty .text.is-dark {
color: #000; }
#nifty .text.is-dark-1 {
color: rgba(0, 0, 0, 0.87); }
#nifty .text.is-dark-2 {
color: rgba(0, 0, 0, 0.7); }
#nifty .text.is-dark-3 {
color: rgba(0, 0, 0, 0.6); }
#nifty .text.is-dark-4 {
color: rgba(0, 0, 0, 0.5); }
#nifty .text.is-dark-5 {
color: rgba(0, 0, 0, 0.4); }
#nifty .text.is-dark-6 {
color: rgba(0, 0, 0, 0.26); }
#nifty .text.is-dark-7 {
color: rgba(0, 0, 0, 0.15); }
#nifty .text.is-dark-8 {
color: rgba(0, 0, 0, 0.12); }
#nifty .text.is-dark-9 {
color: rgba(0, 0, 0, 0.05); }
#nifty .text.is-light {
color: #fff; }
#nifty .text.is-light-1 {
color: rgba(255, 255, 255, 0.87); }
#nifty .text.is-light-2 {
color: rgba(255, 255, 255, 0.7); }
#nifty .text.is-light-3 {
color: rgba(255, 255, 255, 0.6); }
#nifty .text.is-light-4 {
color: rgba(255, 255, 255, 0.5); }
#nifty .text.is-light-5 {
color: rgba(255, 255, 255, 0.4); }
#nifty .text.is-light-6 {
color: rgba(255, 255, 255, 0.26); }
#nifty .text.is-light-7 {
color: rgba(255, 255, 255, 0.15); }
#nifty .text.is-light-8 {
color: rgba(255, 255, 255, 0.12); }
#nifty .text.is-light-9 {
color: rgba(255, 255, 255, 0.05); }
#nifty .text.is-small {
font-size: 80%; }
#nifty .text.is-italic {
font-style: italic; }
#nifty .text.is-delete {
text-decoration: line-through; }
#nifty .text.is-left {
text-align: left; }
#nifty .text.is-center {
text-align: center; }
#nifty .text.is-right {
text-align: right; }
#nifty .text.is-nowrap {
white-space: nowrap; }
#nifty .text.is-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#nifty .text.is-code {
font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace, serif;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
font-size: .875em;
border-radius: 2px;
padding: .2em .5em;
margin: 0 .2em; }
#nifty .text.is-link {
cursor: pointer;
color: #1cb4c7;
border-bottom: 1px dotted; }
#nifty .text.is-link:hover, #nifty .text.is-link:active {
color: #199fb1;
border-bottom-color: transparent; }
#nifty .text.is-white.is-link, #nifty .text.is-white .text.is-link {
color: #8ee4ef; }
#nifty .text.is-white.is-link:hover, #nifty .text.is-white.is-link:active, #nifty .text.is-white .text.is-link:hover, #nifty .text.is-white .text.is-link:active {
color: #4bd4e5; }
#nifty .heading {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: .5em; }
#nifty .heading.is-xxl {
line-height: 1.2; }
#nifty .heading.is-xl {
line-height: 1.3; }
#nifty .heading.is-lg {
line-height: 1.4; }
#nifty .heading.is-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
#nifty .heading.is-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#nifty .list {
line-height: 2;
margin-left: 1.5em; }
#nifty .list > .list-item {
display: list-item; }
#nifty .list.is-disc > .list-item {
list-style: disc outside; }
#nifty .list.is-decimal > .list-item {
list-style: decimal outside; }
#nifty .fields:not(:last-child) {
margin: 0 0 .5em; }
#nifty .field {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#nifty .field > * + * {
margin: 0 0 0 .5em; }
#nifty .field > .field + .field {
margin: 0 0 0 1em; }
#nifty .field.is-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#nifty .field .heading {
margin: 0; }
#nifty .input, #nifty .select {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.26);
border-radius: 2px;
width: 100%;
height: 2.5em;
padding: -webkit-calc(.5em - 1.5px) 0.5em;
padding: calc(.5em - 1.5px) 0.5em; }
#nifty .input {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
#nifty .input:placeholder-shown {
color: rgba(0, 0, 0, 0.5); }
#nifty .input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5); }
#nifty .input:-moz-placeholder {
opacity: 1;
color: rgba(0, 0, 0, 0.5); }
#nifty .input::-moz-placeholder {
opacity: 1;
color: rgba(0, 0, 0, 0.5); }
#nifty .input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5); }
#nifty .input[disabled] {
background: #e0e0e0;
box-shadow: none; }
#nifty .input[disabled]:placeholder-shown {
color: rgba(0, 0, 0, 0.6); }
#nifty .input[disabled]::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6); }
#nifty .input[disabled]:-moz-placeholder {
opacity: 1;
color: rgba(0, 0, 0, 0.6); }
#nifty .input[disabled]::-moz-placeholder {
opacity: 1;
color: rgba(0, 0, 0, 0.6); }
#nifty .input[disabled]:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6); }
#nifty .select:placeholder-shown {
color: rgba(0, 0, 0, 0.87); }
#nifty .select::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.87); }
#nifty .select:-moz-placeholder {
opacity: 1;
color: rgba(0, 0, 0, 0.87); }
#nifty .select::-moz-placeholder {
opacity: 1;
color: rgba(0, 0, 0, 0.87); }
#nifty .select:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.87); }
#nifty .input.is-left, #nifty .select.is-left {
text-align: left; }
#nifty .input.is-center, #nifty .select.is-center {
text-align: center; }
#nifty .input.is-right, #nifty .select.is-right {
text-align: right; }
#nifty .input.is-width-1, #nifty .select.is-width-1 {
width: 1em; }
#nifty .input.is-width-2, #nifty .select.is-width-2 {
width: 2em; }
#nifty .input.is-width-3, #nifty .select.is-width-3 {
width: 3em; }
#nifty .input.is-width-4, #nifty .select.is-width-4 {
width: 4em; }
#nifty .input.is-width-5, #nifty .select.is-width-5 {
width: 5em; }
#nifty .input.is-width-6, #nifty .select.is-width-6 {
width: 6em; }
#nifty .input.is-width-7, #nifty .select.is-width-7 {
width: 7em; }
#nifty .input.is-width-8, #nifty .select.is-width-8 {
width: 8em; }
#nifty .input.is-width-9, #nifty .select.is-width-9 {
width: 9em; }
#nifty .input.is-width-10, #nifty .select.is-width-10 {
width: 10em; }
#nifty .input.is-width-11, #nifty .select.is-width-11 {
width: 11em; }
#nifty .input.is-width-12, #nifty .select.is-width-12 {
width: 12em; }
#nifty .input.is-width-13, #nifty .select.is-width-13 {
width: 13em; }
#nifty .input.is-width-14, #nifty .select.is-width-14 {
width: 14em; }
#nifty .input.is-width-15, #nifty .select.is-width-15 {
width: 15em; }
#nifty .input.is-width-16, #nifty .select.is-width-16 {
width: 16em; }
#nifty .input.is-width-17, #nifty .select.is-width-17 {
width: 17em; }
#nifty .input.is-width-18, #nifty .select.is-width-18 {
width: 18em; }
#nifty .input.is-width-19, #nifty .select.is-width-19 {
width: 19em; }
#nifty .input.is-width-20, #nifty .select.is-width-20 {
width: 20em; }
#nifty .input.is-success {
border-color: #26b260; }
#nifty .input.is-success .text, #nifty .input.is-success .fa, #nifty .input.is-success .material-icons, #nifty .input.is-success .im {
color: #26b260; }
#nifty .input.is-danger {
border-color: #dc665d; }
#nifty .input.is-danger .text, #nifty .input.is-danger .fa, #nifty .input.is-danger .material-icons, #nifty .input.is-danger .im {
color: #dc665d; }
#nifty .checkbox {
display: inline-block; }
#nifty .checkbox input {
display: none; }
#nifty .checkbox label {
cursor: pointer;
display: block; }
#nifty .checkbox .text {
position: relative;
padding-left: 2em; }
#nifty .checkbox .text:before {
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 1.5em;
content: '';
background: #fff;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.26); }
#nifty .checkbox .text:after {
content: "\F00C";
font-family: FontAwesome;
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 1.5em;
text-align: center;
opacity: 0; }
#nifty .checkbox input:checked .text:after {
opacity: 1; }
#nifty .alert {
border-radius: 2px;
border: 1px solid;
padding: -webkit-calc(.5em - 1.5px) 0.5em;
padding: calc(.5em - 1.5px) 0.5em;
margin: 0 0 10px; }
#nifty .alert.is-danger {
background: #fefbfb;
color: #dc665d; }
#nifty .table-wrap {
overflow: hidden;
overflow-x: auto; }
#nifty .table {
width: 100%;
background: #fff; }
#nifty .table th, #nifty .table td {
padding: .5em;
vertical-align: top; }
#nifty .table.is-middle th, #nifty .table.is-middle td {
vertical-align: middle; }
#nifty .table.is-line > tbody > tr:not(:last-child) {
border-bottom: 1px solid #e0e0e0; }
#nifty .table.is-outline {
border: 1px solid #bdbdbd;
border-collapse: separate; }
#nifty .table.is-border {
border: 1px solid #bdbdbd;
border-collapse: separate; }
#nifty .table.is-border th, #nifty .table.is-border td {
border-bottom: 1px solid #bdbdbd; }
#nifty .table.is-border th:not(:last-child), #nifty .table.is-border td:not(:last-child) {
border-right: 1px solid #bdbdbd; }
#nifty .table.is-border > tbody > tr:last-child > th, #nifty .table.is-border > tbody > tr:last-child > td {
border-bottom: none; }
#nifty .table.is-stripe tbody tr:nth-child(even) {
background: #e0e0e0; }
#nifty .table.is-round {
border-radius: 2px; }
#nifty .table.is-round > thead > tr:first-child > th:first-child {
border-radius: 2px 0 0; }
#nifty .table.is-round > thead > tr:first-child > th:last-child {
border-radius: 0 2px 0 0; }
#nifty .table.is-round > tfoot > tr:last-child > th:first-child {
border-radius: 0 0 0 2px; }
#nifty .table.is-round > tfoot > tr:last-child > th:last-child {
border-radius: 0 0 2px; }
#nifty .table.is-round > tbody > tr:first-child > th:first-child, #nifty .table.is-round > tbody > tr:first-child > td:first-child {
border-radius: 2px 0 0; }
#nifty .table.is-round > tbody > tr:first-child > th:last-child, #nifty .table.is-round > tbody > tr:first-child > td:last-child {
border-radius: 0 2px 0 0; }
#nifty .table.is-round > tbody > tr:last-child > th:first-child, #nifty .table.is-round > tbody > tr:last-child > td:first-child {
border-radius: 0 0 0 2px; }
#nifty .table.is-round > tbody > tr:last-child > th:last-child {
border-radius: 0 0 2px; }
#nifty .tbox.is-paint {
background: #6c797f;
color: #fff; }
#nifty .tbox.is-danger {
background: #fefbfb; }
#nifty .tbox.is-left {
text-align: left; }
#nifty .tbox.is-center {
text-align: center; }
#nifty .tbox.is-right {
text-align: right; }
#nifty .tbox.is-width-1 {
width: 8.33333%; }
#nifty .tbox.is-width-2 {
width: 16.66667%; }
#nifty .tbox.is-width-3 {
width: 25%; }
#nifty .tbox.is-width-4 {
width: 33.33333%; }
#nifty .tbox.is-width-5 {
width: 41.66667%; }
#nifty .tbox.is-width-6 {
width: 50%; }
#nifty .tbox.is-width-7 {
width: 58.33333%; }
#nifty .tbox.is-width-8 {
width: 66.66667%; }
#nifty .tbox.is-width-9 {
width: 75%; }
#nifty .tbox.is-width-10 {
width: 83.33333%; }
#nifty .tbox.is-width-11 {
width: 91.66667%; }
#nifty .tbox.is-width-12 {
width: 100%; }
#nifty .tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
overflow-x: auto; }
#nifty .tab.is-white {
color: rgba(255, 255, 255, 0.7); }
#nifty .tab.is-white > .tab-btn:hover {
color: #fff; }
#nifty .tab.is-white > .tab-btn.is-current {
color: #fff;
border-bottom-color: rgba(255, 255, 255, 0.7); }
#nifty .tab > .tab-btn {
position: relative;
white-space: nowrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 4em;
line-height: 1;
padding: 0 1em; }
#nifty .tab > .tab-btn:not(.is-current) {
cursor: pointer; }
#nifty .tab > .tab-btn.is-current {
border-bottom: 4px solid; }
#nifty .btn-set {
margin: -2px;
font-size: smaller; }
#nifty .btn-set > .btn {
margin: 2px; }
#nifty .btn-set > .btn-bar {
margin: 2px; }
#nifty .btn-set.is-center {
text-align: center; }
#nifty .btn-set.is-space-4 {
margin: -12px; }
#nifty .btn-set.is-space-4 > .btn {
margin: 12px; }
#nifty .btn-set.is-space-3 {
margin: -8px; }
#nifty .btn-set.is-space-3 > .btn {
margin: 8px; }
#nifty .btn-set.is-space-2 {
margin: -4px; }
#nifty .btn-set.is-space-2 > .btn {
margin: 4px; }
#nifty .btn {
cursor: pointer;
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
vertical-align: top;
height: 2.5em;
line-height: 1;
padding: .5em 1em;
border-radius: 2px;
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .btn.is-round {
border-radius: 1.25em; }
#nifty .btn.is-circle {
width: 2.5em;
height: 2.5em;
padding: 0;
border-radius: 1.25em; }
#nifty .btn.is-disable {
cursor: default; }
#nifty .btn.is-full {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#nifty .btn.is-floating-1 {
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); }
#nifty .btn.is-floating-1:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
#nifty .btn.is-floating-1.is-disable:active {
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); }
#nifty .btn.is-floating-2 {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
#nifty .btn.is-floating-2:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
#nifty .btn.is-floating-2.is-disable, #nifty .btn.is-floating-2.is-disable:active {
box-shadow: none; }
#nifty .btn.is-floating-3 {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24); }
#nifty .btn.is-floating-3:hover, #nifty .btn.is-floating-3:active {
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.24); }
#nifty .btn.is-floating-3.is-disable, #nifty .btn.is-floating-3.is-disable:hover, #nifty .btn.is-floating-3.is-disable:active {
box-shadow: none; }
#nifty .btn.is-plain, #nifty .btn.is-flat {
background: #eee;
border: 1px solid transparent; }
#nifty .btn.is-plain:hover, #nifty .btn.is-flat:hover {
background: #e1e1e1; }
#nifty .btn.is-plain:active, #nifty .btn.is-flat:active {
background: #d4d4d4; }
#nifty .btn.is-plain.is-primary, #nifty .btn.is-flat.is-primary {
color: #fff;
background: #1cb4c7; }
#nifty .btn.is-plain.is-primary:hover, #nifty .btn.is-flat.is-primary:hover {
background: #199fb1; }
#nifty .btn.is-plain.is-primary:active, #nifty .btn.is-flat.is-primary:active {
background: #168b9a; }
#nifty .btn.is-plain.is-success, #nifty .btn.is-flat.is-success {
color: #fff;
background: #26b260; }
#nifty .btn.is-plain.is-success:hover, #nifty .btn.is-flat.is-success:hover {
background: #219d54; }
#nifty .btn.is-plain.is-success:active, #nifty .btn.is-flat.is-success:active {
background: #1d8849; }
#nifty .btn.is-plain.is-danger, #nifty .btn.is-flat.is-danger {
color: #fff;
background: #dc665d; }
#nifty .btn.is-plain.is-danger:hover, #nifty .btn.is-flat.is-danger:hover {
background: #d85248; }
#nifty .btn.is-plain.is-danger:active, #nifty .btn.is-flat.is-danger:active {
background: #d33e33; }
#nifty .btn.is-plain.is-disable, #nifty .btn.is-plain.is-disable:hover, #nifty .btn.is-plain.is-disable:active, #nifty .btn.is-flat.is-disable, #nifty .btn.is-flat.is-disable:hover, #nifty .btn.is-flat.is-disable:active {
color: rgba(0, 0, 0, 0.26);
background: #bdbdbd; }
#nifty .btn.is-flat {
border-bottom: 3px solid rgba(0, 0, 0, 0.15);
-webkit-transition: none;
transition: none; }
#nifty .btn.is-flat:hover {
top: 1px;
min-height: -webkit-calc(2.5em - 1px);
min-height: calc(2.5em - 1px);
border-bottom-width: 2px; }
#nifty .btn.is-flat:active {
top: 2px;
min-height: -webkit-calc(2.5em - 2px);
min-height: calc(2.5em - 2px);
border-bottom: 1px solid transparent; }
#nifty .btn.is-flat.is-disable, #nifty .btn.is-flat.is-disable:hover, #nifty .btn.is-flat.is-disable:active {
top: 0;
border-bottom: 3px solid rgba(0, 0, 0, 0.05); }
#nifty .btn.is-mist {
border: 1px solid transparent; }
#nifty .btn.is-mist:hover, #nifty .btn.is-mist:active {
background: rgba(0, 0, 0, 0.05); }
#nifty .btn.is-mist.is-primary {
color: #1cb4c7; }
#nifty .btn.is-mist.is-success {
color: #26b260; }
#nifty .btn.is-mist.is-danger {
color: #dc665d; }
#nifty .btn.is-mist.is-disable, #nifty .btn.is-mist.is-disable:hover, #nifty .btn.is-mist.is-disable:active {
color: rgba(0, 0, 0, 0.26);
background: none; }
#nifty .btn.is-outline {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.15); }
#nifty .btn.is-outline:hover {
background: #f2f2f2; }
#nifty .btn.is-outline:active {
background: #e6e6e6; }
#nifty .btn.is-outline.is-primary {
color: #1cb4c7;
border-color: #1cb4c7; }
#nifty .btn.is-outline.is-primary:hover {
background: #1cb4c7; }
#nifty .btn.is-outline.is-primary:active {
background: #199fb1; }
#nifty .btn.is-outline.is-success {
color: #26b260;
border-color: #26b260; }
#nifty .btn.is-outline.is-success:hover {
background: #26b260; }
#nifty .btn.is-outline.is-success:active {
background: #219d54; }
#nifty .btn.is-outline.is-danger {
color: #dc665d;
border-color: #dc665d; }
#nifty .btn.is-outline.is-danger:hover {
background: #dc665d; }
#nifty .btn.is-outline.is-danger:active {
background: #d85248; }
#nifty .btn.is-outline.is-primary:hover, #nifty .btn.is-outline.is-success:hover, #nifty .btn.is-outline.is-danger:hover, #nifty .btn.is-outline.is-primary:active, #nifty .btn.is-outline.is-success:active, #nifty .btn.is-outline.is-danger:active {
color: #fff;
border-color: transparent; }
#nifty .btn.is-outline.is-disable, #nifty .btn.is-outline.is-disable:hover, #nifty .btn.is-outline.is-disable:active {
color: rgba(0, 0, 0, 0.26);
background-color: rgba(0, 0, 0, 0.26); }
#nifty .btn.is-ghost {
color: #fff;
background: transparent;
border: 1px solid #fff; }
#nifty .btn.is-ghost:hover {
color: rgba(0, 0, 0, 0.87);
background: #fff; }
#nifty .btn.is-ghost:active {
background: #f2f2f2; }
#nifty .btn.is-ghost.is-primary {
color: #8ee4ef;
border-color: #8ee4ef; }
#nifty .btn.is-ghost.is-primary:hover {
background: #1cb4c7; }
#nifty .btn.is-ghost.is-primary:active {
background: #199fb1; }
#nifty .btn.is-ghost.is-success {
color: #8ae6b0;
border-color: #8ae6b0; }
#nifty .btn.is-ghost.is-success:hover {
background: #26b260; }
#nifty .btn.is-ghost.is-success:active {
background: #219d54; }
#nifty .btn.is-ghost.is-danger {
color: #f7dddb;
border-color: #f7dddb; }
#nifty .btn.is-ghost.is-danger:hover {
background: #dc665d; }
#nifty .btn.is-ghost.is-danger:active {
background: #d85248; }
#nifty .btn.is-ghost.is-primary:hover, #nifty .btn.is-ghost.is-success:hover, #nifty .btn.is-ghost.is-danger:hover, #nifty .btn.is-ghost.is-primary:active, #nifty .btn.is-ghost.is-success:active, #nifty .btn.is-ghost.is-danger:active {
color: #fff;
border-color: transparent; }
#nifty .btn.is-ghost.is-disable, #nifty .btn.is-ghost.is-disable:hover, #nifty .btn.is-ghost.is-disable:active {
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.5); }
#nifty .btn-bar {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
white-space: nowrap;
vertical-align: top;
overflow: hidden;
max-width: 100%; }
#nifty .btn-bar > .btn {
border-radius: 0; }
#nifty .btn-bar > .btn:first-child {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
#nifty .btn-bar > .btn:first-child.is-round {
border-top-left-radius: 1.25em;
border-bottom-left-radius: 1.25em; }
#nifty .btn-bar > .btn:last-child {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
#nifty .btn-bar > .btn:last-child.is-round {
border-top-right-radius: 1.25em;
border-bottom-right-radius: 1.25em; }
#nifty .btn-bar > .btn:nth-child(2), #nifty .btn-bar > .btn:nth-child(2) .btn {
border-left: none; }
#nifty .card {
position: relative;
width: 100%;
background: #fff;
border-radius: 2px; }
#nifty .card.is-shadow {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
#nifty .card > .inner {
padding: 16px; }
#nifty .card.is-floating-1 {
-webkit-transition: ease-out .2s;
transition: ease-out .2s;
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); }
#nifty .card.is-floating-1:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
#nifty .card.is-floating-1.is-disable:active {
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); }
#nifty .card.is-floating-2 {
-webkit-transition: ease-out .2s;
transition: ease-out .2s;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
#nifty .card.is-floating-2:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
#nifty .card.is-floating-2.is-disable, #nifty .card.is-floating-2.is-disable:active {
box-shadow: none; }
#nifty .card.is-floating-3 {
-webkit-transition: ease-out .2s;
transition: ease-out .2s;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24); }
#nifty .card.is-floating-3:hover, #nifty .card.is-floating-3:active {
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.24); }
#nifty .card.is-floating-3.is-disable:hover, #nifty .card.is-floating-3.is-disable:active {
box-shadow: none; }
#nifty .card .cover {
position: relative;
min-height: 100px;
border-radius: 2px 2px 0 0;
overflow: hidden; }
#nifty .card .cover.is-1x1:before {
content: "";
display: block;
padding: 100% 0 0; }
#nifty .card .cover.is-3x4:before {
content: "";
display: block;
padding: 133.3333% 0 0; }
#nifty .card .cover.is-4x3:before {
content: "";
display: block;
padding: 75% 0 0; }
#nifty .card .cover.is-16x9:before {
content: "";
display: block;
padding: 56.25% 0 0; }
#nifty .card .cover.is-round {
border-radius: 2px; }
#nifty .card .cover .cover-img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#nifty .card .cover .cover-header, #nifty .card .cover .cover-footer {
position: absolute;
width: 100%;
min-height: 50px;
padding: 16px; }
#nifty .card .cover .cover-header {
top: 0;
left: 0; }
#nifty .card .cover .cover-footer {
bottom: 0;
left: 0; }
#nifty .card .cover .cover-header.is-shadow, #nifty .card .cover .cover-footer.is-shadow {
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0, transparent 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0, transparent 100%); }
#nifty .card .cover .cover-header.is-shadow-full, #nifty .card .cover .cover-footer.is-shadow-full {
background: rgba(0, 0, 0, 0.2); }
#nifty .card .cover .cover-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#nifty .card .cover .cover-overlay.is-shadow {
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0, transparent 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0, transparent 100%); }
#nifty .card .cover .cover-overlay.is-shadow-full {
background: rgba(0, 0, 0, 0.2); }
#nifty .card .card-link {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
#nifty .block {
display: block !important; }
#nifty .inline {
display: inline !important; }
#nifty .inline-block {
display: inline-block !important; }
#nifty .none {
display: none !important; }
@media screen and (min-width: 576px) {
#nifty .none-fablet {
display: none !important; } }
@media screen and (min-width: 768px) {
#nifty .none-tablet {
display: none !important; } }
@media screen and (min-width: 992px) {
#nifty .none-desktop {
display: none !important; } }
@media screen and (max-width: 575px) {
#nifty .none-mobile-only {
display: none !important; } }
@media screen and (min-width: 576px) and (max-width: 767px) {
#nifty .none-fablet-only {
display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
#nifty .none-tablet-only {
display: none !important; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
#nifty .none-desktop-only {
display: none !important; } }
@media screen and (min-width: 1200px) {
#nifty .none-wide {
display: none !important; } }
@media screen and (max-width: 991px) {
#nifty .none-touch {
display: none !important; } }
@media all and (orientation: landscape) {
#nifty .none-landscape {
display: none !important; } }
@media all and (orientation: portrait) {
#nifty .none-portrait {
display: none !important; } }
#nifty .clearfix:after {
display: block;
content: "";
clear: both; }
#nifty .project-niftygame-pc header .headerUpper {
font-size: 87.5%;
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Meiryo, Meiryo UI, Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, YuGothic, sans-serif; }
#nifty .project-niftygame-pc header .headerUpper li a {
color: #29abe2;
text-decoration: underline; }
#nifty .project-niftygame-pc header .headerUpper li a:hover {
color: #f7931e;
text-decoration: none; }
#nifty .project-niftygame-pc header .headerUpper li:first-child a:hover {
color: #333; }
#nifty .project-niftygame-pc header .headerUpper li.login-before a:hover {
color: #29abe2; }
#nifty .project-niftygame-pc .headerUpper li a.logout {
text-decoration: none; }
#nifty .project-niftygame-pc .headerUpper li a.logout:hover {
text-decoration: underline; }
#nifty .section.is-pc > .inner {
width: 1000px;
max-width: 1000px;
padding: 0 20px; }
#nifty .section.is-list {
padding: 20px 0; }
#nifty .section.is-header-main {
padding: 6px 0;
border-bottom: 2px solid #e81f1f; }
#nifty .section.is-ad.is-stripe {
background-image: -webkit-linear-gradient(135deg, #f4f4f4 25%, #e6e6e6 25%, #e6e6e6 50%, #f4f4f4 50%, #f4f4f4 75%, #e6e6e6 75%, #e6e6e6);
background-image: linear-gradient(-45deg, #f4f4f4 25%, #e6e6e6 25%, #e6e6e6 50%, #f4f4f4 50%, #f4f4f4 75%, #e6e6e6 75%, #e6e6e6);
background-size: 8px 8px;
background-repeat: repeat;
padding: 6px 20px;
text-align: center; }
#nifty .section.is-nav {
position: relative;
background-color: #ffe1a6;
background-image: url(/assets/nifty/img/png/pattern-1.png);
background-size: 50px 50px;
background-repeat: repeat;
padding: 6px 0 0; }
#nifty .section.is-nav:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 15px;
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0, transparent 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0, transparent 100%);
opacity: .12;
z-index: 0; }
#nifty .section.is-nav > .inner {
position: relative;
z-index: 1; }
#nifty .section.is-main {
padding: 32px 0 64px;
overflow: hidden; }
#nifty .section.is-main > .section.is-breadcrumbs {
position: relative;
margin: -16px 0 12px;
z-index: 2; }
#nifty .section.is-footer {
position: relative;
overflow: hidden; }
#nifty .section.is-footer .contents {
position: relative;
z-index: 10; }
#nifty .section.is-footer-character {
position: absolute;
top: 0;
left: 50%;
width: 1000px;
height: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1; }
#nifty .section.is-footer-character .character-layer {
position: absolute; }
#nifty .section.is-footer-character .character-layer.is-character-1 {
top: 38%;
left: -43px;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
z-index: 4; }
#nifty .section.is-footer-character .character-layer.is-character-2 {
top: 47%;
left: 30px;
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
z-index: 2; }
#nifty .section.is-footer-character .character-layer.is-character-3 {
top: 8%;
left: 50px;
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
z-index: 3; }
#nifty .section.is-footer-character .character-layer.is-character-4 {
top: 15%;
left: 100px;
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
z-index: 3; }
#nifty .section.is-footer-character .character-layer.is-character-5 {
top: 56%;
right: 166px;
-webkit-transform: rotate(-27deg);
-ms-transform: rotate(-27deg);
transform: rotate(-27deg);
z-index: 2; }
#nifty .section.is-footer-character .character-layer.is-character-6 {
top: 35%;
right: -6px;
-webkit-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg);
z-index: 3; }
#nifty .section.is-footer-character .character-layer.is-character-7 {
top: 26%;
right: -76px;
-webkit-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
z-index: 4; }
#nifty .section.is-footer-nav {
background-color: #ffe1a6;
background-image: url(/assets/nifty/img/png/pattern-1.png);
background-size: 50px 50px;
background-repeat: repeat;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15);
padding: 32px 0 80px; }
#nifty .section.is-footer-main {
background: #000;
padding: 16px 0 20px; }
#nifty .group.is-header-geso-coin, #nifty .group.is-header-egg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#nifty .group.is-header-geso-coin .link-set, #nifty .group.is-header-egg .link-set {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#nifty .group.is-header-geso-coin .link-set .mark, #nifty .group.is-header-egg .link-set .mark {
width: 22px;
height: 22px;
margin: 0 .25em; }
#nifty .group.is-header-geso-coin .link-set:after, #nifty .group.is-header-egg .link-set:after {
content: "\E903";
font-size: .75em;
font-family: IcoMoonGame;
color: rgba(0, 0, 0, 0.15);
margin: 0 .25em; }
#nifty .group.is-header-geso-coin .link-set:hover, #nifty .group.is-header-geso-coin .link-set:hover:after, #nifty .group.is-header-egg .link-set:hover, #nifty .group.is-header-egg .link-set:hover:after {
color: #f7931e; }
#nifty .group.is-header-geso-coin .btn.is-outline:hover, #nifty .group.is-header-egg .btn.is-outline:hover {
background: #fff;
color: #f7931e;
border-color: #f7931e; }
#nifty .group.is-header-user {
background: rgba(0, 0, 0, 0.05);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 2.5em;
padding: .5em 1em;
border-radius: 1.25em;
line-height: 1; }
#nifty .group.is-header-user .group:not(:first-child) {
margin: 0 0 0 1em; }
#nifty .group.is-header-user > .group {
position: relative; }
#nifty .group.is-header-user .text.is-trigger {
cursor: pointer;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#nifty .group.is-header-user .text.is-trigger:before {
font-size: 1.25em;
font-family: IcoMoonGame;
color: #f94743;
margin: 0 .25em 0 0; }
#nifty .group.is-header-user .text.is-trigger.is-account:before {
content: "\E90B"; }
#nifty .group.is-header-user .text.is-trigger.is-notice:before {
content: "\E90C"; }
#nifty .group.is-header-user .text.is-trigger.is-search:before {
content: "\E90D"; }
#nifty .group.is-header-user .text.is-trigger:hover .group.is-pops {
display: block; }
#nifty .group.is-header-user .badge.is-notice {
position: absolute;
top: -1.75em;
left: 0; }
#nifty .group.is-header-user .badge.is-notice + .text.is-trigger:before {
color: rgba(0, 0, 0, 0.87); }
#nifty .group.is-header-menu {
position: relative; }
#nifty .group.is-header-menu .btn.is-trigger {
position: relative;
color: #f94743;
border-color: #f94743;
-webkit-transition: none;
transition: none; }
#nifty .group.is-header-menu .btn.is-trigger:hover {
color: #fff;
background: #f94743;
border-radius: 1.25em 1.25em 0 0; }
#nifty .group.is-header-menu .btn.is-trigger .text:after {
content: "\E909";
font-size: 1em;
font-family: IcoMoonGame;
margin: 0 0 0 .25em; }
#nifty .group.is-header-menu .btn.is-trigger .text {
font-size: 1.15em; }
#nifty .group.is-header-menu .btn.is-trigger:hover .group.is-pops.is-header-menu {
display: block; }
#nifty .group.is-pops {
position: absolute;
top: 1.5em;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 30; }
#nifty .group.is-pops .group:not(:first-child) {
margin: 0; }
#nifty .group.is-pops.is-header-menu {
display: none;
top: 0;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
#nifty .group.is-pops.is-header-menu:hover {
display: block; }
#nifty .group.is-pop-window {
position: relative;
background: #fff;
border: 3px solid #f94743; }
#nifty .group.is-pop-window:after, #nifty .group.is-pop-window:before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
border: solid transparent;
width: 0;
height: 0; }
#nifty .group.is-pop-window:before {
border-bottom-color: #f94743;
border-width: 9px;
margin-left: -9px; }
#nifty .group.is-pop-window:after {
border-bottom-color: #fff;
border-width: 5px;
margin-left: -5px; }
#nifty .group.is-pop-window .close-set {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: right;
padding: 8px; }
#nifty .group.is-pop-window .close-item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
line-height: .75em; }
#nifty .group.is-pop-window .close-item:after {
content: "\D7";
display: block;
font-size: 1.375em;
margin: 0 0 0 .25em; }
#nifty .group.is-pop-window .close-item .text {
text-decoration: underline; }
#nifty .group.is-pop-window .close-item:hover .text {
text-decoration: none; }
#nifty .group.is-pop-window.is-account .link-set {
white-space: nowrap;
font-weight: 700; }
#nifty .group.is-pop-window.is-account .link-set > *:not(:last-child) > .link-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
#nifty .group.is-pop-window.is-account .link-item {
display: block;
position: relative;
height: 2.5em;
line-height: 2.5em;
padding: 0 2.5em 0 1em; }
#nifty .group.is-pop-window.is-account .link-item:hover {
background: #fee; }
#nifty .group.is-pop-window.is-account .link-item:after {
content: "\E903";
position: absolute;
top: 50%;
right: .5em;
font-size: .75em;
font-family: IcoMoonGame;
color: #ffb0b0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#nifty .group.is-pop-window.is-notice .link-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
width: 280px;
padding: 1em;
line-height: 1.4; }
#nifty .group.is-pop-window.is-notice .link-item:hover {
background: #fee; }
#nifty .group.is-pop-window.is-notice .link-item > * + * {
margin: 0 0 0 .5em; }
#nifty .group.is-pop-window.is-notice .link-item .text.is-date {
display: block;
font-size: .75em; }
#nifty .group.is-pop-window.is-notice .link-item .text.is-extract {
color: rgba(0, 0, 0, 0.5);
text-decoration: underline; }
#nifty .group.is-pop-window.is-notice .link-item.is-unread .text.is-date:after {
content: "\672A\8AAD";
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 1.5em;
line-height: 1.5em;
border-radius: .725em;
background: #f94743;
color: #fff; }
#nifty .group.is-pop-window.is-notice .link-item.is-unread .text.is-extract {
color: #0056a3;
font-weight: 700; }
#nifty .group.is-pop-window.is-notice .link-more {
width: 280px;
padding: 1em; }
#nifty .group.is-pop-window.is-notice-detail {
position: absolute;
top: 0;
left: -350px;
width: 350px;
border-color: #757575;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.15), 0 1px 12px 0 rgba(0, 0, 0, 0.1); }
#nifty .group.is-pop-window.is-notice-detail:after, #nifty .group.is-pop-window.is-notice-detail:before {
content: "";
position: absolute;
top: 55px;
left: 100%;
border: solid transparent;
width: 0;
height: 0; }
#nifty .group.is-pop-window.is-notice-detail:before {
border-left-color: #757575;
border-width: 9px;
margin: -9px 0 0; }
#nifty .group.is-pop-window.is-notice-detail:after {
border-left-color: #fff;
border-width: 5px;
margin: -5px 0 0; }
#nifty .group.is-pop-window.is-notice-detail .inner {
padding: 10px; }
#nifty .group.is-pop-window.is-notice-detail .text {
line-height: 1.4; }
#nifty .group.is-pop-window.is-search {
position: relative; }
#nifty .group.is-pop-menu {
position: relative;
background: #fff;
border: 1px solid #f94743;
border-radius: 1.15em;
overflow: hidden; }
#nifty .group.is-pop-menu .link-set {
white-space: nowrap;
font-weight: 700; }
#nifty .group.is-pop-menu .link-set > *:not(:last-child) > .link-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
#nifty .group.is-pop-menu .link-label {
position: relative;
color: #fff;
background: #f94743;
border-radius: 0; }
#nifty .group.is-pop-menu .link-label:not(:hover) {
color: #fff;
border-radius: 0; }
#nifty .group.is-pop-menu .link-item {
display: block;
position: relative;
height: 2.5em;
line-height: 2.5em;
padding: 0 2.5em 0 1em; }
#nifty .group.is-pop-menu .link-item:hover {
background: #fee; }
#nifty .group.is-pop-menu .link-item:after {
content: "\E903";
position: absolute;
top: 50%;
right: .5em;
font-size: .75em;
font-family: IcoMoonGame;
color: #ffb0b0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#nifty .group.is-nav-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 3px; }
#nifty .group.is-nav-info .mark {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 2em;
-ms-flex: 0 0 2em;
flex: 0 0 2em;
max-width: 2em;
width: 2em;
height: 2em;
border-radius: 1em;
background: #fff;
margin: 0 .5em 0 0; }
#nifty .group.is-nav-info .mark:after {
content: "\E90E";
font-size: 1.2em;
font-family: IcoMoonGame;
line-height: 1;
color: #f94743; }
#nifty .group.is-nav-tab .tab {
overflow: visible; }
#nifty .group.is-nav-tab .tab > .tab-btn {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #f94743;
color: #fff;
border-radius: .5em .5em 0 0;
padding: 0;
margin: 4px 0 0;
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .group.is-nav-tab .tab > .tab-btn:hover {
background: #f9807d; }
#nifty .group.is-nav-tab .tab > .tab-btn:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 15px;
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0, transparent 100%);
background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0, transparent 100%);
opacity: .12;
z-index: 0; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current {
position: relative;
height: -webkit-calc(4em + 4px);
height: calc(4em + 4px);
padding-top: 4px;
background: #fff;
border-top: 4px solid #f94743;
border-bottom: none;
color: #f94743;
margin: 0; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current:after {
content: none; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-top {
-webkit-box-flex: 0;
-webkit-flex: 0 0 7.143em;
-ms-flex: 0 0 7.143em;
flex: 0 0 7.143em;
max-width: 7.143em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-free {
-webkit-box-flex: 0;
-webkit-flex: 0 0 9.286em;
-ms-flex: 0 0 9.286em;
flex: 0 0 9.286em;
max-width: 9.286em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-online {
-webkit-box-flex: 0;
-webkit-flex: 0 0 11.429em;
-ms-flex: 0 0 11.429em;
flex: 0 0 11.429em;
max-width: 11.429em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-ranking {
-webkit-box-flex: 0;
-webkit-flex: 0 0 11.429em;
-ms-flex: 0 0 11.429em;
flex: 0 0 11.429em;
max-width: 11.429em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-point {
-webkit-box-flex: 0;
-webkit-flex: 0 0 7.857em;
-ms-flex: 0 0 7.857em;
flex: 0 0 7.857em;
max-width: 7.857em; }
#nifty .group.is-nav-tab .tab > .tab-btn:before {
font-size: 1.25em;
font-family: IcoMoonGame;
margin: 0 .25em 0 0; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-top:before {
content: "\E90F"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-free:before {
content: "\E911"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-online:before {
content: "\E913"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-ranking:before {
content: "\E915"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-point:before {
content: "\E917"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current:before {
color: rgba(0, 0, 0, 0.12);
font-size: 1.8em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current.is-top:before {
content: "\E910"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current.is-free:before {
content: "\E912"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current.is-online:before {
content: "\E914"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current.is-ranking:before {
content: "\E916"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current.is-point:before {
content: "\E918"; }
#nifty .group.is-nav-tab .tab > .tab-btn .text.is-title {
font-size: .875em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current .text.is-title {
font-size: 1.1em;
margin: 0 .4em 0 -1.25em; }
#nifty .group.is-breadcrumbs .text.is-breadcrumbs-item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#nifty .group.is-breadcrumbs .text.is-breadcrumbs-item:not(:first-child):before {
content: "\E903";
font-size: .875em;
font-family: IcoMoonGame;
color: rgba(0, 0, 0, 0.15);
margin: 0 .5em; }
#nifty .group.is-breadcrumbs .text {
color: rgba(0, 0, 0, 0.5); }
#nifty .group.is-breadcrumbs .text.is-link {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: rgba(0, 0, 0, 0.5); }
#nifty .group.is-breadcrumbs .text.is-link:hover, #nifty .group.is-breadcrumbs .text.is-link:active {
color: rgba(0, 0, 0, 0.5);
text-decoration: none; }
#nifty .group.is-9games {
min-height: 400px; }
#nifty .group.is-9games .grid.is-9games {
position: relative;
padding: 0 0 0 33.33333%; }
#nifty .group.is-9games .grid.is-9games > .col .game-box.is-link, #nifty .group.is-9games .grid.is-9games > .col .game-box.is-link:before, #nifty .group.is-9games .grid.is-9games > .col .game-box.is-link:after, #nifty .group.is-9games .grid.is-9games > .col .game-box.is-link .game-box-text:before, #nifty .group.is-9games .grid.is-9games > .col .game-box.is-link .game-box-text:after {
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .group.is-9games .grid.is-9games > .col:first-child {
position: absolute;
top: 0;
left: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 32.5%;
-ms-flex: 0 0 32.5%;
flex: 0 0 32.5%;
width: 32.5%;
font-size: 115%; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link {
position: relative;
padding: 0 0 4.5em; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link:before {
content: "PLAY!";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 90%;
height: 2.5em;
background: #fff;
border: 1px solid #f94743;
font-size: 1.2em;
line-height: 2.5em;
color: #f94743;
font-weight: 700;
text-align: center;
border-radius: 1.25em;
margin: 0 5%; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link:after {
position: absolute;
bottom: .5em;
right: 9%;
content: "\E903";
font-family: IcoMoonGame;
color: #f94743;
font-size: 1.25em; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link:hover:before {
opacity: 0; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link:hover:after {
opacity: 0; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link .game-box-text:before {
content: "PLAY!";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 90%;
height: 2.5em;
border: 1px solid transparent;
font-size: 1.37142857em;
line-height: 2.5em;
color: #fff;
background: -webkit-linear-gradient(185deg, #fe9227, #fc4c79);
background: linear-gradient(-95deg, #fe9227, #fc4c79);
font-weight: 700;
text-align: center;
border-radius: 1.25em;
margin: 0 5%;
opacity: 0; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link .game-box-text:after {
position: absolute;
bottom: .5em;
right: 9%;
content: "\E903";
font-family: IcoMoonGame;
color: #fff;
font-size: 1.42857143em;
opacity: 0; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link:hover .game-box-text:before {
opacity: 1; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link:hover .game-box-text:after {
opacity: 1; }
#nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link .game-box-thumb-wrap:before, #nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link .game-box-thumb-wrap:after, #nifty .group.is-9games .grid.is-9games > .col:first-child .game-box.is-link .game-box-thumb:after {
content: none; }
#nifty .group.is-9games .grid.is-9games > .col:not(:first-child) {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
font-size: 80%; }
#nifty .group.is-ranking .grid.is-ranking > .col {
counter-increment: li;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
font-size: 80%; }
#nifty .group.is-ranking .grid.is-ranking > .col:nth-child(1) .game-box-rank-set:after, #nifty .group.is-ranking .grid.is-ranking > .col:nth-child(1) .game-box-rank:after {
color: #ff1f5a; }
#nifty .group.is-ranking .grid.is-ranking > .col:nth-child(2) .game-box-rank-set:after, #nifty .group.is-ranking .grid.is-ranking > .col:nth-child(2) .game-box-rank:after {
color: #f9683d; }
#nifty .group.is-ranking .grid.is-ranking > .col:nth-child(3) .game-box-rank-set:after, #nifty .group.is-ranking .grid.is-ranking > .col:nth-child(3) .game-box-rank:after {
color: #fbb03b; }
#nifty .group.is-genre .grid.is-half > .col:nth-child(2n+1):last-child {
position: relative;
z-index: 2; }
#nifty .group.is-genre .grid.is-half > .col:nth-child(2n+1):last-child:before {
content: "";
position: absolute;
top: 60px;
left: 100%;
width: 100vw;
height: 460px;
background-image: url(/assets/nifty/img/png/bg-gameland.png);
background-size: 1220px 460px;
background-position: top center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1; }
#nifty .group.is-genre .grid.is-3games > .col {
font-size: 80%; }
#nifty .group.is-ad.is-stripe {
background-image: -webkit-linear-gradient(135deg, #f4f4f4 25%, #e6e6e6 25%, #e6e6e6 50%, #f4f4f4 50%, #f4f4f4 75%, #e6e6e6 75%, #e6e6e6);
background-image: linear-gradient(-45deg, #f4f4f4 25%, #e6e6e6 25%, #e6e6e6 50%, #f4f4f4 50%, #f4f4f4 75%, #e6e6e6 75%, #e6e6e6);
background-size: 8px 8px;
background-repeat: repeat;
padding: 20px;
text-align: center; }
#nifty .group.is-topcover {
width: 100%;
height: 252px;
background-image: url(/assets/nifty/img/png/topcover.png);
background-size: cover;
background-position: center center;
padding: 170px 0 0; }
#nifty .group.is-topcover .btn > .badge.is-free {
position: absolute;
top: -1.25em;
left: -1.75em; }
#nifty .group.is-topcover .btn > .text {
padding-left: .5em; }
#nifty .group.is-topcover .btn > .icon {
font-size: 80%;
margin-left: .3em; }
#nifty .group.is-topcover-balloon {
position: relative;
width: 100%;
height: 340px;
background-image: url(/assets/nifty/img/png/topcover-balloon.png);
background-size: contain;
background-position: center center; }
#nifty .group.is-topcover-balloon > .inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#nifty .group.is-welcome {
position: relative;
background-color: #9cd83d;
background-image: url(/assets/nifty/img/png/bg-flower.png);
background-repeat: repeat-y;
background-size: 1140px 410px;
background-position: top center;
padding: 346px 0 64px;
margin: -32px 0 -64px; }
#nifty .group.is-welcome .welcome-sky, #nifty .group.is-welcome .welcome-shine {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 196px; }
#nifty .group.is-welcome .welcome-sky {
background: -webkit-linear-gradient(#7ad5f9, #fff);
background: linear-gradient(#7ad5f9, #fff);
z-index: 1; }
#nifty .group.is-welcome .welcome-shine {
background-image: url(/assets/nifty/img/png/bg-shine.png);
background-size: 1312px 196px;
background-position: top center;
z-index: 2; }
#nifty .group.is-welcome .welcome-topcover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 436px;
background-image: url(/assets/nifty/img/png/topcover-welcome.png);
background-size: 1312px 436px;
background-position: top center;
z-index: 3; }
#nifty .group.is-welcome .welcome-content {
position: relative;
z-index: 10; }
#nifty .group.is-game-frame {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#nifty .group.is-game-frame > .inner {
width: auto;
max-width: none;
padding: 0 20px;
margin: 0 auto; }
#nifty .group.is-game-frame .dummy-content {
display: block;
width: auto;
max-width: none; }
#nifty .group.is-garden-frame {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#nifty .group.is-garden-frame > .inner {
width: auto;
max-width: none;
padding: 0 20px;
margin: 0 auto; }
#nifty .group.is-garden-frame > .inner > .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#nifty .group.is-garden-frame > .inner > .row > .col.is-main {
-webkit-box-flex: 0;
-webkit-flex: 0 0 1020px;
-ms-flex: 0 0 1020px;
flex: 0 0 1020px;
max-width: 1020px;
padding: 0 10px; }
#nifty .group.is-garden-frame > .inner > .row > .col.is-side {
-webkit-box-flex: 0;
-webkit-flex: 0 0 130px;
-ms-flex: 0 0 130px;
flex: 0 0 130px;
max-width: 130px; }
#nifty .group.is-avatar .avatar-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
height: 175px;
background-size: cover;
background-position: center center;
padding: 13px 16px; }
#nifty .group.is-avatar .avatar-name {
font-size: .75em;
line-height: 1.2;
text-align: center;
padding: 5px 10px; }
#nifty .group.is-avatar.is-view .avatar-name {
background: #fee;
color: #f94743; }
#nifty .group.is-avatar.is-none .avatar-name {
background: #eee;
color: #757575; }
#nifty .group.is-avatar .btn.is-plus {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
max-width: 100%; }
#nifty .group.is-avatar:hover .btn.is-plus {
background: #f94743;
color: #fff; }
#nifty .group.is-avatar-menu {
padding: 20px 5px; }
#nifty .group.is-system-message {
padding: 120px 0; }
#nifty .project-niftygame.project-niftygame-pc .logo, #nifty .project-niftygame.project-niftygame-pc .logo img {
width: 133px;
height: 30px; }
#nifty .grid.is-half > .col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
#nifty .grid.is-3games > .col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333%;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%; }
#nifty .grid.is-5games > .col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
#nifty .game-box {
display: block; }
#nifty .game-box.is-link:hover, #nifty .game-box.is-link-set:hover {
color: #f94743; }
#nifty .game-box.is-link:hover .game-box-thumb-wrap:before {
opacity: 1; }
#nifty .game-box.is-link:hover .game-box-thumb-wrap:after {
opacity: 1; }
#nifty .game-box.is-link:hover .game-box-thumb:after {
opacity: 1; }
#nifty .game-box.is-link-set > .grid > .col:last-child {
position: relative; }
#nifty .game-box.is-link-set .game-box-text {
height: 6em;
overflow: hidden; }
#nifty .game-box.is-link-set .game-box-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2.5em; }
#nifty .game-box.is-link-set .game-box-footer .game-box-play.is-on {
opacity: 0; }
#nifty .game-box.is-link-set .game-box-footer .game-box-play.is-off {
opacity: 1; }
#nifty .game-box.is-link-set:hover .game-box-footer .game-box-play.is-on {
opacity: 1; }
#nifty .game-box.is-link-set:hover .game-box-footer .game-box-play.is-off {
opacity: 0; }
#nifty .game-box-play {
position: relative;
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .game-box-play:before {
content: "PLAY!";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 80%;
height: 2.5em;
font-size: 1.2em;
line-height: 2.5em;
font-weight: 700;
text-align: center;
border-radius: 1.25em;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2; }
#nifty .game-box-play:after {
position: absolute;
top: 50%;
right: 14%;
content: "\E903";
font-family: IcoMoonGame;
font-size: 1.25em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: ease-out .2s;
transition: ease-out .2s;
z-index: 3; }
#nifty .game-box-play.is-off:before {
color: #f94743;
background: #fff;
border: 1px solid #f94743; }
#nifty .game-box-play.is-off:after {
color: #f94743; }
#nifty .game-box-play.is-on:before {
color: #fff;
background: -webkit-linear-gradient(185deg, #fe9227, #fc4c79);
background: linear-gradient(-95deg, #fe9227, #fc4c79);
border: 1px solid transparent; }
#nifty .game-box-play.is-on:after {
color: #fff; }
#nifty .game-box-thumb-wrap {
position: relative;
margin: 0 0 5px;
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .game-box-thumb-wrap:before {
content: "PLAY!";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 80%;
height: 2.5em;
background: -webkit-linear-gradient(185deg, #fe9227, #fc4c79);
background: linear-gradient(-95deg, #fe9227, #fc4c79);
font-size: 1.2em;
line-height: 2.5em;
color: #fff;
font-weight: 700;
text-align: center;
border-radius: 1.25em;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: ease-out .2s;
transition: ease-out .2s;
z-index: 2;
opacity: 0; }
#nifty .game-box-thumb-wrap:after {
position: absolute;
top: 50%;
right: 14%;
content: "\E903";
font-family: IcoMoonGame;
color: #fff;
font-size: 1.25em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: ease-out .2s;
transition: ease-out .2s;
z-index: 3;
opacity: 0; }
#nifty .game-box-thumb {
width: 100%;
min-height: 100px;
background-size: cover;
background-position: center center;
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .game-box-thumb.is-1x1:before {
content: "";
display: block;
padding: 100% 0 0; }
#nifty .game-box-thumb.is-3x4:before {
content: "";
display: block;
padding: 133.3333% 0 0; }
#nifty .game-box-thumb.is-4x3:before {
content: "";
display: block;
padding: 75% 0 0; }
#nifty .game-box-thumb.is-16x9:before {
content: "";
display: block;
padding: 56.25% 0 0; }
#nifty .game-box-thumb:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: ease-out .2s;
transition: ease-out .2s;
z-index: 1;
opacity: 0; }
#nifty .game-box-thumb-header, #nifty .game-box-thumb-footer {
position: absolute;
left: 0;
width: 100%;
padding: 5px;
z-index: 0; }
#nifty .game-box-thumb-header {
top: 0; }
#nifty .game-box-thumb-footer {
bottom: 0; }
#nifty .game-box-genre {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
height: 2em;
line-height: 2em;
padding: 0 1em;
border-radius: 1em;
background: rgba(0, 0, 0, 0.4);
color: #fff; }
#nifty .game-box-title {
font-size: 1.1em;
font-weight: 700; }
#nifty .game-box-text {
font-size: .875em;
margin: 0 0 .325em; }
#nifty .game-box-rank-set {
display: block;
position: absolute;
top: -.15em;
left: -.25em;
width: 3em;
height: 3em;
line-height: 3em;
z-index: 4; }
#nifty .game-box-rank-set:before {
position: absolute;
top: 0;
left: 0;
content: "\E91A";
font-family: IcoMoonGame;
color: #fff;
font-size: 3em;
text-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
z-index: 1; }
#nifty .game-box-rank-set:after {
position: absolute;
top: 0;
left: 0;
content: "\E919";
font-family: IcoMoonGame;
color: transparent;
font-size: 3em;
z-index: 2; }
#nifty .game-box-rank {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 3em;
height: 3em;
text-align: center;
z-index: 3; }
#nifty .game-box-rank:after {
content: counter(li);
color: rgba(0, 0, 0, 0.5);
font-family: Fredoka One, cursive;
font-size: 1.75em;
font-weight: 700;
line-height: 1;
margin: -.2em 0 0 -.1em; }
#nifty .heading.is-gamepad {
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
margin: -.5em 0 -1.2em -.5em;
z-index: 0; }
#nifty .heading.is-gamepad .text {
position: relative;
top: -.3em; }
#nifty .heading.is-gamepad .content {
position: relative;
z-index: 1; }
#nifty .heading.is-gamepad .content + .content {
z-index: 0; }
#nifty .heading.is-game-footer-nav {
max-width: 670px;
color: #e81f1f;
line-height: 1;
margin: 0 auto 10px; }
#nifty .heading.is-game-footer-nav .icon {
font-size: 3.5em; }
#nifty .heading.is-game-footer-nav:before, #nifty .heading.is-game-footer-nav:after {
content: "";
position: relative;
top: -1px;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
max-width: 100%;
height: 2px;
border-bottom: 1px solid; }
#nifty .heading.is-game-footer-nav:after {
margin: 0 0 0 .5em; }
#nifty .text.is-link {
color: rgba(0, 0, 0, 0.87);
text-decoration: underline;
border: none; }
#nifty .text.is-link:hover, #nifty .text.is-link:active {
color: rgba(0, 0, 0, 0.87);
text-decoration: none; }
#nifty .text.is-link.is-white, #nifty .text.is-white .text.is-link {
color: #fff; }
#nifty .text.is-link.is-white:hover, #nifty .text.is-link.is-white:active, #nifty .text.is-white .text.is-link:hover, #nifty .text.is-white .text.is-link:active {
color: #fff; }
#nifty .text.is-red {
color: #f94743; }
#nifty .text.is-lower-triangle {
position: relative;
padding: 0 0 2em; }
#nifty .text.is-lower-triangle:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
border: solid transparent;
border-width: 1em;
-webkit-transform: translateX(-50%) scaleY(0.5);
-ms-transform: translateX(-50%) scaleY(0.5);
transform: translateX(-50%) scaleY(0.5); }
#nifty .text.is-lower-triangle.is-signup:after {
border-top-color: #10c566; }
#nifty .text.is-lower-triangle.is-login:after {
border-top-color: #f82f2a; }
#nifty .btn.is-plain {
background: #fff; }
#nifty .btn.is-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
#nifty .btn.is-floating-1 {
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.15), 0 1px 12px 0 rgba(0, 0, 0, 0.1); }
#nifty .btn.is-plain.is-signup {
color: #fff;
background: #10c566; }
#nifty .btn.is-plain.is-signup:hover, #nifty .btn.is-plain.is-signup:active {
color: #fff;
background: #12dd72; }
#nifty .btn.is-plain.is-login {
color: #fff;
background: #f82f2a; }
#nifty .btn.is-plain.is-login:hover, #nifty .btn.is-plain.is-login:active {
color: #fff;
background: #fa6e6b; }
#nifty .btn.is-plain.is-full.is-signup:after, #nifty .btn.is-plain.is-full.is-login:after {
content: "\E903";
position: absolute;
top: 50%;
right: 1em;
font-family: IcoMoonGame;
font-size: .75em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#nifty .btn.is-outline.is-signup {
color: #12dd72;
border-color: #12dd72;
background: #fff; }
#nifty .btn.is-outline.is-signup:hover, #nifty .btn.is-outline.is-signup:active {
color: #fff;
background: #12dd72; }
#nifty .btn.is-outline.is-login {
color: #f94743;
border-color: #f94743;
background: #fff; }
#nifty .btn.is-outline.is-login:hover, #nifty .btn.is-outline.is-login:active {
color: #fff;
background: #f94743; }
#nifty .btn.is-outline.is-logout {
color: #239be5;
border-color: #239be5;
background: #fff; }
#nifty .btn.is-outline.is-logout:hover, #nifty .btn.is-outline.is-logout:active {
color: #fff;
background: #239be5; }
#nifty .btn.is-outline.is-talk {
color: #31a111;
border-color: #31a111;
background: #fff; }
#nifty .btn.is-outline.is-talk:hover, #nifty .btn.is-outline.is-talk:active {
color: #fff;
background: #31a111; }
#nifty .btn.is-outline.is-talk .badge.is-notice {
position: absolute;
top: -.75em;
left: -.25em; }
#nifty .btn.is-game-more {
position: relative;
width: 260px; }
#nifty .btn.is-game-more.is-game-more-short {
width: 156px; }
#nifty .btn.is-game-more.is-game-more-short > .text {
text-indent: -1em; }
#nifty .btn.is-game-more:hover {
color: #fff; }
#nifty .btn.is-game-more:after {
display: block;
position: absolute;
top: 50%;
right: .75em;
width: 1.75em;
height: 1.75em;
border-radius: .875em;
content: "\E903";
font-size: .75em;
line-height: 1.75em;
font-family: IcoMoonGame;
text-align: center;
color: #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#nifty .btn.is-game-more.is-free:hover, #nifty .btn.is-game-more.is-free:after {
background: #3cd33c; }
#nifty .btn.is-game-more.is-puzzle:hover, #nifty .btn.is-game-more.is-puzzle:after {
background: #f94e4e; }
#nifty .btn.is-game-more.is-quiz:hover, #nifty .btn.is-game-more.is-quiz:after {
background: #c045dd; }
#nifty .btn.is-game-more.is-action:hover, #nifty .btn.is-game-more.is-action:after {
background: #08c191; }
#nifty .btn.is-game-more.is-variety:hover, #nifty .btn.is-game-more.is-variety:after {
background: #6464ff; }
#nifty .btn.is-game-more.is-sports:hover, #nifty .btn.is-game-more.is-sports:after {
background: #0cd7f2; }
#nifty .btn.is-game-more.is-kids:hover, #nifty .btn.is-game-more.is-kids:after {
background: #d69f45; }
#nifty .btn.is-game-more.is-dpz:hover, #nifty .btn.is-game-more.is-dpz:after {
background: #000; }
#nifty .btn.is-plain.is-nifty {
background: #f7931e;
color: #fff; }
#nifty .btn.is-plain.is-nifty:hover, #nifty .btn.is-plain.is-nifty:after {
background: #f9ab4f; }
#nifty .btn.is-plain.is-facebook {
background: #3b5998;
color: #fff; }
#nifty .btn.is-plain.is-facebook:hover, #nifty .btn.is-plain.is-facebook:after {
background: #4c70ba; }
#nifty .btn.is-plain.is-jugem {
background: #008fcf;
color: #fff; }
#nifty .btn.is-plain.is-jugem:hover, #nifty .btn.is-plain.is-jugem:after {
background: #03b1ff; }
#nifty .btn.is-plain.is-underline {
text-decoration: underline; }
#nifty .btn.is-plain.is-underline:hover, #nifty .btn.is-plain.is-underline:after {
text-decoration: none; }
#nifty .btn.is-plus:hover, #nifty .btn.is-plus:active {
background: #f94743;
color: #fff; }
#nifty .btn.is-plus:after {
content: "\E923";
display: block;
position: absolute;
top: 50%;
right: .375em;
width: 1em;
height: 1em;
border-radius: .5em;
font-size: 1.375em;
line-height: 1em;
font-family: IcoMoonGame;
text-align: center;
background: #f94743;
color: #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
#nifty .btn.is-plus > .text {
text-indent: -1em; }
#nifty .btn.is-plain.is-avatar-clothes {
color: #fff;
background: #f86865; }
#nifty .btn.is-plain.is-avatar-clothes:hover, #nifty .btn.is-plain.is-avatar-clothes:active {
color: #fff;
background: #f9807d; }
#nifty .btn.is-plain.is-avatar-clothes:before {
content: "\E921";
display: block;
color: rgba(0, 0, 0, 0.6);
font-size: 1.25em;
font-family: IcoMoonGame;
margin: 0 .25em 0 0; }
#nifty .btn.is-plain.is-avatar-user {
color: #fff;
background: #57c46c; }
#nifty .btn.is-plain.is-avatar-user:hover, #nifty .btn.is-plain.is-avatar-user:active {
color: #fff;
background: #7dd18d; }
#nifty .btn.is-plain.is-avatar-user:before {
content: "\E90B";
display: block;
color: rgba(0, 0, 0, 0.6);
font-size: 1.25em;
font-family: IcoMoonGame;
margin: 0 .25em 0 0; }
#nifty .btn.is-plain.is-avatar-balloon {
color: #fff;
background: #177ebe; }
#nifty .btn.is-plain.is-avatar-balloon:hover, #nifty .btn.is-plain.is-avatar-balloon:active {
color: #fff;
background: #239be5; }
#nifty .btn.is-plain.is-avatar-balloon:before {
content: "\E922";
display: block;
color: rgba(0, 0, 0, 0.6);
font-size: 1.25em;
font-family: IcoMoonGame;
margin: 0 .25em 0 0; }
#nifty .btn-set .hint-set {
height: 2.5em;
margin: 2px 0; }
#nifty .hint-set {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
#nifty .hint-btn {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 1.5em;
height: 1.5em;
background: #bdbdbd;
color: #fff;
font-weight: 700; }
#nifty .hint-btn:before {
content: "";
position: absolute;
top: 50%;
left: 0;
border: solid transparent;
border-right-color: #bdbdbd;
border-width: .325em;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%); }
#nifty .hint-btn:hover {
background: #cacaca; }
#nifty .hint-btn:hover:before {
border-right-color: #cacaca; }
#nifty .modal {
position: fixed;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: transparent;
opacity: 0;
z-index: 10;
visibility: hidden;
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .modal:target {
background: rgba(255, 255, 255, 0.87);
opacity: 1;
visibility: visible; }
#nifty .modal:target .card {
display: block; }
#nifty .modal .card {
display: none;
max-width: 580px;
border: 1px solid rgba(0, 0, 0, 0.12); }
#nifty .modal.is-login .card > .inner {
padding: 48px; }
#nifty .modal.is-login .heading {
margin: 0 0 1em; }
#nifty .badge.is-notice {
display: inline-block;
background: #f94743;
color: #fff;
min-width: 1.5em;
height: 1.5em;
text-align: center;
font-size: 87.5%;
line-height: 1.5em;
border-radius: .75em;
padding: 0 .5em; }
#nifty .badge.is-free {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
vertical-align: top;
width: 4em;
height: 4em;
line-height: 1;
z-index: 1;
padding: 0 0 .15em;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg); }
#nifty .badge.is-free > .icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #f94743;
font-size: 4em;
text-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); }
#nifty .badge.is-free > .icon + *, #nifty .badge.is-free * + .icon {
margin-left: 0; }
#nifty .badge.is-free > .text {
position: relative; }
#nifty .icon-set {
position: relative;
line-height: 1;
width: 3.5em;
height: 3.5em; }
#nifty .icon-set .icon-layer {
position: absolute;
top: 0;
left: 0;
font-size: 3.5em; }
#nifty .icon-set .icon-layer:nth-child(1) {
z-index: 1; }
#nifty .icon-set .icon-layer:nth-child(2) {
z-index: 2; }
#nifty .icon-set .icon-layer:nth-child(3) {
z-index: 3; }
#nifty .icon-set .icon-layer:nth-child(4) {
z-index: 4; }
#nifty .icon-set + .text {
margin: 0 0 0 .3em; }
#nifty .icon-set.is-gamepad.is-free .icon-layer:nth-child(1) {
color: #a4f7a4; }
#nifty .icon-set.is-gamepad.is-free .icon-layer:nth-child(2) {
color: #fff; }
#nifty .icon-set.is-gamepad.is-free .icon-layer:nth-child(3) {
color: #3cd33c; }
#nifty .icon-set.is-gamepad.is-free .icon-layer:nth-child(4) {
color: #3cd33c; }
#nifty .icon-set.is-gamepad.is-ranking .icon-layer:nth-child(1) {
color: #ffe33e; }
#nifty .icon-set.is-gamepad.is-ranking .icon-layer:nth-child(2) {
color: #fff; }
#nifty .icon-set.is-gamepad.is-ranking .icon-layer:nth-child(3) {
color: #d69f45; }
#nifty .icon-set.is-gamepad.is-ranking .icon-layer:nth-child(4) {
color: #d69f45; }
#nifty .icon-set.is-gamepad.is-puzzle .icon-layer:nth-child(1) {
color: #ffb0b0; }
#nifty .icon-set.is-gamepad.is-puzzle .icon-layer:nth-child(2) {
color: #fff; }
#nifty .icon-set.is-gamepad.is-puzzle .icon-layer:nth-child(3) {
color: #f94e4e; }
#nifty .icon-set.is-gamepad.is-puzzle .icon-layer:nth-child(4) {
color: #f94e4e; }
#nifty .icon-set.is-gamepad.is-quiz .icon-layer:nth-child(1) {
color: #efabff; }
#nifty .icon-set.is-gamepad.is-quiz .icon-layer:nth-child(2) {
color: #fff; }
#nifty .icon-set.is-gamepad.is-quiz .icon-layer:nth-child(3) {
color: #c045dd; }
#nifty .icon-set.is-gamepad.is-quiz .icon-layer:nth-child(4) {
color: #c045dd; }
#nifty .icon-set.is-gamepad.is-action .icon-layer:nth-child(1) {
color: #8be8c5; }
#nifty .icon-set.is-gamepad.is-action .icon-layer:nth-child(2) {
color: #fff; }
#nifty .icon-set.is-gamepad.is-action .icon-layer:nth-child(3) {
color: #08c191; }
#nifty .icon-set.is-gamepad.is-action .icon-layer:nth-child(4) {
color: #08c191; }
#nifty .icon-set.is-gamepad.is-variety .icon-layer:nth-child(1) {
color: #c5c5ff; }
#nifty .icon-set.is-gamepad.is-variety .icon-layer:nth-child(2) {
color: #fff; }
#nifty .icon-set.is-gamepad.is-variety .icon-layer:nth-child(3) {
color: #6464ff; }
#nifty .icon-set.is-gamepad.is-variety .icon-layer:nth-child(4) {
color: #6464ff; }
#nifty .icon-set.is-gamepad.is-sports .icon-layer:nth-child(1) {
color: #a4f4ff; }
#nifty .icon-set.is-gamepad.is-sports .icon-layer:nth-child(2) {
color: #fff; }
#nifty .icon-set.is-gamepad.is-sports .icon-layer:nth-child(3) {
color: #0cd7f2; }
#nifty .icon-set.is-gamepad.is-sports .icon-layer:nth-child(4) {
color: #0cd7f2; }
#nifty .icon-set.is-gamepad.is-kids .icon-layer:nth-child(1) {
color: #ffe33e; }
#nifty .icon-set.is-gamepad.is-kids .icon-layer:nth-child(2) {
color: #fff; }
#nifty .icon-set.is-gamepad.is-kids .icon-layer:nth-child(3) {
color: #d69f45; }
#nifty .icon-set.is-gamepad.is-kids .icon-layer:nth-child(4) {
color: #d69f45; }
#nifty .icon-set.is-gamepad.is-dpz .icon-layer:nth-child(1) {
color: #ffe33e; }
#nifty .icon-set.is-gamepad.is-dpz .icon-layer:nth-child(2) {
color: transparent; }
#nifty .icon-set.is-gamepad.is-dpz .icon-layer:nth-child(3) {
color: transparent; }
#nifty .icon-set.is-gamepad.is-dpz .icon-layer:nth-child(3):after {
content: "";
position: absolute;
top: .25em;
left: .245em;
width: .375em;
height: .375em;
background-image: url(/assets/nifty/img/png/z-face.png);
background-size: .375em .375em; }
#nifty .icon-set.is-gamepad.is-dpz .icon-layer:nth-child(4) {
color: #000; }
#nifty .character-layer.is-character-1 {
width: 138px;
height: 147px; }
#nifty .character-layer.is-character-2 {
width: 167px;
height: 95px; }
#nifty .character-layer.is-character-3 {
width: 40px;
height: 61px; }
#nifty .character-layer.is-character-4 {
width: 40px;
height: 61px; }
#nifty .character-layer.is-character-5 {
width: 70px;
height: 54px; }
#nifty .character-layer.is-character-6 {
width: 156px;
height: 123px; }
#nifty .character-layer.is-character-7 {
width: 127px;
height: 185px; }
#nifty .link-img.is-gotop {
width: 88px;
height: 17px; }
#nifty .link-img.is-toroku {
width: 100px;
height: 17px; }
#nifty .tab-set.is-search {
position: relative;
width: 300px; }
#nifty .tab-set.is-search .tab-btn-set {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#nifty .tab-set.is-search .tab-btn {
cursor: pointer;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top;
height: 2em;
color: #f94743;
background: transparent;
border: none;
font-weight: 700;
line-height: 2em;
padding: 0 .5em;
margin: 0; }
#nifty .tab-set.is-search .tab-btn:hover {
color: rgba(0, 0, 0, 0.87);
background: #fee; }
#nifty .tab-set.is-search .tab-btn.is-active, #nifty .tab-set.is-search .tab-btn.is-active:hover {
cursor: default;
color: #fff;
background: #f94743; }
#nifty .tab-set.is-search .tab-content {
padding: 10px; }
#nifty .tab-set.is-search .tab-content > * + * {
margin: .5em 0 0; }
#nifty .tab-set.is-search .tab-content .text {
font-size: 87.5%;
line-height: 1.4; }
#nifty .search-set {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%; }
#nifty .search-input {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
background: #eee;
border: 1px solid rgba(0, 0, 0, 0.4);
max-width: 100%;
height: 2.5em;
text-indent: .5em; }
#nifty .search-input:placeholder-shown {
color: rgba(0, 0, 0, 0.4); }
#nifty .search-input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4); }
#nifty .search-input:-moz-placeholder {
opacity: 1;
color: rgba(0, 0, 0, 0.4); }
#nifty .search-input::-moz-placeholder {
opacity: 1;
color: rgba(0, 0, 0, 0.4); }
#nifty .search-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4); }
#nifty .search-btn {
cursor: pointer;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
height: 2.5em;
padding: 0 .5em;
border: 0;
border-radius: 0 3px 3px 0;
background: #000;
color: #fff;
font-weight: 700; }
#nifty .alert:not(:last-child) {
margin: 0 0 5px; }
#nifty .alert.is-default {
background: #ebfcf1;
border: 1px solid #7dd18d;
padding: 10px; }
#nifty .alert .alert-list {
padding: 0 0 0 .5em; }
#nifty .alert .alert-list > .alert-list-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
#nifty .alert .alert-list > .alert-list-item:before {
content: "\E920";
font-family: IcoMoonGame;
color: #f94743; }
#nifty .alert .alert-list > .alert-list-item .text.is-link {
color: #0056a3; }
#nifty .alert.is-coupon, #nifty .alert.is-bingo, #nifty .alert.is-message {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .alert.is-coupon, #nifty .alert.is-bingo {
background: #ffe6fa;
border: 1px solid #e696fa; }
#nifty .alert.is-coupon:hover, #nifty .alert.is-bingo:hover {
background: #ffccf5; }
#nifty .alert.is-message {
background: #fff4c8;
border: 1px solid #ffbe00; }
#nifty .alert.is-message:hover {
background: #ffefae; }
#nifty .alert.is-coupon:before, #nifty .alert.is-bingo:before, #nifty .alert.is-message:before {
content: "";
display: block;
width: 85px;
height: 22px;
background-size: 85px 22px;
margin: 0 .5em 0 .25em; }
#nifty .alert.is-coupon:before {
background-image: url(/assets/nifty/img/png/mark-coupon.png); }
#nifty .alert.is-bingo:before {
background-image: url(/assets/nifty/img/png/mark-bingo.png); }
#nifty .alert.is-message:before {
background-image: url(/assets/nifty/img/png/mark-message.png); }
#nifty .mygame-frame {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff;
border-top: 1px solid #e0e0e0;
border-left: 4px solid #f94743;
border-right: 4px solid #f94743;
border-bottom: 1px solid #e0e0e0;
margin: 0 0 10px; }
#nifty .mygame-frame .mygame-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
background: #fff;
padding: 9px 7px;
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .mygame-frame .mygame-item .mygame-thumb {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 60px;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
max-width: 60px;
width: 60px;
height: 42px;
background-size: cover;
background-position: center center;
margin: 0 5px 0 0; }
#nifty .mygame-frame .mygame-item .mygame-thumb:before, #nifty .mygame-frame .mygame-item .mygame-thumb:after {
position: absolute;
opacity: 0;
-webkit-transition: ease-out .2s;
transition: ease-out .2s; }
#nifty .mygame-frame .mygame-item .mygame-thumb:before {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 1; }
#nifty .mygame-frame .mygame-item .mygame-thumb:after {
content: "PLAY!";
position: absolute;
top: 50%;
left: 50%;
font-size: 11px;
font-weight: 700;
color: #fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2; }
#nifty .mygame-frame .mygame-item .mygame-title {
font-size: 13px;
font-weight: 700;
line-height: 1.4;
text-decoration: underline; }
#nifty .mygame-frame .mygame-item:hover {
background: #eee; }
#nifty .mygame-frame .mygame-item:hover .mygame-thumb:before, #nifty .mygame-frame .mygame-item:hover .mygame-thumb:after {
opacity: 1; }
#nifty .mygame-frame .mygame-item:hover .mygame-title {
text-decoration: none; }
#nifty .cocolog {
font-size: 85%;
text-align: center;
line-height: 1.2; }
#nifty .cocolog div.common_wrapper {
background: url(/images/wrapper_bg.gif) top center repeat-y;
min-width: 950px; }
#nifty .cocolog div.common_container {
width: 950px;
margin: 0 auto;
text-align: left; }
#nifty .cocolog div#commonHeader {
background-color: #333;
font-size: 82%;
color: #fff;
margin-bottom: 10px; }
#nifty .cocolog div#commonHeader div#commonHeadLogo {
padding-right: 5px; }
#nifty .cocolog div#commonHeader div#commonHeadLogo div a {
display: block;
float: left;
margin: 0; }
#nifty .cocolog div#commonHeader div#commonHeadLogo div a.icon {
margin: 0 0 0 5px; }
#nifty .cocolog div#commonHeader div#commonHeadLogo div a.niftyLogo {
margin: 0; }
#nifty .cocolog div#commonHeader div#commonHeadLogo div ul {
float: right;
text-align: right;
font-size: small;
padding: 0;
padding-right: 5px;
padding-top: 3px; }
#nifty .cocolog div#commonHeader div#commonHeadLogo div ul li {
float: left; }
#nifty .cocolog div#commonHeader div#commonHeadLogo div ul li a {
color: #fff;
padding-left: 5px; }
#nifty .cocolog div#commonHeader div#commonHeadLogo div span a {
margin: 3px 0 0; }
#nifty .cocolog #headBnn {
padding-bottom: 5px;
margin: 0 0 0 4px;
text-align: center; }
#nifty .cocolog #headBnn div {
margin: 0 auto; }
#nifty .cocolog div#commonHeadUserNav {
width: 948px;
padding: 6px 0 5px;
background: #fbfbfb url(/images/head_usernav_bg.gif) repeat-x left top;
font-size: small; }
#nifty .cocolog div#commonHeadUserNav p {
float: left;
width: 430px;
margin-right: 10px; }
#nifty .cocolog div#commonHeadUserNav p span {
padding-left: 12px;
display: block; }
#nifty .cocolog div#commonHeadUserNav ul {
float: right;
width: 490px;
text-align: right; }
#nifty .cocolog div#commonHeadUserNav ul li {
display: inline;
padding: 0 12px 0 0; }
#nifty .cocolog div#commonHeadUserNav ul li a {
padding: 3px 0 3px 20px;
zoom: 1; }
#nifty .cocolog div#commonHeadUserNav ul li.about a {
background: url(/images/ico_headernavi_about.gif) no-repeat left center; }
#nifty .cocolog div#commonHeadUserNav ul li.support a {
background: url(/images/ico_headernavi_support.gif) no-repeat left center; }
#nifty .cocolog div#commonHeadUserNav ul li.new a {
background: url(/images/ico_headernavi_new.gif) no-repeat left center; }
#nifty .cocolog div#commonHeadUserNav ul li.login a {
background: url(/images/ico_headernavi_login.gif) no-repeat left center; }
#nifty .cocolog div#commonHeadNav {
border-left: #dea303 1px solid;
border-right: #dea303 1px solid;
background: url(/images/headnavi_bg.gif) repeat-x 0 0; }
#nifty .cocolog div#commonHeadNav ul li {
float: left; }
#nifty .cocolog div#footer {
border-top: #fabf00 4px solid;
padding: 15px 0 20px;
width: 948px;
margin: 0;
text-align: center;
font-size: small; }
#nifty .cocolog div#commonHeadNav ul:after, #nifty .cocolog div#commonHeadUserNav:after, #nifty .cocolog div#commonHeadNav:after, #nifty .cocolog div#commonHeader div#commonHeadLogo:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden; }
#nifty .cocolog div#commonHeadNav ul, #nifty .cocolog div#commonHeadUserNav, #nifty .cocolog div#commonHeadNav, #nifty .cocolog div#commonHeader div#commonHeadLogo {
display: inline-block; }
#nifty .cocolog div#commonHeadNav ul, #nifty .cocolog div#commonHeadUserNav, #nifty .cocolog div#commonHeadNav, #nifty .cocolog div#commonHeader div#commonHeadLogo {
display: block; }
#nifty .cocolog h1, #nifty .cocolog h2, #nifty .cocolog h3, #nifty .cocolog h4, #nifty .cocolog h5, #nifty .cocolog h6 {
font-weight: 700; }
#nifty .cocolog img {
vertical-align: top; }
#nifty .cocolog hr {
display: none; }
#nifty .cocolog em, #nifty .cocolog em a {
font-weight: 700; }
#nifty .cocolog address {
font-style: normal; }
#nifty .cocolog ul, #nifty .cocolog ol {
list-style: none; }
#nifty .cocolog .dispNone, #nifty .cocolog .skipNav {
display: none;
display: block;
position: absolute;
top: -500px;
left: -2500px;
font-size: 0;
color: #000; }
#nifty .cocolog .dispNone a, #nifty .cocolog .skipNav a, #nifty .cocolog .dispNone a:visited, #nifty .cocolog .skipNav a:visited {
color: #000; }
#nifty .cocolog .clearBoth {
clear: both; }
#nifty .cocolog .pkg:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden; }
#nifty .cocolog .pkg {
display: inline-block; }
#nifty .cocolog .pkg {
display: block; }
#nifty .cocolog #wrapper {
width: 950px;
margin: 0 auto;
text-align: left;
background-color: #fff;
min-height: 100%; }
#nifty .cocolog #body {
background: transparent url(/images/bg.gif) repeat-y scroll center center; }
#nifty .cocolog #container {
margin: 10px 0; }
#nifty .cocolog #container02 {
margin: 15px;
font-size: 100%; }
#nifty .cocolog #footer {
border-top: #ffb30d 3px solid;
padding: 15px 0 0; }
#nifty .cocolog #footer-links {
text-align: center;
border-top: 4px solid #fabf00; }
#nifty .cocolog .box_01 {
background: url(/images/frame_bg.gif) repeat-y center;
margin-bottom: 10px;
width: 605px; }
#nifty .cocolog .box_sp {
border: 1px solid #999;
margin: 20px 0;
width: 920px; }
#nifty .cocolog .box_sp_w {
border: 1px solid #999;
margin: 20px 0 5px;
width: 920px; }
#nifty .cocolog .box_sp h3 {
background: #f2cb63; }
#nifty .cocolog .box_sp_w h3 {
background: #f2cb63; }
#nifty .cocolog .box_02 {
padding: 0 0 10px;
margin-bottom: 20px; }
#nifty .cocolog .box_03 {
background: url(/images/box03_main.gif) repeat-y center;
margin-bottom: 20px;
color: #333; }
#nifty .cocolog .box_main {
padding: 10px 10px 5px; }
#nifty .cocolog .sidebar_box .box_main {
width: 280px; }
#nifty .cocolog .box_main ul {
width: auto;
overflow: hidden;
margin: 0; }
#nifty .cocolog .formbox_error ul {
width: auto; }
#nifty .cocolog .box_sp .box_main {
padding: 0 10px 20px; }
#nifty .cocolog .box_main li.question {
overflow: hidden; }
#nifty .cocolog .box_main li.tip {
overflow: hidden; }
#nifty .cocolog .pagination, #nifty .cocolog .box_center {
text-align: center;
margin: 10px 0 20px; }
#nifty .cocolog .box_center02 {
text-align: center;
margin: 10px 0 0; }
#nifty .cocolog .box_tag {
background: url(/images/tag.gif) no-repeat left top;
padding: 18px 15px 12px 22px;
border: 1px solid #c5c5c5;
margin-bottom: 10px;
font-size: 85%; }
#nifty .cocolog .box_tag a {
margin: 0 10px; }
#nifty .cocolog .box_line {
border-bottom: 1px dashed #cfcfcf;
padding: 20px 5px; }
#nifty .cocolog .formbox_top {
border-bottom: 1px dashed #ccc;
padding: 10px 5px 20px; }
#nifty .cocolog .formbox_inside {
border-bottom: 1px dashed #ccc;
padding: 20px 5px; }
#nifty .cocolog .formbox_bottom {
padding: 20px 5px 10px; }
#nifty .cocolog .formbox_error {
background: #f6f4ed;
border: 1px solid #ccc;
padding: 15px;
margin: 10px 5px 20px 0; }
#nifty .cocolog .box_error {
background: #f6f4ed;
border: 1px solid #ccc;
padding: 20px 30px;
margin: 50px 0; }
#nifty .cocolog .box_error .fc_black {
background: url(/images/error_icon.gif) no-repeat left top;
padding: 5px 0 5px 35px;
font-size: medium; }
#nifty .cocolog .field_with_errors input, #nifty .cocolog .field_with_errors textarea, #nifty .cocolog .field_with_errors select, #nifty .cocolog .field_with_errors label {
background-color: #ffaeae; }
#nifty .cocolog div.field_with_errors {
display: inline; }
#nifty .cocolog #flash_notice {
background: #f6f4ed;
border: 1px solid #ffc000;
padding: 10px;
margin: 10px 5px 20px 0;
color: #f30; }
#nifty .cocolog #flash_notice_green {
background: #d6e9c6;
border: 1px solid #468847;
padding: 10px;
margin: 10px 5px 20px 0;
color: #468847; }
#nifty .cocolog #toppage_flash_notice {
background: #f6f4ed;
border: 1px solid #ffc000;
padding: 10px;
margin: 0 5px 5px 0;
color: #f30; }
#nifty .cocolog .box_main_l {
float: left;
width: 85px;
font-weight: 700; }
#nifty .cocolog .box_main_r {
float: right;
width: 470px;
overflow: hidden; }
#nifty .cocolog .user_main_l {
float: left;
width: 110px;
font-weight: 700; }
#nifty .cocolog .user_main_r {
float: right;
width: 430px; }
#nifty .cocolog .button_l {
display: inline;
margin: 0 10px 0 0;
width: 207px; }
#nifty .cocolog .button_r {
display: inline;
width: 207px; }
#nifty .cocolog .formbox_error li {
margin: 5px 0 5px 15px;
list-style-type: disc;
color: #f30; }
#nifty .cocolog .formbox_error .fc_black {
background: url(/images/error_icon.gif) no-repeat left;
padding: 5px 0 5px 35px;
font-size: medium; }
#nifty .cocolog .prev_page, #nifty .cocolog .page_back {
background: url(/images/paging_back.gif) no-repeat left;
padding: 5px 0 5px 20px;
display: inline;
margin-right: 15px; }
#nifty .cocolog .next_page, #nifty .cocolog .page_next {
background: url(/images/paging_next.gif) no-repeat right;
padding: 5px 20px 5px 0;
display: inline;
margin-left: 15px; }
#nifty .cocolog .form_lineup {
display: inline; }
#nifty .cocolog h1 {
display: inline;
margin: 0;
font-size: small;
font-weight: 400; }
#nifty .cocolog h2 {
font-size: medium;
color: #5a2e00; }
#nifty .cocolog h3 {
background: url(/images/h3_bg.gif) no-repeat top;
padding: 10px 0 7px 15px;
color: #5a2e00;
font-size: small; }
#nifty .cocolog h3 a:link, #nifty .cocolog h3 a:visited {
color: #333;
font-size: small;
text-decoration: underline; }
#nifty .cocolog h3 a:hover, #nifty .cocolog h3 a:active {
color: #333;
font-size: small;
text-decoration: none; }
#nifty .cocolog .h3_02 {
background: url(/images/h3_bg.gif) no-repeat top;
padding: 10px 0 7px 15px;
color: #5a2e00;
font-size: medium; }
#nifty .cocolog h4 {
color: #333;
font-size: small; }
#nifty .cocolog h4 a:link, #nifty .cocolog h4 a:visited {
color: #333;
font-size: small;
text-decoration: underline; }
#nifty .cocolog h4 a:hover, #nifty .cocolog h4 a:active {
color: #333;
font-size: small;
text-decoration: none; }
#nifty .cocolog .h4_02 {
font-size: medium;
font-weight: 700;
color: #333;
margin: 35px 0 0; }
#nifty .cocolog h5 {
font-size: 100%; }
#nifty .cocolog h6 {
font-size: 100%; }
#nifty .cocolog a {
text-decoration: underline; }
#nifty .cocolog a:link {
text-decoration: underline;
color: #0062ce; }
#nifty .cocolog a:visited {
text-decoration: underline;
color: #0062ce; }
#nifty .cocolog a:hover, #nifty .cocolog a:active {
text-decoration: none;
color: #0062ce; }
#nifty .cocolog ul {
list-style: none; }
#nifty .cocolog img {
border: none; }
#nifty .cocolog .textbox1, #nifty .cocolog .textbox2, #nifty .cocolog .textbox3, #nifty .cocolog .textbox4, #nifty .cocolog .textbox5, #nifty .cocolog .textbox6, #nifty .cocolog .textbox_none {
border: 1px solid #afafaf;
background-color: #f5f5f5;
padding: 1px; }
#nifty .cocolog .textbox1 {
width: 200px; }
#nifty .cocolog .textbox2 {
width: 98%; }
#nifty .cocolog .textbox3 {
width: 50%; }
#nifty .cocolog .textbox4 {
width: 4em; }
#nifty .cocolog .textbox5 {
width: 74px;
height: 12px; }
#nifty .cocolog .textbox6 {
width: 140px; }
#nifty .cocolog .textbox1:focus, #nifty .cocolog .textbox2:focus, #nifty .cocolog .textbox3:focus, #nifty .cocolog .textbox4:focus, #nifty .cocolog .textbox5:focus, #nifty .cocolog .textbox6:focus, #nifty .cocolog .textbox_none:focus {
border-color: #7f9db9;
background-color: #fff; }
#nifty .cocolog .submit_1btn {
margin-top: 20px;
text-align: center; }
#nifty .cocolog .submit_2btn {
margin-top: 20px; }
#nifty .cocolog .submit_2btn .l {
width: 40%;
text-align: right; }
#nifty .cocolog .submit_2btn .r {
width: 40%; }
#nifty .cocolog .next_pre {
margin-top: 20px;
font-size: 85%; }
#nifty .cocolog .next_pre .l {
padding-left: 10px;
background: url(/common_img/orange_triangle_left.gif) center left no-repeat; }
#nifty .cocolog .next_pre .r {
padding-right: 10px;
background: url(/common_img/orange_triangle_right.gif) center right no-repeat; }
#nifty .cocolog .l {
float: left; }
#nifty .cocolog .r {
float: right; }
#nifty .cocolog .lr_box:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
#nifty .cocolog * html .lr_box {
height: 1%; }
#nifty .cocolog .lr_box {
display: block; }
#nifty .cocolog #top_navi {
margin-top: 5px;
padding-left: 114px;
width: 556px;
height: 22px;
background: url(/common_img/navi.gif) no-repeat;
background-position: 114px -22px;
text-indent: -9999px; }
#nifty .cocolog #top_navi li {
float: left;
width: 111px; }
#nifty .cocolog #top_navi li a {
display: block;
overflow: hidden;
width: 100%;
height: 0 !important;
height: 22px;
padding-top: 22px;
background-image: url(/common_img/navi.gif); }
#nifty .cocolog #top_navi01 a {
background-position: 0 0; }
#nifty .cocolog #top_navi02 a {
background-position: -111px 0; }
#nifty .cocolog #top_navi03 a {
background-position: -222px 0; }
#nifty .cocolog #top_navi04 a {
background-position: -333px 0; }
#nifty .cocolog #top_navi05 a {
background-position: -444px 0; }
#nifty .cocolog #top_navi01 a:hover {
background-position: 0 -22px; }
#nifty .cocolog #top_navi02 a:hover {
background-position: -111px -22px; }
#nifty .cocolog #top_navi03 a:hover {
background-position: -222px -22px; }
#nifty .cocolog #top_navi04 a:hover {
background-position: -333px -22px; }
#nifty .cocolog #top_navi05 a:hover {
background-position: -444px -22px; }
#nifty .cocolog .pankuzu {
padding-top: 10px;
padding-bottom: 7px;
padding-left: 12px;
background: url(/mytop../images/common/green_triangle.gif) center left no-repeat; }
#nifty .cocolog .pankuzu p {
font-size: 85%; }
#nifty .cocolog .fsize_s {
font-size: 85%; }
#nifty .cocolog .fsize_s_bold_pink {
font-size: 85%;
font-weight: 700;
color: #f0f; }
#nifty .cocolog .fsize_m_bold_pink {
font-size: 100%;
font-weight: 700;
color: #f0f; }
#nifty .cocolog .vmd {
vertical-align: middle; }
#nifty .cocolog .marginbottom5 {
margin-bottom: 5px; }
#nifty .cocolog .margintop10 {
margin-top: 10px; }
#nifty .cocolog .clear {
clear: both; }
#nifty .cocolog .clear10 {
clear: both;
height: 10px; }
#nifty .cocolog .bg_happyougray {
background-color: #f3f3f3; }
#nifty .cocolog .red {
color: red; }
#nifty .cocolog .redb {
color: red;
font-weight: 700; }
#nifty .cocolog .blueb {
color: #33f;
font-weight: 700; }
#nifty .cocolog .blue {
color: #33f; }
#nifty .cocolog .redb150 {
color: red;
font-weight: 700;
font-size: 150%; }
#nifty .cocolog .b150 {
font-size: 150%;
font-weight: 700; }
#nifty .cocolog .redb200 {
color: red;
font-weight: 700;
font-size: 200%; }
#nifty .cocolog .b200 {
font-size: 200%;
font-weight: 700; }
#nifty .cocolog .b85 {
font-size: 85%;
font-weight: 700; }
#nifty .cocolog .fsize85 {
font-size: 85%; }
#nifty .cocolog .pink {
color: #fd81b3; }
#nifty .cocolog .koipink85 {
font-size: 85%;
font-weight: 700;
color: #f39; }
#nifty .cocolog .koipink {
color: #f39; }
#nifty .cocolog .bkoipink {
color: #f39;
font-weight: 700; }
#nifty .cocolog .bg_blue {
background-color: #e7eaff; }
#nifty .cocolog .color_green {
color: #390; }
#nifty .cocolog .orange {
color: #ff6c00;
font-weight: 400; }
#nifty .cocolog .borange {
color: #ff6c00;
font-weight: 700; }
#nifty .cocolog .bold_only {
font-weight: 700; }
#nifty .cocolog .test_l {
background-color: #eefff7; }
#nifty .cocolog .test_r {
background-color: #fff0f8; }
#nifty .cocolog .t_center {
text-align: center; }
#nifty .cocolog .hissu {
color: #f00;
font-size: 85%;
font-weight: 400; }
#nifty .cocolog .text_l {
text-align: left; }
#nifty .cocolog .text_c {
text-align: center; }
#nifty .cocolog .text_r {
text-align: right; }
#nifty .cocolog ul {
margin: 10px 0; }
#nifty .cocolog .common_wrapper ul {
margin: 0; }
#nifty .cocolog .more {
background: url(/images/allow.gif) no-repeat right;
text-align: right;
padding: 1px 20px;
margin-bottom: 10px; }
#nifty .cocolog .more-no-icon {
text-align: right;
padding: 1px 20px;
margin-bottom: 10px; }
#nifty .cocolog .more01 {
background: url(/images/allow.gif) no-repeat right;
text-align: right;
padding: 1px 20px;
padding-left: 0;
margin-bottom: 10px; }
#nifty .cocolog .more02 {
background: url(/images/allow.gif) no-repeat right;
text-align: right;
padding: 1px 20px;
margin: 5px 0 0; }
#nifty .cocolog .more03 {
background: url(/images/allow.gif) no-repeat right;
text-align: right;
padding: 1px 20px;
margin: 5px 0 30px; }
#nifty .cocolog .bg_y {
background: url(/images/bg_yellow.gif) repeat-y left top;
padding: 4px 5px;
margin: 2px 0 5px; }
#nifty .cocolog .bg_b {
background: url(/images/bg_blue.gif) repeat-y left top;
padding: 4px 5px;
margin: 2px 0 5px; }
#nifty .cocolog .bg_o {
background: url(/images/bg_orange.gif) repeat-y left top;
padding: 4px 5px;
margin: 15px 0 5px; }
#nifty .cocolog .bg_faq {
background: url(/images/bg_faq.gif) repeat-y left top;
padding: 4px 5px;
margin: 2px 0 5px; }
#nifty .cocolog .light-y_bg h4 {
float: left; }
#nifty .cocolog .rss01 {
background: url(/images/icon_rss.gif) no-repeat left;
text-align: right;
padding-left: 15px;
float: right;
width: 20px; }
#nifty .cocolog .rss02 {
background: url(/images/icon_rss.gif) no-repeat left;
text-align: right;
padding: 0 0 0 15px; }
#nifty .cocolog #footpath {
overflow: hidden;
float: left; }
#nifty .cocolog #gadget_inner #footpath {
margin: 0 13px;
overflow: hidden; }
#nifty .cocolog #footpath_sp {
margin: 10px 0; }
#nifty .cocolog #footpath_sp span {
margin: 0 10px; }
#nifty .cocolog .entry {
line-height: 140%;
padding-left: 10px;
margin-bottom: 10px;
width: 490px;
overflow: hidden; }
#nifty .cocolog .entry_line {
line-height: 140%;
padding: 10px 5px;
margin-bottom: 10px;
border-bottom: 1px dashed #ccc;
width: 575px;
overflow: hidden; }
#nifty .cocolog .entry li {
margin: 5px 0; }
#nifty .cocolog p.posted {
text-align: right;
padding: 10px 10px 0;
border-top: #c5c5c5 1px solid;
font-size: x-small; }
#nifty .cocolog p.posted02 {
text-align: right;
padding: 0 10px;
font-size: x-small; }
#nifty .cocolog .posted02 {
padding: 0 10px;
font-size: x-small; }
#nifty .cocolog .separator {
font-size: x-small; }
#nifty .cocolog .footer_custom_fields {
padding: 0 0 10px 50px; }
#nifty .cocolog .post-name {
background: url(/images/hito.gif) no-repeat left;
padding: 3px 0 3px 12px;
text-align: right; }
#nifty .cocolog .post-push {
background: url(/images/push_button.gif) no-repeat left;
padding: 3px 0 3px 16px; }
#nifty .cocolog .post-interpot {
background: url(/images/interpot_icon.gif) no-repeat left;
padding: 3px 0 3px 16px; }
#nifty .cocolog .today-like {
background: url(/images/like-fukidashi.gif) no-repeat left;
padding: 3px 0 3px 16px; }
#nifty .cocolog .present {
font-weight: 700; }
#nifty .cocolog .form_lineup div {
display: inline; }
#nifty .cocolog .side_btn {
text-align: center;
margin: 15px 0; }
#nifty .cocolog .btn_c {
margin: 30px 60px 15px 77px; }
#nifty .cocolog .side_contents {
border: #ccc 1px solid;
margin: 10px 0 0; }
#nifty .cocolog .side_header {
background: url(/images/bg_orange.gif) repeat-y center top;
padding: 3px 10px; }
#nifty .cocolog .side_main {
padding: 5px 0 0; }
#nifty .cocolog .side_main .question {
width: 220px;
overflow: hidden; }
#nifty .cocolog .side_main .tip {
width: 220px;
overflow: hidden; }
#nifty .cocolog .box_02 .question {
width: 550px;
overflow: hidden; }
#nifty .cocolog .box_02 .tip {
width: 550px;
overflow: hidden; }
#nifty .cocolog div.headNav {
background: #fff url(/images/headnav_bg.gif) repeat-x scroll top;
padding: 7px 15px 3px;
width: 920px;
margin-bottom: 10px;
font-size: 120%; }
#nifty .cocolog .headNav p {
float: left;
margin-right: 10px;
padding: 3pt 0 3px;
width: 250px; }
#nifty .cocolog div#contentsTop {
background-image: none;
border-bottom: 4px solid #ffb30d;
padding: 0; }
#nifty .cocolog div.headNav ul {
float: left;
padding: 3pt 0 0;
text-align: right;
width: 919px;
margin: 0; }
#nifty .cocolog div.headNav ul li {
display: inline;
padding: 4px 0 0 14px; }
#nifty .cocolog div.headNav ul li a {
display: inline;
padding: 4px 0 3px 21px; }
#nifty .cocolog div.headNav ul li.headNavQuestion a {
background: url(/images/hd_icon_question.gif) no-repeat left;
height: 18px; }
#nifty .cocolog div.headNav ul li.headNavknowhow a {
background: url(/images/hd_icon_kh.gif) no-repeat left;
height: 18px; }
#nifty .cocolog div.headNav ul li.headNavLogin a {
background: url(/images/hd_icon_login.gif) no-repeat left;
height: 18px; }
#nifty .cocolog div.headNav ul li.headNavRegister a {
background: url(/images/hd_icon_register.gif) no-repeat left;
height: 18px; }
#nifty .cocolog .explanation {
font-size: small;
margin: 10px 0; }
#nifty .cocolog p.textarea {
float: right;
width: 230px;
text-align: right;
margin: 0;
padding: 0; }
#nifty .cocolog #header_search {
width: 200px;
display: inline; }
#nifty .cocolog #header_search:focus {
background-color: #f9f8e4; }
#nifty .cocolog .first_search {
width: 200px; }
#nifty .cocolog .sidebar_list {
margin: 0;
padding: 5px 0 5px 53px; }
#nifty .cocolog .question {
background: url(/images/icon_answer_waiting.gif) no-repeat left;
margin: 0;
padding: 5px 0 5px 53px; }
#nifty .cocolog .answer {
margin: 0;
padding-left: 10px; }
#nifty .cocolog .fixed_question {
background: url(/images/icon_resolution.gif) no-repeat left;
margin: 0;
padding: 5px 0 5px 53px; }
#nifty .cocolog .interrogator {
background: url(/images/icon_interrogator.gif) no-repeat left;
margin: 0;
padding: 5px 0 5px 53px;
overflow: hidden; }
#nifty .cocolog .tip {
background: url(/images/icon_knowhow.gif) no-repeat left;
margin: 0;
padding: 5px 0 5px 53px; }
#nifty .cocolog .comment {
margin: 0;
padding: 5px 0 5px 53px; }
#nifty .cocolog .faq {
background: url(/images/icon_officialFAQ.gif) no-repeat left;
margin: 0;
padding: 5px 0 5px 30px;
margin-left: 2px; }
#nifty .cocolog .check {
background: url(/images/icon_check.gif) no-repeat left;
margin: 0;
padding: 8px 0 8px 53px;
border-bottom: 1px dashed #999;
min-height: 30px; }
#nifty .cocolog .check_bottom {
border-bottom: none; }
#nifty .cocolog .box_03 .answer, #nifty .cocolog .box_03 .interrogator {
font-weight: 700; }
#nifty .cocolog div.entries, #nifty .cocolog div.faqs {
background: url(/images/h2_faq_bg.gif) no-repeat top;
margin: 0 0 10px;
padding: 17px; }
#nifty .cocolog div.entries h2, #nifty .cocolog div.faqs h2 {
color: #005643; }
#nifty .cocolog div.tips {
background: url(/images/h2_tips_bg.gif) no-repeat top;
margin: 0 0 10px;
padding: 17px; }
#nifty .cocolog div.tips h2 {
color: #005e90; }
#nifty .cocolog .margin_h3 {
margin: 25px 0 0; }
#nifty .cocolog .h3_question {
background: url(/images/h3_bg_que.gif) no-repeat top;
padding: 15px 15px 12px 80px; }
#nifty .cocolog .h3_fixed_question {
background: url(/images/h3_bg_reso.gif) no-repeat top;
padding: 15px 15px 12px 80px; }
#nifty .cocolog .h3_tip {
background: url(/images/h3_bg_know.gif) no-repeat top;
padding: 15px 15px 12px 80px; }
#nifty .cocolog .h3_answer {
background: url(/images/h3_bg_ans.gif) no-repeat top;
padding: 15px 15px 12px 80px; }
#nifty .cocolog .h3_comment {
background: url(/images/h3_bg_comm.gif) no-repeat top;
padding: 15px 15px 12px 80px; }
#nifty .cocolog .h3_faq {
background: #abeae8 url(/images/h3_bg_faq.gif) no-repeat center top;
padding: 10px 0 7px 15px; }
#nifty .cocolog .category-top {
background: url(/images/cate_frame_top.gif) no-repeat center top;
margin: 50px 0 0;
padding: 10px 0 0;
color: #333; }
#nifty .cocolog .category-body {
background: url(/images/cate_frame_bg.gif) repeat-y center top;
padding: 0 10px 10px;
font-size: 90%; }
#nifty .cocolog .category-body h3 {
color: #999;
border-bottom: 1px solid #999;
background: none;
padding: 5px 0; }
#nifty .cocolog .category-bottom {
background: url(/images/cate_frame_bottom.gif) no-repeat center top;
height: 9px;
margin: 0 0 20px;
padding: 0; }
#nifty .cocolog .cate_left {
float: left;
width: 175px; }
#nifty .cocolog .cate_right {
float: right;
width: 390px; }
#nifty .cocolog .category-body ul {
margin: 0;
padding: 5px 0 0; }
#nifty .cocolog .category-body li {
float: left;
padding: 0 0 0 7px;
margin: 0;
margin-bottom: 5px;
line-height: 140%;
width: 180px;
background: url(/images/cate_list.gif) no-repeat left 6px; }
#nifty .cocolog h3.h3_question a, #nifty .cocolog h3.h3_question a:link, #nifty .cocolog h3.h3_question a:active, #nifty .cocolog h3.h3_question a:visited, #nifty .cocolog h3.h3_answer a, #nifty .cocolog h3.h3_answer a:link, #nifty .cocolog h3.h3_answer a:active, #nifty .cocolog h3.h3_answer a:visited {
color: #5a2e00;
font-size: 120%;
text-decoration: underline; }
#nifty .cocolog h3.h3_fixed_question a, #nifty .cocolog h3.h3_fixed_question a:link, #nifty .cocolog h3.h3_fixed_question a:active, #nifty .cocolog h3.h3_fixed_question a:visited {
color: #5a2e00;
font-size: 120%;
text-decoration: underline; }
#nifty .cocolog h3.h3_faq a, #nifty .cocolog h3.h3_faq a:link, #nifty .cocolog h3.h3_faq a:active, #nifty .cocolog h3.h3_faq a:visited {
color: #005643;
font-size: 120%;
text-decoration: underline; }
#nifty .cocolog h3.h3_tip a, #nifty .cocolog h3.h3_tip a:link, #nifty .cocolog h3.h3_tip a:active, #nifty .cocolog h3.h3_tip a:visited, #nifty .cocolog h3.h3_comment a, #nifty .cocolog h3.h3_comment a:link, #nifty .cocolog h3.h3_comment a:active, #nifty .cocolog h3.h3_comment a:visited {
color: #005e90;
font-size: 120%;
text-decoration: underline; }
#nifty .cocolog #thread-recoomendations h3.light-y_bg {
background: url(/images/h3_thread_recoomend.gif) no-repeat left top;
margin: 15px 0 5px;
padding: 7px 5px 0 40px;
height: 28px; }
#nifty .cocolog h3.questionnaire {
background: url(/images/h3_questionnaire.gif) no-repeat left top;
padding: 8px 0 10px 60px;
margin-bottom: 10px;
color: #333; }
#nifty .cocolog .box_main div.entry h4 {
background: #ededed;
border-left: 4px solid #018c87;
padding: 3px 10px;
margin: 5px 0;
color: #005f5b;
font-size: 110%; }
#nifty .cocolog .sub_navigation {
border-bottom: 1px solid #ccc;
border-left: 4px solid #ccc;
margin: 12px 0 0 5px;
padding: 5px; }
#nifty .cocolog h4.sub_navigation a, #nifty .cocolog h4.sub_navigation a:link {
color: #005643; }
#nifty .cocolog .box_main div.entry h5 {
color: #16928d;
border-bottom: 1px solid #018c87;
margin: 12px 0 8px;
padding: 0;
font-size: 100%; }
#nifty .cocolog .step01 {
background: url(/images/step_01.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step02 {
background: url(/images/step_02.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step03 {
background: url(/images/step_03.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step04 {
background: url(/images/step_04.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step05 {
background: url(/images/step_05.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step06 {
background: url(/images/step_06.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step07 {
background: url(/images/step_07.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step08 {
background: url(/images/step_08.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step09 {
background: url(/images/step_09.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step10 {
background: url(/images/step_10.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step11 {
background: url(/images/step_11.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step12 {
background: url(/images/step_12.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step13 {
background: url(/images/step_13.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step14 {
background: url(/images/step_14.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step15 {
background: url(/images/step_15.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step16 {
background: url(/images/step_16.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step17 {
background: url(/images/step_17.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step18 {
background: url(/images/step_18.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step19 {
background: url(/images/step_19.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .step20 {
background: url(/images/step_20.gif) no-repeat left top;
width: 570px;
padding: 40px 0 0 5px;
margin: 10px 0; }
#nifty .cocolog .one_point {
background: #ffedde url(/images/one_point.gif) no-repeat center top;
margin: 15px 0;
padding: 50px 15px 15px;
font-weight: 400;
color: #333; }
#nifty .cocolog .attention {
background: #f7eded url(/images/attention.gif) no-repeat 8px 8px;
margin: 0;
padding: 40px 15px 15px;
border-left: #db0000 4px solid; }
#nifty .cocolog .important_box {
background: #ebf0f5 url(/images/important.gif) no-repeat 8px 8px;
margin: 0;
padding: 40px 15px 15px;
border-left: #2892ff 4px solid; }
#nifty .cocolog .note {
background: #eaeaea url(/images/note.gif) no-repeat left top;
margin: 0;
padding: 25px 15px 15px;
border: #c5c5c5 1px solid; }
#nifty .cocolog .related_info {
background: url(/images/related_info.gif) no-repeat left top;
margin: 0;
padding: 22px 15px 15px;
border: #81d29c 1px solid; }
#nifty .cocolog blockquote {
padding: 15px 15px 0;
margin: 0 10px;
font-weight: 400;
color: #655636; }
#nifty .cocolog .help-image {
background-color: #eaeaea;
border: #c5c5c5 1px solid;
padding: 4px;
margin: 10px 0 0; }
#nifty .cocolog .no-border {
background-color: transparent;
border-style: none; }
#nifty .cocolog .link_icon {
background: url(/images/link_icon.gif) no-repeat left top;
padding-left: 15px;
margin: 0; }
#nifty .cocolog .box_main div.entry li {
background: url(/images/list.gif) no-repeat left center;
padding-left: 18px;
margin: 5px 0; }
#nifty .cocolog ul.link_list li {
background: none !important;
padding: 0 !important; }
#nifty .cocolog ul.link_list li a, #nifty .cocolog ul.link_list li a:link {
background: url(/images/link_icon.gif) no-repeat left top;
padding-left: 15px;
margin: 0; }
#nifty .cocolog .clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden; }
#nifty .cocolog .clearfix {
min-height: 1px; }
#nifty .cocolog * html .clearfix {
height: 1px; }
#nifty .cocolog pre.code {
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
border: 1px dotted grey;
padding: .5em; }
#nifty .cocolog div#header {
padding: 0 20px 0 15px;
border-bottom: 2px solid #fabf00;
border-top: 2px solid #fabf00;
margin-top: 5px;
margin-bottom: 10px; }
#nifty .cocolog div#header p.logo {
float: left;
padding: 9px 0 12px;
margin-right: 23px;
width: 239px; }
#nifty .cocolog div#header div#headNav {
float: left;
width: 919px;
padding: 5px 0 0;
font-size: normal;
margin-bottom: 5px; }
#nifty .cocolog div#header div#headNav h1 {
font-size: small;
font-weight: 400;
color: #333; }
#nifty .cocolog div#header div#headNav li {
display: inline;
border-left: #999 1px solid;
padding: 0 0 0 10px;
margin: 0 0 0 7px;
zoom: 1; }
#nifty .cocolog div#header div#headNav li.home {
padding: 0;
margin: 0;
border: 0; }
#nifty .cocolog div#commonHeadUserNav {
width: 948px !important; }
#nifty .cocolog #header #header_search {
width: 230px; }
#nifty .cocolog #header .textarea {
width: 300px; }
#nifty .cocolog #header ul {
margin-top: 4px; }
#nifty .cocolog .first-step-guide-box {
width: 585px;
padding-top: 5px; }
#nifty .cocolog ul.guide {
padding: 5px 0 17px; }
#nifty .cocolog .guide li {
width: 187px;
min-height: 40px;
float: left;
padding: 0 7px 5px 0; }
#nifty .cocolog .guide p.thumb {
float: left;
margin-right: 8px; }
#nifty .cocolog p.guide_ttl {
font-weight: 700;
font-size: 100%; }
#nifty .cocolog p.guide_txt {
font-size: 80%; }
#nifty .cocolog .thumb_r {
float: right;
width: 128px;
height: 48px; }
#nifty .cocolog .informations-box .box_main {
padding: 0 10px 0 7px; }
#nifty .cocolog .informations-box ul {
padding-top: 5px; }
#nifty .cocolog .informations-box li {
background: url(/images/list_circle.gif) no-repeat left center;
margin: 5px;
padding-left: 15px;
margin-bottom: 10px;
width: auto; }
#nifty .cocolog .avatar-image {
float: left;
margin: 5px; }
#nifty .cocolog #user-menu {
background: #d3d3d3 url(/images/guest_header_bg_t.gif) no-repeat center top;
min-height: 29px;
height: 29px;
padding: 0;
margin: 0 0 10px; }
#nifty .cocolog #user-menu ul {
margin: 0;
padding: 7px 0 0; }
#nifty .cocolog #user-menu li {
display: inline; }
#nifty .cocolog .user-menu_b {
background: url(/images/guest_header_bg_b.gif) no-repeat center bottom;
min-height: 29px;
padding: 0 10px; }
#nifty .cocolog img {
vertical-align: baseline; }
#nifty .cocolog #commonHeadNav img {
vertical-align: top; }
#nifty .cocolog div#header div#headNav li {
padding: 2px 0 0 10px; }
#nifty .cocolog .faq_categories {
padding: 10px 12px 0;
margin-top: 10px;
line-height: 1.2; }
#nifty .cocolog .category_cont {
float: left;
width: 270px;
padding: 0;
margin: 0 5px 0 0; }
#nifty .cocolog .category_cont_r {
float: right;
margin: 0;
width: 270px;
padding: 0; }
#nifty .cocolog .faq_categories h4 {
background: #ededed;
border-left: 4px solid #018c87;
text-align: center;
font-size: 100%;
padding: 2px 0;
margin-bottom: 10px; }
#nifty .cocolog .category_cont li, #nifty .cocolog .category_cont_r li {
margin: 0 0 5px;
width: 250px;
background: url(/images/list_circle.gif) no-repeat left 5px;
padding-left: 10px; }
#nifty .cocolog li.check_mark {
background: transparent url(/images/list.gif) no-repeat scroll left center;
margin-left: 10px;
padding-left: 18px;
padding-bottom: 5px;
padding-top: 5px; }
#nifty .cocolog #inner .box_bottom {
background: transparent url(/images/frame_bottom.gif) no-repeat scroll left bottom;
height: 9px; }
#nifty .cocolog #inner .box_03 .box_bottom {
background: none;
height: 0; }
#nifty .cocolog .disabled {
display: none; }
#nifty .cocolog .community_list {
font-size: smaller; }
#nifty .cocolog .community_list a:link, #nifty .cocolog .community_list a:visited {
text-decoration: none; }
#nifty .cocolog .community_list a:hover, #nifty .cocolog .community_list a:active {
text-decoration: underline; }
#nifty .cocolog .close_res_voice {
text-align: right; }
#nifty .cocolog #footer-links {
text-align: center;
border-top: 4px solid #fabf00; }
#nifty .cocolog .entry-box {
margin-left: 80px;
min-height: 80px;
height: auto !important;
height: 80px; }
#nifty .cocolog .entry-images {
padding-left: 10px;
margin-bottom: 10px; }
#nifty .cocolog .entry-images img {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ccc;
padding: 4px; }
#nifty .cocolog .entry-images a {
margin-right: 10px; }
#nifty .cocolog .centering {
text-align: center; }
#nifty .cocolog #box_left {
float: left;
width: 620px; }
#nifty .cocolog #box_right {
float: right;
width: 330px; }
#nifty .cocolog #box_header {
float: left;
width: 950px;
margin-bottom: 8px; }
#nifty .cocolog #box_all {
float: left;
width: 950px; }
#nifty .cocolog #sidebar {
padding: 0 15px 0 14px; }
#nifty .cocolog #inner {
padding-left: 15px; }
#nifty .cocolog #gadget_inner {
padding-left: 0;
padding-right: 0; }
#nifty .cocolog #box_center {
padding: 0 15px;
width: 920px; }
#nifty .cocolog .login_l {
float: left;
background: url(/images/waku_login.gif) repeat-y center;
width: 450px; }
#nifty .cocolog .login_r {
float: right;
background: url(/images/waku_login.gif) repeat-y center;
width: 450px; }
#nifty .cocolog .title {
background: url(/images/title_bg.gif) no-repeat;
width: 555px;
height: 168px;
margin: 0 0 20px;
padding: 25px; }
#nifty .cocolog .title h2 {
margin-bottom: 50px; }
#nifty .cocolog .title_note {
background: #fff9da;
margin: 18px 280px 18px 0;
padding: 20px 10px;
line-height: 160%; }
#nifty .cocolog h3.faq_title {
background: none;
padding: 0;
margin: 0; }
#nifty .cocolog .contribute li {
float: left;
margin: 2px 15px;
width: 110px; }
#nifty .cocolog .title02 {
background: url(/images/h2_02_bg.gif) no-repeat top;
margin: 0 0 10px;
padding: 17px; }
#nifty .cocolog .title03 {
background: url(/images/h2_03_bg.gif) no-repeat top;
margin: 0 0 10px;
padding: 15px; }
#nifty .cocolog .title_sp {
background: #e6a226;
padding: 15px;
color: #3a1e00; }
#nifty .cocolog .header_nav {
text-align: right;
width: 600px;
margin-bottom: 10px; }
#nifty .cocolog .notation {
width: 600px;
text-align: right;
margin: 5px 0; }
#nifty .cocolog .indi_form {
width: 100px;
float: left;
background: #cf0; }
#nifty .cocolog div.box_02 ul {
margin: 0; }
#nifty .cocolog .tag_line {
padding: 3px;
border-bottom: 1px dotted #ccc;
width: 250px; }
#nifty .cocolog .tag_text {
float: left;
width: 180px; }
#nifty .cocolog .tag_btn {
float: right; }
#nifty .cocolog #comment-text {
width: 600px;
height: 300px;
margin: 5px 0 10px; }
#nifty .cocolog .box_tag a.tag_color, #nifty .cocolog .box_tag a:link.tag_color, #nifty .cocolog .box_tag a:visited.tag_color, #nifty .cocolog .box_tag a:active.tag_color {
color: #f60;
text-decoration: underline; }
#nifty .cocolog .box_tag a:hover.tag_color {
text-decoration: none; }
#nifty .cocolog #tag_register {
width: 250px;
margin-right: 5px; }
#nifty .cocolog .box_main_r ul {
margin: 0; }
#nifty .cocolog .box_main_r li {
margin: 0 0 15px; }
#nifty .cocolog .box_main_r ul.caution {
width: auto; }
#nifty .cocolog ul.caution li {
margin: 5px 15px;
font-size: x-small; }
#nifty .cocolog .box_main_r li select {
margin: 5px 0; }
#nifty .cocolog .box_main_r textarea {
width: 430px; }
#nifty .cocolog .box_main_r #title {
width: 430px; }
#nifty .cocolog .form_notice {
width: 400px;
margin-top: 10px; }
#nifty .cocolog .box_main_r input {
width: 100px;
margin-right: 15px; }
#nifty .cocolog .fc_orange {
color: #f90; }
#nifty .cocolog .fc_black {
color: #000; }
#nifty .cocolog input.user_edit_text_field {
width: 400px !important; }
#nifty .cocolog .user_main_r input {
width: 100px; }
#nifty .cocolog .user_info {
margin-bottom: 20px;
padding: 0 10px; }
#nifty .cocolog .thanks {
margin-bottom: 20px;
padding: 0 10px;
font-size: medium;
font-weight: 700; }
#nifty .cocolog #thanks_notice {
font-size: x-small; }
#nifty .cocolog .user_info li {
font-size: small;
font-weight: 700; }
#nifty .cocolog div#header_search_box {
float: left;
padding-left: 10px; }
#nifty .cocolog div#header_search_box form {
margin-top: 2px; }
#nifty .cocolog div.search_target {
float: left;
font-size: small; }
#nifty .cocolog div.search_target a {
padding-bottom: 1px;
padding-top: 1px;
padding-left: 3px;
padding-right: 3px;
text-decoration: none; }
#nifty .cocolog div.search_target a:hover {
background-color: #e7e7e7;
color: #333; }
#nifty .cocolog a.search_targeted {
background-color: #e7e7e7;
color: #333; }
#nifty .cocolog a.clear_search_targeted {
background-color: none;
color: #0062ce; }
#nifty .cocolog div#header_search_box input.search_area {
width: 250px;
padding: 0;
margin: 0; }
#nifty .cocolog .box_search form {
margin-bottom: 5px; }
#nifty .cocolog div#search_keyword_label {
font-weight: 700; }
#nifty .cocolog .box_search {
background: none repeat scroll 0 0 #ffffe5;
border: 1px solid #f5e082;
margin-bottom: 10px;
margin-left: 10px;
padding: 10px; }
#nifty .cocolog .search_notice {
padding-left: 5px;
font-weight: 700; }
#nifty .cocolog #query {
width: 300px;
margin-right: 10px;
margin-left: 10px; }
#nifty .cocolog #search_area {
width: 300px;
margin-right: 10px;
margin-left: 5px; }
#nifty .cocolog #search_button {
width: 70px;
margin-right: 10px; }
#nifty .cocolog .search_title {
font-size: small;
font-weight: 700; }
#nifty .cocolog .search_body {
line-height: 140%;
margin: 3px 0 10px; }
#nifty .cocolog ul.search_list {
margin: 0;
width: 585px;
overflow: hidden; }
#nifty .cocolog .search_list li {
margin-left: 15px;
padding: 15px 0;
border-bottom: 1px dashed #ccc; }
#nifty .cocolog .ret {
background: #e5ff7d;
padding: 1px;
font-weight: 700; }
#nifty .cocolog h3.h3_login {
background: url(/images/h3_login_bg.gif) no-repeat center top;
padding: 10px;
color: #5a2e00;
font-size: medium; }
#nifty .cocolog .login_main {
margin: 10px 20px; }
#nifty .cocolog .login_formbox {
width: 350px;
padding: 10px 0 0;
margin: 10px auto; }
#nifty .cocolog .login_formbox02 {
text-align: right;
width: 350px;
padding: 0;
margin: 10px auto; }
#nifty .cocolog .login_main_l {
float: left;
width: 120px;
font-weight: 700; }
#nifty .cocolog .login_main_r {
float: right;
width: 230px; }
#nifty .cocolog .login_main_r input {
width: 100%; }
#nifty .cocolog .login_main_r .check {
text-align: left;
width: 15px; }
#nifty .cocolog ul.login_list {
margin: 20px auto;
width: 350px; }
#nifty .cocolog .login_list li {
background: url(/images/allow.gif) no-repeat left;
padding: 5px 0 5px 20px; }
#nifty .cocolog .login_center {
margin: 30px 0;
text-align: center; }
#nifty .cocolog .box_login {
margin: 10px 0 30px; }
#nifty .cocolog div.top-navigation {
padding: 5px;
background: #f3f3e5; }
#nifty .cocolog .top-navigation li {
float: left;
margin-right: 10px; }
#nifty .cocolog .form_radio input {
width: 30px; }
#nifty .cocolog .form_check input {
width: 30px; }
#nifty .cocolog .form_radio li, #nifty .cocolog .form_check li {
margin: 5px 0; }
#nifty .cocolog .box_sp ul {
margin: 10px 10px 15px; }
#nifty .cocolog .box_sp li {
margin: 0 0 5px; }
#nifty .cocolog .box_table {
margin: 30px 0; }
#nifty .cocolog .box_table02 {
margin: 30px 15px; }
#nifty .cocolog .box_table02 table, #nifty .cocolog .box_table02 td, #nifty .cocolog .box_table02 th, #nifty .cocolog .box_table table, #nifty .cocolog .box_table td, #nifty .cocolog .box_table th {
border: 1px solid #cfcfb9; }
#nifty .cocolog .box_table02 table th, #nifty .cocolog .box_table table th {
background-color: #e7e7d0;
color: #6b9100;
text-align: center;
padding: 10px 0; }
#nifty .cocolog .box_table02 table td, #nifty .cocolog .box_table table td {
padding: 3px; }
#nifty .cocolog .table_data {
text-align: center; }
#nifty .cocolog .entry_id {
width: 100px; }
#nifty .cocolog td.table_entry_title {
font-size: medium;
padding: 10px !important; }
#nifty .cocolog td.table_entry {
padding: 10px !important; }
#nifty .cocolog .odd {
background: #fff; }
#nifty .cocolog .even {
background: #ffc; }
#nifty .cocolog .edit_service, #nifty .cocolog .form_box, #nifty .cocolog .edit_badword {
margin: 30px; }
#nifty .cocolog .sp_main_l {
float: left;
width: 110px;
font-weight: 700;
margin: 10px; }
#nifty .cocolog .sp_main_r {
float: right;
width: 750px;
margin: 10px 0; }
#nifty .cocolog .box_main form {
margin: 10px 5px; }
#nifty .cocolog input#badword_label {
width: 250px; }
#nifty .cocolog select#badword_level {
width: 100px; }
#nifty .cocolog .edit_service textarea {
width: 750px; }
#nifty .cocolog #popular-recent-search-keywords {
margin: 5px 0 0 5px; }
#nifty .cocolog .tag-x-small {
font-size: 50%; }
#nifty .cocolog .tag-small {
font-size: 75%; }
#nifty .cocolog .tag-medium {
font-size: 100%; }
#nifty .cocolog .tag-large {
font-size: 150%; }
#nifty .cocolog .tag-x-large {
font-size: 200%; }
#nifty .cocolog #tag_cloud {
margin: 10px; }
#nifty .cocolog #entry-template-list {
margin: 10px 0 0; }
#nifty .cocolog #thread-recoomendations {
padding: 0 0 20px 30px; }
#nifty .cocolog #messsage-chars-notice {
text-align: right; }
#nifty .cocolog .bgcolor_n {
background: #ffc299 none repeat scroll 0 0;
margin: 10px 0;
overflow: hidden;
padding: 10px; }
#nifty .cocolog .bgcolor_f {
background: #fff5b5 none repeat scroll 0 0;
margin: 10px 0;
overflow: hidden;
padding: 10px; }
#nifty .cocolog div#thread-recoomendations div.box_main ul {
width: auto; }
#nifty .cocolog .sidebar_box h3 {
background: url(/images/side_ttl.gif) no-repeat top;
padding: 10px 0 10px 15px;
color: #333;
font-size: small; }
#nifty .cocolog .sidebar_mini_box h3 {
background: url(/images/side_ttl_mini.gif) no-repeat top;
padding: 10px 0 10px 15px;
color: #333;
font-size: small; }
#nifty .cocolog div.sidebar_box_faq ul {
padding-left: 10px; }
#nifty .cocolog .sidebar_box_faq h3 {
background: url(/images/side_ttl_faq.gif) no-repeat top;
padding: 10px 0 10px 15px;
color: #333;
font-size: small; }
#nifty .cocolog .sidebar_box {
background: url(/images/side_bg.gif) repeat-y center top;
margin-bottom: 12px;
width: 300px; }
#nifty .cocolog .sidebar_mini_box {
background: url(/images/side_mini_bg.gif) repeat-y center top;
margin-bottom: 12px;
width: 151px; }
#nifty .cocolog h3.side_ttl {
background: none;
padding: 0;
margin: 0;
font-size: medium; }
#nifty .cocolog .search {
margin-top: 12px; }
#nifty .cocolog .genre {
padding-left: 5px; }
#nifty .cocolog .categories {
padding-left: 15px;
margin-bottom: 10px;
line-height: 20px;
font-size: small; }
#nifty .cocolog .favorite-blog {
padding: 10px; }
#nifty .cocolog .box_main_r ul li input {
margin-right: 10px;
margin-left: 1px;
width: auto; }
#nifty .cocolog .box_main_r ul li {
margin: 0;
height: auto;
padding-bottom: 7px;
padding-top: 3px; }
#nifty .cocolog .disabled-label {
text-decoration: line-through; }
#nifty .cocolog .disabled-notice {
font-size: xx-small;
color: #828282; }
#nifty .cocolog input.wide-text-field {
width: 300px; }
#nifty .cocolog li.friend-image-list {
height: 100px;
width: 76px;
float: left;
text-align: center;
font-size: small;
margin: 6px; }
#nifty .cocolog .sidebar-banner {
padding-bottom: 10px; }
#nifty .cocolog .form-note {
padding-top: 5px;
padding-left: 30px;
font-size: x-small; }
#nifty .cocolog div.reader-public-radio input {
margin-right: 10px;
margin-left: 1px;
width: auto; }
#nifty .cocolog .box_main_r div.reader-public-radio {
padding-top: 3px;
padding-bottom: 10px; }
#nifty .cocolog #favorite_blog_id {
width: 400px; }
#nifty .cocolog .box_main_r ul li.check_mark {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 10px; }
#nifty .cocolog ul.informations-box li.action_stream {
font-style: italic;
color: #666; }
#nifty .cocolog ul.informations-box li.notification {
font-style: italic;
color: #f66; }
#nifty .cocolog .new_voice {
margin-bottom: 20px;
padding: 10px;
background-color: #ffc;
vertical-align: middle;
border: 1px #fc6 solid; }
#nifty .cocolog .new_voice label {
font-weight: 700; }
#nifty .cocolog .voice_form_label {
padding-bottom: 5px; }
#nifty .cocolog input.very-wide-text-field {
width: 440px; }
#nifty .cocolog input#voice_submit {
padding-right: .4em;
padding-left: .4em; }
#nifty .cocolog .box_main_inner {
padding-top: 10px;
padding-left: 5px; }
#nifty .cocolog .voice_delete_link {
font-size: x-small; }
#nifty .cocolog .ranking_notice {
text-align: right;
padding-top: 10px; }
#nifty .cocolog .ranking_notice2 {
padding: 10px; }
#nifty .cocolog li.message {
background: transparent url(/images/list_circle.gif) no-repeat scroll left center;
padding: 0 10px 5px; }
#nifty .cocolog a.voice_list {
text-decoration: none;
color: #333; }
#nifty .cocolog a.voice_list:hover {
text-decoration: underline;
color: #0062ce; }
#nifty .cocolog .side_main p {
padding: 2px 3px; }
#nifty .cocolog .voice_form_bottom {
padding-top: 5px;
text-align: right; }
#nifty .cocolog .voice_notice {
padding-bottom: 5px;
font-size: x-small; }
#nifty .cocolog span.by {
padding-left: 3px;
padding-right: 3px;
font-style: italic;
font-size: x-small; }
#nifty .cocolog span.human_post_days {
padding-left: 3px;
padding-right: 3px;
font-size: x-small; }
#nifty .cocolog #profile-area {
padding: 0 10px 10px 5px; }
#nifty .cocolog #category_voice_notice {
padding: 0 10px 10px; }
#nifty .cocolog .voice-text-field {
width: 573px; }
#nifty .cocolog #res_voice {
z-index: 2;
position: absolute;
display: none; }
#nifty .cocolog #res_voice form {
margin: 0;
width: 575px; }
#nifty .cocolog .res_voice_notice {
float: left;
line-height: normal; }
#nifty .cocolog li.voice {
margin-left: 10px;
padding: 5px 0 5px 10px; }
#nifty .cocolog input.text:focus {
background-color: #ffc; }
#nifty .cocolog form#search {
margin-left: 20px; }
#nifty .cocolog #categories h3 {
padding-right: 10em; }
#nifty .cocolog .search-link {
margin-top: -1.5em;
margin-right: 20px;
margin-bottom: 4px;
float: right; }
#nifty .cocolog #box_left #adviceUnit {
margin: 0 0 12px; }
#nifty .cocolog .orange {
color: #fef4e9;
border: solid 1px #da7c0c;
background-image: url(/images/orange-gradient.svg);
background-size: 100% 100%;
background-repeat: repeat-x;
background-position: 0 0;
background-color: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20); }
#nifty .cocolog .orange:hover, #nifty .cocolog .orange:focus {
color: #fef4e9;
border: 1px solid grey;
background-image: url(/images/orange-gradient-hover.svg);
background-size: 100% 100%;
background-repeat: repeat-x;
background-position: 0 0;
background-color: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top, #f88e11, #f06015); }
#nifty .cocolog .orange:active {
color: #fcd3a5;
background-image: url(/images/orange-gradient-active.svg);
background-size: 100% 100%;
background-repeat: repeat-x;
background-position: 0 0;
background-color: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top, #f47a20, #faa51a); }
#nifty .cocolog .large_button {
display: inline-block;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
font-weight: 700;
text-align: center;
text-decoration: none;
padding: 8px 0;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
border-radius: .5em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
font-size: large; }
#nifty .cocolog .large_button:hover {
text-decoration: none; }
#nifty .cocolog .large_button:active {
position: relative;
top: 1px; }
#nifty .cocolog .question_creator {
text-align: right;
padding-bottom: 10px; }
#nifty .cocolog .ajax-loader {
padding-right: 10px; }
#nifty .cocolog #sync_button {
font-weight: 700;
font-size: large; }
#nifty .cocolog #sync_button input {
width: 200px; }
#nifty .cocolog .mask_loading_period {
color: #fff; }
#nifty .cocolog #inner .box_03 .voice_box_bottom {
background: none;
height: 0; }
#nifty .cocolog .voice_box {
padding-bottom: 0;
min-height: 30px;
height: auto !important;
margin-top: 1em; }
#nifty .cocolog .voice_box .box_main {
min-height: 30px;
padding-left: 35px;
padding-top: 3px; }
#nifty .cocolog .voice_box_fukidashi {
margin-left: 76px;
background: url(/images/voice_frame_bg.gif) repeat-y center;
margin-bottom: 20px; }
#nifty .cocolog #sidebar .voice_box_fukidashi {
margin-left: 76px;
background: url(/images/voice_frame_bg_sidebar.gif) repeat-y scroll left bottom;
margin-bottom: auto; }
#nifty .cocolog .voice_box .posted {
margin-left: 30px;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 1em;
line-height: 120%; }
#nifty .cocolog .box_main .posted {
padding-bottom: 1em;
line-height: 120%; }
#nifty .cocolog .voice_box img.avatar {
margin: 10px 0 0 5px;
border: 1px solid #cfcfb9;
padding: 2px;
width: 64px;
height: 64px; }
#nifty .cocolog img.content_img {
margin: 10px 0 0 5px;
border: 1px solid #cfcfb9;
padding: 2px; }
#nifty .cocolog .circle_thread img.avatar, #nifty .cocolog .circle_thread_comment img.avatar, #nifty .cocolog .circle_thread_list img.avatar {
border: 1px solid #cfcfb9;
padding: 2px;
width: 64px;
height: 64px; }
#nifty .cocolog .leader {
background-color: #ff9; }
#nifty .cocolog .voice_box .box_header {
height: 9px;
padding-left: 24px; }
#nifty .cocolog #inner .voice_box_bottom {
background: transparent url(/images/voice_frame_bottom.gif) no-repeat scroll left bottom;
min-height: 33px; }
#nifty .cocolog #sidebar .voice_box_bottom {
background: transparent url(/images/voice_frame_bottom_sidebar.gif) no-repeat scroll left bottom;
height: 33px; }
#nifty .cocolog .voice_flows {
margin-bottom: 10px; }
#nifty .cocolog .voice_body {
padding-left: 10px; }
#nifty .cocolog .voice_action {
text-align: right;
padding-right: 5px;
padding-top: 5px; }
#nifty .cocolog .voice_box a.orange {
display: inline-block;
vertical-align: baseline;
font-size: small;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: .1em .5em;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
border-radius: .5em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
color: #fff; }
#nifty .cocolog #voice_profile_overlay {
z-index: 2;
position: absolute;
width: 300px;
background-color: #fffde9;
text-align: left;
padding: 10px;
border: 1px solid #cfcfb9;
display: inline-block;
vertical-align: baseline;
font-size: small;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
border-radius: .5em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
#nifty .cocolog .close_profile {
text-align: right;
padding-bottom: 5px;
font-weight: 700; }
#nifty .cocolog #voice_profile_overlay li {
padding: 2px; }
#nifty .cocolog .voice-answer-link {
text-align: right;
padding-top: 10px; }
#nifty .cocolog img.blog-thumbnail {
padding: 2px;
border: 1px solid #ccc; }
#nifty .cocolog div.recent-image {
float: left;
padding: 7px; }
#nifty .cocolog div.sidebar_box img.blog-thumbnail {
width: 50px;
height: 50px; }
#nifty .cocolog .float_subject {
font-weight: 700; }
#nifty .cocolog .float_body {
padding-bottom: 5px;
border-bottom: 1px dotted #ccc; }
#nifty .cocolog .float_footer {
padding-top: 5px; }
#nifty .cocolog .voice-text-area {
height: 40px;
width: 573px; }
#nifty .cocolog .push-user {
padding: 10px;
border-bottom: 1px dotted #ccc;
min-height: 66px; }
#nifty .cocolog .push-left {
float: left;
width: 66px; }
#nifty .cocolog .push-right {
padding: 5px;
padding-top: 0;
padding-left: 80px; }
#nifty .cocolog .push-user img.avatar {
border: 1px solid #cfcfb9;
padding: 2px; }
#nifty .cocolog .push-user .nickname {
padding: 3px;
padding-top: 0; }
#nifty .cocolog .push-user .participated-blogs {
padding: 3px; }
#nifty .cocolog .push-voice a.orange {
display: inline-block;
vertical-align: baseline;
font-size: x-small;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: .1em .5em;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
border-radius: .5em;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
color: #fff; }
#nifty .cocolog .push-date {
font-size: 120%;
font-weight: 700;
padding-top: 10px; }
#nifty .cocolog .push-notice {
font-size: 90%;
padding-bottom: 10px; }
#nifty .cocolog .push-voice {
padding: 3px; }
#nifty .cocolog .more04 {
text-align: right;
padding: 1px 20px;
margin: 5px 0 0; }
#nifty .cocolog .more05 {
text-align: right;
padding: 1px 20px;
margin: 5px 0 10px; }
#nifty .cocolog #push-banner-tag {
width: 600px;
height: 80px;
margin-bottom: 10px; }
#nifty .cocolog #push-botton-color-selector a:hover {
cursor: pointer; }
#nifty .cocolog iframe.remote_gadgets_iframe {
width: 945px;
border: 0;
margin-bottom: 10px;
height: 680px; }
#nifty .cocolog #nicotto-avatar {
margin: 10px 0; }
#nifty .cocolog .friend-image-list img.avatar {
margin: 0 0 0 5px;
border: 1px solid #cfcfb9;
padding: 3px; }
#nifty .cocolog .sidebar-contents-subject {
text-decoration: none;
font-weight: 700; }
#nifty .cocolog .sidebar-contents-body {
padding-left: 10px;
padding-right: 5px; }
#nifty .cocolog .sidebar-contents-body .posted {
padding-right: 0;
padding-left: 0; }
#nifty .cocolog .sidebar-contents-date {
font-size: x-small; }
#nifty .cocolog .sidebar-contents-box {
padding-top: 7px;
padding-bottom: 7px;
border-bottom: 1px dotted #ccc; }
#nifty .cocolog #mypage-profile-box-left {
width: 135px;
float: left; }
#nifty .cocolog #mypage-profile-box-right {
width: 130px;
float: left;
padding-top: 10px;
padding-left: 5px; }
#nifty .cocolog #mypage-profile-box-right div {
margin-bottom: 5px; }
#nifty .cocolog div#voice_user_guide {
padding: 10px;
margin: 10px;
background-color: #fffce9;
border: 1px solid #fc6;
display: none; }
#nifty .cocolog input.search-textarea {
width: 200px; }
#nifty .cocolog input.search-textarea:focus {
background-color: #ffe992; }
#nifty .cocolog #res_voice_alert {
width: 200px; }
#nifty .cocolog li h4.genre_icon {
height: 20px;
line-height: 20px;
padding-left: 25px; }
#nifty .cocolog li h4.genre_icon a {
font-size: 105%; }
#nifty .cocolog ul.genre_list div.categories {
padding-left: 25px; }
#nifty .cocolog .genre_icon_1 {
background: url(/images/genres/icon_1.gif) no-repeat; }
#nifty .cocolog .genre_icon_2 {
background: url(/images/genres/icon_2.gif) no-repeat; }
#nifty .cocolog .genre_icon_3 {
background: url(/images/genres/icon_3.gif) no-repeat; }
#nifty .cocolog .genre_icon_4 {
background: url(/images/genres/icon_4.gif) no-repeat; }
#nifty .cocolog .genre_icon_5 {
background: url(/images/genres/icon_5.gif) no-repeat; }
#nifty .cocolog .genre_icon_6 {
background: url(/images/genres/icon_6.gif) no-repeat; }
#nifty .cocolog .genre_icon_7 {
background: url(/images/genres/icon_7.gif) no-repeat; }
#nifty .cocolog .genre_icon_8 {
background: url(/images/genres/icon_8.gif) no-repeat; }
#nifty .cocolog .genre_icon_9 {
background: url(/images/genres/icon_9.gif) no-repeat; }
#nifty .cocolog .genre_icon_10 {
background: url(/images/genres/icon_10.gif) no-repeat; }
#nifty .cocolog .genre_icon_11 {
background: url(/images/genres/icon_11.gif) no-repeat; }
#nifty .cocolog .edit-avatar {
background: url(/images/avatar_edit_icon.gif) no-repeat;
height: 13px;
padding-left: 16px;
margin-bottom: 5px;
padding-bottom: 3px; }
#nifty .cocolog .friend_request {
background: url(/images/friend_request_icon.gif) no-repeat;
height: 13px;
padding-left: 16px; }
#nifty .cocolog .reader_registration {
background: url(/images/reader-icon.gif) no-repeat;
padding-left: 16px;
padding-bottom: 3px; }
#nifty .cocolog #gadget_footpath {
margin: 0 13px 10px;
overflow: hidden;
float: left; }
#nifty .cocolog #gadget_session_nav {
text-align: right;
margin-right: 10px; }
#nifty .cocolog #blogparts {
margin-top: 2em;
text-align: center; }
#nifty .cocolog #blogparts_submit {
width: 200px; }
#nifty .cocolog #install-avatar-blogparts {
background: url(/images/setting_icon.gif) no-repeat;
padding-left: 16px;
padding-bottom: 3px;
margin-bottom: 5px; }
#nifty .cocolog #widget-NIFTY_Cocolog_Squares {
padding: 20px;
border: 1px dotted #999; }
#nifty .cocolog .blogparts_installer_right {
width: 250px;
float: left; }
#nifty .cocolog .blogparts_installer_left {
float: left;
width: 220px;
margin: 10px 40px 30px 0;
padding-left: 40px; }
#nifty .cocolog .blogparts_notice {
padding-top: 50px; }
#nifty .cocolog .blogparts_preview_notice {
font-weight: 700;
text-align: center;
font-size: 110%;
padding-bottom: 10px; }
#nifty .cocolog p.blogparts_notice_inner {
padding-bottom: 5px; }
#nifty .cocolog .new {
font-size: x-small;
color: red; }
#nifty .cocolog .num_voices {
margin-bottom: 1em; }
#nifty .cocolog .num_voices select {
margin-left: 1em;
width: 4em; }
#nifty .cocolog .num_voices input {
display: none;
width: 20px;
height: 120px; }
#nifty .cocolog .num_voices output {
display: none; }
#nifty .cocolog .avatar-footer-nickname {
text-align: center; }
#nifty .cocolog .select_push_button {
margin-bottom: 1em; }
#nifty .cocolog div.activity_media_items {
height: 106px; }
#nifty .cocolog div.action_stream_image {
width: 100px;
height: 106px;
overflow: hidden; }
#nifty .cocolog div.action_stream_image img, #nifty .cocolog div.action_stream_image canvas {
height: 100px;
border: 1px solid #cfcfb9;
padding: 2px; }
#nifty .cocolog img.spread_image {
z-index: 12;
position: absolute;
border: 1px solid #cfcfb9;
padding: 2px;
background-color: #fff; }
#nifty .cocolog .voice_lesson_btns {
text-align: center;
margin: 30px 0;
height: 50px; }
#nifty .cocolog div.voice_lesson_btn {
width: 225px;
height: 50px;
float: left;
position: relative;
margin: 0 20px; }
#nifty .cocolog .voice_lesson_btn img {
position: absolute;
left: 37px;
clip: rect(0 225px 50px 0);
margin-top: 0; }
#nifty .cocolog a:hover.voice_lesson_btn_link img {
clip: rect(51px 225px 101px 0);
margin-top: -51px; }
#nifty .cocolog div#voice_lesson {
display: none; }
#nifty .cocolog #campaign p#apply {
margin-top: 2em; }
#nifty .cocolog #campaign-description p, #nifty .cocolog #campaign-quiz p {
line-height: 1.5;
margin-bottom: 1em; }
#nifty .cocolog .sidebar_box_main {
padding-left: 10px;
min-height: 30px;
width: 190px;
float: left; }
#nifty .cocolog .header_nav_notice {
padding-left: 10px;
padding-bottom: 15px; }
#nifty .cocolog div#footer-links a {
padding-left: 10px; }
#nifty .cocolog div#footer-links {
padding: 5px 0; }
#nifty .cocolog .new_campaign input, #nifty .cocolog .edit_campaign input {
width: auto; }
#nifty .cocolog fieldset {
margin-top: 1em;
padding-bottom: 1em;
border: groove 2px ThreeDFace; }
#nifty .cocolog ul.user_menu li {
margin-left: 16px;
padding-left: 10px;
padding-bottom: 5px;
background: url(/images/list_circle.gif) no-repeat scroll left 5px transparent; }
#nifty .cocolog .new_campaign .more, #nifty .cocolog .edit_campaign .more {
margin-right: 2em; }
#nifty .cocolog .new_campaign .delete, #nifty .cocolog .edit_campaign .delete {
float: right;
margin-right: 2em; }
#nifty .cocolog span.newly-nav {
background: url(/images/ico_date.gif) no-repeat scroll left transparent;
padding-left: 18px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 20px; }
#nifty .cocolog span.pv-nav {
background: url(/images/icon_rank.gif) no-repeat scroll left transparent;
padding-left: 14px;
line-height: 25px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 20px; }
#nifty .cocolog .togglable .button, #nifty .cocolog #sidebar .button {
padding-right: 1em; }
#nifty .cocolog .togglable .button a {
line-height: 16px;
float: right;
text-align: right;
color: #666;
display: block;
height: 16px;
padding: 0 20px 0 0;
margin-top: 10px; }
#nifty .cocolog #sidebar .mini a:before {
content: '\6700\5C0F\5316\3059\308B'; }
#nifty .cocolog #sidebar .close a:before {
content: '\4ECA\65E5\306F\9589\3058\308B'; }
#nifty .cocolog #sidebar .max a:before {
content: '\8868\793A\3059\308B'; }
#nifty .cocolog .mini a {
background: url(/images/mini.gif) no-repeat scroll right 0 transparent; }
#nifty .cocolog .close a {
background: url(/images/mini.gif) no-repeat scroll right 0 transparent; }
#nifty .cocolog .mini a:hover {
background: url(/images/mini.gif) no-repeat scroll right -16px transparent; }
#nifty .cocolog .max a {
background: url(/images/max.gif) no-repeat scroll right 0 transparent; }
#nifty .cocolog .max a:hover {
background: url(/images/max.gif) no-repeat scroll right -16px transparent; }
#nifty .cocolog div.thum_type {
margin-bottom: 15px; }
#nifty .cocolog div.friend-nickname {
width: 70px;
text-align: center;
margin-left: 6px;
font-size: 90%; }
#nifty .cocolog span.voice_mini_res {
background: url(/images/paging_right.gif) no-repeat scroll left 0 transparent;
padding-left: 18px; }
#nifty .cocolog span.voice_long_res {
background: url(/images/paging_down.gif) no-repeat scroll left 0 transparent;
padding-left: 18px; }
#nifty .cocolog span.voice_root_res {
background: url(/images/paging_up.gif) no-repeat scroll left 0 transparent;
padding-left: 18px; }
#nifty .cocolog span.recommend_func {
font-size: x-small;
color: red; }
#nifty .cocolog span.login {
background: url(/images/icon_login.gif) no-repeat scroll left 0 transparent;
padding-left: 18px;
margin-left: 10px;
padding-bottom: 3px; }
#nifty .cocolog span.register {
background: url(/images/icon_register.gif) no-repeat scroll left 0 transparent;
padding-left: 18px;
margin-left: 10px;
padding-bottom: 3px; }
#nifty .cocolog div#render_after_agree {
display: none; }
#nifty .cocolog div#form_check_list {
margin-bottom: 20px; }
#nifty .cocolog .sortable {
cursor: move; }
#nifty .cocolog div.lets_res {
margin-bottom: 20px;
font-weight: 700;
text-align: right; }
#nifty .cocolog span.beginner {
background: url(/images/help-icon.gif) no-repeat scroll left 0 transparent; }
#nifty .cocolog span.edit_blog {
background: url(/images/edit_blog_icon.gif) no-repeat scroll left 0 transparent; }
#nifty .cocolog span.mypage {
background: url(/images/mypage-icon.gif) no-repeat scroll left 0 transparent; }
#nifty .cocolog span.home {
background: url(/images/home-icon.gif) no-repeat scroll left 0 transparent; }
#nifty .cocolog span.blog-square {
background: url(/images/blog-square-icon.gif) no-repeat scroll left 0 transparent; }
#nifty .cocolog span.voice-square {
background: url(/images/tubuyaki-icon.gif) no-repeat scroll left 0 transparent; }
#nifty .cocolog div#headNav ul span {
padding-top: 1px;
padding-bottom: 5px;
padding-left: 24px;
font-size: 120%;
font-weight: 700; }
#nifty .cocolog div#tutorial_box {
z-index: 2;
position: absolute; }
#nifty .cocolog .sidebar-contents-left {
float: left;
border: 1px solid #cfcfb9;
padding: 2px;
margin-right: 5px; }
#nifty .cocolog #squares-informations-inner a {
font-weight: 400; }
#nifty .cocolog #interpot_menu {
background: url(/images/interpot_icon.gif) no-repeat;
height: 13px;
padding-left: 16px;
margin-bottom: 5px;
padding-bottom: 3px; }
#nifty .cocolog table.participations td, #nifty .cocolog table.participations th {
padding: 1em; }
#nifty .cocolog .gadget_install_button {
text-align: center;
margin: 20px; }
#nifty .cocolog div.gadget_install_button input.orange {
padding: 10px; }
#nifty .cocolog .right_link {
text-align: right;
margin: 5px 0 0; }
#nifty .cocolog table.arpu {
border: 2px solid black; }
#nifty .cocolog table.arpu td {
padding: 5px;
border: 1px solid grey; }
#nifty .cocolog span.gotomyinterpot {
background: url(/images/interpot-header-icon.png) no-repeat scroll left 0 transparent; }
#nifty .cocolog .module-guide {
width: 605px;
margin-bottom: 60px; }
#nifty .cocolog .module-guide h2 {
background: url(/images/guide/title_guide.png) no-repeat;
width: 605px;
height: 50px;
margin-bottom: 13px; }
#nifty .cocolog .module-guide .description {
margin-bottom: 2px;
padding: 0 10px;
line-height: 1.4; }
#nifty .cocolog .module-guide li {
border-bottom: 1px dotted #ccc;
padding: 12px 10px 9px;
overflow: hidden; }
#nifty .cocolog .module-guide p.text {
background: url(/images/guide/icon_arrow.gif) no-repeat 0 2px;
padding-left: 19px;
float: left; }
#nifty .cocolog .module-guide p.btn a {
background: url(/images/guide/btn_try.gif) no-repeat;
width: 63px;
height: 20px;
float: right; }
#nifty .cocolog .module-window {
text-align: left; }
#nifty .cocolog .module-window .header {
background: url(/images/guide/guide_upper.png) no-repeat;
width: 515px;
height: 37px;
position: relative; }
#nifty .cocolog .module-window .header a {
position: absolute;
top: 0;
right: 0;
display: block;
width: 25px;
height: 22px; }
#nifty .cocolog .module-window .inner {
background: url(/images/guide/guide_middle.png) repeat-y;
width: 502px;
padding-bottom: 1px; }
#nifty .cocolog .module-window h2 {
border-bottom: 2px solid #91bc2c;
font-size: large;
font-weight: 700;
margin: 0 13px 20px 10px;
padding: 6px 0 4px; }
#nifty .cocolog .module-window .image {
text-align: center;
margin-bottom: 14px; }
#nifty .cocolog .module-window .text {
padding: 0 19px 17px 16px;
line-height: 1.6;
text-align: left; }
#nifty .cocolog .module-window ul {
padding: 0 19px 3px 16px;
overflow: hidden; }
#nifty .cocolog .module-window li {
display: inline; }
#nifty .cocolog .module-window li.prev a {
background: url(/images/guide/icon_prev.gif) no-repeat 0 0;
padding-left: 20px;
float: left; }
#nifty .cocolog .module-window li.next a {
background: url(/images/guide/icon_next.gif) no-repeat right 0;
float: right;
padding-right: 20px; }
#nifty .cocolog .module-window .lower {
background: url(/images/guide/guide_lower.png) no-repeat;
width: 502px;
height: 10px; }
#nifty .cocolog div#headInner {
padding-bottom: 3px; }
#nifty .cocolog div.search_data_notice {
text-align: right;
font-size: x-small; }
#nifty .cocolog #machi #container {
margin: 0 auto;
width: 948px !important;
text-align: center; }
#nifty .cocolog #machi h1, #nifty .cocolog #machi h2 {
text-indent: -5000px;
display: none; }
#nifty .cocolog #machi ul {
overflow: hidden; }
#nifty .cocolog #machi ul.block-contents li {
float: left;
height: 277px; }
#nifty .cocolog #machi li.content01 {
width: 322px;
background: url(/images/top/img_01.jpg) no-repeat 1px top; }
#nifty .cocolog #machi li.content02 {
width: 303px;
background: url(/images/top/img_02.jpg) no-repeat center top; }
#nifty .cocolog #machi li.content03 {
width: 321px;
background: url(/images/top/img_03.jpg) no-repeat center top; }
#nifty .cocolog #machi li.content04 {
width: 625px;
background: url(/images/top/img_04.jpg) no-repeat center top; }
#nifty .cocolog #machi li.content05 {
width: 321px;
background: url(/images/top/img_05.jpg) no-repeat center top; }
#nifty .cocolog #machi #mainImage {
width: 948px !important;
background: url(/images/top/img_main.jpg) no-repeat center top;
height: 366px;
text-align: left;
position: relative; }
#nifty .cocolog #machi ul.module-login {
width: 196px;
padding: 40px 13px 0;
position: absolute;
left: 700px;
top: 57px;
list-style-position: outside;
margin: 0; }
#nifty .cocolog #machi ul.module-login li.member {
margin: 0 0 55px;
padding: 0; }
#nifty .cocolog #machi ul.block-contents {
margin: 0; }
#nifty .cocolog #machi .block-button {
background: url(/images/top/img_btn_bg.jpg) no-repeat center top;
height: 133px;
padding: 92px 0 0 170px;
text-align: left; }
#nifty .cocolog #machi .module-button {
padding-right: 30px; }
#nifty .cocolog #machi .more01 {
background: url(/images/top/allow.gif) no-repeat scroll right center transparent;
margin: 5px 0 10px;
padding: 1px 20px;
text-align: right;
width: 550px; }
#nifty .cocolog #machi li.member {
height: 84px;
width: 170px; }
#nifty .cocolog #machi li.member img {
position: absolute;
clip: rect(0 170px 84px 0);
margin-top: 0; }
#nifty .cocolog #machi li.member a:hover img, #nifty .cocolog #machi li.member a:focus img {
clip: rect(84px 170px 168px 0);
margin-top: -84px; }
#nifty .cocolog #machi li.member a div {
width: 170px;
height: 84px;
overflow: hidden; }
#nifty .cocolog #machi li.login {
height: 50px;
width: 170px; }
#nifty .cocolog #machi li.login img {
position: absolute;
clip: rect(0 170px 50px 0);
margin-top: 0; }
#nifty .cocolog #machi li.login a div {
width: 170px;
height: 50px;
overflow: hidden; }
#nifty .cocolog #machi li.login a:hover img, #nifty .cocolog #machi li.login a:focus img {
clip: rect(50px 170px 100px 0);
margin-top: -50px; }
#nifty .cocolog #machi div.block-button div.login img {
position: absolute;
clip: rect(0 280px 84px 0);
margin-top: 0; }
#nifty .cocolog #machi div.block-button div.member a div {
width: 280px;
height: 84px;
overflow: hidden; }
#nifty .cocolog #machi div.block-button div.login a div {
width: 280px;
height: 84px;
overflow: hidden; }
#nifty .cocolog #machi div.block-button div.login a:hover img, #nifty .cocolog #machi div.block-button div.login a:focus img {
clip: rect(84px 280px 168px 0);
margin-top: -84px; }
#nifty .cocolog #machi div.block-button div.member {
float: left;
width: 280px;
height: 84px;
margin-right: 30px; }
#nifty .cocolog #machi div.block-button div.login {
float: left;
width: 280px;
height: 84px; }
#nifty .cocolog #machi div.block-button div.member img {
position: absolute;
clip: rect(0 280px 84px 0);
margin-top: 0; }
#nifty .cocolog #machi div.block-button div.member a:hover img, #nifty .cocolog #machi div.block-button div.member a:focus img {
clip: rect(84px 280px 168px 0);
margin-top: -84px; }
#nifty .cocolog #sidebar div.gototown img {
position: absolute;
clip: rect(0 146px 44px 0); }
#nifty .cocolog #sidebar div.gototown a:hover img, #nifty .cocolog #sidebar div.gototown a:focus img {
position: absolute;
clip: rect(44px 146px 88px 0);
margin-top: -44px; }
#nifty .cocolog #sidebar div.gotogarden img {
position: absolute;
clip: rect(0 146px 44px 0); }
#nifty .cocolog #sidebar div.gotogarden a:hover img, #nifty .cocolog #sidebar div.gotogarden a:focus img {
position: absolute;
clip: rect(44px 146px 88px 0);
margin-top: -44px; }
#nifty .cocolog body.toppage div#header_search_box {
display: none; }
#nifty .cocolog body.toppage div#header {
display: none; }
#nifty .cocolog #sidebar div.gototown {
float: left;
height: 44px;
margin: 1px 8px 12px 0;
width: 146px; }
#nifty .cocolog #sidebar div.gotogarden {
float: left;
height: 44px;
margin: 1px 0;
width: 146px; }
#nifty .cocolog #sidebar #opinion #cocolog-staff {
float: left; }
#nifty .cocolog div.post-like {
margin-top: 3px; }
#nifty .cocolog ul#like-list li {
margin-bottom: 5px; }
#nifty .cocolog ul.like-list li {
margin-left: 16px;
padding-left: 55px;
padding-top: 7px;
padding-bottom: 13px;
background: url(/images/like-min.gif) no-repeat scroll left 5px transparent; }
#nifty .cocolog div.like_box_main {
background: url(/images/like-large.gif) no-repeat scroll 460px 0 transparent;
height: 50px;
padding-right: 80px; }
#nifty .cocolog div.box-like-others {
text-align: right;
padding-top: 13px; }
#nifty .cocolog span.inline_attention {
font-weight: 700;
color: red; }
#nifty .cocolog p.box_main_r_notice {
padding-bottom: 5px; }
#nifty .cocolog div.box_main_r_link {
background: url(/images/allow.gif) no-repeat left;
padding: 1px 20px;
margin-bottom: 10px; }
#nifty .cocolog input.wide_button {
width: 230px; }
#nifty .cocolog div#how_to_gatya_button {
margin-top: 5px; }
#nifty .cocolog div#oekakiFlash {
text-align: center;
margin-bottom: 30px; }
#nifty .cocolog div#oekakiFlashArea {
text-align: center;
margin-bottom: 30px; }
#nifty .cocolog div#oekaki_notice {
text-align: center; }
#nifty .cocolog div#oekaki_notice p {
padding: 5px; }
#nifty .cocolog .center_box {
background: url(/images/frame_bg.gif) repeat-y center;
margin-bottom: 10px;
width: 605px;
margin-left: 170px;
margin-top: 30px;
margin-bottom: 20px; }
#nifty .cocolog .center_box_bottom {
background: transparent url(/images/frame_bottom.gif) no-repeat scroll left bottom;
height: 9px; }
#nifty .cocolog #circle_image {
float: left; }
#nifty .cocolog div.sidebar_circle_image {
margin-bottom: 12px; }
#nifty .cocolog span#circle-square-tab {
background: url(/images/genres/icon_2.gif) no-repeat scroll left 0 transparent; }
#nifty .cocolog div.circle_thread p.posted, #nifty .cocolog div.circle_thread_comment p.posted {
text-align: right;
padding: 10px 10px 0;
border-top: #c5c5c5 1px solid;
font-size: x-small; }
#nifty .cocolog div.circle_thread_left {
float: left; }
#nifty .cocolog div.circle_thread_list div.circle_thread_right {
padding-left: 80px; }
#nifty .cocolog div.circle_thread_list {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #cfcfcf; }
#nifty .cocolog div.circle_thread_body {
padding-top: 5px; }
#nifty .cocolog div.circle_thread_footer {
text-align: right;
padding-top: 20px; }
#nifty .cocolog div.sidebar_blank_box {
text-align: center;
margin-bottom: 12px; }
#nifty .cocolog div#circle_voice_form {
padding-top: 0;
background: none repeat scroll 0 0 #ffffe5;
border: 1px solid #f5e082;
margin-bottom: 10px;
margin-left: 0;
padding: 10px;
padding-bottom: 0; }
#nifty .cocolog div#circle_voice_form div#voice_form_bottom {
padding: 10px;
text-align: right; }
#nifty .cocolog div#circle_voice_form label {
font-weight: 700; }
#nifty .cocolog div.circle_attention {
text-align: center;
padding: 10px; }
#nifty .cocolog .box_main_r input.checkbox {
width: auto;
margin-right: 5px; }
#nifty .cocolog .circle_setting_menu {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px dashed #cfcfcf; }
#nifty .cocolog div.profile_leader {
margin-top: 10px; }
#nifty .cocolog div#circle_note {
padding: 10px;
margin-bottom: 10px; }
#nifty .cocolog div.box_notice {
font-size: x-small;
text-align: right; }
#nifty .cocolog textarea.ad_user_keys {
width: 450px;
height: 600px; }
#nifty .cocolog div#squares-banner-inner div {
margin-top: 15px;
margin-bottom: 15px; }
#nifty .cocolog .circle_thread_footer ul {
float: right;
list-style-type: none;
margin: 0;
padding: 0; }
#nifty .cocolog .circle_thread_footer li {
border-right: 1px solid gray;
display: inline;
float: left;
list-style: none outside none;
padding: 0 5px; }
#nifty .cocolog div.circle_thread_footer ul li:last-child {
border-right: 0 solid white;
padding-right: 0; }
#nifty .cocolog ul li.last {
border-right-width: 0;
padding-right: 0; }
#nifty .cocolog div#headNav ul span.mypage {
background: url(/images/icon_mypage.gif) 0 0 no-repeat; }
#nifty .cocolog div#headNav ul span.blog-square {
background: url(/images/icon_blog_square.gif) 0 0 no-repeat; }
#nifty .cocolog div#headNav ul span.voice-square {
background: url(/images/icon_voice_square.gif) 0 0 no-repeat; }
#nifty .cocolog div#headNav ul span.circle-square {
background: url(/images/icon_circle_square.gif) 0 0 no-repeat;
padding-left: 27px; }
#nifty .cocolog div#headNav ul span.game-square {
background: url(/images/icon_game_square.gif) 0 0 no-repeat;
padding-left: 27px; }
#nifty .cocolog div#headNav ul span.faq-square {
background: url(/images/icon_faq_square.gif) 0 0 no-repeat; }
#nifty .cocolog div#headNav ul span.calendar-square {
background: url(/images/genres/icon_11.gif) 0 0 no-repeat; }
#nifty .cocolog div#headNav ul span.point-square {
background: url(/images/icon_point.gif) 0 0 no-repeat; }
#nifty .cocolog #mypage_contents {
background: url(/images/bg_mypagecnt.gif) 0 0 repeat-y;
margin: 0 0 20px; }
#nifty .cocolog div#mypage_contents .section-list {
padding: 0 19px 1px; }
#nifty .cocolog .mypage-cnt-btm {
background: url(/images/bg_mypagecnt.gif) 100% 0 repeat-y;
height: 10px;
overflow: hidden; }
#nifty .cocolog #mypage_contents h2 {
background: #93cc34 url(/images/bg_ttl_mypage.gif) 0 0 no-repeat;
padding: 10px 10px 10px 45px;
font-size: 1.5em; }
#nifty .cocolog #mypage_contents h2#other-page-title {
background: #93cc34 url(/images/bg_ttl_otherpage.gif) 0 0 no-repeat; }
#nifty .cocolog #mypage_contents div#view-mypage {
background: #f1ffcd url(/images/bg_ttl_mypageview.gif) 0 100% repeat-x;
padding: 8px 15px;
margin: 0 1px; }
#nifty .cocolog #mypage_contents div#view-mypage h3 {
float: left;
background-image: none;
padding: 0;
color: #000; }
#nifty .cocolog #mypage_contents div#view-mypage p {
float: right; }
#nifty .cocolog #my_avatar {
padding: 20px; }
#nifty .cocolog #my_avatar_wrap {
width: 220px;
float: left; }
#nifty .cocolog #my_avatar_wrap #my_avatar_img {
margin: 0 0 5px;
position: relative;
height: 300px; }
#nifty .cocolog #my_avatar_wrap #my_avatar_img #abatarimg {
position: absolute; }
#nifty .cocolog #my_avatar_wrap #my_avatar_img #toggle_abatarimg {
position: absolute;
cursor: pointer;
right: 6px;
top: 267px; }
#nifty .cocolog #my_avatar_wrap #setting-blog {
font-size: .9em;
text-align: right; }
#nifty .cocolog #avatar_nav {
width: 330px;
float: right; }
#nifty .cocolog #avatar_nav #avatar_menu {
margin: 0; }
#nifty .cocolog #avatar_nav #avatar_menu_bottom {
margin: 0 0 22px; }
#nifty .cocolog #avatar_nav #avatar_menu li, #nifty .cocolog #avatar_nav #avatar_menu_bottom li {
float: left;
height: 76px;
overflow: hidden;
margin: 0 5px 5px 0; }
#nifty .cocolog #avatar_nav #avatar_menu li#setting {
clear: both; }
#nifty .cocolog #history {
padding: 0 0 10px;
position: relative; }
#nifty .cocolog #history p {
background: none !important;
float: left;
margin: 0 !important;
padding: 0;
position: relative;
width: 165px; }
#nifty .cocolog #history p span {
position: absolute;
left: 106px;
top: 12px; }
#nifty .cocolog #avatar_nav .profile {
padding: 15px 0 0 5px; }
#nifty .cocolog #avatar_active {
clear: both;
background: url(/images/bg_abatar_active.gif) 0 0 repeat-y;
margin: 10px 0 0; }
#nifty .cocolog #active_title {
background: none;
padding: 0; }
#nifty .cocolog #active_entry {
padding: 10px; }
#nifty .cocolog #active_foot {
text-align: left; }
#nifty .cocolog #active_foot .voice_action {
padding: 0 10px; }
#nifty .cocolog #active_foot div.voice_box_bottom {
background: none;
padding: 10px 10px 0; }
#nifty .cocolog #active_foot .active_foot_btm {
background: url(/images/bg_abatar_active.gif) 100% 100% no-repeat;
height: 10px; }
#nifty .cocolog div#mypage_contents div.module {
background: url(/images/bg_mypage_module.gif) 0 0 repeat-y;
margin: 0 0 20px; }
#nifty .cocolog div#mypage_contents div.module-top {
background: url(/images/bg_mypage_moduletb.gif) 0 0 no-repeat;
height: 10px; }
#nifty .cocolog div#mypage_contents div.module-bottom {
background: url(/images/bg_mypage_moduletb.gif) 100% 0 no-repeat;
height: 10px;
overflow: hidden; }
#nifty .cocolog div#mypage_contents div.module .module-inner {
margin: 0 10px;
padding: 10px 0 0; }
#nifty .cocolog div#mypage_contents div.module h3 {
background: none;
padding: 0;
float: left; }
#nifty .cocolog div#mypage_contents div.module ul.images-list, #nifty .cocolog ul.pushes-images-list {
float: left;
margin: 0 -10px 10px 0;
overflow: hidden; }
#nifty .cocolog div#mypage_contents div.module ul.images-list li, #nifty .cocolog ul.pushes-images-list li {
float: left;
margin-right: 10px;
width: 72px; }
#nifty .cocolog div#mypage_contents div.module ul.images-list li p.image, #nifty .cocolog ul.pushes-images-list li p.image {
border: 1px solid #e5e5e5;
padding: 3px; }
#nifty .cocolog div#mypage_contents div.module ul.images-list li p.image a img {
vertical-align: middle; }
#nifty .cocolog div#mypage_contents div.module ul.images-list li p.name {
text-align: center; }
#nifty .cocolog div#mypage_contents div.module .more-link {
float: right; }
#nifty .cocolog div#mypage_contents div.module .more-link .more {
float: left; }
#nifty .cocolog div#mypage_contents div#myblog h3 {
background: none;
padding: 0;
margin: 0 0 10px;
width: 80px; }
#nifty .cocolog div#mypage_contents div#myblog table td {
vertical-align: top;
width: 276px; }
#nifty .cocolog div#mypage_contents div#myblog table td p {
background: url(/images/arrow_li.gif) 0 2px no-repeat;
margin: 0 0 7px;
padding-left: 10px; }
#nifty .cocolog div#mypage_contents div#otherblog h3 {
background: none;
padding: 0;
margin: 0 0 10px;
width: 50px; }
#nifty .cocolog div#mypage_contents div#otherblog table td {
vertical-align: top; }
#nifty .cocolog div#mypage_contents div#otherblog table td p {
background: url(/images/arrow_li.gif) 0 2px no-repeat;
margin: 0 0 7px;
padding-left: 10px; }
#nifty .cocolog div#mypage_contents div#otherblog table td p img {
vertical-align: middle;
margin-left: 3px; }
#nifty .cocolog #welcomeSQ {
margin: 0 0 10px;
background: url(/images/bg_welcomesq.gif) 0 0 repeat-y; }
#nifty .cocolog #welcomeSQ h3 {
padding: 0; }
#nifty .cocolog #welcomeSQ dl dd ul {
padding: 0 33px 20px;
margin: 0; }
#nifty .cocolog #welcomeSQ dl dd ul li {
background: url(/images/arrow_howtoplay.gif) 0 2px no-repeat;
padding: 0 0 10px 15px; }
#nifty .cocolog #welcomeSQ .baner {
text-align: center; }
#nifty .cocolog #welcomeSQ p.comment {
padding: 0; }
#nifty .cocolog #squares-informations {
background: url(/images/bg_sqinformations.gif) -300px 0 repeat-y; }
#nifty .cocolog #squares-informations h3 {
background: url(/images/bg_sqinformations.gif) 0 0 no-repeat;
padding: 3px 0 6px 9px; }
#nifty .cocolog .squares-informations-inner {
padding: 10px 10px 0; }
#nifty .cocolog #squares-informations .box_bottom {
background: url(/images/bg_sqinformations.gif) -600px 100% no-repeat;
height: 10px; }
#nifty .cocolog #sidebar .togglable .button a {
color: #666;
display: block;
float: right;
height: 16px;
line-height: 16px;
margin-top: 7px;
padding: 0 20px 0 0;
text-align: right; }
#nifty .cocolog table.qr {
border-width: 0;
border-style: none;
border-color: #00f;
border-collapse: collapse; }
#nifty .cocolog table.qr td {
border-width: 0;
border-style: none;
border-color: #00f;
border-collapse: collapse;
padding: 0;
margin: 0;
width: 3px;
height: 3px; }
#nifty .cocolog table.qr td.black {
background-color: #000; }
#nifty .cocolog table.qr td.white {
background-color: #fff; }
#nifty .cocolog div#invitation_alert {
margin-bottom: 10px;
padding: 5px;
border: #f66 2px solid;
background-color: #fff0f0; }
#nifty .cocolog .tracking_from_to_form input {
margin: 5px; }
#nifty .cocolog div.invitation_step_block {
padding-left: 20px;
margin-bottom: 10px; }
#nifty .cocolog div.invitation_step_block textarea {
margin-top: 5px; }
#nifty .cocolog div#uid_activation_qrcode {
float: left;
height: 140px; }
#nifty .cocolog div#uid_activation_notice {
padding-left: 130px; }
#nifty .cocolog div#invitation_url_sync_button {
margin: 5px; }
#nifty .cocolog div#invitation_alert {
font-size: normal;
padding: 10px; }
#nifty .cocolog div#invitation_alert p {
font-weight: 700;
font-size: large;
margin-bottom: 5px; }
#nifty .cocolog #invitation_main_contents {
margin-bottom: 20px; }
#nifty .cocolog #invitation_main_contents h3 {
background: none;
padding: 0; }
#nifty .cocolog #invitation_main_contents div.lead {
position: relative; }
#nifty .cocolog #invitation_main_contents div.lead p.term {
position: absolute;
top: 4px;
left: 90px; }
#nifty .cocolog #invitation_main_contents #present {
background: url(/images/images_cp/01_bg_re_present.gif) 0 0 repeat-y; }
#nifty .cocolog #invitation_main_contents #present .cont_inner {
padding: 0 28px 0 30px;
background: url(/images/images_cp/01_bg_bottom_present.jpg) 0 bottom no-repeat;
zoom: 1; }
#nifty .cocolog #invitation_main_contents #present .cont_inner ul {
margin: 0;
background: url(/images/images_cp/01_bg_plus_present.jpg) 147px 92px no-repeat;
width: 547px; }
#nifty .cocolog #invitation_main_contents #present .cont_inner ul li {
float: left; }
#nifty .cocolog #invitation_main_contents #present .cont_inner ul li p.photo {
padding: 10px 10px 0; }
#nifty .cocolog #invitation_main_contents #present .cont_inner ul li p.txt {
padding: 0 10px 10px;
background: url(/images/images_cp/01_bgbtm02_frame_present.jpg) 0 bottom no-repeat; }
#nifty .cocolog #invitation_main_contents #present .cont_inner ul li.first p.txt {
background: url(/images/images_cp/01_bgbtm01_frame_present.jpg) 0 bottom no-repeat; }
#nifty .cocolog #invitation_main_contents #present .cont_inner div.lead {
padding: 20px 20px 35px;
margin-top: 15px;
background: url(/images/images_cp/01_boader_present.gif) 0 0 repeat-x;
position: inherit; }
#nifty .cocolog #invitation_main_contents #present .cont_inner div.lead p {
float: left; }
#nifty .cocolog #invitation_main_contents #present .cont_inner ul li.first {
background: url(/images/images_cp/01_bg01_frame_present.jpg) 0 0 no-repeat;
margin-right: 50px; }
#nifty .cocolog #invitation_main_contents #present .cont_inner ul li.second {
background: url(/images/images_cp/01_bg02_frame_present.jpg) 0 0 no-repeat;
margin-right: 4px; }
#nifty .cocolog #invitation_main_contents #present .cont_inner ul li.third {
background: url(/images/images_cp/01_bg03_frame_present.jpg) 0 0 no-repeat;
margin-right: 4px; }
#nifty .cocolog #invitation_main_contents #present .cont_inner ul li.fourth {
background: url(/images/images_cp/01_bg04_frame_present.jpg) 0 0 no-repeat; }
#nifty .cocolog #matter_contents, #nifty .cocolog #invitation_notice {
width: 565px;
margin: 0 auto 10px;
color: #414141; }
#nifty .cocolog #matter_contents h3, #nifty .cocolog #invitation_notice h3 {
background: none;
padding: 0; }
#nifty .cocolog #matter_contents .cont_inner, #nifty .cocolog #invitation_notice .cont_inner {
background: url(/images/images_cp/01_bg_re_matter.gif) 0 0 repeat-y;
padding: 0 20px 10px; }
#nifty .cocolog #matter_contents .cont_inner p.lead, #nifty .cocolog #invitation_notice .cont_inner p.lead {
font-weight: 700;
margin-bottom: 1em; }
#nifty .cocolog #matter_contents .cont_bottom, #nifty .cocolog #invitation_notice .cont_bottom {
background: url(/images/images_cp/01_bg_bottom_matter.gif) 0 0 no-repeat;
height: 5px;
font-size: 0; }
#nifty .cocolog .lead_invite {
text-align: center;
margin-bottom: 10px; }
#nifty .cocolog .lead_matter {
text-align: center;
margin-bottom: 10px; }
#nifty .cocolog #fault-informations {
margin-top: 1em; }
#nifty .cocolog span.mail_address_period {
font-weight: 700;
font-size: large; }
#nifty .cocolog span.alert_notice {
font-weight: 700;
color: #c00; }
#nifty .cocolog ul.mail_address_list {
padding-top: 10px;
padding-left: 30px; }
#nifty .cocolog div#interpot_opinion div.voice_box {
padding-right: 10px; }
#nifty .cocolog div.box_error p {
margin: 5px; }
#nifty .cocolog div.entry-inner-comments {
margin: 5px;
margin-top: 10px;
padding: 5px;
margin-left: 80px; }
#nifty .cocolog div.entry-inner-comment {
min-height: 70px;
margin-top: 5px;
padding: 10px 5px;
margin-bottom: 5px;
background-color: #fffffe; }
#nifty .cocolog div.entry-inner-comment-avatar {
padding-left: 5px;
float: left;
min-width: 75px;
width: 75px; }
#nifty .cocolog div.entry-inner-comment-body {
padding-left: 10px;
margin-left: 75px;
margin-bottom: 5px;
min-height: 70px; }
#nifty .cocolog ul#pings {
position: fixed;
z-index: 10;
left: 20px;
top: 0;
margin: 0;
padding: 0; }
#nifty .cocolog ul#pings li {
border: 1px solid #f6ac00;
background-color: #fbf0e4;
margin: 0;
padding: 5px;
width: 200px;
min-height: 64px;
font-size: x-small;
font-weight: 700;
list-style-type: none; }
#nifty .cocolog #squares-information-notifications {
position: absolute;
z-index: 10;
left: 20px;
top: 0;
background: url(/images/bg_sqinformation_notifications.png) -300px 0 repeat-y;
display: none; }
#nifty .cocolog #squares-information-notifications h3 {
background: url(/images/bg_sqinformation_notifications.png) 0 0 no-repeat;
padding: 8px 0 6px 9px; }
#nifty .cocolog .squares-informations-inner {
padding: 10px 10px 0; }
#nifty .cocolog #squares-information-notifications .box_bottom {
background: url(/images/bg_sqinformation_notifications.png) -600px 100% no-repeat;
height: 10px; }
#nifty .cocolog #sidebar .togglable .button a {
color: #666;
display: block;
float: right;
height: 16px;
line-height: 16px;
margin-top: 7px;
padding: 0 20px 0 0;
text-align: right; }
#nifty .cocolog div#squares-information-notifications .close a:before {
content: '\9589\3058\308B'; }
#nifty .cocolog #squares-information-body {
position: absolute;
z-index: 11;
left: 20px;
top: 0;
background: url(/images/bg_sqinformation_body.png) -600px 0 repeat-y;
width: 600px;
text-align: left; }
#nifty .cocolog div#squares-information-body h3.squares-information-subject {
background: url(/images/bg_sqinformation_body.png) 0 0 no-repeat;
padding: 15px 0 6px 9px;
font-size: large; }
#nifty .cocolog div.squares-information-body-inner {
padding: 10px; }
#nifty .cocolog #squares-information-body .box_bottom {
background: url(/images/bg_sqinformation_body.png) -1200px 100% no-repeat;
height: 10px; }
#nifty .cocolog span.information_is_read {
font-size: small;
color: #f00; }
#nifty .cocolog span#information_unread_num {
padding: 0 0 0 4px;
margin: 0;
font-size: 100%;
color: red; }
#nifty .cocolog div#commonHeader ul li.nickname {
background: url(/images/hito_grey.gif) no-repeat left;
padding: 1px 0 3px 6px; }
#nifty .cocolog div#commonHeader ul li.login {
background: url(/images/icon_login_grey.gif) no-repeat left;
padding: 1px 0 3px 12px; }
#nifty .cocolog div#commonHeader ul li.info {
background: url(/images/icon_info_grey.gif) no-repeat left;
padding: 1px 0 3px 12px; }
#nifty .cocolog div#commonHeader ul li.search_link {
background: url(/images/icon_search_grey.gif) no-repeat left;
padding: 1px 0 3px 12px; }
#nifty .cocolog div.squares-information-date {
text-align: right;
padding-right: 20px;
color: #656565; }
#nifty .cocolog div#squares-informations-search {
display: none;
position: absolute;
z-index: 12; }
#nifty .cocolog div#squares-informations-search .close a:before {
content: '\9589\3058\308B'; }
#nifty .cocolog #squares-informations-search-inner {
background: url(/images/bg_sqinformations_search.gif) -300px 0 repeat-y; }
#nifty .cocolog #squares-informations-search h3 {
background: url(/images/bg_sqinformations_search.gif) 0 0 no-repeat;
padding: 9px 0 5px 9px; }
#nifty .cocolog .squares-informations-search-inner {
padding: 10px 10px 0; }
#nifty .cocolog #squares-informations-search .box_bottom {
background: url(/images/bg_sqinformations_search.gif) -600px 100% no-repeat;
height: 10px; }
#nifty .cocolog div#commonHeader div#commonHeadLogo div ul li.gotoniftytop a {
padding-top: 3px;
padding-left: 10px;
text-decoration: none;
font-size: x-small; }
#nifty .cocolog p.voice_blog_pr_ng {
color: red;
font-weight: 700; }
#nifty .cocolog img#tutorialArrow {
position: absolute;
z-index: 12; }
#nifty .cocolog div#express_installation {
margin-top: 10px;
padding: 10px; }
#nifty .cocolog div#howto_update_flash div.entry, #nifty .cocolog div#howto_reinstall_flash div.entry {
width: auto; }
#nifty .cocolog div#howto_update_flash, #nifty .cocolog div#howto_reinstall_flash {
display: none; }
#nifty .cocolog div#express_installation_note {
margin-top: 10px;
margin-bottom: 10px; }
#nifty .cocolog div#gadget_inner div.formbox_error {
margin: 10px; }
#nifty .cocolog .tutorialFrontBox {
display: none;
width: 728px;
position: fixed;
top: 0;
z-index: 22; }
#nifty .cocolog .tutorialFrontBox .inner {
width: 728px;
position: absolute;
top: 100px; }
#nifty .cocolog .tutorialFrontBox img {
vertical-align: bottom; }
#nifty .cocolog .tutorialFrontBox h3 {
padding: 0; }
#nifty .cocolog .tutorialFrontBox dl {
background: url(/images/tutorial/bg_front_box.gif) repeat-y 0 0; }
#nifty .cocolog .tutorialFrontBox dt {
margin: 0 0 20px; }
#nifty .cocolog .tutorialFrontBox dd {
width: 560px;
text-align: left;
padding: 0;
margin: 0 84px;
zoom: 1; }
#nifty .cocolog .tutorialFrontBox dd:after {
content: '';
clear: both;
display: block; }
#nifty .cocolog .tutorialFrontBox .left {
width: 280px;
float: left; }
#nifty .cocolog .tutorialFrontBox .right {
width: 280px;
float: right; }
#nifty .cocolog .tutorialFrontBox ul {
padding: 15px 0 0;
margin: 0; }
#nifty .cocolog .tutorialFrontBox li {
min-height: 15px;
padding: 0 0 0 18px;
margin: 0 0 10px;
background-repeat: no-repeat;
background-position: 0 .25em; }
#nifty .cocolog .tutorialFrontBox .left li {
background-image: url(/images/tutorial/icon_dot_blue.gif); }
#nifty .cocolog .tutorialFrontBox .right li {
background-image: url(/images/tutorial/icon_dot_orange.gif); }
#nifty .cocolog .tutorialFrontBox .baner {
padding: 20px 0 0; }
#nifty .cocolog .tutorialFrontBox .comment {
padding: 0; }
#nifty .cocolog .tutorialFrontBox .closeBtn {
width: 62px;
height: 61px;
position: absolute;
top: -28px;
right: -26px; }
#nifty .cocolog #greyField {
background-color: #000;
position: fixed;
z-index: 10;
top: 0;
left: 0;
opacity: .8;
filter: Alpha(opacity=80); }
#nifty .cocolog .tutorialFixed {
text-decoration: line-through; }
#nifty .cocolog #tutorialNotice {
text-align: center;
font-weight: 700;
color: #f00;
padding: 5px 0; }
#nifty .cocolog div#recent_first_voice p.posted {
margin-top: 5px; }
#nifty .cocolog table#releases_calender {
width: 910px;
margin: 5px;
margin-left: 20px;
line-height: normal; }
#nifty .cocolog table#releases_calender tr#label {
background-color: #eee;
text-align: center;
height: 16px; }
#nifty .cocolog table#releases_calender tr {
vertical-align: top;
height: 60px; }
#nifty .cocolog table#releases_calender th {
width: 130px;
border: 1px solid #6e6e6e;
padding: 2px; }
#nifty .cocolog table#releases_calender th ul li {
font-size: x-small;
margin-bottom: 10px; }
#nifty .cocolog table#releases_calender th.sunday {
background-color: #fee;
color: #c33; }
#nifty .cocolog table#releases_calender th.holiday {
background-color: #fee;
color: #c33; }
#nifty .cocolog table#releases_calender th.saturday {
background-color: #eef9ff;
color: #39c; }
#nifty .cocolog table#releases_calender tr#label th.sunday {
color: #c33;
background-color: #eee; }
#nifty .cocolog table#releases_calender tr#label th.saturday {
color: #39c;
background-color: #eee; }
#nifty .cocolog table#releases_calender th.holiday span.holiday_name {
padding-left: 5px; }
#nifty .cocolog div#releases_calender_month {
text-align: center;
font-weight: 700;
margin: 10px;
font-size: large; }
#nifty .cocolog div#releases_calender_month span {
padding: 10px; }
#nifty .cocolog div#releases_calender_notice {
text-align: right;
padding-right: 20px;
padding-top: 10px; }
#nifty .cocolog div.sidebar-contents-date {
margin-bottom: 7px; }
#nifty .cocolog div#gadget_header_note {
margin: 15px; }
#nifty .cocolog input#installation_header_note_disabled_at {
width: auto; }
#nifty .cocolog div.push_box {
text-align: center; }
#nifty .cocolog #avatar_nav .push_box #avatar_menu {
height: auto;
width: 250px;
margin-left: 40px; }
#nifty .cocolog #mypage_contents h2#push-page-title {
background: #93cc34 url(/images/bg_ttl_pushpage.gif) 0 0 no-repeat;
padding-left: 20px; }
#nifty .cocolog #nifty-official-blogs img.thumbnail {
background: none repeat scroll 0 0 #FFF;
border: 1px solid #CCC;
float: left;
margin: 0 5px 0 0;
padding: 2px; }
#nifty .cocolog #nifty-official-blogs li {
line-height: 1.2;
margin: 10px 5px; }
#nifty .cocolog #nifty-official-blogs p:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden; }
#nifty .cocolog ul.pushes-images-list {
margin-left: 5px; }
#nifty .cocolog ul.pushes-images-list li {
margin-right: 15px; }
#nifty .cocolog div.action_stream_image div.select_link {
text-align: center;
margin-bottom: 3px; }
#nifty .cocolog textarea#contest_candidate_voice {
height: 100px; }
#nifty .cocolog textarea#contest_vote_voice {
height: 100px; }
#nifty .cocolog div#contest_entry_thanks {
margin: 30px 0;
font-weight: 700; }
#nifty .cocolog div#contest_term_subject {
font-weight: 700; }
#nifty .cocolog div#contest_term_notice li {
padding: 5px 10px; }
#nifty .cocolog div#contest_term_notice {
margin: 20px; }
#nifty .cocolog div#contest_voted {
margin: 20px;
padding: 20px;
border: 1px solid red;
background-color: #ffeaea;
font-weight: 700; }
#nifty .cocolog div.contest_entry_item {
margin: 20px;
border-bottom: 1px dashed #ccc; }
#nifty .cocolog div.contest_entry_item div {
margin: 5px 0; }
#nifty .cocolog div.contest_ranking {
font-weight: 700;
font-size: large; }
#nifty .cocolog div#contest_html_area {
margin: 30px 0; }
#nifty .cocolog ul#mypage_task_list {
background: #f6f4ed;
border: 1px solid #ffc000;
padding: 10px;
color: #f30; }
#nifty .cocolog ul#mypage_task_list li.check_mark {
margin-left: 0; }
#nifty .cocolog table.inquiries {
border: 2px solid black;
width: 950px;
font-size: small;
margin-top: 5px;
margin-bottom: 5px; }
#nifty .cocolog table.inquiries td {
padding: 5px;
border: 1px solid grey; }
#nifty .cocolog table.inquiries tr.label {
background-color: #fffde2;
font-weight: 700; }
#nifty .cocolog table.inquiries td.label {
background-color: #fffde2;
font-weight: 700;
width: 80px; }
#nifty .cocolog div.inquiry h2 {
margin-top: 20px;
margin-bottom: 5px; }
#nifty .cocolog .inquiries_search {
background: none repeat scroll 0 0 #ffffe5;
border: 1px solid #f5e082;
margin: 10px;
padding: 10px; }
#nifty .cocolog .inquiries_search div {
margin: 10px;
font-weight: 700; }
#nifty .cocolog .inquiries_search div label {
width: 300px; }
#nifty .cocolog .inquiries_search input {
width: 300px; }
#nifty .cocolog input#search_from {
width: 200px; }
#nifty .cocolog input#inquiry_reedit {
float: left;
margin-right: 15px; }
#nifty .cocolog input#search_to {
width: 200px; }
#nifty .cocolog input#search_closed {
width: 50px; }
#nifty .cocolog #inquiry_comment_text {
width: 600px;
height: 150px;
margin: 5px 0 10px; }
#nifty .cocolog ul.inquiry_template_body li {
display: none; }
#nifty .cocolog div#trouble_user {
font-size: x-small;
text-align: right;
margin-bottom: 5px; }
#nifty .cocolog div#trouble_user div {
padding-bottom: 3px; }
#nifty .cocolog textarea#inquiry_comment_body, #nifty .cocolog textarea#sp_inquiry_body {
background-color: #fcc; }
#nifty .cocolog div.squares-information-footer {
text-align: right;
color: #656565;
margin-top: 20px; }
#nifty .cocolog .yim {
border: 1px black solid;
margin: auto; }
#nifty .cocolog .yim-header {
min-height: 90px;
width: 728px; }
#nifty .cocolog .yim-sidebar {
min-height: 250px;
width: 300px; }
#nifty .cocolog .yim-content {
margin: 0;
min-height: 280px;
width: 336px;
border: none; }
#nifty .cocolog .yim ul {
padding: 0; }
#nifty .cocolog .yim-content ul {
margin-bottom: 4px; }
#nifty .cocolog .yim li {
cursor: pointer;
text-align: left;
display: block;
background: url(/images/allow.gif) no-repeat scroll left center transparent;
margin-left: .5em;
line-height: 120%; }
#nifty .cocolog .yim-sidebar li {
min-height: 66px; }
#nifty .cocolog .yim-sidebar .about {
height: 18px; }
#nifty .cocolog .yim-content li {
min-height: 60px; }
#nifty .cocolog .yim a.yim-ad {
cursor: pointer;
text-decoration: none;
display: block;
margin: 4px 0 4px 1em;
padding-left: .5em; }
#nifty .cocolog .yim a.yim-ad:hover {
background: none repeat scroll 0 0 #f1eee7; }
#nifty .cocolog .yim span.yim-title {
text-decoration: underline;
color: #0062ce;
font-weight: 700;
font-size: small; }
#nifty .cocolog .yim span.desc {
color: #000;
font-size: small; }
#nifty .cocolog .yim span.host {
color: green;
font-size: x-small;
word-wrap: break-word; }
#nifty .cocolog .yim .about {
font-size: small;
text-align: right;
width: auto;
color: #FFF;
background-color: #333;
padding: 3px; }
#nifty .cocolog .yim-content .about {
color: #000;
background-color: transparent; }
#nifty .cocolog .yim .about a {
color: #FFF; }
#nifty .cocolog .yim-content .about a {
color: #000; }
#nifty .cocolog .yim .about a:hover {
text-decoration: underline; }
#nifty .cocolog div.myroom_frame {
width: 945px;
border: 0;
margin-left: 2px;
margin-bottom: 10px;
text-align: center; }
#nifty .cocolog #roomphoto h3 {
background: none; }
#nifty .cocolog #cardalbum {
margin: 0 16px;
padding: 0 0 30px; }
#nifty .cocolog #cardalbum h2 {
background: url(/images/card/cardalbum_bgtop.gif) no-repeat 0 0;
padding: 21px 0 0 60px; }
#nifty .cocolog #cardalbum_inner {
background: url(/images/card/cardalbum_bg.gif) repeat-y 0 0;
padding: 11px 30px 20px 61px; }
#nifty .cocolog div.edit-cardlist {
padding-bottom: 80px; }
#nifty .cocolog div.edit-cardlist-first {
padding-bottom: 50px; }
#nifty .cocolog div.edit-cardlist img {
padding-bottom: 5px; }
#nifty .cocolog div.gray img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 .3333 .3333 .3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: gray;
filter: gray; }
#nifty .cocolog div.edit-cardlist div.cardlist_line div {
text-align: center;
line-height: 20px; }
#nifty .cocolog div.edit-cardlist div.cardlist_line a {
text-decoration: none; }
#nifty .cocolog #cardalbum_inner .cardlist {
background: url(/images/card/cardalbum_cardbg.gif) no-repeat 0 0;
height: 144px;
margin: 0;
zoom: 1; }
#nifty .cocolog #cardalbum_inner .cardlist div.cardlist_group {
height: 130px;
zoom: 1;
margin: 0;
line-height: 1;
vertical-align: top; }
#nifty .cocolog #cardalbum_inner .cardlist div.cardlist_line {
width: 130px;
height: 130px;
margin: 0 0 0 9px;
float: left;
position: relative;
display: inline; }
#nifty .cocolog #cardalbum_inner .cardlist div.cardlist_line a:hover div.cardalbum_popup {
display: block; }
#nifty .cocolog #cardalbum_inner .cardlist div.first {
margin-left: 0; }
#nifty .cocolog #cardalbum_inner .cardlist div.cardlist_line img.card {
z-index: 1;
position: absolute;
right: 0;
top: 0;
display: block;
margin: 0;
height: 130px; }
#nifty .cocolog #cardalbum_inner .cardlist div.cardlist_line a:hover span {
cursor: pointer;
display: block;
z-index: 10;
position: absolute;
right: 0;
top: 0;
border: solid 4px #ff6000;
width: 122px;
height: 122px;
line-height: 1; }
#nifty .cocolog #cardalbum_btm .more-link {
padding: 22px 0 0;
background: url(/images/card/cardalbum_btmline.gif) repeat-x 0 0;
font-weight: 700;
min-height: 27px; }
#nifty .cocolog #cardalbum_inner .more-link {
font-weight: 700; }
#nifty .cocolog #cardalbum_btm {
background: url(/images/card/cardalbum_bgbtm.gif) no-repeat 0 100%;
padding: 5px 31px 15px 61px; }
#nifty .cocolog #cardalbum_btm .pagination {
margin-top: 0; }
#nifty .cocolog #roomphoto {
padding: 0 15px; }
#nifty .cocolog #roomphoto .roomtitle {
background: url(/images/card/box_01_wide.gif);
margin: 0 0 10px;
padding: 6px 0 0;
zoom: 1; }
#nifty .cocolog #roomphoto .roomtitle .inner {
background: url(/images/card/box_01_wide.gif) no-repeat 0 100%; }
#nifty .cocolog #roomphoto .roomtitle h3 {
padding: 4px 0 10px 15px; }
#nifty .cocolog #roomphoto .room {
background: url(/images/card/room_bg.gif) no-repeat 0 0;
padding: 12px 13px 0;
margin: 0;
position: relative;
height: 602px; }
#nifty .cocolog #roomphoto .room div {
position: relative;
z-index: 1; }
#nifty .cocolog #roomphoto .room p {
position: absolute;
z-index: 10;
right: 22px;
top: 476px; }
#nifty .cocolog #roomphoto .roompush {
zoom: 1;
padding: 0 0 20px; }
#nifty .cocolog #roomphoto .push_box {
overflow: hidden;
width: 240px;
float: left;
margin: 0; }
#nifty .cocolog #roomphoto .push_box img {
margin-left: -15px; }
#nifty .cocolog #roomphoto .push_box img a {
width: 240px;
display: block;
overflow: hidden; }
#nifty .cocolog #roomphoto .push_info {
width: 680px;
float: left;
background: url(/images/card/roompush_infobg.gif) no-repeat 0 100%;
padding: 0 0 20px;
font-size: .92em; }
#nifty .cocolog #roomphoto .push_info h4 {
padding: 20px 26px 12px 40px;
background: url(/images/card/roompush_infobg.gif) no-repeat 0 0; }
#nifty .cocolog #roomphoto .push_faq {
padding: 0 26px 10px 40px;
zoom: 1; }
#nifty .cocolog #roomphoto .push_faq ul {
width: 300px;
float: left;
margin: 0 7px 5px 0; }
#nifty .cocolog #roomphoto .push_faq ul li {
margin: 0 0 8px; }
#nifty .cocolog #roomphoto .push_history {
padding: 15px 0 0;
margin: 0 26px 0 40px;
background: url(/images/card/line_dot.gif) repeat-x 0 0;
zoom: 1; }
#nifty .cocolog #roomphoto .push_history .info {
width: 82px;
float: left;
margin-right: 4px; }
#nifty .cocolog #roomphoto .push_history .info .more {
padding-left: 0;
padding-right: 18px;
margin-top: 5px;
font-size: .92em; }
#nifty .cocolog #roomphoto .push_history ul.images-list {
width: 528px;
float: left;
margin: 0; }
#nifty .cocolog #roomphoto .push_history ul.images-list li {
float: left;
margin: 0 8px;
width: 72px;
display: inline; }
#nifty .cocolog #roomphoto .push_history ul.images-list li p.image {
border: 1px solid #e5e5e5;
padding: 3px;
background: #fff;
margin-bottom: 3px; }
#nifty .cocolog #roomphoto .push_history ul.images-list li a img {
vertical-align: middle; }
#nifty .cocolog #roomphoto .push_history ul.images-list li p.name {
text-align: center;
font-size: .92em; }
#nifty .cocolog div.cardalbum_popup {
width: 207px;
text-align: left;
position: absolute;
z-index: 11;
margin-top: 10px;
margin-left: -37px;
display: none;
color: #333; }
#nifty .cocolog div.cardalbum_popup .card_head {
background: url(/images/card/cardpop_bg.gif) no-repeat 0 0;
padding: 7px 10px 2px 15px;
zoom: 1; }
#nifty .cocolog div.cardalbum_popup .card_head p {
width: 150px;
float: left;
font-weight: 700;
margin: 5px 0 0; }
#nifty .cocolog div.cardalbum_popup .card_head div {
float: right;
width: 25px; }
#nifty .cocolog div.cardalbum_popup .info {
background: url(/images/card/cardpop_bg.gif) no-repeat 0 100%;
padding: 3px 7px 12px 6px;
font-size: .92em; }
#nifty .cocolog div.cardalbum_popup .info dl {
background: #fff;
padding: 8px 8px 2px; }
#nifty .cocolog div.cardalbum_popup .info dt {
width: 3.5em;
float: left;
color: #c76d00;
margin: 0 0 3px; }
#nifty .cocolog div.cardalbum_popup .info dd {
padding: 0 0 5px;
zoom: 1;
overflow: hidden; }
#nifty .cocolog div.cardalbum_popup .info dt.profile {
float: none;
width: auto;
margin: 0 0 2px; }
#nifty .cocolog #cardalbum_inner .cardlist ul:after, #nifty .cocolog #roomphoto .roompush:after, #nifty .cocolog #roomphoto .push_faq:after, #nifty .cocolog #roomphoto .push_history:after, #nifty .cocolog #cardalbum_popup .card_head {
content: '';
display: block;
clear: both; }
#nifty .cocolog div#cardGacha {
background: url(/images/card/bg_main.gif) 0 0 repeat-y;
width: 920px;
margin: 0 auto;
padding: 0 0 20px;
color: #333; }
#nifty .cocolog div#cardGacha div#gHead {
margin: 0 0 10px; }
#nifty .cocolog div#cardGacha div#gHead h3 {
padding: 0;
background: none; }
#nifty .cocolog div#cardGacha ol#gDescription {
width: 780px;
margin: 0 auto 20px;
font-size: 0; }
#nifty .cocolog div#cardGacha ol#gDescription li#description01 {
width: 780px;
background: url(/images/card/bg_description01.gif) left bottom no-repeat;
padding-bottom: 21px; }
#nifty .cocolog div#cardGacha ol#gDescription .descriptionL {
width: 390px;
float: left; }
#nifty .cocolog div#cardGacha ol#gDescription li#description02 {
width: 390px;
background: url(/images/card/bg_description02.gif) left bottom no-repeat;
padding-bottom: 21px; }
#nifty .cocolog div#cardGacha ol#gDescription li#description03 {
width: 390px;
background: url(/images/card/bg_description03.gif) left bottom no-repeat;
padding-bottom: 21px; }
#nifty .cocolog div#cardGacha div.gContentsArea {
margin-bottom: 20px;
width: 780px;
margin: 0 auto 20px; }
#nifty .cocolog div#cardGacha div.gContentsArea .explanation {
font-size: x-small; }
#nifty .cocolog div#cardGacha div.gContents {
border: 6px solid #5e4024;
border-top: none;
padding: 0 15px 15px;
background-color: #fff; }
#nifty .cocolog div#cardGacha div.gContents h5 {
margin-bottom: 15px; }
#nifty .cocolog div#cardGacha div#rareContents ul {
margin: 0; }
#nifty .cocolog div#cardGacha div#rareContents li {
width: 246px;
float: left;
text-align: center; }
#nifty .cocolog div#cardGacha div.gContents table {
margin: 0 0 15px;
background: url(/images/card/bg_table.gif) 0 0 repeat-y; }
#nifty .cocolog div#cardGacha div.gContents table th, #nifty .cocolog div#cardGacha div.gContents table td {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff; }
#nifty .cocolog div#cardGacha div.gContents table td {
width: 180px;
padding: 10px;
text-align: left; }
#nifty .cocolog div#cardGacha div.gContents tr.gachaImg td {
padding: 0; }
#nifty .cocolog div#cardGacha div.gContents td.lastChild {
border-right: none; }
#nifty .cocolog div#cardGacha div.gContents dl {
width: 235px;
float: left;
padding-right: 15px;
text-align: left; }
#nifty .cocolog div#cardGacha div.gContents dl.lastChild {
padding-right: 0; }
#nifty .cocolog div#cardGacha div.gContents dt {
font-weight: 700;
border-bottom: dotted 1px;
padding: 0 5px 4px; }
#nifty .cocolog div#cardGacha div.gContents dd {
padding: 0 5px;
font-size: 90%;
line-height: 1.6; }
#nifty .cocolog div#cardGacha div.gContents dd li {
margin-bottom: 10px;
padding-left: 11px;
background: url(/images/card/icon_dott.gif) 0 5px no-repeat; }
#nifty .cocolog div#cardGacha div.gContents dd p {
text-align: center; }
#nifty .cocolog div#cardGacha div.gContents div.gContentsL {
float: left;
width: 543px; }
#nifty .cocolog div#cardGacha div.gContents div.gContentsR {
float: right;
width: 195px; }
#nifty .cocolog div#cardGacha div.gContents p.gPageTop {
text-align: right;
padding: 15px 0 0;
clear: both; }
#nifty .cocolog div#cardGacha a, #nifty .cocolog div#cardGacha a:hover {
text-indent: -9999px;
display: block;
margin: 0 auto;
overflow: hidden; }
#nifty .cocolog div#cardGacha a.link_icon {
text-indent: 0;
display: inline;
margin: 0 auto;
overflow: hidden; }
#nifty .cocolog div#cardGacha ol#gDescription a {
height: 44px;
line-height: normal; }
#nifty .cocolog div#cardGacha ol#gDescription a.btnKind {
background: url(/images/card/btn_description.gif) 0 0 no-repeat;
width: 173px; }
#nifty .cocolog div#cardGacha ol#gDescription a.btnKind:hover {
background: url(/images/card/btn_description.gif) 0 -44px no-repeat; }
#nifty .cocolog div#cardGacha ol#gDescription a.btnRare {
background: url(/images/card/btn_description.gif) -173px 0 no-repeat;
width: 189px; }
#nifty .cocolog div#cardGacha ol#gDescription a.btnRare:hover {
background: url(/images/card/btn_description.gif) -173px -44px no-repeat; }
#nifty .cocolog div#cardGacha ol#gDescription a.btnCombination {
background: url(/images/card/btn_description.gif) -362px 0 no-repeat;
width: 173px; }
#nifty .cocolog div#cardGacha ol#gDescription a.btnCombination:hover {
background: url(/images/card/btn_description.gif) -362px -44px no-repeat; }
#nifty .cocolog div#cardGacha ol#gDescription a.btnRoom {
background: url(/images/card/btn_description.gif) -535px 0 no-repeat;
width: 173px; }
#nifty .cocolog div#cardGacha ol#gDescription a.btnRoom:hover {
background: url(/images/card/btn_description.gif) -535px -44px no-repeat; }
#nifty .cocolog div#cardGacha div.gBtnArea {
padding-bottom: 20px; }
#nifty .cocolog div#cardGacha div.gBtnArea a {
height: 87px; }
#nifty .cocolog div#cardGacha div.gBtnArea a {
background: url(/images/card/btn_gacha.gif) 0 0 no-repeat;
width: 477px; }
#nifty .cocolog div#cardGacha div.gBtnArea a:hover {
background: url(/images/card/btn_gacha.gif) 0 -87px no-repeat;
width: 477px; }
#nifty .cocolog div#cardGacha div.gContents dd p a, #nifty .cocolog div#cardGacha div.gContents dd p a:hover {
height: 35px;
margin-top: 10px; }
#nifty .cocolog div#cardGacha div.gContents dd p a {
background: url(/images/card/btn_machi.gif) 0 0 no-repeat;
width: 121px; }
#nifty .cocolog div#cardGacha div.gContents dd p a:hover {
background: url(/images/card/btn_machi.gif) 0 -35px no-repeat;
width: 121px; }
#nifty .cocolog div#cardGacha p.gPageTop a, #nifty .cocolog div#cardGacha p.gPageTop a:hover {
height: 13px;
text-indent: 0;
display: inline; }
#nifty .cocolog li.friend-image-hidden {
display: none; }
#nifty .cocolog div#friends-pagination {
text-align: right;
margin-bottom: 5px; }
#nifty .cocolog ul#friend-list p.name {
font-size: small; }
#nifty .cocolog .box_main_r img {
max-width: 450px; }
#nifty .cocolog div#contest_entry_items img {
max-width: 565px; }
#nifty .cocolog span.highlight {
background-color: #fc3; }
#nifty .cocolog ul#gadgetpage_task_list {
background: #f6f4ed;
border: 1px solid #ffc000;
padding: 10px;
margin: 0 10px;
margin-bottom: 10px; }
#nifty .cocolog ul#gadgetpage_task_list li.notice {
font-weight: 700; }
#nifty .cocolog div#popup_pushes {
text-align: left; }
#nifty .cocolog div.popup_push {
padding: 3px 15px; }
#nifty .cocolog .popup-push-date {
font-weight: 700;
padding-top: 10px;
padding-left: 10px; }
#nifty .cocolog div#push_popup_window_link {
text-align: right;
padding-right: 15px;
margin-bottom: 10px; }
#nifty .cocolog a.popup_push_init_link {
font-weight: 700; }
#nifty .cocolog div.popup_push_notice {
font-size: x-small; }
#nifty .cocolog div#popup_pushes div.pagination {
font-size: x-small; }
#nifty .cocolog div.popup_push_notice div.auto_scroll_off {
text-align: right;
margin-bottom: 5px;
padding-right: 5px; }
#nifty .cocolog div.popup_push_notice div.auto_scroll_off input {
width: 10px; }
#nifty .cocolog div#transparent_element {
background-color: #fff;
position: fixed;
z-index: 11;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0); }
#nifty .cocolog div.action_stream {
font-size: x-small;
text-align: center;
width: 100px;
float: left;
margin: 10px; }
#nifty .cocolog div.action_stream div {
margin-bottom: 3px; }
#nifty .cocolog img.action_stream_image_tag {
display: none; }
#nifty .cocolog div#rakuten_left_box_footer_ad {
text-align: center;
margin-top: 50px; }
#nifty .cocolog li.ext-login {
margin-top: 23px;
text-align: right;
margin-right: 27px; }
#nifty .cocolog li.ext-login {
background: url(/images/allow.gif) no-repeat right;
padding-right: 20px;
padding-top: 1px; }
#nifty .cocolog div#login_sso_alert {
margin-bottom: 10px; }
#nifty .cocolog span.push_fixed {
color: #f66;
padding-right: 3px; }
#nifty .cocolog body#bodystg {
background: transparent url(/images/stg_background.gif) repeat scroll center center; }
#nifty .cocolog body#bodyprod {
background: transparent url(/images/prod_background.gif) repeat scroll center center; }
#nifty .cocolog textarea#invitation_url_text_area {
height: 250px; }
#nifty .cocolog div.ad_profile_form {
margin: 15px; }
#nifty .cocolog div.ad_profile_form label {
margin-right: 10px; }
#nifty .cocolog table#point_bankbook, #nifty .cocolog table#fox_point_bankbook {
width: 580px;
border: 1px solid #666;
border-collapse: collapse;
border-spacing: 0;
background-color: #fff;
empty-cells: show; }
#nifty .cocolog table#point_bankbook th, #nifty .cocolog table#fox_point_bankbook th {
border: 1px solid #666;
background-color: #ccc;
text-align: center;
padding: 5px; }
#nifty .cocolog table#point_bankbook td, #nifty .cocolog table#fox_point_bankbook td {
border: 1px solid #666;
text-align: center;
padding: 5px; }
#nifty .cocolog table#point_bankbook td.plus_point, #nifty .cocolog table#fox_point_bankbook td.plus_point {
font-weight: 700;
color: #f00; }
#nifty .cocolog table#point_bankbook td.minus_point, #nifty .cocolog table#fox_point_bankbook td.minus_point {
font-weight: 700;
color: #00c; }
#nifty .cocolog table#point_bankbook th.date {
width: 100px; }
#nifty .cocolog table#point_bankbook th.date {
width: 100px; }
#nifty .cocolog table#point_bankbook th.pointe {
width: 100px; }
#nifty .cocolog table#point_bankbook th.description {
width: 380px; }
#nifty .cocolog div#total_point {
text-align: right;
font-weight: 700;
padding-right: 5px;
margin-bottom: 5px; }
#nifty .cocolog div.go2poncan {
background: url(/images/allow.gif) no-repeat right;
text-align: right;
padding: 1px 20px;
margin-bottom: 10px;
margin-top: 10px;
font-weight: 700; }
#nifty .cocolog ul#point_item_list li {
margin-bottom: 10px; }
#nifty .cocolog ul#point_item_list li.point_item_disabled label {
text-decoration: line-through;
color: #666; }
#nifty .cocolog ul#point_item_list li.point_item_enabled label {
font-weight: 700; }
#nifty .cocolog tr.present_api_error {
background-color: #fcc; }
#nifty .cocolog table#fox_point_bankbook th.id {
width: 30px; }
#nifty .cocolog table#fox_point_bankbook th.date {
width: 90px; }
#nifty .cocolog table#fox_point_bankbook th.user {
width: 80px; }
#nifty .cocolog table#fox_point_bankbook th.pointe {
width: 50px; }
#nifty .cocolog table#fox_point_bankbook th.description {
width: 280px; }
#nifty .cocolog div.header_pagination div.pagination {
margin-bottom: 0; }
#nifty .cocolog form#new_push {
display: none; }
#nifty .cocolog div#render_after_category {
display: none; }
#nifty .cocolog div.inquiry_suggests {
display: none; }
#nifty .cocolog div.inquiry_suggests div {
margin-top: 10px; }
#nifty .cocolog div.inquiry_suggests div p {
margin-bottom: 5px; }
#nifty .cocolog div.inquiry_suggests input {
width: 200px; }
#nifty .cocolog div.jugem_login_notice {
margin: 0 40px; }
#nifty .cocolog div.jugem_login_notice p.fc_black {
margin-top: 0; }
#nifty .cocolog div.jugem_login_notice p {
margin-top: 20px; }
#nifty .cocolog iframe.remote_game_iframe {
width: 665px;
border: 0;
margin-bottom: 10px;
height: 500px;
float: left;
margin-left: 15px; }
#nifty .cocolog div#game_manual {
padding-right: 15px;
width: 255px;
float: right; }
#nifty .cocolog div#game_manual img {
margin-bottom: 10px; }
#nifty .cocolog div.game_copyright {
text-align: right;
font-size: small;
padding-right: 20px;
padding-bottom: 10px; }
#nifty .cocolog div.banner {
margin-bottom: 10px;
text-align: center; }
#nifty .cocolog div.banner div {
margin: 0 auto; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-top {
-webkit-box-flex: 0;
-webkit-flex: 0 0 6.143em;
-ms-flex: 0 0 6.143em;
flex: 0 0 6.143em;
max-width: 6.143em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-free {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.286em;
-ms-flex: 0 0 8.286em;
flex: 0 0 8.286em;
max-width: 8.286em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-online {
-webkit-box-flex: 0;
-webkit-flex: 0 0 10.429em;
-ms-flex: 0 0 10.429em;
flex: 0 0 10.429em;
max-width: 10.429em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-ranking {
-webkit-box-flex: 0;
-webkit-flex: 0 0 10.429em;
-ms-flex: 0 0 10.429em;
flex: 0 0 10.429em;
max-width: 10.429em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-point {
-webkit-box-flex: 0;
-webkit-flex: 0 0 6.857em;
-ms-flex: 0 0 6.857em;
flex: 0 0 6.857em;
max-width: 6.857em; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-avatar {
-webkit-box-flex: 0;
-webkit-flex: 0 0 6.857em;
-ms-flex: 0 0 6.857em;
flex: 0 0 6.857em;
max-width: 6.857em; }
#nifty .group.is-nav-tab .tab > .tab-btn:before {
font-size: 1.25em;
font-family: IcoMoonGame;
content: "\E917"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-avatar:before {
content: "\E90B"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current:before {
color: rgba(0, 0, 0, 0.12);
content: "\E918"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-current.is-avatar:before {
content: "\E90B"; }
#nifty .group.is-nav-tab .tab > .tab-btn .text.is-title {
font-size: 0.875em; }
#nifty .im {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'IcoMoonGame' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
#nifty .im-game-medal:before {
content: "\E900"; }
#nifty .im-game-crown:before {
content: "\E901"; }
#nifty .im-game-circle-round-zigzag:before {
content: "\E904"; }
#nifty .im-game-chevron-circle-up:before {
content: "\E905"; }
#nifty .im-game-chevron-circle-right:before {
content: "\E906"; }
#nifty .im-game-chevron-circle-down:before {
content: "\E902"; }
#nifty .im-game-chevron-circle-left:before {
content: "\E907"; }
#nifty .im-game-chevron-up:before {
content: "\E908"; }
#nifty .im-game-chevron-right:before {
content: "\E903"; }
#nifty .im-game-chevron-down:before {
content: "\E909"; }
#nifty .im-game-chevron-left:before {
content: "\E90A"; }
#nifty .im-game-user:before {
content: "\E90B"; }
#nifty .im-game-mail:before {
content: "\E90C"; }
#nifty .im-game-search:before {
content: "\E90D"; }
#nifty .im-game-megaphone:before {
content: "\E90E"; }
#nifty .im-game-home-line:before {
content: "\E90F"; }
#nifty .im-game-home-paint:before {
content: "\E910"; }
#nifty .im-game-flag-line:before {
content: "\E911"; }
#nifty .im-game-flag-paint:before {
content: "\E912"; }
#nifty .im-game-display-line:before {
content: "\E913"; }
#nifty .im-game-display-paint:before {
content: "\E914"; }
#nifty .im-game-crown-line:before {
content: "\E915"; }
#nifty .im-game-crown-paint:before {
content: "\E916"; }
#nifty .im-game-point-line:before {
content: "\E917"; }
#nifty .im-game-point-paint:before {
content: "\E918"; }
#nifty .im-game-check:before {
content: "\E920"; }
#nifty .im-game-clothes:before {
content: "\E921"; }
#nifty .im-game-speech-balloon:before {
content: "\E922"; }
#nifty .im-game-plus-min:before {
content: "\E923"; }
#nifty .im-game-ranktag-line:before {
content: "\E919"; }
#nifty .im-game-ranktag-paint:before {
content: "\E91A"; }
#nifty .im-game-gamepad-and-thunder:before {
content: "\E91B"; }
#nifty .im-game-gamepad-set-circle:before {
content: "\E91C"; }
#nifty .im-game-gamepad-set-key:before {
content: "\E91D"; }
#nifty .im-game-gamepad-set-pad:before {
content: "\E91E"; }
#nifty .im-game-gamepad-set-thunder:before {
content: "\E91F"; }
#nifty .group.is-nav-tab .tab > .tab-btn.is-free {
height: 60px; }
#nifty .tab-btn:hover {
text-decoration: none; }
#nifty .is-title {
margin-bottom: 0; }
#nifty .logo {
margin: 0;
position: relative; }
#nifty .logo img {
position: absolute; }
#nifty a.is-game-more span {
color: black; }
#nifty a.is-game-more.span:hover {
color: white; }
#nifty .is-footer-main {
height: 118px; }
#nifty .is-login,
#nifty .is-signup {
width: 90px;
height: 40px; }
#nifty p.text {
margin: 0; }
#nifty .game-page {
max-width: 1300px;
min-width: 960px;
margin: 0 auto;
position: relative;
padding: 0 20px;
padding: 0 2rem; }
#nifty .nifty-wrapper {
overflow: auto;
height: 100vh; }
#nifty .game-provider-nifty {
min-width: 1188px;
min-height: 100%;
font-family: 'Open Sans', sans-serif; }
#nifty .game-provider-nifty * {
box-sizing: content-box; }
#nifty .game-provider-nifty .content-wrapper {
min-height: 804px; }
#nifty .game-provider-nifty .content {
flex: 1 0 0%;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;
/* NEW, Spec - Firefox, Chrome, Opera */ }
#nifty .game-provider-nifty .content .left {
float: left;
height: 100%;
min-height: 1px;
overflow: visible; }
#nifty .game-provider-nifty .content .left .more-games {
width: 168px;
height: 100%;
padding: 0 0 0 10px;
min-height: 674px;
max-height: calc(85vh - 117px);
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */
overflow: hidden; }
#nifty .game-provider-nifty .content .left .more-games .recommended-games {
text-align: center;
padding-right: 10px; }
#nifty .game-provider-nifty .content .left .more-games .promos {
position: relative; }
#nifty .game-provider-nifty .content .left .more-games .promos .sg-carousel-arrow-container {
position: absolute;
width: calc(100% - 22px);
margin: 0 20px 0 11px;
height: 45px;
color: white;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
cursor: pointer; }
#nifty .game-provider-nifty .content .left .more-games .promos .sg-carousel-arrow {
font-size: 37px;
margin-left: 49px; }
#nifty .game-provider-nifty .content .left .more-games .promos .prev-arrow {
top: 24px; }
#nifty .game-provider-nifty .content .left .more-games .promos .next-arrow {
bottom: 0px; }
#nifty .game-provider-nifty .content .left .more-games .promos .sg-more-games-banner-content {
height: calc(100% - 24px); }
#nifty .game-provider-nifty .content .left .more-games .promos .promo-container {
float: left;
padding-right: 10px; }
#nifty .game-provider-nifty .content .left .more-games .promos .promo-container .promo-link {
text-decoration: none; }
#nifty .game-provider-nifty .content .left .more-games .promos .promo-container .teaser-container {
padding: 10px 10px 0 10px;
position: relative; }
#nifty .game-provider-nifty .content .left .more-games .promos .promo-container .teaser-container img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer; }
#nifty .game-provider-nifty .content .left .more-games .promos .promo-container .teaser-container .play-game-container {
opacity: 0;
position: absolute;
top: 10px;
left: 10px;
width: calc(100% - 20px);
height: calc(100% - 10px);
text-align: center;
background-color: black;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#nifty .game-provider-nifty .content .left .more-games .promos .promo-container .teaser-container .play-game-container:hover {
opacity: 0.7; }
#nifty .game-provider-nifty .content .left .more-games .promos .promo-container .teaser-container .play-game-container .play-game {
position: relative;
top: 10%;
color: white;
text-decoration: none; }
#nifty .game-provider-nifty .content .left .more-games .promos .promo-container .teaser-container .play-game-container .play-button {
position: relative;
top: 10%;
color: white;
text-decoration: none;
font-size: 20px; }
#nifty .game-provider-nifty .content .left .more-games .promos .promo-container .promo-name {
word-wrap: break-word;
text-align: center;
text-decoration: none;
color: #000;
padding-bottom: 5px; }
#nifty .game-provider-nifty .content .center {
width: calc(100% - 399px);
min-height: 600px;
padding: 0 40px 0 20px; }
#nifty .game-provider-nifty .content .center .details {
padding: 0 30px 10px 0;
overflow: auto; }
#nifty .game-provider-nifty .content .center .details .icon-wrapper {
float: left;
width: 64px;
height: 64px;
margin-right: 20px; }
#nifty .game-provider-nifty .content .center .details .icon-wrapper img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#nifty .game-provider-nifty .content .center .details .details-content {
float: left;
width: calc(100% - 84px); }
#nifty .game-provider-nifty .content .center .details .details-content .current-game-name {
float: left;
margin-top: 0;
margin-bottom: 5px; }
#nifty .game-provider-nifty .content .center .details .details-content .description {
float: left;
overflow: hidden;
white-space: nowrap;
width: 100%;
text-overflow: ellipsis; }
#nifty .game-provider-nifty .content .center .game {
width: 100%;
height: 100%;
min-height: 600px;
max-height: calc(62vh - 74px);
margin-bottom: 40px; }
#nifty .game-provider-nifty .content .center #game-frame {
width: 100%;
height: 100%;
border: none; }
#nifty .game-provider-nifty .content .center .horizontal-banner {
width: 100%;
height: 90px; }
#nifty .game-provider-nifty .content .center .horizontal-banner .ad-container {
height: 90px;
width: 780px;
margin: auto;
text-align: center; }
#nifty .game-provider-nifty .content .right {
float: right;
width: 160px;
overflow: auto;
min-height: 600px; }
#nifty .game-provider-nifty .content .right .vertical-banner {
width: 100%;
position: relative;
top: 50%;
transform: translateY(-50%); }
#nifty .game-provider-nifty .content .right .vertical-banner-container {
overflow: hidden;
height: 100%;
min-height: 600px;
max-height: calc(62vh + 74px);
width: 100%; }
#nifty .game-provider-nifty .content .right .vertical-banner-container .ad-container {
min-height: 600px;
margin: auto;
height: 100%; }
#nifty .game-provider-nifty .content .right .vertical-banner-container .ad-container img {
width: 100%;
position: relative;
top: 50%;
transform: translateY(-50%); }
#nifty #ga-code {
display: none; }