@charset "UTF-8";
/*
	Theme Name: txw-kyoushou
	Author: eSales System Laboratory Inc.
	Author URI: http://www.e-uru.biz/
	Version: 1.0.0
*/

/****************************************
          General Setting
*****************************************/
html {
	margin: 0px auto;
}


body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	text-align: center;
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 500;
	margin: 0px auto;
	padding: 0px;
	min-width: 1180px;
	overflow-x: hidden;
	color: #333;
}

img {
    border-style:none;
}

a img:hover { opacity: 0.7; }

.sitecolor { color: #442F13; }

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

          Typography

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

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

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

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

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

li { list-style: none; }


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

          Link

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

a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
a[rel='nofollow'],
a[rel='nofollow'] > img {
	outline: none !important;
}

a:hover {
	color: #ee0000;
}

img {
	max-width: 100%;
}

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

          Layout

*****************************************/
#maincon {
	padding: 0px 0px;
}

.bg-content #maincon {
	padding: 0px 60px;
}


.container {
	margin-left: auto;
	margin-right: auto;
}

.wrapper {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 1180px;
}


.toppage {
	background: url(/images/manu-bg.png) repeat-x left center;
}

#header {
	display: block;
	width: 1180px;
	min-height: 110px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#header h1 { margin: 0px; }
#header .logo { margin-top: 25px; }

#header a.pagelogo { display: block; text-align: center; }

#headerL .topnavi {
	background: #fdfbee;
	text-align: right;
	font-size: 13px;
	color: #333;
}

#headerL .topnavi .wrapper {
	text-align: right;
}

.toptoi {position: absolute; top: 0px; right: 0px; }

#main {
	margin-top: 0px;
	text-align: left;
	float: left;
	width: 680px;
}

#sidepage,
#sidebar01,
#sideblog,
#sidebar {
	float: right;
	width: 240px;
}

#sidebar01,
#sideblog,
#sidebar {
	padding: 20px 0px 20px 0px;
}

footer {
	background: url(/images/footer_bar.png) no-repeat top center;
}

#footer {
	text-align: left;
	padding: 35px 0px 0px 0px;
	margin: 0px auto;
	width: 1180px;
}

#footer h2, #footer h3 {
display: inline;
}

#footer .fbox01,
#footer .fbox03 {
	margin-top: 30px;
	float: right;
	margin-left: 0px;
}

#footer .fbox01 { width: 620px; border: 1px dashed #ddd; padding: 20px 50px; }
#footer .fbox03 { width: 400px; margin-left: 0px;  padding: 10px; float: left; font-size: 15px; }

.border-top01 { border-top: 1px solid #333; }


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

          header

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

          Navigation

*****************************************/
.navfixed { position: fixed; top: 0px;  width: 100%; z-index: 1; background: #fff; }
.navfixed .navi { border-bottom: 1px solid #ddd;}

/* ------- メニュー部分 ------- */
.menu {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height: auto;
	padding-top: 0px;
}

.menu ul{
	list-style-type: none;
	margin: 0px 0px 15px;
	padding: 0;
	display: table;
	width: 100%;
}

.menu li{
	display: table-cell;
	margin: 0;
	padding: 0px 0;
	text-align: center;
	width: 140px;
}
.menu a{
	text-align: center;
	overflow: hidden;
	display: block;
	width: 100%;
	padding: 15px 0;
	height: 30px;
	position: relative;
	margin-right: 10px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3em;
}
.menu a span { display: block; font-weight: normal; color: #ccc;}
.menu a:hover {color: #0065B4; font-weight: bold;}
.menu a:hover{
	-webkit-transition: color 0.2s, font 0.2s;
	-moz-transition: color 0.2s, font 0.2s;
	transition: color 0.2s, font 0.2s;
}

.menu li a::after {
	border-bottom: solid 4px #005BAC;
	bottom: 0;
	content: "";
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	width: 0;
	position: absolute;
}
.menu li a:hover::after {
  width: 100%;
}

.pageheader .menu ul {
	margin: 0px;
}

.pageheader .menu a{
	padding: 15px 0;
	height: 30px;
}

.pageheader {
	position: fixed;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
    background: url(/images/manu-bg.png) repeat-x left center;
	border-bottom: 1px solid #eee;
	z-index: 100;
}

body.admin-bar .pageheader { top: 30px; }
/* ------- メニュー部分 ------- */


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

          header image

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

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

          Breadcrumb

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



.subHeader { background-color: #f4f4f4; margin-top: 0px; }


.breadcrumbs {
    margin-left: 15px;
    /*    margin-bottom: 35px; */
    color: #aaa;
    /* padding: 5px 0px; */
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
	color: #555;
}
.breadcrumbs a { color: #999; }

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

          Top slider

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

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

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

          Main

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

.rightlink {
	text-align: right;
}

.rightlink a {
	font-size: 15px;
	box-shadow: 2px 2px 2px #eee;
	color: #fff;
	background: #4C8ABF;
	padding: 8px 20px;
	margin: 10px 10px;
	display: inline-block;
	text-decoration: none !important;
}

.rightlink a:hover {
	box-shadow: 2px 2px 2px #999;
	background: #800;
}

.link {
	padding: 7px 20px 7px 15px;
	float: right;
}

.vevent .img,
.vlist .img {
	width: 250px;
	display: inline-block;
	float: left;
	text-align: center;
	margin-right: 20px;
	border: 1px solid #eee;
}

.link a {
	color: #333;
	padding: 5px 30px 5px 20px;
	text-decoration: none;
}

.link a:hover {
	color: #ff0000;
}


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

.wlink a:hover {
	color: #fff;
	text-decoration: underline;
}

.navigation{
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(images/gray.gif) repeat-y 50% 0;
}
	.navigation > div{
		width: 50%;
	}

	.navigation .alignright{
		text-align: right;
	}

	.navigation a{
		display: block;
		padding: 1em;
		border: none;
	}
		.navigation a:hover{
			background: #ffeff7;
			color: #000;
		}
			.navigation .alignright a:hover{
				border-left: 1px solid #ddd;
			}

.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}
	.post-author{ padding-left: 1em; }

.page-link{
	margin: 3em 0;
}
.comment-page-link{
	margin: 0 0 3em;
}

	.page-link span,
	.comment-page-link span,
	.comment-page-link a{
		display: inline-block;
		margin-right: 3px;
		padding: 5px 8px;
		border: 1px solid #ddd;
		background: #ddd;
	}
		.page-link a span,
		.comment-page-link a{
			background: #fff;
		}

	.page-link a{
		border-bottom: none;
		color: #000;
	}

	.page-link a span:hover,
	.comment-page-link a:hover{
		background: #ffeff7;
		color: #000;
	}


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

          index.php Main

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

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 420px;
}
	.content-box .more-link{
		margin: 0;
	}

.thumbnail-box{
	float: left;
	width: 160px;
}
	.thumbnail-box img{
		width: 160px;
		height: 160px;
	}


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

          Sidebar

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

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

          Footer

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

#copyright{
	text-align: center;
	padding: 0px 0 80px 0px;
	font-size: 100%;
	margin: 10px 0px 0px;
	color: #442F13;
	font-size: 14px;
}

#copyright a { color: #442F13; }
/****************************************

          Form

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

input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
	font-family: inherit;
	margin: 0;
	margin-bottom: 5px;
	padding: 6px 4px;
	max-width: 100%;
	width: 290px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	vertical-align: bottom;
	font-size: 14px;
}


select {
	padding: 6px 4px;
	font-family: inherit;
}
#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ff69b4;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
 	-moz-box-shadow: 0 0 3px rgba(255,105,180,1);
	box-shadow:  0 0 3px rgba(255,105,180,1);
 	color: #444;
}


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

          WordPress Misc

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/*
.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}
*/

.wp-caption-text,
.gallery-caption{
	font-size: 90%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

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

          Clearfix

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

#header::after{
	clear: both;
	display: block;
	content: "";
}

#container {
/*	background: #f8f8fb; */
}

.breadcrumbs:after,
#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
/*#header .menu > ul,*/
/*#header ul.menu,*/
.clearfix {
	display: inline-block;
}

#container,
/*#header .menu > ul,*/
/*#header ul.menu,*/
.clearfix {
	display: block;
}

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


/* ------- サイド　コンテンツボックス------- */
.widgettitle,
.boxtitle {
text-align: center;
font-size: 16px;
color:#fff;
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
background: #1F1D32;
}
.widgettitle a {color: #fff;}
#sideblog ul {list-style: none; margin-bottom: 20px; font-size: 14px; }
#sideblog ul li {padding: 8px 10px 1px;}

#sideblog .calendrier { margin-bottom: 30px;}


.bline {
	border-bottom: 2px solid #0566af;
}

.gline {
	border-bottom: 2px solid #ddd;
}

.blogtopic li a { text-decoration: none !important; }
.blogtopic li { border-bottom: 1px dotted #ddd; }
/* ------- サイド　コンテンツボックス------- */

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

.pagetoi img{
	margin: 5px 0em;
}

.kizi_body {
	padding: 10px 10px;
}

.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font24 { font-size: 24px; }
.font28 { font-size: 28px; }
.font36 { font-size: 36px; }

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

          margin

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

.mt0 { 	margin-top: 0px; }
.mt5 { 	margin-top: 5px; }
.mr5 { margin-right: 5px; }
.ml5 { 	margin-left: 5px; }
.mb5 { margin-bottom: 5px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
.mt20 { margin-top: 20px; }
.mr20 { margin-right: 20px; }
.ml20 { margin-left: 20px; }
.mb20 { margin-bottom: 20px; }
.mt30 { margin-top: 30px; }
.mr30 { margin-right: 30px; }
.ml30 { margin-left: 30px; }
.mb30 { margin-bottom: 30px; }
.mt40 { margin-top: 40px; }
.mr40 { margin-right: 40px; }
.ml40 { margin-left: 40px; }
.mb40 { margin-bottom: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr80 { margin-right: 80px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }


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

          padding

*****************************************/
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pl10 { padding-left: 10px; }
.pb10 { padding-bottom: 10px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pl20 { padding-left: 20px; }
.pb20 { padding-bottom: 20px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pl30 { padding-left: 30px; }
.pb30 { padding-bottom: 30px; }
.pt40 { padding-top: 40px; }
.pr40 { padding-right: 40px; }
.pl40 { padding-left: 40px; }
.pb40 { padding-bottom: 40px; }
.pt50 { padding-top: 50px; }
.pr50 { padding-right: 50px; }
.pl50 { padding-left: 50px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }

/* ------- フッターメニュー部分 ------- */
.menuf {
	padding: 0;
	text-align: left;
	color: #333;
}

.menuf ul {
    vertical-align: top;
	list-style-type: none;
	margin: 0px 20px 0px 0px;
	padding: 0;
	margin-top: 10px;
	display: inline-block;
}
.menuf li {
	 line-height: 1.2em;
	 text-align: left;
	 padding: 0px 0px 0px;
	 position:relative;
}

.menuf ul:last-child li {
	margin: 0px 0px 0px 0px;
}

.menuf a {
padding: 5px 15px 10px 0px;
text-decoration:none;
color: #000;
display: block;
	font-size: 14px;
}

.menuf a.sub:before {
		content: "－";
		padding-right: 3px;
		font-size: 12px;
}

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

.kizi {
	border: 1px solid #eee;
	padding: 20px 20px 50px;
	margin: 20px 0px 50px;
}

.mB {
    font-size: 1.8em;
    margin: 0px 0px 10px;
	height: 60px;
    position: relative;
    display: block;
    line-height: 1.3em;
    padding-bottom: 15px;
	color: #000;
	background-size: contain;
	 padding-top: 35px;
}

.mBttl {
	margin-bottom: 30px;
	border-bottom: 2px dashed #c4bab5;
	padding-bottom: 10px;
	clear: both;
	font-size: 24px;
    font-weight: 600;
	color: #111;
}

.mBttl.mBBlog {
	font-size: 20px;
    font-weight: 600;
}

.mBttl.mBBlog span { font-weight: 400; }

.midashi {
    clear: both;
    font-size: 22px;
    font-weight: 600;
    color: #0058A4;
    border-left: 2px solid #c7cee3;
    background: #f4f5f8;
	margin: 0 0 20px;
    padding: 15px;
}

.midashis {
	font-size: 18px;
    font-weight: 600;
	color: #62483a;
	margin: 20px 0px;
	border-left: 5px solid #62483a;
	padding-left: 10px;
}

.midashid {
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 10px;
	border-bottom: 1px solid #442F13;
	color: #442F13;
}

.midashi-event {
	font-size: 24px;
	font-weight: 500;
	padding-bottom: 10px;
	color: #111;
	margin-bottom: 20px;
}
.midashi-event:first-letter { color: #FD8403; font-size: 28px; letter-spacing: 2px; }
.midashi-event span { display: -block; position: relative;}
.midashi-event span:after { content: ""; width: 127px; background: #FD8403; height: 1px; bottom: -10px;  left: 0px; position: absolute; } 
.page_navi,
.bread_crumb {
margin:0 0 15px 0;
padding:0;
display: inline-block;
}
.page_navi,
.bread_crumb {
clear: left;
}

.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 50px 0px;
border: solid 0px #c99269;
border-collapse:collapse;
text-align: left;
line-height: 1.5em;
width: 100%;
}

.gaiyou table.tab1 { table-layout:auto; background:#fcfcfc; }
.gaiyou th { border: solid 1px #dddddd; background:#fcfcfc; text-align: left; padding:10px 10px; font-weight: normal; width: 12em;}
.gaiyou td { border: solid 1px #dddddd; padding: 15px 20px;}

.bosyu { margin-bottom: 50px; border-collapse: collapse; width: 635px; }
.bosyu tr { vertical-align: top; }
.bosyu td,
.bosyu th { border-bottom: 1px solid #ddd; padding: 10px 20px; }
.bosyu th { width: 4em; }

.bloc {
padding: 10px 20px 10px 20px;
border: 1px solid #ddd;
border-radius: 5px;
}

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

.bloc2-left {
float: left;
font-size: 16px;
width: 46%;
padding: 5px 10px 5px 10px;
border: 1px solid #ddd;
background-color: #f0f7dd;
margin: 4px auto;
border-radius: 5px;
}

.bloc2-left::after {
content: "";
display: block;
clear: both;
}

.bloc2-right {
float: right;
font-size: 16px;
width: 46%;
padding: 5px 10px 5px 10px;
border: 1px solid #ddd;
background-color: #f0f7dd;
margin: 4px auto;
border-radius: 5px;
}

.bloc2-right::after {
content: "";
display: block;
clear: both;
}

.bloc3 {
padding: 0px 20px 10px 20px;
border: 1px solid #ddd;
margin: 10px auto;
border-radius: 5px;
}

.bloc4 {
padding: 5px 20px 5px 20px;
border: 1px solid #ddd;
margin: 4px auto;
border-radius: 5px;
}


.bloc5 {
padding: 10px 20px 10px 20px;
border-radius: 5px;
background: #eee;
}

.comh li {
font-size: 16px;
text-align: center;
float: left;
width:24%;
}

.comh  span {
font-size: 16px;
color: #3f210f;
padding-right: 5px;
}

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

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

.profile {
border:0;
margin-right: 20px;
margin-left:10px;
border-top:1px dotted #dddddd;
border-collapse:collapse;
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;
}

.staffbloc {
padding: 10px 10px;
}

.staffbloc img {
margin-bottom: 20px;
border-radius: 5px;
box-shadow: 2px 2px 2px #eeeeee;
border: 1px solid #eeeeee;
}

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

.clearboth {
clear: both;
}


.staffbloc .pin {
font-size: 14px;
color: #333333;
padding: 0px 20px;
background: url(/files/pin.png) no-repeat left center;
}

.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 {
	border: 1px solid #faad83;
	margin: 20px 0px 0px 50%;
	padding: 10px;
	background-color: #f9e1d4;
}

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

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

.right_exit .link a {
	display: block;
	text-decoration: none !important;
}

.right_exit .link a:after {
	content: "＞";
	padding-left: 10px;
	color: #0065B4;
}

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

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

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

.sekourei_catch {
	font-size: 20px;
	text-align: center;
	line-height: 1.7em;
	background: #fefcea;
	background-size: cover;
	padding: 5px 20px;
	margin: 10px 0px 15px;
	color: #ff914f;
}
.sekourei_catch h2 { font-size: 1.3em; }
.event_catch {
	font-size: 20px;
	text-align: center;
	line-height: 1.7em;
	background: #feeeea;
	background-size: cover;
	padding: 5px 20px;
	margin: 10px 0px 30px;
	color: #442f13;
}
.event_catch h2 { font-size: 1.3em; }
.company_catch {
	font-size: 24px;
	text-align: center;
	line-height: 1.5em;
	padding: 20px 10px;
	margin: 10px 0px 30px;
	color: #442f13;
}
.flowbloc {
clear: both;
display: block;
}

img.flow {
width: 43%;
border-radius: 5px;
}

.flowc {
padding: 0px 10px 10px 10px;
}

.aligncenter {
text-align: center;
}

.textright { text-align: right; }

.photos {
	margin-top: 20px;
}

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

.photos li:after {
	clear: both;
	content: "";
	display: block;
	margin-bottom: 20px;
}

.photos .part span {
	font-weight: 600;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1em;
	padding: 0px 20px 0px 10px;
	font-size: 20px;
	color: #333;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fefcaa 0%) repeat scroll 0 0;
}

.photos li .halfright,
.photos li .halfleft { vertical-align: top; display: inline-block; }
.photos li .halfleft { padding-right: 2%; }
.photos li img.halfright { float: right; max-width: 49%; width: auto;}
.photos li img.halfleft { float:left; max-width: 49%; width: auto; }

.photos li img.halfleft.before { width: 250px;}
.photos li img.beforeafter-yaji { width: 180px;}

.photos li .table {
	display: table;
	vertical-align: top;
	width: 100%;
	margin-bottom: 10px;
}
.photos li .alignleft { margin-right: 1% }
.photos li .alignright { margin-left: 1%; }


.photos .workdimg td:first-child {
	padding-right: 1.5%;
	width: 48.5%;
    vertical-align: top;
}

.photos .workdimg td:last-child {
	padding-left: 1.5%;
	width: 48.5%;
    vertical-align: top;
}

.photos .madoridetail li img.halfright { float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 20px; }
.photos .madoridetail li img.halfleft { float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 20px; }
.photos .madoridetail li div.text { display: table-cell; }
.photos .madoridetail li img.halfright,
.photos .madoridetail li img.halfleft { max-width: 46%; width: auto;  border: 1px solid #eee; }


/* 施工例詳細ページの見出し */
.midashi-d {
	margin-top: 40px;
	margin-bottom: 30px;
	line-height: 1.5em;
	padding: 0px 5px 0px 10px;
	font-size: 20px;
	color: #0058A4;
	font-weight: 600;
	border-left: 5px solid #0058A4;
}

.bukendata dl {
	border-bottom: 1px dashed #999;
	display: table;
	width: 100%;
	padding-bottom: 5px;
}

.bukendata dl:first-child {
	padding-top: 5px;
	border-top: 1px dashed #999;
}

.bukendata dl dd,
.bukendata dl dt {
	float: left;
	padding: 5px 10px;
}

.bukendata dl dt {
	width: 7em;
	background: #fefefe;
}

.bukendata dl dd {
	max-width: 750px;
	width: auto;
	margin-left: 10px;
	border-left: 2px solid #0065B4;
}

#archiveList li .title {
	font-size: 1.3em;
	text-align: left;
	margin: 5px 0px 15px;
	padding: 10px 0px 8px 0px;
	font-weight: 600;
	border-bottom: 2px dashed #c4bab5;
}

#archiveList li .title a {
	text-decoration: none;
}

#archiveList li .title a:link,
#archiveList li .title a:visited {
  color:#442f13;
}


#archiveList li .box1 {
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin-left: 0px;
  width: 300px;
  float: left;
  border: 1px solid #eee;
}

#archiveList li .box1 img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#archiveList li .box2 {
  float: right;
  width: 620px;
}

#archiveList li .box2 .descbloc{
	overflow: hidden;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-height: 1.5em;
	height: 7.5em;
	display: -webkit-box;
	margin-bottom: 20px;
}

#archiveList li table {
	width:98%;
	margin:10px 0px 20px 0px;
	border-collapse:collapse;
}

#archiveList li table th {
	background: #f2f2f2;
	width: 8em;
	padding: 5px 10px;
	border:1px #ddd solid ;
	font-weight: 400;
}
#archiveList li table td {
  background: #fff;
  padding: 5px 10px;
  border:1px #ddd solid ;
}

#archiveList li .more {
	text-align: right;
	margin: 10px 0px 20px;
}

#archiveList li .more a {
	margin-top: 10px;
	margin-right: 10px;
	width:6em;
	padding: 5px 8px 6px;
	margin-left:auto;
	background:#ff9a60;
	color: #fff;
	font-size: 1em;
	text-decoration: none !important;
 }

#archiveList li .more a::after {
	content: "＞";
	padding-left: 5px;
}

.voicelist li {
	width: 23%;
	text-align: center;
	float: none;
	display: inline-block;
	margin-right: 2%;
}

.voicelist li img {
	display: block;
	width: 100%;
	border: 2px solid #eee;
	margin-bottom: 10px;
}

.voicelist li:hover img {
	border: 2px solid #0372B7;
}

.voicelist li:nth-child(4n + 4) {
	margin-right: 0px;
}

.voicelist li .ttl a {
	color: #442F13;
	display: block;
	font-weight: bold;
}

#archiveList li.north_europe .box1 img {
	width: 100%;
}

hr.line {
    margin: 2.5em 0px 0px 0px;
    border: 0;
    height: 1px;
}

.detail a{
display:block;
width:100px;
height:24px;
padding:3px 0 0 10px;
background:url(images/sekou-yaji.png) no-repeat 94% 50% #666;
color:#fff;
font-size:13px;
}

.detail a:hover{
background:url(images/sekou-yaji.png) no-repeat 94% 50% #999;
text-decoration:none;
}

select, input[type=text],input[type=tel],input[type=email]{
font-size:15px;
}
input[type=text],input[type=email],input[type=tel]{
   width:70%;
}

input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{
   border:solid 1px #20b2aa;
}

input[type=text], select,input[type=email],input[type=tel]{
   outline: none;
}

input[type=button],
input[type=submit]{
	font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
	background:#555;
	transition:all 0.3s;
	margin: 0px auto 0px;
	color:#fff;
	font-size: 24px;
	padding: 15px 50px;
	display: inline-block;
	cursor: pointer;
	border: 2px solid #666;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #ddd;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel]
{ width: 300px; } /*名前、メール、題名*/
.wpcf7-form textarea{width: 500px;} /*本文*/
.wpcf7-form .wpcf7-submit{width: 200px; margin-left: 10px;} /*送信ボタン*/

.wpcf7-form::after {
	clear: both;
	display: block;
	content: "";
}

.wpcf7-radio label {
	margin-right: 20px;
}

.wpcf7-form input{}
.wpcf7-form::after{clear:both;display:block;content:"";}

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

.contactform span.age input { width: 5em; }

.contactform p { padding: 0px; margin-bottom: 2px; }

.contactform th { border: solid 1px #dddddd; background:#f6f6f6; text-align: left; padding:10px 10px; font-weight: 400; width: 15em;}
.contactform td { border: solid 1px #dddddd; padding: 10px 10px;}
.contactform .spr { color: #fff; display: inline-block; background: #ee0000; padding: 1px 5px; float: right; font-size: 14px;}
.contactform .spw { width: 8em; display: inline-block; font-size: 15px; height: 42px; }

.wpcf7-form input[type=submit] {background: #00913D;border: 2px solid #00913D;}
.wpcf7-form input[type=submit]:hover {background: #96C272;border: 2px solid #96C272;}

div.wpcf7 .wpcf7-submit:disabled {
	background: #aaa;
	border-color: #aaa;
	color: #ddd;
}
.wpcf7-acceptance { color: #ff0000; font-size: 18px; display: block; }


.red {
    color: #ff0000;
}
.blue {
    color: #0072BC;
}

.center {
text-align: center;
}

#text-18 {
font-family: "メイリオ",Meiryo, Verdana,Arial,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
width: 100%;
	background: none;
	border: 0px;
}

.olist {
margin-left: 20px;
}

.olist li {
list-style-type: decimal !important;
margin-bottom: 10px;
}

.list03 li .midashi {
padding: 0px !important;
line-height: 1.4em;
font-size: 16px !important;
}

.kanren .list li {
	float: left;
	width: 45%;
	height: 140px;
	margin-right: 5%;
	margin-bottom: 20px;
}

.kanren .list li img {
	border: 1px solid #eee;
	height: 140px;
	width: 140px;
	float: left;
	margin-right: 20px;
    object-fit: cover;
    font-family: 'object-fit: cover;';	
}

.kanren .list li h3{
	font-size: 16px;
	text-align: left;
    margin: 0px 0px 20px 20px;
	font-weight: 500;
}

.kanren .list04 li {
	float: left;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 20px;
	text-align: center;
}

.kanren .list04 li img {
	border: 2px solid #ddd;
	width: 100%;
}

.kanren .list04 li:nth-child(5n +5) {
	clear: both;
}
.list-02{
  text-align:left;
  margin: 5px 0;
}

.list-02 li{
  float:left;
  width:47%;
  margin:0 2% 25px 0;
  padding:0px 5px 0;
  height:100%;
}

.list-02 li:nth-child(2n){
  margin:0 0 20px;
}

.list-02 li:last-child{
  margin:0 0 10px;
}

.border1 {
background: #93c21e;
padding: 10px 10px;
border: 1px solid #ddd;
color: #fff;
font-size: 18px;
}

#toi {
height: 1050px;
}

#sassi {
height: 2200px;
}


.top-box {
	padding: 0px 0px 10px 0px;
	display: block;
}

.top-box::after {
	clear: both;
	content: "";
	display: block;
}

.sponly {
	display: none;
}

span.pcbr {
	display: block;
}

#dropdown_container {
	font-size:14px;
}

#dropdown_container li.dropdown_item {
	cursor:pointer;
}

#dropdown_container li.dropdown_item ul a {
	text-align: center;
	padding: 10px 0px 10px 0px;
	width:200px;
	height: 20px;
	background: #fff;
	background-position: 5px;
	border-top: 1px solid #4c3121;
}

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

#dropdown_container li.dropdown_item > ul {
	padding: 0px;
	background: #eee;
	position:absolute !important;
	list-style:none;
	margin:0px 0px 0px -30px;
	width:200px;
	z-index: 1000;
	display: none;
	border: 2px solid #4c3121;
}

#dropdown_container li.dropdown_item > ul:before {
	content: "＞";
	top: -18px;
	left: 100px;
	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;
}

.bannar img {
	margin-bottom: 5px;
}

/*  TOP box */

.col-01 h2 {
	display: inline-block;
	border-bottom: 2px solid #0065B4;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 15px;
	margin: 0;
}
.col-01 .alignleft,
.col-01 .alignright {width: 50%;}
.col-01 .alignleft ul {background: #fff; padding: 0px 20px 0px;height: auto; border-right: 1px solid #eee; }
.col-01 li h3 {display: table-cell; width: 370px; font-size: 15px; padding-left: 5px; line-height: 1.5em; vertical-align: middle; }
.col-01 li {
	padding-left: 0px;
	padding: 10px 0px 10px;
	margin: 0px 20px;
	border-bottom: 2px dotted #eee;
	display: table;
	vertical-align: middle;
	height: 67px;
}

.col-01 li:first-child { border-top: 2px dotted #eee; }

.col-01 li span.date {
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
}

.col-01 li div.label {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	width: 7em;
	color: #fff;
	text-align: center;
}

.col-01 li div.label span {
	line-height: 1em;
	background: #4281B7;
	padding: 5px 5px;
	width: 4em;
	display: inline-block;
}

.col-01 li .datewrap {
	display: inline-block;
	width: 5em;
	text-align: center;
	vertical-align: sub;
}

.col-01 li .datewrap span.date {
	font-size: 14px;
	display: block;
	vertical-align: middle;
}

.col-01 li .img {
  float: left;
  width: 69px;
  height: 69px;
  overflow: hidden;
  box-sizing: border-box;
	display: inline-block;
	margin-right: 20px;
}
.col-01 li img {width: 67px;height: 67px;}
.col-01 li img.thumbnail-img {object-fit: cover;font-family: 'object-fit: cover;'; border: 1px solid #eee;}

.col-01 .topcolumn {
	text-align: right; margin-right: 25px;
}
.col-01 a.morelink {
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
	background: #5D5D65;
	margin: 30px 0px;
	width: 284px;
}
.col-01 a.morelink:after {
	content: url("/images/arrow_w.png");
	padding-left: 20px;

}
.col-02 { background: url(/images/bg01.jpg) no-repeat top center; background-size: cover; padding-top: 60px; padding-bottom: 30px; }

.col-02.topvoice { background: #fff; background-size: cover; padding-top: 60px; padding-bottom: 30px; }

.col-02 .right ul li,
.col-02 .left ul li { display: inline-block; width: 286px; margin-right: 3px; text-align: center; }
.col-02 .right ul li:nth-child(4n + 4),
.col-02 .left ul li:nth-child(4n + 4) { margin-right: 0px; }
.col-02 .left ul li span {
	display: table;
	width: 286px;
	height: 190px;
	overflow: hidden;
	background: #fefefe;
	overflow: hidden;
}

.col-02 .right ul li span {
	display: table;
	width: 286px;
	height: 218px;
	overflow: hidden;
	background: #fefefe;
	overflow: hidden;
	background: #eee;
}

.col-02 .right ul li span a,
.col-02 .left ul li span a {
	display: table-cell;
	vertical-align: middle;
}
.col-02 .left ul li span img {
	display: block;
	margin: 0px auto;
	width: auto;
	max-height: 191px;
/*	object-fit: cover;
	font-family: 'object-fit: cover;';
*/
}
.col-02 .right ul li span img {
	display: block;
	margin: 0px auto;
	width: auto;
	max-height: 218px;
/*	object-fit: cover;
	font-family: 'object-fit: cover;';
*/
}

.col-02 .left ul li h2 { font-size: 14px; color: #fff; background: #1F1D32; padding: 10px 10px; line-height: 1.4em; margin: 0px; height: 3em; overflow: hidden; }
.col-02 .right ul li h2 { font-size: 14px; color: #fff; background: #5D5D65; padding: 10px 10px; line-height: 1.4em; margin: 0px; height: 3em; overflow: hidden; letter-spacing: -0.5px;}

.col-02 ul li a { color: #fff; }

.col-02 a.morelink {
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
	background: #1F1D32;
	margin: 30px 0px;
	width: 284px;
}

.col-02 .right a.morelink { background: #5D5D65; }
.col-02 a.morelink:after {
	content: url("/images/arrow_w.png");
	padding-left: 20px;

}

.col-03 { padding-top: 50px; }
.col-03 li {
	width: 270px;
	height: 297px;
	float: left;
	padding: 10px 10px;
	margin-right: 4px;
	margin-bottom: 20px;
	background: url(/images/bg_plan.png) no-repeat top center #fff;
	text-align: left;
	position: relative;
}
.col-03 li:nth-child(4n+4) { margin-right: auto; }
.col-03 li .img {
	display: block;
	margin: 0px;
	width: 268px;
	height: 230px;
	overflow: hidden;
}

.col-03 li .img img {
	display: block;
	width: 268px;
	height: 230px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.col-03 li h2 {
	font-size: 14px;
	padding: 10px 10px;
	margin: 0px 0px;
	text-align: center;
}
.col-03 li p {
	padding: 0px 10px;
	font-size: 18px;
	font-weight: bold;
}

.col-03 a.morelink {
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
	background: #8B8A90;
	margin: 30px 0px;
	width: 284px;
}

.col-03 a.morelink:after {
	content: url("/images/arrow_w.png");
	padding-left: 20px;
}



.col-04 a.morelink {
	color: #333;
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #333;
	margin: 30px 0px;
	width: 284px;
}

.col-04 a.morelink:after {
	content: url("/images/arrow_b.png");
	padding-left: 20px;
}
.topstaff a.morelink {
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
	background: #5D5D65;
	margin: 30px 0px;
	width: 284px;
}

.topstaff a.morelink:after {
	content: url("/images/arrow_w.png");
	padding-left: 20px;

}

.col-05 .topvoice {
	width: 1447px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.col-05 .topvoice p.title { max-width: 700px; margin-left: auto; margin-right: auto; text-align: left; padding: 15px 0px 10px;}

.col-05 ul { padding-top: 35px; padding-bottom: 30px; }
.col-05 li {
	width: 24%;
	float: left;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 20px;
	background: #F2ECE4;
	padding-bottom: 5px;
	text-align: left;
	position: relative;
}

.col-05 li:nth-child(4n+1) { clear: both; }
.col-05 li div.wrap { margin: 10px; border: 1px solid #6A5600; padding: 10px; }

.col-05 li .img {
	display: block;
	margin: 0px;
	width: 100%;
	height: 280px;
	overflow: hidden;
	background: #EEEEEE;
}

.col-05 li .img img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 280px;
	max-width: 400px;
}

.col-05 li h2 {
	font-size: 1em;
}

.col-05 li a.more { display: block; text-align: right; font-size: 13px; }
.col-05 li a.more:after { content: "＞"; color: #ff9900; padding-left: 5px;}

.col-06 li { display: inline-block; padding: 10px 0px; width: 379px; border: 1px dashed #5d5d65; margin: 10px 0.8% 10px 0px; text-align: center; font-size: 15px; }
.col-06 li:nth-child(3n + 3) { margin-right: 0px; }
.col-07 img { margin: 10px 30px; }

.ttlabout { background: url(/images/bg_ttl_about.png) no-repeat right bottom; }

ul#staffList {
  padding: 0px;
}

ul#staffList li {
	float: left;
	width: 234px;
	border-bottom: 1px #e7e0d6 solid;
	margin-right: 12px;
	margin-bottom: 20px;
	text-align: center;
	height: 230px;
	overflow: hidden;
	border: 1px #ddd solid;
	padding: 20px 10px 10px;
}

ul#staffList li:nth-child(4n + 4){
  margin-right: 0px;
}

ul#staffList li p{
  text-align: center;
  margin: 0;
  padding: 0;
}

ul#staffList li p.staffp1 {
/*	font-weight: bold; */
	min-height: 22px;
	color: #594A42;
	font-size: 14px;
}
ul#staffList li p.staffp2 {color: #594A42;}
ul#staffList li p.staffp3 {font-size: 90%;color:#333;}


ul#staffList li img {
	display: block;
	margin: 0px auto 10px auto;
	max-height: 158px;
	max-width: 100%;
}

/* スタッフ紹介 */
.staffMainImage {
	max-width:260px;
	margin-right: 20px;
	margin-left: 30px;
}

table.staffProfile  {
    border: 0px #999 solid;
    line-height: 2.5em;
	width: 600px;
	border-collapse: collapse;
	background-color: #fefbf0;
}

table.staffProfile tr {
	vertical-align: top;
}
table.staffProfile th {
    border-bottom: 1px dashed #dddddd;
    width: 8em;
    padding: 6px 10px;
/*    font-weight: bold; */
	color: #917f75;
}

table.staffProfile td {
	padding: 6px 10px;
    border-bottom: 1px dashed #dddddd;
}

table.staffProfile02 {
	margin: 0px 20px;
}

table.staffProfile02 th,
table.staffProfile02 td {
	position: relative;
	display: block;
	padding: 10px 10px;
	text-align: left;
}

table.staffProfile02 th {
	padding: 20px 10px 10px;
	border-bottom: 1px solid #ddd;
	width: 900px;
	color: #917f75;
	}

table.staffProfile02 th:after {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 1px;
/*    background-color: #0065b4; */
	font-size: 14px;
}
span.bloglinkicon {
	font-size: 14px;
	letter-spacing: 1px;
	padding-right: 10px;
}

span.bloglinkicon:before {
	padding-right: 10px;
	content: "\f086";
	font-family: FontAwesome;
	font-size: 1.2em;
}

a.bloglink {
	width: 150px;
	text-align: center;
    font-size: 16px;
    line-height: 35px;
    display: inline-block;
    background: #17614e;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.bloglink:hover {
    background: #333;
}

.facebook {
	font-size: 14px;
	letter-spacing: 1px;
	padding-right: 10px;
}

.facebook:before {
	padding-right: 10px;
	content: "\f09a";
	font-family: FontAwesome;
	font-size: 1.2em;
}

a.facebooklink {
    font-size: 16px;
    line-height: 35px;
    display: inline-block;
	width: 160px;
	text-align: center;
    background: #3b5998;
    color: #fff;
    border-radius: 5px;
}

a.facebooklink:hover {
    background: #333;
}

.extlink {
	text-align: right;
}
/* スタッフ紹介 */

#recoStaff {
  padding: 10px 0 0 0 ;
  margin: 15px 0 0 0 ;
  clear: both;
}


#recoStaff ul li {
	float: left;
	width: 178px;
	height: 230px;
	margin-right: 5px;
	padding: 15px 3px 10px;
	border:1px solid #eee;
	font-size: 14px;
}

#recoStaff ul li:nth-child(5n + 5) {
  margin-right:0px;
}

#recoStaff ul li a {
  display: block;
}

#recoStaff ul li img {
/*  height: 130px; */
  display: block;
  margin:0 auto 10px;
}

#recoStaff ul li p {
  margin: 0;
  padding: 0;
  text-align: center;
}

.toptitle {
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 40px;
}

.toptitle span {
	font-size: 14px;
}

.category .vlist,
.event .vlist,
.voice .vlist {
	padding: 0px 10px 10px;
	border: 2px solid #faeaea;
}

.category .vlist span.img,
.event .vlist span.img,
.voice .vlist span.img {
	display: block;
	float: left;
	margin-right: 20px;
	width: 30%;
	height: auto;
	overflow: hidden;
	border: 1px solid #eee;
}

.category .vlist .img img,
.event .vlist .img img,
.voice .vlist .img img {
	width: 100%;
}

.wpcf7-form dt.siryoubloc {
	background: #ffff80;
	padding: 10px 20px 20px;
}

.wpcf7-form dt.siryoubloc .bloc1 {
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px 10px;
	margin-top: 10px;
}

.wpcf7-form dd.kentikuyo {
    display: flex;
}

.wpcf7-form dd #kentikuyotei {
	display: inline;
}

.wpcf7-form .kentikuyotei {
}

.wpcf7-form .siryou .wpcf7-list-item {
	display: block;
	margin-top: 5px;
}


.red {
	color: #ff0000;
}

.white {
	color: #ffffff;
}

.cha { color: #442F13; }

.bg-gray {
	background: #F3E6D5;
}

.bg-showroom { background: url(/images/bn-showroom.png) no-repeat top center; height: 280px; line-height: 2em; }
.bg-concept { background: url(/images/ami-bg.png) no-repeat top center; }

#footer_fixed {
/*	display: none; */
	position: fixed;
	right:0;
	bottom: 200px;
	width: 80px;
	z-index: 10000;
	text-align: right;
}

#footer_fixed img { display: block; margin-bottom: 1px; }

#ft_top img { padding: 5px 10px; margin-left: auto; margin-right: auto; }

/* 施工例カテゴリタグ */
.tags {
	font-size: 13px;
	text-align: left;
	color: #fff;
}

.tags a {
	display: inline-block;
	padding: 0px 6px;
	margin: 5px 0px 0px 2px;
	background: #7C6E66;
	color: #fff;
}

.tags a:nth-child(4n+1) {
	background: #fff;
    border: 1px solid #579FC6;
    color: #579FC6;
}

.tags a:nth-child(4n+2) {
	background: #674F0D;
}

.tags a:nth-child(4n+3) {
	background: #7C6E66;
}

.tags a:nth-child(4n+4) {
	background: #c3b1d5;
}

/* 施工例カテゴリタグ */

/* pdf link */
.pdf {
	display: inline-block;
	background: #e5dcc2;
	padding: 5px 10px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #eee;
}

.pdf::before {
	content: "\f1c1";
	font-family: fontAwesome;
	padding-right: 5px;
	color: #c73f36;
	font-size: 1.5em;
	text-decoration: none;
}
/* pdf link */

.wrap_pagenavi {margin: 20px 0;}
.wp-pagenavi { text-align: center; display: flex; float: right; }


.bg-content { background: #fff; padding: 0px 0px; margin-top: 0px; }
body.home .bg-content { padding-top: 0px; margin-top: 0px; }
.bg-white { background: #fff; }
.bg-content .wrapper .kizi { padding: 40px 49px; }
.bg-content .wrapper .kizi a { text-decoration: underline; }

.worktags { margin-bottom: 30px; display: inline-block; }
.worktags li { display: inline-block; }
.worktags li a { display: block; border-bottom: 1px solid #ddd; padding: 5px 10px 5px; margin: 10px 10px 10px 0px; text-decoration: none !important; }
.worktags li.active a { border-bottom: 1px solid #e00;  color: #e00; }
.workTab {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	position: relative;
}

.workTab li {
	text-align: center;
	display: inline-block;
	border-bottom: 0px solid #7a583d;
}

.workTab li a {
	color: #000;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	padding: 10px 10px 1px;
	border-bottom: 1px solid #999;
}

.workTab li:last-child a {
	margin-right: 0px;
}

.workTab li a {
	text-decoration: none;
}

.workTab li a.active {
	color: #e00;
}

.subTab a.active {
	color: #e00 !important;
}

.blog-thumbnail { float: left; margin-right: 20px; margin-bottom: 30px; width: 200px; }
.blogbloc {
	overflow: hidden;
	font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

ul.innerlink {
	border: 2px solid #eee;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 30px;
}
ul.innerlink li a {
	display: block;
	padding-left: 20px;
	line-height: 2em;
}
ul.innerlink li a:before {
	content: "▶";
	font-size: 12px;
	color: #016EC0;
	padding-right: 10px;
}

.mainVimg img { width: 400px; border: 2px solid #ddd; }

dl.table { display: table; }
dl.table dt { display: table-cell; width: 5em; }


.bx-wrapper .bx-pager.bx-default-pager {
	position: absolute!important;
	bottom: 0!important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	border-radius: 5px;
  background: #fff!important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #666!important;
}

.annai ul {
	text-align: center;
}
.annai ul li {
	display: inline-block;
	width: 300px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.annai ul li a {
	text-align: center;
	font-size: 20px;
	padding: 20px 30px;
	display: block;
	text-decoration: none !important;
	position: relative;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #0065B4;
	color: #0065B4;
}

.annai ul li a:hover {
	background: #0065B4;
	color: #fff;
}
.annai ul li a:after {
	content: '＞';
    padding-left: 20px;
	position: absolute;
	right: 20px;
}

#menseki {
	margin-top: 70px;
}

.child_page { display: inline-block; }
.child_page img { width: auto; height: auto;}

.child_page h3 { font-size: 14px; text-align: center; }

.child_page a { text-decoration: none !important; }


.fa-3x {
    font-size: 3em;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-chevron-down {
    color: #999;
}

span.spblock {
	display: inline-block;
}

/* 間取り詳細ページ */


.metaslider .flexslider { margin-bottom: 0px !important; }
.flex-control-paging li a { border-radius: 0px !important; background: rgba(0,0,0,0) !important; border: 1px solid #000; width: 8px !important; height: 8px !important; }
.flex-control-paging li a.flex-active { background: rgba(0,0,0,1) !important; }
@media (max-width: 1050px) {
	.col-03 .section0301 { display: none; }
	.col-05 { padding-top: 0px !important; }
	.col-05 .section0501 { display: none; }

}

#worklist li {
	width: 280px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	border-bottom: 1px dotted #ddd;
}

#worklist li img {
	width: 280px;
	margin-bottom: 10px;
}

#worklist li .title {
	overflow: hidden;
	padding: 0px 5px 12px 10px;
	border-left: 5px solid #669f50;
	font-weight: bold;
	line-height: 1.5em;
	height: 1em;
}

#worklist li a {
	text-decoration: none;
}

#worklist li .more a {
	text-decoration: none;
	float: right;
}

#worklist li .more a:after {
	content: "→";
}

.madoricatch {
    font-size: 24px;
    text-align: center;
    line-height: 1.7em;
    background: #fefbf0;
    background-size: cover;
    padding: 25px 20px;
    margin: 10px 0px 30px;
	color: #ff914f;
}

.madoriBloc01 .mttl {
	border-bottom: 1px solid #0058A4;
	padding: 10px 10px;
	font-size: 20px;
	color: #0058A4;
}

.madoriBloc01 li {
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	padding: 15px 1.5% 0px;
	display: inline-block;
	width: 46%;
	margin-right: 1%;
	line-height: 1.5em;
}

.madoriBloc01 li:nth-child(2n + 2) { margin-right: 0px; }
.madoriBloc01 li span {
	width: 7em;
	display: inline-block;
	float: left;
	font-weight: bold;
}

.madoriBloc01 li p {
	display: table;
}

.madori-img li {
	vertical-align: top;
	padding: 10px 20px 20px;
}

.madori-img li img {
/*	max-width: 420px; */
	border: 1px solid #eee;
	margin-bottom: 10px;
/*	float: right;
	margin-left: 20px; */
}

.madori-img li .title { display: block; margin-bottom: 10px; font-weight: bold; font-size: 20px; color: #0058A4; }

.topstaff { background: url(/images/bg02.jpg) repeat top center; }
.topother { background: url(/images/bg03.jpg) repeat top center; }

.officeaddr {
margin:0px 0px 50px 0px;
border: solid 0px #c99269;
border-collapse:collapse;
text-align: left;
line-height: 1.5em;
width: 380px;
float: right;
}

.officeaddr th { border: solid 1px #dddddd; background:#fcfcfc; text-align: left; padding:10px 20px; font-weight: normal; width: 3em;}
.officeaddr td { border: solid 1px #dddddd; padding: 15px 20px;}

.column .column-img { margin-bottom: 20px; }
.column .column-img.alignleft { margin-right: 20px; }
.column .column-img.alignright { margin-left: 20px; }

.sassibloc { display: inline-block; width: 415px; margin: 15px; padding: 15px; background: #eee; text-align: center; }
.sassibloc p.text { text-align: left; }
.sassibloc h3 { font-weight: bold; }
span.marker { background: linear-gradient(transparent 65%, #FFEEC1 0%); }


.imageMain { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }


.prevAndNext {
	border-top:3px double #ddd;
	padding: 10px 0;
	text-align: center;

}


#words ul li { width: 3em; padding : 1px 8px; display: inline-block; margin: 5px 1px; font-size: 12px; border: 1px solid #ddd; border-radius: 3px; text-align: center; }
#words dt { font-weight: bold;cursor: pointer; }
#words dl dd { margin: 0px; padding: 0px; display: none;}
#words dl dd.first { margin: 0px; padding: 0px; display: block !important;}
#words dl:hover dd {display: block !important;}
#words dl:first-child dd { display: block !important; }

.conttl { line-height: 65px; font-size: 20px; margin-bottom: 30px; }
.conttl strong { font-size: 22px; }
.conttl span { display: inline-block; border-bottom: 2px solid #1b1b1b; padding-left: 5px; width:800px; line-height: 1.8em; }
.conttl img { float: left; margin-right: 20px; }
.conttl.afterttl span { width:auto; display: block; }

.linknext { text-align: right; }
.linknext a { display: inline-block; padding: 8px 30px 8px 25px; color: #fff; background: url(/files/arrow_w.png) no-repeat right center #8a8a8f; text-decoration:none !important; background-position-x: 95%; }
.coninlink img { float: left; }
.flowtable td { padding-bottom: 30px; width: 49%; padding-right: 2%; line-height: 1.6em; }
.flowtable td:nth-child(2n + 2) {padding-right: 0px; }
.flow_perth { padding: 20px 10px 50px 120px; }
.flow_perth span { display: inline-block; float: left; width: 270px;}
div.flow01 ul {
	border: dashed 2px #cfa972;/*破線*/
	border-radius: 30px;
	margin-left: 10px;/*はみ出ないように調整*/
	margin-right: 10px;/*はみ出ないように調整*/
	padding: 30px 30px;
	margin-bottom: 50px;
}
div.flow01 ul li { display: inline-block; width: 32%; text-align: center; vertical-align: top; font-size: 18px; }
div.flow01 ul li a { text-decoration: none !important; }
table.afterflow { color: #a8762d; width: 100%; table-layout: fixed; }
table.afterflow td { vertical-align: middle; }
table.afterflow td:first-child { width: 190px; padding-right: 20px;}
.afterbloc { padding: 20px; background: #fbf7eb; margin-bottom: 20px; }
.afterbloc .inner {
	padding: 35px 20px 20px;
	background: #fff;
}

.planconcept { padding: 5px 20px 10px;}
.alignleft img.planImg { margin-right: 30px; }
.madori-img img.alignleft { margin-right: 30px; }
.eventdesc { margin: 0px 20px; }
.checkpoint li { padding: 5px 0px; font-size: 17px; border-bottom: 1px dotted #eee; }
.checkpoint li:before { content: "\f14a"; font-family: "Font Awesome 5 Free"; color: #FF9E21; padding-right: 10px; font-size: 1.4em; }
.voicekpoint li { padding: 5px 0px; font-size: 17px; border-bottom: 1px dotted #eee; }
.voicekpoint li:before { content: "\f111"; font-family: "Font Awesome 5 Free"; color: #999; padding-right: 5px; font-size: 0.8em; }
ul.eventlist { padding: 0px 40px; }

.vphotos li { position: relative; margin-bottom: 100px; }
.vphotos img.aligncenter { margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; }
.vphotos img.alignleft { margin-right: 30px; margin-bottom: 20px; }
.vphotos img.alignright { margin-left: 30px; margin-bottom: 20px; }
.vphotos li:before { content: ""; width: 60%; height: 1px; background: #ddd; position: absolute; bottom: -40px; left: 20%; border-radius: 2px;}

.main-title {
	font-size: 26px;
	font-weight: bold;
}

.sub-bx {
    display: table-cell;
    width: 365px;
    font-size: 15px;
    padding-left: 10px;
    line-height: 1.5em;
    vertical-align: middle;
}

.column-tx {
	font-size: 14px;
    line-height: 1.4em;
    background: #1F1D32;
    padding: 10px 10px;
    margin: 0px;
    height: 3em;
    overflow: hidden;
}

.voice-tx {
	font-size: 14px;
    background: #5D5D65;
    padding: 10px 10px;
    line-height: 1.4em;
    margin: 0px;
    height: 3em;
    overflow: hidden;
    letter-spacing: -0.5px;
}

.fp-tx {
	font-size: 14px !important;
	padding: 10px 10px !important;
	font-weight: normal !important;
    margin: 0px 0px;
    text-align: center;
}

.br-sp {
	display:none;
}
.col-07 a[rel~='nofollow'], .col-07 a[rel~='sponsored'], .col-07 a[rel~='ugc'] {
	outline: 0!important;
	-moz-outline-style: none;
}
.col-07 a[rel~='nofollow'] img, .col-07 a[rel~='sponsored'] img, .col-07 a[rel~='ugc'] img {
	outline: 0!important;
	-moz-outline-style: none;
}
.grecaptcha-badge { visibility: hidden; }