@charset "utf-8";

*{ margin: 0;padding: 0}
ul, ol { list-style : none}
img { image-rendering: -webkit-optimize-contrast; border: none;}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap');


/* clearfix */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*ソーシャルボタンレイアウト */

#SocialButton{
	width:70px;
	position:fixed;
	z-index:999;
	top:150px;
	right:0px;
	text-align:right;
}

a {
	color: #511F08;
	text-decoration:underline;
}

a:hover {
	color: #666;
	text-decoration:none;
}

body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	color:#666666;


}
.red {
	color: red;
}



#wrapper {
	width:100%;
	padding:0;
	margin:0;
}




#second {
	width:100%;
	background-image:url(../mt_img/bg_header.jpg);
	background-repeat:repeat-x;
	padding:0 0 30px 0;
}

#second #headimg {
	width: 960px;
	margin: 0 auto;
	background-image:url(../mt_img/header.jpg);
	background-repeat:no-repeat;
}



#headout {
	width:100%;
	background-image:url(../mt_img/head_bg.gif);
	background-repeat:repeat-x;
}

#header {
	width: 950px;
	margin: 0 auto;
}

#header #logo {
	padding:24px 0 0px 0;
	float: left;
}
#header #logo img{
	width:240px;
	height:48px;
}

#header #menu_s {
	padding:13px 0 0 0;
	float: right;
	text-align:right;
	font-size:9px;
}


#header #menu_s ul li {
	float: right;
	padding:13px 0 0 5px;
}

#topout {
	background-image: url(../mt_img/top_bg.jpg);
	background-repeat:repeat-x;
}



#topimg {
	width: 950px;
	margin: 0 auto;
}


#headunder_out {
	background-image: url(../mt_img/head_under_bg.jpg);
	background-repeat:repeat-x;
}


#headunder {
	width: 950px;
	margin: 0 auto;
	padding:10px 0 0 0;
}




#menuout {
	width:100%;
	background-color:#f0f0f0;
	height:50px;
}

#menu {
	width:970px;
	text-align: center;
	margin:0 auto;
	padding:0;
}

#menu ul li {
	float: left;
	line-height:0;
}






#contents {
	clear:both;
	background-color:#FFFFFF
}

#contents #box {
	margin: 0 auto;
	width: 950px;
	padding:16px 0 0 0;
	line-height:200%;
}


#area_l {
	width:240px;
	float:left;
	padding:0 30px 0 0:
}

#area_r {
	width:680px;
	float:right;
	padding:0:
	
}


#side_bnr {
	padding-bottom:10px;
}

#side_bnr.lifestylehouse_bnr{
	padding-bottom: 0;
	margin-bottom: 10px;
	transition: all ease .3s;
}
#side_bnr.lifestylehouse_bnr:hover{
	box-shadow: 0 0 3px rgba(37, 37, 45,.9);
}

.side_bnr_sns{
	position: relative;
}

.side_bnr_sns a{
	position: absolute;
	top: 57px;
	left: 11px;
	display: inline-block;
}

.side_bnr_instagram{
	margin-left: 115px;
}

#sidemenu {
	width: 100%;
	padding-bottom:20px;
}

*:first-child+html #blist {
	width: 100%;
	height: 62px;
}

#sidemenu .inner {
	width: 240px;
	margin: 0 auto 0 auto;
}



#sidemenu dd{
	font-size:12px;
	background-image:url(../mt_img/side_menu_bg.jpg);
}

#sidemenu dd a{
	display:block;
	height:30px;
	line-height:20px;
	color:#666666;
	padding:12px 0 0 25px;
	text-decoration:none;
}

#sidemenu dd a:hover{
	color:#FF6666;
	background-image:url(../mt_img/side_menu_bg_on.jpg);
	text-decoration:underline;
}



#top02 {
}

#top02_l {
	float:left;
	padding:0 20px 20px 0;
}

#top02_r {
	float:right;
	padding:0 0 20px 0;
}



#top_list {
	padding:20px 0 20px 0;
}

#top_list_block {
	border-bottom:#CCCCCC dotted 1px;
	padding:20px 0 20px 0;
}

.top_list_block_thum {
	padding:0 22px 0 0;
	float:left;
}

.top_list_block_txt {
	padding:0 22px 0 0;
	float:left;
	width:520px;
}

#top_list{}
#top_list > a{text-decoration: none;}
.top_list_ttl{padding: 0;color: #663200;font-size: 28px;font-weight: 700;font-family: 'Noto Sans JP', sans-serif;background: none;}
.top_list_ttl span{display: block;font-size: 14px;font-weight: normal;}

.top_list_works{display: flex;flex-wrap: wrap;justify-content: space-between;}
.top_list_work{width: 200px;margin-top: 20px;}
.top_list_work_thumb{width: 100%;}
.top_list_work_thumb a{box-sizing: border-box;display: inline-block;width: 100%;border: 5px solid #f0ede8;}
.top_list_work_thumb a img{width: 100%;}
.top_list_work_ttl{display: inline-block;margin-top: 5px;font-size: 16px !important;}

.b_txt {
	font-size:18px;
	color:#663300;
	text-decoration:underline;
	font-weight:bold;
}


.bb_txt {
	font-size:20px;
	color:#663300;
	font-weight:bold;
}

.blue_txt {
	font-size:14px;
	color:#64B4F4;
	text-decoration:underline;
	font-weight:bold;
}

.blue_txt2 {
	font-size:14px;
	color:#64B4F4;
	font-weight:bold;
}

.bblue_txt {
	font-size:20px;
	color:#64B4F4;
	font-weight:bold;
	text-decoration:underline;
}


.top_list_block_btn {
	padding:85px 0 0 0;
	float:right;
}


#top_03 {
	padding:20px 0 20px 0;
	font-size:12px;
	color:#663300;
}

#top_03_l {
	padding:0;
	margin:0 20px 0 0;
	border:#F0E4D6 solid 1px;
	background-color:#FFF4F4;
	width:328px;
	float:left;
	text-align:center;
	margin:0 auto;
}

#top_03_r {
	padding:0;
	border:#F0E4D6 solid 1px;
	background-color:#FFF4F4;
	width:328px;
	float:right;
	text-align:center;
	margin:0 auto;
}

.top_03_txtarea {
	padding:10px;
	text-align:left;
}

.top_03_btn {
	text-align:right;
	padding-top:15px;
}



#pagetop_out {
	width:950px;
	background-image:url(../mt_img/pagetop_bg.gif);
	background-repeat:no-repeat;
	margin:30px 0 0 0;
}

.pagetop {
	float:right;
	padding:0 23px 0 0;
}

#footer {
	background:#ffcccc;
	padding: 0;
	background-image:url(../mt_img/foot_bg.gif);
	background-repeat:repeat-x;
	background-position:center top;
}

#footer .inner {
	width: 950px;
	height:200px;
	margin:0 auto;
	padding:0;
	background-image:url(../mt_img2/copy.gif);
	background-repeat:no-repeat;
}

#footer .f_navi {
	padding: 20px 0 5px 0;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	color: #666666;
}
#footer .f_navi a {
	color: #666666;
}
#footer .f_navi a:hover {
	text-decoration: none;
}

#footer .f_navi ul {
	width:950px;
}

#footer .f_navi li {
	float:left;
	margin-right:20px;
	margin-bottom:3px;
	white-space:nowrap;
	background-image:url(../mt_img/s_arrow.gif);
	background-repeat:no-repeat;
	padding-left:15px;
}



h2 {
	background-image:url(../mt_img/title_bg.jpg);
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	height:50px;
	padding:10px 0 0 50px;
	margin:20px 0 10px 0;
}

h3 {
	background-image:url(../mt_img/title_s_b_bg.gif);
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	height:50px;
	padding:10px 0 0 30px;
	margin:20px 0 0 0;
	color:#64B4F4;
}

h4 {
	background-image:url(../mt_img/title_s_p_bg.gif);
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	height:50px;
	padding:10px 0 0 30px;
	margin:20px 0 0 0;
	color:#66cc00;
}

h5 {
	background-image:url(../mt_img/title_l_b_bg.gif);
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	height:50px;
	padding:10px 0 0 5px;
	margin:20px 0 0 0;
	color:#663300;
}

h6 {
	background-image:url(../mt_img/title_l_r_bg.gif);
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	height:50px;
	padding:10px 0 0 5px;
	margin:20px 0 0 0;
	color:#CC0000;
}

.to_list {
	background-image:url(../mt_img/title_bg2.jpg);
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	height:50px;
	padding:10px 0 0 50px;
	margin:0 0 10px 0;
}
.to_list span{padding-left: 12px;font-size: 13px;font-weight: normal;text-decoration: none;}


.pan {
	font-size:10px;
	color:#663300;
}

table{
	text-align:left;
}

tr{
	background: #fff;
	vertical-align:top;
}  

td{
	padding: 0;
}


.b_linen {
	border:#f0ede8 5px solid;
}

.b_linen_180 {
    display:block;  
    width:185px; 
    height:140px;
	background-color:#f0ede8;
}


.b_linen_180 a{
    display:block;  
    width:180px; 
    height:135px; 
    line-height:100px; 
    overflow:hidden; 
    position:relative; 
    z-index:1; 
}

.b_linen_180 a img {
    position:absolute; 
    top:0; 
    left:0;
	padding:5px 0 0 5px;
}



.b_linen_100 {
    display:block;  
    width:105px; 
    height:80px;
	background-color:#f0ede8;
}


.b_linen_100 a{
    display:block;  
    width:100px; 
    height:75px; 
    line-height:100px; 
    overflow:hidden; 
    position:relative; 
    z-index:1; 
}

.b_linen_100 a img {
    position:absolute; 
    top:0; 
    left:0;
	padding:5px 0 0 5px;
}



.egrand {
	padding:10px;
}

.dotline {
	height:1px;
	border-bottom:#CCCCCC dotted 1px;
	padding:30px 0 0 0;
	margin:0 0 30px 0;
}

.right {
	float:right;
	text-align:right;
}

#prof {
	display:block;
	width:680px;
	height:228px;
	background-image:url(../mt_img/prof_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.prof_txt {
	padding:120px 0 0 20px;
	line-height:180%;
}

.point {
	background-image:url(../mt_img/point_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:0px;
	vertical-align:middle;
}

.point_txt {
	font-size:16px;
	color:#64B4F4;
	font-weight:bold;
	vertical-align:top;
	line-height:100%;
}


.icon ul li {
	float: left;
	padding-right:5px;
}

.icon_ex ul li {
	float: left;
	padding-right:15px;
	font-size:12px;
}

html>/**/body .midline{
	vertical-align:middle;
	position:relative;
	top:-4px;
	float:right;
}


#thum_list {
	padding:20px 0 20px 0;
}

#thum_list_block {
	float:left;
	border-bottom:#CCCCCC dotted 1px;
	padding:20px 12px 20px 0;
	width:328px;
}

.thum_list_block_thum {
	padding:0 12px 0 0;
	float:left;
}

.thum_list_block_txt {
	padding:0;
	float:left;
	width:201px;
}







































#box #top_pu {
	margin:0;
}











.title {
	padding-top:20px;
}

.ss_title {
	padding-bottom:5px;
}


.arear {
	width:470px;
	padding:50px 0 0 30px;
	margin:0;
	text-align:left;
	float:left;
}

.areatxt {
	padding:0 0 0 37px;
	text-align:left;
	font-size:16px;
	line-height:180%;
}

.areaimg{
	padding:40px 0 0 0;
}


.areal {
	width:470px;
	padding:50px 0 0 0;
	margin:0;
	text-align:left;
	float:left;
}


.center_img {
	padding:40px 0 0 0;
	text-align:center;
	margin:0 auto;
}



.arear_c {
	width:470px;
	padding:30px 0 0 30px;
	margin:0;
	text-align:center;
	float:left;
}

.areatxt_c {
	padding:10px;
	text-align:left;
	font-size:16px;
	line-height:180%;
}

.areaimg_c{
	padding:40px 0 0 0;
}


.areal_c {
	width:470px;
	padding:30px 0 0 0;
	margin:0;
	text-align:center;
	float:left;
}



.arear_cs {
	width:470px;
	padding:20px 0 0 30px;
	margin:0;
	text-align:left;
	float:left;
}

.areatxt_cs {
	padding:20px 0 0 37px;
	text-align:left;
	font-size:16px;
	line-height:180%;
}

.areal_cs {
	width:470px;
	padding:20px 0 0 0;
	margin:0;
	text-align:left;
	float:left;
}



#pageokuri{
	margin:0 auto 0 auto;
	text-align:center;
}

.content-nav ul li {
list-style-type: none;
font-size: 80%;
display: inline;
background-color: #FFFFFF;
}

.content-nav ul li a {
text-decoration: none;
border: 1px solid #99ccff;
padding: 1px 7px;
color: #99ccff;
margin: 2px;
}

.content-nav ul li a:hover {
color: #3399cc;
border: 1px solid #3399cc;
}

.content-nav ul li a:visited {
color: #99ccff;
}

.content-nav ul span.current_page {
padding: 2px 8px;
margin: 1px;
color: #fff;
background-color:  #99ccff;
}














.imgarea {
	padding:40px 0 0 0;
	margin:0 auto;
	text-align:center;
}

.txtarea {
	padding:20px 0 0 0;
	text-align:left;
	line-height:200%;
	width:auto;
	float:right;
}

.txtarea_case {
	padding:20px 0 0 0;
	text-align:left;
	line-height:200%;
	width:auto;
}

.txtarea_manual {
	padding:40px 0 0 0;
	text-align:left;
	line-height:200%;
	width:450px;
	float:left;
}

.txtarea_sm {
	padding:40px 0 0 45px;
	text-align:left;
	line-height:200%;
	width:auto;
}

.txtarea_uc {
	padding:300px 0 300px 0;
	text-align:center;
	line-height:200%;
	width:auto;
}

.imgarea_case {
	padding:60px 0 80px 0;
	margin:0 auto;
	text-align:center;
}

.btnarea_manual {
	padding:40px 0 80px 0;
	float:right;
}




#box #top_pu .pu_1 {
	width:310px;
	float:left;
	text-align:left;
	padding:0px 20px 30px 0;
}

#box #top_pu .pu_2 {
	width:310px;
	float:left;
	text-align:left;
	padding:0px 20px 30px 0;
}

#box #top_pu .pu_3 {
	width:310px;
	float:left;
	text-align:left;
	padding:0px 0 30px 0;
}

.line {
	border-bottom:#CCCCCC solid 1px;
	width:950px;
	margin:0 5px;
}

.clear {
	clear:both;
	height:0;
	padding:0;
	margin:0;
}

.left{
	text-align:left;
}

#toparea_l {
	width:640px;
	padding: 30px 20px 0 0;
	float:left;
	vertical-align:top;
}

#toparea_r {
	width:310px;
	padding: 30px 0 0 0;
	float:left;
	vertical-align:top;
}

.news_tab {
	float:left;
	padding:8px 0 0 0;
}

.mainte_bt {
	float:right;
}

#news_area {
	width:640px;
	border-bottom:#666666 dotted 1px;
	border-top:#666666 dotted 1px;
	padding:0 0 20px 0;
	margin:0;
}


#news_area dl{
	margin:0;
	padding:5px 0 0 5px;
}

#news_area dt{
	margin:20px 0 0 0;
	padding:0 0 0 15px;
	float:left;
	background:url(../mt_img/top/arrow_b.gif) no-repeat left center;
	color:#666666;
	width:80px;
	font-size: 12px;
	line-height:150%;
}


#news_area dd{
	margin:20px 0 0 0;
	color:#666666;
	font-size: 12px;
	line-height:150%;
	width:488px;
	float:left;
}

#news_area dd a{
	color:#666666;
	text-decoration:underline;
}

#news_area dd a:hover{
	text-decoration:none;
}

.nbox {
	border-bottom:#666666 dotted 1px;
	padding:20px 0 0 0;
}




#area600_l {
	width:570px;
	float:left;
	padding:30px 0 0 0;
}

#area300_r {
	width:400px;
	float:left;
	padding:30px 0 0 0;
}

#area300_l {
	width:300px;
	float:left;
	padding:30px 50px 0 0;
}

#area600_r {
	width:600px;
	float:right;
	padding:30px 0 0 0;
}

.blue_bold {
	color:#007df8;
	font-weight:bold;
}

.bottom15 {
	padding-bottom:15px;
}



#btn470_l {
	float:left;
}

#btn470_r {
	float:right;
}

.btn_space {
	padding:30px 0 20px 0;
}


.bottom_space {
	height:60px;
}

.top_space {
	height:40px;
}






.table2{
	line-height:250%;
	font-size:16px;
	color:#666666;
	margin-top:0px;
	border-top:0px solid #ccc;
	border-left:0px solid #ccc;
}




.b_td {
	background-color:#F4FAFF;
	vertical-align:middle;
}

.td2 {
	background-color:#F9F9F9;
	padding: 10px;
	border-bottom:0px solid #ccc;
	border-right:0px solid #ccc;
	text-align:center;
	vertical-align:middle;
}

.g_td {
	background-color:#F9F9F9;
	vertical-align:middle;
}

.g_td2 {
	background-color:#F9F9F9;
	vertical-align:middle;
	text-align:left;
}


.g_bold {
	color:#666;
	font-weight:bold;
}



.sm_home {
	margin:20px 0 0 0;
	padding:0 0 0 15px;
	background:url(../mt_img/class.gif) no-repeat left center;
	color:#666666;
	width:80px;
	font-size: 16px;
	line-height:200%;
}

#sitemap {
	padding:0 0 60px 85px;
}


#sitemap ul li{
	margin:20px 0 0 0;
	padding:0 0 0 15px;
	background:url(../mt_img/class.gif) no-repeat left center;
	color:#666666;
	width:auto;
	font-size: 16px;
	line-height:200%;
}

#contact_page {
	text-align:left;
	
}

/* サイトマップ */

.tree ul {
	padding:0;
	margin:0;
	background-position: -9px 15px; 
	background-image: url(''); 
	background-repeat: no-repeat;
}
.tree li {
	font-size: 15px;
	font-weight:bold;
	margin: 0px; 
	padding: 3px 0 3px 24px; 
	list-style-type: none;
	background-position: 8px 7px; 
	background-image: url('../mt_img/ul.gif'); 
	background-repeat: no-repeat;
}
.tree li a {
	text-decoration:underline;
color:#663300;
}
.tree li a:hover {
	text-decoration:none;
	color: #f769b3;
}
.tree ul ul {
	background-position: -1px 15px;
	background-image: url(''); 
	background-repeat: no-repeat;
}
.tree ul li {
	background-position: 8px 7px; 
	background-image: url('../mt_img/ul.gif'); 
	background-repeat: no-repeat;
}
.tree ul li a {
	font-weight:bold;
	text-decoration:underline;
}
.tree ul li a:hover {
	text-decoration:none;
	color: #f769b3;
}
.tree ul ul li {
	background-position: 8px 7px;
	background-image: url('../mt_img/ul.gif'); 
	background-repeat: no-repeat;	
}
.tree ul ul li a {
	background-position: 0px 7px; 
	font-size:15px;
	color:#663300;
	text-decoration:underline;
}
.tree ul ul ul li a {
	background-position: 0px 7px; 
	font-size:15px;
	color:#663300;
	text-decoration:underline;
}

/* トップスライダー */
.home_hero{width: 100%; position: relative;}
.home_hero_txt{width: 100%; position: absolute; top: 0; left: 0; height: 600px;}
.home_hero_txt_in{width: 1000px; margin: 0 auto; display: flex; align-items: center; justify-content: center; position: relative;height: 600px;}
.home_hero_txt_in span{position: absolute; bottom: 10%; left: 3%; width: 60%;}
.home_hero_txt_in img{width: 100%;}

.splide__arrow--prev {
  left: 5em;
}
.splide__arrow--next {
  right: 5em;
}

@media screen and (max-width: 1000px){
	.home_hero_txt_in{width: 100%;}
	.splide__arrow--prev {
    left: 1em;
  }
  .splide__arrow--next {
    right: 1em;
  }
}


/* トップメインバナー*/
.top_bnr_area {
	margin-top: 20px;
}
.top_bnr_area .top_bnr_lifestylehouse {
	margin: 20px auto;
}
.top_bnr_area .top_bnr_lifestylehouse_link img{
	transition: all ease .3s;
}
.top_bnr_area .top_bnr_lifestylehouse_link:hover img{
	box-shadow: 0 0 3px rgba(37, 37, 45,.9);
}

.top_bnr_area .top_bnr_design-casa_link {
	text-decoration: none;
}
.top_bnr_area .top_bnr_design-casa_link img {
	transition: all ease .3s;
	margin-bottom: 10px;
}
.top_bnr_area .top_bnr_design-casa_link:hover img {
	box-shadow: 0 0 3px rgba(37, 37, 45,.9);
}