@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;font-size:16px;font-feature-settings:"palt";letter-spacing:1.2px;}
ol, ul{list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
img{vertical-align:top;vertical-align:middle;max-width:100%;height:auto;}

h1, h2, h3, h4, h5 {font-family:source-han-sans-japanese, sans-serif;}
h6 {font-family:din-condensed, sans-serif;}
p {font-family:source-han-sans-japanese, sans-serif;}
h1, h2, h3, h4, h5, h6, p {font-style:normal;color:#333;}

/*---- ローディング ----*/
#loading {width:100vw;height:100vh;transition:all 1s;background-color:#fff;position:fixed;top:0;left:0;z-index:999999;}
.loader {position:relative;width:100%;height:100%;}
.loader img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:100%;max-height:100%;}
.loaded {opacity:0;visibility:hidden;}
@media screen and (max-width:480px) {
.loader img {top:45%;left:50%;transform:translate(-50%, -45%)}
}
/*---- ローディング ----*/

.container {width:100%;height:auto;margin-bottom:10%;}
.flex-box {display:flex;}
.inner {max-width: 1500px;margin:0 auto 8%;padding:0;}
/*--ボタン--*/
a.btn {position:relative;display:inline-block;width:100%;margin:0 auto 0;padding:10px 0px;text-align:center;background-color:#333;border:1px solid #333;border-radius: 20px;font-family:din-condensed, sans-serif;font-style:normal;color:#fff;letter-spacing:2px;transition:.3s;cursor:pointer;}
a.btn:hover {background-color:#fff;border:1px solid #333;color:#333;}
/*--矢印付き--*/
a.btn.arrow::after {content:"";/*img*/position:absolute;display:block;width:30px;height:8px;top:calc(50% - 8px);right:36px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:skew(50deg);transition:.3s;}
a.btn.arrow:hover::after {right:26px;border-right:1px solid #333;border-bottom:1px solid #333;}

#global-head {position:fixed;width:240px;text-align:center;padding-top:30px;padding-bottom:30px;z-index:100;background-color:#fff;filter:drop-shadow(0px 2px 2px #ccc);}
#sidebar {font-size:18px;padding-top:100px;width:240px;height:calc(100% - 100px);position:fixed;color:#333;background:#fff;text-align:center;}
#global-nav ul {list-style:none;margin-left:0;padding:20px;}
#global-nav > ul > li {position:relative;border-top:1px solid #ccc;}
#global-nav > ul > li:last-child {border-bottom:1px solid #ccc;}
#global-nav a {color:#333;text-decoration:none;display:flex;height: 80px;justify-content: center;align-items: center;transition:background-color .3s linear;font-family:source-han-sans-japanese, sans-serif;font-weight:600;font-style:normal;line-height:1.5em;}
#global-nav li a[data-menu="month"] {padding:38px 0;}
/*#global-nav li:nth-child() a {padding:24px 0;}*/
#global-nav > ul > li > a > span {display:block;font-size:11px;line-height:1.7em;padding-top:10px;font-weight:300;}
#global-nav li:hover a {opacity:.4;transition:.2s ease;}
/* sub-menu */
#global-nav .sub-menu-nav {position:fixed;top:0;left:260px;width:0;height:100%;padding-top:90px;background:#333;color:#fff;overflow:hidden;transition:width .2s ease-out;}
#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover .sub-menu-nav {width:230px;}
/*nav-toggle*/
#nav-toggle {display:none;position:fixed;top:15px;right:15px;height:32px;}
#nav-toggle > div {position:relative;width:32px;}
#nav-toggle > .menu-nemu {position:relative;width:auto;height:16px;margin:3px 5px 0px 0px;line-height:1;}
#nav-toggle span {position:absolute;display:block;width:100%;height:2px;left:0;background:#333;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out;}
#nav-toggle span:nth-child(1) {top:0;}
#nav-toggle span:nth-child(2) {top:11px;}
#nav-toggle span:nth-child(3) {top:22px;}
/*snsアイコン等*/
#sns.flex-box {margin:10px 20px 30px;padding-bottom:220px;justify-content:space-between;}
#sns.flex-box li {width: calc(100%/ 6 - 8px);}
.banner {margin:0 20px;padding-bottom:70%;}
/*サイドバーをスクロールできるように*/
aside {overflow-y:scroll;border-right:1px solid #dedede;}
aside::-webkit-scrollbar {display:none;}
/*暗くなります*/
#overlay {display:none;position:fixed;background:rgba(0,0,0,.6);width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
@media screen and (max-width:1200px) {
video.sph-video.pc {display:block;}
#global-head {width:100%;padding:10px;background:rgba(255,255,255,1);display:flex;top:0;}
#sidebar {position:fixed;right:-300px;top:0;transform:translate(1px, 0px);height:100%;width:300px;color:#333;background:#fff;transition:.35s ease-in-out;}
/* サブメニューは開けない */
#global-nav .sub-menu-head:after,
#global-nav .sub-menu-nav {display:none;}
#nav-toggle {display:block;}
/* nav open */
.open {overflow:hidden;}
.open #overlay {display:block;}
.open #sidebar  {transform:translate3d(-300px,0,0);}
/* #nav-toggle close */
.open #nav-toggle span:nth-child(1) {top:11px;transform:rotate(45deg);}
.open #nav-toggle span:nth-child(2) {width:0;left:50%;}
.open #nav-toggle span:nth-child(3) {top:11px;transform:rotate(-45deg);}
/* z-index */
#overlay {z-index:200;}
#sidebar {z-index:300;padding-top:40px;}
#nav-toggle {z-index:400;display:flex;}
#sns.flex-box {margin:10px auto 30px;justify-content:space-between;width:80%;}
}
@media screen and (max-width:789px) {
#sidebar {padding-top:50px;}
#global-nav a {font-size:16px;}
}

/*-- メインコンテンツ --*/
main {background-color:#fff;}
#main-in {width:calc(100% - 240px);padding-left:240px;}
@media screen and (max-width: 1200px) {
#main-in {padding-left:0;width:calc(100% - 0px);}	
}
/*ファーストビュー*/
.top {width:100%;height:100vh;position:relative;}

.top .top-slider {width:100%;height:calc(100% - 30% + 180px);position:absolute;top:-180px;background-size:cover;}

.top .topic-section {position:absolute;width:100%;height:calc(100% - 70% - 20px);justify-content:space-between;align-items:center;background:rgb(235,226,78);background: linear-gradient(9deg, rgba(235,226,78,0.9682247899159664) 0%, rgba(235,203,26,1) 100%);padding:40px 0 0;bottom:0;z-index: 2;}
.top .topic-sp-section {display:none;}
.top .topic-section-inner {position:relative;width:100%;height:100%;}
.top .topic-section-inner::after {content :"";position:absolute;bottom:0;width:100%;display:block;background:linear-gradient(45deg, rgb(255 255 255) 12px, rgb(0 0 0 / 0%) 0%) 0 12px, linear-gradient(-45deg, rgb(255 255 255) 12px, rgb(235 226 78) 0%) 0 12px;background-repeat:repeat-x;background-position:left bottom;background-size:18px 18px;height:18px;}
.top .topic-section-inner .flex-box {margin:0 auto;justify-content:space-between;padding:0;bottom:14%;left:50%;position:absolute;transform:translate(-50%,0);width:100%;max-width:calc(1680px - 80px);}
.top .topic-section-inner ul > li {max-width:calc(33.3333% - 60px);text-align:center;margin:0 auto;width:100%;filter: drop-shadow(0px 0px 4px #777);transition:.5s ease;}
.top .topic-section-inner ul > li:hover {transform:translateY(-20px);transition:.3s ease;}
.top h2 {color:#fff;filter:drop-shadow(0px 0px 6px #000);font-weight:bold;line-height:1.5;padding:0;margin:0 auto;z-index:50;}
.top .top-txt {opacity:0;position:absolute;display:block;width:100%;text-align:left;font-size:1.6em;max-width:calc(1580px + 80px);padding: 0 40px;box-sizing: border-box;}
.top .top-txt span {display: block;font-size:14px;}
.top .top-sp-txt {display: none}
.slide-top {animation:slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s forwards;transition:.5s ease all;left:50%;top:60%;transform:translate(-50%, -60%);}

.menu-sp-section, .lp-link-section {display: none;}
@-webkit-keyframes slide-top {
0% {top:60%;transform:translate(-50%, -60%);opacity:0;}
100% {top:40%;transform:translate(-50%, -40%);opacity:1;}
}
@keyframes slide-top {
0% {top:60%;transform:translate(-50%, -60%);opacity:0;}
100% {top:40%;transform:translate(-50%, -40%);opacity:1;}
}

@media screen and (max-width:1500px) {
.top .topic-section-inner ul > li {max-width:calc(33.3333% - 24px);}
}

@media screen and (max-width:780px) {
.top {width: 100%;height:auto;margin-top: 58px;}
.top .top-contents {box-sizing:border-box;padding:1em;display: none;}
.top .top-contents > div {border-radius:10px;overflow:hidden;}
.top .top-slider {width:100%;height:auto;position:relative;top:0px;background-size:cover;aspect-ratio:16/9;box-sizing:border-box;}
	
.top .top-txt {display:none;}
.top .top-sp-txt {display:block;position:absolute;font-size:1.4em;font-family:source-han-sans-japanese, sans-serif;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align: center;filter:drop-shadow(0px 0px 6px #000);}

.top .topic-section {display:none;}
.top .topic-sp-section {display:block;}
.top .topic-sp-section ul {margin-top:30px;padding:30px 0 10px;text-align:center;flex-direction:column;background-color:#faee00;}
.top .topic-sp-section ul li {padding:0 30px;}
.top .topic-sp-section .flex-box img{max-width:100%;width:auto;}
.top .topic-sp-section .flex-box h2 {font-size:1.3em;margin:20px 0;font-weight:600;}
.top .topic-sp-section .flex-box p {font-size:1em;line-height:1.8;}
.top .topic-sp-section .flex-box .btn {width:70%;margin: 30px auto 60px;}
.top .topic-sp-section .content-slider .swiper-pagination-bullet {width:18px;height:18px;border-radius:100%;}

/* sp特集 */
.lp-link-section {padding: 3%;width: 94%;display: flex;justify-content: space-between;margin-bottom: 30px;}
.lp-link-item {width: calc((100% - 4%) / 2);border: 1px solid #ccc;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,.5);padding-bottom: 30px;border-radius: 8px;position: relative;}
.lp-link-item::after {content: '';position: absolute;bottom: 10px;right: 15px;width: 25px;height: 6px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: skew(50deg);}
.lp-link-img {width: 100%;margin-bottom: 10px;}
.lp-link-accent {width: 30%;min-width:70px;margin-bottom:4px;padding-left: 10px;}
.lp-link-item h4 {font-size: 12px;font-weight: 600;line-height: 1.5;text-align: justify;padding: 0 10px;}

/* sp用メニュー */
.menu-sp-section {display: block;padding: 30px 0 40px;background-color: #f2f2f2;text-align: center;}
.menu-sp-section h3 {font-size: 26px;font-weight: 600;margin-bottom: 20px;}
.menu-sp-box1 {padding: 0 4%;width: 92%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.menu-sp-item1 {width: calc((100% - 6%) / 3); box-shadow: 2px 2px 2px 2px rgba(0,0,0,1);background-color: #fff;border-radius: 6px; padding-bottom: 30px;}
.menu-sp-box2 {padding: 0 4%;width: calc(92% - 31%);display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.menu-sp-item2 {width: calc((100% - 5%) / 2); box-shadow: 2px 2px 2px 2px rgba(0,0,0,1);background-color: #fff;border-radius: 6px;padding-bottom: 25px;}
.menu-sp-item1 img, .menu-sp-item2 img {display: block;width: 100%;border-radius: 6px 6px 0 0;margin-bottom: 8px;}
.menu-sp-item1 p, .menu-sp-item2 p {font-size: 16px;font-weight: 800;line-height: 1.5;height: 48px;position: relative;}
.menu-showroom-p {line-height: 48px!important;}
.menu-sp-item1 p::after, .menu-sp-item2 p::after {content: '';position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%) rotate(135deg);border-top: 2px solid #333;border-right: 2px solid #333;width: 10px;height: 10px;}
}

@media screen and (max-width:510px) {
.top .top-sp-txt {font-size:1.3em;}
}

main .container {margin-top:100px;}
main .container h1 {padding:20px 0;margin-bottom:3%;font-size:1.65em;font-weight:600;border-bottom:1px solid;border-top:1px solid;letter-spacing:2px;}
main .container h1::after{content:url("../img/img-renew/h1_content.png");padding-left:30px;vertical-align:top;}
main .container h3 {padding:20px 0;margin:0 auto 20px;font-size:1.45em;font-weight:600;border-bottom:1px solid;border-top:1px solid;letter-spacing:2px;}
main .container h3::before {content:'PICKUP';font-family:din-condensed, sans-serif;font-style:normal;padding-right:30px;margin-right:30px;border-right:1px solid;font-size:140%;vertical-align:middle;}
@media screen and (max-width:780px) {
main .container {margin-top:60px;background-color:#f7f7f7;}
.container#gallery, 
.container#package, 
.container#showroom, 
.container#magazine,
.container#resonance {padding-top:5%;}
main .container h1 {text-align:center;font-size:1em;line-height:1.5em;margin-bottom:5%;padding:20px 10px;background-color:#dae000;margin-left:calc(((100vw - 100%) / 4) * -1);margin-right:calc(((100vw - 100%) / 4) * -1);}
main .container h1::after{display:none;}
main .container h3 {font-size:1.1em;text-align:center;line-height:1.5em}
main .container h3::before {border-right:none;font-size:140%;display:block;text-align:center;padding-right:0px;padding-bottom:10px;margin-right:0px;}
}
@media screen and (max-width:590px) {}
/*コンテンツ01,02,03の共通スタイル*/
.content {padding-top: 50px;}
.content > .flex-box {justify-content:space-between;}
.content > .flex-box > div:nth-child(1){width:calc(30% - 30px);display:flex;flex-direction:column;margin-top:3%;}
.content > .flex-box > div:nth-child(2){width:calc(70% - 30px);}
.content > .flex-box > div:nth-child(1) > h2 {padding:15px 0;margin:5% 0;text-align:left;font-size:1.5em;font-weight:600;border-bottom:1px solid;border-top:1px solid;}

.terrace_03_h1 {
  padding: 20px 0!important;
}
.terrace_03_title {
  font-size: 1.6em!important;
}
.terrace_sp {
  display: none;
}
@media screen and (max-width:590px) {
  .terrace_03_title {
    font-size: 1.6em!important;
    line-height: 1.7;
  }
  .terrace_sp {
    display: block!important;
  }
}

.content > .flex-box > div:nth-child(1) > p {text-align:justify;font-size:.938em;letter-spacing:1.5px;line-height:2.3em;}
.content > .flex-box > div:nth-child(1) > a {margin-top:10%;font-weight:600;font-size:18px;padding:12px 0;border-radius:24px;}
.content-slider .swiper-slide .flex-box {align-items:center;padding-top:20px;}
.content-slider .swiper-slide h6 {font-size:42px;padding:10px 20px 10px 0;margin-right:20px;color:#00a29a;border-right:1px solid #333;}
.content-slider .swiper-slide p {font-size:1.125em;line-height:1.8em;font-weight:600;}
.swiper-button-next, .swiper-button-prev {top:calc(50% - 0px);}
.content-slider .swiper-pagination-bullet {border-radius:inherit;margin:20px 8px 0 0!important;width:40px;height:6px;background:#b4b4b4;opacity:.5;}
.content-slider .swiper-pagination-bullet-active {background:#00a29a;opacity:1;}
@media screen and (max-width:1800px) {
.inner.content {padding:3% 5%;}
.content-slider .swiper-slide p {font-size:1em;}
.content > .flex-box > div:nth-child(1) > a {font-size:14px;}
.inner.content a.btn.arrow:hover::after {right:16px;}
.inner.content a.btn.arrow::after {right:26px;}
}
@media screen and (max-width:1200px) {
.inner.content a.btn.arrow::after {display:none;}
.content > .flex-box > div:nth-child(1) > p {font-size:0.875em;}
}
@media screen and (max-width:810px) {}
@media screen and (max-width:780px) {
.swiper-button-next, .swiper-button-prev {display:none;}
.content > .flex-box {flex-wrap:wrap;}
.content > .flex-box > div:nth-child(1) {width:calc(100% - 0px);margin-bottom:10%;}
.content > .flex-box > div:nth-child(2) {width:calc(100% - 0px);margin-bottom:10%;}
.content > .flex-box > div:nth-child(1) > .title {width:80%;text-align:center;margin:auto;}
.content > .flex-box > div:nth-child(1) > h2 {text-align:center;}
.content-slider .swiper-slide p {font-size:.75em;}
#gallery > .inner.content, 
#package > .inner.content, 
#showroom > .inner.content,
#magazine > .inner.content,
#resonance > .inner.content {background-color:#fff;margin:0 5%;padding:0% 5% 10%;border-radius:10px;}
}
.content p.bold {padding-bottom:20px;font-size:22px!important;font-weight:bold;line-height:2em!important;letter-spacing:1.5px!important;}
@media screen and (max-width:780px) {
.content p.bold > br {display:none;}
}
/*-------------------------*/
/*pickupの共通スタイル*/
.pickup {margin:50px auto 0;background-color:#fff;}
.pickup ul.flex-box {flex-wrap:wrap;justify-content:space-between;}
@media screen and (max-width:1800px) {
.pickup ul.flex-box {flex-wrap:wrap;justify-content:space-around;}
.inner.pickup {padding:3% 5%;}
}
@media screen and (max-width:780px) {
.inner.pickup {padding:10% 5%;}
}

/* テラスアイテムセクション */
@media screen and (max-width:780px) {

}

/* テラスシリーズご紹介 */
.item_content {
  margin-bottom: 80px;
}

.deck_item_container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
}

.deck_item_container > div {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  padding-bottom: 50px;
  text-align: left;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
}

.deck_item_container h5 {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  background: linear-gradient(to right, #8fc31f, #006934);
  padding: 14px 0;
  border-radius: 8px 8px 0 0;
}

.deck_item_img {
  width: 100%;
  margin-bottom: 25px;
}

.deck_item_name {
  width: 90%;
  margin: 0 auto 18px;
  display: flex;
  justify-content: center;
}

.deck_item_container h4 {
  font-size: 20px;
  font-weight: 600;
}

.copy2 {
  font-size: 16px;
  font-family: 'MS Pゴシック';
  font-weight: bold;
  vertical-align: -4px;
}

.deck_item_name img {
  height: 28px;
}

.deck_item_desk_pc {
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 500;
}

.deck_item_desk_sp {
  display: none;
}

.deck_item_btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: -18px;
  width: 70%;
  height: 36px;
  background-color: #00913a;
  border-radius: 18px;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
}

.deck_item_btn a {
  position: relative;
  display: block;
  width: 100%;
  height: 36px;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  color: #fff;
  text-decoration: none;
}

.deck_item_btn a::before{
  content: url(https://www.takasho-lp.com/deck-terrace/img/btn_arrow2.svg);
  position: absolute;
  top: 36%;
  left: 90%;
  transform: translate(-90%, -50%);
  -webkit-transform: translate(-90%, -50%);
  -ms-transform: translate(-90%, -50%);
	width: 20px;
	height: 20px;
}

@media screen and (max-width:1650px) {
  .deck_item_container h5 {
  font-size: 15px;
  padding: 12px 0;
}

  .deck_item_container h4 {
    font-size: 18px;
  }
  
  .copy2 {
    font-size: 14px;
  }

  .deck_item_desk_pc {
    font-size: 14px;
  }

  .deck_item_btn a {
    font-size: 16px;
  }
}

@media screen and (max-width:1510px) {  
  .deck_item_container h5 {
    font-size: 12px;
    padding: 10px 0;
  }

  .deck_item_container h4 {
    font-size: 16px;
  }
  
  .copy2 {
    font-size: 12px;
  }

  .deck_item_desk_pc {
    font-size: 12px;
  }

  .deck_item_btn {
    height: 32px;
  }
  
  .deck_item_btn a {
    height: 32px;
    font-size: 14px;
  }
  
  .deck_item_btn a::before{
    width: 18px;
    height: 18px;
  }
}

@media screen and (max-width:1023px) {
  .deck_item_container {
    grid-template-columns: 1fr 1fr;
    row-gap: 50px;
  }
}

@media screen and (max-width:590px) {
  .deck_item_container h5 {
    font-size: 14px;
    padding: 12px 0;
  }

  .deck_item_container {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}

/* ファサードアイテム */
.facade_item_name {
  text-align: center;
  font-size: 18px!important;
}

.facade_item_name_span {
  font-size: 22px!important;
}

/*今月のオススメ*/
#month {background-color:#efefef;padding:4% 0 4%;}
#month .inner {max-width:calc(1500px - 6%);background-color:#fff;padding:3%;margin:0 auto;border-radius:10px;}
#month h3::before{content:'今月のオススメ！';font-size:1.1em !important;}
#month .content p.bold {padding-bottom:20px;font-size:22px;font-weight:bold;line-height:2em;letter-spacing:1.5px;}
#month h2 {border-top:none;font-size:1.6em;}
#month h2 span {display: block;font-family:din-condensed, sans-serif;font-style:normal;padding-bottom: 10px;}
#month .content-slider .swiper-slide {position:relative;}
#month .content-slider .swiper-slide > div {position:absolute;bottom:0;left:0;padding:10px 5px;filter: drop-shadow(0px 0px 5px #515151)}
#month .content-slider .swiper-slide > div >img {width:80%;}
#month .swiper-pagination5 {margin-top: 3%;}
#month .swiper-pagination-bullet {width:calc(25% - 22px);height:120px;display:inline-block;box-shadow:none;border:solid 3px #FFFFFF;margin:8px !important;padding:0;background-position:center center;background-size:cover;background-repeat:no-repeat;}
#month .swiper-pagination-bullet-active {border:solid 3px #00a29a;}
#month .swiper-pagination-bullet:nth-child(1) {background-image:url("../img/img-renew/month_10-01.jpg");}
#month .swiper-pagination-bullet:nth-child(2) {background-image:url("../img/img-renew/month_10-02.jpg");}
#month .swiper-pagination-bullet:nth-child(3) {background-image:url("../img/img-renew/month_10-03.jpg");}
#month .swiper-pagination-bullet:nth-child(4) {background-image:url("../img/img-renew/month_10-04.jpg");}
@media screen and (max-width:1800px) {
#month .inner {margin:0 5%;}
}
@media screen and (max-width:1050px) {
#month .container h3 {font-size: 1.25em;}
#month h2 {font-size: 1.2em;}
#month .content p.bold {font-size:18px!important;}
}
@media screen and (max-width:780px) {
#month {background-color:#efefef;padding:6% 0 6%;}
#month .inner {padding:6%;}
#month .flex-box {flex-wrap: wrap-reverse !important;}
#month .swiper-pagination-bullet {height:35px;}
#month .content > .flex-box > div:nth-child(2) {margin-bottom:0;}
}
@media screen and (max-width:590px) {
#month .content-slider .swiper-slide > div {position:initial;bottom:0;left:0;padding:10px 5px;filter:drop-shadow(0px 0px 1px #ddd);}
#month .content-slider .swiper-slide > div >img {width: 100%;}
}
/*パッケージプラン*/
#package .pickup ul.flex-box {padding-bottom: 15px;}
#package .pickup ul.flex-box li {width:calc(25% - 10px);border-radius:10px;position:relative;}
#package .pickup ul.flex-box li > img {border-radius:10px;}
#package .pickup ul.flex-box li .btn {position:absolute;bottom:-8%;left:50%;transform:translate(-50%, -8%);width:80%;background-color:#fff;color:#333;border:2px solid;}
#package .pickup ul.flex-box li .btn:hover {background-color:#00a29a;border:2px solid #00a29a;color:#fff;}
#package .pickup ul.flex-box li .btn.arrow::after {width:24px;height:8px;top:calc(50% - 8px);right:36px;border-right:1px solid #333;border-bottom:1px solid #333;}
#package .pickup ul.flex-box li .btn.arrow:hover::after {right:26px;border-right:1px solid #fff;border-bottom:1px solid #fff;}
@media screen and (max-width:1024px) {
#package .pickup ul.flex-box li {width:calc(50% - 10px);margin-bottom: 8%;}
#package .pickup ul.flex-box li > img {width: 100vw;}
}
@media screen and (max-width:590px) {
#package .pickup ul.flex-box li {width:calc(50% - 10px);margin-bottom: 8%;}
#package .pickup ul.flex-box li .btn {bottom:-15%;font-size:12px;width:90%;}
}
/*ショールーム*/
/*#showroom .content p.bold {padding-bottom:20px;font-size:22px;font-weight:bold;line-height:2em;letter-spacing:1.5px;}*/
@media screen and (max-width:780px) {
#showroom .content p.bold > br {display:none;}
}
/*VRAR*/
#vrar.pickup ul.flex-box {margin-bottom:calc(10% + 180px);}
#vrar.pickup ul.flex-box li {width:calc(50% - 40px);position:relative;}
#vrar.pickup ul.flex-box li > img {width:calc(100% - 5%);padding-left:calc(100% - 95%);}
#vrar.pickup ul.flex-box li > .text {max-width:400px;background-color:#f5f5f5;padding:40px 30px;position:absolute;top:90%;left:0;}
#vrar.pickup ul.flex-box li > .text h5 {font-size:1.5em;font-weight:bold;padding-bottom:20px;}
#vrar.pickup ul.flex-box li > .text h5 span {font-family:din-condensed, sans-serif;;font-size:180%;letter-spacing:2px;}
#vrar.pickup ul.flex-box li > .text p {font-size:.938em;font-weight:500;line-height:2em;padding-bottom:20px;text-align:justify;}
#vrar.pickup ul.flex-box li > .text a {width:70%;font-weight:600;}
@media screen and (max-width:780px) {
#vrar.pickup ul.flex-box li {width:calc(100% - 0px);margin-bottom:5%;}
#vrar.pickup ul.flex-box li > .text {position:initial;}
#vrar.pickup ul.flex-box li > img {width:calc(100% - 3%);padding-left:calc(100% - 97%);}
#vrar.pickup ul.flex-box {margin-bottom:0;}
#vrar.pickup ul.flex-box li > .text h5 {font-size:1.3em;}
#vrar.pickup ul.flex-box li > .text p {font-size:.875em;}
#vrar.pickup ul.flex-box li > .text a {font-size:.875em;}
#vrar.pickup ul.flex-box li > .text a.btn.arrow::after {display:none;}
}
/*カタログ*/
#catalog {background-color:#f5f5f5;margin-bottom:0;}
#catalog.container > .content {padding-bottom:8%;margin-bottom:0;}
#catalog.container h1 {color:#00a29a;}
#catalog.container h1::after {content:url("../img/img-renew/h1_content-blue.png");}
#catalog.container .flex-box {align-items:center;}
#catalog.container .flex-box > div:nth-child(1) {margin-top:0;}
#catalog .content p.bold {padding-bottom:20px;font-size:22px;font-weight:bold;line-height:2em;letter-spacing:1.5px;}
#catalog a.btn {background-color:#00a29a;border:1px solid #00a29a;}
#catalog a.btn:hover {background-color:#fff;border:1px solid #00a29a;color:#00a29a;}
#catalog a.btn.arrow:hover::after {right:26px;border-right:1px solid #00a29a;border-bottom:1px solid #00a29a;}
@media screen and (max-width:780px) {
#catalog.container > .content {padding-bottom:15%;margin-bottom:0;padding-top:15%;}
#catalog.container .flex-box {align-items:center;flex-wrap:wrap-reverse;}
#catalog.container h1 {background:none;text-align:center;}
#catalog .content p {text-align:center;}
}

#magazine .content p.bold {padding-bottom:20px;font-size:22px;font-weight:bold;line-height:2em;letter-spacing:1.5px;}
#magazine .inner.content {margin-bottom:4%;}
#magazine .content > .flex-box > div:nth-child(1){order:2;}
#magazine .content > .flex-box > div:nth-child(2){order:1;}
#magazine .content .swiper-container .swiper-slide {position:relative;}
#magazine .content .swiper-container .swiper-slide > a {position: relative;display: block;}
#magazine .content .swiper-container .swiper-slide > a::before {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.24);z-index: 1;}
#magazine .content .swiper-container .swiper-slide > a > img {aspect-ratio: 16/9;overflow: hidden;object-fit: cover;z-index: 0;width: 100%;}
#magazine .content .swiper-container .swiper-slide > a .post-text {position: absolute;bottom: 24px;left: 24px;transform: translate(0, 0);z-index: 2;}
#magazine .post-text h4 {font-size:20px;font-weight:600;line-height:1.75em;color:#fff;filter: drop-shadow(0px 0px 4px #333);}
#magazine .post-text p {font-size:16px;}
#magazine .post-text .tag {display:inline-block;border:1px solid #00a29a;background-color:#00a29a;border-radius:30px;padding:0 40px;margin-bottom:10px;color: #fff;}
#magazine .post-text .day {color:#00a29a;font-size:1.1em;}
#magazine {margin-bottom:0;}
#magazine .mag-post {background-color:#efefef;padding:4% 0 10px;}
#magazine .mag-post ul {justify-content:space-between;}
#magazine .mag-post ul li {width:calc(25% - 20px);position:relative;}
#magazine .mag-post ul li img {transition:.2s ease;position:relative;}
#magazine .mag-post ul li.new a::before {content:"";position:absolute;top:-10px;left:-10px;transform:translate(0px, 0px);z-index:2;display:inline-block;background-image:url("../img/img-renew/new-post.png");background-size:contain;vertical-align:middle;width:80px;height:55px;background-repeat:no-repeat;}
#magazine .mag-post ul li:hover img {opacity:.6;}
#magazine .mag-post .post-text h4 {font-size:.875em;color:#333;margin-bottom:20px;filter:none;}
#magazine .mag-post .post-text p {font-size:.875em;}
#magazine .mag-post .post-text .tag {padding:5px 20px;margin:20px 0;}
#magazine .mag-post .post-text .day {font-size:1.1em;}
#magazine .mag-post h3 {margin-bottom:40px;}
@media screen and (max-width:1800px) {
#magazine .mag-post .inner {padding:0 5%;}
}
@media screen and (max-width:780px) {
#magazine .content > .flex-box {flex-wrap:wrap-reverse;}
#magazine .mag-post {padding: 10% 0 15px;}
#magazine .mag-post ul {justify-content:space-around;flex-wrap:wrap;}
#magazine .mag-post ul li {width:calc(50% - 10px);margin-bottom:10%;}
#magazine .mag-post ul li.new a::before {width:40px;height:40px;top:-6px;left:-6px;}
#magazine .content .swiper-container .swiper-slide > a::before {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0);z-index: 1;}
#magazine .content .swiper-container .swiper-slide > a .post-text {position:initial;bottom:0%;left:0%;transform:translate(-0%, -0%);margin:20px 0;}
#magazine .post-text h4 {font-size:14px!important;line-height:1.34em;color:#333;margin-bottom:8px!important;filter:none;}
#magazine .post-text h4 > br{display:none;}
#magazine .post-text p {font-size:.625em;}
#magazine .post-text .tag {display:inline-block;border-radius:30px;font-size:10px!important;padding:2px 10px!important;margin-bottom:10px!important;}
#magazine .post-text .day {color:#00a29a;font-size:12px!important;}
}
#resonance .pickup ul.flex-box li {width:calc(25% - 10px);margin-bottom:calc(5px + 5px/2);background-color:rgba(0,0,0,1);border-radius:0px 0px 10px 10px;position:relative;overflow:hidden;}
#resonance .pickup ul.flex-box li a > img {border-radius:10px;opacity:.8;transition:.5s ease;transform:scale(1.05,1.05);}
#resonance .pickup ul.flex-box li h5 {position:absolute;width:100%;text-align:center;color:#fff;font-weight:500;padding:14px 0;background-image:url("../img/img-renew/pick_resonance_title_bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;z-index: 30;}
#resonance .pickup ul.flex-box li a > h6 {position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:2.27em;text-align:center;}
#resonance .pickup ul.flex-box li a > h6 span {display:block;padding-top:10px;font-size:60%;font-weight:400;font-family:source-han-sans-japanese, sans-serif;line-height:1.3em;}
#resonance .pickup ul.flex-box li a > div {position:absolute;bottom:12%;left:50%;transform:translate(-50%, -15%);transition:.4s ease;}
#resonance .pickup ul.flex-box li:hover div {bottom:9%;}
#resonance .pickup ul.flex-box li:hover a > img {opacity:.4;transform:scale(1.08,1.08);}
@media screen and (max-width:1400px) {
#resonance .pickup ul.flex-box li a > h6 {font-size:2em;}
#resonance .pickup ul.flex-box li a > h6 span {font-size:40%;}
}
@media screen and (max-width:920px) {
#resonance .pickup ul.flex-box li {width:calc(50% - 7.5px);}
}
@media screen and (max-width:590px) {
#resonance .pickup ul.flex-box li {width:calc(100% - 10px);margin-bottom: 30px;}
#resonance .pickup ul.flex-box li a > h6 span {font-size:70%;}
}
/*=== フローティングバナー ===*/
.floating-banner {
  display: none;
  max-width:360px;
  position:fixed;
  bottom:0;
  right:0;
  transform:translate(0, 0)
  ;transition:.3s all ease;
  z-index:50;
  opacity:0;
  visibility:hidden;
}
.appear_ {opacity:1;visibility:visible;}
.floating-banner:hover {opacity:.9;}
.floating-banner .pc {width:450px;filter:drop-shadow(0px 0px 3px rgba(51,51,51,0.5));}
.floating-banner_sp_text {
  display: none;
}
/* .floating-banner .sp {display:none;} */
@media screen and (max-width:1025px) {
  .floating-banner {
    display: block;
    max-width:100%;
    position:fixed;
    bottom:0;
    left:0;
  }
  .floating-banner a {
    display: block;
    width: 100%;
    background: linear-gradient(to right, #8fc31f, #006934);
    position: relative;
    padding: 24px 0;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.5);
    text-decoration: none;
  }
.floating-banner .pc {display:none;}
/* .floating-banner .sp {display:inline-block;width:100%;} */
.floating-banner_sp_text {
  display: block;
  color: #fff;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
}
}
@media screen and (max-width:480px) {
.floating-banner {max-width:100%;}
.floating-banner .sp {max-width:100%;}
.floating-banner img {width: 100%;}
}
/*=======================*/
footer {font-family:Lato, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
footer a {color:#ccc;font-size:12px;}
footer .footer-menu {background-color:#83827f;padding:2.5em 0 3.5em;}
footer .footer-menu .inner {max-width:88%;margin:0 auto;padding:0;}
footer .footer-menu .inner .flex-box {justify-content:space-between;align-items:flex-end;}
footer .footer-menu .inner .flex-box > h1 {width:15%;max-width:160px;}
footer .footer-menu .inner .flex-box > h1 img {opacity:.5;}
footer .footer-menu .inner .flex-box > .flex-box {width:680px;justify-content:center;}
footer .footer-menu .inner .flex-box > .flex-box li {display:block;margin-right:7%;}
.contact {background:#313131;text-align:center;}
.contact ul {max-width:300px;display:flex;list-style:none;text-align:center;padding:10px 0;justify-content:center;margin:0 auto;}
.contact ul li {border-right:1px solid #979797;width:50%;font-size:1em;}
.contact ul li:last-child {border-right:0}
.contact ul li a {color:#979797;text-decoration:none;transition:.3s ease;}
.contact ul li a:hover {color:#ccc}
.copyright {background:#313131;text-align:center;color:#979797;padding:1.5em 0 1.5em;clear:both;letter-spacing:.12em;margin:0 0;font-size:.7em;border-top:0px #777 solid;}
@media screen and (max-width:890px) {
footer .footer-menu {padding:2.5em 0 2.5em;}
footer .footer-menu .inner .flex-box {justify-content:center;}
footer .footer-menu .inner .flex-box > h1 {width:35%;max-width:210px;}
footer .footer-menu .inner .flex-box > .flex-box {display:none;}
}
/*-- lity custom --*/
.lity {background:rgba(255,255,255,0.6)!important;}
.lity-close {color:#333;}
/*-----------------*/