html, body, div, span, h1, h2, h3, h4, h5, h6, p
{
font-family: "Lato", "Avenir", "Helvetica Neue", "Helvetica", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif !important;
font-style: normal;
font-weight: 300;
font-feature-settings: "palt";
letter-spacing: 0.075em;
line-height:1.5;
}
/* NAV */
ul.sym-global .uk-dropdown{
padding:0px;
padding-top:10px;
box-shadow:none;
background: rgba(0, 0, 0, 0);
}
/* LINK */
a {cursor: url(https://symbol-plus.com/common/hover_icon25w.png) 16 16, crosshair;}
.sym-global>li.uk-active>a
{color: #555;}
.sym-global a{
color: #bbb;
}
.sym-global a:hover {
color: #888;
}
.uk-navbar-nav>li.uk-active>a
{color: #555;}
.uk-link, a{
color: #bbb;
}
.uk-link, a:hover {
color: #888;
}
.sym-logo-white{
margin-top: 15px;
}
.sym-non-click{
pointer-events: none;
}
/* MENU */
ul.sym-global{
margin-right: 2.2rem;
margin-top: 1.5rem;
}
ul.sym-global li.sym-global-pri{
margin-left: 2rem;
}
/* HOVER */
.uk-overlay-default{
background: rgba(255,255,255,0.5);
}
.sym-works-img {
-webkit-filter:grayscale(00%);
-moz-filter:grayscale(00%);
-ms-filter:grayscale(00%);
filter:grayscale(00%);
}
.sym-news-img-mono {
-webkit-filter:grayscale(70%);
-moz-filter:grayscale(70%);
-ms-filter:grayscale(70%);
filter:grayscale(70%);
}
.sym-height{
min-height: 600px;
}
img.sym-mix-blend {
mix-blend-mode: multiply;
}
.sym-mix-blend-p {
background: rgba(205, 205, 205, .1);
}
.sym-works-img-top {
margin-bottom: 20px;
}
/* HEADER */
.uk-offcanvas-close{
top: 30px;
right: 30px;
}
.sym-header{
z-index: 999;
}
.hideClass {
transform: translateY(-60px);
}
.sym-sns-icon svg{
margin-left: 1rem;
width: 1.1rem;
height: 1.1rem;
}
/* OFFCANVAS */
.uk-offcanvas-bar{
background:#111 ;
width:100vw;
}
.sym-offc{
margin-bottom: 1rem;
}
/* WORKS LIST PAGE */
section.sym-sec-fur div.sym-index-int{
display: none;
}
section.sym-sec-int div.sym-index-fur{
display: none;
}
.sym-workslist-txt{
margin-top: 0;
margin-bottom: 0.5rem;
}
h1.sym-works-title{
font-size: 2em;
opacity: 100%;
color: #000;
}
h1.sym-works-title:hover{
filter: opacity(100%);
transition: 0.3s;
}
h5.sym-works{
margin-bottom: 10px;
}
/* DETAIL PAGE */
.sym-bg-white{
background-color: white;
}
p.sym-detail-txt{
font-size: 0.85rem;
line-height: 1.65rem;
}
h4.sym-detail-h4{
margin-bottom: 1rem !important;
}
h5.sym-detail-h5{
font-size: 0.8rem;
margin-top: 0.8rem !important;
margin-bottom: 2rem !important;
}
/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
.sym-trim-L figure a img {
/*
max-width: 400px !important;
max-height: 400px !important;
*/
object-fit: contain;
object-position: right top;
}
.sym-trim-R figure a img {
/*
max-width: 400px !important;
max-height: 400px !important;
*/
object-fit: contain;
object-position: left top;
}
/* NEWS PAGE */
.sym-newslist-txt{
margin-top: 0;
margin-bottom: 0.5rem;
}
.sym-news-blk{
margin-bottom: 8rem;
}
.sym-top-mgn{
margin-top: 100svh;
}
.sym-news-thm{
border: solid;
border-color: #eee;
}
/* TOP PAGE */
.sym-add{
margin-top: 6rem;
margin-left: 2.5vw;
}
.sym-top-w-thm{
padding: 100px;
}
.sym-top-w div.sym-top-w-thm{
padding-top: 105svh;
}
div.space{
height: 70px;
}
div.sym-top-w-footer{
padding-left: 100px;
padding-right: 100px;
}
/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO OVER WRIGHT CSS */
a.uk-accordion-title{
font-size: 1rem;
color: #999;
}
ul.uk-slideshow-items{
min-height: 600px !important;
}
.uk-table td{
padding: 0.5rem 0;
}
.uk-table-hover tbody tr:hover,
.uk-table-hover>tr:hover
{background-color: #fff;
}
.uk-button-secondary:hover{
background-color: #ef8402;
}
.uk-button-large{
padding: 0 1rem;
line-height: 2.5rem;
}
.uk-navbar-container:not(.uk-navbar-transparent)
{background: #fff;
}
button.uk-button-default div{
padding: .5rem .9rem;
}
.uk-h4, h4{
font-size: 1.1rem;
}
/* TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT Tablet view */
@media screen and (max-width:960px) {
.sym-news-thm{
max-width: 300px;
margin-top: 2rem;
}
.sym-height{
min-height: 300px;
}
.sym-height-2{
min-height: 80vh;
}
.sym-portrait{
max-width: 300px;
}
/* TOP PAGE */
.sym-add{
margin-top: 0rem;
margin-left: 0rem;
}
.sym-add-jp{
margin-bottom: 2rem !important;
}
ul.uk-slideshow-items{
min-height: 300px !important;
}
.sym-top-mgn{
margin-top: 0;
}
.sym-top-mgn-add-sp{
margin-top: 100svh;
}
.sym-sp-topimg{
max-height: 70vh;
}
/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
.sym-trim-L figure a img {
max-width: 330px !important;
max-height: 330px !important;
}
.sym-trim-R figure a img {
max-width: 330px !important;
max-height: 330px !important;
}
.sym-works-bg img{
}
h1.sym-works-title{
font-size: 1.5rem;
text-align: center;
}
h3.sym-works-title{
font-size: 1.3rem;
text-align: center;
}
.sym-sns-icon svg{
margin-left: 0rem;
margin-right: 1rem;
}
.sym-newslist-txt{
padding-bottom: 30px;
}
.sym-workslist-txt{
padding-bottom: 20px;
}
}
/* TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT Tablet view 640 */
@media screen and (max-width:640px) {
.sym-about-title{
font-size: 1.4rem;
}
.sym-portrait{
max-width: 200px;
}
/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
.sym-trim-L figure a img {
max-width: calc(100vw - 30px) !important;
max-height: calc(100vw - 30px) !important;
}
.sym-trim-R figure a img {
max-width: calc(100vw - 30px) !important;
max-height: calc(100vw - 30px) !important;
}
.sym-top-w-thm{
padding: 30px;
margin-top: 7vh;
}
.sym-top-w div.sym-top-w-thm{
padding-top: 100svh;
}
div.space{
height: 50px;
}
.sym-newslist-txt{
padding-bottom: 30px;
}
.sym-top-mgn-add-sp{
margin-top: 5vh;
}
.sym-add-jp{
padding-left: 20px;
}
.sym-add-en{
padding-left: 20px;
}
.sym-top-w-thm h5{
line-height: 1.5;
}
section.sym-top-w{
padding-top: 0px;
}
.uk-table tr{
font-size: 0.8rem;
}
.uk-table td{
padding-right: 2rem;
}
.uk-h4, h4{
font-size: 1rem;
}
}