@charset "UTF-8";
#darkBG{
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -2;
     padding:0;
     margin:0;
     background-color:#111;
     background-image: url(../../_img_bg/idur_bk2000x2200.jpg);
     background-position: top left;
     background-size: cover;
     background-repeat: no-repeat;
}
#darkBGcol {
	background-color: #0a0c0c;
	height: 100%;
	left: 0px;
	-moz-opacity: 0.85;
    opacity: 0.85;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
#allsongsPage{
    min-height:700px;
    width:1100px;
    margin:0 auto 100px auto;
}
#songList{
    width:830px;
    margin:25px 0;
    color:#ccc;
}
/* #leftBlock{
    width:160px;
    position:fixed;
    top:70px;
    } */
#rightBlock{
    width:250px;
    float:right;
}
#rightBlock .fixControl{
    width:250px;
    position:fixed;
    top:70px;
}


#songList .topADS{
    margin-top:15px;
}
.adsMA,
.adsRA,
.topADS{
    background-color: rgba(0,0,0,.3);
    margin-bottom:15px;
}

#songList .midashi2{
    color:#f7f5f3;
    border-bottom:3px solid #b3b577;
    padding:0;
    margin:10px 0 15px 0;
    position:relative;
}
#songList .midashi2 a.ttl{
    display:inline-block;
    border-bottom:3px solid #b3b577;
    margin-bottom:10px;
    font-size:22px;
    background-color:#b3b577;
    color:#500;
    line-height:1.4;
    padding:0 20px 0 20px;
    margin:0;
    font-family: 'Playfair Display', serif;
    font-weight:700;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
#songList .midashi2 .resText{
    display:block;
    border-top:3px solid #b3b577;
    font-size:22px;
    font-weight:bold;
    line-height:1.5;
    padding:7px 0;
}
#songList .midashi2 img{
    height:30px;
    vertical-align:bottom;
}
#songList .midashi2 a.openSearch2{
    font-size:19px;
    float:right;
    color:#73FDFF;
    margin-bottom:5px;
    margin-right:5px;
    font-weight:bold;
}
#songList .midashi2 q{
    font-size:13px;
    font-weight:normal;
}
#songList .resText .note1{
    display:block;
    font-size:12px;
    color:#aaa;
}
.ancPos2{
    margin:0 auto 15px auto;
}
/* .ancPos2 .adsPLY{
    margin:8px auto 0 auto;
    text-align:center;
    min-height:90px;
    } */


#allsongsPage .adsMA{
    margin:15px auto;
    text-align:center;
    /* min-height:90px; */
}
#allsongsPage .sortBtnBox{
    display:block;
    margin:0 auto 30px  auto;
    display: -webkit-flex;
    display:-moz-box;
    display:-webkit-box;
    display: flex;
    justify-content: space-between;
    color:#eee;
}
#allsongsPage .sortBtnBox li a{ 
    border:1px solid #aaa;
    font-size:13px;
    font-weight:bold;
    line-height:1.5;
    padding:3px 10px;
    border-radius: 3px;
    background-color:#eeeef3;
    color:#111;
    display:block;
    width:8.5em;
    text-align:center;
}
#allsongsPage .sortBtnBox li a.stay{ 
    background-color:#ffb;
    color:#700;
}
#allsongsPage .eachMusic{
    width:100%;
    background-color:#e2dfdc;
    box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
}
.eachMusic h3{
    padding:10px 0px;
    margin:0 10px;
    color:#500;
    font-size:17px;
    letter-spacing:0.5px;
    font-family: 'Playfair Display', serif;
    font-weight:700;
}
/* .eachMusic h3 img{
    height:30px;
    margin:0 8px 0 0;
    vertical-align:bottom;
    } */

.eachMusic .embox2:hover {
    /* opacity: .7 !important; */
}
.eachMusic .embox2:hover h3{
    color:#700;
    text-decoration:underline; 
}
.eachMusic .embox2 h3{
    border-bottom:1px solid #aaa;
}
.eachMusic .embox2:hover h3 a{
    color:#800;
    text-decoration:underline; 
}
.eachMusic .embox2, .easing {
    transition: .2s ease-in-out;
    border: none;
    outline: none;
}

.eachMusic h3 .picon{
    display:inline-block;
    width:50px;
    margin:0 8px 0 0;
    float:none;
}
.eachMusic h3 .picon img{
    width:100%;
    vertical-align:middle;
}

.eachMusic dl{
    margin:5px 10px;
}
.eachMusic dt{
    padding:0;
}
.eachMusic dt b{
    font-weight:bold;
    font-size:15px;
    line-height:1.4;
    color:#333;
    font-style:normal;
}
.eachMusic dt p{
    margin-top:4px;
    font-size:13px;
    line-height:1.4;
    color:#333;
}

.eachMusic dt img{
    width:80px;
    margin:0 10px 0 0;
    /* display:inline-block;
    vertical-align:middle; */
    float:left;
}
.eachMusic dd{
    padding:7px 0;
    font-size:14px;
    line-height:1.5;
    color:#373737;
}
.eachMusic .goma{
    position:relative;
    border-top:1px dotted #aaa;
    margin:0 10px;
    padding:7px 70px 7px 0;
    font-size:13px;
    line-height:1.7;
    color:#555;
}
.eachMusic .goma b a{
    display:inine-block;
    margin-right:5px;
    color:#753;
    white-space:nowrap;
}
.eachMusic .goma b a:before{
    content: "#";
}
.eachMusic .goma b a:hover{
    color:#a00;
    text-decoration:underline; 
}

.eachMusic .goma .hiduke{
    font-size:11px;
    color:#777;
    display:block;
    padding-top:0.5em;
}

.eachMusic .goma .favoBtn{
    display:block;
    width:60px;
    height:30px;
    text-align:center;
    position:absolute;
    top:3px;
    right:3px;
}
.eachMusic .goma a.homeBtn,
.eachMusic .goma a.youtubeBtn{
    color:#555;
    font-size:12px;
}
.eachMusic .goma .homeBtn img{
    height:21px;
    vertical-align:top;
    margin:0 15px;
}
.eachMusic .goma .youtubeBtn img{
    height:15px;
    vertical-align:middle;
}

.eachMusic .goma .favoBtn svg{
    height:100%;
}
.eachMusic .goma .favoBtn svg .hvCol{
    fill:#efafdf;
}
.eachMusic .goma .favoBtn svg .fvInCol{
    fill:#ff0370;
}
.eachMusic .goma .favoBtn svg .fvFull{
    fill:#aaa;
}

.eachMusic i{
    background-color:#eaffde;
    font-style:normal;
    /* font-weight:bold; */
}
.playingSNSbtn{
    text-align:right;
    padding-right:10px;
    min-height:21px;
}

/* ---------------------------- タブレット --------------------------- */
@media screen and (max-width:1100px){
    #rightBlock{
        display:none;
    }
    #allsongsPage{
        max-width:100%;
        width:100%;
    }
    #songList{
        width:96%;
        margin:25px auto;
        float:none;
    }

}

/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:834px){

    #allsongsPage{
        min-height:auto;
        width:100%;
        margin:3vh 0 5vh 0;
    }
    #leftBlock{
        width:96vw;
        position:static;
        margin:4vw 2vw;
    }
    #rightBlock{
        display:none;
        width:100%;
        float:none;
    }
    #rightBlock .fixControl{
        display:none;
        width:100%;
        position:static;
    }
    #songList{
        width:96vw;
        margin:0 auto;
    }
    .adsMA{
        width:100%;
        padding:0;
        overflow:hidden;
    }
    #songList .topADS{
        margin-top:0;
    }
    #songList .midashi2{
        margin:1vh 0 2vh 0;
    }
    #songList .midashi2 a.ttl{
        margin-bottom:1vh;
        font-size:5vw;
        padding:0 3vw;
        margin:0;
    }
    #songList .midashi2 .resText{
        font-size:4.5vw;
        padding:1vh 0;
    }
    #songList .midashi2 q{
        font-size:3vw;
    }
    #songList .resText .note1{
        font-size:3.5vw;
        color:#ccc;
    }
    #songList .midashi2 a.openSearch2{
        font-size:4vw;
        margin-bottom:1vw;
        margin-right:1vw;
    }
    #songList .midashi2 img{
        height:7vw;
    }

    #allsongsPage .sortBtnBox{
        margin:2vw;
        flex-wrap: wrap;
    }
    #allsongsPage .sortBtnBox .ttlpc{
        display:none;
    }
    #allsongsPage .sortBtnBox li a{ 
        font-size:3.3vw;
        padding:1vw 2vw;
        width:28vw;
        margin-bottom:3vh;
    }
    .eachMusic h3{
        padding:1vw;
        margin:0;
        font-size:4vw;
        line-height:1.2;
    }
    .eachMusic h3 .picon{
        width:13vw;
        margin:0 2vw 0 0;
        float:left;
    }
    .eachMusic h3 .picon img{
        width:100%;
        margin:0;
        vertical-align:middle;
    }
    .eachMusic dl{
        margin:2vw;
    }
    .eachMusic dt b{
        font-size:4vw;
        line-height:1.2;
    }
    .eachMusic dt p{
        margin-top:1vhx;
        font-size:3.5vw;
        line-height:1.4;
    }
    .eachMusic dt img{
        width:25vw;
        float:left;
        margin:0 2vw 2vw 0;
    }
    .eachMusic dd{
        padding:2vw 0;
        font-size:3.7vw;
        line-height:1.4;
    }
    .eachMusic .goma{
        margin:0 2vw;
        padding:2vw 10vw 2vw 0;
        font-size:3.5vw;
    }
    
    .eachMusic .goma .hiduke{
        font-size:3vw;
        padding-top:1em;
    }
    
    .eachMusic .goma b a{
        margin-right:1.5em;
        line-height:2.5;
    }
    .eachMusic .goma .favoBtn{
        display:block;
        width:9vw;
        height:9vw;
        text-align:center;
        position:absolute;
        top:1vw;
        right:1vw;
    }
    .eachMusic .goma b span{
        font-size:3vw;
    }


.eachMusic .goma a.homeBtn,
.eachMusic .goma a.youtubeBtn{
    font-size:3.5vw;
}
.eachMusic .goma .homeBtn img{
    height:5.5vw;
    vertical-align:middle;
    margin-left:1em;
}
.eachMusic .goma .youtubeBtn img{
    height:4vw;
    margin:0;
    vertical-align:middle;
}


}/* スマホ */