

<!--
###############################################################################
style.common.php (Version: 1.1666135425) :
Style Sheet for liquidstereo.net / Common

Design and developed by Liquidstereo. Latest Edit : 2022.10.19 08:23:45
###############################################################################
-->

html{
scrollbar-3dLight-Color:#efefef;
scrollbar-arrow-color:#dfdfdf;
scrollbar-base-color:#efefef;
scrollbar-Face-Color:#dfdfdf;
scrollbar-Track-Color:#efefef;
scrollbar-DarkShadow-Color:#efefef;
scrollbar-Highlight-Color:#efefef;
scrollbar-Shadow-Color:#efefef;
}

:lang(en) {
    font-family:'Roboto','Noto Sans Japanese','Noto Sans KR','Nanum Barun Gothic','Apple SD Gothic Neo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,verdana,'ＭＳ Ｐゴシック','MS PGothic',Osaka,'ＭＳ Ｐゴシック','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,Helvetica,Apple SD Neo Gothic,Apple Gothic,Arial,Meiryo,MS PGothic,ＭＳ Ｐゴシック,ヒラギノ角ゴ Pro W3,'Lucida Grande','Lucida Sans Unicode',sans-serif !important;;
}

:lang(ko) {
    font-family:'Noto Sans KR','Roboto','Apple SD Gothic Neo','Nanum Barun Gothic','나눔고딕',Nanum Gothic,'맑은 고딕','Malgun Gothic',Arial,sans-serif !important;;
}

:lang(jp) {
    font-family:'Noto Sans Japanese','Roboto','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic',verdana,sans-serif !important;;
}

::-webkit-scrollbar{
width:8px;
height:8px;
border:3px solid #fff;
}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{
display:block;
height:10px;
}

::-webkit-scrollbar-track{
background:#efefef;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2);
}

::-webkit-scrollbar-thumb{
height:50px;
width:50px;
background:rgba(0,0,0,.2);
-webkit-border-radius:8px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1);
}

::-moz-selection { /* Code for Firefox */
color: #231f20;
background: #ffad01;
}

::selection {
color: #231f20;
background: #ffad01;
}

::-webkit-input-placeholder {
font-style:normal;
font-size:9px;
color: #888;
text-transform:uppercase;
vertical-align:bottom;
line-height:13px;
padding-left: 3px;
}

:-moz-placeholder { /* Firefox 18- */
font-style:normal;
font-size:9px;
color: #888;
text-transform:uppercase;
vertical-align:bottom;
line-height:13px;
padding-left: 3px;
}

::-moz-placeholder {  /* Firefox 19+ */
font-style:normal;
font-size:9px;
color: #888;
text-transform:uppercase;
vertical-align:bottom;
line-height:13px;
padding-left: 3px;
}

:-ms-input-placeholder {
font-style:normal;
font-size:9px;
color: #888;
text-transform:uppercase;
vertical-align:bottom;
line-height:13px;
padding-left: 3px;
}

/*
img {
display: block;
}
*/

body {
border-collapse: separate !important;
}

.textbold{
font-weight: 800;
color:#000;
}

.jpn .textbold{
font-weight: 600;
color:#000;
}

.textblack{
word-spacing:0;
line-height:190%;
color:#fff;
background-color:#111;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
padding:2px 5px;
}

.textred{
line-height:190%;
color:#fff;
background-color:#fe0034;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
padding:2px 5px;
}

.textdot{
word-spacing:0;
line-height:190%;
color:#111;
background-image:url(https://liquidstereo.cdn1.cafe24.com/images/bg_dot@2x.gif);
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
padding:2px 5px;
background-size:4px 4px;
}

.textunderline{
color:#111;
border-bottom:1px dotted #999;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}

.textSlash{
word-spacing:0;
line-height:190%;
color:#111;
background-image:url(https://liquidstereo.cdn1.cafe24.com/images/bgSlashGray@2x.gif);
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
padding:2px 5px;
background-size:10px 10px;
}

.textHighLight{
word-spacing:0;
line-height:190%;
color:#111;
background:#e9ff4a;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
padding:2px 5px;
}

#tips{
vertical-align:bottom;
text-transform:uppercase;
font-size:9px;
font-weight:400;
z-index:9999999;
font-family:'Roboto','Noto Sans Japanese','Noto Sans KR','Nanum Barun Gothic','Apple SD Gothic Neo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,verdana,'ＭＳ Ｐゴシック','MS PGothic',Osaka,'ＭＳ Ｐゴシック','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,Helvetica,Apple SD Neo Gothic,Apple Gothic,Arial,Meiryo,MS PGothic,ＭＳ Ｐゴシック,ヒラギノ角ゴ Pro W3,'Lucida Grande','Lucida Sans Unicode',sans-serif !important;;
position:absolute;
border:1px solid #d9d9d9;
background-color:#fafafa;
color:#000;
display: table;
word-spacing:0;
letter-spacing:0;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
box-shadow:0 1px 3px rgba(0,0,0,0.1);
border-collapse: separate;
line-height:100%;
padding:5px 10px;
opacity:.7;
-webkit-font-smoothing:subpixel-antialiased !important;
font-smooth:subpixel-antialiased !important;
}

#tooltip{
vertical-align:bottom;
text-transform:uppercase;
font-size:9px;
font-weight:400;
z-index:9999999;
font-family:'Roboto','Noto Sans Japanese','Noto Sans KR','Nanum Barun Gothic','Apple SD Gothic Neo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,verdana,'ＭＳ Ｐゴシック','MS PGothic',Osaka,'ＭＳ Ｐゴシック','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,Helvetica,Apple SD Neo Gothic,Apple Gothic,Arial,Meiryo,MS PGothic,ＭＳ Ｐゴシック,ヒラギノ角ゴ Pro W3,'Lucida Grande','Lucida Sans Unicode',sans-serif !important;;
position:absolute;
border:1px solid #000;
background-color:#231f20;
color:#fff;
display: table;
word-spacing:0;
letter-spacing:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
border-radius:2px;
box-shadow:0 1px 3px rgba(0.5,0.5,0.5,0.9);
border-collapse: separate;
line-height:100%;
padding:5px 10px;
opacity:1;
-webkit-font-smoothing:subpixel-antialiased !important;
font-smooth:subpixel-antialiased !important;
}


div.hoverRolls{
font-family:'Roboto','Noto Sans Japanese','Noto Sans KR','Nanum Barun Gothic','Apple SD Gothic Neo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,verdana,'ＭＳ Ｐゴシック','MS PGothic',Osaka,'ＭＳ Ｐゴシック','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,Helvetica,Apple SD Neo Gothic,Apple Gothic,Arial,Meiryo,MS PGothic,ＭＳ Ｐゴシック,ヒラギノ角ゴ Pro W3,'Lucida Grande','Lucida Sans Unicode',sans-serif !important;;
margin-top:3px;
font-size:10px;
font-weight:400;
position:absolute !important;
top:0;
left:0;
vertical-align:bottom;
text-transform:uppercase;
z-index:1;
word-spacing:0;
line-height:180%;
border:1px solid #030303;
color:#fff;
background-color:#121212;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
/*box-shadow:0 1px 3px rgba(0,0,0,0.75);*/
opacity:1;
-moz-opacity:1;
padding:1px 8px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-font-smoothing:subpixel-antialiased !important;
font-smooth:subpixel-antialiased !important;
position:absolute;
}


div.imageZoomer{
display:none;
}

#browserWarning{
color:#4b5456;
text-transform:uppercase;
font-size:10px;
font-weight:400;
text-decoration:none;
border:solid 1px #cccccc;
font-family:'Roboto','Noto Sans Japanese','Noto Sans KR','Nanum Barun Gothic','Apple SD Gothic Neo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,verdana,'ＭＳ Ｐゴシック','MS PGothic',Osaka,'ＭＳ Ｐゴシック','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,Helvetica,Apple SD Neo Gothic,Apple Gothic,Arial,Meiryo,MS PGothic,ＭＳ Ｐゴシック,ヒラギノ角ゴ Pro W3,'Lucida Grande','Lucida Sans Unicode',sans-serif !important;;
background-color:#f2f2f2;
vertical-align:baseline;
line-height:25px;
margin-top:1px;
margin-left:1px;
margin-right:1px;
word-spacing:normal;
letter-spacing:.1px;
height:25px;
text-align:center;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
display:none;
}

#browserWarning a{
text-decoration:none;
font-weight:400;
color:#000;
border-bottom:1px dotted #999;
margin:0 3px;
}

#browserWarning a:hover{
color:#fe0034;
font-weight:400;
border-bottom:1px dotted #fe0034;
}

#browserWarning #warningClose{
margin-left:10px;
cursor:pointer;
border:0;
}

#divide, .divide, .area-dashline{
width:16px;
height:1px;
font-size:0px;
border-bottom:1px #000 solid;
margin: 15px 0px;
position: relative !important;
}

.divide-blank {
    width:16px;
height:1px;
border-bottom:1px #000 solid;
margin : 1em 0;
}

#meta-sep{
width:1px;
height:15px;
line-height:0;
margin:0px 5px;
vertical-align:middle;
border-left : 1px dotted #231f20;
display:inline-block;
}

#button_black, .button_black {
min-height:15px !important;
text-transform:uppercase;
vertical-align:middle;
font-family:'Roboto','Noto Sans Japanese','Noto Sans KR','Nanum Barun Gothic','Apple SD Gothic Neo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,verdana,'ＭＳ Ｐゴシック','MS PGothic',Osaka,'ＭＳ Ｐゴシック','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,Helvetica,Apple SD Neo Gothic,Apple Gothic,Arial,Meiryo,MS PGothic,ＭＳ Ｐゴシック,ヒラギノ角ゴ Pro W3,'Lucida Grande','Lucida Sans Unicode',sans-serif !important;;
line-height:9px !important;
font-size:9px !important;
font-weight:400;
color:#FFF;
background-color:#231f20;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
cursor:pointer;
padding:2px 5px 1px 5px;
margin:0;
letter-spacing:0px;
border:none !important;
font-style: normal;
}

#button_black:hover{
/*
font-weight: 400;
color:#fff;
color:#000\9 !important;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 1) !important;
animation: animatedBackground 5s linear infinite;
height: 200px;
background:url(https://liquidstereo.cdn1.cafe24.com/images/bg_dot_animation.gif)\9;
background-image: linear-gradient(-45deg, #131e29 25%, transparent 25%, transparent 50%, #131e29 50%, #131e29 75%, transparent 75%, transparent);
background-size: 4px 4px;
background-color:#fff;
opacity:1;
;*/
background-color:#e40403;
transition: all 0.25s ease;
}

/* --- BLOG / WORKS TITLE --- */
H2.entry-title{
display:inline-table;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
text-transform:uppercase;
color:#fff;
background-color: #231f20;
font-size:21px;
font-style:normal;
font-family:'Roboto','Noto Sans Japanese','Noto Sans KR','Nanum Barun Gothic','Apple SD Gothic Neo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,verdana,'ＭＳ Ｐゴシック','MS PGothic',Osaka,'ＭＳ Ｐゴシック','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,Helvetica,Apple SD Neo Gothic,Apple Gothic,Arial,Meiryo,MS PGothic,ＭＳ Ｐゴシック,ヒラギノ角ゴ Pro W3,'Lucida Grande','Lucida Sans Unicode',sans-serif !important;;
font-weight:900 !important;
line-height:100%;
padding:6px 10px !important;
border-radius:2px;
word-spacing:1px;
letter-spacing:0px;
-webkit-font-smoothing: subpixel-antialiased !important;
font-smooth:subpixel-antialiased !important;
-webkit-text-stroke: 1px rgba(75, 75, 75, 0.2);
text-shadow: 0 0 1px rgba(0,0,0,0.3) !important;
}
/* --- BLOG / WORKS TITLE --- */

/* --- scrolltoTop --- */
#scrolltoTop:before {
content: "\f106\00a0\00a0\00a0";
font-family: FontAwesome;
}

#scrolltoTop {
background:#efefef;
position:fixed;
height:20px;
line-height:20px;
font-size: 9px;
bottom:2%;
right:2%;
text-transform:uppercase;
text-align:center;
padding:2px 9px;
z-index:2;
cursor:pointer;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color:#5D5D5D;
display:none;
font-family:'Roboto','Noto Sans Japanese','Noto Sans KR','Nanum Barun Gothic','Apple SD Gothic Neo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,verdana,'ＭＳ Ｐゴシック','MS PGothic',Osaka,'ＭＳ Ｐゴシック','Nanum Gothic','맑은 고딕','Malgun Gothic',돋움,Dotum,Helvetica,Apple SD Neo Gothic,Apple Gothic,Arial,Meiryo,MS PGothic,ＭＳ Ｐゴシック,ヒラギノ角ゴ Pro W3,'Lucida Grande','Lucida Sans Unicode',sans-serif !important;;
box-shadow: 0px 0px 5px #888888;
border-collapse: separate;
}

#scrolltoTop:hover {
background:#008ee1;
color:#efefef;
}
/* --- scrolltoTop --- */

.blur {
filter:blur(1px);
-webkit-filter: blur(1px);
}