/*----------
01.top
02.商品一覧
03.商品詳細
04.about
05.contact
----------*/

/*----------
01.top
----------*/

#top #mainimg_area{
position: relative;
border-bottom: 15px solid #c79f62;
}

#top #mainimg_area .mainimg{
width: 100%;
}

#top #mainimg_area .mainimg img{
width: 100%;
display: block;
}

#top #mainimg_area .logo{
max-width: 265px;
width: 100%;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
}

#top #mainimg_area .logo #logo01_top{
height: 163px;
width: 166px;
margin: 0 auto;
}

#top #mainimg_area .logo #logo02_top{
padding: 10px 0 0;
}

#top #about_area{
padding: 54px 0 0;
}

#top #about_area h2{
max-width: 344px;
width: 100%;
margin: 0 auto;
padding: 0 0 30px;
}

#top #about_area p{
text-align: center;
color: #595757;
font-size: 22px;
line-height: 37px;
font-family: 'DFKyks3_0';
padding: 0 0 70px;
}

.fr #top #about_area p,.en #top #about_area p{
font-family: 'Times_New_Roman';
}

#top #about_area_add {
	background-image: url(../img/top/bg_about_area_add.jpg);
	background-position: center;
	background-size: cover;
}

#top #about_area_add p{
text-align: center;
color: #595757;
font-size: 22px;
line-height: 37px;
font-family: 'DFKyks3_0';
padding: 70px 0 70px;
margin-top: 70px;
}

.fr #top #about_area_add p,.en #top #about_area_add p{
font-family: 'Times_New_Roman';
}


#top #about_area .cnt_g{
max-width: 855px;
margin: 0 auto;
padding: 0 0 37px;
}

#top #about_area .cnt_box{
max-width: 280px;
width: 32.75%;
margin: 0 0.29% 5px;
/*border: 1px solid #cfcfcf;*/
box-sizing: border-box;
position: relative;
float: left;
overflow: hidden;
}

#top #about_area .cnt_img{
max-width: 278px;
}

#top #about_area .cnt_img img{
width: 100%;
display: block;
height: auto;
}

#top #about_area .cnt_img.list_on img{
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#top #about_area .cnt_img.list_off img{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

#top #about_area .cnt_text{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 0 0 20px;
transition: all .4s;

/* display: none; */
}

#top #about_area .cnt_text.active{
background: rgba(142,156,187,0.73);
}

#top #about_area .cnt_text h3{
color: #fff;
font-size: 18px;
line-height: 26px;
font-family: 'KozGoPr6N-Regular';
position: absolute;
bottom: 13px;
left: -100%;
transition: all .3s;
}

#top #about_area .cnt_text.active h3{
left: 20px;
}

#top #about_area .next_btn{
max-width: 296px;
width: 100%;
margin: 0 auto;
background: #8e9cbb;
color: #fff;
box-sizing: border-box;
padding: 19px 0 20px;
text-align: center;
font-size: 20px;
}

#top #about_area .next_btn a{
color: #fff;
}

#top #news_area{
padding: 82px 0 0;
}

#about_area h2 ,
#top #news_area h2 ,
#top #Branch_jp h2 ,
#top #Branch_fr h2 {
text-align: center;
font-size: 36px;
color: #595757;
line-height: 36px;
padding: 0 0 40px;
}

#top #news_area .news_line{
max-width: 479px;
margin: 0 auto;
}

#top #news_area .news_line iframe{
width: 100% !important;
}

/*----------
02.商品一覧
----------*/

#works {
padding: 0 0 113px;
}

#works h2{
padding: 60px 0 45px;
text-align: center;
color: #595757;
font-size: 36px;
}

#works .cnt_g{
max-width: 855px;
margin: 0 auto;
padding: 0 0 44px;
}

#works .cnt_box{
max-width: 280px;
width: 32.75%;
margin: 0 0.29% 5px;
/*border: 1px solid #cfcfcf;*/
box-sizing: border-box;
position: relative;
float: left;
overflow: hidden;
}

#works .cnt_img{
max-width: 278px;
}

#works .cnt_img img{
width: 100%;
height: auto;
display: block;

}

#works .cnt_img.list_on img{
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#works .cnt_img.list_off img{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

#works .cnt_text{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 0 0 20px;
transition: all .4s;

/* display: none; */
}

#works .cnt_text.active{
background: rgba(142,156,187,0.73);
}

#works .cnt_text h3{
color: #fff;
font-size: 18px;
line-height: 26px;
font-family: 'Century Gothic','KozGoPr6N-Regular';
position: absolute;
bottom: 13px;
left: -100%;
transition: all .3s;
padding: 0 20px 0 0;
}

#works .cnt_text.active h3{
left: 20px;
}

#works .pager{
text-align: center;
font-size: 0;
}

#works .pager span,#works .pager a{
display: inline-block;
max-width: 37px;
width: 100%;
box-sizing: border-box;
border:1px solid #595757;
color: #595757;
text-align: center;
padding: 6px 0 5px;
margin: 0 2px;
font-size: 24px;
}

#works .pager span.current{
background: #8e9cbb;
color:#fff;
border:none;
}


/*----------
03.商品詳細
----------*/

#works_detail{
padding: 0 0 80px;
}

#works_detail .cnt_g{
max-width: 909px;
margin: 0 auto;
padding: 54px 0 180px;
}

#works_detail .h2_g{
text-align: center;
border-top: 2px solid #acabab;
border-bottom: 2px solid #acabab;
padding: 5px 0;
max-width: 897px;
margin: 0 auto 84px;
width: 100%;
line-height: 53px;
color: #595757;
font-family: 'Century Gothic','KozGoPr6N-Regular';
}

#works_detail .h2_in{
border-top: 3px solid #6e6c6c;
border-bottom: 3px solid #6e6c6c;
padding: 27px 0 26px;
}

#works_detail .h2_g h2{
font-size: 38px;
}

#works_detail .h2_g .product_name{
font-size: 30px;
}

#works_detail .cnt_img{
position: relative;
max-width: 909px;
margin: 0 auto 30px;
padding: 15px 0;
width: 100%;
}

#works_detail .cnt_img img{
max-width: 883px;
width: 100%;
height: auto;
margin: 0 auto;
display: block;
}

#works_detail .cnt_img span::before,#works_detail .cnt_img span::after{
display: block;
content: "";
background: url(../img/works/detail/pic_point.png) no-repeat left top;
width: 25px;
height: 26px;
position: absolute;
}

#works_detail .cnt_img span.img_top::before{
top: 0;
left: 0;
}

#works_detail .cnt_img span.img_top::after{
top: 0;
right: 0;
}

#works_detail .cnt_img span.img_bottom::before{
bottom: 0;
left: 0;
}

#works_detail .cnt_img span.img_bottom::after{
bottom: 0;
right: 0;
}

#works_detail .title_name{
font-size: 17px;
line-height: 28px;
color: #595757;
font-family: 'Century Gothic','KozGoPr6N-Regular';
}

#works_detail .date{
font-size: 17px;
line-height: 28px;
color: #595757;
font-family: 'Century Gothic','KozGoPr6N-Regular';
}

#works_detail .pager{
text-align: center;
font-size: 23px;
color: #595757;
}

#works_detail .pager a{
color: #595757;
}

/*----------
04.about
----------*/

#about .cnt_area{
padding: 58px 0 45px;
}

#about .cnt_area h2{
font-size: 36px;
text-align: center;
color: #595757;
padding: 0 0 46px;
}

#about .mainimg{
max-width: 886px;
margin: 0 auto;
padding: 0 0 60px;
}

#about .mainimg img{
width: 100%;
}

#about .cnt_g01 h3{
font-family: 'Bembo';
font-size: 44px;
color: #595757;
text-align: center;
padding: 0 0 30px;
}

#about .cnt_g01 p{
text-align: center;
font-size: 22px;
line-height: 37px;
color: #595757;
font-family: 'DFKyks3_0';
padding: 0 0 70px;
}

.fr #about .cnt_g01 p,.en #about .cnt_g01 p{
font-family: 'Times_New_Roman';
}

#about .cnt_g01 p span{
font-family: 'TsukushiAMaruGothic';
}

#about .cnt_g01 dl{
font-size: 22px;
line-height: 32px;
color: #595757;
max-width: 660px;
width: 100%;
margin: 0 auto;
font-family: 'TsukushiAMaruGothic';
padding: 0 0 85px;
}


#about .cnt_g01 dt{
float: left;
clear: both;
padding: 0 50px 0 0;
max-width: 66px;
}

#about .cnt_g01 dd{
float: left;
max-width: 562px;
}

.en #about .cnt_g01 dt{
max-width: 238px;
width: 100%;
box-sizing: border-box;
}

.en #about .cnt_g01 dd{
max-width: 422px;
}

.fr #about .cnt_g01 dt{
max-width: 238px;
width: 100%;
box-sizing: border-box;
}

.fr #about .cnt_g01 dd{
max-width: 422px;
}

#about .cnt_g02{
max-width: 746px;
margin: 0 auto;
}

#about .cnt_g02 .cnt_box{
padding: 0 0 60px;
}

#about .cnt_g02 h4{
font-size: 25px;
line-height: 25px;
color: #595757;
padding: 0 0 10px;
}

#about .cnt_g02 .cnt_img{
max-width: 350px;
float: left;
padding: 0 5.9% 0 0;
width: 46.92%;
}

#about .cnt_g02 .cnt_img img{
width: 100%;
}

#about .cnt_g02 .link_txt{
display: block;
margin: 5px auto;
text-align: center;
font-family: 'Century Gothic';
font-size: 14px;
color: #595757;
}

#about .cnt_g02 .map{
max-width: 350px;
width: 47.18%;
float: left;
}

#about .cnt_g02 .map #map-canvas{
height: 330px;
}

#about .cnt_g02 .map #map-canvas02{
height: 330px;
}

#about .cnt_g02 .map img{
width: 100%;
}

#about .cnt_g02 .cnt_box p{
font-size: 15px;
color: #595757;
line-height: 22px;
text-align: center;
padding: 24px 0 0;
}


/*----------
05.contact
----------*/

#contact .cnt_area{
padding: 60px 0 120px;
}

#contact .cnt_area h2{
font-size: 36px;
text-align: center;
color: #595757;
padding: 0 0 40px;
}

#contact .cnt_area p{
font-size: 22px;
line-height: 37px;
color: #595757;
font-family: 'DFKyks3_0';
text-align: center;
padding: 0 0 80px;
}

.fr #contact .cnt_area p,.en #contact .cnt_area p{
font-family: 'Times_New_Roman';
}

#contact .cnt_area .cnt_box{
max-width: 693px;
margin: 0 auto;
}

#contact .cnt_area .box01{
color: #595757;
font-size: 22px;
font-family: 'TsukushiAMaruGothic';
max-width: 693px;
border-bottom: 1px solid #000;
margin: 0 auto 65px;
}

#contact .cnt_area .box01 span{
display: inline-block;
box-sizing: border-box;
padding: 0 10px 14px 0;
}

#contact .cnt_area .box01 input{
max-width: 500px;
width: 100%;
height: 23px;
background: #ddd;
background: #fff;
box-sizing: border-box;
border:none;
box-shadow: none;
font-family: 'TsukushiAMaruGothic';
font-size: 22px;
}

#contact .cnt_area .box02{
}

#contact .cnt_area .box02 .title{
color: #595757;
font-size: 22px;
font-family: 'TsukushiAMaruGothic';
padding: 0 0 12px;
}

#contact .cnt_area .box02 textarea{
width: 100%;
box-sizing:border-box;
padding: 10px;
border:1px solid #000;
height: 195px;
font-size: 16px;
line-height: 30px;
font-family: 'TsukushiAMaruGothic';
}

#contact .submit_box{
margin: 50px auto 0;
background: #8e9cbb;
max-width: 295px;
width: 100%;
text-align: center;
}

#contact .submit{
color: #fff;
font-size: 20px;
padding: 18px 0;
max-width: 295px;
width: 100%;
background: #8e9cbb;
border-style:none;
}


/*----------
HEADER等
----------*/
.Trajan {
    font-family: "trajan-pro-3", serif;
    font-weight: 400;
    font-style: normal;
}
header h1 {
    width: auto;
    max-width: none;
    text-align: center;
    line-height: 1.5;
}
header h1 a {
    color: #fff;
    font-size: 1.1em;
    letter-spacing: .35em;
}
header h1 a:hover {
    color: #fff;
}
header h1 a span {
    font-size: .7em;
    letter-spacing: 0;
    display: block;
}


/*----------
BLOG
----------*/
#Archives .ArchivesBox {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
#Archives .ArchivesBox h3 {
    margin: 0px 0 16px;
    border-left: 4px solid #8e9cbb;
    border-bottom: none;
    padding: 5px 0 7px 13px;
    box-sizing: border-box;
    /* color: #4c4948; */
    color: #231815;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}
#Archives .ArchivesBox .Parts {
    display: flex;
    justify-content: space-between;
}
#Archives .ArchivesBox .Parts .Photo {
    width: 26%;
}
#Archives .ArchivesBox .Parts .Photo img {
    width: 100%;
    height: auto;
}
#Archives .ArchivesBox .Parts .Excerpt {
    width: 72%;
    line-height: 1.8;
}
#Archives .ArchivesBox .Parts .Excerpt a:hover {
    color: #3a689b;
}

#Blog .mainimg {
    margin: 0 auto 30px;
    width: 70%;
}
#Blog .mainimg img {
    width: 100%;
    height: auto;
}
#Blog h3 {
    margin: 30px 0 22px;
    border-left: 8px solid #8e9cbb;
    padding: 10px 0 12px 33px;
    box-sizing: border-box;
    /* color: #4c4948; */
    color: #231815;
    font-size: 28px;
    line-height: 1.2;
}
#Blog p {
    line-height: 1.8;
}