@charset "utf-8";
/* CSS Document */

/* movie popup-common.css*/

.mod-mainContentContainer {
    font-size: 1rem;
}

#contents ul{
    padding: 0;
}
#contents ul:after{
    display: none;
}


#contents li{
    margin-left: 0;
    margin-bottom: 0;
}

#contents section{
    margin-bottom: 3em;
}

#contents h2{
    margin-bottom: 10px;
}

 #contents .annotation {
    padding-left: 1em;
    text-indent: -1em;
}

#contents .word .comment h1.title.boder_bold{
    border-bottom: 2px solid #000;
    padding-left: 5px;
}

#contents .word .comment h1.title.boder_bold + div{
    margin-left: 5px;
}

#contents .movie .comment p {
    margin: 30px 0 30px 0;
    width: auto;
}

#contents ul.disc{
    list-style-type: disc;
    margin-left: 1.5em;
}

#contents ul.disc > li{
    margin-bottom: 1rem;
}

#contents ul.none{
    list-style-type: none;
    margin-left: 0;
    margin-top: 10px;
}


#contents ul.disc > li > ul.none{
    margin-left: 0;
    margin-bottom: 0;
}

#contents ul.disc > li > ul.none + p.annotation{
    margin-top: 0;
}

#contents span.product_name{
    display: inline-block;
    width: 86px;
    
}
#contents span.setting{
    display: inline-block;
    width: 130px;
}
#contents span.setting::before{
    content:":";
    display: inline-block;
    padding-right: 4px;
}


@media (max-width: 640px){
    .mod-mainContentContainer{
        padding: 0;
    }
    
    #contents ul.disc > li > ul.none.setting > li{
        margin-bottom: 1em;
    }
    
    #contents span.product_name {
        width: 64px;
    }
    #contents span.result{
        display: inline-block;
        margin-left: 1em;
    }


}