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

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

ショーケースのみに使用するスタイルを記述

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

/*********** column-main ***********/
/*----------- works -----------*/
#content-body #column-main .user-works-section { margin-bottom:50px; }
#content-body #column-main .user-works-section:last-child { margin-bottom:0; }
#content-body #column-main .user-works-section ul { list-style-type:none; }
#content-body #column-main .user-works-section > ul > li { position:relative; margin-bottom:40px; }
#content-body #column-main .user-works-section h2 { font-size:138.5%;/*18px*/ font-weight:bold; padding-bottom:15px; }

#content-body #column-main .user-works-section .profile-subtitle { color:#9f9f9f; }
#content-body #column-main .user-works-section .profile-description { color:#9f9f9f; padding-top:10px; }
#content-body #column-main .user-works-section .profile-date { background:url(/assets/common/img/image-line.gif) repeat-x 0 center; text-align:right; color:#9f9f9f; }
#content-body #column-main .user-works-section .profile-date span { background-color:#FFFFFF; padding-left:20px; }

#content-body #column-main .user-works-section .user-works {}
#content-body #column-main .user-works-section .user-works li { float:left; width:28.88889%; margin-right:6.6666667%; }
#content-body #column-main .user-works-section .user-works li:nth-child(3n) { margin-right:0; }
#content-body #column-main .user-works-section .user-works li dl dt { height:155px; margin-bottom:10px; -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); }
#content-body #column-main .user-works-section .user-works li dl dt:hover { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -webkit-transition: all .3s; transition: all .3s;}
#content-body #column-main .user-works-section .user-works li dl dd a { text-decoration:none; }
#content-body #column-main .user-works-section .user-works li dl dd a:hover { text-decoration:underline; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-title { font-size:16px; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-title a { color:#242424; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-tags { font-size: 85%; color:#9f9f9f; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-tags a { color:#9f9f9f; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-user { position:relative; margin-bottom:15px; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-user a { color:#242424; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-user span.thum { position:absolute; top:0; left:0; border-radius:10px; width:20px; height:20px; margin-right:10px; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-user span.name { display:block; padding-left:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-range { font-size: 85%; margin-bottom:5px; color:#9f9f9f; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-date { font-size: 85%; text-align:right; color:#9f9f9f; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-description {}
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-count { font-size: 85%; color:#9f9f9f; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-count .like-count,
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-count .view-count { float:left; margin-right:10px; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-count .like-it { float:right; }
#content-body #column-main .user-works-section .user-works li dl dd .profile-works-count .like-it object { display:inline-block; width:15px; margin:0 5px 0 0; pointer-events: none; }

/* popup */
.profile-works-popup { max-width:900px; padding:50px; margin-left:auto; margin-right:auto; }
.profile-works-popup a { text-decoration:none; }
.profile-works-popup a:hover { text-decoration:underline; }
.profile-works-popup #works-header { position:relative; margin-bottom:20px; }
.profile-works-popup .head-popup { font-size:30px; font-weight:bold; color:#414141; border-bottom:none; padding-right:50px; margin-bottom:10px; padding-bottom:10px; }
.profile-works-popup .like-it { position:absolute; top:0; right:5px; }
.profile-works-popup .like-it span { display:block; }
.profile-works-popup .like-it object { display:inline-block; width:25px; pointer-events: none; }
.profile-works-popup .profile-works-user { position:relative; margin-bottom:15px; }
.profile-works-popup .profile-works-user span.thum { position:absolute; top:0; left:0; border-radius:13px; width:26px; height:26px; margin-right:10px; }
.profile-works-popup .profile-works-user span.name { display:block; padding-left:35px; font-size: 123.1%; }
.profile-works-popup .profile-works-user span.name a { color:#242424; }
.profile-works-popup  .like-count,
.profile-works-popup  .view-count { display:inline-block; color:#9f9f9f; margin-right:15px; }
.profile-works-popup #main-visual { background-position:center top !important; -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); }
.profile-works-popup .headline { font-size: 85%; color:#9f9f9f; margin-bottom:15px; }
.profile-works-popup .works-description { margin-top:60px; }
.profile-works-popup .works-description > p+p { margin-top:30px; }
.profile-works-popup .works-description .tags-section li { display:inline-block; line-height:1; margin-right:10px; margin-bottom:10px; background-color:#ededed; border-radius:10px; list-style-type:none; }
.profile-works-popup .works-description .tags-section li a {color:#414141; text-decoration:none; display:block; padding:5px;}
.profile-works-popup .works-description .tags-section li:hover { background-color:#d7d7d7; }
.profile-works-popup .works-description .image-section li { margin-bottom:30px; list-style-type:none; background-position:center top !important; max-height:800px; overflow:hidden; -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); }
.profile-works-popup .works-description .image-section li:last-child { margin-bottom:0; }
.profile-works-popup .like-fellow { position:relative; color:#9f9f9f; border-bottom:solid 1px #e9e9e9; padding-bottom:30px; }
.profile-works-popup .like-fellow .like-it-foot { position:absolute; top:0; left:0; }
.profile-works-popup .like-fellow .like-it-foot span { display:block; }
.profile-works-popup .like-fellow .like-it-foot object { display:inline-block; width:25px; pointer-events: none; }
.profile-works-popup .like-fellow .like-fellow-box { padding-left:40px; }
.profile-works-popup .like-fellow li { float:left; list-style-type:none; margin:0 10px 10px 0; border-radius:13px; width:26px; height:26px; }
.profile-works-popup .like-fellow li.extra-fellow { border-radius:13px; width:26px; height:26px; border: solid 1px #ececec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:1; text-align:center; padding-top:6px }
.profile-works-popup .connect-user { /*position:relative;*/ text-align:center; }
.profile-works-popup .connect-user span.thum { /*position:absolute; top:0; left:0;*/ display:block; border-radius:40px; width:80px; height:80px; margin:0 auto 10px; }
.profile-works-popup .connect-user .connect-box { /*padding-left:70px;*/ }
.profile-works-popup .connect-user span.name { display:block; font-size: 123.1%; margin-bottom:10px; }
.profile-works-popup .connect-user span.name a { color:#242424; }
.profile-works-popup .connect-user span.connect-btn { display:block; padding-left:65px; }
.profile-works-popup .btn-connect-request { display:inline-block; margin-bottom:7px; }
.profile-works-popup .btn-connect-request a { display:block; width:auto; text-decoration:none; height:30px; border-radius:15px; line-height:30px; padding:0 20px; }
.profile-works-popup .btn-connect-request a:link,
.profile-works-popup .btn-connect-request a:visited { background-color:#0298b8; color:#FFFFFF; }
.profile-works-popup .btn-connect-request a:hover,
.profile-works-popup .btn-connect-request a:active { background-color:#60bacd; color:#FFFFFF; }

.profile-works-popup .btn-connect-request-settled { display:inline-block; margin-bottom:7px; }
.profile-works-popup .btn-connect-request-settled span { display:block; width:auto; height:30px; border-radius:15px; line-height:30px; padding:0 20px; border:solid 1px #d9d9d9; color:#909090; }

@media screen and (max-width: 414px) {
#content-body #column-main .user-works-section .user-works li { float:none; width:100%; margin-right:0; margin-bottom:30px; }
#content-body #column-main .user-works-section .user-works li:last-child { margin-bottom:0; }
.profile-works-popup { padding:30px 20px; }
}


/*********** 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/showcase/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 { }