@charset "UTF-8";
@charset "UTF-8";

 .ui-datepicker {
z-index: 2000 !important;   } .ui-widget-content {
display: none; } .day-sunday .ui-state-default, .day-sunday .ui-state-active {
background-image: none;
background-color: #FFC0CB;
} td:nth-child(6).undefined .ui-state-default,
.day-saturday .ui-state-default, .day-saturday .ui-state-active {
background-image: none;
background-color: #AFEEEE;
} .undefined .ui-state-default, .day-holiday .ui-state-default, .day-holiday .ui-state-active {
background-image: none;
background-color: #FFC0CB;
}
td:nth-child(6).undefined .ui-state-default{
background-image: none;
background-color: #AFEEEE;
} .day-anniversary .ui-state-default, .day-anniversary .ui-state-active {
background-image: none;
background-color: #98FB98;
} .ui-datepicker-today{} .ui-datepicker-current-day {} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width:auto ;
}
 .off1200,
.off1170,
.off1100,
.off991,
.off850,
.off767,
.off640,
.off480,
.off375,
.off360,
.off320 {
display: block !important;
}
.on1200,
.on1170,
.on1100,
.on991,
.on850,
.on767,
.on640,
.on480,
.on375,
.on360,
.on320 {
display: none !important;
}
@media (max-width: 1200px) {
.off1200 {
display: none !important;
}
.on1200 {
display: block !important;
}
}
@media (max-width: 1170px) {
.off1170 {
display: none !important;
}
.on1170 {
display: block !important;
}
}
@media (max-width: 1100px) {
.off1100 {
display: none !important;
}
.on1100 {
display: block !important;
}
}
@media (max-width: 991px) {
.off991 {
display: none !important;
}
.on991 {
display: block !important;
}
}
@media (max-width: 850px) {
.off850 {
display: none !important;
}
.on850 {
display: block !important;
}
}
@media (max-width: 767px) {
.off767 {
display: none !important;
}
.on767 {
display: block !important;
}
}
@media (max-width: 640px) {
.off640 {
display: none !important;
}
.on640 {
display: block !important;
}
}
@media (max-width: 480px) {
.off480 {
display: none !important;
}
.on480 {
display: block !important;
}
}
@media (max-width: 375px) {
.off375 {
display: none !important;
}
.on375 {
display: block !important;
}
}
@media (max-width: 360px) {
.off360 {
display: none !important;
}
.on360 {
display: block !important;
}
}
@media (max-width: 320px) {
.off320 {
display: none !important;
}
.on320 {
display: block !important;
}
} .free-consultation-bana {
width: 100%;
max-width: 800px;
border: solid 1px #ddd;
margin: auto;
padding: 20px;
}
.free-consultation-bana h2 {
font-size: 40px;
text-align: center;
font-weight: 800;
}
.free-consultation-bana h2 span.house {
position: relative;
font-size: 80px;
width: 100px;
display: inline-block;
z-index: 1;
margin: 0 10px;
color: #909090;
}
.free-consultation-bana h2 span.house span.house1 {
width: 100px;
height: 100px;
display: inline-block;
position: absolute;
left: 0;
right: 0;
z-index: -1;
}
.free-consultation-bana h2 span.house span.house1::before {
content: "";
width: 100px;
height: 40px;
position: absolute;
border-bottom: 35px solid #85bf60;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
box-sizing: border-box;
left: 0;
right: 0;
top: -10px;
}
.free-consultation-bana h2 span.house span.house1::after {
content: "";
width: 100px;
height: 100px;
position: absolute;
top: 30px;
left: 0;
right: 0;
border-top: 60px solid #85bf60;
border-left: 0 solid transparent;
border-right: 0px solid transparent;
box-sizing: border-box;
}
.free-consultation-bana h2 span.house span.house2 {
width: 90px;
height: 94px;
display: inline-block;
position: absolute;
left: 2px;
right: 0;
z-index: -1;
}
.free-consultation-bana h2 span.house span.house2::before {
content: "";
width: 80px;
height: 36px;
position: absolute;
border-bottom: 31px solid #fff;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
box-sizing: border-box;
left: 3px;
right: 0;
top: -3px;
}
.free-consultation-bana h2 span.house span.house2::after {
content: "";
width: 88px;
height: 60px;
position: absolute;
top: 33px;
left: 4px;
right: 0;
border-top: 60px solid #fff;
border-left: 0 solid transparent;
border-right: 0px solid transparent;
box-sizing: border-box;
}
.label-area {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 20px 0;
}
.label-area label {
color: #fff;
padding: 20px 0;
border-radius: 5px;
width: 114px;
font-size: 25px;
line-height: 1;
text-align: center;
font-weight: 800;
}
.label-area label.label1 {
background: #ffc107;
}
.label-area label.label2 {
background: #bd8039;
}
.label-area label.label3 {
background: #cddc39;
}
.label-area label.label4 {
background: #00bcd4;
}
.label-area label.label5 {
background: #c7c7c7;
}
p.text {
margin: 0;
font-size: 70px;
font-weight: 800;
letter-spacing: 3px;
text-align: center;
}
.free-consultation-messages {
margin: 60px auto;
width: 100%;
max-width: 900px;
text-align: center;
}
.free-consultation-messages p {
font-size: 25px;
}
.free-consultation-messages p span {
background: linear-gradient(transparent 60%, rgba(133, 191, 96, 0.5) 60%);
margin-left: 10px;
}
.free-form-area {
background: #fff;
padding: 3rem;
width: 100%;
max-width: 800px;
margin: 30px auto;
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
position: relative;
}
.free-form-area h3 {
font-size: 30px;
font-weight: 800;
text-align: center;
border-bottom: solid 1px #85bf60;
padding-bottom: 20px;
color: #85bf60;
}
.form-item {
margin-bottom: 30px;
border-bottom: dashed 1px #ddd;
padding-bottom: 30px;
}
.form-item.last-item {
margin-bottom: 0;
padding-bottom: 0;
}
.form-item .form-title {
font-size: 20px;
font-weight: 800;
}
.form-item .form-contents {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: 20px;
margin-bottom: 15px;
}
.form-item .form-contents .form-label {
width: 120px;
}
.form-item .form-contents .form-label label {
color: #333;
}
.form-item .form-contents .form-area {
width: calc(100% - 120px);
}
.form-item .form-contents .form-area.hope {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.form-item .form-contents .form-area.hope div#date {
width: 48%;
}
.form-item .form-contents .form-area.hope div#time {
width: 48%;
}
.form-item .form-contents .form-area.hope div#time select {
padding: 0;
border-radius: 5px;
margin: 0;
}
.form-item .form-contents .form-area input {
width: 100%;
margin: 0;
}
.form-item .form-contents.nolabel {
margin-top: -25px;
}
.submit-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 3rem 0;
}
.submit-area .submit-btn2 {
position: relative;
}
.submit-area .submit-btn2 span.wpcf7-spinner {
position: absolute;
top: 30%;
}
.submit-area .agree-area {
width: 100%;
text-align: center;
margin-bottom: 2rem;
}
.submit-area input[type=submit][disabled] {
background: #ccc;
}
.submit-area input[type=submit][disabled]:hover {
text-shadow: none;
cursor: not-allowed;
}
.submit-area input[type=submit] {
width: 20rem;
padding: 2rem;
background: #e60012;
color: #fff;
border-radius: 0;
font-size: 2.5rem;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.submit-area input[type=submit]:hover {
text-shadow: 0 0 0.5rem #fff,0 0 1rem #fff,0 0 1rem #fff;
cursor: pointer;
}
.submit-area input[type=submit].back {
margin-left: 2rem;
}html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
line-height: 1.4;
}
* {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
article,aside,footer,header,nav,section,main {
display: block;
}
* {
box-sizing: border-box;
}
*:before,*:after {
box-sizing: inherit;
}
[hidden] {
display: none !important;
}
[disabled] {
cursor: not-allowed;
}
:focus:not(:focus-visible) {
outline: none;
}
.entry-content a {
text-decoration: none!important;
}
.mapgone {
overflow: hidden;
height: 500px;
width: 100%;
}
a.maptxt {
margin-top: 15px;
display: block;
}
@media (max-width: 767px) {
body {
font-size: 1.6rem;
line-height: 1.4;
}
}
@media (max-width: 640px) {
.mapgone {
height: 300px;
}
} .pc-only {
display: block;
}
.sp-only {
display: none;
}
@media only screen and (max-width: 767px) {
.pc-only {
display: none;
}
.sp-only {
display: block;
}
} .off1200,
.off1100,
.off991,
.off767,
.off640,
.off480,
.off375,
.off360,
.off320 {
display: block !important;
}
.on1200,
.on1100,
.on991,
.on767,
.on640,
.on480,
.on375,
.on360,
.on320 {
display: none !important;
}
@media (max-width: 1200px) {
.off1200 {display: none !important;}
.on1200 {display: block !important;}
}
@media (max-width: 1100px) {
.off1100 {display: none !important;}
.on1100 {display: block !important;}
}
@media (max-width: 991px) {
.off991 {display: none !important;}
.on991 {display: block !important;}
}
@media (max-width: 767px) {
.off767 {display: none !important;}
.on767 {display: block !important;}
}
@media (max-width: 640px) {
.off640 {display: none !important;}
.on640 {display: block !important;}
}
@media (max-width: 480px) {
.off480 {display: none !important;}
.on480 {display: block !important;}
}
@media (max-width: 375px) {
.off375 {display: none !important;}
.on375 {display: block !important;}
}
@media (max-width: 360px) {
.off360 {display: none !important;}
.on360 {display: block !important;}
}
@media (max-width: 320px) {
.off320 {display: none !important;}
.on320 {display: block !important;}
}
.widget_text .textwidget li {
margin-bottom: 0;
}
.cat-links, .cat-links a, .tag-links, .tag-links a, .entry-format, .entry-format a {
color: #85bf5f;
}
#site-branding {
top: -8px;
position: relative;
}
ul.menu.nav-menu {
margin-right: 20px;
}
.show-menu-toggle {
top: 0px;
right: -50px;
}
.show-menu-toggle span.search {
display: block;
text-align: center;
}
.show-menu-toggle span.kensaku {
display: block;
text-align: center;
font-size: 11px;
} .header-search, .header-search-x {
margin: 0 0 0 0;
top: 10px;
width: 30px;
display: none;
}
#search-box.show-search-box .search-form {
border: solid 1px #666;
box-shadow: 2px 2px #999;
}
@media only screen and (max-width: 1300px) {
#site-branding {
width: 200px;
display: block;
top: 0;
}
ul.menu.nav-menu {
margin-right: 30px;
top: -8px;
position: relative;
}
.show-menu-toggle {
right: -30px;
top: -10px;
}
}
@media only screen and (max-width: 1023px) {
#site-branding img {
top: -15px;
position: relative;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
ul.menu.nav-menu {
margin-right: 0;
}
.menu-toggle {
margin: 0 auto!important;
float: right;
}
.main-navigation {
float: none;
padding: 0;
}
#sticky-header-sticky-wrapper {
height: auto !important;
}
.menu {
display: none;
}
.menu-toggle {
background-color: rgba(0, 0, 0, 0);
border: 0 none;
color: #666;
cursor: pointer;
display: inline-block;
font-size: 0;
margin: 25px auto 0;
padding: 20px 0;
width: 30px;
position: absolute;
right: 40px;
top: -20px;
}
.show-menu-toggle {
top: -30px;
}
.menu-toggle .line-bar:before {
transition: top 0.1s ease 0.14s, opacity 0.1s ease 0s;
}
.line-bar:before {
top: -8px;
}
.line-bar:after {
bottom: -8px;
}
.line-bar:after, .line-bar:before {
content: "";
display: block;
}
.line-bar, .line-bar:after, .line-bar:before {
border-radius: 5px;
height: 2px;
position: absolute;
transition-duration: 0.15s;
transition-property: transform, -webkit-transform;
transition-timing-function: ease;
width: 30px;
}
.menu-toggle .line-bar:after {
transition: bottom 0.1s ease 0.14s, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.menu-toggle .line-bar {
transition-duration: 0.1s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.line-bar {
display: block;
margin-top: -2px;
}
.menu-toggle.on .line-bar:before {
opacity: 0;
top: 0;
transition: top 0.1s ease 0s, opacity 0.1s ease 0.14s;
}
.menu-toggle.on .line-bar:after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease 0s, transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s, -webkit-transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;
}
.menu-toggle.on .line-bar {
transform: rotate(45deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu {
display: none;
}
.toggled-on .menu {
display: block;
}
.top-logo-title .menu-toggle {
margin: 0;
padding: 30px 0;
}
.widget_nav_menu .menu {
display: block;
}
.main-navigation {
float: none!important;
padding: 0;
}
.main-navigation > ul > li {
position: inherit;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 0;
}
.main-navigation > ul > li::before {
visibility: hidden;
}
.main-navigation a {
float: none;
height: inherit;
line-height: 1.833;
padding: 10px 0;
}
.header-search, .header-search-x {
top: 5px;
}
}
@media only screen and (max-width: 767px) {
#site-branding {
text-align: left;
}
#site-branding img {
width: 250px;
top: 0px;
margin-right: 20px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.menu-toggle {
top: 8px;
right: 90px;
}
.show-menu-toggle {
top: 0px!important;
right: 20px;
}
.header-search, .header-search-x { display: block;
top: 16px;
right: 15px;
}
#search-box {
left: 20px;
right: 20px;
}
#main .latest-blog-content .post {
width: 100%;
}
}
@media only screen and (max-width: 380px) {
#site-branding {
width: 200px!important;
top: 5px
}
}
@media only screen and (max-width: 360px) {
#site-branding {
width: 180px!important;
}
#site-branding img {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
}
.main-navigation {
float: right;
margin-right: 0;
}
.main-navigation a {
line-height: 60px;
}
.main-navigation a:last-child {
padding-right: 0;
}
.n2-section-smartslider {
display: none;
}
.home .n2-section-smartslider {
display: block;
}
.entry-meta {
display: none;
} .sa {
opacity: 0;
transition: all .3s ease;
}
.sa.show {
opacity: 1;
transform: none;
}
.sa--ct { transform: translate(0, 0);
}
.sa--lr { transform: translate(-100px, 0);
}
.sa--rl { transform: translate(100px, 0);
}
.sa--up { transform: translate(0, 100px);
}
.sa--down { transform: translate(0, -100px);
}
.sa--scaleUp { transform: scale(.5);
}
.sa--scaleDown { transform: scale(1.5);
}
.sa--rotateL { transform: rotate(180deg);
}
.sa--rotateR { transform: rotate(-180deg);
}
#scroll {
width: 50px;
height: 50px;
border: none;
text-indent: 0;
}
#primary {
width: 100%;
float: none;
}
#secondary {
width: 100%;
float: none;
padding-left: 0;
}
#content {
padding: 0 0 50px!important;
}
a.anchor {
display: block;
padding-top: 100px;
margin-top: -100px;
}
section.contact-link {
display: block;
padding-top: 120px;
margin-top: -120px;
}
@media only screen and (max-width: 1300px) {
section.contact-link {
display: block;
padding-top: 170px;
margin-top: -170px;
}
}
@media only screen and (max-width: 980px) {
section.contact-link {
display: block;
padding-top: 100px;
margin-top: -100px;
}
}
@media only screen and (max-width: 767px) {
.wrap, .boxed-layout #page, .boxed-layout-small #page {
width: 100%!important;
padding-left: 15px;
padding-right: 15px;
}
.boxed-layout .wrap, .boxed-layout-small .wrap {
width: 100%!important;
padding-left: 15px;
padding-right: 15px;
}
.slick-prev {
left: -10px!important;
z-index: 10;
}
.slick-next {
right: -10px!important;
}
section.lineup .box img {
width: 100%!important;
}
}
a.archive_link {
position: absolute;
bottom: -40px;
right: 10px;
display: inline-block;
padding: 10px;
font-size: 16px;
margin-top: 10px;
transition: all .3s ease-out;
border: solid 1px #ff4530;
color: #ff4530!important;
}
.news-and-event a.archive_link {
bottom: -60px;
}
a.archive_link:hover {
transform: translateX(10px);
opacity: 0.8;
}
a.archive_link img {
width: 20px;
margin-left: 10px;
} #breadcrumb {
}
#breadcrumb ul {
list-style: none;
padding: 20px 10px;
}
#breadcrumb li {
display: inline-block;
margin-right: 10px;
}
#breadcrumb li span {
color: #9E9E9E;
}
#breadcrumb li a span {
color: #85bf60;
font-weight: bold;
}
#breadcrumb li:after {
content: ">";
margin-left: 10px;
}
#breadcrumb li:last-child::after {
content: none;
}
a.modelhouse {
background-color: transparent;
bottom: 40px;
height: 50px;
margin: 0;
position: fixed;
left: 20px;
width: 80px;
z-index: 10000;
transition: all .3s ease-out;
}
a.modelhouse:hover {
transform: translateY(-3px);
}
a.modelhouse img {
width: 100%;
}
.cp_tooltip {
position: relative;
display: inline-block;
cursor: pointer;
}
.cp_tooltip .cp_tooltiptext {
position: absolute;
z-index: 1;
top: 0px;
left: 105%;
visibility: hidden;
width: auto;
white-space: nowrap;
padding: 0.3em 0.5em;
transition: all .3s ease-out;
text-align: center;
opacity: 0;
color: #ffffff;
background-color: #ff4430;
font-size: 18px;
}
.cp_tooltip .cp_tooltiptext::after {
position: absolute;
top: 40%;
right: 100%;
margin-left: -5px;
content: ' ';
border: 5px solid transparent;
border-right-color: #ff4430;
}
.cp_tooltip:hover .cp_tooltiptext {
visibility: visible;
opacity: 1;
}
@media only screen and (max-width: 767px) {
a.modelhouse {
left: 5px;
}
} .show-menu-toggle .search:before {
border: 1px solid #333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "";
display: inline-block;
height: 15px;
top: 1px;
-webkit-transform: translateX(0%) translateY(0%);
-moz-transform: translateX(0%) translateY(0%);
-ms-transform: translateX(0%) translateY(0%);
-o-transform: translateX(0%) translateY(0%);
transform: translateX(0%) translateY(0%);
width: 15px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.show-menu-toggle .search:after {
background-color: #333;
content: "";
display: inline-block;
height: 10px;
-webkit-transform: translateX(50%) translateY(50%) rotate(-45deg);
-moz-transform: translateX(50%) translateY(50%) rotate(-45deg);
-ms-transform: translateX(50%) translateY(50%) rotate(-45deg);
-o-transform: translateX(50%) translateY(50%) rotate(-45deg);
transform: translateX(50%) translateY(50%) rotate(-45deg);
width: 1px;
} section.lineup, section.big-banner, section.case, section.event, section.news-and-event {
margin-top: 80px;
padding-bottom: 10px;
position: relative;
}
section.big-banner2 {
margin-top: 20px;
}
section.big-banner {
text-align: center;
}
section.big-banner a {
text-align: center;
display: inline-block;
}
section.big-banner a:hover {
opacity: 0.8;
}
section.big-banner a img {
border: solid 1px #000;
}
@media only screen and (max-width: 640px) {
section.big-banner a img{
width: 100%;
max-width: 445px;
}
}
img.icon {
width: 30px;
height: auto;
display: inline-block;
margin-right: 8px;
}
h1.LineUp, h1.News, h1.Event {
display: inline-block;
font-weight: bold;
}
h1.LineUp span, h1.News span, h1.Event span {
font-size: 16px;
margin-left: 10px;
font-weight: 400;
}
h2.LineUp, h2.News, h2.Event {
display: inline-block;
font-weight: bold;
width: 100%;
}
h2.LineUp span, h2.News span, h2.Event span {
font-size: 16px;
margin-left: 10px;
font-weight: 400;
}
@media screen and (max-width: 767px) {
h2.LineUp span, h2.News span, h2.Event span {
display:block;
width: 100%;
margin-left: 37px;
}
}
section.lineup .box {
float: left;
margin-top: 3px;
margin-right: 5px;
margin-bottom: 11px;
transition: all .3s ease-out;
}
section.lineup .box:hover {
transform: translateY(-3px);
opacity: 0.8;
}
section.lineup .box img {
width: 290px;
border: solid 1px #ddd;
}
section.lineup .top_lineup {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem 2%;
max-width: 1100px;
margin: 0 auto 15px;
}
section.lineup .top_lineup .item {
width: 49%;
border: solid 1px #ddd;
text-align: center;
transition: all .3s ease-out;
}
section.lineup .top_lineup .item a {
display: block;
}
section.lineup .top_lineup .item:hover  {
transform: translateY(-3px);
opacity: 0.8;
}
section.lineup .top_lineup .item a img {
padding: 6px;
}
section.lineup .top_lineup .item a h2 {
margin: 0 0 5px;
font-weight: 800;
font-size: 28px;
}
section.lineup .top_lineup .item a p {
margin: 0 0 5px;
color: #97c567;
font-size: 18px;
font-weight: 400;
}
section.lineup .top_lineup .item a p.img {
margin: 0;
position: relative;
padding-top: 54%;
}
section.lineup .top_lineup .item a p.img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 1023px) {
section.lineup .top_lineup .item a h2 {
font-size: 23px;
}
section.lineup .top_lineup .item a p {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
section.lineup .top_lineup .item {
width: 100%;
border: solid 1px #ddd;
text-align: center;
margin: 0 auto 20px;
}
section.lineup .top_lineup .item:last-child {
margin: 0 auto 0;
}
}
.entry-content ul, .entry-content ol {
margin: 0 0 30px 0;
}
.slick-dots {
bottom: -45px!important;
}
.grid {
position: relative;
width: 100%;
list-style: none;
}
.grid figure {
position: relative;
float: left;
overflow: hidden;
}
.grid figure img {
position: relative;
display: block;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure.effect-layla {
width: 25%;
margin: 3px 0 3px;
}
.grid figure.effect-layla img {
object-fit: cover;
font-family: 'object-fit: cover';
height: 200px;
padding: 5px;
}
.grid figure.effect-layla figcaption {
padding: 10px;
position: absolute;
bottom: 0;
}
.grid figure.effect-layla figcaption::before, .grid figure.effect-layla figcaption::after {
position: absolute;
content: '';
opacity: 0;
}
.grid figure.effect-layla figcaption::before {
top: 25px;
right: 15px;
bottom: 25px;
left: 15px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.grid figure.effect-layla figcaption::after {
top: 15px;
right: 25px;
bottom: 15px;
left: 25px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.grid figure.effect-layla h2 {
padding-top: 8%;
font-size: 20px;
text-align: center;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.grid figure.effect-layla p {
padding: 0.5em 2em 0;
text-transform: none;
font-size: 14px;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}
.grid figure.effect-layla img, .grid figure.effect-layla h2 {
-webkit-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0);
color: #fff;
}
.grid figure.effect-layla img, .grid figure.effect-layla figcaption::before, .grid figure.effect-layla figcaption::after, .grid figure.effect-layla p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s,transform 0.35s;
}
.grid figure.effect-layla:hover img {
opacity: 0.3;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.grid figure.effect-layla:hover figcaption::before, .grid figure.effect-layla:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.grid figure.effect-layla h2, .grid figure.effect-layla p {
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
margin-bottom: 0;
}
.grid figure.effect-layla:hover h2, .grid figure.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
color: #333;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
.grid figure.effect-layla:hover figcaption::after, .grid figure.effect-layla:hover h2, .grid figure.effect-layla:hover p, .grid figure.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
@media screen and (max-width: 1023px) {
.grid figure.effect-layla {
width: 50%;
margin: 3px 0 3px;
}
}
@media screen and (max-width: 767px) {
.grid figure.effect-layla figcaption::before, .grid figure.effect-layla figcaption::after {
opacity: 1;
}
.grid figure.effect-layla figcaption::before {
-webkit-transform: initial;
transform: initial;
-webkit-transform-origin: initial;
transform-origin: initial;
}
.grid figure.effect-layla figcaption::after {
-webkit-transform: initial;
transform: initial;
-webkit-transform-origin: initial;
transform-origin: initial;
}
.grid figure.effect-layla figcaption::before {
top: 20px;
}
.grid figure.effect-layla figcaption::after {
top: 10px;
}
.grid figure.effect-layla img {
opacity: 0.3;
}
.grid figure.effect-layla h2 {
color: #333
}
.grid figure.effect-layla {
width: 100%;
}
}
section.event .two-column {
width: 50%;
}
section.event .two-column .entry-meta {
float: none;
}
section.event .latest-blog-image .post-featured-image {
border: solid 1px #ddd;
}
section.event .latest-blog-image .post-featured-image a img {
object-fit: cover;
font-family: 'object-fit: cover';
height: 200px;
width: 100%;
}
@media screen and (max-width: 1023px) {
.latest-blog-content {
padding: 5px!important;
}
}
@media screen and (max-width: 767px) {
section.event .two-column {
width: 100%;
}
}
section.news-and-event .right, section.news-and-event .left {
display: table-cell;
vertical-align: top;
width: 50%;
}
section.news-and-event ul {
margin: 10px 0 0;
}
section.news-and-event li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: dashed 1px #ddd;
list-style: none;
transition: all .3s ease-out;
margin-bottom: 10px;
}
section.news-and-event li:hover {
transform: translateY(-3px);
opacity: 0.8;
}
section.news-and-event a {
color: #333;
}
p.date {
margin: 0;
color: #61a131;
}
p.title {
margin: 0 0 0 10px;
font-weight: bold;
}
p.content {
margin: 0 0 0 10px;
}
li.swiper-slide a {
display: block;
padding: 1em;
border: 1px solid #dcdcdc;
}
li.swiper-slide img {
display: block;
margin: 0 0 .2em;
width: 100%;
height: auto;
}
li.swiper-slide p {
font-size: 1.2rem;
text-align: center;
}
.slick-prev:before, .slick-next:before {
color: #000!important;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
color: #00000066!important;
outline: none;
background: transparent;
}
section.banner {
margin: 100px 0;
}
section.banner .box {
margin: 3px 8px 0;
border: solid 1px #ddd;
transition: all .3s ease-out;
}
section.banner .box:hover {
transform: translateY(-3px);
opacity: 0.8;
}
section.banner .slick-dots {
margin: 0;
} .company_tool {
margin-top: 100px;
}
.company_tool section {
width: 50%;
float: left;
}
.company_tool section.Contact {
padding-right: 20px;
}
.company_tool section.Accsess {
padding-left: 20px;
}
@media only screen and (max-width: 767px) {
.company_tool section {
width:100%;
float: none;
}
.company_tool section.Contact {
padding-right: 0;
}
.company_tool section.Accsess {
padding-left: 0;
}
}
.wpcf7-select {
width: 100%;
height: 35px;
padding: 0 5px;
margin-bottom: 0;
}
label.formTitle {
margin-bottom: 5px;
display: block;
}
input.wpcf7-form-control {
margin-bottom: 0;
height: 35px;
}
input[type="radio"] {
margin-bottom: 20px;
}
.formItem.half {
width: 50%;
display: block;
float: left;
}
.formItem.half.left {
padding-right: 10px;
}
.formItem.half.right {
padding-left: 10px;
}
.radio01, .shiryou {
display: block;
width: 420px;
margin: 0 auto;
}
.radio01 input, .shiryou input {
display: none;
}
.radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label {
position: relative;
padding: 15px 10px 15px 45px;
transition: .3s;
color: #444;
border-radius: 8px;
border: 1px solid #ddd;
display: inline-block;
line-height: 1;
width: 180px;
cursor: pointer;
transition: all .3s ease-out;
}
.radio01 .wpcf7-list-item-label:hover, .shiryou .wpcf7-list-item-label:hover {
opacity: 0.8;
transform: translateY(-1px);
}
.radio01 input:checked + .wpcf7-list-item-label {
background: #ff555e;
color: #fff;
border: 1px solid #ff555e;
}
.shiryou input:checked + .wpcf7-list-item-label {
background: #85bf5f;
color: #fff;
border: 1px solid #85bf5f;
}
.radio01 input.wpcf7c-conf-hidden + .wpcf7-list-item-label {
background: #ff555e;
color: #fff;
border: 1px solid #ff555e;
}
.shiryou input.wpcf7c-conf-hidden + .wpcf7-list-item-label {
background: #85bf5f;
color: #fff;
border: 1px solid #85bf5f;
}
.radio01 .wpcf7-list-item-label::before, .shiryou .wpcf7-list-item-label::before {
content: "";
display: block;
left: 9px;
width: 30px;
height: 17px;
border-radius: 15px;
border: 1px solid #aaa;
background: #fff;
position: absolute;
}
.radio01 .wpcf7-list-item-label::after, .shiryou .wpcf7-list-item-label::after {
content: "";
display: block;
position: absolute;
top: 17px;
left: 11px;
width: 13px;
height: 13px;
background: #aaa;
border-radius: 50%;
transition: .2s;
display: block;
}
.radio01 input:checked + .wpcf7-list-item-label::before {
border: 1px solid #ff555e;
}
.radio01 input:checked + .wpcf7-list-item-label::after {
left: 24px;
background: #ff555e;
}
.shiryou input:checked + .wpcf7-list-item-label::before {
border: 1px solid #85bf5f;
}
.shiryou input:checked + .wpcf7-list-item-label::after {
left: 24px;
background: #85bf5f;
}
.radio01 input.wpcf7c-conf-hidden + .wpcf7-list-item-label::before {
border: 1px solid #ff555e;
}
.radio01 input.wpcf7c-conf-hidden + .wpcf7-list-item-label::after {
left: 24px;
background: #ff555e;
}
.shiryou input.wpcf7c-conf-hidden + .wpcf7-list-item-label::before {
border: 1px solid #85bf5f;
}
.shiryou input.wpcf7c-conf-hidden + .wpcf7-list-item-label::after {
left: 24px;
background: #85bf5f;
}
.formItem {
margin-bottom: 20px;
}
span.wpcf7-list-item {
margin: 10px 15px;
}
@media only screen and (max-width: 1023px) {
.radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label {
width: 155px;
}
span.wpcf7-list-item {
margin: 10px 0 0 10px;
}
}
@media only screen and (max-width: 767px) {
.radio01, .shiryou {
width: 100%;
text-align: center;
}
.radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label {
width: 230px;
}
.formItem.half {
width: 100%;
}
.formItem.half.left {
padding-right: 0;
}
.formItem.half.right {
padding-left: 0;
}
span.wpcf7-list-item {
margin: 10px;
text-align: left;
}
span.wpcf7-list-item:nth-child(2n) {
margin-left: 5px;
margin-bottom: 10px
}
}
@media only screen and (max-width: 599px) {
.radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label {
width: 170px;
}
}
@media only screen and (max-width: 360px) {
.radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label {
width: 140px;
}
span.wpcf7-list-item {
margin: 10px 0 0 5px;
vertical-align: top;
}
}
input[type="reset"],
input[type="button"],
input[type="submit"] {
height: auto!important;
} .blog .page-header, .category .page-header {
display: block;
}
@media only screen and (max-width: 767px) {
.page-header {
padding: 0 0 20px!important;
}
}
span.cate-name {
background: #86bf60;
padding: 5px;
font-size: 12px!important;
color: #fff;
display: table;
}
article.lineup_list {
width: 100%;
}
.search article,.blog article, .archive article {
float: left;
position: relative;
}
.search article .post-image-content, .blog article .post-image-content, .archive article .post-image-content {
width: 240px;
position: absolute;
right: -30px;
top: -30px;
}
.search article .post-image-content img, .blog article .post-image-content img, .archive article .post-image-content img {
object-fit: cover;
font-family: 'object-fit: cover';
height: 200px;
width: 100%;
border: solid 1px #ddd;
}
.search article .post-text-content,.blog article .post-text-content, .archive article .post-text-content {
border: 1px solid #B1B1B1;
padding: 30px 240px 20px 30px;
text-align: left;
}
.search .two-column,.blog .two-column, .archive .two-column {
width: 50%;
}
.post-image-content .posted-on {
max-width: 150px;
}
@media only screen and (max-width: 1023px) {
.search article .post-featured-image,.blog article .post-featured-image, .archive article .post-featured-image {
margin-bottom: 0;
}
.search article .post-image-content,.blog article .post-image-content, .archive article .post-image-content {
float: none;
margin-bottom: -1px;
position: relative;
right: inherit;
top: inherit;
width: 100%;
}
.search article .post-text-content,.blog article .post-text-content, .archive article .post-text-content {
border: 1px solid #e4e4e4;
padding: 30px 30px 10px;
}
}
@media only screen and (max-width: 767px) {
.search .two-column,.blog .two-column, .archive .two-column {
width: 100%;
}
} nav#image-navigation {
display: none;
}
h1.entry-title {
padding: 15px 10px;
border-top: solid 3px #85bf61;
border-bottom: solid 1px #85bf61;
margin-bottom: 30px;
}
.single-lineup h1.entry-title:before {
content: "";
display: inline-block;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/home.png) no-repeat;
width: 40px;
height: 40px;
background-size: 40px;
vertical-align: middle;
margin-right: 10px;
top: -4px;
position: relative;
}
.single-case h1.entry-title:before {
content: "";
display: inline-block;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/home.png) no-repeat;
width: 40px;
height: 40px;
background-size: 40px;
vertical-align: middle;
margin-right: 10px;
top: -4px;
position: relative;
}
.single-event h1.entry-title:before {
content: "";
display: inline-block;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/event.png) no-repeat;
width: 40px;
height: 40px;
background-size: 40px;
vertical-align: middle;
margin-right: 10px;
top: -4px;
position: relative;
}
.single-news h1.entry-title:before {
content: "";
display: inline-block;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/news.png) no-repeat;
width: 40px;
height: 40px;
background-size: 40px;
vertical-align: middle;
margin-right: 10px;
top: -4px;
position: relative;
}
.single-post h1.entry-title:before {
content: "";
display: inline-block;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/blog.png) no-repeat;
width: 40px;
height: 40px;
background-size: 40px;
vertical-align: middle;
margin-right: 10px;
top: -4px;
position: relative;
}
.firstThumbnailText {
display: table;
width: 100%;
}
.single-featured-image-header {
margin: 0 auto;
display: table-cell;
transition-duration: 0.3s;
}
.single-featured-image-header img {
object-fit: cover;
font-family: 'object-fit: cover';
height: 500px;
transition-duration: 0.3s;
}
.single-featured-image-header img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
.firstText {
display: table-cell;
width: 50%;
vertical-align: top;
padding-left: 20px;
}
h2.firstText-case_h2 {
color: #ff4430;
font-weight: bold;
margin-bottom: 20px;
}
p.firstText-case_overview {
font-size: 16px;
margin-bottom: 40px;
} .QandA {
border: solid 2px #86bf62;
padding: 25px 10px 10px 20px;
border-radius: 0px;
position: relative;
}
span.qanda {
position: absolute;
top: -20px;
left: 5px;
font-size: 18px;
font-weight: bold;
background: #fff;
padding: 0 10px;
color: #86bf60;
}
span.qanda:before {
content: "";
display: inline-block;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/lineup.png) no-repeat;
width: 35px;
height: 35px;
background-size: 35px;
vertical-align: middle;
margin-right: 10px;
}
p.case_q {
margin: 0 0 8px;
padding: 0 0 5px;
color: #5e8c42;
font-size: 14px;
font-weight: bold;
border-bottom: dotted 1px #ddd;
}
p.case_a {
margin: 0 0 10px;
font-size: 14px;
}
p.case_a:last-child {
margin: 0;
} .case_detaleUp,.case_detaleMiddle,.case_detaleDown {
display: table;
margin-top: 30px;
}
.case_detaleUp-inner,.case_detaleMiddle-inner,.case_detaleDown-inner {
display: table-cell;
width: 33%;
padding: 5px;
transition-duration: 0.3s;
}
.case_detaleUp-inner img,.case_detaleMiddle-inner img,.case_detaleDown-inner img {
height: 250px;
width: 100%;
object-fit: cover;
font-family: 'object-fit: cover';
transition-duration: 0.3s;
}
.case_detaleUp-inner img:hover,.case_detaleMiddle-inner img:hover,.case_detaleDown-inner img:hover {
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
.case_detaleUp-inner p,.case_detaleMiddle-inner p,.case_detaleDown-inner p {
font-size: 14px;
margin-top: 10px;
}
.case_detaleUp-inner p:before,.case_detaleMiddle-inner p:before,.case_detaleDown-inner p:before {
content: "";
display: inline-block;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/home.png) no-repeat;
width: 20px;
height: 20px;
background-size: 20px;
margin-right: 10px;
} .case_list {
width: 100%;
}
.case_list ul {
display: table;
border-bottom: dashed 1px #666;
padding: 15px;
margin: 0 auto;
}
.case_list li {
list-style: none;
display: table-cell;
font-size: 16px;
}
.case_list li.caseListTitle {
width: 180px;
background: #fff;
border-right: dashed 1px #666;
}
.case_list li.caseListContents {
width: 80%;
padding-left: 20px;
}
.case_list li.caseListContents mark {
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;
}
@media only screen and (max-width: 767px) {
.single-featured-image-header {
display: block;
}
.single-featured-image-header img {
width: 100%;
}
.firstText {
display: block;
width: 100%;
margin-top: 20px;
padding: 0;
}
.case_detaleUp-inner,.case_detaleMiddle-inner,.case_detaleDown-inner {
display: block;
width: 100%;
}
.case_list {
margin-top: 20px;
}
}
nav.navigation.post-navigation {
margin-top: 80px;
}
.navigation.post-navigation .nav-next, .navigation.post-navigation .nav-previous {
background: #85bf60;
padding: 10px 20px;
color: #fff;
transition: all .3s ease-out;
cursor: pointer;
}
.navigation.post-navigation .post-title {
color: #fff;
}
.navigation.post-navigation .nav-next:hover, .navigation.post-navigation .nav-previous:hover {
transform: translateY(-10px);
opacity: 0.8;
} .single-lineup .cace_list  {
margin: 50px auto;
border-top: solid 1px #ddd;
padding-top: 50px;
}
@media only screen and (max-width: 375px) {
.single-lineup .cace_list h2.case {
font-size: 24px;
}
}
@media only screen and (max-width: 360px) {
.single-lineup .cace_list h2.case {
font-size: 22px;
}
}
@media only screen and (max-width: 375px) {
.single-lineup .cace_list h2.case {
font-size: 20px;
}
}
section.related_block {
padding-bottom: 3rem;
margin-bottom: 3rem;
border-bottom: dotted 1px #ddd;
}
section.related_block:last-child {
border-bottom: none;
}
section.related_block a {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 1rem;
transition: all .3s ease-out;
}
section.related_block a:hover {
transform: translateY(-5px);
opacity: 0.8;
}
section.related_block a figure.related_block_fig {
width: 200px;
height: 200px;
}
section.related_block a figure.related_block_fig img {
object-fit: cover;
font-family: "object-fit: cover;";
width: 200px;
height: 200px;
}
section.related_block a .text-area {
width: calc(100% - 220px);
}
section.related_block a h3.related_block_ttl {
margin: 0 0 1rem -1rem;
font-weight: 700;
color: #8fc46d;
}
section.related_block a h4 {
margin: 0;
}
section.related_block a p {
border-top: solid 2px #86bf60;
color: #333;
margin-top: 1rem;
padding-top: 1rem;
margin-bottom: 0;
}
.on600 {
display: none;
}
.off600 {
display: block;
}
@media only screen and (max-width: 600px) {
.on600 {
display: block;
}
.off600 {
display: none;
}
section.related_block a figure.related_block_fig {
position: relative;
width: 100%;
padding-top: 50%;
}
section.related_block a figure.related_block_fig img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
}
section.related_block a .text-area {
width: 100%;
margin-top: 2rem;
}
section.related_block a h3.related_block_ttl {
margin: 0 0 1rem 0;
font-size: 22px;
}
section.related_block a h4 {
font-size: 20px;
}
}
@media only screen and (max-width: 480px) {
section.related_block a h3.related_block_ttl {
font-size: 20px;
}
section.related_block a h4 {
font-size: 18px;
}
}  .single-lineup .grid,
.post-type-archive-lineup .type-lineup .grid,
.term-casa-series .type-lineup .grid {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-lineup .grid .entry-content,
.post-type-archive-lineup .type-lineup .grid .entry-content,
.term-casa-series .type-lineup .grid .entry-content {
width: 25%;
padding: 5px;
margin-bottom: 15px;
transition: all .3s ease-out;
}
.single-lineup .grid .entry-content a,
.post-type-archive-lineup .type-lineup .grid .entry-content a,
.term-casa-series .type-lineup .grid .entry-content a {
border: solid 1px #ddd;
display: block;
padding: 5px;
text-align: center;
}
.single-lineup .grid .entry-content:hover,
.post-type-archive-lineup .type-lineup .grid .entry-content:hover,
.term-casa-series .type-lineup .grid .entry-content:hover {
transform: translateY(-3px);
opacity: 0.8;
}
.single-lineup .grid .entry-content img,
.post-type-archive-lineup .type-lineup .entry-content img,
.term-casa-series .type-lineup .grid .entry-content img {
width: 100%;
}
.single-lineup .grid .entry-content h2,
.post-type-archive-lineup .type-lineup .entry-content h2,
.term-casa-series .type-lineup .grid .entry-content h2 {
margin: 0 0 5px;
font-weight: 800;
font-size: 28px;
}
.single-lineup .grid .entry-content p,
.post-type-archive-lineup .type-lineup .entry-content p,
.term-casa-series .type-lineup .grid .entry-content p {
margin: 0;
color: #97c567;
font-size: 18px;
font-weight: 400;
}
.single-lineup .Lineup {
margin: 50px auto;
border-top: solid 1px #ddd;
padding-top: 50px;
}
@media only screen and (max-width: 1300px) {
.single-lineup .grid .entry-content,
.post-type-archive-lineup .type-lineup .grid .entry-content,
.term-casa-series .type-lineup .grid .entry-content {
width: 33.3%;
padding: 0px 8px;
}
.single-lineup .grid .entry-content p,
.post-type-archive-lineup .type-lineup .entry-content p,
.term-casa-series .type-lineup .grid .entry-content p {
font-size: 16px;
}
}
@media only screen and (max-width: 1023px) {
.single-lineup .grid .entry-content,
.post-type-archive-lineup .type-lineup .grid .entry-content,
.term-casa-series .type-lineup .grid .entry-content {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.single-lineup .Lineup {
margin: 50px auto;
border-top: none;
padding-top: 0px;
}
}
@media only screen and (max-width: 600px) {
.single-lineup .grid .entry-content h2,
.post-type-archive-lineup .type-lineup .entry-content h2,
.term-casa-series .type-lineup .grid .entry-content h2 {
font-size: 25px;
}
.single-lineup .grid .entry-content p,
.post-type-archive-lineup .type-lineup .entry-content p,
.term-casa-series .type-lineup .grid .entry-content p {
font-size: 14px;
}
}
@media only screen and (max-width: 480px) {
.single-lineup .grid .entry-content,
.post-type-archive-lineup .type-lineup .grid .entry-content,
.term-casa-series .type-lineup .grid .entry-content {
width: 100%;
}
.single-lineup .grid .entry-content p,
.post-type-archive-lineup .type-lineup .entry-content p,
.term-casa-series .type-lineup .grid .entry-content p {
font-size: 16px;
}
} .single-lineup .lineup_list_imgText {
font-size: 14px;
margin-left: 20px;
vertical-align: middle;
}
@media only screen and (max-width: 767px) {
.single-lineup .lineup_list_imgText {
display: block;
text-align: right;
}
}
.single-lineup h1.entry-title {
border-bottom: none;
}
.single-lineup .singleBody {
border-bottom: solid 1px #85bf61;
border-top: solid 1px #85bf61;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.single-lineup .singleBody .wrap.entry-content {
margin: 0 auto;
}
.single-lineup .singleBody .LineUpBody {
display: block;
width: 100%;
padding: 30px 0 80px;
}
.single-lineup .singleBody .LineUpBody.underLine {
border-bottom: solid 1px #999;
margin-bottom: 30px;
}
.single-lineup .singleBody .LineUpBody h2.lineUp_h2 {
text-align: center;
margin-bottom: 80px;
font-weight: bold;
position: relative;
font-size: 40px;
width: 100%;
}
.single-lineup .singleBody .LineUpBody h2.lineUp_h2:before {
display: block;
content: ' ';
width: 88px;
height: 1px;
background: #ff5e4d;
position: absolute;
left: 50%;
top: 80px;
margin-left: -40px;
}
.single-lineup .singleBody .LineUpBody h3 {
position: relative;
font-size: 3rem;
font-weight: bold;
}
.single-lineup .singleBody .LineUpBodyLeft {
display: table-cell;
width: 50%;
padding-right: 15px;
vertical-align: top;
position: relative;
}
.single-lineup .singleBody .LineUpBodyLeft.large {
width: 60%;
}
.single-lineup .singleBody .LineUpBodyLeft.small {
width: 40%;
}
.single-lineup .singleBody .LineUpBodyLeft.large p.LineUpTextS {
font-size: 14px;
line-height: 24px;
}
.single-lineup .singleBody .LineUpBodyRight {
display: table-cell;
width: 50%;
padding-left: 15px;
vertical-align: top;
position: relative;
}
.single-lineup .singleBody .LineUpBodyRight.small {
width: 40%;
}
.single-lineup .singleBody .LineUpBodyRight.large {
width: 60%;
}
.single-lineup .singleBody .LineUpBodyRight.small p.LineUpTextS {
font-size: 14px;
line-height: 24px;
}
.single-lineup .singleBody .LineUpImage {
width: 100%;
margin-bottom: 30px;
}
.single-lineup .singleBody .LineUpImage img {
width: 100%;
}
.single-lineup .singleBody .LineUpBodyLeft img, .single-lineup .singleBody .LineUpBodyRight img, .single-lineup .singleBody .LineUpImage,.lineup-plan img,.lineup-plan2 img {
width: 100%;
transition-duration: 0.3s;
}
.single-lineup .singleBody .LineUpBodyCenter img {
text-align: center;
transition-duration: 0.3s;
width: 100%;
}
.single-lineup .singleBody .LineUpBodyLeft img:hover, .single-lineup .singleBody .LineUpBodyRight img:hover,.single-lineup .singleBody .LineUpImage:hover, .single-lineup .singleBody .LineUpBodyCenter img:hover,.lineup-plan img:hover,.lineup-plan2 img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
.single-lineup .singleBody .LineUpBodyLeft img.nohover:hover,
.single-lineup .singleBody .LineUpBodyRight img.nohover:hover,
.single-lineup .singleBody .LineUpImage.nohover:hover,
.single-lineup .singleBody .LineUpBodyCenter img.nohover:hover {
box-shadow: none;
transform: none;
transition-duration: none;
}
.single-lineup .singleBody .LineUpBodyLeft h3, .single-lineup .singleBody .LineUpBodyRight h3,.single-lineup .singleBody .LineUpBodyLeftFloot h3 {
margin-top: 40px;
font-weight: bold;
font-size: 30px;
position: relative;
}
span.rubi {
font-size: 12px;
position: absolute;
left: 20px;
bottom: -12px;
font-style: oblique;
}
.single-lineup .singleBody .LineUpBody h3.lineUp-b {
margin-top: 0;
margin-bottom: 35px;
padding-bottom: 15px;
border-bottom: solid 1px #666;
}
.single-lineup .singleBody .LineUpBody h3.lineUp-b span {
font-size: 16px;
display: block;
font-weight: normal;
}
.single-lineup .singleBody .LineUpBody h3.lineUp-c {
text-align: center;
margin: 40px 0;
}
.single-lineup .singleBody .LineUpBody h3.lineUp-c::after {
display: block;
content: '';
margin: 20px auto 0;
width: 253px;
height: 6px;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/lineup/casa-liniere/casa-liniere-bg1.png) no-repeat;
z-index: 2;
}
.single-lineup .singleBody .LineUpBody h3.lineUp-c span {
display: inline-block;
}
.single-lineup .singleBody .LineUpBody h3.lineUp-c span img {
max-width: 200px;
height: auto;
}
.single-lineup .singleBody .LineUpBody .floorDrawing {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor {
width: 48%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .head {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 580px;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.title {
width: 100%;
padding: 20px;
font-family: 'Dancing Script', cursive;
text-align: center;
border-radius: 5px;
margin: 0 0 50px;
font-weight: bold;
line-height: 2;
letter-spacing: .12em;
height: 80px;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/lineup/casa-liniere/casa-liniere-bg3.png) no-repeat;
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;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.title img {
width: 35px;
height: auto;
transition: none;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.drawing {
width: 80%;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.drawing a {
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.drawing a img {
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .body {
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .body ul {
list-style-type: none;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .body ul li {
list-style-type: none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .body ul li img {
width: 40px;
height:40px;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .body ul li p{
width: calc(100% - 40px);
margin: 0;
padding-left: 20px;
}
.single-lineup .singleBody .LineUpBody .lineup-plan {
position: relative;
}
.single-lineup .singleBody .LineUpBody .lineup-plan h3 {
text-align: center;
margin-bottom: 20px;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 50px;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area {
width: 45%;
position: relative;
z-index: 2;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText {
position: absolute;
bottom: 0;
width: 580px;
background: #fff;
left: 0;
border-radius: 5px;
padding: 20px;
box-shadow: 10px 10px #f5f3e5;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area {
width: 55%;
z-index: 1;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area.box1 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText {
position: absolute;
left: auto;
right: 0;
}
@media screen and (max-width: 1300px) {
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText {
width: 520px;
font-size: 16px;
left: -60px;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText {
left: auto;
right: -60px;
}
}
@media screen and (max-width: 1050px) {
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area {
width: 45%;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area {
width: 55%;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText {
left: 0;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText {
right: 0;
}
}
@media screen and (max-width: 1023px) {
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area {
width: 100%;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area {
width: 100%;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText {
width: 100%;
position: relative;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText {
position: relative;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box3 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area.box4 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
}
@media only screen and (max-width: 767px){
.single-lineup .singleBody .LineUpBody .floorDrawing .floor {
width: 100%;
margin-bottom: 50px;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor:last-child {
margin-bottom: 0;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .head {
height: auto;
width: 100%;
}
.single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.drawing {
width: 100%;
max-width: 400px;
margin-bottom: 50px;
}
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 {
padding-top: 80px;
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 h3.bg {
width: 100%;
padding: 10px;
text-align: center;
border-radius: 5px;
font-weight: bold;
line-height: 2;
letter-spacing: .12em;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/lineup/casa-liniere/casa-liniere-bg3.png) no-repeat;
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area {
width: 49%;
position: relative;
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area .LineUpText {
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .img-area {
width: 49%;
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 .img-area .note {
color: #327291;
line-height: 1.6;
margin-top: 20px;
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox .img-area {
width: 48%;
}
@media screen and (max-width: 1300px) {
.single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area {
width: 100%;
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .img-area {
width: 100%;
}
.single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox .img-area {
width: 100%;
}
}
.single-lineup .singleBody .LineUpBody.onePics {
padding-bottom: 0;
margin-bottom: -30px;
}
.twoPics img {
margin-bottom: 30px;
}
.imgGroup {
display: table;
margin-bottom: 15px;
}
.oneCol {
width: 50%;
padding-right: 7.5px;
}
.threeCol {
display: table-cell;
}
.threeCol:first-child {
padding-right: 10px;
}
.threeCol:nth-of-type(2) {
padding-right: 5px;
padding-left: 5px;
}
.threeCol:last-child {
padding-left: 10px;
}
.twoCol {
display: table-cell;
width: 50%;
}
.twoCol:first-child {
padding-right: 7.5px;
}
.twoCol:last-child {
padding-left: 7.5px;
}
.threeCol img,.twoCol img,.oneCol img {
transition-duration: 0.3s;
}
.threeCol img:hover ,.twoCol img:hover,.oneCol img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
.fourCol {
display: flex;
flex-wrap: wrap;
}
.imgGroup p {
margin: 0;
margin-top: 5px;
text-align: center;
font-size: 16px;
font-weight: bold;
}
span.greenTag {
font-size: 14px;
padding: 5px 10px;
margin-right: 10px;
background: #85bf60;
color: #fff;
}
.imgGroup .colText p {
text-align: left;
font-size: 14px!important;
line-height: 24px!important;
font-weight: normal;
margin-bottom: 20px;
}
.imgGroup .colText span {
font-size: 12px!important;
line-height: 20px!important;
display: block;
}
.LineUpBody.PicsGroup {
margin: 60px 0 0;
}
.single-lineup .singleBody .LineUpBodyLeft h3:before, .single-lineup .singleBody .LineUpBodyRight h3:before,.single-lineup .singleBody .LineUpBodyLeftFloot h3:before {
content: "";
display: block;
position: absolute;
top: -40px;
left: 0;
width: 77px;
height: 3px;
background: currentColor;
}
.single-lineup .singleBody .LineUpBody .LineUpBodyCenter h4 {
margin: 50px 0 30px;
}
.single-lineup .singleBody .LineUpBody .LineUpBodyLeft h4,.single-lineup .singleBody .LineUpBody .LineUpBodyRight h4,.single-lineup .singleBody .LineUpBody .LineUpBodyCenter h4 {
font-weight: bold;
font-size: 30px;
position: relative;
border-left: solid 1px #666;
padding-left: 15px;
color: #666;
margin-top: 30px;
}
.LineUpBodyCenter.group {
display: table;
margin: 50px auto 0;
}
.groupBox {
display: table-cell;
width: 38%;
vertical-align: middle;
}
.LineUpBodyCenter .scroll {
text-align: center;
}
.LineUpBodyCenter .scroll img {
width: auto;
}
.twocolDetale h4 {
margin-top: 20px;
margin-left: -15px;
}
.twocolDetale p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
}
.twocolDetale span {
font-size: 12px;
line-height: 22px;
margin-top: 10px;
display: block;
}
h3.poket {
background: #2196F3;
text-align: center;
color: #fff;
padding: 10px;
}
h3.poket span {
background: #fff;
text-align: center;
color: #2395f3;
font-size: 25px;
padding: 5px;
margin-right: 10px;
vertical-align: middle;
position: relative;
top: -3px;
}
h3.pitatto {
background: #E91E63;
text-align: center;
color: #fff;
padding: 10px;
}
.twocolDetale {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.single-lineup .singleBody .LineUpBody .LineUpBodyLeft h4,.single-lineup .singleBody .LineUpBody .LineUpBodyRight h4 {
margin-top:30px;
font-size: 20px;
}
.threeCol,.twoCol,.oneCol {
width: 100%;
display: block;
margin-bottom: 20px;
padding: 0;
}
.twoCol:first-child,.twoCol:last-child,.threeCol:first-child,.threeCol:nth-of-type(2),.threeCol:last-child {
padding: 0;
}
.single-lineup .singleBody .LineUpBody.paddingBno {
padding-bottom: 0!important;
}
.single-lineup .singleBody .LineUpBody h3.lineUp-b {
width: 100%;
margin-bottom: 0;
}
}
.single-lineup .singleBody .LineUpBody p.LineUpText,.single-lineup .singleBody .LineUpBodyLeftFloot p.LineUpText {
font-size: 18px;
line-height: 38px;
}
.single-lineup .singleBody .LineUpBody p.LineUpText.center {
text-align: center;
font-style: oblique;
}
.single-lineup .singleBody .LineUpBody .firstImage {
margin-bottom: 20px;
}
.single-lineup .singleBody .LineUpBody .firstImage img {
width: 100%;
object-fit: cover;
font-family: 'object-fit: cover';
height: 500px;
transition-duration: 0.3s;
}
.single-lineup .singleBody .LineUpBody .firstImage.full img {
height: auto;
}
.flexbox .LineUpBodyLeft.box1 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.flexbox .LineUpBodyRight.box2 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.single-lineup .singleBody .LineUpBody .firstImage img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
@media only screen and (max-width: 1023px) {
.single-lineup .singleBody .LineUpBody .firstImage {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.single-lineup .singleBody .LineUpBody .firstImage img {
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.single-lineup .singleBody .wrap.entry-content {
padding:0;
}
.single-lineup .singleBody .LineUpBody h3 {
font-size: 20px;
}
.single-lineup .singleBody .LineUpBody p.LineUpText {
font-size: 16px;
line-height: 36px;
}
.single-lineup .singleBody .LineUpBodyLeft {
display: block;
width: 100%;
padding-right: 0;
}
.single-lineup .singleBody .LineUpBodyRight,.single-lineup .singleBody .LineUpBodyRightFloot {
display: block;
width: 100%;
padding-left: 0;
}
.single-lineup .singleBody .LineUpBodyLeftFloot, .single-lineup .singleBody .LineUpBodyLeft.large, .single-lineup .singleBody .LineUpBodyLeft.small, .single-lineup .singleBody .LineUpBodyRight.small, .single-lineup .singleBody .LineUpBodyRight.large {
width: 100%;
}
.single-lineup .singleBody .LineUpBodyLeft img, .single-lineup .singleBody .LineUpBodyRight img {
object-fit: cover;
font-family: 'object-fit: cover';
max-height: 300px;
}
.flexbox {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexbox .LineUpBodyLeft.box1 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.flexbox .LineUpBodyRight.box2 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.flexbox .LineUpBodyRight.box1 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.flexbox .LineUpBodyLeft.box2 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.flexbox .LineUpBodyCenter.box3 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
}
.single-lineup .singleBody .responsive-tabs.responsive-tabs--enabled {
position: relative;
}
.single-lineup .singleBody .responsive-tabs .responsive-tabs__list__item {
color: #666;
border: solid 1px #85bf61!important;
border-bottom: none!important;
}
.single-lineup .singleBody .responsive-tabs .responsive-tabs__list__item:hover {
background: rgba(255, 255, 255, 0.8)!important;
}
#tablist1-panel1, #tablist1-panel2, #tablist1-panel3 {
border: none;
}
.single-lineup .singleBody .responsive-tabs .responsive-tabs__list__item--active, .single-lineup .singleBody .responsive-tabs .responsive-tabs__list__item--active:hover {
background: #fff!important;
border-color: #85bf61!important;
color: #666;
top: 1px;
}
.LineUpBodyLeftFloot {
float: left;
width: 50%;
}
.LineUpBodyRightFloot {
float: right;
width: 45%;
}
.LineUpBodyFloot.onePics {
width: 100%;
} .postid-322 .textGroup {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.postid-322 .textGroup .fourCol {
width: 24%;
position: relative;
overflow: hidden;
padding: 10px;
border: solid 1px #ccc;
margin-bottom: 20px;
text-align: center;
height: 100px;
}
@media only screen and (max-width: 1023px) {
.postid-322 .textGroup .fourCol {
width: 48%;
}
}
.postid-322 .textGroup .fourCol p {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;
width: 100%;
font-size: 2rem;
font-weight: 800;
}
@media only screen and (max-width: 480px) {
.postid-322 .textGroup .fourCol p {
font-size: 1.6rem;
}
}
.postid-322 .twoCol img {
transition-duration: 0.3s;
height: 400px;
width: 100%;
object-fit: cover;
font-family: 'object-fit: cover';
} .postid-503 .bgb-wysiwyg.gray-block {
background: #f6f5f1;
padding: 30px 60px;
}
.postid-503 .bgb-wysiwyg.gray-block.gray-block__list {
padding: 50px 60px 60px;
}
.postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor p.heading {
font-size: 2rem;
letter-spacing: 1px;
margin: 3rem 0;
}
.postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor p.heading:first-child {
margin-top: 0;
}
.postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner {
background: #fff;
padding: 30px 30px;
}
.postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner ul {
padding-left: 20px;
margin: 0;
}
.postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner ul>li {
list-style: none;
margin-bottom: 15px;
line-height: 2;
}
.postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner ul>li:last-child {
margin-bottom: 0;
}
.postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner ul>li:before {
content: "";
display: inline-block;
vertical-align: middle;
margin: -1px 15px 0 -20px;
width: 5px;
height: 5px;
border: 1px solid transparent;
border-radius: 50%;
background: #cf451f;
}
.postid-503 .koto {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.postid-503 .koto_box {
display: flex;
flex-direction: column;
width: 30%;
margin-bottom: 50px;
}
.postid-503 .koto_box .koto_box_img img {
width: 100%;
height: auto object-fit:cover;
}
.postid-503 .koto_box .koto_box_data_contents_title {
margin: 25px 0;
font-size: 2.5rem;
}
.postid-503 .koto_box .koto_box_data_contents_title span {
color: #e91e1e;
}
.postid-503 .koto_box .koto_box_data_contents_text {
line-height: 2;
}
.postid-503 .koto_box .koto_box_data_contents {
margin-bottom: 20px;
}
.postid-503 .koto_box .koto_box_data_advice {
background: #f6f5f1;
padding: 10px 20px;
margin-top: auto;
}
.postid-503 .koto_box .koto_box_data_advice_title {
color: #9a9470;
margin: 10px 0;
}
.postid-503 .koto_box .koto_box_data_advice_text {
line-height: 2;
font-size: 1.4rem
} .postid-503 .LineUpBody.flexbox {
padding-bottom: 50px!important;
}
.postid-503 .architect_box ul li {
list-style: none;
}
.postid-503 .architect_box li.architect_name {
text-align: center;
}
.postid-503 .architect_box li.architect_name p {
display: inline-block;
font-size: 2.8rem;
margin: 10px 0
}
.postid-503 .architect_box li.architect_name span {
display: inline-block;
font-size: 1.8rem;
color: #6c6c6c;
}
.postid-503 .architect_box li.architect_name span:before {
content: "/";
margin: 0 10px;
}
.postid-503 .architect_box li.architect_prof {
background: #f1f1f1;
padding: 20px
}
.postid-503 .architect_box li.architect_prof p {
margin: 0;
} .page-id-8620 .stepflow li, .postid-503 .stepflow li, .postid-322 .stepflow li, .postid-8443 .stepflow li {
list-style: none;
position: relative;
background: #f6f6f6;
border: solid 1px #ddd;
margin-bottom: 35px;
padding: 50px 50px 30px
}
.page-id-8620 .stepflow li.stepflow-li-red, .postid-503 .stepflow li.stepflow-li-red {
background: #fff;
}
.page-id-8620 .stepflow_label, .postid-503 .stepflow_label, .postid-322 .stepflow_label, .postid-8443 .stepflow_label {
font-size: 2rem;
margin-bottom: 10px;
position: absolute;
top: 16px;
left: 40px;
}
.page-id-8620 .stepflow_title, .postid-503 .stepflow_title, .postid-322 .stepflow_title, .postid-8443 .stepflow_title {
margin: 20px 0;
}
.page-id-8620 .stepflow_title h3,.postid-503 .stepflow_title h3 {
margin: 0;
}
.page-id-8620 .stepflow_title h3 span ,.postid-503 .stepflow_title h3 span {
background: #cc4b29;
color: #fff;
padding: 10px;
font-size: 2.3rem;
margin-left: 10px;
position: absolute;
top: 0;
bottom: 0;
}
.page-id-8620 .stepflow-black:before, .postid-503 .stepflow-black:before, .postid-322 .stepflow-black:before, .postid-8443 .stepflow-black:before {
background: #212121;
content: "";
height: 11px;
left: 20px;
margin-top: -5px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 11px;
top: 30px;
left: 20px;
}
.page-id-8620 .stepflow-black:after, .postid-503 .stepflow-black:after, .postid-322 .stepflow-black:after, .postid-8443 .stepflow-black:after {
content: "";
background-color: #212121;
display: block;
position: absolute;
top: 35px;
left: 25px;
width: 1px;
height: 110%;
}
.page-id-8620 .stepflow-red:before,.postid-503 .stepflow-red:before {
background: #cb4b29;
content: "";
height: 11px;
left: 20px;
margin-top: -5px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 11px;
top: 30px;
left: 20px;
}
.page-id-8620 .stepflow-red:after ,.postid-503 .stepflow-red:after {
content: "";
background-color: #cb4b29;
display: block;
position: absolute;
top: 35px;
left: 25px;
width: 1px;
height: 110%;
}
.stepflow_content a {
text-align: center;
display: block;
transition: all .3s ease-out;
}
.stepflow_content .shiryou {
background: #85bf61;
color: #fff;
width: 200px;
padding: 15px 20px;
box-shadow: 2px 2px #999;
}
.stepflow_content a:hover {
transform: translateY(-3px);
opacity: .8;
}
.page-id-8620 .stepflow-black.last:after, .postid-503 .stepflow-black.last:after, .postid-322 .stepflow-black.last:after, .postid-8443 .stepflow-black.last:after {
display: none;
}
.page-id-8620 .stepflow_content, .postid-503 .stepflow_content, .postid-322 .stepflow_content, .postid-8443 .stepflow_content {
background: #fff;
padding: 30px;
}
.page-id-8620 .stepflow_midashi2, .page-id-8620 .stepflow_Text, .postid-503 .stepflow_midashi2, .postid-503 .stepflow_Text {
padding-left: 30px;
line-height: 2;
margin: 0;
}
.postid-322 .stepflow_midashi {
font-size: 1.2em;
font-weight: 700;
line-height: 2;
margin: 0;
padding-left: 20px;
}
.postid-322 .LineUpText {
padding-left: 20px;
}
.page-id-8620 .stepflow_Text,.postid-503 .stepflow_Text {
margin-bottom: 20px;
}
.page-id-8620 .stepflow_Text:last-child,.postid-503 .stepflow_Text:last-child {
margin-bottom: 0;
}
.page-id-8620 .stepflow_midashi2:before,.postid-503 .stepflow_midashi2:before {
content: "";
display: inline-block;
vertical-align: middle;
margin: -1px 15px 0 -20px;
width: 5px;
height: 5px;
border: 1px solid transparent;
border-radius: 50%;
background: #cf451f;
}
.postid-322 .stepflow_content h4 {
font-size: 1.2em;
line-height: 1.6;
margin: 1.5em 0;
margin-left: 1rem;
border-left: 2px solid #cf451f;
padding-left: 14px;
font-weight: 700;
color: #222;
}
.page-id-8620 .stepflow_content .h4_title,.postid-503 .stepflow_content .h4_title {
font-size: 1.2em;
line-height: 1.6;
margin: 1.5em 0;
margin-left: 1rem;
border-left: 2px solid #cf451f;
padding-left: 14px;
font-weight: 700;
color: #222;
} .postid-8437 .number-words {
position: absolute;
font-size: 10rem;
color: #fff;
font-weight: 800;
margin: auto;
top: 33%;
left: 0;
right: 0;
bottom: 33%;
text-align: center;
text-shadow: 2px 2px #444;
} .postid-8440.single-lineup .singleBody .LineUpBodyLeft h3, .postid-8440.single-lineup .singleBody .LineUpBodyRight h3, .postid-8440 .LineUpBodyCenter .cago-box h3 {
margin-top: 10px;
border-bottom: solid 2px #ddd;
padding-bottom: 20px;
position: relative;
}
.postid-8440.single-lineup .singleBody .LineUpBodyLeft h3:before, .postid-8440.single-lineup .singleBody .LineUpBodyRight h3:before {
width: 0;
}
.postid-8440 .concept {
color: #a2a2a2;
font-weight: 800;
}
.postid-8440 .faq {
font-size: 2.3rem;
font-weight: 800;   }
.postid-8440.single-lineup .singleBody .LineUpBodyLeft h3:after, .postid-8440.single-lineup .singleBody .LineUpBodyRight h3:after, .postid-8440 .LineUpBodyCenter .cago-box h3:after {
content: '';
width: 150px;
height: 2px;
background-color: #d8ad2a;
display: block;
position: absolute;
left: 0;
bottom: -2px;
}
.postid-8440 .ans {
font-size: 2.3rem;
font-weight: 800;
color: #d8ad2a;
}
.postid-8440.single-lineup .singleBody .LineUpImage img {
width: 100%;
max-width: 560px;
margin: auto;
display: block;
}
.postid-8440 .cago-box ul.cago2box {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.postid-8440 .cago-box ul.cago2box li {
list-style: none;
width: 48%;
}
.postid-8440 .cago-box ul.cago2box li h4 {
border: none;
padding: 0;
font-size: 2rem;
color: #bd9e0e;
}
.postid-8440 ul.cago3box {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.postid-8440 ul.cago3box li {
list-style: none;
width: 31%;
text-align: left;
background: #f1f1f1;
padding: 30px;
}
.postid-8440 .cago-box ul.cago3box li {
width: 33%;
background: none;
padding: 0;
}
.postid-8440 ul.cago3box li {
list-style: none;
width: 31%;
text-align: left;
background: #f1f1f1;
padding: 30px;
}
.postid-8440 .cago-box ul.cago3box li {
width: 33%;
background: none;
padding: 0;
}
.postid-8440 ul.cago3box li h4 {
font-weight: 800;
}
.postid-8440 ul.cago3box li p {
margin-bottom: 0;
}
.postid-8440 ul.cago6box {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.postid-8440 ul.cago6box li {
list-style: none;
width: 31%;
text-align: left;
background: #fff;
margin-bottom: 20px;
}
.postid-8440 ul.cago6box li img {
}
.postid-8440 ul.cago6box li h4 {
color: #bd9e0e;
font-size: 2.3rem;
font-weight: 800;
margin: 20px 0
}
.postid-8440 ul.cago6box li p {
line-height: 2
}
.postid-8440 .kome {
text-align: left;
}
.postid-8440 .LineUpBodyCenter .cago-box {
margin: 80px 0;
text-align: left;
}
.postid-8440 .LineUpBodyCenter .cago-box h4 {
border-left: solid 4px #bd9e0e;
padding: 10px;
font-size: 2.3rem;
font-weight: 800;
}
.postid-8440 .LineUpBodyCenter .cago-box img {
margin: 50px auto;
max-width: 640px;
display: block;
}
.postid-8440 .LineUpBodyCenter .cago-box .cago3box img {
margin: 20px 0;
max-width: 640px;
display: block;
}
.postid-8440 .carea-box {
text-align: center;
width: 100%;
}
.postid-8440 .carea-box .plan-name {
display: inline-block;
}
.postid-8440 .carea-box .plan-name img {
display: inline-block;
} .postid-8440 .carea-box ul.cago2box {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: left;
margin-top: 50px;
}
.postid-8440 .carea-box ul.cago2box li {
list-style: none;
width: 50%;
margin-bottom: 60px;
}
.postid-8440 .carea-box ul.cago2box li h4 {
border: none;
padding: 0;
font-size: 2.2rem;
font-weight: 800;
color: #bd9e0e;
}
.postid-8440 .carea-box ul.cago2box li h5 {
border: none;
padding: 0;
font-size: 2rem;
font-weight: 800;
}
.postid-8440 .carea-box ul.cago2box li p {
line-height: 1.82
}
.postid-8440 .carea-box ul.cago2box li p.come {
margin: 0 0 5px;
text-indent: -1rem;
padding-left: 1rem;
}
.postid-8440 .carea-box ul.cago2box li a.luminousGallery img.fit {
object-fit: cover;
font-family: 'object-fit: cover';
height: 100%;
} .postid-8443 .skip-barea {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.postid-8443 .skip-barea .skip-box {
width: 22%;
margin-bottom: 50px;
}
.postid-8443 .skip-barea .skip-box li {
list-style: none;
}
.postid-8443 .skip-barea .skip-box li.box-title {
font-size: 2rem;
font-weight: 800;
position: relative;
margin: 30px 0 0;
}
.postid-8443 .skip-barea .skip-box li.box-title .sub {
position: absolute;
top: -30px;
font-size: 1.5rem;
font-weight: 200;
color: #999;
}
.postid-8443 .skip-barea .skip-box li.box-title .sub .icon {
background: #666;
color: #fff;
padding: 3px;
font-size: 1.2rem;
font-weight: 800;
margin-left: 5px;
}
.postid-8443 .skip-barea .skip-box li.box-text {
color: #666;
margin-top: 5px;
}
.postid-8443 .skip-barea .skip-box li.box-text .come {
display: block;
font-size: 1.2rem;
}
@media only screen and (max-width: 1023px) {
.page-id-8620 .koto_box, .postid-503 .koto_box {
width: 48%;
margin-bottom: 40px;
}
.postid-8437 .number-words {
font-size: 8rem;
}
.postid-8440 ul.cago3box li {
width: 100%;
margin-bottom: 20px;
}
.postid-8440 ul.cago3box li:last-child {
margin-bottom: 0;
}
.postid-8440 ul.cago6box li {
width: 48%;
}
.postid-8443 .skip-barea .skip-box {
width: 45%;
}
}
@media only screen and (max-width: 767px) {
.page-id-8620 .bgb-wysiwyg.gray-block.gray-block__list,.postid-503 .bgb-wysiwyg.gray-block.gray-block__list {
padding: 30px;
}
.page-id-8620 .LineUpBody.flexbox,.postid-503 .LineUpBody.flexbox {
padding: 0!important;
}
.page-id-8620 .LineUpBody.flexbox .architect_box ul,.postid-503 .LineUpBody.flexbox .architect_box ul {
padding-bottom: 50px;
}
.page-id-8620 .stepflow li, .postid-503 .stepflow li, .postid-322 .stepflow li, .postid-8443 .stepflow li {
padding: 50px 30px 20px
}
.page-id-8620 .stepflow-black:before, .postid-503 .stepflow-black:before, .postid-322 .stepflow-black:before, .postid-8443 .stepflow-black:before {
left: 10px;
}
.page-id-8620 .stepflow-black:after,.postid-503 .stepflow-black:after, .postid-322 .stepflow-black:after, .postid-8443 .stepflow-black:after {
left: 15px;
}
.page-id-8620 .stepflow-red:before,.postid-503 .stepflow-red:before {
left: 10px;
}
.page-id-8620 .stepflow-red:after,.postid-503 .stepflow-red:after {
left: 15px;
}
.page-id-8620 .stepflow_label, .postid-503 .stepflow_label, .postid-322 .stepflow_label, .postid-8443 .stepflow_label {
left: 30px;
}
.page-id-8620 .stepflow_title h3 span,.postid-503 .stepflow_title h3 span {
padding: 2px 8px;
font-size: 1.5rem;
top: 0;
}
.postid-8440 .cago-box ul.cago3box li {
width: 100%;
margin-bottom: 20px;
}
.postid-8440 .cago-box ul.cago2box li {
width: 100%;
margin-bottom: 20px;
}
.postid-8440 .carea-box ul.cago2box li {
width: 100%;
}
.postid-8440 .carea-box ul.cago2box li {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.page-id-8620 .koto_box,.postid-503 .koto_box {
width: 100%;
}
.page-id-8620 .bgb-wysiwyg.gray-block.gray-block__list,.postid-503 .bgb-wysiwyg.gray-block.gray-block__list {
padding: 15px;
}
.page-id-8620 .stepflow_content, .postid-503 .stepflow_content, .postid-322 .stepflow_content, .postid-8443 .stepflow_content {
padding: 10px;
}
.page-id-8620 .stepflow_midashi2, .page-id-8620 .stepflow_Text,.postid-503 .stepflow_midashi2, .postid-503 .stepflow_Text {
padding-left: 10px;
}
.page-id-8620 .stepflow_content .h4_title,.postid-503 .stepflow_content .h4_title {
margin-left: 0rem;
}
.page-id-8620 .stepflow_midashi2:before,.postid-503 .stepflow_midashi2:before {
margin: -1px 10px 0 -10px;
}
.postid-322 .stepflow_content h4 {
font-size: 1.2em;
margin-left: 0;
}
.postid-322 .stepflow_midashi, .postid-322 .LineUpText {
padding-left: 0;
}
.postid-8440 ul.cago6box li {
width: 100%;
}
.postid-8443 .skip-barea .skip-box {
width: 100%;
}
.postid-8443 .skip-barea .skip-box li.box-img {
text-align: center;
}
} .LineUpText .slider {
margin-bottom: 100px!important
}
.LineUpText .slider .slick-list img {
width: 80%;
height: 500px;
margin: 0 auto;
object-fit: cover;
font-family: 'object-fit: cover';
}
.LineUpBodyFloot .LineUpText .slider .slick-list img {
width: 100%;
height: 300px;
margin: 0 auto;
object-fit: cover;
font-family: 'object-fit: cover';
}
.LineUpText .slider .slick-dots li {
list-style: none;
display: inline-block;
width: 90px!important;
height: 60px!important;
max-width: 112px;
margin: 5px;
}
.LineUpText .slider .slick-dots li img {
opacity: 0.5;
width: 100%;
height: 60px!important;
object-fit: cover;
font-family: 'object-fit: cover';
}
.LineUpText .slider .slick-dots li.slick-active img {
opacity: 1;
}
.entry-content .LineUpText .slider ul.slick-dots {
position: relative;
margin: 0;
bottom: -20px!important;
}
.LineUpText .slider .slick-prev {
position: absolute;
z-index: 99;
top: 40%;
}
.LineUpText .slider .slick-next {
position: absolute;
z-index: 99;
top: 40%;
}
@media only screen and (max-width: 1023px) {
.slick-prev {
top: 40%;
}
.slick-next {
top: 40%;
}
}
@media only screen and (max-width: 767px) {
.LineUpText .slider .slick-list img {
width: 100%;
height: 400px;
}
}
.single-lineup .singleBody .LineUpImage.nordDetale img {
width: 80%;
display: block;
margin: 80px auto 0;
}
@media only screen and (max-width: 1023px) {
.single-lineup .singleBody .LineUpImage.nordDetale img {
width: 100%;
}
} ul.photoGroup {
list-style: none!important;
width: 100%;
display: block;
text-align: center;
}
ul.photoGroup li {
display: inline-block;
margin-bottom: 10px
}
ul.photoGroup li:nth-child(odd) {
margin-right: 5px;
}
ul.photoGroup li:nth-child(even) {
margin-left: 5px;
}
ul.photoGroup li img {
width: 250px;
height: 200px;
object-fit: cover;
font-family: 'object-fit: cover';
transition-duration: 0.3s;
}
ul.photoGroup li img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
@media only screen and (max-width: 599px) {
ul.photoGroup li {
width:48%;
height: 150px;
}
ul.photoGroup li img {
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 420px) {
ul.photoGroup li {
width:100%;
}
ul.photoGroup li:nth-child(odd) {
margin-right: 0;
}
ul.photoGroup li:nth-child(even) {
margin-left: 0;
}
} .detail-ttl:after {
content: "";
display: block;
height: 2px;
background: linear-gradient(90deg, #8879ac, #150d35);
margin-bottom: 55px;
}
.detail-img {
overflow: hidden;
margin: 0 auto 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
img.madori {
width: 215px;
vertical-align: bottom;
}
.detail-ttl .detail-ttl-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0 0 15px;
text-align: center;
}
.detail-ttl .detail-ttl-inner h3 {
margin: 0 0 0 10px;
font-size: 20px!important;
font-weight: normal!important;
}
.detail-ttl .detail-ttl-inner picture {
margin: 0 10px -2px 0;
}
.detail-ttl .detail-ttl-inner picture img {
max-width: 130px;
}
ul.floorDrawing {
display: table;
width: 100%;
}
ul.floorDrawing li {
display: table-cell;
width: 30%;
}
ul.floorDrawing li:first-child {
padding-right: 20px;
}
ul.floorDrawing li:nth-of-type(2) {
padding: 0 10px;
}
ul.floorDrawing li:last-child {
padding-left: 20px;
}
ul.planMadoriDetale {
display: block;
list-style: none!important;
text-align: center
}
ul.planMadoriDetale li {
display: inline-block;
font-size: 18px;
line-height: 28px;
font-weight: bold
}
.planMadoriData {
display: inline-block;
}
.planMadoriData ul.planMadoriDetale {
text-align: left;
margin-bottom: 10px;
}
.planMadoriData ul.planMadoriDetale li {
text-align: left;
font-weight: normal;
}
.planMadoriData ul.planMadoriDetale li.title {
font-weight: bold;
margin-left: -10px;
}
@media only screen and (max-width: 767px) {
.detail-ttl .detail-ttl-inner {
display: -webkit-inline-box;
display: -ms-inline-box;
display: inline-block;
position: relative;
}
.detail-ttl .detail-ttl-inner h3 {
margin: 0;
}
.detail-ttl .detail-ttl-inner picture {
margin: 0;
position: absolute;
bottom: -102px;
left: 0;
right: 0;
}
ul.floorDrawing {
display: block;
width: 80%;
margin: 130px auto 0;
}
ul.floorDrawing li {
display: block;
width: 100%;
}
ul.floorDrawing li:first-child {
padding-right: 0;
margin-bottom: 30px
}
ul.floorDrawing li:nth-of-type(2) {
padding: 0;
margin-bottom: 30px
}
ul.floorDrawing li:last-child {
padding-left: 0;
}
ul.planMadoriDetale {
margin-top: 50px
}
ul.planMadoriDetale li {
width: 100%;
text-align: left;
font-size: 16px;
}
.planMadoriData ul.planMadoriDetale {
margin-top: 0px
}
}
.LineUpBodyCenter {
position: relative;
text-align: right;
}
.tyui {
position: absolute;
right: 0px;
bottom: -110px;
}
.tyui p.LineUpText {
font-size: 14px!important;
line-height: 24px!important;
margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
.LineUpBodyCenter {
text-align: center;
}
.tyui {
bottom: -100px;
}
.tyui p.LineUpText {
font-size: 12px!important;
line-height: 22px!important;
}
} .site-main.information h1.entry-title {
margin-bottom: 5px;
}
.site-main.information .singleBody p {
font-size: 16px;
line-height: 36px;
}
@media only screen and (max-width: 767px) {
.site-main.information .singleBody p {
font-size: 14px;
line-height: 34px;
}
} .lum-lightbox.lum-open {
z-index: 1000;
}
.lum-lightbox-inner img {
max-width: 100%!important;
max-height: 100%!important;
}
.single-post a.luminousGallery {
display: block;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.single-post a.luminousGallery img {
width: 800px;
height: 400px;
object-fit: cover;
font-family: 'object-fit: cover';
margin: 0 auto;
}
.single-post .entry-meta.PostDay {
display: block;
} .post-type-archive-news article, .post-type-archive-event article, .tax-event-category article {
display: table;
width: 100%
}
.post-type-archive-news .eventMeta, .post-type-archive-event .eventMeta, .tax-event-category .eventMeta {
margin: 5px;
}
.post-type-archive-news span.event-category a:before, .post-type-archive-event span.event-category a:before, .tax-event-category span.event-category a:before {
content: "/ ";
color: #9E9E9E;
margin-left: 5px;
}
.post-type-archive-news header.entry-header, .post-type-archive-event header.entry-header, .tax-event-category header.entry-header {
width: 100%;
padding: 15px 10px 0;
border-top: solid 3px #85bf61;
border-bottom: solid 1px #85bf61;
margin-bottom: 30px;
}
.post-type-archive-news .articleBody, .post-type-archive-event .articleBody, .tax-event-category .articleBody {
display: table;
width: 100%
}
.post-type-archive-news .newsBody-area, .post-type-archive-event .eventBody-area, .tax-event-category .eventBody-area {
display: table-cell;
width: 60%;
font-size: 18px;
line-height: 28px;
}
.post-type-archive-news .newsImg-area, .post-type-archive-event .eventImg-area, .tax-event-category .eventImg-area {
display: table-cell;
width: 40%;
padding-left: 20px;
vertical-align: top;
}
.post-type-archive-news .newsImg-area img, .post-type-archive-event .eventImg-area img, .tax-event-category .eventImg-area img {
object-fit: cover;
font-family: 'object-fit: cover';
width: 100%;
max-height: 300px;
transition-duration: 0.3s;
margin-bottom: 20px;
}
.post-type-archive-news .newsImg-area img:hover, .post-type-archive-event .eventImg-area img:hover, .tax-event-category .eventImg-area img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
.post-type-archive-news .contactBtn ._3d, .post-type-archive-event .contactBtn ._3d, .tax-event-category .contactBtn ._3d {
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.post-type-archive-news article h2.entry-title, .post-type-archive-event article h2.entry-title, .tax-event-category article h2.entry-title {
font-size: 20px;
}
.post-type-archive-news .newsBody-area, .post-type-archive-event .eventBody-area, .tax-event-category .eventBody-area {
display: block;
width: 100%;
font-size: 16px;
line-height: 26px;
}
.post-type-archive-news .newsImg-area, .post-type-archive-event .eventImg-area, .tax-event-category .eventImg-area {
display: block;
width: 100%;
padding-left: 0;
vertical-align: top;
}
.flexbox .flexboxleft {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.flexbox .flexboxright {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
}  .companyTable {
display: table;
width: 100%;
padding: 50px 130px;
}
.companyTable h2 {
text-align: center;
margin-bottom: 80px;
font-weight: bold;
position: relative;
font-size: 40px;
}
.companyTable h2:before {
display: block;
content: ' ';
width: 88px;
height: 1px;
background: #ff5e4d;
position: absolute;
left: 50%;
top: 80px;
margin-left: -40px;
}
.companyTable a.contact-link {
color: #85bf5f;
font-weight: bold;
}
.companyTable ul {
list-style: none;
text-align: left;
}
.companyTable li p {
margin: 0;
}
.companyTable li.companyTableTitle {
display: table-cell;
padding-right: 30px;
font-weight: bold;
font-size: 140%;
width: 190px;
vertical-align: middle;
}
.companyTable li.companyTableText {
display: table-cell;
vertical-align: top;
border-left: dotted 1px #607D8B;
padding-left: 60px;
font-size: 140%;
line-height: 160%;
}
.companyTable li.companyTableList {
font-size: 140%;
line-height: 240%;
list-style: none;
display: inline-block;
width: 49%;
text-align: center;
}
.companyTable li.companyTableText p.textIndent {
text-indent: -1.3rem;
padding-left: 1.3rem;
}
.companyTable li.infoText p {
margin: 0;
}
.lineImg {
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood01.jpg);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
height: 300px;
position: relative;
object-fit: cover;
font-family: 'object-fit: cover';
background-position: right;
border-bottom: solid 1px #ddd;
}
.lineImg02 {
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/home01.jpg);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
height: 200px;
position: relative;
object-fit: cover;
font-family: 'object-fit: cover';
background-position: right;
}
.lineImg03 {
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood02.jpg);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
height: 200px;
position: relative;
object-fit: cover;
font-family: 'object-fit: cover';
background-position: right;
}
.lineImg04 {
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/home02.jpg);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
height: 200px;
position: relative;
object-fit: cover;
font-family: 'object-fit: cover';
background-position: right;
}
.lineImg05 {
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood03.jpg);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
height: 200px;
position: relative;
object-fit: cover;
font-family: 'object-fit: cover';
background-position: right;
}
.lineImg h1 {
text-align: center;
vertical-align: middle;
position: absolute;
top: 45%;
left: 0;
right: 0;
margin: 0;
font-size: 50px;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 2px #000;
}
ul.responsive-tabs__list {
margin: 0!important;
position: absolute;
right: 0;
left: 0;
top: -41px;
} .companyPresident {
width: 100%;
padding: 50px 100px;
}
.companyPresident h2 {
text-align: center;
margin-bottom: 80px;
font-weight: bold;
position: relative;
font-size: 40px;
}
.companyPresident h2:before {
display: block;
content: ' ';
width: 88px;
height: 1px;
background: #ff5e4d;
position: absolute;
left: 50%;
top: 80px;
margin-left: -40px;
}
.companyPresident p {
font-size: 140%;
line-height: 160%;
}
.companyPresident li {
list-style: none;
font-size: 140%;
line-height: 160%;
padding: 0;
}
.companyPresident h3 {
color: #ff5e4d;
font-weight: bold;
border-left: solid 5px;
padding-left: 10px;
}
.presidentLeft {
display: table-cell;
}
.president {
display: table-cell;
width: 170px;
padding-left: 15px;
vertical-align: top;
}
.companyPresident p.presidentName {
font-size: 125%!important;
text-align: center;
}
a.contact-link {
color: #ff4430;
font-weight: bold;
}
.lineImg06 {
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/Lecture.jpg);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
height: 200px;
position: relative;
object-fit: cover;
font-family: 'object-fit: cover';
background-position: right;
}
.lineImg07 {
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood04.jpg);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
height: 200px;
position: relative;
object-fit: cover;
font-family: 'object-fit: cover';
background-position: right;
}
.allmap {
text-align: center;
}
@media screen and (max-width: 1023px) {
.companyTable, .companyPresident {
padding: 50px 0;
}
}
@media screen and (max-width: 767px) {
.lineImg {
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood01.jpg);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
height: 300px;
position: relative;
object-fit: cover;
font-family: 'object-fit: cover';
background-position: right;
border-bottom: solid 1px #ddd;
}
.lineImg02, .lineImg03, .lineImg04, .lineImg05, .lineImg06, .lineImg07 {
height: 100px;
background-size: 100%;
}
.companyTable h2, .companyPresident h2 {
margin-bottom: 50px;
font-size: 26px;
}
.companyTable h2:before, .companyPresident h2:before {
top: 50px;
}
.companyTable li.companyTableTitle {
display: block;
padding-right: 0;
vertical-align: top;
margin-bottom: 5px;
}
.companyTable li.companyTableText {
display: block;
border-left: none;
padding-left: 15px;
border-bottom: dotted 1px #607D8B;
padding-bottom: 10px;
}
.companyTable li.companyTableList {
list-style: none;
display: block;
width: 100%;
text-align: left;
}
.companyPresident h3 {
font-size: 18px;
}
.presidentLeft {
display: block;
}
.president {
display: block;
width: 100%;
text-align: center;
margin-top: 20px;
}
.companyPresident p.presidentName {
}
.go-to-top {
right: 20px;
}
} .staff_area {
display: flex;
flex-wrap: wrap;
}
.staff_area ul.staff_card {
width: calc(25% - 8px);
position: relative;
overflow: hidden;
padding: 10px;
border: solid 1px #ccc;
margin-right: 10px;
margin-bottom: 20px;
}
.staff_area ul.staff_card:nth-child(4n+4) {
margin-right: 0px;
}
.staff_area ul.staff_card li.staff_img img {
object-fit: cover;
font-family: 'object-fit: cover';
height: 250px;
width: 100%;
}
.staff_area ul.staff_card li.staff_name {
text-align: center;
font-size: 1.8rem;
background: #dddb;
padding: 3px 0;
margin: 5px 0 2px;
}
.staff_area ul.staff_card li.staff_position {
text-align: center;
font-size: 1.6rem;
border-bottom: dotted 1px #ccc;
margin-bottom: 10px;
}
.staff_area ul.staff_card li.staff_hobby {
font-size: 1.4rem;
}
@media only screen and (max-width: 1300px) {
.staff_area ul.staff_card {
width: calc(33% - 4.5px);
}
.staff_area ul.staff_card:nth-child(4n+4) {
margin-right: 10px;
}
.staff_area ul.staff_card:nth-child(3n+3) {
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.staff_area ul.staff_card {
width: calc(50% - 5px);
}
.staff_area ul.staff_card li.staff_img img {
height: 400px;
}
.staff_area ul.staff_card:nth-child(3n+3) {
margin-right: 10px;
}
.staff_area ul.staff_card:nth-child(2n+2) {
margin-right: 0;
}
}
@media only screen and (max-width: 640px) {
.staff_area ul.staff_card li.staff_img img {
height: 320px;
}
}
@media only screen and (max-width: 420px) {
.staff_area ul.staff_card li.staff_img img {
height: 250px;
}
}
@media only screen and (max-width: 375px) {
.staff_area ul.staff_card {
width: 100%;
}
.staff_area ul.staff_card li.staff_img img {
height: 320px;
object-position: top;
font-family: 'object-position: top; object-fit: cover;';
}
.staff_area ul.staff_card {
margin: 0 0 20px!important;
}
} .modelhouse h1.entry-title:before {
content: "";
display: inline-block;
background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/modelhouse-icon.png) no-repeat;
width: 40px;
height: 40px;
background-size: 40px;
vertical-align: middle;
margin-right: 10px;
top: -2px;
position: relative;
}
.modelhouse h1 {
margin-bottom: 0;
}
.modelhouse h1 span {
font-size: 14px;
vertical-align: middle;
position: relative;
top: -1px;
margin-left: 10px;
}
.modelhouseBody {
display: block;
width: 100%;
padding: 30px 0 80px;
}
.modelhouseBody.underLine {
border-bottom: solid 1px #999;
margin-bottom: 30px;
}
.modelhouseBody h3 {
position: relative;
font-size: 40px;
font-weight: bold;
text-align: center;
border-bottom: solid 1px #ff4430;
padding-bottom: 10px;
}
.modelhouseBody .modelhouseBodyLeft {
display: table-cell;
width: 50%;
padding-right: 15px;
vertical-align: top;
}
.modelhouseBody .modelhouseBodyRight {
display: table-cell;
width: 50%;
padding-left: 15px;
vertical-align: top;
}
.modelhouseBody .modelhouseBodyLeft img, .modelhouseBody .modelhouseBodyRight img {
width: 100%;
transition-duration: 0.3s;
object-fit: cover;
font-family: 'object-fit: cover';
max-height: 500px;
}
.modelhouseBody .modelhouseBodyLeft img:hover, .modelhouseBody .modelhouseBodyRight img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
.modelhouseBody .modelhouseBodyLeft h3, .modelhouseBody .modelhouseBodyRight h3 {
font-weight: bold;
font-size: 30px;
position: relative;
text-align: left;
}
.modelhouseBody p.modelhouseText {
font-size: 18px;
line-height: 38px;
}
.modelhouseBody .firstImage {
margin-bottom: 20px;
}
.modelhouseBody .firstImage img {
width: 100%;
object-fit: cover;
font-family: 'object-fit: cover';
transition-duration: 0.3s;
}
.modelhouseBody .flexbox .modelhouseBodyLeft.box1 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.modelhouseBody .flexbox .modelhouseBodyRight.box2 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.modelhouseBody .firstImage img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
.modelhouseBodyCenter {
text-align: center;
border-top: solid 1px #999;
padding-top: 50px;
}
.modelhouseBodyCenter .button {
display: inline-block;
text-align: center;
text-decoration: none;
line-height: 150px;
outline: none;
}
.modelhouseBodyCenter .button::before, .modelhouseBodyCenter .button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.modelhouseBodyCenter .button, .modelhouseBodyCenter .button::before, .modelhouseBodyCenter .button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
._3d {
width: 200px;
text-align: center;
position: relative;
display: block;
height: 183px;
}
._3d span {
padding: 15px 20px;
display: block;
position: absolute;
width: 200px;
height: 183px;
border: 2px solid #333;
text-align: center;
transition: .3s;
font-size: 16px;
}
._3d span:before {
display: block;
content: "";
height: 60px;
width: 30px;
border: solid #000 2px;
position: absolute;
z-index: 2;
bottom: -2px;
left: 20px
}
._3d span:nth-child(1) {
background-color: #333;
color: #fff;
line-height: 140px;
vertical-align: middle;
transform: rotateY(90deg);
transform-origin: 50% 50% -50px;
}
._3d span:nth-child(2) {
background-color: #fff;
color: #333;
line-height: 140px;
transform: rotateY(0deg);
transform-origin: 50% 50% -50px;
}
._3d:hover span:nth-child(1) {
transform: rotateY(0deg);
z-index: 1;
}
._3d:hover span:nth-child(2) {
background-color: #333;
transform: rotateY(-90deg);
}
._3d span:hover:before {
border: solid #757575 2px;
border-bottom: none;
height: 60px;
bottom: -2px;
}
._3d:active span:nth-child(1) {
background: rgb(255, 102, 42);
border-color: rgb(255, 102, 42);
}
._3d span:active:before {
border: solid #fff 2px;
border-bottom: none;
height: 60px;
bottom: -2px;
}
@media only screen and (max-width: 1023px) {
.modelhouseBody .firstImage {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
}
@media only screen and (max-width: 767px) {
.modelhouseBody h3 {
font-size: 20px;
}
.modelhouseBody p.modelhouseText {
font-size: 16px;
line-height: 36px;
}
.modelhouseBody .modelhouseBodyLeft {
display: block;
width: 100%;
padding-right: 0;
}
.modelhouseBody .modelhouseBodyRight {
display: block;
width: 100%;
padding-left: 0;
}
.modelhouseBody .modelhouseBodyLeft img, .modelhouseBody .modelhouseBodyRight img {
object-fit: cover;
font-family: 'object-fit: cover';
max-height: 300px;
}
.flexbox {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexbox .modelhouseBodyLeft.box1 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.flexbox .modelhouseBodyRight.box2 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
}  .single-news .articleBody, .single-event .articleBody {
display: table;
width: 100%
}
.single-news .newsBody-area, .single-event .eventBody-area {
display: table-cell;
width: 60%;
}
.single-news .site-main.information .singleBody p, .single-event .site-main.information .singleBody p {
font-size: 18px!important;
line-height: 28px;
}
.single-news .newsImg-area, .single-event .eventImg-area {
display: table-cell;
width: 40%;
padding-left: 20px;
vertical-align: top;
}
.single-news .contactBtn ._3d, .single-event .contactBtn ._3d {
margin: 0 auto;
}
.single-news .newsImg-area img, .single-event .eventImg-area img {
object-fit: cover;
font-family: 'object-fit: cover';
width: 100%;
max-height: 300px;
transition-duration: 0.3s;
margin-bottom: 20px;
}
.single-news .newsImg-area img:hover, .single-event .eventImg-area img:hover {
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
transform: translateY(-8px);
transition-duration: 0.3s;
}
@media screen and (max-width: 767px) {
.single-news .newsBody-area, .single-event .eventBody-area {
display: block;
width: 100%;
font-size: 16px;
line-height: 26px;
}
.single-news .newsImg-area, .single-event .eventImg-area {
display: block;
width: 100%;
padding-left: 0;
vertical-align: top;
}
.single-news .site-main.information .singleBody p, .single-event .site-main.information .singleBody p {
font-size: 16px!important;
line-height: 26px;
}
} .post-type-archive-case .posted-on {
display: none;
} span.quiz-702 {
margin-bottom: 3rem;
display: block;
}
span.wpcf7-quiz-label {
display: block;
margin-bottom: 0.5rem;
}
.modal{
display: none;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 100%;
}
.modal__bg{
background: rgba(0,0,0,0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.js-modal-open {
margin-top: 20px;
display: block;
}
.js-modal-open img {
border: solid 1px #000;
margin: auto;
}
@media only screen and (max-width: 640px) {
.js-modal-open img {
width: 100%;
max-width: 445px;
}
}
.modal__content {
background: #fff;
left: 50%;
padding: 40px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 60%;
max-width: 900px;
overflow: scroll;
height: 80%;
}
.modal__content img {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.modal__content{
width: 95%;
padding: 40px 20px 20px;
}
}
.modal h2 {
text-align: center;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: solid 1px #8dc556;
}
.modal .modal_contents {
line-height: 2;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: solid 1px #8dc556;
}
a.js-modal-close {
position: absolute;
right: 8px;
top: 0px;
font-size: 50px;
line-height: 1;
color: #000;
}
.zeroh-messages {
width: 100%;
max-width: 900px;
margin: auto;
}
.zeroh-messages p {
font-size: 22px;
}
.zeroh-messages p span {
font-weight: 800;
font-size: 30px;
color: #43896b;
}
@media screen and (max-width: 767px) {
.zeroh-messages p {
font-size: 16px;
}
.zeroh-messages p span {
font-size: 25px;
}
}