/*
Theme Name: Otome
Author: E2info
Author URI: http://www.e2info.com/
Description: for otome
Version: 1.0
*/

/*
#top-namegame .thumbnail img{
    width:286px;
    height:98px;
}
ul#yoyaku a.newsImg img{
    width:72px;
    height:72px;
}
#otome-top-news .newsImg img{
    width:72px;
    height:72px;
}
.img286x98 img{
    width:286px;
    height:98px;
}
.img286x140 img{
    width:286px;
    height:140px;
}
.reporterImg img{
    width:100%;
    height:100%;
}
.img72x72 img{
    width:72px;
    height:72px;
}
.img140x180 img{
    width:140px;
    height:180px;
}

.img160x160 img{
    width:160px;
    height:160px;
}
*/



.responsive-outer img{
    max-width:100%;
    max-height:100%;
}

.gallery img{
    /*width:160px;
    height:160px;*/
    max-width:160px;
    max-height: 160px;
    margin-left:auto;
    margin-right:auto;

    display: inline!important;
    vertical-align: middle;

}
.slick-slide{
    text-align: center;
}
#yoyakuList .slick-dots{
    bottom:-100px;
}
#yoyakuList li.yoyakuBox{
    /*padding-left:28px;
    padding-right:28px;*/
}
#yoyakuList .slick-next {
    right: -15px;
    z-index: 1;
}
#yoyakuList .slick-prev {
    left: -15px;
    z-index: 1;
}
#yoyakuList .gallery{
    background-color: inherit;
}

#otomt-game-main-tips-contents-right {
    float: right;
    width: 430px;
}

#otomt-game-main-tips-contents-right #news-list li.itemBox {
    height: auto;
}

#otomt-game-main-tips-contents-right #news-list .newsImg {
    float: none;
}
#otomt-game-main-tips-contents-right #news-list .itemBox .textArea {
    margin: 0;
}
#div1{
    margin-top:29px;
}
#top-header *{
    box-sizing:content-box;
}
#top-header .search-btn{
    box-sizing:border-box;
}

#contents-view-mode {
    color: #ffffff;
    text-align: center;
}
#contents-view-mode a {
    color: #ffffff;
}

.yoyakuBox .icon{
    clear:left;
}

.textArea .maker {
    color: #666;
    font-size: 90%;
    height: 26px;
    line-height: 26px;
    margin-bottom: 8px;
}

.reporter .responsive-outer img, .newTitleBox .responsive-outer img {
    display:inline-block;
    vertical-align:middle;
}

#topic-pass span {
    font-size: 13px;
}

.news-time span{
    padding-right:10px;
}
.newsArticle .news-indicators{
    margin-top:-4px;
}

a.iphone {
    color: #363699;
}
a.ipad {
    color: #993699;
}
a.android {
    color: #369936;
}

.newTitleBox a.news-indicator{
    width:auto;
    height:17px;
    line-height:17px;

}

#yoyaku .news-indicator{
    margin-top: 10px;
}

#newgame-list .news-indicators{
    margin-left:20px;
}

#yoyakuList .news-indicators li {
    margin-top: 0;
}

.news-time{
    font-size:75%;
}

.cl{
    clear:left;
}

#topmenu1 #yoyaku .news-time{
    margin-top:8px;
}

#yoyakuList .rn{
    margin-top:9px;
}
.rn-os{
    padding-top:1px;
}
.single-writer #reporterTitle{
    margin-top:35px;
}


#rightRank .explan {
    font-size: 12px;
    color: #888;
    margin: 10px 0;
}

.subicatch-bg{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center
}


#link-collection table{width:100%; margin:0;padding:0;border:none; border-collapse:collapse;}
#link-collection th,
#link-collection td{width:20%;padding:10px;font-weight:normal;text-align:left;}
#link-collection th span{padding:0 0 0 8px;border-left:4px solid #aaa;color:#aaa;}
#link-collection a{color:#eee;}
#link-collection{padding-bottom:32px;border-bottom:1px solid #555;}

#yoyaku .box2 {
    vertical-align: top;
}
#otome-top-news .newsArticle{
    padding-bottom: 30px;
}

#event-list .listLinkBox{
    margin-top:15px;
}
.bgcover{
    background-size:cover;
}

.listBox li.itemBox{
    max-height: none;
}

.stress-outer{
    position:relative;
}
.stress{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    left:-15px;
    top:1px;
}
/*.top0 .stress{
    left:0;
}
.top1 .stress{
    left:0;
    top:16px;
}*/


.kouryaku2 .stress{left:-20px;top:1px}
.stress::after { 

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #fff;

    font-size: 13px;
    font-weight: bold;
    height: auto;
    left: -25px;
    line-height: 0.4em;
    padding:5px 20px 5px 0;
    position: absolute;
    text-align: center;
    top: 10px;
    transform: rotate(-45deg);
    width: 100px;
    z-index: 1;
}
.appchoice-stress::after{
    content: "注力連載";
    background: #00D000;
}
.comic-stress::after{
    content: "動画";
    background-color: #FF8C00;
}
.appnew-stress::after{
    content: "新作";
    background-color: #D00000;
}
.vr-stress::after{
    content: "VR";
    background-color: #0000D0;
}
.niconama-stress::after{
    content: "ニコ生";
    background-color: #D000D0;
}