@charset "UTF-8";
#pageTop{
     padding:0;
     margin:0;
     background-color:#111;
     background-image: url(../_img_bg/idur_bk.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     -webkit-font-smoothing: antialiased;
     width:100%;
 }
#pageTop .bgmask{
     background-color: rgba(0,0,0,0.8);
     padding-bottom:15px;
 }
#pageTop .inner{
     max-width:1100px;
     margin:0 auto;
 }
#pageTop .inner h1{
    color:#e8d7bf;
    font-size:27px;
    font-weight:bold;
    text-align:center;
    line-height:1.5;
    padding:15px 0;
    margin: 0;
}
#pageTop .inner h1 b{
    font-weight:bold;
    font-family: 'Playfair Display', serif;
    padding:0 3px;
    font-display: swap;
}
#pageTop .inner h1 span{
    /* font-weight:bold; */
}
#pageTop .inner h1 em{
    display:block;
    font-size:21px;
    font-family: 'Playfair Display', serif;
    color:#af9b70;
    margin:0 0 10px 0;
    font-display: swap;
}
#pageTop .inner h1 q{
    display:block;
    font-size:17px;
    color:#cfbba0;
    margin:3px 0 7px 0;
}
#pageTop .inner p{
    color:#ddd;
    font-size:18px;
    text-align:center;
    padding-bottom:20px;
    line-height:1.7;
    color:#fff;
}
#pageTop .inner p q{
    font-weight:bold;
    color:#ff8833;
}
#pageTop .inner p a{
    color:#fff;
    font-weight:bold;
}
#pageTop .inner i{
    display:block;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    color:#800040;
    margin:0 auto 5px auto;
    padding:5px;
    border:3px double #fcc;;
    width:47em;
    background-color:#b2d175;
    white-space:nowrap;
}
/* ------- news ------- */
#wnew{
    width:100%;
    max-width:1100px;
    margin:0 auto;
    background-color:#e7e5e3;
    padding-bottom:5px;
    border-radius: 7px;
    box-shadow: 3px 3px 7px  rgba(0,0,0,0.3) inset;
}
#wnew h3{
    color:#111;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    padding:7px 0;
    border-bottom:1px solid #d7d7d7;
    margin:0 5px 5px 5px;
}
#wnew h3 img{
    height:21px;
    margin:0 5px 0 0;
    vertical-align:middle;
 }
#wnew ul{
    width:100%;
    max-height:200px;
    overflow:auto;
    padding:0 20px;
    font-size:14px;
}
#wnew li {
    padding:0;
    border-bottom:1px dotted #ccc;
    line-height:1.7;
}
#wnew li:first-child {
    font-size:17px;
    font-weight:bold;
    background-color:#f7f5f3;
}
#wnew li .date{
    color:#753;
}
#wnew li .info{
    color:#111;
}
#wnew li a{
    display:block;
    color:#533;
}
#wnew li span a{
    display:inline!important;
    color:#333;
}
#wnew li a:hover{
    background:#ddf;
}
.komeIndent{
	text-indent: -8em;
    margin:0 0 0 8.5em;
}
.aboutbase{
    font-size:16px;
    color:#E1FFFF;
    text-align:center;
    margin:15px 0 5px 0;
}

/* -------  ------- */
#listWrapper{
    min-height:500px;
    max-width:1100px;
    margin:20px auto;
}
#darkBGcol {
	background-color: #000;
	height: 100%;
	left: 0px;
	-moz-opacity: 0.8;
	filter: alpha(opacity=8);
    opacity: 0.8;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
#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_bk.jpg);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}

#musicList{
    max-width:830px;
    float:left;
}
#rightBlock{
    width:250px;
    float:right;
    background-color:#ccc;
    overflow:hidden;
}
.adsMA{
    margin:15px auto;
    text-align:center;
    min-height:90px;
    overflow:hidden;
    max-width:100%;
}
#rightBlock .RAadsFix{
    position:fixed;
    top:60px;
    background-color:transparent;
}
.ancPos2 .adsPLY{
    margin:8px auto 0 auto;
    text-align:center;
    /* min-height:90px; */
}
#musicList .midashi{
    color:#700;
    border-bottom:3px solid #a00;
    padding:0;
    margin:0 0 15px 0;
    position:relative;
}
#musicList .midashi .ttl{
    position:relative;
    display:inline-block;
    border-bottom:3px solid #a00;
    margin-bottom:10px;
    font-size:24px;
    background-color:#a00;
    color:#fff;
    padding:1px 10px;
    margin:0;
    font-family: 'Playfair Display', serif;
    font-weight:700;
    border-radius: 7px 0 0 0 / 7px 0 0 0;
    width:50%;
    line-height:36px;
    font-display: swap;
}
#musicList .midashi .ttl .HelpBtn{
    position:absolute;
    display:block;
    top:5px;
    right:10px;
    font-size:22px;
    width:32px;
    height:32px;
    border-radius: 32px;
    line-height:32px;
    text-align:center;
    background-color:#ff0;
    color:#f00;
    font-weight:bold;
    font-family:sans-serif;
}

#helpWin{
    display:none;
    padding:5px 10px;
    border-top:3px solid #a00;
    background-color:#d7d5d3;
}
#helpWin li{
    list-style-type: disc;
    font-size:14px;
    color:#444;
    margin-left:1.5em;
    margin-bottom:5px;
    line-height:1.5;
}
#helpWin li img{
    width:15px;
    vertical-align:bottom;
    margin:0 1px;
}
#helpWin li a{
    color:#33c;
}
#musicList .midashi .resText{
    display:block;
    border-top:3px solid #a00;
    font-size:23px;
    font-weight:bold;
    line-height:1.5;
    padding:8px 0;
}
#musicList .midashi s{
    font-size:21px;
    color:#050;
    font-weight:bold;
}
#musicList .resText s{
    display:inline-block;
    margin-right:0.5em;
    white-space:nowrap; 
}

#musicList .midashi img{
    height:30px;
    vertical-align:middle;
}
#musicList .midashi a.openSearch2{
    font-size:19px;
    float:right;
    color:#03f;
    margin-bottom:5px;
    margin-right:5px;
    margin-top:5px;
    font-weight:bold;
    padding-top:3px;
}
#musicList .midashi q{
    font-size:13px;
    font-weight:normal;
}

#musicList .midashi .toAllSongs{
    display:block;
    position:absolute;
    top:3px;
    right:0;
    background:#00931b;
    font-size:14px;
    color:#fff;
    line-height:1.4;
    padding:4px 14px;
    margin:0;
    border-radius: 5px;
}

.ancPos{
    margin:15px 0;
}
.itemBox{
    margin-bottom:20px;
}
.resetBtn a{
    display:inline-block;
    margin:0 0 0 5px;
    border:3px double #800;
    font-size:16px;
    line-height:1.7;
    padding: 0 8px;
    font-style:normal;
    border-radius: 4px;
    color:#800;
    background-color:#ff8;
    white-space:nowrap;
    /*     font-weight:bold; */
}

.fixPos {
    position:fixed;
    top:50px;
    width:920px;
    border:1px solid #531;
    z-index:999;
    margin-bottom:15px;
    box-shadow: 7px 7px 14px 0 rgba(0,0,0,0.8);
}
.eachMusic{
    width:100%;
    background-color:#fff;
    box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
}
.eachMusic h3{
    padding:10px 7px;
    margin:0 10px;
    color:#753;
    font-size:17px;
    letter-spacing:normal;
    border-bottom:1px solid #aaa;
    /* font-family: 'Playfair Display', serif; */
    font-weight:bold;
}

.eachMusic h3:hover {
    opacity: .7 !important;
    color:#700;
    text-decoration:underline; 
}
.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:17px;
    line-height:1.4;
    color:#111;
    font-style:normal;
    font-family: 'Playfair Display', serif;
    display:block
    font-display: swap;
}
.eachMusic dt b a{
    color:#000;
    display:block
}
.eachMusic dt b a:hover{
    opacity: .7 !important;
    color:#700;
    text-decoration:underline; 
}
.eachMusic dt p{
    margin-top:4px;
    font-size:15px;
    line-height:1.4;
    color:#333;
}

.eachMusic dt img{
    width:90px;
    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:#555;
}
.eachMusic .goma{
    color:#e73;
    position:relative;
    border-top:1px dotted #aaa;
    margin:0 10px;
    padding:7px 70px 7px 0;
    font-size:13px;
}
.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 .favoBtn{
    display:block;
    width:50px;
    height:33px;
    text-align:center;
    position:absolute;
    top:1px;
    right:3px;
}
.eachMusic .goma a.homeBtn{
    color:#555;
    font-size:12px;
}
.eachMusic .goma .homeBtn img{
    height:24px;
    vertical-align:bottom;
}

.eachMusic .goma .favoBtn svg{
    height:100%;
}
.eachMusic .goma .favoBtn svg .hvCol{
    fill:#ffccea;
}
.eachMusic .goma .favoBtn svg .fvInCol{
    fill:#ff0370;
}
.eachMusic .goma .favoBtn svg .fvFull{
    fill:#eee;
}
.eachMusic .goma b span{
    font-size:11px;
    color:#777;
    display:block;
}
.eachMusic i{
    background-color:#eaffde;
    font-style:normal;
    /* font-weight:bold; */
}

.playingSNSbtn{
    text-align:right;
    padding-right:10px;
    min-height:21px;
}
.youTubeBtn{
    display:inline-block;
        height:20px;
    margin-bottom:5px;
    vertical-align: top !important;
}

.moreBtn{
    margin:2em 0 500px 0;
    text-align:center;
}
/* ---------------------------- タブレット --------------------------- */
@media screen and (max-width:1100px){
    #rightBlock{
        display:none;
    }
    #listWrapper{
        max-width:100%;
        width:100%;
    }
    #musicList{
        max-width:95%;
        width:95%;
        margin:0 auto;
        float:none;
    }

}

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

    }
    #pageTop .inner{
         width:100%;
         margin:0;
     }
    #pageTop .inner h1{
        font-size:5vw;
        line-height:1.5;
        padding:2vw 0;
    }
    #pageTop .inner h1 em{
        font-weight:bold;
        font-size:5vw;
    }
    #pageTop .inner h1 q{
        font-size:4vw;
    }
    #pageTop .inner h1 span{
        font-weight:bold;
        font-size:3.7vw;
    }
    #pageTop .inner p{
        color:#ddd;
        font-size:3.8vw;
        text-align:left;
        padding:0 3vw 5vw 3vw;
        line-height:1.6;
    }
    #pageTop .inner i{
        font-size:4vw;
        margin:0 auto 1vh auto;
        padding:1vw;
        border:3px double #fcc;;
        width:96vw;
    }
    /* ------- news ------- */
    #wnew{
        width:96vw;
        margin:0 auto;
        background-color:#e7e5e3;
        padding-bottom:0.5em;
        border-radius: 7px;
        box-shadow: 3px 3px 7px  rgba(0,0,0,0.3) inset;
    }
    #wnew h3{
        font-size:4vw;
        font-weight:bold;
        padding:3px 0;
        border-bottom:1px solid #bbb;
        margin:0 3px 3px 3px;
    }
    #wnew h3 img{
        height:5vw;
     }
    #wnew ul{
        width:100%;
        max-height:52vh;
        overflow:auto;
        padding:0 3vw;
        font-size:3.3vw;
    }
    #wnew li {
        padding:2px 0 1em 0;
        border-bottom:1px dotted #bbb;
        line-height:1.4;
    }
    #wnew li:first-child {
        font-size:3.7vw;
    }
    .socialWrap {
        padding: 0;
        text-align: center;
        height:auto;
        overflow:hidden;
    }
    .socialWrap div {
        margin:20px 2px 0 2px;
    }
    .socialWrap .spSns {
        display:none;
    }
    /* -------  ------- */
    #listWrapper{
        min-height:50vh;
        width:100%;
        margin:3vw auto;
    }
    #musicList{
        width:98vw;
        float:none;
        margin:0 auto;
    }
    #rightBlock{
        width:100%;
        float:none
        display:none;
    }
    #rightBlock .RAadsFix{
        position:static;
        top:auto;
    }
    #listWrapper .adsRA{
        margin:15px auto;
        text-align:center;
    }
    #musicList .midashi{
        font-size:4vw;
        border-bottom:2px solid #a00;
        line-height:1.6;
    }
    #musicList .midashi .ttl{
        position:static;
        display:block;
        border-bottom:1px solid #a00;
        margin-bottom:5px;
        font-size:5vw;
        width:100%;
        line-height:5vw;
        padding:1vh 2vw;
        border-radius: 8px 8px 0 0 / 8px 8px 0 0;
    }
    #musicList .midashi .ttl .HelpBtn{
        top:1vw;
        right:3vw;
        font-size:5vw;
        width:6vw;
        height:6vw;
        line-height:6vw;
    }
    #helpWin{
        padding:2vw;
    }
    #helpWin li{
        font-size:3.5vw;
    }
    #helpWin li img{
        width:3.5vw;
    }
    #helpWin li br{
        display:none;
    }
    #musicList .midashi .resText{
        font-size:4vw;
        padding:1vh 0;
    }
    #musicList .midashi s{
        font-size:5vw;
        color:#070;
    }
    #musicList .midashi .resText span{
        display:block;
        line-height:1.7;
    }
    .resetBtn a{
        margin:0 0 0 1vw;
        font-size:4vw;
    }

    #musicList .midashi span{
        font-size:4vw;
    }
    #musicList .midashi q{
        font-size:3vw;
    }

    #musicList .midashi img{
        height:5vw;
        vertical-align:middle;
    }
    #musicList .midashi a.openSearch2{
        padding-top:5vw;
        font-size:4vw;
        
    }
    .notFound{
        margin:1em 0;
        text-align:center;
        font-size:4vw;
    }
    .notFound p{
        color:#ffd;
        white-space:nowrap;
        line-height:1.5;
    }
    /* -------  ------- */
    .fixPos {
        position:fixed;
        top:45px;
        left:1vw;
        width:98vw;
        border:1px solid #531;
        z-index:777;
        margin-bottom:15px;
        box-shadow: 7px 7px 14px 0 rgba(0,0,0,0.8);
    }
    .playCol.eachMusic{
        maxheight:88vh;
        overflow:auto;
    }
    .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 .playBox .plyCloseBtn{
        float:right;
        height:30px;
        line-height:30px;
        margin:0;
    }
    .eachMusic .playBox .plyCloseBtn img{
        height:100%;
        vertical-align:top;
     }
    .eachMusic .idurPlayer{
        margin:0 1vw;
    }
    .eachMusic dl{
        margin:1vcw 2vw;
    }
    .eachMusic dt img{
        width:25vw;
        float:left;
        margin:0 2vw 2vw 0;
    }
    .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 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 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;
    }
    .playingSNSbtn{
        text-align:center;
        padding:0;
        min-height:21px;
    }







}/* スマホ */


/* ------- /スマホ ------- */