/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*inview*/
/*inview*/
.fadein{
    opacity:0;
}
.fadeup{
    opacity:0;
    -webkit-transform: translateY(.15rem);
        -ms-transform: translateY(.15rem);
            transform: translateY(.15rem);
}
.fadeleft{
    opacity:0;
    -webkit-transform: translateX(.15rem);
        -ms-transform: translateX(.15rem);
            transform: translateX(.15rem);
}
.faderight{
    opacity:0;
    -webkit-transform: translateX(-.15rem);
        -ms-transform: translateX(-.15rem);
            transform: translateX(-.15rem);
}
.fadein_on{
    -webkit-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
    opacity: 1 !important;
}
.fadeup_on{
    -webkit-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1 !important;
}
.fadeleft_on{
    -webkit-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1 !important;
}
.faderight_on{
    -webkit-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1 !important;
}
/*トップページ*/
/*トップ共通*/
.home main p {
    letter-spacing: 0.08em;
}
.section_h{
    padding: 45px 0 20px;
    text-align: center;
}
.section_h h2{
    display: inline-block;
    color: #998675;
    position: relative;
    font-size: .28rem;
    letter-spacing: .03rem;
    font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
.section_h h2::after{
    content: "";
    width: 106%;
    height: 5px;
    background-color: #998675;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50% , 0);
        -ms-transform: translate(-50% , 0);
            transform: translate(-50% , 0)
}
.more_box{
    min-width: 165px;
}
.more{
    padding: 0 .56rem 0 .12rem;
    text-decoration: none;
    color: #998675;
    position: relative;
    font-size: .14rem;
    font-family: 'Poppins', sans-serif;
    letter-spacing: .02rem;
}
.more::before{
    content: "";
    width: 1.62rem;
    height: 1px;
    background-color: #998675;
    position: absolute;
    left: 1.8%;
    bottom: -18%;
}
.more::after{
    content: "";
    width: 1px;
    height: 30px;
    background-color: #736357;
    -webkit-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
            transform: rotate(-55deg);
    position: absolute;
    right: 6%;
    bottom: -48%;
}
/*トップスライダー*/
.first_image{
    position: relative;
}
.first_image .fade1,
.first_image .fade2{
    width: 100%;
    height: auto;
}
.first_image .fade2{
    position: absolute;
	top:0;
	left:0;
}
.top_slider{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.first_image .fade0{
    position:absolute;
    top:0;
    left:0;
}
.fade0,
.fade1,
.fade2{
    opacity: 0;
}
.fade1{-webkit-animation: fadeIn1 7s ease 0s 1 normal;animation: fadeIn1 7s ease 0s 1 normal;}
@-webkit-keyframes fadeIn1 { 
    0% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    90%{
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn1 { 
    0% {
        opacity: 1;
    }
    20% {
        opacity: 1;
    }
    90%{
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
.fade0{-webkit-animation: fadeIn0 8s ease 0s 1 normal;animation: fadeIn0 8s ease 0s 1 normal;}
@-webkit-keyframes fadeIn0 { 
    0% {
        opacity: 0;
        -webkit-transform: translate( 0 , 30px);
                transform: translate( 0 , 30px);
    }
    10% {
        opacity: 0;
        -webkit-transform: translate( 0 , 30px);
                transform: translate( 0 , 30px);
    }

    80% {
        opacity: 1;
        -webkit-transform: translate( 0 , 0);
                transform: translate( 0 , 0);
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeIn0 { 
    0% {
        opacity: 0;
        -webkit-transform: translate( 0 , 30px);
                transform: translate( 0 , 30px);
    }
    10% {
        opacity: 0;
        -webkit-transform: translate( 0 , 30px);
                transform: translate( 0 , 30px);
    }

    80% {
        opacity: 1;
        -webkit-transform: translate( 0 , 0);
                transform: translate( 0 , 0);
    }
    100% {
        opacity: 0;
    }
}
.fade2{-webkit-animation: fadeIn3 7s ease 3s 1 normal;animation: fadeIn3 7s ease 3s 1 normal;}
@-webkit-keyframes fadeIn3 { 
    0% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
}
@keyframes fadeIn3 { 
    0% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
}
.top_slider{-webkit-animation: fadeIn2 7.2s ease 2s 1 normal;animation: fadeIn2 7.2s ease 2s 1 normal;}
@-webkit-keyframes fadeIn2 { 
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn2 { 
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.top_slider.active{
	z-index:1;
}
.top_slide{
    padding-bottom: 51.5%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fade0{
    background-image: url(/webdata/wp-content/themes/original/images/slide1.png?1126);
}
.fade1{
    background-image: url(/webdata/wp-content/themes/original/images/slide1b.jpg?1126);
}
.fade2{
    background-image: url(/webdata/wp-content/themes/original/images/slide2.jpg?1126);
}
.top_slide2{
    background-image: url(/webdata/wp-content/themes/original/images/top_slide1b.jpg?1126);
	/*黒いキッチン*/
}
.top_slide3{
    background-image: url(/webdata/wp-content/themes/original/images/top_slide3.jpg?1126);
	/*ステンレスキッチン*/
}
.top_slide4{
    background-image: url(/webdata/wp-content/themes/original/images/top_slide4-new.jpg?1126);
	/*屋根が三角の日当たりの良いキッチン*/
}
.top_slide5{
    background-image: url(/webdata/wp-content/themes/original/images/top_slide5-new.jpg?1126);
	/*バルルーム画像*/
}

.top_slide6{
	background-image: url(/webdata/wp-content/themes/original/images/top_slide6.jpg);
	/*バルルーム画像を仮で*/
	position: relative;
}
.rib_link_box{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.slick-slide .rib_link_img {
    position: absolute;
    bottom: 88px;
    right: 60px;
    width: 194px;
}
.rib_link_text {
    position: absolute;
    bottom: 38px;
    right: 70px;
    text-decoration: none;
    color: #A35542;
    font-size: .15rem;
}

.rib_link_text.more::after {
    background-color: #A35542;
    right: 8%;
    bottom: -43%;
}

.rib_link_text.more::before {
    background-color: #A35542;
}

/*導入*/
.top_intro{
	padding: 70px 0 70px;
	margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	    flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.top_intro h2{
    margin-top: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    /*width: 200px;*/
	    font-size: .24rem;
		margin-bottom: 27px;
		letter-spacing: 0.03em;
}
.top_intro h2 img{
    width: 100%;
    height: auto;
}
.top_intro div{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: calc(100% - 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
			margin-bottom: 52px;
}
.top_intro p {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%;
    /*line-height: .33rem;*/
	text-align: center;
	    line-height: 2.4;
		font-size: .15rem;
		letter-spacing: 0.05em !important;
}
.top_intro .more_box{
    margin-bottom: -25px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    /*width: 25%;*/
	margin-left: auto;
}

.top_intro > img{
	width:163px;
	margin-bottom: 7px;
}

/*TOPICS*/
.top_topics{
    padding-bottom: 70px;
    background-color: #f2f2f2;
}
.top_topics .centering{
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.top_topics_wrap{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    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;
}
.top_topics_wrap a{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 31%;
            flex: 0 1 31%;
    text-decoration: none;
    color: #000;
}
.topic_pic{
    padding-bottom: 69%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.topic_text{
    padding: 12px 24px;
    position: relative;
    background-color: #fff;
    min-height: 95px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.topic_text::after{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/webdata/wp-content/themes/original/images/icon_more.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 35%;
    right: 5%;
}
.topic_text time{
    margin-bottom: .05rem;
    display: inline-block;
    color: #808080;
}
.top_topics .more_box{
    margin-top: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
/*ITEMS*/
.top_items{
    padding: 10px 0 30px;
}
.top_items .section_h{
    padding: 80px 0 42px;
}
.top_items .more_box{
    float: right;
}
.top_bath,
.top_table{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.top_bath .top_items_pic,
.top_bath .top_items_text,
.top_table .top_items_pic,
.top_table .top_items_text{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.top_items_pic{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.top_items .top_items_text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.top_items h3{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.top_items h3 img{
    width: 100%;
    height: auto;
}
.top_items .top_items_text div{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.top_items_text p{
    margin-top: 10px;
    font-size: .13rem;
}
.top_items_text p span{
    margin-bottom: 6px;
    display: block;
    font-size: .16rem;
}
/*ITEMS:kitchen*/
.top_kitchen .top_items_pic{
    padding-bottom: 41%;
    margin-left: calc((100% - 1000px) / 2);
	margin-bottom:30px;
}
.top_kitchen .top_items_text{
    margin: 22px auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.top_kitchen h3{
    margin-left: 40px;
    width: 25%;
}
.top_kitchen .top_items_text div{
    width: 60%;
}
.top_items_text p {
    line-height: .27rem;
    margin-bottom: 27px;
}

.top_items .centering{
width:1050px;
margin: 0 auto 80px;
}
/*トップITEMS:bath*/
.top_bath{
    margin-top: 54px;
   /* padding-right: calc((100% - 1000px) / 2);*/
    width: 100%;
	justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
    align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	margin: 54px auto 0;
}
.top_bath .top_items_pic{
    padding-bottom: 39.5%;
    width: calc(100% - 630px);
}
.top_bath .top_items_text{
    /*width: 28.7%;*/
	width: 392px;
    max-width: 29%;
	margin-right: 130px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.top_bath h3{
   	margin: 20px 0px 10px 0px;
    width: 40%;
}
.top_bath h3 img{
    width: 100%;
    height: auto;
}
.top_bath p{
    margin-bottom: 20px;
    line-height: .28rem;
}


.top_bath .top_items_text p span {
}

/*ITEMS:semi-order-routine*/
.top_items .top_table {
margin-bottom: 118px;
	max-width: 1100px;
    padding-right: 50px;
}

.top_table{
    margin-top: 97px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.top_table .top_items_pic{
    padding-bottom: 34%;
    width: 55%;
}
.top_table .top_items_text{
    width: 35%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.top_table h3{
    margin: 0 0 23px 3px;
    width: 64%;
}
.top_table h3 img{
    width: 100%;
    height: auto;
}
.top_table p{
    margin-bottom: 23px;
    line-height: .28rem;
}



.top_items .semi-order-routine {
width:1100px;
margin:0 auto;
max-width:100%;
    margin-top: 115px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: center;
}
.semi-order-routine .top_items_pic{
    padding-bottom: 50%;
    width: 38%;
}
.semi-order-routine .top_items_text{
    width: 55%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
			    margin-bottom: -35px;
}
.semi-order-routine h3{
    margin: 0 0 23px 0;
    width: 100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.semi-order-routine h3 img{
    width: 74%;
    height: auto;
}
.semi-order-routine p{
    margin-bottom: 23px;
    line-height: .28rem;
}
.semi-order-routine h3 img:nth-of-type(2){
width:98px;
max-width:100%;
margin-top: -50px;
}

.semi-order-routine .top_items_pic {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
/*トップWORKS*/
.top_works{
	padding: 20px 0 38px;
}
.top_works .section_h{
    padding-bottom: 42px;
}
.top_works a{
   text-decoration: none;
}
.top_works_pic{
    padding-top: 65%;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.top_works p{
    margin-top: -44px;
    padding-left: 5%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    line-height: .44rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}
.top_works p br{
	display:none;
}
.top_works .centering{
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: center;
}
.top_kitchen_more,
.top_bath_more{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.top_kitchen_more{
    margin-right: 55px;
}
.top_kitchen_more .more::before{
    width: 2.01rem;
}
.top_bath_more .more::before{
    width: 1.76rem;
}
/*トップWORKSスライダー*/
.works_slider_wrap {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
    overflow: hidden;
}
.works_slider_wrap.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  -webkit-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
.works_slider .slick-list {
  overflow: visible;
}
.works_slider.slider {
  max-width: 680px;
  margin: 0 auto;
}
.slick-prev{
    left: 50px;
}
.slick-next{
    right: 50px;
}
.slick-arrow:before{
    content:""!important;
    width: 180%!important;
    height: 180%!important;
    position: absolute;
    top: 0;
    left: 0;
  }
  .slick-next:before{
    background: url(/webdata/wp-content/themes/original/images/arrow_r.svg)!important;
    background-size: contain!important;
      background-repeat: no-repeat!important;
  }

  .slick-prev:before{
    background: url(/webdata/wp-content/themes/original/images/arrow_l.svg)!important;
    background-size: contain!important;
      background-repeat: no-repeat!important;
  }
/*トップSHOWROOM*/

.top_showroom .section_h{
padding: 60px 0 30px;
}

.top_showroom p.centering{
    text-align: center;
    line-height: .28rem;
}
.top_showroom_list{
    margin: 30px 0 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.top_kobe,
.top_tokyo{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 48.5%;
}
.top_kobe_pic,
.top_tokyo_pic{
    padding-bottom: 60%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.top_kobe_text,
.top_tokyo_text{
    margin-top: 30px;
    text-align: center;
}
.top_kobe_text{
    padding-left: calc(100% - 480px);
}
.top_tokyo_text{
    padding-right: calc(100% - 480px);
}
.top_kobe p,
.top_tokyo p{
    margin-top: 11px;
    text-align: justify;
    line-height: .25rem;
}
.top_showroom h3 img{
    height: 42px;
    width: auto;
}
.top_kobe p span,
.top_tokyo p span{
    margin-bottom: 10px;
    display: block;
}
.top_showroom .more_box{
    margin: -10px 20px 0 0;
    float: right;
}
/*トップCOLUMN*/
.top_column {
    background-color: #f2f2f2;
    padding-top: 10px;
}
.top_column .centering{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
/*
.top_article_wrap{
    margin-top: 11px;
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
*/
.top_article_wrap {
    margin-top: 11px;
    margin: 11px auto 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;

    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;
}
/*
.top_article_wrap a{
    flex: 0 1 31%;
    text-decoration: none;
    color: #000;
}
*/
.top_article_wrap a {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 31%;
            flex: 0 1 31%;
    text-decoration: none;
    color: #000;
}
.article_pic{
    padding-bottom: 69%;
    width: 100%;
    background-size: cover;
    background-position: center;
	background-color: #d9d9d9;
}
.article_text{
    padding: 12px 24px;
    position: relative;
    background-color: #fff;
    min-height: 95px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.article_text::after{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/webdata/wp-content/themes/original/images/icon_more.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 35%;
    right: 5%;
}
.article_text time{
    margin-bottom: 5px;
    display: inline-block;
    color: #808080;
}
.top_column .more_box{
    margin-top: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
/*トップBLOG*/
.top_blog{
    padding-bottom: 67px;
    background-color: #f2f2f2;
}
.top_blog .section_h{
    padding-top: 37px;
}
.top_blog .centering{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.top_blog_list{
    margin: 10px 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    list-style: none;
    background-color: #fff;
}
.top_blog_list a{
    margin: 0 auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: calc(100% - 60px);
    min-height: 90px;
    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;
    text-decoration: none;
    color: #000;
}
.top_blog_list a:not(:last-child){
    border-bottom: solid 1px #736357;
}
.top_blog_date{
    margin-left: 17px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 9%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.top_blog_ym{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: .14rem;
}
.top_blog_ym time:first-child{
    margin-top: 10px;
}
.top_blog_ym time:last-child{
    margin-top: -5px;
}
.top_blog_d{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50%;
    font-size: .36rem;
}
.top_blog_list p{
    padding-right: 75px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 85%;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.top_blog_list p::after{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/webdata/wp-content/themes/original/images/icon_more.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 50%;
    right: 3%;
    -webkit-transform: translate(0 , 50%);
        -ms-transform: translate(0 , 50%);
            transform: translate(0 , 50%);
}
.top_blog .more_box{
    margin-top: 17px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
/*トップ問い合わせ*/
.top_contact{
    padding: 123px 0 102px;
}
.top_contact a{
    color: #000;
    text-decoration: none;
}
.top_contact img{
    width: 100%;
    height: auto;
	margin-bottom:105px;
}
.top_routine-banner img{
	margin-bottom:70px;
}
.top_contact_icon{
    margin: 0 auto 0px;
    width: 93%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.home .top_contact_icon{
    margin: 0 auto 0;
}
.top_contact_icon a{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50%;
    text-align: center;
}
.top_contact_icon a:first-child{
    margin-right: 30px;
}
.top_contact_icon a:first-child img{
    margin: 0 auto;
    width: 75px;
    height: auto;
}
.top_contact_icon a:last-child img{
    margin: 0 auto;
    width: 81px;
    height: auto;
}
.top_contact_icon  span{
    margin-top: 12px;
    display: block;
}

/*下層ページ*/
/*CONCEPTページ*/
.heading{
    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;
    width: 100%;
    height: 384px;
    background-position: center;
    background-size: cover;
}
.heading .heading_title {
    text-align: center;
    color: #fff;
    font-size: .15rem;
    font-weight: 300;
    width: 3rem;
    height: .8rem;
    background-color: rgba(0,0,0,0.3);
    margin-bottom: -56px;
}
.heading .heading_title span {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: .30rem;
    font-weight: 200;
    vertical-align: baseline;
    line-height: 1.1;
    padding-top: 12px;
}
.concept_intro {
    margin: 90px auto 60px;
    text-align: center;
    font-size: .14rem;
}
.concept_intro h3 {
    font-size: .24rem;
    letter-spacing: 0.2em;
}
.concept_intro p{
    margin: 20px 0;
    line-height: .32rem;
    font-size: .15rem;
	text-align: center;
}
.concept_intro img{
    width: 45px;
    height: auto;
}
.concept_h3_img{
    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;
    width: 100%;
    height: 768px;
    background-image: url(/webdata/wp-content/themes/original/images/concept_koto1.jpg);
    background-position: center;
    background-size: cover;
}

@media screen and (min-width:950px){

.top_sns {
    display: none !important;
}

	/*.top_sns a{
		width:80px;
		display: inline-block;
	}
	
	.top_sns a:last-child {
        width: 45px;
    }
	
	.top_contact img{
		margin-bottom:0;
	}*/
}


@media(min-width: 900px){
	.concept_h3_img {
    	background-attachment: fixed;
	}
}
.concept_contents h3{
    color: #fff;
    font-size: .36rem;
}
.concept_contents .centering{
    padding: 95px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.concept_contents .concept_text{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50%;
    height: 275px;
    line-height: .3rem;
    font-size: .15rem;
}
.concept_contents .concept_text span{
    margin-bottom: 30px;
    display: block;
    font-size: .21rem;
}
.concept_contents .concept_text p:first-of-type{
    margin-bottom: 14px;
}
.concept_square{
    padding-bottom: 27.5%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-width: 275px;
    background-position: center;
    background-size: cover;
}
.concept_mono,
.concept_kurashi{
    margin-top: 14px;
}
.concept_mono h3{
    text-shadow: 0 0 15px #3b3b3b;
}
.concept_kurashi .content_text{
    width: 48%;
}
.concept_order{
    margin-top: 15px;
    padding: 33px 0 15px;
    background-color: #f2f2f2;
}
.concept_order .centering{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.concept_order .centering a{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 31%;
}
.concept_order_pic{
    padding-bottom: 66%;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.concept_order img{
    margin: 13px 0 0 10px;
    height: 46px;
    width: auto;
}
.concept_contact{
    padding: 75px 0 17px;
}
.concept_contact a{
    text-decoration: none;
    color: #000;
}
/*トップ・CONCEPT：1080px以下*/
@media(max-width: 1080px){
    .centering{
    width: calc(100% - 40px);
    }
    .top_kitchen .top_items_pic_wrap {
    margin-left: 40px;
    }
    .top_bath{
    padding-right: 40px;
    }
    .top_kobe_text {
    margin-left: 40px;
    }
    .top_tokyo_text {
    margin-right: 40px;
    }
	.concept_intro{
		margin: 0 auto;
		width: calc(100% - 40px);
	}
	.concept_intro p{
		text-align: justify;
	}
    .concept_contents .concept_text{
    height: auto;
    }
}
/*トップ・CONCEPT：スマホ*/
@media(max-width: 599px){
    .top_slide{
        padding-bottom: 100svh;
    }
	.fade0{
    	background-image: url(/webdata/wp-content/themes/original/images/slide1_sp.png?1126);
		background-size: 80%;
	}
	
	.top_slide2{
    background-image: url(/webdata/wp-content/themes/original/images/sp-top-slider2.jpg?1126);
	/*黒いキッチン*/
}
	.top_slide3{
    background-image: url(/webdata/wp-content/themes/original/images/sp-top-slider3.jpg?1126);
	/*自然キッチン*/
}
	.top_slide4{
    background-image: url(/webdata/wp-content/themes/original/images/sp-top-slider4.jpg?1126);
	/*白いキッチン*/
}
	.top_slide5{
    background-image: url(/webdata/wp-content/themes/original/images/sp-top-slider5.jpg?1126);
	/*バルルーム画像*/
}

	.top_slide6{
    	background-image: url(/webdata/wp-content/themes/original/images/sp-top-slider6.jpg);
	
}

.slick-slide .rib_link_img {
    bottom: 86px;
    right: 17px;
    width: 138px;
}

.rib_link_text {
    bottom: 54px;
    right: 13px;
}
    .centering{
        width: calc(100% - 40px);
    }
    .section_h{
        padding: 16px 0;
    }
    .top_intro{
        padding: 28px 0 28px;
        width: calc(100% - 40px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .top_intro h2{
        margin-top: 30px;
		margin-bottom: 18px;
		font-size: .21rem;
		
    }
    .top_intro div{
        margin-top: 16px;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
				margin-bottom: 55px;
    }
	
	.top_intro > img {
    width: 140px;
	margin-bottom: 40px;
}
	
    .top_intro p{
        width: 100%;
        text-align: center;
		font-size: .13rem;
		line-height: 2.55;
    }
    .top_intro .more_box{
        margin: 15px 0 0 auto;
        width: auto;
    }
    /*TOPICS*/
	.top_topics{
	    padding-top: 28px;
	}
    .top_topics .centering,
    .top_column .centering{
     width: 100%;
    }
	
	 .top_topics .centering{
	 	margin-top: 11px;

	}
	
    .top_topics_wrap,
    .top_article_wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .top_topics_wrap a,
    .top_article_wrap a{
    	width: calc(100% - 74px);
    }
    .top_topics_wrap a,
    .top_article_wrap a{
        margin-bottom: 18px;
    }
    .topic_text,
    .article_text{
        padding: 0 20px;
    }
    .topic_text time,
    .article_text time{
        margin-top: 14px;
    }
    .top_topics .more_box,
    .top_column .more_box{
        margin: 12px 10px 0 0;
    }
    /*ITEMS*/
    .top_items .section_h{
        padding: 30px 0;
    }
    .top_kitchen .top_items_pic{
        padding-bottom: 48%;
    }
    .top_kitchen h3{
        margin: -58px 0 24px 0;
        width: 65%;
    }
    .top_kitchen .centering,
    .top_bath .top_items_text,
    .top_table .top_items_text{
        width: 100%;
    }
	
	.top_bath .top_items_text {
    margin-right: 0px;
}
	
    .top_kitchen h3,
    .top_kitchen p{
        padding: 0 20px;
    }
    .top_kitchen p{
        line-height: .25rem;
    }
    .top_kitchen_more{
        margin-right: 0;
    }
    .top_kitchen .more_box,
    .top_table .more_box{
        margin: 0 10px 0 auto;
    }
    .top_kitchen .top_items_pic{
        margin-left: 10px;
    }
    .top_bath{
        margin-top: 54px;
        padding-right: 0;
    }
    .top_bath .top_items_pic{
        margin: 0 auto 0 0;
        padding-bottom: 66%;
        width: calc(100% - 10px);
    }
    .top_bath h3{
        margin: -35px 2px 0 0;
    }
    .top_bath p{
        margin: -7px 0 0 0;
    }
    .top_bath p span{
        margin-bottom: 10px;
    }
    .top_bath .more_box{
        margin-right: 10px;
    }
    .top_bath h3,
    .top_bath p,
    .top_table h3,
    .top_table p{
        padding: 0 20px;
    }
    .top_table h3{
        margin: -40px 0 25px 0;
    }
	
	.top_bath .top_items_text{
		width: 100%; 
    	max-width: 100%;
	}
	
    .top_bath,
    .top_table{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .top_table.centering{
        margin-top: -20px;
    	margin-bottom: 60px;
        width: 100%;
    }
    .top_table .top_items_pic{
        margin-left: 10px;
        padding-bottom: 60%;
        width: calc(100% - 10px);
    }
    .top_table .top_items_text.centering{
        width: 100%;
    }
    .top_table p{
        margin-bottom: 18px;
    }
    .top_items_text{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .top_kitchen .top_items_text div{
        width: 100%;
    }
	
	.top_items .semi-order-routine{
	display:block;
	    margin-top: 54px;
	}
	
	.top_items .semi-order-routine .top_items_pic{
		margin-left: 60px;
		height: 200px;
		width: calc(100% - 60px);
	}

	.semi-order-routine h3 img {
		width: 72%;
	}

	.semi-order-routine h3 {
		flex-direction: row-reverse;
		width: 90%;
		margin: -78px 0 10px 50px;
	}

	.semi-order-routine h3 img:nth-of-type(2) {
		margin-top: 0;
		width: 80px;
		margin-bottom: -204px;
		transform: translateX(-48px);
	}

	.top_items > div:last-of-type{
	margin-bottom:60px;
	}
	
    /*WORKS*/
    .top_works{
        padding-bottom: 26px;
    }
    .top_works .section_h{
        padding: 10px 0 24px;
    }
    .works_slider_wrap{
         padding: 0;   
    }
    .works_slider.slider{
        width: 100%;
    }
    .slick-prev{
        top: 35%;
        left: 6%;
    }
    .slick-next{
        top: 35%;
        right: 6%;
    }
    .top_works_pic{
        padding-top: 68%;
    }
    .top_works p{
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0 15px;
        background-color: transparent;
        color: #000;
        line-height: .2rem;
    }
    .top_works .centering{
        margin-top: 7px;
        width: calc(100% - 40px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
    .top_works .top_kitchen_more{
        margin-bottom: 15px;
    }
    /*SHOWROOM*/
	.top_showroom .section_h {
		padding: 40px 0 30px;
	}
    .top_showroom p.centering{
        line-height: .29rem;
    }
    .top_showroom_list{
        margin: 22px 0 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .top_showroom .centering span{
        color: #998675;
    }
    .top_kobe,
    .top_tokyo{
        width: 100%;
    }
    .top_kobe_pic,
    .top_tokyo_pic{
        margin: 0 auto;
        padding-bottom: 57%;
        width: calc(100% - 20px);
    }
    .top_kobe_text,
    .top_tokyo_text{
        margin: 0 auto;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .top_showroom h3{
        margin-top: -42px;
    }
    .top_showroom h3 img{
        margin-left: 15px;
    }
    .top_kobe p,
    .top_tokyo p{
        margin: 16px auto 10px;
		width: calc(100% - 40px);
        text-align: center;    
    }
    .top_kobe{
        margin-bottom: 47px;
    }
    .top_showroom .more_box{
        margin-right: 0;
        float: none;
    }
    /*トップ・ブログ*/
	.top_column {
		padding-top: 28px;
	}
    .top_blog{
        padding-top: 10px;
    }
    .top_blog_list a{
        width: calc(100% - 20px);
    }
    .top_blog_date{
        margin-left: 0;
        width: 21%;
    }
	
    .top_blog_ym{
        font-size: .12rem;
    }
    .top_blog_ym time:first-child{
        margin-top: 0;
    }
    .top_blog_d{
        font-size: .30rem;
    	width: 40px;
    }
    .top_blog_list p{
        padding-right: 33px;
        width: 74%;
    }
    .top_bloc .more_box{
        margin-top: 10px;
    }
    /*トップ・問い合わせ：スマホ*/
	.top_contact {
		padding: 70px 0 55px;
	}
    .top_contact_icon{
        margin-bottom: 44px;
        width: calc(100% - 40px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
	.home .top_contact_icon {
    	margin: 20px auto 70px;
	}
    .top_contact_icon a:first-child{
        margin: 0 0 42px;
    }
    .top_contact_icon a{
        width: 100%;
    }
	.top_contact .centering img {
        width: calc(100% - 40px);
        text-align: center;
        margin: 0 auto 50px;
    }
    .top_contact .centering>a{
        text-align: center;
    }
    .top_sns{
        margin-top: 20px;
        text-align: center;
    }
    .top_sns img{
        margin: 0 20px 0 0;
        height: auto;
    }
    .top_sns a:first-child img{
        margin-bottom: -17px; 
        width: 80px;
    }
    .top_sns a:last-child img{
        width: 45px;
    }
    /*CONCEPT：スマホ*/
	.concept_intro {
        margin: 45px auto 45px;
        width: calc(100% - 40px);
    }
	.concept_intro h3 {
			font-size: .20rem;
			line-height: 1.7;
	}
    .concept_h3_img{
        height: 300px;
    }
    .concept_contents .centering{
        padding: 30px 0 75px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .concept_contents .concept_text{
        margin: 0 auto 30px;
        width: calc(100% - 20px);
        height: auto;
    }
	.concept_contents h3 {
		font-size: .28rem;
		text-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
	}
    .concept_square{
        padding-bottom: 100%;
    }
	.concept_square {
    	padding-bottom: 64%;
    	width: 64%;
    	min-width: unset;
    	margin: 0 auto;
	}
    .concept_order .centering {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .concept_order .centering a{
        margin-bottom: 30px;
        width: 100%;
    }
}
@media(max-width: 340px){
    .top_showroom p.centering{
        letter-spacing: -.01rem;
    }
}

/*よくある質問ページ*/
.faq_main {
    background-color: #f2f2f2;
    padding-bottom: 45px;
}
.faq_main h3{
    margin: 40px auto 0;
    max-width: 900px;
}
.q,
.a{
    margin: 0 auto;
    max-width: 900px;
    background-color: #fff;
}
.q,
.a div {
    padding: 25px 22px 25px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.q{
    margin-top: 30px;
    cursor: pointer;
}
.a{
    display: none;
}
.q p{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 77%;
}
.a p {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 83%;
    padding-right: 19px;
    line-height: 1.8;
}
.q>span,
.a span{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 10%;
    text-align: center;
}
/*プラスアイコン*/
.plus {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 13;
}
.faq_caution {
    font-size: .15rem;
    text-indent: -15px;
    padding-left: 0.15rem;
    display: block;
}
  .plus span {
  display: block;
  position: absolute;
  top: 50%;
  width: 23px;
  border-bottom: solid 3px #000;
  -webkit-transition: .35s ease-in-out;
  -o-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  }
  .plus span:nth-child(1) {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
  }
  /* プラスアイコンを回転 */
  .plus.active span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    border-bottom: solid 3px #000;
  }
  .plus.active span:nth-child(2){
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    border-bottom: solid 3px #000;
  }
/*よくある質問940以下*/
@media(max-width: 940px){
    .q,
    .a,
    .faq_main h3{
        width: calc(100% - 60px);
    }
}
/*よくある質問スマホ*/
@media(max-width: 599px){
    .q,
    .a,
    .faq_main h3{
        width: calc(100% - 20px);
    }
    .q, .a div{
        padding: 35px 20px;
    }
}

/*ショールームページ*/
/*神戸*/
.kobe_intro{
    margin: 90px auto 60px;
}
.kobe_intro p:first-child{
    margin-bottom:22px;
    font-size: .24rem;
    letter-spacing: .02rem;
	text-align: center;
}
.kobe_intro p:last-child{
    line-height: .32rem;
    font-size: .15rem;
	text-align: center;
}
.kobe_img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.kobe_img img{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 49.9%;
}
.kobe_details{
    margin: 55px auto;
    max-width: 862px;
}
.kobe_details th{
    padding: 10px 0;
    width: 8%;
    color: #998675;
}
.kobe_details td{
    padding-left: 40px;
    text-align: start;
}
.kobe_details span{
    margin: 12px 0 0 17px;
    display: inline-block;
    line-height: .26rem;
    text-indent: -.16rem;
}
.kobe_details span:last-child{
    margin-top: 5px;
}
.kobe_details .tel{
    margin-bottom: 5px;
    display: block;
    font-size: .21rem;
    color: #000;
    text-decoration: none;
}
.kobe_main iframe,
.tokyo_main iframe{
    margin-top: 10px;
    width: 100%;
    height: 454px;
}
.kobe_main>a,
.tokyo_main>a{
    margin: 65px auto 10px;
    display: block;
    width: 300px;
    line-height: .4rem;
    background-color: #998675;
    color:  #fff;
    text-decoration: none;
    text-align: center;
}
/*東京（神戸に上書き）*/
.tokyo_main .kobe_img img:first-child{
    width: 66.5%;
}
.tokyo_main .kobe_img img:last-child{
    width: 33%;
}
.kobe_details a{
    color: #0071bc;
}
.kobe_details .tel{
    display: inline-block;
    color: #000;
}
/*ショールーム：1080px以下*/
@media(max-width: 1080px){
    .kobe_details{
        width: calc(100% - 40px);
    }
    .kobe_details th{
        width: 10%;
    }
    .kobe_details td{
        padding-left: 20px;
    }
}
/*ショールーム：スマホ*/
@media(max-width: 599px){
    .kobe_intro {
        padding: 0;
        margin: 45px auto;
    }
    .kobe_intro p:first-child{
        font-size: .2rem;
    }
    .kobe_intro p:last-child{
        text-align: justify;
    }
	.kobe_img {
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	    -ms-flex-direction: column;
    	        flex-direction: column;
	}
	.kobe_img img {
    	width: 100%;
    	margin-bottom: 5px;
	}
	.tokyo_img {
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	    -ms-flex-direction: column;
    	        flex-direction: column;
	}
	.tokyo_img img {
    	width: 100%;
    	margin-bottom: 5px;
	}
	.tokyo_main .kobe_img img:first-child {
    	width: 100%;
	}
	.tokyo_main .kobe_img img:last-child {
    	width: 100%;
	}
    .kobe_details{
        margin: 30px auto;
    }
    .kobe_details th{
        width: 20%;
    }
    .kobe_details span{
        margin-left: 0;
        text-indent: 0;
    }
	.kobe_main>a,
	.tokyo_main>a{
		margin-bottom: 50px;
	}
}
/*ショールーム：iphone5*/
@media(max-width: 599px){
    .tokyo_main .kobe_details .tel{
        font-size: .16rem;
    }
}

/*オーダーバスページ*/
.order_tb_only{
        display: none;
}
.order_main{
    width: 100%;
    overflow: hidden;
}
.order_main .heading .heading_title .h2_24{
    display: inline;
    font-size: .24rem;
}
.order_intro{
    margin: 90px auto 60px;
    max-width: 1000px;
    text-align: center;
}
.order_intro span{
    font-size: .24rem;
    line-height: .38rem;
    letter-spacing: .02rem;
}
.order_intro p {
    margin-top: 20px;
    line-height: .32rem;
    font-size: .15rem;
    text-align: center;
}
.order_h{
    text-align: center;
}
.order_h h3{
    display: inline-block;
    color: #998675;
    position: relative;
    font-size: .32rem;
    letter-spacing: .02rem;
    font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
.order_h h3::after{
    content: "";
    width: 106%;
    height: 5px;
    background-color: #998675;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50% , 0);
        -ms-transform: translate(-50% , 0);
            transform: translate(-50% , 0)
}
.features_point1,
.features_point2,
.features_point3{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.features_text{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 34%;
}
.features_text h4{
    margin: 34px 0 20px;
    font-size: .21rem;
    line-height: .34rem;
}
.features_text p{
    line-height: .28rem;
}
.features_img{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    background-color: #f2f2f2;
}
.features_img img{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.features_point1{
    margin-top: 70px;
}
.features_point1 .features_img{
    margin-right: -100%;
    padding-right: 100%;
    width: 60%;
}
.features_point1 .features_text img{
    margin-top: 10px;
    width: 118px;
}
.features_point2{
    margin-top: 72px;
}
.features_point2 .features_img{
    margin-left: -100%;
    padding-left: 100%;
    width: 60%;
}
.features_point2 .features_text img{
    width: 118px;
}
.features_point3 {
    margin-top: 72px;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
}
.features_point3 .features_img{
    margin-right: -100%;
    padding-right: 100%;
    width: 40%;
}
.features_point3 .features_text{
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.features_point3 .features_text div:first-child{
    width: 62%;
}
.features_point3 .features_text img{
    width: 119px;
}
.features_point3 .features_text div{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.features_point_pulus1{
	margin:40px auto;
}
.features_point_pulus1 div{
    margin-left: -100%;
    padding-left: 100%;
    background: #f2f2f2;
}
.features_point_pulus2{

}
.features_point_pulus2 div{
    margin-right: -100%;
    padding-right: 100%;
    background: #f2f2f2;
}
.bath_maker div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bath_maker ul{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50%;
    list-style: none;
}
.bath_maker li{
    line-height: .3rem;
}
.order_main .concept_order .centering{
    max-width: 690px; 
}
.order_main .concept_order .centering a{
    width: 45%;
}
.order_main .top_works{
    padding-top: 45px;
}
.bath_main .concept_order{
    margin-top: 40px;
}
.order_main .top_contact{
    padding: 75px 0 10px;
}
/*オーダーバスページ1080px以下*/
@media(max-width: 1080px){
    .order_intro {
        max-width: calc(100% - 40px);
        margin-top: 45px;
    }
}
/*オーダーバスページ890px以下*/
@media(max-width: 890px){
    .features_point3 .features_text div:first-child{
        margin-bottom: 40px;
        width: 100%;
    }
 	.bath_maker div {
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	    -ms-flex-direction: column;
    	        flex-direction: column;
    	margin-top: 35px;
	}
    .bath_maker ul{
        width: 100%;
    }
}
/*オーダーバススマホ〜850px*/
@media(min-width: 599px) and (max-width: 850px){
    .order_tb_only{
        display: block;
    }
}
/*オーダーバス：スマホ*/
@media(max-width: 599px){
    .order_intro span{
        font-size: .2rem;
        line-height: .35rem;
    }
    .order_intro p{
        text-align: justify;
    }
    .features_point1,
    .features_point3{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .features_point1,
    .features_point2,
    .features_point3{
        margin-top: 50px;
    }
    .features_point2{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .features_text h4{
        margin-top: 20px;
    }
    .features_text{
        width: 100%;
    }
    .features_point1 .features_img,
    .features_point2 .features_img,
    .features_point3 .features_img,
    .features_point3 .features_text{
        margin-top: 20px;
        width: 100%;
    }
    .order_main .concept_order .centering a{
        width: 100%;
    }
}

.table_main .features_point3 .features_text {
    width: 35%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.table_main .features_point3 .features_img{
    width: 60%;
}
.table_main .concept_order{
    margin-top: 105px;
}
@media(max-width: 599px){
    .table_main .features_point3 .features_text{
        width: 100%;
    }
    .table_main .features_point3 .features_img{
        margin-right: 0;
        padding-right: 0;
        width: 100%;
    }
}
/*オーダーキッチン（オーダーバスに上書き）*/
.features_point3to7{
    margin-top: 76px;
}
.features_point3to7 .features_text img{
    width: 119px;
}
.kitchen_maker{
    margin: 75px auto 10px;
    padding-top: 35px;
    max-width: 1000px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #f2f2f2;
    border-radius: 10px;
}
.kitchen_maker h5{
    text-align: center;
    font-size: .21rem;
    color: #998675;
}
.makerlist_wrap{
    margin: 0 auto;
    padding-bottom: 35px;
    width: 89%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.makerlist_wrap ul{
    margin-top: 35px;
    list-style: none;
}
.makerlist_wrap li:first-child{
    margin-bottom: 21px;
    color: #998675;
    font-size: .16rem;
}
.makerlist_wrap li.kitchen_maker_sink_title{
    margin: 35px 0 21px;
    color: #998675;
    font-size: .16rem;
}
.bath_maker .makerlist_wrap li:first-child{
    margin-bottom: 9px;
    color: #000;
    font-size: .14rem;
}

.makerlist_wrap li{
    margin-bottom: 10px;
}
.makerlist_wrap>ul{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 31%;
}
.makerlist_wrap>div{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 31%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.makerlist_wrap>div ul{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%;
}
/*オーダーキッチン：1080px以下*/
@media(max-width: 1040px){
    .kitchen_maker{
        max-width: calc(100% - 40px);
    }
}
/*オーダーキッチン：850px以下*/
@media(max-width: 850px){
    .makerlist_wrap{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .makerlist_wrap>ul{
        width: 40%;
    }
    .makerlist_wrap>div{
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .makerlist_wrap>div ul{
        width: 40%;
    }
}
/*オーダーキッチン：：スマホ*/
@media(max-width: 599px){
	.features_point3to7{
        margin-top: 50px;
    }
    .makerlist_wrap>ul:last-child{
        margin-top: 30px;
    }
    .makerlist_wrap>ul,
    .makerlist_wrap>div ul{
        width: 100%;
    }
    .makerlist_wrap>div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
	.bath_maker .makerlist_wrap ul {
    	margin-top: 0px;
	}
}
/*事例一覧ページ*/
.works_search{
    margin: 0 auto;
    padding: 55px 0 25px;
    max-width: 1140px;
}
.category{
    margin-bottom: 22px;
    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;
}
.category span{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 10%;
    font-size: .16rem;
}
.category div{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 89%;
}
.terms{
    border: solid 1px #c7b299;
}
.terms span{
	margin-bottom: 25px;
    padding: 0 17px;
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-size: .15rem;
    line-height: .33rem;
}
.terms table {
    margin: 0px 25px 0;
}
.terms th{
    width: 9%;
    text-align: justify;
    font-size: .16rem;
}
.terms th,
.terms td{
    padding-bottom: 23px;
}
.category input[type=checkbox],
.terms input[type=checkbox] {
	width: .16rem;
	height:	.16rem;
}
.category label:not(:last-child),
.terms td label:not(:last-child){
    margin-right: 16px;
}
.result_number{
    margin: 0 10px 12px 0;
    text-align: right;
    letter-spacing: .01rem;
}
.works_box_wrap{
    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;
	margin-top: 30px;
}
.works_box_wrap::after{
  content:"";
  display: block;
  width:33.2%;
}
.works_box{
    margin-bottom: 2px;
    padding-bottom: 31.22%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 33.2%;
    background-size: cover;
    background-position: center;
    position: relative;
    color: #fff;
    text-decoration: none;
}
.works_box_number{
    padding: 1px 8px;
    display: inline-block;
    background-color: #c7b299;
    color: #fff;
    position: relative;
    z-index: 1;
}
.works_text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
}
.works_text h3{
    margin-bottom: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    font-size: .21rem;
    line-height: .4rem;
    text-align: center;
}
.works_text p{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;   
    font-size: .15rem;
}
.works_text:hover {
    opacity: 1;
}
.works_text span{
    position: absolute;
    bottom: 3%;
    right: 3%;
}
.works_text span img{
    width: 157px;
}
.works_page{
    margin: 35px auto 90px;
    text-align: center;
    list-style: none;
}
.works_page li{
    border: solid 1px #000;
    display: inline-block;
}
.works_page li:not(:last-child){
    margin-right: 3px;
}
.works_page a{
    display: inline-block;
    width: 38px;
    line-height: 38px;
    text-decoration: none;
    color: #000;
}
.works_page li:last-child a{
    width: 63px;
}
.works_page .page_point{
    border: none;
    font-size: .13rem;
    letter-spacing: -.05rem;
}
.works_page_selected a{
    background-color: #000;
    color: #fff;
}
.terms{
	position: relative;
}
.filter_no_works{
    margin: 33px auto 60px;
    text-align: center;
    font-size: .16rem;
    font-weight: bold;
}
.searchandfilter ul li.sf-field-taxonomy-works_cat{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
	position: absolute;
	top: -60px;
	left:0;
}
.searchandfilter ul li.sf-field-post-meta-fillter_type,
.searchandfilter ul li.sf-field-post-meta-fillter_door,
.searchandfilter ul li.sf-field-post-meta-fillter_board{
	padding: 0 25px 23px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.searchandfilter h4{
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	width: 12%;
}
.searchandfilter ul>li>ul:not(.children){
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	width: 88%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.searchandfilter ul li.sf-field-taxonomy-works_cat ul{
	width: 86.5%;
}
.searchandfilter ul li li{
	padding: 5px 10px 5px 0!important;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
}
.sf-field-search {
    width: 163px;
    position: absolute;
    top: -57px;
    left: 600px;
    z-index: 11111;
}
.sf-field-reset {
    width: 173px;
    position: absolute;
    top: -57px;
    right: 0;
    left: auto;
    text-align: right;
}
.sf-field-submit{
	position: absolute;
    top: -46px;
    left: 751px;
    font-size: 12px;
    padding: 0px !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

}
.sf-field-submit input{
	background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    color: #ffffff;
    background: #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 12px;
    padding: 1px 5px 2px;
}
.works-search {
    width: 21px;
    height: 21px;
    background-color: #000000;
    color: #FFF;
    position: absolute;
    top: 12px;
    right: -10px;
    padding: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.sf_submit input{
	opacity:0;
}
.search-filter-reset{
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    color: #c7b299;
}
body .searchandfilter li[data-sf-field-input-type=checkbox] label, 
body .searchandfilter li[data-sf-field-input-type=radio] label, 
body .searchandfilter li[data-sf-field-input-type=range-radio] label, 
body .searchandfilter li[data-sf-field-input-type=range-checkbox] label {
    padding-left: 0px;
    margin-right: 17px;
}
.sf-level-0.sf-item-7{
	display:none;
}
@media(max-width: 1180px){
    .works_search{
        width: calc(100% - 40px);
    }
    .category span,
    .terms th{
        width: 20%;
    }
    .category div{
        width: 79%;
    }
}
@media(max-width: 900px){
    .works_box_wrap{
        margin: 0 auto;
        width: calc(100% - 10px);
    }
    .works_box{
        margin-bottom: 6px;
        padding-bottom: 42.4%;
        width: 49.5%;
    }
}
@media(min-width: 600px) and (max-width: 800px){
	.searchandfilter h4{
		width: 20%;
	}
	.searchandfilter ul>li>ul:not(.children){
		width: 80%;
	}
	.searchandfilter ul li.sf-field-taxonomy-works_cat ul{
		width: 77.5%;
	}
}
@media(min-width: 600px) and (max-width: 655px){
	.works_search{
		padding-top: 100px;
	}
	.searchandfilter ul li.sf-field-taxonomy-works_cat{
		top: -100px;
	}
}
@media(max-width: 599px){
	.works_search {
    	width: 100%;
    	position: fixed;
    	bottom: 0;
    	left: 0;
    	z-index: 11111;
    	max-height: 60%;
    	padding: 0;
	}
	body .searchandfilter ul {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	    -ms-flex-direction: column;
    	        flex-direction: column;
	}
	.terms {
    	position: static;
    	background: #FFF;
    	border: none;
    	overflow-y: scroll;
    	height: 270px;
		background: rgba(255,255,255,0.85);
	}
	.sf-field-taxonomy-works_cat {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
	.sf-field-post-meta-fillter_type {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
	.sf-field-post-meta-fillter_door {-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;}
	.sf-field-post-meta-fillter_board {-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;}
	.sf-field-submit {-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5;}
	.sf-field-search {-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6;}
	.sf-field-reset {-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7;}
	.sf-field-search {
	    width: 100%;
	    position: relative;
	    top: 0px;
	    left: 0;
	    z-index: 11111;
	    text-align: center;
	}
	.sf-field-search label{
	    width: calc(100% - 40px);
	}
	.sf-field-search input{
	    width: 100%;
	    padding: 10px;
	    -webkit-box-sizing: border-box;
	            box-sizing: border-box;
	}
	.searchandfilter ul li.sf-field-reset {
    	width: 100%;
    	margin: 30px 0 50px;
    	position: relative;
    	top: 0;
    	right: 0;
    	left: auto;
    	text-align: right;
	}
	.searchandfilter ul li.sf-field-reset .search-filter-reset {
    	display: block;
    	width: calc(100% - 40px);
    	padding: 10px;
    	margin: 0 auto;
   		background: none;
    	border: none;
    	outline: none;
    	-webkit-appearance: none;
    	-moz-appearance: none;
    	appearance: none;
    	border: none;
    	color: #ffffff;
    	background: #000;
	}
	.terms span {
    	max-width: calc(100% - 15px);
    	margin: auto;
    	padding: 0 17px;
    	display: inline-block;
    	background-color: #000;
    	color: #fff;
    	font-size: .15rem;
    	line-height: .33rem;
    	position: absolute;
    	top: 200px;
    	left: 0;
    	right: 0;
    	-webkit-box-sizing: border-box;
    	        box-sizing: border-box;
	}
    .category{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .category label{
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
	.terms_btn {
	    width: 100%;
	    background-color: #000000;
	    color: #fff;
	    font-size: .18rem;
	    line-height: .5rem;
	    text-align: center;
	    cursor: pointer;
	}
    .terms{
        display: none;
    }
    .terms tr{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .category span,
    .category div,
    .terms th,
    .terms td{
        width: 100%;
    }
    .category div{
        margin-top: 10px;
    }
    .terms th{
        padding-bottom: 10px;
    }
    .terms label{
        display: block;
    }
    .works_page{
        width: calc(100% - 10px);
    }
    .works_page a{
        width: 26px;
        line-height: 26px;
    }
    .works_box_wrap {
        width: 86%;
        margin-top: 40px;
    }
	.works_box {
    	width: calc(100% - 20px);
    	padding-bottom: 94%;
    	margin: 0 auto;
	}
    .works_text{
        display: none
    }
    .works_text_sp {
		width: 100%;
        padding: 10px 10px 50px;
        display: block;
        text-decoration: none;
        color: #000;
    }
    .works_text_sp h3{
        margin-bottom: 7px;
        font-size: .17rem;
    }
    .works_text_sp h3 br{
		display:none;
    }
    .works_text_sp p{
		margin-bottom: 11px;
    	font-size: .14rem;
    }
    .works_text_sp img{
        width: 156px;
        float: right;
    }
	
	.terms{
		position: relative;
	}
	.searchandfilter ul li.sf-field-taxonomy-works_cat{
    	margin: 15px 0 75px;
    	padding: 5px 25px 25px;
    	position: static;
    	width: auto;
	}
	.searchandfilter ul li.sf-field-taxonomy-works_cat,
	.searchandfilter ul li.sf-field-post-meta-fillter_type,
	.searchandfilter ul li.sf-field-post-meta-fillter_door,
	.searchandfilter ul li.sf-field-post-meta-fillter_board,
	.searchandfilter ul>li>ul:not(.children){
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.searchandfilter h4,
	.searchandfilter ul>li>ul:not(.children){
		width: 100%;
	}
}
@media(min-width: 600px){
    .works_text_sp{
        display: none;
    }
}
/*事例個別ページ*/
.works_details_main .heading{
    height: 280px;
}
.centering1166{
    margin: 0 auto;
    padding: 15px 0 10px;
    max-width: 1166px;
}
.centering1366{
    margin: 0 auto;
    max-width: 1366px;
}
.works_details_main h3{
    margin: 38px auto 70px;
    font-size: .24rem;
    text-align: center;
    letter-spacing: .02rem;
}
@media(min-width: 899px){
	.works_details_main h3 br{
		display:none;
	}
}
.works_name span{
    margin-right: 8px;
    padding: 0 8px;
    border: solid 1px #c7b299;
    font-size: .13rem;
}
.works_name p{
    display: inline-block;
    font-size: .14rem;
    letter-spacing: .02rem;
}
.main_gallery {
    width: 100%;
    text-align: center;
}
.main_gallery img{
    width: 100%;
}
.works_outline{
    margin: 58px auto 70px;
    max-width: 810px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.works_outline h4{
    margin-right: 60px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: fix-content;
    font-family:'Poppins', sans-serif;
    font-size: .29rem;
    letter-spacing: .01rem;
    position: relative;
}
.works_outline h4::after{
    content: "";
    width: 54px;
    height: 1px;
    display: inline-block;
    background-color: #000;
    position: absolute;
    top: 10%;
    right: -60px;
}
.works_outline > div{
    margin-top: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 75%;
    line-height: .28rem;
}
.sub_gallery{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.sub_gallery a{
    margin-bottom: 50px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 48%;
    height: 372px;
    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;
    background-color: #f2f2f2;
}
.gallery a img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
.works_other{
    background-color: #f2f2f2;
}
.works_other .centering1366{
    padding: 5px 15px;
    max-height: 158px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.prev_works,
.all_works,
.next_works{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.prev_works,
.next_works{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.prev_works img,
.next_works img{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50.2%;
    height: auto;
}
.all_works{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.all_works img{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 48%;
}
.works_other a div{
    padding-bottom: 43.7%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 43.7%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*simple-lightbox*/
.sl-wrapper .sl-counter,
.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button.sl-prev,
.sl-wrapper .sl-navigation button.sl-next{
    font-size: .25rem;
}
@media(max-width: 1206px){
    .centering1166{
        width: calc(100% - 40px);
    }
    .prev_works,
    .all_works,
    .next_works{
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        width: 33%;
    }
}
@media(max-width: 599px){
    .works_details_main h3{
        margin: 38px auto;
        text-align: justify;
    }
    .works_outline{
        margin: 40px auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .works_outline h4{
        margin: 0 0 70px;
        width: 100%;
        text-align: center;
    }
    .works_outline h4::after{
        width: 1px;
        height: 50px;
        top: 110%;
        right: 50%;
        -webkit-transform: translate(-50% , 0);
            -ms-transform: translate(-50% , 0);
                transform: translate(-50% , 0);
    }
    .works_outline > div{
        width: 100%;
    }
    .sub_gallery{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .sub_gallery a{
        margin-bottom: 30px;
        width: 100%;
        height: auto;
    }
    .works_other{
        margin-bottom: 30px;
    }
    .works_other .centering1366{
        padding: 30px 10px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .prev_works{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 45%;
    }
    .all_works{
        margin-bottom: 20px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        width: 100%;
    }
    .all_works img{
        width: 30%;
    }
    .next_works{
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        width: 45%;
    }
}
/*会社概要*/
.company_main h3 {
    margin: 90px 0 60px;
    font-size: .24rem;
    text-align: center;
}
.company_table{
    margin: 0 auto 50px;
    width: 700px;
    line-height: .3rem;
}
.company_table tr:nth-child(odd){
    background-color: #f2f2f2;
}
.company_table tr:last-child{
    border-bottom: solid 2px #f2f2f2;
}
.company_table th{
    padding: 15px;
    width: 25%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.company_table td{
    padding: 15px;
    width: 75%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
@media(max-width: 740px){
    .company_table{
        width:100%;
        line-height: .26rem;
    }
    .company_table th{
        padding: 15px 7px;
    }
    .company_table td{
        padding: 15px 7px;
    }
}
/*個人情報*/
.privacy_main h3{
    margin: 50px auto 0px;
	padding-bottom:8px;
    display: inline-block;
    color: #998675;
    position: relative;
    font-size: .28rem;
    letter-spacing: .03rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}
.privacy_main .first h3{
    margin-top: 50px;
}
.privacy_main h3::after {
    content: "";
    width: 106%;
	max-width:290px;
    height: 5px;
    background-color: #998675;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50% , 0);
        -ms-transform: translate(-50% , 0);
            transform: translate(-50% , 0);
}
.privacy_main h4{
    margin: 50px auto 30px;
    font-size: .19rem;
    text-align: center;
}
.privacy_main p{
    margin: 30px auto 30px;
    width: 650px;
    line-height: .28rem;
}
.privacy_main .centering{
    text-align: center;
}
@media(max-width: 640px){
    .privacy_main p{
        width:100%;
    }
}
/*TOPICS・COLUMN一覧*/
.post_intro{
    background-color: #fff;
}
.post_intro .centering {
    margin: 0 auto;
    padding: 90px 0 60px;
    max-width: 1000px;
    text-align: center;
}
.post_intro span{
    font-size: .24rem;
    line-height: .38rem;
    letter-spacing: .02rem;
}
.post_intro p{
    margin-top: 20px;
    line-height: .35rem;
}
.caution_nopost {
    text-align: center;
    font-size: .16rem;
}
.post_list_wrap {
    padding: 30px 0 10px;
    background-color: #f2f2f2;
}

.post_list{
    margin: 0 auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 1000px;
    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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.post_list::after{
  content:"";
  display: block;
  width:31%;
}
.post_list a{
    margin-bottom: 30px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 31%;
            flex: 0 1 31%;
    text-decoration: none;
    color: #000;
}
.post_pic {
    padding-bottom: 69%;
    width: 100%;
    background-color: #FFF;
    background-size: cover;
    background-position: center;
}/*
.post_pic {
    padding-bottom: 69%;
    width: 100%;
    background-size: 45%;
    background-color: #b9b9b9;
    background-position: center;
    background-repeat: no-repeat;
}
*/
.post_text {
    padding: 13px 46px 13px 24px;
    position: relative;
    background-color: #fff;
    min-height: 95px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.post_text::after{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/webdata/wp-content/themes/original/images/icon_more.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 35%;
    right: 5%;
}
.post_text time{
    margin-bottom: .05rem;
    display: inline-block;
    color: #808080;
}
@media(max-width: 1020px){
    .post_intro{
        padding: 40px 20px 50px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .post_list_wrap{
        padding: 30px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
}
@media(max-width: 599px){
	.company_main h3 {
		margin: 45px 0 45px;
	}
    .post_list{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .post_list a{
        width: 100%;
    }
	.post_text, .post_text {
    	padding: 0px 51px 13px 20px;
	}
    .post_text time,
    .post_text time{
        margin-top: 14px;
    }
}
/*ブログ*/
.blog_intro{
    background-color: #fff;
}
.blog_intro .centering{
    margin: 0 auto;
    padding: 90px 0 60px;
    max-width: 1000px;
    text-align: center;
}
.blog_intro span{
    font-size: .24rem;
    line-height: .38rem;
    letter-spacing: .02rem;
}
.blog_intro p{
    margin-top: 20px;
    line-height: .35rem;
}
.blog_list_wrap{
    padding: 30px 0;
    background-color: #f2f2f2;
}
.blog_list{
    margin: 10px 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    list-style: none;
    background-color: #fff;
}
.blog_list a{
    margin: 0 auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: calc(100% - 60px);
    min-height: 90px;
    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;
    text-decoration: none;
    color: #000;
}
.blog_list a:not(:last-child){
    border-bottom: solid 1px #736357;
}
.blog_date{
    margin-left: 17px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 9%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.blog_ym{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: .14rem;
}
.blog_ym time:first-child{
    margin-top: 10px;
}
.blog_ym time:last-child{
    margin-top: -5px;
}
.blog_d{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 50%;
    font-size: .36rem;
}
.blog_list p{
    padding-right: 75px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 85%;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.blog_list p::after{
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/webdata/wp-content/themes/original/images/icon_more.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 50%;
    right: 3%;
    -webkit-transform: translate(0 , 50%);
        -ms-transform: translate(0 , 50%);
            transform: translate(0 , 50%);
}
@media(max-width: 1020px){
    .blog_intro{
        padding: 40px 20px 50px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
}
@media(max-width: 760px){
	.post_intro .centering {
    	margin: 0 auto;
    	padding: 0px 0 0px;
	}
    .post_intro {
        padding: 45px 20px 45px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
	.post_intro span{
    	font-size: .2rem;
    	line-height: .35rem;
	}
	.blog_intro .centering {
    	margin: 0 auto;
    	padding: 0px 0 0px;
	}
    .blog_intro {
        padding: 45px 20px 45px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
	.blog_intro span{
    	font-size: .2rem;
    	line-height: .35rem;
	}
    .blog_list_wrap{
        padding-top: 30px;
    }
    .blog_list a{
        width: calc(100% - 20px);
    }
    .blog_date{
        margin-left: 0;
        width: 21%;
    }
    .blog_ym{
        font-size: .12rem;
    }
    .blog_ym time:first-child{
        margin-top: 0;
    }
    .blog_d{
        font-size: .30rem;
    	width: 40px;
    }
    .blog_list p{
        padding-right: 33px;
        width: 74%;
    }
}

/* =====================
	お知らせ個別
===================== */
.article_main {
    background-color: #f2f2f2;
}
.article_column_main{
	background:#FFF;
}
/*
.article_main .heading{
    height: 280px;
}
.topics_main .heading{
    height: 280px;
}
.blog_main .heading{
    height: 280px;
}
.column_main .heading{
    height: 280px;
}
*/
.pankuzu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    padding: 10px 15px;
    font-size: 1.3re;
    list-style: none;
}
.pankuzu li{
    padding: 0 3px;
}
.pankuzu a{
    text-decoration: none;
    color: #000;
}
.info-cms_main {
    width: calc(100% - 320px);
    background: #FFF;
    padding: 30px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.info-cms_main img.aligncenter{
	margin-left:auto;
	margin-right:auto;
}
.info_column-cms_main {
    width: calc(100% - 290px);
    background: #FFF;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
body:not(.single-column) .info-cms_main a{
     color: #000;
    text-decoration: none;
}

.info-cms_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1000px;
    margin: 80px auto;
}
.info_main_content{
    font-size: .15rem;
    line-height: 1.8;
}
.info_main_content h2 {
    margin: 56px 0 20px;
    padding: 15px 21px 15px;
    margin-bottom: 45px;
    font-size: .19rem;
    font-weight: normal;
    background: #f3f3f3;
    text-align: justify;
}
.info_main_content p{
    margin-bottom: 20px;
}
.info_main_content img {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}
.info_main_content div{
    min-height: 1.5em;
}
.info-cms_side {
    width: 260px;
    margin-top: 0px;
}
.info_column-cms_side {
    width: 210px;
    margin-top: 0px;
}
.info-cms_title {
    margin: 0px 0px 30px;
    padding-bottom: 14px;
    font-size: .29rem;
    border-bottom: 2px solid #000;
    font-size: .24rem;
    line-height: .38rem;
    letter-spacing: .02rem;
    text-align: justify;
}
.info_column-cms_title {
    margin: 0px 0px 60px;
    padding: 18px 18px;
    font-size: .26rem;
    line-height: .38rem;
    letter-spacing: .01rem;
    text-align: justify;
    border: 1px solid;
}
.info-cms_title time{
    display: block;
    font-size: .14rem;
    line-height: 1.4;
    margin-bottom: 6px;
}
.info_column-cms_title time{
    display: block;
    font-size: .14rem;
    line-height: 1.4;
    margin-bottom: 6px;
}
.side_archive_title {
    font-size: .2rem;
    line-height: 1;
    background: #998675;
    color: #FFF;
    padding: 10px;
    margin-bottom: 18px;
}
.side_archive_item,
.cat-item{
    font-size: .14rem;
    line-height: 1.7;
    margin: 7px 0 19px;
}
.info_column-cms_side_block li:last-of-type{
    margin-bottom: 0px;
}

.side_archive_thum{
	background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 130px;
    margin-top: 10px;
    background-size: cover;
}
.info-cms_side_block{
    margin-bottom: 40px;
}
.info_column-cms_side_block{
    margin-bottom: 40px;
    padding: 14px 14px 14px;
    background: #f2f2f2f2;
}
.info_column-cms_side_block li:last-of-type p{
    margin-bottom: 0px;
}

.info_table{
	margin-bottom: 0px;
	width: 100%;
}
.info-cms_side ul{
    list-style: none;
}
.info-cms_side a{
    color: #000;
    text-decoration: none;
}

.info_main_content h1,
.info_main_content h1 span{
	margin: 13px 0;
	font-size: .24rem !important;
	font-weight:bold;
	text-align: justify;
}
.info_main_content h2, .info_main_content h2 span {
    margin: 13px 0 30px;
    padding: 0 0 15px;
    font-size: .20rem;
    font-weight: bold;
    text-align: justify;
    border-bottom: 2px solid #000;
    background: none;
}
.info_main_content h3 {
    margin-bottom: 17px;
    font-size: .18rem;
    color: #998675;
}
.info_table tr{
	border-bottom: 1px solid #c4c4c4
}
.info_table th{
	width: 25%;
	text-align: left;
	padding: 20px 40px;
	vertical-align: middle;
}
.info_table td{
	padding: 20px 40px 20px 0;
}
.info-cms_backlink {
    text-align: center;
}
.info-cms_backlink a {
    padding: 0 0 40px;
    width: 162px;
    display: inline-block;
    text-decoration: none;
}
@media(max-width:1020px){
    .info-cms_main_container{
        width: calc(100% - 0px);
    }
}
@media(max-width:700px){
	.article_main {
   		background-color: #fff;
	}
	.info-cms_title {
    	margin: 0px 0px 20px;
    	font-size: .21rem;
	}
	.info-cms_main {
    	width: 100%;
		padding: 0 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
	}
	.info_table th {
		width: 30%;
    	padding: 10px 10px;
    	vertical-align: top;
	}
	.info_table td {
    	padding: 10px 10px 10px 0;
	}
	.info-cms_main_container {
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	    -ms-flex-direction: column;
    	        flex-direction: column;
	    margin: 30px auto 30px;
	}
	.info-cms_side {
    	width: calc(100% - 40px);
    	margin: 0 auto;
    	margin-top: 65px;
    	padding: 26px 0px 30px;
	}
	.info-cms_side_block {
    	margin-bottom: 30px;
	}
	.side_archive_title {
    	margin-bottom: 6px;
    	text-align: center;
    	font-weight: bold;
	}
	.info-cms_backlink {
    	margin: 0px auto 60px;
    	max-width: 240px;
	}
    .info-cms_backlink a{
        width: calc(100% - 40px);
    }
}






.upper_pagination {}

.worksIndex_main_container .pagination .current {
    color: #ffffff;
    background: #000;
    border: #000 1px solid;
}

.worksIndex_main_container .pagination span,
.worksIndex_main_container .pagination a {
    color: #000;
    background: transparent;
    border: #000 1px solid;
}

.wp-pagenavi {
    display: inline-block;
}

.wp-pagenavi a,
.wp-pagenavi span {
    min-width: 38px;
}

.wp-pagenavi a,
.wp-pagenavi span.current {
    color: #ffffff;
    background: #000;
    border: #000 1px solid;
}

body .wp-pagenavi a, body .wp-pagenavi span {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
    padding: 7px 2px 10px;
    text-decoration: none;
    width: auto;
    font-weight: 500;
    color: #000;
    background: transparent;
    border: #000 1px solid;
}
.upper_pagination {
    text-align: center;
}

.upper_pagination .wp-pagenavi {
    margin: 10px 0 13px;
}

.under_pagination {
    text-align: center;
}

.under_pagination .wp-pagenavi {
    margin: 30px 0 10px;
}

@media(max-width:700px){
	.wp-pagenavi a, .wp-pagenavi span {
    	min-width: 30px;
	}
}

/*ブログ・サイドバーアーカイブ*/
#collapsarch-2 .widget-title{
	display: none;
}
li.collapsing.archives.expand{
	padding: 14px 0;
	border-bottom: 1px solid #e0d8d8;
	line-height: 1.7;
}
.collapsing.archives.list div li.collapsing.archives.expand{
	padding-left: .15rem;
	border: none;
	line-height: 1.2;
}
li.collapsing.archives.expand ul{
	padding: 10px 0;
}
li.collapsing.archives.expand ul li{
	padding-left: .15rem;
	line-height: 2;
}
li.collapsing.archives.expand .sym{
	margin-right: .1rem;
	font-size: .03rem;
	color: #998675;
}


@media screen and (min-width:700px) and ( max-width:1100px) {
	.concept_h3_img {
		background-attachment: scroll;
	}
	.header_nav_kitchen .dropmenu{
		width: 265px;
	}
	.more{
	letter-spacing: 0;
	}
	.more::before{
		width: 1.52rem;
	}
	.sf-field-search{
		left: 650px;
	}
	.sf-field-submit{
		left: 801px;
	}

	.kobe_details th{
		width: 10%;
	}
}