.s-header .s-logo img {
    transform: none;
}
.nav-arrow *:before, .nav-arrow *:after {
    background-color: #fff !important;
}
#boee-rb{
    transform-origin: left top;
}
/*============================*/
body, .g, html, .std, .c h2, h1, #cdr_min, #cdr_max, .cpbb, .kpbb, .kprb, .kpgb, .kpgrb, .ksb {
    font-family: arial, sans-serif
}
#cnt {
    background-color: #f1f1f1
}
#lb {
    z-index: 1001
}
#center_col, #foot {
    padding-right: 16px !important
}

.rgsh {
    font-size: small;
    font-weight: bold;
    height: 32px;
    line-height: 32px
}
#res {
    padding-right: 0 !important
}
#fc {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#ifbd {
    background: lightgray;
    height: 1px;
    margin: 0 -4px 10px -17px;
    overflow: hidden
}
.rg_di {
    display: -moz-inline-box;
    display: inline-block;
    margin-top: 0;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    z-index: 1
}

.rg_meta {
    display: none
}

.rg_l {
    background: #ccc;
    display: inline-block;
    height: 100%;
    position: absolute;
    text-decoration: none;
    width: 100%
}

.rg_l:focus {
    outline: 0
}

.rg_i {
    border: 0;
    color: rgba(0, 0, 0, 0);
    display: block;
    -webkit-touch-callout: none;
}

.rg_an, .rg_anbg, .rg_ilm, .rg_ilmbg {
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    font: normal 11px arial, sans-serif;
    line-height: 100%;
    white-space: nowrap;
    width: 100%
}

.rg_anbg, .rg_ilmbg {
    background: rgba(51, 51, 51, 0.8);
    margin-left: 0;
    padding: 2px 4px;
    position: absolute
}

.rg_ilmn {
    bottom: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rg_ilm {
    display: none
}

#rg_s.rg_kn .rg_l:focus .rg_ilm {
    display: block
}

.rg_kn .rg_di:hover .rg_ilm, .rg_di:hover .rg_anbg {
    display: none
}

.rg_di:hover .rg_ilm, .rg_anbg, .rg_kn .rg_di:hover .rg_anbg {
    display: block
}

#rg_s {
    height: 100%;
    width: 100%;
    position: relative
}

#isr_cld {
    width: 100%;
    background: url(https://rugugu.jp/breakout/img/loading.gif) no-repeat center;
    height: 80px;
    bottom: 0;
    margin-top: 300px;
    position: fixed;
    z-index: 50
}

.rg_di.breakout {
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 6px
}

.rg_di.breakout {
    -webkit-transition: width 1.5s, height 1.5s
}

div.rgsh {
    display: none
}
#topstuff.breakout, #fc.breakout {
    display: none
}

#rg_s.breakout {
    background-color: #222;
    box-sizing: border-box;
    padding: 10% 0 0 6px
}

#rg_s.breakout {
    -webkit-transition: background-color 1.5s
}

#rg.breakout {
    overflow: hidden;
    position: relative
}

#rcnt.breakout {
    background-color: #999;
    -webkit-transition: background-color 1.5s
}

html.breakout {
    overflow: hidden
}

.breakout-color-overlay {
    height: 100%;
    left: 0;
    opacity: .55;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
    position: absolute;
    top: 0;
    -webkit-transition: background-color 1.5s width 1.5s height 1.5s;
    width: 100%
}

.breakout-color-overlay {
    -webkit-transition: background-color 1.5s width 1.5s height 1.5s
}

#breakout-paddle {
    background-color: #08F;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 15px;
    position: absolute;
    width: 150px
}

#breakout-ball {
    background: transparent;
    color: #999;
    height: 20px;
    position: absolute;
    width: 20px
}

#breakout-ball span {
    font-size: 43px;
    left: -3px;
    position: absolute;
    top: -17px
}

#boee-h {
    display: none;
    height: 40px;
    padding-left: 0px;
    padding-right: 6px;
    text-align: center;
    top: 0
}

#_GMi {
    position: relative
}

#boee-nl {
    display: none
}

#boee-hl {
    display: inline-block;
    position: absolute;
    left: 0
}

#_eCb {
    display: inline-block;
    margin-right: 15px
}

#_v9 {
    color: #DEDEDE;
    display: inline-block;
    font-size: 65px;
    line-height: 46px;
    margin-top: -10px;
    position: relative
}

#_nmb {
    background-color: #f5f5f5;
    color: #3A3A3A;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 15px;
    left: 0;
    position: absolute;
    right: 0;
    top: -15px;
    line-height: 35px;
}

._vJ, ._vJ:hover {
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
    box-sizing: content-box;
    cursor: pointer !important;
    display: inline-block;
    margin: 2px 3px;
    vertical-align: top
}

._vJ {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AFAFAF), to(#A2A2A2));
    background-image: -webkit-linear-gradient(top, #AFAFAF, #A2A2A2);
    background-image: linear-gradient(top, #AFAFAF, #A2A2A2);
    border: 1px solid rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#AFAFAF', EndColorStr='#A2A2A2')
}

._vJ:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFBFBF), to(#A9A9A9));
    background-image: -webkit-linear-gradient(top, #BFBFBF, #A9A9A9);
    background-image: linear-gradient(top, #BFBFBF, #A9A9A9);
    border: 1px solid rgba(0, 0, 0, .3);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#BFBFBF', EndColorStr='#A9A9A9')
}

._i1 {
    vertical-align: middle
}

#boee-s {
    color: #222;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 0
}

#boee-ss {
    background-color: #222;
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2
}

#boee-rb {
    background: url("data:image/gif;base64,R0lGODlhAQCBAKIAABCBGwdmrLhNGKgoG9OvIwAAAAAAAAAAACH5BAAHAP8ALAAAAAABAIEAAAMYOLrc3iLKSSslOOvNN/hgKI5iYJ5oqqIJADs=") repeat-x;
    height: 129px;
    margin-top: 35px;
    position: relative;
    width: 100%
}

._pmb {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 1
}

#_lCb {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    background-image: linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    filter: progid: DXImageTransform.Microsoft.gradient(StartColorStr='#55000000', EndColorStr='#00000000', GradientType=1);
    left: 0
}

#_mCb {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    background-image: linear-gradient(right, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    filter: progid: DXImageTransform.Microsoft.gradient(StartColorStr='#00000000', EndColorStr='#55000000', GradientType=1);
    right: 0
}

#boee-ri {
    display: inline-block;
    margin-top: 70px;
    white-space: nowrap
}

._qmb {
    background: url("data:image/png;base64,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") no-repeat;
    display: inline-block;
    height: 150px;
    width: 57px
}

._omb {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1)
}

#_oCb {
    background: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACBCAYAAAABpdBRAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAVdEVYdENyZWF0aW9uIFRpbWUAMi8yMS8xM8yeZ50AAAA2SURBVCiRY2Co/vCfiUGcn4GJgYEBlfiPwv3PgEUJLsU4if9EqsNvKLpbKDB01FsD7K1PDAwASkkca0Bd8tIAAAAASUVORK5CYII=") repeat-x;
    display: inline-block;
    height: 150px;
    padding: 12px 70px;
    position: relative;
    text-shadow: 0 2px 4px #0044aa;
    vertical-align: top
}

#boee-risc {
    color: #FFF;
    font-size: 50px;
    font-weight: 600
}

#_qCb {
    color: #EEE;
    font-size: 30px;
    font-weight: 100
}

#_tCb {
    left: 0;
    position: absolute;
    right: 0;
    top: 140px
}

#_wCb {
    right: 10px;
    position: absolute
}

#boee-shin {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #555;
    font-size: 16px;
    height: 32px;
    padding: 0 10px;
    vertical-align: middle;
    width: 100%
}

._sCb {
    border-bottom: 1px solid #121212;
    -webkit-box-shadow: 0 1px #2A2A2A;
    box-shadow: 0 1px #2A2A2A;
    margin: 40px auto;
    width: 80%;
    max-width: 500px
}

#boee-ssbuts {
    height: 29px;
    overflow: hidden
}
.cpbb, .kpbb, .kprb, .kpgb, .kpgrb, .ksb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-family: arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin: 2px 0;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    -webkit-transition: all 0.218s, visibility 0s;
    transition: all 0.218s, visibility 0s;
    -webkit-user-select: none
}
#boee-ssbuts .ksb {
    background-color: #454545;
    background-image: -webkit-gradient(linear, top left, bottom left, from(#303030), to(#262626));
    background-image: -webkit-linear-gradient(top, #303030, #262626);
    background-image: linear-gradient(top, #303030, #262626);
    border: 1px solid #141414;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, .06), 1px 1px 0 rgba(255, 255, 255, .03), -1px -1px 0 rgba(0, 0, 0, .02), inset 1px 1px 0 rgba(255, 255, 255, .05);
    box-shadow: 0px 1px 0 rgba(255, 255, 255, .06), 1px 1px 0 rgba(255, 255, 255, .03), -1px -1px 0 rgba(0, 0, 0, .02), inset 1px 1px 0 rgba(255, 255, 255, .05);
    color: #9f9f9f !important;
    cursor: pointer !important;
    display: inline-block;
    filter: progid: DXImageTransform.Microsoft.gradient(StartColorStr='#303030', EndColorStr='#262626');
    font-size: 11px;
    font-weight: bold;
    height: 29px;
    margin: 0 5px;
    outline: 0;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    word-wrap: normal
}

#boee-ssbuts .ksb:hover {
    background-color: #3d3d3d;
    background-image: -webkit-gradient(linear, top left, bottom left, from(#2F2F2F), to(#2D2D2D));
    background-image: -webkit-linear-gradient(top, #343434, #2D2D2D);
    background-image: linear-gradient(top, #2F2F2F, #343434);
    border: 1px solid #191919;
    -webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, .09), 1px 1px 0 rgba(255, 255, 255, .05), -1px -1px 0 rgba(0, 0, 0, .02), inset 1px 1px 0 rgba(255, 255, 255, .05);
    box-shadow: 0px 1px 0 rgba(255, 255, 255, .09), 1px 1px 0 rgba(255, 255, 255, .05), -1px -1px 0 rgba(0, 0, 0, .02), inset 1px 1px 0 rgba(255, 255, 255, .05);
    color: #afafaf !important
}
.ksb {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #444;
}
#boee-ssbuts .ksb:focus {
    border-color: #414141;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .6);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, .6);
    color: #cfcfcf !important
}

#boee-ssbuts .ksb:active {
    border-color: #3D3D3D;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3)
}

.rg_di {
    display: -moz-inline-box;
    display: inline-block;
    margin-top: 0;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    z-index: 1
}

.rg_meta {
    display: none
}

.rg_l {
    background: #ccc;
    display: inline-block;
    height: 100%;
    position: absolute;
    text-decoration: none;
    width: 100%
}

.rg_l:focus {
    outline: 0
}

.rg_i {
    border: 0;
    color: rgba(0, 0, 0, 0);
    display: block;
    -webkit-touch-callout: none;
}

.rg_an, .rg_anbg, .rg_ilm, .rg_ilmbg {
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    font: normal 11px arial, sans-serif;
    line-height: 100%;
    white-space: nowrap;
    width: 100%
}

.rg_anbg, .rg_ilmbg {
    background: rgba(51, 51, 51, 0.8);
    margin-left: 0;
    padding: 2px 4px;
    position: absolute
}

.rg_ilmn {
    bottom: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rg_ilm {
    display: none
}

.rg_di:hover .rg_ilm, .rg_anbg, .rg_kn .rg_di:hover .rg_anbg {
    display: block
}
/*=============style end===========*/
/*===========gstyle=============*/
.hd {
    position: absolute;
    width: 1px;
    height: 1px;
    top: -1000em;
    overflow: hidden
}

h3, .med {
    font-size: medium;
    font-weight: normal;
    margin: 0;
    padding: 0
}
#cnt {
    clear: both
}

#res {
    padding-right: 1em;
    margin: 0 16px
}
#center_col #res {
    padding-top: 0
}
#cnt {
    width: 100%;
    margin-left: 0
}

.col {
    float: left
}

#leftnavc, #center_col, #rhs {
    position: relative
}

#center_col {
    margin-left: 138px;
    margin-right: 0;
    padding: 0 8px;
    padding: 0 8px;
}

#center_col {
    clear: both
}

#res {
    border: 0;
    margin: 0;
    padding: 0 8px;
}

#ires {
    padding-top: 6px
}

#main {
    width: 100%
}
#hdtb-msb>.hdtb-mitem:first-child, .ab_tnav_wrp, #cnt #center_col, .mw #center_col {
    margin-left: 120px
}

#cnt #center_col, .mw #center_col {
    margin-left: 0
}
/*===========gstyle end=============*/
/*===========index=============*/
#rg_s{
    letter-spacing: -999px;
}
#rg_s #boee-ss{
    letter-spacing: 0;
}
.rg_di.rg_el.ivg-i {
    letter-spacing: 0;
    box-sizing: content-box;
}
/*====================================*/
@media screen and (min-width: 769px) {
    #rcnt {
        margin-top: 13px;
    }
}
@media screen and (max-width: 768px){
    #boee-ssco{
        transform: scale(1.5);
    }
    #breakout-paddle{
        width: 30% !important;
    }
    #boee-rb{
        height: auto;
    }
    #boee-ib{
        width: 100%;
    }
    ._pmb{
        display: none;
    }
}
@media screen and (max-width: 500px){
    #breakout-ball{
        transform: scale(0.7);
    }
    #boee-ri {
        display: none;
    }
}