@charset "UTF-8"; /* font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif; */ /* line 8, page_home.scss */ #info { display: none; } /*モーダルの横幅を変更したい場合*/ /* line 10, page_home.scss */ .modaal-container { /*max-width: 600px !important;*/ /*max-width: 80% !important;*/ max-width: 800px !important; } /* line 11, page_home.scss */ .modaal-content-container { padding: 0 !important; } /*モーダルのボタンの色を変更したい場合*/ /* line 13, page_home.scss */ .modaal-close:after, .modaal-close:before { background: #ccc; } /* line 14, page_home.scss */ .modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before { background: #fff !important; } /* line 18, page_home.scss */ .modaal-close:focus, .modaal-close:hover { background: none !important; } /* line 19, page_home.scss */ .modaal-overlay { background: rgba(0, 124, 118, 0.95) !important; } /* line 21, page_home.scss */ header#js-header { z-index: 999; } /* line 22, page_home.scss */ .footer-nav { z-index: 999; } /* -------------------------------------------------------- style -------------------------------------------------------- */ /* line 28, page_home.scss */ #home { /*============================ #mainImg ============================*/ /*============================ #pointWrap ============================*/ /*============================ #news ============================*/ /*============================ #movieSec ============================*/ /* バナー */ /*============================ #links ============================*/ /* ------------------------------- PC～スマホ 調整（兼タブレット） ------------------------------- */ /* --------------------------------------------------------------------------------------------- スマホ向け設定 --------------------------------------------------------------------------------------------- */ } /* line 33, page_home.scss */ #home #mainImg { position: relative; /*.titWrap{ background: rgba($white, .85); position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; .tit{ @include fs(60,1.5); font-family: $jpH; color: #f14f4f; font-weight: 600; letter-spacing: .015em; filter: drop-shadow(0px 0px 6px rgba($white,1)); span, em{ filter: drop-shadow(0px 0px 6px rgba($white,1));} span{ letter-spacing: -.015em; margin-right: 30px; small{ font-size: 80%;} } em{} } }*/ /* swiperNav */ } /* line 34, page_home.scss */ #home #mainImg .cap { font-size: 12px; position: absolute; bottom: 10px; right: 10px; color: #fff; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.15)); z-index: 10; } /* line 36, page_home.scss */ #home #mainImg .newprice { font-size: 48px; font-size: 3rem; line-height: 4.5rem; color: #fdfe0d; font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-weight: 600; letter-spacing: -.015em; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 40px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; /*filter: drop-shadow(0px 0px 5px rgba($white,1)) drop-shadow(0px 0px 6px rgba($white,1));*/ display: none; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5)); } /* line 39, page_home.scss */ #home #mainImg .newprice em { width: 100%; /*filter: drop-shadow(0px 0px 3px rgba($white,1)) drop-shadow(0px 0px 4px rgba($white,1));*/ filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25)); } /* line 42, page_home.scss */ #home #mainImg .newprice em strong { font-size: 120%; letter-spacing: -.025em; } /* line 43, page_home.scss */ #home #mainImg .newprice em small { font-size: 70%; } /* line 44, page_home.scss */ #home #mainImg .newprice em span { font-size: 80%; } /* line 45, page_home.scss */ #home #mainImg .newprice em i { font-size: 30%; } /* line 46, page_home.scss */ #home #mainImg .newprice em:nth-of-type(1) { font-size: 116%; margin-bottom: 10px; /*color: #f14f4f;*/ } /* line 47, page_home.scss */ #home #mainImg .newprice em:nth-of-type(2) { font-size: 165%; } /* line 62, page_home.scss */ #home #mainImg .titWrap { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; bottom: 30px; } /* line 63, page_home.scss */ #home #mainImg .titWrap .tit { font-size: 80px; font-size: 5rem; line-height: 6rem; font-family: "YakuHanMP", "Shippori Mincho B1", serif; /*color: #f14f4f;*/ color: #008d54; font-weight: 700; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; align-items: baseline; } /* line 64, page_home.scss */ #home #mainImg .titWrap .tit span, #home #mainImg .titWrap .tit em { filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 6px white) drop-shadow(0px 0px 6px white); /*display: block;*/ } /* line 65, page_home.scss */ #home #mainImg .titWrap .tit span { letter-spacing: -.015em; margin-right: 20px; font-size: 60%; } /* line 66, page_home.scss */ #home #mainImg .titWrap .tit span small { font-size: 80%; } /* line 68, page_home.scss */ #home #mainImg .titWrap .tit em { letter-spacing: -.015em; } /* line 69, page_home.scss */ #home #mainImg .titWrap .tit small { /*display: block;*/ /*font-size: 57.5%;*/ font-size: 70%; letter-spacing: .0em; line-height: 1.2; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; align-items: flex-end; color: #fff; width: 100%; margin-bottom: 15px; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-weight: 600; display: none; filter: drop-shadow(0px 0px 4px black) drop-shadow(0px 0px 6px black); } /* line 71, page_home.scss */ #home #mainImg .titWrap .tit small strong { font-size: 120%; } /* line 72, page_home.scss */ #home #mainImg .titWrap .tit small b { font-size: 37%; letter-spacing: 0; text-align: left; margin-left: 20px; line-height: 1.2; } /* line 73, page_home.scss */ #home #mainImg .titWrap .tit small b tt { font-size: 150%; font-family: inherit; } /* line 78, page_home.scss */ #home #mainImg .takuchicta { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; /*height: 60%; @include flexCol; justify-content: space-between;*/ } /* line 79, page_home.scss */ #home #mainImg .takuchicta .copy, #home #mainImg .takuchicta .tit, #home #mainImg .takuchicta .price { /* @include fs(80,1.2);*/ filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 6px white) drop-shadow(0px 0px 6px white); } /* line 80, page_home.scss */ #home #mainImg .takuchicta .copy { font-family: "YakuHanMP", "Shippori Mincho B1", serif; /* @include fs(55,1.2);*/ /*@include fs(50,1.2);*/ /*@include fs(45,1.2);*/ /*@include fs(42,1.2);*/ /*@include fs(36.75,1.2);*/ /*letter-spacing: .0em;*/ font-weight: 700; margin: 0 auto 20px; /*padding-left: .1em;*/ letter-spacing: -.05em; font-size: 31.5px; font-size: 1.96875rem; line-height: 2.3625rem; } /* line 81, page_home.scss */ #home #mainImg .takuchicta .tit { /*@include fs(77,1.0);*/ font-size: 82px; font-size: 5.125rem; line-height: 5.125rem; /*@include fs(94,1.2);*/ letter-spacing: -.05em; font-family: "YakuHanMP", "Shippori Mincho B1", serif; /*color: #f14f4f;*/ color: #008d54; font-weight: 700; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; align-items: baseline; margin-bottom: .5em; flex-direction: column; align-items: center; } /* line 82, page_home.scss */ #home #mainImg .takuchicta .tit span, #home #mainImg .takuchicta .tit em { width: 100%; } /* line 83, page_home.scss */ #home #mainImg .takuchicta .tit span { font-size: 80%; letter-spacing: -.05em; } /* line 84, page_home.scss */ #home #mainImg .takuchicta .tit small { font-size: 60%; letter-spacing: -.25em; position: relative; /*left: -.25em;*/ } /* line 85, page_home.scss */ #home #mainImg .takuchicta .tit strong { background: #008d54; color: #fff; padding: .25em .5em; line-height: 1; letter-spacing: 0; font-weight: 500; font-size: 40%; margin-bottom: .75em; } /* line 87, page_home.scss */ #home #mainImg .takuchicta .price { /*@include fs(78,1.2);*/ font-size: 92px; font-size: 5.75rem; line-height: 6.9rem; display: flex; justify-content: center; align-items: center; margin-top: 25px; } /* line 88, page_home.scss */ #home #mainImg .takuchicta .price .c01 { font-size: 24%; line-height: 1.1; font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-weight: 600; letter-spacing: 0; background: #ba90ca; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 80px; height: 80px; margin-right: 5px; } /* line 90, page_home.scss */ #home #mainImg .takuchicta .price .c01 small { font-size: 60%; line-height: 1; display: block; margin-top: -8px; } /* line 92, page_home.scss */ #home #mainImg .takuchicta .price .c02 { font-size: 30%; line-height: 1.2; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-weight: 600; letter-spacing: 0; margin-right: 5px; } /* line 93, page_home.scss */ #home #mainImg .takuchicta .price .c02 em { font-size: 127%; letter-spacing: 0; } /* line 95, page_home.scss */ #home #mainImg .takuchicta .price .c03 { font-size: 110%; line-height: 0; font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-weight: 600; letter-spacing: -.025em; } /* line 96, page_home.scss */ #home #mainImg .takuchicta .price .c03 small { font-size: 66%; line-height: 0; font-weight: 700; letter-spacing: 0; } /* line 100, page_home.scss */ #home #mainImg .takuchicta .modelhouse { margin-top: 7.5%; } /* line 102, page_home.scss */ #home #mainImg .takuchicta .modelhouse a:hover { opacity: .85; } @media only screen and (max-width: 1023px) { /* line 106, page_home.scss */ #home #mainImg .takuchicta .modelhouse { width: 94%; margin: 2em auto 0; position: relative; right: -1.25%; } } /* line 113, page_home.scss */ #home #mainImg .swiper-container .swiper-pagination { z-index: 50; } /* line 114, page_home.scss */ #home #mainImg .swiper-container .swiper-pagination .swiper-pagination-bullet { direction: none; background: rgba(0, 0, 0, 0.5); } /* line 115, page_home.scss */ #home #mainImg .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: rgba(186, 144, 202, 0.9); } /* line 117, page_home.scss */ #home #mainImg .swiper-container .swiper-button-prev, #home #mainImg .swiper-container .swiper-button-next { width: 40px; height: 40px; transition: .5s; opacity: .7; outline: none !important; } /* line 118, page_home.scss */ #home #mainImg .swiper-container .swiper-button-prev::before, #home #mainImg .swiper-container .swiper-button-next::before { content: ""; background-image: none !important; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; /*font-family:"Font Awesome 5 Pro"; font-weight: 100; @include fs(42,1); color: $white;*/ width: 15px; height: 40px; color: transparent !important; } /* line 119, page_home.scss */ #home #mainImg .swiper-container .swiper-button-prev::after, #home #mainImg .swiper-container .swiper-button-next::after { display: none; } /* line 120, page_home.scss */ #home #mainImg .swiper-container .swiper-button-prev:hover, #home #mainImg .swiper-container .swiper-button-next:hover { opacity: 1; } /* line 122, page_home.scss */ #home #mainImg .swiper-container .swiper-button-prev { left: 0; } /* line 123, page_home.scss */ #home #mainImg .swiper-container .swiper-button-prev::before { background: url("/bunjyo/shirafuji/img/gallery/arrowPrev.png") no-repeat !important; background-size: 100% auto !important; } /* line 125, page_home.scss */ #home #mainImg .swiper-container .swiper-button-next { right: 0; } /* line 126, page_home.scss */ #home #mainImg .swiper-container .swiper-button-next::before { background: url("/bunjyo/shirafuji/img/gallery/arrowNext.png") no-repeat !important; background-size: 100% auto !important; } /* line 128, page_home.scss */ #home #mainImg .swiper-container .swiper-wrapper- { cursor: default; } /* line 132, page_home.scss */ #home .ctaWrap { padding: 50px 0 50px; } /* line 133, page_home.scss */ #home .ctaWrap .tit { display: flex; flex-direction: column; } /* line 134, page_home.scss */ #home .ctaWrap .tit span.en { font-size: 26px; font-size: 1.625rem; line-height: 2.4375rem; opacity: .5; } /* line 135, page_home.scss */ #home .ctaWrap .tit em.jpH { font-size: 48px; font-size: 3rem; line-height: 4.5rem; } /* line 137, page_home.scss */ #home .ctaWrap .cta.jpH { font-size: 70px; font-size: 4.375rem; line-height: 6.5625rem; color: #f14f4f; } /* line 144, page_home.scss */ #home #pointWrap .point.access { background: linear-gradient(to right, #ba90ca 0%, #d9bee3 100%); } /* line 146, page_home.scss */ #home #pointWrap .point.access .inner .t.en { font-size: 80px; font-size: 5rem; line-height: 3rem; color: #fff; opacity: .3; } /* line 147, page_home.scss */ #home #pointWrap .point.access .inner ul { display: flex; justify-content: center; align-items: center; align-items: flex-start; padding: 20px 0 30px; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 147, page_home.scss */ #home #pointWrap .point.access .inner ul { padding-left: 0px; padding-right: 0px; } } /* line 148, page_home.scss */ #home #pointWrap .point.access .inner ul li { color: #fff; font-size: 28px; font-size: 1.75rem; line-height: 2.45rem; font-family: "YakuHanMP", "Shippori Mincho B1", serif; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 148, page_home.scss */ #home #pointWrap .point.access .inner ul li { font-size: 28px; } } /* line 149, page_home.scss */ #home #pointWrap .point.access .inner ul li:not(:last-child) { margin-right: 40px; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 149, page_home.scss */ #home #pointWrap .point.access .inner ul li:not(:last-child) { margin-right: 20px; } } /* line 150, page_home.scss */ #home #pointWrap .point.access .inner ul li span { font-size: 70%; line-height: 1.4; display: block; margin-bottom: 5px; } /* line 151, page_home.scss */ #home #pointWrap .point.access .inner ul li em { position: relative; } /* line 152, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c01 { display: block; } /* line 153, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c01 strong { font-size: 120%; letter-spacing: 0; } /* line 154, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c01 i { font-size: 80%; } /* line 157, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c02 b { font-size: 150%; letter-spacing: 0; } /* line 158, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c02 small { font-size: 40%; letter-spacing: 0; position: absolute; top: calc(100% - 2px); line-height: 1.4; white-space: nowrap; } /* line 163, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(1) em.c02 small:nth-of-type(1) { left: 27.5%; } /* line 164, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(1) em.c02 small:nth-of-type(2) { right: 4.5%; } /* line 165, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(1) em.c02 small i { display: block; } /* line 168, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 { font-size: 16px; font-size: 1rem; line-height: 1.4rem; } /* line 169, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 span { display: inline-block; } /* line 170, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c01 { display: inline-block; } /* line 171, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c02 { display: block; } /* line 172, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c02 small { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; font-size: 60%; } /* line 173, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c02 small:nth-of-type(1) { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } /* line 174, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c02 small:nth-of-type(2) { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } /* line 177, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s02 span { display: inline-block; } /* line 178, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s02 em.c01 { display: inline-block; } /* line 179, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s02 em.c02 { display: block; /*small { &:nth-of-type(1){ left: 28.5%;} &:nth-of-type(2){ right: 1%;} }*/ } /* line 187, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(3) em.c02 small:nth-of-type(1) { left: 27%; } /* line 188, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(3) em.c02 small:nth-of-type(2) { right: 3.5%; } /* line 194, page_home.scss */ #home #pointWrap .point.feature { background: url("/bunjyo/shirafuji/img/common/bgBeige.jpg"); padding: 40px 0 30px; } /* line 196, page_home.scss */ #home #pointWrap .point.feature .inner .t.jpH { font-size: 38px; font-size: 2.375rem; line-height: 3.5625rem; color: #ee900a; border-bottom: 1px solid #ee900a; letter-spacing: 0; margin-bottom: 30px; padding-bottom: 5px; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 196, page_home.scss */ #home #pointWrap .point.feature .inner .t.jpH { font-size: 30px; } } /* line 197, page_home.scss */ #home #pointWrap .point.feature .inner .t.jpH strong { font-size: 120%; } /* line 199, page_home.scss */ #home #pointWrap .point.feature .inner ul { display: flex; justify-content: center; align-items: center; align-items: flex-start; justify-content: center; } /* line 200, page_home.scss */ #home #pointWrap .point.feature .inner ul li { /*width: calc(100% / 3 - 20px);*/ } /* line 201, page_home.scss */ #home #pointWrap .point.feature .inner ul li:not(:last-child) { margin-right: 80px; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 201, page_home.scss */ #home #pointWrap .point.feature .inner ul li:not(:last-child) { margin-right: 60px; } } /* line 202, page_home.scss */ #home #pointWrap .point.feature .inner ul li h2 { font-size: 31px; font-size: 1.9375rem; line-height: 2.90625rem; letter-spacing: 0; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 202, page_home.scss */ #home #pointWrap .point.feature .inner ul li h2 { /*font-size: 25px; line-height: 1.5;*/ } } /* line 203, page_home.scss */ #home #pointWrap .point.feature .inner ul li p { font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0; margin-top: 6px; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 203, page_home.scss */ #home #pointWrap .point.feature .inner ul li p { /*@include fs(11,1.5);*/ } } /* line 205, page_home.scss */ #home #pointWrap .point.feature .inner ul li:nth-of-type(2) p { /*text-align: left;*/ } /* line 209, page_home.scss */ #home #pointWrap .point.feature .inner .ranking { display: flex; justify-content: center; align-items: center; margin-top: 30px; } /* line 210, page_home.scss */ #home #pointWrap .point.feature .inner .ranking i { width: 170px; margin-right: 30px; } /* line 211, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em { font-size: 38px; font-size: 2.375rem; line-height: 3.0875rem; letter-spacing: -.015em; color: #ee900a; } /* line 212, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em span { font-size: 85%; letter-spacing: 0; display: block; } /* line 213, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em strong { letter-spacing: 0; display: block; } /* line 214, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em strong b { font-size: 150%; } /* line 216, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em small { display: block; font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0; margin-top: 10px; color: #454545; } /* line 226, page_home.scss */ #home #news { padding: 50px 0 120px; } /* line 227, page_home.scss */ #home #news .enG { font-weight: 100; font-size: 50px; font-size: 3.125rem; line-height: 4.6875rem; color: #ba90ca; } /* line 228, page_home.scss */ #home #news ul { width: 680px; margin: 0 auto 50px; } /* line 229, page_home.scss */ #home #news ul li { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; /*align-items: baseline;*/ font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; border-bottom: 1px dashed #c0c0c0; padding: 20px 20px; padding-right: 0; } /* line 230, page_home.scss */ #home #news ul li span, #home #news ul li em { text-align: left; font-family: "YakuHanMP", "Shippori Mincho B1", serif; } /* line 231, page_home.scss */ #home #news ul li span { width: 120px; } /* line 232, page_home.scss */ #home #news ul li em { width: calc(100% - 140px); } /* line 236, page_home.scss */ #home #news ul li.holiday em strong { font-size: 20px; font-size: 1.25rem; line-height: 2.25rem; font-weight: 600; color: #dc143c; display: block; } /* line 237, page_home.scss */ #home #news ul li.holiday em i { /*letter-spacing: .025em;*/ } /* line 238, page_home.scss */ #home #news ul li.holiday em small { display: block; font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; margin-top: 8px; padding-left: 1em; position: relative; } /* line 239, page_home.scss */ #home #news ul li.holiday em small::before { content: "※"; position: absolute; top: 0; left: 0; } /* line 245, page_home.scss */ #home #news .mailFormWrap { width: 100%; } /* line 246, page_home.scss */ #home #news .mailFormWrap .t.jpH { font-size: 20px; font-size: 1.25rem; line-height: 1.875rem; letter-spacing: .05em; margin: 0 auto 30px; width: 100%; } /* line 255, page_home.scss */ #home .movieSec { width: 680px; margin: 0 auto 70px; position: relative; } /* line 256, page_home.scss */ #home .movieSec .ic { position: absolute; width: 150px; top: -28px; left: -80px; } /* line 257, page_home.scss */ #home .movieSec .enG { font-weight: 200 !important; /*@include fs(42,1.5);*/ font-size: 42px !important; color: #ba90ca; margin: 0 auto 5px; } /* line 258, page_home.scss */ #home .movieSec .t.jpH { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; margin: 0 auto 30px; } /* line 259, page_home.scss */ #home .movieSec .movieWrap { width: 100%; height: 0; padding-top: 56.25%; position: relative; } /* line 260, page_home.scss */ #home .movieSec .movieWrap video { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; width: 100%; height: 100%; } /* line 265, page_home.scss */ #home .movieSec .vjs-fillWrap .vjs-poster { /*top: -1px !important;*/ } /* line 270, page_home.scss */ #home .movieBnr { position: fixed; z-index: 50; right: 0; top: 250px; width: 250px; } /* line 271, page_home.scss */ #home .movieBnr .close { background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 24px; position: absolute; right: 100%; top: 0; width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; cursor: pointer; padding-top: 1px; } @media only screen and (max-width: 1023px) { /* line 270, page_home.scss */ #home .movieBnr { top: auto; bottom: 77px; width: 180px; } } /* line 282, page_home.scss */ #home #links ul { display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 282, page_home.scss */ #home #links ul { padding: 0 20px; } } /* line 283, page_home.scss */ #home #links ul li { width: 30.5%; margin-bottom: 5%; text-align: left; } /* line 284, page_home.scss */ #home #links ul li:nth-of-type(2), #home #links ul li:nth-of-type(5) { margin-top: 4%; } /* line 285, page_home.scss */ #home #links ul li a { color: #454545; position: relative; width: 100%; height: 100%; } /* line 286, page_home.scss */ #home #links ul li a h2.en { font-size: 46px; font-size: 2.875rem; line-height: 2.875rem; margin: 0 0 -20px -15px; z-index: 10; position: relative; z-index: 25; filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 8px white); } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 286, page_home.scss */ #home #links ul li a h2.en { font-size: 40px; line-height: 1; } } /* line 288, page_home.scss */ #home #links ul li a .ph.flexImg { height: 0; padding-top: 123%; /*span.direction{ background: url("/bunjyo/shirafuji/img/common/direction.png") no-repeat; position: absolute; width: 35px; height: 52px; background-size: 100% auto; bottom: 80px; right: 10px; z-index: 20; opacity: .5;}*/ } /* line 289, page_home.scss */ #home #links ul li a .ph.flexImg img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; transform: scale(1) translateY(-50%); } /* line 290, page_home.scss */ #home #links ul li a .ph.flexImg small { font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; position: absolute; bottom: 15px; left: 15px; color: #fff; z-index: 20; letter-spacing: .015em; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif; font-weight: 400; } /* line 291, page_home.scss */ #home #links ul li a .ph.flexImg small.b { color: #000; } /* line 292, page_home.scss */ #home #links ul li a .ph.flexImg small.sdwW { text-shadow: 0px 0px 3px white, 0px 0px 3px white, 0px 0px 4px white; } /* line 293, page_home.scss */ #home #links ul li a .ph.flexImg small.sdwB { text-shadow: 0px 0px 3px black, 0px 0px 3px black, 0px 0px 5px black; } /* line 297, page_home.scss */ #home #links ul li a .read { font-size: 16px; font-size: 1rem; line-height: 1.8rem; margin: 40px 0 0; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 297, page_home.scss */ #home #links ul li a .read { margin-top: 20px; } } /* line 298, page_home.scss */ #home #links ul li a .btn { background: linear-gradient(to right, #ba90ca 0%, #d9bee3 100%); color: #fff; width: 190px; height: 50px; position: absolute; display: flex; justify-content: center; align-items: center; top: 475px; right: -15px; z-index: 25; } @media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 298, page_home.scss */ #home #links ul li a .btn { width: 220px; position: relative; top: auto; right: auto; margin: 20px auto 0; } } /* line 300, page_home.scss */ #home #links ul li a .btn em.en { font-size: 22px; font-size: 1.375rem; line-height: 2.0625rem; } /* line 301, page_home.scss */ #home #links ul li a .btn i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 15px; font-size: 12px; transition: .5s; } /* line 305, page_home.scss */ #home #links ul li a:hover .ph.flexImg img { transform: scale(1.05) translateY(-50%); } /* line 308, page_home.scss */ #home #links ul li a:hover .btn i { right: 12px; } /* line 312, page_home.scss */ #home #links ul li.uc { position: relative; } /* line 313, page_home.scss */ #home #links ul li.uc::before { content: ""; /*content: "COMING SOON";*/ font-family: "EB Garamond", serif; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 40%; color: #fff; text-align: center; font-size: 30px; font-size: 1.875rem; line-height: 2.8125rem; font-weight: 400; } /* line 314, page_home.scss */ #home #links ul li.uc a { pointer-events: none; opacity: .35; } @media only screen and (max-width: 1023px) { /* line 28, page_home.scss */ #home { /*============================ #mainImg ============================*/ /*============================ #pointWrap ============================*/ /*============================ #news ============================*/ /*============================ #movieSec ============================*/ /*============================ #links ============================*/ } /* line 347, page_home.scss */ #home #mainImg { /*.titWrap{ width: 100%; .tit{ @include fs(30,1.5); span, em{} span{ margin-right: 10px; small{ font-size: 80%;} } em{ letter-spacing: .015em;} } }*/ /* swiperNav */ } /* line 348, page_home.scss */ #home #mainImg .cap { font-size: 11px; bottom: 5px; right: 5px; } /* line 350, page_home.scss */ #home #mainImg .newprice { font-size: 24px; font-size: 1.5rem; line-height: 2.25rem; top: 15px; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5)); } /* line 352, page_home.scss */ #home #mainImg .newprice em { width: 100%; filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25)); } /* line 354, page_home.scss */ #home #mainImg .newprice em strong { font-size: 120%; } /* line 355, page_home.scss */ #home #mainImg .newprice em small { font-size: 70%; } /* line 356, page_home.scss */ #home #mainImg .newprice em span { font-size: 80%; } /* line 357, page_home.scss */ #home #mainImg .newprice em i { font-size: 30%; } /* line 359, page_home.scss */ #home #mainImg .newprice em:nth-of-type(2) { font-size: 165%; } /* line 373, page_home.scss */ #home #mainImg .titWrap { width: 100%; bottom: 15px; } /* line 374, page_home.scss */ #home #mainImg .titWrap .tit { font-size: 40px; font-size: 2.5rem; line-height: 3rem; } /* line 376, page_home.scss */ #home #mainImg .titWrap .tit span { margin-right: 0px; font-size: 50%; } /* line 377, page_home.scss */ #home #mainImg .titWrap .tit span small { font-size: 80%; } /* line 379, page_home.scss */ #home #mainImg .titWrap .tit em { letter-spacing: .015em; } /* line 380, page_home.scss */ #home #mainImg .titWrap .tit small { font-size: 60%; width: 100%; margin-bottom: 0px; } /* line 381, page_home.scss */ #home #mainImg .titWrap .tit small strong { font-size: 120%; } /* line 382, page_home.scss */ #home #mainImg .titWrap .tit small b { font-size: 55%; text-align: center; margin-left: 0px; } /* line 383, page_home.scss */ #home #mainImg .titWrap .tit small b tt { font-size: 150%; } /* line 388, page_home.scss */ #home #mainImg .takuchicta { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; /*top: 50px;*/ /*top: 175px;*/ /*top: 150px;*/ /*top: 100px;*/ top: 30px; display: flex; flex-direction: column; flex-direction: column-reverse; } /* line 390, page_home.scss */ #home #mainImg .takuchicta .copy { /*@include fs(28,1.2);*/ /*@include fs(27,1.2);*/ /*@include fs(24,1.2);*/ /*@include fs(19.5,1.2);*/ /*@include fs(17.5,1.2);*/ /*@include fs(16,1.2);*/ font-size: 20px; font-size: 1.25rem; line-height: 1.875rem; margin: 0 auto 10px; padding-left: .1em; } /* line 391, page_home.scss */ #home #mainImg .takuchicta .tit { /*@include fs(44.5,1.2);*/ font-size: 32.5px; font-size: 2.03125rem; line-height: 2.4375rem; /*@include fs(44.5,1.2);*/ /*@include fs(42,1.2);*/ margin-top: 1em; } /* line 392, page_home.scss */ #home #mainImg .takuchicta .tit span { font-size: 90%; } /* line 393, page_home.scss */ #home #mainImg .takuchicta .tit small { font-size: 80%; } /* line 394, page_home.scss */ #home #mainImg .takuchicta .tit em { letter-spacing: 0; } /* line 395, page_home.scss */ #home #mainImg .takuchicta .tit strong { padding: .25em .5em; line-height: 1; font-size: 55%; margin-bottom: .5em; } /* line 397, page_home.scss */ #home #mainImg .takuchicta .modelhouse { margin-top: 0; } /* line 398, page_home.scss */ #home #mainImg .takuchicta .price { /*@include fs(41,1.2);*/ /*@include fs(48,1.2);*/ font-size: 42.5px; font-size: 2.65625rem; line-height: 3.1875rem; margin-top: 10px; } /* line 399, page_home.scss */ #home #mainImg .takuchicta .price .c01 { width: 50px; height: 50px; margin-right: 5px; font-size: 30%; } /* line 400, page_home.scss */ #home #mainImg .takuchicta .price .c01 small { white-space: nowrap; margin-top: -5px; } /* line 402, page_home.scss */ #home #mainImg .takuchicta .price .c02 { margin-right: 1px; } /* line 416, page_home.scss */ #home #mainImg .swiper-container .swiper-button-prev, #home #mainImg .swiper-container .swiper-button-next { width: 24px; height: 50px; opacity: 1; } /* line 417, page_home.scss */ #home #mainImg .swiper-container .swiper-button-prev::before, #home #mainImg .swiper-container .swiper-button-next::before { /* @include fs(21,1); font-family:"Font Awesome 5 Free"; font-weight: 900;*/ width: 8px; height: 20px; } /* line 418, page_home.scss */ #home #mainImg .swiper-container .swiper-button-prev::after, #home #mainImg .swiper-container .swiper-button-next::after { display: none; } /* line 425, page_home.scss */ #home .ctaWrap { padding: 30px 0 30px; } /* line 427, page_home.scss */ #home .ctaWrap .tit span.en { font-size: 20px; font-size: 1.25rem; line-height: 1.875rem; } /* line 428, page_home.scss */ #home .ctaWrap .tit em.jpH { font-size: 27px; font-size: 1.6875rem; line-height: 2.53125rem; } /* line 430, page_home.scss */ #home .ctaWrap .cta.jpH { font-size: 40px; font-size: 2.5rem; line-height: 3.75rem; } /* line 439, page_home.scss */ #home #pointWrap .point.access .inner .t.en { /*@include fs(50, .6);*/ font-size: 10vw; line-height: .6; } /* line 440, page_home.scss */ #home #pointWrap .point.access .inner ul { display: flex; justify-content: center; align-items: center; padding: 15px 5% 20px; flex-wrap: wrap; flex-direction: column; } /* line 441, page_home.scss */ #home #pointWrap .point.access .inner ul li { font-size: 24px; font-size: 1.5rem; line-height: 2.1rem; width: 100%; } /* line 442, page_home.scss */ #home #pointWrap .point.access .inner ul li:not(:last-child) { margin-right: 0px; padding-bottom: 25px; margin-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } /* line 443, page_home.scss */ #home #pointWrap .point.access .inner ul li span { font-size: 80%; line-height: 1.2; display: inline-block; } /* line 445, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c01 { display: inline-block; } /* line 446, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c01 strong { font-size: 100%; letter-spacing: 0; } /* line 447, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c01 i { font-size: 80%; } /* line 449, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c02 { display: inline-block; } /* line 450, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c02 b { font-size: 150%; letter-spacing: 0; } /* line 451, page_home.scss */ #home #pointWrap .point.access .inner ul li em.c02 small { font-size: 40%; letter-spacing: 0; position: absolute; top: calc(100% - 2px); line-height: 1.4; white-space: nowrap; } /* line 454, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) { padding-bottom: 5px; } /* line 455, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 { font-size: 16px; font-size: 1rem; line-height: 1.4rem; } /* line 456, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 span { display: inline-block; } /* line 457, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c01 { display: inline-block; } /* line 458, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c02 { display: block; } /* line 459, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c02 small { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; font-size: 60%; } /* line 460, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c02 small:nth-of-type(1) { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } /* line 461, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s01 em.c02 small:nth-of-type(2) { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } /* line 464, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s02 span { display: inline-block; } /* line 465, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s02 em.c01 { display: inline-block; } /* line 466, page_home.scss */ #home #pointWrap .point.access .inner ul li:nth-of-type(2) .s02 em.c02 { display: block; /*small { &:nth-of-type(1){ left: 28.5%;} &:nth-of-type(2){ right: 1%;} }*/ } /* line 476, page_home.scss */ #home #pointWrap .point.feature { padding: 20px 0 25px; } /* line 477, page_home.scss */ #home #pointWrap .point.feature .inner { padding: 0 5%; } /* line 478, page_home.scss */ #home #pointWrap .point.feature .inner .t.jpH { font-size: 28px; font-size: 1.75rem; line-height: 2.45rem; margin-bottom: 30px; padding-bottom: 15px; border-top: 1px solid #ee900a; padding-top: 15px; } /* line 479, page_home.scss */ #home #pointWrap .point.feature .inner .t.jpH strong { font-size: 120%; } /* line 481, page_home.scss */ #home #pointWrap .point.feature .inner ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; } /* line 482, page_home.scss */ #home #pointWrap .point.feature .inner ul li { width: 100%; } /* line 483, page_home.scss */ #home #pointWrap .point.feature .inner ul li:not(:last-child) { margin-right: 0px; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid rgba(192, 192, 192, 0.8); } /* line 484, page_home.scss */ #home #pointWrap .point.feature .inner ul li h2 { font-size: 22px; font-size: 1.375rem; line-height: 2.0625rem; } /* line 485, page_home.scss */ #home #pointWrap .point.feature .inner ul li p { font-size: 11px; font-size: 0.6875rem; line-height: 1.03125rem; margin-top: 6px; } /* line 487, page_home.scss */ #home #pointWrap .point.feature .inner ul li:nth-of-type(2) p { /*text-align: left;*/ } /* line 491, page_home.scss */ #home #pointWrap .point.feature .inner .ranking { margin-top: 30px; flex-direction: column; } /* line 492, page_home.scss */ #home #pointWrap .point.feature .inner .ranking i { width: 240px; margin-right: 0px; margin-bottom: 10px; } /* line 493, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em { font-size: 32px; font-size: 2rem; line-height: 2.6rem; } /* line 494, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em span { font-size: 80%; } /* line 495, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em strong { letter-spacing: 0; display: block; } /* line 496, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em strong b { font-size: 150%; } /* line 498, page_home.scss */ #home #pointWrap .point.feature .inner .ranking em small { display: block; font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0; margin-top: 10px; color: #454545; } /* line 508, page_home.scss */ #home #news { padding: 30px 0 80px; } /* line 509, page_home.scss */ #home #news .enG { font-size: 36px; font-size: 2.25rem; line-height: 3.375rem; } /* line 510, page_home.scss */ #home #news ul { width: 100%; margin: 0 auto 40px; padding: 0 5%; } /* line 511, page_home.scss */ #home #news ul li { width: 100%; font-size: 16px; font-size: 1rem; line-height: 1.5rem; padding: 15px 0%; } /* line 512, page_home.scss */ #home #news ul li span, #home #news ul li em { text-align: left; } /* line 513, page_home.scss */ #home #news ul li span { width: 100%; } /* line 514, page_home.scss */ #home #news ul li em { width: calc(100% - 0px); margin-top: 5px; } /* line 518, page_home.scss */ #home #news .mailFormWrap .t.jpH { font-size: 16px; font-size: 1rem; line-height: 1.5rem; margin: 0 auto 20px; } /* line 531, page_home.scss */ #home .movieSec { width: 100%; margin: 0 auto 50px; padding: 0 5%; } /* line 532, page_home.scss */ #home .movieSec .ic { position: relative; width: 145px; top: auto; left: auto; margin: auto; position: relative; left: -3.5%; } /* line 533, page_home.scss */ #home .movieSec .enG { /*@include fs(36,1.5);*/ font-size: 30px !important; line-height: 1.5 !important; letter-spacing: .015em; margin: 0 auto 5px; } /* line 534, page_home.scss */ #home .movieSec .t.jpH { font-size: 16px; font-size: 1rem; line-height: 1.7rem; margin: 0 auto 20px; } /* line 546, page_home.scss */ #home #links ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 5% 40px; } /* line 547, page_home.scss */ #home #links ul li { /*width: 46.0%;*/ width: 100%; /*margin-bottom: 10%;*/ margin-bottom: 15%; text-align: left; } /* line 548, page_home.scss */ #home #links ul li:nth-of-type(2), #home #links ul li:nth-of-type(5) { margin-top: 0%; } /* line 549, page_home.scss */ #home #links ul li:nth-of-type(even) { /*margin-top: 7.5%;*/ margin-top: 0; } /* line 550, page_home.scss */ #home #links ul li a { display: flex; flex-direction: column; height: 100%; width: 100%; } /* line 551, page_home.scss */ #home #links ul li a h2.en { /*@include fs(25,1); margin: 0 0 -7.5% -5%;*/ font-size: 32px; font-size: 2rem; line-height: 2rem; margin: 0 0 -3.5% -2.5%; filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 5px white) drop-shadow(0px 0px 8px white); } /* line 553, page_home.scss */ #home #links ul li a .ph.flexImg { height: 0; padding-top: 123%; } /* line 555, page_home.scss */ #home #links ul li a .ph.flexImg small { left: 10px; bottom: 5px; } /* line 556, page_home.scss */ #home #links ul li a .ph.flexImg::after { opacity: 1; } /* line 558, page_home.scss */ #home #links ul li a .read { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; margin: 15px 0 10px; } /* line 559, page_home.scss */ #home #links ul li a .btn { max-width: 180px; width: 100%; height: 40px; position: relative; top: auto; right: auto; margin: 10px auto 0; margin-top: auto; } /* line 560, page_home.scss */ #home #links ul li a .btn em.en { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; } /* line 561, page_home.scss */ #home #links ul li a .btn i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 15px; font-size: 12px; } /* line 565, page_home.scss */ #home #links ul li a:hover .ph.flexImg img { transform: scale(1.05) translateY(-50%); } /* line 568, page_home.scss */ #home #links ul li a:hover .btn i { right: 12px; } /* line 573, page_home.scss */ #home #links ul li.uc::before { top: 24%; font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; } /* line 574, page_home.scss */ #home #links ul li.uc a { pointer-events: none; opacity: .35; } }