/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2025 | 01:58:35 */
/*一覧*/
.contents.contentsProduce { margin:70px auto 0 auto; }
@media (min-width:768px) {
	.contents.contentsProduce { margin:0 auto; }
}

/*詳細_ヘッダ*/
.produceHeaders{ width:100%; margin:0; padding:0; display:block; position:fixed; z-index:5; background:#fff; }
.produceHeader{ width:100%; margin:0 auto; padding:5px 5%; display:flex; justify-content:space-between; align-items:flex-start; }
.entry-content h1.produceHeaderLogo { width:200px; margin:0; display:block; }
.entry-content h1.produceHeaderLogo a figure { margin:0; }
.site-content .produceHeaderLogo a:hover img { transform:scale(1.0); }
@media screen and (min-width:1200px) {
	.produceHeader { width:90%; max-width:1200px; margin:10px auto; padding:0; align-items:center; }
}

/*詳細_ハンバーガー*/
.produceMb { height:40px; margin:5px 0 0 0; padding:0; position:fixed; z-index:35; right:5%; cursor:pointer; display:block; }
.produceMb span { display:block; width:24px; height:3px; margin:18px auto 0 auto; background:#707070; position:relative; }
.produceMb span:before,.produceMb span:after { content:""; display:block; width:24px; height:3px; background:#707070; position:absolute; transition:0.4s; }
.produceMb span:before { margin:-10px 0 0 0; }
.produceMb span:after { margin:10px 0 0 0; }
.produceMb__open span{ background:transparent; }
.produceMb__open span:before { top:5px; right:7px; transform:rotate(-45deg) translateY(8px); }
.produceMb__open span:after { top:-4px; left:4px; bottom:auto; transform: rotate(-135deg) translateX(8px); }
@media screen and (min-width:1200px) {
	.produceMb { display:none; }
}

/*詳細_メニュー*/
.produceMenu	{ width:100%; height:0; display:flex; flex-direction:column; opacity:0; transition:0.4s; margin:0 -200% 0 0; background:rgba(255,255,255,0.9); position:fixed; top:0; left:0; overflow-y:scroll; z-index:30; box-sizing:border-box; }
.produceMenu__open	{ height:100%; opacity:1; transition:0.4s; margin:0; }
.produceMenuLink { width:100%; padding:50px 0 0 0; display:flex; flex-direction:column; }
.produceMenuLink li	{ width:100%; border-top:1px solid #ccc; overflow:hidden; }
.produceMenuLink li a	{ width:100%; display:flex; align-items:center; padding:20px 5%; font-weight:bold; font-size:16px; line-height:1.2em; position:relative; color:#000; box-sizing:border-box; font-weight:600; letter-spacing:0.1em; }
.produceMenuLink li span	{ padding:15px 5%; font-weight:bold; font-size:14px; line-height:1.2em; position:relative; color:#fff; box-sizing:border-box; }
.produceMenuLink li span.arrow { width:auto; position:absolute; right:0; display:inline-block; }
.produceMenuLink li span.arrow::before { content: ""; display:inline-block; width:6px; height:6px; margin-left:5px; transform: rotate(45deg); border-style:solid; border-color:#000; border-top-width:1px; border-right-width:1px; border-bottom-width:0; border-left-width:0; vertical-align:middle; }
@media screen and (min-width:768px) {
    .produceMenuLink li span.arrow { display:block; }
}
@media screen and (min-width:1200px) {
	.produceMenus { width:950px; }
    .produceMenu	{ width:auto; height:auto; margin:0; padding:0; flex-direction:row; justify-content:right; align-items:center; overflow:visible; opacity:1; background:none; color:#161616; position:relative; }
    .produceMenuLink { width:auto; margin:0 50px 0 0; padding:0; display:flex; flex-direction:row; justify-content:space-between;}
    .produceMenuLink li { width:auto; padding:0 10px; border:none; border-right:1px solid #ccc; }
    .produceMenuLink li:last-child { border:none; }
    .produceMenuLink li a { color:#161616; display:block; padding:0; }
    .produceMenuLink li a:hover { color:#269F46; text-decoration:none; }
    .produceMenuLink li span.arrow { display:none; }
}

/*詳細_メニュー フォーム*/
.produceMenuForm { width:100%; padding:5px 0 0 0; display:flex; flex-direction:column; border-top:1px solid #ccc; }
.produceMenuForm li	{ width:100%; padding:5px 5%; overflow:hidden; }
.produceMenuForm li a	{ width:100%; display:flex; align-items:center; padding:15px 5%; border-radius:5px; font-weight:bold; font-size:15px; line-height:1.2em; position:relative; color:#fff; box-sizing:border-box; }
.produceMenuForm li a.produceMenuRequest { background:#269F46; }
.produceMenuForm li a.produceMenuReservation { background:#E5777B; }
.produceMenuForm li a.produceMenuContact { background:#F7CD3C; }
.produceMenuForm li a img { width:25px; margin:0 10px 0 0; }
.produceMenuForm li span.arrow { width:auto; padding:15px 5%; position:absolute; right:0; display:inline-block; }
.produceMenuForm li span.arrow::before { content: ""; display:inline-block; width:6px; height:6px; margin-left:5px; transform: rotate(45deg); border-style:solid; border-color:#fff; border-top-width:1px; border-right-width:1px; border-bottom-width:0; border-left-width:0; vertical-align:middle; }
@media screen and (min-width:1200px) {
	.produceMenuForm { width:auto; padding:0; flex-direction:row; justify-content:space-between; border:none; }
	.produceMenuForm li	{ width:auto; margin:0 0 0 10px; padding:0; overflow:visible; }
	.produceMenuForm li a	{ padding:10px 15px; white-space:nowrap; transition:0.3s; }
	.produceMenuForm li a:hover { opacity:0.7; text-decoration:none; transition:0.3s; }
	.produceMenuForm li a img { transition:0.3s; }
	.produceMenuForm li a:hover img { transition:0.3s; }
	.produceMenuForm li span.arrow { display:none; }
}

/*詳細_トップ以外の画像*/
.produceBox { width:100%; display:block; }
.produceBox img { width:100%; display:block; margin:10px auto 30px auto; padding:0; }
@media (min-width:768px) {
	.produceBox { max-width:960px; margin:10px auto 60px auto; padding:50px 0; /*border:1px solid #ccc;*/ }
	.produceBox img { width:90%; }
	.produceBox600 .wp-block-gallery.has-nested-images figure.wp-block-image img { max-width:600px !important; }
	.produceBox800 .wp-block-gallery.has-nested-images figure.wp-block-image img { max-width:800px !important; }
}

/*詳細_トップ*/
.produceTop { width:100%; max-width:1200px;　display:block; margin:0 auto; padding:60px 0 0 0; }
.produceTop figure.size-full { width:100%; max-width:1200px; }
.produceTop img { width:100%; display:block; margin:0 auto; padding:0; }
.produceCopy { width:100%; margin:0; padding:10px 5%; background:#269F46; color:#fff; text-align:center; font-weight:bold; font-size:20px; line-height:1.2; }
.entry-content .produceIntro { padding-top:40px; }
@media screen and (min-width:1200px) {
	.produceTop { padding:70px 0 0 0; }
	.produceCopy { margin:0 0 50px 0; padding:20px 0; font-size:32px; }
	.entry-content .produceIntro { padding:0; }
}

/*詳細_項目タイトル*/
.produceH2 { width:100%; padding:50px 0 0 0; display:flex; flex-direction:column; text-align:center; position:relative; }
.produceEng { width:100%; box-sizing:border-box; color:#269F46; line-height:1.2; font-weight:600; letter-spacing:0.1em; font-family:"Hind Siliguri"; }
.produceH2 h2 { width:100%; margin:5px 0 0 0; color:#000; font-weight:600; font-size:24px; line-height:1.6; letter-spacing:0.05em; }
.entry-content .produceH2 h2:after { margin:0; background:none; }
@media (min-width:768px) {
	.produceH2 { padding:100px 0 0 0; }
	.produceEng { font-size:20px; }
	.produceH2 h2 { font-size:32px; }
}

/*街の特徴*/
.producePoint { width:100%; padding:0; display:block; text-align:justify; }
@media screen and (min-width:768px) {
	.producePoint { padding:0 5%; }
}

/*ニュース*/
.produceNews { width:100%; padding:0; display:block; }
.produceNews dl { width:100%; padding:5px 0; display:flex; flex-direction:column; border-bottom:1px solid #ccc; }
.produceNews dl dt { width:100%; color:#269F46; font-family:"Hind Siliguri"; font-weight:600; }
.produceNews dl dd { width:100%; margin:0; text-align:justify; }
.produceNews dl dd a { color:#000; }
@media screen and (min-width:768px) {
	.produceNews { padding:0 5%; }
	.produceNews dl { padding:15px 0; flex-direction:row; }
	.produceNews dl dt { width:180px; padding:0 0 0 20px; }
	.produceNews dl dd { width:calc(100% - 180px); }
}

/*区画図*/
.produceLandplanText { width:100%;  }
.produceLandplans { width:100%; margin:10px 0 0 0; padding:20px 5%; background:#fff; }
.produceLandplan { width:90%; max-width:800px; margin:0 auto; display:block; }
@media screen and (min-width:768px) {
	.produceLandplans { margin:20px 0 0 0; padding:20px 0 70px 0; background:none; }
	.entry-content p.produceLandplanText { margin-bottom:20px !Important;}
}

/*プラン*/
.producePlans { width:100%; margin:10px 0 0 0; padding:10px 0 0 0; background:#fff; }
.producePlan { width:95%; max-width:960px; margin:0 auto; display:block; }
.producePlansTheta { width:100%; max-width:960px; margin:20px auto 0 auto; display:block; }
@media screen and (min-width:768px) {
	.producePlans { margin:0; padding:0 0 30px 0; background:none; }
}

/*シータ、マターポート*/
.produceMatter { width:100%; max-width:800px; margin:0 auto 30px auto; height:auto; display:block; }
.produceTheta { width:100%; max-width:950px; margin:0 auto 30px auto; height:auto; display:block; }

/*スペック*/
.produceSpecCopy { width:100%; max-width:960px; margin:20px auto 20px auto; display:block; color:#269F46; text-align:center; font-weight:600; line-height:1.5; }
.produceSpecs { width:100%; max-width:960px; margin:0 auto; display:flex; flex-wrap:wrap; gap:5%; }
.produceSpec { width:47.5%; margin:0 0 30px 0; display:flex; flex-direction:column; }
.produceSpecImg { width:100%; height:140px; display:flex; justify-content:center; align-items:center; border:1px solid #ccc; box-sizing:border-box; }
.produceSpecImg img { width:auto; max-width:100%; height:auto; max-height:100%; display:block; }
.entry-content h3.produceSpecH3 { width:100%; margin:10px 0 5px 0; display:block; color:#269F46; font-size:18px; font-weight:700; }
.produceSpecText { width:100%; display:block; font-size:14px; }
@media screen and (min-width:768px) {
	.produceSpecCopy { margin:20px auto 40px auto; font-size:24px; }
	.produceSpecs { gap:5%; }
	.produceSpec { width:30%; margin:0 0 50px 0; }
	.produceSpecImg { width:100%; height:210px; background:#fff; }
	.produceSpecImg img { margin:auto; object-fit:contain; }
}

/*地図・周辺環境*/
.produceLocation { width:100%; max-width:960px; margin:20px auto 20px auto; }
.produceLocation iframe { width:100%; height:300px; margin:10px 0 30px 0; display:block; }
a.produceLocationLink { margin:0 0 50px 0; display:flex; align-items:center; color:#269F46; }
a.produceLocationLink::before { content:''; width:10px; height:10px; margin:0 5px 0 0; border-top:2px solid #269F46; border-right:2px solid #269F46; transform:rotate(45deg); transition:0.3s; }
.produceLocationFacilities { width:100%; display:flex; flex-wrap:wrap; gap:5%; }
.produceLocationFacility { width:47.5%; margin:10px 0 20px 0; }
.produceLocationFacility img { width:100%; display:block; }
.produceLocationFacility h3 { width:100%; margin:10px 0 0 0; color:#269F46; font-size:16px; font-weight:700; line-height:1.2; }
.produceLocationFacility span { width:100%; margin:5px 0 0 0; display:flex; align-items:first baseline; font-size:14px; line-height:1.2; }
@media screen and (min-width:768px) {
	.produceLocation { margin:20px auto 40px auto; }
	.produceLocation iframe { height:450px; margin:10px 0 50px 0; }
	.produceLocationFacilities { gap:5%; }
	.produceLocationFacility { width:30%; margin:10px 0 30px 0; padding:0; }
}

/*物件概要*/
.produceOutline { width:100%; max-width:960px; margin:20px auto 20px auto; }
.produceOutline dl { width:100%; padding:10px 0; display:flex; flex-direction:row; border-top:1px solid #ccc; line-height:1.5; }
.produceOutline dl:last-child { border-bottom:1px solid #ccc; }
.produceOutline dt { width:22.5%; margin:0 2.5% 0 0; font-weight:bold; font-size:14px; }
.produceOutline dd { width:75%; margin:0; }
.produceOutlineText { width:100%; max-width:960px; margin:10px auto 0 auto; display:block; font-size:14px; line-height:1.5; }
@media screen and (min-width:768px) {
	.produceOutline { margin:20px auto 40px auto; }
	.produceOutline dl { padding:20px 0; }
	.produceOutline dt { width:25%; margin:0; padding:0 0 0 2.5%; font-size:16px; }
	.produceOutlineText { margin:20px auto 0 auto; }
}

/*フォームボタン*/
.produceBottomForm { width:90%; margin:40px auto 0 auto; display:flex; justify-content:space-between; gap:5%; position:fixed; bottom:10px; left:5%; z-index:3; }
.produceBottomForm li	{ width:47.5%; padding:5px 0; overflow:hidden; }
.produceBottomForm li a	{ width:100%; display:flex; justify-content:left; align-items:center; padding:15px 5%; border-radius:5px; font-weight:bold; line-height:1.2em; position:relative; text-align:center; color:#fff; box-sizing:border-box; }
.produceBottomForm li a.produceBottomRequest { background:#269F46; }
.produceBottomForm li a.produceBottomReservation { background:#E5777B; }
.produceBottomForm li a.produceBottomContact { background:#F7CD3C; }
.produceBottomForm li a::after { content:''; width:10px; height:10px; margin:-5px 0 0 0; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); transition:0.3s; position:absolute; top:50%; right:12px; }
.produceBottomForm li a img { width:25px; margin:0 10px; }
.produceBottomForm li span.arrow { width:auto; padding:15px 5%; position:absolute; right:0; display:inline-block; }
.produceBottomForm li span.arrow::before { content: ""; display:inline-block; width:6px; height:6px; margin-left:5px; transform: rotate(45deg); border-style:solid; border-color:#fff; border-top-width:1px; border-right-width:1px; border-bottom-width:0; border-left-width:0; vertical-align:middle; }
@media screen and (min-width:1200px) {
	.produceBottomForm { width:auto; max-width:800px; padding:0; border:none; position:relative; left:auto; }
	.produceBottomForm li	{ width:380px; margin:0 10px 0 0; padding:0; overflow:visible; }
	.produceBottomForm li a	{ height:70px; padding:10px 15px; justify-content:center; white-space:nowrap; transition:0.3s; font-size:18px; }
	.produceBottomForm li a::after { right:30px; }
	.produceBottomForm li a:hover { opacity:0.7; text-decoration:none; transition:0.3s; }
	.produceBottomForm li a img { width:35px; margin:0 20px 0 -10px; transition:0.3s; }
	.produceBottomForm li a:hover img { transition:0.3s; }
	.produceBottomForm li span.arrow { display:none; }
}















/*フッタ*/
.produceFooters { width:100%; margin:50px 0 0 0; padding:30px 0 100px 0; border-top:5px solid #000; border-image:linear-gradient(to right, #8CB808 25%, #008A32 25%) 1; background:#EEF0F0; color:#000; text-align:center; font-size:13px; }
.produceFooter { width:100%; display:flex; flex-direction:column; }
.produceFooterLogos { width:100%; display:flex; flex-direction:column; }
.produceFooterLogo { width:196px; margin:0 auto; }
.produceFooterInfo { width:100%; margin:20px 0 10px 0; display:block; line-height:1.5; } 
.produceFooterTels { width:100%; margin:10px 0 0 0; display:flex; flex-direction:column; }
a.produceFooterTel { width:100%; color:#000; font-size:32px; line-height:1.2; letter-spacing:0.05em; }
a.produceFooterTel span { font-size:24px; }
.produceFooterTime { width:100%;}
@media screen and (min-width:768px) {
	.produceFooters { margin:100px 0 0 0; padding-bottom:30px; text-align:left; }
	.produceFooter { flex-direction:row; justify-content:space-between; align-items:center; }
	.produceFooterLogos { width:auto; flex-direction:row; align-items:center; }
	 .site-content a.produceFooterLogo:hover img { transform:scale(1.0); }
	.produceFooterInfo { width:auto; margin:0 0 0 30px; } 
	.produceFooterTels { width:auto; margin:0; }
	.produceFooterTime { width:100%; text-align: right;}
}

.entry-content h2.produceH2 { color:#269F46; font-weight:bold; }
.entry-content h2.produceH2:after { display:none; }

/*送信フォーム*/
.entry-content .contentsForm { margin:50px auto 0 auto; }
.produceFormEng { width:100%; display:block; color:#269F46; text-align:center; font-size:24px; line-height:1.2; font-family:"Hind Siliguri"; font-weight:600; letter-spacing:0.1em; }
.entry-content h1.produceFormH1 { width:100%; display:block; color:#269F46; text-align:center; font-weight:700; font-size:14px; }
.produceContactText { width:100%; padding:0 0 20px 0; display:block; }
@media (min-width: 768px) {
	.entry-content .contentsForm { margin:100px auto 0 auto; }
	.produceFormEng { margin:0 auto; font-size:42px; }
	.entry-content h1.produceFormH1 { margin:0 auto 40px auto; font-size:20px; }
	.produceContactText { padding:0 0 30px 0; text-align:center; }
}