/*
 Theme Name:   zerowin
 Template:     businesspress
*/


/* Global

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



/* Root

   This values are used for adjusting headings size (not for body size) */

html {
  font-size: 100%; /* 基準サイズは100%にしておくのが無難 */
  overflow-x: hidden;
}

body, body:lang(ja) {
  font-family: "メイリオ", Meiryo, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  color: #333 !important;
}


/* 必要ならレスポンシブで調整 */
@media screen and (min-width: 980px) {
  body {
    font-size: 18px;
  }
}




/* Heading */

h1, h2, h3, h4, h5, h6, .site-title {

	clear: both;

	color: #111;

	font-weight: 700;

	line-height: 1.5;

}

h1 {

	font-size: 2.5rem;

	margin-bottom: 1em;

	margin-top: 2em;

}

h2 {

	font-size: 1.75rem;

	margin-bottom: 1.5em;

	margin-top: 3em;

}

h3 {

	font-size: 1.5rem;

	margin-bottom: 1em;

	margin-top: 2.5em;

}

h4 {

	font-size: 1.25rem;

	margin-bottom: 1em;

	margin-top: 2em;

}

h5 {

	font-size: 1.125rem;

	margin-bottom: 0.5em;

	margin-top: 1.5em;

}

h6 {

	font-size: 1rem;

	margin-bottom: 0.5em;

	margin-top: 1em;

}



/* Link */

a {

	color: #4693f5;

	text-decoration: underline;

	transition: all .15s ease-in-out;

}

a:hover {

	color: #639af6;

}

cite a, cite a {

	text-decoration: none;

}



/* Text */

p {

	margin: 0 0 1.8em;

}

b, strong {

	font-weight: 700;

}

dfn, em, i {

	font-style: italic;

}

q {

	quotes: "" "";

}

cite {

	border-bottom: dotted 1px #999;

	font-style: normal;

}

code, kbd, tt, var {

	background-color: #f4f5f6;

	color: #666;

	font-family: Consolas, "Courier New", monospace;

	font-size: 90%;

}

abbr, acronym {

	border-bottom: 1px dotted #999;

	cursor: help;

}

mark, ins {

	background: linear-gradient( transparent 70%, #ffff66 70% );

	text-decoration: none;

}

ins.adsbygoogle {

	background-color: transparent;

}



/* List */

ul, ol {

	margin: 0 0 1.8em 1.5em;

	padding: 0;

}

li > ul,

li > ol {

	margin-bottom: 0;

}

dl {

	margin: 0;

}

dt {

	font-weight: 600;

	margin-bottom: 0.5em;

}

dd {

	margin: 0 0 1.8em 1.5em;

}



/* Table */

table {

	border-collapse: collapse;

	border-spacing: 0;

	font-size: 90%;

	margin: 0 0 1.8em;

	width: 100%;

}

caption {

	margin-bottom: 0.6em;

}

table th, table td {

	border: solid 1px #eee;

	padding: 1em 1.2em;

}

th {

	background-color: #f4f5f6;

	font-weight: 600;

	text-align: left;

}



/* Elements */

blockquote {

	color: #666;

	margin: 0 0 2em;

	padding: 12px 0 0 44px !important;

	position: relative;

}

blockquote:before {

	color: #ddd;

	content: "\201C";

	font-family: Georgia, serif;

	font-size: 84px;

	left: -5px;

	line-height: 1;

	position: absolute;

	top: -5px;

}

blockquote p {

	margin-bottom: 0.8em;

}

blockquote cite {

	font-size: 90%;

}

address {

	margin: 0 0 1.8em;

	font-style: normal;

}

pre {

	background-color: #f4f5f6;

	color: #666;

	font-family: Consolas, "Courier New", monospace;

	font-size: 90%;

	line-height: 1.4;

	margin: 0 0 1.7em;

	max-width: 100%;

	overflow: auto;

	padding: 1.5em;

	word-wrap: normal;

}

hr {

	background-color: #eee;

	border: 0;

	height: 2px;

	margin: 1.8em auto;

}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {

	max-width: 100px;

}



/* Media */

img {

	height: auto;

	max-width: 100%;

	vertical-align: middle;

}

figure {

	margin: 0;

}

embed,

iframe,

object {

	max-width: 100%;

}



/* Form */

button,

input,

input[type="search"],

select,

textarea {

	background-color: #fff;

	box-sizing: border-box;

	line-height: 1.6;

	max-width: 100%;

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	background-color: #333;

	border: none;

	border-radius: 5px;

	color: #fff;

	cursor: pointer;

	font-size: 90%;

	line-height: 1;

	padding: 1.1em 1.5em;

	text-transform: uppercase;

	transition: .3s ease-in-out;

}

button:hover,

button:focus,

input[type="button"]:hover,

input[type="button"]:focus,

input[type="reset"]:hover,

input[type="reset"]:focus,

input[type="submit"]:hover,

input[type="submit"]:focus {

	background-color: #555;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

	border: solid 1px #e6e6e6;

	color: #777;

	margin-top: 0.6em;

	padding: 0.6em;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	color: #444;

}

input[type="file"] {

	margin-top: 0.6em;

}

select {

	border: solid 1px #e6e6e6;

	margin-top: 0.6em;

	padding: 0.6em;

}

textarea {

	max-width: 720px;

	width: 100%;

}





/* Repeatable Patterns

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



/* Alignments */

.aligncenter,

.alignleft,

.alignright {

	margin-bottom: 1.8em;

}

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/* Caption */

.wp-caption {

	color: #999;

	font-size: 90%;

	margin-bottom: 1.8em;

	max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 0.4em auto 0;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 0.8em 0;

}



/* WP Smiley */

.page-content img.wp-smiley,

.entry-content img.wp-smiley,

.comment-content img.wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Text meant only for screen readers */

.hide-blogname .site-title,

.hide-blogdescription .site-description,

.hide-date .posted-on,

.hide-author .byline,

.hide-comments-number .comments-link,

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	overflow: hidden;

	position: absolute !important;

	width: 1px;

}

.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

	background-color: #eee;

	background-color: rgba(255, 255, 255, 0.9);

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);

	clip: auto !important;

	color: #06c;

	display: block;

	font-size: 14px;

	font-weight: 600;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar */

}



/* Clearing */

.clear:before,

.clear:after,

.top-bar-content:before,

.top-bar-content:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.nav-links:before,

.nav-links:after,

.widget:before,

.widget:after,

.sticky-sidebar:before,

.sticky-sidebar:after,

.site-bottom-content:before,

.site-bottom-content:after {

	content: "";

	display: table;

}

.clear:after,

.top-bar-content:after,

.entry-content:after,

.comment-content:after,

.nav-links:after,

.widget:after,

.sticky-sidebar:after,

.site-bottom-content:after {

	clear: both;

}





/* Layout

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



/* Base */

body {

	background-color: #fff;

}

.top-bar-content,

.main-header-content,

.featured-entry-content,

.home-header-content,

.jumbotron-content,

.site-content,

.container-content,

.footer-widget-content,

.site-bottom-content {

	margin-left: auto;

	margin-right: auto;

	max-width: 720px;

	padding-left: 20px;

	padding-right: 20px;

}

.container-content {

	padding-left: 30px;

	padding-right: 30px;

}

.site-header {

	border-bottom: solid 1px #eee;

	margin-bottom: 5rem;

}

.main-header {

	padding-bottom: 15px;

	padding-top: 15px;

}

.main-header-content {

	align-items: center;

	display: flex;

	justify-content: space-between;

}

.content-area {

	margin-bottom: 6rem;

}

.sidebar-area {

	border-top: solid 1px #eee;

	padding-bottom: 1rem;

	padding-top: 6rem;

}

.page-header {

	margin-bottom: 5rem;

}

/*2025/7/31追加*/
/* 横並び＋ロゴサイズ調整 */
.site-branding {
  display: flex;
  align-items: center;
  gap: 1rem; /* ロゴとテキストの間の余白 */
  flex-wrap: wrap; /* スマホ等で折り返し可 */
}

/* ロゴ画像の自動縮小調整 */
.site-logo img {
  max-height: 80px;
  height: auto;
  width: auto;
}

/* タイトルと説明の上下余白をなくす */
.site-title,
.site-description {
  margin: 0;
  line-height: 1.2;
}

/* スマホなど画面が狭い場合の対応（縦並びに戻す） */
@media screen and (max-width: 600px) {
  .site-branding {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-logo img {
    max-height: 60px;
  }
}

/*トップページのみ引用部分の文字サイズを変更*/
body.page-id-2 .wp-block-quote {
  font-size: 1.8rem;
  font-weight: bold;
}

/* スマホでは上書きして元に戻す */
@media screen and (max-width: 767px) {
  body.page-id-42 .wp-block-quote {
    font-size: 1rem; /* 既定サイズに戻す（調整可能） */
    font-weight: normal;
  }
}



.hentry {

	margin-bottom: 7rem;

}

.single .hentry {

	margin-bottom: 5rem;

}

.page .hentry {

	margin-bottom: 0;

}

.widget {

	margin-bottom: 4rem;

}

.footer-widget-area {

	border-top: solid 1px #eee;

	padding-bottom: 2rem;

	padding-top: 6rem;

}

.site-bottom {

	border-top: solid 1px #eee;

	padding-bottom: 2rem;

	padding-top: 3rem;

}

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

	.top-bar-content,

	.main-header-content,

	.home-header-content,

	.jumbotron-content,

	.featured-entry-content,

	.site-content,

	.footer-widget-content,

	.site-bottom-content {

		padding-left: 40px;

		padding-right: 40px;

	}

	.container-content {

		padding-left: 50px;

		padding-right: 50px;

	}

	.top-bar-content,

	.main-header-content,

	.home-header-content,

	.site-bottom-content {

		max-width: 1120px;

	}

	.main-header {

		padding-bottom: 35px;

		padding-top: 30px;

	}

	.top-bar-main,

	.footer-social-link {

		float: left;

	}

	.header-social-link,

	.footer-navigation {

		float: right;

	}

}

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

	.jumbotron-content,

	.three-column .site-content,

	.has-sidebar .site-content,

	.footer-widget-content {

		max-width: 1120px;

	}

	.main-header-content {

		flex-wrap: wrap;

	}

	.has-sidebar .site-content {

		display: flex;

		justify-content: space-between;

	}

	.has-sidebar .content-area {

		width: 64.28%;

	}

	.has-sidebar .sidebar-area {

		border-top: none;

		padding-top: 0;

		width: 26.78%;

	}

	.sticky-sidebar {

		position: -webkit-sticky;

		position: sticky;

		top: 120px;

	}

	.sticky-sidebar .widget:last-child {

		margin-bottom: 0;

		padding-bottom: 90px;

	}

	.footer-widget-wrapper {

		margin-left: -30px;

		margin-right: -30px;

	}

	.footer-widget-wrapper {

		display: flex;

		flex-wrap: wrap;

	}

	.footer-widget {

		box-sizing: border-box;

		width: 25%;

		padding-left: 30px;

		padding-right: 30px;

	}

}





/* Header

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



/* Top Bar */

.top-bar {

	background-color: #f4f5f6;

	border-bottom: solid 1px #eee;

	line-height: 32px;

	padding-bottom: 5px;

	padding-top: 5px;

}

.top-bar-main {

	color: #888;

	font-size: 80%;

	list-style: none;

	margin-bottom: 0;

	margin-left: 0;

}

.top-bar-main a {

	color: inherit;

	text-decoration: none;

}

.top-bar-main a:hover {

	color: #111;

}

.top-bar-main li {

	display: inline-block;

	margin-bottom: 0;

	margin-right: 16px;

	vertical-align: middle;

}

.top-bar-main li:last-child {

	margin-right: 0;

}

.top-bar-main li:before {

	color: #999;

	display: inline-block;

	font: normal 16px/1 FontAwesome;

	-webkit-font-smoothing: antialiased;

	margin-right: 5px;

	position: relative;

	top: 1px;

	vertical-align: middle;

}

.top-bar-main li.top-bar-main-phone:before {

	content: "\f10b";

	font-size: 170%;

}

.top-bar-main li.top-bar-main-contact:before {

	content: "\f003";

	font-size: 110%;

}

.top-bar-main li.top-bar-main-access:before {

	content: "\f041";

	font-size: 135%;

}

.top-bar .header-social-link {

	display: none;

}

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

	.top-bar {

		padding-bottom: 10px;

		padding-top: 10px;

	}

	.top-bar-main li {

		margin-right: 24px;

	}

	.top-bar-main li:before {

		margin-right: 8px;

		top: -2px;

	}

	.top-bar .header-social-link {

		display: block;

	}

}



/* Main Header */

.site-branding {

	padding-right: 10px;

}

.site-logo a:hover {

	opacity: 0.8;

}

.site-logo img {

	transform: scale(0.85, 0.85);

	transform-origin: center left;

}

.site-title {

	font-size: 1.75rem;

	margin-bottom: 0;

	margin-top: 0;

}

.site-title a,

.site-title a:hover {

	color: #111;

	text-decoration: none;

}

.site-title a:hover {

	opacity: 0.8;

}

.site-description {

	color: #777;

	font-size: 95%;

	margin-bottom: 2px;

	margin-top: 2px;

}

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

	.site-branding {

		padding-right: 30px;

	}

	.site-logo img {

		transform: scale(0.925, 0.925);

	}

	.site-description {

		margin-bottom: 6px;

	}

}

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

	.site-logo img {

		transform: scale(1, 1);

	}

}





/* Menus

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



/* Base */

.main-header-content .main-navigation {

	display: none;

}



/* Main Header Clone */

.main-header-clone {

	background-color: #fff;

	left: 0;

	padding-bottom: 12px;

	padding-top: 12px;

	position: fixed;

	top: 0;

	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	transform: translateY(-100%);

	width: 100%;

	z-index: 100;

}

.main-header-clone-show {

	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);

	transform: translateY(0);

}

.main-header-clone .site-title {

	font-size: 1.5rem;

}

.main-header-clone .main-header-content {

	align-items: center;

}

.main-header-clone .site-logo {

	transform: scale(0.9, 0.9);

	transform-origin: center left;

}

.main-header-clone .site-description {

	display: none;

}

.admin-bar .main-header-original .drawer-navigation {

	top: 46px;

}

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

	.admin-bar .main-header-clone-show {

		transform: translateY(46px);

	}

}

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

	.admin-bar .main-header-original .drawer-navigation {

		top: 32px;

	}

	.admin-bar .main-header-clone-show {

		transform: translateY(32px);

	}

}

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

	.main-header-clone {

		padding-bottom: 16px;

		padding-top: 14px;

	}

}



/* Drawer Button */

.drawer-hamburger {

	background-color: transparent;

	box-sizing: content-box;

	display: block;

	margin-right: -5px;

	outline: 0;

	padding: 12px 5px;

	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	width: 21px;

	min-width: 21px;

	z-index: 102;

}

.drawer-hamburger:hover,

.drawer-hamburger:focus {

	background-color: transparent;

}

.drawer-hamburger-icon {

	position: relative;

	display: block;

}

.drawer-hamburger-icon,

.drawer-hamburger-icon:before,

.drawer-hamburger-icon:after {

	background-color: #111;

	height: 2px;

	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	width: 100%;

}

.drawer-hamburger-icon:before,

.drawer-hamburger-icon:after {

	position: absolute;

	left: 0;

	content: ' ';

}

.drawer-hamburger-icon:before {

	top: -6px;

}

.drawer-hamburger-icon:after {

	top: 6px;

}

.drawer-opened .drawer-hamburger-icon {

	background-color: transparent;

}

.drawer-opened .drawer-hamburger-icon:before,

.drawer-opened .drawer-hamburger-icon:after {

	top: 0;

}

.drawer-opened .drawer-hamburger-icon:before {

	transform: rotate(45deg);

}

.drawer-opened .drawer-hamburger-icon:after {

	transform: rotate(-45deg);

}

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

	.drawer-hamburger {

		padding: 15px 5px;

	}

	.drawer-hamburger-icon:before {

		top: -7px;

	}

	.drawer-hamburger-icon:after {

		top: 7px;

	}

}



/* Drawer Navigation */

.drawer-overlay {

	display: none;

	height: 100vh;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 100;

}

.drawer-navigation {

	background: #fff;

	height: 100vh;

	overflow-y: auto;

	position: fixed;

	right: 0;

	top: 0;

	transform: translateX(100%);

	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);

	width: 90%;

	z-index: 101;

	-webkit-overflow-scrolling: touch;

}

.drawer-navigation-content {

	box-sizing: border-box;

	height: 100%;

	overflow-y: auto;

	padding: 60px 75px 60px 40px;

	width: 100%;

}

.drawer-opened .drawer-overlay {

	display: block;

}

.drawer-opened .drawer-navigation {

	box-shadow: 0 0 90px rgba(0, 0, 0, 0.2);

	transform: translateX(0);

}

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

	.drawer-navigation {

		width: 70%;

	}

	.drawer-navigation-content {

		padding: 75px 90px 75px 50px;

	}

}

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

	.drawer-navigation {

		width: 55%;

	}

	.drawer-navigation-content {

		padding: 90px 105px 90px 60px;

	}

}



/* Drawer Content */

.drawer-navigation ul {

	list-style: none;

	margin-bottom: 45px;

	margin-left: 0;

}

.drawer-navigation ul li {

	padding-bottom: 12px;

	padding-top: 14px;

	position: relative;

}

.drawer-navigation ul ul {

	margin-bottom: 0;

	margin-left: 1em;

	margin-top: 12px;

}

.drawer-navigation ul li li {

	padding-bottom: 10px;

	padding-top: 12px;

}

.drawer-navigation ul li li:last-child {

	padding-bottom: 0;

}

.drawer-navigation a {

	color: inherit;

	text-decoration: none;

}

.drawer-navigation a:hover {

	color: #111;

}

.drawer-navigation .page_item_has_children > a,

.drawer-navigation .menu-item-has-children > a {

	display: inline-block;

	padding-right: 20px;

}

.drawer-navigation .dropdown-toggle {

	background-color: transparent;

	outline: 0;

	padding: 10px;

	position: absolute;

	right: -10px;

	top: 7px;

}

.drawer-navigation .dropdown-toggle:after {

	content: "\f107";

	color: #333;

	display: inline-block;

	font: normal 18px/1 FontAwesome;

	-webkit-font-smoothing: antialiased;

	position: relative;

}

.drawer-navigation .dropdown-toggle.toggled-on:after {

	content: "\f106";

}

.drawer-navigation .sub-menu {

	display: none;

}

.drawer-navigation .sub-menu.toggled-on {

	display: block;

}

.drawer-navigation .current_page_item > a,

.drawer-navigation .current-menu-item > a {

	color: #111;

	font-weight: 700;

}

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

	.drawer-navigation .header-social-link {

		display: none;

	}

}



/* Main Navigation (Desktop) */

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

	.drawer-hamburger,

	.drawer-overlay,

	.drawer-navigation {

		display: none;

	}

	.main-header-content .main-navigation {

		display: block;

	}

	.main-navigation {

		font-size: 90%;

		line-height: 52px;

	}

	.main-navigation ul {

		list-style: none;

		margin: 0;

	}

	.main-navigation a {

		color: inherit;

		display: block;

		padding-left: 15px;

		padding-right: 15px;

		text-decoration: none;

	}

	.main-navigation a:hover {

		color: #111;

	}

	.main-navigation li {

		position: relative;

	}

	.main-navigation div.menu > ul,

	.main-navigation ul.menu {

		letter-spacing: -0.4em;

	}

	.main-navigation div.menu > ul > li,

	.main-navigation ul.menu > li {

		display: inline-block;

		letter-spacing: normal;

		white-space: nowrap;

	}

	.main-navigation div.menu > ul > li:first-child > a,

	.main-navigation ul.menu > li:first-child > a {

		padding-left: 0;

	}

	.main-navigation div.menu > ul > li:last-child > a,

	.main-navigation ul.menu > li:last-child > a {

		padding-right: 0;

	}

	.main-navigation div.menu > ul > li.page_item_has_children > a:after,

	.main-navigation ul.menu > li.page_item_has_children > a:after,

	.main-navigation div.menu > ul > li.menu-item-has-children > a:after,

	.main-navigation ul.menu > li.menu-item-has-children > a:after {

		content: "\f107";

		display: inline-block;

		font: normal 18px/1 FontAwesome;

		-webkit-font-smoothing: antialiased;

		margin-left: 8px;

	}

	.main-navigation ul ul {

		background-color: #fff;

		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

		left: -9999px;

		opacity: 0;

		position: absolute;

		top: 100%;

		transition: opacity .3s ease-in-out;

		white-space: normal;

		width: 225px;

		z-index: 10;

	}

	.main-navigation ul ul ul {

		top: 0;

	}

	.main-navigation ul li:hover > ul {

		left: 0;

		opacity: 1;

	}

	.main-navigation div.menu > ul > li:first-child:hover > ul,

	.main-navigation ul.menu > li:first-child:hover > ul {

		left: -18px;

	}

	.main-navigation div.menu > ul > li:last-child:hover > ul,

	.main-navigation ul.menu > li:last-child:hover > ul {

		left: auto;

		right: -18px;

	}

	.main-navigation ul ul li:hover > ul {

		left: 100%;

		opacity: 1;

	}

	.main-navigation ul ul li a {

		border-top: 1px solid #eee;

		line-height: 1.6;

		padding-bottom: 15px;

		padding-top: 15px;

	}

	.main-navigation  ul ul li.page_item_has_children > a,

	.main-navigation  ul ul li.menu-item-has-children > a {

		padding-right: 30px;

	}

	.main-navigation  ul ul li.page_item_has_children > a:after,

	.main-navigation  ul ul li.menu-item-has-children > a:after {

		content: "\f105";

		font: normal 18px/1 FontAwesome;

		-webkit-font-smoothing: antialiased;

		position: absolute;

		right: 15px;

		top: 18px;

	}

	.main-navigation .current_page_item > a,

	.main-navigation .current-menu-item > a {

		color: #111;

		font-weight: 700;

	}

}



/* Social Link */

.menu a:before {

	color: #bbb;

	display: inline-block;

	font: normal 24px/1 FontAwesome;

	-webkit-font-smoothing: antialiased;

	margin-right: 10px;

	position: relative;

	top: -1px;

	transition: color .2s ease-in-out;

	vertical-align: middle;

}

.menu a:hover:before {

	color: #888;

}

.widget .menu a:before {

	margin-right: 12px;

}

.profilewidget-link.menu a:before,

.social-link-menu a:before {

	content: '\f0c1';

	margin-left: 0;

	margin-right: 4px;

}

.menu a[href*="behance.net"]:before     { content: "\F1B4"; }

.menu a[href*="deviantart.com"]:before  { content: "\F1BD"; }

.menu a[href*="digg.com"]:before        { content: "\F1A6"; }

.menu a[href*="dribbble.com"]:before    { content: "\F17D"; }

.menu a[href*="dropbox.com"]:before     { content: "\F16B"; }

.menu a[href*="facebook.com"]:before    { content: "\F230"; }

.menu a[href*="flickr.com"]:before      { content: "\F16E"; }

.menu a[href*="foursquare.com"]:before  { content: "\F180"; }

.menu a[href*="plus.google.com"]:before { content: "\F0D5"; }

.menu a[href*="github.com"]:before      { content: "\F09B"; }

.menu a[href*="instagram.com"]:before   { content: "\F16D"; }

.menu a[href*="linkedin.com"]:before    { content: "\F30C"; }

.menu a[href*="medium.com"]:before      { content: "\F23A"; }

.menu a[href*="pinterest.com"]:before   { content: "\F231"; }

.menu a[href*="getpocket.com"]:before   { content: "\F265"; }

.menu a[href*="reddit.com"]:before      { content: "\F1A1"; }

.menu a[href*="skype.com"]:before,

.menu a[href*="skype:"]:before          { content: "\F17E"; }

.menu a[href*="slideshare.net"]:before  { content: "\F1E7"; }

.menu a[href*="snapchat.com"]:before    { content: "\F2AB"; }

.menu a[href*="soundcloud.com"]:before  { content: "\F1BE"; }

.menu a[href*="spotify.com"]:before     { content: "\F1BC"; }

.menu a[href*="stumbleupon.com"]:before { content: "\F1A4"; }

.menu a[href*="tumblr.com"]:before      { content: "\F173"; }

.menu a[href*="twitch.tv"]:before       { content: "\F1E8"; }

.menu a[href*="twitter.com"]:before     { content: "\F099"; }

.menu a[href*="vimeo.com"]:before       { content: "\F27D"; }

.menu a[href*="vk.com"]:before          { content: "\F189"; }

.menu a[href*="wordpress.org"]:before,

.menu a[href*="wordpress.com"]:before   { content: "\F19A"; }

.menu a[href*="yelp.com"]:before        { content: "\F1E9"; }

.menu a[href*="youtube.com"]:before     { content: "\F16A"; }

.menu a[href$="/feed/"]:before          { content: "\F09E"; }



/* Social Link Menu */

.social-link-menu ul {

	list-style: none;

	margin: 0;

}

.social-link-menu li {

	display: inline-block;

	padding-left: 12px;

}

.social-link-menu li:first-child {

	padding-left: 0;

}

.social-link-menu a:before {

	margin-right: 0;

}





/* Featured Area

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



/* Jumbotron */

.jumbotron {

	background-color: #333;

	background-position: center;

	background-size: cover;

}

.jumbotron-overlay {

	background-color: rgba( 0, 0, 0 , 0.4 );

}

.jumbotron-content {

	padding-bottom: 60px;

	padding-top: 60px;

	text-align: center;

}

.jumbotron-title {

	color: #fff;

	font-size: 2.25rem;

	letter-spacing: -0.03em;

	margin-bottom: 0;

	margin-top: 0;

	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );

}

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

	.jumbotron-title {

		font-size: 2.5rem;

	}

	.jumbotron-content {

		padding-bottom: 90px;

		padding-top: 90px;

	}

}

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

	.jumbotron-content {

		padding-bottom: 105px;

		padding-top: 105px;

	}

}



/* Home Header */

.home-header {

	background-color: #333;

	background-position: center;

	background-size: cover;

}

.home-header-overlay {

	background-color: rgba( 0, 0, 0 , 0.4 );

}

.home-header-content {

	padding-bottom: 75px;

	padding-top: 75px;

	text-align: left;

}

.home-header-title {

	color: #fff;

	font-size: 2.5rem;

	letter-spacing: -0.03em;

	margin-bottom: 0;

	margin-top: 0;

	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );

}

.home-header-text {

	color: rgba( 255, 255, 255, 0.9 );

	font-size: 105%;

	margin-top: 28px;

	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );

}

.home-header-button {

	font-size: 95%;

}

.home-header-button a {

	border-radius: 25px;

	color: #fff;

	display: inline-block;

	font-weight: 600;

	margin-top: 30px;

	text-decoration: none;

}

a.home-header-button-main {

	background-color: #4693f5;

	margin-right: 16px;

	padding: 12px 25px;

}

a.home-header-button-main:hover {

	color: #fff;

}

a.home-header-button-sub {

	border: solid 2px #fff;

	padding: 10px 23px;

}

a.home-header-button-sub:hover {

	background-color: #fff;

	color: #111;

}

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

	.home-header-content {

		padding-bottom: 105px;

		padding-top: 105px;

	}

}

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

	.home-header-content {

		padding-bottom: 135px;

		padding-top: 135px;

	}

	.home-header-title {

		font-size: 3rem;

	}

}



/* Featured Post */

.featured-post {

	overflow: hidden;

}

.featured-post,

.featured-entry {

	height: 225px;

}

.featured-entry {

	background-color: #333;

	background-position: center;

	background-size: cover;

}

.featured-entry-overlay {

	align-items: center;

	background-color: rgba( 0, 0, 0 , 0.4 );

	display: flex;

	height: 100%;

	width: 100%;

}

.featured-entry-content {

	text-align: center;

	padding-left: 40px;

	padding-right: 40px;

}

.featured-entry-title {

	color: #fff;

	font-size: 1.75rem;

	letter-spacing: -0.03em;

	margin-bottom: 0;

	margin-top: 0;

	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );

}

.featured-entry-category {

	text-transform: uppercase;

}

.featured-entry-category,

.featured-entry-date {

	color: rgba( 255, 255, 255, 0.8 );

	display: none;

	font-size: 90%;

	margin-bottom: 12px;

	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );

}

.featured-entry-title a,

.featured-entry-category a,

.featured-entry-date a {

	color: inherit;

	text-decoration: none;

}

.featured-entry-title a:hover,

.featured-entry-category a:hover,

.featured-entry-date a:hover {

	color: #fff;

}

.slick-loading .slick-list {

	background: #fff url('images/ajax-loader.gif') center center no-repeat;

}

.slick-prev,

.slick-next {

	font-size: 0;

	line-height: 0;

	position: absolute;

	top: 50%;

	display: block;

	width: 30px;

	height: 30px;

	padding: 0;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;

	border: none;

	outline: none;

	background: transparent;

	text-shadow: none;

}

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

	background: transparent;

	outline: none;

}

.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {

	opacity: 1;

}

.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before {

	opacity: .25;

}

.slick-prev:before,

.slick-next:before {

	font-family: FontAwesome;

	font-size: 30px;

	line-height: 1;

	opacity: .75;

	color: white;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	transition: .15s ease-in-out;

}

.slick-prev {

	left: 5px;

	z-index: 9999;

}

[dir='rtl'] .slick-prev {

	right: 5px;

	left: auto;

}

.slick-prev:before {

	content: '\f104';

}

[dir='rtl'] .slick-prev:before {

	content: '\f105';

}

.slick-next {

	right: 5px;

}

[dir='rtl'] .slick-next {

	right: auto;

	left: 5px;

}

.slick-next:before {

	content: '\f105';

}

[dir='rtl'] .slick-next:before {

	content: '\f104';

}

.slick-dots {

	bottom: 12px;

	list-style: none;

	margin: 0;

	position: absolute;

	text-align: center;

	width: 100%;

}

.slick-dots li {

	border-radius: 50%;

	box-shadow: 0px 1px 1px rgba( 255, 255, 255, 0.4 ), 0px 1px 1px rgba( 0, 0, 0, 0.2 ) inset;

	display: inline-block;

	height: 12px;

	margin-left: 5px;

	margin-right: 5px;

	width: 12px;

}

.slick-dots li button {

	background: #000;

	border: solid 2px #000;

	border-radius: 50%;

	color: transparent;

	display: block;

	font-size: 0;

	height: 12px;

	line-height: 0;

	outline: none;

	width: 12px;

	opacity: 0.4;

}

.slick-dots li button:hover,

.slick-dots li button:focus {

	opacity: 0.75;

}

.slick-dots li.slick-active button {

	background: #fff;

	opacity: 0.8;

}

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

	.featured-post,

	.featured-entry {

		height: 275px;

	}

	.featured-entry-title {

		font-size: 2.25rem;

	}

	.featured-entry-content {

		padding-left: 70px;

		padding-right: 70px;

	}

	.slick-prev,

	.slick-next {

		width: 40px;

		height: 40px;

	}

	.slick-prev:before,

	.slick-next:before {

		font-size: 40px;

	}

	.slick-prev {

		left: 15px;

	}

	[dir='rtl'] .slick-prev {

		right: 15px;

		left: auto;

	}

	.slick-next {

		right: 15px;

	}

	[dir='rtl'] .slick-next {

		right: auto;

		left: 15px;

	}

	.slick-dots {

		bottom: 24px;

	}

	.slick-dots li {

		height: 18px;

		width: 18px;

	}

	.slick-dots li button {

		border: solid 4px #000;

		height: 18px;

		width: 18px;

	}

}

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

	.featured-post,

	.featured-entry {

		height: 350px;

	}

	.featured-entry-title {

		font-size: 2.5rem;

		margin-bottom: 12px;

	}

	.featured-entry-category,

	.featured-entry-date {

		display: block;

	}

}

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

	.featured-post,

	.featured-entry {

		height: 400px;

	}

}





/* Content

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



/* Category */

.cat-links {

	font-size: 90%;

	margin-bottom: 1rem;

	text-transform: uppercase;

}

.cat-links a {

	text-decoration: none;

}

.category-sep {

	color: #ccc;

	font-size: 80%;

	margin-left: 5px;

	margin-right: 5px;

	position: relative;

	top: -0.1em;

}



/* Entry Header */

.entry-header {

	margin-bottom: 4rem;

}

.no-sidebar .entry-header {

	text-align: center;

}

.entry-title {

	font-size: 2.25rem;

	letter-spacing: -0.03em;

	margin-bottom: 0;

	margin-top: 0;

}

.entry-title a {

	color: inherit;

	text-decoration: none;

}

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

	.entry-title {

		font-size: 2.5rem;

	}

}



/* Entry Meta */

.entry-meta {

	color: #999;

	font-size: 90%;

	margin-top: 1rem;

}

.entry-meta a {

	color: inherit;

	text-decoration: none;

}

.entry-meta a:hover {

	color: #666;

}

.comments-sep {

	color: #ccc;

}

.byline a,

.comments-link a {

	border-bottom: solid 1px #ddd;

}



/* Featured Image */

.post-thumbnail {

	margin-bottom: 2rem;

	margin-top: 4rem;

}

.single .post-thumbnail {

	margin-left: -20px;

	margin-right: -20px;

}

.post-thumbnail img {

	width: 100%;

	transition: 0.5s ease-in-out;

}

.post-thumbnail a:hover img {

	opacity: 0.85;

}

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

	.single .post-thumbnail {

		margin-left: -40px;

		margin-right: -40px;

	}

}

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

	.single .post-thumbnail {

		margin-left: 0;

		margin-right: 0;

	}

	.no-sidebar .post-thumbnail {

		margin-left: -60px;

		margin-right: -60px;

	}

}



/* Entry Content */

.entry-content > *:first-child {

	margin-top: 0;

}

.entry-content > *:last-child {

	margin-bottom: 0;

}



/* Post Full / Post Summary */

.post-full,

.post-summary {

	margin-bottom: 4rem;

}

.post-full .hentry,

.post-summary .hentry {

	margin-bottom: 4rem;

}

.post-full:after,

.post-summary:after {

	border-bottom: 1px solid #ddd;

	content: "";

	display: block;

	width: 45px;

}

.no-sidebar .post-full:after,

.no-sidebar .post-summary:after {

	margin: auto;

}

a.continue-reading {

	text-transform: uppercase;

}



/* Post Grid */

.two-column .loop-wrapper,

.three-column .loop-wrapper {

	display: flex;

	flex-wrap: wrap;

}

.post-grid .entry-header {

	margin-bottom: 2rem;

	text-align: left;

}

.post-grid .post-thumbnail {

	margin-top: 0;

	margin-left: 0;

	margin-right: 0;

}

.post-grid .entry-title {

	font-size: 1.75rem;

}

.post-grid .entry-summary {

	color: #666;

	font-size: 90%;

}

.post-grid .entry-summary p {

	margin-bottom: 0;

}

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

	.post-grid .entry-title {

		font-size: 1.5rem;

	}

	.post-grid .cat-links,

	.post-grid .entry-meta {

		font-size: 85%;

	}

	.post-grid .entry-summary {

		font-size: 90%;

	}

	.post-grid {

		width: 46%;

		padding-right: 8%;

	}

	.post-grid:nth-child(even) {

		padding-right: 0;

	}

}

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

	.three-column .loop-wrapper {

		margin-left: -30px;

		margin-right: -30px;

	}

	.three-column .post-grid {

		box-sizing: border-box;

		width: 33.3%;

		padding-left: 30px;

		padding-right: 30px;

	}

}



/* Post List */

.post-list .entry-header {

	margin-bottom: 2rem;

	text-align: left;

}

.post-list .post-thumbnail {

	margin-top: 0;

	margin-left: 0;

	margin-right: 0;

}

.post-list .entry-title {

	font-size: 1.75rem;

}

.post-list .entry-summary {

	color: #666;

	font-size: 90%;

}

.post-list .entry-summary p {

	margin-bottom: 0;

}

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

	.post-list .hentry {

		display: flex;

	}

	.post-list .post-thumbnail {

		flex-shrink: 0;

		margin-bottom: 0;

		margin-right: 5%;

		flex-basis: 35%;

	}

}



/* Entry Footer */

.tags-links {

	color: #999;

	font-size: 90%;

	margin-top: 4rem;

	text-align: center;

}

.tags-links:before {

	color: #ccc;

	content: "\f02c";

	display: inline-block;

	font: normal 18px/1 FontAwesome;

	-webkit-font-smoothing: antialiased;

	margin-right: 4px;

	position: relative;

	top: 1px;

}

.tags-links a {

	color: inherit;

	text-decoration: none;

}

.tags-links a:hover {

	color: #666;

}



/* Author Profile */

.author-profile {

	background-color: #f4f5f6;

	margin-top: 4rem;

	padding: 25px;

}

.author-profile-header {

	align-items: center;

	display: flex;

}

.author-profile-avatar {

	flex-shrink: 0;

	width: 60px;

	margin-right: 20px;

}

.author-profile-avatar img {

	border-radius: 50%;

}

.author-profile-name strong {

	font-weight: 600;

}

.author-profile-name a {

	color: inherit;

	text-decoration: none;

}

.author-profile-name a:hover {

	color: #111;

}

.author-profile-description {

	font-size: 95%;

	margin-top: 20px;

}

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

	.author-profile {

		padding: 45px;

	}

	.author-profile-avatar {

		width: 75px;

		margin-right: 30px;

	}

	.author-profile-description {

		margin-top: 30px;

	}

}



/* Sticky Post */

.sticky {

}

.featured {

	background-color: #111;

	border-radius: 5px;

	color: #fff;

	display: inline-block;

	font-size: 75%;

	margin-bottom: 1rem;

	margin-right: 12px;

	padding: 4px 10px 3px;

	text-transform: uppercase;

}

.featured+.cat-links {

	display: inline-block;

}



/* Archive */

.page-title {

	font-size: 1.5rem;

	margin-bottom: 12px;

	margin-top: 0;

}

.page-content {

	margin-bottom: 5rem;

}



/* 404 */

.error-404 {

	margin-bottom: 10rem;

	margin-top: 10rem;

	text-align: center;

}

.error-404 .page-title {

	font-size: 2rem;

}



/* Quote */

.wp-block-pullquote {

	padding: 12px 0;

}

.wp-block-pullquote.alignleft,

.wp-block-pullquote.alignright {

	margin-bottom: 0;

	text-align: left;

}

.wp-block-quote.is-style-large {

	margin-bottom: 2em;

}

.wp-block-quote.is-style-large p {

	font-style: normal;

}

.wp-block-quote.is-style-large cite {

	font-size: 90%;

}



/* Gallery */

.gallery {

	margin-bottom: 30px;

}

.gallery-item {

	display: inline-block;

	line-height: 1;

	text-align: center;

	vertical-align: top;

	width: 100%;

}

.gallery .gallery-caption {

	display: none;

}

.gallery-columns-2 .gallery-item {

	max-width: 50%;

}

.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}

.gallery-columns-4 .gallery-item {

	max-width: 25%;

}

.gallery-columns-5 .gallery-item {

	max-width: 20%;

}

.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}

.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}

.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}

.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}





/* Gutenberg

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



/* Base

   This section incorporates code from Atomic Blocks */

.wp-block-gallery {

	margin-left: 0;

	margin-bottom: 0.9em;

}

.wp-block-image {

	margin-bottom: 1.8em;

}

.wp-block-image figcaption {

	font-size: 90%;

	margin-top: 1em;

}

.entry-content .wp-block-gallery {

	padding-left: 0;

}

.no-sidebar .alignfull,

.no-sidebar .alignwide {

	width: 100%;

}

@media (max-width: 600px) {

	.no-sidebar .alignfull.wp-block-gallery,

	.no-sidebar .alignwide.wp-block-gallery {

		margin-left: -10px;

		margin-right: -10px;

		width: inherit;

	}

}

.no-sidebar .alignfull img,

.no-sidebar .alignwide img {

	width: 100%;

	display: block;

}

.no-sidebar .alignwide {

	max-width: none;

}

@media (min-width: 782px) {

	.no-sidebar .alignwide {

		width: 90vw;

		margin-left: calc( 50% - 90vw / 2 );

	}

}

@media (min-width: 980px) {

	.no-sidebar .alignwide {

		width: 85vw;

		margin-left: calc( 50% - 85vw / 2 );

	}

}

@media (min-width: 1160px) {

	.no-sidebar .alignwide {

		width: 1120px;

		margin-left: calc( 50% - 1120px / 2 );

	}

}

.no-sidebar .alignfull {

	width: 100vw;

	margin-left: calc( 50% - 50vw );

	max-width: none;

}

.wp-block-embed {

	margin-bottom: 1.8em;

}

.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {

	padding-top: 0;

}

.wp-block-cover {

	margin-bottom: 1.8em;

}

.wp-block-cover-text {

	max-width: 1120px !important;

	margin-left: auto !important;

	margin-right: auto;

	padding-left: 20px !important;

	padding-right: 20px !important;

	width: 100%;

	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );

}

.wp-block-media-text__content {

	margin-bottom: 1.8em;

	margin-top: 1.8em;

}

.wp-block-media-text__content > *:first-child {

	margin-top: 0;

}

.wp-block-media-text__content > *:last-child {

	margin-bottom: 0;

}



/* Columns */

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

	.wp-block-column {

		flex-basis: 100% !important;

		margin-right: 0 !important;

		margin-left: 0 !important;

	}

}

.wp-block-column {

	margin-bottom: 2.7em;

	margin-top: 0.9em;

}

.wp-block-column > *:first-child {

	margin-top: 0;

}

.wp-block-column > *:last-child {

	margin-bottom: 0;

}



/* Latest Posts */

.wp-block-latest-posts {

	border-top: solid 1px #eee;

	list-style: none;

	margin-left: 0;

	padding-top: 1em;

}

.wp-block-latest-posts li {

	border-bottom: solid 1px #eee;

	margin-bottom: 1em;

	padding-bottom: 1em;

}

.wp-block-latest-posts a {

	text-decoration: none;

}

.wp-block-latest-posts__post-date {

	margin-top: 0.3em;

}



/* Button */

.wp-block-button a {

	color: #fff;

	text-decoration: none;

}

.wp-block-button a:hover {

	opacity: 0.9;

}

.wp-block-button__link {

	font-size: 100%;

	padding: 9px 24px;

}



/* Intro */

.intro {

	color: #777;

	font-size: 120%;

}



/* Sub Header */

.subheader {

	color: #4693f5;

	font-size: 1.25rem;

	font-weight: 700;

	margin-bottom: 0.6em;

	margin-top: 0;

	text-transform: uppercase;

}

.subheader+h1,

.subheader+h2,

.subheader+h3,

.subheader+h4,

.subheader+h5,

.subheader+h6 {

	margin-top: 0;

}



/* Container */

.container-wrapper {

	background-color: #f4f5f6;

	margin-bottom: 6rem;

	margin-top: 6rem;

	padding-bottom: 20px;

	padding-top: 20px;

}

.no-sidebar .container-wrapper {

	width: 100vw;

	margin-left: calc( 50% - 50vw );

	max-width: none;

	padding-bottom: 6rem;

	padding-top: 6rem;

}

.container-content > *:first-child {

	margin-top: 0;

}

.container-content > *:last-child {

	margin-bottom: 0;

}

.container-content > .wp-block-columns:last-child {

	margin-bottom: -2.7em;

}

.no-sidebar .wp-block-columns + .container-wrapper {

	margin-top: 4rem;

}





/* Navigations

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



/* Pagination */

.pagination {

	color: #777;

	font-size: 90%;

	margin-bottom: 3rem;

}

.pagination a {

	color: inherit;

	text-decoration: none;

}

.pagination .page-numbers {

	display: none;

	padding: 8px 18px;

	margin-right: 6px;

}

.pagination .prev,

.pagination .next {

	display: inline-block;

}

.pagination .dots {

	padding-left: 10px;

	padding-right: 10px;

}

.pagination a.page-numbers {

	border: solid 1px #eee;

}

.pagination a.page-numbers:hover {

	border-color: #ddd;

	color: #333;

}

.pagination .current {

	background-color: #f4f5f6;

	border: solid 1px #ddd;

	color: #333;

	font-weight: 700;

}

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

	.pagination .page-numbers {

		display: inline-block;

	}

}



/* Page Links */

.page-links {

	color: #777;

	clear: both;

	font-size: 90%;

	margin-bottom: 3rem;

	margin-top: 4rem;

}

.page-links .page-numbers {

	background-color: #f4f5f6;

	border: solid 1px #ddd;

	color: #333;

	font-weight: 700;

	padding: 8px 16px;

	margin-left: 4px;

}

.page-links a {

	color: inherit;

	text-decoration: none;

}

.page-links a .page-numbers {

	background-color: transparent;

	border: solid 1px #eee;

	color: #777;

	font-weight: normal;

}

.page-links a .page-numbers:hover {

	border: solid 1px #ddd;

	color: #333;

}



/* Post Navigation */

.post-navigation {

	margin-bottom: 3rem;

}

.post-navigation a {

	color: inherit;

	text-decoration: none;

}

.post-navigation a:hover {

	color: #111;

}

.post-navigation .nav-previous {

	margin-bottom: 3rem;

}

.post-nav-title {

	color: #999;

	font-size: 80%;

	letter-spacing: 0.05em;

	text-transform: uppercase;

	margin-bottom: 8px;

}

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

	.post-navigation .nav-previous {

		float: left;

		width: 48%;

		margin-bottom: 0;

	}

	.post-navigation .nav-next {

		float: right;

		width: 48%;

		text-align: right;

	}

}



/* Comment Navigation */

.comment-navigation {

	text-transform: uppercase;

	margin-bottom: 20px;

	padding-top: 10px;

}

.comment-navigation .nav-previous {

	float: left;

	width: 48%;

}

.comment-navigation .nav-next {

	float: right;

	text-align: right;

	width: 48%;

}

.comment-navigation a {

	color: #777;

	text-decoration: underline;

}

.comment-navigation a:hover {

	color: #333;

}





/* Comments

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



/* Base */

.comments-area {

	font-size: 90%;

	margin-bottom: 2rem;

	margin-top: 6rem;

}



/* Comment Header */

.comments-title,

.comment-reply-title {

	font-size: 1.5rem;

	margin-bottom: 2rem;

	margin-top: 0;

}

.comment-reply-title {

	margin-top: 4rem;

}

.comment-respond:only-child .comment-reply-title,

.comment-list .comment-reply-title {

	margin-top: 0;

}



/* Comment Structure */

.comment-list {

	border-bottom: solid 1px #eee;

	list-style: none;

	margin: 0 0 20px;

}

.comment-list .children {

	list-style: none;

	margin-left: 25px;

}

.comment-list .comment-body {

	border-top: solid 1px #eee;

	padding-bottom: 30px;

	padding-top: 30px;

	position: relative;

}



/* Comment Meta */

.comment-author {

	font-size: 105%;

	font-weight: 600;

	margin-bottom: 2px;

}

.comment-author a {

	border-bottom: dotted 1px #999;

	color: #333;

	text-decoration: none;

}

.comment-author a:hover {

	color: #666;

}

.comment-author .avatar {

	border-radius: 50%;

	height: 60px;

	left: 0;

	position: absolute;

	top: 28px;

	width: 60px;

}

.has-avatars .comment .comment-meta {

	margin-left: 75px;

}

.bypostauthor > .comment-body .comment-author:after {

	color: #111;

	content: "\f14b";

	display: inline-block;

	font: normal 20px/1 FontAwesome;

	-webkit-font-smoothing: antialiased;

	margin-left: 3px;

}

.comment-author .says {

	display: none;

}

.comment-metadata {

	font-size: 95%;

	margin-bottom: 25px;

}

.comment-metadata a,

a.comment-edit-link {

	color: #999;

	text-decoration: none;

}

.comment-metadata a:hover,

a.comment-edit-link:hover {

	color: #666;

}

.comment-edit-link {

	margin-left: 15px;

}



/* Comment Body */

.comment-body .reply a {

	color: #999;

	font-size: 95%;

	text-decoration: none;

}

.comment-body .reply a:hover {

	color: #666;

}

.comment-body .reply a:before {

	content: "\f0e5";

	display: inline-block;

	font: normal 15px/1 FontAwesome;

	-webkit-font-smoothing: antialiased;

	margin-right: 6px;

	position: relative;

	top: -1px;

}

.comment-awaiting-moderation {

	color: #666;

}



/* Pingback */

.pingback a {

	color: #666;

	text-decoration: underline;

}

.pingback a:hover {

	color: #999;

}



/* Comment Form */

.comment-respond a {

	color: #666;

}

.comment-respond a:hover {

	color: #333;

}

.comment-form-comment,

.comment-form-author,

.comment-form-email,

.comment-form-url {

	margin-bottom: 15px;

}

.comment-form-comment label {

	display: none;

}

.comment-form-author label,

.comment-form-email label,

.comment-form-url label {

	font-size: 95%;

	margin-bottom: 8px;

	text-transform: uppercase;

}

.comment-form-author input,

.comment-form-email input,

.comment-form-url input {

	width: 100%;

}

.form-submit {

	font-size: 105%;

	margin-bottom: 30px;

	margin-top: 30px;

	text-align: center;

}

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

	.comment-form-author,

	.comment-form-email,

	.comment-form-url {

		align-items: center;

		display: flex;

		justify-content: space-between;

	}

	.comment-form-author label,

	.comment-form-email label,

	.comment-form-url label {

		margin-bottom: 0;

		width: 23%;

	}

	.comment-form-author input,

	.comment-form-email input,

	.comment-form-url input {

		width: 72%;

	}

}





/* Widgets

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



/* Base */

.widget {

	color: #666;

	font-size: 90%;

}



/* Heading */

.widget-title {

	color: #333;

	font-size: 1.2rem;

	letter-spacing: 0.05em;

	margin-bottom: 2rem;

	margin-top: 0;

	text-transform: uppercase;

}



/* Link */

.widget a {

	color: inherit;

	text-decoration: underline;

}

.widget li a {

	text-decoration: none;

}

.widget a:hover {

	color: #111;

}



/* List */

.widget ul {

	list-style: none;

	margin-bottom: 0;

	margin-left: 0;

}

.widget li {

	margin-bottom: 1em;

}

.widget ul ul {

	margin-left: 1em;

	margin-top: 1em;

}



/* Recent Posts */

.widget_recent_entries li {

	margin-bottom: 1.5em;

}

.widget_recent_entries li a {

	border-bottom: solid 1px #ddd;

}

.widget_recent_entries .post-date {

	color: #999;

	display: block;

	font-size: 90%;

	margin-top: 6px;

	text-transform: uppercase;

}



/* Recent Comments */

.widget_recent_comments li {

	margin-bottom: 1.5em;

}

.widget_recent_comments li a {

	border-bottom: solid 1px #ddd;

}



/* Search */

.widget_search input[type="search"] {

	margin-top: 0;

	max-width: 300px;

	width: 100%;

}

.widget_search .search-submit {

	display: none;

}



/* Tag Cloud */

.tagcloud a {

	background-color: #f4f5f6;

	border-radius: 3px;

	display: inline-block;

	font-size: 90% !important;

	margin-bottom: 4px;

	padding: 3px 10px;

	text-decoration: none;

	white-space: nowrap;

}

.tagcloud a:hover {

	color: #111;

}



/* Calendar */

.widget_calendar table {

	font-size: 95%;

	line-height: 36px;

	margin-bottom: 0;

	max-width: 360px;

}

.widget_calendar caption {

	text-transform: uppercase;

}

.widget_calendar td,

.widget_calendar th {

	padding: 0;

	text-align: center;

}

.widget_calendar thead th {

	padding: 2px 0;

}

.widget_calendar tbody td a {

	background-color: #f4f5f6;

	display: block;

	text-decoration: underline;

}

.widget_calendar tbody td a:hover {

	color: #111;

}

.widget_calendar tfoot td {

	border: none;

	padding-top: 10px;

}

.widget_calendar tfoot td a {

	text-decoration: underline;

	text-transform: uppercase;

}

.widget_calendar tfoot td#prev {

	text-align: left;

}

.widget_calendar tfoot td#next {

	text-align: right;

}



/* Menu */

.widget_nav_menu li a {

	border-bottom: none;

}

.widget_nav_menu .current_page_item > a,

.widget_nav_menu .current-menu-item > a {

	color: #111;

	font-weight: 700;

}



/* RSS */

.widget_rss li {

	margin-bottom: 2em;

}

.widget_rss li a {

	border-bottom: solid 1px #ddd;

}

.widget_rss .rss-date,

.widget_rss .rssSummary,

.widget_rss cite {

	color: #999;

	font-size: 90%;

}

.widget_rss .rss-date {

	display: block;

	margin-bottom: 6px;

	margin-top: 6px;

	text-transform: uppercase;

}

.widget_rss .rssSummary {

	margin-bottom: 6px;

}



/* BusinessPress Recent Posts */

.widget_businesspress_recent_posts li {

	margin-bottom: 1.5em;

}

.widget_businesspress_recent_posts li a {

	border-bottom: none;

	display: flex;

}

.recent-posts-thumbnail {

	flex-shrink: 0;

	margin-bottom: 4px;

	margin-right: 16px;

	margin-top: 4px;

	width: 80px;

}

.recent-posts-text .post-date {

	color: #999;

	display: block;

	font-size: 90%;

	margin-top: 6px;

	text-transform: uppercase;

}



/* BusinessPress Featured Posts */

.featured-widget-entry {

	background-color: #333;

	background-position: center;

	background-size: cover;

	display: block;

	height: 180px;

	margin-bottom: 15px;

}

.featured-widget-entry-overlay {

	align-items: center;

	background-color: rgba( 0, 0, 0 ,0.4 );

	display: flex;

	height: 100%;

	width: 100%;

}

.featured-widget-entry-content {

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	padding-left: 20px;

	padding-right: 20px;

}

.featured-widget-entry-title {

	color: rgba( 255, 255, 255, 0.9 );

	font-size: 1.5rem;

	margin: 0;

	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );

}

.featured-widget-entry-date {

	color: rgba( 255, 255, 255, 0.8 );

	font-size: 85%;

	margin-top: 12px;

	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );

}

a.featured-widget-entry {

	text-decoration: none;

}

a.featured-widget-entry .featured-title {

	transition: 0.15s;

}

a.featured-widget-entry:hover .featured-title {

	color: #fff;

}

@media screen and (min-width: 601px) and (max-width: 979px) {

	.widget_businesspress_featured_posts {

		display: flex;

		flex-wrap: wrap;

	}

	.widget_businesspress_featured_posts .widget-title {

		width: 100%;

	}

	.featured-widget-entry {

		margin-bottom: 4%;

		margin-right: 4%;

		width: 48%;

	}

	.featured-widget-entry:nth-child(odd) {

		margin-left: 0;

		margin-right: 0;

	}

}

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

	.featured-widget-entry {

		margin-bottom: 15px;

	}

	.featured-widget-entry-title {

		font-size: 1.25rem;

	}

}



/* BusinessPress Profile */

.profilewidget-wrapper {

	align-items: center;

	display: flex;

	margin-bottom: 25px;

}

.profilewidget-profile {

	flex-shrink: 0;

	margin-right: 20px;

	width: 75px;

}

.profilewidget-profile img {

	border-radius: 50%;

	width: 75px;

}

.profilewidget-name {

	font-size: 110%;

}

.profilewidget-name strong {

	color: #333;

	font-weight: 600;

}

.profilewidget-link {

	margin-top: 4px;

}

.profilewidget-link.menu a {

	text-decoration: none;

}





/* Footer

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



/* Footer */

.site-bottom {

	background-color: #f4f5f6;

	color: #aaa;

	text-align: center;

}

.site-bottom a {

	color: #888;

	text-decoration: none;

}

.site-bottom a:hover,

.site-bottom .current-menu-item > a {

	color: #111;

}

.footer-menu {

	line-height: 32px;

}

.footer-navigation ul {

	font-size: 85%;

	list-style: none;

	margin: 0 0 30px 0;

}

.footer-navigation li {

	display: inline-block;

	margin-right: 18px;

}

.footer-navigation li:last-child {

	margin-right: 0;

}

.footer-social-link {

	margin-bottom: 2rem;

}

.site-info {

	font-size: 85%;

}

.site-copyright,

.site-credit {

	margin-bottom: 1rem;

}

.site-credit a {

	display: block;

}

.site-credit a:first-child {

	margin-bottom: 6px;

}

.site-credit-sep {

	color: #ccc;

	display: none;

}

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

	.site-credit a,

	.site-credit-sep {

		display: inline-block;

		margin-bottom: 0;

	}

}

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

	.site-info {

		clear: right;

		float: right;

		margin-top: 3px;

		text-align: right;

	}

}



/* Back to Top */
.back-to-top {
  background-color: #000;         /* 黒背景に */
  color: #fff;                    /* 白文字 */
  width: 50px;
  height: 50px;
  border-radius: 50%;            /* 丸型 */
  font-size: 24px;
  bottom: 50px;                  /* 少し上にずらす */
  right: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  z-index: 9999;
  display: none;                 /* 初期状態は非表示（JSで出す） */
  align-items: center;
  justify-content: center;
  text-align: center;
}
.back-to-top:hover {
  background-color: #333;
}


/*.back-to-top {

	background: rgba( 0, 0, 0, 0.1 );

	border-radius: 8px;

	bottom: 20px;

	cursor: pointer;

	display: none;

	height: 45px;

	position: fixed;

	right: 20px;

	width: 45px;

	z-index: 2;

	transition: .15s ease-in-out;

}

.back-to-top:hover {

	background: #111;

}*/

.back-to-top:before {

	content: "\f106";

	display: block;

	font: normal 22px/42px FontAwesome;

	text-align: center;

}




/* Plugins

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



/* Jetpack Widgets */

.widget_top-posts ul {

	counter-reset: number;

}

.widget_top-posts li {

	padding-left: 35px;

	padding-top: 12px;

	position: relative;

}

.widget_top-posts li:before {

	background-color: #f0f0f0;

	border-radius: 3px;

	color: #444;

	content: counter(number) !important;

	counter-increment: number;

	font-weight: 400;

	height: 23px;

	left: 0;

	line-height: 23px;

	position: absolute;

	text-align: center;

	text-shadow: 1px 1px 0 #fff;

	top: 13px;

	width: 23px;

}

.widgets-list-layout li {

	margin-bottom: 0 !important;

}

.widgets-list-layout .widgets-list-layout-blavatar {

	margin-right: 12px;

	width: 40px !important;

}

.widgets-list-layout-links {

	float: none !important;

	overflow: hidden;

	width: auto !important;

}

#subscribe-email input {

	margin-top: 0;

	max-width: 320px;

	padding: 0.6em !important;

	width: 100% !important;

}

.jetpack-display-remote-posts h4,

.jetpack-display-remote-posts p {

	font-size: 100% !important;

}

.jetpack-display-remote-posts h4 {

	margin-top: 25px !important;

}

.widget_jetpack_display_posts_widget img {

	margin: 12px 0;

}

.widget-grofile {

	text-align: center;

}

.widget-grofile p,

.widget-grofile h4,

.widget-grofile ul {

	text-align: left;

}

.widget-grofile h4 {

	font-size: 100%;

	font-weight: 600;

}

.grofile-meta h4 {

	font-size: 110%;

	text-align: center;

}

.grofile-thumbnail {

	border-radius: 50%;

	max-width: 200px !important;

}

ul.grofile-urls {

	margin-bottom: 1.8em;

	margin-top: 0;

}



/* Jetpack Sharing */

.sharedaddy {

	margin-top: 3rem;

}



/* Jetpack Related Posts */

#jp-relatedposts {

	margin-bottom: 2rem !important;

	margin-top: 0 !important;

	padding-top: 2rem !important;

}

#jp-relatedposts h3.jp-relatedposts-headline {

	color: #333;

	display: block !important;

	font-size: 1.2rem !important;

	float: none !important;

	letter-spacing: 0.05em;

	margin-bottom: 2rem !important;

	text-align: center;

	text-transform: uppercase;

}

#jp-relatedposts h3.jp-relatedposts-headline em:before {

	content: none !important;

}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {

	margin-bottom: 2rem !important;

	transition: opacity .2s ease-in-out;

}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {

	opacity: 1 !important;

}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {

	margin-bottom: 1rem;

}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {

	font-size: 15px !important;

	line-height: 1.8 !important;

	margin-bottom: 12px !important;

}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {

	color: inherit !important;

	font-weight: 500 !important;

	text-decoration: none !important;

}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a,

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {

	color: #111;

	text-decoration: none !important;

}

#jp-relatedposts .jp-relatedposts-items p {

	color: #999;

	font-size: 85% !important;

	margin-bottom: 8px !important;

}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {

	opacity: 1 !important;

}

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

	#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {

		width: 100% !important;

		clear: both !important;

	}

}

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

	#jp-relatedposts .jp-relatedposts-items-visual {

		margin-right: -20px !important; 

	}

}



/* Jetpack Comments */

.comment-form {

	margin-bottom: 2rem;

}

.comment-subscription-form {

	margin-bottom: 0.6em;

}



/* Jetpack Stats */

#wpstats {

	display: none;

}



/* Contact Form 7 */

div.wpcf7-response-output {

	font-size: 95%;

	margin: 2em 0 1em;

	padding: 0.8em 1em;

	border: 2px solid #cf2e2e;

}

div.wpcf7-mail-sent-ok {

	border: 2px solid #00d084;

}

div.wpcf7-mail-sent-ng,

div.wpcf7-aborted {

	border: 2px solid #cf2e2e;

}

div.wpcf7-spam-blocked {

	border: 2px solid #ff6900;

}

div.wpcf7-validation-errors,

div.wpcf7-acceptance-missing {

	border: 2px solid #fcb900;

}

span.wpcf7-not-valid-tip {

	color: #cf2e2e;

}



/* Disqus */

#disqus_thread {

	margin-bottom: 60px;

}





/* Print

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



@media print {

	html, body {

		background: none !important;

		color: #000 !important;

		font-size: 10pt !important;

	}

	.main-header-clone,

	.drawer-hamburger,

	.featured-post,

	.widget,

	.comments-area .comment-edit-link,

	.comments-area .reply,

	.comment-respond,

	.navigation,

	.sidebar-area,

	.footer-widget-area,

	.footer-menu,

	.back-to-top,

	.main-header-content,

	.site-content {

		max-width: none;

		padding-left: 0;

		padding-right: 0;

	}

	.site-bottom,

	.site-bottom a {

		color: #000;

	}

}

/*テーブルレイアウト*/
/* 固定レイアウトの解除と幅100% */
.has-fixed-layout {
  table-layout: auto !important;  /* 固定レイアウト解除 */
  width: 100% !important;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

/* セルの基本設定 */
.has-fixed-layout td {
  white-space: nowrap;
  padding: 6px 10px;
  border: 1px solid #ccc;
}

/* もし50%ずつ均等割りが強制されていたら、以下で上書き */
.has-fixed-layout tr > td:first-child {
  width: auto !important;
  white-space: nowrap;
}
.has-fixed-layout tr > td:last-child {
  width: auto !important;
  white-space: normal;
  word-break: break-word; /* 長い文章を折り返す */
}

.wp-block-table table.has-fixed-layout {
  table-layout: auto !important;
  width: 100% !important;
}

/*ふんわり出てくるエフェクト*/
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.active {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 768px) {
  .fade-in {
    transform: translateY(10px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
}

/*トップページのブログ表示部分*/
.latest-blog {
    padding: 1em;
    background: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 2em;
}
.latest-blog h3 {
    font-size: 1.4em;
    margin-bottom: 0.5em;
}
.more-blogs-btn {
    display: inline-block;
    margin-top: 1em;
    padding: 0.5em 1em;
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}
.more-blogs-btn:hover {
    background: #005f8d;
}
.zerowin-blog-title {
    font-size: 1.8em;
    margin-bottom: 0.5em;
    border-left: 5px solid #0073aa;
    padding-left: 10px;
    color: #0073aa;
}
.latest-blog p a {
    color: #0073aa; /* WordPressっぽい青 */
    font-size: 0.9em;
    text-decoration: underline;
}
.latest-blog h3 {
    margin-top: 0;
    padding-top: 0;
}

/*ブログページのリンク*/
/* 前の投稿・次の投稿のリンク文字色 */
.post-navigation .nav-links a {
  color: #0073aa; /* 好きな色に変更 */
  text-decoration: none;
}

/* ホバー時の色（マウスをのせたとき） */
.post-navigation .nav-links a:hover {
  color: #cc3300; /* 好きな色に変更 */
  text-decoration: underline;
}

/* 「前の投稿」や「次の投稿」のラベルの色 */
.post-navigation .post-nav-title {
  color: #555; /* ラベルの色を変更する場合はここも調整 */
  font-weight: bold;
}

/* 前の投稿のラベルに三角を付ける */
.post-navigation .nav-previous .post-nav-title::before {
  content: "◀︎ ";
  color: #555; /* 好きな色に */
}

/* 次の投稿のラベルに三角を付ける */
.post-navigation .nav-next .post-nav-title::after {
  content: " ▶︎";
  color: #555;

/*404ページ用*/
.error-404.not-found {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

}

/*投稿の目次自動作成用*/
.post-toc {
  border: 1px solid #e6e6e6;
  padding: 12px;
  border-radius: 8px;
  background: #fafafa;
  margin-bottom: 1rem;
}
.post-toc h3 { margin: 0 0 8px; font-size: 1rem; }
.post-toc ul { list-style: none; margin: 0; padding-left: 0.6em; }
.post-toc li { margin: 6px 0; }
.post-toc a { text-decoration: none; }
.post-toc a.active { font-weight: 700; text-decoration: underline; }

/* 固定ヘッダーがある場合のスクロール余白（ヘッダー高さに合わせて調整） */
.entry-content h2,
.entry-content h3 {
  scroll-margin-top: 88px;
}

/* モバイルで目次を折りたたみたい場合 */
@media (max-width: 768px) {
  .post-toc { font-size: 0.95rem; }
}

/*ブログの前説部分*/
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.FCcolumn ul li {
  display: list-item; /* ←これがないとマークが出ないことがある */
  line-height: 1.5;
  padding: 0.5em 0;
  
}
.FCcolumn ul,
.FCcolumn ol {
  list-style-type: disc; /* リストマークを表示 */
  list-style-position: outside;
  color: #1e366a;
  border-top: solid #1e366a 1px;
  border-bottom: solid #1e366a 1px;
  padding: 0.5em 0 0.5em 1.5em;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.FCcolumn ul li,
.FCcolumn ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}


#toc {
  border: 1px solid #ddd;
  padding: 12px;
  border-radius: 8px;
  background: #fafafa;
  max-width: 320px;
  margin-bottom: 1.5em;
}
#toc h3 {
  margin: 0 0 8px 0;
  font-size: 15px;
}
#toc ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#toc li {
  margin: 4px 0;
}
#toc a {
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
}
h2 {
  scroll-margin-top: 80px; /* 固定ヘッダー対策 */
}


/*フッターメニュー用*/
/* フッターメニュー全幅黒帯 */
.footer-menu {
    width: 100%;
    background-color: #222;
    padding: 15px 0;
}

/* リストを中央寄せ */
.footer-menu ul {
    list-style: none !important;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    max-width: 1200px; /* コンテンツ幅に調整 */
}

/* 横並び */
.footer-menu li {
    display: inline-block;
    margin: 0 15px;
}

/* リンク */

/* フッターのメニュー：通常は白 */
.footer-menu a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
    font-weight: bold;
    font-size: 14px;
}

/* 現在のページでも白のまま */
.footer-menu .current-menu-item > a,
.footer-menu .current-menu-parent > a,
.footer-menu .current_page_item > a,
.footer-menu .current_page_parent > a {
    color: #fff;
}

/* ホバー時は薄い水色に */
.footer-menu a:hover {
    color: #a6dff7
}



/* スマホ対応 */
@media screen and (max-width: 768px) {
    .footer-menu li {
        display: inline-block; /* 横並びのまま */
        margin: 5px 10px;      /* モバイル用の間隔 */
        list-style: none;       /* マーカーを消す */
    }

    /* 文字サイズ調整 */
    .footer-menu a {
        font-size: 13px;
    }
}


