@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////////////////////////////

クリエイターを探すのみに使用するスタイルを記述

///////////////////////////////////////////////////////*/
#sigFindCreator {}
#sigFindCreator #wrapper {overflow: hidden;}
#sigFindCreator #container { padding-top:80px; }/*base上書き*/
@media screen and (max-width: 414px) {
#sigFindCreator #container { padding-top:30px; }/*base上書き*/
}

/*********** column-main ***********/
#sigFindCreator .head-2nd-normal { text-align:left; }/* add module */
#sigFindCreator .head-2nd-normal span { font-size:64.3%;/*18px*/ color:#909090;}

/*----------- creator list -----------*/
#content-body #column-main .creator-list-section > ul {display: flex;justify-content: space-between;flex-wrap: wrap; list-style-type:none; }
#content-body #column-main .creator-list-section > ul > li { position:relative; float:left; width:47%; margin-right:6%; margin-bottom:30px; padding-bottom:30px; border-bottom:solid 1px #e9e9e9; }
#content-body #column-main .creator-list-section > ul > li:nth-child(2n) { margin-right:0; }
/*#content-body #column-main .creator-list-section > ul > li:last-child { border:none; padding-bottom:0; margin-bottom:0; }*/
#content-body #column-main .creator-list-section > ul > li > dl > dt { float:left; width:100px; height:100px; text-align:center; margin:0 auto 10px; border-radius:65px; }
#content-body #column-main .creator-list-section > ul > li > dl > dd { padding-left:120px; padding-top:10px; font-weight:bold; padding-bottom:0; font-size: 123.1%; }
#content-body #column-main .creator-list-section > ul > li > dl > dd .icon-messages { position:absolute; top:7px; right:0; width:30px; }
#content-body #column-main .creator-list-section > ul > li > dl > dd > a:first-child { display:inline-block; padding-right:35px; }
#content-body #column-main .creator-list-section > ul > li > dl > dd > p { margin-bottom:35px; }
#content-body #column-main .creator-list-section > ul > li > dl > dd a { color:#242424; text-decoration:none; }
#content-body #column-main .creator-list-section > ul > li > dl > dd a:hover { text-decoration:underline; }
#content-body #column-main .creator-list-section > ul > li > dl > dd span { display:block; font-size: 11px; color:#909090; font-weight:normal; }
#content-body #column-main .creator-list-section > ul > li > dl > dd span a {color:#909090; text-decoration:underline;}
#content-body #column-main .creator-list-section > ul > li > dl > dd span abbr { cursor:pointer; }
#content-body #column-main .creator-list-section > ul > li > dl > dd span.user-description { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#content-body #column-main .creator-list-section > ul > li > dl > dd ul { position:absolute; bottom:20px; list-style-type:none; font-size:11px;}
#content-body #column-main .creator-list-section > ul > li > dl > dd ul li { display:inline-block; margin-right:10px; }
#content-body #column-main .creator-list-section > ul > li > dl > dd ul li:last-child { margin-right:0; }
#content-body #column-main .creator-list-section > ul > li > dl > dd ul li .btn-box { width: 8em; height: 25px; }/* add module */
#content-body #column-main .creator-list-section > ul > li > dl > dd ul li .btn-none-box { width: 8em; height: 25px; border:solid 1px #d9d9d9; }/* add module */
#content-body #column-main .creator-list-section > ul > li > dl > dd ul li .btn-none-box span { display: table-cell; vertical-align: middle; }

/***** popup-window introduce-creator *****/
/* scroller */
#introduce-creator .scroller { position:relative; overflow:hidden; max-height:250px; margin-top:15px; padding-top:15px; border-top:solid 1px #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; }
#introduce-creator .scroller ul { list-style-type:none; }
#introduce-creator .scroller ul li { margin-bottom:10px; padding-bottom:10px; border-bottom: dotted 1px #e9e9e9; }
#introduce-creator .scroller dl dt { float:left; width:70px; height:70px; margin:0 auto 10px; border-radius:35px; }
#introduce-creator .scroller dl dd { padding-left:110px; padding-top:10px;}
#introduce-creator .scroller dl dd span { display:block; font-size: 11px; color:#909090; }
#introduce-creator .scroller ul li input { float:left; margin:30px 10px 0 0; }

@media screen and (max-width: 800px) {
/*----------- creator list -----------*/
#content-body #column-main .creator-list-section > ul > li { width:48%; margin-right:4%; }
}
@media screen and (max-width: 735px) {
#content-body #column-main .creator-list-section > ul > li { float:none; width:100%; margin-right:0; margin-bottom:30px; padding-bottom:30px; border-bottom:solid 1px #e9e9e9; }
#content-body #column-main .creator-list-section > ul > li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
}
@media screen and (max-width: 667px) {

}
@media screen and (max-width: 414px) {
#content-body #column-main .creator-list-section > ul > li { float:none; width:100%; margin-right:0;}
#content-body #column-main .creator-list-section > ul > li > dl > dt { float:none; }
#content-body #column-main .creator-list-section > ul > li > dl > dd { padding-left:0; padding-top:10px; text-align:center; }
#content-body #column-main .creator-list-section > ul > li > dl > dd ul { position: inherit; }
#content-body #column-main .creator-list-section > ul > li > dl > dd > p { margin-bottom:20px; }

/* Modal window input position */
#introduce-creator input { vertical-align:-0.6em; }
}

/*********** column-side ***********/
#column-side section { border-bottom:solid 1px #dedede; padding-bottom:20px; margin-bottom:20px; }
#column-side .head-find-box { display:inline-block; background-color:#ededed; padding:2px 5px; border-radius:4px; margin-bottom:10px; }

#column-side section a { text-decoration:none; }
#column-side section a:link,#column-side section a:visited {color: #242424;}
#column-side section a:hover,#column-side section a:active {color: #999;}

#column-side section > ol { list-style-type:none; padding-left:5px; }
#column-side section > ol > li { padding:3px 0 3px 1em; }

/*---- search-condition ----*/
#column-side #search-condition dl { margin-bottom:10px; }
#column-side #search-condition h3 { margin-bottom:2px; }
#column-side #search-condition p.select-box a { display:block; background: url(/assets/creator/img/close-img-white.svg) no-repeat 95% center; background-size:8px; background-color:#0298b8; border-radius:4px; margin-bottom:10px;  color:#fff; text-decoration:none; padding:2px 5px; }
#column-side #search-condition p.select-box a:hover { background-color:#30b4d0; }
#column-side #search-condition p.reset-txt { text-align:right; margin-top:20px; }
    
/*=======================================================
 汎用
 =======================================================*/
 

/*=======================================================
 IE6,7,8 のみに適用
 =======================================================*/
.oldie { }