@charset "UTF-8";


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;
    			padding:0;
    			border:0;
    			outline:0;
			line-height:1;
			font-size:100%;
			font-weight:normal;
			text-align:left;
    			vertical-align:baseline;
			}

ul,ol {list-style:none;}

body.campaign::after {background-color:#fff;}



main	{color:#000;
	paddign:0;
	margin:0;
	font-size:1rem;
	letter-spacing:1px;
 	font-family:"BIZ UDPGothic", serif;
  	font-weight:400;
  	font-style:normal;
	overflow:hidden;
	background-color:#fff;
	}
a,
a:link,
a:visited,
a:hover 	{border:none;
		text-decoration:none;
		border-bottom:none;
		}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section 	{display:block;}



/* タグで囲った部分以降を改行 */
.cssbr_pc::after	{content:"\A";
 			white-space:pre;}


div#FotterBnr	{display:none;}


/* ================= 　　▲ リセットここまで　 ==================  */





/*  ----------------  　▼共通装飾指定　　　　------------------- */


.underline_dot	{font:2.6rem;
		font-weight:bold;
		text-decoration:underline;
		text-decoration-style:dotted;
		text-decoration-thickness:3px;	
		text-decoration-color:#e20090;
		text-underline-offset:5px;
		}


.underline_dot_nomal	{text-decoration:underline;
			text-decoration-style:dotted;
			text-underline-offset:3px;	
			text-decoration-color:#e20090;
			}

.font_weit_b	{font-weight:bold;}

.fontsizeup1	{font-size:2rem;}
.fontsizeup2	{font-size:1.8rem;}


.fontsizedown1	{font-size:1rem;}
.fontsizedown2	{font-size:1.5rem;}
.fontsizedown3	{font-size:1.6rem;}
.fontsizedown4	{font-size:1.6rem;letter-spacing: -1px;}


.color_p	{color:#e20090;}
.color_p2	{color:#d30081;}
.color_p3	{color:#cd025d;}



/*  -----------    ヘッダー領域　元css上書き指定    -------------- */


header.hideNav	{font-size: 1rem;
		padding-top:30px;}

.el_headerBtnYellow {display:none;}/* 知ってるJKKボタン消し */

div.bl_headerUtils_r a.el_headerBtnRed:link  {color:#fff;}

	.el_headerBtnRed	{font-size:0.9rem;
				width:100%;
				white-space:nowrap;
				padding:0.7rem 2rem;
				}

	.el_headerBtnRed::after {width:0.9rem;
   				height:0.9rem;
   				top:50%;
   				right:0.9rem;
   				transform:translateY(-50%);
				background-repeat:no-repeat;
   				}


    .el_headerBtnMenu {font-size:1rem;}

    .bl_headerUtils_logo {width:280px;}

    .bl_headerUtils_chips {padding-top: 0.5rem;}


/* 3なしアイコン */
bl_headerUtils_l ul	{width:fit-content;}

    .bl_headerUtils_chips li	{padding: 0.4rem 1rem;
       				font-size: 0.7rem;}



       
/*  -----------    トップイメージ　タイトル領域    -------------- */


/* h1の文字のみ枠外へ */
h1.knyk_title_offscreen		{position:absolute;
				top:-1000px;
				left:-10000px;
				}  


main div.knyk_topbgbox	{width:100%;
			margin-bottom:3rem;
			background: linear-gradient(transparent 0% 90%, rgba(255, 255, 255, 1) 90% 100%),url(../img/illust_img/top_bg.jpg);
 			background-size:cover;
			position:relative;
			}

div.knyk_topimgbox	{max-width:1000px;
			width:100%;
			height:auto;
			margin:0 auto;
			display:flex;
			justify-content:space-around;
			position:relative;
			}


	/*  背景がはみ出てるのを隠している線  */
	div.knyk_topimgbox::after 	{content:"";
					display:inline-block;
					width:100%;
					height:2px;
					border-bottom:5px solid #fff;
					position:absolute;
					bottom:-2px;
					}


		div.knyk_topimg_jinbutu 	{max-width:47%;
						position:relative;
						right:-25%;
						}


			img.knyk_sitetitle	{max-width:55%;
						width:100%;  /* これ消さない */
						position:absolute;
						top:2rem;
						left:2rem;
						filter:drop-shadow(3px 3px 0 #FFD4F1);
						}

			img.top_img_check 	{max-width:28%;
						width:100px;
						position:relative;
						top:1.5em;
						left:23%;
						}

				img.top_img_main 	{max-width:500px;
							width:100%;}


	
	/* 　TOPチェックマーク　アニメーション   */
			img.top_img_check	{animation: poyoyon 1s cubic-bezier(0.12, 0, 0.39, 0) 0.5s forwards;}
 
					@keyframes poyoyon {
 						 0% 	{transform: translatey(40px);
							opacity:0;
  							}
 						50% {transform: translatey(0);
							}
 						65% {transform: translatey(20px);
							}
 						100% {transform: translatey(0);
							}
 						20%,100% {opacity:1;
							}
							   }


/*  ---------------      新着　おしらせ領域      ------------------ */



div.knyk_newinfobox	{width:100%;
			margin-bottom:3rem;
			background-color:#fff;}


	dl.info_main	{max-width:800px;
			width:100%;
			padding:2.2rem 1rem 2rem;
			margin:0 auto;
			border:1px solid #ccc;
			border-radius:8px 8px;
			box-shadow:0 0 9px #aaa;
			background-color:#fff;
			box-sizing:border-box;
			position:relative;
			}
		
		dl.info_main dt {width:fit-content;
				font-size:1.4rem;
				letter-spacing:1.5px;
				padding:0.5rem 1rem;
				background-color:#fff;
				border:1px solid #333;
				border-radius:50px 50px;
				position:absolute;
				top:-1.2rem;
				left:2rem;
				}

		dl.info_main dd	{width:90%;
				margin:0 auto;
				font-size:1.1rem;
				letter-spacing:2px;
				line-height:1.8rem;
				}

	



/*  ---------------    キャッチテキスト領域  z-index0/1/2   ------------------ */


section.knyk_catchtextbox	{width:100%;
				margin-bottom:7rem;
				background-color:#fff;
				}


	div.knyk_catchtext_bg	{max-width:800px;
				width:100%;
				margin:0 auto 2rem;
				text-align:right;
				position:relative;
				}
		
		div.knyk_catchtext_bg img	{display:block;
						max-width:300px;
						width:100%;
						z-index:1;
						}
			div.knyk_catchtext_bg img:first-child	{position:relative;
								top:1.5rem;}

			div.knyk_catchtext_bg img:last-child	{display:inline;
								position:relative;
								top:-1.5rem;
								}

				div.knyk_catchtext_bg::after 	{content:url("../img/illust_img/svg/flowr.svg");
								display:inline-block;
								max-width:16%;
								width:100%;
								transform:rotate(10deg);
								position:absolute;
								bottom:0;
								left:0.8rem;
								z-index:0;
								}



div.h2_positionbox			{width:100%;
					position:relative;
					display:flex;
					justify-content:center;
					z-index:2;
					}

div.h2_positionbox h2.catchtext 	{width:fit-content; 
					font-size:clamp(32px,4.8vw,48px);
  					font-family:"Yusei Magic", serif;
 					font-weight:200;
 					font-style:normal;
					padding-left:1rem;
					margin:0 auto;
					filter:drop-shadow(3px 3px 0 #ffed41);
					}

		h2 strong.catch_fontsizeup {font-size:clamp(52px,8vw,66px);}


		span.downtext::after	{content:"";
					display:inline-block;
					width:60px;
					height:1rem;
					}  	/*  W600以下は消す  */


section.knyk_catchtextbox p	{font-size:1.3rem;
				line-height:2.2rem;
				vertical-align:middle;
				text-align:center;
				}
			




/*  ---------------    過去分紹介　スライダー領域  z-index5/10/15 ----------------- */

article.knyk_kakohome_sliderbox {width:100%;
				position:relative;
				background-color:#fff;
				}

p.kakohome_infotext	{font-size:1.4rem;
			letter-spacing:2px;
			font-weight:bold;
			line-height:2.2rem;
			text-align:center;
			position:relative;
			}

	/* 過去物件　タイトル前テキストアニメ */
	p.kakohome_infotext{animation:info_poyopoyo 7s ease infinite;}
		
		@keyframes info_poyopoyo {
					0%	{top:0px;}
					5%	{top:5px;}
					8%	{top:0px;}
					12%	{top:4px;}
					18%	{top:0px;}
					20%	{top:0px;}
					50%	{top:0px;}
					100%	{top:0px;}					
					}


	
p.kakohome_slidertitle	{width:14rem;
			font-size:1.2rem;
			font-weight:bold;
			line-height:3.2rem;
			padding:0 1rem;
			margin:0 auto;
			text-align:center;
			letter-spacing:1px;
			border:3px solid #e20090;
			border-radius:100vh;
			background-color:#ffe200;
			position:relative;
			top:1.5rem;
			}

	p.kakohome_slidertitle::after	{content:"";
					display:inline-block;
					width:23px;
					height:1px;
					border-bottom:3px solid #e20090;
					position:absolute;
					bottom:-0.2rem;
					right:0.8rem;
					transform:rotate(-55deg);
					}


		.underline_solidpink	{text-decoration:underline 3.2px solid #f9aadb;
					text-underline-offset:7px;}



	/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
	スライダー指定 (flickity)    
	https://coliss.com/articles/build-websites/operation/css/css-only-carousel.html
	〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */


div.knyk_kakohome_sliderbg	{padding:2rem 0 4rem;
				margin-bottom:10rem;
				overflow:hidden;
				background-color:#FFC5EB;
				}

ul	{width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	}

	.gallery-cell	{position:relative;}

	.gallery-cell p	{font-size:0.75rem;
			line-height:1.2rem;
			padding:0 0.5rem 0 0.2rem;
			background-color:rgba(255,255,255,0.6);
			border-radius:2px 2px;
			position:absolute;
			top:0.5rem;
			left:2rem;
			z-index:5;
			}

	.gallery-cell p::before {content:"";
				display:inline-block;
				width:10px;
				height:10px;
				margin-right:0.2rem;
				border-radius:100vh;
				background-color:#000;
				line-heigth:1.2rem;
				}


		.gallery-cell img	{display:block;
  					width: 250px;
					min-width:250px;
 					height: 250px;
 	 				object-fit:cover;
 	 				border:3px solid #fff;
  					border-radius:10px 10px;
  					margin-top:2.5rem;
					margin-left:1.2rem;
						-webkit-box-sizing: border-box;
 	 				box-sizing: border-box;
					box-shadow:3px 3px 2px #D877B6;
					position:relative;
					top:-0.2rem;
 					}





/*  ---------------    結婚予定者制度 説明領域  z-index0　　--------------------- */

section.knyk_gaiyoubox	{width:100%;
			margin-bottom:9rem;
			position:relative;
			background-color:#fff;
			}


section.knyk_gaiyoubox>h3	{max-width:1000px;
				width:100%;
				padding:1rem 0;
				margin:0 auto 5rem;
				font-size:clamp(2.1rem,5vw,38px);
				text-align:center;
				background-image:repeating-linear-gradient(-45deg,#eee 0 8px,#ddd 8px 16px);
				box-shadow:1px 1px 0 #eee,
					   -1px -1px 0 #eee;
				box-sizing:border-box;
				} 	



div.knyk_gaiyou_main		{padding:2rem 3rem;
				margin:0 auto;
				border:4px solid #d30081;
				border-radius:30px 30px;
				box-sizing:border-box;
				background-color:#fff;
				position:relative;
				}

		div.knyk_gaiyou_main h4		{padding-left:0.3rem;
						text-align:center;
						background-color:#fff;
						position:absolute;
						top:-1rem;
						}


			div.knyk_gaiyou_main h4	span.topdot	{font-size:2rem;
								position:relative;}
			
			div.knyk_gaiyou_main h4	span.topdot::before	{content:"";
									display:inline-block;
									width:0.35rem;
									height:0.4rem;
									border-radius:100vh;
									background-color:#e20090;
									position:absolute;
									top:-0.9rem;
									left:49%;
									}

		div.knyk_gaiyou_main p		{font-size:1.2rem;
						line-height:2rem;}	

		div.knyk_gaiyou_main p strong	{font-weight:bold;
						color:#e20090;}	



div.knyk_gaiyo_bgbox	{width:100%;
			background:linear-gradient(#fff 0% 10%,#FAABDB 10% 80%,#fff 80% 100%);}



div.gaiyou_img_positionbox	{max-width:850px;
				width:90%;
				margin:0 auto;
				box-sizing:border-box;
				}

	div.gaiyou_img_positionbox img 	{display:inline-block;
					max-width:270px;
					width:100%;
					position:relative;
					top:-40px;
					left:calc(100% - 35%); 
					}


/*  下部　Q　2項目  */
div.gaiyo_point 	{max-width:800px;
			width:95%;
			padding-left:1rem;
			margin:3rem auto 0;
			position:relative;
			background-color:#fff;
			}

	div.gaiyo_point:last-child 	{padding-left:0;}


		div.gaiyo_point::before			{content:"Q";
							color:#FBC0E5;
							font-size:4rem;
							position:absolute;
							top:-1.5rem;
							left:-0.2rem;
							z-index:0;
							}


		div.gaiyo_point:last-child::before	{content:"Q";
							color:#FBC0E5;
							font-size:4rem;
							position:absolute;
							top:3rem;
							left:28%;
							z-index:0;
							}



	div.gaiyo_point h4	{font-size:1.5rem;
				font-weight:bold;
				letter-spacing:2px;
				padding-left:1.5rem;
				position:relative;
				filter:drop-shadow(2px 1px 0 #fff);
				}

			div.imgflex h4 {padding-left:1rem;}


	div.gaiyo_point p	{font-size:1.2rem;
				line-height:2rem;
				padding-top:1.2rem;
				}



.imgflex	{display:flex;
		justify-content:space-between;}

	.imgflex div 	{width:70%;
			height:7rem;
			padding-top:4.5rem;
			}	
	
	.imgflex img.gaiyo_img_m	{display:block;
					width:25%}






/*  ---------------      募集　公開日  z-index1　   ----------------- */


section.bosyu_opendaybox	{max-width:900px;
				width:100%;
				padding-bottom:2.5rem;
				margin:0 auto 2rem;
				border-radius:70px 70px;
				background-color:#ffe200;
				position:relative;
				box-sizing:border-box;	
				}

h3.knyk_openday	{width:15rem;
		padding:1.5rem 1.5rem;
		margin:0 auto;
		font-size:2rem;
		font-weight:bold;
		line-height:2rem;
		letter-spacing:2px;
		text-align:center;
		border:4px solid #000;
		border-radius:100vh;
		position:relative;
		top:-2.5rem;
		background-color:#ffe200;
		}


	.bosyu_opendaybox  h3::before	{content:""; 
					display:block;
					width:1.5rem;
					height:1rem;
					border-bottom:3px solid #000;
					position:absolute;
					bottom:-0.3rem;
					left:70%;
					transform:rotate(-45deg);
					}




	/* 動くハト */
.bosyu_img_hatobox	{width:25rem;
			height:110px;
			margin:0 auto;
			position:absolute;
			top:-3.5rem;
			left:50%;
			transform:translate(-50%,0);
			display:flex;
			justify-content:space-between;
			z-index:1;
			}

	img.anime_updown,
	img.anime_updown2	{animation: hatoup 3s ease-in-out infinite alternate;
				display: inline-block;
 				transition: 1.5s ease-in-out;
				width:100px;
				height:90px;
				margin-top: 15px;
				}
 
			@keyframes hatoup 	{
 						 0% {transform:translate(0, 0) rotate(-7deg);}
  
						50% {transform:translate(0, -7px) rotate(0deg);}
  							
						100% {transform:translate(0, 0) rotate(7deg);}
						} 


p.underline_dotline	{max-width:fit-content;
			width:100%;
			font-size:clamp(2rem, 1.733rem + 0.56vw, 2.4rem);
			font-weight:bold;
			text-align:center;
			line-height:2.2rem;
			margin:0 auto;
			border-bottom:5px dotted #fff;
			position:relative;
			}

	p.underline_dotline::after	{content:"";
					width:100%;	
					height:1px;
					display:block;
					border-bottom:5px dotted #e20090;
					position:relative;
					left:-1px;
					bottom:-2px;
					}


	p.underline_dotline>span:nth-of-type(7)	{font-size:1.2rem;}

p.knyk_openday_guid	{max-width: fit-content;
    			width: 85%;
    			margin: 0 auto;
    			font-size: 0.9rem;
    			line-height: 1.1rem;
			}






/*  ---------------  　  LINE案内領域  　----------------- */


article.knyk_line_infobox	{max-width:600px;
				width:90%;
				font-size:1.2rem;
				padding-bottom:0.4rem;
				margin:0 auto 12rem;
				position:relative;
				display:flex;
				flex-wrap:nowrap;
				gap:0.5rem;
				justify-content:center;
				align-items:center;
				border-bottom:3px solid #ffe110;
				background-color:#fff;
				}

	article.knyk_line_infobox p	{font-size:1rem;
					font-weight:bold;
					line-height:1.2rem;
					margin:0 0.5rem 0 0;
					}
		article.knyk_line_infobox p::after	{content:">>>";
							display:inline-block;
							width:2.5rem;
							padding-left:0.5rem;
							font-size:0.9rem;
							}


	

	article.knyk_line_infobox img	{display:block;width:50px;}
	article.knyk_line_infobox img.line_licon 	{display:block;width:50px;}
	article.knyk_line_infobox img.line_spicon	{display:block;width:40px;}
	article.knyk_line_infobox img.line_spicon	{display:block;width:40px;}




hr.stock_dotspace	{border:none;
			display:block;
			width:100%;
			height:50px;
			position:relative;
			bottom:-2rem;
			background-color: #ffffff;
  			background-image: radial-gradient(circle, #f9aadb 1px, transparent 1px);
  			background-position: 0 0;
  			background-size:8px 8px;
			}


/*  ---------------    　今月　物件データ 領域     ----------------- */


section.knyk_stocklistbox	{width:100%;
				padding-top:4.5rem;
				margin-bottom:8rem;
				position:relative;
				background-color:#FEE5FB ;
				}
	


div.stocklist_titlebox,
div.popcolor_2				{width:400px;
					height:75px;
					background:url("../img/illust_img/svg/pink_popup.svg") no-repeat -5%;
					background-size:cover;
					position:relative;
					top:-9rem;
					left:20vw;
					display:flex;
					justify-content:center;
					align-items:center;
					}

	div.popcolor_2	{background-image:url("../img/illust_img/svg/yellow_popup.svg")}



	h3.stocklist_title	{font-size:2rem;
				font-weight:bold;
				padding-top:0.2rem;
				position:relative;
				filter:drop-shadow(1px 2px 0 #fff);
				}

			h3.stocklist_title::before	{content:url("../img/illust_img/svg/daiya.svg");
							display:inline-block;
							width:50px;
							height:auto;
							position:absolute;
							top:-40px;
							left:220px;
							}

/* 免責テキスト */
p.stocklist_disclaimertext em 	{font-style:normal;
				text-decoration:underline;
				text-decoration-style:dotted;
				text-decoration-color:#67003F;
				text-decoration-thickness:2px;
				text-underline-offset:6px;
				fillter:drop-shadow(1px 1px 8px #fff);
				}

p.stocklist_disclaimertext	{color:#67003F;
				width:90%;
				font-size:0.92rem;
				line-height:1.6rem;
				margin:0 auto 0;
				text-align:center;
				position:relative;
				top:0.5rem;
				}




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

				個別住宅　紹介領域指定　
		
		--------------------------------------------------- 　*/


div.knyk_stocklist_flexbox	{max-width:768px;
				width:91%;
				height:auto;
				padding:0.5rem;
				padding-bottom:3rem;
				padding-left:1.5rem;
				margin:0 auto;
				border-radius:40px 40px;
				background-color:#fff;
				display:flex;
				justify-content:flex-start;
				position:relative;
				box-sizing:border-box;
				}

		div.listitem_bgcolorbox:nth-of-type(1)	{margin-top:2rem;}

		div.listitem_bgcolorbox:nth-of-type(4)	{position:relative;}

		div.listitem_bgcolorbox:nth-of-type(4)::before	{content:"";
								display:block;
								width:120px;
								height:120px;
								background:url("../img/illust_img/cake.png") no-repeat;
								background-size:cover;
								position:absolute;
								top:-2.5rem;
								right:5%;
								}


		div.listitem_bgcolorbox:nth-of-type(2n) div.knyk_stocklist_flexbox	{border:3px solid #e20090;}

		div.knyk_stocktext table td.text_nowrap {white-space:nowrap;}


	/* 各住戸の上余白指定 */
	div.listitem_bgcolorbox				{padding-top:8rem;}
	div.listitem_bgcolorbox:nth-of-type(1)		{padding-top:0;}
	div.listitem_bgcolorbox:nth-of-type(even)	 {padding:8rem 0 0; 
							 background-color:#fff;}

	p.group_label	{width:fit-content;
			font-size:1.1rem;
			font-weight:bold;
			text-align:center;
			letter-spacing:1.5px;
			line-height:2rem;
			padding:0 1.5rem;
			border:3px solid #f9aadb;
			border-radius:100vh;
			background-color:#fff;
			display:inline-block;
			position:absolute;
			top:-3rem;
			left:0;
			box-sizing:border-box;
			}


		div.listitem_bgcolorbox:nth-of-type(2n) p.group_label	{color:#fff;
									border-color:#e20090;
									background-color:#e20090;}


	/* フレックスボックス　2つの住戸画像と作用順を変更 */
	div.knyk_stocktext	{order:1;}



/*  住戸名　家賃等領域  */

div.knyk_stocktext	{width:57%;
			padding-top:0.5rem;
			box-sizing:boder-box;
			}

	div.knyk_stocktext h4	{width:100%;
				font-size:1.4rem;
				font-weight:bold;
				letter-spacing:1.5px;
				/*line-height:4rem;*/
				padding:1.6rem 0;
				text-align:center;
				border-bottom:3px solid #d30081;
				border-radius:0;
				}	


	div.knyk_stocktext table caption  {display:none;}

	div.knyk_stocktext table	{width:100%;}
	div.knyk_stocktext table tr	{border-bottom:3px solid #d30081;}

	div.knyk_stocktext table tr:nth-of-type(4),
	div.knyk_stocktext table tr:nth-of-type(5)	{border:none;}
	
	div.knyk_stocktext table th,td	{line-height:2.5rem;}
	div.knyk_stocktext table th	{color:#d30081;
					width:32%;
					padding:0;
					font-size:clamp(0.9rem,2.3vw,1.1rem);
					font-weight:bold;
					}

	/* 　所在地の行のみflexbox　thの幅変更　文字落ち対策のため  */
	div.knyk_stocktext table tr:nth-of-type(3)	{width:310%;
							display:flex;
							justify-content:spase-between;
							align-items:center;
							}

	div.knyk_stocktext table tr:nth-of-type(3) td	{width:80%;}
	div.knyk_stocktext table tr:nth-of-type(3) th	{display:inline-block;
							width:20%;
							}


	div.knyk_stocktext table td	{text-align:right;}

	div.knyk_stocktext table td.last_wrap	{font-size: 0.9rem;
    						height: 7rem;
    						text-align: left;
    						line-height: 1.4rem;
						}



/*  ----------- 図面展開　全体指定    -------------- */


.modal-wrapper	{padding:40px 10px;
 	 	text-align:center;
		position:relative;
	 	position:fixed;
 	 	top:0;
	 	left:0;
 	 	right:0;
 	 	bottom:0;
		z-index:100;
 		overscroll-behavior: contain;
   		overflow-y:scroll;
		}


/* スクロール止め */
.modal-wrapper::-webkit-scrollbar {display: none;}

div.nonScroll 	{height:calc(100vh + -50px) ;
   		 width: 1px;
   		 background-color: transparent;
		}


	div.nonScroll::after 	{content: "";
   				display: block;
   				width:100vw;
    		    		height:15px;
				/*border-top:1px solid #7f7f7f;*/
    				background-color: rgba(0, 0, 0, 0.5);
    				position: absolute;
    				left: 0;
   				bottom:-15px;
				}

.modal-wrapper:not(:target) 	{opacity: 0;
  				visibility: hidden;
  				transition: opacity .3s, visibility .3s;
				}

	.modal-wrapper:target	{opacity: 1;
  				visibility: visible;
  				transition: opacity .4s, visibility .4s;
				}

	.modal-wrapper::after 	{content: ""
				display: inline-block;
  				height: 100%;
 				margin-left: -.05em;
  				vertical-align: middle;
				}


/* 白表示範囲*/
.modal-wrapper .modal-window	{vertical-align: middle;
				width:fit-content;
				padding:5px 0;
				border:3px solid red;
				border-radius:10px 10px;
				background:#fff;
				box-shadow:0 0 30px rgba(0, 0, 0, .5);
				display:inline-block;
				position: relative;
				z-index: 20;
				}


/* 黒範囲　*/
.modal-overlay {z-index:10;
		position:absolute;
  		top: 0;
  		right:0;
  		bottom:0;
  		left:0;
  		background:rgba(0, 0, 0, 0.5);
		}


/* ×ボタン指定 */
.modal-wrapper .modal-close 	{color:#fff;
				display:block;
 				width:40px;
				height:40px;
				line-height:2.5rem;
				font-size:1.5rem;
				font-weight:700;
				text-align:center;
				background-color:#e20090;
				border-radius:5px 5px;
				position:absolute;
 				top:2%;
  				right:2%;
				z-index:20;
				}


/* 2ボタンエリア */

div.knykstock-2linkbox 	{max-width:740px;
			width:100%;
			height:100px;
			padding-left:1rem;
			margin:0 auto;
			display:flex;
			flex-wrap:nowrap;
			align-items:center;
			gap:0.8rem;
			position:relative;
			top:-3.5rem;
			left:2rem;
			}


	div.knykstock-2linkbox img	{display:block;
					max-width:80vw;
					width:100%;
					}




/* 白範囲 パディング内側 縦方向伸縮作用 */
div.modal-content	{display:flex;
			width:80vh;
			justify-content:center;
			align-items:center;
			padding:0;
			margin:0;
			}

/* 白範囲　赤ボーダー外まわり*/
div.modal-window	{padding:0;position:relative;}

/* 白範囲を中心表示 */
div.knykstock-2linkbox div 	{display:flex;
				justify-content:center;
				align-items:center;
				}



/* 白範囲 パディング内側2 */
.modal-wrapper .modal-window .modal-content	{max-height: 80vh;
  						overflow: hidden;}


/*  住戸個別 2リンク指定  */
div.knyk_stock_linkbox	{max-width:760px;
			width:100%;
			height:100px;
			margin:0 auto;
			display:flex;
			flex-wrap:nowrap;
			align-items:center;
			gap:0.8rem;
			position:relative;
			top:-3.5rem;
			left:2rem;
			}

	 div.knyk_stock_linkbox a	{width:9rem;
					display:block;
					text-align:;
					line-height:3.5rem;
					font-weight:bold;
					padding:0 1rem;
					border:3px solid #fff;
					border-radius:100vh;
					background-color:#ffe200;
					box-sizing:border-box;
					box-shadow:2px 3px 0 #C1007B;
					}

/* 詳細へのリンクボタン */
a.stock_blink_2	{color:#fff;
		width:9rem;
		display:block;
		text-align:center;
		line-height:3.5rem;
		font-weight:bold;
		padding:0 1rem;
		border:3px solid #fff;
		border-radius:100vh;
		background-color:#e20090;
		box-sizing:border-box;
		box-shadow:2px 3px 0 #C1007B;
		}


		/* a.stock_blink_2::after 	{content:"";
					display:inline-block;
					width:12px;
					height:8px;
					margin-left:0.5rem;
					background-color:#fff;
					clip-path:polygon(0 100%,50% 0,100% 100%);
					transform:rotate(90deg);
					position:relative;
					top:-1px;
					}  */


		a.stock_blink_2::after {content: "";
    					display: inline-block;
    					width: 12px;
    					height: 8px;
    					margin-left: 0.5rem;
    					background-color: #fff;
    					clip-path: polygon(0 100%, 50% 0, 100% 100%);
    					transform: rotate(90deg);
    					position: absolute;
    					top: 48%;
    					}





div.knykstock-2linkbox a.stock_blink_2:hover,
div.knykstock-2linkbox p.pop_b_box:hover	{position:relative;
						top:1px;left:1px;
						box-shadow:1px 2px 0 #C1007B;}

div.knykstock-2linkbox a.stock_blink_2:hover	{background-color:#F30090;}
div.knykstock-2linkbox p.pop_b_box:hover	{background-color:#FFF200;}








p.pop_b_box		{border:3px solid #fff;
			border-radius:100vh;
			background-color:#ffe200;
			box-sizing:border-box;
			box-shadow:2px 3px 0 #C1007B;
			}
	

	p span.pop_b 			{color:#000;
					display:block;
					text-align:center;
					line-height:3.5rem;
					font-weight:bold;
					padding: 0 1rem 0 1.2rem;
					}




/* ポップアップwindow部分 */

#overlay 	{visibility:hidden;
    		position:absolute;
    		left:0;
    		top:0;
    		z-index:70;
    		width:100%;
    		height:100%;
		}


	/* 薄灰背景 */
#bg_gray	{background: rgba(0,0,0,0.5);
    		width:100%;
    		height:100%;
    		position:fixed;
    		left:0;
    		top:0;
    		z-index:80;
		}


	/* 展開ウィンドウ */
#window {max-width:70vh;
	width:90%;
   	padding:3rem 0;
    	position:fixed;
    	left:50%;
    	top:50%;
    	transform: translate(-50%,-50%);
    	background:#fff;
    	border:4px solid red;
    	border-radius:10px;
    	box-shadow:0px 0px 20px -6px rgba(0,0,0,0.6);
    	z-index:90;
    	opacity:0;
	}


/* 閉じるボタン -----------------------------
#btn_cloth 	{position:absolute;
    		top:20px;
   		 right:20px;
   		 width:40px;
    		height:40px;
    		display:flex;
    		justify-content:center;
    		align-items:center;
    		background-color:#CE5D8B;
    		border-radius:5px;
    		z-index:100;
    		cursor:pointer;
		}

#btn_cloth:hover {opacity: 0.7;}

#btn_cloth span,
#btn_cloth span::before 	{display:block;
   			 	height:3px;
    				width:25px;
    				border-radius:3px;
    				background:#fff;
				}

#btn_cloth span {transform:rotate(45deg);}

#btn_cloth span::before {content:"";
  			position:absolute;
    			bottom:0;
    			transform:rotate(-90deg);
			}
----------------------------------------------------*/




/* クリックで表示 */
#popup:checked ~ #overlay {visibility: visible;}

#popup:checked ~ #overlay #window 	{animation: fadein 500ms forwards;
    					animation-timing-function: ease-in-out;}
@keyframes fadein {
    100% 	{opacity: 1;}
}


/* コンテンツ部分のスタイル */

#txt_label 	{cursor: pointer;}

#txt_label:hover { opacity: 0.7;}




/* 図面ポップアップ指定　ここまで　 */



/* 画面伸縮　閉じる×ボタンの調整 */
@media only screen and (max-height:250px) {

.modal-wrapper .modal-close 	{width:20px;
				height:20px;
				line-height:1.4rem;
  				font-size:1rem;
				font-weight:500;
 				top:2%;
  				right:2%;
				z-index:20;
				}
}




/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
   個々物件スライダー　2枚表示 w1980-w700 z-index10/30	
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */

@media screen and (min-width:650px) and ( max-width:1980px) {

div.knyk_stocklist_flexbox .flickity-prev-next-button,
div.knyk_stocklist_flexbox .flickity-page-dots	{display:none;}/* 左右ボタン・下部インジケーター消 */

div.knyk_stocklist_flexbox ul.knyk_stockslid {pointer-events: none;}/* 操作停止 */

div.knyk_stocklist_flexbox ul.knyk_stockslid li:nth-child(3),
div.knyk_stocklist_flexbox ul.knyk_stockslid li:nth-child(4),
div.knyk_stocklist_flexbox ul.knyk_stockslid li:nth-child(5),
div.knyk_stocklist_flexbox ul.knyk_stockslid li:nth-child(6),
div.knyk_stocklist_flexbox ul.knyk_stockslid li:nth-child(7),
div.knyk_stocklist_flexbox ul.knyk_stockslid li:nth-child(8) {display:none;}/* 1・2枚目以外消し */


ul.knyk_stockslid	{max-width:280px;
			width:100%;
			position:absolute;
			top:-18%;
			left:62%;
			order:2;
			}


	ul.knyk_stockslid li.f1_i,li.f2_i	{display:contents;
						position:relative;
						width:280px;  
						height:500px;
						}


	ul.knyk_stockslid li div.f1		{width:280px;
						paddgin:0; 
						z-index:30;
						}

	ul.knyk_stockslid li div.f2		{width:300px;
						margin-top:-60px;
						margin-left:-1.5rem;
						z-index:10;
						}

ul.knyk_stockslid img 	{max-width:250px;
			width:100%;
			max-height:250px;
			object-fit:cover;
			border:3px solid pink;
			border-radius:10px 10px;
			box-sizing:border-box;
			box-shadow:none;
			}

div.knyk_stocklist_flexbox .flickity-viewport	{overflow:visible;}/* 表示領域の非表示解除 */

}/* スライダーw650以上　ここまで */






/*  ---------------    注意・検索領域   ----------------- */


section.knyk_attentbox	{width:100%;
			text-align:center;
			margin-bottom:3rem;
			position:relative;
			background-color:#fff;
			}


	h5.knyk_attent_title	{color:#cd025d;
				max-width:760px;
				width:100%;
				font-size:1.5rem;
				line-height:2.2rem;
				text-align:center;
				margin:0 auto 2rem;
				background-color:#ffeeee;
				border:3px dotted #cd025d;
				border-radius:100vh;
				}


section.knyk_attentbox ul.knyk_attent_list	{max-width:760px;
						width:100%;
						margin:0 auto 1.5rem;
						border:none;
						box-sizing:border-box;
						}



	section.knyk_attentbox ul.knyk_attent_list li	{width:100%;
							padding:1.5rem 0;
							border-bottom:3px dotted #db6060;
							display:flex;
							justify-content:space-around;
							align-items:center;
							position:relative;
							}

			section.knyk_attentbox ul.knyk_attent_list li:nth-of-type(3)	{border:none;}


	section.knyk_attentbox ul.knyk_attent_list li p {width:70%;
							font-size:1.2rem;
							line-height:1.8rem;
							}

	section.knyk_attentbox ul.knyk_attent_list li::before	{content:"";
								display:block; 
								width:60px;
								height:60px;
								margin-left:2rem;
								background:url("../img/illust_img/svg/checkmark.svg") no-repeat;
								background-size:contein;
								box-sizing:border-box; 
								}

			section.knyk_attentbox ul.knyk_attent_list li:nth-of-type(4)::before	{content: none;}


/* 　ユーザー登録バナー  */
section.knyk_attentbox ul li.userlink_b_line	{padding:0 1rem 3rem;
						display:flex;
						justify-content:flex-end;
						box-sizing:border-box;
						}
				 

section.knyk_attentbox ul.knyk_attent_list li a.user_b	{color:#fff;
							width:300px;
							font-size:1.5rem;
							line-height:2rem;
							letter-spacing:1px;
							text-align:center;
							padding:0.5rem 0.5rem 0.2rem;
							background-color:#CD0706;
							border-radius:100vh;
							display:inline-block;
							box-shadow:1px 3px 0 #FB9574;
							position:absolute;
							}

	section.knyk_attentbox ul.knyk_attent_list li a.user_b:hover	{opacity:0.85;}

	span.user_b_st	{color:#fccf00;
			font-size:0.9rem;
			font-weight:bold;
			text-align:center;
			display:block;
			}


/*  注意下　2行リンク  */
section.knyk_attentbox p.attent_link_line	{max-width:760px;
						width:100%;
						text-align:left;
						letter-spacing:2px;
						line-height:2rem;
						padding-left:1rem;
						margin:0 auto;
						}

	section.knyk_attentbox p.attent_link_line a	{color:#cd025d;
							font-weight:bold;
							letter-spacing:1px;
							text-decoration:underline;
							text-underline-offset:3px;
							}

	section.knyk_attentbox p.attent_link_line span::before	{content:"";
								display:inline-block;
								width:1rem;
								height:1rem;
								margin-right:0.5rem;
								background-color:#000;
								border-radius:100vh;
								}

	section.knyk_attentbox p.attent_link_line a:hover	{opacity:0.6;}


/* 　 下矢印画像からフッター前まで　 */

div.knyk_kensakubox	{width:100%;
			margin-bottom:8rem;
			position:relative;
			text-align:center;
			background-color:#fff;
			}


		div.knyk_kensakubox>img {position:relative;
					animation:p_arrw 2s ease-in-out infinite;}
			
			@keyframes p_arrw {
					0% 	{top:0;}
					15% 	{top:3px;}
					35% 	{top:6px;}
					55% 	{top:10px;}
					75% 	{top:6px;}
					95%	{top:3px;}
					100% 	{top:0;}
					100%	{top:0;}
					}



div.knyk_kensakubox p.knyk_kensakutext1	{width:fit-content;
					font-size:clamp(1.1rem,2.5vw,1.5rem);
					font-weight:bold;
					margin:2rem auto 1rem;
					text-shadow:2px 2px 0 #fccf00;
					}

	div.knyk_kensakubox p.knyk_kensakutext1 span	{font-weight:bold;}


div.knyk_kensakubox p.knyk_kensaku_btn,
div.knyk_kensakubox p.knyk_kensaku_btn_sp	{max-width:450px;
						width:100%;
						margin:0 auto 1rem;
						position:relative;
						}

	div.knyk_kensakubox p.knyk_kensaku_btn a,
	div.knyk_kensakubox p.knyk_kensaku_btn_sp a				
						 	{color:#e20090;
							font-size:1.8rem;
							line-height:2.5rem;
							padding:2.5rem 4.5rem 2.5rem 3rem;
							text-align:center;
							text-decoration:underline;
							text-underline-offset:5px;
							border:5px solid #e20090;
							border-radius:100vh;
							background-color:#FEE5FB;
							position:relative;
							display:block;
							box-shadow:0 4px 0 #8E0057;
							}

		div.knyk_kensakubox p.knyk_kensaku_btn a:hover {opacity:0.8;
								top:2px;
								box-shadow:0 2px 0 #8E0057;
								}


		div.knyk_kensakubox p.knyk_kensaku_btn a::after {content:url("../img/illust_img/svg/kensaku_te.svg");
								display:inline-block;
								width:2.5rem;
								height:2rem;
								position:absolute;
								top:2rem;
								right:2rem;
								transform:rotate(-15deg);
								}

p.knyk_kensakutext2	{color:#222;
			font-size:0.9rem;
			text-align:center;
			letter-spacing:1px;
			}



/* SP用リンク消し */
p.knyk_kensaku_btn_sp {display:none;}






/* ------------------   フッター (元cssへの上書き指定　 ------------------ */

footer 	{color:#333;
	box-shadow:-1px 0 5px #aaa;
	background-color:rgba(255,255,255,0);
	position:relative;
	padding:0 2rem;
	font-size:1rem;
	}

		/* 教会svg */
		footer::before		{content:"";
					display:block;
					width:120px;
					height:110px;
					background:url("../img/illust_img/svg/church.svg") no-repeat;
					background-size:contein;
					position:absolute;
					top:-6.5rem;
					left:calc(100vw - 30%);
					}
/* 住所テキスト */
p.txtS	{font-size:clamp(0.85rem,1vw,1rem);
	position:relative;}

	div.ftInfo .ftInfoData	{border-left: solid 1px rgba(000, 000, 000, 0.4);
   				padding: 0 40px;}

/* お問合わせbtn */
footer div.ftBtn {border-color:#aaa;}


.ftInfo .ftBtn a 	{font-size:0.9rem;
    			position: relative;
   			display: inline-block;
   			border: solid 1px rgba(000,000,000,0.5);
   			padding: 15px 60px 15px 50px;
   			border-radius: 6px;
   			white-space: nowrap;
			}

	.ftInfo .ftBtn a:after {content: "";
    				position: absolute;
   				background-image: url(https://www.to-kousya.or.jp/content/000012755.svg);
   				background-position: center;
    				background-size: contain;
				border:none;
				text-decoration:none;
   				width:1rem;
    				height:1rem;
    				top: 50%;
    				right: 1.5rem;
    				transform: translateY(-50%);
				}



.ftInfo 	{max-width: 1076px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		padding:3rem 0;
		}


/* ロゴの表示 */

.ftInfo .ftLogo {position: relative;
		padding: 0 30px 4px 0;
		max-width:260px;
		width:100%;
		margin-right:1.5rem;
		}

footer p.ftLogo img	{position:relative;
			visibility:hidden;/* もとの白img消し */}

	footer p.ftLogo		{background:url("https://www.to-kousya.or.jp/chintai/shitteru/common/img/logo_jkk.svg") no-repeat;
				background-size:cover;}


p.ftCopy {background-color:#fff;}



/* 2枚画像のサイズ縮小 */
@media screen and (min-width:650px) and (max-width:690px){

	ul.knyk_stockslid	{max-width:268px;}
}




/*--------------------------------------------------▼▼▼　タブレット SP対応　ここから ▼▼▼----  */

@media screen and (max-width: 961px) {

	/* ヘッダー範囲 */
	header.hideNav	{font-size:0.9rem;
			padding-top:5px;}
	
	/* ロゴサイズ */
    	.bl_headerUtils_logo {width:166px;}
	.el_headerBtnMenu {font-size:0.9rem;}

}
@media screen and (max-width:768px){


	p.underline_dotline	{width: 95%;
				line-height: 2.4rem;}

	/* 下部　注意文エリア */
	h5.knyk_attent_title	{width:90%;
				margin-bottom:0;}				

	section.knyk_attentbox ul.knyk_attent_list	{width:90%;}

	p.attent_link_line span	{padding-left:1rem;}


	article.knyk_line_infobox {margin-bottom:10rem;}

	section.knyk_attentbox ul.knyk_attent_list li:nth-of-type(4)	{padding-top:0.5rem;}



	/* 間取り図 白範囲 パディング内側2 */
	.modal-wrapper .modal-window .modal-content	{max-width: 98vw;
 	 						overflow: hidden;}


}/* w768 ここまで*/


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

p.underline_dotline		{width: 89%;
				line-height: 2.4rem;}

}


@media screen and (max-width:649px){


	/* 過去住戸　ドット領域の背景色*/
	article.knyk_kakohome_sliderbox ol.flickity-page-dots	{padding-top:0.5rem;
								background-color:#FFC5EB;}

	article.knyk_kakohome_sliderbox ol.flickity-page-dots::after	{content:"";
									display:inline-block;
									width:100%;
									height:1rem;
									background-color:#FFC5EB;
									position:absolute; 
									left:0;
									top:1.4rem;
									}


	/* ケーキの画像 */
	div.listitem_bgcolorbox:nth-of-type(4)::before	{width:100px;
							height:100px;}
							

	/* 市名 */
	p.group_label		{left:2rem;}




	/* 個別住戸情報 */
	div.knyk_stocklist_flexbox 	{padding:0 1rem 3rem;
			    		display:block;}


	div.knyk_kakohome_sliderbg	{padding-bottom:1rem;overflow:visible;}
 
	div.type2 	{width:100%;
			margin:0;
			padding-top:0;
			background-color:transparent;
			position:relative;
			left:-10%;
			}


	/* 詳細情報table */
	div.knyk_stocktext	{width:90%;
				margin:0;
				padding:0;
				padding-top:2rem;
				margin:0 auto;
				}

		/* 　所在地thの幅変更　文字落ち対策やめ  */
	div.knyk_stocktext table tr:nth-of-type(3)	{width:100%;
							display:revert;}

	div.knyk_stocktext table tr:nth-of-type(3) td	{width:auto;}
	div.knyk_stocktext table tr:nth-of-type(3) th	{display:inline;
							width:auto;
							}


	/*  個別 2ボタン　*/
	div.knykstock-2linkbox	{width:100%;
				padding:0;
				gap:1.5rem;
				justify-content:center;
				position:relative;
				top:-3.5rem;
				left:0;
				}

	div.knykstock-2linkbox a	{text-align:center;}

	p span.pop_b 		{width:100%;}




	/* スライダー表示調整 */
	.flickity-slider 	{position: absolute;
				width:100%;
				height: 100%;
				}

	.flickity-viewport	{width:100%;
				height: 100%;
				overflow:visible;
				position:relative;
				}

	/*   	スライダー左右　ボタン位置  	*/
	.flickity-prev-next-button.previous 	{top:55%;left:29px;} 
	.flickity-prev-next-button.next 	{top:55%;right:25px;}



	ul.knyk_stockslid img 	{max-width:260px;
				width:100%;
				height:250px;
				object-fit:cover;
				border:3px solid pink;
				border-radius:10px 10px;
				margin:2.5rem 0.7rem 1rem;
				box-sizing:border-box;
				box-shadow:none;
				}


	/* -------- フッター変化 　------------ */

	footer {padding:0;}

	.ftInfo .ftLogo img {width:100%;}

	div.ftInfo .ftInfoData	{border:none;
				padding:0;
				margin:0;
				}


	.txtS:before {margin-bottom:0 !important;}


}/*  w649ここまで */
@media screen and (max-width: 639px){

	.ftInfo .ftInfoData .txtS,
	.ftInfo .ftBtn 			{font-size: 1rem !important;}






}
 					
@media screen and (max-width:600px){	

	span.downtext::after	 {display:none;}

	.cssbr_pc::after	{content:"";
 				white-space:pre-line;}

	.cssbr_w600::after	{content:"\A";
 				white-space:pre;}


	/* キャッチテキスト */
	div.knyk_catchtext_bg	{width:98%;}


	section.knyk_catchtextbox p	{width:90%;
					text-align:left;
					margin:0 auto;
					}

		span.fontsizedown2	{display:block;
					max-width:90%;
					width:100%;
					text-align:right;
					}


	div.knyk_catchtext_bg::after 	{max-width:100px;
					left:-0.2rem;}




	/* 概要の小タイトル文字サイズ */
	div.knyk_gaiyou_main h4		{max-width:fit-content;
					width:100%;
					text-arlign:center;
					}

	div.knyk_gaiyou_main h4	.fontsizedown3	{font-size:1.4rem;}

	div.knyk_gaiyou_main h4	span.topdot	{font-size:1.8rem;}
			
	div.knyk_gaiyou_main h4	span.topdot::before	{left:40%;}


	/* 概要の女性イラスト位置 */
	div.gaiyou_img_positionbox img 	{left:48%;}



	/* 募集開始日エリア */
	section.bosyu_opendaybox	{max-width:100%;
					border-radius:0;}			

	h3.knyk_openday	{width:12rem;
			padding:1rem 2rem;
			margin:0 auto;
			font-size:1.5rem;
			}

		/* 動くハト */
		.bosyu_img_hatobox	{width:23rem;}

		img.anime_updown,
		img.anime_updown2	{width:100px;
					height:90px;}


	/*  対象月の見出し  */
	div.stocklist_titlebox,
	div.popcolor_2		{top:-9rem;
				left:50%;
				transform:translate(-90%,0);
				display:flex;
				justify-content:flex-end;
				}

	h3.stocklist_title	{font-size:2rem;
				padding-right:3rem;}

			h3.stocklist_title::before	{width:40px;
							top:-40px;
							left:180px;
							}

	/* LINE案内　記号消し */
	article.knyk_line_infobox p::after	{content:none;}



	/* LINE領域  */
	.cssbr_sp2::after	{content:"";
 				white-space:revert;}

	article.knyk_line_infobox img.line_licon 	{width:70px;}


	/* 間取り　白範囲 パディング内側2 */
.modal-wrapper .modal-window .modal-content 	{max-height: 100%;
 						max-width: 98vw;
 						overflow: hidden;
						}



	
}/* 　w600 ここまで　 */

@media screen and (max-width:500px){


	.cssbr_w500::after	{content:"\A";
 				white-space:pre;}
		
	dl.info_main	{max-width:100%;
			width:100%;}


	/* ロゴサイズ */
    	.bl_headerUtils_logo {width:150px;}


	/* 新着囲みをワイド幅へ */
	dl.info_main	{max-width:100%;
			width:100%;
			border-radius:0px;
			}


	/* キャッチテキスト */
	div.h2_positionbox h2.catchtext {width:90%;
					text-align:center;
					line-height:2.5rem;
					}


	div.gaiyo_point:last-child::before	{top:3rem;
						left:33%;
						z-index:0;
						}


	span.cssbr_sp::after	{content:"\A";
 				white-space:pre;}



	/* 概要　Q2項目文字サイズ */
	div.gaiyo_point h4	{font-size:1.2rem;
				padding-left:0.7rem;
				letter-spacing:0;
				}

	div.gaiyo_point 	{width:90%;}

			.imgflex div 	{width:62%;
					padding-top:4.5rem;}	
	
			.imgflex img.gaiyo_img_m	{display:block;
							width:35%;
							padding-top: 3rem;
							}

	div.gaiyo_point span.fontsizeup4	{font-size:1.5rem;}

	div.gaiyo_point p	{line-height:1.5rem;}



 	/* LINE案内のテキスト */
	article.knyk_line_infobox p	{font-size:0.9rem;
					margin-left:0.5rem;}


	section.knyk_stocklistbox	{padding-top:4rem;}



	/* 個別　交通部分 */
	div.knyk_stocktext table td.last_wrap	{height:auto;}


	/*  注意事項・検索領域 */
	section.knyk_attentbox	{margin-bottom:4rem;}

	h5.knyk_attent_title	{width:90%;
				margin:0 auto 1.5rem;}


	section.knyk_attentbox ul.knyk_attent_list	{width:90%;}


	section.knyk_attentbox ul.knyk_attent_list li	{justify-content:center;
							align-items:center;
							gap:1.5rem;
							}


	section.knyk_attentbox ul.knyk_attent_list li::before	{width:50px;
								height:50px;
								margin-left:0;
								}


	/* 　ユーザー登録バナー  */
	section.knyk_attentbox ul li.userlink_b_line	{padding:0;
							display:flex;
							justify-content:center;
							}
				 

	section.knyk_attentbox ul.knyk_attent_list li a.user_b	{color:#fff;
								width:70%;
								padding:0.5rem 1rem;
								margin-bottom:1rem;
								font-size:1.5rem;
								line-height:1.5rem;
								position:relative; 
								}

	section.knyk_attentbox ul.knyk_attent_list li:nth-of-type(3)	{padding-bottom:0.5rem;}




}/* w500　ここまで　*/
@media screen and (max-width:480px){


	div.knyk_stocktext table th,td	{line-height:2rem;}


}/* w480 ここまで　 */
@media screen and (max-width:430px){


	.cssbr_w600::after	{content:" ";
 				white-space:pre-line;}

	.cssbr_sp2::after	{content:"\A";
 				white-space:pre;}

	p.knyk_kensaku_btn	{display:none;}
	p.knyk_kensaku_btn_sp	{display:block;}


	/* ロゴ　三メニュー横余白削除*/
	.ly_header_inner {padding:0;}


   	 div.knyk_stocklist_flexbox div.knyk_kakohome_sliderbg {margin-bottom:0;}


	/* キャッチ囲み */
	div.knyk_catchtext_bg	{width:95%;}

	div.knyk_catchtext_bg::after 	{max-width:100px;
					bottom:1.5rem;
					left:0;
					}


	/* 過去スライダー見出しサイズ */
	p.kakohome_infotext	{font-size:1.2rem;
				letter-spacing:1px;}

	/* スライダー下余白 */
	div.knyk_kakohome_sliderbg	{margin-bottom:7rem;}

	/* 概要見出しサイズ */
	section.knyk_gaiyoubox>h3	{font-size:1.7rem;}

	/* 概要テキスト+画像 */
	div.knyk_gaiyou_main		{padding:2rem 1.8rem;}

	div.gaiyou_img_positionbox img 	{max-width:250px;
					width:100%;
					position:relative;
					top:-40px;
					left:40%; 
				 	}


	.imgflex div	{width: 62%;
        		padding-top: 2rem;}

   	 div.gaiyo_point:last-child::before	{top: 0;
       					 	left: 33%;
        					z-index: 0;
						}




	/* 公開日エリア調整 */
	p.underline_dotline	{letter-spacing:0;}
				

		/* 動くハト */
		.bosyu_img_hatobox	{width:21rem;
					top:-3.5rem;
					left:50%;
					}
		img.anime_updown,
		img.anime_updown2	{width:85px;
					height:75px;}


	/*  w430  LINE案内領域  */
	article.knyk_line_infobox	{max-width:100%;
					width:85%;
					padding:0 0.2rem 0.4rem;
					}

	article.knyk_line_infobox p	{font-size:0.85rem;
					font-weight:bold;
					line-height:1.2rem;
					margin:0 0.3rem 0 0;
					}

	article.knyk_line_infobox img.line_spicon,
	article.knyk_line_infobox img {display:none;}
	article.knyk_line_infobox img.line_licon	{display:block;width:65px;}


	/*  対象月の見出し  */
	div.stocklist_titlebox,
	div.popcolor_2			{transform:translate(-85%,0);}

	h3.stocklist_title	{font-size:1.8rem;}
	div.stocklist_titlebox h3.stocklist_title .fontsizedown3	{font-size:1.4rem;}



	/* 図面　ウィンドウ部分 */
	#window {max-width:100%;
    		width:95%;
		padding:3rem 0;
   	 	position:fixed;
    		left:50%;
    		top:50%;
    		transform:translate(-50%,-50%);
    		background:#fff;
    		border:4px solid red;
    		border-radius:10px;
   	 	box-shadow:0px 0px 20px -6px rgba(0,0,0,0.6);
    		z-index:90;
    		opacity:0;
		overflow:hidden;
		}

	div.knykstock-2linkbox 	{padding-left:0;
				gap:8px;
				left:0;
				}



	/* 住戸紹介領域 */
	section.knyk_stocklistbox	{margin-bottom:5rem;}

	/* 　ユーザー登録ボタン　 */
	section.knyk_attentbox ul.knyk_attent_list li a.user_b	{}


	/* 市名 */
	p.group_label		{left:1rem;}



	/* 個別詳細テーブル　見せ方変更 */

	div.knyk_stocktext table 	{width:100%;}

	div.knyk_stocktext table tr	{width:100%;}

	div.knyk_stocktext table th,td	{display:block;
					width:100%;
					margin:0 auto;
					text-align:center;}					
					
	div.knyk_stocktext table td	{text-align:center;}

	div.knyk_stocktext table tr:nth-of-type(3) th	{display:block;}




	/*  2行リンク  */
	section.knyk_attentbox p.attent_link_line	{width:95%;  
							font-size:0.95rem;
							padding:0;
							letter-spacing:0px;
							line-height:2.5rem;
							}

	section.knyk_attentbox p.attent_link_line a	{color:#cd025d;  
							font-weight:bold;
							letter-spacing:1px;
							text-decoration:underline;
							text-underline-offset:3px;
							}

	section.knyk_attentbox p.attent_link_line span::before	{width:0.9rem;
								height:0.9rem;
								margin-right:0;
								}


	/* 検索ボタン  */
	div.knyk_kensakubox p.knyk_kensakutext1	{font-size:1.2rem;
						font-weight:bold;
						text-align:center;
						line-height:1.6rem;
						}

	div.knyk_kensakubox p.knyk_kensakutext1 span {font-weight:bold;}

	div.knyk_kensakubox p.knyk_kensaku_btn_sp	{width:90%;}

	div.knyk_kensakubox p.knyk_kensaku_btn_sp a 	{font-size:1.6rem;
							line-height:2rem;
							padding:1.8rem 2rem;
							}

	div.knyk_kensakubox p.knyk_kensaku_btn a::after {content:none;}

	p.knyk_kensakutext2	{width:16rem;
				line-height:1.2rem;
				margin:0 auto;
				}


	/*  スライダー左右　ボタン位置	*/
		.flickity-prev-next-button.previous 	{top:55%;left:37px;} 
		.flickity-prev-next-button.next 	{top:55%;right:25px;}



	/* 教会アイコン */
	footer::before	{width:100px;
			height:90px;
			top:-5.2rem;
			left:65%;
			}


	h3.stocklist_title::before	{left:150px;}




	/* フッター住所テキストサイズ */
	.ftInfo .ftInfoData .txtS,
	.ftInfo .ftBtn		{font-size:0.85rem !important;}

}/* 	w430 ここまで　 */
@media screen and (max-width:400px){

	.cssbr_w500::after	{content:"";
 				white-space:pre-line;}

	.cssbr_spw400::before	{content:"\A";
 				white-space:pre;}


	p.knyk_kensakutext1>span.cssbr_sp2::after	{content:"\A";
 							white-space:pre;}


	/*  検索ボタン　文字  */	
	div.knyk_kensakubox p.knyk_kensaku_btn_sp a 	{font-size:1.5rem;
							line-height:2rem;
							padding:1.5rem 1.8rem;
							}


	/*  2行リンク  */
	section.knyk_attentbox p.attent_link_line	{width:95%;  
							font-size:0.9rem;
							padding:0;
							letter-spacing:0px;
							line-height:2.5rem;
							}



}
@media screen and (max-width:380px){



	div.knyk_stocktext table td.last_wrap	{padding-bottom:2.5rem;}

	
	

	/* 概要タイトル・2項目 */
	
	div.imgflex h4 {white-space:nowrap;}	


	/* LINE領域  */
	.cssbr_sp2::after	{content:"";
 				white-space:revert;}
		
	/* 個別　物件タイトル */
	div.knyk_stocktext h4	{font-size:1.2rem;
  				 letter-spacing:1px;}		


}
@media screen and (max-width:320px){



	/* 個別　2リンク */
	div.knykstock-2linkbox 	{width:100%;
				gap:8px;}

	div.knykstock-2linkbox a.stock_blink_2	{white-space:nowrap;
						font-size:1rem;
						width:9rem;}

		div.knykstock-2linkbox p.pop_b_box	{font-size:1rem;width:8.5rem;}
		p.pop_b_box span.pop_b	{padding:0;}


	/* 概要タイトル */
	section.knyk_gaiyoubox>h3	{font-size:1.5rem;
					line-height:1.5rem;}


	/* 花束img */
	div.knyk_catchtext_bg::after 	{max-width:80px;
					width:100%;
					bottom:3rem;
					left:0rem;
					z-index:10;
					}

	/* 過去物件前テキスト */
	p.kakohome_infotext	{font-size:1.1rem;
				letter-spacing:0;
				line-height:2.5rem;
				}

	/* 概要の女性img */
	div.gaiyou_img_positionbox img 	{left:25%;}


	/* 概要タイトル・2項目 */
	div.imgflex h4	{width:8rem;
			text-align:right;
			white-space:wrap;
			}	



	article.knyk_line_infobox	{width:90%;
					font-size:1.1rem;
					}


	section.knyk_stocklistbox	{padding-top:-4rem;}

	/* 個別　月タイトル */
	div.stocklist_titlebox	{top:-9.5rem;
				left:180px;}

	h3.stocklist_title	{font-size:1.8rem;
				padding-top:0.5rem;}

			h3.stocklist_title::before	{width:40px;
							top:-35px;
							left:160px;
							}


	/* 　ユーザー登録バナー  */			
	section.knyk_attentbox ul.knyk_attent_list li a.user_b	{width:80%;
								font-size:1.2rem;
								position:relative;
								}

	/*  スライダー左右　ボタン位置	*/
		.flickity-prev-next-button.previous 	{left:5px;} 
		.flickity-prev-next-button.next 	{right:10px;}


	/* 個別 ドットインジケーター位置 */
	div.knyk_stocklist_flexbox ul.knyk_stockslid .flickity-page-dots	{padding-left:0;
										margin: 0;
										position: absolute;
										left:-0.5rem;
										bottom: -20px;
										}


	div.knyk_kensakubox p.knyk_kensakutext1	{width:80%;}


	/*  検索ボタン　文字  */	
	div.knyk_kensakubox p.knyk_kensaku_btn_sp a {font-size:1.2rem;}


	/*  2行リンク  */
	section.knyk_attentbox p.attent_link_line	{width:70%;  
							text-align:center;
							line-height:1.8rem;
							}

	section.knyk_attentbox p.attent_link_line a	{padding-left:2rem;}


	.ftInfo .ftInfoData .txtS, .ftInfo .ftBtn	{white-space: pre-line;
        						font-size:0.85rem;}
    							

	/* フッター住所テキストサイズ */
	.ftInfo .ftInfoData .txtS,
	.ftInfo .ftBtn		{font-size:0.75rem !important;}

}