@charset "UTF-8";

/* html {
    scroll-behavior: smooth;
}
:target {
  scroll-margin-top: 50px;
  } */

body {
    width: 100%;
    background-color: #d8d5d3; 
    /* background-color:#252423; */
    color: #ccc;
    font-family: 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-size: 14px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    padding:45px 0 0 0;
}
* {
    box-sizing: border-box;
    word-break: break-word
}
a:link,
a:visited {
    text-decoration: none;
}
a:hover {
    opacity: .7 !important;
    text-decoration: none;
}
a.under{
    text-decoration:underline;
}
a, a img, .easing {
    transition: .1s ease-in-out;
    border: none;
    outline: none;
}
a img:hover {
    opacity: .7 !important;
}
a.white_link:link{color:#ffffff !important;text-decoration:none;outline:none;}
a.white_link:visited{color:#ffffff !important;text-decoration:none;outline:none;}
a.white_link:hover{color:#ff8800 !important;text-decoration:underline;outline:none;}
a.white_link:active{color:#ffff33 !important;text-decoration:none;outline:none;}
a{color:#77ddff;}
* {
    box-sizing: border-box;
}
#openSw{
    fill:#00f;
}
.spSet {display: none !important;}
.pcSet {display: block !important;}
.pcSetLine {display: inline !important;}
.pcSetLineB {display: inline-block !important;}
.noDisp{display: none !important;}
.noVisib{visibility:hidden;}
/* --------------- 汎用 --------------- */
.pageBreakBf{page-break-before: always;}
.pageBreakAft{page-break-after: always;}
.txLeft{text-align:left !important;}
.txCenter{text-align:center !important;}
.txRight{text-align:right !important;}
.txVtop{vertical-align:top;}
.txVmiddle{vertical-align:middle;}
.txVbottom{vertical-align:bottom;}
.noWrap {white-space: nowrap;}
.bold{font-weight:bold;}
.bolder{font-weight:bolder;}
.fNormal{font-weight:normal !important;}
.obli{font-style:oblique;}
.fsNormal{font-style:normal;}
.throu{text-decoration:line-through;}
.under{text-decoration:underline;}
.over{text-decoration:overline;}
.fNormal2{text-decoration:none !important;}
.pointer{cursor:pointer;}
.noPointer{cursor:default;}
.lsNormal{letter-spacing:normal;}
/* ===== float ===== */
.fLeft{float:left;}
.fRight{float:right;}
.clrBoth{clear:both;}
.clrLeft{clear:left;}
.clrRight{clear:right;}
.cfx:after,
.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.f11px{font-size:11px !important;}
.f12px{font-size:12px !important;}
.f13px{font-size:13px !important;}
.f14px{font-size:14px !important;}
.f15px{font-size:15px !important;}
.f16px{font-size:16px !important;}
.f17px{font-size:17px !important;}
.f18px{font-size:18px !important;}
.f19px{font-size:19px !important;}
.f20px{font-size:20px !important;}
.f25px{font-size:25px !important;}
.f30px{font-size:30px !important;}
.mgnt3{margin-top:3px !important;}
.mgnt5{margin-top:5px !important;}
.mgnt10{margin-top:10px !important;}
.mgnt15{margin-top:15px !important;}
.mgnt20{margin-top:20px !important;}
.mgnt25{margin-top:25px !important;}
.mgnt30{margin-top:30px !important;}
.mgnt40{margin-top:40px !important;}
.mgnt50{margin-top:50px !important;}
.mgnt100{margin-top:100px !important;}
.adjustPdd{margin-top:55px !important;}
.mgnb0{margin-bottom:0 !important;}
.mgnb3{margin-bottom:3px !important;}
.mgnb5{margin-bottom:5px !important;}
.mgnb10{margin-bottom:10px !important;}
.mgnb15{margin-bottom:15px !important;}
.mgnb20{margin-bottom:20px !important;}
.mgnb25{margin-bottom:25px !important;}
.mgnb30{margin-bottom:30px !important;}
.mgnb40{margin-bottom:40px !important;}
.mgnb50{margin-bottom:50px !important;}
.pddt5{padding-top:5px !important;}
.pddt10{padding-top:10px !important;}
.pddt15{padding-top:15px !important;}
.pddt20{padding-top:20px !important;}
.pddt25{padding-top:25px !important;}
.pddt30{padding-top:30px !important;}
.pddt40{padding-top:40px !important;}
.pddt50{padding-top:50px !important;}
.pddb5{padding-bottom:5px !important;}
.pddb10{padding-bottom:10px !important;}
.pddb15{padding-bottom:15px !important;}
.pddb20{padding-bottom:20px !important;}
.pddb25{padding-bottom:25px !important;}
.pddb30{padding-bottom:30px !important;}
.LH1{line-height:1;}
.LH12{line-height:1.2;}
.LH14{line-height:1.4;}
.LH15{line-height:1.5;}
.LH16{line-height:1.6;}
.LH17{line-height:1.7;}
.LH18{line-height:1.8;}
.LH2{line-height:2;}
.LH3{line-height:3;}
.cblack { color: #000000;}
.cwhite { color: #FFFFFF;}
.cred { color: #FF0000;}
.clogored { color: #ff7733;}
.cdkred { color: #aa0000;}
.cblue { color: #0050ff;}
.corgred { color: #ee5000;}
.cmosgold { color: #996633;}
.cgreen{color:#33ee33;}
.corange{color:#ff8833;}
.cdkgrn { color: #337F00;}
.cgry { color: #777;}
.cgry2 { color: #999;}
.cdkgry { color: #555;}
.cwgry{ color:#ccc;}
.cwgry2 { color: #aaa;}
.cmosgrn{color:#689B00;}
.cdkblue{color:#5555BB;}
.ccyan{color:cyan;}
.cpink{color:#dd4fda;}
.cyellow{color:#ff0;}
.colive{color:olive;}
.cbrown{color:brown;}
.bblack{background-color:#000000;}
.bfgry{background-color:#f3f3f3;}
.bwhite{background-color:#ffffff;}
.bpink{background-color:#ffe0ff;}
.bcream{background-color:#FFFFcc;}
.bgreen{background-color:#f0fff0;}
.bblue{background-color:#F0F0FF;}
.bgry{background-color:#eee;}
.bwgry{background-color:#F7F3F3;}
.boff{background-color:#f7f5f3;}
.bkoko{background-color:#005500;}
.byelow{background-color:#ffff88;}
.bpurple{background-color:#f5f5ff;}
/* --------------- header --------------- */
#header {
    -moz-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3);
    background-color:#373737;
    box-shadow:  4px 4px 8px 0 rgba(0,0,0,0.7);
    border-top:1px solid #aaa;
    height:45px;
    line-height:45px;
    margin:0;
    overflow:hidden; 
    padding:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:888;
}
#header .gNav{
    margin:0 auto;
    max-width:1100px;
}
#header .logo{
    margin:0 30px 0 0 ;
    float:left;
    color:#f3f3f3;
}
#header .logo a{
    display:block;
    background: url(../_img_bg/idur_bnr_h180.png) no-repeat;
    background-size: auto 90px;
    background-position:0 -23px;
    padding:0 0 0 61px;
    color:#f3f3f3;
    font-size:18px;
    font-family: 'Playfair Display', serif;
}
#header .gNav #bargerSW{
    display:none;
}
#header ul{
    /* float:right; */
}
#header li{
    float:left;
    margin:0 0 0 33px;
}
#header li a{
    color:#ccc;
    font-size:16px;
    text-shadow:3px 3px 3px #000;
    font-weight:bold;
}
#header li a img{
    vertical-align:middle;
    height:27px;
}
#header li a:hover{
    color:#0f0;
} 
#header li a.stay{
    color:#afa;
} /* ------------- modal ------------- */
#backMaskBase {
	background: #000;
 	display: none;
	height: 100%;
	left: 0px;
	-moz-opacity: 0.7;
	filter: alpha(opacity=7);
    opacity: 0.7;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9990;
}
#modalWin {
	display: none;
	top: 50px;
	left: 0;
	margin: 0;
	padding: 0;
	height: 0;
	position: fixed;
	width: 100%;
	z-index: 9991;
}
#modalContent {
    display:none;
	position: relative;
	background-color: #FFF;
	box-shadow: 3px 3px 11px #000;
	-moz-box-shadow: 3px 3px 11px #000;
	-webkit-box-shadow: 3px 3px 11px #000;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 550px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	z-index: 9992;
	text-align: center;
	color: #000;
    border-radius: 7px;
}
#modalContent .closeBtn {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 35px;
	height: 35px;
	z-index: 9993;
    border-radius: 35px;
    background-color:#fff;
}
#modalContent .closeBtn img{
    width:100%;
}
.newWin:after{
content: url("../img/new_win_icon14x13.png");
padding-left:3px;
}
.modalinner h3{
    font-size:16px;
    color:#111;
    text-align:center;
    white-space:nowrap;
}
.itemBlockmodal{
    padding:20px 50px;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:space-between;
}
.itemBlockmodal dl{
    width:285px;
    margin:0;
}
.itemBlockmodal dl img{
    width:100%;
}
.itemBlockmodal dd p{
    line-height:1.1;
    padding:0 0 15px 0;
}
.itemBlockmodal dd p:nth-child(1) {
    font-size:14px;
}
.itemBlockmodal dd p:nth-child(2) {
    font-size:24px;
    font-weight:bold;
}
.itemBlockmodal dd p:nth-child(3) {
    padding:0;
}#posspin{
    display:none;
    width:50px;
    height:50px;
    text-align:center;
    margin:170px auto 0 auto;
}
/* ------------- modal ここまで  ------------- */
/* ------- headerの中の検索フォーム ------- */
#searchWin{
    margin:0;
    padding:0 0 30px 0;
    background-color:#f3f5f7;
}
#searchWin .fldtxA{
    font-size:16px;
    width:100%;
}
#searchWin .selectMenuA{
    font-size:16px;
    width:100%;
}
#searchWin h3{
    font-size:17px;
    border-bottom:1px solid #aaa;
    background:#670002;
    background:linear-gradient(#ba0000, #680000);
    font-weight:bold;
    color:#eee;
    text-align:center;
    line-height:1.8;
}
#searchWin dl{
    margin:30px;
}
#searchWin dt{
    text-align:left;
    font-size:12px;
    color:#777;
}
#searchWin dd{
    text-align:left;
    font-size:16px;
    margin:0 0 11px 0;
}
#searchWin .submitBtn1{
    margin:0 1em;
}
#searchWin .sqlRes{
    margin:0 0 5px 0;
}
/* --------------- footer --------------- */
#goToTop {
    position: fixed;
    right: 0;
    bottom: 150px;
    width: 70px;
    height: 50px;
    background: rgba(128,85,85,.7);
    display: none;
    z-index: 999;
    cursor:pointer;
    border-radius: 40px 0px 0px 40px / 40px 0px 0px 40px;
}
#goToTop:after {
    content: '';
    position: absolute;
    top: 18px;
    left: 24px;
    width: 18px;
    height: 18px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(-45deg);
}
#goToTop:hover {
    background: rgba(85,85,85,.3);
}
#footer{
    border-top:3px double #ccc;
    width:100%;
    background-color:#373737;
    padding:8px 0 16px 0;
    margin:0;
    overflow:hidden;
}
#footer .copy{
    text-align:center;
    font-size:12px;
    padding:0;
    margin:0;
    line-height:1.7;
    color:#eee;
}
/* ---------------  --------------- */
.aBtn0 a{
    display:inline-block;
    padding:3px;
    line-height:1;
    margin:0 1px;
    white-space:nowrap;
    color:#333;
    border:1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
    text-decoration:none;
}
.aBtn1 a{
    display:inline-block;
    padding:0 2em;
    line-height:1.8;
    margin:0;
    white-space:nowrap;
    color:#e7e5e3;
    border:1px solid #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    -- background-color:#937804;
    background:linear-gradient(#bf5b00, #4f1d01);
}
.aBtn2 a{
    display:inline-block;
    padding:0 1em;
    line-height:1.7;
    margin:0;
    white-space:nowrap;
    color:#333;
    border:1px solid #222;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    background-color:#ccc;
    background:linear-gradient(#ddd, #777);
}
.aBtn3 a{
    display:inline-block;
    padding:0 0.5em;
    line-height:1.7;
    margin:0;
    white-space:nowrap;
    color:#121;
    border:1px solid #343;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    background-color:#ada;
    background:linear-gradient(#cdc, #787);
}
.aBtn4 a{
    display:inline-block;
    padding:1px 5px;
    margin:0;
    white-space:nowrap;
    color:#876;
    border:1px solid #aba;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration:none;
    background-color:#ffc3f1;
    background:linear-gradient(#ffebfe, #ffc3f1);
}
.DisBtn a{
    display:inline-block;
    padding:1px 8px;
    margin:0;
    white-space:nowrap;
    color:#aaa;
    border:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    background-color:#ddd;
    cursor:not-allowed;
}
#receiveFromAjax p.spinner-loader{
    margin:100px 0;
}
.AB7ad{
    margin:0 0 15px 0;
    width:100%;
    padding:0;
}
.AB7ad img{
    width:100%;
    max-width:250px;
    padding:0;
}
/*  ============ Tablet ============ */
@media screen and (max-width:1100px){
    #header li a span{
        display:none;
    }
}
@media screen and (max-width:1000px){
    #header li{
        margin:0 0 0 15px;
    }
    #header li a{
        font-size:14px;
    }
}
/*  ============ SP ============ */
@media screen and (max-width:834px){
    .pcSet {display: none !important;}
    .pcSetLine {display: none !important;}
    .pcSetLineB {display: none !important;}
    .spSet {display: block !important;}
    .spSetLine {display: inline !important;}
    .spSetLineB {display: inline-block !important;}
    body{
        padding:7vh 0 0 0;
    }
    /* --------------- header --------------- */
    #header {
        border-top:none;
        min-height:7vh;
        max-height:10vh;
        line-height:normal;
        margin:0;
        overflow:visible;
        padding:0;
        /* position:relative; */
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:888;
        background-color:transparent;
    }
    #header .gNav{
        margin:0;
        width:100%;
        position:relative;
    }
    #header .logo{
        margin:0;
        float:none;
        width:100%;
        line-height:7vh;
        background:#373737 url(../_img_bg/idur_bnr_h180.png) no-repeat;
        background-size: auto 14vh;
        background-position:right center;
        text-align:center;
    }
    #header .logo a{
        display:inline;
        padding:0;
        color:#fff;
        font-size:5.2vw;
        background-image:none;
    }
    #header .gNav #bargerSW{
        display:block;
        position:absolute;
        top:0.1vh;
        left:3vw;
    }
    #header .gNav #bargerSW img{
        height:7vh;
    }
    #header #spMenu{
        display: none;
        width:100%;
        margin:0 auto;
        border-top:1px solid #000;
        background:#171717;
        padding:10px 0;
        border-bottom:3px double #777;
        box-shadow: 0 5px 10px 5px rgba(0,0,0,0.5);
    }
    #header #closeSw{
        display:none;
    }
    
    
    #header li{
        float:left;
        width:50%;
        margin:0;
    }
    #header li a{
        font-size:4.5vw;
        text-shadow:3px 3px 5px #200;
        display:block;
        margin:10px;
        text-align:center;
        padding:10px 0;
        background:linear-gradient(#533, #300);
        border-radius: 3px;
    }
    #header li a img{
        vertical-align:middle;
        height:5vw;
        margin:0 3px 0 0;
    }
    /* ------- modal ------- */
    #modalWin {
        top: 45px;
    }
    #modalContent {
        width: 94vw;
        border-radius: 0;
    }
    /* ------- 検索フォーム ------- */
    #searchWin{
        max-height:88vh;
        overflow:auto;
    }
    #searchWin .fldtxA{
        font-size:4vw;
    }
    #searchWin  .selectMenuA{
        font-size:3.5vw;
        max-height:50px;
    }
    #searchWin h3{
        font-size:4vw;
    }
    #searchWin dl{
        margin:2vw 5vw 5vw 5vw;
    }
    #searchWin dt{
        text-align:left;
        font-size:3vw;
        color:#888;
        margin:0;
        padding:0;
    }
    #searchWin dd{
        text-align:left;
        margin:0 0 2vw 0;
    }
    .inlineblock{
        display:inline-block
    }
    /* --------------- footer --------------- */
    #footer{
        padding:1.5vw 0;
    }
    #footer .copy{
        text-align:center;
        font-size:4vw;
        padding:0;
        margin:0;
        line-height:1.7;
        color:#eee;
    }
    #goToTop {
        position: fixed;
        right: 0;
        bottom: 17vh;
    }
    /* ------- 汎用 ------- */
    .f11px{font-size:3vw!important ;}
    .f12px{font-size:3.3vw!important ;}
    .f13px{font-size:3.5vw!important ;}
    .f14px{font-size:3.7vw!important ;}
    .f15px{font-size:3.8vw!important ;}
    .f16px{font-size:4vw!important ;}
    .f17px{font-size:4.2vw!important ;}
    .f18px{font-size:4.4vw!important ;}
    .f19px{font-size:4.6vw!important ;}
    .f20px{font-size:4.8vw!important ;}
}/* ---- SSP ---- */
/* --------- loading アニメ -------- */
/*
<p class="spinner-loader">Loading&#8230;</p>
*/
@-moz-keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinner-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}
@keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgba(255,255,255, ) 1.5em 0 0 0, rgba(255,255,255, 0.5) 1.1em 1.1em 0 0, rgba(255,255,255, 0.5) 0 1.5em 0 0, rgba(255,255,255, 0.5) -1.1em 1.1em 0 0, rgba(255,255,255, 0.5) -1.5em 0 0 0, rgba(255,255,255, 0.5) -1.1em -1.1em 0 0, rgba(255,255,255, 0.5) 0 -1.5em 0 0, rgba(255,255,255, 0.5) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgba(255,255,255, 0.5) 1.5em 0 0 0, rgba(255,255,255, 0.5) 1.1em 1.1em 0 0, rgba(255,255,255, 0.5) 0 1.5em 0 0, rgba(255,255,255, 0.5) -1.1em 1.1em 0 0, rgba(255,255,255, 0.5) -1.5em 0 0 0, rgba(255,255,255, 0.5) -1.1em -1.1em 0 0, rgba(255,255,255, 0.5) 0 -1.5em 0 0, rgba(255,255,255, 0.5) 1.1em -1.1em 0 0;
    box-shadow: rgba(255,255,255, 0.5) 1.5em 0 0 0, rgba(255,255,255, 0.5) 1.1em 1.1em 0 0, rgba(255,255,255, 0.5) 0 1.5em 0 0, rgba(255,255,255, 0.5) -1.1em 1.1em 0 0, rgba(255,255,255, 0.5) -1.5em 0 0 0, rgba(255,255,255, 0.5) -1.1em -1.1em 0 0, rgba(255,255,255, 0.5) 0 -1.5em 0 0, rgba(255,255,255, 0.5) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 14px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
}
/** facebookアイコンの位置調整 */
.socialWrap {
    min-height:42px;
	padding: 15px 0 0 0;
	text-align: center;
    height:30px;
    /* overflow:hidden; */
}
.socialWrap div {
	display: inline-block;
    margin:0 1px;
}
.fb_iframe_widget > span {
	vertical-align: bottom !important;
}
.socialWrap .mySns {
    height:20px;
}
.socialWrap .mySns img{
    height:100%;
}
.notFound{
    border:1px solid #500;
    margin:25px;
    text-align:center;
    font-size:25px;
    padding:15px;
    background-color:#373533;
}
.notFound p{
    line-height:2;
    color:#ffd;
}

.audiostockAFB{
    width:728px;
    margin:15px auto 30px;
}
.audiostockAFB2{
    width:250px;
}
.audiostockAFB img,
.audiostockAFB2 img{
    width:100%;
}
/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:768px){
    .socialWrap {
        padding: 3vh 0 0 0;
        height:auto;
        overflow:visible;
        text-align:center;
    }
    .socialWrap .mySns{
        margin-bottom:1.5em;
    }
    .f11px{font-size:3vw ;}
    .f12px{font-size:3.3vw ;}
    .f13px{font-size:3.5vw ;}
    .f14px{font-size:3.7vw ;}
    .f15px{font-size:3.8vw ;}
    .f16px{font-size:4.1vw ;}
    .f17px{font-size:4.3vw ;}
    .f18px{font-size:4.5vw ;}
    .f19px{font-size:5vw ;}
    .f20px{font-size:5.3vw ;}


.audiostockAFB{
    width:92vw;
    margin:15px auto 30px;
}

}/* スマホ */

/*
.adsMA {
  content-visibility: auto;
  contain-intrinsic-size: 100px;
}
.rightBlock {
  content-visibility: auto;
  contain-intrinsic-size: 200px;
}
*/

#listWrapper .adsRA{
    margin:0 auto 10px auto;
}
#listWrapper .adsRA img{
    width:100%;
}