/*tag*/


body {
    overflow-x:hidden;
}

.inline-block {
    display:inline-block!important;
}


.slide-v2 .estut-btn:hover, .slide-v2 .estut-btn.active {

}

a[href] {
    /*color:#fb016b;*/
    color:#ff00e0;
}

.m-underline {
    text-decoration:underline;
}
.m-center {
    text-align:center;
}
.m-mt12 {
    margin-top:12px;
}
.m-mb12 {
    margin-bottom:12px;
}

.m-mt16 {
    margin-top:16px;
}
.m-mb16 {
    margin-bottom:16px;
}

.m-mt24 {
    margin-top:24px;
}
.m-mb24 {
    margin-bottom:24px;
}

.m-mt32 {
    margin-top:32px;
}

.m-mb32 {
    margin-bottom:32px;
}

.m-mt48 {
    margin-top:48px;
}
.m-mb48 {
    margin-bottom:48px;
}

section.wrapper {
}

session-title {
    display:none;
}

/*media*/
@media (max-width: 972px) {
    .header-top-info span  {
        display: none;
    }
}

.not-found-image {
    width:500px;
}

::-webkit-scrollbar {
    /* width: 18px;*/ /* remove scrollbar space */
    scrollbar-color:#de3130 #eeeeee;
    /*background: transparent;*/ /* optional: just make scrollbar invisible */
}

/*class and id*/
.widget-wrap {
    box-sizing:border-box!important;
}

.overlay-bg-mnt {

}
.jalea-post-1 {
    background-repeat: no-repeat;
}
.jalea-background-1 {
    background-image:url("../../images/post/6-post.jpg");
}

.jalea-background-2 {
    background-image:url("../../images/post/7-post.jpg");
}

.page-header-v2 {
    padding-top: 22px;
}

.child-menu-bar {
    max-height:400px;
    overflow-y:scroll;
}

.quick-search {
    background:#1c1c1c;
    text-align:center;
    padding:8px;
    width:100%;
    box-sizing:border-box;
    content:'quick select';
}


.red-separator {
    width:100%;
    content:' ';
    font-size:1px;
    height:1px;
    background:white;
}

.black-separator {
    width:100%;
    content:' ';
    font-size:2px;
    height:2px;
    background:black;
}

.index-list .buttons-area {
    margin-top:8px;
    float:right;
}

.mybutton {
    width:48px!important;
    padding:0 0px!important;
    text-align:center!important;
}
.quick-selector {
    position:static;
    top:270px;
    z-index:100;
    opacity:0.9;
}

.toggler {
    position:absolute;
    padding:8px;
    width:72px;
    cursor:pointer;
}
.toggler span {
    font-family:'lato';
}
.toggler-closed {
    background:#DC3336 none repeat scroll 0 0;
    color:white;
    border-radius:0 0 4px 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    padding-bottom:7px;
}

.quick-selector2 {
    position:static;
    top:270px;
    z-index:100;
    opacity:0.9;
    background: #cc0d0d;
    padding: 8px;
    color: white;
    width: fit-content;
    cursor: pointer;
    /* margin-left:8px;*/
    border-radius: 0px 0px 4px 0px;
}

.selected {
    /*background:hsl(240,65%,50%)!important;*/
    filter:brightness(80%);
}
.blog-thumb {
    margin:0 auto;
}

.desc-image {
    margin: auto;
    display: block;
    border-radius: 4px;
    box-shadow: 0px 2px 20px -5px rgba(0, 0, 0, 0.75);
}
.desc-image-wrapper {
    position:relative;
    margin:0 auto;
}

.desc-block {
    border:1px solid lightgray;
    border-radius:8px;
    margin-bottom:32px;
}
.desc-block label {
    background:lightgrey;
    color:white;
    padding:4px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: normal;
    font-size:smaller;
    display:block;
}

.desc-block div {
    box-sizing: border-box;
    padding:16px;
}




.frame {
    position:absolute;
    left:50%;
    transform: translate(-50%, 0);
    top:0;

}
.image-pointer {
    position:absolute;
    z-index:10;
    box-shadow: 0px 14px 90px -18px rgba(0,0,0,0.75);
    font-size:32px!important;
    display:block;
    cursor:pointer;
}

.ja-a1 {
    color:#516E57!important;
}

.desc-thumb-media {
    margin:8px;
}
.desc-thumb-media-video {
    margin:8px;
    width:100px;
}

.widget-add .widget-title-v2 {
    background: #673ab7 none repeat scroll 0 0;
}
.romaji {
    font-style:italic;
}


.blog-title {
    font-size:28px;
    margin-bottom:22px;
}
.blog-title:before {
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    float: left;
    margin-top: 6px;
    margin-left: -20px;
    color: #ababab;
}

.blog-category {
    text-transform:none!important;

}



.widget-cyan .widget-title-v2 {
    background: #4fc3f7 none repeat scroll 0 0;
}

.widget-green .widget-title-v2 {
    background: #66BB6A none repeat scroll 0 0;
}
.widget-green .widget-title-v2::before {
    border-right: 10px solid #43a047;
}
.widget-orange .widget-title-v2 {
    background: #ffa726 none repeat scroll 0 0;
}
.widget-orange .widget-title-v2::before {
    border-right: 10px solid #fb8c00;
}
.widget-red .widget-title-v2 {
    background: #f44336 none repeat scroll 0 0;
}
.widget-red .widget-title-v2::before {
    border-right: 10px solid #d32f2f;
}
.widget-purple .widget-title-v2 {
    background: #673ab7 none repeat scroll 0 0;
}
.widget-purple .widget-title-v2::before {
    border-right: 10px solid #512da8;
}
.widget-fuchsia .widget-title-v2 {
    background: #fb016b none repeat scroll 0 0;
}
.widget-fuchsia .widget-title-v2::before {
    border-right: 10px solid #c70256;
}

/*colors*/
ja-cred {
    color: #c70256;
    font-weight:bold;
}

ja-cblue {
    color: #3030fd;
    font-weight:bold;
}
ja-corange {
    color: #de6800;
    font-weight:bold;
}
ja.cred {
    color:orangered;
    font-weight:bold;
}
ja-cgreen {
    color:forestgreen;
    font-weight:bold;
}

/*******/
.bun-block,.bunbun {
    display:inline-block;
    width: inherit;
}
.bun-romaji {
    font-size:smaller;
    text-align:center;
    font-style:italic;
}
.has-romaji-active {
    margin-right:6px;
}

.widget-menu li a {
   height:auto!important;
}


.img-logo {
    padding-bottom:11px;
}
.header-logo {
    padding-top:4px!important;
}

.media-thumb-wrapper {
    display:inline-block;
    margin:8px;
    padding:8px;
    border:1px solid #eee;
    border-radius:6px;
    box-shadow: 0px 2px 30px -10px rgba(0,0,0,0.55);
}

.video-size {
    width:200px;
}
.image-size {
    width:250px;
}

.gal-thumb-image {
    width:250px!important;
}

.gal-thumb-video {
    width:200px!important;
    display:block;
    margin:0 auto;
}

.footer-jalea.overlay-bg {
    position:relative;
}

.footer-jalea.bg-1 {
    background: rgba(0, 0, 0, 0) url(../../../public/images/jalea/akiba-footer.jpg) no-repeat scroll center center / cover;
}

ja-high {
    color:#e53935;
}


.index-image-media-selector {
    width:20px;
}

.set-kanji .jump:hover {
    background:red;
    color:white;
}
.search-input-wrapper {
    position:relative;
}
.beta {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 10000;
    background: #eee;
    border: 4px orangered dashed;
    border-radius: 90px;
    padding-top: 8px;
    box-sizing: border-box;
    text-align: center;
    Font-family: Verdana;
    color: red;
    opacity: .9;
    left: -52px;
    top: -14px;
    transform: rotate(-10deg);
    box-shadow: 0px 3px 29px 8px rgba(0, 0, 0, 0.53);
}

.media-imgvideo-wrapper {
    display:inline-block;
    position:relative;
}
.media-counter {
    background:blue;
    color:white;
    z-index:2;
    position:absolute;
    width:20px;
    height:20px;
    border-radius:90px;
    box-shadow: 0px 3px 29px 8px rgba(0, 0, 0, 0.23);
    opacity: .9;
    left:0;
    top:0;
    box-sizing: border-box;
    text-align:center;
    font-size:10px;
    padding-top:3px;
}
.media-counter2 {
    background:red;
    color:white;
    z-index:2;
    position:absolute;
    width:20px;
    height:20px;
    border-radius:90px;

    opacity: .9;
    left:-4px;
    top:-8px;
    box-sizing: border-box;
    text-align:center;
    font-size:10px;
    padding-top:3px;
}
.media-counter-small {
}

.padding12 {
    padding:12px;
}
.margin8 {
    margin:8px;
}
.margin4 {
    margin:4px;
}
.margin2 {
    margin:2px;
}


display-inline-block {
    display:inline-block;
}
ja-amenu a {
background: #ff2ab4;
padding: 8px;
color: white!important;
border-radius: 6px;
}
ja-amenu {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 12px;
    border-radius: 4px;
}
.result-footer {
    background: #f9f9f9;
    padding:8px 2px;
    margin-top:6px;
    box-sizing: border-box;
}
.result-footer p {
    color: #979797;
    font-style:italic;
}
.survey-info {
    margin: 32px;
    text-align: center;
    color: #aaa;
    font-size: 32px;
}

/*Survey popup */
.quest-list-block {
    border-bottom: 1px solid lightgrey;
    padding: 8px;
    cursor: pointer;
    background: #fffad4;
    margin-bottom: 8px;
    border-radius: 4px;
    display:block;
}

.quest-list-block:hover {
    background:#fff18a;
}
.quest-list-item {
    color: #bd0000;
    font-weight: bold;
}
.quest-list-title {
    color: #262692;
}

a.survey-bypass-now {
    color: blue;
    font-size: smaller;
    text-decoration: underline;
}

@media only screen and (max-width: 600px) {
    .ricerca-avanzata {
        display:none
    }
    #search-input {
        display:none;
    }
}

.kana-row {
    font-family: 'UD デジタル 教科書体 NK-R','ToppanBunkyuGothicPr6N-Regular';
}

#beta-wrapper {
    background: #ffe42d;
    padding: 16px;
    text-align: center;
    box-sizing: border-box;

    margin-bottom:8px;
}
#beta-wrapper p {
    color:white;
    font-size:24px;
    padding-top:12px;
    text-shadow: 0 0 2px #222;
}

.embedded-header {
    width:100%;
    box-sizing:border-box;
    padding:4px;
    background:black;
    color:white;
    text-align:left;
    position:fixed;
    top:0;
}
.embedded-header a {
    text-decoration: none;
    color:white;
}


.widget-examples .widget-title-v2 {
    background: #a1960d none repeat scroll 0 0;
}

button.btn-tiny {
    margin-right: 4px;
    border: 1px solid #aaaaaa;
    border-radius: 2px;
}
button.btn-tiny:active,button.btn-tiny:focus {
    outline:0;
}

.hasbeta {
    border:1px solid yellow;
}
.hasbeta-msg {
    text-align:center;
    display:block;
    font-weight:bold;
}

.example-block {
    cursor:pointer;
    border:1px solid #aaaaaa;
    border-radius:8px;
    margin:8px;
    padding:8px;
    height:200px;
    position:relative;
    overflow-y:hidden;
}
.example-block .content,.example-block .translation {
    margin-right:48px;
}
.spec-area {
    position:absolute;
    bottom:0;
    right:8px;
    background:white;
    border:1px solid #aaaaaa;
    margin-bottom:8px;
    border-radius:8px;
    padding:8px;
    opacity:.8;
}
.example-space {
    border:1px solid #aaa;
    padding:16px;
    background:#ddd;
    border-radius:8px;
    cursor:pointer;
    left:16px;
    position:fixed;
    width:calc(100% - 32px);
    bottom:8px;
    z-index:100;
}
.example-block.active {
    border:3px solid red;
}

.example-block .invert {
    position:absolute;
    top:8px;
    right:8px;
    display:block;
}
.ja-reibun-message {
    color: #e22424!important;
    text-decoration:underline;
    font-size:16px;
}

.ja-translation {
    font-size:16px;
}

.ja-reibun img {
    float:right;
}

.ja-reibun-spacer {
    margin-top:12px;
}
.ja-example-title {
    margin-bottom:24px;
}

ul.estut-dropdown.child-menu-bar::-webkit-scrollbar {
    display: none;
}
ul.estut-dropdown.child-menu-bar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.d-none {
    display:none;
}
.apointer {
    cursor:pointer;
}

#myModal2 .modal-header {
    cursor:pointer;
}

.index-single-letter {
    padding-left:12px;
}

.media-thumb-wrapper.media {
/*    width:200px;
    height:200px;
    background:grey;*/
}

#header-top-wrapper {
    position:relative;
}
.absolute-right {
    top:0;
    right:0;
    position:absolute;
}

.kana-speak {
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
    color: #DC3336;
    cursor: pointer;
    float:right;
}

.kana-edukanji-msg {
    border: 1px solid #e8e8e8;
    padding: 4px;
    display: block;
    border-radius: 4px;
    font-size: smaller;
    text-align:center;
}

.apiver-message {
    font-size:10px;
    font-weight:normal;
    margin-bottom:8px;
}

/* examples expose */

#examples-selection {
    display:inline-block;
    width:200px;
    vertical-align:top;
    padding:0 32px 0 0;
    margin-right:20px;
    font-size:10px;
    max-height:350px;
    overflow-y:scroll;
}


#examples-selection .selection-element {
    cursor:pointer;
    padding:8px;
    border-bottom:1px solid lightgrey;
}
#examples-selection .selection-element.active {
    background:#ff2e2e;
    color:white;
}

#examples-selection .selection-element:hover {
    background:#ff8787;
}

#examples-ident {
    display:inline-block;
    width: calc(100% - 250px);
}
.bun-main .set-kana {
    text-align:left;
}