@charset "UTF-8";

/* CSS Document */

/*---------------------------------------------------------------------

	 共通

---------------------------------------------------------------------*/

a:focus,
*:focus {
	outline: none;
}

/* IE8+, Chrome */
input,
button {
	outline: 0;
}

/* Firefox */
input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
}

.smt_off {
	display: block;
}

.pc_off {
	display: none !important;
}

.slide-pc {
	display: block;
}

.slide-smt {
	display: none;
}

p {
	letter-spacing: 1.5px;
}

img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

.zdo_drawer_menu {
	display: none;
}

#loader {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	z-index: 99100;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;

}

#loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -90px;
}

#wrap {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

#wrap {
	width: 100%;
	height: 100%;
}

body {
	-webkit-text-size-adjust: 100%;
}

a:focus,
*:focus {
	outline: none;
}

.zdo_drawer_menu {
	display: none;
}

img {
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
	max-width: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

a img {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

br.pc_off {
	display: none;
}

/* トップ　top */

#header {
	width: 100%;
	padding: 1% 1% 0 1%;
	margin: auto;
	overflow: hidden;
}

#header h1 {
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
}

.header_right {
	float: right;
}

ul.sns_top {
	float: right;
	overflow: hidden;
}

ul.sns_top li {
	float: left;
}

ul.sns_top li:first-child {
	margin-right: 10px;
}

ul.language {
	float: right;
	display: flex;
	width: 73px;
	height: 28px;
	margin: 1px 20px 0 0;
}
ul.language li {
	width: 50%;
}
ul.language li a {
	border: solid 1px #0A0A0A;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	font-weight: 300;
	background: #fff;
	height: 28px;
}
ul.language li.btn_jp a {
	border-radius: 9px 0 0 9px;
	border-right: solid 1px #0A0A0A !important;
	padding: 1px 0 0 2px;
}
ul.language li.btn_en a {
	border-radius: 0 9px 9px 0;
	padding: 1px 2px 0 0;
}
ul.language li a:hover {
	background: #000;
	color: #fff;
	text-decoration: none !important;
}
ul.language li.active a {
	background: #000 !important;
	color: #fff !important;
}

p.owner {
	float: right;
	margin: 0 20px 0 15px;
}
p.owner img {
    width: 139px;
}
ul.g_navi {
	clear: both;
	float: right;
	overflow: hidden;
	margin-top: 6px;
}

ul.g_navi li {
	float: left;
	margin-right: 25px;
}

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

.slide_copy {
	position: absolute;
	bottom: -33px;
	left: 50%;
	margin-left: -392px;
	z-index: 9999;
}

.featuredTtl {
	float: left;
}

.featuredTtl p {
	float: left;
}

.featuredTtl span {
	font-size: 16px;
	margin-left: 10px;
	line-height: 54px;
	letter-spacing: 2px;
	float: left;
}

.estate_btn {
	float: right;
	margin-top: 7px;
	overflow: hidden;
}

.estate_list {
	float: left;
	border: solid 1px #181818;
	margin-right: 10px;
}

.estate_past {
	float: left;
	border: solid 1px #181818;
}

.estate_list a,
.estate_past a {
	padding: 8px 30px 8px 20px;
	display: block;
	font-size: 12px;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

.estate_list span,
.estate_past span {
	background: url(../images/icon_arrow_right.png) no-repeat 0 50%;
	padding-left: 20px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {

	.estate_list span,
	.estate_past span {
		background: url(../images/icon_arrow_right@2x.png) no-repeat 0 50%;
		background-size: 9px 11px;
		padding-left: 20px;
	}
}


.estate_list a:hover,
.estate_past a:hover {
	text-decoration: none;
}

.flex04 {
	width: 100%;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
}

.flex04::before {
	content: "";
	display: block;
	width: 25%;
	order: 1;
}

.flex04::after {
	content: "";
	display: block;
	width: 25%;
}

.item04 {
	width: 25%;
}

.estate_img {
	width: 100%;
	height: 100%;
	max-height: 175px;
	overflow: hidden;
	position: relative;
}

.estate_img img {
	width: 100%;
	height: 100%;
}

.estate_cate {
	position: absolute;
	bottom: 36px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

.estate_txt {
	position: absolute;
	bottom: 0px;
	background: rgba(255, 255, 255, 0.8);
	color: #222222;
	font-size: 13px;
	padding: 10px 10px 4px 10px;
	display: block;
	width: 100%;
}

.top_aboutArea {
	width: 100%;
	height: 482px;
	position: relative;
	margin-top: 70px;
}

.top_aboutLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	background: url(../images/top_about.webp) no-repeat;
	background-size: cover;
	height: 482px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.top_aboutLeft {
		background: url(../images/top_about@2x.webp) no-repeat;
		background-size: cover;
	}
}

.top_aboutRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
	background: rgba(255, 255, 255, 0.8);
	height: 482px;
}

.top_aboutRightInner {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.top_aboutRightInner .innerTxt {
	margin: 0;
	position: absolute;
	width: 75%;
	max-width: 620px;
	line-height: 2;
	left: 14%;
	top: 22%;
}



.innerTxt span {
	font-size: 16px;
	letter-spacing: 2px;
	position: relative;
	top: 8px;
	left: 13px;
}

.innerTxt p {
	width: 100%;
	margin: 22px auto 15px;
	font-size: 14px;
}

a.more_l {
	background: url(../images/icon_arrow_right.png) no-repeat 15px 50%;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a.more_l {
		background: url(../images/icon_arrow_right@2x.png) no-repeat 15px 50%;
		background-size: 9px 11px;
	}
}


a.more_l {
	display: inline-block;
	border: solid 1px #181818;
	padding: 3px 20px 3px 30px;
	font-size: 12px;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

a.more_l:hover {
	text-decoration: none;
}

.flex03 {
	width: 100%;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-start;
}

.estate03_img img {
	width: 100%;
	height: auto;
}

.estate03_ttl {
	font-size: 18px;
	font-weight: bold;
	margin: 18px auto 6px;
}

.estate03_txt {

	font-size: 14px;
	margin-bottom: 20px;
}

a.more_c {
	display: inline-block;
	text-align: center;
	margin: auto;
	border: solid 1px #181818;
	padding: 4px 47px;
	font-size: 12px;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

a.more_c {
	background: url(../images/icon_arrow_right.png) no-repeat 28px 50%;
}
.block {
    display: block;
    margin: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a.more_c {
		background: url(../images/icon_arrow_right@2x.png) no-repeat 28px 50%;
		background-size: 9px 11px;
	}
}

a.more_c:hover {
	text-decoration: none;
}

.estate_box {
	width: 32%;
	position: relative;
}

.estate_ttl1 {
	background: url(../images/top_real_estate_ttl.png) no-repeat bottom 0px left 0px;
	background-size: contain;
	height: 42px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.estate_ttl1 {
		background: url(../images/top_real_estate_ttl@2x.png) no-repeat bottom 0px left 0px;
		background-size: contain;
	}
}

.estate_ttl2 {
	background: url(../images/top_renovation_ttl.png) no-repeat bottom 0px left 0px;
	background-size: contain;
	height: 42px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.estate_ttl2 {
		background: url(../images/top_renovation_ttl@2x.png) no-repeat bottom 0px left 0px;
		background-size: contain;
	}
}

.estate_ttl3 {
	background: url(../images/top_hotel_ttl.png) no-repeat bottom 0px left 0px;
	background-size: contain;
	height: 42px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.estate_ttl3 {
		background: url(../images/top_hotel_ttl@2x.png) no-repeat bottom 0px left 0px;
		background-size: contain;
	}
}

.estate_box_cont {
	padding: 35px 35px 30px;
	background: url(../images/estate_bg.png) repeat-x top 0px left 0px,
		url(../images/estate_bg.png) repeat-y top 0px left 0px,
		url(../images/estate_bg.png) repeat-y top 0px right 0px,
		url(../images/estate_bg.png) repeat-x bottom 0px left 0px;
	height: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.estate_box_cont {
		padding: 35px 35px 30px;
		background: url(../images/estate_bg@2x.png) repeat-x top 0px left 0px,
			url(../images/estate_bg@2x.png) repeat-y top 0px left 0px,
			url(../images/estate_bg@2x.png) repeat-y top 0px right 0px,
			url(../images/estate_bg@2x.png) repeat-x bottom 0px left 0px;
		background-size: 4px 4px;
	}
}


.top_infoArea {
	overflow: hidden;
}

.top_news {
	width: 604px;
	float: left;
}

.top_newsTtlArea {
	overflow: hidden;
	border-bottom: solid 1px #626262;
}

.top_newsTtl {
	float: left;
	position: relative;
	top: 2px;
}

.top_newsTtl p {
	float: left;
}

.top_newsTtl span {
	font-size: 16px;
	margin-left: 20px;
	line-height: 37px;
	letter-spacing: 2px;
	float: left;
}

.top_newsTtl_btn {
	float: right;
	margin-bottom: 2px;
}

.more_news {
	float: left;
	border: solid 1px #181818;
	margin-bottom: 10px;
}

.more_news a {
	padding: 5px 17px 4px 12px;
	display: block;
	font-size: 12px;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

.more_news a:hover {
	text-decoration: none;
}

.more_news span {
	background: url(../images/icon_arrow_right.png) no-repeat 0 50%;
	padding-left: 20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.more_news span {
		background: url(../images/icon_arrow_right@2x.png) no-repeat 0 50%;
		background-size: 9px 11px;
	}
}

.estate_list a:hover,
.estate_past a:hover {
	text-decoration: none;
}

ul.news_list li {
	padding: 15px 0;
	border-bottom: solid 1px #cccccc;
}

ul.news_list li:last-child {
	border-bottom: none;
}

span.news_day {
	font-size: 14px;
	color: #939393;
	display: inline-block;
	width: 100px;
	text-align: left;
}

.top_owner {
	float: right;
	width: 420px;
	border: solid 1px #545454;
	padding: 25px 30px;
	position: relative;
}

.top_owner_img img {
	width: 100%;
	height: auto;
}

.top_owner h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px auto 10px;
}

.top_owner p {
	font-size: 14px;
	margin: 0px auto 40px;
}

#pagetop {
	width: 75px;
	margin: 60px auto 23px;
}

.bnrArea {
	text-align: center;
	background: #ececec;
	padding: 47px 10px;
}

#footer {
	clear: both;
}

ul.footer_bnr {
	display: inline-block;
	margin: auto;
}

ul.footer_bnr li {
	display: inline;
}

ul.footer_bnr li:first-child {
	margin-right: 24px;
}

.footer_bottomWrap {
	background: #f3f3f3;
	width: 100%;
}

.footer_bottom {
	width: 80%;
	margin: auto;
	overflow: hidden;
	padding-bottom: 58px;
}

.footer_left {
	font-size: 12px;
}

ul.footer_navi1 {
	float: left;
	margin-right: 50px;
	margin-top: 45px;
}

ul.footer_navi1 li,
ul.footer_navi2 li,
ul.footer_navi3 li {
	line-height: 2.5;
}

ul.footer_navi1 li img {
	margin: 0 auto 10px;
}

ul.footer_navi2 {
	float: left;
	margin-right: 50px;
	margin-top: 75px;
}

ul.footer_navi3 {
	float: left;
	margin-top: 75px;
}

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

.footer_right h1 {
	margin: 45px auto 10px;
}

ul.footer_sns {
	margin: 15px auto 23px;
}

ul.footer_sns li {
	display: inline;
}

ul.footer_sns li:first-child {
	margin-right: 5px;
}

.footer_tel {
	margin-bottom: 18px;
}

.address {
	line-height: 2;
	font-size: 12px;
}

.copyright {
	font-size: 12px;
	text-align: center;
	background: #0b0b0b;
	color: #fff;
	padding: 12px 0;
	margin-bottom: 35px;
}


/* 幅1060px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1060px) {

	.top_news {
		width: 100%;
		float: none;
	}

	.top_owner {
		float: none;
		width: 100%;
		margin-top: 40px;
	}

	span.news_day {
		display: block;
	}

	.more_news {
		float: none;
		margin-bottom: 10px;
		display: inline-block;
	}

	ul.news_list li:last-child {
		border-bottom: solid 1px #cccccc;
		margin-bottom: 30px;
	}

	.more_news a {
		padding: 7px 40px 7px 30px;
	}
}




/* 下層 */
.noto {
	font-family: 'Noto Sans Japanese', sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

.contents {
	max-width: 1080px;
	margin: auto;
}

ul.pankuzu {
	overflow: hidden;
	font-size: 14px;
	margin: 65px auto 35px auto;
}

ul.pankuzu li {
	float: left;
	display: block;
}

ul.pankuzu li::after {
	content: ">";
	padding: 0 5px;
	position: relative;
	top: 0px;
}

ul.pankuzu li:last-child::after {
	content: "";
}

.mainImage_about {
	background: url(../images/about_main.jpg) center center / cover no-repeat;
	position: relative;
	height: 249px;
	text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.mainImage_about {
		background: url(../images/about_main@2x.jpg) center center / cover no-repeat;
	}
}

.mainImage_about .main_txt {
	position: absolute;
	left: 50%;
	top: 95%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
}

.ttl_top {
	font-size: 18px;
	font-weight: bold;
	margin: 30px auto 8px;
	letter-spacing: 1.3px;
}

.about_left {
	width: 48%;
	max-width: 530px;
	float: left;
}

.about_left img {
	width: 100%;
	height: auto;
}

.about_right {
	width: 48%;
	float: right;
}

.sub_ttl {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

a.more_l2 {
	display: inline-block;
	border: solid 1px #181818;
	padding: 2px 32px 2px 35px;
	font-size: 12px;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

a.more_l2 {
	background: url(../images/icon_arrow_right.png) no-repeat 15px 50%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a.more_l2 {
		background: url(../images/icon_arrow_right@2x.png) no-repeat 15px 50%;
		background-size: 9px 11px;
	}
}

a.more_l2:hover {
	text-decoration: none;
}

.ttl_c {
	text-align: center;
	margin: 80px auto 20px;
}

.flex04 {
	width: 100%;
	margin: 40px auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-start;
}

.staff {
	width: 23%;
}

.staff_img:hover {
	cursor: pointer;
}

.staff_img img {
	width: 100%;
	height: auto;
}

.staff_name {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	margin-top: 15px;
}

.staff_position {
	font-size: 12px;
	margin-bottom: 20px;
	text-align: center;
}

.staff_txt {
	width: 98%;
	margin: auto;
	text-align: justify;
	text-justify: inter-ideograph;
}


.staff_content_profile {
	display: flex;
	gap: 50px;
	align-items: flex-start;
	margin-top: 50px;
}


.profile_wrap {
	margin-top: 15px;
}

.profile_wrap_name {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 15px;
}

.profile_wrap_name span {
	font-size: 12px;
	font-weight: normal;
}


.staff_content_profile img {
	width: 250px;
}

.staff_bigImg {
	margin-top: 30px;
}

table.style01 {
	width: 100%;
	max-width: 100%;
	margin-top: 50px;
}

table.style01 tr td {
	padding: 15px 28px;
}

table.style01 tr td:nth-child(odd) {
	text-align: right;
	border-bottom: solid 1px #070707;
	width: 14%;
}

table.style01 tr td:nth-child(even) {
	text-align: left;
	border-bottom: dotted 1px #bcbcbc;
}

table.style01 tr td:nth-child(1) {
	border-top: solid 1px #070707;
}

table.style01 tr td:nth-child(2) {
	border-top: dotted 1px #bcbcbc;
}

.gmap {
	width: 100%;
	margin: 75px auto 50px;
}

/* リノベーション */

.mainImage_renovation .main_txt {
	position: absolute;
	left: 50%;
	top: 98%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
}

.mainImage_renovation {
	background: url(../images/renovation_main.jpg) center center / cover no-repeat;
	position: relative;
	height: 249px;
	text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.mainImage_renovation {
		background: url(../images/renovation_main@2x.jpg) center center / cover no-repeat;
	}
}

.flowArea {
	width: 100%;
	overflow: hidden;
}

.renovation_left {
	width: 41%;
	max-width: 441px;
	float: left;
}

.renovation_left img {
	width: 100%;
	height: auto;
}

.renovation_right {
	width: 55%;
	float: right;
}


.right-010101 {
	width: 0;
	height: 0;
	border-top: 74px solid transparent;
	border-bottom: 74px solid transparent;
	border-left: 62px solid #010101;
	float: left;
	z-index: 10;
	position: relative;
	left: -1px;
}


.right-2f2f2f {
	width: 0;
	height: 0;
	border-top: 74px solid transparent;
	border-bottom: 74px solid transparent;
	border-left: 62px solid #2f2f2f;
	float: left;
	position: relative;
	left: -1px;
	z-index: 9;
}

.right-595959 {
	width: 0;
	height: 0;
	border-top: 74px solid transparent;
	border-bottom: 74px solid transparent;
	border-left: 62px solid #595959;
	float: left;
	position: relative;
	left: -1px;
	z-index: 8;
}

.right-787878 {
	width: 0;
	height: 0;
	border-top: 74px solid transparent;
	border-bottom: 74px solid transparent;
	border-left: 62px solid #787878;
	float: left;
	position: relative;
	left: -1px;
	z-index: 7;
}

.right-919191 {
	width: 0;
	height: 0;
	border-top: 74px solid transparent;
	border-bottom: 74px solid transparent;
	border-left: 62px solid #919191;
	float: left;
	position: relative;
	left: -1px;
	z-index: 6;
}

.box {
	width: 197px;
	height: 148px;
	color: #fff;
	text-align: center;
	padding: 42px 0 0px;
	float: left;
}

.box1,
.box2,
.box3,
.box4,
.box5,
.box6 {
	float: left;
}

.works_img img {
	height: 230px;
}

/* 幅1100px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1100px) {

	.contents {
		max-width: 90%;
		margin: auto;
	}

	.box5 {
		clear: both;
	}

	.box-919191 {
		margin-left: 0px !important;
	}

	.box5,
	.box6 {
		margin-top: 50px;
	}

	.ml30_1100 {
		margin-left: 30px !important;
	}

	.contact_box {
		width: 90% !important;
	}

	.works_img {
		height: 200px !important;
		position: relative;
		overflow: hidden;
	}

	.works_img img {
		width: auto;
		height: auto;
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}


/* 幅1100px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1100px) {

	.slideshow-container {
		width: 100% !important;
		height: 100% !important;
		padding: 72% 0 0;
	}

	#gallery img {
		max-width: 100%;
		height: 100%;
	}

	ul.thumbs {
		overflow: hidden;
		width: 100% !important;
	}

	ul.thumbs li {
		width: 17% !important;
		height: 90px !important;
		overflow: hidden;
		margin: 0 3% 20px 0 !important;
	}

	#gallery {
		width: 100% !important;
	}
}

/* 幅1000px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {

	.works_item {
		width: 49% !important;
	}

	.works_img {
		height: inherit !important;
		padding: 64% 0 0 0;
	}

	.works_name {
		margin-top: 10px !important;
	}

	.works_cont {
		margin-top: 0px !important;
	}
}


/* 幅960px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 960px) {

	.flowArea {
		width: 90%;
		margin: auto;
	}

	.box4 {
		clear: both;
		margin-top: 50px;
	}

	.box-787878 {
		margin-left: 0px !important;
	}

	.right-787878 {
		left: -5px;
	}

	.ml30_960 {
		margin-left: 30px !important;
	}

	.box5 {
		clear: inherit;
		float: left;
		margin-left: -67px;
	}
}

.box p {
	font-size: 13px;
	line-height: 1.6;
}

.box p span {
	font-size: 15px;
	font-weight: bold;
}

.box-010101 {
	background: #010101;
}

.box-2f2f2f {
	background: #2f2f2f;
	margin-left: -63px;
}

.box-595959 {
	background: #595959;
	margin-left: -63px;
}

.box-787878 {
	background: #787878;
	margin-left: -63px;
	;
}

.box-919191 {
	background: #919191;
	margin-left: -63px;
}

.flow_txt {
	clear: both;
	width: 160px;
	margin-top: 25px;
	float: left;
}

.ml-30 {
	margin-left: -30px;
}

.box6 p {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 148px;
	margin: 18px 0 0 4px;
	font-size: 16px;
	font-weight: bold;
}

.mainImage_owner .main_txt {
	position: absolute;
	left: 50%;
	top: 96%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
}

.mainImage_owner {
	background: url(../images/for_owner_main.jpg) center center / cover no-repeat;
	position: relative;
	height: 249px;
	text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.mainImage_owner {
		background: url(../images/for_owner_main@2x.jpg) center center / cover no-repeat;
	}
}



/* 幅825px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 825px) {

	.flowArea {
		width: 100%;
		margin: auto;
	}

	.box {
		width: 100%;
		float: none;
		height: auto;
		color: #fff;
		text-align: center;
		padding: 25px 0 30px;
	}

	.right-010101 {
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 30px solid #010101;
		border-bottom: 0px solid transparent;
		float: none;
		z-index: 10;
		position: static;
		left: 0;
		margin: auto;
	}

	.right-2f2f2f {
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 30px solid #2f2f2f;
		border-bottom: 0px solid transparent;
		float: none;
		z-index: 10;
		position: static;
		left: 0;
		margin: auto;
	}

	.right-595959 {
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 30px solid #595959;
		border-bottom: 0px solid transparent;
		float: none;
		z-index: 10;
		position: static;
		left: 0;
		margin: auto;
	}

	.right-787878 {
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 30px solid #787878;
		border-bottom: 0px solid transparent;
		float: none;
		z-index: 10;
		position: static;
		left: 0;
		margin: auto;
	}

	.right-919191 {
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-top: 30px solid #919191;
		border-bottom: 0px solid transparent;
		float: none;
		z-index: 10;
		position: static;
		left: 0;
		margin: auto;
	}



	.box1,
	.box2,
	.box3,
	.box4,
	.box5,
	.box6 {
		float: none;
		clear: both;
	}

	.box5 {
		margin-left: 0px !important;
	}

	.box-2f2f2f {
		margin-left: 0 !important;
	}

	.box p {
		margin-left: 0px !important;
	}

	.flow_txt {
		clear: both;
		width: 100%;
		margin-top: 25px;
		float: none;
		margin-bottom: 25px;
		margin-left: 0px !important;
	}

	.box-595959 {
		background: #595959;
		margin-left: 0 !important;
	}

	.box6 p {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: horizontal-tb;
		height: auto;
		margin: 10px 0 0 4px;
		font-size: 25px;
		font-weight: bold;
		text-align: center;
	}
}

/* faq */

.faq li:nth-child(1),
.faq li:nth-child(3),
.faq li:nth-child(5) {
	font-size: 16px;
	font-weight: bold;
	background: url(../images/icon_q.png) no-repeat 0 50%;
	padding: 30px 0 30px 60px;
}

.faq li:nth-child(2),
.faq li:nth-child(4),
.faq li:nth-child(6) {
	font-size: 14px;
	background: url(../images/icon_a.png) no-repeat 0 0;
	padding: 10px 0 30px 60px;
}

.faq li:nth-child(2),
.faq li:nth-child(4) {
	border-bottom: dotted 1px #484848;
}


.ttl_c {
	text-align: center;
	margin: 80px auto 20px;
}


.contactArea {
	background: #f0f7f7;
	padding: 100px 0 60px;
	margin-top: 100px;
}

.ttl_contact_footer {
	text-align: center;
	margin: -120px auto 0;

}

.contact_box {
	width: 60%;
	overflow: hidden;
	margin: 40px auto 0;
}

.contact_box_left {
	float: left;
	width: 50%;
	border-right: solid 1px #d2d2d2;
}

.contact_box_left p {
	font-size: 14px;
	line-height: 1.7;
}

.contact_box_left p span {
	font-size: 23px;
	letter-spacing: 0px;
	font-weight: bold;
}

.contact_box_right {
	float: right;
	width: 50%;
	padding-left: 10%;
}

a.mail_link {
	background: url(../images/icon_arrow_right2.png) no-repeat 44px 50%, #fff;
	display: inline-block;
	text-align: center;
	margin: 10px auto;
	border: solid 1px #cbcbcb;
	padding: 8px 68px;
	font-size: 16px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a.mail_link {
		background: url(../images/icon_arrow_right2@2x.png) no-repeat 44px 50%, #fff;
		background-size: 15px 18px;
	}
}

a.mail_link:hover {
	text-decoration: none;
}

/* owner */

.exampleArea {
	background: url(../images/estate_bg.png) repeat-x left 0 top 0,
		url(../images/estate_bg.png) repeat-y left 0 top 0,
		url(../images/estate_bg.png) repeat-y right 0 top 0,
		url(../images/estate_bg.png) repeat-x left 0 bottom 0;
	padding: 40px 55px 100px;
}


.flex03 {
	width: 100%;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-start;
}

.example03 {
	width: 30%;
}

.example_ttl_top {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background: #121212;
	padding: 11px 120px;
	display: inline-block;
	margin: 20px auto 50px;
}

.example_img img {
	width: 100%;
	height: auto;
}

.example_ttl {
	font-size: 16px;
	font-weight: bold;
	margin: 20px auto 12px;
	text-align: center;
}

.example_txt {
	font-size: 14px;
}


.owner_left1 {
	float: left;
	width: 40%;
	max-width: 440px;
}

.owner_right1 {
	float: right;
	width: 54%;
}

.owner_right1 h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.owner_right1 p {
	font-size: 14px;
}

.area {
	background: #efefef;
	padding: 40px 45px;
	margin: 65px auto 90px;
}

.area h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 25px;
}

.area p {
	font-size: 14px;
}

.owner_left2 {
	float: left;
	width: 45%;
	max-width: 556px;
}

.owner_right2 {
	float: right;
	width: 52%;
}

.owner_right2 h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

.owner_right2 p {
	font-size: 14px;
}


/* works */


.mainImage_works .main_txt {
	position: absolute;
	left: 50%;
	top: 96%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
}

.mainImage_works {
	background: url(../images/works_main.jpg) center center / cover no-repeat;
	position: relative;
	height: 249px;
	text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.mainImage_works {
		background: url(../images/works_main@2x.jpg) center center / cover no-repeat;
	}
}


ul.works_navi {
	width: 100%;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-start;
}

ul.works_navi li {
	width: 25%;
	border-top: solid 1px #181818;
	border-bottom: solid 1px #181818;
	border-left: solid 1px #181818;
	color: #000000;
	font-size: 14px;
	display: inline-block;
}

ul.works_navi li:last-child {
	border-right: solid 1px #181818;
}

ul.works_navi a {
	color: #000000;
	font-size: 14px;
	display: block;
	padding: 6px 0 5px;
	text-align: center;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

ul.works_navi a span {
	background: url(../images/icon_arrow_right.png) no-repeat 0 50%;
	padding-left: 24px;
}

ul.works_navi li a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}

ul.works_navi li a:hover span {
	background: url(../images/icon_arrow_right_w.png) no-repeat 0 50%;
}

ul.works_navi li.active a span {
	background: url(../images/icon_arrow_right_w.png) no-repeat 0 50% !important;
}

ul.works_navi li.active a {
	background: #000 !important;
	color: #fff !important;
}

ul.works_navi li.active a:hover {
	background: #222 !important;
}

table.table_works {
	width: 100%;
	border: solid 2px #000000;
}

table.table_works tr td {
	padding: 13px;
	text-align: left;
	border-bottom: solid 1px #949494;
}

table.table_works tr td.table_ttl {
	background: #333333;
	color: #fff;
	border-right: solid 1px #000000;
	width: 200px;
}

p.table_note {
	font-size: 14px;
	text-align: left;
	margin-top: 15px;
}

p.inquiry {
	text-align: center;
	display: block;
	border: solid 1px #000;
	margin: 30px auto;
	width: 375px;
	background: url(../images/btn_arrow_w.png) no-repeat 60px 50%, #1f1f1f;
	background-size: 9px 14px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	p.inquiry {
		background: url(../images/btn_arrow_w.png) no-repeat 60px 50%, #1f1f1f;
		background-size: 9px 14px;
	}
}


p.inquiry a {
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 12px 0;
	transition-timing-function: ease;
}

p.inquiry a:hover {
	text-decoration: none;
	background: url(../images/btn_arrow_w.png) no-repeat 60px 50%, #333;
}

.ttl_sub01 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 60px;
}



/* 幅1000px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {

	ul.works_navi li {
		width: 50%;
	}

	ul.works_navi li:nth-child(2) {
		border-right: solid 1px #181818;
	}

	ul.works_navi li:nth-child(1),
	ul.works_navi li:nth-child(2) {
		border-bottom: none;
	}
}

.works_list {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0px auto 0px;
}

.works_list:after {
	content: "";
	display: block;
	width: 32%;
}

.works_item {
	margin-bottom: 40px;
	width: 32%;
	height: auto;
}

.works_item a:hover {
	text-decoration: none;
}

.works_name {
	margin-top: 13px;
	font-size: 16px;
}

.works_name span.works_cate_RENT {
	font-size: 12px;
	font-weight: bold;
	color: #c93569;
	display: inline-block;
	padding: 0px 12px;
	margin-right: 10px;
	border: solid 1px #c93569;
}

.works_name span.works_cate_SALE {
	font-size: 12px;
	font-weight: bold;
	color: #1f8a9a;
	display: inline-block;
	padding: 0px 12px;
	margin-right: 10px;
	border: solid 1px #1f8a9a;
}

.works_cont {
	font-size: 13px;
	margin-top: 6px;
}


/* ギャラリー部分 */

.itemdetail-image {
	width: 1080px;
	height: 720px;
	overflow: hidden;
	text-align: center;
	margin: 25px auto 10px;
	;
	background: #f8f8f8;
	position: relative;
}


.itemdetail-image img {
	width: auto;
	height: auto;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


.item-image-ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	/* Safari */
	justify-content: flex-start;
	width: 100%;
	margin: auto;
	margin-bottom: 21.5px !important;
}

.item-image-ul li {
	cursor: pointer;
	width: 9.1%;
	margin-right: 1%;
	max-height: 100px;
	margin-top: 10px;
	margin-bottom: 0px !important;
	text-align: center;
	position: relative;
	height: 67px;
	overflow: hidden;
}

.item-image-ul li img {
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.item-image-ul li:last-child {
	margin-right: 0%;
}

.works_detail_left p {
	font-size: 16px;
}

.works_txt {
	margin: 20px auto 40px;
}

/*new ギャラリー*/

#gallery {
	width: 1080px;
	margin: 26px auto 0px;
	position: relative;
}

#gallery img {
	width: auto;
	height: auto;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.slideshow-container {
	position: relative;
	width: 1080px;
	height: 720px;
	background: #e0e0e0;
	overflow: hidden;
}

.slideshow span.image-wrapper {
	display: block;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


ul.thumbs {
	overflow: hidden;
	width: 1080px;
	margin: 20px auto 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: start;
	justify-content: start;
	align-items: flex-start;
}

ul.thumbs li {
	position: relative;
	cursor: pointer;
	float: left;
	width: 9%;
	height: 65px;
	margin: 0 10.5px 15px 0;
	overflow: hidden;
}

ul.thumbs li img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
}

a.prev {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -24px;
	background: url(../images/prev.png) no-repeat 50% 50%, rgba(24, 24, 24, .6);
	background-size: 11px 18px;
}

a.next {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -24px;
	background: url(../images/next.png) no-repeat 50% 50%, rgba(24, 24, 24, .6);
	background-size: 11px 18px;
}

a.next,
a.prev {
	display: inline-block;
	width: 48px;
	height: 48px;
	color: #fff;
	text-align: center;
	z-index: 8;
	cursor: pointer;
	line-height: 2.5;
	font-size: 19px;
}

a.prev:hover {
	text-decoration: none;
	background: url(../images/prev.png) no-repeat 50% 50%, rgba(24, 24, 24, .5);
}

a.next:hover {
	text-decoration: none;
	background: url(../images/next.png) no-repeat 50% 50%, rgba(24, 24, 24, .5);
}


/* privacy porlicy */

.mainImage_privacy .main_txt {
	position: absolute;
	left: 50%;
	top: 96%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
}

.mainImage_privacy {
	background: url(../images/privacy_main.jpg) center center / cover no-repeat;
	position: relative;
	height: 249px;
	text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.mainImage_privacy {
		background: url(../images/privacy_main@2x.jpg) center center / cover no-repeat;
	}
}

/* contact お問い合わせ */

.mainImage_contact .main_txt {
	position: absolute;
	left: 50%;
	top: 96%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
}

.mainImage_contact {
	background: url(../images/contact_main.jpg) center center / cover no-repeat;
	position: relative;
	height: 249px;
	text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.mainImage_contact {
		background: url(../images/contact_main@2x.jpg) center center / cover no-repeat;
	}
}

.contact_telBox {
	width: 100%;
	padding: 25px 50px;
	border: 1px solid #aaaaaa;
	text-align: center;
	margin-bottom: 30px;
}

.contact_telBox p {
	font-size: 17px;
}

.contact_telBox p span.contact_tel {
	font-size: 28px;
	font-weight: bold;
	padding: 0 6px;
}

.contact_telBox p.contact_time {
	font-size: 14px;
	text-align: center;
}

/*---------------------------------------------------------------------

	 Wordpress blog

---------------------------------------------------------------------*/


.mainImage_news .main_txt {
	position: absolute;
	left: 50%;
	top: 96%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
}

.mainImage_news {
	background: url(../images/news_main.jpg) center center / cover no-repeat;
	position: relative;
	height: 249px;
	text-align: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.mainImage_news {
		background: url(../images/news_main@2x.jpg) center center / cover no-repeat;
	}
}


p.date-color {
	font-size: 14px;
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
	text-align: right;
}

h3.pagename_news {
	position: absolute;
	left: 50%;
	margin-left: -143px;
}

.entry-contents-area {
	margin: 0 0 50px 0;
	padding: 0 0 0 0;
}

.entry-title a {
	text-decoration: none;
}

.entry-title {
	border-bottom: solid 1px #000;
	border-top: solid 1px #000;
	padding: 6px 13px;
	margin: 0px auto 5px;
	font-size: 20px;
}

p.datearea {
	text-align: right;
	font-size: 12px;
	padding-right: 5px;
}

.widget-title {
	border-bottom: 2px solid #111;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 30px;
}

.wp-block-heading {
	border-bottom: 2px solid #111;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 30px;
}

.category-ul li a {
	color: #333;
	text-decoration: none;
}

.category-ul li a:hover {
	color: #999;
}

.wp-block-latest-posts__list {
	margin-bottom: 30px;
}

.widget-area ul li {
	padding: 3px 0;
	border-bottom: 1px dotted #b5b5b5;
	margin: 3px 0;
	font-size: 14px;
}

.widget_recent_entries {
	margin-bottom: 30px;
}

.widget_categories {
	margin-bottom: 30px;
	margin-top: 30px;
}

.widget-area ul li a {
	text-decoration: none;
	display: inline;
	color: #333;
}

.widget-area ul li a:hover {
	color: #4da8ba;
}

.entry-content {
	margin: 0 0 150px 0;
}

.category-ul li {
	padding: 3px 0;
	border-bottom: 1px dotted #b5b5b5;
}

.comment-form-comment textarea {
	width: 100%;
}

.nav-links {
	-moz-hyphens: auto;
	border-top: 1px solid #666;
	word-wrap: break-word;
}

.post-navigation,
.image-navigation {
	margin: 24px auto 48px;
	max-width: 740px;
}

.post-navigation a,
.image-navigation .previous-image,
.image-navigation .next-image {
	border-bottom: 1px solid #666;
	padding: 11px 0 12px;
	width: 100%;
}

.post-navigation .meta-nav {
	color: #000;
	display: block;
	font-size: 12px;
	font-weight: 900;
	line-height: 2;
	text-transform: uppercase;
}

.post-navigation a,
.image-navigation a {
	color: #2b2b2b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.71429;
	text-transform: none;
}

.comments-area {
	margin: 48px auto;
	max-width: 740px;
}

.comment-reply-title,
.comments-title {
	font: 900 16px/1.5 Lato, sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.comment-list {
	list-style: outside none none;
	margin: 0 0 48px;
}

.comment-author {
	font-size: 14px;
	line-height: 1.71429;
}

.comment-list .reply,
.comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply {
	margin-top: 24px;
}

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #41a62a;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list>li:first-child>article,
.comment-list>.pingback:first-child,
.comment-list>.trackback:first-child {
	border-top: 0 none;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 18px;
	left: 0;
	padding: 2px;
	position: absolute;
	top: 0;
	width: 18px;
}

.bypostauthor>article .fn::before {
	content: "";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 30px;
}

.comment-edit-link {
	margin-left: 10px;
}

.comment-edit-link::before {
	content: "";
}

.comment-reply-link::before,
.comment-reply-login::before {
	content: "";
	margin-right: 2px;
}

.comment-content {
	-moz-hyphens: auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li>ul,
.comment-content li>ol {
	margin-bottom: 0;
}

.comment-content>*:last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: outside none none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-bottom: 24px;
	margin-top: 0;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.71429;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 50%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a::before {
	content: "";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-bottom: 0;
	margin-top: 36px;
}

.archive-header {
	padding: 10px;
	font-size: 12px;
	background: #eeebbe;
}

.page-title {
	padding: 10px;
	font-size: 12px;
	background: #f5f5f5;
	margin-bottom: 20px;
}

#contents-area {
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}

.contents-area:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.secondary {
	margin-top: 13px;
}

.eventcalendar {
	margin: 0 0 80px 0;
}

.eventcalendar .entry-header {
	display: none;
}

.ai1ec-calendar-toolbar {
	border: none;
}

.entry-content b,
.entry-content strong {
	font-weight: 700;
}

.entry-content h1,
.entry-content h2 {
	font-size: 18px;
	font-weight: bold;
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	clear: both;
	font-weight: 700;
	margin: 10px 0 0 0;
	background-color: #a65300;
	color: #fff;
	font-size: 110%;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 5px;
}

.photo-comment {
	margin: 5px 0 0 0;
	padding: 0 5px;
}

.entry-content img {
	max-width: 100%;
	height: auto;
	margin: 15px 0;
}

.works-thumb-photo {
	max-height: 183px;
	overflow: hidden;
	margin-bottom: 10px;
}

h1.screen-reader-text {
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
	background: #f8f8f8;
	margin-bottom: 20px;
	display: block;
}

.pagination span {
	padding: 7px;
	border: solid 1px #ccc;
	background: #f8f8f8;
}

.pagination span.dots {
	border: none !important;
	background: none !important;
}

.pagination a {
	padding: 7px;
	border: solid 1px #ccc;
	background: #fff !important;
}

.pagination a:hover {
	text-decoration: none;
	background: #f8f8f8 !important;
}

.comment-form-comment textarea {
	width: 100%;
	padding: 10px;
}

p.form-submit {
	margin-top: 10px;
}

span.edit-link {
	display: inline-block;
	background: #666;
	padding: 2px 8px;
	margin-left: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

span.edit-link a {
	color: #fff;
	font-size: 12px;
}

.entry-content h4 {
	margin-bottom: 10px;
}

.left {
	width: 220px;
	float: left;
}

.right {
	width: 820px;
	float: right;
}

article.post {
	margin-bottom: 30px;
}

header.page-header {
	margin-top: 20px;
}

.st-post-tags {
	margin: 45px 0;
	padding: 40px 0;
	border-top: solid 1px #d5d5d6;
	border-bottom: solid 1px #d5d5d6;
}

p.keyword {
	display: inline-block;
	font-size: 15px;
	color: #666;
	margin-right: 5px;
}

.st-post-tags {
	color: #afafaf;
	font-size: 13px;
}

.st-post-tags a {
	color: #afafaf;
	font-size: 13px;
	padding-left: 5px;
}

.st-post-tags a:hover {
	color: #4da8ba;
}

.author-info {
	border: 1px solid #ddd;
	box-sizing: border-box;
	clear: both;
	display: block;
	overflow: hidden;
	overflow-wrap: break-word;
	width: 100%;
	padding: 20px;
	position: relative;
}

.author-avatar {
	float: left;
	padding: 20px;
}

h3.author-title {
	font-size: 16px;
	font-weight: bold;
	left: 84px;
	line-height: 25px;
	position: absolute;
	top: 25px;
}

p.author-bio {
	font-size: 14px;
	line-height: 21px;
	margin-top: 20px;
}

h2.author-heading {
	background: #f8f8f8;
	padding: 5px 10px;
}

.author-description {
	margin-top: 15px;
}

a.author-link {
	color: #33bad2;
	padding-left: 10px;
}

a.author-link:hover {
	text-decoration: underline;
}

span.years {
	font-size: 17px;
	font-family: 'Spinnaker', sans-serif;
	color: #518c97;
	text-align: center;
	margin: 10px auto;
}



.wp-pagenavi {
	text-align: center;
	margin: 50px auto !important;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 10px 15px !important;
	margin: 3px;
}

.wp-pagenavi a {
	text-decoration: none;
	border: 1px solid #000 !important;
	padding: 3px 5px;
	margin: 0 3px !important;
}

.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #000 !important;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi span.current {
	font-weight: normal !important;
	background: #000 !important;
	color: #fff !important;
}

.wp-pagenavi a:hover {
	background: #000 !important;
	color: #fff !important;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}



/* contact お問い合わせ */

table.contact_form {
	width: 100%;
	font-size: 13px;
}

table.contact_form tr td {
	padding: 15px 28px;
}

table.contact_form tr td:nth-child(odd) {
	text-align: right;
	border-top: solid 1px #070707;
	width: 18%;
}

table.contact_form tr td:nth-child(even) {
	text-align: left;
	border-top: dotted 1px #bcbcbc;
	width: 82%;
}

.contact_note {
	font-size: 16px;
	margin: 0 auto 20px;
}

.require {
	color: #e93814;
	font-size: 14px;
	padding: 2px 5px;
}

.checkButtonArea {
	margin: 40px auto 0;
}

td.vt {
	vertical-align: top;
}

input.textVer {
	padding: 13px;
	background: #f0f0f0;
	border: none;
	width: 100%;
}

input.textVer02 {
	padding: 13px;
	background: #f0f0f0;
	border: none;
	width: 40%;
}

.mr4p {
	margin-right: 4%;
}

select.textVer {
	padding: 13px;
	background: #f0f0f0;
	border: none;
	width: 100%;
}

input.textVerS {
	padding: 13px;
	background: #f0f0f0;
	border: none;
	width: 40%;
}

input.textVerM {
	padding: 13px;
	background: #f0f0f0;
	border: none;
	width: 70%;
}

input.textVerL {
	padding: 13px;
	background: #f0f0f0;
	border: none;
	width: 84%;
}

textarea.commentBox {
	padding: 13px;
	background: #f0f0f0;
	border: none;
	width: 100% !important;
	height: 350px !important;
}

textarea:focus {
	border: solid 1px #000 !important;
	border-color: #000;
	outline: none;
}

button.submit {
	background: #000;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	height: 50px;
	width: 300px;
	position: relative;
	left: 50%;
	margin-left: -150px;
	margin-top: 0;
	letter-spacing: 0.05em;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

button.submit:hover {
	background: #333;
}

.btn_area {
	display: flex;
	width: 620px;
	justify-content: space-between;
	margin: 30px auto 0;
}
.btn_previous,.btn_confirm {
	max-width: 100%;
	border-radius: 0 !important;
}
.btn_previous input {
	background: #888;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	height: 50px;
	width: 300px;
	margin: auto;
	letter-spacing: 0.05em;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	display: block;
	border: none;
	text-align: center;
	border-radius: 0 !important;
}

.btn_confirm input {
	background: #000;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	height: 50px;
	width: 300px;
	margin: auto;
	letter-spacing: 0.05em;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	display: block;
	border: none;
	text-align: center;
	border-radius: 0 !important;
}

.checkButtonArea input {
	background: #000;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	height: 50px;
	width: 300px;
	margin: auto;
	letter-spacing: 0.05em;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	display: block;
	border: none;
	text-align: center;
	border-radius: 0 !important;
}

.checkButtonArea input:hover {
	background: #333;
	cursor: pointer;
}

.btn_back a {
	font-size: 14px;
	background: #181818;
	color: #fff;
	display: block;
	width: 300px;
	height: 50px;
	line-height: 50px;
	margin: 50px auto;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	text-decoration: none;
}

.btn_back a:hover {
	background: #3f3f3f;
	text-decoration: none;
}

.contact_form input {
	padding: 13px;
	background: #f0f0f0;
	border: none;
	width: 70%;
}

.contact_form textarea {
	padding: 13px;
	background: #f0f0f0;
	border: none;
	width: 100% !important;
	height: 350px !important;
}




/* thanks */

.btn_back a {
	background: #000;
	color: #fff;
	display: block;
	width: 300px;
	height: 50px;
	line-height: 50px;
	margin: 80px auto 50px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.btn_back a:hover {
	background: #606060;
	text-decoration: none;
}

.thanksArea {
	margin: auto;
}

.thanks_ttl {
	margin: 30px auto 10px;
	font-size: 19px;
}

/* about profile */


/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}

/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
	transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
	width: 249px;
	height: 248px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front,
.back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

.front:hover {
	cursor: pointer;
}

.back:hover {
	cursor: pointer;
}

.front1 {
	background: url(../images/staff01.jpg) no-repeat 0 0;
	background-size: 249px;
}

.back1 {
	background: url(../images/staff01_on.jpg) no-repeat 0 0;
	background-size: 249px;
}

.front2 {
	background: url(../images/staff02.jpg) no-repeat 0 0;
	background-size: 249px;
}

.back2 {
	background: url(../images/staff02_on.jpg) no-repeat 0 0;
	background-size: 249px;
}

.front3 {
	background: url(../images/staff03.jpg) no-repeat 0 0;
	background-size: 249px;
}

.back3 {
	background: url(../images/staff03_on.jpg) no-repeat 0 0;
	background-size: 249px;
}

.front4 {
	background: url(../images/staff04.jpg) no-repeat 0 0;
	background-size: 249px;
}

.back4 {
	background: url(../images/staff04_on.jpg) no-repeat 0 0;
	background-size: 249px;
}


.youtube {
	position: relative;
	width: 100%;
	margin: 76px auto;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.entry-meta {
    display: none;
}