/* ===================================================================
common style
=================================================================== */
/* ===================================================================
setting 変数定義をここに記載していく
=================================================================== */
/* line 39, /Users/omi_yusuke/thelancer/app/source/pc/sass/setting */
body {
font-family: 'メイリオ', Meiryo, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", sans-serif; }
/* line 43, /Users/omi_yusuke/thelancer/app/source/pc/sass/setting */
.article-lance-score, .aside-heading, .aside-ranking-count, .post-author-job, .post-score, .post-author-job, .post-aside-score {
font-family: "Lato", sans-serif; }
/* ===================================================================
define style
=================================================================== */
/* ===================================================================
mixin style
=================================================================== */
/* ===================================================================
reset style
=================================================================== */
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
line-height: 1;
word-break: break-all; }
/* line 18, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {
margin: 0;
padding: 0;
border: none;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent; }
/* line 27, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
img {
vertical-align: bottom; }
/* line 30, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
article, aside, details, figcaption, figure, footer, header, menu, nav, section, div, address, iframe, canvas, hr, textarea {
display: block;
line-height: 1; }
/* line 34, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
a, label {
cursor: pointer; }
/* line 37, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
blockquote {
padding: 0;
margin: 0;
display: block; }
/* line 42, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
address, em {
font-style: normal; }
/* line 45, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
hr {
border: 0;
margin: 0;
padding: 0; }
/* line 50, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
ul, ol, li {
list-style: none; }
/* line 53, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
textarea {
resize: vertical;
overflow: hidden;
-webkit-appearance: none;
border: none; }
/* line 59, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
input, button, select {
vertical-align: middle;
border-radius: 0px;
border: none;
background: transparent;
margin: 0;
padding: 0;
-webkit-appearance: none; }
/* line 68, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
table {
border-collapse: collapse; }
/* line 72, /Users/omi_yusuke/thelancer/app/source/pc/sass/partials/reset */
*:before, *:after {
padding: 0;
margin: 0;
line-height: 1; }
/* ===================================================================
base style
=================================================================== */
/* line 6, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
html {
font-size: 62.5%; }
/* line 9, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
body {
line-height: 1;
min-width: 1280px;
-webkit-font-smoothing: antialiased; }
/*type*/
/* line 17, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
h1 {
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 500;
line-height: 26.4px; }
/* line 24, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
p {
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 20px; }
/* line 31, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
blockquote {
font-size: 21px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 30px; }
/* line 38, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
pre {
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 18.57143px; }
/* line 46, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
a {
text-decoration: none;
color: #189de5;
outline: none;
text-decoration: none; }
/* line 51, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
a:hover {
color: #676767;
text-decoration: underline; }
/* line 56, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
::-moz-selection {
background: #cc0000;
color: #ffffff; }
::selection {
background: #cc0000;
color: #ffffff; }
/* line 61, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.clearfix, .container, .footer-nav {
*zoom: 1; }
/* line 63, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.clearfix:before, .container:before, .footer-nav:before, .clearfix:after, .container:after, .footer-nav:after {
content: " ";
display: table; }
/* line 67, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.clearfix:after, .container:after, .footer-nav:after {
clear: both; }
/*structure*/
/* line 73, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.wrapper {
margin: 0 auto; }
/* line 76, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#header {
position: relative;
min-width: 1280px;
margin: auto; }
/* line 80, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#header.is-sticky {
margin-bottom: 46px; }
/* line 84, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-content {
width: 1260px;
margin: 20px auto; }
/* line 87, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-content.main-content-top {
margin: 35px auto 80px auto; }
/* line 91, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-visual-1 {
height: 400px;
width: 100%;
background: #000;
margin-top: -6px; }
/* line 99, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .slider {
width: 1280px;
height: 100%;
margin: 0 auto; }
/* line 104, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-item {
position: relative; }
/* line 108, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-item:hover .feature-thumb {
opacity: 0.5; }
/* line 112, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-full {
position: relative;
height: 100%;
float: left;
width: 50%;
display: block;
float: left; }
/* line 119, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-full .feature-title {
padding: 72px 20px 0 20px;
color: #ffffff;
font-size: 30px;
line-height: 48px;
letter-spacing: 0.15em; }
/* line 126, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-full .feature-title-box {
margin-top: 50px;
height: 199px;
background-image: url('../images/feature-large-scrim.png'); }
/* line 133, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-small {
height: 50%;
width: 25%;
display: block;
float: left; }
/* line 138, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-small .feature-title {
padding: 0 20px;
color: #ffffff;
font-size: 20px;
line-height: 36px;
letter-spacing: 0.12em; }
/* line 145, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-small .feature-title-box {
height: 128px;
padding-top: 30px;
background: url('../images/feature-small-scrim.png') repeat-x center bottom;
box-sizing: border-box; }
/* line 152, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-category {
font-size: 9px;
line-height: 9px;
letter-spacing: 0.3em;
position: absolute;
left: 19px;
bottom: 10px;
z-index: 3;
opacity: 0.5;
color: #ffffff; }
/* line 163, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-thumb {
transition: all 0.2s ease;
position: absolute;
top: 0;
z-index: 0; }
/* line 169, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-title-box {
z-index: 2;
position: absolute;
bottom: 0; }
/* line 174, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-link {
display: block;
height: 100%;
width: 100%;
position: absolute;
z-index: 3;
margin-top: -3px;
transition: border-bottom 0.35s;
border-bottom: solid 3px rgba(159, 221, 234, 0); }
/* line 184, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
#main-visual .feature-link:hover {
transition: border-bottom 0.35s;
border-bottom: solid 3px #9fddea; }
/*links - general*/
/* line 193, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
a:hover, a:active, a:link {
text-decoration: none; }
/* line 197, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.link-about {
visibility: hidden;
opacity: 0;
position: absolute;
right: 70px;
top: 16px;
font-size: 12px;
transition: all 0.2s ease; }
/* line 205, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.link-about a {
display: block;
box-sizing: border-box;
color: #ffffff;
letter-spacing: 0.1em;
transition: all 0.2s ease;
padding-bottom: 10px;
border-bottom: solid 3px rgba(159, 221, 234, 0); }
/* line 213, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.link-about a:hover {
border-bottom: 3px solid #9fddea; }
/* line 217, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.link-about .icons {
position: relative;
top: -1px;
margin-right: 10px;
vertical-align: middle; }
/* line 225, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav {
background: url('../images/menu-bg.png');
height: 52px;
width: 100%;
display: table;
position: relative;
z-index: 4;
min-width: 1280px; }
/* line 233, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav.is-sticky {
position: fixed;
top: 0; }
/* line 236, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav.is-sticky .menu {
transition: all 0.2s ease;
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px); }
/* line 240, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav.is-sticky .menu-logo {
top: 11px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; }
/* line 245, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav.is-sticky .link-about {
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; }
/* line 253, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav .menu {
position: relative;
max-width: 950px;
clear: both;
display: inline-table;
z-index: 2;
transition: all 0.2s ease;
left: 0px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
/* line 263, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav .menu a {
display: block;
box-sizing: border-box;
color: auto;
height: 46px;
width: 80%;
margin: 0 auto;
text-align: center;
transition: border-bottom 0.35s;
border-bottom: solid 3px rgba(159, 221, 234, 0); }
/* line 274, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav .menu a:hover {
transition: border-bottom 0.35s;
border-bottom: solid 3px #9fddea; }
/* line 278, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav .menu a.current {
border-bottom: solid 3px #9fddea; }
/* line 283, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav .menu li {
width: 130px;
height: 46px;
display: block;
float: left;
background-image: url('../images/menu-divider.png');
background-position: right;
background-repeat: no-repeat;
display: table-cell;
vertical-align: middle; }
/* line 294, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav .menu .main-link {
display: inline-block;
color: #ffffff;
font-size: 13px;
font-family: 'Lato' sans-serif;
font-weight: 300;
display: block;
clear: both;
text-align: center;
padding-top: 11px;
padding-bottom: 3px;
margin-left: -10px;
letter-spacing: 0.2em; }
/* line 308, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-nav .menu .sub-link {
display: inline-block;
color: #9fddea;
font-size: 10px;
display: block;
clear: both;
text-align: center;
margin-left: -10px;
letter-spacing: 0.18em; }
/* line 320, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.menu-logo {
position: absolute;
top: 10px;
left: 15px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transition: all 0.2s ease;
opacity: 0; }
/* line 327, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.menu-logo a {
transition: all 0.2s ease; }
/* line 329, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.menu-logo a:hover {
opacity: 0.8; }
/* line 335, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.container {
position: relative;
width: 1260px;
margin: 0 auto; }
/*main*/
/* line 343, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main {
width: 940px;
float: left;
position: relative; }
/* line 349, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.main-full {
width: 800px;
float: none;
margin: 0 auto; }
/*sidebar*/
/* line 356, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.sidebar {
width: 300px;
float: right; }
/*text styles*/
/* line 363, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.text-body {
position: relative;
padding: 0px 20px 40px;
font-size: 16px;
letter-spacing: 0.2em; }
/* line 368, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.text-body p {
font-size: 16px;
line-height: 2.2;
margin-top: 35px;
color: #6b6b6b; }
/* line 375, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.text-body-normal {
position: relative;
padding: 0px 20px 40px 0;
font-size: 16px;
letter-spacing: 0.2em; }
/* line 380, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.text-body-normal p {
font-size: 16px;
line-height: 2.2;
margin-top: 35px; }
/*alignment*/
/* line 388, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.align-center {
margin: 0 auto;
display: block;
float: none; }
/* line 393, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.align-left {
float: left;
display: block; }
/* line 397, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.align-right {
float: right;
display: block; }
/* line 401, /Users/omi_yusuke/thelancer/app/source/pc/sass/base */
.text-align-center {
text-align: center; }
/* ===================================================================
404 style
=================================================================== */
/*404*/
/* line 8, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/404 */
.not-found-title {
text-align: center;
font-size: 96px;
line-height: 112px;
color: #2b2b2b; }
/* line 14, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/404 */
.not-found-msg {
text-align: center;
font-size: 38px;
line-height: 48px;
color: #2b2b2b; }
/* line 21, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/404 */
.page-not-found {
margin-top: 35px; }
/* line 25, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/404 */
.page-not-found-body {
position: relative;
padding: 75px 20px;
font-size: 16px;
letter-spacing: 0.2em; }
/* line 32, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/404 */
.page-not-found-anim {
margin-top: 60px; }
/* line 36, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/404 */
.page-not-found-body {
padding: 38px 20px 80px 20px; }
/* line 38, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/404 */
.page-not-found-body p {
font-size: 16px;
line-height: 2.2;
margin-top: 35px;
color: #6b6b6b; }
/* ===================================================================
about style
=================================================================== */
/*about*/
/* line 10, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-section {
margin-bottom: 80px; }
/* line 14, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-section-top {
background: url(../images/about-bg1.png) no-repeat right bottom; }
/* line 18, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-section-middle {
border: 1px solid #f2f2f2; }
/* line 20, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-section-middle .about-heading {
border: none;
font-size: 16px; }
/* line 24, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-section-middle .about-body {
padding: 20px 20px; }
/* line 26, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-section-middle .about-body p {
font-size: 12px; }
/* line 28, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-section-middle .about-body p:first-child {
margin-top: 0; }
/* line 35, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-heading {
background: #f2f2f2;
border: 0px solid #ccc;
border-top-width: 1px;
border-bottom-width: 1px;
font-size: 18px;
padding: 20px;
letter-spacing: 0.18em; }
/* line 45, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-sub-heading {
font-size: 38px;
letter-spacing: 0.18em;
text-align: center;
line-height: 1;
margin: 100px auto; }
/* line 53, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-heading-follow {
background: url(../images/aside-point.png) no-repeat right top #004da1;
border-top-width: 1px;
border-bottom-width: 1px;
font-size: 24px;
color: #ffffff;
text-align: center;
padding: 16px;
letter-spacing: 0.18em;
line-height: 1;
position: relative; }
/* line 65, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-heading-follow:after {
content: ' ';
display: block;
position: absolute;
width: 0;
height: 0;
margin: auto;
bottom: -10px;
left: 0;
right: 0;
border-top: 10px solid #004da1;
border-left: 15px solid transparent;
border-bottom: none;
border-right: 15px solid transparent; }
/* line 82, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-body {
position: relative;
padding: 0px 20px 60px;
font-size: 16px;
letter-spacing: 0.2em; }
/* line 87, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-body p {
font-size: 16px;
line-height: 2.2;
margin-top: 35px;
color: #6b6b6b; }
/* line 94, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-body .about-author {
text-align: right;
font-size: 10px; }
/* line 100, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-bg {
position: absolute;
display: table;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1; }
/* line 110, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-bg-left {
display: table-cell;
width: 50%;
border-right: 1px solid #f2f2f2; }
/* line 116, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-bg-right {
display: table-cell;
width: 50%; }
/* line 121, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-sns {
overflow: hidden;
width: 320px;
margin: 35px auto -40px; }
/* line 125, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-sns > li {
float: left;
margin: 15px; }
/* line 128, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-sns > li > a {
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease;
height: 50px; }
/* line 134, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-sns > li > a:hover {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
/* line 137, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/about */
.about-sns > li > a > .icons {
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
/* ===================================================================
article style
=================================================================== */
/*articles*/
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.articles {
margin-bottom: 20px; }
/* line 10, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.front_article {
width: 298px;
margin: 0 0 40px;
font-size: 16px;
line-height: 22px;
float: left;
display: block;
background-color: #fbfbfb;
border: solid 1px #cbcbcb;
position: relative;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease; }
/* line 22, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.front_article:hover {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
/* line 27, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-aside {
margin: 10px; }
/* line 31, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.front_article > a {
display: block;
color: #6b6b6b;
transition: all 0.2s ease; }
/* line 38, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.front_article > a:hover .article-post-thumb {
opacity: 0.5; }
/* line 44, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-post-thumb {
transition: all 0.2s ease;
position: absolute;
top: 0;
z-index: 0; }
/* line 51, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-content-preview > p {
font-size: 11px; }
/* line 56, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-title-box {
margin-top: 91px;
position: relative;
z-index: 2;
height: 77px;
background-color: rgba(255, 255, 255, 0.65);
display: table;
width: 100%; }
/* line 65, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-title {
display: table-cell;
font-size: 18px;
line-height: 1.66;
letter-spacing: 0.15em;
padding: 0 12px;
color: #2b2b2b;
width: 100%;
vertical-align: middle;
font-weight: bold; }
/* line 76, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-category-box {
border-bottom: solid 3px #0e66c2;
height: 24px;
clear: both;
width: 100%;
display: inline-block;
position: relative; }
/* line 84, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-category {
width: 153px;
left: 0;
position: relative;
font-size: 9px;
line-height: 24px;
letter-spacing: 0.2em;
vertical-align: middle;
padding-left: 10px; }
/* line 94, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-lance-score {
padding-top: 1px;
width: 145px;
right: 0;
top: 0;
position: absolute;
color: #ffffff;
background-color: #0e66c2;
background-image: url('../images/article-category-divider.png');
background-position: left;
background-repeat: no-repeat;
padding-left: 7px;
text-align: right; }
/* line 109, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-lance-score-title {
display: inline-block;
font-size: 9px;
line-height: 9px;
letter-spacing: 0.15em;
vertical-align: middle;
padding-left: 8px; }
/* line 117, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-lance-score-value {
display: inline-block;
font-size: 22px;
line-height: 24px;
letter-spacing: 0.05em;
vertical-align: middle;
padding-right: 6px;
margin-left: 5px; }
/* line 126, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-author {
height: 53px;
background: #ffffff;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); }
/* line 131, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-author-thumb {
height: 36px;
width: 36px;
max-width: 36px;
max-height: 36px;
position: relative;
margin: 8px 11px;
display: block;
float: left;
overflow: hidden;
border-radius: 50%; }
/* line 142, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-author-thumb img {
width: 100%;
height: auto; }
/* line 148, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-author-thumb-big {
height: 70px;
width: 70px; }
/* line 153, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-author-job {
position: relative;
top: 14px;
color: #8f8f8f;
font-size: 9px;
letter-spacing: 0.15em;
display: block; }
/* line 162, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-author-name {
position: relative;
top: 16px;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.15em;
display: block; }
/* line 171, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-date {
color: #6b6b6b;
font-size: 10px;
line-height: 24px;
text-align: right;
padding: 0 10px;
letter-spacing: 0.1em; }
/* line 179, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-content-preview {
color: #6b6b6b;
font-size: 11px;
line-height: 24px;
letter-spacing: 0.15em;
padding: 10px;
border-bottom: solid 1px #f2f2f2; }
/* line 187, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-more {
color: #02427d;
font-size: 11px;
text-align: right;
display: block;
padding-right: 4px; }
/* line 194, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-tags {
border-top: solid 1px #ffffff; }
/* line 197, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-tags-list {
margin: 17px 7px; }
/* line 199, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.article-tags-list li {
margin: 3px;
display: inline-block; }
/* line 205, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.articles-more {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease; }
/* line 208, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/article */
.articles-more:hover {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
/* ===================================================================
aside style
=================================================================== */
/*Component*/
/* line 8, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside {
margin-bottom: 40px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); }
/* line 13, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-header {
background: url(../images/aside-point.png) no-repeat right top #004da1;
height: 53px; }
/* line 18, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-heading {
display: inline-block;
padding: 0 15px;
color: #ffffff;
font-size: 18px;
line-height: 53px;
vertical-align: middle;
letter-spacing: 0.14em; }
/* line 29, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-tagline {
font-size: 9px;
display: inline-block;
color: #9fddea;
line-height: 53px;
letter-spacing: 0.26em; }
/* line 37, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-body {
padding: 15px 0; }
/* line 40, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-link > a {
color: #004da1;
background: #f2f2f2;
line-height: 53px;
padding: 0 10px;
text-align: right;
font-size: 12px;
letter-spacing: 0.2em;
display: block;
transition: all 0.2s ease; }
/* line 50, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-link > a:hover {
background: #02427d;
color: white; }
/* line 53, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-link > a:hover .link-blue {
opacity: 0; }
/* line 59, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-link-icon {
display: inline-block;
position: relative;
font-size: 12px;
vertical-align: middle; }
/* line 65, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-link-icon .link-blue, .aside-link-icon .link-white {
position: absolute;
left: -20px;
top: -10px; }
/* line 71, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-link-icon .link-blue {
transition: all 0.2s ease;
z-index: 2; }
/*Project*/
/* line 82, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-ranking-item > a {
display: block;
overflow: hidden;
padding: 10px;
color: #2b2b2b;
position: relative; }
/* line 89, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-ranking-item > a:hover .aside-ranking-image {
opacity: 0.5; }
/* line 96, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-ranking-image {
transition: all 0.2s ease;
float: left;
width: 134px; }
/* line 102, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-ranking-body {
float: right;
width: 132px; }
/* line 107, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-ranking-body > p {
font-size: 12px;
line-height: 1.48;
margin: 10px 0 8px; }
/* line 113, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-ranking-count {
position: absolute;
bottom: 10px;
right: 10px;
font-size: 12px;
box-sizing: border-box;
padding: 0 10px;
background: #0e66c2;
color: #ffffff;
line-height: 22px;
width: 68px;
text-align: right;
float: right; }
/* line 128, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-ranking-count:after {
content: ' ';
display: block;
position: absolute;
top: 0;
left: -8px;
border-top: 22px solid #0e66c2;
border-right: none;
border-bottom: none;
border-left: 8px solid transparent; }
/* line 142, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-tag-list {
overflow: hidden;
padding: 0px 10px;
margin: -3px; }
/* line 147, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-tag-list .tag {
font-size: 12px;
border-radius: 12px; }
/* line 153, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-tag-list > li {
float: left;
margin: 3px; }
/* line 159, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-sns {
padding: 10px 0;
background: #f2f2f2; }
/* line 162, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-sns > li {
padding: 10px 20px; }
/* line 164, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-sns > li > a {
display: block;
color: #2b2b2b;
font-size: 12px;
letter-spacing: 0.18em; }
/* line 169, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-sns > li > a > .icons {
vertical-align: middle;
margin-right: 18px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
transition: all 0.2s ease; }
/* line 175, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-sns > li > a:hover > .icons {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
/* line 181, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-banner {
transition: all 0.2s ease; }
/* line 183, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/aside */
.aside-banner:hover {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
/* ===================================================================
bread style
=================================================================== */
/*bread*/
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/bread */
.bread {
font-size: 11px;
letter-spacing: 0.2em;
margin: 20px; }
/* line 13, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/bread */
.bread-item {
display: inline-block; }
/* line 15, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/bread */
.bread-item a {
color: #004da1; }
/* line 17, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/bread */
.bread-item a:after {
content: ' ';
display: inline-block;
margin: 0 10px; }
/* line 24, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/bread */
.bread-item:last-child a {
color: #2b2b2b; }
/* line 26, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/bread */
.bread-item:last-child a:after {
display: none; }
/* ===================================================================
button style
=================================================================== */
/* line 6, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/button */
.button {
background: #02427d;
font-size: 12px;
line-height: 36px;
color: white;
display: block;
width: 100%;
text-align: center;
letter-spacing: 0.12em; }
/* line 15, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/button */
.button:hover {
color: #ffffff; }
/* line 18, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/button */
.button .icons {
visibility: middle;
margin-right: 10px; }
/* line 24, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/button */
.button-request {
background: #fe4819; }
/* line 28, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/button */
.button-more {
font-size: 14px;
line-height: 50px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease; }
/* line 33, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/button */
.button-more:hover {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
/* line 36, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/button */
.button-more .icons {
position: relative;
top: 3px;
margin-right: 15px; }
/* ===================================================================
category style
=================================================================== */
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested {
margin-top: 20px; }
/* line 9, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested li.link-category-heading {
margin-top: 20px;
width: 23%;
display: inline-block;
vertical-align: top; }
/* line 14, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested li.link-category-heading .custom-link {
display: block;
margin: 0 0 40px 20px; }
/* line 19, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested li {
width: 75%;
vertical-align: top;
display: inline-block; }
/* line 23, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested li .custom-link {
display: block;
margin: 0 0 40px 20px; }
/* line 28, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested ul {
width: 100%;
border-left: solid 2px #f2f2f2;
display: inline-block;
height: auto;
margin-bottom: 20px;
padding-left: 20px; }
/* line 35, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested ul li {
margin: 20px 0 20px 0;
width: 33%;
display: inline-block; }
/* line 41, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested ul .custom-link {
display: block;
margin: 0 20px 0 0;
line-height: 1.8;
height: auto; }
/* line 46, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested ul .custom-link a {
position: relative;
padding-left: 28px; }
/* line 49, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category-nested ul .custom-link a:before {
position: absolute;
left: 0px;
top: 6px; }
/* line 59, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category {
margin-top: 40px;
word-spacing: 0px; }
/* line 62, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category li {
margin-right: -1%;
width: 25%;
display: inline-block;
vertical-align: top; }
/* line 69, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.link-category .custom-link, .link-category .custom-link-out {
display: block;
margin: 0 0 40px 20px; }
/* line 75, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/category */
.category-section {
margin-bottom: 80px; }
/* ===================================================================
footer-nav style
=================================================================== */
/* footer */
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer {
background-color: #f9f9f9;
position: relative;
clear: both;
box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.15); }
/* line 14, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-top {
position: relative;
padding: 20px;
border-bottom: 1px solid #f2f2f2;
box-shadow: 0 1px #ffffff; }
/* line 22, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-bottom {
padding: 20px; }
/* line 29, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-nav > li {
float: left; }
/* line 33, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-nav > li:before {
display: inline-block;
content: '|';
margin: 0 20px; }
/* line 39, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-nav > li:first-child:before {
display: none; }
/* line 43, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-nav a {
color: #6b6b6b;
letter-spacing: 0.1em;
transition: all 0.2s ease; }
/* line 47, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-nav a > .icons {
position: relative;
vertical-align: middle;
margin: 0 0 0 5px; }
/* line 52, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-nav a:hover {
opacity: 0.6; }
/* line 58, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-nav-menu .footer-nav-start .icons {
top: -1px;
left: -1px; }
/* line 65, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-nav-menu .footer-nav-end .icons {
top: -1px;
left: 1px; }
/* line 71, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-logo {
display: inline-block;
vertical-align: middle;
margin-right: 20px; }
.footer-logo img {
width: 105px; }
/* line 77, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-pagetop {
background: #02427D;
width: 51px;
height: 51px;
position: fixed;
bottom: 59px;
right: 0;
opacity: 0;
transition: opacity 0.2s ease; }
/* line 86, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-pagetop.is-visible {
opacity: 1; }
/* line 88, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-pagetop.is-visible a {
opacity: 1; }
/* line 92, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-pagetop.is-stop {
position: absolute;
bottom: 0px; }
/* line 96, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-pagetop a {
width: 51px;
height: 51px;
display: block;
position: relative; }
/* line 102, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-pagetop a:hover .icons {
position: absolute;
top: 18px; }
/* line 108, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-pagetop .icons {
position: absolute;
top: 21px;
right: 0;
left: 0;
margin: auto;
transition: all 0.2s ease; }
/* line 118, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-tagline {
display: inline-block;
vertical-align: middle;
letter-spacing: 0.1em; }
/* line 122, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-tagline > a {
color: #000;
transition: all 0.2s ease; }
/* line 125, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-tagline > a:hover {
opacity: 0.6; }
/* line 128, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-tagline > a .icons {
vertical-align: middle; }
/* line 134, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer */
.footer-copy {
display: inline-block;
margin-top: 3px;
letter-spacing: 0.1em;
float: right; }
/* ===================================================================
footer nav
=================================================================== */
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-start-arrow, .footer-nav-end-arrow {
margin: 0 0 0 0 !important; }
/* line 11, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav a > .icons {
margin: 0; }
/* line 15, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu {
font-size: 18px;
line-height: 34px;
text-align: center;
font-family: lato, arial, san-serif; }
/* line 21, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu li {
width: 34px;
height: 34px;
display: inline-block;
background-color: #02437d;
border: solid 3px #02437d;
margin-right: 10px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease; }
/* line 32, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu li:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
transition: all 0.2s ease; }
/* line 38, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu li.footer-nav-inactive, .footer-nav-menu li.footer-nav-current {
box-shadow: none;
text-shadow: none; }
/* line 42, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu li.footer-nav-inactive:hover, .footer-nav-menu li.footer-nav-current:hover {
box-shadow: none;
text-shadow: none; }
/* line 48, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu a {
color: #fff;
width: 100%;
display: block; }
/* line 54, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu .footer-nav-current {
background-color: #fff;
border: solid 3px #02437d; }
/* line 57, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu .footer-nav-current > a {
color: #02437d; }
/* line 61, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu .footer-nav-inactive {
background-color: #c1c1c1;
border: solid 3px #c1c1c1; }
/* line 65, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu .footer-nav-start {
margin-right: 20px; }
/* line 68, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/footer-nav */
.footer-nav-menu .footer-nav-end {
margin-left: 10px; }
/* ===================================================================
heading style
=================================================================== */
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/heading */
.category-heading {
background: #fbfbfb;
text-align: left;
padding: 16px 20px;
font-size: 18px;
text-align: left;
letter-spacing: 0.18em;
margin-top: 40px;
font-weight: bold; }
/* line 18, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/heading */
.divider {
border-bottom: solid 2px #f2f2f2;
display: block; }
/* line 23, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/heading */
.page-heading {
margin: 0 0 40px 0; }
/* line 27, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/heading */
.page-heading-margin {
margin: 100px 0 40px 0; }
/* line 32, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/heading */
.page-heading-content {
font-size: 30px;
color: #2b2b2b;
letter-spacing: 0.15em;
margin-left: 10px;
display: inline-block;
vertical-align: top;
margin-top: 4px; }
/* ===================================================================
link style
=================================================================== */
/* line 6, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/links */
.custom-link {
height: 16px; }
/* line 8, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/links */
.custom-link > a {
color: #004da1;
text-decoration: none;
font-size: 14px; }
/* line 12, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/links */
.custom-link > a:before {
content: ' ';
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px; }
/* line 22, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/links */
.custom-link > a[target="_blank"]:before {
content: ' ';
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px; }
/* line 33, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/links */
.custom-link-out {
height: 16px; }
/* line 35, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/links */
.custom-link-out > a {
color: #004da1;
text-decoration: none;
font-size: 16px; }
/* line 39, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/links */
.custom-link-out > a:before {
content: ' ';
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px; }
/* line 47, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/links */
.custom-link-out > a:after {
content: ' ';
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;
left: 6px; }
/* ===================================================================
logo style
=================================================================== */
/*logo*/
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/logo */
.logo {
margin: 22px auto 21px auto;
width: 255px;
text-align: center;
clear: both; }
/* line 13, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/logo */
.logo-tagline {
margin-top: 7px;
margin-left: 14px;
margin-bottom: 0;
padding: 0;
letter-spacing: 0.16em;
line-height: 1.2;
font-size: 10px; }
/* ===================================================================
post style
=================================================================== */
/*post*/
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post {
width: 840px;
margin: 0 auto 80px; }
/* line 11, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-headign {
font-size: 36px;
line-height: 1.35;
letter-spacing: 0.18em;
margin-bottom: 4px; }
/* line 18, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-date {
display: block;
font-size: 12px;
color: #8f8f8f;
line-height: 2;
letter-spacing: 0.18em;
margin-bottom: 18px; }
/* line 27, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-thumbnail {
margin-bottom: 20px;
text-align: center; }
/* line 32, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-foreword {
padding: 20px;
background: #f2f2f2;
color: #5b5b5b;
line-height: 2.2;
letter-spacing: 0.18em;
font-size: 12px;
margin-bottom: 26px; }
/* line 41, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-detail {
overflow: hidden;
margin-bottom: 60px; }
/* line 46, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author {
overflow: hidden;
width: 360px;
float: left; }
/* line 52, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-image {
float: left;
margin-right: 10px;
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden; }
/* line 59, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-image img {
width: 100%;
height: auto; }
/* line 64, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-image-big {
height: 70px;
width: 70px; }
/* line 71, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-job {
margin-top: 7px;
font-size: 10px;
color: #8f8f8f;
letter-spacing: 0.1em; }
/* line 79, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-name {
position: relative;
font-size: 14px;
letter-spacing: 0.18em; }
/* line 83, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-name a {
color: #02427d; }
/* line 85, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-name a:hover {
text-decoration: underline; }
/* line 91, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-others {
overflow: hidden;
width: 460px;
float: right; }
/* line 97, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-sns {
overflow: hidden;
float: left; }
/* line 100, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-sns > li {
float: left;
margin-right: 10px; }
/* line 104, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-sns a {
transition: all 0.2s ease; }
/* line 106, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-sns a:hover {
opacity: 0.7; }
/* line 112, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-score {
float: right;
position: relative;
background: #0e66c2;
width: 230px;
color: #ffffff;
font-size: 11px;
line-height: 36px;
text-align: right;
padding: 0 22px;
box-sizing: border-box;
letter-spacing: 0.1em;
text-align: left; }
/* line 126, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-score:before {
content: ' ';
display: block;
position: absolute;
border-top: 4px solid transparent;
border-right: 4px solid #0e66c2;
border-bottom: 4px solid transparent;
border-left: none;
width: 0;
height: 0;
left: -4px;
top: 0;
bottom: 0;
margin: auto; }
/* line 143, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-score-value {
display: inline-block;
font-size: 24px;
line-height: 36px;
float: right; }
/*post-boxy*/
/* line 151, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body {
font-size: 16px;
letter-spacing: 0.18em;
color: #5b5b5b;
margin-bottom: 30px;
/*wordpress default css*/ }
/* line 157, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body a {
color: #004da1;
text-decoration: underline; }
/* line 160, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body a:hover {
text-decoration: none; }
/* line 163, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body a[target="_blank"]:after {
content: ' ';
display: inline-block;
margin-left: 4px;
margin-right: 4px;
position: relative;
top: 2px; }
/* line 174, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body p {
font-size: 16px;
line-height: 1.87;
margin-top: 30px; }
/* line 180, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body h2 {
position: relative;
font-size: 30px;
line-height: 1.46;
margin-bottom: 20px;
padding-left: 36px;
color: #2b2b2b;
letter-spacing: 0.2em; }
/* line 188, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body h2:before {
top: 7px;
left: 0;
position: absolute;
content: ' ';
display: inline-block;
vertical-align: middle; }
/* line 199, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body h3 {
font-size: 24px;
line-height: 1.46;
padding: 4px 0 4px 16px;
border-left: 5px solid #004da1;
margin-top: 60px;
color: #2b2b2b;
letter-spacing: 0.17em; }
/* line 209, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body h4 {
font-size: 18px;
line-height: 1.77;
background: #f2f2f2;
padding: 10px 20px;
border-bottom: 1px solid #2b2b2b;
margin-top: 30px;
color: #2b2b2b;
letter-spacing: 0.18em; }
/* line 220, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body ul {
margin-top: 30px; }
/* line 222, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body ul > li {
padding-left: 20px;
position: relative;
line-height: 1.4;
margin-top: 8px; }
/* line 227, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body ul > li:before {
content: ' ';
display: inline-block;
position: absolute;
top: 4px;
left: 0;
width: 8px;
height: 8px;
border: 2px solid #6b6b6b;
border-radius: 50%;
vertical-align: middle;
margin-right: 10px; }
/* line 243, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body blockquote {
position: relative;
background: #c1c1c1;
color: #ffffff;
padding: 25px 30px;
margin-top: 30px;
line-height: 2; }
/* line 250, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body blockquote:before {
content: ' ';
position: absolute;
top: -10px;
left: 20px; }
/* line 259, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body table {
margin-top: 30px; }
/* line 261, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body table th {
background: #f2f2f2;
text-align: left;
border: 1px solid #f2f2f2;
padding: 20px 30px; }
/* line 267, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body table td {
font-size: 14px;
line-height: 2;
border: 1px solid #f2f2f2;
padding: 20px 30px; }
/* line 275, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-custom-link {
margin-top: 30px; }
/* line 278, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-custom-link > a:before {
content: ' ';
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px; }
/* line 288, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-custom-link > a[target="_blank"]:before {
content: ' ';
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px; }
/* line 296, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-custom-link > a[target="_blank"]:after {
display: none; }
/* line 301, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-custom-border {
margin-top: 30px;
border: 1px solid #2b2b2b;
padding: 22px 30px;
line-height: 2; }
/* line 308, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-color-red {
color: #fb4357; }
/* line 312, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-color-blue {
color: #0096db; }
/* line 316, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-color-yellow {
color: #ff7900; }
/* line 320, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-size-small {
font-size: 14px; }
/* line 324, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-size-large {
font-size: 18px; }
/* line 328, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .post-size-exlarge {
font-size: 20px; }
/* line 333, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body strong {
font-weight: bold; }
/* line 334, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body em {
font-style: italic; }
/* line 336, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .aligncenter {
display: block;
margin: 0 auto; }
/* line 340, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .alignright {
float: right; }
/* line 341, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .alignleft {
float: left; }
/* line 344, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body img[class*="wp-image-"], .post-body img[class*="attachment-"] {
height: auto;
max-width: 100%; }
/* line 349, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .wp-caption {
margin-top: 30px;
max-width: 100%; }
/* line 353, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body .wp-caption-text {
margin-top: 10px;
text-align: center;
font-size: 12px; }
/* line 359, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-body iframe {
width: 840px !important;
height: 472px !important; }
/* line 365, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-tag {
overflow: hidden;
margin: 35px -5px; }
/* line 368, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-tag > li {
float: left;
margin: 5px; }
/* line 378, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-writer-body {
overflow: hidden;
padding: 20px 30px; }
/* line 384, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author {
overflow: hidden;
width: 360px;
float: left; }
/* line 390, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-image {
float: left;
margin-right: 10px; }
/* line 395, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-name {
position: relative;
font-size: 14px;
margin-top: 3px; }
/* line 401, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-author-job {
margin-top: 5px;
font-size: 10px;
color: #8f8f8f; }
/* line 408, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-writer {
margin-bottom: 40px; }
/* line 412, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-writer-heading {
background: #f2f2f2;
text-align: left;
border: 1px solid #f2f2f2;
padding: 20px 30px;
font-size: 18px;
text-align: center;
letter-spacing: 0.18em; }
/* line 422, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-writer-body {
border: 1px solid #f2f2f2; }
/* line 424, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-writer-body .post-author {
width: 240px; }
/* line 428, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-writer-body .post-author-name {
font-size: 18px;
margin-top: 5px; }
/* line 433, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-writer-body .post-author-job {
margin-top: 16px; }
/* line 438, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-whiter-button {
float: right;
margin: 20px -10px; }
/* line 441, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-whiter-button > li {
float: left;
width: 240px;
margin: 0 10px; }
/* line 446, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-whiter-button .icons {
position: relative;
top: 3px; }
/* line 450, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-whiter-button a {
transition: all 0.2s ease; }
/* line 452, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-whiter-button a:hover {
opacity: 0.8; }
/* line 459, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-score {
float: right;
background: #0e66c2;
color: white;
width: 209px;
bottom: 25px;
left: 20px;
font-size: 14px;
padding: 15px;
box-sizing: border-box;
position: relative;
letter-spacing: 0.18em;
margin-bottom: 20px; }
/* line 472, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-score:before {
content: ' ';
display: block;
position: absolute;
border-top: 4px solid transparent;
border-right: 4px solid #0e66c2;
border-bottom: 4px solid transparent;
border-left: none;
width: 0;
height: 0;
left: -4px;
top: 0;
bottom: 0;
margin: auto; }
/* line 489, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-score-heading {
float: left; }
/* line 493, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-score-value {
font-size: 32px;
line-height: 65px;
float: right;
line-height: 1;
letter-spacing: 0.08em; }
/* line 500, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-score-detail {
clear: both;
text-align: center;
font-size: 12px;
line-height: 2;
padding: 10px; }
/* line 509, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-recomend {
clear: both;
margin-bottom: 80px;
overflow: hidden; }
/* line 514, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-recomend .post-aside-recomend-header {
margin-bottom: 30px; }
/* line 517, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-recomend .post-aside-recomend-body {
margin: -10px; }
/* line 520, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-recomend .front_article {
margin-bottom: 30px; }
/* line 525, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-sns {
width: 640px;
margin: 0 auto 20px; }
/* line 554, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/post */
.post-aside-sns li {
float: left;
margin-right: 8px; }
.post-aside-sns-inner {
width: 460px;
margin: auto;
}
/* ===================================================================
search-box style
=================================================================== */
/*search box*/
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box {
float: right;
display: table-cell;
vertical-align: middle;
text-align: center; }
/* line 14, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box-input {
position: absolute;
top: 0;
right: 44px;
padding-top: 10px;
padding-bottom: 10px; }
/* line 22, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box-input input {
background: #1a5fab;
color: #ffffff;
height: 26px;
width: 0;
padding-left: 0px;
letter-spacing: 0.2em;
transition: all 0.2s ease; }
/* line 30, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box-input input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
/* line 33, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box-input input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
/* line 36, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box-input input::-moz-placeholder {
color: rgba(255, 255, 255, 0.6); }
/* line 41, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box-input input.is-active {
padding-left: 10px;
padding-right: 10px;
width: 232px; }
/* line 46, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box-input input:focus {
outline: none; }
/* line 50, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box-icon {
margin: 15px 18px 0 0;
cursor: pointer; }
/* line 53, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/search-box */
.search-box-icon:hover {
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg); }
/* ===================================================================
site-map style
=================================================================== */
/*menu*/
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map {
float: right;
padding: 40px 0px 0;
position: absolute;
top: -20px;
right: 20px; }
/* line 13, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map ul {
position: relative; }
/* line 16, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map li {
float: left;
display: block;
font-size: 11px;
margin-left: 35px;
vertical-align: middle;
letter-spacing: 0.1em; }
/* line 23, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map li > a {
color: #2b2b2b;
transition: all 0.2s ease; }
/* line 26, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map li > a .icons {
display: inline-block;
transition: all 0.2s ease; }
/* line 31, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map li > a .header-about, .site-map li > a .header-sitemap {
opacity: 1; }
/* line 35, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map li > a .header-about-blue, .site-map li > a .header-sitemap-blue {
opacity: 0; }
/* line 38, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map li > a .header-sitemap-blue {
bottom: 1px; }
/* line 41, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map li > a:hover {
color: #0e66c2; }
/* line 44, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map li > a:hover .header-about, .site-map li > a:hover .header-sitemap {
opacity: 0; }
/* line 48, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map li > a:hover .header-about-blue, .site-map li > a:hover .header-sitemap-blue {
opacity: 1; }
/* line 56, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map-icon {
position: relative;
vertical-align: middle; }
/* line 59, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map-icon .icons {
position: absolute;
bottom: 0px;
left: -20px; }
/* line 67, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map-category-section a {
display: block; }
/* line 69, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/site-map */
.site-map-category-section a:hover {
text-decoration: underline; }
/* ===================================================================
tag style
=================================================================== */
/* line 6, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag {
transition: all 0.2s ease;
font-size: 10px;
background-color: #c1c1c1;
display: inline-block;
width: auto;
text-align: center;
padding: 6px 20px;
border-radius: 11px;
color: #ffffff;
letter-spacing: 0.1em; }
/* line 18, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag:hover {
background: #02427d;
color: #ffffff; }
/* line 23, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list {
transition: all 0.2s ease; }
/* line 25, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list li {
transition: all 0.2s ease;
width: 300px;
position: absolute;
display: block; }
/* line 30, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list li a {
transition: all 0.2s ease;
width: 92%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/*category tags*/
/* line 43, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list li:hover {
transition: all 0.2s ease; }
/* line 45, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list li:hover .cat-link {
background-color: #02437d;
border: solid 2px #02437d; }
/* line 49, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list li:hover .cat-score {
background-image: url('../images/tag-divider.png');
background-color: #fff;
background-position: 0 -40px; }
/* line 54, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list li:hover .tag-link {
width: 200px;
overflow: hidden;
display: inline-block; }
/* line 58, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list li:hover .tag-link a {
color: #fff; }
/* line 60, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list li:hover .tag-link a:before {
content: ' ';
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px; }
/* line 73, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list .cat-link {
border: solid 2px #f9f9f9;
margin-bottom: 20px;
margin-right: 20px;
display: block;
position: relative;
clear: both;
width: 100%;
max-height: 40px; }
/* line 83, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list .cat-score {
background-image: url('../images/tag-divider.png');
background-position: top left;
background-repeat: no-repeat;
margin-left: 7px;
font-family: lato, arial, san-serif;
font-size: 16px;
color: #2b2b2b;
display: inline-block;
background-color: #f9f9f9;
background-repeat: no-repeat;
padding-left: 7px;
text-align: right;
width: 50px;
right: 0;
clear: both;
height: 100%;
display: inline-block;
text-align: right;
position: absolute;
max-height: 40px; }
/* line 105, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list .tag-score {
line-height: 36px;
width: 100%; }
/* line 109, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list .tag-score-value {
display: block;
text-align: center; }
/* line 114, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list .tag-link {
width: 200px;
overflow: hidden;
display: inline-block; }
/* line 119, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list .tag-link > a {
padding: 10px 20px;
color: #004da1;
text-decoration: none;
font-size: 14px; }
/* line 124, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/tag */
.tag-list .tag-link > a:before {
content: ' ';
display: inline-block;
margin-right: 10px;
position: relative;
top: 2px; }
/* ===================================================================
writer style
=================================================================== */
/* line 7, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article {
width: 457px;
margin: 0 0 20px;
font-size: 16px;
line-height: 22px;
float: left;
display: block;
background-color: #fbfbfb;
border: solid 1px #cbcbcb;
position: relative;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease;
margin-bottom: 40px;
/* line 22, /Applications/MAMP/htdocs/lancers/app/source/pc/sass/module/article */ }
/* line 22, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article:hover {
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3); }
/* line 26, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-title-box {
margin-top: 0; }
/* line 29, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-author {
border-bottom: solid 5px #0e66c2;
height: 38px; }
/* line 33, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-author-name {
font-size: 16px;
line-height: 15px;
padding-left: 4px;
display: inline-block;
width: 242px;
color: #1b1b1b;
border-bottom: none;
top: 12px;
letter-spacing: 0.1em; }
/* line 44, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-more {
display: block;
padding: 10px 20px 6px;
border-top: solid 1px #fff; }
/* line 49, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-more-link {
display: inline-block;
color: #02427d;
font-size: 14px;
line-height: 28px;
top: -3px;
position: relative;
padding-left: 4px;
letter-spacing: 0.18em; }
/* line 61, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-author-thumb {
height: 70px;
width: 70px;
max-width: 70px;
max-height: 70px;
margin: 0 0 0 5px;
z-index: 1;
position: relative;
display: block;
float: left;
overflow: hidden;
border-radius: 50%; }
/* line 74, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-content-preview {
margin-top: 20px;
padding: 30px 30px 20px 30px; }
/* line 77, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-content-preview p {
line-height: 28px;
font-size: 14px; }
/* line 82, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-more-link-anchor {
margin-top: -2px; }
/* line 85, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-author-thumb {
top: -15px; }
/* line 88, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-lance-score {
padding-top: 0px;
width: 128px;
right: 0;
top: 0;
position: relative;
color: #ffffff;
background-color: #0e66c2;
background-image: url('../images/writer-divider.png');
background-position: left;
background-repeat: no-repeat;
padding-left: 7px;
text-align: right;
display: table;
float: right;
height: 100%; }
/* line 105, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-lance-score-title, .writer_article .article-lance-score-value {
height: 37px;
display: table-cell;
width: 55px;
padding: 0; }
/* line 111, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-lance-score-value {
font-size: 18px;
line-height: 40px;
letter-spacing: 0.05em;
vertical-align: middle;
padding-right: 6px;
margin-left: 2px;
padding-top: 0; }
/* line 120, /Users/omi_yusuke/thelancer/app/source/pc/sass/module/writer */
.writer_article .article-category-box {
border: none; }
/*
#styleguide
icons
```
```
*/
/* line 89, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons {
display: inline-block; }
/* line 91, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.bread, .bread-item a:after {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -331px -340px;
width: 9px;
height: 9px;
background-size: 423px 366px; }
/* line 94, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.category-clipboard {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -163px -299px;
width: 28px;
height: 35px;
background-size: 423px 366px; }
/* line 97, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.category-link {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -196px -299px;
width: 35px;
height: 35px;
background-size: 423px 366px; }
/* line 100, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.category-tag {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -82px -299px;
width: 35px;
height: 36px;
background-size: 423px 366px; }
/* line 103, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.category-writer {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -299px -244px;
width: 37px;
height: 37px;
background-size: 423px 366px; }
/* line 106, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.footer-nav-3dot {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -220px -289px;
width: 16px;
height: 3px;
background-size: 423px 366px; }
/* line 109, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.footer-nav-end-arrow {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -280px -340px;
width: 9px;
height: 14px;
background-size: 423px 366px; }
/* line 112, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.footer-nav-start-arrow {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -266px -340px;
width: 9px;
height: 14px;
background-size: 423px 366px; }
/* line 115, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.header-about-blue {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -407px -299px;
width: 14px;
height: 17px;
background-size: 423px 366px; }
/* line 118, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.header-about-white {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -124px -340px;
width: 14px;
height: 17px;
background-size: 423px 366px; }
/* line 121, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.header-about {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -105px -340px;
width: 14px;
height: 17px;
background-size: 423px 366px; }
/* line 124, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.header-sitemap-blue {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -246px -340px;
width: 15px;
height: 15px;
background-size: 423px 366px; }
/* line 127, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.header-sitemap {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -85px -340px;
width: 15px;
height: 17px;
background-size: 423px 366px; }
/* line 130, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.link-blank-small {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -316px -340px;
width: 10px;
height: 10px;
background-size: 423px 366px; }
/* line 133, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.link-blank, .custom-link > a[target="_blank"]:before, .custom-link-out > a:after, .post-body a[target="_blank"]:after, .post-body .post-custom-link > a[target="_blank"]:before {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -164px -340px;
width: 16px;
height: 16px;
background-size: 423px 366px; }
/* line 136, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.link-blue, .custom-link > a:before, .custom-link-out > a:before, .post-body .post-custom-link > a:before {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -185px -340px;
width: 16px;
height: 16px;
background-size: 423px 366px; }
/* line 139, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.link-white {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -143px -340px;
width: 16px;
height: 16px;
background-size: 423px 366px; }
/* line 142, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.nav-logo {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: 0px -340px;
width: 26px;
height: 26px;
background-size: 423px 366px; }
/* line 145, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.page-not-found {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 423px;
height: 239px;
background-size: 423px 366px; }
/* line 148, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.pagetop {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -294px -340px;
width: 17px;
height: 11px;
background-size: 423px 366px; }
/* line 151, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.post-heading, .post-body h2:before {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -376px -299px;
width: 26px;
height: 26px;
background-size: 423px 366px; }
/* line 154, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.search-dots {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -345px -340px;
width: 1px;
height: 8px;
background-size: 423px 366px; }
/* line 157, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.search {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -62px -340px;
width: 18px;
height: 18px;
background-size: 423px 366px; }
/* line 160, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-facebook-big {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -110px -244px;
width: 50px;
height: 50px;
background-size: 423px 366px; }
/* line 163, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-facebook-circle {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -122px -299px;
width: 36px;
height: 36px;
background-size: 423px 366px; }
/* line 166, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-facebook-white {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -31px -340px;
width: 26px;
height: 26px;
background-size: 423px 366px; }
/* line 169, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-facebook {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -271px -299px;
width: 30px;
height: 30px;
background-size: 423px 366px; }
/* line 172, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-google-big {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -55px -244px;
width: 50px;
height: 50px;
background-size: 423px 366px; }
/* line 175, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-google-circle {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -41px -299px;
width: 36px;
height: 36px;
background-size: 423px 366px; }
/* line 178, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-google {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -306px -299px;
width: 30px;
height: 30px;
background-size: 423px 366px; }
/* line 181, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-hatena-circle {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -382px -244px;
width: 36px;
height: 36px;
background-size: 423px 366px; }
/* line 184, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-pocket-circle {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -341px -244px;
width: 36px;
height: 36px;
background-size: 423px 366px; }
/* line 187, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-rss-big {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: 0px -244px;
width: 50px;
height: 50px;
background-size: 423px 366px; }
/* line 190, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-rss {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -341px -299px;
width: 30px;
height: 30px;
background-size: 423px 366px; }
/* line 193, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-twitter-big {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -165px -244px;
width: 50px;
height: 50px;
background-size: 423px 366px; }
/* line 196, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-twitter-circle {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: 0px -299px;
width: 36px;
height: 36px;
background-size: 423px 366px; }
/* line 199, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.sns-twitter {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -236px -299px;
width: 30px;
height: 30px;
background-size: 423px 366px; }
/* line 202, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.tag-score-bg {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -220px -244px;
width: 74px;
height: 40px;
background-size: 423px 366px; }
/* line 205, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.tag-white, .tag-list li:hover .tag-link a:before {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -206px -340px;
width: 15px;
height: 15px;
background-size: 423px 366px; }
/* line 208, /Users/omi_yusuke/thelancer/app/source/pc/sass/sprites/icons */
.icons.tag, .tag-list .tag-link > a:before {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
background-position: -226px -340px;
width: 15px;
height: 15px;
background-size: 423px 366px; }