@charset "utf-8";
body {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #dbe0e5;
    margin: 0;
    padding: 0;
    font-size: 16px;
}
a:link {
    text-decoration: none;
    color: #262626;
}
a:visited {
    text-decoration: none;
    color: #262626;
}
a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #262626;
}
a:active {
    text-decoration: none;
    color: #262626;
}
a img {
    border: 0;
}
.clear {
    clear: both;
}
h1, h2 {
    padding: 0;
    border: 0;
    margin: 0;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
p {
    padding: 0;
    border: 0;
    margin: 0;
}
/* WRAPPER */
#wrap {
    width: 100%;
    margin: 0 auto;
}
/* HEADER */
#header {
    position: relative;
    background-color: #fff;
    height: 88px;
    margin: 0;
    padding: 0;
    width: 100%;
    border-top: 11px solid #2d9c3b;
}
#header_inner {
    position: relative;
    width: 998px;
    margin: 0 auto;
}
.header_logo img {
    vertical-align: top;
}
.header_logo {
    width: 341px;
    padding-top: 8px;
    padding-bottom: 11px;
}
.header_socialbutton_container {
    bottom: 12px;
    right: 0;
    position: absolute;
    font-size: 1px;
}
.header_socialbutton_facebook {
    display: inline-block;
    vertical-align: top;
    padding-right: 12px;
}
.header_socialbutton_twitter {
    display: inline-block;
    vertical-align: top;
    padding-right: 12px;
}
.header_socialbutton_line {
    display: inline-block;
    vertical-align: top;
}
/* NAVIGATOR */
.responsive_menu {
    display: none;
}
#topnav_outer {
    position: relative;
    background-color: #558198;
    height: 49px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.topnav_responsive {
    display: none;
}
.topnav {
    width: 998px;
    margin: 0 auto;
    z-index: 999;
    height: 49px;
    font-size: 19px;
    color: #fff;
    text-align: center;
}
.topnav a:link {
    color: #fff;
}
.topnav a:visited {
    color: #fff;
}
.topnav a:hover {
    color: #fff;
}
.topnav a:active {
    color: #fff;
}
.topnav_divider {
    position: absolute;
    width: 1px;
    height: 19px;
    margin-top: 16px;
    background-color: #709cb2;
    display: block;
}
ul.topnav a {
    display: block;
    transition: 0.3s;
    padding: 10px 45px 12px 44px;
}
ul.topnav li {
    float: left;
}
ul.topnav li a:hover {
    color: #ffd73b;
    text-decoration: none;
}
ul.topnav ul {
    z-index: 999;
    visibility: hidden;
    position: absolute;
    transition: all .2s ease-in-out;
    transform-origin: left top;
    transform: scaleY(0);
}
ul.topnav ul a {
    margin-left: -38px;
    text-align: center;
    padding: 13px 24px 13px 24px;
    margin-top: 10px;
    border: 4px solid #fff;
    background-color: #6b94a9;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
}
ul.topnav ul li {
    float: none;
}
ul.topnav li:hover ul {
    visibility: visible;
    transform: scaleY(1);
}
.main_content {
    width: 998px;
    margin: 0 auto;
}
.konnichiwa_container {
    position: relative;
    background-color: #fff;
    float: left;
    width: 622px;
    margin-right: 16px;
    margin-top: 16px;
    height: 280px;
}
.konnichiwa_pin {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #aab5c0;
}
.konnichiwa_pin_t_l {
    left: 0;
    top: 0;
    padding: 8px 8px 0 8px;
    position: absolute;
}
.konnichiwa_pin_t_r {
    right: 0;
    top: 0;
    padding: 8px 8px 0 8px;
    position: absolute;
}
.konnichiwa_pin_b_l {
    left: 0;
    bottom: 0;
    padding: 0 8px 8px 8px;
    position: absolute;
}
.konnichiwa_pin_b_r {
    right: 0;
    bottom: 0;
    padding: 0 8px 8px 8px;
    position: absolute;
}
.konnichiwa_headline {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 16px;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
}
.konnichiwa_text {
    line-height: 21px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 12px;
    text-align: center;
    font-weight: 300;
}
.promo_large {
    width: 360px;
    height: 280px;
    margin-top: 16px;
    float: left;
    background-color: #959ea8;
}
#gamethumbnail_wrapper {
    float: left;
    width: 100%;
}
.gamethumbnail_container {
    float: left;
    background-color: #fff;
    margin-top: 16px;
    margin-right: 16px;
    width: 322px;
}
.gamethumbnail_container:nth-child(3n) {
    margin-right: 0;
}
.gamethumbnail_image {
    height: auto;
    margin-left: 11px;
    border-top: 11px solid #fff;
    width: 300px;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}
.gamethumbnail_image:hover {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-filter: brightness(115%);
    filter: brightness(115%);
}
.gamethumbnail_header_title {
    padding-left: 11px;
    font-size: 19px;
    padding-top: 4px;
    font-weight: 500;
}
.gamethumbnail_header_rating {
    padding-left: 11px;
    padding-top: 7px;
}
.gamethumbnail_previewtext {
    clear: both;
    padding-top: 2px;
    padding-right: 11px;
    padding-left: 11px;
    line-height: 24px;
    padding-bottom: 14px;
    font-weight: 300;
}
.moregames_wrapper {
    clear: both;
    padding-top: 18px;
    padding-bottom: 0;
    position: relative;
}
.moregames_pin {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #dbe0e5;
}
.moregames_pin_l {
    left: 0;
    padding: 21px 0 0 21px;
    position: absolute;
}
.moregames_pin_r {
    right: 0;
    padding: 21px 21px 0 0;
    position: absolute;
}
.moregames_button {
    padding-top: 15px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    display: block;
    background-color: #fd8378;
    color: #fff;
    cursor: pointer;
    outline: none;
    border: none;
    transition: background .25s ease-in-out;
    -webkit-appearance: none;
}
.moregames_button:hover {
    background-color: #f46356;
}
/*ARTICLE*/
#article_left {
    margin-top: 16px;
    margin-right: 16px;
    width: 216px;
    float: left;
}
.promo_article_small {
    width: 216px;
    height: 251px;
    margin-bottom: 16px;
    background-color: #e3e3e3;
}
.promo_article_large {
    width: 216px;
    height: 600px;
    margin-bottom: 16px;
    background-color: #e3e3e3;
}
.article_wrapper {
    width: 766px;
    background-color: #fff;
    float: left;
    margin-top: 16px;
    padding-bottom: 16px;
}
.article_wrapper_no_promo {
    width: 100%;
    background-color: #fff;
    float: left;
    margin-top: 16px;
    padding-bottom: 16px;
}
.article_headline_radiusbox {
    display: block;
    background-color: #fd8378;
    max-width: 100%;
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 21px;
    border-radius: 50px;
    position: relative;
    margin-bottom: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.article_headline {
    padding-top: 10px;
    padding-bottom: 14px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
}
.radiusbox_tigerface {
    right: 0;
    padding: 5px 20px 0 0;
    position: absolute;
}
.radiusbox_triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    margin: auto;
    left: 0;
    right: 0;
    border-width: 16px 16.5px 0 16.5px;
    border-color: #fd8378 transparent transparent transparent;
}
.article_title {
    font-weight: 500;
    font-size: 18px;
    padding-right: 26px;
    padding-bottom: 10px;
    padding-left: 26px;
}
.article_text {
    text-align: justify;
    line-height: 22px;
    padding-right: 26px;
    padding-bottom: 10px;
    padding-left: 26px;
    font-weight: 300;
}
.article_image {
    margin-top: 4px;
    margin-bottom: 8px;
    width: 100%;
    height: auto;
}
.article_text a:link {
    color: #076aff;
    text-decoration: none;
}
.article_text a:visited {
    color: #076aff;
}
.article_text a:hover {
    color: #076aff;
    text-decoration: underline;
}
.article_text a:active {
    color: #076aff;
}
.article_text_no_style {
    text-align: justify;
    line-height: 22px;
    padding-right: 26px;
    padding-bottom: 10px;
    padding-left: 26px;
    font-weight: 300;
}
.article_contact {
    padding-top: 6px;
    padding-right: 26px;
    padding-left: 26px;
}
.article_video { /* NOT YET IN USE!!!!!!!!!! */
    margin-left: 19px;
    margin-right: 19px;
    margin-top: 4px;
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 56.25%;
}
.article_video iframe, .article_video object, .article_video embed { /* NOT YET IN USE!!!!!!!!!! */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mascot_footer {
    margin-top: 29px;
    margin-bottom: 41px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 162px;
}
/* GAME */
.game_wrapper {
    position: relative;
    background-color: #fff;
    margin-top: 16px;
    margin-bottom: 16px;
    float: left;
    width: 100%;
}
.promo_game_01 {
    text-align: center;
    font-weight: 500;
    margin-top: 19px;
    margin-bottom: 20px;
    font-size: 22px;
    padding-left: 20px;
    padding-right: 20px;
}
/*.promo_game_01 {
  margin-top: 16px;
  width: 728px;
  height: 90px;
  margin: 0 auto;
  background-color: #d2d8df;
  font-size: 1px;
  margin-bottom: 150px;
}*/
.game_section_responsive {
    display: none;
}
.game_section {
    text-align: center;
    font-size: 1px;
}
.game_socialbutton_container {
    padding-top: 25px;
    padding-bottom: 33px;
    text-align: center;
    font-size: 1px;
}
.game_socialbutton_item {
    display: inline-block;
    vertical-align: top;
    padding-right: 14px;
}
.game_socialbutton_item:last-child {
    padding-right: 0;
}
/*.promo_game_02 {
  margin-top: 60px;
  width: 728px;
  height: 90px;
  margin: 0 auto;
  background-color: #d2d8df;
  font-size: 1px;
  margin-bottom: 16px;
}*/
/* INFORMATION */
.information_wrapper {
    float: left;
    background-color: #fff;
    width: 100%;
}
.information_headline_container {
    height: 60px;
    line-height: 59px;
    margin-top: 20px;
    position: relative;
    background-color: #82a9bd;
    width: 100%;
}
.information_tigerface {
    left: 0;
    padding: 6px 0 0 44px;
    position: absolute;
}
.information_headline {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 28px;
    padding-right: 10px;
    padding-left: 10px;
}
.information_text_section {
    padding-top: 20px;
    padding-left: 35px;
    padding-right: 22px;
    padding-bottom: 12px;
}
.information_text {
    font-weight: 300;
    line-height: 22px;
    padding-bottom: 14px;
}
.information_title {
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 18px;
}
.rate_icon {
    padding-bottom: 8px;
    display: inline-block;
}
.rate_amount {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 14px;
    margin-left: 4px;
    padding-bottom: 3px;
}
.rate_radio_check {
    margin-left: -3px;
    padding-bottom: 18px;
}
input[type='radio'] {
    vertical-align: top;
    width: 16px;
    height: 16px;
}
.rate_message {
    padding-top: 10px;
    color: #f44d4d;
    font-weight: 500;
}
.rate_submit {
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    outline: none;
    border: 0;
    box-sizing: border-box;
    min-width: 280px;
    padding-top: 10px;
    padding-bottom: 8px;
    background-color: #fd9187;
    cursor: pointer;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -webkit-appearance: none;
}
.rate_submit:hover {
    background-color: #fa7f74;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}
/*SOCIAL BUTTONS*/
/*BOOKMARK*/
.bookmark_button {
    background-color: #f060f2;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: 0.2s;
}
.bookmark_button:hover {
    background-color: #df4de1;
}
.bookmark_button_icon {
    padding: 5px 8px 4px 9px;
}
.bookmark_button_text {
    padding: 0 10px 3px 0;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
/*FACEBOOK*/
.facebook_button {
    background-color: #4267b2;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: 0.2s;
}
.facebook_button:hover {
    background-color: #33579e;
}
.facebook_button_icon {
    padding: 5px 8px 5px 9px;
}
.facebook_button_text {
    padding: 0 6px 3px 0;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
/*TWITTER*/
.twitter_button {
    background-color: #1d9cf1;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: 0.2s;
}
.twitter_button:hover {
    background-color: #1487d5;
}
.twitter_button_icon {
    padding: 5px 7px 5px 8px;
}
.twitter_button_text {
    padding: 0 7px 3px 0;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
/*LINE*/
.line_button {
    background-color: #00b900;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: 0.2s;
}
.line_button:hover {
    background-color: #01a301;
}
.line_button_icon {
    padding: 5px 9px 5px 7px;
}
.line_button_text {
    padding: 0 16px 3px 0;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
/*GAME SIZING*/
.klondike {
    width: 880px;
    height: 625px;
}
.game880640 {
    width: 880px;
    height: 640px;
}
.game880600 {
    width: 880px;
    height: 600px;
}
.game800600 {
    width: 800px;
    height: 600px;
}
.solitairetime {
    width: 800px;
    height: 600px;
}
.solitaire3 {
    width: 800px;
    height: 600px;
}
.regularsolitaire {
    width: 800px;
    height: 600px;
}
.solitairedaily {
    width: 800px;
    height: 600px;
}
.tripeakssolitaire {
    width: 800px;
    height: 520px;
}
/*END SOCIAL BUTTONS*/
@media (max-width: 1023px) {
    #header_inner, .main_content {
        width: 768px;
    }
    #topnav_outer, .promo_large, .header_socialbutton_container, #article_left {
        display: none
    }
    #header {
        border-top: 1px solid #aab5c0;
        border-bottom: 1px solid #aab5c0;
    }
    .header_logo {
        padding-top: 8px;
        padding-bottom: 0;
        margin: 0 auto;
        display: block;
    }
    .konnichiwa_container {
        width: 100%;
        height: auto;
        margin-right: 0;
        padding-bottom: 26px;
    }
    .gamethumbnail_container {
        width: 245px;
    }
    .gamethumbnail_image {
        margin-left: 7px;
        border-top: 7px solid #fff;
        width: 231px;
    }
    .gamethumbnail_header_title {
        padding-left: 7px;
    }
    .gamethumbnail_header_rating {
        padding-left: 7px;
    }
    .gamethumbnail_previewtext {
        padding-right: 7px;
        padding-left: 7px;
    }
    .article_wrapper {
        width: 100%;
    }
    /*RESOLUTION*/
    .responsive_button {
        float: right;
        vertical-align: middle;
        padding: 14px 15px 16px 15px;
        margin: 10px 10px 10px 0;
        text-decoration: none;
        background: #558198;
        position: relative;
        display: block;
        outline: none;
    }
    .responsive_menu {
        box-sizing: border-box;
        position: relative;
        display: block;
    }
    .responsive_menu_text {
        color: #fff;
        font-weight: 700;
        font-size: 21px;
    }
    .responsive_menu:before {
        content: " ";
        display: table;
    }
    .responsive_menu:after {
        content: " ";
        display: table;
        clear: both;
    }
    .responsive_nav {
        clear: both;
        font-size: 22px;
        font-weight: 500;
        list-style: none;
        background-color: #709cb3;
        display: block;
        position: static !important;
        width: 100%;
        margin-bottom: 10px;
    }
    .responsive_nav a {
        display: block;
        color: #fff;
        text-align: center;
        padding: 13px 0 14px 0;
        margin: 0 0 0 0;
        border-bottom: 1px solid #56839b;
    }
    .responsive_nav a:hover {
        background: #6694ac;
        text-decoration: none;
    }
    .klondike {
        width: 738px;
        height: 524px;
    }
    .game880640 {
        width: 738px;
        height: 537px;
    }
    .game880600 {
        width: 738px;
        height: 503px;
    }
    .game800600 {
        width: 738px;
        height: 554px;
    }
    .solitairetime {
        width: 738px;
        height: 554px;
    }
    .solitaire3 {
        width: 738px;
        height: 554px;
    }
    .regularsolitaire {
        width: 738px;
        height: 554px;
    }
    .solitairedaily {
        width: 738px;
        height: 554px;
    }
    .tripeakssolitaire {
        width: 738px;
        height: 480px;
    }
}
@media (max-width: 767px) {
    #header_inner, .main_content {
        width: 630px;
    }
    .gamethumbnail_container {
        width: 322px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .gamethumbnail_container:nth-child(3n) {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .gamethumbnail_image {
        margin-left: 11px;
        border-top: 11px solid #fff;
        width: 300px;
    }
    .gamethumbnail_header_title {
        padding-left: 11px;
    }
    .gamethumbnail_header_rating {
        padding-left: 11px;
    }
    .gamethumbnail_previewtext {
        padding-right: 11px;
        padding-left: 11px;
    }
    .moregames_pin_l, .moregames_pin_r {
        display: none
    }
    .radiusbox_tigerface, .information_tigerface {
        display: none;
    }
    .game_socialbutton_item:last-child {}
    .game_socialbutton_item:nth-child(4n) {
        display: none;
    }
    .klondike {
        width: 600px;
        height: 426px;
    }
    .game880640 {
        width: 600px;
        height: 436px;
    }
    .game880600 {
        width: 600px;
        height: 409px;
    }
    .game800600 {
        width: 600px;
        height: 450px;
    }
    .solitairetime {
        width: 600px;
        height: 450px;
    }
    .solitaire3 {
        width: 600px;
        height: 450px;
    }
    .regularsolitaire {
        width: 600px;
        height: 450px;
    }
    .solitairedaily {
        width: 600px;
        height: 450px;
    }
    .tripeakssolitaire {
        width: 600px;
        height: 390px;
    }
}
@media (max-width: 640px) {
    #header_inner, .main_content {
        width: 500px;
    }
    .game_section {
        display: none;
    }
    .game_section_responsive {
        width: 470px;
        display: block;
        margin: 0px auto;
    }
    .game_section_responsive img {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 525px) {
    #header_inner, .main_content {
        width: 435px;
    }
    .game_socialbutton_item:nth-child(2n) {
        display: none;
    }
    .information_headline {
        font-size: 24px;
    }
    .information_text_section {
        padding-top: 20px;
        padding-left: 21px;
        padding-right: 15px;
        padding-bottom: 0;
    }
    .article_headline_radiusbox {
        margin-left: 16px;
        margin-right: 16px;
        margin-top: 18px;
    }
    .article_title {
        padding-right: 18px;
        padding-left: 18px;
    }
    .article_text, .article_contact {
        padding-right: 18px;
        padding-left: 18px;
    }
    .article_text_no_style {
        padding-right: 18px;
        padding-left: 18px;
    }
    .game_section_responsive {
        width: 405px;
    }
}
@media (max-width: 480px) {
    #header_inner, .main_content {
        width: 322px;
    }
    .game_section_responsive {
        width: 292px;
    }
}
/* SEO UPDATE: intro box on the games list page, links in intro texts */
.gamelist_intro {
    position: relative;
    background-color: #fff;
    float: left;
    width: 100%;
    margin-top: 16px;
    padding-bottom: 20px;
}
.konnichiwa_text a:link, .konnichiwa_text a:visited, .konnichiwa_text a:active {
    color: #076aff;
    text-decoration: none;
}
.konnichiwa_text a:hover {
    color: #076aff;
    text-decoration: underline;
}