@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

      * html body {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/css/null) fixed;
}
html {
font-size: 62.5%; }
body {
margin: 0;
padding: 0;
background: #fff;
color: #111;
font-size: 1.6em; line-height: 1.8; font-weight: 400;
font-style: normal;
font-family: ten-mincho-text, "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-size-adjust: 100%; letter-spacing: 1.6px;
}
.sp {
display: none;
}
.sp-only {
display: none;
}
@media (min-width: 751px) { a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
} @-moz-document url-prefix() {
.btn-wht a {
color: transparent !important; background: #fff; } .btn-wht,
.top_works .main-ttl,
.top_furniture .sub-ttl,
.top_about .main-ttl,
.add p,
.add address,
.main-footer .copy,
.main-footer .item-ttl,
.main-footer .area-list li {
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
.main-footer .ft-link a {
color: transparent; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
.main-footer .link-box div .link-btn,
.main-footer .link-box div .link-btn:hover {
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
.main-footer .ft-link a:hover,
.main-footer .link-box div .link-btn:hover {
opacity: 0.7;
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
}    a {
color: #111;
cursor: pointer;
line-height: inherit;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
opacity: 0.7;
text-decoration: none;
}
a:active {
text-decoration: none;
}  .icon {
display: inline-block;
width: 20px;
height: 18px;
line-height: 1;
text-align: center;
}
.icon.phone {
height: 24px;
}
.icon.phone img {
width: auto;
height: 100%;
max-width: inherit;
line-height: 24px;
}  .link-box {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.link-item {
display: inline-block;
vertical-align: middle;
margin: 0 8px 0 0;
line-height: 1.4;
}
.link-btn {
background: rgba(255, 255, 255, 0);
border: 1px solid #fff;
padding: 1em;
}
.link-btn .icon {
display: block;
margin: 0 auto 5px;
}
.link-btn:hover {
opacity: 1;
background: rgba(255, 255, 255, 0.2);
}
.link-icon {
width: 26px;
height: 26px;
border: none;
font-size: 1.8rem;
line-height: 26px;
padding: 0;
margin: 0 0.5em 0 0;
overflow: hidden;
position: relative;
}
.link-icon img {
height: 100%;
width: auto; position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
} _:-ms-lang(x)::-ms-backdrop,
.link-icon img {
height: auto;
} .more {
display: inline-block;
padding: 0 0 20px;
position: relative;
}
.more::after {
content: "";
display: block;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-arw-org.svg) center / 100% auto;
width: 15px;
height: 15px;
position: absolute;
right: 2px;
bottom: 0;
}
.more:hover {
}   .min {
font-family: ten-mincho-text, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
font-style: normal;
}
.en,
.contact-item {
font-family: adobe-garamond-pro, ten-mincho-text, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
font-style: normal;
}
.gothic,
.btn,
.post-box,
.form-box,
.info-item,
.pagenate {
font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 400;
font-style: normal;
}
.noto_min {
font-family: "Noto Serif JP", ten-mincho-text, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 400;
font-style: normal;
}   .vertical,
.main-menu { -webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl; -webkit-text-orientation: upright;
-ms-text-orientation: upright;
text-orientation: upright; margin: 0 0 0 auto;
overflow: hidden;
}   h4.vertical span {
text-combine-upright: all;
}   .main-logo,
.thum,
.image,
.banner {
margin: 0 auto;
text-align: center;
}   .btn {
text-align: center;
min-width: 300px;
height: auto;
margin: 0 auto;
}
.btn a {
display: inline-block;
color: #111;
border: 1px solid #111;
margin: 0 auto;
padding: 12px 1em;
position: relative;
z-index: 1;
}
.btn a:hover {
background: rgba(255, 255, 255, 0.4);
}
.btn.vertical {
min-width: auto;
height: 100%;
}
.btn.vertical a {
padding: 1em 12px;
}
.btn.nonlink {
display: inline-block;
color: #111;
border: 1px solid #111;
margin: 0 auto;
padding: 12px 8px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-wht a {
color: #fff;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0);
}
.btn-wht a:hover {
opacity: 1;
background: rgba(255, 255, 255, 0.2);
}
.btn-box {
text-align: center;
margin: 0 auto;
}
.btn-box .btn {
display: inline-block;
margin: 0 1em;
width: calc(100% / 2 - 3em);
max-width: 100%;
}     .main-logo {
max-width: 200px;
max-height: 60px;
}
.main-logo.square {
max-width: 130px;
max-height: 176px;
}
.main-logo a {
display: block;
width: 100%;
margin: 0 auto;
}   .wrapper {
width: 100%;
height: 100%;
margin: 0 auto; position: relative;
display: block;
}
.inner {
width: 100%;
max-width: 1000px;
height: auto;
padding: 0 2em;
margin: 0 auto;
clear: both;
}
.inner::after {
content: "";
clear: both;
display: block;
}
.content {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0; }   .main-header {
width: 100%;
height: auto;
margin: 0 auto;
padding: 10px 20px;
background: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
position: relative;
z-index: 9998;
}
.main-header .main-logo {
margin: 0;
}
.main-header.is-fixed,
.sub .main-header {
position: fixed;
top: 0;
left: 0; }
#top_header.is-fixed {
animation: fadeIn 1s;
}
.contact-item {
font-size: 2.8rem;
line-height: 1;
}
.contact-item a {
line-height: 1; display: inline-block;
}
.main-header .contact-item {
position: absolute;
top: 50%;
right: 65px;
transform: translateY(-50%);
display: flex;
justify-content: flex-end;
align-items: center;
}
.contact-item .icon {
vertical-align: bottom;
margin: 0 6px 0 0;
}
.contact-item .link-box {
margin: 0 1em;
}
.contact-item .link-box .link-icon {
line-height: 1;
margin: 0 0.5em;
}
.contact-item .link-box .icon-map {
width: 20px;
height: 24px;
}
.contact-item .link-box .icon-mail {
width: 22px;
height: 14px;
}
.contact-item .link-box .icon-insta {
width: 20px;
height: 20px;
}
.contact-item .link-box .icon-fb {
width: 10px;
height: 22px;
}  .drawer-hamburger {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 20px;
min-height: inherit;
padding: 0;
}
.gnav .drawer-hamburger {
width: 40px;
height: 40px;
}
.drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
right: 20px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.drawer--right.drawer-open .drawer-hamburger {
right: 2em;
}
.drawer-hamburger-icon {
margin-top: 0;
height: 100%;
background: none;
border-top: 2px solid #000;
}
.drawer-hamburger-icon:before {
top: 7px;
}
.drawer-hamburger-icon:after {
top: inherit;
bottom: 0;
}
.drawer-open .drawer-hamburger-icon {
border-top: 2px solid transparent;
}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
top: 12px;
}   .gnav {
margin: 0 0 0 auto;
background: #e4e1dc;
z-index: 9999;
}
.drawer-nav {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.drawer-open .drawer-nav {
min-width: 350px;
width: 40%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.gnav .nav_inner {
width: 100%;
height: 100%;
padding: 9.2em 3em 2em;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
_:-ms-lang(x)::-ms-backdrop,
.gnav .nav_inner {
padding: 120px 30px 30px;
}
.gnav .drawer-hamburger {
top: 3em;
transform: translateY(0);
}
.main-menu {
border-bottom: 1px solid #fff;
padding: 0 0 3.2em;
margin: 0 auto 3em 0;
width: 100%;
}
.main-menu li {
font-size: 2.8rem;
line-height: 1.2;
letter-spacing: 0.12em;
margin: 0 0.5em 0 1.6em;
}
_:-ms-lang(x)::-ms-backdrop,
.main-menu {
max-height: 240px;
} _:-ms-lang(x)::backdrop,
.main-menu {
max-height: 240px;
}
_:-ms-lang(x)::-ms-backdrop,
.main-menu li {
margin: 0 10px 0 35px;
}
.main-menu li a {
}
.sub-menu {
width: 100%;
padding: 0 0 1.2em;
margin: 0 auto 2.2em;
border-bottom: 1px solid #fff;
}
.sub-menu li {
font-size: 2rem;
line-height: 1.2;
letter-spacing: 0.15em;
margin: 0 auto 1.2em;
}
.sub-menu li a {
}
.gnav .link-box {
justify-content: flex-start;
}
.gnav .link-box .link-icon {
margin: 0 1.2em 0 0;
}
_:-ms-lang(x)::-ms-backdrop,
.gnav .link-box {
margin: 0 0 40px;
}
@media screen and (min-width: 1197px) and (max-width: 1265px) {
}   .base {
width: 100%;
height: auto;
margin: 0 auto;
padding: 4em 0;
clear: both;
position: relative;
overflow: hidden;
}
.base::after {
content: "";
clear: both;
display: block;
}
.bg {
color: #fff;
}
.bg::after {
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.bg .inner {
position: relative;
z-index: 2;
}
.bg_color {
background: #d3cbc5;
}
.bg_gray {
background: #ccc;
} .main-ttl {
font-size: 2.8rem;
font-weight: 400;
letter-spacing: 0.15em;
}
.main-ttl .font-small {
font-size: 0.6em;
}
.main-ttl .line {
display: inline-block;
margin: 0 auto 8px;
position: relative;
width: 1px;
height: 40px;
background: #000;
}
.horizontal .main-ttl .line {
margin: 0 10px 0 0;
vertical-align: middle;
width: 40px;
height: 1px;
}  .sub-ttl {
font-size: 2.4rem;
font-weight: 400;
letter-spacing: 0.18em;
} .item-ttl {
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.15em;
} .caption {
font-size: 1.8rem;
} .brackets {
display: inline-block;
vertical-align: middle;
text-align: center;
position: relative;
letter-spacing: 0.3em;
padding: 1.5em 0;
}
.brackets::before,
.brackets::after {
content: "";
display: block;
width: 100%;
height: 8px;
position: absolute;
left: 0;
}
.brackets::before {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-top-blk.svg) no-repeat center top / 100% 100%;
top: 0;
}
.brackets::after {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-btm-blk.svg) no-repeat center bottom/ 100% 100%;
bottom: 0;
}
.brackets-wht::before {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-top-wht.svg) no-repeat center top / 100% 100%;
}
.brackets-wht::after {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-btm-wht.svg) no-repeat center bottom/ 100% 100%;
}
.brackets-square {
display: inline-block;
vertical-align: middle;
text-align: center;
border-left: 1px solid #999;
border-right: 1px solid #999;
background: #fff;
position: relative;
padding: 1em 0;
}
.brackets-square::before,
.brackets-square::after {
content: "";
display: block;
background: #fff;
width: 105%;
height: 8px;
position: absolute;
left: 50%;
transform: translateX(-50%);
} @media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
.brackets-square::before,
*::-ms-backdrop,
.brackets-square::after {
left: 0;
transform: translateX(0);
}
} _:-ms-lang(x)::backdrop,
.brackets-square::before {
left: 0;
transform: translateX(0);
}
_:-ms-lang(x)::backdrop,
.brackets-square::after {
left: 0;
transform: translateX(0);
}
.brackets-square::before {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-top.svg) no-repeat center top / 100% 100%;
top: -8px;
}
.brackets-square::after {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-btm.svg) no-repeat center top / 100% 100%;
bottom: -7px;
}
.archive-list .brackets-square::before {
top: -6px;
}
.archive-list .brackets-square::after {
bottom: -6px;
} .horizontal .brackets {
padding: 0 1.5em;
}
.horizontal .brackets::before,
.horizontal .brackets::after {
width: 24px;
height: 8px;
top: 50%;
bottom: inherit;
}
.horizontal .brackets::before {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-top-blk.svg) no-repeat left center / 100% auto;
left: -0.5em;
transform: translateY(-50%) rotate(-90deg);
}
.horizontal .brackets::after {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-btm-blk.svg) no-repeat right center / 100% auto;
right: -0.5em;
left: inherit;
transform: translateY(-50%) rotate(-90deg);
}
.horizontal .brackets-square {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-left: none;
border-right: none;
padding: 1px 12px 0 !important;
}
.horizontal .brackets-square::before,
.horizontal .brackets-square::after {
width: 22px;
height: 8px;
}
.horizontal .brackets-square::before {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-top.svg) no-repeat left center / 100% 100%;
top: 6px;
left: -13px;
transform: rotate(-90deg);
}
.horizontal .brackets-square::after {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-top.svg) no-repeat right center / 100% 100%;
top: 6px;
right: -13px;
left: inherit;
transform: rotate(90deg);
}   .box_vertical {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-direction: row-reverse;
} .flx_box {
width: 100%;
height: auto;
margin: 0 auto;
display: flex;
justify-content: space-between; flex-wrap: wrap; }
.flx_box .flx_item {
width: 100%;
height: auto;
margin: 0 auto;
} .flx_box .flx_item {
width: 100%;
margin: 0 0 2em;
flex: 0 1 100%; } .flx_box.flx_2cols .flx_item {
width: calc(100% / 2 - 1em);
margin: 0 1em 2em 0;
flex: 0 1 calc(100% / 2 - 1em);
}
.flx_box.flx_2cols .flx_item:nth-of-type(2n) {
margin: 0 0 2em;
} .flx_box.flx_3cols .flx_item {
width: calc(100% / 3 - 1em);
margin: 0 1em 2em 0;
flex: 0 1 calc(100% / 3 - 1em);
}
.flx_box.flx_3cols .flx_item:nth-of-type(3n) {
margin: 0 0 2em;
} .flx_box.flx_4cols .flx_item {
width: calc(100% / 4 - 1em);
margin: 0 1em 2em 0;
flex: 0 1 calc(100% / 4 - 1em);
}
.flx_box.flx_4cols .flx_item:nth-of-type(4n) {
margin: 0 0 2em;
} .flx_box.flx_5cols .flx_item {
width: calc(100% / 5 - 1em);
margin: 0 1em 2em 0;
flex: 0 1 calc(100% / 5 - 1em);
}
.flx_box.flx_5cols .flx_item:nth-of-type(5n) {
margin: 0 0 2em;
} .dir_rev {
flex-direction: row-reverse;
} .dir_col {
flex-direction: column;
} .dir_col_rev {
flex-direction: column-reverse;
} .map-box {
width: 100%;
height: 230px;
margin: 0 auto 1em;
overflow: hidden;
}
.map-box iframe {
width: 100%;
height: 100%;
margin: 0 auto;
}
.map-box img {
width: 100%;
height: auto;
margin: 0 auto;
}
#js-map-target {
width: 100%;
height: 150px;
margin: 0 auto;
} .scroll-box {
width: 100%;
margin: 0 auto 4%;
overflow-y: scroll;
}  .cat-box {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.cat-box span {
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 12px;
margin: 0 0 1em;
padding: 8px 2px;
}
.cat-box .cat {
background: #000;
color: #fff;
}
.cat-box .brackets-square {
padding: 1em 0;
margin: 8px 0 1em;
}
@-moz-document url-prefix() {
.cat-box .cat {
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
position: relative;
}
.cat-box .cat::after {
content: "";
display: block;
width: 100%;
height: 100%;
background: #000;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
}  .slider-box {
position: relative;
} .swiper-container {
width: 100%;
height: 100%;
position: relative;
}
.swiper-slide {
text-align: center; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide a {
position: relative;
}
.swiper-slide img {
width: 100%;
height: auto;
margin: 0 auto;
} .has-pager {
padding: 0 0 2em;
}
.has-pager.swiper-container-horizontal > .swiper-pagination-bullets,
.has-pager .swiper-pagination-custom,
.has-pager .swiper-pagination-fraction {
bottom: 0;
text-align: right;
}
.has-pager.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px;
}
.has-pager .swiper-pagination-bullet {
width: 10px;
height: 10px;
opacity: 1;
background: #fbcabc;
}
.has-pager .swiper-pagination-bullet-active,
.has-pager .swiper-pagination-bullet:hover {
background: #f15a24;
} .swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 22px;
height: 40px;
margin-top: 0;
z-index: 100;
cursor: pointer;
transform: translateY(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-arw-left.svg) no-repeat center / 100% auto;
right: inherit;
left: 3%;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-arw-right.svg) no-repeat center / 100% auto;
left: inherit;
right: 3%;
}
.swiper-button-next::after,
.swiper-button-prev::after {
content: none;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
opacity: 0.7;
}
.works .swiper-button-next:hover,
.works .swiper-button-prev:hover {
opacity: 1;
}    .archive-list {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
flex-direction: row-reverse;
margin: 0 0 4em;
}
.archive-list .list-item {
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
margin: 0 0 4em;
}
.archive-list .list-item a {
display: block;
width: 100%;
height: 100%; }
.archive-list .thum img {
width: auto;
height: auto;
max-width: inherit;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); min-height: 100%;
}
.archive-list .thum img.noimage {
width: 100%;
min-height: inherit;
}
.archive-list.horizontal .thum {
height: 250px;
}
.archive-list.horizontal .thum img {
width: 100%;
height: 100%;
position: relative;
top: inherit;
left: inherit;
transform: translate(0, 0);
min-height: inherit;
object-fit: cover;
object-position: center;
} .list-2cols .list-item {
width: 50%;
padding: 0 0 0 2em;
}
.list-2cols .list-item:nth-child(2n) {
padding: 0 2em 0 0;
}
.list-2cols .thum {
width: 42%;
margin: 0 auto;
overflow: hidden;
}
.list-2cols .thum a {
height: auto;
padding-top: 120%;
position: relative;
overflow: hidden;
}
.list-2cols .txt {
width: 58%;
padding: 0 0 0 1em;
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-direction: row-reverse;
}
.list-2cols .cat-box {
width: 30px;
max-height: 200px;
margin: 0 0 0 0.5em;
}
.list-2cols .item-ttl {
font-size: 18px;
margin: 0 0 0 0.5em;
width: 88px;
max-height: 200px;
line-height: 1.5;
}
.list-2cols .txt p {
font-size: 12px;
width: 20px; min-height: 200px;
margin: 0 0 0 8px;
}
.list-2cols .txt p span {
display: inline-block;
padding: 0 0 10px;
border-bottom: 1px solid #000;
margin: 0 0 10px 0;
}
.list-2cols .txt p.event_date span:not(:first-of-type) {
padding: 0;
border-bottom: none;
margin: 0 0 5px;
-webkit-text-combine: horizontal;
-moz-text-combine-upright: all;
-ms-text-combine-horizontal: all;
text-combine-upright: all;
letter-spacing: 0;
}
.list-2cols .txt p.last {
margin: 0 auto 0 0;
text-align: right;
} .list-3cols .list-item {
width: calc(100% / 3);
padding: 0 0 0 2em;
}
.list-3cols .list-item:nth-child(3n) {
}
.list-3cols .thum {
width: 100%;
margin: 0 auto 1em;
overflow: hidden;
}
.list-3cols .thum a {
padding-top: 90%;
position: relative;
}
.list-3cols .txt {
width: 100%;
}
.list-3cols .cat-box span {
padding: 0;
margin: 0;
font-size: 11px;
}
.list-3cols .cat-box .brackets-square {
padding: 1px 12px 0;
margin: 0 15px 5px 0;
}
.bg-bolor .brackets-square {
background: #d3cbc5;
}
.bg-bolor .brackets-square::before {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-blog.svg) no-repeat left center / 100% 100%;
}
.bg-bolor .brackets-square::after {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/brakets-blog.svg) no-repeat right center / 100% 100%;
}
.archive-list p + .cat-box.bg-bolor {
margin-top: 16px;
}
.list-3cols .item-ttl {
font-size: 1em;
}
.list-3cols .item-ttl a {
display: block;
white-space: nowrap;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
}
.list-3cols .txt p {
font-size: 12px;
white-space: nowrap;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
} .list-3cols.horizontal {
flex-direction: row;
}
.list-3cols.horizontal .list-item {
width: calc((100% - 8em) / 3);
padding: 0;
margin: 0 4em 4em 0;
}
.list-3cols.horizontal .list-item:nth-of-type(3n) {
margin: 0 0 4em;
}
.list-3cols.horizontal .thum a {
padding-top: 0;
}
.list-3cols.horizontal .cat-box span {
padding: 1px 12px 0;
margin: 0 15px 5px 0;
}
.list-3cols.horizontal .item-ttl a {
white-space: inherit;
word-break: inherit;
text-overflow: inherit;
line-height: 1.6;
}
.list-3cols.horizontal .txt p {
white-space: inherit;
word-break: inherit;
text-overflow: inherit;
padding: 0 0 0 55px;
text-indent: -54px;
margin: 5px 0 0;
}
.list-3cols.horizontal .more {
padding: 0 20px 0 0;
text-align: right;
}
.list-3cols.horizontal .more::after {
right: 0;
bottom: 2px;
} .txt-list {
width: 100%;
height: auto;
margin: 0 auto;
}
.txt-list .list-item {
width: 100%;
height: auto;
margin: 0 auto 5%;
}
.txt-list .list-item a {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
font-size: 1.4rem;
word-break: break-all;
word-wrap: break-word;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.txt-list .list-item a:hover {
}
.txt-list .list-item span {
display: inline-block;
margin: 0 15px 0 0;
}
.txt-list .list-item .update {
display: block;
margin: 0 0 5px;
font-size: 1.2em;
}    @-webkit-keyframes zoomInAnimation {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@keyframes zoomInAnimation {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
} @-webkit-keyframes lineDown {
0% {
height: 0;
}
100% {
height: 100%;
}
}
@keyframes lineDown {
0% {
height: 0;
}
100% {
height: 100%;
}
} @-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn_left {
0% {
opacity: 0;
transform: translateX(-50%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeIn_left {
0% {
opacity: 0;
transform: translateX(-50%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeIn {
opacity: 0;
transition: opacity 2s;
}
.fadeIn_left {
opacity: 0;
transition: opacity 2s, translateX 2s;
}
.fadeIn.is-show {
animation-name: fadeIn;
animation-duration: 1.5s;
animation-fill-mode: forwards;
}
.fadeIn_left.is-show {
animation-name: fadeIn_left;
animation-duration: 1.5s;
animation-fill-mode: forwards;
}
.delay01 {
animation-delay: 0s;
}
.delay02 {
animation-delay: 0.6s;
}
.delay03 {
animation-delay: 1.2s;
}
.delay04 {
animation-delay: 1.8s;
}
.delay05 {
animation-delay: 2.4s;
}
.delay06 {
animation-delay: 3s;
}   .main-visual {
width: 100%;
height: 100vh;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.main-visual .main-logo {
width: 14%;
max-height: 300px;
max-width: inherit;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
} .mv-slider {
width: 100%;
height: 100%;
}
.vegas-slide::after {
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.vegas-animation-zoomInAnimation {
animation: zoomInAnimation ease-out;
}
.main-visual .scroll-line {
width: 15px;
height: 100px;
position: absolute;
bottom: 1em;
left: 50%;
transform: translateX(-50%);
z-index: 10;
cursor: pointer;
}
.main-visual .scroll-line a {
display: block;
width: 100%;
height: 100%;
}
.main-visual .scroll-line span {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
}
.main-visual .scroll-line span::before {
content: "";
display: block;
width: 1px;
height: 100%;
margin: 0 auto;
background: #fff;
-webkit-animation: lineDown 1.5s linear 1s infinite both;
animation: lineDown 1.5s linear 1s infinite both;
} .main-visual.fadeIn {
-webkit-animation: fadeIn 1.2s linear 0.3s 1 forwards;
animation: fadeIn 1.2s linear 0.3s 1 forwards;
}
.main-visual .main-logo.ani_renew {
width: 150px;
opacity: 1;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.main-visual .ani_renew.is-show {
-webkit-animation: fadeOut 2s linear 3s 1 forwards;
animation: fadeOut 2s linear 3s 1 forwards;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.mv-movie {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
z-index: 1;
}
.mv-mask {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.24);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: hidden;
z-index: 3;
}
.mv-movie iframe {
height: 118vh;
width: 118vw;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.mvSwiper {
width: 100%;
height: 100vh;
position: relative;
}
.mvSwiper .swiper-slide,
.mvSwiper .slide-img {
width: 100%;
height: 100%;
position: relative;
}
.mvSwiper .slide-img {
transform: scale(1.2);
}
.mvSwiper .slide-img img {
height: 100vh;
width: 100vw;
object-fit: cover;
}
@keyframes zoom-in {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.mvSwiper .swiper-slide-active .slide-img,
.mvSwiper .swiper-slide-duplicate-active .slide-img,
.mvSwiper .swiper-slide-prev .slide-img {
animation: zoom-in 10s linear 0s 1 normal both;
}  .top_concept { height: 700px;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-concept.jpg) no-repeat center top / cover;
color: #fff;
padding: 300px 0 3em;
}
.top_concept .inner {
height: 340px;
position: relative;
}
.top_concept .flx_box {
height: 340px;
margin: 0 0 0 auto;
justify-content: flex-start;
flex-direction: row-reverse;
position: absolute;
bottom: 0;
right: 0;
}
.top_concept .main-ttl {
margin: 0 0 0 1em;
}
.top_concept .txt {
font-size: 1.5rem;
line-height: 3;
margin: 0 0 0 2em;
} _::-webkit-full-page-media,
_:future,
:root .top_concept .txt span.delay02.is-show,
_::-webkit-full-page-media,
_:future,
:root .top_concept .txt span.delay03.is-show {
animation-name: fadeIn;
} _:-ms-lang(x),
.top_concept .txt span.delay02.is-show,
_:-ms-lang(x),
.top_concept .txt span.delay03.is-show,
_:-ms-lang(x),
.top_concept .txt span.delay04.is-show {
animation-name: fadeIn;
}      @-moz-document url-prefix() {
.top_concept .main-ttl,
.top_concept .txt span {
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
.top_concept .main-ttl.fadeIn_left,
.top_concept .txt span.fadeIn_left,
.top_concept .btn {
opacity: 1;
animation: none;
}
.top_concept .main-ttl {
height: 290px;
}
.top_concept .flx_box {
opacity: 0;
animation-name: fadeIn;
animation-duration: 1.5s;
animation-delay: 4s;
animation-fill-mode: forwards;
}
}
.top_concept .btn {
margin: 0 0 0 auto;
text-align: right;
padding: 0 0 1em;
}
.top_concept .btn a {
margin: 0;
padding: 4em 12px;
}  .js-fix-area {
width: 100%;
position: relative;
}
.js-fix {
position: absolute;
right: 0;
top: 0;
}
.js-fix.is-show {
position: fixed;
}
.js-fix.is-end {
bottom: 0;
top: inherit;
}
.top_info {
width: 80px; height: 700px;
background: rgba(255, 255, 255, 0.9);
margin: 0 0 0 auto;
z-index: 100;
color: #000; }
.is-show .top_info {  }
.top_info.is-show {
height: 100vh; padding: 80px 0 0;
}  _:-ms-lang(x)::backdrop,
.top_info.is-show {
height: 100vh;
} _:lang(x)::-ms-,
.top_info.is-show {
height: 100vh;
} _:-ms-lang(x),
.top_info.is-show {
height: 100vh;
}
.top_info .flx_box {
padding: 10% 10px 2em;
height: 100%;
justify-content: center;
align-items: flex-end;
}
.top_info.is-show .flx_box {
padding: 30px 10px 20px;
}
_:-ms-lang(x)::-ms-backdrop,
.top_info .flx_box {
padding: 30px 10px 20px;
}
.top_info .txt-list {
padding: 30px 1em 0;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-info.svg) no-repeat center top / 15px 15px;
min-height: 50%;
max-height: calc(100% - 180px);
overflow: hidden;
margin: 0 0 auto;
}
.top_info .list-item {
height: 100%;
margin: 0;
}
.top_info .link-box { flex-direction: column;
max-height: 180px;
}
.top_info .link-icon {
margin: 1em auto 0;
width: 22px;
}
.top_info .link-icon img {
max-width: 100%;
}
_:-ms-lang(x)::-ms-backdrop,
.top_info .link-icon img {
height: auto;
}
.top_info .icon-fb {
width: 12px;
}
.top_info .icon-map { }
.top_info .icon-mail { }  .banner {
padding: 5em 0 3em;
}  .top_news {
padding: 7.5em 0 8em;
}
.top_news .box_vertical {
flex-wrap: wrap;
}
.top_news .main-ttl {
font-size: 18px;
margin: 0 0 0 2em;
}
.top_news .archive-list {
width: 90%;
margin: 0 auto;
}
.top_news .btn {
min-width: 240px;
}
.top_news .btn a {
display: block;
}  .ver02 .top_news {
padding: 6em 0;
}
.ver02 .top_news .inner {
max-width: 800px;
}
.ver02 .top_news .main-ttl {
margin: 0 0 2em;
font-size: 2rem;
}
.ver02 .top_news .archive-list {
width: 100%;
}
.ver02 .top_news .btn {
width: 260px;
}
.ver02 .top_news .btn a {
font-size: 1.5rem;
}  .top_blog {
padding: 5.5em 0 4em;
}
.top_blog .box_vertical {
flex-wrap: wrap;
height: 660px;
align-items: flex-start;
}
.top_blog .main-ttl {
margin: 0 0 0 2em;
}
.top_blog .archive-list {
width: 80%;
margin: 0 auto; }
.top_blog .btn {
height: 95%;
}
.top_blog .btn a {
display: block;
height: 280px;
margin: auto 0 0;
}  .ver02 .top_blog {
padding: 6em 0;
}
.ver02 .top_blog .inner {
max-width: 800px;
}
.ver02 .top_blog .main-ttl {
margin: 0 0 2em;
}
.ver02 .top_blog .archive-list {
width: 100%;
flex-direction: row;
}
.ver02 .top_blog .archive-list.horizontal .thum {
height: 190px;
}
.ver02 .top_blog .list-3cols.horizontal .cat-box span {
padding: 0;
}
.ver02 .top_blog .list-3cols.horizontal .txt p {
white-space: nowrap;
word-break: break-all;
text-overflow: ellipsis;
padding: 0;
text-indent: 0;
margin: 0;
font-weight: 300;
}
.ver02 .top_blog .btn {
height: auto;
width: 260px;
}
.ver02 .top_blog .btn a {
height: auto;
margin: 0 auto;
}  .top_works {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-works.jpg) no-repeat center / cover;
color: #fff;
padding: 6.7em 0 7.7em;
}
.top_works .main-ttl {
width: 50px;
margin: 0 auto 2em;
letter-spacing: 0.18em;
}
.top_works .main-ttl .line {
background: #fff;
}
.top_works .btn {
width: 60px;
height: auto;
}
.top_works .btn a {
font-size: 1.2em;
padding: 2em 10px;
letter-spacing: 0.2em;
}
_:-ms-lang(x)::-ms-backdrop,
.top_works .inner {
max-width: 120px;
}
_:-ms-lang(x)::backdrop,
.top_works .inner {
max-width: 140px;
}
_:-ms-lang(x)::-ms-backdrop,
.top_works .main-ttl {
max-height: 240px;
width: 100%;
}
_:-ms-lang(x)::backdrop,
.top_works .main-ttl {
max-height: 240px;
width: 100%;
}
_:-ms-lang(x)::-ms-backdrop,
.top_works .btn {
max-height: 240px;
width: 100%;
}
_:-ms-lang(x)::backdrop,
.top_works .btn {
max-height: 240px;
width: 100%;
}  .ver02 .top_works {
padding: 6em 0;
height: 680px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.ver02 .top_works .main-ttl {
width: 100%;
text-align: center;
margin: 0 auto 1.2em;
}
.ver02 .top_works .btn {
width: 250px;
font-size: 1.5rem;
}
.ver02 .top_works .btn a {
padding: 10px 2em;
width: 100%;
}  .top_showroom {
padding: 6.4em 0 5em;
}
.top_showroom .flx_box {
align-items: flex-start;
}
.top_showroom .flx_2cols .flx_item {
width: 25%;
flex: 0 1 auto;
margin: 0;
padding: 0 3em 0 0;
font-size: 1.5rem;
}
.top_showroom .flx_2cols .flx_item:last-child {
width: 75%;
margin: 0;
padding: 0 0 0 5em;
}
.top_showroom .main-ttl {
margin: -50px 0 3em auto;
width: 50px;
font-size: 2.4rem;
}
_:-ms-lang(x)::-ms-backdrop,
.top_showroom .main-ttl {
margin: -50px 0 70px auto;
width: 100%;
max-height: 240px;
}
_:-ms-lang(x)::backdrop,
.top_showroom .main-ttl {
margin: -50px 0 70px auto;
width: 100%;
max-height: 240px;
}
_:-ms-lang(x)::-ms-backdrop,
.top_showroom .txt {
margin: 0 0 0 auto;
width: 100%;
max-height: 380px;
}
_:-ms-lang(x)::backdrop,
.top_showroom .txt {
margin: 0 0 0 auto;
width: 100%;
max-height: 380px;
}
.top_showroom .txt {
}
.top_showroom .has-pager .swiper-pagination-bullet {
background: #fff;
}
.top_showroom .has-pager .swiper-pagination-bullet-active,
.top_showroom .has-pager .swiper-pagination-bullet:hover {
background: #f15a24;
}
.top_showroom .add-box {
width: 100%;
height: auto;
margin: 2em auto 3em;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.top_showroom .map {
width: 50%;
margin: 0;
overflow: hidden;
}
.top_showroom .map-box {
width: 100%;
height: 150px;
margin: 0 0 5px;
overflow: hidden;
}
.top_showroom .map a {
display: inline-block;
font-size: 1.3rem;
padding: 0 3em 0 0;
border-bottom: 1px solid #000;
position: relative;
}
.top_showroom .map a::after {
content: "";
width: 10px;
height: 1px;
display: block;
background: #000;
position: absolute;
bottom: 0;
right: -3px;
transform: rotate(35deg);
}
.top_showroom .add-box p {
width: 50%;
padding: 0 0 0 1.5em;
}
.top_showroom .btn {
width: 100%;
}
.top_showroom .btn a {
width: 100%;
}  .ver02 .top_showroom {
padding: 6.4em 0 6em;
}
.ver02 .top_showroom .inner {
max-width: 800px;
}
.ver02 .top_showroom .flx_2cols {
flex-direction: column;
}
.ver02 .top_showroom .flx_2cols .flx_item {
width: 100%;
padding: 0;
}
.ver02 .top_showroom .flx_2cols .flx_item:last-child {
width: 100%;
flex-direction: column;
}
.ver02 .top_showroom .main-ttl {
margin: 0 0 1em;
width: 100%;
font-size: 2.8rem;
font-weight: 300;
}
.ver02 .top_showroom .txt {
padding-left: 50px;
line-height: 2.2;
margin-bottom: 4em;
font-weight: 300;
}
.ver02 .top_showroom .txt .line {
margin: -5px 0 0 8px;
width: 40px;
height: 1px;
vertical-align: middle;
}
.ver02 .top_showroom .add-box {
font-weight: 300;
}  .sns {
padding: 5.5em 0 4.5em;
}
.sns .main-ttl {
margin: 0 0 2em 0;
padding: 50px 0 0;
position: relative;
font-size: 2.4rem;
line-height: 2.8;
}
.sns .main-ttl .line {
position: absolute;
top: 0;
right: 32px;
}
.sns .caption {
margin: 0 0 0 1em;
padding: 1em 0 0;
border-top: 1px solid #000;
font-size: 0.9em;
}
_:-ms-lang(x)::-ms-backdrop,
.sns .main-ttl {
margin: 0 0 40px 0;
width: 100%;
max-height: 280px;
}
_:-ms-lang(x)::-ms-backdrop,
.sns .caption {
max-height: 240px;
}
.sns .flx_box {
flex-direction: row-reverse;
align-items: center;
}
.sns .flx_2cols .flx_item {
width: 28%;
flex: 0 1 auto;
margin: 0;
padding: 0 0 0 5em;
font-size: 1.5rem;
}
.sns .flx_2cols .flx_item:last-child {
width: 72%;
margin: 0;
padding: 0;
}
.sns .follow {
font-size: 0.9em;
margin: 0 auto 2em;
display: inline-block;
padding: 0 0.5em;
}
.sns .icon-insta {
width: 18px;
height: 18px;
line-height: 1;
}
.widget-box {
}
.instagram-container {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.instagram-item {
margin: 0 0.5em 1em;
width: calc(100% / 3 - 1em);
}  .top_furniture {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-furniture.jpg) no-repeat center / cover;
color: #fff;
padding: 7.5em 0 4em;
}
.top_furniture .main-ttl {
width: 40%;
max-width: 370px;
margin: 0 0 0.7em auto;
}
.top_furniture .sub-ttl {
width: 40%;
margin: 0 0 1em auto;
}
.top_furniture .btn {
width: 40%;
margin: 0 0 0 auto;
}
.top_furniture .btn a {
width: 100%;
}  .ver02 .top_furniture .sub-ttl {
font-weight: 500;
}  .top_collabo {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-collaborate.jpg) no-repeat center / cover;
padding: 5em 0 4em;
}
.top_collabo .inner {
position: relative;
}
.top_collabo .logo-shindai {  width: 148px;
margin: 0;
position: absolute;
bottom: 0;
right: 0;
}
.top_collabo .main-ttl { margin: 0 auto 1em 0;
}
.top_collabo .main-ttl span {
font-size: 0.5em;
display: block;
margin: 0.5em 0 0;
}
.top_collabo .sub-ttl { font-size: 2.2rem;
margin: 0 auto 2em 0;
}
.top_collabo .sub-ttl::before {
content: "";
display: inline-block;
width: 42px;
height: 1px;
background: #000;
vertical-align: middle;
margin: 0 0.8em 0 0;
}
.top_collabo .sub-ttl span {
font-size: 0.8em;
display: block;
}
.top_collabo .btn {
width: 40%;
margin: 0 auto 0 0;
}
.top_collabo .btn a {
width: 100%;
}  .ver02 .top_collabo .main-ttl {
font-weight: 500;
}
.ver02 .top_collabo .main-ttl span {
font-weight: 300;
}  .top_about {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-about.jpg) no-repeat center / cover;
color: #fff;
}
.top_about .box_vertical {
height: 600px;
flex-wrap: wrap;
align-items: flex-end;
}
.top_about .main-ttl {
margin: 0 0 0 2em;
font-size: 2rem;
width: 50px;
height: 100%;
}
.top_about .btn {
margin: auto 0 0 1.2em;
height: 90%;
width: 70px;
font-family: ten-mincho-text, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top_about .btn a {
height: 300px;
padding: 1.2em 10px;
font-size: 1.6em;
letter-spacing: 0.15em;
margin: auto 0 0 0;
display: block;
text-align: left;
}  .ver02 .top_about {
height: 550px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ver02 .top_about .main-ttl {
margin: 0 auto 2em;
font-size: 2.8rem;
width: 100%;
height: auto;
text-align: center;
}
.ver02 .top_about .btn {
margin: 0 auto 1.2em;
height: auto;
width: 300px;
}
.ver02 .top_about .btn a {
height: 100%;
padding: 10px 1.2em;
font-size: 1.5rem;
margin: 0 auto;
text-align: center;
}  .ver02 .top_staff .main-ttl {
font-weight: 300;
}  .top_column {
height: 540px;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-column.jpg) no-repeat center / cover;
color: #fff; display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.top_column .main-ttl {
margin-bottom: 35px;
letter-spacing: 0.1em;
font-weight: 300;
}
.top_column .btn {
width: 250px;
}
.top_column .btn a {
display: block;
}  .page-top {
width: 60px;
height: 60px;
position: absolute;
top: 2em;
right: 1em;
z-index: 998; }
.page-top.is-fixed { }
.page-top a {
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
background: rgba(255, 255, 255, 0);
}
.page-top a:hover {
opacity: 1;
background: rgba(255, 255, 255, 0.2);
}   .main-footer {
width: 100%;
height: auto;
margin: 0 auto;
padding: 3em 0 20px;
background: #262626;
color: #fff;
position: relative;
}
.main-footer .flx_2cols .flx_item {
margin: 0;
}
.main-footer .flx_2cols .flx_item:nth-of-type(2n) {
margin: 0 0 4em;
}
.main-footer .main-logo {
margin: 0 0 5em;
width: 30%;
}
.main-footer .add {
font-size: 1.5rem;
margin: 0 0 2em;
}
.main-footer .add p {
margin: 0 0 5px;
}
.main-footer .add address {
font-style: normal;
}
.main-footer .vertical {
margin: 3em 0 6em auto;
}
.main-footer .vertical .item-ttl {
margin: 0 0 0 1em;
}
.main-footer .area-list li {
font-size: 1.5rem;
margin: 0 5px;
}
.main-footer .link-box {
display: flex;
justify-content: space-between;
align-items: stretch;
color: #fff;
}
.main-footer .link-box > div {
width: 47%;
height: 110px;
}
.main-footer .link-box div:first-child {
font-size: 2.2rem;
}
.main-footer .link-box .link-btn {
margin: 0;
width: 100%;
height: 100%;
color: #fff;
}
.main-footer .link-box div:last-child .link-btn {
padding: 2em 1em;
}
.ft-link {
width: 100%;
font-size: 10px;
margin: 0;
}
.ft-link a {
color: #fff;
}
.copy {
width: 100%;
font-size: 10px;
} @media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
.main-footer .flx_2cols {
display: block;
}
*::-ms-backdrop,
.main-footer .flx_2cols::after {
content: "";
display: block;
clear: both;
}
*::-ms-backdrop,
.main-footer .flx_2cols .flx_item {
width: 45%;
float: left;
}
*::-ms-backdrop,
.main-footer .flx_2cols .flx_item:last-child {
width: 50%;
float: right;
}
*::-ms-backdrop,
.main-footer .vertical {
margin: 3em 0 2em auto;
height: 240px;
}
}
_:-ms-lang(x)::backdrop,
.main-footer .flx_2cols {
display: block;
}
_:-ms-lang(x)::backdrop,
.main-footer .flx_2cols::after {
content: "";
display: block;
clear: both;
}
_:-ms-lang(x)::backdrop,
.main-footer .flx_2cols .flx_item {
width: 45%;
float: left;
}
_:-ms-lang(x)::backdrop,
.main-footer .flx_2cols .flx_item:last-child {
width: 50%;
float: right;
}
_:-ms-lang(x)::backdrop,
.main-footer .vertical {
margin: 3em 0 2em auto;
height: 240px;
}  .ver02 .main-footer .add,
.ver02 .main-footer .item-ttl,
.ver02 .main-footer .area-list li,
.ver02 .main-footer .link-box {
font-weight: 300;
}
@media screen and (max-width: 1024px) { body {
font-size: 1.4em;
}
.pc {
display: none;
}
.sp {
display: block;
}     .btn a {
font-size: 1em;
}   .content {
padding: 0;
}
.inner {
max-width: 100%;
}   .main-header {
}
.main-header .main-logo {
width: 20%;
}
.main-header .contact-item {
display: none;
}   .gnav .drawer-hamburger {
top: 22px;
}
.drawer-open .gnav {
width: 50vw;
min-width: auto;
}
.main-menu li {
font-size: 1.6em;
}
.sub-menu li {
font-size: 1.2em;
}      .swiper-button-next,
.swiper-button-prev {
font-size: 3rem;
}   .archive-list {
margin: 0 0 2em;
}
.archive-list .list-item {
margin: 0 0 3em;
} .list-2cols .list-item {
padding: 0 0 0 1em;
}
.list-2cols .list-item:nth-child(2n) {
padding: 0 1em 0 0;
}
.list-2cols .txt {
padding: 0 0 0 0.5em;
}
.list-2cols .item-ttl {
font-size: 1.1em;
width: 65px;
line-height: 1.5;
}
.list-2cols .txt p {
margin: 0 0 0 0.5em;
}   .base {
padding: 3em 0;
}
.main-ttl {
font-size: 2.4rem;
}
.sub-ttl {
font-size: 2rem;
}
.item-ttl {
}
.caption {
}
.map-box {
height: 320px;
}
.brackets-square::before,
.brackets-square::after {
width: 108%;
}
.brackets-square::before {
top: -7px;
}
.brackets-square::after {
bottom: -7px;
}   .main-visual .main-logo {
width: 20%;
top: 30%;
transform: translate(-50%, 0);
} .main-visual .main-logo.ani_renew {
width: 150px;
}   .top_concept { height: auto;
padding: 32% 2em 3em;
}
.top_concept .inner {
height: auto;
}
.top_concept .flx_box {
position: relative;
bottom: inherit;
right: inherit;
}   .banner .swiper-slide .pc {
display: block;
}
.banner .swiper-slide .sp {
display: none;
}   .top_news {
}
.top_news .main-ttl {
margin: 0 0 0 1em;
}   .top_blog .main-ttl {
margin: 0 0 0 1em;
}
.top_blog .box_vertical {
height: 500px;
}   .top_works .main-ttl {
margin: 0 auto 1em;
}  .ver02 .top_works {
padding: 4em 0;
height: 400px;
}   .top_showroom .flx_2cols .flx_item {
width: 35%;
margin: 0 auto 1em;
padding: 0;
}
.top_showroom .flx_2cols .flx_item:last-child {
width: 100%;
margin: 0;
padding: 0;
}
.top_showroom .flx_2cols .flx_item:first-child {
display: flex;
justify-content: flex-start;
align-items: flex-start;
min-height: 380px;
}
.top_showroom .main-ttl {
margin: 0;
}
.top_showroom .txt {
padding: 50px 0 0;
}  .ver02 .top_showroom {
padding: 4em 0;
}
.ver02 .top_showroom .flx_2cols .flx_item:first-child {
flex-direction: column;
min-height: inherit;
}
.ver02 .top_showroom .txt {
padding: 0 0 0 50px;
margin: 0 0 4em;
}  .sns .flx_2cols .flx_item:first-child { width: 45%;
margin: 0 auto 1em;
padding: 0;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: row-reverse;
flex-wrap: wrap; height: 320px;
}
.sns .flx_2cols .flx_item:last-child {
width: 100%;
}
.sns .main-ttl {
margin: 0 0 0 2em;
}
.sns .caption {
margin: 50px 0 0 auto;
}  .top_furniture {
padding: 6em 0 3em;
}  .top_collabo {
padding: 4em 0 3.5em;
}
.top_collabo .main-ttl { }
.top_collabo .sub-ttl { margin: 0 auto 1em 0;
}
.top_collabo .logo-shindai {
right: 1em;
}  .ver02 .top_staff {
height: auto;
}  .ver02 .top_column {
padding: 4em 0;
height: 450px;
}  .top_about .box_vertical {
height: 400px;
}
.top_about .btn a {
height: 240px;
font-size: 1.2em;
}  .fix-nav {
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
position: fixed;
z-index: 999;
bottom: 0;
left: 0;
transform: translateY(100%);
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
}
.fix-nav.is-fixed {
transform: translateY(0);
}
.fix-nav a {
width: 50%;
font-size: 1.5rem;
padding: 0.5em;
text-align: center;
background: #f15a24;
color: #fff;
border-right: 1px solid #fff;
}
.fix-nav a:last-child {
border-right: none;
}
.fix-nav .icon {
width: 14px;
height: 10px;
vertical-align: middle;
margin: 0 8px 0 0;
}
.fix-nav .icon.phone {
height: 14px;
}  .page-top {
width: 40px;
height: 40px;
top: 1.2em;
}   .main-footer {
padding: 3em 0 4em;
}
.main-footer .flx_2cols .flx_item,
.main-footer .flx_2cols .flx_item:nth-of-type(2n) {
margin: 0;
}
.main-footer .main-logo {
margin: 0 0 3em;
width: 28%;
}
.main-footer .add {
font-size: 1.2rem;
}
.ft-link {
margin: 0 0 5px;
}
.main-footer .vertical {
margin: 3em 0 0 auto;
height: 300px; }
.main-footer .vertical .item-ttl {
margin: 0 0 0 1em;
font-size: 1.1em;
display: inline-block;
}
.main-footer .area-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
margin: 0;
}
.main-footer .area-list li {
font-size: 1.3rem;
height: 50%;
}
.main-footer .link-box {
display: none;
}
}
@media screen and (max-width: 767px) {    .btn {
}
.btn a {
}
.btn.vertical a {
padding: 2em 10px;
}   .content {
}
.inner {
padding: 0 1em;
}      .drawer-open .gnav {
width: 100vw;
}
.main-menu {
border-bottom: none;
margin: 0 auto 0 0;
width: auto;
}
.main-menu li {
margin: 0 1.5em 0 0.6em;
}
.sub-menu {
padding: 1.5em 0 0.7em;
border-top: 1px solid #fff;
}    .swiper-button-next,
.swiper-button-prev {
width: 12px;
height: 36px;
}   .archive-list .list-item {
margin: 0 0 3em;
} .list-2cols .list-item {
flex-direction: column;
}
.list-2cols .thum {
width: 100%;
}
.list-2cols .txt {
width: 100%;
min-height: 70%;
padding: 1em 0 0;
}
.list-2cols .cat-box {
margin: 0 0 0 8px;
}
.list-2cols .item-ttl { } .list-3cols .list-item {
width: calc(100% / 2);
padding: 0 1em;
}
.list-3cols .item-ttl {
font-size: 1.15em;
} .list-3cols.horizontal .list-item {
width: calc((100% - 2em) / 2);
padding: 0;
margin: 0 2em 4em 0;
}
.list-3cols.horizontal .list-item:nth-of-type(3n) {
margin: 0 2em 4em 0;
}
.list-3cols.horizontal .list-item:nth-of-type(2n) {
margin: 0 0 4em;
}
.list-3cols.horizontal .item-ttl {
font-size: 1.4rem;
}   .brackets-square::before,
.brackets-square::after {
width: 105%;
}
.brackets-square::before {
top: -6px;
}
.brackets-square::after {
bottom: -6px;
}   .main-visual .main-logo {
width: 24%;
} .main-visual .main-logo.ani_renew {
width: 144px;
}   .top_concept {
padding: 42% 2em 3em;
}
.top_concept .flx_box { margin: 0 auto;
justify-content: center;
}
.top_concept .main-ttl {
margin: 0 0 0 10px;
}
.top_concept .txt {
font-size: 1.4rem; }
.top_concept .btn a {
margin: 0;
padding: 4em 10px;
}   .top_news .main-ttl {
margin: 0;
position: absolute;
top: 80px;
right: 15px;
}
.top_news .main-ttl.is-fix {
position: fixed;
}
.top_news .main-ttl.is-end {
position: absolute;
bottom: 140px;
top: inherit;
}
.top_news .archive-list {
width: 88%;
margin: 0 auto 0 0;
}  .ver02 .top_news .main-ttl {
margin: 0 auto 1.2em;
text-align: center;
position: relative;
top: inherit;
right: inherit;
}
.ver02 .top_news .archive-list {
width: 40%;
margin: 0 auto;
}
.ver02 .top_news .list-3cols.horizontal .list-item {
width: 100%;
margin: 0 0 2em !important;
}   .top_blog .box_vertical {
height: auto;
}
.top_blog .main-ttl { margin: 0;
position: absolute;
top: 80px;
right: 15px;
}
.top_blog .main-ttl.is-fix {
position: fixed;
}
.top_blog .main-ttl.is-end {
position: absolute;
bottom: 140px;
top: inherit;
}
.top_blog .archive-list {
width: 90%;
margin: 0 auto 0 0;
}
.top_blog .btn {
min-width: 100%;
height: auto;
-webkit-writing-mode: inherit;
-ms-writing-mode: inherit;
writing-mode: inherit;
}
.top_blog .btn a {
padding: 10px 1em;
height: auto;
}  .ver02 .top_blog {
padding: 3em 0 5em;
}
.ver02 .top_blog .main-ttl {
margin: 0 0 1.2em;
position: relative;
top: inherit;
right: inherit;
text-align: center;
}
.ver02 .top_blog .btn {
min-width: 260px;
}
.ver02 .top_blog .archive-list {
width: 40%;
margin: 0 auto;
}
.ver02 .top_blog .list-3cols.horizontal .list-item {
width: 100%;
margin: 0 0 2em !important;
}   .top_works {
padding: 5em 0;
}
.top_works .main-ttl {
margin: 0 auto 1em;
}  .ver02 .top_works .main-ttl {
font-size: 2.6rem;
margin: 0 auto 1em;
}
.ver02 .top_works .btn {
width: 150px;
min-width: 150px;
font-size: 1.4rem;
}
.ver02 .top_works .btn a {
font-size: 1.4rem;
}   .top_showroom .flx_2cols .flx_item {
width: 55%;
}
.top_showroom .flx_2cols .flx_item:first-child {
width: 55%;
justify-content: center;
}
.top_showroom .txt {
font-size: 1.4rem;
margin: 0 0 0 2em;
}
.top_showroom .add-box {
font-size: 1.3rem;
}
.top_showroom .map a {
font-size: 1.2rem;
}  .ver02 .top_showroom .flx_2cols .flx_item:first-child {
width: 75%;
}
.ver02 .top_showroom .flx_2cols .flx_item:last-child {
display: block;
width: 75%;
}
.ver02 .top_showroom .main-ttl {
font-size: 2.4rem;
}
.ver02 .top_showroom .txt {
margin: 0 0 2em;
padding: 0;
font-size: 1.5rem;
}
.ver02 .top_showroom .add-box {
font-size: 1.5rem;
flex-direction: column-reverse;
}
.ver02 .top_showroom .add-box p {
width: 100%;
padding: 0;
}
.ver02 .top_showroom .map a {
font-size: 1.5rem;
}   .sns .flx_2cols .flx_item:first-child { width: 55%;
}
.sns .caption {
font-size: 1.4rem;
}
.sns .follow {
font-size: 0.8em;
margin: 0 8px 1em;
}   .top_furniture .inner {
padding: 0 2em;
}
.top_furniture .main-ttl {
width: 50%;
}
.top_furniture .sub-ttl {
width: 50%;
}
.top_furniture .btn {
width: 50%;
min-width: inherit;
}   .top_collabo .inner {
padding: 0 2em;
}   .top_about .inner {
padding: 0 2em;
}  .ver02 .top_about {
height: 450px;
}
.ver02 .top_about .btn:nth-of-type(1) {
margin: 0 auto;
}  .ver02 .top_column {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-column_sp.jpg) no-repeat center bottom / cover;
}   .main-footer {
}
}
@media screen and (max-width: 479px) { .sp-only {
display: block;
}
.inner {
padding: 0 1em;
}
.btn {
min-width: auto;
}
.btn a {
padding: 8px 1em;
}
.btn-box .btn {
margin: 0 0.5em 0 0;
width: calc(100% / 2 - 1em);
}
.btn-box .btn:nth-child(even) {
margin: 0 0 0 0.5em;
}   .main-header {
padding: 10px; }
.main-header.is-fixed,
.sub .main-header { }
.main-header .main-logo {
width: 35%;
}
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-hamburger {
right: 10px;
}   .gnav .nav_inner {
padding: 90px 30px 30px;
}
.main-menu {
width: 100%;
}
.main-menu li { }
.main-menu li {
margin: 0 1.2em 0 0;
}
.sub-menu li { }       .list-2cols .list-item,
.list-2cols .list-item:nth-child(2n) {
width: 100%;
padding: 0 0 1em;
margin: 0 auto 2em;
}
.list-2cols .cat-box {
margin: 0 0 0 5px;
max-height: none;
}
.list-2cols .txt p {
font-size: 11px;
width: 22px;
} .list-3cols .list-item {
width: 100%;
padding: 0;
} .list-3cols.horizontal .list-item {
width: calc((100% - 1em) / 2);
margin: 0 1em 2em 0;
}
.list-3cols.horizontal .list-item:nth-of-type(3n) {
margin: 0 1em 2em 0;
}
.list-3cols.horizontal .list-item:nth-of-type(2n) {
margin: 0 0 2em;
}
.archive-list.horizontal .thum {
height: 190px;
}   .base {
}
.main-title {
}
.sub-title {
}
.item-tit {
}
.caption {
}
.map-box {
margin: 0 auto 20px;
}
.cat-box span {
font-size: 10px;
}
.brackets-square::before,
.brackets-square::after {
width: 108%;
}   .main-visual .main-logo {
width: 30%;
} .main-visual .main-logo.ani_renew {
width: 108px;
}   .top_concept {
padding: 72% 0 2em;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-concept.jpg) no-repeat left 18% top / cover;
}
.top_concept .flx_box { height: 280px;
}
.top_concept .txt {
line-height: 2;
}
.top_concept .txt br {
display: none;
}
.top_concept .txt br.sp-only {
display: block;
}   .banner .swiper-slide .pc {
display: none;
}
.banner .swiper-slide .sp {
display: block;
}   .top_news .main-ttl {
margin: 0;
position: absolute;
top: 80px;
right: 10px;
}
.top_news .main-ttl.is-fix {
position: fixed;
}
.top_news .main-ttl.is-end {
position: absolute;
bottom: 120px;
top: inherit;
}
.top_news .archive-list {
width: 85%;
margin: 4em auto 0 0; }
.top_news .list-2cols .list-item,
.top_news .list-2cols .list-item:nth-child(2n) {
width: 50%;
padding: 0 0.5em;
margin: 0 0 2em;
}
.top_news .list-2cols .item-ttl {
width: 28px;
font-size: 1em;
max-height: none;
}
.top_news .list-2cols .item-ttl br {
display: none;
}
.top_news .archive-list .list-item a {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}  .ver02 .top_news .archive-list {
width: 210px; }
.ver02 .top_news .list-3cols.horizontal .list-item {
margin: 0 0 3em !important;
}   .top_blog .main-ttl {
margin: 0;
position: absolute;
top: 80px;
right: 10px;
}
.top_blog .main-ttl.is-fix {
position: fixed;
}
.top_blog .main-ttl.is-end {
position: absolute;
bottom: 120px;
top: inherit;
}
.top_blog .archive-list {
width: 75%;
margin: 4em auto 0 30px;
}  .ver02 .top_blog .archive-list {
width: 210px;
}
.ver02 .top_blog .list-3cols.horizontal .list-item {
margin: 0 0 3em !important;
}   .top_works {
padding: 6em 0;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-works_sp.jpg) no-repeat center top / cover;
}
.top_works .main-ttl {
margin: 0 auto 2em;
}   .top_showroom .flx_2cols .flx_item:first-child {
width: 100%;
}
.top_showroom .add-box {
margin: 1em auto 3em;
flex-direction: column-reverse;
}
.top_showroom .map {
width: 100%;
margin: 1em auto 0;
}
.top_showroom .add-box p {
width: 100%;
padding: 0;
}  .ver02 .top_showroom {
padding: 6em 0 4em;
}
.ver02 .top_showroom .flx_2cols .flx_item:first-child {
width: 100%;
}
.ver02 .top_showroom .flx_2cols .flx_item:last-child {
width: 100%;
}
.ver02 .top_showroom .main-ttl {
margin: 0 0 0.8em;
}   .sns .flx_2cols .flx_item:first-child {
width: 100%;
}
.sns .main-ttl {
margin: 0 0 0 12%;
}
.sns .caption {
margin: 50px 0 0 0;
}
.instagram-item {
width: calc(100% / 2 - 1em);
}   .top_furniture {
padding: 20em 0 3em;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-furniture_sp.jpg) no-repeat center top / cover;
}
.top_furniture .main-ttl {
width: 100%;
margin: 0 0 0.8em;
}
.top_furniture .sub-ttl,
.top_furniture .btn {
width: 100%;
}   .top_collabo {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-collaborate_sp.jpg) no-repeat center top / cover;
padding: 4em 0;
}
.top_collabo .inner {
padding: 6em 1.5em 0;
}
.top_collabo .main-ttl {
line-height: 1.6;
font-size: 3rem;
letter-spacing: 0.05em;
margin: 0 auto 0.5em 0;
}
.top_collabo .sub-ttl {
margin: 0 auto 3.5em;
font-size: 2.4rem;
}
.top_collabo .sub-ttl span {
letter-spacing: 0.05em;
font-size: 0.9em;
}
.top_collabo .btn {
width: 100%;
margin: 0 auto;
}
.top_collabo .logo-shindai {
right: 2em;
bottom: 93%;
}  .ver02 .top_collabo .main-ttl {
font-size: 2.6rem;
}
.ver02 .top_collabo .main-ttl span {
font-size: 1.3rem;
}
.ver02 .top_collabo .sub-ttl {
font-size: 2rem;
}
.ver02 .top_collabo .btn {
width: 260px;
}
.ver02 .top_collabo .btn a {
width: 100%;
font-size: 1.5rem;
}   .top_about {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-about_sp.jpg) no-repeat center top / cover;
}
.top_about .box_vertical {
height: auto;
}
.top_about .main-ttl {
margin: 0 0 3em;
width: 100%;
height: 220px;
}
.top_about .btn {
margin: 0 0 0 1em;
height: 240px;
width: 56px;
}   .fix-nav a {
font-size: 1.2rem;
line-height: 1.5;
position: relative;
}
.fix-nav a:last-child {
padding: 1.2em 0.5em;
}
.fix-nav .icon {
position: absolute;
top: 50%;
left: 1.5em;
transform: translateY(-50%);
}  .page-top {
width: 40px;
height: 40px;
top: 1.2em;
bottom: inherit;
}   .main-footer {
padding: 5.5em 0 4em;
}
.main-footer .inner {
padding: 0 1.5em;
}
.main-footer .flx_2cols {
flex-direction: column-reverse;
}
.main-footer .flx_2cols .flx_item,
.main-footer .flx_2cols .flx_item:nth-of-type(2n) {
width: 100%;
flex: 0 1 100%;
}
.main-footer .main-logo {
margin: 0 0 2em;
width: 30%;
}
.main-footer .vertical {
margin: 0 0 0 auto;
height: 200px;
}
.copy {
}
}
@media screen and (max-width: 360px) { .archive-list.horizontal .thum {
height: 160px;
}
}
    .column .archive-list .list-item a:hover {
opacity: 1;
}   .mv-slider .vegas-slide::after {
background-color: transparent !important;
}   .top_staff {
height: 540px;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-staff.jpg) no-repeat center top / cover;
color: #fff;
padding: 250px 0 156px;
text-align: center;
}
.top_staff h2 {
margin-bottom: 35px;
letter-spacing: .1em;
}
.top_staff h2 span {
letter-spacing: -.1em;
}
.top_staff .btn {
max-width: 251px;
min-width: 251px;
}
.top_staff .btn a {
display: block;
}   .top_showroom .map {
width: 48%;
}
.top_showroom .map-box {
height: auto;
}
.top_showroom .add-box p {
padding: 1.7em 0 0 1em;
}   .top_showroom .line {
display: inline-block;
margin: 0 auto 8px;
position: relative;
width: 1px;
height: 40px;
background: #000;
}
.top_showroom .flx_2cols .flx_item {
width: 70%;
flex: 0 1 auto;
margin: 0;
padding: 0 3em 0 0;
font-size: 1.5rem;
}
.top_showroom .flx_2cols .flx_item:last-child {
width: 30%;
margin: 0;
padding: 0;
display: flex;
flex-direction: row-reverse;
}   .top_about .btn a {
height: 235px;
padding-top: 10%;
padding-bottom: 10%;
}
.about .concept .greeting .txt-box {
margin: 0 auto 6em;
flex: 0 1 auto;
width: 75%;
}
.about .concept .greeting .txt {
columns: 1;
height: auto !important;
letter-spacing: 1px;
}
.about .concept .greeting .txt-box p {
margin-top: 40px;
text-align: right;
font-size: 24px;
}
.about .concept .greeting .txt-box p .date {
display: block;
font-size: 14px;
margin-bottom: 10px;
}
.about .concept .greeting .txt-box p .title {
display: inline-block;
font-size: 17px;
margin-right: 20px;
}   .staff .post_content .flx_item.txt {
flex-wrap: wrap;
width: 60% !important;
}
.staff .post_content .flx_item h5, .staff .post_content .flx_item .job, .staff .post_content .flx_item .profile {
width: 100%;
}
.staff .post_content .flx_item h5 {
margin: 0 !important;
}
.staff .post_content .flx_item h5 .alphabet {
font-size: 1.6rem;
display: block;
font-weight: normal;
}
.staff .post_content .profile dl {
margin: 0 !important;
}
.staff .post_content .profile dl dt {
margin-right: 10px
}
.staff .post_content .profile p {
margin: 0 !important;
}   .top_collabo .main-ttl {
margin: 0 auto 1.5em 0;
}   .main-visual .main-logo img {
max-height: 300px;
width: auto;
}
@media screen and (max-width: 1024px) {    .top_showroom .pc {
display: none !important;
}
.top_showroom .flx_2cols .flx_item {
margin: 0 auto;
}
.top_showroom .flx_2cols .flx_item:first-child {
flex-direction: row-reverse;
}
.top_showroom .flx_box.flx_2cols .flx_item:nth-of-type(2n) {
margin: 0 auto 2em;
}
.top_showroom .txt {
margin: 0 2em 0 0;
}   .main-visual {
height: 100svh;
}
.main-visual .main-logo {
top: 50%;
transform: translate(-50%, -50%);
}
}
@media screen and (max-width: 767px) {    .top_staff {
height: auto;
padding: 55% 0;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-staff_sp.jpg) no-repeat left 18% top / cover;
}
.top_staff .inner {
padding: 0 2em;
}
.top_staff .btn {
min-width: 100%;
}   .top_showroom .map {
width: 100%;
margin: 1.5em auto 0;
}
.top_showroom .add-box p {
padding: 0;
}
.top_showroom .map-box {
height: auto;
}   .top_showroom .flx_2cols .flx_item {
width: 100%;
padding: 0;
}
.top_showroom .flx_2cols .flx_item:first-child {
min-height: 345px;
}
.top_showroom .flx_2cols .flx_item:last-child {
display: none;
}
.top_showroom .map {
width: 100%;
}   .top_about .inner {
padding: 0 10px;
}
.top_about .main-ttl {
height: 250px;
font-size: 18px;
}
.top_about .btn:nth-of-type(1) {
margin: 0 2em 0 1em;
}
.top_about .btn a {
height: 220px;
padding-top: 26%;
padding-bottom: 26%;
}
.about .concept .greeting .txt-box {
width: 85%;
}
}
@media screen and (max-width: 479px) {   .ver02 .top_blog .archive-list {
width: 90%;
}
.ver02 .top_blog .list-3cols.horizontal .list-item {
padding: 0 1em;
}
.ver02 .top_blog .archive-list.horizontal .thum {
height: auto;
}
.ver02 .top_blog .list-3cols.horizontal .thum a {
padding-top: 90%;
position: relative;
}
.ver02 .top_blog .archive-list.horizontal .thum img {
width: auto;
height: auto;
max-width: inherit;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
}   .ver02 .top_news .inner {
max-width: 820px;
margin-left: auto;
margin-right: auto;
align-items: flex-start;
flex-direction: column;
}
.ver02 .top_news .archive-list {
width: 100%;
margin: 0 auto 2em;
}
.ver02 .top_news .list-3cols.horizontal .list-item {
width: calc((100% - 1em) / 2);
margin: 0 0em 2em 0 !important;
}    .staff .post_content .flx_item .profile {
height: auto !important;
}
.staff .post_content .profile dl dd {
padding: 0 0 0 10px !important;
}
.staff .post_content .flx_item.txt {
width: 100% !important;
}
.staff .post_content .flx_item .job {
margin: 1em 0 !important;
}
.staff .post_content .flx_item h5 .alphabet {
font-size: 1.5rem;
}
}
@media (orientation: landscape) and (max-width: 767px) { .main-visual .scroll-line {
left: auto;
right: 5%;
}
}
@media screen and (max-width: 479px) {   .top_collabo {
padding: 5em 0 7em;
}
.top_collabo .main-ttl {
margin: 0 auto 2em;
text-align: center;
}
}
@media screen and (max-width: 360px) {   .about .concept .greeting .txt-box {
width: 100%;
}
.about .concept .greeting .txt {
letter-spacing: 0;
}
.about .concept .greeting .txt-box p {
font-size: 17px;
}
.about .concept .greeting .txt-box p .date {
font-size: 13px;
margin-bottom: 5px;
}
.about .concept .greeting .txt-box p .title {
font-size: 14px;
margin-right: 15px;
}
}
   .top_atelier {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-atelier-shinonoi.jpg) no-repeat center / cover;
color: #fff;
padding: 12em 0 15em;
}
.top_atelier .main-ttl {
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
.top_atelier .main-ttl {
width: 50px;
margin: 0 auto 2em;
letter-spacing: 0.18em;
}
.top_atelier .main-ttl .line {
background: #fff;
}
.top_atelier .btn {
width: 60px;
height: auto;
}
.top_atelier .btn a {
font-size: 1.2em;
padding: 2em 10px;
letter-spacing: 0.2em;
}
_:-ms-lang(x)::-ms-backdrop, .top_atelier .inner {
max-width: 120px;
}
_:-ms-lang(x)::backdrop, .top_atelier .inner {
max-width: 140px;
}
_:-ms-lang(x)::-ms-backdrop, .top_atelier .main-ttl {
max-height: 240px;
width: 100%;
}
_:-ms-lang(x)::backdrop, .top_atelier .main-ttl {
max-height: 240px;
width: 100%;
}
_:-ms-lang(x)::-ms-backdrop, .top_atelier .btn {
max-height: 240px;
width: 100%;
}
_:-ms-lang(x)::backdrop, .top_atelier .btn {
max-height: 240px;
width: 100%;
}  .icon-mapbox {
font-size: 2.35rem;
margin-right: 1em;
}
.icon.map {
height: 24px;
}
.icon.map img {
width: auto;
height: 100%;
max-width: inherit;
line-height: 24px;
}  .ver02 .top_atelier {
padding: 6em 0;
height: 570px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.ver02 .top_atelier .main-ttl {
width: 100%;
text-align: center;
margin: 0 auto 1.2em;
}
.ver02 .top_atelier .btn {
width: 250px;
font-size: 1.5rem;
}
.ver02 .top_atelier .btn a {
padding: 10px 2em;
width: 100%;
}
.atelier-shinonoi .mv.page-ttl {
padding: 0 !important;
position: relative;
z-index: 2;
height: 100vh;
height: calc(100vh - 90px);
background: #fff;
}
.atelier-shinonoi .mv.page-ttl .inner {
padding: 0 !important;
transform: translate(-50%, -50%);
position: absolute;
top: 40%;
left: 50%;
margin: auto;
}
.atelier-shinonoi .mv.page-ttl .line {
display: inline-block;
position: relative;
background: #000;
margin: 0 10px 5px 0;
vertical-align: middle;
width: 1px;
height: 40px;
}
.atelier-shinonoi .mv.page-ttl .ttl-box {
margin: 0 auto;
}
.atelier-shinonoi .mv.page-ttl .main-ttl {
font-size: 2.8rem;
position: relative;
right: 0;
margin: 0 0 0 1.5em;
}
.atelier-shinonoi .mv.page-ttl .caption {
margin: 2.5em 0 0 0;
font-size: 1.5rem;
line-height: 2.15;
} .atelier-shinonoi .scroll-line {
width: 15px;
height: 100px;
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.atelier-shinonoi .scroll-line a {
display: block;
width: 100%;
height: 100%;
}
.atelier-shinonoi .scroll-line span {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
}
.atelier-shinonoi .scroll-line span::before {
content: "";
display: block;
width: 1px;
height: 100%;
margin: 0 auto;
background: #000;
-webkit-animation: lineDown 1.5s linear 1s infinite both;
animation: lineDown 1.5s linear 1s infinite both;
} @-webkit-keyframes lineDown {
0% {
height: 0;
}
100% {
opacity: 1;
height: 100%;
}
}
@keyframes lineDown {
0% {
height: 0;
}
100% {
opacity: 1;
height: 100%;
}
}
.atelier-shinonoi .concept01 .inner {
top: 10%;
right: 3%;
max-width: 293px;
width: 30%;
}
.atelier-shinonoi .concept02 .inner {
top: 10%;
right: 3%;
max-width: 521px;
width: 50%;
}
.atelier-shinonoi .concept03 .inner {
bottom: 10%;
right: 3%;
max-width: 293px;
width: 30%;
}
.atelier-shinonoi .concept04 .inner {
bottom: 10%;
right: 3%;
max-width: 521px;
width: 50%;
}
.atelier-shinonoi .cnt_concept {
height: 100vh;
z-index: -1;
top: 0;
overflow: visible;
color: #fff;
padding: 0;
max-width: 1200px;
margin: 0 auto;
}
.atelier-shinonoi .concept01 {
color: #000;
}
.atelier-shinonoi .cnt_concept .inner {
max-width: 1054px;
width: 100%;
position: absolute;
z-index: 5;
}
.atelier-shinonoi .cnt_concept .cnt_bg {
position: relative;
overflow: hidden;
clip-path: inset(0 0 0 0);
height: 100%;
}
.atelier-shinonoi .cnt_concept .cnt_bg img {
position: fixed;
width: auto;
max-width: none;
min-height: 100vh;
height: 100%;
left: 50%; bottom: 0;
transform: translate(-50%, 0);
pointer-events: none;
}
.atelier-shinonoi .cnt_concept .txt-box {
font-size: 1.5rem;
line-height: 2.15;
}
.atelier-shinonoi .concept01 .txt-box, .atelier-shinonoi .concept02 .txt-box, .atelier-shinonoi .concept03 .txt-box, .atelier-shinonoi .concept04 .txt-box {
max-width: 290px;
float: right;
}
.atelier-shinonoi .top_showroom {
background: #fff;
position: relative;
z-index: 5 !important;
}
.atelier-shinonoi .top_showroom .add-box {
width: 100%;
height: auto;
margin: 2em auto 3em;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
font-weight: 300;
}
.atelier-shinonoi .top_showroom .map {
width: 48%;
margin: 0;
overflow: hidden;
}
.atelier-shinonoi .top_showroom .map-box {
width: 100%;
height: auto;
margin: 0 0 5px;
overflow: hidden;
}
.atelier-shinonoi .map-box img {
width: 100%;
height: auto;
margin: 0 auto;
}
.atelier-shinonoi .top_showroom .map a {
display: inline-block;
font-size: 1.3rem;
padding: 0 3em 0 0;
border-bottom: 1px solid #000;
position: relative;
color: #c4543a;
}
.atelier-shinonoi .top_showroom .map a::after {
content: "";
width: 10px;
height: 1px;
display: block;
background: #c4543a;
position: absolute;
bottom: 0;
right: -3px;
transform: rotate(35deg);
}
.atelier-shinonoi .top_showroom .btm-line {
display: inline-block;
border-bottom: 1px solid #000;
margin: 1em 0 .5em;
}
.atelier-shinonoi .top_showroom .add-box p {
width: 46%;
padding: 0 0 0 1em;
}
.atelier-shinonoi .atelier_form {
background: #fff;
position: relative;
z-index: 6 !important;
}
.atelier-shinonoi .horizontal .post-ttl {
margin: 0 auto 0.5em !important;
}
.atelier-shinonoi .form-box, .atelier-shinonoi .info-box .info-item {
margin: 0 auto;
}
.atelier-shinonoi .atelier_form .info-box.last {
border-top: 1px solid #000;
}
.atelier-shinonoi .atelier_form .post_content {
padding: 2.2em 0 4em;
}
.atelier-shinonoi .top_showroom .form-box .date-box span.tag-required {
margin: 0;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd {
display: flex;
align-items: center;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd .date-label, .atelier-shinonoi .atelier_form .form-box .date-box dd .date-from {
width: max-content;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd .date-label {
margin-right: 3%;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd .date-from {
margin-left: 2%;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd .day {
width: 40%;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd .time {
width: 10%;
margin-left: 3%;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd:not(:first-of-type) {
margin: 1em 0 0 30%;
}
.atelier-shinonoi .top_showroom .map a {
border-bottom: 1px solid #c4543a;
}  .fix-nav.atelier {
transform: translateY(0);
transform: translateX(100%);
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
bottom: 5%;
left: auto;
width: 30px;
right: 0;
}
.fix-nav.atelier.is-fixed {
transform: translateX(0);
}
.fix-nav.atelier a {
width: 30px;
padding: 0;
background: none;
}
.fix-nav.atelier a img {
width: 100%;
}  .single.blog .tsurezure .post-ttl {
font-size: 1.2em;
font-weight: 500;
}
.single.ver02 .tsurezure .cat-box span {
padding: 0;
}
@media screen and (max-width: 1024px) {   .top_atelier .main-ttl {
margin: 0 auto 1em;
}  .ver02 .top_atelier {
padding: 4em 0;
height: 400px;
}
}
@media screen and (max-width: 767px) {   .atelier-shinonoi .concept01 .delay03 {
animation-delay: 0.6s !important;
}
.atelier-shinonoi .scroll-line {
height: 70px;
}
.atelier-shinonoi .mv.page-ttl {
height: calc(100vh - 50px);
height: calc(100svh - 50px);
}
.atelier-shinonoi .mv.page-ttl .main-ttl {
margin: 0 0 0 8%;
}
.atelier-shinonoi .cnt_concept .cnt_bg img {
width: 100%;
height: auto;
}
.atelier-shinonoi .cnt_concept .inner {
left: 0;
right: 0;
padding: 0 8%;
text-align: justify;
}
.atelier-shinonoi .concept03 .inner, .atelier-shinonoi .concept04 .inner {
bottom: auto;
top: 10%;
}
.atelier-shinonoi .concept01 .txt-box, .atelier-shinonoi .concept02 .txt-box, .atelier-shinonoi .concept03 .txt-box, .atelier-shinonoi .concept04 .txt-box {
max-width: 100%;
float: none;
}
.atelier-shinonoi .top_showroom .add-box p {
width: 100%;
padding: 0 0 2em 0;
}
.atelier-shinonoi .top_showroom .map {
width: 100%;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd .time {
width: 13%;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd:not(:first-of-type) {
margin: 1em 0 0 0;
}  .top_atelier {
padding: 5em 0;
}
.top_atelier .inner {
padding: 0 2em;
}
.top_atelier .main-ttl {
margin: 0 auto 1em;
}  .ver02 .top_atelier .main-ttl {
font-size: 2.6rem;
margin: 0 auto 1em;
}
.ver02 .top_atelier .btn {
width: 251px;
min-width: 100%;
font-size: 1.4rem;
}
.ver02 .top_atelier .btn a {
font-size: 1.4rem;
}
}
@media (orientation: landscape) and (max-width: 767px) { }
@media screen and (max-width: 599px) {   .atelier-shinonoi .mv.page-ttl .main-ttl {
font-size: 2.3rem;
}
.atelier-shinonoi .mv.page-ttl .caption {
font-size: 1.4rem;
line-height: 1.9;
}
.atelier-shinonoi .cnt_concept .txt-box {
font-size: 1.4rem;
line-height: 2.6;
}
}
@media screen and (max-width: 479px) {   .top_atelier {
padding: 6em 0;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/top/bg-atelier-shinonoi_sp.jpg) no-repeat center top / cover;
}
.top_atelier .main-ttl {
margin: 0 auto 2em;
}
}
@media screen and (max-width: 320px) {   .atelier-shinonoi .mv.page-ttl .caption {
font-size: 1.3rem;
}
.atelier-shinonoi .scroll-line {
height: 50px;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd {
flex-wrap: wrap;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd .date-label {
width: 100%;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd .day {
width: 50%;
}
.atelier-shinonoi .atelier_form .form-box .date-box dd .time {
width: 15%;
}
}.editor_area p a,
.editor_area table a {
text-decoration: underline;
}
.editor_area p a:focus,
.editor_area p a:hover {
text-decoration: none;
}
.editor_area h1,
.editor_area h2,
.editor_area h3,
.editor_area h4,
.editor_area h5,
.editor_area h6 {
line-height: 1.4;
}
.editor_area h1 {
font-size: 2.2em;
margin: 1em auto .6em;
}
.editor_area h2 {
font-size: 2em;
margin: 1em auto 0.8em;
}
.editor_area h3 {
font-size: 1.6em;
line-height: 1.2;
margin: 1em auto 1.2em;
}
.editor_area h4 {
font-size: 1.4em;
margin: 1em auto 1.2em;
}
.editor_area h5 {
font-size: 1.2em;
margin: 1em auto 1.2em;
}
.editor_area h6 {
font-size: 1em;
margin: 1em auto 1.2em;
}
.editor_area li {
line-height: 1.4;
}
.editor_area p,
.editor_area p.wp-block-paragraph {
margin: 0 auto 1em; padding: 0.5em 0 0;
}
.editor_area div {
margin: 0 auto 1em;
}
.editor_area .has-text-align-center {
text-align: center;
}
.editor_area .has-text-align-right {
text-align: right;
}
.editor_area .has-text-align-left {
text-align: left;
} .editor_area code,
.editor_area kbd,
.editor_area pre,
.editor_area samp { margin: 2em 0;
}
.editor_area kbd,
.editor_area pre,
.editor_area samp {
padding: 1em;
}
.editor_area pre {
border: 3px solid #c7c7c7;
line-height: 1.8;
padding: 1.2em;
} .editor_area p.has-large-font-size.editor-rich-text__tinymce,
.editor_area p.has-large-font-size.editor-rich-text__tinymce.mce-content-body,
.editor_area p.has-larger-font-size.editor-rich-text__tinymce,
.editor_area p.has-larger-font-size.editor-rich-text__tinymce.mce-content-body {
line-height: 1.4;
}
.editor_area p.has-small-font-size {
font-size: 0.842em;
}
.editor_area p.has-normal-font-size,
.editor_area p.has-regular-font-size {
font-size: 1em;
}
.editor_area p.has-medium-font-size {
font-size: 1.1em;
}
.editor_area p.has-large-font-size {
font-size: 1.25em;
}
.editor_area p.has-larger-font-size {
font-size: 1.5em;
} .editor_area figure {
margin: 0;
}
.editor_area .alignleft,
.editor_area .alignright {
margin-bottom: 1.2em;
max-width: 50%;
}
.editor_area .wp-caption .alignleft,
.editor_area .wp-caption .alignright {
margin-bottom: 0;
}
.editor_area .alignleft,
.editor_area img.alignleft {
margin-right: 1em;
float: left;
}
.editor_area .alignright,
.editor_area img.alignright {
margin-left: 1em;
float: right;
}
.editor_area figcaption {
width: 100%;
font-size: 12px;
line-height: 1.5;
margin-top: 8px;
text-align: inherit;
padding: 0 5px;
}
.editor_area .wp-block-image .alignleft {
float: left;
}
.editor_area .wp-block-image .alignright {
float: right;
}
.editor_area .wp-block-spacer {
height: 0 !important;
clear: both;
}
.editor_area .mt-enclosure-image {
margin: 20px auto !important;
display: block !important;
} .editor_area fieldset {
border: 2px solid #dcd7ca;
padding: 20px;
}
.editor_area legend {
font-size: 0.85em;
font-weight: 700;
padding: 0 10px;
}
.editor_area label {
font-size: 15px;
font-weight: 600;
}    .editor_area .wp-block-table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
margin: 2em 0;
width: 100%;
}
.editor_area .wp-block-table figcaption {
color: #666;
}
.editor_area .wp-block-table,
.editor_area .wp-block-table * {
}
.editor_area .wp-block-table table {
width: 100%;
}
.editor_area .wp-block-table tr {
border-bottom: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
}
.editor_area .wp-block-table caption {
text-align: center;
}
.editor_area .wp-block-table th,
.editor_area .wp-block-table td {
line-height: 1.4;
margin: 0;
overflow: visible;
padding: .5em;
border-right: 1px solid #c7c7c7;
border-top: 1px solid #c7c7c7;
}
.editor_area .wp-block-table .wp-block-table__cell-content {
padding: 0.5em;
}
.editor_area .wp-block-table thead {
vertical-align: bottom;
white-space: nowrap;
text-align: inherit;
}
.editor_area .wp-block-table th {
font-weight: bold;
background: #E5E5E5;
text-align: inherit;
}
.editor_area .wp-block-table th.has-text-align-center {
text-align: center;
}
.editor_area .wp-block-table th.has-text-align-right {
text-align: right;
}
.editor_area .wp-block-table th.has-text-align-left {
text-align: left;
} .editor_area .wp-block-table.is-style-stripes {
border: none;
}
.editor_area .wp-block-table.is-style-stripes tr {
border-left: 3px solid #fff;
border-bottom: none;
}
.editor_area .wp-block-table.is-style-stripes tbody tr th,
.editor_area .wp-block-table.is-style-stripes tbody tr td {
border-right: 3px solid #fff;
border-top: none;
}
.editor_area .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #E5E5E5;
} .editor_area .wp-block-separator {
border-top: 1px solid #000;
border-bottom: none;
margin: 2em 0 3em;
clear: both;
}
.editor_area .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100%;
} .editor_area ul,
.editor_area ol {
margin: 1.5em 0;
padding: 10px 10px 10px 1.5em;
}
.editor_area ul {
list-style: none;
padding: 10px;
}
.editor_area ul > li {
margin: 0 0 .5em;
padding: 0;
line-height: 1.7;
}
.editor_area ul > li {
position: relative;
padding: 0 0 0 15px;
}
.editor_area ul > li::before {
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 100%;
position: absolute;
top: 10px;
left: 0;
}
.editor_area ul > li::before {
background: #222;
}
.editor_area ol {
list-style: decimal;
padding: 10px 10px 10px 1.5em;
}
.editor_area ol > li {
position: relative;
margin: 0 0 .5em;
padding: 0 0 0 5px;
line-height: 1.7;
}
.editor_area li > ul,
.editor_area li > ol {
margin: 1em 0 1em 1.2em;
}
.editor_area ul > li.blocks-gallery-item {
padding: 0;
}
.editor_area ul > li.blocks-gallery-item::before {
display: none;
}
.editor_area dt {
font-weight: bold;
}
.editor_area dd {
margin: 0 1.5em 1.5em;
} .editor_area blockquote {
margin: 0;
}
.editor_area .wp-block-quote {
margin: 2em 0;
padding: 2em;
background: #f2f2f2;
font-size: 14px;
}
.editor_area .wp-block-quote.has-text-align-center,
.editor_area .wp-block-quote[style*="text-align:center"],
.editor_area .wp-block-quote[style*="text-align: center"] {
padding: 5px 0;
}
.editor_area .wp-block-quote.has-text-align-right,
.editor_area .wp-block-quote[style*="text-align:right"],
.editor_area .wp-block-quote[style*="text-align: right"] {
padding: 5px 20px 5px 0;
}
.editor_area cite,
.editor_area .wp-block-quote__citation,
.editor_area .wp-block-quote cite,
.editor_area .wp-block-quote footer {
color: #a0a0a0;
font-size: 11px;
font-weight: 600;
line-height: 1.25;
}
.editor_area .wp-block-quote p {
color: inherit;
font-weight: 400;
margin: 0 0 .5em;
}
.editor_area .wp-block-quote.is-style-large {
}
.editor_area .wp-block-quote.is-style-large p {
font-size: 1.2em;
}
.editor_area .wp-block-quote.is-style-large .wp-block-quote__citation,
.editor_area .wp-block-quote.is-style-large cite,
.editor_area .wp-block-quote.is-style-large footer {
font-size: 1em;
} .editor_area .wp-block-code {
color: inherit;
}
.editor_area .wp-block-code,
.editor_area .wp-block-preformatted pre,
.editor_area .wp-block-verse pre {
border: 1px solid #dcd7ca;
border-radius: 0;
padding: 30px;
}
.editor_area .wp-block-freeform.block-library-rich-text__tinymce pre,
.editor_area .wp-block-preformatted pre,
.editor_area .wp-block-code .block-editor-plain-text,
.editor_area .wp-block-verse pre {
background: transparent;
color: inherit;
font-family: monospace;
font-size: 14px;
} .editor_area .wp-block-cover-image .wp-block-cover__inner-container,
.editor_area .wp-block-cover .wp-block-cover__inner-container {
margin: 0 auto;
width: calc(100% - 40px);
}
.editor_area .wp-block[data-type="core/cover"][data-align="right"],
.editor_area .wp-block[data-type="core/cover"][data-align="left"] {
height: auto;
max-height: none;
}
.editor_area .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover {
text-align: left;
}
.editor_area .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
text-align: right;
}
.editor_area .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit,
.editor_area .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
float: none;
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
max-width: 100%;
}
.editor_area .wp-block-cover a {
color: inherit;
} .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
.wp-block[data-type="core/image"][data-align="full"] figcaption,
.wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
padding: 0 14px;
}  .editor_area .wp-block-pullquote {
border: none;
color: inherit;
padding: 0;
position: relative;
text-align: center;
}
.editor_area .wp-block-pullquote::before {
background: #fff;
border-radius: 50%;
color: #cd2653;
content: "”";
display: block;
font-size: 62px;
font-weight: 500;
line-height: 1.2;
margin: 0 auto 15px auto;
text-align: center;
height: 44px;
width: 44px;
}
.editor_area .wp-block-pullquote p {
font-family: inherit;
font-size: 28px;
font-weight: 700;
line-height: 1.178571429;
letter-spacing: -0.041785714em;
margin-bottom: 20px;
}
.editor_area .wp-block-pullquote p:last-child {
margin-bottom: 0;
}
.editor_area .wp-block-pullquote p,
.editor_area .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
.editor_area .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
.editor_area .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
font-size: 28px;
}
.editor_area .wp-block[data-type="core/pullquote"][data-align="right"],
.editor_area .wp-block[data-type="core/pullquote"][data-align="left"] {
height: auto;
max-height: none;
}
.editor_area .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote,
.editor_area .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote {
text-align: left;
}
.editor_area .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote,
.editor_area .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote {
text-align: right;
}
.editor_area .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit,
.editor_area .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
float: none;
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.editor_area .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
margin-right: 0;
}
.editor_area .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
margin-left: 0;
}
.editor_area .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
right: 20px;
transform: translateY(-50%);
}
.editor_area .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before {
left: 20px;
transform: translateY(-50%);
}
.editor_area .wp-block-pullquote__citation,
.editor_area .wp-block-pullquote cite,
.editor_area .wp-block-pullquote footer {
color: #6d6d6d;
font-size: 16px;
font-weight: 500;
margin-top: 12px;
text-transform: none;
} .editor_area .wp-block-pullquote.is-style-solid-color {
padding: 30px 20px;
position: relative;
}
.editor_area .wp-block-pullquote.is-style-solid-color::before {
position: absolute;
top: 0;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.editor_area .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
text-align: center;
}
.editor_area .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.editor_area .wp-block-pullquote.is-style-solid-color .wp-block-pullquote cite,
.editor_area .wp-block-pullquote.is-style-solid-color .wp-block-pullquote footer {
color: inherit;
} .editor_area .wp-block-verse pre,
.editor_area pre.wp-block-verse {
font-size: 0.75em;
} .editor_area .wp-block-buttons {
margin: 1em auto;
}
.editor_area .wp-block-button__link,
.editor_area .wp-block-file__button {
background: #000;
border-radius: 0;
color: #fff;
line-height: 1.25;
padding: 1.1em 1.44em;
}
.editor_area .wp-block-button .wp-block-button__link.mce-content-body {
line-height: 1.1;
} .editor_area .is-style-outline .wp-block-button__link {
background: none;
border-color: currentColor;
color: #000;
padding: calc(1.1em - 2px) calc(1.44em - 2px);
} .editor_area .is-style-squared .wp-block-button__link {
border-radius: 0;
} .editor_area .wp-block-latest-comments {
font-family: inherit;
margin-left: 0;
}
.editor_area .wp-block-latest-comments li.wp-block-latest-comments__comment {
font-size: inherit;
margin-bottom: 20px;
}
.editor_area .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.editor_area .wp-block-latest-comments__comment-meta,
.editor_area .wp-block-latest-comments__comment-excerpt {
margin-left: 0 !important;
}
.editor_area .wp-block-latest-comments__comment-meta {
font-weight: 700;
}
.editor_area .wp-block-latest-comments__comment-meta a {
text-decoration: none;
}
.editor_area .wp-block-latest-comments__comment-meta a:focus,
.editor_area .wp-block-latest-comments__comment-meta a:hover {
text-decoration: none;
} .editor_area .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
display: flex;
}
.editor_area .wp-block-latest-comments.has-avatars img.avatar {
flex-shrink: 0;
margin: 5px 15px 0 0;
} .editor_area .wp-block-latest-comments__comment-excerpt {
margin: 0;
}
.editor_area .wp-block-latest-comments__comment-excerpt p {
font-family: inherit;
font-size: 0.7em;
margin: 10px 0 0;
} .editor_area ul.wp-block-latest-posts:not(.is-grid) li {
margin-top: 15px;
} .editor_area .wp-block-latest-posts.is-grid li {
border-color: #dcd7ca;
}
.editor_area ul.wp-block-latest-posts.is-grid li {
border-style: solid;
border-width: 2px 0 0;
line-height: 1.25;
margin: 20px 16px 16px 0;
padding-top: 12px;
}
.editor_area .wp-block-latest-posts__post-excerpt {
font-size: 0.95em;
line-height: 1.4;
margin-top: 15px;
} .editor_area .wp-block-shortcode textarea {
color: #191e23;
} .editor_area .wp-block-embed {
margin-bottom: 2em;
margin-top: 2em;
}
.editor_area .wp-block[data-type*="core-embed"][data-align="center"] * {
margin-left: auto;
margin-right: auto;
}
.editor_area .wp-block-embed.is-type-video {
text-align: center;
}
.editor_area .wp-block-embed.is-type-video iframe {
width: 100%;
min-height: 480px;
} .editor_area .wp-block-video {
margin-bottom: 2em;
}
.editor_area .wp-block-video video {
width: 100%;
} .editor_area .wp-block-file {
background: none;
padding: 0;
}
.editor_area .wp-block-file__content-wrapper {
align-items: center;
display: flex;
justify-content: space-between;
}
.editor_area .wp-block-file .wp-block-file__textlink {
color: #cd2653;
font-weight: 700;
text-decoration: none;
}
.editor_area .wp-block-file .wp-block-file__textlink:focus,
.editor_area .wp-block-file .wp-block-file__textlink:hover {
text-decoration: underline;
}
.editor_area .wp-block-file .wp-block-file__button {
font-size: 14px;
padding: 1em 1.25em;
} .editor_area .wp-block-image {
margin-bottom: 2em;
margin-top: 2em;
text-align: center;
width: 100%;
}
.editor_area .wp-block-image figure {
margin: 0 auto;
}
.editor_area .wp-block-image.is-resized {
margin-left: auto;
margin-right: auto;
width: 100%;
}
_:-ms-lang(x), .editor_area .wp-block-image figure,
_:-ms-lang(x), .editor_area .wp-block-image img {
width: 100%;
} .editor_area .wp-block-group {
padding: 4em 0;
}
.editor_area .wp-block-group__inner-container {
max-width: 1024px;
padding: 0 1em;
margin: 0 auto;
}
.wp-block-group .wp-block[data-type="core/heading"]:first-child * {
margin-top: 0;
}
.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"],
.wp-block[data-type="core/group"][data-align="full"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] {
margin-left: 0;
width: 100%;
}  .editor_area .tmb_photogallery {
width: 100%;
margin: 2em auto;
padding: 0 0 2em;
}
.editor_area .tmb_photogallery .swiper-slide {
flex-wrap: wrap;
overflow: hidden;  
}
.editor_area .tmb_photogallery .swiper-slide img {
width: auto;
height: 510px;
margin: 0 auto;
max-width: inherit; }
.tmb_photogallery .swiper-container-horizontal > .swiper-pagination-bullets,
.tmb_photogallery .swiper-pagination-custom,
.tmb_photogallery .swiper-pagination-fraction {
bottom: -30px;
}
.editor_area .tmb_1col  {
width: 100%;
margin: 2em auto;
}
.editor_area .tmb-1col-item {
width: 100%;
margin: 0 auto 1em;
}
.editor_area .tmb_2col {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 2em auto;
}
.editor_area .tmb-2col-item {
width: calc(50% - 10px);
margin-bottom: 1em;
}
.editor_area .tmb-2col-item:nth-child(odd) {
margin-right: 20px;
}
.editor_area .tmb-2col-item img {
width: 100%;
}
.editor_area .tmb-1col-item .photo,
.editor_area .tmb-2col-item .photo {
width: 100%;
margin: 0 auto 5px;
}
.editor_area .photo {
position: relative;
}
.editor_area .photo::before,
.editor_area .photo::after {
content: "";
display: block;
width: 0;
height: 0;
opacity: 0;
position: absolute;
-webkit-transition: all .4s;
transition: all .4s;
}
.editor_area .photo:hover::before,
.editor_area .photo:hover::after {
width: 100%;
height: 100%;
opacity: 1;
}
.editor_area .photo::before {
border-top: 5px solid #9bcbcc;
border-right: 5px solid #9bcbcc;
top: 0;
right: 0;
pointer-events: none;
}
.editor_area .photo::after {
border-bottom: 5px solid #9bcbcc;
border-left: 5px solid #9bcbcc;
bottom: 0;
left: 0;
pointer-events: none;
}
.editor_area .tmb-1col-item .caption,
.editor_area .tmb-2col-item .caption {
text-align: left;
margin: 0 auto;
font-size: 1.2rem;
font-weight: normal !important;
}
.editor_area .tmb_1col  .caption p,
.editor_area .tmb_2col .caption p {
margin: 0 auto;
padding: 0;
}
.editor_area .tmb_1col  .caption p:first-of-type::before,
.editor_area .tmb_2col .caption p:first-of-type::before {
content: "▲";
display: inline-block;
margin: 0 5px 0 0;
vertical-align: top;
}
.editor_area .tmb_caption {
text-align: left;
margin: 10px auto;
font-size: 1.2rem;
}
.editor_area .tmb_caption::before {
content: "▲";
display: inline-block;
margin: 0 5px 0 0;
vertical-align: top;
}
.editor_area .main_block {
}
.editor_area .main_block img {
width: 100%;
}
.editor_area .main_block h5 {
text-align: center;
margin: 10px auto;
}
.editor_area .child_block {
margin: 1.2em auto;
}
.tmb_areablock .areablock_photo {
margin: 0 auto 2em;
}
.tmb_areablock .areablock_shopinfo {
width: 80%;
}
.tmb_areablock .areablock_shopinfo .flx_item {
flex: 0 1 auto;
margin: 0 auto;
}
.tmb_areablock .areablock_shopinfo .thum {
width: 45%;
}
.tmb_areablock .areablock_shopinfo .txt {
width: 55%;
padding: 0 0 0 2em;
}
.tmb_areablock .areablock_shopinfo .txt h5 {
margin: 0 auto 1em;
}
.tmb_areablock .areablock_shopinfo .txt p {
font-size: .9em;
}
.tmb_photogallery .tmb_caption.areablock_gallery_caps {
max-width: 1280px;
margin: 4em auto 0;
text-align: center;
} @media screen and (max-width: 1024px) {
.editor_area {
font-size: .9em;
}
.editor_area h1 {
font-size: 2.6em;
}
.editor_area h2 {
font-size: 2.2em;
}
.editor_area h3 {
font-size: 1.8em;
}
.editor_area h4 {
font-size: 1.4em;
}
.editor_area h5 {
font-size: 1.2em;
}
.editor_area h6 {
}
.editor_area p {
}
.editor_area .tmb_photogallery .swiper-slide img {
height: 348px;
}
.tmb_areablock .areablock_shopinfo {
width: 100%;
}
.tmb_areablock .areablock_shopinfo .txt h5 {
margin: 0 auto 10px;
}
.editor_area .wp-block-group {
padding: 3em 0;
}
.editor_area .wp-block-group__inner-container {
max-width: 100%;
padding: 0 2em;
}
}
@media screen and (max-width: 767px) {
.editor_area .wp-block-group__inner-container {
padding: 0 1em;
}
.editor_area .tmb_photogallery .swiper-slide img {
height: 280px;
}
.tmb_areablock {
padding: 3em 0;
}
.editor_area .main_block h5 {
margin: 10px auto 5px;
line-height: 1.3;
}
.editor_area .tmb_caption {
margin: 5px auto;
}
.tmb_areablock .areablock_shopinfo .thum {
width: 35%;
}
.tmb_areablock .areablock_shopinfo .txt {
width: 65%;
padding: 0 0 0 1em;
}
.tmb_areablock .areablock_shopinfo .txt p {
font-size: 1.2rem;
}
}
@media screen and (max-width: 479px) {
.editor_area .tmb_photogallery .swiper-slide img {
height: 175px;
}
.tmb_areablock {
padding: 2em 0;
}
.editor_area .main_block h5 {
font-size: 1em;
}
.editor_area .tmb_caption {
margin: 5px auto 0;
line-height: 1.3;
font-size: 11px;
}
.tmb_areablock .areablock_shopinfo .thum {
width: 80%;
}
.tmb_areablock .areablock_shopinfo .txt {
width: 100%;
padding: 1em 0 0;
}
}
   .sub .content {
padding: 90px 0 0;
}   .page-ttl {
padding: 3em 0;
width: 100%;
margin: 0 auto;
}
.page-ttl .inner {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: row-reverse;
}
.page-ttl .main-ttl {
line-height: 1.5;
margin: 0 0 0 1em;
letter-spacing: 0.15em;
}
.page-ttl .main-ttl .brackets {
font-size: 0.85em;
}
.horizontal .main-ttl .brackets,
.main-ttl.horizontal .brackets {
font-size: 1em;
}
.page-ttl .sub-ttl {
margin: 0;
}
.page-ttl .caption {
font-size: 2rem;
margin: 0;
letter-spacing: 0.2em;
}
.page-ttl .caption.noto_min {
font-weight: 300;
}   .page .page-ttl {
padding: 3em 0 0;
}
.page .page-ttl .inner {
justify-content: flex-start;
position: relative;
}
.page .main-ttl {
font-size: 1.8rem;
position: absolute;
top: 0;
right: 1em;
}
.page .post-ttl {
font-size: 2.6rem;
max-height: 240px;
margin: 0 auto;
min-width: 50px;
}
.page .post_content .inner {
position: relative;
}
.page .post_content .post-box {
width: 90%;
margin: 0 0 4em;
font-weight: 300;
} .page .page-ttl.horizontal .inner {
align-items: flex-start;
flex-direction: column;
}
.page .horizontal .main-ttl,
.page .main-ttl.horizontal {
position: relative;
top: inherit;
right: inherit;
margin: 0 0 2em;
}
.contact .main-ttl.horizontal {
margin: 0;
}
.page .horizontal .post-ttl,
.page .post-ttl.horizontal {
font-size: 2.8rem;
max-height: inherit;
margin: 0 0 0.5em;
min-width: inherit;
}   .archive.ver02 .page-ttl {
padding-bottom: 0;
}
.archive.ver02 .content .inner {
max-width: 820px;
margin-left: auto;
margin-right: auto;
align-items: flex-start;
flex-direction: column;
}
.archive.ver02 .horizontal .main-ttl,
.archive.ver02 .main-ttl.horizontal {
font-size: 1.8rem;
position: relative;
top: inherit;
right: inherit;
margin: 0 0 2em;
}   .single .post_content {
}
.single .post_content .inner {
padding: 0;
} .single .sub-visual {
}
.single .sub-visual .inner {
position: relative;
}
.single .sub-visual .main-ttl {
min-height: 200px;
position: absolute;
top: 0;
right: -3em;
z-index: 2;
}
.single .sub-visual .thum {
width: 100%;
margin: 4em auto 0;
position: relative;
}
.single .sub-visual .thum img {
width: 100%;
object-fit: cover;
font-family: "object-fit: cover;"; }
.single .sub-visual .thum .cat-box {
position: absolute;
top: -1em;
right: -1em;
} .single .page-ttl {
padding: 3em 0 0;
}
.single .page-ttl .inner {
padding: 0 2em 6em;
border-bottom: 1px solid #000;
position: relative;
justify-content: flex-start;
}
.single .page-ttl .box_vertical {
margin: 0 auto;
width: 80%;
min-height: 240px;
justify-content: center;
}
.single .page-ttl .main-ttl .brackets {
font-size: 0.75em;
}
.single .page-ttl .cat-box {
margin: 0 0 0 1em;
min-width: 40px;
}
.single .post-box .cat-box {
margin: 0 auto 2em;
}
.single .cat-box span {
font-size: 1.8rem;
font-weight: 400;
min-height: 130px;
}
.single .cat-box span.update {
margin: 0;
padding: 0;
font-size: 1.3rem;
color: #4d4d4d;
}
.single .post-ttl {
font-size: 2.6rem;
max-height: 240px;
margin: 0 0 0 2em;
min-width: 90px;
}
.single .page-ttl .caption {
font-size: 1.5rem;
min-width: 70px;
}
.single .page-ttl .caption p {
margin: 0 0 0 10px;
}
.single .page-ttl .caption span {
display: inline-block;
padding: 0 0 10px;
margin: 0 0 10px;
border-bottom: 1px solid #000;
}
.single .page-ttl .caption span:not(:first-of-type) {
padding: 0;
border-bottom: none;
margin: 0 0 5px;
-webkit-text-combine: horizontal;
-moz-text-combine-upright: all;
-ms-text-combine-horizontal: all;
text-combine-upright: all;
letter-spacing: 0;
}
.single .page-ttl .btn {
height: auto;
min-height: 180px;
margin: 0 0 0 2em;
}
.single .page-ttl .btn a {
padding: 2em 12px;
}
.single .page-ttl .btn .more::after {
display: inline-block;
position: relative;
right: inherit;
bottom: inherit;
margin: 10px auto 0;
} .single .post-box {
padding: 0 0 3em;
font-weight: 300;
}
.single .post-box .flx_item {
margin: 0;
flex: 0 1 auto;
}
.single .post-box .flx_item.txt {
width: 70%;
padding: 0 4em 0 0;
font-size: 1.5rem;
}
.single .post-box .flx_item.thum {
width: 30%;
}
.page .info-box,
.single .info-box {
padding: 3em 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
font-weight: 300;
}
.page .info-box.last,
.single .info-box.last {
padding: 3em 0 1em;
}
.page .info-box.bdr_line02,
.single .info-box.bdr_line02 {
border-top: 3px double #000;
} _:-ms-lang(x)::backdrop,
.page .info-box.bdr_line02,
_:-ms-lang(x)::backdrop,
.single .info-box.bdr_line02 {
border-top: 4px double #000;
} _:lang(x)::-ms-,
.page .info-box.bdr_line02,
_:lang(x)::-ms-,
.single .info-box.bdr_line02 {
border-top: 4px double #000;
}
.info-box .sub-ttl {
margin: 0;
font-size: 2rem;
min-width: 40px;
min-height: 200px;
}
.info-box .info-item {
margin: 0 0 0 auto;
width: 85%;
font-size: 1.5rem;
font-weight: 300;
}
.info-box .item-ttl {
font-size: 1.5rem;
margin: 0 auto 10px;
}
.page .txt-list,
.single .txt-list {
}
.page .txt-list li,
.single .txt-list li {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin: 0 auto 10px;
font-weight: 300;
}
.page .txt-list li > div:first-of-type,
.single .txt-list li > div:first-of-type {
padding: 0 1em 0 0;
margin: 0 1em 0 0;
position: relative;
}
.page .txt-list li > div:last-of-type,
.single .txt-list li > div:last-of-type {
width: 80%;
}
.single .txt-list li > div:first-of-type::after {
content: "";
display: block;
width: 1px;
height: 55%;
background: #000;
position: absolute;
right: 0;
top: 6px;
}
.info-box .contact-item {
font-size: 1.5rem;
line-height: 1.8;
margin: 2em auto;
}
.info-box .contact-item a {
font-size: 1.8em;
margin: 10px auto 0;
display: inline-block;
width: auto;
}
.info-box .contact-item a::before {
content: "";
display: inline-block;
vertical-align: bottom;
margin: 0 10px 0 0;
width: 24px;
height: 24px;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-dial.svg) no-repeat center / 100% 100%;
}
.info-box .contact-item a.email::before {
vertical-align: middle;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-mail.svg) no-repeat center / 100% 100%;
}  .single.ver02 .page-ttl .inner {
flex-direction: column;
flex-wrap: wrap;
padding: 0 0 2em;
}
.single.ver02 .page-ttl .main-ttl {
margin: 0 0 1em;
}
.single.ver02 .page-ttl .cat-box {
margin: 1.5em 0 0.5em;
min-width: inherit;
}
.single.ver02 .cat-box span {
font-size: 1.5rem;
font-weight: 300;
min-height: inherit;
padding: 2px 12px;
margin: 0 15px 8px 0;
}
.single.ver02 .horizontal .brackets-square::before,
.single.ver02 .horizontal .brackets-square::after {
width: 30px;
height: 17px;
}
.single.ver02 .horizontal .brackets-square::before {
left: -18px;
}
.single.ver02 .horizontal .brackets-square::after {
right: -18px;
}
.single.ver02 .post-ttl {
max-height: inherit;
margin: 0 0 1em;
min-width: inherit;
font-weight: 300;
}
.single.ver02 .post_content {
padding-top: 2em;
}
.single.ver02 .post-box .cat-box {
margin: 0 auto;
}
.single.ver02 .post-box .cat-box span {
font-size: 1.3rem;
}
.single.ver02 .sub-visual .inner {
padding: 0;
}
.single.ver02 .sub-visual .main-ttl {
font-size: 1.8rem;
min-height: inherit;
position: relative;
top: inherit;
right: inherit;
}
.single.ver02 .sub-visual .thum .cat-box {
left: 2.5em;
right: inherit;
}
.single.ver02 .box_horizontal .cat-box span {
font-size: 1.3rem;
font-weight: 500;
}
.single.ver02 .page-ttl .caption {
min-width: inherit;
}
.single.ver02 .page-ttl .caption p {
margin: 0;
}
.single.ver02 .page-ttl .caption span:first-of-type {
padding: 0 10px 0 0;
margin: 0 10px 10px 0;
border-right: 1px solid #000;
border-bottom: none;
line-height: 1.5;
}
.single.ver02 .page-ttl .caption span:not(:first-of-type) {
margin: 0;
}
.single.ver02 .page-ttl .btn {
min-height: inherit;
margin: 0 0 0 auto;
position: absolute;
bottom: 2em;
right: 0;
}
.single.ver02 .page-ttl .btn a {
padding: 8px 3em;
width: 100%;
}
.single.ver02 .page-ttl .btn .more::after {
margin: 0 0 0 10px;
vertical-align: middle;
} .archive.blog .page-ttl .inner {
position: relative;
}
.single.blog .editor_area .cat-box .brackets-square {
margin: 0 18px 8px 0;
}
.single.blog .editor_area .brackets-square::before,
.single.blog .editor_area .brackets-square::after {
width: 26px;
height: 10px;
}
.single.blog .editor_area .brackets-square::before {
top: 7px;
left: -15px;
}
.single.blog .editor_area .brackets-square::after {
top: 7px;
right: -15px;
}   .pagenate {
width: 100%;
margin: 8% auto 4%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.pagenate .btn,
.pagenate .btn a,
.pagenate #more-button {
width: 100%;
}
.pagenate #more-button {
text-align: center;
color: #111;
border: 1px solid #111;
margin: 0 auto;
padding: 12px 1em;
outline: none;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pagenate #more-button:hover {
opacity: 0.7;
}
.pagenate .btn a:hover {
}
.pagenate .page-number {
display: inline-block;
margin: 0 0 10px;
font-size: 0.9em;
text-align: center;
cursor: pointer;
}
.pagenate .page-number:hover {
}
.page-number .icon {
width: 14px;
height: 14px;
margin: 0 5px;
}
.scroller-status {
display: none;
margin: 40px auto 0;
text-align: center;
}
@keyframes scroll-request {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.infinite-scroll-request {
animation: scroll-request 1.1s infinite linear;
border: 4px solid #111;
border-left: 4px solid #757575;
border-radius: 50%;
height: 48px;
margin: 0 auto;
width: 48px;
text-align: center;
}
.infinite-scroll-last,
.infinite-scroll-error {
color: #757575;
text-align: center;
} .year-list-box {
margin: 8% 0 4%;
display: block;
}
.year-list {
margin: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
width: 100%;
max-width: 550px;
}
.year-list li {
font-size: 1.4rem;
margin: 0 0 8px;
line-height: 1.2;
border-right: 1px solid #000;
}
.year-list li:last-of-type,
.year-list li:nth-of-type(10n) {
border-right: 1px solid transparent;
}
.year-list li a {
display: block;
padding: 0 8px;
}  .mw_wp_form .form_post_ttl br {
display: none;
}
.form-box {
width: 85%;
height: auto;
margin: 0 0 0 auto;
}
.form-box::after {
content: "";
display: block;
clear: both;
}
.form-box .form-item {
margin: 0 auto 40px;
}
.form-box .form-item:last-child {
margin: 0 auto;
}
.notice {
width: 100%;
height: auto;
margin: 4% auto;
padding: 2em;
background: #e5e5e5;
font-size: 12px;
}
.notice h6 {
font-size: 1.2em;
margin: 0 0 5px;
}
.notice.bdr {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background: #fff;
line-height: 2;
}
.form-box span.tag-note,
.form-box span.tag-autofill,
.form-box span.tag-required {
line-height: 1.2;
display: inline-block;
margin: 0 0 0 10px;
text-align: center;
vertical-align: middle;
font-size: 12px;
}
.form-box span.tag-required {
padding: 2px 8px;
background: #c4543a;
color: #fff;
}
.form-box span.tag-autofill {
font-size: 1.4rem;
border: 1px solid #707070;
padding: 12px 1em;
}
.mw_wp_form_preview .form-box span.tag-autofill,
.mw_wp_form_confirm .form-box span.tag-autofill {
display: none;
}
.form-box span.tag-note {
color: #707070;
}
.mw_wp_form .error {
font-size: 93%;
color: #b70000;
display: block;
}
.form-box dl {
width: 100%;
padding: 1.2em 0;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
}
.form-box dl:last-child {
}
.form-box dt,
.form-box dd {
margin: 0 auto;
font-size: 1.4rem;
}
.form-box dt {
width: 30%;
padding: 0 2em 0 0;
}
.form-box dd {
width: 70%;
position: relative;
}
.form-box .submit-item p {
text-align: center;
margin: 1em auto 0;
}
.submit-item p a {
text-decoration: underline;
font-size: 12px;
}
.submit-item p a:hover {
text-decoration: none;
}   .form-box input[type="text"],
.form-box input[type="email"],
.form-box input[type="tel"],
.form-box input[type="date"],
.form-box input[type="password"],
.form-box input[type="number"],
.form-box select,
.form-box textarea {
display: inline-block;
width: 95%;
height: auto;
min-height: auto;
padding: 8px;
font-size: 1em;
background: #fff;
margin: 0 5px;
border: 1px solid #707070;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
}
.form-box input.size80 {
width: 80%;
}
.form-box input.size50 {
width: 50%;
}
.form-box select {
}
.form-box textarea {
height: 180px;
}
.mwform-tel-field input[type="text"],
.mwform-zip-field input[type="text"] {
display: inline-block;
width: auto;
}
.mw_wp_form .vertical-item {
display: block;
}
.form-box label.select-field {
display: block;
width: 40%;
position: relative;
z-index: 1;
cursor: pointer;
}
.form-box label.select-field::before,
.form-box label.select-field::after {
content: "";
display: block;
line-height: 1;
position: absolute;
cursor: pointer;
}
.form-box label.select-field::after {
content: "\f0d7";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #000;
font-size: 12px;
width: 12px;
height: 12px;
z-index: 3;
right: 10px;
top: 16px;
}
.form-box label.radio-field,
.form-box label.check-field {
display: inline-block;
margin: 0 5px;
}
.form-box input[type="radio"],
.form-box input[type="checkbox"] {
display: inline-block;
vertical-align: text-top;
border: 1px solid #707070;
background: none;
padding: 0;
position: relative;
margin: 0 10px 0 0;
}
.form-box input[type="radio"] {
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 100%;
-webkit-appearance: none;
appearance: none;
position: relative; }
.form-box input[type="radio"]:checked::after {
content: "";
display: block;
width: 10px;
height: 10px;
line-height: 1;
background: #c4543a;
border-radius: 100%;
position: absolute;
left: 3px;
top: 3px;
z-index: 3;
}
.form-box input[type="checkbox"] {
width: 18px;
height: 18px;
min-width: 18px;
border-radius: 0;
-webkit-appearance: none;
appearance: none;
position: relative;
}
.form-box input[type="checkbox"]:checked::after {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #c4543a;
font-size: 12px;
z-index: 3;
left: 2px;
top: 2px;
position: absolute;
line-height: 1;
} .submit-item {
margin: 0 auto;
width: 100%;
text-align: center;
padding: 3% 0;
}
.submit-item input[type="submit"],
.submit-item input[type="reset"],
.submit-item input[type="button"] {
display: inline-block;
padding: 12px 1.5em;
color: #111;
border: 1px solid #000;
border-radius: 0;
margin: 0 auto 10px;
font-size: 1em;
width: auto;
min-width: 100%;
min-height: inherit;
white-space: normal;
line-height: 1.5;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.submit-item input[type="submit"]:hover,
.submit-item input[type="reset"]:hover,
.submit-item input[type="button"]:hover {
opacity: 0.7;
} .mw_wp_form_confirm .form-box label.select-field::before,
.mw_wp_form_confirm .form-box label.select-field::after {
display: none;
} .mw_wp_form_complete .form-box.thanks .btn {
margin: 2em auto;
}  .concept .wrapper,
.concept .content {
overflow: visible;
}
_:-ms-lang(x)::-ms-backdrop,
.concept .wrapper {
overflow: hidden;
}
_:-ms-lang(x)::-ms-backdrop,
.concept .content {
overflow: hidden;
}
_:-ms-lang(x)::backdrop,
.concept .wrapper {
overflow: hidden;
}
_:-ms-lang(x)::backdrop,
.concept .content {
overflow: hidden;
}
.concept .main-ttl {
position: static;
top: inherit;
right: inherit;
}
.concept .sub-visual {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-mv.jpg) no-repeat center top / cover;
}
.concept .sub-visual .inner {
height: 600px;
position: relative;
}
.concept .sub-visual .main-ttl {
font-size: 3.6rem;
position: absolute;
top: 0;
right: 0;
letter-spacing: 0.2em;
}
.concept .sub-visual .main-ttl span {
display: block;
font-size: 0.5em;
letter-spacing: 0.08em;
}
.concept .page-ttl {
padding: 6em 0;
}
.concept .page-ttl .main-ttl {
font-size: 3.6rem;
margin: 0 auto;
}
.concept .page-ttl .caption {
font-size: 1.7rem;
margin: 0 auto 4em;
height: 600px;
line-height: 2.4;
} _:-ms-lang(x),
.concept .page-ttl .caption span.delay02.is-show,
_:-ms-lang(x),
.concept .page-ttl .caption span.delay03.is-show,
_:-ms-lang(x),
.concept .page-ttl .caption span.delay04.is-show,
_:-ms-lang(x),
.concept .page-ttl .caption span.delay05.is-show {
animation-name: fadeIn;
}
.concept .theories .inner {
background-image: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-point.png);
background-size: 40% auto;
background-repeat: no-repeat;
background-position: left 4em bottom;
flex-direction: row;
}
.concept .theories .main-ttl {
font-size: 3.6rem;
margin: 0 auto 3em 2em;
line-height: 1.5;
letter-spacing: 0.08em;
}
.concept .theories .main-ttl .en {
display: block;
margin: 0 1em 0 0;
font-size: 0.5em;
-webkit-text-orientation: mixed;
text-orientation: mixed;
}
.concept .theories .caption {
font-size: 1.5rem;
text-align: right;
}
.concept .cnt_concept {
color: #fff;
height: 100vh;
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: visible;
}
.concept .cnt_concept .inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.concept .cnt_concept .ttl-box {
width: 20%;
padding: 0 0 0 4em;
}
.concept .cnt_concept .main-ttl {
font-size: 3.2rem;
margin: 0;
width: 60px;
}
.concept .cnt_concept .sub-ttl {
font-size: 3.2rem;
margin: 0 0 0 auto;
width: 50px;
letter-spacing: 0.08em;
}
.concept .cnt_concept .sub-ttl span {
font-size: 0.5em;
display: inline-block;
vertical-align: middle;
-webkit-text-orientation: mixed;
text-orientation: mixed;
}
.concept .cnt_concept .sub-ttl .num {
font-size: 1em;
margin: 0 0 15px;
-webkit-text-combine: horizontal;
-moz-text-combine-upright: all;
-ms-text-combine-horizontal: all;
text-combine-upright: all;
text-align: center;
letter-spacing: 0;
line-height: 1;
}
.concept .cnt_concept .txt-box {
width: 70%;
font-size: 1.7rem;
margin: 0;
padding: 2em 0 0;
line-height: 2.2;
}
.concept .cnt_concept .item-tit {
font-size: 2.2rem;
margin: 0 0 0.8em;
line-height: 1.5;
}
@-moz-document url-prefix() {
.concept .cnt_concept .main-ttl,
.concept .cnt_concept .sub-ttl,
.concept .cnt_concept .item-tit,
.concept .cnt_concept .txt-box p {
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
.concept .cnt_concept .main-ttl.fadeIn_left,
.concept .cnt_concept .sub-ttl.fadeIn_left {
animation-name: fadeIn;
}
}
.concept .concept01 {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-bg01.jpg) no-repeat center / cover;
}
.concept .concept02 {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-bg02.jpg) no-repeat center / cover;
}
.concept .concept03 {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-bg03.jpg) no-repeat center / cover;
}
.concept .concept04 {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-bg04.jpg) no-repeat center / cover;
}
.concept .concept05 {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-bg05.jpg) no-repeat center / cover;
}
.concept .collabo {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-collabo-bg.jpg) no-repeat center / cover;
padding: 10em 0;
}
.concept .collabo a {
background: rgba(255, 255, 255, 0.9);
padding: 4em 2em;
text-align: center;
display: block;
width: 100%;
max-width: 680px;
margin: 0 auto;
position: relative;
}
.concept .collabo a:hover {
opacity: 1;
}
.concept .collabo a::after {
content: "";
display: block;
width: 30px;
height: 30px;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-arw-right-circle.svg) no-repeat center / 100% auto;
position: absolute;
top: 50%;
right: 2em;
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.concept .collabo .main-ttl {
font-size: 2.8rem;
letter-spacing: 0.03em;
}
.concept .collabo .caption {
margin: 1em auto 0;
}
.concept .collabo .main-ttl,
.concept .collabo .caption {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.concept .collabo a:hover .main-ttl,
.concept .collabo a:hover .caption,
.concept .collabo a:hover::after {
opacity: 0.7;
}
.concept .greeting {
background: #fff;
padding: 6em 0;
}
.concept .greeting .box_vertical {
flex-wrap: wrap;
position: relative;
}
.concept .greeting .main-ttl {
font-size: 7rem;
margin: 0 auto 1em;
letter-spacing: 0;
width: 18%;
line-height: 1.2;
height: 460px;
}
.concept .greeting .main-ttl img {
height: 100%;
width: 100%;
max-width: none;
}
.concept .greeting .flx_item.vertical {
margin: 0 auto 6em;
display: flex;
flex-direction: column;
flex: 0 1 auto;
width: 75%;
}
_:-ms-lang(x)::-ms-backdrop,
.concept .greeting .flx_item.vertical {
margin: 0 auto 60px;
height: 900px;
}
.concept .greeting .txt {
columns: 2;
column-gap: 4em;
height: 900px;
margin: 0 auto;
line-height: 2;
-webkit-text-orientation: mixed;
text-orientation: mixed;
}
.concept .greeting .vertical p {
text-align: right;
margin: 0;
font-size: 2.4rem;
}
_:-ms-lang(x)::-ms-backdrop,
.concept .greeting .vertical p {
height: 900px;
}
.concept .greeting .thum {
margin: 0 auto 6em;
flex: 0 1 auto;
width: 75%;
}  .about .inner {
max-width: 860px;
}
.about .page-ttl .main-ttl .brackets {
font-size: 1em;
}
.about .img-box {
position: relative;
z-index: 1;
margin: 0 auto 2em;
}
.about .img-box .txt {
padding: 2em 3em;
width: 75%;
max-height: 350px;
line-height: 3.2;
color: #fff;
position: absolute;
bottom: 0;
left: 0; z-index: 2;
} _::-webkit-full-page-media,
_:future,
:root .about .img-box .txt {
left: -10%;
}
@-moz-document url-prefix() {
.about .img-box .txt {
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
}
.about .idea .info-item h4 {
font-size: 2.8rem;
margin: 0 0 1em;
}
.about .idea .info-item p {
font-size: 2rem;
}
.about .txt-list li > div:first-of-type {
width: 16%;
}
.about .history .txt-list li > div:first-of-type {
text-align: center;
}
.about .info-box.bdr_line02:last-of-type {
border-bottom: 3px double #000;
}
.about #js-map-target {
height: 230px;
margin: 0 auto 1em;
}
.about .concept .greeting {
padding: 5em 0 6em;
}
.about .concept .greeting .txt {
width: 100%;
}  .about .main-footer .inner {
max-width: 1000px;
}
.staff .post_content .flx_box {
padding: 3em 0;
border-bottom: 1px solid #000;
}
.staff .post_content .flx_box:last-child {
border-bottom: none;
margin: 0 auto 2em;
}
.staff .post_content .flx_item {
margin: 0;
flex: 0 1 auto;
}
.staff .post_content .flx_item.thum {
width: 35%;
}
.staff .post_content .flx_item.txt {
width: 65%;
padding: 0 0 0 2em;
min-height: 220px;
}
.staff .post_content .flx_item h5 {
font-size: 2.8rem;
margin: 0 0 0 0.8em;
}
.staff .post_content .flx_item .job {
margin: 0;
min-width: 90px;
}
.staff .post_content .flx_item .profile {
margin: 0 2em 0 auto;
}
.staff .post_content .profile p {
margin: 0 0 0 5px;
}
.staff .post_content .profile dl {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 0 0 0 5px;
}
.staff .post_content .profile dl dt {
height: 35%;
}  .furniture .sub-visual {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/furniture/furniture-mv.jpg) no-repeat center top / cover;
}
.furniture .sub-visual .inner {
height: 650px;
position: relative;
}
.furniture .sub-visual .inner > div {
padding: 4em 0 0;
position: absolute;
top: 0;
right: 0;
width: 37%;
}
.furniture .sub-visual .main-ttl {
max-width: 370px;
margin: 0 0 0.8em;
position: static;
top: inherit;
right: inherit;
}
.furniture .sub-visual .sub-ttl {
margin: 0;
color: #fff;
}
.furniture .page-ttl .inner {
justify-content: center;
}
.furniture .page-ttl .sub-ttl {
min-height: 250px;
min-width: 118px;
margin: 0 0 0 3em;
}
.furniture .page-ttl .caption {
height: 380px;
min-width: 200px;
font-size: 1em;
line-height: 2;
margin: 0 1em 0 0;
}
.furniture .post_content .flx_item {
width: 50%;
margin: 0 !important;
flex: 0 1 auto;
}
.furniture .post_content .thum {
position: relative;
}
.furniture .post_content .thum figcaption {
font-size: 1.5rem;
text-align: left;
color: #fff;
margin: 0;
padding: 10px;
line-height: 1.2;
font-style: normal;
position: absolute;
bottom: 0;
right: 0;
}
.furniture .post_content .thum:nth-child(2n) figcaption {
left: 0;
right: inherit;
}
.furniture .post_content .thum figcaption.clr_blk {
color: #000;
}
@-moz-document url-prefix() {
.furniture .post_content .thum figcaption {
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
}
.furniture .post_content .slider-box {
display: none;
}
.furniture .banner {
margin: 0 auto 4em;
}
.furniture .banner img {
width: 100%;
}  .single.news .page-ttl .inner {
padding: 0 2em 20%;
}
.single.news .post-ttl {
max-height: 360px;
min-width: inherit;
margin: 0;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}  .single.news.ver02 .page-ttl .inner {
padding: 0 0 5em;
}
.news.ver02 .post-ttl {
max-height: inherit;
min-width: inherit;
margin: 0;
position: relative;
top: inherit;
left: inherit;
transform: none;
}  .blog .page-ttl .main-ttl {
padding: 50px 0 0;
position: relative;
margin: 0 0 0 2em;
}
.blog .page-ttl .main-ttl .line {
position: absolute;
top: 0;
right: 20px;
}
.blog .page-ttl .caption {
margin: 50px 0 0;
}
.blog .archive-list { }
.blog .list-3cols .list-item {
padding: 0 1em;
}
.single.blog .post_content .inner {
position: relative;
}
.single.blog .main-ttl {
position: absolute;
top: 0;
right: 0;
}
.single.blog .post-box {
width: 95%;
}
.single.blog .post-box .cat-box {
margin: 0 auto 1em;
}
.single.blog .post-ttl {
font-size: 1em;
max-height: inherit;
margin: 0 auto 2em;
}  .blog.ver02 .post_content {
padding-top: 1em;
}
.blog.ver02 .page-ttl .main-ttl {
font-size: 2.8rem;
padding: 0 0 0 60px;
margin: 0 0 1em;
}
.blog.ver02 .page-ttl .main-ttl .line {
top: 62%;
left: 0;
right: inherit;
}
.blog.ver02 .page-ttl .caption {
margin: 0 0 4em;
padding: 0 0 0 60px;
}
.blog.ver02 .archive-list {
flex-direction: row;
}
.single.blog.ver02 .main-ttl {
position: relative;
top: inherit;
right: inherit;
margin: 0 0 1.5em;
}
.single.blog.ver02 .cat-box {
margin: 0 auto 1.2em;
}
.single.blog.ver02 .cat-box span {
min-height: inherit;
}  .single.blog.ver02 .main-ttl {
font-size: 2.8rem;
} .single.blog .tsurezure .post-ttl {
font-size: 16px;
}
.blog .selector {
width: 220px;
position: absolute;
right: 0;
top: 0;
z-index: 3;
}
.blog .select-date {
width: 100%;
border: 1px solid #000;
margin: 0 auto 16px;
}
.blog .select-category {
width: 100%;
border: 1px solid #000;
margin: 0 auto 10px;
}
.blog .select-category:has(.is-open) {
background: #e4dfdb;
}
.blog .trigger {
width: 100%;
height: 56px;
text-align: left;
font-size: 1.4rem;
color: #000;
line-height: 1.5;
padding: 5px 20px 5px 60px;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.blog .trigger.icon-cal {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-calendar.svg) no-repeat left 20px center / 24px;
}
.blog .trigger.icon-tag {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-tag.svg) no-repeat left 20px center / 24px;
}
.blog .trigger:hover {
opacity: 0.7;
background-color: rgba(255, 255, 255, 0.4);
}
.blog .ct-list {
width: 80%;
padding: 10px 0;
border-top: 1px solid #000;
font-size: 1.4rem;
position: relative;
z-index: 3;
margin: 0 auto;
}
.blog .ct-list-item {
width: 100%;
margin: 0 auto 8px;
}   .works .pagenate,
.column .pagenate {
margin: 8% auto;
}
.works.archive .archive-list,
.column.archive .archive-list {
width: 100%;
margin: 0 auto;
}
.works .archive-list .list-item,
.works .swiper-slide,
.column .archive-list .list-item,
.column .swiper-slide {
width: 100%;
height: 100vh;
display: block;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.works .archive-list .list-item,
.column .archive-list .list-item {
margin: 0 auto 3em;
}
.works .archive-list .list-item a,
.works .slide-img,
.column .archive-list .list-item a,
.column .slide-img {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
.works .slide-img,
.column .slide-img {
width: 100%;
height: 100%;
}
.works .swiper-slide .slide-img img,
.column .swiper-slide .slide-img img {
width: auto;
height: 100%;
max-width: none;
}
.works .swiper-button-prev,
.works .swiper-container-rtl .swiper-button-next,
.column .swiper-button-prev,
.column .swiper-container-rtl .swiper-button-next {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-arw-right-blk.svg) no-repeat center / 100% auto;
right: 1%;
}
.works .swiper-button-next,
.works .swiper-container-rtl .swiper-button-prev,
.column .swiper-button-next,
.column .swiper-container-rtl .swiper-button-prev {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/icon/icon-arw-left-blk.svg) no-repeat center / 100% auto;
left: 1%;
}
.works .archive-list .list-item .thum,
.column .archive-list .list-item .thum {
display: none;
}
.works .archive-list .list-item .item-ttl,
.works .swiper-slide .item-ttl,
.column .archive-list .list-item .item-ttl,
.column .swiper-slide .item-ttl {
font-size: 2.4rem;
font-weight: 700;
color: #fff;
letter-spacing: 0.05em;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.works .archive-list .list-item .item-ttl span,
.works .swiper-slide .item-ttl span,
.column .archive-list .list-item .item-ttl span,
.column .swiper-slide .item-ttl span {
display: block;
font-size: 1.6rem;
}
.works.single .content,
.column.single .content {
padding: 0 !important;
}
.works .modaal-content-container,
.column .modaal-content-container {
padding: 0;
}
.works.ver02 .modaal-close {
position: fixed;
cursor: pointer;
opacity: 1;
width: 50px;
height: 50px;
border-radius: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.works.ver02 .modaal-wrapper .modaal-close {
border: none;
background: 0 0;
padding: 0;
-webkit-appearance: none;
}
.works.ver02 .modaal-fullscreen .modaal-close {
right: 10px;
top: 10px;
}
.works .modaal-fullscreen .modaal-close,
.column .modaal-fullscreen .modaal-close {
background: none;
z-index: 9999;
color: #000;
}
.works .modaal-close:after,
.works .modaal-close:before,
.column .modaal-close:after,
.column .modaal-close:before {
display: block;
content: " ";
position: absolute;
top: 14px;
left: 23px;
width: 2px;
height: 42px;
border-radius: 0;
background: #000;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.works .modaal-close:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.works .modaal-close:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}  .works.ver02 .page-ttl {
padding: 3em 0 5em;
}
.works.ver02 .page-ttl.horizontal .inner {
align-items: center;
}
.works.ver02 .page-ttl .main-ttl {
font-size: 2.8rem;
margin: 0 auto;
}
.works.ver02 .page-ttl .caption {
text-align: center;
}
.works.ver02 .archive-list {
width: 100%;
margin: 0 auto;
flex-direction: row;
}
.works.ver02 .list-3cols .list-item {
width: calc((100% - 2em) / 3);
height: auto;
margin: 0 1em 3em 0;
padding: 0;
}
.works.ver02 .list-3cols .list-item:nth-of-type(3n) {
margin: 0 0 3em;
}
.works.ver02 .archive-list .list-item .thum {
display: block;
}
.works.ver02 .archive-list .thum img {
max-width: 100%;
position: relative;
top: inherit;
left: inherit;
transform: translate(0, 0);
min-height: inherit;
}
.works.ver02 .archive-list .list-item .item-ttl {
color: #000;
font-size: 1.5rem;
line-height: 1.5;
position: relative;
top: inherit;
left: inherit;
transform: translate(0, 0);
}
.works.ver02 .archive-list .list-item .item-ttl span {
display: inline-block;
margin: 0 5px;
font-weight: normal;
font-size: 1.3rem;
}  .reservation .info-box {
border-top: 1px solid #000;
}
.reservation .info-box .info-item {
margin: 0 auto;
width: 95%;
}
.reservation .form-box {
width: 95%;
margin: 0 auto;
}  .contact .info-box .info-item {
margin: 0 auto;
width: 100%;
}
.contact .form-box {
width: 100%;
margin: 0 auto;
}  .collabo .main-ttl {
position: relative;
top: inherit;
right: inherit;
}
.collabo .sub-visual {
color: #fff;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/collabo/collabo-bg.jpg) no-repeat center top / cover;
padding: 8em 0;
}
.collabo .sub-visual .box_vertical {
margin: 0 0 2em;
justify-content: center;
}
.collabo .sub-visual .main-ttl {
font-size: 3.6rem;
height: 680px;
margin: 0 0 0 1.5em;
}
.collabo .sub-visual .caption {
margin: 0;
height: 620px;
line-height: 2.8;
}
@-moz-document url-prefix() {
.collabo .sub-visual .main-ttl,
.collabo .sub-visual .caption {
color: transparent !important; background: #fff; -webkit-background-clip: text;
background-clip: text;
}
}
.collabo .sub-visual .image {
width: 70%;
max-width: 752px;
}
.collabo .sub_img .flx_item {
width: calc(100% / 2);
margin: 0 !important;
flex: 0 1 auto;
}
.collabo .sub_img .flx_item img {
width: 100%;
}
.collabo .thinking {
padding: 6em 0 0;
}
.collabo .thinking .main-ttl {
font-size: 3.6rem;
margin: 0 auto 3em;
text-align: center;
letter-spacing: 0.02em;
}
.collabo .thinking .flx_box {
flex-direction: row-reverse;
justify-content: center;
margin: 0 auto 4em;
}
.collabo .thinking .flx_item {
width: auto;
margin: 0;
flex: 0 1 auto;
}
.collabo .thinking .sub-ttl {
font-size: 3.4rem;
margin: 0 0 0 1.2em;
}
.collabo .thinking .txt {
font-size: 2rem;
line-height: 2;
margin: 0 0 0 4em;
}
.collabo .thinking .thum {
width: 30%;
align-self: center;
}
.collabo #think01 .txt {
height: 280px;
}
.collabo #think01 .thum {
padding: 0 1em;
}
.collabo #think02 .txt {
height: 300px;
}
.collabo #think02 .thum {
padding: 0 3em;
}
.collabo #think03 .txt {
height: 340px;
}
.collabo #think03 .thum {
padding: 0 2em;
}
.collabo .sdgs {
}
.collabo .sdgs .image {
width: 80%;
max-width: 890px;
margin: 0 auto 12em;
}
.collabo .sdgs .main-ttl {
margin: 0 auto 6em;
width: 384px;
height: 200px;
}
.collabo .sdgs .caption {
margin: 0 auto 6em;
width: 68%;
color: #0098d8;
line-height: 2.2;
}
.collabo .sdgs .banner {
padding: 0;
margin: 0 auto 6em;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.collabo .sdgs .bn-item {
width: calc(100% / 2);
margin: 0 0 1em;
padding: 0 1em;
}
@media screen and (max-width: 1024px) {   .sub .content {
padding: 60px 0 0;
}   .page-ttl {
padding: 3em 0 2em;
}
.page-ttl .inner {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: row-reverse;
}
.page-ttl .main-ttl { }
.page-ttl .caption {
font-size: 1em;
}   .page .main-ttl .brackets {
font-size: 1em;
}   .single .sub-visual .inner {
padding: 1.5em 2em 0;
}
.single .sub-visual .main-ttl {
position: relative;
top: inherit;
right: inherit;
z-index: 2;
}
.single .sub-visual .thum {
width: 87%;
margin: 4em auto 0 0;
}
.single .page-ttl {
padding: 3em 2em 0;
}
.single .post_content .inner {
padding: 0 2em;
}
.info-box .info-item {
width: 88%;
}
.page .txt-list li > div:last-of-type,
.single .txt-list li > div:last-of-type {
width: 75%;
}  .single.ver02 .page-ttl {
padding: 1em 2em 0;
}
.single.ver02 .cat-box span {
font-size: 1.2rem;
padding: 0 12px 2px !important;
}
.single.ver02 .horizontal .brackets-square::before,
.single.ver02 .horizontal .brackets-square::after {
width: 24px;
height: 11px;
}
.single.ver02 .horizontal .brackets-square::before {
left: -14px;
}
.single.ver02 .horizontal .brackets-square::after {
right: -14px;
}
.single.ver02 .post-box .cat-box span {
padding: 0 !important;
}
.single.ver02 .sub-visual .inner {
padding: 1.5em 2em 0;
}
.single.ver02 .sub-visual .thum {
width: 100%;
margin: 3em auto 0;
}
.single.ver02 .sub-visual .thum .cat-box {
top: -1em;
}   .pagenate {
margin: 6% auto;
}   .form-box {
width: 88%;
}  .concept .sub-visual .inner {
height: 400px;
}
.concept .sub-visual .main-ttl {
right: 1em;
}
.concept .page-ttl .main-ttl {
font-size: 2.8rem;
}
.concept .page-ttl .caption {
font-size: 1em;
margin: 0 auto;
height: 500px;
}
.concept .theories .main-ttl {
font-size: 2.8rem;
margin: 0 auto 3em 1em;
}
.concept .theories .main-ttl .en {
font-size: 12px;
}
.concept .theories .caption {
font-size: 1.3rem;
}
.concept .cnt_concept .ttl-box {
width: 20%;
padding: 0 0 0 4em;
}
.concept .cnt_concept .main-ttl {
font-size: 2.4rem;
}
.concept .cnt_concept .sub-ttl {
font-size: 2.4rem;
margin: 0 0 0 auto;
width: 50px;
letter-spacing: 0.08em;
}
.concept .cnt_concept .sub-ttl span {
font-size: 12px;
}
.concept .cnt_concept .sub-ttl .num {
font-size: 1em;
}
.concept .cnt_concept .txt-box {
font-size: 1.2em;
width: 80%;
}
.concept .cnt_concept .item-tit {
font-size: 1.2em;
}
.concept .collabo {
padding: 8em 0;
}
.concept .collabo a {
padding: 3em 2em;
max-width: 95%;
}
.concept .collabo a br.sp {
display: none;
}
.concept .greeting .main-ttl {
font-size: 4rem;
height: 260px;
}
.concept .greeting .flx_item.vertical {
width: 75%;
}
.concept .greeting .txt {
height: 800px;
}
.concept .greeting .vertical p {
font-size: 2rem;
}  .about .inner {
max-width: 90%;
}
.about .img-box .txt {
width: 82%;
}
.about .txt-list li > div:first-of-type {
width: 20%;
}
.about .idea .info-item h4 {
font-size: 2.4rem;
}
.about .idea .info-item p {
font-size: 1.8rem;
}  .staff .post_content .flx_box {
padding: 2em 0;
}
.staff .post_content .flx_item h5 {
font-size: 2.4rem;
}
.staff .post_content .profile {
font-size: 1.3rem;
}
.staff .post_content .profile dl dt {
height: 40%;
}  .furniture .sub-visual .inner {
height: 420px;
}
.furniture .sub-visual .inner > div {
padding: 3em 2em 0;
width: 50%;
}
.furniture .page-ttl .sub-ttl {
margin: 0 0 0 1em;
}
.furniture .page-ttl .caption {
height: 340px;
min-width: auto;
}
.furniture .post_content .thum figcaption {
font-size: 1.2rem;
}  .single.news .page-ttl .inner {
padding: 0 2em 24%;
}
.single.news .post-ttl {
max-height: 260px;
font-size: 2rem; }  .news.ver02 .page-ttl .inner {
padding: 0 0 3em;
}
.news.ver02 .post-ttl {
max-height: inherit;
}  .single.blog .main-ttl {
right: 1em;
}  .blog .selector {
right: 3em;
}
.single.blog .editor_area .cat-box .brackets-square {
padding: 0 12px 2px !important;
}
.single.blog .editor_area .cat-box .brackets-square::before,
.single.blog .editor_area .cat-box .brackets-square::after {
width: 28px;
height: 12px;
top: 7px;
}
.single.blog .editor_area .cat-box .brackets-square::before {
left: -16px;
}
.single.blog .editor_area .cat-box .brackets-square::after {
right: -16px;
}  .works .swiper-slide .slide-img img,
.column .swiper-slide .slide-img img {
height: auto;
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.works .modaal-container .content,
.column .modaal-container .content {
padding: 0;
}
.works .item-ttl.pc,
.column .item-ttl.pc {
display: block;
z-index: 10;
}
.works .item-ttl.sp,
.column .item-ttl.sp {
display: none;
}  .collabo .main-ttl {
position: relative;
top: inherit;
right: inherit;
}
.collabo .sub-visual {
padding: 8em 0;
}
.collabo .sub-visual .box_vertical {
margin: 0 0 2em;
justify-content: center;
}
.collabo .sub-visual .main-ttl {
font-size: 2.6rem;
height: 520px;
margin: 0 0 0 1.5em;
}
.collabo .sub-visual .caption {
font-size: 1em;
height: 520px;
}
.collabo .sub-visual .image {
width: 70%;
}
.collabo .thinking .main-ttl {
font-size: 3rem;
}
.collabo .thinking .sub-ttl {
font-size: 2.4rem;
margin: 0 0 0 1.2em;
}
.collabo .thinking .txt {
font-size: 1em;
margin: 0 0 0 3em;
}
.collabo #think01 .txt {
height: 200px;
}
.collabo #think02 .txt {
height: 230px;
}
.collabo #think03 .txt {
height: 250px;
}
.collabo .sdgs .image {
margin: 0 auto 10em;
}
.collabo .sdgs .main-ttl {
margin: 0 auto 4em;
width: 50%;
height: auto;
}
.collabo .sdgs .caption {
width: 71%;
font-size: 1em;
}
}
@media screen and (max-width: 767px) {    .sub .content {
padding: 55px 0 0;
}      .page .main-ttl {
font-size: 1em;
}
.page .main-ttl .brackets {
font-size: 1em;
}
.page .horizontal .main-ttl,
.page .main-ttl.horizontal {
font-size: 1.6rem;
margin: 0 0 1.5em;
}
.page .post-ttl,
.page .horizontal .post-ttl,
.page .post-ttl.horizontal {
font-size: 2.4rem;
margin: 0 0 0.8em;
}
.page .post_content .post-box {
width: 92%;
}   .single .post_content {
} .single .sub-visual .inner {
padding: 2em 0 0;
}
.single .sub-visual .main-ttl {
font-size: 1.1em;
padding: 0 1.5em 0 0;
}
.single .cat-box span {
font-size: 12px;
min-height: 100px;
}
.single .sub-visual .thum {
width: 87%;
margin: 3em auto 0 0;
}
.single .sub-visual .thum .cat-box {
top: -2em;
right: 1em;
} .single .page-ttl .inner {
padding: 0 0 3em;
}
.single .post-ttl {
font-size: 1.8rem;
max-height: 200px;
}
.single .page-ttl .caption {
font-size: 1.4rem;
}
.single .page-ttl .btn {
margin: 0;
position: absolute;
top: 0;
left: 0;
} .single .post-box .flx_item.txt {
width: 60%;
padding: 0 2em 0 0;
font-size: 1.4rem;
}
.single .post-box .flx_item.thum {
width: 40%;
}
.page .txt-list li,
.single .txt-list li {
margin: 0 auto 5px;
}
.info-box .sub-ttl {
font-size: 1.8rem;
}
.info-box .item-ttl {
font-size: 1.4rem;
}
.info-box .info-item {
font-size: 1.4rem;
}
.info-box .contact-item {
font-size: 1.4rem;
margin: 1.5em auto;
}  .single.ver02 .page-ttl {
padding: 2em 2em 0;
}
.single.ver02 .page-ttl .main-ttl {
margin: 0 0 0.8em;
}
.single.ver02 .page-ttl .main-ttl .brackets {
font-size: 1.6rem;
}
.single.ver02 .page-ttl .cat-box {
margin: 0 0 0.5em;
}
.single.ver02 .page-ttl .btn {
margin: 1em 0 0;
position: relative;
bottom: inherit;
right: inherit;
}   .pagenate {
}
.year-list-box {
margin: 8% 0 4%;
}
.year-list {
max-width: 100%;
}
.year-list li:nth-of-type(10n) {
border-right: 1px solid #000;
}   .form-box {
}
.notice {
padding: 1.5em;
}
.form-box dl {
padding: 0 0 1.5em;
}
.form-box dt {
width: 100%;
padding: 0 0 0.5em;
}
.form-box dd {
width: 100%;
}
.form-box input[type="text"],
.form-box input[type="email"],
.form-box input[type="tel"],
.form-box input[type="date"],
.form-box input[type="password"],
.form-box select,
.form-box textarea {
width: 100%;
margin: 0;
}
.form-box input.size80 {
width: 100%;
}
.form-box input.size50 {
width: 50%;
margin: 0 5px;
}  .concept .sub-visual .inner {
height: 300px;
}
.concept .sub-visual .main-ttl {
font-size: 2.8rem;
}
.concept .page-ttl {
padding: 6em 0;
}
.concept .page-ttl .caption {
margin: 0 auto 0 0;
height: 220px;
line-height: 2;
width: 80%;
padding: 0 0 0 6em;
overflow-x: scroll;
position: relative;
}
.concept .page-ttl .inner::after {
width: 20%;
height: 100%;
background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
position: absolute;
top: 0;
left: 0;
}
.concept .theories .inner {
background-position: left bottom;
}
.concept .cnt_concept {
position: static;
top: inherit;
overflow: visible;
height: auto;
}
.concept .cnt_concept .inner {
flex-direction: column;
flex-wrap: wrap;
position: static;
top: inherit;
left: inherit;
transform: none;
}
.concept .cnt_concept .ttl-box {
padding: 0 0 2em;
margin: 0 auto;
width: 14%;
}
.concept .cnt_concept .main-ttl {
width: 50px;
}
.concept .cnt_concept .sub-ttl {
width: 40px;
}
.concept .cnt_concept .txt-box {
font-size: 1em;
width: 95%;
padding: 0;
margin: 0 auto;
}
.concept .collabo {
padding: 6em 0;
}
.concept .collabo a {
max-width: 90%;
}
.concept .collabo a br.sp {
display: block;
}
.concept .collabo .main-ttl {
line-height: 1.4;
}
.concept .greeting .flx_item.vertical {
width: 100%;
}
.concept .greeting .txt {
columns: 3;
column-gap: 2em;
}
.concept .greeting .vertical p {
font-size: 1.2em;
}  .about .inner {
max-width: 100%;
}
.about .img-box .txt {
padding: 2em 0 0;
width: auto;
color: #000;
position: static;
bottom: inherit;
left: inherit;
margin: 0 auto;
transform: translateX(0);
} _::-webkit-full-page-media,
_:future,
:root .about .img-box .txt {
left: inherit;
}
.about .info-box.outline {
border-top: 3px double #000;
}
.about .idea .info-item h4 {
font-size: 2rem;
}
.about .idea .info-item p {
font-size: 1.5rem;
}
.about .txt-list li {
font-size: 12px;
}
.about .info-box .sub-ttl {
min-height: 100px;
}
.about .concept .greeting .flx_item.vertical {
width: 85%;
margin: 0 auto 4em;
}
.about .concept .greeting .thum {
width: 85%;
}  .staff.ver02 .post_content {
padding-top: 0.5em;
}  .furniture .sub-visual .inner {
height: 420px;
}
.furniture .sub-visual .inner > div {
padding: 2em 1em 0;
}
.furniture .page-ttl .caption {
height: 280px;
font-size: 1.3rem;
}  .single.news .page-ttl .inner {
padding: 0 0 34%;
}
.single.news .post-ttl { max-height: 240px;
font-size: 1.8rem;
}  .news.ver02 .page-ttl .inner {
padding: 0 0 3em;
}
.news.ver02 .post-ttl {
max-height: inherit;
}  .works .swiper-wrapper,
.column .swiper-wrapper {
flex-direction: column;
transform: none !important;
}
.works .swiper-button-next,
.works .swiper-button-prev,
.column .swiper-button-next,
.column .swiper-button-prev {
display: none; }
.works .archive-list .list-item,
.works .swiper-slide,
.column .archive-list .list-item,
.column .swiper-slide {
height: auto;
margin: 0 auto 2em;
}
.works .archive-list .list-item a,
.works .slide-img,
.column .archive-list .list-item a,
.column .slide-img {
background: none;
}
.works .archive-list .list-item .thum,
.column .archive-list .list-item .thum {
display: block;
}
.works .archive-list .list-item .thum img,
.column .archive-list .list-item .thum img {
width: 100%;
height: auto;
max-width: inherit;
position: relative;
top: inherit;
left: inherit;
transform: none; min-height: inherit;
}
.works .swiper-slide,
.column .swiper-slide {
position: relative;
}
.works .swiper-slide .slide-img img,
.column .swiper-slide .slide-img img {
position: relative;
top: inherit;
left: inherit;
transform: none;
}
.works .item-ttl.pc,
.column .item-ttl.pc {
display: none;
}
.works .item-ttl.sp,
.column .item-ttl.sp {
display: block;
font-size: 2.4rem;
font-weight: 700;
letter-spacing: 0.05em;
text-align: center;
padding: 1em 0;
}
.works .item-ttl.sp span,
.column .item-ttl.sp span {
display: block;
font-size: 1.6rem;
}  .works.ver02 .page-ttl {
padding: 3em 0 3.5em;
}
.works.ver02 .page-ttl .main-ttl {
font-size: 2.4rem; }
.works.ver02 .page-ttl .caption {
text-align: center;
}
.works.ver02 .list-3cols .list-item {
width: calc((100% - 1em) / 2);
height: auto;
margin: 0 1em 2em 0;
padding: 0;
}
.works.ver02 .list-3cols .list-item:nth-of-type(3n) {
margin: 0 1em 2em 0;
}
.works.ver02 .list-3cols .list-item:nth-of-type(2n) {
margin: 0 0 2em;
}  .collabo .main-ttl {
position: relative;
top: inherit;
right: inherit;
}
.collabo .sub-visual {
padding: 6em 0;
}
.collabo .sub-visual .box_vertical {
margin: 0 0 2em;
justify-content: center;
}
.collabo .sub-visual .main-ttl {
font-size: 2rem;
height: 420px;
margin: 0 0 0 1.5em;
}
.collabo .sub-visual .caption {
font-size: 0.9em;
height: 460px;
}
.collabo .sub-visual .image {
width: 80%;
}
.collabo .thinking {
padding: 4em 0 0;
}
.collabo .thinking .main-ttl {
font-size: 2rem;
}
.collabo .thinking .flx_box {
margin: 0 auto 3em;
}
.collabo .thinking .sub-ttl {
font-size: 2rem;
margin: 0 0 0 1.2em;
}
.collabo .thinking .txt {
font-size: 0.9em;
margin: 0 0 0 3em;
}
.collabo #think01 .txt {
height: 180px;
}
.collabo #think01 .thum {
padding: 0;
}
.collabo #think02 .txt {
height: 210px;
}
.collabo #think02 .thum {
padding: 0 1.5em;
}
.collabo #think03 .txt {
height: 230px;
}
.collabo #think03 .thum {
padding: 0 1em;
}
.collabo .sdgs .image {
width: 95%;
margin: 0 auto 8em;
}
.collabo .sdgs .main-ttl {
margin: 0 auto 4em;
width: 50%;
height: auto;
}
.collabo .sdgs .caption {
width: 80%;
font-size: 0.9em;
}
.collabo .sdgs .banner {
margin: 0 auto 4em;
}  .contact.ver02 .info-box.last {
padding: 0 0 1em;
}  .blog.ver02 .page-ttl .main-ttl {
font-size: 2.4rem;
}  .blog .selector {
right: 2em;
}
}
@media screen and (max-width: 479px) {    .sub .content {
padding: 50px 0 0;
}   .page-ttl .main-title {
}
.page-ttl .caption {
}       .archive .archive-list {
width: 100%;
margin: 0 auto 2em;
}
.archive .list-2cols .list-item,
.archive .list-2cols .list-item:nth-child(2n) {
width: 50%;
padding: 0 0.5em;
margin: 0 0 2em;
}
.archive .list-2cols .item-ttl {
max-height: none;
}
.archive .list-2cols .item-ttl br {
display: none;
}   .single .post_content .inner {
padding: 0 1em;
} .single .sub-visual .inner {
padding: 2em 0 0;
}
.single .sub-visual .main-ttl {
padding: 0 1em 0 0;
}
.single .sub-visual .thum {
width: 85%;
}
.single .sub-visual .thum img {
display: none;
}
.single .sub-visual .thum img.sp-only,
.single .sub-visual .thum img.eyecatch,
.single .sub-visual .thum img.noimage {
display: block;
} .single .page-ttl {
padding: 2em 1em 0;
}
.single .page-ttl .box_vertical {
width: 100%;
}
.single .page-ttl .cat-box {
margin: 0 0 0 10px;
min-width: 20px;
}
.single .post-ttl {
min-width: inherit;
max-height: none;
margin: 0 0 0 10px;
}
.single .page-ttl .btn a {
padding: 2em 5px;
height: 100%;
} .single .post-box {
padding: 0 0 2em;
}
.single .post-box .flx_item.txt {
width: 100%;
padding: 0 0 1em;
}
.single .post-box .flx_item.thum {
width: 100%;
}
.page .info-box,
.single .info-box {
padding: 2em 0;
justify-content: center;
align-items: center;
}
.info-box .info-item {
width: 100%;
margin: 2em auto 0;
}
.info-box .sub-ttl {
min-width: 32px;
min-height: auto;
}  .single.ver02 .sub-visual .inner {
padding: 1.5em 0 0;
}
.single.ver02 .sub-visual .main-ttl {
padding: 0 1.5em;
}
.single.ver02 .sub-visual .thum .cat-box {
left: 2em;
}
.single.ver02 .page-ttl {
padding: 2em 1em 0;
}
.single.ver02 .page-ttl .inner {
padding: 0 1em 2em;
}
.single.ver02 .post_content {
padding-top: 1em;
}
.single.ver02 .post-box .cat-box span {
font-size: 1.2rem;
}   .pagenate {
margin: 10% auto;
}
.year-list-box {
margin: 12% 0 4%;
}   .form-box {
width: 100%;
}
.form-box span.tag-note,
.form-box span.tag-autofill,
.form-box span.tag-required {
}
.form-box span.tag-autofill {
font-size: 12px;
padding: 8px 10px;
}
.form-box span.mwform-zip-field {
display: block;
width: 100%;
margin: 0 0 5px;
}
.form-box .mwform-zip-field input[type="text"] {
width: 40%;
}
.notice.bdr {
padding: 1.5em 0.5em;
}
.submit-item input[type="submit"],
.submit-item input[type="reset"],
.submit-item input[type="button"] {
width: 100%;
min-width: inherit;
}  .concept .sub-visual {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-mv.jpg) no-repeat left -3em top / cover;
}
.concept .sub-visual .main-ttl {
top: inherit;
right: inherit;
left: 1em;
bottom: -1em;
color: #fff;
}
.concept .page-ttl {
padding: 6em 0 3em;
}
.concept .page-ttl .main-ttl {
font-size: 2.6rem;
}
.concept .page-ttl .caption {
height: 280px;
}
.concept .page-ttl .caption .fadeIn_left.is-show {
animation-name: fadeIn;
}
.concept .page-ttl .caption .delay04 {
animation-delay: 0.6s;
}
.concept .page-ttl .caption .delay05 {
animation-delay: 1s;
}
.concept .theories .inner {
background-size: 100% auto;
background-position: left bottom 8em;
align-items: flex-end;
}
.concept .theories .main-ttl {
font-size: 2.6rem;
margin: 0 auto 6em 1em;
}
.concept .cnt_concept { }
.concept .cnt_concept .inner { }
.concept .concept05 {
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-bg05_sp.png) no-repeat center / cover;
}
.concept .cnt_concept .ttl-box {
width: 22%;
}
.concept .collabo {
padding: 5em 0;
background: url(//dikok.jp/cms/wp-content/themes/dikok_themes/common/img/concept/concept-collabo-bg_sp.jpg) no-repeat center / cover;
}
.concept .collabo a {
padding: 2em 1em;
max-width: 95%;
}
.concept .collabo a::after {
width: 20px;
height: 20px;
right: 1em;
}
.concept .collabo .main-ttl {
line-height: 1.5;
font-size: 2.4rem;
}
.concept .collabo .caption {
font-size: 0.95em;
}
.concept .greeting {
padding: 4em 0 6em;
}
.concept .greeting .main-ttl {
width: 30%;
}
.concept .greeting .flx_item.vertical {
margin: 0 0 3em;
position: relative;
}
.concept .greeting .txt {
columns: 4;
column-gap: 2.5em;
height: 1070px;
line-height: 2;
font-size: 14px;
letter-spacing: 0.03em;
}
.concept .greeting .vertical p {
position: absolute;
bottom: 0;
left: 0;
}
.concept .greeting .thum {
margin: 0 auto 3em;
width: 100%;
}  .about .img-box .txt {
line-height: 2;
}
.about .txt-list li > div:first-of-type {
width: 26%;
}
.about .txt-list li > div:last-of-type {
width: 70%;
}
.about .idea .info-item {
margin: 0 auto;
}
.about .concept .greeting .flx_item.vertical {
width: 92%;
}
.about .concept .greeting .thum {
width: 92%;
}  .about.ver02 .post_content {
padding-top: 2em;
}  .staff .post_content .flx_box {
padding: 2em 0;
}
.staff .post_content .flx_item.thum {
width: 100%;
}
.staff .post_content .flx_item.thum img {
width: 100%;
}
.staff .post_content .flx_item.txt {
width: 100%;
padding: 2em 0 0;
}
.staff .post_content .flx_item .profile {
margin: 0;
height: 300px; }
.staff .post_content .profile dl dt {
height: 35%;
}
.staff .post_content .profile dl dd {
height: 65%;
padding: 10px 0 0;
}  .staff.ver02 .post_content {
padding-top: 0.5em;
}  .furniture .sub-visual .inner {
height: 380px;
}
.furniture .sub-visual .inner > div {
width: 70%;
}
.furniture .page-ttl .sub-ttl {
min-width: auto;
}
.furniture .page-ttl .caption {
margin: 0;
height: 310px;
}
.furniture .post_content .inner {
padding: 0;
}
.furniture .post_content .flx_item {
width: 100%;
margin: 0 0 1em !important;
}
.furniture .post_content .thum:nth-child(2n) figcaption {
left: inherit;
right: 0;
}
.furniture .post_content .slider-box { display: none;
}
.furniture .banner {
padding: 0;
}
.furniture .banner img {
display: none;
}
.furniture .banner img.sp-only {
display: block;
}  .single.news .page-ttl .inner {
padding: 0 0 45%;
}
.single.news .post-ttl {
}  .news.ver02 .page-ttl .inner {
padding: 0 1em 2em;
}   .blog .archive-list {
width: 90%;
}
.single.blog .main-ttl {
right: 0.5em;
font-size: 2.2rem;
}
.single.blog .main-ttl.is-fix {
position: fixed;
margin: 60px 0 0;
}
.single.blog .main-ttl.is-end {
bottom: 240px;
top: inherit;
}
.single.blog .post-box {
width: 90%;
}
.single.blog.ver02 .main-ttl.is-fix {
position: relative;
margin: 0 0 1.5em;
}
.single.blog.ver02 .main-ttl.is-end {
bottom: inherit;
top: inherit;
}  .blog .selector {
position: relative;
right: auto;
top: auto;
width: 90%;
margin: 0 auto 40px;
padding: 0 1em;
}
.blog .trigger {
padding: 5px 20px 5px 90px;
}
.blog .trigger.icon-cal,
.blog .trigger.icon-tag {
background-position: left 50px center;
}
.single.blog .editor_area .cat-box .brackets-square::before,
.single.blog .editor_area .cat-box .brackets-square::after {
width: 26px;
height: 10px;
}   .works .archive-list .list-item .item-ttl,
.works .swiper-slide .item-ttl,
.column .archive-list .list-item .item-ttl,
.column .swiper-slide .item-ttl {
font-size: 1.2em;
}
.works .archive-list .list-item .item-ttl span,
.works .swiper-slide .item-ttl span,
.column .archive-list .list-item .item-ttl span,
.column .swiper-slide .item-ttl span {
font-size: 12px;
}
.works .item-ttl.sp,
.column .item-ttl.sp {
font-size: 1.2em;
padding: 2em 0;
}
.works .item-ttl.sp span,
.column .item-ttl.sp span {
font-size: 12px;
}  .works.ver02 .archive-list .list-item .item-ttl {
font-size: 1.4rem;
}
.works.ver02 .archive-list .list-item .item-ttl span {
font-size: 12px;
}
.works.ver02 .archive-list .list-item .thum {
height: 120px;
margin: 0 auto 10px;
}
.works.ver02 .archive-list .list-item .thum img {
height: 100%;
object-fit: cover;
}
.works.ver02 .pagenate {
margin: 8% auto 20%;
}  .collabo .main-ttl {
position: relative;
top: inherit;
right: inherit;
}
.collabo .sub-visual {
padding: 6em 0;
}
.collabo .sub-visual .box_vertical {
margin: 0 0 1em;
}
.collabo .sub-visual .main-ttl {
margin: 0 0 0 1em;
}
.collabo .sub-visual .caption {
line-height: 2.2;
}
.collabo .sub-visual .image {
width: 90%;
}
.collabo .sub-visual .image img {
display: none;
}
.collabo .sub-visual .image img.sp-only {
display: block;
}
.collabo .sub_img .flx_item {
width: 100%;
}
.collabo .thinking {
padding: 4em 0 0;
}
.collabo .thinking .main-ttl {
font-size: 2rem;
}
.collabo .thinking .flx_box {
flex-direction: column;
margin: 0 auto 6em;
}
.collabo .thinking .sub-ttl {
margin: 0 auto 1.2em;
order: 1;
}
.collabo .thinking .txt {
font-size: 1em;
line-height: 3;
margin: 0 auto;
order: 3;
height: auto !important;
}
.collabo .thinking .thum {
width: 80%;
order: 2;
margin: 0 auto 2em;
}
.collabo #think02 .thum {
padding: 1em 1.5em;
}
.collabo #think03 .thum {
padding: 0 1em;
}
.collabo .sdgs {
padding: 0 0 3em;
}
.collabo .sdgs .image {
width: 100%;
margin: 0 auto 6em;
}
.collabo .sdgs .image img {
display: none;
}
.collabo .sdgs .image img.sp-only {
display: block;
}
.collabo .sdgs .main-ttl {
width: 80%;
}
.collabo .sdgs .caption {
width: 100%;
font-size: 1em;
margin: 0 auto 4em;
}
.collabo .sdgs .banner {
margin: 0 auto 2em;
}
.collabo .sdgs .bn-item {
width: 100%;
margin: 0 0 1.5em;
padding: 0;
}
}
@media screen and (max-width: 360px) {
.concept .greeting .txt {
column-gap: 2.5em;
height: 1180px;
line-height: 2;
}
.concept .greeting .vertical p {
bottom: 0;
left: 0;
}
.about .concept .greeting .flx_item.vertical {
width: 100%;
}
.about .concept .greeting .thum {
width: 100%;
}
}