#makeAPuzzleBlock { float: right; padding-right: 10px; display: none; padding-bottom: 15px; }

/* mahjong */

#mahjong-doppanel td { height: 15px; line-height: 1; font-size: 0; padding: 0; }
#mahjong-link-cont { position: relative; } 
#mahjong-link { display: block; position: absolute; z-index: 2; top: 227px; left: 50%; margin-left: -633px; width: 143px; display: block !important; }
#mahjong-link .img0, #mahjong-link .img1 { position: absolute; }
#mahjong-link .img1 { margin: 67px 0 0 143px; }
#mahjong-link span { position: absolute; margin: 254px 0 0 10px; line-height: 1.3; color: #000; }
#mahjong-link span a { color: #000; }

/* solitaire */

#solitaire-link-cont { position: relative; } 
#solitaire-link { display: block; position: absolute; z-index: 2; top: -128px; left: 50%; margin-left: -629px; width: 143px; display: block !important; }
#solitaire-link .img0, #solitaire-link .img1 { position: absolute; }
#solitaire-link .img1 { margin: 99px 0 0 139px; }
#solitaire-link span { position: absolute; margin: 270px 0 0 1px; line-height: 1.3; color: #000; }
#solitaire-link span a { color: #000; }


/* sudoku */

#sudoku-link-cont { position: relative; } 
#sudoku-link { display: block; position: absolute; z-index: 2; top: 247px; left: 50%; margin-left: -624px; width: 143px; display: block !important; }
#sudoku-link .img0, #sudoku-link .img1 { position: absolute; }
#sudoku-link .img1 { margin: 0px 0 0 134px; }
#sudoku-link span { position: absolute; margin: 246px 0 0 1px; line-height: 1.3; color: #000; }
#sudoku-link span a { color: #000; }


/* left banner */
#left-banner-cont { position: relative; }
#left-banner { display: block; position: absolute; z-index: 2; top: -600px; left: 50%; margin-left: -660px; width: 170px; height: 600px; display: block !important; }

@media (max-width: 1285px) { .div-i { padding-left: 1px; } }
@media (max-width: 1284px) { .div-i { padding-left: 2px; } }
@media (max-width: 1283px) { .div-i { padding-left: 3px; } }
@media (max-width: 1282px) { .div-i { padding-left: 4px; } }
@media (max-width: 1281px) { .div-i { padding-left: 5px; } }
@media (max-width: 1280px) { .div-i { padding-left: 6px; } }
@media (max-width: 1279px) { .div-i { padding-left: 7px; } }
@media (max-width: 1278px) { .div-i { padding-left: 8px; } }
@media (max-width: 1277px) { .div-i { padding-left: 9px; } }
@media (max-width: 1276px) { .div-i { padding-left: 10px; } }
@media (max-width: 1275px) { .div-i { padding-left: 11px; } }
@media (max-width: 1274px) { .div-i { padding-left: 12px; } }
@media (max-width: 1273px) { .div-i { padding-left: 13px; } }
@media (max-width: 1272px) { .div-i { padding-left: 14px; } }
@media (max-width: 1271px) { .div-i { padding-left: 15px; } }
@media (max-width: 1270px) { .div-i { padding-left: 16px; } }
@media (max-width: 1269px) { .div-i { padding-left: 17px; } }
@media (max-width: 1268px) { .div-i { padding-left: 18px; } }
@media (max-width: 1267px) { .div-i { padding-left: 19px; } }
@media (max-width: 1266px) { .div-i { padding-left: 20px; } }
@media (max-width: 1265px) { .div-i { padding-left: 21px; } }
@media (max-width: 1264px) { .div-i { padding-left: 22px; } }
@media (max-width: 1263px) { .div-i { padding-left: 23px; } }
@media (max-width: 1262px) { .div-i { padding-left: 24px; } }
@media (max-width: 1261px) { .div-i { padding-left: 25px; } }
@media (max-width: 1260px) { .div-i { padding-left: 26px; } }
@media (max-width: 1259px) { .div-i { padding-left: 27px; } }
@media (max-width: 1258px) { .div-i { padding-left: 28px; } }
@media (max-width: 1257px) { .div-i { padding-left: 29px; } }
@media (max-width: 1256px) { .div-i { padding-left: 30px; } }
@media (max-width: 1255px) { .div-i { padding-left: 31px; } }
@media (max-width: 1254px) { .div-i { padding-left: 32px; } }
@media (max-width: 1253px) { .div-i { padding-left: 33px; } }
@media (max-width: 1252px) { .div-i { padding-left: 34px; } }
@media (max-width: 1251px) { .div-i { padding-left: 35px; } }
@media (max-width: 1250px) { .div-i { padding-left: 36px; } }
@media (max-width: 1249px) { .div-i { padding-left: 37px; } }
@media (max-width: 1248px) { .div-i { padding-left: 38px; } }
@media (max-width: 1247px) { .div-i { padding-left: 39px; } }
@media (max-width: 1246px) { .div-i { padding-left: 40px; } }
@media (max-width: 1245px) { .div-i { padding-left: 41px; } }
@media (max-width: 1244px) { .div-i { padding-left: 42px; } }
@media (max-width: 1243px) { .div-i { padding-left: 43px; } }
@media (max-width: 1242px) { .div-i { padding-left: 44px; } }
@media (max-width: 1241px) { .div-i { padding-left: 45px; } }
@media (max-width: 1240px) { .div-i { padding-left: 46px; } }
@media (max-width: 1239px) { .div-i { padding-left: 47px; } }
@media (max-width: 1238px) { .div-i { padding-left: 48px; } }
@media (max-width: 1237px) { .div-i { padding-left: 49px; } }
@media (max-width: 1236px) { .div-i { padding-left: 50px; } }
@media (max-width: 1235px) { .div-i { padding-left: 51px; } }
@media (max-width: 1234px) { .div-i { padding-left: 52px; } }
@media (max-width: 1233px) { .div-i { padding-left: 53px; } }
@media (max-width: 1232px) { .div-i { padding-left: 54px; } }
@media (max-width: 1231px) { .div-i { padding-left: 55px; } }
@media (max-width: 1230px) { .div-i { padding-left: 56px; } }
@media (max-width: 1229px) { .div-i { padding-left: 57px; } }
@media (max-width: 1228px) { .div-i { padding-left: 58px; } }
@media (max-width: 1227px) { .div-i { padding-left: 59px; } }
@media (max-width: 1226px) { .div-i { padding-left: 60px; } }
@media (max-width: 1225px) { .div-i { padding-left: 61px; } }
@media (max-width: 1224px) { .div-i { padding-left: 62px; } }
@media (max-width: 1223px) { .div-i { padding-left: 63px; } }
@media (max-width: 1222px) { .div-i { padding-left: 64px; } }
@media (max-width: 1221px) { .div-i { padding-left: 65px; } }
@media (max-width: 1220px) { .div-i { padding-left: 66px; } }
@media (max-width: 1219px) { .div-i { padding-left: 67px; } }
@media (max-width: 1218px) { .div-i { padding-left: 68px; } }
@media (max-width: 1217px) { .div-i { padding-left: 69px; } }
@media (max-width: 1216px) { .div-i { padding-left: 70px; } }
@media (max-width: 1215px) { .div-i { padding-left: 71px; } }
@media (max-width: 1214px) { .div-i { padding-left: 72px; } }
@media (max-width: 1213px) { .div-i { padding-left: 73px; } }
@media (max-width: 1212px) { .div-i { padding-left: 74px; } }
@media (max-width: 1211px) { .div-i { padding-left: 75px; } }
@media (max-width: 1210px) { .div-i { padding-left: 76px; } }
@media (max-width: 1209px) { .div-i { padding-left: 77px; } }
@media (max-width: 1208px) { .div-i { padding-left: 78px; } }
@media (max-width: 1207px) { .div-i { padding-left: 79px; } }
@media (max-width: 1206px) { .div-i { padding-left: 80px; } }
@media (max-width: 1205px) { .div-i { padding-left: 81px; } }
@media (max-width: 1204px) { .div-i { padding-left: 82px; } }
@media (max-width: 1203px) { .div-i { padding-left: 83px; } }
@media (max-width: 1202px) { .div-i { padding-left: 84px; } }
@media (max-width: 1201px) { .div-i { padding-left: 85px; } }
@media (max-width: 1200px) { .div-i { padding-left: 86px; } }
@media (max-width: 1199px) { .div-i { padding-left: 87px; } }
@media (max-width: 1198px) { .div-i { padding-left: 88px; } }
@media (max-width: 1197px) { .div-i { padding-left: 89px; } }
@media (max-width: 1196px) { .div-i { padding-left: 90px; } }
@media (max-width: 1195px) { .div-i { padding-left: 91px; } }
@media (max-width: 1194px) { .div-i { padding-left: 92px; } }
@media (max-width: 1193px) { .div-i { padding-left: 93px; } }
@media (max-width: 1192px) { .div-i { padding-left: 94px; } }
@media (max-width: 1191px) { .div-i { padding-left: 95px; } }
@media (max-width: 1190px) { .div-i { padding-left: 96px; } }
@media (max-width: 1189px) { .div-i { padding-left: 97px; } }
@media (max-width: 1188px) { .div-i { padding-left: 98px; } }
@media (max-width: 1187px) { .div-i { padding-left: 99px; } }
@media (max-width: 1186px) { .div-i { padding-left: 100px; } }
@media (max-width: 1185px) { .div-i { padding-left: 101px; } }
@media (max-width: 1184px) { .div-i { padding-left: 102px; } }
@media (max-width: 1183px) { .div-i { padding-left: 103px; } }
@media (max-width: 1182px) { .div-i { padding-left: 104px; } }
@media (max-width: 1181px) { .div-i { padding-left: 105px; } }
@media (max-width: 1180px) { .div-i { padding-left: 106px; } }
@media (max-width: 1179px) { .div-i { padding-left: 107px; } }
@media (max-width: 1178px) { .div-i { padding-left: 108px; } }
@media (max-width: 1177px) { .div-i { padding-left: 109px; } }
@media (max-width: 1176px) { .div-i { padding-left: 110px; } }
@media (max-width: 1175px) { .div-i { padding-left: 111px; } }
@media (max-width: 1174px) { .div-i { padding-left: 112px; } }
@media (max-width: 1173px) { .div-i { padding-left: 113px; } }
@media (max-width: 1172px) { .div-i { padding-left: 114px; } }
@media (max-width: 1171px) { .div-i { padding-left: 115px; } }
@media (max-width: 1170px) { .div-i { padding-left: 116px; } }
@media (max-width: 1169px) { .div-i { padding-left: 117px; } }
@media (max-width: 1168px) { .div-i { padding-left: 118px; } }
@media (max-width: 1167px) { .div-i { padding-left: 119px; } }
@media (max-width: 1166px) { .div-i { padding-left: 120px; } }
@media (max-width: 1165px) { .div-i { padding-left: 121px; } }
@media (max-width: 1164px) { .div-i { padding-left: 122px; } }
@media (max-width: 1163px) { .div-i { padding-left: 123px; } }
@media (max-width: 1162px) { .div-i { padding-left: 124px; } }
@media (max-width: 1161px) { .div-i { padding-left: 125px; } }
@media (max-width: 1160px) { .div-i { padding-left: 126px; } }
@media (max-width: 1159px) { .div-i { padding-left: 127px; } }
@media (max-width: 1158px) { .div-i { padding-left: 128px; } }
@media (max-width: 1157px) { .div-i { padding-left: 129px; } }
@media (max-width: 1156px) { .div-i { padding-left: 130px; } }
@media (max-width: 1155px) { .div-i { padding-left: 131px; } }
@media (max-width: 1154px) { .div-i { padding-left: 132px; } }
@media (max-width: 1153px) { .div-i { padding-left: 133px; } }
@media (max-width: 1152px) { .div-i { padding-left: 134px; } }
@media (max-width: 1151px) { .div-i { padding-left: 135px; } }
@media (max-width: 1150px) { .div-i { padding-left: 136px; } }

/* notice */

#notice { padding: 0 20px 10px 25px; margin: -23px 0 0 0; }
#notice .item { background: #a6e6ac; border: 1px solid #46914a; margin-bottom: 10px; padding: 15px 35px 15px 15px; position: relative; font-size: 12px; font-weight: bold; line-height: 1.3; }
#notice .item.hided { display: none; }
#notice .item a { color: #668cbe; font-weight: bold; text-decoration: none; font-size: 12px; }
#notice .item a:hover { text-decoration: underline; }
#notice .item img.illustration { display: block; float: left; margin-right: 15px; }
#notice .item .close { position: absolute; right: 5px; top: 5px; width: 15px; height: 15px; background: url('/media/images/notice-close.png') no-repeat; font-size: 0; text-decoration: 0; line-height: 1; cursor: pointer; z-index: 1; display: block;}

/* mystery */

#mysteryPuzzleBlock { display: none; margin: -3px 4px 0 0; padding: 0 0 10px 0; }
#mysteryPuzzleBlock table { width: 100%; }
#mysteryPuzzleBlock table td.mpb-left { text-align: right; line-height: 1; padding: 0 17px 0 0; }
#mysteryPuzzleBlock table td.mpb-left .mpb-left-title { padding: 9px 0 15px 0; font-weight: bold; font-size: 13px; }
#mysteryPuzzleBlock table td.mpb-left .mpb-left-timer, #mysteryPuzzleBlock-dt { padding: 3px 0 0 0; display: none; }
#mysteryPuzzleBlock-dt span { display: inline-block; margin: 0; }

#mysteryPuzzleBlock table td.mpb-right a { border: 1px solid #858585; display: block; font-size: 0; }
#mysteryPuzzleBlock table td.mpb-right, #mysteryPuzzleBlock table td.mpb-right a, #mysteryPuzzleBlock table td.mpb-right a img { width: 130px; height: 85px; }

.div-i.new-index {
    position: relative;
    margin-bottom: 10px;
}

.div-i.new-index, #gsFooter {
    margin-left: auto;
    margin-right: auto;
    padding: unset;
    box-sizing: border-box;
}

.div-i.new-index table, #gsFooter table {
    width: 100%;
    box-sizing: border-box;
}

.new-index #solitaire-link, .new-index #mahjong-link, .new-index #left-banner {
    margin-left: unset;
}

.new-index #solitaire-link {
    top: 90px;
}

.new-index #mahjong-link {
    top: 520px;
}

.new-index #left-banner {
    top: 935px;
}

#gsPastDays.new-index {
    width: 100%;
}

#gsPastDays.new-index .block-imageblock-ImageBlock {
    width: 100%;
    overflow-x: unset;
}

#gsPastDays.new-index .one-image {
    width: 14.25%;
}

#notice {
    margin: unset !important;
}

.new-index-left {
    width: 215px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 5px;
}

.new-index-center {
    width: 425px;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 10px;
}

.new-index-right {
    width: 340px !important;
    box-sizing: border-box;
}

.puzzle-of-the-day {
    width: 99%;
}

.new-index-center #gsWelcome {
    padding-top: 10px;
}

#search_SearchBlock {
    display: flex;
    margin-bottom: 10px !important;
    margin-left: 5px !important;
}

#searchCriteria {
    width: 179px;
    box-sizing: border-box;
}

#searchButton {
    width: 21px;
    height: 21px;
    margin-left: 1px !important;
    margin-bottom: 1px !important;
}

.new-index-right .mpb-right {
    width: 40% !important;
    min-width: 130px;
}

.new-index-right .mpb-right .sandwich-cont {
    width: 100% !important;
    height: initial !important;
    border: initial !important;
}

.new-index-right .mpb-right .sandwich-img {
    width: 100%;
}

.new-index-right #mysteryPuzzleBlock .mpb-right .giThumbnailContainer {
    width: 100%;
}

.new-index-right .sandwich-cont {
    min-width: 130px;
}

.new-index-right .sandwich-img {
    min-width: 130px;
}

#gsPastDays .sandwich-cont {
    min-width: 130px;
}

#gsPastDays .sandwich-img {
    min-width: 130px;
}


.new-index-right #mysteryPuzzleBlock .mpb-right img {
    border: 1px solid #858585 !important;
    width: 100% !important;
    height: auto !important;
}

.puzzle-of-the-day .sandwich-cont {
    width: unset !important;
    height: unset !important;
    position: relative;
}

.puzzle-of-the-day .sandwich-img {
    width: unset !important;
    height: unset !important;
    position: unset;
}

.puzzle-of-the-day .sandwich-img img {
    width: 100% !important;
    height: auto !important;
}

.new-index-left #makeAPuzzleBlock {
    float: initial;
    padding-left: 3px;
}

#gsNewPuzzles .one-image {
    display: flex;
}

#gsNewPuzzles .one-image .giThumbnailContainer.new-catalog {
    flex: 1;
    width: initial;
    margin-right: 15px;
}

#gsNewPuzzles .new-catalog .sandwich-cont {
    width: 100% !important;
}

#gsNewPuzzles .giThumbnailContainer.new-catalog.thumb-portrait {
    width: initial;
}

#gsNewPuzzles .giThumbnailContainer.new-catalog.thumb-portrait .sandwich-cont {
    width: 65% !important;
}


#gsNewPuzzles .one-image .giItemInfo {
    width: 150px;
}

#gsNewPuzzles .one-image:nth-last-child(-n+2) {
    display: none;
}

.new-index-center .gbBlockMainAdsense {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}

.new-album-list {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}

.album-cover {
    min-width: 50px;
    width: 30%;
    margin: 3px;
    box-sizing: border-box;
    text-align: center;
}

.album-cover img {
    width: 100%;
    height: auto;
    border: 1px solid #858585 !important;
}

.album-cover.album-cover-portrait img {
    width: 65%;
}

.album-description {
    flex: 1;
    margin: 3px;
    box-sizing: border-box;

}

.new-applinks {
    box-sizing: border-box;
    margin-top: 60px;
    position: relative;
    min-height: 166px;
    width: 85%;
    min-width: 400px;
    margin-right: auto;
    margin-left: auto;
}

.new-applinks-description {
    display: flex;
    align-items: center;
    position: absolute;
    left: 15%;
    right: 13%;
    top: 11%;
    bottom: 56%;
}

.new-applinks p {
    margin: 0 !important;
    padding: 0;
}

.new-applinks-a {
    display: block;
    position: absolute;
    left: 3%;
    right: 77%;
    top: 47%;
    bottom: 3%;
}

.applinks-android {
    left: 27%;
    right: 54%;
}

.applinks-pc {
    left: 52%;
    right: 28%;
}

.applinks-mac {
    left: 77%;
    right: 3%;
}

.new-applinks-main {
    width: 100%;
    min-width: 400px;
    height: auto;
    display: block;
}
.new-footer-container {
    width: 100%;
    display: flex;
    align-items: center;
}

.new-langs-container {
    width: 100%;
    flex: 1;
}

.new-langs-container a {
    width: 3.3%;
    display: inline-block;
    min-width: 18px;
    max-width: 32px;
}

.new-langs-container img {
    width: 100%;
    height: auto;
}

@media (max-width: 1160px) {
    .new-index #solitaire-link, .new-index #mahjong-link, .new-index #left-banner {
        display: none !important;
    }

    .div-i.new-index, #gsFooter {
        width: 980px;
    }
}

@media (min-width: 1160px) {
    .div-i.new-index, #gsFooter {
        padding-left: 180px;
        width: 1160px;
    }

    .new-index #solitaire-link {
        left: 41px;
    }

    .new-index #mahjong-link {
        left: 37px;
    }

    .new-index #left-banner {
        left: 0;
    }
}

@media (min-width: 1340px) {
    .div-i.new-index, #gsFooter {
        width: initial;
    }

    .div-i.new-index, #gsFooter {
        padding-right: 180px;
        min-width: 1340px;
        max-width: 60%;
        max-width: calc(60% + 320px);
    }

    .new-index-left {
        width: 20%;
    }

    .new-index-center {
        width: 45%;
    }

    .new-index-right {
        width: 35% !important;
    }
}

/* 21% - 350px
   100% -
*/

@media (min-width: 1900px), (min-width: 1610px) and (min-resolution: 1.251dppx) {
    #gsNewPuzzles .one-image:nth-last-child(-n+2) {
        display: flex;
    }

    #gsNewPuzzles .one-image {
        flex-direction: column;
        width: 49%;
    }

    #gsNewPuzzles .one-image .giItemInfo {
        margin-left: 5px;
        width: 100%;
        padding-top: 0;
    }

    #gsNewPuzzles .block-imageblock-ImageBlock {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #gsNewPuzzles .one-image .giThumbnailContainer.new-catalog {
        flex: initial;
        margin-bottom: 3px;
    }

    #gsNewPuzzles .new-catalog .sandwich-cont {
        width: 98% !important;
    }

    .new-album-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-right: 10px;
    }

    .new-album-list {
        flex-direction: column;
        width: 49%;
    }

    .album-description {
        text-align: center;
        margin-top: -1px;
    }

    .album-description .giTitle {
        font-size: 1em !important;
    }

    .album-cover {
        width: 80%;
    }
}