/*
Theme Name: NOVA Co,.Ltd.
Description: Welcart Basic Child is child theme for Welcart Basic.
Author: 株式会社ドルフィンズ
Author URI: https://dolphins.ne.jp/
Template: welcart_basic
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, basic-child, two-columns, right-sidebar. left-sidebar
*/

@charset "utf-8";

@font-face {
font-family: "Lato Light";
src: url('lib/font/Lato-Light.ttf') format("truetype");
}
@font-face {
font-family: "Lato Regular";
src: url('lib/font/Lato-Regular.ttf') format("truetype");
}
@font-face {
font-family: "Noto Sans Light JP";
src: url("lib/font/NotoSansJP-Light.ttf") format("truetype");
}
@font-face {
font-family: "Noto Sans Regular JP";
src: url("lib/font/NotoSansJP-Regular.ttf") format("truetype");
}

/* =reset
--------------------------------------------------------- */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,form,fieldset,legend,a,em,address,img {
font-weight: normal;
font-size: 100%;
margin: 0;
padding: 0;
border: none;
text-align: left;
color:#555555;
line-height: 1;
list-style-type: none;
font-family: "Noto Sans Regular JP", sans-serif;
}
input,textarea {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

a {
opacity:1;
transition:.3s;
}
a:link {
color:#555555;
text-decoration: none;
}
a:visited {
color:#555555;
text-decoration: none;
}
a:hover {
color:#555555;
text-decoration: none;
opacity:0.5;
}
a, a:focus {
outline: none;
}

img {
width: 100%;
max-width: 100%;
height: auto;
}
/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
img {
width: auto;
}
}

hr {
height: 0;
margin: 0;
padding: 0;
border: none !important; 
border-top: 1px solid #cccccc !important;
margin:0 0 25px;
}
/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
hr {
margin:0 0 30px;
}
}

.brPc {display:none;}
.brSp {display:block;}
/* 画面サイズ 960px〜*/
@media (min-width: 960px){
.brPc {display:block;}
.brSp {display:none;}
}


/* カラムブロックのブレイクポイントを960pxに設定 */
@media (max-width: 959px) {
/* 959px以下でカラムが縦に積み重なるように設定 */
.wp-block-columns {
flex-wrap: wrap !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
}
@media (min-width: 960px) {
/* 960px以上でカラムが横並びになるように設定 */
.wp-block-columns {
flex-wrap: nowrap !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 0 !important;
flex-grow: 1 !important;
}
}

/* =framework
--------------------------------------------------------- */
body {
font-size: 16px;
margin: 0px;
padding: 0px;
text-align: center;
}
#skipNav {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
overflow: hidden;
}
#content-main {
width:84vw;
margin:0 auto;
padding:120px 0 60px;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#content-main {
width:74vw;
padding:140px 0 80px;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#content-main {
width:900px;
padding:160px 0 100px;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#content-main {
width:1100px;
padding:160px 0 120px;
}
}

/* =object
--------------------------------------------------------- */
h1 {
font-size: 175%;/* 28px */
line-height:130%;
margin:0 0 25px;
letter-spacing: 0.05em;
word-break: keep-all;
font-family: "Noto Sans Light JP";
}
h2 {
font-size: 138%;/* 22px */
line-height:130%;
margin:0 0 25px;
word-break: keep-all;
}
h3 {
font-size: 100%;/* 16px */
line-height:130%;
margin:0 0 10px;
}
h4 {
font-size: 88%;/* 14px */
line-height:130%;
margin:0 0 10px;
}
.section-title {
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
text-align:center;
}
p {
font-size: 82%;/* 13px */
line-height:180%;
margin:0 0 25px;
}
.english {
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
letter-spacing: 0.1em;
}

.break-keep-all {
word-break: keep-all;
}

.alignCenter {
text-align:center;
}
.alignRight {
text-align:right;
}
.alignCenter img {
margin:0 auto;
}
.alignRight img {
margin:0 0 0 auto;
}

.mgn0{
margin-bottom:0px !important;
}
.mgn10{
margin-bottom:10px !important;
}
.mgn20{
margin-bottom:20px !important;
}
.mgn30{
margin-bottom:30px !important;
}
.mgn40{
margin-bottom:40px !important;
}
.mgn50{
margin-bottom:50px !important;
}
.mgn60{
margin-bottom:60px !important;
}

/* .content */
.content {
width:84vw;
margin:0 auto;
}

/* imghover */
a.imghover img {
transition: .3s;
}
a.imghover img:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/* scroll-down */
.scroll-down {
position: absolute;
bottom: 30px;
right: 20px;
z-index: 12;
writing-mode: vertical-rl;
}
.scroll-down .text {
display: inline-block;
font-size: 68%;/* 11px */
font-family: "Lato Regular", sans-serif;
font-weight: 300;
letter-spacing: 0.2em;
margin-bottom: 5px;
color: #e6e6e6;
}
.scroll-down .line {
position: relative;
display: inline-block;
width: 1px;
height: 40px;
margin:0 auto;
background-color: rgba(230,230,230,0.3);
overflow: hidden;
}
.scroll-down .line::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background: #e6e6e6;
animation: scroll-line 5s cubic-bezier(1, 0, 0, 1) infinite;
}
.scroll-down-gray .text {
color: #999999;
}
.scroll-down-gray .line::after {
background: #bbbbbb;
}
@keyframes scroll-line {
0% {
transform: scale(1, 0);
transform-origin: 0 0;
}
50% {
transform: scale(1, 1);
transform-origin: 0 0;
}
50.1% {
transform: scale(1, 1);
transform-origin: 0 100%;
}
100% {
transform: scale(1, 0);
transform-origin: 0 100%;
}
}

/* fade_in */
.fade_in {
transition: 1.5s ease-in-out;
transform: translateY(15px);
opacity: 0;
}
.fade_in.on {
transform: translateY(0);
opacity: 1;
}

/* fade_in_img */
.fade_in_img {
transition: 1.5s ease-in-out;
transform: scale(0.9, 0.9);
opacity: 0;
}
.fade_in_img.on {
transform: scale(1, 1);
opacity: 1;
}

/* .line-box */
.line-box {
border:1px solid #cccccc;
padding:25px 25px 0;
margin:0 0 25px;
}

/* .link-box */
.link-box {
font-size: 100%;/* 16px */
line-height:100%;
letter-spacing: 0.05em;
margin:0 5vw;
}
.link-box a {
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
display:block;
padding:20px 0;
text-align:center;
border:1px solid #cccccc;
}
.link-box a:hover {
color:#cccccc;
opacity:1;
}

/* .link-arrow */
.link-arrow {
text-align:right;
}
.link-arrow a {
padding-left:32px;
background-image:url("lib/images/icon_arrow.svg");
background-repeat:no-repeat;
background-position:0 50%;
background-size: 22px;
font-size: 88%;/* 14px */
font-family: "Lato Light", sans-serif;
letter-spacing: 0.05em;
transition:.5s;
}

/* .link-download */
.link-download {
font-size: 100%;/* 16px */
line-height:100%;
letter-spacing: 0.05em;
margin:0 5vw;
}
.link-download a {
display:block;
text-align:center;
border:1px solid #cccccc;
padding:20px 0 20px 35px;
background:url("lib/images/icon_download.svg") no-repeat 20px 50%;
background-size: 22px;
}
.link-download a:hover {
opacity:0.5;
}

/* .wp-block-buttons */
.wp-block-buttons {
margin:0 5vw;
}
.wp-block-buttons .wp-block-button {
display:block;
width:100%;
}
.wp-block-buttons .wp-block-button a.wp-block-button__link {
display:block;
color:#ffffff;
padding:20px 0;
text-align:center;
background-color:#464646;
background-image:url("lib/images/next_white.svg");
background-repeat:no-repeat;
background-position:95% 50%;
background-size: 15px;
border-radius: 0;
font-size: 100%;/* 16px */
}
.wp-block-buttons .wp-block-button a.wp-block-button__link:hover {
background-position:96.5% 50%;
opacity:1;
}

/* .list-dl */
dl.list-dl {
margin:0 0 30px;
}
dl.list-dl div {
padding:10px 0;
display:flex;
justify-content:space-between;
}
dl.list-dl div dt {
width:25vw;
font-size: 82%;/* 13px */
line-height:130%;
}
dl.list-dl div dd {
width:57vw;
font-size: 82%;/* 13px */
line-height:130%;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
h1 {
font-size: 175%;/* 28px */
margin:0 0 30px;
}
h2 {
font-size: 150%;/* 24px */
margin:0 0 30px;
}

/* .content */
.content {
width:74vw;
}

/* .link-box */
.link-box {
margin:0 10vw;
}

/* .link-download */
.link-download {
margin:0 10vw;
}

/* .wp-block-buttons */
.wp-block-buttons {
margin:0 7vw;
}
}

/* .list-dl */
dl.list-dl div dt {
width:20vw;
}
dl.list-dl div dd {
width:52vw;
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
/* .link-box */
.link-box {
margin:0 15vw;
}

/* .link-download */
.link-download {
margin:0 15vw;
}

/* .wp-block-buttons */
.wp-block-buttons {
margin:0;
}
.wp-block-buttons .wp-block-button {
width:280px;
margin:0 auto;
}
.wp-block-buttons .wp-block-button a.wp-block-button__link:hover {
background-position:97% 50%;
opacity:1;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
h1 {
font-size: 200%;/* 32px */
margin:0 0 35px;
}
h2 {
font-size: 150%;/* 24px */
margin:0 0 35px;
}
h3 {
font-size: 113%;/* 18px */
}
h4 {
font-size: 100%;/* 16px */
}
p {
font-size: 88%;/* 14px */
line-height:180%;
margin:0 0 30px;
}

/* .content */
.content {
width:900px;
}

/* scroll-down */
.scroll-down .text {
font-size: 75%;/* 12px */
}

/* .line-box */
.line-box {
padding:30px 30px 0;
margin:0 0 30px;
}

/* .link-box */
.link-box {
font-size: 100%;/* 16px */
width:320px;
margin:0 auto;
}

/* .link-download */
.link-download {
font-size: 100%;/* 16px */
width:320px;
margin:0 auto;
}

/* .list-dl */
dl.list-dl div dt {
width:200px;
font-size: 88%;/* 14px */
}
dl.list-dl div dd {
width:650px;
font-size: 88%;/* 14px */
}

}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
/* .content */
.content {
width:1100px;
}

/* .list-dl */
dl.list-dl div dt {
width:200px;
}
dl.list-dl div dd {
width:850px;
}
}

/* =navigation
--------------------------------------------------------- */
header {/* Welcartの設定をリセット */
position: block;
width: 100%;
margin-bottom: 0;
border-bottom: 0;
}
#navigationPc {
display:none;
}

#navigationSp {
display:block;
}
#navigationSp .logo {
position: absolute;
top: 25px;
left: 20px;
width:25vw;
height:5.8vw;
z-index: 97;
}
#navigationSp .logo h1 {
word-break: normal;
margin:0;
}
#navigationSp .logo h1 a {
display:block;
width:25vw;
height:5.8vw;
background:url("lib/images/logo.svg") no-repeat 50% 50%;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
body#index #navigationSp .logo h1 a,
body.body-product-detail.has-thumbnail #navigationSp .logo h1 a,
body.body-coordination-detail #navigationSp .logo h1 a,
body#concept #navigationSp .logo h1 a,
body#showroom #navigationSp .logo h1 a {
background:url("lib/images/logo_white.svg") no-repeat 50% 50%;
background-size: contain;
}
#navigationSp .navToggle {
display: block;
position: absolute;
top: 20px;
right: 20px;
width: 35px;
height: 30px;
cursor: pointer;
z-index: 100;
}
#navigationSp .navToggle span {
display: block;
position: absolute;
width: 35px;
border-bottom: solid 1px #999999;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
body#index #navigationSp .navToggle span,
body.body-product-detail.has-thumbnail #navigationSp .navToggle span,
body.body-coordination-detail #navigationSp .navToggle span,
body#concept #navigationSp .navToggle span,
body#showroom #navigationSp .navToggle span {
border-bottom: solid 1px #e6e6e6;
}
#navigationSp .navToggle span:nth-child(1) {
top: 7px;
}
#navigationSp .navToggle span:nth-child(2) {
top: 23px;
}
#navigationSp .navToggle.active span:nth-child(1) {/* 最初のspanを45度に */
top: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
#navigationSp .navToggle.active span:nth-child(2) {/* 2番目のspanを-45度に */
top: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#navigationSp nav {
position: fixed;
width: 70vw;
z-index: 99;
top:50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right:0;
left:0;
margin:auto;
text-align:center;
opacity: 0;
display: none; 
}
#navigationSp nav ul.main-menu {
margin:0 0 30px;
}
#navigationSp nav ul.main-menu li {
font-size: 100%;/* 16px */
border-bottom: 1px solid #cccccc;
}
#navigationSp nav ul.main-menu li:first-child {
border-top: 1px solid #cccccc;
}
#navigationSp nav ul.main-menu li a {
display: block;
padding: 0.7em 0;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.05em;
text-align:center;
}
#navigationSp nav ul.main-menu li a:hover {
opacity:0.5;
}
#navigationSp nav ul.other-menu {
text-align:center;
margin:0 0 20px;
}
#navigationSp nav ul.other-menu li {
display:inline-block;
margin:0 15px 10px;
font-size: 75%;/* 12px */
line-height:100%;
}
#navigationSp nav ul.sns {
text-align:center;
}
#navigationSp nav ul.sns li {
display:inline-block;
margin:0 10px;
}
#navigationSp nav ul.sns li a {
width:25px;
}
#navigationSp nav ul.sns li a img {
width:25px;
}
#navigationSp .menu-shadow {
display:none;
position: absolute;
z-index:96;
top:0;
left:0;
width:100%;
height:80px;
background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
body#index #navigationSp .menu-shadow,
body.body-product-detail.has-thumbnail #navigationSp .menu-shadow,
body.body-coordination-detail #navigationSp .menu-shadow,
body#concept #navigationSp .menu-shadow,
body#showroom #navigationSp .menu-shadow {
display:block;
}
#navigationSp .menu-bg {
position: fixed;
z-index: 98;
top: 0;
left: 0;
width: 100%;
height:100%;
background:#f6f6f6;
opacity: 0;
display: none; 
}

/* このクラスをjQueryで付与・削除する */
#navigationSp .navToggle.active {
position: fixed;
}
body#index #navigationSp .navToggle span.active,
body.body-product-detail.has-thumbnail #navigationSp .navToggle span.active,
body.body-coordination-detail #navigationSp .navToggle span.active,
body#concept #navigationSp .navToggle span.active,
body#showroom #navigationSp .navToggle span.active {
border-bottom: solid 1px #999999;
}
#navigationSp nav.active {
display: block; 
animation-name: fadeInMenu;
animation-fill-mode:forwards;
animation-duration:1s;
}
#navigationSp .menu-bg.active {
display: block; 
animation-name: fadeInBg;
animation-fill-mode:forwards;
animation-duration:1s;
}
/*フェードインアニメ*/
@keyframes fadeInMenu{
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeInBg{
0% {opacity: 0;}
100% {opacity: 1;}
}

#sub-menu {
position:absolute;
top:20px;
right:70px;
z-index: 97;
}
#sub-menu ul {
}
#sub-menu ul .info {
display:none;
}
#sub-menu ul .cart {
display:inline-block;
margin:0 10px;
position:relative;
}
#sub-menu ul .cart .icon {
display:block;
width:26px;
height:26px;
background:url("lib/images/icon_cart.svg") no-repeat 50% 50%;
background-size: cover;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
body#index #sub-menu ul .cart .icon,
body.body-product-detail.has-thumbnail #sub-menu ul .cart .icon,
body.body-coordination-detail #sub-menu ul .cart .icon,
body#concept #sub-menu ul .cart .icon,
body#showroom #sub-menu ul .cart .icon {
background:url("lib/images/icon_cart_white.svg") no-repeat 50% 50%;
background-size: cover;
}
#sub-menu ul .cart .icon a {
display:block;
width:26px;
height:26px;
}
#sub-menu ul .cart .quant {
position:absolute;
top:-8px;
right:-10px;
width:20px;
height:20px;
border-radius: 50%;
color:#ffffff;
background:#555555;
/*background:#555555;*/
font-size:12px;
line-height:160%;
text-align:center;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#navigationSp .logo {
top: 30px;
left: 30px;
width:18vw;
height:4.2vw;
}
#navigationSp .logo h1 a {
width:18vw;
height:4.2vw;
}
#navigationSp .navToggle {
right:30px;
top: 25px;
width: 42px;
height: 36px;
}
#navigationSp .navToggle span {
width: 42px;
}
#navigationSp .navToggle span:nth-child(1) {
top: 9px;
}
#navigationSp .navToggle span:nth-child(2) {
top: 27px;
}
#navigationSp .navToggle.active span:nth-child(1) {/* 最初のspanを45度に */
top: 18px;
}
#navigationSp .navToggle.active span:nth-child(2) {/* 2番目のspanを-45度に */
top: 18px;
}
#navigationSp nav {
width: 60vw;
}
#sub-menu {
top:28px;
right:85px;
}
#sub-menu ul .cart .icon {
width:28px;
height:28px;
}
#sub-menu ul .cart .icon a {
width:28px;
height:28px;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#navigationSp .logo {
width:14vw;
height:3.3vw;
}
#navigationSp .logo h1 a {
width:14vw;
height:3.3vw;
}
#navigationSp nav {
width: 50vw;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#navigationSp {
display:none;
}

#navigationPc {
display:block;
width:100%;
position:absolute;
top:0;
left:0;
z-index: 100;
min-height:80px;
}
body#index #navigationPc,
body.body-product-detail.has-thumbnail #navigationPc,
body.body-coordination-detail #navigationPc,
body#concept #navigationPc,
body#showroom #navigationPc {
background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
#navigationPc ul.main-menu {
width:900px;
padding:25px 0;
margin:0 auto;
text-align:center;
}
#navigationPc ul.main-menu li {
display:inline-block;
font-size: 94%;/* 15px */
line-height:100%;
margin:0 50px 0 0;
}
#navigationPc ul.main-menu li.logo {
margin:0 70px 0 0;
}
#navigationPc ul.main-menu li.logo h1 {
display:inline-block;
word-break: normal;
margin:0;
}
#navigationPc ul.main-menu li.logo h1 a {
width:120px;
height:28px;
background:url("lib/images/logo.svg") no-repeat 50% 50%;
background-size: cover;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
body#index #navigationPc ul.main-menu li.logo h1 a,
body.body-product-detail.has-thumbnail #navigationPc ul.main-menu li.logo h1 a,
body.body-coordination-detail #navigationPc ul.main-menu li.logo h1 a,
body#concept #navigationPc ul.main-menu li.logo h1 a,
body#showroom #navigationPc ul.main-menu li.logo h1 a {
background:url("lib/images/logo_white.svg") no-repeat 50% 50%;
background-size: cover;
}
#navigationPc ul.main-menu li:last-child {
margin:0 0 0 0;
}
#navigationPc ul.main-menu li a {
display:block;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.05em;
}
#navigationPc ul.main-menu li a:link {
color:#555555;
}
body#index #navigationPc ul.main-menu li a:link,
body.body-product-detail.has-thumbnail #navigationPc ul.main-menu li a:link,
body.body-coordination-detail #navigationPc ul.main-menu li a:link,
body#concept #navigationPc ul.main-menu li a:link,
body#showroom #navigationPc ul.main-menu li a:link {
color:#e6e6e6;
}
#navigationPc ul.main-menu li a:visited {
color:#555555;
}
body#index #navigationPc ul.main-menu li a:visited,
body.body-product-detail.has-thumbnail #navigationPc ul.main-menu li a:visited,
body.body-coordination-detail #navigationPc ul.main-menu li a:visited,
body#concept #navigationPc ul.main-menu li a:visited,
body#showroom #navigationPc ul.main-menu li a:visited {
color:#e6e6e6;
}
#sub-menu {
top:20px;
right:20px;
z-index: 100;
}
#sub-menu ul .info {
display:inline-block;
margin:0 10px;
}
#sub-menu ul .info a {
display:block;
width:22px;
height:22px;
background:url("lib/images/icon_info.svg") no-repeat 50% 50%;
background-size: cover;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
body#index #sub-menu ul .info a,
body.body-product-detail.has-thumbnail #sub-menu ul .info a,
body.body-coordination-detail #sub-menu ul .info a,
body#concept #sub-menu ul .info a,
body#showroom #sub-menu ul .info a {
background:url("lib/images/icon_info_white.svg") no-repeat 50% 50%;
background-size: cover;
}
#sub-menu ul .cart .icon {
width:22px;
height:22px;
}
#sub-menu ul .cart .icon a {
width:22px;
height:22px;
}
#sub-menu ul .cart .quant {
bottom:-12px;
right:-12px;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#navigationPc ul.main-menu {
width:1100px;
}
#navigationPc ul.main-menu li {
margin:0 70px 0 0;
}
#navigationPc ul.main-menu li.logo {
margin:0 90px 0 0;
}
}

/* =カルーセル
--------------------------------------------------------- */
.arrow-box{
position: absolute;
top:-50px;
right:0;
display: flex;
}
.arrow-box .prev,
.arrow-box .next {
width:35px;
height:35px;
margin:0 0 0 15px;
border:1px solid #dddddd;
background:#ffffff;
position: relative;
cursor: pointer;
}
.arrow-box .prev:before {
content: "";
width:8px;
height:8px;
border-top: 1px solid #555555;
border-left: 1px solid #555555;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-30%, -50%)rotate(-45deg);
}
.arrow-box .next:before {
content: "";
width:8px;
height:8px;
border-top: 1px solid #555555;
border-left: 1px solid #555555;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-70%, -50%)rotate(135deg);
}

.dots-wrap {
display: flex;
justify-content: center;
}
.dots-wrap li {
width: 10px !important;
height: 10px !important;
margin: 0 14px !important;
background: #e6e6e6 !important;
border-radius: 50%;
cursor: pointer;
}
.dots-wrap li.slick-active {
background: #555555 !important;
}
.dots-wrap li button {
display: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
padding: 0;
border: none;
background-color: transparent;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
.arrow-box{
top:-55px;
}
.arrow-box .prev,
.arrow-box .next {
width:40px;
height:40px;
}
.arrow-box .prev:before {
width:10px;
height:10px;
}
.arrow-box .next:before {
width:10px;
height:10px;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
.arrow-box{
width:100%;
top:0;
right:0;
display: block;
}
.arrow-box .prev,
.arrow-box .next {
width:45px;
height:45px;
margin:0;
border:1px solid #dddddd;
position: absolute;
cursor: pointer;
background:#ffffff;
}
.arrow-box .prev{
left:0;
border-left:0;
}
.arrow-box .next{
right:0;
border-right:0;
}
.arrow-box .prev:before {
width:9px;
height:9px;
}
.arrow-box .next:before {
width:9px;
height:9px;
}
.dots-wrap li {
width: 10px !important;
height: 10px !important;
margin: 0 16px !important;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
}

/* =index
--------------------------------------------------------- */
#index #keyvisual{
position: relative;
background:#000000;
}
#index #keyvisual .domus{
position:absolute;
bottom:20px;
right:50px;
z-index:11;
width:35vw;
}
#index #keyvisual .info-popup{
display:none;
position:absolute;
bottom:100px;
left:0;
right:0;
z-index:11;
width:70vw;
margin:0 auto;
padding:15px 0;
background:#ffffff;
border-radius: 10px;
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}
#index #keyvisual .info-popup p{
margin:0 20px;
line-height:150%;
}
#index #keyvisual .info-popup .close{
position:absolute;
top:-15px;
right:-15px;
width:30px;
cursor: pointer;
}
#index #keyvisual .info-popup.active {/* このクラスをjQueryで付与・削除する */
animation-name: fadeOutPopup;
animation-fill-mode:forwards;
animation-duration:0.5s;
}
@keyframes fadeOutPopup{
0% {opacity: 1;}
100% {opacity: 0;}
}
#index #keyvisual ul.image{
height: 100vh;
height: 100svh; /* ios対策 */
overflow: hidden;
position: relative;
}
#index #keyvisual ul.image li{
width: 100%;
height: 100vh;
height: 100svh; /* ios対策 */
z-index:10;
opacity: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
-webkit-animation: keyvisual-anime 40s 0s infinite;
animation: keyvisual-anime 40s 0s infinite;
}
#index #keyvisual ul.image li:nth-of-type(2) {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#index #keyvisual ul.image li:nth-of-type(3) {
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
#index #keyvisual ul.image li:nth-of-type(4) {
-webkit-animation-delay: 24s;
animation-delay: 24s;
}
#index #keyvisual ul.image li:nth-of-type(5) {
-webkit-animation-delay: 32s;
animation-delay: 32s;
}

@keyframes keyvisual-anime {
0% {opacity: 0;} /* 0秒 */
10% {opacity: 1;} /* 約4秒後 */
20% {opacity: 1;} /* 約8秒後 */
30% {opacity: 0; z-index:9;} /* 12秒後 */
100% {transform: scale(1.2) ; opacity: 0;} /* 40秒後 */
}

#index #product-group{
width:84vw;
margin:0 auto;
padding:60px 0;
}
#index #product-group h1{
margin:0 0 60px;
}
#index #product-group .product-carousel {
position: relative;
margin:0 0 40px;
}
#index #product-group .product-carousel ul{
width:100%;
}
#index #product-group .product-carousel ul li{
margin:0 0 30px;
}
/*#index #product-group .product-carousel ul li.slick-slide{
transition:.2s;
opacity: 0.5;
}
#index #product-group .product-carousel ul li.slick-active {
opacity: 1;
}*/
#index #product-group .product-carousel ul li a{
display:block;
}
#index #product-group .product-carousel ul li a:hover{
opacity: 1;
}
#index #product-group .product-carousel ul li .image{
width:84vw;
height:126vw;
margin:0 0 10px;
background-color:#f6f6f6;
background-repeat:no-repeat;
background-position:50% 50%;
background-size: cover;
}
#index #product-group .product-carousel ul li h2{
font-size: 138%;/* 22px */
line-height:110%;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.1em;
margin:0 0 3px;
}
#index #product-group .product-carousel ul li p{
font-size: 88%;/* 14px */
line-height:110%;
font-family: "Lato Light", sans-serif;
margin:0;
}

#index #about-section {
padding:60px 0;
background:#f6f6f6;
}
#index #about-section .inner {
width:84vw;
margin:0 auto;
}
#index #about-section .inner .text {
/*margin:0 0 30px;*/
margin:0 0 60px;
}
#index #about-section .inner .text h2 {
text-align:center;
color:#464646;
}
#index #about-section .inner .text p {
color:#464646;
}
#index #about-section .inner .photo {
width:84vw;
margin:0 auto;
}

#index #information-group {
width:84vw;
margin:0 auto;
padding:60px 0;
}
#index #information-group ul {
}
#index #information-group ul li {
border-bottom:1px solid #cccccc;
margin:0 0 15px;
padding:0 0 15px;
}
#index #information-group ul li h3 {
font-size: 88%;/* 14px */
transition:.3s;
}
#index #information-group ul li p {
line-height:150%;
margin:0;
transition:.3s;
}
#index #information-group ul li p span {
font-size: 93%;/* 12px */
display:block;
margin:3px 0 0;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.1em;
}
#index #information-group ul li a:hover h3,
#index #information-group ul li a:hover p {
opacity:0.5;
}

#index #showroom-section {
padding:60px 0;
background: #f6f6f6;
}
#index #showroom-section .inner {
width:84vw;
margin:0 auto;
}
#index #showroom-section .inner .text {
margin:0 0 60px;
}
#index #showroom-section .inner .text h1 {
color:#464646;
}
#index #showroom-section .inner .text p {
color:#464646;
}
#index #showroom-section .text .link-box a {
color:#464646;
}
#index #showroom-section .inner .photo {
width: 100%;
height: 84vw;
background:url("/wp-content/uploads/2026/06/common_showroom.jpg") no-repeat 50% 50%;
background-size: cover;
}
#index #information-large {
padding:60px 0;
background:#67574c;
}
#index #information-large .inner {
width:84vw;
margin:0 auto;
}
#index #information-large .inner .text {
margin:0 0 60px;
}
#index #information-large .inner .text h2 {
text-align:center;
color:#e2cb9d;
}
#index #information-large .inner .text p {
color:#e2cb9d;
}
#index #information-large .inner .text .link-box a {
color:#e2cb9d;
border:1px solid #e2cb9d;
}
#index #information-large .inner .text .link-box a:hover {
color:#67574c;
background-color:rgba(226, 203, 157, 1);
opacity:1;
}
#index #information-large .inner .photo {
width:84vw;
margin:0 auto;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#index #keyvisual .domus{
width:25vw;
}
#index #keyvisual .info-popup{
width:60vw;
}
#index #product-group{
width:74vw;
padding:80px 0;
}
#index #product-group h1{
margin:0 0 80px;
}
#index #product-group .product-carousel ul li .image{
width:74vw;
height:111vw;
}
#index #about-section {
padding:80px 0;
}
#index #about-section .inner {
width:74vw;
}
#index #about-section .inner .text {
}
#index #about-section .inner .photo {
width:74vw;
}
#index #information-group {
width:74vw;
padding:60px 0;
}
#index #showroom-section {
padding:80px 0;
}
#index #showroom-section .inner {
width:74vw;
}
#index #showroom-section .inner .text {
}
#index #showroom-section .inner .photo {
height: 74vw;
}
#index #information-large {
padding:80px 0;
}
#index #information-large .inner {
width:74vw;
}
#index #information-large .inner .photo {
width:74vw;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#index #keyvisual .domus{
width:20vw;
}
#index #keyvisual .info-popup{
bottom:120px;
}
#index #product-group{
width:64vw;
}
#index #product-group .product-carousel ul li .image{
width:64vw;
height:96vw;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#index #keyvisual .domus{
bottom:30px;
right:60px;
width:170px;
}
#index #keyvisual .info-popup{
bottom:40px;
left:40px;
right:auto;
width:350px;
margin:0;
}
#index #product-group{
width:100%;
padding:100px 0;
}
#index #product-group .product-carousel {
margin:0 0 60px;
position:relative;
}
#index #product-group .product-carousel ul{
width:84vw;
margin:0 auto;
}
#index #product-group .product-carousel ul li{
width:21vw;
margin:0 0 40px;
}
#index #product-group .product-carousel ul li a{
width:19vw;
margin:0 auto;
}
#index #product-group .product-carousel ul li a:hover{
opacity: 0.8;
}
#index #product-group .product-carousel ul li .image{
width:19vw;
height:28.5vw;
}
#index #product-group .product-carousel ul li h2{
font-size: 113%;/* 18px */
margin:0 0 5px;
}
#index #product-group .product-carousel ul li p{
}
#index #product-group .product-carousel .arrow-box .prev{
top:12.6vw;
}
#index #product-group .product-carousel .arrow-box .next{
top:12.6vw;
}
#index #about-section {
padding:100px 0;
}
#index #about-section .inner {
width:900px;
display:flex;
justify-content:space-between;
align-items: center;
}
#index #about-section .inner .text {
width:400px;
margin:0;
}
#index #about-section .inner .text h2 {
text-align:center;
}
#index #about-section .inner .text p {
margin:0 0 40px;
}
#index #about-section .inner .text .link-box {
margin:0 auto;
}
#index #about-section .inner .photo {
width:420px;
margin:0;
}
#index #about-section .inner .photo img {
width:420px;
}
#index #information-group {
width:900px;
padding:80px 0;
}
#index #information-group ul {
display:flex;
justify-content:space-between;
margin:0 0 30px;
}
#index #information-group ul li {
border-bottom:0;
border-left:1px solid #cccccc;
margin:0;
padding:10px 0;
}
#index #information-group ul li:last-child {
border-right:1px solid #cccccc;
}
#index #information-group ul li h3 {
font-size: 100%;/* 16px */
padding:0 30px;
}
#index #information-group ul li p {
padding:0 30px;
}
#index #showroom-section {
padding:0;
background:url("/wp-content/uploads/2026/06/common_showroom.jpg") no-repeat 50% 50%;
background-size: cover;
}
#index #showroom-section .inner {
width:900px;
height: 550px;
margin:0 auto;
position:relative;
}
#index #showroom-section .inner .text {
position:absolute;
top:50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left:0;
right:0;
width:420px;
margin:0 auto;
padding:20px 0;
background-color:rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
#index #showroom-section .inner .text h1 {
font-size: 150%;/* 24px */
margin:0 0 15px;
padding:0 30px;
color:#ffffff;
}
#index #showroom-section .inner .text p {
font-size: 82%;/* 13px */
margin:0 0 20px;
padding:0 30px;
color:#ffffff;
}
#index #showroom-section .inner .link-box {
margin:0 auto;
}
#index #showroom-section .inner .photo {
display:none;
width: 100%;
height: auto;
background:none;
}
#index #showroom-section  .text .link-box {
}
#index #showroom-section .text .link-box a {
color:#ffffff;
border:1px solid #ffffff;
}
#index #showroom-section .text .link-box a:hover {
color:#999999;
background:#ffffff;
}
#index #information-large {
padding:100px 0;
}
#index #information-large .inner {
width:900px;
display:flex;
justify-content:space-between;
align-items: center;
}
#index #information-large .inner .text {
width:400px;
margin:0;
}
#index #information-large .inner .text h2 {
text-align:center;
}
#index #information-large .inner .text p {
margin:0 0 40px;
}
#index #information-large .inner .text .link-box {
margin:0 auto;
}
#index #information-large .inner .photo {
width:420px;
margin:0;
}
#index #information-large .inner .photo img {
width:420px;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#index #product-group .product-carousel ul{
width:74vw;
}
#index #product-group .product-carousel ul li{
width:18.5vw;
}
#index #product-group .product-carousel ul li a{
width:17vw;
}
#index #product-group .product-carousel ul li .image{
width:17vw;
height:25.5vw;
}
#index #product-group .product-carousel .arrow-box .prev{
top:11.6vw;
}
#index #product-group .product-carousel .arrow-box .next{
top:11.6vw;
}
#index #about-section .inner {
width:1100px;
}
#index #about-section .inner .text {
width:500px;
}
#index #about-section .inner .photo {
width:500px;
}
#index #about-section .inner .photo img {
width:500px;
}
#index #information-group {
width:1100px;
}
#index #information-group ul li h3 {
padding:0 40px;
}
#index #information-group ul li p {
padding:0 40px;
}
#index #showroom-section .inner {
width:1100px;
height: 600px;
}
#index #showroom-section .inner .text {
width:500px;
}
#index #information-large .inner {
width:1100px;
}
#index #information-large .inner .text {
width:500px;
}
#index #information-large .inner .photo {
width:500px;
}
#index #information-large .inner .photo img {
width:500px;
}
}

/* =link-section
--------------------------------------------------------- */
#link-section {
margin:0 auto;
padding:60px 10vw;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#link-section {
padding:80px 10vw;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#link-section {
padding:100px 0;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
}

/* =coordination-section
--------------------------------------------------------- */
#coordination-section {
position:relative;
}
#coordination-section .photo {
display: flex;
justify-content:flex-start;
overflow: hidden;
}
#coordination-section .photo .coordination-slide {
display: flex;
justify-content:flex-start;
animation: coordination-slide-show-sp 100s linear infinite;
}
#coordination-section .photo .coordination-slide li {
width: 100vw;
height: 90vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@keyframes coordination-slide-show-sp {
0% {transform: translateX(0);}
100% {transform: translateX(-600vw);} /* 100vw × 画像6枚 */
}
#coordination-section .text {
position: absolute;
top:50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left:0;
right:0;
width:64vw;
margin:0 auto;
padding:20px 0;
background-color:rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
#coordination-section .text h1 {
font-size: 150%;/* 24px */
padding:0 5vw;
margin:0 0 10px;
color:#ffffff;
}
#coordination-section .text p {
font-size: 75%;/* 12px */
padding:0 5vw;
margin:0 0 15px;
color:#ffffff;
}
#coordination-section .text .link-box {
/*margin:0 8vw;*/
margin:0 5vw;
}
#coordination-section .text .link-box a {
color:#ffffff;
border:1px solid #ffffff;
}
#coordination-section .text .link-box a:hover {
color:#999999;
background:#ffffff;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#coordination-section .photo .coordination-slide {
animation: coordination-slide-show-sp 150s linear infinite;
}
#coordination-section .text {
padding:25px 0;
}
#coordination-section .text h1 {
margin:0 0 15px;
}
#coordination-section .text p {
margin:0 0 20px;
}
#coordination-section .text .link-box {
margin:0 10vw;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#coordination-section .photo .coordination-slide {
animation: coordination-slide-show-pc 200s linear infinite;
}
@keyframes coordination-slide-show-pc {
0% {transform: translateX(0);}
100% {transform: translateX(-300vw);} /* 50vw × 画像6枚 */
}
#coordination-section .photo .coordination-slide li {
width: 50vw;
height: 550px;
}
#coordination-section .text {
width:430px;
padding:20px 0 25px;
}
#coordination-section .text h1 {
padding:0 30px;
}
#coordination-section .text p {
font-size: 82%;/* 13px */
padding:0 30px;
}
#coordination-section .text .link-box {
margin:0 auto;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#coordination-section .photo .coordination-slide {
animation: coordination-slide-show-pc 250s linear infinite;
}
}

/* =showroom-banner
--------------------------------------------------------- */
.showroom-banner {
}
.showroom-banner .inner {
background:#f6f6f6;
padding:60px 0;
}
.showroom-banner .inner .text {
width:84vw;
margin:0 auto 60px;
}
.showroom-banner .inner .text h1 {
color:#464646;
text-align:center;
}
.showroom-banner .inner .text p {
color:#464646;
}
.showroom-banner .inner .text .link-box a {
color:#464646;
}
.showroom-banner .inner .text .link-box a:hover {
color:#cccccc;
opacity:1;
}
.showroom-banner .inner .photo {
width:84vw;
height:84vw;
margin:0 auto;
background:url("/wp-content/uploads/2026/06/common_showroom.jpg") no-repeat 50% 50%;
background-size: cover;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
.showroom-banner {
}
.showroom-banner .inner {
padding:80px 0;
}
.showroom-banner .inner .text {
width:74vw;
margin:0 auto 80px;
}
.showroom-banner .inner .photo {
width:74vw;
height:74vw;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
.showroom-banner {
padding:100px 0;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.showroom-banner .inner {
width:84vw;
margin:0 auto;
padding:0;
display:flex;
justify-content:space-between;
}
.showroom-banner .inner .text {
width:42vw;
padding:60px 0;
margin:0;
}
.showroom-banner .inner .text h1 {
font-size: 150%;/* 24px */
margin:0 0 20px;
}
.showroom-banner .inner .text p {
font-size: 82%;/* 13px */
padding:0 50px;
}
.showroom-banner .inner .photo {
width:42vw;
height:auto;
margin:0;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
.showroom-banner {
padding:120px 0;
}
.showroom-banner .inner {
width:74vw;
}
.showroom-banner .inner .text {
width:37vw;
}
.showroom-banner .inner .text h1 {
margin:0 0 30px;
}
.showroom-banner .inner .text p {
padding:0 100px;
}
.showroom-banner .inner .photo {
width:37vw;
}
}

/* =contact-section
--------------------------------------------------------- */
#contact-section {
padding:60px 0;
border-top:1px solid #cccccc;
}
body#index #contact-section,
body#product #contact-section,
body#coordination #contact-section,
body#concept #contact-section,
body#showroom #contact-section {
border-top:0;
}
#contact-section .inner {
width:84vw;
margin:0 auto;
}
#contact-section .inner .text {
margin:0 0 30px;
}
#contact-section .inner .text h3 {
font-size: 125%;/* 20px */
word-break: keep-all;
margin:0 0 15px;
text-align:center;
}
#contact-section .inner .text p {
margin:0;
}
#contact-section .inner .button .individual {
margin:0 5vw 10px;
}
#contact-section .inner .button .corporation {
margin:0 5vw;
}
#contact-section .inner .button .individual a,
#contact-section .inner .button .corporation a {
display:block;
color:#ffffff;
padding:20px 0;
text-align:center;
background-color:#464646;
background-image:url("lib/images/next_white.svg");
background-repeat:no-repeat;
background-position:95% 50%;
background-size: 15px;
}
#contact-section .inner .button .individual a:hover,
#contact-section .inner .button .corporation a:hover {
background-position:96.5% 50%;
opacity:1;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#contact-section {
padding:80px 0;
}
#contact-section .inner {
width:74vw;
}
#contact-section .inner .text {
margin:0 0 40px;
}
#contact-section .inner .text h3 {
margin:0 0 20px;
}
#contact-section .inner .button .individual {
margin:0 7vw 15px;
}
#contact-section .inner .button .corporation {
margin:0 7vw;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#contact-section {
padding:45px 0;
}
#contact-section .inner {
width:900px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
#contact-section .inner .text {
width:560px;
margin:0;
}
#contact-section .inner .text h3 {
text-align:left;
}
#contact-section .inner .button {
width:280px;
}
#contact-section .inner .button .individual {
margin:0 0 10px;
}
#contact-section .inner .button .corporation {
margin:0;
}
#contact-section .inner .button .individual a:hover,
#contact-section .inner .button .corporation a:hover {
background-position:97% 50%;
opacity:1;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#contact-section .inner {
width:1100px;
}
#contact-section .inner .text {
width:760px;
padding-top:15px;
}
}

/* =footer
--------------------------------------------------------- */
#footer {
width:100%;
background:#f6f6f6;
padding:60px 0 20px;
}
#footer .logo {
}
#footer .logo .nova {
margin:0 0 30px;
}
#footer .logo .nova a {
display:block;
width:30vw;
margin:0 auto 20px;
}
#footer .logo .nova h4 {
font-size: 75%;/* 12px */
line-height:100%;
margin:0;
text-align:center;
}
#footer .logo .domus {
margin:0 0 30px;
text-align:center;
}
#footer .logo .domus img {
width:40vw;
}
#footer .sns {
width:80px;
margin:0 auto 25px;
display:flex;
justify-content:space-between;
}
#footer .sns li {
width:24px;
}
#footer .address {
width:65vw;
margin:0 auto;
font-size: 75%;/* 12px */
word-break: keep-all;
}
#footer .address a {
font-weight:bold;
}
#footer .tel-mail {
width:65vw;
margin:0 auto 25px;
font-size: 75%;/* 12px */
}
#footer .hours {
width:65vw;
margin:0 auto 25px;
font-size: 75%;/* 12px */
}
#footer .hours span {
display:block;
}

#footer .credit {
width:240px;
margin:0 auto 25px;
display:flex;
justify-content:space-between;
}
#footer .credit li {
width:40px;
}
#footer .credit li img {
width:40px;
}
#footer .other-bar {
border-top:1px solid #dddddd;
padding:20px 0 0;
}
#footer .other-bar ul {
width:70vw;
margin:0 auto 10px;
text-align:center;
}
#footer .other-bar ul li {
font-size: 75%;/* 12px */
display:inline-block;
margin:0 10px 5px 0;
}
#footer .other-bar p.copyright {
font-size: 75%;/* 12px */
margin:0;
padding:0;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.1em;
text-align:center;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#footer .logo .nova a {
width:25vw;
}
#footer .logo .domus img {
width:30vw;
}
#footer .address {
width:60vw;
}
#footer .tel-mail {
width:60vw;
}
#footer .hours {
width:60vw;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#footer .logo {
width:440px;
margin:0 auto 30px;
display:flex;
justify-content:space-between;
}
#footer .logo .nova {
width:200px;
margin:0;
padding:15px 0 0;
}
#footer .logo .nova a {
width:150px;
margin:0 auto 20px;
}
#footer .logo .nova h4 {
font-size: 82%;/* 13px */
}
#footer .logo .domus {
width:200px;
margin:0;
}
#footer .logo .domus img {
width:180px;
}
#footer .other-bar ul li {
margin:0 20px 5px 0;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#footer {
padding:80px 0 30px;
}
#footer .logo {
width:480px;
}
#footer .address {
width:450px;
font-size: 82%;/* 13px */
}
#footer .tel-mail {
width:450px;
margin:0 auto 30px;
font-size: 82%;/* 13px */
}
#footer .hours {
width:450px;
margin:0 auto 30px;
font-size: 82%;/* 13px */
}
#footer .credit {
width:300px;
margin:0 auto 30px;
}
#footer .credit li {
width:45px;
}
#footer .credit li img {
width:45px;
}
#footer .other-bar {
padding:30px 2vw 0;
display:flex;
justify-content:space-between;
}
#footer .other-bar ul {
width:70vw;
margin:0;
text-align:left;
}
#footer .other-bar ul li {
font-size: 82%;/* 13px */
display:inline-block;
margin:0 20px 0 0;
}
#footer .other-bar p.copyright {
width:26vw;
font-size: 82%;/* 13px */
text-align:right;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
}

/* =product
--------------------------------------------------------- */
#product {
}
#product #product-list-head {
width:84vw;
margin:0 auto;
padding:120px 0 8vw;
}
#product #product-list-head h1 {
margin:0 0 60px;
}
#product #product-list-head #product-search {
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:12px 0;
}
#product #product-list-head #product-search .acd-ttl {
position: relative;
display: inline-block;
cursor :pointer;
font-size: 82%;/* 13px */
line-height:100%;
padding-right:20px;
}
#product #product-list-head #product-search .acd-ttl::before,
#product #product-list-head #product-search .acd-ttl::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 11px;
height: 1px;
margin: auto;
background-color: #555555;
}
#product #product-list-head #product-search .acd-ttl::after {
transform: rotate(90deg);
opacity: 1;
transition: 0.2s;
}
#product #product-list-head #product-search .acd-ttl.active::after {
transform: rotate(180deg);
opacity: 0;
}
#product #product-list-head #product-search .acd-content {
display: none;
padding:20px 0 8px;
}
#product #product-list-head #product-search .acd-content fieldset {/* Welcartの設定をリセット */
margin:0;
padding:0;
border:0;
}
#product #product-list-head #product-search .acd-content fieldset legend {/* Welcartの設定をリセット */
display:none;
}
#product #product-list-head #product-search .acd-content ul {/* Welcartの設定をリセット */
margin:0;
padding:0;
border:0;
}
#product #product-list-head #product-search .acd-content ul li {/* Welcartの設定をリセット */
margin:0;
padding:0;
border:0;
}
#product #product-list-head #product-search .acd-content ul {
}
#product #product-list-head #product-search .acd-content ul li{
margin:0 0 15px;
font-size: 88%;/* 14px */
}
#product #product-list-head #product-search .acd-content ul li:last-child{
margin:0 0 20px;
}
#product #product-list-head #product-search .acd-content ul li input[type="checkbox"] {/* Welcartの設定をリセット */
border:0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#product #product-list-head #product-search .acd-content ul li label {
position: relative;
cursor: pointer;
padding-left: 30px;
}
#product #product-list-head #product-search .acd-content ul li label::before {
content: "";
display: block; 
position: absolute;
border: 1px solid #cccccc;
width: 16px;
height: 16px;
transform: translateY(-50%);
top: 50%;
left: 0;
}
#product #product-list-head #product-search .acd-content ul li label::after {
content: "";
display: block; 
position: absolute;
border-bottom: 1px solid #555555;
border-left: 1px solid #555555;
opacity: 0;
height: 5px;
width: 10px;
transform: rotate(-45deg);
top: 5px;
left: 4px;
}
#product #product-list-head #product-search .acd-content ul li input:checked + label::after {
opacity: 1;
transition: 0.5s;
}
#product #product-list-head #product-search .acd-content .reload-button{
margin:0 5vw;
border:1px solid #cccccc;
}

#product #product-list-head #product-search .acd-content .reload-button input[type="submit"]{/* Welcartの設定をリセット */
padding:0;
-webkit-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
transition: 0.5s ease all;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background:none;
}
#product #product-list-head #product-search .acd-content .reload-button input[type="submit"]:hover{/* Welcartの設定をリセット */
background-color:none;
}

#product #product-list-head #product-search .acd-content .reload-button input[type="submit"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block; 
width:100%;
font-family: "Noto Sans Regular JP", sans-serif;
font-size: 88%;/* 14px */
color:#555555;
padding:12px 0;
cursor: pointer;
transition: 0.5s;
}
#product #product-list-head #product-search .acd-content .reload-button input:hover{
opacity: 0.5;
}

#product #product-list {
width:84vw;
margin:0 auto;
}
#product #product-list ul {
padding:0 0 30px;
}
#product #product-list ul:after {
content: "";
display: block;
clear: both;
}
#product #product-list ul li {
float:left;
width:39vw;
margin:0 6vw 30px 0;
}
#product #product-list ul li:nth-child(2n) {
margin:0 0 30px 0;
}
#product #product-list ul li:nth-child(2n+1) {
clear: both;
}
#product #product-list ul li img {
margin:0 0 10px;
}
#product #product-list ul li h1 {
font-size: 113%;/* 18px */
line-height:110%;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
margin:0 0 3px;
transition:.3s;
}
#product #product-list ul li h2 {
font-size: 88%;/* 14px */
line-height:110%;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
margin:0 0 5px;
transition:.3s;
}
#product #product-list ul li p {
font-size: 82%;/* 13px */
line-height:110%;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
margin:0;
transition:.3s;
}
#product #product-list ul li a:hover h1,
#product #product-list ul li a:hover h2,
#product #product-list ul li a:hover p {
opacity:0.5;
}

/* 詳細ページ */
#product #image-top {
width:100%;
height:100vh;
height:100svh; /* ios対策 */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-bottom:-60px;
}
#product #image-top h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color:#e6e6e6;
font-size: 250%;/* 40px */
margin:0;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
transition:1s;
opacity:0;
letter-spacing: -0.2em;
}
#product #image-top h1.active {
opacity:1;
letter-spacing: 0.1em;
}
#product #content-main {
}
#product #content-main #photo {
margin:0 0 30px;
}
#product #content-main #photo .main-img {
min-height:84vw;
margin:0 0 15px;
}
#product #content-main #photo .sub-img {
display:flex;
justify-content:center;
}
#product #content-main #photo .sub-img li {
width:50px;
margin:0 8px 15px;
}
#product #content-main #photo .sub-img li img {
border: 1px solid #eeeeee;
cursor: pointer;
transition:0.5s;
}
#product #content-main #photo .sub-img li.current img {
border: 1px solid #555555;
cursor: auto;
}

#product #content-main #text {
}
#product #content-main #text h1 {
font-size: 250%;/* 40px */
letter-spacing: 0.05em;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
margin:0 0 5px;
}
#product #content-main #text h2 {
font-size: 82%;/* 13px */
line-height:130%;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
margin:0 0 30px;
}
#product #content-main #text h3 {
font-size: 75%;/* 12px */
line-height:100%;
margin:0 0 15px;
padding:5px;
color:#888888;
border:1px solid #cccccc;
display:inline-block;
}
#product #content-main #text .spec {
margin:0 0 35px;
}
#product #content-main #text .spec dl {
border-top:1px solid #cccccc;
margin:0 0 10px;
}
#product #content-main #text .spec dl div {
border-bottom:1px solid #cccccc;
padding:10px 0;
display:flex;
justify-content:space-between;
}
#product #content-main #text .spec dl div dt {
width:20vw;
font-size: 82%;/* 13px */
line-height:130%;
}
#product #content-main #text .spec dl div dd {
width:59vw;
font-size: 82%;/* 13px */
line-height:130%;
}
#product #content-main #text .spec .attention {
font-size: 75%;/* 12px */
line-height:130%;
margin:0;
}
#product #content-main #text .price {
background:#f6f6f6;
padding:30px;
margin:0 0 35px;
}

#product #content-main #text .price .sku-title {
font-size: 113%;/* 18px */
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
margin:0 0 20px;
}
#product #content-main #text .price dl.option {
padding:0;
margin:0 0 15px;
}
#product #content-main #text .price dl.option div {
padding:0 0 10px;
margin:0;
}
#product #content-main #text .price dl.option div dt {
font-size: 82%;/* 13px */
padding:0;
margin:0 10px 0 0;
display:inline-block;
}
#product #content-main #text .price dl.option div dd {
font-size: 88%;/* 14px */
padding:0;
margin:0;
background:#ffffff;
display:inline-block;
}
#product #content-main #text .price dl.option div dd label {
}
#product #content-main #text .price dl.option div dd select {
}
#product #content-main #text .price dl.option div dd select option {
}
#product #content-main #text .soldout {
font-size: 100%;/* 16px */
text-align:center;
margin:0;
padding:20px;
background:#e6e6e6;
}
#product #content-main #text .quantity-box {
margin:0 0 5px;
}
#product #content-main #text .quantity-box .quantity {
}
#product #content-main #text .quantity-box .quantity input {
width:60px;
margin:0 0 0 10px;
background:#ffffff;
text-align:center;
}
#product #content-main #text .quantity-box .unit {
}
#product #content-main #text .zaiko-status {
margin:0 0 20px;
}
#product #content-main #text .price h4 {
font-size: 100%;/* 16px */
padding:0 0 15px;
margin:0 0 20px;
text-align:center;
border-bottom:1px solid #cccccc;
}
#product #content-main #text .price h4 b {
font-size: 138%;/* 22px */
margin-left:10px;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.05em;
font-weight:normal;
}
#product #content-main #text .price .add-cart {
}
#product #content-main #text .price .add-cart input.skubutton[type="submit"] {
display:block;
border:1px solid #cccccc;
padding:20px;
text-align:center;
background:#ffffff;
width:100%;
margin:0;
border-radius: 0;
color:#555555;
font-family: "Noto Sans Regular JP", sans-serif;
}
#product #content-main #text .price .add-cart input.skubutton[type="submit"]:hover {
color:#ffffff;
background:#555555;
opacity:1;
}
/*
#product #content-main #text .price .add-cart a {
display:block;
border:1px solid #cccccc;
padding:20px;
text-align:center;
background:#ffffff;
}
#product #content-main #text .price .add-cart a:hover {
color:#ffffff;
background:#555555;
opacity:1;
}
*/
#product #content-main #text .download {
margin:0;
}
#product #content-main #text .download h4 {
font-size: 100%;/* 16px */
font-family: "Lato Light", sans-serif;
letter-spacing: 0.05em;
}
#product #content-main #text .download ul {
border-top:1px solid #cccccc;
}
#product #content-main #text .download ul li {
border-bottom:1px solid #cccccc;
font-size: 82%;/* 13px */
line-height:130%;
}
#product #content-main #text .download ul li a {
display:block;
padding:18px 0 18px 35px;
background:url("lib/images/icon_download.svg") no-repeat 0 50%;
background-size: 22px;
}

#product #content-main #text-second {
padding:60px 0 0;
}

#product #content-main #image-sub-1or2 {
padding:60px 0 0;
}
#product #content-main #image-sub-1or2 .first {
margin:0 0 30px;
}

#product #image-sub {
padding:40px 0 60px;
}
#product #image-sub .image-sub-carousel {
position: relative;
}
#product #image-sub .image-sub-carousel ul {
width:100%;
}
#product #image-sub .image-sub-carousel ul li{
width:84vw;
margin:0 0 30px;
}
#product #image-sub .image-sub-carousel ul li img{
width:80vw;
margin:0 2vw;
}
#product #image-sub .arrow-box{
right:8vw;
}

#product #related-category {
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
/*padding:60px 0 40px;*/
padding:60px 0 0;
}
#product #related-category #text {
width:84vw;
margin:0 auto;
}
#product #related-category #text p {
margin:0 0 30px;
}

/* WCEX SKU Selectの調整 */
#product dl.item-sku {
margin:0 0 30px !important;
padding:0 !important;
border:0 !important;
}
#product dl.item-sku dt {
margin:0 !important;
padding:8px 0 0 !important;
font-weight:normal !important;
}
#product dl.item-sku dd {
margin:0 !important;
padding:0 !important;
}
#product dl.item-sku dd select {
background-color:#ffffff !important;
}
#product dl.item-sku dd select option {
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#product #product-list-head {
width:74vw;
padding:140px 0 8vw;
}
#product #product-list-head h1 {
margin:0 0 80px;
}
#product #product-list-head #product-search .acd-content {
padding:25px 0 13px;
}
#product #product-list-head #product-search .acd-content ul {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
#product #product-list-head #product-search .acd-content ul li{
width:35vw;
}
#product #product-list-head #product-search .acd-content ul li:last-child{
margin:0 0 25px;
}
#product #product-list-head #product-search .acd-content .reload-button{
margin:0 10vw;
}
#product #product-list {
width:74vw;
}
#product #product-list ul {
padding:0 0 50px;
}
#product #product-list ul li {
width:33vw;
margin:0 8vw 30px 0;
}
#product #product-list ul li:nth-child(2n) {
margin:0 0 30px 0;
}

/* 詳細ページ */
#product #image-top h1 {
font-size: 288%;/* 46px */
}
#product #content-main #photo .main-img {
min-height: 74vw;
margin:0 0 20px;
}
#product #content-main #photo .sub-img li {
width:60px;
margin:0 10px 15px;
}
#product #content-main #text h1 {
font-size: 288%;/* 46px */
margin:0 0 8px;
}
#product #content-main #text .spec dl div {
padding:12px 0;
}
#product #content-main #text .spec dl div dt {
width:20vw;
}
#product #content-main #text .spec dl div dd {
width:49vw;
}
#product #content-main #text .price {
padding:35px;
}
#product #content-main #text .price h4 {
margin:0 0 25px;
}
#product #content-main #text .download ul li a {
padding:20px 0 20px 38px;
background-size: 24px;
}
#product #content-main #text-second {
padding:80px 0 0;
}
#product #content-main #image-sub-1or2 {
padding:80px 0 0;
}
#product #related-category {
/*padding:80px 0 60px;*/
padding:80px 0 0;
}
#product #related-category #text {
width:74vw;
}
#product #related-category #text p {
margin:0 0 40px;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#product #product-list-head #product-search .acd-content ul li{
width:24.6vw;
}
#product #product-list ul li {
width:20vw;
margin:0 7vw 30px 0;
}
#product #product-list ul li:nth-child(2n) {
margin:0 7vw 30px 0;
}
#product #product-list ul li:nth-child(2n+1) {
clear: none;
}
#product #product-list ul li:nth-child(3n) {
margin:0 0 30px 0;
}
#product #product-list ul li:nth-child(3n+1) {
clear: both;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#product #product-list-head {
width:80vw;
padding:160px 0 60px;
}
#product #product-list-head h1 {
margin:0 0 80px;
}
#product #product-list-head #product-search {
padding:15px 0;
}
#product #product-list-head #product-search .acd-ttl {
font-size: 88%;/* 14px */
}
#product #product-list-head #product-search .acd-content {
padding:30px 0 15px;
}
#product #product-list-head #product-search .acd-content ul {
justify-content:flex-start;
}
#product #product-list-head #product-search .acd-content ul li{
width:20vw;
}
#product #product-list-head #product-search .acd-content ul li:last-child{
margin:0 0 30px;
}
#product #product-list-head #product-search .acd-content .reload-button{
width:320px;
margin:0 auto;
}
#product #product-list {
width:80vw;
margin:0 auto;
}
#product #product-list ul {
padding:0 0 60px;
}
#product #product-list ul li {
width:17vw;
margin:0 4vw 40px 0;
}
#product #product-list ul li:nth-child(2n) {
margin:0 4vw 40px 0;
}
#product #product-list ul li:nth-child(2n+1) {
clear: none;
}
#product #product-list ul li:nth-child(3n) {
margin:0 4vw 40px 0;
}
#product #product-list ul li:nth-child(3n+1) {
clear: none;
}
#product #product-list ul li:nth-child(4n) {
margin:0 0 40px 0;
}
#product #product-list ul li:nth-child(4n+1) {
clear: both;
}
#product #product-list ul li img {
width:17vw;
}
#product #product-list ul li h1 {
margin:0 0 5px;
}
#product #product-list ul li h2 {
margin:0 0 5px;
}
#product #product-list ul li p {
}

/* 詳細ページ */
#product #image-top h1 {
font-size: 325%;/* 52px */
}
#product #content-main {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
#product #content-main #photo {
width:410px;
}
#product #content-main #photo .main-img {
width:410px;
min-height: 410px;
margin:0 0 20px;
}
#product #content-main #photo .main-img img {
width:100%;
}
#product #content-main #photo .sub-img li {
width:60px;
margin:0 10px 20px;
}
#product #content-main #photo .sub-img li img {
width:60px;
}
#product #content-main #text {
width:410px;
}
#product #content-main #text .spec dl div {
padding:12px 0;
}
#product #content-main #text .spec dl div dt {
width:100px;
font-size: 88%;/* 14px */
}
#product #content-main #text .spec dl div dd {
width:280px;
font-size: 88%;/* 14px */
}
#product #content-main #text .spec .attention {
font-size: 82%;/* 13px */
}
#product #content-main #text .price h4 {
}
#product #content-main #text .price h4 b {
}
#product #content-main #text .download ul li {
font-size: 88%;/* 14px */
}
#product #content-main #text-second {
width: 100%;
padding:100px 0 0;
}
#product #content-main #image-sub-1or2 {
width: 100%;
padding:100px 0 0;
}
#product #image-sub {
padding:0 0 100px;
}
#product #image-sub .image-sub-carousel ul li{
width:70vw;
margin:0 0 40px;
}
#product #image-sub .image-sub-carousel ul li img{
width:62vw;
margin:0 4vw;
}
#product #image-sub .arrow-box{
right:0;
}
#product #image-sub .arrow-box .prev{
top:20.6vw;
}
#product #image-sub .arrow-box .next{
top:20.6vw;
}

#product #related-category {
/*padding:100px 0 80px;*/
padding:100px 0 0;
}
#product #related-category #text {
width:80vw;
margin:0 auto;
}
#product #related-category p {
margin:0 0 40px;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#product #product-list-head {
width:70vw;
}
#product #product-list-head #product-search .acd-content ul li{
width:17.5vw;
}
#product #product-list {
width:70vw;
}
#product #product-list ul {
padding:0 0 50px;
}
#product #product-list ul li {
width:13vw;
margin:0 6vw 50px 0;
}
#product #product-list ul li:nth-child(2n) {
margin:0 6vw 50px 0;
}
#product #product-list ul li:nth-child(3n) {
margin:0 6vw 50px 0;
}
#product #product-list ul li:nth-child(4n) {
margin:0 0 50px 0;
}
#product #product-list ul li img {
width:13vw;
}

/* 詳細ページ */
#product #image-top h1 {
font-size: 375%;/* 60px */
}
#product #content-main #photo {
width:500px;
}
#product #content-main #photo .main-img {
width:500px;
min-height: 500px;
}
#product #content-main #photo .sub-img li {
width:70px;
}
#product #content-main #photo .sub-img li img {
width:70px;
}
#product #content-main #text {
width:500px;
}
#product #content-main #text .spec dl div {
padding:15px 0;
}
#product #content-main #text .spec dl div dt {
width:100px;
}
#product #content-main #text .spec dl div dd {
width:370px;
}
#product #image-sub .image-sub-carousel ul li{
width:60vw;
}
#product #image-sub .image-sub-carousel ul li img{
width:54vw;
margin:0 3vw;
}
#product #image-sub .arrow-box .prev{
top:18vw;
}
#product #image-sub .arrow-box .next{
top:18vw;
}
#product #related-category #text {
width:70vw;
}
}

/* =coordination
--------------------------------------------------------- */
#coordination #coordination-central {
width:100%;
position: relative;
}
#coordination #coordination-central .title-box {
width:84vw;
margin:0 auto;
padding:120px 0 60px;
}
#coordination #coordination-central .title-box .text {
}
#coordination #coordination-central .title-box .text h1 {
margin:0 0 10px;
}
#coordination #coordination-central .title-box .text h2 {
font-size: 75%;/* 12px */
line-height:180%;
word-break: normal;
margin:0;
}
#coordination #coordination-central .coordination-central-carousel {
padding:0 0 60px;
position: relative;
}
#coordination #coordination-central .coordination-central-carousel ul {
width:90vw;
margin:0 auto;
}
#coordination #coordination-central .coordination-central-carousel ul li {
position: relative;
}
#coordination #coordination-central .coordination-central-carousel ul li a:hover {
opacity:1;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-first, 
#coordination #coordination-central .coordination-central-carousel ul li .photo-second, 
#coordination #coordination-central .coordination-central-carousel ul li .photo-third {
position: absolute;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-first {
top:0;
left:0;
width:90vw;
height:45vh;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-second {
top:46.5vh;
left:0;
width:43.5vw;
height:25vh;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-third {
top:46.5vh;
right:0;
width:43.5vw;
height:25vh;
}
#coordination #coordination-central .coordination-central-carousel ul li .name-box {
padding:71.5vh 0 30px;
min-width:43.5vw;
display:inline-block;
}
#coordination #coordination-central .coordination-central-carousel ul li .name-box h1 {
font-size: 150%;/* 24px */
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
margin:1vh 0 8px;
padding:0 0 5px;
border-bottom:1px solid #cccccc;
}
#coordination #coordination-central .coordination-central-carousel ul li .name-box h2 {
font-size: 75%;/* 12px */
margin:0;
}
#coordination #coordination-central .coordination-central-carousel ul .dots-wrap {
padding:0 0;
}

#coordination .coordination-list {
border-top:1px solid #cccccc;
padding:60px 0;
}
#coordination .coordination-list .text {
width:84vw;
margin:0 auto 60px;
}
#coordination .coordination-list .text p {
margin:0;
}
#coordination .coordination-list .coordination-list-carousel {
position:relative;
}
#coordination .coordination-list .coordination-list-carousel ul {
width:100%;
scroll-snap-type: x mandatory;
overflow-x: auto;
display: flex;
scroll-behavior: smooth;
}
#coordination .coordination-list .coordination-list-carousel ul::-webkit-scrollbar {
display:none;
}
#coordination .coordination-list .coordination-list-carousel ul li {
width:80vw;
scroll-snap-align: center;
flex-shrink: 0;
}
#coordination .coordination-list .coordination-list-carousel ul li a {
display:block;
transition: .3s;
transition-delay: .1s;
padding:0 3vw;
}
#coordination .coordination-list .coordination-list-carousel ul li:first-child a {
padding-left:6vw;
}
#coordination .coordination-list .coordination-list-carousel ul li:last-child a {
padding-right:6vw;
}
#coordination .coordination-list .coordination-list-carousel ul li a:hover {
opacity:0.8;
}
#coordination .coordination-list .coordination-list-carousel ul li a .image {
height:74vw;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin:0 0 8px;
}
#coordination .coordination-list .coordination-list-carousel ul li a h1 {
font-size: 138%;/* 22px */
line-height:110%;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
margin:0 0 6px;
}
#coordination .coordination-list .coordination-list-carousel ul li a h2 {
font-size: 75%;/* 12px */
line-height:100%;
margin:0;
}
#coordination .coordination-list .coordination-list-carousel .arrow-box{
right:15px;
}

/* 詳細ページ */
#coordination #image-top {
width:100%;
height:100vh;
height:100svh; /* ios対策 */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-bottom:-60px;
}
#coordination #image-top .name-box {
position: absolute;
bottom:25px;
left:20px;
background:#ffffff;
width:70vw;
padding:15px 0;
transition:2s;
opacity:0;
}
#coordination #image-top .name-box.active {
opacity:1;
}
#coordination #image-top .name-box h1 {
font-size: 150%;/* 24px */
line-height:100%;
margin:0;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
border-bottom:1px solid #cccccc;
padding:0 0 5px;
margin:0 20px 8px;
}
#coordination #image-top .name-box h1 span {
font-size: 59%;/* 14px */
display:block;
}
#coordination #image-top .name-box h2{
font-size: 75%;/* 12px */
margin:0 20px;
}

#coordination #content-main .coordination-cont {
}
#coordination #content-main .coordination-cont .left {
margin:0 0 30px;
}
#coordination #content-main .coordination-cont .right {
margin:0 0 30px;
}
#coordination #content-main .products-used {
margin:0;
padding:20px 0 0;
border-top:1px solid #cccccc;
}

#coordination .photo-vervical img {
width:auto;
height:84vw;
}

#coordination #link-section {
border-top:1px solid #cccccc;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#coordination #coordination-central .title-box {
width:74vw;
padding:140px 0 80px;
}
#coordination #coordination-central .coordination-central-carousel {
padding:0 0 80px;
}
#coordination #coordination-central .coordination-central-carousel ul {
width:84vw;
}
#coordination #coordination-central .coordination-central-carousel ul li {
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-first {
width:84vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-second {
width:41vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-third {
width:41vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .name-box {
padding:71.5vh 0 40px;
min-width:41vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .link-arrow {
}
#coordination .coordination-list {
padding:80px 0;
}
#coordination .coordination-list .text {
width:74vw;
margin:0 auto 80px;
}
#coordination .coordination-list .coordination-list-carousel {
}
#coordination .coordination-list .coordination-list-carousel ul li {
width:76vw;
}
#coordination .coordination-list .coordination-list-carousel ul li a {
}
#coordination .coordination-list .coordination-list-carousel ul li a .image {
height:70vw;
}

/* 詳細ページ */
#coordination #image-top .name-box {
width:60vw;
left:auto;
right: 60px;
}
#coordination #content-main .coordination-cont .left {
margin:0 0 40px;
}
#coordination #content-main .coordination-cont .right {
margin:0 0 40px;
}

#coordination .photo-vervical img {
height:74vw;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#coordination #coordination-central {
position: relative;
}
#coordination #coordination-central .title-box {
position: absolute;
top:50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right:0;
left:0;
width:380px;
min-height:auto;
margin:0 auto;
display: block;
background:#ffffff;
z-index:2;
padding:0;
}
#coordination #coordination-central .title-box .text {
position: static;
top:auto;
-webkit-transform: none; /* Safari用 */
transform: none;
left:auto;
padding:15px 20px 20px;
}
#coordination #coordination-central .title-box .text h1 {
}
#coordination #coordination-central .title-box .text h2 {
}
#coordination #coordination-central .coordination-central-carousel {
min-height:100vh;
padding:0;
}
#coordination #coordination-central .coordination-central-carousel ul {
width:82vw;
margin:0 auto;
}
#coordination #coordination-central .coordination-central-carousel ul li {
position: relative;
text-align:right;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-first {
top:10vh;
left:auto;
right:0;
width:40vw;
height:78vh;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-second {
top:10vh;
left:0;
width:40vw;
height:38vh;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-third {
top:50vh;
left:0;
right:auto;
width:40vw;
height:38vh;
}
#coordination #coordination-central .coordination-central-carousel ul li .name-box {
padding:88vh 0 0;
min-width:auto;
max-width:25vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .name-box h1 {
word-break: normal;
}
#coordination #coordination-central .coordination-central-carousel ul li .name-box h2 {
word-break: normal;
}
#coordination #coordination-central .coordination-central-carousel ul .dots-wrap {
position: absolute;
bottom:20px;
padding:0;
}
/* 詳細ページ */
#coordination #image-top .name-box {
width:300px;
margin:0;
}

}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#coordination #coordination-central .title-box .text {
padding:20px 25px 25px;
}
#coordination #coordination-central .coordination-central-carousel ul {
width:88vw;
}
#coordination #coordination-central .coordination-central-carousel ul li a:hover {
opacity:0.8;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-first {
width:43vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-second {
width:43vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-third {
width:43vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .name-box {
max-width:21.5vw;
}
#coordination .coordination-list {
padding:80px 0;
display:flex;
justify-content:space-between;
}
#coordination .coordination-list .text {
width:30vw;
margin:0 0 0 5vw;
}
#coordination .coordination-list .text h1 {
width:280px;
font-size: 150%;/* 24px */
text-align:left;
margin:0 auto 20px;
}
#coordination .coordination-list .text p {
width:280px;
margin:0 auto;
}
#coordination .coordination-list .coordination-list-carousel {
width:55vw;
margin:0 5vw 0 0;
}
#coordination .coordination-list .coordination-list-carousel ul {
}
#coordination .coordination-list .coordination-list-carousel ul li {
width:17vw;
}
#coordination .coordination-list .coordination-list-carousel ul li a {
padding:0 1vw;
}
#coordination .coordination-list .coordination-list-carousel ul li:first-child a {
padding:0 1vw;
}
#coordination .coordination-list .coordination-list-carousel ul li:last-child a {
padding:0 1vw;
}
#coordination .coordination-list .coordination-list-carousel ul li a h1 {
font-size: 125%;/* 20px */
}
#coordination .coordination-list .coordination-list-carousel ul li a .image {
height:15vw;
}
#coordination .coordination-list .coordination-list-carousel .arrow-box{
right:0;
}
#coordination .coordination-list .coordination-list-carousel .arrow-box .prev,
#coordination .coordination-list .coordination-list-carousel .arrow-box .next {
width:38px;
height:38px;
border:1px solid #e6e6e6;
}
#coordination .coordination-list .coordination-list-carousel .arrow-box .prev {
top:7.5vw;
left:-48px;
}
#coordination .coordination-list .coordination-list-carousel .arrow-box .next {
top:7.5vw;
right:-48px;
}
/* 詳細ページ */
#coordination #image-top .name-box {
bottom:30px;
}
#coordination #content-main img {
}
#coordination #content-main .coordination-cont {
display:flex;
justify-content:space-between;
align-items: center;
margin:0 0 50px;
}
#coordination #content-main .coordination-cont .left {
width:425px;
margin:0;
}
#coordination #content-main .coordination-cont .right {
width:425px;
margin:0;
}
#coordination #content-main .products-used {
padding:25px 0 0;
}

#coordination .photo-vervical img {
height:auto;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#coordination #coordination-central .coordination-central-carousel ul {
width:90vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-first {
width:44vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-second {
width:44vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .photo-third {
width:44vw;
}
#coordination #coordination-central .coordination-central-carousel ul li .name-box {
max-width:22vw;
}
#coordination .coordination-list {
}
#coordination .coordination-list .text {
width:25vw;
margin:0 0 0 5vw;
}
#coordination .coordination-list .coordination-list-carousel {
width:60vw;
}
#coordination .coordination-list .coordination-list-carousel ul li {
width:18vw;
}
#coordination .coordination-list .coordination-list-carousel ul li a {
}
#coordination .coordination-list .coordination-list-carousel ul li a .image {
height:16vw;
}
#coordination .coordination-list .coordination-list-carousel .arrow-box .prev {
top:7vw;
}
#coordination .coordination-list .coordination-list-carousel .arrow-box .next {
top:7vw;
}
/* 詳細ページ */
#coordination #content-main .coordination-cont .left {
width:525px;
}
#coordination #content-main .coordination-cont .right {
width:525px;
}
}

/* =concept
--------------------------------------------------------- */
#concept #image-top {
width:100%;
height:100vh;
height:100svh; /* ios対策 */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#concept #image-top h1 {
position: absolute;
bottom:30px;
right: 50px;
color:#e6e6e6;
font-size: 200%;/* 32px */
text-align:right;
margin:0;
font-family: "Lato Light", sans-serif;
transition:2s;
opacity:0;
letter-spacing: -0.2em;
}
#concept #image-top h1.active {
opacity:1;
letter-spacing: 0.1em;
}

#concept #content-main {
width:100%;
margin:0;
padding:60px 0 0;
}
#concept #content-main .content {
}
#concept #content-main .content .content-first {
}
#concept #content-main .content .content-first .logo {
width:40vw;
margin:0 auto 40px;
}
#concept #content-main .content .content-first .text {
margin:0 0 40px;
}
#concept #content-main .content .content-first .text p {
margin:0;
}

#concept #content-main .content .content-second {
}
#concept #content-main .content .content-second .photo {
margin:0 0 40px;
}
#concept #content-main .content .content-second .text {
margin:0 0 60px;
}
#concept #content-main .content .content-second .text p {
margin:0;
}

#concept #content-main .content .content-third {
border-top:1px solid #cccccc;
padding:60px 0 0;
margin:0 0 60px;
}
#concept #content-main .content .content-third .photo {
margin:0 0 50px;
position:relative;
}
#concept #content-main .content .content-third .photo .absolute {
position:absolute;
width:55vw;
bottom:-20px;
left:-10px;
}
#concept #content-main .content .content-third .text {
margin:0 0 0;
}
#concept #content-main .content .content-third .text h2 {
text-align:left;
}
#concept #content-main .content .content-third .text p {
margin:0;
}

#concept #content-main .forest {
position:relative;
width:100%;
min-height:90vh;
background:url("/wp-content/uploads/2026/05/concept_forest.jpg") no-repeat 50% 50%;
background-size: cover;
}
#concept #content-main .forest .text {
width:74vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#concept #content-main .forest .text h2 {
color:#ffffff;
text-align:center;
}
#concept #content-main .forest .text p {
color:#ffffff;
}

#concept #content-main .quality-head {
border-top:1px solid #cccccc;
padding:60px 0 0;
}
#concept #content-main .quality {
width:84vw;
padding:60px 0 80px;
margin:0 auto;
}
#concept #content-main .quality h2.text-h2 {
text-align:left;
}
#concept #content-main .quality p.text-head {
margin:0 0 80px;
}
#concept #content-main .quality .quality-list-carousel {
position:relative;
}
#concept #content-main .quality .quality-list-carousel ul {
width:100%;
}
#concept #content-main .quality .quality-list-carousel ul li {
width:84vw;
margin:0 0 40px;
background:#f6f6f6;
position:relative;
}
#concept #content-main .quality .quality-list-carousel ul li span {
position:absolute;
top:20px;
right:20px;
display:block;
font-size: 150%;/* 24px */
letter-spacing: 0.1em;
font-family: "Lato Light", sans-serif;
color:#bbbbbb;
}
#concept #content-main .quality .quality-list-carousel ul li div.text {
position:absolute;
top:25%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right:0;
left:0;
width:60vw;
margin:auto;
text-align:center;
}
#concept #content-main .quality .quality-list-carousel ul li div.text h2{
margin:0 0 20px;
text-align:center;
}
#concept #content-main .quality .quality-list-carousel ul li div.text p{
margin:0;
}
#concept #content-main .quality .quality-list-carousel ul li div.image {
width:84vw;
margin:84vw 0 0;
}

#concept #content-main .collection {
width:100%;
height:90vh;
position:relative;
background:#000000;
}
#concept #content-main .collection .text {
position: absolute;
top:50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right:0;
left:0;
margin:auto;
text-align:center;
width:74vw;
padding:30px 0;
z-index:10;
background-color:rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
}
#concept #content-main .collection .text h2 {
font-size: 150%;/* 24px */
padding:0 5vw;
margin:0 0 10px;
color:#ffffff;
}
#concept #content-main .collection .text p {
font-size: 75%;/* 12px */
padding:0 5vw;
margin:0 0 15px;
color:#ffffff;
}
#concept #content-main .collection .text .link-box {
margin:0 5vw;
}
#concept #content-main .collection .text .link-box a {
color:#ffffff;
border:1px solid #ffffff;
}
#concept #content-main .collection .text .link-box a:hover {
color:#999999;
background:#ffffff;
}
#concept #content-main .collection .bg-top {
}
#concept #content-main .collection .bg-bottom {
position: relative;
top:45vh;
left:0;
}
#concept #content-main .collection .bg-top li, 
#concept #content-main .collection .bg-bottom li {
width: 100%;
height: 45vh;
z-index:9;
opacity: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
-webkit-animation: anime-collection 80s 0s infinite;
animation: anime-collection 80s 0s infinite;
}
#concept #content-main .collection .bg-top li:nth-of-type(2) {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#concept #content-main .collection .bg-top li:nth-of-type(3) {
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
#concept #content-main .collection .bg-top li:nth-of-type(4) {
-webkit-animation-delay: 24s;
animation-delay: 24s;
}
#concept #content-main .collection .bg-top li:nth-of-type(5) {
-webkit-animation-delay: 32s;
animation-delay: 32s;
}
#concept #content-main .collection .bg-top li:nth-of-type(6) {
-webkit-animation-delay: 40s;
animation-delay: 40s;
}
#concept #content-main .collection .bg-top li:nth-of-type(7) {
-webkit-animation-delay: 48s;
animation-delay: 48s;
}
#concept #content-main .collection .bg-top li:nth-of-type(8) {
-webkit-animation-delay: 56s;
animation-delay: 56s;
}
#concept #content-main .collection .bg-top li:nth-of-type(9) {
-webkit-animation-delay: 64s;
animation-delay: 64s;
}
#concept #content-main .collection .bg-top li:nth-of-type(10) {
-webkit-animation-delay: 72s;
animation-delay: 72s;
}
#concept #content-main .collection .bg-bottom li:nth-of-type(2) {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#concept #content-main .collection .bg-bottom li:nth-of-type(3) {
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
#concept #content-main .collection .bg-bottom li:nth-of-type(4) {
-webkit-animation-delay: 24s;
animation-delay: 24s;
}
#concept #content-main .collection .bg-bottom li:nth-of-type(5) {
-webkit-animation-delay: 32s;
animation-delay: 32s;
}
#concept #content-main .collection .bg-bottom li:nth-of-type(6) {
-webkit-animation-delay: 40s;
animation-delay: 40s;
}
#concept #content-main .collection .bg-bottom li:nth-of-type(7) {
-webkit-animation-delay: 48s;
animation-delay: 48s;
}
#concept #content-main .collection .bg-bottom li:nth-of-type(8) {
-webkit-animation-delay: 56s;
animation-delay: 56s;
}
#concept #content-main .collection .bg-bottom li:nth-of-type(9) {
-webkit-animation-delay: 64s;
animation-delay: 64s;
}
#concept #content-main .collection .bg-bottom li:nth-of-type(10) {
-webkit-animation-delay: 72s;
animation-delay: 72s;
}

/* =「#keyvisual」のkeyframes anime */
@keyframes anime-collection {
0% {opacity: 0;}/* 0秒 */
5% {opacity: 1;}/* 約4秒後 */
10% {opacity: 1;}/* 約8秒後 */
15% {opacity: 0; z-index:8;}/* 12秒後 */
100% {opacity: 0;}/* 80秒後 */
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#concept #content-main {
padding:80px 0 0;
}
#concept #content-main .content .content-first .logo {
width:35vw;
}
#concept #content-main .content .content-second .photo {
}
#concept #content-main .content .content-third .photo {
margin:0 0 80px;
}
#concept #content-main .content .content-third .photo .absolute {
position:absolute;
width:45vw;
bottom:-30px;
left:-20px;
}
#concept #content-main .forest .text {
width:64vw;
}
#concept #content-main .quality-head {
padding:80px 0 0;
}
#concept #content-main .quality {
width:74vw;
padding:80px 0 100px;
}
#concept #content-main .quality h2.text-h2 {
text-align:center;
}
#concept #content-main .quality .quality-list-carousel ul li {
width:74vw;
margin:0 0 40px;
}
#concept #content-main .quality .quality-list-carousel ul li div.text {
width:50vw;
}
#concept #content-main .quality .quality-list-carousel ul li div.image {
width:74vw;
margin:74vw 0 0;
}
#concept #content-main .collection .text h2 {
margin:0 0 15px;
}
#concept #content-main .collection .text p {
margin:0 0 20px;
}
#concept #content-main .collection .text .link-box {
margin:0 10vw;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#concept #content-main .quality .quality-list-carousel ul li div.text {
top:18%;
}
#concept #content-main .quality .quality-list-carousel ul li div.image {
margin:40vw 0 0;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#concept #image-top h1 {
right: 70px;
}
#concept #content-main {
padding:100px 0 0;
}
#concept #content-main .content .content-first {
/*padding:100px 0 0;*/
display:flex;
justify-content:space-between;
margin:0 0 80px;
}
#concept #content-main .content .content-first .logo {
width:430px;
margin:0;
text-align:center;
}
#concept #content-main .content .content-first .logo img {
width:240px;
margin:50px auto 0;
}
#concept #content-main .content .content-first .text {
width:470px;
margin:0;
}
#concept #content-main .content .content-second {
float:left;
width:410px;
margin:0 0 100px;
}
#concept #content-main .content .content-second .photo {
}
#concept #content-main .content .content-second .photo img {
width:410px;
}
#concept #content-main .content .content-second .text {
margin:0;
}
#concept #content-main .content .content-second .text h2 {
text-align:left;
}
#concept #content-main .content .content-third {
float:right;
width:410px;
border-top:0;
margin:0 0 100px;
padding:0;
}
#concept #content-main .content .content-third .photo {
margin:0 0 90px;
text-align:center;
}
#concept #content-main .content .content-third .photo img {
width:360px;
}
#concept #content-main .content .content-third .photo .absolute {
width:240px;
bottom:-52px;
left:0;
}
#concept #content-main .content .content-third .text {
}
#concept #content-main .forest {
clear:both;
min-height:500px;
}
#concept #content-main .forest .text {
width:500px;
}
#concept #content-main .quality-head {
clear:both;
padding:100px 0 0;
}
#concept #content-main .quality {
width:100%;
padding:100px 0 120px;
}
#concept #content-main .quality h2.text-h2 {
width:900px;
margin:0 auto 30px;
text-align:center;
}
#concept #content-main .quality p.text-head {
width:900px;
margin:0 auto 60px;
}
#concept #content-main .quality .quality-list-carousel {
width:100%;
}
#concept #content-main .quality .quality-list-carousel ul {
width:900px;
margin:0 auto;
}
#concept #content-main .quality .quality-list-carousel ul li {
width:100%;
margin:0 0 80px;
}
#concept #content-main .quality .quality-list-carousel ul li span {
font-size: 200%;/* 32px */
}
#concept #content-main .quality .quality-list-carousel ul li div.text {
width:450px;
top:50%;
right:0;
left:auto;
}
#concept #content-main .quality .quality-list-carousel ul li div.text h2{
margin:0 0 30px;
padding:0 60px;
}
#concept #content-main .quality .quality-list-carousel ul li div.text p{
margin:0;
padding:0 60px;
}
#concept #content-main .quality .quality-list-carousel ul li div.image {
width:450px;
margin:0;
}
#concept #content-main .quality .quality-list-carousel ul li div.image img {
width:450px;
}
#concept #content-main .quality .quality-list-carousel .arrow-box .prev {
top:225px;
}
#concept #content-main .quality .quality-list-carousel .arrow-box .next{
top:225px;
}
#concept #content-main .collection {
height:650px;
}
#concept #content-main .collection .text {
width:600px;
padding:30px 0;
}
#concept #content-main .collection .text h2 {
margin:0 0 20px;
text-align:center;
}
#concept #content-main .collection .text p {
padding:0 40px;
margin:0 0 20px;
}
#concept #content-main .collection .text .link-box {
margin:0 auto;
}
#concept #content-main .collection .bg-top {
width:50%;
position: absolute;
top:0;
left:0;
}
#concept #content-main .collection .bg-bottom {
width:50%;
position: absolute;
top:0;
left:auto;
right:0;
}
#concept #content-main .collection .bg-top li, 
#concept #content-main .collection .bg-bottom li {
height:650px;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#concept #content-main .content .content-first .logo {
width:500px;
}
#concept #content-main .content .content-first .logo img {
width:260px;
}
#concept #content-main .content .content-first .text {
width:600px;
}
#concept #content-main .content .content-second {
width:500px;
}
#concept #content-main .content .content-second .photo img {
width:500px;
}
#concept #content-main .content .content-third {
width:500px;
}
#concept #content-main .content .content-third .photo {
margin:0 0 85px;
}
#concept #content-main .content .content-third .photo img {
width:440px;
}
#concept #content-main .content .content-third .photo .absolute {
width:280px;
bottom:-60px;
}
#concept #content-main .forest .text {
width:600px;
}
#concept #content-main .quality h2.text-h2 {
width:1100px;
}
#concept #content-main .quality p.text-head {
width:1100px;
}
#concept #content-main .quality .quality-list-carousel ul {
width:1100px;
}
#concept #content-main .quality .quality-list-carousel ul li div.text {
width:550px;
}
#concept #content-main .quality .quality-list-carousel ul li div.text h2{
padding:0 100px;
}
#concept #content-main .quality .quality-list-carousel ul li div.text p{
padding:0 100px;
}
#concept #content-main .quality .quality-list-carousel ul li div.image {
width:550px;
}
#concept #content-main .quality .quality-list-carousel ul li div.image img {
width:550px;
}
#concept #content-main .quality .quality-list-carousel .arrow-box .prev{
top:275px;
}
#concept #content-main .quality .quality-list-carousel .arrow-box .next{
top:275px;
}
#concept #content-main .collection {
height:680px;
}
#concept #content-main .collection .text .link-box {
}
#concept #content-main .collection .bg-top li, 
#concept #content-main .collection .bg-bottom li {
height:680px;
}
}

/* =showroom
--------------------------------------------------------- */
#showroom #image-top {
width:100%;
height:100vh;
height:100svh; /* ios対策 */
position: relative;
background:#000000;
}
#showroom #image-top h1 {
position: absolute;
bottom:60px;
right: 50px;
color:#e6e6e6;
font-size: 200%;/* 32px */
text-align:right;
margin:0;
font-family: "Lato Light", sans-serif;
z-index:2;
transition:2s;
opacity:0;
letter-spacing: -0.2em;
}
#showroom #image-top h1.active {
opacity:1;
letter-spacing: 0.1em;
}
#showroom #image-top .showroom-central-carousel {
z-index:1;
}
#showroom #image-top .showroom-central-carousel ul {
position: relative;
}
#showroom #image-top .showroom-central-carousel ul li {
width:100%;
height:100vh;
height:100svh; /* ios対策 */
pointer-events: none; /* ios対策 */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#showroom #image-top .showroom-central-carousel ul .dots-wrap {
position: absolute;
bottom:30px;
left:0;
right:0;
margin:0 auto;
}
#showroom #image-top .showroom-central-carousel ul .dots-wrap li {
opacity:0.3;
pointer-events: auto; 
}
#showroom #image-top .showroom-central-carousel ul .dots-wrap li.slick-active {
background: #ffffff !important;
opacity:1;
}

#showroom #content-main {
width:100%;
margin:0;
padding:60px 0 0;
}
#showroom #content-main .content {
}
#showroom #content-main .content .text {
padding:0 0 60px;
}
#showroom #content-main .content .text h1 {
text-align:center;
}
#showroom #content-main .content .text .open {
border-bottom:1px solid #cccccc;
padding:0 0 20px;
margin:0 0 20px;
}
#showroom #content-main .content .text .address {
border-bottom:1px solid #cccccc;
padding:0 0 20px;
margin:0 0 60px;
}
#showroom #content-main .content .photo {
padding:0 0 60px;
}
#showroom #content-main .content .photo img {
margin:0 0 5px;
}

#showroom #content-main .map {
width:84vw;
margin:0 auto 60px;
}
#showroom #content-main .map iframe {
width:100%;
height:70vh;
}

#showroom #content-main .access {
width:84vw;
margin:0 auto 60px;
}
#showroom #content-main .access h2 {
font-family: "Noto Sans Light JP", sans-serif;
}
#showroom #content-main .access h4 {
font-family: "Noto Sans Regular JP", sans-serif;
margin:0 0 5px;
}
#showroom #content-main .access .train {
margin:0 0 40px;
}
#showroom #content-main .access .car {
border-top:1px solid #cccccc;
padding:40px 0 0;
}
#showroom #content-main .about-domus {
}
#showroom #content-main .about-domus .inner {
background:#67574c;
padding:60px 0;
}
#showroom #content-main .about-domus .inner .text {
width:84vw;
margin:0 auto 60px;
}
#showroom #content-main .about-domus .inner .text h1 {
font-size: 138%;/* 22px */
color:#e2cb9d;
text-align:center;
}
#showroom #content-main .about-domus .inner .text p {
color:#e2cb9d;
}
#showroom #content-main .about-domus .inner .text .link-box a {
color:#e2cb9d;
border:1px solid #e2cb9d;
}
#showroom #content-main .about-domus .inner .text .link-box a:hover {
color:#67574c;
background-color:rgba(226, 203, 157, 1);
opacity:1;
}
#showroom #content-main .about-domus .inner .photo {
width:84vw;
height:84vw;
margin:0 auto;
background:url("/wp-content/uploads/2026/05/showroom_about_domus.jpg") no-repeat 50% 50%;
background-size: cover;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#showroom #content-main {
padding:80px 0 0;
}
#showroom #content-main .map {
width:74vw;
}
#showroom #content-main .access {
width:74vw;
}
#showroom #content-main .about-domus {
}
#showroom #content-main .about-domus .inner {
padding:80px 0;
}
#showroom #content-main .about-domus .inner .text {
width:74vw;
margin:0 auto 80px;
}
#showroom #content-main .about-domus .inner .photo {
width:74vw;
height:74vw;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#showroom #image-top h1 {
font-size: 225%;/* 36px */
bottom:30px;
}
#showroom #content-main {
padding:100px 0 0;
}
#showroom #content-main .content {
margin:0 auto 100px;
display:flex;
justify-content:space-between;
}
#showroom #content-main .content .text {
width:400px;
padding:0;
}
#showroom #content-main .content .text h1 {
text-align:left;
}
#showroom #content-main .content .text .open {
border-bottom:1px solid #cccccc;
padding:0 0 20px;
margin:0 0 20px;
font-size: 82%;/* 13px */
line-height:150%;
}
#showroom #content-main .content .text .address {
border-bottom:1px solid #cccccc;
padding:0 0 20px;
margin:0 0 60px;
font-size: 82%;/* 13px */
line-height:150%;
}
#showroom #content-main .content .photo {
width:420px;
padding:0 0 0;
}
#showroom #content-main .content .photo img {
width:420px;
}
#showroom #content-main .map {
width:100%;
margin:0 auto 100px;
}
#showroom #content-main .map iframe {
width:100%;
height:380px;
}
#showroom #content-main .access {
width:900px;
margin:0 auto 100px;
display:flex;
justify-content:space-between;
}
#showroom #content-main .access p {
font-size: 82%;/* 13px */
}
#showroom #content-main .access .train {
width:450px;
border-right:1px solid #cccccc;
margin:0;
}
#showroom #content-main .access .train h4,
#showroom #content-main .access .train p {
padding-right:40px;
}
#showroom #content-main .access .car {
width:410px;
border-top:0;
padding:0;
}
#showroom #content-main .about-domus {
padding:100px 0;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
#showroom #content-main .about-domus .inner {
background:#67574c;
width:84vw;
margin:0 auto;
padding:0;
display:flex;
justify-content:space-between;
}
#showroom #content-main .about-domus .inner .text {
width:42vw;
padding:60px 0;
margin:0;
}
#showroom #content-main .about-domus .inner .text h1 {
font-size: 150%;/* 24px */
margin:0 0 20px;
}
#showroom #content-main .about-domus .inner .text p {
font-size: 82%;/* 13px */
padding:0 50px;
}
#showroom #content-main .about-domus .inner .photo {
width:42vw;
height:auto;
margin:0;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#showroom #content-main .content {
width:1100px;
}
#showroom #content-main .content .text {
width:550px;
}
#showroom #content-main .content .photo {
width:450px;
}
#showroom #content-main .content .photo img {
width:450px;
}
#showroom #content-main .map iframe {
height:450px;
}
#showroom #content-main .access {
width:1100px;
}
#showroom #content-main .access .train {
width:550px;
}
#showroom #content-main .access .train h4,
#showroom #content-main .access .train p {
padding-right:50px;
}
#showroom #content-main .access .car {
width:500px;
}
#showroom #content-main .about-domus {
padding:120px 0;
}
#showroom #content-main .about-domus .inner {
width:74vw;
}
#showroom #content-main .about-domus .inner .text {
width:37vw;
}
#showroom #content-main .about-domus .inner .text h1 {
margin:0 0 30px;
}
#showroom #content-main .about-domus .inner .text p {
padding:0 100px;
}
#showroom #content-main .about-domus .inner .photo {
width:37vw;
}
}

/* =information
--------------------------------------------------------- */
#information {
}
#information .infomation-list {
/*padding:60px 0 0;*/
}
#information .infomation-list h1 {
margin:0 0 60px;
}
#information .infomation-list ul li{
border:1px solid #cccccc;
box-sizing: border-box;
margin:0 0 8vw;
padding:20px 0;
}
#information .infomation-list ul li:last-child{
margin:0;
}
#information .infomation-list ul li h3{
padding:0 20px;
transition:.3s;
}
#information .infomation-list ul li p{
padding:0 20px;
margin:0;
transition:.3s;
}
#information .infomation-list ul li p span {
display:block;
margin:3px 0 0;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.1em;
}
#information .infomation-list ul li a:hover h3,
#information .infomation-list ul li a:hover p {
opacity:0.5;
}

#information #link-section {
border-top:1px solid #cccccc;
}

/* 詳細ページ */
#information .information-title {
/*padding:60px 0 0;*/
}
#information .information-title h2 {
margin:0 0 60px;
}
#information .date-section {
margin:60px 0 0;
}
#information .date-section p {
font-size: 75%;/* 12px */
margin:0;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.1em;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#information .infomation-list ul li{
margin:0 0 30px;
}
#information .infomation-list ul li:last-child{
margin:0;
}
#information .infomation-list {
/*padding:60px 0 0;*/
}
/* 詳細ページ */
#information .information-title {
/*padding:60px 0 0;*/
}
#information .information-title h2 {
margin:0 0 80px;
}
#information .date-section {
margin:80px 0 0;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#information .infomation-list ul{
display:flex;
justify-content:flex-start;
flex-wrap: wrap;
}
#information .infomation-list ul li{
width:280px;
margin:0 30px 30px 0;
}
#information .infomation-list ul li:nth-child(3){
margin:0 0 30px 0;
}
#information .infomation-list ul li:last-child{
margin:0 0 30px 0;
}
#information .infomation-list {
/*padding:60px 0 0;*/
}
/* 詳細ページ */
#information .information-title {
/*padding:60px 0 0;*/
}
#information .information-title h2 {
margin:0 0 100px;
}
#information .date-section {
margin:100px 0 0;
}
#information .date-section p {
font-size: 82%;/* 13px */
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#information .infomation-list ul li{
width:346px;
margin:0 31px 35px 0;
}
#information .infomation-list ul li:nth-child(3){
margin:0 0 35px 0;
}
#information .infomation-list ul li:last-child{
margin:0 0 35px 0;
}
}

/* =usces-cart
--------------------------------------------------------- */
#usces-cart {
}
#usces-cart #primary {
margin:0;
/*padding:0;*/
padding:120px 0;
}
#usces-cart .site-content {
margin:0;
padding:0;
}
#usces-cart #primary #content {
width:84vw;
margin:0 auto;
padding:0;
}
#usces-cart #primary .cart-page {
margin:0;
padding:0;
}
#usces-cart #primary .cart-page article.post {
margin:0;
padding:0;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#usces-cart #primary {
padding:140px 0;
}
#usces-cart #primary #content {
width:74vw;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#usces-cart #primary {
padding:160px 0;
}
#usces-cart #primary #content {
width:900px;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#usces-cart #primary #content {
}
}


/* =contact
--------------------------------------------------------- */
#contact #content-main, 
#contact-individual #content-main, 
#contact-corporation #content-main {
padding:120px 0;
}
#contact #content-main h1, 
#contact-individual #content-main h1, 
#contact-corporation #content-main h1 {
margin:0 0 60px;
}
#contact #content-main .individual-box,
#contact #content-main .corporation-box {
background:#f6f6f6;
padding:30px;
}
#contact #content-main .tel-box {
background:#f6f6f6;
padding:30px;
margin:0 0 40px;
}
#contact #content-main .tel-box h2 {
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
text-align:center;
margin:0 0 10px;
}
#contact #content-main .tel-box p {
text-align:center;
margin:0;
}

#contact #content-main .required, 
#contact-individual #content-main .required, 
#contact-corporation #content-main .required {
color:#ff6600;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
#contact #content-main, 
#contact-individual #content-main, 
#contact-corporation #content-main {
padding:140px 0;
}
#contact #content-main h1, 
#contact-individual #content-main h1, 
#contact-corporation #content-main h1 {
margin:0 0 80px;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#contact #content-main, 
#contact-individual #content-main, 
#contact-corporation #content-main {
padding:160px 0;
}
#contact #content-main h1, 
#contact-individual #content-main h1, 
#contact-corporation #content-main h1 {
margin:0 0 100px;
}
#contact #content-main .tel-box,
#contact #content-main .individual-box,
#contact #content-main .corporation-box {
margin:30px 30px 0;
}
#contact #content-main .tel-box {
margin:30px 240px 40px;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
}

/* =wpcf7
--------------------------------------------------------- */
.wpcf7 {
}
.wpcf7 form {
}
.wpcf7 form label  {
font-size: 14px;
}
.wpcf7 form label input {
max-width:100%;
border:1px solid #cccccc;
padding:8px;
margin:5px 0 0;
background:#ffffff;
border-radius: 5px;
font-size: 14px;
}
.wpcf7 form label textarea {
width:100%;
min-height:150px;
border:1px solid #cccccc;
padding:8px;
margin:5px 0 0;
resize: none;
overflow: auto;
background:#ffffff;
border-radius: 5px;
font-size: 14px;
}
.wpcf7 form .submit-box {
padding:30px 5vw 0;
}
.wpcf7 form .submit-box .wpcf7-submit {
width:100%;
display:block;
color:#ffffff;
padding:20px 0;
text-align:center;
background-color:#464646;
background-image:url("lib/images/next_white.svg");
background-repeat:no-repeat;
background-position:95% 50%;
background-size: 15px;
border-radius: 0;
font-size: 18px;
}
.wpcf7 form .submit-box .wpcf7-submit:hover {
background-position:96.5% 50%;
opacity:1;
}
.wpcf7 form .wpcf7-not-valid-tip {
color:#ff6600;
}
.wpcf7 form .wpcf7-response-output {
border:0;
padding:0;
margin:0;
color:#ff6600;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
.wpcf7 form .submit-box {
padding:30px 7vw 0;
}
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
.wpcf7 form .submit-box {
padding:30px 10vw 0;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
.wpcf7 {
width:600px;
margin:0 auto;
}
.wpcf7 form .submit-box {
width:320px;
margin:0 auto;
padding:40px 0 0;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
}