@charset "UTF-8";
/*
Theme Name: kageyamagumi.com-sp
Version: 1.0.0
*/

/****************************************
General Setting
*****************************************/
html {
}

html, body {
	margin: 0 auto!important;
}

body {
	text-align: center;
	font-size: 14px;
	background-position: bottom;
	background-repeat: repeat-x;
	min-width: 100%;
	-webkit-text-size-adjust: 100%;
}

img {
	border-style:none;
}

/****************************************

Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

/****************************************
List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}


/****************************************

Link

*****************************************/

a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #ee0000;
}

img {
	max-width: 100%;
}

footer {
	min-width: 300px;
}

p {
	margin-top: 0px;
}
/****************************************

Layout

*****************************************/

#container,
.wrapper {
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	overflow: hidden;
}

.wrapper {
	width: 100%;
}
.wrapper02 {
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
#page {
	float: none;
	padding: 0px;
	width: 100%;
}


#maincon {
	padding: 0px 0px;
}

#header {
	width: 100%;
	margin-bottom: 0px;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
}

body.home #header {
	/*	position: fixed;
	top: 0px;
	z-index: 100000;
	*/
}

#header.menu_open {
	height: 100%;
}
#header.menu_open .navi {
	height: 100%;
	background: #fff;
	overflow-y: scroll;
	padding-bottom: 50px;
}
#header h1 {
	padding-left: 10px;
	float: none;
	text-align: left;
}

#header .alignleft {
	margin: 0px;
}

#gnavi {
	position: fixed;
	top: 50px;
	left: 0px;
	z-index: 999;
	width: 100%;
	float: none;
	display: block;
}
#gnavi.menu_open {
	height: 100%;
	background: #fff;
	overflow-y: scroll;
	padding-bottom: 50px;
}

#sidepage,
#main,
#sidebar{
	background: #fff;
	padding: 10px 0px;
	text-align: left;
	float: none;
	width: 100%;
	margin: 5px auto;
	overflow: hidden;
	float: none !important;
}

#sideblog,
#sidepage,
#sidebar{
	width: 100%;
}

footer .faddress td {
	display: block;
	text-align: center !important;
	padding: 0px !important;
	padding-bottom: 10px;
	border: 0px solid #fff !important;
}
.pageheader {
	position: relative;
}

.menu {
	margin-top:55px;
	margin-left: auto;
	margin:0;
	padding: 0;
	width:100%;
	height: auto;
	float: none;
	display:  none;
	padding-bottom: 60px;
}

.menu ul{
	display: block;
	list-style-type: none;
	margin: 0px 0;
	padding: 0px 0px 50px;
	text-align: left;
	background: #fff;	
}

.menu li{
	display:block;
	margin: 0px;
	padding: 0px 0px;
	width:100%;
	box-sizing: border-box;
	border-bottom:1px #333 solid;
	background: #fff;
}
.menu li.menu1{
	border-top:1px #333 solid;	
}

.menu span.wrap,
.menu a{
	padding: 0px 20px;
	position: relative;
	color: #000;
	font-size: 16px;
	display: block;
	line-height: 3em;
	box-sizing: border-box;
	position: relative;
	text-align: left;
}
.menu li.has_child:hover .child {	
	display: none;
}
.menu .child a { padding-left: 30px; }

.menu span.pcbr { display: inline; }
.menu li.has_child {  background: url(/images/menu-yaji.png) no-repeat bottom center;
	background-position-y: 60%;
	background-position-x: 95%;
}
.menu a:hover {
	color: #000;
}
.menu .child a:hover {
	color: #000;
	background: #fff;
}
.menu ul:after {
	clear: both;
	display: block;
	content: "";
}

.menu .child {
	position: relative;
	width: auto;
	padding-bottom: 0px;
	z-index: 0;
}

/* ------- メニュー部分 ------- */

/****************************************

header image

*****************************************/
.headerbox { display: block; padding: 0px 0px 10px; }
.headerbox { padding: 10px; }
#header-image{
	margin-bottom: 40px;
}


/****************************************

Breadcrumb

*****************************************/

#breadcrumb{
	margin-bottom: 20px;
}
#breadcrumb li{
	float: left;
	margin-right: .5em;
}


.mB {
	font-size: 20px;
	padding-left: 10px;
}

/****************************************

Main

*****************************************/

/****************************************

Sidebar

*****************************************/

/****************************************

Footer

*****************************************/

#copyright{
	text-align: center;
	padding: 10px 0 70px;
	font-size: 80%;
	margin: 0px 0px;
}

#inbox {
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
}

/* ------- サイド　コンテンツボックス------- */

.pagetoi {
	clear: both;
	margin: 10px 0px 10px 0px;
}

.pagetoi img.alignleft {
	margin: 1em 0px 1em 0px;
	float: none;
}

.pagetoi img.alignright {
	margin: 1em 0px 1em 0px;
	float: none;
}

#main .pagetoi img {
	max-width: 100%;
}

.kizi .pagetoi img {
	width: 100%;
}

.kizi_body {
	padding: 10px 10px;
}

.font12 { font-size: 90%; }
.font16 { font-size: 100%; }
.font18 { font-size: 120%; }
.font20 { font-size: 20px; }
.font24 { font-size: 24px; }
.font36 { font-size: 28px; }
/* ------- フッターメニュー部分 ------- */
.menuf {
	/*	display: none; */
}

.menuf ul { width: auto; display: block;}

.menuf li {
	margin: 0px 5px;
}

.sp_menuf {
	color: #000 !important;
	display: block;
	padding: 10px 0px;
	text-align: center;
	border: 1px solid #333;
	font-size: 16px;
}

/* ------- フッターメニュー部分 ------- */

.kizi {
	/*
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	box-shadow: 2px 2px 2px #dddddd;
	padding: 10px 14px;
	*/
}

.breadcrumbs {
	padding: 10px 10px 0px 10px;
	margin: 0px;
	float: none;
}

.table-cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-grid;
	display: table-cell;
}

.table-cell {
	display: block;
}

.side-tool-sya .gotop{
	bottom:0px;
	right:0px;
	cursor:pointer;
	position:absolute;
	color:#FFF;

}

.page_navi,
.bread_crumb {
	clear: left;
	margin:0 0 15px 0;
	padding:0;
	display: inline-block;
}
.page_navi,
.bread_crumb {
	clear: left after;
}

.bread_crumb li{
	float:left;
	font-size:11px;
	list-style:none;
}

.bread_crumb li + li:before {
	margin: 0 3px;
	content: ">";
}
.bread_crumb a{
	color:#D81354;
}
.page_navi li {
	display: inline;
	float:left;
	font-size:11px;
	list-style:none;
	margin:10px 5px 10px 0;
}

.page_navi li a{
	display: inline-block;
	padding:10px;
	border:1px solid #ccc;
}

.page_navi li span {
	font-weight:bold;
	display: inline-block;
	padding:10px;
	border:1px solid #0A61B9;
	background: #0A61B9;
	color:#fff;
}

.page_navi li a:hover {
	background:#eee;
	text-decoration:none;
}

.gaiyou {
	margin:10px 0px 20px 0px;
	border: solid 0px #c99269;
	border-collapse:collapse;
	text-align: left;
	line-height: 1.5em;
	width: 100%;
}

.gaiyou th,
.gaiyou td {
	width: auto;
	display: block;
}

.gaiyou th {
	border-bottom: 0px;
}

.gaiyou img.alignleft { float: none; }


.history {
	border: 0;
	margin:10px 0px 20px 0px;
	border-collapse:collapse;
	text-align: left;
	line-height: 1.5em;
	width: 100%;
}
.history tr:nth-child(even) { background-color:#efefef;}
.history tr:nth-child(odd) { background-color:#fefefe; }
.history th {border: 1px solid #dddddd; text-align: left; padding:10px 10px; font-weight: normal; width: 5em; }
.history td {border: 1px solid #dddddd; padding:10px 10px 10px 20px;}
.history td.first {width: 12em;}

.profilelist::after {
	clear: both;
	content: "";
	display: block;
	margin-bottom: 10px;
}

.profile {
	border:0;
	margin-right: 20px;
	margin-left:10px;
	cellspacing:2;
	border-top:1px dotted #dddddd;
	max-width: 71%;
}

.profile td {
	vertical-align:top;
	border-bottom:1px dotted #dddddd;
	padding: 5px 10px 5px 10px;
}

.profile th {
	width: 7em;
	vertical-align:top;
	border-right:1px dotted #dddddd;
	border-bottom:1px dotted #dddddd;
	padding: 5px 10px 5px 10px;
}

hr {
	height:0;
	border:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}

.clearboth {
	clear: both;
}


.point{
	position:relative;
	margin:20px 22px 20px 0px;
	padding:10px 15px 0px 20px;
	color:#333333;
	font-size: 16px;
	background:#eee;
	box-shadow:
		12px 0 0 0 #eee,
		0 12px 0 0 #eee,
		1px 15px 4px -3px rgba(0,0,0,0.2);
}
.point:before{
	content:" ";
	position:absolute;
	top:100%;
	left:100%;
	width:0;
	height:0;
	border-width:12px 12px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#cc3333;
}
.point:after{
	content:" ";
	position:absolute;
	padding:0 20px;
	bottom:0;
	left:10px;
	width:65px;
	height:10px;
	background:rgba(215,21,24,0.3);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.right_exit {
	margin: 20px 0px 10px 2%;
	padding: 10px;
}

.right_exit::after {
	clear: both;
	content: "";
	display: block;
}

.right_exit .link {
	clear: both;
	padding-left: 30px;
	display: block;
}

.right_exit .link a {
	display: block;
}

.right_exit2 {
	border: 1px dotted #333333;
	margin: 20px 0px 10px 2%;
	padding: 10px;
	background:#fff;
}

.last {
	margin-right: 0px !important;
}

.last::after {
	clear: both;
	display: block;
	content: "";
}

.contactbloc {
	display: inline-table;
	width: 290px;
	height: 490px;
	border: 2px solid #cc3300;
	background: #ffffff;
	box-shadow: 2px 2px 2px #eeeeee;
	padding: 10px 10px;
	margin: 5px 15px 20px 5px;
	border-radius: 5px;
}

.sekourei_catch {
	font-size: 14px;
	line-height: 1.5em;
	padding: 10px;
}
.sekourei_catch h3 {
	padding: 0px;
	margin: 0px;
}

.event_catch {
	text-align: center;
	font-size: 16px;
	background-size: cover;
	margin: 10px 0px 30px;
	padding: 5px 10px 5px 14px;
	font-size: 16px;
	line-height: 1.5em;
}

.aligncenter {
	text-align: center;
}

.beforeafter {
	width:100%;
	margin:0px 0px 20px 0px;
}

.beforeafter tr {
	vertical-align: top;
}

.beforeafter td.before {
	width:40%;
	max-width: 258px;
	padding-right: 3%;
	padding-top: 0px;
}

.beforeafter td.before img,
.beforeafter td.after img {
	max-width: 100%;
}

.beforeafter td.after {
	width:55%;
	max-width: 355px;
	padding-top: 0px;
}

.beforeafter td.yaji2 {
	padding-top: 20px;
}

.beforeafter .yaji:before {
	font-size: 30px;
}

.afterafter img,
.beforeafter img {
	width: 100%;
}

.afterafter {
	width:100%;
	margin:0px 0px 20px 0px;
}

.afterafter tr {
	vertical-align: top;
}

.afterafter td.left {
	width:50%;
	max-width: 331px;
	padding-right: 1%;
}

.afterafter td.left img,
.afterafter td.right img {
	max-width: 100%;
}

.afterafter td.right {
	width:50%;
	max-width: 331px;
	padding-left: 1%;
}

a:hover img.option {
	border: 2px solid #a52a2a;
	box-shadow: 2px 2px 2px #fff;
}

.pconly {
	display: none;
}
span.pcbr {
	display: inline;
}

img.spimgblock { float: none; width: auto; }

.sponly {
	display: block;
}

.sponly_br {
	display: block;
}

span.spblock {
	clear: both;
	display: block;
}

.bg-menu {
	background: #fff;
}

.topmain {
	text-align: center;
}

.topmain img {
	float: none!important;
	margin: 10px 0px;
}

#dropdown_container {
	font-size:14px;
}

#dropdown_container li.dropdown_item {
	cursor:pointer;
}

#dropdown_container li.dropdown_item ul li {
	height: 28px;
	width:100%;
}

#dropdown_container li.dropdown_item ul a {
	color: #000;
	text-align: center;
	padding: 5px 0px 5px 0px;
	width:180px;
	height: 18px;
	background: url(images/yaji01.png) no-repeat left center;
}

#dropdown_container li.dropdown_item ul a:hover {
	background: url(images/yaji01.png) no-repeat left center;
}

#dropdown_container li.dropdown_item > ul {
	padding: 0px;
	background: #fff;
	color: #000;
	position:absolute !important;
	list-style:none;
	margin:0px 0px 0px 0px;
	width:182px;
	z-index: 1000;
	display: none !important;
	border: 2px solid #17614e;
}

#dropdown_container li.dropdown_item > ul:before {
	content: "＞";
	top: -18px;
	left: 50px;
	font-weight: bold;
	font-size: 14px;
	position:absolute !important;
	transform: rotate( 270deg );
}

#dropdown_container li.dropdown_item > ul li:hover
{
	background-color: #a5a76b;
}

#dropdown_container li.dropdown_item > ul a:hover
{
	color: #fff;
}

#header .logo {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	max-width: 60%;
}

.toptoi {
	margin-right: 50px;
	width: auto;
}

.toptoi img { width: 40px; padding-top: 10px; }

.toptoi a {
	color: #826B38;
}

.foot .toptoi {
	float: none;
	text-align: center;
}

.flogo {
	text-align: left;
	display: block;
	float: none;
	margin: 10px 10px;
}


.topblog {
	float: none;
	display: block;
	width: 100%;
}

.facebook {
	float: none;
	display: block;
	width: 100%;
}

.extlink {
	text-align: center;
}

.bx-wrapper {
	padding: 0px 0px 0px 0px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 10px !important;
	height: 10px !important;
	margin: 0px 3px 10px !important;
	outline: 0;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
}

.toptitle span {
	font-size: 14px;
	line-height: 1em;
	border-radius: 5px;
	border: 2px solid #faf0de;
	background: #fefefe;
	padding: 5px 30px 5px 10px;
}

.toptitle {
	padding-right: 10px;
}

#archiveList li { border-bottom: 1px dotted #ddd; }

#archiveList.voicelist li .box2,
#archiveList li .box2 {
	float: none;
	width: 98%;
}

#archiveList li p.title { font-size: 1.2em; }
#archiveList li .more a { background: none; color: #000; font-weight: 500;}
#archiveList li .more { padding-bottom: 10px; }
#archiveList li .box1 {
	width: auto;
	float: none;
}

#archiveList li .box2 .descbloc{
	max-height: 5em;
	overflow: hidden;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
}

.bukendata dl {
	margin: 0px 0px;
	padding: 0px;
	float: none;
	width: 99%;
}
.bukendata dl dt {
	margin: 0px;
	padding: 10px 0px;
	width: 31%;
}

.bukendata dl dd {
	margin: 0px;
	padding: 10px 0px 10px 1%;
	width: 66%;
}

ul#staffList {
	padding: 0px;
	text-align: center;
}

ul#staffList li {
	float: none;
	margin: auto;
	width: 150px;
	height: auto;
	padding: 10px 10px;
	display: inline-block;
}

ul#staffList li img {
	height: 120px;
	width: auto;
}
ul#staffList li:nth-child(4n + 4) {
	margin-right: auto;
}

ul#staffList li:nth-child(5n){
	margin: auto;
}

#recoStaff ul li:nth-child(6n) {
	margin: auto;
}

#recoStaff ul {
	text-align: center;
}
#recoStaff ul li {
	width: 150px;
	height: auto;
	padding: 10px 0px 10px;
	float: none;
	display: inline-block;
	margin: 5px auto;

}

#recoStaff ul li img {
	height: auto;
	width: 100px;
}

.kizi div#staffDedail { width: 100%; }
.kizi div#staffDedail .alignleft {
	width: 28%;
}
.kizi div#staffDedail .alignright {
	width: 70%;
}
.staffMainImage { width: 100%; }
table.staffProfile {
	padding-top: 10px;
	float: none;
	width: 100%;
}

table.staffProfile th { width: 7em; font-size: 13px; padding: 0px 5px; }
table.staffProfile td { line-height: 1.5em; }
table.staffProfile02 th {width: 100%;}
table.staffProfile02 {margin: 0px; }

.taglist span {
	display: inline-block;
	margin: 0 5px 5px 0;
}

.tags a { margin: 1px;}
#footer { width: 100%; padding-bottom: 20px; }


#footer .fbox01,
#footer .fbox02,
#footer .fbox03,
#footer .fbox04 {
	margin-bottom: 20px;
	float: none;
	height: auto;
	width: auto !important;
	margin-left: 10px;
}
.fbox02 .menuf ul { width: auto; }
#footer .fbox04 { display: block; margin: auto; text-align: center; }
@media (max-width: 450px) {
	/*	.slide_all {height: 180px;}*/

	.toibloc {
		width: 100% !important;		clear: both;
		display: block !important;
	}
	.sassi {
		width: 55%;
	}

	.toi {
		width: 37%;
	}

	.child_page {
		width: 100% !important;
		float: none;
		display: block;
	}

	.child_page:after {
		clear: both;
		display: block;
		content: "";
	}

	.child_pages .child_page-container img {
		width: 100px;
		float: left;
		margin-right: 10px;
	}
	.child_pages .child_page-container h3 { text-align: left; }
}

.topwork .toptitle {
	color: #fff;
	background: #0566af;
	background-position: 0px 0px;
	padding-left: 10px;
	font-size: 16px;
}


.topreform .toptitle img,
.topwork .toptitle img {
	margin: 5px 0px 0px;
}

.topreform .toptitle {
	color: #fff;
	background: #0566af;
	background-position: 0px 0px;
	padding-left: 10px;
	font-size: 16px;
}

.box01 {
	background: #fff;
}

.topwork li {
	border-top: 0px solid #f8f7e9;
	border-left: 0px solid #f8f7e9;
	border-right: 0px solid #f8f7e9;
}

.topreform li {
	border-top: 0px solid #eee;
	border-left: 0px solid #eee;
	border-right: 0px solid #eee;
}






/*--------スマホのみ改行-----------*/
.sp_br{
	display:block;
}


/* 関連記事 */
.kanren .list li {
	float: none;
	width: auto;
	margin-right: 0px;
	height: auto
}

.kanren .list li:after {
	clear: both;
	content: "";
	display: block;
}

.kanren .list li img {
	width: 90px;
	height: auto;
	float: left;
	margin-right: 10px;
}

.slide_all {overflow: hidden; width: 100%; height: auto;}

.bx-viewport {
	width: 100% !important;
}

.slide_wrap {
	width: 100%;
	left: 0%;
	margin-left: 0px;
	position: relative;
}

#slideFilterL, #slideFilterR {
	position:absolute;
	top:0;
	width:0px;
	height: 495px;
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter:"alpha( opacity=60 )";
	background:#fff;
}


/* 関連記事 */

.photos .workdimg td:first-child {
	padding-right: 0%;
	width: 100%;
	display: block;
	padding-bottom: 20px;
}

.photos .workdimg td:last-child {
	padding-left: 0%;
	width: 100%;
	display: block;
}

.photos li .halfright,
.photos li .halfleft {max-width: 100%;vertical-align: top;display: inline-block;}
.photos li .halfleft { padding-right: 0;  margin-bottom: 30px;}
.photos li img.halfright { float: none !important; }

.photos li img.halfleft.before { width: 35%;}
.photos li img.beforeafter-yaji { width: 11%; padding-top: 30px; }
.photos li img.halfright.after { width: 50%; float: right !important;}


.topttl { margin-left: 10px; font-size: 20px; }
a.more { margin-right: 10px; }


#footer_link {
}

#footer_fixed { height: auto; background: #fff; z-index: 10; border-top: 1px solid #eee; width: 100%; right: 0px; }

#footer_fixed li a i{
	font-size: 18px;
}

#footer_fixed li {
	display:inline-block;
	width:25%;
	margin:0 0% 0 0%;
	color:#fff;
}

#footer_fixed li#f_tel a:after {
	display:none;
}
#footer_fixed_sp_tablet { display: flex; gap: 1px; }
#footer_fixed li a {
	position:relative;
	display:block;
	padding:5px 0 0;
	font-size: 0.9em;
	text-align:center;
	text-decoration:none;
	background-position:center 8px;
	background-position:center 17px;
	background-repeat:no-repeat;
	width: auto;
	margin-top: 0px;
	color: #fff;
	background: #0065B5;
	height: 100%;
}
#footer_fixed li#ft_line { width: 25%; }
#footer_fixed li#ft_insta { width: 25%; }
#footer_fixed li#ft_line a { padding: 0px; display: flex; align-items: center; }
#footer_fixed li#ft_insta a { padding: 0px; display: flex; align-items: center; }
.footerTtl { font-size: 13px; }
#top-concept .wrapper02 { background:  #fff; }
#top-concept .conTopbox02 {display: block; width: 90%; vertical-align: top; margin-left: auto; margin-right: auto; }
#top-concept .bg-concept {
	background: none;
	padding: 0px;
}
#top-concept .conTopbox {
	display: block;
	width: 90%;
	padding-left: 0%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: left;
    background: url(/newhp/images/concept-bg2.jpg) no-repeat center bottom;
    padding-bottom: 220px;
    background-size: 100% 200px;
}
.bg-content { padding: 10px 0px; }
.bg-content .wrapper .kizi { padding: 10px 15px 40px; }
.bg-content .subHeader { margin-bottom: 10px; }

.contactform th,
.contactform td { display: block; width: auto; padding: 10px 0px 10px 10px; }
.wpcf7-form textarea { width: 95%; }
.contactform .spw { width: auto; padding-right: 0px !important; }
.contactform div { margin-left: 0px !important; }
span.wpcf7-list-item { margin-left: 0px !important; }
.mBttl { font-size: 1.3em; }
.mBttl span { display: inline-block; }
.photos li .alignleft,
.photos li .alignright {
	float: none;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block;
	width: auto !important;
}

.photos li .alignleft { margin-bottom: 10px; }

.blog-thumbnail { width: 110px; }

.blogbloc {
	max-height: 5em;
	overflow: hidden;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
}

.rightlink a { padding: 5px 10px; font-size: 14px; }
.blogContent img { margin-bottom: 10px; float: none !important; }
#words dl dd { display: block; }
.midashi { font-size: 18px; }
.midashid { font-size: 18px; }

.flowttl { text-align: center; font-size: 1.6em; padding: 20px 5px 50px; color: #231714;  }
.stepbloc img { width: 110px; margin-left: 10px !important; }
.step {
	font-size: 18px;
	margin-bottom: 0px;
}

.fa-chevron-down { margin-bottom: 0px; font-size: 1em !important; }

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

#spmenu {
	position: fixed;
	right: 8px;
	top: 5px;
	width: 47px;
	height: 47px;
	z-index: 100050;
	border-radius: 6px;	

}
.menu-trigger {
	position: fixed;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 44px;
	background: #060606;
	z-index: 100050;
}
.menu-trigger span {
	position: absolute;
	left: 5px;
	width: 40px;
	height: 3px;
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 10px;
}
.menu-trigger span:nth-of-type(2) {
	top: 20px;
}
.menu-trigger span:nth-of-type(3) {
	top: 30px;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 20px;
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 20px;
}

#store_page {}
#store_page .box1 {
	float:none;
	width:100%;
	padding-right:auto;
	box-sizing:border-box;
	padding-right: 0px;
}
#store_page .box1 img.alignleft { float: none; margin-left: auto; margin-right:auto; display: block; }
#store_page .box2 {
	float:none;
	width:100%;
}

#store_page .box2 dl dt { width: 9%; }
#store_page .box2 dl dd { width: 89%; padding-left: 0%; }

dl.list-style-float > dt {
	position: relative;
	left: 0px;
	padding-left: 0;
	background: #eee;
}

dl.list-style-float > dd { display: block; position: relative; padding-left: 0px; border-bottom: 0px solid #ddd;}

#productspage .bloc_left {
	float: none;
	width: 100%;
	margin-bottom: 30px;
}

#productspage .bloc_right {
	float: none;
	width: 100%;
}

#productspage .bloc_center {
	float: none;
	width: 100%;
}

.zehtable {
	margin:10px 0px 20px 0px;
	border: solid 0px #c99269;
	border-collapse:collapse;
	text-align: left;
	line-height: 1.5em;
	width: 100%;
}

.zehtable td {
	border: solid 1px #dddddd;
	padding:10px 3px;
	text-align: center;
	width: auto;
}

img.imageMain { max-width: 100%; }
.button_p { width: auto; }
#mainTop .topttl span.item01 {
	display: block;
	font-size: 32px;
	color: #0065B5;
	line-height: 1.2em;
	transform: none;
	margin-bottom: 20px;
}
#mainTop #top-concept .topttl  { display: block; }
#mainTop #top-concept .topttl span.item01 { display: block; margin-right: 0px; }
.footbox { display: block; }
#top-product ul { display: block; }
#top-product ul li { width: 90%; margin: 0px auto 20px; }
#top-reform ul li a p,
#top-product ul li a p { font-size: 14px; }
#top-reform ul li a h2,
#top-product ul li a h2 { font-size: 20px; }
#top-work ul { display: block; }
#top-work ul li { width: 90%; margin: 0px auto 20px; }
#top-work ul li span.img img { height: 230px; }

#top-reform ul { display: block; }
#top-reform ul li { width: 90%; margin: 0px auto 20px; }
.topmore {
    width: 90%;
    margin: 0px auto;
}
#top-company ul { display: block; }
#top-company ul li { width: 90%; margin: 0px auto 20px; }

#top-renovation ul { display: block; }
#top-renovation ul li { width: 90%; margin: 0px auto 20px; }
#top-renovation ul li span.img img { height: 230px; }
#topnewtopic_wrap {
	display: block;
}

#topnewtopic_wrap .newsbox {
	width: 90%; 
	margin: 0px auto 20px;
	padding: 0px 1%;
	box-sizing: border-box;
}
#topnewtopic_wrap .newsbox.second, #topnewtopic_wrap .newsbox.first {
	border-right: 0px solid #000;
	border-bottom: 1px solid #000;
}
.pickup ul li span.imgpick img {
	width: 100%;
	height: 115px;
	object-fit: cover;
}
ul#archiveList li {
	display: block;
	width: 90%;
	margin: 0px auto;
}
.photos li .table.row1 a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
	max-height: 300px;
	background: #F6F5F1;
	position: relative;
}
.photos li .table.row1 a img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 300px;
	display: block;
	margin: auto;	
}
.photos li .table.row1 a:after {
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	background: url(/newhp/images/zoom.png) no-repeat 0 0;
	background-size: 100%;
	pointer-events: none;
	z-index: 2;
}
.photos li .table.row2 {
	display: block;
}

.photos li .table.row2 a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	height: 245px;
	background: #F6F5F1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.photos li .table.row2 .item02,
.photos li .table.row2 .item01 {
	width: 90%;
	height: auto;
	max-height: 245px;
	background: #F6F5F1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	position: relative;	
	margin-bottom: 20px;
}

.photos li .table.row2.rowleft { }
.photos li .table.row2.rowright { direction: rtl; }
.photos li .table.row2.rowright div {
	direction: ltr;
}
.photos li .table.row2 a img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 245px;
	display: block;
	margin: auto;	
}
.photos li .table.row2 a:after {
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	background: url(/newhp/images/zoom.png) no-repeat 0 0;
	background-size: 100%;
	pointer-events: none;
	z-index: 2;
}
.photos li .table.beforeafter {
	display: block;
	align-items: center;
	justify-content: space-between;	
}

.photos li .table.beforeafter a {
	display: block;
	justify-content: center;
	align-items: center;
	width: 90%;
	height: 245px;
	background: #F6F5F1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.photos li .table.beforeafter a.item01:before {
	content: "Before";
	position: absolute;
	background: #cecccc;
	padding: 2px 10px;
	top: 0px;
	left: 0px;
	color: #fff;
	width: 4em;
	text-align: center;
}
.photos li .table.beforeafter a.item02:before {
	content: "After";
	position: absolute;
	background: #00AB4E;
	padding: 2px 10px;
	top: 0px;
	left: 0px;
	color: #fff;
	width: 4em;
	text-align: center;
}
.photos li .table.beforeafter a:after {
	content: '';
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
	background: url(/newhp/images/zoom.png) no-repeat 0 0;
	background-size: 100%;
	pointer-events: none;
	z-index: 2;
}

.photos li .table.beforeafter span.beforeafter-yaji {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	margin: 0px auto 10px;
	transform: rotate(90deg);
}

.photos li .table.beforeafter a img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 245px;
	display: block;
	margin: auto;
}

.conTtl { font-size: 20px; }
.step-title { font-size: 16px; }
.step-text p { font-size: 14px; line-height: 1.5em; margin-left: 0px; }
.step-header { margin-bottom: 10px; }
.catch-ttl {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 21px;
}
.step-content .step-illustration { max-width: 30%; }
.step-content { gap: 0px; }
.step-header { gap: 0px 10px; }
#top-concept .conTopbox .more { text-align: center; margin-right: 0px; }
#top07 { margin-bottom: 60px; }