.ttl_gallery_detail {
max-width: 1090px;
margin: 0 auto 10px;
padding: 0;
border-bottom: 1px solid #ccc;
position:relative;
}
.new {
position: absolute;
top:-20px;
font-weight: 500;
}
.gallery_category {
flex-basis: 70px;
margin-bottom: 3px;
}
.ttl_gallery {
font-size: 2.4rem;
line-height: 1.5;
letter-spacing: 0.05em;
flex-basis: 1000px;
margin:0 auto 20px;
}
.ttl_bottom_box{
max-width: 1090px;
margin: 0 auto 40px;
justify-content: space-between;
}
.gallery_data_top{
font-size:2rem;
}
.gallery_data_top .data_name{
padding:0 0 0 1em;
}
.cms_detail_share {
text-align: right;
}
.cms_detail_share .social_btn {
padding: 0 10px 0 0;
margin:0;
text-align: right;
}
@media screen and (max-width:1140px) {
.ttl_gallery_detail,
.ttl_bottom_box
{
max-width: 96%;
}
}
@media screen and (max-width:767px) {
.ttl_gallery_detail {
max-width: 96%;
}
.ttl_gallery {
flex-basis: 100%;
}
.cms_voice_share .social_btn {
text-align: right;
}
}
@media screen and (max-width:480px) {
.ttl_bottom_box{
flex-direction: column-reverse;
padding:0 2.5%;
}
.gallery_data_top {
font-size: 1.6rem;
}
.cms_detail_share{
margin-bottom:10px;
}
.cms_detail_share .social_btn{
margin:0;
}
} .main_slide_block{
padding: 0 0 20px;
}
.main_img_block{
align-items: flex-end;
justify-content: space-between;
}
.main_img_block .main_item{
max-width:780px;
width:100%;
}
.main_slide_block.none_before .main_img_block .main_item{
margin:0 auto;
}
.main_img_block .before_item{
max-width:280px;
width:100%;
margin:0 0 0 auto;
}
.main_img_block .before_item a{
display:block;
background:#e0e0e0;
}
.main_img_block .main_item_inner,
.main_img_block .before_item_inner{
padding-top:62.05%;
}
.main_item_inner .main_img_span{
display: inline-block;
}
.main_item_inner .main_img_span::before{
content:"\f00e";
max-width:40px;
font-size: 40px;
width:100%;
position:absolute;
z-index:1;
bottom:5px;
right: 5px;
color: #606060;
font-family: 'Font Awesome 5 Free','Font Awesome';
font-weight: 900;
}
.main_img_block .before_item_inner::before{
content:"\f00e";
max-width:40px;
font-size: 40px;
width:100%;
position:absolute;
z-index:1;
bottom:5px;
right: 5px;
color: #606060;
font-family: 'Font Awesome 5 Free','Font Awesome';
font-weight: 900;
}
.main_img_block .before_item .before_ttl{
font-size:1.8rem;
margin: 0 auto 10px;
}
.main_slide_block .img_txt{
max-width:725px;
width:100%;
font-size:1.4rem;
letter-spacing:0.05em;
padding:10px 0 0;
line-height:1.5;
}
.main_slide_block.none_before .img_txt{
margin:0 auto;
}
@media screen and (max-width: 1140px) {
.main_img_block{
justify-content: center;
}
.main_img_block .main_item{
width:65%;
}
.main_slide_block.none_before .main_img_block .main_item{
width:100%;
}
.main_img_block .before_item{
width:30%;
}
}
@media screen and (max-width: 767px) {
.main_img_block .before_item_inner::before{
max-width: 25px;
height: 25px;
}
.main_slide_block .img_txt{
max-width:none;
}
}
@media screen and (max-width: 480px) {
.main_img_block .before_item .before_ttl{
margin: 0 auto 5px;
}
} .thum_img_block{
border-top:1px solid #ccc;
flex-wrap:wrap;
}
.thum_img_block .thum_item{
max-width:130px;
width:100%;
margin:10px 0 0;
}
.thum_img_block .thum_item:not(:nth-child(8n)){
margin-right:7px;
}
.thum_img_block .thum_item_inner{
padding-top:62.05%;
display:block;
background:#e0e0e0;
}
@media screen and (max-width: 1140px) {
.works_img_area{
padding:0 2.5%;
}
.thum_img_block .thum_item {
width: 11.6%;
margin: 1% 0 0;
}
.thum_img_block .thum_item:not(:nth-child(8n)){
margin-right:1%;
}
}
@media screen and (max-width: 767px) {
.thum_img_block .thum_item:not(:nth-child(8n)){
margin-right:0;
}
.thum_img_block .thum_item {
width: 24.2%;
max-width:none;
margin: 1% 0 0;
}
.thum_img_block .thum_item:not(:nth-child(4n)){
margin-right:1%;;
}
} .works-data{
max-width: 1140px;
margin:60px auto 0;
padding: 0 25px;
}
.works-data_ttl{
margin:60px auto 0;
padding-bottom:35px;
}
.works-data_txt{
margin:50px auto 40px;
line-height:1.8;
}
.works-data_ttl .ttl_bb{
border-bottom:1px solid #000;
padding-right:20px;
font-size: 2.8rem;
letter-spacing: 0.2em;
padding-bottom:2px;
}
.works-data_ttl .ttl_en{
position:relative;
top:30px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 1140px) {
.works-data{
padding:0 2.5%;
}
}
@media screen and (max-width: 767px) {
.works-data_ttl{
max-width: 100%;
margin:0 auto 0;
padding:0 10px 35px;
}
}
@media screen and (max-width: 480px) {
.works-data_ttl .ttl_bb{
font-size: 2.4rem;
}
} .work_data_list{
border-bottom:1px dashed #eaeaea ;
}
.wd_list_block{
padding:10px 0;
}
.work_data_list .wd_list_block:not(:last-child){
border-bottom:1px dashed #eaeaea ;
}
.wd_list_item{
display:flex;
}
.wd_list_item .item_head{
border:2px solid #005c3f;
max-width:140px;
width:100%;
padding: 7px 1%;
text-align:center;
margin:0 20px 0 0;
max-height:35px;
}
.wd_list_item .item_body{
padding:5px 0 0;
}
.wd_list_item .item_body p,
.wd_list_item .item_body a{
line-height:1.5;
}
.wd_list_item .item_body .list_category_right{ justify-content: flex-start;
}
@media screen and (max-width: 635px) {
.work_data_list {
border: none;
}
.wd_list_block{
padding:2px 0;
}
.work_data_list .wd_list_block:not(:last-child) {
border: none;
}
.work_data_list .wd_list_block {
border: none;
}
} .wd_list_item .item_body a.list_tag{
line-height:1;
}
.list_category_right span {
color: #ff9933;
border: solid 1px #ff9933;
background-color: #fff;
display: block;
padding: 8px 16px;
border-radius: 16px;
margin-right: 12px;
}
.wd_list_block_reform {
margin-bottom: 20px;
}
.wd_list_block_reform .wd_list_item {
display: block;
}
.wd_list_block_reform .item_head {
font-size: 16px;
font-weight: bold;
border: none;
padding: 0 0 16px 0;
}
@media screen and (max-width: 635px) {
.wd_list_block_reform .wd_list_item .item_head{
background: none;
}
.wd_list_block_reform .wd_list_item .item_body {
background: none;
}
.wd_list_block_reform .wd_list_item .item_head {
text-align: left;
}
} .wd_list_block-2rows{
display:flex;
}
.wd_list_block-2rows .wd_list_item{
width:48%;
} .used-products li:not(:last-child){
margin-bottom:15px;
}
.used-products li a::before{
content:"■";
padding:0 0.5em 0 0;
}
.used-products li a{
color:#005c3f;
font-weight:bold;
}
.used-products li a:hover{
color:#ff9933;
}
@media screen and (max-width: 635px) {
.wd_list_block-1rows .wd_list_item{
display:flex;
}
.wd_list_item,
.wd_list_block-2rows{
display:block;
}
.wd_list_item .item_head{
margin:0;
flex-basis: 30%;
background: #ccc;
max-width: 100%;
max-height: 100%;
border: none;
margin-right: 4px;
}
.wd_list_item .item_body {
padding: 0 0;
flex-basis: calc(70% - 4px);
background: #eee;
}
.wd_list_item .item_body .list_category_right{
margin:0;
}
.wd_list_item .item_body p,
.wd_list_item .item_body a{
line-height: 1;
padding: 7px;
}
.wd_list_block-2rows .wd_list_item{
width:100%;
display: flex;
border: none;
}
.wd_list_block-2rows .wd_list_item:first-child{
padding: 0;
margin:0;
}
.wd_list_block-2rows .wd_list_item:nth-child(2n){
padding-top: 4px;
}
} .gallery_free_txt{
margin: 90px auto;
line-height:1.5;
}
.gallery_free_txt h1{
font-size: 2.4rem;
}
.gallery_free_txt h2{
font-size: 2.2rem;
}
.gallery_free_txt h3{
font-size: 2.0rem;
}
.gallery_free_txt h4{
font-size: 1.8rem;
}
.gallery_free_txt h5{
font-size: 1.6rem;
}
.gallery_free_txt h6{
font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
.gallery_free_txt{
margin: 40px auto;
}
} .btn_bottom a{
margin:40px auto 0 auto;
display:block;
width:300px;
text-align: center;
padding:20px;
background-color: #fff;
border:1px solid #ffa347;
color:#ffa347;
transition:.5s all;
letter-spacing: 0.1em;  
}
.btn_bottom a:hover{
background:#ffa347;
color:#fff;
}
.btn_bottom a i{
padding-right:15px;
} .read_more_works{
padding:30px 0 40px;
margin:50px auto 0;
}
.more_works_ttl{
border-bottom: 1px solid #ccc;
margin: 0 auto 35px;
background: transparent;
border-left: solid 5px #ffa347;
padding: 5px 20px;
}
.more_works_ttl .ttl_en,
.more_works_ttl .ttl_ja{
letter-spacing:0.05em;
font-weight:bold;
}
.more_works_ttl .ttl_en{
font-family: 'Josefin Sans', sans-serif;
font-size:3rem;
}
.more_works_ttl .ttl_ja{
color:#005c3f;
font-size:1.8rem;
padding:0 0 0 20px;
}
.more_works_list{
justify-content: flex-start;
flex-wrap: wrap;
}
.more_works_list>li{
flex-basis: 31%;
width: 100%;
border: 1px solid #eee;
margin: 0 1% 30px;
transition: .3s;
}
.more_works_list>li:hover{
box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.2);
}
.morelist_ttl {
height: 50px;
position: relative;
display: block;
overflow: hidden;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 1.8rem;
line-height: 1.5;
margin: 15px auto 0.5em;
padding: 0 3%;
}
.morelist_ttl .ellipsis_inner {
height: 50px;
line-height: 1.4;
position: relative;
display: block;
}
.morelist_ttl .ellipsis_inner:before {
content: "...";
top: 22px;
right: 0;
background: #fff;
position: absolute;
}
.morelist_ttl .ellipsis_inner:after {
content: "";
height: 100%;
width: 100%;
background: #fff;
position: absolute;
}
.gallery-data {
padding: 4px 3% 16px;
line-height: 1.5;
}
.g_d_ttl {
width: 18px;
display: inline-block;
text-align: center;
margin-right: 1rem;
}
.more_works_list li .ellipsis:before,
.more_works_list li .ellipsis:after{
background:#fffaf5;
}
.more_works_list li a{
}
.morelist_img{
margin:-1px auto 0;
transition:.2s;
}
.morelist_img_inner{
position: relative;
height: 0;
overflow: hidden;
width: 100%;
padding-top:67.3%;
}
.morelist_img_inner img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.morelist_data{
text-align:right;
font-size:1.4rem;
}
@media screen and (max-width: 767px) {
.more_works_list>li {
flex-basis: 48%;
}
.gallery-data {
font-size: 14px;
}
}
@media screen and (max-width: 550px) {
.more_works_ttl .ttl_ja{
display:block;
padding: 10px 0;
}
}
@media screen and (max-width: 480px) {
.more_works_ttl .ttl_ja{
font-size:1.4rem;
}
.more_works_list li:nth-of-type(3) .morelist_ttl,
.more_works_list li:nth-of-type(4) .morelist_ttl,
.more_works_list li:nth-of-type(5) .morelist_ttl{
font-size:1.4rem;
height: 1.5em;
}
} .favorite_btn_area{
position: relative;
max-width: 1090px;
width: 100%;
height:80px;
padding-right:1%;
margin: 0 auto;
}
.favorite_btn{
display: block;
position: static;
background-color: transparent;
border-radius: 32px;
border:none;
cursor: pointer;
outline: none;
padding: 10px;
appearance: none;
background:#fff;
box-shadow:0 0 4px rgba(0,0,0,0.2);
font-size:18px;
width:100%;
text-align:center;
max-width:320px;
margin-left:auto;
}
.addfavorite.favorite_btn{
border:solid 1px #666666;
}
.favorite_btn:hover{
opacity: 0.7;
}
.removefavorite.favorite_btn{
border:solid 1px #f7757c;
transform: translateY(-100%);
visibility: hidden;
}
.favorite_btn .fav_icon{
display: inline;
font-size:20px;
margin:0 10px;
}
.addfavorite{
color:#666666;
}
.removefavorite{
color:#f7757c;
}
.fav_txt{
font-size:18px;
}
.bottom_fav_blc .favorite_btn{
margin: 0 auto;
}
.bottom_fav_blc .favorite_btn_area{
padding: 60px 0;
}
@media screen and (max-width: 640px) {
.favorite_btn_area{
height:70px;
}
.favorite_btn{
max-width:220px;
}
.favorite_btn .fav_icon{
font-size:16px;
}
.fav_txt{
font-size:12px;
}
.bottom_fav_blc .favorite_btn_area{
padding: 30px 0;
}
}
.MovieBox{
margin: 60px auto 0;
max-width: 620px;
padding: 0 10px;
}
.MovieArea{
position:relative;
width:100%;
height:0;
padding-top:75%;
}
.MovieBox iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.floor_plan{
text-align: center;
margin: 60px auto 40px;
}
.accordion_header{
display: none;
}
.accordion_inner{
display: flex;
margin: 0 auto;
text-align: left;
}
.box-before{
width: 50%;
margin: 0 10px;
}
.box-before-title{
line-height: 1.8;
font-size: 20px;
}
.box-before-img{
padding-top: 62.05%;
display: block;
background: #fff;
}
.box-after{
width: 50%;
margin: 0 10px;
}
.box-after-title{
line-height: 1.8;
font-size: 20px;
}
.box-after-img{
padding-top: 62.05%;
display: block;
background: #fff;
}
@media screen and (max-width: 640px) {
.accordion_header{
position: relative;
display: block;
cursor : pointer;
background-color: #b7b7b7;
padding: 10px;
margin-bottom: 20px;
text-align: left;
}
.accordion_header:before{
position: absolute;
top: 70%;
left: 30%;
margin-top: -14px;
content: '▼';
font-size: 14px;
font-weight: bold;
-moz-transition: all, 0.25s, linear;
-o-transition: all, 0.25s, linear;
-webkit-transition: all, 0.25s, linear;
transition: all, 0.25s, linear;
}
.accordion_header.active:before{
-moz-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.accordion_title{
margin-left: 35%;
}
.accordion_inner{
display: inherit;
width: 100%;
}
.box-before{
width: 100%;
margin: 20px 0;
}
.box-after{
width: 100%;
margin: 20px 0;
}
}
.works_item .works_ttl{
font-size: 1.8rem;
overflow: hidden;
position: relative;
height: 1.5em;
line-height: 1.5;
background-color: #fff;
padding-right: 0.6em;
margin: 0 auto 10px;
}
.works_item .works_ttl::before {
content: "...";
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
width: 0.6em;
}
.works_item .works_ttl::after {
content: "";
position: relative;
right: -1em;
float: right;
width: 1em;
height: 100%;
background-color: inherit;
}
.gallery-data_tag_box {
display: flex;
width: 100%;
}
.gallery-data_tag {
color: #fff;
font-size: 12px;
display: block;
padding: 6px 6px;
margin-top: 4px;
margin-right: 2%;
background-color: rgba(227,156,19,0.5);
display: inline-block;
}
.sl_mansion{
background: rgba(243,72,20,0.5);
}
.sl_house{
background: rgba(0,121,183,0.5);
}
.gallery-image_tag {
display: flex;
margin: 10px auto 0;
flex-wrap: wrap;
}
.gallery-image_tag p {
font-size: 14px;
color: #ff9933;
border: solid 1px #ff9933;
background-color: #fff;
display: block;
padding: 6px 6px;
border-radius: 16px;
margin-right: 12px;
margin-bottom: 10px;
}