/*
Theme Name: きっトク不動産2025
Versition: 3.0
Author: kono-direction co.,ltd.
Author URI: http://kono-d.jp/
Description: this is for Wordpress theme.
*/
:root{
	--base:#222222;
	--sumi:#000000;
	--gray:#777777;
	--corp:#88bb22;
	--aka:#cc3333;
	--rent:#33bbaa;
	--sale:#ff9933;
	--key:#ff7788;
	
	--mincho:Time New Roman, "Yu Mincho", "游明朝", serif;
	--gothic:"Hiragino kaku Gothic", "ヒラギノ角ゴシック", sans-serif;
}
*, *:before, *:after{
	box-sizing:border-box;
	vertical-align:baseline;
	/*transition:0.8s;*/
}
a, span,
b, i, em, small, big, strong,
del, ins,
label, select, textarea, input, button,
img{ display:inline-block; }

address,
em{ font-style:normal; }

dt,dd{ margin:0; }

a{ cursor:pointer; }

/*画像保護*/
img{
	pointer-events:none;
	-webkit-touch-calluot:none;
	-moz-touch-calluot:none;
	touch-calluot:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
.imgwrap,
.imgwrap img{
	display:block;
	text-align:center;
	vertical-align:middle;
	line-height:0;
}
.imgwrap > img,
.imgwrap video{
	max-width:100%;
}
.wp-video,
.wp-video *{ max-width:100% !important; }
.tate .wp-video *{ aspect-ratio: 9 / 16 ; }
.yoko .wp-video *{ aspect-ratio: 16 / 9 ; }

.mincho{ font-family:var(--mincho); }
.gothic{ font-family:var(--gothic); }


html,
body{
	font-family:var(--gothic);
	font-style:normal;
	font-weight:normal;
	font-weight:300;
	font-size:min(15px, calc( 100vw / 32.5 ));
	line-height:1.8em;
	color:var(--base);
	width:100%;
	margin:0;
	padding:0;
}
/** font size **/
small,
.small	{ font-size:min( 12px, calc( 100vw / 39 ) ); }
.middle	{ font-size:min( 13px, calc( 100vw / 36 ) ); }
.base	{ font-size:1rem; }
.large	{ font-size:calc( 100vw / 16 ); }
big,
.big	{ font-size:calc( 100vw / 12 ); }

@media screen and ( min-width:768px ){
	html,body{ font-size:min( 16px, calc( 100vw / 54 ) ); }
	small,
	.small	{ font-size:0.75rem; }
	.middle	{ font-size:0.875rem; }
	.base	{ font-size:1rem; }
	.large	{ font-size:1.5rem; }
	big,
	.big	{ font-size:2rem; }
}
@media screen and ( min-width:1000px ){
}



.smaller{ font-size:max( 8px, 0.75rem ); }
.midder	{ font-size:0.875rem }
.larger	{ font-size:1.25rem; }
.bigger	{ font-size:1.5rem; }

.tight	{ line-height:calc( 1em + 5px ); }
.const	{ line-height:calc( 1em + 1rem ); }
.loose	{ line-height:2.5em; }

.regular{ font-weight:normal; }
.bold	{ font-weight:bold; }

.reset	{ font-size:1rem; font-weight:normal; }

.txtcenter	{ text-align:center; }
.txtright	{ text-align:right; }
.txtleft	{ text-align:left; }

/*** break ***/
br.sp{ display:inline; }
br.tb{ display:none; }
br.pc{ display:none; 
}
br.under-sp{ display:inline; }
br.under-tb{ display:inline; }
br.under-pc{ display:inline; }

br.over-sp{ display:none; }
br.over-tb{ display:none; }
br.over-pc{ display:none; }

@media screen and ( min-width:768px ){
	br.sp{ display:none; }
	br.tb{ display:inline; }
	br.pc{ display:none; }

	br.under-sp{ display:none; }
	br.under-tb{ display:inline; }
	br.under-pc{ display:inline; }

	br.over-sp{ display:inline; }
	br.over-tb{ display:none; }
	br.over-pc{ display:none; }
}
@media screen and ( min-width:840px ){
	br.sp{ display:none; }
	br.tb{ display:none; }
	br.pc{ display:inline; }

	br.under-sp{ display:none; }
	br.under-tb{ display:none; }
	br.under-pc{ display:inline; }

	br.over-sp{ display:inline; }
	br.over-tb{ display:inline; }
	br.over-pc{ display:none; }
}
@media screen and ( min-width:1280px ){
	br.over-pc{ display:inline; }
}

.bd-sld{ border-style:solid; }
.bd-dot{ border-style:dotted; }
.bd-dsh{ border-style:dashed; }
.dbw1{ border-width:1px; }
.bdtw1{ border-top-width:1px; }
.bdbw1{ border-bottom-width:1px; }
.bdlw1{ border-left-width:1px; }
.bdrw1{ border-right-width:1px; }
.dbw2{ border-width:2px; }
.bdtw2{ border-top-width:2px; }
.bdbw2{ border-bottom-width:2px; }
.bdlw2{ border-left-width:2px; }
.bdrw2{ border-right-width:2px; }
.dbw3{ border-width:3px; }
.bdtw3{ border-top-width:3px; }
.bdbw3{ border-bottom-width:3px; }
.bdlw3{ border-left-width:3px; }
.bdrw3{ border-right-width:3px; }
.dbw4{ border-width:4px; }
.bdtw4{ border-top-width:4px; }
.bdbw4{ border-bottom-width:4px; }
.bdlw4{ border-left-width:4px; }
.bdrw4{ border-right-width:4px; }
.dbw5{ border-width:5px; }
.bdtw5{ border-top-width:5px; }
.bdbw5{ border-bottom-width:5px; }
.bdlw5{ border-left-width:5px; }
.bdrw5{ border-right-width:5px; }
.dbw6{ border-width:6px; }
.bdtw6{ border-top-width:6px; }
.bdbw6{ border-bottom-width:6px; }
.bdlw6{ border-left-width:6px; }
.bdrw6{ border-right-width:6px; }
.dbw7{ border-width:7px; }
.bdtw7{ border-top-width:7px; }
.bdbw7{ border-bottom-width:7px; }
.bdlw7{ border-left-width:7px; }
.bdrw7{ border-right-width:7px; }
.dbw8{ border-width:8px; }
.bdtw8{ border-top-width:8px; }
.bdbw8{ border-bottom-width:8px; }
.bdlw8{ border-left-width:8px; }
.bdrw8{ border-right-width:8px; }

.inl{ display:inline; }
.inb{ display:inline-block; }
.blk{ display:block; }


/** List **/
ul{
	list-style:none;
	padding-left:0; }

ul.disc, ol.disc,
ul.circle, ol.circle,
ul.square, ol.square,
ul.decimal, ol.decimal,
ul.maru, ol.marul{
	padding-left:1.5em;
}
ul.disc, ol.disc{
	list-style-type:disc;
}
ul.circle, ol.circle{
	list-style-type:circle;
}
ul.square, ol.square{
	list-style-type:square;
}
ol.decimal, ul.decimal{
	list-style-type:decimal;
}
ul.maru > li, ol.maru > li{
	position:relative;
}
ul.maru > li:before, ol.maru > li:before{
	position:absolute;
	left:-1.25em;
	content:"●";
	display:block;
	font-size:inherit;
}
ul > li, ol > li{
	margin-bottom:2rem;
}
ul li h1, ol li h1,
ul li h2, ol li h2,
ul li h3, ol li h3,
ul li h4, ol li h4,
ul li h5, ol li h5{
	margin-bottom:1rem;
}

ul li p, ol li p{
	margin:0.25em 0 0.75em 0;
}
ul > li:last-of-type,
ol > li:last-of-type{
	margin-bottom:0;
}




/**Table**/
.tbd,
.formtb{ display:table; }
.tbd,
table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
.formtb{
	border-collapse:separate;
	border-spacing:0.5rem;
	width:100%;
}
.tbd > .tbrow{ display:table-row; }
.tbd > .tbrow dt,
.tbd > .tbrow > dd,
.tbd > .tbrow > .tbcel{
	display:table-cell;
	margin:0;
}
.tbrow dt{ width:25%; }
.tbrow dd{ width:75%; }
form .tbrow dt{ width:27%; }
form .tbrow dd{ width:73%; }

.tbd .tbrow dt,
.tbd .tbrow dd{
	padding:1rem 0.5rem;
}
.formtb .tbrow dt,
.formtb .tbrow dd{
	padding:1.25rem 0.75rem;
}
.formtb .tbrow dt{
	background-color:var(--key);
	color:white;
}
.formtb .tbrow dd{
	background-color:#f0f0f0;
}


/*** botton ***/
.btn,
.send,
.acv-btn{
	width:100%;
	text-align:center;
	line-height:1;
	margin:1rem 0;
	clear:both;
}
.btn a,
.acv-btn a,
.btn .submit,
.btn [type="submit"],
.btn [type="button"]{
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	text-decoration:none;
	line-height:1em;
}
.btn a:not(.deco-btn),
.acv-btn a:not(.deco-btn),
.btn .submit:not(.deco-btn),
.btn [type="submit"]:not(.deco-btn),
.btn [type="button"]:not(.deco-btn){
	color:inherit;
	margin:0 0.75rem;
}
.btn a:not(.deco-btn),
.acv-btn a:not(.deco-btn){
	padding:1rem 2rem;
	border:solid 1px;
}
.acv-btn a{
	width:300px;
	padding:0.375rem 1rem;
	font-size:1rem;
}
.btn .submit,
.btn [type="submit"],
.btn [type="button"]{
	width:auto;
	padding:0.5rem 1.5rem;
	background-color:var(--key);
	color:#fff;
	border-radius:0.5rem;
}

.btn a:hover,
.acv-btn a:hover{
}
.btn .submit,
.btn [type="submit"]:hover,
.btn [type="button"]:hover{
	background-color:var(--key);
}
.btn a.more{
	font-size:1rem;
}
.btn a + a{
	margin-left:1em;
}
.bnr{
	padding:5px 10px;
}
@media ( min-width:640px ){
	.btn a{
		max-width:320px;
	}
}

/** flex box **/
.flxd{
	display:flex;
	width:100%;
	flex-flow:row wrap;
	justify-content:space-around;
	align-items:flex-start;
	align-content:stretch;
}
.flxd,
.flx{
	/*flex-direction:	配置軸 */
	/*flex-wrap:		折り返し */
	/*justify-content:	横方向の揃え */
	/*align-items:		縦方向の揃え */
	/*align-content:	複数行の揃え  */
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.child{
	order:0;
	flex-shrink:1;
	align-self:auto;
}

.towcolumn,
.threecolumn{
	display:flex;
	flex-flow:column nowrap;
}
.towcolumn > .main,
.threecolumn > .main{
	order:1;
}
.towcolumn > .side,
.threecolumn > .sub{
	order:2;
}
.threecolumn > .side{
	order:3;
}

@media screen and ( min-width:768px ){
	.flx{
		display:flex;
		width:100%;
		flex-flow:row wrap;
	}
	
	.towcolumn,
	.threecolumn{
		flex-direction:row;
	}
	.towcolumn > .main,
	.towcolumn > .side,
	.threecolumn > .main,
	.threecolumn > .sub,
	.threecolumn > .side{
		order:0;
	}
	.towcolumn > .main{ flex-basis:calc( 100% - 240px ); }
	.towcolumn > .side{ flex-basis:240px; }
	.threecolumn > .main{ flex-basis:calc( 75% - 240px ); }
	.threecolumn > .sub{ flex-basis:25%; }
	.threecolumn > .side{ flex-basis:240px; }
	
	
}

/** Main Block **/
#wrapper,
.wrapper,
#contents,
.content{
	margin:0;
	padding:0;
	width:100%;
}
#wrapper{
	position:relative;
	background-image:url('parts/bg_body.png');
	background-position:50% 0;
	background-size:auto;
	background-repeat:repeat;
	/*background-attachment:fixed;*/
	
}
$contents{
	position:relative;
	z-index:500;
}
.wrap,
.content{
	margin:0 auto;
	padding:1rem;
	width:100%;
}

.wrap{
	max-width:960px;
}
.content{
	max-width:1024px;
}
.wrap .content,
.wrap .wrap{
	padding-left:0;
	padding-right:0;
}
.section{
	margin:0 auto 3rem auto;
}
.thin{
	margin-left:auto;
	margin-right:auto;
	width:80%;
}
.inner{
	margin-left:auto;
	margin-right:auto;
}
@media screen and ( min-width:768px ){
	
	.wrap,
	.content{
		padding:1rem 0;
	}
}


/** Header **/
#sitemean{
	font-weight:200;
	font-size:0.75rem;
	line-height:1.5rem;
	text-align:center;
	background-color:#fff;
	margin:0;
	padding:0;
}
#siteheader{
	position:sticky;
	top:0;
	background-image:linear-gradient(rgb(255 255 255 / 100%) 10%, rgb(255 255 255 / 0%));
	padding:0 0.25rem;
	z-index:9900;
}
#siteheader > .inner{
	position:relative;
	max-width:1280px;
	margin:0 auto;
}
#sitelogo,
#footlogo{
	margin:0;
	padding:0;
}
#sitelogo > a,
#sitelogo > a > img,
#footlogo > img{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
#sitelogo,
#navi,
#siteinfo{
	display:inline-block;
	vertical-align:bottom;
}
#sitelogo{
	width:19rem;
	height:6rem;
	margin:0;
	padding:0;
}
#sitelogo > a{
	background-image:url('parts/sitelogo.png');
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999em;
}
#sitedescription{
	font-weight:normal;
	font-size:0.75rem;
	line-height:1.5rem;
	margin:0 0 0.5rem 0;
	padding:0 1rem;
	display:none;
}
#siteinfo{
	display:none;
	width:15rem;
	height:4rem;
	background-image:url('parts/siteinfo.png');
	background-size:contain;
	background-position:50% 50%;
	text-indent:-99999em;
	overflow:hidden;
}



/** Navigation **/
#siteheader *,
#siteheader *:before,
#siteheader *:after{
	transition:0.8s;
}
/** menu bottun **/
.pull{
	display:none;
}
.pull + label{
	position:absolute;
	top:0.5rem;
	width:5rem;
	height:5rem;
	z-index:999;
	margin:0;
	padding:0;
	text-align:center;
	background-color:var(--corp);
	border:solid 0.25rem #777;
	border-radius:50%;
	z-index:9990;
	cursor:pointer;
}
.pull + label:before,
.pull + label > .menuIcon,
.pull + label:after{
	content:"";
	position:absolute;
	display:block;
	width:calc( 100% - 2rem );
	height:0.25rem;
	margin:0;
	padding:0;
	background-color:#fff;
	overflow:hidden;
}
#menu-icon.pull + label{
	right:10px;
}
#menu-icon.pull + label:before{
	/*content: "\f228";*/
	top:1.25rem;
	left:1rem;
}
#menu-icon.pull + label > .menuIcon{
	top:calc( 50% - 0.125rem );
	left:1rem;
}
#menu-icon.pull + label:after{
	bottom:1.25rem;
	left:1rem;
}
#menu-icon.pull:checked + label{
	background-color:#fff;
}
#menu-icon.pull:checked + label:before,
#menu-icon.pull:checked + label:after{
	top:calc( 50% - 0.125rem );
	background-color:#777;
}
#menu-icon.pull:checked + label:before{
	transform:rotate(45deg);
}
#menu-icon.pull:checked + label > .menuIcon{
	display:none;
}
#menu-icon.pull:checked + label:after{
	transform:rotate(-45deg);
}
#sitenav{
	position:absolute;
	top:-1.5rem;
	left:0;
	padding:0;
	color:#fff;
	background-color:var(--corp);
	overflow:hidden;
	width:100vw;
	height:0;
	z-index:9900;
}
#siteheader .inner:has( .pull:checked ) + #sitenav{
	overflow:scroll;
	height:calc( 100vh + 1.5rem );
	padding:3rem 1rem 1rem 1rem;
}
.menu,
.sub-menu{
	list-style:none;
	padding:0;
	margin:0;
}
#gbnav{
	width:100%;
	padding-bottom:1em;
	border-bottom:solid 1px #fff;
	font-size:1.25rem;
}
#sitenav .menu-item > a small,
#sitenav .child-menu-item > a small{
	display:block;
}
#gbnav > .menu-item:nth-child(2){
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:solid 1px #fff;
}
#sitenav .menu-item,
#sitenav .child-menu-item{
	margin:0 0 0.5em 0;
	padding:0;
	line-height:2em;
}
#gbnav .menu-item a{
	color:#fff;
	text-decoration:none;
	padding:0 0.5rem;
}
#gbnav .menu-item a:hover{
	background-color:var(--corp);
}
.menuItem-title{
	border-bottom:solid 1px #fff;
	padding:0.25rem 0;
}
.menuItem-title + .menu{
	display:flex;
	flex-flow:row wrap;
}
#sitenav .menuItem-title + .menu .menu-item{
	flex-basis:50%;
	margin-bottom:0;
}
#asktel > a{
	display:inline-block;
	height:36px;
}
#asktel > a > img{
	width:auto;
	height:100%;
}
#siteinfo{
	display:none;
	width:20rem;
	height:5rem;
	text-indent:-9999em;
	overflow:hidden;
	background-image:url('parts/siteinfo.png');
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
@media screen and ( min-width:768px ){
	#siteinfo{
		display:block;
		position:absolute;
		top:1rem;
		right:6rem;
	}
	#gbnav{
		padding-top:4rem;
		max-width:640px;
		margin-left:auto;
		margin-right:auto;
	}
	.menuItem-title + .menu{
		margin-bottom:2rem;
	}
	#sitenav .menuItem-title + .menu .menu-item{
		flex-basis:33.33%;
	}
	#asktel{
		text-align:center;
	}
}


/*** Search Form ***/
#searchpull{
	display:none;
}
#searchOpen{
	position:fixed;
	right:1rem;
	bottom:3rem;
	z-index:800;
	width:6rem;
	height:6rem;
	padding:0.5rem;
	border:solid 0.25rem #777;
	color:#fff;
	text-align:center;
	border-radius:3rem;
	cursor:pointer;
}
#searchOpen img{
	width:100%;
	height:auto;
}
.formWrapper{
	position:fixed;
	top:0; left:0;
	width:100vw;
	height:100vh;
	background-image:url('parts/slh_bk.png');
	background-size:1.5rem auto;
	background-position:50% 50%;
	background-repeat:repeat;
	z-index:9999;
}
#searchpull:checked + #searchOpen,
#searchpull:not(:checked) + #searchOpen + .formWrapper{
	display:none;
}
#searchpull:not(:checked) + #searchOpen,
#searchpull:checked + #searchOpen + .formWrapper{
	display:block;
	opacity:1;
}
#searchClose{
	display:block;
	position:absolute;
	right:1rem;
	top:1rem;
}
#searchClose:after{
	content:"×";
	display:inline-block;
	font-size:1.5em;
	line-height:1;
}
#searchformWrap{
	position:relative;
	width:calc( 100vw - 2rem );
	max-width:calc( 960px - 2rem );
	height:86vh;
	margin:5vh 0 9vh 0;
	padding:1rem;
	border:solid 0.25rem #777;
	background-color:#fff;
	border-radius:1rem;
}
#searchform-title{
	width:20rem;
	height:4rem;
	margin:-2rem auto 1rem auto;
	background-image:url('parts/searcher_title.svg');
	background-size:contain;
	background-position:50% 50%;
	text-indent:-9999em;
	overflow:hidden;
}
#searchform{
}
#searchform .scrollbox{
	width:100%;
	height:calc(90vh - 14rem );
	overflow:scroll;
}
#searchform dl{
	border-bottom:solid 1px #777;
	padding:1rem 0;
}
#price-form .label input{
	width:8rem;
	margin:0 3px;
}
#searchform .checklist label{
	margin:0 1em 0.5em 0;
}
#search-btn{
	width:15rem;
}
.deco,
.deco-btn{
	padding:0.5rem 2rem;
	border:solid 0.25rem #777;
	font-weight:bold;
	font-size:1.5rem;
	line-height:1.5rem;
}
.deco,
.deco-btn,
.itemDivi{
	text-align:center;
	color:#fff;
	background-size:1.125rem 1.25rem;
}
.deco-btn{
	margin:0 0.75rem;
	border-radius:0.5rem;
	filter:drop-shadow(0.25rem 0.25rem 0 #777);
	transition:0.2s;
}
.deco-btn:hover{
	margin-top:0.125rem;
	margin-bottom:-0.125rem;
	filter:drop-shadow(0.125rem 0.125rem 0 #777);
}
.deco.red,
.deco-btn.red{
	background-color:var(--key) !important;
	background-image:url('parts/slh_rd.png') !important;
}
.deco.org,
.deco-btn.org,
.itemDivi.sale {
	background-color:var(--sale) !important;
	background-image:url('parts/slh_or.png') !important;
}
.deco.grn,
.deco-btn.grn,
.itemDivi.rent{
	background-color:var(--rent) !important;
	background-image:url('parts/slh_gn.png') !important;
}
.deco.bk,
.deco-btn.bk{
	background-color:var(--gray) !important;
	background-image:url('parts/slh_bk.png') !important;
}
.deco-btn.line{
	background-color:#06c755 !important;
	background-image:url('parts/slh_gn.png') !important;
}
@media screen and ( min-width:768px ){
	
	#searchformWrap{
		height:80vh;
		margin:8vh auto 12vh auto;
		padding:1rem 3rem 3rem 3rem;
	}
	#searchform .scrollbox{
		height:auto;
		max-height:calc( 80vh - 14rem );
	}
	#searchform dl.flx{
		flex-wrap:no-wrap;
	}
	#searchform dl.flx > dt{
		flex-basis:8rem;
	}
	#searchform dl.flx > dd{
		flex-basis:calc( 100% - 8rem );
		padding-left:1rem;
	}
	#post_type-form,
	#area-form{
		flex-basis:50%;
	}
}
@media screen and ( min-width:960px ){
	
	#searchformWrap{
		padding:1rem 5rem 3rem 5rem;
		height:84hv;
		margin:8vh auto;
	}
	#searchform .scrollbox{
		max-height:calc( 84vh - 14rem );
	}
}
/** Contents Header **/
#contentHeader,
#pageHeader{
	min-height:10rem;
	padding-bottom:4rem;
	background-image:url('parts/bdr_town.png');
	background-position:0 100%;
	background-size:auto 10rem;
	background-repeat:no-repeat;
}
#contentHeader .contents,
#pageHeader .contents{
	margin:0 auto;
	padding:0 1rem;
}
#contentHeader .contents{
	max-width:1280px;
}
#pageHeader .contents{
	max-width:960px;
}
.contentName{
	width:100%;
	border-bottom:solid 2px var(--gray);
	padding:0.5rem 0;
	margin:0.5rem 0;
	font-size:2rem;
	line-height:calc( 1em + 4px );
	color:var(--gray);
}
.contentName span{
	vertical-align:middle;
}
.propertyName{
	display:block;
}
.contentCondition,
.contentExcerpt{
	padding:0 0.5rem;
	-webkit-text-stroke:#fff 3px;
	text-stroke:#fff 3px;
	paint-order:stroke fill;
}
.rooms-term,
.area-term{
	min-width:7rem;
	font-weight:normal;
	font-size:1.25rem;
	line-height:1.5rem;
	text-align:center;
	color:#fff;
	padding:0.25rem 1.25rem;
	margin:0 0.25rem;
	border-radius:1rem;
}
.rent > .rooms-term,
.rent > .area-term{
	background-color:var(--rent);
}
.sale > .rooms-term,
.sale > .area-term{
	background-color:var(--sale);
}
.news > .rooms-term,
.news > .area-term{
	background-color:var(--corp);
}
.contentCondition p{
	margin:0.5rem 0;
	font-size:1rem;
	font-weight:normal;
	line-height:1.5em;
	padding-left:5.5em;
	text-indent:-5.5em;
}
.contentCondition .option{
	width:calc( 5rem + 10px );
	padding:2px 9px;
	margin-right:calc( 0.5rem + 1px );
	line-height:1em;
	font-size:calc( 1rem - 2px );
	text-align:center;
	-webkit-text-stroke:0;
	text-stroke:0;
	color:#fff;
	background-color:var(--key);
	border-radius:calc( 0.5rem + 1px );
	text-indent:0;
	vertical-align:text-top;
}
@media screen and ( min-width:768px ){
	.contentName{
		padding:0.5rem;
	}
	.propertyName{
		display:inline-block;
	}
	.rooms-term,
	.area-term{
		font-size:1rem;
		line-height:1.125rem;
	}
}


/** 特集 **/
#featurebox{
	position:relative;
	width:100%;
	text-align:center;
	overflow:hidden;
}
#featurebox *{
	transition:auto;
}
#featureSlick{
	margin-bottom:0;
	line-height:1;
}
#featureSlick .term-item{
	display:inline-block;
	width:15rem;
	max-width:240px;
	aspect-ratio: 3 / 4 ;
	margin-bottom:0;
}
#featureSlick .term-item > a{
	display:block;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-999em;
	overflow:hidden;
}
#featureSlick .term-item > a > img{
	display:block;
	width:100%;
}
@media screen and ( min-width:960px ){
	#featureSlick .term-item{
		margin:0 2rem;
	}
}

/** Contents **/
#contents{
	border-top:solid 0.25rem var(--gray);
	border-bottom:solid 0.25rem var(--gray);
	margin-top:0;
	padding-top:0;
	background-color:rgba(255,255,255,0.7);
}
#singleContents{
	margin:0;
	padding:0  0 3rem 0;
	background-color:#96d228;
}
#main-content.inner,
#main-content.wrap,
#sub-content.inner,
#sub-content.wrap{
	position:relative;
	margin-top:0;
	padding-top:2rem;
}
#main-content.inner,
#sub-content.inner{
	max-width:1280px;
}
#main-content.wrap,
#sub-content.wrap{
	max-width:960px;
}
#propertyTag{
	position:absolute;
	top:-1.75rem;
	left:0.5rem;
	height:5rem;
	margin:0;
	padding:0;
}
#detailTag{
	width:14rem;
	height:5rem;
	margin:0;
}
#propertyTag > img,
#detailTag > img{
	display:block;
	width:auto;
	height:100%;
	margin:0;
	border:0;
}

/** prpeerty **/
.property-list,
.pageContent{
	margin-top:0;
}
#propertyTag + .pageContent{
	padding-top:2rem;
}
.property-list{
	display:flex;
	flex-flow:row wrap;
}
.property-item{
	flex-basis:50%;
	margin-bottom:0;
	padding:0.5rem;
}
.property-item a{
	display:block;
	text-decoration:none;
	color:inherit;
	font-size: min( 16px, calc( 1rem + 2px ) );
}
.property-item .itemThumb{
	display:block;
	width:100%;
}
.property-item .itemThumb img{
	display:block;
	width:100%;
	margin:0;
}
.property-item .itemThumb .noimg{
	display:block;
	margin:0;
	width:100%;
	aspect-ratio: 4 / 3 ;
	color:#fff;
	text-align:center;
	line-height:calc( 37.5vw - 0.75rem );
	font-size:1.5em;
	font-weight:bold;
	background-color:#ddd;
}
.property-item .itemDivi{
	width:100%;
	margin:0;
	line-height:1.5rem;
	font-size:calc( 1rem + 2px );
	font-weight:normal;
}
.property-item p{
	width:100%;
	min-height:calc( 1em + 4px );
	margin:0.5rem 0;
	line-height:calc( 1em + 4px );
}
.property-item .itemTraffic{
	height:calc( 2em + 8px );
	overflow:hidden;
}
.property-item .itemPrice,
.propertySpec .itemPrice{
	position:relative;
	color:var(--aka);
	text-align:right;
	font-weight:500;
	padding:0.5rem;
	border-bottom:solid 0.25rem var(--aka);
}
.itemPrice .price{
	font-size:1.5em;
}
.property-item .overdue{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	color:var(--aka);
	font-size:0.85rem;
	line-height:1em;
	width:auto;
	margin:0;
}

#propertyEquip{
	margin-bottom:1rem;
}
@media screen and ( min-width:768px ){
	.property-item{
		flex-basis:calc( 100% / 3 );
		padding:0.5rem;
		margin-bottom:0.25rem;
	}
	.property-item .itemThumb .noimg{
		line-height:calc( 25vw - 0.75rem );
	}
}
@media screen and ( min-width:1000px ){
	.property-item{
		flex-basis:25%;
		padding:1rem;
		margin-bottom:0.5rem;
	}
	.property-item .itemThumb .noimg{
		line-height:calc( 18.75vw - 1.5rem );
	}
}
@media screen and ( min-width:1280px ){
	.property-item{
		flex-basis:20%;
	}
	.property-item .itemThumb .noimg{
		line-height:calc( 192px - 0.75rem );
	}
}
.notfound{
	padding:3rem;
	text-align:center;
	font-size:1.25rem;
}


/** single property **/
#overdue{
	display:block;
	position:fixed;
	top:15vh;
	left:0; right:0;
	width:90vw;
	max-width:720px;
	margin:0 auto;
	padding:3rem 1.5rem 2.5rem 1.5rem;
	border:solid 4px var(--aka);
	text-align:center;
	color:var(--aka);
	background-color:rgb(255 255 255 / 80%);
	border-radius:1rem;
	z-index:9000;
	overflow:hidden;
	container-type:inline-size;
}
#overdue .mess01{
	font-weight:bold;
	font-size:calc(100cqw / 16);
	line-height:1.5em;
}
#overdue .limitDay{
	font-size:calc( 1rem + 5px );
	line-height:1em;
}
#overdue .mess01,
#overdue .limitDay{
	margin:1rem 0;
}
#overdue:has(#limit:checked){
	
}
#overdue:has(#limit:checked) .mess01{
	font-weight:normal;
	font-size:1.125rem;
	line-height:2rem;
	margin:0;
}
#overdue:has(#limit:checked) .limitDay{
	display:none;
}
#overdue:has(#limit:checked){
	animation:fadeout forwards 2.5s;
}
@keyframes fadeout{
	0%	{ opacity:1; }
	0.1%{ opacity:0; position:relative; top:0; padding:1rem 0; height:auto; }
	100%{ opacity:1; position:relative; top:0; padding:1rem 0; height:auto; }
}

#overdue .close{
	display:inline-block;
	padding:0.25rem 2rem;
	margin:2rem 0 1rem 0;
	line-height:1rem;
	color:#fff;
	border-radius:1rem;
	background-color:#666;
}
#overdue .close:hover{
	background-color:var(--sumi);
}
#overdue:has(#limit:checked) .close{
	display:none;
}
#limit{
	display:none;
}

.singleHeader{
	position:relative;
	padding-top:1rem;
}
#mainThumb{
	position:relative;
	top:0;
	right:-1rem;
	border:solid 0.5rem var(--corp);
	border-right:0;
	border-radius:5rem 0 0 5rem;
	width:calc( 100vw - 2rem );
	overflow:hidden;
}
#mainThumb img{
	display:block;
	width:100%;
	margin:0;
	border:0;
}
#propertyMain{
	container-type:inline-size;
	width:100%;
}
.propertyType,
.post-date{
	font-size:1rem;
	margin:1rem 0 0 0;
}
#single-title{
	font-size:calc(100cqw / 16);
	line-height:calc(1em + 6px);
	color:var(--aka);
	text-stroke:0.5rem #fff;
	-webkit-text-stroke:0.5rem #fff;
	paint-order:stroke;
	margin:1rem 0;
}
#propertyTitle{
	font-size:1.25rem;
	line-height:1.75rem;
	background-position:0 0.25rem;
	background-size:1.75rem 1.75rem;
	background-repeat:no-repeat;
	padding:0.25rem 0 0.25rem 2.25rem;
	margin:1rem 0;
}
#propertyTitle > small{
	display:block;
	font-weight:normal;
	font-size:1rem;
}
#propertyTitle.sale-land-title,
#propertyTitle.rent-land-title{
	background-image:url('parts/icon_land.svg');
}
#propertyTitle.sale-house-title,
#propertyTitle.rent-house-title{
	background-image:url('parts/icon_house.svg');
}
#propertyTitle.sale-mansion-title,
#propertyTitle.rent-mansion-title{
	background-image:url('parts/icon_mansion.svg');
}
#propertyTitle.rent-apart-title{
	background-image:url('parts/icon_apart.svg');
}
#propertyTitle.sale-shophouse-title{
	background-image:url('parts/icon_shophouse.svg');
}
#propertyTitle.sale-shop-title,
#propertyTitle.rent-shop-title{
	background-image:url('parts/icon_shop.svg');
}
#propertyTitle.rent-office-title{
	background-image:url('parts/icon_office.svg');
}
#propertyTitle.rent-parking-title{
	background-image:url('parts/icon_parking.svg');
}
#propertyTitle.sale-other-title,
#propertyTitle.rent-other-title{
	background-image:url('parts/icon_house.svg');
}
.propertySpec .base-data{
	padding:0 0 0 0.5rem;
}
.propertySpec .rooms,
.propertySpec .base-data p{
	line-height:1.5em;
	margin:0.5rem 0;
}
.propertySpec .rooms{
	font-size:1.5rem;
}
.itemPrice .unit{
	font-size:1rem;
	color:var(--gray);
}
.propertySpec .itemPrice .price{
	font-weight:bold;
	font-size:2.5rem;
}
.contentCondition{
	margin-top:1rem;
}
.contentCondition .flxd{
	justify-content:flex-start;
	align-items:first baseline;
	margin:0.75rem 0;
}
.contentCondition .flxd dd{
	line-height:1.3em;
}
.contentCondition .flxd dd a{
	color:inherit;
	text-decoration:none;
}
#singleContents > #main-content{
	padding-top:0.5rem;
}
#equipment{
	padding:0 1rem;
}
#equipment .equip{
	font-weight:bold;
	font-size:1.5rem;
	line-height:1.5em;
	padding:0;
	margin:0;
}
#imageBox{
}
#imageBox #photo-image{
	position:relative;
	width:calc( 100% - 2rem );
	aspect-ratio:4 / 3;
	margin:1rem 1.5rem 1rem 0.5rem;
}
#photo-image .gallery-img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	border:solid 0.5rem #fff;
	filter:drop-shadow(1rem 0.5rem 0 var(--gray));
	border-radius:3rem;
	width:calc( 100% - 1rem );
	aspect-ratio:4 / 3;
	box-sizing:content-box;
	background-color:#fff;
	overflow:hidden;
}
.gallery-img,
.gallery-img > input{
	display:none;
}
.gallery-img:has(input:checked){
	display:block;
}
.gallery-img > img,
.gallery-thumb > label img{
	display:block;
	width:100%;
	height:100%;
	object-position:50% 50%;
	margin:0;
}
.gallery-img > img{
	object-fit:contain;
}
#thumbBox{
	overflow:scroll;
	width:100%;
}
#photo-thumb{
	display:flex;
	flex-flow:row nowrap;
}
#photo-thumb > .gallery-thumb{
	flex-basis:25vw;
	width:25vw;
	flex-shrink:0;
	flex-grow:0;
	margin:0.5rem;
}
.gallery-thumb > label,
.gallery-thumb > .imgTitle{
	display:block;
	margin-left:auto;
	margin-right:auto;
	filter:drop-shadow(0.25rem 0.5rem 0 var(--gray));
}
.gallery-thumb > label{
	width:100%;
	aspect-ratio:1;
	border:solid 0.25rem #fff;
	border-radius:50%;
	overflow:hidden;
}
.gallery-thumb > label img{
	object-fit:cover;
}
.gallery-thumb > .imgTitle{
	font-size:calc( 1rem - 3px );
	line-height:1rem;
	text-align:center;
	padding:0.25rem 0.5rem;
	border-radius:0.75rem;
	background-color:#fff;
	width:calc( 100% - 1rem );
	overflow:hidden;
	margin:0.5rem;
}

#property-map{
	border:solid 0.5rem var(--corp);
	border-radius:2rem;
	overflow:hidden;
	width:calc( 100% - 2rem );
	height:320px;
	margin:2rem auto;
}
#propertyDetails{
	font-size:1rem;
	padding:0;
	margin:1rem 0 2rem 0;
}
.detail-item{
	margin:0;
	border-top:solid 1px var(--gray);
	padding:0.5rem 0;
}
.detail-item:last-child{
	border-bottom:solid 1px var(--gray);
}
.detail-item dl.flxd{
	flex-wrap:nowrap;
	justify-content:start;
	align-items:baseline;
}
.data-title{
	font-size:calc( 1rem - 3px );
	line-height:1rem;
	text-align:center;
	color:#fff;
	padding:0.25rem 0.75rem;
	flex-basis:7rem;
	flex-shrink:0;
	background-color:var(--key);
	border-radius:0.75rem;
}
.data-title + dd{
	line-height:1.375rem;
	text-align:left;
	flex-basis:calc( 100% - 7.5rem );
	margin-left:0.5rem;
}
.detail-item .price{
	font-size:1.25rem;
	color:var(--aka);
}
@media screen and ( min-width:768px ){
	#mainThumb{
		position:absolute;
		top:1rem;
		right:0;
		z-index:10;
		width:50%;
		height:auto;
		aspect-ratio:8 / 5;
	}
	#propertyMain{
		position:relative;
		z-index:20;
	}
	.propertyType,
	.post-date{
		margin-top:0;
	}
	#single-title{
		font-size:calc(100cqw / 25);
		width:15em;
	}
	#propertyTitle,
	.propertySpec,
	.contentCndition{
		width:48%;
	}
	.propertySpec .itemPrice .price{
		font-size:2rem;
	}
	#propertyEquip.flx{
		align-items:center;
	}
	#equipment{
		flex-basis:calc( 100% - 14rem );
	}
	#equipment .equip{
		font-size:1.125rem;
	}
	#gallery{
		display:flex;
	}
	#imageBox{
		order:2;
		flex-basis:50%;
	}
	#thumbBox{
		order:1;
		flex-basis:50%;
	}
	#photo-thumb{
		flex-wrap:wrap;
	}
	#photo-thumb > .gallery-thumb{
		flex-basis:25%;
		width:25%;
		padding:1rem 0.5rem;
		margin:0;
	}
	#propertyDetails.flx{
		justify-content:start;
	}
	#propertyDetails.flx > .detail-item{
		flex-basis:calc( 50% - 4rem );
		flex-shrink:0;
		flex-grow:0;
		margin:0 2rem;
	}
	#propertyDetails{
		font-size:calc(1rem - 2px);
	}
	#propertyDetails.flx > .detail-item:nth-last-child(-n + 2){
		border-bottom:solid 1px var(--gray);
	}
	
}
@media screen and ( min-width:960px ){
	#photo-thumb > .gallery-thumb{
		flex-basis:20%;
		width:20%;
	}
	#imageBox #photo-image{
		width:calc( 100% - 4rem );
		margin:1rem 2rem;
	}
}


/** Pagenator **/
.paginater{
	text-align:center;
}
.paginater > .page-numbers{
	display:inline-block;
	line-height:1.5rem;
	font-size:1.125rem;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#fff;
	padding:0.5rem 0.25rem;
	width:2.5rem;
	height:2.5rem;
	border-radius:calc( 2.5rem * 0.5 );
	margin:0 0.25rem;
	background-color:var(--gray);
	vertical-align:top;
}
.page-numbers.current{
	color:#aaa;
	background-color:#eee;
}
.page-numbers.prev,
.page-numbers.next{
	background-color:transparent;
	font-weight:bold;
	color:var(--gray);
}
a.page-numbers:hover{
	color:#fff;
	background-color:var(--corp);
}




/**** page ****/

/** policy **/
ol.policys,
.policys ol{
	list-style:none;
	padding-left:2em;
}
.policys .title{
	font-weight:bold;
}
.policys > li > .title{
	margin-left:-1em;
}
.policys > li > ol .title{
	margin-left:-2.5em;
	margin-bottom:0.5em;
}
/** information **/

.staff{
	flex-basis:min( 240px, 50% );
	text-align:center;
}
.staffThumb{
	width:80%;
	aspect-ratio:1;
	border:solid 0.5rem var(--corp);
	filter:drop-shadow(0.25rem 0.25rem 0 #777);
	margin:0 auto;
	border-radius:50%;
}
.staffThumb img{
	display:block;
}
.staffName{
	font-size:1.25rem;
	line-height:1.5em;
	padding:1rem 0 0 0;
}
.staffName small{
	display:block;
	font-size:0.875rem;
	line-height:1.5em;
}
.page-information .pageContent{
	max-width:720px;
	margin:0 auto;
}
.page-information .box{
	margin:1rem 0 3rem 0;
}
.page-information .tbd .tbrow{
	border-bottom:dotted 2px var(--gray);
}
#obj-map{
	width:100%;
	height:320px;
}


/** For Owner **/
ol#entry-guid{
	padding:0;
	list-style:none;
	margin:0;
}
.guidance-item{
	border-bottom:solid 0.25rem var(--sale);
	padding:1rem 0;
}
.guidance-item .stepTitle,
.guidance-item .stepNotes{
	padding:0.25rem 0;
}
.guidance-item .stepTitle{
	font-weight:600;
	font-size:3rem;
	line-height:3.5rem;
	color:var(--sale);
	text-align:left;
	background-position:100% 100%;
	background-size:auto 8rem;
	background-repeat:no-repeat;
	padding-top:1.25rem;
	min-height:8rem;
}
.guidance-item #step01 .stepTitle{ background-image:url(parts/cut01.png); }
.guidance-item #step02 .stepTitle{ background-image:url(parts/cut02.png); }
.guidance-item #step03 .stepTitle{ background-image:url(parts/cut03.png); }
.guidance-item #step04 .stepTitle{ background-image:url(parts/cut04.png); }
.guidance-item #step05 .stepTitle{ background-image:url(parts/cut05.png); }

.guidance-item .step-no{
	display:block;
	width:5rem;
	height:3rem;
	background-position:100% 100%;
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-999em;
	overflow:hidden;
}
#step01 .step-no{ background-image:url(parts/step01.png); }
#step02 .step-no{ background-image:url(parts/step02.png); }
#step03 .step-no{ background-image:url(parts/step03.png); }
#step04 .step-no{ background-image:url(parts/step04.png); }
#step05 .step-no{ background-image:url(parts/step05.png); }

ol#entry-guid + .btn{
	margin:4rem 0 1rem 0;
}
ol#entry-guid + .btn > a{
	max-width:none !important;
}
@media screen and ( min-width:768px ){

	ol#entry-guid{
		padding:0 1rem;
	}
	.guidance-item{
		padding:1rem;
	}
	.guidance-item .flx > .stepTitle{
		flex-basis:22rem;
		font-size:2rem;
		line-height:2.5rem;
		padding:0;
	}
	.guidance-item .flx > .stepNotes{
		flex-basis:calc( 100% - 22rem );
		padding-left:1rem;
	}

}
@media screen and ( min-width:960px ){

	ol#entry-guid{
		padding:0;
	}

}

/** content form **/
.page-contact .box,
.page-entry .box{
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
}
form .title{
	font-size:calc( 1rem + 2px );
	font-weight:bold;
	color:var(--gray)
}
form .sect-title{
	font-size:1rem;
	font-weight:bold;
	color:var(--gray);
	margin-bottom:0;
}
form .tbd.form{
	border-collapse:separate;
	border-spacing:0 1rem;
}
form .tbd .tbrow dt,
form .tbd .tbrow dd{
	padding:0.5rem;
	background-color:#f0f0f0;
	vertical-align:top;
}
form .tbrow dt{
	border-left:solid 0.25rem var(--corp);
}
form .tbrow dd{
}
form .tbd dt.must:after,
form#searchform dt.must:after{
	content:"必須";
	display:inline-block;
	font-size:calc( 1rem - 4px );
	line-height:calc( 1rem - 4px );
	color:#fff;
	background-color:var(--key);
	padding:2px 4px;
	border-radius:4px;
	margin-left:0.25rem;
}
dd .subjects:first-of-type{
	margin-top:0;
}
form .tbd dt,
form .tbd dd,
form#searchform dt,
form#searchform dd{
	line-height:1.25rem;
}
form .tbd dt,
form#searchform dt{
	padding:0 0 0.5rem 0;
}
@media screen and ( min-width:768px ){
	form .tbd dt,
	form#searchform dt{
		padding:0;
	}
}
/** entry **/
#search_zip{
	font-size:1rem;
	line-height:calc( 1rem + 2px );
	border:0;
	padding:4px 6px;
	border-radius:calc( 0.5rem + 3px );
}


/** contact **/
#policy_window{
	height:12rem;
	margin:0.25rem 0 0.5rem 0;
	padding:0.5rem;
	border:solid 1px #999;
	background-color:#fff;
	overflow:scroll;
}
.mw_wp_form_confirm #policy_window{
	display:none;
}


/** Property Archive Link **/
.propertyslink{
	margin:3rem 0;
}
.archives{
	display:flex;
	flex-wrap:wrap;
	max-width:720px;
	margin:1rem auto;
}
.archives > .btn{
	flex-basis:50%;
	flex-shrink:0;
	flex-grow:0;
}
.archives > .btn > a{
	width:12rem;
	padding:0.5rem;
}
@media screen and ( min-width:768px ){
	.archives > .btn{
		flex-basis:33.33%;
	}
}

/** Footer **/
/** footer Banner **/
.bnr-item{
	display:block;
	width:calc( 100% - 2rem );
	margin:1rem;
	padding:0;
}
#entry-bnr.bnr-item{
	aspect-ratio: 13 / 4 ;
	background-image:url('parts/bnr_entry832.png');
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
	text-indent:-9999em;
	overflow:hidden;
}
@media screen and ( min-width:768px ){
	#entry-bnr.bnr-item{
		aspect-ratio: 39 / 5 ;
		background-image:url('parts/bnr_entry936.png');
	}
}

/** Footer Main **/
#siteFooter{
	background-image:url('parts/bg_footer.png');
	background-position:50% 100%;
	background-size:auto 20rem;
	background-repeat:no-repeat;
	padding-bottom:8rem;
}
#footerName{
	display:block;
	width:17rem;
	height:5rem;
	margin:2rem auto;
	background-image:url('parts/footerlogo.svg');
	background-position:50% 50%;
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-9999em;
	overflow:hidden;
	
}
#footerNav{
	display:none;
	font-size:calc( 1rem - 2px );
	padding-bottom:3rem;
}
#footerMenu{
	display:flex;
	max-width:960px;
	margin:0 auto;
	text-align:center;
	justify-content:center;
}
#footerMenu .menu-item{
	color:var(--gray);
	padding:0.25rem 1rem;
	margin:0;
}
#footerMenu .menu-item + .menu-item{
	border-left:solid 1px;
}
#footerMenu a{
	display:block;
	line-height:1rem;
	text-align:left;
	font-size:1rem;
	font-weight:normal;
	color:inherit;
	text-decoration:none;
	padding:0 1rem;
	width:100%;
}
#foot-menu a:hover{
	color:var(--main);
}
#siteInfo,
#copyrights{
	position:static;
	text-align:center;
	line-height:1.8em;
	font-size:max( 10px, calc( 1rem - 2px ) );
	width:100%;
	padding:0;
}
#siteInfo{
	margin:1rem auto;
}
#copyrights,
#siteInfo p{
	margin:0;
}

@media screen and ( min-width:768px ){
	#sitefooter{
		padding-top:2rem;
	}
	#footerNav{
		display:block;
	}
	#footinfo{
		padding:0 0.5rem;
	}
	#copyrights{
		margin-top:3rem;
	}
}



/** Title **/
.pagetitle{
	font-size:2.5rem;
	font-weight:bold;
	line-height:2.5rem;
	padding:2rem 0;
	margin:0;
}
.pagetitle small{
	display:block;
	font-weight:normal;
	font-size:1rem;
	line-height:1rem;
	padding:1rem 0;
}
.articletitle{
	font-size:1.75rem;
	line-height:2.25rem;
	padding:0.25rem 0.5rem;
	border-bottom:solid 1px var(--key);
	margin:0 0 1em 0;
}
.bg-key .pagetitle{
	color:white;
}





/**** Form ****/

input[type="text"],
input[type="tel"],
input[type="email"],
textarea{
	display:inline-block;
	width:90%;
	padding:3px 5px;
	border:solid 1px #666;
	outline:0;
}
input[type="radio"],
input[type="checkbox"]{
	outline:0;
}
input[type="submit"],
input[type="button"]{
	display:inline-block;
	margin:0 1rem;
	padding:0.5rem 2rem;
	line-height:1;
	font-size:1.5rem;
	color:#fff;
	background-color:var(--key);
}
input[type="submit"]:hover,
input[type="button"]:hover{
	background-color:var(--gray);
}
.btn input.submit{
	width:calc( 100% - 2rem );
}
.btn input.prev-btn,
.btn input.prev-btn + input.submit{
	width:calc( 50% - 2rem );
}
.wpcf7-list-item.first{
	margin-left:0;
}
.wpcf7-form-control-wrap{
	display:block;
}
.wpcf7-spinner{
	display:block;
	margin:0 auto;
}
@media screen and ( min-width:768px ){
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	textarea{
		max-width:90%;
	}
	.btn input.prev-btn,
	.btn input.submit{
		width:calc( 50% - 2rem );
		max-width:400px;
	}
}










/*** margin ***/
.m1{ margin:1rem; }
.m2{ margin:2rem; }
.m3{ margin:3rem; }
.m4{ margin:4rem; }
.m5{ margin:5rem; }
.m10{ margin:10rem; }

.mh1{ margin-top:1rem; margin-bottom:1rem; }
.mh2{ margin-top:2rem; margin-bottom:2rem; }
.mh3{ margin-top:3rem; margin-bottom:3rem; }
.mh4{ margin-top:4rem; margin-bottom:4rem; }
.mh5{ margin-top:5rem; margin-bottom:5rem; }
.mh10{ margin-top:10rem; margin-bottom:10rem; }

.mw1{ margin-left:1rem; margin-right:1rem; }
.mw2{ margin-left:2rem; margin-right:2rem; }
.mw3{ margin-left:3rem; margin-right:3rem; }
.mw4{ margin-left:4rem; margin-right:4rem; }
.mw5{ margin-left:5rem; margin-right:5rem; }
.mw10{ margin-left:10rem; margin-right:10rem; }

.mt1{ margin-top:1rem; }
.mt2{ margin-top:2rem; }
.mt3{ margin-top:3rem; }
.mt4{ margin-top:4rem; }
.mt5{ margin-top:5rem; }
.mt10{ margin-top:10rem; }

.mb1{ margin-bottom:1rem; }
.mb2{ margin-bottom:2rem; }
.mb3{ margin-bottom:3rem; }
.mb4{ margin-bottom:4rem; }
.mb5{ margin-bottom:5rem; }
.mb10{ margin-bottom:10rem; }

.ml1{ margin-left:1rem; }
.ml2{ margin-left:2rem; }
.ml3{ margin-left:3rem; }
.ml4{ margin-left:4rem; }
.ml5{ margin-left:5rem; }
.ml10{ margin-left:10rem; }

.mr1{ margin-right:1rem; }
.mr2{ margin-right:2rem; }
.mr3{ margin-right:3rem; }
.mr4{ margin-right:4rem; }
.mr5{ margin-right:5rem; }
.mr10{ margin-right:10rem; }


/*** padding ***/
.p1{ padding:1rem; }
.p2{ padding:2rem; }
.p3{ padding:3rem; }
.p4{ padding:4rem; }
.p5{ padding:5rem; }
.p10{ padding:10rem; }

.ph1{ padding-top:1rem; padding-bottom:1rem; }
.ph2{ padding-top:2rem; padding-bottom:2rem; }
.ph3{ padding-top:3rem; padding-bottom:3rem; }
.ph4{ padding-top:4rem; padding-bottom:4rem; }
.ph5{ padding-top:5rem; padding-bottom:5rem; }
.ph10{ padding-top:10rem; padding-bottom:10rem; }

.pw1{ padding-left:1rem; padding-right:1rem; }
.pw2{ padding-left:2rem; padding-right:2rem; }
.pw3{ padding-left:3rem; padding-right:3rem; }
.pw4{ padding-left:4rem; padding-right:4rem; }
.pw5{ padding-left:5rem; padding-right:5rem; }
.pw10{ padding-left:10rem; padding-right:10rem; }

.pt1{ padding-top:1rem; }
.pt2{ padding-top:2rem; }
.pt3{ padding-top:3rem; }
.pt4{ padding-top:4rem; }
.pt5{ padding-top:5rem; }
.pt10{ padding-top:10rem; }

.pb1{ padding-bottom:1rem; }
.pb2{ padding-bottom:2rem; }
.pb3{ padding-bottom:3rem; }
.pb4{ padding-bottom:4rem; }
.pb5{ padding-bottom:5rem; }
.pb10{ padding-bottom:10rem; }

.pl1{ padding-left:1rem; }
.pl2{ padding-left:2rem; }
.pl3{ padding-left:3rem; }
.pl4{ padding-left:4rem; }
.pl5{ padding-left:5rem; }
.pl10{ padding-left:10rem; }

.pr1{ padding-right:1rem; }
.pr2{ padding-right:2rem; }
.pr3{ padding-right:3rem; }
.pr4{ padding-right:4rem; }
.pr5{ padding-right:5rem; }
.pr10{ padding-right:10rem; }






/****: Wordpress :****/
.alignnone,
.alignright,
.alignleft,
.aligncenter{
	vertical-align:top;
}
.alignnone{
}
.alignright{
	text-align:right;
}
.alignleft{
	text-align:left;
}
.aligncenter{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
img.alignright,
img.aligncenter{
	display:block;
}
img.alignright{
	float:right;
}
img.alignleft{
	float:left;
}
img{
	max-width:100%;
	height:auto;
}

@media screen and (min-width:480px){

}
@media screen and (min-width:750px){

}
@media screen and (min-width:870px){
}

/*---- Wordpress ----*/


/***** Login *****/
#login h1 a{
	width:100%;
	height:0;
	padding-bottom:30%;
	background-size:contain;
	background-image:url('parts/adminslogo.png');
}
#adminlink{
	text-align:center;
	line-height:1;
}
#adminlink a{
	text-decoration:none;
	line-height:2em;
}