@charset "UTF-8";
/* breakpoint */
/* */
/* */
@import url("https://use.typekit.net/lep4jjw.css");
/* */
/* Usual */
@-webkit-keyframes example { 100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes example { 100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.__se { opacity: 1; }

body.home { /* header { display: none; &.scroll { display: block; } } */ }

body.home main { margin-top: 0 !important; }

#home #hero { position: relative; width: 100%; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); background-color: #eee; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* &:after { z-index: 1; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.65); } #video { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center top;' } @media all and (-ms-high-contrast:none){ .bg { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; overflow-x: hidden; } } } */ }

#home #hero .bg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#home #hero .box { margin-top: -30px; z-index: 1; position: relative; width: 61.805%; max-width: 640px; }

@media (max-width: 768px) { #home #hero .box { margin-top: -60px; width: 75.721%; } }

#home #hero .onbox { z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 60px; }

@media (max-width: 768px) { #home #hero .onbox { padding-bottom: 40px; } }

#home #hero .onbox .writting { color: #fff; font: normal 600 60px/1.25 "rift", "Helvetica", sans-serif; margin: 0 0 3rem; }

#home #hero .onbox .writting span { color: #fff; font: normal 600 60px/1.25 "rift", "Helvetica", sans-serif; opacity: 0; -webkit-transition: .3s; transition: .3s; display: inline-block; -webkit-transform: scale(1.5); transform: scale(1.5); filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); }

#home #hero .onbox .writting span.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); filter: blur(0px); -webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0); }

#home #hero .onbox .writting span.and { margin: 0 0.25em; }

@media (max-width: 768px) { #home #hero .onbox .writting { font-size: 42px; margin: 0 0 1rem; }
  #home #hero .onbox .writting span { font-size: 42px; }
  #home #hero .onbox .writting span.and { margin: 0 0.25em 0 0; } }

#home #hero .onbox .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#home #hero .onbox .heading .h { color: #bfbfbf; font: normal 600 16px/1 "rift", "Helvetica", sans-serif; white-space: nowrap; }

#home #hero .onbox .heading .h .ja { color: #bfbfbf; font: normal normal 13px/1 "HelveticaNeue", "Helvetica", sans-serif; }

@media (max-width: 768px) { #home #hero .onbox .heading .h { font: normal 600 14px/1 "rift", "Helvetica", sans-serif; }
  #home #hero .onbox .heading .h .ja { font: normal normal 11px/1 "HelveticaNeue", "Helvetica", sans-serif; } }

#home #hero .onbox .heading .more { position: relative; text-align: right; width: 100%; }

#home #hero .onbox .heading .more a { display: inline-block; position: relative; z-index: 1; color: #bfbfbf; font: normal 600 16px/1.5 "rift", "Helvetica", sans-serif; }

#home #hero .onbox .heading .more:before { /* bar */ content: ''; position: absolute; z-index: 0; top: 1em; left: 2em; right: 5em; height: 1px; background-color: #bfbfbf; }

@media (max-width: 768px) { #home #hero .onbox .heading { display: block; }
  #home #hero .onbox .heading .h { white-space: normal; font-size: 12px; }
  #home #hero .onbox .heading .h .ja { font-size: 12px; }
  #home #hero .onbox .heading .more { display: none; margin-top: 1rem; }
  #home #hero .onbox .heading .more a { font: normal 600 12px/1.5 "rift", "Helvetica", sans-serif; }
  #home #hero .onbox .heading .more:before { /* bar */ left: 0; right: 4em; } }

#home #hero .nightster { z-index: 100; position: absolute; bottom: 60px; right: 60px; }

@media (max-width: 768px) { #home #hero .nightster { bottom: 24px; right: 24px; left: 24px; } }

#home #hero .nightster > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 24px 6px 6px; background-color: #ff6600; color: #000; border-radius: 6px; }

#home #hero .nightster > a > .image { width: 64px; border-radius: 6px; overflow: hidden; }

#home #hero .nightster > a > .image img { width: 64px; height: 64px; display: block; }

#home #hero .nightster > a > .content { margin-left: 9px; }

#home #hero .nightster > a > .content .heading { font: normal bold 14px/1 "HelveticaNeue", "Helvetica", sans-serif; }

#home #hero .nightster > a > .content .subtitle { margin-top: .5em; font: normal normal 10px/1 "HelveticaNeue", "Helvetica", sans-serif; }

#home #introduction .row { margin: 0; }

#home #introduction .row [class*="col-"] { padding: 0; }

#home #introduction .h { color: #ff6600; font: normal 600 12px/1 "rift", "Helvetica", sans-serif; margin-bottom: 1em; }

#home #introduction .heading { font: normal normal 24px/1.5 "HelveticaNeue", "Helvetica", sans-serif; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; margin-bottom: 1em; }

@media (max-width: 768px) { #home #introduction .heading { /* font-size: 18px; font-weight: bold; */ } }

#home #introduction .desc { font: normal normal 11px/2 "HelveticaNeue", "Helvetica", sans-serif; text-align: justify; }

#home #introduction .list { margin-left: -60px; margin-top: 48px; padding: 60px 60px; background-color: #000; }

@media (max-width: 768px) { #home #introduction .list { margin-left: 0; margin-top: 30px; padding: 30px 30px; } }

#home #introduction .list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -3px; margin-left: -3px; }

#home #introduction .list ul li { position: relative; min-height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding-right: 3px; padding-left: 3px; }

@media (max-width: 768px) { #home #introduction .list ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } }

#home #introduction .list ul li a { display: block; color: #fff; font: normal bold 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; border-bottom: 1px solid #fff; padding: 1.25em 1em; -webkit-transition: .3s; transition: .3s; }

#home #introduction .list ul li a:hover { color: gray; }

@media (max-width: 768px) { #home #introduction .list ul li a { padding: 1em 1em; } }

#home #introduction .list ul li:nth-child(1) a, #home #introduction .list ul li:nth-child(2) a { border-top: 1px solid #fff; }

@media (max-width: 768px) { #home #introduction .list ul li:nth-child(2) a { border-top: 0; } }

#home #introduction .list .more { margin-top: 45px; }

#home #introduction .list .more a { display: block; color: #fff; font: normal bold 14px/1 "HelveticaNeue", "Helvetica", sans-serif; text-align: center; border: 1px solid #fff; padding: 1.5em 1.5em; border-radius: 2em 2em; opacity: .5; -webkit-transition: .3s; transition: .3s; position: relative; }

#home #introduction .list .more a:hover { opacity: 1; }

#home #introduction .list .more a:after { position: absolute; top: 100%; left: 50%; margin-top: -6px; content: ''; display: block; width: 1px; height: 120px; border-left: 1px solid #fff; }

#home #introduction .image { margin-right: -60px; }

#home #custom { padding: 0 0; background-color: #151515; }

#home #custom .h { color: #fff; font: normal 600 60px/1.5 "rift", "Helvetica", sans-serif; }

#home #custom .h small { display: block; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

@media (max-width: 768px) { #home #custom .h { font: 600 normal 48px/1.25 "rift", "Helvetica", sans-serif; } }

#home #custom .desc { margin-top: 1em; margin-bottom: 2em; color: #fff; font: normal normal 12px/2 "HelveticaNeue", "Helvetica", sans-serif; }

#home #custom .desc p { color: #fff; font: normal normal 12px/2 "HelveticaNeue", "Helvetica", sans-serif; }

#home #custom .link a { display: inline-block; border: 1px solid #404040; color: gray; padding: 1em 3em; font: normal normal 12px/1 "HelveticaNeue", "Helvetica", sans-serif; text-align: center; letter-spacing: .1em; }

#home #custom .link a:hover { color: #fff; }

#home #custom #hiend { position: relative; width: 100%; height: 90vh; background-color: #000; overflow: hidden; padding: 120px 120px; }

@media (max-width: 768px) { #home #custom #hiend { padding: 48px 24px; height: 70.721vh; } }

#home #custom #hiend .h { font: 600 normal 72px/1.5 "rift", "Helvetica", sans-serif; }

@media (max-width: 768px) { #home #custom #hiend .h { font: 600 normal 48px/1.25 "rift", "Helvetica", sans-serif; } }

#home #custom #hiend .link a { border: 1px solid #fff; color: #fff; }

#home #custom #hiend .label { z-index: 1; position: relative; }

#home #custom #hiend .bg { z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

#home #custom #hiend .bg img { width: 100%; height: 100%; }

@media (max-width: 768px) { #home #custom #hiend .bg img { -o-object-position: 70.721%; object-position: 70.721%; } }

#home #custom .container { padding-top: 60px; padding-bottom: 60px; }

#home #custom .lineup { margin-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0; margin-left: 0; }

#home #custom .lineup .image { -webkit-box-flex: 0; -ms-flex: 0 0 61.805%; flex: 0 0 61.805%; max-width: 61.805%; width: 61.805%; padding-right: 0; padding-left: 0; }

#home #custom .lineup .image img { display: block; width: 100%; height: auto; }

#home #custom .lineup .content { -webkit-box-flex: 0; -ms-flex: 0 0 38.195%; flex: 0 0 38.195%; max-width: 38.195%; width: 38.195%; padding-right: 0; padding-left: 90px; }

@media (max-width: 992px) { #home #custom .lineup .content, #home #custom .lineup .image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
  #home #custom .lineup .content { padding: 24px 24px 0; } }

#home #custom .lineup:nth-child(even) .image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

#home #custom .lineup:nth-child(even) .content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

@media (max-width: 992px) { #home #custom .lineup:nth-child(even) .image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  #home #custom .lineup:nth-child(even) .content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

#home #awards { position: relative; /* &:after { background-color: #000; bottom: 0; } */ }

#home #awards:before, #home #awards:after { content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 50%; }

@media (max-width: 768px) { #home #awards:before, #home #awards:after { height: 100%; } }

#home #awards:before { background-color: #151515; top: 0; }

#home #forsale { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 768px) { #home #forsale { height: auto; margin-top: -48px !important; padding-top: 96px !important; padding-bottom: 96px; } }

#home #forsale .container { position: relative; z-index: 1; }

#home #forsale .h { color: #fff; font: normal 600 36px/1 "rift", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { #home #forsale .h { margin-bottom: .5em; } }

#home #forsale .swiper-container { width: 100%; height: 100%; overflow: visible; }

#home #forsale .bg { z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

#home #forsale .bg img { width: 100%; height: 100%; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-filter: blur(2px); filter: blur(2px); }

#home #forsale .bg:after { z-index: 1; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); }

#home #service a.card { display: block; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 60px 30px; width: 100; height: 100%; }

#home #service a.card .bg { z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

#home #service a.card .bg img { width: 100%; height: 100%; }

#home #service a.card .on { z-index: 1; position: relative; text-align: center; }

#home #service a.card .on .h { color: #fff; font: normal 600 36px/1 "rift", "Helvetica", sans-serif; }

#home #service a.card .on .desc { margin-top: 1em; color: #fff; font: normal normal 12px/2 "HelveticaNeue", "Helvetica", sans-serif; }

#home #others a.card { display: block; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 60px 30px; width: 100; height: 100%; min-height: 360px; }

#home #others a.card .bg { z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

#home #others a.card .bg img { width: 100%; height: 100%; }

#home #others a.card .on { z-index: 1; position: relative; text-align: center; }

#home #others a.card .on .h { color: #fff; font: normal 600 36px/1 "rift", "Helvetica", sans-serif; }

#home #others a.card .on .desc { margin-top: 1em; color: #fff; font: normal normal 12px/2 "HelveticaNeue", "Helvetica", sans-serif; }

@media (max-width: 768px) { #home #others.nightster a.card .bg img { -o-object-position: 62% 50%; object-position: 62% 50%; } }

#home #shop { background-color: #222; }

#home #shop .list._product .row .column { margin-bottom: 0; }

@media (max-width: 768px) { #home #shop .list._product .row .column { margin-bottom: 40px; }
  #home #shop .list._product .row .column:last-child { margin-bottom: 0; } }

#home #topics { overflow: hidden; }

#home #topics .swiper-container { width: 100%; height: 100%; overflow: visible; }

#home #topics .h { color: #000; font: normal 600 36px/1 "rift", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { #home #topics .h { margin-bottom: .5em; } }

#index { /* Navi */ }

#index .h { color: #000; font: normal 600 36px/1 "rift", "Helvetica", sans-serif; margin-bottom: 1em; }

#index .h b { display: none; }

@media (max-width: 768px) { #index .h { margin-bottom: .5em; }
  #index .h b { display: block; } }

@media (max-width: 768px) { #index .nav-wrap { margin: 0 -24px; border-bottom: 1px solid #ccc; } }

#index .nav-horizontal ul { margin: -3px; }

#index .nav-horizontal ul li { padding: 3px; }

#index .nav-horizontal ul li.current a { color: #ff6600; }

#index .nav-horizontal ul li a { font: normal bold 16px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

@media (max-width: 768px) { #index .nav-horizontal ul li a { font-size: 14px; } }

@media (max-width: 768px) { #index .nav-horizontal { overflow: hidden; height: 36px; /* 可視領域の高さ */ width: 100%; }
  #index .nav-horizontal .mask { height: 48px; /* 横スクロールする理屈上の高さ */ width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; /* 慣性スクロール */ }
  #index .nav-horizontal ul { display: inline-table; max-width: 100%; margin: -6px; padding: 0 24px; }
  #index .nav-horizontal ul li { padding: 6px; display: table-cell; white-space: nowrap; } }

#index .navi { margin-bottom: 60px; }

#page { background-color: #f2f5f6; /* .meta { margin: 1em 0 3em; text-align: center; ul { margin: 0 -12px; li { border-left: 1px solid #ccc; &:first-child { border-left: 0; } padding: 0 12px; display: inline-block; color: #808080; font: normal normal 12px/1.5 fontfamilies(primary); } } } */ /* cms */ /* Post item */ }

#page #heading { position: relative; background-color: #151515; padding: 0 0; /* .pagetitle { text-align: center; position: relative; z-index: 1; color: #000; font: normal bold 48px/1.25 fontfamilies(primary); padding: 1.25em 0 0; @include mq(sm) { font-size: 30px; padding: 1em 0 0; } .ja { color: #000; font: normal bold 43.2px/1.5 fontfamilies(primary); // 90% @include mq(sm) { font-size: 27px; } } } */ }

#page #heading.image .container { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 61.805vh; min-height: calc(var(--vh, 1vh) * 61.805); padding-bottom: 11.805vh; padding-bottom: calc(var(--vh, 1vh) * 11.805); max-width: none; padding-left: 132px; padding-right: 132px; }

@media (max-width: 768px) { #page #heading.image .container { padding-bottom: 0; padding-left: 24px; padding-right: 24px; } }

#page #heading.image .container div { text-align: center; }

#page #heading.image .pagetitle { position: relative; z-index: 1; color: #fff; font: normal bold 60px/1.25 "rift", "Helvetica", sans-serif; padding: 0 0 0; }

@media (max-width: 768px) { #page #heading.image .pagetitle { font-size: 42px; } }

#page #heading.image .subtitle { color: #fff; font: normal normal 12px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

#page #heading.image .background { position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }

#page #heading.image .background:after { content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(38, 38, 38, 0.5); }

#page #image { padding-bottom: 0; }

#page .image img { display: block; }

#page #body { /* position: relative; z-index: 1; margin: -11.805vh 60px 0; background-color: #fff; padding: 72px 72px; @include mq(sm) { padding: 48px 24px; margin: 0 0; } */ }

#page #body .title { color: #000; font: normal bold 36px/1.5 "rift", "Helvetica", sans-serif; padding: 1.25em 0; }

#page .cms .button a { margin-top: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #000; background-color: #000; color: #fff; font: normal bold 16px/1.25 "HelveticaNeue", "Helvetica", sans-serif; padding: 1.5em 3em; text-decoration: none; -webkit-transition: .3s; transition: .3s; }

@media (max-width: 768px) { #page .cms .button a { padding: 1em 1em; display: block; } }

#page .cms .button a:hover { background-color: #000; color: #fff; }

#page .cms input[type="button"], #page .cms input[type="submit"] { margin-top: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #000; background-color: #000; color: #fff; font: normal bold 16px/1.25 "HelveticaNeue", "Helvetica", sans-serif; padding: 1.5em 3em; -webkit-transition: .3s; transition: .3s; }

@media (max-width: 768px) { #page .cms input[type="button"], #page .cms input[type="submit"] { padding: 1em 1em; display: block; } }

#page .cms.group { margin: 0 60px; padding: 0 0; }

@media (max-width: 768px) { #page .cms.group { margin: 0 0; } }

#page .cms.group .wp-block-group { position: relative; z-index: 1; background-color: #fff; padding: 72px 72px; margin-bottom: 2px; }

@media (max-width: 768px) { #page .cms.group .wp-block-group { padding: 24px 24px; } }

#page .cms.group .wp-block-group:first-child { margin-top: -11.805vh; }

@media (max-width: 768px) { #page .cms.group .wp-block-group:first-child { margin-top: 0; } }

#page .cms.group .wp-block-group.bg-none { background-color: rgba(255, 255, 255, 0); }

#page .cms.group .wp-block-group > .wp-block-group { padding-top: 0; }

#page .item a { display: block; }

#page .item .image { position: relative; }

#page .item .image .label { position: absolute; bottom: 0; right: 0; display: inline-block; background-color: #ff6600; color: #fff; font: normal normal 12px/1 "HelveticaNeue", "Helvetica", sans-serif; padding: .75em 1em; }

#page .item .content { padding-top: 18px; }

#page .item .content .name { font: normal bold 18px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#page .item .content .excerpt { margin-top: 1em; font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#page .item .content .excerpt p { font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#page .item a + a.button { margin-top: 18px; display: inline-block; background-color: #000; color: #fff; font: normal normal 12px/1 "HelveticaNeue", "Helvetica", sans-serif; padding: .75em 1em; }

body.page-id-18011 .googlemaps { padding-bottom: 100%; position: relative; padding-top: 0; height: 0; overflow: hidden; }

body.page-id-18011 .googlemaps .googlemaps-hdm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; }

@media (max-width: 768px) { body.page-id-18011 .googlemaps { margin: 0 -24px; padding-bottom: 133.300%; } }

body.page-id-18011 .history { margin-top: 60px; padding-bottom: 60px; }

body.page-id-18011 .history ul { border-top: 1px solid #ccc; list-style-type: none; }

body.page-id-18011 .history ul li { border-bottom: 1px solid #ccc; }

body.page-id-18011 .history ul li .item { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1.5em 0; margin: 0 -30px; }

@media (max-width: 768px) { body.page-id-18011 .history ul li .item { margin: 0 0; } }

body.page-id-18011 .history ul li .item div { padding: 0 30px; margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-18011 .history ul li .item div.target { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

body.page-id-18011 .history ul li .item div.detail { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }

body.page-id-18011 .history ul li .item div.year { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

@media (max-width: 768px) { body.page-id-18011 .history ul li .item div { padding: 0 0; }
  body.page-id-18011 .history ul li .item div.target, body.page-id-18011 .history ul li .item div.detail, body.page-id-18011 .history ul li .item div.year { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  body.page-id-18011 .history ul li .item div.target { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 16px; }
  body.page-id-18011 .history ul li .item div.detail { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 12px; }
  body.page-id-18011 .history ul li .item div.year { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 12px; } }

body.page-id-18011 .history ul li .item .thisimage { display: none; position: fixed; z-index: 99; padding: 0 0; border: 1px solid #ccc; }

body.page-id-18011 .history ul li .item .thisimage:after { content: ''; position: absolute; top: 0; left: 0; border-style: solid; border-color: #ff6600 transparent transparent transparent; border-width: 12px 12px 0 0; }

body.page-id-18011 .history ul li .item .thisimage img { display: block; width: 240px; height: auto; }

body.page-id-18011 .team .item .name, body.page-id-18011 .team .item .position { text-align: center; }

body.page-id-18011 .team .item .name { margin-top: 1em; font: normal normal 16px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-18011 .team .item .position { margin-top: .5em; font: normal normal 12px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

.page-id-18009 .documents h4, .page-id-18009 .plan h4 { border-top: 1px solid #000; padding-top: 1em; margin-bottom: 1.5em; }

.page-id-18009 .support { margin-top: 60px; }

.page-id-18009 .support ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -12px; }

@media (max-width: 768px) { .page-id-18009 .support ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 90%; margin: -12px auto; } }

.page-id-18009 .support ul li { padding: 12px; display: inline-block; text-align: center; width: 96px; }

@media (max-width: 768px) { .page-id-18009 .support ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }

.page-id-18009 .support ul li:before { display: none; }

.page-id-18009 .support ul li .icon { width: 36px; height: 36px; margin: 0 auto; }

.page-id-18009 .support ul li p { margin-top: 1em; font: normal bold 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; text-align: center; text-justify: none; }

body.page-id-18034 #heading { position: relative; background-color: #f1f1f1; padding: 0 0; }

body.page-id-18034 #heading .pagetitle { text-align: center; position: relative; z-index: 1; color: #000; font: normal bold 48px/1.25 "rift", "Helvetica", sans-serif; padding: 1.25em 0; }

@media (max-width: 768px) { body.page-id-18034 #heading .pagetitle { font-size: 30px; padding: 1em 0; } }

body.page-id-18034 #heading .pagetitle .ja { color: #000; font: normal bold 43.2px/1.5 "rift", "Helvetica", sans-serif; }

@media (max-width: 768px) { body.page-id-18034 #heading .pagetitle .ja { font-size: 27px; } }

body.page-id-18034 #heading.image .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 480px; }

@media (max-width: 768px) { body.page-id-18034 #heading.image .container { height: 360px; } }

body.page-id-18034 #heading.image .pagetitle { text-align: left; padding: .75em 0; color: #fff; text-shadow: 0px 2.5px 5px rgba(0, 0, 0, 0.25); }

body.page-id-18034 #heading.image .background { position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }

body.page-id-18034 .gallery { overflow: hidden; position: relative; z-index: 1; }

body.page-id-18034 .gallery .swiper-container { overflow: visible; }

@media (max-width: 768px) { body.page-id-18034 .gallery .swiper-container .swiper-slide .image { padding-bottom: 70.721%; } }

body.page-id-18034 .video .box { background-color: #151515; height: 90vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

body.page-id-18034 .video .box .content { padding: 0 14.6395vw; }

body.page-id-18034 .posts .list { overflow: hidden; }

body.page-id-18034 .posts .list .item a { padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -12px; }

body.page-id-18034 .posts .list .item a .i { padding: 0 12px; }

body.page-id-18034 .posts .list .item a .image { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; max-width: 60px; width: 60px; }

body.page-id-18034 .posts .list .item a .content { -webkit-box-flex: 0; -ms-flex: 0 0 61.805%; flex: 0 0 61.805%; max-width: 61.805%; width: 61.805%; }

body.page-id-18034 .posts .list .item a .button { margin-left: auto; }

body.page-id-18034 .posts .list .item a .created { font: normal normal 11px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-18034 .posts .list .item a .title { font: normal bold 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-18034 .posts .list .item a .category { font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-18034 .posts .list .item a .button { font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-21221 .text-column, body.page-id-21260 .text-column { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; text-align: justify; font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

@media (max-width: 768px) { body.page-id-21221 .text-column, body.page-id-21260 .text-column { -webkit-columns: 1; -moz-columns: 1; columns: 1; } }

body.page-id-21221 br.sm-down-hide, body.page-id-21260 br.sm-down-hide { display: block; }

@media (max-width: 768px) { body.page-id-21221 br.sm-down-hide, body.page-id-21260 br.sm-down-hide { display: none; } }

body.page-id-21221 br.sm-down, body.page-id-21260 br.sm-down { display: none; }

@media (max-width: 768px) { body.page-id-21221 br.sm-down, body.page-id-21260 br.sm-down { display: block; } }

body.page-id-21221 section, body.page-id-21260 section { padding: 60px 0; }

@media (max-width: 768px) { body.page-id-21221 section, body.page-id-21260 section { padding: 24px 0; } }

body.page-id-21221 #hero, body.page-id-21260 #hero { position: relative; width: 100%; min-height: 75vh; min-height: calc(var(--vh, 1vh) * 75); background-color: #808080; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 60px 0; }

@media (max-width: 1200px) { body.page-id-21221 #hero, body.page-id-21260 #hero { min-height: 62vh; min-height: calc(var(--vh, 1vh) * 62); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

@media (max-width: 768px) { body.page-id-21221 #hero, body.page-id-21260 #hero { padding: 24px 0; } }

body.page-id-21221 #hero .container-fluid, body.page-id-21260 #hero .container-fluid { z-index: 1; position: relative; }

body.page-id-21221 #hero .container-fluid .headline, body.page-id-21260 #hero .container-fluid .headline { color: #fff; font: normal bold 60px/1 "HelveticaNeue", "Helvetica", sans-serif; }

@media (max-width: 1200px) { body.page-id-21221 #hero .container-fluid .headline, body.page-id-21260 #hero .container-fluid .headline { font-size: 30px; } }

body.page-id-21221 #hero .toorder, body.page-id-21260 #hero .toorder { position: absolute; bottom: 60px; right: 60px; z-index: 1; }

@media (max-width: 1200px) { body.page-id-21221 #hero .toorder, body.page-id-21260 #hero .toorder { bottom: 60px; right: auto; left: 60px; } }

@media (max-width: 768px) { body.page-id-21221 #hero .toorder, body.page-id-21260 #hero .toorder { bottom: 24px; right: auto; left: 24px; } }

body.page-id-21221 #hero .toorder a, body.page-id-21260 #hero .toorder a { display: inline-block; background-color: #ff6600; color: #000; padding: 1em 2em; font: normal bold 16px/1 "HelveticaNeue", "Helvetica", sans-serif; text-transform: uppercase; border-radius: 6px; }

body.page-id-21221 #hero .bg, body.page-id-21260 #hero .bg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 1200px) { body.page-id-21221 #hero .bg img, body.page-id-21260 #hero .bg img { -o-object-position: 62% 50%; object-position: 62% 50%; } }

body.page-id-21221 #hello .description, body.page-id-21260 #hello .description { max-width: 80%; }

@media (max-width: 768px) { body.page-id-21221 #hello .description, body.page-id-21260 #hello .description { max-width: 100%; } }

body.page-id-21221 #hello .description p, body.page-id-21260 #hello .description p { font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-21221 #hello .meta, body.page-id-21260 #hello .meta { margin-top: 30px; }

@media (max-width: 768px) { body.page-id-21221 #hello .meta, body.page-id-21260 #hello .meta { margin-top: 24px; } }

body.page-id-21221 #hello .meta ul, body.page-id-21260 #hello .meta ul { margin: -3px -7.5px; }

body.page-id-21221 #hello .meta ul li, body.page-id-21260 #hello .meta ul li { padding: 3px 7.5px; display: inline-block; color: #808080; font: normal normal 12px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-21221 #hello .container-fluid > div, body.page-id-21260 #hello .container-fluid > div { position: relative; }

body.page-id-21221 #hello .container-fluid > div .language, body.page-id-21260 #hello .container-fluid > div .language { position: absolute; top: 0; right: 0; }

@media (max-width: 1200px) { body.page-id-21221 #hello .container-fluid > div .language, body.page-id-21260 #hello .container-fluid > div .language { position: relative; margin-bottom: 12px; } }

body.page-id-21221 #hello .container-fluid > div .language a, body.page-id-21260 #hello .container-fluid > div .language a { display: block; color: #06c; font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; text-decoration: underline; }

body.page-id-21221 #outline .box, body.page-id-21260 #outline .box { margin-bottom: 60px; }

body.page-id-21221 #outline .box:last-child, body.page-id-21260 #outline .box:last-child { margin-bottom: 0; }

body.page-id-21221 #outline .headline, body.page-id-21260 #outline .headline { font: normal bold 18px/1.5 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; }

body.page-id-21221 #gallery, body.page-id-21260 #gallery { position: relative; }

body.page-id-21221 #gallery #galleryopen, body.page-id-21260 #gallery #galleryopen { z-index: 10; position: absolute; bottom: 60px; right: 60px; }

body.page-id-21221 #gallery .swiper-wrapper, body.page-id-21260 #gallery .swiper-wrapper { height: 80vh; background-color: #ff6600; }

@media (max-width: 768px) { body.page-id-21221 #gallery .swiper-wrapper, body.page-id-21260 #gallery .swiper-wrapper { height: 50vh; } }

body.page-id-21221 #gallery .swiper-wrapper .swiper-slide .image, body.page-id-21260 #gallery .swiper-wrapper .swiper-slide .image { display: block; width: 100%; height: 100%; }

body.page-id-21221 #gallery .swiper-wrapper .swiper-slide .open, body.page-id-21260 #gallery .swiper-wrapper .swiper-slide .open { position: absolute; bottom: 60px; right: 60px; z-index: 10; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1em 2em; color: #fff; font: normal bold 16px/1 "HelveticaNeue", "Helvetica", sans-serif; background-color: rgba(0, 0, 0, 0.5); border-radius: 5px; }

@media (max-width: 768px) { body.page-id-21221 #gallery .swiper-wrapper .swiper-slide .open, body.page-id-21260 #gallery .swiper-wrapper .swiper-slide .open { padding: 1em 1em; bottom: 24px; right: 24px; } }

body.page-id-21221 #gallery .swiper-wrapper .swiper-slide .open img.icon, body.page-id-21260 #gallery .swiper-wrapper .swiper-slide .open img.icon { width: 10px; height: 10px; }

body.page-id-21221 #gallery .swiper-wrapper .swiper-slide .open b, body.page-id-21260 #gallery .swiper-wrapper .swiper-slide .open b { margin-left: 10px; }

@media (max-width: 768px) { body.page-id-21221 #gallery .swiper-wrapper .swiper-slide .open b, body.page-id-21260 #gallery .swiper-wrapper .swiper-slide .open b { display: none; } }

body.page-id-21221 #gallery .swiper-pagination, body.page-id-21260 #gallery .swiper-pagination { bottom: 60px; left: 60px; text-align: left; display: inline-block; width: auto; }

@media (max-width: 768px) { body.page-id-21221 #gallery .swiper-pagination, body.page-id-21260 #gallery .swiper-pagination { bottom: 24px; left: 24px; } }

body.page-id-21221 #gallery .swiper-pagination .swiper-pagination-bullet, body.page-id-21260 #gallery .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; background-color: rgba(255, 255, 255, 0.8); }

body.page-id-21221 #gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, body.page-id-21260 #gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ff6600; }

@media (max-width: 768px) { body.page-id-21221 #gallery .swiper-pagination .swiper-pagination-bullet, body.page-id-21260 #gallery .swiper-pagination .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 2.5px; } }

body.page-id-21221 #concept, body.page-id-21260 #concept { padding-bottom: 120px; }

@media (max-width: 768px) { body.page-id-21221 #concept, body.page-id-21260 #concept { padding-bottom: 60px; } }

body.page-id-21221 #concept .headline, body.page-id-21260 #concept .headline { font: normal bold 36px/1.25 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { body.page-id-21221 #concept .headline, body.page-id-21260 #concept .headline { font-size: 24px; margin-bottom: 0; } }

body.page-id-21221 #concept .reed, body.page-id-21260 #concept .reed { font: normal bold 18px/1.5 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { body.page-id-21221 #concept .reed, body.page-id-21260 #concept .reed { font-size: 16px; } }

body.page-id-21221 #customdetail, body.page-id-21260 #customdetail { padding: 120px 0; background-color: #f8f8f8; overflow: hidden; }

@media (max-width: 768px) { body.page-id-21221 #customdetail, body.page-id-21260 #customdetail { padding: 0 0; } }

body.page-id-21221 #customdetail .row, body.page-id-21260 #customdetail .row { margin-top: 0; margin-bottom: 0; }

body.page-id-21221 #customdetail .row .column, body.page-id-21260 #customdetail .row .column { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

@media (max-width: 768px) { body.page-id-21221 #customdetail .row .column.column-image, body.page-id-21260 #customdetail .row .column.column-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  body.page-id-21221 #customdetail .row .column.column-content, body.page-id-21260 #customdetail .row .column.column-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

@media (max-width: 768px) { body.page-id-21221 #customdetail .content, body.page-id-21260 #customdetail .content { padding: 24px 0 60px; } }

body.page-id-21221 #customdetail .content .title, body.page-id-21260 #customdetail .content .title { font: normal bold 36px/1.25 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: .5em; }

@media (max-width: 768px) { body.page-id-21221 #customdetail .content .title, body.page-id-21260 #customdetail .content .title { font-size: 24px; margin-bottom: 8px; } }

body.page-id-21221 #customdetail .content .subtitle, body.page-id-21260 #customdetail .content .subtitle { font: normal bold 18px/1.5 "HelveticaNeue", "Helvetica", sans-serif; margin-top: 1em; margin-bottom: 1em; }

@media (max-width: 768px) { body.page-id-21221 #customdetail .content .subtitle, body.page-id-21260 #customdetail .content .subtitle { font-size: 16px; margin-top: .5em; } }

body.page-id-21221 #customdetail .content .description p, body.page-id-21260 #customdetail .content .description p { font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-21221 #customdetail .image, body.page-id-21260 #customdetail .image { margin-right: -60px; }

@media (max-width: 768px) { body.page-id-21221 #customdetail .image, body.page-id-21260 #customdetail .image { margin-left: -24px; margin-right: -24px; } }

body.page-id-21221 #customdetail .image img, body.page-id-21260 #customdetail .image img { width: 100%; display: block; }

body.page-id-21221 #video, body.page-id-21260 #video { padding: 120px 0; background-color: #262626; }

@media (max-width: 768px) { body.page-id-21221 #video, body.page-id-21260 #video { padding: 60px 0; } }

body.page-id-21221 #video .video, body.page-id-21260 #video .video { width: 100%; height: 100%; }

body.page-id-21221 #video .swiper-fullscreen, body.page-id-21260 #video .swiper-fullscreen { width: 100%; height: 100%; overflow: hidden; }

@media (max-width: 768px) { body.page-id-21221 #video .swiper-fullscreen, body.page-id-21260 #video .swiper-fullscreen { --swiper-navigation-size: 18px; } }

body.page-id-21221 #video .swiper-fullscreen .swiper-container, body.page-id-21260 #video .swiper-fullscreen .swiper-container { width: 100%; height: 100%; overflow: visible; }

@media (max-width: 768px) { body.page-id-21221 #video .swiper-fullscreen .swiper-wrapper, body.page-id-21260 #video .swiper-fullscreen .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media (max-width: 768px) { body.page-id-21221 #video .swiper-fullscreen .swiper-slide, body.page-id-21260 #video .swiper-fullscreen .swiper-slide { margin-bottom: 24px; }
  body.page-id-21221 #video .swiper-fullscreen .swiper-slide:last-child, body.page-id-21260 #video .swiper-fullscreen .swiper-slide:last-child { margin-bottom: 0; } }

body.page-id-21221 #video .swiper-fullscreen .swiper-button-prev, body.page-id-21221 #video .swiper-fullscreen .swiper-button-next, body.page-id-21260 #video .swiper-fullscreen .swiper-button-prev, body.page-id-21260 #video .swiper-fullscreen .swiper-button-next { color: #ff6600; }

@media (max-width: 768px) { body.page-id-21221 #video .swiper-fullscreen .swiper-button-prev, body.page-id-21221 #video .swiper-fullscreen .swiper-button-next, body.page-id-21260 #video .swiper-fullscreen .swiper-button-prev, body.page-id-21260 #video .swiper-fullscreen .swiper-button-next { display: none; } }

body.page-id-21221 #video .swiper-fullscreen .swiper-button-prev.swiper-button-disabled, body.page-id-21221 #video .swiper-fullscreen .swiper-button-next.swiper-button-disabled, body.page-id-21260 #video .swiper-fullscreen .swiper-button-prev.swiper-button-disabled, body.page-id-21260 #video .swiper-fullscreen .swiper-button-next.swiper-button-disabled { opacity: 1; color: #404040; }

body.page-id-21221 #video .swiper-fullscreen .swiper-button-prev, body.page-id-21260 #video .swiper-fullscreen .swiper-button-prev { left: -60px; }

@media (max-width: 768px) { body.page-id-21221 #video .swiper-fullscreen .swiper-button-prev, body.page-id-21260 #video .swiper-fullscreen .swiper-button-prev { left: -18px; } }

body.page-id-21221 #video .swiper-fullscreen .swiper-button-next, body.page-id-21260 #video .swiper-fullscreen .swiper-button-next { right: -60px; }

@media (max-width: 768px) { body.page-id-21221 #video .swiper-fullscreen .swiper-button-next, body.page-id-21260 #video .swiper-fullscreen .swiper-button-next { right: -18px; right: -18px; right: -18px; } }

body.page-id-21221 #order, body.page-id-21260 #order { padding: 120px 0; }

@media (max-width: 768px) { body.page-id-21221 #order, body.page-id-21260 #order { padding: 60px 0 24px; } }

@media (max-width: 768px) { body.page-id-21221 #order .row .column.column-image, body.page-id-21260 #order .row .column.column-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; order: 1; }
  body.page-id-21221 #order .row .column.column-content, body.page-id-21260 #order .row .column.column-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

body.page-id-21221 #order .content .title, body.page-id-21260 #order .content .title { font: normal bold 48px/1 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { body.page-id-21221 #order .content .title, body.page-id-21260 #order .content .title { font-size: 30px; } }

body.page-id-21221 #order .content .price, body.page-id-21260 #order .content .price { font: normal bold 18px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-21221 #order .content .price span, body.page-id-21260 #order .content .price span { display: block; color: #808080; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-21221 #order .content .note, body.page-id-21260 #order .content .note { color: #808080; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-21221 #order .content .description, body.page-id-21260 #order .content .description { margin-top: 36px; }

body.page-id-21221 #order .content .description p, body.page-id-21260 #order .content .description p { font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-21221 #order .image, body.page-id-21260 #order .image { border-radius: 30px; overflow: hidden; }

@media (max-width: 768px) { body.page-id-21221 #order .image, body.page-id-21260 #order .image { border-radius: 15px; } }

body.page-id-21221 #order .image img, body.page-id-21260 #order .image img { display: block; width: 100%; }

body.page-id-21221 #order .getintouch, body.page-id-21260 #order .getintouch { margin-top: 36px; }

body.page-id-21221 #order .getintouch ul, body.page-id-21260 #order .getintouch ul { margin: -10px; }

body.page-id-21221 #order .getintouch ul li, body.page-id-21260 #order .getintouch ul li { padding: 10px; }

body.page-id-21221 #order .getintouch ul li a, body.page-id-21260 #order .getintouch ul li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ff6600; font: normal bold 16px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-21221 #order .getintouch ul li a img.icon, body.page-id-21260 #order .getintouch ul li a img.icon { margin-right: 10px; width: 20px; height: auto; }

body.page-id-21221 #order .getintouch ul li a img.email, body.page-id-21260 #order .getintouch ul li a img.email { display: block; width: 165.5px; margin-left: 1px; }

body.page-id-21260 .text-column { text-align: left; }

#legal .privacybox, #terms .privacybox, #privacy .privacybox { /* margin: -30px 0; >div { padding: 30px 0; } */ }

#legal .box, #terms .box, #privacy .box { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 48px 0; border-bottom: 1px solid #e6e6e6; }

#legal .box:last-child, #terms .box:last-child, #privacy .box:last-child { border-bottom: 0; }

@media (max-width: 576px) { #legal .box, #terms .box, #privacy .box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

#legal .box > div, #terms .box > div, #privacy .box > div { padding: 0 15px; }

@media (max-width: 576px) { #legal .box > div, #terms .box > div, #privacy .box > div { padding: 0 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

#legal .box > div:nth-child(1), #terms .box > div:nth-child(1), #privacy .box > div:nth-child(1) { -webkit-box-flex: 38; -ms-flex: 38; flex: 38; }

#legal .box > div:nth-child(2), #terms .box > div:nth-child(2), #privacy .box > div:nth-child(2) { -webkit-box-flex: 62; -ms-flex: 62; flex: 62; }

#legal .box > div > div, #terms .box > div > div, #privacy .box > div > div { margin-bottom: 60px; }

#legal .box > div > div:last-child, #terms .box > div > div:last-child, #privacy .box > div > div:last-child { margin-bottom: 0; }

#legal .box.date, #terms .box.date, #privacy .box.date { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

#legal .box.date p, #terms .box.date p, #privacy .box.date p { text-align: right; }

#legal h2:not(.pagetitle), #terms h2:not(.pagetitle), #privacy h2:not(.pagetitle) { color: #000000; font: normal bold 24px/2 "HelveticaNeue", "Helvetica", sans-serif; }

#legal h3, #legal h4, #legal h5, #terms h3, #terms h4, #terms h5, #privacy h3, #privacy h4, #privacy h5 { color: #000000; font: normal bold 14px/2 "HelveticaNeue", "Helvetica", sans-serif; position: relative; }

#legal h3 b, #legal h4 b, #legal h5 b, #terms h3 b, #terms h4 b, #terms h5 b, #privacy h3 b, #privacy h4 b, #privacy h5 b { position: absolute; top: 0; right: 100%; padding-right: 30px; color: #c0c0c0; }

@media (max-width: 576px) { #legal h3 b, #legal h4 b, #legal h5 b, #terms h3 b, #terms h4 b, #terms h5 b, #privacy h3 b, #privacy h4 b, #privacy h5 b { position: static; padding-right: 0; margin-right: 1em; } }

#legal p, #terms p, #privacy p { color: #000000; font: normal normal 14px/2 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; text-align: justify; text-justify: inter-ideograph; }

#legal p:last-child, #terms p:last-child, #privacy p:last-child { margin-bottom: 0; }

#legal ul, #terms ul, #privacy ul { color: #000000; font: normal normal 14px/2 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; list-style-type: disc; list-style-position: inside; }

#legal ul li, #terms ul li, #privacy ul li { padding-left: 24px; text-indent: -18px; font: normal normal 14px/2 "HelveticaNeue", "Helvetica", sans-serif; }

#contact #heading { position: relative; background-color: #f1f1f1; padding: 0 0; }

#contact #heading .pagetitle { text-align: center; position: relative; z-index: 1; color: #000; font: normal bold 48px/1.25 "rift", "Helvetica", sans-serif; padding: 1.25em 0; }

@media (max-width: 768px) { #contact #heading .pagetitle { font-size: 30px; padding: 1em 0; } }

#contact #heading .pagetitle .ja { color: #000; font: normal bold 43.2px/1.5 "rift", "Helvetica", sans-serif; }

@media (max-width: 768px) { #contact #heading .pagetitle .ja { font-size: 27px; } }

#contact .mw_wp_form { margin: 0 -20px; /* form */ }

#contact .mw_wp_form.mw_wp_form_complete { margin: 0 0; }

#contact .mw_wp_form.mw_wp_form_complete h3 { text-align: left; margin-bottom: 1em; font: normal bold 18px/1.5 "HelveticaNeue", "Helvetica", sans-serif; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

#contact .mw_wp_form.mw_wp_form_complete p { font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; }

#contact .mw_wp_form table tr th, #contact .mw_wp_form table tr td { padding: 20px 20px; position: relative; }

#contact .mw_wp_form table tr th .error, #contact .mw_wp_form table tr td .error { font-size: 0; }

#contact .mw_wp_form table tr th .error:after, #contact .mw_wp_form table tr td .error:after { position: absolute; top: 20px; right: 20px; display: block; content: '入力してください'; color: #ff0000; font: normal bold 11px/1.5 "HelveticaNeue", "Helvetica", sans-serif; padding: 0.35rem 0 0; }

@media (max-width: 768px) { #contact .mw_wp_form table tr th, #contact .mw_wp_form table tr td { display: block; } }

#contact .mw_wp_form label { color: #000; font: normal bold 11px/1.5 "HelveticaNeue", "Helvetica", sans-serif; letter-spacing: 0.1rem; padding-left: 0.1rem; }

#contact .mw_wp_form input, #contact .mw_wp_form select, #contact .mw_wp_form textarea { /* reset */ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; outline: none; display: block; width: 100%; padding: 15px 0; color: #000; font: normal bold 20px/1.5 "HelveticaNeue", "Helvetica", sans-serif; border-bottom: 1px solid #ccc; -webkit-transition: .3s; transition: .3s; }

#contact .mw_wp_form input:focus, #contact .mw_wp_form select:focus, #contact .mw_wp_form textarea:focus { border-bottom: 1px solid #808080; }

#contact .mw_wp_form textarea { min-height: 20rem; border-bottom: 0 !important; }

#contact .mw_wp_form select { background-position: center right 12px; background-repeat: no-repeat; background-size: auto 12px; background-image: url(../img/icon-select.svg); background-blend-mode: lighten; background-color: rgba(255, 255, 255, 0.75); }

#contact .mw_wp_form input[type="submit"] { cursor: pointer; display: inline-block; text-align: center; color: #fff; -webkit-transition: .3s; transition: .3s; background-color: #808080; }

#contact .mw_wp_form input[type="submit"]:hover { background-color: #000; }

/* list item */
.content-list.forsale .item { display: block; background-color: #fff; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.content-list.forsale .item .image img { display: block; }

.content-list.forsale .item.soldout .image { position: relative; }

.content-list.forsale .item.soldout .image:after { content: 'SOLD OUT'; color: #bfbfbf; font: normal bold 30px/1.5 "rift", "Helvetica", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.content-list.forsale .item .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px 24px; }

.content-list.forsale .item .content .bottom { margin-top: auto; }

.content-list.forsale .item .content p { color: #000; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

.content-list.forsale .item .content p b { font-weight: bold; }

.content-list.forsale .item .content .name { color: #000; font: normal 600 24px/1 "rift", "Helvetica", sans-serif; margin-bottom: .5em; }

.content-list.forsale .item .content .price .line-through { text-decoration: line-through; }

.content-list.forsale .item .content .price .price-down { color: #ff0000; }

/* archive index */
body.post-type-archive-forsale { background-color: #f2f5f6; }

body.post-type-archive-forsale #heading { padding-bottom: 0; }

body.post-type-archive-forsale #heading .label { position: relative; z-index: 1; text-align: center; }

body.post-type-archive-forsale #heading .label .title { color: #000; font: normal 600 54px/1.5 "rift", "Helvetica", sans-serif; }

body.post-type-archive-forsale #heading .label .description { margin-top: 1em; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

@media (max-width: 768px) { body.post-type-archive-forsale #heading .label .title { font-size: 36px; } }

/* custom / forsale */
body.single-custom article, body.single-forsale article { padding-bottom: 0; }

body.single-custom #heading, body.single-forsale #heading { padding-bottom: 0; }

body.single-custom #heading .label, body.single-forsale #heading .label { position: relative; z-index: 1; text-align: center; }

body.single-custom #heading .label .post, body.single-forsale #heading .label .post { color: #ff6600; font: normal 600 18px/1 "rift", "Helvetica", sans-serif; margin-bottom: 1em; }

body.single-custom #heading .label .title, body.single-forsale #heading .label .title { color: #ff6600; font: normal 600 72px/1 "rift", "Helvetica", sans-serif; }

body.single-custom #heading .image, body.single-forsale #heading .image { position: relative; z-index: 0; margin-top: -36px; }

@media (max-width: 768px) { body.single-custom #heading .container, body.single-forsale #heading .container { padding-left: 0; padding-right: 0; }
  body.single-custom #heading .label .post, body.single-forsale #heading .label .post { font-size: 13.5px; }
  body.single-custom #heading .label .title, body.single-forsale #heading .label .title { font-size: 36px; }
  body.single-custom #heading .image, body.single-forsale #heading .image { margin-top: -18px; padding-bottom: 70.721%; } }

body.single-custom #content, body.single-forsale #content { /* read more */ /* read more */ }

body.single-custom #content .description *, body.single-forsale #content .description * { color: #000; line-height: 1.75; }

body.single-custom #content .description b, body.single-custom #content .description strong, body.single-forsale #content .description b, body.single-forsale #content .description strong { font-weight: bold; }

body.single-custom #content .description > p, body.single-forsale #content .description > p { font: normal normal 14px/1.75 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; }

body.single-custom #content .description > h3, body.single-forsale #content .description > h3 { font: normal normal 18px/1.75 "HelveticaNeue", "Helvetica", sans-serif; }

body.single-custom #content .description > h2 + p, body.single-custom #content .description > h3 + p, body.single-custom #content .description > h4 + p, body.single-forsale #content .description > h2 + p, body.single-forsale #content .description > h3 + p, body.single-forsale #content .description > h4 + p { margin-top: 1em; }

body.single-custom #content .description > p + h2, body.single-custom #content .description > p + h3, body.single-custom #content .description > p + h4, body.single-forsale #content .description > p + h2, body.single-forsale #content .description > p + h3, body.single-forsale #content .description > p + h4 { margin-top: 2em; }

body.single-custom #content .readmore-check, body.single-forsale #content .readmore-check { display: none; }

@media (max-width: 768px) { body.single-custom #content, body.single-forsale #content { /*チェック時にボタンを非表示*/ /*チェック時に高さを自動に戻す*/ /*チェック時グラデーション等を削除*/ }
  body.single-custom #content .readmore, body.single-forsale #content .readmore { position: relative; font-size: 14px; /* more button */ }
  body.single-custom #content .readmore .readmore-content, body.single-forsale #content .readmore .readmore-content { position: relative; overflow: hidden; /* 表示サイズ */ height: 20em; }
  body.single-custom #content .readmore .readmore-content:before, body.single-forsale #content .readmore .readmore-content:before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; content: ""; background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(#fff)); background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%); background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%); /* ボタン表示エリア */ height: 90px; }
  body.single-custom #content .readmore .readmore-label, body.single-forsale #content .readmore .readmore-label { display: table; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin: 0 auto; z-index: 2; border-top: 1px solid #ff6600; color: #ff6600; padding-top: .5em; font: normal bold 14px/1 "HelveticaNeue", "Helvetica", sans-serif; }
  body.single-custom #content .readmore .readmore-label:before, body.single-forsale #content .readmore .readmore-label:before { content: '続きを読む'; }
  body.single-custom #content .readmore-check:checked ~ .readmore-label, body.single-forsale #content .readmore-check:checked ~ .readmore-label { position: static; transform: translateX(0); -webkit-transform: translateX(0); /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */ display: none; }
  body.single-custom #content .readmore-check:checked ~ .readmore-label:before, body.single-forsale #content .readmore-check:checked ~ .readmore-label:before { content: '閉じる'; }
  body.single-custom #content .readmore-check:checked ~ .readmore-content, body.single-forsale #content .readmore-check:checked ~ .readmore-content { height: auto; }
  body.single-custom #content .readmore-check:checked ~ .readmore-content::before, body.single-forsale #content .readmore-check:checked ~ .readmore-content::before { display: none; } }

body.single-custom #content .price, body.single-forsale #content .price { margin-top: 2em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; font: normal normal 16px/1 "HelveticaNeue", "Helvetica", sans-serif; }

body.single-custom #content .price *, body.single-forsale #content .price * { font: normal normal 16px/1 "HelveticaNeue", "Helvetica", sans-serif; }

body.single-custom #content .price .line-through, body.single-forsale #content .price .line-through { text-decoration: line-through; }

body.single-custom #content .price .price-down, body.single-forsale #content .price .price-down { color: #ff0000; }

body.single-custom #meta, body.single-forsale #meta { margin-bottom: 60px; }

body.single-custom #meta .spec table tr th, body.single-custom #meta .spec table tr td, body.single-custom #meta .custom table tr th, body.single-custom #meta .custom table tr td, body.single-forsale #meta .spec table tr th, body.single-forsale #meta .spec table tr td, body.single-forsale #meta .custom table tr th, body.single-forsale #meta .custom table tr td { padding: .75em 1em; border: 0; border-top: 1px solid #bfbfbf; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.single-custom #meta .spec table tr:last-child th, body.single-custom #meta .spec table tr:last-child td, body.single-custom #meta .custom table tr:last-child th, body.single-custom #meta .custom table tr:last-child td, body.single-forsale #meta .spec table tr:last-child th, body.single-forsale #meta .spec table tr:last-child td, body.single-forsale #meta .custom table tr:last-child th, body.single-forsale #meta .custom table tr:last-child td { border-bottom: 1px solid #bfbfbf; }

body.single-custom #meta .spec table tr th, body.single-custom #meta .custom table tr th, body.single-forsale #meta .spec table tr th, body.single-forsale #meta .custom table tr th { color: #808080; font-size: 10px; white-space: nowrap; }

body.single-custom #meta .spec .more, body.single-custom #meta .custom .more, body.single-forsale #meta .spec .more, body.single-forsale #meta .custom .more { margin-top: 18px; }

body.single-custom #meta .spec .more a, body.single-custom #meta .custom .more a, body.single-forsale #meta .spec .more a, body.single-forsale #meta .custom .more a { display: block; text-align: center; font: normal bold 16px/1 "HelveticaNeue", "Helvetica", sans-serif; }

body.single-custom .intouch ul li, body.single-forsale .intouch ul li { display: block; }

body.single-custom .intouch ul li a, body.single-forsale .intouch ul li a { display: block; text-align: center; font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; padding: 18px; }

body.single-custom .intouch ul li a small, body.single-forsale .intouch ul li a small { font-size: 50%; }

body.single-custom .intouch ul li.online a, body.single-forsale .intouch ul li.online a { color: #fff; background-color: #000; }

body.single-custom .intouch ul li.phone, body.single-forsale .intouch ul li.phone { border: 1px solid #bfbfbf; border-top: 0; }

body.single-custom .intouch ul li.phone a, body.single-forsale .intouch ul li.phone a { color: #808080; background-color: #fff; font-size: 16px; }

body.single-custom .intouch ul li.custom a, body.single-forsale .intouch ul li.custom a { font-size: 12px; text-decoration: underline; }

body.single-custom #gallery, body.single-forsale #gallery { padding: 0 0; }

body.single-custom #gallery div, body.single-forsale #gallery div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* &.count-5 { li:nth-child(1), li:nth-child(2) { width: 50%; flex: 0 0 50%; max-width: 50%; } @include mq(sm) { li:nth-child(1) { width: 100%; flex: 0 0 100%; max-width: 100%; } } } */ }

body.single-custom #gallery div figure, body.single-forsale #gallery div figure { position: relative; min-height: 1px; width: 33.33333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }

@media (max-width: 768px) { body.single-custom #gallery div figure, body.single-forsale #gallery div figure { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

body.single-custom #gallery div figure a, body.single-forsale #gallery div figure a { display: block; }

body.single-custom #gallery div figure a img, body.single-forsale #gallery div figure a img { display: block; }

body.single-custom #gallery div figure .caption, body.single-forsale #gallery div figure .caption { display: none; }

body.single-custom #gallery div figure:nth-child(1), body.single-custom #gallery div figure:nth-child(2), body.single-forsale #gallery div figure:nth-child(1), body.single-forsale #gallery div figure:nth-child(2) { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

@media (max-width: 768px) { body.single-custom #gallery div figure:nth-child(1), body.single-forsale #gallery div figure:nth-child(1) { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }

body.single-custom #customdetail table tr th, body.single-custom #customdetail table tr td, body.single-forsale #customdetail table tr th, body.single-forsale #customdetail table tr td { padding: .75em 1em; border-bottom: 1px solid #bfbfbf; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.single-custom #customdetail table tr:first-child th, body.single-custom #customdetail table tr:first-child td, body.single-forsale #customdetail table tr:first-child th, body.single-forsale #customdetail table tr:first-child td { border-top: 1px solid #bfbfbf; }

body.single-custom #customdetail table tr th, body.single-forsale #customdetail table tr th { color: #808080; font-size: 10px; white-space: nowrap; }

body.single-custom #customdetail table tr.heading th, body.single-forsale #customdetail table tr.heading th { font-weight: bold; background-color: #cdcdcd; }

body.single-custom #customdetail table tr:nth-child(even), body.single-forsale #customdetail table tr:nth-child(even) { background-color: #f2f2f2; }

body.single-custom #share .box, body.single-forsale #share .box { width: 50%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ff6600; }

@media (max-width: 768px) { body.single-custom #share .box, body.single-forsale #share .box { width: 100%; } }

body.single-custom #share .box .label, body.single-custom #share .box ul, body.single-forsale #share .box .label, body.single-forsale #share .box ul { padding: 18px 18px; }

body.single-custom #share .box .label, body.single-forsale #share .box .label { color: #ff6600; font: normal normal 18px/1 "HelveticaNeue", "Helvetica", sans-serif; }

body.single-custom #share .box ul, body.single-forsale #share .box ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -9px; }

body.single-custom #share .box ul li, body.single-forsale #share .box ul li { padding: 0 9px; }

body.single-custom #share .box ul li a, body.single-forsale #share .box ul li a { display: block; }

body.single-custom #share .box ul li a svg, body.single-forsale #share .box ul li a svg { display: block; width: auto; height: 18px; fill: #bfbfbf; -webkit-transition: .3s; transition: .3s; }

body.single-custom #share .box ul li a svg.cls-1, body.single-forsale #share .box ul li a svg.cls-1 { fill-rule: evenodd; }

body.single-custom #share .box ul li a svg:hover, body.single-forsale #share .box ul li a svg:hover { fill: #ff6600; }

body.single-custom #share .box ul li:last-child, body.single-forsale #share .box ul li:last-child { margin-left: auto; }

body.single-custom #others, body.single-forsale #others { padding: 120px 0; background-color: #f2f5f6; }

@media (max-width: 768px) { body.single-custom #others, body.single-forsale #others { padding: 60px 0; } }

body.single-custom #others .h, body.single-forsale #others .h { color: #000; font: normal 600 36px/1 "rift", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { body.single-custom #others .h, body.single-forsale #others .h { margin-bottom: .5em; } }

/* blog */
#post .top { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc; }

#post .top .meta { margin-bottom: 36px; }

#post .top .meta .category a { color: #ff6600; font: normal bold 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#post .top .meta .created { font: normal bold 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#post .top .pagetitle { font: normal bold 36px/1.5 "HelveticaNeue", "Helvetica", sans-serif; text-align: left; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media (max-width: 768px) { #post .top .pagetitle { font-size: 24px; } }

#post .top .share { margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 768px) { #post .top .share { margin-top: 30px; } }

#post .top .share ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -8px; }

#post .top .share ul li { padding: 0 8px; }

#post .top .share ul li a { display: block; }

#post .top .share ul li a svg { display: block; width: auto; height: 14px; fill: #bfbfbf; -webkit-transition: .3s; transition: .3s; }

#post .top .share ul li a svg.cls-1 { fill-rule: evenodd; }

#post .top .share ul li a svg:hover { fill: #ff6600; }

#post .top .share ul li:last-child { margin-left: auto; }

#post .share-bottom { margin-top: 60px; }

@media (max-width: 768px) { #post .share-bottom { margin-top: 30px; } }

#post .share-bottom .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ddd; background-color: #f0f0f0; }

#post .share-bottom .box .label, #post .share-bottom .box ul { padding: 14px 14px; }

#post .share-bottom .box .label { color: #ff6600; font: normal normal 14px/1 "HelveticaNeue", "Helvetica", sans-serif; }

#post .share-bottom .box ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -8px; }

#post .share-bottom .box ul li { padding: 0 8px; }

#post .share-bottom .box ul li a { display: block; }

#post .share-bottom .box ul li a svg { display: block; width: auto; height: 14px; fill: #bfbfbf; -webkit-transition: .3s; transition: .3s; }

#post .share-bottom .box ul li a svg.cls-1 { fill-rule: evenodd; }

#post .share-bottom .box ul li a svg:hover { fill: #ff6600; }

#post .share-bottom .box ul li:last-child { margin-left: auto; }

/* EVENT - code in progress - template-event */
#post-event { overflow: hidden; }

#post-event section { padding: 120px 0; }

@media (max-width: 768px) { #post-event section { padding: 60px 0; } }

#post-event #hero { padding: 0 0; position: relative; width: 100%; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100 - 62.95px); background-color: #151515; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#post-event #hero .bg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#post-event #hero .bg img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

#post-event #hero .bottom { z-index: 1; position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center; }

#post-event #hero .bottom p { color: #fff; font: normal 600 16px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#post-event #hero .box { margin-top: -60px; z-index: 1; position: relative; width: 61.805%; max-width: 640px; }

@media (max-width: 768px) { #post-event #hero .box { width: 75.721%; } }

#post-event #hero .box h2 { color: #fff; font: normal 600 60px/1.5 "rift", "Helvetica", sans-serif; text-align: center; }

@media (max-width: 768px) { #post-event #hero .box h2 { font-size: 36px; } }

#post-event #introduction .h { font: normal 600 36px/1 "rift", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { #post-event #introduction .h { margin-bottom: .5em; } }

#post-event #introduction .desc p { font: normal normal 14px/1.75 "HelveticaNeue", "Helvetica", sans-serif; }

#post-event #introduction .desc p a { text-decoration: underline; }

#post-event #introduction .support { margin-top: 36px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#post-event #introduction .support h4 { color: #3b82c5; font: normal bold 14px/1 "HelveticaNeue", "Helvetica", sans-serif; margin-right: 36px; }

#post-event #introduction .support ul { margin: -12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#post-event #introduction .support ul li { padding: 12px; }

#post-event #introduction .support ul li.rudegallery img { width: auto; height: 45px; }

#post-event #introduction .support ul li.neutral img { width: auto; height: 31.5px; }

#post-event #introduction .image img { display: block; }

#post-event #introduction .image .caption { padding: 1em 0 0; text-align: right; color: #808080; font: normal normal 12px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

#post-event #gallery { padding: 0 0; }

@media (max-width: 992px) { #post-event #gallery { padding: 60px 0; } }

#post-event #gallery .swiper-slide img { display: block; width: 100%; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

#post-event #gallery .swiper-slide .caption { padding: 1em 1em 0; text-align: right; color: #808080; font: normal normal 12px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

#post-event #details .h { font: normal 600 24px/1.25 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { #post-event #details .h { margin-bottom: .5em; } }

#post-event #details .table table tr th, #post-event #details .table table tr td { border-top: 1px solid #ccc; padding: 1em 0; font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#post-event #details .table table tr th a, #post-event #details .table table tr td a { text-decoration: underline; }

#post-event #details .image img { display: block; width: 100%; height: auto; }

/* ON THE ROAD’20 */
#ontheroad20 { overflow: hidden; }

#ontheroad20 section { padding: 120px 0; }

@media (max-width: 768px) { #ontheroad20 section { padding: 60px 0; } }

#ontheroad20 #hero { padding: 0 0; position: relative; width: 100%; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100 - 62.95px); background-color: #151515; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#ontheroad20 #hero .bg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#ontheroad20 #hero .bg img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

#ontheroad20 #hero .bottom { z-index: 1; position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center; }

#ontheroad20 #hero .bottom p { color: #fff; font: normal 600 16px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#ontheroad20 #hero .box { margin-top: -60px; z-index: 1; position: relative; width: 61.805%; max-width: 640px; }

@media (max-width: 768px) { #ontheroad20 #hero .box { width: 75.721%; } }

#ontheroad20 #introduction .h { font: normal 600 36px/1 "rift", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { #ontheroad20 #introduction .h { margin-bottom: .5em; } }

#ontheroad20 #introduction .desc p { font: normal normal 14px/1.75 "HelveticaNeue", "Helvetica", sans-serif; }

#ontheroad20 #introduction .desc p a { text-decoration: underline; }

#ontheroad20 #introduction .support { margin-top: 36px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#ontheroad20 #introduction .support h4 { color: #3b82c5; font: normal bold 14px/1 "HelveticaNeue", "Helvetica", sans-serif; margin-right: 36px; }

#ontheroad20 #introduction .support ul { margin: -12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#ontheroad20 #introduction .support ul li { padding: 12px; }

#ontheroad20 #introduction .support ul li.rudegallery img { width: auto; height: 45px; }

#ontheroad20 #introduction .support ul li.neutral img { width: auto; height: 31.5px; }

#ontheroad20 #gallery { padding: 0 0; }

@media (max-width: 992px) { #ontheroad20 #gallery { padding-top: 60px; } }

#ontheroad20 #gallery .swiper-slide img { display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

@media (max-width: 992px) { #ontheroad20 #details { padding-top: 30px; } }

#ontheroad20 #details .h { font: normal 600 24px/1.25 "HelveticaNeue", "Helvetica", sans-serif; margin-bottom: 1em; }

@media (max-width: 768px) { #ontheroad20 #details .h { margin-bottom: .5em; } }

#ontheroad20 #details .table table tr th, #ontheroad20 #details .table table tr td { border-top: 1px solid #ccc; padding: 1em 0; font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#ontheroad20 #details .table table tr th a, #ontheroad20 #details .table table tr td a { text-decoration: underline; }

#ontheroad20 #details .image img { display: block; width: 100%; height: auto; }

/* list */
.content-list.blog .item a { display: block; }

.content-list.blog .item a .content { padding-top: 18px; padding-bottom: 24px; }

.content-list.blog .item a .content .meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: -6px; }

.content-list.blog .item a .content .meta p { padding: 6px; font: normal normal 12px/1 "HelveticaNeue", "Helvetica", sans-serif; }

.content-list.blog .item a .content .title { margin-top: .5em; font: normal bold 16px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

.content-list.blog .item a.button { border: 2px solid #000; padding: 1em 1em; text-align: center; font: normal bold 14px/1 "HelveticaNeue", "Helvetica", sans-serif; }

/* list item */
.content-list.custom .item { display: block; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.content-list.custom .item .image img { display: block; }

.content-list.custom .item .content { position: relative; z-index: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -12px; }

.content-list.custom .item .content .bottom { margin-top: auto; }

.content-list.custom .item .content .name { color: #ff6600; font: normal 600 24px/1 "rift", "Helvetica", sans-serif; margin-bottom: .5em; display: inline-block; background-color: #f2f5f6; max-width: 75%; }

.content-list.custom .item .content .model, .content-list.custom .item .content .date { color: #000; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

.content-list.custom .item .content .model b, .content-list.custom .item .content .date b { font-weight: bold; }

body.tax-lineup #heading { padding-bottom: 0; }

body.tax-lineup #heading .label { position: relative; z-index: 1; text-align: center; }

body.tax-lineup #heading .label .title { color: #000; font: normal 600 54px/1.5 "rift", "Helvetica", sans-serif; }

body.tax-lineup #heading .label .description { margin-top: 1em; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

@media (max-width: 768px) { body.tax-lineup #heading .label .title { font-size: 36px; } }

body.tax-lineup #body { width: 100%; overflow: hidden; }

body.tax-lineup #body .list .row { margin-top: -60px; margin-bottom: -60px; }

body.tax-lineup #body .list .row [class*="col-"] { padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 768px) { body.tax-lineup #body .list .row { margin-top: -30px; margin-bottom: -30px; }
  body.tax-lineup #body .list .row [class*="col-"] { padding-top: 30px; padding-bottom: 30px; } }

body.tax-lineup #body .list .item { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 768px) { body.tax-lineup #body .list .item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

body.tax-lineup #body .list .item .contents { z-index: 2; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 60px; width: 25%; }

@media (max-width: 768px) { body.tax-lineup #body .list .item .contents { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 0; width: auto; height: auto; max-width: 75%; } }

body.tax-lineup #body .list .item .contents .box .name { color: #ff6600; font: normal 600 48px/1 "rift", "Helvetica", sans-serif; margin-bottom: .25em; }

@media (max-width: 768px) { body.tax-lineup #body .list .item .contents .box .name { font-size: 36px; } }

body.tax-lineup #body .list .item .contents .box .model, body.tax-lineup #body .list .item .contents .box .date { color: #000; font: normal normal 14px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

@media (max-width: 768px) { body.tax-lineup #body .list .item .contents .box .model, body.tax-lineup #body .list .item .contents .box .date { display: none; } }

body.tax-lineup #body .list .item .contents .box .button { margin-top: 30px; }

@media (max-width: 768px) { body.tax-lineup #body .list .item .contents .box .button { margin-top: 18px; } }

body.tax-lineup #body .list .item .contents .box .button a { display: inline-block; padding: 1em 1.5em; background-color: #000; color: #fff; font: normal normal 14px/1 "HelveticaNeue", "Helvetica", sans-serif; }

body.tax-lineup #body .list .item .gallery { width: 100%; position: relative; z-index: 1; padding-left: 20%; }

@media (max-width: 768px) { body.tax-lineup #body .list .item .gallery { padding-top: 18px; padding-left: 24px; } }

body.tax-lineup #body .list .item .gallery .swiper-container { overflow: visible; }

body.tax-lineup #body .list .item .gallery .swiper-container .swiper-slide .image { display: block; }

@media (max-width: 768px) { body.tax-lineup #body .list .item .gallery .swiper-container .swiper-slide .image { padding-bottom: 70.721%; } }

body.tax-lineup #body .list .item .gallery .swiper-button-prev, body.tax-lineup #body .list .item .gallery .swiper-button-next { top: auto; bottom: 0; margin-bottom: 10px; }

@media (max-width: 768px) { body.tax-lineup #body .list .item .gallery .swiper-button-prev, body.tax-lineup #body .list .item .gallery .swiper-button-next { top: auto; bottom: 0; margin-bottom: 10px; } }

body.tax-lineup #body .list .item .gallery .swiper-button-prev:after, body.tax-lineup #body .list .item .gallery .swiper-button-prev:after, body.tax-lineup #body .list .item .gallery .swiper-button-next:after, body.tax-lineup #body .list .item .gallery .swiper-button-next:after { color: #000; font-size: 36px; }

@media (max-width: 768px) { body.tax-lineup #body .list .item .gallery .swiper-button-prev:after, body.tax-lineup #body .list .item .gallery .swiper-button-prev:after, body.tax-lineup #body .list .item .gallery .swiper-button-next:after, body.tax-lineup #body .list .item .gallery .swiper-button-next:after { font-size: 18px; } }

body.tax-lineup #body .list .item .gallery .swiper-button-prev.swiper-button-disabled, body.tax-lineup #body .list .item .gallery .swiper-button-next.swiper-button-disabled { opacity: 0; }

body.tax-lineup #body .list .item .gallery .swiper-container-horizontal > .swiper-scrollbar { border-radius: 0; height: 4px; bottom: -4px; left: 0; width: 100%; opacity: 1 !important; }

body.tax-lineup #body .list .item .gallery .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag { border-radius: 0; background-color: #ff6600; }

@media (max-width: 768px) { body.tax-lineup #body .list .item .gallery .swiper-container-horizontal > .swiper-scrollbar { height: 3px; bottom: -3px; } }

body.page-id-20469 #body { width: 100%; overflow: hidden; }

body.page-id-20469 #body .list .row { margin-top: -30px; margin-bottom: -30px; }

body.page-id-20469 #body .list .row [class*="col-"] { padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 768px) { body.page-id-20469 #body .list .row { margin-top: -30px; margin-bottom: -30px; }
  body.page-id-20469 #body .list .row [class*="col-"] { padding-top: 30px; padding-bottom: 30px; } }

body.page-id-20469 #body .list .count { text-align: right; color: #000; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-20469 #body .list .count b { font: normal normal 18px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-20469 #body .list .item { display: block; background-color: #fff; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

body.page-id-20469 #body .list .item .image img { display: block; }

body.page-id-20469 #body .list .item .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px 0; }

body.page-id-20469 #body .list .item .content .bottom { margin-top: auto; }

body.page-id-20469 #body .list .item .content p { color: #000; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-20469 #body .list .item .content p b { font-weight: bold; }

body.page-id-20469 #body .list .item .content .name { color: #000; font: normal 600 24px/1 "rift", "Helvetica", sans-serif; margin-bottom: .5em; }

body.page-id-20469 #body .list .item .content .price .line-through { text-decoration: line-through; }

body.page-id-20469 #body .list .item .content .price .price-down { color: #ff0000; }

body.page-id-20469 #body .notfound { text-align: center; }

body.page-id-20469 #body .notfound .h { color: #808080; font: normal bold 24px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

body.page-id-20469 #body .notfound * { font-family: "HelveticaNeue", "Helvetica", sans-serif; }

#custom-navi { border-bottom: 1px solid #f2f2f2; }

#custom-navi ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 -12px; }

@media (max-width: 768px) { #custom-navi ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

#custom-navi ul li { padding: 0 12px; }

#custom-navi ul li a { display: block; padding: 18px 0; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; position: relative; }

@media (max-width: 768px) { #custom-navi ul li a { padding: 12px 0; } }

#custom-navi ul li.current a { color: #ff6600; }

#custom-navi ul li.current a:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; width: 100%; height: 1px; background-color: #ff6600; }

/* sort */
#sort { padding: 0 0; background-color: #f8f8f8; border-bottom: 2px solid #f2f2f2; }

@media (max-width: 768px) { #sort .container { padding: 0 0; } }

#sort ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#sort ul li { border-left: 1px solid #f2f2f2; /* &:last-child { flex: 0 0 10%; max-width: 10%; border-left: 0; margin-left: auto; } */ }

#sort ul li:last-child { border-right: 1px solid #f2f2f2; }

#sort ul li.keyword { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

#sort ul li.keyword input { text-transform: uppercase; }

#sort ul li.keyword #submit { padding: 0 0; position: absolute; top: 0; right: 0; width: 54px; height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f8f8f8; }

#sort ul li.keyword #submit svg { display: block; width: 12px; height: 12px; }

#sort ul li.keyword #submit svg .cls-1 { fill-rule: evenodd; fill: #808080; -webkit-transition: .3s; transition: .3s; }

#sort ul li.keyword #submit:hover svg .cls-1 { fill: #000; }

@media (max-width: 768px) { #sort ul li.engine, #sort ul li.model { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  #sort ul li.keyword { border-top: 1px solid #f2f2f2; } }

#sort ul li input, #sort ul li select, #sort ul li button { height: 54px; padding: 12px 24px; color: #404040; font: normal normal 12px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

#sort ul li select, #sort ul li button { cursor: pointer; }

#sort ul li select { /* background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); // FF3.6-15 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); // Chrome10-25,Safari5.1-6 background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); // W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); // IE6-9 */ background-position: center right 12px; background-repeat: no-repeat; background-size: auto 12px; background-image: url(../img/icon-select.svg); background-blend-mode: lighten; background-color: rgba(248, 248, 248, 0.75); padding-right: 42px; }

#sort ul li button { border: 0; border-radius: 0; width: 100%; font-weight: bold; }

/* style */
.customflow .column { position: static; -webkit-box-flex: 0; -ms-flex: 0 0 61.805%; flex: 0 0 61.805%; max-width: 61.805%; }

.customflow .column:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 38.195%; flex: 0 0 38.195%; max-width: 38.195%; }

@media (max-width: 768px) { .customflow .column { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } }

.customflow .acdn .menu { margin: 0 0; }

.customflow .acdn .menu_item { padding: 0 0; background: #e5e5e5; color: #000; cursor: pointer; display: block; margin-bottom: 1px; }

.customflow .acdn .menu_item .menu_item_link { display: block; padding: 1.5em; position: relative; color: #000; font: normal bold 16px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

.customflow .acdn .menu_item .menu_item_link .no { margin-right: 1em; font: normal bold 16px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

.customflow .acdn .menu_item .menu_item_link:before { content: ''; background: #808080; display: block; position: absolute; top: 0; right: 0; width: 72px; height: 100%; }

.customflow .acdn .menu_item .menu_item_link:after { position: absolute; top: 50%; right: 36px; margin-top: -8.485px; margin-right: -8.485px; display: inline-block; content: ''; width: 12px; height: 12px; border: 0px; border-top: solid 2px #fff; border-left: solid 2px #fff; -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.customflow .acdn .menu_item .menu_item_link.on { /* &:before { content: '\f068'; } */ }

.customflow .acdn .submenu { background: #fff; display: none; font: normal normal 16px/1.25 "HelveticaNeue", "Helvetica", sans-serif; padding: 1.5em; }

.customflow .acdn .submenu p { font: normal normal 16px/1.5 "HelveticaNeue", "Helvetica", sans-serif; }

.custompoint { /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ }

.custompoint .module-pointers { margin-bottom: 1.5em; text-align: center; }

.custompoint .module-pointers img { max-width: 100%; height: auto; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none; }

.custompoint .module-pointers .showcase-image { display: inline-block; position: relative; }

.custompoint .module-pointers .blob { position: absolute; cursor: pointer; }

.custompoint .module-pointers .blob-icon { background-color: #2ea5ed; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset; border: 1px solid rgba(0, 0, 0, 0.1); z-index: 2; width: 17px; height: 17px; border-radius: 12px; position: relative; }

.custompoint .blob-icon:after { content: "+"; font: 16px/100% Arial; color: #fff; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; text-align: center; -webkit-font-smoothing: none; font-smoothing: none; }

.custompoint .module-pointers .blob-icon span { width: 30px; height: 30px; z-index: -1; position: absolute; top: -6px; left: -6px; background: #38b1ef; border: #2094e9; border-radius: 100%; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); -webkit-animation-name: mulse; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; -moz-animation-name: mulse; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-out; -o-animation-name: mulse; -o-animation-duration: 1s; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-out; animation-name: mulse; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-out; }

.custompoint .tooltipster-default { border-radius: 5px; border: none; background: #4c4c4c; color: #fff; }

.custompoint .tooltipster-default .tooltipster-content { font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; }

.custompoint .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { display: none; }

.custompoint .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; max-width: 260px; }

.custompoint .tooltipster-base .tooltipster-content { overflow: hidden; }

.custompoint .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

.custompoint .tooltipster-arrow span, .custompoint .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }

.custompoint .tooltipster-arrow-top span, .custompoint .tooltipster-arrow-top-right span, .custompoint .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; }

.custompoint .tooltipster-arrow-top .tooltipster-arrow-border, .custompoint .tooltipster-arrow-top-right .tooltipster-arrow-border, .custompoint .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; }

.custompoint .tooltipster-arrow-bottom span, .custompoint .tooltipster-arrow-bottom-right span, .custompoint .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; }

.custompoint .tooltipster-arrow-bottom .tooltipster-arrow-border, .custompoint .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .custompoint .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; }

.custompoint .tooltipster-arrow-top span, .custompoint .tooltipster-arrow-top .tooltipster-arrow-border, .custompoint .tooltipster-arrow-bottom span, .custompoint .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }

.custompoint .tooltipster-arrow-top-left span, .custompoint .tooltipster-arrow-bottom-left span { left: 6px; }

.custompoint .tooltipster-arrow-top-left .tooltipster-arrow-border, .custompoint .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }

.custompoint .tooltipster-arrow-top-right span, .custompoint .tooltipster-arrow-bottom-right span { right: 6px; }

.custompoint .tooltipster-arrow-top-right .tooltipster-arrow-border, .custompoint .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }

.custompoint .tooltipster-arrow-left span, .custompoint .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; }

.custompoint .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }

.custompoint .tooltipster-arrow-right span, .custompoint .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; }

.custompoint .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }

.custompoint .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; }

.custompoint .tooltipster-fade-show { opacity: 1; }

@-webkit-keyframes mulse { 0% { -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0.8; }
  80% { -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0; }
  100% { -webkit-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0; } }

@keyframes mulse { 0% { -webkit-transform: scale(0.3); transform: scale(0.3);
    opacity: 0.8; }
  80% { -webkit-transform: scale(1.5); transform: scale(1.5);
    opacity: 0; }
  100% { -webkit-transform: scale(2.5); transform: scale(2.5);
    opacity: 0; } }

@media (max-width: 480px) { .custompoint .tooltipster-base { max-width: 160px; font-size: 90%; }
  .custompoint .tooltipster-default .tooltipster-content { font-size: 90%; padding: 3px 7px; } }

.custompoint .blob .blob-box { position: relative; }

.custompoint .blob .blob-box .blob-tooltip { background-color: #cccccc; color: #1a1a1a; z-index: 999; position: absolute; width: 160px; padding: 1em 1em; text-align: left; font: normal bold 12px/1.25 "HelveticaNeue", "Helvetica", sans-serif; }

.custompoint .blob .blob-box .blob-tooltip.left { top: 0; right: 30px; }

.custompoint .blob .blob-box .blob-tooltip.left:before { content: ""; position: absolute; top: 0; right: -13px; border: 10px solid transparent; border-left: 10px solid #cccccc; z-index: 0; }

.custompoint .blob .blob-box .blob-tooltip.right { top: 0; left: 30px; }

.custompoint .blob .blob-box .blob-tooltip.right:before { content: ""; position: absolute; top: 0; left: -13px; border: 10px solid transparent; border-right: 10px solid #cccccc; z-index: 0; }

.custompoint .blob:hover .blob-tooltip { display: block !important; visibility: visible !important; }