@charset "UTF-8";
/* CSS Document */

body {
    width: 100%;
    height: 100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
}

/* ------------------------------------- /
/   header
/* ------------------------------------- */
#header {
    position: relative;
    height: 90px;
}
.logo_menu {
    position: absolute;
    right: 100px;
    top: 10px;
}
.logo_menu h2{
    font-size: 26px;
    letter-spacing: .8em;
    color: #9C856A;
    clear: both;
}
.logo_menu h2 a{
    color: #9C856A;
}
.logo_menu h2 a:hover{
    color: #898989;
}
.logo_menu .sub_menu {
    width: 120px;
    padding: 3px 3px 3px 0;
    margin: 0 20px 8px 0;
    border-top: 1px solid #898989;
    border-bottom: 1px solid #898989;
    float: right;
}
.logo_menu .sub_menu ul{
    list-style: none;
}
.logo_menu .sub_menu li{
   float: right;
   font-size: 12px;
}
.logo_menu .sub_menu li a{
   color: #898989;
}
.logo_menu .sub_menu li a:hover{
   color: #000;
}
.contact-button {
    position: absolute;
    width: 60px;
    right: 30px;
    top: 10px;
    z-index: 10;
}
.nav > li {
    margin: 20px 10px;
    font-size: 14px;
    letter-spacing: .1em;
    color: #898989;
}
.nav > li span{
    font-size: 12px;
}
@media (max-width: 1050px){
    .nav > li {
        margin-right: 0;
    }
}
@media (max-width: 768px){
.nav > li {
    padding: 10px 20px;
    background-image: none;
}
.nav > li.br{
    background-image: none;
}
.logo_menu {
    position: absolute;
    right: 60px;
    top: 10px;
}
.contact-button {
    position: absolute;
    width: 60px;
    right: 10px;
    top: 10px;
    z-index: 10;
}
}

.mainimg {
    position: relative;
    width: 100%;
    height: auto;
}
.mainimg .main_img {
    width: 70%;
}
.mainimg .main_txt {
    position: absolute;
    height: 270px;
    top: 15%;
    right: 10%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.mainimg .main_txt h1{
    font-size: 25px;
    letter-spacing: .8em;
    color: #9C856A;
}
.mainimg .main_txt p{
    padding-right: 10px;
    font-size: 15px;
    letter-spacing: .2em;
    color: #9C856A;
}
.mainimg .main_txt2 {
    position: absolute;
    height: 310px;
    top: 50%;
    right: 20%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.mainimg .main_txt2 p{
    font-size: 17px;
    letter-spacing: .2em;
    color: #9C856A;
    text-shadow: 1px 1px 1px #fff ,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}
@media (min-width: 1281px){
.mainimg .main_txt {
    position: absolute;
    height: 400px;
    top: 15%;
    right: 10%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.mainimg .main_txt h1{
    font-size: 34px;
    letter-spacing: .8em;
    color: #9C856A;
}
.mainimg .main_txt p{
    padding-right: 20px;
    font-size: 20px;
    letter-spacing: .2em;
    color: #9C856A;
}
.mainimg .main_txt2 {
    position: absolute;
    height: 430px;
    top: 50%;
    right: 20%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.mainimg .main_txt2 p{
    font-size: 22px;
    letter-spacing: .2em;
    color: #9C856A;
    text-shadow: 2px 0px 1px #fff;
}
}
@media (max-width: 768px){
.mainimg .main_txt {
    position: absolute;
    height: 200px;
    top: 10%;
    right: 3%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.mainimg .main_txt h1{
    font-size: 16px;
    letter-spacing: .8em;
    color: #9C856A;
}
.mainimg .main_txt p{
    padding-right: 5px;
    font-size: 10px;
    letter-spacing: .2em;
    color: #9C856A;
}
.mainimg .main_txt2 {
    position: absolute;
    height: 240px;
    top: 20%;
    right: 16%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.mainimg .main_txt2 p{
    font-size: 12px;
    letter-spacing: .2em;
    color: #9C856A;
    text-shadow: 2px 0px 1px #fff;
}
}

/* ------------------------------------- /
/   Home
/* ------------------------------------- */

/*  Concept
/* ------------------------------------- */
#concept {
    width: 100%;
    padding: 70px;
}
#concept h2{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1.8em;
    text-align: center;
    padding: 50px 0;
    color: #9C856A;
}
#concept .concept_txt {
    padding: 0 20px;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 2em;
    color: #898989;
}

@media (max-width: 768px){
    #concept {
        margin-top: 50px;
        padding: 70px 0;
    }
    .concept-text {
        width: 100%;
    }
}

/*  News
/* ------------------------------------- */
#news {
}
.news_box {
    width: 100%;
    margin-top: 50px;
    padding: 50px 0;
    background-image: url(../img/news_bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.news_box .news_inner {
    width: 100%;
    padding: 50px 50px 40px 50px;
    background-color: rgba(255,255,255,0.6);
}
.news_box .news_inner h3{
    padding-bottom: 20px;
    font-size: 20px;
    color: #9C856A;
}
.news_box .news_inner dl{
    height: 200px;
    overflow-y: scroll;
}
.news_box .news_inner dt{
    padding: 10px 0 10px 0;
    width : 150px;
    float : left;
    clear : both;
    font-weight: normal;
}
.news_box .news_inner dd{
    padding: 10px;
    width : 300px;
    margin : 0 0 0 140px;
}
@media (max-width: 991px){
.news_box {
    width: 100%;
    margin-top: 30px;
    padding: 15px 0;
    background-image: url(../img/news_bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.news_box .news_inner dd{
    padding: 10px;
    width : 100%;
    margin : 0 0 0 140px;
}
}
@media (max-width: 768px){
.news_box .news_inner {
    width: 100%;
    padding: 20px 0 20px 20px;
    background-color: rgba(255,255,255,0.7);
}
.news_box .news_inner dd{
    padding: 10px;
    width : 180px;
    margin : 0 0 0 140px;
}
}

/*  Takumi
/* ------------------------------------- */
#takumi {
    width: 100%;
    height: 450px;
    padding: 100px 0 50px;
    background-image: url(../img/takumi_bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.takumi_box {
    width: 100%;
    padding: 0 50px;
}
.takumi_box h3{
    padding: 10px 0;
    font-size: 32px;
    letter-spacing: .4em;
    color: #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
}
.takumi_box h3 span{
    font-size: 50px;
}
.takumi_box p{
    padding: 40px;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #fff;
}
.insta_inner {
    width: 100%;
    padding: 40px;
    background-color: rgba(255,255,255,0.6);
}
.insta-list_gallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.insta-list_gallery a{
    width: 25%;
}
.insta-list_gallery a img{
    width: 100%;
}
@media (max-width: 768px){
.takumi_box {
    width: 100%;
    padding: 0;
}
.takumi_box h3{
    padding: 10px 0;
    font-size: 18px;
    letter-spacing: .4em;
    color: #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
}
.takumi_box h3 span{
    font-size: 30px;
}
.takumi_box p{
    padding: 30px;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1.8em;
    color: #fff;
}
.insta_inner {
    padding: 10px;
}
}
@media (max-width: 500px){
.insta-list_gallery a{
    width: 50%;
}
#takumi {
    display: none;
}
}

/*  Furniture
/* ------------------------------------- */
#furniture {
    width: 100%;
    padding: 100px 0 50px;
    background-image: url(../img/furniture_bk.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.furniture_box {
    width: 100%;
    padding: 0 50px;
}
.furniture_box h2{
    padding: 50px 0 0;
    font-size: 50px;
    letter-spacing: .1em;
    color: #B3836F;
    text-align: center;
}
.furniture_box h3{
    padding: 20px 0;
    font-size: 20px;
    letter-spacing: .4em;
    color: #B3836F;
    border-top: 2px solid #B3836F;
    border-bottom: 2px solid #B3836F;
    text-align: center;
}
.furniture_box p{
    padding: 40px 30px;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1.8em;
    color: #B3836F;
}
@media (max-width: 768px){
.furniture_box {
    width: 100%;
    padding: 0;
}
.furniture_box h2{
    padding-bottom: 50px 0 0;
    font-size: 60px;
    letter-spacing: .1em;
    color: #B3836F;
    text-align: center;
}
.furniture_box h3{
    padding: 20px 0;
    font-size: 16px;
    letter-spacing: .4em;
    color: #B3836F;
    border-top: 2px solid #B3836F;
    border-bottom: 2px solid #B3836F;
    text-align: center;
}
.furniture_box p{
    padding: 40px;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #898989;
}
}

/*  Construction
/* ------------------------------------- */
#construction {
    width: 100%;
    padding: 100px 0 50px;
    background-image: url(../img/construction_bk.jpg);
    background-repeat:repeat;
}
#construction h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #9C856A;
}
#construction span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #9C856A;
}
#construction .bigdot{
    margin-bottom: 20px;
    font-size: 20px;
    color: #9C856A;
}
.latemps_box {
    width: 100%;
    margin-bottom: 100px;
    padding: 10px;
    border: 1px solid #9C856A;
    background-color: #fff;
    overflow: hidden;
}
.latemps_img{
    width: 30%;
    float: left;
}
.latemps_inner {
    width: 40%;
    padding: 10px 50px 0;
    float: left;
}
.latemps_inner h4{
    font-size: 34px;
    color: #9C856A;
    text-align: center;
}
.latemps_inner .dot {
    font-size: 30px;
    color: #9C856A;
    text-align: center;
}
.latemps_inner p{
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 1.5em;
    color: #9C856A;
    text-align: center;
}
.latemps_inner img{
    margin: 0 auto;
}

.click {
    width: 30px;
    margin: 0 auto;
}
@media (max-width: 768px){
.latemps_img{
    width: 100%;
    float: left;
}
.latemps_inner {
    width: 100%;
    padding: 30px 50px;
    float: left;
}
}

/*  Example
/* ------------------------------------- */
#example {
    width: 100%;
    padding: 100px 0;
    background-image: url(../img/example_bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.example_box {
    padding: 30px 100px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.69) 15%, rgba(255,255,255,0.87) 35%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.88) 65%, rgba(255,255,255,0.72) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.69) 15%,rgba(255,255,255,0.87) 35%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.88) 65%,rgba(255,255,255,0.72) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.69) 15%,rgba(255,255,255,0.87) 35%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.88) 65%,rgba(255,255,255,0.72) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.example_box h3{
    font-size: 36px;
    text-align: center;
    color: #B3836F;
}
.example_box h3 span{
    font-size: 20px;
}
.example_box hr{
    width: 250px;
    margin: 30px auto;
    border-top: 2px solid #B3836F;
}
.example_box p{
    width: 70%;
    margin: 0 auto;
    line-height: 1.8em;
    font-size: 17px;
    color: #B3836F;
}
.example_box img{
    margin: 0 auto;
}
@media (max-width: 768px){
.example_box {
    padding: 30px;
    background-color: rgba(255,255,255,0.7);
}
.example_box hr{
    width: 100%;
    margin: 30px auto;
    border-top: 2px solid #B3836F;
}
}

/*  Access
/* ------------------------------------- */
#access {
    width: 100%;
    padding: 60px 0 80px;
    background-image: url(../img/access_bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.access_box h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #595757;
}
.access_box span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #595757;
}
.access_box .bigdot{
    margin-bottom: 20px;
    font-size: 20px;
    color: #595757;
}
.access_box hr{
    width: 100%;
    margin: 30px auto;
    border-top: 2px solid #595757;
}

/*  Gallery
/* ------------------------------------- */
#gallery {
    width: 100%;
    padding: 60px 0 50px;
}
.gallery_box h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #9C856A;
}
.gallery_box span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #9C856A;
}
.gallery_box .bigdot{
    margin-bottom: 20px;
    font-size: 20px;
    color: #9C856A;
}
.gallery_box hr{
    width: 100%;
    margin: 30px auto;
    border-top: 2px solid #9C856A;
}
.gallery_box img{
    margin: 0 auto;
}

.slide img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #898989;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: -19px;
    z-index: 99;
}
.slick-prev {
    left: -23px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #000;
}
@media (max-width: 768px){
.slide {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
}
}

/*  Banner
/* ------------------------------------- */
#banner {
    width: 100%;
    padding: 50px 0;
    background-color: #E6E6E6;
}
#banner img{
    margin: 15px 0;
}

/*  Text_area
/* ------------------------------------- */
#text_area {
    width: 100%;
    padding: 50px 0;
}
#text_area h2{
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #9C856A;
    text-align: center;
}
#text_area p{
    width: 90%;
    margin: 0 auto;
    font-size: 17px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #898989;
}
@media (max-width: 768px){
#text_area h2{
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 24px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #9C856A;
}
#text_area p{
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #898989;
}
}


/* ------------------------------------- /
/   La temps
/* ------------------------------------- */

/*  latemps_area
/* ------------------------------------- */
#latemps_area {
    padding: 30px 0 400px;
    background-image: url(../latemps/img/latempslogo.png), url(../latemps/img/main_bk.jpg);
    background-repeat: no-repeat;
    background-size: 250px, 70%;
    background-position: 15% bottom, right top;
}
.latemps_content {

}
.latemps_content h1{
    padding: 40px 0 50px;
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #40210F;
    text-shadow: 1px 1px 1px #fff ,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}
.latemps_content img{
    width: 400px;
}
.latemps_content p{
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.5em;
    padding-right: 80px;
    color: #40210F;
    text-shadow: 1px 1px 1px #fff ,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}

@media (max-width: 768px){
#latemps_area {
    padding: 30px 0 300px;
    background-image: url(../latemps/img/latempslogo.png), url(../latemps/img/main_bk.jpg);
    background-repeat: no-repeat;
    background-size: 250px, cover;
    background-position: left 95%, right top;
}
.latemps_content img{
    width: 230px;
    margin: 0 auto;
}
.latemps_content p{
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.5em;
    padding: 30px 20px;
    color: #40210F;
    text-shadow: 1px 1px 1px #fff ,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
    background-color: rgba(255,255,255,0.7);
}
}

/*  latemps_concept
/* ------------------------------------- */
#latemps_concept {
    padding: 50px 0 50px;
}
#latemps_concept h2{
    padding: 50px 0;
    font-size: 23px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #40210F;
    text-align: center;
}
#latemps_concept .txt {
    padding: 0 30px;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.8em;
    color: #9C856A;
}
.latemps_concept_box {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 50px;
    background-image: url(../latemps/img/line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
.latemps_concept_box img{
    width: 80%;
    margin: 0 auto;
}
#latemps_concept .small_img {
    position: relative;
    padding: 80px 30px 0;
}
#latemps_concept .small_img p{
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
    color: #40210F;
}
#latemps_concept .small_img .point {
    position: absolute;
    width: 145px;
    top: 30px;
    right: 0;
}
#latemps_concept .small_img .point img{
    width: 145px;
}
#latemps_concept .big_img {
    position: relative;
    padding: 50px 0 0;
}
#latemps_concept .big_img p{
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
    color: #40210F;
}
#latemps_concept .big_img .point2 {
    position: absolute;
    width: 145px;
    top: 0;
    right: -30px;
}
#latemps_concept .big_img .point2 img{
    width: 145px;
}

@media (max-width: 768px){
#latemps_concept {
    padding: 80px 0 50px;
}
.latemps_concept_box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
    background-image: url(../latemps/img/line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
.latemps_concept_box img{
    width: 90%;
    margin: 0 auto;
}
.latemps_concept_box .latemps_concept_box_img {
    position: absolute;
    width: 90px;
    top: -90%;
    right: -5%;
}
#latemps_concept .big_img {
    position: relative;
    padding: 80px 30px 0;
}
#latemps_concept .big_img .point2 {
    position: absolute;
    width: 145px;
    top: 30px;
    right: 0;
}
}
/*  image_area
/* ------------------------------------- */
#image_area {
    width: 100%;
    margin-top: 100px;
    overflow: hidden;
}
.image_box {
    width: 50%;
    float: left;
}
.image_box img{
    width: 100%;
}
@media (max-width: 991px){
.image_box {
    width: 100%;
    float: none;
}
}

.grid {
    position: relative;
    clear: both;
    list-style: none;
}
/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-width: 320px;
    max-height: 360px;
    height: auto;
    background: #3085a3;
    cursor: pointer;
}
.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.grid figure h3 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.grid figure h3 span {
    font-weight: 800;
}
.grid figure h3,
.grid figure p {
    margin: 0;
}
.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}
figure.effect-ming {
    background: #030c17;
}
figure.effect-ming img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
figure.effect-ming figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
figure.effect-ming h3 {
    margin: 8% 0 20px 0;
    opacity: 0;
    font-size: 20px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
figure.effect-ming p {
    padding: 0 30px;
    opacity: 0;
    font-size: 14px;
    line-height: 1.8em;
    text-align: left;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
figure.effect-ming:hover h3 {
    opacity: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
figure.effect-ming:hover figcaption {
    background-color: rgba(58,52,42,0);
}
figure.effect-ming:hover img {
    opacity: 0.4;
}
@media (max-width: 991px){
figure.effect-ming h3 {
    margin: 3% 0 10px 0;
    font-size: 16px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
figure.effect-ming p {
    padding: 0 10px;
    opacity: 0;
    font-size: 12px;
    line-height: 1.8em;
    text-align: left;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
}

/*  ourworks_area
/* ------------------------------------- */
#ourworks_area {
    width: 100%;
    padding: 100px 0 50px;
}
#ourworks_area h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #90806B;
}
#ourworks_area span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #90806B;
}
#ourworks_area .bigdot{
    margin-bottom: 20px;
    font-size: 20px;
    color: #90806B;
}
.ourworks_box {
    margin-bottom: 50px;
}
.ourworks_box .ourworks_img {
    width: 100%;
    padding: 10px;
    background-color: #E0E0E0;
}
.ourworks_box .ourworks_img img{
    width: 100%;
}
.ourworks_box hr{
    width: 200px;
    margin: 50px auto 30px;
    border-top: 2px solid #90806B;
}
.ourworks_box .name {
    padding-bottom: 20px;
    color: #E9D1B5;
}
.ourworks_box .name_f {
    padding-bottom: 20px;
    color: #E2DA2A;
}
.ourworks_box .name_r {
    padding-bottom: 20px;
    color: #6FAFAF;
}
.ourworks_box h3{
    padding-bottom: 20px;
    font-size: 22px;
    color: #90806B;
    text-align: center;
}
.ourworks_box p{
    font-size: 17px;
    color: #90806b;
    text-align: center;
}
.ourworks_box a{
    display: block;
    width: 200px;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #90806b;
    border: 1px solid #90806b;
}
.ourworks_box a:hover{
    color: #90806b;
    background-color: #fff;
    border: 1px solid #90806b;
}

/* ------------------------------------- /
/   Furniture
/* ------------------------------------- */

/*  furniture_main
/* ------------------------------------- */
#furniture_main {
    position: relative;
    padding: 100px 0;
    background-image: url(../furniture/img/main_bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#furniture_main h1{
    font-size: 45px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #fff;
    text-shadow: 1px 1px 5px #E2DA2A ,1px -1px 5px #E2DA2A, -1px 1px 5px #E2DA2A, -1px -1px 5px #E2DA2A;
}

/*  furniture_area
/* ------------------------------------- */
#furniture_area {
    padding: 100px 0 100px;
}
#furniture_area .furniture_box2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #90806B;
    background-image: url(../furniture/img/icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px;
}
#furniture_area .furniture_box2 h2{
    padding-left: 30px;
    font-size: 60px;
    letter-spacing: .1em;
    color: #b7a58d;
}
#furniture_area .furniture_box2 .sub {
    padding: 10px 0 0;
    font-size: 28px;
    letter-spacing: .1em;
    color: #b7a58d;
    text-align: center;
}
#furniture_area .furniture_box2 h3{
    padding: 30px 0;
    font-size: 24px;
    letter-spacing: .1em;
    color: #b7a58d;
    text-align: center;
}
#furniture_area .furniture_box2 h3 span{
    font-size: 35px;
    color: #E2DA2A;
}
#furniture_area .furniture_box2 .txtbox {
    width: 70%;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 14px;
    letter-spacing: .1em;
    color: #b7a58d;
}
#furniture_area img{
    width: 100%;
    margin: 15px auto;
}
#banner_block {
    margin: 0;
    padding: 0;
}
#banner_block .col-md-6{
    padding-left: 0;
    padding-right: 0;
}
#banner_block .col-md-4{
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 768px){
#furniture_area .furniture_box2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #90806B;
    background-image: url(../furniture/img/icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 80px;
}
#furniture_area .furniture_box2 h2{
    padding-left: 20px;
    font-size: 60px;
    letter-spacing: .1em;
    color: #90806B;
}
#furniture_area .furniture_box2 .txtbox {
    width: 85%;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 14px;
    letter-spacing: .1em;
    color: #90806B;
}
#furniture_area .furniture_box2 h3{
    padding: 30px 0;
    font-size: 18px;
    letter-spacing: .1em;
    color: #90806B;
    text-align: center;
}
#furniture_area .furniture_box2 h3 span{
    font-size: 28px;
    color: #E2DA2A;
}
}

/* ------------------------------------- /
/   Reform
/* ------------------------------------- */

/*  reform_main
/* ------------------------------------- */
#reform_main {
    position: relative;
    padding: 100px 0;
    background-image: url(../reform/img/main_bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#reform_main h1{
    font-size: 45px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #fff;
    text-shadow: 1px 1px 5px #6FAFAF ,1px -1px 5px #6FAFAF, -1px 1px 5px #6FAFAF, -1px -1px 5px #6FAFAF;
}

/*  reform_area
/* ------------------------------------- */
#reform_area {
    padding: 100px 0 100px;
}
#reform_area .reform_box2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #90806B;
    background-image: url(../reform/img/icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px;
}
#reform_area .reform_box2 h2{
    padding-left: 30px;
    font-size: 55px;
    letter-spacing: .1em;
    color: #90806B;
}
#reform_area .reform_box2 .sub {
    padding: 10px 0 0;
    font-size: 28px;
    letter-spacing: .1em;
    color: #90806B;
    text-align: center;
}
#reform_area .reform_box2 h3{
    padding: 30px 0;
    font-size: 24px;
    letter-spacing: .1em;
    color: #90806B;
    text-align: center;
}
#reform_area .reform_box2 h3 span{
    font-size: 35px;
    color: #6FAFAF;
}
#reform_area .reform_box2 .txtbox {
    width: 70%;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 14px;
    letter-spacing: .1em;
    color: #90806B;
}
#reform_area img{
    width: 100%;
    margin: 15px auto;
}
@media (max-width: 768px){
#reform_area .reform_box2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #90806B;
    background-image: url(../reform/img/icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 80px;
}
#reform_area .reform_box2 h2{
    padding-left: 20px;
    font-size: 60px;
    letter-spacing: .1em;
    color: #90806B;
}
#reform_area .reform_box2 .txtbox {
    width: 85%;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 14px;
    letter-spacing: .1em;
    color: #90806B;
}
#reform_area .reform_box2 h3{
    padding: 30px 0;
    font-size: 18px;
    letter-spacing: .1em;
    color: #90806B;
    text-align: center;
}
#reform_area .reform_box2 h3 span{
    font-size: 28px;
    color: #6FAFAF;
}
}

/* ------------------------------------- /
/   Works
/* ------------------------------------- */

/*  works_main
/* ------------------------------------- */
#works_main {
    position: relative;
    padding: 100px 0;
    background-image: url(../works/img/main_bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#works_main h1{
    font-size: 45px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #fff;
    text-shadow: 1px 1px 5px #6EBC81 ,1px -1px 5px #6EBC81, -1px 1px 5px #6EBC81, -1px -1px 5px #6EBC81;
}

/*  link_area
/* ------------------------------------- */
#link_area {
    width: 100%;
    padding: 50px 0 80px;
    background-image: url(../works/img/bk.jpg);
    background-repeat: repeat;
    overflow: hidden;
}
#link_area h2{
    padding-bottom: 30px;
    font-size: 36px;
    color: #fff;
    text-align: center;
}
#link_area .image_box {
    width: 33.33333%;
    float: left;
}
#link_area .image_box img{
    width: 100%;
}
@media (max-width: 991px){
#link_area .image_box {
    width: 100%;
    float: none;
}
}

#link_area .grid {
    position: relative;
    clear: both;
    list-style: none;
}
/* Common style */
#link_area .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-width: 320px;
    max-height: 360px;
    height: auto;
    background: #3085a3;
    cursor: pointer;
}
#link_area .grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}
#link_area .grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#link_area .grid figure figcaption::before,
#link_area .grid figure figcaption::after {
    pointer-events: none;
}
#link_area .grid figure figcaption,
#link_area .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
#link_area .grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
#link_area .grid figure h3 {
    word-spacing: -0.15em;
    font-weight: 300;
}
#link_area .grid figure h3 span {
    font-weight: 800;
}
#link_area .grid figure h3,
#link_area .grid figure p {
    margin: 0;
}
#link_area .grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}
#link_area figure.effect-ming {
    background: #1c1a19;
}
#link_area figure.effect-ming img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
#link_area figure.effect-ming figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
#link_area figure.effect-ming h3 {
    margin: 8% 0 10px 0;
    opacity: 0;
    font-size: 20px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
#link_area figure.effect-ming p {
    padding: 0 30px;
    opacity: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8em;
    text-align: center;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
#link_area figure.effect-ming hr {
    width: 10px;
    margin: 0 auto;
    opacity: 0;
    border-bottom: 1px solid #fff;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
#link_area figure.effect-ming:hover h3 {
    opacity: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
#link_area figure.effect-ming:hover figcaption::before,
#link_area figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
#link_area figure.effect-ming:hover figcaption::before,
#link_area figure.effect-ming:hover hr {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
#link_area figure.effect-ming:hover figcaption {
    background-color: rgba(48,51,59,0);
}
#link_area figure.effect-ming:hover img {
    opacity: 0.4;
}
/*@media (max-width: 991px){
figure.effect-ming h3 {
    margin: 3% 0 10px 0;
    font-size: 16px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
figure.effect-ming p {
    padding: 0 10px;
    opacity: 0;
    font-size: 12px;
    line-height: 1.8em;
    text-align: left;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
}*/

/*  works_block
/* ------------------------------------- */
#works_area {
    padding: 100px 0 100px;
}
#works_area .works_box2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #90806B;
    background-image: url(../works/img/icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px;
}
#works_area .works_box2 h2{
    padding-left: 30px;
    font-size: 60px;
    letter-spacing: .1em;
    color: #90806B;
}
#works_area .works_box2 .sub {
    padding: 10px 0 0 100px;
    font-size: 28px;
    letter-spacing: .1em;
    color: #90806B;
}
#works_area .works_box2 h3{
    padding: 30px 0;
    font-size: 24px;
    letter-spacing: .1em;
    color: #90806B;
    text-align: center;
}
#works_area .works_box2 h3 span{
    font-size: 35px;
    color: #6FAFAF;
}
#works_area .works_box2 .txtbox {
    width: 70%;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 14px;
    letter-spacing: .1em;
    color: #90806B;
}
#works_area img{
    width: 100%;
    margin: 15px auto;
}
@media (max-width: 768px){
#works_area .works_box2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #90806B;
    background-image: url(../works/img/icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 80px;
}
#works_area .works_box2 h2{
    padding-left: 20px;
    font-size: 60px;
    letter-spacing: .1em;
    color: #90806B;
}
#works_area .works_box2 .txtbox {
    width: 85%;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 14px;
    letter-spacing: .1em;
    color: #90806B;
}
#works_area .works_box2 h3{
    padding: 30px 0;
    font-size: 18px;
    letter-spacing: .1em;
    color: #90806B;
    text-align: center;
}
#works_area .works_box2 h3 span{
    font-size: 28px;
    color: #6FAFAF;
}
}

/*  furniture_block
/* ------------------------------------- */
#furniture_block {
    position: relative;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #afafaf;
    background-color: #fff;
    overflow: hidden;
}
#furniture_block .button {
    position: absolute;
    width: 230px;
    top: 0;
    right: 1%;
}
#furniture_block .heder_txt h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #90806B;
}
#furniture_block .heder_txt span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #90806B;
}
#furniture_block .heder_txt .bigdot {
    margin-bottom: 20px;
    font-size: 20px;
    color: #90806B;
}
#furniture_block .heder_txt p{
    margin-bottom: 20px;
    font-size: 14px;
    color: #90806B;
}
#furniture_block .ourworks_box {
    margin-bottom: 50px;
}
#furniture_block .ourworks_box .ourworks_img {
    width: 100%;
    padding: 10px;
    background-color: #E0E0E0;
}
#furniture_block .ourworks_box .ourworks_img img{
    width: 100%;
}
#furniture_block .ourworks_box hr{
    width: 200px;
    margin: 50px auto 30px;
    border-top: 2px solid #90806B;
}
#furniture_block .ourworks_box .name {
    padding-bottom: 20px;
    color: #6ebc81;
}
#furniture_block .ourworks_box h3{
    padding-bottom: 20px;
    font-size: 22px;
    color: #90806B;
    text-align: center;
}
#furniture_block .ourworks_box p{
    font-size: 17px;
    color: #90806B;
    text-align: center;
}
@media (max-width: 768px){
#furniture_block .button {
    position: absolute;
    width: 130px;
    top: 0;
    right: 1%;
}
}

/*  latemps_block
/* ------------------------------------- */
#latemps_block {
    position: relative;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #afafaf;
    background-color: #f5f5f5;
    overflow: hidden;
}
#latemps_block .button {
    position: absolute;
    width: 230px;
    top: 0;
    right: 1%;
}
#latemps_block .heder_txt h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #90806B;
}
#latemps_block .heder_txt span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #90806B;
}
#latemps_block .heder_txt .bigdot {
    margin-bottom: 20px;
    font-size: 20px;
    color: #90806B;
}
#latemps_block .heder_txt p{
    margin-bottom: 20px;
    font-size: 14px;
    color: #90806B;
}
#latemps_block .ourworks_box {
    margin-bottom: 50px;
}
#latemps_block .ourworks_box .ourworks_img {
    width: 100%;
    padding: 10px;
    background-color: #E0E0E0;
}
#latemps_block .ourworks_box .ourworks_img img{
    width: 100%;
}
#latemps_block .ourworks_box hr{
    width: 200px;
    margin: 50px auto 30px;
    border-top: 2px solid #90806B;
}
#latemps_block .ourworks_box .name {
    padding-bottom: 20px;
    color: #6ebc81;
}
#latemps_block .ourworks_box h3{
    padding-bottom: 20px;
    font-size: 22px;
    color: #90806B;
    text-align: center;
}
#latemps_block .ourworks_box p{
    font-size: 17px;
    color: #90806B;
    text-align: center;
}
@media (max-width: 768px){
#latemps_block .button {
    position: absolute;
    width: 130px;
    top: 0;
    right: 1%;
}
}

/*  reform_block
/* ------------------------------------- */
#reform_block {
    position: relative;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #afafaf;
    background-color: #fff;
    overflow: hidden;
}
#reform_block .button {
    position: absolute;
    width: 230px;
    top: 0;
    right: 1%;
}
#reform_block .heder_txt h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #90806B;
}
#reform_block .heder_txt span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #90806B;
}
#reform_block .heder_txt .bigdot {
    margin-bottom: 20px;
    font-size: 20px;
    color: #90806B;
}
#reform_block .heder_txt p{
    margin-bottom: 20px;
    font-size: 14px;
    color: #90806B;
}
#reform_block .ourworks_box {
    margin-bottom: 50px;
}
#reform_block .ourworks_box .ourworks_img {
    width: 100%;
    padding: 10px;
    background-color: #E0E0E0;
}
#reform_block .ourworks_box .ourworks_img img{
    width: 100%;
}
#reform_block .ourworks_box hr{
    width: 200px;
    margin: 50px auto 30px;
    border-top: 2px solid #90806B;
}
#reform_block .ourworks_box .name {
    padding-bottom: 20px;
    color: #6ebc81;
}
#reform_block .ourworks_box h3{
    padding-bottom: 20px;
    font-size: 22px;
    color: #90806B;
    text-align: center;
}
#reform_block .ourworks_box p{
    font-size: 17px;
    color: #90806B;
    text-align: center;
}
#reform_block .sub_ttl h4{
    font-size: 1.8rem;
    font-weight: 700;
    color: #90806B;
    letter-spacing: 0.1rem;
}
#reform_block .sub_ttl hr{
    border-top: 1px solid #90806B;
    margin-top: 10px;
}
#reform_block .cont-box{
    margin-bottom: 50px;
}
#reform_block .cont-box:last-child{
    margin-bottom: 0;
}
@media (max-width: 768px){
#reform_block .button {
    position: absolute;
    width: 130px;
    top: 0;
    right: 1%;
}
}

/*  shrine_block
/* ------------------------------------- */
#shrine_block {
    position: relative;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #afafaf;
    background-color: #f5f5f5;
    overflow: hidden;
}
#shrine_block .heder_txt h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #90806B;
}
#shrine_block .heder_txt span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #90806B;
}
#shrine_block .heder_txt .bigdot {
    margin-bottom: 20px;
    font-size: 20px;
    color: #90806B;
}
#shrine_block .heder_txt p{
    margin-bottom: 20px;
    font-size: 14px;
    color: #90806B;
}
#shrine_block .ourworks_box {
    margin-bottom: 50px;
}
#shrine_block .ourworks_box .ourworks_img {
    width: 100%;
    padding: 10px;
    background-color: #E0E0E0;
}
#shrine_block .ourworks_box .ourworks_img img{
    width: 100%;
}
#shrine_block .ourworks_box hr{
    width: 200px;
    margin: 50px auto 30px;
    border-top: 2px solid #90806B;
}
#shrine_block .ourworks_box .name {
    padding-bottom: 20px;
    color: #6ebc81;
}
#shrine_block .ourworks_box h3{
    padding-bottom: 20px;
    font-size: 22px;
    color: #90806B;
    text-align: center;
}
#shrine_block .ourworks_box p{
    font-size: 17px;
    color: #90806B;
    text-align: center;
}

/*  renovation_block
/* ------------------------------------- */
#renovation_block {
    position: relative;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #afafaf;
    background-color: #fff;
    overflow: hidden;
}
#renovation_block .heder_txt h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #90806B;
}
#renovation_block .heder_txt span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #90806B;
}
#renovation_block .heder_txt .bigdot {
    margin-bottom: 20px;
    font-size: 20px;
    color: #90806B;
}
#renovation_block .heder_txt p{
    margin-bottom: 20px;
    font-size: 14px;
    color: #90806B;
}
#renovation_block .ourworks_box {
    margin-bottom: 50px;
}
#renovation_block .ourworks_box .ourworks_img {
    width: 100%;
    padding: 10px;
    background-color: #E0E0E0;
}
#renovation_block .ourworks_box .ourworks_img img{
    width: 100%;
}
#renovation_block .ourworks_box hr{
    width: 200px;
    margin: 50px auto 30px;
    border-top: 2px solid #90806B;
}
#renovation_block .ourworks_box .name {
    padding-bottom: 20px;
    color: #6ebc81;
}
#renovation_block .ourworks_box h3{
    padding-bottom: 20px;
    font-size: 22px;
    color: #90806B;
    text-align: center;
}
#renovation_block .ourworks_box p{
    font-size: 17px;
    color: #90806B;
    text-align: center;
}

/*  remodeling_block
/* ------------------------------------- */
#remodeling_block {
    position: relative;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #afafaf;
    background-color: #f5f5f5;
    overflow: hidden;
}
#remodeling_block .button {
    position: absolute;
    width: 230px;
    top: 0;
    right: 1%;
}
#remodeling_block .heder_txt h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #90806B;
}
#remodeling_block .heder_txt span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #90806B;
}
#remodeling_block .heder_txt .bigdot {
    margin-bottom: 20px;
    font-size: 20px;
    color: #90806B;
}
#remodeling_block .heder_txt p{
    margin-bottom: 20px;
    font-size: 14px;
    color: #90806B;
}
#remodeling_block .ourworks_box {
    margin-bottom: 50px;
}
#remodeling_block .ourworks_box .ourworks_img {
    width: 100%;
    padding: 10px;
    background-color: #E0E0E0;
}
#remodeling_block .ourworks_box .ourworks_img img{
    width: 100%;
}
#remodeling_block .ourworks_box hr{
    width: 200px;
    margin: 50px auto 30px;
    border-top: 2px solid #90806B;
}
#remodeling_block .ourworks_box .name {
    padding-bottom: 20px;
    color: #6ebc81;
}
#remodeling_block .ourworks_box h3{
    padding-bottom: 20px;
    font-size: 22px;
    color: #90806B;
    text-align: center;
}
#remodeling_block .ourworks_box p{
    font-size: 17px;
    color: #90806B;
    text-align: center;
}

#furniture_link {
    margin-top: -100px;
    padding-top: 150px;
}
#latemps_link {
    margin-top: -100px;
    padding-top: 150px;
}
#reform_link {
    margin-top: -100px;
    padding-top: 150px;
}
#shrine_link {
    margin-top: -100px;
    padding-top: 150px;
}
#renovation_link {
    margin-top: -100px;
    padding-top: 150px;
}
#remodeling_link {
    margin-top: -100px;
    padding-top: 150px;
}

.gallerylink_button {
    width: 300px;
    margin: 50px auto;
    padding: 15px 50px;
    border: 2px solid #555;
    text-align: center;
    color: #555;
    transition: .6s all;
}
.gallerylink_button:hover {
    border: 2px solid #555;
    background-color: #555;
    color: #fff;
}
.btnlink {
    margin: 100px 0;
}
/* ------------------------------------- /
/   Gallery
/* ------------------------------------- */

/*  gallery_area
/* ------------------------------------- */
#gallery_area {
    padding: 30px 0 300px;
    background-image: url(../gallery/img/main_img.jpg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: right top;
}
.gallery_content {

}
.gallery_content h1{
    padding: 40px 0 0;
    font-size: 67px;
    letter-spacing: .1em;
    line-height: 1em;
    color: #90806b;
    text-shadow: 1px 1px 1px #fff ,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}
.gallery_content h1 span{
    padding-left: 100px;
}
.gallery_content h2{
    padding: 30px 0 50px;
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #90806b;
    text-shadow: 1px 1px 1px #fff ,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}
.gallery_content p{
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.5em;
    padding-right: 80px;
    color: #40210F;
    text-shadow: 1px 1px 1px #fff ,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}
#photo_area {
    margin: 100px 0;
}
#photo_area .photo_box {
    padding: 30px 0;
    border-bottom: 2px solid #98816a;
}
#photo_area .photo_box img{
    margin: 15px auto;
}
@media (max-width: 768px){
#gallery_area {
    padding: 30px 0 100px;
    background-image: url(../gallery/img/main_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
}
.gallery_content h1 span{
    padding-left: 80px;
}
.gallery_content p{
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.5em;
    padding: 30px 20px;
    color: #40210F;
    text-shadow: 1px 1px 1px #fff ,1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
    background-color: rgba(255,255,255,0.7);
}
#photo_area .photo_box {
    margin: 15px auto;
}
}

/* ------------------------------------- /
/   About
/* ------------------------------------- */

/*  about_main
/* ------------------------------------- */
#about_main {
    position: relative;
    padding: 110px 0;
    background-image: url(../about/img/main_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#about_main h1{
    font-size: 45px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #fff;
    text-shadow: 1px 1px 5px #af806f ,1px -1px 5px #af806f, -1px 1px 5px #af806f, -1px -1px 5px #af806f;
}

/*  about_area
/* ------------------------------------- */
#about_area {
    padding: 100px 0 50px;
}
#about_area .about_box2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    background-image: url(../about/img/icon.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px;
}
#about_area .about_box2 h2{
    padding-left: 30px;
    font-size: 60px;
    letter-spacing: .1em;
    color: #90806B;
}
#about_area .about_box2 .sub {
    padding: 20px 0 0;
    font-size: 18px;
    letter-spacing: .1em;
    color: #90806B;
    text-align: center;
}
#about_area .about_box2 h3{
    padding: 30px 0;
    font-size: 24px;
    letter-spacing: .1em;
    color: #90806B;
    text-align: center;
}
#about_area .about_box2 h3 span{
    font-size: 35px;
    color: #6FAFAF;
}
#about_area .about_box2 .txtbox {
    width: 70%;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 14px;
    letter-spacing: .1em;
    color: #90806B;
}
#about_area img{
    width: 100%;
    margin: 15px auto;
}
@media (max-width: 768px){
#about_area .about_box2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    background-image: url(../about/img/icon.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 80px;
}
#about_area .about_box2 h2{
    padding-left: 20px;
    font-size: 60px;
    letter-spacing: .1em;
    color: #90806B;
}
#about_area .about_box2 .txtbox {
    width: 85%;
    margin: 0 auto;
    padding: 10px 0 0;
    font-size: 14px;
    letter-spacing: .1em;
    color: #90806B;
}
#about_area .about_box2 h3{
    padding: 30px 0;
    font-size: 18px;
    letter-spacing: .1em;
    color: #90806B;
    text-align: center;
}
#about_area .about_box2 h3 span{
    font-size: 28px;
    color: #6FAFAF;
}
}

#about_area .about_box2 .about_inner {
    padding: 50px 50px 30px;
    border-bottom: 1px solid #98816a;
}
#about_area .about_box2 .about_inner2 {
    padding: 30px 50px;
    border-bottom: 1px solid #98816a;
}
#about_area .about_box2 dt{
    padding: 5px 0 5px 0;
    width : 150px;
    float : left;
    clear : both;
    font-weight: normal;
}
#about_area .about_box2 dd{
    padding: 5px;
    width : 400px;
    margin : 0 0 0 140px;
}

#about_area .contact_button {
    width: 300px;
    margin: 0 auto;
}
#about_area .contact_button .square_btn{
    position: relative;
    display: inline-block;
    font-size: 18px;
    letter-spacing: .1em;
    padding: 20px 50px;
    text-decoration: none;
    color: #fff;
    background: #af806f;
    transition: .4s;
}
#about_area .contact_button .square_btn:hover {
    background: #595757;
    color: #fff;
}

@media (max-width: 991px){
#about_area .about_box2 dd{
    padding: 5px;
    width : 100%;
    margin : 0 0 0 140px;
}
}
@media (max-width: 768px){
#about_area .about_box2 .about_inner {
    padding: 50px 30px 30px;
    border-bottom: 1px solid #98816a;
}
#about_area .about_box2 .about_inner2 {
    padding: 30px 30px;
    border-bottom: 1px solid #98816a;
}
#about_area .about_box2 dt{
    padding: 5px 0 5px 0;
    width : 100px;
    float : left;
    clear : both;
    font-weight: normal;
}
#about_area .about_box2 dd{
    padding: 5px;
    width : 190px;
    margin : 0 0 0 100px;
}
}

/*  aboutus_area
/* ------------------------------------- */
#aboutus_area {
    position: relative;
    width: 100%;
    padding: 50px 0 0;
    overflow: hidden;
}
#aboutus_area .heder_txt h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #9c856a;
}
#aboutus_area .heder_txt span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #9c856a;
}
#aboutus_area .heder_txt .bigdot {
    margin-bottom: 20px;
    font-size: 20px;
    color: #9c856a;
}
#aboutus_area .heder_txt p{
    margin-bottom: 20px;
    font-size: 14px;
    color: #9c856a;
}
.aboutus_box {
    background-image: url(../about/img/about_bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.aboutus_box .col-md-7{
    padding-left: 0;
    padding-right: 0;
}
.aboutus_box .aboutus_inner {
    padding: 50px 100px;
    color: #fff;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: rgba(175,128,111,0.7);
}
.aboutus_box .aboutus_inner h3{
    padding: 0 0 20px 20px;
    font-size: 22px;
    font-weight: bold;
    background-image: url(../about/img/abouticon.png);
    background-repeat: no-repeat;
    background-position: left 15%;
    background-size: 17px;
}
.aboutus_box .aboutus_inner dt{
    padding: 5px 0 5px 0;
    width : 200px;
    float : left;
    clear : both;
    font-weight: normal;
}
.aboutus_box .aboutus_inner dd{
    padding: 5px;
    width : 400px;
    margin : 0 0 0 140px;
}
@media (max-width: 768px){
.aboutus_box .aboutus_inner {
    padding: 50px 30px;
    color: #fff;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: rgba(175,128,111,0.7);
}
.aboutus_box .aboutus_inner h3{
    padding: 0 0 20px 20px;
    font-size: 22px;
    font-weight: bold;
    background-image: url(../about/img/abouticon.png);
    background-repeat: no-repeat;
    background-position: left 15%;
    background-size: 17px;
}
.aboutus_box .aboutus_inner dt{
    padding: 5px 0 5px 0;
    width : 200px;
    float : none;
    clear : both;
    font-weight: normal;
}
.aboutus_box .aboutus_inner dd{
    padding: 5px;
    width : 400px;
    margin : 0 0 0 100px;
}
}

/*  text_area2
/* ------------------------------------- */
#text_area2 {
    width: 100%;
    padding: 50px 0 100px;
}
#text_area2 h2{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 50px;
    font-size: 30px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #90806b;
    text-align: center;
}
#text_area2 p{
    width: 90%;
    margin: 0 auto;
    font-size: 17px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #838383;
}
@media (max-width: 768px){
#text_area2 h2{
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 24px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #90806b;
}
#text_area2 p{
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #838383;
}
}

/* ------------------------------------- /
/   Contact
/* ------------------------------------- */

/*  contact_main
/* ------------------------------------- */
#contact_main {
    position: relative;
    padding: 110px 0;
    background-image: url(../contact/img/main_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#contact_main h1{
    font-size: 45px;
    letter-spacing: .1em;
    line-height: 1.5em;
    color: #98816a;
    text-shadow: 1px 1px 5px #fff ,1px -1px 5px #fff, -1px 1px 5px #fff, -1px -1px 5px #fff;
}

/*  contact_area
/* ------------------------------------- */
#contact_area {
    position: relative;
    width: 100%;
    padding: 50px 0 0;
    overflow: hidden;
}
#contact_area .heder_txt {
    padding: 30px 0;
    border-bottom: 1px solid #98816a;
}
#contact_area .heder_txt h3{
    font-size: 22px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #98816a;
}
#contact_area .heder_txt span{
    font-size: 20px;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #98816a;
}
#contact_area .heder_txt .bigdot {
    margin-bottom: 20px;
    font-size: 20px;
    color: #98816a;
}
#contact_area .heder_txt p{
    margin-bottom: 20px;
    font-size: 14px;
    color: #838383;
}


.contact_box {
    width: 90%;
    margin: 0 auto;
}
.contact_txt {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 3em;
    letter-spacing: .2em;
}
.contact_txt h1{
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    color: #387e9f;
    text-align: center;
}
.contact_txt h3{
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
.contact_txt p{
    font-size: 14px;
    line-height: 2.5em;
    letter-spacing: .2em;
}
.contact_txt p.ind{
    padding-left: 1em;
    text-indent: 0em;
}
.contact_txt hr{
    width: 100%;
    margin: 30px 0;
    border-top: 1px dashed #ccc;
}

.form-box {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
}
.form-box span{
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #f2777c;
    border-radius: 5px;
}
.form-group {
    margin: 50px 0 0;
    padding: 30px 0;
    border-top: 1px solid #98816a;
    border-bottom: 1px solid #98816a;
}
.form-group button{
    margin: 0 auto;
}
.form-box input{
    margin: 10px 0 30px;
}
.form-box select{
    margin: 10px 0 30px;
}
.form-box textarea{
    margin: 10px 0 0;
}
.form_btn input{
    margin: 10px 0;
}
.btn {
    width: 40%;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
}
.btn-primary {
    color: #595757;
    background-color: #e5cdb1;
    border-color: #e5cdb1;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #595757;
    border-color: #595757;
    transition: .4s;
}
.form-group div{
    text-align: center;
}
#lock {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    text-align: center;
    display: none;
    opacity: 0.7;
}
.form-text {
    padding-bottom: 30px;
}
.form-text p{
    font-size: 13px;
    font-weight: bold;
    line-height: 1.8em;
}
@media (max-width: 992px){
.form-box {
    width: 100%;
    padding-left: 0;
}
}




/* ------------------------------------- /
/   footer
/* ------------------------------------- */
#footer {
    width: 100%;
    background-image: url(../img/f_bk.jpg);
    background-repeat: repeat;
}
.footer-box {
    padding: 50px 0;
}
.footer_logo {
    padding: 20px;
    background-color: #fff;
}
.footer_logo p{
    font-size: 28px;
    letter-spacing: .1em;
    color: #A59076;
    text-align: center;
}
.footer_logo p:hover{
    color: #898989;
}
.footer_logo p span{
    font-size: 20px;
}
.footer_add {
    width: 255px;
    margin: 0 auto;
    padding: 20px 0;
}
.footer_add p{
    font-size: 17px;
    letter-spacing: .1em;
    color: #fff;
}
.footer_submenu {
    width: 135px;
    margin: 0 auto;
    padding: 5px;
    background-color: #fff;
}
.footer_submenu .sub_menu {
    padding-right: 5px;
}
.footer_submenu .sub_menu ul{
    list-style: none;
}
.footer_submenu .sub_menu li{
   float: right;
   font-size: 12px;
}
.footer_submenu .sub_menu li a{
   color: #A59076;
}
.footer_submenu .sub_menu li a:hover{
   color: #898989;
}
.footer_submenu .sub_menu li::before{
    content: "/";
    margin-left: .5em;
    margin-right: .5em;
    color: #A59076;
}
.footer_submenu .sub_menu li:last-child::before {
    content: none;
}
.footer_contact {
    width: 60px;
    margin: 0 auto;
    padding: 20px 0 0;
}
.telfax {
    float: right;
    padding-bottom: 80px;
}
.telfax p{
    margin-bottom: 15px;
    font-size: 36px;
    letter-spacing: .1em;
    color: #fff;
    border-bottom: 2px solid #fff;
}
.telfax img{
    width: 45px;
    margin-right: 10px;
}
.footer_menu {
    clear: both;
}
.footer_menu .nav > li {
    float: left;
    margin: 0 5px;
    font-size: 14px;
    letter-spacing: .1em;
    text-align: center;
}
.footer_menu .nav a{
    color: #fff;
}
.footer_menu .nav a:hover{
    color: #ccc;
}
.footer_menu .nav > li span{
    font-size: 12px;
}

.copyright {
    text-align: center;
    padding: 50px 0 30px;
    font-style: normal;
    font-size: 11px;
    color: #898989;
    background-color: #fff;
}
@media (max-width: 991px){
.telfax {
    width: 240px;
    margin: 30px auto 0;
    float: none;
    padding-bottom: 0;
}
.telfax p{
    margin-bottom: 20px;
    font-size: 28px;
    letter-spacing: .1em;
    color: #fff;
    border-bottom: 2px solid #fff;
}
.telfax img{
    width: 35px;
    margin-right: 10px;
}
}
@media (max-width: 768px){
.footer_menu .nav > li {
    width: 50%;
    float: left;
    margin: 0;
    font-size: 13px;
    letter-spacing: .1em;
    text-align: center;
}
}
@media (max-width: 500px){
.footer_add {
    width: 270px;
}
.telfax {
    width: 270px;
}
.telfax p a{
    color: #fff;
}
}
/*---------------------------------  /
/*  page-top
/*--------------------------------- */
#page-top{
    width: 110px;
    display: none;
    position: fixed;
    right: -1px;
    bottom: 30px;
    z-index: 9999;
}
#page-top p:hover{
    opacity: 0.8;
}
#move-page-top{
    color:#fff;
    line-height:50px;
    text-decoration:none;
    display:block;
    cursor:pointer;
}
/*---------------------------------  /
/*  facebook
/*--------------------------------- */
/* Facebook Like Box width:100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span {
    width: 100%!important;
}
/*---------------------------------  /
/*  google map
/*--------------------------------- */
.map_wrapper {
  max-width: 640px;
  min-width: 280px;
  margin: 0px auto;
  border: 1px solid #CCC;
}
.googlemap {
    position: relative;
    padding-bottom: 55%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
#lock {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    text-align: center;
    display: none;
    opacity: 0.9;
}
/*  insta-list
/* ------------------------------------- */
ul.insta-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.insta-list li{
    width: calc(25% - 10px);
}
.insta-list li img{
    width: 100%;
    height: 238px;
    margin-bottom: 10px;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 768px){
.insta-list li{
    width: calc(50% - 10px);
    align-items: flex-start;
}
}
@media (max-width: 500px){
.insta-list {
    padding: 30px 10px 10px;
}
.insta-list li{
    width: calc(50% - 5px);
    align-items: flex-start;
}
.insta-list li img{
    height: 150px;
}
}