@charset "UTF-8";

/* -------------------------------------------------------------------------------- */
/*	0.	CSS Reset
/* -------------------------------------------------------------------------------- */


html, body { margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

blockquote:before, blockquote:after {
	content:"";
}

input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.dsply-no {
	display: none;
}

.twotone-t{
	position: relative;
 padding-bottom: 0.5em;
 border-bottom: 4px solid #DDD;
}
.twotone-t::after {
   position: absolute;
   content: " ";
   border-bottom: solid 4px #0093C2;
   bottom: -4px;
   width:10%;
   display: block;
}
font.linktxt14 a {
    word-break: break-all;
}
span.block_controller {
    display: none;
}

/* -------------------------------------------------------------------------------- */
/*	1.common
/* -------------------------------------------------------------------------------- */

.bold{
	font-weight:bold;
}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}
.mgn10{margin:10px 0 !important;}
.mgn20{margin:20px 0 !important;}
.mgn30{margin:30px 0 !important;}
.mgn50{margin:50px 0 !important;}
.mgn100{margin:100px 0 !important;}
.pdng10{padding:10px 0 !important;}
.pdng20{padding:20px 0 !important;}
.pdng30{padding:30px 0 !important;}
.pdng50{padding:50px 0 !important;}
.pdng100{padding:100px 0 !important;}
.clearfix {
  clear: both;
}

.center-h1 {
	position: relative;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #DDD;
  margin-bottom: 1em;
  font-size: 1.1em;
}
.center-h1::after {
  position: absolute;
  content: " ";
  border-bottom: solid 4px #0093C2;
  bottom: -4px;
  width: 10%;
  display: block;
}
ul.wl_pickup li {
  line-height: 1.7;
  padding: 0.7em 0;
  border-bottom: 1px dotted #ccc;
}

/* -------------------------------------------------------------------------------- */
/*	1.	Document setup
/* -------------------------------------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	border: none;
	color: #111;
	background: #f1f1f1;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}

body a {
	color: #0093C2;
	text-decoration: none;
}

body a:hover {
	color: #0093C2;
	text-decoration: none;
}

* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
}

.hidden { display: none; }
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }

/*
::selection {
	**background: #222;
	color: #222;
}
*/
::-webkit-input-placeholder { color: #A9A9A9; }
:-ms-input-placeholder { color: #A9A9A9; }


/* Screen Reader Text ------------------------ */

.screen-reader-text {
	clip: rect( .1rem, .1rem, .1rem, .1rem );
	height: .1rem;
	overflow: hidden;
	position: absolute !important;
		left: -999999rem;
	width: .1rem;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: .3rem;
	box-shadow: 0 0 .2rem .2rem rgba( 0, 0, 0, 0.6 );
	clip: auto !important;
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	left: .5rem;
	line-height: normal;
	padding: 1.5rem 2.3rem 1.4rem 2.3rem;
	text-decoration: none;
	top: .5rem;
	width: auto;
	z-index: 100000;
}


/* Skip Link --------------------------------- */

.skip-link {
	position: absolute;
		left: -9999rem;
		top: 2.5rem;
	z-index: 999999999;
}

.skip-link:focus {
	left: 2.5rem;
	text-decoration: none;
}


/* Accessibility Settings -------------------- */

@media ( prefers-reduced-motion: reduce ) {
	* {
		animation-duration: 0s !important;
		transition-duration: 0s !important;
	}
}


/* Transitions ------------------------------- */


body a,
.secondary-menu > li.menu-item-has-children a:after,
.primary-menu li a,
.post-tags a:before,
.tagcloud a:before,
.search-button {
	transition: all .1s ease-in-out;
}

.post-nav a,
.respond input,
.respond textarea,
.archive-nav a,
.blog-title a,
.primary-menu ul .menu-item-has-children::after,
.secondary-menu ul .menu-item-has-children::after,
.to-the-top,
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
	transition: all .2s ease-in-out;
}


/* -------------------------------------------------------------------------------- */
/*	2.	Structure
/* -------------------------------------------------------------------------------- */


.section-inner {
	width: 1200px;
	max-width: 88%;
	margin: 0 auto;
}

.wrapper { position: relative; }

.wrapper:after {
	content: "";
	display: block;
	width: 28.5%;
	background: #f1f1f1;
	border-left: 1px solid #ddd;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
}

.content,
.sidebar {
	padding-top: 50px;
	padding-bottom: 50px;
}

.content {
	width: 68%;
	float: left;
}

.content:before {
	content: "";
	background: #fff;
	position: absolute;
	z-index: -9999;
	top: 0;
	right: 28.5%;
	bottom: 0;
	left: -10000px;
}

.sidebar {
	width: 28.5%;
	float: right;
	padding: 50px 0 50px 3.75%;
}


/* -------------------------------------------------------------------------------- */
/*	3.	Top Navigation
/* -------------------------------------------------------------------------------- */


.top-nav { background: #26272B; }


/* Secondary Menu ------------------------------------ */


.secondary-menu {
	float: left;
	font-size: 0.9rem;
}

.secondary-menu li { position: relative; }

.secondary-menu > li { float: left; }

.secondary-menu > li > a {
	display: block;
	padding: 21px 15px;
	color: #999;
}

.secondary-menu > li.menu-item-has-children > a { padding-right: 30px; }
.secondary-menu > li.menu-item-has-children > a:after {
	content: "";
	display: block;
	border: 4px solid transparent;
	border-top-color: #777;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	right: 15px;
}

.secondary-menu > li:hover > a,
.secondary-menu li.current-menu-item > a { color: #fff; }
.secondary-menu > li:hover > a { background: #1D1D20; }
.secondary-menu > li.menu-item-has-children:hover > a:after { border-top-color: #fff; }


/* Sub Menus --------------------------------------- */


.secondary-menu ul {
	display: block;
	opacity: 0;
	position: absolute;
	z-index: 999;
	left: -9999px;
	top: 50px;
	 transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
}

.secondary-menu ul .menu-item-has-children::after {
	content: "";
	display: block;
	border: 4px solid transparent;
	border-left-color: #666;
	position: absolute;
	z-index: 1001;
	right: 6px;
	top: 50%;
	margin-top: -4px;
}

.secondary-menu ul li {
	width: 200px;
	background: #1D1D20;
}

.secondary-menu ul li + li { border-top: 1px solid #333; }

.secondary-menu ul a {
	display: block;
	padding: 15px;
	line-height: 130%;
	color: #999;
}

.secondary-menu ul li:hover > a { color: #fff; }

.secondary-menu ul .menu-item-has-children:hover::after { border-left-color: #fff; }

.secondary-menu > li:hover > ul {
	opacity: 1;
	left: 0px;
	top: 55px;
}


/* Deep Down --------------------------------------- */


.secondary-menu ul ul {
	padding-top: 0;
	top: 5px;
}

.secondary-menu li > ul > li:hover > ul {
	opacity: 1;
	left: 200px;
	top: 0;
	margin-left: 0;
}


/* Social Menu --------------------------------------- */


.social-menu {
	float: right;
	padding: 10px 0;
}

.social-menu li {
	float: left;
	margin-left: 10px;
	position: relative;
}

.social-menu li:first-child { margin-left: 0; }

.social-menu a {
	display: block;
	width: 36px;
	height: 36px;
	border: 2px solid #33363B;
	color: #fff;
	border-radius: 999px;
	position: relative;
}

.social-menu a:hover,
.social-menu a.active {
	border-color: #fff;
	color: #fff;
}
/*
.social-menu li a::before {
	content: '\f1d8';
	display: inline-block;
	font-family:'Font Awesome 5 Free';
  font-weight:900;
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 0;
	right: 0;
}
*/
.social-menu li a[href*="codepen.io"]::before { content: '\f1cb'; }
.social-menu li a[href*="dribbble.com"]::before { content: '\f17d'; }

.social-menu li a.menu_icons[href*="facebook.com"]::before {
	content: '\f39e';
	margin-top: -9px;
}
.social-menu li a[href*="flickr.com"]::before { content: '\f16e'; }
.social-menu li a[href*="github.com"]::before { content: '\f09b'; }
.social-menu li a[href*="instagram.com"]::before { content: '\f16d'; }
.social-menu li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.social-menu li a[href*="pinterest.com"]::before { content: '\f0d2'; }
.social-menu li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.social-menu li a[href*="tumblr.com"]::before { content: '\f173'; }

.social-menu li a[href*="vimeo.com"]::before { content: '\f194'; }
.social-menu li a[href*="wordpress.org"]::before,
.social-menu li a[href*="wordpress.com"]::before { content: '\f19a'; }
.social-menu li a[href*="youtube.com"]::before { content: '\f167'; }
.social-menu li a[href*="mailto"]::before { content: '\f0e0'; }
.social-menu li a.fb-icons::before {
	content: '\f39e';
	margin-top: -9px;
}
/*
.social-menu li a.search-toggle::before {
	content: '\f002';
	margin-top: -9px;
}
*/


a.search-toggle {
  display: block;
  width: 36px;
  height: 36px;
  border: 2px solid #33363B;
  color: #fff;
  border-radius: 999px;
  position: relative;
}
a.search-toggle::before {
    content: 'search'; /* Material Iconの名前 */
    display: inline-block;
    font-family: 'Material Icons'; /* Google Iconsのフォントファミリ */
    font-size: 24px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* 垂直中央揃え */
    left: 0;
    right: 0;
}
a.ncc-contact {
  display: block;
  width: 36px;
  height: 36px;
  border: 2px solid #33363B;
  color: #fff;
  border-radius: 999px;
  position: relative;
}
a.ncc-contact::before {
  content: '\f1d8';
  display: inline-block;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 16px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
  right: 0;
}

span.ncc-twitter {
  font-size: 18px;
  top: 7px;
  left: 8px;
  position: absolute;
}

.no-js .social-menu li:last-child { display: none; } /* hide the search toggle icon if there's no javascript support */

.social-menu .active:after {
	content: "";
	display: block;
	border: 6px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	bottom: -13px;
	right: 10px;
}


/* -------------------------------------------------------------------------------- */
/*	4.	Search Container
/* -------------------------------------------------------------------------------- */


.search-container {
	display: none;
	background: #fff;
}

.search-container .section-inner { position: relative; }

.search-container .search-field {
	display: block;
	border: none;
	background: none;
	width: 100%;
	padding: 35px 92px 35px 0;
	margin-right: 50px;
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	font-style: italic;
	color: #222;
}

.search-container .search-field:focus { outline: none; }

.search-container .search-button {
	display: block;
	background: none;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	right: 0;
	font-size: 28px;
}

.search-container .search-button .fa { font-size: 40px; }

.search-container .search-button:hover {
	cursor: pointer;
	color: #0093C2;
}


/* -------------------------------------------------------------------------------- */
/*	5.	Header
/* -------------------------------------------------------------------------------- */


/* Header ----------------------------------------- */


.header-wrapper { background: #33363B; }

.header {
	padding: 40px 0;
}

.blog-title {
	font-size: 1.5em;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 2px;
	text-shadow: 0 1px 0 #111;
}

.blog-title a { color: #fff; }
.blog-title a:hover { color: #0093C2; }

.blog-description {
	margin: 11px 0 0 0;
	font-family: 'Merriweather', Georgia, serif;
	font-size: 0.9em;
	line-height: 115%;
	font-style: italic;
	color: #999;
}

.blog-logo,
.blog-logo img {
	display: block;
}


/* -------------------------------------------------------------------------------- */
/*	6.	Navigation
/* -------------------------------------------------------------------------------- */


.mobile-menu { display: none; }

.navigation .section-inner {
	background-color: #0093C2;
	/* height を固定すると、中のメニュー項目が高い環境で背景からはみ出し、
	   カレントの下線が青帯の外に出る（2026-09-18に発生）。min-height にして背景を追従させる。 */
	min-height: 52px;
}

.primary-menu { font-size: 0.8rem; }

.primary-menu li { position: relative; }

.primary-menu > li {
	float: left;
	border-right: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(255,255,255,0.1);
}

.primary-menu > li:last-child:after {
	content: "";
	display: block;
	border-right: 1px solid rgba(255,255,255,0.1);
	position: absolute;
	top: 0;
	right: -2px;
	bottom: 0;
}

.primary-menu > li > a {
	display: block;
	padding: 20px;
	/*font-weight: 900;*/
	text-transform: none;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

.primary-menu > li.menu-item-has-children > a { padding-right: 34px; }

.primary-menu > li.menu-item-has-children:before,
.primary-menu > li.menu-item-has-children:after {
	content: "";
	display: block;
	border: 4px solid transparent;
	border-top-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 20px;
}

.primary-menu > li.menu-item-has-children:before {
	border-top-color: rgba(0,0,0,0.25);
	margin-top: -2px;
}

.primary-menu > li:hover > a {
	background: rgba(255,255,255,0.1);
	color: #fff;
}

.primary-menu > li.current_menu_item > a {
	background: #fff;
	border: none;
	color: #333;
}


/* Sub Menus --------------------------------------- */


.primary-menu ul {
	position: absolute;
	z-index: 10000;
	display: block;
	left: -9999px;
	top: 58px;
	opacity: 0;
	z-index: 999;
	 transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
}

.primary-menu > li > ul:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1000;
	top: -14px;
	left: 50%;
	margin-left: -7px;
	border: 7px solid transparent;
	border-bottom-color: #222;
}

.primary-menu ul .menu-item-has-children::after {
	content: "";
	display: block;
	border: 5px solid transparent;
	border-left-color: rgba(255,255,255,0.4);
	position: absolute;
	z-index: 1001;
	right: 10px;
	top: 50%;
	margin-top: -5px;
}

.primary-menu ul .menu-item-has-children:hover::after {
	border-left-color: #222;
	right: -10px;
}

.primary-menu ul li {
	width: 220px;
	background: #222;
	text-align: center;
}

.primary-menu ul a {
	display: block;
	padding: 20px;
	line-height: 130%;
	border-bottom: 1px solid rgba( 255, 255, 255, 0.075 );
	color: #fff;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
}

.primary-menu ul a:hover { color: #0093C2; }

.primary-menu ul > li:last-child > a { border-bottom-width: 0; }

.primary-menu > li:hover > ul {
	opacity: 1;
	left: 50%;
	margin-left: -110px;
	top: 53px;
}


/* Deep Down --------------------------------------- */


.primary-menu ul ul {
	padding-top: 0;
	top: 10px;
}

.primary-menu ul ul li { background: #333; }
.primary-menu ul ul .menu-item-has-children:hover::after { border-left-color: #333; }
.primary-menu ul ul ul li { background: #444; }
.primary-menu ul ul ul .menu-item-has-children:hover::after { border-left-color: #444; }
.primary-menu ul ul ul ul li { background: #555; }
.primary-menu ul ul ul ul .menu-item-has-children:hover::after { border-left-color: #555; }
.primary-menu ul ul ul ul ul li { background: #666; }
.primary-menu ul ul ul ul ul .menu-item-has-children:hover::after { border-left-color: #666; }

.primary-menu li > ul > li:hover > ul {
	opacity: 1;
	top: 0;
	left: 220px;
	margin-left: 0;
}


/* -------------------------------------------------------------------------------- */
/*	7.	Content
/* -------------------------------------------------------------------------------- */


.posts {
	display: flex;
	flex-wrap: wrap;
}

.posts .post {
	width: 47.5%;
}

.posts .post + .post {
	padding-top: 40px;
	border-top: 2px solid #eee;
	margin-top: 40px;
}

.posts .post:nth-child(2) {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
}

.posts .post:nth-child(2n) { margin-left: 5%; }


/* Post Image ----------------------------------------- */


.post-image {
	margin-bottom: 25px;
	position: relative;
}

.post-image > a,
.post-image img {
	display: block;
}

.posts .post-image img {
	width: 100%;
	height: auto;
}

.post-image .sticky-tag { display: none; }

.sticky .sticky-tag {
	display: block;
	width: 22px;
	height: 26px;
	background: #0093C2;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 0;
}

.sticky .sticky-tag:after {
	content: "";
	display: block;
	position: absolute;
	border: 11px solid #0093C2;
	border-top-width: 0;
	border-bottom: 5px solid transparent;
	bottom: -5px;
	left: 0;
	-webkit-transform: rotate(0.01deg);
}

.sticky .sticky-tag .fa {
	font-size: 12px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
}


/* Post Header ----------------------------------------- */


.post-categories {
	margin-bottom: 9px;
	font-size: 0.8rem;
	line-height: 120%;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #0093C2;
}

.post-categories a:hover { text-decoration: underline; }

.post-title {
	font-family: 'Merriweather', Georgia, serif;
	font-size: 1.5em;
	line-height: 135%;
	font-weight: 900;
	letter-spacing: -0.01em;
	-ms-word-break: break-word;
	word-break: break-word;
}

.post-title a {
	display: block;
	color: #111;
}

.post-title a:hover {
	color: #111;
	text-decoration: underline;
}

.post-meta {
	margin-top: 6px;
	font-size: 0.9em;
	line-height: 120%;
	font-weight: 700;
	color: #888;
}

.post-meta a { color: #888; }

.post-meta a:hover {
	color: #888;
	text-decoration: underline;
}


/* -------------------------------------------------------------------------------- */
/*	8.	Post Formats
/* -------------------------------------------------------------------------------- */


/* Format Gallery ------------------------------------- */


.flexslider {
	position: relative;
	overflow: hidden;
}

.single-post .flexslider { 	margin-bottom: 40px; }

.flexslider .slides li {
	display: none;
	position: relative;
}

.flexslider .slides li:first-child { display: block; }

.flexslider img { display: block; }

/* Slider Navigation */

.flex-direction-nav {
	display: none;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -13px;
}

.single .flex-direction-nav { display: block; }

.flex-direction-nav a {
	display: block;
	color: #fff;
	position: absolute;
}

.flex-direction-nav a:before {
	font: 32px/1 'FontAwesome';
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

.flex-direction-nav .flex-prev { left: 2.5%; }
.flex-direction-nav .flex-prev:before { content: "\f190"; }

.flex-direction-nav .flex-next { right: 2.5%; }
.flex-direction-nav .flex-next:before { content: "\f18e"; }

.flex-direction-nav a:hover { color: #fff; }

/* Single Post */

.single-post .flex-direction-nav { margin-top: -17px; }

.single-post .flex-direction-nav a:before { font-size: 40px; }


/* -------------------------------------------------------------------------------- */
/*	9.	Single Post
/* -------------------------------------------------------------------------------- */


/* Post Header ----------------------------------------- */


.single-post .post-header { margin-bottom: 40px; }

.single-post .post-categories {
	margin-bottom: 12px;
	font-size: 0.9rem;
}

.single-post .post-title {
	font-size: 2.5em;
	line-height: 135%;
	font-weight: 900;
}

.single-post .post-meta {
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 16px;
	font-size: 1rem;
	color: #999;
}

.single-post .post-comments { float: right; }

.single-post .post-comments .fa {
	position: relative;
	top: -1px;
	margin-right: 6px;
}

.single-post .post-meta a { color: #0093C2; }
.single-post .post-meta a:hover { text-decoration: underline; }


/* Post Image ----------------------------------------- */


.single-post .post-image {
	display: block;
	clear: both;
	margin-bottom: 40px;
}

.single-post .post-image-caption {
	padding: 17px 0 17px 24px;
	border-bottom: 1px solid #ddd;
	font-size: 0.9em;
	line-height: 120%;
	font-weight: 700;
	color: #111;
	position: relative;
}

.single-post .post-image-caption .fa {
	color: #0093C2;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 0;
}

.single-post .post-image-caption a:hover { text-decoration: underline; }


/* Post Content ------------------------------------------ */


.single-post .post-inner {
	padding-left: 200px;
	position: relative;
	z-index: 5;
}


/* Post Links -------------------------------------------- */


.post-content p.page-links {
	display: inline-block;
	margin-bottom: 15px;
	background: #eee;
	font-family: Lato, Helvetica, sans-serif;
	font-size: 0.85rem;
	line-height: 1;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #666;
}

.page-links a,
.page-links > span {
	display: inline-block;
	padding: 10px;
}

.page-links a:first-child,
.page-links span:first-child {
	margin-left: 0;
}

.post-content .page-links a:hover {
	background: #0093C2;
	color: #fff;
	text-decoration: none;
}

.page-links > span:nth-of-type(2) {
	background: #ccc;
	color: #111;
}


/* Post Tags --------------------------------------------- */


.post-tags { margin-top: 35px; }

.post-tags,
.tagcloud {
	line-height: 1;
}

.post-tags a,
.tagcloud a {
	display: inline-block;
	padding: 5px 6px 6px 3px;
	margin: 0 3px 8px 11px;
	background: #ddd;
	font-size: 0.7rem !important;
	line-height: 1;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #444;
	position: relative;
}

.tagcloud a { background: #ccc; }

.post-tags a { margin-right: 8px; }

.footer .tagcloud a { background: #eee; }
.footer .tagcloud a:before { border-right-color: #eee; }

.post-tags a:before,
.tagcloud a:before {
	content: "";
	display: block;
	border: 11px solid transparent;
	border-left-width: 0;
	border-right-color: #ddd;
	position: absolute;
	top: 0;
	left: -11px;
}

.tagcloud a:before { border-right-color: #ccc; }

.post-tags a:hover,
.tagcloud a:hover {
	background: #0093C2;
	color: #fff;
}

.post-tags a:hover:before,
.tagcloud a:hover:before {
	border-right-color: #0093C2;
}


/* Post Author ------------------------------------------- */


.post-author {
	min-height: 130px;
	padding: 30px 25px 30px 120px;
	margin-top: 40px;
	background: #26272B;
	border-radius: 6px;
	position: relative;
}

.post-author:before {
	content: "";
	display: block;
	border: 6px solid transparent;
	border-bottom-color: #25262B;
	position: absolute;
	top: -12px;
	left: 53px;
}

.post-author > .avatar {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 20px;
}

.post-author img {
	display: block;
	width: 80px;
	height: auto;
	border-radius: 99px;
	padding: 5px;
	background: #444;
}

.post-author .title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #fff;
}

.post-author .title a { color: #fff; }
.post-author .title a:hover { text-decoration: underline; }

.post-author p {
	margin-top: 6px;
	font-size: 0.95em;
	line-height: 145%;
	color: #aaa;
}

.post-author .social-menu { float: none; }
.post-author .social-menu li { list-style: none; }

.social-menu a.post-author-archive::before { content: '\f187'; }
.social-menu a.post-author-website::before { content: '\f015'; }


/* Related Posts ----------------------------------------- */


.post-inner .related-posts { display: none; }

.related-posts {
	width: 160px;
	float: left;
	position: relative;
	z-index: 10;
}

.related-posts-title {
	padding-top: 6px;
	border-top: 2px solid #222;
	margin-bottom: 10px;
	font-size: 0.675em;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #222;
}

.related-post { display: block; }

.related-post + .related-post { margin-top: 25px; }

.related-post img {
	display: block;
	width: 100%;
}

.related-post .category {
	margin: 10px 0 0;
	font-size: 0.675em;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #0093C2;
}

.related-post .title {
	margin: 4px 0 0;
	font-size: 0.85em;
	line-height: 130%;
	font-weight: 700;
	color: #111;
}

.related-post:hover .title { text-decoration: underline; }


/* -------------------------------------------------------------------------------- */
/*	10.	Post Content
/* -------------------------------------------------------------------------------- */


.post-content {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
}

.post-content a { border-bottom: 1px solid #ddd; }
.post-content a:hover { border-bottom-color: #0093C2; }

.post-content p,
.post-content blockquote,
.post-content ul,
.post-content ol,
.post-content address,
.post-content dl,
.post-content pre {
	line-height: 170%;
	margin-bottom: 1.5em;
}

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

.post-content p.intro {
	padding-bottom: 20px;
	border-bottom: 3px double #ddd;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 155%;
	font-weight: 700;
	color: #0093C2;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
	margin: 50px 0 25px;
	line-height: 120%;
	font-weight: 700;
}

.post-content h1,
.post-content h2,
.post-content h3 {
	font-family: 'Merriweather', Georgia, serif;
	font-weight: 900;
}

.post-content h1 { font-size: 2.5em; }
.post-content h2 { font-size: 2em; }
.post-content h3 { font-size: 1.6em; }
.post-content h4 { font-size: 1.4em; }
.post-content h5 { font-size: 1.2em; }

.post-content h6 {
	font-size: 0.8rem;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
}

.post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6,
.post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6,
.post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6,
.post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6,
.post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6,
.post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 {
	margin-top: 25px;
}

.post-content blockquote {
	padding: 30px 30px 30px 90px;
	background: #fafafa;
	border: 1px solid #eee;
	position: relative;
	font-style: italic;
}

.post-content blockquote p { font-style: italic; }

.post-content blockquote:after {
	content: '”';
	width: 90px;
	font-family: 'Georgia', serif;
	font-size: 72px;
	line-height: 72px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	color: #0093C2;
	position: absolute;
	top: 31px;
	left: 0px;
}

.post-content blockquote cite {
	display: block;
	margin-top: 1.1em;
	font-family: Lato, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 120%;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
}

.post-content blockquote cite:before { content: "— "; }

.post-content hr {
	width: 128px;
	max-width: 60%;
	height: 2px;
	background: #DDD;
	margin: 50px auto;
	border: 0;
}

.post-content hr.is-style-wide,
.post-content hr.is-style-dots {
	max-width: 100%;
	width: 100%;
}

.post-content hr.is-style-dots {
	background: none;
}

em, q {  font-style: italic;  }

.post-content strong em,
.post-content em strong {
	font-weight: bold;
	font-style: italic;
}

.post-content big { font-size: 1.25em; }

abbr, acronym { cursor: help; }

code, kbd, pre {
	font-size: 0.85em;
	background: #EEE;
	font-family: Menlo, Monaco, monospace;
}

.post-content .highlight {
	background: #fcf8a5;
	width: auto;
	display: inline;
	padding: 2px 3px;
}

.post-content kbd,
.post-content code {
	padding: 5px;
	border-radius: 3px;
}

.post-content dl { line-height: 160%; }

.post-content dl dt { font-weight: bold; }

.post-content ul,
.post-content ol {
	margin-left: 1.5em;
}

.post-content ul { list-style: disc; }
.post-content ul ul { list-style: circle; }
.post-content ul ul ul { list-style: square; }

.post-content ol { list-style: decimal; }
.post-content ol ol { list-style: lower-alpha; }
.post-content ol ol ol { list-style: lower-roman; }

.post-content ul ul,
.post-content ul ol,
.post-content ol ul,
.post-content ol ol {
	margin-bottom: 0;
	margin-top: .5em;
}

.post-content li {
	line-height: 170%;
	margin-bottom: 0.5em;
}

.post-content address {
	background: #F1F1F1;
	padding: 3% 3.5%;
}

.post-content pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	line-height: 140%;
	padding: 2% 2.5%;
	background: #eee;
	border: 1px solid #ddd;
}

.post-content p.has-drop-cap:not(:focus):first-letter {
    font-size: 5.9em;
	font-weight: 400;
}


/* Post Media --------------------------------------- */


figure {
	margin: 0;
}

.post-content .tiled-gallery { clear: none !important; } /* Makes Jetpack Tiled Galleries play nice with the related posts field */

.post-content .wp-caption { max-width: 100%; }

.post-content .wp-caption > a,
.post-content .wp-caption img {
	display: block;
}

.post-content .alignnone,
.post-content .aligncenter,
.post-content .alignwide,
.post-content .alignfull {
	margin: 2.5em auto;
}

.post-content .alignleft,
.post-content .alignright {
	margin-bottom: 1.2em;
	max-width: 50%;
}

.post-content .wp-caption .alignleft,
.post-content .wp-caption .alignright {
	margin-bottom: 0;
}

.post-content .alignleft {
	float: left;
	margin-right: 30px;
}

.post-content .alignright {
	float: right;
	margin-left: 30px;
}

.post-content .aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.post-content .aligncenter img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.post-content .wp-caption-text,
.post-content .gallery-caption,
.post-content figcaption {
	color: #444;
	font-family: Lato, Helvetica, sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 130%;
	margin: 12px auto 0;
	text-align: center;
}

.post-content .gallery-caption {
	font-size: 16px;
	line-height: 24px;
}

.post-content .gallery-icon a {
	border: none;
}


/* Tables --------------------------------------- */


.post-content table {
	border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 0.9em;
    margin: 2em 0;
    width: 100%;
}

.post-content th,
.post-content td {
	padding: 2%;
	margin: 0;
	overflow: visible;
	line-height: 120%;
	border-bottom: 1px solid #DDD;
}

.post-content th { padding-top: 0; }

.post-content caption {
	color: #111;
	text-align: center;
	padding: 2%;
}

.post-content thead {
	vertical-align: bottom;
	white-space: nowrap;
}

.post-content th {
	font-weight: bold;
	color: #111;
}

.post-content table tbody > tr:nth-child(odd) > td { background: #f9f9f9; }


/* Forms --------------------------------------- */


.post-content fieldset {
	padding: 25px;
	border: 2px solid #ddd;
	margin-bottom: 1em;
}

.post-content fieldset legend {
	font-family: Lato, Helvetica, sans-serif;
	font-size: 0.8rem;
	line-height: 1;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	padding: 10px 12px;
	background: #0093C2;
	color: #fff;
}

.post-content label {
	font-size: 1rem;
	font-family: Lato, Helvetica, sans-serif;
	font-weight: 700;
}

.post-content input,
.post-content textarea {
	font-family: Lato, Helvetica, sans-serif;
}

.post-content input[type="text"],
.post-content input[type="tel"],
.post-content input[type="url"],
.post-content input[type="email"],
.post-content input[type="password"],
.post-content textarea {
	width: 100%;
	padding: 20px;
	border: 1px solid #ddd;
	font-size: 0.9em;
	color: #111;
	background: #fafafa;
	border-radius: 3px;
	-webkit-appearance: none;
}

.post-content input[type="file"] {
	padding: 10px;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.post-content textarea {
	height: 180px;
	line-height: 140%;
}

.post-content input[type="text"]:focus,
.post-content input[type="tel"]:focus,
.post-content input[type="url"]:focus,
.post-content input[type="email"]:focus,
.post-content input[type="password"]:focus,
.post-content textarea:focus {
	outline: none;
}

.button,
.post-content input[type="submit"],
.post-content input[type="reset"],
.post-content input[type="button"] {
	padding: 16px 20px;
	margin: 0;
	border: none;
	border-radius: 2px;
	background: #0093C2;
	font-size: 0.85rem;
	line-height: 1;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-webkit-appearance: none;
}

.post-content input[type="submit"] + input[type="reset"],
.post-content input[type="submit"] + input[type="button"],
.post-content input[type="reset"] + input[type="submit"],
.post-content input[type="reset"] + input[type="button"],
.post-content input[type="button"] + input[type="reset"],
.post-content input[type="submit"] + input[type="submit"] {
	margin-left: 5px;
}

.button:hover,
.post-content input[type="submit"]:hover,
.post-content input[type="reset"]:hover,
.post-content input[type="button"]:hover {
	cursor: pointer;
	background: #0093C2;
	color: #fff;
}

.post-content input[type="submit"]:active {
	outline: none;
}


/* Gutenberg Accent Colors --------------------------------------- */

.post-content .has-background { background-color: #272F38; }

.post-content .has-accent-color { color: #0093C2; }
.post-content .has-accent-background-color { background-color: #0093C2; }

.post-content .has-black-color { color: #111; }
.post-content .has-black-background-color { background-color: #111; }

.post-content .has-dark-gray-color { color: #333; }
.post-content .has-dark-gray-background-color { background-color: #333; }

.post-content .has-medium-gray-color { color: #555; }
.post-content .has-medium-gray-background-color { background-color: #555; }

.post-content .has-light-gray-color { color: #777; }
.post-content .has-light-gray-background-color { background-color: #777; }

.post-content .has-white-color { color: #fff; }
.post-content .has-white-background-color { background-color: #fff; }


/* Gutenberg Font Sizes --------------------------------------- */

.post-content .has-small-font-size { font-size: .842em; }
.post-content .has-regular-font-size { font-size: 1em; }

.post-content .has-large-font-size,
.post-content .has-larger-font-size {
	line-height: 1.5;
}

.post-content .has-large-font-size { font-size: 1.4em; }
.post-content .has-larger-font-size { font-size: 1.6em; }


/* Block: Button --------------------------------------- */

.post-content .wp-block-file__button,
.post-content .wp-block-button__link {
	border-radius: 4px;
	font-family: Lato, sans-serif;
	font-weight: 700;
	padding: .8em 1.4em;
}

.post-content .wp-block-button__link {
	font-size: 16px;
}

.post-content .wp-block-file a {
	color: inherit;
}

.post-content a.wp-block-file__button {
	color: #fff;
}

.post-content .wp-block-file__button:hover,
.post-content .wp-block-button__link:hover {
	opacity: .85;
	text-decoration: none;
}


/* Block: Quote --------------------------------------- */

.post-content .wp-block-quote.is-large,
.post-content .wp-block-quote.is-style-large {
	margin: 2.5em 0;
	padding: 30px 30px 30px 90px;
}

.post-content blockquote p:last-child {
	margin-bottom: 0;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
	font-size: 1.25em;
	line-height: 1.5;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
	display: block;
	font-size: .8em;
	text-align: left;
}


/* Block: Pullquote --------------------------------------- */

.wp-block-pullquote,
.post-content .wp-block-pullquote blockquote {
	background: none;
	border: none;
	padding: 0;
}

.wp-block-pullquote blockquote {
	margin: 0;
}

.wp-block-pullquote blockquote:before,
.wp-block-pullquote blockquote:after {
	content: none;
}

.wp-block-pullquote blockquote p,
.wp-block-pullquote.alignleft blockquote p,
.wp-block-pullquote.alignright blockquote p {
	font-size: 1.25em;
	margin-bottom: 1em;
}

.wp-block-pullquote.alignleft blockquote p,
.wp-block-pullquote.alignright blockquote p {
	line-height: 1.45;
}


/* Block: Gallery --------------------------------------- */

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	margin: 0;
	padding-bottom: 10px;
}

.post-content .wp-block-gallery.alignfull {
	padding: 0 8px;
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
	margin-bottom: 16px;
}

.post-content ul.wp-block-gallery:not(.alignfull):not(.alignwide) {
	margin-left: 0;
}

.wp-block-gallery img {
	border: none;
	padding: 0;
}


/* Block: Image --------------------------------------- */

.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption {
	display: block;
}

/* Block: Cover Image --------------------------------------- */

.wp-block-cover-image {
	font-family: Lato, sans-serif;
}

.wp-block-cover-image.alignfull {
	min-height: 75vh;
}

.wp-block-cover-image p {
	font-weight: 400;
}


/* Block: Column --------------------------------------- */

.wp-block-column {
	padding: 0 5px;
}


/* Block: Audio --------------------------------------- */

.wp-block-audio audio {
	width: 100%;
}


/* Block: File --------------------------------------- */

.post-content .wp-block-file {
	align-items: center;
	background: rgba( 0, 0, 0, 0.05 );
	border-radius: 4px;
	display: flex;
	font-family: Lato, sans-serif;
	justify-content: space-between;
	margin: 30px 0;
	padding: 20px;
}

.post-content .wp-block-file a:not(.wp-block-file__button) {
	border: none;
	font-weight: 400;
	text-decoration: none;
}

.post-content .wp-block-file__button {
	border: none;
	font-weight: 700;
	flex-shrink: 0;
}


/* -------------------------------------------------------------------------------- */
/*	11.	Comments
/* -------------------------------------------------------------------------------- */


.comments-container,
.respond-container {
	margin-top: 60px;
	position: relative;
}

.comments-title-container,
.comment-reply-title {
	border-top: 4px solid #ddd;
	padding: 22px 0;
	border-bottom: 2px dotted #ddd;
	margin-bottom: 40px;
}

.comments-title,
.comments-title-link {
	vertical-align: bottom;
}

.comments-title { float: left; }

.comments-title,
.comment-reply-title {
	font-size: 1.4em;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
}

.comments-title .fa,
.comment-reply-title .fa {
	margin-right: 6px;
	color: #0093C2;
	font-size: 22px;
	position: relative;
	top: -2px;
}

.comments-title-link {
	float: right;
	font-size: 0.9em;
	font-weight: 700;
	position: relative;
	bottom: -5px;
}

.comments-title-link a {
	color: #0093C2;
	padding-bottom: 1px;
	border-bottom: 1px solid #ddd;
}

.comments-title-link a:hover { border-bottom-color: #0093C2; }


/* No Comments ----------------------------------------- */


.no-comments {
	margin: 50px 0 0 200px;
	font-style: italic;
	font-weight: 700;
	text-align: center;
}

.no-comments .fa {
	margin-right: 4px;
	color: #0093C2;
}


/* Comment List ---------------------------------------- */


.comments { margin-left: 120px; }

.comment { position: relative; }

div.comment { margin-top: 25px; }

.commentlist > .comment:first-child > .comment:first-child { margin-top: 0; }

.commentlist .children { margin-left: 25px; }

.comment .avatar {
	display: block;
	width: 60px;
	height: auto;
	border-radius: 999px;
	position: absolute;
	top: 3px;
	left: 0;
}

.comment-inner {
	margin-left: 80px;
	padding: 25px;
	background: #F1F1F1;
	border: 1px solid #ddd;
	border-radius: 6px;
	position: relative;
}

.comment-inner:before,
.comment-inner:after {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-right-color: #f1f1f1;
	position: absolute;
	top: 23px;
	left: -20px;
}

.comment-inner:before {
	border-right-color: #d7d7d7;
	border-width: 11px;
	top: 22px;
	left: -22px;
}

.bypostauthor .comment-author-icon {
	display: block;
	width: 29px;
	height: 29px;
	padding-top: 5px;
	border-radius: 99px;
	background: #0093C2;
	text-align: center;
	color: #fff;
	position: absolute;
	z-index: 5;
	top: -4px;
	left: -4px;
}

.comment-header { margin-bottom: 15px; }

.comment-header h4 {
	font-size: 1.15rem;
	font-weight: 700;
}

.comment-header h4 a { color: #0093C2; }
.comment-header h4 a:hover { text-decoration: underline; }


/* Comment Content ---------------------------------------- */


.comment-content p,
.comment-content blockquote,
.comment-content ul,
.comment-content ol,
.comment-content address,
.comment-content dl,
.comment-content pre {
	line-height: 160%;
	margin-bottom: 1em;
}

/* Comment Meta */

.comment-meta {
	margin-top: 23px;
	font-size: 0.7em;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #777;
}

.comment-meta a { color: #777; }

.comment-meta .fa {
	margin: 0 4px 0 10px;
	position: relative;
}
.comment-meta .fa:first-child { margin-left: 0; }

.comment-meta .fa-wrench {
	margin-left: 12px;
	top: -1px;
}


/* Pingbacks & Tracksbacks ----------------------------------- */


.pingbacks {
	margin-top: 30px;
	border-top: 2px solid #eee;
	padding-top: 30px;
}

.pingbacks-title {
	display: inline-block;
	padding-bottom: 2px;
	margin-bottom: 20px;
	border-bottom: 2px solid #0093C2;
	font-size: 0.75em;
	font-weight: 900;
	color: #111;
	text-transform: none;
	letter-spacing: 1px;
}

.pingbacklist li { line-height: 125%; }

.pingbacklist li + li {
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.pingbacklist a { color: #111; }
.pingbacklist a:hover { color: #0093C2; }


/* Comment Navigation ---------------------------------------- */


.comments-nav { margin-top: 30px; }

.comments-nav a {
	display: block;
	font-size: 0.85rem;
	font-weight: 800;
	text-transform: none;
	letter-spacing: 1px;
	color: #666;
}

.comments-nav a:hover {
	border-top-color: #0093C2;
	color: #0093C2;
}


/* -------------------------------------------------------------------------------- */
/*	12. Respond
/* -------------------------------------------------------------------------------- */


.comment-respond .logged-in-as { margin-bottom: 40px; }

.comment-respond .logged-in-as a:first-of-type { font-weight: 700; }

.comment-respond p a:hover { text-decoration: underline; }

.comment-respond form { margin-left: 200px; }

.comment-respond form label {
	display: block;
	margin-bottom: 8px;
	font-size: 1rem;
	font-weight: 700;
	color: #111;
}

.comment-respond form input[type="checkbox"] + label {
	display: inline;
	font-weight: 400;
	margin: 0 0 0 5px;
}

.comment-respond form label span {
	margin-left: 2px;
	color: red;
}

.comment-respond p { margin-bottom: 25px; }
.comment-respond p:last-child { margin-bottom: 0; }

.comment-respond p.comment-subscription-form { margin-bottom: 10px; }
.comment-respond p.comment-subscription-form:last-of-type { margin-bottom: 0; }

.comment-form-author,
.comment-form-email {
	display: block;
	width: 47.5%;
	float: left;
}

.comment-form-email { float: right; }

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
	border-radius: 0;
	-webkit-appearance: none;
}

.comment-respond input[type="text"],
.comment-respond textarea {
	display: block;
	width: 100%;
	padding: 20px;
	margin: 0;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-family: Lato, Helvetica, sans-serif;
	font-size: 1rem;
	color: #111;
}

.comment-respond input[type="text"]:focus,
.comment-respond textarea:focus {
	outline: none;
}

.comment-respond textarea {
	height: 200px;
	line-height: 140%;
}

.comment-respond input[type="submit"] {
	display: inline-block;
	padding: 16px 20px;
	margin: 0;
	background: #0093C2;
	border-radius: 2px;
	border: none;
	font-family: Lato, Helvetica, sans-serif;
	font-size: 0.85rem;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #fff;
	-webkit-appearance: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.comment-respond input[type="submit"]:hover {
	cursor: pointer;
	color: #fff;
}


/* In Comment List --------------------------------------- */


.commentlist .comment-respond {
	padding: 40px 0 15px;
	max-width: 100%;
}

.commentlist #cancel-comment-reply-link {
	margin-left: 3px;
	font-size: 0.85rem;
	font-weight: 700;
	font-style: italic;
	text-transform: none;
	letter-spacing: 0;
	position: relative;
}

.commentlist #cancel-comment-reply-link:hover { text-decoration: underline; }

.commentlist .comment-respond form { margin-left: 0; }


/* -------------------------------------------------------------------------------- */
/*	13.	Page & Page Templates
/* -------------------------------------------------------------------------------- */


.page-edit-link {
	display: inline-block;
	padding: 6px 10px 5px;
	border: 2px solid #ddd;
	border-radius: 4px;
	font-size: 0.8rem;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #0093C2;
}

.page-edit-link .fa {
	margin-right: 4px;
	position: relative;
	top: -1px;
}


/* Search Page --------------------------------------- */


.wrapper .search-form { position: relative; }

.wrapper .search-field {
	display: block;
	width: 100%;
	padding: 20px 60px 20px 20px;
	margin: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	font-family: Lato, Helvetica, sans-serif;
	font-size: 1rem;
	color: #111;
}

.wrapper .search-field:focus { outline: none; }

.wrapper .search-button {
	display: block;
	height: 100%;
	width: 60px;
	background: none;
	border-left: 1px solid #ddd;
	color: #999;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}

.wrapper .search-button .fa {
	font-size: 24px;
	position: relative;
	top: -1px;
}

.wrapper .search-button:hover {
	cursor: pointer;
	color: #0093C2;
}


/* Error 404 --------------------------------------- */


.error404 .post-title {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}


/* -------------------------------------------------------------------------------- */
/*	14.	Pagination
/* -------------------------------------------------------------------------------- */


/* Page Title --------------------------------------- */


.page-title {
	border-bottom: 2px solid #ddd;
	margin-bottom: 40px;
	text-align: center;
}

.page-title h4,
.page-title p {
	font-size: 0.85rem;
	line-height: 110%;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #666;
}

.page-title h4 {
	float: left;
	padding: 0 0 10px;
	border-bottom: 2px solid #0093C2;
	margin-bottom: -2px;
}

.page-title p { float: right; }

.page-title p .sep {
	margin: 0 5px;
	color: #AAA;
}


/* Archive Navigation --------------------------------------- */


.archive-nav {
	margin-top: 60px;
	border-top: 2px solid #ddd;
	text-align: center;
	position: relative;
	color: #777;
}

.archive-nav li {
	display: inline-block;
	margin-top: -2px;
}

.archive-nav a {
	display: inline-block;
	border-top: 2px solid transparent;
	padding: 15px 10px 10px;
	font-size: 0.85rem;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #777;
}

.archive-nav-older,
.archive-nav-newer {
	position: absolute;
	top: 0;
}

.archive-nav-newer { left: 0; }
.archive-nav-older { right: 0; }

.archive-nav .active a {
	color: #444;
	border-top-color: #444;
}
.archive-nav a:hover {
	border-top-color: #0093C2;
	color: #0093C2;
}

.archive-nav li + li { margin-left: 10px; }


/* -------------------------------------------------------------------------------- */
/*	15.	Sidebar
/* -------------------------------------------------------------------------------- */


.widgets { font-size: 1rem; }

.widget + .widget {
	padding-top: 40px;
	border-top: 1px solid #ddd;
	margin-top: 40px;
}

.widget-title {
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 2px solid #0093C2;
	margin-bottom: 15px;
	font-size: 0.8rem;
	/*font-weight: 900;*/
	text-transform: none;
	letter-spacing: 1px;
	width: 100%;
	font-size: 1.1em;
	padding:16px 0 10px 0
}


/* Widget Content --------------------------------------- */


.widget-content { font-size: 1rem; }

.widget-content .textwidget a:hover { text-decoration: underline; }

.widget-content p {
	line-height: 150%;
	margin-top: 1em;
}

.widget-content p:first-child { margin-top: 0; }

.widget-content li {
	line-height: 140%;
	padding: 12px 0;
	border-bottom: 1px solid #ddd;
}

.widget-content ul ul { margin-left: 1em; }

.widget-content ul ul li:first-child {
	margin-top: 0.5em;
	border-top: 1px solid #ddd;
}

.widget-content > ul > li:first-child { padding-top: 0; }

.widget-content li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}


/* Text Widget --------------------------------------- */


.textwidget {
	line-height: 150%;
}


/* Widget Icons --------------------------------------- */


.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages { color: #888; }

.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_pages li a { color: #111; }

.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover,
.widget_pages li a:hover {
	color: #0093C2;
	text-decoration: none;
}

.widget_archive li:before,
.widget_categories li:before,
.widget_meta li:before,
.widget_nav_menu li:before {
	font: 16px/1 'FontAwesome';
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #999;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

.widget_archive li:before { content: '\f187'; }
.widget_categories li:before { content: '\f07b'; }
.widget_meta li:before { content: '\f0ad'; }
.widget_nav_menu li:before { content: '\f15b'; }


/* RSS Widget --------------------------------------- */


.widget_rss .widget-title img {
	width: 13px;
	height: 13px;
	margin-right: 2px;
	position: relative;
	bottom: -2px;
}

.widget_rss li a {
	display: block;
	font-family: 'Merriweather', Georgia, serif;
	font-size: 1.1em;
	line-height: 120%;
	font-weight: 700;
	color: #111;
}

.widget_rss li .rss-date {
	display: block;
	margin-top: 2px;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 1px;
	color: #888;
}

.widget_rss li .rssSummary { margin-top: 5px; }

.widget_rss li cite {
	display: block;
	margin-top: 8px;
	font-size: 0.9em;
}

.widget_rss li cite:before { content: "— "; }


/* Widget Calendar --------------------------------------- */


#wp-calendar {
	width: 100%;
	max-width: 100%;
	color: #111;
	text-align: center;
}

#wp-calendar thead { border-top: 1px solid #ddd; }

#wp-calendar,
#wp-calendar caption,
#wp-calendar tr,
#wp-calendar td,
#wp-calendar th {
	text-align: center;
}

#wp-calendar caption {
	text-transform: capitalize;
	color: #111;
	padding-bottom: 4%;
}

#wp-calendar th,
#wp-calendar td {
	padding: 4% 2%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#wp-calendar thead th {
	font-size: 0.75em;
	font-weight: 900;
	text-transform: none;
	color: #0093C2;
}

#wp-calendar th:first-child,
#wp-calendar tbody td:first-child { border-left: 1px solid #ddd; }

#wp-calendar tbody a:hover { text-decoration: underline; }

#wp-calendar tfoot td {
	padding: 0;
	border: none !important;
}
#wp-calendar tfoot #prev a { text-align: left; }
#wp-calendar tfoot #next a { text-align: right; }

#wp-calendar tfoot a {
	display: block;
	margin-top: 12px;
	font-size: 0.75em;
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	color: #111;
}

#wp-calendar tfoot a:hover {
	text-decoration: none;
	color: #0093C2;
}


/* Rowling Widget List --------------------------------------- */


.rowling-widget-list a {
	display: block;
	min-height: 55px;
	position: relative;
}

.rowling-widget-list .post-icon {
	display: block;
	width: 54px;
	height: 54px;
	padding: 3px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 99px;
	position: absolute;
	top: 0;
	left: 0;
}

.rowling-widget-list .post-icon img {
	display: block;
	border-radius: 99px;
}

.rowling-widget-list .post-icon .fa {
	font-size: 0.9em;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 0;
	right: 0;
}

.rowling-widget-list .inner { padding-left: 65px; }

.rowling-widget-list .title {
	font-family: 'Merriweather', Georgia, serif;
	line-height: 140%;
	font-weight: 700;
	color: #111;
}

.rowling-widget-list .meta {
	margin-top: 3px;
	font-size: 0.75em;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 1px;
	color: #888;
}

.rowling-widget-list .excerpt {
	margin-top: 3px;
	color: #666;
	line-height: 130%;
}

.rowling-widget-list a:hover .title { text-decoration: underline; }


/* Flickr Widget --------------------------------------- */


.flickr_badge_image {
	display: inline-block;
	margin: 0 10px 10px 0;
}

.flickr_badge_image a,
.flickr_badge_image img {
	display: block;
}

.flickr_badge_image a {
	padding: 4px;
	background: #fff;
	border: 1px solid #ddd;
}


/* -------------------------------------------------------------------------------- */
/*	16.	Credits
/* -------------------------------------------------------------------------------- */


.credits {
	background: #26272B;
	position: relative;
}

.credits .section-inner {
	padding: 30px 0;
	position: relative;
}

.to-the-top {
	display: block;
	width: 50px;
	height: 50px;
	padding-top: 21px;
	border-radius: 99px;
	background: #0093C2;
	position: absolute;
	top: -25px;
	right: 0;
}

.to-the-top:hover {
	color: #fff;
	top: -30px;
}

.to-the-top .fa {
    color: #fff;
	display: block;
    font-size: 28px;
    margin-top: -16px;
    position: absolute;
        left: 0;
        right: 0;
        top: 50%;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    width: 100%;
}

.credits p { color: #fff; }

.credits .copyright {
	font-weight: 900;
	text-transform: none;
	letter-spacing: 1px;
	text-shadow: 0 1px 0 #111;
}

.credits .copyright a { color: #fff; }
.credits .copyright a:hover { color: #0093C2; }

.credits .attribution {
	margin-top: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 1px;
	color: #999;
}

.credits .attribution + .attribution { margin-top: 6px; }

.attribution a { color: rgba(255,255,255,0.5); }
.attribution a:hover {
	color: rgba(255,255,255,0.5);
	text-decoration: underline;
}

img#wpstats { display: none !important; } /* silly wp stats */


.boxCategoBG {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blockA, .blockB, .blockC {
	width: 33.3%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 10px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blockbottomA, .blockbottomB, .blockbottomC {
    width: 33.3%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
		padding: 10px;
		display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blockbottomC, .blockC {
	border-right: 1px solid #ddd;
}
.partA {
  width: 25%;
}
.partB {
  width: 75%;
}
.body9,.cap9 {
  font-size: 9px;
  padding-top: 10px;
}
.search-t {
  position: relative;
  padding: 0.5em 0.5em 0.5em 1.8em;
  /*border-bottom: 1px solid #CCC;*/
  border-radius: 5px;
  font-weight: bold;
}
.search-t::after {
  position: absolute;
  top: 50%;
  left: 0.7em;
  transform: translateY(-50%);
  content: '';
  width: 8px;
  height: 8px;
  border: solid 3px #446689;
  border-radius: 100%;
}

input#freews {
    display: block;
    width: 100%;
    padding: 20px 60px 20px 20px;
    margin: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    font-family: Lato, Helvetica, sans-serif;
    font-size: 1rem;
    color: #111;
}

/* -------------------------------------------------------------------------------- */
/*	17.	Spotprice Guide
/* -------------------------------------------------------------------------------- */
div.block{
width: 100%;
border: 1px solid #717171;
margin: 0px;
padding: 8px;
}


div.block01 {
float: left;
width: 60%;
margin: 8px;
padding: 0px;
}

div.block02 {
float: right;
width: 35%;
margin: 8px;
padding: 0px;
}

div.block03 {
float: left;
width: 47%;
margin: 8px;
padding: 0px;
}

div.block04 {
float: right;
width: 47%;
margin: 8px;
padding: 0px;
}

div.block05 {
float: left;
width: 360px;
margin-right: 8px;
padding: 0px;
}

div.block06 {
float: right;
width: 350px;
margin: 0px;
padding: 0px;
}

div.block07 {
float: left;
width: 450px;
margin-right: 8px;
padding: 0px;
}

div.block08 {
float: right;
width: 250px;
margin: 0px;
padding: 0px;
}

.body12 {
font-size: 1.3em;
color: #585858;
line-height: 1.55em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.body11 {
font-size: 1.2em;
color: #585858;
line-height: 1.6em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.body12red {
font-size: 1em;
color: #e60012;
line-height: 1.55em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}



/* ここからシンプルなタブのCSS */

.tab{
margin:50px 0 0;
position:relative;
width:100%;
border-bottom:1px solid #a0a0a0;
}

.tab a{
color:#717171;
}

.tab ul,.tab li{
margin:0; padding:0;
}

.tab ul{
position:absolute;
bottom:-1px;
margin:0 0 0 10px;
border-left:1px solid #a0a0a0;
border-right: 1px solid #a0a0a0;
/*height: 45px;*/
}

.tab li,.tab li a{
line-height:2em;
float:left;
width:25em;
height:3em;
}

.tab li{
/*border-right:1px solid #a0a0a0;*/
border-left:none;
border-top:1px solid #a0a0a0;
border-bottom:1px solid a0a0a0;
text-align:center;
list-style:none;
background:#ececec;
padding-top: 6px;
}

.tab li a:hover{
color:ffffff;
background:#a0a0a0;
}

.tab li.menu_op{
background:#fff;
/*border-bottom:1px solid #fff;
font-weight:bold;*/
}

ul.messagekanri {
list-style:none;
}

li.messageparts4 {
display:inline;
}


/* ここからシンプルなタブ2のCSS */

.tab2{
margin:50px 0 0;
position:relative;
width:100%;
border-bottom:1px solid #a0a0a0;
}

.tab2 a{
color:#717171;
}

.tab2 ul,.tab2 li{
margin:0;
padding:0;
}

.tab2 ul{
position:absolute;
bottom:-1px;
margin:0 0 0 10px;
border-left:1px solid #a0a0a0;
height: 45px;
}

.tab2 li,.tab2 li a{
line-height:2em;
float:left;
width:25em;
height:2em;
background:#ececec;
}

.tab2 li{
border-right:1px solid #a0a0a0;
border-left:none;
border-top:1px solid #a0a0a0;
border-bottom:1px solid a0a0a0;
text-align:center;
list-style:none;
}

.tab2 li a:hover{
color:ffffff;
background:#a0a0a0;
}

.tab2 li.menu_op{
background:#fff;
border-bottom:1px solid #fff;
font-weight:bold;
}

/* ここから画像の影のCSS */

.box {
width:100%;
}

.effect1{
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
background:ececec;
vertical-align:bottom;
}


div.cate01 {
margin-top:10px;
padding:0px;
line-height:100%;
width:742px;
border:solid 1px #DDDDDD;
background-color:#FFFFFF;
}

div.cate02 {
font-size:1.3em;
margin:0;
padding-left:20px;
line-height:52px;

width:720px;
border:solid 1px #DDDDDD;
background-color:#f9f9f9;
}

div.guide_main {
  border: solid 1px #DDDDDD;
  background-color: #FFFFFF;
  margin-bottom:25px;
  margin-top:40px;
}

div.guide2 {
	font-size: 1.2em;
color: #585858;
line-height: 1.6em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  position: relative;
  border-bottom: solid 1px #DDDDDD;
  padding: 15px 20px 10px 20px;
  background: #F9F9F9;
}

div.guide {
	font-size: 1.2em;
color: #585858;
line-height: 1.6em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  border-bottom: solid 1px #DDDDDD;
  padding: 15px 20px 10px 20px;
}

.messageb_t4{
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	padding: 50px 0 6px 0;
}
.csoursing_tback{
	background: #d3ece9;
  margin-bottom: 20px;
}
.csoursing_flex_33 {
  text-align: center;
  width: 33%;
	padding:20px;
}
.csoursing_flex_l {
  text-align: center;
  width: 35%;
	padding:20px;
}
.csoursing_flex_r {
  text-align: center;
  width: 65%;
}
.csoursing_lead{
  font-size: 1.3em;
  color: #575757;
  line-height: 1.55em;
  text-align: center;
  margin-bottom:10px;
}

.sc_inner{
  margin-bottom:30px;
}
.sc_inner h3{
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
  margin: 1em 0;
}
.bdy_text12 {
  font-size: 1em;
  line-height: 1.7;
  margin-bottom: .7em;
}
.bdy_text10 {
  font-size: .9em;
  line-height: 1.7;
  margin-bottom: .7em;
}
.sc_img{
  border:solid 1px #ccc;
  padding:4px;
}
div.block01 {
   float: left;
   width: 25%;
   margin: 0px;
   padding: 8px;
}
div.block02 {
   float: left;
   width: 70%;
   margin: 0px;
   padding: 8px;
}
.sc_inner h2{
	position: relative;
	font-size: 1.2em;
  font-weight: bold;
	padding:0.5em 0.5em 0.5em 1.8em;
	margin: 30px 0 15px 0;
	border: 1px solid #CCC;
	border-radius: 5px;
}
.sc_inner h2::after {
	position: absolute;
	top: 50%;
	left:0.7em;
	transform:translateY(-50%);
	content: '';
	width: 8px;
	height:8px;
	border: solid 3px #446689;
	border-radius:100%;
}
ul.sc_ul {
  padding-left: 20px;
}
.sc_ul li {
  list-style: disc;
  line-height: 1.6;
	padding-bottom:5px;
}

/* 検索ページ設定
------------------------------------------------------------*/
.kakomi {
  padding: 3px;
  border: none;
  background: url(./images/bg-outside.gif);
}
.kakomi2 {
	padding: 20px;
	background-color: #fcfcfc;
}
.searchico{
	background: url(./images/search_icon.png) top left no-repeat;
	padding: 9px 50px;
	margin: 0px auto;
}
.searchico2{
	font-size:20px;
}
.search_table {
  border-bottom: 1px dotted #b2b2b2;
  display: table;
	padding-bottom: 15px;
	width: 100%;
}
.search_tr {
  display: table-row;
}
.search_th,
.search_td,
.search_th2,
.search_td2 {
  display: table-cell;
  padding: 0 25px;
}
.search_th {
  /*background: #e7e7e7;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;*/
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
	width: 20%;
}
.search_th2 {
  border: 1px solid #333;
  font-weight: bold;
  padding: 0.5em 0.5em;
  vertical-align: middle;
}
.search_td {
  padding: 1em 0.5em;
  vertical-align: middle;
  line-height:2em;
	width: 80%;
}
.search_td2 {
  padding: 0.5em 0.5em;
  vertical-align: middle;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
#fwords {
	padding:10px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .5em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  height: 40px;
  width: 100%;
}
#budget{
	padding:10px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .5em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  height: 45px;
  width: 100%;
	-webkit-appearance: none;
}
.sformButton{
	border: none;
	background: #444;
	border-radius: .25em;
	padding: 10px 30px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
}
.s-caution2 {
    font-weight: bold;
    padding: 1em 0 0.5em;
}
.s-caution3 {
    font-size: 0.8em;
    line9height: 1.5em;
}
textarea#comments {
    width: 400px;
}
input#city {
    width: 400px;
}
textarea,input,select{
font-size:12px;
margin-right: 0.4em;
}
label {
	margin-right: 5px;
}
@-moz-document url-prefix() {
  /* firefoxにだけ適用 */
	table#tdata th, table#tdata td {
	  font-size: 11px;
	}
	textarea,input,select{
	font-size:11px;
	margin-right: 0.2em;
	}
}

/*検索結果ページ設定*/
.stitle {
	font-size: 16px;
	color: #333333;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 15px 0 15px 40px;
	margin: 15px 0 30px 0;
	background-image: url(./images/blocktitleicon.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}
#searchword {
  margin: 30px 0;
  font-size: 16px;
  font-weight: bold;
}
#searchcat{
	font-size: 1.1em;
 	margin: 10px 0;
  padding: 15px 0 15px 35px;
  display: block;
  border: 1px solid #CCCCCC;
  background: url(./images/link_list_cat.png) top left no-repeat;
  background-position: 15px 24px;
}
.searcht {
  font-size: 16px;
  background: url(./images/link.gif) top left no-repeat;
  padding: 9px 37px;
  margin: 0px auto;
}
.context {
  border-bottom: 1px solid #ebebeb;
  padding: 0 0 10px 40px;
}
.sresults {
  margin-bottom: 50px;
}
#pagenavi {
  padding: 20px 0;
  width: 220px;
  margin: 0 auto;
}
/* ----------------------------------------------------------
検索ページ設定終わり*/



/* -------------------------------------------------------------------------------- */
/*	18.	SpotPrice
/* -------------------------------------------------------------------------------- */
.nakamidashi002 {
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px dashed #ddd;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.basic_select {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hide {
    display: none;
}
.searchmain_t{
	position: relative;
	padding:0 0 0.5em 1.5em;
	border-bottom: 1px dotted #bebebe;
}
.searchmain_t::after {
	position: absolute;
	left: 0.2em;
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	font-weight: 900;
}
.boxCategoTop2 {
  padding: 3px 0;
  border: solid 1px #ddd;
}
.select-wrap {
	position: relative;
	overflow: hidden;
	display: inline-block;
	min-width: 12em;
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	color: #333;
}
.select-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  appearance: none;
  position: relative;
  z-index: 2;
  display: block;
  width: -webkit-calc(100% + 5em);
  margin: 0;
  padding: .6875rem 2.1875rem .6875rem .6875rem;
  background: transparent;
  border: 0;
  outline: none;
  font-size: 1em;
  line-height: 1.5;
}
.blockH, .blockI, .blockJ {
  padding: 8px;
}
.nakamidashi001 {
  font-size: 1em;
  background: #c9caca;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 6px;
	margin:0 10px;
}
.nakamidashi004 {
  font-size: 1em;
  border-bottom: 1px dotted #000000;
  padding: 10px 6px;
	margin:0 10px 20px 10px;
}
.center {
  text-align: center;
}
.nakamidashi001 a {color:#000;}
.branch, #partframe, #prefframe {
  /*padding: 8px 12px;*/
}
.catrow ul, .branch ul, #prefframe ul, .partbox {
	/*display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
	line-height: 2;*/

}
#categorybox div ul li, #categoryframe div ul li, #prefframe ul li{
	float:left;
}
.blockD, .blockE, .blockF, .blockG {
float: left;
margin: 0px;
padding: 8px;
}
.catrow ul li, .branch ul li{
	line-height:2;
}
.bunrui13 {
  padding: 8px;
	font-size: 0.8em;
}
.prefrow{
	display: flex;
  justify-content: space-between !important;
}
.port-out{
	border: 1px solid #ddd;
  margin-bottom: 1em;
	background: #f1f1f1;
}
.pbox{
	padding:10px;
}
.pbox20{
	padding:20px;
}
.port-cap{
  font-size:0.8em;
}
.port-bb {
  border-bottom: dotted 1px #ddd;
  width: 100%;
}
.photo-box{
  width:30%;
}
.port-photo{
  width:200px;
}
.port-lh2{
	line-height:2;
	padding: 0 6px 0 0;
}
.part-i{
	padding:0 3px 0 0;
	color:#dd3333;
	font-size:0.7em;
	vertical-align: middle;
}
.pl10{padding-left:10px;}
.kakomi{
	background: -webkit-repeating-linear-gradient(-45deg, #eee, #eee 4px, #fff 4px, #fff 5px);
  background: repeating-linear-gradient(-45deg, #eee, #eee 4px, #fff 4px, #fff 5px);
  color: #4a1086;
  margin: 2em 0;
  padding: 0.3em;
}
section {
  padding: 20px;
  background-color: #fcfcfc;
}
#search_result {
  padding-top: 1em;
}
.title-i {
  padding: 0 6px 0 0;
  color: #555;
  vertical-align: middle;
}
.part-fs{
	font-size:0.8em;
	color: #555;
}
.weblinks_links_list_framee_flex1 {
	display: flex;
  justify-content: space-between;
	border-top:1px #9fa0a0 dotted;
	word-wrap:break-word;
	padding-top: 6px;
}
.weblinks_links_list_frame_flex2 {
  width: 80%;
}
.photoA {
  width: 20%;
  text-align: right;
	margin-bottom: 12px;
}
.hit-img{
	width:50%;
}
.port-photo2{
  padding: 10px 10px 5px 10px;
  width: 100%;
}
.cap-photo2{
  font-size:0.8em;
  padding: 0 0 6px 10px;
}
table {
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 14px;
  border-spacing: 0;
  border-top: 1px solid #CCCCCC;
}
th {
  padding: 10px;
  background: #F6F6F6;
  /*border-top: 2px solid #FFFFFF;*/
  border-bottom: 1px solid #CCCCCC;
}
.head,.even, .odd {
  padding: 10px;
  border-bottom: 1px solid #CCCCCC;
}
#arteditbasic, #arteditprice{
  text-align: right;
}
.porttitle {
  font-size: 1em;
  padding: 0 0 0.5em 0.5em;
	line-height: 1.5;
}
.pr10 {
  padding-right: 10px;
}
.pb6 {
  padding-bottom: 6px;
}
.prfl-flex_r{
	padding:0 0 0 15px;
}
.prfl-flex_l{
	padding:0 15px 0 0;
}
.user-bm {
	position: relative;
	background: #5C7282;
	padding: 4px 5px 4px 50px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	width: 220px;
	margin: 10px 0;
}
.user-bm:before {
	font-family: "Font Awesome 5 Free";
	content: "\f02e";
	display: inline-block;
	line-height: 26px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #314656;
	font-weight: 900;
	width: 40px;
	text-align: center;
	height: 26px;
	left: -0.1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.user-like {
	position: relative;
	background: #F44D4D;
	padding: 4px 5px 4px 50px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	width: 220px;
}
.user-like:before {
	font-family: "Font Awesome 5 Free";
	content: "\f164";
	display: inline-block;
	line-height: 26px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #D24040;
	font-weight: 900;
	width: 40px;
	text-align: center;
	height: 26px;
	left: -0.1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.prfl-username {
    font-size: 1.2em;
}

.user-bm5 {
position: relative;
background: #57B760;
padding: 0.25em 0.5em;
margin: 0.5em;
border-left: solid 2em #57B760;
color: #fff;
font-size: 46px;
}
.user-bm5:before {
/*font-family: "Font Awesome 5 Free";
content: "\f1d8";
position: absolute;
padding: 0em;
color: white;
font-weight: 900;
left: -1.35em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);*/
position: absolute;
left: -1.5em;
top: 25%;
content: '';
width: 100%;
height: 70px;
background: url(./images/hatsu.svg) top left no-repeat;
}
.user-bm5 span {
font-size: 16px;
}
.user-bm6 {
position: relative;
background: #DADADA;
padding: 0.25em 0.5em;
margin: 0.5em;
border-left: solid 2em #DADADA;
color: #fff;
font-size: 46px;
}
.user-bm6:before {
/*font-family: "Font Awesome 5 Free";
content: "\f0e0";
position: absolute;
padding: 0em;
color: white;
font-weight: 900;
left: -1.35em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);*/
position: absolute;
left: -1.5em;
top: 25%;
content: '';
width: 100%;
height: 70px;
background: url(./images/chaku.svg) top left no-repeat;
}
.user-bm6 span {
font-size: 16px;
}
.user-bm7 {
position: relative;
background: #DADADA;
padding: 0.25em 0.5em;
margin: 0.5em;
border-left: solid 2em #DADADA;
color: #fff;
font-size: 46px;
}
.user-bm7:before {
/*font-family: "Font Awesome 5 Free";
content: "\f1d8";
position: absolute;
padding: 0em;
color: white;
font-weight: 900;
left: -1.35em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);*/
position: absolute;
left: -1.5em;
top: 25%;
content: '';
width: 100%;
height: 70px;
background: url(./images/hatsu.svg) top left no-repeat;
}
.user-bm7 span {
font-size: 16px;
}
.user-bm8 {
position: relative;
background: #C7453E;
padding: 0.25em 0.5em;
margin: 0.5em;
border-left: solid 2em #C7453E;
color: #fff;
font-size: 46px;
}
.user-bm8:before {
/*font-family: "Font Awesome 5 Free";
content: "\f0e0";
position: absolute;
padding: 0em;
color: white;
font-weight: 900;
left: -1.35em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);*/
position: absolute;
left: -1.5em;
top: 25%;
content: '';
width: 100%;
height: 70px;
background: url(./images/chaku.svg) top left no-repeat;
}
.user-bm8 span {
font-size: 16px;
}
.mgn10-0{
	margin:10px 0;
}
.book-bb_l {
    border-bottom: dotted 1px #ddd;
    width: 20%;
}
.book-bb_r {
    border-bottom: dotted 1px #ddd;
    width: 80%;
}
.mgn10-0{
	margin:10px 0;
}
.mt20{
	margin-top:20px;
}
.mb20{
	margin-bottom:20px;
}
.mb50{
	margin-bottom:50px;
}
.pdg10-0{
	padding:10px 0;
}
.pb10{
	padding-bottom: 10px;
}
.text_c{text-align:center;}
.text_l{text-align:left;}
.text_r{text-align:right;}
.cap-txt8{
	font-size:0.8em;
	line-height:1.5;
}
.font-bold{
	font-weight:bold;
}
input {
  padding: 5px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .5em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
textarea {
  padding: 5px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .5em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
#mediabox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	border: 1px solid #ddd;
  margin-bottom: 1em;
  background: #f1f1f1;
}
.block1, .block2, .block3 {
  padding: 10px;
}
.new_quotation {
  margin-top: 20px;
}
.breadcrumbs {
  font-size: 0.8em;
}
.entrymain_t{
	position: relative;
	font-size:1.1em;
  padding: 0 0 0.5em 1.5em;
	margin:1em 0;
  border-bottom: 1px dotted #bebebe;
}
.entrymain_t::after {
  position: absolute;
	top:0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f28d";
  font-weight: 900;
	color: #b00000;
}
.entryres_t{
	position: relative;
	font-size:1.1em;
  padding: 0 0 0.5em 1.5em;
	margin:1em 0;
  border-bottom: 1px dotted #bebebe;
}
.entryres_t::after {
  position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f3e5";
  font-weight: 900;
	color: #11ABB0;
}
.entrysub_t{
	font-size:1em;
  padding: 0 0 0.5em 0;
	margin:0 0 1em 0;
}
.nakamidashi005 {
  font-size: 1.1em;
  color: #000000;
  background: #c9caca;
  padding: 6px;
  margin: 8px;
}
.txt100 {
	font-size:1em;
	line-height:1.8;
}
.pdg10{
	padding:10px;
}
.mgn10-0{
	margin: 10px 0;
}
.resuser{
	font-size: 1.5em;
  padding: 12px;
}
#paymentmode ul {
  margin: 20px 0;
}
#paymentmode ul li {
    line-height: 2;
}
.bookmark-t {
	position: relative;
  font-size: 1.1em;
  padding: 0 0 0.5em 1.5em;
  margin: 1em 0;
  border-bottom: 1px dotted #bebebe;
}
.bookmark-t::after {
	position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f02e";
  font-weight: 900;
  color: #b00000;
}
.messageb-t {
	position: relative;
  font-size: 1.1em;
  padding: 0 0 0.5em 1.5em;
  margin: 1em 0;
  border-bottom: 1px dotted #bebebe;
}
.messageb-t::after {
	position: absolute;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f4ad";
  font-weight: 900;
  color: #FFCE54;
}
.messagekanri {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.messagekanri2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	width:47%;
}
li.messageparts4-1 {
	font-size: 0.83em;
	background: #eee;
  width: 85%;
	padding: 10px;
	border-width: 1px;
  border-color: #ccc;
	margin: 0 0 16px 0;
	border-style: solid none solid solid;
}
li.messageparts4-2 {
	font-size: 0.83em;
  text-align: right;
  width: 15%;
	padding: 10px;
  margin: 0 0 16px 0;
	border-width: 1px;
  border-color: #ccc;
  border-style: solid solid solid none;
}
.messageb_t {
  position: relative;
  border-top: solid 2px #80c8d1;
  /*border-bottom: solid 2px #80c8d1;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;*/
  margin: 2em 0 0.5em;
}
.messageb_t:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f0a7\ 注意事項';
  background: #80c8d1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 1.2em;
  line-height: 1;
  letter-spacing: 0.05em;
}
.atention2 {
  padding: 0 6px 20px 6px;
}
.messageb2_t{
	position: relative;
  font-size: 1.1em;
  padding: 0 0 0.5em 1.5em;
  margin: 1em 0;
  border-bottom: 1px dotted #bebebe;
}
.messageb2_t::after {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    content: "\f4ad";
    font-weight: 900;
    color: #F44D4D;
}
.messageb_tback {
  background: #ccc;
	margin-bottom: 20px;
}
.messageb_flex {
  display: flex;
  justify-content: space-between;
}
.messageb_flex_l {
  text-align: center;
	width: 25%;
}
.messageb_flex_r {
  text-align: center;
	width: 75%;
}
.messageb_ico{
  font-size: 7em;
  padding: 0.5em;
  color: #ff6347;
}
.messageb_t3{
  font-size: 3.6em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 50px 0 6px 0;
}
.messageb_text11{
	font-size:0.95em;
	line-height:1.5;
	margin-bottom:20px;
}
.messageb_text10 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.8;
  padding: 20px 40px;
}
.messageb_text12{
	font-size:1em;
	line-height:1.5;
	text-align:center;
	margin-bottom:20px;
}
.messageb_text8{
	font-size:0.8em;
	line-height:1.5;
	text-align:center;
	margin-bottom:40px;
}
.purchase_back {
  background: #ff7f50;
  width: 240px;
  border-radius: 20px;
}
.purchase{
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px;
}
.purchase_c {
  display: flex;
  justify-content: center;
}
.purchase_text{
  font-size:1em;
  color:#b40011;
  text-align:center;
  padding:16px 0;
}
.messageb-p {
  width: 24px;
}
.txt_c{text-align:center;}
.txt_l{text-align:left;}
.txt_r{text-align:right;}
.messageb_step1 {
  font-size: 2em;
  font-weight: bold;
  padding: 20px 0;
}
.mb_form-t {
  float: left;
  width: 30%;
  font-size: 1em;
  font-weight: 555;
  padding: 20px 0;
}
.mb_form-bdy {
  float: left;
  width: 70%;
  padding: 20px 0;
}
.mb_form-cap {
  font-size: 0.85em;
  color: #b40011;
  line-height: 1.7;
}

/* ---------------------------------------- [HELP] ---------------------------------------- */

h3, li, dt, dd,p,
ul, dl, dd {
  margin: 0;
  padding: 0;
  font-size: 13px;
}

ul {
  list-style: none;
}

.heading {
  text-align: center;
  color: #fff;
  font-size: 24px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 50px;
  letter-spacing: 0.08em;
}

.heading {
  color: #333;
  padding-top: 0px;
}

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

#faq_contents #faq_main {
  float: right;
  border: solid 1px #DDDDDD;
  background-color: #FFFFFF;
  margin-bottom:25px;
  margin-top:40px;
}

#faq_contents #faq_main #faq_title {
  position: relative;
  height: 50px;
  border-bottom: solid 1px #DDDDDD;
  padding: 0 20px;
  background: #F9F9F9;
}

#faq_contents #faq_main #faq_title h8 {
  line-height: 52px;
  font-size: 16px;
  font-weight: bold;
}

#faq_contents #faq_main #faq_title #header_breadcrumb {
  position: absolute;
  top: 20px;
  right: 20px;
}

#faq_contents #faq_main #faq_title #header_breadcrumb li {
  display: inline-block;
  font-size: 12px;
  color: #888888;
}

#faq_contents .faq {
  border-bottom: solid 1px #DDDDDD;
  padding: 25px 20px 10px 20px;
}

#faq_contents .faq:last-child {
  border-bottom: none;
}

#faq_contents .faq dl {
  letter-spacing: -0.4em;
  word-spacing: -0.4em;
  font-size: 0;
}

#faq_contents .faq dt, #faq_contents .faq dd {
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  line-height: 150%;
}

#faq_contents .faq dt {
  width: 5%;
  font-weight: bold;
}

#faq_contents .faq dd {
  width: 95%;
}

#faq_contents .faq dd p {
  margin-bottom: 15px;
}

#faq_contents .faq dd .note {
  margin-top: 5px;
  font-size: 12px;
}

#faq_contents .faq .q {
  margin-bottom: 10px;
}

#faq_contents .faq .q dt, #faq_contents .faq .q dd {
  font-size: 15px;
  font-weight: bold;
}

#faq_contents .faq .q dt {
  color:#e60012;
}

#faq_contents .faq .a dt {
  color: #00a0e9;
  font-size: 15px;
}

.a p {
  font-size: 1.1em;
  line-height: 1.7;
}

.help_current {
  background: #ccc !important;
}

.cate01 a:hover {
text-decoration: none;
color: #9fa0a0;
}

.help_flex-80{
	width:80%;
	display: flex;
	align-items: center;
	height: 50px;
}

.help_flex-20{
	width:20%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box01 {
	padding:0 6px;
}

.box02 {
	padding:0 6px;
}

.help_flex-inner {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.help_flex {
	width:48%;
	border: solid 1px #DDDDDD;
  background-color: #f9f9f9;
	margin-bottom: 8px;
}

.help_flex-box {
	display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

p.body1 {
font-size: 1.3em;
color: #575757;
line-height: 1.7em;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

p.red {
font-size: 1.3em;
color: #eb6d65;
line-height: 1.7em;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.sp_help_tback{
	background: #c8bc9c;
  margin-bottom: 20px;
}
.sp_ope_tback{
	background: #fff799;
  margin-bottom: 20px;
}
.help_h2{
	font-size: 2.4em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	padding: 0 0 26px 0;
}
.help_h3{
	font-size: 1.8em;
	text-align: center;
	line-height: 1.5;
	padding: 100px 0 6px 0;
}
img.splogo {
  height: 70px;
}

/* ロゴと社名の横並び。
   もともと home.php（TOP専用テンプレート）の <style> にしか無く、
   スマホ査定ラボ・中古iPhoneラボなどのサブページでは効いていなかったため
   全ページ共通の style.css へ移した。 */
.section_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.section_flex-l {
  width: 18%;
}
.section_flex-r {
  width: 82%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 500px) {
  .section_flex {
    display: block;
  }
  .section_flex-l,
  .section_flex-r {
    width: 100%;
  }
  img.splogo {
    max-width: 170px;
  }
}
h4.site-description {
  font-size: 1em;
  color: #fff;
  padding: 10px 0;
	line-height: 1.5;
}

/* -------------------------------------------------------------------------------- */
/*	19.	SpotJob
/* -------------------------------------------------------------------------------- */
ul.d3pipes_block_sync_aggregated li,ul.d3pipes_block_async_aggregated li {
  line-height: 1.7;
  padding: 0.7em 0;
  border-bottom: 1px dotted #ccc;
}

img.svgico {
  height: 16px;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* 851px以上
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media only screen and (min-width:851px){
.bars {
  display: none;
}

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* 850px以下
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media ( max-width: 800px ) {


	/* Structure --------------------------------------- */


	body { background: #fff; }

	.wrapper.section-inner { max-width: 100%; }

	.wrapper:after { content: none; }

	.content {
		float: none;
		max-width: 88%;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.sidebar {
		width: 100%;
		padding-left: 6%;
		padding-right: 6%;
		background: #f1f1f1;
		border-top: 1px solid #ddd;
		float: none;
	}


	/* Top Nav --------------------------------------- */


	.top-nav { display: none; }


	/* Search Container ----------------------------- */


	.search-container .search-field {
		padding: 30px 64px 30px 0;
		font-size: 1.25em;
		font-weight: 400;
	}

	.search-container .search-button { margin-top: -17px; }

	.search-container .search-button .fa { font-size: 32px; }


	/* Header --------------------------------------- */


	.header {
		padding: 25px 0;
		border-top: 8px solid #26272B;
	}

	.blog-title,
	.blog-description {
		margin-right: 60px;
	}


	/* Navigation ----------------------------------- */


	.primary-menu { display: none; }

	/* Nav Toggle */

	.header .section-inner { position: relative; }

	.nav-toggle {
		display: block;
		width: 40px;
		height: 40px;
		background: #0093C2;
		border-radius: 99px;
		position: absolute;
		top: 50%;
		margin-top: -20px;
		right: 0;
		box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	}

	.nav-toggle .bar {
		width: 20px;
		height: 2px;
		/* ★明るい基調色では白い線が消える。ラボごとの濃い文字色に追従させる */
		background: var(--lab-on-bg, #fff);
		border-radius: 1px;
		box-shadow: 0 1px 0 rgba(0,0,0,0.1);
		position: absolute;
		left: 50%;
		margin-left: -10px;
		top: 50%;
		transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, transform 0.2s linear 0s;
	}

	.nav-toggle .bar:nth-child(1) { margin-top: -7px; }
	.nav-toggle .bar:nth-child(2) { margin-top: -1px; }
	.nav-toggle .bar:nth-child(3) { margin-top: 5px; }

	.nav-toggle:hover { cursor: pointer; }

	.nav-toggle.active .bar {
		background: #fff;
		transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, transform 0.2s linear 0.2s;
	}

	.nav-toggle.active .bar:nth-child(1),
	.nav-toggle.active .bar:nth-child(3) { margin-top: -1px; }

	.nav-toggle.active .bar:nth-child(1) {
		transform: rotate(45deg);
	}

	.nav-toggle.active .bar:nth-child(2) {
		opacity: 0;
	}

	.nav-toggle.active .bar:nth-child(3) {
		transform: rotate(-45deg);
	}

	/* Mobile Menu */

	.mobile-menu {
		/*background: #0093C2;*/
		background: #555;
	}

	.mobile-menu li a {
		border-top: 1px solid rgba(255,255,255,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}

	.mobile-menu a {
		display: block;
		padding: 20px 6%;
		font-size: 0.8rem;
		font-weight: 900;
		text-transform: none;
		letter-spacing: 1px;
		color: #fff;
		text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	}

	.mobile-menu ul a { padding-left: 12%; }
	.mobile-menu ul ul a { padding-left: 18%; }
	.mobile-menu ul ul ul a { padding-left: 24%; }
	.mobile-menu ul ul ul ul a { padding-left: 30%; }
	.mobile-menu ul ul ul ul ul a { padding-left: 36%; }
	.mobile-menu ul ul ul ul ul ul a { padding-left: 42%; }

	.mobile-menu a:hover { color: #fff; }


	/* Post Content ----------------------------------- */

	.post-content .alignwide,
	.post-content .alignfull {
		margin-left: calc( ( 100vw * -.06 ) - 200px );
		max-width: 100vw;
		width: 100vw;
	}


	/* Sidebar ----------------------------------- */


	.sidebar .widget {
		display: inline-block;
		width: 47%;
		vertical-align: top;
		padding: 0;
		margin: 0 0 60px 0;
		border: none;
	}

	.sidebar .widget:nth-child(2n) { margin-left: 5%; }


	/* Credits ----------------------------------- */


	.to-the-top {
		width: 40px;
		height: 40px;
		top: -20px;
	}

	.to-the-top:hover { top: -23px; }


}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* 780px以下
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media ( max-width: 800px ) {


	/* Single Post ------------------------------- */


	.single-post .post-inner { padding-left: 0; }

	.related-posts {
		display: none;
		width: 100%;
		margin-top: 40px;
		position: static;
		top: auto;
		left: auto;
	}

	.post-inner .related-posts { display: block; }

	.related-post {
		width: 30%;
		float: left;
	}

	.related-post + .related-post { margin: 0 0 0 5%; }


	/* Post Content ------------------------------ */


	.post-inner > .post-content { font-size: 1.1em; }

	.post-content .alignwide,
	.post-content .alignfull {
		margin-left: -6vw;
	}


	/* Comments ---------------------------------- */


	.comments,
	.comment-respond form,
	.no-comments {
		margin-left: 0;
	}

	.no-comments {
		margin-top: 25px;
		border-top: 2px solid #ddd;
		padding-top: 25px;
	}


}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* 600px以下
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media ( max-width: 800px ) {


	/* Structure ------------------------------------ */


	.section-inner,
	.content {
		max-width: 90%;
	}

	.content { padding: 30px 0; }


	/* Search Container ----------------------------- */


	.search-container .search-field {
		padding: 25px 50px 25px 0;
		font-size: 1.1em;
	}

	.search-container .search-button { margin-top: -15px; }
	.search-container .search-button .fa { font-size: 28px; }


	/* Navigation ----------------------------------- */


	.mobile-menu a { padding: 20px 5%; }
	.mobile-menu ul a { padding-left: 10%; }
	.mobile-menu ul ul a { padding-left: 15%; }
	.mobile-menu ul ul ul a { padding-left: 20%; }
	.mobile-menu ul ul ul ul a { padding-left: 25%; }
	.mobile-menu ul ul ul ul ul a { padding-left: 30%; }
	.mobile-menu ul ul ul ul ul ul a { padding-left: 35%; }


	/* Content -------------------------------------- */

	.post-title {
		font-size: 1.25em;
		line-height: 130%;
	}


	/* Single Post ---------------------------------- */


	.single-post .post-header,
	.single-post .post-image,
	.single-post .flexslider { margin-bottom: 25px; }

	.single-post .post-categories { font-size: 0.75em; }

	.single-post .post-title {
		font-size: 1.75em;
		line-height: 130%;
	}

	.single-post .post-meta {
		padding-top: 12px;
		font-size: 0.9em;
	}

	.single-post .post-meta .resp { display: none; }

	.single-post .post-meta:first-letter { text-transform: none; }

	.single-post .post-tags { margin-top: 20px; }

	.post-author {
		margin-top: 30px;
		padding: 20px 20px 20px 100px;
		min-height: 100px;
	}

	.post-author:before { left: 44px; }

	.post-author .title { font-size: 1em; }

	.post-author > .avatar { margin-top: -30px; }

	.post-author img {
		width: 60px;
		padding: 3px;
	}


	/* Post Content --------------------------------- */


	.post-content,
	.post-inner > .post-content { font-size: 1em; }

	.post-content p.intro {
		font-size: 1.1em;
		line-height: 140%;
	}

	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
		margin: 30px 0 12px;
	}

	.post-content h1 { font-size: 1.9em; }
	.post-content h2 { font-size: 1.7em; }
	.post-content h3 { font-size: 1.5em; }
	.post-content h4 { font-size: 1.25em; }
	.post-content h5 { font-size: 1.1em; }

	.post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6,
	.post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6,
	.post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6,
	.post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6,
	.post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6,
	.post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 {
		margin-top: 12px;
	}

	.post-content hr { margin: 30px auto; }

	.post-content blockquote,
	.post-content .wp-block-quote.is-large,
	.post-content .wp-block-quote.is-style-large {
		padding: 25px;
	}

	.post-content blockquote:after { content: none; }

	.post-content fieldset { padding: 20px; }


	/* Comments ------------------------------------- */


	.comments-container,
	.respond-container { margin-top: 40px; }

	.comments-title-container,
	.comment-reply-title {
		padding: 18px 0;
		margin-bottom: 30px;
	}

	.comments-title,
	.comment-reply-title { font-size: 1em; }

	.comments-title .fa,
	.comment-reply-title .fa {
		font-size: 16px
	}

	.comments-title-link {
		font-size: 0.8em;
		bottom: -1px;
	}

	.comment .avatar { display: none; }

	.comment-inner { margin-left: 0; }

	.comment-inner:before,
	.comment-inner:after { content: none; }

	.bypostauthor .comment-author-icon {
		top: -9px;
		left: -9px;
	}


	/* Pagination ----------------------------------- */


	.archive-nav { margin-top: 40px; }

	.archive-nav .number { display: none; }

	.archive-nav .archive-nav-older,
	.archive-nav .archive-nav-newer {
		position: static;
	}

	.archive-nav .archive-nav-newer { float: left; }
	.archive-nav .archive-nav-older { float: right; }


	/* Sidebar -------------------------------------- */


	.sidebar {
		padding-right: 5%;
		padding-left: 5%;
	}

	.sidebar .widget {
		display: block;
		width: 100%;
		margin: 0;
	}

	.sidebar .widget + .widget {
		padding-top: 40px;
		margin-top: 40px;
		border-top: 1px solid #ddd;;
	}

	.sidebar .widget:nth-child(2n) { margin-left: 0; }

.csoursing_lead{
	text-align:left;
	font-size: 1.1em;
}
.tab li, .tab li a{
  width: 100%;
}
.csoursing_flex_33,	.csoursing_flex_l, .csoursing_flex_r{
	width:100%;
}
.messageb_t4{
	font-size: 1.8em;
	padding: 10px;
}

.box03,.box04 {
float: none;
width: 100%;
}

.help_flex {
	width:100%;
}
.help_h3{
	padding: 10px 0 6px 0;
}

.search_th, .search_td, .search_th2, .search_td2 {
  display: block;
}
.search_th {
  width: 100%;
}
.search_td {
  width: 100%;
}

}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* 501px以上
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media only screen and (min-width:801px){
	#mainsNav {
	  display:none;
	}
	.sp{display:none;}
	.pc{display:block;}
	.port-flex{
	  display: flex;
	  justify-content:space-between;
		border-bottom: dotted 1px #ddd;
	}
	.port-flex2{
	  align-items:stretch;
	  width:70%;
	}
	.port-flex3{
	  display: flex;
	  justify-content:space-between;
	}
	.port-flex5{
		align-items:stretch;
	}
	.prfl-flex{
		display: flex;
	  justify-content: center;
	}
	.inpt-size_70 {
		width:650px;
	}
	.txtarea-size_100 {
		width:620px;
	}
	.art-bb_l {
	  border-bottom: dotted 1px #ddd;
	  width: 20%;
	}
	.art-bb_r {
	  border-bottom: dotted 1px #ddd;
	  width: 80%;
	}
	.user-dele{
		padding-left:1em;
	}
	.blockD, .blockE, .blockF, .blockG {
	width: 25%;
	}


}
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* 500px以下
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media ( max-width: 800px ) {


	/* Respond -------------------------------------- */


	.comment-form-author,
	.comment-form-email {
		display: block;
		width: 100%;
		float: none;
	}


	/* Post Content --------------------------------- */


	.post-content .alignleft,
	.post-content .alignright {
		max-width: 100%;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}

	.post-content .alignleft img,
	.post-content .alignright img {
		margin-right: auto;
		margin-left: auto;
	}
	.blockA, .blockB, .blockC,.blockbottomA, .blockbottomB {
		width:100%;
		border-bottom: 0;
	}
	.blockA, .blockB, .blockbottomA, .blockbottomB{
		border-right: 1px solid #ddd;
	}
	.blockbottomC{
		width:100%;
		border-bottom: 1px solid #ddd;
	}

	/* Sub Navigation ---------------------------------- */

	.navigation {
	  display:none;
	}
	#mainsNav {
	  display:block;
	}
	p#thirdaco {
		border-top: 1px dotted #888;
	}
	ul.xolgaccord {
		font-size:123.1%;
	}
	ul.xolgaccord a {
		display:block;
		padding:10px;
		background-position:95% center;
		background-repeat:no-repeat;
		text-decoration:none;
		color:#FFF;
	}
	ul.xolgaccord span {
		display:block;
		padding:10px;
		background-position:95% center;
		background-repeat:no-repeat;
		color:#FFF;
	}
	#thirdaco span {
		display:block;
		padding:10px;
		background-position:95% center;
		background-repeat:no-repeat;
		color:#444;
		background-color: #c9caca;
	}
	ul.xolgaccord ul {
		display:none;
	}
	ul.xolgaccord > li > p {
		background: #0093C2;
	}
	ul.xolgaccord > li > ul > li {
		background:#888;
	}
	ul.xolgaccord > li > ul > li > p {
		background:#888;
		border-top: 1px dotted #fff;
	}
	ul.xolgaccord > li > ul > li > ul > li > ul > li{
		background:#FFF;
	}
	ul.xolgaccord > li > ul > li > ul > li:last-child {
		border:none;
	}
	ul.xolgaccord > li > p span {
		background-image:url("./images/a_close.png");
	}
	ul.xolgaccord > li > p span.open {
		background-image:url("./images/a_open.png");
	}
	ul.xolgaccord > li > a {
		background-image:url("./images/a_link.png");
	}
	ul.xolgaccord > li > ul > li > p span {
		background-image:url("./images/b_close.png");
	}
	ul.xolgaccord > li > ul > li > p span.open {
		background-image:url("./images/b_open.png");
	}
	ul.xolgaccord > li > ul > li > a {
		background-image:url("./images/b_link.png");
		background: #888;border-top: 1px dotted #fff;
	}
	#thirdaco span {
		background-image:url("./images/b_close.png");
		border-top: 1px dotted #888;
	}
	#thirdaco span.open {
		background-image:url("./images/b_open.png");
	}
	span#gry {
		color: #fff;
	  background-color: #888;
	}
	ul.xolgaccord > li > ul > li > ul > li a {
		background-image:url("./images/c_link.png");
		color:#333;border-top: 1px dotted #888;
	}
	dl.xolgaccord {
		font-size:123.1%;
		padding:10px;
		background:#DDD;
		margin-bottom:30px;
	}
	dl.xolgaccord dt {
		height:40px;
		line-height:40px;
		text-indent:10px;
		color:#FFF;
		background:url("images/a_close.png") 95% center no-repeat,
		-moz-linear-gradient(top, #666, #000);
		background:url("img/a_close.png") 95% center no-repeat,
		-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
		border-bottom:1px solid #EEE;
	}
	dl.xolgaccord dt.open {
		background:url("images/a_open.png") 95% center no-repeat,
		-moz-linear-gradient(top, #666, #000);
		background:url("images/a_open.png") 95% center no-repeat,
		-webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	}
	dl.xolgaccord dd {
		display:none;
		padding:10px;
		line-height:1.5;
		background:#FFF;
	}
	#mainsNav ul li > ul li{
		background-color: #fff;
	}
	.pc{display:none;}
	.sp{display:block;}
	.port-flex, .prfl-flex{
	  flex-direction:column;
	}
	.photo-box {
	  width: 100%;
	  text-align: center;
	}
	.weblinks_links_list_framee_flex1 {
	flex-direction: column;
	}
	.weblinks_links_list_frame_flex2 {
	  width: 100%;
	}
	.photoA {
	  width: 100%;
		text-align:center;
	}
	#tres {
	  width: 100%;
		white-space: nowrap;
	  overflow-x: auto;
	  -webkit-overflow-scrolling: touch;
	}
	#tres2 {
	  width: 100%;
	  white-space: nowrap;
	  overflow-x: auto;
	  -webkit-overflow-scrolling: touch;
	}
.tres {
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.prfl-flex_l{
		padding: 0;
    text-align: center;
	}
	.prfl-flex_r {
	    padding: 0;
	}
	.prfl-username {
		text-align: center;
    padding-top: 10px;
	}
	.user-bm, .user-like{
		width:100%;
		margin: 30px 0;
	}
	.inpt-size_70 {
		width:100%;
	}
	.txtarea-size_100 {
		width:100%;
	}
	.book-bb_l, .book-bb_r {
	  width: 100%;
	}
	.art-bb_l {
	  width: 100%;
	}
	.art-bb_r {
	  border-bottom: dotted 1px #ddd;
	  width: 100%;
	}
	.bm-btn input {
	  font-size: 0.7em;
		margin: 10px 0;
	}
	.messagekanri2 {
		width:100%;
	}
	.messageb_flex {
	  flex-direction: column;
	}
	.messageb_t3{
	  font-size: 1.9em;
	  padding: 0 0 6px 0;
	}
	.messageb_text10{
	  padding: 20px;
	}
	.messageb_text12{
		text-align:left;
	}
	.messageb_text8{
		text-align:left;
	}
	.purchase_text{
	  text-align:left;
	}

	.mb_form-t {
	  float: none;
	  width:100%;
	  padding: 30px 0 0 0;
	}
	.mb_form-bdy {
	  float: none;
	  width: 100%;
	  padding: 10px 0 0 0;
	}
	.messageb_flex_l {
	  text-align: center;
		width: 100%;
	}
	.messageb_flex_r {
	  text-align: center;
		width: 100%;
	}

}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/
/
/
/* 400px以下
/
/
/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media ( max-width: 400px ) {


	/* Header ----------------------------------- */


	.header {
		padding: 22px 0;
		border-top-width: 4px;
	}

	.blog-title {
		font-size: 1.3em;
		letter-spacing: 1px;
	}

	.blog-description { display: none; }


	/* Navigation ---------------------------------- */


	.mobile-menu a {
		padding-top: 18px;
		padding-bottom: 18px;
	}

	/* Content ------------------------------------- */


	.posts .post {
		width: 100%;
	}

	.posts .post + .post,
	.posts .post:nth-child(2) {
		padding-top: 25px;
		border-top: 1px solid #ddd;
		margin-top: 25px;
	}

	.posts .post:nth-child(2n) { margin-left: 0; }

	.posts .post .post-image { margin-bottom: 18px; }

	.post-meta { font-size: 0.85em; }


	/* Post Formats --------------------------------- */


	.single .flex-direction-nav { display: none; }


	/* Single Post ---------------------------------- */


	.single-post .post-title { font-size: 1.5em; }

	.single-post .post-meta {
		padding-top: 10px;
		margin-top: 8px;
		font-size: 0.9rem;
	}

	.single-post .post-meta .resp:first-of-type { display: inline; }
	.single-post .post-meta .post-meta-author { display: none; }

	.single-post .post-image-caption {
		padding: 10px 0 10px 24px;
		font-size: 0.85em;
	}

	/* Post Author */

	.post-author {
		padding: 20px;
		margin-top: 25px;
		min-height: intrinsic;
	}

	.post-author img { display: none; }

	.post-author p { font-size: 0.85em; }

	/* Related Posts */

	.related-posts { margin-top: 30px; }

	.related-post { width: 47.5%; }

	.related-post:nth-child(3) { display: none; }


	/* Post Content ---------------------------------- */


	.post-content p.intro { font-size: 1em; }

	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
		margin: 30px 0 12px;
	}

	.post-content h1 { font-size: 1.5em; }
	.post-content h2 { font-size: 1.4em; }
	.post-content h3 { font-size: 1.3em; }
	.post-content h4 { font-size: 1.2em; }
	.post-content h5 { font-size: 1.1em; }


	/* Pagination ----------------------------------- */


	.page-title { margin-bottom: 25px; }

	/* Archive Navigation */

	.archive-nav { margin-top: 30px; }


	/* Comments ------------------------------------- */


	.comments-title-container,
	.comment-reply-title {
		border-top-width: 3px;
		padding: 12px 0;
		margin-bottom: 20px;
	}

	.comments-title-link { display: none; }

	.comment-inner {
		padding: 20px;
		border-radius: 4px;
	}

	.comment-header h4 { font-size: 1em; }

	.comment-content { font-size: 0.95em; }


	/* Respond -------------------------------------- */


	.comment-respond p { margin-bottom: 15px; }

	.comment-respond input[type="text"],
	.comment-respond textarea {
		padding: 15px;
	}

	.comment-respond textarea { height: 175px; }


	/* Credits -------------------------------------- */


	.credits .section-inner { padding: 20px 0; }

	.credits .copyright { font-size: 0.8em; }

	.credits .attribution {
		margin-top: 8px;
		font-size: 0.65em;
	}


}

/* ============================================================
   ラボごとの色トークン（2026-09-21）

   指定色  iPhone #52c2d0 ／ ドメイン・サーバ #fc0 ／ Mac #fa5ba5

   ★3色とも明るく、**そのまま白地の文字に使うと読めない**
     （白地比 2.10 / 1.51 / 2.96。WCAG AA は本文4.5:1）。
     そこで1色を用途別に分ける。

       --lab-bg    指定色そのもの。帯・ボタン・バッジなど「面」
       --lab-on-bg その面にのせる文字（十分に暗い版）
       --lab-ink   白地にのせる文字・リンク・数字
       --lab-band  薄い面。見出しの帯や強調の背景

     ★2026-09-21：**見た目を優先し、AA(4.5:1)は満たしていない。**
       実際に画面で見比べて決めた値。
         iPhone #52c2d0 そのまま（白地比 2.10:1）… 了承済み
         Mac    #fa5ba5 そのまま（2.96:1）      … 了承済み
         dslab  #b28f00（3.08:1）… #ffcc00 は 1.51:1 で読めなかったため、
                同じ色相(48°)・同じ彩度(100%)のまま明度だけ 50%→35% に落とした

     濃さを調整するときは、**色相と彩度は動かさず明度だけ**を動かすこと。
     #ffcc00 を暗くしていったときの実測:
       46% #ebbc00 1.80 ／ 42% #d6ab00 2.16 ／ 38% #c29b00 2.63
       35% #b28f00 3.08 ／ 32% #a38300 3.63 ／ 28% #8f7200 4.58(AA)
   ============================================================ */
body.site-slab, body.site-iphonelab {
  --lab-bg: #52c2d0; --lab-on-bg: #0b3d45; --lab-ink: #52c2d0;
  --lab-band: rgba(82,194,208,.16); --lab-tint: #f2fbfd; --lab-edge: #cfe6ea;
}
body.site-dslab {
  /* ★ドメイン・サーバラボだけ、文字に基調色を使わない。
     #fc0 は白地で 1.51:1 で読めず、暗くすると必ずオリーブに転ぶ。
     黄色を文字に使うのは諦めて、サイトの通常の文字色（#111 / #555）にした。
     **黄色は「面」でだけ使う。** */
  --lab-bg: #ffcc00; --lab-on-bg: #3d2f00; --lab-ink: #111;
  --lab-band: rgba(255,204,0,.20); --lab-tint: #fffaea; --lab-edge: #eddfae;
}
body.site-maclab {
  --lab-bg: #fa5ba5; --lab-on-bg: #4a0f2c; --lab-ink: #fa5ba5;
  --lab-band: rgba(250,91,165,.16); --lab-tint: #fff5fa; --lab-edge: #f3d3e2;
}

/* ============================================================
   サイトごとの基調色
   実際の色は上の --lab-* トークンで持つ。ここは当てる場所の一覧。
   iPhone査定ラボ (.site-slab) と 中古iPhone販売相場 (.site-iphonelab) は同じ色
   テーマ既定の #0093C2 は直書きのため、サブナビ・サイドバー等の
   目に付く箇所だけをここで上書きする。
   ============================================================ */

/* サブメニューの li は float:left。親がそれを含まないと、後続の .content（float:left）が
   空いた右側に回り込んでレイアウトが崩れる（2項目にしたときに発覚）。
   **flex にして、floatの解決と高さの一致を同時に満たす。**
   ・ul が親いっぱいに伸びるので、項目の高さが背景と必ず一致する
   ・高さを数値で固定しないので、文字サイズが違う環境でもずれない */
.navigation .section-inner { display: flex; align-items: stretch; }
.navigation .section-inner > .clear { display: none; }

/* ---- iPhone査定ラボ：緑に統一 ---- */
.site-slab .navigation .section-inner,
.site-slab .nav-toggle,
.site-slab .credits .section-inner a.to-the-top,
.site-slab ul.xolgaccord > li > p {
  background-color: var(--lab-bg);
}
.site-slab .widget-title {
  border-bottom-color: var(--lab-bg);
}
.site-slab .widget a,
.site-slab .blog-title a:hover,
.site-slab .primary-menu ul a:hover,
.site-slab .post-content a {
  color: var(--lab-ink);
}
.site-slab .post-content a:hover {
  border-bottom-color: var(--lab-ink);
}

/* ---- 中古iPhone販売相場：iPhoneラボと同じ色 ---- */
.site-iphonelab .slabx-kicker,
.site-iphonelab .slabx-hero h1 span {
  color: var(--lab-ink);
}
.site-iphonelab .slabx {
  --x-accent: var(--lab-ink);
  --x-band: var(--lab-band);
}
.site-iphonelab .slabx-hero {
  border-color: var(--lab-edge);
  background: linear-gradient(135deg, var(--lab-tint), #fff);
}
.site-iphonelab .slabx-chip.api {
  background: var(--lab-band);
  color: var(--lab-ink);
}

/* ---- ドメイン・サーバラボ：オレンジに統一 ---- */
/* #C25400 は白文字とのコントラスト比 4.60:1 でWCAG AA適合。
   明るいオレンジ(#D95E00 等)は 3.8:1 まで落ちてナビの白文字が読みにくいため使わない。 */
.site-dslab .navigation .section-inner,
.site-dslab .nav-toggle,
.site-dslab .credits .section-inner a.to-the-top,
.site-dslab ul.xolgaccord > li > p {
  background-color: var(--lab-bg);
}
.site-dslab .widget-title {
  border-bottom-color: var(--lab-bg);
}
.site-dslab .widget a,
.site-dslab .blog-title a:hover,
.site-dslab .primary-menu ul a:hover,
.site-dslab .post-content a {
  color: var(--lab-ink);
}
.site-dslab .post-content a:hover {
  border-bottom-color: var(--lab-ink);
}
.site-dslab .dslab {
  /* ★面は指定色、文字だけ濃い版。ここは dslab.css の .dslab より
     specificity が高いので、**両方そろえて書かないと片方が取り残される** */
  --ds-accent: var(--lab-bg);
  --ds-ink: var(--lab-ink);
  --ds-band: var(--lab-band);
}

/* ============================================================
   サイドバー：前週比ランキング（中古iPhoneラボ）
   ============================================================ */
.slab-movers-widget .widget-content { margin-bottom: 34px; }
.slab-movers {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e6ebef;
}
.slab-movers li {
  display: grid;
  grid-template-columns: 20px 1fr auto;
  align-items: center;
  gap: 0 8px;
  padding: 11px 0;
  border-bottom: 1px solid #e6ebef;
}
.slab-movers .mv-rank {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.95em;
  font-weight: 700;
  color: #9aa7b0;
  text-align: center;
}
.slab-movers .mv-name { display: block; }
.slab-movers .mv-name a {
  display: block;
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.35;
  color: var(--lab-ink, #52c2d0);   /* ラボの基調色（白地に置くので濃い版） */
  text-decoration: none;
}
.slab-movers .mv-name a:hover { text-decoration: underline; }
.slab-movers .mv-name a em {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 0.85em;
  color: #6b7a85;
}
.slab-movers .mv-price {
  display: block;
  margin-top: 3px;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.75em;
  color: #6b7a85;
}
.slab-movers .mv-price .mv-n {
  display: block;
  color: #9aa7b0;
}
.slab-movers .mv-pct {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 1.05em;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}
.slab-movers-up .mv-pct { color: #b3261e; }
.slab-movers-down .mv-pct { color: #0b6b4f; }
.slab-movers .mv-pct em {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 0.6em;
  letter-spacing: .04em;
  color: #9aa7b0;
}
.slab-movers-foot {
  margin: 10px 0 0;
  font-size: 0.72em;
  line-height: 1.6;
  color: #8b98a2;
}

/* ============================================================
   サイドバー：今月よく調べられているiPhone（iPhone査定ラボ）
   ============================================================ */
.slab-searches-widget .widget-content { margin-bottom: 34px; }
/* テーマ既定の .widget-title は text-transform: none のため「iPhone」が
   「IPHONE」になる。機種名を含む見出しでは解除する。 */
.slab-searches-widget .widget-title,
.slab-movers-widget .widget-title { text-transform: none; }
.slab-searches { list-style:none; margin:0; padding:0; border-top:1px solid #e6ebef; }
.slab-searches li {
  display:grid; grid-template-columns:20px 1fr auto; align-items:center;
  gap:0 8px; padding:11px 0; border-bottom:1px solid #e6ebef;
}
.slab-searches .sq-rank {
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:.95em; font-weight:700; color:#9aa7b0; text-align:center;
}
.slab-searches .sq-body a {
  display:block; font-size:.9em; font-weight:700; line-height:1.35;
  color:var(--lab-ink, #52c2d0); text-decoration:none;
}
.slab-searches .sq-body a:hover { text-decoration:underline; }
.slab-searches .sq-body em {
  display:block; font-style:normal; font-weight:400; font-size:.85em; color:#6b7a85;
}
.slab-searches .sq-bar {
  display:block; height:3px; margin-top:5px; border-radius:2px; background:#e9eff0;
}
.slab-searches .sq-bar i { display:block; height:3px; border-radius:2px; background:var(--lab-ink, #52c2d0); }
.slab-searches .sq-hits {
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:1.05em; font-weight:700; color:#16232b; text-align:right; white-space:nowrap;
}
.slab-searches .sq-hits em {
  font-style:normal; font-weight:400; font-size:.62em; color:#9aa7b0; margin-left:2px;
}
.slab-searches-foot { margin:10px 0 0; font-size:.72em; line-height:1.6; color:#8b98a2; }

/* --------------------------------------------------------------------------
   NCCサイト内検索
   -------------------------------------------------------------------------- */
.ncc-global-search { border-top:1px solid #e4e8eb; border-bottom:1px solid #dfe4e7; box-shadow:0 12px 28px rgba(20,36,48,.09); }
.ncc-global-search .section-inner { padding-top:30px; padding-bottom:32px; }
.ncc-site-search-form { color:#20262b; }
.ncc-search-title { display:flex; align-items:center; gap:14px; margin-bottom:24px; font-size:1.45em; }
.ncc-search-title i { color:#0093c2; font-size:1.25em; }
.ncc-search-keyword { display:grid; grid-template-columns:130px minmax(0,1fr); align-items:center; gap:20px; margin:0 0 20px; font-weight:700; }
.ncc-search-keyword input[type="search"] { width:100%; height:48px; margin:0; padding:8px 14px; border:1px solid #cbd5da; border-radius:7px; background:#fff; box-shadow:inset 0 1px 2px rgba(24,43,55,.05); color:#20262b; font-size:16px; font-style:normal; }
.ncc-search-keyword input[type="search"]:focus { border-color:#0093c2; outline:3px solid rgba(0,147,194,.14); }
.ncc-search-targets { display:grid; grid-template-columns:130px minmax(0,1fr); gap:20px; margin:0 0 24px; padding:0; border:0; }
.ncc-search-targets legend { float:left; width:130px; margin:8px 20px 0 0; font-weight:700; }
.ncc-search-target-options { grid-column:2; }
.ncc-search-targets label { display:inline-flex; align-items:center; gap:8px; margin:7px 26px 7px 0; cursor:pointer; font-weight:600; }
.ncc-search-targets input { width:20px; height:20px; margin:0; accent-color:#0093c2; }
/* ★button はこのファイル冒頭の一括リセットで text-align:left になっている。
   さらに letter-spacing は最後の1文字の後ろにも空きを作るため、
   中央揃えにしただけでは同じ幅だけ左に寄って見える。
   text-indent を letter-spacing と同値にして打ち消す。 */
.ncc-search-submit { min-width:150px; margin-left:150px; padding:13px 22px; border:0; border-radius:5px; background:#343a3f; color:#fff; font-size:17px; font-weight:700; letter-spacing:.18em; text-indent:.18em; text-align:center; cursor:pointer; }
.ncc-search-submit:hover,.ncc-search-submit:focus { background:#0093c2; }

.ncc-search-page { padding:56px 0 90px; background:#f5f7f8; }
.ncc-search-page>.section-inner { max-width:1100px; }
.ncc-search-page-header { margin-bottom:26px; }
.ncc-search-page-header h1 { margin:4px 0 0; color:#20262b; font-size:2.1em; }
.ncc-search-page-kicker { margin:0; color:#0093c2; font-size:.82em; font-weight:700; letter-spacing:.14em; }
.ncc-search-page-form { padding:30px 34px; border:1px solid #dce3e7; border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(25,45,58,.06); }
.ncc-search-results { margin-top:38px; }
.ncc-search-summary { margin-bottom:26px; color:#53616a; }
.ncc-search-summary strong { color:#20262b; font-size:1.15em; }
.ncc-search-summary span { display:inline-block; margin-left:10px; padding:3px 10px; border-radius:20px; background:#e5eef2; color:#30434d; font-weight:700; }
.ncc-search-group { margin-top:28px; padding:26px 30px 30px; border-radius:8px; background:#fff; box-shadow:0 5px 18px rgba(25,45,58,.06); }
.ncc-search-group h2 { display:flex; align-items:center; justify-content:space-between; margin:0 0 18px; padding-bottom:13px; border-bottom:3px solid #0093c2; color:#20262b; font-size:1.35em; }
.ncc-search-group h2 span { color:#69767e; font-size:.65em; font-weight:600; }
.ncc-search-group-satei h2 { border-color:#52c2d0; }
.ncc-search-group-domain h2 { border-color:#f28c00; }
.ncc-search-list { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0; padding:0; list-style:none; }
.ncc-search-list li { margin:0; }
.ncc-search-list a { position:relative; display:block; height:100%; padding:19px 20px 45px; border:1px solid #e0e5e8; border-radius:6px; color:#20262b; text-decoration:none; transition:border-color .2s,transform .2s,box-shadow .2s; }
.ncc-search-list a:hover,.ncc-search-list a:focus { border-color:#0093c2; box-shadow:0 7px 18px rgba(25,45,58,.09); transform:translateY(-2px); }
.ncc-search-kind { display:inline-block; margin-bottom:8px; color:#687982; font-size:.72em; font-weight:700; }
.ncc-search-list strong { display:block; font-size:1.08em; line-height:1.55; }
.ncc-search-snippet { display:block; margin-top:8px; color:#66747c; font-size:.84em; line-height:1.7; }
.ncc-search-more { position:absolute; right:18px; bottom:16px; color:#0086b0; font-size:.78em; font-weight:700; }
.ncc-search-empty { margin:0; padding:20px; border-radius:5px; background:#f4f6f7; color:#68747b; }

@media (max-width:700px) {
  .ncc-global-search .section-inner { padding:22px 20px 26px; }
  .ncc-search-title { margin-bottom:18px; font-size:1.2em; }
  .ncc-search-keyword { display:block; }
  .ncc-search-keyword>span { display:block; margin-bottom:8px; }
  .ncc-search-targets { display:block; }
  .ncc-search-targets legend { float:none; width:auto; margin:0 0 8px; }
  .ncc-search-target-options { display:block; }
  .ncc-search-targets label { display:flex; margin:10px 0; }
  .ncc-search-submit { width:100%; margin-left:0; }
  .ncc-search-page { padding:36px 0 60px; }
  .ncc-search-page>.section-inner { width:auto; margin:0 16px; }
  .ncc-search-page-form,.ncc-search-group { padding:22px 18px; }
  .ncc-search-list { grid-template-columns:1fr; }
}

/* ============================================================
   メニューのカレント表示（グローバル・サブ共通）
   ============================================================ */
.secondary-menu li.current-menu-item > a,
.navigation .primary-menu li.current-menu-item > a {
  font-weight: 800;
}
/* サブメニューはカレント項目を太字で示す。
   下端に白い疑似要素を置くと、その分だけ項目が短く見えるため使用しない。 */
/* a は padding20+文字+padding20 で親（.section-inner）より高くなり、
   カレントの下線が背景の外に出て欠けていた。
   **高さを数値で固定しない。** 環境によって文字サイズが変わり（52px/55px等）、
   固定するとその環境でだけずれる。ul を flex にして親の高さに追従させる。 */
.navigation .primary-menu {
  display: flex;
  align-self: stretch;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
}
.navigation .primary-menu li {
  display: flex;
  align-items: stretch;
}
.navigation .primary-menu li > a {
  display: flex; align-items: center; position: relative;
  flex: 1 1 auto;
  align-self: stretch;
  box-sizing: border-box;
  padding-top: 0; padding-bottom: 0;
}
/* ---- Macラボ ---- */
.site-maclab .navigation .section-inner,
.site-maclab .nav-toggle,
.site-maclab .credits .section-inner a.to-the-top,
.site-maclab ul.xolgaccord > li > p {
  background-color: var(--lab-bg);
}
.site-maclab .widget-title { border-bottom-color: var(--lab-bg); }
.site-maclab .widget a,
.site-maclab .blog-title a:hover,
.site-maclab .primary-menu ul a:hover,
.site-maclab .post-content a { color: var(--lab-ink); }

/* ------------------------------------------------------------------
   スマホのセクションメニュー（MENUバー）
   開閉式であることが見た目で分からなかったための改良。
   元は a_close.png / a_open.png を背景画像にしていたが、
   **画像が存在せず404**で、矢印が一切出ていなかった（2026-09-20に発覚）。
   画像に依存しないCSSだけの矢印に置き換える。
   ------------------------------------------------------------------ */
@media ( max-width: 800px ) {
  ul.xolgaccord > li > p {
    position: relative;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255,255,255,.2);
    transition: background-color .15s;
  }
  /* 背景画像の指定を打ち消す（ファイルが無く404になるため） */
  ul.xolgaccord > li > p span,
  ul.xolgaccord > li > p span.open {
    background-image: none;
    padding-right: 52px;      /* 矢印の場所を空ける */
    letter-spacing: .08em;
    font-weight: 700;
  }
  /* 「開く／閉じる」を文字でも示す */
  ul.xolgaccord > li > p span::after {
    content: "ひらく";
    margin-left: 10px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    opacity: .85;
  }
  ul.xolgaccord > li > p span.open::after { content: "とじる"; }

  /* 矢印。開くと180度回る */
  ul.xolgaccord > li > p::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    transition: transform .2s ease;
  }
  ul.xolgaccord > li > p[aria-expanded="true"]::after {
    margin-top: -3px;
    transform: rotate(-135deg);
  }
  /* 押したことが分かるように */
  ul.xolgaccord > li > p:active { background: #007ba3; }
  ul.xolgaccord > li > p:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }

  /* 閉じているときに、下に何かが隠れていることを示す薄い線 */
  ul.xolgaccord > li > p[aria-expanded="false"] {
    box-shadow: inset 0 -3px 0 rgba(255,255,255,.35);
  }

  /* Macラボは基調色が違うので押下色も合わせる */
  /* 色は「サブメニューの帯」ブロック（末尾）で指定する */
}

/* ------------------------------------------------------------------
   TOP画面（home.php）
   サブメニューとサイドカラムを出さないので、本文を全幅で使う。
   ------------------------------------------------------------------ */
.content-full { width: 100%; float: none; }

/* サイドカラムのグレーは .wrapper:after（幅28.5%・右寄せ）が描いている。
   本文の白は .content:before が right:28.5% までで止めている。
   **TOPはサイドカラムが無いので、この2つを両方とも直すこと。**
   片方だけだと、グレーが残るか本文の右端だけ白くならないかのどちらかになる。 */
.home .wrapper:after,
.page-inquiry .wrapper:after { content: none; }
.home .content-full:before,
.page-inquiry .content-full:before { right: 0; }
/* .content:before は左へ -10000px 伸ばして左側のグレーを隠しているが、
   右は .wrapper の右端で止まる。画面が広いとその外側に body のグレーが出る。
   TOPはサイドカラムが無いので、body ごと白にするのが確実。 */
body.home,
body.page-inquiry { background: #fff; }

/* サイドカラム無しのページの見出し */
.ncc-page-title { margin: 38px 0 22px; font-size: 27px; line-height: 1.45; }
@media ( max-width: 800px ) { .ncc-page-title { margin: 24px 0 16px; font-size: 22px; } }

.nccf-hero { padding: 42px 0 26px; }
.nccf-hero h1 { margin: 0 0 14px; font-size: 30px; line-height: 1.5; letter-spacing: .02em; }
.nccf-hero h1 span { color: #0093C2; }
.nccf-hero p { margin: 0 0 20px; max-width: 760px; line-height: 1.9; color: #555; }
.nccf-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.nccf-links a {
	display: block; padding: 11px 20px; border: 1px solid #d6dedd; border-radius: 99px;
	text-decoration: none; font-size: 14px; background: #fff; transition: border-color .12s, background .12s;
}
.nccf-links a:hover { border-color: #0093C2; background: #f3fbfd; }

.nccf-group { margin: 34px 0 0; }
.nccf-group-title {
	margin: 0 0 14px; font-size: 15px; font-weight: 700; letter-spacing: .04em;
	display: flex; align-items: center;
}
/* ラボごとの色。アイコンで示すので左の縦線は置かない */
/* TOPのブロック見出し。body にラボのクラスが付かないので直に持つ */
.nccf-group-title.site-iphonelab { --lab-color: #52c2d0; }
.nccf-group-title.site-maclab    { --lab-color: #fa5ba5; }
.nccf-group-title.site-dslab     { --lab-color: #ffcc00; }
.nccf-group-title i {
	margin-right: 9px; color: var(--lab-color, #999);
	font-size: 1.15em; width: 1.2em; text-align: center;
}

/* auto-fit にしておくと、集計が足りず隠れたブロックのぶんだけ
   空の列が残る、ということが起きない */
.nccf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 18px; }
.nccf-block {
	border: 1px solid #e1e8e7; border-radius: 10px; background: #fff; padding: 18px 20px;
	display: flex; flex-direction: column;
}
.nccf-block h2 { margin: 0 0 12px; font-size: 14px; line-height: 1.5; font-weight: 700; }
.nccf-empty { margin: 0; font-size: 13px; color: #8b9795; line-height: 1.8; }
.nccf-empty small { color: #b0bab8; }

.nccf-rank { list-style: none; margin: 0; padding: 0; }
.nccf-rank li {
	display: flex; align-items: flex-start; gap: 10px;
	padding: 9px 0; border-top: 1px solid #f0f4f3; font-size: 13.5px;
}
.nccf-rank li:first-child { border-top: 0; }
.nccf-no {
	flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%;
	background: #eef3f2; color: #55635f; font-size: 11px; font-weight: 700;
	display: flex; align-items: center; justify-content: center; margin-top: 1px;
}
.nccf-body { flex: 1 1 auto; min-width: 0; line-height: 1.6; }
.nccf-body a { text-decoration: none; }
.nccf-body a:hover { text-decoration: underline; }
.nccf-body em { display: block; font-style: normal; font-size: 11.5px; color: #8b9795; margin-top: 2px; }
.nccf-val { flex: 0 0 auto; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.nccf-val.is-up { color: #c0392b; }
.nccf-val.is-down { color: #2f80c0; }
.nccf-note { margin: 12px 0 0; font-size: 11.5px; color: #8b9795; line-height: 1.7; }

@media ( max-width: 1000px ) {
	.nccf-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}
@media ( max-width: 800px ) {
	.nccf-grid { grid-template-columns: 1fr; gap: 14px; }
	.nccf-hero { padding: 28px 0 18px; }
	.nccf-hero h1 { font-size: 23px; }
	/* 全幅にすると端に文字がくっつくので、左右に余白を持たせる */
	.content-full { max-width: 100%; padding-left: 16px; padding-right: 16px; }
}

/* ------------------------------------------------------------------
   サイドカラムのランキングの基調色をラボごとに切り替える。
   もとは #23866f（iPhoneラボの緑）が直書きで、Macラボ・ドメイン・サーバラボでも
   緑のまま出ていた。**色を足すときは変数の定義側だけを増やすこと。**
   ------------------------------------------------------------------ */
.slab-searches-widget,
.slab-movers-widget            { --rank-accent: var(--lab-ink, #52c2d0); }
.site-maclab .slab-searches-widget,
.site-maclab .slab-movers-widget { --rank-accent: var(--lab-ink); }
.site-dslab .slab-searches-widget,
.site-dslab .slab-movers-widget  { --rank-accent: var(--lab-ink); }

.slab-searches .sq-body a { color: var(--rank-accent); }
/* ★バーは「面」。文字用の濃い色ではなく基調色そのものを塗る */
.slab-searches .sq-bar i  { background: var(--lab-bg, var(--rank-accent)); }
.slab-movers .mv-name a   { color: var(--rank-accent); }

/* ------------------------------------------------------------------
   お問い合わせフォーム（Contact Form 7 / /inquiry/）
   ------------------------------------------------------------------ */
.ncc-form-row { margin: 0 0 18px; }
.ncc-form-label {
	display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; line-height: 1.5;
}
.ncc-form-label .req {
	display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 3px;
	background: #c0392b; color: #fff; font-size: 11px; font-weight: 700; vertical-align: 2px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%; max-width: 100%; box-sizing: border-box;
	padding: 11px 13px; border: 1px solid #ccd6d4; border-radius: 6px;
	font-size: 15px; font-family: inherit; background: #fff;
}
.wpcf7 input#zip { max-width: 180px; }
.wpcf7 textarea { min-height: 200px; line-height: 1.8; }
.wpcf7 input:focus, .wpcf7 textarea:focus { outline: 2px solid #0093C2; outline-offset: -1px; border-color: #0093C2; }
.ncc-form-confirm { margin: 24px 0 18px; padding: 14px 16px; background: #f4f7f7; border-radius: 6px; }
.ncc-form-confirm .wpcf7-list-item { margin: 0; }
.ncc-form-confirm label { display: flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.6; cursor: pointer; }
.ncc-form-submit { margin: 22px 0 0; }
.wpcf7 input[type="submit"] {
	appearance: none; cursor: pointer; padding: 14px 40px; border: 0; border-radius: 6px;
	background: #0093C2; color: #fff; font-size: 16px; font-weight: 700; font-family: inherit;
	transition: background .15s;
}
.wpcf7 input[type="submit"]:hover { background: #007ba3; }
.wpcf7 .wpcf7-not-valid-tip { margin-top: 5px; font-size: 13px; color: #c0392b; }
.wpcf7 .wpcf7-response-output { margin: 20px 0 0; padding: 13px 15px; border-radius: 6px; font-size: 14px; }
@media ( max-width: 800px ) {
	.wpcf7 input[type="submit"] { width: 100%; }
}

/* 長い見出しの枠だけ字間を詰める。他の見出しは既定（letter-spacing:1px）のまま。
   「よくチェックされたサーバ選択条件」16文字／「今月よく選ばれたサーバ種別」13文字。
   §42のとおり1024px幅では13文字で2行になるため、どちらもここで詰める。 */
.dslab-server-conditions .widget-title,
.dslab-server-type .widget-title { letter-spacing: -1px; }

/* サーバ種別の構成比（順位ではなく割合で見せる枠）。
   色はラボの基調色（--rank-accent）に追従する。 */
.dslab-share { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e6ebef; }
.dslab-share li {
	display: grid; grid-template-columns: 1fr auto; grid-template-areas: "label pct" "bar bar" "n n";
	gap: 4px 8px; padding: 12px 0; border-bottom: 1px solid #e6ebef;
}
.dslab-share .ds-label { grid-area: label; font-size: .9em; font-weight: 700; }
.dslab-share .ds-pct {
	grid-area: pct; font-family: "IBM Plex Mono", ui-monospace, monospace;
	font-size: 1.05em; font-weight: 700; color: var(--rank-accent); white-space: nowrap;
}
.dslab-share .ds-bar {
	grid-area: bar; display: block; height: 6px; border-radius: 3px; background: #e9eff0; overflow: hidden;
}
.dslab-share .ds-bar i { display: block; height: 6px; border-radius: 3px; background: var(--lab-bg, var(--rank-accent)); }
.dslab-share .ds-n { grid-area: n; font-size: .75em; color: #8b98a2; }

/* お問い合わせの確認画面（js/inquiry-confirm.js が出し入れする） */
.ncc-confirm { margin: 8px 0 0; }
.ncc-confirm-lead { margin: 0 0 18px; font-size: 14px; line-height: 1.8; }
.ncc-confirm-list {
	margin: 0; padding: 0; border-top: 1px solid #e1e8e7;
	display: grid; grid-template-columns: 200px 1fr;
}
.ncc-confirm-list dt,
.ncc-confirm-list dd {
	margin: 0; padding: 13px 14px; border-bottom: 1px solid #e1e8e7;
	font-size: 14px; line-height: 1.75;
}
.ncc-confirm-list dt { background: #f4f7f7; font-weight: 700; }
.ncc-confirm-list dd { white-space: pre-wrap; word-break: break-word; }
.ncc-confirm-list dd.is-empty { color: #9aa7a4; }
.ncc-confirm-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 0; }
.ncc-confirm-actions button {
	appearance: none; cursor: pointer; padding: 14px 34px; border-radius: 6px;
	font-size: 16px; font-weight: 700; font-family: inherit; border: 1px solid transparent;
	transition: background .15s, border-color .15s;
}
.ncc-confirm-send { background: #0093C2; color: #fff; }
.ncc-confirm-send:hover { background: #007ba3; }
.ncc-confirm-back { background: #fff; color: #44514e; border-color: #c5d3d0; }
.ncc-confirm-back:hover { border-color: #8fa39f; }
@media ( max-width: 800px ) {
	.ncc-confirm-list { grid-template-columns: 1fr; }
	.ncc-confirm-list dt { border-bottom: 0; padding-bottom: 4px; }
	.ncc-confirm-list dd { padding-top: 4px; }
	.ncc-confirm-actions button { width: 100%; }
}

/* お問い合わせページの導入文。
   テーマ既定の p は font-size:13px / line-height:13px / margin:0 で、
   2行が詰まったうえ、直下のフォームとくっついていた。 */
.page-inquiry #content > p {
	margin: 0 0 30px;
	font-size: 15px;
	line-height: 1.9;
}

/* ------------------------------------------------------------------
   月次レポート（2026-09-21）
   ------------------------------------------------------------------ */
.ncc-report-date{color:#666;font-size:.88em;margin:.2em 0 1.6em}
/* 本文の行間。テーマ既定のままだと詰まって読みにくい */
.ncc-report p,.ncc-report li{line-height:1.8}
.ncc-report p{margin:0 0 1.2em}
.ncc-report ul,.ncc-report ol{margin:0 0 1.4em}
.ncc-report h2{margin-top:2em}
.ncc-report h3{margin-top:1.6em;font-size:1.02em;color:#444}
.ncc-report table{border-collapse:collapse;width:100%;margin:.6em 0 1.4em}
.ncc-report th,.ncc-report td{border:1px solid #ddd;padding:8px 10px;font-size:.94em}
.ncc-report th{background:#f6f6f6;text-align:left;white-space:nowrap}
/* 金額と率は右寄せ。等幅数字で桁をそろえる */
.ncc-report td:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}
.ncc-report .wp-block-table{overflow-x:auto}
.ncc-report-nav{display:flex;justify-content:space-between;gap:16px;margin:2em 0 1em;font-size:.92em}
.ncc-report-back{margin:1.2em 0 2em}
.ncc-report-list{list-style:none;padding:0;margin:1.4em 0}
.ncc-report-list li{border-bottom:1px solid #e5e5e5;padding:14px 0}
.ncc-report-kind{display:inline-block;background:#f0f0f0;color:#444;font-size:.78em;
 padding:2px 8px;border-radius:3px;margin-right:8px;vertical-align:middle}
.ncc-report-list .ncc-report-date{display:inline;margin-left:8px}
.ncc-report-excerpt{color:#555;font-size:.9em;margin:.4em 0 0}
@media(max-width:600px){
 .ncc-report th,.ncc-report td{padding:6px;font-size:.86em}
 .ncc-report-nav{flex-direction:column;gap:8px}
}

/* ============================================================
   サブメニューの帯（2026-09-21）
   iPhoneラボ #52c2d0 ／ ドメイン・サーバラボ #fc0 ／ Macラボ #fa5ba5

   ★3色とも明るい。**白文字では読めない。**（白との比 2.1 / 1.5 / 3.0）
     指定色を背景に保ったまま、文字を各色の濃い版にして
     コントラスト比 4.5:1 以上（WCAG AA）を確保している。
       #52c2d0 × #0b3d45 = 5.6:1
       #ffcc00 × #3d2f00 = 8.6:1
       #fa5ba5 × #4a0f2c = 5.1:1
     文字色を薄くするとその場で読めなくなるので触らないこと。

   変えているのは**サブメニューの帯だけ**。ハンバーガー(.nav-toggle)、
   ページ上部へ戻るボタン、ウィジェットの見出し・リンク色は従来の基調色のまま。
   （body に付くクラスで効かせるため、先行する .site-* ブロックより
     specificity を1つ上げて body.site-* にしてある）
   ============================================================ */
body.site-slab   .navigation .section-inner { background-color: #52c2d0; }
body.site-dslab  .navigation .section-inner { background-color: #ffcc00; }
body.site-maclab .navigation .section-inner { background-color: #fa5ba5; }

/* PCのサブメニュー：文字色。text-shadow は暗い背景用なので消す */
body.site-slab   .navigation .primary-menu > li > a { color: #0b3d45; text-shadow: none; }
body.site-dslab  .navigation .primary-menu > li > a { color: #3d2f00; text-shadow: none; }
body.site-maclab .navigation .primary-menu > li > a { color: #4a0f2c; text-shadow: none; }

/* hover は白のせるだと明るい帯では見えない。黒を薄くのせる */
body.site-slab   .navigation .primary-menu > li:hover > a,
body.site-dslab  .navigation .primary-menu > li:hover > a,
body.site-maclab .navigation .primary-menu > li:hover > a {
  background: rgba(0,0,0,.09);
}
body.site-slab   .navigation .primary-menu > li:hover > a { color: #0b3d45; }
body.site-dslab  .navigation .primary-menu > li:hover > a { color: #3d2f00; }
body.site-maclab .navigation .primary-menu > li:hover > a { color: #4a0f2c; }

@media ( max-width: 800px ) {
  /* スマホのMENUバーも同じ帯。文字・矢印・押下色をまとめて合わせる */
  body.site-slab   ul.xolgaccord > li > p { background: #52c2d0; }
  body.site-dslab  ul.xolgaccord > li > p { background: #ffcc00; }
  body.site-maclab ul.xolgaccord > li > p { background: #fa5ba5; }

  body.site-slab   ul.xolgaccord > li > p span { color: #0b3d45; }
  body.site-dslab  ul.xolgaccord > li > p span { color: #3d2f00; }
  body.site-maclab ul.xolgaccord > li > p span { color: #4a0f2c; }

  /* 矢印は border で描いている。白のままだと帯に埋もれる */
  body.site-slab   ul.xolgaccord > li > p::after { border-right-color: #0b3d45; border-bottom-color: #0b3d45; }
  body.site-dslab  ul.xolgaccord > li > p::after { border-right-color: #3d2f00; border-bottom-color: #3d2f00; }
  body.site-maclab ul.xolgaccord > li > p::after { border-right-color: #4a0f2c; border-bottom-color: #4a0f2c; }

  body.site-slab   ul.xolgaccord > li > p:active { background: #3fb0bf; }
  body.site-dslab  ul.xolgaccord > li > p:active { background: #e6b800; }
  body.site-maclab ul.xolgaccord > li > p:active { background: #f03e93; }

  /* 「下に隠れている」ことを示す線と、キーボード操作の枠。
     どちらも白で描いていたので、明るい帯では消えてしまう */
  body.site-slab   ul.xolgaccord > li > p[aria-expanded="false"],
  body.site-dslab  ul.xolgaccord > li > p[aria-expanded="false"],
  body.site-maclab ul.xolgaccord > li > p[aria-expanded="false"] {
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.28);
  }
  body.site-slab   ul.xolgaccord > li > p:focus-visible,
  body.site-dslab  ul.xolgaccord > li > p:focus-visible,
  body.site-maclab ul.xolgaccord > li > p:focus-visible {
    outline: 3px solid rgba(0,0,0,.55);
  }
  body.site-slab   ul.xolgaccord > li > p { -webkit-tap-highlight-color: rgba(0,0,0,.15); }
  body.site-dslab  ul.xolgaccord > li > p { -webkit-tap-highlight-color: rgba(0,0,0,.15); }
  body.site-maclab ul.xolgaccord > li > p { -webkit-tap-highlight-color: rgba(0,0,0,.15); }
}


/* ------------------------------------------------------------------
   サブメニューの帯の文字を白に（iPhoneラボ・Macラボのみ・2026-09-22）

   ★ドメイン・サーバラボ(#fc0)は白だと 1.51:1 で読めないため、
     暗い文字(#3d2f00)のまま。**ここに .site-dslab を足さないこと。**

   ★--lab-on-bg そのものは変えない。あれは帯以外（ボタンの文字、
     ヒーローの見出し）にも使っていて、白にすると白地に白で消える。
     帯の中だけを上書きする。

   白とのコントラスト比は #52c2d0 で 2.10:1、#fa5ba5 で 2.96:1。
   基準(4.5:1)は満たさないが、見た目を優先した指定。
   ------------------------------------------------------------------ */
body.site-slab   .navigation .primary-menu > li > a,
body.site-maclab .navigation .primary-menu > li > a,
body.site-slab   .navigation .primary-menu > li:hover > a,
body.site-maclab .navigation .primary-menu > li:hover > a {
  color: #fff;
}

@media ( max-width: 800px ) {
  /* スマホのMENUバーも、文字・矢印・補助の線をまとめて白に戻す */
  body.site-slab   ul.xolgaccord > li > p span,
  body.site-maclab ul.xolgaccord > li > p span { color: #fff; }

  body.site-slab   ul.xolgaccord > li > p::after,
  body.site-maclab ul.xolgaccord > li > p::after {
    border-right-color: #fff;
    border-bottom-color: #fff;
  }
  body.site-slab   ul.xolgaccord > li > p[aria-expanded="false"],
  body.site-maclab ul.xolgaccord > li > p[aria-expanded="false"] {
    box-shadow: inset 0 -3px 0 rgba(255,255,255,.55);
  }
  body.site-slab   ul.xolgaccord > li > p:focus-visible,
  body.site-maclab ul.xolgaccord > li > p:focus-visible {
    outline: 3px solid #fff;
  }
  body.site-slab   ul.xolgaccord > li > p,
  body.site-maclab ul.xolgaccord > li > p { -webkit-tap-highlight-color: rgba(255,255,255,.25); }
}

/* 月次レポートのパンくず */
.ncc-report-crumbs{margin:0 0 14px;font-size:.85em;color:#666}
.ncc-report-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.ncc-report-crumbs li+li:before{content:"›";margin-right:6px;color:#aaa}
.ncc-report-crumbs a{color:#555}
.ncc-report-crumbs span{color:#111}

/* ------------------------------------------------------------------
   月次レポートの一覧（2列のカード・2026-09-28）
   ドメイン・サーバラボのTIPSと同じ見え方。色はラボごとに追従する。
   ------------------------------------------------------------------ */
.ncc-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.ncc-report-card{margin:0;border:1px solid #ddd;border-top:4px solid var(--lab-bg,#0093C2);
  background:#fff;transition:border-color .2s,transform .2s}
.ncc-report-card:hover{border-color:var(--lab-bg,#0093C2);transform:translateY(-2px)}
.ncc-report-card>a{display:flex;height:100%;box-sizing:border-box;flex-direction:column;
  color:inherit;text-decoration:none}
/* 画像の高さをそろえる。比率がまちまちでもカードが崩れない */
.ncc-report-card-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#f4f5f6}
.ncc-report-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ncc-report-card-noimg{display:grid;height:100%;place-items:center;
  background:var(--lab-band,rgba(0,147,194,.12));color:var(--lab-ink,#0093C2);
  font-size:26px;font-weight:800;letter-spacing:.06em}
.ncc-report-card-body{display:flex;flex:1 1 auto;flex-direction:column;padding:18px 20px 20px}
.ncc-report-card h2{margin:7px 0 10px;font-size:17px;line-height:1.5}
.ncc-report-card-date{margin-top:auto;color:#666;font-size:12px}
.ncc-report-card .ncc-report-kind{display:inline-block;align-self:flex-start;margin:0;
  background:var(--lab-band,#f0f0f0);color:var(--lab-ink,#444);
  font-size:11px;font-weight:800;padding:2px 8px;border-radius:3px}
@media(max-width:600px){
  .ncc-report-grid{grid-template-columns:1fr}
}

/* フッターのリンク（プライバシーポリシー等・2026-09-30） */
.ncc-footer-links{margin:0 0 8px;font-size:.85em;line-height:1.8}
.ncc-footer-links a{color:#fff;opacity:.85;text-decoration:none}
.ncc-footer-links a:hover{opacity:1;text-decoration:underline}
.ncc-footer-links a+a{margin-left:18px}
@media(max-width:600px){.ncc-footer-links a+a{margin-left:12px}}

/* ------------------------------------------------------------------
   プライバシーポリシー・2026-09-30
   お問い合わせと同じ「サイドカラム無しの全幅」。
   上の .page-inquiry の3行と対。Local はそちらに並べて書いてあるが、
   本番は 6400 行の途中を直せないのでここで上書きしている。 */
.page-privacy .wrapper:after { content: none; }
.page-privacy .content-full:before { right: 0; }
body.page-privacy { background: #fff; }

/* ------------------------------------------------------------------
   文章だけのページの本文組版（.ncc-prose）・2026-09-30
   ★テーマ冒頭のリセットが h2/h3/p/ul/li を全部
     margin:0 / line-height:1 / list-style:none に潰している。
     素のHTMLを流し込むページ（プライバシーポリシー等）は、
     これを自前で組み直さないと**行間ゼロの塊**になって読めない。
   ページ固有ではなくクラスにしてあるので、月次レポートやTIPSでも使える。
   ------------------------------------------------------------------ */
.ncc-prose { padding-bottom: 60px; color: #333; line-height: 1.9; }
.ncc-prose h2 {
  margin: 42px 0 14px; padding: 0 0 8px;
  border-bottom: 1px solid #e3e6e6;
  color: #111; font-size: 20px; font-weight: 700; line-height: 1.5;
}
.ncc-prose h3 { margin: 26px 0 8px; color: #111; font-size: 16px; font-weight: 700; line-height: 1.6; }
.ncc-prose p  { margin: 0 0 16px; line-height: 1.9; }
.ncc-prose ul { margin: 0 0 18px; padding: 0; list-style: none; }
.ncc-prose ul li { position: relative; margin: 0 0 6px; padding-left: 16px; line-height: 1.9; }
.ncc-prose ul li:before {
  content: ""; position: absolute; left: 2px; top: .82em;
  width: 5px; height: 5px; border-radius: 50%; background: #9bb0b5;
}
.ncc-prose ol { margin: 0 0 18px; padding-left: 1.5em; list-style: decimal; }
.ncc-prose ol li { margin: 0 0 6px; line-height: 1.9; }
.ncc-prose strong { font-weight: 700; color: #111; }
.ncc-prose a { text-decoration: underline; }
.ncc-prose a:hover { text-decoration: none; }
@media ( max-width: 800px ) {
  .ncc-prose { padding-bottom: 40px; }
  .ncc-prose h2 { margin: 32px 0 12px; font-size: 18px; }
}

/* ------------------------------------------------------------------
   .ncc-prose 追補（2026-09-30）
   ★リセットは冒頭だけではない。**4254行付近にもう1つ**
     `h3, li, dt, dd, p, ul, dl, dd { font-size:13px }` があり、
     クラス側でサイズを書かないと本文が13pxのままになる。
     お問い合わせが `.page-inquiry #content > p { font-size:15px }` で
     個別に直していたのは、このため（同じ罠を踏んでいた）。
   ------------------------------------------------------------------ */
.ncc-prose p, .ncc-prose li { font-size: 15px; }
.ncc-prose h4 { margin: 22px 0 6px; color: #111; font-size: 15px; font-weight: 700; line-height: 1.6; }
.ncc-prose em { font-style: italic; }
.ncc-prose figure { margin: 0 0 22px; }
.ncc-prose img { max-width: 100%; height: auto; }
.ncc-prose figcaption { margin-top: 6px; color: #777; font-size: 12px; line-height: 1.6; }
/* 表はスマホで必ずはみ出す。ブロックエディタの表は figure で包まれるのでそこで流す */
.ncc-prose figure.wp-block-table { overflow-x: auto; }
.ncc-prose table { width: 100%; margin: 0 0 20px; border-collapse: collapse; font-size: 14px; line-height: 1.7; }
.ncc-prose th, .ncc-prose td { padding: 9px 12px; border: 1px solid #dfe3e3; text-align: left; vertical-align: top; line-height: 1.7; }
.ncc-prose th { background: #f5f7f7; color: #111; font-weight: 700; }
.ncc-prose blockquote { margin: 0 0 18px; padding: 2px 0 2px 14px; border-left: 3px solid #dfe3e3; color: #555; }

/* ------------------------------------------------------------------
   月次レポート 本文の追補（2026-09-30）
   6248行あたりの「月次レポート」ブロックは**余白と表だけ**を直していて、
   見出しの大きさ・太さと、箇条書きの点が抜けていた。
   リセットのせいで h2=16px/400・h3=13px/400・ul は list-style:none。
   まだ1本も公開していないので表面化していなかった。
   ------------------------------------------------------------------ */
.ncc-report p, .ncc-report li { font-size: 15px; }
.ncc-report h2 {
	margin-bottom: .6em; padding-bottom: 8px;
	border-bottom: 1px solid #e3e6e6;
	color: #111; font-size: 20px; font-weight: 700; line-height: 1.5;
}
.ncc-report h3 { margin-bottom: .5em; color: #111; font-size: 16px; font-weight: 700; line-height: 1.6; }
.ncc-report h4 { margin: 1.4em 0 .4em; color: #111; font-size: 15px; font-weight: 700; line-height: 1.6; }
.ncc-report ul { padding-left: 0; list-style: none; }
.ncc-report ul > li { position: relative; margin-bottom: 6px; padding-left: 16px; }
.ncc-report ul > li:before {
	content: ""; position: absolute; left: 2px; top: .8em;
	width: 5px; height: 5px; border-radius: 50%; background: #9bb0b5;
}
.ncc-report ol { padding-left: 1.5em; list-style: decimal; }
.ncc-report ol > li { margin-bottom: 6px; }
.ncc-report em { font-style: italic; }
.ncc-report figure { margin: 0 0 1.4em; }
.ncc-report img { max-width: 100%; height: auto; }
.ncc-report figcaption { margin-top: 6px; color: #777; font-size: 12px; line-height: 1.6; }
/* 表のセル。リセットが line-height:1・font-weight:400 を直接当てるので、
   table 側に書いても効かない。上のブロックは padding と枠線だけだった。 */
.ncc-report th, .ncc-report td { line-height: 1.7; }
.ncc-report th { color: #111; font-weight: 700; }
/* レポート一覧の説明文。素の <p> はリセットで13px・行間1になる */
.ncc-report-lead { margin: 0 0 1.6em; color: #555; font-size: 15px; line-height: 1.9; }
@media ( max-width: 600px ) { .ncc-report h2 { font-size: 18px; } }
/* 404もサイドカラム無しの全幅（2026-09-30）。.page-inquiry / .page-privacy と3点セット。 */
.error404 .wrapper:after { content: none; }
.error404 .content-full:before { right: 0; }
body.error404 { background: #fff; }
.error404 .ncc-prose { padding-bottom: 0; }
.error404 .nccf-links { margin-top: 24px; padding-bottom: 70px; }