@charset "UTF-8";
#darkBG{
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -2;
     padding:0;
     margin:0;
     background-color:#000;
     background-image: url(../../_img_bg/idur_bk2000x2200.jpg);
     background-position: top left;
     background-size: cover;
     background-repeat: no-repeat;
}
#darkBGcol {
	background-color: #000;
	height: 100%;
	left: 0px;
	-moz-opacity: 0.85;
    opacity: 0.85;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
#playPage {
    width:1100px;
    margin:15px auto 100px auto;
    color:#ddd;
}
#mainBlock{
    width:820px;
    float:left;
}
#RightBlock{
    width:250px;
    margin-top:15px;
    float:right;
    background-color: rgba(0,0,0,.3);
}
#playPage .breadcrumb {
    width:1100px;
    margin:10px 0;
}
#playPage .breadcrumb ul{
    display:inline-block;
    list-style-type: none;
}
#playPage .breadcrumb li{
    display:inline-block;
    font-size:15px;
    margin-right:5px;
    color:#ccc;
}
#playPage .breadcrumb h1{
    display:inline-block;
    font-size:15px;
    margin-right:5px;
}
.eachMusic{
    width:100%;
    margin:20px 0 10px 0;
    border:1px solid #777;
    border-radius: 8px;
}


.eachMusic h3{
    padding:10px 1px;
    margin:0 10px;
    color:#eee;
    font-size:18px;
    /*     letter-spacing:0.5px; */
    /*     font-family: 'Playfair Display', serif; */
    font-weight:700;
}
.eachMusic h3 .picon{
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 10px 0 0;
}
.eachMusic h3 .picon img{
    width:100%;
    vertical-align:middle;
}

.eachMusic .idurPlayer{
    z-index:999;
}
.eachMusic dl{
    margin:15px;
}
.eachMusic dt{
    padding:0;
}
.eachMusic dt img{
    width:130px;
    margin:0 10px 0 0;
    /* display:inline-block;
    vertical-align:middle; */
    float:left;
    border:1px solid #333;
}
.eachMusic dt h4{
    font-weight:bold;
    font-size:17px;
    line-height:1.4;
    font-style:normal;
}
.eachMusic dt p{
    margin-top:5px;
    font-size:15px;
    line-height:1.5;
}
.eachMusic dd{
    padding: 15px 0;
    font-size:16px;
    line-height:1.5;
}
.playingSNSbtn{
    text-align:right;
    padding-right:10px;
    min-height:21px;
}
.toYouTubeBtn{
    display:inline-block;
        height:20px;
    margin-bottom:5px;
    vertical-align: top !important;
}
.toYouTubeBtn a{
    font-size:12px;
    display:block;
    border-radius: 3px;
    line-height:20px;
    padding:0 3px;
    color:#a00;
    background-color:#eee;
    height:20px;
    font-weight:bold;
}

.eachMusic .goma{
    position:relative;
    border-top:1px dotted #aaa;
    margin:5px 10px;
    padding:7px 70px 7px 0;
    font-size:14px;
}
.eachMusic .goma b a{
    display:inine-block;
    margin-right:1em;
    white-space:nowrap;
    color:#88a8ff;
}
.eachMusic .goma b a:before{
    content: "#";
    color:#6797d7;
}
.eachMusic .goma b span{
    font-size:13px;
    color:#aaa;
    line-height:2em;
}
.eachMusic .goma .favoBtn{
    display:block;
    width:50px;
    height:33px;
    text-align:center;
    position:absolute;
    top:7px;
    right:3px;
}
.eachMusic .goma .favoBtn svg{
    height:37px;
}
.eachMusic .goma .favoBtn svg .hvCol{
    fill:#ffccea;
}
.eachMusic .goma .favoBtn svg .fvInCol{
    fill:#ff0370;
}
.eachMusic .goma .favoBtn svg .fvFull{
    fill:#eee;
}
.aboutCompo{
    width:100%;
    margin:10px 0 30px 0;
    border:1px solid #777;
}
.aboutCompo h3 {
    font-size:18px;
    padding:10px;
    color:#edc;
}
.aboutCompo p {
    font-size:15px;
    padding:0 10px 10px 10px;
}
.notFoundTx {
    font-size:14px;
    color:#cca;
    margin:10px 10px 30px 10px;
}
.backBtn {
    width:100%;
    margin-bottom:30px;
    text-align:center;
}
.backBtn p{
    display:inline-block;
    font-size:15px;
}
.backBtn p a {
    display:inline-block;
    padding:0 2em;
    margin:0 1em;
    line-height:2;
    white-space:nowrap;
    color:#eee;
    border:1px solid #777;
    border-radius: 3px;
    text-decoration:none;
    background-color:#000;
}

/* ---------------------------- タブレット --------------------------- */
@media screen and (max-width:1100px){
    #RightBlock{
        display:none;
    }
    #playPage{
        width:100%;
    }
    #mainBlock{
        width:90%;
        margin:0 auto;
        float:none;
    }
    #playPage .breadcrumb {
        padding:0 10px;
    }
}

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

    #playPage {
        width:100%;
        margin:0;
    }
    #mainBlock{
        width:100%;
        float:none;
    }
    #RightBlock{
        width:90%;
        margin:15px auto 30px auto;
        float:none;
    }
    #playPage .breadcrumb {
        width:100%;
        padding:10px;
    }
    #playPage .breadcrumb ul {
        padding:0 10px;
    }
    #playPage .breadcrumb li{
        display:inline-block;
        font-size:3.8vw;
        margin-right:5px;
        color:#ccc;
    }
    #playPage .breadcrumb h1{
        display:block;
        margin-right:0;
        padding:10px 10px 0 10px ;
        font-size:3.8vw;
    }
    .eachMusic{
        border:1px solid #777;
        border-radius: 0;
    }
    .eachMusic h3{
        padding:8px 0;
        margin:0 10px;
        line-height:1.8;
        font-size:4vw;
    }
    
    .eachMusic h3 .picon{
        display:none;
    }

    .eachMusic dt img{
        width:30vw;
        margin:0 10px 0 0;
    }
    .eachMusic dt h4{
        font-size:4vw;
    }
    .eachMusic dt p{
        font-size:3.4vw;
    }
    .eachMusic dd{
        font-size:3.5vw;
        line-height:1.5;
    }
    .eachMusic .goma{
        padding:7px 40px 7px 0;
        font-size:3.5vw;
        line-height:2.5;
    }
    .eachMusic .goma b a{
        margin-right:1.2em;
    }
    .eachMusic .goma b span{
        font-size:3vw;
    }
    .eachMusic .goma b  .spDisp{
        display:block;
    } 
    .eachMusic .goma .favoBtn svg{
        height:33px;
    }

    .aboutCompo h3 {
        font-size:4vw;
        font-weight:bold;
    }
    .aboutCompo p {
        font-size:3.7vw;
        line-height:1.6;
    }
    .notFoundTx {
        font-size:4vw;
        color:#cca;
        margin:10px 10px 30px 10px;
    }

    .backBtn p{
        display:inline-block;
        font-size:4vw;
    }
    .backBtn p a {
        display:inline-block;
        padding:0 3vw;
        margin:0 3vw;
        line-height:2;
    }

}/* スマホ */