Theme Name:Customize
/*! normalize.css v3.0.2 | MIT License | git.io/normalize \*/
/** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. \*/
html { font-family: sans-serif;
/* 1 \*/
-ms-text-size-adjust: 100%; /* 2 \*/
-webkit-text-size-adjust: 100%; /* 2 \*/
}

/** * Android讓呎ｺ悶ヶ繝ｩ繧ｦ繧ｶ縺ｮ謾ｹ陦碁亟豁｢ 騾城℃閭梧勹 \*/

div {
	max-height: 999999px;
	background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}
p {
	background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}
/** * Remove default margin. \*/
body { margin: 0; }
/* HTML5 display definitions ========================================================================== \*/
/** *
Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. \*/
article, aside, details, figcaption,
figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. \*/
audio, canvas, progress,
video { display: inline-block; /* 1 \*/
vertical-align: baseline; /* 2 \*/
}
/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. \*/
audio:not([controls]) { display: none; height: 0; }
/** * Address
`[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. \*/
[hidden], template { display: none; }
/* Links==========================================================================* / /** * Remove
the gray background color from active links in IE 10. \*/
a { background-color: transparent; }
/** * Improve readability when focused and also mouse hovered in all browsers. \*/
a:active, a:hover { outline: 0; }
/* Text-level semantics==========================================================================*
/ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. \*/
abbr[title] { border-bottom: 1px dotted; }
/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. \*/
b, strong { font-weight: bold; }
/** * Address styling not
present in Safari and Chrome. \*/
dfn { font-style: italic; }
/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. \*/
h1 { font-size: 2em; margin: 0.67em 0; font-weight: bold; line-height: 1.25; } h2,h3,h4,h5 { font-weight: bold; line-height: 1.25;}
/** * Address styling not present in IE 8/9. \*/
mark { background: #ff0; color: #000; }
/** * Address inconsistent and variable font size in all browsers. \*/
small { font-size: 80%; }
/** * Prevent `sub` and `sup` affecting `line-height`
in all browsers. \*/
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }
/* Embedded content==========================================================================*
/ /** * Remove border when inside `a` element in IE 8/9/10. \*/
img { border: 0; }
/** * Correct overflow not hidden in IE 9/10/11. \*/
svg:not(:root) { overflow: hidden; }
/* Grouping content==========================================================================*
/ /** * Address margin not present in IE 8/9 and Safari. \*/
figure { margin: 1em 40px; }
/** * Address differences between Firefox and other browsers. \*/
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
/** * Contain overflow in
all browsers. \*/
pre { overflow: auto; }
/** * Address odd `em`-unit font size rendering in all browsers. \*/
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
/* Forms==========================================================================*
/ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. \*/
/** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct
font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. \*/
button, input, optgroup, select, textarea { color: inherit; /* 1 \*/
font: inherit; /* 2 \*/
margin: 0; /* 3 \*/
}
/** * Address `overflow` set
to `hidden` in IE 8/9/10/11. \*/
button { overflow: visible; }
/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance
in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. \*/
button, select { text-transform: none; }
/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability
to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. \*/
button, html input[type="button" ], /* 1 \*/
input[type="reset" ], input[type="submit" ] { -webkit-appearance: button;
/* 2 \*/
cursor: pointer; /* 3 \*/
}
/** * Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }
/** * Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner{ border: 0; padding: 0; }
/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. \*/
input { line-height: normal; }
/** * It 's recommended that you don't attempt to style these elements. * Firefox
's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox" ], input[type="radio" ] { box-sizing: border-box; /* 1 \*/
padding: 0; /* 2 \*/
}
/**
* Fix the cursor style for Chrome 's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *		(include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets. \*/
legend { border: 0; /* 1 \*/
padding: 0; /* 2 \*/
}
/** * Remove default vertical scrollbar in IE 8/9/10/11. \*/
textarea { overflow: auto; }
/** * Don 't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
	 ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: separate;
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #dcdddd;
	border-right:none;
	border-bottom:none;
	border-left:1px solid #dcdddd;
	margin: 2em 0;
}

td,
th {
	padding: 2rem;
	border-top:none;
	border-right:1px solid #dcdddd;
	border-bottom:1px solid #dcdddd;
	border-left:none;
}

th {
	background: #efefef;
	white-space: nowrap;
	width: 20%;
}

/* =Fonts
-------------------------------------------------------------- */

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 100;
		src: url('./font/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
		src: url('./font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
		url('./font/NotoSansCJKjp-Thin.ttf')	format('truetype'); /* Safari, Android, iOS */
}

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 200;
		src: url('./font/NotoSansCJKjp-Light.eot');
		src: url('./font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Light.woff') format('woff'),
		url('./font/NotoSansCJKjp-Light.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 300;
		src: url('./font/NotoSansCJKjp-DemiLight.eot');
		src: url('./font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-DemiLight.woff') format('woff'),
		url('./font/NotoSansCJKjp-DemiLight.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 400;
		src: url('./font/NotoSansCJKjp-Regular.eot');
		src: url('./font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Regular.woff') format('woff'),
		url('./font/NotoSansCJKjp-Regular.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 500;
		src: url('./font/NotoSansCJKjp-Medium.eot');
		src: url('./font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Medium.woff') format('woff'),
		url('./font/NotoSansCJKjp-Medium.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 700;
		src: url('./font/NotoSansCJKjp-Bold.eot');
		src: url('./font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Bold.woff') format('woff'),
		url('./font/NotoSansCJKjp-Bold.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 900;
		src: url('./font/NotoSansCJKjp-Black.eot');
		src: url('./font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Black.woff') format('woff'),
		url('./font/NotoSansCJKjp-Black.ttf')	format('truetype');
}
.thin {
		font-weight: 100;
}
.light {
		font-weight: 200;
}
.demi-light {
		font-weight: 300;
}
.regular {
		font-weight: 400;
}
.medium {
		font-weight: 500;
}
.bold {
		font-weight: 700;
}
.black {
		font-weight: 900;
}

html {
		font-size: 62.5%;
}

body,
input,
textarea {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.65 ;
	font-family:	"繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
	color: #555;
}

.noto {
		font-family: "Noto Sans Japanese","繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
		letter-spacing: -0.02em;
	display: inline-block;
	/*padding: 0.4em 0 0 0;*/
}
.noto::after {
		content: "";
		font-family: sans-serif;
}

.mincho{
	font-family: "Hiragino Mincho ProN","HG譏取悃E","・ｭ・ｳ ・ｰ譏取悃", serif;
}

/* =Global Elements
-------------------------------------------------------------- */

strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

a:focus { outline:none;}

a:link,a:visited {
	color: #0066cc;
	text-decoration: none;
}
a:active,
a:hover {
	text-decoration: underline;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
a.nohover:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
}
a.noline:hover {
	text-decoration: none;
}

/* =Layout
-------------------------------------------------------------- */

html {
	background: #FFF;

}
.content-width {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}
.content-width-800{
	max-width: 800px;
	margin: 0 auto;
	box-sizing: border-box;
}
#container {
	box-sizing: border-box;
}
#footer {
	background: #eee
}

/* Font Awesome previously supplied the mobile menu icon's scale. */
#nav-btn i {
	font-size: 2em;
	font-style: normal;
}
/* =Header
-------------------------------------------------------------- */
#header {
	position: fixed;
	top: 0;
	width: 100%;
    padding: 16px 0;	
	background: #333333;
	color: #fff;
	z-index: 9999;
}
	/*log in譎ゅ・縺ｿ*/
	body.logged-in #header{
		top: 32px;
	}
#header a{
	color: #ffffff;
}
#masthead{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: justify;
   align-items: center;
}

#branding{
	width: 20%;
}

#site-title {
	margin: 0;
}
#access {
	align-items: center;
	/*display: table-cell;*/
    text-align: right;	
}
	#access li {
		padding: 0 20px;
		border-left: 1px solid #999999;
		font-size: 1.3rem;
		vertical-align: middle;
	}
		#access li img {
			vertical-align: bottom;
		}
		#access li:first-child,
		#access li:last-child{
			border-left: none;
		}
		#access li a{
			transition-duration: .3s;
		}
		#access li a:hover{
			text-decoration: none;
		}
#access li.entry-btn{
	padding: 0;
}

#access li.entry-btn a{
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #ffffff;
	padding: 3px 30px;
	transition-duration: .3s;
}

#access li.entry-btn a:hover{
	opacity: 1;
	background: #ffffff;
	color: #333333;
	text-decoration: none;
}

#access .noto {
	font-weight: 500;
}
#nav-btn {
	display: none;
}
#sp_entry-btn {
	display: none;
}

@media screen and (max-width: 1000px) {
	#branding{
		width: 60%;
	}

	#nav-btn {
		display: inline-block;
		text-align: right;
	}
	#nav-btn i {
		cursor: pointer;
		vertical-align: middle;
	}
	#nav-btn i:hover {
		opacity: .7;
	}
	#access {
	display: none;
	position: absolute;
	width: 100%;
	top: 62px;
	left: 0;
    right: 0;
    margin: auto;
    text-align: center;
	}
	#access.open{
		display: block;
		padding: 0;
	}
	#access li {
		display: block;
		padding: 1.5rem 0;
		width: 100%;
		background: rgba(0,0,0,.6);
		color: #fff;
		border: none;
	}
	#access li:last-child {
		display: none;
	}
	.content-width {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
		box-sizing: border-box;
	}
	#sp_entry-btn {
		position: fixed;
		display: block;
		width: 100%;
		bottom: 0;
		background: rgba(0,0,0,.6);
		border: 1px solid #fff;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sp_entry-btn a {
		display: block;
		width: 100%;
		padding: 1.4rem 0;
		font-size: 2.0rem;
		color: #fff;
		line-height: 1;
	}
	#sp_entry-btn span {
		font-weight: 600;
	}
}

@media screen and (max-width: 782px) {
/*log in譎ゅ・縺ｿ*/
body.logged-in #header{
	top: 46px;
}
}

/* =Menu
-------------------------------------------------------------- */

/* =Title
-------------------------------------------------------------- */

/* 險倅ｺ倶ｸ€隕ｧ繧ｿ繧､繝医Ν */
.archive-title {

}

/* 險倅ｺ玖ｩｳ邏ｰ繧ｿ繧､繝医Ν */
h1.entry-title {
	border-bottom: 2px solid #333333;
    padding: 0 0 10px;
}
/* 蝗ｺ螳壹・繝ｼ繧ｸ繧ｿ繧､繝医Ν */
.page-title {

}

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

.entry-meta {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 1.2rem;
    display: inline-block;
    margin: 0 0 0 1rem;
}

#container .entry-meta a{
	color: #777777;
}

.entry-content,
.entry-summary {
	clear: both;
	overflow: hidden;

}
.entry-content p {
    margin: 2.5rem 0;
}
.entry-content h2, .entry-content h3 {
    color: #000;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 1.25;
    margin: 2.5rem 0;
}
.entry-content h3 {
    font-size: 2.2rem;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	line-height: 48px;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}

.edit-link {
	clear: both;
	display: none;
	text-align: right;
	margin: 2rem 0;
}
#content .video-player {
	padding: 0;
}
.format-standard .wp-video,
.format-standard .wp-audio-shortcode,
.format-audio .wp-audio-shortcode,
.format-standard .video-player {
	margin-bottom: 24px;
}

#breadcrumbs{
	padding: 7.5rem 0 1.3rem;
	line-height: 1;
	font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 1.2rem;
	color: #6f6f6f;
}
#breadcrumbs a{
	color: #6f6f6f;
}

.post-date{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 700;
}


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

@media screen and (max-width: 640px) {
	.entry-content h2{
		font-size: 2.2rem;
	}
}

@media screen and (max-width: 480px) {
	.entry-content h2{
		font-size: 2rem;
	}
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 2rem;
}
.entry-content p.clear {
	padding-bottom: 0.5rem;
	margin: -2.5rem;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 622px; /* caption width - 10px */
}
.wp-caption p.wp-caption-text {
	color: #777;
	font-size: 12px;
	margin: 5px;
}

/* =pagenavi
-------------------------------------------------------------- */

.wp-pagenavi {
    clear: both;
    padding: 4rem 0;
    text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: 2px solid #999999;
    border-radius: 50%;
    color: #999999;
    display: inline-block;
    font-weight: bold;
    height: 2em;
    line-height: 2.1em;
    margin: 0 0.25em;
    text-align: center;
    vertical-align: middle;
    width: 2em;
}
.wp-pagenavi a:hover, .wp-pagenavi span {
    background: #999999 none repeat scroll 0 0;
    color: #fff;
    opacity: 1;
    text-decoration: none;
}
.wp-pagenavi .extend {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #df260e;
    width: 1em;
}
.wp-pagenavi .extend::after {
    content: "窶ｦ";
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    background: #df260e none repeat scroll 0 0;
    border-radius: 45%;
    height: 1em;
    position: relative;
    text-indent: -999999px;
    vertical-align: middle;
    width: 1em;
}
.wp-pagenavi .previouspostslink::after {
    border-color: transparent #fff;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    content: "";
    height: 0;
    left: 0.2em;
    position: absolute;
    top: 0.225em;
    width: 0;
}
.wp-pagenavi .nextpostslink::after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    content: "";
    height: 0;
    left: 0.4em;
    position: absolute;
    top: 0.225em;
    width: 0;
}


/* =Footer
-------------------------------------------------------------- */
#footer .floatlist {
	text-align: center;
	overflow: inherit;
}
#footer .floatlist li {
	padding: 0 2.0rem;
	text-align: left;
	box-sizing: border-box;
	white-space: nowrap;
	border-right: 1px solid #999999;
    font-size: 1.2rem;	
}

#footer .floatlist li:last-of-type{
	border-right: none;
}

#footer .floatlist li span {
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
}
#footer .floatlist li a {
	display: inline-block;
	text-decoration: none;
	color: #333333;
}

#footer .floatlist li .en {
	color: #df260e;
	font-size: 1.3rem;
}
#footer .floatlist li .ja {
	color: #000;
	font-size: 1.6rem;
}
#footer .childlist {
	margin: 0;
	padding: 0;
}
#footer .childlist li {
	display: block;
	width: 100%;
	padding: 0;
	font-size: 1.4rem;
}
#footer .childlist li a {
	color: #000;
}

#colophon {
	padding: 7.0rem 0;
	font-size: 1.2rem;
}
.company-info_box {
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
}
.company-info_box:nth-child(1) {
	width: 29%;
}
.company-info_box:nth-child(2) {
	width: 40%;
}
#copyrights {
	padding: 1.4rem 0;
	background: #333333;
	color: #fff;
	line-height: 1;
}

@media screen and (max-width: 1000px) {
	#colophon {
		padding: 3.5rem 0;
	}
	#footer {
		padding-bottom: 5.0rem;
	}
	#footer_menu {
		display: none;
	}
}

@media screen and (max-width: 920px) {
	#footer .company-info_box {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 640px) {
	#footer .company-info_box {
		width: 90%;
	}
}

/* =link_area
-------------------------------------------------------------- */
#link_area{
	width: 80%;
	margin: 40px auto;
	display: flex;
	justify-content: space-between;
}

#link_area .link{
	width: 48%;
	position: relative;
	transition-duration: .3s;	
}

#link_area .link:hover{
	opacity: 0.9;
}

#link_area .link:after{
	position: absolute;
	content: "";
	background: #000000;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0.4;
}

#link_area .link a{
    font-size: 1.8rem;
	position: relative;
	font-weight: 700;
	color: #ffffff;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 50px;
	text-align: center;
	z-index: 1;
}

#link_area .link.search_comp{
	background: url('images/link_search.png') center no-repeat;
	background-size: cover;
}

#link_area .link.contact{
	background: url('images/link_contact.png') center no-repeat;
	background-size: cover;
}

#link_area .link a:hover{
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
	#link_area {
		flex-direction: column;
		width: 100%;
		margin: 40px 0 0;
	}
	#link_area .link{
		width: 100%;
		margin: 0 0 10px;	
	}


}


/* =404
-------------------------------------------------------------- */
.error404 #post-0{
	margin-bottom: 4rem;
}


/* =Mobile
-------------------------------------------------------------- */

@media screen and (max-width: 1000px) {
	.content-width {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 800px) {
	.content-width-800 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
		box-sizing: border-box;
	}
}

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

	img.alignleft, img.alignright, img.aligncenter {
		margin: 4rem auto 2rem auto;
		float: none;
		display: block;
	}

}