.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;
}
a{
cursor: pointer;
}
@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;*/
/*    max-width: 23%;
    margin: 1% 0 0;*/
        max-width: none;
        margin: 1% 0% 0px 0% !important;
        padding: 0 0% 0 0;
}
.thum_img_block .thum_item:not(:nth-child(4n)){
 margin-right:1%;;
}
}

.sp-swiper-slider_thum .thum_item {
    border: 1px solid #fff;
}
.sp-swiper-slider_thum .swiper-slide-thumb-active {
    border: 1px solid #000;
}
.sp-swiper-slider_thum .swiper-scrollbar {
  position: relative!important;
  margin-top: 1.6rem;
}
.sp-swiper-slider_thum  .swiper-scrollbar::after {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  margin: auto;
  content: "";
  background-color: #eee;
}
.sp-swiper-slider_thum  .swiper-scrollbar-drag {
    height: 4px;
    padding: 0px 0;
    cursor: pointer;
    background-color: #333;
    background-clip: content-box;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 0px);
    left: 0;
    top: 0;
}
@media only screen and (min-width: 768px) {
  .sp-swiper-slider_thum  .swiper-scrollbar-drag:hover {
    background-color: #000;
  }
}
.sp-swiper-slider_thum  .swiper-scrollbar-drag:active {
    background-color: #000;
}
/*works-data　施工事例情報*/
.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】　*/
.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{
 /*margin-top:-5px;*/
 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;
  }
}
/*2列*/
.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 こちらの施工事例もご覧ください */
.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;
}
}

/*===================================
 favorit_btn(11/12)
====================================*/
.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;
}