@charset "utf-8";
/******************************************************************
Theme Name:MIKLE
Theme URI:
Description:
Version:20210216
Author:MIKLE
Author URI:
******************************************************************/

:root {
	--ad-p-dark: #23A90D;
	--ad-p-light: #b2ee82;
	--ad-y-dark: #0095D9;
	--ad-y-light: #BAE3F9;
	--ad-l-dark: #EC6103;
	--ad-l-light: #ffdab9;

	--lab-blue:#204a7d;
	--lab-green:#23a90d;
}

/* =========================
layout style
========================= */
#inner-content	{ display:flex; justify-content:space-between; padding:25px; margin-bottom:1em; background:#fff; box-shadow:0 0 1px #ddd; }
#main		{ width:780px; padding-right:20px; background:none; }
#sidebar1	{ width:336px; padding-right:0; padding-top:0; }
.footer .inner, #footer-top .inner	{ padding:0 35px; }
.animated	{ animation-duration:1s; animation-fill-mode:both; }

/* =========================
Base
========================= */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{ display:inline-block;}audio:not([controls]){display:none; height:0;}[hidden],template{display:none;}
html{ font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}body{margin:0;}a{background:transparent;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}.gf{font-family:sans-serif; font-weight:normal;}h1{font-size:2em; margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong,.strong{font-weight:bold;}dfn,em,.em{font-style:italic; border-bottom:1px dotted pink;}hr{margin:1.8em 0; padding:0; border:0; height:5px; background:url(library/images/line01.png) repeat-x 0 0;}p{-webkit-hyphens:auto; -epub-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}code,kbd,pre,samp{font-family:Consolas, 'Courier New', Courier, Monaco, monospace; font-size:0.9em; padding:0.05em 0.4em; border-radius:3px; background:#F6F6F6; color:#444;}pre{white-space:pre-wrap; margin:0;}q{quotes:"\201C" "\201D" "\2018" "\2019";}q:before,q:after{content:''; content:none;}small,.small{font-size:75%;}sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0;}.gallery{margin:.5em auto 2em!important;}.gallery dl{margin:0!important;}.gallery dl img{margin-bottom:0; border:none!important; padding:1px;}menu{padding:0 0 0 40px;}ol,ul{padding:0; list-style-type:none;}.entry-content ul li{position:relative; padding-left:1em; margin:1em 0;}.entry-content ul li:before{content:" "; width:9px; height:9px; background:#3E3E3E; box-shadow:0 0 20px rgba(51, 51, 51, 0.15) inset; display:block; position:absolute; border-radius:50%; left:2px; top:7px;}.entry-content ul li ul li:before{width:5px; height:5px; top:10px; border-radius:0;}.entry-content ul li ul li ul li:before{width:14px; height:1px; top:11px; left:-2px; border-radius:0;}.entry-content ol{counter-reset:number;}.entry-content ol li{list-style:none; position:relative; padding-left:1.4em; margin:1em 0;}.entry-content ol > li:before{counter-increment:number; content:counter(number); background:#3E3E3E; box-shadow:0 0 5em rgba(51, 51, 51, 0.15) inset; color:#fff; width:1.5em; height:1.5em; font-size:0.7em; font-weight:bold; font-family:sans-serif; display:block; text-align:center; line-height:1.5em; border-radius:50%; position:absolute; left:0; top:3px;}.entry-content li ol li:before{background:#999; line-height:1.4;}.entry-content li li ol li:before{background:none; border:1px solid #ccc; color:#555; width:1.5em; height:1.5em; border-radius:50%; top:3px;}nav ul,nav ol{list-style:none; list-style-image:none;}img{border:0; vertical-align:bottom; max-width:100%; height:auto;}svg:not(:root){overflow:hidden;}figure{margin:0; }
img[src*='.svg']{ width: 100%; height: auto; }
html {
    scroll-behavior: smooth;
}

/* =========================
Forms
========================= */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field
			{ display:block; padding:10px 2%; margin-bottom:14px; font-size:1em; color:#666; border:3px solid rgba(51, 51, 51, 0.1); border-radius:1px; vertical-align:middle; max-width:96%; max-width:100%\9; background-color:#fff; -webkit-transition:background-color 0.24s ease-in-out; transition:background-color 0.24s ease-in-out; appearance:none;  }
#main input[type="text"], #main input[type="password"], #main input[type="datetime"], #main input[type="datetime-local"], #main input[type="date"],#main input[type="month"], #main input[type="time"], #main input[type="week"], #main input[type="number"], #main input[type="email"], #main input[type="url"], #main input[type="search"], #main input[type="tel"], #main input[type="color"], #main select, #main textarea, #main .field 
			{ width:300px; }
#main textarea		{ padding:2%; width:100%; }
input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active,
input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active	{ background-color:#f7f8fa; }
input[type="password"]	{ letter-spacing:0.3em; }
textarea		{ max-width:100%; min-height:120px; line-height:1.5; }
select			{ background-image:url(library/images/select_arrow.png); background-repeat:no-repeat; background-position:97.5% center; background-size:9px; }
fieldset		{ border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em; }
legend			{ border:0; padding:0; }
button, input, select,textarea	{ margin:0; }
button,input		{ line-height:normal; }
button,select		{ -moz-appearance:none; appearance:none; text-transform:none; }
select::-ms-expand	{ display:none; }
select			{ /*padding:3%;*/ line-height:1.2; } 
button, html input[type="button"], input[type="reset"], input [type="submit"]
			{ -webkit-appearance:button; cursor:pointer; font-size:0.95em; padding:8px 20px; background:#666; color:#fff; border:0; border-radius:5px; }
button[disabled],html input[disabled]		{ cursor:default; }
input[type="checkbox"], input[type="radio"]	{ box-sizing:border-box; padding:0; }
input[type="search"] 				{ -webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box; }
/*input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
			{ appearance:none; }*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { position:relative; right:50px; }
#search_wrapper input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; padding:0 5px 0 0; height: 14px; width: 14px; display: block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: 14px; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea		{ overflow:auto; vertical-align:top; }
table			{ border-collapse:collapse; border-spacing:0; }
* {-webkit-box-sizing:border-box; box-sizing:border-box; }
.clearfix,.cf,.comment-respond,.widget ul li	{ zoom:1; }
.clearfix:before,.clearfix:after,.cf:before,.comment-respond:before,.cf:after,.comment-respond:after,.widget ul li:before,.widget ul li:after { content:""; display:table; }
.clearfix:after,.cf:after,.comment-respond:after,.widget ul li:after { clear:both; }
p		{-ms-word-wrap:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; -webkit-hyphenate-before:2; -webkit-hyphenate-after:3; }
.comment-reply-link, #submit { display:inline-block; position:relative; text-decoration:none; color:#fff; font-size:0.9em; font-size:34px; line-height:3; font-weight:900; padding:.2rem 1rem; border-radius:3px; border:0; cursor:pointer; -webkit-transition:background-color 0.14s ease-in-out; transition:background-color 0.14s ease-in-out; }
.comment-reply-link:hover, #submit:hover, .comment-reply-link:focus, #submit:focus	{ color:#fff; text-decoration:none; }
.comment-reply-link:active, #submit:active	{ top:1px; }
.comment-reply-link, #submit			{ background:var(--lab-blue); }
.comment-reply-link:hover, #submit:hover,.comment-reply-link:focus, #submit:focus	{ background-color:#2574a8; }
.comment-form-author label{ font-size:0; } /*名前をハンドルネームに変更 20211002 added*/
.comment-form-author label:before { font-size:14px; content:"ハンドルネーム";}

/* =========================
GENERAL STYLES
========================= */
body		{ /*font-family:Helvetica, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/font-family: Verdana,"メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic, sans-serif; font-size:103%; color:#545B63; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; word-wrap:break-word; background:#f7f7f7; }/* changed 20201127*/
.wrap		{ width:96%; margin:0 auto; }
a		{ color:var(--lab-blue); }
a:hover		{ color:#E69B9B; }
a,
a img 		{ /*-webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out;*/ }
a img		{ backface-visibility:hidden; }
a:hover img 	{ opacity:0.7; }
a:link,
a:visited:link	{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0.3); }
.entry-content a[target="_blank"]:after		{ font-family:'FontAwesome'; content:'\f08e'; font-size:0.9em; margin:0 3px 0 2px; }
.entry-content a.no-icon[target="_blank"]:after { content:none; }



.entry-content section#ps a:after { content:none; }
.entry-content a[href*="www.homes.co.jp"]:after	{ content:url(images/l_ad-link.png); margin:0 3px 0 2px; }
.entry-content a[href*="realestate.yahoo.co.jp"]:after	{ content:url(images/ad-link.png); margin:0 3px 0 2px; }
.search_pr .entry-content a[href*="realestate.yahoo.co.jp"]:after  { content:''; } /* 20231027Added */
.entry-content .yread-show-buttons a[href*="realestate.yahoo.co.jp"]:after { display: none; }
.entry-content .inquireBtnArea a[href*="realestate.yahoo.co.jp"]:after	{ content:''; } /* 20210506Added */
.entry-content .inquireBtnArea .balloon:before	{ content:none; } /* 2023.9.25added */

.entry-content .sidebar a[href*="realestate.yahoo.co.jp"]:after	{ content:''; } /* 20210610Added remove if new button-area settles */
.entry-content .sidebar ul li:before 	{ content:" "; background: transparent; box-shadow:none; } /* 20210610Added remove if new button-area settles */
.entry-content .sidebar p		{ margin: 0; }

.entry-content .showSaleOutAreasumulab a:after { content:none; } /* 2021.12.20added */
.entry-content a[href$="mikle_mansion_sumulab_jsbutton"]:after { content:none; } /* 2021.12.20added */
.entry-content a[href*="sc_out=mikle_mansion_spaces_"]:after { content:none; } /* 2022.12.20added */
.entry-content a[href*="sc_out=mikle_mansion_sumulab_best3"]:after { content:none; } /* 2022.3.31added */
.entry-content a.ad-link:after	{ content:url(images/ad-link.png); margin:0 3px 0 2px; } /* 2023.8.3added */
.entry-content a[href*="inquiry-dev.e-mansion.co.jp"]:after,
.entry-content a[href*="inquiry.e-mansion.co.jp"]:after	{ content:url(images/p_ad-link.png); margin:0 3px 0 2px; } /* 2023.9.25added */
.entry-content .btn a[href*="inquiry-dev.e-mansion.co.jp"]:after,
.entry-content .btn a[href*="inquiry.e-mansion.co.jp"]:after	{ content:none; } /* 2023.9.25added */
.entry-content a[href*="link.e-mansion.co.jp"]:after	{ content:url(images/p_ad-link.png); margin:0 3px 0 2px; } /* 2024.6.28added */


img.noresize { width:auto!important; height:auto!important; }
.twitter-tweet { margin:0 auto; }

.stcd_nobtn div a:after  { content:none!important; }
.inquireBtnArea { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin:1rem 0; }
.inquireBtnArea .inquireBtn	{ border: 1px solid #999; border-radius: 5px; width: calc(50% - 10px); margin: 0; }
.inquireBtnArea .inquireBtn dt	{ background: var(--lab-blue); border-radius: 4px 4px 0 0; padding:.5rem; text-align:center; color: #fff; font-weight:900; font-size: 1.1em; }
.inquireBtnArea .inquireBtn dd	{ width:90%; margin:0 auto; }
.inquireBtnArea .inquireBtn dt::before	{ font-family:"FontAwesome"; content:"\f2b7"; margin-right:.5rem; }
.inquireBtnArea .inquireBtn dd .balloon::before { display:none; }
.inquireBtnArea .inquireBtn dd .balloon strong { font-weight:900; }
.inquireBtnArea .inquireBtn dd .balloon { background: #f0f0f0; border-radius:5px; margin-bottom: 18px; padding: 15px; color: #666; font-weight:400; line-height: 1.4; }
.inquireBtnArea .inquireBtn dd > p:not(.balloon) { line-height:2.2; text-align: center; margin:0 0 1em; }
.inquireBtnArea .inquireBtn dd .img	{ margin-bottom: 15px; }
.inquireBtnArea .inquireBtn dd .btn	{ margin-bottom: 20px; }
.inquireBtnArea .inquireBtn dd .btn a	{ display: block; border-radius: 5px; box-shadow: 0 1px 1px 0 rgb(0 0 0 / 30%); margin: 0 auto; padding: 8px 0; width: 80%; font-weight: 900; font-size: 1.2rem; text-decoration: none; }
.inquireBtnArea .poweredby		{ margin-top: 10px; margin-bottom: 0; text-align: right; }
.inquireBtnArea .inquireBtn dd a:after  { content:none!important; }
.inquireBtnArea .pr { display: flex; justify-content: center; margin: 20px; }
.inquireBtnArea .pr a {margin: 0 20px;}
.cta_paycamp { width: 160px; height: 26px; margin: 0 auto; margin-bottom: 15px;margin-top: 15px; }
@media only screen and ( max-width:767px ) { .inquireBtnArea .inquireBtn { width: 100%; } }
@media only screen and ( min-width:768px ) and ( max-width:1165px )  { .inquireBtnArea .inquireBtn { width: 100%; } }


/* =========================
H1, H2, H3, H4, H5 STYLES
========================= */
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5		{ text-rendering:optimizelegibility; }
h1 a,.h1 a,
h2 a,.h2 a,
h3 a,.h3 a,
h4 a,.h4 a,
h5 a,.h5 a	{ text-decoration:none; }
h1,.h1		{ font-size:1.5em; font-weight:bold; line-height:1.333em; }
h2,.h2		{ font-size:1.5em; line-height:1.4rem; font-weight:bold; margin-bottom:0.375em; }
h3,.h3		{ font-size:1.3em; font-weight:bold; }
h4,.h4		{ font-size:1.2em; font-weight:700; }
h5,.h5		{ font-size:1em; font-weight:700; line-height:2em; text-transform:uppercase; letter-spacing:1px; }

/* =========================
HEADER STYLES
========================= */
.home_widget		{ font-size:.88em; margin:0 auto 1.9em; max-width:728px; }
.home_widget .widget	{ margin:0; }
.header			{ position:relative; z-index:2; }
#inner-header		{ display:flex; position:relative; margin:0 auto; max-width:1166px; }

#logo			{ display: flex; align-items: center; }
#logo .h1		{ margin:0; padding:0; }
#logo .h1.text		{ font-size:2em; }
#logo a			{ color:#fff; width:100%; display:block; padding:0; margin:0; text-decoration:none; }

#breadcrumb		{ font-size:.7em; margin-top:1.5em; margin-bottom:1.5em; background:#fff; box-shadow:0 0 1px #ddd; padding:1em; }
#breadcrumb ul		{ display:flex; margin:0; }
#breadcrumb li:first-child	{ margin-left:0; }
#breadcrumb li		{ margin-left:0.5em; }
#breadcrumb li:after 	{ content:'/'; margin-left:0.5em; }
#breadcrumb li:last-child::after { display:none; }
#breadcrumb li.bc_homelink a::before	{ font-family:"FontAwesome"; content:"\f015"; transform:scale(1.3); }
#breadcrumb li a	{ color:#666; text-decoration:none; white-space: nowrap; }
#breadcrumb li a:hover 	{ opacity:.5; }


/* =========================
NAVIGATION STYLES
========================= */

/* SP gnavi Scroll Style */
.g_nav-sp	{ position:relative; max-width:1166px; /*margin:4px auto -4px;*/ }
.menu-sp	{ padding:.5em 0 .5em .5em; font-size:.7em; overflow:auto; -webkit-overflow-scrolling:touch; }
.menu-sp a	{ color:#fff; text-decoration:none; display:block; padding:.4em .9em; background:rgba(255, 255, 255, .11); border-radius:1em; }
.menu-sp > ul	{ width:100%; margin:0; display:table; overflow-x:scroll; white-space:nowrap; }
.menu-sp > ul:after	{ font-family:"FontAwesome"; font-size:1.7em; content:"\f101"; color:#fff; position:absolute; text-shadow:0 0 6px rgba(0, 0, 0, .3); right:3px; margin-top:-2px; opacity:.5; animation:blink 1.2s ease-in-out infinite alternate; }
.menu-sp ul ul	{ display:none; }
.menu-sp li	{ display:table-cell; padding-right:.8em; }

/* 検索フォーム */
.searchbox .searchform	{ position:relative; height:40px; margin-bottom:1.5em; }
.searchbox input[type="search"]	{ width:100%; appearance:none; line-height:1.2; font-size:16px; padding:3% 2%; }
.searchbox button#searchsubmit	{ color:#333; position:absolute; right:3px; top:25%; border:0; background:none; display:block; height:100%; padding:0 3%; font-size:1.2em; }

.remodal,[data-remodal-id]{display:none;}

/* =========================
POSTS & CONTENT STYLES
========================= */
/* Single under */
.single .related-box	{ border-radius:4px; margin-bottom:1em; }
.single .np-post a,
.single .related-box a	{ color:#444; }
.single .np-post .h_ttl,
.single .related-box .h_ttl,
.home .related-box .h_ttl	{ font-size:12px; text-align:left; margin:1em 0; padding:1em 0 0 0; }
.single .np-post .h_ttl span,
.single .related-box .h_ttl span,
.home .related-box .h_ttl span	{ font-size:1.8em; margin-right:0.5em; position:relative; bottom:-2px; font-weight:normal; }


.related-box li				{ width:24%; min-height:150px; margin:0 1% 1% 0; float:left; position:relative; font-size:.9em; }
.related-box li .eyecatch		{ height:105px; overflow:hidden; text-align:center; }
.related-box li a			{ display:block; text-decoration:none; }
.related-box li .date			{ font-size:.8em; font-weight:normal; }
.related-box li .ttl			{ margin:0; font-size:.85em; }
.np-post				{ padding:0; margin-bottom:1.5em; }
.np-post .np-post-list			{ word-break:break-all; margin-bottom:.8em; }
.np-post a				{ width:100%; display:table; font-size:.9em;  }
.np-post a .eyecatch			{ vertical-align:middle; text-align:center; position:relative; padding-right:12px; padding-left:12px; }
.np-post a .eyecatch img		{ width:100%; }
.np-post a .ttl 			{ display:table-cell; vertical-align:middle; }
.np-post .next				{ text-align:right; }
.np-post .next a .eyecatch:after,
.np-post .prev a .eyecatch:before 	{ font-family:"FontAwesome"; line-height:40px; padding:0 3px; position:absolute;font-size:2rem; }
.np-post .next a .eyecatch:after	{ content:'\f105'; right:0; }
.np-post .prev a .eyecatch:before	{ content:'\f104'; left:0;  }
.home_link i 			{ font-size:30px; padding:5px 10px; }
.single-title,.page-title,.entry-title	{ margin:.3em 0; }
.single-title,.page-title 	{ padding:0; font-size:1.5em; }
.single-title:empty,.page-title:empty 	{ display:none; }
.byline 			{ margin:0; }
.byline .date 			{ font-size:.85em; }
.byline .writer .fn 		{ font-size:.75em; }
.byline .date,.byline .writer 	{ opacity:.7; margin-right:.6em; display:inline-block; }
.byline .date:before,.byline .writer:before 	{ font-family:"FontAwesome"; content:"\f101"; font-size:.88em; margin-right:.3em; position:relative; top:-1px; }
.byline .date:before 		{ content:"\f274"; }
.byline .date.undo:before 	{ content:"\f0e2"; }
.byline .writer:before 		{ content:"\f007"; }
.byline .writer,.byline .writer a	{ font-weight:bold; color:inherit; text-decoration:none; display:none; }
.entry-content			{ padding:0 0 1.5em; /*overflow:hidden;*/ }
#post-not-found .entry-content	{ overflow:inherit; }
.entry-content p		{ margin:0 0 1.6em; line-height:1.75; }
.entry-content table 		{ width:100%; font-size:0.92em; border:1px solid #efefef; margin-bottom:1.5em; }
.entry-content table caption	{ margin:0 0 7px; font-size:0.75em; color:#9fa6b4; text-transform:uppercase; letter-spacing:1px; }
.entry-content tr 		{ border-bottom:1px solid #efefef; }
.entry-content td 		{ padding:.8em; border:1px solid #cfcfcf; background:#fff; background:rgba(255, 255, 255, 0.6); }
.entry-content td input 	{ margin:3px 0; }
.entry-content th 		{ background-color:#eee; background-color:rgba(0, 0, 0, 0.1); border:1px solid #cfcfcf; padding:.8em; }
.entry-content blockquote 	{ font-size:0.95em; padding:6% 4% 2%; margin:2.5em 0 3em; position:relative; border:1px solid; opacity:.8; }
.entry-content blockquote:before,
.entry-content blockquote:after { font-family:'FontAwesome'; position:absolute; width:1em; height:1em; display:block; padding:.2em; text-align:center; font-size:1.3em; line-height:1; background:#fff; }
.entry-content blockquote:before{ content:'\f10d'; left:-.2em; top:-.3em; }
.entry-content blockquote:after { content:'\f10e'; right:-.2em; bottom:-.4em; }
.entry-content blockquote h1,
.entry-content blockquote h2,
.entry-content blockquote h3,
.entry-content blockquote h4	{ margin-top:0!important; }
.entry-content dt		{ font-weight:bold; margin-bottom:2%; }
.entry-content dd 		{ margin-left:0; font-size:.95em; margin-bottom:4%; }
.entry-content img		{ margin:0 0 1.5em 0; max-width:100%; height:auto; }
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail	{ max-width:100%; height:auto; }
.entry-content pre		{ background:#666; background:rgba(0, 0, 0, 0.54); color:#f8f9fa; font-size:0.88em; padding:1.2em 1.7em; margin:0.2em 0 2.2em; border-radius:5px; }
.wp-caption			{ max-width:100%; background:#fff; padding:5px; margin-bottom:1.8em; border:1px solid rgba(0, 0, 0, .08); border-radius:3px; }
.wp-caption img			{ max-width:100%; margin-bottom:0; width:100%; }
.wp-caption p.wp-caption-text 	{ font-size:0.75em; margin:4px 0; text-align:center; }
iframe				{ max-width:100%; }
#main iframe.wp-embedded-content	{ width:100%; display:block; }
.tags				{ margin:0; }

.entry-content .soudan		{ width:calc(100% - 5px); background-color:#f2f1ef; border-radius:3px; box-shadow:8px 8px 5px -5px rgba(0,0,0,0.3); font-size: 0.95em; padding: 6% 4%; margin: 2.5em 0 3em; line-height:1.2; }



/* 目次 */
#toc_container		{ margin:0 0 2.5rem; } 
ul.toc_list li a	{ color:#666; }
ul.toc_list li a:hover	{ color:var(--lab-blue); }
ul.toc_list li::before	{ content:""; background-image:none; box-shadow:none; display:none; }
/* Layout simple */
.top-post-list .post-list { font-size:13px; position:relative; }
.top-post-list .post-list a { display:block; padding:1.9em .7em; text-decoration:none; color:#666; border-bottom:1px dotted #ccc; border-bottom:1px dotted rgba(0, 0, 0, .2); position:relative; }
.top-post-list .post-list:first-child a {border-top:1px dotted #ccc; border-top:1px dotted rgba(0, 0, 0, .2); }
.top-post-list .post-list .eyecatch { width:42%; max-width:320px; float:left; max-height:180px; overflow:hidden; position:relative; }
.eyecatch .cat-name { position:absolute; top:0; right:0; color:#fff; font-size:8px; font-weight:bold; padding:0.1em 0.2em; opacity:.9; }

.top-post-list .post-list .entry-content {padding:0 0 0 3%; overflow:hidden; }
.top-post-list .post-list .entry-content .entry-title {font-size:1.6em; margin-top:0; margin-bottom:0.3em; color:#444; }
.top-post-list .post-list .entry-content p {margin-bottom:0.3em; }

/*First post of each category or archive will displayed bigger than others*/
.top-post-list .post-list .eyecatch-big { width:100%; height:180px; overflow:hidden; position:relative; border-radius:3px; }
.top-post-list .post-list .eyecatch-big .cat-name-big	{ position:absolute; top:0; right:0; display:flex; }
.top-post-list .post-list .eyecatch-big .cat-name-big a { background:#ff7f50; color:#fff; font-size:0.7em; padding:.1rem .5rem; margin:0 0 0 .5rem; opacity:.9; }
.top-post-list .post-list .entry-content-big { padding:0!important; margin:0 0 1.2rem 0; overflow:hidden; }
.top-post-list .post-list .entry-content-big .archive-title {font-size:1.6em; margin-top:.3em; margin-bottom:.3em; padding:0; color:#444; }
.top-post-list .post-list .entry-content-big p.byline { display:flex; justify-content:space-between; }
.top-post-list .post-list .entry-content-big .author	{ margin-top:-1rem; }


/* ================================================== */
/* Widget */
/* ================================================== */
.widget:not(.widget_text) a		{ text-decoration:none; color:#666; }
.widget:not(.widget_text) a:hover	{ color:#999; }
.widget .btn-wrap a	{ color:#fff; text-decoration:none; }
.widgettitle		{ background:var(--lab-blue); color:#fff; font-size:1em; padding:0; border-radius:3px; margin-top:0; margin-bottom:0.75em; overflow:hidden; }
.widgettitle span	{ display:block; width:100%; height:100%; padding:0.75em 0.8em!important; }
.widget 		{ margin:0 0 2em; }
.widget ul		{ margin:0; }
/* Widget Calendar */
.widget.widget_calendar table { width:100%; text-align:center; }

/* =========================
PAGE STYLES
========================= */
.wpcf7-submit { background:var(--lab-green); color:#fff; border:none; font-weight:bold; width:430px; max-width:96%; padding:2% 3%; display:block; margin:2em auto; }
.wpcf7-submit:hover { opacity:.6; }
/* SEARCH FORM */
#main .entry-content .searchform { position:relative; }
#main .entry-content .searchform input[type="search"] {width:93%; padding-top:15px; padding-bottom:15px; }
#main .entry-content .searchform button {background:none; border:none; font-size:1.2em; position:absolute; top:20%; right:3%; }

/* =========================
ARCHIVE PAGE STYLES
========================= */
.archivettl h1			{ font-size:1.1em; margin:0 0 1.5em; padding:0 0.1em 0.8em; border-bottom:3px solid; }
.archivettl h1.ttl-category::before,
.archivettl h1.ttl-tags::before,
.archivettl h1 span		{ content:""; display:block; font-size:10px; line-height:1.3; font-weight:normal; }
.archivettl h1.ttl-category::before	{ content:"CATEGORY"; }
.archivettl h1.ttl-tags::before	{ content:"TAGS"; }
.archivettl h1 .author-icon img { border-radius:50%; width:80px; margin-bottom:1.3em; border:2px solid #fff; box-shadow:0 0 10px #ddd; }
.taxonomy-description		{ font-size:100%; margin-bottom:1.5em; padding-bottom:0; }

/* Pagination , post Pagination */
.pagination, .wp-prev-next	{ margin:3em 0 4em; }
.pagination, .page-links	{ text-align:center; }
.pagination ul, .page-links ul	{ display:flex; justify-content:center; flex-wrap:wrap; }
.pagination:empty,
.wp-prev-next:empty,
.pagination ul:empty,
.page-links ul:empty,
.search-no-results .pagination	{ display:none; }
.pagination li,
.page-links li			{ margin:0 2px; padding:0!important; }
.entry-content .page-links li:before { content:none; }
.pagination a,
.pagination span,
.page-links a,
.page-links ul > li > span	{ margin:0; padding:9px 14px; text-decoration:none;line-height:3; font-size:1em;font-weight:normal;color:var(--lab-blue); border:1px solid var(--lab-blue); }
.pagination span.dots,
.page-links ul > li > span.dots { background:none!important;padding-left:11px;padding-right:11px; }
.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus,
.page-links a:hover,
.page-links a:focus		{ background-color:var(--lab-blue);color:#fff; }
.pagination .current,
.page-links ul > li > span	{ cursor:default;color:#fff; background-color:var(--lab-blue); }
.pagination .current:focus,
.pagination .dots:hover,
.pagination .dots:focus		{ color:#111; }
.pagination a.prev.page-numbers,
.pagination a.next.page-numbers { border:none; }
.page-numbers.current		{ color:#fff!important; }

/* =========================
COMMENT STYLES
========================= */
#comments-title		{ padding:0.75em 0; margin:0; }
.commentlist		{ margin:0; list-style-type:none; font-size:0.9em; }
.comment,
.pingback		{ clear:both; overflow:hidden; padding:1.5em; font-size:0.98em; border-bottom:1px solid #f8f9fa; }
.comment .comment	{ font-size:1em; }
.comment .comment-meta,
.pingback .comment-meta	{ padding:0; }
.comment .comment-author{ display:flex; align-items:center; padding:7px; border:0; }
.comment .vcard cite.fn { margin:0 0 0 .5rem; font-weight:700; font-style:normal; }
.comment-metadata	{ font-size:0.8em; }
.comment .vcard time	{ display:block; font-size:0.9em; font-style:italic; }
.comment .vcard time a 	{ color:#9fa6b4; text-decoration:none; }
.comment .vcard time a:hover	{ text-decoration:underline; }
.comment .vcard .avatar	{ margin-left:-3px; border-radius:50%; }
.comment:last-child,
.pingback:last-child	{ margin-bottom:0; }
.comment .children,
.pingback .children	{ margin:0; }
.comment[class*=depth-],
.pingback[class*=depth-]{ margin-top:1.1em; }
.comment.depth-1,
.pingback.depth-1	{ margin-left:0; margin-top:0; }
.comment:not(.depth-1),
.pingback:not(.depth-1) { margin-top:0; padding:7px; }
.comment.odd,
.pingback.odd		{ background-color:white; }
.comment.even,
.pingback.even		{ background:#FAF9F8; }
.comment_content p	{ margin:0.7335em 0 1.5em; font-size:1em; line-height:1.5em; }
.comment-reply-link	{ font-size:0.8em; float:right; font-weight:bold; margin-top:0.8em; margin-bottom:1em; }
.comment-edit-link	{ font-style:italic; margin:0 7px; text-decoration:none; font-size:0.9em; }
.comment-navigation	{ text-align:center; padding:1em; }

/* =========================
COMMENT FORM STYLES
========================= */
.comment-respond	{ padding:1.5em 0; }
#reply-title		{ margin:0; padding:0.5em 0; }
#reply-title:before	{ font-family:"FontAwesome"; content:"\f27b"; font-weight:normal; margin-right:0.2em; font-size:1.2em; }
.comment-respond p	{ font-size:.85em; }
.comment-respond .comment-notes	{ margin-bottom:1.5em; }
.logged-in-as		{ font-style:italic; margin:0; }

.comment-form-comment	{ margin:1.5em 0 0.75em; }
.form-allowed-tags	{ padding:1.5em; background-color:#F9F9F9; font-size:0.9em; }
#submit			{ font-size:1em; }
#comment-form-title	{ margin:0 0 1.1em; }
#allowed_tags		{ margin:1.5em 10px 0.7335em 0; }
.nocomments		{ margin:0 20px 1.1em; }
.no-widgets		{ background-color:white; padding:1.5em; text-align:center; border:1px solid #ccc; border-radius:2px; margin-bottom:1.5em; }

/* =========================
FOOTER STYLES
========================= */
/* Page TOP */
#page-top		{ position:fixed; right:28px; z-index:99999; bottom:90px; }
#page-top a		{ text-decoration:none; width:55px; height:55px; border-radius:50%; text-align:center; line-height:55px; background:rgba(255, 255, 255, .8); padding:0; display:block; color:var(--lab-blue); border:1px solid var(--lab-blue);}
#footer-top .inner	{ background-color:var(--lab-blue); border-bottom:1px solid rgba(202, 202, 202, 0.3); font-size:0.9em; position:relative; }
.footer a,#footer-top a { text-decoration:none; }
.footer a:hover,
#footer-top a:hover	{ text-decoration:underline; }
.footer a .gf, #footer-top a .gf	{ display:none; }
#footer-top .widget	{ margin-top:2em; background:none; }
#footer-top ul		{ border-top:1px dashed rgba(216, 216, 216, 0.15); }
#footer-top li		{ border-bottom:1px dashed rgba(216, 216, 216, 0.15); }
#footer-top .widgettitle{ background:none; box-shadow:none; padding:1em 0.2em; color:#ccc; }
#footer-top .widgettitle span { border:none; padding:0; box-shadow:none; }
.footer .inner		{  }
.footer .copyright .create { display:inline-block; }
#inner-footer-free	{ padding:.35rem; background:var(--lab-green); color:#fff; text-align:center; }/*20230518added リンクフリー*/

/* =========================
POSTS & CONTENT STYLES
========================= */
.alignleft,img.alignleft	{ margin-right:2.5%; display:inline; float:left; }
.alignright,img.alignright	{ margin-left:2.5%; display:inline; float:right; }
.aligncenter,img.aligncenter	{ margin-right:auto; margin-left:auto; display:block; clear:both; }
@media only screen and (max-width:767px) {
	.alignleft,img.alignleft,.alignright,img.alignright,.aligncenter,img.aligncenter { float:none; margin-right:auto; margin-left:auto; display:block; clear:both!important; }
}

/* =========================
TABLET & SMALLER LAPTOPS
========================= */
@media only screen and ( min-width:768px ) { 
	#container 	{ overflow:hidden; }
	#logo a	img	{ object-fit:contain; width:180px; height:60px; }

	.nav_btn			{ display:none; }
	.nav_btn.search_btn + #g_nav	{ margin-right:52px; }
	.headercenter .nav_btn.search_btn + #g_nav	{ margin-left:52px; }
	.nav_btn.search_btn		{  order:3; display:block; text-decoration:none; text-align:center; line-height:1.1; padding:5px 10px; height:58px; background:rgba(0, 0, 0, .04); }
	.header.headercenter .nav_btn.search_btn { background:none; bottom:0; }
	.nav_btn.search_btn:before	{ font-size:1.5em; font-family:"FontAwesome"; content:'\f002'; width:100%; display:block; }
	.nav_btn.search_btn .text	{ font-size:.7em; }
	.nav_btn.setting_btn		{  order:4; display:block; text-decoration:none; text-align:center; line-height:1.1; padding:5px 10px; height:58px; background:rgba(0, 0, 0, .04); }
	.nav_btn.setting_btn:before	{ font-size:1.5em; font-family:"FontAwesome"; content:'\f013'; width:100%; display:block; }
	.nav_btn.setting_btn .text	{ font-size:.7em; }
	.header #searchform		{ width:200px; position:relative; float:right; }
	.header #searchform #submit 	{ display:none; }
	.header #searchform #search 	{ width:0; line-height:50px; position:absolute; padding:0; opacity:0; border:none; outline:none; position:absolute; right:0; }


/* =========================
TOP PAGE 
========================= */
	#custom_header	{ font-size:1.1em; }
/* =========================
SIDEBARS & ASIDES
========================= */
	.sidebar { font-size:.9em; }
	.widget ul li { margin-bottom:0.75em; }
	.widget ul li ul { margin-top:0.75em; padding-left:1em; }
	#sidebar1 {position: sticky;bottom: 10px;align-self: flex-end;}
/* =========================
FOOTER STYLES
========================= */
	#inner-footer nav { display:inline-block; float:left; }
	.footer-links ul { padding:0; margin:1em 0; }
	.footer-links ul li { display:inline; font-size:0.8em; }
	.footer-links ul li:after { content:'　|　'; }
	.footer-links ul li:last-child:after { content:none; }
	.footer-links ul li a { text-decoration:none; }
	.footer .copyright { font-size:0.8em; padding:0.6em 0; float:right; display:inline-block; }
}
@media only screen and (max-width:1165px) {
	#footer-top .inner,
	.footer .inner { width:100%; padding:0 4%; }
	/* YouTube Responsive */
	.youtube-container,
	.wp-block-embed-vimeo { position:relative; width:100%; padding-top:56.25%; }
	.youtube-container iframe,
	.wp-block-embed-vimeo iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }
}

/*--------------------------------
SNS
---------------------------------*/
.sharewrap	{ margin:0 0 1em; }
.sharewrap h3	{ margin:0.5em 0; }
.share		{ width:100%; }
.sns		{ margin:0 auto; text-align:center; }
.sns ul 	{ list-style:none; display:flex; flex-wrap:wrap; justify-content:space-between; }
.sns li		{ width:30%; }
.sns li a 	{ font-size:80%; position:relative; display:flex; justify-content:center; align-items:center; padding:10px; color:#fff; border-radius:2px; text-align:center; text-decoration:none; }
.sns li a:before,
.sns li a i	{ margin-right:0.2em; margin-left:0.2em; font-size:1.1em; }
.sns li a:hover { transform:translate3d(0px, 3px, 1px); box-shadow:none; }
.sns li a .text { font-weight:bold; }
.sns li a .count{ font-size:10px; margin-left:2px; }
.sns .twitter a		{ background:#000; box-shadow:0 3px 0 #333; }
.sns .twitter a:hover	{ background:#000; }
.sns .twitter .icon-x:before { content:""; display: inline-flex; align-items: flex-end; width:14px; height:14px;
	-webkit-mask-image: url(images/icon-x.svg); mask-image: url(images/icon-x.svg);
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-size: contain; mask-size: contain;
	background-color: #fff; }

.sns .facebook a	{ background:#1f6aba; box-shadow:0 3px 0 #2c4373; }
.sns .facebook a:hover	{ background:#2c4373; }
.sns .hatebu a		{ background:#2f70be; box-shadow:0 3px 0 #43638b; }
.sns .hatebu a:hover	{ background:#43638b; }
.sns .hatebu a:before	{ content:'B!'; font-weight:bold; line-height:1.055; }
.share.short .sns li	{ width:19%; margin:0 1% 0 0; }
.share.short .sns li a	{ padding:11px 4px; }
@-webkit-keyframes blink {0% {	opacity:.2; }
	100% {	opacity:.9; }
}
@keyframes blink {0% {	opacity:.2; }
	100% {	opacity:.9; }
}

/* --------------------------------------------- */
/* Mobile Styles */
/* --------------------------------------------- */
@media only screen and (max-width: 767.9px) {
	.home #content,
	.blog #content { margin:0; }
	.article-header .eyecatch,

	/* SP header Button */
	.nav_btn	{ width:55px; height:58px; padding:.7em 0; border:none; background:none; text-align:center; /*position:absolute; top:0; left:0;*/ color:#fff; display:block; line-height:1; text-decoration:none; }
	.search_btn	{ right:0; left:auto; }
	.nav_btn:hover	{ cursor:pointer; }
	.nav_btn:before,
	.search_btn:before	{ font-size:1.4em; height:1.1em; font-family:"FontAwesome"; content:'\f0c9'; width:100%; display:block; margin-bottom: .3rem; }
	.search_btn:before	{ content:'\f002'; }

	.nav_btn.setting_btn:before	{ font-size:1.4em; font-family:"FontAwesome"; content:'\f013'; width:100%; display:block; }

	.nav_btn .text		{ font-size:12px; display:block; }
	.searchbox button#searchsubmit { top:8%; }
	body	{ overflow-x:hidden; }

	/* archives */
	.top-post-list .post-list .entry-content .entry-title	{ font-size:1.1em; }
	.top-post-list .post-list .entry-content .date 		{ font-size:.9em; }
	.top-post-list .post-list .entry-content .description	{ display:none; }
	/*   header */
	#inner-header	{ position:relative; width:100%; padding:4px 0; }
	#logo		{ width:60%; margin:0 auto; height:50px; font-size:1em; position:static; flex-wrap:wrap; /*border:1px solid #f00;*/ }
	#logo a 	{ position:static; width:100%; height:auto; display:block; text-align:center; }

	#logo a img 	{ width:auto;  margin-top:1px; /*max-width:100%; max-height:45px;*/ }
	#breadcrumb 	{ margin:0; font-size:10px; width:100%; border-bottom:1px solid #F7F7F7; }
	#breadcrumb li:last-child	{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

	.authorbox .author-newpost li:nth-child(2n):after,.related-box li:nth-child(2n):after	{ content:""; display:table; clear:both; }
	.authorbox .author-newpost li .eyecatch,.related-box li .eyecatch 			{ height:70px; }
	.authorbox .author-newpost li:nth-child(2n),.related-box li:nth-child(2n)		{ zoom:1; }
	.authorbox .profile	{ display:block!important; margin:0!important; }
	.authorbox .profile .author-avatar	{ width: fit-content; margin:1rem auto 0 auto!important;}
	.authorbox .profile .author-detail .name{ margin-top:1rem!important;}
	.authorbox .profile .author-detail	{ width: 100%!important; padding:0!important; }
	.authorbox .author_sns li a::before	{ display:block!important; text-align:center; margin:0 0 .5rem 0; }



	#page-top		{ right:17px; }
	#page-otayori		{ right:10px!important; }

	.footer #footer-bottom 				{ font-size:0.7em; text-align:center; }
	.footer-links ul 				{ margin:1em 0 0; }
	.footer-links li 				{ display:inline-block; margin-right:.5em; }
	.footer-links li a:before 			{ font-family:"FontAwesome"; content:'\f0da'; margin-right:0.3em; }
	.footer-links a 				{ text-decoration:none; padding:.3em; display:block; }
	.copyright 					{ padding:1.5em 0; margin:0; }
	.single .authorbox .author-newpost li .eyecatch,.related-box li .eyecatch			{ max-height:200px; }
	.related-box li.related-rightlist		{ zoom:1; }
	.related-box li.related-rightlist:after		{ content:""; display:table; clear:both; }
	#viral-header .entry-header .entry-title 	{ font-size:1.3rem; }
	.sns li		{ margin-bottom:.5rem ; }
	.share.short .sns li a .text {	display:none; }

	#main input[type=text], #main textarea	{ font-size:16px; width:100%; }
	#main input[type="submit"]		{ width:100%; padding:1rem; }
}

/* =========================
Desktop Styles
========================= */
@media only screen and ( min-width:768px ) {
	body		{ font-weight:500; }
	.wrap		{ width:1166px; }
	.header		{ margin:1em 0; }
	#inner-header	{ display:flex; align-items:;middle; min-height:60px; background-color:var(--lab-blue); }
	#custom_header	{ font-size:1.2em; margin-top:-2.4em; }
	.header-info	{ margin-top:-1em; }
	.top-post-list .post-list:before { content:""; display:block; width:0%;	height:100%; background:#111; position:absolute; top:0; left:50%;z-index:0; transition:.3s; opacity:.05;}
	.top-post-list .post-list:hover:before	{ width:100%; height:100%; left:0; }
	.post-list-magazine .post-list a:hover	{ background:rgba(0, 0, 0, 0.05); }
	.post-list-magazine .post-list a:before,
	.post-list-magazine .post-list a:after	{ position:absolute; content:''; width:0; height:1px; background-color:#111; transition:.3s; }
	.post-list-magazine .post-list a:before { bottom:0; left:0; }
	.post-list-magazine .post-list a:after	{ bottom:2px; right:0; }
	.post-list-magazine .post-list a:hover:before,
	.post-list-magazine .post-list a:hover:after	{ width:100%; }
	.nav > li 	{ font-size:75%; }
	.nav > li > a 	{ display:block; text-decoration:none; line-height:1.3; padding:15px 1.6em 7px; }
	.single .byline { position:relative; }
	.single .byline .cat-name		{ position:absolute; left:-5.5em; top:-2.7em; transform:rotate(-3deg); padding:.3em .8em .3em .5em; }
	.sidebarleft.single .byline .cat-name	{ left:-2em; }


	/* SNS Button（PC） */
	.share.short 	{ margin-top:1em; margin-bottom:1.5em; }
	.sns ul 	{ margin:0 auto; list-style:none; }
	.sns li		{ width:32.3%;	margin:0 0 2% 0; }
	.sns li a	{ font-size:0.85em; padding:15px 2px; }
}


/*  共通ヘッダーまわり */
.header		{ margin:0; background-color:var(--lab-blue); }
.nav > li	{ font-size:100%; }
.nav > li.blogger-ichiran a::before 	{ content:"\f007"; margin-right:.2rem; font-family:"FontAwesome" }
.nav > li.category-ichiran a::before	{ content:"\f02d"; margin-right:.2rem; font-family:"FontAwesome" }
.header-info	{ margin-top:0; display:none; } /*ヘッダーinfo*/

#logo h1.catch_phrase,
#logo .catch_phrase 	{ font-size:.7rem; margin:0; color:#fff; font-weight:900; order:1; }
#logo .h1		{ position:relative; }

	nav.main-nav	{ display:block; }
	.g_nav-sp	{ display:none; }

	@media only screen and ( max-width:767.9px ) {
		#logo		{ justify-content: center; order:2; /*position:relative; margin-top:0;*/ }
		#logo h1.catch_phrase,
		#logo .catch_phrase	{ /*position:relative; top:0; left:0;*/ order:0; justify-content:center; text-align:center; font-size:.6rem; margin:0; color:#fff; font-weight:900; white-space:nowrap; }
		#logo a img 	{ width:180px;  margin-top:0; }
		#logo .h1		{ position:relative; }
		.nav_btn { padding: .5rem 0 .5rem 0; }
		#inner-header { padding:8px 0;	}
		.burger_btn	{ order:1; }
		.search_btn	{ order:3;}
		.setting_btn	{ order:4;}
		nav.main-nav	{ display:none; }
		.g_nav-sp	{ display:block; }
	}


#sb ul.sb		{ display:flex; flex-direction:row; justify-content:flex-end; align-items: center; max-width:1166px; margin:.8rem auto; }
#sb ul.sb li		{ height:20px; margin-right:.5rem; }
#sb ul.sb li a img	{ padding:0; margin:0; vertical-align:top; }
#sb ul.sb li iframe	{ top:0; }

/*20240731 megemenu add*/
        .main-nav 	{ height:60px; display:flex; align-items:center; margin-left: auto; }
        .menu		{ list-style:none; padding:0; /*margin:0 50px 0;*/ display:flex; }
        .menu-item 	{  }
        .menu-item > a 	{ padding:10px; color:#fff; font-size:1rem; font-weight:700; white-space:nowrap; text-decoration: none; position: relative; }
        .mega-menu	{ display:none; position:absolute; left:0; top:60px; background: #fff; width:100%!important; box-sizing:border-box; box-shadow:0 8px 16px rgba(0,0,0,0.2); padding: 20px; }
        .close-menu	{  }
	.close-menu::before { font-family:"fontawesome"; content:"\f00d"; position:absolute; display:block; right:10px; top:20px; cursor:pointer; font-size:24px; color:#ccc; }
	.active		{ position:relative; }
	.active::before	{ position:absolute; bottom:-20px; left:50%; content:"▼"; transform:translateX(-50%); color:var(--lab-blue); display:block; }
        .mega-menu > ul    { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; }
        .mega-menu > ul li { margin:0 10px 10px; }
        .mega-menu > ul li a	{ display:flex; justify-content:space-between; width:205px; height:60px; border:1px solid #ccc; color:#333; text-decoration: none; }
        .mega-menu > ul li a .pref  { display:block; padding:15px; width:calc(100% - 50px); }
        .mega-menu > ul li:not(.has-mega-menu-2) a .pref  { width:100%; }
        .mega-menu > ul li a .pref:hover  { background:#c0f7ff57; }
        .mega-menu > ul li a .arrow { display:flex; align-items:center; justify-content:center; width:60px; height:60px; }
        .mega-menu > ul li a .arrow:hover	{ background:#c0f7ff57; transition: transform .2s; transform: rotate(90deg); text-decoration:none; }
        .mega-menu > ul li a .arrow.arrowdown	{ transition:transform .2s; transform: rotate(90deg); }
        .menu-item.active .mega-menu	{ display:block; }
        .mega-menu.profile > ul li a	{ justify-content:flex-start; align-items:center; width:205px; height:60px; padding:15px; font-size:.9rem; line-height:1; }
        .mega-menu.profile > ul li a .sonota  { width:calc(100% - 50px); }
        .mega-menu.profile > ul li a:hover  { background:#c0f7ff57; }
        .mega-menu.profile > ul li a .arrow:hover { background:none; }
        .mega-menu.profile > ul li a img{ border-radius: 50%; border:3px solid #fff; width:32px; height:32px; box-shadow:0 1px 5px #ccc; margin:0 .5rem 0 0; }
	li.has-mega-menu-2	{ position:relative; }
        .mega-menu-2 { display:none; position:absolute; left:0; top:60px; background:#fff; border:1px solid #ccc; width:100%; box-sizing:border-box; box-shadow:0 8px 16px rgba(0,0,0,0.2); padding:20px; z-index:1000; }
        li.has-mega-menu-2 .mega-menu-2 .close  { top:10px!important; }
        li.has-mega-menu-2 .mega-menu-2 > ul.children   { display:flex; jusify-content:space-between; flex-wrap:wrap;  }
        li.has-mega-menu-2 .mega-menu-2 > ul.children li   { margin:0; }
        li.has-mega-menu-2 .mega-menu-2 > ul.children li a { padding:0 5px; width:unset; color:#333; text-decoration:underline; border:none; }
        li.has-mega-menu-2 .mega-menu-2 > ul.children li a:hover { background:rgba(65,165,201,.3); }
	.blogger-menu-wrap .mega-menu-2  { width:calc(200% + 1rem); }
	.blogger-menu-wrap .mega-menu-2 > ul.children li { width:33%; }
	.blogger-menu-wrap .has-mega-menu-2 > a	{ display: flex; position: relative; }/*20251003added*/
	.blogger-menu-wrap .has-mega-menu-2 > a .arrow i { transition: transform .25s ease; }
	.blogger-menu-wrap .has-mega-menu-2.is-open > a .arrow i { transform: rotate(90deg); }

@media only screen and (max-width:767px){
	#g_nav	{ display:none; }
	.nav li a .gf, .menu-sp li a .gf { display:none; }
	button.remodal-close		{ margin:0 auto; padding:0 0 .3rem; }

	.sp_g_nav	{ margin:0; }
	.sp_g_nav ul 	{ margin:0; background: #eee; }
	.sp_g_nav li	{ list-style:none; display:block; }
	.sp_g_nav li.current-menu-parent	{ cursor:pointer; }
	.sp_g_nav li a	{ display:flex; padding:.8em; color:#333; text-decoration:none; text-align:left; background:#ddd; }
	.sp_g_nav > li > a:after	{ display:block; content:"+"; font-size:1.5rem; position:absolute; right:20px; top:50%; transform: translateY(-50%); color:#222; } /*if parent has child*/
	.sp_g_nav > li > a.clicked:after{ display:block; content:"-"; right:23px; font-size: 2rem; }
	.sp_g_nav .menu-item-home a::after	{ content:" "; }
	.sp_g_nav .sub-menu		{ display:none; }
	.sp_g_nav .sub-menu li		{ border-bottom:1px solid #ccc; padding:3px 0; }
	.sp_g_nav .sub-menu li a	{ display:flex; align-items: center; background: #eee; }
	.sp_g_nav .sub-menu li img	{ border-radius: 50%; border:3px solid #fff; width:32px; height:32px; box-shadow:0 1px 5px #ccc; margin:0 .5rem 0 0; }
	.sp_g_nav li li a,
	.sp_g_nav li li ul { padding:5px 0 5px 25px; }
	.sp_g_nav li ul li { font-weight:700; }
	.sp_g_nav li li li { font-weight:normal; }
	.sp_g_nav ul.children { display:none; }
	.sp_g_nav .area-menu-wrap li a	{ justify-content:space-between; }
	.sp_g_nav .has-mega-menu-2 > a .arrow { font-size:1.5rem;　}
	.sp_g_nav .has-mega-menu-2 > a .arrow::before { content:"+"; position:absolute; right:20px; top:50%; transform: translateY(-50%); }
	.sp_g_nav .has-mega-menu-2 > a .arrowdown::before { content:"-"; font-size:1.8rem; position:absolute; right:23px; top:0; transform:translateY(0); }
}

.area_tag	{ width:100%; background:#2E8BC0; display:flex; justify-content:center; align-items:center; }
.area_tag ul	{ margin:0; display:flex; justify-content:center; padding:10px; font-size:.8rem; }
.area_tag ul li		{ color:#fff; }
.area_tag ul li a	{ border:1px solid #fff; padding:3px 10px; margin:3px 10px; border-radius:3px; color:#fff; text-decoration:none; transition-duration: 0.5s; }
.area_tag ul li a:hover	{ background:rgba(255,255,255,1); color:#2E8BC0; }
.area_tag .premium	{ white-space: nowrap; }
.area_tag .premium a	{ border:1px solid #fff; padding:3px 10px 3px 25px; margin:0 10px; border-radius:3px; color:#fff; text-decoration:none; transition-duration: 0.5s; background:#2E8BC0 url(images/keylock.svg) no-repeat 3px 0; }
.area_tag .premium a.current	{  background:#fff url(images/keylock.svg) no-repeat 3px 0; }
.area_tag .premium a:hover,.area_tag .premium a.current:hover	{ color:#ff7f50!important; background:#fff url(images/keylock1.svg) no-repeat 3px 0; }

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

.whatsnewfrom	{ width:calc(100% - 2rem); position:relative; background:#E9F2F8; line-height:1; padding:1rem; border-radius:5px; font-size:1rem; font-weight:600; border:3px solid #538e55; }
.whatsnewfrom:after	{ position:absolute; font-family:"FontAwesome",sans-serif; font-weight:900; content:'\f05a  スムラボ事務局からのおしらせ'; color:#538e55; left:.5rem; top:-15px; border-radius:5px; padding:5px 10px; font-size:1rem; line-height:1; letter-spacing:0.05em; background:linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 50%,#E9F2F8 50%, #E9F2F8 100%); }
.whatsnewfrom p	{ color:#538e55; text-decoration:none; margin-bottom:.5rem; }
.whatsnewfrom table { width:100%; margin:0 auto; color:#538e55; }
.whatsnewfrom table th { padding:5px; background:none; border:none; }
.whatsnewfrom table td { padding:5px; text-align:right; background:none; border:none; }
.whatsnewfrom table td:last-child { text-align:left; }
.whatsnewfrom table td:nth-child(2)	{ font-weight:normal; }
.whatsnewfrom .c-keyline-text		{ display:flex; width:100%; align-items:center; white-space:nowrap; margin:0; }
.whatsnewfrom .c-keyline-text::before,
.whatsnewfrom .c-keyline-text::after	{ content:""; display:inline-block; width:100%; flex: 0 1 auto; height:2px; background:#538e55; white-space:nowrap; }
.whatsnewfrom .c-keyline-text::before	{ margin-right:1rem; }
.whatsnewfrom .c-keyline-text::after	{ margin-left:1rem; }

@media screen and (max-width: 767px) { 
	.whatsnewfrom { width:100%; }
	.whatsnewfrom table th,
	.whatsnewfrom table td	{ display:block; width:100%; text-align:center; }
	.whatsnewfrom table tr	{ border-bottom:1px solid #ccc; padding:10px; }
	.whatsnewfrom table td:last-child { text-align:center; padding-bottom:15px; }
	.whatsnewfrom table td:nth-child(3) { transform: rotate(90deg); }
	.whatsnewfrom table th	{ margin:10px 0 0 0; }
	.whatsnewfrom table tr:first-child th 	{ margin:0; }
}

.entry-content h2.archive-title		{ font-size:1.4rem; line-height:1.4; padding:0; margin:0; color:#444; font-weight:900; background:transparent !important; }
.entry-content h2.archive-title::hover	{ border:none; }
.entry-content h2 span a	{ color:#fff; }/*h2にアンカータグが付いた場合20230925*/

/*  共通フッターまわり */
.bgnormal .footer { margin-bottom:0em; }
footer		{ padding:0rem 0; font-size:.8rem; background-color:var(--lab-blue);}
footer ul	{ display:flex; flex-wrap:wrap; width:100%; margin:0; padding:.5rem 0 0 0; }
footer ul li:last-child::after	{ content:""; }
footer ul li:nth-child(1)	{ width:7rem; }
footer ul li:after		{ content:"|"; margin-left:.5rem; margin-right:.5rem; }
footer ul li:nth-child(1):after { content:""; }
.comment-meta { padding:0; background-color:transparent; }
@media only screen and (min-width:768px) { .footer .copyright { float:none; display:block;text-align:center; } #container { overflow:visible; /*20190514added*/ }
}

#page-otayori	{ display:block; width:70px; height:70px; position:fixed; background-color:#f55e5e; border-radius:50%; right:20px; bottom:10px; line-height:80%; z-index:99999; text-align:center; filter:drop-shadow(2px 2px 2px 2px rgba(0,0,0,0.3)); }
#page-otayori a { color:#fff !important; display:block; text-decoration:none !important; }
#page-otayori a i	{ font-size:1.3rem; padding:0; padding-top:13px; margin:0; }
#page-otayori a strong	{ font-size:9px; line-height:.5; font-weight:900; padding:0; margin:0; }
#page-otayori a i::before	{ font-family:"FontAwesome"; content:"\f0e0"; }
#page-otayori a.chev { color:#fff !important; display:block; text-decoration:none !important; width:70px; height:70px; padding-top:25px; } /* 20210929 added */
#page-otayori a.chev i::before	{ font-family:"FontAwesome"; content:"\f077"; font-style:normal; }

/*  サイドバーまわり */
#sidebar1 { margin-left:0; }
#sidebar1 .widget_text a img.sidebar-otayori	{ width:100% !important; height:auto; border:1px solid #ccc!important; margin:0; }
#sidebar1 .widget_text a img.sidebar-campaign	{ width:100%; height:auto; border:1px solid #ccc; margin:1rem 0; }
.entry-content h2,.widgettitle	{ text-align:left; }
#analyticsrank_widget-2 dl 	{ display:flex; justify-content:space-between; width:100%; } /*th'number should be replaced to appropriate one.*/
#analyticsrank_widget-2 dl dt	{ min-width:75px; }
#analyticsrank_widget-2 dl dt img	{ border-radius:3px; width:65px; }
#analyticsrank_widget-2 dl dd		{ width:auto; }
#analyticsrank_widget-2 dl dd .date	{ text-align:right; font-size:.8rem; }
#blogger_widget-2 ul li,
#bloggers ul li	{ border-bottom:1px solid #eee; padding:.3rem 0; margin:0; }
#blogger_widget-2 ul li	img,
#bloggers ul li img { border-radius:50%; border:3px solid #fff; width:40px; height:40px; vertical-align:middle; box-shadow:0px 1px 5px #ccc; margin:0 .5rem 0; }
#slide_bloggers { display:block; width:50%; border:1px solid #aaa; color:#aaa; margin:.5rem auto; padding:.3rem; text-align:center; border-radius:3px; text-wrap: nowrap;  }
#slide_bloggers:hover { border:1px solid #aaa; color:#fff; background:#aaa; }
#slide_bloggers.odd::before   { font-family:"FontAwesome"; content:"\f078"; padding:0 .2rem 0 0; }
#slide_bloggers.oddup::before { font-family:"FontAwesome"; content:"\f077"; padding:0 .2rem 0 0; }

#calendar_wrap table#wp-calendar caption{ margin:0 0 .5rem; }
#calendar_wrap table#wp-calendar td 	{ width:2rem; height:2rem; line-height:2; }
#calendar_wrap table#wp-calendar td a	{ display:block; background:rgba(65,165,201,.3); margin:0 auto; border-radius:50%; line-height:2; height:2rem; width:2rem; }
#calendar_wrap table#wp-calendar td a:hover	{ background-color:rgba(65,165,201,1); color:#fff; }
#calendar_wrap nav.wp-calendar-nav	{ display:flex; justify-content:space-between; margin:.5rem 0 0 0; }
#calendar_wrap table#wp-calendar td#prev a,
#calendar_wrap table#wp-calendar td#next a	{ background-color:rgba(65,165,201,0); text-decoration:underline; }
#sidebar1 .textwidget iframe	{ width:100% !important; border:1px solid #000; }
#sidebar1 .sidelist		{ margin:0 0 1rem; }
#sidebar1 .side-banner img	{ width:100%; height:auto; border-radius:3px; }

/*  トップページのみ */
#custom_header		{ height:300px; margin-bottom:0; margin-top:0 !important; background-size:cover; }
.header-text		{ display:none; }
.slick-prev:before,
.slick-next:before	{ color:#fff; }
#top_carousel		{ position:relative; top:-260px; margin-bottom:-225px; height:225px; background-color:#fff; }
.carouselwrap .entry-title	{ font-size:1.2em; line-height: 1.1; }
.carouselwrap .eyecatch 	{ width:340px !important; min-height:175px !important; height:175px !important;  border:1px solid #ccc;  }
.carouselwrap .eyecatch img	{ object-fit:cover; width:100%; height:100%; }
.slick-slide			{ height:300px; }


/*  トップページのみの「購読する」 */
.mailwind_sp		{ display:none; }
.mailwind_pc		{ display:block; }
@media only screen and ( max-width:767px ) { 
	.mailwind_sp	{ display:block; margin:5px 2px 10px 2px; }
	.mailwind_pc	{ display:none; }
	#mailwnd .mw_title h4	{ font-size:.9rem; }
	#mailwind_result0 { font-size:.8rem; }
}

#mailwnd		{ border-radius:3px; background-color:#dddbc1; padding:.75rem; width:100%; margin-top: 20px;}
#mailwnd .mw_title	{ display:flex; justify-content:space-between;   }
#mailwnd .mw_title h4	{ font-size:1em; text-align:left; margin:0; flex-grow:2; }
#mailwnd .mw_title a.link	{ color:#666; padding:0 !important; font-size:.8rem; }
#mailwnd .mw_title span.close	{ font-size:1.2rem; width:2rem; padding:0 !important; color:var(--lab-green); }
#mailwnd form			{ display:flex; margin:.5rem 0 0 0; width:100%;}
#mailwnd form input[type="text"] { -webkit-appearance:none !important; margin-bottom:.5rem; padding:3px 10px; width:80% !important; height:40px !important; font-size:.8rem; box-sizing:border-box; border-radius:5px 0 0 5px;border:0 solid #ccc;border-right:none;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;vertical-align:middle; }
#mailwnd form input[type="button"] { -webkit-appearance:none !important;padding:0 !important;color:#fff;width:20% !important;height:40px !important;font-size:100%;vertical-align:top;border:none;border-radius:0 5px 5px 0;background:var(--lab-green); }
#mailwnd form input[type="button"]:hover{ padding-top:6px; padding-bottom:4px; border:1px solid #334c66; background-color:#69c; color:#e0ebf5; box-shadow:inset 0 0 2px #3a6da0; }

/*  トップページ、Archiveページで使用 */
.top-post-list article			{ margin:25px 0; clear:left; }
.top-post-list .post-list		{ padding:0; }
.top-post-list .post-list:first-child a { border:none; }
.top-post-list .post-list .author	{ float:right; display:flex; align-items:center; }
.top-post-list .post-list .author .author-list-avatar a { padding:0; margin:0; }
.top-post-list .post-list .author .author-list-avatar a.archive_prof img	{ border-radius:50%; border:3px solid #fff; box-shadow:0 1px 5px #ccc; margin-bottom:5px; margin-right:.5rem; display:block; /*width: 48px; height: 48px;*/ }
.top-post-list .post-list .author .author_list_name a { padding:0; font-size:1rem; font-weight:900; }
.top-post-list .post-list a		{ border:none; }
.top-post-list .post-list .eyecatch	{ width:42%; max-width:320px; float:left; max-height:180px; overflow:hidden; position:relative; }
.top-post-list .post-list .eyecatch img.wp-post-image { width:320px; height:180px !important; object-fit:cover; }

/*Singleで使う*/
.entry-header .entry-meta { display:flex; align-items:flex-start; margin-bottom:.5rem; }
.entry-header time	{ line-height: 50px; }
.entry-header .author	{ display:flex; align-items:top; margin-right:1rem; }
.entry-header .author .author-list-avatar	{ width: 48px; margin-right:.6em; }
.entry-header .author .author-list-avatar img{ border-radius:50%; border:3px solid #fff; box-shadow:0 1px 5px #ccc; margin-right:.5rem; display:block; width: 48px; height: 48px; object-fit:contain; }
.entry-header .author_list_name a	{ padding:0; font-size:1rem; font-weight:900; line-height: 48px; white-space: nowrap; }
.entry-header .author_tag	{ margin:10px 0 .5rem 0; }
.entry-header .author_tag ul	{ display:flex; flex-wrap:wrap; margin:0; align-items:center; }
.entry-header .author_tag ul li a { display:block; margin: .2rem .2rem .2rem 0; padding: .3em; border-radius:2px; text-decoration: none; color: var(--lab-blue); background: #fff; border: 1px solid var(--lab-blue); font-size:8px; }
.entry-header .author_tag a:before { content: "#"; }
.single .entry-content h2 a	{ color:#fff; }
.single .entry-content h2 a:hover	{ color:#E69B9B; }


/*Widgetで使う*/
#blogger_widget-5 {}
#blogger_widget-5 ul{ width:100%; }
#blogger_widget-5 ul li{ display:flex; align-items: center; }
#blogger_widget-5 .archive_prof img	{ border-radius:50%; border:3px solid #fff; box-shadow:0px 1px 5px #ccc; margin-bottom:0; margin-right:.5rem; display:block; width: 48px; height: 48px; }
#blogger_widget-5 .author_list_name { padding:0; font-size:1rem; font-weight:900; }

/*  Archiveページで使用 */
.archive .archive-title	{ display:flex; align-items:center; }

/*記事ページで使用*/
#main .article header	{ margin:1.5rem 0;　border:1px solid #000; }
#main .entry-content	{ color:#1a1a1a !important; }
#main .entry-content blockquote { opacity:1; }
#main .entry-content ul li { margin:.3rem 0 0 0;}
.single .byline		{ margin:1rem 0; }
.single .byline .cat-name { position:relative; left:0; top:0; transform:rotate(0deg); }
.byline .writer, .byline .writer a { display:inline-block; vertical-align:middle;  }
.byline .writer::before	{ content:""; }
.byline .writer .fn img	{ border-radius:50%; margin-right:3px; vertical-align:middle; }

.navigation		{ display:flex; justify-content:space-between; font-size:0.8rem; }
.navigation .prev	{ width:50%; border-right:1px solid #ccc; padding:0 10px 0 0; }
.navigation .next	{ width:50%; padding:0 0 0 10px; }
.navigation .prev::before	{ content:"前の記事へ"; padding:0 0 0 115px; }
.navigation .next::before	{ content:"次の記事へ"; padding:0 115px 0 0; }
html:lang(en-US) .navigation .prev::before	{ content:"Previous article"; padding:0 0 0 115px; }
html:lang(en-US) .navigation .next::before	{ content:"Next article"; padding:0 115px 0 0; }
html:lang(zh-CN) .navigation .prev::before	{ content:"上一篇"; padding:0 0 0 115px; }
html:lang(zh-CN) .navigation .next::before	{ content:"下一篇"; padding:0 115px 0 0; }
html:lang(zh-TW) .navigation .prev::before	{ content:"上一篇文章"; padding:0 0 0 115px; }
html:lang(zh-TW) .navigation .next::before	{ content:"下一篇文章"; padding:0 115px 0 0; }
html:lang(ko-KR) .navigation .prev::before	{ content:"이전 글로"; padding:0 0 0 115px; }
html:lang(ko-KR) .navigation .next::before	{ content:"다음 글로"; padding:0 115px 0 0; }

.prev a .eyecatch 	{ padding:0 0 0 20px ; }
.next a .eyecatch 	{ padding:0 20px 0 0 ; }
.np-post a .eyecatch i	{ padding:0 10px; font-size:3rem; }
.np-post a .eyecatch img{ width:64px !important; height:64px !important; object-fit:cover; border-radius:50%; border:1px solid #ccc; }
.np-post a .ttl { width:70%; }
.comment	{ border-bottom:1px dotted #ccc; }
.reply a.comment-reply-link	{ text-align:center; text-decoration:none; color:#fff; background:var(--lab-blue); font-size:.9em; border:1px solid var(--lab-blue); margin:0 0 1rem 0; padding:.2rem 1rem; transition:0.5s; }
.reply a.comment-reply-link:hover { background:#E69B9B; color:#fff; border:1px solid #E69B9B; }
.author-newpost .eyecatch img.wp-post-image { width:100%; height:105px !important; object-fit:cover; }

#main .ads_banner_single_top,
#main .ads_banner_single_bottom { width:100%; height:auto; display:block;}
#main .ads_banner_single_top	{ margin-bottom:25px; }
#main .ads_banner_single_bottom { margin-top:20px; }
#main .adsence_title		{ font-size:.7rem; }

/*関連性の高い記事のスタイル*/
.crp_related		{ width:100%; }
.crp_related .h_ttl 	{ font-size:12px; text-align:left; margin:1em 0; padding:1em .1em; }
.crp_related .h_ttl span{ font-size:1.8em; margin-right:0.5em; position:relative; bottom:-2px; font-weight:normal; }

/* Archiveリストでプロフ入れる*/
.authorbox	{ border-radius:4px; position:relative; margin:0 auto 1.5rem auto; padding:1rem; width:100%; background-color:rgba(27, 180, 180, .1); color:#555; border:1px solid #eee; box-shadow:0 1px 1px #acacac; border-radius:4px; }

.authorbox h2.h_ttl	{ font-size:12px; margin:0; padding:1rem 0 0 1.2rem; }
.authorbox h2.h_ttl span	{ font-size:1.8em; padding:0 .5rem 0 0; position:relative; bottom:-2px; font-weight:500; }
.authorbox .profile	{ display:flex; margin: 15px; }
.authorbox .profile .author-avatar 	{ }
.authorbox .profile .author-avatar img	{ margin-bottom:0; display:block; border:4px solid #fff; box-shadow:0 0 10px #ddd; }
.authorbox .profile .author-avatar img:hover {  /* position: unset; */ opacity: .8; margin: 0; }
.authorbox .profile .author-detail { width: calc(100% - 120px); padding-left:15px; }
.authorbox .profile .author-detail .name	{ font-size:1em; font-weight:999; margin:0 0 .5rem; text-decoration:none; }
.authorbox .profile .author-detail .name a	{ text-decoration:none; }
.authorbox .profile .author-detail a		{ text-decoration:none; color:#444; text-decoration:underline; }
.authorbox .profile .author-detail .profile_description{ font-size:0.8rem; }
.authorbox .author_sns		{ display:flex; justify-content:center; align-items:center; margin:1rem; }
.authorbox .author_sns li	{ margin: 0 .5rem; }
.authorbox .author_sns li a	{ text-decoration:none; color:var(--lab-blue) !important; margin:1rem; transform:scale(1.5); display: block; }
.authorbox .author_sns li.author-twitter a	{ filter: invert(22%) sepia(78%) saturate(822%) hue-rotate(181deg) brightness(91%) contrast(90%); }
.authorbox .ouen_link a		{ display:block!important; width:95%; font-size:.9rem!important; margin:1rem auto!important; padding:10px!important; text-align:center!important; background: rgb(32,74,125); color:#fff!important; border-radius:3px; text-decoration:none; }
.ouen_link a::before	{ content:"\f0a1"; font-family:'FontAwesome'; margin:0 10px 0 0; }
.ouen_link a:hover	{ opacity:0.6; }


/*お問い合わせフォームのスタイル*/
.hearing_description	{ margin:10px 0 0 0; padding:10px 0 0 0; line-height:150%; }
i.smlg			{ margin:0 .5em; font-size:1.2em; color:#577baf; }
.sumulog_form input[type="text"],
.sumulog_form textarea	{ border-radius:3px; font-size:100%; padding:.3em; margin:.5em 0; line-height:150%; color:#000; border:1px #ccc solid; }
.sumulog_form input[type="submit"]{ font-size:100%; padding:1em;background:#577baf;color:#fff;border-radius:3px;cursor:pointer;font-weighht:bold;margin:.5em auto 0 auto !important;text-align:center !important;font-family:"FontAwesome";border:1px #577baf solid; }
.sumulog_form input[type="submit"]::before { font-family:"FontAwesome"; content:"\f044"; color:#fff; }
.screen-reader-response,
.wpcf7-response-output	{ margin:1em 0 ; font-size:.8em; color:#577baf; line-height:150%; font-weighht:bold; } 
.wpcf7-not-valid-tip	{ margin: 0; font-size:.8em; color:#577baf; line-height:150%;  font-weighht:bold; }
.wpcf7-form-control-wrap input[type="text"].wpcf7-text { max-width:100% !important; margin-right:0 !important; }
textarea.wpcf7-textarea { width:100% !important; }
.cf_message		{ display:none; }
.sent .cf_message	{
	display:block;
	font-size:1.2em !important;
	line-height:150%;
	color:#577baf !important;
	border:1px solid #577baf;
	margin:1em 0;
	padding:1em;
	text-align:center;
	border-radius:3px;
	font-weight:bold; }
.sent_thanks {
	font-size:1.2em !important;
	line-height:150%;
	color:#577baf !important;
	border:1px solid #577baf;
	margin:1em 0;
	padding:1em;
	text-align:center;
	border-radius:3px;
	font-weighht:bold; }
.wpcf7-mail-sent-ok	{ border:none; }
.wpcf7-display-none	{ display:none; }
.consultation_form .wpcf7-submit { font-size: 103%; font-weight: normal; text-indent: 20px; letter-spacing: 20px; }
.wpcf7 form.sent .wpcf7-response-output,
#paypal-button-container strong { display:block; padding:16px 20px; border:3px solid #74db60; line-height:1.8; color:var(--lab-green); font-size:1rem; background:#e5ffe0; }
.wpcf7 .screen-reader-response { display: none; }
.wpcf7 form.invalid .wpcf7-response-output {
	background: #ffe5e7;
	color: #c91b1b;
	border: 3px solid #f9d8db;
	padding: 10px
}
.wpcf7 form.invalid .wpcf7-not-valid { border: 3px solid #f9d8db; }
.wpcf7-not-valid-tip	{ color: #c91b1b; }
.wpcf7 .ajax-loader	{ display: block; margin: 5px auto; }


.respnsvad { width:728px; /*height:90px;*/ margin:0 0 .7rem 0; }
.top-post-list .eyecatch		{ background-color:#fff ; border:1px solid #ccc; }
.top-post-list .eyecatch .cat-name	{ display:flex; flex-wrap:wrap; justify-content: flex-end; background-color:transparent !important; padding:0; }
.top-post-list .eyecatch .cat-name a	{ font-size:11px; padding:.1em .5em; margin:0 0 5px 5px; opacity:.9; background:#ff7f50; color:#fff; }
.top-post-list .archive_sponly { display:none; }


.balloon__contener { clear: both; width: 100%; padding: 10px 0; }
.balloon__contener:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.balloon__contener figure { width: 60px!important; position: absolute; padding: 0; margin: 0; top: 0; }
.balloon__contener figure figcaption { color: #000; width: 60px; position: absolute; text-align: center; font-size: .7rem; line-height: 100%; }
.balloon__contener .balloon__left { width: 100%; position: relative; display: block; max-width: 100%; clear: both; }
.balloon__contener .balloon__left figure { left: 0; }
.balloon__contener .balloon__left .balloon__text { margin-left: 80px; position: relative; padding: 20px; border-radius: 5px; border: 1px solid #ccc; }
.balloon__contener .balloon__left .balloon__text::before { content: ''; position: absolute; display: block; width: 0; height: 0; left: -9px; top: 12px; border-right: 12px solid #ccc; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.balloon__contener .balloon__left .balloon_text_after { content: ''; position: absolute; display: block; width: 0; height: 0; left: -8px; top: 12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; transform:rotate(180deg); }
.balloon__contener .balloon__right { width: 100%; position: relative; display: block; float: right; max-width: 100%; clear: both; }
.balloon__contener .balloon__right figure { right: 0; }
.balloon__contener .balloon__right .balloon__text { margin-right: 80px; position: relative; padding: 20px; border-radius: 5px; border: 1px solid #ccc; }
.balloon__contener .balloon__right .balloon__text::before { content: ''; position: absolute; display: block; width: 0; height: 0; right: -12px; top: 12px; border-left: 12px solid #ccc; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.balloon__contener .balloon__right .balloon_text_after { content: ''; position: absolute; display: block; width: 0; height: 0; right: -10px; top: 12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; transform:rotate(180deg); }

.balloon__contener .balloon__left figure img,
.balloon__contener .balloon__right figure img { width:60px!important; height:60px!important; object-fit:cover; margin:0 auto 3px auto!important; }

@media only screen and (max-width: 767px){
  .balloon__contener figure img { border-radius: 50%; width: 60px!important; height: 60px!important; border: solid 1px #ddd; object-fit:cover; }
  .balloon__contener .balloon__left,
  .balloon__contener .balloon__right { max-width: 100%; }
}


.gallery-caption { font-size:.7rem!important; line-height:1; }
.gallery	 { float:none!important; display:flex!important; justify-content:center; flex-wrap:wrap; padding:0; }

 /* 767px以下用（タブレット／スマートフォン用）の記述 */
@media screen and ( max-width:767px ) {
	.respnsvad { width:100%; /*height:70px !important;*/ }
	body	{ }
	#main	{ padding-bottom:0; }
	#main .pagination,
	.wp-prev-next { margin:3em 0 2em; }
	.pagination ul, .page-links ul { justify-content:space-between; }
	#inner-content	{ width:100%; padding:0; display:block; }
	#main		{ padding:1em; width:100%; }
	#sidebar1	{ padding:1rem 1em; margin:.5rem 0; width:100%; }
	#sidebar1 .adsense-wrap		{ display:block; clear:both; margin:0 0 1rem; }
	#sidebar1 #custom_html-3 .custom-html-widget img { width:100%!important; height:auto; border:#0f0;}
/*	#sidebar1 #custom_html-4 iframe#twitter-widget-0 { max-width:360px !important; font-size:.5rem; } */
	#sidebar1 #custom_html-4 iframe	{ max-width:360px !important; font-size:.5rem; display:block; }
	.wrap	{ width:auto; }
	#sb	{ display:none; }
	#custom_header	{ display:none; /*height:200px; top:0; background-color:#fff; background-image:none !important;*/ }
	#top_carousel	{ top:-200px; margin-bottom:-230px; height:190px; height:auto; background-color:transparent; }
	.carouselwrap .eyecatch { width:310px !important; height:200px !important; }
	.slick-slide		{ height:200px; }
	.carouselwrap .eyecatch .cat-name	{ right:0; }

	.gallery	{ margin: 0.5em auto 1em!important; }
	.gallery-item	{ float:none!important; width:100%!important; }
	.gallery img	{ width:100%; }

	.area_tag	{ overflow-x: scroll; -webkit-overflow-scrolling: touch; }
	.area_tag ul	{ display:flex; justify-content: space-between; align-items: center; font-size:.8rem; width:700px; overflow: scroll; }
	.area_tag ul::-webkit-scrollbar { display:none; }
	.area_tag ul li:not(.divided)	{ min-width: 60px; }
	.area_tag ul li.divided	{ min-width:16px; text-align:center; }
	.area_tag ul li:nth-child(1)	{ min-width: 140px!important; }
	.area_tag ul li:nth-child(9)	{ min-width: 75px; }/*北海道*/
	.area_tag ul li:last-child	{ min-width: 75px; }/*その他*/
	.area_tag ul li a	{ flex-basis: min-content; white-space nowrap; border:1px solid #fff; padding:5px 10px; margin:5px; border-radius:3px; color:#fff; text-decoration:none;transition-duration: 0.5s; }
	.area_tag ul li a:hover	{ background:rgba(255,255,255,1); color:#2E8BC0;}
	.area_tag .premium a { min-width: 140px; padding: 5px 10px 5px 25px; }

	#sb ul.sb	{ width:100%; }
	footer ul	{ display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin:0; }
	footer ul li	{ text-align:center; }
	footer ul li:nth-child(1)	{ width:100% !important; text-align:center; }
	 .footer .copyright		{ display:block;text-align:center; margin:0 auto; }

	.entry-content h2.archive-title { font-size:1rem;}

	.byline .cat-name	{ margin-top:0.5em; margin-left:0.2em; font-size:0.5rem; }
	.byline .date		{ margin-right:0.3rem;}
	.byline .writer,
	.byline .writer a	{ display:inline-block; vertical-align:middle; margin-left:-0.2rem; }

	/* top */
	.top-post-list article		{ margin:0 0 10px 0; }
	.top-post-list .post-list .author	{ padding:0 0 .3rem 0; }
	.top-post-list .eyecatch .cat-name a:nth-child(n+2)	{ display:none; }

	.top-post-list .post-list .author .author-list-avatar img { width:20px; height:20px; border:1px solid #fff; box-shadow:0px 1px 3px #ccc; }
	.top-post-list .post-list .entry-content .date		{ float:left; }
	.top-post-list .post-list .author .author_list_name a	{ font-weight:500; font-size:.8rem; padding-right:.3rem; line-height:1; }

	.top-post-list .post-list .author .author-list-avatar a.archive_prof	{ border:1px solid #fff; width:auto; height: 16px; background-size:900%; }

	.top-post-list .post-list .eyecatch img.wp-post-image { width:100%; height:100px !important; object-fit:cover; }
	.top-post-list .post-list .entry-content { padding:0 0 0 2%; overflow:hidden; }

	.navigation .prev::before,
	.navigation .next::before		{ padding:0; }
	.navigation .prev a figure.eyecatch	{ padding:0 5px 0 10px; }
	.navigation .next a figure.eyecatch	{ padding:0 10px 0 5px; }
	.navigation .prev a figure.eyecatch img,
	.navigation .next a figure.eyecatch img	{ width:32px!important; height:32px!important; }

	.page-template-page-users .userlist_newest_article dl.body dt img	{ margin-right:.5rem !important; }
	.page-template-page-users .userlist_newest_article dl.body dd .date	{ font-size:.7rem; margin-bottom:.5rem; }
	.page-template-page-users .userlist_newest_article dl.body dd .newest_article_title	{ font-size:.8rem;  }
	.page-template-page-users .userlist_newest_article dl.body dd .tag a	{ font-size:.5rem; }
	.page-template-page-users .userlist_newest_article dl.body dd .readall a::after		{ margin:0 0 0 .5rem; }
	.page-template-page-users .authorbox .profile .profile_description	{ padding-left:0%; padding-top:.5rem; }

	#visual			{ height:180px; }
	#visual .entry-header	{ height:180px; }
	#visual .entry-header h1.entry-title	{ font-size:1.2rem!important; }
	.single .main-pc	{ display:none; }
	.single .main-sp	{ display:block; }
	.single #main		{ padding:0 1em; }
	.top-post-list .archive_sponly { display:block; border-bottom:1px solid #eee; border-top:1px solid #eee; padding:.5rem 0; margin:.5rem 0; }

	header.entry-header .entry-meta { align-items:center; flex-wrap:wrap; }
	header.entry-header .author	{ align-items:center; }
	header.entry-header .author .author-list-avatar { margin-right:.3rem; }
	header.entry-header .author .author-list-avatar img	{ margin:0; }
	header.entry-header .author .author_list_name a { margin:0 0 0 .5rem; }
	header.entry-header .author .author-list-avatar a { /*overflow: hidden; text-indent: 100%; white-space: nowrap; font-size:0;*/ }
	header.entry-header .author_list_name a		{ font-size:.8rem; white-space: nowrap;  }
	header.entry-header .author_tag	{ display:block; width:100%!important; flex-basis:100%; }
	header.entry-header .author_tag ul { width:100%!important; }
	.entry-content h2	{ font-size:1.2rem;line-height:1.2; }
}

/* 記事タイトルH1系  salvaged by yamaguchi on 20190827*/
#visual			{ background-size:cover; background-position:center; height:280px; }
#visual .entry-header	{ background-color:rgba(0,0,0,0.25); height:280px; position:relative; }
#visual .entry-header h1.entry-title { 
	width:80%;
	color:#fff;
	text-align:center;
	font-size:1.8rem;
	text-shadow:0 0 10px rgba(0, 0, 0, 0.8);
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
}
#visual .entry-header .kategori .kat-name  { background:#ff7f50; color:#fff; padding:.2em .4em; margin:0 0 5px 5px; font-size:12px; line-height:1.5; font-weight:900; float:right; }
.single .main-pc	{ display:block; }
.single .main-sp	{ display:none; }

/* 記事下 Twitter フォローボタン */
.twitter-share			{ background-size:cover; background-position:center; height:200px; margin:0 0 1.5rem; }
.twitter-share .tw-share-inner	{ background-color:rgba(0,0,0,0.25); height:200px; position:relative; }
.twitter-share .tw-share-inner p{ font-size:1.1em; text-align:center; color:#fff; padding:2rem 0 1rem; margin:0; font-weight:700;  }
.twitter-share .tw-share-inner .tw-follow	{ text-align:center; margin:0 0 15px; }

/* カスタマイザーで設定したファイルを移植 20190818 */
body		{ color:#3E3E3E;}
a,
#breadcrumb li.bc_homelink a::before,
.authorbox .author_sns li a::before	{ color:var(--lab-blue); }
a:hover			{ color:#E69B9B;}
.article-footer .post-categories li a,
.article-footer .tags a	{ background:var(--lab-blue); border:1px solid var(--lab-blue); }
.article-footer .tags a	{ color:var(--lab-blue); background:none;}
.article-footer .post-categories li a:hover,
.article-footer .tags a:hover		{ background:#E69B9B; border-color:#E69B9B; }
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],input[type="time"],
input[type="week"],
input[type="number"],input[type="email"],
input[type="url"],input[type="search"],
input[type="tel"],input[type="color"],
select,
textarea,
.field			{ background-color:#fff; }
.header			{ color:#666;}
.header.bg, .header #inner-header, .menu-sp { /*background:#fff;*/ }
#logo a			{ color:#ee2; }
#g_nav .nav li a,
.nav_btn,.menu-sp a,
.menu-sp a,
.menu-sp > ul:after	{ color:#fff;}
#logo a:hover,
#g_nav .nav li a:hover,
.nav_btn:hover		{ color:#eee; }

/*
	@media only screen and (min-width:768px) { iPad

		#g_nav .nav li ul.sub-menu li a	{ color:#f7f7f7; }
	}
	@media only screen and (max-width:1165px) {
		.site_description	{ background:#fff; color:#666;}
	}
*/

#inner-content,
#breadcrumb,
.entry-content blockquote:before,
.entry-content blockquote:after		{ background:#fff; }
.top-post-list .post-list:before	{ background:var(--lab-blue); }
.widget li a:after			{ color:var(--lab-blue); }
.entry-content h2			{ background:var(--lab-blue); color:#fff; padding:0.75em 0.8em; border-radius:3px; margin:1rem 0; line-height:1.2; }
.widgettitle				{ padding:0; }
.entry-content h3			{ border-left:5px solid var(--lab-blue); padding-left:.5rem; }
.h_boader .entry-content h2		{ border-color:var(--lab-blue); color:#3E3E3E; }
.h_balloon .entry-content h2:after	{ border-top-color:var(--lab-blue); }
.entry-content ul li:before		{ background:var(--lab-blue); }
.entry-content ol li:before		{ background:var(--lab-blue); }
.post-list-card .post-list .eyecatch .cat-name,

.byline .cat-name,.single .authorbox .author-newpost li .cat-name,
.related-box li .cat-name,
.carouselwrap .cat-name,.eyecatch .cat-name	{ background:#ff7f50!important; color:#fff!important; }
ul.wpp-list li a:before			{ background:var(--lab-blue); color:#fff; }
.readmore a				{ border:1px solid var(--lab-blue); color:var(--lab-blue); }
.readmore a:hover			{ background:var(--lab-blue);color:#fff; }
.btn-wrap a				{ background:var(--lab-blue);border:1px solid var(--lab-blue); }
.btn-wrap a:hover			{ background:#E69B9B;border-color:#E69B9B; }
.btn-wrap.simple a			{ border:1px solid var(--lab-blue);color:var(--lab-blue); }
.btn-wrap.simple a:hover		{ background:var(--lab-blue); }
.comment-reply-link, #submit		{ background-color:var(--lab-blue); }
.comment-reply-link:hover, #submit:hover,
.comment-reply-link:focus, #submit:focus { background-color:#E69B9B; }
#sidebar1				{ color:#444; }
.widget:not(.widget_text) a		{ color:#666; }
.widget:not(.widget_text) a:hover	{ color:#999; }
#footer-top .inner,
.footer a,#footer-top a			{ color:#f7f7f7; }

.footer.bg,.footer .inner 		{ background-color:var(--lab-blue); color:#CACACA; padding-top:.5rem; }
.footer-links li a:before		{ color:#fff;}
.pagination a, .pagination span,
.page-links a				{ border-color:var(--lab-blue); color:var(--lab-blue); }
.pagination .current,
.pagination .current:hover,.page-links ul > li > span	{ background-color:var(--lab-blue); border-color:var(--lab-blue);}
.pagination a:hover,
.pagination a:focus,
.page-links a:hover,
.page-links a:focus			{ background-color:var(--lab-blue); color:#fff;}

#button_other ul.sub-menu { font-size:.8rem; width:240px; padding-left:1rem; transition:opacity 0.2s ease 0.3s, transform 0s ease 0.5s; }
#button_other ul.sub-menu li ul.children { width:180px; background:#777; transition:opacity 0.2s ease 0.3s, transform 0s ease 0.5s; }

#button_other ul.sub-menu li.cat-item-sub a:after	{ content:"\f054"; font-family:"FontAwesome"; padding:0 0 0 .5rem; color:#ccc !important; }
#button_other ul.sub-menu li.cat-item-sub a:hover:after { content:"\f054"; font-family:"FontAwesome"; padding:0 0 0 .8rem; }
#button_other ul.sub-menu ul.children li.cat-item-sub a::after { content:" "; }

/* side ranking icons */
.ranking_side_icons img{
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0px 1px 5px #ccc;
	margin-bottom: 0;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	width: 35px;
	height: 35px;
}

.consultation_form input {
	margin-bottom: 0;
}

.building_name .this_building::before {
	content: "本物件";
}
.building_name .this_building {
	text-decoration: none;
	border-radius: 5px;
	display: inline-block;
	position: sticky;
	background-color: #f60;
	color: #fff !important;
	font-size: 12px !important;
	vertical-align: middle;
	padding: 1.5px 7px;;
	margin: 0 .5rem;
	white-space: nowrap;
	font-weight: normal;
}

.p_ad_button {
	padding: 15px;
	margin: 10px 3px;
	font-size: 0.95rem;
	border-radius: 10px;
	background-color: var(--ad-p-dark);
	text-align: center;
	box-shadow: rgb(238, 238, 238) 0px 2px 2px;
	display: block;
	color: #fff;
	font-weight: 900;
	white-space: nowrap;
	letter-spacing: -0.08em;
	transition-duration: 0.5s;
	text-decoration: none !important;
}

.p_ad_button:hover {
	background-color: var(--ad-p-light);
	color: #fff;
}

.p_ad_button_inquiries {
	width: 160px;
}

.p_ad_button_light {
	padding: 15px;
	margin: 10px 3px;
	font-size: 0.95rem;
	border-radius: 10px;
	background: var(--ad-p-light);
	text-align: center;
	box-shadow: rgb(238, 238, 238) 0px 2px 2px;
	display: block;
	color: #060;
	font-weight: 900;
	white-space: nowrap;
	letter-spacing: -0.08em;
	transition-duration: 0.5s;
	text-decoration: none !important;
}
.p_ad_button_light:hover {
	background-color: #ebffda;
	color: var(--ad-p-dark);
}

.y_ad_button_light {
	padding: 15px;
	margin: 10px 3px;
	font-size: 0.95rem;
	border-radius: 10px;
	background: var(--ad-y-light);
	text-align: center;
	box-shadow: rgb(238, 238, 238) 0px 2px 2px;
	display: block;
	color: var(--ad-y-dark);
	font-weight: 900;
	white-space: nowrap;
	letter-spacing: -0.08em;
	transition-duration: 0.5s;
	text-decoration: none !important;
}
.y_ad_button_light:hover {
	background-color: #eaf6fd;
	color: var(--ad-y-dark);
}
.l_ad_button_light {
	padding: 15px;
	margin: 10px 3px;
	font-size: 0.95rem;
	border-radius: 10px;
	background: var(--ad-l-light);
	text-align: center;
	box-shadow: rgb(238, 238, 238) 0px 2px 2px;
	display: block;
	color: var(--ad-l-dark);
	font-weight: 900;
	white-space: nowrap;
	letter-spacing: -0.08em;
	transition-duration: 0.5s;
	text-decoration: none !important;
}
.l_ad_button_light:hover {
	background-color: #ffebda;
	color: var(--ad-l-dark);
}

.y_ad_button_info, .l_ad_button_info {
	width: 160px;
}

.y_ad_button_dark {
	padding: 15px;
	margin: 10px 3px;
	font-size: 0.95rem;
	border-radius: 10px;
	background: var(--ad-y-dark);
	text-align: center;
	box-shadow: rgb(238, 238, 238) 0px 2px 2px;
	display: block;
	color: #fff;
	font-weight: 900;
	white-space: nowrap;
	letter-spacing: -0.08em;
	transition-duration: 0.5s;
	text-decoration: none !important;
}
.y_ad_button_dark:hover {
	background-color: #57B0D9;
	color: #fff;
}
.l_ad_button_dark {
	padding: 15px;
	margin: 10px 3px;
	font-size: 0.95rem;
	border-radius: 10px;
	background: var(--ad-l-dark);
	text-align: center;
	box-shadow: rgb(238, 238, 238) 0px 2px 2px;
	display: block;
	color: #fff;
	font-weight: 900;
	white-space: nowrap;
	letter-spacing: -0.08em;
	transition-duration: 0.5s;
	text-decoration: none !important;
}
.l_ad_button_dark:hover {
	background-color: #f5ab7a;
	color: #fff;
}

.y_ad_button_inquiries, .l_ad_button_inquiries {
	width: 160px;
}

.sidebar .neighbour .wrap	{ margin:0 0 1em 0; font-size:.9em; width:100%; }
.sidebar .neighbour .title	{ margin:0 0 .4em 0; padding:.2em 0; font-size:.9rem; }
.sidebar .neighbour .title span	{ display:flex; align-items: center; }
.sidebar .neighbour .photo	{ float:left; margin:0 .5em .5em 0; }

.sidebar .neighbour .price::before,
.sidebar .neighbour .madori::before,
.sidebar .neighbour .square::before,
.sidebar .neighbour .salebloks::before,
.sidebar .neighbour .address::before,
.sidebar .neighbour .train::before	{ font-family:"FontAwesome"; color:#ccc; font-size:.78rem; display:inline-block; text-align:center; width: 1.25rem; }
.sidebar .neighbour .price::before	{ content:"\f157"; }
.sidebar .neighbour .madori::before	{ content:"\f247"; }
.sidebar .neighbour .square::before	{ content:"\f1ad"; }
.sidebar .neighbour .salebloks::before	{ content:"\f1ad"; }
.sidebar .neighbour .address	{ clear:both; }
.sidebar .neighbour .address::before	{ content:"\f041"; font-size: 1rem; }
.sidebar .neighbour .train::before	{ content:"\f238"; }

.sidebar .neighbour .building_name p	{ display:flex; line-height:1; padding:5px 0; margin:0; text-decoration:none!important; background:#efefef; }
.sidebar .neighbour .building_name p a	{ align-self:center; text-decoration:none!important; color:#666; }

.sidebar .neighbour .building_name p.off { line-height:1; margin:0; text-decoration:none !important; }
.sidebar .neighbour .building_name p.off::before { font-family:"FontAwesome"; content:"\f0c8"; margin:0 2px 0 0; font-size:1.5em; color:#ccc; text-decoration:none !important; vertical-align:text-top; }
.sidebar .neighbour .building_name p.off a { text-decoration:none !important; font-weight:900; vertical-align:middle; color:#666; }
.sidebar .neighbour .building_name p .right_side_buildingname	{ flex-grow:3; padding:0 5px; }

.sidebar .neighbour ul			{ clear:both; padding:0; margin:.5em 0 0 0; display:flex; flex-wrap:wrap; justify-content:center; list-style:none; width:100%; }
.sidebar .neighbour ul li		{ text-align:center; padding:.3rem 0; margin:0; border:1px solid #ccc; width:25%; font-size:.8rem; }
.sidebar .neighbour ul li a		{ display:block; text-decoration:none; color:#666; }
.sidebar .neighbour ul li:hover	{ background:rgba(239,239,239,.8); }
.sidebar .neighbour ul li span		{ text-indent:100%; white-space:nowrap; overflow:hidden; }
.sidebar .neighbour ul li:nth-child(1) a,
.sidebar .neighbour ul li:nth-child(2) a,
.sidebar .neighbour ul li:nth-child(3) a,
.sidebar .neighbour ul li:nth-child(4) a { color:#666; }

.sidebar .neighbour ul li:nth-child(1) {border-radius:5px 0 0 5px; border-right:none; background-color:#FDECEC;}

.sidebar .neighbour ul li.junko_cs	{ border-bottom:3px solid var(--ad-p-dark); background:#ecfbea; letter-spacing:-0.05rem; }
.sidebar .neighbour ul li.junko_cs:hover{ background:#dce8da; }
.sidebar .neighbour ul li.nonjunko_cs	{ border-bottom:3px solid var(--ad-l-dark); }
.sidebar .neighbour ul li.nonjunko_cs:hover { background:#f5e9e4!important; }

.sidebar .neighbour ul li:nth-child(2) { border-bottom:3px solid #FD9C00; border-right:none; }
.sidebar .neighbour ul li:nth-child(3) { border-bottom:3px solid #fd9c00; border-right:none; }
.sidebar .neighbour ul li:nth-child(4) { border-bottom:3px solid var(--lab-blue); border-radius:0 5px 5px 0; } /*掲示板*/
.sidebar .neighbour ul li.matome { border-bottom:3px solid #d0d031; border-right:none; } /*wiki*/
.sidebar .neighbour ul li.sumulog { border-bottom:3px solid #1bb4d3; border-radius:0 5px 5px 0; } /*wiki*/

.sidebar .check_box	{ text-align:center; }
/*.sidebar		{ position:relative;  padding:.5rem; text-decoration:none; box-sizing:border-box; }*/
.sidebar		{ position:sticky;  padding:.5rem; text-decoration:none; box-sizing:border-box; }

.sidebar .submit_bt a	{ background-color:rgba(27,180,211,.2); color:#1BB4D3; border-radius:3px; box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.3); }
.sidebar .submit_bt a:hover	{ background-color:rgba(27,180,211,1); color:#fff; position:relative; top:2px;}

#right_side_bar_bottom_req_btn,
#right_side_bar_top_req_btn	{ display:flex; justify-content:space-between; align-items:center; position:relative; border-radius:5px; position:relative; }
#right_side_bar_bottom_req_btn #ikkatsu_check_on,
#right_side_bar_bottom_req_btn #ikkatsu_check_off,
#right_side_bar_top_req_btn #ikkatsu_check_on,
#right_side_bar_top_req_btn #ikkatsu_check_off { line-height:1; width:25%; }

#right_side_bar_bottom_req_btn p.submit_bt,
#right_side_bar_top_req_btn p.submit_bt		{ width:75%; }

#right_side_bar_bottom_req_btn .submit_bt a,
#right_side_bar_top_req_btn .submit_bt a	{ display:block; text-decoration:none; padding:.5rem 1rem;  font-weight:900; }

.caption	{ font-size:9px; color:#000;letter-spacing:-0.1em; white-space:nowrap; display:block; text-align:center; margin:0 auto;  }
/*.neighbour .building_name a.form_checkbox { width:15px; height:15px; display:block; padding:0 0 0 3px; margin:-3px 5px 0 0; float:left; text-decoration:none !important; }*/
.neighbour .building_name a.form_checkbox::before { display:block; width:25px;padding: 3px 0 0 5px; font-family:"FontAwesome"; content:"\f096"; font-size:1.5em; text-decoration:none !important; color:#000; }

/*.neighbour .building_name a.form_checkbox_on { width:15px; height:15px; display:block; padding:0 0 0 2px; margin:0 10px 0 0; float:left; text-decoration:none !important; }*/
.neighbour .building_name a.form_checkbox_on::before { display:block; width:25px; padding: 3px 0 0 5px; font-family:"FontAwesome"; content:"\f046"; font-size:1.5em; text-decoration:none !important; }

.class_ikkatsu_check_on:after{ font-family:"FontAwesome"; content:"\f14a"; margin:0 auto; font-size:2.5em !important; text-decoration:none!important; line-height:1.2; border-radius:5px; color:#E94643; display:block; width:43px; text-align:center; }
.class_ikkatsu_check_off:after{ font-family:"FontAwesome"; content:"\f096"; margin:0 auto; font-size:2.5em !important; text-decoration:none!important; line-height:1.2; border-radius:5px; color:#E94643; display:block; width:43px; text-align:center; }

/* スレ画面下の追尾公式リンク */
#btn_fixed_bottom {
	position: sticky;
	bottom: 0;
	z-index: 10;
	display: none;
	width: 100%;
	border-radius: 0 5px 0 0;
	background: #161616;
	box-shadow: 0 0px 1px #fff;
}

#btn_fixed_bottom .btn_fixed_bottom_name {
	position: absolute;
    top: -23px;
	max-width: 100%;
	min-height: 23px;
    padding: 3px 9px 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
	font-size: .95rem;
    background: #161616;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#btn_fixed_bottom ul {
	display: flex;
    justify-content: space-evenly;
    max-width: none;
    width: 100%;
	margin: 0;
	padding: 0 10px;
}

#btn_fixed_bottom ul li {
	max-width: 40%;
	width: 100%;
	margin: 10px 10px 10px 0;
	text-align: center;
}

#btn_fixed_bottom ul li:last-of-type{
	margin-right: 0;
}

#btn_fixed_bottom a {
	display: block;
	margin: 0;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 1rem;
	letter-spacing: 0;
	background: #fff;
	box-shadow: none;
}

#btn_fixed_bottom .l_ad_button_dark {
	background: var(--ad-l-dark);
}

#btn_fixed_bottom .l_ad_button_dark:hover {
	background-color: #f5ab7a;
}

#btn_fixed_bottom .p_ad_button {
	background: var(--ad-p-dark);
}

#btn_fixed_bottom .p_ad_button:hover {
	background: var(--ad-p-light);
}

#btn_fixed_bottom .y_ad_button_dark {
	background: var(--ad-y-dark);
}

#btn_fixed_bottom .y_ad_button_dark:hover {
	background: #57B0D9;
}

#btn_fixed_bottom a {
	color: #028fab;
}

#btn_fixed_bottom .main_btn a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#btn_fixed_bottom.st_pure .main_btn a {
	background: var(--ad-p-dark);
}

#btn_fixed_bottom.st_y .main_btn a {
	background: var(--ad-y-dark);
}

#btn_fixed_bottom.st_l .main_btn a {
	background: var(--ad-l-dark);
}

#btn_fixed_bottom.st_no_id {
	position: fixed;
	display: none;
	width: auto;
	padding: 0 8px;
	border-radius: 5px 5px 0 0;
	background: #2d2d2d;
	transform: translateX(-50%);
}

#btn_fixed_bottom.st_no_id .btn_fixed_bottom_name {
	display: inline-block;
	position: relative;
	top: 6px;
	padding: 3px 9px 0 5px;
	font-size: .9rem;
	background: none;
}

#btn_fixed_bottom.st_no_id ul {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
}

#btn_fixed_bottom.st_no_id li {
	display: inline-block;
	max-width: unset;
	width: auto;
	margin: 5px 0 5px 5px;
}

#btn_fixed_bottom.st_no_id li:first-of-type {
	margin-left: 0;
}

#btn_fixed_bottom.st_no_id a {
	font-size: .95rem;
}

/* --------------------------------------------- */
/* Mobile Styles */
/* --------------------------------------------- */
@media only screen and (max-width:767px) {
	#btn_fixed_bottom {
		position: fixed;
		left: 0;
		width: calc(100% - 87px);
	}
	#btn_fixed_bottom .btn_fixed_bottom_name {
		border-radius: 0 5px 0 0;
	}
	#btn_fixed_bottom ul li {
		display: none;
		max-width: 46%;
	}
	#btn_fixed_bottom ul li:first-of-type,
	#btn_fixed_bottom ul li:last-of-type {
		display: block;
	}
	#btn_fixed_bottom.st_sold_out ul li {
		max-width: none;
		width: auto;
	}
	#btn_fixed_bottom.st_sold_out ul li a {
		padding: 5px 15px;
	}
	#btn_fixed_bottom a {
		font-size: .75rem;
	}
}

@media only screen and (max-width: 480px) {
	#btn_fixed_bottom.st_no_id {
		left: 0;
		transform: translateX(0);
	}
}

@media only screen and (min-width: 600px) {
	#btn_fixed_bottom.st_sold_out {
		position: fixed;
		display: none;
		width: auto;
		margin-left: 10%;
		padding: 0 8px;
		border-radius: 5px 5px 0 0;
		background: #2d2d2d;
	}

	#btn_fixed_bottom.st_sold_out .btn_fixed_bottom_name {
		display: inline-block;
		position: relative;
		top: 6px;
		padding: 3px 9px 0 5px;
		font-size: .9rem;
		background: none;
	}

	#btn_fixed_bottom.st_sold_out ul {
		display: inline-block;
		width: auto;
		margin: 0;
		padding: 0;
	}

	#btn_fixed_bottom.st_sold_out li {
		display: inline-block;
		max-width: unset;
		width: auto;
		margin: 5px 0 5px 5px;
	}

	#btn_fixed_bottom.st_sold_out li:first-of-type {
		margin-left: 0;
	}

	#btn_fixed_bottom.st_sold_out a {
		font-size: .95rem;
	}

}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-left {
	transition: all .3s ease-in-out;
}

/*
@media only screen and (max-width:1165px) {
	.sidebar		{ position:static; padding:0; }
	#right_side_bar_bottom_req_btn,
	#right_side_bar_top_req_btn	{ width:95%; }
}
*/


#ad_modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 530000;
	display: none;
	width: 100%;
	height: 100%;
}

#ad_modal a::after {
	content: none;
}

#ad_modal.opened {
	display: block;
	animation: appear .25s ease;
}

@keyframes appear {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

#ad_modal_bg {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}

.ad_modal_building {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 720px;
	width: 100%;
	max-height: 90vh;
	transform: translate(-50%, -50%);
	box-shadow: 2px 2px 33px #2b2b2b;
	box-sizing: border-box;
	font-family: メイリオ,Hiragino Kaku Gothic Pro,Meiryo,ヒラギノ角ゴ Pro W3,MS PGothic,MS UI Gothic,Helvetica,Arial,sans-serif;
	cursor: pointer;
}

.ad_modal_banner .ad_modal_building {
	width: auto;
}

.ad_modal_building_name a {
	line-height: 1;
	text-decoration: underline;
	color: #016194;
	font-weight: bold;
	transition: all .15s ease-out;
}

#ad_modal_title {
	position: absolute;
	top: -28px;
	width: 100%;
	height: 34px;
	padding: 7px 12px;
	border-radius: 7px 7px 0 0;
	color: #333;
	font-size: 14px;
	letter-spacing: 1px;
	background: #E7E7DE;
	font-weight: 600;
	line-height: 1.6;
	margin: 0;
	border: none;
	list-style-type: none;
}

.ad_modal_banner #ad_modal_title {
	top: -34px;
}

.ad_modal_building_inner {
	overflow: auto;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 30px 55px 20px;
	border-radius: 0 0 7px 7px;
	background: #fff;
	transition: all .15s ease-out;
}

.ad_modal_banner .ad_modal_building_inner {
	text-align: center;
	padding: 0;
	max-width: 400px;
}

.ad_modal_building_inner .ad_modale_banner_link {
	display: inline-block;
	max-width: calc(100% - 30px);
	margin: 5px 0 7px;
	padding: 8px 14px;
	border-radius: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	background:var(--lab-green);
	transition: all .15s ease-out;
}

.ad_modal_building_inner .ad_modale_banner_link span {
	font-size: .8em;
	text-decoration: underline;
}

.ad_modal_building_name {
	margin-bottom: 25px;
	font-size: 25px;
}

.ad_modal_building_detail {
	display: flex;
	margin-bottom: 10px;
}

.ad_modal_building_left {
	margin-right: 25px;
	text-align: center;
	min-width: 150px;
}

.ad_modal_building_right {
	flex-grow: 1;
	min-width: 0;
}

.ad_modal_banner .building-image {
	margin-bottom: 5px;
	max-width: 100%;
	object-fit: scale-down;
}

.ad_modal_banner a:hover .building-image {
	opacity: 1;
}

.ad_modal_building_right .ad_modal_property_info {
	display: block;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

#ad_modal .ad_modal_building_right .ad_modal_property_info li {
	padding-left: 22px;
	list-style: none;
}

#ad_modal .ad_modal_building_right .ad_modal_property_info li::before {
	content: none;
}

#ad_modal .ad_modal_property_info li {
	position: relative;
	line-height: 1.5;
	margin-bottom: 2px;
	padding-left: 16px;
	text-align: justify;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 102.3%;
}

#ad_modal .ad_modal_property_info li i {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 1rem;
	margin-right: 4px;
	text-align: center;
	color: #ccc;
}

#ad_modal .ad_modal_property_info li i::before {
	font-weight: 900;
	font-family: "FontAwesome";
	font-style: normal;
}

#ad_modal_addressfull i::before {
	content: "\f041";
}

#ad_modal_transport i::before {
	content: "\f238";
}

#ad_modal_pricedisplay i::before {
	content: "\f157 ";
}

#ad_modal_roomlayoutdisplay i::before {
	content: "\f247";
}

#ad_modal_monopolyareadisplay i::before {
	content: "\f047";
}

#ad_modal_saleblocknumdisplay i::before {
	content: "\f1ad";
}

#ad_modal .ad_modal_official_site {
	text-align: center;
	margin-bottom: 20px;
}

#ad_modal .ad_modal_official_site a {
	display: inline-block;
	line-height: 1;
	padding: 18px 30px 15px;
	border-radius: 5px;
	letter-spacing: 6px;
	font-size: 23px;
	color: #fff;
	text-decoration: none;
	background:var(--lab-green);
	transition: all .15s ease-out;
}

#ad_modal .ad_modal_building_name a:hover,
#ad_modal .ad_modal_official_site a:hover,
#ad_modal .ad_modal_building_inner .ad_modale_banner_link:hover {
	opacity: .85;
}
#ad_modal .ad_modal_official_site a span {
	font-size: 12px;
	letter-spacing: 0;
	text-decoration: underline;
}

#ad_modal_help {
	margin-bottom: 10px;
	text-align: center;
}

.ad_modal_banner #ad_modal_help {
	margin-bottom: 0;
}

#ad_modal_help h6 {
	cursor: pointer;
	position: relative;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 5px;
	color: #333;
	font-weight: normal;
	text-decoration: underline;
	font-size: 12px;
}

#ad_modal_help h6::before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 2px;
	border: 3px solid transparent;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: transparent;
	border-left: 6px solid #000;
}


#ad_modal_help h6.opened::before {
	position: relative;
	top: 3px;
	left: -3px;
	border: 3px solid transparent;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: transparent;
	border-top: 6px solid #000;
}

#ad_modal_help_hide_area {
	padding: 0px 20px 0px;
	border-radius: 0 5px 5px 5px;
	text-align: left;
	color: #fff;
	font-size: .9em;
	background: #333;
	display: grid;
	transition: grid-template-rows 0.5s;
	transition: padding 0.2s;
	grid-template-rows: 0fr;
}

.ad_modal_banner #ad_modal_help_hide_area {
	width: 0;
}

#ad_modal_help_hide_area > * {
	overflow: hidden;
}

#ad_modal_help h6.opened + #ad_modal_help_hide_area {
	grid-template-rows: 1fr;
	padding: 14px 20px 15px;
}

.ad_modal_banner #ad_modal_help h6.opened + #ad_modal_help_hide_area {
	width: 100%;
}

#ad_modal_help_hide_area p {
	font-size: 1.3em;
	margin-bottom: 10px;
}

#ad_modal_help_hide_area li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 14px;
	letter-spacing: 2px;
	line-height: 1.6;
	list-style-type: none;
}

#ad_modal_help_hide_area li::before {
	content: '・';
	position: absolute;
	left: 0;
	color: #aaa;
	background: none;
}

#ad_modal_help_hide_area li a {
	color: #fff;
	text-decoration: underline;
}

#ad_modal_close_button::before, #ad_modal_close_button::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 10px;
	display: block;
	width: 3px;
	height: 16px;
	border-radius: 10px;
	background: #333;
	transform: rotate(45deg);
	z-index: 10;
}
#ad_modal_close_button::after {
	transform: rotate(-45deg);
}

#ad_modal_close_button {
	cursor: pointer;
	position: absolute;
	top: -39px;
	right: -8px;
	z-index: 10;
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid #888;
	border-radius: 50%;
	background: #FFF;
}

@media (max-width:767px) {
	#ad_modal .ad_modal_building {
		max-width: 650px;
		width: calc(100% - 20px);
		font-family: メイリオ,Hiragino Kaku Gothic Pro,Meiryo,ヒラギノ角ゴ Pro W3,MS PGothic,MS UI Gothic,Helvetica,Arial,sans-serif;
	}

	.ad_modal_banner .ad_modal_building {
		width: calc(100% - 20px);
	}

	.ad_modal_building_inner {
		padding: 28px 20px 10px;
	}

	#ad_modal .ad_modal_building_name {
		margin-bottom: 20px;
		font-size: 23px;
	}
	
	#ad_modal .ad_modal_building_left {
		min-width: 100px;
		margin-right: 12px;
		text-align: center;
	}

	#ad_modal .ad_modal_building_left figure img {
		max-width: 100%;
		height: auto;
		margin: 0;
		vertical-align: top;
	}

	#ad_modal .ad_modal_building_right .ad_modal_property_info {
		font-size: 14px;
	}

	#ad_modal .ad_modal_official_site {
		margin-bottom: 15px;
	}

	#ad_modal .ad_modal_official_site a {
		padding: 15px 20px 13px;
		letter-spacing: 2px;
		font-size: 22px;
	}

	#ad_modal_help {
		font-size: 14px;
	}
}

#lang_selector {
	text-align: center;
	display: block;
	justify-content:center;
	color:#fff;
	background: var(--lab-blue);
}
.pll-switcher-select {
	display: inline;
	padding:5px 10px 5px 5px;
	margin:0 10px;
	border:1px solid #fff;
	border-radius:3px;
	background:var(--lab-blue);
	color:#fff;
	appearance: auto;
}
.pll-switcher-select:focus {
	background:var(--lab-blue);
}

.junko_land_ads_head{
	width:300px;
}
@media screen and (max-width: 767px){
	.junko_land_ads_head{
		width:100%
	}
}

.searchbox .search ul {
	background-color: #FFF;
	color: #000;
}

.searchbox .search li {
	z-index: 100;
	cursor: pointer;
}
.searchbox .search li:hover {
	background-color: #CCC;
}

.searchbox .remodal-close {
	z-index: 50;
	position: relative;
	margin-top: 6em;
}

@media only screen and (max-width: 711px) {
    .fw-block {
		margin-bottom: 10px;
	}
}


/* ================================================== */
/* pmpro */
/* ================================================== */

.entry-content .pmpro_font-x-large {
	padding: 12px 0px 12px 16px;
	line-height: 1;
	font-size: 1.5em;
}

.entry-content .pmpro_card {
	box-shadow: initial;
	border-color: #CCC;
}

.entry-content .pmpro_card_content {
	padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--large) var(--pmpro--base--spacing--medium);
}

.entry-content .pmpro_card_content + .pmpro_card_actions {
	border-color: #ccc;
}

.entry-content {
	.pmpro {
		color: #3E3E3E;

		.pmpro_card h2 {
			color: #3E3E3E;
			background: none;
		}

		& #pmpro_account-membership {
			.pmpro_account-membership-message {
				margin-top: var(--pmpro--base--spacing--medium);
				padding-top: var(--pmpro--base--spacing--medium);
				border-color: #ccc;
			}
		}
		.pmpro_table {
			margin-bottom: 0;

			tr {
				border-bottom: none;
			}

			tbody th, tbody td, tfoot td {
				border-color: #ccc;
			}
		}

		.pmpro_card .pmpro_card_title {
			padding: 24px 36px 0;
			border: none;
		}

		.pmpro_card_content {
			p.pmpro_level_name_text {
				margin-top: 0;
			}

			p:last-child {
				margin-bottom: var(--pmpro--base--spacing--small);
			}

			#pmpro_account_loggedin {
				margin-bottom: var(--pmpro--base--spacing--small);
			}
		}

		.pmpro_btn:not(.pmpro_btn-submit-checkout-paypal, .pmpro_btn-password-toggle, .pmpro_btn-cancel) {
			border-radius: 50px;
			background: var(--lab-blue);
			white-space: initial;
		}

		.pmpro_btn-cancel {
			border-radius: 50px;
			border-color: #3E3E3E;
			box-shadow: none;
			color: #3E3E3E;
			background-color: transparent;
		}

		.pmpro_btn:hover, .pmpro_btn:focus {
			background-color: var(--pmpro--color--accent--variation);
			background-position: 0 0;
			border-color: var(--pmpro--color--accent--variation);
		}

		.pmpro_btn-cancel:hover, .pmpro_btn-cancel:focus {
			background-color: #ededed;
			border-color: #3E3E3E;
		}

		.pmpro_section:has(.pmpro_form) .pmpro_card_content {
			padding-top: var(--pmpro--base--spacing--medium);
		}

		.pmpro_form_field-password-toggle button, .pmpro_form_field-password-toggle button:hover, .pmpro_form_field-password-toggle button:focus, .pmpro_form_field-password-toggle button:active {
			align-items: center;
			background: transparent;
			border: none;
			border-radius: 0;
			box-shadow: none;
			box-sizing: border-box;
			color: var(--pmpro--color--accent);
			display: flex;
			flex-direction: row;
			font-size: 16px;
			gap: calc(var(--pmpro--base--spacing--small) / 2);
			line-height: 1;
			margin: 0;
			min-height: 1px;
			padding: 0;
		}

		#pmpro_user_fields .pmpro_form_field-password:has(.pmpro_form_field-password-toggle) {
			grid-template-columns: 1fr 1fr;
		}

	}
}

.pmpro-login {
	input {
		border-width: 1px;
	}

	.login-password {
		margin: 0;
	}

	#wp-submit {
		margin-top: 30px;
		background-color: var(--lab-blue);
		border: none;
        border-radius: 40px;
        box-sizing: border-box;
        color: var(--pmpro--color--base);
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 1.5;
        min-height: 40px;
        outline: 0;
        padding: var(--pmpro--base--spacing--small) var(--pmpro--base--spacing--medium);
        text-align: center;
        text-decoration: none;
        text-rendering: geometricprecision;
        text-transform: none;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        vertical-align: middle;
        transition: background-color 0.2s, color 0.2s;
	}

	#wp-submit:hover {
		background-color: var(--pmpro--color--accent--variation);
		background-position: 0 0;
		border-color: var(--pmpro--color--accent--variation);
	}
}

/* 印刷時用のcss */
@media print {
	#sidebar1, #inner-header, .area_tag, #sb, #breadcrumb, #page-otayori, #footer {
		display: none;
	}

	main article h1::before {
		content:'スムラボ';
		display: block;
		margin-bottom: 20px;
		color: var(--lab-blue);
	}
}

/* ブロガーXアカウント一覧 */
.xcard-wrap { display: flex;flex-wrap: wrap;gap: 20px;justify-content: center; padding: 20px 0; }
.xcard { width: 220px; aspect-ratio: 1 / 1.2;border-radius: 16px;background: #fff;box-shadow: 0 6px 16px rgba(0,0,0,.08);overflow: hidden;position: relative; color:#111; }
.xcard__banner { filter: blur(3px) brightness(0.9);height: 50%;background: url('https://www.sumu-lab.com/wp-content/themes/sumu-lab/images/logo.png') center/cover no-repeat; }
.xcard__avatar { position: absolute;left: 50%; top: calc(50% - 50px); width:100px;height: 100px; transform: translateX(-50%);border-radius: 50%;border: 5px solid #fff;object-fit: cover;background: #e5e7eb;box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.xcard__body { position: absolute; height: 45%;padding-top: 65px!important; display: flex; justify-content: center; flex-wrap:wrap; align-items:center; text-align:center; box-sizing: border-box; }
.xcard__handle { font-weight: 700; font-size:.8rem; margin-bottom: 5px; padding-left:25px; background:url(https://www.sumu-lab.com/wp-content/themes/sumu-lab/images/icon-x.svg) left bottom no-repeat; }
.sumulab__handle { display:block; width: 100%; }
.sumulab__handle a { font-weight: 700;line-height: 1; margin-bottom:5px; white-space:nowrap; text-decoration:none!important; }

.x_prof { width: 100%; font-size: 0.92em; border: 1px solid #efefef; }
.x_prof td:nth-child(1)   { text-align:center; vertical-align:middle; }
.x_prof img.x_prof_avatar{ width:42px; aspect-ratio: 1 / 1; margin:0; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 1px 5px #ccc;  }

/* スマホで縦並び */
@media ( max-width: 768px ) {
  .xcard-wrap { gap: 15px; }
  .xcard { width: 43%; max-width: 320px; aspect-ratio: 1 / 1.7; }
  .x_prof { overflow-x: auto; display: block; }
  .xcard__handle { padding-left:20px; }
  .sumulab__handle a span { display:block; font-size:.7rem; }
  .xcard__handle a[target="_blank"]:after { content: ''; }
  table.x_prof th,
  table.x_prof td { white-space: nowrap; }
}