.gm-style .gm-style-mtc div,.gm-style .gm-style-mtc label{font-weight:400}.gm-style .gm-style-mtc li,.gm-style .gm-style-mtc ul{-webkit-box-sizing:border-box;box-sizing:border-box}.gm-style-mtc-bbw{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.gm-style-mtc-bbw .gm-style-mtc:first-of-type>button{border-start-start-radius:2px;border-end-start-radius:2px}.gm-style-mtc-bbw .gm-style-mtc:last-of-type>button{border-start-end-radius:2px;border-end-end-radius:2px}sentinel{} .LGLeeN-keyboard-shortcuts-view{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.LGLeeN-keyboard-shortcuts-view table,.LGLeeN-keyboard-shortcuts-view tbody,.LGLeeN-keyboard-shortcuts-view td,.LGLeeN-keyboard-shortcuts-view tr{background:inherit;border:none;margin:0;padding:0}.LGLeeN-keyboard-shortcuts-view table{display:table}.LGLeeN-keyboard-shortcuts-view tr{display:table-row}.LGLeeN-keyboard-shortcuts-view td{-moz-box-sizing:border-box;box-sizing:border-box;display:table-cell;color:light-dark(#000,#fff);padding:6px;vertical-align:middle;white-space:nowrap}.LGLeeN-keyboard-shortcuts-view td:first-child{text-align:end}.LGLeeN-keyboard-shortcuts-view td kbd{background-color:light-dark(#e8eaed,#3c4043);border-radius:2px;border:none;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:inline-block;font-family: "Noto Sans Arabic", sans-serif;line-height:16px;margin:0 2px;min-height:20px;min-width:20px;padding:2px 4px;position:relative;text-align:center} .gm-control-active>img{-webkit-box-sizing:content-box;box-sizing:content-box;display:none;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.gm-control-active>img:first-child{display:block}.gm-control-active:active>img:first-child,.gm-control-active:disabled>img:first-child,.gm-control-active:focus>img:first-child,.gm-control-active:hover>img:first-child{display:none}.gm-control-active:focus>img:nth-child(2),.gm-control-active:hover>img:nth-child(2){display:block}.gm-control-active:active>img:nth-child(3){display:block}.gm-control-active:disabled>img:nth-child(4){display:block}sentinel{} /* armenian */ /* bengali */ /* canadian-aboriginal */ /* cyrillic-ext */ /* cyrillic */ /* devanagari */ /* ethiopic */ /* georgian */ /* greek-ext */ /* greek */ /* gujarati */ /* gurmukhi */ /* hebrew */ /* khmer */ /* lao */ /* malayalam */ /* oriya */ /* sinhala */ /* symbols */ /* tamil */ /* telugu */ /* thai */ /* vietnamese */ /* latin-ext */ /* latin */ /* armenian */ /* bengali */ /* canadian-aboriginal */ /* cyrillic-ext */ /* cyrillic */ /* devanagari */ /* ethiopic */ /* georgian */ /* greek-ext */ /* greek */ /* gujarati */ /* gurmukhi */ /* hebrew */ /* khmer */ /* lao */ /* malayalam */ /* oriya */ /* sinhala */ /* symbols */ /* tamil */ /* telugu */ /* thai */ /* vietnamese */ /* latin-ext */ /* latin */ /* armenian */ /* bengali */ /* canadian-aboriginal */ /* cyrillic-ext */ /* cyrillic */ /* devanagari */ /* ethiopic */ /* georgian */ /* greek-ext */ /* greek */ /* gujarati */ /* gurmukhi */ /* hebrew */ /* khmer */ /* lao */ /* malayalam */ /* oriya */ /* sinhala */ /* symbols */ /* tamil */ /* telugu */ /* thai */ /* vietnamese */ /* latin-ext */ /* latin */ /* armenian */ /* bengali */ /* canadian-aboriginal */ /* cyrillic-ext */ /* cyrillic */ /* devanagari */ /* ethiopic */ /* georgian */ /* greek-ext */ /* greek */ /* gujarati */ /* gurmukhi */ /* hebrew */ /* kannada */ /* khmer */ /* lao */ /* malayalam */ /* oriya */ /* sinhala */ /* symbols */ /* tamil */ /* telugu */ /* thai */ /* vietnamese */ /* latin-ext */ /* latin */ /* armenian */ /* bengali */ /* canadian-aboriginal */ /* cyrillic-ext */ /* cyrillic */ /* devanagari */ /* ethiopic */ /* georgian */ /* greek-ext */ /* greek */ /* gujarati */ /* gurmukhi */ /* hebrew */ /* kannada */ /* khmer */ /* lao */ /* malayalam */ /* oriya */ /* sinhala */ /* symbols */ /* tamil */ /* telugu */ /* thai */ /* vietnamese */ /* latin-ext */ /* latin */ /* armenian */ /* bengali */ /* canadian-aboriginal */ /* cyrillic-ext */ /* cyrillic */ /* devanagari */ /* ethiopic */ /* georgian */ /* greek-ext */ /* greek */ /* gujarati */ /* gurmukhi */ /* hebrew */ /* kannada */ /* khmer */ /* lao */ /* malayalam */ /* oriya */ /* sinhala */ /* symbols */ /* tamil */ /* telugu */ /* thai */ /* vietnamese */ /* latin-ext */ /* latin */ /* cyrillic-ext */ /* cyrillic */ /* greek-ext */ /* greek */ /* math */ /* symbols */ /* vietnamese */ /* latin-ext */ /* latin */ /* cyrillic-ext */ /* cyrillic */ /* greek-ext */ /* greek */ /* math */ /* symbols */ /* vietnamese */ /* latin-ext */ /* latin */ /* cyrillic-ext */ /* cyrillic */ /* greek-ext */ /* greek */ /* math */ /* symbols */ /* vietnamese */ /* latin-ext */ /* latin */ /* cyrillic-ext */ /* cyrillic */ /* greek-ext */ /* greek */ /* math */ /* symbols */ /* vietnamese */ /* latin-ext */ /* latin */ .gm-style .gm-style-cc a,.gm-style .gm-style-cc button,.gm-style .gm-style-cc span,.gm-style .gm-style-mtc div{font-size:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.gm-style .gm-style-cc a,.gm-style .gm-style-cc button,.gm-style .gm-style-cc span{outline-offset:3px}sentinel{} @media print { .gm-style .gmnoprint, .gmnoprint { display:none }}@media screen { .gm-style .gmnoscreen, .gmnoscreen { display:none }} .gm-style-moc{background-color:rgba(0,0,0,.59);pointer-events:none;text-align:center;-webkit-transition:opacity ease-in-out;transition:opacity ease-in-out}.gm-style-mot{color:white;font-family: "M PLUS Rounded 1c", sans-serif;font-size:22px;margin:0;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}sentinel{} .gm-style img{max-width: none;}.gm-style {font: 400 11px "M PLUS Rounded 1c", sans-serif; text-decoration: none;} /* cyrillic-ext */ /* cyrillic */ /* greek-ext */ /* greek */ /* hebrew */ /* math */ /* symbols */ /* vietnamese */ /* latin-ext */ /* latin */ /* cyrillic-ext */ /* cyrillic */ /* greek-ext */ /* greek */ /* hebrew */ /* math */ /* symbols */ /* vietnamese */ /* latin-ext */ /* latin */ /*! * jquery-drawer v3.2.1 * Flexible drawer menu using jQuery, iScroll and CSS. * http://git.blivesta.com/drawer * License : MIT * Author : blivesta (http://blivesta.com/) */ .drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:' '}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;-ms-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}} img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; word-break: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } #imagelightbox{position:fixed;z-index:9999;-ms-touch-action:none;touch-action:none} /* latin-ext */ /* latin */ /* latin-ext */ /* latin */ /* latin-ext */ /* latin */ /* latin-ext */ /* latin */ /* latin-ext */ /* latin */ /* latin-ext */ /* latin */ /* latin-ext */ /* latin */ /** Genericons Helper CSS */ /** * The font was graciously generated by Font Squirrel (http://www.fontsquirrel.com). We love those guys. */ /** * All Genericons */ .genericon { display: inline-block; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 1; font-family: 'Genericons'; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: top; } /** * IE7 and IE6 hacks */ .genericon { *overflow: auto; *zoom: 1; *display: inline; } /** * Individual icons */ /* Post formats */ .genericon-standard:before { content: ""; } .genericon-aside:before { content: ""; } .genericon-image:before { content: ""; } .genericon-gallery:before { content: ""; } .genericon-video:before { content: ""; } .genericon-status:before { content: ""; } .genericon-quote:before { content: ""; } .genericon-link:before { content: ""; } .genericon-chat:before { content: ""; } .genericon-audio:before { content: ""; } /* Social icons */ .genericon-github:before { content: ""; } .genericon-dribbble:before { content: ""; } .genericon-twitter:before { content: ""; } .genericon-facebook:before { content: ""; } .genericon-facebook-alt:before { content: ""; } .genericon-wordpress:before { content: ""; } .genericon-googleplus:before { content: ""; } .genericon-linkedin:before { content: ""; } .genericon-linkedin-alt:before { content: ""; } .genericon-pinterest:before { content: ""; } .genericon-pinterest-alt:before { content: ""; } .genericon-flickr:before { content: ""; } .genericon-vimeo:before { content: ""; } .genericon-youtube:before { content: ""; } .genericon-tumblr:before { content: ""; } .genericon-instagram:before { content: ""; } .genericon-codepen:before { content: ""; } .genericon-polldaddy:before { content: ""; } .genericon-googleplus-alt:before { content: ""; } .genericon-path:before { content: ""; } .genericon-skype:before { content: ""; } .genericon-digg:before { content: ""; } .genericon-reddit:before { content: ""; } .genericon-stumbleupon:before { content: ""; } .genericon-pocket:before { content: ""; } .genericon-dropbox:before { content: ""; } /* Meta icons */ .genericon-comment:before { content: ""; } .genericon-category:before { content: ""; } .genericon-tag:before { content: ""; } .genericon-time:before { content: ""; } .genericon-user:before { content: ""; } .genericon-day:before { content: ""; } .genericon-week:before { content: ""; } .genericon-month:before { content: ""; } .genericon-pinned:before { content: ""; } /* Other icons */ .genericon-search:before { content: ""; } .genericon-unzoom:before { content: ""; } .genericon-zoom:before { content: ""; } .genericon-show:before { content: ""; } .genericon-hide:before { content: ""; } .genericon-close:before { content: ""; } .genericon-close-alt:before { content: ""; } .genericon-trash:before { content: ""; } .genericon-star:before { content: ""; } .genericon-home:before { content: ""; } .genericon-mail:before { content: ""; } .genericon-edit:before { content: ""; } .genericon-reply:before { content: ""; } .genericon-feed:before { content: ""; } .genericon-warning:before { content: ""; } .genericon-share:before { content: ""; } .genericon-attachment:before { content: ""; } .genericon-location:before { content: ""; } .genericon-checkmark:before { content: ""; } .genericon-menu:before { content: ""; } .genericon-refresh:before { content: ""; } .genericon-minimize:before { content: ""; } .genericon-maximize:before { content: ""; } .genericon-404:before { content: ""; } .genericon-spam:before { content: ""; } .genericon-summary:before { content: ""; } .genericon-cloud:before { content: ""; } .genericon-key:before { content: ""; } .genericon-dot:before { content: ""; } .genericon-next:before { content: ""; } .genericon-previous:before { content: ""; } .genericon-expand:before { content: ""; } .genericon-collapse:before { content: ""; } .genericon-dropdown:before { content: ""; } .genericon-dropdown-left:before { content: ""; } .genericon-top:before { content: ""; } .genericon-draggable:before { content: ""; } .genericon-phone:before { content: ""; } .genericon-send-to-phone:before { content: ""; } .genericon-plugin:before { content: ""; } .genericon-cloud-download:before { content: ""; } .genericon-cloud-upload:before { content: ""; } .genericon-external:before { content: ""; } .genericon-document:before { content: ""; } .genericon-book:before { content: ""; } .genericon-cog:before { content: ""; } .genericon-unapprove:before { content: ""; } .genericon-cart:before { content: ""; } .genericon-pause:before { content: ""; } .genericon-stop:before { content: ""; } .genericon-skip-back:before { content: ""; } .genericon-skip-ahead:before { content: ""; } .genericon-play:before { content: ""; } .genericon-tablet:before { content: ""; } .genericon-send-to-tablet:before { content: ""; } .genericon-info:before { content: ""; } .genericon-notice:before { content: ""; } .genericon-help:before { content: ""; } .genericon-fastforward:before { content: ""; } .genericon-rewind:before { content: ""; } .genericon-portfolio:before { content: ""; } .genericon-heart:before { content: ""; } .genericon-code:before { content: ""; } .genericon-subscribe:before { content: ""; } .genericon-unsubscribe:before { content: ""; } .genericon-subscribed:before { content: ""; } .genericon-reply-alt:before { content: ""; } .genericon-reply-single:before { content: ""; } .genericon-flag:before { content: ""; } .genericon-print:before { content: ""; } .genericon-lock:before { content: ""; } .genericon-bold:before { content: ""; } .genericon-italic:before { content: ""; } .genericon-picture:before { content: ""; } .genericon-fullscreen:before { content: ""; } /* Generic shapes */ .genericon-uparrow:before { content: ""; } .genericon-rightarrow:before { content: ""; } .genericon-downarrow:before { content: ""; } .genericon-leftarrow:before { content: ""; } /* Theme Name: Twenty Fourteen Theme URI: https://wordpress.org/themes/twentyfourteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.8 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint. * * ----------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } /* * Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess */ /* cyrillic-ext */ /* cyrillic */ /* greek-ext */ /* greek */ /* hebrew */ /* math */ /* symbols */ /* vietnamese */ /* latin-ext */ /* latin */ /* cyrillic-ext */ /* cyrillic */ /* greek-ext */ /* greek */ /* hebrew */ /* math */ /* symbols */ /* vietnamese */ /* latin-ext */ /* latin */ /*------------------------------------------------- このフォントはIPAフォントライセンスv1.0の下で提供されています。 https://ipafont.ipa.go.jp/ipa_font_license_v1.html -------------------------------------------------*/ .font-hannari { font-family: "Kosugi", sans-serif; line-height: 140% !important; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, button, input, select, textarea { color: #b5b5b6; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 14px; font-weight: 300 line-height: 1.5; } body { background:#32312f; } .single .background-hack, .blog .background-hack, .archive .background-hack { z-index: -1; background:url('../img/a6a925e6207.webp') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-6 .background-hack, .page-id-8297 .background-hack { z-index: -1; background:url('../img/a0cfbff4baa.jpg') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-8 .background-hack { z-index: -1; background:url('../img/af2036133b9.webp') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-10 .background-hack, .page-id-4256 .background-hack { z-index: -1; background:url('../img/acc07f1cc24.webp') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-12 .background-hack { z-index: -1; background:url('../img/a4bec67110f.webp') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-18 .background-hack { z-index: -1; background:url('../img/acc719a1224.webp') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-3599 .background-hack { z-index: -1; background:url('../img/a82216b1263.webp') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-372 .background-hack, .page-id-8718 .background-hack { z-index: -1; background:url('../img/a0e00415f82.jpg') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-2282 .background-hack { z-index: -1; background:url('../img/ac7c0ec8489.webp') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-2491 .background-hack { z-index: -1; background:url('../img/a46d2635dc4.jpg') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .page-id-8298 .background-hack { z-index: -1; background:url('../img/ae2577c50bd.webp') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .bg-typeA { background:#32312f; width: 100%; padding: 30px; margin: 0 -30px } .bg-typeB { background:#133443; width: 100%; padding: 30px; margin: 0 -30px } .page { overflow: hidden; } a { color: #b5b5b6; text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a:active, a:hover { color: #b5b5b6; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; margin: 36px 0 12px; } h1 { font-size: 26px; line-height: 1.3846153846; } h2 { font-size: 24px; line-height: 1; } h3 { font-size: 22px; line-height: 1.0909090909; } h4 { font-size: 20px; line-height: 1.2; } h5 { font-size: 18px; line-height: 1.3333333333; } h6 { font-size: 16px; line-height: 1.5; } address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #b5b5b6; cursor: help; } b, strong { font-weight: 700; } cite, dfn, em, i { font-style: italic; } mark, ins { background: #fff9c0; text-decoration: none; } p { margin-bottom: 20px; margin-top: 0; font-weight: 300 !important; } code, kbd, tt, var, samp, pre { font-family: "M PLUS Rounded 1c", sans-serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { color: #fff; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px; } blockquote cite, blockquote small { color: #fff; font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 24px; } dt { font-weight: bold; } dd { } ul, ol { list-style: none; margin: 0 0 24px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 20px; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } figure { margin: 0; } fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; min-width: inherit; padding: 11px 12px 0; } legend { white-space: normal; } button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } del { color: #b5b5b6; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } .author {display: none;} .f13 { font-size: 13px; } .f14 { font-size: 14px; line-height: 160%; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f24 { font-size: 24px; } .f30 { font-size: 30px; } .fb { font-weight: bold; } .mgn3{margin-left: 3% !important;margin-right: 3% !important;} .page_top { position:fixed; bottom:10px; right:10px; width: 30px; height: 30px; text-decoration:none; z-index: 99; } .masthead-fixed .site-header { position: fixed; top: 0; z-index: 9999; } /** * import * ----------------------------------------------------------------------------- */ .drawer-overlay { background-color: rgba(0,0,0,.7); z-index: 998; } .pscenter{ display: block; margin-left: auto; margin-right: auto; } .wpcf7-mail-sent-ok { border: 2px solid #292929 !important; } body.page-id-2 { margin: 0 0 0 230px !important; } .shopInfo { color: #b5b5b6; font-size: 12px; padding-left: 20px; clear: both; display: block; } .backstretch img { left: 0 !important; } .page h1.entry-title { display: none; } .contact-header { position: relative; margin-bottom: 30px; } .contact_text { font-size: 11px; position: absolute; top: 40px; left: 0; display: block; } .contact_info { font-size: 12px; clear: both; position: absolute; bottom: 50px; } .contact_info a { color: #b5b5b6; } .icon_cart { width: 49px; height: 22px; position: absolute; top: 5px; right: 0; z-index: 20; } .productsWrapper { margin-right: -22px; position: relative; clear: both; } ul.fdlList { width: 240px; height: 435px; padding: 10px 16px 10px 13px; margin: 0 22px 22px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.fdlList img { width: 244px; } ul.lcfList img, ul.niniList img, ul.fdlList img { margin-bottom: 8px; } ul.worksList { width: 42%; height: 350px; padding: 10px; margin: 0 1% 22px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.worksList img { width: 100%; } ul.lcfList img, ul.niniList img, ul.worksList img { margin-bottom: 8px; } .product_name, .product_price, .product_size { } .product_name { font-size: 12px; font-weight: 600; letter-spacing: .3px; } .product_price { width: 90px; float: left; font-size: 12px; font-weight: 300; letter-spacing: .3px; } .product_size { width: 150px; float: right; font-size: 9px; margin-top: 1px; text-align: right; letter-spacing: .3px; font-weight: 300; } .product_link { width: 150px; float: right; font-size: 9px; margin-top: 1px; text-align: right; letter-spacing: .3px; font-weight: 300; } .product_description { font-size: 11px; clear: both; padding-top: 8px; letter-spacing: .3px; line-height: 160%; } #post-12, #post-6, #post-316 { color: #b5b5b6; letter-spacing: 0.8px; } #post-12 .site-info-page, #post-6 .site-info-page, #post-316 .site-info-page { padding: 100px 0 10px; } .formWrapper { width: 90%; padding: 70px 50px 100px 90px; float: left; position: relative; } .formWrapper dl, .formWrapper dt, .formWrapper dd { margin: 0; padding: 0; } .formWrapper dl { font-size: 12px; } .formWrapper dt, .formWrapper dd { padding: 3px; min-height: 50px; } .formWrapper dt { clear: left; float: left; width: 180px; font-weight: normal; } .formWrapper dd { margin-left: 180px; } /*.your-email input, .your-email_confirm input, .text-209 input { width: 350px; }*/ .btnWrapper { margin-left: 186px; margin-top: 20px; } div.fdl-header h1 { font-family: "IBM Plex Sans JP", sans-serif; max-width: 98%; font-size: 28px !important; border-bottom: 1px solid #b6b6b6 !important; margin-bottom: 15px; font-weight: 200; } .single-post div.fdl-header h1 { margin-top: 0 !important; } div.top-header,div.top-header2 { font-family: "IBM Plex Sans JP", sans-serif; max-width: 100%; margin: 100px auto; font-weight: 200; } div.top-header h1, div.top-header h2,div.top-header2 h1, div.top-header2 h2 { font-family: "IBM Plex Sans JP", sans-serif; font-size: 28px !important; text-align: center; margin-bottom: 15px; font-weight: 200; } div.top-header h3 { font-family: "Kosugi", sans-serif; font-weight: normal; position: relative; text-align:center; z-index: 5; display: block; } div.top-header h3 span { padding: 0 20px; background: #32312f; line-height: 160%; z-index: 5; } div.top-header h3:before { content: ""; display: block; border-top: solid 1px #b5b5b6; width: 50%; margin: 0 25%; height: 1px; position: absolute; top: 56%; z-index: -1; } div.top-header2 h3 { font-family: "Kosugi", sans-serif; font-weight: normal; position: relative; text-align:center; z-index: 5; display: block; } div.top-header2 h3 span { padding: 0 20px; background: #32312f; line-height: 160%; z-index: 5; } div.fdl-header h2 { font-family: "Zen Kaku Gothic New", sans-serif; max-width: 98%; font-size: 24px !important; border-bottom: 1px solid #b6b6b6 !important; margin-bottom: 15px; font-weight: normal; line-height: 160%; } table.company { border-collapse: separate; float: left; border-spacing: 0; border: none; margin-bottom: 40px; max-width: 550px; } table.company td { border: none; line-height: 160%; } table.company th { width: 62px; font-weight: normal !important; border: none !important; } .conceptWrapper { clear: both; padding: 0 0 60px; overflow: hidden; font-size: 14px; color: #b5b5b6; position: relative; } a.contact-button { background-color: none; border: 1px solid #b5b5b6; border-radius: none !important; color: #b5b5b6; font-size: 14px; width: 237px; letter-spacing: 0.8px; font-weight: normal; display: block; margin: 15px auto; padding: 4px 15px; text-transform: capitalize; text-decoration: none !important; vertical-align: bottom; } .bottom100 { margin-bottom: 40px; } .bottom20 { margin-bottom: 20px; } .conceptLeft { width: 50%; float: left; } .conceptChar { position: absolute; top: 300px; left: 0; } .conceptRight { width: 50%; float: right; } .conceptText { width: 72%; margin-left: 10%; letter-spacing: .5px; line-height: 160%; } .conceptStyle01 { position: relative; height: 200px; } .conceptStyle02 { position: absolute; top: 143px; left: 266px; width: 586px; font-size: 11px } .conceptStyle03 { height: 480px; } .conceptStyle04 { clear:both; position: relative; } .conceptStyle05 { float: left; margin-right: 50px; } .conceptStyle06 { padding: 75px 0 20px 0; } .conceptStyle07 { font-size: 14px; } .conceptStyle08 { margin-top: 15px; } .conceptStyle09 { margin-top: 10px; } .conceptStyle10 { font-size: 11px; margin-top: 10px; } .philosophySub { font-size: 13px; margin-bottom: 30px; position: absolute; top: 63px; left: 0; } .area { position: relative; width: 100%; height: 80px; padding-bottom: 45px; } .area-top { position: relative; width: 100%; height: 80px; margin-top: -20px; padding-bottom: 45px; } .area-sub { position: relative; display: block; width: 100%; height: 50px; padding-top: -25px; padding-bottom: 80px; } .area-sub2 { position: relative; display: block; width: 100%; height: 50px; padding-top: 75px; padding-bottom: 0; margin-bottom: -5px; } .area-sub3 { position: relative; display: block; width: 100%; height: 50px; padding-top: 85px; padding-bottom: 0px; margin-bottom: -60px; } .philosophyWrapper { clear: both; padding: 15px 0; width: 100% !important; display: block; } .philosophyImg { width: 160px; margin-right: 30px; position: absolute; top: 0; left: 0; } .philosophyWrapper img { float: left; } .philosophyWrapper img.mgn30 { margin: 0 30px 0 0; } .philosophyWrapper p { top: 0; left: 190px; } .philosophyWrapper h4 { font-weight: 600; font-family: "IBM Plex Sans JP", sans-serif; color: #b5b5b6; font-size: 18px; margin-bottom: 20px; } .ContentsWrapper { clear: both; padding: 0 0 15px; width: 100% !important; display: block; } #post-6 h3, #post-316 h3 { margin-bottom: 10px; border-bottom: 1px solid #c4c4c4; font-size: 30px; font-family: "IBM Plex Sans JP", sans-serif; font-weight: 200; color: #b5b5b6; position: absolute; top: 0; left: 0; } .site-info-page { padding: 100px 25px 10px 0; letter-spacing: 0.8px; text-align: right; font-size: 10px; color: #b5b5b6; clear: both; } .site-info-page a { color: #b5b5b6; text-decoration: none; } .fade { width: 100%; position: relative; height:auto !important; /*IE6対策*/ height: 100%; /*IE6対策*/ min-height: 100%; } .fade { display: none; } #facebooklink{ width:130px; margin: 200px 0 0 90px; display:block; } /* toppage */ .top-style01 {position:relative;} .top-style02 {position:absolute; top:0; left:0; z-index: 99;} .top-style03 {position:absolute; bottom:0; left:0; z-index:100; width:100%; height:70px !important;} .top-style04 {position:absolute; text-align:left; bottom: 38px; left: 20px; width: 100%; z-index: 101; font-family: "IBM Plex Sans JP", sans-serif;} .lp-list, .lp-list a { text-decoration: none !important; } .lp-style04 { margin-left: 0 !important; } @media screen and (max-width: 768px) { .lp-list { padding: 0 30px !important; } .lp-style04 { margin-left: 5vw !important; } } .top-style05 {position:absolute; text-align:left; bottom: 38px; left: 135px; width: 600px; z-index: 101;} .top-style06 {position:absolute; text-align:left; bottom: 12px; left: 135px; width: 600px; z-index: 101; overflow: hidden;} .top-style07 {position:absolute; width: 210px; right: 20px; bottom: 10px; z-index: 101;} .top-style08 {margin-top: -30px;} .top-style09 {position:relative;} .top-style10 {background: url('../img/aae711ba9dc.png') repeat; position: absolute; top:36%; left:0; width: 100%; height:28%;} .top-style11 {position:absolute; text-align:center; width: 100%; top: 36%;} .top-style12 {background: url('../img/aae711ba9dc.png') repeat; position: absolute; top:20%; left:0; width: 100%; height:60%;} .top-style13 {position:absolute; text-align:center; width: calc(100% - 10px); top: 12%; padding-left:5px; padding-right: 5px;} .top-style14 {margin-top: 40px;} .top-style15 {margin-top: 20px !important;} .top-style16 {padding-top: 15px;} .top-style17 {margin-top: 100px;} .top-style18 {padding-top: 15px;} .top-style19 {margin-top: 10px; text-align: center;} .top-style20 {float: left; margin-right: 30px;} .top-style21 {float:left; height: 40px; width:calc(100% - 225px); border-bottom: 1px solid #9f9f9f; margin: 12px auto;} .top-style22 {float: left; vertical-align: bottom;} .top-style23 {float: left; margin-top: 20px;} .top-style24 {float: left; margin-right: 10px;} .top-style25 {float:left; height: 25px; padding-top: 5px; width:calc(100% - 110px); border-bottom: 1px solid #9f9f9f; margin: 0;} .top-style26 {float: left; vertical-align: bottom;} .top-style27 {padding-top: 15px;} .top-style28 {float: left; margin-top: 20px;width:calc(100% - 110px);} .top-style29 {width:100%;} .top-style30 {margin: 3px 20px;} .top-style31 {margin: 3px 20px;} .top-style32 {padding-top: 30px;} .top-style09b {position:relative;} .top-style10b { position: absolute; top:30%; left:20%; width: 60%; height:28%; line-height: 300%;} .top-style10b img {width: 240px; padding-bottom: 10px;} .top-style11b {position:absolute; text-align: left; width: 100%; top: 36%;} .top-style12b {position: absolute; top:10%; left:0; width: 100%; height:60%; text-align: left;} .top-style12b img {width: 220px; padding-bottom: 10px;} .top-style13b {position:absolute; text-align: left; width: calc(100% - 10px); top: 12%; padding-left:5px; padding-right: 5px;} /* coordinate */ .coordinateWrapper-corp { width: 100%; margin: 50px 0; display: block; background:url('../img/aea3570ed5b.jpg') no-repeat; background-position: 50% 50%; overflow: hidden; } .coordinateWrapper-corp-inner { margin: 70px auto !important; } .shoplink { margin-top : -50px; padding-top : 50px; } /* blog */ article.post { padding: 15px !important; margin: 0 16px 16px 16px; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } /* recruit */ article.post { padding: 15px !important; margin: 0 16px 16px 16px; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } /* Clear floated elements */ #menu-global:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .byline {display: none;} /* Support a widely-adopted but non-standard selector for text selection styles * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898. */ ::selection { color: #b5b5b6; text-shadow: none; } ::-moz-selection { background: #b5b5b6; color: #b5b5b6; text-shadow: none; } /** * 2.0 Repeatable Patterns * ----------------------------------------------------------------------------- */ /* Input fields */ input, textarea, select { border: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.7); padding: 8px 10px 7px; color: #000; } input[type="text"],input[type="email"],input[type="tel"], textarea { width: 600px; } input:focus, textarea:focus { border: 1px solid rgba(0, 0, 0, 0.3); outline: 0; } /* Buttons */ button, .button, input[type="button"], input[type="submit"] { background-color: #b5b5b6; border: 1px solid #b5b5b6; border-radius: none !important; color: #000; font-size: 13px; letter-spacing: 0.8px; font-weight: normal; padding: 5px 30px; text-transform: capitalize; vertical-align: bottom; } input[type="reset"] { background: none; border: 1px solid #b5b5b6; color: #b5b5b6; font-size: 13px; letter-spacing: 0.8px; font-weight: normal; padding: 5px 30px; text-transform: capitalize; vertical-align: bottom; } button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background-color: #323030; color: #b5b5b6; } input[type="reset"]:hover, input[type="reset"]:focus { border: 1px solid #b5b5b6; color: #b5b5b6; } button:active, .button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background-color: #323030; } .search-field { width: 100%; } .search-submit { display: none; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #939393; } :-moz-placeholder { color: #939393; } ::-moz-placeholder { color: #939393; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #939393; } /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } .blog_topimage_top { width: 250px; height: 250px; float: left; overflow: hidden; margin-right: 15px; } .blog_topimage_top img { position: relative; top: 50%; left: 50%; max-width: initial !important; width: auto; height: 100% !important; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .blog_toptext {float: left; max-width: calc(100% - 265px);} .entry-date {font-size: 14px;} /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Alignment */ .alignleft { float: left !important; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } blockquote.alignright, figure.wp-caption.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .site-content blockquote.alignleft p, .site-content blockquote.alignright p { margin-bottom: 17px; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #b5b5b6; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; height: 1px; width: 1px; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */ } .hide { display: none; } /* Clearing floats */ .footer-sidebar:before, .footer-sidebar:after, .hentry:before, .hentry:after, .gallery:before, .gallery:after, .slider-direction-nav:before, .slider-direction-nav:after, .contributor-info:before, .contributor-info:after, .search-box:before, .search-box:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after { content: ""; display: table; } .footer-sidebar:after, .hentry:after, .gallery:after, .slider-direction-nav:after, .contributor-info:after, .search-box:after, [class*="content"]:after, [class*="site"]:after { clear: both; } /* Genericons */ .bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_twentyfourteen_ephemera .widget-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } /* Separators */ .site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_twentyfourteen_ephemera .entry-title:after { content: "\0020\007c\0020"; } /** * 3.0 Basic Structure * ----------------------------------------------------------------------------- */ .site { position: relative; } .main-content { } /** * 4.0 Header * ----------------------------------------------------------------------------- */ /* Ensure that there is no gap between the header and the admin bar for WordPress versions before 3.8. */ #wpadminbar { min-height: 32px; } #site-header { position: relative; z-index: 3; } .site-header { background: url('../img/ac151eb72f8.png') repeat fixed; position: relative; width: 100%; z-index: 4; } .header-main { min-height: 48px; } .site-title { float: left; font-size: 18px; font-weight: 700; margin: 0; /* Nav-toggle width + search-toggle width - gutter = 86px */ max-width: -webkit-calc(100% - 86px); max-width: calc(100% - 86px); } .site-title a, .site-title a:hover { color: #b5b5b6; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Search in the header */ .search-toggle { background-color: #b5b5b6; cursor: pointer; float: right; height: 48px; margin-right: 38px; text-align: center; width: 48px; } .search-toggle:hover, .search-toggle.active { background-color: #5b595a; } .search-toggle:before { color: #b5b5b6; content: ""; font-size: 20px; margin-top: 14px; } .search-toggle .screen-reader-text { left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */ } .search-box-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 48px; right: 0; width: 100%; z-index: 2; } .search-box { background-color: #5b595a; padding: 12px; } .search-box .search-field { background-color: #b5b5b6; border: 0; float: right; font-size: 16px; padding: 2px 2px 3px 6px; width: 100%; } /** * 5.0 Navigation * ----------------------------------------------------------------------------- */ .site-navigation ul { list-style: none; margin: 0; } .site-navigation li { border-top: 1px solid rgba(255, 255, 255, 0.2); } .site-navigation ul ul { margin-left: 20px; } .site-navigation a { color: #b5b5b6; display: block; text-transform: uppercase; } .site-navigation a:hover { color: #b5b5b6; text-decoration: underline; } .site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #55d737; font-weight: 900; } /* Primary Navigation */ .primary-navigation { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; padding-top: 24px; } .primary-navigation.toggled-on { padding: 72px 0 36px; } .primary-navigation .nav-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: none; font-family: "IBM Plex Sans JP", sans-serif; } .primary-navigation.toggled-on .nav-menu { display: block; } .primary-navigation a { padding: 7px 0; } /* Secondary Navigation */ .secondary-navigation { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 12px; margin: 48px 0; } .secondary-navigation a { padding: 9px 0; } .menu-toggle { border-radius: 0; cursor: pointer; height: 48px; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; right: 0; text-align: center; width: 48px; background-color: #323030; border: none; } .menu-toggle:before { color: #b5b5b6; content: ""; padding: 16px; } .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover { background-color: #323030; } .menu-toggle:focus { outline: 1px dotted; } /** * 6.0 Content * ----------------------------------------------------------------------------- */ .content-area { padding-top: 20px; } .frontpage .content-area { padding-top: 0; } .hentry { margin: 0 auto 48px; max-width: 672px; } .main-content .blog-content, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .main-content, .site-main .entry-meta, .page-content { margin: 0 auto; max-width: 1200px; line-height: 160%; } .page-content { margin-bottom: 48px; } /** * 6.1 Post Thumbnail * ----------------------------------------------------------------------------- */ .post-thumbnail { background: #b2b2b2 url('../img/ad666149efa.svg') repeat fixed; display: block; position: relative; width: 100%; z-index: 0; } a.post-thumbnail:hover { background-color: #999; } .full-width .post-thumbnail img { display: block; margin: 0 auto; } /** * 6.2 Entry Header * ----------------------------------------------------------------------------- */ .entry-header { position: relative; z-index: 1; } .entry-title { font-size: 20px; font-weight: 300; line-height: 160%; padding: 20px 0 3px 0; text-transform: uppercase; } .entry-title a { color: #b5b5b6; } .entry-title a:hover { color: #b5b5b6; text-decoration: underline; } .site-content .entry-header { /*padding: 0 10px 12px;*/ } .site-content .has-post-thumbnail .entry-header { padding-top: 24px; } /** * 6.3 Entry Meta * ----------------------------------------------------------------------------- */ .entry-meta { clear: both; color: #b5b5b6; font-size: 12px; font-weight: 400; line-height: 1.3333333333; text-transform: uppercase; } .entry-meta a { color: #b5b5b6; } .entry-meta a:hover { color: #b5b5b6; text-decoration: underline; } .sticky .entry-date { display: none; } .cat-links { font-weight: normal; text-transform: uppercase; float: right; font-size: 14px; } .cat-links a { color: #b5b5b6; } .cat-links a:hover { color: #b5b5b6; text-decoration: underline; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .site-content .entry-meta { margin-bottom: 8px; margin-left: 30px; width: 90%; float: left; } .site-content .entry-meta { margin-bottom: 8px; margin-left: 30px; width: 92%; float: left; } .site-content footer.entry-meta { margin: 24px auto 0; padding: 0 10px; } /* Tag links style */ .entry-meta .tag-links a { background-color: #b5b5b6; border-radius: 0 2px 2px 0; color: #b5b5b6; display: inline-block; font-size: 11px; font-weight: 700; line-height: 1.2727272727; margin: 2px 4px 2px 10px; padding: 3px 7px; position: relative; text-transform: uppercase; } .entry-meta .tag-links a:hover { color: #b5b5b6; text-decoration: underline; } .entry-meta .tag-links a:before { border-top: 10px solid transparent; border-right: 8px solid #767676; border-bottom: 10px solid transparent; content: ""; height: 0; position: absolute; top: 0; left: -8px; width: 0; } .entry-meta .tag-links a:hover:before { color: #b5b5b6; text-decoration: underline; } .entry-meta .tag-links a:after { border-radius: 50%; content: ""; height: 4px; position: absolute; top: 8px; left: -2px; width: 4px; } /** * 6.4 Entry Content * ----------------------------------------------------------------------------- */ .entry-content, .entry-summary, .page-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .entry-content { scroll-behavior: smooth; } .site-content .entry-content, .site-content .entry-summary, .page-content { padding: 12px 10px 0; } .main-content .blog-content { padding: 0 10px 0; } .page .entry-content { padding-top: 0; } .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child, .page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child, .page-content h5:first-child, .page-content h6:first-child { margin-top: 0; } .blog-content h1:first-child, .blog-content h2:first-child, .blog-content h3:first-child, .blog-content h4:first-child, .blog-content h5:first-child, .blog-content h6:first-child { margin-top: 12px; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: underline; } .entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover, .entry-content a.button, .entry-summary a.button, .page-content a.button, .comment-content a.button { text-decoration: none; } .entry-content table, .comment-content table { font-size: 14px; line-height: 1.2857142857; margin-bottom: 24px; } .entry-content th, .comment-content th { font-weight: 700; padding: 8px; text-transform: uppercase; } .entry-content td, .comment-content td { padding: 8px; } .entry-content .edit-link { clear: both; display: block; font-size: 12px; font-weight: 400; line-height: 1.3333333333; text-transform: uppercase; } .entry-content .edit-link a { color: #b5b5b6; text-decoration: none; } .entry-content .edit-link a:hover { color: #b5b5b6; text-decoration: underline; } .entry-content .more-link { white-space: nowrap; } /* Mediaelements */ .hentry .mejs-container { margin: 12px 0 18px; } .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #000; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, .33); } .hentry .mejs-container .mejs-controls .mejs-time { padding-top: 9px; } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } .hentry .mejs-overlay-loading { background: transparent; } .hentry .mejs-overlay-button { background-image: none; border-radius: 2px; box-shadow: 1px 1px 1px rgba(0,0,0,.8); color: #000; height: 36px; margin-left: -24px; width: 48px; } .hentry .mejs-overlay-button:before { -webkit-font-smoothing: antialiased; content: ""; display: inline-block; font: normal 32px/1.125 Genericons; position: absolute; top: 1px; left: 10px; } .hentry .mejs-controls .mejs-button button:focus { outline: none; } .hentry .mejs-controls .mejs-button button { -webkit-font-smoothing: antialiased; background: none; color: #fff; display: inline-block; font: normal 16px/1 Genericons; } .hentry .mejs-playpause-button.mejs-play button:before { content: ""; } .hentry .mejs-playpause-button.mejs-pause button:before { content: ""; } .hentry .mejs-volume-button.mejs-mute button:before { content: ""; font-size: 20px; position: absolute; top: -2px; left: 0; } .hentry .mejs-volume-button.mejs-unmute button:before { content: ""; left: 0; position: absolute; top: 0; } .hentry .mejs-fullscreen-button button:before { content: ""; } .hentry .mejs-fullscreen-button.mejs-unfullscreen button:before { content: ""; } .hentry .mejs-overlay:hover .mejs-overlay-button { background-color: #fff; color: #fff; } .hentry .mejs-controls .mejs-button button:hover { color: #5b595a; } .content-sidebar .wp-playlist-item .wp-playlist-caption { color: #000; } /* Page links */ .page-links { clear: both; font-size: 12px; font-weight: 900; line-height: 2; margin: 24px 0; text-transform: uppercase; } .page-links a, .page-links > span { background: #fff; border: 1px solid #fff; display: inline-block; height: 22px; margin: 0 1px 2px 0; text-align: center; width: 22px; } .page-links a { background: #000; border: 1px solid #000; color: #b5b5b6; text-decoration: none; } .page-links a:hover { background: #5b595a; border: 1px solid #5b595a; color: #b5b5b6; } .page-links > .page-links-title { height: auto; margin: 0; padding-right: 7px; width: auto; } /** * 6.5 Gallery * ----------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #b5b5b6; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 6.6 Post Formats * ----------------------------------------------------------------------------- */ .format-aside .entry-content, .format-aside .entry-summary, .format-quote .entry-content, .format-quote .entry-summary, .format-link .entry-content, .format-link .entry-summary { padding-top: 0; } .site-content .format-link .entry-title, .site-content .format-aside .entry-title, .site-content .format-quote .entry-title { display: none; } /** * 6.7 Post/Image/Paging Navigation * ----------------------------------------------------------------------------- */ .nav-links { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; border-top: 1px solid rgba(0, 0, 0, 0.1); hyphens: auto; word-wrap: break-word; } .post-navigation, .image-navigation { margin: 24px auto 48px; max-width: 474px; padding: 0 10px; } .post-navigation a, .image-navigation .previous-image, .image-navigation .next-image { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 11px 0 12px; width: 100%; } .post-navigation .meta-nav { color: #b5b5b6; display: block; font-size: 12px; line-height: 2; text-transform: uppercase; } .post-navigation a, .image-navigation a { color: #b5b5b6; display: block; font-size: 14px; line-height: 1.7142857142; text-transform: none; } .post-navigation a:hover, .image-navigation a:hover { color: #5b595a; } /* Paging Navigation */ .paging-navigation { margin: 30px auto; text-align: center; float: right; width: 100%; display: block; } .paging-navigation .loop-pagination { margin-top: -5px; text-align: center; } .paging-navigation .page-numbers { border-top: 5px solid transparent; display: inline-block; font-size: 14px; margin-right: 1px; padding: 7px 16px; text-transform: uppercase; } .paging-navigation a { color: #b5b5b6; text-decoration: none; } .paging-navigation .page-numbers.current { border-top: 1px solid #5b595a; } .paging-navigation a:hover { border-top: 2px solid #5b595a; color: #b5b5b6; text-decoration: underline; } /** * 6.8 Attachments * ----------------------------------------------------------------------------- */ .attachment .content-sidebar, .attachment .post-thumbnail { display: none; } .attachment .entry-content { padding-top: 0; } .attachment footer.entry-meta { text-transform: none; } .entry-attachment .attachment { margin-bottom: 24px; } /** * 6.9 Archives * ----------------------------------------------------------------------------- */ .archive-header, .page-header { margin: 24px auto; max-width: 474px; } .archive-title, .page-title { font-size: 16px; font-weight: 900; line-height: 1.5; margin: 0; } .taxonomy-description, .author-description { color: #b5b5b6; font-size: 14px; line-height: 1.2857142857; padding-top: 18px; } .taxonomy-description p, .author-description p { margin-bottom: 18px; } .taxonomy-description p:last-child, .author-description p:last-child { margin-bottom: 0; } .taxonomy-description a, .author-description a { text-decoration: underline; } .taxonomy-description a:hover, .author-description a:hover { text-decoration: none; } /** * 6.10 Contributor Page * ----------------------------------------------------------------------------- */ .contributor { border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 48px 10px; } .contributor:first-of-type { padding-top: 24px; } .contributor-info { margin: 0 auto; max-width: 474px; } .contributor-avatar { border: 1px solid rgba(0, 0, 0, 0.1); float: left; margin: 0 30px 20px 0; padding: 2px; } .contributor-name { font-size: 16px; font-weight: 900; line-height: 1.5; margin: 0; } .contributor-bio a { text-decoration: underline; } .contributor-bio a:hover { text-decoration: none; } .contributor-posts-link { display: inline-block; line-height: normal; padding: 10px 30px; } .contributor-posts-link:before { content: ""; } /** * 6.11 404 Page * ----------------------------------------------------------------------------- */ .error404 .page-content { padding-top: 0; } .error404 .page-content .search-form { margin-bottom: 24px; } /** * 6.12 Full-width * ----------------------------------------------------------------------------- */ .full-width .hentry { max-width: 100%; } /** * 6.13 Singular * ----------------------------------------------------------------------------- */ .singular .site-content .hentry.has-post-thumbnail { margin-top: -48px; } /** * 6.14 Comments * ----------------------------------------------------------------------------- */ .comments-area { margin: 48px auto; max-width: 474px; padding: 0 10px; } .comment-reply-title, .comments-title { font: 900 16px/1.5 "BIZ UDPGothic", sans-serif; margin: 0; text-transform: uppercase; } .comment-list { list-style: none; margin: 0 0 48px 0; } .comment-author { font-size: 14px; line-height: 1.7142857142; } .comment-list .reply, .comment-metadata { font-size: 12px; line-height: 2; text-transform: uppercase; } .comment-list .reply { margin-top: 24px; } .comment-author .fn { font-weight: 900; } .comment-author a { color: #b5b5b6; } .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a { color: #b5b5b6; } .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover { color: #b5b5b6; text-decoration: underline; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding-top: 24px; } .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child { border-top: 0; } .comment-author { position: relative; } .comment-author .avatar { border: 1px solid rgba(0, 0, 0, 0.1); height: 18px; padding: 2px; position: absolute; top: 0; left: 0; width: 18px; } .bypostauthor > article .fn:before { content: ""; margin: 0 2px 0 -2px; position: relative; top: -1px; } .says { display: none; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 30px; } .comment-edit-link { margin-left: 10px; } .comment-edit-link:before { content: ""; } .comment-reply-link:before, .comment-reply-login:before { content: ""; margin-right: 2px; } .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .comment-content ul, .comment-content ol { margin: 0 0 24px 22px; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .comment-list .children { list-style: none; margin-left: 15px; } .comment-respond { margin-bottom: 24px; padding: 0; } .comment .comment-respond { margin-top: 24px; } .comment-respond h3 { margin-top: 0; margin-bottom: 24px; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code { color: #fff; } .comment-notes, .comment-awaiting-moderation, .logged-in-as { font-size: 14px; line-height: 1.7142857142; } .no-comments { font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px; text-transform: uppercase; } .comment-form label { display: block; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; } .form-allowed-tags, .form-allowed-tags code { font-size: 12px; line-height: 1.5; } .required { color: #c0392b; } .comment-reply-title small a { color: #b5b5b6; float: right; height: 24px; overflow: hidden; width: 24px; } .comment-reply-title small a:hover { color: #b5b5b6; text-decoration: underline; } .comment-reply-title small a:before { content: ""; font-size: 32px; } .comment-navigation { font-size: 12px; line-height: 2; margin-bottom: 48px; text-transform: uppercase; } .comment-navigation .nav-next, .comment-navigation .nav-previous { display: inline-block; } .comment-navigation .nav-previous a { margin-right: 10px; } #comment-nav-above { margin-top: 36px; margin-bottom: 0; } /** * 7.0 Sidebars * ----------------------------------------------------------------------------- */ /* Secondary */ #secondary { clear: both; color: #b5b5b6; margin-top: -1px; padding: 0; position: relative; z-index: 2; } .site-description { display: none; font-size: 12px; font-weight: 400; line-height: 1.5; } /* Primary Sidebar */ .primary-sidebar { padding-top: 48px; } .secondary-navigation + .primary-sidebar { padding-top: 0; } /* Content Sidebar */ .content-sidebar { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #b5b5b6; padding: 48px 10px 0; } /** * 7.1 Widgets * ----------------------------------------------------------------------------- */ /* Primary Sidebar, Footer Sidebar */ .widget { font-size: 14px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 1.2857142857; margin-bottom: 48px; width: 100%; word-wrap: break-word; } .widget a { color: #b5b5b6; } .widget a:hover { color: #b5b5b6; text-decoration: underline; } .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { margin: 24px 0 12px; } .widget h1 { font-size: 22px; line-height: 1.0909090909; } .widget h2 { font-size: 20px; line-height: 1.2; } .widget h3 { font-size: 18px; line-height: 1.3333333333; } .widget h4 { font-size: 16px; line-height: 1.5; } .widget h5 { font-size: 14px; line-height: 1.7142857142; } .widget h6 { font-size: 12px; line-height: 2; } .widget address { margin-bottom: 18px; } .widget abbr[title] { border-color: rgba(255, 255, 255, 0.7); } .widget mark, .widget ins { color: #000; } .widget pre, .widget fieldset { border-color: rgba(255, 255, 255, 0.2); } .widget code, .widget kbd, .widget tt, .widget var, .widget samp, .widget pre { font-size: 12px; line-height: 1.5; } .widget blockquote { color: rgba(255, 255, 255, 0.7); font-size: 18px; line-height: 1.5; margin-bottom: 18px; } .widget blockquote cite { color: #fff; font-size: 14px; line-height: 1.2857142857; } .widget dl, .widget dd { margin-bottom: 18px; } .widget ul, .widget ol { list-style: none; margin: 0; } .widget li > ol, .widget li > ul { margin-left: 10px; } .widget table, .widget th, .widget td { border-color: rgba(255, 255, 255, 0.2); } .widget table { margin-bottom: 18px; } .widget del { color: rgba(255, 255, 255, 0.4); } .widget hr { background-color: rgba(255, 255, 255, 0.2); } .widget p { margin-bottom: 18px; } .widget-area .widget input, .widget-area .widget textarea { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); color: #fff; font-size: 16px; padding: 1px 2px 2px 4px; } .widget-area .widget input:focus, .widget-area .widget textarea:focus { border-color: rgba(255, 255, 255, 0.3); } .widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] { background-color: #fff; border: 0; font-size: 12px; padding: 5px 15px 4px; } .widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus { background-color: #5b595a; } .widget input[type="button"]:active, .widget input[type="reset"]:active, .widget input[type="submit"]:active { background-color: #55d737; } .widget .wp-caption { color: rgba(255, 255, 255, 0.7); margin-bottom: 18px; } .widget .widget-title { font-size: 14px; font-weight: 400; line-height: 1.7142857142; margin: 0 0 24px 0; text-transform: uppercase; border-bottom: 1px dotted #b5b5b6; } .widget-title, .widget-title a { color: #b5b5b6; } .widget-title a:hover { color: #b5b5b6; text-decoration: underline; } /* Calendar Widget*/ .widget_calendar table { line-height: 2; margin: 0; } .widget_calendar caption { color: #b5b5b6; font-weight: 700; line-height: 1.7142857142; margin-bottom: 18px; text-align: left; text-transform: uppercase; } .widget_calendar thead th { background-color: rgba(255, 255, 255, 0.1); } .widget_calendar tbody td, .widget_calendar thead th { text-align: center; } .widget_calendar tbody a { background-color: #fff; color: #fff; display: block; } .widget_calendar tbody a:hover { background-color: #5b595a; } .widget_calendar tbody a:hover { color: #b5b5b6; } .widget_calendar #prev { padding-left: 5px; } .widget_calendar #next { padding-right: 5px; text-align: right; } /* Ephemera Widget*/ .widget_twentyfourteen_ephemera > ol > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 18px; padding: 0; } .widget_twentyfourteen_ephemera .hentry { margin: 0; max-width: 100%; } .widget_twentyfourteen_ephemera .entry-title, .widget_twentyfourteen_ephemera .entry-meta, .widget_twentyfourteen_ephemera .wp-caption-text, .widget_twentyfourteen_ephemera .post-format-archive-link, .widget_twentyfourteen_ephemera .entry-content table { font-size: 12px; line-height: 1.5; } .widget_twentyfourteen_ephemera .entry-title { display: inline; font-weight: 400; } .widget_twentyfourteen_ephemera .entry-meta { margin-bottom: 18px; } .widget_twentyfourteen_ephemera .entry-meta a { color: rgba(255, 255, 255, 0.7); } .widget_twentyfourteen_ephemera .entry-meta a:hover { color: #b5b5b6; text-decoration: underline; } .widget_twentyfourteen_ephemera .entry-content ul, .widget_twentyfourteen_ephemera .entry-content ol { margin: 0 0 18px 20px; } .widget_twentyfourteen_ephemera .entry-content ul { list-style: disc; } .widget_twentyfourteen_ephemera .entry-content ol { list-style: decimal; } .widget_twentyfourteen_ephemera .entry-content li > ul, .widget_twentyfourteen_ephemera .entry-content li > ol { margin: 0 0 0 20px; } .widget_twentyfourteen_ephemera .entry-content th, .widget_twentyfourteen_ephemera .entry-content td { padding: 6px; } .widget_twentyfourteen_ephemera .post-format-archive-link { font-weight: 700; text-transform: uppercase; } /* List Style Widgets*/ .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 0 9px; } .widget_archive li:first-child, .widget_categories li:first-child, .widget_links li:first-child, .widget_meta li:first-child, .widget_nav_menu li:first-child, .widget_pages li:first-child, .widget_recent_comments li:first-child, .widget_recent_entries li:first-child { border-top: 0; } .widget_categories li ul, .widget_nav_menu li ul, .widget_pages li ul { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 9px; } .widget_categories li li:last-child, .widget_nav_menu li li:last-child, .widget_pages li li:last-child { padding-bottom: 0; } /* Recent Posts Widget */ .widget_recent_entries .post-date { display: block; } /* RSS Widget */ .rsswidget img { margin-top: -4px; } .rssSummary { margin: 9px 0; } .rss-date { display: block; } .widget_rss li { margin-bottom: 18px; } .widget_rss li:last-child { margin-bottom: 0; } /* Text Widget */ .widget_text > div > :last-child { margin-bottom: 0; } /** * 7.2 Content Sidebar Widgets * ----------------------------------------------------------------------------- */ .content-sidebar .widget a { color: #b5b5b6; } .content-sidebar .widget a:hover { color: #b5b5b6; text-decoration: underline; } .content-sidebar .widget pre { border-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget mark, .content-sidebar .widget ins { color: #b5b5b6; } .content-sidebar .widget abbr[title] { border-color: #b5b5b6; } .content-sidebar .widget fieldset { border-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget blockquote { color: #fff; } .content-sidebar .widget blockquote cite { color: #fff; } .content-sidebar .widget li > ol, .content-sidebar .widget li > ul { margin-left: 18px; } .content-sidebar .widget table, .content-sidebar .widget th, .content-sidebar .widget td { border-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget del { color: #b5b5b6; } .content-sidebar .widget hr { background-color: rgba(0, 0, 0, 0.1); } .content-sidebar .widget input, .content-sidebar .widget textarea { background-color: #b5b5b6; border-color: rgba(0, 0, 0, 0.1); color: #b5b5b6; } .content-sidebar .widget input:focus, .content-sidebar .widget textarea:focus { border-color: rgba(0, 0, 0, 0.3); } .content-sidebar .widget input[type="button"], .content-sidebar .widget input[type="reset"], .content-sidebar .widget input[type="submit"] { background-color: #b5b5b6; border: 0; color: #b5b5b6; } .content-sidebar .widget input[type="button"]:hover, .content-sidebar .widget input[type="button"]:focus, .content-sidebar .widget input[type="reset"]:hover, .content-sidebar .widget input[type="reset"]:focus, .content-sidebar .widget input[type="submit"]:hover, .content-sidebar .widget input[type="submit"]:focus { background-color: #5b595a; } .content-sidebar .widget input[type="button"]:active, .content-sidebar .widget input[type="reset"]:active, .content-sidebar .widget input[type="submit"]:active { background-color: #55d737; } .content-sidebar .widget .wp-caption { color: #b5b5b6; } .content-sidebar .widget .widget-title { border-top: 5px solid #000; color: #b5b5b6; font-size: 14px; font-weight: 900; margin: 0 0 18px; padding-top: 7px; text-transform: uppercase; } .content-sidebar .widget .widget-title a { color: #b5b5b6; } .content-sidebar .widget .widget-title a:hover { color: #b5b5b6; text-decoration: underline; } /* List Style Widgets*/ .content-sidebar .widget_archive li, .content-sidebar .widget_categories li, .content-sidebar .widget_links li, .content-sidebar .widget_meta li, .content-sidebar .widget_nav_menu li, .content-sidebar .widget_pages li, .content-sidebar .widget_recent_comments li, .content-sidebar .widget_recent_entries li, .content-sidebar .widget_categories li ul, .content-sidebar .widget_nav_menu li ul, .content-sidebar .widget_pages li ul { border-color: rgba(0, 0, 0, 0.1); } /* Calendar Widget */ .content-sidebar .widget_calendar caption { color: #b5b5b6; font-weight: 900; } .content-sidebar .widget_calendar thead th { background-color: rgba(0, 0, 0, 0.02); } .content-sidebar .widget_calendar tbody a, .content-sidebar .widget_calendar tbody a:hover { color: #b5b5b6; text-decoration: underline; } /* Ephemera widget*/ .content-sidebar .widget_twentyfourteen_ephemera .widget-title { line-height: 1.2857142857; padding-top: 1px; } .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before { color: #b5b5b6; margin: -1px 9px 0 0; padding: 6px 0 9px; text-align: center; vertical-align: middle; width: 36px; } .content-sidebar .widget_twentyfourteen_ephemera .video.widget-title:before { content: ""; } .content-sidebar .widget_twentyfourteen_ephemera .audio.widget-title:before { content: ""; } .content-sidebar .widget_twentyfourteen_ephemera .image.widget-title:before { content: ""; } .content-sidebar .widget_twentyfourteen_ephemera .gallery.widget-title:before { content: ""; } .content-sidebar .widget_twentyfourteen_ephemera .aside.widget-title:before { content: ""; } .content-sidebar .widget_twentyfourteen_ephemera .quote.widget-title:before { content: ""; } .content-sidebar .widget_twentyfourteen_ephemera .link.widget-title:before { content: ""; } .content-sidebar .widget_twentyfourteen_ephemera > ol > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .content-sidebar .widget_twentyfourteen_ephemera .entry-meta { color: #ccc; } .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a { color: #b5b5b6; } .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover { color: #b5b5b6; text-decoration: underline; } .content-sidebar.widget_twentyfourteen_ephemera blockquote cite { font-size: 13px; line-height: 1.3846153846; } .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link { font-weight: 900; } /** * 8.0 Footer * ----------------------------------------------------------------------------- */ #supplementary { padding: 0 10px; } .site-footer, .site-info, .site-info a { } .site-footer { font-size: 12px; position: relative; z-index: 3; } .footer-sidebar { padding-top: 48px; } .site-info { padding: 15px 10px; text-align: center; font-weight: normal; line-height: 26px; } #supplementary + .site-info { border-top: 1px solid rgba(255, 255, 255, 0.2); } .site-info a:hover { color: #b5b5b6; text-decoration: underline; } /** * 9.0 Featured Content * ----------------------------------------------------------------------------- */ .featured-content { background: #000 url('../img/a40b024d783.svg') repeat fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; } .featured-content-inner { overflow: hidden; } .featured-content .hentry { color: #b5b5b6; margin: 0; max-width: 100%; width: 100%; } .featured-content .post-thumbnail, .featured-content .post-thumbnail:hover { background: transparent; } .featured-content .post-thumbnail { display: block; position: relative; padding-top: 55.357142857%; overflow: hidden; } .featured-content .post-thumbnail img { left: 0; position: absolute; top: 0; } .featured-content .entry-header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 96px; overflow: hidden; padding: 24px 10px; } .featured-content a { color: #b5b5b6; } .featured-content a:hover { color: #b5b5b6; text-decoration: underline; } .featured-content .entry-meta { color: #b5b5b6; font-size: 11px; font-weight: 700; line-height: 1.0909090909; margin-bottom: 12px; } .featured-content .cat-links { font-weight: 700; } .featured-content .entry-title { font-size: 18px; font-weight: 300; line-height: 1.3333333333; margin: 0; text-transform: uppercase; } /* Slider */ .slider .featured-content .hentry { -webkit-backface-visibility: hidden; display: none; position: relative; } .slider .featured-content .post-thumbnail { padding-top: 55.49132947%; } .slider-control-paging { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; list-style: none; margin: -24px 0 0 0; position: relative; width: 100%; z-index: 3; } .slider-control-paging li { float: left; margin: 2px 4px 2px 0; } .slider-control-paging li:last-child { margin-right: 0; } .slider-control-paging a { cursor: pointer; display: block; height: 44px; position: relative; text-indent: -999em; width: 44px; } .slider-control-paging a:before { background-color: #4d4d4d; content: ""; height: 12px; left: 10px; position: absolute; top: 16px; width: 12px; } .slider-control-paging a:hover:before { color: #b5b5b6; text-decoration: underline; } .slider-control-paging .slider-active:before, .slider-control-paging .slider-active:hover:before { background-color: #b5b5b6; } .slider-direction-nav { clear: both; list-style: none; margin: 0; position: relative; width: 100%; z-index: 3; } .slider-direction-nav li { border-color: #b5b5b6; border-style: solid; border-width: 2px 1px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; text-align: center; width: 50%; } .slider-direction-nav li:last-child { border-width: 2px 0 0 1px; } .slider-direction-nav a { display: block; font-size: 0; height: 46px; } .slider-direction-nav a:hover { color: #b5b5b6; text-decoration: underline; } .slider-direction-nav a:before { color: #b5b5b6; content: ""; font-size: 32px; line-height: 46px; } .slider-direction-nav .slider-next:before { content: ""; } .slider-direction-nav .slider-disabled { display: none; } /** * 10.0 Multisite * ----------------------------------------------------------------------------- */ .site-main .widecolumn { padding-top: 72px; width: auto; } .site-main .mu_register, .widecolumn > h2, .widecolumn > form { margin: 0 auto 48px; max-width: 474px; padding: 0 30px; } .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name { font-size: inherit; width: 90%; } .site-main .mu_register input[type="submit"], .widecolumn #submit { font-size: inherit; width: auto; } /** * 11.0 Media Queries * ----------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } @media screen and (max-width: 480px) { body.frontpage {margin-top: 48px;} .spnone400 {display: none;} .mgn30per {width: 70%;} .recruit-i img {width: 47%;} .recruit-i img.mgn30 {margin: 0 10px 0 0;} .entry-content td, .comment-content td { padding: 4px; font-size: 13px; } .conceptLeft { width: 100%; float: none; } .conceptRight { width: 100%; float: none; } .conceptText { width: 96%; margin-left: 2%; margin-right: 2%; letter-spacing: .5px; line-height: 160%; } .frontp { height: 48px; } article.post { padding: 12px !important; } .blog_topimage_top { width: 100px; height: 100px; } .entry-title { font-size: 18px; padding: 0 auto; } .blog_toptext {float: left; max-width: calc(100% - 115px);} .content-area { padding-top: 60px; } div.coordinate-header { width: 100%; } div.coordinate-header h1 { font-family: "IBM Plex Sans JP", sans-serif; font-size: 28px !important; border-bottom: 1px solid #eeeeee !important; margin-bottom: 15px; font-weight: 200; } .coordinateWrapper { clear: both; padding: 0; overflow: hidden; font-size: 14px; color: #b5b5b6; position: relative; } .oneimages img {width: 96%; margin: 1% 1% 3% 2%;} .twoimages img {width: 46% !important; margin: 1% 1% 2% 2%;} .twoimages img.big {width: 54.7%; margin: 1% 1% 2% 2%;} .twoimages img.small {width: 37.2%; margin: 1% 1% 2% 2%;} .threeimages img {width: 29%; margin: 1% 1% 2% 2%;} .threeimages img.big {width: 44.4%; margin: 1% 1% 2% 2%;} .threeimages img.small {width: 21.5%; margin: 1% 1% 2% 2%;} .coordinateWrapper .message { font-family: "Zen Kaku Gothic New", sans-serif; margin: 20px 3%; font-size: 18px; } .coordinateWrapper .title { font-family: "Zen Kaku Gothic New", sans-serif; } .coordinateWrapper ul {list-style-type: none; margin-top: 15px; } .coordinateWrapper ul li { background: url('../img/a3b04bf19e6.jpg') no-repeat 1px 3px; padding-left: 24px; margin-bottom: 15px; } .coordinateLeft { width: 96%; float: left; line-height: 160%; } .coordinateRight { width: 100%; float: left; } .twoimages-sp img{width: 46%; margin-left: 3% } .orderLeft { display: block; margin-left: auto; margin-right: auto; } .orderRight { display: block; margin-left: auto; margin-right: auto; } .orderText { margin: 80px auto 0; width: 330px; letter-spacing: .5px; line-height: 160%; } .orderTextbt { margin: 20px auto 0px; width: 330px; letter-spacing: .5px; line-height: 160%; } .orderImgt1 { margin: 20px 0 0 0; } .orderText1 { margin: 20px auto; max-width: 400px; letter-spacing: .5px; line-height: 160%; } .orderText1bt { margin: 20px 10px 0 0; letter-spacing: .5px; line-height: 160%; } .orderText2 { margin: 20px auto; letter-spacing: 0; line-height: 160%; } .orderText2bt { margin: 20px auto; max-width: 400px; letter-spacing: .5px; line-height: 160%; } .orderText3 { margin: 20px auto; letter-spacing: 0; line-height: 160%; } .orderText3bt { margin: 20px auto; letter-spacing: 0; line-height: 160%; } .orderText4 { margin: 20px auto; letter-spacing: .5px; line-height: 160%; } .orderText4bt { margin: 20px auto; max-width: 400px; letter-spacing: .5px; line-height: 160%; } .orderTextbtb { margin: 20px auto 10px; letter-spacing: .5px; line-height: 160%; } .orderStyle01 { width: 100%;; font-size: 11px; text-align: left; margin: 20px auto 20px; padding-bottom: 60px; } .orderStyle01 img { width: 120px; margin: 10px 15px 5px 0; float: left; } .orderStyle02, .orderStyle03, .orderStyle04, .orderStyle05, .orderStyle06, .orderStyle07 { width: 210px; margin-top: 30px; float: left;} .btnWrapper { margin-left: 15px; } .formWrapper { width: 90%; padding: 10px; float: left; position: relative; } .formWrapper dt { clear: left; float: left; width: 90%; font-weight: normal; } .formWrapper dd { margin-left: 10px; } .formWrapper dt, .formWrapper dd { padding: 3px; min-height: 20px; } .site-title { margin: 0 auto; text-align: center; background: #32312f; } .site-header { background: #32312f; } ul.fdlList { width: 42%; height: 450px; padding: 10px; margin: 0 10px 10px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.fdlList img { width: 100%; } ul.worksList { width: 42%; height: 305px; padding: 10px; margin: 0 10px 10px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.worksList img { width: 100%; } .list-view .site-content .post-thumbnail { background: none; width: auto; z-index: 2; } .list-view .site-content .post-thumbnail img { float: left; margin: 0 10px 3px 0; width: 84px; } .list-view .site-content .entry-header { background-color: transparent; padding: 0; } .list-view .content-area { /*padding: 0 10px;*/ } .list-view .site-content .hentry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 5px 0; min-height: 60px; padding: 12px 0 9px; } .list-view .site-content .cat-links, .list-view .site-content .type-post .entry-content, .list-view .site-content .type-page .entry-content, .list-view .site-content .type-post .entry-summary, .list-view .site-content .type-page .entry-summary, .list-view .site-content footer.entry-meta { display: none; } .list-view .site-content .entry-title { clear: none; font-size: 14px; font-weight: normal; line-height: 1.2; margin-top: 0; margin-bottom: 6px; text-transform: none; } .list-view .site-content .format-aside .entry-title, .list-view .site-content .format-link .entry-title, .list-view .site-content .format-quote .entry-title { display: block; } .list-view .site-content .entry-meta { background-color: transparent; clear: none; margin: 0; text-transform: none; } .archive-header, .page-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 24px auto 0; padding-bottom: 24px; } .error404 .page-header { border-bottom: 0; margin: 0 auto 24px; padding: 0 10px; } } @media screen and (max-width: 374px) { .philosophyWrapper img.mgn30 { margin: 0 10px 0 0; } ul.fdlList { width: 125px; height: 450px; padding: 10px; margin: 0 10px 10px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.fdlList img { width: 125px; } ul.worksList { width: 41%; height: 295px; padding: 10px; margin: 0 10px 10px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.worksList img { width: 100%; } .line-100 {line-height: 110% !important; font-size: 13px;} .ip5-appear {display: block !important;} .orderStyle01 {width: 200px !important;} .orderStyle01 img {text-align: center !important; margin: 10px 0 5px 40px !important;} .orderStyle02, .orderStyle03, .orderStyle04, .orderStyle05, .orderStyle06, .orderStyle07 { width: 200px !important; margin-top: 3px !important; } .site-info { font-size: 11px !important; } } @media screen and (min-width: 481px) { .blog_topimage_top { width: 120px; height: 120px; } .entry-title { font-size: 18px; padding: 0 auto; } .blog_toptext {float: left; max-width: calc(100% - 135px);} .twoimages-sp img{width: 46%; margin-left: 3% } .pcnone400 {display: none;} .content-area { padding-top: 48px; } .frontpage .content-area { padding-top: 0 !important; } div.coordinate-header { width: 100%; } div.coordinate-header h1 { font-family: "IBM Plex Sans JP", sans-serif; font-size: 28px !important; border-bottom: 1px solid #eeeeee !important; padding-top: 15px; margin-bottom: 15px; font-weight: 200; } .coordinateWrapper { clear: both; padding: 0; overflow: hidden; font-size: 12px; color: #b5b5b6; position: relative; } .twoimages img {width: 46% !important; margin: 1% 1% 2% 2%;} .twoimages img.big {width: 57.6% !important; margin: 1% 0 2% 2%;} .twoimages img.small {width: 38.5% !important; margin: 1% 1% 2% 0;} .threeimages img {width: 29%; margin: 1% 1% 2% 2%;} .threeimages img.big {width: 44.4%; margin: 1% 1% 2% 2%;} .threeimages img.small {width: 21.5%; margin: 1% 1% 2% 2%;} .coordinateWrapper .message { font-family: "Zen Kaku Gothic New", sans-serif; margin: 20px 3%; font-size: 18px; } .coordinateWrapper .title { font-family: "Zen Kaku Gothic New", sans-serif; } .coordinateWrapper ul {list-style-type: none; margin-top: 15px; } .coordinateWrapper ul li { background: url('../img/a3b04bf19e6.jpg') no-repeat 1px 3px; padding-left: 24px; margin-bottom: 15px; } .coordinateLeft { width: 96%; float: left; line-height: 160%; } .coordinateRight { width: 100%; float: left; } .orderLeft { display: block; margin-left: auto; margin-right: auto; } .orderLeft { float: left; } .orderRight { float: right; } .orderText { margin: 80px auto 0; width: 330px; letter-spacing: .5px; line-height: 160%; } .orderTextbt { margin: 20px auto 0px; width: 330px; letter-spacing: .5px; line-height: 160%; } .orderImgt1 { margin: 20px 0 0 0; } .orderText1 { margin: 130px 10px 0 110px; max-width: 500px; letter-spacing: .5px; line-height: 160%; } .orderText1bt { margin: 20px 10px 0 0 letter-spacing: .5px; line-height: 160%; } .orderText2 { margin: 20px 20px 0; letter-spacing: .5px; line-height: 160%; } .orderText2bt { margin: 20px 20px 0; letter-spacing: .5px; line-height: 160%; } .orderText3 { max-width: 450px; margin: 100px 50px 0 0 ; letter-spacing: .5px; line-height: 160%; } .orderText3bt { margin: 20px 60px 0 0px; letter-spacing: .5px; line-height: 160%; } .orderText4 { margin: 0 0 0 20px; letter-spacing: .5px; line-height: 160%; } .orderText4bt { margin: 20px auto 0; letter-spacing: .5px; line-height: 160%; max-width: 500px; } .orderTextbtb { margin: 20px auto 10px; letter-spacing: .5px; line-height: 160%; } .orderStyle01 { width: 100%;; font-size: 11px; text-align: left; margin: 20px auto 20px; padding-bottom: 60px; } .orderStyle02 { width: 150px; margin-top: 15px; } .orderStyle03 { width: 150px; margin-top: 15px; } .orderStyle04 { width: 150px; margin-top: 15px; } .orderStyle05 { width: 150px; margin-top: 15px; } .orderStyle06 { width: 150px; margin-top: 15px; } .orderStyle07 { width: 150px; margin-top: 15px; } .btnWrapper { margin-left: 15px; } .formWrapper { width: 90%; padding: 10px; float: left; position: relative; } .formWrapper dt { clear: left; float: left; width: 90%; font-weight: normal; } .formWrapper dd { margin-left: 10px; } .formWrapper dt, .formWrapper dd { padding: 3px; min-height: 20px; } .site-header { background: #32312f; } a.post-thumbnail:hover img { opacity: 0.85; } .full-size-link:before, .parent-post-link:before, .site-content span + .byline:before, .site-content span + .comments-link:before, .site-content span + .edit-link:before, .site-content span + .entry-date:before { content: ""; } .attachment span.entry-date:before, .entry-content .edit-link a:before, .entry-meta .edit-link a:before, .site-content .byline a:before, .site-content .comments-link a:before, .site-content .entry-date a:before, .site-content .featured-post:before, .site-content .full-size-link a:before, .site-content .parent-post-link a:before, .site-content .post-format a:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .site-content .entry-meta > span { margin-right: 10px; } .site-content .format-video .post-format a:before { content: ""; } .site-content .format-audio .post-format a:before { content: ""; } .site-content .format-image .post-format a:before { content: ""; } .site-content .format-quote .post-format a:before { content: ""; margin-right: 2px; } .site-content .format-gallery .post-format a:before { content: ""; margin-right: 4px; } .site-content .format-aside .post-format a:before { content: ""; margin-right: 2px; } .site-content .format-link .post-format a:before { content: ""; position: relative; top: 1px; } .site-content .featured-post:before { content: ""; margin-right: 3px; position: relative; top: 1px; } .site-content .byline a:before { content: ""; } .site-content .comments-link a:before { content: ""; margin-right: 2px; } .entry-content .edit-link a:before, .entry-meta .edit-link a:before { content: ""; } .site-content .full-size-link a:before { content: ""; margin-right: 1px; } .site-content .parent-post-link a:before { content: ""; } .list-view .site-content .hentry { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 48px; } .list-view .site-content .hentry:first-of-type, .list-view .site-content .hentry.has-post-thumbnail { border-top: 0; padding-top: 0; } .archive-header, .page-header { margin: 0 auto 60px; padding: 0 10px; } .error404 .page-header { margin-bottom: 24px; } } @media screen and (min-width: 594px) { .blog_topimage_top { width: 150px; height: 150px; } .entry-title { font-size: 18px; padding: 0 auto; } .blog_toptext {float: left; max-width: calc(100% - 165px);} .content-area { padding-top: 48px; } .btnWrapper { margin-left: 186px; } .formWrapper { width: 90%; padding: 70px 50px 100px 10px; float: left; position: relative; } .formWrapper dt, .formWrapper dd { min-height: 50px; } .formWrapper dl, .formWrapper dt, .formWrapper dd { margin: 0; padding: 0; } .formWrapper dl { font-size: 12px; } .formWrapper dt, .formWrapper dd { padding: 3px; } .formWrapper dt { clear: left; float: left; width: 180px; font-weight: normal; } .formWrapper dd { margin-left: 180px; } .site-header { } .site-content .entry-header { padding-right: 30px; padding-left: 30px; } .site-content .has-post-thumbnail .entry-header { margin-top: -48px; } } @media screen and (min-width: 673px) { .blog_topimage_top { width: 180px; height: 180px; } .entry-title { font-size: 18px; padding: 0 auto; } .blog_toptext {float: left; max-width: calc(100% - 195px);} div.coordinate-header { width: 100%; } div.coordinate-header h1 { font-family: "IBM Plex Sans JP", sans-serif; font-size: 28px !important; border-bottom: 1px solid #eeeeee !important; margin-bottom: 15px; font-weight: 200; } .orderRight img {width: 100%;} ul.fdlList { width: 205px; height: 440px; padding: 10px; margin: 0 16px 16px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.fdlList img { width: 205px; } ul.worksList { width: 205px; height: 355px; padding: 10px; margin: 0 16px 16px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.worksList img { width: 205px; } .header-main { } .search-toggle { margin-right: 18px; } .search-box .search-field { width: 50%; } .content-area { float: left; width: 100%; padding-top: 48px; } .site-content { margin-right: 33.33333333%; } .site-content .has-post-thumbnail .entry-header { margin-top: 0; } .archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .main-content .blog-content, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta { padding-right: 30px; padding-left: 30px; } .singular .site-content .hentry.has-post-thumbnail { margin-top: 0; } .full-width .site-content { margin-right: 0; } .full-width .site-content .has-post-thumbnail .entry-header, .full-width .site-content .hentry.has-post-thumbnail:first-child { margin-top: -48px; } #secondary, #supplementary { padding: 0; } .content-sidebar { border: 0; float: right; margin-left: -33.33333333%; padding: 48px 30px 24px; position: relative; width: 33.33333333%; } .grid .featured-content .hentry { float: left; width: 50%; } .grid .featured-content .hentry:nth-child( 2n+1 ) { clear: both; } .grid .featured-content .entry-header { border-color: #000; border-style: solid; border-width: 12px 10px; height: 96px; padding: 0; } .slider .featured-content .entry-title { font-size: 22px; line-height: 1.0909090909; } .slider .featured-content .entry-header { min-height: inherit; padding: 24px 30px 48px; position: absolute; left: 0; bottom: 0; width: 50%; z-index: 3; } .slider-control-paging { background: transparent; margin-top: -48px; padding-left: 20px; width: 50%; } .slider-direction-nav { clear: none; float: right; margin-top: -48px; width: 98px; } .slider-direction-nav li { border: 0; padding: 0 1px 0 0; } .slider-direction-nav li:last-child { padding: 0 0 0 1px; } .slider-direction-nav a { height: 48px; } .slider-direction-nav a:before { line-height: 48px; } .site-info { padding: 15px 30px; } } @media screen and (min-width: 986px) { .pcnone {display: none;} .blog_mgn {padding-top: 34px;} #secondary { border: 0; clear: none; float: left; margin: 0; min-height: 500px; width: 162px; position: absolute; margin-top: -34px; } .paging-navigation { width: 100%; } .blog .paging-navigation { width: calc(100% - 200px); } .blog_topimage_top { width: 220px; height: 220px; } .entry-title { font-size: 20px; padding: 12px auto; } .blog_toptext {float: left; max-width: calc(100% - 265px);} .twoimages-sp img{width: 90%; margin-left: 3%; float: right } div.coordinate-header { width: 100%; } div.coordinate-header { width: calc(100% - 750px); } div.coordinate-header h1 { font-family: "IBM Plex Sans JP", sans-serif; font-size: 28px !important; border-bottom: 1px solid #eeeeee !important; margin-bottom: 15px; font-weight: 200; } .coordinateWrapper { clear: both; padding: 0; overflow: hidden; font-size: 12px; color: #b5b5b6; position: relative; } .coordinateWrapper .message { font-family: "Zen Kaku Gothic New", sans-serif; margin: 20px 10%; font-size: 24px; } .coordinateWrapper .title { font-family: "Zen Kaku Gothic New", sans-serif; } .coordinateWrapper ul {list-style-type: none; margin-top: 15px; } .coordinateWrapper ul li { background: url('../img/a3b04bf19e6.jpg') no-repeat 1px 3px; padding-left: 24px; margin-bottom: 15px; } .coordinateLeft { width: calc(100% - 240px); float: left; line-height: 160%; } .coordinateRight { width: 200px; float: right; } .orderLeft { float: left; } .orderRight { float: right; } .orderText { margin: 80px auto 0; width: 330px; letter-spacing: .5px; line-height: 160%; } .orderTextbt { margin: 20px auto 0px; width: 330px; letter-spacing: .5px; line-height: 160%; } .orderImgt1 { margin: 20px 0 0 0; } .orderText1 { margin: 130px 10px 0 110px; max-width: 500px; letter-spacing: .5px; line-height: 160%; } .orderText1bt { margin: 20px 10px 0 0 letter-spacing: .5px; line-height: 160%; } .orderText2 { margin: 20px 20px 0; letter-spacing: .5px; line-height: 160%; } .orderText2bt { margin: 20px 20px 0; letter-spacing: .5px; line-height: 160%; } .orderText3 { max-width: 450px; margin: 100px 50px 0 0 ; letter-spacing: .5px; line-height: 160%; } .orderText3bt { margin: 20px 60px 0 0px; letter-spacing: .5px; line-height: 160%; } .orderText4 { margin: 0 0 0 20px; letter-spacing: .5px; line-height: 160%; } .orderText4bt { margin: 20px auto 0; letter-spacing: .5px; line-height: 160%; max-width: 500px; } .orderTextbtb { margin: 20px auto 10px; letter-spacing: .5px; line-height: 160%; } .orderStyle01 { width: 100%;; font-size: 11px; text-align: left; margin: 20px auto 20px; padding-bottom: 60px; display: block; } .orderStyle02 { width: 150px; margin-top: 15px; } .orderStyle03 { width: 150px; margin-top: 15px; } .orderStyle04 { width: 150px; margin-top: 15px; } .orderStyle05 { width: 150px; margin-top: 15px; } .orderStyle06 { width: 150px; margin-top: 15px; } .orderStyle07 { width: 150px; margin-top: 15px; } .formWrapper { width: 90%; padding: 70px 50px 100px 90px; float: left; position: relative; } ul.fdlList { width: 240px; height: 435px; padding: 10px 16px 10px 8px; margin: 0 22px 22px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.fdlList img { width: 244px; } ul.worksList { width: 240px; height: 350px; padding: 10px; margin: 0 22px 22px 0; color: #b5b5b6; float: left; list-style: none; display: block; background: url('../img/a37cdc8ef0e.png') repeat; } ul.worksList img { width: 244px; } .site-title { /* Search-toggle width = 48px */ max-width: -webkit-calc(100% - 48px); max-width: calc(100% - 48px); } .header-main { padding-right: 0; } .search-toggle { margin-right: 0; } /* Fixed Header */ .masthead-fixed .site-header { position: fixed; top: 0; } .admin-bar.masthead-fixed .site-header { top: 32px; } .masthead-fixed .site-main { margin-top: 48px; } .frontpage .site-main { margin-top: 0px !important; } } @media screen and (min-width: 810px) { .attachment .entry-attachment .attachment { margin-right: -168px; margin-left: -168px; max-width: 810px; } .attachment .site-content .attachment img { display: block; margin: 0 auto; } .contributor-avatar { margin-left: -168px; } .contributor-summary { float: left; } .full-width .site-content blockquote.alignleft, .full-width .site-content blockquote.alignright { width: -webkit-calc(50% + 130px); width: calc(50% + 130px); } .full-width .site-content blockquote.alignleft, .full-width .site-content img.size-full.alignleft, .full-width .site-content img.size-large.alignleft, .full-width .site-content img.size-medium.alignleft, .full-width .site-content .wp-caption.alignleft { margin-left: -168px; } .full-width .site-content .alignleft { /*clear: left;*/ } .full-width .site-content blockquote.alignright, .full-width .site-content img.size-full.alignright, .full-width .site-content img.size-large.alignright, .full-width .site-content img.size-medium.alignright, .full-width .site-content .wp-caption.alignright { margin-right: -168px; } .full-width .site-content .alignright { clear: right; } } @media screen and (min-width: 846px) { .content-area, .content-sidebar { padding-top: 00px; } .site-content .has-post-thumbnail .entry-header { margin-top: -48px; } .comment-list .trackback, .comment-list .pingback, .comment-list article { margin-bottom: 36px; padding-top: 36px; } .comment-author .avatar { height: 34px; top: 2px; width: 34px; } .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 50px; } .comment-list .children { margin-left: 20px; } .full-width .site-content .hentry.has-post-thumbnail:first-child { margin-top: -72px; } .featured-content { margin-bottom: 0; } } @media screen and (min-width: 1008px) { article.post { width: calc(100% - 275px); float: right; } .search-box-wrapper { padding-left: 182px; } .main-content { } .site-content { margin-right: 29.04761904%; } body.home .site-content, body.page .site-content { margin-right: 0; margin-left: 0; } .site-content .entry-header { margin-top: 0; } .site-content .has-post-thumbnail .entry-header { margin-top: 0; } .content-sidebar { margin-left: -29.04761904%; width: 29.04761904%; } .site:before { content: ""; display: block; height: 100%; min-height: 100%; position: absolute; top: 0; left: 0; width: 0; z-index: 0; } .primary-sidebar { padding-top: 0; } .site-description { display: block; margin: 0 0 18px; } .site-description:empty { margin: 0; } .secondary-navigation { font-size: 11px; margin: 0 -30px 48px; width: 182px; } .secondary-navigation li { border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .secondary-navigation a { padding: 10px 30px; } .secondary-navigation ul ul { background-color: #b5b5b6; position: absolute; top: 0; left: -999em; width: 182px; z-index: 99999; } .secondary-navigation li li { border-top: 0; } .secondary-navigation li:hover > a, .secondary-navigation li.focus > a { background-color: #32312f; color: #b5b5b6; } .secondary-navigation ul ul a:hover, .secondary-navigation ul ul li.focus > a { color: #b5b5b6; text-decoration: underline; } .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul { left: 162px; } .secondary-navigation .menu-item-has-children > a { padding-right: 38px; } .secondary-navigation .menu-item-has-children > a:after { -webkit-font-smoothing: antialiased; content: ""; display: inline-block; font: normal 8px/1 Genericons; position: absolute; right: 26px; top: 14px; vertical-align: text-bottom; } .footer-sidebar .widget, .primary-sidebar .widget { font-size: 14px; line-height: 1.8; } .footer-sidebar .widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 30px; width: 25%; } .footer-sidebar .widget h1, .primary-sidebar .widget h1 { font-size: 20px; line-height: 1.2; } .footer-sidebar .widget h2, .primary-sidebar .widget h2 { font-size: 18px; line-height: 1.3333333333; } .footer-sidebar .widget h3, .primary-sidebar .widget h3 { font-size: 16px; line-height: 1.5; } .footer-sidebar .widget h4, .primary-sidebar .widget h4 { font-size: 14px; line-height: 1.7142857142; } .footer-sidebar .widget h5, .primary-sidebar .widget h5 { font-size: 12px; line-height: 2; } .footer-sidebar .widget h6, .primary-sidebar .widget h6 { font-size: 11px; line-height: 2.1818181818; } .footer-sidebar .widget code, .footer-sidebar .widget kbd, .footer-sidebar .widget tt, .footer-sidebar .widget var, .footer-sidebar .widget samp, .footer-sidebar .widget pre, .primary-sidebar .widget code, .primary-sidebar .widget kbd, .primary-sidebar .widget tt, .primary-sidebar .widget var, .primary-sidebar .widget samp, .primary-sidebar .widget pre { font-size: 11px; line-height: 1.6363636363; } .footer-sidebar .widget blockquote, .primary-sidebar .widget blockquote { font-size: 14px; line-height: 1.2857142857; } .footer-sidebar .widget blockquote cite, .primary-sidebar .widget blockquote cite { font-size: 12px; line-height: 1.5; } .footer-sidebar .widget input, .footer-sidebar .widget textarea, .primary-sidebar .widget input, .primary-sidebar .widget textarea { font-size: 12px; padding: 3px 2px 4px 4px; } .footer-sidebar .widget input[type="button"], .footer-sidebar .widget input[type="reset"], .footer-sidebar .widget input[type="submit"], .primary-sidebar .widget input[type="button"], .primary-sidebar .widget input[type="reset"], .primary-sidebar .widget input[type="submit"] { padding: 5px 15px 4px; } .footer-sidebar .widget .widget-title, .primary-sidebar .widget .widget-title { font-size: 14px; font-weight: normal; line-height: 1.6363636363; margin-bottom: 18px; } .footer-sidebar .widget_twentyfourteen_ephemera .entry-title, .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta, .footer-sidebar .widget_twentyfourteen_ephemera .wp-caption-text, .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link, .footer-sidebar .widget_twentyfourteen_ephemera .entry-content table, .primary-sidebar .widget_twentyfourteen_ephemera .entry-title, .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta, .primary-sidebar .widget_twentyfourteen_ephemera .wp-caption-text, .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link, .primary-sidebar .widget_twentyfourteen_ephemera .entry-content table { font-size: 11px; line-height: 1.6363636363; } .footer-sidebar .widget_archive li, .footer-sidebar .widget_categories li, .footer-sidebar .widget_links li, .footer-sidebar .widget_meta li, .footer-sidebar .widget_nav_menu li, .footer-sidebar .widget_pages li, .footer-sidebar .widget_recent_comments li, .footer-sidebar .widget_recent_entries li, .primary-sidebar .widget_archive li, .primary-sidebar .widget_categories li, .primary-sidebar .widget_links li, .primary-sidebar .widget_meta li, .primary-sidebar .widget_nav_menu li, .primary-sidebar .widget_pages li, .primary-sidebar .widget_recent_comments li, .primary-sidebar .widget_recent_entries li { border-top: 0; padding: 0 0 6px; } .footer-sidebar .widget_archive li:last-child, .footer-sidebar .widget_categories li:last-child, .footer-sidebar .widget_links li:last-child, .footer-sidebar .widget_meta li:last-child, .footer-sidebar .widget_nav_menu li:last-child, .footer-sidebar .widget_pages li:last-child, .footer-sidebar .widget_recent_comments li:last-child, .footer-sidebar .widget_recent_entries li:last-child, .primary-sidebar .widget_archive li:last-child, .primary-sidebar .widget_categories li:last-child, .primary-sidebar .widget_links li:last-child, .primary-sidebar .widget_meta li:last-child, .primary-sidebar .widget_nav_menu li:last-child, .primary-sidebar .widget_pages li:last-child, .primary-sidebar .widget_recent_comments li:last-child, .primary-sidebar .widget_recent_entries li:last-child { padding: 0; } .footer-sidebar .widget_categories li ul, .footer-sidebar .widget_nav_menu li ul, .footer-sidebar .widget_pages li ul, .primary-sidebar .widget_categories li ul, .primary-sidebar .widget_nav_menu li ul, .primary-sidebar .widget_pages li ul { border-top: 0; margin-top: 6px; } #supplementary { padding: 0; } .footer-sidebar { font-size: 12px; line-height: 1.5; } .featured-content { padding-left: 182px; } .grid .featured-content .hentry { width: 33.3333333%; } .grid .featured-content .hentry:nth-child( 2n+1 ) { clear: none; } .grid .featured-content .hentry:nth-child( 3n+1 ) { clear: both; } .grid .featured-content .entry-header { height: 120px; } } @media screen and (min-width: 1040px) { .site-content .has-post-thumbnail .entry-header { margin-top: -48px; } .archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .main-content .blog-content, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta { padding-right: 15px; padding-left: 15px; } .full-width .archive-header, .full-width .comments-area, .full-width .image-navigation, .full-width .page-header, .full-width .page-content, .full-width .post-navigation, .full-width .main-content .blog-content, .full-width .site-content .entry-header, .full-width .site-content .entry-content, .full-width .site-content .entry-summary, .full-width .site-content footer.entry-meta { padding-right: 30px; padding-left: 30px; } } @media screen and (min-width: 1080px) { .search-box .search-field { width: 324px; } .site-content, .site-main .widecolumn { } .site:before { } .search-box-wrapper, .featured-content { } #secondary { width: 162px; position: absolute; } .secondary-navigation, .secondary-navigation ul ul { width: 222px; } .secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul { left: 202px; } .slider .featured-content .entry-title { font-size: 20px; } .slider .featured-content .entry-header, .slider-control-paging { width: 534px; } .slider-control-paging { padding-left: 24px; } .slider-control-paging li { margin: 12px 12px 12px 0; } .slider-control-paging a { height: 24px; width: 24px; } .slider-control-paging a:before { top: 6px; left: 6px; } } @media screen and (min-width: 1110px) { .archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .main-content .blog-content, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta { padding-right: 30px; padding-left: 30px; } .header-main { width: 1150px; margin: 0 auto; } } @media screen and (min-width: 1190px) { .header-main { width: 1150px; margin: 0 auto; } } @media screen and (min-width: 1218px) { .archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .main-content .blog-content, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta { margin-right: 54px; } .full-width .archive-header, .full-width .comments-area, .full-width .image-navigation, .full-width .page-header, .full-width .page-content, .full-width .main-content, .full-width .post-navigation, .full-width .main-content .blog-content, .full-width .site-content .entry-header, .full-width .site-content .entry-content, .full-width .site-content .entry-summary, .full-width .site-content footer.entry-meta { margin-right: auto; } .full-width .main-content { margin: 0 auto; } } @media screen and (min-width: 1260px) { .site-content blockquote.alignleft, .site-content blockquote.alignright { width: -webkit-calc(50% + 18px); width: calc(50% + 18px); } .site-content blockquote.alignleft { margin-left: -18%; } .site-content blockquote.alignright { margin-right: -18%; } } /** * 12.0 Print * ----------------------------------------------------------------------------- */ @media print { body { background: none !important; /* Brute force since user agents all print differently. */ color: #b5b5b6; font-size: 12pt; } .site, .site-header, .hentry, .main-content .blog-content, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content, .archive-header, .page-header, .contributor-info, .comments-area, .attachment .entry-attachment .attachment { max-width: 100%; } #site-header img, .search-toggle, .site-navigation, .site-content nav, .edit-link, .page-links, .widget-area, .more-link, .post-format-archive-link, .comment-respond, .comment-list .reply, .comment-reply-login, #secondary, .site-footer, .slider-control-paging, .slider-direction-nav { display: none; } .site-title a, .entry-meta, .entry-meta a, .featured-content .hentry, .featured-content a { color: #b5b5b6; } .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none; } .site-header, .post-thumbnail, a.post-thumbnail:hover, .site-content .entry-header, .site-footer, .featured-content, .featured-content .entry-header { background: transparent; } .header-main { padding: 48px 10px; } .site-title { float: none; font-size: 19pt; } .content-area { padding-top: 0; } .list-view .site-content .hentry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 48px; padding-bottom: 24px; } .post-thumbnail img { margin: 0 10px 24px; } .site-content .has-post-thumbnail .entry-header { padding-top: 0; } .site-content footer.entry-meta { margin: 24px auto; } .entry-meta .tag-links a { color: #b5b5b6; } .singular .site-content .hentry.has-post-thumbnail { margin-top: 0; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: block; } .archive-title, .page-title { margin: 0 10px 48px; } .featured-content .hentry { margin-bottom: 48px; } .featured-content .post-thumbnail, .slider .featured-content .post-thumbnail { padding-top: 0; } .featured-content .post-thumbnail img { position: relative; } .featured-content .entry-header { padding: 0 10px 24px; } .featured-content .entry-meta { font-size: 9pt; margin-bottom: 11px; } .featured-content .cat-links { font-weight: normal; } .featured-content .entry-title { font-size: 25pt; line-height: 36px; } } @media screen and (min-width: 1100px) { .pchnone {display: none;} /* Navigation */ .site-navigation li .current_page_item > a, .site-navigation li .current_page_ancestor > a, .site-navigation li .current-menu-item > a, .site-navigation li .current-menu-ancestor > a { color: #b5b5b6; } /* Primary Navigation */ .primary-navigation { float: right; font-size: 13px; margin: 0 1px 0 -12px; padding: 0; text-transform: uppercase; } .primary-navigation .menu-toggle { display: none; padding: 0; } .primary-navigation .nav-menu { border-bottom: 0; display: block; } .primary-navigation.toggled-on { border-bottom: 0; margin: 0; padding: 0; } .primary-navigation ul { margin-right: 15px; } .primary-navigation li { border: 0; display: inline-block; height: 48px; line-height: 48px; position: relative; } .primary-navigation a { display: inline-block; padding: 0 7px; white-space: nowrap; color: #fff; } .primary-navigation ul ul { background-color: #b5b5b6; float: left; margin: 0; position: absolute; top: 48px; left: -999em; z-index: 99999; } .primary-navigation li li { border: 0; display: block; height: auto; line-height: 1.0909090909; } .primary-navigation ul ul ul { left: -999em; top: 0; } .primary-navigation ul ul a { padding: 18px 12px; white-space: normal; width: 176px; } .primary-navigation li:hover > a, .primary-navigation li.focus > a { background-color: #32312f; color: #fff; } .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a { color: #fff; text-decoration: underline; } .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul { left: auto; } .primary-navigation ul ul li:hover > ul, .primary-navigation ul ul li.focus > ul { left: 100%; } .primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a { padding-right: 26px; } .primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after { -webkit-font-smoothing: antialiased; content: ""; display: inline-block; font: normal 8px/1 Genericons; position: absolute; right: 12px; top: 22px; vertical-align: text-bottom; } .primary-navigation li .menu-item-has-children > a, .primary-navigation li .page_item_has_children > a { padding-right: 20px; width: 168px; } .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after, .primary-navigation .menu-item-has-children li.page_item_has_children > a:after, .primary-navigation .page_item_has_children li.menu-item-has-children > a:after, .primary-navigation .page_item_has_children li.page_item_has_children > a:after { content: ""; right: 8px; top: 20px; } } /* ======================================= WORKS ======================================= */ .acarea {width: 99%; display: table; height: 50px;} .acMenu { width: 15.3%; margin: 0 0.4%; border:1px solid #9c9c9c; border-bottom: none; padding:0px; color: #b5b5b6; float: left; position: relative; display: block; z-index: 6; transition: all 1s ease; } .acMenu:hover{ background: url('../img/acca5e7cd3a.png') repeat; } .acMenu ul, .acMenu li > ul { margin:0px; } .acMenu li { list-style: none; padding:0px; cursor: pointer; } .acMenu dl { margin-bottom: 0; } .acMenu a {text-decoration: none;} .acMenu li ul { padding:0px; } .acMenu label { display:block; margin-left:10px; width: 100%; cursor: pointer; } .menu-ttl { font-family: "IBM Plex Sans JP", sans-serif; border-bottom: 1px solid #9c9c9c; text-align: center; padding-top:8px; padding-bottom: 8px; font-weight: normal; } .menu-ttl label { margin-left:0; } .sub-menu-ttl { border-bottom: 1px solid #9c9c9c; text-align: left; padding-top:8px; padding-bottom: 8px; margin:0px; background: url('../img/acca5e7cd3a.png') repeat; } .acMenu dd { margin:0 0 0 -1px; position: absolute; width: 100%; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; } .acMenu2 li { text-align:left; background: url('../img/acca5e7cd3a.png') repeat; z-index: 9; } .acMenu2 p { padding-left: 10px; } .acMenu3 { text-align: left; z-index: 9; } .acMenu3 li,.menu-link li { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #9c9c9c; background: none; background: url('../img/acca5e7cd3a.png') repeat; } .acMenu3 p { margin-bottom: 0; padding-left: 10px; } .sub-menu-ttl.allow:after { content:"▼"; margin-left:10px; font-size: 9px } .sub-menu-ttl.allow.openAcd:after { content:"▲"; font-size: 9px; margin-left:10px; } .clearfix::after { content: ""; display: block; clear: both; } @media screen and (min-width:641px) and (max-width:1024px) { .sub-menu-ttl label, p.sub-menu-ttl, .acMenu3 label {font-size: 11px; letter-spacing: -1.5px;} } @media screen and (max-width:640px){ .acarea {position: relative; width: 100%;} .acMenu { width: 30%; margin: 0 0.5% 10px; } .sub-menu-ttl label, p.sub-menu-ttl, .acMenu3 label {font-size: 11px; letter-spacing: -0.5px;} .z-i9 {z-index: 9;} } .app { display: none; } .dapp { display: block; } input[type="radio"]{ display: none; } h3.title { font-family: "IBM Plex Sans JP", sans-serif; font-size: 20px !important; margin-bottom: 10px; font-weight: 200; } /* ======================================= TOP PAGE ======================================= */ body {margin: 0;} a.drawer-dropdown-menu-item, .primary-navigation a { font-family: "BIZ UDPGothic", sans-serif; font-weight: 100 !important; } /*.conceptWrapper {overflow: visible !important;}*/ .main-visual { height: 100%; background-size: cover; text-align: center; position: relative; overflow: hidden; } .main-visual img { z-index: 2; position: absolute; top: 100px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .main-visual video { position: relative; z-index: 1; width: 100vw; } .entry-content,.main-content {max-width: initial;} .headertitle { position: static; text-align: left; z-index: 101; } .top-style01 {position:relative;} .movie-or-01 {position:absolute; width: auto; height: auto; min-width: 100%; min-height: 100%; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .top-style03 { position: static; bottom: 0; left: 0; z-index: 100; width: 100%; height: 70px !important; } .top-style07 { position: absolute; width: auto; height: auto; left: 50%; top: 62%; right: auto; bottom: auto; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 101; } .top-style07b { position: absolute; width: auto; height: auto; left: 50%; bottom: 3%; right: auto; top: auto; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 101; } .top-style07b img {opacity: 0.6; width: 40px;} .slider2 .swiper-button-prev, .slider2 .swiper-container-rtl .swiper-button-next { background-image: url('../img/a6e32d91f51.png'); left: 10px; right: auto; } .slider2 .swiper-button-next, .slider2 .swiper-button-prev { width: 100px; height: 40px; top: 51%; -moz-background-size: 100px 40px; -webkit-background-size: 100px 40px; background-size: 100px 40px; opacity: 0.7; } .slider2 .swiper-button-next, .slider2 .swiper-container-rtl .swiper-button-prev { background-image: url('../img/a660656403d.png'); right: 10px; left: auto; } .slider2 .swiper-pagination {display: none;} @media screen and (min-width: 769px) { .slide-innder {width: 980px !important;} .tablet-tabnone {display: none;} .top-style02 {position:absolute; width: auto; height: auto; min-width: 50%; min-height: 50%; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .top-style07 img {width: 40px; height: 40px; margin: 0 7px;} .pcnone768 {display: none;} .fadeSwiper { height: 100vh; } .swiper-container.slider1 { height: 100vh; width: 100vw; margin: 0 auto; } .swiper-container.slider1 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 3vw; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; } } .top-style04 { bottom: auto; left: auto; font-weight: bold; margin-left: 100px; width: 160px; float: left; font-family: "Zen Maru Gothic", sans-serif; } .top-style05 { position: static; text-align: left; bottom: 38px; left: 135px; width: 600px; float: left; z-index: 101; } .top-style06 { position: static; text-align: left; bottom: 12px; left: 135px; /*margin-left: 260px;*/ width: 600px; z-index: 101; float: left; overflow: hidden; } @media screen and (max-width: 768px) { .slide-innder {width: 90vw !important;} .tablet-pcnone {display: none;} .main-visual {background: none no-repeat center center; background-size:cover; height: 90vw; width: 90vw; margin: 0 5vw; } .top-style02 {position:absolute; width: auto; height: auto; min-width: 60%; left: 50%; top: 50%; width: 100vw; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .top-style07 img { width: 6vw; height: 6vw; margin: 0 4px; } .spnone768 {display: none;} .top-style04 { font-weight: bold; margin-left: 5vw; font-family: "Zen Maru Gothic", sans-serif; padding-top: 25px; width: 85vw; } .top-style05 { text-align: left; margin-left: 5vw; z-index: 101; width: 85vw; } .top-style06 { text-align: left; margin-left: 5vw; z-index: 101; width: 85vw; } .mgn-l5 {margin-left: 5vw; } .swiper-container.slider1sp { height: 100vw; width: 100vw; margin: 0; } .swiper-container.slider1sp img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100vw; width: 100vw; } } @media screen and (max-width: 768px) { .fadeSwiper .spnone { display: none !important; } } @media screen and (min-width: 769px) { .fadeSwiper .pcnone { display: none !important; } .swiper-container-fade .swiper-slide { overflow: hidden !important; } } @media screen and (max-width: 1099px) and (min-width: 769px) { .spnone { display: inherit !important; } } a .rsp-21, a .rsp-22, a .rsp-23, a .rsp-24, a .rsp-25, a .rsp-27, a .rsp-28 {cursor: pointer; transition: all .22s;} a:hover .rsp-21, a:hover .rsp-22, a:hover .rsp-23, a:hover .rsp-24, a:hover .rsp-25, a:hover .rsp-27, a:hover .rsp-28 {transform: translateY(-4px); filter: brightness(130%);} div.companyp { position: relative; display: inline-block; padding: 0 55px; font-size: 16px; width: 100vw; } div.companyp:before, div.companyp:after{ content: ''; position: absolute; top: 50%; display: inline-block; width: 45px; height: 1px; background-color: #fff; } div.companyp:before {left: 230px; width: 100vw;} div.companyp:after {left: -1000px; width: 1040px;} .rsp-71 {background-color: #fbfaf6; color: #000; font-family: "Noto Sans JP", sans-serif;} .to-contact {background: #bfc0c0; border: #383635 15px solid; color: #000; font-family: "M PLUS Rounded 1c", sans-serif; letter-spacing: 0px;} @media screen and (min-width: 769px) { .frontWrapper {width: 1022px; padding: 170px 60px 30px;} .rsp-01{width: 580px; float:right; font-family: "Noto Sans JP", sans-serif; margin-right: -60px; margin-bottom: 98px;} .rsp-01 span {font-size: 18px;} .rsp-02{float: left; margin-right: 93px; margin-bottom: 217px;} .rsp-03{width: 580px; float:right; margin-right: -60px;} .rsp-11{float:left; margin-right: 53px; margin-left: -56px;} .rsp-12{width: 320px; float:right; margin-top: 100px; margin-right: 40px; font-family: "Noto Sans JP", sans-serif;} .rsp-12 h2.title {font-size: 18px; padding-bottom: 40px;padding-top: 10px; margin: 0; font-weight: normal;} .rsp-20{position: relative; width: 1022px; height: 1650px;} .rsp-21{ box-shadow: 2px 2px 4px #181818; position: absolute; left: 40px; top: 65px;} .rsp-26{position: absolute; left: 40px; top: 2px;} .rsp-22{ box-shadow: 2px 2px 4px #181818; position: absolute; left: 495px; top: 180px;} .rsp-23{ box-shadow: 2px 2px 4px #181818; position: absolute; left: 13px; top: 733px;} .rsp-24{ box-shadow: 2px 2px 4px #181818; position: absolute; left: 670px; top: 630px;} .rsp-25{ box-shadow: 2px 2px 4px #181818; position: absolute; left: 580px; top: 970px;} .rsp-27{ box-shadow: 2px 2px 4px #181818; position: absolute; left: 640px; top: 1340px;} .rsp-28{ box-shadow: 2px 2px 4px #181818; position: absolute; left: 68px; top: 1160px;} .rsp-30{float:left; width: 482px;} .rsp-32{float:left; width: 482px;} .rsp-33{float:left; width: 482px; font-family: "Noto Sans JP", sans-serif; padding-top: 65px;} .rsp-35{float:right; width: 482px;} .rsp-31{float:right; width: 482px;} .rsp-34{float:right; width: 482px; padding-top: 100px;} .rsp-38{font-family: "Noto Sans JP", sans-serif; padding: 15px 0;} .rsp-41{width: 600px; float:left; margin-right: 60px;} .rsp-42{width: 280px; float:left;} .rsp-51{width: 44%; float: left; font-size: 12px !important;} .rsp-52{width: 54%; float: left; font-size: 12px !important;} .entry-content th {padding: 0 8px;} .entry-content td {line-height: 200%;} .rsp-61 { width: 407px; float: left; margin-right: 56px; } .rsp-62 { width: 557px; float: right; margin-top: 0px; font-family: "Noto Sans JP", sans-serif; } .rsp-71{position: relative; height: 990px;} .rsp-72{position: absolute; top: 70px; left: 70px; width: 506px;} .rsp-72 .title {font-size: 23px; padding: 15px 0 30px; font-weight: 600;} .rsp-73{position: absolute; top: 70px; left: 662px; width: 290px;} .rsp-74{position: absolute; top: 403px; left: 70px; width: 290px;} .rsp-75{position: absolute; top: 698px; left: 408px; width: 506px;} .designer-about {font-family: "M PLUS Rounded 1c", sans-serif; color: #1a1a1a;} .to-contact {position: relative;width: 730px; margin: 0 auto;} .to-contact .title {font-size: 20px; padding: 11px 0 13px; font-weight: 600; margin: 0 auto; text-align: center; color: #383635;} .to-contact .msg {width: 410px; float: left; padding: 9px 20px; font-size: 12px; line-height: 20px;} .to-contact .desimg {width: 280px;} .to-contact .contact-tel {font-size: 17px;background: #383635; padding: 5px 10px; margin-top: 8px; margin-right: 15px;width: 142px; float: left;color: #aaabab;} .to-contact a.contact-mail {font-size: 16px;background: #383635; padding: 5px 10px; margin-top: 8px; text-decoration: none;width: 202px; float: left;color: #aaabab;} } @media screen and (max-width: 768px) { .frontWrapper {width: 94vw; padding:20px 3vw;} .rsp-01{width:100%; font-family: "Noto Sans JP", sans-serif; padding-bottom: 30px;} .rsp-01 span {font-size: 16px;} .rsp-02{width:65vw; padding-bottom: 30px;} .rsp-03{width:88vw; margin-left:12vw; padding-bottom: 30px;} .rsp-11{max-width: 100vw !important;width: 100vw !important; margin-left: -5.7vw;} .rsp-12{width: 90vw; font-family: "Noto Sans JP", sans-serif; padding-bottom: 30px;} .rsp-12 h1.title {font-size: 16px; padding-bottom: 30px; margin: 0; font-weight: normal;} .rsp-21{width: 88vw; box-shadow: 2px 2px 4px #181818; margin-top: 30px;} .rsp-22{width: 88vw; box-shadow: 2px 2px 4px #181818; margin-top: 30px;} .rsp-23{width: 88vw; box-shadow: 2px 2px 4px #181818; margin-top: 30px;} .rsp-24{width: 88vw; box-shadow: 2px 2px 4px #181818; margin-top: 30px;} .rsp-25{width: 88vw; box-shadow: 2px 2px 4px #181818; margin-top: 30px;} .rsp-27{width: 88vw; box-shadow: 2px 2px 4px #181818; margin-top: 30px;} .rsp-28{width: 88vw; box-shadow: 2px 2px 4px #181818; margin-top: 30px;} .rsp-31{width: 88vw;} .rsp-32{width: 88vw; margin-top: 30px;} .rsp-33{width: 88vw; font-family: "Noto Sans JP", sans-serif; margin-top: 30px;} .rsp-34{max-width: 100vw !important;width: 100vw !important; margin-left: -5.7vw; margin-top: 30px;} .rsp-38{font-family: "Noto Sans JP", sans-serif; width: 88vw; padding: 15px 0;} .rsp-39{max-width: 100vw !important;width: 100vw !important; margin-left: -5.7vw;} .rsp-41{width: 88vw;} .rsp-42{width: 100%;} .rsp-51, .rsp-52 {width: 95%;} .entry-content th {padding: 0 8px;} .entry-content td {line-height: 200%;} .rsp-61 { width: 90vw; } .rsp-62 { width: 90vw; font-family: "Noto Sans JP", sans-serif; padding-bottom: 30px; } .rsp-71{max-width: 100vw !important; width: calc(100vw - 40px) !important; margin-left: -5.5vw; padding: 40px 20px;} .rsp-72{padding-bottom: 40px;} .rsp-72 .title {font-size: 4vw; padding: 10px 0 20px; font-weight: 600;} .rsp-73{width: 46%; float: right; padding: 2%;} .rsp-74{width: 46%; float: right; padding: 2%;} .designer-about {font-family: "M PLUS Rounded 1c", sans-serif; line-height: 18px; color: #1a1a1a;} .rsp-75{padding: 30px 0; width: 100%;} .to-contact .title {font-size: 20px; padding: 15px 0 20px; font-weight: 600; margin: 0 auto; text-align: center; color: #383635;} .to-contact .msg {padding: 15px 10% 0; font-size: 13px; line-height: 21px;} .to-contact .desimg {width: 80%; margin: 20px 10%;} .to-contact .contact-btns {padding: 5px 10px; margin-top: 8px; margin-right: 15px; margin: 0 auto; text-align: center;} .to-contact .contact-btns img {margin: 0 15px 30px; width: 40px;} } /* ======================================= アコーディオン ======================================= */ .menu-toggle {display: none;} .drawer-nav, a.drawer-nav { z-index: 999; top: 48px; height: 520px; width: 240px; color: #ffffff; padding-top: 20px; background: url('../img/a37cdc8ef0e.png') repeat; } a.drawer-dropdown-menu-item { font-size: 14px; font-family: "M PLUS Rounded 1c", sans-serif; line-height: 32px; display: block; padding: 0; padding-right: .75rem; padding-left: 1rem; margin-left: 5%; color: #ffffff !important; border-bottom: 1px dotted #6e6d6b !important; width: 80%; } .drawer-menu li.icon_list { display: block; width: 100%; margin: 10px 15px 0; } .drawer-menu li.icon_list img { margin: 7px 7px; } ul.drawer-dropdown-menu a.drawer-dropdown-menu-item { background-color: #b50010 !important; } .drawer-dropdown-menu-item:hover { color: #ffffff; } .drawer-menu-item { font-size: 14px !important; display: block; padding: 10px; } .drawer-hamburger { position: fixed; z-index: 4; border-radius: 0; cursor: pointer; height: 48px; margin: 0; padding-right: 65px !important; overflow: hidden; padding: 0; top: 0; text-align: center; width: 48px; background-color: inherit !important; border: none; } .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { width: 16px; height: 2px; -webkit-transition: all .6s cubic-bezier(.19,1,.22,1); transition: all .6s cubic-bezier(.19,1,.22,1); background-color: #fff; } .drawer-hamburger-icon { position: relative; display: block; margin-top: 0; margin-left: 16px; } .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { position: absolute; top: -5px; left: 0; content: ' '; } .drawer-hamburger-icon:after { top: 5px; } .drawer--right.drawer-open .drawer-hamburger { right: 0; } .hbm { position: absolute; right: 0; padding-right: 8px; } .menu-bottom { text-align: center; margin-bottom: 5px; } .menu-bottom a.drawer-dropdown-menu-item { border: 1px solid #6e6d6b !important; } @media screen and (min-width: 0px) and (max-width: 1099px) { .spnone {display: none;} } /** * 181217 * ----------------------------------------------------------------------------- */ .contWapper { clear: both; padding: 0; overflow: hidden; font-size: 14px; color: #b5b5b6; position: relative; } div.cont-header h1 { font-family: "IBM Plex Sans JP", sans-serif; font-size: 36px !important; border-bottom: 1px solid #eeeeee !important; margin-bottom: 5px; font-weight: 200; } .business-title {padding: 0 5px;} .subtitle {font-size: 20px; padding: 5px 5px 50px;} p.mgn20 {margin: 15px auto 40px;} .space50 {height: 50px;} .order-odd, .order-even {clear: both; padding-top: 30px;} .order-odd p {width: 80%;} .order-odd img {padding-right: 40px; width: 180px; float: left;} .order-even p {width: 90%;} .order-even img {padding-right: 40px; width: 180px; margin-left: 90px; float: left;} .order-price {clear: both; margin-bottom: 30px;} .order-price img {padding-right: 90px; width: 250px; float: left;} .order-price p {font-size: 18px;} .order-price .price-caution {text-align: right; font-size: 12px; margin-right: 26%;} table.price { border-collapse: collapse; border: 1px solid #9c9b9a; width: 42% } table.price th { border-width: 1px 0px; border-color: #9c9b9a; background: #aaabab; color: #383635; border-style: solid; padding: 7px 7px 7px 20px; } table.price td { border-width: 1px 0px; border-color: #9c9b9a; border-style: solid; padding: 7px 7px 7px 20px; } @media screen and (max-width: 660px) { .order-odd p, .order-even p {width: 100%;} .order-odd img, .order-even img {padding-right: 0; padding-bottom: 20px; margin: 0 25%; width: 50%; float: none;} .order-price img {padding-right: 0; padding-bottom: 20px; margin: 0 20%; width: 60%; float: none;} table.price { width: 100%; } .order-price .price-caution {text-align: left; font-size: 12px; margin-right: auto;} } @media screen and (max-width: 480px) { div.cont-header h1 { font-family: "IBM Plex Sans JP", sans-serif; font-size: 28px !important; border-bottom: 1px solid #eeeeee !important; padding-top: 15px; margin-bottom: 5px; font-weight: 200; } .space50 {height: 20px;} } .to-contact-rec {background: #bfc0c0; border: #383635 15px solid; color: #000; font-family: "M PLUS Rounded 1c", sans-serif; letter-spacing: 0px;} @media screen and (min-width: 769px) { .to-contact-rec {position: relative;width: 820px; margin: 0 auto;} .to-contact-rec .title {font-size: 20px; padding: 28px 0 13px; font-weight: 600; margin: 0 auto; text-align: center; color: #383635; line-height: 36px;} .to-contact-rec .title.mini {font-size: 18px;} .to-contact-rec .title span {font-size: 17px; font-weight: 400; margin: 0 auto; text-align: center;} .to-contact-rec .msg {width: 430px; float: left; padding: 29px 55px; font-size: 12px; line-height: 28px;} .to-contact-rec .desimg {width: 280px;} .to-contact-rec .contact-tel {font-size: 17px;background: #383635; padding: 5px 10px; margin-top: 8px; margin-right: 15px;width: 142px; float: left;color: #aaabab;} .to-contact-rec a.contact-mail {font-size: 16px;background: #383635; padding: 5px 10px; margin-top: 8px; text-decoration: none;width: 202px; float: left;color: #aaabab;} } @media screen and (max-width: 768px) { .to-contact-rec .title {font-size: 20px; padding: 20px 0 20px; font-weight: 600; margin: 0 auto; text-align: center; color: #383635;} .to-contact-rec .title.mini {font-size: 18px;} .to-contact-rec .title span {font-size: 17px; font-weight: 400; margin: 0 auto; text-align: center;} .to-contact-rec .msg {padding: 15px 10% 0; font-size: 13px; line-height: 36px;} .to-contact-rec .inner {line-height: 26px;} .to-contact-rec .desimg {width: 80%; margin: 20px 10%;} .to-contact-rec .contact-btns {padding: 5px 10px; margin-top: 8px; margin-right: 15px; margin: 0 auto; text-align: center;} .to-contact-rec .contact-btns img {margin: 0 15px 30px; width: 40px;} } .pum-container.pum-responsive { width: 75% !important; } .drawer-menu {position: relative;} .menu-productlist { position: absolute; left: 0; top: 0; font-size: 14px; font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 200; line-height: 32px; display: block; padding: 0; padding-right: 0.75rem; padding-left: 1rem; margin-left: 5%; color: #ffffff !important; border-bottom: 1px dotted #6e6d6b !important; width: 80%; } .menu-productlist.menusecond { left: 0; top: 65px; } .menu-productlist.menuthird { left: 0; top: 264px; } li.drawer-dropdown.menutwo, li.drawer-dropdown.menuopa1 { opacity: 1 !important; } li.drawer-dropdown.menutwo.open { height: 100px; } li.doclose {list-style:none;} .drawer-dropdown-menu { background-color: inherit !important; } ul.drawer-dropdown-menu a.drawer-dropdown-menu-item { background-color: inherit !important; } a.drawer-menu-item, a.drawer-dropdown { text-decoration: none; } ul.drawer-dropdown-menu { padding-left: 1rem; } li.drawer-dropdown {opacity:0; height: 33px; transition: .5s;} li.drawer-dropdown.open { height: 105px; opacity:1; } .drawer-menu li.icon_list img { margin: 7px 7px; } .drawer-dropdown-menu-item:hover { text-decoration: none !important; } .drawer-nav, a.drawer-nav { height: 100vh !important; } li.drawer-dropdown.open { height: 170px; opacity: 1; } .drawer-nav { overflow-y: scroll; } .drawer-menu { height: 780px; } .drawer-nav::-webkit-scrollbar { display: none; } .menulist { display: flex; flex-wrap: wrap; padding-top: 70px; } .menulist-item { width: calc(100% / 2); margin-bottom: 20px; text-align: center; } @media screen and (min-width: 986px) { .menulist-item img { max-width: 494px; } } @media screen and (min-width: 769px) { .frontWrapper { padding: 70px 60px 30px; } } @media screen and (max-width: 768px) { .menulist { padding-top: 30px; } .rsp-20 { margin-bottom: 100px; } .frontWrapper { padding: 80px 3vw; } } /* フェードアップ */ .menulist .fadeup { transform: translate3d(0, 50px, 0); transition: 1s; opacity: 0; } .menulist .fadeup:hover { filter: brightness(1.50); } .fadeup.animated { transform: translate3d(0, 0, 0); opacity: 1; } @media screen and (max-width: 480px) { .menulist-item { width: 100%; margin-bottom: 20px; text-align: center; } .rsp-20 { margin-right: 15px; } } @media screen and (min-width: 769px) { ul.bxslider {margin: 0 0 0 0 !important;} a .rsp-21, a .rsp-22, a .rsp-23, a .rsp-24, a .rsp-25, a .rsp-27, a .rsp-28, a .rsp-29 {cursor: pointer; transition: all .22s;} a:hover .rsp-21, a:hover .rsp-22, a:hover .rsp-23, a:hover .rsp-24, a:hover .rsp-25, a:hover .rsp-27, a:hover .rsp-28, a:hover .rsp-29 {transform: translateY(-4px); filter: brightness(130%);} .rsp-20 { position: relative; width: 1022px; height: 1650px; } .rsp-27{ box-shadow: 2px 2px 4px #181818; position: absolute; left: 640px; top: 1340px;} .rsp-22 { box-shadow: 2px 2px 4px #181818; position: absolute; left: 630px; top: 150px; width: 400px; } .rsp-29 { box-shadow: 2px 2px 4px #181818; position: absolute; left: 107px; top: 433px;; } .rsp-23 { box-shadow: 2px 2px 4px #181818; position: absolute; left: 13px; top: 865px; } .rsp-24 { box-shadow: 2px 2px 4px #181818; position: absolute; left: 670px; top: 580px; } .rsp-25 { box-shadow: 2px 2px 4px #181818; position: absolute; left: 580px; top: 959px; } .rsp-28 { box-shadow: 2px 2px 4px #181818; position: absolute; left: 115px; top: 1281px; } } @media screen and (max-width: 768px) { .rsp-28, .rsp-29{width: 88vw; box-shadow: 2px 2px 4px #181818; margin-top: 30px;} } .topmenu-wrapper{ display: flex; flex-wrap: wrap; margin-bottom: 40px; line-height: 1.4; max-width: 1000px; margin: 0 auto 40px; } a.topmenu:hover { opacity: 0.7; } a.topmenu { width: calc(50% - 10px); text-align: center; text-decoration: none; padding: 5px; font-family: "Zen Kaku Gothic New", sans-serif; font-size: 16px; transition: .5s; color: #fff; } a.topmenu span.jpwords { display: block; font-family: "Zen Maru Gothic", sans-serif; letter-spacing: -2px; font-size: 14px; } .topmenu-wrapper a.block01 { background-color: #73434f; } .topmenu-wrapper a.block01 div.waku { border-top: 3px solid #8d6367; border-bottom: 3px solid #8d6367; border-left: 3px solid #b69a99; border-right: 3px solid #b69a99; padding: 10px 0; } .topmenu-wrapper a.block02 { background-color: #6a5c4f; } .topmenu-wrapper a.block02 div.waku { border-top: 3px solid #887668; border-bottom: 3px solid #887668; border-left: 3px solid #b4a69b; border-right: 3px solid #b4a69b; padding: 10px 0; } .topmenu-wrapper a.block03 { background-color: #564b4f; } .topmenu-wrapper a.block03 div.waku { border-top: 3px solid #716766; border-bottom: 3px solid #716766; border-left: 3px solid #b5adab; border-right: 3px solid #b5adab; padding: 10px 0; } .topmenu-wrapper a.block04 { background-color: #3e5147; } .topmenu-wrapper a.block04 div.waku { border-top: 3px solid #5b655b; border-bottom: 3px solid #5b655b; border-left: 3px solid #b1afa7; border-right: 3px solid #b1afa7; padding: 10px 0; } @media screen and (max-width: 768px) { a.topmenu { font-size: 14px; } a.topmenu span.jpwords { font-size: 13px; } .topmenu-wrapper { width: 90vw; margin: 0 auto; } } /** * Swiper 14.3.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2026 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2026 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* * トップページ（2026リニューアル） * * - クラス名はすべて lt- で始め、既存テーマの CSS と干渉しないようにしている * - 寸法はデザインデータ（コンテンツ幅 1000px）の実測値 * - 768〜999px は PC レイアウトを縮小表示、767px 以下はスマートフォン用レイアウト */ /* ------------------------------------------------------------ * ヘッダー（トップページのみ）: MENU の表記を Orator に置き換え * ---------------------------------------------------------- */ .lt-page .hbm { opacity: 0; } .lt-page .drawer-hamburger-icon { margin-left: 38px; } .lt-page .site-header::after { content: "MENU"; position: absolute; top: 0; right: 8.8px; color: #fff; font-family: "Kosugi", sans-serif; font-size: 18px; font-weight: 400; line-height: 45px; letter-spacing: 0; pointer-events: none; } .lt-page .site-main { margin-top: 0 !important; } .lt-page.masthead-fixed .lt-top { /* 縮小表示（768〜999px）のときも固定ヘッダーの高さ分を正しく空ける */ padding-top: calc(48px / var(--lt-zoom, 1)); } /* ------------------------------------------------------------ * 追従バナー（トップページのスマートフォン表示のみ） * ヒーローの文字に重なるため、少しスクロールするまで隠しておき、ゆっくり表示する * lt-banner-wait は content.php 冒頭のスクリプトと top.js が付け外しする * ---------------------------------------------------------- */ @media (max-width: 767px) { .lt-page #right-banner, .lt-page #right-banner-contact { transition: opacity 1s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s; } .lt-page.lt-banner-wait #right-banner, .lt-page.lt-banner-wait #right-banner-contact { opacity: 0; visibility: hidden; transform: translateY(16px); pointer-events: none; /* 消えるときは、薄くなり終えてから visibility を切り替える */ transition-delay: 0s, 0s, 1s; } } /* ------------------------------------------------------------ * 土台・テーマ共通スタイルの打ち消し * ---------------------------------------------------------- */ .lt-top { --lt-dark: #1d1d1d; --lt-light: #e8e6e5; /* デザイン上 0.5pt の罫線。等倍の画面では 1px を半透明にして細く見せる */ --lt-hair: 1px; --lt-line-white: rgba(255, 255, 255, 0.5); --lt-line-dark: rgba(34, 24, 21, 0.5); --lt-gothic: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif; --lt-mincho: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; --lt-orator: "orator-std", "Orator Std", monospace; position: relative; overflow: hidden; background: var(--lt-dark); color: #fff; font-family: var(--lt-gothic); font-size: 12px; font-weight: 400; line-height: 21px; letter-spacing: 0; text-align: left; text-autospace: normal; -webkit-text-size-adjust: 100%; } @media (min-resolution: 2dppx) { .lt-top { --lt-hair: 0.5px; --lt-line-white: #fff; --lt-line-dark: #221815; } } .lt-top *, .lt-top *::before, .lt-top *::after { box-sizing: border-box; } /* :where() で詳細度を上げずに打ち消す（後ろの各部品の指定が必ず勝つように） */ .lt-top :where(h2, h3, h4, p, ul, ol, li, dl, dt, dd) { clear: none; margin: 0; padding: 0; font: inherit; list-style: none; } .lt-top p { font-weight: inherit !important; } .lt-top a, .lt-top a:hover, .lt-top a:focus, .lt-top a:active { color: inherit; text-decoration: none; } .lt-top img { display: block; max-width: 100%; height: auto; border: 0; } .lt-top video, .lt-top iframe { display: block; margin: 0; border: 0; } .lt-inner { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 57.5px; } .lt-en { font-family: var(--lt-orator); font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0; } .lt-sec [id], .lt-sec[id] { scroll-margin-top: calc(48px / var(--lt-zoom, 1)); } /* 見出し（英字はアウトライン化した SVG） */ .lt-head { display: flex; align-items: flex-start; height: 28.8px; } .lt-head__en img { width: auto; max-width: none; height: 28.8px; } .lt-head__ja { padding-top: 7.7px; white-space: nowrap; } .lt-news .lt-head__ja { margin-left: 38.3px; } .lt-works .lt-head__ja { margin-left: 41.4px; } .lt-coord .lt-head__ja { margin-left: 86.3px; } .lt-order .lt-head__ja { margin-left: 81.4px; } .lt-showroom .lt-head__ja { margin-left: 54.9px; } .lt-special .lt-head__ja { margin-left: 86.9px; } .lt-contact .lt-head__ja { margin-left: 40.9px; } .lt-company .lt-head__ja { margin-left: 82.6px; } /* 矢印 */ .lt-arrow { position: relative; display: block; flex: 0 0 29.1px; width: 29.1px; height: 7.4px; transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1); } .lt-arrow::before { content: ""; position: absolute; top: 50%; left: 0; width: 21px; height: 1px; margin-top: -0.5px; background: currentColor; } .lt-arrow::after { content: ""; position: absolute; top: 0; right: 0; width: 12.1px; height: 7.4px; background: currentColor; clip-path: polygon(18% 50%, 0 1%, 1% 0, 49% 32%, 100% 50%, 49% 68%, 1% 100%, 0 99%); } /* ボタン */ .lt-btn { display: flex; align-items: center; justify-content: space-between; height: 40.2px; padding: 0 calc(22.85px - var(--lt-hair)) 0 calc(15.3px - var(--lt-hair)); border: var(--lt-hair) solid var(--lt-line-white); white-space: nowrap; transition: background-color 0.3s ease; } .lt-btn--works { width: 238.9px; padding-bottom: 2px; } .lt-btn--more { width: 185.2px; } .lt-btn--map { width: 181.4px; padding-right: calc(16.8px - var(--lt-hair)); border-color: var(--lt-line-dark); } .lt-btn--contact { width: 217.2px; padding-top: 1.8px; font-family: var(--lt-mincho); font-size: 14px; line-height: 24px; } .lt-btn:hover { background-color: rgba(255, 255, 255, 0.12); } .lt-btn--map:hover { background-color: rgba(29, 29, 29, 0.08); } /* マウスを載せると矢印がやさしく右へ動く */ .lt-btn:hover .lt-arrow, .lt-special__link:hover .lt-arrow { transform: translateX(7px); } .lt-btn:focus-visible .lt-arrow, .lt-special__link:focus-visible .lt-arrow { transform: translateX(7px); } /* ------------------------------------------------------------ * ヒーロー * ---------------------------------------------------------- */ .lt-hero { position: relative; z-index: 1; /* 幅を明示しないと、高さの上限・下限が縦横比を通じて幅まで縮めて（広げて）しまう */ width: 100%; aspect-ratio: 1003.4 / 497.9; max-height: calc(100vh - 48px); min-height: 360px; background: var(--lt-dark); } .lt-hero__media { position: absolute; inset: 0; overflow: hidden; } /* 写真は ::before に敷く（表示時にゆっくり寄せる演出で、枠からはみ出さないようにするため） */ .lt-hero__media::before { content: ""; position: absolute; inset: 0; background: url('../img/aa5282ebfdd.webp') center / cover no-repeat; } .lt-top .lt-hero__video { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.8s ease; } .lt-top .lt-hero__video.is-playing { opacity: 1; } .lt-hero__inner { position: absolute; bottom: 0; left: 50%; width: 1000px; height: 0; margin-left: -500px; } .lt-hero__scroll { position: absolute; bottom: 65.5px; left: 40.4px; } .lt-hero__line { position: absolute; bottom: -23px; left: 72.2px; width: 1px; height: 84.8px; background: #fff; } .lt-hero__line::after { content: ""; position: absolute; top: 33.3px; left: -2.5px; width: 6px; height: 6px; background: #fff; animation: lt-scroll 2.6s cubic-bezier(0.65, 0, 0.35, 1) infinite; } /* 駒が線の上端から下端まで動く。移動量は定位置（top）からの差で、機種差の出にくい transform で指定する */ @keyframes lt-scroll { 0% { transform: translateY(-33.3px); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateY(45.5px); opacity: 0; } } @keyframes lt-scroll-sp { 0% { transform: translateY(-25px); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateY(33px); opacity: 0; } } .lt-hero__copy { position: absolute; bottom: 5.9px; left: 160.5px; font-family: var(--lt-mincho); white-space: nowrap; } .lt-top .lt-hero__catch { font-size: 36px; font-weight: 600 !important; line-height: 48px; } .lt-hero__lead { margin-top: 0.8px; font-size: 16px; line-height: 28px; } /* ------------------------------------------------------------ * NEWS / WORKS（テクスチャ背景） * ---------------------------------------------------------- */ .lt-tex { padding-bottom: 85.9px; background: var(--lt-dark) url('../img/a087c566339.webp') center bottom / cover no-repeat; } .lt-news { padding-top: 70.2px; } .lt-news__item { display: flex; align-items: flex-start; padding: 30.95px 0 calc(10.55px - var(--lt-hair)) 15.3px; border-bottom: var(--lt-hair) solid var(--lt-line-white); } .lt-news__date { flex: 0 0 70.3px; } .lt-news__cat { position: relative; flex: 0 0 79.2px; text-align: center; } .lt-news__cat::before { content: ""; position: absolute; inset: -0.5px 0 1.4px; border: var(--lt-hair) solid var(--lt-line-white); } .lt-news__text { flex: 1 1 auto; margin-left: 95.4px; } .lt-top .lt-news__text a:hover { text-decoration: underline; } .lt-works { padding-top: 127.1px; } .lt-tex > .lt-works:first-child { padding-top: 70.2px; } .lt-works .lt-btn { margin-top: 28.5px; } .lt-works__row { position: relative; display: grid; grid-template-columns: 1fr repeat(3, 207.6px); column-gap: 10.65px; padding: 28.35px 0; } .lt-works__row + .lt-works__row::before { content: ""; position: absolute; top: calc(var(--lt-hair) / -2); right: 0; left: 0; border-top: var(--lt-hair) solid var(--lt-line-white); } .lt-works__text { padding-left: 15.3px; } .lt-works__en { padding-top: 9px; white-space: nowrap; } .lt-top .lt-works__ja { margin-top: 5.7px; font-size: 14px; font-weight: 700; } .lt-works__desc { margin-top: 25.4px; } .lt-works__photo { overflow: hidden; } .lt-works__photo img { width: 100%; aspect-ratio: 207.6 / 136.4; object-fit: cover; } /* 文章はふわっと、写真は右から左へスライドイン（JS が有効で、動きを減らす設定でないときのみ） */ .lt-anim .lt-works__text { opacity: 0; transform: translateY(20px); transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); } .lt-anim .lt-works__row.is-in .lt-works__text { opacity: 1; transform: none; } .lt-anim .lt-works__photo img { opacity: 0; transform: translateX(72px); transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); } .lt-anim .lt-works__photo--2 img { transition-delay: 0.12s; } .lt-anim .lt-works__photo--3 img { transition-delay: 0.24s; } .lt-anim .lt-works__row.is-in .lt-works__photo img { opacity: 1; transform: none; } .lt-works__foot { display: flex; justify-content: flex-end; } .lt-works__foot .lt-btn { margin-top: 0; } /* ------------------------------------------------------------ * INTERIOR COORDINATE * ---------------------------------------------------------- */ .lt-coord { padding-top: 69.6px; } .lt-coord .lt-btn, .lt-order .lt-btn { margin-top: 28.3px; } .lt-coord__body { display: grid; grid-template-columns: 467.7px 1fr; margin-top: 43.6px; } .lt-philo { padding-left: 15.3px; } .lt-philo__head { padding-top: 3.4px; } .lt-philo__list { margin-top: 51.3px; } .lt-philo__item + .lt-philo__item { margin-top: 21.4px; } .lt-top .lt-philo__title { font-size: 14px; font-weight: 700; } .lt-philo__no { display: inline-block; width: 47.7px; } .lt-philo__desc { margin-top: 2.4px; padding-left: 48.5px; line-height: 19.8px; } .lt-designer { display: grid; grid-template-columns: 135px 252px; justify-content: space-between; min-height: 237.9px; } .lt-designer__photo { width: 135px; aspect-ratio: 1; } .lt-designer__role { margin-top: 3.65px; } .lt-designer__name, .lt-designer__sns { margin-top: -1px; line-height: 18px; white-space: nowrap; } .lt-designer__name { margin-top: -1.3px; } .lt-top .lt-designer__sns a:hover { text-decoration: underline; } .lt-top .lt-designer__title { margin-top: 0.2px; font-size: 14px; font-weight: 700; } .lt-designer__text p { margin-top: 20.5px; line-height: 19.8px; text-align: justify; } /* ------------------------------------------------------------ * ORDER FURNITURE * ---------------------------------------------------------- */ .lt-order { padding: 85.2px 0 113.4px; } .lt-order .lt-inner { display: grid; grid-template-columns: 1fr 500.4px; } .lt-order__text { width: 300px; margin: 24.8px 0 0 15.3px; text-align: justify; } .lt-order__photos { display: grid; grid-template-columns: 264.9px 224.9px; grid-template-rows: 189.5px 189.5px; gap: 10.6px; margin-top: 3.5px; } .lt-top .lt-order__photo { width: 100%; height: 100%; object-fit: cover; } .lt-order__photo--1 { grid-row: 1 / 3; } /* ------------------------------------------------------------ * SHOW ROOM * ---------------------------------------------------------- */ .lt-showroom { padding: 70.5px 0 72.2px; background: var(--lt-light); color: var(--lt-dark); } .lt-showroom .lt-inner { display: grid; grid-template-columns: 1fr 311px; } .lt-showroom__lead { width: 492px; margin: 24.8px 0 0 15.3px; color: #221815; text-align: justify; } .lt-top .lt-showroom__photo { width: 492px; height: 255.7px; margin: 22.4px 0 0 15.6px; object-fit: cover; } .lt-showroom__info { margin: 24.9px 0 0 15.3px; } .lt-showroom__note { margin-left: -6px; } .lt-showroom .lt-btn { margin-top: 23.4px; } .lt-showroom__movie { width: 311px; height: 551.4px; margin-top: 3.5px; background: #cfcdcc; } .lt-top .lt-showroom__movie video { width: 100%; max-width: none; height: 100%; object-fit: cover; } /* ------------------------------------------------------------ * スライダー * ---------------------------------------------------------- */ .lt-slider { padding: 119.8px 0 60.9px; } .lt-slider__swiper { overflow: hidden; } /* JS が動く前・無効時は横スクロールで全カードを見られるようにする */ .lt-slider__swiper:not(.swiper-initialized) { overflow-x: auto; } .lt-slider__swiper:not(.swiper-initialized) .swiper-wrapper { gap: 62px; padding: 0 62px; } .lt-top .lt-card { display: flex; flex: 0 0 auto; flex-direction: column; width: 524.4px; height: 420px; padding: 56.3px 35.8px 0; color: #fff; } .lt-card--onlineshop { background: #7d8880; } .lt-card--cafe { background: #542b39; } .lt-card--mediterior { background: #193d36; } .lt-card--business { background: #6e6e6f; } .lt-card--original { background: #826958; } .lt-card--select { background: #cbb993; } .lt-card--blog { background: #484b6a; } .lt-card__head { display: flex; align-items: flex-start; height: 28.8px; margin-left: -0.9px; } .lt-card__en img { width: auto; max-width: none; height: 28.8px; } .lt-card__ja { padding-top: 8.7px; white-space: nowrap; } .lt-card--onlineshop .lt-card__ja { margin-left: 72.8px; } .lt-card--cafe .lt-card__ja { margin-left: 85.7px; } .lt-card--mediterior .lt-card__ja { margin-left: 63.8px; } .lt-card--business .lt-card__ja { margin-left: 89.4px; } .lt-card--original .lt-card__ja { margin-left: 96.9px; } .lt-card--select .lt-card__ja { margin-left: 88px; } .lt-card--blog .lt-card__ja { margin-left: 46.1px; } .lt-card__sub { margin-top: 52.6px; font-size: 16px; font-weight: 700; line-height: 24px; white-space: nowrap; } .lt-top .lt-card__img { width: 452.8px; max-width: none; height: 212.6px; margin-top: 12.1px; object-fit: cover; transition: transform 0.9s cubic-bezier(0.33, 1, 0.68, 1); } /* マウスを載せると写真がわずかに近づく */ @media (hover: hover) { .lt-card:hover .lt-card__img { transform: scale(1.03); } } .lt-slider__dots { display: flex; justify-content: center; gap: 10.7px; height: 6.8px; margin-top: 47.2px; } .lt-slider__dot { position: relative; width: 6.8px; height: 6.8px; padding: 0; border: 1px solid #cbcbcb; border-radius: 50%; background: #cbcbcb; cursor: pointer; transition: background-color 0.3s ease; } /* 押しやすいように当たり判定だけ広げる */ .lt-slider__dot::before { content: ""; position: absolute; inset: -12px -6px; } .lt-slider__dot.is-active { background: #343031; } /* ------------------------------------------------------------ * SPECIAL CONTENTS * ---------------------------------------------------------- */ .lt-special { padding: 79.3px 0 91px; background: var(--lt-light); color: var(--lt-dark); } .lt-special__list { margin-top: 28.1px; } .lt-special__item + .lt-special__item { margin-top: 9.9px; } .lt-special__link { display: flex; align-items: center; height: 40.2px; padding-right: 18px; border: var(--lt-hair) solid var(--lt-line-dark); font-family: var(--lt-mincho); transition: background-color 0.3s ease; } .lt-special__link:hover { background-color: rgba(29, 29, 29, 0.06); } .lt-special__label { flex: 0 0 267.3px; align-self: stretch; margin: calc(var(--lt-hair) * -1) 0 calc(var(--lt-hair) * -1) calc(var(--lt-hair) * -1); padding-top: 2.2px; background: #4b4b4d; color: #fff; font-size: 14px; line-height: 38px; text-align: center; white-space: nowrap; } .lt-special__desc { flex: 1 1 auto; margin-left: 27.8px; padding-top: 2.6px; font-size: 13px; } /* ------------------------------------------------------------ * CONTACT * ---------------------------------------------------------- */ .lt-contact { padding: 79.7px 0 98.2px; color: #f3f2f3; } .lt-contact .lt-inner { display: grid; grid-template-columns: 1fr 353.3px; } .lt-contact__lead { margin: 24.6px 0 0 15.3px; } .lt-contact .lt-btn { margin-top: 10.6px; } .lt-contact__lead + .lt-btn { margin-top: 22.8px; } .lt-top .lt-contact__photo { width: 353.3px; height: 234.9px; margin-top: 3.6px; object-fit: cover; } .lt-contact__calendar { grid-column: 1 / -1; width: 487.6px; height: 399px; margin-top: 4.1px; background: #fff; } .lt-top .lt-contact__calendar iframe { width: 100%; max-width: none; height: 100%; } /* ------------------------------------------------------------ * COMPANY PROFILE * ---------------------------------------------------------- */ .lt-company { padding: 79.7px 0 70.2px; background: #7b7b7c; color: #f3f2f3; } .lt-company__body { display: grid; grid-template-columns: 301.4px 1fr; margin-top: 24.6px; } .lt-dl { padding-left: 15.3px; } .lt-dl--wide { padding-left: 0; } .lt-dl > div { display: flex; } .lt-dl dt { flex: 0 0 68.6px; font-weight: 400; } .lt-dl--wide dt { flex-basis: 70.8px; } .lt-dl--wide > div + div { margin-top: 19.4px; } .lt-company__lines li, .lt-nowrap { white-space: nowrap; } /* はスマートフォン用の折り返し位置。PC・タブレットでは無効にする */ @media (min-width: 768px) { .lt-top wbr { display: none; } } .lt-top .lt-company__note { position: relative; top: 1.4px; margin-left: -4.5px; font-size: 9px; line-height: 15.8px; } .lt-sns { display: flex; margin: 38.1px 0 0 21.5px; } .lt-sns li { width: 40.6px; } .lt-sns img { width: 30.6px; transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.33, 1, 0.68, 1); } .lt-sns a:hover img { opacity: 0.7; transform: translateY(-3px); } /* ------------------------------------------------------------ * 演出: 表示時のヒーローと、画面に入ったときのふわっとした表示 * .lt-anim は JS が有効で、動きを減らす設定でないときだけ付く。 * 付かないときは、すべて最初から表示された状態になる * ---------------------------------------------------------- */ .lt-anim .lt-rv { opacity: 0; transform: translateY(24px); } /* 表示し終えると top.js が lt-rv / is-in を外す（ボタンのホバーなど本来の動きに戻すため） */ .lt-anim .lt-rv.is-in { opacity: 1; transform: none; transition: opacity 1.1s ease, transform 1.1s cubic-bezier(0.22, 1, 0.36, 1); } .lt-anim .lt-hero__media::before, .lt-anim .lt-hero__video { animation: lt-hero-zoom 2.8s cubic-bezier(0.22, 1, 0.36, 1) backwards; } .lt-anim .lt-hero__catch, .lt-anim .lt-hero__lead { animation: lt-rise 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.4s backwards; } .lt-anim .lt-hero__lead { animation-delay: 0.7s; } .lt-anim .lt-hero__scroll, .lt-anim .lt-hero__line { animation: lt-fade 1.2s ease 1.3s backwards; } @keyframes lt-hero-zoom { from { transform: scale(1.06); } } @keyframes lt-rise { from { opacity: 0; transform: translateY(16px); } } @keyframes lt-fade { from { opacity: 0; } } @media print { .lt-anim .lt-rv, .lt-anim .lt-works__text, .lt-anim .lt-works__photo img { opacity: 1 !important; transform: none !important; } } /* ------------------------------------------------------------ * 768〜999px: PC レイアウトのまま縮小表示 * ---------------------------------------------------------- */ @media (min-width: 768px) and (max-width: 799px) { .lt-top { --lt-zoom: 0.768; zoom: 0.768; } } @media (min-width: 800px) and (max-width: 849px) { .lt-top { --lt-zoom: 0.8; zoom: 0.8; } } @media (min-width: 850px) and (max-width: 899px) { .lt-top { --lt-zoom: 0.85; zoom: 0.85; } } @media (min-width: 900px) and (max-width: 949px) { .lt-top { --lt-zoom: 0.9; zoom: 0.9; } } @media (min-width: 950px) and (max-width: 999px) { .lt-top { --lt-zoom: 0.95; zoom: 0.95; } } /* ------------------------------------------------------------ * 767px 以下: スマートフォン用レイアウト * WORKS はスマートフォン用デザインの構成（文章＋写真1枚／写真2枚）に合わせ、 * ほかのセクションは同じ余白・並びの考え方で1列に組み直している * ---------------------------------------------------------- */ @media (max-width: 767px) { .lt-top { --lt-side: 7.4vw; font-size: 13px; line-height: 23px; } .lt-inner { padding: 0 var(--lt-side); } /* 見出し: 英字の下に日本語を置く */ .lt-head { display: block; height: auto; } .lt-top .lt-head__ja { margin: 2px 0 0; padding-top: 0; font-size: 12px; line-height: 20px; } .lt-btn { height: 44px; } /* ---- ヒーロー ---- */ .lt-hero { aspect-ratio: 3 / 4; max-height: calc(100vh - 48px); max-height: calc(100svh - 48px); min-height: 0; } .lt-hero__media::before { background-image: url('../img/aae573cc6d1.webp'); } /* 明るいラグの上に文字が載るため、下端だけ少し暗くして読みやすくする */ .lt-hero__media::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); pointer-events: none; } .lt-hero__inner { left: 0; width: 100%; margin-left: 0; } .lt-hero__scroll { bottom: 54px; left: 5.3vw; font-size: 13px; line-height: 18px; } .lt-hero__line { bottom: -16px; left: calc(5.3vw + 23px); height: 64px; } .lt-hero__line::after { top: 25px; animation-name: lt-scroll-sp; } .lt-hero__copy { bottom: 10px; left: 24vw; } .lt-top .lt-hero__catch { font-size: clamp(22px, 7vw, 32px); line-height: 1.35; } .lt-hero__lead { margin-top: 2px; font-size: clamp(11px, 3.4vw, 15px); line-height: 1.7; } /* ---- NEWS ---- */ .lt-tex { padding-bottom: 64px; } .lt-news { padding-top: 52px; } .lt-news__list { margin-top: 6px; } .lt-news__item { flex-wrap: wrap; padding: 18px 0 calc(14px - var(--lt-hair)); } .lt-news__date, .lt-news__cat { font-size: 12px; line-height: 21px; } .lt-news__text { flex: 0 0 100%; margin: 8px 0 0; } /* ---- WORKS ---- */ .lt-works { padding-top: 72px; } .lt-tex > .lt-works:first-child { padding-top: 52px; } .lt-works .lt-btn { margin-top: 20px; } .lt-works__list { margin-top: 32px; } .lt-works__row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.8vw 2.1vw; padding: 0; } .lt-works__row + .lt-works__row { margin-top: 16.3vw; } .lt-works__row + .lt-works__row::before { content: none; } /* 文節の途中で折り返さない（折り返し位置は句読点と ） */ .lt-works__text, .lt-philo__desc, .lt-card__sub, .lt-special__desc, .lt-contact__lead, .lt-dl dd { word-break: keep-all; overflow-wrap: anywhere; } .lt-works__text { padding-left: 0; } .lt-works__en { padding-top: 0; font-size: clamp(13px, 3.7vw, 18px); line-height: 1.4; } .lt-top .lt-works__ja { margin-top: 0.5vw; font-size: clamp(11px, 3.1vw, 14px); line-height: 1.6; } .lt-works__desc { margin-top: 2.6vw; font-size: clamp(10px, 2.9vw, 12px); line-height: 1.65; } .lt-anim .lt-works__photo img { transform: translateX(40px); } .lt-anim .lt-rv { transform: translateY(18px); } .lt-works__foot { margin-top: 40px; } /* ---- INTERIOR COORDINATE ---- */ .lt-coord { padding-top: 60px; } .lt-coord .lt-btn, .lt-order .lt-btn { margin-top: 20px; } .lt-coord__body { display: block; margin-top: 40px; } .lt-philo { padding-left: 0; } .lt-philo__head { padding-top: 0; } .lt-philo__list { margin-top: 24px; } .lt-philo__item + .lt-philo__item { margin-top: 20px; } .lt-philo__desc { margin-top: 4px; padding-left: 47.7px; line-height: 22px; } .lt-designers { margin-top: 56px; } .lt-designer { display: block; min-height: 0; } .lt-designer + .lt-designer { margin-top: 44px; } .lt-designer__profile { display: grid; grid-template-columns: 110px minmax(0, 1fr); grid-template-rows: 1fr auto auto auto; column-gap: 18px; } .lt-designer__photo { grid-row: 1 / -1; grid-column: 1; width: 110px; } .lt-designer__role, .lt-designer__name, .lt-designer__sns { grid-column: 2; margin-top: 0; line-height: 21px; white-space: normal; } .lt-designer__role { grid-row: 2; } .lt-designer__name { grid-row: 3; } .lt-designer__sns { grid-row: 4; } .lt-top .lt-designer__title { margin-top: 20px; } .lt-designer__text p { margin-top: 10px; line-height: 23px; } /* ---- ORDER FURNITURE ---- */ .lt-order { padding: 64px 0 72px; } .lt-order .lt-inner { display: block; } .lt-order__text { width: auto; margin: 24px 0 0; } .lt-order__photos { grid-template-columns: minmax(0, 264.9fr) minmax(0, 224.9fr); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 2.1vw; aspect-ratio: 500.4 / 389.6; margin-top: 32px; } /* ---- SHOW ROOM ---- */ .lt-showroom { padding: 60px 0 64px; } .lt-showroom .lt-inner { display: block; } .lt-showroom__lead { width: auto; margin: 24px 0 0; } .lt-top .lt-showroom__photo { width: 100%; height: auto; aspect-ratio: 492 / 255.7; margin: 24px 0 0; } .lt-showroom__info { margin: 24px 0 0; } .lt-showroom .lt-btn { margin-top: 20px; } .lt-showroom__movie { width: 100%; max-width: 400px; height: auto; aspect-ratio: 311 / 551.4; margin: 40px auto 0; } /* ---- スライダー ---- */ .lt-slider { padding: 64px 0 44px; } .lt-slider__swiper:not(.swiper-initialized) .swiper-wrapper { gap: 16px; padding: 0 8vw; } .lt-top .lt-card { width: 84vw; max-width: 524.4px; height: auto; padding: 30px 6vw 32px; } .lt-card__head { display: block; height: auto; margin-left: 0; } .lt-top .lt-card__ja { display: block; margin: 2px 0 0; padding-top: 0; font-size: 12px; line-height: 20px; } .lt-card__sub { min-height: 44px; margin-top: 18px; font-size: 14px; line-height: 22px; white-space: normal; } .lt-top .lt-card__img { width: 100%; height: auto; aspect-ratio: 452.8 / 212.6; margin-top: 12px; } .lt-slider__dots { margin-top: 28px; } /* ---- SPECIAL CONTENTS ---- */ .lt-special { padding: 60px 0 64px; } .lt-special__list { margin-top: 24px; } .lt-special__item + .lt-special__item { margin-top: 12px; } .lt-special__link { flex-wrap: wrap; height: auto; padding-right: 0; } .lt-special__label { flex: 0 0 calc(100% + var(--lt-hair) * 2); align-self: auto; margin: calc(var(--lt-hair) * -1) calc(var(--lt-hair) * -1) 0; padding-top: 1px; line-height: 36px; } .lt-special__desc { flex: 1 1 0; margin: 0; padding: 10px 0 10px 14px; font-size: 12px; line-height: 20px; } .lt-special__link .lt-arrow { margin: 0 14px 0 12px; } /* ---- CONTACT ---- */ .lt-contact { padding: 60px 0 64px; } .lt-contact .lt-inner { display: block; } .lt-contact__lead { margin: 24px 0 0; } .lt-contact .lt-btn { margin-top: 12px; } .lt-contact__lead + .lt-btn { margin-top: 20px; } .lt-btn--contact { width: 100%; } .lt-top .lt-contact__photo { width: 100%; height: auto; aspect-ratio: 353.3 / 234.9; margin-top: 32px; } .lt-contact__calendar { width: 100%; height: 400px; margin-top: 16px; } /* ---- COMPANY PROFILE ---- */ .lt-company { padding: 60px 0 64px; } /* 会社情報 → 事業内容・許認可 → SNS の順に並べ替える */ .lt-company__body { display: flex; flex-direction: column; margin-top: 24px; } .lt-company__col { display: contents; } .lt-dl { padding-left: 0; } .lt-dl dt, .lt-dl--wide dt { flex-basis: 70px; } .lt-dl--wide { margin-top: 20px; } .lt-dl--wide > div + div { margin-top: 16px; } .lt-company__lines li { white-space: normal; } .lt-company__lines li + li { margin-top: 4px; } .lt-top .lt-company__note { top: 0; margin-left: -5px; font-size: 10px; line-height: 16px; } .lt-sns { order: 3; margin: 32px 0 0 -2px; } .lt-sns li { width: 52px; } .lt-sns img { width: 40px; } } @media (prefers-reduced-motion: reduce) { .lt-hero__line::after { animation: none; } .lt-page.lt-banner-wait #right-banner, .lt-page.lt-banner-wait #right-banner-contact { transform: none; } } .calendar_wrap iframe { text-align: center; margin: 30px auto; display: flex; justify-content: center; } @media screen and (max-width: 480px) { .calendar_wrap iframe {height: 390px; margin-right: 15px;} } /* * Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess */ /* * The Typekit service used to deliver this font or fonts for use on websites * is provided by Adobe and is subject to these Terms of Use * http://www.adobe.com/products/eulas/tou_typekit. For font license * information, see the list below. * * century-gothic: * - http://typekit.com/eulas/00000000000000007735ba1f * orator-std: * - http://typekit.com/eulas/00000000000000007735d4fd * - http://typekit.com/eulas/00000000000000007735d501 * * © 2009-2026 Adobe Systems Incorporated. All Rights Reserved. */ /*{"last_published":"2026-10-02 05:34:13 UTC"}*/ /**/ .tk-orator-std { font-family: "Kosugi", sans-serif; } .tk-century-gothic { font-family: "Zen Kaku Gothic New", sans-serif; } /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: none center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: "Noto Sans JP", sans-serif; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: none no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: none no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: none -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: none -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: "Noto Sans JP", sans-serif; display: block; font-size: .85em; padding: 10px; } ul.bxslider {margin: 0 0 0 0 !important;} a .rsp-21, a .rsp-22, a .rsp-23, a .rsp-24, a .rsp-25, a .rsp-27, a .rsp-28 {cursor: pointer; transition: all .22s;} a:hover .rsp-21, a:hover .rsp-22, a:hover .rsp-23, a:hover .rsp-24, a:hover .rsp-25, a:hover .rsp-27, a:hover .rsp-28 {transform: translateY(-4px); filter: brightness(130%);} @media screen and (min-width: 769px) { .rsp-20 { position: relative; width: 1022px; height: auto; margin-bottom: 100px; } .rsp-27{ box-shadow: 2px 2px 4px #181818; position: absolute; left: 640px; top: 1340px;} .rsp-80 { padding-bottom: 25px; } } @media screen and (max-width: 768px) { .rsp-28{width: 88vw; box-shadow: 2px 2px 4px #181818; margin-top: 30px;} .rsp-80 { width: 90vw; padding-bottom: 15px; } #map-canvas{width: 90vw;} } a.topmenu { width: calc(33% - 20px); text-align: center; text-decoration: none; padding: 5px; margin: 5px; font-family: "Zen Maru Gothic", sans-serif; font-size: 16px; transition: .5s; color: #fff; } .topmenu-wrapper a.block00 { background-image: url('../img/aeb4d5c54a0.jpg'); background-size: cover; line-height: 60px; height: 64px; width: 310px; font-size: 20px; } a.topmenu span.jpwords { display: block; font-family: "Zen Maru Gothic", sans-serif; letter-spacing: -2px; font-size: 16px; } @media screen and (max-width: 508px) { a.topmenu { width: calc(50% - 15px); text-align: center; text-decoration: none; padding: 5px; margin: 2px; font-family: "Zen Maru Gothic", sans-serif; font-size: 16px; transition: .5s; color: #ff } .topmenu-wrapper a.block00 { background-size: cover; line-height: 30px; width: 46%; height: fit-content; font-size: 13px; } } .autoplay-video { display: flex; justify-content: center; align-items: center; } .autoplay-video video { max-height: 90vh; width: auto; aspect-ratio: 9 / 16; } @media (min-width: 769px) { .autoplay-video video { max-height: 638px; width: auto; aspect-ratio: 9 / 16; margin: 0 auto; } } .sp-only { display: none; } @media (max-width: 768px) { .pc-only { display: none; } .sp-only { display: block; margin-top: 40px; } .autoplay-video video { margin-left: -2vw; } .rsp-33 { margin-top: -10px; } } /** * Swiper 3.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: December 13, 2016 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /* cyrillic-ext */ /* cyrillic */ /* greek-ext */ /* greek */ /* hebrew */ /* math */ /* symbols */ /* vietnamese */ /* latin-ext */ /* latin */ .reflection-img{ width :200px; height :40px; position :relative; overflow :hidden; border-radius: 20px; } #right-banner{ position: fixed; right: 10px; bottom: 80px !important; transition: 1s; z-index: 99; } #right-banner-contact { position: fixed; right: 10px; bottom: 140px !important; transition: 1s; z-index: 99; } #right-banner img, #right-banner-contact img { width: 200px !important; transition: 0.6s; } #right-banner img:hover, #right-banner-contact img:hover { opacity: 0.8; } @media screen and (max-width: 670px) { .reflection-img{ width :180px; height :36px; } #right-banner { bottom: 60px !important; } #right-banner-contact { bottom: 110px !important; } #right-banner img, #right-banner-contact img { width: 180px !important; } } .reflection { height: 100%; width: 450px; position: absolute; top: 0%; left: -50px; background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100% ); opacity: 0; transform: rotate(45deg); animation: reflection 3s ease-in-out infinite; pointer-events: none;} @keyframes reflection { 0% { transform: translateX(-300px) rotate(45deg); opacity: 0; } 30% { transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60% { transform: scale(100px) rotate(45deg); opacity: 0.5; } 100% { transform: translateX(1300px) rotate(45deg); opacity: 0; } } @-webkit-keyframes reflection { 0% { -webkit-transform: translateX(-300px) rotate(45deg); opacity: 0; } 30% { -webkit-transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60% { -webkit-transform: scale(100px) rotate(45deg); opacity: 0.5; } 100% { -webkit-transform: translateX(1300px) rotate(45deg); opacity: 0; } } @-moz-keyframes reflection { 0% { -moz-transform: translateX(-300px) rotate(45deg); opacity: 0; } 30% { -moz-transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60% { -moz-transform: scale(100px) rotate(45deg); opacity: 0.5; } 100% { -moz-transform: translateX(1300px) rotate(45deg); opacity: 0; } } @-ms-keyframes reflection { 0% { -ms-transform: translateX(-300px) rotate(45deg); opacity: 0; } 30% { -ms-transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60% { -ms-transform: scale(100px) rotate(45deg); opacity: 0.5; } 100% { -mmsoz-transform: translateX(1300px) rotate(45deg); opacity: 0; } } @-o-keyframes reflection { 0% { -o-transform: translateX(-300px) rotate(45deg); opacity: 0; } 30% { -o-transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60% { -o-transform: scale(100px) rotate(45deg); opacity: 0.5; } 100% { -o-transform: translateX(1300px) rotate(45deg); opacity: 0; } } :where([data-cl-s~="s30"]) #post-6 h3{ border-bottom: none !important; position: inherit !important; } :where([data-cl-s~="s30"]) .productsWrapper a:hover img{ opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } @media screen and (max-width: 640px) {:where([data-cl-s~="s31"]) #imagelightbox{ width: 100% !important; left: 0 !important; height: auto !important; }} :where([data-cl-s~="s32"]) .reflection-img{ width :200px; height :40px; position :relative; overflow :hidden; border-radius: 20px; } :where([data-cl-s~="s32"]) #right-banner{ position: fixed; right: 10px; bottom: 80px !important; transition: 1s; z-index: 99; } :where([data-cl-s~="s32"]) #right-banner-contact{ position: fixed; right: 10px; bottom: 140px !important; transition: 1s; z-index: 99; } :where([data-cl-s~="s32"]) #right-banner img, :where([data-cl-s~="s32"]) #right-banner-contact img{ width: 200px !important; transition: 0.6s; } :where([data-cl-s~="s32"]) #right-banner img:hover, :where([data-cl-s~="s32"]) #right-banner-contact img:hover{ opacity: 0.8; } @media screen and (max-width: 670px) {:where([data-cl-s~="s32"]) .reflection-img{ width :180px; height :36px; } :where([data-cl-s~="s32"]) #right-banner{ bottom: 60px !important; } :where([data-cl-s~="s32"]) #right-banner-contact{ bottom: 110px !important; } :where([data-cl-s~="s32"]) #right-banner img, :where([data-cl-s~="s32"]) #right-banner-contact img{ width: 180px !important; }} :where([data-cl-s~="s32"]) .reflection{ height: 100%; width: 450px; position: absolute; top: 0%; left: -50px; background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100% ); opacity: 0; transform: rotate(45deg); animation: reflection 3s ease-in-out infinite; pointer-events: none;} @keyframes reflection { 0% { transform: translateX(-300px) rotate(45deg); opacity: 0; } 30% { transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60% { transform: scale(100px) rotate(45deg); opacity: 0.5; } 100% { transform: translateX(1300px) rotate(45deg); opacity: 0; } } @-webkit-keyframes reflection { 0% { -webkit-transform: translateX(-300px) rotate(45deg); opacity: 0; } 30% { -webkit-transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60% { -webkit-transform: scale(100px) rotate(45deg); opacity: 0.5; } 100% { -webkit-transform: translateX(1300px) rotate(45deg); opacity: 0; } } @-moz-keyframes reflection {0%{ -moz-transform: translateX(-300px) rotate(45deg); opacity: 0; } 30%{ -moz-transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60%{ -moz-transform: scale(100px) rotate(45deg); opacity: 0.5; } 100%{ -moz-transform: translateX(1300px) rotate(45deg); opacity: 0; }} @-ms-keyframes reflection {0%{ -ms-transform: translateX(-300px) rotate(45deg); opacity: 0; } 30%{ -ms-transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60%{ -ms-transform: scale(100px) rotate(45deg); opacity: 0.5; } 100%{ -mmsoz-transform: translateX(1300px) rotate(45deg); opacity: 0; }} @-o-keyframes reflection {0%{ -o-transform: translateX(-300px) rotate(45deg); opacity: 0; } 30%{ -o-transform: scale(-100px) rotate(45deg); opacity: 0.4; } 60%{ -o-transform: scale(100px) rotate(45deg); opacity: 0.5; } 100%{ -o-transform: translateX(1300px) rotate(45deg); opacity: 0; }} :where([data-cl-s~="s33"]) p.price-ref{ background: url('../img/a3b04bf19e6.jpg') no-repeat 1px 3px; padding-left: 24px; margin-bottom: 15px !important; } :where([data-cl-s~="s33"]) table.price.price-ref{ width: 100%; margin-bottom: 2px; } :where([data-cl-s~="s33"]) table.price.price-ref th{ border-width: 0 1px 0 0; border-color: #383635; } :where([data-cl-s~="s33"]) table.price.price-ref td{ border-width: 1px; } :where([data-cl-s~="s33"]) table.price.price-ref td, :where([data-cl-s~="s33"]) table.price.price-ref th{ text-align: center; padding: 7px 3px; } :where([data-cl-s~="s33"]) .price-refLeft .price-caution{ margin: 40px 0; line-height: 160%; } :where([data-cl-s~="s33"]) .price-refRight img{ margin-bottom: 20px; width: 100%; } @media screen and (max-width: 480px) {:where([data-cl-s~="s33"]) table.price.price-ref td, :where([data-cl-s~="s33"]) table.price.price-ref th{ font-size: 12px; }} @media screen and (min-width: 481px) {:where([data-cl-s~="s33"]) .price-refLeft{ width: 96%; float: left; line-height: 160%; } :where([data-cl-s~="s33"]) .price-refRight{ width: 100%; float: left; }} :where([data-cl-s~="s33"]) .pdflink{ margin: 50px auto; text-align: center; } :where([data-cl-s~="s33"]) .case01r p, :where([data-cl-s~="s33"]) .case02r p, :where([data-cl-s~="s33"]) .case03r p, :where([data-cl-s~="s33"]) .case04r p{ padding: 15px; } :where([data-cl-s~="s33"]) div.fdl-header h2{ font-size: 24px !important; text-align: center; border-bottom: 1px solid #b6b6b6 !important; margin-bottom: 15px; margin-top: 80px; font-weight: normal; line-height: 160%; } :where([data-cl-s~="s33"]) body::before{ content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: url('../img/a2fd66571da.jpg') center / cover no-repeat; background-position: center top; z-index: -1; } :where([data-cl-s~="s33"]) .entry-content .mincho{ font-family: "Zen Kaku Gothic Antique", sans-serif; color: #b5b5b6 !important; font-weight: 400 !important; line-height: 1.6; } :where([data-cl-s~="s33"]) .entry-content p, :where([data-cl-s~="s33"]) .gothic{ font-family: "Kosugi Maru", sans-serif; font-weight: 500 !important; color: #b5b5b6 !important; } @media screen and (min-width: 986px) {:where([data-cl-s~="s33"]) .price-refLeft{ width: calc(100% - 440px); float: left; line-height: 160%; } :where([data-cl-s~="s33"]) .price-refRight{ width: 400px; float: right; } :where([data-cl-s~="s33"]) .coordinateLeft{ width: 100% } :where([data-cl-s~="s33"]) .coord-twoimages div.c01l{ width: 608px !important; margin: 15px 5px 0 0; float: left; } :where([data-cl-s~="s33"]) .coord-twoimages div.c01r{ width: 530px !important; margin: 15px 0 0 5px; float: right; } :where([data-cl-s~="s33"]) .mt60{ margin-top: 60px !important; } :where([data-cl-s~="s33"]) .case01l{ float: left; width: 622px; } :where([data-cl-s~="s33"]) .case01r{ float: Right; width: 510px; } :where([data-cl-s~="s33"]) .case02l{ float: left; width: 789px; } :where([data-cl-s~="s33"]) .case02r{ float: Right; width: 342px; } :where([data-cl-s~="s33"]) .case03l{ float: left; width: 695px; } :where([data-cl-s~="s33"]) .case03r{ float: Right; width: 436px; } :where([data-cl-s~="s33"]) .case04l{ float: left; width: 643px; } :where([data-cl-s~="s33"]) .case04r{ float: Right; width: 486px; }} @media screen and (max-width: 985px) {:where([data-cl-s~="s33"]) .mt60{ margin-top: 15px !important; } :where([data-cl-s~="s33"]) .case01r img, :where([data-cl-s~="s33"]) .case02r img, :where([data-cl-s~="s33"]) .case03r img, :where([data-cl-s~="s33"]) .case04r img{ margin-top: 10px; } :where([data-cl-s~="s33"]) .coord-twoimages div.c01r{ margin-top: 10px; }} @media screen and (max-width: 480px) {:where([data-cl-s~="s33"]) .case01r img, :where([data-cl-s~="s33"]) .case02r img, :where([data-cl-s~="s33"]) .case03r img, :where([data-cl-s~="s33"]) .case04r img{ width: 100%; }} :where([data-cl-s~="s33"]) .center{ text-align: center; } :where([data-cl-s~="s33"]) .wrapper{ margin: 0 auto; } :where([data-cl-s~="s33"]) .uservoice{ width: 100%; max-width: 1000px; padding: 30px; background-color: #fff; font-family: "Noto Sans JP", sans-serif; color: #000; font-size: 16px; } :where([data-cl-s~="s33"]) .pd24{ padding: 24px 30px !important; } :where([data-cl-s~="s33"]) .uservoice h3{ text-shadow: none; margin: 20px 0 30px; font-weight: lighter !important; font-size: 25px; padding-top: 20px; } :where([data-cl-s~="s33"]) .d-flex{ display: flex; flex-wrap: wrap; } :where([data-cl-s~="s33"]) .uservoice .left{ width: calc(50% - 0px); margin: 5px 0; } :where([data-cl-s~="s33"]) .uservoice .right{ width: calc(50% - 0px); margin: 5px 0; } :where([data-cl-s~="s33"]) .uservoice .voicewrapper{} :where([data-cl-s~="s33"]) .uservoice .voicetxt{ background-image: linear-gradient(90deg, rgba(210, 210, 210, 1), rgba(255, 255, 255, 1) 50%, rgba(210, 210, 210, 1)); padding: 30px; margin: 10px 10px 20px; text-align: left; } @media screen and (max-width: 768px) {:where([data-cl-s~="s33"]) .uservoice{ width: calc(100% - 40px); padding: 15px; font-size: 14px; } :where([data-cl-s~="s33"]) .d-flex{ display: block; } :where([data-cl-s~="s33"]) .uservoice .left, :where([data-cl-s~="s33"]) .uservoice .right{ width: 100% !important; margin: 0 auto; } :where([data-cl-s~="s33"]) .uservoice .voicetxt{ padding: 15px; margin: 10px 0 20px; }} @media screen and (max-width: 480px) {:where([data-cl-s~="s33"]) .rsp-71{ margin-left: -6.2vw; } :where([data-cl-s~="s33"]) .uservoice h3{ font-size: 21px; } :where([data-cl-s~="s33"]) img.sp160{ width: 160px; }} @media screen and (min-width: 986px) {:where([data-cl-s~="s34"]) .coordinateWrapper{ width: 1150px; margin: 20px auto 40px; font-size: 14px; } :where([data-cl-s~="s34"]) .coordLeft{ float: left; width: 446px; } :where([data-cl-s~="s34"]) .coordRight{ float: Right; width: 620px; margin-top: 160px; } :where([data-cl-s~="s34"]) .coordRight img{ margin-bottom: 30px; } :where([data-cl-s~="s34"]) .fourimages img{ width: 22% !important; margin: 1% 1% 2% 1% !important; } :where([data-cl-s~="s34"]) .coordLeft750{ float: left; width: 750px; } :where([data-cl-s~="s34"]) .coordRight360{ float: Right; width: 360px; } :where([data-cl-s~="s34"]) .coordRight360 p{ margin-top: 15px; } :where([data-cl-s~="s34"]) .coord-twoimages div{ width: 48% !important; margin: 15px 1% 2% 0; float: left; } :where([data-cl-s~="s34"]) .coord-twoimages div.rg{ width: 48% !important; margin: 15px 0 2% 1%; float: right; } :where([data-cl-s~="s34"]) .coord-twoimages div img{ width: 100% !important; margin: 0 0 10px 0; } :where([data-cl-s~="s34"]) .coord-twoimages670{ width: 673px !important; margin: 15px 1% 2% 0; float: left; } :where([data-cl-s~="s34"]) .coord-twoimages450{ width: 449px !important; margin: 15px 0 2% 1%; float: right; } :where([data-cl-s~="s34"]) .twoimages-sp img{ width: 100%; } :where([data-cl-s~="s34"]) .mb50{margin-bottom: 50px;} :where([data-cl-s~="s34"]) .coordinateWrapper h2{margin-top: 60px !important;} :where([data-cl-s~="s34"]) .coordinateWrapper img{ margin: 0 0 10px 0; }} @media screen and (max-width: 985px) {:where([data-cl-s~="s34"]) .coordinateWrapper{ width: auto; margin: auto; } :where([data-cl-s~="s34"]) .coordRight{ width: auto; margin-top: 20px; } :where([data-cl-s~="s34"]) .coordRight img{ margin-bottom: 30px; } :where([data-cl-s~="s34"]) .fourimages img{ width: 46% !important; margin: 1% 1% 2% 2% !important; } :where([data-cl-s~="s34"]) .coordLeft750{ margin-top: 20px; } :where([data-cl-s~="s34"]) .coordRight360 img{ margin-top: 20px; margin-bottom: 20px; width: 40%; float: left; } :where([data-cl-s~="s34"]) .coordRight360 p{ margin-top: 20px; margin-bottom: 20px; width: 55%; float: right; } :where([data-cl-s~="s34"]) p{ margin-bottom: 40px !important; } :where([data-cl-s~="s34"]) .mb50{margin-bottom: 50px;} :where([data-cl-s~="s34"]) .coordinateWrapper h2{margin-top: 40px !important;}} @media screen and (max-width: 480px){:where([data-cl-s~="s34"]) .twoimages-sp img{ width: 90%; margin-left: 3%; }} :where([data-cl-s~="s34"]) .page-id-12 .entry-content p, :where([data-cl-s~="s34"]) .gothic{font-family: "Kosugi Maru", sans-serif; font-weight: 500 !important; color: #efefef !important;} :where([data-cl-s~="s34"]) .page-id-12 .entry-content .mincho{font-family: "Zen Kaku Gothic Antique", sans-serif; color: #efefef !important; font-weight: 400 !important; line-height: 1.6;} :where([data-cl-s~="s34"]) div.catch h2{ max-width: 1000px; width: 100%; font-size: min(2.7vw,36px); font-weight: lighter; text-align: center; margin: 40px auto !important; line-height: 2; color: #fff; letter-spacing: auto; } @media screen and (min-width: 986px) {:where([data-cl-s~="s34"]) .threeimages img{ width: 30% !important; margin: 1% 1% 2% 1.8% !important; } :where([data-cl-s~="s34"]) .coord-twoimages670{ width: 630px !important; margin: 15px 1% 2% 0; float: left; } :where([data-cl-s~="s34"]) .coord-twoimages450{ width: 465px !important; margin: 15px 0 2% 0; float: right; } :where([data-cl-s~="s34"]) .mt110{margin-top: 110px !important;} :where([data-cl-s~="s34"]) .mt140{margin-top: 140px !important;}} @media screen and (max-width: 985px) {:where([data-cl-s~="s34"]) .threeimages img{ width: 46% !important; margin: 1% 1% 2% 2% !important; }} @media screen and (max-width: 480px) {:where([data-cl-s~="s34"]) div.catch h2{ font-size: min(5.4vw,20px); width: 95%; top: 10%; } :where([data-cl-s~="s34"]) .mt140{margin-top: 15px !important;}} :where([data-cl-s~="s34"]) .lp-content03{ max-width: 800px; padding: 60px 0 20px; } :where([data-cl-s~="s34"]) .lp-content03 h3{ text-shadow: 1px 4px 5px #000; padding-top: 20px; } :where([data-cl-s~="s34"]) .lp-content03 h3 span{ margin-left: 40px; vertical-align: super; } @media screen and (max-width: 508px) {:where([data-cl-s~="s34"]) .lp-content03 h3 span{ vertical-align: inherit; }} :where([data-cl-s~="s34"]) .lp-content03 .left{ width: 48%; margin: 5px 2% 5px 0; } :where([data-cl-s~="s34"]) .lp-content03 .right{ width: 48%; margin: 5px 0 5px 2%; } :where([data-cl-s~="s34"]) .lp-content03 .linkbtn{ text-align: center; } :where([data-cl-s~="s34"]) .lp-content03 .con03{ position: relative; } :where([data-cl-s~="s34"]) .lp-content03 .con03img{ left: 0; top: 0; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt{ position: absolute; font-size: min(2vw,18px); color: #271e1f; font-family: "M PLUS 1p", sans-serif; letter-spacing: 2px; width: 100%; left: 0; right: 50%; top: 51px; line-height: 1.4; text-align: center; font-weight: 700; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt span{ display: block; font-weight: 900; font-size: min(4vw,40px); } :where([data-cl-s~="s34"]) .lp-content03 .con03txt span img{ height: 58px; width: auto; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt.bfix{ left: 0; right: 50%; top: 39px; line-height: 1.4; text-align: center; font-weight: 700; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt.bfix span{ display: block; font-weight: 900; font-size: min(3vw,30px); } :where([data-cl-s~="s34"]) .mt15{ margin-top: 10px; line-height: 30px; font-weight: lighter !important; font-size: 17px; } @media screen and (max-width: 672px) {:where([data-cl-s~="s34"]) .mt15{ margin-top: 10px; line-height: 30px; text-align: left; padding: 0 20px; font-size: 17px; }} @media screen and (max-width: 672px) {:where([data-cl-s~="s34"]) .lp-content03 .con03img{ width: 140%; position: inherit; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt{ font-size: min(5.4vw,20px); left: -8px; top: 9.0vw; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt.bfix{ top: 45px; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt.bfix span{ font-size: min(4vw,28px); } :where([data-cl-s~="s34"]) .lp-content03 .con03txt span{ display: block; font-weight: 900; font-size: min(8vw,40px); } :where([data-cl-s~="s34"]) .lp-content03 .con03txt.line1{ top: 9vw; }} @media screen and (max-width: 508px) {:where([data-cl-s~="s34"]) .lp-content03 .con03{ margin: 0 calc(50% - 50vw); width: 100vw !important; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt{ font-size: min(5vw,20px); left: 0; top: 12vw; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt.bfix{ top: 40px; } :where([data-cl-s~="s34"]) .lp-content03 .con03txt.bfix span{ font-size: min(4vw,28px); } :where([data-cl-s~="s34"]) .lp-content03 .con03txt span{ display: block; font-weight: 900; font-size: min(8vw,40px); } :where([data-cl-s~="s34"]) .lp-content03 .con03txt.line1{ top: 12vw; }} :where([data-cl-s~="s34"]) .lp-content03 a.ms-dit-btn{ border: 1px solid #fff; text-decoration: none; padding: 15px; width: calc(80% - 15px); text-align: center; margin: 25px auto 40px; display: block; font-size: 16px; font-weight: 700; } :where([data-cl-s~="s34"]) .lp-content03 h2{ padding-top: 0; margin-top: 10px; font-size: 2.8vw; letter-spacing: 2px; line-height: 1.5; text-align: center; } :where([data-cl-s~="s34"]) .lp-content07{ max-width: 800px; padding: 0px 0 60px; justify-content: space-around; } :where([data-cl-s~="s34"]) .lp-content07 img{ width: 350px; } :where([data-cl-s~="s34"]) .d-flex{ display: flex; } :where([data-cl-s~="s34"]) .d-flex2{ display: flex; flex-wrap: nowrap; } :where([data-cl-s~="s34"]) .d-flex-flw{ display: flex; flex-wrap: wrap; } :where([data-cl-s~="s34"]) .col-2{ width: 50%; } :where([data-cl-s~="s34"]) div.catch{ width: 100%; text-align: center; } :where([data-cl-s~="s34"]) div.catch img.catch-btn{ width: 30vw; max-width: 400px; min-width: 200px; left: 50%; bottom: 1%; } :where([data-cl-s~="s34"]) .footinfo img.access{margin-right: 40px; width: 420px;} :where([data-cl-s~="s34"]) .footinfo .headertitle img{width: 300px;} :where([data-cl-s~="s34"]) .footinfo .col-2.shoppic{ width: 70%;} @media screen and (max-width: 672px) {:where([data-cl-s~="s34"]) .lp-content03 h2{ font-size: 5.5vw; text-align: left; letter-spacing: 1px; } :where([data-cl-s~="s34"]) .lp-content07{ width: 100%; padding: 40px 0; } :where([data-cl-s~="s34"]) .space-c{ padding-top: 270px; } :where([data-cl-s~="s34"]) .orderImgt1{ margin: 10px 0 10px 0; } :where([data-cl-s~="s34"]) .col-2{ width: 98%; text-align: left; } :where([data-cl-s~="s34"]) .lp-content07 .col-2{ width: 48%; text-align: left; } :where([data-cl-s~="s34"]) .col-3{ width: 50%; text-align: center; } :where([data-cl-s~="s34"]) .col-4{ width: 100%; text-align: center; } :where([data-cl-s~="s34"]) .lp-content07 .col-4{ width: 50%; text-align: center; } :where([data-cl-s~="s34"]) .d-flex{ display: block; } :where([data-cl-s~="s34"]) .d-flex-flw{ display: block; } :where([data-cl-s~="s34"]) .lp-content07 .d-flex-flw{ display: flex; } :where([data-cl-s~="s34"]) .left, :where([data-cl-s~="s34"]) .right{ width: 100% !important; margin: 0 auto; } :where([data-cl-s~="s34"]) p.std-txt{ line-height: 30px; font-weight: lighter !important; font-size: 17px; } :where([data-cl-s~="s34"]) .col-2{ width: 98%; text-align: left; } :where([data-cl-s~="s34"]) .lp-content07 .col-2{ width: 48%; text-align: left; }} @media screen and (max-width: 672px) {:where([data-cl-s~="s34"]) .lp-content00, :where([data-cl-s~="s34"]) .lp-content01, :where([data-cl-s~="s34"]) .lp-content02, :where([data-cl-s~="s34"]) .lp-content05, :where([data-cl-s~="s34"]) .lp-content06, :where([data-cl-s~="s34"]) .lp-content08, :where([data-cl-s~="s34"]) .lp-content09, :where([data-cl-s~="s34"]) .lp-content10, :where([data-cl-s~="s34"]) .lp-content11{ padding: 60px 0; } :where([data-cl-s~="s34"]) .lp-content04{ padding: 150px 0 40px; } :where([data-cl-s~="s34"]) .lp-content02 .orderRight, :where([data-cl-s~="s34"]) .lp-content02b .orderRight, :where([data-cl-s~="s34"]) .lp-content03 .orderLeft, :where([data-cl-s~="s34"]) .lp-content04 .orderLeft, :where([data-cl-s~="s34"]) .lp-content10 .orderRight{ width: 100%; } :where([data-cl-s~="s34"]) .lp-content03{ width: calc(100% - 10px); padding: 40px 0 40px 5px; } :where([data-cl-s~="s34"]) .d-flex2{ display: block; } :where([data-cl-s~="s34"]) .lp-content07{ width: 100%; padding: 0; } :where([data-cl-s~="s34"]) .lp-content07 img{ width: 100%; }} :where([data-cl-s~="s35"]) p.price-ref{ background: url('../img/a3b04bf19e6.jpg') no-repeat 1px 3px; padding-left: 24px; margin-bottom: 15px !important; } :where([data-cl-s~="s35"]) table.price.price-ref{ width: 100%; margin-bottom: 2px; } :where([data-cl-s~="s35"]) table.price.price-ref th{ border-width: 0 1px 0 0; border-color: #383635; } :where([data-cl-s~="s35"]) table.price.price-ref td{ border-width: 1px; } :where([data-cl-s~="s35"]) table.price.price-ref td, :where([data-cl-s~="s35"]) table.price.price-ref th{ text-align: center; padding: 7px 3px; } :where([data-cl-s~="s35"]) .price-refLeft .price-caution{ margin: 40px 0; line-height: 160%; } :where([data-cl-s~="s35"]) .price-refRight img{ margin-bottom: 20px; width: 100%; } @media screen and (max-width: 480px) {:where([data-cl-s~="s35"]) table.price.price-ref td, :where([data-cl-s~="s35"]) table.price.price-ref th{ font-size: 12px; }} @media screen and (min-width: 481px) {:where([data-cl-s~="s35"]) .price-refLeft{ width: 96%; float: left; line-height: 160%; } :where([data-cl-s~="s35"]) .price-refRight{ width: 100%; float: left; }} :where([data-cl-s~="s35"]) .pdflink{ margin: 50px auto; text-align: center; } :where([data-cl-s~="s35"]) .case01r p, :where([data-cl-s~="s35"]) .case02r p, :where([data-cl-s~="s35"]) .case03r p, :where([data-cl-s~="s35"]) .case04l p, :where([data-cl-s~="s35"]) .case04r p, :where([data-cl-s~="s35"]) .case05l p, :where([data-cl-s~="s35"]) .case05r p{ padding: 15px; } :where([data-cl-s~="s35"]) div.fdl-header h2{ font-size: 24px !important; text-align: center; border-bottom: 1px solid #b6b6b6 !important; margin-bottom: 15px; margin-top: 80px; font-weight: normal; line-height: 160%; } :where([data-cl-s~="s35"]) body::before{ content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: url('../img/acfe8ad6e73.webp') center / cover no-repeat; background-position: center top; z-index: -1; } :where([data-cl-s~="s35"]) .entry-content .mincho{ font-family: "Zen Kaku Gothic Antique", sans-serif; color: #b5b5b6 !important; font-weight: 400 !important; line-height: 1.6; } :where([data-cl-s~="s35"]) .entry-content p, :where([data-cl-s~="s35"]) .gothic{ font-family: "Kosugi Maru", sans-serif; font-weight: 500 !important; color: #b5b5b6 !important; } @media screen and (min-width: 986px) {:where([data-cl-s~="s35"]) .price-refLeft{ width: calc(100% - 440px); float: left; line-height: 160%; } :where([data-cl-s~="s35"]) .price-refRight{ width: 400px; float: right; } :where([data-cl-s~="s35"]) .coordinateLeft{ width: 100% } :where([data-cl-s~="s35"]) .mt60{ margin-top: 60px !important; } :where([data-cl-s~="s35"]) .div4style{ display: flex; flex-wrap: wrap; padding-top: 30px; } :where([data-cl-s~="s35"]) .div4item{ width: calc(100% / 4); margin-bottom: 20px; text-align: center; } :where([data-cl-s~="s35"]) .div4item img{ width: auto; } :where([data-cl-s~="s35"]) .case01l{ float: left; width: 721px; } :where([data-cl-s~="s35"]) .case01r{ float: Right; width: 402px; } :where([data-cl-s~="s35"]) .case02l{ float: left; width: 722px; } :where([data-cl-s~="s35"]) .case02r{ float: Right; width: 402px; } :where([data-cl-s~="s35"]) .case03l{ float: left; width: 722px; } :where([data-cl-s~="s35"]) .case03r{ float: Right; width: 402px; } :where([data-cl-s~="s35"]) .case04l{ float: left; width: 595px; } :where([data-cl-s~="s35"]) .case04r{ float: Right; width: 522px; } :where([data-cl-s~="s35"]) .case05l{ float: left; width: 559px; } :where([data-cl-s~="s35"]) .case05r{ float: Right; width: 558px; }} @media screen and (max-width: 985px) {:where([data-cl-s~="s35"]) .mt60{ margin-top: 15px !important; } :where([data-cl-s~="s35"]) .pd15{ padding: 15px 10px; } :where([data-cl-s~="s35"]) .case01r img, :where([data-cl-s~="s35"]) .case02r img, :where([data-cl-s~="s35"]) .case03r img, :where([data-cl-s~="s35"]) .case04r img, :where([data-cl-s~="s35"]) .case05r img{ margin-top: 10px; } :where([data-cl-s~="s35"]) .case01r p, :where([data-cl-s~="s35"]) .case02r p, :where([data-cl-s~="s35"]) .case03r p, :where([data-cl-s~="s35"]) .case04l p, :where([data-cl-s~="s35"]) .case04r p, :where([data-cl-s~="s35"]) .case05l p, :where([data-cl-s~="s35"]) .case05r p{ padding: 15px 10px; } :where([data-cl-s~="s35"]) .div4style{ display: flex; flex-wrap: wrap; padding-top: 30px; } :where([data-cl-s~="s35"]) .div4item{ width: calc(100% / 2 - 10px); margin-bottom: 0; padding: 5px; text-align: center; } :where([data-cl-s~="s35"]) .div4item img{ width: auto; }} @media screen and (max-width: 480px) {:where([data-cl-s~="s35"]) .case01r img, :where([data-cl-s~="s35"]) .case02r img, :where([data-cl-s~="s35"]) .case03r img, :where([data-cl-s~="s35"]) .case04r img, :where([data-cl-s~="s35"]) .case05r img{ width: 100%; }} :where([data-cl-s~="s35"]) .center{ text-align: center; } :where([data-cl-s~="s35"]) .wrapper{ margin: 0 auto; } :where([data-cl-s~="s35"]) .uservoice{ width: 100%; max-width: 1000px; padding: 30px; background-color: #fff; font-family: "Noto Sans JP", sans-serif; color: #000; font-size: 16px; } :where([data-cl-s~="s35"]) .pd24{ padding: 24px 30px !important; } :where([data-cl-s~="s35"]) .uservoice h3{ text-shadow: none; margin: 20px 0 30px; font-weight: lighter !important; font-size: 25px; padding-top: 20px; } :where([data-cl-s~="s35"]) .d-flex{ display: flex; flex-wrap: wrap; } :where([data-cl-s~="s35"]) .uservoice .left{ width: calc(50% - 0px); margin: 5px 0; } :where([data-cl-s~="s35"]) .uservoice .right{ width: calc(50% - 0px); margin: 5px 0; } :where([data-cl-s~="s35"]) .uservoice .voicewrapper{} :where([data-cl-s~="s35"]) .uservoice .voicetxt{ background-image: linear-gradient(90deg, rgba(210, 210, 210, 1), rgba(255, 255, 255, 1) 50%, rgba(210, 210, 210, 1)); padding: 30px; margin: 10px 10px 20px; text-align: left; } @media screen and (max-width: 768px) {:where([data-cl-s~="s35"]) .uservoice{ width: calc(100% - 40px); padding: 15px; font-size: 14px; } :where([data-cl-s~="s35"]) .d-flex{ display: block; } :where([data-cl-s~="s35"]) .uservoice .left, :where([data-cl-s~="s35"]) .uservoice .right{ width: 100% !important; margin: 0 auto; } :where([data-cl-s~="s35"]) .uservoice .voicetxt{ padding: 15px; margin: 10px 0 20px; }} @media screen and (max-width: 480px) {:where([data-cl-s~="s35"]) .rsp-71{ margin-left: -6.2vw; } :where([data-cl-s~="s35"]) .uservoice h3{ font-size: 21px; }} @media screen and (min-width: 661px) {:where([data-cl-s~="s36"]) .order-price img{ padding-right: 90px; width: auto; height: 247px; float: left; } :where([data-cl-s~="s36"]) .order-price .price-caution{ margin-right: 7%; } :where([data-cl-s~="s36"]) .he60{height: 60px;} :where([data-cl-s~="s36"]) .wit90 img{width: 90%;} :where([data-cl-s~="s36"]) .pcnone{ display: none !important; } :where([data-cl-s~="s36"]) .wit50{width: 50%;} :where([data-cl-s~="s36"]) .wit50 img{width: 90%; margin: 20px 5%; max-width: 590px;} :where([data-cl-s~="s36"]) .toworks{margin: 0 2%;}} @media screen and (min-width: 0px) and (max-width: 1099px) {:where([data-cl-s~="s36"]) .order-price p{ width: 100%; padding: 10px; } :where([data-cl-s~="s36"]) .he60{height: 0px;}} @media screen and (max-width: 1100px) and (min-width: 661px) {:where([data-cl-s~="s36"]) table.price{ width: 100%; float: none; } :where([data-cl-s~="s36"]) .order-price{ margin-bottom: 30px; width: 48%; margin-left: 1%; margin-right: 1%; float: left; clear: inherit; } :where([data-cl-s~="s36"]) .order-price img{ padding-right: 0px; padding-bottom: 10px; width: 100%; height: auto; float: none !important; scroll-padding-bottom: 20px; } :where([data-cl-s~="s36"]) .spnone{ display: inherit; }} @media screen and (max-width: 660px) {:where([data-cl-s~="s36"]) .order-price img{ padding-right: 0; padding-bottom: 20px; margin: 0; width: 100%; float: none; } :where([data-cl-s~="s36"]) .wit50{float: left;} :where([data-cl-s~="s36"]) .wit50 img{width: 95%; margin: 15px 2.5%; max-width: 640px;} :where([data-cl-s~="s36"]) .toworks{margin: 10px 0;} :where([data-cl-s~="s36"]) .order-price{ margin-bottom: 80px; }} :where([data-cl-s~="s36"]) p.price-ref-order{ background: url('../img/a3b04bf19e6.jpg') no-repeat 1px 3px; padding-left: 24px; margin-bottom: 15px; } :where([data-cl-s~="s36"]) table.price.price-ref-order{ width: 100%; margin-bottom: 2px; } :where([data-cl-s~="s36"]) table.price.price-ref-order th{ border-width: 0 1px 0 0; border-color: #383635; } :where([data-cl-s~="s36"]) table.price.price-ref-order td{ border-width: 1px; } :where([data-cl-s~="s36"]) table.price.price-ref-order td, :where([data-cl-s~="s36"]) table.price.price-ref-order th{ text-align: center; padding: 7px 3px; } :where([data-cl-s~="s36"]) .price-ref-orderRight .price-caution{ margin: 40px 0; line-height: 160%; } :where([data-cl-s~="s36"]) .price-ref-orderLeft img{ margin-bottom: 20px; width: 100%; } @media screen and (max-width: 480px) {:where([data-cl-s~="s36"]) table.price.price-ref-order td, :where([data-cl-s~="s36"]) table.price.price-ref-order th{ font-size: 12px; }} @media screen and (min-width: 481px) {:where([data-cl-s~="s36"]) .price-ref-orderRight{ width: 96%; float: left; line-height: 160%; } :where([data-cl-s~="s36"]) .price-ref-orderLeft{ width: 100%; float: left; } :where([data-cl-s~="s36"]) table.price.price-ref-order th, :where([data-cl-s~="s36"]) table.price.price-ref-order td{ padding: 7px 3px; }} @media screen and (min-width: 986px) {:where([data-cl-s~="s36"]) .price-ref-orderRight{ width: calc(100% - 440px); float: right; line-height: 160%; } :where([data-cl-s~="s36"]) .price-ref-orderLeft{ width: 400px; float: left; }} :where([data-cl-s~="s36"]) .center{ text-align: center; } :where([data-cl-s~="s36"]) .wrapper{ margin: 0 auto; } :where([data-cl-s~="s36"]) .uservoice{ width: 100%; max-width: 1000px; padding: 30px; background-color: #fff; font-family: "Noto Sans JP", sans-serif; color: #000; font-size: 16px; } :where([data-cl-s~="s36"]) .pd24{padding: 24px 30px !important;} :where([data-cl-s~="s36"]) .uservoice h3{ text-shadow: none; margin: 20px 0 30px; font-weight: lighter !important; font-size: 25px; padding-top: 20px; } :where([data-cl-s~="s36"]) .d-flex{ display: flex; flex-wrap: wrap; } :where([data-cl-s~="s36"]) .uservoice .left{ width: calc(50% - 0px); margin: 5px 0; } :where([data-cl-s~="s36"]) .uservoice .right{ width: calc(50% - 0px); margin: 5px 0; } :where([data-cl-s~="s36"]) .uservoice .voicewrapper{ } :where([data-cl-s~="s36"]) .uservoice .voicetxt{ background-image: linear-gradient(90deg, rgba(210, 210, 210, 1), rgba(255, 255, 255, 1) 50%, rgba(210, 210, 210, 1)); padding: 30px; margin: 10px 10px 20px; text-align: left; } @media screen and (max-width: 768px) {:where([data-cl-s~="s36"]) .uservoice{ width: calc(100% - 40px); padding: 15px; font-size: 14px; } :where([data-cl-s~="s36"]) .d-flex{ display: block; } :where([data-cl-s~="s36"]) .uservoice .left, :where([data-cl-s~="s36"]) .uservoice .right{ width: 100% !important; margin: 0 auto; } :where([data-cl-s~="s36"]) .uservoice .voicetxt{ padding: 15px; margin: 10px 0 20px; }} @media screen and (max-width: 480px) {:where([data-cl-s~="s36"]) .rsp-71{ margin-left: -6.2vw; } :where([data-cl-s~="s36"]) .uservoice h3{ font-size: 21px; }} :where([data-cl-s~="s37"]) p.price-ref{ background: url('../img/a3b04bf19e6.jpg') no-repeat 1px 3px; padding-left: 24px; margin-bottom: 15px !important; } :where([data-cl-s~="s37"]) table.price.price-ref{ width: 100%; margin-bottom: 2px; } :where([data-cl-s~="s37"]) table.price.price-ref th{ border-width: 0 1px 0 0; border-color: #383635; } :where([data-cl-s~="s37"]) table.price.price-ref td{ border-width: 1px; } :where([data-cl-s~="s37"]) table.price.price-ref td, :where([data-cl-s~="s37"]) table.price.price-ref th{ text-align: center; padding: 7px 3px; } :where([data-cl-s~="s37"]) .price-refLeft .price-caution{ margin: 40px 0; line-height: 160%; } :where([data-cl-s~="s37"]) .price-refRight img{ margin-bottom: 20px; width: 100%; } @media screen and (max-width: 480px) {:where([data-cl-s~="s37"]) table.price.price-ref td, :where([data-cl-s~="s37"]) table.price.price-ref th{ font-size: 12px; }} @media screen and (min-width: 481px) {:where([data-cl-s~="s37"]) .price-refLeft{ width: 96%; float: left; line-height: 160%; } :where([data-cl-s~="s37"]) .price-refRight{ width: 100%; float: left; }} @media screen and (min-width: 986px) {:where([data-cl-s~="s37"]) .price-refLeft{ width: calc(100% - 440px); float: left; line-height: 160%; } :where([data-cl-s~="s37"]) .price-refRight{ width: 400px; float: right; } :where([data-cl-s~="s37"]) .coordinateLeft{ width: 100% }} :where([data-cl-s~="s37"]) .center{ text-align: center; } :where([data-cl-s~="s37"]) .wrapper{ margin: 0 auto; } :where([data-cl-s~="s37"]) .uservoice{ width: 100%; max-width: 1000px; padding: 30px; background-color: #fff; font-family: "Noto Sans JP", sans-serif; color: #000; font-size: 16px; } :where([data-cl-s~="s37"]) .pd24{padding: 24px 30px !important;} :where([data-cl-s~="s37"]) .uservoice h3{ text-shadow: none; margin: 20px 0 30px; font-weight: lighter !important; font-size: 25px; padding-top: 20px; } :where([data-cl-s~="s37"]) .d-flex{ display: flex; flex-wrap: wrap; } :where([data-cl-s~="s37"]) .uservoice .left{ width: calc(50% - 0px); margin: 5px 0; } :where([data-cl-s~="s37"]) .uservoice .right{ width: calc(50% - 0px); margin: 5px 0; } :where([data-cl-s~="s37"]) .uservoice .voicewrapper{ } :where([data-cl-s~="s37"]) .uservoice .voicetxt{ background-image: linear-gradient(90deg, rgba(210, 210, 210, 1), rgba(255, 255, 255, 1) 50%, rgba(210, 210, 210, 1)); padding: 30px; margin: 10px 10px 20px; text-align: left; } @media screen and (max-width: 768px) {:where([data-cl-s~="s37"]) .uservoice{ width: calc(100% - 40px); padding: 15px; font-size: 14px; } :where([data-cl-s~="s37"]) .d-flex{ display: block; } :where([data-cl-s~="s37"]) .uservoice .left, :where([data-cl-s~="s37"]) .uservoice .right{ width: 100% !important; margin: 0 auto; } :where([data-cl-s~="s37"]) .uservoice .voicetxt{ padding: 15px; margin: 10px 0 20px; }} @media screen and (max-width: 480px) {:where([data-cl-s~="s37"]) .rsp-71{ margin-left: -6.2vw; } :where([data-cl-s~="s37"]) .uservoice h3{ font-size: 21px; }} :where([data-cl-s~="s38"]) .productsWrapper a:hover img{ opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } :where([data-cl-s~="s39"]) .entry-content .mincho{ line-height: 1.6; font-family: "Zen Maru Gothic", sans-serif; color: rgb(239, 239, 239) !important; font-weight: 400 !important; } :where([data-cl-s~="s39"]) .lp-content07{ max-width: 800px; padding: 0px 0 60px; justify-content: space-around; } :where([data-cl-s~="s39"]) .lp-content07 img{ width: 350px; } :where([data-cl-s~="s39"]) .wrapper{ margin: 0 auto; } :where([data-cl-s~="s39"]) .col-2{ width: 50%; } :where([data-cl-s~="s39"]) .d-flex-flw{ display: flex; flex-wrap: wrap; } @media screen and (max-width: 672px) {:where([data-cl-s~="s39"]) .lp-content07{ width: 100%; padding: 40px 0; } :where([data-cl-s~="s39"]) .space-c{ padding-top: 270px; } :where([data-cl-s~="s39"]) .orderImgt1{ margin: 10px 0 10px 0; } :where([data-cl-s~="s39"]) .col-2{ width: 98%; text-align: left; } :where([data-cl-s~="s39"]) .lp-content07 .col-2{ width: 48%; text-align: left; } :where([data-cl-s~="s39"]) .col-3{ width: 50%; text-align: center; } :where([data-cl-s~="s39"]) .col-4{ width: 100%; text-align: center; } :where([data-cl-s~="s39"]) .lp-content07 .col-4{ width: 50%; text-align: center; } :where([data-cl-s~="s39"]) .d-flex{ display: block; } :where([data-cl-s~="s39"]) .d-flex-flw{ display: block; } :where([data-cl-s~="s39"]) .lp-content07 .d-flex-flw{ display: flex; } :where([data-cl-s~="s39"]) .left, :where([data-cl-s~="s39"]) .right{ width: 100% !important; margin: 0 auto; } :where([data-cl-s~="s39"]) p.std-txt{ line-height: 30px; font-weight: lighter !important; font-size: 17px; } :where([data-cl-s~="s39"]) .col-2{ width: 98%; text-align: left; } :where([data-cl-s~="s39"]) .lp-content07 .col-2{ width: 48%; text-align: left; }} @media screen and (max-width: 672px) {:where([data-cl-s~="s39"]) .d-flex2{ display: block; } :where([data-cl-s~="s39"]) .lp-content07{ width: 100%; padding: 0; } :where([data-cl-s~="s39"]) .lp-content07 img{ width: 100%; }} :where([data-cl-s~="s39"]) p.f14.mgn20{max-width: 1120px; margin: 15px 10px 40px;} :where([data-cl-s~="s40"]) .cafeWrapper{margin: 60px 0; font-family: "Noto Sans JP", sans-serif;} :where([data-cl-s~="s40"]) .cafeWrapper h2{font-weight: 200; font-size: 25px;} :where([data-cl-s~="s40"]) .cafeWrapper p{line-height: 2; font-size: 15px;} :where([data-cl-s~="s40"]) .conceptWrapper .calender img{width: 340px;} :where([data-cl-s~="s40"]) .conceptWrapper .orderText4.calender{width: 450px;} :where([data-cl-s~="s40"]) .conceptWrapper .orderText4 p{line-height: 1.8; margin-top: 15px;} :where([data-cl-s~="s40"]) .conceptWrapper.blockwidth{width: 1200px;} @media screen and (max-width: 660px) {:where([data-cl-s~="s40"]) .conceptWrapper.blockwidth{width: 100%;} :where([data-cl-s~="s40"]) .conceptWrapper .orderText4.calender{width: 100%;} :where([data-cl-s~="s40"]) .cafeWrapper h2{font-size: 22px;} :where([data-cl-s~="s40"]) .conceptWrapper .calender img{ padding-right: 0; padding-bottom: 20px; margin: 0; width: 100%; float: none; }} @media screen and (max-width: 480px) {:where([data-cl-s~="s40"]) .calendar_wrap iframe{height: 390px; margin-right: 15px;}} :where([data-cl-s~="s41"]) ol{ position: relative; margin:0 !important; padding:0 } :where([data-cl-s~="s41"]) ol li{ list-style: none; list-style-position:outside; margin:0; padding-left:1.25em } :where([data-cl-s~="s41"]) ol li span{ position: absolute; left:0; margin:0 } :where([data-cl-s~="s41"]) *html ol li span{ left: -1.25em; } :where([data-cl-s~="s42"]) .worksList img{transition: 0.4s;} :where([data-cl-s~="s42"]) .worksList img:hover{opacity: 0.7;} :where([data-cl-s~="s43"]) .background-hack{ z-index: -1; background: url('../img/ac7c0ec8489.webp') no-repeat; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } :where([data-cl-s~="s43"]) div.catch{ width: 100%; padding-top: calc(1080 / 1920 * 100%); background: #fff url('../img/a90f27136c1.webp') center center / cover no-repeat; position: relative; } :where([data-cl-s~="s43"]) div.catch h2{ position: absolute; margin: auto; left: 0; right: 0; top: 35%; text-align: center; } :where([data-cl-s~="s43"]) div.catch h2 img{ max-width: 800px; width: 60%; margin: auto; } :where([data-cl-s~="s43"]) .d-flex{ display: flex; flex-wrap: wrap; } :where([data-cl-s~="s43"]) .intro .left{ width: 52%; margin: 10px 5% 0 0; text-align: left; } :where([data-cl-s~="s43"]) .intro .left p{ font-family: "Noto Sans JP", sans-serif; line-height: 1.6; font-size: 18px } :where([data-cl-s~="s43"]) .intro .right{ width: 40%; margin: 0 0 15px; } :where([data-cl-s~="s43"]) .content-area{ padding-top: 48px !important; } :where([data-cl-s~="s43"]) .masthead-fixed .site-main{ margin-top: 0 !important; } :where([data-cl-s~="s43"]) .productsWrapper{margin-top: 60px !important;} @media screen and (max-width: 672px) {:where([data-cl-s~="s43"]) .left{ width: 100% !important; margin: 0 13px !important; } :where([data-cl-s~="s43"]) .right{ width: 100% !important; margin: 0 13px 50px 13px !important; } :where([data-cl-s~="s43"]) div.catch h2 img{ width: 80%; }} :where([data-cl-s~="s44"]) .contactbtn{ display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0 auto 40px; } :where([data-cl-s~="s44"]) a.cbtn{ width: 94%; text-align: center; text-decoration: none; padding: 5px; letter-spacing: 1px; font-family: "M PLUS Rounded 1c", sans-serif; font-size: 18px; transition: .5s; color: #fff; margin: 0 auto; } :where([data-cl-s~="s44"]) .contactbtn a.block01{ background-color: #73434f; } :where([data-cl-s~="s44"]) .contactbtn a.block01 div.waku{ border-top: 3px solid #8d6367; border-bottom: 3px solid #8d6367; border-left: 3px solid #b69a99; border-right: 3px solid #b69a99; padding: 5px 0; } :where([data-cl-s~="s44"]) .contactbtn a.block02{ background-color: #6a5c4f; } :where([data-cl-s~="s44"]) .contactbtn a.block02 div.waku{ border-top: 3px solid #887668; border-bottom: 3px solid #887668; border-left: 3px solid #b4a69b; border-right: 3px solid #b4a69b; padding: 5px 0; } :where([data-cl-s~="s44"]) .contactbtn a.block03{ background-color: #3e5147; } :where([data-cl-s~="s44"]) .contactbtn a.block03 div.waku{ border-top: 3px solid #5b655b; border-bottom: 3px solid #5b655b; border-left: 3px solid #b1afa7; border-right: 3px solid #b1afa7; padding: 5px 0; } :where([data-cl-s~="s44"]) a.cbtn span.jpwords{ display: block; font-size: 13px; font-weight: 100; } :where([data-cl-s~="s44"]) .contactbtn ul, :where([data-cl-s~="s44"]) .contactbtn ul > li{padding-bottom: 15px;} :where([data-cl-s~="s44"]) .contactbtn ul, :where([data-cl-s~="s44"]) .contactbtn ul > li ul li{padding-bottom: 0; margin: 0;} :where([data-cl-s~="s44"]) ul.menu{ padding-top: 20px; width: 100%; margin: 0 auto; } :where([data-cl-s~="s44"]) .menu__item{ display: block; margin: 0 auto 3px; clear: both; } :where([data-cl-s~="s44"]) .menu__item__link{ display: block; position: relative; } :where([data-cl-s~="s44"]) .openmenu{ display: none; } :where([data-cl-s~="s44"]) .openmenu__item{ list-style: none; padding: 20px; } :where([data-cl-s~="s44"]) .openmenu__item div{text-align: center; margin: 10px auto;} :where([data-cl-s~="s44"]) .openmenu__item div.formWrapper .wpcf7{text-align: left;} :where([data-cl-s~="s44"]) .openmenu__item iframe{text-align: center; margin: 30px auto; display: flex; justify-content: center;} :where([data-cl-s~="s44"]) .openmenu__item img.b01, :where([data-cl-s~="s44"]) .openmenu__item img.b02{max-width: 400px; margin-top: 20px;} :where([data-cl-s~="s44"]) .formWrapper{ padding-top: 20px; } :where([data-cl-s~="s44"]) ::placeholder{ color: #333; } :where([data-cl-s~="s44"]) .openmenu__item .b03{color: #ff7d7d; font-weight: bold;} @media screen and (max-width: 768px) {:where([data-cl-s~="s44"]) .contactbtn{ width: 95vw; margin: 0 auto; }} @media screen and (max-width: 480px) {:where([data-cl-s~="s44"]) .openmenu__item img.b01, :where([data-cl-s~="s44"]) .openmenu__item img.b02{width: 100%;} :where([data-cl-s~="s44"]) .openmenu__item iframe{height: 350px;} :where([data-cl-s~="s44"]) .formWrapper{ width: 98%; padding: 0px; float: left; position: relative; } :where([data-cl-s~="s44"]) .btnWrapper{ margin-left: 10px; }} /* clone-extras v1 — appended by the clone pipeline (and by scripts/clone_repair on older builds); everything below this marker is ours, not the reference's */ /* clone: a link with nowhere to go carries no href — keep it feeling inert */ a:not([href]), [role="link"]:not([href]) { cursor: default !important; } /* clone: the swapped wordmark replaces an / logo, so the reference never wrote text rules for that slot — without this it inherits the browser default link look (blue + underline, svitlo's header). */ .clone-wordmark { color: inherit !important; text-decoration: none !important; font-weight: 700; font-size: 1.15em; line-height: 1.1; letter-spacing: -0.01em; white-space: nowrap; } /* the wordmark sits INSIDE the old logo , which the browser paints blue and underlines by default once the is gone — neutralize the link itself, not just the span, or the brand still reads as a raw hyperlink. */ a:has(> .clone-wordmark), a:has(.clone-wordmark) { color: inherit !important; text-decoration: none !important; } /* clone: the reference's own responsive JS is gone and some donors ship a desktop-only DOM, so a fixed-width sidebar/table can push the page past the viewport on a phone (tabelog 980px at 390px wide). Keep media inside the page and stop the sideways scroll without touching the desktop layout. */ img, svg, video, canvas, iframe, table { max-width: 100%; } img, video { height: auto; } /* body ONLY: overflow on stops body's overflow propagating to the viewport, so a donor with html,body{height:100%} (Wix) turned into a one-screen inner scroller (2026-10-10 hardening run). On body alone the value propagates to the viewport and still kills the sideways scroll. */ /* `clip`, not `hidden`: when the donor's OWN html sets overflow (Foxtrot: html{overflow-x:clip}) body's value no longer reaches the viewport, and `hidden` made body a one-screen scroll container (mobile clone 844px of 10258). `clip` cuts the sideways overflow WITHOUT a scroll container. */ @media (max-width: 768px) { html { max-width: 100%; } body { overflow-x: clip; max-width: 100%; } } /* clone: a heading/button the reference drew as an image, now real text */ .clone-imgtext { display: inline-block; font-weight: 700; line-height: 1.3; font-size: 1.05em; } /* clone: off-canvas nav panel, opened by clone.js from its #id trigger */ .clone-offcanvas { display: none !important; } .clone-offcanvas.clone-open { display: block !important; position: fixed !important; inset: 0 auto 0 0 !important; width: min(86vw, 360px) !important; height: 100% !important; overflow: auto !important; z-index: 2147483000 !important; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.25); transform: none !important; opacity: 1 !important; visibility: visible !important; } .clone-offcanvas.clone-open * { transform: none !important; } .clone-offcanvas.clone-open [class*="panel"] { position: static !important; } /* clone: library photo behind a text block — light veil under the copy */ .clone-bg-veil { box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.84) !important; } /* clone: notice shown in place of a submitted form (clone.js) */ .clone-form-note { margin: 1em 0; padding: 0.9em 1.1em; border-radius: 8px; background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12); color: inherit; font-size: 0.95em; line-height: 1.45; } .clone-form-note[data-state="error"] { background: rgba(190, 40, 40, 0.08); } /* clone: fallback contact line appended when the reference carried no contacts at all (onlinegamer shipped 15 pages without a phone or email) */ .clone-contact { margin: 1.2em 0; line-height: 1.7; font-size: 0.95em; } .clone-contact a { color: inherit; } /* g19-a11y */ /* a11y helpers */ .skip-link{position:absolute;left:-9999px;top:0;z-index:2147483647;background:#fff;color:#111;padding:10px 14px;font-size:14px;text-decoration:underline}.skip-link:focus{left:8px;top:8px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} /* fdl-h1dup: visual twin of the page h1 (one h1 per page) */ .fdl-h1dup{display:block;font-size:2em;font-weight:bold;margin:.67em 0} div.fdl-header .fdl-h1dup{ font-family: "IBM Plex Sans JP", sans-serif; max-width: 98%; font-size: 28px !important; border-bottom: 1px solid #b6b6b6 !important; margin-bottom: 15px; font-weight: 200; } .single-post div.fdl-header .fdl-h1dup{ margin-top: 0 !important; } .fdl-mail-btn{display:inline-block;padding:12px 22px;border-radius:6px;background:#3a332b;color:#fff;font-weight:bold} /* g19-fdl-contrast */ .drawer-hamburger .sr-only{color:#fff;background:#32312f} /* g19-fdl-contrast2 */ button.drawer-toggle{color:#fff}